:root{--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Inter,Helvetica,Arial,sans-serif;--r:18px;--r-sm:12px;--pad:20px;--brand:#14295c;--brand-ink:#14295c;--accent:#f26b45;--accent-2:#e0552f;--bg:#f6f7f9;--surface:#ffffff;--surface-2:#f1f3f7;--line:#e7eaf0;--ink:#151b2b;--ink-2:#14295c;--mute:#667085;--ok:#17a35a;--warn:#e09b00;--alarm:#e5484d;--unknown:#9aa3b2;--ok-ink:#0f7a42;--warn-ink:#94620a;--alarm-ink:#b4232a;--unknown-ink:#5b6577;--s1:#14295c;--s2:#f26b45;--s3:#0e8a95;--s4:#7a5af8;--housing:#14295c;--housing-ring:rgba(255,255,255,.08);--nav-on-bg:#14295c;--nav-on-ink:#ffffff;--shadow:0 1px 2px rgba(16,24,40,.04),0 6px 24px rgba(16,24,40,.06);--shadow-lg:0 2px 4px rgba(16,24,40,.05),0 16px 40px rgba(16,24,40,.1);--grid:#edf0f5;--tabbar:rgba(255,255,255,.92)}[data-theme=dark]{--brand:#14295c;--brand-ink:#a9bdff;--accent:#ff7a54;--accent-2:#ff8c6b;--bg:#0b1120;--surface:#121a2c;--surface-2:#19233a;--line:#243049;--ink:#e7ecf6;--ink-2:#f3f6fd;--mute:#97a3ba;--ok:#34d17d;--warn:#f5b83d;--alarm:#ff6369;--unknown:#6d788f;--ok-ink:#5be39a;--warn-ink:#ffcb66;--alarm-ink:#ff8a8f;--unknown-ink:#a5afc2;--s1:#8fb0ff;--s2:#ff8c6b;--s3:#3fd0d9;--s4:#b49cff;--housing:#050914;--housing-ring:rgba(255,255,255,.06);--nav-on-bg:#22304f;--nav-on-ink:#ffffff;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);--shadow-lg:0 2px 6px rgba(0,0,0,.35),0 18px 44px rgba(0,0,0,.4);--grid:#1e2940;--tabbar:rgba(14,21,37,.92)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);line-height:1.5;background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .2s,color .2s}a{color:var(--brand-ink);text-underline-offset:2px}h1,h2,h3{color:var(--ink-2);line-height:1.2;margin:0 0 .4em;letter-spacing:-.01em}h2{font-size:1.35rem}h3{font-size:1rem;font-weight:700}.mute{color:var(--mute)}.small{font-size:.85rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px;border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:999px;font-weight:700;text-decoration:none;border:1.5px solid transparent;cursor:pointer;font-size:.98rem;font-family:inherit;min-height:44px;transition:background-color .15s,border-color .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-2)}.btn-ghost{border-color:var(--line);color:var(--ink-2);background:var(--surface)}.btn-ghost:hover{border-color:var(--mute)}.btn-sm{padding:6px 14px;font-size:.88rem;min-height:36px}.btn:disabled{opacity:.6;cursor:default}.w100{width:100%}.icon-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;cursor:pointer;font-family:inherit}.icon-btn:hover{border-color:var(--mute)}.ti-auto{font-weight:800;font-size:.85rem}.linkbtn{background:none;border:0;color:var(--brand-ink);text-decoration:underline;cursor:pointer;margin-top:10px;font:inherit}.eyebrow{display:inline-block;font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#ffb39c;margin-bottom:8px}.tag{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:#fff;border-radius:999px;padding:3px 10px;margin-bottom:8px}.sample{display:inline-block;margin-left:6px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-2);border:1px dashed var(--accent);font-size:.62rem;font-weight:800;letter-spacing:.12em;padding:1px 6px;border-radius:6px;vertical-align:middle}.dot{display:inline-block;flex:none;border-radius:50%;background:var(--unknown);vertical-align:middle}.dot-sm{width:8px;height:8px}.dot-md{width:11px;height:11px}.dot-lg{width:14px;height:14px}.dot-ok{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}.dot-attention{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 20%,transparent)}.dot-urgent{background:var(--alarm);box-shadow:0 0 0 3px color-mix(in srgb,var(--alarm) 20%,transparent)}.dot-unknown{background:var(--unknown);box-shadow:0 0 0 3px color-mix(in srgb,var(--unknown) 18%,transparent)}.dot-sm{box-shadow:none}.dot-pulse{animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,currentColor 0%,transparent)}70%{box-shadow:0 0 0 8px transparent}}.dot-urgent.dot-pulse{animation:pulse-r 1.6s ease-out infinite}.dot-ok.dot-pulse{animation:pulse-g 2.2s ease-out infinite}@keyframes pulse-r{0%{box-shadow:0 0 color-mix(in srgb,var(--alarm) 55%,transparent)}to{box-shadow:0 0 0 10px transparent}}@keyframes pulse-g{0%{box-shadow:0 0 color-mix(in srgb,var(--ok) 50%,transparent)}to{box-shadow:0 0 0 9px transparent}}@media(prefers-reduced-motion:reduce){.dot-pulse{animation:none}}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-weight:700;font-size:.76rem;white-space:nowrap;background:var(--surface-2);color:var(--unknown-ink)}.pill-ok{background:color-mix(in srgb,var(--ok) 13%,transparent);color:var(--ok-ink)}.pill-attention{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn-ink)}.pill-urgent{background:color-mix(in srgb,var(--alarm) 14%,transparent);color:var(--alarm-ink)}.light{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none}.light-housing{display:inline-flex;gap:12px;padding:10px;border-radius:999px;background:var(--housing);box-shadow:inset 0 0 0 1px var(--housing-ring),var(--shadow-lg)}.lamp{--c:var(--unknown);position:relative;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;background:color-mix(in srgb,var(--c) 18%,var(--housing));transition:transform .15s,box-shadow .2s,background .2s}.lamp-urgent{--c:var(--alarm)}.lamp-attention{--c:var(--warn)}.lamp-ok{--c:var(--ok)}.lamp-n{font-weight:800;font-size:1.35rem;color:color-mix(in srgb,var(--c) 45%,#8a93a6);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.lamp.lit{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 55%,#fff) 0%,var(--c) 55%,color-mix(in srgb,var(--c) 75%,#000) 100%)}.lamp.lit .lamp-n{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.lamp.worst{box-shadow:0 0 22px 2px color-mix(in srgb,var(--c) 65%,transparent)}.lamp:hover{transform:scale(1.06)}.lamp:active{transform:scale(.97)}.lamp.active{box-shadow:0 0 0 3px var(--housing),0 0 0 6px #fff}.light-labels{display:grid;grid-template-columns:repeat(3,60px);gap:12px;padding:0 10px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);text-align:center}.light-nodata{font-size:.8rem;color:var(--mute);text-decoration:none;display:inline-flex;gap:6px;align-items:center;padding:2px 8px;border-radius:999px}.light-nodata:hover,.light-nodata.active{background:var(--surface-2);color:var(--ink)}.light-compact .lamp{width:44px;height:44px}.light-compact .lamp-n{font-size:1.05rem}.light-compact .light-housing{gap:8px;padding:7px}.light-compact .light-labels{grid-template-columns:repeat(3,44px);gap:8px;padding:0 7px;font-size:.62rem}.hero{--c:var(--unknown);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;margin:0 0 16px;border-radius:calc(var(--r) + 4px);background:linear-gradient(135deg,color-mix(in srgb,var(--c) 12%,var(--surface)) 0%,var(--surface) 65%);border:1px solid color-mix(in srgb,var(--c) 25%,var(--line));box-shadow:var(--shadow)}.hero-ok{--c:var(--ok)}.hero-attention{--c:var(--warn)}.hero-urgent{--c:var(--alarm)}.hero-text{min-width:0}.hero-k{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 70%,var(--ink))}.hero-h{font-size:1.6rem;font-weight:800;margin:8px 0 6px;letter-spacing:-.02em}.hero-s{margin:0;color:var(--mute);font-size:.9rem}.hero-compact{padding:16px 20px}.hero-compact .hero-h{font-size:1.2rem;margin-bottom:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;margin:0 0 16px;box-shadow:var(--shadow)}.card-quiet{box-shadow:none;background:transparent;border-style:dashed}.card-list{padding:6px 20px}.card-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.card-h h3{margin:0}.callout{display:flex;gap:12px;align-items:baseline;border-radius:var(--r-sm);padding:12px 16px;margin:0 0 14px;background:var(--surface-2);border:1px solid var(--line)}.callout>.dot{position:relative;top:1px}.callout-a{background:color-mix(in srgb,var(--warn) 10%,var(--surface));border-color:color-mix(in srgb,var(--warn) 30%,var(--line))}.callout-r{background:color-mix(in srgb,var(--alarm) 9%,var(--surface));border-color:color-mix(in srgb,var(--alarm) 30%,var(--line))}.callout-o,.callout-n{background:var(--surface-2)}.loading{display:flex;gap:10px;align-items:center;color:var(--mute);padding:24px}.spin{width:18px;height:18px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{color:var(--mute);padding:14px 0}.center{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.narrow{max-width:480px}.rows{list-style:none;margin:0;padding:0}.rows>li{border-top:1px solid var(--line)}.rows>li:first-child{border-top:0}.row{display:flex;align-items:center;gap:14px;padding:13px 0;color:inherit;text-decoration:none;min-height:56px}.rows>li.row{padding:13px 0}.row-link{border-radius:12px;margin:0 -10px;padding:13px 10px;transition:background-color .15s}.row-link:hover{background:var(--surface-2)}.card>.row-link{margin-top:6px}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.row-main b{color:var(--ink-2);font-weight:700}.row-v{text-align:right;font-weight:800;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end}.row-v small{font-weight:500;color:var(--mute);font-size:.78rem}.row-end{display:flex;align-items:center;gap:10px;white-space:nowrap}.chev{font-size:1.5rem;line-height:1;color:var(--mute);font-weight:300}.row-urgent .row-v{color:var(--alarm-ink)}.row-attention .row-v{color:var(--warn-ink)}.status-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.fchip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;border:1.5px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:.88rem;min-height:38px;background:var(--surface)}.fchip span{color:var(--mute);font-variant-numeric:tabular-nums}.fchip.on{border-color:var(--ink-2);background:var(--surface-2)}.app{min-height:100%;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:color-mix(in srgb,var(--surface) 88%,transparent);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.2rem;color:var(--ink-2);letter-spacing:-.01em}.brand img{width:38px;height:38px;border-radius:50%;background:#fff}.brand small{font-weight:600;font-size:.74rem;color:var(--mute);letter-spacing:.08em;text-transform:uppercase;border-left:1px solid var(--line);padding-left:10px}.brand.light{color:#fff}.top-r{display:flex;align-items:center;gap:10px}.boatname{font-weight:700;color:var(--ink-2)}.picker select{font:inherit;font-weight:700;color:var(--ink-2);border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:var(--surface)}.demo-bar{background:var(--accent);color:#fff;text-align:center;font-size:.8rem;font-weight:700;padding:4px;letter-spacing:.04em}.body{flex:1;display:flex;max-width:1240px;width:100%;margin:0 auto}.side{width:220px;flex:none;padding:22px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:64px;align-self:flex-start}.side a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;text-decoration:none;color:var(--ink);font-weight:600}.side a.on{background:var(--nav-on-bg);color:var(--nav-on-ink)}.side a:hover:not(.on){background:var(--surface-2)}.ic{width:20px;text-align:center;font-size:1.05rem}.side-foot{margin-top:24px;padding:12px 14px;border-top:1px solid var(--line);font-weight:700;color:var(--ink-2);font-size:.9rem}.side-foot small{color:var(--mute);font-weight:500}.main{flex:1;min-width:0;padding:24px 24px 48px}.tabs{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.page-h{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.page-h small{display:block;width:100%;font-size:.92rem;color:var(--mute);font-weight:500;letter-spacing:0}.plan{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px}.crumb{margin:0 0 6px}.crumb a{text-decoration:none;font-weight:600}.status{display:flex;gap:12px;align-items:center;border-radius:var(--r-sm);padding:12px 16px;margin:0 0 14px;background:color-mix(in srgb,var(--ok) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--ok) 25%,var(--line));font-weight:600}.status-attention{background:color-mix(in srgb,var(--warn) 10%,var(--surface));border-color:color-mix(in srgb,var(--warn) 30%,var(--line))}.status-urgent{background:color-mix(in srgb,var(--alarm) 9%,var(--surface));border-color:color-mix(in srgb,var(--alarm) 30%,var(--line))}.status-unknown{background:var(--surface-2);border-color:var(--line)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:0 0 12px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow)}.tile-l{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;min-height:20px;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.tile-v{font-size:1.75rem;font-weight:800;color:var(--ink-2);letter-spacing:-.02em;margin:4px 0 2px;font-variant-numeric:tabular-nums}.tile-s{font-size:.82rem;color:var(--mute)}.tile.stale{opacity:.55;filter:grayscale(1)}.tile-attention{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 7%,var(--surface))}.tile-attention .tile-v{color:var(--warn-ink)}.tile-urgent{border-color:color-mix(in srgb,var(--alarm) 45%,var(--line));background:color-mix(in srgb,var(--alarm) 7%,var(--surface))}.tile-urgent .tile-v{color:var(--alarm-ink)}.tile-v.tile-pos{font-size:1.3rem}.bar{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin:4px 0}.bar i{display:block;height:100%;background:var(--ok);border-radius:99px}.hidden-line{font-size:.85rem;color:var(--mute);margin:0 0 16px}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px;margin:4px 0 6px}.seg button{border:0;background:none;font:inherit;font-weight:600;font-size:.9rem;color:var(--mute);padding:7px 14px;border-radius:999px;cursor:pointer;min-height:36px}.seg button.on{background:var(--nav-on-bg);color:var(--nav-on-ink)}.feed{list-style:none;margin:0;padding:0}.feed-i{border-top:1px solid var(--line);padding:12px 0}.feed-i:first-child{border-top:0}.feed-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.feed-h strong{color:var(--ink-2)}.feed-i p{margin:6px 0}.feed-m{font-size:.82rem;color:var(--mute);margin-bottom:6px}.st-resolved{opacity:.7}.chart{position:relative;width:100%}.chart svg{display:block;touch-action:pan-y}.chart .grid{stroke:var(--grid)}.chart .axis{fill:var(--mute);font-size:11px}.chart .unit{font-weight:700}.chart .cross{stroke:var(--ink-2);stroke-width:1;opacity:.45}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mute);font-size:.9rem}.tip{position:absolute;top:8px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:.8rem;box-shadow:var(--shadow-lg);pointer-events:none;min-width:170px}.tip-t{font-weight:700;color:var(--ink-2);margin-bottom:2px}.sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.85rem;font-weight:600;margin:4px 0}.legend-ev .ev{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 4px 0 10px;vertical-align:middle}.ev.u{background:var(--alarm)}.ev.a{background:var(--warn)}.ev.v{background:var(--s3)}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}.custom{display:flex;gap:10px;flex-wrap:wrap}.custom label{font-size:.85rem;font-weight:600;color:var(--mute);display:flex;gap:6px;align-items:center}.custom input{font:inherit;border:1px solid var(--line);border-radius:10px;padding:6px 8px;color:var(--ink);background:var(--surface)}.chips-row{display:flex;gap:10px;align-items:flex-start;margin:8px 0}.chips-g{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);width:76px;flex:none;padding-top:9px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;color:var(--ink);min-height:36px}.chip.on{color:var(--ink-2)}.chip:disabled{opacity:.45;cursor:not-allowed}.opts{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;border-top:1px solid var(--line);padding-top:10px;margin-top:6px;font-size:.88rem}.check{display:flex;gap:6px;align-items:center;cursor:pointer}.res{color:var(--mute);margin-left:auto}.list{display:flex;flex-direction:column}.list-i{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 4px;border-top:1px solid var(--line);text-decoration:none;color:inherit}.list>.list-i:first-child,.card>.list-i:first-of-type{border-top:0}.list-i:hover:not(.static){background:var(--surface-2)}.list-i .grow,.list-i>.grow{flex:1;text-decoration:none;color:inherit;min-width:0}.list-a{display:flex;gap:8px;align-items:center}.list-t{font-weight:700;color:var(--ink-2)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.big-date{font-size:1.3rem;font-weight:800;color:var(--ink-2)}.row-between{display:flex;justify-content:space-between;align-items:center}.plain{list-style:none;padding:0;margin:0 0 8px}.plain li{padding:4px 0}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 16px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px}.stat-v{font-size:1.4rem;font-weight:800;color:var(--ink-2)}.stat-v small{font-size:.8rem;color:var(--mute);margin-left:3px}.stat-l{font-size:.8rem;color:var(--mute)}.ticks{padding-left:0;list-style:none;margin:6px 0}.ticks li{padding-left:24px;position:relative;margin:4px 0}.ticks li:before{content:"";position:absolute;left:4px;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--ok)}.tbl{width:100%;border-collapse:collapse;font-size:.92rem}.tbl th{text-align:left;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);background:var(--surface-2);padding:6px 8px}.tbl td{border-top:1px solid var(--line);padding:8px;vertical-align:top}.tally{display:flex;gap:18px;flex-wrap:wrap;font-weight:700;font-size:.92rem;align-items:center}.tally>span{display:inline-flex;align-items:center;gap:7px}.actions{list-style:none;padding:0;margin:0}.actions li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--line)}.actions li:first-child{border-top:0}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-weight:800;font-size:.7rem;color:#fff;white-space:nowrap;letter-spacing:.04em}.b-g{background:var(--ok)}.b-a{background:var(--warn)}.b-r{background:var(--alarm)}.b-n{background:var(--unknown)}.b-b{background:var(--brand)}.sections{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.photos figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.photos img,.photos .ph{width:100%;aspect-ratio:16/11;object-fit:cover;display:block;background:var(--surface-2)}.photos figcaption{padding:6px 8px;font-size:.8rem}.upsell{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(160deg,var(--surface) 0%,var(--surface-2) 100%)}.upsell .lock{font-size:2rem;background:var(--surface);border:1px solid var(--line);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex:none}.signin{min-height:100%;display:grid;grid-template-columns:1.1fr .9fr}.signin-hero{background:linear-gradient(160deg,#0d1d44,#14295c 60%,#24407f);color:#fff;padding:48px 56px;display:flex;flex-direction:column;justify-content:center}.signin-hero h1{color:#fff;font-size:clamp(1.8rem,3.6vw,2.7rem);letter-spacing:-.02em;margin-top:6px}.signin-hero .lead{color:#c9d4ea;font-size:1.1rem;max-width:520px}.signin-hero .brand{margin-bottom:auto;font-size:1.4rem}.signin-card{align-self:center;justify-self:center;width:min(420px,92%);margin:40px 0;padding:28px}.field{display:block;font-weight:700;font-size:.9rem;color:var(--ink-2);margin:14px 0}.field input{display:block;width:100%;margin-top:6px;font:inherit;font-size:1.05rem;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}.field input:focus{outline:none;border-color:var(--ink-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink-2) 15%,transparent)}.livepanel .lp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px 18px}.livepanel .lp-cell{border-top:1px solid var(--line);padding-top:10px}.livepanel .lp-v{font-size:1.45rem;font-weight:800;color:var(--ink-2);letter-spacing:-.01em;margin:2px 0;font-variant-numeric:tabular-nums}.livepanel.stale{opacity:.6;filter:grayscale(1)}.boatmap{position:relative;isolation:isolate;z-index:0;margin:0 0 14px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow)}.boatmap-el{width:100%;height:clamp(260px,48vh,460px)}.boatmap.stale .boatmap-el{filter:grayscale(.6)}[data-theme=dark] .boatmap .leaflet-tile-pane{filter:brightness(.78) contrast(1.08) saturate(.85)}[data-theme=dark] .leaflet-container{background:#1a2338}[data-theme=dark] .leaflet-bar a,[data-theme=dark] .leaflet-control-attribution{background:var(--surface);color:var(--ink);border-color:var(--line)}[data-theme=dark] .leaflet-control-attribution a{color:var(--brand-ink)}.boatmap-recenter{color:var(--ink-2);position:absolute;top:10px;right:10px;z-index:500;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 4px #00000026}.boat-marker{background:none;border:0}.boatmap-ph{height:clamp(260px,48vh,460px);display:flex;align-items:center;justify-content:center}@media(max-width:860px){.side{display:none}.main{padding:16px 16px 96px}.top{padding:0 14px;height:58px}.tabs{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--tabbar);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.7rem;font-weight:600;color:var(--mute);text-decoration:none;padding:6px 0;min-height:48px;justify-content:center}.tabs a.on{color:var(--ink-2)}.tabs a.on .ic{color:var(--accent)}.tabs .ic{font-size:1.2rem}.brand small,.boatname{display:none}.grid2,.sections{grid-template-columns:1fr}.tiles{grid-template-columns:1fr 1fr;gap:10px}.tile{padding:12px 14px}.tile-v{font-size:1.4rem}.signin{grid-template-columns:1fr}.signin-hero{padding:32px 24px}.res{margin-left:0}.seg{border-radius:16px}.page-h{font-size:1.5rem}.chips-row{flex-direction:column;gap:4px}.chips-g{padding-top:0}.hero{flex-direction:column;align-items:stretch;gap:18px;padding:20px}.hero .light{align-self:center}.hero-h{font-size:1.35rem}.hero-compact{flex-direction:row;align-items:center;gap:12px;padding:14px 16px}.hero-compact .hero-h{font-size:1.02rem}.status-head{flex-direction:column;align-items:stretch}.status-head .light{align-self:center}.card{padding:16px}.card-list{padding:4px 16px}}@media(max-width:640px){.boatmap-el,.boatmap-ph{height:300px}.hero-compact .light-compact .lamp{width:38px;height:38px}.hero-compact .light-compact .lamp-n{font-size:.95rem}.hero-compact .light-compact .light-housing{gap:6px;padding:6px}.hero-compact .light-compact .light-labels{grid-template-columns:repeat(3,38px);gap:6px;padding:0 6px;font-size:.5rem;letter-spacing:0}}.card{padding:14px 16px;margin:0 0 12px}.card-tight{padding:12px 14px}.card-h{margin-bottom:4px}.main{padding:20px 22px 40px}.page-h{font-size:1.5rem}.page-h small{font-size:.86rem}.hero{padding:16px 20px;gap:16px;margin-bottom:12px}.hero-h{font-size:1.3rem;margin:4px 0}.hero-k{font-size:.7rem}.hero-s{font-size:.84rem}.lamp{width:52px;height:52px}.lamp-n{font-size:1.15rem}.light-housing{gap:9px;padding:8px}.light-labels{grid-template-columns:repeat(3,52px);gap:9px;padding:0 8px;font-size:.62rem}.light-compact .lamp{width:36px;height:36px}.light-compact .lamp-n{font-size:.9rem}.light-compact .light-housing{gap:6px;padding:5px}.light-compact .light-labels{grid-template-columns:repeat(3,36px);gap:6px;padding:0 5px;font-size:.5rem;letter-spacing:0}.tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.tile{padding:10px 12px;border-radius:14px}.tile-l{font-size:.66rem;min-height:16px}.tile-v{font-size:1.3rem;margin:2px 0 0}.tile-v.tile-pos{font-size:1.02rem}.tile-s{font-size:.75rem}.tile-wide{grid-column:span 2}.row,.rows>li.row{padding:9px 0;min-height:46px;gap:12px}.row-link{padding:9px 10px}.livepanel .lp-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px 14px}.livepanel .lp-cell{padding-top:7px}.livepanel .lp-v{font-size:1.15rem}.stats{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.stat{padding:9px 12px}.stat-v{font-size:1.15rem}.callout{padding:10px 14px;font-size:.92rem}.only-mobile{display:none}.pies{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px 8px}.pie{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;border-radius:12px}.pie-svg{display:block;overflow:visible}.pie-track{stroke:var(--surface-2)}.slice{cursor:pointer;transition:stroke-width .12s,opacity .12s;stroke-linecap:butt}.slice:hover,.slice:focus-visible{stroke-width:11px;outline:none}.slice-urgent{stroke:var(--alarm)}.slice-attention{stroke:var(--warn)}.slice-ok{stroke:var(--ok)}.pie-n{font-weight:800;font-size:15px;fill:var(--ink-2);cursor:pointer}.pie-l{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:2px 4px;font:inherit;font-size:.78rem;font-weight:700;color:var(--ink-2);cursor:pointer;border-radius:8px}.pie-l:hover{background:var(--surface-2)}.pie-c{display:flex;gap:4px}.pie-chip{min-width:26px;height:22px;padding:0 6px;border-radius:999px;border:0;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer;font-variant-numeric:tabular-nums}.pc-urgent{background:color-mix(in srgb,var(--alarm) 16%,transparent);color:var(--alarm-ink)}.pc-attention{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn-ink)}.pc-ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok-ink)}.pie-chip.zero{background:var(--surface-2);color:var(--mute);opacity:.7}.pie-nd{background:none;border:0;font:inherit;font-size:.7rem;color:var(--mute);cursor:pointer;padding:0}.main-wide{max-width:1240px;width:100%;margin:0 auto}.fleet-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 12px}.search{position:relative;flex:1 1 260px;display:flex}.search input{width:100%;font:inherit;font-size:.95rem;padding:9px 12px 9px 34px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);min-height:40px}.search input:focus{outline:none;border-color:var(--ink-2)}.search-ic{position:absolute;left:12px;top:50%;transform:translateY(-52%);color:var(--mute);font-size:1.1rem}button.fchip{font:inherit;font-size:.86rem;font-weight:600;cursor:pointer}.seg-sm{margin:0}.seg-sm button{padding:5px 12px;min-height:32px;font-size:.84rem}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.fcard{--c:var(--unknown);display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--c);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow)}.fcard-urgent{--c:var(--alarm)}.fcard-attention{--c:var(--warn)}.fcard-ok{--c:var(--ok)}.fcard-main{flex:1;min-width:0;color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:1px}.fcard-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fcard-top h3{margin:0;font-size:1.05rem}.fcard-h{font-weight:700;font-size:.9rem;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fh-urgent{color:var(--alarm-ink)}.fh-attention{color:var(--warn-ink)}.fh-ok{color:var(--ok-ink)}.fh-unknown{color:var(--mute)}.fcard:hover{box-shadow:var(--shadow-lg)}.role{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:1px 7px;margin-left:6px;vertical-align:middle}.frow .row{display:grid;grid-template-columns:auto minmax(160px,1.2fr) minmax(140px,1.6fr) auto 150px auto;align-items:center}.frow-h{font-weight:600;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frow-when{text-align:right}.mini{display:inline-flex;gap:4px}.mini-n{min-width:24px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;padding:0 6px;font-variant-numeric:tabular-nums}.mn-urgent{background:color-mix(in srgb,var(--alarm) 16%,transparent);color:var(--alarm-ink)}.mn-attention{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn-ink)}.mn-ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok-ink)}.mini-n.zero{background:var(--surface-2);color:var(--mute);opacity:.7}.plainlink{color:inherit;text-decoration:none}.plainlink:hover{text-decoration:underline}.card-h h3{display:flex;align-items:center;gap:8px}.switcher{position:relative}.switcher-btn{display:inline-flex;align-items:center;gap:6px;max-width:44vw;font:inherit;font-weight:700;color:var(--ink-2);background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:6px 12px;min-height:38px;cursor:pointer}.switcher-btn:hover{border-color:var(--mute)}.switcher-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caret{font-size:.7rem;color:var(--mute)}.switcher-pop{position:absolute;right:0;top:calc(100% + 8px);width:min(320px,88vw);max-height:70vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:6px;z-index:60}.switcher-all{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;font-weight:700;text-decoration:none;color:var(--ink-2);border-bottom:1px solid var(--line);margin-bottom:4px}.switcher-all:hover{background:var(--surface-2)}.switcher-q{width:100%;font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);margin:2px 0 6px}.switcher-pop ul{list-style:none;margin:0;padding:0}.switcher-pop li button{width:100%;text-align:left;display:flex;flex-direction:column;gap:1px;padding:8px 12px;border:0;background:none;border-radius:10px;font:inherit;color:var(--ink);cursor:pointer}.switcher-pop li button b{color:var(--ink-2)}.switcher-pop li button:hover{background:var(--surface-2)}.switcher-pop li button.on{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent)}.switcher-none{padding:10px 12px}.side-back{font-size:.86rem;color:var(--mute)!important;padding:6px 14px!important;margin-bottom:6px}@media(max-width:860px){.main{padding:12px 12px 92px}.card{padding:12px 13px;border-radius:16px}.card-list{padding:2px 13px}.page-h{font-size:1.3rem}.hero{padding:14px 16px;gap:12px}.hero-h{font-size:1.15rem}.hero .light{align-self:center}.tiles{grid-template-columns:repeat(3,1fr);gap:8px}.tile{padding:8px 10px;border-radius:12px}.tile-v{font-size:1.02rem}.tile-v.tile-pos{font-size:.9rem}.tile-l{font-size:.58rem;letter-spacing:.04em}.tile-s{font-size:.68rem}.livepanel .lp-grid{grid-template-columns:repeat(3,1fr);gap:8px 10px}.livepanel .lp-v{font-size:.98rem}.lp-wide{grid-column:span 2}.pies{grid-template-columns:repeat(3,1fr)}.fleet-grid{grid-template-columns:1fr;gap:10px}.frow .row{grid-template-columns:auto 1fr auto auto;row-gap:2px}.frow-h{grid-column:2 / 3;grid-row:2;font-size:.8rem}.frow-when{display:none}.frow .mini{grid-column:3;grid-row:1 / 3}.frow .chev{grid-column:4;grid-row:1 / 3}.only-mobile{display:block}.switcher-btn{max-width:40vw;padding:5px 10px;min-height:34px;font-size:.9rem}.top-r{gap:8px}}@media(max-width:640px){.lamp{width:48px;height:48px}.light-labels{grid-template-columns:repeat(3,48px)}.livepanel .lp-v{font-size:.98rem}.boatmap-el,.boatmap-ph{height:260px}}@media(max-width:860px){.hero,.hero-compact{flex-direction:row;align-items:center;gap:10px}.hero-text{flex:1}.hero .lamp{width:40px;height:40px}.hero .lamp-n{font-size:.95rem}.hero .light-housing{gap:5px;padding:5px}.hero .light-labels{grid-template-columns:repeat(3,40px);gap:5px;padding:0 5px;font-size:.5rem;letter-spacing:0}.hero .light-nodata{font-size:.7rem}.hero-s{font-size:.78rem}.pie-svg{width:54px;height:54px}.pie-l{font-size:.72rem}.pie-chip{min-width:22px;height:19px;font-size:.66rem;padding:0 5px}.pies{gap:4px 4px}}@media(max-width:860px){.switcher{position:static}.switcher-pop{position:absolute;left:10px;right:10px;top:calc(100% + 6px);width:auto}.top:has(.switcher) .brand span{display:none}}.trend-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:0 0 12px}.legend-trend{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin:8px 0 0}.legend-trend span{display:inline-flex;align-items:center;gap:6px}button.row{width:100%;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.trow{gap:10px}.clamp1{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spark{flex:none}.spark path{stroke:var(--unknown)}.spark circle{fill:var(--unknown)}.spark-ok path{stroke:var(--ok)}.spark-ok circle{fill:var(--ok)}.spark-attention path{stroke:var(--warn)}.spark-attention circle{fill:var(--warn)}.spark-urgent path{stroke:var(--alarm)}.spark-urgent circle{fill:var(--alarm)}.trow .row-v{min-width:74px}.delta{font-weight:700!important}.d-urgent{color:var(--alarm-ink)!important}.d-attention{color:var(--warn-ink)!important}.d-ok{color:var(--ok-ink)!important}.more{display:block;width:100%;margin:2px 0 8px;padding:9px;border:0;border-top:1px solid var(--line);background:none;font:inherit;font-weight:700;color:var(--brand-ink);cursor:pointer}.trend-chips{margin:0 0 10px}details.raw summary,details.opts-d summary{cursor:pointer;font-weight:700;color:var(--ink-2);list-style:none;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}details.raw summary:before,details.opts-d summary:before{content:"▸";color:var(--mute)}details[open].raw summary:before,details[open].opts-d summary:before{content:"▾"}details.opts-d{margin:0 0 12px}details.opts-d summary{font-weight:500}.picker-btn{white-space:nowrap}.sheet-wrap{position:fixed;inset:0;z-index:100;background:#05091473;display:flex;align-items:center;justify-content:center;animation:fade .15s ease-out}@keyframes fade{0%{opacity:0}}.sheet{width:min(520px,94vw);max-height:80vh;display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden}.sheet-grab{display:none}.sheet-h{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 6px}.sheet-h h3{margin:0}.sheet-q{margin:4px 16px 8px;font:inherit;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink)}.sheet-body{overflow:auto;padding:0 8px 8px;flex:1}.sheet-body h4{margin:10px 8px 4px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.sheet-body ul{list-style:none;margin:0;padding:0}.pk-i{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:10px;cursor:pointer;min-height:44px}.pk-i:hover{background:var(--surface-2)}.pk-i.on{background:color-mix(in srgb,var(--accent) 10%,transparent)}.pk-i.off{opacity:.45;cursor:not-allowed}.pk-i input{width:18px;height:18px;accent-color:var(--accent);flex:none}.pk-l{flex:1;min-width:0;display:flex;flex-direction:column}.pk-l small{color:var(--mute);font-size:.72rem}.pk-adv{width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);margin-top:8px;padding:10px 8px;font:inherit;font-weight:700;color:var(--ink-2);cursor:pointer}.sheet-f{display:flex;justify-content:space-between;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}@media(max-width:860px){.sheet-wrap{align-items:flex-end}.sheet{width:100%;max-height:86vh;border-radius:20px 20px 0 0;border-bottom:0;animation:up .2s ease-out}@keyframes up{0%{transform:translateY(40px);opacity:.6}}.sheet-grab{display:block;width:40px;height:5px;border-radius:9px;background:var(--line);margin:8px auto 0}.trend-bar{flex-wrap:nowrap;gap:6px}.trend-bar .seg{flex:1 1 auto;flex-wrap:nowrap;justify-content:space-between;min-width:0}.trend-bar .seg button{padding:5px 8px;min-width:0}.trend-bar .picker-btn{flex:none;padding:6px 12px}.trow .spark{width:56px}}.acct{position:relative}.avatar{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--line);background:var(--nav-on-bg);color:var(--nav-on-ink);font:inherit;font-weight:800;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.avatar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.avatar-lg{width:40px;height:40px;cursor:default}.acct-pop{position:absolute;right:0;top:calc(100% + 8px);width:280px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:0 12px 32px #0000002e;padding:6px;z-index:60}.acct-who{display:flex;gap:10px;align-items:center;padding:10px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:4px}.acct-who b{display:block;font-size:.8rem;color:var(--mute);font-weight:600}.acct-who small{display:block;font-size:.92rem;color:var(--ink);font-weight:600;word-break:break-all}.acct-item{display:flex;gap:10px;align-items:center;width:100%;padding:10px;border:0;background:none;border-radius:8px;font:inherit;font-weight:600;color:var(--ink);text-decoration:none;cursor:pointer;text-align:left;min-height:44px}.acct-item:hover{background:var(--surface-2)}.acct-item>span{width:20px;text-align:center;color:var(--mute)}.acct-theme{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;font-weight:600}.acct-theme .seg{margin:0}.acct-theme .seg button{padding:5px 10px;min-height:32px;font-size:.84rem}.acct-out{border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:4px}@media(max-width:720px){.acct{position:static}.acct-pop{left:10px;right:10px;width:auto}}.main-narrow{max-width:760px;margin:0 auto;width:100%}.set-card{margin-bottom:16px}.set-lead{margin:0 0 6px}.set-row{display:grid;grid-template-columns:110px 1fr;gap:6px 16px;padding:14px 0;border-top:1px solid var(--line)}.set-row:first-of-type{border-top:0}.set-k{font-weight:700;color:var(--mute);font-size:.9rem;padding-top:2px}.set-v>b{display:block;font-size:1.02rem;word-break:break-all}.set-v p{margin:4px 0 8px}.set-note{display:flex;gap:8px;align-items:baseline;font-size:.9rem}.set-form{margin-top:4px}.set-form .field{margin:8px 0}.set-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}.set-ok{color:var(--ok);font-weight:600;font-size:.9rem}.set-err{color:var(--alarm);font-weight:600;font-size:.88rem}.set-warn{color:var(--warn);font-weight:600;font-size:.84rem}.set-boats{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.set-boats .chip{display:inline-flex;gap:6px;align-items:baseline}.set-boats .chip small{color:var(--mute);font-weight:600;font-size:.74rem}.set-boats .chip.on{background:var(--nav-on-bg);color:var(--nav-on-ink);border-color:var(--nav-on-bg)}.set-boats .chip.on small{color:inherit;opacity:.8}.role-tag{font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.role-owner,.role-approver{background:color-mix(in srgb,var(--ok) 12%,var(--surface));border-color:color-mix(in srgb,var(--ok) 30%,var(--line))}.set-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.set-grid .field{margin:8px 0}.set-grid .field small{display:block;margin-top:4px;font-weight:500}.set-grid .field input{font-size:1rem;padding:10px 12px}.set-grid .field input:disabled{background:var(--surface-2);color:var(--mute)}.field-bad input{border-color:var(--alarm)}.set-span{grid-column:1/-1;margin:8px 0 4px}.set-dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:8px 0}.set-dl dt{font-size:.8rem;color:var(--mute);font-weight:600}.set-dl dd{margin:2px 0 0;font-weight:600;word-break:break-word}.set-sub{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:.92rem;color:var(--mute)}.set-locked{grid-template-columns:repeat(3,1fr)}.set-photo{display:flex;gap:14px;align-items:center;margin:4px 0 10px}.set-photo-img{width:88px;height:66px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:1.8rem;flex:none}.set-photo-img img{width:100%;height:100%;object-fit:cover}.set-photo p{margin:2px 0 6px}@media(max-width:720px){.set-grid,.set-dl{grid-template-columns:1fr}.set-locked{grid-template-columns:1fr 1fr 1fr}.set-row{grid-template-columns:1fr;gap:2px}}.boatmap-tall .boatmap-el{height:clamp(300px,56vh,560px)}[data-theme=dark] .boatmap-trail{stroke:#8db8ff;opacity:.9}.loc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px}.loc-grid .stat-v{font-variant-numeric:tabular-nums}.loc-pos{grid-column:span 2}.loc-coords{display:flex;flex-direction:column}.loc-coords{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.02rem;font-weight:700;letter-spacing:-.01em;color:var(--ink-2)}.loc-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}@media(max-width:720px){.loc-grid{grid-template-columns:1fr 1fr;gap:6px}.loc-pos{grid-column:1/-1}.loc-extra{display:none}.loc-grid .stat{padding:8px 10px}.loc-coords{font-size:.95rem}.loc-coords{flex-direction:row;gap:14px;flex-wrap:wrap}.boatmap-tall .boatmap-el{height:clamp(280px,50vh,440px)}}