/* Bruv NEW LOOK for the whole app (Luke, 2026-10-16): deep navy, glass cards, green-blue glow, green buttons and tabs. Red stays for late/danger only.
   Applied when <html data-kept-look="navy"> (the default; set before the page paints, see build.mjs). Settings has a switch to "Follow my phone".
   Windows (dialogs) are themed separately in kept-polish.js. Printing (invoices, the return) always goes back to plain white. */
:root[data-kept-look="navy"]{
  --paper:#0f1a3c;--paper2:#16254f;--paper3:rgba(255,255,255,.055);--ink:#eef2fb;--ink2:#a9b4d0;--rule:rgba(255,255,255,.12);
  --stamp:#ff6b62;--stamp2:#ff8a7a;--ok:#4ee08a;--ok2:rgba(78,224,138,.14);--warn:#f2b705;--warn2:rgba(242,183,5,.14);--bad2:rgba(255,107,98,.14);
  --shadow:0 18px 50px -26px rgba(0,0,0,.75);color-scheme:dark}
:root[data-kept-look="navy"] body{background:radial-gradient(120% 60% at 50% -8%,#2a56b0 0%,#15275a 50%,#0b1636 100%) fixed;background-color:#0f1a3c}
:root[data-kept-look="navy"] header{background:rgba(15,26,60,.78);border-bottom-color:rgba(255,255,255,.1)}
:root[data-kept-look="navy"] .bottom{background:rgba(15,26,60,.92);border-top-color:rgba(255,255,255,.1)}
:root[data-kept-look="navy"] .card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.12)}
:root[data-kept-look="navy"] .card.flat{background:rgba(255,255,255,.05);border-color:transparent}
:root[data-kept-look="navy"] .card.hero{background:linear-gradient(135deg,#10265c,#0a3a5c 60%,#0a4a46);color:#fff;border-color:rgba(255,255,255,.14)}
:root[data-kept-look="navy"] .card.hero .eyebrow,:root[data-kept-look="navy"] .card.hero .sub{color:rgba(255,255,255,.72)}
:root[data-kept-look="navy"] .card.hero::after{background:radial-gradient(circle,rgba(0,230,118,.4),transparent 70%)}
:root[data-kept-look="navy"] .tabs{background:rgba(255,255,255,.07)}
:root[data-kept-look="navy"] .tabs button[aria-selected="true"]{background:linear-gradient(135deg,#00e676,#00b0ff);color:#03161f;box-shadow:0 8px 22px -10px rgba(0,230,118,.6)}
:root[data-kept-look="navy"] .bottom .tabs button[aria-selected="true"]{background:rgba(0,230,118,.14);color:#4ee08a;box-shadow:none}
:root[data-kept-look="navy"] .btn{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:#eef2fb}
:root[data-kept-look="navy"] .btn:hover{border-color:#00e676}
:root[data-kept-look="navy"] .btn.primary,:root[data-kept-look="navy"] .btn.ink{background:linear-gradient(135deg,#00e676 0%,#00b0ff 60%,#c6ff00 100%);border-color:transparent;color:#03161f;font-weight:800;box-shadow:0 12px 30px -14px rgba(0,230,118,.6)}
:root[data-kept-look="navy"] .btn.ghost{background:transparent}
:root[data-kept-look="navy"] .fab{background:linear-gradient(135deg,#00e676,#00b0ff);color:#03161f;box-shadow:0 14px 36px -10px rgba(0,230,118,.6)}
:root[data-kept-look="navy"] .iconbtn{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:#eef2fb}
:root[data-kept-look="navy"] :focus-visible{outline-color:#00e676}
:root[data-kept-look="navy"] .in{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}
:root[data-kept-look="navy"] .in:focus{border-color:#00e676;box-shadow:0 0 0 3px rgba(0,230,118,.2)}
:root[data-kept-look="navy"] .chip{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:#d4dcf2}
:root[data-kept-look="navy"] .chip[aria-pressed="true"],:root[data-kept-look="navy"] .seg button[aria-pressed="true"]{background:linear-gradient(135deg,#00e676,#00b0ff);color:#03161f;border-color:transparent}
:root[data-kept-look="navy"] .seg{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}
:root[data-kept-look="navy"] .seg.inout button[aria-pressed="true"][data-v="out"]{background:linear-gradient(135deg,#ff6b62,#ff8a1f);color:#fff}
:root[data-kept-look="navy"] .switch input:checked{background:#00e676}
:root[data-kept-look="navy"] .tx:hover{background:rgba(255,255,255,.05)}
:root[data-kept-look="navy"] .stamp{color:#4ee08a;border-color:#4ee08a}
:root[data-kept-look="navy"] .meter i{background:linear-gradient(90deg,#00e676,#f2b705,#ff6b62)}
:root[data-kept-look="navy"] .scan{background:rgba(255,255,255,.05)}
:root[data-kept-look="navy"] .toast{background:rgba(16,28,60,.96);color:#fff;border:1px solid rgba(255,255,255,.18)}
:root[data-kept-look="navy"] .box.big,:root[data-kept-look="navy"] .box .n{background:rgba(255,255,255,.06)}
:root[data-kept-look="navy"] tr.total td{border-top-color:rgba(255,255,255,.4)}
:root[data-kept-look="navy"] footer a{color:#7ff0c0}
@media print{
  :root[data-kept-look="navy"]{--paper:#fff;--paper2:#f3f2ec;--paper3:#fff;--ink:#141a2b;--ink2:#5a6072;--rule:#cfcdc3;--stamp:#d8322f;--ok:#2f7a4a;--ok2:#e2f0e6;--bad2:#f8e1df;color-scheme:light}
  :root[data-kept-look="navy"] body{background:#fff!important;color:#000}
}