:root{--bg:#f7f8fb;--card:#fff;--ink:#111827;--muted:#667085;--line:#e5e7eb;--brand:#111827;--brand2:#334155;--soft:#eef2ff;--success:#0f766e;--danger:#b42318;--radius:22px;--shadow:0 18px 60px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink)}body{margin:0;min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:800}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--brand);color:white;display:grid;place-items:center}.top-actions{display:flex;gap:8px}.shell{width:min(1180px,90vw);margin:0 auto;padding:48px 0 80px}.hero{min-height:70vh;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.hero h1,.dashboard-head h1,.auth-card h1,.public-card h1,.card h1{font-size:clamp(2rem,5vw,4.8rem);letter-spacing:-.055em;line-height:.98;margin:14px 0 18px}.hero p{font-size:1.15rem;line-height:1.65;color:var(--muted);max-width:650px}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#64748b}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:.9rem}.hero-card{display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#e0e7ff,#f8fafc 60%);border-radius:36px;min-height:520px;border:1px solid #e2e8f0}.mini-phone{width:min(330px,80%);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:28px;display:grid;gap:14px;transform:rotate(1.5deg)}.mini-head{font-size:1.35rem;font-weight:800;margin-bottom:8px}.mini-phone label{padding:13px;border:1px solid var(--line);border-radius:12px}.mini-phone button{border:0;padding:14px;border-radius:12px;background:var(--brand);color:#fff;font-weight:700}.btn{border:0;border-radius:13px;padding:12px 17px;font:inherit;font-weight:700;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 22px rgba(15,23,42,.15)}.btn-secondary{background:#e2e8f0;color:#0f172a}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-small{padding:9px 12px;font-size:.9rem}.btn-wide{width:100%;padding:15px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 30px rgba(15,23,42,.04);padding:28px}.auth-card{max-width:520px;margin:8vh auto}.auth-card h1,.public-card h1,.card h1{font-size:2.2rem;line-height:1.1}.stack{display:grid;gap:16px}.field{display:grid;gap:8px;font-weight:700;font-size:.92rem}.field input,.field textarea,.field select{font:inherit;border:1px solid #d0d5dd;border-radius:12px;padding:13px 14px;background:white;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#64748b;box-shadow:0 0 0 4px #f1f5f9}.optional{font-weight:500;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.84rem}.dashboard-head,.editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.dashboard-head h1{font-size:3rem;margin:8px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.stat strong{display:block;font-size:1.9rem}.stat span{color:var(--muted);font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.check-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:18px}.check-card h3{margin:0;font-size:1.2rem}.check-card p{margin:5px 0 0;color:var(--muted);font-size:.9rem}.check-meta{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:.76rem;font-weight:700;border-radius:99px;padding:6px 9px;background:#f1f5f9;color:#475569}.pill.on{background:#ecfdf3;color:#067647}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed #cbd5e1;border-radius:20px;color:var(--muted)}.editor-wrap{max-width:1050px;margin:0 auto}.editor-actions{display:flex;gap:8px}.editor-grid{display:grid;grid-template-columns:1fr 320px;gap:20px}.section-line{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.section-line h2{font-size:1.1rem}.items-editor{display:grid;gap:9px}.item-row{display:flex;gap:8px}.item-row input{flex:1;border:1px solid #d0d5dd;border-radius:11px;padding:11px 12px;font:inherit}.icon-btn{width:42px;border:1px solid var(--line);background:#fff;border-radius:11px;cursor:pointer}.qr-panel{height:max-content;position:sticky;top:100px;text-align:center}.qr-box{min-height:220px;display:grid;place-items:center;margin:14px 0}.qr-box img{max-width:210px}.url-preview{font-size:.75rem;color:var(--muted);word-break:break-all;background:#f8fafc;padding:10px;border-radius:10px}.qr-panel .btn{width:100%;margin-top:8px}.toggle-row{display:flex;gap:10px;align-items:center;margin-top:18px;text-align:left;font-weight:700}.public-wrap{max-width:620px;margin:5vh auto}.public-card{text-align:left}.public-icon{width:54px;height:54px;border-radius:16px;background:#ecfdf3;color:var(--success);display:grid;place-items:center;font-size:1.6rem;font-weight:800;margin-bottom:18px}.public-items{display:grid;gap:10px}.public-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:14px}.public-item input{width:21px;height:21px;margin-top:1px}.history-list{display:grid;gap:10px;margin-top:20px}.history-row{border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:12px}.history-row strong{display:block}.history-row span{color:var(--muted);font-size:.86rem}.history-badge{font-size:.78rem;font-weight:800;color:var(--success)}.toast{position:fixed;left:50%;top:88px;right:auto;bottom:auto;z-index:60;width:max-content;max-width:min(560px,calc(100vw - 32px));background:#111827;color:#fff;padding:13px 16px;border-radius:12px;box-shadow:0 12px 35px rgba(15,23,42,.2);opacity:0;transform:translate(-50%,-10px);pointer-events:none;transition:.2s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:var(--danger)}
@media(max-width:850px){.shell{width:min(94vw,720px);padding-top:28px}.hero{grid-template-columns:1fr;gap:26px}.hero-card{min-height:380px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.editor-grid{grid-template-columns:1fr}.qr-panel{position:static}.dashboard-head{flex-direction:column}.dashboard-head .btn{width:100%}}@media(max-width:520px){.topbar{padding:0 4vw}.hero h1{font-size:3rem}.stats{grid-template-columns:1fr}.editor-head{align-items:center}.editor-actions .btn-ghost{display:none}.card{padding:20px}.hero-card{min-height:330px}.mini-phone{width:88%}}

.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#111827;border:1px solid #d1d5db;margin-top:18px}
.btn-google:hover{background:#f8fafc}
.google-g{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;font-weight:800;font-family:Arial,sans-serif;color:#1a73e8;background:#fff;border:1px solid #e5e7eb}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.82rem;margin:16px 0}
.auth-divider::before,.auth-divider::after{content:"";height:1px;background:var(--line);flex:1}
.auth-divider span{padding:0 4px}

.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
[data-action="toggle-push"].btn-secondary{background:#ecfdf3;color:#067647;border:1px solid #a7f3d0}
[data-action="toggle-push"]:disabled{opacity:.65;cursor:not-allowed;transform:none}
@media(max-width:850px){.dashboard-actions{width:100%}.dashboard-actions .btn{flex:1 1 220px}}

.landing-page{display:grid;gap:20px}
.landing-section{padding:86px 0 24px}
.section-intro{max-width:760px;margin-bottom:30px}
.section-intro h2,.benefit-panel h2,.landing-cta h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em;line-height:1.04;margin:10px 0 14px}
.section-intro p{font-size:1.05rem;line-height:1.7;color:var(--muted);max-width:700px}
.mini-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#64748b;font-weight:800}
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step-card,.usecase-card,.faq-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 7px 30px rgba(15,23,42,.035)}
.step-card>span{width:34px;height:34px;border-radius:10px;background:#eef2ff;display:grid;place-items:center;font-size:.82rem;font-weight:800;color:#334155;margin-bottom:28px}
.step-card h3,.usecase-card h3,.faq-grid h3{margin:0 0 9px;font-size:1.03rem}
.step-card p,.usecase-card p,.faq-grid p{margin:0;color:var(--muted);line-height:1.6;font-size:.92rem}
.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.usecase-card{min-height:200px}
.usecase-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#f8fafc;font-size:1.15rem;margin-bottom:26px}
.benefit-panel{background:#111827;color:#fff;border-radius:32px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.benefit-panel .eyebrow{color:#cbd5e1}.benefit-panel h2{color:#fff;margin-bottom:0}
.benefit-list{display:grid;gap:8px}.benefit-list p{margin:0;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);line-height:1.6;color:#dbe3ef}.benefit-list p:last-child{border-bottom:0}.benefit-list strong{color:#fff}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.landing-cta{margin:76px 0 20px;padding:56px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,#fff,#f3f6fb);text-align:center}
.landing-cta h2{max-width:800px;margin:12px auto 24px}
.seo-fallback .hero{min-height:55vh}.seo-fallback .landing-section{padding-top:20px}
@media(max-width:900px){.step-grid{grid-template-columns:1fr 1fr}.usecase-grid{grid-template-columns:1fr 1fr}.benefit-panel{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.landing-section{padding-top:58px}.step-grid,.usecase-grid,.faq-grid{grid-template-columns:1fr}.benefit-panel{padding:28px;border-radius:24px}.landing-cta{padding:34px 22px;border-radius:24px}.usecase-card{min-height:0}.toast{top:82px}}

/* Landing carousel */
.hero-carousel{display:block;position:relative;overflow:hidden;padding:22px 24px 18px;background:radial-gradient(circle at 20% 20%,#e0e7ff,#f8fafc 62%);min-height:520px}
.carousel-topline{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em;margin-bottom:4px}
.carousel-count{font-variant-numeric:tabular-nums}.carousel-count strong{color:#111827}
.carousel-viewport{overflow:hidden;width:100%}
.carousel-track{display:flex;width:100%;transition:transform .45s cubic-bezier(.22,.61,.36,1);will-change:transform}
.usecase-slide{flex:0 0 100%;min-width:100%;min-height:405px;display:grid;place-items:center;position:relative;padding:18px 0 10px}
.slide-tag{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #e2e8f0;box-shadow:0 5px 18px rgba(15,23,42,.06);border-radius:99px;padding:7px 11px;font-size:.73rem;font-weight:800;color:#475569;z-index:2}
.hero-carousel .mini-phone{width:min(330px,86%);margin-top:18px;transition:transform .35s ease,opacity .35s ease}
.usecase-slide:not(.is-active) .mini-phone{opacity:.55;transform:rotate(0) scale(.96)}
.carousel-controls{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:12px}
.carousel-arrow{width:40px;height:40px;border-radius:12px;border:1px solid #d9dee7;background:#fff;color:#111827;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.05)}
.carousel-arrow:hover{transform:translateY(-1px)}
.carousel-dots{display:flex;justify-content:center;gap:7px}
.carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#cbd5e1;cursor:pointer;transition:.2s}
.carousel-dots button.is-active{width:25px;background:#111827}

/* Admin creation preview */
.admin-preview-section{padding-top:72px}
.admin-browser{background:#fff;border:1px solid #dfe4ec;border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.09);overflow:hidden}
.admin-browser-bar{min-height:58px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;background:#f8fafc;border-bottom:1px solid var(--line);color:#64748b;font-size:.76rem;font-weight:700}
.browser-dots{display:flex;gap:6px}.browser-dots span{width:9px;height:9px;border-radius:50%;background:#cbd5e1}.browser-dots span:nth-child(2){background:#d6dbe3}.browser-dots span:nth-child(3){background:#e2e8f0}
.browser-title{color:#334155;text-align:center}.browser-status{text-align:right;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}
.admin-preview-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;padding:26px;background:linear-gradient(180deg,#fff,#fbfcfe)}
.admin-preview-form,.admin-preview-qr{border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px}
.admin-preview-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#64748b;margin-bottom:14px}
.admin-preview-field{border:1px solid #d7dce5;border-radius:12px;padding:11px 13px;margin-bottom:10px;display:grid;gap:5px}
.admin-preview-field span{font-size:.68rem;color:#7b8798;font-weight:700}.admin-preview-field strong{font-size:.9rem;font-weight:600}.admin-preview-textarea{min-height:70px}
.admin-preview-section-title{display:flex;justify-content:space-between;align-items:center;margin:20px 2px 10px;font-size:.9rem}.admin-preview-section-title span{border:1px solid var(--line);border-radius:9px;padding:6px 9px;font-size:.72rem;font-weight:700;color:#475569}
.admin-preview-items{display:grid;gap:8px}.admin-preview-items>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid #d7dce5;border-radius:11px;padding:10px 11px;font-size:.82rem;color:#334155}.admin-preview-items b{font-size:1rem;color:#94a3b8}.drag-handle{color:#c1c8d2}
.admin-preview-save{margin-top:18px;width:100%;border:0;border-radius:11px;padding:12px;background:#111827;color:#fff;font:inherit;font-size:.84rem;font-weight:800}
.admin-preview-qr{text-align:center;height:max-content}.fake-qr{width:164px;height:164px;margin:16px auto 14px;position:relative;border:10px solid #fff;box-shadow:0 0 0 1px #e2e8f0;border-radius:6px;background:repeating-conic-gradient(#111827 0 25%,#fff 0 50%) 0/18px 18px}
.qr-eye{position:absolute;width:42px;height:42px;background:#fff;border:8px solid #111827;box-shadow:inset 0 0 0 7px #fff}.qr-eye::after{content:"";position:absolute;inset:7px;background:#111827}.qr-eye-a{left:4px;top:4px}.qr-eye-b{right:4px;top:4px}.qr-eye-c{left:4px;bottom:4px}
.admin-preview-url{font-size:.68rem;color:#64748b;background:#f8fafc;border-radius:9px;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-preview-button{margin-top:8px;border-radius:10px;padding:10px;background:#e2e8f0;color:#111827;font-size:.76rem;font-weight:800}.admin-preview-button.light{background:#fff;border:1px solid var(--line)}
.admin-preview-toggle{display:flex;align-items:center;gap:9px;text-align:left;margin-top:14px;font-size:.72rem;font-weight:700;color:#475569}.admin-preview-toggle span{width:28px;height:16px;border-radius:99px;background:#111827;position:relative;flex:0 0 auto}.admin-preview-toggle span::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;right:2px;top:2px}
.admin-preview-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.admin-preview-notes span{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 14px;color:#64748b;font-size:.8rem}.admin-preview-notes strong{color:#111827}
@media(max-width:900px){.admin-preview-layout{grid-template-columns:1fr}.admin-preview-qr{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;text-align:left}.admin-preview-qr .admin-preview-kicker{grid-column:1/-1}.fake-qr{grid-row:2/7;margin:0 auto}.admin-preview-notes{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero-carousel{min-height:430px;padding:16px 14px 14px;border-radius:28px}.usecase-slide{min-height:345px;padding-top:20px}.hero-carousel .mini-phone{width:92%;padding:22px;gap:10px}.hero-carousel .mini-phone label{padding:10px;font-size:.9rem}.carousel-controls{grid-template-columns:36px 1fr 36px}.carousel-arrow{width:36px;height:36px}.admin-browser{border-radius:22px}.admin-browser-bar{grid-template-columns:auto 1fr;padding:0 12px}.browser-title{text-align:left}.browser-status{display:none}.admin-preview-layout{padding:12px;gap:12px}.admin-preview-form,.admin-preview-qr{padding:16px}.admin-preview-qr{display:block;text-align:center}.fake-qr{margin:14px auto}.admin-preview-notes{grid-template-columns:1fr 1fr}.admin-preview-notes span{padding:11px 12px}.admin-preview-section{padding-top:54px}}


/* Demo validation flow */
.demo-validating{opacity:.78;transform:scale(.99);transition:opacity .25s ease,transform .25s ease}
.demo-success{text-align:center;padding:34px 10px 22px;animation:demoFadeIn .35s ease both}
.demo-success-ring{width:82px;height:82px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:#ecfdf3;position:relative}
.demo-success-ring::before,.demo-success-ring::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #12b76a;animation:demoRing 1.15s ease-out infinite}
.demo-success-ring::after{animation-delay:.25s}
.demo-success-ring span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#12b76a;color:#fff;font-size:1.7rem;font-weight:900;box-shadow:0 10px 25px rgba(18,183,106,.22)}
.demo-success h1{font-size:2.25rem;margin:12px 0 10px}
.demo-progress{height:5px;max-width:260px;margin:28px auto 10px;border-radius:99px;overflow:hidden;background:#e2e8f0}
.demo-progress span{display:block;height:100%;width:0;background:#0f172a;border-radius:inherit;animation:demoProgress 1.35s ease forwards}
.demo-transition-label{font-size:.82rem;color:var(--muted);margin:0}
.demo-admin-head{animation:demoSlideUp .4s ease both}
.demo-received{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:18px;padding:15px 17px;margin:-4px 0 18px;animation:demoNotice .5s cubic-bezier(.2,.8,.2,1) both}
.demo-received-icon{width:38px;height:38px;border-radius:12px;background:#12b76a;color:#fff;display:grid;place-items:center;font-weight:900}
.demo-received strong,.demo-received span{display:block}.demo-received>div:nth-child(2) span{font-size:.86rem;color:#475569;margin-top:2px}
.demo-live-pill{font-size:.72rem;font-weight:800;background:#dcfce7;color:#067647;border-radius:999px;padding:6px 9px}
.demo-stat-pulse{animation:demoStatPulse .9s ease .25s both}
.demo-admin-grid{grid-template-columns:minmax(0,620px)}
.demo-check-card{animation:demoSlideUp .45s ease .1s both}
.demo-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.demo-card-title-row h3{margin:0}
.demo-validation-pill{background:#ecfdf3;color:#067647;animation:demoBadgePop .45s ease .45s both}
.demo-latest-validation{border-top:1px solid var(--line);padding-top:16px}
.demo-latest-validation .eyebrow{display:block;margin-bottom:9px}
.demo-history-row{background:#f8fafc;animation:demoHighlight 1.4s ease .2s both}
.demo-caption{font-size:.78rem;color:var(--muted);margin-top:20px}
@keyframes demoFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes demoRing{0%{opacity:.55;transform:scale(.72)}100%{opacity:0;transform:scale(1.45)}}
@keyframes demoProgress{to{width:100%}}
@keyframes demoSlideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes demoNotice{0%{opacity:0;transform:translateY(-10px) scale(.98)}100%{opacity:1;transform:none}}
@keyframes demoStatPulse{0%{box-shadow:0 0 0 0 rgba(18,183,106,.28)}65%{box-shadow:0 0 0 12px rgba(18,183,106,0)}100%{box-shadow:none}}
@keyframes demoBadgePop{0%{transform:scale(.75);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes demoHighlight{0%{background:#dcfce7}100%{background:#f8fafc}}
@media(max-width:600px){.demo-received{grid-template-columns:auto 1fr}.demo-live-pill{grid-column:2;width:max-content}.demo-admin-grid{grid-template-columns:1fr}.demo-success{padding:26px 0 16px}}
@media(prefers-reduced-motion:reduce){.demo-success,.demo-success-ring::before,.demo-success-ring::after,.demo-progress span,.demo-admin-head,.demo-received,.demo-stat-pulse,.demo-check-card,.demo-validation-pill,.demo-history-row{animation:none!important}}


/* Demo account switch */
.demo-switch-card{margin:24px auto 8px;max-width:520px;display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;gap:10px}
.demo-switch-side{display:flex;align-items:center;gap:11px;text-align:left;padding:14px 15px;border:1px solid var(--line);border-radius:16px;background:#fff}
.demo-switch-side.owner{background:#f8fafc}
.demo-switch-side strong,.demo-switch-side small{display:block}
.demo-switch-side small{font-size:.75rem;color:var(--muted);margin-top:2px}
.demo-switch-icon{width:38px;height:38px;border-radius:12px;background:#f1f5f9;display:grid;place-items:center;font-size:1.1rem}
.demo-switch-arrow{height:48px;display:grid;place-items:center;position:relative;overflow:hidden}
.demo-switch-arrow::before{content:"";position:absolute;left:4px;right:4px;height:2px;background:#cbd5e1}
.demo-switch-arrow span{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0f172a;color:#fff;font-weight:800;animation:demoSwitchArrow 1.1s ease-in-out infinite}
.demo-switch-copy{max-width:560px;margin:14px auto 0;color:#475569;font-size:.92rem;line-height:1.55}
.demo-account-switch #app{animation:demoAccountWipe .52s cubic-bezier(.22,.8,.22,1) both}
.demo-admin-head::before{content:"Vue du compte créateur";display:inline-flex;align-items:center;gap:7px;width:max-content;margin-bottom:8px;padding:6px 9px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.72rem;font-weight:800;letter-spacing:.01em}
@keyframes demoSwitchArrow{0%,100%{transform:translateX(-5px)}50%{transform:translateX(5px)}}
@keyframes demoAccountWipe{0%{opacity:1;transform:none;filter:blur(0)}45%{opacity:.15;transform:translateX(-18px) scale(.985);filter:blur(4px)}55%{opacity:.15;transform:translateX(18px) scale(.985);filter:blur(4px)}100%{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:600px){.demo-switch-card{grid-template-columns:1fr;gap:8px}.demo-switch-arrow{height:38px}.demo-switch-arrow::before{top:50%;bottom:auto;left:50%;right:auto;width:2px;height:30px;transform:translate(-50%,-50%)}.demo-switch-arrow span{transform:rotate(90deg);animation:demoSwitchArrowMobile 1.1s ease-in-out infinite}@keyframes demoSwitchArrowMobile{0%,100%{transform:rotate(90deg) translateX(-4px)}50%{transform:rotate(90deg) translateX(4px)}}}
@media(prefers-reduced-motion:reduce){.demo-switch-arrow span,.demo-account-switch #app{animation:none!important}}

.validation-options{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.validation-options-head{margin:0 0 4px}.validation-options-head h2{margin:0}.option-grid{display:grid;gap:14px;margin-top:18px}.field select{width:100%;color:var(--ink);cursor:pointer}

.trial-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:14px 16px;margin:6px 0 18px}.trial-banner strong{color:#9a3412}.trial-banner span{flex:1;color:#7c2d12;font-size:.9rem}.trial-banner.is-active{background:#ecfdf3;border-color:#a7f3d0}.trial-banner.is-active strong{color:#067647}.trial-banner.is-active span{color:#475569}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 8px 28px rgba(15,23,42,.04)}.price-card.featured{border-color:#cbd5e1;box-shadow:0 18px 55px rgba(15,23,42,.09)}.price{display:block;font-size:2.5rem;letter-spacing:-.04em;margin:12px 0}.price small{font-size:1rem;color:var(--muted);font-weight:600;margin-left:4px}.price-card p{color:var(--muted);line-height:1.6}.pricing-note{color:var(--muted);font-size:.86rem;line-height:1.6;margin-top:14px}.billing-wrap{max-width:900px}.billing-hero{margin-bottom:18px}.billing-hero h1{font-size:2.5rem}.billing-plans{margin-bottom:18px}.billing-details h2{margin-top:0}
@media(max-width:700px){.pricing-grid{grid-template-columns:1fr}.trial-banner{align-items:flex-start}.trial-banner .btn{width:100%}}



@media(min-width:851px){.landing-page .hero{grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr)}.landing-page .hero-copy{grid-column:1}.landing-page .hero-carousel{grid-column:2;justify-self:end;width:100%;max-width:500px}}

.premium-card{position:relative;overflow:hidden;border-color:#c7d2fe!important;background:linear-gradient(180deg,#fff 0%,#f8faff 100%)}
.premium-label{position:absolute;top:16px;right:16px;padding:6px 9px;border-radius:999px;background:#111827;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.premium-chip{padding:5px 8px;border-radius:999px;background:#111827;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.photo-proof-field{border:1px solid #c7d2fe;background:#f8faff;border-radius:18px;padding:16px;margin-top:4px}
.photo-proof-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.photo-proof-head strong,.photo-proof-head span{display:block}.photo-proof-head>div>span{font-size:.76rem;color:var(--muted);margin-top:2px}
.photo-proof-field>p{margin:8px 0 12px;color:var(--muted);font-size:.86rem;line-height:1.5}
.photo-picker{display:grid;place-items:center;text-align:center;border:1.5px dashed #a5b4fc;border-radius:15px;padding:18px;cursor:pointer;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.photo-picker:hover{border-color:#6366f1;box-shadow:0 8px 24px rgba(79,70,229,.08);transform:translateY(-1px)}
.photo-picker input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.photo-picker-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;color:#3730a3;font-size:1.35rem;font-weight:700;margin-bottom:8px}
.photo-picker strong{font-size:.9rem}.photo-picker small{color:var(--muted);margin-top:3px}
.photo-preview{margin-top:12px;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px}
.photo-preview[hidden]{display:none}.photo-preview img{width:72px;height:72px;border-radius:10px;object-fit:cover}.photo-preview span{font-size:.8rem;color:var(--muted)}
.history-row-with-photo{align-items:flex-start}.history-photo{display:flex;align-items:center;gap:10px;margin-top:10px;padding:7px 10px 7px 7px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.history-photo img{width:48px;height:48px;border-radius:8px;object-fit:cover}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr 1fr}.pricing-grid .premium-card{grid-column:1/-1}}
@media(max-width:700px){.pricing-grid{grid-template-columns:1fr}.pricing-grid .premium-card{grid-column:auto}.photo-preview{grid-template-columns:64px 1fr}.photo-preview img{width:64px;height:64px}.photo-preview .btn{grid-column:1/-1;width:100%}}

.real-use-section{padding-top:58px}
.real-use-intro{margin-bottom:22px}
.real-use-carousel{overflow:hidden;max-width:900px;margin-inline:auto;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.10);background:#fff}
.real-use-viewport{overflow:hidden;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
.real-use-track{display:flex;width:100%;transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}
.real-use-slide{position:relative;flex:0 0 100%;min-width:100%;margin:0;padding:24px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:26px;align-items:center;background:#fff}
.real-use-media{min-width:0;border-radius:22px;overflow:hidden;background:#eef2f7;box-shadow:0 12px 30px rgba(15,23,42,.08)}
.real-use-media img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.real-use-copy{display:grid;align-content:center;gap:12px;padding:4px 4px 4px 0}
.real-use-tag{display:inline-flex;width:max-content;padding:7px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.74rem;font-weight:800;letter-spacing:.02em}
.real-use-copy h3{margin:0;font-size:clamp(1.45rem,2.4vw,2.15rem);letter-spacing:-.035em;line-height:1.05}
.real-use-copy p{margin:0;color:var(--muted);line-height:1.65;font-size:.98rem}
.real-use-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.real-use-flow span{padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.78rem;font-weight:800;color:#334155}
.real-use-flow b{font-size:.82rem;color:#94a3b8}
.real-use-controls{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-top:1px solid #eef2f7}
.real-use-controls .carousel-dots{justify-content:center}
@media(max-width:760px){
  .real-use-section{padding-top:42px}
  .real-use-carousel{border-radius:22px}
  .real-use-slide{grid-template-columns:1fr;padding:14px;gap:16px}
  .real-use-media{border-radius:18px}
  .real-use-copy{padding:2px 4px 6px}
  .real-use-copy h3{font-size:1.45rem}
  .real-use-copy p{font-size:.92rem}
  .real-use-controls{padding:12px 14px}
}


.plan-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px;align-items:stretch}
.plan-tier{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:28px;padding:22px;background:#fff;box-shadow:0 10px 34px rgba(15,23,42,.04)}
.plan-tier.premium-tier{border-color:#e3c66a;background:linear-gradient(180deg,#fffaf0 0%,#fff 100%)}
.plan-tier-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start;min-height:104px;margin-bottom:16px;padding:2px 2px 16px;border-bottom:1px solid var(--line)}
.plan-tier-head>div{min-width:0}
.plan-tier-head h3{margin:5px 0 0;font-size:1.18rem;line-height:1.16}
.plan-tier-head p{max-width:none;margin:0;color:var(--muted);font-size:.86rem;line-height:1.55}
.tier-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex:1;align-items:stretch}
.tier-prices .price-card{display:flex;flex-direction:column;height:100%;min-height:300px;padding:22px;box-shadow:none}
.tier-prices .price-card>.eyebrow{display:block;min-height:20px}
.tier-prices .price{display:flex;align-items:baseline;gap:4px;min-height:52px;margin:12px 0 14px;font-size:2.05rem;line-height:1}
.tier-prices .price small{margin-left:0;white-space:nowrap}
.tier-prices .price-card p{margin:0 0 14px;line-height:1.55}
.tier-prices .btn{width:100%;min-height:70px;margin-top:auto;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2}
.tier-prices .premium-card{position:relative}
.tier-prices .premium-label{top:14px;right:14px}
.premium-label-inline{display:inline-flex;padding:6px 9px;border-radius:999px;background:linear-gradient(180deg,#f7db72,#d9aa17);color:#5a4100;border:1px solid #d0a51d;box-shadow:0 2px 6px rgba(137,96,0,.15);font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.photo-limit-reached{display:grid;gap:5px;padding:6px 2px}.photo-limit-reached strong{color:#991b1b}.photo-limit-reached span{font-size:.84rem;line-height:1.5;color:var(--muted)}
.billing-wrap{max-width:1100px}
@media(max-width:900px){
  .plan-tiers{grid-template-columns:1fr}
  .plan-tier-head{grid-template-columns:1fr 1fr;min-height:96px}
}
@media(max-width:600px){
  .plan-tier{padding:16px;border-radius:22px}
  .plan-tier-head{grid-template-columns:1fr;min-height:auto;gap:10px}
  .plan-tier-head p{margin-top:0}
  .tier-prices{grid-template-columns:1fr}
  .tier-prices .price-card{min-height:260px;padding:20px}
  .tier-prices .btn{min-height:58px}
}

.photo-pack-section{margin-bottom:18px}
.photo-pack-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:8px}
.photo-pack-head h2{margin:5px 0 0}.photo-credit-balance{display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:baseline;text-align:right}
.photo-credit-balance strong{font-size:1.35rem}.photo-credit-balance span{color:var(--muted);font-size:.78rem}
.photo-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.photo-pack-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}
.photo-pack-card.featured{border-color:#c7d2fe;background:#f8faff}.photo-pack-card>strong{font-size:1.05rem}.photo-pack-card>span{font-size:1.5rem;font-weight:800;letter-spacing:-.03em}
@media(max-width:760px){.photo-pack-head{display:block}.photo-credit-balance{margin-top:14px;text-align:left;grid-template-columns:auto 1fr}.photo-pack-grid{grid-template-columns:1fr}}

.dashboard-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 18px;color:var(--muted);font-size:.86rem}
.dashboard-summary span{display:inline-flex;align-items:center;gap:4px}
.dashboard-summary strong{color:var(--ink);font-size:.92rem}
.dashboard-summary i{font-style:normal;color:#cbd5e1}
@media(max-width:600px){.dashboard-summary{margin:4px 2px 14px;font-size:.82rem;gap:6px}.dashboard-summary strong{font-size:.86rem}}

.plan-change-notice{display:flex;align-items:center;gap:12px;margin:-4px 0 18px;padding:14px 16px;border-color:#c7d2fe;background:#f8faff}
.plan-change-notice strong{color:#3730a3}.plan-change-notice span{color:var(--muted);font-size:.88rem;line-height:1.45}
.billing-plans .btn:disabled{cursor:default;opacity:.58;transform:none;box-shadow:none}
@media(max-width:600px){.plan-change-notice{display:grid;gap:4px}}

.premium-notification-settings{margin-top:28px;padding:22px;border:1px solid #c7d2fe;border-radius:20px;background:linear-gradient(180deg,#fbfcff 0%,#f8faff 100%)}
.premium-notification-settings[hidden]{display:none}
.premium-notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.premium-notification-head h2{margin:7px 0 0;font-size:1.1rem}
.premium-notification-head p{max-width:360px;margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}
.premium-toggle{margin-top:12px;padding:11px 12px;border:1px solid #e0e7ff;border-radius:13px;background:#fff}
.manager-mobile-action-label{display:none}
.public-card [hidden]{display:none!important}
.email-recipients{margin-top:14px;padding-top:14px;border-top:1px solid #e0e7ff}
.email-recipient-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.email-recipient-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}
.email-recipient-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#fff;border:1px solid #dce5e3;border-radius:12px}
.email-recipient-list li span{overflow-wrap:anywhere;min-width:0;font-weight:600}
.email-recipient-list button{flex-shrink:0;min-width:40px;min-height:40px;padding:4px;border:0;background:#f1f5f4;color:#52645f;border-radius:10px;font-size:24px;cursor:pointer}
.email-recipient-entry{display:flex;gap:8px;align-items:stretch}
.email-recipient-entry input{flex:1;min-width:0;width:100%}
.email-recipient-entry button{flex-shrink:0;padding:10px 16px;border:0;border-radius:12px;background:#14594b;color:#fff;font-weight:700;cursor:pointer}
.email-recipient-entry button:disabled{background:#e7edeb;color:#63736e;cursor:default}
.email-recipient-status{min-height:20px;margin:8px 0 14px;color:#63736e}
.email-recipient-status[data-state="valid"]{color:#16704c}
.email-recipient-status[data-state="error"]{color:#b42318}
@media(max-width:420px){.email-recipient-entry{flex-wrap:wrap}.email-recipient-entry input{flex-basis:100%}.email-recipient-entry button{width:100%}}
@media(max-width:700px){.premium-notification-head{display:block}.premium-notification-head p{max-width:none;margin-top:9px}}

/* Mobile photo capture: stable, readable preview */
.photo-preview{grid-template-columns:minmax(96px,132px) 1fr auto;align-items:center}
.photo-preview img{width:100%;height:96px;max-width:132px;border-radius:12px;object-fit:cover;display:block;background:#f1f5f9}
.photo-preview-info{display:grid;gap:3px;min-width:0}
.photo-preview-info strong{font-size:.88rem;color:var(--ink)}
.photo-preview-info span{font-size:.78rem;color:var(--muted)}
.photo-preview-loading{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:54px;color:var(--muted);font-size:.86rem}
.photo-spinner{width:18px;height:18px;border:2px solid #cbd5e1;border-top-color:#475569;border-radius:999px;animation:photoSpin .8s linear infinite}
@keyframes photoSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){
  .photo-proof-field{padding:14px}
  .photo-preview{grid-template-columns:104px 1fr;gap:10px}
  .photo-preview img{width:104px;height:104px;max-width:104px}
  .photo-preview .btn{grid-column:1/-1;width:100%;margin-top:2px}
}

/* ===== Premium Gold Theme ===== */
.pill.premium{
  background:linear-gradient(135deg,#fff8d8 0%,#f6dfa0 42%,#d8b54a 72%,#b88a16 100%);
  color:#4b3500;
  border:1px solid rgba(184,138,22,.42);
  box-shadow:0 8px 22px rgba(184,138,22,.18),inset 0 1px 0 rgba(255,255,255,.7)
}
.trial-banner.is-active.is-premium{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#fffdf7 0%,#fff8df 52%,#f8edc3 100%);
  border-color:rgba(202,159,43,.42);
  box-shadow:0 14px 34px rgba(123,91,16,.10)
}
.trial-banner.is-active.is-premium::after{
  content:"";
  position:absolute;
  width:170px;height:170px;
  right:-70px;top:-105px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(231,194,82,.28),rgba(231,194,82,0) 70%);
  pointer-events:none
}
.trial-banner.is-active.is-premium strong{color:#765500}
.trial-banner.is-active.is-premium span{color:#5f5539}
.trial-banner.is-active.is-premium .btn{
  border-color:rgba(184,138,22,.32);
  background:rgba(255,255,255,.68)
}

.premium-card,
.plan-tier.premium-tier{
  position:relative;
  overflow:hidden;
  border-color:rgba(199,154,35,.48)!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(239,202,96,.22),transparent 28%),
    linear-gradient(180deg,#fffdf8 0%,#fff9e8 46%,#fff 100%)!important;
  box-shadow:0 20px 48px rgba(112,80,12,.10),inset 0 1px 0 rgba(255,255,255,.9)
}
.premium-card::before,
.plan-tier.premium-tier::before{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.48) 0%,rgba(255,255,255,.08) 28%,rgba(213,173,63,.08) 62%,transparent 100%)
}
.premium-card>*,
.plan-tier.premium-tier>*{position:relative;z-index:1}

.premium-label,
.premium-label-inline,
.premium-chip{
  background:linear-gradient(135deg,#fff0a9 0%,#e4c25d 45%,#b88916 100%);
  color:#3f2c00;
  border:1px solid rgba(160,115,9,.32);
  box-shadow:0 7px 18px rgba(157,112,10,.18),inset 0 1px 0 rgba(255,255,255,.65)
}
.plan-tier.premium-tier .eyebrow,
.premium-card .eyebrow{color:#8a6508}
.plan-tier.premium-tier h3,
.premium-card h3{color:#4f3900}

.plan-tier.premium-tier .price-card{
  border-color:rgba(210,174,74,.32);
  background:rgba(255,255,255,.72)
}
.plan-tier.premium-tier .price-card.featured{
  border-color:rgba(187,140,25,.58);
  background:linear-gradient(180deg,#fffaf0 0%,#fff 100%);
  box-shadow:0 12px 28px rgba(113,82,14,.09)
}
.plan-tier.premium-tier .price{color:#5f4500}
.plan-tier.premium-tier .price small{color:#8b7a4f}

.plan-tier.premium-tier [data-plan^="premium_"],
.premium-card [data-plan^="premium_"]{
  background:linear-gradient(135deg,#f7df91 0%,#d7ae3d 48%,#ad7b0c 100%);
  color:#2e2100;
  border:1px solid rgba(151,104,5,.36);
  box-shadow:0 10px 24px rgba(173,123,12,.22),inset 0 1px 0 rgba(255,255,255,.45);
  text-shadow:0 1px 0 rgba(255,255,255,.22)
}
.plan-tier.premium-tier [data-plan^="premium_"]:not(:disabled):hover,
.premium-card [data-plan^="premium_"]:not(:disabled):hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(173,123,12,.28),inset 0 1px 0 rgba(255,255,255,.45)
}

.premium-notification-settings{
  border-color:rgba(203,163,54,.42);
  background:linear-gradient(180deg,#fffdf8 0%,#fff9e9 100%);
  box-shadow:0 12px 30px rgba(112,80,12,.06)
}
.premium-toggle{border-color:rgba(219,187,99,.48)}
.photo-proof-field{
  border-color:rgba(203,163,54,.38);
  background:linear-gradient(180deg,#fffdf8 0%,#fffaf0 100%)
}
.photo-picker{border-color:#d6b65e}
.photo-picker:hover{
  border-color:#b98a17;
  box-shadow:0 8px 24px rgba(164,119,12,.10)
}
.photo-picker-icon{
  background:#fff2bf;
  color:#7a5700
}

@media(max-width:700px){
  .premium-label{top:12px;right:12px}
}



/* ===== First-run onboarding + editor UX v3 ===== */
.first-start{max-width:1100px;margin:0 auto;padding:36px 0 70px}
.first-start-head{max-width:760px}.first-start-head h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1;letter-spacing:-.055em;margin:14px 0 20px}.first-start-head p{font-size:1.02rem;line-height:1.7;color:var(--muted);max-width:700px}
.first-start-progress{display:flex;align-items:center;gap:10px;margin:28px 0 24px;color:#82908b;font-size:.74rem;font-weight:750}.first-start-progress span{white-space:nowrap}.first-start-progress span.is-active{color:#176b56}.first-start-progress i{height:1px;flex:1;background:#dde5e1}
.first-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.first-start-card{display:grid;gap:7px;text-align:left;padding:24px;border:1px solid #dce6e1;border-radius:20px;background:#fff;cursor:pointer;font:inherit;transition:.18s ease}.first-start-card:hover{transform:translateY(-2px);border-color:#a8c9ba;box-shadow:0 14px 35px rgba(15,23,42,.07)}.first-start-card>span{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#176b56;font-weight:800}.first-start-card>strong{font-size:1.12rem;letter-spacing:-.02em}.first-start-card>small{font-size:.76rem;color:var(--muted)}.first-start-card>b{margin-top:9px;font-size:.78rem;color:#176b56}
.first-start-blank{margin-top:16px}.first-start-reassurance{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;color:#66756f;font-size:.72rem}.first-start-reassurance span{padding:7px 9px;border-radius:999px;background:#f6f9f7;border:1px solid #e1e8e4}

.editor-wrap-v2{max-width:1180px}
.editor-grid-v2{grid-template-columns:minmax(0,1fr) 360px;align-items:start}
.editor-main-card{padding:30px}
.editor-intro{padding-bottom:24px;border-bottom:1px solid var(--line)}.editor-intro h1{font-size:2rem!important;line-height:1.1!important;letter-spacing:-.04em!important;margin:8px 0 10px!important}.editor-intro p{margin:0;line-height:1.6}
.editor-step-block{padding:26px 0;border-top:1px solid var(--line)}.editor-step-block:first-of-type{border-top:0}
.editor-step-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.editor-step-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eaf4ef;color:#176b56;font-size:.76rem;font-weight:850;flex:0 0 auto}.editor-step-title>div{display:grid;gap:3px}.editor-step-title strong{font-size:1rem}.editor-step-title small{font-size:.74rem;color:var(--muted);line-height:1.45}
.editor-items-head{margin-top:0}.editor-items-head h2{margin:0;font-size:.85rem;color:#52625e}
.items-editor{gap:8px}.item-row{align-items:center}.item-index{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#f2f6f4;color:#64756e;font-size:.72rem;font-weight:800;flex:0 0 auto}.item-row input{min-height:44px}
.validation-options.editor-step-block{margin-top:0}
.editor-side{display:grid;gap:14px;position:sticky;top:96px}
.editor-side .card{padding:20px}.editor-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.editor-side-head>span:last-child{font-size:.67rem;color:var(--muted);font-weight:700}
.phone-preview-panel{overflow:hidden}
.editor-phone-preview{max-width:290px;margin:0 auto;background:#f8faf9;border:7px solid #15241f;border-radius:30px;padding:14px 14px 18px;box-shadow:0 18px 40px rgba(15,23,42,.12)}
.editor-phone-notch{width:58px;height:5px;border-radius:99px;background:#354740;margin:0 auto 14px}.editor-phone-preview>small{display:block;color:#7a8984;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.editor-phone-preview h3{font-size:1rem;margin:7px 0 4px;line-height:1.25}.editor-phone-preview>p{font-size:.68rem;line-height:1.45;color:#6c7b76;margin:0 0 12px}
.editor-preview-items{display:grid;gap:6px}.editor-preview-items>div{display:flex;align-items:center;gap:7px;padding:8px;border-radius:9px;background:#fff;border:1px solid #e1e8e4;font-size:.65rem}.editor-preview-items i{width:14px;height:14px;border:1.5px solid #9db2a9;border-radius:4px;flex:0 0 auto}.editor-preview-submit{margin-top:12px;padding:10px;border-radius:9px;background:#176b56;color:#fff;text-align:center;font-size:.68rem;font-weight:800}
.qr-panel-v2{position:static;text-align:left}.qr-panel-v2 .qr-box{text-align:center;min-height:180px;margin:8px 0 10px}.qr-panel-v2 .qr-box canvas,.qr-panel-v2 .qr-box img{max-width:180px!important;height:auto!important}.qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qr-actions .btn{width:100%;margin:0}.qr-waiting{min-height:160px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--muted);text-align:center}.qr-waiting span{display:grid;place-items:center;width:60px;height:60px;border-radius:15px;border:1px dashed #aebdb7;background:#f8faf9;color:#80908a;font-size:.8rem;font-weight:900}.qr-waiting strong{font-size:.74rem;color:#64756e}
.premium-notification-settings.editor-step-block{padding-bottom:0}

.demo-role-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:-6px 0 20px;border-radius:13px;background:#eef7f2;border:1px solid #cfe4da}.demo-role-banner>span{padding:5px 7px;border-radius:999px;background:#176b56;color:#fff;font-size:.62rem;font-weight:800}.demo-role-banner>div{display:grid;gap:2px}.demo-role-banner strong{font-size:.8rem}.demo-role-banner small{font-size:.68rem;color:#65756f}

@media(max-width:900px){
  .editor-grid-v2{grid-template-columns:1fr}.editor-side{position:static;grid-template-columns:1fr 1fr}.editor-phone-preview{max-width:260px}
}
@media(max-width:700px){
  .first-start{padding-top:18px}.first-start-grid{grid-template-columns:1fr}.first-start-progress{font-size:.68rem}.first-start-reassurance{display:grid}
  .editor-side{grid-template-columns:1fr}.editor-main-card{padding:20px}.editor-intro h1{font-size:1.65rem!important}.qr-actions{grid-template-columns:1fr}
}
@media(max-width:520px){
  .first-start-head h1{font-size:2.5rem}.first-start-progress i{display:none}.first-start-progress{justify-content:space-between;overflow:auto;padding-bottom:2px}
  .editor-step-title small{font-size:.7rem}.editor-items-head{align-items:flex-start}.editor-items-head .btn{width:auto!important}
}


/* Editor creation flow 2026-09-30 */
.editor-head-meta{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.editor-save-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:.76rem;font-weight:800}
.editor-save-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#94a3b8}
.editor-save-status.is-saved{background:#ecfdf3;color:#067647}.editor-save-status.is-saved::before{background:#12b76a}
.editor-flow-strip{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:9px;margin-top:20px;padding:12px 14px;border:1px solid #e4e9e6;border-radius:14px;background:#f8faf9}
.editor-flow-strip span{font-size:.72rem;font-weight:800;color:#7b8984;white-space:nowrap}.editor-flow-strip span.is-current{color:#176b56}
.editor-flow-strip i{height:1px;background:#d7e0db}
.editor-activation-step{padding-bottom:22px}.editor-publish-toggle{margin-top:0;padding:14px 15px;border:1px solid #dce6e1;border-radius:14px;background:#f8faf9}
.editor-sub-block{margin-top:18px;padding:18px;border:1px solid #dce3fb;border-radius:16px;background:#fbfcff}
.editor-sub-block .premium-notification-head h2{margin:7px 0 5px;font-size:1rem}.editor-sub-block .premium-notification-head p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}
.editor-finish{margin-top:4px;padding:22px;border-radius:18px;background:#102a23;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);gap:20px;align-items:center}
.editor-finish .eyebrow{color:#a8c9bd}.editor-finish h2{margin:5px 0 6px;font-size:1.2rem}.editor-finish p{margin:0;color:#c5d8d1;font-size:.84rem;line-height:1.55}
.editor-save-cta{width:100%;min-height:68px;background:#fff!important;color:#102a23!important;box-shadow:none!important;display:grid;gap:3px;align-content:center;text-align:center}
.editor-save-cta strong{font-size:.9rem}.editor-save-cta small{font-size:.7rem;font-weight:650;color:#5c7069}
.editor-qr-pending{display:flex;gap:14px;align-items:flex-start;background:#f8faf9;border-style:dashed;box-shadow:none}
.editor-qr-pending[hidden],#editorQrPanel[hidden]{display:none!important}
.editor-qr-pending-icon{width:54px;height:54px;border-radius:14px;border:1px dashed #aebdb7;display:grid;place-items:center;color:#6f817a;background:#fff;font-size:.72rem;font-weight:900;flex:0 0 auto}
.editor-qr-pending h3{margin:5px 0 6px;font-size:.95rem}.editor-qr-pending p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55}
.editor-qr-success{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;background:#ecfdf3;border:1px solid #bbf7d0;margin-bottom:8px}
.editor-qr-success>span{width:30px;height:30px;border-radius:9px;background:#12b76a;color:#fff;display:grid;place-items:center;font-weight:900}.editor-qr-success strong,.editor-qr-success small{display:block}.editor-qr-success strong{font-size:.82rem;color:#067647}.editor-qr-success small{font-size:.69rem;color:#527066;margin-top:2px;line-height:1.35}
.qr-actions-three{grid-template-columns:1fr!important}.qr-actions-three .btn{min-height:43px}
#editorQrPanel .qr-box{background:#fff;border:1px solid #edf0ee;border-radius:16px;padding:10px}
#editorQrPanel .qr-box canvas,#editorQrPanel .qr-box img{width:180px!important;height:180px!important;max-width:180px!important}
@media(max-width:900px){
  .editor-flow-strip{grid-template-columns:1fr;gap:6px}.editor-flow-strip i{display:none}.editor-flow-strip span{white-space:normal}
  .editor-finish{grid-template-columns:1fr}.editor-save-cta{min-height:64px}
}
@media(max-width:520px){
  .editor-head{align-items:flex-start}.editor-head-meta{width:auto;flex-direction:column;align-items:flex-end}
  .editor-save-status{font-size:.7rem}.editor-finish{padding:18px}.editor-main-card{padding:18px}
}


.history-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin:18px 0 8px;
}
.history-pagination .btn{
  min-width:120px;
}
.history-pagination-info{
  color:#667085;
  font-size:.92rem;
  font-weight:600;
  text-align:center;
}
@media (max-width:640px){
  .history-pagination{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .history-pagination-info{
    grid-column:1 / -1;
    grid-row:1;
  }
  .history-pagination .btn{
    width:100%;
    min-width:0;
  }
}

/* ===== Public QR mobile UX 2026-09-30 ===== */
@media(max-width:640px){
  body:has(.public-wrap){
    background:#f3f7f5;
  }
  body:has(.public-wrap) .topbar{
    height:58px;
    padding:0 14px;
    background:rgba(255,255,255,.94);
  }
  body:has(.public-wrap) .brand-mark{
    width:30px;
    height:30px;
    border-radius:9px;
  }
  body:has(.public-wrap) .shell{
    width:100%;
    padding:12px 12px calc(22px + env(safe-area-inset-bottom));
  }
  .public-wrap{
    max-width:none;
    width:100%;
    margin:0 auto;
  }
  .public-card{
    padding:18px 16px 16px;
    border-radius:22px;
    box-shadow:0 10px 32px rgba(15,23,42,.07);
    overflow:visible;
  }
  .public-icon{
    width:42px;
    height:42px;
    border-radius:13px;
    margin-bottom:12px;
    font-size:1.25rem;
  }
  .public-card>.eyebrow{
    font-size:.67rem;
    letter-spacing:.11em;
  }
  .public-card h1{
    margin:7px 0 9px;
    font-size:1.75rem;
    line-height:1.06;
    letter-spacing:-.035em;
  }
  #publicDescription{
    margin:0 0 16px;
    font-size:.92rem;
    line-height:1.5;
  }
  #publicForm{
    gap:14px;
  }
  .public-items{
    gap:8px;
  }
  .public-item{
    min-height:58px;
    align-items:center;
    gap:12px;
    padding:13px 14px;
    border-radius:14px;
    background:#fff;
    font-size:.94rem;
    line-height:1.35;
    box-shadow:0 1px 0 rgba(15,23,42,.02);
    transition:border-color .16s ease,background .16s ease,transform .12s ease;
  }
  .public-item:active{
    transform:scale(.995);
  }
  .public-item:has(input:checked){
    border-color:#a9d8c8;
    background:#f2faf7;
  }
  .public-item input{
    flex:0 0 auto;
    width:25px;
    height:25px;
    margin:0;
    accent-color:#176b56;
  }
  .public-card .field{
    gap:7px;
    font-size:.86rem;
  }
  .public-card .field input,
  .public-card .field textarea{
    width:100%;
    min-height:50px;
    padding:13px 14px;
    border-radius:13px;
    font-size:16px;
    line-height:1.35;
  }
  .public-card .field textarea{
    min-height:92px;
    resize:vertical;
  }
  .photo-proof-field{
    margin-top:0;
    padding:14px;
    border-radius:16px;
  }
  .photo-proof-head{
    align-items:flex-start;
  }
  .photo-proof-field>p{
    margin:7px 0 10px;
    font-size:.78rem;
  }
  .photo-picker{
    grid-template-columns:42px minmax(0,1fr);
    place-items:initial;
    align-items:center;
    column-gap:11px;
    row-gap:2px;
    padding:13px;
    border-radius:14px;
    text-align:left;
  }
  .photo-picker-icon{
    grid-row:1 / 3;
    width:42px;
    height:42px;
    margin:0;
  }
  .photo-picker strong{
    font-size:.86rem;
  }
  .photo-picker small{
    margin:0;
    font-size:.7rem;
    line-height:1.35;
  }
  #publicForm>.btn[type="submit"]{
    position:sticky;
    bottom:calc(10px + env(safe-area-inset-bottom));
    z-index:12;
    min-height:56px;
    margin-top:2px;
    border-radius:16px;
    font-size:1rem;
    box-shadow:0 12px 30px rgba(15,23,42,.20),0 0 0 6px rgba(243,247,245,.92);
  }
}

@media(max-width:390px){
  body:has(.public-wrap) .shell{
    padding-left:8px;
    padding-right:8px;
  }
  .public-card{
    padding:16px 13px 14px;
    border-radius:19px;
  }
  .public-card h1{
    font-size:1.58rem;
  }
  .public-item{
    padding:12px;
  }
  .photo-proof-field{
    padding:12px;
  }
}




/* ===== Dashboard canonical UI 2026-10-01 ===== */

/* Page shell */
.shell:has(.manager-workspace){
  width:min(1440px,94vw);
  margin:0 auto;
  padding:30px 0 72px;
}
.manager-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:0 0 18px;
}
.manager-hero-copy{min-width:0}
.manager-hero-copy h1{
  margin:4px 0 6px;
  font-size:clamp(2rem,3vw,2.65rem);
  line-height:1;
  letter-spacing:-.045em;
}
.manager-hero-copy p{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
}
.manager-hero-actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
}
.manager-hero-actions .btn{min-height:42px}

/* KPI strip */
.manager-kpi-shell{
  margin:0 0 16px;
  overflow:hidden;
  border:1px solid #e4e8ed;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 28px rgba(15,23,42,.035);
}
.manager-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0!important;
}
.manager-kpi{
  position:relative;
  min-width:0;
  padding:16px 18px;
  border:0!important;
  border-right:1px solid #edf0f3!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.manager-kpi:last-child{border-right:0!important}
.manager-kpi>span{
  display:block;
  margin:0 0 6px;
  color:#7c8796;
  font-size:.66rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.manager-kpi>strong{
  display:block;
  color:#1d2939!important;
  font-size:1.62rem;
  line-height:1;
  letter-spacing:-.035em;
}
.manager-kpi>small{
  display:block;
  margin-top:5px;
  color:#8992a2;
  font-size:.68rem;
}
.manager-kpi.needs-attention>strong{color:#9a5b10!important}

/* Main operations workspace */
.manager-workspace{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  min-height:0;
  overflow:hidden;
  border:1px solid #e1e6eb;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 46px rgba(15,23,42,.05);
}
.manager-workspace-main{
  min-width:0;
  overflow:hidden;
  background:#fff;
  container-type:inline-size;
  container-name:operations;
}

/* Folder sidebar */
.manager-folder-sidebar{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:16px 11px 12px;
  border-right:1px solid #e7ebef;
  background:#f8f9fb;
}
.manager-folder-sidebar-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:2px 6px 12px;
}
.manager-folder-sidebar-head>div{
  display:grid;
  gap:2px;
  min-width:0;
}
.manager-folder-sidebar-head strong{font-size:.9rem}
.manager-folder-manage-button{
  min-height:30px;
  padding:5px 9px;
  border:1px solid #dde3e9;
  border-radius:8px;
  background:#fff;
  color:#536071;
  font-size:.64rem;
  font-weight:800;
  cursor:pointer;
}
.manager-folder-manage-button:hover{background:#f1f4f6;color:#111827}
.manager-folder-nav{
  display:grid;
  gap:3px;
  min-width:0;
}
.manager-folder-link{
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  width:100%;
  min-height:36px;
  padding:5px 8px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#536071;
  text-align:left;
  cursor:pointer;
}
.manager-folder-link:hover{background:#eef1f4;color:#1f2937}
.manager-folder-link.is-active{
  background:#fff;
  color:#173f34;
  box-shadow:0 0 0 1px #dde5e1,0 2px 8px rgba(15,23,42,.035);
}
.manager-folder-link-icon,
.manager-folder-tree-icon{
  color:#7d8998;
  font-size:.62rem;
}
.manager-folder-link-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.74rem;
  font-weight:650;
}
.manager-folder-link strong,
.manager-folder-tree-link strong{
  min-width:22px;
  padding:2px 5px;
  border-radius:999px;
  background:#e9edf2;
  color:#667085;
  font-size:.58rem;
  text-align:center;
}
.manager-folder-link.is-unfiled strong{background:#fff0d8;color:#9a5b10}
.manager-folder-nav-separator{
  padding:14px 8px 5px;
}
.manager-folder-nav-separator span{
  color:#98a2b3;
  font-size:.58rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.manager-folder-tree-node{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:center;
  gap:2px;
  min-width:0;
  padding-left:calc(var(--folder-depth,0) * 12px);
}
.manager-folder-toggle{
  display:grid;
  place-items:center;
  width:20px;
  height:30px;
  padding:0;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#7b8794;
  cursor:pointer;
  font-size:.9rem;
}
.manager-folder-toggle:hover{background:#e9edf2;color:#263442}
.manager-folder-toggle-spacer{width:20px;height:30px}
.manager-folder-tree-link{
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  align-items:center;
  gap:6px;
  min-width:0;
  min-height:33px;
  padding:5px 7px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#536071;
  text-align:left;
  cursor:pointer;
}
.manager-folder-tree-link:hover{background:#eef1f5;color:#182230}
.manager-folder-tree-link.is-active{
  background:#fff;
  color:#173f34;
  box-shadow:0 0 0 1px #dce4e0;
}
.manager-folder-tree-link>span:nth-child(2){
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.72rem;
  font-weight:650;
}
.manager-new-folder-button{
  width:100%;
  min-height:35px;
  margin:9px 0 0;
  padding:7px 9px;
  border:1px dashed #cfd6df;
  border-radius:9px;
  background:transparent;
  color:#526071;
  font-size:.67rem;
  font-weight:750;
  text-align:left;
  cursor:pointer;
}
.manager-new-folder-button:hover{border-style:solid;background:#fff;color:#1f3f36}
.manager-folder-sidebar-foot{
  margin-top:auto;
  padding:13px 7px 2px;
  border-top:1px solid #e5e9ee;
  color:#8992a2;
}
.manager-folder-sidebar-foot span{
  font-size:.58rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.manager-folder-sidebar-foot p{
  margin:4px 0 0;
  font-size:.66rem;
  line-height:1.4;
}

/* Toolbar */
.manager-table-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px 12px;
  padding:14px 16px 10px;
  border-bottom:1px solid #e8ecf0;
  background:#fff;
}
.manager-view-context{
  grid-column:1/-1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  min-width:0;
}
.manager-view-context-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
.manager-view-kicker{
  color:#98a2b3;
  font-size:.56rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.manager-view-context-copy strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#1d2939;
  font-size:.96rem;
}
.manager-view-context-copy>span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#7c8796;
  font-size:.66rem;
}
.manager-reset-view{
  flex:0 0 auto;
  padding:3px 0;
  border:0;
  background:none;
  color:#315f52;
  font-size:.65rem;
  font-weight:800;
  cursor:pointer;
}
.manager-reset-view:hover{text-decoration:underline}
.manager-search-wrap{
  position:relative;
  min-width:0;
}
.manager-search-icon{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  color:#98a2b3;
  font-size:1rem;
  pointer-events:none;
}
.manager-search-wrap input{
  width:100%;
  min-height:40px;
  margin:0;
  padding:8px 11px 8px 36px;
  border:1px solid #dfe4ea;
  border-radius:10px;
  background:#f9fafb;
  box-shadow:none;
  font-size:.78rem;
}
.manager-search-wrap input:focus{
  outline:0;
  border-color:#aeb7c4;
  background:#fff;
  box-shadow:0 0 0 3px rgba(51,65,85,.06);
}
.manager-filter-row{
  display:flex;
  align-items:end;
  gap:7px;
}
.manager-filter-control{
  display:grid;
  gap:4px;
  color:#7b8494;
  font-size:.58rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.manager-filter-control select{
  min-height:40px;
  margin:0;
  padding:7px 28px 7px 9px;
  border:1px solid #dfe4ea;
  border-radius:9px;
  background:#fff;
  color:#344054;
  font-size:.69rem;
  font-weight:650;
  text-transform:none;
  letter-spacing:0;
}
.manager-status-select-fallback{display:none!important}
.manager-folder-select-mobile{display:none}
.manager-page-size select{min-width:84px}
.manager-quick-filters{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  overflow-x:auto;
  padding:1px 0;
  scrollbar-width:none;
}
.manager-quick-filters::-webkit-scrollbar{display:none}
.manager-filter-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  min-height:30px;
  padding:4px 9px;
  border:1px solid #e1e6eb;
  border-radius:999px;
  background:#fff;
  color:#667085;
  font-size:.63rem;
  font-weight:750;
  white-space:nowrap;
  cursor:pointer;
}
.manager-filter-chip:hover{border-color:#c8d0d8;background:#f8fafb;color:#344054}
.manager-filter-chip.is-active{border-color:#d5e5df;background:#eef7f3;color:#245346}
.manager-filter-chip strong{
  display:inline-grid;
  place-items:center;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:999px;
  background:#f0f2f5;
  color:#697586;
  font-size:.56rem;
  font-weight:850;
}
.manager-filter-chip.is-active strong{background:#dceee7;color:#245346}
.manager-toolbar-meta{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:20px;
}
.checklist-result-count{
  color:#667085;
  font-size:.66rem;
  font-weight:650;
}
.manager-toolbar-meta-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.manager-selection-hint{
  color:#98a2b3;
  font-size:.61rem;
}
.manager-mobile-folder-manage{
  display:none;
  padding:0;
  border:0;
  background:none;
  color:#315f52;
  font-size:.66rem;
  font-weight:750;
  cursor:pointer;
}

/* Bulk actions */
.manager-bulk-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0;
  padding:9px 14px;
  border:0;
  border-bottom:1px solid #dfe5ea;
  border-radius:0;
  background:#f4f8f6;
  box-shadow:none;
}
.manager-bulk-bar[hidden]{display:none}
.manager-bulk-copy{
  display:flex;
  align-items:baseline;
  gap:7px;
}
.manager-bulk-copy strong{color:#204c3f;font-size:.75rem}
.manager-bulk-copy span{color:#708078;font-size:.64rem}
.manager-bulk-controls{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.manager-bulk-folder select{
  min-height:34px;
  max-width:200px;
  margin:0;
  border-color:#ccd8d2;
  background:#fff;
  font-size:.66rem;
}
.manager-bulk-bar .btn{
  min-height:34px;
  border-radius:8px;
  font-size:.65rem;
}
.manager-bulk-danger{color:#9b3340!important}

/* Operations table — one grid definition only */
.manager-check-list{
  display:grid;
  min-width:0;
  border:0;
  background:#fff;
}
.manager-list-header,
.manager-list-row{
  display:grid;
  grid-template-columns:
    32px
    minmax(190px,1.45fr)
    minmax(150px,1fr)
    82px
    70px
    70px
    minmax(140px,.95fr)
    58px
    190px;
  column-gap:10px;
  align-items:center;
  min-width:0;
}
.manager-list-header{
  min-height:40px;
  padding:0 14px;
  border-bottom:1px solid #e5e9ee;
  background:#f8fafb;
  color:#7d8795;
  font-size:.59rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.manager-list-row{
  min-height:66px;
  padding:8px 14px;
  border-bottom:1px solid #eef1f4;
  background:#fff;
  transition:background .12s ease,box-shadow .12s ease;
}
.manager-list-row:hover{
  background:#fbfcfd;
  box-shadow:inset 3px 0 0 #dce8e3;
}
.manager-list-row.has-attention{box-shadow:inset 3px 0 0 #e0a249}
.manager-list-header>*,
.manager-list-row>*{min-width:0}
.manager-row-select{
  display:grid;
  place-items:center;
  margin:0;
}
.manager-row-select input{
  width:16px;
  height:16px;
  margin:0;
  accent-color:#274e43;
}
.manager-sort-button{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  padding:0;
  border:0;
  background:none;
  color:inherit;
  font:inherit;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-align:left;
  white-space:nowrap;
  cursor:pointer;
}
.manager-sort-button:hover{color:#273444}
.manager-sort-button.is-active{color:#1f3c34}
.manager-sort-button span{font-size:.64rem;color:#a8b0bc}
.manager-row-name{
  display:grid;
  gap:3px;
  min-width:0;
}
.manager-row-name>div{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.manager-row-name strong,
.manager-row-name small,
.manager-row-last strong,
.manager-row-last span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.manager-row-name strong{color:#1d2939;font-size:.79rem;font-weight:720}
.manager-row-name small{color:#8992a2;font-size:.64rem}
.manager-attention-dot{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  padding:2px 5px;
  border-radius:999px;
  background:#fff6e9;
  color:#a7600d;
  font-size:.52rem;
  font-weight:800;
}
.manager-row-status .pill{
  padding:4px 7px;
  border-radius:999px;
  font-size:.58rem;
  white-space:nowrap;
}
.manager-row-metric{
  display:grid;
  gap:1px;
  min-width:0;
}
.manager-row-metric strong{font-size:.76rem}
.manager-row-metric span{color:#98a2b3;font-size:.56rem}
.manager-row-last{
  display:grid;
  gap:2px;
  min-width:0;
}
.manager-row-last strong{font-size:.67rem;font-weight:700}
.manager-row-last span{color:#98a2b3;font-size:.59rem}

/* Folder assignment in rows */
.manager-row-folder{
  min-width:0;
}
.manager-row-folder-label{display:none}
.manager-folder-field{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
  border:1px solid #dfe4ea;
  border-radius:8px;
  background:#fff;
}
.manager-folder-field:focus-within{
  border-color:#9aa7b5;
  box-shadow:0 0 0 3px rgba(51,65,85,.06);
}
.manager-folder-field-icon{
  position:absolute;
  left:8px;
  color:#708090;
  font-size:.6rem;
  pointer-events:none;
}
.manager-folder-field-chevron{
  position:absolute;
  right:8px;
  color:#7d8795;
  font-size:.68rem;
  pointer-events:none;
}
.manager-row-folder .manager-folder-field select{
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:31px;
  margin:0;
  padding:4px 22px 4px 26px;
  border:0!important;
  border-radius:7px;
  background:transparent!important;
  color:#455468;
  box-shadow:none!important;
  appearance:none;
  font-size:.64rem;
  font-weight:650;
  cursor:pointer;
}
.manager-row-folder.is-unfiled .manager-folder-field{
  border-color:#e8c58d;
  background:#fffaf1;
}
.manager-row-folder.is-unfiled .manager-folder-field select{color:#8b5a17;font-weight:750}
.manager-folder-create-inline{
  width:100%;
  min-height:32px;
  padding:5px 8px;
  border:1px dashed #d6aa68;
  border-radius:8px;
  background:#fffaf1;
  color:#8b5a17;
  font-size:.64rem;
  font-weight:750;
  text-align:left;
  cursor:pointer;
}

/* Row actions */
.manager-list-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:5px;
  min-width:0;
  flex-wrap:nowrap;
}
.manager-list-actions .btn{
  flex:0 0 auto;
  min-height:30px;
  padding:5px 7px;
  border-radius:8px;
  font-size:.61rem;
  white-space:nowrap;
}
.manager-list-actions [data-edit]{font-weight:750}
.manager-list-actions .btn-secondary{background:#fff;border-color:#dfe4ea}
.manager-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:50px;
  color:#7b8494;
  font-size:.68rem;
}
.manager-pagination .btn:disabled{opacity:.4;cursor:default}

/* Responsive by actual operations width */
@container operations (max-width:1100px){
  .manager-col-today,
  .manager-col-total{display:none!important}
  .manager-list-header,
  .manager-list-row{
    grid-template-columns:
      32px
      minmax(190px,1.45fr)
      minmax(145px,1fr)
      82px
      68px
      minmax(140px,.95fr)
      185px;
  }
}
@container operations (max-width:900px){
  .manager-list-header [data-sort-key="week"],
  .manager-list-row>.manager-row-metric:not(.manager-col-today):not(.manager-col-total){
    display:none!important;
  }
  .manager-list-header,
  .manager-list-row{
    grid-template-columns:
      30px
      minmax(180px,1.5fr)
      minmax(140px,1fr)
      80px
      minmax(135px,1fr)
      180px;
  }
}
@container operations (max-width:760px){
  .manager-list-header [data-sort-key="lastActivity"],
  .manager-row-last{display:none!important}
  .manager-list-header,
  .manager-list-row{
    grid-template-columns:
      30px
      minmax(175px,1.45fr)
      minmax(135px,1fr)
      78px
      174px;
  }
}

/* Insights and account */
.manager-insights{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);
  gap:14px;
  margin:16px 0 0;
}
.manager-insight-card{
  padding:17px 19px;
  border:1px solid #e5e9ee;
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 24px rgba(15,23,42,.03);
}
.manager-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.manager-panel-head h2{
  margin:3px 0 0;
  font-size:.98rem;
}
.manager-live-pill{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  background:#f0f3f6;
  color:#657184;
  font-size:.6rem;
  font-weight:750;
}
.activity-list{display:grid}
.activity-row{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:100%;
  padding:10px 0;
  border:0;
  border-top:1px solid var(--line);
  background:none;
  text-align:left;
  cursor:pointer;
}
.activity-row:first-child{border-top:0}
.activity-status{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:8px;
  font-size:.7rem;
  font-weight:900;
}
.activity-status.ok{background:#ecfdf5;color:#047857}
.activity-status.warn{background:#fff7ed;color:#c2410c}
.activity-main{
  display:grid;
  gap:2px;
  min-width:0;
}
.activity-main strong,
.activity-main small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.activity-main strong{font-size:.78rem}
.activity-main small,
.activity-meta{color:var(--muted);font-size:.65rem}
.activity-meta{white-space:nowrap}
.manager-overview #managerOverview{display:grid}
.manager-overview-line{
  display:grid;
  gap:3px;
  padding:9px 0;
  border-top:1px solid var(--line);
}
.manager-overview-line:first-child{border-top:0}
.manager-overview-line span{color:var(--muted);font-size:.65rem}
.manager-overview-line strong{font-size:.77rem;line-height:1.35}
.manager-empty{
  display:grid;
  gap:4px;
  padding:24px 4px;
  color:var(--muted);
}
.manager-empty strong{color:var(--ink)}
.manager-account-zone{margin-top:16px}
.manager-account-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 2px 7px;
}
.manager-account-label>span:last-child{color:var(--muted);font-size:.7rem;font-weight:700}
.manager-subscription-summary,
.manager-subscription-summary.is-active,
.manager-subscription-summary.is-active.is-premium,
.manager-subscription-summary.is-active.is-premium-plus,
.manager-subscription-summary.is-trial{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0;
  padding:12px 14px;
  border:1px solid #e4e8ed;
  border-radius:14px;
  background:#fafbfc;
  box-shadow:none;
}

/* Archives */
.manager-archives-panel{
  margin:12px 14px 16px;
  padding:4px 14px;
  border:1px solid #e5e9ee;
  border-radius:13px;
  background:#fafbfc;
}
.manager-archives-panel[hidden]{display:none}

/* Folder manager drawer */
.manager-folder-drawer{
  position:fixed;
  top:86px;
  right:22px;
  bottom:22px;
  z-index:50;
  width:min(440px,calc(100vw - 28px));
  overflow:auto;
  padding:20px;
  border:1px solid #dfe4ea;
  border-radius:18px;
  background:#fff;
  box-shadow:0 28px 80px rgba(15,23,42,.18);
}
.manager-folder-drawer[hidden]{display:none}
.manager-folder-drawer-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:14px;
  border-bottom:1px solid #eef1f4;
}
.manager-folder-drawer-head h2{margin:4px 0 5px;font-size:1.2rem}
.manager-folder-drawer-head p{margin:0;color:#7c8797;font-size:.72rem;line-height:1.45}
.manager-drawer-close{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:32px;
  height:32px;
  border:1px solid #e1e6eb;
  border-radius:8px;
  background:#fff;
  color:#697586;
  font-size:1.25rem;
  cursor:pointer;
}
.manager-folder-create-tree{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:8px;
  margin:14px 0;
}
.manager-folder-create-fields{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(150px,.72fr);
  gap:8px;
}
.manager-folder-create-fields label,
.manager-folder-tree-fields label{
  display:grid;
  gap:4px;
}
.manager-folder-create-fields label>span,
.manager-folder-tree-fields label>span{
  color:#7c8796;
  font-size:.56rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.manager-folder-create-fields input,
.manager-folder-create-fields select,
.manager-folder-tree-fields input,
.manager-folder-tree-fields select{
  width:100%;
  min-height:38px;
  margin:0;
  border-radius:8px;
  font-size:.7rem;
}
.manager-folder-list{display:grid}
.manager-folder-tree-edit{
  display:grid;
  gap:8px;
  padding:10px 0 10px calc(var(--folder-depth,0) * 12px);
  border-bottom:1px solid #eef1f4;
}
.manager-folder-tree-edit-main{
  display:grid;
  grid-template-columns:23px minmax(0,1fr);
  align-items:start;
  gap:7px;
}
.manager-folder-icon{
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  border-radius:7px;
  background:#edf1f4;
  color:#7d8795;
  font-size:.58rem;
}
.manager-folder-tree-fields{
  display:grid;
  grid-template-columns:minmax(140px,1fr) minmax(160px,.9fr);
  gap:7px;
}
.manager-folder-tree-edit-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
  padding-left:30px;
}
.manager-folder-tree-edit-actions>span{
  margin-right:auto;
  color:#7b8494;
  font-size:.6rem;
}
.manager-folder-tree-edit-actions .btn{min-height:30px;padding:5px 7px;font-size:.59rem}
.manager-folder-delete{color:#9f1239}
.manager-folder-unfiled{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:11px 3px;
  color:var(--muted);
  font-size:.72rem;
}

/* Tablet/mobile */
@media(max-width:860px){
  .shell:has(.manager-workspace){
    width:min(760px,92vw);
    padding-top:22px;
  }
  .manager-hero{
    align-items:flex-start;
    margin-bottom:15px;
  }
  .manager-workspace{grid-template-columns:1fr}
  .manager-folder-sidebar{display:none}
  .manager-folder-select-mobile{display:grid}
  .manager-mobile-folder-manage{display:inline-flex}

  .manager-table-toolbar{
    grid-template-columns:1fr;
    gap:9px;
    padding:12px;
  }
  .manager-view-context,
  .manager-search-wrap,
  .manager-quick-filters,
  .manager-filter-row,
  .manager-toolbar-meta{grid-column:1!important}
  .manager-filter-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 92px;
    gap:8px;
  }
  .manager-filter-control select{width:100%;min-height:40px}
  .manager-toolbar-meta{align-items:flex-start}
  .manager-toolbar-meta-actions{width:100%;justify-content:flex-end}
  .manager-selection-hint{display:none}
  .manager-filter-chip{min-height:33px;padding:5px 10px;font-size:.67rem}

  .manager-bulk-bar{
    align-items:flex-start;
    flex-direction:column;
  }
  .manager-bulk-controls{width:100%}
  .manager-bulk-folder{flex:1 1 180px}
  .manager-bulk-folder select{width:100%;max-width:none}

  .manager-check-list{
    display:grid;
    gap:9px;
    padding:9px;
    background:#f5f7f9;
  }
  .manager-list-header{display:none}
  .manager-list-row{
    display:grid;
    grid-template-columns:27px minmax(0,1fr) auto;
    grid-template-areas:
      "select name status"
      ". folder folder"
      ". last last"
      ". week week"
      ". actions actions";
    gap:8px 10px;
    min-height:0;
    padding:12px;
    border:1px solid #e1e6eb;
    border-radius:13px;
    background:#fff;
    box-shadow:0 4px 14px rgba(15,23,42,.025);
  }
  .manager-list-row:hover{background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.025)}
  .manager-row-select{grid-area:select;align-self:start;padding-top:2px}
  .manager-row-select input{width:18px;height:18px}
  .manager-row-name{grid-area:name}
  .manager-row-name strong{font-size:.86rem}
  .manager-row-name small{font-size:.68rem}
  .manager-row-status{grid-area:status;align-self:start}
  .manager-row-folder{
    grid-area:folder;
    display:grid;
    gap:5px;
    padding:9px 0 1px;
    border-top:1px solid #edf0f3;
  }
  .manager-row-folder-label{
    display:block;
    color:#7c8797;
    font-size:.58rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.055em;
  }
  .manager-row-folder .manager-folder-field select,
  .manager-folder-create-inline{
    min-height:41px;
    font-size:.74rem;
  }
  .manager-row-last{
    grid-area:last;
    display:grid!important;
    grid-template-columns:105px minmax(0,1fr);
    gap:8px;
    padding:8px 0 1px;
    border-top:1px solid #eef1f4;
  }
  .manager-row-last strong{font-size:.7rem}
  .manager-row-last span{font-size:.64rem}
  .manager-row-metric{
    grid-area:week;
    display:flex!important;
    align-items:baseline;
    gap:4px;
    min-height:32px;
    padding:5px 8px;
    border-radius:8px;
    background:#f7f9fa;
  }
  .manager-col-today,
  .manager-col-total{display:none!important}
  .manager-list-actions{
    grid-area:actions;
    display:grid;
    grid-template-columns:1.2fr 1.2fr .7fr;
    width:100%;
    gap:7px;
  }
  .manager-list-actions .btn{
    width:100%;
    min-height:40px;
    font-size:.67rem;
  }
  .manager-insights{grid-template-columns:1fr}
  .manager-folder-drawer{
    top:78px;
    right:10px;
    bottom:10px;
    width:calc(100vw - 20px);
    border-radius:15px;
  }
  .manager-folder-tree-fields{grid-template-columns:1fr}
  .manager-folder-tree-edit{padding-left:calc(var(--folder-depth,0) * 8px)}
  .manager-folder-tree-edit-actions{padding-left:30px;justify-content:flex-start}
  .manager-folder-tree-edit-actions>span{flex-basis:100%;margin:0}
}
@media(max-width:680px){
  .manager-hero{display:grid;gap:14px}
  .manager-hero-actions{width:100%}
  .manager-hero-actions .btn{flex:1}
  .manager-kpis{grid-template-columns:1fr 1fr}
  .manager-kpi:nth-child(2){border-right:0!important}
  .manager-kpi:nth-child(-n+2){border-bottom:1px solid #edf0f3!important}
  .manager-filter-row{grid-template-columns:1fr}
  .manager-page-size{grid-column:auto}
  .manager-folder-create-tree{grid-template-columns:1fr}
  .manager-folder-create-fields{grid-template-columns:1fr}
  .manager-folder-tree-edit{padding-left:0}
  .manager-folder-tree-edit-actions{padding-left:0}
  .manager-folder-tree-edit-actions .btn{flex:1}
}
@media(max-width:480px){
  .manager-kpi{padding:13px}
  .manager-kpi>strong{font-size:1.4rem}
  .manager-hero-copy p{font-size:.79rem}
  .manager-view-context-copy strong{font-size:.9rem}
  .manager-view-context-copy>span:last-child{font-size:.63rem}
  .manager-list-row{padding:11px}
  .manager-list-actions{grid-template-columns:1fr 1fr 50px}
  .manager-list-actions .btn{min-height:40px;font-size:.64rem}
}


/* Dashboard canonical finishing rules */
.manager-col-actions{
  color:#7d8795;
  font-size:.59rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  white-space:nowrap;
  text-align:right;
}
.manager-folder-tree-empty{
  padding:8px 7px;
  color:#98a2b3;
  font-size:.67rem;
}
.manager-qr-action{min-width:38px}
.manager-folder-create-inline:hover{
  border-style:solid;
  background:#fff6e7;
}
.manager-folder-unfiled strong{color:var(--ink)}


/* ===== Dashboard visual polish ===== */
.manager-ui-icon{
  display:block;
  width:15px;
  height:15px;
  flex:0 0 auto;
}

/* KPI cards */
.manager-kpi{
  transition:background .15s ease,box-shadow .15s ease;
}
.manager-kpi:hover{background:#fbfcfd!important}
.manager-kpi-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.manager-kpi-top>span:first-child{
  color:#7c8796;
  font-size:.66rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.manager-kpi-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 auto;
  border-radius:9px;
  background:#f1f4f7;
  color:#667085;
}
.manager-kpi-icon .manager-ui-icon{width:15px;height:15px}
.manager-kpi-icon.is-success{
  background:#ecf7f2;
  color:#25715d;
}
.manager-kpi-icon.is-warning{
  background:#fff3df;
  color:#a86412;
}
.manager-kpi-icon.is-clear{
  background:#eef8f3;
  color:#2f765f;
}

/* Folder navigation */
.manager-folder-link-icon,
.manager-folder-tree-icon{
  display:grid;
  place-items:center;
}
.manager-folder-link-icon .manager-ui-icon,
.manager-folder-tree-icon .manager-ui-icon{
  width:14px;
  height:14px;
}
.manager-folder-link.is-active .manager-folder-link-icon,
.manager-folder-tree-link.is-active .manager-folder-tree-icon{
  color:#245346;
}
.manager-folder-link.is-unfiled .manager-folder-link-icon{
  color:#a96916;
}
.manager-folder-toggle .manager-ui-icon{
  width:13px;
  height:13px;
}
.manager-folder-icon{
  color:#64748b;
}
.manager-folder-icon .manager-ui-icon{
  width:14px;
  height:14px;
}
.manager-folder-field-icon .manager-ui-icon{
  width:13px;
  height:13px;
}

/* Status pills */
.manager-status-pill{
  display:inline-flex!important;
  align-items:center;
  gap:5px;
  width:max-content;
  border:1px solid #cfe7dc!important;
  background:#eef8f3!important;
  color:#27614f!important;
  font-weight:800!important;
}
.manager-status-pill .manager-ui-icon{
  width:11px;
  height:11px;
  stroke-width:2.2;
}
.manager-status-pill.is-paused{
  border-color:#e3e7ec!important;
  background:#f4f5f7!important;
  color:#667085!important;
}

/* Folder selector as a soft badge */
.manager-folder-field{
  background:#fafbfc;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.manager-folder-field:hover{
  border-color:#cbd3dc;
  background:#fff;
}
.manager-row-folder:not(.is-unfiled) .manager-folder-field{
  border-color:#d9e4df;
  background:#f7fbf9;
}
.manager-row-folder:not(.is-unfiled) .manager-folder-field-icon{
  color:#3d6d5f;
}

/* Row hover and hierarchy */
.manager-list-row{
  border-left:3px solid transparent;
}
.manager-list-row:hover{
  border-left-color:#d8e8e1;
}
.manager-row-name>div strong{
  transition:color .15s ease;
}
.manager-list-row:hover .manager-row-name>div strong{
  color:#163f34;
}
.manager-attention-dot{
  gap:4px;
  border:1px solid #f0d3a9;
}

/* Action buttons */
.manager-action-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
}
.manager-action-btn .manager-ui-icon{
  width:13px;
  height:13px;
}
.manager-action-btn.is-primary{
  border-color:#d8e5e0!important;
  background:#f6faf8!important;
  color:#244f42!important;
}
.manager-action-btn.is-primary:hover{
  background:#eef7f3!important;
  border-color:#c8ddd5!important;
}
.manager-qr-action{
  min-width:44px!important;
}

/* Activity feed */
.activity-status .manager-ui-icon{
  width:14px;
  height:14px;
}
.activity-status.ok{
  border:1px solid #d2ebe1;
}
.activity-status.warn{
  border:1px solid #f1d4a9;
}
.activity-row{
  border-radius:10px;
  padding-left:6px;
  padding-right:6px;
}
.activity-row:hover{
  background:#fafbfc;
}
.activity-row:hover .activity-main strong{
  color:#214d40;
  text-decoration:none;
}

/* Quick filters as welcoming pills */
.manager-filter-chip{
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.manager-filter-chip.is-active{
  box-shadow:0 1px 2px rgba(20,67,52,.04),inset 0 0 0 1px rgba(36,83,70,.03);
}
.manager-filter-chip strong{
  line-height:1;
}

/* Primary dashboard buttons */
.manager-hero-actions .btn-primary{
  box-shadow:0 7px 18px rgba(17,24,39,.12);
}
.manager-new-folder-button{
  display:flex;
  align-items:center;
  gap:6px;
}

/* Subtle visual separation for table body */
.manager-check-list{
  background:linear-gradient(#fff,#fff) padding-box;
}
.manager-list-header{
  border-top:1px solid #f0f2f5;
}
.manager-list-row:nth-child(even){
  background:#fdfefe;
}

/* Mobile polish */
@media(max-width:860px){
  .manager-kpi-icon{
    width:28px;
    height:28px;
  }
  .manager-list-row{
    border-left:1px solid #e1e6eb;
  }
  .manager-list-row.has-attention{
    border-left:3px solid #e0a249;
  }
  .manager-row-status .manager-status-pill{
    padding:5px 7px!important;
  }
  .manager-action-btn{
    gap:6px!important;
  }
  .manager-action-btn .manager-ui-icon{
    width:14px;
    height:14px;
  }
}


/* Dashboard static control icons */
.manager-static-icon{
  display:block;
  width:15px;
  height:15px;
  flex:0 0 auto;
}
.manager-icon-text-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.manager-folder-manage-button .manager-static-icon{
  width:13px;
  height:13px;
}
.manager-new-folder-button .manager-static-icon{
  width:14px;
  height:14px;
}
.manager-search-icon{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
}
.manager-search-icon .manager-static-icon{
  width:15px;
  height:15px;
}


/* ===== Operations pilotage ===== */
.editor-planning-step{
  background:linear-gradient(180deg,#fbfdfc,#fff);
}
.editor-planning-grid{
  align-items:end;
}
.editor-favorite-toggle{
  margin-top:10px;
}
.editor-planning-help{
  margin:8px 0 0;
}

/* Operational KPI emphasis */
.manager-kpi.needs-attention{
  background:#fffdf9!important;
}
.manager-kpi.needs-attention .manager-kpi-icon{
  background:#fff0d8;
  color:#a25f0d;
}

/* Folder health */
.manager-folder-tree-link{
  grid-template-columns:18px minmax(0,1fr) auto auto;
}
.manager-folder-health{
  display:inline-grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  font-size:.56rem;
  font-weight:900;
  line-height:1;
}
.manager-folder-health .manager-ui-icon{
  width:11px;
  height:11px;
}
.manager-folder-health.is-ok{
  background:#e9f6f0;
  color:#2e6c59;
}
.manager-folder-health.is-pending{
  background:#edf2f7;
  color:#59687a;
}
.manager-folder-health.is-attention{
  background:#fff2dd;
  color:#9b5b0c;
}
.manager-folder-health.is-late{
  background:#fff0ef;
  color:#b33a38;
}

/* Favorite and schedule details */
.manager-row-name-title{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
}
.manager-favorite-toggle{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:24px;
  height:24px;
  margin-left:-4px;
  padding:0;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#c0c7d0;
  cursor:pointer;
}
.manager-favorite-toggle:hover{
  background:#fff8e8;
  color:#b77813;
}
.manager-favorite-toggle.is-active{
  color:#c8891d;
}
.manager-favorite-toggle.is-active .manager-ui-icon{
  fill:currentColor;
}
.manager-favorite-toggle .manager-ui-icon{
  width:13px;
  height:13px;
}
.manager-schedule-hint{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  color:#788697;
  font-size:.59rem;
  font-weight:650;
}
.manager-schedule-hint .manager-ui-icon{
  width:11px;
  height:11px;
  flex:0 0 auto;
}
.manager-schedule-hint span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.manager-attention-dot.is-late{
  border-color:#f0c5c2;
  background:#fff1f0;
  color:#a93634;
}

/* Operational status pills */
.manager-status-pill.is-done{
  border-color:#cce6da!important;
  background:#edf8f3!important;
  color:#24604d!important;
}
.manager-status-pill.is-attention{
  border-color:#efd4ab!important;
  background:#fff6e8!important;
  color:#99590d!important;
}
.manager-status-pill.is-late{
  border-color:#efc5c2!important;
  background:#fff1f0!important;
  color:#a93634!important;
}
.manager-status-pill.is-pending{
  border-color:#dbe2ea!important;
  background:#f4f7fa!important;
  color:#516174!important;
}
.manager-status-pill.is-paused{
  border-color:#e3e7ec!important;
  background:#f4f5f7!important;
  color:#667085!important;
}
.manager-status-pill.is-unscheduled{
  border-color:#d7e4df!important;
  background:#f6faf8!important;
  color:#47665c!important;
}

/* Stronger row signal without visual noise */
.manager-list-row.state-late{
  border-left-color:#df7772;
}
.manager-list-row.state-attention{
  border-left-color:#e0a249;
}
.manager-list-row.state-done:hover{
  border-left-color:#88b7a5;
}

/* Extra quick actions */
.manager-icon-only-action{
  width:32px!important;
  min-width:32px!important;
  padding:5px!important;
}
.manager-icon-only-action .manager-ui-icon{
  width:13px;
  height:13px;
}

/* Operational filters */
.manager-filter-chip-late strong{
  background:#fff0ef;
  color:#a93634;
}
.manager-filter-chip-late.is-active{
  border-color:#efc5c2;
  background:#fff6f5;
  color:#9d3432;
}
.manager-filter-chip-today.is-active{
  border-color:#cbded7;
  background:#eef7f3;
  color:#245346;
}

/* Room for duplicate action on desktop */
@media(min-width:861px){
  .manager-list-header,
  .manager-list-row{
    grid-template-columns:
      32px
      minmax(200px,1.45fr)
      minmax(150px,1fr)
      92px
      70px
      70px
      minmax(140px,.95fr)
      58px
      230px;
  }
}
@container operations (max-width:1120px){
  .manager-col-today,
  .manager-col-total{display:none!important}
  .manager-list-header,
  .manager-list-row{
    grid-template-columns:
      32px
      minmax(190px,1.45fr)
      minmax(145px,1fr)
      90px
      68px
      minmax(140px,.95fr)
      225px;
  }
}
@container operations (max-width:920px){
  .manager-list-header [data-sort-key="week"],
  .manager-list-row>.manager-row-metric:not(.manager-col-today):not(.manager-col-total){
    display:none!important;
  }
  .manager-list-header,
  .manager-list-row{
    grid-template-columns:
      30px
      minmax(185px,1.5fr)
      minmax(140px,1fr)
      88px
      minmax(135px,1fr)
      220px;
  }
}
@container operations (max-width:780px){
  .manager-list-header [data-sort-key="lastActivity"],
  .manager-row-last{display:none!important}
  .manager-list-header,
  .manager-list-row{
    grid-template-columns:
      30px
      minmax(180px,1.45fr)
      minmax(135px,1fr)
      86px
      215px;
  }
}

@media(max-width:860px){
  .manager-row-name-title{
    margin-left:-2px;
  }
  .manager-favorite-toggle{
    width:28px;
    height:28px;
  }
  .manager-schedule-hint{
    margin-top:1px;
    font-size:.63rem;
  }
  .manager-list-actions{
    grid-template-columns:1.1fr 1.15fr 44px 52px!important;
  }
  .manager-icon-only-action{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
  }
}
@media(max-width:520px){
  .manager-list-actions{
    grid-template-columns:1fr 1fr 42px 48px!important;
  }
  .editor-planning-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===== History operations UX 2026-10-02 ===== */
body:has(.history-page) .shell{
  width:min(1320px,94vw);
  padding:28px 0 70px;
}
.history-page{display:grid;gap:16px}
.history-page-head{
  display:grid;
  gap:14px;
}
.history-page-heading{display:grid;gap:4px;min-width:0}
.history-page-heading h1{
  margin:2px 0 0;
  font-size:clamp(1.8rem,3vw,2.5rem);
  line-height:1.05;
  letter-spacing:-.04em;
}
.history-page-heading p{
  margin:0;
  color:var(--muted);
  font-size:.84rem;
}
.history-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border:1px solid #e2e7ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 26px rgba(15,23,42,.035);
}
.history-stats article{
  display:grid;
  gap:4px;
  min-width:0;
  padding:15px 17px;
  border-right:1px solid #edf0f3;
}
.history-stats article:last-child{border-right:0}
.history-stats span{
  color:#7f8a99;
  font-size:.62rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.history-stats strong{
  color:#1d2939;
  font-size:1.65rem;
  line-height:1;
}
.history-stats small{
  color:#98a2b3;
  font-size:.64rem;
}
.history-stats .is-success strong{color:#27624f}
.history-stats .is-warning strong{color:#9d5c0d}

.history-workspace{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  overflow:hidden;
  border:1px solid #e2e7ec;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 42px rgba(15,23,42,.045);
}
.history-filters{
  display:grid;
  align-content:start;
  gap:12px;
  padding:16px 13px;
  border-right:1px solid #e7ebef;
  background:#f8f9fb;
}
.history-filter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 2px 3px;
}
.history-filter-head>div{display:grid;gap:2px}
.history-filter-head strong{font-size:.9rem}
.history-filter-head button{
  padding:0;
  border:0;
  background:none;
  color:#315f52;
  font-size:.62rem;
  font-weight:800;
  cursor:pointer;
}
.history-filter-head button:hover{text-decoration:underline}
.history-filter-field{
  display:grid;
  gap:5px;
  min-width:0;
}
.history-filter-field>span{
  color:#727d8d;
  font-size:.58rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.history-filter-field select,
.history-filter-field input{
  width:100%;
  min-width:0;
  min-height:39px;
  margin:0;
  padding:7px 9px;
  border:1px solid #dfe4ea;
  border-radius:9px;
  background:#fff;
  color:#344054;
  box-shadow:none;
  font-size:.7rem;
}
.history-filter-field select:focus,
.history-filter-field input:focus{
  outline:0;
  border-color:#aeb8c3;
  box-shadow:0 0 0 3px rgba(51,65,85,.06);
}
.history-date-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.history-date-grid[hidden]{display:none}
.history-search-wrap{
  position:relative;
}
.history-search-wrap>span{
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  color:#98a2b3;
  pointer-events:none;
}
.history-search-wrap input{padding-left:30px}

.history-results{
  min-width:0;
  padding:0;
}
.history-results-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:58px;
  padding:11px 16px;
  border-bottom:1px solid #e8ecf0;
  background:#fff;
}
.history-results-head>div{
  display:grid;
  gap:2px;
}
.history-results-head strong{font-size:.83rem}
.history-results-head span{
  color:#8490a0;
  font-size:.64rem;
}
.history-result-help{
  white-space:nowrap;
}

.history-list{
  display:grid;
  gap:0!important;
  margin:0!important;
}
.history-entry{
  display:grid;
  gap:10px;
  padding:14px 16px;
  border:0!important;
  border-bottom:1px solid #edf0f3!important;
  border-radius:0!important;
  background:#fff;
}
.history-entry:last-child{border-bottom:0!important}
.history-entry:hover{background:#fcfdfd}
.history-entry.is-partial{box-shadow:inset 3px 0 0 #e1a34a}
.history-entry.is-complete:hover{box-shadow:inset 3px 0 0 #d8e8e1}

.history-entry-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.history-entry-status time{
  color:#7f8a99;
  font-size:.64rem;
  font-weight:650;
}
.history-result-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:max-content;
  padding:4px 7px;
  border:1px solid #dce5e1;
  border-radius:999px;
  background:#f5faf8;
  color:#2b654f;
  font-size:.6rem;
  font-weight:800;
}
.history-result-pill .manager-ui-icon{
  width:11px;
  height:11px;
}
.history-result-pill.is-partial{
  border-color:#efd4ab;
  background:#fff7e9;
  color:#97570c;
}
.history-entry-main{
  display:grid;
  grid-template-columns:minmax(180px,.75fr) minmax(220px,1fr);
  align-items:center;
  gap:18px;
}
.history-person{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.history-person-avatar{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:33px;
  height:33px;
  border-radius:10px;
  background:#edf3f1;
  color:#345f52!important;
  font-size:.72rem!important;
  font-weight:900;
}
.history-person>div{
  display:grid;
  gap:2px;
  min-width:0;
}
.history-person strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#1f2937;
  font-size:.76rem;
}
.history-person span{
  color:#8b95a5!important;
  font-size:.61rem!important;
}
.history-progress-block{
  display:grid;
  gap:5px;
}
.history-progress-block>div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.history-progress-block span{
  color:#7f8a99!important;
  font-size:.6rem!important;
}
.history-progress-block strong{
  color:#374151;
  font-size:.67rem;
}
.history-progress{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#eef1f4;
}
.history-progress>span{
  display:block;
  height:100%;
  border-radius:999px;
  background:#4f8a76;
}
.history-entry.is-partial .history-progress>span{background:#d39a45}

.history-comment{
  display:flex;
  align-items:flex-start;
  gap:7px;
  padding:8px 10px;
  border-radius:9px;
  background:#f8fafb;
  color:#687587;
}
.history-comment .manager-ui-icon{
  width:13px;
  height:13px;
  margin-top:2px;
  flex:0 0 auto;
}
.history-comment p{
  margin:0;
  color:#667085;
  font-size:.68rem;
  line-height:1.45;
}
.history-photo-grid{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.history-photo{
  position:relative;
  display:block;
  width:68px;
  height:56px;
  overflow:hidden;
  padding:0;
  border:1px solid #e0e5ea;
  border-radius:9px;
  background:#f3f5f7;
  cursor:pointer;
}
.history-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.history-photo span{
  position:absolute;
  right:4px;
  bottom:4px;
  padding:2px 4px;
  border-radius:5px;
  background:rgba(17,24,39,.76);
  color:#fff!important;
  font-size:.5rem!important;
  font-weight:800;
}
.history-photo-more,
.history-photo-summary{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#7a8697!important;
  font-size:.62rem!important;
  font-weight:700;
}
.history-photo-summary .manager-ui-icon{width:13px;height:13px}

.history-loading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:220px;
  color:#667085;
}
.history-loading>span{
  width:22px;
  height:22px;
  border:2px solid #e2e8f0;
  border-top-color:#4d7568;
  border-radius:50%;
  animation:historySpin .7s linear infinite;
}
.history-loading>div{display:grid;gap:2px}
.history-loading strong{font-size:.76rem}
.history-loading small{color:#98a2b3;font-size:.63rem}
@keyframes historySpin{to{transform:rotate(360deg)}}

.history-empty{
  display:grid;
  place-items:center;
  gap:6px;
  min-height:250px;
  padding:24px;
  text-align:center;
  color:#7d8795;
}
.history-empty-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:3px;
  border-radius:12px;
  background:#f0f3f6;
  color:#657184;
}
.history-empty-icon .manager-ui-icon{width:18px;height:18px}
.history-empty strong{color:#344054;font-size:.82rem}
.history-empty p{margin:0;max-width:390px;font-size:.68rem}
.history-empty.is-error strong{color:#a13c42}

.history-pagination{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:56px;
  margin:0!important;
  padding:9px 14px;
  border-top:1px solid #edf0f3;
}
.history-pagination-info{
  color:#697586!important;
  font-size:.68rem!important;
  font-weight:650!important;
}

@media(max-width:860px){
  body:has(.history-page) .shell{
    width:min(760px,92vw);
    padding-top:20px;
  }
  .history-stats{grid-template-columns:1fr 1fr}
  .history-stats article:nth-child(2){border-right:0}
  .history-stats article:nth-child(-n+2){border-bottom:1px solid #edf0f3}
  .history-workspace{grid-template-columns:1fr}
  .history-filters{
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-right:0;
    border-bottom:1px solid #e7ebef;
  }
  .history-filter-head{grid-column:1/-1}
  .history-date-grid{grid-column:1/-1}
  .history-results-head{min-height:52px}
}
@media(max-width:600px){
  .history-page{gap:12px}
  .history-page-heading h1{font-size:1.7rem}
  .history-stats article{padding:12px}
  .history-stats strong{font-size:1.4rem}
  .history-filters{grid-template-columns:1fr;padding:12px}
  .history-date-grid{grid-template-columns:1fr 1fr}
  .history-result-help{display:none}
  .history-results-head{padding:10px 12px}
  .history-entry{padding:12px}
  .history-entry-status{align-items:flex-start}
  .history-entry-status time{max-width:130px;text-align:right;line-height:1.3}
  .history-entry-main{grid-template-columns:1fr;gap:10px}
  .history-photo{width:62px;height:52px}
  .history-pagination{
    display:grid!important;
    grid-template-columns:1fr 1fr;
  }
  .history-pagination-info{
    grid-column:1/-1;
    grid-row:1;
    text-align:center;
  }
  .history-pagination .btn{width:100%;min-width:0}
}


/* ===== Global history additions ===== */
.global-history-page .history-page-heading p{max-width:760px}
.global-history-entry{
  gap:9px;
}
.global-history-checklist{
  min-width:0;
}
.global-history-checklist button{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 16px;
  align-items:center;
  gap:9px;
  width:100%;
  min-width:0;
  padding:8px 10px;
  border:1px solid #e7ecef;
  border-radius:10px;
  background:#fafcfc;
  color:#344054;
  text-align:left;
  cursor:pointer;
}
.global-history-checklist button:hover{
  border-color:#d5e1dc;
  background:#f5faf8;
  color:#245346;
}
.global-history-checklist-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:8px;
  background:#edf4f1;
  color:#486d61;
}
.global-history-checklist-icon .manager-ui-icon{width:14px;height:14px}
.global-history-checklist button>span:nth-child(2){
  display:grid;
  gap:2px;
  min-width:0;
}
.global-history-checklist strong,
.global-history-checklist small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.global-history-checklist strong{font-size:.72rem}
.global-history-checklist small{color:#8792a1;font-size:.59rem}
.global-history-checklist button>.manager-ui-icon{
  width:13px;
  height:13px;
  color:#98a2b3;
}
@media(max-width:860px){
  .manager-hero-actions{
    flex-wrap:wrap;
  }
  .manager-hero-actions .btn{
    flex:1 1 auto;
  }
}
@media(max-width:600px){
  .global-history-checklist button{
    grid-template-columns:28px minmax(0,1fr) 14px;
    padding:8px;
  }
}


/* ===== Action center 2026-10-02 ===== */
.manager-action-center{
  display:grid;
  gap:12px;
  margin:0 0 16px;
  padding:16px;
  border:1px solid #e2e7ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 30px rgba(15,23,42,.04);
}
.manager-action-center.is-clear{
  background:linear-gradient(180deg,#fbfefc,#fff);
}
.manager-action-center-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.manager-action-center-head>div{
  display:grid;
  gap:3px;
  min-width:0;
}
.manager-action-center-head h2{
  margin:0;
  color:#1d2939;
  font-size:1.04rem;
  letter-spacing:-.015em;
}
.manager-action-center-head p{
  margin:0;
  color:#7c8796;
  font-size:.69rem;
}
.manager-action-center-summary{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.manager-action-summary-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:33px;
  padding:5px 9px;
  border:1px solid #e1e6eb;
  border-radius:999px;
  background:#fff;
  color:#667085;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.manager-action-summary-chip>span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:.63rem;
  font-weight:750;
}
.manager-action-summary-chip .manager-ui-icon{
  width:12px;
  height:12px;
}
.manager-action-summary-chip strong{
  display:grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:#f1f3f5;
  font-size:.58rem;
}
.manager-action-summary-chip.is-late strong{background:#fff0ef;color:#a93634}
.manager-action-summary-chip.is-attention strong{background:#fff3df;color:#9d5c0d}
.manager-action-summary-chip.is-pending strong{background:#edf2f7;color:#59687a}
.manager-action-summary-chip:hover{
  border-color:#cfd7df;
  box-shadow:0 2px 8px rgba(15,23,42,.035);
}
.manager-action-summary-chip:disabled{
  opacity:.46;
  cursor:default;
  box-shadow:none;
}
.manager-action-summary-chip.is-active{
  border-color:#b9c8c2;
  background:#f6faf8;
  box-shadow:inset 0 0 0 1px rgba(36,83,70,.03);
}
.manager-action-summary-chip.is-late.is-active{border-color:#e8b5b1;background:#fff6f5}
.manager-action-summary-chip.is-attention.is-active{border-color:#e6c78f;background:#fff9ef}
.manager-action-summary-chip.is-pending.is-active{border-color:#ccd5df;background:#f6f8fa}

.manager-action-center-list{
  display:grid;
  gap:7px;
}
.manager-action-item{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:10px 11px;
  border:1px solid #e8ecef;
  border-left-width:3px;
  border-radius:11px;
  background:#fff;
}
.manager-action-item.is-late{border-left-color:#d96b66}
.manager-action-item.is-attention{border-left-color:#dda044}
.manager-action-item.is-pending{border-left-color:#9aabbc}
.manager-action-state-icon{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:9px;
  background:#f1f4f7;
  color:#667085;
}
.manager-action-item.is-late .manager-action-state-icon{background:#fff1f0;color:#a93634}
.manager-action-item.is-attention .manager-action-state-icon{background:#fff5e5;color:#99590d}
.manager-action-item.is-pending .manager-action-state-icon{background:#f1f4f7;color:#59687a}
.manager-action-state-icon .manager-ui-icon{width:15px;height:15px}
.manager-action-item-main{
  display:grid;
  gap:3px;
  min-width:0;
}
.manager-action-item-title{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.manager-action-item-title strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#1d2939;
  font-size:.76rem;
}
.manager-action-priority-pill{
  flex:0 0 auto;
  padding:3px 6px;
  border-radius:999px;
  font-size:.54rem;
  font-weight:850;
}
.manager-action-priority-pill.is-late{background:#fff0ef;color:#a93634}
.manager-action-priority-pill.is-attention{background:#fff3df;color:#9d5c0d}
.manager-action-priority-pill.is-pending{background:#edf2f7;color:#59687a}
.manager-action-location{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#7c8796;
  font-size:.61rem;
}
.manager-action-location .manager-ui-icon{width:11px;height:11px;flex:0 0 auto}
.manager-action-item-main small{
  color:#8a94a3;
  font-size:.62rem;
}
.manager-action-item-main small strong{
  color:#566273;
  font-weight:750;
}
.manager-action-item-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}
.manager-action-center-clear{
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px;
  border:1px solid #dfe9e4;
  border-radius:11px;
  background:#f7fbf9;
}
.manager-action-center-clear>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 auto;
  border-radius:10px;
  background:#e8f5ef;
  color:#2c6b58;
}
.manager-action-center-clear .manager-ui-icon{width:16px;height:16px}
.manager-action-center-clear>div{display:grid;gap:2px}
.manager-action-center-clear strong{color:#2d5146;font-size:.75rem}
.manager-action-center-clear p{margin:0;color:#789084;font-size:.64rem}

@media(max-width:860px){
  .manager-action-center{
    padding:13px;
  }
  .manager-action-center-head{
    display:grid;
    gap:10px;
  }
  .manager-action-center-head .btn{
    justify-self:start;
  }
  .manager-action-summary-chip{
    min-height:35px;
  }
  .manager-action-item{
    grid-template-columns:32px minmax(0,1fr);
    grid-template-areas:
      "icon main"
      ". actions";
    align-items:start;
  }
  .manager-action-state-icon{grid-area:icon}
  .manager-action-item-main{grid-area:main}
  .manager-action-item-actions{
    grid-area:actions;
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    margin-top:4px;
  }
  .manager-action-item-actions .btn{
    width:100%;
    min-height:38px;
  }
}
@media(max-width:520px){
  .manager-action-center{padding:11px}
  .manager-action-center-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .manager-action-summary-chip{
    justify-content:space-between;
    min-width:0;
    padding:5px 7px;
  }
  .manager-action-summary-chip>span{
    min-width:0;
    font-size:.58rem;
  }
  .manager-action-summary-chip>span .manager-ui-icon{display:none}
  .manager-action-item{
    padding:9px;
  }
  .manager-action-item-title{
    flex-wrap:wrap;
  }
}


/* ===== Manager SaaS navigation 2026-10-02 ===== */
[data-manager-section][hidden]{display:none!important}
[data-manager-tab-action][hidden]{display:none!important}

.manager-saas-nav{
  display:flex;
  align-items:center;
  gap:4px;
  margin:0 0 16px;
  padding:5px;
  overflow-x:auto;
  border:1px solid #e2e7ec;
  border-radius:13px;
  background:#f7f9fa;
  box-shadow:0 5px 18px rgba(15,23,42,.025);
  scrollbar-width:none;
}
.manager-saas-nav::-webkit-scrollbar{display:none}
.manager-saas-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  min-height:38px;
  padding:7px 13px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#687586;
  font-size:.7rem;
  font-weight:750;
  white-space:nowrap;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.manager-saas-tab:hover{
  background:#fff;
  color:#344054;
}
.manager-saas-tab.is-active{
  border-color:#dce5e1;
  background:#fff;
  color:#234f42;
  box-shadow:0 2px 8px rgba(15,23,42,.045);
}
.manager-saas-tab .manager-static-icon{
  width:14px;
  height:14px;
}
.manager-saas-nav-history{
  margin-bottom:0;
}

/* The dashboard is now a set of dedicated pages instead of one long feed. */
.manager-account-page{
  display:grid;
  gap:14px;
  margin:0;
  padding:20px;
  border:1px solid #e2e7ec;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 36px rgba(15,23,42,.045);
}
.manager-account-page-head{
  display:grid;
  gap:4px;
  padding-bottom:12px;
  border-bottom:1px solid #edf0f3;
}
.manager-account-page-head h2{
  margin:0;
  font-size:1.15rem;
  letter-spacing:-.02em;
}
.manager-account-page-head p{
  margin:0;
  color:#7b8795;
  font-size:.72rem;
}
.manager-account-page .manager-account-label{
  display:none;
}
.manager-account-page .manager-subscription-summary{
  margin:0;
}

/* Overview should feel intentionally compact. */
[data-manager-section="overview"].manager-insights{
  margin-top:0;
}

@media(max-width:860px){
  .manager-saas-nav{
    margin-bottom:13px;
    padding:4px;
    justify-content:flex-start;
  }
  .manager-saas-tab{
    min-height:39px;
    padding:7px 11px;
    font-size:.67rem;
  }
  .manager-account-page{
    padding:14px;
  }
}
@media(max-width:520px){
  .manager-saas-nav{
    margin-left:-2px;
    margin-right:-2px;
  }
  .manager-saas-tab{
    gap:5px;
    padding:7px 9px;
  }
  .manager-saas-tab .manager-static-icon{
    width:13px;
    height:13px;
  }
}


/* ===== Editor progressive disclosure 2026-10-02 ===== */
.editor-intro-simple{
  padding-bottom:18px;
}
.editor-flow-strip-simple{
  max-width:520px;
}
.editor-essential-step{
  position:relative;
}
.editor-optional-zone{
  display:grid;
  gap:10px;
  margin-top:10px;
  padding-top:18px;
  border-top:1px solid #edf0f3;
}
.editor-optional-zone-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:0 2px 2px;
}
.editor-optional-zone-head>div{
  display:grid;
  gap:3px;
}
.editor-optional-zone-head h2{
  margin:0;
  font-size:.92rem;
  letter-spacing:-.015em;
}
.editor-optional-zone-head p{
  margin:0;
  max-width:350px;
  color:#8a94a3;
  font-size:.64rem;
  line-height:1.4;
  text-align:right;
}

.editor-disclosure{
  overflow:hidden;
  border:1px solid #e2e7ec;
  border-radius:13px;
  background:#fbfcfd;
}
.editor-disclosure[open]{
  background:#fff;
  border-color:#dbe3e8;
}
.editor-disclosure>summary{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto 18px;
  align-items:center;
  gap:10px;
  min-height:58px;
  padding:10px 12px;
  list-style:none;
  cursor:pointer;
  user-select:none;
}
.editor-disclosure>summary::-webkit-details-marker{display:none}
.editor-disclosure>summary:hover{
  background:#f8fafb;
}
.editor-disclosure-icon{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:9px;
  background:#eef3f1;
  color:#4c6f64;
}
.editor-disclosure-icon svg{
  width:15px;
  height:15px;
}
.editor-disclosure-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
.editor-disclosure-copy strong{
  color:#344054;
  font-size:.75rem;
}
.editor-disclosure-copy small{
  color:#8a94a3;
  font-size:.61rem;
}
.editor-disclosure-state{
  max-width:270px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:4px 7px;
  border-radius:999px;
  background:#f0f3f5;
  color:#687586;
  font-size:.56rem;
  font-weight:750;
}
.editor-disclosure-chevron{
  color:#98a2b3;
  font-size:.9rem;
  transition:transform .15s ease;
}
.editor-disclosure[open] .editor-disclosure-chevron{
  transform:rotate(180deg);
}
.editor-disclosure-body{
  display:grid;
  gap:14px;
  padding:14px 14px 15px;
  border-top:1px solid #edf0f3;
}
.editor-advanced-group{
  display:grid;
  gap:10px;
  padding-bottom:13px;
  border-bottom:1px solid #eef1f4;
}
.editor-advanced-group:last-of-type{
  padding-bottom:0;
  border-bottom:0;
}
.editor-advanced-group-head{
  display:grid;
  gap:2px;
}
.editor-advanced-group-head strong{
  color:#344054;
  font-size:.69rem;
}
.editor-advanced-group-head small{
  color:#8a94a3;
  font-size:.6rem;
}
.editor-finish-simplified{
  margin-top:16px;
  border-top:1px solid #edf0f3;
}
.editor-finish-simplified .editor-finish-copy .eyebrow{
  color:#4f786b;
}
.editor-description-field{
  margin-top:2px;
}

/* Keep optional sections visually secondary without hiding capability. */
.editor-disclosure .premium-notification-settings{
  margin:0;
  border-radius:11px;
}
.editor-disclosure .editor-planning-help{
  margin-bottom:0;
}

@media(max-width:860px){
  .editor-optional-zone-head{
    display:grid;
    gap:4px;
  }
  .editor-optional-zone-head p{
    max-width:none;
    text-align:left;
  }
  .editor-disclosure>summary{
    grid-template-columns:32px minmax(0,1fr) 18px;
  }
  .editor-disclosure-state{
    grid-column:2/3;
    grid-row:2;
    justify-self:start;
    max-width:100%;
  }
  .editor-disclosure-chevron{
    grid-column:3;
    grid-row:1/3;
  }
}
@media(max-width:520px){
  .editor-disclosure>summary{
    min-height:56px;
    padding:9px 10px;
  }
  .editor-disclosure-body{
    padding:12px 10px 13px;
  }
  .editor-flow-strip-simple{
    font-size:.58rem;
  }
}


/* ===== Multi-weekday scheduling 2026-10-02 ===== */
.editor-weekdays-field{
  display:grid;
  gap:7px;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.editor-weekdays-field[hidden]{display:none!important}
.editor-due-times-field{display:grid;gap:7px;grid-column:1/-1;min-width:0;margin:0;padding:0;border:0}
.editor-due-times-field[hidden],.editor-due-per-day-toggle[hidden],#expectedDueTimeField[hidden]{display:none!important}
.editor-due-times-field legend{margin:0 0 1px;color:#727d8d;font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.editor-due-per-day-toggle{grid-column:1/-1}
.editor-due-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.editor-due-time-row{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 8px;border:1px solid #dfe5ea;border-radius:10px;background:#fff}
.editor-due-time-row span{flex:0 0 34px;color:#245346;font-size:.7rem;font-weight:800}
.editor-due-time-row input{flex:1 1 auto;width:100%;min-width:0;min-height:36px;padding:0 4px!important;border:0;background:transparent;font:inherit;font-size:.95rem}
.editor-weekdays-field legend{
  margin:0 0 1px;
  color:#727d8d;
  font-size:.58rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.editor-weekday-picker{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:5px;
}
.editor-weekday-picker label{
  position:relative;
  min-width:0;
  cursor:pointer;
}
.editor-weekday-picker input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.editor-weekday-picker span{
  display:grid;
  place-items:center;
  min-height:38px;
  padding:6px 4px;
  border:1px solid #dfe5ea;
  border-radius:9px;
  background:#fff;
  color:#667085;
  font-size:.64rem;
  font-weight:800;
  transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
}
.editor-weekday-picker label:hover span{
  border-color:#c8d3dc;
  background:#fafcfc;
}
.editor-weekday-picker input:checked+span{
  border-color:#b9d2c7;
  background:#edf7f3;
  color:#245346;
  box-shadow:inset 0 0 0 1px rgba(36,83,70,.03);
}
.editor-weekday-picker input:focus-visible+span{
  outline:2px solid #315f52;
  outline-offset:2px;
}
.editor-weekday-help{
  color:#8a94a3;
  font-size:.58rem;
  line-height:1.35;
}
@media(max-width:600px){
  .editor-weekday-picker{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .editor-weekday-picker span{
    min-height:42px;
    font-size:.67rem;
  }
}


/* ===== Pricing hierarchy 2026-10-02 ===== */
.pricing-v2{
  display:grid;
  gap:26px;
}
.pricing-intro{
  max-width:760px;
}
.pricing-primary-grid,
.billing-primary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.pricing-plan-card,
.billing-offer-v2{
  position:relative;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  gap:16px;
  min-width:0;
  padding:22px;
  border:1px solid #dfe5e9;
  border-radius:18px;
  background:#fff;
}
.pricing-plan-card.is-pro,
.billing-offer-v2.is-pro{
  border-color:#bcd1c8;
  box-shadow:0 16px 38px rgba(28,70,58,.08);
}
.pricing-plan-head{
  display:grid;
  gap:6px;
}
.pricing-role{
  color:#64748b;
  font-size:.67rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.pricing-plan-card h3,
.billing-offer-v2 h3{
  margin:0;
  color:#17202c;
  font-size:1.35rem;
  letter-spacing:-.03em;
}
.pricing-plan-card p{
  margin:0;
  color:#718096;
  font-size:.78rem;
  line-height:1.48;
}
.pricing-price{
  display:flex;
  align-items:baseline;
  gap:5px;
  flex-wrap:wrap;
}
.pricing-price strong{
  color:#17202c;
  font-size:2rem;
  line-height:1;
  letter-spacing:-.045em;
}
.pricing-price>span{
  color:#687586;
  font-size:.72rem;
  font-weight:700;
}
.pricing-price small{
  flex-basis:100%;
  color:#8a94a3;
  font-size:.63rem;
}
.pricing-plan-card ul,
.pricing-entry-card ul,
.billing-offer-v2 .billing-features,
.billing-offer-compact .billing-features{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.pricing-plan-card li,
.pricing-entry-card li,
.billing-offer-v2 .billing-features li,
.billing-offer-compact .billing-features li{
  position:relative;
  padding-left:17px;
  color:#52606f;
  font-size:.72rem;
}
.pricing-plan-card li::before,
.pricing-entry-card li::before,
.billing-offer-v2 .billing-features li::before,
.billing-offer-compact .billing-features li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#2f735e;
  font-weight:900;
}
.pricing-plan-card li.feature-off::before,
.pricing-entry-card li.feature-off::before,
.billing-features li.feature-off::before{
  content:"—";
  color:#98a2b3;
}
.pricing-plan-tag{
  position:absolute;
  top:14px;
  right:14px;
  padding:5px 8px;
  border-radius:999px;
  background:#edf6f2;
  color:#2d6655;
  font-size:.58rem;
  font-weight:850;
}
.pricing-entry-details,
.billing-small-needs{
  border:1px solid #e4e8ec;
  border-radius:15px;
  background:#fafbfc;
}
.pricing-entry-details>summary,
.billing-small-needs>summary{
  padding:13px 16px;
  list-style:none;
  color:#4f5f70;
  font-size:.72rem;
  font-weight:800;
  cursor:pointer;
}
.pricing-entry-details>summary::-webkit-details-marker,
.billing-small-needs>summary::-webkit-details-marker{display:none}
.pricing-entry-details>summary::after,
.billing-small-needs>summary::after{
  content:"⌄";
  float:right;
  color:#8a94a3;
}
.pricing-entry-details[open]>summary::after,
.billing-small-needs[open]>summary::after{
  transform:rotate(180deg);
}
.pricing-entry-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:0 10px 10px;
}
.pricing-entry-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 16px;
  align-items:start;
  padding:16px;
  border:1px solid #e7ebee;
  border-radius:12px;
  background:#fff;
}
.pricing-entry-card>div:first-child{
  display:grid;
  gap:3px;
}
.pricing-entry-card h3{
  margin:0;
  font-size:.92rem;
}
.pricing-entry-card p{
  margin:0;
  color:#7d8897;
  font-size:.65rem;
}
.pricing-entry-card ul,
.pricing-entry-card .btn{
  grid-column:1/-1;
}
.pricing-entry-price-wrap{
  display:grid;
  justify-items:end;
}
.pricing-entry-price{
  font-size:1.18rem;
  letter-spacing:-.025em;
}
.pricing-entry-price-wrap span,
.pricing-entry-price-wrap small{
  color:#8a94a3;
  font-size:.57rem;
}
.pricing-comparison-wrap{
  display:grid;
  gap:12px;
  padding:18px;
  border:1px solid #e4e8ec;
  border-radius:16px;
  background:#fff;
}
.pricing-comparison-head{
  display:grid;
  gap:3px;
}
.pricing-comparison-head h3{
  margin:0;
  font-size:.94rem;
}
.pricing-comparison-scroll{
  overflow-x:auto;
}
.pricing-comparison{
  width:100%;
  min-width:650px;
  border-collapse:collapse;
  font-size:.68rem;
}
.pricing-comparison th,
.pricing-comparison td{
  padding:10px 12px;
  border-top:1px solid #edf0f3;
  text-align:center;
}
.pricing-comparison thead th{
  border-top:0;
  color:#52606f;
  font-size:.64rem;
}
.pricing-comparison th:first-child{
  text-align:left;
}
.pricing-comparison tbody th{
  color:#475467;
  font-weight:750;
}
.pricing-comparison td{
  color:#667085;
}
.pricing-enterprise{
  margin-top:0;
}
.billing-wrap-v2{
  max-width:1120px;
}
.billing-primary-grid{
  margin-top:14px;
}
.billing-offer-v2{
  min-height:100%;
}
.billing-offer-v2 .price{
  font-size:1.55rem;
}
.billing-small-needs{
  margin-top:14px;
}
.billing-offer-compact{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) auto minmax(190px,.9fr) minmax(190px,.9fr);
  align-items:center;
  gap:16px;
  margin:0 10px 10px;
  padding:16px;
}
.billing-offer-compact h3{
  margin:3px 0;
}
.billing-offer-compact .billing-features{
  margin:0;
}
.billing-offer-compact .billing-offer-actions{
  margin:0;
}

@media(min-width:761px){
  .pricing-entry-details>summary{display:none}
  .pricing-entry-details:not([open])>.pricing-entry-grid{display:grid!important}
}
@media(max-width:900px){
  .pricing-primary-grid,
  .billing-primary-grid{
    grid-template-columns:1fr;
  }
  .pricing-plan-card,
  .billing-offer-v2{
    padding:18px;
  }
  .billing-offer-compact{
    grid-template-columns:1fr 1fr;
  }
  .billing-offer-compact .billing-features,
  .billing-offer-compact .billing-offer-actions{
    grid-column:1/-1;
  }
}
@media(max-width:760px){
  .pricing-v2{
    gap:18px;
  }
  .pricing-primary-grid{
    order:1;
  }
  .pricing-entry-details{
    order:2;
  }
  .pricing-comparison-wrap{
    order:3;
    padding:14px;
  }
  .pricing-v2 .tax-note{order:4}
  .pricing-enterprise{order:5}
  .pricing-entry-grid{
    grid-template-columns:1fr;
  }
  .pricing-entry-card{
    grid-template-columns:1fr;
  }
  .pricing-entry-price-wrap{
    justify-items:start;
  }
  .pricing-entry-card ul,
  .pricing-entry-card .btn{
    grid-column:auto;
  }
  .pricing-plan-tag{
    top:12px;
    right:12px;
  }
}
@media(max-width:520px){
  .pricing-plan-card,
  .billing-offer-v2{
    padding:16px;
    border-radius:15px;
  }
  .pricing-price strong{
    font-size:1.8rem;
  }
  .billing-offer-compact{
    grid-template-columns:1fr;
    margin:0 8px 8px;
  }
  .billing-offer-compact .billing-features,
  .billing-offer-compact .billing-offer-actions{
    grid-column:auto;
  }
}


/* ===== Manager help & support 2026-10-02 ===== */
.manager-support{
  display:grid;
  gap:16px;
  padding-top:18px;
  border-top:1px solid #edf0f3;
}
.manager-support-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.manager-support-head>div:first-child{
  display:grid;
  gap:4px;
}
.manager-support-head h2{
  margin:0;
  font-size:1rem;
  letter-spacing:-.02em;
}
.manager-support-head p{
  margin:0;
  color:#7b8795;
  font-size:.68rem;
  line-height:1.45;
}
.manager-support-actions{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}
.manager-support-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.manager-support-card{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:14px;
  border:1px solid #e4e8ec;
  border-radius:13px;
  background:#fafbfc;
}
.manager-support-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:9px;
  background:#edf5f2;
  color:#285c4d;
  font-size:.66rem;
  font-weight:900;
}
.manager-support-card>div{
  display:grid;
  gap:3px;
}
.manager-support-card strong{
  color:#344054;
  font-size:.7rem;
}
.manager-support-card p{
  margin:0;
  color:#7b8795;
  font-size:.62rem;
  line-height:1.45;
}
.manager-support-faq{
  overflow:hidden;
  border:1px solid #e4e8ec;
  border-radius:13px;
  background:#fff;
}
.manager-support-faq details+details{
  border-top:1px solid #edf0f3;
}
.manager-support-faq summary{
  position:relative;
  padding:12px 36px 12px 14px;
  list-style:none;
  color:#475467;
  font-size:.68rem;
  font-weight:800;
  cursor:pointer;
}
.manager-support-faq summary::-webkit-details-marker{display:none}
.manager-support-faq summary::after{
  content:"+";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  color:#98a2b3;
  font-size:.9rem;
}
.manager-support-faq details[open] summary::after{
  content:"–";
}
.manager-support-faq p{
  margin:-3px 14px 13px;
  color:#7b8795;
  font-size:.63rem;
  line-height:1.5;
}

@media(max-width:760px){
  .manager-support-head{
    display:grid;
    align-items:start;
  }
  .manager-support-actions{
    width:100%;
  }
  .manager-support-actions .btn{
    flex:1;
  }
  .manager-support-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:520px){
  .manager-support-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .manager-support-card{
    padding:12px;
  }
}
[data-profile-owner-only][hidden]{display:none!important}
.profile-menu{position:relative;z-index:10001}
.profile-trigger{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;padding:7px 11px;border:1px solid #dbe4e0;border-radius:999px;background:#fff;color:#174f42;font-weight:700}
.profile-trigger::-webkit-details-marker{display:none}
.profile-trigger:focus-visible{outline:3px solid #176b56;outline-offset:3px}
.profile-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf7f2}
.profile-avatar svg{width:23px;height:23px}
.profile-trigger-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(310px,calc(100vw - 32px));padding:8px;background:#fff;border:1px solid #dbe4e0;border-radius:18px;box-shadow:0 18px 50px #0f172a26}
.profile-menu-identity{padding:12px;border-bottom:1px solid #edf2ef;margin-bottom:6px;overflow-wrap:anywhere}
.profile-menu-identity strong,.profile-menu-identity small{display:block}
.profile-menu-identity small{color:#64748b;margin-top:4px}
.profile-popover button{display:block;width:100%;padding:12px;border:0;border-radius:10px;background:transparent;text-align:left;font:inherit;color:#174f42;cursor:pointer}
.profile-popover button:hover,.profile-popover button:focus-visible{background:#edf7f2}
.profile-popover .profile-signout{margin-top:6px;border-top:1px solid #edf2ef;color:#b42318}
.profile-identity{padding:22px;margin:18px 0;overflow-wrap:anywhere}
.profile-identity h3{margin:9px 0 5px}
.profile-identity p{margin:0}
.favorite-workspace-settings{margin:18px 0;padding:22px}
.favorite-workspace-settings select{width:100%;min-width:0}
.push-activation-feedback{padding:14px;border:1px solid #fecaca;border-radius:12px;background:#fef2f2;color:#991b1b;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:600px){.profile-trigger-name{max-width:110px;font-size:.8rem}.profile-trigger{gap:5px;padding:5px 8px}}
.topbar .top-actions{align-items:center;min-width:0}
.topbar .workspace-switcher{position:static;inset:auto;z-index:auto;box-shadow:none;min-width:0;flex-shrink:1;padding:8px 10px;gap:6px}
.topbar .workspace-switcher select{min-width:0;max-width:200px;min-height:28px;text-overflow:ellipsis}
@media(max-width:620px){
  .topbar .profile-menu{position:static}
  .topbar .profile-popover{right:12px;top:calc(100% + 8px);width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain}
  .topbar:has(.workspace-switcher){gap:8px;padding-inline:12px}
  .topbar:has(.workspace-switcher) .brand>span:last-child{display:none}
  .topbar:has(.workspace-switcher) .top-actions{margin-left:auto;gap:6px}
  .topbar:has(.workspace-switcher) .profile-trigger-name{display:none}
  .topbar .workspace-switcher{padding:6px 8px}
  .topbar .workspace-switcher span{display:none}
  .topbar .workspace-switcher select{max-width:min(180px,44vw);font-size:.8rem;min-height:32px}
}
.validation-step-details{margin:16px 0;text-align:left}
.validation-step-details summary{cursor:pointer;font-weight:700;padding:10px 0}
.validation-step-list{display:grid;gap:6px}
.validation-step-row{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:#f8fafc}
.validation-step-row strong{flex-shrink:0}
.validation-step-row span{overflow-wrap:anywhere;min-width:0}
.validation-step-row.is-ok strong{color:#166534}
.validation-step-row.is-ko strong{color:#991b1b}


/* Billing plan change modal */
.plan-change-backdrop{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;background:rgba(15,23,42,.46);backdrop-filter:blur(8px);animation:planFade .18s ease-out}
.plan-change-modal{position:relative;width:min(560px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:30px;box-shadow:0 28px 80px rgba(15,23,42,.24);animation:planPop .2s ease-out}
.plan-change-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:0;border-radius:999px;background:#f8fafc;color:#475569;font-size:24px;line-height:1;cursor:pointer}
.plan-change-close:hover{background:#eef2f7;color:#0f172a}
.plan-change-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border-radius:14px;background:#eaf7f2;color:#176b56;font-size:24px;font-weight:800}
.plan-change-modal h2{margin:8px 42px 10px 0;font-size:1.65rem;line-height:1.18;letter-spacing:-.035em;color:#10241e}
.plan-change-lead{margin:0;color:#64748b;line-height:1.65;font-size:.96rem}
.plan-change-summary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:24px 0 16px;padding:18px;border:1px solid #e2e8f0;border-radius:18px;background:#fbfdfc}
.plan-change-summary div:not(.plan-change-arrow){display:flex;flex-direction:column;gap:4px}
.plan-change-summary span{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}
.plan-change-summary strong{font-size:1rem;color:#0f172a}
.plan-change-arrow{font-size:1.3rem;color:#94a3b8}
.plan-change-note{display:flex;flex-direction:column;gap:5px;padding:15px 16px;border-radius:16px;background:#f0f9f5;border:1px solid #d9eee5}
.plan-change-note strong{font-size:.88rem;color:#176b56}
.plan-change-note span{font-size:.86rem;line-height:1.5;color:#52625e}
.plan-change-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.plan-change-actions .btn{min-width:132px}
.checkout-customer-type-modal{width:min(680px,100%)}
.checkout-customer-type-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 14px}
.checkout-customer-type-choice{display:grid;gap:7px;padding:18px;text-align:left;cursor:pointer;border:1px solid #dce6e1;background:#fbfdfc;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.checkout-customer-type-choice:hover,.checkout-customer-type-choice:focus-visible{border-color:#8fc5ae;box-shadow:0 10px 28px rgba(23,107,86,.10);transform:translateY(-1px);outline:none}
.checkout-customer-type-choice:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none;background:#f8faf9}
.checkout-customer-type-choice:disabled:hover{border-color:#dce6e1;box-shadow:none;transform:none}
.checkout-customer-type-choice strong{font-size:1rem;color:#173d32}
.checkout-customer-type-choice span{font-size:.86rem;line-height:1.5;color:#52625e}
.checkout-customer-type-choice small{font-size:.72rem;line-height:1.4;color:#7b8a84}
.billing-contract-status{margin-top:10px}
@media(max-width:620px){.checkout-customer-type-choices{grid-template-columns:1fr}.checkout-customer-type-choice{padding:16px}}

@keyframes planFade{from{opacity:0}to{opacity:1}}
@keyframes planPop{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:620px){.plan-change-backdrop{padding:14px;align-items:end}.plan-change-modal{padding:24px 20px 20px;border-radius:22px}.plan-change-modal h2{font-size:1.4rem}.plan-change-summary{grid-template-columns:1fr}.plan-change-arrow{transform:rotate(90deg);justify-self:center}.plan-change-actions{flex-direction:column-reverse}.plan-change-actions .btn{width:100%}}


.stripe-manage-note{display:flex;flex-direction:column;gap:5px;margin-top:18px;padding:14px 16px;border:1px solid #dce9e3;border-radius:15px;background:#f5faf7}
.stripe-manage-note strong{font-size:.9rem;color:#173d32}
.stripe-manage-note span{font-size:.86rem;line-height:1.5;color:#60736c}
.billing-offer-actions[hidden]{display:none!important}
.billing-details [data-action="manage-billing"].btn-primary{margin-top:8px}


.billing-current-summary{margin:18px 0 22px!important}
.billing-current-summary .billing-summary-action{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}
.subscription-compact-main{display:grid;gap:10px;min-width:0}
.subscription-compact-plan{display:flex;align-items:center;gap:12px;min-width:0}
.subscription-plan-badge{display:inline-grid;place-items:center;flex:0 0 auto;min-width:44px;height:44px;padding:0 12px;border-radius:14px;background:#e7f3ef;color:#176b56;font-size:.8rem;font-weight:800}
.subscription-compact-plan>div{display:grid;gap:2px;min-width:0}
.subscription-compact-plan strong{color:#10241e;font-size:1.02rem}
.subscription-compact-plan small{color:#5d6f68;font-size:.84rem}
.subscription-compact-usage{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:#3d5149;font-size:.88rem}
.subscription-compact-usage strong{color:#176b56}
.subscription-compact-usage i{font-style:normal;color:#a3b2ac}
.billing-offer-v2.is-current{border-color:#9cc8b8;box-shadow:0 0 0 2px #d5ebe3}
.billing-offer-current{align-self:end;justify-self:start;padding:8px 12px;border-radius:999px;background:#e7f3ef;color:#176b56;font-size:.8rem;font-weight:800}
@media(max-width:720px){
  .billing-current-summary{align-items:flex-start!important;flex-direction:column}
  .billing-current-summary .billing-summary-action{width:100%}
  .billing-current-summary .billing-summary-action .btn{width:100%}
}


.billing-state-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:15px 17px;border:1px solid #ecd9a8;border-radius:16px;background:#fffaf0}
.billing-state-notice>div{display:grid;gap:4px}
.billing-state-notice strong{font-size:.9rem;color:#7a4b00}
.billing-state-notice span{font-size:.8rem;line-height:1.45;color:#6b5a3d}
.billing-state-notice small{font-size:.7rem;line-height:1.45;color:#8b7756}
.billing-state-notice.is-ended{border-color:#e4e7ec;background:#f8fafc}
.billing-state-notice.is-ended strong{color:#344054}
.billing-state-notice.is-ended span,.billing-state-notice.is-ended small{color:#667085}
.stripe-manage-note.is-warning{border-color:#ecd9a8;background:#fffaf0}
.stripe-manage-note.is-warning strong{color:#7a4b00}
.stripe-manage-note.is-warning span{color:#6b5a3d}
.pill.warning{background:#fff4d6;color:#805500;border-color:#efd79e}
@media(max-width:720px){
  .billing-state-notice{align-items:flex-start;flex-direction:column}
  .billing-state-notice .btn{width:100%}
}


.pricing-choice-actions,
.billing-offer-actions-stack{display:grid;gap:9px}
.pricing-choice-actions .btn,
.billing-offer-actions-stack .btn{width:100%}


.pricing-price .pricing-price-or{
  margin-left:8px;
  color:#52606f;
  font-size:.78rem;
  font-weight:800;
  white-space:nowrap;
}
.billing-price-choice{
  display:flex;
  align-items:baseline;
  gap:10px;
  flex-wrap:wrap;
}
.billing-price-or{
  color:#52606f;
  font-size:.78rem;
  font-weight:800;
  white-space:nowrap;
}
@media(max-width:520px){
  .pricing-price .pricing-price-or,
  .billing-price-or{
    flex-basis:100%;
    margin-left:0;
  }
}


.manager-value-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.manager-value-actions .btn{min-width:0}
@media(max-width:620px){
  .manager-value-actions{display:grid}
  .manager-value-actions .btn{width:100%}
}


/* ===== Checklist table simplification 2026-10-06 ===== */
.manager-list-header-v2,
.manager-list-row-v2{
  grid-template-columns:
    32px
    minmax(260px,1.7fr)
    100px
    minmax(220px,1.15fr)
    minmax(150px,.85fr)
    210px!important;
  column-gap:14px!important;
}
.manager-list-row-v2{
  min-height:76px!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.manager-row-name-v2{gap:4px!important}
.manager-checklist-title-button{
  display:block;
  min-width:0;
  max-width:100%;
  padding:0;
  border:0;
  background:none;
  color:#172b24;
  font:inherit;
  font-size:.8rem;
  font-weight:780;
  line-height:1.25;
  text-align:left;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  cursor:pointer;
}
.manager-checklist-title-button:hover{
  color:#176b56;
  text-decoration:underline;
  text-underline-offset:3px;
}
.manager-row-context{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0;
  color:#75827d;
  font-size:.61rem;
}
.manager-row-context>span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.manager-row-context .manager-ui-icon{
  width:12px;
  height:12px;
  flex:0 0 auto;
}
.manager-row-name-v2>small{
  color:#9aa4a0;
  font-size:.6rem;
}
.manager-row-activity{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.manager-row-activity>span{
  display:grid;
  gap:1px;
  min-width:0;
  padding:7px 8px;
  border:1px solid #edf1ef;
  border-radius:9px;
  background:#f8faf9;
}
.manager-row-activity strong{
  color:#1e332c;
  font-size:.75rem;
  line-height:1;
}
.manager-row-activity small{
  color:#8c9994;
  font-size:.53rem;
  white-space:nowrap;
}
.manager-list-actions-v2{
  display:grid!important;
  grid-template-columns:1fr 1fr 38px!important;
  gap:6px!important;
  width:100%;
}
.manager-list-actions-v2 .manager-action-btn{
  width:100%;
  min-width:0;
}
.manager-row-more{
  position:relative;
  min-width:0;
}
.manager-row-more>summary{
  display:grid;
  place-items:center;
  min-height:30px;
  width:38px;
  border:1px solid #dfe5e2;
  border-radius:8px;
  background:#fff;
  color:#55655f;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.manager-row-more>summary::-webkit-details-marker{display:none}
.manager-row-more[open]>summary,
.manager-row-more>summary:hover{background:#f4f8f6;border-color:#cfdcd6}
.manager-row-more-menu{
  position:absolute;
  z-index:80;
  top:calc(100% + 6px);
  right:0;
  display:grid;
  gap:5px;
  width:230px;
  padding:8px;
  border:1px solid #dfe5e2;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 44px rgba(19,43,35,.16);
}
.manager-row-more-menu>button{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:36px;
  padding:7px 9px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#31463f;
  font:inherit;
  font-size:.68rem;
  font-weight:700;
  text-align:left;
  cursor:pointer;
}
.manager-row-more-menu>button:hover{background:#f3f7f5}
.manager-row-more-menu .manager-ui-icon{width:14px;height:14px}
.manager-row-more-folder{
  display:grid;
  gap:5px;
  padding:4px 2px 8px;
  border-bottom:1px solid #edf1ef;
}
.manager-row-more-folder>span{
  color:#87938f;
  font-size:.56rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.manager-row-more-folder .manager-row-folder{display:block!important}
.manager-row-more-folder .manager-row-folder-label{display:none!important}
.manager-row-more-folder .manager-folder-field{width:100%}
.manager-page-size-inline{
  display:flex;
  align-items:center;
  gap:7px;
  color:#7d8984;
  font-size:.61rem;
  font-weight:750;
}
.manager-page-size-inline select{
  width:66px;
  min-height:32px;
  margin:0;
  padding:5px 24px 5px 8px;
  border:1px solid #dfe5e2;
  border-radius:8px;
  background:#fff;
  font-size:.66rem;
}
.manager-toolbar-meta-actions{align-items:center}
.manager-selection-hint{display:none!important}

/* Quick preview drawer */
.manager-checklist-preview-backdrop{
  position:fixed;
  inset:0;
  z-index:4000;
  display:flex;
  justify-content:flex-end;
  background:rgba(15,23,42,.24);
  backdrop-filter:blur(2px);
}
.manager-checklist-preview{
  width:min(430px,94vw);
  height:100%;
  overflow:auto;
  padding:24px;
  background:#fff;
  box-shadow:-18px 0 55px rgba(15,23,42,.16);
  animation:managerPreviewIn .18s ease-out;
}
@keyframes managerPreviewIn{from{transform:translateX(28px);opacity:.5}to{transform:none;opacity:1}}
.manager-checklist-preview-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:18px;
  border-bottom:1px solid #edf1ef;
}
.manager-checklist-preview-head h2{
  margin:5px 0 5px;
  font-size:1.3rem;
  letter-spacing:-.025em;
}
.manager-checklist-preview-head p{
  margin:0;
  color:#78857f;
  font-size:.72rem;
  line-height:1.45;
}
.manager-checklist-preview-close{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:0 0 auto;
  border:1px solid #e1e7e4;
  border-radius:10px;
  background:#fff;
  color:#5b6964;
  font-size:1.2rem;
  cursor:pointer;
}
.manager-checklist-preview-status{padding:17px 0 4px}
.manager-checklist-preview-kpis{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:14px 0;
}
.manager-checklist-preview-kpis>div{
  display:grid;
  gap:5px;
  padding:13px;
  border:1px solid #e7ece9;
  border-radius:12px;
  background:#f8faf9;
}
.manager-checklist-preview-kpis span{
  color:#85908c;
  font-size:.58rem;
  font-weight:800;
  text-transform:uppercase;
}
.manager-checklist-preview-kpis strong{font-size:1.15rem}
.manager-checklist-preview-last{
  display:grid;
  gap:4px;
  margin:12px 0;
  padding:15px;
  border:1px solid #e7ece9;
  border-radius:12px;
}
.manager-checklist-preview-last>span{
  color:#85908c;
  font-size:.59rem;
  font-weight:800;
  text-transform:uppercase;
}
.manager-checklist-preview-last strong{font-size:.82rem}
.manager-checklist-preview-last small{color:#87938f;font-size:.68rem}
.manager-checklist-preview-description{
  margin:12px 0;
  color:#61716b;
  font-size:.76rem;
  line-height:1.55;
}
.manager-checklist-preview-actions{
  display:grid;
  gap:8px;
  margin-top:20px;
}
.manager-checklist-preview-actions .btn{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
}

@container operations (max-width:1050px){
  .manager-list-header-v2,
  .manager-list-row-v2{
    grid-template-columns:
      30px
      minmax(230px,1.55fr)
      96px
      minmax(190px,1fr)
      minmax(140px,.8fr)
      200px!important;
  }
}
@container operations (max-width:850px){
  .manager-list-header-v2{display:none!important}
  .manager-list-row-v2{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) auto!important;
    grid-template-areas:
      "select name status"
      ". activity activity"
      ". last last"
      ". actions actions";
    gap:8px 10px!important;
    padding:12px!important;
  }
  .manager-list-row-v2>.manager-row-select{grid-area:select;align-self:start;padding-top:3px}
  .manager-list-row-v2>.manager-row-name{grid-area:name}
  .manager-list-row-v2>.manager-row-status{grid-area:status;align-self:start}
  .manager-list-row-v2>.manager-row-activity{grid-area:activity}
  .manager-list-row-v2>.manager-row-last{
    grid-area:last;
    display:grid!important;
    grid-template-columns:120px minmax(0,1fr);
    gap:8px;
    padding:7px 0;
    border-top:1px solid #edf1ef;
  }
  .manager-list-row-v2>.manager-list-actions{
    grid-area:actions;
    grid-template-columns:1fr 1fr 42px!important;
  }
  .manager-row-context{flex-wrap:wrap}
}
@media(max-width:560px){
  .manager-row-activity{grid-template-columns:repeat(3,1fr)}
  .manager-row-activity>span{padding:7px 6px}
  .manager-row-activity small{font-size:.49rem}
  .manager-checklist-preview{width:100%;padding:20px 16px}
  .manager-page-size-inline>span{display:none}
}


/* ===== Readability pass for checklist workspace 2026-10-06 ===== */
@media(min-width:861px){
  .manager-workspace{
    grid-template-columns:280px minmax(0,1fr)!important;
  }
}
.manager-folder-sidebar{
  padding:18px 14px 14px!important;
}
.manager-folder-sidebar-head strong{
  font-size:1rem!important;
}
.manager-folder-manage-button{
  min-height:34px!important;
  padding:6px 10px!important;
  font-size:.7rem!important;
}
.manager-folder-nav{
  gap:5px!important;
}
.manager-folder-link{
  min-height:42px!important;
  padding:7px 9px!important;
  gap:8px!important;
}
.manager-folder-link-label{
  font-size:.82rem!important;
  font-weight:700!important;
}
.manager-folder-link strong,
.manager-folder-tree-link strong{
  min-width:24px!important;
  padding:3px 6px!important;
  font-size:.64rem!important;
}
.manager-folder-nav-separator{
  padding:16px 8px 7px!important;
}
.manager-folder-nav-separator span{
  font-size:.64rem!important;
}
.manager-folder-tree-node{
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:4px!important;
  padding-left:calc(var(--folder-depth,0) * 14px)!important;
}
.manager-folder-tree-link{
  min-height:38px!important;
  padding:6px 7px!important;
}
.manager-folder-tree-link>span:nth-child(2){
  font-size:.79rem!important;
  font-weight:680!important;
}
.manager-new-folder-button{
  min-height:39px!important;
  font-size:.73rem!important;
}
.manager-folder-sidebar-foot p{
  font-size:.72rem!important;
}

/* Main list text and controls */
.manager-table-toolbar{
  padding:16px 18px 12px!important;
  gap:11px 14px!important;
}
.manager-view-kicker{font-size:.62rem!important}
.manager-view-context-copy strong{font-size:1.08rem!important}
.manager-view-context-copy>span:last-child{font-size:.73rem!important}
.manager-reset-view{font-size:.72rem!important}
.manager-search-wrap input{
  min-height:44px!important;
  font-size:.85rem!important;
}
.manager-filter-chip{
  min-height:34px!important;
  padding:6px 11px!important;
  font-size:.72rem!important;
}
.manager-toolbar-meta,
.checklist-result-count{
  font-size:.7rem!important;
}
.manager-page-size-inline{
  font-size:.68rem!important;
}
.manager-page-size-inline select{
  min-height:34px!important;
  font-size:.72rem!important;
}

/* Table rows */
.manager-list-header-v2{
  min-height:44px!important;
  font-size:.65rem!important;
}
.manager-list-row-v2{
  min-height:84px!important;
  padding:12px 16px!important;
}
.manager-checklist-title-button{
  font-size:.9rem!important;
  line-height:1.3!important;
}
.manager-row-context{
  font-size:.68rem!important;
}
.manager-row-name-v2>small{
  font-size:.67rem!important;
}
.manager-status-pill{
  font-size:.65rem!important;
  padding:5px 8px!important;
}
.manager-row-activity strong{
  font-size:.86rem!important;
}
.manager-row-activity small{
  font-size:.59rem!important;
}
.manager-row-last strong{
  font-size:.76rem!important;
}
.manager-row-last span{
  font-size:.66rem!important;
}
.manager-list-actions-v2 .btn{
  min-height:34px!important;
  font-size:.67rem!important;
}
.manager-row-more>summary{
  min-height:34px!important;
  height:34px;
}
.manager-row-select input{
  width:17px!important;
  height:17px!important;
}
.manager-favorite-toggle{
  width:28px!important;
  height:28px!important;
}
@media(max-width:860px){
  .manager-list-row-v2{
    padding:14px!important;
  }
  .manager-checklist-title-button{
    font-size:.94rem!important;
  }
  .manager-row-context{
    font-size:.72rem!important;
  }
  .manager-row-activity small{
    font-size:.56rem!important;
  }
}


/* ===== Mobile checklist workspace hotfix 2026-10-06 ===== */
@media(max-width:860px){
  body:has(.manager-workspace){overflow-x:hidden}
  .shell:has(.manager-workspace){
    width:100%!important;
    max-width:none!important;
    padding:14px 10px 56px!important;
  }
  .manager-workspace{
    display:block!important;
    width:100%!important;
    overflow:visible!important;
    border-radius:14px!important;
  }
  .manager-folder-sidebar{display:none!important}
  .manager-workspace-main{
    width:100%!important;
    overflow:visible!important;
  }
  .manager-table-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    padding:12px!important;
    gap:10px!important;
  }
  .manager-view-context,
  .manager-search-wrap,
  .manager-quick-filters,
  .manager-filter-row,
  .manager-toolbar-meta{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
  }
  .manager-search-wrap input{
    width:100%!important;
    min-width:0!important;
  }
  .manager-quick-filters{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    padding:1px 0 4px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .manager-quick-filters::-webkit-scrollbar{display:none}
  .manager-filter-chip{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .manager-filter-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .manager-folder-select-mobile{display:grid!important}
  .manager-status-select-fallback{display:none!important}
  .manager-toolbar-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  .manager-toolbar-meta-actions{
    width:auto!important;
    margin-left:auto!important;
    justify-content:flex-end!important;
  }
  .manager-page-size-inline{
    display:flex!important;
  }
  .manager-check-list{
    display:grid!important;
    gap:10px!important;
    width:100%!important;
    padding:10px!important;
    overflow:visible!important;
    background:#f5f7f9!important;
  }
  .manager-list-header-v2{display:none!important}
  .manager-list-row-v2{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    grid-template-areas:
      "select name"
      ". status"
      ". activity"
      ". last"
      ". actions"!important;
    gap:9px 10px!important;
    padding:14px!important;
    border:1px solid #e1e7e4!important;
    border-radius:14px!important;
    background:#fff!important;
    overflow:visible!important;
  }
  .manager-list-row-v2>.manager-row-select{
    grid-area:select!important;
    align-self:start!important;
    padding-top:4px!important;
  }
  .manager-list-row-v2>.manager-row-name{
    grid-area:name!important;
    min-width:0!important;
  }
  .manager-list-row-v2>.manager-row-status{
    grid-area:status!important;
    justify-self:start!important;
  }
  .manager-list-row-v2>.manager-row-activity{
    grid-area:activity!important;
    width:100%!important;
  }
  .manager-list-row-v2>.manager-row-last{
    grid-area:last!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
    width:100%!important;
    padding:9px 0!important;
    border-top:1px solid #edf1ef!important;
  }
  .manager-list-row-v2>.manager-list-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important;
    width:100%!important;
    gap:7px!important;
  }
  .manager-list-actions-v2 .btn{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    font-size:.72rem!important;
  }
  .manager-row-more,
  .manager-row-more>summary{
    width:44px!important;
  }
  .manager-row-more>summary{
    height:42px!important;
    min-height:42px!important;
  }
  .manager-row-more-menu{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-height:60dvh!important;
    overflow:auto!important;
    z-index:5000!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  .manager-row-more-menu>button{
    min-height:44px!important;
    font-size:.76rem!important;
  }
  .manager-row-context{
    display:grid!important;
    gap:4px!important;
    margin-top:2px!important;
  }
  .manager-row-context>span{
    max-width:100%!important;
  }
  .manager-checklist-title-button{
    max-width:100%!important;
    font-size:.95rem!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .manager-row-activity{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .manager-row-activity>span{
    min-width:0!important;
    padding:9px 7px!important;
  }
  .manager-row-activity strong{font-size:.9rem!important}
  .manager-row-activity small{
    font-size:.58rem!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}
@media(max-width:430px){
  .shell:has(.manager-workspace){padding-inline:7px!important}
  .manager-table-toolbar{padding:10px!important}
  .manager-check-list{padding:7px!important}
  .manager-list-row-v2{padding:12px!important}
  .manager-row-activity small{font-size:.54rem!important}
  .manager-list-actions-v2 .btn span{font-size:.68rem!important}
}


/* ===== Show full checklist row text 2026-10-06 ===== */
.manager-list-row-v2{
  min-height:84px!important;
  height:auto!important;
}
.manager-row-name-v2{
  align-self:start;
  padding:2px 0;
}
.manager-checklist-title-button{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.32!important;
}
.manager-row-context{
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  line-height:1.35!important;
}
.manager-row-context>span{
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere;
}
.manager-row-name-v2>small{
  display:block;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere;
  line-height:1.35!important;
}


/* Activity now shows today + 7 days only */
.manager-row-activity{grid-template-columns:repeat(2,minmax(0,1fr))!important}


/* ===== Mobile checklist cards refinement 2026-10-06 ===== */
@media(max-width:860px){
  .manager-check-list{
    gap:12px!important;
    padding:10px!important;
  }

  .manager-list-row-v2{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "name status"
      "activity activity"
      "last last"
      "actions actions"!important;
    gap:11px 10px!important;
    padding:15px!important;
    border:1px solid #dde5e1!important;
    border-radius:16px!important;
    box-shadow:0 5px 16px rgba(20,44,36,.045)!important;
  }

  .manager-list-row-v2:hover{
    background:#fff!important;
    box-shadow:0 5px 16px rgba(20,44,36,.045)!important;
  }

  .manager-list-row-v2>.manager-row-select{
    position:absolute!important;
    top:17px!important;
    left:14px!important;
    z-index:2;
    padding:0!important;
  }

  .manager-list-row-v2>.manager-row-name{
    grid-area:name!important;
    padding:0 0 0 30px!important;
  }

  .manager-list-row-v2>.manager-row-status{
    grid-area:status!important;
    align-self:start!important;
    justify-self:end!important;
    padding-top:1px!important;
  }

  .manager-row-name-title{
    align-items:flex-start!important;
    gap:7px!important;
  }

  .manager-favorite-toggle{
    flex:0 0 27px!important;
    width:27px!important;
    height:27px!important;
    margin-top:-3px!important;
  }

  .manager-checklist-title-button{
    font-size:1rem!important;
    line-height:1.28!important;
    font-weight:800!important;
    color:#172b24!important;
  }

  .manager-row-context{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px 10px!important;
    margin-top:5px!important;
    color:#6f7f79!important;
    font-size:.7rem!important;
    line-height:1.4!important;
  }

  .manager-row-name-v2>small{
    margin-top:3px!important;
    color:#8b9792!important;
    font-size:.69rem!important;
    line-height:1.45!important;
  }

  .manager-status-pill{
    min-height:28px!important;
    padding:5px 8px!important;
    font-size:.64rem!important;
  }

  .manager-list-row-v2>.manager-row-activity{
    grid-area:activity!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }

  .manager-row-activity>span{
    display:flex!important;
    align-items:baseline!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:43px!important;
    padding:9px 11px!important;
    border:1px solid #e4ebe7!important;
    border-radius:11px!important;
    background:#f7faf8!important;
  }

  .manager-row-activity strong{
    font-size:1rem!important;
    color:#173f34!important;
  }

  .manager-row-activity small{
    font-size:.64rem!important;
    color:#78867f!important;
    text-align:right!important;
    white-space:nowrap!important;
  }

  .manager-list-row-v2>.manager-row-last{
    grid-area:last!important;
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
    margin:0!important;
    padding:11px 12px 10px 12px!important;
    border:0!important;
    border-radius:11px!important;
    background:#fbfcfb!important;
  }

  .manager-list-row-v2>.manager-row-last::before{
    content:"Dernière validation";
    color:#8a9691;
    font-size:.58rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
  }

  .manager-row-last strong{
    font-size:.76rem!important;
    color:#243830!important;
  }

  .manager-row-last span{
    font-size:.68rem!important;
    color:#87928e!important;
  }

  .manager-list-row-v2>.manager-list-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px!important;
    gap:8px!important;
    width:100%!important;
    padding-top:1px!important;
  }

  .manager-list-actions-v2 .btn{
    min-height:44px!important;
    border-radius:10px!important;
    font-size:.73rem!important;
  }

  .manager-row-more,
  .manager-row-more>summary{
    width:46px!important;
  }

  .manager-row-more>summary{
    height:44px!important;
    min-height:44px!important;
    border-radius:10px!important;
    font-size:.9rem!important;
  }
}

@media(max-width:540px){
  .manager-list-row-v2{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "name"
      "status"
      "activity"
      "last"
      "actions"!important;
    gap:10px!important;
    padding:14px!important;
  }

  .manager-list-row-v2>.manager-row-select{
    top:16px!important;
    left:13px!important;
  }

  .manager-list-row-v2>.manager-row-name{
    padding-left:30px!important;
  }

  .manager-list-row-v2>.manager-row-status{
    justify-self:start!important;
    padding-left:30px!important;
    padding-top:0!important;
  }

  .manager-checklist-title-button{
    font-size:.96rem!important;
  }

  .manager-row-context{
    font-size:.68rem!important;
  }

  .manager-row-name-v2>small{
    font-size:.67rem!important;
  }

  .manager-row-activity>span{
    min-height:41px!important;
    padding:8px 10px!important;
  }

  .manager-list-row-v2>.manager-list-actions{
    grid-template-columns:1fr 1fr 44px!important;
    gap:7px!important;
  }
}

@media(max-width:380px){
  .manager-check-list{padding:6px!important}
  .manager-list-row-v2{padding:12px!important}
  .manager-list-row-v2>.manager-row-select{left:11px!important;top:14px!important}
  .manager-list-row-v2>.manager-row-name,
  .manager-list-row-v2>.manager-row-status{padding-left:29px!important}
  .manager-row-activity small{font-size:.59rem!important}
  .manager-list-actions-v2 .btn{font-size:.69rem!important}
}


/* ===== Mobile checklist cards emergency fix 2026-10-06 ===== */
@media(max-width:860px){
  .manager-list-row-v2{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    padding:14px!important;
  }

  .manager-list-row-v2>.manager-row-select{
    position:absolute!important;
    top:16px!important;
    left:14px!important;
    width:20px!important;
    height:20px!important;
    padding:0!important;
    margin:0!important;
  }

  .manager-list-row-v2>.manager-row-name{
    width:100%!important;
    min-width:0!important;
    padding:0 0 0 34px!important;
    margin:0!important;
  }

  .manager-row-name-title{
    display:flex!important;
    align-items:flex-start!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
  }

  .manager-favorite-toggle{
    flex:0 0 26px!important;
    width:26px!important;
    height:26px!important;
    margin:0!important;
  }

  .manager-checklist-title-button{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .manager-row-context{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:6px 0 0!important;
  }

  .manager-row-context>span{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:3px 0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .manager-row-name-v2>small{
    width:100%!important;
    margin-top:5px!important;
  }

  .manager-list-row-v2>.manager-row-status{
    width:100%!important;
    padding:0 0 0 34px!important;
    margin:0!important;
    justify-self:auto!important;
  }

  .manager-list-row-v2>.manager-row-activity{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    gap:8px!important;
    margin:2px 0 0!important;
  }

  .manager-row-activity>span{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    align-items:baseline!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:10px 12px!important;
  }

  .manager-row-activity strong{
    font-size:1rem!important;
  }

  .manager-row-activity small{
    display:block!important;
    min-width:0!important;
    font-size:.64rem!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-align:left!important;
  }

  .manager-list-row-v2>.manager-row-last{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  .manager-row-last strong,
  .manager-row-last span{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .manager-list-row-v2>.manager-list-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px!important;
    width:100%!important;
    min-width:0!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
  }

  .manager-list-actions-v2 .btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .manager-list-actions-v2 .btn span{
    display:block!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .manager-row-more{
    width:46px!important;
    min-width:46px!important;
  }
}

@media(max-width:430px){
  .manager-list-row-v2{
    padding:13px 12px!important;
  }
  .manager-list-row-v2>.manager-row-select{
    top:15px!important;
    left:12px!important;
  }
  .manager-list-row-v2>.manager-row-name,
  .manager-list-row-v2>.manager-row-status{
    padding-left:32px!important;
  }
  .manager-row-activity>span{
    padding:9px 10px!important;
  }
}


/* ===== Mobile row actions popup anchored to ellipsis 2026-10-06 ===== */
@media(max-width:860px){
  .manager-row-more{
    position:relative!important;
  }
  .manager-row-more-menu{
    position:absolute!important;
    top:calc(100% + 6px)!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    width:min(240px,calc(100vw - 32px))!important;
    max-height:none!important;
    overflow:visible!important;
    z-index:5000!important;
    padding:9px!important;
    border-radius:12px!important;
  }
}


/* ===== Keep manager navigation fixed consistently across history views ===== */
body:has(.history-page) .shell{
  width:min(1440px,94vw)!important;
  margin:0 auto!important;
  padding:30px 0 72px!important;
}
.history-page>.manager-saas-nav-history{
  position:sticky;
  top:80px;
  z-index:18;
  margin:0 0 16px!important;
  background:rgba(247,249,250,.96);
  backdrop-filter:blur(10px);
}
.history-page-head-integrated{
  margin-top:0!important;
}
@media(max-width:860px){
  body:has(.history-page) .shell{
    width:100%!important;
    max-width:none!important;
    padding:14px 10px 56px!important;
  }
  .history-page>.manager-saas-nav-history{
    top:76px;
    margin-bottom:13px!important;
  }
}


/* ===== Align history header/nav with dashboard 2026-10-06 ===== */
.history-manager-hero{
  min-height:84px;
  margin-bottom:18px!important;
}
.history-manager-hero .manager-hero-copy h1{
  margin:4px 0 6px!important;
}
.history-page>.manager-saas-nav-history{
  margin-bottom:16px!important;
}


/* ===== Exact tab alignment across manager views 2026-10-06 ===== */
/* History must behave exactly like the dashboard tabs: same document flow, no special sticky offset. */
.history-page>.manager-saas-nav-history{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  margin:0 0 16px!important;
  background:#f7f9fa!important;
  backdrop-filter:none!important;
}
.history-manager-hero{
  min-height:0!important;
  margin:0 0 18px!important;
}
@media(max-width:860px){
  .history-page>.manager-saas-nav-history{
    position:static!important;
    top:auto!important;
    margin-bottom:13px!important;
  }
}


/* ===== Remove history grid offset so tabs never jump ===== */
.history-page{
  gap:0!important;
}
.history-page>.manager-saas-nav-history{
  margin:0 0 16px!important;
}
.history-page>.history-page-head-integrated{
  margin:0 0 16px!important;
}
.history-page>.history-stats{
  margin:0 0 16px!important;
}
@media(max-width:600px){
  .history-page{
    gap:0!important;
  }
  .history-page>.manager-saas-nav-history,
  .history-page>.history-page-head-integrated,
  .history-page>.history-stats{
    margin-bottom:12px!important;
  }
}


/* ===== Checklist history return affordance ===== */
.history-back-global{
  justify-self:start;
  min-height:44px;
  padding:0;
  border:0;
  background:transparent;
  color:#315f52;
  font:inherit;
  font-size:.72rem;
  font-weight:800;
  cursor:pointer;
}
.history-back-global:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}


/* ===== Simplified checklist history 2026-10-06 ===== */
.history-detail-page{gap:0!important}
.history-detail-header{
  display:grid;
  gap:10px;
  margin:0 0 16px;
}
.history-detail-title{
  display:grid;
  gap:4px;
}
.history-detail-title h1{
  margin:2px 0 0;
  font-size:clamp(1.9rem,3vw,2.55rem);
  line-height:1.05;
  letter-spacing:-.04em;
}
.history-detail-title p{
  margin:0;
  color:var(--muted);
  font-size:.84rem;
}
.history-stats-simplified{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin-bottom:16px!important;
}
.history-stats-simplified article:nth-child(2){
  border-right:1px solid #edf0f3!important;
}
.history-validation-section{
  display:grid;
  gap:12px;
}
.history-validation-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.history-validation-head h2{
  margin:3px 0 4px;
  font-size:1.2rem;
  letter-spacing:-.02em;
}
.history-validation-head p{
  margin:0;
  color:var(--muted);
  font-size:.76rem;
}
.history-filter-drawer{
  position:relative;
}
.history-filter-drawer>summary{
  list-style:none;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 13px;
  border:1px solid #dfe5e9;
  border-radius:10px;
  background:#fff;
  color:#344054;
  font-size:.72rem;
  font-weight:800;
  cursor:pointer;
}
.history-filter-drawer>summary::-webkit-details-marker{display:none}
.history-filter-drawer[open]>summary{
  border-color:#cfdad5;
  background:#f7faf9;
  color:#245346;
}
.history-filter-panel{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:40;
  width:min(680px,calc(100vw - 32px));
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  padding:14px;
  border:1px solid #dfe5e9;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 45px rgba(15,23,42,.13);
}
.history-filter-panel .history-filter-head,
.history-filter-panel .history-date-grid{
  grid-column:1/-1;
}
.history-results-simplified{
  overflow:hidden;
  border:1px solid #e2e7ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 30px rgba(15,23,42,.035);
}
.history-list-simplified{
  gap:0!important;
  margin-top:0!important;
}
.history-entry-simplified{
  border:0!important;
  border-radius:0!important;
  border-bottom:1px solid #edf0f3!important;
  padding:0!important;
  background:#fff;
}
.history-entry-simplified:last-child{border-bottom:0!important}
.history-entry-summary{
  display:grid;
  grid-template-columns:minmax(190px,1.3fr) auto minmax(150px,.8fr) auto;
  align-items:center;
  gap:14px;
  padding:14px 16px;
}
.history-entry-primary{
  display:grid;
  gap:3px;
  min-width:0;
}
.history-entry-primary time{
  color:#697586;
  font-size:.68rem;
  font-weight:700;
}
.history-entry-primary strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#263238;
  font-size:.8rem;
}
.history-entry-meta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  color:#7c8796;
  font-size:.68rem;
  font-weight:650;
}
.history-detail-toggle{
  min-height:34px;
  padding:6px 10px;
  border:1px solid #dfe5e9;
  border-radius:9px;
  background:#fff;
  color:#315f52;
  font:inherit;
  font-size:.67rem;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.history-detail-toggle:hover{background:#f7faf9}
.history-entry-details{
  display:grid;
  gap:12px;
  padding:0 16px 16px;
  border-top:1px dashed #e8ecef;
}
.history-entry-details[hidden]{display:none!important}
.history-entry-details .history-progress-block{margin-top:12px}
@media(max-width:860px){
  .history-stats-simplified{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .history-stats-simplified article{
    border-bottom:0!important;
  }
  .history-validation-head{
    align-items:flex-start;
  }
  .history-entry-summary{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "primary status"
      "meta action";
    gap:10px 12px;
  }
  .history-entry-primary{grid-area:primary}
  .history-entry-summary>.history-result-pill{grid-area:status;justify-self:end}
  .history-entry-meta{grid-area:meta}
  .history-detail-toggle{grid-area:action;justify-self:end}
}
@media(max-width:600px){
  .history-stats-simplified{
    grid-template-columns:1fr!important;
  }
  .history-stats-simplified article{
    border-right:0!important;
    border-bottom:1px solid #edf0f3!important;
  }
  .history-stats-simplified article:last-child{border-bottom:0!important}
  .history-validation-head{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:end;
  }
  .history-filter-panel{
    position:fixed;
    left:10px;
    right:10px;
    top:88px;
    width:auto;
    max-height:calc(100vh - 108px);
    overflow:auto;
    grid-template-columns:1fr;
  }
  .history-filter-panel .history-date-grid{grid-template-columns:1fr 1fr}
  .history-entry-summary{
    grid-template-columns:1fr;
    grid-template-areas:
      "primary"
      "status"
      "meta"
      "action";
    align-items:start;
  }
  .history-entry-summary>.history-result-pill,
  .history-detail-toggle{
    justify-self:start;
  }
}


/* ===== Review actions inside simplified history detail ===== */
.history-review-actions{
  display:flex;
  justify-content:flex-end;
  padding-top:2px;
}


/* ===== Operational history workflow: queues + detail drawer ===== */
.history-queue-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  overflow-x:auto;
  padding:1px 0 2px;
  scrollbar-width:none;
}
.history-queue-tabs::-webkit-scrollbar{display:none}
.history-queue-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:7px 12px;
  flex:0 0 auto;
  border:1px solid #dfe5e9;
  border-radius:999px;
  background:#fff;
  color:#667085;
  font:inherit;
  font-size:.7rem;
  font-weight:800;
  cursor:pointer;
}
.history-queue-tab span{
  display:grid;
  place-items:center;
  min-width:23px;
  height:23px;
  padding:0 6px;
  border-radius:999px;
  background:#f1f4f6;
  color:#52606d;
  font-size:.62rem;
}
.history-queue-tab:hover{border-color:#cfd8dc;background:#fafbfc}
.history-queue-tab.is-active{
  border-color:#bdd5cc;
  background:#f1f8f5;
  color:#245346;
  box-shadow:0 2px 8px rgba(20,65,50,.06);
}
.history-queue-tab.is-active span{background:#dcefe7;color:#245346}
.history-queue-tab.is-warning.is-active{
  border-color:#f0cf9b;
  background:#fff8eb;
  color:#9a5b10;
}
.history-queue-tab.is-warning.is-active span{background:#fce8c6;color:#9a5b10}
.history-queue-tab.is-treated.is-active{
  border-color:#cfd9e5;
  background:#f5f8fb;
  color:#52667f;
}
.history-queue-tab.is-treated.is-active span{background:#e7edf4;color:#52667f}

.history-operation-row{
  border-bottom:1px solid #edf0f3;
  background:#fff;
}
.history-operation-row:last-child{border-bottom:0}
.history-operation-open{
  display:grid;
  grid-template-columns:minmax(180px,1.4fr) 90px 120px 58px 18px;
  align-items:center;
  gap:14px;
  width:100%;
  min-height:66px;
  padding:11px 16px;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.history-operation-open:hover{background:#f9fbfa}
.history-operation-person{
  display:grid;
  gap:3px;
  min-width:0;
}
.history-operation-person strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#253238;
  font-size:.78rem;
}
.history-operation-person time{
  color:#7f8997;
  font-size:.64rem;
  font-weight:650;
}
.history-operation-progress{
  display:flex;
  align-items:baseline;
  gap:4px;
  color:#607080;
}
.history-operation-progress strong{font-size:.78rem;color:#344054}
.history-operation-progress span{font-size:.61rem}
.history-operation-proof{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  color:#7d8795;
  font-size:.65rem;
  font-weight:750;
}
.history-operation-proof .manager-ui-icon{width:13px;height:13px}
.history-operation-chevron{
  display:grid;
  place-items:center;
  color:#a1aab4;
}
.history-operation-chevron .manager-ui-icon{width:15px;height:15px}
.history-operation-row.is-pending,.history-operation-row.is-partial{box-shadow:inset 3px 0 0 #e7a13d}
.history-entry.is-treated{border-color:#d5dee8;background:#fbfcfe}
.history-entry.is-treated .history-progress span{background:#9dafc2}
.manager-status-pill.is-treated{border-color:#d5dee8;background:#f3f6f9;color:#52667f}
.manager-status-pill.is-unknown{background:#f3f4f6;color:#52625e}
.ui-feedback{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0 0 16px;padding:16px 18px;border:1px solid #dce5e1;border-radius:14px;background:#f8faf9;box-sizing:border-box}
.ui-feedback>div{min-width:0}
.ui-feedback strong{display:block;font-size:.95rem;line-height:1.4;color:#263c33}
.ui-feedback p{margin:5px 0 0!important;font-size:.88rem!important;line-height:1.55!important;color:#52665c;overflow-wrap:anywhere}
.ui-feedback .btn{flex-shrink:0;min-height:44px}
.ui-feedback.is-error{border-color:#f2c5be;background:#fff7f5}
.ui-feedback.is-error strong{color:#a83223}
.ui-feedback.is-warning{border-color:#ead7ae;background:#fffaf0}
.ui-feedback.is-warning strong{color:#80590e}
.ui-feedback.is-success{border-color:#bedfcf;background:#f2faf5}
.ui-feedback.is-success strong{color:#176b56}
.ui-feedback.is-loading{border-color:#dce5e1;background:#f8faf9}
.manager-kpis>.ui-feedback{grid-column:1/-1}
.editor-save-status:not(.is-saved){color:#80590e;background:#fff8e9}
.field [aria-invalid="true"]{border-color:#b42318}
@media(max-width:600px){.ui-feedback{align-items:stretch;flex-direction:column;padding:14px}.ui-feedback .btn{width:100%}}
.history-operation-row.is-treated{box-shadow:inset 3px 0 0 #9dafc2}
.history-operation-row.is-complete{box-shadow:inset 3px 0 0 #72ad95}

.history-result-pill.is-pending{
  border-color:#f1d39f;
  background:#fff8eb;
  color:#9a5b10;
}
.history-result-pill.is-treated{
  border-color:#d5dee8;
  background:#f3f6f9;
  color:#52667f;
}

body.history-drawer-open{overflow:hidden}
.history-submission-drawer{
  position:fixed;
  inset:0;
  z-index:120;
}
.history-submission-drawer[hidden]{display:none!important}
.history-drawer-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(15,23,42,.28);
  opacity:0;
  cursor:default;
  transition:opacity .18s ease;
}
.history-drawer-panel{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  width:min(500px,94vw);
  background:#fff;
  box-shadow:-18px 0 55px rgba(15,23,42,.18);
  transform:translateX(100%);
  transition:transform .2s ease;
}
.history-submission-drawer.is-open .history-drawer-backdrop{opacity:1}
.history-submission-drawer.is-open .history-drawer-panel{transform:translateX(0)}
.history-drawer-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:20px 20px 16px;
  border-bottom:1px solid #e9edf0;
}
.history-drawer-head>div{display:grid;gap:4px;min-width:0}
.history-drawer-head h2{
  margin:1px 0 0;
  color:#1f2937;
  font-size:1.35rem;
  letter-spacing:-.025em;
}
.history-drawer-head p{
  margin:0;
  color:#778291;
  font-size:.72rem;
}
.history-drawer-close{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  flex:0 0 auto;
  border:1px solid #dfe5e9;
  border-radius:10px;
  background:#fff;
  color:#52606d;
  font-size:1.25rem;
  cursor:pointer;
}
.history-drawer-close:hover{background:#f7f9fa}
.history-drawer-body{
  overflow:auto;
  display:grid;
  align-content:start;
  gap:16px;
  padding:18px 20px 28px;
}
.history-drawer-summary{
  display:grid;
  gap:10px;
  padding:15px;
  border:1px solid #e5eaed;
  border-radius:14px;
  background:#fafcfc;
}
.history-drawer-summary>.history-result-pill{justify-self:start}
.history-drawer-progress-copy{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.history-drawer-progress-copy strong{font-size:.82rem;color:#344054}
.history-drawer-progress-copy span{font-size:.68rem;color:#7b8794;font-weight:700}
.history-drawer-block{
  display:grid;
  gap:9px;
}
.history-drawer-label{
  color:#7b8795;
  font-size:.62rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.history-drawer-muted,
.history-drawer-photo-loading{
  margin:0;
  color:#8792a1;
  font-size:.72rem;
}
.history-drawer-photos{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.history-drawer-photos button,
.history-drawer-photos a{
  display:block;
  min-width:0;
  aspect-ratio:1;
  overflow:hidden;
  padding:0;
  border:1px solid #dfe5e9;
  border-radius:11px;
  background:#f6f8f9;
  cursor:pointer;
}
.history-drawer-photos img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.history-drawer-footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding:14px 20px calc(14px + env(safe-area-inset-bottom));
  border-top:1px solid #e9edf0;
  background:#fff;
}
.history-review-primary{min-height:44px}
.history-treated-note{
  display:grid;
  gap:2px;
  margin-right:auto;
}
.history-treated-note strong{font-size:.74rem;color:#52667f}
.history-treated-note span{font-size:.62rem;color:#8792a1}
.history-treated-note.is-complete strong{color:#27624f}

@media(max-width:860px){
  .history-operation-open{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "person status"
      "progress proof";
    gap:8px 12px;
    min-height:78px;
    padding:12px 13px;
  }
  .history-operation-person{grid-area:person}
  .history-operation-open>.history-result-pill{grid-area:status;justify-self:end}
  .history-operation-progress{grid-area:progress}
  .history-operation-proof{grid-area:proof;justify-self:end}
  .history-operation-chevron{display:none}
}

@media(max-width:600px){
  .history-validation-head{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  .history-validation-head p{
    max-width:250px;
    font-size:.69rem;
  }
  .history-filter-drawer>summary{
    min-height:44px;
    padding:7px 10px;
    font-size:.66rem;
  }
  .history-queue-tabs{
    margin:0 -2px;
    padding-bottom:4px;
  }
  .history-queue-tab{
    min-height:44px;
    padding:6px 10px;
    font-size:.66rem;
  }
  .history-operation-open{
    min-height:82px;
  }
  .history-operation-person strong{font-size:.8rem}
  .history-operation-person time{font-size:.63rem}
  .history-drawer-backdrop{display:none}
  .history-drawer-panel{
    position:fixed;
    inset:0;
    width:100%;
    max-width:none;
    height:100dvh;
    transform:translateY(100%);
    box-shadow:none;
  }
  .history-submission-drawer.is-open .history-drawer-panel{transform:translateY(0)}
  .history-drawer-head{
    padding:14px 15px 12px;
  }
  .history-drawer-head h2{font-size:1.18rem}
  .history-drawer-body{
    padding:15px 14px 24px;
  }
  .history-drawer-footer{
    position:sticky;
    bottom:0;
    display:grid;
    grid-template-columns:1fr;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    box-shadow:0 -8px 24px rgba(15,23,42,.06);
  }
  .history-drawer-footer .btn{
    width:100%;
    min-height:50px;
  }
  .history-treated-note{
    margin:0;
    padding:2px 0 4px;
  }
  .history-drawer-photos{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===== Shared global and checklist history workflow ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.global-history-page .history-results-simplified{
  border:0;
  border-radius:0;
  box-shadow:none;
}
.history-global-queue-head{
  display:grid;
  gap:8px;
  min-width:0;
  padding:14px 16px 12px;
  border-bottom:1px solid #e8ecf0;
}
.history-global-queue-head p{
  margin:0;
  color:#748091;
  font-size:.8125rem;
  line-height:1.5;
}
.history-global-queue-head .history-queue-tabs{padding:3px}
.global-history-page .history-operation-open{min-height:88px}
.history-operation-person .history-operation-checklist{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#253238;
  font-size:.875rem;
  line-height:1.35;
  font-weight:800;
}
.history-operation-context,
.history-operation-validator{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#748091;
  font-size:.8125rem;
  line-height:1.4;
}
.history-operation-context{color:#547164}
.history-operation-proof{white-space:nowrap}
.history-drawer-context{
  display:grid;
  gap:4px;
  margin:0;
  padding-bottom:12px;
  border-bottom:1px solid #e9edf0;
  color:#547164;
  font-size:.8125rem;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.history-drawer-context strong{
  color:#344054;
  font-size:.9rem;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.history-drawer-context p{
  margin:0;
  color:#748091;
  font-size:.72rem;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.history-drawer-checklist-link{
  justify-self:start;
  min-height:44px;
}
.history-comment p{
  min-width:0;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.history-operation-person strong{font-size:.875rem}
.history-operation-person time,
.history-operation-progress span,
.history-operation-proof,
.history-queue-tab,
.history-drawer-head p,
.history-drawer-progress-copy span,
.history-drawer-label,
.history-treated-note span{font-size:.8125rem}
.history-operation-progress strong,
.history-drawer-progress-copy strong,
.history-drawer-body .history-comment p,
.history-drawer-body .validation-step-row,
.history-drawer-body .validation-step-details summary,
.history-drawer-muted,
.history-drawer-photo-loading,
.history-treated-note strong{font-size:.875rem}
.history-operation-open .history-result-pill,
.history-drawer-summary .history-result-pill{font-size:.8125rem}
.history-drawer-head h2,
.history-drawer-head p{overflow-wrap:anywhere}
.history-drawer-footer{flex-wrap:wrap}
.history-drawer-footer>.ui-feedback{flex-basis:100%;margin-bottom:0}
.history-drawer-footer .btn,
.history-pagination .btn{min-height:44px}
.history-queue-tab:focus-visible,
.history-operation-open:focus-visible,
.history-drawer-close:focus-visible,
.history-drawer-photos button:focus-visible,
.history-drawer-photos a:focus-visible,
.history-drawer-footer .btn:focus-visible,
.history-drawer-checklist-link:focus-visible,
.history-back-global:focus-visible,
.history-filter-drawer>summary:focus-visible,
.history-pagination .btn:focus-visible{
  outline:3px solid #4e8e78;
  outline-offset:3px;
}
.history-operation-open:focus-visible{outline-offset:-4px;border-radius:6px}
.history-drawer-panel:focus-visible{outline:2px solid #4e8e78;outline-offset:-2px}
@media(min-width:861px){
  .history-operation-open{
    grid-template-columns:minmax(130px,1.4fr) 86px 106px 120px 18px;
    gap:12px;
  }
}
@media(max-width:600px){
  .history-global-queue-head{padding:12px 10px}
  .history-operation-person .history-operation-checklist{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .history-drawer-context strong{font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){
  .history-drawer-backdrop,
  .history-drawer-panel{transition:none}
}

/* ===== Lot 3: readable controls and predictable mobile layout ===== */
.topbar:has(.profile-menu){gap:12px}
.topbar:has(.profile-menu) .brand{min-width:0;flex-shrink:0}
.topbar:has(.profile-menu) .top-actions{margin-left:auto;align-items:center;min-width:0}
.topbar .profile-menu{order:1;flex:0 0 auto}
.topbar .workspace-switcher{order:2;display:flex;align-items:center;min-height:44px;border:1px solid #dbe4e0;border-radius:12px;background:#fff}
.topbar .workspace-switcher select{min-height:44px;padding-block:8px;font-size:.875rem;border:0;background:transparent;color:#174f42;font-weight:700}
.topbar .workspace-switcher:focus-within{outline:3px solid #176b56;outline-offset:3px}
.profile-trigger{min-height:44px;font-size:.875rem}
.profile-popover button{min-height:44px;font-size:.875rem;line-height:1.45}
.profile-menu-identity strong{font-size:1rem;line-height:1.4}
.profile-menu-identity small{font-size:.8125rem;line-height:1.5;color:#526176}

:is(.editor-wrap,.history-page,.manager-account-page) .btn,
.editor-wrap .icon-btn,
.editor-wrap .email-recipient-list button,
.editor-wrap .email-recipient-entry button,
.history-filter-head button{
  min-height:44px;
  font-size:.875rem;
  touch-action:manipulation;
}
.editor-wrap .icon-btn,
.editor-wrap .email-recipient-list button{min-width:44px}
:is(.editor-wrap,.history-page,.manager-account-page) :is(button,summary,a,input,select,textarea):focus-visible{
  outline:3px solid #176b56;
  outline-offset:3px;
}
.editor-wrap .field,
.editor-wrap .toggle-row{font-size:.875rem;line-height:1.5}
.editor-wrap :is(.field input,.field textarea,.field select,.item-row input,.email-recipient-entry input){
  width:100%;
  min-width:0;
  min-height:48px;
  font-size:16px;
  line-height:1.4;
}
.editor-wrap .item-row{min-width:0}
.editor-wrap .item-row input{flex:1 1 0}
.editor-wrap :is(.editor-intro p,.editor-step-title small,.editor-optional-zone-head p,.editor-disclosure-copy small,.editor-advanced-group-head small,.editor-sub-block p,.editor-planning-help,.editor-weekday-help,.email-recipient-status,.email-recipients>.small,.editor-save-cta small,.editor-qr-pending p){
  font-size:.8125rem;
  line-height:1.55;
  color:#526176;
}
.editor-wrap .editor-disclosure-copy strong{font-size:.9375rem;line-height:1.45}
.editor-wrap .editor-disclosure-state{font-size:.8125rem;line-height:1.35;white-space:normal;text-align:right}
.editor-wrap .editor-disclosure>summary{min-height:56px}
.editor-wrap .editor-weekday-picker span{min-height:44px;font-size:.8125rem}
.editor-wrap .toggle-row{min-height:48px}
.editor-wrap .toggle-row input{width:21px;height:21px;flex:0 0 auto;accent-color:#176b56}
.editor-save-status{max-width:100%;font-size:.8125rem;line-height:1.4;white-space:normal}
.editor-save-cta strong{font-size:1rem;line-height:1.4}
.editor-finish p{font-size:.875rem;line-height:1.55}
.editor-finish .editor-save-cta small{color:#526176}
.editor-phone-preview>p,.editor-preview-items>div{font-size:.8125rem;line-height:1.45}
.editor-preview-submit{font-size:.875rem;line-height:1.4}
.editor-side-head>span:last-child,.editor-qr-success small{font-size:.8125rem;line-height:1.4;color:#526176}
.editor-qr-success strong{font-size:.875rem}
.url-preview{font-size:.8125rem;line-height:1.5}

.history-filter-field>span{font-size:.8125rem;line-height:1.4;color:#526176;letter-spacing:.02em}
.history-filter-field input,.history-filter-field select{
  min-height:44px;
  font-size:16px;
  line-height:1.4;
  max-width:100%;
}
.history-filter-head button{padding:8px;border-radius:8px}
.history-stats span,.history-stats small,.history-results-head span,.history-result-help,
.history-filter-drawer>summary,.history-validation-head p{
  font-size:.8125rem;
  line-height:1.5;
  color:#526176;
}
.history-result-help{white-space:normal;text-align:right}
.history-operation-person time,.history-operation-context,.history-operation-validator,
.history-operation-progress span,.history-drawer-progress-copy span,.history-treated-note span,
.history-drawer-muted,.history-drawer-photo-loading,.history-drawer-context p{
  color:#526176;
}
.history-comment p{color:#475467}
.history-operation-proof{color:#475467}
.history-drawer-context p{font-size:.8125rem}
.history-stats article{min-width:0}

.manager-account-page :is(.manager-account-page-head p,.manager-account-label>span:last-child,.manager-subscription-copy p,.manager-support-head p,.manager-support-card p,.manager-support-faq p,.manager-push-settings p){
  font-size:.875rem;
  line-height:1.55;
  color:#526176;
}
.manager-account-page :is(.manager-support-card strong,.manager-support-faq summary){font-size:.9375rem;line-height:1.5}
.manager-support-faq summary{display:flex;align-items:center;min-height:48px}
.profile-identity p{font-size:1rem;line-height:1.5;color:#526176}
.favorite-workspace-settings .field{font-size:.875rem;line-height:1.5}
.favorite-workspace-settings select{min-height:48px;font-size:16px}
.manager-push-settings-copy{min-width:0;overflow-wrap:anywhere}
.manager-push-settings-actions .btn{min-height:48px;font-size:.9375rem}

#publicProgress{
  display:grid;
  gap:10px;
  padding:14px 16px;
  border:1px solid #dce6e1;
  border-radius:14px;
  background:#f7faf8;
  color:#344054;
  font-size:.9375rem;
  line-height:1.45;
}
#publicProgress strong{font-size:1rem}
#publicProgress p{margin:0;color:#526176;font-size:.875rem;line-height:1.5}
.public-progress-bar{height:8px;overflow:hidden;border-radius:999px;background:#e1e8e4}
.public-progress-bar>span{display:block;height:100%;border-radius:inherit;background:#176b56;transition:width .18s ease}
.public-item span{min-width:0;overflow-wrap:anywhere}
.public-item.is-unchecked{border-color:#d6a263;background:#fffaf1}
.public-item.is-unchecked span{color:#7a4515}
#publicPartialConfirmation{
  padding:18px;
  border:1px solid #d6a263;
  border-radius:16px;
  background:#fffaf1;
  color:#633b16;
  scroll-margin-top:88px;
}
#publicPartialConfirmation h2{margin:0 0 8px;font-size:1.125rem;line-height:1.4;color:#633b16}
#publicPartialConfirmation p{margin:0 0 12px;font-size:.9375rem;line-height:1.55;overflow-wrap:anywhere}
#publicPartialConfirmation :is([data-confirm-partial],[data-cancel-partial]){min-height:48px;white-space:normal;font-size:.9375rem;line-height:1.4}
.public-card :is(button,label,input,textarea):focus-visible{outline:3px solid #176b56;outline-offset:3px}

@media(max-width:760px){
  .topbar:has(.profile-menu){height:68px;padding-inline:12px;gap:10px}
  .topbar:has(.profile-menu) .brand>span:last-child{display:none}
  .topbar:has(.profile-menu) .top-actions{flex:1 1 auto;justify-content:flex-end;gap:8px}
  .topbar .profile-menu{position:static}
  .topbar .profile-trigger-name{display:none}
  .topbar .profile-trigger{min-width:44px;min-height:44px;padding:5px 7px;gap:4px}
  .topbar .profile-avatar{width:28px;height:28px}
  .topbar .workspace-switcher{padding:0 6px;min-height:44px;max-width:min(240px,calc(100vw - 128px));flex:0 1 240px}
  .topbar .workspace-switcher span{display:none}
  .topbar .workspace-switcher select{width:100%;max-width:100%;min-width:0;min-height:44px;font-size:.875rem}
  .topbar .profile-popover{position:absolute;right:12px;left:auto;top:calc(100% + 8px);width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain}
  .editor-head{position:sticky;top:68px;z-index:18;display:grid;grid-template-columns:minmax(70px,1fr) auto auto;grid-template-areas:"back save archive" "status status status";gap:8px;align-items:center;padding:10px 0;background:var(--bg);border-bottom:1px solid #dce6e1}
  .editor-head>[data-action="back-dashboard"]{max-width:100%;white-space:normal;line-height:1.4;text-align:left}
  .editor-head>[data-action="back-dashboard"]{grid-area:back;justify-self:start}
  .editor-head-meta{display:contents}
  .editor-head-meta .editor-save-status{grid-area:status;justify-self:start}
  .editor-head-meta [data-action="archive-checklist"]{grid-area:archive}
  .editor-quick-save{grid-area:save;min-height:44px}
  .editor-wrap :is(input,textarea,select,summary){scroll-margin-top:200px}
  .editor-wrap{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
  .editor-finish{padding:18px;gap:14px}
  .editor-save-cta{min-height:64px;padding:12px 14px}
  .editor-disclosure-copy{min-width:0}
  .editor-wrap .editor-disclosure-state{max-width:120px}
  .history-filters,.history-filter-panel{min-width:0}
  .history-date-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .history-search-wrap{min-width:0}
  .history-results-head{align-items:flex-start;flex-wrap:wrap}
  .history-result-help{text-align:left}
  .history-validation-head{grid-template-columns:minmax(0,1fr) auto!important}
  .history-validation-head p{font-size:.875rem;line-height:1.5}
  .history-filter-drawer>summary{font-size:.875rem;min-height:44px}
  .history-queue-tab{min-height:44px;font-size:.875rem}
  .history-operation-person strong{font-size:.9375rem}
  .history-operation-person time{font-size:.8125rem;line-height:1.5}
  .manager-account-page{min-width:0;padding:18px}
  .manager-account-page-head h2{font-size:1.35rem;line-height:1.3}
  .manager-account-page :is(.profile-identity,.favorite-workspace-settings,.manager-push-settings){padding:18px}
  .manager-support-card{padding:14px}
  #publicPartialConfirmation :is([data-confirm-partial],[data-cancel-partial]){width:100%;margin-top:8px}
}

@media(max-width:420px){
  .topbar:has(.profile-menu){padding-inline:10px;gap:8px}
  .topbar:has(.profile-menu) .top-actions{gap:6px}
  .topbar .workspace-switcher{max-width:calc(100vw - 116px)}
  .editor-wrap .editor-disclosure>summary{grid-template-columns:28px minmax(0,1fr) 12px;gap:9px}
  .editor-wrap .editor-disclosure-state{grid-column:2;grid-row:2;max-width:none;text-align:left;justify-self:start}
  .editor-wrap .editor-disclosure-chevron{grid-column:3;grid-row:1 / 3}
  .editor-wrap .editor-disclosure-body{padding-inline:12px}
  .editor-wrap .item-row{gap:6px}
  .editor-wrap .item-index{width:25px;font-size:.8125rem}
  .history-date-grid{grid-template-columns:minmax(0,1fr)}
  .history-filter-panel .history-date-grid{grid-template-columns:minmax(0,1fr)}
  .history-validation-head{grid-template-columns:minmax(0,1fr)!important}
  .history-filter-drawer{justify-self:start}
}

@media(prefers-reduced-motion:reduce){.public-progress-bar>span{transition:none}}

/* On a short viewport, let the whole report scroll instead of squeezing the
   steps between a large heading and footer (especially with enlarged text). */
@media(max-height:500px){
  .history-drawer-panel{display:block;overflow-y:auto;overscroll-behavior:contain}
  .history-drawer-body{overflow:visible}
  .history-drawer-footer{position:static;flex-direction:column;align-items:stretch}
  .history-drawer-footer .btn{width:100%}
}



/* Priorités opérationnelles : agir sans ouvrir la configuration */
.manager-action-item-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.manager-action-item-actions .btn-primary{white-space:nowrap}
@media(max-width:640px){
  .manager-action-item-actions{width:100%;justify-content:stretch}
  .manager-action-item-actions .manager-action-btn{flex:1;justify-content:center;min-height:42px}
  .manager-action-item.is-attention .manager-action-item-actions .btn-primary{order:-1}
}

.editor-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.editor-contact-card{border:1px solid #e6ebe9;border-radius:14px;padding:14px;background:#fbfcfc;display:grid;gap:11px}
.editor-contact-card-head{display:grid;gap:3px}
.editor-contact-card-head strong{font-size:.82rem;color:#1f302b}
.editor-contact-card-head small{font-size:.67rem;color:#71817c;line-height:1.4}
@media(max-width:760px){.editor-contact-grid{grid-template-columns:1fr}.editor-contact-card{padding:12px}}


/* Actions de relance depuis les priorités opérationnelles */
.manager-action-contacts{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px;color:#71817c;font-size:.62rem}
.manager-action-contacts>span{display:inline-flex;align-items:center;gap:4px}
.manager-action-contacts .manager-ui-icon{width:12px;height:12px}
.manager-action-no-contact{font-size:.64rem;color:#8b9692;padding:7px 2px}
.manager-contact-actions-panel{grid-column:1/-1;margin:8px 0 1px 44px;padding:12px;border:1px solid #dfe7e4;border-radius:12px;background:#f9fbfa}
.manager-contact-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.manager-contact-panel-head>div{display:grid;gap:2px}
.manager-contact-panel-head strong{font-size:.76rem;color:#22332e}
.manager-contact-panel-head span{font-size:.65rem;color:#71817c}
.manager-contact-panel-close{appearance:none;border:0;background:transparent;color:#73807c;font-size:1.25rem;line-height:1;cursor:pointer;padding:0 3px}
.manager-contact-actions-panel p{margin:8px 0 10px;color:#53645f;font-size:.67rem;line-height:1.45}
.manager-contact-panel-actions{display:flex;gap:7px;flex-wrap:wrap}
.manager-contact-panel-actions .btn{display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.manager-contact-panel-actions .manager-ui-icon{width:14px;height:14px}
@media(max-width:640px){
  .manager-action-item-actions{display:grid;grid-template-columns:1fr 1fr}
  .manager-action-item-actions .manager-action-btn{width:100%}
  .manager-action-item-actions .manager-action-no-contact{grid-column:1/-1}
  .manager-contact-actions-panel{margin:8px 0 0;grid-column:1/-1}
  .manager-contact-panel-actions{display:grid;grid-template-columns:1fr 1fr}
  .manager-contact-panel-actions .btn{justify-content:center;min-height:40px}
}


/* Journal partagé des relances et notes opérationnelles */
.manager-action-followup-summary{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:6px;padding-top:6px;border-top:1px dashed #e1e7e4;color:#667872;font-size:.62rem;line-height:1.4}
.manager-action-followup-summary .manager-ui-icon{width:12px;height:12px;flex:0 0 auto}
.manager-action-followup-summary strong{color:#40554f}
.manager-followup-compose{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid #e4e9e7}
.manager-followup-compose label{display:grid;gap:5px;color:#465b55;font-size:.65rem;font-weight:700}
.manager-followup-compose label>span{font-weight:500;color:#8a9692}
.manager-followup-compose select,.manager-followup-compose textarea{width:100%;border:1px solid #d8e0dd;border-radius:9px;background:#fff;padding:8px 9px;font:inherit;color:#253731}
.manager-followup-compose textarea{resize:vertical;min-height:72px;line-height:1.4}
.manager-followup-compose .btn{justify-self:start}
.manager-followup-section{margin-top:12px;padding-top:10px;border-top:1px solid #e4e9e7}
.manager-followup-section-title{font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#81908b;margin-bottom:6px}
.manager-followup-history{display:grid;gap:6px}
.manager-followup-history article{padding:8px 9px;border-radius:9px;background:#fff;border:1px solid #e6ebe9}
.manager-followup-history article>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.manager-followup-history strong{font-size:.66rem;color:#31453f}
.manager-followup-history span{font-size:.59rem;color:#85918d}
.manager-followup-history p{margin:5px 0 0;font-size:.64rem;color:#596a65;line-height:1.4}
.manager-followup-empty{font-size:.63rem;color:#899590;padding:5px 0}
.manager-contact-suggested{background:#fff;border:1px solid #e7ecea;border-radius:9px;padding:9px!important}
@media(max-width:640px){
  .manager-followup-compose .btn{width:100%;justify-content:center;min-height:42px}
  .manager-followup-history article>div{display:grid;gap:2px}
}




/* Followup audit UX 2026-10-07 */
.manager-contact-launch-status{
  margin-top:8px;
  padding:8px 10px;
  border:1px solid #d9e6e0;
  border-radius:9px;
  background:#f2f8f5;
  color:#426357;
  font-size:.63rem;
  font-weight:700;
  line-height:1.4;
}
.manager-contact-launch-status[hidden]{display:none}
.manager-followup-history article.is-responsible-relaunch{border-left:3px solid #6f8f83}
.manager-followup-history article.is-client-notified{border-left:3px solid #6c86a4}
.manager-followup-history article.is-note{border-left:3px solid #a58b5e}
.manager-followup-history article.is-note-correction{border-left:3px solid #7d70a6;background:#fbfaff}
.manager-followup-history article.is-note-cancelled{border-left:3px solid #9aa3a0;background:#f7f8f8}
.manager-followup-history article.is-superseded>p,
.manager-followup-history article.is-cancelled>p{
  text-decoration:line-through;
  opacity:.62;
}
.manager-followup-amendment-state{
  display:block;
  margin-top:5px;
  color:#7a8782;
  font-size:.58rem;
  font-style:italic;
}
.manager-followup-row-actions{
  display:flex;
  gap:8px;
  margin-top:7px;
}
.manager-followup-row-actions button,
.manager-resolution-quick button,
.history-resolution-quick button{
  border:1px solid #dce4e1;
  border-radius:8px;
  background:#fff;
  color:#53665f;
  padding:5px 8px;
  font:inherit;
  font-size:.59rem;
  font-weight:700;
  cursor:pointer;
}
.manager-followup-row-actions button:hover,
.manager-resolution-quick button:hover,
.history-resolution-quick button:hover{background:#f4f8f6}
.manager-followup-empty.is-error{
  color:#9a4b39;
  font-weight:700;
}
.manager-resolution-quick,
.history-resolution-quick{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin:10px 0 2px;
}
.history-resolution-compose{
  display:grid;
  gap:8px;
  width:100%;
}
.history-resolution-compose label{
  display:grid;
  gap:5px;
  color:#465b55;
  font-size:.65rem;
  font-weight:700;
}
.history-resolution-compose label>span{color:#8a9692;font-weight:500}
.history-resolution-compose textarea{
  width:100%;
  min-height:66px;
  resize:vertical;
  border:1px solid #d8e0dd;
  border-radius:9px;
  padding:8px 9px;
  background:#fff;
  color:#253731;
  font:inherit;
  line-height:1.4;
}
.history-resolution-compose textarea[aria-invalid="true"],
.manager-followup-compose textarea[aria-invalid="true"]{
  border-color:#b94d4d;
  box-shadow:0 0 0 2px rgba(185,77,77,.08);
}
@media(max-width:640px){
  .manager-resolution-quick,
  .history-resolution-quick{display:grid;grid-template-columns:1fr 1fr}
  .manager-followup-row-actions{display:grid;grid-template-columns:1fr 1fr}
}


/* ===== Manager readability refresh 2026-10-07 ===== */

/*
  Espace responsable : lisibilité et confort d'utilisation.
  Cette couche est volontairement limitée aux composants manager afin de ne
  modifier ni la landing page ni les écrans publics de validation.
*/

.shell:has(.manager-workspace),
.shell:has(.manager-action-center){
  width:min(1520px,96vw);
  padding-top:34px;
}

.manager-hero{
  align-items:center;
  gap:32px;
  margin-bottom:24px;
}
.manager-hero-copy .eyebrow{
  font-size:.78rem;
  letter-spacing:.075em;
}
.manager-hero-copy h1{
  margin:7px 0 9px;
  font-size:clamp(2.35rem,3.25vw,3rem);
  line-height:1.04;
}
.manager-hero-copy p{
  max-width:760px;
  font-size:1rem;
  line-height:1.55;
}
.manager-hero-actions{gap:12px}
.manager-hero-actions .btn{
  min-height:48px;
  padding:10px 16px;
  border-radius:12px;
  font-size:.88rem;
}

.manager-saas-nav{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 0 20px;
  padding:6px;
  border:1px solid #dfe5e9;
  border-radius:14px;
  background:#f7f9f8;
}
.manager-saas-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:9px 15px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#5c6875;
  font-size:.86rem;
  font-weight:700;
  cursor:pointer;
}
.manager-saas-tab .manager-static-icon{width:18px;height:18px}
.manager-saas-tab:hover{background:#fff;color:#23332e}
.manager-saas-tab.is-active{
  background:#fff;
  color:#173f34;
  box-shadow:0 1px 3px rgba(15,23,42,.08),0 0 0 1px #d9e2de;
}

.manager-kpi-shell{
  margin-bottom:20px;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(15,23,42,.045);
}
.manager-kpi{
  min-height:112px;
  padding:22px 24px;
}
.manager-kpi>span{
  margin-bottom:9px;
  font-size:.76rem;
  letter-spacing:.055em;
}
.manager-kpi>strong{
  font-size:2rem;
  line-height:1;
}
.manager-kpi>small{
  margin-top:8px;
  font-size:.78rem;
  line-height:1.4;
}

.manager-action-center{
  margin-bottom:20px;
  padding:24px;
  border:1px solid #dfe5e9;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 30px rgba(15,23,42,.045);
}
.manager-action-center-head{
  gap:20px;
  margin-bottom:18px;
}
.manager-action-center-head .eyebrow{font-size:.75rem}
.manager-action-center-head h2{
  margin:5px 0 6px;
  font-size:1.42rem;
  line-height:1.2;
}
.manager-action-center-head p{
  margin:0;
  font-size:.9rem;
  line-height:1.5;
}
.manager-action-center-summary{gap:10px}
.manager-action-center-list{gap:10px}
.manager-action-center .btn{
  min-height:40px;
  padding:8px 12px;
  font-size:.79rem;
}

.manager-workspace{
  grid-template-columns:270px minmax(0,1fr);
  border-radius:20px;
  box-shadow:0 18px 54px rgba(15,23,42,.06);
}
.manager-folder-sidebar{
  padding:20px 14px 16px;
}
.manager-folder-sidebar-head{
  padding:3px 7px 16px;
}
.manager-folder-sidebar-head .eyebrow{font-size:.68rem}
.manager-folder-sidebar-head strong{font-size:1rem}
.manager-folder-manage-button{
  min-height:36px;
  padding:7px 11px;
  font-size:.72rem;
}
.manager-folder-nav{gap:5px}
.manager-folder-link{
  min-height:43px;
  padding:7px 10px;
  border-radius:10px;
}
.manager-folder-link-label{font-size:.84rem}
.manager-folder-link strong,
.manager-folder-tree-link strong{
  min-width:26px;
  padding:3px 7px;
  font-size:.66rem;
}
.manager-folder-nav-separator span{font-size:.66rem}
.manager-folder-tree-node{
  grid-template-columns:22px minmax(0,1fr);
  padding-left:calc(var(--folder-depth,0) * 14px);
}
.manager-folder-toggle,
.manager-folder-toggle-spacer{
  width:22px;
  height:36px;
}
.manager-folder-tree-link{
  min-height:40px;
  padding:7px 9px;
}
.manager-folder-tree-link>span:nth-child(2){font-size:.82rem}
.manager-new-folder-button{
  min-height:42px;
  padding:9px 11px;
  font-size:.78rem;
}
.manager-folder-sidebar-foot{
  font-size:.76rem;
  line-height:1.5;
}

.manager-table-toolbar{
  padding:18px 18px 16px;
}
.manager-view-kicker{font-size:.66rem}
.manager-view-context-copy strong{font-size:1rem}
.manager-view-context-copy>span:last-child{font-size:.76rem}
.manager-reset-view{font-size:.75rem}
.manager-search-wrap input{
  min-height:44px;
  padding-top:9px;
  padding-bottom:9px;
  font-size:.86rem;
}
.manager-filter-chip{
  min-height:38px;
  padding:7px 12px;
  border-radius:999px;
  font-size:.76rem;
}
.manager-filter-control>span,
.manager-page-size>span{
  font-size:.67rem;
}
.manager-filter-control select,
.manager-page-size select{
  min-height:39px;
  font-size:.76rem;
}
.manager-toolbar-meta,
.checklist-result-count{
  font-size:.76rem;
}
.manager-mobile-folder-manage{font-size:.76rem}

.manager-bulk-bar{
  padding:12px 16px;
}
.manager-bulk-copy strong{font-size:.84rem}
.manager-bulk-copy span{font-size:.74rem}
.manager-bulk-folder select{
  min-height:38px;
  font-size:.75rem;
}
.manager-bulk-bar .btn{
  min-height:38px;
  padding:7px 10px;
  font-size:.73rem;
}

/* Tableau : davantage d'air et des informations réellement lisibles. */
.manager-list-header,
.manager-list-row{
  grid-template-columns:
    34px
    minmax(210px,1.5fr)
    minmax(165px,1fr)
    92px
    78px
    78px
    minmax(155px,.95fr)
    64px
    210px;
  column-gap:12px;
}
.manager-list-header{
  min-height:48px;
  padding:0 18px;
  font-size:.68rem;
  letter-spacing:.045em;
}
.manager-list-row{
  min-height:78px;
  padding:11px 18px;
}
.manager-row-select input{
  width:18px;
  height:18px;
}
.manager-sort-button{font-size:.68rem}
.manager-sort-button span{font-size:.72rem}
.manager-row-name{gap:5px}
.manager-row-name strong{
  font-size:.9rem;
  line-height:1.3;
}
.manager-row-name small{
  font-size:.73rem;
  line-height:1.35;
}
.manager-attention-dot{
  padding:3px 7px;
  font-size:.61rem;
}
.manager-row-status .pill{
  padding:6px 9px;
  font-size:.68rem;
}
.manager-row-metric strong{font-size:.86rem}
.manager-row-metric span{font-size:.66rem}
.manager-row-last strong{font-size:.77rem}
.manager-row-last span{font-size:.69rem}
.manager-row-folder .manager-folder-field select{
  min-height:38px;
  padding:6px 26px 6px 29px;
  font-size:.74rem;
}
.manager-folder-field-icon{left:9px;font-size:.68rem}
.manager-folder-field-chevron{right:9px;font-size:.75rem}
.manager-folder-create-inline{
  min-height:38px;
  padding:7px 10px;
  font-size:.73rem;
}
.manager-list-actions{
  gap:7px;
}
.manager-list-actions .btn{
  min-height:38px;
  padding:7px 10px;
  border-radius:9px;
  font-size:.72rem;
}
.manager-pagination{
  min-height:58px;
  font-size:.76rem;
}
.manager-pagination .btn{min-height:38px}

.manager-insights{
  gap:18px;
  margin-top:20px;
}
.manager-insight-card{
  padding:22px 24px;
  border-radius:18px;
}
.manager-panel-head{
  margin-bottom:14px;
}
.manager-panel-head .eyebrow{font-size:.7rem}
.manager-panel-head h2{
  margin-top:5px;
  font-size:1.18rem;
}
.manager-live-pill{
  padding:6px 10px;
  font-size:.69rem;
}
.activity-row{
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:12px;
  padding:14px 0;
}
.activity-status{
  width:34px;
  height:34px;
  border-radius:10px;
  font-size:.8rem;
}
.activity-main{gap:4px}
.activity-main strong{font-size:.88rem}
.activity-main small,
.activity-meta{font-size:.74rem}
.manager-overview-line{
  gap:5px;
  padding:13px 0;
}
.manager-overview-line span{font-size:.73rem}
.manager-overview-line strong{
  font-size:.86rem;
  line-height:1.45;
}
.manager-empty{
  padding:30px 6px;
  font-size:.84rem;
}

.manager-account-zone{margin-top:20px}
.manager-account-page-head h2{font-size:1.55rem}
.manager-account-page-head p{font-size:.9rem;line-height:1.55}
.manager-support-head h2{font-size:1.35rem}
.manager-support-head p{font-size:.86rem;line-height:1.55}
.manager-support-card strong{font-size:.88rem}
.manager-support-card p{font-size:.79rem;line-height:1.55}
.manager-support-faq summary{font-size:.88rem}
.manager-support-faq p{font-size:.8rem;line-height:1.6}

.manager-folder-drawer{
  width:min(500px,calc(100vw - 28px));
  padding:24px;
}
.manager-folder-drawer-head h2{font-size:1.35rem}
.manager-folder-drawer-head p{font-size:.8rem}
.manager-drawer-close{
  width:38px;
  height:38px;
}
.manager-folder-create-fields label>span,
.manager-folder-tree-fields label>span{font-size:.64rem}
.manager-folder-create-fields input,
.manager-folder-create-fields select,
.manager-folder-tree-fields input,
.manager-folder-tree-fields select{
  min-height:42px;
  font-size:.78rem;
}
.manager-folder-tree-edit-actions>span{font-size:.69rem}
.manager-folder-tree-edit-actions .btn{
  min-height:36px;
  padding:7px 9px;
  font-size:.68rem;
}
.manager-folder-unfiled{font-size:.8rem}

/* L'interface reste compacte quand la largeur disponible l'impose, sans
   revenir aux micro-tailles de l'ancienne version. */
@container operations (max-width:1100px){
  .manager-list-header,
  .manager-list-row{
    grid-template-columns:
      32px
      minmax(190px,1.5fr)
      minmax(150px,1fr)
      86px
      minmax(145px,1fr)
      195px;
  }
}
@container operations (max-width:760px){
  .manager-list-header,
  .manager-list-row{
    grid-template-columns:
      32px
      minmax(185px,1.45fr)
      minmax(145px,1fr)
      84px
      188px;
  }
}

@media(max-width:860px){
  .shell:has(.manager-workspace),
  .shell:has(.manager-action-center){
    width:min(760px,94vw);
    padding-top:22px;
  }
  .manager-hero{
    gap:18px;
    margin-bottom:18px;
  }
  .manager-hero-copy h1{font-size:2.15rem}
  .manager-hero-copy p{font-size:.92rem}
  .manager-hero-actions .btn{
    min-height:44px;
    padding:9px 13px;
    font-size:.8rem;
  }
  .manager-saas-nav{
    overflow-x:auto;
    justify-content:flex-start;
    padding:5px;
    scrollbar-width:none;
  }
  .manager-saas-nav::-webkit-scrollbar{display:none}
  .manager-saas-tab{
    flex:0 0 auto;
    min-height:42px;
    padding:8px 12px;
    font-size:.8rem;
  }
  .manager-kpi{min-height:102px;padding:18px}
  .manager-kpi>span{font-size:.7rem}
  .manager-kpi>strong{font-size:1.75rem}
  .manager-kpi>small{font-size:.72rem}
  .manager-action-center{padding:18px}
  .manager-action-center-head h2{font-size:1.25rem}
  .manager-table-toolbar{padding:15px}
  .manager-filter-chip{
    min-height:37px;
    font-size:.74rem;
  }
  .manager-list-row{min-height:76px}
  .manager-list-actions .btn{min-height:38px;font-size:.72rem}
  .manager-insight-card{padding:19px}
}

@media(max-width:620px){
  .shell:has(.manager-workspace),
  .shell:has(.manager-action-center){
    width:100%;
    padding:16px 12px 56px;
  }
  .manager-hero{
    display:grid;
    gap:14px;
  }
  .manager-hero-copy h1{
    margin-top:5px;
    font-size:1.9rem;
  }
  .manager-hero-copy p{
    font-size:.9rem;
    line-height:1.5;
  }
  .manager-hero-actions{
    width:100%;
  }
  .manager-hero-actions .btn{
    flex:1 1 auto;
    min-height:46px;
  }
  .manager-saas-nav{
    margin-bottom:16px;
    border-radius:12px;
  }
  .manager-saas-tab{
    min-height:44px;
    font-size:.78rem;
  }
  .manager-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .manager-kpi{
    min-height:102px;
    padding:17px;
    border-bottom:1px solid #edf0f3!important;
  }
  .manager-kpi:nth-child(2){border-right:0!important}
  .manager-kpi:nth-last-child(-n+2){border-bottom:0!important}
  .manager-kpi>span{font-size:.69rem}
  .manager-kpi>strong{font-size:1.7rem}
  .manager-kpi>small{font-size:.7rem}
  .manager-action-center{
    padding:16px;
    border-radius:16px;
  }
  .manager-action-center-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .manager-action-center-head h2{font-size:1.2rem}
  .manager-action-center-head p{font-size:.84rem}
  .manager-action-center-head .btn{width:100%}
  .manager-table-toolbar{
    padding:14px 12px;
  }
  .manager-search-wrap input{
    min-height:46px;
    font-size:.88rem;
  }
  .manager-filter-chip{
    min-height:40px;
    padding:8px 12px;
    font-size:.76rem;
  }
  .manager-filter-control select{min-height:44px;font-size:.78rem}
  .manager-list-row{
    padding-top:13px;
    padding-bottom:13px;
  }
  .manager-row-name strong{font-size:.92rem}
  .manager-row-name small{font-size:.75rem}
  .manager-row-status .pill{font-size:.7rem}
  .manager-list-actions .btn{
    min-height:40px;
    padding:8px 10px;
    font-size:.74rem;
  }
  .manager-insights{
    grid-template-columns:1fr;
    gap:12px;
  }
  .manager-insight-card{
    padding:18px 16px;
    border-radius:16px;
  }
  .activity-main strong{font-size:.9rem}
  .activity-main small,
  .activity-meta{font-size:.75rem}
}


/* ===== Manager/history fixed frame 2026-10-07 ===== */
/*
  Vue d'ensemble et Historique doivent occuper exactement le même cadre.
  Plusieurs anciennes règles history utilisaient 1440px / 94vw et des marges
  spécifiques, ce qui provoquait un saut horizontal et vertical au changement
  d'onglet.
*/
.shell:has(.manager-workspace),
.shell:has(.manager-action-center),
body:has(.history-page) .shell{
  width:min(1520px,96vw)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:34px 0 72px!important;
}

/* Même empreinte de l'en-tête principal avant la navigation. */
.manager-hero,
.history-manager-hero{
  min-height:96px!important;
  margin:0 0 24px!important;
  align-items:center!important;
}

/* Même position et même espacement de la barre Vue d'ensemble / Checklists / Historique. */
.manager-saas-nav,
.history-page>.manager-saas-nav-history{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  width:100%!important;
  margin:0 0 20px!important;
  background:#f7f9f8!important;
  backdrop-filter:none!important;
  box-sizing:border-box;
}

/* Evite qu'une vue ajoute un décalage de grille au-dessus de son contenu. */
.history-page,
.history-detail-page,
.global-history-page{
  gap:0!important;
}
.global-history-page>.history-stats,
.history-detail-page>.history-detail-header,
.history-detail-page>.history-stats{
  margin-top:0!important;
}

/* Le contenu des vues démarre sur la même ligne gauche que la navigation. */
.history-page>.manager-hero,
.history-page>.manager-saas-nav-history,
.history-page>.history-stats,
.history-page>.history-workspace,
.history-page>.history-detail-header,
.history-page>.history-validation-section{
  width:100%;
  box-sizing:border-box;
}

@media(max-width:860px){
  .shell:has(.manager-workspace),
  .shell:has(.manager-action-center),
  body:has(.history-page) .shell{
    width:min(760px,94vw)!important;
    padding:22px 0 56px!important;
  }
  .manager-hero,
  .history-manager-hero{
    min-height:0!important;
    margin-bottom:18px!important;
  }
  .manager-saas-nav,
  .history-page>.manager-saas-nav-history{
    margin-bottom:16px!important;
  }
}

@media(max-width:620px){
  .shell:has(.manager-workspace),
  .shell:has(.manager-action-center),
  body:has(.history-page) .shell{
    width:100%!important;
    padding:16px 12px 56px!important;
  }
  .manager-hero,
  .history-manager-hero{
    margin-bottom:14px!important;
  }
  .manager-saas-nav,
  .history-page>.manager-saas-nav-history{
    margin-bottom:16px!important;
  }
}


/* ===== Premium status visual 2026-10-07 ===== */
/*
  One status language across the manager UI:
  slim vertical accent + icon + label.
  Backgrounds stay almost neutral; color is reserved for the semantic accent.
*/

.manager-status-pill,
.manager-action-priority-pill,
.history-result-pill{
  --status-accent:#64748b;
  --status-ink:#475569;
  --status-soft:#f8fafc;
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  min-height:32px;
  padding:6px 10px 6px 13px!important;
  border:0!important;
  border-radius:8px!important;
  background:var(--status-soft)!important;
  color:var(--status-ink)!important;
  box-shadow:none!important;
  font-size:.76rem!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap;
}

.manager-status-pill::before,
.manager-action-priority-pill::before,
.history-result-pill::before{
  content:"";
  position:absolute;
  top:5px;
  bottom:5px;
  left:0;
  width:3px;
  border-radius:999px;
  background:var(--status-accent);
}

.manager-status-pill .manager-ui-icon,
.manager-action-priority-pill .manager-ui-icon,
.history-result-pill .manager-ui-icon{
  flex:0 0 auto;
  width:15px!important;
  height:15px!important;
  color:var(--status-accent)!important;
  stroke-width:2!important;
}

/* Conforme */
.manager-status-pill.is-complete,
.manager-status-pill.is-ok,
.history-result-pill.is-complete{
  --status-accent:#2f7d63;
  --status-ink:#245f4d;
  --status-soft:#f5faf7;
}

/* Traitée */
.history-result-pill.is-treated,
.manager-status-pill.is-treated,
.manager-action-priority-pill.is-treated{
  --status-accent:#3f7f7a;
  --status-ink:#2f625e;
  --status-soft:#f4f9f8;
}

/* À vérifier */
.manager-status-pill.is-attention,
.manager-status-pill.is-partial,
.history-result-pill.is-partial,
.manager-action-priority-pill.is-attention{
  --status-accent:#c27a1a;
  --status-ink:#8f5b17;
  --status-soft:#fffaf3;
}

/* En retard */
.manager-status-pill.is-late,
.manager-action-priority-pill.is-late{
  --status-accent:#bf4f4a;
  --status-ink:#923d39;
  --status-soft:#fff7f6;
}

/* À faire / en attente */
.manager-status-pill.is-pending,
.manager-status-pill.is-today,
.manager-action-priority-pill.is-pending{
  --status-accent:#68788b;
  --status-ink:#4f5e70;
  --status-soft:#f7f9fb;
}

/* En pause / inactif */
.manager-status-pill.is-paused,
.manager-status-pill.is-inactive{
  --status-accent:#929aa6;
  --status-ink:#68717e;
  --status-soft:#f8f9fa;
}

/* Operational priorities: keep status elegant, not badge-heavy. */
.manager-action-priority-pill{
  margin-left:auto;
  flex:0 0 auto;
}
.manager-action-item-title{
  align-items:center;
  gap:10px;
}
.manager-action-item-title>strong{
  min-width:0;
}

/* The action item itself uses a neutral border: status is communicated by
   the dedicated status component rather than a thick colored card edge. */
.manager-action-item,
.manager-action-item.is-late,
.manager-action-item.is-attention,
.manager-action-item.is-pending{
  border-left-width:1px;
  border-left-color:#e8ecef;
}

/* Checklist table status column */
.manager-row-status{
  display:flex;
  align-items:center;
}
.manager-row-status .manager-status-pill{
  min-height:34px;
}

/* History rows and drawer */
.history-operation-open .history-result-pill{
  justify-self:start;
}
.history-drawer-summary .history-result-pill{
  min-height:36px;
  font-size:.8rem!important;
}

/* Avoid the old rounded "badge" feeling if generic pill styles win elsewhere. */
:is(.manager-status-pill,.manager-action-priority-pill,.history-result-pill):hover{
  filter:none;
  transform:none;
}

@media(max-width:620px){
  .manager-status-pill,
  .manager-action-priority-pill,
  .history-result-pill{
    min-height:34px;
    padding:7px 9px 7px 12px!important;
    font-size:.75rem!important;
  }
  .manager-status-pill::before,
  .manager-action-priority-pill::before,
  .history-result-pill::before{
    top:6px;
    bottom:6px;
  }
}


/* ===== Priority center redesign 2026-10-07 ===== */
/* Inspired by modern operational SaaS lists: status / context / actions. */
.manager-action-center{
  padding:22px 22px 18px;
  border-radius:20px;
}
.manager-action-center-head{
  align-items:center;
  margin-bottom:4px;
}
.manager-action-center-head h2{
  font-size:1.5rem;
  letter-spacing:-.03em;
}
.manager-action-center-head p{
  font-size:.9rem;
}
.manager-action-center-summary{
  margin:4px 0 2px;
}
.manager-action-summary-chip{
  min-height:38px;
  padding:7px 11px;
  border-radius:999px;
  font-size:.76rem;
}
.manager-action-summary-chip>span{
  font-size:.74rem;
}
.manager-action-summary-chip strong{
  min-width:22px;
  height:22px;
  font-size:.68rem;
}

.manager-action-center-list{
  gap:8px;
  margin-top:8px;
}
.manager-action-item,
.manager-action-item.is-late,
.manager-action-item.is-attention,
.manager-action-item.is-pending{
  display:grid;
  grid-template-columns:124px minmax(280px,1fr) minmax(260px,auto);
  align-items:center;
  gap:18px;
  min-width:0;
  min-height:78px;
  padding:12px 14px;
  border:1px solid #e5e9ed;
  border-radius:14px;
  background:#fff;
  box-shadow:none;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.manager-action-item:hover{
  border-color:#d8dee4;
  background:#fcfdfd;
  box-shadow:0 6px 18px rgba(15,23,42,.035);
}

/* Strong, compact status block anchored on the left. */
.manager-action-status-block{
  --status-accent:#64748b;
  --status-ink:#475569;
  --status-bg:#f7f9fb;
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:8px 10px 8px 14px;
  border-radius:10px;
  background:var(--status-bg);
  color:var(--status-ink);
  font-size:.78rem;
  font-weight:800;
  white-space:nowrap;
}
.manager-action-status-block::before{
  content:"";
  position:absolute;
  top:6px;
  bottom:6px;
  left:0;
  width:4px;
  border-radius:999px;
  background:var(--status-accent);
}
.manager-action-status-icon{
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  flex:0 0 auto;
  border-radius:7px;
  background:#fff;
  color:var(--status-accent);
  box-shadow:0 0 0 1px rgba(15,23,42,.04);
}
.manager-action-status-icon .manager-ui-icon{
  width:13px;
  height:13px;
}
.manager-action-status-block.is-late{
  --status-accent:#c8514c;
  --status-ink:#963e3a;
  --status-bg:#fff6f5;
}
.manager-action-status-block.is-attention{
  --status-accent:#c88424;
  --status-ink:#8d5b19;
  --status-bg:#fff9ef;
}
.manager-action-status-block.is-pending{
  --status-accent:#66788e;
  --status-ink:#506075;
  --status-bg:#f5f8fb;
}

.manager-action-item-main{
  gap:4px;
  min-width:0;
}
.manager-action-item-title{
  display:block;
}
.manager-action-item-title strong{
  display:block;
  font-size:.9rem;
  line-height:1.3;
  letter-spacing:-.01em;
  color:#17212b;
}
.manager-action-location{
  gap:5px;
  font-size:.72rem;
  color:#7c8794;
}
.manager-action-location .manager-ui-icon{
  width:12px;
  height:12px;
}
.manager-action-item-main small{
  font-size:.72rem;
  line-height:1.4;
  color:#85909e;
}
.manager-action-item-main small strong{
  color:#4a5969;
  font-weight:750;
}
.manager-action-contacts{
  gap:10px;
  margin-top:2px;
  font-size:.7rem;
  color:#687787;
}
.manager-action-followup-summary{
  margin-top:5px;
  padding-top:5px;
  font-size:.68rem;
}

/* Actions form one deliberate block instead of floating labels. */
.manager-action-item-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
  min-width:0;
  flex-wrap:wrap;
}
.manager-action-item-actions .manager-action-btn{
  min-height:38px;
  padding:7px 10px;
  border-radius:10px;
  font-size:.74rem;
}
.manager-action-item-actions .manager-action-btn .manager-ui-icon{
  width:14px;
  height:14px;
}
.manager-action-item-actions .manager-action-btn.is-primary{
  box-shadow:none;
}
.manager-action-no-contact{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 4px;
  color:#99a2ad;
  font-size:.68rem;
  white-space:nowrap;
}

/* Keep expandable operational panel aligned with the row content. */
.manager-contact-actions-panel{
  grid-column:2/-1;
  margin-top:2px;
}

@media(max-width:1100px){
  .manager-action-item,
  .manager-action-item.is-late,
  .manager-action-item.is-attention,
  .manager-action-item.is-pending{
    grid-template-columns:116px minmax(240px,1fr);
    grid-template-areas:
      "status main"
      ". actions";
    align-items:start;
  }
  .manager-action-status-block{grid-area:status}
  .manager-action-item-main{grid-area:main}
  .manager-action-item-actions{
    grid-area:actions;
    justify-content:flex-start;
    margin-top:4px;
  }
  .manager-contact-actions-panel{
    grid-column:2;
  }
}

@media(max-width:700px){
  .manager-action-center{
    padding:16px;
  }
  .manager-action-center-head{
    align-items:flex-start;
  }
  .manager-action-center-head h2{
    font-size:1.28rem;
  }
  .manager-action-center-summary{
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .manager-action-center-summary::-webkit-scrollbar{display:none}
  .manager-action-summary-chip{
    flex:0 0 auto;
  }
  .manager-action-item,
  .manager-action-item.is-late,
  .manager-action-item.is-attention,
  .manager-action-item.is-pending{
    grid-template-columns:1fr;
    grid-template-areas:
      "status"
      "main"
      "actions";
    gap:10px;
    padding:12px;
  }
  .manager-action-status-block{
    grid-area:status;
    width:max-content;
    min-height:36px;
    padding-top:6px;
    padding-bottom:6px;
  }
  .manager-action-item-main{grid-area:main}
  .manager-action-item-actions{
    grid-area:actions;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    gap:7px;
  }
  .manager-action-item-actions .manager-action-btn{
    width:100%;
    justify-content:center;
  }
  .manager-action-no-contact{
    grid-column:1/-1;
    min-height:0;
    padding:2px 0;
  }
  .manager-contact-actions-panel{
    grid-column:1;
  }
}

@media(max-width:460px){
  .manager-action-item-actions{
    grid-template-columns:1fr;
  }
}


/* ===== QR Checklist Design System v1 2026-10-07 ===== */
/*
  Shared visual direction for the three manager pages:
  Overview, Checklists, History.
  Goal: operational SaaS, calm, premium, readable, action-first.
*/

:root{
  --qr-brand:#176b56;
  --qr-brand-strong:#105440;
  --qr-brand-soft:#edf7f3;
  --qr-ink:#17221f;
  --qr-ink-2:#2f3b37;
  --qr-muted:#68766f;
  --qr-muted-2:#87918d;
  --qr-line:#dfe7e3;
  --qr-line-soft:#ebf0ed;
  --qr-bg:#f4f7f5;
  --qr-surface:#ffffff;
  --qr-surface-soft:#f8faf9;
  --qr-radius-xl:22px;
  --qr-radius-lg:16px;
  --qr-radius-md:12px;
  --qr-radius-sm:9px;
  --qr-shadow-sm:0 1px 2px rgba(15,23,42,.03),0 6px 18px rgba(15,23,42,.025);
  --qr-shadow-md:0 14px 40px rgba(15,23,42,.055);
  --qr-shadow-lg:0 24px 70px rgba(15,23,42,.08);
}

/* Global manager surface */
body:has(.manager-workspace),
body:has(.manager-action-center),
body:has(.history-page){
  background:
    radial-gradient(circle at top left,rgba(23,107,86,.035),transparent 28%),
    var(--qr-bg);
}

.shell:has(.manager-workspace),
.shell:has(.manager-action-center),
body:has(.history-page) .shell{
  width:min(1500px,95vw)!important;
  margin:0 auto!important;
  padding:36px 0 76px!important;
}

/* Shared page header */
.manager-hero,
.history-manager-hero{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:28px!important;
  min-height:108px!important;
  margin:0 0 22px!important;
  padding:0 4px!important;
}
.manager-hero-copy,
.history-manager-hero .manager-hero-copy{
  display:grid;
  gap:0;
  min-width:0;
}
.manager-hero-copy .eyebrow,
.history-manager-hero .eyebrow{
  color:var(--qr-brand);
  font-size:.74rem!important;
  font-weight:850;
  letter-spacing:.075em;
}
.manager-hero-copy h1,
.history-manager-hero .manager-hero-copy h1{
  margin:7px 0 8px!important;
  color:var(--qr-ink)!important;
  font-size:clamp(2.2rem,3vw,2.8rem)!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
}
.manager-hero-copy p,
.history-manager-hero .manager-hero-copy p{
  margin:0!important;
  max-width:760px;
  color:var(--qr-muted)!important;
  font-size:.97rem!important;
  line-height:1.55!important;
}
.manager-hero-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.manager-hero-actions .btn{
  min-height:46px!important;
  padding:9px 15px!important;
  border-radius:11px!important;
  font-size:.82rem!important;
}

/* Shared navigation */
.manager-saas-nav,
.history-page>.manager-saas-nav-history{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  margin:0 0 22px!important;
  padding:6px!important;
  overflow-x:auto;
  border:1px solid var(--qr-line)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:var(--qr-shadow-sm)!important;
  backdrop-filter:blur(12px);
  scrollbar-width:none;
}
.manager-saas-nav::-webkit-scrollbar{display:none}
.manager-saas-tab{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex:0 0 auto;
  min-height:42px!important;
  padding:8px 14px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#66736f!important;
  font-size:.78rem!important;
  font-weight:760!important;
  white-space:nowrap;
  transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
.manager-saas-tab:hover{
  background:var(--qr-surface-soft)!important;
  color:var(--qr-ink)!important;
}
.manager-saas-tab.is-active{
  border-color:#d8e3de!important;
  background:#fff!important;
  color:var(--qr-brand-strong)!important;
  box-shadow:0 2px 8px rgba(15,23,42,.05)!important;
}
.manager-saas-tab .manager-static-icon{
  width:16px!important;
  height:16px!important;
}

/* Shared card language */
.manager-kpi-shell,
.manager-action-center,
.manager-workspace,
.manager-insight-card,
.manager-account-page,
.history-stats,
.history-workspace,
.history-results-simplified,
.history-validation-section{
  border-color:var(--qr-line)!important;
}
.manager-kpi-shell,
.manager-action-center,
.manager-workspace,
.manager-insight-card,
.manager-account-page,
.history-stats,
.history-workspace,
.history-results-simplified{
  border-radius:var(--qr-radius-lg)!important;
  background:var(--qr-surface)!important;
  box-shadow:var(--qr-shadow-sm)!important;
}

/* ===== OVERVIEW ===== */
.manager-kpi-shell{
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  margin-bottom:18px!important;
}
.manager-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.manager-kpi{
  min-height:112px!important;
  padding:20px 21px!important;
  border:1px solid var(--qr-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:var(--qr-shadow-sm)!important;
}
.manager-kpi:last-child{border-right:1px solid var(--qr-line)!important}
.manager-kpi>span{
  margin-bottom:8px!important;
  color:var(--qr-muted)!important;
  font-size:.7rem!important;
  letter-spacing:.055em!important;
}
.manager-kpi>strong{
  color:var(--qr-ink)!important;
  font-size:1.95rem!important;
  letter-spacing:-.045em!important;
}
.manager-kpi>small{
  margin-top:8px!important;
  color:var(--qr-muted-2)!important;
  font-size:.74rem!important;
}
.manager-kpi.needs-attention{
  border-color:#ead9bd!important;
  background:#fffdfa!important;
}

.manager-action-center{
  margin:0 0 18px!important;
  padding:22px!important;
}
.manager-action-center-head{
  align-items:center!important;
}
.manager-action-center-head h2{
  margin:3px 0 5px!important;
  color:var(--qr-ink)!important;
  font-size:1.35rem!important;
  letter-spacing:-.025em!important;
}
.manager-action-center-head p{
  color:var(--qr-muted)!important;
  font-size:.84rem!important;
}
.manager-action-summary-chip{
  border-color:var(--qr-line)!important;
  background:#fff!important;
}
.manager-action-summary-chip:hover{
  border-color:#cfdad5!important;
  background:var(--qr-surface-soft)!important;
}
.manager-action-item,
.manager-action-item.is-late,
.manager-action-item.is-attention,
.manager-action-item.is-pending{
  border-color:var(--qr-line-soft)!important;
  background:#fff!important;
}
.manager-action-item:hover{
  border-color:#d4ddd8!important;
  background:#fbfdfc!important;
}
.manager-action-item-title strong{
  color:var(--qr-ink)!important;
}
.manager-action-location,
.manager-action-item-main small,
.manager-action-contacts{
  color:var(--qr-muted)!important;
}

/* Activity/overview cards */
.manager-insights{
  gap:14px!important;
  margin-top:18px!important;
}
.manager-insight-card{
  padding:20px 22px!important;
}
.manager-panel-head h2{
  color:var(--qr-ink)!important;
  font-size:1.08rem!important;
}
.activity-row{
  padding:12px 0!important;
}
.activity-main strong{
  color:var(--qr-ink-2)!important;
  font-size:.84rem!important;
}
.activity-main small,
.activity-meta{
  color:var(--qr-muted)!important;
  font-size:.71rem!important;
}

/* ===== CHECKLISTS ===== */
.manager-workspace{
  grid-template-columns:260px minmax(0,1fr)!important;
  overflow:hidden!important;
}
.manager-folder-sidebar{
  padding:18px 13px 14px!important;
  border-right:1px solid var(--qr-line)!important;
  background:linear-gradient(180deg,#f9fbfa,#f5f8f6)!important;
}
.manager-folder-sidebar-head strong{
  color:var(--qr-ink)!important;
  font-size:.96rem!important;
}
.manager-folder-link,
.manager-folder-tree-link{
  min-height:40px!important;
  border-radius:9px!important;
  color:#5d6a65!important;
}
.manager-folder-link:hover,
.manager-folder-tree-link:hover{
  background:#eef4f1!important;
  color:var(--qr-ink)!important;
}
.manager-folder-link.is-active,
.manager-folder-tree-link.is-active{
  background:#fff!important;
  color:var(--qr-brand-strong)!important;
  box-shadow:0 0 0 1px #d7e3dd,0 2px 7px rgba(15,23,42,.035)!important;
}
.manager-folder-link-label,
.manager-folder-tree-link>span:nth-child(2){
  font-size:.79rem!important;
}
.manager-new-folder-button{
  border-color:#cbd8d2!important;
  color:#53645e!important;
  font-size:.74rem!important;
}

.manager-workspace-main{
  background:#fff!important;
}
.manager-table-toolbar{
  gap:10px!important;
  padding:16px 18px!important;
  border-bottom:1px solid var(--qr-line-soft)!important;
  background:#fbfcfc!important;
}
.manager-view-context-copy strong{
  color:var(--qr-ink)!important;
  font-size:.95rem!important;
}
.manager-view-context-copy>span:last-child{
  color:var(--qr-muted)!important;
  font-size:.72rem!important;
}
.manager-search-wrap{
  border-radius:11px!important;
}
.manager-search-wrap input{
  min-height:42px!important;
  border-radius:11px!important;
  border-color:#d9e3de!important;
  background:#fff!important;
  font-size:.82rem!important;
}
.manager-filter-chip{
  min-height:36px!important;
  border-radius:999px!important;
  border-color:#dfe7e3!important;
  background:#fff!important;
  color:#65726d!important;
  font-size:.72rem!important;
}
.manager-filter-chip:hover{
  border-color:#cbd9d2!important;
  background:#f6f9f7!important;
}
.manager-filter-chip.is-active{
  border-color:#bfd2c9!important;
  background:var(--qr-brand-soft)!important;
  color:var(--qr-brand-strong)!important;
}
.manager-filter-control select,
.manager-page-size select{
  border-color:#d9e3de!important;
  border-radius:9px!important;
  background:#fff!important;
  font-size:.74rem!important;
}

.manager-list-header{
  min-height:46px!important;
  padding:0 16px!important;
  border-bottom:1px solid var(--qr-line)!important;
  background:#f8faf9!important;
  color:#7d8984!important;
  font-size:.64rem!important;
}
.manager-list-row{
  min-height:74px!important;
  padding:10px 16px!important;
  border-bottom:1px solid var(--qr-line-soft)!important;
}
.manager-list-row:hover{
  background:#fbfdfc!important;
  box-shadow:inset 3px 0 0 #d7e7df!important;
}
.manager-row-name strong{
  color:var(--qr-ink)!important;
  font-size:.84rem!important;
}
.manager-row-name small{
  color:var(--qr-muted)!important;
  font-size:.69rem!important;
}
.manager-row-metric strong{
  color:var(--qr-ink-2)!important;
  font-size:.81rem!important;
}
.manager-row-metric span,
.manager-row-last span{
  color:var(--qr-muted-2)!important;
}
.manager-list-actions .btn{
  min-height:36px!important;
  border-radius:9px!important;
  font-size:.68rem!important;
}
.manager-list-actions .btn-secondary{
  border-color:#d8e2dd!important;
  background:#fff!important;
}
.manager-list-actions .btn:hover{
  background:#f5f8f6!important;
}

/* ===== HISTORY ===== */
.history-page{
  gap:0!important;
}
.history-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  overflow:visible!important;
  margin-bottom:18px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.history-stats article{
  min-height:108px!important;
  padding:19px 20px!important;
  border:1px solid var(--qr-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:var(--qr-shadow-sm)!important;
}
.history-stats article:last-child{border-right:1px solid var(--qr-line)!important}
.history-stats span{
  color:var(--qr-muted)!important;
  font-size:.69rem!important;
}
.history-stats strong{
  color:var(--qr-ink)!important;
  font-size:1.8rem!important;
}
.history-stats small{
  color:var(--qr-muted-2)!important;
  font-size:.72rem!important;
}
.history-stats .is-warning{
  border-color:#ead9bd!important;
  background:#fffdfa!important;
}

.history-workspace{
  grid-template-columns:255px minmax(0,1fr)!important;
  overflow:hidden!important;
}
.history-filters{
  gap:11px!important;
  padding:16px 14px!important;
  border-right:1px solid var(--qr-line)!important;
  background:linear-gradient(180deg,#f9fbfa,#f5f8f6)!important;
}
.history-filter-head strong{
  color:var(--qr-ink)!important;
  font-size:.92rem!important;
}
.history-filter-head button{
  color:var(--qr-brand)!important;
  font-size:.68rem!important;
}
.history-filter-field>span{
  color:#75817c!important;
  font-size:.64rem!important;
}
.history-filter-field select,
.history-filter-field input{
  min-height:40px!important;
  border-color:#d8e2dd!important;
  border-radius:9px!important;
  background:#fff!important;
  font-size:.74rem!important;
}
.history-results-simplified{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.history-global-queue-head{
  gap:10px!important;
  padding:15px 16px 13px!important;
  border-bottom:1px solid var(--qr-line-soft)!important;
  background:#fbfcfc!important;
}
.history-global-queue-head p{
  color:var(--qr-muted)!important;
  font-size:.76rem!important;
}
.history-queue-tabs{
  gap:5px!important;
}
.history-queue-tab{
  min-height:36px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  border:1px solid #dfe7e3!important;
  background:#fff!important;
  color:#66736f!important;
  font-size:.72rem!important;
}
.history-queue-tab.is-active{
  border-color:#bfd2c9!important;
  background:var(--qr-brand-soft)!important;
  color:var(--qr-brand-strong)!important;
}
.history-results-head{
  min-height:54px!important;
  padding:10px 16px!important;
  border-bottom:1px solid var(--qr-line-soft)!important;
  background:#fff!important;
}
.history-results-head strong{
  color:var(--qr-ink)!important;
  font-size:.8rem!important;
}
.history-results-head span{
  color:var(--qr-muted)!important;
  font-size:.68rem!important;
}
.history-operation-row,
.history-entry-simplified{
  border-bottom:1px solid var(--qr-line-soft)!important;
  background:#fff!important;
}
.history-operation-row:hover,
.history-entry-simplified:hover{
  background:#fbfdfc!important;
}
.history-operation-open{
  min-height:82px!important;
}
.history-operation-person strong,
.history-operation-checklist{
  color:var(--qr-ink)!important;
  font-size:.82rem!important;
}
.history-operation-context,
.history-operation-validator,
.history-operation-person time{
  color:var(--qr-muted)!important;
}
.history-operation-progress strong{
  color:var(--qr-ink-2)!important;
}

/* Detail history page */
.history-detail-header{
  padding:0 2px 4px;
}
.history-detail-title h1{
  color:var(--qr-ink)!important;
}
.history-detail-title p{
  color:var(--qr-muted)!important;
}
.history-validation-section{
  padding:18px 20px 20px!important;
  border:1px solid var(--qr-line)!important;
  border-radius:var(--qr-radius-lg)!important;
  background:#fff!important;
  box-shadow:var(--qr-shadow-sm)!important;
}
.history-validation-head h2{
  color:var(--qr-ink)!important;
  font-size:1.14rem!important;
}
.history-validation-head p{
  color:var(--qr-muted)!important;
  font-size:.75rem!important;
}
.history-filter-drawer>summary{
  border-color:#d8e2dd!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#4d5d57!important;
  font-size:.74rem!important;
}
.history-filter-drawer[open]>summary{
  border-color:#bfd2c9!important;
  background:var(--qr-brand-soft)!important;
  color:var(--qr-brand-strong)!important;
}

/* Shared status component */
.manager-status-pill,
.history-result-pill,
.manager-action-status-block{
  letter-spacing:-.005em;
}

/* Buttons harmonisation within manager pages */
body:has(.manager-workspace) .btn,
body:has(.manager-action-center) .btn,
body:has(.history-page) .btn{
  border-radius:10px;
}
body:has(.manager-workspace) .btn-primary,
body:has(.manager-action-center) .btn-primary,
body:has(.history-page) .btn-primary{
  background:var(--qr-brand)!important;
  border-color:var(--qr-brand)!important;
}
body:has(.manager-workspace) .btn-primary:hover,
body:has(.manager-action-center) .btn-primary:hover,
body:has(.history-page) .btn-primary:hover{
  background:var(--qr-brand-strong)!important;
  border-color:var(--qr-brand-strong)!important;
}

/* Account/support inherits the same language */
.manager-account-page{
  padding:22px!important;
}
.manager-account-page-head{
  border-bottom-color:var(--qr-line-soft)!important;
}
.manager-account-page-head h2,
.manager-support-head h2{
  color:var(--qr-ink)!important;
}
.manager-account-page-head p,
.manager-support-head p{
  color:var(--qr-muted)!important;
}

/* Responsive */
@media(max-width:980px){
  .manager-workspace{grid-template-columns:230px minmax(0,1fr)!important}
  .history-workspace{grid-template-columns:230px minmax(0,1fr)!important}
}

@media(max-width:860px){
  .shell:has(.manager-workspace),
  .shell:has(.manager-action-center),
  body:has(.history-page) .shell{
    width:min(760px,94vw)!important;
    padding:24px 0 60px!important;
  }
  .manager-hero,
  .history-manager-hero{
    min-height:0!important;
    margin-bottom:18px!important;
    padding:0!important;
  }
  .manager-hero-copy h1,
  .history-manager-hero .manager-hero-copy h1{
    font-size:2.05rem!important;
  }
  .manager-saas-nav,
  .history-page>.manager-saas-nav-history{
    margin-bottom:18px!important;
  }
  .manager-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .manager-workspace,
  .history-workspace{
    grid-template-columns:1fr!important;
  }
  .manager-folder-sidebar{display:none!important}
  .history-filters{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-right:0!important;
    border-bottom:1px solid var(--qr-line)!important;
  }
  .history-filter-head,
  .history-date-grid{grid-column:1/-1!important}
  .manager-insights{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:620px){
  .shell:has(.manager-workspace),
  .shell:has(.manager-action-center),
  body:has(.history-page) .shell{
    width:100%!important;
    padding:16px 12px 54px!important;
  }
  .manager-hero,
  .history-manager-hero{
    display:grid!important;
    gap:12px!important;
    margin-bottom:14px!important;
  }
  .manager-hero-copy h1,
  .history-manager-hero .manager-hero-copy h1{
    font-size:1.82rem!important;
  }
  .manager-hero-copy p,
  .history-manager-hero .manager-hero-copy p{
    font-size:.88rem!important;
  }
  .manager-saas-nav,
  .history-page>.manager-saas-nav-history{
    margin-bottom:15px!important;
    border-radius:13px!important;
  }
  .manager-saas-tab{
    min-height:40px!important;
    padding:7px 11px!important;
    font-size:.74rem!important;
  }
  .manager-kpis{
    gap:9px!important;
  }
  .manager-kpi{
    min-height:100px!important;
    padding:16px!important;
  }
  .manager-action-center,
  .manager-insight-card,
  .history-validation-section{
    border-radius:14px!important;
  }
  .manager-action-center{
    padding:16px!important;
  }
  .history-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .history-stats article{
    min-height:100px!important;
    padding:16px!important;
  }
  .history-filters{
    grid-template-columns:1fr!important;
  }
  .history-date-grid{
    grid-template-columns:1fr 1fr!important;
  }
}


/* ===== QR Checklist Manager UI v3 · Tabler-inspired 2026-10-07 ===== */
/*
  A restrained B2B SaaS visual system inspired by Tabler's dashboard grammar:
  neutral page background, crisp white surfaces, subtle borders, compact radii,
  readable tables, quiet shadows and semantic status accents.
  Scoped to the manager/history experience so public validation pages stay intact.
*/

:root{
  --mgr-bg:#f6f8fb;
  --mgr-surface:#ffffff;
  --mgr-surface-muted:#f8fafc;
  --mgr-border:#e4e7ec;
  --mgr-border-strong:#d7dce2;
  --mgr-text:#182433;
  --mgr-muted:#667382;
  --mgr-muted-2:#8a94a3;
  --mgr-brand:#176b56;
  --mgr-brand-strong:#0f5a48;
  --mgr-brand-soft:#eaf5f1;
  --mgr-danger:#c2414b;
  --mgr-danger-soft:#fff1f2;
  --mgr-warning:#b76a14;
  --mgr-warning-soft:#fff7e8;
  --mgr-info:#526f91;
  --mgr-info-soft:#eef5fb;
  --mgr-radius:14px;
  --mgr-radius-sm:10px;
  --mgr-shadow:0 1px 2px rgba(15,23,42,.03),0 8px 24px rgba(15,23,42,.04);
  --mgr-shadow-hover:0 2px 4px rgba(15,23,42,.035),0 12px 30px rgba(15,23,42,.06);
}

/* ---------- Shared page frame ---------- */
body:has(.manager-workspace),
body:has(.manager-action-center),
body:has(.history-page){
  background:var(--mgr-bg);
  color:var(--mgr-text);
}

body:has(.manager-workspace) .shell,
body:has(.manager-action-center) .shell,
body:has(.history-page) .shell{
  width:min(1480px,calc(100vw - 40px));
  padding-top:28px;
}

.manager-hero,
.history-manager-hero{
  min-height:112px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  margin:0 0 20px!important;
  padding:8px 2px 0;
}

.manager-hero::after,
.history-manager-hero::after{display:none!important}

.manager-hero-copy .eyebrow,
.history-manager-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:auto;
  margin:0 0 7px;
  color:var(--mgr-brand)!important;
  font-size:.72rem!important;
  font-weight:800!important;
  letter-spacing:.075em!important;
  text-transform:uppercase;
}

.manager-hero-copy .eyebrow::before,
.history-manager-hero .eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--mgr-brand);
  box-shadow:0 0 0 4px rgba(23,107,86,.09);
}

.manager-hero-copy h1,
.history-manager-hero h1{
  margin:0 0 8px!important;
  color:var(--mgr-text)!important;
  font-size:clamp(2rem,2.5vw,2.55rem)!important;
  line-height:1.08!important;
  letter-spacing:-.035em;
}

.manager-hero-copy p,
.history-manager-hero p{
  max-width:780px;
  margin:0;
  color:var(--mgr-muted)!important;
  font-size:.95rem!important;
  line-height:1.55!important;
}

.manager-hero-actions{
  display:flex;
  align-items:center;
  gap:10px;
  padding-top:20px;
}

/* ---------- Product navigation ---------- */
.manager-saas-nav,
.history-page>.manager-saas-nav-history{
  display:flex;
  align-items:center;
  gap:4px;
  min-height:54px;
  margin:0 0 22px!important;
  padding:5px!important;
  border:1px solid var(--mgr-border)!important;
  border-radius:12px!important;
  background:var(--mgr-surface)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
  overflow-x:auto!important;
  scrollbar-width:none;
}

.manager-saas-nav::-webkit-scrollbar{display:none}

.manager-saas-tab{
  position:relative;
  min-height:42px!important;
  padding:8px 14px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#667382!important;
  font-size:.84rem!important;
  font-weight:700!important;
  white-space:nowrap;
  box-shadow:none!important;
  transition:background .14s ease,color .14s ease!important;
}

.manager-saas-tab:hover{
  background:#f4f6f8!important;
  color:#263442!important;
}

.manager-saas-tab.is-active{
  background:var(--mgr-brand-soft)!important;
  color:var(--mgr-brand-strong)!important;
  box-shadow:inset 0 0 0 1px rgba(23,107,86,.08)!important;
}

.manager-saas-tab.is-active::after{display:none!important}
.manager-saas-tab .manager-static-icon{width:17px!important;height:17px!important}

/* ---------- Buttons & controls ---------- */
body:has(.manager-workspace) .btn,
body:has(.manager-action-center) .btn,
body:has(.history-page) .btn{
  min-height:40px;
  border-radius:9px!important;
  font-weight:700!important;
  box-shadow:none!important;
  transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease!important;
}

body:has(.manager-workspace) .btn:hover,
body:has(.manager-action-center) .btn:hover,
body:has(.history-page) .btn:hover{
  transform:none!important;
}

body:has(.manager-workspace) .btn-primary,
body:has(.manager-action-center) .btn-primary,
body:has(.history-page) .btn-primary{
  border-color:var(--mgr-brand)!important;
  background:var(--mgr-brand)!important;
  color:#fff!important;
}

body:has(.manager-workspace) .btn-primary:hover,
body:has(.manager-action-center) .btn-primary:hover,
body:has(.history-page) .btn-primary:hover{
  border-color:var(--mgr-brand-strong)!important;
  background:var(--mgr-brand-strong)!important;
}

body:has(.manager-workspace) :is(input,select,textarea),
body:has(.manager-action-center) :is(input,select,textarea),
body:has(.history-page) :is(input,select,textarea){
  border-color:var(--mgr-border-strong)!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

body:has(.manager-workspace) :is(input,select,textarea):focus,
body:has(.manager-action-center) :is(input,select,textarea):focus,
body:has(.history-page) :is(input,select,textarea):focus{
  border-color:#8ab7a9!important;
  box-shadow:0 0 0 3px rgba(23,107,86,.09)!important;
}

body:has(.manager-workspace) :is(button,a,input,select,textarea,summary):focus-visible,
body:has(.manager-action-center) :is(button,a,input,select,textarea,summary):focus-visible,
body:has(.history-page) :is(button,a,input,select,textarea,summary):focus-visible{
  outline:3px solid rgba(23,107,86,.22)!important;
  outline-offset:2px!important;
}

/* ---------- KPI cards ---------- */
.manager-kpi-shell,
.history-stats{
  gap:12px!important;
  margin-bottom:18px!important;
  background:transparent!important;
  box-shadow:none!important;
}

.manager-kpi,
.history-stats article{
  position:relative;
  min-height:108px!important;
  padding:18px 20px 17px!important;
  overflow:hidden;
  border:1px solid var(--mgr-border)!important;
  border-radius:12px!important;
  background:var(--mgr-surface)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
  transition:border-color .14s ease,box-shadow .14s ease!important;
}

.manager-kpi:hover,
.history-stats article:hover{
  transform:none!important;
  border-color:#d5dbe1!important;
  box-shadow:var(--mgr-shadow)!important;
}

.manager-kpi::before,
.history-stats article::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#9cb9b0;
}

.manager-kpi.needs-attention::before,
.history-stats article.is-warning::before{background:#d08a32}
.history-stats article.is-success::before{background:#4a9b7e}

.manager-kpi>span,
.history-stats article>span{
  display:block;
  margin-bottom:8px!important;
  color:var(--mgr-muted)!important;
  font-size:.71rem!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  text-transform:uppercase;
}

.manager-kpi>strong,
.history-stats article>strong{
  color:var(--mgr-text)!important;
  font-size:1.85rem!important;
  line-height:1!important;
  letter-spacing:-.03em;
}

.manager-kpi>small,
.history-stats article>small{
  display:block;
  margin-top:8px!important;
  color:var(--mgr-muted-2)!important;
  font-size:.74rem!important;
  line-height:1.35!important;
}

/* ---------- Operational priority center ---------- */
.manager-action-center,
.manager-insight-card{
  border:1px solid var(--mgr-border)!important;
  border-radius:var(--mgr-radius)!important;
  background:var(--mgr-surface)!important;
  box-shadow:var(--mgr-shadow)!important;
}

.manager-action-center{
  margin-bottom:18px!important;
  padding:20px!important;
}

.manager-action-center-head{
  align-items:center!important;
  margin-bottom:14px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid #edf0f2!important;
}

.manager-action-center-head .eyebrow,
.manager-insight-card .eyebrow,
.history-validation-section .eyebrow{
  color:var(--mgr-brand)!important;
  font-size:.67rem!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
}

.manager-action-center-head h2{
  margin:3px 0 4px!important;
  color:var(--mgr-text)!important;
  font-size:1.25rem!important;
  letter-spacing:-.02em;
}

.manager-action-center-head p{color:var(--mgr-muted)!important}

.manager-action-summary-chip,
.manager-filter-chip,
.history-queue-tab{
  min-height:36px!important;
  border:1px solid var(--mgr-border)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#5f6c79!important;
  box-shadow:none!important;
  font-weight:700!important;
}

.manager-action-summary-chip:hover:not(:disabled),
.manager-filter-chip:hover,
.history-queue-tab:hover{
  transform:none!important;
  border-color:#cdd4db!important;
  background:#f8fafb!important;
}

.manager-action-summary-chip.is-active,
.manager-filter-chip.is-active,
.history-queue-tab.is-active{
  border-color:#c2ddd3!important;
  background:var(--mgr-brand-soft)!important;
  color:var(--mgr-brand-strong)!important;
}

.manager-action-item{
  position:relative;
  display:grid;
  align-items:center;
  border:1px solid var(--mgr-border)!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:border-color .14s ease,background .14s ease!important;
}

.manager-action-item:hover{
  border-color:#d1d8de!important;
  background:#fcfdfd!important;
}

.manager-action-item::before{
  content:"";
  position:absolute;
  left:-1px;
  top:10px;
  bottom:10px;
  width:4px;
  border-radius:0 4px 4px 0;
  background:#8daaa1;
}

.manager-action-item.is-late::before{background:var(--mgr-danger)}
.manager-action-item.is-attention::before{background:var(--mgr-warning)}
.manager-action-item.is-pending::before{background:var(--mgr-info)}
.manager-action-item::after{display:none!important}

.manager-action-status-block{
  position:relative;
  min-width:104px;
  border:0!important;
  border-radius:8px!important;
  background:#f5f7f8!important;
  box-shadow:none!important;
  font-weight:800!important;
}

.manager-action-status-block.is-late{
  background:var(--mgr-danger-soft)!important;
  color:#a12f3a!important;
}
.manager-action-status-block.is-attention{
  background:var(--mgr-warning-soft)!important;
  color:#92520e!important;
}
.manager-action-status-block.is-pending{
  background:var(--mgr-info-soft)!important;
  color:#435f7e!important;
}

/* ---------- Checklist workspace ---------- */
.manager-workspace,
.history-workspace,
.history-validation-section{
  overflow:hidden;
  border:1px solid var(--mgr-border)!important;
  border-radius:var(--mgr-radius)!important;
  background:var(--mgr-surface)!important;
  box-shadow:var(--mgr-shadow)!important;
}

.manager-workspace{
  grid-template-columns:252px minmax(0,1fr)!important;
}

.manager-folder-sidebar,
.history-filters{
  background:var(--mgr-surface-muted)!important;
  border-right:1px solid var(--mgr-border)!important;
}

.manager-folder-sidebar::after,
.history-filters::after{display:none!important}

.manager-folder-sidebar{padding:16px 12px!important}

.manager-folder-link,
.manager-folder-tree-link{
  min-height:39px!important;
  border-radius:8px!important;
  transition:background .12s ease,color .12s ease!important;
}

.manager-folder-link:hover,
.manager-folder-tree-link:hover{
  transform:none!important;
  background:#eef2f3!important;
}

.manager-folder-link.is-active,
.manager-folder-tree-link.is-active{
  background:var(--mgr-brand-soft)!important;
  color:var(--mgr-brand-strong)!important;
  font-weight:750!important;
}

.manager-table-toolbar{
  padding:16px 18px 14px!important;
  border-bottom:1px solid var(--mgr-border)!important;
  background:#fff!important;
}

.manager-view-kicker{
  color:var(--mgr-muted-2)!important;
  font-size:.65rem!important;
  font-weight:800!important;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.manager-view-context-copy strong{
  color:var(--mgr-text)!important;
  font-size:.98rem!important;
}

.manager-search-wrap input{
  min-height:42px!important;
  background:#fff!important;
  font-size:.84rem!important;
}

.manager-filter-chip{
  min-height:34px!important;
  padding:6px 11px!important;
  font-size:.72rem!important;
}

.manager-list-header,
.manager-list-row{
  grid-template-columns:
    34px
    minmax(220px,1.6fr)
    minmax(150px,.9fr)
    128px
    minmax(150px,.95fr)
    260px!important;
  column-gap:14px!important;
}

.manager-list-header{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  min-height:46px!important;
  padding:0 18px!important;
  border-bottom:1px solid var(--mgr-border)!important;
  background:#f7f9fb!important;
  color:#6f7b87!important;
  backdrop-filter:none!important;
  font-size:.67rem!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  text-transform:uppercase;
}

.manager-list-row{
  position:relative;
  min-height:76px!important;
  padding:11px 18px!important;
  border-bottom:1px solid #edf0f2!important;
  background:#fff!important;
  transition:background .12s ease!important;
}

.manager-list-row:last-child{border-bottom:0!important}
.manager-list-row:hover{background:#fbfcfd!important}

.manager-list-row::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:3px;
  border-radius:0 3px 3px 0;
  background:transparent;
}

.manager-list-row.state-late::before{background:var(--mgr-danger)}
.manager-list-row.state-attention::before{background:var(--mgr-warning)}
.manager-list-row.state-pending::before{background:var(--mgr-info)}

.manager-row-name strong,
.manager-checklist-title-button{
  color:var(--mgr-text)!important;
  font-size:.88rem!important;
  font-weight:760!important;
}

.manager-checklist-title-button:hover{color:var(--mgr-brand-strong)!important}

.manager-row-context,
.manager-row-name small,
.manager-row-last span{
  color:var(--mgr-muted)!important;
}

.manager-list-actions-v2{
  justify-content:flex-end!important;
  gap:6px!important;
}

.manager-list-actions-v2 .btn{
  min-height:36px!important;
  padding:7px 10px!important;
  font-size:.72rem!important;
}

.manager-row-more>summary{
  min-width:36px!important;
  min-height:36px!important;
  border:1px solid var(--mgr-border)!important;
  border-radius:8px!important;
  background:#fff!important;
}

.manager-row-more[open]>summary{
  background:var(--mgr-brand-soft)!important;
  color:var(--mgr-brand-strong)!important;
}

/* ---------- Status language: vertical accent + icon + text ---------- */
.manager-status-pill,
.history-result-pill{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  gap:7px!important;
  min-height:32px;
  padding:6px 10px 6px 13px!important;
  overflow:hidden;
  border:1px solid var(--mgr-border)!important;
  border-radius:8px!important;
  background:#f7f9fa!important;
  color:#53616f!important;
  box-shadow:none!important;
  font-size:.7rem!important;
  font-weight:800!important;
}

.manager-status-pill::before,
.history-result-pill::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px!important;
  background:#8fa69f;
}

.manager-status-pill.is-late,
.history-result-pill.is-late{
  border-color:#f0cfd2!important;
  background:var(--mgr-danger-soft)!important;
  color:#9e313b!important;
}
.manager-status-pill.is-late::before,
.history-result-pill.is-late::before{background:var(--mgr-danger)}

.manager-status-pill.is-attention,
.history-result-pill.is-partial,
.history-result-pill.is-pending{
  border-color:#efd9b8!important;
  background:var(--mgr-warning-soft)!important;
  color:#8e540f!important;
}
.manager-status-pill.is-attention::before,
.history-result-pill.is-partial::before,
.history-result-pill.is-pending::before{background:var(--mgr-warning)}

.manager-status-pill.is-pending{
  border-color:#cfdeeb!important;
  background:var(--mgr-info-soft)!important;
  color:#45617e!important;
}
.manager-status-pill.is-pending::before{background:var(--mgr-info)}

.manager-status-pill.is-ok,
.manager-status-pill.is-done,
.manager-status-pill.is-complete,
.history-result-pill.is-complete,
.history-result-pill.is-treated,
.history-result-pill.is-resolved{
  border-color:#cfe3db!important;
  background:#edf7f3!important;
  color:#296c58!important;
}
.manager-status-pill.is-ok::before,
.manager-status-pill.is-done::before,
.manager-status-pill.is-complete::before,
.history-result-pill.is-complete::before,
.history-result-pill.is-treated::before,
.history-result-pill.is-resolved::before{background:#4d9a7f}

/* ---------- History ---------- */
.history-page{
  color:var(--mgr-text);
}

.history-workspace{
  grid-template-columns:242px minmax(0,1fr)!important;
}

.history-filters{padding:17px 14px!important}

.history-filter-head{
  padding-bottom:13px!important;
  margin-bottom:12px!important;
  border-bottom:1px solid var(--mgr-border)!important;
}

.history-filter-field>span{
  color:#65727f!important;
  font-size:.68rem!important;
  font-weight:800!important;
}

.history-filter-field :is(select,input){
  min-height:40px!important;
  background:#fff!important;
  font-size:.78rem!important;
}

.history-global-queue-head,
.history-results-head{
  border-bottom:1px solid var(--mgr-border)!important;
  background:#fff!important;
}

.history-queue-tabs{gap:6px!important}
.history-queue-tab{
  min-height:34px!important;
  padding:6px 11px!important;
  font-size:.72rem!important;
}

.history-operation-row{
  position:relative;
  border-bottom:1px solid #edf0f2!important;
  background:#fff!important;
  transition:background .12s ease!important;
}

.history-operation-row:last-child{border-bottom:0!important}
.history-operation-row:hover{background:#fbfcfd!important}

.history-operation-row::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:0 3px 3px 0;
  background:transparent;
}

.history-operation-row:has(.history-result-pill.is-partial)::before{background:var(--mgr-warning)}
.history-operation-row:has(.history-result-pill.is-treated)::before{background:#6c9b8c}
.history-operation-row:has(.history-result-pill.is-complete)::before{background:#4d9a7f}

.history-operation-open{
  min-height:70px!important;
  padding:11px 16px!important;
}

.history-operation-person strong{
  color:var(--mgr-text)!important;
  font-size:.84rem!important;
}

.history-operation-person time,
.history-operation-context,
.history-operation-validator,
.history-operation-progress span,
.history-operation-proof{
  color:var(--mgr-muted)!important;
}

.history-validation-section{
  padding:0!important;
}

.history-validation-head{
  padding:18px 20px!important;
  border-bottom:1px solid var(--mgr-border)!important;
}

.history-validation-head h2{
  color:var(--mgr-text)!important;
  font-size:1.2rem!important;
}

.history-detail-header{
  margin-bottom:16px!important;
  padding:14px 0!important;
}

.history-drawer-panel{
  border-left:1px solid var(--mgr-border)!important;
  background:#fff!important;
  box-shadow:-12px 0 36px rgba(15,23,42,.09)!important;
}

/* ---------- Secondary overview cards ---------- */
.manager-insights{
  gap:14px!important;
  margin-top:18px!important;
}

.manager-insight-card{padding:18px!important}

.manager-panel-head{
  padding-bottom:12px!important;
  margin-bottom:12px!important;
  border-bottom:1px solid #edf0f2;
}

.manager-panel-head h2{
  margin-top:3px!important;
  color:var(--mgr-text)!important;
  font-size:1.08rem!important;
}

/* ---------- Responsive ---------- */
/* Size the list by its own width (the folder sidebar takes ~250px), not the viewport. */
@media(min-width:861px){
  .manager-row-context{flex-wrap:nowrap!important;min-width:0;overflow:hidden}
  .manager-row-context>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  @container operations (min-width:851px) and (max-width:1180px){
    .manager-list-header,
    .manager-list-row{
      grid-template-columns:30px minmax(0,2fr) minmax(0,.95fr) 104px minmax(0,.8fr) max-content!important;
      column-gap:10px!important;
    }
    /* Secondary row actions become icon buttons; their label stays for screen readers. */
    .manager-list-actions-v2{grid-template-columns:repeat(3,auto)!important;justify-content:end}
    .manager-list-actions-v2 .manager-action-btn:not(.is-primary) span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  }
}

@media(max-width:860px){
  body:has(.manager-workspace) .shell,
  body:has(.manager-action-center) .shell,
  body:has(.history-page) .shell{
    width:min(100% - 24px,1480px);
    padding-top:18px;
  }

  .manager-hero,
  .history-manager-hero{
    min-height:auto;
    display:grid;
    gap:14px;
    margin-bottom:16px!important;
    padding-top:4px;
  }

  .manager-hero-actions{padding-top:0}

  .manager-saas-nav,
  .history-page>.manager-saas-nav-history{
    margin-bottom:16px!important;
  }

  .manager-workspace,
  .history-workspace{grid-template-columns:1fr!important}

  .manager-folder-sidebar,
  .history-filters{
    border-right:0!important;
    border-bottom:1px solid var(--mgr-border)!important;
  }

  .manager-list-header{position:static!important}
}

@media(max-width:640px){
  body:has(.manager-workspace) .shell,
  body:has(.manager-action-center) .shell,
  body:has(.history-page) .shell{
    width:min(100% - 18px,1480px);
  }

  .manager-hero-copy h1,
  .history-manager-hero h1{
    font-size:1.8rem!important;
  }

  .manager-hero-copy p,
  .history-manager-hero p{
    font-size:.88rem!important;
  }

  .manager-saas-nav,
  .history-page>.manager-saas-nav-history{
    padding:4px!important;
    border-radius:10px!important;
  }

  .manager-saas-tab{
    min-height:40px!important;
    padding:7px 11px!important;
    font-size:.77rem!important;
  }

  .manager-kpi,
  .history-stats article{
    min-height:94px!important;
    padding:15px 16px!important;
  }

  .manager-action-center{padding:15px!important}
  .manager-action-center-head{align-items:flex-start!important}

  .manager-action-item{
    border-radius:10px!important;
  }

  .manager-list-row::before,
  .history-operation-row::before{
    top:8px;
    bottom:8px;
  }

  .manager-list-actions-v2 .btn{min-height:40px!important}

  .history-validation-head{padding:16px!important}
}

@media(prefers-reduced-motion:reduce){
  .manager-saas-tab,
  .manager-kpi,
  .history-stats article,
  .manager-action-item,
  .manager-filter-chip,
  .history-queue-tab,
  .manager-folder-link,
  .manager-folder-tree-link,
  .manager-list-row,
  .history-operation-row,
  body:has(.manager-workspace) .btn,
  body:has(.manager-action-center) .btn,
  body:has(.history-page) .btn{
    transition:none!important;
  }
}


/* ===== QR Checklist Manager UI v4 · Executive Command Center ===== */
/* A bold but restrained visual identity: dark signature hero, floating glass nav,
   precision grid, premium surfaces and semantic operational states. */

:root{
  --wow-emerald:#0d4d40;
  --wow-emerald-2:#176b56;
  --wow-emerald-3:#2d8a70;
  --wow-ink:#14231f;
  --wow-canvas:#f4f7f6;
  --wow-glow:rgba(50,190,146,.22);
}

/* Precision canvas: visible only in the manager experience. */
body:has(.manager-workspace),
body:has(.manager-action-center),
body:has(.history-page){
  background-color:var(--wow-canvas)!important;
  background-image:
    radial-gradient(circle at 12% -5%,rgba(52,166,131,.12),transparent 27rem),
    radial-gradient(circle at 92% 8%,rgba(75,119,165,.08),transparent 25rem),
    linear-gradient(rgba(20,63,52,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(20,63,52,.028) 1px,transparent 1px)!important;
  background-size:auto,auto,28px 28px,28px 28px!important;
  background-attachment:fixed!important;
}

/* Signature hero: immediately identifiable as QR Checklist. */
.manager-hero,
.history-manager-hero{
  position:relative!important;
  isolation:isolate;
  min-height:156px!important;
  align-items:center!important;
  margin:0 0 0!important;
  padding:28px 30px 34px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:22px 22px 18px 18px!important;
  background:
    radial-gradient(circle at 83% 18%,rgba(78,211,163,.22),transparent 18rem),
    radial-gradient(circle at 62% 120%,rgba(64,128,173,.20),transparent 23rem),
    linear-gradient(125deg,#0a3b32 0%,#0f5444 48%,#123d3b 100%)!important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.08) inset,
    0 18px 50px rgba(14,50,42,.16)!important;
}

.manager-hero::before,
.history-manager-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1;
  pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.16) .8px,transparent .8px)!important;
  background-size:17px 17px!important;
  mask-image:linear-gradient(90deg,transparent 30%,#000 72%,#000 100%);
  opacity:.48;
}

.manager-hero::after,
.history-manager-hero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:340px!important;
  height:340px!important;
  right:-110px!important;
  top:-170px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:-1;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,0) 68%)!important;
  filter:blur(1px);
  animation:managerAurora 12s ease-in-out infinite alternate;
}

.manager-hero-copy,
.history-manager-hero .manager-hero-copy{
  position:relative;
  z-index:1;
  max-width:820px;
}

.manager-hero-copy .eyebrow,
.history-manager-hero .eyebrow{
  margin-bottom:10px!important;
  padding:6px 10px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:#dff8ee!important;
  backdrop-filter:blur(8px);
  letter-spacing:.095em!important;
}

.manager-hero-copy .eyebrow::before,
.history-manager-hero .eyebrow::before{
  background:#7ee2bc!important;
  box-shadow:0 0 0 4px rgba(126,226,188,.12),0 0 18px rgba(126,226,188,.34)!important;
}

.manager-hero-copy h1,
.history-manager-hero h1{
  color:#fff!important;
  font-size:clamp(2.2rem,3vw,3rem)!important;
  letter-spacing:-.045em!important;
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}

.manager-hero-copy p,
.history-manager-hero p{
  max-width:760px!important;
  color:rgba(239,252,247,.75)!important;
  font-size:1rem!important;
}

.manager-hero-actions{
  position:relative;
  z-index:2;
  padding-top:0!important;
}

.manager-hero .btn-primary,
.history-manager-hero .btn-primary{
  border-color:#fff!important;
  background:#fff!important;
  color:#0d5747!important;
  box-shadow:0 8px 24px rgba(1,29,23,.18)!important;
}

.manager-hero .btn-primary:hover,
.history-manager-hero .btn-primary:hover{
  border-color:#f5fffb!important;
  background:#f5fffb!important;
  color:#093f34!important;
  box-shadow:0 11px 28px rgba(1,29,23,.23)!important;
}

.manager-hero .btn-ghost,
.history-manager-hero .btn-ghost,
.manager-hero .btn-secondary,
.history-manager-hero .btn-secondary{
  border-color:rgba(255,255,255,.20)!important;
  background:rgba(255,255,255,.075)!important;
  color:#f1fff9!important;
  backdrop-filter:blur(8px);
}

.manager-hero .btn-ghost:hover,
.history-manager-hero .btn-ghost:hover,
.manager-hero .btn-secondary:hover,
.history-manager-hero .btn-secondary:hover{
  border-color:rgba(255,255,255,.30)!important;
  background:rgba(255,255,255,.13)!important;
}

/* Floating navigation visually docks into the hero. */
.manager-saas-nav,
.history-page>.manager-saas-nav-history{
  position:relative!important;
  z-index:8!important;
  width:calc(100% - 36px)!important;
  min-height:58px!important;
  margin:-20px auto 24px!important;
  padding:6px!important;
  border:1px solid rgba(209,221,217,.82)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 12px 34px rgba(22,55,47,.10),0 1px 1px rgba(255,255,255,.92) inset!important;
  backdrop-filter:blur(18px) saturate(135%);
}

.manager-saas-tab{
  min-height:44px!important;
  padding:8px 16px!important;
  border-radius:10px!important;
}

.manager-saas-tab.is-active{
  background:linear-gradient(180deg,#eff8f5,#e7f3ef)!important;
  color:#0d5948!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04),inset 0 0 0 1px rgba(23,107,86,.10)!important;
}

.manager-saas-tab.is-active .manager-static-icon{
  filter:drop-shadow(0 2px 5px rgba(23,107,86,.18));
}

/* KPI cards become compact premium instruments. */
.manager-kpi,
.history-stats article{
  min-height:120px!important;
  border-color:rgba(218,226,223,.95)!important;
  border-radius:16px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,252,251,.96)) padding-box,
    linear-gradient(145deg,rgba(255,255,255,1),rgba(193,213,205,.55)) border-box!important;
  box-shadow:0 10px 28px rgba(25,61,52,.055),0 1px 0 rgba(255,255,255,.9) inset!important;
}

.manager-kpi::after,
.history-stats article::after{
  content:"";
  position:absolute;
  width:90px;
  height:90px;
  right:-36px;
  top:-40px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(46,142,113,.11),rgba(46,142,113,0) 68%);
  pointer-events:none;
}

.manager-kpi::before,
.history-stats article::before{
  top:18px!important;
  bottom:18px!important;
  left:0!important;
  width:4px!important;
  border-radius:0 8px 8px 0!important;
}

.manager-kpi:hover,
.history-stats article:hover{
  transform:translateY(-2px)!important;
  border-color:#cbdad5!important;
  box-shadow:0 16px 38px rgba(25,61,52,.09),0 1px 0 rgba(255,255,255,.95) inset!important;
}

.manager-kpi>strong,
.history-stats article>strong{
  font-size:2.08rem!important;
}

/* Operational center: command console with a distinctive title rail. */
.manager-action-center{
  position:relative;
  overflow:hidden;
  border-radius:18px!important;
  border-color:#d8e2de!important;
  box-shadow:0 16px 40px rgba(25,61,52,.065)!important;
}

.manager-action-center::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#176b56 0%,#5ab994 46%,#8fb9aa 72%,transparent 100%);
}

.manager-action-center-head{
  margin:-20px -20px 16px!important;
  padding:21px 20px 17px!important;
  background:linear-gradient(180deg,#fbfdfc,#f7faf9)!important;
  border-bottom:1px solid #e5ece9!important;
}

.manager-action-center-head h2{
  font-size:1.35rem!important;
}

.manager-action-item{
  overflow:hidden;
  border-radius:13px!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02)!important;
}

.manager-action-item:hover{
  transform:translateY(-1px);
  border-color:#cbd8d3!important;
  box-shadow:0 8px 22px rgba(25,61,52,.065)!important;
}

.manager-action-item::before{
  top:0!important;
  bottom:0!important;
  left:0!important;
  width:5px!important;
  border-radius:0!important;
}

.manager-action-status-block{
  min-height:40px;
  padding-inline:11px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset!important;
}

.manager-action-status-icon{
  display:inline-grid!important;
  place-items:center;
  width:24px!important;
  height:24px!important;
  border-radius:8px;
  background:rgba(255,255,255,.62);
}

/* Workspace becomes a clean floating control surface. */
.manager-workspace,
.history-workspace,
.history-validation-section{
  border-radius:18px!important;
  border-color:#d9e2df!important;
  box-shadow:0 18px 48px rgba(25,61,52,.07)!important;
}

.manager-folder-sidebar,
.history-filters{
  background:
    linear-gradient(180deg,#f6faf8 0%,#f9fbfa 54%,#f5f8f7 100%)!important;
}

.manager-folder-sidebar-head,
.history-filter-head{
  position:relative;
}

.manager-folder-sidebar-head>div::after,
.history-filter-head>div::after{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin-top:10px;
  border-radius:999px;
  background:linear-gradient(90deg,#176b56,#8db8a9);
}

.manager-folder-link.is-active,
.manager-folder-tree-link.is-active{
  background:linear-gradient(90deg,#e4f2ed,#edf7f3)!important;
  box-shadow:inset 3px 0 0 #176b56!important;
}

.manager-table-toolbar{
  background:linear-gradient(180deg,#ffffff,#fbfcfc)!important;
}

.manager-search-wrap{
  position:relative;
}

.manager-search-wrap input{
  border-radius:11px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
}

.manager-search-wrap input:focus{
  box-shadow:0 0 0 4px rgba(23,107,86,.08),0 4px 14px rgba(23,107,86,.06)!important;
}

.manager-list-header{
  background:rgba(244,248,247,.96)!important;
  backdrop-filter:blur(12px)!important;
}

.manager-list-row{
  transition:background .14s ease,box-shadow .14s ease,transform .14s ease!important;
}

.manager-list-row:hover{
  z-index:1;
  transform:translateY(-1px);
  background:#fff!important;
  box-shadow:0 8px 24px rgba(25,61,52,.055)!important;
}

/* Status badges: miniature branded control chips. */
.manager-status-pill,
.history-result-pill{
  min-height:34px!important;
  padding:6px 11px 6px 14px!important;
  border-radius:10px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025),inset 0 1px 0 rgba(255,255,255,.65)!important;
}

.manager-status-pill .manager-ui-icon,
.history-result-pill .manager-ui-icon{
  width:15px!important;
  height:15px!important;
  filter:drop-shadow(0 1px 1px rgba(15,23,42,.08));
}

.manager-status-pill::after,
.history-result-pill::after{
  content:"";
  width:5px;
  height:5px;
  margin-left:2px;
  border-radius:50%;
  background:currentColor;
  opacity:.42;
  box-shadow:0 0 0 3px color-mix(in srgb,currentColor 11%,transparent);
}

/* History rows feel like an audit feed, not a spreadsheet dump. */
.history-operation-row{
  overflow:hidden;
  transition:background .14s ease,box-shadow .14s ease,transform .14s ease!important;
}

.history-operation-row:hover{
  z-index:1;
  transform:translateY(-1px);
  background:#fff!important;
  box-shadow:0 8px 24px rgba(25,61,52,.055)!important;
}

.history-operation-chevron{
  display:grid!important;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid #e2e9e6;
  border-radius:9px;
  background:#f8faf9;
  color:#60716b;
  transition:transform .14s ease,background .14s ease,color .14s ease;
}

.history-operation-row:hover .history-operation-chevron{
  transform:translateX(2px);
  background:#edf6f2;
  color:#176b56;
}

/* Primary actions use a gentle premium depth rather than a flat block. */
body:has(.manager-workspace) .btn-primary,
body:has(.manager-action-center) .btn-primary,
body:has(.history-page) .btn-primary{
  background:linear-gradient(180deg,#1d755f,#155f4e)!important;
  box-shadow:0 5px 14px rgba(23,107,86,.18),inset 0 1px 0 rgba(255,255,255,.13)!important;
}

body:has(.manager-workspace) .btn-primary:hover,
body:has(.manager-action-center) .btn-primary:hover,
body:has(.history-page) .btn-primary:hover{
  background:linear-gradient(180deg,#1a6e59,#105442)!important;
  box-shadow:0 7px 18px rgba(23,107,86,.23),inset 0 1px 0 rgba(255,255,255,.13)!important;
}

/* Hero button styling must win over the shared primary treatment. */
.manager-hero .btn-primary,
.history-manager-hero .btn-primary{
  background:#fff!important;
  box-shadow:0 8px 24px rgba(1,29,23,.18)!important;
}

/* A very subtle premium motion only on large pointers. */
@media(hover:hover) and (pointer:fine){
  .manager-kpi,
  .history-stats article,
  .manager-action-item,
  .manager-list-row,
  .history-operation-row{
    will-change:transform;
  }
}

@keyframes managerAurora{
  from{transform:translate3d(-10px,-4px,0) scale(.96);opacity:.72}
  to{transform:translate3d(12px,8px,0) scale(1.08);opacity:1}
}

@media(max-width:860px){
  .manager-hero,
  .history-manager-hero{
    min-height:0!important;
    padding:22px 22px 30px!important;
    border-radius:18px!important;
  }

  .manager-saas-nav,
  .history-page>.manager-saas-nav-history{
    width:calc(100% - 18px)!important;
    margin:-16px auto 18px!important;
  }

  .manager-kpi:hover,
  .history-stats article:hover,
  .manager-action-item:hover,
  .manager-list-row:hover,
  .history-operation-row:hover{
    transform:none!important;
  }
}

@media(max-width:640px){
  body:has(.manager-workspace),
  body:has(.manager-action-center),
  body:has(.history-page){
    background-size:auto,auto,22px 22px,22px 22px!important;
  }

  .manager-hero,
  .history-manager-hero{
    padding:20px 18px 28px!important;
  }

  .manager-hero-copy h1,
  .history-manager-hero h1{
    font-size:1.95rem!important;
  }

  .manager-hero-copy p,
  .history-manager-hero p{
    font-size:.88rem!important;
  }

  .manager-saas-nav,
  .history-page>.manager-saas-nav-history{
    width:calc(100% - 12px)!important;
    margin:-14px auto 16px!important;
  }

  .manager-saas-tab{
    padding-inline:12px!important;
  }

  .manager-kpi,
  .history-stats article{
    min-height:104px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .manager-hero::after,
  .history-manager-hero::after{
    animation:none!important;
  }

  .manager-kpi,
  .history-stats article,
  .manager-action-item,
  .manager-list-row,
  .history-operation-row,
  .history-operation-chevron{
    transition:none!important;
  }
}


/* ===== QR Checklist v4.1 · Mobile alignment + shared hero component ===== */
/* One semantic/visual component for Overview, Checklists and History. */

.manager-hero .manager-hero-kicker,
.history-manager-hero .manager-hero-kicker{
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
}

.manager-hero .manager-hero-title,
.history-manager-hero .manager-hero-title{
  margin:0 0 8px!important;
  color:#fff!important;
  font-family:inherit!important;
  font-weight:800!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
}

.manager-hero .manager-hero-subtitle,
.history-manager-hero .manager-hero-subtitle{
  margin:0!important;
  color:rgba(239,252,247,.78)!important;
  font-family:inherit!important;
  font-weight:400!important;
  line-height:1.5!important;
}

/* Prevent any history-specific heading rule from overriding the shared hero. */
.history-page .history-manager-hero .manager-hero-title{
  color:#fff!important;
}
.history-page .history-manager-hero .manager-hero-subtitle{
  color:rgba(239,252,247,.78)!important;
}

/* Shared nav geometry before the mobile breakpoint. */
.manager-unified-nav{
  box-sizing:border-box!important;
}
.manager-unified-nav .manager-saas-tab{
  box-sizing:border-box!important;
  min-width:0!important;
}

/* Phone layout: same gutter, same hero, same nav and same card grid on every manager page. */
@media(max-width:640px){
  .shell:has(.manager-workspace),
  .shell:has(.manager-action-center),
  body:has(.history-page) .shell{
    width:100%!important;
    max-width:none!important;
    padding:16px 14px 52px!important;
    box-sizing:border-box!important;
  }

  .manager-hero,
  .history-manager-hero{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:20px 18px 30px!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
  }

  .manager-hero-copy,
  .history-manager-hero .manager-hero-copy{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .manager-hero .manager-hero-kicker,
  .history-manager-hero .manager-hero-kicker{
    width:100%!important;
    min-height:42px!important;
    margin:0 0 16px!important;
    padding:7px 13px!important;
    border-radius:999px!important;
  }

  .manager-hero .manager-hero-title,
  .history-manager-hero .manager-hero-title{
    margin:0 0 14px!important;
    font-size:clamp(1.95rem,9.2vw,2.45rem)!important;
    line-height:1.02!important;
    overflow-wrap:anywhere;
  }

  .manager-hero .manager-hero-subtitle,
  .history-manager-hero .manager-hero-subtitle{
    max-width:none!important;
    font-size:.92rem!important;
    line-height:1.5!important;
  }

  /* One or two visible CTA buttons automatically use the full available width. */
  .manager-hero-actions{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
    width:100%!important;
    gap:10px!important;
    margin-top:20px!important;
    padding:0!important;
  }

  .manager-hero-actions .btn{
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    margin:0!important;
    justify-content:center!important;
    padding:10px 12px!important;
    white-space:normal!important;
    text-align:center!important;
  }

  /* Fixed 3-column nav: no horizontal scroll, no clipped "Historique". */
  .manager-unified-nav,
  .history-page>.manager-unified-nav{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
    width:calc(100% - 12px)!important;
    min-height:58px!important;
    margin:-16px auto 18px!important;
    padding:6px!important;
    gap:4px!important;
    overflow:visible!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
  }

  .manager-unified-nav .manager-saas-tab{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    padding:8px 6px!important;
    gap:6px!important;
    border-radius:10px!important;
    font-size:.73rem!important;
    line-height:1.15!important;
    justify-content:center!important;
  }

  .manager-unified-nav .manager-saas-tab .manager-static-icon{
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
  }

  .manager-unified-nav .manager-saas-tab>span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Identical mobile KPI geometry on overview and history. */
  .manager-kpi-shell,
  .history-stats{
    width:100%!important;
    margin:0 0 18px!important;
    box-sizing:border-box!important;
  }

  .manager-kpis,
  .history-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .manager-kpi,
  .history-stats article{
    min-width:0!important;
    min-height:132px!important;
    padding:17px 16px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
  }

  .manager-kpi>span,
  .history-stats article>span{
    min-height:2.2em!important;
    margin-bottom:8px!important;
    font-size:.67rem!important;
    line-height:1.12!important;
  }

  .manager-kpi>strong,
  .history-stats article>strong{
    font-size:2rem!important;
    line-height:1!important;
  }

  .manager-kpi>small,
  .history-stats article>small{
    margin-top:10px!important;
    font-size:.72rem!important;
    line-height:1.35!important;
  }

  .manager-action-center,
  .manager-workspace,
  .history-workspace,
  .history-validation-section,
  .history-detail-header{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  .history-detail-header{
    padding-left:2px!important;
    padding-right:2px!important;
  }
}

@media(max-width:380px){
  .manager-unified-nav .manager-saas-tab{
    padding-inline:4px!important;
    gap:4px!important;
    font-size:.69rem!important;
  }
  .manager-unified-nav .manager-saas-tab .manager-static-icon{
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
  }
}

/* Folder sidebar: keep the title clear of "Gérer" and show long names on two lines. */
.manager-folder-sidebar-head>div{flex:1 1 auto;min-width:0}
.manager-folder-manage-button{flex:none}
.manager-folder-tree-link>span:nth-child(2){
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.25;
}

/* ---------- Overview: "Ma journée", sites, trends ---------- */
.manager-kpis.manager-day{display:block!important;padding:22px 24px 20px}
.manager-day-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.manager-day-copy{min-width:0}
.manager-day-date{display:block;color:var(--mgr-muted);font-size:.8rem;font-weight:650}
.manager-day-date::first-letter{text-transform:uppercase}
.manager-day-title{margin:4px 0 0;color:var(--mgr-text);font-size:clamp(1.2rem,2.1vw,1.6rem);line-height:1.2;letter-spacing:-.025em}
.manager-day-score{flex:none;text-align:right}
.manager-day-score strong{display:block;color:var(--mgr-brand-strong);font-size:2.5rem;line-height:1;letter-spacing:-.045em}
.manager-day-score strong span{margin-left:2px;color:var(--mgr-muted);font-size:1.05rem;font-weight:650;letter-spacing:0}
.manager-day-score small{color:var(--mgr-muted);font-size:.74rem}
.manager-day-bar{display:flex;gap:3px;height:12px;margin:18px 0 14px;overflow:hidden;border-radius:999px;background:#eef1f4}
.manager-day-bar span{flex-basis:0;min-width:8px}
.manager-day-bar .is-done{background:#1f9d6b}
.manager-day-bar .is-attention{background:#e3a33b}
.manager-day-bar .is-late{background:#d64550}
.manager-day-bar .is-pending{background:#cfd6de}
.manager-day-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.manager-day-stat{
  display:grid;grid-template-columns:10px minmax(0,1fr);column-gap:10px;align-items:center;
  min-width:0;padding:10px 12px;border:1px solid var(--mgr-border);border-radius:12px;
  background:var(--mgr-surface-muted);color:var(--mgr-text);font:inherit;text-align:left;cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.manager-day-stat:hover{border-color:var(--mgr-border-strong);background:#fff;transform:translateY(-1px)}
.manager-day-stat:focus-visible{outline:2px solid var(--mgr-brand);outline-offset:2px}
.manager-day-stat i{grid-row:1/3;width:10px;height:10px;border-radius:50%}
.manager-day-stat strong{font-size:1.3rem;line-height:1.15;letter-spacing:-.02em}
.manager-day-stat span{grid-column:2;color:var(--mgr-muted);font-size:.72rem;line-height:1.3}
.manager-day-stat.is-done i{background:#1f9d6b}
.manager-day-stat.is-attention i{background:#e3a33b}
.manager-day-stat.is-late i{background:#d64550}
.manager-day-stat.is-pending i{background:#aab4bf}
.manager-day-stat.is-late.needs-attention{border-color:#f3c9cd;background:var(--mgr-danger-soft)}
.manager-day-stat.is-late.needs-attention strong{color:var(--mgr-danger)}
.manager-day-stat.is-attention.needs-attention{border-color:#f2d9ad;background:var(--mgr-warning-soft)}
.manager-day-stat.is-attention.needs-attention strong{color:var(--mgr-warning)}

.manager-site-board{margin:0 0 20px;padding:18px 22px 8px;border:1px solid var(--mgr-border);border-radius:18px;background:#fff;box-shadow:var(--mgr-shadow)}
.manager-site-board.is-empty{display:none!important}
.manager-site-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.manager-site-board-head h2{margin:3px 0 0;color:var(--mgr-text);font-size:1.08rem}
.manager-site-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(80px,1fr) minmax(0,1.4fr) auto;align-items:center;gap:16px;padding:12px 0;border-top:1px solid #eef1f4}
.manager-site-row:first-child{border-top:0}
.manager-site-name{display:flex;align-items:center;gap:10px;min-width:0;padding:0;border:0;background:none;color:var(--mgr-text);font:inherit;text-align:left;cursor:pointer}
.manager-site-name>span:last-child{display:grid;min-width:0}
.manager-site-name strong{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}
.manager-site-name small{color:var(--mgr-muted);font-size:.72rem}
.manager-site-name:hover strong{color:var(--mgr-brand);text-decoration:underline;text-underline-offset:3px}
.manager-site-icon{display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--mgr-brand-soft);color:var(--mgr-brand)}
.manager-site-icon .manager-ui-icon{width:17px;height:17px}
.manager-site-row.is-late .manager-site-icon{background:var(--mgr-danger-soft);color:var(--mgr-danger)}
.manager-site-row.is-attention .manager-site-icon{background:var(--mgr-warning-soft);color:var(--mgr-warning)}
.manager-site-progress{height:8px;overflow:hidden;border-radius:999px;background:#eef1f4}
.manager-site-progress span{display:block;height:100%;border-radius:inherit;background:#1f9d6b}
.manager-site-badges{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.manager-site-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#f1f4f7;color:#52606d;font-size:.7rem;font-weight:700;white-space:nowrap}
.manager-site-badge .manager-ui-icon{width:12px;height:12px}
.manager-site-badge.is-late{background:var(--mgr-danger-soft);color:var(--mgr-danger)}
.manager-site-badge.is-attention{background:var(--mgr-warning-soft);color:var(--mgr-warning)}
.manager-site-badge.is-ok{background:var(--mgr-brand-soft);color:var(--mgr-brand)}
.manager-site-action{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.manager-site-action .manager-ui-icon{flex:none;width:15px;height:15px}

.manager-trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
.manager-trend{min-width:0;padding:12px 14px;border:1px solid var(--mgr-border);border-radius:12px;background:var(--mgr-surface-muted)}
.manager-trend span{display:block;color:var(--mgr-muted);font-size:.72rem;font-weight:650}
.manager-trend strong{display:block;margin-top:2px;color:var(--mgr-text);font-size:1.35rem;letter-spacing:-.02em}
.manager-trend small{color:var(--mgr-muted);font-size:.7rem}
.manager-trend.is-warning strong{color:var(--mgr-warning)}

@media(max-width:860px){
  .manager-kpis.manager-day{padding:16px}
  .manager-day-head{flex-direction:column;align-items:flex-start;gap:10px}
  .manager-day-score{text-align:left}
  .manager-day-score strong{font-size:2rem}
  .manager-day-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .manager-site-board{padding:14px 14px 4px}
  .manager-site-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
  .manager-site-progress{grid-column:1/-1;order:3}
  .manager-site-badges{grid-column:1/-1;order:4}
}

/* ---------- Checklist list: today's state, 7-day trend ---------- */
.manager-list-row-v2>.manager-row-status{display:grid;justify-items:start;gap:4px;min-width:0}
.manager-row-status-detail{max-width:100%;overflow:hidden;color:var(--mgr-muted);font-size:.7rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.manager-list-row-v2.state-late .manager-row-status-detail{color:var(--mgr-danger);font-weight:650}
.manager-list-row-v2.state-attention .manager-row-status-detail{color:var(--mgr-warning);font-weight:650}
.manager-list-row-v2.state-late{box-shadow:inset 3px 0 0 #d64550}
.manager-list-row-v2.state-pending{box-shadow:inset 3px 0 0 #cfd6de}
.manager-row-trend{display:grid;gap:5px;min-width:0}
.manager-spark{display:flex;align-items:flex-end;gap:3px;height:26px}
.manager-spark i{flex:1 1 0;max-width:11px;height:var(--h);min-height:3px;border-radius:3px;background:#e3e8ec}
.manager-spark i.is-ok{background:#1f9d6b}
.manager-spark i.is-partial{background:#e3a33b}
.manager-row-trend small{color:var(--mgr-muted);font-size:.7rem;white-space:nowrap}
.manager-row-trend small strong{color:var(--mgr-text)}
@media(max-width:860px){
  .manager-list-row-v2>.manager-row-trend{grid-area:activity!important;width:100%;padding:10px 12px;border:1px solid #e5ece7;border-radius:12px;background:#f6f9f7}
  .manager-spark{height:30px}
  .manager-spark i{max-width:none}
  .manager-row-trend small{font-size:14px}
  .manager-row-status-detail{font-size:13px;white-space:normal}
}

/* Phone tap targets in the validation detail: at least 44px. */
@media(max-width:860px){
  #historyDrawerFooter [data-history-review-action]{min-height:44px}
}

/* ---------- History: day groups, two-line rows, progress ---------- */
.history-day-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 16px 7px;border-bottom:1px solid #eef1f4;background:var(--mgr-surface-muted)}
.history-day-heading:first-child{padding-top:10px}
.history-day-heading strong{color:var(--mgr-text);font-size:.82rem}
.history-day-heading span{color:var(--mgr-muted);font-size:.72rem;font-weight:600}
.history-operation-open{min-height:58px!important;padding-top:9px!important;padding-bottom:9px!important}
.history-operation-person{display:block!important;min-width:0}
.history-operation-person>strong{display:block!important}
.history-operation-person .history-operation-context,
.history-operation-person .history-operation-validator,
.history-operation-person time{display:inline!important}
.history-operation-person .history-operation-context+.history-operation-validator::before,
.history-operation-person .history-operation-validator+time::before{content:" · ";color:var(--mgr-muted)}
.history-operation-bar{display:block;width:56px;height:4px;margin-top:5px;overflow:hidden;border-radius:999px;background:#eef1f4}
.history-operation-bar i{display:block;height:100%;border-radius:inherit;background:#1f9d6b}
.history-operation-row.is-partial .history-operation-bar i{background:#e3a33b}
.history-operation-row.is-treated .history-operation-bar i{background:#6c9b8c}
.history-queue-tab.has-items:not(.is-active){border-color:#f2d9ad;background:var(--mgr-warning-soft);color:var(--mgr-warning)}
#globalHistoryStatPartial{color:var(--mgr-warning)}
[data-queue-link]{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
[data-queue-link]:hover{transform:translateY(-1px);box-shadow:var(--mgr-shadow-hover)}
[data-queue-link]:focus-visible{outline:2px solid var(--mgr-brand);outline-offset:2px}

/* ---------- Pricing on phones: one swipeable row of the 5 plans ---------- */
.pricing-swipe-hint,.pricing-plan-dots{display:none}
/* Desktop: the wrapper keeps the section's spacing between paid and entry plans. */
.pricing-plan-track{display:grid;row-gap:inherit}
.pricing-compare-details>summary{display:none}
@media(max-width:760px){
  .pricing-swipe-hint{display:block;order:1;margin:0;color:#667382;font-size:.78rem;font-weight:600;text-align:center}
  .pricing-plan-track{
    order:1;position:relative;display:flex!important;align-items:stretch;gap:12px;
    overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;
    scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  }
  .pricing-plan-track::-webkit-scrollbar{display:none}
  .pricing-plan-track:focus-visible{outline:2px solid #176b56;outline-offset:3px;border-radius:14px}
  .pricing-plan-track>.pricing-primary-grid,
  .pricing-plan-track .pricing-entry-details,
  .pricing-plan-track .pricing-entry-grid{display:contents!important}
  .pricing-plan-track .pricing-plan-card,
  .pricing-plan-track .pricing-entry-card{flex:0 0 84%;max-width:340px;margin:0!important;scroll-snap-align:center}
  .pricing-plan-track .pricing-entry-card{order:-1}
  .pricing-plan-dots{display:flex;order:1;justify-content:center;gap:7px;margin-top:-6px}
  .pricing-plan-dots i{width:7px;height:7px;border-radius:50%;background:#cfd6de;transition:background .2s ease,width .2s ease}
  .pricing-plan-dots i.is-active{width:18px;border-radius:999px;background:#176b56}
  .pricing-compare-details{order:3}
  .pricing-compare-details>summary{
    display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;
    border:1px solid #dbe4e0;border-radius:14px;background:#fff;color:#176b56;font-weight:700;cursor:pointer;list-style:none;
  }
  .pricing-compare-details>summary::-webkit-details-marker{display:none}
  .pricing-compare-details>summary::after{content:"▾";margin-left:8px}
  .pricing-compare-details[open]>summary{margin-bottom:12px}
  .pricing-compare-details[open]>summary::after{content:"▴"}
}

/* ---------- Login and sign-up ---------- */
.auth-card[data-email-auth]{max-width:460px;margin:6vh auto;padding:30px 30px 24px}
.auth-card[data-email-auth] h1{margin:6px 0 6px;font-size:2rem;line-height:1.1;letter-spacing:-.03em}
.auth-intro{margin:0 0 18px;color:#5b6b7a;font-size:.95rem;line-height:1.5}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 18px;padding:4px;border-radius:14px;background:#eef3f1}
.auth-tabs button{min-height:42px;border:0;border-radius:11px;background:transparent;color:#4b5b6a;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer}
.auth-tabs button[aria-selected="true"]{background:#fff;color:#123b30;box-shadow:0 1px 2px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.06)}
.auth-tabs button:focus-visible{outline:2px solid #176b56;outline-offset:2px}
.auth-card .btn-google{width:100%;min-height:48px}
.auth-card .auth-divider{margin:18px 0 14px;color:#7a8794;font-size:.8rem}
.auth-form{display:grid;gap:14px}
.auth-field{display:grid;gap:6px}
.auth-field label{color:#1f2d3a;font-size:.86rem;font-weight:700}
.auth-field[hidden]{display:none!important}
.auth-optional{margin-left:6px;color:#6b7c75;font-size:.76rem;font-weight:600}
.profile-name-form{display:grid;gap:6px;margin-top:14px}
.profile-name-form label{color:#1f2d3a;font-size:.84rem;font-weight:700}
.profile-name-row{display:flex;flex-wrap:wrap;gap:8px}
.profile-name-row input{flex:1 1 200px;min-height:44px;padding:0 12px;border:1px solid #d5dfdb;border-radius:12px;font:inherit}
.auth-field-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.auth-field input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #d0d9d5;border-radius:12px;background:#fff;color:#10241e;font:inherit;font-size:16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.auth-field input:focus{border-color:#176b56;box-shadow:0 0 0 4px rgba(23,107,86,.14)}
.auth-field input[aria-invalid="true"]{border-color:#c2414b;box-shadow:0 0 0 4px rgba(194,65,75,.12)}
.auth-password{position:relative}
.auth-password input{padding-right:92px}
.auth-reveal{position:absolute;top:50%;right:8px;transform:translateY(-50%);min-height:34px;padding:0 12px;border:0;border-radius:9px;background:#eef3f1;color:#176b56;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}
.auth-reveal:focus-visible,.auth-link:focus-visible{outline:2px solid #176b56;outline-offset:2px}
.auth-help{color:#667382;font-size:.78rem}
.auth-link{padding:4px 0;border:0;background:none;color:#176b56;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.auth-error{margin:0;padding:10px 12px;border:1px solid #f3c9cd;border-radius:12px;background:#fff1f2;color:#9f2f39;font-size:.88rem;line-height:1.4}
.auth-form .btn-primary{min-height:50px;font-size:1rem}
.auth-foot{margin:18px 0 0;text-align:center}
.auth-notice{display:grid;gap:12px;justify-items:start}
.auth-notice h2{margin:0;font-size:1.35rem;letter-spacing:-.02em;outline:none}
.auth-notice p{margin:0;color:#4b5b6a;line-height:1.5}
.auth-notice .btn{width:100%}
.auth-notice-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf5f1;color:#176b56;font-size:1.4rem}
.auth-status:empty{display:none}
@media(max-width:520px){
  .auth-card[data-email-auth]{margin:3vh auto;padding:22px 18px 18px}
  .auth-card[data-email-auth] h1{font-size:1.7rem}
}
.auth-rules{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}
.auth-rules li{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#f1f4f7;color:#5b6b7a;font-size:.76rem;font-weight:600}
.auth-rules li::before{content:"";width:7px;height:7px;border-radius:50%;background:#b8c2cc}
.auth-rules li.is-ok{background:#eaf5f1;color:#176b56}
.auth-rules li.is-ok::before{content:"✓";width:auto;height:auto;background:none;font-size:.78rem}
.auth-form .btn-primary{background:#176b56;box-shadow:0 8px 22px rgba(23,107,86,.22)}
.auth-form .btn-primary:hover{background:#125846}
.auth-rules[hidden],.auth-tabs[hidden],[data-auth-panel][hidden]{display:none!important}
/* Mobile: keep the action-center chip labels on one line. */
@media(max-width:520px){.manager-action-summary-chip{justify-content:center;gap:6px}.manager-action-summary-chip>span{white-space:nowrap}}

/* ===== v5 · Compact manager header (option A) =====
   Tabs first (with the create button on the right), then a small page title.
   On "Ma journée" the greeting is the title, so the page head is hidden.
   On phones the tabs become a bottom bar and "Nouvelle checklist" a floating button.
   Prefixed with #app to win over the earlier !important layers. */
#app .manager-unified-nav{
  position:relative!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  width:100%!important;
  min-height:0!important;
  margin:0 0 18px!important;
  padding:0 8px!important;
  border:1px solid #dfe7e4!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  backdrop-filter:none!important;
  overflow-x:auto!important;
}
#app .manager-unified-nav .manager-saas-tab{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:52px!important;
  padding:0 14px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#667382!important;
}
#app .manager-unified-nav .manager-saas-tab:hover{background:transparent!important;color:#263442!important}
#app .manager-unified-nav .manager-saas-tab.is-active{
  border-bottom-color:#176b56!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#176b56!important;
}
#app .manager-unified-nav .manager-saas-tab.is-active .manager-static-icon{filter:none!important}
#app .manager-nav-spacer{flex:1 1 auto}
#app .manager-nav-create{flex:0 0 auto;min-height:38px!important;margin:6px 2px!important;padding:8px 14px!important;white-space:nowrap}

#app .manager-hero,
#app .history-manager-hero{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:0!important;
  margin:0 0 16px!important;
  padding:0 2px!important;
  overflow:visible!important;
  isolation:auto!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
#app .manager-hero::before,#app .manager-hero::after,
#app .history-manager-hero::before,#app .history-manager-hero::after{content:none!important;display:none!important;animation:none!important}
#app .manager-hero .manager-hero-kicker,
#app .history-manager-hero .manager-hero-kicker{display:none!important}
#app .manager-hero .manager-hero-title,
#app .history-manager-hero .manager-hero-title{
  margin:0 0 2px!important;
  color:#14231f!important;
  font-size:1.5rem!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  text-shadow:none!important;
}
#app .manager-hero .manager-hero-subtitle,
#app .history-manager-hero .manager-hero-subtitle{
  color:#667085!important;
  font-size:.88rem!important;
  line-height:1.45!important;
}
#app .manager-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:auto!important;margin:0!important;padding:0!important}
#app .manager-hero .btn-ghost,
#app .manager-hero .btn-secondary{
  border:1px solid #dfe7e4!important;
  background:#fff!important;
  color:#263442!important;
  backdrop-filter:none!important;
}
#app .manager-hero .btn-ghost:hover,
#app .manager-hero .btn-secondary:hover{background:#f6f8f7!important;border-color:#cfd9d5!important}
/* Ma journée: the greeting ("Bonjour …") already titles the page. */
#app:has([data-manager-section="overview"]:not([hidden])) .manager-hero:not(.history-manager-hero){display:none!important}
/* A checklist history page is titled by the checklist name itself. */
#app .history-detail-page .history-manager-hero{display:none!important}
#app .billing-state-notice{gap:14px!important;margin:0 0 16px!important;padding:11px 14px!important;border-radius:12px!important}
#app .billing-state-notice>div{gap:2px!important}
#app .billing-state-notice .btn{min-height:36px!important;padding:8px 14px!important;font-size:.82rem!important;white-space:nowrap}

@media(max-width:640px){
  #app .manager-unified-nav{
    position:fixed!important;
    top:auto!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    z-index:50!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
    width:auto!important;
    margin:0!important;
    padding:6px 8px calc(8px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-top:1px solid #dfe7e4!important;
    border-radius:0!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 -6px 20px rgba(16,36,30,.07)!important;
    overflow:visible!important;
  }
  #app .manager-unified-nav .manager-saas-tab{
    flex-direction:column!important;
    justify-content:center!important;
    gap:3px!important;
    min-height:54px!important;
    padding:6px 0!important;
    border-bottom:0!important;
    border-radius:12px!important;
    font-size:.7rem!important;
  }
  #app .manager-unified-nav .manager-saas-tab.is-active{background:#e7f3ef!important}
  #app .manager-unified-nav .manager-saas-tab .manager-static-icon{width:20px!important;height:20px!important}
  #app .manager-nav-spacer{display:none}
  #app .manager-nav-create{
    position:fixed!important;
    right:16px!important;
    bottom:calc(84px + env(safe-area-inset-bottom))!important;
    z-index:51!important;
    display:grid!important;
    place-items:center!important;
    width:56px!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
    padding:0!important;
    border-radius:18px!important;
    box-shadow:0 10px 24px rgba(23,107,86,.35)!important;
  }
  #app .manager-nav-create span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  #app .manager-nav-create .manager-static-icon{width:24px!important;height:24px!important}
  body:has(.manager-unified-nav) .shell{padding-bottom:160px!important}
  /* Panels that open over the page stay above the bottom bar and the create button. */
  #app .manager-folder-drawer,
  #app .history-filter-panel{z-index:55!important}
  #app .billing-state-notice small{display:none!important}

  #app .manager-hero,
  #app .history-manager-hero{flex-direction:row!important;align-items:center!important;gap:10px!important;margin:2px 0 12px!important;padding:0!important}
  #app .manager-hero .manager-hero-title,
  #app .history-manager-hero .manager-hero-title{margin:0 0 2px!important;font-size:1.35rem!important;line-height:1.2!important}
  #app .manager-hero .manager-hero-subtitle,
  #app .history-manager-hero .manager-hero-subtitle{display:none!important}
  #app .manager-hero-actions{display:flex!important;width:auto!important;margin:0!important}
  #app .manager-hero-actions .btn{width:auto!important;min-height:38px!important;padding:7px 12px!important;font-size:.8rem!important}
}

/* Row action menu: direction chosen in JS from the space left on screen (.opens-up),
   and never clipped by the list frame while open. */
#app .manager-row-more.opens-up .manager-row-more-menu{top:auto!important;bottom:calc(100% + 6px)!important}
#app .manager-workspace:has(.manager-row-more[open]),
#app .manager-workspace-main:has(.manager-row-more[open]){overflow:visible!important}
/* Rows use will-change:transform (own stacking context): lift the row whose menu is open
   above the sticky column header (z-index 5). */
#app .manager-list-row-v2:has(.manager-row-more[open]){position:relative;z-index:20!important}

/* QR Checklist logo (QR code with a green check): the SVG draws its own tile. */
.brand-mark:has(svg){background:none!important;border-radius:0!important;box-shadow:none!important;color:inherit!important}
.brand-mark svg{display:block;width:100%;height:100%}

/* Admin shortcut in the profile menu: hidden unless the admin account is signed in. */
.profile-popover [hidden]{display:none!important}
.profile-popover .profile-admin-link{margin-top:6px;border-top:1px solid #edf2ef;font-weight:700;color:#176b56}

/* Custom offer prepared by the admin for one client (billing page). */
.custom-offer-card{display:grid;gap:10px;margin-top:16px;padding:22px;border:2px solid #176b56;background:linear-gradient(180deg,#f3faf7,#fff)}
.custom-offer-card h2{margin:0;font-size:1.3rem}
.custom-offer-card .custom-offer-price{margin:0;color:#4b5866}
.custom-offer-card .custom-offer-price strong{font-size:1.6rem;color:#14231f}
.custom-offer-card .billing-features{margin:0}
.custom-offer-card .btn{justify-self:start}

/* Exact amounts of a plan change (Stripe invoice preview). */
.plan-change-cost{display:grid;gap:0;border-radius:16px;background:#f0f9f5;border:1px solid #d9eee5;overflow:hidden}
.plan-change-cost div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 16px;font-size:.88rem;color:#52625e}
.plan-change-cost div+div{border-top:1px solid #d9eee5}
.plan-change-cost strong{color:#14231f;white-space:nowrap}
.plan-change-cost .is-total{background:#e3f3ec}
.plan-change-cost .is-total span,.plan-change-cost .is-total strong{color:#176b56;font-weight:800;font-size:.95rem}

/* Invoice ready after a payment. */
.invoice-ready-modal a.btn{text-decoration:none;justify-content:center}

/* Discreet link under a public checklist: each scan also introduces the service. */
.public-powered{margin:16px 0 0;text-align:center;font-size:.8rem;color:#7a8a84}
.public-powered a{color:inherit;text-decoration:none}
.public-powered a:hover,.public-powered a:focus-visible{color:#176b56;text-decoration:underline}
.public-powered strong{color:#176b56}