/* Dashboard-only visual refinement. Order actions and other screens are unchanged. */
.dashboard-mode { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.dashboard-mode .app-shell { box-shadow:none; }
.dashboard-mode .screen { padding:24px 26px 30px; }
.dashboard-mode .app-header { height:64px; }
.dashboard-mode .brand-logo { width:180px; }
.dashboard-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:28px; }
.dashboard-toolbar>div { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px 20px; }
.dashboard-toolbar h1 { font-size:26px; font-weight:650; letter-spacing:-.035em; }
.dashboard-toolbar p { font-size:13px; color:#65717c; margin:0; }
.dashboard-mode .dashboard-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.88fr); gap:20px; }
.dashboard-column + .dashboard-column { border-left:1px solid #edf0f3; padding-left:20px; }
.dashboard-column-header { min-height:72px; display:flex; flex-wrap:wrap; gap:12px; align-content:start; align-items:center; justify-content:space-between; margin-bottom:12px; }
.dashboard-column-header h2 { display:flex; align-items:center; gap:9px; font-size:22px; letter-spacing:-.035em; font-weight:650; margin:0; }
.dashboard-count { border-radius:9px; background:#f4f5f7; color:#53606b; padding:4px 8px; font-size:13px; font-weight:500; letter-spacing:normal; }
.dashboard-switch { display:flex; align-items:center; gap:7px; font-size:12px; color:#53606b; min-height:44px; cursor:pointer; position:relative; }
.dashboard-switch input { position:absolute; opacity:0; width:1px; height:1px; }
.dashboard-switch .switch-track { width:36px; height:22px; padding:2px; flex-shrink:0; }
.dashboard-switch input:checked + .switch-track { background:#1463ff; }
.dashboard-switch input:checked + .switch-track>span { transform:translateX(14px); }
.dashboard-switch input:focus-visible + .switch-track { outline:3px solid #1463ff; outline-offset:3px; }
.dashboard-mode .dashboard-day h3 { padding:10px 12px; margin:0; background:#f2f4f6; font-size:13px; font-weight:600; border-radius:8px; }
.dashboard-day { margin-bottom:18px; }
.dashboard-row { display:flex; gap:12px; align-items:flex-start; width:100%; min-height:78px; text-align:left; border:0; border-bottom:1px solid #e9edf1; background:transparent; border-radius:0; padding:18px 10px; cursor:pointer; color:#15171a; }
.dashboard-row:hover { background:#f7f9fc; }
.dashboard-row:focus-visible { outline:2px solid #1463ff; outline-offset:-2px; border-radius:8px; }
.dashboard-row .avatar { width:38px; height:38px; font-size:12px; font-weight:650; margin-top:2px; filter:saturate(.68); }
.dashboard-row-body { display:grid; gap:5px; min-width:0; flex:1; }
.dashboard-row-heading { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.dashboard-row-heading strong { font-size:15px; font-weight:650; overflow-wrap:anywhere; line-height:1.35; }
.dashboard-row-heading>span { font-size:12px; color:#606b78; white-space:nowrap; }
.dashboard-subtitle,.dashboard-status { color:#65717c; font-size:13px; line-height:1.4; }
.dashboard-status.is-returned { color:#287044; }
.dashboard-mode .dashboard-tags { margin-top:3px; gap:5px; }
.dashboard-mode .dashboard-tags>span { font-size:9px; font-weight:650; padding:4px 6px; background:#f0f2f5; }
.dashboard-mode .dashboard-tags>.needs-attention { background:#fff1de; color:#8b430a; }
.dashboard-mode .balance-due { margin:3px 0 0; font-size:12px; padding:5px 7px; font-weight:650; }
.dashboard-mode .dashboard-empty { padding:20px 12px; margin:0; font-size:12px; line-height:1.5; color:#76808c; }
.dashboard-overdue { background:#fff5f4; border:0; border-radius:10px; padding:0 8px; margin-bottom:20px; }
.dashboard-mode .dashboard-overdue h3 { margin:0; padding:12px 4px; border-bottom:1px solid #f1dfdd; background:transparent; color:#b02825; font-size:14px; font-weight:650; }
.dashboard-overdue .dashboard-row:last-child { border-bottom:0; }
.dashboard-late { color:#b02825; font-size:12px; font-weight:650; }
.battery-widget { margin:0 0 24px; border:1px solid #e2e7ed; border-radius:16px; background:#fbfcfe; overflow:hidden; }
.battery-widget>header { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:11px; padding:15px; background:linear-gradient(135deg,#f2f7ff,#fafcff); }
.battery-widget>header h2 { margin:0; font-size:15px; font-weight:700; letter-spacing:-.015em; }
.battery-widget>header p { margin:2px 0 0; color:#687583; font-size:11px; }
.battery-widget>header>strong { min-width:32px; height:32px; border-radius:10px; display:grid; place-items:center; background:#155bd1; color:white; font-size:15px; }
.battery-icon { position:relative; width:32px; height:20px; border:2px solid #155bd1; border-radius:5px; display:flex; align-items:flex-end; gap:2px; padding:3px; box-sizing:border-box; }
.battery-icon:after { content:""; position:absolute; right:-5px; top:5px; width:3px; height:7px; border-radius:0 2px 2px 0; background:#155bd1; }
.battery-icon span,.battery-icon i,.battery-icon b,.battery-icon em { width:5px; border-radius:2px 2px 1px 1px; background:#155bd1; display:block; }
.battery-icon span { height:5px; }.battery-icon i { height:8px; }.battery-icon b { height:11px; }.battery-icon em { height:8px; }
.battery-day { padding:0 13px 10px; }
.battery-day>h3 { display:flex; justify-content:space-between; align-items:center; margin:0; padding:12px 2px 8px; font-size:12px; color:#596675; }
.battery-day>h3 span { color:#83909c; }
.battery-day details { border-top:1px solid #e8edf2; }
.battery-day summary { display:flex; justify-content:space-between; gap:10px; align-items:center; min-height:43px; padding:0 2px; cursor:pointer; font-size:13px; list-style:none; }
.battery-day summary::-webkit-details-marker { display:none; }
.battery-day summary span:before { content:"›"; display:inline-block; width:14px; color:#7c8792; transition:transform .15s ease; }
.battery-day details[open] summary span:before { transform:rotate(90deg); }
.battery-day summary strong { display:grid; place-items:center; min-width:28px; height:25px; border-radius:8px; background:#e9f1ff; color:#1555b9; font-size:12px; }
.battery-detail { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:8px 2px 8px 16px; color:#5d6874; font-size:11px; line-height:1.35; }
.battery-detail strong { color:#303943; font-weight:650; }
.battery-detail button { border:0; background:transparent; padding:7px; color:#1459cb; font:inherit; font-weight:700; cursor:pointer; white-space:nowrap; }
.battery-missing summary { color:#a43a1d; }
.battery-missing summary strong { background:#fff0e9; color:#a43a1d; }
.battery-alert { margin:0; padding:11px 15px; background:#fff4ed; color:#983d1e; font-size:11px; font-weight:650; }
.battery-empty { margin:0; padding:18px 15px; color:#687583; font-size:12px; line-height:1.45; }
.dashboard-mode .bottom-nav { background:rgba(255,255,255,.97); }
.dashboard-mode .nav-item { font-weight:500; }
.dashboard-mode .nav-item.active { font-weight:650; }
@media (max-width:1000px) {
  .dashboard-mode .dashboard-grid { gap:12px; }
  .dashboard-column + .dashboard-column { padding-left:12px; }
  .dashboard-column-header { min-height:92px; display:block; }
  .dashboard-column-header h2 { font-size:19px; margin-bottom:8px; }
  .dashboard-row { padding:14px 5px; gap:8px; }
  .dashboard-row .avatar { width:30px; height:30px; font-size:10px; }
  .dashboard-row-heading { flex-wrap:wrap; gap:2px 8px; }
  .dashboard-row-heading strong { font-size:14px; }
}
@media (max-width:700px) {
  .dashboard-mode .screen { padding-inline:12px; }
  .dashboard-column-header h2 { font-size:16px; }
  .dashboard-count { padding:3px 5px; font-size:11px; }
  .dashboard-row .avatar { width:26px; height:26px; }
  .dashboard-subtitle,.dashboard-status { font-size:12px; }
}