/* Night interface. Screen only so printed movement sheets remain unchanged. */
@media screen {
  :root[data-theme="dark"] {
    --bg:#080f1c; --ink:#e4edf8; --muted:#98aec8;
    --border:#263953; --blue:#38bdf8;
  }
  [data-theme="dark"] body {background:#080f1c}
  [data-theme="dark"] .shell {
    background:radial-gradient(ellipse at 90% 0%,#12315080,transparent 42%),#080f1c;
    min-height:100vh;
  }
  [data-theme="dark"] .main {background:transparent;padding-top:30px}
  [data-theme="dark"] .side {
    background:linear-gradient(180deg,#102139,#0b1525 65%);
    border-right:1px solid #2a4963;
    box-shadow:8px 0 40px #0002;
  }
  [data-theme="dark"] .brand span {color:#84a9c7;letter-spacing:2px;line-height:1.8}
  [data-theme="dark"] .brand img {border:1px solid #587c97;border-radius:16px}
  [data-theme="dark"] .nav button {
    border:1px solid transparent;border-radius:12px;padding:13px 14px;
    color:#a9bdd4;transition:background .18s,border-color .18s,color .18s;
  }
  [data-theme="dark"] .nav button:hover {background:#173049;border-color:#30516e;color:#ecf7ff}
  [data-theme="dark"] .nav button.active {
    background:linear-gradient(100deg,#17405a,#142b42);border-color:#326481;
    color:#bdedff;box-shadow:inset 3px 0 #50d5f5,0 6px 20px #0002;
  }
  [data-theme="dark"] .top {border-bottom:1px solid #2a405a;padding-bottom:20px}
  [data-theme="dark"] .top h1 {font-weight:750;letter-spacing:-.8px;color:#edf7ff}
  [data-theme="dark"] .top .user {background:#101f33;border-color:#2a405a;border-radius:12px}
  [data-theme="dark"] :is(.page-intro,.card,.panel,.loginbox,.modal>div) {
    background:linear-gradient(145deg,#13243a,#101d30);
    border:1px solid #2a3e58;border-radius:16px;
    box-shadow:0 12px 32px #0002,inset 0 1px #ffffff05;
  }
  [data-theme="dark"] .page-intro {border-left:3px solid #49c9ec;padding:24px 26px}
  [data-theme="dark"] :is(.eyebrow,.page-intro .eyebrow) {color:#7bdbf6;letter-spacing:1.8px}
  [data-theme="dark"] .page-intro .muted {color:#b2c5d9}
  [data-theme="dark"] .card {border-top:2px solid #49bede}
  [data-theme="dark"] .metric {color:#8de3ff;font-variant-numeric:tabular-nums}
  [data-theme="dark"] :is(.toolbar,.day-toolbar,.planning-tools) {
    background:#0f1c2e;border-color:#283e58;border-radius:13px;
  }
  [data-theme="dark"] :is(input,select,textarea,.planning-search) {
    background:#0a1728;color:#e4edf8;border-color:#36516e;border-radius:10px;
  }
  [data-theme="dark"] .planning-search input {background:transparent}
  [data-theme="dark"] :is(button,input,select,textarea,summary):focus-visible {
    outline:2px solid #69ddff;outline-offset:3px;
  }
  [data-theme="dark"] .btn {
    background:linear-gradient(135deg,#197aa5,#285ca5);border-color:#438caf;
    color:#fff;border-radius:10px;font-weight:650;
  }
  [data-theme="dark"] .btn:hover {background:linear-gradient(135deg,#218bb7,#326bb6)}
  [data-theme="dark"] :is(.btn.secondary,.language-choice) {
    background:#162d45;border-color:#34516e;color:#cbe5fa;
  }
  [data-theme="dark"] :is(.btn.secondary:hover,.language-choice:hover) {background:#203e59}
  [data-theme="dark"] .language-choice.active {background:#214c68;border-color:#4c96b4;color:#d7f7ff}
  [data-theme="dark"] .btn.whatsapp {background:#175540;border-color:#39876b;color:#c9ffe5}
  [data-theme="dark"] .btn.whatsapp:hover {background:#21694f}
  [data-theme="dark"] .btn.danger {background:#402333;border-color:#794458;color:#ffc2ce}
  [data-theme="dark"] .btn.danger:hover {background:#563043}
  [data-theme="dark"] .vehicle-group {background:#0e1b2c;border-color:#2a425b;border-radius:12px;overflow:visible}
  [data-theme="dark"] .vehicle-heading {background:#172b41;border-radius:11px 11px 0 0}
  [data-theme="dark"] .movement-list li {border-color:#22364d}
  [data-theme="dark"] .movement-list li:hover {background:#193148}
  [data-theme="dark"] .person b {font-size:13px;color:#e5f0fc;font-weight:650}
  [data-theme="dark"] .person small {font-size:11px;color:#9cb4cc}
  [data-theme="dark"] .unassigned {background:#141f2c;border-color:#645a42}
  [data-theme="dark"] .unassigned .vehicle-heading {background:#292b2a}
  [data-theme="dark"] .unassigned .movement-list li:hover {background:#252e36}
  [data-theme="dark"] .calendar-day {background:#102035;border-color:#2b405b;border-radius:11px}
  [data-theme="dark"] .calendar-day:hover {background:#1a334b;border-color:#527b99}
  [data-theme="dark"] .calendar-day.selected {
    background:linear-gradient(135deg,#1b6685,#274f83);border-color:#71d4ee;
    box-shadow:inset 0 0 0 1px #54b9d1;color:#fff;
  }
  [data-theme="dark"] th {background:#102238;color:#aac6df;letter-spacing:1px}
  [data-theme="dark"] td {border-color:#293d55}
  [data-theme="dark"] tbody tr:hover {background:#193148}
  [data-theme="dark"] .tag {border-radius:7px;border-color:#36516d}
  [data-theme="dark"] .tag.up {border-color:#32624f}
  [data-theme="dark"] .tag.down {border-color:#705538}
  [data-theme="dark"] .login {background:radial-gradient(ellipse at 20% 10%,#15476b80,transparent 55%),#080f1c}
  [data-theme="dark"] .modal {background:#050c18cc;backdrop-filter:blur(8px)}
  @media(max-width:650px) {
    [data-theme="dark"] .main {padding-top:18px}
    [data-theme="dark"] .page-intro {padding:18px}
    [data-theme="dark"] .nav button {padding:10px 12px}
  }
  @media(prefers-reduced-motion:reduce) {
    [data-theme="dark"] *,[data-theme="dark"] *::before,[data-theme="dark"] *::after {transition:none!important;animation:none!important}
  }
}