:root{--surface:#fff;--surface-2:#f6f8fc;--canvas:#f5f7fa;--ink:#17263b;--muted:#63758c;--line:#dce4ee;--accent:#c8f56b;--accent-ink:#142208;--focus:#5b7e26}html[data-accent=blue]{--accent:#85cfff;--accent-ink:#09263c;--focus:#266a9c}html[data-accent=violet]{--accent:#c5b3ff;--accent-ink:#281743;--focus:#7052b1}html[data-theme=dark]{--surface:#162235;--surface-2:#1d2b40;--canvas:#0d1624;--ink:#e5edf8;--muted:#adbbce;--line:#34445c;--focus:var(--accent)}
body{background:var(--canvas);color:var(--ink)}.topbar,.panel,.metric,.login-panel,dialog,.settings-side{background:var(--surface);color:var(--ink)}.main-shell{background:var(--canvas)}.sidebar{background:#101b2d}.panel,.metric,.topbar,.panel-header,.savebar,.modal-footer,td,.status-row{border-color:var(--line)}button,button.primary{background:var(--ink);color:var(--surface)}.theme-toggle{width:38px;min-height:36px;font-size:23px;padding:3px;border:1px solid var(--line)!important;border-radius:50%;color:var(--ink)!important;background:var(--surface-2)!important}.header-actions{gap:10px}.sidebar nav button.active{background:var(--accent)!important;color:var(--accent-ink)!important}.sidebar nav button{background:transparent;color:#b3c2d8}input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--line)}input:focus,select:focus,textarea:focus,button:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}input[readonly],.permission-item,.attendance-config-row,.route-box,.savebar,.modal-footer,th,.commission-formats>.panel{background:var(--surface-2);color:var(--ink)}td,td strong,.breadcrumb strong,summary,.page-heading h1,.panel h2,.status-row strong,.field>span{color:var(--ink)}.panel-header p,.page-heading p,.metric-top,.metric small,.status-row span:first-child,.attendance-sync,.attendance-sub,.split-label,.setting-copy p,.empty{color:var(--muted)}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px;align-items:start}.settings-content{min-width:0}.settings-side{border:1px solid var(--line);border-radius:14px;position:sticky;top:20px;overflow:hidden}.settings-category{padding:14px;border-top:1px solid var(--line)}.settings-category:first-child{border:0}.settings-category summary{font-weight:650;line-height:1.6;padding:3px 0}.settings-category button{display:block;width:100%;text-align:left;margin-top:8px;white-space:normal;background:transparent;color:var(--muted)}.settings-category button.selected,.theme-choice.selected{border-color:var(--focus);background:var(--surface-2);color:var(--ink)}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:12px 0 24px}.theme-choice{padding:26px 14px;border:2px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);display:grid;gap:16px;text-align:center}.theme-choice.selected{box-shadow:0 0 0 1px var(--focus)}.theme-preview{font-size:32px}.theme-choice[data-choice=lime] .theme-preview{color:#86b42f}.theme-choice[data-choice=blue] .theme-preview{color:#429edb}.theme-choice[data-choice=violet] .theme-preview{color:#9a7ce5}.theme-demo{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.theme-demo input{max-width:250px}.settings-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{padding:22px;text-align:left;display:grid;gap:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink)}.settings-card span{font-size:12px;color:var(--muted)}.nav-settings-group{padding:8px 0;border-color:#34445c}.nav-settings-group summary{padding:12px;color:#b3c2d8;font-size:12px}.nav-settings-group button{padding-left:24px}.dashboard-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 24px}.dashboard-cards .metric{margin:0}.dashboard-cards .metric strong{font-size:26px;overflow-wrap:anywhere}.dashboard-section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:22px 0 12px}.dashboard-section-title h2{font-size:16px;margin:0}.dashboard-filters{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:14px;align-items:end}.dashboard-filters .field{margin:0}.dashboard-sync{font-size:12px;color:var(--muted);min-height:20px;margin:10px 0}.dashboard-empty{padding:24px;background:var(--surface-2);border:1px dashed var(--line);border-radius:12px}.settings-audit{font-size:12px;color:var(--muted);line-height:1.8}
html[data-theme=dark] .note{background:#243226;border-color:#486040;color:#d2e6ba}html[data-theme=dark] .note.warn{background:#3b3020;border-color:#746140;color:#f4d59b}html[data-theme=dark] .tag.green{background:#234333;color:#ace5c4}html[data-theme=dark] .tag.gold{background:#44371e;color:#f1d18c}html[data-theme=dark] .tag.red{background:#442833;color:#ffb7c0}html[data-theme=dark] .tag.gray,html[data-theme=dark] .attendance-page .tag.gray{background:#304158;color:#cfdbef}html[data-theme=dark] .tag{background:#304158;color:#cfdbef}html[data-theme=dark] .ghost{color:#c3d2e6}html[data-theme=dark] .attendance-config-row .attendance-actions button{background:var(--surface);color:var(--ink);border-color:var(--line)}html[data-theme=dark] #message{background:#3a2c20;color:#ffd6ad}html[data-theme=dark] #message.success{background:#223c2d;color:#c3e7a8}html[data-theme=dark] .login-screen{background:var(--canvas)}html[data-theme=dark] .header-actions select,html[data-theme=dark] .login-language select{color:var(--ink)}html[data-theme=dark] .avatar{background:#334b39;color:#dbefcb}html[data-theme=dark] .metric small,html[data-theme=dark] td small,html[data-theme=dark] .eyebrow,html[data-theme=dark] .split-label,html[data-theme=dark] #page-footer{color:#a9bad0}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#91a5be}html[data-theme=dark] .permission-item small{color:#aabbd0}html[data-theme=dark] .business-toolbar,html[data-theme=dark] .pending-contact{border-color:var(--line)}html[data-theme=dark] .v8-compact{background:var(--surface-2)}html[data-theme=dark] .attendance-finish{color:#ffb7c0!important}
html[data-density=compact] main{padding-top:22px}html[data-density=compact] .panel-body{padding:16px 18px}html[data-density=compact] .setting-row{padding:12px 0}html[data-density=compact] td{padding-top:10px;padding-bottom:10px}html[data-density=compact] .metric{padding:15px 18px}html[data-motion=reduced] *,html[data-motion=reduced] *::before,html[data-motion=reduced] *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media(max-width:1150px){.settings-layout{grid-template-columns:minmax(0,1fr) 215px}.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.settings-layout{display:flex;flex-direction:column-reverse;gap:16px}.settings-side,.settings-content{width:100%;position:static}.settings-side{display:grid;grid-template-columns:1fr 1fr}.settings-category{border-top:0;border-bottom:1px solid var(--line)}.theme-options{grid-template-columns:1fr;gap:10px}.theme-choice{display:flex;align-items:center;padding:16px;gap:20px}.settings-cards{grid-template-columns:1fr}.dashboard-cards{gap:10px}.dashboard-cards .metric strong{font-size:23px}.dashboard-filters{grid-template-columns:1fr}.nav-settings-group{flex:0 0 auto;min-width:130px}.nav-settings-group[open]{max-width:250px}.topbar{height:auto;min-height:60px;padding-block:10px}.header-actions{flex-wrap:wrap}.login-language{display:flex;align-items:center;gap:8px}.dashboard-section-title{align-items:flex-start;flex-direction:column}}

:root{--lime:var(--accent)}.switch input:checked+span{background:var(--focus)}.settings-side button:hover,.theme-choice:hover,.settings-card:hover{border-color:var(--focus)}
html[data-theme=dark] .v8-compact input[readonly]{background:var(--surface-2);color:var(--ink)}

.orbit-art b{color:var(--accent)}
.theme-options:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.theme-options:has(>:nth-child(2):last-child){grid-template-columns:1fr}}

/* V8.3: visible daily work, compact grouped settings, and platform operations. */
.nav-search{display:block;width:100%;min-width:0;margin:4px 0 12px;padding:10px 12px;border:1px solid #34445c;background:#17263b;color:#edf3fc;border-radius:9px;font-size:12px}.nav-search::placeholder{color:#aebed2}.nav-items{min-width:0}.nav-items>button{width:100%}.nav-settings-group{border-top:1px solid #293b54;margin-top:8px}.nav-settings-group summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none}.nav-settings-group summary::before{content:'›';font-size:17px}.nav-settings-group[open] summary::before{transform:rotate(90deg)}.nav-settings-group summary>span{flex:1}.nav-settings-group summary.has-current{color:#edf5ff}.nav-count{border:1px solid #43536b;border-radius:20px;min-width:22px;text-align:center;font-size:10px}.nav-empty{font-size:12px;color:#b3c2d8;padding:12px}.platform-reminder{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.platform-reminder:last-child{border:0}.platform-reminder button{flex-shrink:0}.platform-reminder span{overflow-wrap:anywhere}
@media(max-width:700px){#nav{display:block}.nav-search{width:100%;margin-bottom:8px}.nav-items{display:flex;gap:6px;flex-wrap:wrap}.nav-items>button{width:auto;flex:0 1 auto}.nav-settings-group{flex:1 1 150px;margin:0}.nav-settings-group[open]{max-width:none}.nav-settings-group button{width:100%;white-space:normal}.platform-reminder{align-items:flex-start}}

.sidebar #nav{min-height:0;overflow-y:auto;padding-right:3px;flex:1}.sidebar-footer{flex-shrink:0}@media(max-width:700px){.sidebar #nav{overflow:visible;flex:initial}}

/* V8.4: fixed search sizing; the menu alone receives leftover sidebar height. */
.sidebar #nav{display:flex;flex-direction:column;gap:0;overflow:hidden}.sidebar #nav .nav-search{height:36px;min-height:36px;max-height:36px;flex:0 0 36px;align-self:stretch;box-sizing:border-box;padding:7px 11px;line-height:20px;border-radius:8px}.sidebar #nav .nav-items{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-right:3px}.theme-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px;min-height:34px!important;padding:7px!important;border-radius:10px!important;background:transparent!important;border:1px solid var(--line)!important;box-shadow:none;transition:background .15s,border-color .15s}.theme-toggle svg{display:block;width:18px;height:18px;flex:none}.theme-toggle:hover{background:var(--surface-2)!important;border-color:var(--focus)!important}.theme-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media(max-width:700px){.sidebar #nav{overflow:visible}.sidebar #nav .nav-items{flex:initial;overflow:visible}.sidebar #nav .nav-search{flex-basis:36px}}

.dashboard-filters button.primary,.dashboard-filters button.primary:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.dashboard-filters button.primary:hover{filter:brightness(1.06)}

/* V8.5 attendance actions, staff directory and independent reception. */
.attendance-form{display:block;max-width:none}.attendance-form>.field{max-width:800px}.attendance-form .attendance-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:stretch}.attendance-page .attendance-actions .attendance-action-card{display:flex;align-items:center;gap:13px;text-align:left;min-height:90px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--ink);box-shadow:0 3px 12px #00000008;transition:transform .15s,border-color .15s,box-shadow .15s}.attendance-page .attendance-action-card:hover:enabled{transform:translateY(-2px);border-color:var(--focus);box-shadow:0 6px 18px #00000015}.attendance-action-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--surface);color:var(--focus)}.attendance-action-icon svg{width:20px;height:20px}.attendance-action-copy{display:grid;gap:7px;min-width:0}.attendance-action-copy strong{font-size:14px}.attendance-action-copy small{font-size:11px;font-weight:400;color:var(--muted);line-height:1.5}.attendance-page .attendance-action-card[aria-pressed=true]{opacity:1;border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.attendance-page .attendance-action-card[data-state=off_duty] .attendance-action-icon{color:#c36372;background:#c3637218}.attendance-page .attendance-action-card:disabled:not([aria-pressed=true]){opacity:.6;box-shadow:none}.attendance-config-row{grid-template-columns:minmax(150px,2fr) minmax(130px,2fr) 65px 80px}.attendance-action-rules{grid-column:1/-1;padding:12px 0 0;margin-top:8px}.attendance-action-rules summary{font-weight:600}.attendance-action-rules .attendance-rule-grid{margin-top:16px}.attendance-action-rules+.attendance-actions{grid-column:1/-1}.reception-form{max-width:800px}.reception-form textarea{min-height:130px}.reception-form .actions{margin-top:18px}.account-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;margin:18px 0}.account-filters .field{margin:0;min-width:0}.account-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0}.account-toolbar>span{font-size:12px;color:var(--muted)}.account-toolbar~.panel td:first-child input{width:17px;height:17px;accent-color:var(--focus)}.sidebar .nav-items{overflow-anchor:none;scroll-behavior:auto!important}.reception-form button.primary{background:var(--accent);color:var(--accent-ink)}
@media(max-width:950px){.account-filters{grid-template-columns:1fr 1fr}}@media(max-width:700px){.attendance-form .attendance-actions{grid-template-columns:1fr 1fr}.attendance-page .attendance-actions .attendance-action-card{min-height:96px;padding:13px;gap:9px}.attendance-action-icon{width:30px;height:30px;flex-basis:30px}.attendance-action-copy strong{font-size:12px}.account-filters{grid-template-columns:1fr}.attendance-action-rules .attendance-rule-grid{grid-template-columns:1fr}}

html{background:var(--canvas)}body,.main-shell{min-height:100vh}html[data-theme=dark] button.ghost:hover{background:var(--surface-2);color:var(--ink)}.account-toolbar button.primary:hover{background:var(--ink);color:var(--surface)}.attendance-config-row{border-color:var(--line)}@media(min-width:1200px){.attendance-form .attendance-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.attendance-page .attendance-actions .attendance-action-card{padding:16px 12px;gap:10px}}@media(max-width:700px){.attendance-form .attendance-actions>.attendance-action-card:last-child:nth-child(odd){grid-column:1/-1}}

/* V8.6 settings: compact groups, progressive action rules and clear save area. */
.reception-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-search{max-width:560px;margin:0 0 20px}.settings-search input{height:40px}
.settings-search-results:not(:empty){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}
.settings-layout[hidden]{display:none}.settings-card{gap:10px;text-align:start}.settings-card span{color:var(--muted);line-height:1.7}.settings-card small{color:var(--accent);font-weight:600}
.attendance-config-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.attendance-config-row{display:flex;flex-direction:column;padding:18px;gap:16px;min-width:0;border-radius:14px;background:var(--surface)}
.attendance-config-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.attendance-config-heading strong{overflow-wrap:anywhere}
.attendance-config-row .attendance-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attendance-config-switches{display:flex;flex-wrap:wrap;gap:24px}.attendance-config-switches label{display:flex;align-items:center;gap:8px}.attendance-config-switches input{width:18px;height:18px;accent-color:var(--accent)}
.attendance-action-rules{border:1px solid var(--line);border-radius:10px;padding:12px}.attendance-action-rules summary{cursor:pointer;font-weight:600;padding:4px}.attendance-action-rules[open] summary{margin-bottom:14px}.attendance-config-row>.attendance-actions{margin-top:auto;padding-top:4px}
.attendance-savebar{position:sticky;bottom:12px;z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px;box-shadow:0 8px 28px #0002;justify-content:space-between}.attendance-savebar span{color:var(--muted);font-size:13px}
@media(max-width:1050px){.attendance-config-list{grid-template-columns:1fr}}
@media(max-width:700px){.reception-summary,.settings-search-results:not(:empty){grid-template-columns:1fr}.attendance-config-row .attendance-rule-grid{grid-template-columns:1fr}.attendance-savebar{position:static}.attendance-savebar button{width:100%}}

.attendance-config-list{align-items:start}.attendance-config-row{align-items:stretch}.attendance-config-heading,.attendance-config-row>.attendance-rule-grid,.attendance-config-switches,.attendance-action-rules{width:100%;box-sizing:border-box}.attendance-config-row>.attendance-actions{justify-content:flex-end}.attendance-action-rules summary{text-align:start}

.legacy-mapping{display:block;margin-top:20px}.legacy-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.legacy-columns>details{grid-column:1/-1}.legacy-columns summary{cursor:pointer;padding:10px;font-weight:600}.legacy-results{margin-top:16px}.legacy-mapping input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.legacy-mapping .attendance-rule-grid{max-width:none}
@media(max-width:1000px){.legacy-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.legacy-columns{grid-template-columns:1fr}.legacy-mapping .attendance-rule-grid{grid-template-columns:1fr}}
.legacy-results .table-wrap{max-height:440px;overflow:auto}.legacy-preview .table-wrap{max-height:360px;overflow:auto}.legacy-columns>details .table-wrap{max-height:240px;overflow:auto}.legacy-results thead th,.legacy-preview thead th{position:sticky;top:0;z-index:1;background:var(--surface-2)}