:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #f3f7fb;--surface: #ffffff;--surface-strong: #f7fbfe;--text: #092445;--muted: #667589;--border: #d8e5ef;--line: #e6eef5;--nav: #012d6b;--nav-strong: #00659f;--sonepar-cyan: #009dd6;--sonepar-sky: #dff5fc;--teal: #00659f;--green: #14804a;--amber: #b56b00;--red: #cf2e2e;--blue: #009dd6;--shadow: 0 14px 34px rgb(1 45 107 / 8%)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--sonepar-cyan);outline-offset:2px}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#012d6b,#06234f);color:#eef5ff;display:flex;flex-direction:column;min-height:100vh;padding:22px 16px}.brand{align-items:center;display:flex;gap:13px;padding:0 4px 22px}.brand-icon{align-items:center;background:#ffffff14;border:1px solid rgb(255 255 255 / 18%);border-radius:8px;display:grid;height:42px;place-items:center;width:42px}.app-logo{display:block;object-fit:cover}.sidebar-app-logo{border-radius:8px;height:34px;width:34px}.brand strong,.brand span{display:block}.brand strong{font-size:18px;line-height:1.2}.brand span{color:#bfeeff;margin-top:2px}.nav-list{border-top:1px solid rgb(255 255 255 / 10%);display:grid;gap:8px;padding-top:18px}.nav-button,.ghost-on-dark{align-items:center;background:transparent;border:0;border-radius:7px;color:#e9f2ff;display:flex;gap:12px;min-height:44px;padding:0 12px;text-align:left;width:100%}.nav-button.active{background:#00659f;box-shadow:inset 3px 0 0 var(--sonepar-cyan)}.nav-button:hover,.ghost-on-dark:hover{background:#ffffff17}.nav-chevron{margin-left:auto}.sidebar-footer{border-top:1px solid rgb(255 255 255 / 11%);display:grid;gap:10px;margin-top:auto;padding-top:18px}.storage-chip{border:1px solid rgb(255 255 255 / 14%);border-radius:7px;color:#c9d7e8;font-size:13px;padding:9px 10px}.storage-chip.online{border-color:#009dd673;color:#bfeeff}.app-alert{background:#fff4d8;border-left:4px solid #f3b019;color:#3e2a00;font-size:.92rem;font-weight:700;margin:0 0 14px;padding:12px 14px}.late-closure-alert{align-items:center;background:#fff8e8;border:1px solid #f1d28a;border-left:4px solid var(--amber);border-radius:8px;color:#5a3500;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;margin:0 0 18px;padding:12px 14px}.late-closure-alert strong,.late-closure-alert span{display:block}.late-closure-alert span{color:#6f4a12;font-size:13px;margin-top:3px}.main-area{min-width:0;padding:24px}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.topbar h1{font-size:25px;line-height:1.1;margin:0}.eyebrow{color:var(--muted);font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 5px;text-transform:uppercase}.topbar-actions{align-items:center;display:flex;gap:12px}.week-responsible,.user-chip,.responsibility-box{background:var(--surface);border:1px solid var(--border);border-radius:7px;display:grid;gap:2px;min-height:52px;padding:9px 12px}.week-responsible span,.user-chip span,.responsibility-box span{color:var(--muted);font-size:12px}.week-responsible strong,.user-chip strong,.responsibility-box strong{font-size:14px}.location-switcher{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;display:grid;gap:6px;grid-template-columns:16px auto minmax(150px,190px);min-height:52px;padding:6px 10px}.location-switcher svg{color:var(--nav-strong)}.location-switcher span{color:var(--muted);font-size:12px}.location-switcher select{min-height:36px;min-width:0}.dashboard-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 380px}.work-pane,.detail-pane,.full-pane{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.work-pane,.full-pane{overflow:hidden}.week-band{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:18px;grid-template-columns:1fr 1fr;padding:18px}.week-band div{display:grid;gap:5px}.week-band span,.detail-meta,.hint,.template-row span{color:var(--muted);font-size:13px}.week-band strong{font-size:24px}.metric-row{border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-tile{align-items:center;border-right:1px solid var(--line);display:flex;gap:13px;min-height:92px;padding:16px 18px}.metric-tile:last-child{border-right:0}.metric-tile span{color:var(--muted);display:block;font-size:13px;margin-bottom:4px}.metric-tile strong{display:block;font-size:28px;line-height:1}.metric-icon{align-items:center;border:1px solid currentColor;border-radius:999px;display:grid;height:42px;place-items:center;width:42px}.metric-tile.danger{color:var(--red)}.metric-tile.warning{color:var(--amber)}.metric-tile.success{color:var(--green)}.metric-tile.teal{color:var(--nav-strong)}.filter-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) 180px 180px;padding:14px 16px}.day-filter-row{grid-template-columns:minmax(180px,220px) minmax(160px,190px)}.day-section{border-bottom:1px solid var(--line)}.day-section:last-child{border-bottom:0}.day-section-head{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:14px 18px}.day-section-head strong{color:var(--nav);font-size:16px}.day-section-head span{color:var(--muted);font-size:13px}.search-field{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--muted);display:flex;gap:9px;min-height:40px;padding:0 10px}.search-field input{border:0;color:var(--text);min-width:0;outline:0;width:100%}select,input,textarea{background:#fff;border:1px solid var(--border);border-radius:7px;color:var(--text);min-height:40px;padding:8px 10px}textarea{resize:vertical}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;font-size:14px;width:100%}.task-table{table-layout:fixed}.task-table .task-column{width:auto}.task-table .due-column{width:120px}.task-table .status-column{width:110px}.task-table .visum-column{width:80px}.data-table th{background:var(--surface-strong);border-bottom:1px solid var(--line);color:#39455a;font-size:12px;font-weight:800;height:42px;padding:0 16px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid var(--line);height:58px;padding:10px 16px;vertical-align:middle}.data-table tr{transition:background .15s ease}.task-table tr.selectable{cursor:pointer}.task-table tr.selectable:focus-visible{outline:2px solid var(--sonepar-cyan);outline-offset:-2px}.data-table tbody tr:hover,.data-table tbody tr.selected{background:#eef9fd}.data-table td strong,.data-table td span{display:block}.data-table td span{color:var(--muted);font-size:12px;margin-top:3px}.task-table td:first-child strong{overflow-wrap:anywhere}.task-table td:last-child{font-variant-numeric:tabular-nums;font-weight:800}.icon-button{align-items:center;background:transparent;border:1px solid var(--border);border-radius:7px;color:var(--muted);display:inline-flex;height:34px;justify-content:center;padding:0;width:34px}.icon-button:hover{border-color:var(--blue);color:var(--blue)}.icon-button.danger:hover{border-color:var(--red);color:var(--red)}.icon-button:disabled{color:#b8c2cf;cursor:not-allowed}.status-pill{border:1px solid;border-radius:6px;display:inline-flex;font-size:12px;font-weight:800;line-height:1;padding:7px 9px}.status-pill.offen{background:#f2f6fb;border-color:#cdd9e8;color:#39516f}.status-pill.in_bearbeitung{background:#fff8e8;border-color:#f1d28a;color:var(--amber)}.status-pill.erledigt,.status-pill.abgeschlossen{background:#eaf8f0;border-color:#a6dec0;color:var(--green)}.status-pill.blockiert{background:#fff8e8;border-color:#f1d28a;color:var(--amber)}.status-pill.ueberfaellig{background:#ffefef;border-color:#f2b5b5;color:var(--red)}.status-pill.nicht_erledigt{background:#fff0f0;border-color:#efb4b4;color:var(--red)}.progress-wrap{align-items:center;display:grid;gap:9px;grid-template-columns:minmax(80px,1fr) 42px;max-width:220px}.progress-wrap:before{background:#e5e9ee;border-radius:999px;content:"";grid-column:1;grid-row:1;height:8px}.progress-bar{background:var(--teal);border-radius:999px;grid-column:1;grid-row:1;height:8px;min-width:0}.progress-bar.ueberfaellig,.progress-bar.nicht_erledigt{background:var(--red)}.progress-bar.in_bearbeitung,.progress-bar.blockiert{background:var(--amber)}.progress-bar.erledigt,.progress-bar.abgeschlossen{background:var(--green)}.progress-wrap span{color:var(--text);font-size:12px;font-weight:800}.detail-pane{align-self:stretch;min-height:640px;overflow:hidden}.detail-header,.section-header{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:18px}.detail-header h2,.section-header h2{font-size:20px;line-height:1.2;margin:0 0 6px;overflow-wrap:anywhere}.detail-header p,.section-header p{color:var(--muted);margin:0}.detail-topic{color:var(--nav-strong);display:block;font-size:12px;font-weight:800;margin-bottom:7px;text-transform:uppercase}.detail-meta{border-bottom:1px solid var(--line);display:grid;gap:6px;padding:12px 18px}.task-actions button:disabled,.small-action:disabled,.task-note-field textarea:disabled{cursor:not-allowed;opacity:.58}.task-actions{display:grid;gap:16px;padding:18px}.task-actions.blocked{background:#fffaf0}.task-actions.missed{background:#fff5f5}.task-actions.locked{background:#f7fbfe}.task-action-buttons{display:flex;flex-wrap:wrap;gap:10px}.block-note-hint{color:var(--muted);font-size:13px;font-weight:800;margin:-4px 0 0}.block-note-hint.warning{color:var(--amber)}.task-hint-box{background:var(--sonepar-sky);border:1px solid rgb(0 157 214 / 28%);border-left:4px solid var(--sonepar-cyan);border-radius:8px;display:grid;gap:5px;margin:16px 18px 0;padding:12px 14px}.task-hint-box strong{color:var(--nav);font-size:13px}.task-hint-box p{color:var(--text);font-size:13px;margin:0;white-space:pre-wrap}.task-note-field{color:#3d485a;display:grid;font-size:13px;font-weight:800;gap:7px}.task-note-field textarea{min-height:88px;width:100%}.small-action{align-items:center;background:#fff;border:1px solid var(--border);border-radius:7px;color:var(--muted);display:inline-flex;gap:6px;min-height:34px;padding:0 9px}.small-action.warning.active,.small-action.warning:hover{border-color:#e5b05c;color:var(--amber)}.locked-strip{align-items:center;background:var(--sonepar-sky);border-bottom:1px solid #b7e7f5;color:var(--nav);display:flex;gap:8px;font-size:13px;font-weight:800;padding:10px 18px}.week-toolbar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:14px 18px}.segmented-control{align-items:center;background:#e7f4fa;border:1px solid var(--border);border-radius:8px;display:inline-flex;gap:3px;padding:3px}.segmented-control button{background:transparent;border:0;border-radius:6px;color:#4b5b70;font-weight:800;min-height:34px;min-width:48px;padding:0 12px}.segmented-control button.active{background:#fff;color:var(--nav-strong);box-shadow:0 3px 10px #012d6b1a}.topic-group{border-bottom:1px solid var(--line)}.compact-topic-group .topic-group-head{padding:11px 18px}.topic-group-head{align-items:center;background:linear-gradient(90deg,var(--sonepar-sky) 0%,#f7fcff 100%);border-left:5px solid var(--sonepar-cyan);border-bottom:1px solid var(--line);color:var(--nav);display:flex;gap:14px;justify-content:space-between;padding:12px 18px}.topic-group-head strong,.topic-group-head span{display:block}.topic-group-head span{color:var(--nav-strong);font-size:13px;font-weight:700;margin-top:3px}.topic-group-head .progress-wrap{max-width:180px}.visum-trail{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px}.visum-trail strong{color:var(--text)}.admin-grid{display:grid;gap:18px;grid-template-columns:1fr}.admin-shell{display:grid}.admin-tabs{background:var(--surface-strong);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px;overflow:visible;padding:10px 14px}.admin-tabs button{align-items:center;background:transparent;border:1px solid transparent;border-radius:7px;color:#41536d;display:inline-flex;flex:0 0 auto;font-size:14px;font-weight:800;gap:8px;min-height:38px;padding:0 12px}.admin-tabs button:hover{background:#fff;border-color:var(--border);color:var(--nav-strong)}.admin-tabs button.active{background:var(--nav-strong);border-color:var(--nav-strong);color:#fff;box-shadow:0 8px 18px #00659f29}.admin-tab-panel{display:grid;gap:16px;padding:18px}.admin-two-column{align-items:start;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)}.admin-section{display:grid;gap:12px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #012d6b0d;padding:16px}.admin-section h3,.template-list h3{font-size:16px;margin:0}.admin-section-title{display:grid;gap:4px}.admin-section-heading-row{align-items:start;display:flex;justify-content:space-between}.admin-section-title p{color:var(--muted);font-size:13px;margin:0}.admin-count{align-items:center;background:var(--sonepar-sky);border:1px solid rgb(0 157 214 / 24%);border-radius:999px;color:var(--nav-strong);display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:900;justify-content:center;min-height:28px;min-width:28px;padding:0 8px}.admin-section label,.closure-form label{color:#3d485a;display:grid;font-size:13px;font-weight:800;gap:6px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid h3,.template-form h3,.form-grid .primary-button{grid-column:1 / -1}.created-login-box{background:var(--sonepar-sky);border:1px solid rgb(0 157 214 / 35%);border-left:4px solid var(--sonepar-cyan);border-radius:8px;display:grid;gap:6px;padding:12px 14px}.created-login-box span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.created-login-box strong{color:var(--nav);font-size:18px}.created-login-box code{background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--text);display:inline-block;font-weight:900;padding:8px 10px;width:fit-content}.template-form{border-bottom:0}.form-pair{display:grid;gap:10px;grid-template-columns:1fr 1fr}.week-planner{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.week-plan-item{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;padding:11px}.week-plan-item>span{align-items:center;display:flex;justify-content:space-between}.week-plan-item small{color:var(--nav-strong);font-size:11px;font-weight:900}.week-plan-item.current{background:var(--sonepar-sky);border-color:#009dd661;box-shadow:inset 4px 0 0 var(--sonepar-cyan)}.task-editor{background:#f8fcff;border:1px solid #cfe7f4;border-radius:8px;display:grid;gap:12px;padding:14px}.task-editor-head,.task-editor-row{align-items:end;display:grid;gap:10px}.task-editor-head{align-items:center;grid-template-columns:minmax(0,1fr) auto}.task-editor-head h4{color:var(--nav);font-size:15px;margin:0}.task-editor-row{background:#fff;border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(280px,1.5fr) minmax(160px,.8fr) minmax(150px,.7fr) 120px 36px;padding:12px}.task-editor-row label{min-width:0}.task-create-form{align-content:start}.task-create-main-grid,.task-form-grid{display:grid;gap:10px}.task-create-main-grid{grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr)}.task-create-main-grid input,.task-create-main-grid select,.task-form-grid input,.task-form-grid select,.rule-editor input,.rule-editor select,.rule-editor textarea{min-width:0;width:100%}.task-form-grid{align-items:end;grid-template-columns:minmax(115px,1.35fr) minmax(82px,.8fr) minmax(88px,.85fr)}.task-create-form .task-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-create-form .task-form-grid>label:first-child{grid-column:1 / -1}.schedule-preview{display:grid;gap:6px}.schedule-preview span{color:#3d485a;font-size:13px;font-weight:800}.schedule-preview strong{align-items:center;background:var(--surface-strong);border:1px solid var(--line);border-radius:7px;color:var(--text);display:flex;line-height:1.25;min-height:40px;overflow-wrap:anywhere;padding:8px 10px}.template-form>label,.template-form>.task-editor,.template-form>.primary-button{max-width:100%}.template-list{border-top:1px solid var(--line);display:grid;gap:10px;padding:18px}.admin-list{display:grid;gap:10px;max-height:680px;overflow:auto;padding-right:2px}.admin-task-layout{grid-template-columns:minmax(0,1fr)}.task-rule-manager{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(340px,.9fr) minmax(400px,1.1fr)}.task-rule-list-panel,.task-rule-detail-panel{min-width:0}.task-rule-detail-panel{position:sticky;top:18px}.admin-task-filters{align-items:end;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-task-filters .search-field{align-items:center;display:flex;grid-column:1 / -1;min-height:40px}.task-rule-list{display:grid;gap:10px;max-height:660px;overflow:auto;padding-right:2px}.task-rule-card{align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--text);display:grid;gap:14px;grid-template-columns:minmax(0,1fr);min-height:124px;padding:17px 18px;text-align:left;width:100%}.task-rule-card:hover{background:var(--surface-strong);border-color:#b8deee;box-shadow:0 8px 18px #012d6b0f}.task-rule-card.selected{background:linear-gradient(90deg,var(--sonepar-sky) 0%,#fff 100%);border-color:#009dd67a;box-shadow:inset 5px 0 0 var(--sonepar-cyan),0 10px 22px #012d6b14}.task-rule-card-main{display:grid;gap:6px;min-width:0}.task-rule-card-main strong{color:var(--nav);font-size:17px;line-height:1.25;max-width:100%;overflow-wrap:anywhere}.task-rule-card-main span{color:var(--muted);font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.task-rule-card-meta{align-items:stretch;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.task-rule-meta-item,.task-rule-hint,.task-rule-card-meta .rule-status{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:800;gap:5px;line-height:1.25;min-height:38px;min-width:0;overflow-wrap:anywhere;padding:8px 10px}.task-rule-meta-item{background:var(--surface-strong);border:1px solid var(--line);color:var(--muted)}.task-rule-hint{background:#eef9fd;border:1px solid rgb(0 157 214 / 22%);color:var(--nav-strong)}.task-rule-card-meta .rule-status{grid-column:auto;grid-row:auto;justify-content:center}.task-rule-detail-form{border-top:0;padding:0}.task-rule-detail-form .rule-editor-main{grid-template-columns:minmax(0,1fr)}.task-rule-detail-form textarea{min-height:120px}.task-rule-detail-form .task-rule-title-field{min-height:72px}.task-rule-detail-empty{min-height:180px}.task-rule-detail-actions{border-top:1px solid var(--line);padding-top:14px}.rule-accordion{border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.rule-accordion.expanded{border-color:#a9dcec;box-shadow:0 8px 20px #012d6b0f}.rule-summary{align-items:center;background:#fff;border:0;color:var(--text);display:grid;gap:12px;grid-template-columns:24px minmax(0,1fr) auto auto;min-height:64px;padding:10px 12px;text-align:left;width:100%}.rule-summary:hover,.rule-accordion.expanded .rule-summary{background:var(--surface-strong)}.rule-summary-icon{color:var(--nav-strong);display:grid;place-items:center}.rule-summary-main{min-width:0}.rule-summary-main strong,.rule-summary-main span{display:block}.rule-summary-main strong{overflow-wrap:anywhere}.rule-summary-main span{color:var(--muted);font-size:12px;margin-top:4px}.rule-hint-indicator,.rule-status{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:800;gap:5px;min-height:30px;padding:0 8px}.rule-hint-indicator{color:var(--nav-strong)}.rule-status{background:#f1f4f7;color:var(--muted)}.rule-status.active{background:#eaf8f0;color:var(--green)}.rule-editor{border-top:1px solid var(--line);display:grid;gap:14px;padding:16px}.rule-editor-main,.rule-editor-timing{display:grid;gap:10px}.rule-editor-main{grid-template-columns:minmax(0,1.4fr) minmax(160px,.8fr)}.rule-editor-timing{align-items:end;grid-template-columns:repeat(3,minmax(0,1fr))}.rule-active-toggle{width:fit-content}.rule-editor-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.rule-delete-button,.rule-editor-actions .confirm-delete{margin-left:auto}.inline-feedback{border-radius:7px;font-size:13px;font-weight:700;margin:0;padding:10px 12px}.inline-feedback.success{background:#eaf8f0;color:var(--green)}.inline-feedback.error{background:#fff0f0;color:var(--red)}.open-closure-list{display:grid;gap:10px}.open-closure-card{align-items:center;background:#fff8e8;border:1px solid #f1d28a;border-radius:8px;display:grid;gap:14px;grid-template-columns:minmax(150px,.9fr) minmax(150px,.8fr) minmax(170px,.9fr) minmax(220px,1fr);padding:14px}.open-closure-card strong,.open-closure-card span{display:block}.open-closure-card strong{color:var(--nav)}.open-closure-card span,.open-closure-progress span{color:var(--muted);font-size:13px}.open-closure-progress{display:grid;gap:7px}.closure-history-list{display:grid;gap:12px}.closure-history-item{border:1px solid var(--line);border-radius:8px;overflow:hidden}.closure-history-item summary{align-items:center;background:linear-gradient(90deg,var(--sonepar-sky) 0%,#f7fcff 100%);cursor:pointer;display:grid;gap:14px;grid-template-columns:minmax(170px,.8fr) minmax(260px,1fr) 220px;list-style:none;padding:14px 16px}.closure-history-item summary::-webkit-details-marker{display:none}.closure-history-item summary strong,.closure-history-item summary span{display:block}.closure-history-item summary strong{color:var(--nav)}.closure-history-title{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.closure-history-item summary span,.closure-history-meta span{color:var(--muted);font-size:13px}.closure-history-meta{display:grid;gap:4px}.closure-summary-actions{display:grid;gap:9px}.closure-export-button{justify-content:center;min-height:34px;padding:8px 10px;width:100%}.closure-note{background:#fff;border-top:1px solid var(--line);color:var(--text);margin:0;padding:12px 16px}.late-task-summary{background:#fff8e8;border-top:1px solid #f1d28a;color:#6f4a12;font-weight:800;margin:0;padding:10px 16px}.closure-task-table td:last-child{color:var(--muted);max-width:280px}.blocked-closure-row{background:#fffaf0}.late-badge,.late-task-label{align-items:center;background:#fff4d8;border:1px solid #f1d28a;border-radius:999px;color:var(--amber);display:inline-flex;font-size:11px;font-weight:900;line-height:1;padding:5px 7px;width:fit-content}.late-task-label{display:flex;margin-top:6px}.closure-print-overlay{background:#041226b8;top:0;right:0;bottom:0;left:0;overflow:auto;padding:28px;position:fixed;z-index:60}.print-toolbar{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px #012d6b2e;display:flex;gap:18px;justify-content:space-between;margin:0 auto 16px;max-width:1040px;padding:12px 14px}.print-toolbar strong,.print-toolbar span{display:block}.print-toolbar strong{color:var(--nav)}.print-toolbar span{color:var(--muted);font-size:13px}.print-toolbar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.closure-print-report{background:#fff;border-radius:8px;box-shadow:0 24px 70px #012d6b3d;color:#18253a;display:grid;gap:20px;margin:0 auto;max-width:1040px;padding:34px}.print-report-header{align-items:center;border-bottom:2px solid #d8e7f5;display:flex;gap:18px;justify-content:space-between;padding-bottom:18px}.print-brand{align-items:center;display:flex;gap:14px}.print-brand img{border-radius:14px;height:58px;width:58px}.print-brand span{color:#4f627a;display:block;font-size:13px;font-weight:800}.print-brand h1{color:#012d6b;font-size:30px;line-height:1.1;margin:2px 0 0}.print-late-badge{font-size:12px;padding:7px 9px}.print-meta-grid,.print-stat-grid{display:grid;gap:10px}.print-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.print-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.print-meta-grid div,.print-stat-grid div{border:1px solid #d8e7f5;border-radius:7px;display:grid;gap:4px;min-width:0;padding:10px 12px}.print-meta-grid span,.print-stat-grid span{color:#56677c;font-size:11px;font-weight:800;text-transform:uppercase}.print-meta-grid strong,.print-stat-grid strong{color:#13233a;font-size:14px;line-height:1.25}.print-stat-grid strong{color:#012d6b;font-size:22px}.print-report-section{display:grid;gap:10px}.print-report-section h2{color:#012d6b;font-size:17px;margin:0}.print-report-section p{color:#26364d;line-height:1.45;margin:0;white-space:pre-wrap}.print-note-list{display:grid;gap:8px}.print-note-list div{border:1px solid #d8e7f5;border-radius:7px;padding:10px 12px}.print-note-list strong,.print-note-list span{display:block}.print-note-list strong{color:#13233a}.print-note-list span{color:#56677c;font-size:12px;margin-top:2px}.print-task-table{border-collapse:collapse;font-size:12px;width:100%}.print-task-table th,.print-task-table td{border:1px solid #d8e7f5;padding:8px 9px;text-align:left;vertical-align:top}.print-task-table th{background:#eef6fd;color:#012d6b;font-size:11px;text-transform:uppercase}.print-task-table td{color:#26364d;line-height:1.35}.template-row{align-items:center;border:1px solid var(--line);border-radius:7px;display:flex;justify-content:space-between;padding:12px}.template-row strong{display:block}.editable-row{align-items:flex-start;gap:12px}.editable-fields{display:grid;flex:1;gap:8px;min-width:0}.topic-edit-fields label{min-width:0}.admin-meta{color:var(--muted);font-size:12px;font-weight:700}.user-row{align-items:center}.location-row.selected{background:var(--surface-strong);border-color:#009dd66b;box-shadow:inset 4px 0 0 var(--sonepar-cyan)}.selected-location-pill{background:var(--sonepar-sky);border:1px solid rgb(0 157 214 / 24%);border-radius:999px;color:var(--nav-strong)!important;display:inline-flex;font-size:12px!important;font-weight:900;min-height:28px;padding:5px 9px}.user-admin-controls{align-items:end;display:grid;gap:8px;grid-template-columns:minmax(150px,170px) minmax(170px,210px);margin-left:auto}.user-admin-controls label{color:#3d485a;display:grid;font-size:12px;font-weight:800;gap:5px}.user-admin-controls select{min-height:36px;min-width:0}.user-identity{align-items:center;display:flex;gap:11px;min-width:0}.user-initials{align-items:center;background:var(--sonepar-sky);border:1px solid rgb(0 157 214 / 28%);border-radius:7px;color:var(--nav-strong)!important;display:inline-flex;flex:0 0 40px;font-size:12px!important;font-weight:900;height:40px;justify-content:center}.admin-shell .icon-button{height:40px;width:40px}.toggle-label{align-items:center;color:#3d485a;display:inline-flex;font-size:13px;font-weight:800;gap:7px;min-height:40px}.toggle-label input{min-height:auto}.row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.confirm-delete{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.topic-delete label{color:#3d485a;display:grid;font-size:12px;font-weight:800;gap:5px;min-width:190px}.reset-code-box label{color:#3d485a;display:grid;font-size:12px;font-weight:800;gap:5px;min-width:120px}.reset-code-box input{min-height:36px}.status-note{color:var(--muted);font-size:12px}.primary-button,.secondary-button,.danger-button,.text-button{align-items:center;border-radius:7px;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:0 13px}.primary-button{background:var(--nav-strong);border:1px solid var(--nav-strong);color:#fff;font-weight:800}.primary-button:disabled{background:#d6dde6;border-color:#d6dde6;color:#7d8998;cursor:not-allowed}.secondary-button{background:#fff;border:1px solid var(--border);color:var(--text)}.danger-button{background:#fff3f3;border:1px solid #efb4b4;color:var(--red);font-weight:800}.text-button{background:transparent;border:0;color:var(--blue);padding:0}.open-late-panel{border-bottom:1px solid var(--line);display:grid;gap:12px;padding:18px}.open-late-panel h3{font-size:16px;margin:0 0 4px}.open-late-panel p{color:var(--muted);margin:0}.closure-target-selector{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.closure-target-button{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);display:grid;gap:5px;min-height:96px;padding:12px;text-align:left}.closure-target-button:hover,.closure-target-button.active{background:#fff8e8;border-color:#f1d28a;box-shadow:inset 4px 0 0 var(--amber)}.closure-target-button strong,.closure-target-button span,.closure-target-button em{display:block}.closure-target-button span{color:var(--muted);font-size:13px}.closure-target-button em{color:var(--amber);font-size:12px;font-style:normal;font-weight:900}.close-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px}.closure-status{border:1px solid var(--border);border-radius:8px;display:grid;gap:4px;padding:14px}.closure-status strong{color:var(--green);font-size:20px}.closure-status.warning strong{color:var(--amber)}.closure-status span{color:var(--muted);font-size:13px}.closure-form{border-top:1px solid var(--line);display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;padding:18px}.success-strip{align-items:center;background:#eaf8f0;border-bottom:1px solid #b9e3ca;color:var(--green);display:flex;gap:9px;font-weight:800;padding:12px 18px}.success-strip.late{background:#fff8e8;border-bottom-color:#f1d28a;color:var(--amber)}.missed-auto-strip{align-items:center;background:#fff8e8;border-bottom:1px solid #f1d28a;color:#6f4a12;display:flex;gap:9px;font-weight:800;padding:12px 18px}.blocked-note-missing-list{background:#fff8e8;border-bottom:1px solid #f1d28a;display:grid;gap:12px;padding:16px 18px}.blocked-note-missing-list h3{color:var(--nav);font-size:16px;margin:0 0 4px}.blocked-note-missing-list p{color:#6f4a12;margin:0}.blocked-note-field{display:grid;gap:7px}.blocked-note-field>span{color:var(--muted);display:grid;font-size:13px;gap:2px}.blocked-note-field strong{color:var(--nav);font-size:14px}.blocked-note-field textarea{min-height:88px;width:100%}.empty-state{align-items:center;color:var(--muted);display:flex;gap:10px;justify-content:center;min-height:120px;padding:24px;text-align:center}.admin-empty-state{background:var(--surface-strong);border:1px dashed var(--border);border-radius:7px;justify-content:flex-start;min-height:64px;padding:16px;text-align:left}.login-screen{align-items:center;background:var(--bg);display:grid;min-height:100vh;padding:24px;place-items:center}.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);max-width:760px;overflow:hidden;width:100%}.login-panel.compact-login{max-width:460px}.login-brand{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:16px;padding:24px}.login-app-logo{border-radius:10px;box-shadow:0 8px 18px #012d6b24;flex:0 0 auto;height:46px;width:46px}.login-brand h1{font-size:24px;margin:0 0 5px}.login-brand p{color:var(--muted);margin:0}.login-form{display:grid;gap:14px;padding:24px}.login-form label{color:#3d485a;display:grid;font-size:13px;font-weight:800;gap:6px}.login-form .primary-button{width:100%}.form-error{background:#fff3f3;border:1px solid #efb4b4;border-radius:7px;color:var(--red);font-size:13px;font-weight:800;margin:0;padding:10px 12px}.form-wide{grid-column:1 / -1}.avatar{align-items:center;background:var(--nav-strong);border-radius:999px;color:#fff;display:grid;font-weight:900;height:44px;place-items:center;width:44px}.login-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:13px;justify-content:space-between;padding:14px 24px}@media(max-width:1320px){.admin-grid{grid-template-columns:1fr}.open-closure-card{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-task-layout{grid-template-columns:minmax(0,1fr)}.admin-task-layout .task-create-main-grid{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr)}.admin-task-layout .task-create-form .task-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-task-layout .task-create-form .task-form-grid>label:first-child{grid-column:auto}}@media(max-width:1180px){.admin-two-column{grid-template-columns:minmax(0,1fr)}}@media(max-width:1120px){.dashboard-grid{grid-template-columns:1fr}.task-rule-manager{grid-template-columns:minmax(0,1fr)}.task-rule-detail-panel{position:static}.detail-pane{min-height:auto}}@media(max-width:1080px){.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-tile:nth-child(2){border-right:0}.metric-tile:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:14px 16px}.brand{padding-bottom:12px}.nav-list{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:12px}.nav-button{justify-content:center;min-width:0;padding:0 8px}.nav-chevron{display:none}.sidebar-footer{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:12px;padding-top:12px}.ghost-on-dark{flex:0 0 auto;width:auto}.closure-form{align-items:stretch;grid-template-columns:minmax(0,1fr)}.topbar{align-items:center;display:flex}.topbar-actions{display:flex;flex-direction:row;flex-wrap:wrap}.late-closure-alert,.open-closure-card{grid-template-columns:minmax(0,1fr)}.late-closure-alert .text-button{justify-self:start}.metric-row,.filter-row,.close-grid,.late-closure-alert,.open-closure-card,.form-grid,.closure-history-item summary,.admin-two-column,.admin-task-layout,.task-editor-head,.task-editor-row,.task-create-main-grid,.task-form-grid,.rule-editor-main,.rule-editor-timing,.week-planner,.week-toolbar{align-items:stretch;display:grid}.segmented-control{overflow-x:auto}.day-filter-row{grid-template-columns:1fr}.admin-task-filters,.task-rule-card{grid-template-columns:minmax(0,1fr)}.task-rule-card-meta{grid-template-columns:minmax(0,1fr);min-width:0}.admin-two-column,.admin-task-layout{grid-template-columns:minmax(0,1fr)}.admin-task-layout .task-create-main-grid{grid-template-columns:minmax(150px,.75fr) minmax(0,1.25fr)}.admin-task-layout .task-create-form .task-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-task-layout .task-create-form .task-form-grid>label:first-child{grid-column:1 / -1}.rule-editor-main,.rule-editor-timing{grid-template-columns:minmax(0,1fr)}.rule-summary{grid-template-columns:24px minmax(0,1fr) auto}.rule-hint-indicator{grid-column:2;justify-self:start}.rule-status{grid-column:3;grid-row:1 / span 2}.rule-delete-button,.rule-editor-actions .confirm-delete{margin-left:0}.main-area{padding:16px}}@media(max-width:620px){.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footer,.topbar,.topbar-actions{align-items:stretch;display:grid}.topbar-actions{grid-template-columns:minmax(0,1fr)}.location-switcher{grid-template-columns:16px minmax(0,1fr)}.location-switcher select{grid-column:1 / -1}.admin-tabs{padding:8px 10px}.admin-tab-panel{padding:12px}.form-grid,.task-create-main-grid,.task-form-grid,.admin-task-layout .task-create-main-grid,.admin-task-layout .task-create-form .task-form-grid,.week-planner{grid-template-columns:minmax(0,1fr)}.admin-task-layout .task-create-form .task-form-grid>label:first-child{grid-column:auto}.template-row,.user-row{align-items:stretch;display:grid}.user-admin-controls{grid-template-columns:minmax(0,1fr);margin-left:0}.row-actions{justify-content:flex-start}.rule-summary{gap:8px;padding:10px}}@media print{@page{margin:12mm;size:A4}html,body,#root{background:#fff!important;min-height:auto!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-shell{display:block!important;min-height:auto!important}.sidebar,.topbar,.app-alert,.admin-shell,.print-toolbar{display:none!important}.main-area{display:block!important;overflow:visible!important;padding:0!important}.closure-print-overlay{background:#fff!important;inset:auto!important;overflow:visible!important;padding:0!important;position:static!important}.closure-print-report{border-radius:0!important;box-shadow:none!important;gap:14px!important;margin:0!important;max-width:none!important;padding:0!important}.print-report-header,.print-report-section,.print-meta-grid div,.print-stat-grid div,.print-note-list div,.print-task-table tr{break-inside:avoid;page-break-inside:avoid}.print-brand img{height:46px!important;width:46px!important}.print-brand h1{font-size:24px!important}.print-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.print-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.print-task-table{font-size:9.5px!important}.print-task-table thead{display:table-header-group}.print-task-table th,.print-task-table td{padding:5px 6px!important}}