/* Leonis Cargo System portal. Looks are picked with the THEME button. */
:root{--navy:#071b3e;--gold:#e8a223;--goldl:#fcda44;--blue:#0583c0;--cyan:#00bff3;--cyanl:#84d5f7}

/* Nine themes from the THEME button. Button colors keep their meaning in every theme:
   yellow New, lime Save and Apply, pink Import, red Trash. */
:root{--yellow:#FFC400;--lime:#C6FF00;--pink:#FF1F8F;--red:#E5484D}
.tA,.tB,.tC,.tD,.tE,.tF,.tG,.tH,.tI{--acc:var(--yellow);--acc2:#FFD24D;--accink:#14121F;--accsh:0 8px 20px -10px rgba(255,196,0,.8);
  --r:14px;--rs:9px;--navline:inset 0 -2px 0 var(--yellow);--warnbg:#fff7e0;--warnb:#f0c36b}
/* A  Clear (default) */
.tA{--bg:#f6f8fa;--top:#ffffffee;--panel:#fff;--pb:#E3E7EB;--ink:#14181F;--muted:#5B6670;--head:#14181F;
  --link:#0B6E70;--fbg:#fff;--fb:#cfd6dd;--fink:#14181F;--focus:#00C2E0;--soft:#f6f8fa;--soft2:#eef1f4;
  --bar:linear-gradient(90deg,#00C2E0,#5EF2A0);--danger:#C0392B;--ok:#0A7D44;
  --font:'Inter',system-ui,sans-serif;--fh:'Poppins',system-ui,sans-serif;--mono:'IBM Plex Mono',monospace;
  --navon:#eef1f4;--navonink:#14181F;--hex:#14181F}
/* B  Night */
.tB{--bg:#16191E;--top:#1D2127f2;--panel:#1D2127;--pb:#2E343C;--ink:#EEF1F4;--muted:#9AA4AE;--head:#fff;
  --link:#00C2E0;--fbg:#16191E;--fb:#39414b;--fink:#EEF1F4;--focus:#00C2E0;--soft:#22272e;--soft2:#2a3038;
  --bar:linear-gradient(90deg,#00C2E0,#3DDC84);--danger:#ff6b6b;--ok:#3DDC84;--warnbg:rgba(255,196,0,.1);--warnb:rgba(255,196,0,.45);
  --font:'Inter',system-ui,sans-serif;--fh:'Poppins',system-ui,sans-serif;--mono:'IBM Plex Mono',monospace;
  --navon:#2a3038;--navonink:#fff;--hex:#00C2E0}
/* C  Terminal (like Ubuntu) */
.tC{--bg:#300A24;--top:#3B0E2D;--panel:#2A0820;--pb:#55203F;--ink:#F2EDF0;--muted:#B9A3B2;--head:#8AE234;
  --link:#8AE234;--fbg:rgba(0,0,0,.25);--fb:#55203F;--fink:#F2EDF0;--focus:#8AE234;--soft:rgba(0,0,0,.2);--soft2:rgba(238,238,236,.1);
  --bar:#8AE234;--danger:#ef2929;--ok:#8AE234;--warnbg:rgba(233,84,32,.12);--warnb:rgba(233,84,32,.5);
  --font:'Ubuntu Mono',monospace;--fh:'Ubuntu Mono',monospace;--mono:'Ubuntu Mono',monospace;
  --r:10px;--rs:6px;--navon:#F2EDF0;--navonink:#300A24;--navline:none;--hex:#E95420;font-size:17px}
/* D  DOS */
.tD{--bg:#000;--top:#0000A8;--panel:#000;--pb:#00AAAA;--ink:#C0C0C0;--muted:#8C8C8C;--head:#fff;
  --link:#55FFFF;--fbg:#000;--fb:#00AAAA;--fink:#fff;--focus:#55FF55;--soft:#0a0a0a;--soft2:#151515;
  --bar:#55FF55;--danger:#FF5555;--ok:#55FF55;--warnbg:#1a1a00;--warnb:#FFFF55;--accsh:4px 4px 0 #555;
  --font:'IBM Plex Mono',monospace;--fh:'IBM Plex Mono',monospace;--mono:'IBM Plex Mono',monospace;
  --r:0px;--rs:0px;--navon:#C0C0C0;--navonink:#000;--navline:none;--hex:#00AAAA;font-size:15px}
.tD .panel{border-width:2px}
/* E  Paper */
.tE{--bg:#F7F0E1;--top:#F1E7D2f2;--panel:#FBF6EA;--pb:#E1D3B6;--ink:#2B2418;--muted:#6E6250;--head:#2B2418;
  --link:#8A5A1E;--fbg:#FFFCF4;--fb:#D9C8A6;--fink:#2B2418;--focus:#B98A3E;--soft:#F3EAD6;--soft2:#EDE1C7;
  --bar:linear-gradient(90deg,#B98A3E,#3E6B2E);--danger:#A6331E;--ok:#3E6B2E;
  --font:'Literata',Georgia,serif;--fh:'Literata',Georgia,serif;--mono:'IBM Plex Mono',monospace;
  --r:10px;--rs:7px;--navon:#EDE1C7;--navonink:#2B2418;--hex:#8A5A1E}
/* F  Amber (night shift) */
.tF{--bg:#140E05;--top:#1C1407;--panel:#1A1207;--pb:#3D2B10;--ink:#FFB547;--muted:#C98A2E;--head:#FFD27A;
  --link:#FFD27A;--fbg:#120c04;--fb:#4a3414;--fink:#FFB547;--focus:#FFD27A;--soft:#1f1608;--soft2:#2a1e0b;
  --bar:#FFB547;--danger:#FF8A3D;--ok:#FFD27A;--warnbg:rgba(255,138,61,.1);--warnb:rgba(255,138,61,.5);
  --font:'IBM Plex Mono',monospace;--fh:'IBM Plex Mono',monospace;--mono:'IBM Plex Mono',monospace;
  --r:10px;--rs:6px;--navon:#2a1e0b;--navonink:#FFD27A;--hex:#FFB547;font-size:15px}
/* G  Big & Bold (easy to read) */
.tG{--bg:#fff;--top:#fff;--panel:#fff;--pb:#000;--ink:#000;--muted:#222;--head:#000;
  --link:#0033AA;--fbg:#fff;--fb:#000;--fink:#000;--focus:#0033AA;--soft:#f2f2f2;--soft2:#e6e6e6;
  --bar:#000;--danger:#B00000;--ok:#006B2E;
  --font:'Atkinson Hyperlegible',system-ui,sans-serif;--fh:'Atkinson Hyperlegible',system-ui,sans-serif;--mono:'Atkinson Hyperlegible',monospace;
  --r:12px;--rs:8px;--navon:#000;--navonink:#fff;--navline:none;--hex:#000;font-size:19px}
.tG .panel,.tG input.f,.tG select.f,.tG textarea.f{border-width:3px}.tG .btn{border-width:3px;border-color:#000}
/* H  Starlight: faint twinkling stars, the Leo constellation glowing in the corner, Regulus in orange */
.tH{--bg:radial-gradient(ellipse at 80% 0%,#1C2554 0%,#0B1026 45%,#070A1A 100%);--top:#0B1026e6;--panel:rgba(28,37,84,.55);--pb:rgba(196,204,235,.18);
  --ink:#F2F4FF;--muted:#A9B3D6;--head:#fff;--link:#8FA2FF;--fbg:rgba(7,10,26,.6);--fb:rgba(196,204,235,.28);--fink:#F2F4FF;--focus:#8FA2FF;
  --soft:rgba(255,255,255,.05);--soft2:rgba(255,255,255,.09);--bar:linear-gradient(90deg,#8FA2FF,#5EF2A0);--danger:#ff7a7a;--ok:#5EF2A0;
  --warnbg:rgba(255,196,0,.1);--warnb:rgba(255,196,0,.45);
  --font:'Inter',system-ui,sans-serif;--fh:'Poppins',system-ui,sans-serif;--mono:'IBM Plex Mono',monospace;
  --navon:rgba(143,162,255,.15);--navonink:#fff;--hex:#8FA2FF}
.tH::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.7;animation:twinkle 6s ease-in-out infinite alternate;
  background-image:radial-gradient(1px 1px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 33% 72%,#dde4ff,transparent),radial-gradient(1.5px 1.5px at 56% 30%,#fff,transparent),radial-gradient(1px 1px at 71% 84%,#c4ccEB,transparent),radial-gradient(1px 1px at 86% 46%,#fff,transparent),radial-gradient(1px 1px at 22% 52%,#e6ebff,transparent),radial-gradient(1.5px 1.5px at 44% 8%,#fff,transparent),radial-gradient(1px 1px at 64% 58%,#dde4ff,transparent),radial-gradient(1px 1px at 92% 12%,#fff,transparent),radial-gradient(1px 1px at 6% 90%,#e6ebff,transparent)}
.tH::after{content:"";position:fixed;right:18px;bottom:18px;width:230px;height:150px;pointer-events:none;z-index:0;opacity:.55;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 150'%3E%3Cg stroke='%238FA2FF' stroke-width='.8' fill='none' opacity='.7'%3E%3Cpath d='M30 120 L70 95 L120 100 L165 70 L190 40 L175 20 L150 30 M120 100 L150 30 M70 95 L90 60 L150 30'/%3E%3C/g%3E%3Cg fill='%23F2F4FF'%3E%3Ccircle cx='70' cy='95' r='2'/%3E%3Ccircle cx='120' cy='100' r='2'/%3E%3Ccircle cx='165' cy='70' r='2.2'/%3E%3Ccircle cx='190' cy='40' r='1.8'/%3E%3Ccircle cx='175' cy='20' r='1.6'/%3E%3Ccircle cx='150' cy='30' r='2'/%3E%3Ccircle cx='90' cy='60' r='1.8'/%3E%3C/g%3E%3Ccircle cx='30' cy='120' r='3.4' fill='%23FF5A00'/%3E%3C/svg%3E") no-repeat center/contain}
@keyframes twinkle{from{opacity:.45}to{opacity:.85}}
.tH header.top,.tH main,.tH .paybar{position:relative;z-index:1}
/* I  Sea Chart: pale sea-green paper, faint depth lines, map-style headings, compass rose */
.tI{--bg:#EAF3F1;--top:#EAF3F1f2;--panel:rgba(255,255,255,.82);--pb:#B7D2CC;--ink:#1E3A40;--muted:#4E6E70;--head:#2F6B66;
  --link:#0B6E70;--fbg:#fff;--fb:#8DB4AD;--fink:#1E3A40;--focus:#2F6B66;--soft:#e2eeeb;--soft2:#d6e7e3;
  --bar:linear-gradient(90deg,#2F6B66,#8DB4AD);--danger:#B2342A;--ok:#1F6B3A;
  --font:'Inter',system-ui,sans-serif;--fh:'Cormorant Garamond',Georgia,serif;--mono:'IBM Plex Mono',monospace;
  --navon:#d6e7e3;--navonink:#1E3A40;--hex:#2F6B66}
.tI{background-image:repeating-radial-gradient(ellipse at 20% 110%,transparent 0 38px,rgba(47,107,102,.07) 38px 39px)}
.tI h1,.tI h2,.tI h3,.tI .lbl span:first-child{font-family:var(--fh);font-weight:700;letter-spacing:.06em}
.tI::after{content:"";position:fixed;right:22px;bottom:22px;width:120px;height:120px;pointer-events:none;opacity:.35;z-index:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%232F6B66'%3E%3Ccircle cx='50' cy='50' r='44'/%3E%3Ccircle cx='50' cy='50' r='36' stroke-dasharray='2 3'/%3E%3C/g%3E%3Cpath d='M50 4 L56 50 L50 96 L44 50Z' fill='%232F6B66'/%3E%3Cpath d='M4 50 L50 44 L96 50 L50 56Z' fill='%238DB4AD'/%3E%3Ctext x='50' y='16' font-size='9' text-anchor='middle' fill='%231E3A40' font-family='Georgia'%3EN%3C/text%3E%3C/svg%3E") no-repeat center/contain}
.tI header.top,.tI main{position:relative;z-index:1}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:var(--bg);background-attachment:fixed;color:var(--ink);min-height:100vh;line-height:1.45}
a{color:var(--link);text-decoration:none}
button{font:inherit;color:inherit}
.hidden{display:none!important}

/* window bar for the terminal looks */
.winbar{display:none}
.tC .winbar,.tD .winbar{display:flex;align-items:center;gap:8px;padding:7px 14px;font:500 13px 'Ubuntu',sans-serif}
.tC .winbar{background:linear-gradient(#3c3b37,#2f2e2b);color:#dfdbd2}
.tD .winbar{background:linear-gradient(#e7e5e0,#cfccc5);color:#3c3b37}
.winbar i{width:12px;height:12px;border-radius:50%;background:#8a8984;display:inline-block}.winbar i:first-child{background:#e95420}
.winbar span{margin-left:8px}

/* top bar */
.top{position:sticky;top:0;z-index:40;background:var(--top);backdrop-filter:blur(8px);border-bottom:1px solid var(--pb)}
.top .in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:12px 24px}
.brand{display:flex;gap:11px;align-items:center;color:inherit}
.brand img{width:36px;height:37px;display:block}
.tC .brand img,.tD .brand img{display:none}
.hexb{display:none;width:36px;height:37px;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);place-items:center;font-weight:900;background:var(--hex);color:#fff}
.tD .hexb{color:#000}
.tC .hexb,.tD .hexb{display:grid}
.brand b{display:block;font-family:var(--fh);font-weight:900;font-size:1.2rem;color:var(--head);letter-spacing:-.01em;line-height:1}
.tC .brand b,.tD .brand b{font-weight:700;letter-spacing:.04em}
.brand small{display:block;margin-top:4px;font-size:.8rem;color:var(--muted)}
nav.main{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}
nav.main a{padding:8px 11px;border-radius:var(--rs);font-family:var(--fh);font-weight:600;color:var(--muted)}
nav.main a:hover{color:var(--head)}
nav.main a.on{background:var(--navon);color:var(--navonink);box-shadow:var(--navline)}
.acts{display:flex;gap:8px;align-items:center;position:relative}
.ib{height:38px;min-width:38px;padding:0 11px;border-radius:var(--rs);display:grid;place-items:center;cursor:pointer;border:1px solid var(--pb);background:var(--panel);color:var(--head);position:relative;font-weight:700;font-size:.8rem;letter-spacing:.08em;font-family:var(--fh);transition:transform .15s}
.ib:hover{transform:translateY(-1px)}
.ib svg{width:18px;height:18px}
.dot{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:9px;background:var(--danger);color:#fff;font-size:.68rem;display:grid;place-items:center;padding:0 4px}
.menu{position:absolute;right:0;top:46px;width:270px;z-index:50;border-radius:var(--r);padding:6px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:all .18s;background:#fff;border:1px solid #d8e1ec;box-shadow:0 18px 50px -18px rgba(7,27,62,.45);color:#071b3e;font-family:'Inter',sans-serif;font-size:15px;max-height:80vh;overflow-y:auto}
.menu.on{opacity:1;transform:none;pointer-events:auto}
.menu .mi{display:grid;grid-template-columns:22px 1fr 16px;gap:10px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:9px 10px;border-radius:8px;cursor:pointer;font-weight:600;color:#071b3e}
.menu .mi:hover{background:#f3f6fa}
.menu .mi i{width:22px;height:22px;border-radius:6px;display:block}
.menu .mi small{display:block;font-weight:400;color:#5c6b80;font-size:.8rem}
.menu .mi b{color:#e8a223;visibility:hidden}.menu .mi.on b{visibility:visible}
.menu .mnote{font-size:.78rem;color:#5c6b80;padding:6px 10px 4px;border-top:1px solid #d8e1ec;margin-top:4px}
.menu .bi{display:block;padding:9px 10px;border-radius:8px;color:#071b3e}
.menu .bi:hover{background:#f3f6fa}
.menu .bi small{display:block;color:#5c6b80;font-size:.78rem}
.menu .empty{padding:10px;color:#5c6b80}
.av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--navy);color:#fff;font-family:var(--fh);cursor:pointer;border:0}
.tB .av{background:#00C2E0;color:#16191E}.tC .av{background:#5e2750;border:1px solid #aea79f;color:#eee}.tD .av{background:#0000aa;border-radius:2px}

/* page */
.wrap{max-width:1180px;margin:0 auto;padding:26px 24px 80px}
h1{font-family:var(--fh);font-weight:700;font-size:1.6rem;color:var(--head);letter-spacing:-.01em;line-height:1.2}
.tC h1,.tD h1{font-size:1.25rem}
.back{display:inline-flex;gap:6px;align-items:center;color:var(--muted);cursor:pointer;margin-bottom:12px;font-weight:600}
.back:hover{color:var(--head)}
.lbl{display:flex;justify-content:space-between;align-items:center;margin:30px 0 10px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-family:var(--fh);font-weight:600;color:var(--muted)}
.panel{background:var(--panel);border:1px solid var(--pb);border-radius:var(--r)}
.tA .panel{box-shadow:0 8px 24px -16px rgba(7,27,62,.25)}
.muted{color:var(--muted)}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.sp{flex:1}

/* buttons */
.btn{padding:11px 18px;border-radius:var(--rs);font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex;gap:8px;align-items:center;font-family:var(--fh);border:2px solid transparent;background:var(--acc);color:var(--accink);box-shadow:var(--accsh);letter-spacing:.02em;white-space:nowrap}
.btn:hover{transform:translateY(-2px);background:var(--acc2)}
.btn.g{background:var(--panel);border-color:var(--pb);color:var(--head);box-shadow:none}
.btn.g:hover{border-color:var(--head);background:var(--panel)}
.btn.red{background:transparent;border-color:var(--danger);color:var(--danger);box-shadow:none}
.btn.red:hover{background:var(--danger);color:#fff}
.btn.sm{padding:7px 12px;font-size:.9rem}
.btn[disabled]{opacity:.45;pointer-events:none}
.add{background:none;border:1px dashed var(--fb);color:var(--muted);padding:8px 12px;border-radius:var(--rs);cursor:pointer;margin-top:8px;font-weight:600}
.add:hover{color:var(--head);border-color:var(--head)}
.x{background:none;border:0;color:var(--muted);cursor:pointer;font-size:1.05rem;padding:4px 6px;border-radius:6px}
.x:hover{color:var(--danger)}

/* fields */
label{display:block;font-size:.84rem;font-weight:600;color:var(--muted);margin-bottom:5px}
.f{width:100%;padding:10px 12px;border-radius:var(--rs);border:1px solid var(--fb);background:var(--fbg);color:var(--fink);font:inherit;font-size:1rem;transition:border .15s,box-shadow .15s}
textarea.f{min-height:96px;resize:vertical;font-family:var(--mono);font-size:.92rem;line-height:1.4}
.f:focus{outline:0;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 22%,transparent)}
.f[disabled],.f[readonly]{opacity:.65}
.f.flash{animation:flash 1.2s}
@keyframes flash{0%,40%{box-shadow:0 0 0 4px var(--acc)}100%{box-shadow:none}}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid .full{grid-column:1/-1}
.check{display:flex;gap:8px;align-items:center;font-weight:500;color:var(--ink);margin-top:8px;cursor:pointer;font-size:.95rem}
.check input{width:18px;height:18px;accent-color:var(--acc)}
.search{font-size:1.05rem;padding:13px 16px}

/* home */
.greet{font-family:var(--fh);font-weight:700;font-size:1.6rem;color:var(--head);margin-bottom:16px}
.tC .greet,.tD .greet{font-size:1.15rem}
.list{padding:2px 20px}
.sh{display:grid;grid-template-columns:1fr 260px;gap:22px;align-items:center;padding:15px 0;color:inherit}
.sh+.sh{border-top:1px solid var(--pb)}
.sh .id{font-weight:700;margin-right:10px;color:var(--link);font-family:var(--fh)}
.sh .sub{font-size:.9rem;margin-top:3px;color:var(--muted)}
.sh:hover .id{text-decoration:underline}
.st{display:flex;justify-content:space-between;font-size:.88rem}
.trk{height:6px;border-radius:3px;margin-top:8px;background:var(--soft2);position:relative;overflow:hidden}
.fill{position:absolute;inset:0 auto 0 0;border-radius:3px;background:var(--bar)}
.empty{padding:26px 0;text-align:center;color:var(--muted)}

/* table list */
.tabs{display:flex;flex-wrap:wrap;gap:4px;background:var(--soft);padding:4px;border-radius:var(--rs);border:1px solid var(--pb)}
.tabs a{padding:7px 14px;border-radius:calc(var(--rs) - 2px);color:var(--muted);font-weight:600;font-family:var(--fh)}
.tabs a.on{background:var(--panel);color:var(--head);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.tC .tabs a.on,.tD .tabs a.on{background:var(--navon);color:var(--navonink)}
.trow{display:grid;grid-template-columns:200px 1fr 1fr 150px 110px;gap:14px;padding:13px 18px;align-items:center;color:inherit}
.trow+.trow{border-top:1px solid var(--pb)}
.trow.th{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;font-family:var(--fh)}
a.trow:hover{background:var(--soft)}
.trow b{color:var(--link);font-family:var(--fh)}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--soft2);color:var(--head)}
.pill.Released{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}
.pill.Sailed{background:color-mix(in srgb,var(--link) 18%,transparent);color:var(--link)}

/* shipment form */
.ftitle{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.saved{font-size:.85rem;color:var(--muted);transition:color .3s}
.saved.on{color:var(--ok)}
.saved.err{color:var(--danger)}
.sec{padding:22px 24px;margin-top:18px}
.sec h3{font-family:var(--fh);font-size:.82rem;letter-spacing:.16em;color:var(--muted);margin-bottom:16px;font-weight:700}
.eq{display:grid;grid-template-columns:80px 1fr;gap:10px}
.cgrid{display:grid;grid-template-columns:70px 90px 1.6fr 1fr 110px 34px;gap:8px;align-items:center;margin-top:8px}
.cgrid.head{font-size:.78rem;color:var(--muted);font-weight:600;margin-top:0}
.cgrid.head i{font-weight:400;font-style:normal}
.ctotal{display:flex;justify-content:flex-end;gap:22px;margin-top:12px;font-weight:700;color:var(--head)}
.quick{display:flex;gap:10px;margin-bottom:14px}
.money2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mcol{border:1px solid var(--pb);border-radius:var(--r);padding:16px}
.mhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.mhead b{font-family:var(--fh);font-size:1.05rem;color:var(--head);letter-spacing:.06em}
.mhead span{font-size:.85rem;color:var(--muted)}
.exp .mhead b{font-style:italic;font-weight:900}
.mline{display:grid;grid-template-columns:1fr 110px 34px;gap:8px;margin-top:8px}
.exp .mline{grid-template-columns:1.5fr 1fr 90px 58px 30px}
.mline .f{font-size:1rem}
.mtot{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--pb);font-weight:700;font-size:1.1rem;color:var(--head)}
.profit{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 18px;border-radius:var(--r);background:var(--soft);font-family:var(--fh);font-weight:900;font-size:1.25rem;color:var(--head)}
.profit .neg{color:var(--danger)}
.lockednote{font-size:.88rem;color:var(--muted);margin-top:10px}
.doccards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dc{display:flex;gap:14px;align-items:center;padding:14px;border-radius:var(--r);border:1px solid var(--pb);background:var(--soft);cursor:pointer;color:inherit;transition:transform .15s,border-color .15s}
.dc:hover{transform:translateY(-2px);border-color:var(--head)}
.dc b{display:block;color:var(--head);font-family:var(--fh)}
.dc small{color:var(--muted)}
.thumb{width:46px;height:58px;background:#fff;border-radius:4px;padding:6px 5px;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);flex-shrink:0}
.thumb i{height:3px;background:#c9d4e0;border-radius:2px;display:block}.thumb i.n{background:#071b3e;width:60%;height:5px}.thumb i.g{background:#e8a223;height:2px}
.dropz{display:flex;gap:16px;align-items:center;padding:22px;border:2px dashed var(--fb);border-radius:var(--r);cursor:pointer;color:var(--muted);transition:border .15s,background .15s}
.dropz b{color:var(--head);display:block}
.dropz.drag,.dropz:hover{border-color:var(--acc);background:var(--soft)}
.dropz svg{width:30px;height:30px;flex-shrink:0}
.file{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--pb)}
.file small{color:var(--muted)}
.savebar{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.note{padding:12px 16px;border-radius:var(--rs);background:var(--warnbg);border:1px solid var(--warnb);font-size:.95rem;margin-top:12px}

/* document editor */
.dhead{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}
.dwrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:22px;align-items:start}
.paperbox{position:sticky;top:84px}
.paper{position:relative;background:#fff;border-radius:6px;box-shadow:0 12px 40px -14px rgba(0,0,0,.45);overflow:hidden}
.paper img{width:100%;display:block}
.paper .pg+.pg{border-top:8px solid var(--bg)}
.pg{position:relative}
.hot{position:absolute;cursor:pointer;border-radius:3px;transition:background .15s}
.hot:hover{background:rgba(232,162,35,.18);outline:2px solid rgba(232,162,35,.7)}
.paper.busy img{opacity:.6;transition:opacity .2s}
.side .qsec{border-bottom:1px solid var(--pb);padding:14px 18px}
.side .qsec:last-child{border-bottom:0}
.side .qsec>b{display:block;font-family:var(--fh);font-size:.8rem;letter-spacing:.14em;color:var(--muted);margin-bottom:10px}
.side .fl{margin-bottom:12px}
.tag{font-size:.72rem;font-weight:600;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--soft2);color:var(--muted);text-transform:none;letter-spacing:0}
.tag.only{background:var(--warnbg);color:var(--head);border:1px solid var(--warnb)}
.sync{display:none;padding:14px 16px;border-radius:var(--r);background:var(--warnbg);border:1px solid var(--warnb);margin-bottom:14px}
.sync.on{display:block}
.sync .row{margin-top:10px}
.seg{display:flex;gap:4px;flex-wrap:wrap}
.seg button{padding:8px 13px;border-radius:var(--rs);border:1px solid var(--fb);background:var(--fbg);color:var(--fink);cursor:pointer;font-weight:600}
.seg button.on{background:var(--acc);border-color:var(--acc);color:var(--accink)}
.tl{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;cursor:pointer;font-weight:400;color:var(--ink);font-size:.95rem}
.tl input{margin-top:4px;width:17px;height:17px;accent-color:var(--acc);flex-shrink:0}
.ver{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--pb);font-size:.95rem}
.ver:last-child{border-bottom:0}
.pay{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--pb)}
.pay.void{opacity:.5;text-decoration:line-through}
.chline{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:12px}
.chline .f{font-size:.95rem;padding:8px 10px}
.chline .top2{display:flex;justify-content:space-between;font-weight:700;color:var(--head)}

/* message box */
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);opacity:0;pointer-events:none;z-index:90;max-width:min(560px,92vw);padding:14px 18px;border-radius:var(--r);background:#071b3e;color:#fff;box-shadow:0 18px 40px -12px rgba(0,0,0,.5);transition:all .25s;font-family:'Source Sans 3',sans-serif;font-size:1rem}
.toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast.bad{background:#8e1f17}
.modal{position:fixed;inset:0;background:rgba(4,14,34,.55);display:none;place-items:center;z-index:80;padding:16px}
.modal.on{display:grid}
.modal .panel{width:min(480px,100%);padding:22px;background:var(--panel)}
.tB .modal .panel{background:#1D2127}.tE .modal .panel{background:#FBF6EA}.tF .modal .panel{background:#1A1207}.tH .modal .panel{background:#0B1026}.tI .modal .panel{background:#F4F9F8}.tC .modal .panel{background:#3a0f2d}.tD .modal .panel{background:#000}
.modal h3{font-family:var(--fh);color:var(--head);margin-bottom:12px}

/* settings */
.srow{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--pb)}
.srow:last-child{border-bottom:0}
.srow small{display:block;color:var(--muted)}
.blocked{color:var(--danger);font-weight:700}

/* sign in */
.signin{min-height:100vh;display:grid;place-items:center;align-content:center;gap:18px;padding:24px 16px;background:#fff;font-family:'Inter',system-ui,sans-serif;color:#14181f}
.signin .lc-brand{display:flex;align-items:center;gap:10px;font-family:'Poppins',system-ui,sans-serif;font-weight:800;font-size:26px;line-height:1}
.signin .lc-brand svg{width:34px;height:34px}
.signin .lc-brand small{display:block;font-family:'Inter',system-ui,sans-serif;font-weight:700;font-style:italic;font-size:12px;letter-spacing:.12em;color:#0b6e70;margin-top:3px}
.signin .card{width:min(400px,100%);background:#fff;border:1px solid #e3e7eb;border-radius:16px;padding:30px 26px;box-shadow:0 18px 50px -24px rgba(20,24,31,.35)}
.signin h1{font-family:'Poppins',system-ui,sans-serif;font-size:1.45rem;color:#14181f;margin-bottom:14px}
.signin p{margin-bottom:14px;line-height:1.5}
.signin .f{background:#fff;border-color:#cfd6dd;color:#14181f;margin-bottom:14px}
.signin label{color:#4a5866;font-weight:600}
.signin .btn{width:100%;justify-content:center;color:#14121f;box-shadow:none;border-radius:10px;font-weight:800;text-decoration:none}
.signin .btn.lime{background:#c6ff00}.signin .btn.yellow{background:#ffc400}
.signin .msg{background:#fdecea;border:1px solid #f3b8b1;color:#8e1f17;padding:10px 12px;border-radius:9px;margin-bottom:14px;font-size:.95rem;word-break:break-all}
.signin .small{margin-top:14px;font-size:.9rem;text-align:center;color:#4a5866}
.signin .small a{color:#0a7c8c;font-weight:600}
.leo-star{animation:leotw 2.6s ease-in-out infinite;transform-origin:50% 50%;transform-box:fill-box}
@keyframes leotw{0%,100%{transform:scale(1);opacity:1}8%{transform:scale(1.18)}16%{transform:scale(.9);opacity:.85}24%{transform:scale(1);opacity:1}}

@media(max-width:900px){
  .dwrap{grid-template-columns:1fr}.paperbox{position:static}
  .trow{grid-template-columns:1fr auto}.trow .h2{display:none}
  .doccards{grid-template-columns:1fr}
  .money2{grid-template-columns:1fr}
}
@media(max-width:760px){
  .top .in{grid-template-columns:1fr auto;padding:10px 16px;gap:10px}
  nav.main{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}
  .wrap{padding:18px 16px 70px}
  .grid{grid-template-columns:1fr}
  .sh{grid-template-columns:1fr;gap:8px}
  .cgrid{grid-template-columns:56px 72px 1fr 34px}
  .cgrid .vin,.cgrid .wt{grid-column:3/4}
  .cgrid.head span:nth-child(4),.cgrid.head span:nth-child(5){display:none}
  .exp .mline{grid-template-columns:1fr 80px 58px 30px}.exp .mline .vend{grid-column:1/-1}
  .brand small{display:none}
  .sec{padding:18px 16px}
}

/* warehouse */
.whrow{display:grid;grid-template-columns:34px 150px 1.6fr 1fr 120px 130px;gap:14px;padding:12px 18px;align-items:center}
.whrow+.whrow{border-top:1px solid var(--pb)}
.whrow.th{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;font-family:var(--fh)}
.whrow small{display:block;color:var(--muted);font-size:.85rem}
.whrow b{color:var(--link);font-family:var(--fh)}
.whrow input[type=checkbox]{width:18px;height:18px;accent-color:var(--acc)}
.flag{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--warnbg);border:1px solid var(--warnb);color:var(--head);font-size:.75rem;font-weight:700}
.wrtag{display:inline-block;font-size:.72rem;font-weight:700;color:var(--link);margin-top:3px}
.trackbox{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:900px){.whrow{grid-template-columns:30px 1fr 1fr 90px}.whrow .h2{display:none}}
.whset{display:grid;grid-template-columns:1.2fr 1.8fr 90px 1fr 80px 100px 70px;gap:10px;padding:12px 0;border-bottom:1px solid var(--pb)}
@media(max-width:760px){.whset{grid-template-columns:1fr 1fr}}
.paidt{display:flex;gap:4px;align-items:center;font-size:.8rem;font-weight:600;color:var(--muted);margin:0;cursor:pointer}
.paidt input{width:16px;height:16px;accent-color:var(--ok)}
.crow{display:grid;grid-template-columns:30px 1.4fr 1.6fr 100px 120px;gap:14px;padding:13px 18px;align-items:center;color:inherit}
.crow+.crow{border-top:1px solid var(--pb)}
.crow.th{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;font-family:var(--fh)}
.crow b,.mrow b{color:var(--link);font-family:var(--fh)}
a.crow:hover,a.mrow:hover{background:var(--soft)}
.mrow{display:grid;grid-template-columns:210px 1.4fr 1fr 110px 130px;gap:12px;padding:11px 4px;align-items:center;color:inherit;border-bottom:1px solid var(--pb)}
.mrow:last-child{border-bottom:0}
.mrow.void{opacity:.5;text-decoration:line-through}
@media(max-width:760px){.crow{grid-template-columns:30px 1fr 70px 90px}.mrow{grid-template-columns:1fr 1fr}.crow .h2{display:none}}
.qrow{display:flex;gap:6px;margin-bottom:8px;align-items:center;flex-wrap:wrap}
.qrow .f{flex:1 1 140px;font-size:.92rem;padding:8px 10px}
.tpl{padding:16px 0;border-bottom:1px solid var(--pb)}
.tpl:last-child{border-bottom:0}
.modal .panel{max-height:88vh;overflow:auto}
.galgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.galgrid .btn{justify-content:flex-start;white-space:normal;text-align:left}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kpi{padding:16px 18px}.kpi small{display:block;color:var(--muted);font-weight:600}.kpi b{font-family:var(--fh);font-size:1.5rem;color:var(--head)}
.barrow{display:grid;grid-template-columns:150px 1fr 120px;gap:12px;align-items:center;padding:6px 0}
.bartrack{height:12px;background:var(--soft2);border-radius:6px;overflow:hidden}
.bar{height:100%;background:var(--bar);border-radius:6px}.bar.neg{background:var(--danger)}
.barrow b{text-align:right;color:var(--head)}
.rrow{display:grid;grid-template-columns:1.2fr 1.4fr 120px 140px 120px;gap:12px;padding:11px 0;align-items:center;color:inherit;border-bottom:1px solid var(--pb)}
.rrow:last-child{border-bottom:0}.rrow.th{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;font-family:var(--fh)}
.rrow b{color:var(--head);font-family:var(--fh)}a.rrow:hover{background:var(--soft)}
@media(max-width:760px){.kpis{grid-template-columns:1fr 1fr}.rrow{grid-template-columns:1fr 1fr}.barrow{grid-template-columns:90px 1fr 90px}}
/* Claude box */
.cbox{margin-bottom:18px}
.composer{padding:12px 14px 10px 16px;transition:border-color .15s}
.composer.drag{border-color:var(--acc)}
.composer textarea{width:100%;border:0;background:transparent;color:var(--ink);font:inherit;font-size:1.05rem;resize:none;outline:0;min-height:30px;max-height:220px}
.ctools{display:flex;gap:8px;align-items:center;margin-top:6px}
.tool{display:inline-flex;gap:6px;align-items:center;padding:7px 11px;border-radius:var(--rs);border:1px solid var(--pb);background:transparent;color:var(--muted);cursor:pointer;font-size:.88rem;font-weight:600}
.tool:hover{color:var(--head);border-color:var(--head)}.tool svg{width:16px;height:16px}.tool.on{color:var(--danger);border-color:var(--danger)}
.send{width:40px;height:40px;border-radius:var(--rs);border:0;background:var(--acc);color:var(--accink);display:grid;place-items:center;cursor:pointer;transition:transform .15s}
.send:hover{transform:translateY(-2px)}.send svg{width:18px;height:18px}
.chip{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:999px;background:var(--soft2);font-size:.85rem;margin:0 6px 6px 0}
.chip button{border:0;background:none;cursor:pointer;color:var(--muted)}
.msg{border-radius:var(--r);padding:12px 16px;margin-bottom:12px}
.msg.me{margin-left:auto;width:fit-content;max-width:80%;background:var(--navy);color:#fff}
.tB .msg.me{background:rgba(232,162,35,.15);border:1px solid rgba(232,162,35,.4);color:var(--ink)}
.tC .msg.me{background:rgba(114,159,207,.15);border:1px solid rgba(114,159,207,.4)}.tD .msg.me{background:#0000aa}
.msg.bot{background:var(--panel);border:1px solid var(--pb)}
.msg .who{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);font-weight:700;margin-bottom:6px;font-family:var(--fh)}
.plan{margin-top:12px;padding:12px 14px;border-radius:var(--rs);background:var(--soft);border:1px solid var(--pb)}
.plan>b{display:block;margin-bottom:8px;color:var(--head)}
/* save bar */
#savebar2{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;gap:10px;align-items:center;padding:12px max(16px,calc(50vw - 590px));background:var(--panel);border-top:2px solid var(--acc);box-shadow:0 -10px 30px -12px rgba(0,0,0,.35);transform:translateY(110%);transition:transform .2s;font-weight:600;color:var(--head)}
.tB #savebar2{background:#1D2127}.tF #savebar2{background:#1A1207}.tH #savebar2{background:#0B1026}.tC #savebar2{background:#3a0f2d}.tD #savebar2{background:#000}
#savebar2.on{transform:none}
.replist{margin:0 0 0 18px}.replist li{margin-bottom:4px}

/* Leo's job counter */
.leometer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.9rem;color:var(--muted,#5b6670);margin:0 2px 10px}
.leometer svg{width:16px;height:16px;flex:none}
.leometer .lm-bar{flex:0 1 160px;height:6px;border-radius:3px;background:rgba(127,127,127,.22);overflow:hidden;min-width:60px}
.leometer .lm-bar i{display:block;height:100%;background:#00c853;border-radius:3px;transition:width .4s}
.leometer.low .lm-bar i{background:#ff5a00}
.leometer.low .lm-text{color:#c2410c;font-weight:600}
.leometer .lm-buy{font-weight:700;color:inherit;text-decoration:underline}
.leo-star{animation:leotw 2.6s ease-in-out infinite;transform-origin:50% 50%;transform-box:fill-box}

/* Pay now bar (last days of the trial, or a payment that did not go through) */
.paybar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 16px;background:#0b1220;color:#fff;font-weight:600;text-align:center}
.paybar .btn.lime,.acct .btn.lime{background:#c6ff00;color:#0b1220;border:0;font-weight:800}
.acct .big{font-size:1.6rem;font-weight:800;margin:2px 0}
.acct .note{padding:12px 14px;border-radius:10px;margin:0 0 14px;font-weight:600}
.acct .note.ok{background:#e9ffd0;color:#1d3b00}.acct .note.warn{background:#fff3cc;color:#4a3500}.acct .note.bad{background:#ffe0e0;color:#5a0000}
.signin .agree{display:flex;gap:8px;align-items:flex-start;font-size:.9rem;margin:14px 0 4px;line-height:1.35}.signin .agree input{margin-top:3px}

/* Adding people */
.team .tq{display:flex;align-items:center;gap:10px;font-weight:600;flex-wrap:wrap}.team .tq input{width:90px}
.team .trows{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.team .trow{display:grid;grid-template-columns:26px 1fr 1.3fr 1fr;gap:8px;align-items:center}
.team .tn{color:var(--muted,#6b7785);font-weight:700;text-align:right}
.team .tnote{font-size:.88rem;margin:6px 0 10px}.team .tprice{font-size:1.02rem}
@media (max-width:700px){.team .trow{grid-template-columns:22px 1fr;}.team .trow input:nth-child(n+3){grid-column:2}}

/* First sign-in */
.wel-hero{text-align:center;padding:30px 10px}.wel-hero h1{margin:12px 0 8px}.wel-hero p{font-size:1.08rem;max-width:560px;margin:0 auto 18px}
.wel-steps{display:inline-block;text-align:left;margin:0 auto 22px;line-height:1.9;font-weight:600}
.wel .check{margin-top:6px}
.btn.pink{background:#ff2e93;color:#fff}

/* Tour */
.tour-shade{position:fixed;inset:0;z-index:900;background:transparent}
.tour-ring{position:fixed;z-index:901;border-radius:12px;box-shadow:0 0 0 4px #c6ff00,0 0 0 9999px rgba(8,14,26,.62);transition:all .25s;pointer-events:none}
.tour-tip{position:fixed;z-index:902;background:#fff;color:#14202e;border-radius:14px;padding:14px 16px 14px;box-shadow:0 14px 40px rgba(0,0,0,.35);font-size:.98rem;line-height:1.45}
.tour-tip p{margin:4px 0 12px}.tour-tip .tt-n{font-size:.78rem;font-weight:700;color:#7a8696;letter-spacing:.04em}
.tour-tip::before{content:"";position:absolute;left:calc(var(--ax) - 9px);top:-9px;border:9px solid transparent;border-top:0;border-bottom-color:#fff}
.tour-tip.up::before{top:auto;bottom:-9px;border-bottom:0;border-top:9px solid #fff}
.ptab{border-collapse:collapse;font-size:.86rem;width:100%}.ptab th,.ptab td{border:1px solid var(--pb,#dde3ea);padding:6px 8px;text-align:left;white-space:nowrap}.ptab th{background:var(--panel2,#f3f6f9)}

/* Photos, made for phones and iPads */
.camrow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.btn.big{padding:16px 22px;font-size:1.05rem;min-height:54px;flex:1 1 200px;justify-content:center}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:10px 0}
.thumbs a{display:block;border-radius:10px;overflow:hidden;background:#0b1220;position:relative}
.thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.thumbs span{position:absolute;left:6px;bottom:6px;background:rgba(0,0,0,.6);color:#fff;font:600 .72rem/1 var(--fm,monospace);padding:4px 6px;border-radius:6px}
.tool.cam{font-weight:700}
@media (max-width:760px){.cbox .tool{padding:10px 12px}.btn{min-height:44px}input.f,select.f,textarea.f{font-size:16px}}

.btn.lime{background:#c6ff00;color:#0b1220;border-color:#c6ff00}.btn.lime:hover{background:#b4ec00}
@media (max-width:760px){nav.main{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav.main::-webkit-scrollbar{display:none}nav.main a{flex:0 0 auto}}

/* Access buttons */
.accpre{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.pbtn{border:1.5px solid var(--pb,#cfd7e0);background:var(--panel,#fff);color:var(--head,#14202e);border-radius:999px;padding:7px 12px;font-weight:600;cursor:pointer;font-size:.86rem}
.accrow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;border-top:1px solid var(--pb,#e3e8ee)}.accrow>span:first-child{font-weight:600}
.seg{display:inline-flex;border:1.5px solid var(--pb,#cfd7e0);border-radius:10px;overflow:hidden}.seg button{border:0;background:transparent;padding:8px 10px;font-weight:600;cursor:pointer;color:var(--muted,#6b7785);font-size:.84rem;min-height:38px}
.seg button.on.none{background:#eceff2;color:#3b4652}.seg button.on.view{background:#dbeeff;color:#0b4a8a}.seg button.on.change{background:#c6ff00;color:#0b1220}
.team .tacc{grid-column:2/-1;margin:-2px 0 6px}.team .tacc .accbox{margin-top:4px}
.accsum{display:flex;flex-direction:column;padding:8px 0;border-top:1px solid var(--pb,#e3e8ee)}.accsum span{color:var(--muted,#6b7785);font-size:.92rem}
@media (max-width:560px){.accrow{flex-direction:column;align-items:flex-start}}
.accbox.compact .accrow{display:none}.accbox.compact.open .accrow{display:flex}.accw{font-size:.88rem;color:var(--muted,#6b7785);margin:2px 0 4px}.linkb{background:none;border:0;color:var(--link,#0a66c2);font-weight:700;cursor:pointer;padding:0 4px;text-decoration:underline}

/* Button meaning, the same in every theme */
.btn{background:var(--yellow);color:#14121F;border-color:var(--yellow)}
.btn.lime{background:var(--lime);color:#0b1220;border-color:var(--lime)}
.btn.pink{background:var(--pink);color:#fff;border-color:var(--pink)}
.btn.red{background:transparent;border-color:var(--red);color:var(--red)}.btn.red:hover{background:var(--red);color:#fff}
.btn.g{background:var(--panel);border-color:var(--pb);color:var(--head)}
.tC .btn.g,.tD .btn.g,.tF .btn.g,.tB .btn.g,.tH .btn.g{background:transparent}
.btn.pink:hover{background:#ff4aa6}.btn.g:hover{background:var(--soft2)}
.bigseg{display:inline-flex}.bigseg button{padding:12px 22px;font-size:1.02rem;min-width:120px}
/* Placeholder words (the gray examples inside empty boxes) are always italic, everywhere, Leo's box included. */
::placeholder{font-style:italic;opacity:.75}
::-webkit-input-placeholder{font-style:italic}
::-moz-placeholder{font-style:italic}