:root{--bg:#f4f6f9;--panel:#fff;--ink:#121826;--muted:#667085;--line:#e5e9f0;--dark:#111827;--accent:#5b6cff;--ok:#16794b}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--dark);color:white;padding:26px 18px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:white;color:var(--dark);font-weight:900}.brand strong,.brand small{display:block}.brand small{opacity:.55;margin-top:2px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{color:#dce2ea;text-decoration:none;padding:11px 12px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.sidebar nav a.active,.sidebar nav a:hover{background:#202a3a}.sidebar nav em{font-size:10px;font-style:normal;opacity:.45}.logout{margin-top:auto}.logout button{width:100%;padding:11px;border:1px solid #344054;border-radius:10px;background:transparent;color:white;cursor:pointer}main{padding:32px;max-width:1500px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1{margin:.2rem 0}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:#667085}.userchip{background:white;border:1px solid var(--line);padding:10px 14px;border-radius:999px}.hero{background:linear-gradient(125deg,#111827,#202a3a);color:white;border-radius:22px;padding:30px;display:flex;justify-content:space-between;gap:25px;align-items:center;box-shadow:0 18px 50px #10182818}.hero h2{font-size:30px;margin:7px 0 9px}.hero p{max-width:760px;color:#cbd5e1;line-height:1.6}.status{white-space:nowrap;background:#173b2b;color:#95f0c2;border:1px solid #285c43;padding:9px 12px;border-radius:999px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.stats article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.stats span,.stats small{display:block;color:var(--muted)}.stats strong{font-size:32px;display:block;margin:8px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checks{padding-left:20px;line-height:1.9}.bigtext{font-size:22px;font-weight:800}.guest{min-height:100vh;background:#0f172a;display:grid;place-items:center}.authwrap{width:min(440px,calc(100% - 32px));padding:24px}.authcard{background:white;padding:34px;border-radius:24px;box-shadow:0 35px 90px #0005}.brand.big{margin-bottom:28px}.authcard p{color:var(--muted);line-height:1.6}.authcard label{display:grid;gap:7px;font-weight:650;margin:18px 0}.authcard input{padding:13px 14px;border:1px solid #d0d5dd;border-radius:10px;font:inherit}.primary{width:100%;padding:13px;border:0;border-radius:10px;background:#111827;color:white;font-weight:750;cursor:pointer}.muted{display:block;color:var(--muted);margin-top:18px}.alert{padding:11px 13px;background:#fff1f0;border:1px solid #ffccc7;border-radius:10px;color:#9f1d1d}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}main{padding:20px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.stats{grid-template-columns:1fr}.hero h2{font-size:24px}}
/* Etapa 2 · Employees + Employee 360 */
.pagebar,.panel-head,.profile-title,.profile-actions,.chips,.breadcrumbs,.filters{display:flex;align-items:center}.pagebar,.panel-head{justify-content:space-between;gap:18px}.lead,.mutedline{color:var(--muted)}.lead{margin:0 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:700;font:inherit;cursor:pointer}.button small{font-size:10px;opacity:.55}.button[disabled],.button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.primary-button{background:#111827;color:#fff;border-color:#111827}.ghost{background:transparent}.filters{gap:10px;background:#fff;border:1px solid var(--line);padding:12px;border-radius:16px;margin-bottom:16px}.searchbox{display:flex;align-items:center;gap:8px;flex:1;border:1px solid #d0d5dd;border-radius:10px;padding:0 12px}.searchbox input{border:0;outline:0;padding:11px 0;width:100%;font:inherit;background:transparent}.table-panel{padding:0;overflow:hidden}.panel-head{padding:20px}.panel-head h2{margin:4px 0 0}.tablewrap{overflow:auto;border-top:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:11px;color:#667085;letter-spacing:.06em;background:#fafbfc}td small,.person small,.stack-row small{display:block;color:var(--muted);margin-top:4px}.person{display:flex;align-items:center;gap:11px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eef0ff;color:#4652c6;font-weight:900}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.badge.ok{background:#ecfdf3;color:#067647}.badge.off{background:#f2f4f7;color:#667085}.badge.wait{background:#fffaeb;color:#b54708}.rowlink{font-weight:750;color:#3448c5;text-decoration:none;white-space:nowrap}.pagination{display:flex;gap:7px;padding:15px 18px}.pagination a{min-width:34px;height:34px;display:grid;place-items:center;text-decoration:none;border:1px solid var(--line);border-radius:9px;color:#344054}.pagination a.current{background:#111827;color:white}.emptycell,.empty{text-align:center;padding:50px}.breadcrumbs{gap:8px;margin:-10px 0 14px;color:var(--muted);font-size:13px}.breadcrumbs a{color:#475467;text-decoration:none}.profile-hero{background:linear-gradient(125deg,#111827,#293448);color:white;border-radius:22px;padding:25px 28px;display:flex;justify-content:space-between;gap:22px;align-items:center}.profile-main{display:flex;align-items:center;gap:18px}.profile-avatar{width:74px;height:74px;border-radius:22px;background:#fff;color:#111827;display:grid;place-items:center;font-size:30px;font-weight:900}.profile-title{gap:10px}.profile-title h2{margin:0;font-size:28px}.profile-main p{margin:6px 0 11px;color:#cbd5e1}.chips{gap:7px;flex-wrap:wrap}.chips span{font-size:11px;background:#ffffff12;border:1px solid #ffffff20;padding:5px 8px;border-radius:999px}.profile-actions{gap:8px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0}.kpis article{background:white;border:1px solid var(--line);border-radius:16px;padding:17px}.kpis span,.kpis small{display:block;color:var(--muted)}.kpis strong{font-size:20px;display:block;margin:7px 0}.text-ok{color:#067647}.text-warn{color:#b54708}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.span2{grid-column:span 2}.count{display:grid;place-items:center;min-width:31px;height:31px;background:#f2f4f7;border-radius:9px;font-weight:800}.timeline{padding:0 20px 20px}.timeline article{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding:10px 0}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#6676ff;margin-top:5px;box-shadow:0 0 0 4px #eef0ff}.timeline p{margin:4px 0;color:var(--muted)}.stack{padding:0 20px 18px}.stack-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.stack-row:first-child{border-top:0}.sidebar-meta{margin-top:auto;padding:12px;border:1px solid #344054;border-radius:12px}.sidebar-meta span,.sidebar-meta strong{display:block}.sidebar-meta span{font-size:10px;opacity:.55;text-transform:uppercase;letter-spacing:.1em}.sidebar-meta strong{font-size:12px;margin-top:4px}.logout{margin-top:0}@media(max-width:1050px){.kpis{grid-template-columns:1fr 1fr}.profile-hero{align-items:flex-start}.profile-actions{flex-direction:column}.detail-grid{grid-template-columns:1fr}.span2{grid-column:auto}}@media(max-width:650px){.kpis{grid-template-columns:1fr}.profile-hero,.profile-main,.pagebar{align-items:flex-start;flex-direction:column}.filters{align-items:stretch;flex-direction:column}.profile-actions{width:100%;flex-direction:row}.profile-actions .button{flex:1}}
/* Etapa 3 · Employee 360 write layer */
.notice{padding:12px 14px;border-radius:12px;margin-bottom:14px;border:1px solid}.notice.success{background:#ecfdf3;border-color:#abefc6;color:#067647}.alert ul{margin:8px 0 0}.photo-avatar{position:relative;overflow:visible}.photo-avatar>img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;z-index:2}.photo-avatar>span{z-index:1}.photo-edit{position:absolute;right:-5px;bottom:-5px;z-index:4;width:26px;height:26px;border-radius:50%;background:#fff;color:#111827;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px #0003;font-size:12px}.photo-edit form,.photo-edit input{display:none}.row-between,.row-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.grow{min-width:0}.inline-action{position:relative}.inline-action summary,.panel-form summary{cursor:pointer;font-weight:750;color:#4353d8}.inline-action form{position:absolute;right:0;top:28px;z-index:8;width:260px;background:white;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 16px 40px #10182824;display:grid;gap:8px}.inline-action input,.compact-form input,.compact-form select,.form-grid input,.form-grid textarea{font:inherit;border:1px solid #d0d5dd;border-radius:9px;padding:10px;background:#fff;min-width:0}.danger-button{color:#b42318;border-color:#fda29b;background:#fff5f4}.tiny-button{font:inherit;font-size:11px;font-weight:750;color:#3448c5;background:#f7f8ff;border:1px solid #dfe3ff;border-radius:8px;padding:6px 8px;text-decoration:none;cursor:pointer}.row-actions form{margin:0}.panel-form{border-top:1px solid var(--line);padding:14px 20px 18px}.compact-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-top:12px}.record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 20px 20px}.record-grid article{border:1px solid var(--line);border-radius:13px;padding:13px;display:grid;gap:6px}.record-grid .badge{justify-self:start}.record-grid small,.record-grid p{color:var(--muted);margin:0}.pad{padding:0 20px 18px}.form-panel{padding:0;overflow:hidden}.form-section{display:grid;grid-template-columns:230px 1fr;gap:30px;padding:24px;border-bottom:1px solid var(--line)}.form-section h2{margin:5px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:7px;font-weight:650;font-size:13px}.form-grid label>span{color:#475467}.form-grid .wide{grid-column:span 2}.switchline{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;background:#fafbfc;border:1px solid var(--line);padding:13px;border-radius:11px}.switchline input{width:auto;margin-top:4px}.switchline small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.form-actions{padding:18px 24px;display:flex;justify-content:flex-end;gap:9px}@media(max-width:900px){.form-section{grid-template-columns:1fr}.record-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.record-grid{grid-template-columns:1fr}.row-between{align-items:flex-start;flex-direction:column}.inline-action form{right:auto;left:0}.compact-form{grid-template-columns:1fr}}
/* Etapa 4 · Planning domain */
.planner-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.weeknav,.planner-filters{display:flex;align-items:center;gap:9px}.weeknav h2{margin:3px 0}.planner-filters select,.dialog-grid input,.dialog-grid select,.dialog-grid textarea{font:inherit;border:1px solid #d0d5dd;border-radius:9px;padding:10px;background:#fff}.planner-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.planner-kpis article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px}.planner-kpis span,.planner-kpis small{display:block;color:var(--muted)}.planner-kpis strong{font-size:27px;display:block;margin:5px 0}.planner-board{padding:0;overflow:auto}.planner-head,.planner-days{display:grid;grid-template-columns:170px repeat(7,minmax(150px,1fr));min-width:1220px}.planner-head{background:#fafbfc;border-bottom:1px solid var(--line)}.planner-head>div{padding:13px;border-left:1px solid var(--line)}.planner-head>div:first-child{border-left:0}.planner-head small{display:block;color:var(--muted);margin-top:3px}.planner-days>.employee-col,.day-column{padding:11px;border-left:1px solid var(--line);min-height:390px}.planner-days>.employee-col{border-left:0;background:#fafbfc}.planner-days>.employee-col p{color:var(--muted);font-size:12px;line-height:1.5}.day-column{display:flex;flex-direction:column;gap:8px}.shift-card,.absence-card{border-radius:11px;padding:10px;border:1px solid}.shift-card{background:#f7f8ff;border-color:#dfe3ff}.shift-card.open{background:#fff8eb;border-color:#fedf89}.shift-card strong,.shift-card small,.absence-card strong,.absence-card small{display:block}.shift-card small,.absence-card small{margin-top:4px;color:var(--muted);font-size:11px}.shift-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#667085}.absence-card{background:#fff1f3;border-color:#feccd6}.day-add{margin-top:auto;border:1px dashed #cbd5e1;background:transparent;border-radius:10px;padding:8px;color:#667085;cursor:pointer}.planner-lower{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px}.shift-dialog{border:0;border-radius:18px;padding:0;width:min(720px,calc(100% - 30px));box-shadow:0 30px 90px #10182855}.shift-dialog::backdrop{background:#10182899}.shift-dialog form{padding:22px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{margin:4px 0 18px}.dialog-close{border:0;background:#f2f4f7;border-radius:50%;width:34px;height:34px;font-size:20px;cursor:pointer}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dialog-grid label{display:grid;gap:6px;font-size:13px;font-weight:650;color:#475467}.dialog-grid .wide{grid-column:span 2}@media(max-width:1000px){.planner-kpis{grid-template-columns:1fr 1fr}.planner-lower{grid-template-columns:1fr}.planner-toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.planner-kpis{grid-template-columns:1fr}.dialog-grid{grid-template-columns:1fr}.dialog-grid .wide{grid-column:auto}}
/* Etapa 5 – DayPilot planner */
.dp-shell{margin-top:18px;overflow:hidden}.dp-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.validation-pill{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:#f1f5f9;font-size:13px;font-weight:700}.validation-pill.bad{background:#fff1f2;color:#be123c}.validation-pill.warn{background:#fffbeb;color:#a16207}.planner-issues{margin-top:14px;display:grid;gap:8px}.planner-issue{padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.planner-issue strong{display:block;margin-bottom:3px}.planner-issue.hard{border-color:#fecdd3;background:#fff1f2}.planner-issue.warning{border-color:#fde68a;background:#fffbeb}.shift-inspector{border:0;border-radius:20px;padding:0;max-width:560px;width:min(92vw,560px);box-shadow:0 24px 80px rgba(15,23,42,.25)}.shift-inspector::backdrop{background:rgba(15,23,42,.45);backdrop-filter:blur(4px)}.inspector-body{padding:22px}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.inspector-stat{padding:12px;border-radius:12px;background:#f8fafc}.inspector-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.dp-note{font-size:13px;color:#64748b;margin:8px 0 0}

/* Etapa 6 · Autoplán 2.0 */
.autoplan-control{margin-bottom:18px}.autoplan-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}.autoplan-filters label{display:grid;gap:7px;font-size:12px;font-weight:700}.autoplan-filters select,.autoplan-filters input{min-height:44px;border:1px solid var(--line,#dfe4ea);border-radius:12px;padding:0 12px;background:#fff}.autoplan-note{margin-top:14px;padding:12px 14px;border-radius:12px;background:#f6f8fb;font-size:13px;color:#52606d}.autoplan-list{display:grid;gap:10px}.autoplan-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 15px;border:1px solid #e5e9ef;border-radius:14px;background:#fff}.autoplan-row small,.autoplan-detail small{display:block;color:#7b8794;margin-top:4px}.score{white-space:nowrap;font-weight:800;font-size:12px;padding:7px 10px;border-radius:999px;background:#eef5ff;color:#1859a9}.autoplan-detail{border:1px solid #e5e9ef;border-radius:14px;background:#fff;overflow:hidden}.autoplan-detail summary{cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:14px 16px}.autoplan-detail summary span{font-size:12px;color:#66717d}.autoplan-detail.danger{border-color:#f0c8c8}.reason-list{padding:0 16px 16px;display:grid;gap:7px;font-size:13px;color:#46515c}.warning-text{color:#9a6300}@media(max-width:850px){.autoplan-filters{grid-template-columns:1fr 1fr}.autoplan-filters label:first-child{grid-column:1/-1}}@media(max-width:560px){.autoplan-filters{grid-template-columns:1fr}.autoplan-filters label:first-child{grid-column:auto}.autoplan-row,.autoplan-detail summary{align-items:flex-start;flex-direction:column}}

/* Etapa 7 – Autoplán Advanced */
.variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.variant-card{appearance:none;text-align:left;border:1px solid var(--border,#dfe5ec);background:var(--panel,#fff);border-radius:18px;padding:20px;cursor:pointer;color:inherit;box-shadow:0 8px 30px rgba(20,30,45,.05);transition:.18s ease}.variant-card:hover{transform:translateY(-2px);border-color:#9fb2ca}.variant-card.active{outline:2px solid #3766d5;border-color:transparent}.variant-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.variant-top strong{display:block;font-size:18px;margin-top:4px}.variant-radio{font-size:21px}.variant-card p{min-height:44px;color:#667085;line-height:1.45}.variant-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;border-top:1px solid #edf0f4;padding-top:14px}.variant-metrics span{font-size:12px;color:#667085}.variant-metrics b{display:block;color:#182230;font-size:15px}@media(max-width:980px){.variant-grid{grid-template-columns:1fr}.variant-card p{min-height:0}}
/* Etapa 8 · Scenario Workbench */
.scenario-layout{display:grid;grid-template-columns:340px 1fr;gap:16px;margin-top:18px}.scenario-sidebar{padding:0;overflow:hidden}.scenario-form{padding:0 20px 20px;display:grid;gap:10px;border-bottom:1px solid var(--line)}.scenario-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.scenario-form input,.scenario-form select,.scenario-form textarea,.scenario-actions select{font:inherit;border:1px solid #d0d5dd;border-radius:10px;padding:10px;background:#fff}.scenario-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scenario-list{display:grid;padding:10px}.scenario-item{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:12px;text-decoration:none;color:inherit;border-radius:12px}.scenario-item:hover,.scenario-item.active{background:#f5f7fb}.scenario-item strong,.scenario-item small{grid-column:1}.scenario-item small{color:var(--muted)}.scenario-item .badge{grid-column:2;grid-row:1/3;align-self:center}.scenario-main{display:grid;gap:16px}.scenario-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.scenario-head h2{margin:4px 0}.scenario-head p{margin:5px 0;color:var(--muted)}.scenario-actions{display:flex;align-items:center;gap:8px}.scenario-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scenario-kpis article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.scenario-kpis span,.scenario-kpis small{display:block;color:var(--muted)}.scenario-kpis strong{display:block;font-size:25px;margin:6px 0}.lock-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 20px 20px}.lock-grid h3{margin:0 0 10px}.lock-list{display:grid;gap:7px;max-height:360px;overflow:auto}.lock-row{appearance:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 12px;display:flex;justify-content:space-between;text-align:left;align-items:center;cursor:pointer}.lock-row span strong,.lock-row span small{display:block}.lock-row span small{color:var(--muted);margin-top:3px}.lock-row.locked{background:#fff8e8;border-color:#f5c96b}.scenario-install{margin-top:18px}.scenario-install code{background:#f2f4f7;padding:2px 6px;border-radius:6px}@media(max-width:1100px){.scenario-layout{grid-template-columns:1fr}.scenario-kpis{grid-template-columns:1fr 1fr}}@media(max-width:700px){.scenario-kpis,.lock-grid{grid-template-columns:1fr}.scenario-head,.scenario-actions{align-items:flex-start;flex-direction:column}.scenario-actions{width:100%}}
/* Etapa 10 · Versioned plan publishing */
.publication-layout{display:grid;grid-template-columns:340px 1fr;gap:16px;margin-top:18px}.publication-sidebar{padding:0;overflow:hidden}.publication-main{display:grid;gap:16px;min-width:0}.publication-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.publication-head h2{margin:4px 0}.publication-head p{margin:5px 0;color:var(--muted)}.release-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.release-step{padding:8px 10px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:12px;font-weight:800}.release-step.active{background:#eef0ff;color:#3448c5}.release-step.done{background:#ecfdf3;color:#067647}.release-arrow{color:#98a2b3}.publication-note{padding:0 20px 18px;margin:0}.diff-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 20px 20px}.diff-columns>div{min-width:0}.diff-title{font-size:13px;margin:0 0 10px}.diff-title.added{color:#067647}.diff-title.removed{color:#b42318}.diff-title.changed{color:#b54708}.diff-row{padding:10px 0;border-top:1px solid var(--line)}.diff-row strong,.diff-row small{display:block}.diff-row small{color:var(--muted);margin-top:4px}.schedule-filter label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.schedule-filter input{font:inherit;border:1px solid #d0d5dd;border-radius:9px;padding:9px}@media(max-width:1100px){.publication-layout{grid-template-columns:1fr}.diff-columns{grid-template-columns:1fr}.publication-head{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.release-state{align-items:flex-start}.release-arrow{display:none}}
/* Etapa 11 · Change Management & Notifications */
.notification-row{transition:.15s ease}.notification-row.notification-unread{background:#f8f9ff;margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:12px}.notification-unread strong{color:#3448c5}.notification-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.notification-channel-grid article{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}@media(max-width:700px){.notification-channel-grid{grid-template-columns:1fr}}
/* Etapa 12 · acknowledgement workflow */
.acknowledgement-callout{border:1px solid rgba(245,158,11,.35)}
.notification-actions,.ack-statuses{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.acknowledgement-version{text-decoration:none;color:inherit}
.ack-meter{display:flex;align-items:center;gap:12px;min-width:130px;justify-content:flex-end}
.ack-meter strong{font-size:1.05rem}
.badge.warn{background:rgba(245,158,11,.13);color:#b45309}
@media(max-width:760px){.ack-meter,.notification-actions,.ack-statuses{justify-content:flex-start}.acknowledgement-version{align-items:flex-start}}
/* Etapa 13 · Employee Portal 2.0 */
.portal-nav{display:flex;gap:7px;flex-wrap:wrap;margin:-8px 0 18px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:15px}.portal-nav a{padding:9px 12px;border-radius:9px;text-decoration:none;color:#475467;font-size:13px;font-weight:750}.portal-nav a.active,.portal-nav a:hover{background:#111827;color:#fff}.portal-hero{background:linear-gradient(125deg,#172033,#2c3b55);color:#fff;border-radius:24px;padding:30px;display:flex;justify-content:space-between;gap:24px;align-items:center}.portal-hero h2{font-size:30px;margin:6px 0}.portal-hero p{max-width:720px;margin:0;color:#cbd5e1;line-height:1.6}.portal-hero-badge{background:#ffffff14;border:1px solid #ffffff25;padding:10px 13px;border-radius:999px;font-weight:800;font-size:12px}.portal-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0}.portal-kpis a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;text-decoration:none;color:inherit}.portal-kpis span,.portal-kpis small{display:block;color:var(--muted)}.portal-kpis strong{display:block;font-size:28px;margin:6px 0}.portal-grid,.portal-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portal-list{display:grid;padding:0 20px 20px}.portal-list article{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-top:1px solid var(--line)}.portal-list article:first-child{border-top:0}.portal-list article>div:not(.portal-date) strong,.portal-list article>div:not(.portal-date) span,.portal-list article>div:not(.portal-date) small{display:block}.portal-list article span,.portal-list article small{color:var(--muted);margin-top:3px}.portal-date{width:48px;height:51px;border-radius:12px;background:#f2f4f7;display:grid;place-items:center;align-content:center;flex:0 0 auto}.portal-date b{font-size:18px;line-height:1}.portal-date small{font-size:10px;margin-top:3px}.wall-preview{justify-content:flex-start!important}.portal-form{display:grid;gap:13px;padding:0 20px 20px}.portal-form label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#475467}.portal-form input,.portal-form select,.portal-form textarea{width:100%;font:inherit;border:1px solid #d0d5dd;border-radius:10px;padding:11px;background:#fff}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notice-ok{padding:11px 13px;background:#ecfdf3;border:1px solid #abefc6;border-radius:10px;color:#067647;margin-bottom:14px}.wall-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.wall-card h2{margin:10px 0}.wall-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.wall-body{line-height:1.7;color:#344054;margin:15px 0}.portal-docs{display:grid;padding:0 20px 20px}.portal-docs a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}.doc-icon{width:44px;height:44px;border-radius:12px;background:#eef0ff;color:#3448c5;display:grid;place-items:center;font-weight:900;font-size:11px}.portal-docs small{display:block;color:var(--muted);margin-top:4px}.portal-docs>a>span{font-size:12px;color:#3448c5;font-weight:750}.portal-profile-head{padding:0 0 20px}.portal-profile-head h2{margin:0}.portal-profile-head p{color:var(--muted);margin:5px 0}.profile-dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}.profile-dl div{background:#f8fafc;border-radius:12px;padding:12px}.profile-dl dt{color:var(--muted);font-size:11px}.profile-dl dd{margin:5px 0 0;font-weight:800}.assignment-list{display:grid;gap:8px}.assignment-list article{padding:12px;border:1px solid var(--line);border-radius:12px}.assignment-list strong,.assignment-list span,.assignment-list small{display:block}.assignment-list span,.assignment-list small{color:var(--muted);margin-top:3px}@media(max-width:1000px){.portal-kpis{grid-template-columns:1fr 1fr}.portal-grid,.portal-two,.wall-grid{grid-template-columns:1fr}}@media(max-width:600px){.portal-kpis{grid-template-columns:1fr}.portal-hero{align-items:flex-start;flex-direction:column}.form-pair,.profile-dl{grid-template-columns:1fr}.portal-list article{align-items:flex-start;flex-direction:column}.portal-docs a{grid-template-columns:auto 1fr}.portal-docs>a>span{grid-column:2}.portal-nav{overflow:auto;flex-wrap:nowrap}.portal-nav a{white-space:nowrap}}
/* Etapa 14 · Attendance & Operations */
.attendance-stats strong{font-size:27px}.attendance-clock{margin-top:16px;text-align:center;padding:34px}.attendance-time{font-size:clamp(44px,8vw,76px);font-weight:900;letter-spacing:-.05em}.attendance-state{display:grid;gap:7px;justify-items:center;margin:12px 0 22px}.attendance-state small{color:var(--muted)}.attendance-actions form{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.attendance-hero .eyebrow{color:#aeb8ca}.operations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:16px 0}.vehicle-card h2{margin:5px 0 14px}.vehicle-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.vehicle-metrics div{background:#f8fafc;border-radius:12px;padding:12px}.vehicle-metrics small,.vehicle-metrics strong{display:block}.vehicle-metrics small{color:var(--muted);margin-bottom:5px}.trip-live{margin-top:14px;padding:13px;background:#ecfdf3;border:1px solid #abefc6;border-radius:12px}.trip-live strong,.trip-live small{display:block}.trip-live small{color:#067647;margin:4px 0 10px}.compact-form{display:flex;gap:7px;flex-wrap:wrap}.compact-form input,.compact-form select,.filters input,.filters select{font:inherit;border:1px solid #d0d5dd;border-radius:9px;padding:9px;background:#fff;min-width:0}.vehicle-card .panel-form{padding:12px 0 0;margin-top:12px}.vehicle-card .panel-form form{margin-top:10px}@media(max-width:1100px){.operations-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.operations-grid{grid-template-columns:1fr}.attendance-actions form{align-items:stretch;flex-direction:column}.attendance-actions .button{width:100%}}

/* ========================================================================== 
   NAPLÁNUJ.ONLINE NEXT · UX 2026 DESIGN SYSTEM
   Premium application shell + modern surfaces. Appended as an override layer
   so all functional views from parity releases remain compatible.
   ========================================================================== */
:root{
 --ui-bg:#f5f7fb;--ui-surface:#fff;--ui-surface-2:#f8fafc;--ui-ink:#0f172a;--ui-sub:#475569;--ui-muted:#7c8aa0;
 --ui-line:#e7ebf2;--ui-line-strong:#d8dee9;--ui-nav:#0b1220;--ui-nav-2:#101a2d;--ui-primary:#4f46e5;--ui-primary-2:#6d5dfc;
 --ui-primary-soft:#eef0ff;--ui-cyan:#0ea5e9;--ui-success:#0f9f6e;--ui-success-soft:#eafaf4;--ui-warning:#d97706;--ui-warning-soft:#fff7e6;
 --ui-danger:#dc3545;--ui-danger-soft:#fff0f1;--ui-purple:#7c3aed;--ui-shadow:0 1px 2px rgba(15,23,42,.03),0 14px 38px rgba(15,23,42,.06);
 --ui-shadow-lg:0 28px 80px rgba(15,23,42,.12);--ui-r-xl:24px;--ui-r-lg:18px;--ui-r-md:14px;--ui-r-sm:10px;
 --sidebar-w:286px;--topbar-h:84px;
}
html{background:var(--ui-bg)}body.next-body{background:var(--ui-bg);color:var(--ui-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}.next-body *{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.next-body *::-webkit-scrollbar{width:8px;height:8px}.next-body *::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.next-body *::-webkit-scrollbar-track{background:transparent}
.app-shell{min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);z-index:80;background:linear-gradient(180deg,#0b1220 0%,#0c1526 62%,#09111e 100%);color:#fff;padding:22px 17px 18px;display:flex;flex-direction:column;box-shadow:18px 0 50px rgba(15,23,42,.08);overflow:hidden}.app-sidebar:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.18),transparent 68%);top:-130px;right:-100px;pointer-events:none}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;padding:0 5px 18px}.next-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;min-width:0}.next-brandmark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#7568ff,#4f46e5);box-shadow:0 9px 26px rgba(79,70,229,.34),inset 0 1px rgba(255,255,255,.25);font-size:18px;font-weight:900}.next-brand strong,.next-brand small{display:block}.next-brand strong{font-size:15px;letter-spacing:-.025em}.next-brand small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7f8ca3;margin-top:3px;font-weight:700}.workspace-card{position:relative;z-index:1;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;margin:0 4px 18px;padding:11px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:14px}.workspace-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#1a2740;color:#b9c6dc;font-weight:800;font-size:12px}.workspace-card span,.workspace-card strong{display:block}.workspace-card>div:nth-child(2)>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#72809a}.workspace-card strong{font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}.workspace-dot{width:7px;height:7px;border-radius:50%;background:#35d399;box-shadow:0 0 0 4px rgba(53,211,153,.09)}
.next-nav{position:relative;z-index:1;overflow-y:auto;overflow-x:hidden;padding:0 4px 20px;margin-right:-5px;padding-right:8px;flex:1}.nav-group{margin:0 0 17px}.nav-group-label{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#54647f;font-weight:800;padding:0 10px;margin:0 0 7px}.nav-item{display:flex;align-items:center;gap:11px;min-height:40px;padding:8px 10px;margin:2px 0;border-radius:11px;color:#9eacc2;text-decoration:none;font-size:12.5px;font-weight:600;transition:.18s ease;position:relative}.nav-item:hover{color:#e9eef7;background:rgba(255,255,255,.045);transform:translateX(1px)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(99,102,241,.2),rgba(99,102,241,.08));box-shadow:inset 2px 0 0 #7b73ff}.nav-icon{width:19px;height:19px;display:grid;place-items:center;color:#73819a;flex:0 0 19px}.nav-icon svg{width:18px;height:18px}.nav-item.active .nav-icon{color:#a9a5ff}.nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{margin-left:auto;font-size:8px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;padding:3px 6px;border-radius:7px;background:rgba(255,255,255,.06);color:#7988a2}.nav-item.active .nav-badge{color:#c6c4ff;background:rgba(99,102,241,.15)}.sidebar-footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.06);padding:14px 4px 0}.release-pill{display:flex;align-items:center;gap:9px;padding:8px 9px}.release-pill>span{width:8px;height:8px;border-radius:50%;background:#35d399;box-shadow:0 0 0 4px rgba(53,211,153,.08)}.release-pill small,.release-pill strong{display:block}.release-pill small{font-size:7px;letter-spacing:.12em;color:#52617a}.release-pill strong{font-size:10px;color:#9ba8bc;margin-top:2px}.sidebar-action{width:100%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#c8d1df;border-radius:10px;padding:9px;font-size:11px}.sidebar-close{display:none;color:white}
.app-stage{min-height:100vh;margin-left:var(--sidebar-w)}.app-topbar{height:var(--topbar-h);position:sticky;top:0;z-index:60;display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,520px) minmax(260px,1fr);align-items:center;padding:0 32px;background:rgba(245,247,251,.86);backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid rgba(226,232,240,.75)}.topbar-left{display:flex;align-items:center;gap:13px}.page-heading .page-context{display:block;font-size:8px;letter-spacing:.17em;font-weight:900;color:#97a3b5;margin-bottom:4px}.page-heading h1{font-size:20px;line-height:1.1;margin:0;letter-spacing:-.035em}.topbar-center{display:flex;justify-content:center}.command-search{height:42px;width:100%;max-width:470px;border:1px solid var(--ui-line);background:rgba(255,255,255,.82);border-radius:13px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#8b98aa;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.02);font:inherit}.command-search:hover{border-color:#d1d8e4;background:#fff}.command-search>span:first-child{width:17px;height:17px;display:flex}.command-search svg{width:17px}.command-search>span:nth-child(2){font-size:12px;flex:1;text-align:left}.command-search kbd{font-family:inherit;font-size:9px;color:#8e99a9;background:#f3f5f8;border:1px solid #e5e8ee;border-radius:6px;padding:3px 6px}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:10px}.topbar-icon{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#65758c;border:1px solid var(--ui-line);background:#fff;text-decoration:none}.topbar-icon svg{width:18px;height:18px}.presence-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#ef4444;border:2px solid #fff;right:8px;top:8px}.user-menu-wrap{position:relative}.user-menu-trigger{border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:5px 3px 5px 7px;border-radius:13px;cursor:pointer;font:inherit}.user-menu-trigger:hover{background:#eef1f6}.user-avatar{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#e9e7ff,#dfe7ff);color:#5149cb;font-weight:900;font-size:12px}.user-meta{text-align:left;line-height:1.1}.user-meta strong,.user-meta small{display:block}.user-meta strong{font-size:11.5px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta small{font-size:9px;color:#8a96a7;margin-top:4px;text-transform:capitalize}.chevron{color:#9ba7b7;font-size:13px;margin-left:2px}.user-popover{display:none;position:absolute;right:0;top:52px;width:190px;background:#fff;border:1px solid var(--ui-line);border-radius:14px;padding:6px;box-shadow:var(--ui-shadow-lg);z-index:100}.user-popover.open{display:block}.user-popover a,.user-popover button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#334155;text-decoration:none;padding:9px 10px;border-radius:9px;font-size:11px;font:inherit;cursor:pointer}.user-popover a:hover,.user-popover button:hover{background:#f4f6fa}.user-popover form{border-top:1px solid var(--ui-line);margin-top:4px;padding-top:4px}.user-popover form button{color:#b42318}.mobile-menu{display:none}.icon-button{border:0;background:transparent;cursor:pointer}.app-content{max-width:1640px;margin:0 auto;padding:28px 32px 48px}
/* universal surfaces */
.next-body .panel,.next-body .stats article,.next-body .kpis article,.next-body .planner-kpis article{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-r-lg);box-shadow:0 1px 2px rgba(15,23,42,.02)}.next-body .panel{padding:20px}.next-body h2,.next-body h3{letter-spacing:-.035em}.next-body h2{font-size:19px}.next-body h3{font-size:15px}.next-body .eyebrow{color:#8a96a8;font-size:8.5px;letter-spacing:.16em;font-weight:900}.next-body .button{border:1px solid #dde3eb;background:#fff;color:#334155;border-radius:11px;padding:9px 13px;font-size:11px;font-weight:750;box-shadow:0 1px 2px rgba(15,23,42,.02);transition:.15s ease}.next-body .button:hover{border-color:#c9d1dd;background:#f9fafb;transform:translateY(-1px)}.next-body .primary-button{background:linear-gradient(135deg,#5b54ed,#4f46e5);border-color:#4f46e5;color:#fff;box-shadow:0 8px 20px rgba(79,70,229,.18)}.next-body .primary-button:hover{background:#4b43dc;border-color:#4b43dc}.next-body .danger-button{color:#b42318;border-color:#fecaca;background:#fff7f7}.next-body input,.next-body select,.next-body textarea{border:1px solid #dfe4ec;border-radius:11px;background:#fff;color:#1f2937;font:inherit;font-size:12px;min-height:40px;padding:9px 11px;outline:none;transition:.15s ease}.next-body textarea{min-height:auto}.next-body input:focus,.next-body select:focus,.next-body textarea:focus{border-color:#8b83ff;box-shadow:0 0 0 3px rgba(99,102,241,.09)}.next-body .badge{font-size:9px;font-weight:800;letter-spacing:.02em;border-radius:999px;padding:5px 8px}.next-body .badge.ok{background:var(--ui-success-soft);color:#087c55}.next-body .badge.wait{background:var(--ui-warning-soft);color:#b86100}.next-body .badge.off{background:#f1f3f6;color:#7a8596}.next-body .notice,.next-body .alert{border-radius:13px;font-size:11.5px;padding:11px 13px}.next-body .notice.success{background:#ecfbf5;color:#087c55;border:1px solid #ccefe1}.next-body .alert{background:#fff4f4;border:1px solid #ffd6d6;color:#a52222}.next-body .panel-head{padding:0 0 15px}.next-body .panel-head h2{font-size:16px;margin:4px 0 0}.next-body .count{font-size:9px;font-weight:900;background:#f0f2f6;color:#68758a;padding:5px 8px;border-radius:999px}.next-body table{font-size:11.5px}.next-body th{font-size:8px;letter-spacing:.11em;color:#8b97a8;background:#fafbfc;text-transform:uppercase}.next-body td,.next-body th{padding:12px 15px}.next-body tr:hover td{background:#fcfdff}.next-body .table-panel{border-radius:var(--ui-r-lg);box-shadow:none}.next-body .filters{border-radius:14px;padding:10px;box-shadow:none}.next-body .searchbox{border-radius:11px}.next-body .stack-row{border-color:#edf0f4}.next-body .mutedline,.next-body .lead{color:#7b8798;font-size:11.5px}
/* dashboard 2026 */
.dashboard-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px;background:linear-gradient(125deg,#121a2b 0%,#17233b 52%,#2c2a61 100%);color:#fff;border-radius:26px;padding:30px 32px;box-shadow:0 26px 65px rgba(30,41,59,.18);margin-bottom:18px}.dashboard-hero:before{content:"";position:absolute;right:-90px;top:-140px;width:350px;height:350px;background:radial-gradient(circle,rgba(129,140,248,.38),transparent 68%);pointer-events:none}.dashboard-hero:after{content:"";position:absolute;right:240px;bottom:-170px;width:300px;height:300px;background:radial-gradient(circle,rgba(14,165,233,.13),transparent 68%);pointer-events:none}.dashboard-welcome,.dashboard-live{position:relative;z-index:1}.hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#aeb9ce;font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.hero-kicker i{width:7px;height:7px;border-radius:50%;background:#35d399;box-shadow:0 0 0 5px rgba(53,211,153,.09)}.dashboard-hero h2{font-size:31px;line-height:1.1;margin:12px 0 11px;letter-spacing:-.045em;max-width:720px}.dashboard-hero p{color:#b8c3d6;line-height:1.55;font-size:12.5px;max-width:700px;margin:0}.hero-actions{display:flex;gap:9px;margin-top:20px}.hero-actions .button{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(8px)}.hero-actions .button.primary-button{background:#fff;color:#17203a;border-color:#fff;box-shadow:none}.dashboard-live{display:flex;align-items:flex-end;justify-content:flex-end}.live-card{width:100%;max-width:330px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:17px;backdrop-filter:blur(10px)}.live-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.live-card-head span{font-size:9px;color:#98a7be;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.live-card-head b{font-size:9px;color:#8af1c3;background:rgba(53,211,153,.09);border-radius:999px;padding:4px 7px}.live-metric{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.live-metric strong{font-size:34px;letter-spacing:-.05em}.live-metric small{font-size:10px;color:#9eacc1;text-align:right;line-height:1.4}.metric-bars{height:42px;display:flex;align-items:end;gap:4px;margin-top:13px}.metric-bars i{display:block;flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(#7770ff,#4f46e5);opacity:.85}.metric-bars i:nth-child(1){height:25%}.metric-bars i:nth-child(2){height:48%}.metric-bars i:nth-child(3){height:37%}.metric-bars i:nth-child(4){height:70%}.metric-bars i:nth-child(5){height:55%}.metric-bars i:nth-child(6){height:85%}.metric-bars i:nth-child(7){height:65%}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.dashboard-kpi{background:#fff;border:1px solid var(--ui-line);border-radius:17px;padding:16px 17px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;min-width:0}.kpi-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f0efff;color:#5b54ed}.kpi-icon svg{width:18px}.dashboard-kpi:nth-child(2) .kpi-icon{background:#eaf9f4;color:#0f9f6e}.dashboard-kpi:nth-child(3) .kpi-icon{background:#eef7ff;color:#1686c9}.dashboard-kpi:nth-child(4) .kpi-icon{background:#fff6e8;color:#d97706}.kpi-copy span,.kpi-copy strong,.kpi-copy small{display:block}.kpi-copy span{font-size:9px;color:#8793a4;font-weight:700}.kpi-copy strong{font-size:24px;letter-spacing:-.045em;margin:2px 0}.kpi-copy small{font-size:9px;color:#a0a9b7}.kpi-trend{font-size:9px;font-weight:800;color:#0f9f6e;background:#ebfaf4;padding:5px 7px;border-radius:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}.dashboard-section{background:#fff;border:1px solid var(--ui-line);border-radius:19px;padding:19px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.section-title h3{margin:3px 0 0;font-size:15px}.section-title a{font-size:10px;color:#5b54ed;text-decoration:none;font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.quick-action{display:flex;gap:11px;align-items:center;padding:13px;border:1px solid #edf0f5;border-radius:14px;text-decoration:none;color:#334155;background:#fbfcfe;transition:.16s}.quick-action:hover{border-color:#dbe0f3;background:#f7f7ff;transform:translateY(-1px)}.quick-action .qa-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#5b54ed;box-shadow:0 3px 12px rgba(15,23,42,.05)}.quick-action svg{width:16px}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:11px}.quick-action small{font-size:9px;color:#8c98a9;margin-top:3px}.system-list{display:grid;gap:2px}.system-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #f0f2f5}.system-row:last-child{border:0}.system-row>i{width:7px;height:7px;border-radius:50%;background:#35c58c}.system-row strong,.system-row small{display:block}.system-row strong{font-size:10.5px}.system-row small{font-size:8.5px;color:#95a0b0;margin-top:2px}.system-row span{font-size:8px;color:#0d8f63;background:#effaf6;border-radius:7px;padding:4px 6px;font-weight:800;text-transform:uppercase}
/* Employee 360 premium */
.next-body .breadcrumbs{font-size:10px;color:#8b97a8;margin-bottom:12px;gap:6px}.next-body .breadcrumbs a{color:#64748b;text-decoration:none}.next-body .profile-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#fff 68%,#f4f3ff 100%);border:1px solid var(--ui-line);border-radius:24px;padding:23px;box-shadow:var(--ui-shadow);margin-bottom:14px}.next-body .profile-hero:after{content:"";position:absolute;right:-70px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.13),transparent 68%)}.next-body .profile-main,.next-body .profile-actions{position:relative;z-index:1}.next-body .profile-avatar{width:72px;height:72px;border-radius:20px;background:linear-gradient(145deg,#eae9ff,#dde7ff);color:#524bc5;font-size:24px;box-shadow:inset 0 0 0 1px rgba(99,102,241,.08)}.next-body .profile-avatar img{border-radius:20px}.next-body .profile-title h2{font-size:25px;letter-spacing:-.045em}.next-body .profile-main p{font-size:11.5px;color:#64748b}.next-body .chips span{background:#f5f7fa;border:1px solid #e9edf3;color:#64748b;border-radius:9px;padding:5px 8px;font-size:9.5px}.next-body .profile-actions{gap:7px;flex-wrap:wrap}.next-body .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:0 0 15px}.next-body .kpis article{padding:15px 16px;position:relative;overflow:hidden}.next-body .kpis article:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#eceef4}.next-body .kpis article:nth-child(3):before{background:#53c99b}.next-body .kpis article:nth-child(4):before{background:#7c74ef}.next-body .kpis span{font-size:8.5px;text-transform:uppercase;letter-spacing:.09em;color:#8c98a8;font-weight:800}.next-body .kpis strong{font-size:19px;margin:5px 0 2px;letter-spacing:-.035em}.next-body .kpis small{font-size:9px;color:#9aa4b3}.next-body .detail-grid{gap:13px}.next-body .timeline article{padding:11px 0}.next-body .timeline-dot{background:#6b63ec;box-shadow:0 0 0 5px #efeeff}.next-body .stack-row{padding:11px 0}.next-body .stack-row strong{font-size:10.5px}.next-body .stack-row small{font-size:9px}.next-body .panel-form{border-top:1px solid #edf0f4;margin-top:12px;padding-top:11px}.next-body .panel-form summary{font-size:10px;font-weight:800;color:#5c55d8;cursor:pointer}.next-body .compact-form{gap:8px}.employee-commandbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:9px 11px;background:#fff;border:1px solid var(--ui-line);border-radius:14px}.employee-commandbar .employee-tabs{display:flex;align-items:center;gap:4px}.employee-tab{font-size:10px;text-decoration:none;color:#728096;padding:7px 9px;border-radius:8px;font-weight:700}.employee-tab.active,.employee-tab:hover{background:#f0efff;color:#5149cb}.employee-health{display:flex;gap:7px}.health-pill{font-size:9px;padding:5px 8px;border-radius:999px;background:#eefaf5;color:#087c55;font-weight:800}.health-pill.warn{background:#fff5e7;color:#b86100}
/* Planner premium */
.planner-command-center{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-bottom:12px;padding:20px 22px;border-radius:22px;background:linear-gradient(122deg,#141d31,#1a2743 65%,#28285e);color:#fff;box-shadow:0 18px 45px rgba(31,41,55,.14);position:relative;overflow:hidden}.planner-command-center:after{content:"";position:absolute;right:-90px;top:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(129,140,248,.3),transparent 70%)}.planner-command-center>div{position:relative;z-index:1}.planner-command-center h2{font-size:24px;margin:5px 0 7px}.planner-command-center p{font-size:10.5px;color:#aebbd0;max-width:700px;margin:0}.planner-mode-pills{display:flex;gap:6px;position:relative;z-index:1}.planner-mode-pills a{font-size:9px;text-decoration:none;color:#c7d0e0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);padding:7px 9px;border-radius:9px}.planner-mode-pills a:hover{background:rgba(255,255,255,.11);color:#fff}.next-body .planner-toolbar{padding:11px 13px;border-radius:15px;position:sticky;top:94px;z-index:30;box-shadow:0 10px 28px rgba(15,23,42,.05)}.next-body .weeknav h2{font-size:15px}.next-body .planner-filters select{min-width:250px}.next-body .planner-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:11px 0}.next-body .planner-kpis article{padding:13px 15px}.next-body .planner-kpis span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#8d99aa;font-weight:800}.next-body .planner-kpis strong{font-size:23px;letter-spacing:-.045em;margin:3px 0}.next-body .planner-kpis small{font-size:8.5px;color:#9ba6b5}.next-body .dp-shell{padding:0;overflow:hidden;border-radius:20px}.next-body .dp-toolbar{padding:17px 18px;background:linear-gradient(#fff,#fcfdff);border-bottom:1px solid var(--ui-line)}.next-body .dp-toolbar h2{font-size:16px}.next-body .dp-note{font-size:10px;color:#8390a3}.next-body #dp{padding:0;background:#fff}.next-body .planner-board{border-radius:19px;overflow:hidden;padding:0}.next-body .planner-head{background:#f8fafc;border-bottom:1px solid #e8edf3}.next-body .planner-head>div{padding:12px 10px}.next-body .planner-head strong{font-size:10px}.next-body .planner-head small{font-size:8px;color:#9aa4b3}.next-body .planner-days>div{border-color:#edf0f4}.next-body .planner-days .employee-col{background:#fafbfc;padding:14px}.next-body .shift-card{border-radius:10px;padding:9px;background:#f4f3ff;border-color:#e5e2ff;box-shadow:none}.next-body .shift-card.open{background:#fff7eb;border-color:#ffe0ad}.next-body .shift-card strong{font-size:9.5px}.next-body .shift-card small{font-size:8px;color:#7d899b}.next-body .absence-card{border-radius:10px;background:#fff2f3;border-color:#ffd9dc}.next-body .day-add{border:1px dashed #d7dce5;color:#7c8798;border-radius:9px;font-size:9px;background:#fff;transition:.15s}.next-body .day-add:hover{border-color:#aaa4ff;color:#5b54ed;background:#f8f7ff}.next-body .planner-lower{gap:13px}.next-body .planner-issue{border-radius:10px;font-size:10px}.next-body .validation-pill{border-radius:10px;font-size:10px}.next-body .shift-dialog,.next-body .shift-inspector{border:0;border-radius:20px;box-shadow:var(--ui-shadow-lg);padding:0}.next-body dialog::backdrop{background:rgba(15,23,42,.38);backdrop-filter:blur(4px)}.next-body .dialog-head{padding:17px 18px;border-bottom:1px solid var(--ui-line)}.next-body .dialog-grid{padding:18px}.next-body .form-actions{padding:0 18px 18px}
/* DayPilot skin adaptation without changing planner logic */
.next-body .scheduler_default_main{border:0!important;font-family:inherit!important}.next-body .scheduler_default_corner,.next-body .scheduler_default_cornerright,.next-body .scheduler_default_timeheadergroup,.next-body .scheduler_default_timeheadercol{background:#f8fafc!important;color:#667085!important;border-color:#e8edf3!important}.next-body .scheduler_default_rowheader,.next-body .scheduler_default_rowheader_inner{background:#fff!important;color:#334155!important;border-color:#edf0f4!important}.next-body .scheduler_default_cell{background:#fff!important;border-color:#f0f2f5!important}.next-body .scheduler_default_cell.scheduler_default_cell_business{background:#fff!important}.next-body .scheduler_default_event_inner{border-radius:8px!important;border:0!important;background:linear-gradient(135deg,#655deb,#5149d8)!important;color:#fff!important;font-size:10px!important;padding:6px 8px!important;box-shadow:0 5px 13px rgba(79,70,229,.16)!important}.next-body .scheduler_default_shadow_inner{border-radius:8px!important}.next-body .scheduler_default_rowheader_inner{padding:9px 11px!important;font-size:10px!important}.next-body .scheduler_default_timeheadergroup_inner,.next-body .scheduler_default_timeheadercol_inner{font-size:9px!important;font-weight:700!important;padding:6px!important}
/* responsive */
.sidebar-scrim{display:none}.sidebar-close{font-size:22px}@media(max-width:1180px){:root{--sidebar-w:252px}.app-topbar{grid-template-columns:1fr minmax(240px,380px) auto;padding:0 22px}.app-content{padding:24px 22px 40px}.nav-item{font-size:11.5px}.dashboard-grid{grid-template-columns:1fr}.dashboard-kpis,.next-body .planner-kpis,.next-body .kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:880px){.app-sidebar{transform:translateX(-103%);transition:transform .22s ease;width:min(300px,88vw)}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:70;background:rgba(15,23,42,.35);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.2s}.sidebar-open .sidebar-scrim{opacity:1;pointer-events:auto}.sidebar-close{display:block}.app-stage{margin-left:0}.app-topbar{height:72px;grid-template-columns:1fr auto;padding:0 15px}.topbar-center{display:none}.mobile-menu{display:flex;width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid var(--ui-line);flex-direction:column;justify-content:center;gap:3px;padding:9px}.mobile-menu span{height:1.5px;background:#64748b;border-radius:2px;width:15px}.page-heading .page-context{display:none}.page-heading h1{font-size:17px}.user-meta,.chevron{display:none}.app-content{padding:17px 14px 36px}.dashboard-hero{grid-template-columns:1fr;padding:23px}.dashboard-live{justify-content:flex-start}.live-card{max-width:none}.planner-command-center{grid-template-columns:1fr}.next-body .planner-toolbar{top:80px}.next-body .profile-hero{flex-direction:column;align-items:flex-start}.next-body .profile-actions{margin-top:13px}}
@media(max-width:600px){.dashboard-kpis,.next-body .planner-kpis,.next-body .kpis{grid-template-columns:1fr 1fr}.dashboard-hero h2{font-size:25px}.quick-grid{grid-template-columns:1fr}.planner-mode-pills{flex-wrap:wrap}.topbar-icon{display:none}.next-body .planner-toolbar{position:static}.next-body .planner-filters select{min-width:0;width:100%}.next-body .planner-toolbar,.next-body .weeknav{align-items:flex-start;flex-wrap:wrap}.next-body .profile-actions{width:100%}.next-body .profile-actions .button{flex:1}.next-body .profile-main{align-items:flex-start}.next-body .profile-avatar{width:60px;height:60px;border-radius:17px}.next-body .detail-grid{grid-template-columns:1fr}.next-body .span2{grid-column:auto}}
@media(max-width:420px){.dashboard-kpis,.next-body .planner-kpis,.next-body .kpis{grid-template-columns:1fr}.dashboard-hero{padding:20px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}}

/* UX 2026 Pass 2 · Directory, Company 360, Attendance, Recruitment, BI, Administration */
.module-hero{position:relative;overflow:hidden;border-radius:26px;padding:30px;background:linear-gradient(135deg,#101827 0%,#17223a 55%,#24335c 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 24px 70px rgba(16,24,40,.16);margin-bottom:18px}.module-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-210px;background:radial-gradient(circle,rgba(126,140,255,.3),rgba(126,140,255,0) 70%);pointer-events:none}.module-hero-copy{position:relative;z-index:1;max-width:790px}.module-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.16em;color:#b9c2ff}.module-kicker:before{content:"";width:22px;height:1px;background:#8e9aff}.module-hero h2{margin:7px 0 8px;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.035em}.module-hero p{color:#c7d0df;line-height:1.65;margin:0;max-width:720px}.module-hero .hero-actions{margin-top:20px;display:flex;gap:9px;flex-wrap:wrap}.button-light{background:#fff;color:#111827;border-color:#fff}.button-glass{background:#ffffff0d;color:#fff;border-color:#ffffff28;backdrop-filter:blur(12px)}.button-glass:hover{background:#ffffff18}.module-hero-metric,.hero-score{position:relative;z-index:1;min-width:190px;padding:23px;border:1px solid #ffffff22;background:#ffffff0d;border-radius:20px;backdrop-filter:blur(14px)}.module-hero-metric small,.hero-score small{display:block;color:#9faad0;font-size:10px;font-weight:850;letter-spacing:.12em}.module-hero-metric strong,.hero-score strong{display:block;font-size:45px;line-height:1;margin:10px 0 6px}.module-hero-metric span,.hero-score span{color:#d3daea}.hero-mini-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px}.hero-mini-stats>div{background:#ffffff0d;border:1px solid #ffffff1b;border-radius:16px;padding:16px 18px;min-width:105px}.hero-mini-stats small{display:block;font-size:9px;letter-spacing:.11em;color:#9faad0;font-weight:850}.hero-mini-stats strong{display:block;font-size:26px;margin-top:7px}.control-strip,.module-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.smart-search{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e1e6ef;border-radius:16px;padding:8px;box-shadow:0 8px 30px rgba(16,24,40,.04)}.smart-search-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#f3f5fa;color:#607087;font-size:20px}.smart-search input{flex:1;border:0;outline:0;font:inherit;padding:8px;background:transparent;min-width:100px}.view-meta{display:flex;align-items:center;gap:8px;color:#758197;font-size:12px;white-space:nowrap}.live-dot{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px #12b76a18}.data-card{background:#fff;border:1px solid #e3e8f0;border-radius:21px;box-shadow:0 12px 42px rgba(16,24,40,.045);overflow:hidden}.data-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 23px;border-bottom:1px solid #edf0f4}.data-card-head h2{margin:4px 0 0;font-size:20px;letter-spacing:-.02em}.data-card-head p{margin:5px 0 0;color:#7b8798;font-size:13px}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.premium-tablewrap{border-top:0}.premium-table{min-width:850px}.premium-table th{padding:12px 20px;background:#fafbfc;color:#8a94a6;font-size:10px;letter-spacing:.09em;font-weight:850;border-bottom:1px solid #edf0f4}.premium-table td{padding:15px 20px}.premium-table tbody tr{transition:background .16s ease}.premium-table tbody tr:hover{background:#f8faff}.person-large strong{font-size:14px}.avatar-gradient{background:linear-gradient(135deg,#e8ebff,#f1eaff);color:#5360cf}.avatar-sm{width:34px;height:34px;border-radius:10px;font-size:12px}.soft-chip{display:inline-flex;border:1px solid #e4e7ec;background:#f8f9fb;color:#475467;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:750}.badge i{width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px}.row-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e3e8f0;border-radius:10px;color:#4554c7;text-decoration:none;font-size:18px;transition:.16s}.row-arrow:hover{transform:translateX(2px);background:#f1f3ff}.premium-pagination{border-top:1px solid #edf0f4}.premium-empty{padding:60px 24px;text-align:center;display:grid;gap:5px;color:#7b8798}.premium-empty strong{color:#344054;font-size:17px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:25px 0 14px}.section-heading h2{margin:4px 0;font-size:23px}.section-heading p{color:#7b8798;margin:0}.company-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.company-card{background:#fff;border:1px solid #e3e8f0;border-radius:20px;text-decoration:none;color:#1d2939;padding:19px;box-shadow:0 9px 32px rgba(16,24,40,.035);transition:transform .18s,box-shadow .18s,border-color .18s}.company-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(16,24,40,.09);border-color:#cfd5ff}.company-card-top,.company-card-metrics{display:flex;align-items:center;justify-content:space-between}.company-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#eef0ff,#f5edff);color:#5260cd;font-weight:900}.company-card-body h3{font-size:18px;margin:20px 0 6px}.company-card-body p{margin:0;color:#7b8798;font-size:12px;min-height:32px}.company-card-metrics{border-top:1px solid #edf0f4;margin-top:18px;padding-top:15px;gap:20px}.company-card-metrics>div{display:grid}.company-card-metrics strong{font-size:18px}.company-card-metrics span{font-size:11px;color:#7b8798}.company-card-metrics .company-open{margin-left:auto;width:32px;height:32px;border-radius:10px;background:#f4f5ff;color:#5360cf;display:grid;place-items:center;font-size:17px}.span-full{grid-column:1/-1}.company360-hero{border-radius:25px;padding:27px;background:linear-gradient(135deg,#111a2c,#1b2943 60%,#283d69);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;box-shadow:0 22px 60px rgba(17,24,39,.15)}.company360-main{display:flex;align-items:center;gap:17px}.company-logo-xl{width:68px;height:68px;border-radius:20px;font-size:25px;background:#fff;color:#233056}.company360-status{display:flex;align-items:center;gap:10px;color:#aeb8cd;font-size:12px}.company360-hero h2{margin:8px 0 5px;font-size:30px}.company360-hero p{margin:0;color:#c7d0df}.company360-actions{display:flex;gap:8px;align-items:center}.company360-actions form{margin:0}.company360-kpis,.admin-health-grid,.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px}.company360-kpis article,.admin-health-grid article,.metric-card{background:#fff;border:1px solid #e3e8f0;border-radius:17px;padding:17px 18px;box-shadow:0 8px 26px rgba(16,24,40,.035)}.company360-kpis span,.admin-health-grid span,.metric-card span{display:block;color:#7b8798;font-size:11px;font-weight:750}.company360-kpis strong,.admin-health-grid strong,.metric-card strong{display:block;font-size:25px;margin:7px 0 4px;letter-spacing:-.025em}.company360-kpis small,.admin-health-grid small,.metric-card small{color:#98a2b3}.accent-metric{background:linear-gradient(145deg,#f6f7ff,#fff);border-color:#dfe3ff}.company360-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.company360-grid>.span-7{grid-column:span 7}.company360-grid>.span-5{grid-column:span 5}.company360-grid>.span-4{grid-column:span 4}.count-pill{min-width:32px;height:32px;border-radius:10px;background:#f1f3f7;display:grid;place-items:center;font-weight:800;color:#475467}.modern-stack{padding:8px 20px 16px}.rich-row{justify-content:flex-start}.row-icon,.integration-icon{width:35px;height:35px;border-radius:11px;background:#f2f4ff;color:#5360cf;display:grid;place-items:center;flex:none}.role-meta,.rank-value{margin-left:auto;text-align:right}.role-meta small,.rank-value small{display:block;color:#98a2b3;font-size:10px}.no-underline{text-decoration:none;color:inherit}.text-link{color:#5360cf;text-decoration:none;font-size:12px;font-weight:800}.drawer-form{border-top:1px solid #edf0f4;padding:15px 20px}.drawer-form summary{cursor:pointer;color:#4d5dcc;font-weight:800;font-size:12px}.drawer-form[open] summary{margin-bottom:12px}.checkline{display:flex!important;align-items:center;gap:8px}.checkline input{width:auto!important}.compact-timeline{padding-top:7px}.compact-timeline small{color:#98a2b3}.priority-dot{width:9px;height:9px;border-radius:50%;background:#98a2b3}.priority-high{background:#f79009}.priority-urgent{background:#f04438}.wall-row{align-items:flex-start}.wall-row p{margin:5px 0;color:#667085;font-size:12px}.micro-actions{display:flex;gap:5px;margin-top:7px}.micro-actions form{margin:0}.hero-ring{--p:0;position:relative;z-index:1;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#8995ff calc(var(--p)*1%),#ffffff1c 0);padding:10px}.hero-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#17223a}.hero-ring>div{position:relative;z-index:1;text-align:center}.hero-ring strong{display:block;font-size:29px}.hero-ring span{font-size:11px;color:#aeb8cd}.module-toolbar{background:#fff;border:1px solid #e3e8f0;border-radius:16px;padding:10px 12px}.date-filter{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.date-filter label{display:grid;gap:4px;color:#7b8798;font-size:10px;font-weight:800;letter-spacing:.04em}.date-filter input,.date-filter select{padding:9px 10px;border:1px solid #d8dee8;border-radius:9px;background:#fff;font:inherit;color:#344054}.delta-pills{display:flex;gap:4px;flex-wrap:wrap}.delta-pills span{font-size:9px;padding:4px 6px;border-radius:7px;background:#f4f6f8;color:#667085;white-space:nowrap}.delta-pills .negative{background:#fff1f0;color:#b42318}.delta-pills .positive{background:#ecfdf3;color:#067647}.pipeline-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 18px}.pipeline-step{position:relative;background:#fff;border:1px solid #e3e8f0;border-radius:15px;padding:13px 15px;overflow:hidden}.pipeline-step span{display:block;color:#7b8798;font-size:10px;font-weight:800;text-transform:uppercase}.pipeline-step strong{font-size:24px;display:block;margin-top:5px}.pipeline-step i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#6875f5,#9b78ff)}.recruitment-layout,.bi-grid,.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.premium-form{padding:20px}.stage-chip{display:inline-flex;padding:6px 9px;border-radius:8px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:800;text-transform:uppercase}.stage-interview{background:#eef4ff;color:#3538cd}.stage-offer{background:#fff4e8;color:#b54708}.stage-hired{background:#ecfdf3;color:#067647}.stage-rejected{background:#fff1f0;color:#b42318}.inline-pipeline{display:flex;gap:6px}.inline-pipeline select{max-width:115px}.progress-cell{position:relative;height:20px;min-width:100px;border-radius:7px;background:#f1f3f6;overflow:hidden}.progress-cell span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#6875f5,#8a77ff);border-radius:inherit}.progress-cell b{position:relative;z-index:1;display:block;text-align:center;line-height:20px;font-size:9px;color:#344054}.branch-ranking .rank{width:32px;color:#98a2b3;font-weight:800}.funnel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding:20px}.funnel-grid article{border:1px solid #edf0f4;border-radius:14px;padding:14px}.funnel-grid span{font-size:10px;text-transform:uppercase;color:#7b8798;font-weight:800}.funnel-grid strong{display:block;font-size:25px;margin:5px 0}.funnel-bar{height:4px;border-radius:99px;background:#eef1f5;overflow:hidden}.funnel-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6875f5,#9678ff)}.admin-role-pill{position:relative;z-index:1;padding:10px 13px;border-radius:999px;border:1px solid #ffffff24;background:#ffffff0c;color:#cbd3e4;font-size:11px;font-weight:800}.company-logo-sm{width:35px;height:35px;border-radius:10px;font-size:12px}.premium-inline form{width:310px}.integration-icon{font-size:16px}.sync-status{width:10px;height:10px;border-radius:50%;background:#98a2b3}.sync-status.success{background:#12b76a;box-shadow:0 0 0 4px #12b76a14}.sync-status.warning{background:#f79009;box-shadow:0 0 0 4px #f7900914}
@media(max-width:1100px){.company-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.company360-grid>.span-7,.company360-grid>.span-5{grid-column:span 12}.company360-grid>.span-4{grid-column:span 6}.recruitment-layout,.bi-grid,.admin-grid{grid-template-columns:1fr}.module-hero{align-items:flex-start}.hero-mini-stats{grid-template-columns:1fr}.hero-mini-stats>div{min-width:150px}}
@media(max-width:760px){.module-hero,.company360-hero,.company360-main,.company360-actions,.control-strip,.module-toolbar{flex-direction:column;align-items:flex-start}.module-hero-metric,.hero-score{width:100%}.hero-mini-stats{width:100%;grid-template-columns:repeat(3,1fr)}.company-cards{grid-template-columns:1fr}.company360-kpis,.admin-health-grid,.metric-grid{grid-template-columns:1fr 1fr}.company360-grid>.span-4{grid-column:span 12}.pipeline-strip{grid-template-columns:repeat(2,1fr)}.smart-search{width:100%;flex-wrap:wrap}.smart-search input{flex-basis:calc(100% - 50px)}.date-filter{width:100%}.company360-actions{width:100%}.company360-actions .button,.company360-actions form,.company360-actions form .button{width:100%}.hero-ring{width:120px;height:120px}.head-actions{display:none}}
@media(max-width:480px){.company360-kpis,.admin-health-grid,.metric-grid,.hero-mini-stats{grid-template-columns:1fr}.pipeline-strip{grid-template-columns:1fr}.module-hero{padding:22px}.module-hero h2{font-size:25px}.company360-hero{padding:20px}.company360-main{align-items:flex-start}.company-logo-xl{width:54px;height:54px;border-radius:16px}.data-card-head{align-items:flex-start;flex-direction:column}.funnel-grid{grid-template-columns:1fr 1fr}}

/* UX 2026 PASS 3 · secondary modules, control centers & self-service */
.ux-page-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;padding:27px 29px;border-radius:24px;background:linear-gradient(135deg,#121a2d 0%,#1b2844 62%,#314b7b 100%);color:#fff;box-shadow:0 20px 52px rgba(17,24,39,.14)}
.ux-page-hero:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-105px;top:-135px;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 67%)}
.ux-page-hero:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:80px;bottom:-150px;background:rgba(112,126,255,.22);filter:blur(8px)}
.ux-hero-copy,.ux-hero-metrics,.ux-hero-symbol{position:relative;z-index:1}.ux-kicker{display:block;font-size:10px;letter-spacing:.17em;font-weight:900;color:#abb8ff;margin-bottom:8px}.ux-page-hero h2{margin:0 0 7px;font-size:29px;letter-spacing:-.035em}.ux-page-hero p{margin:0;max-width:750px;color:#c8d1df;line-height:1.55;font-size:13px}.ux-hero-metrics{display:flex;gap:9px;flex:none}.ux-hero-metrics>div{min-width:135px;padding:13px 15px;border-radius:15px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);backdrop-filter:blur(10px)}.ux-hero-metrics strong,.ux-hero-metrics span{display:block}.ux-hero-metrics strong{font-size:24px;line-height:1.05}.ux-hero-metrics span{font-size:10px;color:#b9c3d5;margin-top:5px;text-transform:uppercase;letter-spacing:.05em}.ux-hero-symbol{width:64px;height:64px;border-radius:19px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);font-size:22px;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.1)}
.ux-hero-absence{background:linear-gradient(135deg,#172033,#293354 62%,#62467d)}.ux-hero-compliance{background:linear-gradient(135deg,#12241f,#1e4638 60%,#266e55)}.ux-hero-access{background:linear-gradient(135deg,#161d32,#293659 62%,#514c96)}.ux-hero-branches{background:linear-gradient(135deg,#132132,#1d4253 60%,#326d6b)}.ux-hero-fleet{background:linear-gradient(135deg,#141c2d,#243b55 58%,#356f91)}.ux-hero-finance{background:linear-gradient(135deg,#172019,#2f4935 58%,#577442)}.ux-hero-export{background:linear-gradient(135deg,#171c31,#303b69 58%,#62559d)}.ux-hero-root{background:linear-gradient(135deg,#131724,#292142 58%,#5b376e)}.ux-hero-security{background:linear-gradient(135deg,#181c28,#303643 58%,#5b4c4c)}.ux-hero-search{background:linear-gradient(135deg,#111c31,#273e65 58%,#4868a4)}

/* Retrofit legacy-looking controls into the new product surface */
.route-management-absences .filters,.route-hr-compliance .filters,.route-management-users .toolbar,.route-security-search .toolbar,.route-security-audit .toolbar{border:1px solid #e2e7ef!important;background:rgba(255,255,255,.88)!important;box-shadow:0 8px 28px rgba(16,24,40,.04)!important;border-radius:16px!important;padding:12px!important;margin-bottom:14px!important}
.route-management-absences .card,.route-management-users .card,.route-management-branches .card,.route-hr-compliance .card,.route-finance-payroll .card,.route-exports .card,.route-superadmin-next-finance .card,.route-superadmin-next .card,.route-superadmin-next-security .card,.route-superadmin-next-directory .card,.route-superadmin-next-search .card{border:1px solid #e3e8f0!important;background:#fff!important;border-radius:19px!important;box-shadow:0 9px 30px rgba(16,24,40,.035)!important;overflow:hidden}
.route-management-absences table,.route-management-users table,.route-hr-compliance table,.route-finance-payroll table,.route-exports table,.route-superadmin-next-finance table,.route-superadmin-next table,.route-superadmin-next-directory table,.route-superadmin-next-security table{font-size:12px}.route-management-absences th,.route-management-users th,.route-hr-compliance th,.route-finance-payroll th,.route-exports th,.route-superadmin-next-finance th,.route-superadmin-next th,.route-superadmin-next-directory th,.route-superadmin-next-security th{background:#f8fafc!important;color:#667085!important;text-transform:uppercase;font-size:9px!important;letter-spacing:.08em!important;font-weight:900!important}.route-management-absences td,.route-management-users td,.route-hr-compliance td,.route-finance-payroll td,.route-exports td,.route-superadmin-next-finance td,.route-superadmin-next td,.route-superadmin-next-directory td,.route-superadmin-next-security td{border-color:#edf0f4!important}
.route-management-absences tbody tr,.route-management-users tbody tr,.route-hr-compliance tbody tr,.route-finance-payroll tbody tr,.route-exports tbody tr,.route-superadmin-next-finance tbody tr,.route-superadmin-next tbody tr,.route-superadmin-next-directory tbody tr,.route-superadmin-next-security tbody tr{transition:background .15s}.route-management-absences tbody tr:hover,.route-management-users tbody tr:hover,.route-hr-compliance tbody tr:hover,.route-finance-payroll tbody tr:hover,.route-exports tbody tr:hover,.route-superadmin-next-finance tbody tr:hover,.route-superadmin-next tbody tr:hover,.route-superadmin-next-directory tbody tr:hover,.route-superadmin-next-security tbody tr:hover{background:#fafbff}
.route-management-absences input,.route-management-absences select,.route-management-users input,.route-management-branches input,.route-management-branches select,.route-hr-compliance input,.route-hr-compliance select,.route-finance-payroll input,.route-exports input,.route-exports select,.route-superadmin-next input,.route-superadmin-next select,.route-superadmin-next textarea,.route-superadmin-next-finance input,.route-superadmin-next-finance select,.route-superadmin-next-security input,.route-superadmin-next-search input{border:1px solid #d8dee8!important;background:#fff!important;border-radius:10px!important;padding:10px 11px!important;font:inherit;color:#344054;outline:none;transition:border-color .15s,box-shadow .15s}.route-management-absences input:focus,.route-management-users input:focus,.route-management-branches input:focus,.route-hr-compliance input:focus,.route-finance-payroll input:focus,.route-exports input:focus,.route-superadmin-next input:focus,.route-superadmin-next-finance input:focus,.route-superadmin-next-security input:focus,.route-superadmin-next-search input:focus{border-color:#8995ff!important;box-shadow:0 0 0 4px rgba(105,117,245,.10)!important}
.route-management-absences button,.route-management-users .btn,.route-management-branches button,.route-hr-compliance .btn,.route-finance-payroll .btn,.route-exports .btn,.route-superadmin-next .btn,.route-superadmin-next-finance .btn,.route-superadmin-next button,.route-superadmin-next-directory button,.route-superadmin-next-security button,.route-superadmin-next-search button{border-radius:10px!important;font-weight:800!important;transition:transform .15s,box-shadow .15s,border-color .15s}.route-management-absences button:hover,.route-management-users .btn:hover,.route-management-branches button:hover,.route-hr-compliance .btn:hover,.route-finance-payroll .btn:hover,.route-exports .btn:hover,.route-superadmin-next .btn:hover,.route-superadmin-next-finance .btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(16,24,40,.08)}

/* Branch management becomes a two-pane network editor */
.route-management-branches .grid{display:grid!important;grid-template-columns:350px minmax(0,1fr)!important;gap:14px!important}.route-management-branches .card{padding:20px!important}.route-management-branches .card h2{margin:0 0 14px;font-size:17px}.route-management-branches .card label{font-size:11px;color:#667085;font-weight:750}.route-management-branches .row{display:grid!important;grid-template-columns:1fr 1fr 1.4fr 1fr auto!important;gap:7px!important;padding:8px 0;border-bottom:1px solid #edf0f4}.route-management-branches .row:last-child{border-bottom:0}.route-management-branches .row button{background:#182033;color:#fff;border:0;padding:9px 12px}

/* Fleet */
.route-operations-vehicles .operations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.route-operations-vehicles .vehicle-card{border-radius:19px;box-shadow:0 9px 30px rgba(16,24,40,.035);border-color:#e3e8f0}.route-operations-vehicles .vehicle-card h2{font-size:19px;margin:5px 0 12px}.route-operations-vehicles .vehicle-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.route-operations-vehicles .vehicle-metrics>div{border:1px solid #edf0f4;background:#fafbfc;border-radius:12px;padding:11px}.route-operations-vehicles .vehicle-metrics strong,.route-operations-vehicles .vehicle-metrics small{display:block}.route-operations-vehicles .vehicle-metrics small{color:#7b8798;font-size:9px;text-transform:uppercase;font-weight:850}.route-operations-vehicles .vehicle-metrics strong{margin-top:5px}.route-operations-vehicles .trip-live{border-radius:13px;background:#eefbf4;border:1px solid #ccebd9;padding:12px;color:#16603c}.route-operations-vehicles details{border-top:1px solid #edf0f4;margin-top:10px;padding-top:10px}.route-operations-vehicles summary{font-size:11px;color:#5360cf;font-weight:850}

/* Payroll + exports + finance */
.route-finance-payroll .stats-grid,.route-superadmin-next-finance .stats-grid,.route-superadmin-next .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:14px 0 18px}.route-finance-payroll .stat,.route-superadmin-next-finance .stat,.route-superadmin-next .stat{border:1px solid #e3e8f0;border-radius:16px;background:#fff;padding:16px 18px;box-shadow:0 8px 24px rgba(16,24,40,.03)}.route-finance-payroll .stat small,.route-superadmin-next-finance .stat small,.route-superadmin-next .stat small{color:#7b8798;font-size:10px;text-transform:uppercase;font-weight:850}.route-finance-payroll .stat strong,.route-superadmin-next-finance .stat strong,.route-superadmin-next .stat strong{display:block;font-size:23px;margin-top:6px;letter-spacing:-.03em}.route-finance-payroll .actions{padding:14px 18px;border-top:1px solid #edf0f4;display:flex;justify-content:flex-end}.route-exports .grid.two,.route-superadmin-next-finance .grid.two,.route-superadmin-next .grid.two,.route-superadmin-next-directory .grid.two,.route-superadmin-next-security .grid.two,.route-superadmin-next-search .grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.route-exports .card,.route-superadmin-next-finance .card,.route-superadmin-next .card{padding:20px}.route-exports .card h2,.route-superadmin-next-finance .card h2,.route-superadmin-next .card h2{margin:0 0 8px;font-size:17px}.route-exports form label,.route-superadmin-next-finance form label,.route-superadmin-next form label{display:grid;gap:5px;margin:10px 0;color:#667085;font-size:10px;font-weight:850}.route-exports .form-grid,.route-superadmin-next-finance .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.route-superadmin-next .toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.route-superadmin-next .toolbar .btn{font-size:11px}.route-superadmin-next code{font-size:10px;background:#f2f4f7;padding:4px 7px;border-radius:7px}

/* Employee portal becomes a distinct self-service workspace */
.route-portal .portal-hero,.route-portal-schedule .portal-hero,.route-portal-attendance .portal-hero,.route-portal-availability .portal-hero,.route-portal-absences .portal-hero,.route-portal-exchange .portal-hero,.route-portal-documents .portal-hero,.route-portal-wall .portal-hero,.route-portal-profile .portal-hero{background:linear-gradient(135deg,#162033,#26385a 58%,#4a6a8f);border-radius:24px;box-shadow:0 20px 52px rgba(17,24,39,.12)}.route-portal .portal-kpis{gap:11px}.route-portal .portal-kpis a{border-radius:16px;border-color:#e3e8f0;box-shadow:0 7px 22px rgba(16,24,40,.025);transition:transform .15s,box-shadow .15s}.route-portal .portal-kpis a:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(16,24,40,.08)}.route-portal .portal-grid .panel{border-radius:19px}.portal-nav{border-radius:14px!important;background:#fff!important;border:1px solid #e3e8f0!important;box-shadow:0 7px 24px rgba(16,24,40,.03)!important;overflow:auto}.portal-nav a{white-space:nowrap!important}

/* Planning release control gets a visual product workflow */
.ux-planning-hero{background:linear-gradient(135deg,#151c31,#273760 58%,#5a50a0)!important;border-radius:24px!important;box-shadow:0 20px 50px rgba(17,24,39,.12)!important}.route-planner-scenarios .scenario-kpis article,.route-planner-publications .scenario-kpis article,.route-planner-acknowledgements .scenario-kpis article,.route-notifications .scenario-kpis article{border-radius:16px;box-shadow:0 8px 24px rgba(16,24,40,.03)}.route-planner-scenarios .panel,.route-planner-publications .panel,.route-planner-acknowledgements .panel,.route-notifications .panel{border-radius:19px}.route-planner-publications .release-step{border-radius:999px!important}.route-planner-publications .diff-row{border-radius:10px;background:#fafbfc;margin:5px 0;padding:10px!important}.route-planner-acknowledgements .acknowledgement-version{border-radius:13px;margin:6px 12px;padding:12px!important;background:#fafbfc;border:1px solid #edf0f4!important}.route-notifications .notification-row{margin:6px 12px;border:1px solid #edf0f4!important;border-radius:13px;padding:12px!important}.route-notifications .notification-unread{background:#f6f7ff!important;border-color:#dfe3ff!important}

/* Security */
.route-superadmin-next-security .grid.two,.route-superadmin-next-directory .grid.two,.route-superadmin-next-search .grid.two{align-items:start}.route-superadmin-next-security .card,.route-superadmin-next-directory .card,.route-superadmin-next-search .card{padding:18px}.route-superadmin-next-security .card h2,.route-superadmin-next-directory .card h2,.route-superadmin-next-search .card h2{margin:0 0 13px;font-size:17px}.route-superadmin-next-security .card p,.route-superadmin-next-search .card p{padding:9px 0;margin:0;border-bottom:1px solid #edf0f4}.route-superadmin-next-security .card p:last-child,.route-superadmin-next-search .card p:last-child{border-bottom:0}.route-superadmin-next-search .toolbar input{flex:1;min-width:260px}.route-superadmin-next-search .toolbar{display:flex;gap:8px}

/* Subtle contextual header accent */
.next-body[class*="route-hr-"] .page-context{color:#15835a}.next-body[class*="route-finance-"] .page-context,.route-exports .page-context{color:#557239}.next-body[class*="route-superadmin-"] .page-context{color:#76528c}.next-body[class*="route-planner-"] .page-context{color:#5b63d8}.next-body[class*="route-operations-"] .page-context{color:#397497}

@media(max-width:1150px){.route-operations-vehicles .operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-finance-payroll .stats-grid,.route-superadmin-next-finance .stats-grid,.route-superadmin-next .stats-grid{grid-template-columns:repeat(2,1fr)}.route-management-branches .grid{grid-template-columns:1fr!important}.route-management-branches .row{grid-template-columns:1fr 1fr!important}.route-exports .grid.two,.route-superadmin-next-finance .grid.two,.route-superadmin-next .grid.two,.route-superadmin-next-directory .grid.two,.route-superadmin-next-security .grid.two,.route-superadmin-next-search .grid.two{grid-template-columns:1fr}}
@media(max-width:760px){.ux-page-hero{align-items:flex-start;flex-direction:column;padding:22px}.ux-page-hero h2{font-size:24px}.ux-hero-metrics{width:100%;display:grid;grid-template-columns:1fr 1fr}.ux-hero-metrics>div{min-width:0}.route-operations-vehicles .operations-grid{grid-template-columns:1fr}.route-management-branches .row{grid-template-columns:1fr!important}.route-finance-payroll .stats-grid,.route-superadmin-next-finance .stats-grid,.route-superadmin-next .stats-grid{grid-template-columns:1fr 1fr}.route-exports .form-grid,.route-superadmin-next-finance .form-grid{grid-template-columns:1fr}.route-superadmin-next-search .toolbar{align-items:stretch;flex-direction:column}.route-superadmin-next-search .toolbar input{min-width:0;width:100%}}
@media(max-width:480px){.ux-hero-metrics{grid-template-columns:1fr}.route-finance-payroll .stats-grid,.route-superadmin-next-finance .stats-grid,.route-superadmin-next .stats-grid{grid-template-columns:1fr}.ux-hero-symbol{width:52px;height:52px;border-radius:15px}}

/* UX 2026 Polish Pass 4 · Employee 360 Full, planner validation, MFA */
.employee-commandbar-wide{overflow-x:auto;scrollbar-width:none}.employee-commandbar-wide::-webkit-scrollbar{display:none}.employee-commandbar-wide .employee-tabs{min-width:max-content}.profile-hero-full{min-height:150px}.employee-360-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 14px}.employee-360-kpis article{background:#fff;border:1px solid var(--ui-line);border-radius:16px;padding:14px 15px;box-shadow:0 7px 26px rgba(15,23,42,.035)}.employee-360-kpis span,.hr-overview-strip span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#8b97a8}.employee-360-kpis strong,.hr-overview-strip strong{display:block;font-size:18px;letter-spacing:-.04em;margin:5px 0 1px;color:#172033}.employee-360-kpis small,.hr-overview-strip small{font-size:9px;color:#9aa4b3}.employee-360-kpis a{color:#5d55d9;text-decoration:none}.employee-360-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:13px}.employee-360-layout>.span2{grid-column:1/-1}.work-now-grid{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);gap:14px}.next-shift-card{border-radius:18px;padding:18px;background:linear-gradient(135deg,#1d2340,#312e72);color:#fff;min-height:128px;display:flex;flex-direction:column;justify-content:flex-end}.next-shift-card span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;opacity:.7;font-weight:800}.next-shift-card strong{font-size:18px;line-height:1.25;margin:8px 0 4px}.next-shift-card small{font-size:10px;opacity:.72}.recent-shift-list{display:grid;gap:7px}.recent-shift-list>div{display:grid;grid-template-columns:48px 86px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border-radius:11px;background:#f8f9fc;border:1px solid #edf0f5}.recent-shift-list span{font-size:9px;font-weight:800;color:#6b7280}.recent-shift-list strong{font-size:10px}.recent-shift-list small{font-size:9px;color:#7b8798;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-shift-list em{font-style:normal}.compliance-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.compliance-status-grid article{border-radius:14px;padding:12px;background:#f5faf8;border:1px solid #dcf2e8}.compliance-status-grid article.warn{background:#fff8ed;border-color:#fde8c5}.compliance-status-grid span{display:block;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#758292}.compliance-status-grid strong{display:block;font-size:14px;margin:4px 0}.compliance-status-grid small{font-size:8.5px;color:#8792a2}.qualification-tags{display:flex;flex-wrap:wrap;gap:6px}.qualification-tags span{padding:6px 8px;border-radius:999px;background:#efefff;color:#5149c8;font-size:8.5px;font-weight:800}.qualification-tags span.expired{background:#f4f4f5;color:#8b8f98;text-decoration:line-through}.activity-feed{display:grid;gap:0}.activity-feed article{position:relative;display:flex;gap:10px;padding:8px 0 8px 14px;border-left:1px solid #e6e9ef}.activity-feed article i{position:absolute;width:7px;height:7px;border-radius:50%;background:#746cec;left:-4px;top:13px;box-shadow:0 0 0 4px #f0efff}.activity-feed strong{display:block;font-size:9.5px}.activity-feed small{display:block;font-size:8.5px;color:#98a1af;margin-top:2px}
.employee-subhero{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;border-radius:22px;padding:23px 25px;margin-bottom:13px;background:linear-gradient(125deg,#202540,#333171);color:#fff;overflow:hidden;position:relative}.employee-subhero:after{content:"";position:absolute;right:-90px;top:-130px;width:290px;height:290px;border-radius:50%;border:48px solid rgba(255,255,255,.055)}.employee-subhero>div{position:relative;z-index:1}.employee-subhero h2{font-size:25px;letter-spacing:-.045em;margin:5px 0}.employee-subhero p{max-width:720px;font-size:10.5px;opacity:.7;margin:0}.employee-subhero .hero-kicker{color:#cbc8ff}.employee-subhero .hero-kicker i{background:#aaa5ff}.employee-subhero.hr-hero{background:linear-gradient(125deg,#192d3c,#245265)}.employee-subhero.absence-hero{background:linear-gradient(125deg,#3a2638,#6f3b57)}.employee-subhero.analytics-hero{background:linear-gradient(125deg,#222443,#423b83)}.subhero-score{min-width:195px;text-align:right}.subhero-score span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;opacity:.62;font-weight:800}.subhero-score strong{display:block;font-size:27px;letter-spacing:-.05em;margin:3px 0}.subhero-score small{font-size:8.5px;opacity:.65}.employee-filterbar{display:flex;align-items:end;gap:9px;padding:11px 12px;margin-bottom:12px}.employee-filterbar label{margin:0;min-width:120px}.employee-filterbar label.grow{flex:1}.employee-filterbar label>input,.employee-filterbar label>select{margin-top:4px}.employee-work-kpis,.absence-kpis,.analytics-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.employee-work-kpis article,.absence-kpis article,.analytics-kpis article{padding:13px 14px;background:#fff;border:1px solid var(--ui-line);border-radius:15px}.employee-work-kpis span,.absence-kpis span,.analytics-kpis span{display:block;font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:850;color:#8d98a8}.employee-work-kpis strong,.absence-kpis strong,.analytics-kpis strong{display:block;font-size:17px;margin:4px 0 1px;letter-spacing:-.04em}.employee-work-kpis small,.absence-kpis small,.analytics-kpis small{font-size:8.5px;color:#929dac}.employee-work-layout,.analytics-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:13px}.employee-work-layout>.span2,.analytics-layout>.span2{grid-column:1/-1}.premium-table-wrap{overflow:auto}.premium-table{width:100%;border-collapse:separate;border-spacing:0}.premium-table th{position:sticky;top:0;background:#fafbfc;padding:9px 10px;font-size:7.5px;text-transform:uppercase;letter-spacing:.09em;color:#929ba9;text-align:left;border-bottom:1px solid #eceff3}.premium-table td{padding:10px;border-bottom:1px solid #f0f2f5;font-size:9.5px;vertical-align:middle}.premium-table td strong{display:block;font-size:10px}.premium-table td small{display:block;color:#96a0ad;font-size:8px;margin-top:2px}.context-stat{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0f3}.context-stat span{font-size:9.5px;color:#667386}.context-stat strong{font-size:16px}.mini-ledger{margin-top:10px}.mini-ledger>div{display:flex;justify-content:space-between;padding:6px 0;font-size:9px}.mini-ledger span{color:#7b8796}.empty-state{padding:24px;text-align:center;color:#939eac;font-size:10px;background:#fafbfc;border:1px dashed #e0e4ea;border-radius:13px}
.absence-timeline{display:grid}.absence-timeline article{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding:13px 4px;border-bottom:1px solid #eef0f3}.absence-date strong{font-size:11px;display:block}.absence-date span{font-size:8.5px;color:#9ba4b1}.absence-content strong{font-size:10.5px}.absence-content small{display:block;font-size:8.5px;color:#8b96a6;margin-top:2px}.absence-content p{font-size:9.5px;color:#667386;margin:7px 0 0}.hr-overview-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.hr-overview-strip article{background:#fff;border:1px solid var(--ui-line);padding:13px 14px;border-radius:15px}.hr-workspace-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:13px}.hr-workspace-grid>.span2{grid-column:1/-1}.premium-accordion{border:1px solid #e8ebf0;border-radius:13px;margin-bottom:10px;background:#fafbfc}.premium-accordion summary{cursor:pointer;padding:10px 12px;font-size:9px;font-weight:850;color:#554ed0}.premium-accordion[open] summary{border-bottom:1px solid #eceef3}.hr-inline-form{padding:10px}.vacation-list{display:grid}.vacation-list article{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid #eef0f3}.vacation-date{width:52px;height:52px;border-radius:13px;background:#f2f1ff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5750d0}.vacation-date strong{font-size:13px}.vacation-date span{font-size:8px}.vacation-actions{display:flex;gap:5px;margin-top:7px}.vacation-actions form{display:flex;gap:5px}.danger-link{color:#c33!important}.panel-intro{font-size:9.5px;color:#798596;margin-top:-5px}.limit-form{display:grid;gap:8px}.limit-form label{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;padding:11px 12px;border:1px solid #edf0f3;border-radius:12px}.limit-form label>span{font-size:9.5px;font-weight:750}.limit-form label>strong{display:flex;align-items:center;gap:5px;font-size:10px}.limit-form input{width:62px!important;padding:5px!important;margin:0!important;text-align:right}.limit-form small{grid-column:1/-1;font-size:8px;color:#9aa4b0}.document-builder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.document-builder .span2{grid-column:span 2}.document-preview-card{grid-column:span 2;border-radius:14px;padding:14px;background:linear-gradient(135deg,#f6f5ff,#f4f8ff);border:1px solid #e8e7fa}.document-preview-card span,.document-preview-card small{display:block;font-size:8px;color:#8490a0}.document-preview-card strong{display:block;font-size:14px;margin:5px 0}
.monthly-bars{display:grid;gap:10px;margin-top:8px}.month-row{display:grid;grid-template-columns:55px minmax(0,1fr) 85px;gap:10px;align-items:center}.month-label{font-size:8.5px;font-weight:800;color:#667386}.bar-track{position:relative;height:30px;border-radius:8px;background:#f3f5f8;overflow:hidden}.bar{position:absolute;left:0;height:10px;min-width:2px;border-radius:0 999px 999px 0}.bar.planned{top:4px;background:#dbd9fb}.bar.worked{bottom:4px;background:#6861e8}.month-values{text-align:right}.month-values strong{font-size:10px}.month-values small{font-size:8px;color:#99a2af}.chart-legend{display:flex;gap:14px;margin-top:13px;font-size:8.5px;color:#7c8796}.chart-legend i{display:inline-block;width:12px;height:5px;border-radius:999px;margin-right:5px}.chart-legend i.planned{background:#dbd9fb}.chart-legend i.worked{background:#6861e8}.donut-metric{width:150px;height:150px;border-radius:50%;margin:15px auto 20px;background:conic-gradient(#65c99e calc(var(--p)*1%),#edf0f3 0);display:grid;place-items:center;position:relative}.donut-metric:after{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:#fff}.donut-metric>div{position:relative;z-index:1;text-align:center}.donut-metric strong{display:block;font-size:25px;letter-spacing:-.05em}.donut-metric small{font-size:8px;color:#8994a3}.signal-list>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef0f3;font-size:9px}.insight-stack{display:grid;gap:8px}.insight{padding:11px;border-radius:12px;border:1px solid #e8ebf0}.insight strong{font-size:9.5px}.insight p{font-size:8.5px;line-height:1.5;margin:4px 0 0;color:#768293}.insight.good{background:#f2fbf7;border-color:#d9f0e6}.insight.warning{background:#fff8ed;border-color:#f9e4be}.insight.neutral{background:#f7f8fb}.insight a{color:#5b54d5;text-decoration:none;font-weight:750}
.planner-validation-summary{margin-top:11px}.validation-compact{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:13px;border:1px solid #e5e8ed;background:#fafbfc}.validation-compact.bad{background:#fff5f5;border-color:#f7d7da}.validation-compact.warn{background:#fff9ef;border-color:#f5e5c5}.validation-compact.ok{background:#f3fbf7;border-color:#d9eee4}.validation-compact-main{flex:1}.validation-compact-main strong{display:block;font-size:10px}.validation-compact-main span{font-size:8.5px;color:#7b8797}.validation-compact-counts{display:flex;gap:6px}.validation-compact-counts span{padding:5px 7px;border-radius:999px;font-size:8px;font-weight:850}.validation-compact-counts .hard{background:#fee7e8;color:#ad2f3c}.validation-compact-counts .warning{background:#fff0cf;color:#9c6914}.validation-drawer{border:0;padding:0;width:min(760px,94vw);max-height:86vh;border-radius:22px;box-shadow:0 30px 90px rgba(20,27,45,.26)}.validation-drawer::backdrop{background:rgba(18,23,38,.48);backdrop-filter:blur(4px)}.validation-drawer-body{padding:20px}.validation-filterbar{display:flex;gap:6px;padding:7px;background:#f5f6f9;border-radius:12px;margin:12px 0}.validation-filterbar button{border:0;background:transparent;border-radius:8px;padding:7px 10px;font-size:8.5px;font-weight:800;color:#727d8e;cursor:pointer}.validation-filterbar button.active{background:#fff;color:#3f3a9f;box-shadow:0 2px 8px rgba(22,27,45,.08)}.validation-filterbar span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:999px;background:#eceef3}.validation-drawer-list{max-height:57vh;overflow:auto;padding-right:4px}.validation-day-group{margin-bottom:13px}.validation-day-head{display:flex;justify-content:space-between;align-items:center;padding:7px 2px;font-size:8.5px;color:#8b95a4}.validation-day-head strong{font-size:10px;color:#3d4654}.validation-drawer-item{display:flex;gap:10px;padding:10px;border:1px solid #eceff3;border-radius:11px;margin-bottom:6px;background:#fff}.validation-drawer-item.hard{border-left:3px solid #d94a59}.validation-drawer-item.warning{border-left:3px solid #dfa23c}.validation-icon{width:24px;height:24px;border-radius:8px;background:#f5f6f8;display:grid;place-items:center;font-size:10px;font-weight:900}.validation-drawer-item strong{font-size:9px}.validation-drawer-item p{font-size:8.5px;color:#707d8e;margin:2px 0 0;line-height:1.45}
.security-hero{border-radius:23px;padding:24px 26px;margin-bottom:14px;background:linear-gradient(120deg,#17223b,#263a62);color:#fff;display:flex;justify-content:space-between;align-items:center}.security-hero h2{font-size:26px;letter-spacing:-.045em;margin:5px 0}.security-hero p{font-size:10px;opacity:.7;max-width:650px}.security-shield{width:66px;height:66px;border-radius:22px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:31px;color:#c6cbdb}.security-shield.active{background:#dff7ec;color:#147957}.mfa-setup-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);gap:14px;max-width:1040px}.qr-stage{min-height:270px;border-radius:18px;background:linear-gradient(145deg,#f6f7fa,#fff);border:1px solid #e7eaf0;display:grid;place-items:center;margin:12px 0}.qr-stage #mfaQr{padding:13px;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(17,24,39,.08)}.qr-stage img,.qr-stage canvas{display:block!important}.qr-loading{font-size:9px;color:#8a95a5}.mfa-privacy{font-size:8.5px;color:#748092;padding:9px 10px;background:#f6faf8;border-radius:10px}.mfa-manual{margin-top:12px;border-top:1px solid #edf0f3;padding-top:10px}.mfa-manual summary{font-size:9px;font-weight:800;cursor:pointer;color:#5d57cf}.mfa-manual p,.mfa-manual small{font-size:8.5px;color:#798597}.mfa-manual code{display:block;padding:10px;background:#111827;color:#e9ecf4;border-radius:10px;margin:8px 0;letter-spacing:.1em;word-break:break-all}.mfa-confirm-panel{align-self:start}.mfa-instruction{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #eef0f3}.mfa-instruction>span{width:23px;height:23px;border-radius:8px;background:#efefff;color:#514ac6;display:grid;place-items:center;font-size:8.5px;font-weight:900}.mfa-instruction p{font-size:9.5px;margin:3px 0;color:#667386}.mfa-code-form{margin-top:18px}.otp-input-wrap input,.mfa-code-form>input{font-size:24px!important;letter-spacing:.28em;text-align:center;font-weight:800;padding:12px!important}.mfa-active-panel{max-width:820px}.mfa-active-state{display:flex;gap:18px;align-items:center;padding:8px 0 22px}.mfa-active-icon{width:64px;height:64px;border-radius:20px;background:#e2f8ed;color:#117a56;display:grid;place-items:center;font-size:28px}.mfa-active-state h2{margin:4px 0;font-size:23px}.mfa-active-state p{font-size:9.5px;color:#758193}.mfa-disable-zone{border-top:1px solid #eceff3;padding-top:17px}.mfa-disable-zone h3{font-size:13px}.mfa-disable-zone p{font-size:9px;color:#7d8795}.mfa-code-form.inline{display:flex;gap:8px;max-width:420px}.mfa-code-form.inline input{flex:1}
@media(max-width:1100px){.employee-360-kpis,.employee-work-kpis,.analytics-kpis{grid-template-columns:repeat(3,1fr)}.hr-overview-strip{grid-template-columns:repeat(3,1fr)}.employee-360-layout,.employee-work-layout,.analytics-layout,.hr-workspace-grid{grid-template-columns:1fr}.employee-360-layout>.span2,.employee-work-layout>.span2,.analytics-layout>.span2,.hr-workspace-grid>.span2{grid-column:auto}.document-builder{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.employee-360-kpis,.employee-work-kpis,.absence-kpis,.analytics-kpis,.hr-overview-strip{grid-template-columns:repeat(2,1fr)}.employee-subhero{align-items:flex-start;flex-direction:column;padding:20px}.subhero-score{text-align:left}.work-now-grid{grid-template-columns:1fr}.recent-shift-list>div{grid-template-columns:45px 75px 1fr}.recent-shift-list em{display:none}.employee-filterbar{align-items:stretch;flex-direction:column}.employee-filterbar label{width:100%}.absence-timeline article{grid-template-columns:1fr;gap:5px}.document-builder{grid-template-columns:1fr}.document-builder .span2,.document-preview-card{grid-column:auto}.mfa-setup-grid{grid-template-columns:1fr}.validation-compact{align-items:flex-start;flex-wrap:wrap}.validation-compact-counts{order:3;width:100%}}

/* UX 2026 Simplification Pass 5 · less chrome, more signal */
.employee-360-kpis-essential{grid-template-columns:repeat(4,minmax(0,1fr));margin:13px 0 15px}
.employee-360-kpis-essential article{padding:14px 16px;background:#fff;border:1px solid #e8ebf0;border-radius:15px;box-shadow:none}
.employee-360-kpis-essential article.attention{border-color:#f1d6b0;background:#fffbf4}
.employee-360-kpis-essential span{font-size:8.5px;text-transform:uppercase;letter-spacing:.075em;color:#8792a1;font-weight:800}
.employee-360-kpis-essential strong{font-size:20px;margin:5px 0 2px;letter-spacing:-.035em}
.employee-360-kpis-essential small{font-size:8.5px;color:#8a95a4}
.employee-secondary-details{border:1px solid #e7eaf0;border-radius:16px;background:#fff;overflow:hidden}
.employee-secondary-details>summary{list-style:none;cursor:pointer;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fbfcfd}
.employee-secondary-details>summary::-webkit-details-marker{display:none}
.employee-secondary-details>summary div{display:grid;gap:2px}
.employee-secondary-details>summary strong{font-size:11px;color:#344054}
.employee-secondary-details>summary span{font-size:8.5px;color:#8a95a4}
.employee-secondary-details>summary:after{content:'+';font-size:18px;color:#7d8795;margin-left:auto}
.employee-secondary-details[open]>summary:after{content:'−'}
.employee-secondary-details[open]>summary{border-bottom:1px solid #eceff3}
.employee-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;background:#f8fafc}
.employee-secondary-grid .panel{margin:0;box-shadow:none}
.employee-secondary-details .summary-meta{white-space:nowrap;margin-left:auto;margin-right:8px}
.analytics-kpis-essential{grid-template-columns:repeat(4,minmax(0,1fr))}
.analytics-kpis-essential article.attention{background:#fffbf4;border-color:#f1d6b0}
.analytics-layout-simple{grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr)}
.signal-list-clean>div{padding:10px 0;font-size:9.5px}
.compact-insights .insight{padding:10px 11px}
.compact-insights .insight strong{font-size:9.5px;line-height:1.45}
.quiet-state{padding:17px;border:1px solid #dfece5;background:#f6fbf8;border-radius:13px}
.quiet-state strong{font-size:11px;color:#276b51}.quiet-state p{font-size:9px;color:#7b8793;line-height:1.5;margin:5px 0 0}
.analysis-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px}.analysis-links a{font-size:9px;font-weight:800;color:#5750d0;text-decoration:none}
.analytics-hero-simple{padding-top:21px;padding-bottom:21px}
.hr-overview-essential{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}
.hr-overview-essential article{padding:13px 15px}
.dashboard-grid-single{grid-template-columns:1fr}
.dashboard-grid-single .dashboard-section{max-width:none}
.dashboard-live-simple{align-items:center}
.live-card-simple{max-width:210px;text-align:right;padding:14px 16px;display:grid;gap:1px}
.live-card-simple span{font-size:8.5px;color:#9dabc0;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.live-card-simple strong{font-size:30px;line-height:1.05;letter-spacing:-.05em}
.live-card-simple small{font-size:8.5px;color:#aeb8c9}
/* Planner validation must never extend the page */
.planner-validation-summary{min-height:0;margin-top:8px}
.validation-compact{padding:9px 11px}
.validation-drawer{max-height:min(760px,88vh);overflow:hidden}
.validation-drawer-body{display:flex;flex-direction:column;max-height:min(760px,88vh);box-sizing:border-box}
.validation-drawer-list{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}
.shift-inspector #inspectorContent{max-height:55vh;overflow:auto}
/* Normal state should stay quiet; exceptions carry the visual weight. */
.health-pill:not(.warn),.badge.ok{box-shadow:none}
@media(max-width:1100px){.employee-360-kpis-essential,.analytics-kpis-essential{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-secondary-grid{grid-template-columns:1fr}.analytics-layout-simple{grid-template-columns:1fr}.hr-overview-essential{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.employee-360-kpis-essential,.analytics-kpis-essential,.hr-overview-essential{grid-template-columns:1fr}.employee-secondary-details>summary{align-items:flex-start}.employee-secondary-details .summary-meta{display:none}.live-card-simple{max-width:none;text-align:left}.dashboard-hero{grid-template-columns:1fr}}
.inspector-more{margin-top:8px;padding:8px 10px;border-radius:10px;background:#f5f6f8;color:#778292;font-size:8.5px;font-weight:750}

/* ========================================================================== */
/* PRODUCT EXPERIENCE 2026 · living UI, without visual noise                  */
/* ========================================================================== */
:root{--motion-fast:140ms;--motion-base:220ms;--motion-slow:360ms;--ease-product:cubic-bezier(.2,.8,.2,1);--toast-shadow:0 18px 50px rgba(16,24,40,.16)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.next-page-progress{position:fixed;z-index:10020;left:0;right:0;top:0;height:3px;pointer-events:none;opacity:0}.next-page-progress i{display:block;width:12%;height:100%;background:linear-gradient(90deg,#6c72f4,#8b6df6,#56b9ff);transform:translateX(-110%);border-radius:0 99px 99px 0}.next-page-progress.is-active{opacity:1}.next-page-progress.is-active i{animation:nextProgress 1.1s var(--ease-product) infinite}.next-page-progress.is-finishing i{width:100%;transform:translateX(0);animation:none;transition:width .15s,transform .15s}@keyframes nextProgress{0%{transform:translateX(-120%);width:15%}55%{width:44%}100%{transform:translateX(720%);width:18%}}
.app-stage,.app-sidebar,.panel,.card,.button,.nav-item,.topbar-icon,.user-menu-trigger,.command-search,input,select,textarea{transition-property:transform,box-shadow,border-color,background-color,opacity;transition-duration:var(--motion-fast);transition-timing-function:var(--ease-product)}
.button:not(:disabled):active,.icon-button:not(:disabled):active,.topbar-icon:active{transform:translateY(1px) scale(.985)}
.button.is-loading{cursor:wait;opacity:.82}.next-spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;display:inline-block;vertical-align:-2px;animation:nextSpin .7s linear infinite;margin-right:7px}@keyframes nextSpin{to{transform:rotate(360deg)}}
.next-toast-stack{position:fixed;z-index:10050;right:20px;top:18px;width:min(390px,calc(100vw - 28px));display:grid;gap:9px;pointer-events:none}.next-toast{position:relative;overflow:hidden;display:grid;grid-template-columns:34px 1fr 28px;gap:10px;align-items:start;padding:13px 12px 14px;border:1px solid rgba(208,213,221,.82);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:var(--toast-shadow);backdrop-filter:blur(18px);transform:translateY(-8px) scale(.985);opacity:0;pointer-events:auto;transition:opacity var(--motion-base) var(--ease-product),transform var(--motion-base) var(--ease-product)}.next-toast.is-visible{transform:none;opacity:1}.next-toast-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:#eef2ff;color:#514bc6}.next-toast-success .next-toast-icon{background:#e8f8ef;color:#087a55}.next-toast-error .next-toast-icon{background:#fff0ef;color:#b42318}.next-toast-warning .next-toast-icon{background:#fff5e7;color:#b54708}.next-toast-copy{display:grid;gap:2px;min-width:0}.next-toast-copy strong{font-size:12px;color:#1d2939}.next-toast-copy span{font-size:10.5px;line-height:1.45;color:#667085;white-space:pre-line}.next-toast-close{border:0;background:transparent;color:#98a2b3;font-size:19px;line-height:1;cursor:pointer;padding:3px;border-radius:8px}.next-toast-close:hover{background:#f2f4f7;color:#475467}.next-toast-timer{position:absolute;left:0;bottom:0;height:2px;background:currentColor;opacity:.2;animation:toastTimer linear forwards;width:100%;transform-origin:left}@keyframes toastTimer{to{transform:scaleX(0)}}
.next-confirm-dialog,.next-command-dialog{border:0;padding:0;background:transparent;max-width:none}.next-confirm-dialog::backdrop,.next-command-dialog::backdrop{background:rgba(15,23,42,.34);backdrop-filter:blur(4px);animation:backdropIn var(--motion-base) ease-out}@keyframes backdropIn{from{opacity:0}to{opacity:1}}.next-confirm-card{width:min(450px,calc(100vw - 28px));padding:22px;border-radius:21px;background:#fff;box-shadow:0 32px 90px rgba(15,23,42,.24);display:grid;grid-template-columns:46px 1fr;gap:14px;animation:modalIn var(--motion-base) var(--ease-product)}@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.next-confirm-icon{width:44px;height:44px;border-radius:14px;background:#f0efff;color:#5952d2;display:grid;place-items:center;font-size:19px;font-weight:900}.next-confirm-copy h2{font-size:18px;letter-spacing:-.025em;margin:3px 0 6px}.next-confirm-copy p{font-size:11px;line-height:1.55;color:#667085;margin:0;white-space:pre-line}.next-confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.next-command-card{width:min(620px,calc(100vw - 30px));border-radius:20px;background:#fff;box-shadow:0 35px 100px rgba(15,23,42,.26);overflow:hidden;animation:modalIn var(--motion-base) var(--ease-product)}.next-command-search{height:62px;display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:0 18px;border-bottom:1px solid #eaecf0;color:#98a2b3}.next-command-search input{border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;font-size:15px!important;padding:0!important}.next-command-search kbd{font-size:9px;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:6px;padding:3px 6px}.next-command-results{padding:8px;max-height:min(480px,65vh);overflow:auto}.next-command-item{width:100%;border:0;background:transparent;border-radius:11px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;color:#344054}.next-command-item span{display:grid;gap:1px}.next-command-item small{font-size:8px;color:#98a2b3;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.next-command-item strong{font-size:11.5px}.next-command-item em{font-style:normal;color:#98a2b3;opacity:0}.next-command-item:hover,.next-command-item.is-active{background:#f5f5ff;color:#3730a3}.next-command-item.is-active em{opacity:1}.next-command-empty{padding:34px 18px;text-align:center;color:#98a2b3;font-size:11px}.next-command-foot{display:flex;gap:16px;border-top:1px solid #eaecf0;padding:9px 15px;background:#fafbfc;color:#98a2b3;font-size:8.5px}
.next-reveal{animation:nextReveal .38s var(--ease-product) both;animation-delay:var(--reveal-delay,0ms)}@keyframes nextReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.next-show-skeleton .app-content{position:relative;min-height:420px}.next-show-skeleton .app-content::after{content:"";position:absolute;z-index:80;inset:0;border-radius:18px;background:linear-gradient(100deg,rgba(248,250,252,.92) 18%,rgba(238,242,247,.94) 36%,rgba(248,250,252,.92) 54%) 0 0/220% 100%;animation:skeletonMove 1.15s linear infinite;pointer-events:none}.next-show-skeleton .app-content::before{content:"Načítám pracovní prostor…";position:absolute;z-index:81;left:50%;top:150px;transform:translateX(-50%);padding:8px 12px;border:1px solid #e5e7eb;border-radius:99px;background:rgba(255,255,255,.9);color:#667085;font-size:9.5px;font-weight:750;pointer-events:none}@keyframes skeletonMove{to{background-position:-220% 0}}
/* dialogs used by Planner should feel native to the product */
dialog.shift-inspector[open],dialog.validation-drawer[open]{animation:modalIn var(--motion-base) var(--ease-product)}dialog::backdrop{transition:background var(--motion-base)}
/* controls communicate affordance without becoming noisy */
input:focus,select:focus,textarea:focus{outline:none}.button:focus-visible,.nav-item:focus-visible,.topbar-icon:focus-visible,.icon-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px rgba(99,102,241,.13)!important;border-color:#818cf8!important;outline:none!important}
@media(max-width:640px){.next-toast-stack{right:14px;top:12px}.next-confirm-actions{flex-direction:column-reverse}.next-confirm-actions .button{width:100%}.next-command-card{border-radius:17px}}
.presence-dot{animation:presenceBreathe 3.6s ease-in-out infinite}@keyframes presenceBreathe{0%,78%,100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}84%{box-shadow:0 0 0 5px rgba(18,183,106,.11)}}

/* ========================================================================== */
/* WFM PROFESSIONAL PASS 1 · workforce identity + operational intelligence    */
/* ========================================================================== */
.wfm-people-hero{align-items:stretch}.wfm-role-overview{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:9px;min-width:min(440px,45vw)}.wfm-role-overview article{display:flex;flex-direction:column;justify-content:flex-end;min-height:102px;padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.075);backdrop-filter:blur(12px)}.wfm-role-overview span{font-size:9px;color:#bcc7d8;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.wfm-role-overview strong{font-size:27px;line-height:1;margin-top:8px;letter-spacing:-.05em}
.people-segment-switch{display:flex;gap:7px;margin:0 0 13px;padding:5px;border:1px solid #e4e8ef;border-radius:14px;background:#fff;width:max-content;max-width:100%;overflow:auto}.people-segment-switch a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;color:#667085;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}.people-segment-switch a:hover{background:#f7f8fb;color:#344054}.people-segment-switch a.active{background:#252b3d;color:#fff;box-shadow:0 5px 14px rgba(15,23,42,.12)}.people-segment-switch a span{font-size:8px;padding:3px 6px;border-radius:99px;background:rgba(255,255,255,.12)}
.role-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;font-size:9px;line-height:1;font-weight:850;border:1px solid transparent;white-space:nowrap}.role-worker{background:#eef4ff;color:#3356a7;border-color:#dce7ff}.role-coordinator{background:#f1edff;color:#6041aa;border-color:#e4dcff}.role-hr{background:#eaf9f4;color:#087a55;border-color:#d5f2e6}.role-management{background:#fff5e8;color:#a65b0a;border-color:#fee6c3}.role-client{background:#eef7ff;color:#176892;border-color:#d7ecfb}.role-partner{background:#f4f4f5;color:#52525b;border-color:#e4e4e7}.role-system{background:#fff0f0;color:#a73333;border-color:#ffdcdc}.role-internal{background:#f5f6f8;color:#596273;border-color:#e7e9ee}.role-technical{display:block;margin-top:4px;color:#a2aab7;font-size:8px}.wfm-directory .premium-table td:nth-child(2){min-width:150px}.profile-title .role-badge{margin-left:3px}
.wfm-command-hero{grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr)}.wfm-today-card{position:relative;z-index:1;align-self:stretch;padding:18px 19px;border:1px solid rgba(255,255,255,.13);border-radius:19px;background:rgba(255,255,255,.075);backdrop-filter:blur(13px);display:flex;flex-direction:column;justify-content:center}.wfm-today-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.wfm-today-head>span{font-size:8.5px;letter-spacing:.11em;color:#9facc1;font-weight:850}.wfm-today-head b{font-size:8px;color:#94f0c6;background:rgba(48,190,132,.1);border-radius:99px;padding:5px 8px}.wfm-capacity-numbers{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:end;gap:10px}.wfm-capacity-numbers div{display:grid;gap:3px}.wfm-capacity-numbers small{font-size:8.5px;color:#a9b4c5}.wfm-capacity-numbers strong{font-size:29px;letter-spacing:-.055em}.wfm-capacity-numbers>i{font-style:normal;color:#68758b;padding-bottom:5px}.wfm-capacity-foot{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.09);font-size:8.5px;color:#aab6c8}.wfm-capacity-foot strong{color:#fff}
.wfm-kpis .kpi-alert{border-color:#f4d7cd;background:linear-gradient(180deg,#fff,#fffaf8)}.wfm-kpis .kpi-alert .kpi-trend{background:#fff0eb;color:#b54708}.wfm-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:14px}.wfm-dashboard-grid>.span2{grid-column:1/2}.wfm-chart-panel{min-height:300px}.wfm-legend{display:flex;gap:14px;justify-content:flex-end;margin:-6px 0 8px;font-size:8.5px;color:#7f8998}.wfm-legend span{display:flex;align-items:center;gap:5px}.wfm-legend i{width:8px;height:8px;border-radius:3px}.wfm-legend i.planned,.wfm-bar-chart i.planned{background:#d8dcff}.wfm-legend i.actual,.wfm-bar-chart i.actual{background:#6568df}.wfm-bar-chart{height:210px;display:grid;grid-template-columns:repeat(14,minmax(16px,1fr));gap:8px;align-items:end;padding:8px 2px 0;border-bottom:1px solid #e7eaf0;background:linear-gradient(to bottom,transparent 24.5%,#f1f3f6 25%,transparent 25.5%,transparent 49.5%,#f1f3f6 50%,transparent 50.5%,transparent 74.5%,#f1f3f6 75%,transparent 75.5%)}.wfm-bar-day{height:100%;display:grid;grid-template-rows:1fr 17px;align-items:end;min-width:0}.wfm-bars{height:100%;display:flex;align-items:end;justify-content:center;gap:2px}.wfm-bars i{display:block;width:min(10px,42%);border-radius:4px 4px 1px 1px;min-height:2px}.wfm-bar-day>span{text-align:center;color:#98a2b3;font-size:7.5px;white-space:nowrap;margin-top:5px}
.wfm-status-panel{display:grid;align-content:start}.wfm-status-ring{--value:0;width:128px;height:128px;border-radius:50%;margin:5px auto 18px;background:conic-gradient(#5f63da calc(var(--value)*1%),#edf0f5 0);display:grid;place-items:center;position:relative}.wfm-status-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}.wfm-status-ring>div{position:relative;z-index:1;text-align:center}.wfm-status-ring strong,.wfm-status-ring span{display:block}.wfm-status-ring strong{font-size:20px;letter-spacing:-.04em}.wfm-status-ring span{font-size:8px;color:#98a2b3;text-transform:uppercase;font-weight:800}.wfm-status-list{display:grid;gap:3px}.wfm-status-list>div{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid #f0f2f5;font-size:9.5px;color:#667085}.wfm-status-list strong{font-size:11px;color:#344054}
.wfm-client-bars{display:grid;gap:11px}.wfm-client-row{display:grid;grid-template-columns:minmax(130px,.42fr) 1fr;align-items:center;gap:12px}.wfm-client-row>div:first-child{display:flex;justify-content:space-between;gap:8px;min-width:0}.wfm-client-row strong{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wfm-client-row span{font-size:8px;color:#98a2b3;white-space:nowrap}.wfm-client-row .track{height:7px;border-radius:99px;background:#f0f2f6;overflow:hidden}.wfm-client-row .track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6466dc,#8e81eb)}
.wfm-action-list{display:grid;gap:7px}.wfm-action-list a{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #edf0f4;border-radius:13px;text-decoration:none;color:#344054}.wfm-action-list a:hover{background:#fafbff;border-color:#dfe3ef}.wfm-action-list a>i{width:7px;height:7px;border-radius:50%;background:#2fbd87}.wfm-action-list a.warn>i{background:#e7a32e}.wfm-action-list a.urgent>i{background:#df5d53}.wfm-action-list strong,.wfm-action-list small{display:block}.wfm-action-list strong{font-size:10px}.wfm-action-list small{font-size:8.5px;color:#8c96a5;margin-top:2px;line-height:1.4}.wfm-action-list>a>span{color:#98a2b3}
@media(max-width:1180px){.wfm-command-hero{grid-template-columns:1fr}.wfm-role-overview{min-width:0;width:100%}.wfm-dashboard-grid{grid-template-columns:1fr}.wfm-dashboard-grid>.span2{grid-column:auto}.wfm-chart-panel{min-height:280px}}
@media(max-width:760px){.wfm-role-overview{grid-template-columns:1fr 1fr}.wfm-role-overview article:last-child{grid-column:1/-1}.wfm-capacity-numbers strong{font-size:23px}.wfm-bar-chart{gap:4px;overflow-x:auto}.wfm-client-row{grid-template-columns:1fr}.people-segment-switch{width:100%}}
@media(max-width:520px){.wfm-role-overview{grid-template-columns:1fr}.wfm-role-overview article:last-child{grid-column:auto}.wfm-capacity-numbers{gap:5px}.wfm-capacity-numbers strong{font-size:19px}.wfm-capacity-foot{flex-direction:column}.wfm-bar-chart{grid-template-columns:repeat(14,24px)}}

/* WFM Professional Pass 2 · Coordinator Cockpit */
.coord-hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:28px 30px;border:1px solid var(--line,#e5e9f2);border-radius:22px;background:linear-gradient(135deg,#111c32,#26315d);color:#fff;margin-bottom:18px;box-shadow:0 18px 45px rgba(16,24,40,.08)}
.coord-hero h2{font-size:clamp(26px,3vw,38px);line-height:1.05;margin:7px 0 8px;letter-spacing:-.035em}.coord-hero p{max-width:760px;color:#c8d0e0;margin:0}.coord-hero .ux-kicker{color:#9cabca}.coord-selector{min-width:260px}.coord-selector label{display:grid;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#aeb9ce}.coord-selector select{width:100%;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:11px}.coord-selector option{color:#111827;background:#fff}
.coord-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.coord-kpis article{background:#fff;border:1px solid var(--line,#e5e9f2);border-radius:18px;padding:18px 20px;display:grid;gap:4px}.coord-kpis span{font-size:12px;color:#667085}.coord-kpis strong{font-size:30px;letter-spacing:-.04em}.coord-kpis small{font-size:11px;color:#98a2b3}.coord-kpis article.attention{box-shadow:inset 3px 0 #ef9d43}
.coord-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:16px;margin-bottom:16px}.coord-card{background:#fff;border:1px solid var(--line,#e5e9f2);border-radius:20px;padding:20px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h3{font-size:17px;margin:4px 0 0}.section-head p{margin:5px 0 0;color:#7d899c;font-size:12px}.section-head>a{font-size:12px;font-weight:700;color:#5557df}.tiny-metric{border-radius:999px;background:#f2f4f8;padding:5px 9px;font-size:11px;font-weight:800}
.coord-worker-list{display:grid}.coord-worker{display:flex;align-items:center;gap:12px;padding:11px 3px;border-top:1px solid #edf0f5;text-decoration:none;color:inherit}.coord-worker:first-child{border-top:0}.worker-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eeecff;color:#5f55d9;font-weight:800}.worker-copy{display:grid;gap:3px;min-width:0;flex:1}.worker-copy strong{font-size:13px}.worker-copy small{font-size:11px;color:#7d899c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-state{font-size:10px;font-weight:800;padding:6px 8px;border-radius:999px}.worker-state.good{background:#eaf9f1;color:#148257}.worker-state.warn{background:#fff6e8;color:#b56b10}.worker-state.quiet{background:#f3f5f8;color:#758096}
.exception-stack{display:grid;gap:9px}.exception-item{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid #edf0f5;border-radius:13px;text-decoration:none;color:inherit}.exception-item span{display:grid;gap:3px}.exception-item strong{font-size:12px}.exception-item small{font-size:10px;color:#7d899c}.dot{width:7px;height:7px;border-radius:50%;margin-top:5px;flex:none}.dot.warn{background:#efa33a}.dot.danger{background:#e55d67}.empty-state{min-height:120px;display:grid;place-content:center;text-align:center;gap:5px;color:#667085}.empty-state strong{font-size:13px}.empty-state span{font-size:11px;color:#98a2b3}.empty-state.compact{min-height:100px}
.client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.client-grid article{border:1px solid #edf0f5;border-radius:14px;padding:13px;display:flex;justify-content:space-between;gap:12px}.client-grid article>div{display:grid;gap:3px}.client-grid strong{font-size:12px}.client-grid small{font-size:10px;color:#8490a3}.client-today{text-align:right}.client-today span{font-size:16px;font-weight:800}
.assignment-center{margin-top:16px}.directory-search{display:flex;gap:8px;margin-bottom:12px}.directory-search input{flex:1;min-width:180px;border:1px solid #dfe4ec;border-radius:11px;padding:10px 12px}.assignment-table{display:grid}.assignment-row{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(180px,.8fr) minmax(330px,1.2fr) auto;gap:12px;align-items:center;border-top:1px solid #edf0f5;padding:10px 0}.assignment-row:first-child{border-top:0}.assignment-row>div:first-child{display:grid;gap:3px}.assignment-row strong{font-size:12px}.assignment-row small,.current-owner{font-size:10px;color:#7d899c}.assignment-row form{display:flex;gap:7px;align-items:center}.assignment-row select{min-width:180px;border:1px solid #dfe4ec;border-radius:10px;padding:8px}.subtle-button{background:#f5f6f8!important;color:#6b7280!important}.warning-notice{background:#fff8e7;border-color:#f1d797;color:#7c5b12}
@media(max-width:1100px){.coord-kpis{grid-template-columns:repeat(2,1fr)}.coord-grid{grid-template-columns:1fr}.client-grid{grid-template-columns:repeat(2,1fr)}.assignment-row{grid-template-columns:1fr 1fr}.assignment-row form{grid-column:1/-1}}
@media(max-width:680px){.coord-hero{align-items:stretch;flex-direction:column;padding:22px}.coord-selector{min-width:0}.coord-kpis{grid-template-columns:1fr 1fr}.client-grid{grid-template-columns:1fr}.assignment-row{grid-template-columns:1fr}.assignment-row form{grid-column:auto;flex-wrap:wrap}.worker-state{display:none}}
.employee-coordinator-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--line,#e5e9f2);border-radius:16px;padding:13px 16px;margin:-4px 0 14px}.employee-coordinator-strip>div{display:grid;gap:2px}.employee-coordinator-strip strong{font-size:13px}.employee-coordinator-strip small{font-size:10px;color:#8a95a8}

/* WFM Professional · Planner Operational Parity */
.planner-ops{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;margin-bottom:18px}.planner-ops-copy h2{margin:3px 0 6px}.planner-ops-copy p{margin:0;color:var(--muted,#64748b);max-width:760px}.planner-ops-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.planner-operation-dialog{border:0;border-radius:22px;padding:0;width:min(720px,calc(100vw - 32px));max-height:88vh;box-shadow:0 28px 80px rgba(15,23,42,.28)}.planner-operation-dialog.wide-dialog{width:min(980px,calc(100vw - 32px))}.planner-operation-dialog::backdrop{background:rgba(15,23,42,.48);backdrop-filter:blur(3px)}.planner-operation-body{padding:24px;overflow:auto;max-height:88vh}.planner-result-list{display:grid;gap:10px;margin-top:14px}.planner-result-card,.planner-exchange-card{border:1px solid #e5eaf2;border-radius:16px;background:#fff;padding:14px 16px}.planner-result-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.planner-result-card strong,.planner-exchange-card strong{display:block;color:#182235}.planner-result-card small,.planner-exchange-card small{display:block;color:#7b8aa0;margin-top:4px}.planner-result-score,.planner-result-actions{display:flex;align-items:center;gap:9px}.planner-result-score>span{font-weight:800;color:#5046e5}.planner-template-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(340px,1.28fr);gap:20px}.planner-template-layout .compact-form{align-content:start}.planner-operation-result{margin-top:12px;border-radius:12px;padding:10px 12px;background:#eefbf5;color:#176b4d}.planner-operation-result.error{background:#fff0f0;color:#b42318}.planner-loading{padding:24px;text-align:center;color:#64748b}.planner-exchange-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.planner-exchange-requests{display:grid;gap:8px;margin:12px 0}.planner-request-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0f5;padding-top:8px}.button.mini{padding:6px 9px;font-size:12px}.danger-button{border-color:#f2b8b5;color:#b42318}.live-running{border-color:#9be2c4;background:#f4fcf8}.live-upcoming{border-color:#dfe5ff}.shift-card[data-shift-id]{cursor:pointer}@media(max-width:900px){.planner-ops{align-items:flex-start;flex-direction:column}.planner-ops-actions{justify-content:flex-start}.planner-template-layout{grid-template-columns:1fr}.planner-result-card,.planner-request-row{align-items:flex-start;flex-direction:column}}

/* Planner Rebuild 2026 — operational layers */
.dp-toolbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.planner-layer-switches{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:var(--surface,#fff)}
.planner-layer-switches label{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:8px;font-size:12px;font-weight:700;color:var(--muted,#64748b);cursor:pointer;white-space:nowrap}
.planner-layer-switches label:has(input:checked){background:#f1f5f9;color:#0f172a}
.planner-layer-switches input{accent-color:#6366f1}
.dp-absence-event{opacity:.78!important;background:#fff1f2!important;border-color:#fecdd3!important;color:#9f1239!important}
.dp-availability-event{opacity:.52!important;background:#ecfdf5!important;border-color:#a7f3d0!important;color:#047857!important}
@media(max-width:780px){.dp-toolbar-actions{width:100%;justify-content:flex-start}.planner-layer-switches{width:100%;overflow-x:auto}}

/* Planning Rules Pass */
.planning-rules-card{margin:0 0 20px}.planning-rules-form{display:grid;gap:18px}.planning-rule-group{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:22px;padding:18px 0;border-top:1px solid var(--border,#e7eaf0)}.planning-rule-group:first-of-type{border-top:0}.planning-rule-group-title{display:flex;flex-direction:column;gap:5px}.planning-rule-group-title small{color:var(--muted,#667085);line-height:1.45}.planning-rule-fields{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}.planning-rule-fields label,.planning-rules-advanced label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;color:var(--muted,#667085)}.planning-rule-fields input,.planning-rule-fields select,.planning-rules-advanced input,.planning-rules-advanced select{width:100%}.planning-rules-advanced{border:1px solid var(--border,#e7eaf0);border-radius:14px;padding:0 16px}.planning-rules-advanced summary{cursor:pointer;padding:14px 0;font-weight:700}.planning-rule-fields-advanced{grid-template-columns:repeat(3,minmax(150px,1fr));padding:4px 0 16px}.planning-rule-checks{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px 18px;border-top:1px solid var(--border,#e7eaf0);padding:14px 0 16px}.planning-rules-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--border,#e7eaf0)}.planning-rules-footer>div{color:var(--muted,#667085);font-size:13px}.planning-rules-footer span{padding:0 5px}.planning-rules-audit{margin-top:16px;border-top:1px solid var(--border,#e7eaf0);padding-top:12px}.planning-rules-audit summary{cursor:pointer;font-weight:650;color:var(--muted,#667085)}
@media(max-width:1000px){.planning-rule-group{grid-template-columns:1fr}.planning-rule-fields,.planning-rule-fields-advanced{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:640px){.planning-rule-fields,.planning-rule-fields-advanced,.planning-rule-checks{grid-template-columns:1fr}.planning-rules-footer{align-items:stretch;flex-direction:column}.planning-rules-footer .button{width:100%}}

/* Autoplan Guided Workflow 2026 */
.autoplan-preflight{position:relative;overflow:hidden}.readiness-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.readiness-badge.neutral{background:#f1f4f7;color:#66717d}.readiness-badge.checking{background:#edf4ff;color:#205da8}.readiness-badge.ok{background:#eaf8ef;color:#18733c}.readiness-badge.warn{background:#fff5db;color:#8a5b00}.readiness-badge.block{background:#fff0f0;color:#b42318}.readiness-list{display:grid;gap:10px;margin-top:8px}.readiness-item,.readiness-placeholder{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e5e9ef;border-radius:14px;background:#fff}.readiness-item.ok{border-color:#d9ebdf}.readiness-item.warn{border-color:#f3dfac;background:#fffdf7}.readiness-item.block{border-color:#efcaca;background:#fffafa}.readiness-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f3f6f9;font-weight:900}.readiness-item.ok .readiness-icon{background:#eaf8ef;color:#18733c}.readiness-item.warn .readiness-icon{background:#fff0c7;color:#8a5b00}.readiness-item.block .readiness-icon{background:#ffe7e7;color:#b42318}.readiness-copy{min-width:0}.readiness-copy strong,.readiness-placeholder strong{display:block;font-size:14px}.readiness-copy small,.readiness-placeholder small{display:block;margin-top:3px;color:#6c7783;line-height:1.45}.compact-button{padding:8px 11px;min-height:34px;font-size:12px}.autoplan-startbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding-top:16px;border-top:1px solid #edf0f3}.autoplan-startbar strong,.autoplan-startbar small{display:block}.autoplan-startbar small{margin-top:4px;color:#6d7782}.autoplan-run-button{min-width:210px}.mini-spinner,.autoplan-spinner{border-radius:50%;border-style:solid;animation:autoplanSpin .8s linear infinite}.mini-spinner{width:24px;height:24px;border-width:3px;border-color:#dce5ef;border-top-color:#2062ad}.autoplan-busy[hidden]{display:none}.autoplan-busy{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:24px;background:rgba(11,22,34,.42);backdrop-filter:blur(8px)}.autoplan-busy-card{width:min(460px,calc(100vw - 40px));padding:30px;border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(12,25,38,.24);text-align:center}.autoplan-spinner{width:52px;height:52px;margin:0 auto 20px;border-width:5px;border-color:#e3eaf1;border-top-color:#1e63ae}.autoplan-busy-card h2{margin:7px 0 8px;font-size:22px}.autoplan-busy-card p{margin:0 auto;color:#65717d;line-height:1.55;max-width:360px}.busy-progress{height:6px;margin:22px 0 10px;border-radius:999px;background:#edf1f5;overflow:hidden}.busy-progress i{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d5e6fa,#1e63ae,#d5e6fa);animation:autoplanProgress 1.35s ease-in-out infinite}.autoplan-busy-card>small{color:#7a8590}.autoplan-busy-open{overflow:hidden}.diagnostic-details{display:inline-block;margin-left:8px}.diagnostic-details summary{cursor:pointer;font-weight:700;color:#355d89}.diagnostic-details small{display:block;margin-top:7px;color:#65717d}.button:disabled{cursor:not-allowed;opacity:.58}@keyframes autoplanSpin{to{transform:rotate(360deg)}}@keyframes autoplanProgress{0%{transform:translateX(-110%)}100%{transform:translateX(275%)}}@media(max-width:700px){.readiness-item,.readiness-placeholder{grid-template-columns:38px 1fr}.readiness-item .compact-button{grid-column:2;justify-self:start}.autoplan-startbar{align-items:stretch;flex-direction:column}.autoplan-run-button{width:100%}}
@media(prefers-reduced-motion:reduce){.mini-spinner,.autoplan-spinner,.busy-progress i{animation-duration:2.5s}}

/* Employee Portal Recovery 2026.12 */
.employee-app{margin:0;background:linear-gradient(180deg,#f7f9fc 0,#f2f5f9 100%);color:#172033;min-height:100vh}.employee-app *{box-sizing:border-box}.employee-topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #e6eaf0}.employee-topbar-inner{max-width:1440px;margin:auto;padding:10px 24px;display:flex;align-items:center;gap:24px}.employee-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#111827;min-width:220px}.employee-brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:900}.employee-brand strong,.employee-brand small{display:block}.employee-brand strong{font-size:14px}.employee-brand small{font-size:10px;color:#667085;margin-top:2px}.employee-desktop-nav{display:flex;align-items:center;gap:4px;flex:1}.employee-desktop-nav a{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:10px;text-decoration:none;color:#667085;font-size:12px;font-weight:780}.employee-desktop-nav a svg,.employee-icon-link svg{width:18px;height:18px}.employee-desktop-nav a:hover,.employee-desktop-nav a.active{background:#eef2f7;color:#101828}.employee-desktop-nav a.active{box-shadow:inset 0 0 0 1px #dde3eb}.employee-account-actions{display:flex;align-items:center;gap:8px}.employee-icon-link{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#475467;background:#f8fafc;border:1px solid #e4e7ec}.employee-account-menu{position:relative}.employee-account-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;padding:4px 8px;border-radius:12px}.employee-account-menu summary::-webkit-details-marker{display:none}.employee-avatar{width:38px;height:38px;border-radius:12px;background:#e8eef8;color:#243b64;display:grid;place-items:center;font-size:12px;font-weight:900}.employee-account-copy strong,.employee-account-copy small{display:block;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-account-copy strong{font-size:12px}.employee-account-copy small{font-size:10px;color:#98a2b3;margin-top:2px}.employee-account-popover{position:absolute;right:0;top:48px;min-width:210px;background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:7px;box-shadow:0 20px 50px rgba(16,24,40,.16)}.employee-account-popover a,.employee-account-popover button{display:block;width:100%;padding:10px 11px;border:0;background:transparent;text-align:left;border-radius:9px;text-decoration:none;color:#344054;font:inherit;font-size:12px;font-weight:700}.employee-account-popover a:hover,.employee-account-popover button:hover{background:#f2f4f7}.employee-main{max-width:1440px;margin:auto;padding:26px 24px 60px}.employee-home-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;padding:34px;border-radius:28px;background:linear-gradient(130deg,#13213a,#29476c 60%,#3d6f9f);color:#fff;box-shadow:0 24px 64px rgba(29,55,90,.22)}.employee-home-hero:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-120px;top:-180px;background:rgba(255,255,255,.09)}.employee-home-hero-main,.employee-coach-card{position:relative;z-index:2}.employee-eyebrow{font-size:10px;font-weight:900;letter-spacing:.13em;color:#6b7f9d}.employee-home-hero .employee-eyebrow{color:#b9cbe1}.employee-home-hero h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;margin:10px 0 9px}.employee-home-hero p{color:#d7e1ed;font-size:15px;line-height:1.6;margin:0;max-width:760px}.employee-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.employee-hero-actions a{padding:11px 14px;border-radius:11px;border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;font-size:12px;font-weight:800;background:rgba(255,255,255,.08)}.employee-hero-actions a.employee-primary-action{background:#fff;color:#172033}.employee-coach-card{align-self:stretch;padding:20px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px)}.employee-coach-card>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#c7d4e4;font-weight:900}.employee-coach-card strong{display:block;font-size:17px;margin:9px 0 5px}.employee-coach-card p{font-size:12px;line-height:1.5}.employee-coach-card a{display:inline-block;color:#fff;margin-top:13px;font-size:12px;font-weight:850;text-decoration:none}.employee-context-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 18px}.employee-context-strip>div{background:#fff;border:1px solid #e5e9f0;border-radius:15px;padding:15px 16px;box-shadow:0 6px 18px rgba(16,24,40,.025)}.employee-context-strip small,.employee-context-strip strong,.employee-context-strip span{display:block}.employee-context-strip small{color:#98a2b3;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.employee-context-strip strong{font-size:13px;margin:5px 0;color:#172033}.employee-context-strip span{font-size:11px;color:#667085}.employee-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.employee-quick-actions>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:17px;text-decoration:none;color:#1d2939;box-shadow:0 8px 24px rgba(16,24,40,.035);transition:.16s}.employee-quick-actions>a:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,24,40,.08)}.qa-icon{width:42px;height:42px;border-radius:13px;background:#eef4fb;color:#2c5c8c;display:grid;place-items:center;font-weight:900}.employee-quick-actions small,.employee-quick-actions strong,.employee-quick-actions span{display:block}.employee-quick-actions small{font-size:9px;color:#98a2b3;text-transform:uppercase;font-weight:900;letter-spacing:.06em}.employee-quick-actions strong{font-size:13px;margin:3px 0}.employee-quick-actions div>span{font-size:10px;color:#667085}.employee-quick-actions>b{font-size:20px;color:#98a2b3}.employee-attention{margin:8px 0 24px}.employee-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:14px}.employee-section-head h2{font-size:20px;letter-spacing:-.025em;margin:4px 0 0}.employee-section-head>a{font-size:11px;font-weight:800;color:#486889;text-decoration:none}.employee-attention-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.attention-card{padding:16px 17px;border-radius:16px;text-decoration:none;color:#1d2939;border:1px solid #e4e7ec;background:#fff}.attention-card.danger{background:#fff6f5;border-color:#fecdca}.attention-card.warning{background:#fffaeb;border-color:#fedf89}.attention-card.info{background:#f5f8ff;border-color:#d6e4ff}.attention-card strong{display:block;font-size:13px}.attention-card p{font-size:11px;line-height:1.45;color:#667085;margin:5px 0 10px}.attention-card span{font-size:10px;font-weight:850}.employee-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.employee-stat-grid article{padding:17px 18px;background:#fff;border:1px solid #e4e7ec;border-radius:17px}.employee-stat-grid span,.employee-stat-grid strong,.employee-stat-grid small{display:block}.employee-stat-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;font-weight:850}.employee-stat-grid strong{font-size:25px;letter-spacing:-.04em;margin:6px 0}.employee-stat-grid small{font-size:10px;color:#667085}.employee-dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.employee-span-7{grid-column:span 7}.employee-span-5{grid-column:span 5}.employee-panel{background:#fff;border:1px solid #e4e7ec;border-radius:20px;padding:20px;box-shadow:0 8px 26px rgba(16,24,40,.035)}.employee-shift-list{display:grid}.employee-shift-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #eef1f5;color:#1d2939;text-decoration:none}.employee-shift-row:first-child{border-top:0}.employee-shift-row.today{background:#f3faf7;margin:0 -9px;padding:13px 9px;border-radius:13px;border-top-color:transparent}.employee-shift-date{width:48px;height:49px;border-radius:12px;background:#f2f4f7;display:grid;place-items:center;align-content:center}.employee-shift-date b{font-size:17px}.employee-shift-date span{font-size:9px;color:#98a2b3}.employee-shift-row strong,.employee-shift-row span{display:block}.employee-shift-row strong{font-size:12px}.employee-shift-row .grow span{font-size:11px;color:#667085;margin-top:4px}.row-arrow{color:#98a2b3}.employee-notice-list>a{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px 0;border-top:1px solid #eef1f5;text-decoration:none;color:#1d2939}.employee-notice-list>a:first-child{border-top:0}.notice-dot{width:8px;height:8px;border-radius:50%;background:#d0d5dd;margin-top:5px}.notice-dot.live{background:#2e90fa;box-shadow:0 0 0 4px #eff8ff}.employee-notice-list strong{font-size:11px}.employee-notice-list p{font-size:10px;color:#667085;margin:3px 0}.employee-notice-list small{font-size:9px;color:#98a2b3}.employee-wall-feed{display:grid;gap:11px}.employee-wall-feed article{padding:15px;border-radius:15px;background:#f9fafb;border:1px solid #eef1f5}.wall-chip{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eaf2fb;color:#315b83;font-size:9px;font-weight:850}.employee-wall-feed h3{font-size:14px;margin:9px 0 5px}.employee-wall-feed p{font-size:11px;color:#667085;line-height:1.55;margin:0}.employee-wall-feed footer{display:flex;justify-content:space-between;margin-top:11px;color:#98a2b3;font-size:9px}.employee-readiness-list{display:grid}.employee-readiness-list>div,.employee-readiness-list>a{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:13px 0;border-top:1px solid #eef1f5;text-decoration:none;color:#1d2939}.employee-readiness-list>*:first-child{border-top:0}.readiness-status{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:900}.readiness-status.ok{background:#ecfdf3;color:#067647}.readiness-status.bad{background:#fef3f2;color:#b42318}.readiness-status.neutral{background:#f2f4f7;color:#475467}.employee-readiness-list strong,.employee-readiness-list small{display:block}.employee-readiness-list strong{font-size:11px}.employee-readiness-list small{font-size:10px;color:#667085;margin-top:3px}.employee-empty{padding:28px 18px;text-align:center;color:#667085;background:#f9fafb;border-radius:14px}.employee-empty strong,.employee-empty span,.employee-empty a{display:block}.employee-empty strong{color:#344054}.employee-empty span{font-size:11px;margin:5px 0}.employee-empty a{font-size:11px;font-weight:850;color:#345f88;text-decoration:none;margin-top:8px}.employee-empty.compact{padding:16px}.employee-mobile-bar{display:none}.employee-app .portal-nav{display:none!important}.employee-app .panel{border-radius:20px}.employee-app .app-sidebar,.employee-app .app-topbar{display:none!important}
@media(max-width:1080px){.employee-desktop-nav{display:none}.employee-home-hero{grid-template-columns:1fr}.employee-context-strip,.employee-quick-actions,.employee-stat-grid{grid-template-columns:repeat(2,1fr)}.employee-span-7,.employee-span-5{grid-column:span 12}}
@media(max-width:680px){.employee-topbar-inner{padding:9px 14px}.employee-account-copy{display:none}.employee-brand{min-width:0;flex:1}.employee-main{padding:15px 12px 88px}.employee-home-hero{padding:23px 20px;border-radius:22px}.employee-home-hero h1{font-size:32px}.employee-context-strip,.employee-quick-actions,.employee-stat-grid,.employee-attention-grid{grid-template-columns:1fr}.employee-coach-card{padding:16px}.employee-dashboard-grid{display:block}.employee-panel{margin-bottom:13px;padding:16px}.employee-mobile-bar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:70;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-top:1px solid #e4e7ec;padding:7px 7px calc(7px + env(safe-area-inset-bottom))}.employee-mobile-bar a{display:grid;place-items:center;gap:3px;text-decoration:none;color:#98a2b3;font-size:9px;font-weight:750;padding:5px 2px}.employee-mobile-bar a svg{width:19px;height:19px}.employee-mobile-bar a.active{color:#234f7d}.employee-section-head h2{font-size:18px}}
.wall-rich-text{line-height:1.65;color:var(--text,#172033)}.wall-rich-text p{margin:.45rem 0 1rem}.wall-rich-text ul,.wall-rich-text ol{padding-left:1.4rem;margin:.6rem 0 1rem}.wall-rich-text h2,.wall-rich-text h3,.wall-rich-text h4{margin:1.2rem 0 .5rem}.wall-rich-text blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:3px solid #7c6cf2;background:#f7f7fb;border-radius:0 10px 10px 0}.wall-rich-text a{text-decoration:underline}.exchange-block-reason{display:block;margin-top:.35rem;color:#a13c45;font-weight:600}.exchange-warning{display:block;margin-top:.35rem;color:#8b6418}

/* Planner · guided one-click publishing */
.planner-publish-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;margin:10px 0 12px;border-radius:17px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.planner-publish-state{display:flex;align-items:center;gap:13px;min-width:0}.planner-publish-state h2{font-size:14px;margin:3px 0 3px;letter-spacing:-.02em}.planner-publish-state p{margin:0;color:var(--muted);font-size:10px}.publish-state-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:0 0 34px;font-size:15px;font-weight:900;background:#f2f4f7;color:#667085}.planner-publish-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.planner-publish-meta{font-size:9px;color:#7b8798;font-weight:700;margin-right:3px}.planner-publish-strip[data-state="ok"]{background:#fbfffc;border-color:#d8f1df}.planner-publish-strip[data-state="ok"] .publish-state-icon{background:#eaf9ef;color:#067647}.planner-publish-strip[data-state="warning"]{background:#fffdfa;border-color:#f7dfb5}.planner-publish-strip[data-state="warning"] .publish-state-icon{background:#fff3dc;color:#b54708}.planner-publish-strip[data-state="empty"]{background:#fbfcff;border-color:#dfe4f2}.planner-publish-strip[data-state="empty"] .publish-state-icon{background:#eef1ff;color:#4f46e5}.planner-publish-strip.is-publishing{box-shadow:0 10px 30px rgba(79,70,229,.08)}
@media(max-width:760px){.planner-publish-strip{align-items:flex-start;flex-direction:column}.planner-publish-actions{width:100%;justify-content:flex-start}.planner-publish-actions .button{flex:1}.planner-publish-meta{width:100%;margin:0}}

/* Superadmin Control Plane 2026.15 */
.cp-hero{align-items:flex-end}.ux-hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cp-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.stat span{display:block;margin-top:6px;font-size:.78rem;color:var(--muted,#748094);line-height:1.35}.stat.cp-danger{border-color:rgba(190,24,93,.28);box-shadow:0 0 0 3px rgba(190,24,93,.04)}.stat.cp-danger strong{color:#be185d}.cp-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.cp-command{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line,#e5eaf0);border-radius:18px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(25,35,55,.04);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.cp-command:hover{transform:translateY(-2px);border-color:#b8c7e8;box-shadow:0 14px 28px rgba(25,35,55,.07)}.cp-command strong{font-size:.96rem}.cp-command span{font-size:.8rem;color:var(--muted,#748094);line-height:1.45}.card-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.card-head-row h2{margin:2px 0 0}.cp-grid-top{align-items:start}.cp-alert-list{display:grid;gap:9px}.cp-alert-item{display:flex;flex-direction:column;gap:3px;padding:13px 14px;border:1px solid #e8edf4;border-radius:14px;background:#fbfcfe;color:inherit;text-decoration:none}.cp-alert-item strong{font-size:.9rem}.cp-alert-item span{font-size:.78rem;color:#738096}.cp-alert-item.warning{border-color:#f5d49a;background:#fffbeb}.cp-alert-item.danger{border-color:#f4b4c7;background:#fff6f8}.cp-system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cp-system-grid>div{padding:14px;border:1px solid #edf0f5;border-radius:14px;background:#fafbfc}.cp-system-grid small,.cp-system-grid strong{display:block}.cp-system-grid small{color:#7a8598;font-size:.72rem}.cp-system-grid strong{margin-top:5px;font-size:.9rem}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#596579;font-size:.72rem;font-weight:700;white-space:nowrap}.status-pill.ok{background:#edf9f1;color:#18794e}.status-pill.bad{background:#fff0f3;color:#b4234d}.status-pill.warning{background:#fff7e6;color:#9a6700}.cp-onboarding{display:grid;gap:14px}.cp-step{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef3ff;color:#3157a4;font-size:.78rem;font-weight:800;margin-bottom:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .wide{grid-column:1/-1}.form-grid .check{display:flex;align-items:center;gap:8px}.form-grid .check input{width:auto}.cp-form-actions{display:flex;justify-content:flex-end;gap:10px;padding:6px 0 20px}.cp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.cp-tabs a{padding:8px 11px;border-radius:10px;background:#fff;border:1px solid #e7ebf0;text-decoration:none;color:#596579;font-size:.78rem;font-weight:700}.cp-danger-zone{margin-top:18px;padding:14px;border:1px solid #f0ccd5;border-radius:14px;background:#fff8fa;display:flex;align-items:center;justify-content:space-between;gap:14px}.cp-danger-zone div{display:flex;flex-direction:column;gap:3px}.cp-danger-zone span{font-size:.78rem;color:#7d6570}.btn.danger{background:#b4234d;color:#fff;border-color:#b4234d}.cp-details{margin-top:14px;border-top:1px solid #edf0f4;padding-top:12px}.cp-details summary{cursor:pointer;font-weight:750;color:#40506a;margin-bottom:12px}.cp-checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:10px 0 14px}.cp-checkbox-grid label{display:flex;align-items:center;gap:7px;font-size:.78rem}.cp-checkbox-grid input{width:auto}.cp-mini-list{display:grid;gap:8px}.cp-mini-list>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid #edf0f4;border-radius:12px;background:#fbfcfe}.cp-mini-list strong{font-size:.82rem}.cp-mini-list span{font-size:.74rem;color:#778398}.cp-actions-cell{min-width:280px}.cp-actions-cell form{display:inline-flex;margin:2px 4px 2px 0}.cp-inline-password{display:flex!important;gap:5px;vertical-align:middle}.cp-inline-password input{width:118px;min-height:34px;padding:6px 8px}.cp-accounts-layout{align-items:start}.muted{color:#7a8598;font-size:.8rem}.table td small{display:block;margin-top:3px;color:#7a8598}.cp-tenant-hero{margin-bottom:14px}
@media(max-width:1200px){.cp-stats{grid-template-columns:repeat(3,1fr)}.cp-command-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cp-stats,.cp-command-grid,.cp-system-grid,.form-grid,.cp-checkbox-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.ux-hero-actions{width:100%}.ux-hero-actions .btn{flex:1}.cp-danger-zone{align-items:flex-start;flex-direction:column}.cp-actions-cell{min-width:220px}.cp-inline-password{display:flex!important;flex-wrap:wrap}.cp-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}}

.cp-purge-zone{display:block}.cp-purge-zone>div{display:block}.cp-purge-zone form{display:grid;gap:12px;margin-top:14px}.cp-purge-zone label{display:grid;gap:7px}.cp-purge-zone .check{display:flex;align-items:flex-start;gap:8px}.cp-purge-zone .check input{width:auto;margin-top:3px}

/* Superadmin Control Plane · visual system 2026.17 */
.superadmin-app{--cp-bg:#f3f6fb;--cp-panel:#fff;--cp-ink:#172033;--cp-muted:#667085;--cp-line:#e3e9f1;--cp-navy:#0b1220;--cp-navy2:#111c31;--cp-blue:#3157d5;--cp-blue2:#5277ee;--cp-cyan:#56c5dd;--cp-danger:#b4234d;--cp-warning:#b86f05;background:radial-gradient(circle at 78% -15%,rgba(78,116,235,.11),transparent 30%),var(--cp-bg);color:var(--cp-ink)}
.superadmin-app .app-shell{background:transparent}.superadmin-app .app-sidebar{background:linear-gradient(180deg,#09111f 0%,#0c1627 48%,#0a1220 100%);border-right:1px solid rgba(255,255,255,.07);box-shadow:20px 0 60px rgba(8,17,32,.08)}
.superadmin-app .next-brandmark{background:linear-gradient(145deg,#fff,#dfe8ff);color:#142a69;box-shadow:0 8px 26px rgba(70,103,222,.3)}
.superadmin-app .next-brand small{color:#8ea0bc}.superadmin-app .workspace-card{background:linear-gradient(135deg,rgba(61,94,196,.2),rgba(86,197,221,.08));border:1px solid rgba(132,158,226,.2);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.superadmin-app .workspace-icon{background:linear-gradient(145deg,#5678ef,#3b5dcc);color:#fff}.superadmin-app .workspace-card span{color:#8294b0}.superadmin-app .workspace-card strong{color:#f6f8fc}.superadmin-app .workspace-dot{background:#65d8a8;box-shadow:0 0 0 5px rgba(101,216,168,.09),0 0 14px rgba(101,216,168,.45)}
.superadmin-app .nav-group-label{color:#61728e;letter-spacing:.13em}.superadmin-app .nav-item{border:1px solid transparent;color:#aebbd0}.superadmin-app .nav-item:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.055);color:#f4f7fb}.superadmin-app .nav-item.active{background:linear-gradient(90deg,rgba(74,106,225,.23),rgba(74,106,225,.07));border-color:rgba(100,131,238,.24);color:#fff;box-shadow:inset 3px 0 #6e8cff}.superadmin-app .nav-item.active .nav-icon{color:#8ba4ff}.superadmin-app .nav-badge{background:rgba(92,123,235,.17);color:#a8b9ff;border:1px solid rgba(123,148,240,.18)}.superadmin-app .nav-badge-danger{background:rgba(190,45,83,.15);color:#ff9bb3;border-color:rgba(255,117,151,.17)}
.superadmin-app .release-pill{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}.superadmin-app .release-pill small{color:#71829c}.superadmin-app .release-pill strong{color:#dbe4f2}
.superadmin-app .app-topbar{background:rgba(247,249,253,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,224,236,.8)}.superadmin-app .page-context{color:#4564c9;font-weight:900}.superadmin-app .page-heading h1{letter-spacing:-.035em}.superadmin-app .command-search{background:#fff;border-color:#dce4ef;box-shadow:0 3px 12px rgba(31,48,78,.03)}.superadmin-app .user-menu-trigger{background:#fff;border-color:#dce4ef}.superadmin-app .user-avatar{background:linear-gradient(145deg,#243b7b,#4567d6);color:#fff}
.superadmin-app .app-content{max-width:1540px;padding-top:28px}.superadmin-app .ux-page-hero{position:relative;overflow:hidden;padding:30px 32px;border-radius:24px;background:linear-gradient(125deg,#0e1b32 0%,#15284d 52%,#1d3a6f 100%);border:1px solid rgba(84,116,196,.25);box-shadow:0 22px 55px rgba(21,42,82,.14);color:#fff}.superadmin-app .ux-page-hero:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-95px;top:-155px;background:radial-gradient(circle,rgba(92,137,255,.35),rgba(92,137,255,0) 68%);pointer-events:none}.superadmin-app .ux-page-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:190px;bottom:-190px;background:radial-gradient(circle,rgba(81,204,221,.23),rgba(81,204,221,0) 70%);pointer-events:none}.superadmin-app .ux-hero-copy,.superadmin-app .ux-hero-actions{position:relative;z-index:1}.superadmin-app .ux-kicker{color:#91a8ff;font-size:10px;font-weight:900;letter-spacing:.16em}.superadmin-app .ux-page-hero h2{font-size:clamp(27px,2.4vw,39px);letter-spacing:-.045em;margin:7px 0 8px;color:#fff}.superadmin-app .ux-page-hero p{max-width:780px;color:#b9c8dd;font-size:14px;line-height:1.65;margin-bottom:0}.superadmin-app .ux-page-hero .btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(5px)}.superadmin-app .ux-page-hero .btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25)}.superadmin-app .ux-page-hero .btn.primary{background:#fff;color:#17326e;border-color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.13)}
.superadmin-app .stats-grid{gap:12px;margin:16px 0 18px}.superadmin-app .stat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--cp-line);border-radius:18px;padding:18px 19px;box-shadow:0 8px 24px rgba(29,47,78,.035)}.superadmin-app .stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#d8e1ef}.superadmin-app .stat:hover{border-color:#cad7e9;box-shadow:0 13px 30px rgba(29,47,78,.06)}.superadmin-app .stat small{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:#7a8698}.superadmin-app .stat strong{font-size:28px;letter-spacing:-.05em;color:#1a2842;margin:9px 0 3px}.superadmin-app .stat span{font-size:11px}.superadmin-app .stat.cp-danger:before{background:#d24169}.superadmin-app .stat.cp-danger{background:linear-gradient(180deg,#fff,#fff9fb)}
.superadmin-app .cp-command-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.superadmin-app .cp-command{position:relative;min-height:132px;padding:19px 18px 17px;border-radius:18px;border:1px solid #dde5f0;background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:0 7px 20px rgba(31,49,80,.035)}.superadmin-app .cp-command:before{content:"";width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#eef2ff,#e4ebff);border:1px solid #d9e2ff;margin-bottom:6px;box-shadow:inset 0 1px #fff}.superadmin-app .cp-command:after{content:"→";position:absolute;right:17px;top:17px;color:#a7b2c3;font-weight:900}.superadmin-app .cp-command:hover{transform:translateY(-3px);border-color:#b8c8eb;box-shadow:0 18px 38px rgba(35,63,130,.09)}.superadmin-app .cp-command strong{font-size:14px;color:#1c2940}.superadmin-app .cp-command span{font-size:11px;color:#748197}
.superadmin-app .card{background:#fff;border:1px solid var(--cp-line);border-radius:20px;box-shadow:0 8px 25px rgba(31,49,80,.035);padding:21px}.superadmin-app .card h2{letter-spacing:-.03em;color:#1b2941}.superadmin-app .card h3{color:#2f3f58}.superadmin-app .card-head-row{padding-bottom:3px}.superadmin-app .cp-alert-list{gap:8px}.superadmin-app .cp-alert-item{border-radius:13px;border-color:#e4eaf2;background:#f9fbfd}.superadmin-app .cp-alert-item:hover{border-color:#cbd7e8;background:#f6f9fd}.superadmin-app .cp-alert-item.warning{background:#fffaf0;border-color:#f3d8a5}.superadmin-app .cp-alert-item.danger{background:#fff6f8;border-color:#efbfd0}.superadmin-app .cp-alert-item strong{color:#243149}.superadmin-app .cp-alert-item span{font-size:11px}.superadmin-app .cp-system-card{background:linear-gradient(180deg,#fff,#fafcff)}.superadmin-app .cp-system-grid>div{background:#f6f8fb;border-color:#e6ebf2}.superadmin-app .cp-system-grid small{text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.superadmin-app .table-wrap{border:1px solid #e6ebf2;border-radius:15px;overflow:auto;background:#fff}.superadmin-app table{min-width:760px}.superadmin-app th{padding:11px 14px;background:#f6f8fb;color:#718096;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #e1e7ef}.superadmin-app td{padding:13px 14px;border-bottom:1px solid #edf1f5;font-size:12px}.superadmin-app tbody tr:last-child td{border-bottom:0}.superadmin-app tbody tr:hover td{background:#fbfcff}.superadmin-app td strong{color:#26344c}.superadmin-app td a strong{color:#2f55ba}.superadmin-app td small{font-size:10px;color:#8a95a6}.superadmin-app .status-pill{border:1px solid #e2e7ee;background:#f5f7fa;color:#637085;font-size:10px;padding:5px 8px}.superadmin-app .status-pill.ok{background:#edf9f3;border-color:#d6efdf;color:#18724d}.superadmin-app .status-pill.bad{background:#fff1f4;border-color:#f2d4dc;color:#b4234d}.superadmin-app .status-pill.warning{background:#fff7e8;border-color:#f3e0b5;color:#98640c}
.superadmin-app .btn{min-height:36px;padding:8px 12px;border-radius:10px;border:1px solid #d7e0eb;background:#fff;color:#41506a;font-size:11px;font-weight:800;box-shadow:0 2px 5px rgba(31,48,74,.025);transition:.15s ease}.superadmin-app .btn:hover{border-color:#afbdd2;background:#f9fbfe;transform:translateY(-1px)}.superadmin-app .btn.primary{background:linear-gradient(135deg,#3157ce,#486be0);border-color:#3157ce;color:#fff;box-shadow:0 7px 16px rgba(49,87,206,.18)}.superadmin-app .btn.primary:hover{background:linear-gradient(135deg,#294dbd,#3e61d2)}.superadmin-app .btn.danger{background:linear-gradient(135deg,#a91f49,#c12b57);border-color:#a91f49;color:#fff;box-shadow:0 7px 16px rgba(169,31,73,.14)}
.superadmin-app .form-grid{gap:13px 15px}.superadmin-app label{font-size:11px;font-weight:800;color:#526178}.superadmin-app input,.superadmin-app select,.superadmin-app textarea{width:100%;min-height:42px;padding:10px 12px;background:#fff;border:1px solid #d8e0ea;border-radius:11px;color:#1d2939;font:inherit;font-size:12px;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.superadmin-app textarea{min-height:88px;resize:vertical}.superadmin-app input:focus,.superadmin-app select:focus,.superadmin-app textarea:focus{border-color:#7190e7;box-shadow:0 0 0 3px rgba(74,105,218,.1)}.superadmin-app .check input{width:auto;min-height:0}.superadmin-app .cp-onboarding{max-width:1060px;margin:0 auto;gap:12px}.superadmin-app .cp-onboarding .card{position:relative;padding:24px 24px 24px 72px}.superadmin-app .cp-step{position:absolute;left:23px;top:23px;margin:0;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#e9efff,#dfe7ff);color:#3157bd;border:1px solid #d4dfff}.superadmin-app .cp-onboarding .card h2{margin-top:0}.superadmin-app .cp-form-actions{position:sticky;bottom:12px;z-index:8;padding:12px 14px;margin-top:5px;border:1px solid #dfe6ef;border-radius:15px;background:rgba(255,255,255,.93);backdrop-filter:blur(15px);box-shadow:0 15px 35px rgba(25,42,74,.12)}
.superadmin-app .cp-tabs{position:sticky;top:79px;z-index:12;padding:8px;border:1px solid #e1e7f0;border-radius:14px;background:rgba(247,249,253,.92);backdrop-filter:blur(16px);box-shadow:0 7px 24px rgba(29,46,75,.05)}.superadmin-app .cp-tabs a{background:transparent;border-color:transparent;padding:8px 10px}.superadmin-app .cp-tabs a:hover{background:#fff;border-color:#dce4ef;color:#3157ba}.superadmin-app .cp-details{border-top-color:#e5ebf2}.superadmin-app .cp-details summary{padding:8px 0;color:#405da8}.superadmin-app .cp-mini-list>div{background:#f8fafc;border-color:#e6ebf2}.superadmin-app .cp-danger-zone{border:1px solid #edcbd5;background:linear-gradient(180deg,#fff9fa,#fff5f8);border-radius:16px}.superadmin-app .cp-purge-zone{border-width:1px;box-shadow:inset 4px 0 #bc2b53}.superadmin-app .cp-purge-zone h2{color:#8e1d3d}.superadmin-app .alert{border-radius:12px;font-size:12px}.superadmin-app .alert.success{background:#eefaf4;border-color:#cfeadd;color:#176b49}.superadmin-app .alert.error{background:#fff2f4;border-color:#efd0d8;color:#9e2447}
.superadmin-app .cp-actions-cell{min-width:300px}.superadmin-app .cp-inline-password input{min-height:34px;font-size:11px}.superadmin-app .muted{font-size:11px;color:#7e899a}.superadmin-app #identity,.superadmin-app #branches,.superadmin-app #clients,.superadmin-app #accounts,.superadmin-app #billing,.superadmin-app #audit{scroll-margin-top:145px}
@media(max-width:1200px){.superadmin-app .cp-command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.superadmin-app .cp-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.superadmin-app .cp-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.superadmin-app .ux-page-hero{padding:25px 23px}.superadmin-app .cp-tabs{top:68px}.superadmin-app .cp-onboarding .card{padding:22px}.superadmin-app .cp-step{position:static;margin-bottom:10px}.superadmin-app .cp-form-actions{position:static}}
@media(max-width:600px){.superadmin-app .cp-command-grid,.superadmin-app .cp-stats{grid-template-columns:1fr}.superadmin-app .ux-page-hero h2{font-size:28px}.superadmin-app .ux-hero-actions{margin-top:15px}.superadmin-app .card{padding:16px}.superadmin-app .cp-tabs{overflow:auto;flex-wrap:nowrap}.superadmin-app .cp-command{min-height:118px}}

/* DEMO Dataset Mode · 2026.18 */
.demo-global-banner{display:flex;align-items:center;gap:12px;padding:11px 16px;margin:0 0 18px;border:1px solid #f2c66d;border-radius:14px;background:linear-gradient(135deg,#fff8e8,#fffdf7);box-shadow:0 8px 22px rgba(120,80,0,.06);font-size:13px}.demo-global-banner strong{color:#8a5200;white-space:nowrap}.demo-global-banner span{color:#6f5d3b;flex:1}.demo-global-banner a{font-weight:800;color:#7b4a00;text-decoration:none}.demo-mode-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;background:#fff3cd;border:1px solid #f1ce73;color:#7a4a00;font-size:11px;font-weight:900;letter-spacing:.08em}.cp-demo-choice{border-color:#f0d18a!important;background:linear-gradient(180deg,#fffef9,#fffaf0)!important}.demo-check{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:15px!important;border:1px solid #eed49a!important;border-radius:14px!important;background:#fff!important}.demo-check input{margin-top:3px}.demo-check span{display:flex;flex-direction:column;gap:4px}.demo-check small{font-weight:500;color:#6f7480;line-height:1.45}.danger-zone{border:1px solid #f0b9c4!important;background:linear-gradient(180deg,#fffafa,#fff5f6)!important}.danger-zone h2{color:#8d2037}.metric-small{font-size:22px!important}.badge.warning{background:#fff3cd;color:#7a4a00;border:1px solid #efd17d}@media(max-width:780px){.demo-global-banner{align-items:flex-start;flex-direction:column}.demo-global-banner strong{white-space:normal}}

/* Enterprise unification pass · 2026.19 */
.app-content{--ep-ink:#142033;--ep-copy:#66758b;--ep-line:#e2e8f0;--ep-soft:#f8fafc;--ep-primary:#554ce7}
.app-content>.card,.app-content>.grid>.card,.enterprise-card{position:relative;background:#fff;border:1px solid var(--ep-line);border-radius:20px;box-shadow:0 10px 32px rgba(24,39,75,.045);padding:22px;margin:0 0 16px}
.app-content .card h2,.app-content .card h3{margin:0;color:var(--ep-ink)}.app-content .card h2{font-size:19px}.app-content .card h3{font-size:15px}.app-content .card h2+p,.app-content .card h3+p,.app-content .card>.muted{margin:7px 0 18px;color:var(--ep-copy);line-height:1.55}
.app-content .card-head,.app-content .card-head-row,.enterprise-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px}.app-content .card-head h2,.enterprise-card-head h2{margin:4px 0 0}
.app-content .toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:7px;background:#fff;border:1px solid var(--ep-line);border-radius:14px;box-shadow:0 6px 20px rgba(24,39,75,.035)}
.app-content .btn,.app-content button:not(.icon-button):not(.command-search):not(.user-menu-trigger){appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid #d8e0ea;border-radius:10px;background:#fff;color:#40506a;font:800 11px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 2px 6px rgba(24,39,75,.035);transition:.15s ease}
.app-content .btn:hover,.app-content button:not(.icon-button):not(.command-search):not(.user-menu-trigger):hover{transform:translateY(-1px);border-color:#b9c5d5;background:#fbfcfe;box-shadow:0 7px 16px rgba(24,39,75,.07)}
.app-content .btn.primary,.app-content button.primary,.app-content .form-grid>button:not(.ghost),.app-content .inline-form>button:not(.ghost){color:#fff;border-color:var(--ep-primary);background:linear-gradient(135deg,#635bff,#4f46e5);box-shadow:0 9px 20px rgba(79,70,229,.18)}
.app-content .btn.danger,.app-content button.danger{color:#fff;border-color:#bd2b50;background:linear-gradient(135deg,#a92349,#c8335d)}.app-content .ghost{background:#f8fafc;color:#59677b;border-color:#e1e7ef;box-shadow:none}.app-content .btn.small,.app-content button.small{min-height:32px;padding:6px 10px;font-size:10px}
.app-content form label{display:grid;gap:7px;color:#354257;font-size:11px;font-weight:800}.app-content input,.app-content select,.app-content textarea{width:100%;min-width:0;min-height:42px;padding:9px 12px;border:1px solid #d8e0ea;border-radius:11px;background:#fff;color:#1e293b;font:500 12px Inter,ui-sans-serif,system-ui,sans-serif;outline:0;box-shadow:inset 0 1px 2px rgba(15,23,42,.015);transition:.15s ease}.app-content textarea{min-height:92px;resize:vertical}.app-content input:focus,.app-content select:focus,.app-content textarea:focus{border-color:#8178f2;box-shadow:0 0 0 4px rgba(99,91,255,.09)}.app-content input[type=checkbox],.app-content input[type=radio]{width:17px;min-height:17px;height:17px;padding:0;accent-color:var(--ep-primary)}
.app-content .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;align-items:end}.app-content .form-grid>button{min-height:42px}.app-content .form-grid>fieldset{grid-column:1/-1}.app-content .grid.two,.app-content .grid.cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.app-content .grid.cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.app-content .span-2{grid-column:span 2}.app-content .span-3,.app-content .wide{grid-column:1/-1}
.app-content .inline-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.app-content .inline-form>input,.app-content .inline-form>select{flex:1 1 150px;width:auto}.app-content .inline-form>button{flex:0 0 auto}.app-content fieldset{grid-column:1/-1;margin:2px 0 0;padding:16px;border:1px solid var(--ep-line);border-radius:15px;background:#fafbfe}.app-content fieldset legend{padding:0 7px;color:#526078;font-size:11px;font-weight:900}.app-content fieldset label{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;font-weight:650}.app-content fieldset label:hover{background:#f1f4f9}
.app-content .filters{display:flex;align-items:end;gap:9px;flex-wrap:wrap;padding:0;background:transparent;border:0}.app-content .filters input{flex:1 1 220px}.app-content .filters select{flex:0 1 220px}.app-content .actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.app-content .actions form{margin:0}
.app-content .table-wrap,.app-content .tablewrap{overflow:auto;padding:0;border:1px solid var(--ep-line);border-radius:16px;background:#fff}.app-content .card>.table-wrap,.app-content .card>.tablewrap{margin:16px -22px -22px;border-width:1px 0 0;border-radius:0 0 20px 20px}.app-content table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.app-content th{padding:11px 14px;background:#f7f9fc;border-bottom:1px solid var(--ep-line);color:#8190a5;font-size:9px;font-weight:900;letter-spacing:.09em;text-align:left;text-transform:uppercase}.app-content td{padding:13px 14px;border-bottom:1px solid #edf1f5;color:#354257;font-size:11.5px;vertical-align:middle}.app-content tbody tr:last-child td{border-bottom:0}.app-content tbody tr:hover td{background:#fbfcff}.app-content td strong{color:#18253a}.app-content td small{display:block;color:#8490a2;font-size:10px;margin-top:3px}
.app-content .status-pill,.app-content .badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850;white-space:nowrap}.app-content .status-pill.ok,.app-content .badge.ok{background:#eaf9f2;color:#087a54}.app-content .status-pill.off,.app-content .badge.off{background:#f0f2f5;color:#68758a}.app-content .status-pill.warning,.app-content .badge.wait{background:#fff6df;color:#a56300}.app-content .status-pill.danger{background:#fff0f3;color:#b4234d}
.app-content .alert{margin:0 0 14px}.app-content .alert.success{background:#ecfbf5;border:1px solid #ccefe1;color:#087c55}.app-content .alert.warning{background:#fff9e9;border:1px solid #f2dfaa;color:#8b6200}.app-content .alert.danger,.app-content .alert.error{background:#fff3f4;border:1px solid #f5d0d5;color:#a52235}
.enterprise-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 16px}.enterprise-page-head h2{font-size:25px!important;margin:4px 0 6px!important}.enterprise-page-head p{margin:0;color:var(--ep-copy);font-size:12px}.enterprise-kicker{display:block;color:#5b55d9;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.enterprise-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:27px 29px;margin:0 0 18px;border-radius:23px;background:linear-gradient(125deg,#111b2f,#1b2b4a 58%,#3c397f);color:#fff;box-shadow:0 24px 58px rgba(25,36,66,.15)}.enterprise-hero:after{content:"";position:absolute;right:-100px;top:-150px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(129,140,248,.42),transparent 67%)}.enterprise-hero>div{position:relative;z-index:1}.enterprise-hero h2{margin:7px 0 8px!important;color:#fff!important;font-size:28px!important}.enterprise-hero p{margin:0;color:#c7d1e1;line-height:1.6;max-width:760px}.enterprise-hero .enterprise-kicker{color:#a8b2ff}.enterprise-hero-stat{min-width:112px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.07);text-align:center}.enterprise-hero-stat strong,.enterprise-hero-stat span{display:block}.enterprise-hero-stat strong{font-size:26px}.enterprise-hero-stat span{margin-top:3px;color:#bdc8d9;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.enterprise-empty{padding:42px 20px;text-align:center;color:#7d899b}.enterprise-empty strong,.enterprise-empty span{display:block}.enterprise-empty strong{color:#334155;font-size:14px}.enterprise-empty span{margin-top:5px;font-size:11px}
@media(max-width:900px){.app-content .grid.two,.app-content .grid.cols-2,.app-content .grid.cols-3,.app-content .form-grid{grid-template-columns:1fr}.app-content .span-2,.app-content .span-3{grid-column:auto}.enterprise-hero{align-items:flex-start;flex-direction:column}.enterprise-page-head{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.app-content>.card,.app-content>.grid>.card{padding:17px}.app-content .toolbar,.app-content .inline-form,.app-content .filters{align-items:stretch;flex-direction:column}.app-content .btn,.app-content button{width:100%}.enterprise-hero{padding:23px 20px}.enterprise-hero h2{font-size:24px!important}}

/* Secure guest journey · login, MFA and password recovery · 2026.20 */
.guest{position:relative;overflow-x:hidden;background:radial-gradient(circle at 18% 15%,#273767 0,transparent 30%),linear-gradient(145deg,#07101f 0%,#101a31 55%,#111b38 100%)}
.guest-glow{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none}.guest-glow-one{width:420px;height:420px;right:-180px;top:-170px;background:radial-gradient(circle,rgba(95,86,235,.28),transparent 68%)}.guest-glow-two{width:360px;height:360px;left:-170px;bottom:-190px;background:radial-gradient(circle,rgba(33,148,184,.18),transparent 68%)}
.authwrap{position:relative;z-index:1;width:min(500px,calc(100% - 28px));padding:72px 24px 92px}.authcard{position:relative;padding:38px 40px;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:rgba(255,255,255,.985);box-shadow:0 34px 90px rgba(0,0,0,.36),0 1px 0 rgba(255,255,255,.8) inset}
.guest-brand{display:flex;align-items:center;gap:11px;margin-bottom:34px;color:#182238;text-decoration:none}.guest-brand .brandmark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#675cf6,#4d48da);color:#fff;box-shadow:0 9px 22px rgba(82,75,222,.26)}.guest-brand strong,.guest-brand small{display:block}.guest-brand strong{font-size:14px}.guest-brand small{margin-top:2px;color:#8b96a8;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.recovery-icon{width:46px;height:46px;margin-bottom:17px;display:grid;place-items:center;border:1px solid #dddafe;border-radius:14px;background:linear-gradient(145deg,#f3f1ff,#e9e7ff);color:#564ddb;font-size:20px;font-weight:900}.recovery-icon-expired{border-color:#f2d4d9;background:#fff2f4;color:#b42343}.auth-kicker{display:block;color:#6058db;font-size:9px;font-weight:900;letter-spacing:.15em}.recovery-card h1{margin:7px 0 9px;color:#162035;font-size:29px;letter-spacing:-.04em}.recovery-card>p{margin:0 0 21px;color:#69758a;font-size:13px;line-height:1.65}
.recovery-form label{margin:16px 0;color:#344054;font-size:11px;font-weight:800}.recovery-form label small{color:#8a95a6;font-size:9px;font-weight:500;line-height:1.45}.recovery-form input{min-height:47px;border-color:#d9e0ea;border-radius:12px;background:#fbfcfe;transition:.16s ease}.recovery-form input:focus{outline:0;border-color:#7770e8;background:#fff;box-shadow:0 0 0 4px rgba(96,88,219,.1)}
.recovery-form .primary,.auth-button-link{min-height:47px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;background:linear-gradient(135deg,#6259eb,#4f46d8);box-shadow:0 10px 23px rgba(79,70,216,.23);text-decoration:none;transition:.16s ease}.recovery-form .primary:hover,.auth-button-link:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(79,70,216,.28)}
.auth-security-note{display:flex;align-items:flex-start;gap:9px;margin:19px 0 5px;padding:12px 13px;border:1px solid #dcefe7;border-radius:12px;background:#f2fbf7;color:#087857}.auth-security-note>span{width:19px;height:19px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#d9f4e8;font-size:10px;font-weight:900}.auth-security-note p{margin:0!important;color:#507166!important;font-size:10px!important;line-height:1.5!important}.auth-security-note strong{display:block;color:#176b50}
.auth-back{display:block;margin-top:22px;color:#59677c;font-size:11px;font-weight:750;text-align:center;text-decoration:none}.auth-back:hover{color:#4f46d8}.alert.success{background:#effaf5;border-color:#caeadc;color:#116b4c}.alert.error{background:#fff1f2;border-color:#f1cdd4;color:#a1263e}.guest-footer{position:absolute;z-index:1;left:0;right:0;bottom:24px;display:flex;justify-content:center;gap:28px;color:#8390a8;font-size:9px;font-weight:650}.auth-button-link{width:100%;padding:13px;color:#fff;font-weight:800}
@media(max-width:560px){.authwrap{padding:28px 0 86px}.authcard{padding:28px 22px;border-radius:22px}.guest-footer{bottom:17px;align-items:center;flex-direction:column;gap:4px}.recovery-card h1{font-size:25px}}

/* Premium sign-in and DEMO onboarding · 2026.24 */
.login-guest{min-height:100vh}.login-guest .authwrap{width:min(1180px,calc(100% - 40px));padding:54px 0 82px}.login-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);min-height:660px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:#fff;box-shadow:0 40px 110px rgba(0,0,0,.42)}
.login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:46px 50px;background:radial-gradient(circle at 86% 22%,rgba(98,91,235,.38),transparent 34%),linear-gradient(145deg,#081326,#121e39 64%,#20275d);color:#fff}.login-story:after{content:"";position:absolute;width:340px;height:340px;right:-160px;bottom:-190px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018)}
.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.login-brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#7167ff,#554be7);font-size:19px;font-weight:900;box-shadow:0 10px 24px rgba(67,56,205,.35)}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:15px;letter-spacing:-.02em}.login-brand small{margin-top:3px;color:#8391ac;font-size:7px;font-weight:850;letter-spacing:.16em}
.login-story-copy{position:relative;z-index:1;margin:auto 0 32px}.login-kicker{color:#969eff;font-size:9px;font-weight:900;letter-spacing:.18em}.login-story-copy h1{margin:13px 0 17px;color:#fff;font-size:46px;line-height:1.08;letter-spacing:-.055em}.login-story-copy h1 em{color:#a9adff;font-style:normal}.login-story-copy p{max-width:500px;margin:0;color:#aeb9cd;font-size:14px;line-height:1.7}
.login-preview{position:relative;z-index:1;padding:17px 18px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.055);backdrop-filter:blur(14px)}.login-preview-head{display:flex;justify-content:space-between;color:#dbe2ef;font-size:10px;font-weight:800}.login-live{color:#58dba7}.login-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.login-preview-grid>div{padding:11px 12px;border-radius:11px;background:rgba(255,255,255,.055)}.login-preview-grid small,.login-preview-grid strong{display:block}.login-preview-grid small{color:#8795ae;font-size:8px}.login-preview-grid strong{margin-top:5px;font-size:18px}.login-preview-grid i{display:block;width:55%;height:3px;margin-top:9px;border-radius:9px;background:linear-gradient(90deg,#7770f6,#52c9c2)}.login-trust{position:relative;z-index:1;display:flex;gap:18px;flex-wrap:wrap;margin-top:21px;color:#8391a9;font-size:8px;font-weight:750}
.login-panel{display:grid;place-items:center;padding:48px;background:linear-gradient(180deg,#fff,#fafbfe)}.login-card{width:min(390px,100%)}.login-card h2{margin:8px 0 8px;color:#142039;font-size:34px;letter-spacing:-.045em}.login-card>p{margin:0 0 27px;color:#748096;font-size:13px}.login-form{display:grid;gap:17px}.login-form label{display:grid;gap:7px;color:#354258;font-size:11px;font-weight:800}.login-form input{width:100%;min-height:49px;padding:12px 14px;border:1px solid #d9e0e9;border-radius:12px;background:#fff;color:#172033;font:500 13px Inter,system-ui,sans-serif;outline:0;transition:.15s}.login-form input:focus{border-color:#7168e8;box-shadow:0 0 0 4px rgba(95,86,222,.1)}.login-label-row{display:flex;justify-content:space-between}.login-label-row a{color:#5b53db;text-decoration:none}.password-field{position:relative;display:block}.password-field input{padding-right:83px}.password-toggle{position:absolute;right:7px;top:7px;min-height:35px;padding:7px 9px;border:0;border-radius:8px;background:#f2f3f8;color:#59667b;font-size:9px;font-weight:800;cursor:pointer}.login-submit{min-height:50px;margin-top:4px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#6259eb,#4b43d4);color:#fff;font-size:12px;font-weight:850;box-shadow:0 12px 25px rgba(76,67,212,.25);cursor:pointer;transition:.16s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 31px rgba(76,67,212,.3)}.login-submit b{font-size:18px}.login-security{display:flex;gap:10px;margin-top:20px;padding:12px 13px;border:1px solid #d9eee6;border-radius:12px;background:#f2fbf7;color:#12815d}.login-security>span{font-size:18px}.login-security p,.login-security strong{display:block;margin:0}.login-security p{color:#61796f;font-size:9px;line-height:1.5}.login-security strong{color:#166b51;font-size:10px}.login-register{margin:22px 0 0!important;text-align:center;font-size:10px!important}.login-register a{color:#554cda;font-weight:850;text-decoration:none}
.demo-onboarding-card{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:center;border-color:#d9d6ff!important;background:linear-gradient(135deg,#fff,#f8f7ff)!important}.demo-onboarding-card form{padding:17px;border:1px solid #e2e0f5;border-radius:15px;background:#fff}.demo-onboarding-card button{width:100%;margin-top:11px}.demo-safety-points{display:flex;gap:9px;flex-wrap:wrap}.demo-safety-points span{padding:6px 9px;border-radius:999px;background:#edf9f4;color:#087554;font-size:9px;font-weight:800}
@media(max-width:900px){.login-guest .authwrap{width:min(620px,calc(100% - 28px));padding-top:28px}.login-shell{grid-template-columns:1fr}.login-story{min-height:390px;padding:32px}.login-story-copy{margin:52px 0 27px}.login-story-copy h1{font-size:38px}.login-panel{padding:40px 30px}.demo-onboarding-card{grid-template-columns:1fr}}
@media(max-width:560px){.login-shell{border-radius:23px}.login-story{min-height:340px;padding:25px 22px}.login-story-copy{margin:40px 0 23px}.login-story-copy h1{font-size:33px}.login-preview{display:none}.login-panel{padding:34px 22px}.login-trust{gap:8px}.login-card h2{font-size:29px}}