.dash-inv-card-name{display:inline-flex;align-items:center;gap:clamp(4px,1.4vw,8px);min-width:0;word-break:normal;overflow-wrap:normal}.dash-inv-card .dash-inv-card-head strong{overflow-wrap:normal;word-break:normal;font-size:clamp(11px,2.7vw,13px)}.dash-inv-storage-label{display:flex;flex-wrap:wrap;column-gap:.35em;min-width:0;word-break:normal;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;line-height:1.15}.dash-inv-storage-label>span{word-break:normal;overflow-wrap:normal}.dash-inv-storage-photo{display:inline-flex;align-items:center;justify-content:center;width:clamp(28px,7vw,52px);height:clamp(26px,6.5vw,48px);flex:0 0 clamp(28px,7vw,52px);overflow:visible}.dash-inv-storage-photo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 3px 4px rgb(0 0 0 / .25))}.dash-inv-storage-photo.is-tank{width:clamp(34px,8vw,64px);flex-basis:clamp(34px,8vw,64px)}.dash-inv-storage-photo.is-can.tone-yellow img{filter:hue-rotate(175deg) saturate(1.8) brightness(1.55) drop-shadow(0 3px 4px rgb(0 0 0 / .25))}.dash-inv-storage-photo.is-can.tone-orange img,.dash-inv-storage-photo.is-can.tone-amber img{filter:hue-rotate(165deg) saturate(1.45) brightness(1.25) drop-shadow(0 3px 4px rgb(0 0 0 / .25))}.dash-inv-storage-photo.is-can.tone-red img{filter:hue-rotate(125deg) saturate(1.65) brightness(1.1) drop-shadow(0 3px 4px rgb(0 0 0 / .25))}.dash-inv-storage-photo.is-can.tone-green img,.dash-inv-storage-photo.is-can.tone-teal img{filter:hue-rotate(285deg) saturate(1.25) brightness(1.05) drop-shadow(0 3px 4px rgb(0 0 0 / .25))}.dash-inv-storage-photo.is-can.tone-rose img{filter:hue-rotate(105deg) saturate(.85) brightness(1.35) drop-shadow(0 3px 4px rgb(0 0 0 / .25))}.dash-inv-storage-photo.is-can.tone-gray img{filter:grayscale(1) brightness(1.15) drop-shadow(0 3px 4px rgb(0 0 0 / .25))}.dash-inv-storage-photo.is-can.tone-purple img{filter:hue-rotate(55deg) saturate(1.1) brightness(1.15) drop-shadow(0 3px 4px rgb(0 0 0 / .25))}.dash-inv-storage-photo.is-can.tone-blue img,.dash-inv-storage-photo.is-can.tone-cyan img{filter:drop-shadow(0 3px 4px rgb(0 0 0 / .25))}.dash-inv-web-products{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;min-width:0}.dash-inv-product-row{display:grid;grid-template-columns:minmax(7.6rem,9rem) minmax(0,1fr);gap:8px;align-items:start;min-width:0;margin:0;padding:8px;border:1px solid color-mix(in srgb,var(--group-accent) 72%,transparent);border-radius:13px;background:color-mix(in srgb,var(--group-card-bg) 45%,transparent)}.dash-inv-product-heading{display:grid;gap:2px;align-content:start;min-width:0;max-width:9rem;padding-top:6px}.dash-inv-product-title{margin:0;min-width:0;color:var(--group-accent);font-size:14px;font-weight:900;line-height:1.15;letter-spacing:.02em;white-space:normal;overflow:visible;overflow-wrap:normal;word-break:normal}.dash-inv-product-total{margin:0;color:var(--group-accent);font-size:12px;font-weight:700;line-height:1.25;overflow-wrap:normal;word-break:normal}.dash-inv-product-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(4px,1.4vw,8px);min-width:0;align-items:stretch}.dash-inv-product-cards>:only-child{grid-column:1 / -1}.dash-inv-product-row .dash-inv-card{min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--group-accent) 38%,transparent);border-left:1px solid color-mix(in srgb,var(--group-accent) 38%,transparent);border-radius:10px;background:color-mix(in srgb,var(--group-card-bg) 72%,var(--surface-elevated));padding:clamp(6px,1.6vw,8px)}.dash-inv-card .tank-fill{width:100%;max-width:100%;margin:0;box-sizing:border-box}@media(max-width:520px){.dash-inv-product-row{grid-template-columns:minmax(0,1fr)}.dash-inv-product-heading{max-width:none;padding-top:0}}@media(min-width:960px){.dash-inv-web-products{grid-template-columns:repeat(2,minmax(0,1fr))}}.boot-splash{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:#001426;opacity:1;transition:opacity .14s ease}.boot-splash.is-leaving{opacity:0;pointer-events:none}.boot-splash-progress{display:flex;align-items:center;justify-content:center;gap:3px;width:min(76vw,340px);height:24px}.boot-splash-progress span{--delay: calc(var(--i) * 24ms);display:block;width:4px;height:22px;border-radius:2px;background:#deaa4f29;animation:boot-progress-fill .9s linear var(--delay) infinite}@keyframes boot-progress-fill{0%,12%{background:#deaa4f29;opacity:.45}13%,72%{background:#deaa4f;opacity:1}73%,to{background:#deaa4f29;opacity:.45}}@media(max-width:600px){.boot-splash-progress{width:68vw;gap:3px}.boot-splash-progress span{width:4px;height:21px}}@media(prefers-reduced-motion:reduce){.boot-splash-progress span{animation-duration:1.5s}}:root{--bg: #f3f1ec;--background: var(--bg);--surface: #fffdf8;--surface-elevated: #ffffff;--surface-secondary: #e7e2d6;--text-primary: #18242c;--foreground: var(--text-primary);--text-secondary: #5b6670;--muted-foreground: var(--text-secondary);--muted: #9aa4ac;--border: #d5d0c4;--primary: #1b3a4b;--primary-strong: #122b38;--on-primary: #f7f3ea;--accent: #b08d3e;--accent-foreground: #1b1b1b;--success: #2f6f4e;--warning: #b45309;--danger: #9b1c1c;--on-danger: #fffdf8;--status-ok-bg: #d9f0e3;--status-ok-fg: #215c3c;--status-warn-bg: #fce7c7;--status-warn-fg: #8a4b0a;--status-danger-bg: #f8d0d0;--status-danger-fg: #7a1515;--sidebar-background: #1b3a4b;--sidebar-foreground: #f7f3ea;--sidebar-muted: rgba(247, 243, 234, .72);--sidebar-active: rgba(247, 243, 234, .16);--sidebar-active-foreground: #f7f3ea;--sidebar-hover: rgba(247, 243, 234, .1);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--z-content: 0;--z-topbar: 20;--z-drawer: 40;--z-menu: 50;--z-dialog: 60;--z-notice: 80;--radius: 12px;--touch: 48px;--sidebar: 272px;--sidebar-collapsed: 76px;--nav-fab: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--chrome-top: 0px;--status-bar: #fffdf8;--font: "Segoe UI", "Trebuchet MS", sans-serif;--group-color-orange: #ff9200;--group-color-yellow: #c9a227;--group-color-amber: #b08d3e;--group-color-blue: #20b8f4;--group-color-green: #2f6f4e;--group-color-red: #b42318;--group-color-cyan: #0e7490;--group-color-purple: #6d28d9;--group-color-gray: #6b7280;--group-color-teal: #0f766e;--group-color-rose: #9f1239}:root[data-theme=dark]{--bg: #050708;--background: var(--bg);--surface: #151515;--surface-elevated: #1d1d1d;--surface-secondary: #121212;--text-primary: #f3f3f3;--foreground: var(--text-primary);--text-secondary: #aeb3ba;--muted-foreground: var(--text-secondary);--muted: #7a8088;--border: rgba(255, 255, 255, .15);--primary: #e07a2f;--primary-strong: #f0a15a;--on-primary: #0a0a0a;--accent: #e07a2f;--accent-foreground: #0a0a0a;--success: #67c395;--warning: #f0b45a;--danger: #ef7a7a;--on-danger: #1a1010;--status-ok-bg: #1b3a2c;--status-ok-fg: #b8ebd0;--status-warn-bg: #3a2c16;--status-warn-fg: #f0d48a;--status-danger-bg: #3a1b1b;--status-danger-fg: #f5c2c2;--sidebar-background: #080808;--sidebar-foreground: #f3f3f3;--sidebar-muted: rgba(243, 243, 243, .65);--sidebar-active: rgba(224, 122, 47, .18);--sidebar-active-foreground: #f3f3f3;--sidebar-hover: rgba(243, 243, 243, .08);--status-bar: #050505;--shadow: 0 8px 24px rgba(0, 0, 0, .45);--group-color-orange: #ff9200;--group-color-yellow: #e8c547;--group-color-amber: #e0b84a;--group-color-blue: #20b8f4;--group-color-green: #67c395;--group-color-red: #ef6b6b;--group-color-cyan: #4ec4d9;--group-color-purple: #a78bfa;--group-color-gray: #9aa4ac;--group-color-teal: #5ecfc4;--group-color-rose: #ef7a9a}html[data-chrome=inset]{--chrome-top: var(--safe-top)}html[data-chrome=web]{--chrome-top: 0px}html[data-chrome=reserved]{--chrome-top: 0px;--safe-top: 0px;--safe-bottom: 0px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;width:100%;max-width:100%;min-height:100%;min-height:100dvh;overflow-x:clip}body{font-family:var(--font);background:var(--background);color:var(--foreground)}button,input,select,textarea{font:inherit;color:inherit;max-width:100%}a{color:inherit}img,svg,video,canvas{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::placeholder{color:var(--muted-foreground);opacity:1}.app-shell{min-height:100vh;min-height:100dvh;display:flex;background:var(--background);width:100%;max-width:100%;min-width:0;overflow-x:hidden;padding-left:var(--safe-left);padding-right:var(--safe-right)}.desktop-shell{display:flex;width:100%;max-width:100%;min-width:0}.sidebar{width:var(--sidebar);min-width:var(--sidebar);background:var(--sidebar-background);color:var(--sidebar-foreground);padding:12px 10px 20px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100dvh;overflow-x:hidden;overflow-y:auto;flex-shrink:0;transition:width .2s ease,min-width .2s ease;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none;width:0;height:0}.sidebar.collapsed{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.sidebar-toolbar{display:flex;align-items:center;gap:8px;min-height:var(--touch);padding:0 4px}.sidebar-toggle{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--sidebar-foreground);display:grid;place-items:center;cursor:pointer}.sidebar-toggle:hover{background:var(--sidebar-hover)}.sidebar-brand{display:flex;align-items:center;gap:8px;min-width:0;font-weight:700;color:var(--sidebar-foreground)}.sidebar-brand-icon{display:grid;place-items:center;color:var(--accent);flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-link,.sidebar button.nav-link{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:12px;text-decoration:none;color:var(--sidebar-foreground);background:transparent;border:0;cursor:pointer;overflow:hidden;white-space:nowrap}.sidebar.collapsed .sidebar-link{justify-content:center;padding:0;overflow:visible}.sidebar-link .nav-icon{display:grid;place-items:center;width:24px;flex-shrink:0;color:var(--sidebar-foreground)}.sidebar-link .nav-label,.sidebar-brand .nav-label{overflow:hidden;text-overflow:clip;white-space:nowrap;min-width:0}.sidebar.collapsed .nav-label{display:none}.sidebar-link.active{background:var(--sidebar-active);color:var(--sidebar-active-foreground);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-link:hover{background:var(--sidebar-hover)}.sidebar-link.active .nav-icon{color:var(--accent)}.sidebar-tooltip{display:none}@media(hover:hover){.sidebar.collapsed .sidebar-link:hover .sidebar-tooltip,.sidebar.collapsed .sidebar-link:focus-visible .sidebar-tooltip{display:block;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--surface-elevated);color:var(--foreground);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:700;white-space:nowrap;z-index:30;box-shadow:var(--shadow);pointer-events:none}}.desktop-main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;padding:calc(12px + var(--chrome-top)) 24px 16px;border-bottom:1px solid var(--border);background:var(--surface);color:var(--foreground);position:sticky;top:0;z-index:var(--z-topbar);min-width:0}.topbar-vessel{display:grid;gap:8px;min-width:0}.topbar-user{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:nowrap;flex-shrink:0;min-width:0}.last-sync-stamp{margin:0;font-size:11px;font-weight:600;color:var(--muted-foreground);white-space:normal;line-height:1.25;text-align:right;min-width:0;max-width:min(42vw,320px);display:grid;gap:2px;justify-items:end}.last-sync-compact{display:none}.last-sync-full{display:inline}.last-change-line,.last-sync-line{min-width:0}.home-topbar{width:40px;height:40px;min-width:40px;min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--foreground);display:grid;place-items:center;flex:0 0 auto;cursor:pointer}.home-topbar.is-current{outline:2px solid var(--accent);outline-offset:1px}.home-fab{position:fixed;z-index:30;left:50%;transform:translate(-50%);bottom:calc(12px + var(--safe-bottom));width:var(--nav-fab);height:var(--nav-fab);border:0;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 92%,var(--surface));color:var(--on-primary);box-shadow:var(--shadow);cursor:pointer}.home-fab.is-current{outline:2px solid var(--accent);outline-offset:2px}.app-shell.has-home-fab .content{padding-bottom:calc(var(--safe-bottom) + var(--nav-fab) + 24px)}@media(max-width:719px){.last-sync-full{display:none}.last-sync-compact{display:inline}}.mobile-header .last-sync-compact{display:inline}.mobile-header .last-sync-long{display:none}.mobile-header .last-sync-short{display:inline}@media(min-width:360px){.mobile-header .last-sync-long{display:inline}.mobile-header .last-sync-short{display:none}}.content{padding:14px;display:grid;gap:12px;width:100%;max-width:100%;min-width:0}.mobile-shell{width:100%;max-width:100%;min-width:0;flex-direction:column;padding-bottom:calc(var(--safe-bottom) + 16px);overflow-x:hidden}.mobile-shell .content{padding-bottom:calc(var(--safe-bottom) + 12px)}.mobile-shell.has-home-fab{padding-bottom:calc(var(--safe-bottom) + var(--nav-fab) + 20px)}.mobile-shell.has-home-fab .content{padding-bottom:calc(var(--safe-bottom) + var(--nav-fab) + 24px)}.mobile-header{position:sticky;top:0;z-index:var(--z-topbar);background:var(--surface);color:var(--foreground);border-bottom:1px solid var(--border);padding:calc(4px + var(--chrome-top)) 12px 6px;display:grid;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0;overflow-x:hidden}.mobile-header .last-sync-stamp{max-width:none;width:100%;text-align:left;justify-items:start;white-space:nowrap}.mobile-header .last-change-line,.mobile-header .last-sync-line{white-space:nowrap;overflow:visible;max-width:none;min-width:0}.mobile-header .user-menu{width:100%;max-width:100%;min-width:0}.mobile-header .user-menu-trigger{max-width:100%;width:100%}.mobile-header .user-menu-name{flex:1 1 auto;min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap;font-size:clamp(12px,3.4vw,14px)}.mobile-header-row,.topbar-primary{display:flex;justify-content:space-between;gap:8px;align-items:center;min-width:0;flex-wrap:nowrap}.mobile-shell .mobile-header-vessel{flex:0 0 auto;flex-shrink:0;overflow:visible;text-overflow:clip}.mobile-header-vessel{flex:1 1 auto;min-width:0;flex-shrink:1;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;font-size:15px}.mobile-header-row .sync-indicator,.topbar-primary .sync-indicator{min-width:0;flex:1 1 auto;justify-content:flex-end}.sync-indicator-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-top-menu{width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--foreground);display:grid;place-items:center;flex:0 0 auto;cursor:pointer}.nav-top-menu:focus-visible{outline:2px solid var(--accent)}.nav-drawer-root{position:fixed;inset:0;z-index:var(--z-drawer);pointer-events:none;visibility:hidden}.nav-drawer-root.is-open{pointer-events:auto;visibility:visible}.nav-drawer-overlay{position:absolute;inset:0;border:0;padding:0;background:#0000008c;cursor:pointer}.sidebar-identity{display:grid;gap:2px;padding:4px 16px 12px;min-width:0}.sidebar-identity strong{font-size:14px;overflow-wrap:anywhere}.sidebar-identity span{color:var(--sidebar-muted);font-size:12px;overflow-wrap:anywhere}.nav-drawer{position:absolute;top:0;left:0;bottom:0;width:min(85vw,320px);max-width:320px;background:#090909;color:#f3f3f3;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;padding:calc(12px + var(--safe-top)) 0 calc(16px + var(--safe-bottom));transform:translate(-100%);transition:transform .22s ease;overflow:hidden}.nav-drawer-root.is-open .nav-drawer{transform:translate(0)}.nav-drawer-header{display:grid;gap:4px;padding:8px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08);min-width:0}.nav-drawer-header strong{font-size:16px;overflow-wrap:anywhere}.nav-drawer-header span{color:#aeb3ba;font-size:13px;overflow-wrap:anywhere}.nav-drawer-nav{overflow-y:auto;overflow-x:hidden;flex:1;padding:8px 0;scrollbar-width:none;-ms-overflow-style:none}.nav-drawer-nav::-webkit-scrollbar{display:none;width:0;height:0}.nav-drawer-section{padding:8px 0}.nav-drawer-section+.nav-drawer-section{border-top:1px solid rgba(255,255,255,.08)}.nav-drawer-section h2{margin:0;padding:6px 16px 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7a8088;font-weight:700}.nav-drawer-link{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;color:#f3f3f3;text-decoration:none;min-width:0}.nav-drawer-link .nav-label{overflow-wrap:anywhere}.nav-drawer-link.is-active{color:#e07a2f;background:#e07a2f1f;box-shadow:inset 3px 0 #e07a2f}.sidebar-section-title{margin:10px 12px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-muted);font-weight:700}.user-menu{position:relative;min-width:0;max-width:100%}.user-menu-trigger{display:inline-flex;align-items:center;gap:8px;min-height:40px;width:100%;max-width:min(360px,100%);padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-elevated);color:var(--foreground);cursor:pointer;min-width:0}.user-menu-avatar{display:grid;place-items:center;color:var(--primary);flex-shrink:0}.user-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:13px}.user-menu-chevron{display:grid;place-items:center;color:var(--muted-foreground)}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:min(220px,100%);width:min(280px,100%);max-width:100%;background:var(--surface-elevated);color:var(--foreground);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:grid;padding:6px;z-index:40}.user-menu-dropdown button{min-height:44px;border:0;background:transparent;color:var(--foreground);text-align:left;padding:0 12px;border-radius:8px;cursor:pointer;font-weight:700}.user-menu-dropdown button:hover,.user-menu-dropdown button:focus-visible{background:var(--surface-secondary)}.user-menu-dropdown button.is-danger{color:var(--danger)}.app-button{min-height:var(--touch);border:0;border-radius:12px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700;width:auto;max-width:100%;min-width:0;box-sizing:border-box;white-space:normal;text-align:center}.app-button-primary{background:var(--primary);color:var(--on-primary)}.app-button-accent{background:var(--accent);color:var(--accent-foreground)}.app-button-secondary{background:var(--surface-secondary);color:var(--foreground)}.app-button-ghost{background:transparent;color:var(--foreground);border:1px solid var(--border)}.app-button-danger{background:var(--danger);color:var(--on-danger)}.app-button:disabled{opacity:.55;cursor:not-allowed}.app-button:hover:not(:disabled){filter:brightness(1.05)}.app-button:active:not(:disabled){filter:brightness(.96)}.app-input,textarea.app-input{width:100%;max-width:100%;min-width:0;min-height:var(--touch);border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--foreground);padding:0 12px}.app-input:disabled,textarea.app-input:disabled{color:var(--muted-foreground);background:var(--surface-secondary);cursor:not-allowed}textarea.app-input{min-height:96px;padding:12px}.field{display:grid;gap:6px}.field-label{font-size:13px;color:var(--muted-foreground);font-weight:700}.field-error{color:var(--danger);font-size:12px}.field-with-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0}.field-unit{color:var(--muted-foreground);font-weight:700}.field-success{color:var(--success);font-size:13px;font-weight:700}.page-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;min-width:0}.page-header h1{margin:0;font-size:clamp(1.05rem,3vw + .55rem,1.5rem);color:var(--foreground);overflow-wrap:normal;word-break:normal}.page-header p{margin:4px 0 0;color:var(--muted-foreground);overflow-wrap:normal;word-break:normal;font-size:13px}h1,h2,h3{overflow-wrap:normal;word-break:normal}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:12px;min-width:0}.card,.tank-card,.product-card,.movement-card,.report-card,.state-card{background:var(--surface);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(10px,2.4vw,14px);box-shadow:var(--shadow);width:100%;max-width:100%;min-width:0;overflow-x:clip;overflow-wrap:anywhere;box-sizing:border-box}.kpi{display:grid;gap:2px}.kpi strong{font-size:20px;color:var(--foreground)}.kpi span{color:var(--muted-foreground);font-size:13px}.tank-occupancy{display:grid;gap:6px;min-width:0}.tank-occupancy-qty,.tank-occupancy-pct{min-width:0;overflow-wrap:anywhere}.tank-occupancy-pct{font-weight:700}.tank-fill{width:100%;max-width:100%;height:10px;border-radius:999px;background:var(--surface-secondary);overflow:hidden}.tank-fill-value{height:100%;max-width:100%;background:var(--primary)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:10px;min-width:0}.action-row{display:flex;flex-wrap:wrap;gap:8px;min-width:0;width:100%;max-width:100%}.action-row .app-button{flex:1 1 calc(50% - 4px);min-width:min(100%,140px);max-width:100%;width:auto}.action-row .app-button:last-child:nth-child(odd){flex-basis:100%}.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.status-ok{background:var(--status-ok-bg);color:var(--status-ok-fg)}.status-warn{background:var(--status-warn-bg);color:var(--status-warn-fg)}.status-danger{background:var(--status-danger-bg);color:var(--status-danger-fg)}.status-info{background:var(--surface-secondary);color:var(--foreground)}.real-check{display:inline-flex;align-items:center;gap:8px;font-weight:700;min-height:44px}.scope-field{display:grid;gap:6px}.simulation-banner{border:1px solid var(--foreground);padding:4px 8px;margin:0;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;width:fit-content}.sync-indicator{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted-foreground);min-width:0;max-width:100%}.sync-cloud{position:relative;flex:0 0 auto;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--muted-foreground)}.sync-cloud:disabled{cursor:wait;opacity:.75}.sync-cloud-mark{position:relative;display:grid;place-items:center;width:22px;height:22px}.sync-cloud-x{position:absolute;right:-5px;top:-4px;color:#e24c4c;font-size:13px;font-weight:900;line-height:1;text-shadow:0 0 2px var(--background)}.sync-cloud-synced{color:#3ddc84}.sync-cloud-attention{color:#c45c5c}.sync-cloud-offline{color:var(--muted-foreground)}.sync-cloud-syncing{color:color-mix(in srgb,var(--foreground) 55%,transparent)}.sync-cloud-pulse{position:absolute;inset:-4px;border:2px solid currentColor;border-radius:999px;border-right-color:transparent;animation:sync-cloud-spin .9s linear infinite}@keyframes sync-cloud-spin{to{transform:rotate(360deg)}}.sync-indicator-button{border:0;background:transparent;padding:4px 0;min-height:44px;cursor:pointer;text-align:left}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.sync-dot.is-pending{background:var(--warning)}.sync-dot.is-error{background:var(--danger)}.sync-dot.is-offline{background:var(--muted)}.state-card.is-error{border-color:var(--danger);color:var(--foreground)}.dialog-backdrop{position:fixed;background:#10161c73;display:grid;place-items:end center;z-index:var(--z-dialog);padding:8px 12px max(8px,var(--safe-bottom));box-sizing:border-box}.dialog-card{width:min(560px,100%);max-width:100%;max-height:calc(var(--dialog-visible-height, 100dvh) - 16px);display:flex;flex-direction:column;overflow:hidden;background:var(--surface-elevated);color:var(--foreground);border:1px solid var(--border);border-radius:16px 16px 0 0;padding:12px 16px 0;box-shadow:var(--shadow);min-width:0;min-height:0}.dialog-card>h2{flex:0 0 auto;margin:0 0 8px;font-size:1.05rem}.dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(12px,var(--safe-bottom));-webkit-overflow-scrolling:touch}.dialog-card p{white-space:pre-wrap;color:var(--foreground)}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;position:sticky;bottom:0;background:var(--surface-elevated);padding:8px 0 max(4px,var(--safe-bottom))}.dialog-backdrop.tank-ops-dialog{place-items:end center}@media(min-width:768px){.dialog-backdrop.tank-ops-dialog{place-items:center}.dialog-backdrop.tank-ops-dialog .dialog-card{border-radius:16px;width:min(520px,94vw)}}.tank-ops-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin:0 0 14px}.tank-ops-facts dt{font-size:.75rem;color:var(--muted-foreground)}.tank-ops-facts dd{margin:2px 0 0;font-weight:700}.tank-ops-actions{display:grid;gap:8px}.tank-ops-actions .app-button{min-height:44px;justify-content:flex-start}.tank-ops-history{list-style:none;margin:0;padding:0;display:grid;gap:12px}.tank-ops-history li{border:1px solid var(--border);border-radius:10px;padding:10px 12px}.data-table-wrap,.table-scroll{display:grid;gap:10px;overflow:auto}.data-table{width:100%;border-collapse:collapse;background:var(--surface);color:var(--foreground)}.data-table th,.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left}.data-table th{color:var(--muted-foreground)}.th-button{background:none;border:0;cursor:pointer;font-weight:700;color:inherit}.table-pager{display:flex;gap:8px;align-items:center;color:var(--foreground)}.mobile-card-list{display:grid;gap:10px}.form-grid{display:grid;gap:12px;min-width:0}.stack{display:grid;gap:10px;min-width:0;width:100%;max-width:100%}.muted{color:var(--muted-foreground)}.demo-banner{background:var(--status-warn-bg);color:var(--status-warn-fg);padding:8px 12px;border-radius:10px;font-size:13px;font-weight:700}.more-page{display:grid;gap:16px;min-width:0;width:100%;max-width:100%}.more-page h1{margin:0;font-size:1.25rem}.more-section{display:grid;gap:6px;min-width:0}.more-section-title{margin:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}.more-group{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);min-width:0;max-width:100%}.more-item{display:flex;align-items:center;gap:12px;width:100%;max-width:100%;min-width:0;min-height:52px;padding:8px 12px;border:0;background:transparent;color:var(--foreground);text-align:left;cursor:pointer;box-sizing:border-box}.more-item+.more-item{border-top:1px solid var(--border)}.more-item-icon{display:grid;place-items:center;color:var(--primary);flex-shrink:0}.more-item-label{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;font-weight:700;font-size:15px}.more-item-chevron{color:var(--muted-foreground);flex-shrink:0}.settings-page{min-width:0}.settings-card,.settings-backup,.settings-sync{min-width:0;max-width:100%}.settings-card .app-button,.settings-backup .app-button,.settings-sync .app-button{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.settings-sync{gap:8px}.settings-sync-status{display:flex;align-items:center;gap:8px;margin:0;font-weight:700}.settings-aux{margin:0;font-size:12px}.settings-details-toggle{border:0;background:transparent;color:var(--primary);font-weight:700;text-align:left;padding:4px 0;min-height:44px;cursor:pointer}.settings-sync-details{display:grid;gap:6px;font-size:13px;min-width:0}.settings-subhead{margin:4px 0 0;font-size:13px;color:var(--muted-foreground);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.settings-file-name{margin:0;font-size:13px;color:var(--muted-foreground);overflow-wrap:anywhere;max-width:100%}.settings-about h2{margin:0;font-size:12px;color:var(--muted-foreground);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.settings-about p{margin:4px 0 0;font-size:12px;color:var(--muted-foreground);overflow-wrap:anywhere}.sr-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:calc(24px + var(--chrome-top)) 16px calc(24px + var(--safe-bottom));background:var(--background);color:var(--foreground);width:100%;max-width:100%}.boot-error-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:calc(24px + var(--chrome-top)) 16px calc(24px + var(--safe-bottom));background:var(--background);color:var(--foreground);width:100%;max-width:100%;box-sizing:border-box}.boot-error-screen .state-card{width:min(440px,100%)}.auth-card{width:min(440px,100%);max-width:100%;background:var(--surface);color:var(--foreground);padding:clamp(18px,4vw,28px);border-radius:24px;border:1px solid var(--border);display:grid;gap:16px;min-width:0}@media(min-width:1200px){.dialog-backdrop{place-items:center}.dialog-card{border-radius:20px}}@media(max-width:1199px){.sidebar{display:none}}@media(max-width:767px){.content{padding:12px}.data-table-wrap{display:none}.user-menu-trigger{max-width:100%}.user-menu-dropdown{left:0;right:0;width:100%}.dialog-actions .app-button{flex:1 1 100%}}@media(min-width:768px){.mobile-only{display:none!important}}@media(max-width:767px){.desktop-only{display:none!important}}@media(orientation:landscape)and (max-height:500px){.mobile-header{padding-top:calc(4px + var(--chrome-top))}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.card-header-row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;min-width:0}.action-menu{position:relative;flex:0 0 auto}.action-menu-trigger{min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer}.action-menu-dropdown{position:absolute;right:0;top:100%;z-index:var(--z-menu);min-width:180px;max-width:min(280px,90vw);background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:grid}.action-menu-dropdown.is-portal{position:fixed;top:0;right:8px}.action-menu-dropdown button,.action-sheet button{text-align:left;padding:12px 14px;border:0;background:transparent;color:inherit;min-height:44px}.action-menu-dropdown button.is-danger,.action-sheet button.is-danger{color:var(--danger, #b42318)}.action-sheet-backdrop{position:fixed;inset:0;z-index:var(--z-menu);background:#10161c73;display:grid;align-items:end}.action-sheet{background:var(--surface-elevated);border-radius:16px 16px 0 0;padding:8px 8px calc(16px + var(--safe-bottom));display:grid;max-height:min(80dvh,100%);overflow-y:auto}.action-sheet-cancel{font-weight:700;color:var(--muted-foreground)}.check-row{display:flex;gap:8px;align-items:center;min-height:44px}.min-w-0{min-width:0}.app-notice-backdrop{position:fixed;inset:0;z-index:var(--z-notice);display:grid;place-items:center;padding:calc(16px + var(--chrome-top)) 16px calc(16px + var(--safe-bottom));pointer-events:none;min-height:100vh;min-height:100dvh}.app-notice-backdrop.is-blocking{pointer-events:auto;background:#10161c47}.app-notice-card{width:min(360px,calc(100vw - 32px));max-width:100%;pointer-events:auto;background:var(--surface-elevated);color:var(--foreground);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:18px 16px;display:grid;gap:10px;justify-items:center;text-align:center;min-width:0}.app-notice-card p{margin:0;overflow-wrap:anywhere}.app-notice-detail{font-size:13px;color:var(--muted-foreground)}.app-notice-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);animation:app-notice-spin .8s linear infinite}@keyframes app-notice-spin{to{transform:rotate(360deg)}}.reports-page{padding-bottom:8px}.reports-generate{width:100%;max-width:100%;min-height:52px;font-weight:800;letter-spacing:.04em}.report-content-mode{border:0;margin:0;padding:0;display:grid;gap:8px;min-width:0}.report-content-mode legend{font-weight:700;margin-bottom:4px}.report-radio,.report-check{display:flex;gap:10px;align-items:flex-start;min-width:0;max-width:100%;overflow-wrap:anywhere}.report-section-picker{display:grid;gap:8px;min-width:0}.report-ready{display:grid;gap:12px;min-width:0}.report-file-name{margin:0;font-weight:700;overflow-wrap:anywhere;max-width:100%}.report-ready-actions{width:100%}.report-ready-actions .app-button{flex:1 1 140px;min-width:0}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;color:var(--muted-foreground)}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--border)}.tank-network{position:relative;min-width:0}.tank-network-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.tank-network-svg line{stroke:var(--accent, var(--primary));stroke-width:2;stroke-linecap:round;opacity:.85}.tank-network-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));gap:8px;min-width:0}@media(max-width:359px){.tank-network-grid{grid-template-columns:minmax(0,1fr)}}.tank-network-card{min-width:0;position:relative;z-index:1}.tank-layout-shell{display:grid;gap:8px;min-width:0;max-width:100%;overflow:visible}.tank-layout-viewport{width:100%;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:visible}.tank-layout-viewport.is-scroll-x{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.tank-layout-edit-hint{margin:0;font-size:11px;font-weight:600;color:var(--muted-foreground)}.tank-layout{position:relative;min-width:0;min-height:0;padding:12px;overflow:hidden;box-sizing:border-box}.tank-layout.is-editing{outline:1px dashed color-mix(in srgb,var(--tank-group-accent, var(--accent)) 50%,transparent);outline-offset:2px;border-radius:12px}.plant-resize-handle{position:absolute;z-index:4;padding:0;border:0;touch-action:none;background:color-mix(in srgb,var(--foreground) 35%,transparent)}.plant-resize-handle.is-e{top:12px;right:0;width:10px;height:calc(100% - 28px);cursor:ew-resize;border-radius:4px;background:color-mix(in srgb,var(--foreground) 22%,transparent)}.plant-resize-handle.is-s{left:12px;bottom:0;height:10px;width:calc(100% - 28px);cursor:ns-resize;border-radius:4px;background:color-mix(in srgb,var(--foreground) 22%,transparent)}.plant-resize-handle.is-se{right:0;bottom:0;width:18px;height:18px;border-radius:2px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0 46%,color-mix(in srgb,var(--foreground) 55%,transparent) 46% 54%,transparent 54% 70%,color-mix(in srgb,var(--foreground) 55%,transparent) 70% 78%,transparent 78%)}.plant-resize-handle:after{content:"";position:absolute;inset:-10px}.tank-resize-handle{position:absolute;z-index:5;touch-action:none;background:var(--accent);opacity:.85}.tank-resize-handle.is-e{top:8px;right:-5px;width:8px;height:calc(100% - 16px);cursor:ew-resize;border-radius:4px}.tank-resize-handle.is-s{left:8px;bottom:-5px;height:8px;width:calc(100% - 16px);cursor:ns-resize;border-radius:4px}.tank-resize-handle.is-se{right:-6px;bottom:-6px;width:12px;height:12px;border-radius:2px;cursor:nwse-resize}.tank-resize-handle:after{content:"";position:absolute;inset:-12px}.tank-layout-node .tank-stock-card{width:100%;height:100%;min-width:0;min-height:0;transform:none;gap:clamp(1px,4cqw,6px);padding:clamp(3px,5cqw,10px) clamp(4px,6cqw,12px);border-radius:clamp(6px,8cqw,10px)}.tank-layout-size-fields{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}.tank-layout-size-fields input{width:4.5rem;min-width:0;padding:4px 6px}.tank-layout-svg{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;z-index:0;overflow:visible}.tank-layout-svg line{stroke:var(--group-accent, var(--tank-group-accent, currentColor));stroke-width:1.6;stroke-linecap:round;opacity:.88}.tank-layout-node{position:absolute;z-index:1;width:var(--tank-card-w, 160px);max-width:none;min-width:0;container-type:inline-size;container-name:tank-card;transform:translate(-50%,-50%);touch-action:none}.tank-layout-node.is-selected{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px;z-index:2}.tank-layout-node.is-draggable{cursor:grab}.tank-layout-node.is-draggable:active{cursor:grabbing}.tank-layout-node .tank-stock-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:4px;min-width:0}.tank-layout-node .tank-stock-card-head strong{font-size:clamp(13px,3.1cqi,16px);min-width:0;overflow:visible;text-overflow:clip;white-space:normal;word-break:normal;overflow-wrap:normal;line-height:1.15}.tank-layout-node .tank-stock-card-pct{font-size:clamp(12px,2.8cqi,15px);flex:0 0 auto}.tank-layout-node .tank-stock-card-qty{font-size:clamp(11px,2.6cqi,13px);white-space:normal;overflow:visible;word-break:normal;overflow-wrap:normal}.tank-layout-node .tank-fill{height:clamp(3px,4.5cqw,6px);margin-top:0}.tank-layout-links{display:grid;gap:6px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,var(--tank-group-accent, transparent))}.tank-layout-links-title,.tank-layout-links-label{margin:0;font-size:12px}.tank-layout-links-list{display:flex;flex-wrap:wrap;gap:8px 12px}.tank-layout-link-item{display:inline-flex;align-items:center;gap:6px;font-size:12px}@media(max-width:639px){.tank-layout{padding:8px}.plant-card-title,.plant-card-pct{font-size:.72rem}.plant-card-meta{font-size:10px}.plant-card-toggle{min-height:32px;column-gap:6px}}.tank-stock-section{gap:14px}.tank-stock-group{display:grid;gap:8px;min-width:0}.tank-stock-group-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--foreground)}.tank-stock-card{display:grid;gap:4px;padding:10px 12px;min-width:0}.tank-stock-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.tank-stock-card-head strong{font-size:.98rem;min-width:0;word-break:normal;overflow-wrap:normal}.tank-stock-card-pct{font-size:.9rem;font-weight:700;color:var(--muted-foreground);flex:0 0 auto}.tank-stock-card-qty{font-size:.9rem;color:var(--foreground);overflow-wrap:anywhere}.tank-stock-card .tank-fill{height:5px;margin-top:2px}.admin-compact .page-header h1{font-size:clamp(1.15rem,3.2vw + .55rem,1.55rem)}.admin-compact .section-title{margin:0 0 6px;font-size:clamp(.95rem,2vw + .55rem,1.15rem)}.admin-compact .card,.admin-compact .product-card,.admin-compact .movement-card{padding:10px 12px}.admin-compact .kpi strong{font-size:18px}.admin-compact .kpi span{font-size:12px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(min-width:720px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.setup-checklist .checklist{margin:8px 0 0;padding-left:1.2rem;display:grid;gap:6px}.setup-checklist a{color:var(--accent);font-weight:700}.attention-card{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.hub-links{display:grid;gap:6px}.hub-link{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-secondary);color:var(--foreground);font-weight:700;font-size:14px;text-decoration:none;cursor:pointer}.hub-link:hover{border-color:var(--accent)}.advanced-options{display:grid;gap:10px;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:color-mix(in srgb,var(--surface-secondary) 80%,transparent)}.advanced-options>summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--muted-foreground)}.advanced-options-body{display:grid;gap:10px;margin-top:8px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface-secondary)}.segmented button{border:0;background:transparent;color:var(--muted-foreground);font-weight:700;padding:8px 10px;border-radius:9px;cursor:pointer;min-height:40px}.segmented button.is-active{background:var(--surface);color:var(--foreground);box-shadow:var(--shadow)}.compact-row{padding:8px 10px}.linkish{border:0;background:transparent;color:var(--accent);font:inherit;font-weight:700;padding:0;text-align:left;cursor:pointer}.form-grid{display:grid;gap:10px}@media(max-width:359px){.admin-compact .page-header h1{font-size:1.1rem}.kpi-grid{gap:6px}}.tank-network-svg line{stroke:var(--tank-group-accent, var(--accent, var(--primary)))}.dash-panel{gap:10px;--tank-group-accent: var(--muted-foreground);--inv-accent: var(--muted-foreground)}.dash-section-title{margin:0 0 8px;font-size:clamp(.95rem,1.2vw + .65rem,1.15rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.dash-section-title-sm{font-size:12px;letter-spacing:.08em;color:var(--muted-foreground);margin-bottom:6px}.dash-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.dash-section-link{font-size:12px;font-weight:700;color:var(--accent);text-decoration:none;white-space:nowrap}.dash-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-width:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.dash-summary-cell{padding:8px 10px;display:grid;gap:1px;min-width:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:transparent}.dash-summary-cell:nth-child(2n){border-right:0}.dash-summary-cell:nth-last-child(-n+2){border-bottom:0}.dash-summary-cell span{font-size:10px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em}.dash-summary-cell strong{font-size:clamp(.9rem,1vw + .7rem,1.05rem);font-weight:700;overflow-wrap:anywhere;color:var(--foreground)}.dash-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.dash-quick-btn{display:flex;align-items:center;justify-content:center;min-height:40px;padding:6px 8px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--muted-foreground);font-weight:600;font-size:12px;text-decoration:none;text-align:center}.dash-quick-btn.is-wide{grid-column:1 / -1}.dash-quick-btn:hover{border-color:var(--accent);color:var(--foreground)}.dash-alerts{display:grid;gap:6px}.dash-alert-banner{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--foreground);font:inherit;cursor:pointer;text-align:left}.dash-alert-banner.is-danger{border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.dash-alert-banner.is-warn{border-color:color-mix(in srgb,var(--warning) 45%,var(--border))}.dash-alert-dot{width:8px;height:8px;border-radius:50%;background:var(--warning);flex:0 0 auto}.dash-alert-banner.is-danger .dash-alert-dot{background:var(--danger)}.dash-alert-text{flex:1;min-width:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}.dash-alert-action{font-size:11px;font-weight:800;color:var(--accent);letter-spacing:.04em}.dash-tanks{display:grid;gap:10px;min-width:0}.plant-board-shell{container-type:inline-size;container-name:plant-board;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.dash-tanks.plant-board-grid,.plant-board-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:100%;box-sizing:border-box;min-width:0;align-items:start}@container plant-board (min-width: 1100px){.plant-board-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.native-plant-stack,.dash-tanks.is-native,.dash-tanks.is-mobile-presentation{display:grid;gap:10px;width:100%;max-width:100%}.native-tank-plant{--native-tank-gap: 8px;--native-tank-card-min-h: 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:minmax(var(--native-tank-card-min-h),auto);grid-auto-flow:row;align-content:start;justify-items:stretch;gap:var(--native-tank-gap);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.plant-board-grid .native-tank-plant,.dash-tank-group .native-tank-plant{--native-tank-gap: 8px;--native-tank-card-min-h: 78px}@media(max-width:359px){.native-tank-plant{--native-tank-gap: 6px;--native-tank-card-min-h: 64px}.native-tank-card .tank-stock-card{padding:8px}.native-tank-card .tank-stock-card-qty{font-size:11px}}.native-tank-slot{min-width:0}.native-tank-slot.is-tall{align-self:stretch}.native-tank-slot.is-tall .tank-stock-card{height:100%;min-height:calc(2 * var(--native-tank-card-min-h) + var(--native-tank-gap))}.native-tank-card,.native-tank-card .tank-stock-card{min-width:0;width:100%;box-sizing:border-box}.native-tank-card .tank-stock-card-head strong{font-size:clamp(12px,3.4vw,15px);overflow-wrap:break-word;word-break:normal;white-space:normal}.native-tank-card .tank-stock-card-pct{font-size:clamp(12px,3.4vw,15px);flex:0 0 auto}.native-tank-card .tank-stock-card-qty{font-size:clamp(11px,3.1vw,13px);overflow-wrap:break-word;word-break:normal}.native-plant-empty{margin:0}.native-tank-organize{list-style:none;margin:0;padding:0;display:grid;gap:8px}.native-tank-organize-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated, var(--surface))}.native-tank-organize-handle{touch-action:none;min-width:40px;min-height:40px;font-size:18px}.native-tank-organize-name{min-width:0;overflow-wrap:anywhere;font-weight:700}.native-tank-span{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;border:0;margin:0;padding:0;font-size:12px}.native-tank-span legend{font-weight:700}.tank-layout-guide{position:absolute;pointer-events:none;z-index:3;background:color-mix(in srgb,var(--accent) 70%,white);opacity:.85}.tank-layout-guide.is-x{top:0;bottom:0;width:1px}.tank-layout-guide.is-y{left:0;right:0;height:1px}.dash-tank-group,.compact-plant-card{display:grid;gap:8px;padding:8px 10px;border-radius:14px;border:1px solid color-mix(in srgb,var(--group-border, var(--border)) 58%,transparent);background:color-mix(in srgb,#000 76%,var(--group-card-bg, var(--surface)));min-width:0;color:var(--foreground)}.dash-tank-group-title{margin:0;font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--group-accent, var(--tank-group-accent, var(--foreground)))}.dash-tank-group-pct{font-size:.82rem;font-weight:800;color:var(--group-accent, var(--tank-group-accent, var(--foreground)))}.dash-tank-group-meta{grid-column:1 / -1;margin:0;font-size:11px;color:color-mix(in srgb,var(--foreground) 72%,transparent)}.dash-tank-group-head{display:grid;grid-template-columns:1fr auto;column-gap:8px;row-gap:0;min-width:0}.dash-tank-group-total{display:flex;justify-content:space-between;gap:8px;align-items:baseline;padding-top:2px;font-size:12px;color:var(--muted-foreground)}.dash-tank-group-total strong{color:var(--foreground);font-size:13px;text-align:right;overflow-wrap:anywhere}.dash-panel .tank-network-grid,.plant-tank-grid{gap:6px}.dash-panel .tank-stock-card,.plant-tank-grid .tank-stock-card{display:grid;gap:3px;padding:6px 8px;min-width:0;border:1px solid color-mix(in srgb,var(--group-border, var(--border)) 72%,transparent);border-radius:10px;background:var(--group-card-bg, var(--surface-elevated));border-left:2px solid color-mix(in srgb,var(--group-accent, var(--tank-group-accent, var(--border))) 78%,transparent);position:relative;box-shadow:none}.dash-panel .tank-stock-card .tank-fill,.plant-tank-grid .tank-stock-card .tank-fill{height:5px;margin-top:0;background:var(--group-track, color-mix(in srgb, var(--foreground) 8%, transparent));border-radius:999px;overflow:hidden}.dash-panel .tank-stock-card .tank-fill-value,.plant-tank-grid .tank-stock-card .tank-fill-value{background:var(--group-accent, var(--tank-group-accent, var(--accent)));border-radius:999px}.dash-panel .tank-stock-card.is-low{border-color:color-mix(in srgb,var(--warning) 55%,var(--border))}.tank-stock-alert,.dash-inv-alert{font-size:9px;font-weight:800;letter-spacing:.06em;color:var(--warning)}.tank-stock-link-hint{position:absolute;top:6px;right:8px;font-size:11px;color:var(--tank-group-accent, var(--muted-foreground));opacity:.85}.dash-panel .tank-stock-card-head strong{font-size:13px;font-weight:800;min-width:0;overflow-wrap:anywhere;color:#f4f7fa}.dash-panel .tank-stock-card-pct,.plant-tank-grid .tank-stock-card-pct{font-size:12px;font-weight:800;color:var(--group-accent, var(--tank-group-accent, var(--muted-foreground)))}.dash-panel .tank-stock-card-qty,.plant-tank-grid .tank-stock-card-qty{font-size:11px;color:#c8d0d8}.tank-stock-wrap{position:relative;min-width:0}.tank-stock-menu{position:absolute;top:0;right:0;z-index:2}.tank-stock-card-hint{font-size:10px;color:color-mix(in srgb,var(--foreground) 55%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-inventory{display:grid;gap:10px;min-width:0}.dash-inv-group{display:grid;gap:6px;min-width:0;padding:6px 0 10px;background:transparent;border:0}.dash-inv-group-title{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--group-accent, var(--inv-accent, var(--foreground)));padding-bottom:4px;border-bottom:1px solid var(--group-border, color-mix(in srgb, var(--inv-accent) 30%, var(--border)))}.dash-inv-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:none;width:100%;justify-content:stretch}.dash-inv-card{background:color-mix(in srgb,#000 18%,var(--group-card-bg, var(--surface-elevated)));border:1px solid color-mix(in srgb,var(--group-border, var(--border)) 80%,transparent);border-left:3px solid var(--group-accent, var(--inv-accent, var(--border)));border-radius:12px;padding:10px 12px;display:grid;gap:4px;min-width:0;width:100%;text-decoration:none;color:inherit;text-align:left;cursor:pointer}.dash-inv-pack{font-size:11px;color:var(--muted-foreground)}.dash-inv-card .tank-fill{height:5px;background:var(--group-track, color-mix(in srgb, var(--foreground) 8%, transparent));border-radius:999px;overflow:hidden}.dash-inv-card .tank-fill-value{background:var(--group-accent, var(--inv-accent, var(--accent)))}.dash-inv-card.is-low{border-color:color-mix(in srgb,var(--warning) 45%,var(--border))}.dash-inv-card-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.dash-inv-card-head strong{font-size:13px;min-width:0;overflow-wrap:normal;word-break:normal;color:var(--foreground)}.dash-inv-pct{font-size:13px;font-weight:800;color:var(--group-accent, var(--inv-accent, var(--muted-foreground)));flex-shrink:0}.dash-inv-qty{font-size:12px;color:var(--muted-foreground)}.dash-inv-extra{font-size:11px;text-align:right}.dash-recent{display:grid;gap:6px;min-width:0}.dash-recent-empty{margin:0;font-size:13px}.dash-recent-list{list-style:none;margin:0;padding:0;display:grid;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.dash-recent-item{padding:8px 10px;display:grid;gap:1px;border-bottom:1px solid var(--border);min-width:0}.dash-recent-item:last-child{border-bottom:0}.dash-recent-when{font-size:11px;color:var(--muted-foreground)}.dash-recent-main{font-size:13px;font-weight:700;overflow-wrap:anywhere}.dash-recent-sub{font-size:12px;overflow-wrap:anywhere}.dash-recent-scope{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--muted-foreground)}.user-menu-trigger{min-height:36px;padding:4px 8px;font-size:13px}.history-compact .movement-card{padding:8px 10px;display:grid;gap:2px;font-size:13px}.auth-screen h1{font-size:clamp(1.4rem,3vw + .8rem,1.85rem)}.auth-entry-title{margin:0 0 4px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}@media(min-width:720px){.dash-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.dash-summary-cell{border-bottom:0}.dash-summary-cell:not(:last-child){border-right:1px solid var(--border)}.dash-summary-cell:last-child{border-right:0}.dash-inv-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));max-width:none}.dash-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dash-quick-btn.is-wide{grid-column:auto}.dash-panel .tank-network-grid,.plant-tank-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,158px),1fr))}}@media(min-width:1100px){.dash-inv-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));max-width:none}}.materials-toolbar{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}@media(min-width:720px){.materials-toolbar{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));align-items:end}}.page-header h1{font-size:clamp(1.75rem,5vw,2rem)}.card,.tank-card,.product-card,.movement-card,.report-card,.state-card{padding:var(--space-md) var(--space-lg)}.mobile-card-list,.stack{gap:var(--space-sm)}.tank-stock-card.is-clickable{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;appearance:none}.compact-plant-card{padding:8px 10px}.plant-card-head{display:flex;align-items:flex-start;gap:2px;min-width:0}.plant-card-toggle{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto;column-gap:8px;row-gap:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;padding:2px 0;min-height:36px}.plant-card-title{grid-column:1;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;color:var(--group-accent, inherit)}.plant-card-pct{grid-column:2;font-weight:800;font-size:.82rem;color:var(--group-accent, inherit)}.plant-card-meta{grid-column:1 / 3;font-size:11px;color:color-mix(in srgb,var(--foreground) 72%,transparent)}.plant-card-chevron{grid-column:3;grid-row:1 / 3;align-self:center;min-width:28px;text-align:center;font-size:16px}.stock-fluid-card{padding:10px 12px;display:grid;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.stock-fluid-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.stock-fluid-head strong{font-size:1.05rem}.stock-fluid-qty{font-size:.9rem;color:var(--muted-foreground)}.stock-fluid-bar{display:flex;align-items:center;gap:8px}.stock-fluid-bar .tank-fill{flex:1;height:6px;margin:0}.stock-fluid-bar .status-badge{flex:0 0 auto}.page-toolbar{display:flex;gap:8px;align-items:center;min-width:0}.page-toolbar .app-input{flex:1}.tank-detail-facts{display:grid;gap:8px;padding:12px}.tank-detail-fact{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.tank-detail-fact span{color:var(--muted-foreground);font-size:14px}.tank-detail-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tank-detail-actions .app-button{flex:1 1 auto;min-width:0}.tank-history-day h3{margin:8px 0 4px;font-size:12px;letter-spacing:.06em;color:var(--muted-foreground)}.tank-history-row{padding:8px 0;border-bottom:1px solid var(--border);display:grid;gap:2px}.tank-history-row-head{display:flex;justify-content:space-between;gap:8px}.tank-history-row .is-in{color:var(--success);font-weight:700}.tank-history-row .is-out{color:var(--danger);font-weight:700}.user-menu-dropdown{z-index:calc(var(--z-topbar) + 1)}.dash-tank-group-head{text-align:center}.dash-tank-group-title{grid-column:1 / -1;text-align:center;font-size:.9rem}.dash-tank-group-pct{position:absolute;right:12px;top:12px}.dash-tank-group{position:relative}.dash-panel .tank-network-grid,.plant-tank-grid{gap:12px}.dash-panel .tank-stock-card,.plant-tank-grid .tank-stock-card{padding:10px 12px;gap:7px;min-height:76px;align-content:stretch}.dash-panel .tank-stock-card-head,.plant-tank-grid .tank-stock-card-head{align-items:baseline}.dash-panel .tank-stock-card-head strong,.plant-tank-grid .tank-stock-card-head strong{font-size:14px;line-height:1.2}.dash-panel .tank-stock-card-pct,.plant-tank-grid .tank-stock-card-pct{font-size:13px}.dash-panel .tank-stock-card-qty,.plant-tank-grid .tank-stock-card-qty{font-size:13px;line-height:1.25;font-weight:500;margin-top:1px}.dash-panel .tank-stock-card .tank-fill,.plant-tank-grid .tank-stock-card .tank-fill{align-self:end;margin-top:auto}.dash-storage-overview{display:grid;gap:12px;margin-top:10px;padding-top:6px}.dash-storage-head{align-items:center;gap:12px}.dash-storage-actions{display:flex;flex-wrap:wrap;gap:8px}.dash-storage-overview .dash-inventory{display:grid;gap:16px}.dash-storage-overview .dash-inv-group-title{text-align:center}@media(max-width:720px){.dash-panel .tank-network-grid,.plant-tank-grid{gap:8px}.dash-panel .tank-stock-card,.plant-tank-grid .tank-stock-card{padding:9px 10px;min-height:72px}.dash-storage-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dash-storage-actions .app-button{width:100%;min-width:0;white-space:normal}}@media(max-width:420px){.dash-storage-actions{grid-template-columns:1fr}}.tank-stock-card-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:baseline;gap:clamp(4px,.55vw,10px);width:100%;min-width:0;white-space:nowrap;font-size:clamp(10px,.82vw,14px);line-height:1.2}.tank-stock-card-summary strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4f7fa;font-size:inherit}.tank-stock-card-current,.tank-stock-card-capacity,.tank-stock-card-of{white-space:nowrap;color:#c8d0d8}.tank-stock-card-summary .tank-stock-card-pct{white-space:nowrap;font-size:inherit;font-weight:800}.tank-stock-card-summary+.tank-stock-card-hint{margin-top:2px}@media(max-width:720px){.tank-stock-card-summary{gap:3px;font-size:clamp(8px,2.25vw,12px)}}.native-tank-slot{position:relative}.native-tank-slot.is-connected-down:after{content:"";position:absolute;z-index:4;left:50%;top:100%;width:5px;height:var(--tank-link-gap, 12px);transform:translate(-50%);border-radius:999px;background:var(--tank-group-accent, currentColor);pointer-events:none;box-shadow:0 0 5px color-mix(in srgb,var(--tank-group-accent, currentColor) 45%,transparent)}.native-tank-slot.is-connected-down:before{content:"";position:absolute;z-index:5;left:50%;top:calc(100% - 3px);width:9px;height:9px;transform:translate(-50%);border-radius:50%;background:var(--tank-group-accent, currentColor);pointer-events:none}@media(max-width:767px){.native-tank-plant{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);--native-tank-gap: 6px;--native-tank-card-min-h: 52px;gap:var(--native-tank-gap)}.native-tank-card .tank-stock-card{min-height:0;padding:6px 7px;gap:3px;border-radius:10px}.native-tank-card .tank-stock-card-head strong,.native-tank-card .tank-stock-card-name{font-size:12px;line-height:1.15}.native-tank-card .tank-fill{height:4px;margin-top:2px}}html[data-platform=android] .native-tank-plant,html[data-platform=ios] .native-tank-plant{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);--native-tank-gap: 6px;--native-tank-card-min-h: 52px;gap:var(--native-tank-gap)}html[data-platform=android] .native-tank-card .tank-stock-card,html[data-platform=ios] .native-tank-card .tank-stock-card{min-height:0;width:100%;padding:6px 7px;gap:3px;border-radius:10px}html[data-platform=android] .dash-storage-overview,html[data-platform=ios] .dash-storage-overview,html[data-platform=android] .dash-storage-head,html[data-platform=ios] .dash-storage-head{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%}html[data-platform=android] .dash-storage-head h2,html[data-platform=ios] .dash-storage-head h2{margin:0;font-size:clamp(1.05rem,5vw,1.35rem);line-height:1.15}html[data-platform=android] .dash-storage-actions,html[data-platform=ios] .dash-storage-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;width:100%}html[data-platform=android] .dash-storage-actions .app-button,html[data-platform=ios] .dash-storage-actions .app-button{width:100%;min-width:0;min-height:48px;padding:8px 10px;white-space:normal;line-height:1.15;text-align:center}html[data-platform=android] .dash-storage-overview .dash-inventory,html[data-platform=ios] .dash-storage-overview .dash-inventory{width:100%;margin:0}@media(max-width:360px){html[data-platform=android] .dash-storage-actions,html[data-platform=ios] .dash-storage-actions{grid-template-columns:minmax(0,1fr)!important}}.inline-field-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.inline-create-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}html[data-platform=android] .inline-field-action,html[data-platform=ios] .inline-field-action{grid-template-columns:minmax(0,1fr)}html[data-platform=android] .inline-field-action .app-button,html[data-platform=ios] .inline-field-action .app-button{justify-self:start}html[data-platform=android] .materials-toolbar,html[data-platform=ios] .materials-toolbar{grid-template-columns:minmax(0,1fr)!important}html[data-platform=android] .dash-storage-actions,html[data-platform=ios] .dash-storage-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-platform=android] .dash-storage-actions>:first-child,html[data-platform=ios] .dash-storage-actions>:first-child{grid-column:1 / -1}.stock-mobile-actions{display:none}html[data-platform=android] .stock-mobile-actions,html[data-platform=ios] .stock-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html[data-platform=android] .stock-mobile-actions .app-button,html[data-platform=ios] .stock-mobile-actions .app-button{width:100%;min-width:0;min-height:50px;padding:9px 10px;white-space:normal;line-height:1.15}html[data-platform=android] .stock-mobile-actions .app-button:first-child,html[data-platform=ios] .stock-mobile-actions .app-button:first-child{grid-column:1 / -1}html[data-platform=android] .stock-kind-tabs,html[data-platform=ios] .stock-kind-tabs{width:100%}html[data-platform=android] .stock-kind-tabs>button,html[data-platform=ios] .stock-kind-tabs>button{min-height:46px;white-space:normal;line-height:1.1}html[data-platform=android] .stock-fluid-card,html[data-platform=ios] .stock-fluid-card{width:100%;min-width:0}html[data-platform=android] .movement-hub-card,html[data-platform=ios] .movement-hub-card{padding:12px}html[data-platform=android] .movement-hub-links,html[data-platform=ios] .movement-hub-links{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}html[data-platform=android] .movement-hub-links .hub-link,html[data-platform=ios] .movement-hub-links .hub-link{width:100%;min-height:54px;padding:10px 12px;text-align:left}html[data-platform=android] .movement-hub-help,html[data-platform=ios] .movement-hub-help{margin:-4px 0 4px}html[data-platform=android] .form-grid,html[data-platform=ios] .form-grid{grid-template-columns:minmax(0,1fr)}html[data-platform=android] .dialog-actions,html[data-platform=ios] .dialog-actions{gap:8px;flex-wrap:wrap}html[data-platform=android] .dialog-actions .app-button,html[data-platform=ios] .dialog-actions .app-button{min-height:46px}html[data-platform=android] .equipment-fluid-heading,html[data-platform=ios] .equipment-fluid-heading{margin-top:4px}html[data-platform=android] .equipment-fluid-heading h2,html[data-platform=ios] .equipment-fluid-heading h2{margin-bottom:0}html[data-platform=android] .app-dialog .form-grid>.card,html[data-platform=ios] .app-dialog .form-grid>.card{padding:10px}html[data-platform=android] .app-dialog .form-grid .field,html[data-platform=ios] .app-dialog .form-grid .field{min-width:0}html[data-platform=android] .app-dialog .app-input,html[data-platform=android] .app-dialog select,html[data-platform=android] .app-dialog textarea,html[data-platform=ios] .app-dialog .app-input,html[data-platform=ios] .app-dialog select,html[data-platform=ios] .app-dialog textarea{width:100%;max-width:100%}html[data-platform=android] .content,html[data-platform=ios] .content{padding-left:10px;padding-right:10px}html[data-platform=android] .page-header,html[data-platform=ios] .page-header{gap:8px}html[data-platform=android] .page-header h1,html[data-platform=ios] .page-header h1{line-height:1.12}html[data-platform=android] .hub-links,html[data-platform=ios] .hub-links{grid-template-columns:minmax(0,1fr)}html[data-platform=android] .hub-link,html[data-platform=ios] .hub-link{min-height:50px;white-space:normal;line-height:1.15}html[data-platform=android] .materials-dashboard .dialog-actions,html[data-platform=ios] .materials-dashboard .dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}html[data-platform=android] .materials-dashboard .dialog-actions .app-button,html[data-platform=ios] .materials-dashboard .dialog-actions .app-button{width:100%;min-width:0;white-space:normal}html[data-platform=android] .materials-dashboard .dialog-actions .app-button:first-child:last-child,html[data-platform=ios] .materials-dashboard .dialog-actions .app-button:first-child:last-child{grid-column:1 / -1}html[data-platform=android] textarea.app-input,html[data-platform=ios] textarea.app-input{min-height:88px;resize:vertical}html[data-platform=android] .segmented,html[data-platform=ios] .segmented{max-width:100%;overflow:hidden}@media(max-width:360px){html[data-platform=android] .materials-dashboard .dialog-actions,html[data-platform=ios] .materials-dashboard .dialog-actions,html[data-platform=android] .stock-mobile-actions,html[data-platform=ios] .stock-mobile-actions{grid-template-columns:minmax(0,1fr)!important}html[data-platform=android] .stock-mobile-actions .app-button:first-child,html[data-platform=ios] .stock-mobile-actions .app-button:first-child{grid-column:auto}}html[data-platform=android] .mobile-header,html[data-platform=ios] .mobile-header{position:sticky;top:0;z-index:var(--z-topbar);flex:0 0 auto;padding-bottom:3px;box-shadow:0 1px 0 var(--border)}html[data-platform=android] .mobile-header-row,html[data-platform=ios] .mobile-header-row{min-height:40px}html[data-platform=android] .mobile-header .nav-top-menu,html[data-platform=ios] .mobile-header .nav-top-menu{width:38px;height:38px}html[data-platform=android] .mobile-header-vessel,html[data-platform=ios] .mobile-header-vessel{line-height:1.1}html[data-platform=android] .settings-sync-history,html[data-platform=ios] .settings-sync-history{display:grid;gap:4px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-secondary)}html[data-platform=android] .settings-sync-history p,html[data-platform=ios] .settings-sync-history p{margin:0;font-size:13px;line-height:1.3}html[data-platform=android] .native-tank-slot.is-connected-down:after,html[data-platform=android] .native-tank-slot.is-connected-down:before,html[data-platform=ios] .native-tank-slot.is-connected-down:after,html[data-platform=ios] .native-tank-slot.is-connected-down:before{content:none!important;display:none!important}html[data-platform=android] .native-tank-card .tank-stock-card-name,html[data-platform=ios] .native-tank-card .tank-stock-card-name{font-size:12px;line-height:1.15;white-space:normal}html[data-platform=android] .dash-inv-group-title,html[data-platform=ios] .dash-inv-group-title{font-size:clamp(15px,4.2vw,18px);line-height:1.2;padding-bottom:8px}html[data-platform=android] .dash-inv-grid,html[data-platform=ios] .dash-inv-grid{gap:10px}html[data-platform=android] .dash-inv-card,html[data-platform=ios] .dash-inv-card{min-height:0;padding:6px 7px;gap:3px;border-radius:10px}html[data-platform=android] .dash-inv-card-head strong,html[data-platform=ios] .dash-inv-card-head strong{font-size:clamp(11px,3.1vw,13px);line-height:1.15;overflow-wrap:normal;word-break:normal}html[data-platform=android] .dash-inv-pct,html[data-platform=ios] .dash-inv-pct{font-size:clamp(10px,2.8vw,12px)}html[data-platform=android] .dash-inv-pack,html[data-platform=ios] .dash-inv-pack,html[data-platform=android] .dash-inv-qty,html[data-platform=ios] .dash-inv-qty,html[data-platform=android] .dash-inv-extra,html[data-platform=ios] .dash-inv-extra{font-size:clamp(10px,2.8vw,12px);line-height:1.2}html[data-platform=android] .dash-inv-card .tank-fill,html[data-platform=ios] .dash-inv-card .tank-fill{height:9px;margin-top:4px}html[data-platform=android] .stock-fluid-card,html[data-platform=ios] .stock-fluid-card{min-height:92px;padding:13px 14px;gap:6px;border-radius:15px}html[data-platform=android] .stock-fluid-head strong,html[data-platform=ios] .stock-fluid-head strong{font-size:clamp(16px,4.5vw,19px)}html[data-platform=android] .stock-fluid-qty,html[data-platform=ios] .stock-fluid-qty{font-size:clamp(14px,3.9vw,17px)}html[data-platform=android] .stock-fluid-bar .tank-fill,html[data-platform=ios] .stock-fluid-bar .tank-fill{height:9px}html[data-platform=android] .native-tank-card .tank-stock-card-summary,html[data-platform=ios] .native-tank-card .tank-stock-card-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name current" "capacityPct capacity";align-items:baseline;column-gap:8px;row-gap:5px;width:100%;font-size:clamp(15px,4.1vw,17px);line-height:1.2;white-space:nowrap}html[data-platform=android] .native-tank-card .tank-stock-card-name,html[data-platform=ios] .native-tank-card .tank-stock-card-name{grid-area:name;font-size:inherit;font-weight:700}html[data-platform=android] .native-tank-card .tank-stock-card-capacity-pct,html[data-platform=ios] .native-tank-card .tank-stock-card-capacity-pct{grid-area:capacityPct;font-size:inherit;font-weight:700;color:#c8d0d8}html[data-platform=android] .native-tank-card .tank-stock-card-current,html[data-platform=ios] .native-tank-card .tank-stock-card-current{grid-area:current;font-size:inherit;font-weight:600}html[data-platform=android] .native-tank-card .tank-stock-card-pct,html[data-platform=ios] .native-tank-card .tank-stock-card-pct{display:none}html[data-platform=android] .native-tank-card .tank-stock-card-capacity,html[data-platform=ios] .native-tank-card .tank-stock-card-capacity{grid-area:capacity;justify-self:end;font-size:inherit;font-weight:600}html[data-platform=android] .native-tank-card .tank-stock-card-of,html[data-platform=ios] .native-tank-card .tank-stock-card-of{display:none}.tank-ops-update{display:grid;gap:14px}.tank-ops-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:14px;border:1px solid var(--border, #34383d);border-radius:14px;background:#ffffff06}.tank-ops-summary>div:first-child{align-self:center}.tank-ops-kicker,.tank-ops-balance span,.tank-ops-capacity span{display:block;color:var(--muted, #a9afb8);font-size:.78rem;font-weight:700;line-height:1.2}.tank-ops-tank-name{display:block;margin-top:3px;font-size:1.18rem}.tank-ops-balance{text-align:right}.tank-ops-balance strong{display:inline-block;margin-top:3px;font-size:1.18rem}.tank-ops-balance small{margin-left:7px;font-size:.92rem;font-weight:800;color:var(--tank-group-accent, currentColor)}.tank-ops-capacity{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:9px;border-top:1px solid var(--border, #34383d)}.tank-measurement-block{display:grid;gap:12px;padding:14px;border:1px solid var(--border, #34383d);border-radius:14px}.tank-ops-section-head h3,.tank-ops-section-head p{margin:0}.tank-ops-section-head h3{font-size:1.08rem}.tank-ops-section-head p{margin-top:4px;color:var(--muted, #a9afb8);font-size:.88rem;line-height:1.35}.tank-measurement-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 12px;align-items:baseline;font-size:.88rem}.tank-measurement-meta span{color:var(--muted, #a9afb8)}.tank-measurement-meta strong{text-align:right;font-weight:650}.tank-ops-primary{width:100%}.tank-ops-update .tank-ops-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tank-ops-update .tank-ops-actions .app-button{width:100%;min-width:0}.tank-ops-update .tank-ops-actions .app-button:last-child:nth-child(3){grid-column:1 / -1}.tank-ops-close{width:100%}html[data-platform=android] .tank-ops-dialog .app-dialog-body,html[data-platform=ios] .tank-ops-dialog .app-dialog-body{padding:14px}html[data-platform=android] .tank-ops-dialog textarea,html[data-platform=ios] .tank-ops-dialog textarea{min-height:68px}@media(max-width:719px)and (display-mode:standalone){.mobile-header{padding:2px 10px 3px;min-height:52px;gap:0}.mobile-header-row,.topbar-primary{min-height:46px}.mobile-header .nav-top-menu{width:36px;height:36px}.mobile-header-vessel{line-height:1}}html[data-platform=android] .mobile-header,html[data-platform=ios] .mobile-header{padding-top:2px;padding-bottom:2px;min-height:52px}html[data-platform=android] .mobile-header-row,html[data-platform=ios] .mobile-header-row{min-height:46px}.global-scope-switch{position:relative;display:inline-flex;width:46px;height:28px;flex:0 0 46px;margin:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.global-scope-switch input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;opacity:0;appearance:none;-webkit-appearance:none;pointer-events:none}.global-scope-slider{position:absolute;inset:0;border:0;border-radius:999px;background:#30343a;box-shadow:inset 0 0 0 1px #ffffff1a;transition:background .16s ease}.global-scope-slider:after{content:"";position:absolute;width:24px;height:24px;left:2px;top:2px;border-radius:50%;background:#f7f7f7;box-shadow:0 1px 4px #00000073;transition:transform .16s ease}.global-scope-switch input:checked+.global-scope-slider{background:#24b979;box-shadow:none}.global-scope-switch input:checked+.global-scope-slider:after{transform:translate(18px)}.global-scope-switch input:focus-visible+.global-scope-slider{outline:2px solid var(--focus-ring);outline-offset:2px}.desktop-main>.topbar,.mobile-shell>.mobile-header{position:sticky!important;top:0!important;z-index:1000!important;flex:0 0 auto;isolation:isolate}.desktop-main,.mobile-shell{overflow:visible!important}.app-shell,.desktop-shell,.desktop-main,.mobile-shell{overflow-x:clip!important;overflow-y:visible!important}.desktop-main>.topbar,.mobile-shell>.mobile-header{position:sticky!important;top:0!important;z-index:1000!important}.tank-stock-card-mobile-pct{display:none}html:not([data-platform=android]):not([data-platform=ios]) .tank-stock-card-summary{grid-template-columns:minmax(0,1fr) auto auto auto}@media(max-width:767px){.native-tank-card .tank-stock-card-summary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name mobilePct" "current current";gap:1px 6px;white-space:normal;font-size:12px}.native-tank-card .tank-stock-card-name{grid-area:name;white-space:normal}.native-tank-card .tank-stock-card-mobile-pct{display:block;grid-area:mobilePct;justify-self:end;color:var(--tank-group-accent, currentColor);font-weight:800}.native-tank-card .tank-stock-card-current{grid-area:current;justify-self:start;font-weight:600}.native-tank-card .tank-stock-card-pct,.native-tank-card .tank-stock-card-capacity{display:none}}html[data-platform=android] .native-tank-card .tank-stock-card-summary,html[data-platform=ios] .native-tank-card .tank-stock-card-summary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name mobilePct" "current current";gap:1px 6px;white-space:normal;font-size:12px}html[data-platform=android] .native-tank-card .tank-stock-card-name,html[data-platform=ios] .native-tank-card .tank-stock-card-name{grid-area:name;white-space:normal}html[data-platform=android] .native-tank-card .tank-stock-card-mobile-pct,html[data-platform=ios] .native-tank-card .tank-stock-card-mobile-pct{display:block;grid-area:mobilePct;justify-self:end;color:var(--tank-group-accent, currentColor);font-weight:800}html[data-platform=android] .native-tank-card .tank-stock-card-current,html[data-platform=ios] .native-tank-card .tank-stock-card-current{grid-area:current;justify-self:start;font-weight:600}@media(max-width:767px){html[data-platform=android] .native-tank-card .tank-stock-card-pct,html[data-platform=ios] .native-tank-card .tank-stock-card-pct,html[data-platform=android] .native-tank-card .tank-stock-card-capacity,html[data-platform=ios] .native-tank-card .tank-stock-card-capacity{display:none}}@media(min-width:768px){html[data-platform=android] .native-tank-card .tank-stock-card-capacity,html[data-platform=ios] .native-tank-card .tank-stock-card-capacity{display:revert}}.dialog-backdrop{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.dialog-card{max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));overflow:hidden}.dialog-body,.app-dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}html[data-platform=android] .dialog-card,html[data-platform=ios] .dialog-card{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px)}.dialog-backdrop.material-edit-dialog{place-items:safe center;align-content:safe center;overflow:auto;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.dialog-backdrop.material-edit-dialog .dialog-card{width:min(720px,100%);max-height:none;overflow:visible;border-radius:16px}.dialog-backdrop.material-edit-dialog .dialog-body{max-height:none;overflow:visible}.dialog-backdrop.material-edit-dialog .form-grid{gap:8px 12px}.dialog-backdrop.material-edit-dialog .field{gap:4px}.dialog-backdrop.material-edit-dialog .app-input,.dialog-backdrop.material-edit-dialog select{min-height:40px}@media(min-width:640px){.dialog-backdrop.material-edit-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-backdrop.material-edit-dialog .form-grid>:first-child,.dialog-backdrop.material-edit-dialog .form-grid>.dialog-actions,.dialog-backdrop.material-edit-dialog .form-grid>details{grid-column:1 / -1}}.demand-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:transparent;color:inherit;border-radius:999px}.demand-bell-badge{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#9f2d2d;color:#fff;font-size:10px;line-height:16px;font-weight:700}.demand-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px}.demand-card p,.demand-notice p{overflow-wrap:normal;word-break:normal}.demand-filters{display:grid;gap:8px}.demand-notice-actions,.demand-create,.demand-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.demand-ack-toggle{background:none;border:0;color:inherit;text-decoration:underline;padding:0}