/* RoadPass Europe v0.18 — Day / Night / Auto skin */
html{color-scheme:light}
html[data-resolved-theme="dark"]{
  color-scheme:dark;
  --bg:#0d1512;
  --card:#14201c;
  --ink:#edf7f2;
  --muted:#9fb2aa;
  --line:#2d4038;
  --accent:#55d3a2;
  --accent2:#193c30;
  --warn:#392f17;
  --danger:#3a2022;
  --shadow:0 18px 60px rgba(0,0,0,.34);
}
html[data-resolved-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-resolved-theme="dark"] .topbar{background:rgba(13,21,18,.90);border-bottom-color:rgba(45,64,56,.88)}
html[data-resolved-theme="dark"] .ghost:hover,
html[data-resolved-theme="dark"] .lang:hover{background:#1c2a25}
html[data-resolved-theme="dark"] .panel,
html[data-resolved-theme="dark"] .country,
html[data-resolved-theme="dark"] .route-country-card,
html[data-resolved-theme="dark"] .pricebox,
html[data-resolved-theme="dark"] .route-profile,
html[data-resolved-theme="dark"] .mode-card,
html[data-resolved-theme="dark"] .check-card,
html[data-resolved-theme="dark"] .box,
html[data-resolved-theme="dark"] .login{background:var(--card)!important;border-color:var(--line)!important;color:var(--ink)}
html[data-resolved-theme="dark"] .field input,
html[data-resolved-theme="dark"] .field select,
html[data-resolved-theme="dark"] input,
html[data-resolved-theme="dark"] select,
html[data-resolved-theme="dark"] textarea{background:#101b17!important;color:var(--ink)!important;border-color:#375047!important}
html[data-resolved-theme="dark"] input::placeholder,
html[data-resolved-theme="dark"] textarea::placeholder{color:#7f948b}
html[data-resolved-theme="dark"] .btn.secondary,
html[data-resolved-theme="dark"] .purchase-tabs,
html[data-resolved-theme="dark"] .planner-summary span,
html[data-resolved-theme="dark"] .badge,
html[data-resolved-theme="dark"] .date-quick-btn{background:#1b2924;color:var(--ink);border-color:#33483f}
html[data-resolved-theme="dark"] .purchase-tab.active,
html[data-resolved-theme="dark"] .tab:not(.active){background:#1a2823;color:var(--ink)}
html[data-resolved-theme="dark"] .tab.active,
html[data-resolved-theme="dark"] .btn.primary{background:#e8f4ef;color:#10221c}
html[data-resolved-theme="dark"] .btn.primary:hover{background:#d4e9e0}
html[data-resolved-theme="dark"] .country:hover,
html[data-resolved-theme="dark"] .country.active{border-color:#55b991;box-shadow:0 0 0 3px rgba(85,211,162,.12)}
html[data-resolved-theme="dark"] .address-suggestions{background:#14201c;border-color:var(--line);box-shadow:0 14px 34px rgba(0,0,0,.42)}
html[data-resolved-theme="dark"] .address-suggestion{background:#14201c;border-color:var(--line)}
html[data-resolved-theme="dark"] .address-suggestion:hover,
html[data-resolved-theme="dark"] .address-suggestion:focus{background:#20312a}
html[data-resolved-theme="dark"] .notice{background:#173529;color:#bfe9d7}
html[data-resolved-theme="dark"] .notice.warn{background:#392f17;color:#f0d98c}
html[data-resolved-theme="dark"] .notice.danger{background:#3a2022;color:#f3babb}
html[data-resolved-theme="dark"] .accounting-tag{background:#173529;color:#91e1bf}
html[data-resolved-theme="dark"] .route-profile-note{background:#101b17;color:#afc0b8;border-color:#30473d}
html[data-resolved-theme="dark"] .route-profile-note strong{color:#e5f5ed}
html[data-resolved-theme="dark"] footer{border-top-color:var(--line)}
html[data-resolved-theme="dark"] a{color:#70d6ae}
html[data-resolved-theme="dark"] .flag-img{border-color:rgba(255,255,255,.18);box-shadow:0 1px 3px rgba(0,0,0,.36)}

.theme-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 2px 10px rgba(16,34,28,.05);vertical-align:middle}
.theme-choice{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px 9px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:700 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;white-space:nowrap}
.theme-choice:hover{background:rgba(10,127,85,.08);color:var(--ink)}
.theme-choice.active{background:var(--ink);color:var(--card);box-shadow:0 1px 5px rgba(0,0,0,.12)}
.theme-icon{font-size:14px;line-height:1}.theme-label{display:inline}
html[data-resolved-theme="dark"] .theme-switch{background:#101b17;border-color:#30463d;box-shadow:none}
html[data-resolved-theme="dark"] .theme-choice:hover{background:#20312a}
html[data-resolved-theme="dark"] .theme-choice.active{background:#edf7f2;color:#10221c}
.theme-switch-floating{position:fixed;right:14px;top:14px;z-index:1000}
.theme-bar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}

/* Standalone invoice / receipt pages */
html[data-resolved-theme="dark"] .page{background:#14201c!important;color:#edf7f2!important;box-shadow:0 12px 30px rgba(0,0,0,.35)!important}
html[data-resolved-theme="dark"] .page .box{background:#101b17!important;border-color:#30463d!important}
html[data-resolved-theme="dark"] .page th{background:#1c2a25!important;color:#edf7f2!important}
html[data-resolved-theme="dark"] .page th,
html[data-resolved-theme="dark"] .page td{border-color:#30463d!important}
html[data-resolved-theme="dark"] .page .note{background:#1c2a25!important}
html[data-resolved-theme="dark"] .wrap{color:#edf7f2}
html[data-resolved-theme="dark"] .wrap .row{border-color:#30463d!important}

@media(max-width:720px){
  .theme-label{display:none}
  .theme-choice{width:31px;padding:6px 5px}
  .theme-switch{flex:0 0 auto}
  .theme-bar-actions{gap:7px}
}
@media(max-width:420px){
  .topbar .theme-switch{padding:2px;gap:1px}
  .topbar .theme-choice{width:27px;min-height:29px;padding:4px 3px}
  .topbar .theme-icon{font-size:12px}
}
@media print{
  html,html[data-resolved-theme="dark"]{color-scheme:light!important}
  html[data-resolved-theme="dark"] body{background:#fff!important;color:#111!important}
  html[data-resolved-theme="dark"] .page{background:#fff!important;color:#10221c!important;box-shadow:none!important}
  html[data-resolved-theme="dark"] .page .box{background:#fff!important;border-color:#dbe4df!important;color:#10221c!important}
  html[data-resolved-theme="dark"] .page th{background:#f5f8f6!important;color:#10221c!important}
  html[data-resolved-theme="dark"] .page th,html[data-resolved-theme="dark"] .page td{border-color:#dbe4df!important;color:#10221c!important}
  html[data-resolved-theme="dark"] .page .note{background:#f2f6f4!important;color:#10221c!important}
  .theme-switch{display:none!important}
}
@media(max-width:420px){
  .topbar .brand>span:last-child b{display:none}
  .topbar .lang{max-width:92px}
}
