/* Screen modes, explicitly loaded by staff and demo pages; homepage stays unchanged. */
@media screen {
 html[data-display-mode="light"] {
  color-scheme:light;
  --kr-bg:#f5f7fa;--kr-surface:#fff;--kr-raised:#edf1f5;
  --kr-border:#ced6e0;--kr-border-strong:#758397;--kr-text:#1b293b;--kr-muted:#526174;
  --kr-accent:#176b36;--kr-accent-hover:#105329;--kr-focus:#176b36;--kr-accent-soft:#e8f4eb;
  --kr-accent-border:#558566;--kr-accent-glow:#176b3620;--kr-on-accent:#fff;--kr-red:#b42318;--kr-blue:#185ca0;
 }
 html[data-mode-pending] :is(.staff-gate,.app-shell){visibility:hidden}
 .primary{color:var(--kr-on-accent,#07110a)}
 .primary:hover{background:var(--kr-accent-hover,#39ff7a);border-color:var(--kr-accent-hover,#39ff7a)}
 :is(button,input,select,textarea,a):focus-visible{outline-color:var(--kr-focus,var(--kr-accent))}
 .display-mode-toggle.secondary{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;flex:none;font-size:1.25rem;line-height:1}
 .display-mode-mobile.secondary{display:none}
 #display-mode-message{pointer-events:none;position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:50;max-width:calc(100% - 24px);padding:12px 16px;background:var(--kr-raised);color:var(--kr-text);border:1px solid var(--kr-border-strong);border-radius:6px;box-shadow:0 4px 18px #0004}
 #display-mode-message:empty{display:none}
 html[data-display-mode="light"] input::placeholder,html[data-display-mode="light"] textarea::placeholder{color:var(--kr-muted)}
 html[data-display-mode="light"] .status.in{background:#e6f4eb;color:#166534;border-color:#67a37c}
 html[data-display-mode="light"] .status.out{background:#e7f0fb;color:var(--kr-blue);border-color:#688eb4}
 html[data-display-mode="light"] :is(.status.overdue,.status.missing){background:#fff0ed;color:var(--kr-red);border-color:#c37670}
 html[data-display-mode="light"] :is(.status.unavailable,.status.archived){background:#edf1f5;color:#526174}
 html[data-display-mode="light"] .key-row.is-missing{background:#fff2ef}
 html[data-display-mode="light"] .key-row.is-missing:hover{background:#ffe6e1}
 html[data-display-mode="light"] .case-warning{color:var(--kr-red)!important}
 html[data-display-mode="light"] .handover-motion-card{background:var(--kr-surface);border-color:var(--kr-border-strong);color:var(--kr-text);box-shadow:0 16px 50px #0003}
 html[data-display-mode="light"] :is(.handover-motion-kicker,.handover-motion-labels){color:var(--kr-muted)}
 html[data-display-mode="light"] .handover-motion-code{color:var(--kr-text)}
 html[data-display-mode="light"] .handover-motion.is-checkout{--handover-color:#185ca0;--handover-glow:#185ca040}
 html[data-display-mode="light"] .handover-motion.is-return{--handover-color:#166534;--handover-glow:#16653440}
 html[data-display-mode="light"] .handover-motion-key{background:var(--kr-raised)}
 html[data-display-mode="light"] .handover-motion-node{background:#166534;box-shadow:0 0 0 5px var(--kr-surface)}
 html[data-display-mode="light"] .handover-motion-node-end{background:#185ca0}
 html[data-display-mode="light"] .handover-motion-line{background:linear-gradient(90deg,#166534,#185ca0);box-shadow:none}
 .audit-item{border-color:var(--kr-border)}.audit-resolution{border-color:var(--kr-accent)}
 .case-confirm input{accent-color:var(--kr-accent)}.panel-footer [data-export] small{color:var(--kr-muted)}
 @media(max-width:760px){.display-mode-desktop.secondary{display:none}.mobile-menu .display-mode-mobile.secondary{display:inline-flex}.mobile-menu{gap:6px}}
 @media(max-width:360px){.app-shell .rail{padding:10px;gap:6px}.app-shell .rail>.brand{font-size:.95rem;gap:6px}.app-shell .rail>.brand .brand-mark{width:32px;height:32px}.mobile-menu{gap:4px}}
}
@media print{
 #display-mode-message,.display-mode-toggle{display:none!important}
 html,body{background:#fff!important;color:#000!important;color-scheme:light}
 .print-label,.print-label :is(strong,small){color:#000!important;background:#fff!important}
}