/* Shared Focus interface. Business forms and page handlers remain native. */
html[data-design="focus"] {
  --ds-page-bg:#f5f7f6;--ds-card-bg:#fff;--ds-card-bg-hover:#f6f8f6;--ds-card-bg-active:#eaf4ef;
  --ds-border-light:#e3eae5;--ds-border-medium:#cddbd2;--ds-border-strong:#9caf9f;
  --ds-text-primary:#22352b;--ds-text-secondary:#56685d;--ds-text-muted:#708277;--ds-text-faint:#7c8d81;
  --ds-text-inverse:#fff;--ds-text:var(--ds-text-primary);
  --ds-accent:#167562;--ds-accent-hover:#105b4c;--ds-accent-surface:#eaf4ef;--ds-focus-ring:#16756224;
  --ds-success:#207a55;--ds-success-surface:#edf6ee;--ds-danger:#bf4845;--ds-danger-surface:#fff0ee;
  --ds-warning:#a4661c;--ds-warning-surface:#fff6e7;--ds-info:#426b9f;--ds-info-surface:#edf3fb;
  --ds-sans:Inter,"Segoe UI",Arial,sans-serif;--ds-mono:"Cascadia Code",Consolas,monospace;
  --ds-text-base:14px;--ds-text-sm:12px;--ds-text-xs:11px;--ds-text-md:14px;
  --ds-radius-sm:7px;--ds-radius-md:9px;--ds-radius-lg:13px;--ds-radius-xl:16px;
  --ds-shadow-xs:0 1px 2px #213d2903;--ds-shadow-sm:0 3px 14px #213d2904;--ds-shadow-md:0 8px 25px #213d2910;--ds-shadow-lg:0 18px 60px #142e2826;
  --bg-page:var(--ds-page-bg);--bg-panel:var(--ds-card-bg);--bg-soft:var(--ds-card-bg-hover);--bg-softer:var(--ds-card-bg-hover);
  --surface:var(--ds-card-bg);--surface2:var(--ds-card-bg-hover);--text-main:var(--ds-text-primary);--text-secondary:var(--ds-text-secondary);--text-muted:var(--ds-text-muted);
  --border-soft:var(--ds-border-light);--border-strong:var(--ds-border-medium);--shadow-card:var(--ds-shadow-sm);--shadow-soft:var(--ds-shadow-sm);
  --accent:var(--ds-accent);--accent-2:var(--ds-accent-hover);--accent-soft:var(--ds-accent-surface);--accent-border:var(--ds-border-medium);
  --success:var(--ds-success);--success-bg:var(--ds-success-surface);--success-border:#b9d8c5;
  --danger:var(--ds-danger);--danger-2:#a43737;--error-bg:var(--ds-danger-surface);--error-border:#f1c2be;
  --warning:var(--ds-warning);--warning-bg:var(--ds-warning-surface);--warning-border:#efdbb7;
  --focus-sidebar:232px;--focus-topbar:72px;
}
html[data-design="focus"][data-theme="dark"] {
  --ds-page-bg:#111b17;--ds-card-bg:#19261f;--ds-card-bg-hover:#223229;--ds-card-bg-active:#284035;
  --ds-border-light:#2b3d31;--ds-border-medium:#3a5342;--ds-border-strong:#63836b;
  --ds-text-primary:#e5efe6;--ds-text-secondary:#becfc0;--ds-text-muted:#97ad9b;--ds-text-faint:#88a18e;--ds-text-inverse:#13231a;
  --ds-accent:#8ac8ac;--ds-accent-hover:#a6ddc0;--ds-accent-surface:#263e32;--ds-focus-ring:#8ac8ac33;
  --ds-success:#89c99d;--ds-success-surface:#223d2c;--ds-danger:#f0998c;--ds-danger-surface:#412b27;
  --ds-warning:#e3bf7e;--ds-warning-surface:#393224;--ds-info:#99bddb;--ds-info-surface:#253643;
  --ds-shadow-sm:0 3px 15px #0001;--ds-shadow-md:0 8px 28px #0003;--ds-shadow-lg:0 20px 70px #0006;
}
html[data-design="focus"] body{background:var(--ds-page-bg);font-family:var(--ds-sans);font-size:14px;color:var(--ds-text-primary);line-height:1.55}
html[data-design="focus"] h1{font-family:var(--ds-sans);font-size:30px;line-height:1.25;font-weight:650;letter-spacing:-1px;margin:0 0 9px;color:var(--ds-text-primary)}
html[data-design="focus"] h2{font-size:18px;font-weight:600;letter-spacing:-.35px}
html[data-design="focus"] h3{font-size:15px;font-weight:600;letter-spacing:-.15px}
html[data-design="focus"] :is(button,input,select,textarea){font-family:inherit}
html[data-design="focus"] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ds-accent);outline-offset:3px}
html[data-design="focus"] .focus-icon{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
html[data-design="focus"] .focus-skip{position:fixed;left:16px;top:-100px;z-index:10000;background:var(--ds-card-bg);padding:12px 18px;border:1px solid var(--ds-accent);border-radius:9px}
html[data-design="focus"] .focus-skip:focus{top:10px}
/* App shell */
html[data-design="focus"] .shell-root{width:100%;min-height:100dvh;grid-template-columns:var(--focus-sidebar) minmax(0,1fr);grid-template-rows:var(--focus-topbar) 1fr}
html[data-design="focus"] .shell-sidebar{height:100dvh;padding:27px 17px 18px;background:var(--ds-card-bg)}
html[data-design="focus"] .shell-brand{padding:0 9px 27px;gap:10px}
html[data-design="focus"] .shell-brand-mark{width:37px;height:37px;border-radius:11px;background:var(--ds-accent)}
html[data-design="focus"] .shell-brand-word{gap:6px}
html[data-design="focus"] .shell-brand-word b{font-size:22px;font-weight:750;letter-spacing:-.65px}
html[data-design="focus"] .shell-brand-word i{font-size:9px;color:var(--ds-text-muted);letter-spacing:0;font-weight:400;text-transform:none}
html[data-design="focus"] .focus-workspace{border:1px solid var(--ds-border-light);padding:13px 12px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:10px}
html[data-design="focus"] .focus-workspace-dot{width:28px;height:28px;background:var(--ds-accent-surface);border-radius:7px;display:grid;place-items:center}
html[data-design="focus"] .focus-workspace-dot::after{content:"";width:8px;height:8px;background:var(--ds-accent);border-radius:3px}
html[data-design="focus"] .focus-workspace b{font-size:12px;font-weight:600;display:block}
html[data-design="focus"] .focus-workspace small{display:block;color:var(--ds-text-muted);font-size:9px;margin-top:4px}
html[data-design="focus"] .shell-nav-group{font-size:9px;letter-spacing:1.3px;padding:0 11px 9px;font-weight:600;color:var(--ds-text-muted)}
html[data-design="focus"] .shell-nav-link{padding:12px 11px;gap:11px;border-radius:8px;margin:3px 0;min-height:43px;font-size:12px;line-height:1.4;font-weight:450;color:var(--ds-text-secondary)}
html[data-design="focus"] .shell-nav-link.is-active{background:var(--ds-accent-surface);color:var(--ds-accent);font-weight:600}
html[data-design="focus"] .shell-nav-link.is-active::before{display:none}
html[data-design="focus"] .shell-nav-link:hover{background:var(--ds-card-bg-hover);color:var(--ds-accent)}
html[data-design="focus"] .focus-nav-label{flex:1}
html[data-design="focus"] .focus-nav-section{border:0;margin:4px 0;padding:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
html[data-design="focus"] .focus-nav-section>summary{list-style:none;display:flex;align-items:center;gap:11px;padding:12px 11px;border:0;border-radius:8px;cursor:pointer;font-size:12px;font-weight:450;color:var(--ds-text-secondary);background:transparent;min-height:43px;user-select:none}
html[data-design="focus"] .focus-nav-section>summary::-webkit-details-marker{display:none}
html[data-design="focus"] .focus-nav-section>summary:hover{background:var(--ds-card-bg-hover)}
html[data-design="focus"] .focus-nav-chevron{margin-left:auto;color:var(--ds-text-muted);font-size:20px;line-height:1;transition:transform .15s}
html[data-design="focus"] .focus-nav-section[open] .focus-nav-chevron{transform:rotate(90deg)}
html[data-design="focus"] .focus-group-badge{margin-left:auto;background:var(--ds-danger);color:var(--ds-text-inverse);border-radius:9px;min-width:18px;padding:0 5px;font-size:10px;text-align:center}
html[data-design="focus"] .focus-group-badge[hidden],html[data-design="focus"] .focus-nav-section[open] .focus-group-badge{display:none}
html[data-design="focus"] .focus-group-badge:not([hidden])+.focus-nav-chevron{margin-left:0}
html[data-design="focus"] .focus-nav-children{margin:0 0 10px 20px;padding-left:12px;border-left:1px solid var(--ds-border-light)}
html[data-design="focus"] .focus-nav-children .shell-nav-link{font-size:11px;padding:9px 10px;min-height:35px}
html[data-design="focus"] .shell-sidebar-foot{border-top:0;padding:26px 0 0}
html[data-design="focus"] .shell-sidebar-foot :is(.sidebar-logout,.sidebar-hints){border:0;padding:10px 12px;color:var(--ds-text-muted);font-size:11px}
html[data-design="focus"] .shell-topbar{height:var(--focus-topbar);padding:0 32px;gap:13px;box-shadow:none}
html[data-design="focus"] .focus-breadcrumb{font-size:11px;color:var(--ds-text-muted);white-space:nowrap}
html[data-design="focus"] .focus-breadcrumb>span{margin-left:12px;color:var(--ds-border-strong)}
html[data-design="focus"] .shell-topbar-title{font-size:12px;font-weight:550;letter-spacing:0;margin:0;max-width:265px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
html[data-design="focus"] .shell-search{min-height:37px;min-width:205px;padding:7px 11px;background:var(--ds-page-bg);border:1px solid var(--ds-border-light);font-size:11px;box-shadow:none}
html[data-design="focus"] .shell-search kbd{font-family:inherit;font-size:9px;border-color:var(--ds-border-light);padding:2px 4px}
html[data-design="focus"] .shell-icon-btn{width:35px;height:35px;box-shadow:none;background:transparent;color:var(--ds-text-secondary);border:0;transform:none}
html[data-design="focus"] .account-chip{background:transparent;border:0;border-left:1px solid var(--ds-border-light);border-radius:0;padding:0 0 0 17px;box-shadow:none;gap:9px;min-height:36px;transform:none}
html[data-design="focus"] .account-avatar{height:33px;width:33px;background:var(--ds-accent-surface);color:var(--ds-accent);border:0;box-shadow:none;font-size:12px;border-radius:50%}
html[data-design="focus"] .account-name{color:var(--ds-text-primary);font-size:11px;font-weight:600}
html[data-design="focus"] .account-login{color:var(--ds-text-muted);font-size:9px}
html[data-design="focus"] .account-caret{color:var(--ds-text-muted);font-size:9px}
html[data-design="focus"] .knowledge-btn{border:0;box-shadow:none;background:transparent;color:var(--ds-text-muted)}
html[data-design="focus"] .notify-btn .notify-icon{font-size:18px}
html[data-design="focus"] .notify-panel,html[data-design="focus"] .account-panel{background:var(--ds-card-bg);border:1px solid var(--ds-border-light);box-shadow:var(--ds-shadow-lg);border-radius:14px}
html[data-design="focus"] .shell-main{overflow-x:hidden;background:var(--ds-page-bg)}
html[data-design="focus"] .shell-main>.container{max-width:1500px;width:100%;padding:32px;margin:0 auto}
html[data-design="focus"] .shell-main>.container.container--wide{max-width:none}
html[data-design="focus"] .shell-main>.container.container--messages{padding:0;max-width:none}
html[data-design="focus"] .page-content,html[data-design="focus"] .main-content{padding:0;max-width:none;gap:22px}
/* Common forms, tables and cards, including existing combined-tab templates. */
html[data-design="focus"] .panel{padding:22px;border:1px solid var(--ds-border-light);background:var(--ds-card-bg);box-shadow:var(--ds-shadow-sm);border-radius:15px;margin-top:19px}
html[data-design="focus"] .panel:first-child{margin-top:0}
html[data-design="focus"] .subpanel{border-radius:10px;background:var(--ds-card-bg-hover);border-color:var(--ds-border-light);box-shadow:none}
html[data-design="focus"] :is(.muted,.small-note){color:var(--ds-text-muted);font-size:12px;line-height:1.7}
html[data-design="focus"] .container>h1+.muted{margin-bottom:24px;max-width:840px}
html[data-design="focus"] .toolbar{gap:12px;padding:11px 0 17px;align-items:flex-end}
html[data-design="focus"] label{font-size:12px;font-weight:500;color:var(--ds-text-secondary);letter-spacing:0}
html[data-design="focus"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),html[data-design="focus"] select,html[data-design="focus"] textarea{background:var(--ds-card-bg);border-color:var(--ds-border-medium);border-radius:8px;color:var(--ds-text-primary);box-shadow:none;font-size:13px;padding:9px 11px;min-height:39px}
html[data-design="focus"] input[type="checkbox"],html[data-design="focus"] input[type="radio"]{accent-color:var(--ds-accent)}
html[data-design="focus"] input::placeholder,html[data-design="focus"] textarea::placeholder{color:var(--ds-text-muted);opacity:.9}
html[data-design="focus"] button{border-radius:8px;box-shadow:none;transform:none;text-shadow:none;letter-spacing:0}
html[data-design="focus"] button:hover{transform:none;box-shadow:none}
html[data-design="focus"] :is(.ds-btn-primary,.btn-primary,.pvz-btn-primary,.btn-cta){background:var(--ds-accent);border-color:var(--ds-accent);color:var(--ds-text-inverse);box-shadow:none}
html[data-design="focus"] :is(button.secondary,.ds-btn-secondary,.pvz-btn-ghost){background:var(--ds-card-bg);border:1px solid var(--ds-border-medium);color:var(--ds-text-secondary)}
html[data-design="focus"] :is(button.secondary,.ds-btn-secondary,.pvz-btn-ghost):hover{background:var(--ds-card-bg-hover);border-color:var(--ds-border-strong)}
html[data-design="focus"] :is(button.danger,button.warning,.ds-btn-danger){background:var(--ds-danger-surface);color:var(--ds-danger);border:1px solid var(--error-border)}
html[data-design="focus"] .table-wrap{border:1px solid var(--ds-border-light);border-radius:10px;box-shadow:none;overflow:auto;scrollbar-width:thin;max-width:100%}
html[data-design="focus"] table{font-size:12px;font-variant-numeric:tabular-nums}
html[data-design="focus"] th{font-size:11px;font-weight:550;text-transform:none;letter-spacing:0;color:var(--ds-text-muted);background:var(--ds-card-bg-hover);border-color:var(--ds-border-light);padding:12px 14px}
html[data-design="focus"] td{border-color:var(--ds-border-light);padding:12px 14px}
html[data-design="focus"] tbody tr:hover>td{background:var(--ds-card-bg-hover)}
html[data-design="focus"] :is(.combined-tabs,.employees-tabs){gap:23px;padding:0;margin:23px 0;border:0;border-bottom:1px solid var(--ds-border-light)}
html[data-design="focus"] :is(.combined-tabs button,.employees-tab){background:transparent;color:var(--ds-text-muted);border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;min-height:40px;padding:8px 1px 14px;margin:0;font-size:13px;font-weight:500}
html[data-design="focus"] :is(.combined-tabs button.active,.employees-tab.active){background:transparent;color:var(--ds-accent);border-color:var(--ds-accent);font-weight:600}
html[data-design="focus"] .combined-tab-panel>h1{font-size:23px;margin-top:25px}
html[data-design="focus"] .combined-tab-panel>h1+.muted{font-size:12px;margin-bottom:18px}
html[data-design="focus"] :is(.employee-card,.pvz-card){border-color:var(--ds-border-light);border-radius:14px;background:var(--ds-card-bg);box-shadow:var(--ds-shadow-sm)}
html[data-design="focus"] .employee-card{padding:22px;gap:17px}
html[data-design="focus"] .employees-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
html[data-design="focus"] .employee-name{font-size:17px;font-weight:600}
html[data-design="focus"] .employee-meta-label{font-size:9px;letter-spacing:.7px;font-weight:500}
html[data-design="focus"] .employee-badge{border:0;border-radius:6px;font-size:10px;padding:4px 7px;font-weight:500}
html[data-design="focus"] .employee-card-actions{border-top:1px solid var(--ds-border-light);padding-top:14px}
html[data-design="focus"] .employee-card-actions button{font-size:11px}
html[data-design="focus"] .employees-hero{margin:0 0 25px;align-items:center}
html[data-design="focus"] :is(.modal-card,.modal-content,.account-modal,.shift-edit-panel,.role-editor-panel){background:var(--ds-card-bg);color:var(--ds-text-primary);border-color:var(--ds-border-light);box-shadow:var(--ds-shadow-lg);border-radius:15px}
html[data-design="focus"] :is(.modal-overlay,.account-modal-overlay,.role-editor-overlay){backdrop-filter:blur(3px)}
/* Dashboard: original widgets and handlers, calmer hierarchy. */
html[data-design="focus"] .dash-header{padding:0;background:transparent;border:0;border-radius:0;margin:0 0 27px}
html[data-design="focus"] .dash-header-top{padding:0;border:0;margin:0;align-items:center}
html[data-design="focus"] .dash-header h1{font-size:34px;font-weight:600;letter-spacing:-1.2px}
html[data-design="focus"] .focus-eyebrow{display:block;color:var(--ds-text-muted);font-size:9px;font-weight:600;letter-spacing:1.5px;margin-bottom:11px}
html[data-design="focus"] .dash-header-sub{font-size:12px;color:var(--ds-text-muted);margin-top:10px}
html[data-design="focus"] .dash-header-controls{gap:10px;align-items:center}
html[data-design="focus"] .dash-header-controls label{font-size:10px;text-transform:none;font-weight:450;letter-spacing:0}
html[data-design="focus"] .dash-header-controls button{font-size:12px;font-weight:500;padding:10px 14px;min-height:39px}
html[data-design="focus"] .focus-overview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:22px;align-items:start;margin-bottom:23px}
html[data-design="focus"] .focus-overview-grid>#kpi_cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:0;border:0;border-radius:0;background:none;margin:0}
html[data-design="focus"] .dash-kpi{border:1px solid var(--ds-border-light);border-radius:14px;box-shadow:var(--ds-shadow-sm);background:var(--ds-card-bg);padding:20px 22px;min-height:126px}
html[data-design="focus"] .dash-kpi.is-primary{background:var(--ds-accent-surface);border-color:var(--ds-border-medium)}
html[data-design="focus"] .dash-kpi:before{display:none}
html[data-design="focus"] .dash-kpi-label{font-size:11px;text-transform:none;font-weight:500;letter-spacing:0;color:var(--ds-text-muted)}
html[data-design="focus"] .dash-kpi-value{font-family:var(--ds-sans);font-size:28px;font-weight:600;letter-spacing:-.8px;margin:12px 0 7px;font-variant-numeric:tabular-nums}
html[data-design="focus"] .dash-kpi-sub{font-size:10px}
html[data-design="focus"] .dash-section{border:1px solid var(--ds-border-light);border-radius:14px;background:var(--ds-card-bg);box-shadow:var(--ds-shadow-sm);overflow:hidden;padding:0;margin:0;min-width:0}
html[data-design="focus"] .dash-section-head{padding:20px 22px;font-size:16px;font-weight:600;letter-spacing:-.3px;background:transparent;border-color:var(--ds-border-light)}
html[data-design="focus"] .dash-section>*:not(summary){padding:16px 22px}
html[data-design="focus"] .focus-overview-grid>.chart-section{grid-column:1;min-width:0}
html[data-design="focus"] .focus-overview-grid>.focus-requests{grid-column:2}
html[data-design="focus"] .focus-overview-grid>#shift_overview_panel{grid-column:1/-1}
html[data-design="focus"] .focus-overview-grid>#shift_pending_banner{grid-column:1/-1}
html[data-design="focus"] .focus-overview-grid>.focus-personal{grid-column:1}
html[data-design="focus"] .focus-quick{grid-column:2;background:var(--ds-card-bg);border:1px solid var(--ds-border-light);border-radius:14px;padding:21px 22px}
html[data-design="focus"] .focus-quick h2{margin:0 0 15px;font-size:16px}
html[data-design="focus"] .focus-quick a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--ds-border-light);font-size:12px;font-weight:500;color:var(--ds-text-secondary)}
html[data-design="focus"] .focus-quick a:last-child{border:0;padding-bottom:3px}
html[data-design="focus"] .focus-quick a:hover{color:var(--ds-accent);text-decoration:none}
html[data-design="focus"] .focus-quick a>span{color:var(--ds-accent)}
html[data-design="focus"] .focus-personal>summary,html[data-design="focus"] .focus-more>summary{padding:19px 22px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:550}
html[data-design="focus"] .focus-personal>summary:after,html[data-design="focus"] .focus-more>summary:after{content:"+";font-size:19px;color:var(--ds-text-muted)}
html[data-design="focus"] .focus-personal[open]>summary:after,html[data-design="focus"] .focus-more[open]>summary:after{content:"−"}
html[data-design="focus"] .focus-personal>summary::-webkit-details-marker,html[data-design="focus"] .focus-more>summary::-webkit-details-marker{display:none}
html[data-design="focus"] .focus-personal,html[data-design="focus"] .focus-more{background:var(--ds-card-bg);border:1px solid var(--ds-border-light);border-radius:14px;overflow:hidden;min-width:0}
html[data-design="focus"] .focus-personal .dash-focus-panel{border:0;box-shadow:none;border-radius:0;background:none;margin:0;padding:0 21px 21px}
html[data-design="focus"] .dash-focus-top{flex-wrap:wrap;gap:9px}
html[data-design="focus"] .dash-focus-top .dash-shift-eyebrow{display:none}
html[data-design="focus"] .dash-focus-title{font-size:13px;font-weight:500}
html[data-design="focus"] .dash-focus-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-design="focus"] .dash-focus-card{border:1px solid var(--ds-border-light);border-radius:9px;background:var(--ds-card-bg-hover);box-shadow:none;padding:15px}
html[data-design="focus"] .dash-focus-card-value{font-size:24px;font-weight:550;font-family:var(--ds-sans)}
html[data-design="focus"] .dash-focus-card-title{font-size:10px}
html[data-design="focus"] .dash-focus-chip{font-size:8px;font-weight:500}
html[data-design="focus"] .dash-focus-card-sub{font-size:10px;font-weight:400;line-height:1.6}
html[data-design="focus"] .dash-req-stages{border-color:var(--ds-border-light);background:transparent;padding:15px 0}
html[data-design="focus"] .dash-req-stage{background:var(--ds-card-bg-hover);border-color:var(--ds-border-light);box-shadow:none}
html[data-design="focus"] .dash-focus-safe-note{font-size:10px;line-height:1.7;background:var(--ds-card-bg-hover);color:var(--ds-text-muted);border:0}
html[data-design="focus"] .focus-more .dash-lanes{padding:0 21px 22px;gap:25px;margin:0}
html[data-design="focus"] .dash-lane{background:transparent;border:0;padding:0;border-radius:0}
html[data-design="focus"] .dash-lane-title{font-size:18px;font-weight:600}
html[data-design="focus"] .dash-lane-sub{font-size:11px}
html[data-design="focus"] .dash-lane-kicker{font-size:9px;letter-spacing:1.3px;margin-bottom:8px}
html[data-design="focus"] .dash-lane-grid{gap:17px}
html[data-design="focus"] .dash-shift-point{border-color:var(--ds-border-light);border-radius:10px;background:var(--ds-card-bg-hover);box-shadow:none}
html[data-design="focus"] .dash-shift-points{gap:13px}
html[data-design="focus"] .chart-toolbar-hint{font-size:10px;color:var(--ds-text-muted)}
/* Salary and shift tables: short views retain every original input. */
html[data-design="focus"] .focus-table-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:13px 0;margin:5px 0 12px}
html[data-design="focus"] .focus-table-tools label{display:flex;flex-direction:column;gap:5px;margin:0}
html[data-design="focus"] .focus-table-tools :is(select,input){width:auto;min-width:130px;max-width:240px}
html[data-design="focus"] .focus-table-tools button{min-height:39px}
html[data-design="focus"] .focus-table-note{flex:1 1 230px;max-width:540px;font-size:11px;line-height:1.5;color:var(--ds-text-secondary);padding-bottom:3px}
html[data-design="focus"] .focus-table-range{align-self:center;white-space:nowrap;min-width:46px;text-align:center;font-size:14px}
html[data-design="focus"] .focus-table-scroll{max-height:65vh;position:relative;isolation:isolate;scroll-padding-top:70px}
html[data-design="focus"] .focus-readable-table{min-width:0;width:100%;border-collapse:separate;border-spacing:0;font-size:12px}
html[data-design="focus"] .focus-readable-table :is(th,td){padding:8px 10px;vertical-align:middle}
html[data-design="focus"] .focus-readable-table thead{position:sticky;top:0;z-index:4}
html[data-design="focus"] .focus-readable-table thead th{background:var(--ds-card-bg-hover);line-height:1.4;white-space:normal;min-width:74px}
html[data-design="focus"] .focus-readable-table .focus-frozen-name{position:sticky;left:0;z-index:2;min-width:150px;max-width:220px;white-space:normal;background:var(--ds-card-bg);box-shadow:2px 0 0 var(--ds-border-light)}
html[data-design="focus"] .focus-readable-table thead .focus-frozen-name{z-index:5;background:var(--ds-card-bg-hover)}
html[data-design="focus"] .focus-readable-table tfoot .focus-frozen-name{background:var(--ds-card-bg-hover)}
html[data-design="focus"] .focus-readable-table .section-input{min-width:65px;width:100%;max-width:110px;padding:6px 7px;min-height:34px}
html[data-design="focus"] .focus-readable-table .day-col{min-width:63px;width:63px;padding:6px 3px}
html[data-design="focus"] .focus-readable-table .shift-circle.has-shift{font-size:11px;white-space:normal;min-height:32px}
html[data-design="focus"] :is(.focus-column-hidden,.focus-row-filtered,.focus-point-filtered,.focus-obsolete-hint){display:none!important}
@media(max-width:600px){
  html[data-design="focus"] .focus-table-tools{gap:8px}
  html[data-design="focus"] .focus-table-tools :is(select,input){min-width:110px;max-width:170px}
  html[data-design="focus"] .focus-readable-table .focus-frozen-name{min-width:105px;max-width:130px;font-size:11px}
  html[data-design="focus"] .focus-readable-table :is(th,td){padding:7px 6px}
}
@media print{
  html[data-design="focus"] .focus-table-tools{display:none}
  html[data-design="focus"] .focus-table-scroll{max-height:none;overflow:visible}
  html[data-design="focus"] .focus-readable-table .focus-frozen-name{position:static}
}
/* Login */
html[data-design="focus"] :is(.login-card,.login-shell,.auth-card){background:var(--ds-card-bg);border-color:var(--ds-border-light);box-shadow:var(--ds-shadow-md);color:var(--ds-text-primary)}
html[data-design="focus"] .login-logo{color:var(--ds-accent)}
html[data-design="focus"] .login-btn{background:var(--ds-accent);color:var(--ds-text-inverse)}
html[data-design="focus"] .login-btn:hover:not(:disabled){background:var(--ds-accent-hover);color:var(--ds-text-inverse);box-shadow:none;transform:none}
html[data-design="focus"] .login-card .lead{color:var(--ds-text-muted)}
html[data-design="focus"] .login-btn.loading{color:transparent}
html[data-design="focus"] .login-card :is(.login-footer,.otp-message){color:var(--ds-text-secondary)}
html[data-design="focus"] .login-card :is(.login-footer a,.login-btn-link,.login-legal a){color:var(--ds-accent)}
html[data-design="focus"] .login-btn-secondary{background:var(--ds-card-bg-hover);color:var(--ds-text-secondary);border-color:var(--ds-border-medium)}
html[data-design="focus"] .login-card :is(.login-error,.error){background:var(--ds-danger-surface);color:var(--ds-danger);border-color:var(--error-border)}
html[data-design="focus"] .login-legal{margin-top:1rem;text-align:center;font-size:12px;color:var(--ds-text-muted);line-height:1.5}
@media(min-width:1700px){html[data-design="focus"] .focus-overview-grid>#kpi_cards{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1250px){html[data-design="focus"]{--focus-sidebar:210px}html[data-design="focus"] .shell-topbar{padding:0 24px;gap:10px}html[data-design="focus"] .shell-main>.container{padding:27px 25px}html[data-design="focus"] .focus-breadcrumb{display:none}html[data-design="focus"] .shell-search{min-width:172px}html[data-design="focus"] .account-copy{max-width:110px}html[data-design="focus"] .account-cat-widget{max-width:100px}html[data-design="focus"] .focus-overview-grid{gap:17px;grid-template-columns:minmax(0,1.4fr) minmax(245px,1fr)}html[data-design="focus"] .dash-kpi{padding:18px}html[data-design="focus"] .dash-kpi-value{font-size:25px}}
@media(max-width:1000px){html[data-design="focus"] .focus-overview-grid{grid-template-columns:1fr}html[data-design="focus"] .focus-overview-grid>:is(.chart-section,.focus-requests,.focus-personal,.focus-quick){grid-column:1;grid-row:auto}html[data-design="focus"] .focus-overview-grid>.focus-requests{order:0}html[data-design="focus"] .account-copy{display:none}html[data-design="focus"] .dash-kpi-value{font-size:23px}html[data-design="focus"] .dash-header h1{font-size:30px}}
@media(max-width:768px){
  html[data-design="focus"]{--focus-topbar:60px}
  html[data-design="focus"] .shell-root{grid-template-columns:minmax(0,1fr);grid-template-rows:60px 1fr}
  html[data-design="focus"] .shell-topbar{height:60px;padding:0 13px;gap:8px}
  html[data-design="focus"] .shell-sidebar{top:60px;height:calc(100dvh - 60px);width:255px;padding:24px 17px;z-index:310}
  html[data-design="focus"] .shell-drawer-overlay{inset:60px 0 0;z-index:300}
  html[data-design="focus"] .shell-hamburger{min-width:36px}
  html[data-design="focus"] .shell-topbar-title{font-size:12px;flex:1;max-width:none}
  html[data-design="focus"] .shell-search{display:flex;min-width:34px;width:34px;height:34px;padding:0;border:0;background:transparent;justify-content:center}
  html[data-design="focus"] .shell-search:before{content:"⌕";font-size:26px;line-height:1}
  html[data-design="focus"] .shell-search>span,html[data-design="focus"] .shell-search>kbd{display:none}
  html[data-design="focus"] .shell-topbar .knowledge-btn{display:none}
  html[data-design="focus"] .shell-icon-btn{width:32px;height:32px}
  html[data-design="focus"] .account-chip{padding-left:8px;gap:0;min-height:32px}
  html[data-design="focus"] .account-avatar{width:30px;height:30px}
  html[data-design="focus"] .account-copy,html[data-design="focus"] .account-caret{display:none}
  html[data-design="focus"] .shell-main{overflow-x:hidden}
  html[data-design="focus"] .shell-main>.container{padding:23px 15px calc(90px + env(safe-area-inset-bottom))}
  html[data-design="focus"] .shell-main>.container.container--messages{padding:0 0 75px}
  html[data-design="focus"] h1{font-size:26px;letter-spacing:-.8px}
  html[data-design="focus"] .panel{padding:17px;margin-top:16px;border-radius:12px}
  html[data-design="focus"] .toolbar{gap:9px;align-items:flex-end}
  html[data-design="focus"] :is(input,select,textarea){max-width:100%}
  html[data-design="focus"] .employees-grid{grid-template-columns:minmax(0,1fr)}
  html[data-design="focus"] .employee-card{padding:20px}
  html[data-design="focus"] .employees-hero{gap:18px}
  html[data-design="focus"] .dash-header{margin-bottom:22px}
  html[data-design="focus"] .dash-header-top{align-items:stretch;gap:18px}
  html[data-design="focus"] .dash-header h1{font-size:30px}
  html[data-design="focus"] .dash-header-sub{font-size:11px;line-height:1.7}
  html[data-design="focus"] .dash-header-controls{justify-content:space-between}
  html[data-design="focus"] .focus-overview-grid>#kpi_cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  html[data-design="focus"] .focus-overview-grid{gap:17px}
  html[data-design="focus"] .dash-kpi{padding:16px 13px;min-height:116px;border-radius:12px}
  html[data-design="focus"] .dash-kpi-value{font-size:23px}
  html[data-design="focus"] .dash-kpi-label{font-size:10px}
  html[data-design="focus"] .dash-kpi-sub{font-size:9px}
  html[data-design="focus"] .dash-section-head{padding:17px;font-size:15px}
  html[data-design="focus"] .dash-section>*:not(summary){padding:14px 16px}
  html[data-design="focus"] .focus-personal .dash-focus-panel{padding:0 16px 16px}
  html[data-design="focus"] .focus-more .dash-lanes{padding:0 14px 17px}
  html[data-design="focus"] .dash-lane-grid{grid-template-columns:minmax(0,1fr)}
  html[data-design="focus"] .dash-lane-title{font-size:17px}
  html[data-design="focus"] .shell-tabbar{box-shadow:0 -4px 20px #213d2906}
  html[data-design="focus"] .shell-tabbar-item.is-active{color:var(--ds-accent)}
}
@media(prefers-reduced-motion:reduce){html[data-design="focus"] *{scroll-behavior:auto;transition:none!important}}