/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.\!end{inset-inline-end:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.table-cell{display:table-cell}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--portal-release:20260800;--paper:#f4f2e9;--white:#fbfaf5;--ink:#0b2b31;--muted:#6f7d79;--line:#d8ddd6;--sea:#0f766e;--control-active:#3b8198;--control-active-strong:#2f7088;--control-active-soft:#e7f1f5;--control-active-border:#82adbd;--control-active-text:#245c70;--time-control-active:var(--control-active);--time-control-border:var(--control-active-border);--time-control-ink:#173f4d;--mint:#73cdba;--mint-soft:#dff2e9;--coral:#f26b4f;--coral-soft:#ffebe5;--navy:#123b45;--shadow:0 12px 34px #1535370f}.portal-shell input:is([type=date],[type=datetime-local]){border-color:var(--time-control-border);color:var(--time-control-ink);accent-color:var(--time-control-active);background-color:#fff}.portal-shell input:is([type=date],[type=datetime-local]):focus-visible{outline:2px solid var(--time-control-active);outline-offset:1px}.portal-shell input:is([type=date],[type=datetime-local])::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.72}.portal-shell input[type=range]{accent-color:var(--time-control-active)}.portal-shell input[type=range]:focus-visible{outline:2px solid var(--time-control-active);outline-offset:2px}.portal-shell :is(.period-presets,.blackout-quick,.equipment-history-periods,.voyage-playback-speed) button.active,.portal-shell :is(.period-presets,.blackout-quick,.equipment-history-periods,.voyage-playback-speed) button[aria-pressed=true]{border-color:var(--time-control-active);background:var(--time-control-active);color:#fff;box-shadow:inset 0 -2px var(--control-active-strong)}@media (width>=901px){.portal-shell>main{height:100dvh;overflow:hidden}.portal-shell .content{scrollbar-gutter:stable;height:100dvh;overflow-y:auto}}.fleet-page-context{display:none}.analytics-workspace-menu{z-index:22;border-radius:5px;grid-template-columns:minmax(230px,320px) auto;grid-template-areas:"vessel status";align-items:stretch;min-height:50px;margin-bottom:8px;display:grid;position:sticky;top:0;overflow:hidden;box-shadow:0 5px 13px #12373d1a}.analytics-workspace-menu>select{color:#173f4d;background:#fff;border:1px solid #bfd1ce;border-radius:3px;grid-area:vessel;min-width:0;margin:8px;padding:0 34px 0 10px;font-size:11px;font-weight:750}.analytics-current-state{grid-area:status;justify-content:flex-end;align-items:center;padding:7px 10px;display:flex}.analytics-current-state .vessel-data-freshness{white-space:nowrap;margin:0}.analytics-command-deck{margin-top:0;top:62px}.analytics-subnav{gap:3px;margin:4px 0 6px 41px;display:grid}.sidebar nav .analytics-subnav button{color:#74888e;background:0 0;border:0;border-radius:3px;min-height:32px;padding:7px 9px;font-size:10px;font-weight:620}.sidebar nav .analytics-subnav button.active{background:var(--control-active-soft);color:var(--control-active-text);box-shadow:inset 2px 0 var(--control-active);border:0;font-weight:750}.analytics-tertiary-nav{background:#fbfdfcfa;border-color:#d1dfdc;align-items:center;gap:8px;min-height:48px;padding:6px 8px 6px 14px;display:flex}.analytics-tertiary-nav>span{border-right:1px solid #d8e3e1;border-left:3px solid var(--control-active-border);gap:2px;min-width:150px;padding:1px 13px 1px 10px;display:grid}.analytics-tertiary-nav>span small{color:var(--control-active-text);font:800 10px/1.2 var(--font-ui);letter-spacing:.12em;text-transform:uppercase}.analytics-tertiary-nav>span b{color:#7a8e92;font-size:9px;font-weight:620}.analytics-tertiary-nav>div{align-items:center;gap:4px;min-width:0;display:flex}.analytics-tertiary-nav button{color:#235f59;background:#f7fbfa;border:1px solid #cfdfdc;border-radius:3px;min-height:34px;padding:0 14px;font-size:11px;font-weight:720}.analytics-tertiary-nav button:hover{border-color:var(--control-active-border);background:var(--control-active-soft);color:var(--control-active-text)}.analytics-tertiary-nav button.active{border-color:var(--control-active);background:var(--control-active);color:#fff;font-weight:780;box-shadow:0 2px 7px #3b819833}.blackout-register-actions,.admin-workspace-actions{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:8px;display:flex}.blackout-register-actions>span{color:#6b7e7a;font-size:9px}.alert-workspace-menu{grid-template-columns:minmax(190px,230px) minmax(0,1fr);align-items:end;gap:16px;margin-bottom:8px;padding:7px 10px;display:grid}.alert-workspace-menu .workbar-actions{width:auto;min-width:0}.alert-vessel-scope{grid-template-rows:auto 36px;gap:4px;min-width:0;display:grid}.alert-vessel-scope>span{color:#748784;letter-spacing:.11em;font-size:8px;font-weight:800}.alert-vessel-scope select{color:#173f4d;background:#fff;border:1px solid #b9cfcb;border-radius:3px;width:100%;min-width:0;min-height:36px;padding:0 32px 0 10px;font-size:11px;font-weight:700}.admin-workspace-actions .primary-btn{min-height:34px}@media (width<=1100px){.analytics-workspace-menu{grid-template-columns:minmax(190px,240px) auto}.analytics-current-state .vessel-data-freshness time{display:none}}@media (width<=900px){.portal-shell>main,.portal-shell .content{height:auto;overflow:visible}.analytics-workspace-menu{grid-template-columns:1fr;grid-template-areas:"vessel""status";position:static}.analytics-workspace-menu>select{min-height:38px}.analytics-current-state{padding:8px 10px}.analytics-command-deck{position:static}}.session-loading{text-align:center;background:var(--paper);place-content:center;min-height:100vh;display:grid}.session-loading>span{border:1px solid var(--sea);width:48px;height:48px;color:var(--sea);place-items:center;margin:auto;font:28px Georgia;display:grid;transform:rotate(45deg)}.session-loading p{letter-spacing:.13em;color:var(--muted);margin-top:25px;font-size:10px}.session-loading strong{color:var(--control-active-text);letter-spacing:.14em;font-size:10px}.session-loading small{color:#81918d;font-size:10px}.login-page{background:var(--paper);grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);min-height:100vh;display:grid}.login-brand{background:var(--ink);color:#fff;flex-direction:column;padding:52px 7vw;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";background-image:linear-gradient(#73cdba0f 1px,#0000 1px),linear-gradient(90deg,#73cdba0f 1px,#0000 1px);background-size:62px 62px;position:absolute;inset:0}.login-logo{align-items:center;gap:14px;display:flex;position:relative}.login-logo>span{border:1px solid var(--mint);width:43px;height:43px;color:var(--mint);place-items:center;font:26px Georgia;display:grid;transform:rotate(45deg)}.login-logo div{letter-spacing:.2em;font-size:17px;font-weight:800}.login-logo small{color:#8dafaa;letter-spacing:.24em;margin-top:5px;font-size:7px;display:block}.login-copy{max-width:610px;margin:auto 0;position:relative}.login-copy h1{letter-spacing:-.045em;margin:20px 0 28px;font:400 clamp(48px,6vw,82px)/.98 Georgia}.login-copy h1 em{color:var(--mint);font-weight:400}.login-copy p{color:#a9bfbb;max-width:530px;font-size:14px;line-height:1.7}.login-route{border-top:1px dashed #73cdba61;justify-content:space-around;height:80px;display:flex;position:absolute;bottom:19%;left:8%;right:8%;transform:rotate(-6deg)}.login-route i{border:2px solid var(--mint);background:var(--ink);border-radius:50%;width:11px;height:11px;margin-top:-6px}.login-brand>footer{color:#73938e;letter-spacing:.17em;font-size:8px;position:relative}.login-panel{background:var(--white);flex-direction:column;justify-content:center;padding:48px clamp(35px,6vw,85px) 26px;display:flex}.login-panel form{width:100%;max-width:430px;margin:auto}.login-heading>span{color:var(--sea);letter-spacing:.16em;font-size:8px;font-weight:800}.login-heading h2{margin:14px 0 8px;font:400 38px Georgia}.login-heading p{color:var(--muted);margin-bottom:35px;font-size:10px;line-height:1.6}.login-panel label{letter-spacing:.08em;margin-bottom:18px;font-size:9px;font-weight:800;display:block}.login-panel input{border:1px solid var(--line);background:#fff;border-radius:6px;outline:0;width:100%;margin-top:8px;padding:14px;font-size:11px;display:block}.login-panel input:focus{border-color:var(--sea);box-shadow:0 0 0 3px #0f766e17}.login-panel .login-remember{color:var(--muted);letter-spacing:0;text-transform:none;cursor:pointer;align-items:center;gap:9px;margin-top:-4px;font-size:10px;font-weight:600;display:flex}.login-panel .login-remember input{width:16px;height:16px;accent-color:var(--sea);margin:0;padding:0}.login-submit{background:var(--ink);color:#fff;text-align:left;border:0;border-radius:6px;width:100%;padding:14px;font-size:10px;font-weight:800}.login-submit span{float:right;color:var(--mint)}.login-submit:disabled{opacity:.6}.forgot{color:var(--sea);background:0 0;border:0;margin:13px auto;font-size:9px;display:block}.login-error{background:var(--coral-soft);color:#b33e29;border-radius:5px;margin:-5px 0 14px;padding:10px;font-size:9px}.login-security{border-top:1px solid var(--line);gap:10px;margin-top:25px;padding-top:20px;display:flex}.login-security>i{background:var(--mint-soft);width:24px;height:24px;color:var(--sea);border-radius:50%;place-items:center;font-size:10px;font-style:normal;display:grid}.login-security b{font-size:9px;display:block}.login-security small{color:var(--muted);margin-top:4px;font-size:8px;display:block}.login-panel>footer{color:#8c9995;justify-content:space-between;font-size:8px;display:flex}.login-app-download{border:1px solid var(--line);background:#f6faf9;border-radius:7px;grid-template-columns:94px 1fr;align-items:center;gap:16px;width:min(430px,100%);margin:18px auto 22px;padding:12px;display:grid}.login-app-download img{background:#fff;width:94px;height:94px;padding:4px}.login-app-download b{color:var(--ink);font-size:12px}.login-app-download p{color:var(--muted);margin:5px 0 7px;font-size:10px;line-height:1.45}.login-app-download a{color:var(--sea);font-size:10px;font-weight:800}.login-progress i{background:var(--control-active);width:7px;height:7px;box-shadow:0 0 0 3px var(--control-active-soft);border-radius:50%;flex:none}.login-progress{color:var(--control-active-text);align-items:center;gap:8px;margin:-4px 0 14px;font-size:10px;display:flex}@media (width<=520px){.login-app-download{grid-template-columns:76px 1fr}.login-app-download img{width:76px;height:76px}}.tenant-chip{border:1px solid #73cdba33;border-radius:7px;align-items:center;gap:9px;margin:30px 2px 0;padding:10px;display:flex}.tenant-chip>span{width:26px;height:26px;color:var(--mint);background:#73cdba26;border-radius:4px;place-items:center;font-size:8px;font-weight:800;display:grid}.tenant-chip small{letter-spacing:.12em;color:#76958f;font-size:6px;display:block}.tenant-chip b{margin-top:3px;font-size:9px;display:block}.tenant-chip+nav{margin-top:24px}.tenant-banner{border-bottom:1px solid var(--line);color:#71827d;background:#edf5f0;align-items:center;gap:8px;height:38px;padding:0 42px;font-size:8px;display:flex}.tenant-banner b{color:var(--sea);font-size:9px}.tenant-banner small{margin-left:auto}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,select,input{font:inherit;color:inherit}button{cursor:pointer}.portal-shell{grid-template-columns:228px 1fr;min-height:100vh;display:grid}.portal-shell.connect-view-shell{display:block}.connect-view-shell>.sidebar,.connect-view-shell>main>.mobile-top,.connect-view-shell>main>.site-footer{display:none}.connect-view-shell>main,.connect-view-shell>main>.content{width:100%;max-width:none;min-height:100vh;margin:0;padding:0}.sidebar{background:var(--ink);color:#eef7f3;z-index:10;flex-direction:column;height:100vh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.brand{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0 7px;display:flex}.brand>span{width:34px;height:34px;color:var(--mint);border:1px solid #73cdbaa6;place-items:center;font-family:Georgia,serif;font-size:22px;display:grid;transform:rotate(45deg)}.brand>span:first-letter{transform:rotate(-45deg)}.brand div{letter-spacing:.18em;font-size:14px;font-weight:800}.brand small{color:#8cadab;letter-spacing:.22em;margin-top:4px;font-size:7px;display:block}.sidebar nav{gap:5px;margin-top:54px;display:grid}.sidebar nav button{color:#a7bbb7;text-align:left;letter-spacing:.02em;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;padding:12px 13px;font-size:13px;font-weight:600;display:flex;position:relative}.sidebar nav button>span{color:#75918d;width:22px;font-size:18px}.sidebar nav button.active:before{content:"";background:var(--mint);border-radius:0 4px 4px 0;width:3px;height:26px;position:absolute;left:-18px}.sidebar nav button i{background:var(--coral);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:10px;font-style:normal;display:grid}.sidebar-bottom{margin-top:auto}.system-health{background:#73cdba0a;border:1px solid #73cdba33;border-radius:9px;margin-bottom:14px;padding:13px}.system-health span{letter-spacing:.16em;color:#83aaa3;font-size:8px}.system-health span i,.all-online i{background:var(--mint);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #73cdba1f}.system-health b{margin:10px 0 5px;font-size:10px;display:block}.system-health small{color:#728f8a;font-size:9px}.profile{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff17;align-items:center;gap:10px;width:100%;padding:17px 5px 0;display:flex}.avatar{width:32px;height:32px;color:var(--sea);background:#d9eee7;border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.profile div b{font-size:11px;display:block}.profile div small{color:#83a09b;font-size:9px}.profile>i{color:#75918d;margin-left:auto;font-style:normal}.profile-actions .profile{border-top:0;padding-top:14px}.profile-actions .profile>i{letter-spacing:.1em;font-size:8px;font-weight:800}.logout-btn{color:#a9463b;letter-spacing:.04em;cursor:pointer;background:#c95b4e0d;border:1px solid #c95b4e4d;border-radius:3px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:36px;margin-top:8px;font-size:10px;font-weight:800;display:flex}.logout-btn:hover{color:#fff;background:#c95b4e;border-color:#c95b4e}.logout-btn:disabled{opacity:.55;cursor:wait}.portal-shell>main{flex-direction:column;min-width:0;display:flex}.view-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.view-heading.compact{align-items:center}.eyebrow{color:var(--sea);letter-spacing:.16em;margin-bottom:11px;font-size:9px;font-weight:800}.view-heading h1{letter-spacing:-.035em;margin:0 0 9px;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:400;line-height:1.02}.view-heading h1 em{color:var(--sea);font-weight:400}.view-heading p{color:var(--muted);margin:0;font-size:12px}.primary-btn{color:#174f53;box-shadow:none;cursor:pointer;background:#edf6f3;border:1px solid #a9cbc5;border-radius:6px;padding:12px 16px;font-size:11px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s}.primary-btn span{color:var(--sea);margin-left:16px}.primary-btn:hover{color:#0b4448;background:#dceeea;border-color:#78afa5}.primary-btn:focus-visible{outline-offset:2px;outline:2px solid #0f766e47}.primary-btn:disabled{color:#8b9996;cursor:not-allowed;background:#f2f5f4;border-color:#d5dfdc}.secondary-btn{color:#17555b;min-height:38px;box-shadow:none;background:#fff;border:1px solid #a9c5c0;border-radius:4px;padding:8px 13px;font-size:11px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s,transform 80ms}.secondary-btn:hover{color:#0b4448;background:#edf6f3;border-color:#78aaa3}.secondary-btn:active{transform:translateY(1px)}.secondary-btn:disabled{color:#8b9996;cursor:not-allowed;background:#f4f6f5;border-color:#d7e0de}.view-heading select,.toolbar button{border:1px solid var(--line);background:var(--white);border-radius:6px;padding:10px 13px;font-size:11px}.toolbar{gap:8px;display:flex}.card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px}.hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.7fr);gap:14px;display:grid}.card-title{border-bottom:1px solid var(--line);letter-spacing:.12em;justify-content:space-between;align-items:center;height:45px;padding:0 16px;font-size:9px;font-weight:800;display:flex}.card-title button{color:var(--sea);letter-spacing:0;background:0 0;border:0;font-size:9px;font-weight:700}.fleet-map .card-title .all-vessels-link{color:#096f67;background:#f2faf8;border:1px solid #8ebcb5;border-radius:4px;padding:6px 9px;font-size:11px;transition:color .16s,background-color .16s,border-color .16s,transform .16s}.fleet-map .card-title .all-vessels-link:hover,.fleet-map .card-title .all-vessels-link:focus-visible{border-color:var(--sea);background:var(--sea);color:#fff;outline:none;transform:translate(2px)}.card-title strong{color:var(--coral);background:var(--coral-soft);border-radius:10px;margin-left:7px;padding:3px 7px}.card-title .trend-heading{gap:3px;display:grid}.card-title .trend-heading small{color:#6f827e;letter-spacing:0;font-size:10px;font-weight:500}.propulsion-chart-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.propulsion-chart-actions>span{white-space:nowrap}.propulsion-signal-toggles{align-items:center;gap:5px;display:flex}.propulsion-signal-toggles button{color:#607571;min-height:29px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bdd0cc;border-radius:3px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.propulsion-signal-toggles button:hover:not(:disabled){background:#f0f7f5;border-color:#6f9e96}.propulsion-signal-toggles button.active{border-color:var(--control-active-border);background:var(--control-active-soft);color:var(--control-active-text)}.propulsion-signal-toggles button:disabled{cursor:default}.propulsion-signal-toggles i{background:currentColor;width:12px;height:3px}.propulsion-signal-toggles .shaftPower i{background:#27718a}.propulsion-signal-toggles .speed i{background:#12906f}.propulsion-signal-toggles .mainFuelRate i{background:#d66b4f}.live-dot{background:var(--mint);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #73cdba26}.map-canvas{aspect-ratio:2;background-color:#eef2ec;background-image:linear-gradient(#0f766e0e 1px,#0000 1px),linear-gradient(90deg,#0f766e0e 1px,#0000 1px);background-size:42px 42px;height:auto;position:relative;overflow:hidden}.map-canvas:before{content:"";background:radial-gradient(at 18% 32%,#93a99b38 0 12%,#0000 12.4%),radial-gradient(at 29% 74%,#93a99b30 0 10%,#0000 10.4%),radial-gradient(at 54% 38%,#93a99b2e 0 11%,#0000 11.4%),radial-gradient(at 79% 33%,#93a99b2e 0 18%,#0000 18.4%),radial-gradient(at 85% 78%,#93a99b2e 0 8%,#0000 8.4%);display:none;position:absolute;inset:0}.world-map{z-index:0;opacity:.62;width:100%;height:100%;position:absolute;inset:0}.map-attribution{z-index:1;color:#687d78;letter-spacing:.04em;pointer-events:none;background:#f9fcfac7;border-radius:2px;padding:2px 5px;font-size:7px;position:absolute;bottom:6px;right:8px}.world-map path{fill:#d2ded7;stroke:#f4f7f3;stroke-width:.6px;vector-effect:non-scaling-stroke}.continent{letter-spacing:.16em;color:#8b9a92;text-align:center;z-index:1;font-size:6px;position:absolute}.c1{top:28%;left:13%}.c2{top:67%;left:26%}.c3{top:24%;left:50%}.c4{top:59%;left:53%}.c5{top:27%;left:75%}.c6{top:73%;left:84%}.route{transform-origin:0;z-index:1;border-top:1px dashed #0f766e66;height:1px;position:absolute}.r1{width:45%;top:45%;left:14%;transform:rotate(14deg)}.r2{width:39%;top:71%;left:43%;transform:rotate(-17deg)}.r3{width:30%;top:34%;left:61%;transform:rotate(31deg)}.ship-marker{z-index:2;--ship-color:#16836f;cursor:pointer;background:0 0;border:0;width:20px;height:28px;padding:0;font-size:10px;position:absolute;transform:translate(-50%,-50%)}.ship-marker .ais-vessel-symbol{transform-origin:50%;width:18px;height:26px;margin:1px auto;display:block;overflow:visible}.ais-vessel-symbol .ais-target{fill:#fffffff5;stroke:var(--ship-color);stroke-width:2.2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ais-vessel-symbol .ais-heading-vector{fill:none;stroke:var(--ship-color);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.ship-marker.realtime{--ship-color:#087c69}.ship-marker.delayed{--ship-color:#d42d23}.ship-marker:hover,.ship-marker:focus-visible{z-index:5}.ship-marker:hover .ais-vessel-symbol,.ship-marker:focus-visible .ais-vessel-symbol{scale:1.22}.ship-marker b{white-space:nowrap;background:var(--ink);color:#fff;border-radius:3px;padding:7px 10px;font-size:11px;line-height:1.25;display:none;position:absolute;top:-4px;left:12px;box-shadow:0 3px 10px #041f2647}.ship-marker:hover b{display:block}.m1{top:40%;left:17%}.m2{top:60%;left:36%}.m3{top:25%;left:51%}.m4{top:48%;left:75%}.m5{color:var(--coral);top:67%;left:83%}.m6{top:77%;left:58%}.map-legend{border:1px solid var(--line);color:#667a75;z-index:3;background:#fbfaf5e6;border-radius:4px;gap:13px;padding:7px 10px;font-size:7px;display:flex;position:absolute;bottom:12px;left:14px}.map-legend i{border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.map-legend button{color:#496460;font-size:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:3px 5px}.map-legend button:hover,.map-legend button.active{background:var(--control-active-soft);color:var(--control-active-text)}.map-status-list{border-top:1px solid var(--line);background:#fff}.map-status-list>header{background:#f1f6f5;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.map-status-list>header b{letter-spacing:.08em;font-size:11px}.map-status-list>header button{color:var(--sea);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.map-status-list{max-height:285px;overflow-y:auto}.map-status-row{color:#526965;text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #e4ebe9;grid-template-columns:1.25fr .55fr .75fr 1.25fr 18px;align-items:center;gap:10px;width:100%;padding:10px 14px;display:grid}.map-status-row:hover{background:#edf7f5}.map-status-row strong{color:#173f4a;font-size:11px}.map-status-row span{font-size:10px}.map-status-row em{color:var(--sea);font-style:normal}.green{background:var(--sea)}.navy{background:var(--navy)}.coral{background:var(--coral)}.attention{min-width:0}.attention-title-actions{align-items:center;gap:6px;display:flex}.attention-title-actions>button{color:#17645f;background:#f8fbfa;border:1px solid #c9d9d6;border-radius:4px;min-height:28px;padding:4px 9px;font-size:9px;font-weight:750}.attention-title-actions>button:hover,.attention-title-actions>button:focus-visible{color:#0b6f65;background:#edf6f4;border-color:#7fafa7;outline:none}.attention-blackout-summary{border-radius:4px;align-items:center;gap:5px;min-height:28px;display:inline-flex;color:#176c5c!important;background:#f2faf7!important;border:1px solid #c9e1da!important;padding:4px 8px!important}.attention-blackout-summary svg{width:13px;height:13px}.attention-blackout-summary strong{color:inherit;background:0 0;margin:0;padding:0}.attention-blackout-summary.has-events{color:#b52c25!important;background:#fff6f5!important;border-color:#e3a29d!important}.alert-item{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr 20px;align-items:start;gap:8px;padding:13px 14px;display:grid}.alert-item[role=button]{cursor:pointer}.alert-item[role=button]:hover,.alert-item[role=button]:focus-visible{background:#edf7f5;outline:none}.alert-item .alert-go{color:var(--sea);font-size:15px}.alert-icon{width:27px;height:27px;color:var(--sea);background:#edf1ed;border-radius:50%;place-items:center;font-weight:800;display:grid}.alert-item.high .alert-icon{background:var(--coral-soft);color:var(--coral)}.alert-item b{font-size:10px}.alert-item p{color:#647671;margin:5px 0 4px;font-size:8px}.overview-alert-vessel{color:#0b5864;margin-bottom:4px;font-size:12px;display:block}.overview-alert-vessel+span{display:block}.alert-item small{color:#9aa5a1;font-size:7px}.alert-item button{color:var(--sea);background:0 0;border:0}.quiet-btn{color:var(--sea);background:0 0;border:0;padding:12px 15px;font-size:9px;font-weight:700}.metric-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;display:grid}.metric{min-height:132px;padding:14px 15px 12px;position:relative;overflow:hidden}.metric-button{width:100%;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.metric-button:hover,.metric-button:focus-visible{border-color:#5f9e99;transform:translateY(-1px);box-shadow:0 3px 12px #1446481a}.metric-button.selected{border-color:var(--control-active);box-shadow:inset 0 -3px 0 var(--control-active)}.metric-label{letter-spacing:.11em;color:#536b67;justify-content:space-between;font-size:8px;font-weight:800;display:flex}.metric-label span{color:var(--sea);font-size:14px}.metric-value{margin-top:13px;font-family:Georgia,serif;font-size:29px}.metric-value small{color:#81908c;font-family:Arial;font-size:10px}.metric-foot{margin-top:5px;font-size:8px;font-weight:700}.metric-foot span{color:#82918c;margin-left:4px;font-weight:400}.positive{color:var(--sea)}.warning{color:var(--coral)}.mini-bars{align-items:flex-end;gap:2px;width:44%;height:31px;display:flex;position:absolute;bottom:13px;right:13px}.mini-bars i{background:var(--mint);opacity:.6;flex:1}.mini-bars.coral i{background:#e6c1b4}.vessel-bars{height:27px;bottom:27px}.vessel-bars small{white-space:nowrap;color:var(--muted);font-size:9px;font-weight:500;position:absolute;bottom:-17px;right:0}.mini-bars-empty{color:var(--muted);font-size:10px;position:absolute;bottom:14px;right:13px}.metric-vessel-list{margin-top:14px;overflow:hidden}.metric-vessel-list>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:12px 16px;display:flex}.metric-vessel-list>header b{color:var(--ink);letter-spacing:.08em;font-size:12px;display:block}.metric-vessel-list>header span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.metric-vessel-list>header button{color:var(--sea);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.metric-vessel-table{overflow-x:auto}.metric-vessel-head,.metric-vessel-row{grid-template-columns:1.35fr 1.15fr .75fr .85fr 1fr 1.35fr;align-items:center;gap:12px;min-width:900px;display:grid}.metric-vessel-head{color:#637875;background:#f0f5f4;padding:9px 16px}.metric-vessel-head b{letter-spacing:.08em;font-size:9px}.metric-vessel-row{color:#415b58;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e2e9e7;width:100%;padding:11px 16px}.metric-vessel-row:hover,.metric-vessel-row:focus-visible{background:#edf7f5}.metric-vessel-row strong{color:#143f4c;font-size:11px}.metric-vessel-row span{font-size:10px}.metric-vessel-row small{color:var(--muted);font-size:9px}.metric-vessel-row i{background:#9aa9a6;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.metric-vessel-row i.moving{background:#16836f}.metric-vessel-row .stale{color:#b92d26;font-weight:700}.lower-grid{grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px;display:grid}.performance-body{grid-template-columns:130px 1fr;gap:20px;height:175px;padding:18px;display:grid}.performance-body>div:first-child span{color:var(--muted);font-size:8px;display:block}.performance-body strong{margin:8px 0;font-family:Georgia,serif;font-size:34px;display:block}.performance-body small{color:var(--sea);font-size:8px}.period{display:flex}.period button{color:#87938e;border:0;border-radius:3px;padding:5px 7px}.period button.active{background:var(--control-active-soft);color:var(--control-active-text)}.large-bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:4px;height:115px;display:flex;position:relative}.large-bars:before,.large-bars:after{content:"";border-top:1px dashed #e3e7e2;position:absolute;left:0;right:0}.large-bars:before{top:30%}.large-bars:after{top:60%}.large-bars i{background:linear-gradient(var(--mint), #b5e2d7);z-index:1;flex:1;min-width:3px;position:relative}.large-bars i:nth-last-child(-n+5){background:var(--sea)}.large-bars span{color:#9aa5a1;white-space:nowrap;font-size:6px;font-style:normal;position:absolute;top:119px;left:-7px}.vessel-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:33px 1fr auto 20px;align-items:center;gap:9px;width:100%;height:58px;padding:0 15px;display:grid}.vessel-row:hover,.table-row:hover,.user-row:hover{background:#f2f7f3}.vessel-badge{background:var(--mint-soft);width:31px;height:31px;color:var(--sea);border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:grid}.vessel-row b{font-size:9px;display:block}.vessel-row small{color:#87938f;margin-top:4px;font-size:7px;display:block}.vessel-row strong{font-size:9px}.recent{overflow:hidden}.site-footer{border-top:1px solid var(--line);color:#84918d;justify-content:space-between;margin:auto 42px 0;padding:18px 0 24px;font-size:8px;display:flex}.mobile-top{display:none}.table-card{overflow:hidden}.table-head,.table-row{grid-template-columns:1.6fr .8fr .65fr .8fr .8fr .8fr 20px;align-items:center;gap:14px;padding:0 18px;display:grid}.table-head{border-bottom:1px solid var(--line);letter-spacing:.1em;color:#6d7d79;height:42px;font-size:8px}.table-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;width:100%;height:66px;font-size:10px}.vessel-name{align-items:center;gap:10px;display:flex}.vessel-name strong{font-size:10px;display:block}.vessel-name small{color:#8a9793;margin-top:4px;font-size:8px;display:block}.status-pill{background:var(--mint-soft);width:max-content;color:var(--sea);border-radius:11px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;display:flex}.status-pill i{background:var(--sea);border-radius:50%;width:5px;height:5px}.status-pill.port{color:#63716d;background:#e8ecea}.status-pill.port i{background:#788681}.health{padding-bottom:10px;font-size:8px;position:relative}.health>i{background:var(--mint);border-radius:4px;height:3px;position:absolute;bottom:2px;left:0}.cctv-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,.65fr);gap:14px;display:grid}.video-card{overflow:hidden}.video-feed{background:linear-gradient(#9fc6c9 0 45%,#346874 45% 100%);height:480px;position:relative;overflow:hidden}.video-grid-lines{z-index:1;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.camera-scene{position:absolute;inset:0}.horizon{border-top:2px solid #ffffff80;position:absolute;top:45%;left:0;right:0}.bow{color:#7e9692;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 -8px 8px #00000026);background:#c8d3cf;height:51%;font-size:0;position:absolute;bottom:-14%;left:31%;right:31%}.wave{border-top:2px solid #fff6;border-radius:50%;width:28%;height:12%;position:absolute;bottom:24%}.w1{left:4%;transform:rotate(7deg)}.w2{right:3%;transform:rotate(-9deg)}.w3{width:22%;bottom:8%;left:8%}.video-top,.video-bottom{z-index:2;color:#fff;text-shadow:0 1px 3px #173c45;justify-content:space-between;font-size:8px;display:flex;position:absolute;left:14px;right:14px}.video-top{top:14px}.video-bottom{bottom:13px}.recording{background:var(--coral);text-shadow:none;border-radius:3px;padding:5px 7px}.recording i{background:#fff;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.playback{align-items:center;gap:12px;height:48px;padding:0 14px;display:flex}.playback button{background:0 0;border:0}.timeline{background:#dfe4df;flex:1;height:3px;position:relative}.timeline i{background:var(--sea);width:12%;position:absolute;top:0;bottom:0;left:88%}.playback span{color:var(--sea);font-size:8px;font-weight:800}.camera-list{height:528px;overflow:auto}.all-online{color:var(--sea);font-size:7px}.camera-list>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;width:100%;height:43px;padding:0 12px;display:grid}.camera-list>button:hover,.camera-list>button.active{background:var(--control-active-soft)}.camera-list>button>span{color:var(--sea)}.camera-list>button>span.offline{color:var(--coral)}.camera-list button b{font-size:8px;display:block}.camera-list button small{color:#7d8c87;margin-top:2px;font-size:7px;display:block}.camera-list button>i{color:var(--sea);font-size:7px;font-style:normal}.camera-list button span.offline~div~i{color:var(--coral)}.camera-info{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.camera-info article{padding:15px}.camera-info span,.analytics-kpis span{letter-spacing:.11em;color:#7c8c87;font-size:7px}.camera-info b{margin:7px 0 4px;font-size:10px;display:block}.camera-info small{color:#86928f;font-size:8px}.real-cctv-player{min-width:0}.cctv-video-stage{background:#07191e;place-items:center;height:510px;display:grid;position:relative;overflow:hidden}.cctv-video-stage video{object-fit:contain;background:#07191e;width:100%;height:100%}.cctv-connect-prompt{color:var(--ink);text-align:center;background:radial-gradient(circle,#65bfb429,#0000 38%),linear-gradient(135deg,#eef5f3,#dceae7);place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.cctv-connect-prompt>span{color:var(--sea);font-size:34px}.cctv-connect-prompt>b{letter-spacing:.04em;font-size:20px}.cctv-connect-prompt>small{color:var(--muted);font-size:11px}.cctv-connect-prompt .primary-btn{margin-top:8px}.cctv-connect-prompt .primary-btn:disabled{color:#7b8d89;cursor:not-allowed;background:#e8eeee;border-color:#c5d1cf}.cctv-state{color:var(--deep);letter-spacing:.12em;background:#e2efecf5;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}.cctv-live-badge{color:#fff;background:#0c252be0;border-radius:3px;padding:7px 10px;font-size:10px;font-weight:800;position:absolute;top:16px;left:16px}.cctv-live-badge i{background:#ef5d50;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #ef5d502e}.cctv-controls{border-top:1px solid var(--line);align-items:center;gap:15px;min-height:68px;padding:11px 14px;display:flex}.cctv-controls>div:first-child{min-width:210px}.cctv-controls b,.cctv-controls span{display:block}.cctv-controls b{color:var(--ink);font-size:12px}.cctv-controls span{color:var(--muted);margin-top:3px;font-size:10px}.cctv-quality{border:1px solid var(--line);border-radius:3px;display:flex;overflow:hidden}.cctv-quality button,.cctv-stop{min-height:34px;color:var(--sea);background:#fff;border:0;font-size:10px;font-weight:800}.cctv-quality button{border-right:1px solid var(--line);width:48px}.cctv-quality button:last-child{border-right:0}.cctv-quality button.active{background:var(--control-active);color:#fff}.cctv-idle{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:10px}.cctv-stop{color:#b84136;border:1px solid #e4aaa3;padding:0 12px}.real-camera-list{height:579px}.real-camera-list>button{height:auto;min-height:48px}.real-camera-list button b{font-size:10px}.real-camera-list button small,.real-camera-list button>i{font-size:9px}.camera-glyph{font-size:15px}.camera-source-online,.camera-source-offline{letter-spacing:.08em;font-size:9px;font-weight:800}.camera-source-online{color:var(--sea)}.camera-source-offline{color:var(--coral)}.cctv-message{color:#72551b;background:#fff9e9;border:1px solid #e8d4a1;margin-top:10px;padding:11px 14px;font-size:11px}.cctv-message.error{color:#a33c32;background:#fff1ef;border-color:#ecc2bd}@media (width<=1000px){.cctv-video-stage{height:420px}.real-camera-list{height:auto;max-height:520px}.cctv-controls{flex-wrap:wrap}.cctv-idle{margin-left:0}}.analysis-grid{grid-template-columns:1.7fr .6fr;gap:14px;display:grid}.analysis-main{min-height:420px}.model-pill{background:var(--mint-soft);color:var(--sea);border-radius:10px;padding:5px 8px;font-size:7px}.correlation{grid-template-rows:300px 20px;grid-template-columns:42px 1fr;padding:22px 24px 12px;display:grid}.y-label{writing-mode:vertical-rl;text-align:center;color:#6d7e79;font-size:8px;transform:rotate(180deg)}.y-label span{color:#9aa5a1}.scatter{border-left:1px solid var(--line);border-bottom:1px solid var(--line);background-image:linear-gradient(#e4e8e4 1px,#0000 1px),linear-gradient(90deg,#e4e8e4 1px,#0000 1px);background-size:25% 25%;position:relative;overflow:hidden}.scatter>i{background:var(--sea);border-radius:50%;width:7px;height:7px;position:absolute}.trend-line{background:var(--coral);transform-origin:0;width:104%;height:2px;position:absolute;bottom:18%;left:-2%;transform:rotate(-29deg)}.x-label{text-align:center;color:#6d7e79;grid-column:2;padding-top:8px;font-size:8px}.insight{background:var(--mint-soft);gap:11px;margin:0 24px 22px;padding:12px;display:flex}.insight>span{color:var(--sea);font-size:18px}.insight b{font-size:9px}.insight p{color:#60736d;margin:4px 0 0;font-size:8px;line-height:1.5}.metric-selector{height:max-content}.metric-selector>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:7px 1fr 20px;align-items:center;gap:8px;width:100%;height:48px;font-size:8px;display:grid}.metric-selector>button>i{background:#d7dfda;height:100%}.metric-selector>button.active>i{background:var(--control-active)}.metric-selector>button span{text-align:center;color:var(--sea)}.analytics-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;display:grid}.analytics-kpis article{min-height:120px;padding:18px}.analytics-kpis b{margin:13px 0 11px;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:29px;font-weight:650;line-height:1;display:block}.analytics-kpis b small{color:#637d78;font-family:inherit;font-size:11px;font-weight:600}.analytics-kpis p{color:#6f827e;margin:0;font-size:10px;line-height:1.45}.alert-board{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.board-column h3{letter-spacing:.12em;margin:0 0 12px;font-size:9px}.board-column h3 span{background:#e2e8e4;border-radius:10px;margin-left:4px;padding:3px 7px}.board-alert{margin-bottom:10px;padding:15px}.board-alert>div{justify-content:space-between;display:flex}.board-alert>div span{color:#b56d52;background:#fff0e8;border-radius:3px;padding:4px 6px;font-size:7px;font-weight:800}.board-alert.p0>div span{background:var(--coral-soft);color:var(--coral)}.priority-summary{gap:7px;margin-top:11px;display:flex}.priority-summary b,.priority-summary span,.priority-summary em{border-radius:3px;padding:5px 9px;font-size:9px;font-style:normal}.priority-summary b{color:#fff;background:#b92d26}.priority-summary span{color:#9e3932;background:#f8d9d5}.priority-summary em{color:#8a621c;background:#fff0c9}.board-alert.priority-p1{background:#fff0ee;border:2px solid #bd3028;grid-column:1/-1;box-shadow:0 5px 16px #a42d251f}.board-alert.priority-p1 h4{color:#a4231c;font-size:15px}.board-alert.priority-p1>div span{color:#fff;background:#b92d26;font-size:9px}.board-alert.priority-p2{background:#fff7f6;border-color:#e7aaa4}.board-alert.priority-p2>div span{color:#9e3932;background:#f4d3cf}.board-alert.priority-p3{background:#fffbef;border-color:#e8cf94}.board-alert.priority-p3>div span{color:#805c18;background:#f6e4b9}.board-alert>div small{color:#8b9894;font-size:7px}.board-alert h4{margin:16px 0 7px;font-size:11px}.board-alert p{color:#74847f;margin:0;font-size:8px}.board-alert footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:15px;padding-top:12px;display:flex}.board-alert footer span{color:#8b9894;font-size:7px}.board-alert footer button{color:var(--sea);background:0 0;border:0;border-radius:4px;padding:7px 9px;font-size:8px;font-weight:700;transition:color .16s,background-color .16s,transform .16s}.board-alert footer.alert-actions button:hover,.board-alert footer.alert-actions button:focus-visible{background:var(--sea);color:#fff;outline:none;transform:translate(2px)}.resolved .board-alert{opacity:.7}.resolved .board-alert>div span{color:var(--sea);background:var(--mint-soft)}.admin-tabs{border-bottom:1px solid var(--line);gap:22px;margin-bottom:14px;display:flex}.admin-tabs button{color:#778681;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 2px;font-size:10px}.admin-tabs button.active{border-bottom-color:var(--control-active);color:var(--ink);font-weight:700}.admin-tabs.with-user-action{padding-right:327px}.admin-add-user-btn{border-radius:3px;min-height:34px;margin:2px 0 7px auto;font-weight:800;color:#0f665c!important;background:#edf7f4!important;border:1px solid #8fb9b1!important;padding:7px 13px!important}.admin-add-user-btn:hover{background:#dff0ec!important}.sidebar nav .nav-group-label{color:#7a9098;letter-spacing:.16em;margin:17px 15px 6px;font-size:9px;font-weight:800;display:block}.trend-panels.single-panel{grid-template-columns:minmax(0,1fr)}.power-period{margin-top:14px;overflow:hidden}.admin-message{border-left:3px solid var(--sea);color:var(--deep);margin:10px 0;padding:10px 14px}.connect-test-reset{max-width:860px;padding:24px}.connect-test-reset header span{color:var(--danger);letter-spacing:.12em;font-size:11px;font-weight:900}.connect-test-reset header h2{margin:7px 0}.connect-test-reset header p{max-width:760px;color:var(--muted);line-height:1.55}.connect-test-reset>div{align-items:end;gap:12px;margin-top:20px;display:flex}.connect-test-reset label{flex:1;gap:7px;display:grid}.connect-test-reset input{min-height:42px}.account-settings{padding:18px}.account-settings>header{margin-bottom:14px}.account-settings>header span{color:var(--sea);letter-spacing:.13em;font-size:9px;font-weight:900}.account-settings>header h2{color:var(--ink);margin:5px 0;font-size:22px}.account-settings>header p{color:var(--muted);margin:0;font-size:11px}.account-settings .user-account-controls{margin-bottom:0}.account-settings .form-status{margin:12px 0 0}.account-email-settings{grid-template-columns:minmax(220px,1fr) minmax(240px,360px) auto auto;align-items:end;gap:12px;margin:10px 0;padding:12px 14px;display:grid}.account-email-settings>div{gap:3px;display:grid}.account-email-settings>div small{color:var(--muted);font-size:11px}.account-email-settings label{color:var(--muted);gap:4px;font-size:11px;font-weight:700;display:grid}.account-email-settings input[type=email]{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);background:#fff;padding:7px 9px}.my-fleet-scope{grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:12px;margin:10px 0;padding:12px 14px;display:grid}.my-fleet-scope>div:first-child{gap:3px;display:grid}.my-fleet-scope small{color:var(--muted);font-size:11px}.my-fleet-scope>.vessel-checklist{grid-column:1/-1}.my-fleet-scope>div:last-child{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.email-alert-toggle{border:1px solid var(--line-strong);cursor:pointer;background:#f9fbfa;border-radius:4px;align-items:center;gap:8px;min-height:38px;padding:0 10px;color:var(--ink)!important;text-transform:none!important;display:flex!important}.email-alert-toggle:hover{background:#edf6f3;border-color:#91b8b1}.email-alert-toggle input{width:16px;margin:0;min-height:16px!important}.credential-receipt{border-left:3px solid var(--mint);background:#f2faf7;grid-template-columns:minmax(220px,1fr) minmax(300px,1.4fr) auto;align-items:center;gap:18px;margin:10px 0;padding:14px 48px 14px 16px;display:grid;position:relative}.credential-receipt>div{gap:3px;display:grid}.credential-receipt>div>span{color:var(--sea);letter-spacing:.12em;font-size:10px;font-weight:800}.credential-receipt>div>small{color:var(--muted)}.credential-receipt dl{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.credential-receipt dl>div{border:1px solid var(--line);background:#fff;padding:8px 10px}.credential-receipt dt{color:var(--muted);font-size:10px}.credential-receipt dd{color:var(--ink);margin:3px 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700}.credential-receipt>button:last-child{background:0 0;border:0;font-size:18px;position:absolute;top:8px;right:8px}.password-input{grid-template-columns:1fr auto;align-items:stretch;display:grid}.password-input input{min-width:0}.password-input button{border:1px solid var(--line-strong);color:var(--sea);background:#f5f8f7;border-left:0;font-size:10px;font-weight:800;min-height:0!important;padding:0 10px!important}.user-account-editor header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.user-account-editor header span{color:var(--sea);letter-spacing:.13em;font-size:10px;font-weight:800}.user-account-editor header h3{margin:3px 0}.user-account-editor header p{color:var(--muted);margin:0}.user-account-editor header mark{border-radius:3px;padding:5px 8px;font-size:10px;font-weight:800}.user-account-editor header mark.active{color:#087456;background:#dff3eb}.user-account-editor header mark.disabled{color:#6e7c7e;background:#edf0ef}.user-account-editor{outline:none;scroll-margin-top:18px}.account-header-actions{align-items:center;gap:8px;display:flex}.account-header-actions>button{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:#fff;font-size:18px}.user-account-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;margin-bottom:18px;display:grid}.user-account-controls section{border:1px solid var(--line);background:#f7faf9;align-content:start;gap:8px;padding:13px;display:grid}.user-account-controls section>b{color:var(--ink);font-size:12px}.user-account-controls section>p{min-height:32px;color:var(--muted);margin:0;font-size:9px;line-height:1.45}.user-account-controls label{color:var(--muted);text-transform:uppercase;gap:4px;font-size:10px;font-weight:700;display:grid}.user-account-controls input,.user-account-controls select{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);background:#fff;padding:7px 9px}.user-account-controls button{min-height:38px;padding:7px 12px}.danger-btn{color:#a82e25;background:#fff5f3;border:1px solid #d66157}.delete-user-btn{color:#a82e25;background:#fff;border:1px solid #d66157}.delete-user-btn:disabled{border-color:var(--line);color:#9aa7a4}.user-status-dialog{width:min(500px,100%)}.user-status-dialog-account{border:1px solid var(--line);background:#fff7f5;border-left:3px solid #c95b4e;gap:4px;padding:12px 13px;display:grid}.user-status-dialog-account span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.user-status-dialog-account b{color:var(--ink);font-size:13px}.portal-shell .user-status-dialog .danger-btn{color:#fff;background:#c95b4e;border-color:#b84e43}@media (width<=1100px){.admin-tabs.with-user-action{padding-right:0}}.role-guide{overflow:hidden}.role-guide>header{border-bottom:1px solid var(--line);background:#f7faf9;padding:20px}.role-guide>header span{color:var(--sea);letter-spacing:.13em;font-size:9px;font-weight:900}.role-guide>header h3{color:var(--ink);margin:5px 0;font-size:20px}.role-guide>header p{color:var(--muted);margin:0;font-size:11px}.role-guide-head,.role-guide>article{border-bottom:1px solid var(--line);grid-template-columns:minmax(230px,1fr) minmax(250px,1fr) minmax(220px,.8fr);align-items:center;gap:18px;padding:13px 20px;display:grid}.role-guide-head{color:var(--muted);letter-spacing:.09em;background:#fff;font-size:8px}.role-guide>article:last-child{border-bottom:0}.role-guide>article div b,.role-guide>article div small{display:block}.role-guide>article div b{color:var(--ink);font-size:12px}.role-guide>article div small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.4}.role-guide>article>span{color:#345b57;font-size:10px;line-height:1.45}@media (width<=900px){.account-email-settings{grid-template-columns:1fr;align-items:stretch}.my-fleet-scope,.credential-receipt,.credential-receipt dl,.user-account-controls,.role-guide-head,.role-guide>article{grid-template-columns:1fr}}.voyage-intelligence{grid-auto-rows:max-content;align-content:start;gap:14px;min-width:0;display:grid}.voyage-topline{grid-template-columns:minmax(240px,.32fr) minmax(0,1fr);gap:14px;min-width:0;display:grid}.voyage-summary-stack{gap:14px;min-width:0;display:grid}.voyage-topline.voyage-playback-workspace{grid-template-columns:minmax(260px,.28fr) minmax(0,1fr);align-items:start;gap:8px}.voyage-topline.voyage-playback-workspace .voyage-summary-stack{grid-auto-rows:max-content;align-content:start;gap:8px;overflow:visible}.voyage-topline.voyage-playback-workspace .voyage-header{min-height:176px;padding:13px 15px;overflow:visible}.voyage-topline.voyage-playback-workspace .voyage-header-title h2{font-size:clamp(22px,1.8vw,28px)}.voyage-topline.voyage-playback-workspace .voyage-header dl div:nth-child(n+3){margin-top:12px}.voyage-topline.voyage-playback-workspace .voyage-detail-grid{grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:8px}.voyage-topline.voyage-playback-workspace .voyage-snapshot article{padding:10px 12px}.voyage-topline.voyage-playback-workspace .voyage-events>div{max-height:84px}.voyage-topline.voyage-playback-workspace .voyage-selector>div{max-height:300px}.voyage-selector{overflow:hidden}.voyage-selector>header,.voyage-events>header,.voyage-snapshot>header,.voyage-trends>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.voyage-selector>header b,.voyage-events>header b,.voyage-snapshot>header b,.voyage-trends>header b{letter-spacing:.09em;font-size:11px}.voyage-selector>header span,.voyage-events>header span,.voyage-trends>header span{color:var(--muted);font-size:10px}.voyage-selector>div{max-height:272px;overflow:auto}.voyage-selector>div>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;gap:4px;width:100%;min-height:68px;padding:12px 72px 11px 15px;display:grid;position:relative}.voyage-selector>div>button:hover{background:#f2f8f7}.voyage-selector>div>button.active{background:var(--control-active-soft);box-shadow:inset 3px 0 var(--control-active)}.voyage-selector button b{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:12px;overflow:hidden}.voyage-selector button span{color:var(--muted);font-size:10px}.voyage-selector button mark{color:#526b70;background:#edf2f2;border:1px solid #a9bec1;border-radius:2px;padding:3px 6px;font-size:8px;font-weight:800;position:absolute;top:12px;right:12px}.voyage-selector button.open mark{color:#17685f;background:#dff2ef;border-color:#4da99e}.voyage-header{grid-template-columns:minmax(250px,.72fr) minmax(480px,1.28fr);align-content:start;gap:18px;padding:17px 18px;display:grid;position:relative;overflow:hidden}.voyage-topline.register .voyage-header{min-height:226px}.voyage-header.open{box-shadow:inset 4px 0 #35a99b}.voyage-header-title>span{color:var(--sea);letter-spacing:.12em;font-size:9px;font-weight:800}.voyage-header-title h2{color:var(--ink);margin:7px 0 6px;font-size:clamp(22px,2.2vw,32px);line-height:1.08}.voyage-header-title p{color:var(--muted);margin:0;font-size:10px}.voyage-header-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px;display:grid}.voyage-header-kpis article{border:1px solid var(--line);background:#f7faf9;border-radius:3px;min-width:0;padding:11px 12px}.voyage-header-kpis span{color:var(--muted);font-size:8px;display:block}.voyage-header-kpis b{color:var(--ink);font:750 14px var(--font-data);white-space:nowrap;margin-top:5px;display:block}.voyage-header dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px;margin:0;display:grid}.voyage-topline.register .voyage-header dl{padding-top:8px}.voyage-header dl div{border-left:2px solid #d9e6e5;min-height:58px;padding-left:11px}.voyage-header dl div:nth-child(-n+2){grid-column:span 2;min-height:70px}.voyage-header dl div:nth-child(-n+2) dd{font-size:18px;line-height:1.2}.voyage-header dl div:nth-child(n+3){margin-top:24px}.voyage-header dt,.voyage-port-detail dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:750}.voyage-header dd,.voyage-port-detail dd{color:var(--ink);margin:5px 0 0;font-size:12px;font-weight:700}.current-voyage-link{min-height:24px;color:var(--sea);cursor:pointer;background:#eef6f4;border:1px solid #9fc3be;border-radius:3px;padding:0 8px;font-size:8px;font-weight:800;position:absolute;bottom:8px;right:14px}.current-voyage-link:hover{background:#e2f1ee;border-color:#6da99f}.voyage-kpis{grid-template-columns:repeat(9,minmax(100px,1fr));gap:8px;min-width:0;padding-bottom:2px;display:grid;overflow-x:auto}.voyage-topline.register .voyage-kpis{grid-template-columns:repeat(3,minmax(110px,1fr))}.voyage-kpis article{min-width:104px;padding:12px}.voyage-kpis span{color:var(--muted);font-size:9px;display:block}.voyage-kpis b{color:var(--ink);white-space:nowrap;margin-top:6px;font-size:15px;display:block}.voyage-kpi-split{margin-top:5px;display:grid}.voyage-kpi-split>div{border-bottom:1px solid #e2eae8;justify-content:space-between;align-items:center;gap:6px;min-height:21px;display:flex}.voyage-kpi-split>div:last-child{border-bottom:0}.voyage-kpi-split>div>span{color:#48706b;letter-spacing:.08em;font-size:8px;font-weight:850}.voyage-kpis .voyage-kpi-split b{margin:0;font-size:11px}.voyage-performance-comparison{border-color:#9bc9c2;border-top:4px solid var(--sea);overflow:hidden;box-shadow:0 8px 24px #123b451a}.voyage-performance-comparison>header{background:linear-gradient(90deg,#e8f5f2 0%,#f7faf9 55%);border-bottom:1px solid #b9d5d0;justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:14px 17px;display:flex}.voyage-performance-comparison>header span,.voyage-performance-comparison>header b{display:block}.voyage-performance-comparison>header span{color:#55746f;letter-spacing:.1em;font-size:9px;font-weight:850}.voyage-performance-comparison .voyage-comparison-intro>span{box-sizing:border-box;background:var(--sea);color:#fff;text-shadow:0 1px 1px #0000002e;border-radius:2px;align-items:center;width:100%;min-height:23px;padding:4px 9px;display:flex}.voyage-performance-comparison>header b{color:#123b45;margin-top:7px;font-size:19px;line-height:1.2}.voyage-comparison-intro p{color:#55716d;margin:6px 0 0;font-size:12px}.voyage-performance-comparison>header label{gap:5px;display:grid}.voyage-baseline-controls label>span{color:#245f59;font:850 10px/1.2 var(--font-ui);letter-spacing:.09em;align-items:center;gap:6px;display:flex}.voyage-baseline-controls label>span:before{background:var(--sea);content:"";border-radius:1px;width:3px;height:12px}.voyage-performance-comparison select{color:#244d55;background:#fff;border:1px solid #aac2be;min-width:280px;min-height:36px;padding:0 9px;font-size:11px;font-weight:700}.voyage-baseline-controls{grid-template-columns:repeat(2,minmax(220px,1fr));align-items:end;gap:5px 8px;width:min(680px,58vw);display:grid}.voyage-baseline-controls select{width:100%;min-width:0}.voyage-baseline-controls>small{color:#66807b;text-align:right;grid-column:1/-1;font-size:9px}.voyage-comparison-head,.voyage-comparison-rows>div{grid-template-columns:minmax(150px,.8fr) minmax(190px,1.1fr) minmax(190px,1.1fr) minmax(90px,.45fr);align-items:center;gap:12px;display:grid}.voyage-comparison-head{border-bottom:1px solid var(--line);color:#607975;letter-spacing:.07em;background:#edf5f3;min-height:58px;padding:9px 15px;font-size:10px;font-weight:850}.voyage-comparison-head span b,.voyage-comparison-head span small{display:block}.voyage-comparison-head span b{color:#345f5a;font-size:11px}.voyage-comparison-head span small{color:#718782;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;font-weight:650;overflow:hidden}.voyage-comparison-rows{display:block}.voyage-comparison-rows>div{border-bottom:1px solid #e5ecea;min-height:44px;padding:9px 15px}.voyage-comparison-rows>.voyage-comparison-section{border-left:4px solid var(--section-accent);background:var(--section-fill);align-items:center;gap:13px;min-height:38px;padding-block:8px;display:flex}.voyage-comparison-section.conditions{--section-accent:#287b72;--section-fill:#edf7f5}.voyage-comparison-section.normalized{--section-accent:#27718a;--section-fill:#edf5f8}.voyage-comparison-section.quality{--section-accent:#a36a12;--section-fill:#fff8e9}.voyage-comparison-section b{min-width:190px;color:var(--section-accent);letter-spacing:.08em;font-size:11px;font-weight:850}.voyage-comparison-section span{color:#385853;font:600 11px var(--font-ui)}.voyage-comparison-rows b{color:#456762;font-size:12px}.voyage-comparison-rows span{color:#173f49;font:700 12px var(--font-data)}.voyage-comparison-rows em{color:#946013;font:750 11px var(--font-data)}.voyage-performance-comparison>footer{background:#fffaf0;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;min-height:48px;padding:9px 15px;display:grid}.voyage-performance-comparison>footer b{color:#8c641d;letter-spacing:.09em;font-size:10px}.voyage-performance-comparison>footer span{color:#665f52;font-size:11px;line-height:1.45}.voyage-map-workspace{min-width:0;overflow:hidden}.voyage-map-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:52px;padding:9px 12px;display:flex}.voyage-map-toolbar>div:first-child{min-width:210px;margin-right:auto}.voyage-map-toolbar>div:first-child b,.voyage-map-toolbar>div:first-child span{display:block}.voyage-map-toolbar>div:first-child b{color:var(--ink);font-size:11px}.voyage-map-toolbar>div:first-child span{color:var(--muted);margin-top:3px;font-size:9px}.voyage-map-toolbar>div[role=group]{display:flex}.voyage-map-toolbar button,.voyage-playback button{color:#536d72;background:#fff;border:1px solid #b8c9cb;min-height:31px;padding:0 10px;font-size:9px;font-weight:800}.voyage-map-toolbar button+button,.voyage-playback-speed button+button{border-left:0}.voyage-map-toolbar button.active,.voyage-playback button.active,.voyage-playback button[aria-pressed=true]{border-color:var(--control-active);background:var(--control-active);color:#fff}.voyage-map-toolbar button:disabled{opacity:.38}.voyage-map-toolbar label{color:#536d72;white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}.voyage-map-frame{height:clamp(320px,40vh,500px);position:relative}.voyage-map-frame>.myfleet-map{min-height:0;position:absolute;inset:0}.voyage-overlay-legend{color:#cde0e1;background:#0c2932;border-top:1px solid #203f49;align-items:center;gap:9px;min-height:38px;padding:7px 12px;font-size:9px;display:flex}.voyage-overlay-legend i{background:linear-gradient(90deg,#5bc0eb,#f5c66a,#e15446);width:140px;height:5px}.voyage-overlay-legend small{color:#83a1a5;margin-left:auto}.voyage-map-empty{color:var(--muted);background:#edf4f3;margin:0;padding:12px;font-size:11px}.voyage-playback{border-top:1px solid var(--line);grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.voyage-playback-actions,.voyage-playback-speed{display:flex}.voyage-playback-actions .play{min-width:60px}.voyage-playback>label{min-width:0;color:var(--muted);grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:8px;font-size:9px;display:grid;position:relative}.voyage-playback input{width:100%;min-width:0;accent-color:var(--sea)}.voyage-playback label i.gap{z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#d9a63b 0 3px,#0000 3px 6px);height:4px;position:absolute;top:15px}.voyage-playback label button.event{z-index:3;color:#fff;background:#d64e42;border:0;border-radius:50%;width:15px;min-width:15px;height:15px;min-height:15px;padding:0;font-size:8px;position:absolute;top:-8px;transform:translate(-50%)}.voyage-playback>time{color:var(--ink);white-space:nowrap;font-size:10px;font-weight:700}.voyage-playback>strong{color:#9b6b0f;text-align:center;grid-column:1/-1;font-size:9px}.voyage-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:14px;display:grid}.voyage-snapshot>header time,.voyage-trends>header time{color:var(--ink);font-size:10px;font-weight:700}.voyage-snapshot>div{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.voyage-snapshot article{border-right:1px solid var(--line);padding:16px}.voyage-snapshot article:last-child{border-right:0}.voyage-snapshot article span,.voyage-port-detail>span{color:var(--sea);letter-spacing:.09em;font-size:9px;font-weight:800}.voyage-snapshot article b,.voyage-snapshot article small{display:block}.voyage-snapshot article b{color:var(--ink);margin-top:8px;font-size:16px}.voyage-snapshot article small{color:var(--muted);margin-top:5px;font-size:10px}.voyage-events>header strong{color:var(--ink);font-size:18px}.voyage-events>div{max-height:220px;overflow:auto}.voyage-events>div>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:24px minmax(0,1fr);gap:8px;width:100%;padding:10px 12px;display:grid}.voyage-events button:hover{background:#f3f8f7}.voyage-events button>i{color:#fff;background:#d64e42;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-style:normal;display:grid}.voyage-events button b,.voyage-events button time,.voyage-events button small{display:block}.voyage-events button b{color:var(--ink);font-size:11px}.voyage-events button time,.voyage-events button small{color:var(--muted);margin-top:3px;font-size:9px}.voyage-events p{color:var(--muted);margin:0;padding:18px;font-size:11px}.voyage-trend-plot{height:220px;padding:0 10px}.voyage-trend-plot svg{cursor:crosshair;touch-action:none;width:100%;height:100%}.voyage-trend-plot path{fill:none;stroke:#d8e4e4;stroke-width:1px}.voyage-trend-plot polyline{fill:none;stroke-width:2.4px;vector-effect:non-scaling-stroke}.voyage-trend-plot .speed{stroke:#27718a}.voyage-trend-plot .power{stroke:#d39732}.voyage-trend-plot .fuel{stroke:#55a879}.voyage-trend-plot .cursor{stroke:#1d3940;stroke-width:2px;vector-effect:non-scaling-stroke}.voyage-trends footer{border-top:1px solid var(--line);color:var(--muted);gap:18px;padding:10px 15px;font-size:9px;display:flex}.voyage-trends footer span{align-items:center;gap:5px;display:flex}.voyage-trends footer i{width:14px;height:3px}.voyage-trends footer .speed i{background:#27718a}.voyage-trends footer .power i{background:#d39732}.voyage-trends footer .fuel i{background:#55a879}.voyage-trends-workspace{border-top:3px solid #317d91;min-width:0;overflow:hidden}.voyage-trends-workspace>header{border-bottom:1px solid var(--line);background:linear-gradient(110deg,#f7fbfc,#edf5f6);justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 22px 17px;display:flex}.voyage-trends-workspace>header span,.voyage-trends-workspace>header small{color:#53777d;letter-spacing:.12em;font-size:9px;font-weight:800;display:block}.voyage-trends-workspace>header h3{color:#063f50;letter-spacing:.035em;margin:3px 0 5px;font-size:22px}.voyage-trends-workspace>header p{color:var(--muted);margin:0;font-size:11px}.voyage-trends-workspace>header time{color:#0b4655;text-align:right;white-space:nowrap;border-left:3px solid #55b9b2;gap:5px;min-width:220px;padding:10px 13px;font-size:13px;font-weight:800;display:grid}.voyage-trend-controls{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:minmax(180px,.7fr) minmax(260px,1fr) minmax(260px,1fr);gap:14px;padding:15px 22px;display:grid}.voyage-trend-controls label{gap:5px;min-width:0;display:grid}.voyage-trend-controls label>span{color:#53777d;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.voyage-trend-controls :is(input,select){color:#173f48;background:#fff;border:1px solid #a9c4c8;border-radius:2px;width:100%;min-width:0;height:37px;padding:0 10px;font:700 11px/1.2 inherit}.voyage-trend-controls :is(input,select):focus-visible{outline-offset:1px;outline:2px solid #4faea9}.voyage-trend-chart{background:#fbfdfd;grid-template-columns:112px minmax(0,1fr) 112px;align-items:stretch;min-height:310px;padding:18px 10px 4px;display:grid;position:relative}.voyage-trend-chart svg{touch-action:none;cursor:crosshair;width:100%;height:270px}.voyage-trend-chart .grid{fill:none;stroke:#d7e3e5;stroke-width:1px}.voyage-trend-chart .series{fill:none;stroke-width:2.2px;vector-effect:non-scaling-stroke}.voyage-trend-chart .series-1{stroke:#15778b}.voyage-trend-chart .series-2{stroke:#d2872c}.voyage-trend-chart .cursor{stroke:#153f49;stroke-width:1.2px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.voyage-trend-chart .event-line{stroke:#c44646;stroke-width:1px;stroke-dasharray:2 4;opacity:.75;vector-effect:non-scaling-stroke}.voyage-trend-axis{color:#52747a;grid-template-rows:auto 1fr auto;gap:8px;padding:23px 7px 35px;font-size:9px;display:grid}.voyage-trend-axis b{color:#285d68;text-transform:uppercase;align-self:start;font-size:9px;line-height:1.35}.voyage-trend-axis span:first-of-type{align-self:start}.voyage-trend-axis span:last-child{align-self:end}.voyage-trend-axis.right{text-align:right}.voyage-trend-loading{color:#426c73;background:#ffffffeb;border:1px solid #bbd2d5;padding:7px 11px;font-size:10px;font-weight:700;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.voyage-trend-state{color:#57777c;text-align:center;place-content:center;gap:6px;min-height:360px;padding:30px;display:grid}.voyage-trend-state b{color:#174a56;font-size:15px}.voyage-trend-state.error b{color:#a33b3b}.voyage-event-timeline{border-top:1px solid var(--line);background:#f7fafb;padding:13px 22px 20px}.voyage-event-timeline>header{color:#3f6971;letter-spacing:.08em;justify-content:space-between;font-size:9px;display:flex}.voyage-event-timeline>div{border-top:2px solid #b9cdd0;height:28px;margin-top:8px;position:relative}.voyage-event-timeline>div button{background:#c44646;border:2px solid #fff;border-radius:50%;width:13px;height:13px;min-height:13px;padding:0;position:absolute;top:-7px;transform:translate(-50%);box-shadow:0 0 0 1px #a93d3d}.voyage-event-timeline>p{color:var(--muted);margin:4px 0 0;font-size:10px}.voyage-event-timeline>aside{color:#385f67;background:#fff;border-left:3px solid #c44646;grid-template-columns:1fr auto auto;gap:5px 14px;padding:10px 12px;font-size:10px;display:grid}.voyage-event-timeline>aside p{color:var(--muted);grid-column:1/-1;margin:0}@media (width<=1180px){.voyage-trend-controls{grid-template-columns:1fr 1fr}.voyage-trend-controls .search{grid-column:1/-1}.voyage-trend-chart{grid-template-columns:94px minmax(0,1fr) 94px}}.voyage-port-detail{padding:16px;position:relative}.voyage-port-detail>button{color:var(--muted);background:0 0;border:0;font-size:20px;position:absolute;top:8px;right:10px}.voyage-port-detail h3{color:var(--ink);margin:7px 0 3px}.voyage-port-detail p{color:var(--muted);margin:0;font-size:10px}.voyage-port-detail dl{gap:28px;margin:14px 0 0;display:flex}.voyage-empty{text-align:center;place-items:center;gap:6px;min-height:230px;padding:30px;display:grid}.voyage-empty b{color:var(--ink);font-size:13px}.voyage-empty span{color:var(--muted);font-size:11px}.voyage-empty.error b,.voyage-inline-error{color:#a13630}.voyage-inline-error{background:#fff1f0;border:1px solid #e3b7b3;padding:9px 12px;font-size:10px}.voyage-history-loading{z-index:100;color:#fff;background:#153c46;padding:9px 12px;font-size:10px;position:fixed;bottom:20px;right:20px}.voyage-map-analysis-overlay{display:none}.myfleet-map.fullscreen .voyage-map-analysis-overlay{z-index:4;pointer-events:none;grid-template-columns:minmax(240px,1fr) minmax(180px,.45fr);gap:8px 14px;display:grid;position:absolute;inset:10px 180px auto 10px}.voyage-map-analysis-overlay>div:first-child,.voyage-map-analysis-overlay>select,.voyage-map-analysis-overlay>aside{color:#e3f1f0;pointer-events:auto;background:#051d26e6;border:1px solid #7da9ae8c;padding:9px 11px}.voyage-map-analysis-overlay>div:first-child b,.voyage-map-analysis-overlay>div:first-child span,.voyage-map-analysis-overlay>aside b,.voyage-map-analysis-overlay>aside span{display:block}.voyage-map-analysis-overlay>div:first-child span,.voyage-map-analysis-overlay>aside span{color:#9db7ba;margin-top:3px;font-size:9px}.voyage-map-analysis-overlay>.voyage-playback{color:#d9eaea;pointer-events:auto;background:#051d26eb;border:1px solid #7da9ae8c;grid-column:1/-1}.voyage-map-analysis-overlay .voyage-playback>time{color:#fff}.voyage-map-analysis-overlay>aside{grid-column:1/-1;width:max-content;max-width:100%}@media (width<=1180px){.voyage-topline,.voyage-topline.voyage-playback-workspace{grid-template-columns:220px minmax(0,1fr)}.voyage-header{grid-template-columns:1fr}.voyage-kpis{grid-template-columns:repeat(5,minmax(120px,1fr))}.voyage-playback{grid-template-columns:auto minmax(160px,1fr) auto}.voyage-playback>time{text-align:center;grid-column:2}}@media (width<=760px){.voyage-topline,.voyage-topline.voyage-playback-workspace,.voyage-detail-grid,.voyage-topline.voyage-playback-workspace .voyage-detail-grid{grid-template-columns:1fr}.voyage-selector>div{max-height:210px}.voyage-topline.register .voyage-header{min-height:0}.voyage-header dl,.voyage-snapshot>div{grid-template-columns:1fr}.voyage-header dl div:nth-child(-n+2){grid-column:auto}.voyage-header dl div:nth-child(n+3){margin-top:0}.voyage-snapshot article{border-right:0;border-bottom:1px solid var(--line)}.voyage-map-toolbar{flex-wrap:wrap;align-items:flex-start}.voyage-performance-comparison>header{flex-direction:column;align-items:flex-start}.voyage-baseline-controls{grid-template-columns:1fr;width:100%}.voyage-baseline-controls>small{text-align:left;grid-column:1}.voyage-performance-comparison select{width:100%;min-width:0}.voyage-comparison-head{display:none}.voyage-comparison-rows>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.voyage-comparison-rows>div>b{grid-column:1/-1}.voyage-comparison-rows span:before,.voyage-comparison-rows em:before{content:attr(data-label);color:#718782;font:800 8px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;display:block}.voyage-performance-comparison>footer{grid-template-columns:1fr}.voyage-map-toolbar>div:first-child{flex-basis:100%}.voyage-map-frame{height:400px}.voyage-playback{grid-template-columns:1fr}.voyage-playback-actions,.voyage-playback-speed{justify-content:center}.voyage-playback>time{text-align:center;grid-column:1}.voyage-trends footer{flex-wrap:wrap}.myfleet-map.fullscreen .voyage-map-analysis-overlay{grid-template-columns:1fr;inset:48px 10px auto}.voyage-map-analysis-overlay>select{display:none}}.vessel-view,.task33-bridge-view{min-width:0}.vessel-workspace-controls,.bridge-header-state{align-items:center;gap:12px;display:flex}.vessel-workspace-switcher,.vessel-workspace-selection{gap:3px;display:grid}.vessel-workspace-switcher>span{color:#718581;letter-spacing:.11em;font-size:8px;font-weight:700}.vessel-workspace-tabs{background:#f8fbfa;border:1px solid #b4c8c4;border-radius:4px;display:flex;overflow:hidden;box-shadow:0 1px 2px #1843410f}.vessel-workspace-tabs button{color:#46635f;text-align:left;background:#f8fbfa;border:0;border-left:1px solid #c5d5d2;align-content:center;gap:2px;min-height:40px;padding:4px 12px;transition:background-color .15s,color .15s;display:grid}.vessel-workspace-tabs button b{font:760 10px var(--font-ui);letter-spacing:.035em;white-space:nowrap}.vessel-workspace-tabs button small{color:#78908d;font:650 7px var(--font-ui);letter-spacing:0;white-space:nowrap}.vessel-workspace-tabs button:first-child{border-left:0}.vessel-workspace-tabs button:hover:not(.active){background:var(--control-active-soft);color:var(--control-active-text)}.vessel-workspace-tabs button.active{background:var(--control-active);color:#fff;box-shadow:inset 0 -2px 0 var(--control-active-strong)}.vessel-workspace-tabs button.active small{color:#cde8e3}.vessel-workspace-controls select,.bridge-header-state select{color:#173f4a;min-width:190px;font:700 11px var(--font-ui);background:#fff;border:1px solid #afc5c1;border-radius:3px;padding:9px 30px 9px 10px}.vessel-operations-grid{grid-template-columns:minmax(0,1fr) clamp(420px,31vw,520px);align-items:stretch;gap:14px;min-width:0;height:max(620px,100vh - 108px);display:grid}.vessel-operations-grid.decision-hidden{grid-template-columns:minmax(0,1fr)}@media (width>=901px){.portal-shell .content:has(.vessel-view){scrollbar-gutter:auto;flex:1;height:auto;min-height:0;overflow:hidden}.content:has(.vessel-view) :is(.operations-fullscreen-host,.vessel-view,.vessel-operations-grid){height:100%;min-height:0}}.vessel-map-card{min-width:0;overflow:hidden}.vessel-map-card,.vessel-maritime-map,.vessel-decision-panel{height:100%;min-height:0}.hero-grid.alerts-hidden{grid-template-columns:minmax(0,1fr)}.app-fullscreen-open{overflow:hidden}:is(.operations-fullscreen-host:fullscreen,.operations-fullscreen-host.app-fullscreen){z-index:1000;background:#dcebea;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.operations-fullscreen-host:is(:fullscreen,.app-fullscreen)>.hero-grid{height:100%;display:block}.operations-fullscreen-host:is(:fullscreen,.app-fullscreen)>.hero-grid>.attention{z-index:6;width:min(390px,100vw - 24px);max-height:calc(100vh - 68px);position:absolute;top:54px;right:12px;overflow:auto}.operations-fullscreen-host:is(:fullscreen,.app-fullscreen)>.overview-management-watch{display:none}.operations-fullscreen-host:is(:fullscreen,.app-fullscreen) .fleet-operations-map.embedded{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100vh;min-height:100vh}.operations-fullscreen-host:is(:fullscreen,.app-fullscreen) .vessel-view,.operations-fullscreen-host:is(:fullscreen,.app-fullscreen) .vessel-operations-grid,.operations-fullscreen-host:is(:fullscreen,.app-fullscreen) .vessel-map-card{width:100%;height:100%}.operations-fullscreen-host:is(:fullscreen,.app-fullscreen) .vessel-operations-grid{display:block}.operations-fullscreen-host:is(:fullscreen,.app-fullscreen) .vessel-map-card{border:0;border-radius:0}.operations-fullscreen-host:is(:fullscreen,.app-fullscreen) .vessel-maritime-map{height:100vh}.operations-fullscreen-host:is(:fullscreen,.app-fullscreen) .vessel-decision-panel{display:none}.vessel-fullscreen-information{z-index:4;pointer-events:none;color:#143d45;position:absolute;inset:0}.vessel-fullscreen-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#f8fbfad1;border:1px solid #709d9aa3;border-radius:4px;width:min(300px,50vw - 42px);padding:13px 14px;position:absolute;top:64px;box-shadow:0 7px 22px #143d4524}.vessel-fullscreen-navigation{top:auto;bottom:36px;left:14px}.vessel-fullscreen-voyage{right:14px}.vessel-fullscreen-card header{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.vessel-fullscreen-card header:active{cursor:grabbing}.vessel-fullscreen-card header>div{align-items:center;gap:5px;display:flex}.vessel-fullscreen-close{color:#426a67;cursor:pointer;background:#ffffffb8;border:1px solid #709d9a8c;border-radius:50%;width:18px;height:18px;padding:0;font-size:14px;line-height:15px}.vessel-fullscreen-close:hover{color:#123f49;background:#e8f3f1}.vessel-fullscreen-card header span{color:#426a67;letter-spacing:.12em;font-size:8px;font-weight:900}.vessel-fullscreen-card mark{color:#087c69;background:#15806b1f;border-radius:2px;padding:3px 6px;font-size:7px;font-weight:900}.vessel-fullscreen-card mark.attention,.vessel-fullscreen-voyage.attention mark{color:#a83e35;background:#c5534724}.vessel-fullscreen-card mark.caution,.vessel-fullscreen-voyage.caution mark{color:#906515;background:#d49a3029}.vessel-fullscreen-card h2,.vessel-fullscreen-card h3{color:#103d47;margin:6px 0 0;line-height:1.2}.vessel-fullscreen-card h2{font-size:18px}.vessel-fullscreen-card h3{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.vessel-fullscreen-card>small{color:#637c78;margin-top:4px;font-size:8px;display:block}.vessel-fullscreen-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;margin:10px 0 0;display:grid}.vessel-fullscreen-voyage dl{grid-template-columns:1fr}.vessel-fullscreen-card dl div{border-top:1px solid #9eb9b580;min-width:0;padding-top:7px}.vessel-fullscreen-card dl .wide{grid-column:1/-1}.vessel-fullscreen-card dt{color:#6d827f;text-transform:uppercase;font-size:7px;font-weight:850}.vessel-fullscreen-card dd{color:#173f49;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:10px;font-weight:750;overflow:hidden}@media (width<=760px){.vessel-fullscreen-card{width:calc(50vw - 20px);padding:9px}.vessel-fullscreen-card dl{grid-template-columns:1fr 1fr}}.vessel-map-overlay{z-index:4;background:#f8fbfaf5;border:1px solid #a9c2be;border-radius:3px;flex-direction:column;align-items:flex-start;gap:7px;width:max-content;max-width:calc(100% - 240px);padding:6px;display:flex;position:absolute;top:10px;left:10px;right:220px;box-shadow:0 5px 18px #1b454829}.vessel-map-overlay .vessel-workspace-controls{gap:7px}.vessel-map-overlay .vessel-workspace-tabs{background:#f8fbfa;border-color:#b4c8c4}.vessel-map-overlay .vessel-workspace-tabs button{color:#46635f;border-color:#c5d5d2;justify-content:center;align-items:center;width:146px;min-height:36px;padding:0 11px;display:flex}.vessel-map-overlay .vessel-workspace-tabs button:hover:not(.active){background:var(--control-active-soft);color:var(--control-active-text)}.vessel-map-overlay .vessel-workspace-tabs button.active{background:var(--control-active);color:#fff;box-shadow:inset 0 -2px 0 var(--control-active-strong)}.vessel-map-overlay .vessel-workspace-selection{width:180px}.vessel-map-overlay .vessel-workspace-controls select{box-sizing:border-box;color:#183f46;letter-spacing:.015em;background:#fff;border-color:#b4c8c4;width:100%;min-width:0;height:36px;padding:0 24px 0 11px;font-size:10px;font-weight:720}.vessel-map-overlay :is(.vessel-workspace-switcher,.vessel-workspace-selection)>span{color:#718581;letter-spacing:.11em;font-size:8px;font-weight:700}.vessel-decision-panel-restore{color:#0b6c62;letter-spacing:.06em;background:#eef6f4;border:1px solid #8db8b0;border-radius:3px;min-height:30px;padding:0 10px;font-size:8px;font-weight:850}.vessel-decision-panel-restore:hover{color:#084f49;background:#deeeea;border-color:#4c958b}.vessel-map-profile{box-sizing:border-box;color:#173f49;border-top:1px solid #c7d8d4;width:min(320px,100%);padding:10px 12px}.vessel-map-profile header{justify-content:space-between;align-items:center;gap:8px;display:flex}.vessel-map-profile header>span{color:#58736f;letter-spacing:.11em;font-size:8px;font-weight:900}.vessel-map-profile-close{color:#426a67;background:#fff;border:1px solid #709d9a8c;border-radius:50%;width:18px;height:18px;padding:0;font-size:14px;line-height:15px}.vessel-map-profile strong{color:#103d47;margin-top:6px;font-size:17px;line-height:1.15;display:block}.vessel-map-profile dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;margin:9px 0 0;display:grid}.vessel-map-profile dl div{border-top:1px solid #9eb9b58c;min-width:0;padding-top:6px}.vessel-map-profile dl .wide{grid-column:1/-1}.vessel-map-profile dt{color:#6d827f;font-size:7px;font-weight:850}.vessel-map-profile dd{color:#173f49;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:10px;font-weight:750;overflow:hidden}.vessel-decision-panel>header b.offline{color:#b84a3d}.vessel-decision-panel>header b.not-connected{color:#60716f}.vessel-fullscreen-navigation mark.offline{color:#a83e35;background:#c5534724}.myfleet-map__controls .map-info-toggle{min-width:42px}.myfleet-map__controls .map-info-toggle.active{border-color:var(--control-active-border);background:var(--control-active-soft);color:var(--control-active-text);box-shadow:inset 0 -2px 0 var(--control-active)}.vessel-decision-panel{scrollbar-gutter:stable;overscroll-behavior:contain;padding:0;overflow:hidden auto}.vessel-decision-panel>header{z-index:3;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8fbfaf7;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 15px 12px;display:flex;position:sticky;top:0;box-shadow:0 3px 10px #1535370f}.vessel-decision-panel>header span,.vessel-decision-panel>header strong,.vessel-decision-panel>header time{display:block}.vessel-decision-panel>header span{color:#6b817e;letter-spacing:.14em;font-size:8px;font-weight:900}.vessel-decision-panel>header strong{color:#123f49;margin-top:3px;font-size:17px}.vessel-decision-panel>header .vessel-last-update{color:#83938f;margin-top:3px;font-size:9px;font-weight:650}.vessel-decision-panel-actions{align-items:flex-start;gap:8px;display:flex}.vessel-decision-panel-actions>b{color:#087c69;text-align:right;max-width:118px;font-size:14px;line-height:1.2}.vessel-decision-panel-close{color:#426a67;background:#fff;border:1px solid #a9c2be;border-radius:50%;flex:none;width:22px;height:22px;padding:0;font-size:16px;line-height:19px}.vessel-decision-panel-close:hover{color:#123f49;background:#e8f3f1}.vessel-nav-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.vessel-decision-panel .vessel-nav-summary{border-bottom:1px solid var(--line);margin:0;padding:11px 14px}.vessel-nav-summary div{background:#edf5f3;min-width:0;padding:8px 9px}.vessel-nav-summary .wide{grid-column:1/-1}.vessel-nav-summary dt{color:#70827f;font-size:8px;font-weight:800}.vessel-nav-summary dd{color:#163e48;overflow-wrap:anywhere;margin:3px 0 0;font-size:12px;font-weight:800}.vessel-decision-panel>section{border-bottom:1px solid var(--line);padding:12px 14px}.vessel-section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.vessel-section-heading>span{color:#607975;letter-spacing:.12em;font-size:10px;font-weight:900}.vessel-section-heading mark{color:#647773;letter-spacing:.08em;background:#eef3f2;border-radius:2px;padding:4px 6px;font-size:9px;font-weight:900}.vessel-section-heading mark.open{color:#087c69;background:#e3f4ef}.vessel-voyage-primary h3{color:#143f49;margin:7px 0 9px;font-size:15px;line-height:1.25}.vessel-panel-state{color:#7c8f8b;margin:8px 0 0;font-size:10px}.vessel-voyage-facts{grid-template-columns:repeat(3,1fr);margin:0;display:grid}.vessel-voyage-facts div{border-left:1px solid var(--line);padding-left:9px}.vessel-voyage-facts div:first-child{border-left:0;padding-left:0}.vessel-voyage-facts dt,.vessel-arrival-readiness dt{color:#7b8c89;text-transform:uppercase;font-size:10px;font-weight:850}.vessel-voyage-facts dd,.vessel-arrival-readiness dd{color:#294f56;margin:3px 0 0;font-size:12px;font-weight:800}.vessel-arrival-readiness{background:#fffaf0}.vessel-arrival-readiness.ready{background:#f2faf7}.vessel-arrival-readiness .vessel-section-heading mark{color:#946515;background:#fae9c7}.vessel-arrival-readiness.ready .vessel-section-heading mark{color:#087c69;background:#dff3ed}.vessel-arrival-readiness h3{color:#7b715f;letter-spacing:.1em;margin:9px 0 2px;font-size:10px}.vessel-arrival-readiness>strong{color:#173f49;font-size:18px;display:block}.vessel-arrival-readiness>dl{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 0;display:grid}.vessel-arrival-readiness>small{color:#837862;margin-top:8px;font-size:10px;line-height:1.45;display:block}.arrival-command-summary{grid-template-columns:1.1fr .9fr;gap:8px;margin-top:9px;display:grid}.arrival-command-summary>div{background:#ffffffb8;border:1px solid #e6d9bc;min-width:0;padding:8px 9px}.vessel-arrival-readiness.ready .arrival-command-summary>div{border-color:#cee3dd}.arrival-command-summary small,.arrival-command-summary strong,.arrival-command-summary span{display:block}.arrival-command-summary small{color:#84765e;letter-spacing:.1em;font-size:9px;font-weight:900}.arrival-command-summary strong{color:#173f49;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.arrival-command-summary span{color:#6f817d;margin-top:3px;font-size:10px}.arrival-position-alerts{gap:4px;margin-top:7px;display:grid}.arrival-position-alerts b{color:#9f3029;letter-spacing:.03em;background:#fff1ef;border-left:3px solid #d24d43;padding:6px 7px;font-size:7px}.arrival-next-actions{border-top:1px solid #eadfc7;margin-top:7px}.arrival-next-actions article{border-bottom:1px solid #eadfc7;grid-template-columns:4px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;display:grid}.arrival-next-actions i{background:#d4a34f;border-radius:2px;width:4px;height:20px}.arrival-next-actions i.position{background:#397f91}.arrival-next-actions i.overdue{background:#d24d43}.arrival-next-actions b,.arrival-next-actions small{display:block}.arrival-next-actions b{color:#244d55;font-size:10px}.arrival-next-actions small{color:#6f817d;margin-top:3px;font-size:9px}.arrival-next-actions em{color:#87621d;font-size:9px;font-style:normal;font-weight:900}.arrival-desk-toggle{color:#155f63;letter-spacing:.04em;cursor:pointer;background:#e6f2ef;border:1px solid #79a9a1;border-radius:3px;width:100%;min-height:40px;margin-top:9px;font-size:11px;font-weight:900}.arrival-desk-toggle:hover,.arrival-desk-toggle:focus-visible{background:#dfefeb;border-color:#4c958b}.arrival-desk{background:#f8faf9;border-top:2px solid #167b70;margin:10px -14px -12px}.arrival-desk>header{color:#fff;background:#123f49;justify-content:space-between;gap:8px;padding:10px 12px;display:flex}.arrival-desk>header b,.arrival-desk>header small{display:block}.arrival-desk>header b{letter-spacing:.1em;font-size:8px}.arrival-desk>header small,.arrival-desk>header>span{color:#b9d3d1;margin-top:2px;font-size:6px;line-height:1.3}.arrival-desk>header>span{text-align:right;max-width:90px}.arrival-desk>section{border-bottom:1px solid #dce5e3;padding:11px 12px}.arrival-desk h4{color:#315f5b;letter-spacing:.12em;margin:0 0 8px;font-size:7px}.arrival-form-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.arrival-form-grid label,.arrival-workflow label{color:#6f817d;font-size:6px;font-weight:850}.arrival-form-grid input,.arrival-workflow input,.arrival-workflow select,.arrival-reporting-points input{color:#183f48;width:100%;min-height:32px;font:700 10px var(--font-ui);background:#fff;border:1px solid #cbd9d6;border-radius:2px;margin-top:3px}.arrival-form-grid label>small{color:#71837f;margin-top:4px;font-size:8px;font-weight:650;line-height:1.35;display:block}.arrival-form-grid label>small a{color:#087c69;font-weight:850}.arrival-workflow article{border-top:1px solid #e2e9e7;grid-template-columns:minmax(0,1fr) 82px 92px;gap:7px;padding:8px 0;display:grid}.arrival-workflow article>div{min-width:0}.arrival-workflow article small,.arrival-workflow article b,.arrival-workflow article p{display:block}.arrival-workflow article small{color:#728783;font-size:6px;font-weight:850}.arrival-workflow article b{color:#244d55;margin-top:2px;font-size:8px}.arrival-workflow article p{color:#74837f;margin:3px 0 0;font-size:6px;line-height:1.35}.arrival-workflow article a{color:#087c69;font-size:6px;font-weight:800}.arrival-reporting-points>div{justify-content:space-between;align-items:center;display:flex}.arrival-reporting-points>div button{color:#087c69;background:0 0;border:0;font-size:7px;font-weight:900}.arrival-reporting-points>p{color:#748681;margin:0 0 7px;font-size:6px;line-height:1.4}.arrival-reporting-points .reporting-point-head{color:#53716d;border-top:1px solid #d8e3e0;grid-template-columns:1.3fr .75fr .75fr .55fr .55fr;gap:4px;min-width:580px;padding:5px 0;font-size:7px;font-weight:850;display:grid}.arrival-reporting-points article{border-top:1px solid #e2e9e7;grid-template-columns:1.3fr .75fr .75fr .55fr .55fr;gap:4px;padding:6px 0;display:grid}.arrival-reporting-points article b{color:#607975;grid-column:1/-1;font-size:6px}.arrival-reporting-points article.report-now b{color:#b53d35}.arrival-reporting-points article.approaching b{color:#9b6a14}.arrival-authority-watch{gap:6px;display:grid}.arrival-authority-watch h4{margin-bottom:2px}.arrival-authority-watch>a{background:#fff;border:1px solid #dce5e3;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:8px;text-decoration:none;display:grid}.arrival-authority-watch small,.arrival-authority-watch b,.arrival-authority-watch em{display:block}.arrival-authority-watch small{color:#55736f;font-size:6px;font-weight:900}.arrival-authority-watch b{color:#244d55;margin-top:2px;font-size:8px}.arrival-authority-watch em{color:#778783;margin-top:3px;font-size:6px;font-style:normal;line-height:1.35}.arrival-authority-watch i{color:#087c69;font-style:normal}.arrival-desk>footer{padding:10px 12px}.arrival-desk>footer button{color:#fff;background:#087c69;border:0;border-radius:2px;width:100%;min-height:32px;font-size:8px;font-weight:900}.arrival-desk>footer small{color:#7d8e8a;text-align:center;margin-top:5px;font-size:6px;display:block}.arrival-save-error{color:#b53d35;margin:8px 12px 0;font-size:7px}@media (width<=700px){.arrival-workflow article{grid-template-columns:1fr 1fr}.arrival-workflow article>div{grid-column:1/-1}.arrival-reporting-points{overflow-x:auto}.arrival-reporting-points article{min-width:580px}}.vessel-decision-panel .vessel-action-button,.vessel-decision-panel .vessel-action-row{color:#0b6c62;cursor:pointer;background:#eef6f4;border:1px solid #8db8b0;border-radius:3px;font-weight:850}.vessel-decision-panel .vessel-action-button:hover,.vessel-decision-panel .vessel-action-row:hover{color:#084f49;background:#deeeea;border-color:#4c958b}.vessel-decision-panel .vessel-action-button:focus-visible,.vessel-decision-panel .vessel-action-row:focus-visible{outline-offset:2px;color:#084f49;background:#deeeea;border-color:#4c958b;outline:2px solid #178f82}.vessel-machinery-performance{background:#f8faf9;grid-template-columns:1fr 1fr;gap:7px;display:grid}.vessel-machinery-performance article{background:#fff;border:1px solid #dce6e3;min-width:0;min-height:104px;padding:10px}.vessel-machinery-performance header{justify-content:space-between;align-items:center;gap:8px;display:flex}.vessel-machinery-performance header span{color:#506f6b;letter-spacing:.08em;font-size:10px;font-weight:900}.vessel-machinery-performance header mark{color:#4d716b;letter-spacing:.06em;white-space:nowrap;background:#edf4f2;border-radius:2px;padding:4px 6px;font-size:9px;font-weight:900}.vessel-machinery-performance dl{margin:7px 0 0}.vessel-machinery-performance dl div{border-top:1px solid #edf1f0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;display:grid}.vessel-machinery-performance dt{color:#6e817d;font-size:11px}.vessel-machinery-performance dd{color:#123f49;font:750 11px var(--font-data);text-align:right;margin:0}.vessel-machinery-performance article>b{color:#244d55;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:11px;display:block;overflow:hidden}.vessel-machinery-performance article>p{color:#71837f;margin:5px 0 0;font-size:11px}.vessel-machinery-performance article>small{color:#728581;margin-top:7px;font-size:10px;line-height:1.45;display:block}.vessel-machinery-performance button{justify-content:center;align-items:center;min-height:34px;margin-top:9px;padding:0 11px;font-size:10px;display:inline-flex}.vessel-machinery-performance .voyage-comparison-basis{background:#fffaf1;grid-column:1/-1;min-height:112px}.vessel-machinery-performance .voyage-comparison-basis header mark{color:#8c641d;background:#f7e8c9}.vessel-machinery-performance .voyage-baseline-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;margin-top:8px;display:grid}.vessel-machinery-performance .voyage-baseline-metrics div{min-width:0}.vessel-machinery-performance .vessel-performance-exceptions{grid-column:1/-1;min-height:78px}.vessel-performance-exceptions.alarm{background:#fff4f2;border-color:#e2aaa4}.vessel-performance-exceptions.alarm>b{color:#b34138}.vessel-recent-voyages .vessel-section-heading small{color:#788b87;font-size:10px}.vessel-recent-voyages>div:last-child>button{text-align:left;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:52px;margin-top:6px;padding:7px 8px;display:grid}.vessel-recent-voyages>div:last-child>button:first-child{margin-top:9px}.vessel-recent-voyages button span,.vessel-recent-voyages button b,.vessel-recent-voyages button small{min-width:0;display:block}.vessel-recent-voyages button b{color:#294f56;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.vessel-recent-voyages button small{color:#71837f;margin-top:3px;font-size:10px}.vessel-recent-voyages button em{color:#0b6c62;white-space:nowrap;background:#dcece8;border-radius:3px;padding:6px 8px;font-size:9px;font-style:normal;font-weight:850}.vessel-recent-voyages p{color:#7f918d;margin:8px 0 0;font-size:9px}.vessel-decision-panel>footer{grid-template-columns:1fr auto;gap:7px;padding:12px 14px;display:grid}.vessel-decision-panel>footer button{min-height:34px;font:850 9px var(--font-ui);padding:0 12px}.vessel-decision-panel>footer button.primary{color:#fff;background:#0b7568}.vessel-decision-panel>footer.vessel-analytics-entry{background:#f8faf9;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;padding-block:10px}.vessel-analytics-entry>div{min-width:0}.vessel-analytics-entry>div b,.vessel-analytics-entry>div span{display:block}.vessel-analytics-entry>div b{color:#315f5b;letter-spacing:.1em;font-size:10px}.vessel-analytics-entry>div span{color:#6f817d;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.vessel-analytics-entry>button{white-space:nowrap}.bridge-view-shell .content{max-width:none;padding:12px}.task33-bridge-view{background:#071b23;border:1px solid #274a55;border-radius:5px;min-height:calc(100vh - 76px);overflow:hidden}.task33-bridge-view .bridge-workbar{background:#0a2630;justify-content:space-between;align-items:center;gap:18px;display:flex}.task33-bridge-view .bridge-workbar>div>span{color:#69d0c3}.bridge-header-state time{color:#9db8ba;white-space:nowrap;font-size:9px}.bridge-header-state select{color:#e8f5f3;background:#102f39;border-color:#47666d}.bridge-map-stage{height:calc(100vh - 166px);min-height:520px}.task33-bridge-view .bridge-maritime-map{height:100%}.bridge-nav-overlay{z-index:4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#041922eb;border:1px solid #70a2a8b8;border-radius:3px;width:265px;max-height:calc(100% - 82px);padding:14px;position:absolute;top:52px;left:14px;overflow:auto;box-shadow:0 8px 24px #000c124d}.bridge-nav-overlay header{border-bottom:1px solid #37545d;padding-bottom:11px}.bridge-nav-overlay header span,.bridge-nav-overlay header b,.bridge-nav-overlay header em{display:block}.bridge-nav-overlay header span{color:#66d5c7;letter-spacing:.14em;font-size:9px;font-weight:900}.bridge-nav-overlay header b{color:#fff;margin-top:4px;font-size:16px}.bridge-nav-overlay header em{color:#b8d0d1;letter-spacing:.1em;border:1px solid #52757a;width:max-content;margin-top:7px;padding:4px 6px;font-size:8px;font-style:normal;font-weight:900}.bridge-nav-overlay header em.live{color:#6be0cf;border-color:#2aa18c}.bridge-nav-overlay header em.stale{color:#efbd61;border-color:#bd8730}.bridge-nav-overlay header em.offline{color:#ff8d83;border-color:#b54a42}.bridge-primary-readouts{grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 0;display:grid}.bridge-primary-readouts p{text-align:center;background:#123741b8;border:1px solid #33535b;margin:0;padding:9px 6px}.bridge-primary-readouts span,.bridge-primary-readouts b{display:block}.bridge-primary-readouts span{color:#83a8ab;font-size:8px;font-weight:900}.bridge-primary-readouts b{color:#fff;white-space:nowrap;margin-top:4px;font-size:14px}.bridge-nav-overlay dl{margin:0}.bridge-nav-overlay dl div{border-top:1px solid #2d4951;padding:8px 0}.bridge-nav-overlay dt{color:#70979b;letter-spacing:.08em;font-size:8px;font-weight:900}.bridge-nav-overlay dd{color:#e2efef;margin:3px 0 0;font-size:10px;font-weight:700;line-height:1.35}.bridge-nav-overlay footer{color:#89a5a7;border-top:1px solid #456068;padding-top:9px;font-size:8px;line-height:1.45}.mode-bridge.fullscreen .bridge-nav-overlay{max-height:calc(100% - 36px);top:18px;left:18px}@media (width<=1180px){.vessel-operations-grid{grid-template-columns:minmax(0,1fr) 380px}.bridge-header-state time{display:none}.bridge-nav-overlay{width:245px}}@media (width<=900px){.task33-bridge-view .bridge-workbar{flex-direction:column;align-items:stretch}.vessel-workspace-controls,.bridge-header-state{flex-wrap:wrap;justify-content:space-between}.vessel-operations-grid{grid-template-columns:1fr;height:auto}.vessel-map-card{height:auto}.vessel-maritime-map{height:560px}.vessel-decision-panel{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;display:grid;overflow:visible}.vessel-decision-panel>header{position:static}.vessel-decision-panel>header,.vessel-decision-panel>.vessel-nav-summary,.vessel-decision-panel>footer{grid-column:1/-1}.bridge-map-stage{height:calc(100vh - 224px);min-height:520px}}@media (width<=620px){.vessel-workspace-controls,.bridge-header-state{grid-template-columns:1fr;display:grid}.vessel-workspace-controls select,.bridge-header-state select{width:100%}.vessel-map-overlay{flex-wrap:wrap;align-items:flex-start;max-width:none;right:10px}.vessel-map-overlay .vessel-workspace-controls{flex-wrap:wrap;display:flex}.vessel-map-overlay .vessel-workspace-controls select{width:auto;min-width:140px}.vessel-maritime-map{height:500px}.vessel-decision-panel{display:block}.bridge-nav-overlay{width:auto;max-height:45%;inset:auto 10px 28px}.bridge-primary-readouts{padding:8px 0}.bridge-nav-overlay dl div{padding:5px 0}}.user-layout{grid-template-columns:minmax(0,1fr) 300px;gap:14px;display:grid}.user-tools{border-bottom:1px solid var(--line);align-items:center;gap:7px;padding:12px;display:flex}.user-tools div{border:1px solid var(--line);background:#fff;border-radius:5px;flex:1;padding:7px 10px;font-size:13px}.user-tools input{background:0 0;border:0;outline:0;width:80%;margin-left:7px;font-size:11px}.user-tools select{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fff;border-radius:5px;padding:0 28px 0 10px;font-size:10px}.user-head,.user-row{grid-template-columns:1.5fr .85fr .9fr .7fr .55fr 105px;align-items:center;gap:10px;padding:0 14px;display:grid}.user-head{letter-spacing:.08em;border-bottom:1px solid var(--line);height:36px;font-size:8px}.user-row{border-bottom:1px solid var(--line);text-align:left;background:#fff;width:100%;min-height:68px;font-size:10px}.user-row:hover{background:#f5faf9}.user-row.disabled{background:#fff4f2;box-shadow:inset 3px 0 #c95b4e}.user-row.disabled:hover{background:#ffebe8}.user-row.disabled>div b,.user-row.disabled>b{color:#943a32}.user-row>div{align-items:center;gap:8px;display:flex}.user-row>div b{font-size:11px;display:block}.user-row>div b em{color:var(--sea);background:var(--mint-soft);margin-left:5px;padding:2px 4px;font-size:6px;font-style:normal}.user-row>div small{color:#8b9894;margin-top:3px;font-size:8px;display:block}.status-pill.invited{color:#a26d25;background:#f4e9d7}.status-pill.invited i{background:#b77b27}.user-status-toggle{font:inherit;cursor:pointer;border:1px solid #0000}.user-status-toggle:hover,.user-status-toggle:focus-visible{outline-offset:2px;border-color:#77aaa1;outline:2px solid #2c899024}.user-status-toggle.disabled{color:#9b332c;background:#ffe1de;border-color:#e3a49e}.user-status-toggle.disabled i{background:#c84f45}.user-status-toggle:disabled{cursor:not-allowed;opacity:.65}.permission-card{height:max-content}.permission-diagram b{color:var(--ink);font-size:13px;display:block}.permission-diagram p{color:var(--muted);font-size:10px;line-height:1.6}.permission-diagram button{color:#116854;background:#f3faf8;border:1px solid #9fc5bd;padding:8px 10px;font-size:9px;font-weight:800}.permission-note{color:#6f807b;margin:0 18px 18px;font-size:8px;line-height:1.6}.empty-admin{text-align:center;padding:70px 20px}.empty-admin>span{color:var(--sea);font-size:35px}.empty-admin h3{margin:15px 0 8px;font-family:Georgia,serif;font-size:25px}.empty-admin p{color:#74837e;margin-bottom:20px;font-size:10px}.login-activity{overflow:hidden}.login-activity>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.login-activity>header span{color:#a65a17;letter-spacing:.14em;font-size:9px;font-weight:900}.login-activity>header h3{color:var(--ink);margin:4px 0;font-size:18px}.login-activity>header p{color:var(--muted);margin:0;font-size:10px}.login-activity-head,.login-activity-row{grid-template-columns:minmax(120px,.8fr) minmax(105px,.7fr) minmax(160px,1fr) minmax(150px,1fr) minmax(120px,.8fr) minmax(130px,.9fr);align-items:center;gap:12px;padding:0 18px;display:grid}.login-activity-head{border-bottom:1px solid var(--line);min-height:38px;color:var(--muted);letter-spacing:.08em;background:#f5f8f7;font-size:8px}.login-activity-row{border-bottom:1px solid var(--line);min-height:58px;color:var(--ink);font-size:10px}.login-activity-row:last-child{border-bottom:0}.login-activity-row time,.login-activity-row code{color:#4f6669;font:inherit}.login-event{color:#48615f;background:#edf2f1;border-radius:3px;width:max-content;padding:4px 7px;font-weight:800}.login-event.login_success{color:#087456;background:#e2f3eb}.login-event.login_failed{color:#a65418;background:#fff0e3}.login-event.logout{color:#566675;background:#edf1f4}@media (width<=1050px){.login-activity{overflow-x:auto}.login-activity-head,.login-activity-row{min-width:920px}}@media (width<=1100px){.portal-shell{grid-template-columns:185px 1fr}.content{padding:30px 24px}.metric-row{grid-template-columns:repeat(2,1fr)}.hero-grid,.cctv-layout,.analysis-grid,.user-layout{grid-template-columns:1fr}.camera-list{height:auto;max-height:430px}.lower-grid{grid-template-columns:1fr}.table-head,.table-row{grid-template-columns:1.5fr .8fr .6fr .8fr 20px}.table-head>:nth-child(4),.table-row>:nth-child(4),.table-head>:nth-child(5),.table-row>:nth-child(5){display:none}.alert-board{grid-template-columns:1fr 1fr}.user-layout aside{display:none}}@media (width<=720px){.portal-shell{display:block}.sidebar{display:none}.mobile-top{z-index:20;background:var(--ink);color:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-top .brand>span{width:28px;height:28px}.mobile-top select{color:#fff;background:#123b45;border:1px solid #39605f;padding:7px}.content{padding:24px 14px}.view-heading{flex-direction:column;align-items:flex-start}.view-heading h1{font-size:32px}.hero-grid{grid-template-columns:1fr}.metric-row,.camera-info,.analytics-kpis{grid-template-columns:1fr 1fr}.lower-grid{grid-template-columns:1fr}.map-canvas{height:240px}.video-feed{height:330px}.alert-board{grid-template-columns:1fr}.table-head,.table-row{grid-template-columns:1.4fr .8fr .7fr 20px}.table-head>:nth-child(4),.table-row>:nth-child(4),.table-head>:nth-child(5),.table-row>:nth-child(5),.table-head>:nth-child(6),.table-row>:nth-child(6){display:none}.site-footer{flex-wrap:wrap;gap:10px;margin:0 14px}.user-head,.user-row{grid-template-columns:1.4fr .8fr .8fr 20px}.user-head>:nth-child(3),.user-row>:nth-child(3),.user-head>:nth-child(4),.user-row>:nth-child(4){display:none}}@media (width<=460px){.metric-row,.camera-info,.analytics-kpis{grid-template-columns:1fr}.performance-body{grid-template-columns:1fr;height:240px}.mini-bars{width:48%}.map-legend{gap:6px}.view-heading .primary-btn{width:100%}}@media (width<=820px){.login-page{grid-template-columns:1fr}.login-brand{min-height:42vh;padding:34px 28px}.login-copy{margin:65px 0}.login-copy h1{font-size:48px}.login-route{display:none}.login-panel{min-height:58vh;padding:42px 28px}.tenant-banner{padding:0 14px}.tenant-banner small{display:none}}.brand>span,.login-logo>span{color:var(--ink);background:linear-gradient(145deg,#92decb,#48a997);border:0;border-radius:10px;font-family:Arial,sans-serif;position:relative;overflow:hidden;transform:none;box-shadow:inset 0 0 0 1px #ffffff40,0 7px 20px #00000029}.brand>span{width:37px;height:37px}.brand>span b,.login-logo>span b{letter-spacing:-.05em;z-index:2;font-size:11px;position:relative}.brand>span i,.login-logo>span i{border:1px solid #0b2b3147;border-radius:50%;width:28px;height:16px;position:absolute;transform:rotate(-25deg)}.brand>span i:after,.login-logo>span i:after{content:"";background:var(--ink);border-radius:50%;width:4px;height:4px;position:absolute;top:4px;right:-2px}.brand div,.login-logo div{text-transform:none;letter-spacing:-.025em;font-size:17px;font-weight:700}.brand small,.login-logo small{letter-spacing:.18em;font-size:6px}.login-logo>span{place-items:center;width:47px;height:47px;display:grid}.login-logo>span b{font-size:13px}.login-copy{max-width:680px}.login-copy h1{font-size:clamp(50px,5.5vw,76px);line-height:1.02}.login-copy p{max-width:500px}.login-proof{border-top:1px solid #73cdba33;gap:0;margin-top:44px;padding-top:20px;display:flex}.login-proof>span{border-right:1px solid #73cdba2e;min-width:130px;margin-right:24px}.login-proof>span:last-child{border:0}.login-proof b{color:#fff;font:25px Georgia;display:block}.login-proof small{color:#789b95;letter-spacing:.09em;margin-top:5px;font-size:7px;display:block}.login-panel{position:relative;box-shadow:-22px 0 60px #031b1f1f}.login-heading h2{letter-spacing:-.025em}.login-submit{background:linear-gradient(105deg, var(--ink), #154a4f);transition:transform .2s,box-shadow .2s;box-shadow:0 10px 22px #0b2b3121}.login-submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0b2b3133}.brand div,.login-logo div{letter-spacing:-.045em;font-family:Bodoni MT,Didot,Times New Roman,serif;font-weight:600}.brand div{font-size:19px}.brand small,.login-logo small{letter-spacing:.22em;font-family:Arial,Helvetica,sans-serif;font-weight:700}.login-copy h1,.view-heading h1,.login-heading h2,.empty-admin h3{font-family:Bodoni MT,Didot,Palatino Linotype,Georgia,serif}.login-copy h1{letter-spacing:-.055em}.login-copy h1 em{letter-spacing:-.07em;font-family:Palatino Linotype,Palatino,Georgia,serif;font-style:italic}.login-heading h2{font-size:42px;font-style:italic}.view-heading h1{letter-spacing:-.045em}.view-heading h1 em{font-family:Palatino Linotype,Palatino,Georgia,serif;font-style:italic}.brand>span b,.login-logo>span b{font-family:Bodoni MT,Didot,Georgia,serif;font-style:italic;font-weight:700}.login-proof b,.metric-value,.performance-body strong,.analytics-kpis b{font-family:Bodoni MT,Didot,Georgia,serif}.brand>span em,.login-logo>span em{border:1px solid #0b2b316b;border-radius:50%;width:25px;height:12px;font-size:0;position:absolute;transform:rotate(32deg)}.brand>span em:before,.login-logo>span em:before{content:"";width:5px;height:5px;box-shadow:22px 3px 0 var(--coral);background:#fff;border-radius:50%;position:absolute;top:2px;left:-2px}.brand>span i,.login-logo>span i{border-color:#0b2b3173;transform:rotate(-28deg)}@media (width<=820px){.login-proof{display:none}.login-copy h1{font-size:44px}.login-logo>span{width:40px;height:40px}.login-logo div{font-size:16px}}.preview-note{color:var(--ink);background:linear-gradient(135deg,#f0faf7,#f7fbf8);border:1px solid #0f766e29;border-radius:7px;align-items:center;gap:11px;margin:-18px 0 24px;padding:12px 13px;display:flex}.preview-note>i{border:1px solid var(--sea);width:27px;height:27px;color:var(--sea);border-radius:50%;flex:0 0 27px;place-items:center;font-size:13px;font-style:normal;display:grid}.preview-note p{margin:0}.preview-note b{letter-spacing:.04em;font-size:9px;display:block}.preview-note small{color:var(--muted);margin-top:3px;font-size:8px;display:block}.preview-button{border:1px solid var(--sea);width:100%;color:var(--sea);text-align:left;letter-spacing:.02em;background:0 0;border-radius:6px;margin-top:10px;padding:13px 14px;font-size:9px;font-weight:800;transition:all .18s}.preview-button span{float:right}.preview-button:hover{background:var(--mint-soft);transform:translateY(-1px);box-shadow:0 8px 25px #0f766e14}.data-loading{text-align:center;place-content:center;min-height:430px;display:grid}.data-loading>span{color:var(--sea);font:44px Georgia;animation:1.3s infinite pulse}.data-loading h3{margin:18px 0 8px;font:italic 28px Bodoni MT,Georgia}.data-loading p{color:var(--muted);font-size:10px}@keyframes pulse{50%{opacity:.5}}.empty-note{color:var(--muted);padding:30px 18px;font-size:10px}.toolbar input{border:1px solid var(--line);background:#fff;border-radius:6px;padding:10px 13px;font-size:11px}.cctv-pending{padding:34px}.cctv-fleet-console{background:#fff;border-color:#cbdcd8;padding:0;overflow:hidden}.cctv-fleet-console-heading{background:#f7faf9;border-bottom:1px solid #d8e4e1;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:82px;padding:13px 18px;display:grid}.cctv-empty-icon{color:#2d7d71;background:#eaf5f2;border:1px solid #bdd7d1;border-radius:4px;place-items:center;width:42px;height:42px;display:grid}.cctv-empty-icon svg{width:21px;height:21px}.cctv-fleet-console-heading span,.cctv-fleet-console-body>aside>span,.cctv-vessel-directory>header span{color:#58736e;letter-spacing:.12em;font-size:9px;font-weight:850}.cctv-fleet-console-heading h2{color:#123d4c;font-family:var(--font-ui);margin:3px 0 4px;font-size:19px}.cctv-fleet-console-heading p{color:#637a75;margin:0;font-size:10px}.cctv-fleet-console-heading p b{color:#0b6170}.cctv-fleet-console-heading mark{color:#70817d;letter-spacing:.08em;background:#fff;border:1px solid #cbd8d5;border-radius:3px;padding:6px 9px;font-size:8px;font-weight:850}.cctv-fleet-console-body{grid-template-columns:220px minmax(0,1fr);min-height:430px;display:grid}.cctv-fleet-console-body>aside{background:#f8faf9;border-right:1px solid #d8e4e1;padding:22px 18px}.cctv-fleet-console-body>aside>b{color:#173f4d;margin-top:6px;font-size:18px;display:block}.cctv-fleet-console-body>aside>small{color:#748782;margin-top:7px;font-size:9px;line-height:1.5;display:block}.cctv-fleet-status{background:#fff;border:1px solid #d5e1de;border-radius:3px;gap:0;margin:22px 0 0;display:grid}.cctv-fleet-status div{border-bottom:1px solid #dce6e4;grid-template-columns:1fr auto;align-items:center;min-height:58px;padding:9px 11px;display:grid}.cctv-fleet-status div:last-child{border-bottom:0}.cctv-fleet-status dt{color:#6e817d;letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:800}.cctv-fleet-status dd{color:#173f4d;font-family:var(--font-ui);margin:0;font-size:18px;font-weight:750}.cctv-fleet-status .online dd{color:#0b8f6d}.cctv-fleet-status .attention dd{color:#c64338}.cctv-vessel-directory{min-width:0;padding:20px}.cctv-vessel-directory>header{justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px;display:flex}.cctv-vessel-directory>header b{color:#173f4d;margin-top:3px;font-size:14px;display:block}.cctv-vessel-directory>header small{color:#7a8d89;letter-spacing:.08em;font-size:8px;font-weight:750}.cctv-vessel-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.cctv-vessel-grid>p{color:#718581;font-size:10px}.cctv-vessel-tile{text-align:left;background:#fff;border:1px solid #d5e1de;border-left:3px solid #8e9d99;border-radius:3px;grid-template-rows:1fr auto;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:2px 9px;min-width:0;min-height:76px;padding:11px 12px;display:grid}.cctv-vessel-tile:hover{background:#f1f8f6;border-color:#8dbbb3}.cctv-vessel-tile.online{border-left-color:#0b8f6d}.cctv-vessel-tile.fault{border-left-color:#c64338}.cctv-vessel-tile>span b,.cctv-vessel-tile>span small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cctv-vessel-tile>span b{color:#173f4d;font-size:11px}.cctv-vessel-tile>span small{color:#778985;margin-top:4px;font-size:8px}.cctv-vessel-tile>em{color:#778985;letter-spacing:.06em;align-self:start;font-size:8px;font-style:normal;font-weight:850}.cctv-vessel-tile.online>em{color:#0b8f6d}.cctv-vessel-tile.fault>em{color:#c64338}.cctv-vessel-tile>strong{color:#176b5e;letter-spacing:.06em;grid-column:2/4;font-size:8px}.cctv-return-vessel{color:#176b5e;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #9fc4bd;border-radius:4px;min-height:40px;padding:0 15px;font-size:10px;font-weight:800}.cctv-return-vessel:hover{background:#edf7f4;border-color:#5f9d92}@media (width<=820px){.cctv-fleet-console-heading{grid-template-columns:42px 1fr}.cctv-fleet-console-heading mark,.cctv-fleet-console-heading .cctv-return-vessel{grid-column:2;justify-self:start}.cctv-fleet-console-body{grid-template-columns:1fr}.cctv-fleet-console-body>aside{border-bottom:1px solid #d8e4e1;border-right:0}.cctv-fleet-status{grid-template-columns:repeat(3,1fr)}.cctv-fleet-status div{border-bottom:0;border-right:1px solid #dce6e4}}.pending-grid{text-align:left;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px;display:grid}.pending-grid>div{border:1px solid var(--line);background:#fbfcf9;border-radius:7px;padding:13px}.pending-grid b,.pending-grid small,.pending-grid em{display:block}.pending-grid b{font-size:9px}.pending-grid small{color:var(--muted);margin:5px 0 12px;font-size:8px}.pending-grid em{color:#9b846f;letter-spacing:.08em;font-size:7px;font-style:normal}.trend-panels{grid-template-columns:1fr 1fr;align-items:start;gap:14px;margin-top:14px;display:grid}.trend-bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:2px;height:250px;padding:28px 18px 0;display:flex}.trend-chart{background-image:linear-gradient(#0000 49.6%,#4a656024 50%,#0000 50.4%);padding-left:58px;position:relative}.shaft-line-chart{height:250px}.trend-chart .trend-bars{padding-left:8px}.shaft-line-plot{width:100%;height:100%;position:relative}.shaft-line-plot svg{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;overflow:visible}.shaft-line-plot svg path{fill:none;stroke:#d9e2df;stroke-width:1px;vector-effect:non-scaling-stroke}.shaft-line-plot svg polyline{fill:none;stroke-width:2.2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.shaft-line-plot svg .shaft-power{stroke:#27718a}.shaft-line-plot svg .gps-speed{stroke:#12906f}.shaft-line-plot svg .main-fuel-flow{stroke:#d66b4f}.shaft-line-plot svg line{stroke:#173f4d;stroke-width:1.2px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.shaft-line-plot svg circle{stroke:#fff;stroke-width:2.5px;vector-effect:non-scaling-stroke}.shaft-line-plot svg circle.shaft-power{fill:#27718a}.shaft-line-plot svg circle.gps-speed{fill:#12906f}.shaft-line-plot svg circle.main-fuel-flow{fill:#d66b4f}.shaft-tooltip{z-index:5;color:#fff;pointer-events:none;background:#112d35f5;border:1px solid #789792;gap:4px;min-width:150px;padding:9px 11px;display:grid;position:absolute;top:12px;transform:translate(-50%)}.shaft-tooltip time{color:#bcebe2;font-size:9px}.shaft-tooltip b{font-size:14px}.shaft-tooltip span{font-size:10px}.shaft-tooltip .shaft-power{color:#77c7e2}.shaft-tooltip .gps-speed{color:#6fddb9}.shaft-tooltip .main-fuel-flow{color:#ff9a78}.chart-scale{z-index:2;color:#526b66;flex-direction:column;justify-content:space-between;width:46px;font-size:9px;display:flex;position:absolute;top:22px;bottom:2px;left:10px}.chart-scale b,.chart-scale span,.chart-scale small{font-size:9px;font-weight:700}.track-card,.owner-matrix{margin-top:14px;overflow:hidden}.track-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:64px;padding:12px 16px;display:flex}.track-toolbar>div:first-child{min-width:210px}.track-vessel-name{color:#123848;letter-spacing:.045em;text-align:center;text-transform:uppercase;margin:0 auto;font-size:clamp(16px,1.45vw,22px);font-weight:850;line-height:1.15}.track-toolbar b,.track-toolbar span{display:block}.track-toolbar span{color:var(--muted);margin-top:4px;font-size:8px}.period-presets{gap:4px;display:flex}.period-presets button{border:1px solid var(--line);color:var(--sea);background:#fff;padding:7px 10px;font-size:9px}.dual-range{background:#f8faf7;padding:12px 18px 14px}.range-labels,.range-domain{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.range-labels b{color:var(--ink);font-size:10px}.range-domain b{color:#607a76;font-size:9px;font-weight:650;line-height:12px}.range-domain b.selected{color:var(--ink);font-weight:650}.range-rails{height:42px;margin:6px 0 2px;position:relative}.range-rails:before,.range-selected-period{content:"";border-radius:5px;height:5px;position:absolute;top:28px}.range-rails:before{z-index:1;background:#d9dfdd;left:0;right:0;box-shadow:inset 0 0 0 1px #b8c2bf}.range-selected-period{z-index:2;background:var(--sea);pointer-events:none}.range-marker-label{z-index:4;max-width:190px;color:var(--sea);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;font-size:9px;font-weight:800;line-height:15px;position:absolute;top:0;overflow:hidden;transform:translate(-50%)}.range-rails.labels-close{height:58px}.range-marker-label.below{top:39px}.range-rails input{z-index:3;appearance:none;pointer-events:none;width:100%;height:24px;accent-color:var(--sea);background:0 0;margin:0;position:absolute;inset:18px 0 0}.range-rails input::-webkit-slider-runnable-track{background:0 0;height:5px}.range-rails input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:2px solid var(--sea);pointer-events:auto;cursor:ew-resize;background:repeating-linear-gradient(90deg,#fff 0 3px,#b9d1d4 3px 4px);border-radius:2px;width:14px;height:26px;margin-top:-11px;box-shadow:0 1px 4px #0f343e42}.range-rails input::-moz-range-track{background:0 0;height:5px}.range-rails input::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--sea);pointer-events:auto;cursor:ew-resize;background:repeating-linear-gradient(90deg,#fff 0 3px,#b9d1d4 3px 4px);border-radius:2px;width:14px;height:26px;box-shadow:0 1px 4px #0f343e42}.range-rails input:focus-visible::-webkit-slider-thumb{background:#dcefed;box-shadow:inset 0 0 0 2px #fff,0 1px 4px #0f343e42}.range-rails input:focus-visible::-moz-range-thumb{background:#dcefed;box-shadow:inset 0 0 0 2px #fff,0 1px 4px #0f343e42}.range-rails input:last-of-type{z-index:4}.track-map{aspect-ratio:2.15;background-color:#e7f0f2;background-image:linear-gradient(#2364771a 1px,#0000 1px),linear-gradient(90deg,#2364771a 1px,#0000 1px);background-size:50px 45px;width:min(100%,1100px);height:auto;margin:0 auto 14px;position:relative}.track-evidence-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:stretch;gap:12px;padding:0 14px 14px;display:grid}.track-evidence-layout .track-map{aspect-ratio:auto;width:100%;height:clamp(360px,30vw,440px);margin:0}.period-alarm-panel{border:1px solid var(--line);background:#fff;min-width:0;height:clamp(360px,30vw,440px);overflow:hidden}.period-alarm-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:9px 11px;display:flex}.period-alarm-panel>header b,.period-alarm-panel>header span{display:block}.period-alarm-panel>header b{color:#173f4d;letter-spacing:.11em;font-size:11px}.period-alarm-panel>header span{color:#6d807d;letter-spacing:.06em;margin-top:3px;font-size:8px}.period-alarm-panel>header strong{color:#176c5c;text-align:center;background:#e9f2ef;border-radius:14px;min-width:28px;padding:5px 7px;font-size:11px}.period-alarm-list{height:calc(100% - 54px);overflow-y:auto}.period-alarm-list>button{color:#173f4d;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #dce5e2;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:8px;width:100%;padding:10px 9px;display:grid;position:relative}.period-alarm-list>button:hover,.period-alarm-list>button.active{background:var(--control-active-soft);box-shadow:inset 3px 0 0 var(--control-active)}.period-alarm-list>button>i{color:#287563;background:#e9f2ef;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-style:normal;font-weight:900;display:grid}.period-alarm-list>button.blackout>i{color:#c53d32;background:#ffe7e3}.period-alarm-list>button.frequency>i{color:#a56b13;background:#fff1d2}.period-alarm-list>button.voltage>i{color:#bd5147;background:#ffebe8}.period-alarm-list>button.pf>i{color:#2463a9;background:#e5eff9}.period-alarm-list>button span,.period-alarm-list>button span>*{min-width:0;display:block}.period-alarm-list>button span b{color:#173f4d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.period-alarm-list>button time{color:#53716d;margin-top:3px;font-size:9px;font-weight:750}.period-alarm-list>button small{color:#71827f;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;line-height:1.35;overflow:hidden}.event-status{color:#866019;letter-spacing:.08em;background:#fff0cc;border-radius:2px;width:max-content;margin:0 6px 2px 0;padding:2px 5px;font-size:7px;font-weight:900;display:inline-block!important}.event-status.confirmed{color:#a62d27;background:#ffe3df}.event-status.invalid{color:#74807e;background:#edf0ef}.period-alarm-list>button em{color:#6a7e7a;text-align:right;white-space:nowrap;font-size:8px;font-style:normal;font-weight:800;line-height:1.45}.period-alarm-list>p{color:#6d807d;text-align:center;margin:0;padding:24px 14px;font-size:10px;line-height:1.5}.blackout-workbench{margin-top:12px;overflow:hidden}.blackout-workbench>header{border-bottom:1px solid var(--line);background:#fbfcfb;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex}.blackout-workbench>header span,.blackout-workbench>header h3,.blackout-workbench>header p{margin:0;display:block}.blackout-workbench>header span{color:#37706e;letter-spacing:.13em;font-size:9px;font-weight:850}.blackout-workbench>header h3{color:#123d4b;margin-top:4px;font-size:17px}.blackout-workbench>header p{color:#6a7f7c;margin-top:3px;font-size:10px}.blackout-status{color:#8a621b;letter-spacing:.1em;background:#fff0cc;border-radius:3px;padding:7px 10px;font-size:9px;font-weight:900}.blackout-status.confirmed{color:#fff;background:#d23b33}.blackout-status.invalid{color:#687875;background:#e7ebea}.blackout-state-flow{border-bottom:1px solid var(--line);color:#315f5b;letter-spacing:.08em;text-align:center;background:#f3f8f6;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;padding:9px 16px;font-size:9px;font-weight:850;display:grid}.blackout-state-flow i{color:#8fa29f;font-size:15px;font-style:normal}.blackout-evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.blackout-evidence-stage{border-right:1px solid var(--line);background:#fff;min-width:0;padding:13px 15px 15px}.blackout-evidence-stage:last-child{border-right:0}.blackout-evidence-stage>header{color:#315c58;letter-spacing:.11em;align-items:center;gap:7px;font-size:9px;display:flex}.blackout-evidence-stage>header i{background:#26927d;border-radius:50%;width:8px;height:8px}.blackout-evidence-stage.loss>header i{background:#d23b33}.blackout-evidence-stage.recovery>header i{background:#2b7b9b}.blackout-total{justify-content:space-between;align-items:end;gap:10px;margin:12px 0 9px;display:flex}.blackout-total span{color:#71817f;font-size:8px;font-weight:750}.blackout-total strong{color:#143e4c;font-size:20px}.blackout-total small{color:#667c78;font-size:9px}.blackout-evidence-stage.loss .blackout-total strong{color:#b12f29}.blackout-evidence-units{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.blackout-evidence-units>div{background:#fafcfb;border:1px solid #dce5e2;padding:7px}.blackout-evidence-units b,.blackout-evidence-units span{display:block}.blackout-evidence-units b{color:#174f5d;margin-bottom:4px;font-size:9px}.blackout-evidence-units span{color:#637b77;font-size:8px;line-height:1.55}.blackout-evidence-stage>p{color:#81908e;margin:20px 0;font-size:10px}.blackout-workbench>footer{border-top:1px solid var(--line);background:#fbfcfb;grid-template-columns:.8fr 1fr 1.5fr;display:grid}.blackout-workbench>footer div{border-right:1px solid var(--line);padding:11px 14px}.blackout-workbench>footer div:last-child{border-right:0}.blackout-workbench>footer span,.blackout-workbench>footer b{display:block}.blackout-workbench>footer span{color:#73827f;letter-spacing:.09em;font-size:8px;font-weight:800}.blackout-workbench>footer b{color:#244e55;margin-top:5px;font-size:9px;line-height:1.45}@media (width<=1180px){.track-evidence-layout{grid-template-columns:minmax(0,1fr) 300px}}@media (width<=900px){.track-evidence-layout{grid-template-columns:1fr}.track-evidence-layout .track-map{height:360px}.period-alarm-panel{height:320px}.blackout-evidence-grid,.blackout-workbench>footer{grid-template-columns:1fr}.blackout-evidence-stage,.blackout-workbench>footer div{border-right:0;border-bottom:1px solid var(--line)}}.track-map svg{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.track-map.dragging svg{cursor:grabbing}.map-zoom-controls{z-index:4;background:#fffffff0;border:1px solid #9eb5b4;border-radius:4px;grid-template-columns:34px 58px 34px 44px 62px;align-items:center;display:grid;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 2px 8px #14373d29}.map-zoom-controls button{min-height:34px;color:var(--ink);cursor:pointer;background:#fff;border:0;font-size:20px;line-height:1}.map-zoom-controls button:hover:not(:disabled){color:#087c69;background:#e4f1ee}.map-zoom-controls button:disabled{color:#aebdbc;cursor:default}.map-zoom-controls span{text-align:center;color:var(--muted);font-size:10px;font-weight:700}.map-zoom-controls .fit-track{color:var(--sea);border-left:1px solid #c9d6d3;font-size:9px;font-weight:800}.map-zoom-controls .center-track{color:var(--sea);border-left:1px solid #c9d6d3;font-size:8px;font-weight:800}.track-map .track-world{opacity:.9;filter:saturate(.78)contrast(1.1)brightness(.97)}.track-map polyline{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.track-map polyline.track-route-halo{stroke:#fffffff0;stroke-width:2.7px}.track-map polyline.track-route{stroke:#087c69;stroke-width:1.35px}.track-map .track-point{fill:#087c69;stroke:#fff;stroke-width:.55px;vector-effect:non-scaling-stroke}.track-map .track-start{fill:#e2a93b}.track-map .track-end{fill:#16836f;stroke:#fff;stroke-width:3px}.blackout-map-marker{cursor:pointer}.blackout-map-marker>circle{fill:#d83a32;stroke:#fff;stroke-width:2px;filter:drop-shadow(0 1px 2px #5a141273)}.blackout-map-marker>line{stroke:#aa302a94;stroke-width:1px;stroke-dasharray:2 2}.blackout-map-marker>path{fill:#fff;pointer-events:none}.blackout-map-marker>text{fill:#842d29;stroke:#fffffff5;stroke-width:2.4px;paint-order:stroke fill;letter-spacing:.025em;pointer-events:none;font-size:8px;font-weight:850}.blackout-map-marker .blackout-place-name{fill:#315d5d;letter-spacing:.045em;font-size:7.5px;font-weight:750}.blackout-map-hotspot{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s}.blackout-map-marker:hover .blackout-map-hotspot,.blackout-map-marker:focus .blackout-map-hotspot{opacity:1;visibility:visible}.blackout-map-hotspot>rect{fill:#fffffff7;stroke:#8bb8b1;stroke-width:1px;filter:drop-shadow(0 3px 7px #16343838)}.blackout-map-hotspot>text{fill:#842d29;stroke:none;paint-order:normal;letter-spacing:.02em;font-size:8px;font-weight:850}.blackout-map-hotspot .blackout-place-name{fill:#315d5d}.blackout-map-hotspot .blackout-place-unavailable{fill:#7d8d8a;font-size:7.5px;font-weight:700}.track-vessel .ais-target{fill:#fffffff5;stroke:#087c69;stroke-width:2.6px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #08443d52)}.track-vessel .heading-vector{fill:none;stroke:#087c69;stroke-width:2.2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.track-map>p{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.track-spread{z-index:4;color:#176e65;background:#f5fbf9f0;border:1px solid #83b9b0;border-radius:3px;padding:8px 10px;position:absolute;top:12px;left:14px}.track-spread b,.track-spread span{display:block}.track-spread b{letter-spacing:.06em;font-size:9px}.track-spread span{color:#607a76;margin-top:3px;font-size:9px}.track-spread.stationary{color:#8a621c;background:#fff9ebf2;border-color:#d6b16c}.track-legend{background:#ffffffe6;gap:12px;padding:7px 9px;font-size:9px;display:flex;position:absolute;bottom:12px;left:14px}.track-legend i{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.track-legend i.start{background:#e2a93b}.track-legend i.end{background:#16836f}.track-legend i.blackout{background:#d83a32}.fuel-analysis{margin-top:14px;overflow:hidden}.fuel-summary{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.fuel-summary article{border-right:1px solid var(--line);min-height:94px;padding:14px 17px}.fuel-summary span{color:#607a76;letter-spacing:.1em;font-size:10px;font-weight:700}.fuel-summary b{color:#174f60;margin:9px 0 6px;font:650 27px/1 Segoe UI,Arial,sans-serif;display:block}.fuel-summary b small{color:#637d78;margin-left:6px;font-size:11px;font-weight:600}.fuel-summary p{color:#6f827e;margin:0;font-size:10px;line-height:1.4}.fuel-integrity-notice{color:#69480d;background:#fff8e7;border:1px solid #d6a54b;align-items:baseline;gap:12px;margin:0 0 10px;padding:10px 14px;display:flex}.fuel-integrity-notice b{white-space:nowrap;font-size:12px}.fuel-integrity-notice span{font-size:11px;line-height:1.45}.fuel-integrity-notice.inconsistent,.fuel-integrity-notice.unavailable{color:#842c27;background:#fff1ef;border-color:#cf6f68}.fuel-integrity-dialog{max-width:560px}.fuel-integrity-dialog>div{padding:16px 20px}.fuel-integrity-dialog>div b{color:#245a63;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.fuel-integrity-dialog>div p{margin:4px 0 14px}.fuel-context-options{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.fuel-context-options button{color:#315f60;text-align:left;background:#fff;border:1px solid #b9cbc7;border-radius:3px;grid-template-columns:10px auto;align-items:center;column-gap:6px;min-width:112px;padding:6px 9px;font-size:10px;font-weight:750;display:grid}.fuel-context-options button i{border-radius:2px;width:10px;height:3px}.fuel-context-options button small{color:#71827f;grid-column:2;font-size:8px;font-weight:600}.fuel-context-options button:hover:not(:disabled),.fuel-context-options button:focus-visible{border-color:var(--control-active-border);background:var(--control-active-soft);outline:none}.fuel-context-options button[aria-pressed=true]{border-color:var(--control-active);background:var(--control-active-soft);box-shadow:inset 0 -2px var(--control-active);color:var(--control-active-text)}.fuel-context-options button:disabled{cursor:not-allowed;opacity:.42}.fuel-chart-heading{border-bottom:1px solid var(--line);background:#edf5f8;justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:7px 16px;display:flex}.fuel-chart-title{flex:none}.fuel-chart-title b{color:#123f4c;font-size:14px}.fuel-chart-view{position:relative}.fuel-chart-view .analysis-data-switch{z-index:5;background:0 0;border:0;min-height:0;padding:0;position:absolute;top:10px;left:16px}.fuel-chart-view .analysis-data-switch>span{display:none}.fuel-interval-control{background:linear-gradient(90deg,#f8faf9,#f1f6f6);border-bottom:1px solid #d6e1e0;grid-template-rows:auto auto;grid-template-columns:110px minmax(260px,560px);align-items:center;column-gap:18px;padding:49px 16px 12px;display:grid}.fuel-interval-control-title{grid-row:1/3;align-content:center;gap:4px;display:grid}.fuel-interval-control-title span{color:#607a76;letter-spacing:.1em;font-size:9px;font-weight:800}.fuel-interval-control-title output{color:#174f60;font-size:13px;font-weight:800}.fuel-interval-control input[type=range]{width:100%;height:18px;accent-color:var(--control-active);cursor:pointer;margin:0}.fuel-interval-control input[type=range]:focus-visible{outline-offset:3px;outline:3px solid #2c89903d}.fuel-interval-stops{color:#70827f;justify-content:space-between;padding:0 1px;font-size:8px;font-weight:750;display:flex}.fuel-interval-stops span{text-align:center;min-width:34px}.fuel-interval-stops span:first-child{text-align:left}.fuel-interval-stops span:last-child{text-align:right}.fuel-interval-stops span.active{color:var(--control-active-text)}.fuel-bars{border-bottom:1px solid var(--line);background-image:linear-gradient(#0000 49.6%,#4a656024 50%,#0000 50.4%);height:300px;padding:30px 16px 0;display:block;overflow-x:auto}.fuel-bars-track{min-width:100%;height:100%;position:relative}.fuel-bar-columns{justify-content:space-between;align-items:flex-end;gap:2px;display:flex;position:absolute;inset:0}.fuel-bar-columns>i{background:#4ca394;flex:1 0 4px;max-width:24px;min-height:3px;font-style:normal;position:relative}.fuel-bar-columns>i>.fuel-segment{position:absolute;left:0;right:0}.fuel-bar-columns>i>.fuel-segment.me{background:#27718a;bottom:0}.fuel-bar-columns>i>.fuel-segment.ae{background:#82c9be}.fuel-bars.separated-meter .fuel-bar-columns>i{background:repeating-linear-gradient(135deg,#d9dfdd 0 3px,#f5f7f6 3px 6px)}.fuel-bars>p{width:100%;color:var(--muted);text-align:center;align-self:center;font-size:11px}.fuel-rpm-overlay{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fuel-rpm-overlay polyline{fill:none;stroke:#d26a32;stroke-width:2px;vector-effect:non-scaling-stroke}.fuel-rpm-overlay .rpm-stop-threshold{stroke:#d26a328c;stroke-width:1px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.fuel-context-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fuel-context-overlay polyline{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke}.fuel-foot{color:var(--muted);align-items:center;gap:14px;padding:10px 16px;font-size:10px;display:flex}.fuel-foot span{align-items:center;gap:5px;display:flex}.fuel-foot i{background:#82c9be;width:9px;height:9px}.fuel-foot i.me{background:#27718a}.fuel-foot i.combined{background:#4ca394}.fuel-foot i.unavailable{background:repeating-linear-gradient(135deg,#aeb9b6 0 2px,#f5f7f6 2px 4px);border:1px solid #aeb9b6}.fuel-foot i.rpm{background:#d26a32;width:14px;height:2px}.fuel-foot .signal-rejected{color:#8b4a24;font-weight:700}.fuel-foot b{color:#315f60;margin-left:auto;font-size:10px}@media (width<=1100px){.fuel-chart-heading{flex-direction:column;align-items:flex-start}.fuel-context-options{justify-content:flex-start}.fuel-interval-control{grid-template-columns:96px minmax(220px,1fr)}}.owner-matrix-grid{grid-template-columns:repeat(3,1fr);display:grid}.owner-matrix-grid article{border-top:1px solid var(--line);border-right:1px solid var(--line);min-height:120px;padding:17px}.owner-matrix-grid span,.analytics-kpis>article>span{color:#607a76;letter-spacing:.1em;font-size:10px;font-weight:700}.owner-matrix-grid b{color:#174f60;margin:13px 0 10px;font:650 29px/1 Segoe UI,Arial,sans-serif;display:block}.owner-matrix-grid b small{color:#637d78;font:600 11px Segoe UI,Arial,sans-serif}.owner-matrix-grid p{color:#6f827e;margin:0;font-size:10px;line-height:1.5}.owner-matrix-grid .data-gap{background:#fff8ef}.owner-matrix-grid .data-gap b{color:#a86b2c;font:750 20px/1.1 Segoe UI,Arial,sans-serif}.event-matrix{margin-top:14px;overflow:hidden}.event-counts{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.event-counts article{border-right:1px solid var(--line);padding:15px}.event-counts span,.event-counts small{color:var(--muted);font-size:8px;display:block}.event-counts b{color:#27718a;margin:7px 0 4px;font:26px Georgia,serif;display:block}.electrical-event-list{border-top:1px solid var(--line);max-height:300px;overflow:auto}.electrical-event-list button{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:24px 1.2fr 1fr auto;align-items:center;gap:12px;width:100%;padding:11px 15px;display:grid}.electrical-event-list button:hover{background:#f1f7f5}.electrical-event-list button.active{background:var(--control-active-soft);box-shadow:inset 4px 0 0 var(--control-active)}.electrical-event-list i{color:#fff;background:#c94f43;border-radius:50%;place-items:center;width:21px;height:21px;font-style:normal;font-weight:800;display:grid}.electrical-event-list b,.electrical-event-list small{display:block}.electrical-event-list small,.electrical-event-list em{color:var(--muted);margin-top:3px;font-size:8px;font-style:normal}.electrical-event-list strong{color:var(--sea);font-size:8px}.trend-bars>i{background:linear-gradient(var(--mint), var(--sea));opacity:.75;flex:1;min-width:1px}.trend-bars.triple>span{flex:1;align-items:flex-end;gap:1px;height:100%;display:flex}.trend-bars.triple>span i{background:var(--sea);width:33%}.trend-bars.triple>span i:nth-child(2){background:var(--mint)}.trend-bars.triple>span i:nth-child(3){background:var(--coral);opacity:.65}.generator-view-toggle{border-bottom:1px solid var(--line);background:#f8faf8;align-items:center;gap:14px;padding:10px 14px;display:flex}.generator-view-toggle>div{grid-template-columns:repeat(3,140px);gap:0;display:grid}.generator-view-toggle button{color:#315f60;text-align:left;background:#fff;border:1px solid #b9cbc7;border-right-width:0;border-radius:0;align-content:center;width:100%;height:34px;padding:0 11px;display:grid}.generator-view-toggle button:first-child{border-radius:3px 0 0 3px}.generator-view-toggle button:last-child{border-right-width:1px;border-radius:0 3px 3px 0}.generator-view-toggle button b{font-size:10px;font-weight:800}.generator-view-toggle button:hover{border-color:var(--control-active-border);background:var(--control-active-soft)}.generator-view-toggle button.active{z-index:1;border-color:var(--control-active);background:var(--control-active);color:#fff;border-right-width:1px;position:relative}.generator-view-toggle>span{color:#607a76;text-align:right;gap:2px;min-width:220px;margin-left:auto;font-size:9px;display:grid}.generator-view-toggle>span small{color:#7b8d89;letter-spacing:.09em;font-size:8px;font-weight:800}.generator-view-toggle>span b{color:#176d73;font-size:10px;font-weight:800}.generator-dual-chart{border-bottom:1px solid var(--line);background-image:linear-gradient(#0000 54%,#4a656024 54.3%,#0000 54.6%);grid-template-columns:54px minmax(0,1fr) 54px;height:310px;padding-top:24px;display:grid;position:relative;overflow:hidden}.generator-axis{color:#607a76;flex-direction:column;justify-content:space-between;height:235px;padding:0 8px 1px;font-size:9px;display:flex}.generator-axis b{color:#173f4d;font-size:10px}.generator-axis.right{border-left:1px solid #d8e1de;align-items:flex-end}.generator-axis.left{border-right:1px solid #d8e1de}.generator-groups{grid-template-columns:minmax(52px,.58fr) minmax(0,1.55fr) minmax(0,1.55fr);align-items:stretch;gap:clamp(8px,1.8vw,22px);min-width:0;height:258px;padding:0 clamp(6px,1.2vw,16px);display:grid}.generator-section{grid-template-rows:28px minmax(0,1fr);min-width:0;display:grid}.generator-section>b{color:#526d69;letter-spacing:.09em;text-align:center;font-size:9px}.generator-section.power-section{border-right:1px dashed #9fb7b2;padding-right:clamp(7px,1.2vw,16px)}.generator-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,1vw,12px);min-height:0;display:grid}.total-section .generator-columns{grid-template-columns:1fr}.generator-column{grid-template-rows:1fr 24px;min-width:0;display:grid}.generator-bar-slot{box-sizing:border-box;justify-content:center;align-items:flex-end;min-height:0;padding-top:27px;display:flex}.generator-bar-slot>i{background:#27718a;border-radius:2px 2px 0 0;width:38px;min-height:3px;max-height:calc(100% - 27px);font-style:normal;position:relative}.generator-bar-slot>i.pf{background:#86bdcf}.generator-column.ae2 .power{background:#16836f}.generator-column.ae2 .pf{background:#8bcfc3}.generator-column.ae3 .power{background:#c65f52}.generator-column.ae3 .pf{background:#e9aaa1}.generator-column.total .power{background:#243f4b}.generator-bar-slot>i>b{white-space:nowrap;color:#173f4d;font-size:9px;font-style:normal;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.generator-column>strong{color:#173f4d;letter-spacing:.08em;text-align:center;border-top:1px solid #d8e1de;align-self:end;padding-top:8px;font-size:10px}.generator-column>strong small{color:#83918e;letter-spacing:.08em;min-height:14px;margin-top:3px;font-size:7px;font-weight:700;display:block}.generator-column.pf-column.good .pf{background:#2f9a72}.generator-column.pf-column.fair .pf{background:#d5a62e}.generator-column.pf-column.poor .pf{background:#d96a54}.generator-column.pf-column.good>strong small{color:#2f8969}.generator-column.pf-column.fair>strong small{color:#9a7619}.generator-column.pf-column.poor>strong small{color:#b54f3f}.pf-placeholder{background:linear-gradient(#dfe5e352,#dfe5e31f);border:1px dashed #c5cecc;border-bottom-style:solid;border-radius:2px 2px 0 0;justify-content:center;align-items:flex-start;width:38px;height:calc(100% - 27px);min-height:64px;display:flex}.pf-placeholder b{color:#83918e;margin-top:-20px;font-size:17px;line-height:1}.generator-time-axis{color:#607a76;justify-content:space-between;padding:8px 72px;font-size:9px;display:flex}.generator-time-axis b{color:#173f4d;font-size:9px}.electrical-trends{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.analysis-data-switch{background:#f7f8f7;border-bottom:1px solid #d8e1df;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:6px 10px;display:flex}.analysis-data-switch>div{background:#fff;border:1px solid #aebfbd;border-radius:2px;display:inline-flex;overflow:hidden}.analysis-data-switch button{color:#4c6266;background:#fff;border:0;border-left:1px solid #cbd6d4;min-width:76px;min-height:26px;padding:0 10px;font-size:9px;font-weight:750}.analysis-data-switch button:first-child{border-left:0}.analysis-data-switch button:hover{background:#edf3f2}.analysis-data-switch button.active{background:var(--control-active);color:#fff}.analysis-data-switch>span{color:#71827f;text-align:right;font-size:8px}.analysis-data-table-wrap{scrollbar-gutter:stable;background:#fff;max-height:340px;overflow:auto}.analysis-data-table{border-spacing:0;color:#354b50;width:100%;font:9px var(--font-data);text-align:left}.analysis-data-table th{z-index:1;color:#31535a;min-width:118px;font-family:var(--font-ui);background:#f3f5f4;border-bottom:2px solid #559bb2;border-right:1px solid #d7dfde;padding:8px 10px;font-weight:800;position:sticky;top:0}.analysis-data-table th small{color:#7b8987;margin-top:2px;font-size:7px;font-weight:600;display:block}.analysis-data-table td{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e3e8e7;border-right:1px solid #e3e8e7;max-width:240px;padding:7px 10px;overflow:hidden}.analysis-data-table tbody tr:nth-child(2n){background:#f7f8f7}.analysis-data-table tbody tr:hover{background:#eaf2f3}.analysis-null{color:#916c31;background:#fbf7ef;font-style:italic;font-weight:750}.analysis-data-table-wrap>p{color:#758481;text-align:center;margin:0;padding:34px 16px;font-size:10px}@media (width<=700px){.analysis-data-switch{flex-direction:column;align-items:stretch}.analysis-data-switch>span{text-align:left}}.electrical-trend-title{justify-content:center;align-items:center;min-height:48px;padding:7px 10px;display:flex;position:relative}.electrical-trend-title>div{width:100%;min-width:0}.electrical-trend-title>span{position:absolute;right:10px}.electrical-chart-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;display:grid}.electrical-metric-control{justify-self:start;align-items:center;gap:8px;display:flex}.electrical-comparison-label{color:#587178;letter-spacing:.1em;white-space:nowrap;font-size:10px;font-weight:800}.electrical-metric-selector{width:min(280px,45vw);min-width:190px}.electrical-metric-selector select{color:#164f59;background:#fff;border:1px solid #82adbd;border-radius:2px;width:100%;height:32px;padding:0 34px 0 10px;font-size:11px;font-weight:800}.electrical-metric-selector select:hover,.electrical-metric-selector select:focus-visible{border-color:var(--control-active);outline:2px solid #3b819829}.electrical-chart-controls fieldset{border:0;justify-self:center;gap:5px;min-width:0;margin:0;padding:0;display:flex}.electrical-chart-controls button{color:#47645f;letter-spacing:.04em;background:#fff;border:1px solid #bdcdca;min-width:44px;height:32px;padding:0 9px;font-size:9px;font-weight:800}.electrical-chart-controls button:hover{border-color:var(--control-active);background:var(--control-active-soft);color:var(--control-active-text)}.electrical-chart-controls button.ae1{box-shadow:inset 0 -3px #2463a9}.electrical-chart-controls button.ae2{box-shadow:inset 0 -3px #169b62}.electrical-chart-controls button.ae3{box-shadow:inset 0 -3px #d66a2c}.electrical-chart-controls button.active.ae1{color:#fff;background:#2463a9;border-color:#2463a9;box-shadow:inset 0 -3px #9dc3ef}.electrical-chart-controls button.active.ae2{color:#fff;background:#147b50;border-color:#147b50;box-shadow:inset 0 -3px #85d9b5}.electrical-chart-controls button.active.ae3{color:#fff;background:#bd541f;border-color:#bd541f;box-shadow:inset 0 -3px #f6b188}.electrical-chart-controls button.reset-brush{color:#17665f;background:#f3f8f7;border-color:#8fb4ae;justify-self:end;min-width:84px;margin-right:110px}.electrical-trend{overflow:hidden}.electrical-trend-plot{background-image:linear-gradient(#0000 49.7%,#4a656021 50%,#0000 50.3%);height:250px;padding-left:64px;position:relative}.electrical-trend-plot svg{width:100%;height:100%;overflow:visible}.electrical-trend-plot g polyline{fill:none;stroke:currentColor;stroke-width:2.4px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.electrical-trend-plot g circle{fill:currentColor;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.electrical-trend-plot svg{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.electrical-brush-selection,.line-brush-selection{fill:#2463a92e;stroke:#2463a9;stroke-width:1.5px;stroke-dasharray:5 3;vector-effect:non-scaling-stroke;pointer-events:none}.electrical-trend-plot .electrical-hover-line{stroke:#173f4d;stroke-width:1.25px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.electrical-trend-plot .electrical-hover-point{fill:currentColor;stroke:#fff;stroke-width:2.5px;vector-effect:non-scaling-stroke;pointer-events:none}.electrical-tooltip{z-index:8;color:#fff;pointer-events:none;background:#112d35f5;border:1px solid #789792;min-width:165px;padding:9px 11px;position:absolute;top:16px;transform:translate(-50%);box-shadow:0 5px 15px #14373d38}.electrical-tooltip time{color:#bcebe2;border-bottom:1px solid #fff3;margin-bottom:7px;padding-bottom:6px;font-size:9px;font-weight:700;display:block}.electrical-tooltip span{grid-template-columns:10px 36px 1fr;align-items:center;gap:6px;margin-top:4px;font-size:9px;display:grid}.electrical-tooltip i{border-radius:50%;width:8px;height:8px}.electrical-tooltip b{text-align:right;font-size:10px}.electrical-grid-line{fill:none;stroke:#d9e2df;stroke-width:1px;vector-effect:non-scaling-stroke}.electrical-y-axis{z-index:2;color:#607a76;flex-direction:column;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:18px;bottom:43px;left:10px}.electrical-y-axis b{color:#173f4d;font-size:9px}.electrical-y-axis.invalid b{color:#9a5c45;letter-spacing:.07em}.electrical-trend-plot>p{color:var(--muted);place-items:center;font-size:10px;display:grid;position:absolute;inset:0 0 0 64px}.electrical-trend-foot{border-top:1px solid var(--line);color:#607a76;grid-template-columns:130px 1fr 130px;align-items:center;gap:10px;min-height:52px;padding:8px 12px;font-size:9px;display:grid}.electrical-trend-foot>time:last-child{text-align:right}.electrical-trend-foot>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.electrical-trend-foot span{align-items:center;gap:4px;display:flex}.electrical-trend-foot i{width:12px;height:3px}.electrical-trend-foot b{color:#173f4d;font-size:9px}.electrical-trend-foot span small{color:#9a5c45;letter-spacing:.08em;font-size:8px;font-weight:700}.trend-legend{color:var(--muted);justify-content:space-between;padding:12px 16px;font-size:8px;display:flex}.trend-legend .line-brush-status{margin-left:auto}.line-brush-status{justify-content:flex-end;align-items:center;gap:9px;min-width:0;display:flex}.line-brush-status span{color:#58727a;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;overflow:hidden}.line-brush-status button{color:#15516b;letter-spacing:.04em;cursor:pointer;background:#fff;border:1px solid #aec3c9;border-radius:3px;min-height:28px;padding:4px 9px;font-size:9px;font-weight:800}.line-brush-status button:hover:not(:disabled){background:#eaf4f5;border-color:#27718a}.line-brush-status button:disabled{opacity:.42;cursor:default}.trend-legend i{background:var(--sea);width:8px;height:8px;margin-right:5px;display:inline-block}.trend-legend .shaft-power i{background:#27718a}.trend-legend .gps-speed i{background:#12906f}.trend-legend .main-fuel-flow i{background:#d66b4f}.generator-legend{justify-content:flex-start;gap:16px}.generator-legend span{align-items:center;gap:5px;display:flex}.generator-legend span i{background:var(--sea);height:9px}.generator-legend span.pf i{background:#86bdcf}.generator-legend b{margin-left:auto}.trend-legend b{color:var(--ink);font-weight:600}@media (width<=980px){.propulsion-chart-actions{flex-direction:column;align-items:flex-end;gap:6px}.propulsion-chart-actions>span{display:none}}.other-equipment{margin-top:14px;overflow:hidden}.other-equipment>header{border-bottom:1px solid var(--line);background:#f6f9f8;justify-content:space-between;align-items:center;gap:20px;padding:15px 17px;display:flex}.other-equipment>header span{color:#667e79;letter-spacing:.12em;font-size:9px;font-weight:850}.other-equipment>header h2{color:#143f4c;margin:3px 0 0;font-size:18px}.other-equipment>header small{color:#71827f;text-align:right;font-size:9px}.other-equipment-list{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.other-equipment-item{border-right:1px solid var(--line);border-top:3px solid #9aa9a6;min-width:0;padding:16px}.other-equipment-item:last-child{border-right:0}.other-equipment-item.online{border-top-color:#16836f}.other-equipment-item.attention{background:#fffbf2;border-top-color:#d49a2b}.other-equipment-item.fault{background:#fff7f6;border-top-color:#d85b4f}.other-equipment-item header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.other-equipment-item header span{color:#71827f;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:750}.other-equipment-item h3{color:#164552;margin:4px 0 0;font-size:14px}.other-equipment-item mark{color:#657773;letter-spacing:.06em;background:#edf1f0;border-radius:2px;padding:4px 6px;font-size:8px;font-weight:850}.other-equipment-item.online mark{color:#08745f;background:#e2f4ef}.other-equipment-item.attention mark{color:#956510;background:#fff0cb}.other-equipment-item.fault mark{color:#b73930;background:#ffe3df}.other-equipment-item strong{color:#173f4d;margin-top:18px;font-size:13px;display:block}.other-equipment-item p{color:#697d79;min-height:30px;margin:7px 0 0;font-size:10px;line-height:1.45}@media (width<=1100px){.other-equipment-list{grid-template-columns:repeat(2,minmax(0,1fr))}.other-equipment-item:nth-child(2){border-right:0}}@media (width<=620px){.other-equipment-list{grid-template-columns:1fr}.other-equipment-item{border-right:0}}.alert-list{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.alert-list .board-alert{margin:0}.board-alert aside{background:var(--mint-soft);color:#48635e;border-radius:5px;margin:13px -2px -2px;padding:11px;font-size:8px;line-height:1.5}.board-alert aside strong{color:var(--sea);letter-spacing:.1em;margin-bottom:4px;font-size:7px;display:block}.alert-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:11px;display:flex}.alert-actions span{color:var(--muted);font-size:8px}.alert-actions button{border:1px solid var(--sea);background:var(--sea);color:#fff;border-radius:4px;padding:8px 11px;font-size:8px;font-weight:700}.focused-alarm{background:#fff9e9;border:2px solid #d19b4c;border-left-width:8px;border-radius:5px;margin-top:14px;padding:18px 20px}.focused-alarm.priority-p1{background:#fff0ee;border-color:#b92d26}.focused-alarm.priority-p2{background:#fff5f4;border-color:#d36a61}.focused-alarm>div{justify-content:space-between;gap:12px;display:flex}.focused-alarm>div b{color:#a52821;letter-spacing:.08em;font-size:12px}.focused-alarm>div span{color:var(--muted);font-size:11px}.focused-alarm h2{margin:13px 0 9px;font-size:22px}.focused-alarm p{margin:7px 0 0;font-size:12px;line-height:1.55}.focused-alarm p strong{color:#345e67;letter-spacing:.07em;min-width:150px;font-size:10px;display:inline-block}.focused-alarm .alarm-formula{color:#9b302a;background:#ffffffc7;border:1px solid;padding:11px 13px;font-size:14px;font-weight:800}.alert-list .board-alert.priority-p1,.alert-list .board-alert.priority-p2,.alert-list .board-alert.priority-p3{box-shadow:none;background:#fff;border:1px solid #cbd8d7}.alert-list .board-alert.priority-p1 h4{color:#aa2922}.alert-list .board-alert.priority-p2 h4{color:#a5534b}.alert-list .board-alert.priority-p3 h4{color:#8a671e}.alert-list .board-alert>div span{flex:none;padding:5px 8px;font-size:10px;line-height:1.15}.alert-list .board-alert.priority-p1>div span{color:#fff;background:#bd3028}.alert-list .board-alert.priority-p2>div span{color:#8e2922;background:#f2d2ce}.alert-list .board-alert.priority-p3>div span{color:#6f4b0d;background:#f5dfaa}.alert-list .board-alert>div small{font-size:10px}.alert-list .board-alert h4{margin:15px 0 9px;font-size:15px;line-height:1.3}.alert-list .board-alert p{color:#526a67;font-size:11px;line-height:1.5}.alert-list .alert-vessel-name{color:#0b5864;letter-spacing:.015em;margin-bottom:5px;font-size:14px;font-weight:800;display:block}.alert-list .alert-evidence-detail{color:#516b68;display:block}.alert-list .board-alert aside{font-size:11px;line-height:1.55}.alert-list .board-alert aside strong,.alert-list .alert-actions span,.alert-list .alert-actions button{font-size:10px}.portal-shell :where(button,label,input,select,small,p){font-size:max(10px,1em)}.portal-shell :where(.eyebrow,.card-title,.metric-label,.trend-legend,.map-legend){font-size:11px}.sidebar nav button{font-size:12px}.tenant-chip small,.tenant-chip b,.system-health span,.system-health b,.system-health small{font-size:10px}.tenant-chip b{margin-top:0;font-size:11px;line-height:1.25}.alarm-settings{overflow:hidden}.alarm-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex}.alarm-head b{letter-spacing:.12em;font-size:13px}.alarm-head span{color:var(--muted);font-size:11px}.rule-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(280px,2fr) .7fr .7fr .7fr 1fr 60px;align-items:center;gap:12px;padding:13px 16px;display:grid}.rule-title{letter-spacing:.1em;background:#f6f8f4;height:42px;padding-top:0;padding-bottom:0;font-size:11px}.rule-row>div:first-child label{align-items:center;gap:8px;display:flex}.rule-row b{font-size:12px}.rule-row small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.45;display:block}.rule-row input[type=number]{border:1px solid var(--line);border-radius:4px;width:100%;min-height:38px;padding:8px 9px;font-size:12px}.rule-row input[type=checkbox]{accent-color:var(--sea)}.notify-checks{gap:10px;font-size:11px;display:flex}.notify-checks label{align-items:center;gap:3px;display:flex}.rule-row>button{border:1px solid var(--sea);color:var(--sea);background:0 0;border-radius:4px;padding:7px;font-size:8px}.rule-row>button:disabled{opacity:.4}@media (width<=900px){.pending-grid{grid-template-columns:repeat(2,1fr)}.trend-panels,.alert-list{grid-template-columns:1fr}.rule-row{grid-template-columns:1.7fr .7fr .7fr}.rule-row>:nth-child(4),.rule-row>:nth-child(5),.rule-row>:nth-child(6){display:none}}.portal-shell .overview-workbar{min-height:72px}.portal-shell .overview-workbar .overview-subtitle{margin-top:3px;font-size:11px}.cctv-operations{grid-template-columns:minmax(0,1fr) clamp(340px,27vw,430px);align-items:stretch;gap:14px;margin-bottom:14px;display:grid}.cctv-operations .cctv-player-center{margin:0}.cctv-operations .cctv-player-center .real-cctv-player{width:100%}.cctv-operations .cctv-mimic{min-width:0;margin:0}.cctv-operations .cctv-mimic>header{min-height:44px;padding:7px 10px}.cctv-operations .cctv-mimic>header small{display:none}.cctv-operations .bulk-carrier-plan>img{transform-origin:50%;width:calc(clamp(430px,56vh,620px) + 5px);height:auto;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-90deg)}.cctv-operations .bulk-carrier-plan>button{left:var(--camera-y);top:calc(100% - var(--camera-x))}.cctv-live-badge{top:auto;bottom:14px;left:14px}.analytics-refresh{z-index:8;color:#52716c;background:#f7fbfaf2;border:1px solid #bdd5d0;border-radius:3px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;display:flex;position:absolute;top:56px;right:14px;box-shadow:0 3px 12px #14383e14}.analytics-refresh i{border:2px solid #b8d5cf;border-top-color:var(--sea);border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin}.track-card{position:relative}.linked-period-control{border-bottom:1px solid var(--line);background:#f8faf8}.linked-period-head{align-items:center;gap:14px;min-height:43px;padding:6px 16px;display:flex}.linked-period-head>b{color:#315f60;letter-spacing:.1em;font-size:10px}.linked-period-head>span{color:var(--muted);font-size:10px}.linked-period-head .period-presets{margin-left:auto}.linked-period-head .period-presets button{min-height:30px;padding:5px 9px}.linked-period-head .period-presets .primary-btn{color:#174f53;background:#edf6f3;border-color:#a9cbc5}.linked-period-head .period-presets .primary-btn:hover{color:#0b4448;background:#dceeea;border-color:#78afa5}.compact-range{padding:5px 16px 8px}.compact-range .range-rails{height:40px;margin:2px 0}.compact-range .range-rails.labels-close{height:58px}.fuel-bars{position:relative}.fuel-tooltip,.analog-tooltip{z-index:5;color:#fff;pointer-events:none;background:#103039f5;border:1px solid #9cb9b4;border-radius:3px;min-width:150px;padding:8px 10px;position:absolute;bottom:72%;transform:translate(-50%);box-shadow:0 5px 16px #0b242b33}.fuel-tooltip{min-width:250px;padding:0 11px 10px;top:8px;bottom:auto;overflow:hidden}.fuel-tooltip time,.fuel-tooltip b,.fuel-tooltip span,.analog-tooltip time,.analog-tooltip b{display:block}.fuel-tooltip time{color:#fff;letter-spacing:.02em;white-space:nowrap;background:#27718a;border-bottom:1px solid #ffffff40;margin:0 -11px 8px;padding:8px 11px;font-size:11px;font-weight:800}.analog-tooltip time{color:#b9d9d3;font-size:9px}.fuel-tooltip b,.analog-tooltip b{margin:4px 0;font-size:11px}.fuel-tooltip span{font-size:10px;line-height:1.5}.analog-analysis{margin-top:14px;overflow:hidden}.analog-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:8px 16px;display:flex}.analog-toolbar label{color:#58716d;letter-spacing:.08em;align-items:center;gap:10px;font-size:10px;font-weight:750;display:flex}.analog-toolbar select{color:#173f4d;background:#fff;border:1px solid #b9cbc7;border-radius:3px;min-width:220px;min-height:36px;padding:0 10px;font-size:11px;font-weight:700}.analog-toolbar>span{color:var(--muted);font-size:10px}.analog-chart{grid-template-columns:86px minmax(0,1fr) 86px;min-height:250px;padding:12px 16px 15px;display:grid}.analog-scale{color:#5c7772;flex-direction:column;justify-content:space-between;padding:7px 8px 22px 0;font-size:9px;display:flex}.analog-scale.right{text-align:right;padding:7px 0 22px 8px}.analog-scale b{color:#234e59}.analog-plot{min-width:0;position:relative}.analog-plot svg{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:220px;overflow:visible}.analog-plot svg path{fill:none;stroke:#d9e3e0;stroke-width:1px;vector-effect:non-scaling-stroke}.analog-plot svg polyline{fill:none;stroke-width:2.2px;vector-effect:non-scaling-stroke}.analog-plot svg .signal-a{stroke:#167b76}.analog-plot svg .signal-b{stroke:#d66b4f}.analog-plot svg circle.signal-a{fill:#167b76}.analog-plot svg circle.signal-b{fill:#d66b4f}.analog-pickers{flex-wrap:wrap;gap:10px;display:flex}.analog-legend{gap:22px;padding:0 102px 12px;font-size:10px;font-weight:800;display:flex}.analog-legend .signal-a,.analog-tooltip .signal-a{color:#71d0c7}.analog-legend .signal-b,.analog-tooltip .signal-b{color:#ff9a78}.fuel-sfoc-summary{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.fuel-sfoc-summary article{grid-template-columns:110px 150px minmax(0,1fr);align-items:center;gap:12px;padding:10px 16px;display:grid}.fuel-sfoc-summary article+article{border-left:1px solid var(--line)}.fuel-sfoc-summary span{color:#58716d;letter-spacing:.08em;font-size:9px;font-weight:800}.fuel-sfoc-summary b{color:#123848;font-size:15px}.fuel-sfoc-summary small{color:var(--muted);font-size:9px}.analog-plot svg line{stroke:#d26758;stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.analog-plot svg circle{fill:#d26758;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.analog-tooltip{bottom:62%}.recent .vessel-row{grid-template-columns:1fr auto 20px}@media (width<=1050px){.cctv-operations{grid-template-columns:1fr}.cctv-operations .cctv-mimic{order:2}.cctv-operations .bulk-carrier-plan{height:clamp(210px,28vw,300px);min-height:210px}.cctv-operations .bulk-carrier-plan>img{object-fit:contain;width:calc(100% - 36px);height:calc(100% - 20px);inset:10px 18px;transform:none}.cctv-operations .bulk-carrier-plan>button{left:var(--camera-x);top:var(--camera-y)}}@media (width<=700px){.view-workbar{flex-direction:column;align-items:stretch}.linked-period-head{flex-wrap:wrap;align-items:flex-start}.linked-period-head .period-presets{width:100%;margin-left:0}.analog-toolbar,.analog-toolbar label{flex-direction:column;align-items:stretch}.analog-toolbar select{width:100%}.analog-chart{grid-template-columns:68px 1fr;padding-inline:10px}}.cctv-workbar,.view-workbar{justify-content:space-between;align-items:center;gap:18px;min-height:64px;margin-bottom:14px;padding:10px 15px;display:flex}.view-workbar>div>b{color:#173f4d;margin-top:3px;font-size:18px;line-height:1.1;display:block}.view-workbar>div:first-child>span{color:var(--sea);letter-spacing:.16em;font-size:10px;font-weight:900;display:block}.view-workbar>div>small,.view-workbar>div>p{color:#6a7e7a;margin:4px 0 0;font-size:11px;display:block}.page-workbar{margin-bottom:14px}.workbar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.workbar-actions>input{border:1px solid var(--line);color:#173f4d;background:#fff;border-radius:3px;min-width:220px;min-height:40px;padding:0 12px;font-size:12px}.compact-stale{white-space:nowrap;margin-top:0}.fuel-rate-cell{align-items:baseline;gap:7px;display:flex}.fuel-rate-cell>small{color:#607a76;letter-spacing:.06em;font-size:9px;font-weight:800}.bridge-workbar{border-bottom:1px solid #35535d;min-height:64px;margin:0;padding:10px 14px}.bridge-view .bridge-workbar>div>b{color:#fff}.bridge-view .bridge-workbar>div>small{color:#8dd8d1}.cctv-workbar span,.cctv-workbar b,.cctv-workbar small{display:block}.cctv-workbar span{color:var(--sea);letter-spacing:.16em;font-size:10px;font-weight:900}.cctv-workbar b{color:#173f4d;margin-top:3px;font-size:18px;line-height:1.1}.cctv-workbar small{color:#6a7e7a;margin-top:4px;font-size:11px}.cctv-workbar select{border:1px solid var(--line);color:#173f4d;background:#fff;border-radius:3px;min-width:245px;min-height:40px;padding:0 12px;font-size:12px;font-weight:700}.cctv-player-center{justify-content:center;margin-bottom:14px;display:flex}.cctv-player-center .real-cctv-player{width:min(100%,1050px)}.cctv-player-center .cctv-video-stage{height:clamp(430px,56vh,620px)}.cctv-state.error{text-align:center;background:#fff3f1f7;align-content:center;gap:10px;padding:26px}.cctv-state.error b{color:#b33b31;font-size:18px}.cctv-state.error small{color:#765b57;letter-spacing:0;max-width:560px;font-size:12px;font-weight:500;line-height:1.5}.cctv-state.error button{color:#115e55;cursor:pointer;background:#e9f5f2;border:1px solid #83b9b1;min-height:36px;padding:0 16px;font-size:11px;font-weight:800}.cctv-mimic{margin:0 0 14px}.cctv-mimic>header{min-height:44px;padding:7px 13px}.cctv-mimic>header span{font-size:9px}.bulk-carrier-plan{height:clamp(180px,18vw,255px);min-height:0}.bulk-carrier-plan>img{object-fit:contain;width:calc(100% - 36px);height:calc(100% - 20px);position:absolute;inset:10px 18px}.bulk-carrier-hull,.deck-superstructure,.cargo-hatches,.deck-cranes,.ship-direction,.cctv-mimic>footer{display:none}.bulk-carrier-plan>button{left:var(--camera-x);top:var(--camera-y);min-width:30px;min-height:30px}.bulk-carrier-plan>button b{width:26px;height:26px;font-size:10px}.bulk-carrier-plan>button span{opacity:0;pointer-events:none;background:#f7faf9eb;border-radius:2px;padding:2px 4px;font-size:9px;transition:opacity .15s;top:31px}.bulk-carrier-plan>button:hover span,.bulk-carrier-plan>button:focus-visible span,.bulk-carrier-plan>button.selected span{opacity:1}.cctv-directory{overflow:hidden}.cctv-directory>.card-title{border-bottom:1px solid var(--line);min-height:42px;padding:0 14px}.camera-directory-groups{grid-template-columns:1.25fr 1fr .75fr;align-items:start;display:grid}.camera-directory-groups .camera-area{border:0;border-right:1px solid var(--line)}.camera-directory-groups .camera-area:last-child{border-right:0}.camera-area h3{min-height:30px;padding:0 10px;font-size:9px}.camera-area>button{grid-template-columns:32px 1fr auto;min-height:43px;padding:5px 10px}.camera-area button b{font-size:11px}.camera-area button small{font-size:9px}.cctv-policy-strip{color:#7a8d89;justify-content:center;align-items:center;gap:12px;min-height:36px;margin-top:10px;font-size:9px;display:flex}.cctv-policy-strip span{color:#496964;font-weight:800}.cctv-policy-strip i{background:#9db2ad;border-radius:50%;width:3px;height:3px}.permission-diagram{padding:20px}.permission-diagram>div{gap:14px;min-height:74px;padding:14px}.permission-diagram>div>span{flex:0 0 32px;width:32px;height:32px;font-size:11px}.permission-diagram b{font-size:13px}.permission-diagram small{margin-top:5px;font-size:10px;line-height:1.4}.permission-diagram>i{padding:7px;font-size:16px}.permission-note{font-size:10px;line-height:1.5}@media (width<=900px){.cctv-workbar,.page-workbar,.workbar-actions{flex-direction:column;align-items:stretch}.workbar-actions>input,.cctv-workbar select{width:100%}.cctv-player-center .cctv-video-stage{height:min(58vw,460px)}.camera-directory-groups{grid-template-columns:1fr}.camera-directory-groups .camera-area{border-right:0;border-bottom:1px solid var(--line)}.bulk-carrier-plan{min-width:760px}.cctv-mimic{overflow-x:auto}.cctv-policy-strip{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 0}.cctv-policy-strip i{display:none}}:root{--paper:#f3f6f5;--white:#fff;--ink:#153541;--muted:#607773;--line:#cfdbd8;--sea:#126f69;--mint-soft:#e7f3f0;--shadow:0 8px 24px #14383e0e}.portal-shell{color:var(--ink);font-size:14px}.portal-shell .content{padding:30px clamp(22px,3vw,44px) 42px}.portal-shell .card{border-color:var(--line);box-shadow:var(--shadow);border-radius:6px}.portal-shell button,.portal-shell select,.portal-shell input{font-family:Segoe UI,Arial,sans-serif}.portal-shell button:focus-visible,.portal-shell select:focus-visible,.portal-shell input:focus-visible{outline-offset:2px;outline:3px solid #126f6933}.portal-shell .view-heading{align-items:flex-end;min-height:86px;margin-bottom:22px}.portal-shell .view-heading h1{margin:4px 0 7px;font-size:clamp(31px,2.8vw,42px);line-height:1.06}.portal-shell .view-heading>div>p{color:#627974;max-width:760px;font-size:14px}.portal-shell .view-heading select{border-radius:5px;min-width:230px;min-height:42px;padding:9px 12px;font-size:13px}.portal-shell .card-title{letter-spacing:.09em;min-height:47px;padding:0 16px}.portal-shell .sidebar nav button{min-height:46px;font-size:13px}.portal-shell .tenant-banner{min-height:42px;font-size:11px}.portal-shell .tenant-banner b{font-size:12px}.portal-shell .primary-btn{min-height:40px;padding:0 16px;font-size:12px}.generator-column.pf-column>strong{min-height:22px;padding-top:7px;font-size:11px}.generator-column.pf-column>strong small{display:none}.pf-placeholder{height:calc(100% - 22px)}.cctv-mimic{margin-bottom:16px;overflow:hidden}.cctv-mimic>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:10px 16px;display:flex}.cctv-mimic>header span,.cctv-mimic>header b,.cctv-mimic>header small{display:block}.cctv-mimic>header span{color:var(--sea);letter-spacing:.13em;font-size:10px;font-weight:800}.cctv-mimic>header b{margin-top:4px;font-size:14px}.cctv-mimic>header small{color:var(--muted);font-size:11px}.bulk-carrier-plan{background:linear-gradient(#eef5f3,#f8faf9);min-height:270px;position:relative;overflow:hidden}.bulk-carrier-plan:before{content:"";background-image:linear-gradient(#27718a0f 1px,#0000 1px),linear-gradient(90deg,#27718a0f 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.bulk-carrier-hull{clip-path:polygon(0 16%,4% 4%,89% 4%,100% 50%,89% 96%,4% 96%,0 84%);background:#d6e4e1;border:2px solid #5f8e91;height:34%;position:absolute;top:34%;left:5%;right:5%;box-shadow:inset 0 0 0 5px #f7faf9,0 8px 20px #1643481f}.deck-superstructure{background:#f8fbfa;border:1px solid #6e999a;width:15%;position:absolute;top:13%;bottom:13%;left:7%}.deck-superstructure i:first-child{background:#b9d0cd;position:absolute;inset:13% 12% 52%}.deck-superstructure i:last-child{background:#c9dbd8;position:absolute;inset:56% 12% 13%}.cargo-hatches{grid-template-columns:repeat(5,1fr);gap:2.8%;display:grid;position:absolute;inset:18% 9% 18% 28%}.cargo-hatches i{background:#bacfcb;border:1px solid #7ca2a1;border-radius:8px 8px 3px 3px;place-items:center;display:grid;box-shadow:inset 0 0 0 3px #ffffff73}.cargo-hatches small{color:#476c70;font-size:9px;font-style:normal;font-weight:800}.deck-cranes{justify-content:space-between;display:flex;position:absolute;top:44%;left:31%;right:17%}.deck-cranes i{background:#c28932;border:2px solid #f5fbfa;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #966a25}.deck-cranes small{color:#745420;margin:-17px 0 0 -4px;font-size:8px;font-style:normal;font-weight:800;position:absolute}.ship-direction{color:#2b6d73;letter-spacing:.12em;font-size:9px;font-weight:900;position:absolute;top:44%;right:2.5%}.bulk-carrier-plan>button{z-index:3;color:#fff;cursor:pointer;background:#236d78;border:2px solid #fff;border-radius:50%;min-width:32px;min-height:32px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #12363d47}.bulk-carrier-plan>button b{place-items:center;width:28px;height:28px;font-size:10px;display:grid}.bulk-carrier-plan>button span{color:#3e625f;white-space:nowrap;width:max-content;max-width:125px;font-size:9px;font-weight:750;position:absolute;top:34px;left:50%;transform:translate(-50%)}.bulk-carrier-plan>button:hover,.bulk-carrier-plan>button.selected{background:#0e8878;box-shadow:0 0 0 5px #0e887829,0 3px 9px #12363d3d}.bulk-carrier-plan>button.live{background:#d95548;animation:1.6s ease-in-out infinite cctv-pulse}@keyframes cctv-pulse{50%{box-shadow:0 0 0 8px #d9554824}}.cctv-mimic>footer{border-top:1px solid var(--line);min-height:40px;color:var(--muted);align-items:center;gap:22px;padding:8px 16px;font-size:10px;display:flex}.cctv-mimic>footer i{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.cctv-operations .cctv-mimic>header{display:none}.cctv-operations .bulk-carrier-plan>img{width:600px;max-width:none}.cctv-operations .bulk-carrier-plan>button{border-width:2px;min-width:31px;min-height:31px;box-shadow:0 2px 8px #12363d3d}.cctv-operations .bulk-carrier-plan>button b{width:27px;height:27px;font-size:10px}.cctv-operations .bulk-carrier-plan>button span{display:none}.bulk-carrier-plan>button.marker-online{background:#158a6b}.bulk-carrier-plan>button.marker-offline{background:#9aa7a5;box-shadow:0 1px 5px #3244442e}.bulk-carrier-plan>button.marker-fault{background:#d45448;box-shadow:0 0 0 5px #d4544824,0 2px 8px #511d1733}.bulk-carrier-plan>button.marker-live{background:#0aa778;animation:1.5s ease-in-out infinite cctv-live-pulse}.bulk-carrier-plan>button.selected{outline-offset:2px;border-color:#fff;outline:2px solid #183d45}@keyframes cctv-live-pulse{50%{box-shadow:0 0 0 9px #0aa7782e,0 2px 10px #0b54434d}}.camera-marker-legend{z-index:5;color:#49625f;text-transform:uppercase;background:#ffffffeb;border:1px solid #cfddda;border-radius:3px;gap:5px;padding:7px 9px;font-size:9px;font-weight:750;display:grid;position:absolute;top:9px;right:9px}.camera-marker-legend span:before{content:"";border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.camera-marker-legend .online:before{background:#158a6b}.camera-marker-legend .fault:before{background:#d45448}.camera-marker-legend .offline:before{background:#9aa7a5}.bridge-dot{background:#236d78}.deck-dot{background:#c28932}.machinery-dot{background:#738b87}.cctv-layout{grid-template-columns:minmax(0,1.55fr) minmax(330px,.62fr);align-items:stretch}.cctv-video-stage{height:540px}.real-camera-list{background:#fff;height:609px}.camera-area{border-bottom:1px solid var(--line)}.camera-area h3{color:#526b68;letter-spacing:.12em;text-transform:uppercase;background:#f1f6f5;justify-content:space-between;align-items:center;min-height:28px;margin:0;padding:0 12px;font-size:9px;display:flex}.camera-area h3 small{color:#39655f;text-align:center;background:#dceae7;border-radius:10px;min-width:20px;padding:2px 6px}.camera-area>button{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #e7eeec;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;width:100%;min-height:47px;padding:6px 12px;display:grid}.camera-area>button:hover,.camera-area>button.active{background:var(--control-active-soft)}.camera-area>button.active{box-shadow:inset 4px 0 0 var(--control-active)}.camera-area>button.fault{background:#fff3f1;box-shadow:inset 4px 0 #d45448}.camera-area>button.fault>i{color:#c7463b}.camera-area>button:disabled{cursor:not-allowed;opacity:.68}.camera-area button b,.camera-area button small{display:block}.camera-area button b{color:#173f4d;font-size:11px}.camera-area button small{color:var(--muted);margin-top:3px;font-size:9px}.camera-area button>i{color:var(--sea);letter-spacing:.08em;font-size:8px;font-style:normal;font-weight:900}.camera-number{color:#176b62;border:1px solid #9ebbb6;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;font-weight:900;display:grid}.cctv-controls{min-height:69px}.camera-info b{font-size:12px}.camera-info small{font-size:10px;line-height:1.45}.bridge-view{border-radius:6px}.bridge-view header h1{letter-spacing:-.025em;font-size:32px}.bridge-view header p{font-size:11px}.bridge-primary article{min-height:158px}.bridge-view select{min-height:42px;font-size:12px}@media (width<=1100px){.cctv-layout{grid-template-columns:1fr}.real-camera-list{height:auto;max-height:560px}.bulk-carrier-plan{min-height:245px}}@media (width<=700px){.portal-shell .content{padding:22px 14px 34px}.portal-shell .view-heading{flex-direction:column;align-items:stretch}.portal-shell .view-heading select{width:100%}.bulk-carrier-plan{min-height:330px;overflow-x:auto}.bulk-carrier-hull{height:25%;top:38%;left:4%;right:4%}.bulk-carrier-plan>button span{display:none}.cctv-mimic>header{flex-direction:column;align-items:flex-start}.cctv-mimic>footer{flex-direction:column;align-items:flex-start;gap:6px}.cctv-video-stage{height:340px}.camera-info{grid-template-columns:1fr}}.stale-summary{color:#a94a3f;background:#fff5f3;border:1px solid #efc5c0;border-radius:3px;align-items:center;gap:5px;margin-top:10px;padding:5px 8px;font-size:9px;display:inline-flex}.stale-summary b{font-size:12px}.latest-time{border-radius:2px;margin-top:5px;padding:3px 5px;display:inline-block!important}.latest-time.stale{background:#c94f43;font-weight:700;color:#fff!important}.trend-bars.triple>span.blackout-sample{background:#c94f4329;box-shadow:inset 0 -3px #c94f43}.trend-bars.triple>span.blackout-sample i{background:#c94f43}.blackout-history{margin-top:14px;overflow:hidden}.blackout-event-list{display:grid}.blackout-event-list>button{border:0;border-top:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:28px 1.1fr 1.6fr auto;align-items:center;gap:12px;width:100%;padding:12px 16px;display:grid}.blackout-event-list>button:hover,.blackout-event-list>button.active{background:#fff1ef}.blackout-event-list i{color:#fff;background:#c94f43;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;font-weight:800;display:grid}.blackout-event-list b,.blackout-event-list small{display:block}.blackout-event-list b{font-size:10px}.blackout-event-list small,.blackout-event-list em{color:var(--muted);margin-top:4px;font-size:8px;font-style:normal}.blackout-event-list strong{color:#a64238;font-size:8px}.overview-management-watch{margin-top:14px;overflow:hidden}@media (width>=1101px){.operations-fullscreen-host>.hero-grid{height:max(560px,100vh - 193px)}.operations-fullscreen-host>.hero-grid .fleet-operations-map.embedded{aspect-ratio:auto;height:100%}}.overview-reporting-watch{grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:12px 16px;display:grid}.overview-management-summary{align-items:baseline;gap:7px;display:flex}.overview-management-summary>span{color:var(--muted);font-size:10px;font-weight:700}.overview-management-summary strong{color:var(--ink);font-size:20px;line-height:1}.overview-management-alerts{min-height:30px;color:var(--sea);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 9px;font-size:10px;font-weight:750;transition:background-color .15s,border-color .15s}.overview-management-alerts:hover,.overview-management-alerts:focus-visible{background:#edf6f3;border-color:#8ebcb5}.overview-watch-items{align-items:stretch;gap:6px;min-width:0;display:flex}.overview-watch-items button{color:#8f342b;text-align:left;cursor:pointer;background:#fff8f6;border:1px solid #e2c7c1;border-radius:3px;flex:1 1 0;min-width:0;padding:7px 9px}.overview-reporting-watch .overview-watch-items button{color:#684b12;background:#fff8e8;border-color:#d9b868;box-shadow:inset 3px 0 #c98a12}.overview-reporting-watch .overview-watch-items button.reporting-offline,.overview-reporting-watch .overview-watch-items button.reporting-unknown{color:#8f342b;background:#fff1ef;border-color:#e0aaa4;box-shadow:inset 3px 0 #c94f45}.overview-watch-items button b,.overview-watch-items button span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.overview-watch-items button b{font-size:9px}.overview-watch-items button span{color:var(--muted);margin-top:3px;font-size:9px}.overview-reporting-watch .overview-watch-items button span{align-items:center;gap:5px;display:flex}.overview-reporting-watch .overview-watch-items button span em{color:#8a5c00;letter-spacing:.05em;flex:none;font-size:9px;font-style:normal;font-weight:900}.overview-reporting-watch .overview-watch-items button.reporting-offline span em,.overview-reporting-watch .overview-watch-items button.reporting-unknown span em{color:#aa332b}.overview-watch-items>small{color:var(--muted);white-space:nowrap;align-self:center;font-size:9px}.overview-watch-clear{color:#55736d;align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.overview-watch-clear i{background:#2e9b83;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e5f3ef}@media (width<=650px){.overview-reporting-watch{grid-template-columns:1fr}.overview-management-alerts{justify-self:start}.overview-watch-items{flex-wrap:wrap}.overview-watch-items button{flex-basis:calc(50% - 3px)}}.tenant-chip>span img{object-fit:contain;background:#fff;border-radius:3px;width:100%;height:100%;padding:3px}.company-branding{padding:22px}.brand-preview{border:1px solid var(--line);background:#f7fafb;align-items:center;gap:16px;padding:20px;display:flex}.brand-preview>span{color:#fff;border-radius:5px;place-items:center;width:64px;height:64px;font-weight:800;display:grid}.brand-preview img{object-fit:contain;background:#fff;border-radius:4px;width:100%;height:100%;padding:5px}.brand-preview small,.brand-preview b,.brand-preview em{display:block}.brand-preview small{color:var(--muted);letter-spacing:.12em;font-size:7px}.brand-preview b{margin-top:6px;font-size:18px}.brand-preview em{color:var(--sea);margin-top:4px;font-size:9px;font-style:normal}.branding-fields{grid-template-columns:1fr 150px auto auto;align-items:end;gap:12px;margin-top:18px;display:grid}.branding-fields label{color:var(--muted);gap:7px;font-size:8px;font-weight:700;display:grid}.branding-fields input,.branding-fields button{border:1px solid var(--line);background:#fff;border-radius:3px;min-height:36px;padding:8px;font-size:9px}.branding-fields input[type=color]{width:100%;padding:3px}.company-branding>p{color:var(--sea);font-size:9px}@media (width<=800px){.branding-fields{grid-template-columns:1fr}}@media (width<=520px){.pending-grid{grid-template-columns:1fr}.rule-row{grid-template-columns:1fr 1fr}.rule-row>:nth-child(3){display:none}}:root{--paper:#f4f6f7;--white:#fff;--ink:#243740;--muted:#70818a;--line:#d8e0e4;--sea:#27718a;--mint:#78bdb7;--mint-soft:#e8f3f2;--coral:#dc6b5c;--coral-soft:#fbebe8;--navy:#193f50;--shadow:none}.portal-shell{background:var(--paper);grid-template-columns:208px 1fr}.sidebar{color:#334850;border-right:1px solid var(--line);background:#fff;padding:25px 14px 17px;overflow-y:auto}.brand{color:#183e4d;padding:0 10px}.brand>span,.login-logo>span{display:none!important}.brand div,.login-logo div{letter-spacing:-.045em;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:20px;font-weight:650}.brand small,.login-logo small{color:#6d8792;letter-spacing:.19em;font-family:Arial,Helvetica,sans-serif;font-size:6px;font-weight:700}.tenant-chip{border-color:var(--line);background:#f7fafb;border-radius:3px;margin-top:27px}.tenant-chip>span{color:var(--sea);background:#e4f0f2}.tenant-chip small,.tenant-chip b{color:#526b76}.sidebar nav{gap:2px;margin-top:25px}.sidebar nav button{color:#60727b;border-radius:3px;padding:10px 12px;font-size:12px;font-weight:500}.sidebar nav button>span{color:#7b919a;place-items:center;width:20px;height:20px;display:grid}.portal-icon{width:18px;height:18px;overflow:visible}.portal-icon path{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.vessel-glyph{color:#6f8f91;flex:none;width:16px;height:19px;overflow:visible}.vessel-glyph path{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.vessel-glyph--normal{color:#16836f}.vessel-glyph--warning{color:#d49a30}.vessel-glyph--alarm{color:#c55347}.vessel-glyph--offline{color:#819693}.vessel-glyph.is-selected{filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 2px #ffffffd9)}.sidebar nav button:hover,.sidebar nav button.active{color:#205f77;background:#eaf2f5}.sidebar nav button.active:before{background:var(--sea);width:3px;left:-14px}.system-health{border-color:var(--line);background:#f8fafb;border-radius:3px}.system-health span,.system-health small{color:#71858e}.system-health b,.profile{color:#354b55}.profile,.profile-actions{border-top-color:var(--line)}.tenant-banner{border-bottom-color:var(--line);background:#fff;height:36px;padding:0 32px}.content{padding:27px 32px 25px}.card,.metric-card,.fleet-row,.alarm-settings,.alert-card{border-color:var(--line);box-shadow:none;border-radius:3px}.view-heading{margin-bottom:20px}.view-heading h1,.view-heading h1 em,.empty-admin h3{letter-spacing:-.035em;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-style:normal;font-weight:550}.view-heading h1{font-size:31px}.view-heading h1 em{color:var(--sea)}.metric-value,.performance-body strong,.analytics-kpis b,.login-proof b{font-family:Segoe UI,Arial,Helvetica,sans-serif}.primary-btn,.login-submit,.rule-row>button{box-shadow:none;border-radius:3px}.login-page{background:#f7f9fa;grid-template-columns:minmax(0,1.3fr) minmax(390px,.7fr)}.login-brand{color:#24404b;border-right:1px solid var(--line);background:#eef4f5}.login-brand:before{background-image:linear-gradient(#27718a09 1px,#0000 1px),linear-gradient(90deg,#27718a09 1px,#0000 1px);background-size:68px 68px}.login-copy .eyebrow{color:var(--sea)}.login-copy h1,.login-copy h1 em,.login-heading h2{color:#183e4d;letter-spacing:-.055em;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-style:normal;font-weight:500}.login-copy h1{font-size:clamp(52px,6vw,82px)}.login-copy p{color:#5d737d}.login-proof{border-top-color:#ccdadd}.login-proof>span{border-right-color:#ccdadd}.login-proof b{color:#183e4d}.login-proof small,.login-brand>footer{color:#6c858f}.login-route{display:none}.login-panel{box-shadow:none;border-left:0}.login-submit{background:var(--sea)}.login-submit:hover{box-shadow:none}.bridge-view{color:#edf6f7;background:#101b21;border-radius:4px;min-height:calc(100vh - 136px);padding:25px}.bridge-view>header,.bridge-view>footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.bridge-view>header>div>span{color:#8eb3bd;letter-spacing:.14em;font-size:9px;font-weight:700}.bridge-view header h1{margin:6px 0 2px;font-size:28px;font-weight:550}.bridge-view header p{color:#83a1aa;margin:0;font-size:10px}.bridge-view header p.bridge-refresh{color:#70c6b9;letter-spacing:.08em;margin-top:7px;font-size:8px}.bridge-view select{color:#edf6f7;background:#182830;border:1px solid #41616c;border-radius:3px;min-width:210px;padding:9px 12px}.bridge-primary{background:#35505a;border:1px solid #35505a;grid-template-columns:repeat(5,1fr);gap:1px;margin:25px 0 16px;display:grid}.bridge-primary article{background:#14242b;flex-direction:column;min-height:170px;padding:16px 18px 14px;display:flex}.bridge-card-meta{justify-content:space-between;align-items:flex-start;gap:12px;min-height:22px;display:flex}.bridge-card-meta>span,.bridge-card-source{color:#8fd0db;letter-spacing:.13em;font-size:10px;font-weight:750}.bridge-card-meta>small{color:#77949d;letter-spacing:.05em;text-align:right;font-size:9px;font-weight:600;line-height:1.35}.bridge-card-value{flex:1;justify-content:center;align-items:baseline;gap:8px;padding:10px 0 7px;display:flex}.bridge-card-value>b{color:#fff;font-size:clamp(38px,4.3vw,66px);font-weight:500;line-height:.95}.bridge-card-value>em{color:#7fc8c2;font-size:13px;font-style:normal}.bridge-card-value>em.degree-mark{align-self:flex-start;margin-top:2px;margin-left:-4px;font-size:21px;line-height:1}.bridge-card-source{color:#7fc8c2;min-height:16px;font-size:9px}.bridge-gps-status{background:#0d222a;border-top:1px solid #304a55;min-width:0}.bridge-gps-status h2{color:#78c9c1;letter-spacing:.11em;border-bottom:1px solid #294650;margin:0;padding:6px 10px;font-size:9px}.bridge-gps-status article{grid-template-columns:minmax(0,1.35fr) minmax(90px,.65fr);align-content:center;gap:8px 12px;min-height:64px;padding:9px 12px;display:grid}.bridge-gps-status article div{min-width:0}.bridge-gps-status .gps-coordinate-stack,.bridge-gps-status .gps-motion-stack{align-content:center;gap:8px;display:grid}.bridge-gps-status .gps-motion-stack{border-left:1px solid #294650;padding-left:12px}.bridge-gps-status span,.bridge-gps-status b,.bridge-gps-status small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bridge-gps-status span{color:#64cfc5;letter-spacing:.11em;font-size:8px;font-weight:800}.bridge-gps-status b{color:#f3f8f7;margin-top:3px;font-size:16px}.bridge-gps-status b em{color:#9fc4c7;font-size:9px;font-style:normal;font-weight:600}.bridge-gps-status small{color:#799ca2;grid-column:1/-1;font-size:8px}.bridge-gps-status .gps-clock-stack{border-top:1px solid #294650;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding-top:7px;display:grid}.bridge-gps-status .gps-clock-stack b{font-variant-numeric:tabular-nums;margin-top:2px;font-size:10px}.bridge-readings{gap:8px;margin-top:12px;display:grid}.bridge-readings>div{grid-template-columns:62px minmax(70px,1fr) 48px;align-items:baseline;gap:9px;min-height:28px;display:grid}.bridge-readings small,.bridge-readings b,.bridge-readings em{margin:0;font-family:Segoe UI,Arial,sans-serif;font-style:normal;line-height:1.2}.bridge-readings small{color:#85c7d5;letter-spacing:.08em;font-size:11px;font-weight:700}.bridge-readings b{color:#fff;font-size:17px;font-weight:500}.bridge-readings em{color:#91b6be;font-size:11px}.bridge-mimic{background:#112128;border:1px solid #304a55;margin:14px 0}.mimic-toolbar{--bridge-command-height:36px;border-bottom:1px solid #304a55;grid-template-columns:clamp(200px,26vw,430px) minmax(0,1fr);align-items:center;gap:0;min-height:60px;padding:6px 0;display:grid}.mimic-toolbar__identity{display:none}.mimic-toolbar b,.mimic-toolbar small{display:block}.mimic-toolbar b{color:#dbe9eb;letter-spacing:.1em;font-size:12px}.mimic-toolbar small{color:#86aab2;margin-top:3px;font-size:10px}.mimic-commandbar{display:contents}.mimic-map-controls{grid-template-columns:minmax(100px,180px) minmax(140px,1fr) minmax(100px,150px) minmax(120px,180px) minmax(90px,118px) 102px 77px;align-items:end;gap:7px;min-width:0;padding-right:9px;display:grid}.mimic-commandbar .mimic-command-group{grid-template-rows:10px var(--bridge-command-height);align-items:end}.mimic-commandbar .mimic-command-group>span{white-space:nowrap;align-self:end;line-height:1}.mimic-command-group{gap:4px;min-width:0;display:grid}.mimic-command-group>span{color:#6f969d;letter-spacing:.12em;font-size:7px;font-weight:850}.mimic-command-view{align-self:stretch;padding-left:9px}.mimic-command-vessel .bridge-toolbar-select{width:100%;min-width:0}.mimic-toolbar .vessel-workspace-controls{gap:6px}.mimic-toolbar .vessel-workspace-switcher>span{display:none}.mimic-toolbar :is(.vessel-workspace-tabs,.bridge-toolbar-select){height:var(--bridge-command-height);box-sizing:border-box}.mimic-toolbar .vessel-workspace-tabs button{height:100%;min-height:0;font:800 9px var(--font-ui);letter-spacing:.06em;white-space:nowrap;padding:0 10px}.mimic-toolbar :is(.vessel-workspace-controls select,.bridge-toolbar-select,.mimic-command-actions button){height:var(--bridge-command-height);min-height:var(--bridge-command-height);box-sizing:border-box;margin:0}.mimic-toolbar .vessel-workspace-tabs{box-shadow:none;background:#0e2933;border-color:#36535e;border-radius:3px}.mimic-toolbar .vessel-workspace-tabs button{color:#b2c9ce;text-align:center;background:#0e2933;border:0;border-left:1px solid #36535e;justify-content:center;min-width:112px;padding-inline:12px}.mimic-toolbar .vessel-workspace-tabs button:first-child{border-left:0}.mimic-toolbar .vessel-workspace-tabs button:hover:not(.active){color:#eff7f8;background:#183b47}.mimic-toolbar .vessel-workspace-tabs button small{color:#72969e}.mimic-toolbar .vessel-workspace-tabs button.active{background:var(--control-active);color:#fff;border:0;box-shadow:inset 0 -2px #72aabd}.mimic-toolbar .vessel-workspace-tabs button.active small{color:#a9d9d4}.mimic-toolbar .vessel-workspace-controls select{color:#e8f5f3;background:#102f39;border-color:#41606a;min-width:140px;padding-top:0;padding-bottom:0}.bridge-replay-controls{height:var(--bridge-command-height);align-items:stretch;display:flex}.bridge-toolbar-select{height:var(--bridge-command-height,36px);min-height:var(--bridge-command-height,36px);color:#dcebed;min-width:0;font:750 9px var(--font-ui);letter-spacing:.02em;background:#102f39;border:1px solid #41606a;border-radius:3px;padding:0 26px 0 8px}.bridge-replay-controls .bridge-toolbar-select{width:100%;min-width:120px}.bridge-replay-controls .bridge-play-toggle{height:100%;min-height:0;margin-left:5px}.bridge-replay-controls :disabled{opacity:.45;cursor:default}.mimic-command-speed{width:auto}.mimic-command-speed input{accent-color:#55d1c0;cursor:ew-resize;width:100%;min-width:0;margin:0}.mimic-command-speed output{color:#dcebed;font:800 10px var(--font-ui);text-align:right}.mimic-command-guard{grid-column:auto}.bridge-guard-range{height:var(--bridge-command-height);box-sizing:border-box;background:#102f39;border:1px solid #41606a;border-radius:3px;grid-template-rows:18px 14px;grid-template-columns:minmax(52px,1fr) 38px;align-items:center;gap:0 5px;padding:2px 6px;display:grid}.bridge-guard-range>input{accent-color:#55d1c0;width:100%;min-width:0;margin:0}.bridge-guard-range>output{color:#dcebed;font:800 8px var(--font-ui);text-align:right}.bridge-guard-range>div{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:2px;display:grid}.bridge-speed-range>div{grid-template-columns:repeat(4,1fr)}.bridge-guard-range button{border-color:#35545d;min-height:13px;padding:0;font-size:7px;line-height:11px}.bridge-guard-range button.active{background:#1c5554;border-color:#65d2c6}.mimic-command-orientation .bridge-toolbar-select{width:100%;min-width:0}.bridge-ais-label-mode{height:var(--bridge-command-height);border:1px solid #41606a;border-radius:3px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.mimic-toolbar .bridge-ais-label-mode button{color:#9bc0c8;background:#102f39;border:0;border-left:1px solid #41606a;min-width:0;height:100%;padding:0 5px}.mimic-toolbar .bridge-ais-label-mode button:first-child{border-left:0}.mimic-toolbar .bridge-ais-label-mode button.active{color:#fff;background:#1c5554;box-shadow:inset 0 -2px #65d2c6}.mimic-toolbar button{color:#9bc0c8;letter-spacing:.06em;cursor:pointer;background:#172b33;border:1px solid #41606a;padding:0 10px;font-size:9px;font-weight:800}.mimic-toolbar button.active{color:#fff;background:#1c4c4d;border-color:#6ad0c4}.mimic-toolbar .bridge-play-toggle{border-color:var(--control-active-border);background:var(--control-active);color:#fff;min-width:38px;box-shadow:inset 0 -2px 0 var(--control-active-strong),0 3px 10px #0000002e;place-items:center;padding:0;display:grid}.mimic-toolbar .bridge-play-toggle svg{fill:currentColor;width:17px;height:17px}.mimic-toolbar .bridge-play-toggle.active{border-color:var(--control-active-strong);background:var(--control-active-strong)}.mimic-command-actions>div{align-items:stretch;gap:5px;display:flex}.mimic-toolbar :is(.bridge-posture-toggle,.bridge-fullscreen-toggle){width:var(--bridge-command-height);place-items:center;padding:0;display:inline-grid}:is(.bridge-posture-toggle,.bridge-fullscreen-toggle) svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:square;stroke-linejoin:miter;width:17px;height:17px}.mimic-zoom{border:1px solid #41606a;grid-template-columns:32px 45px 32px;align-items:center;margin-right:7px;display:grid}.mimic-zoom button{border:0;min-height:30px;padding:0;font-size:18px}.mimic-zoom button:disabled{color:#577079;cursor:default}.mimic-zoom em{color:#b7d2d7;text-align:center;font-size:10px;font-style:normal;font-weight:700}.mimic-map-column{background:#0b2028;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid;position:relative}.bridge-playback{color:#c8dcde;background:#0b2028;border-bottom:1px solid #294650;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 10px;padding:7px 10px 8px;display:grid}.bridge-playback>span{grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px 10px;min-width:0;display:grid}.bridge-playback>span b{color:#77c9ce;letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.bridge-playback>span time{color:#fff;width:190px;font:700 11px var(--font-data);font-variant-numeric:tabular-nums;text-align:center;justify-self:center}.bridge-playback label{min-width:0}.bridge-playback input{appearance:none;cursor:ew-resize;touch-action:none;background:0 0;width:100%;height:28px;margin:0}.bridge-playback input::-webkit-slider-runnable-track{background:#54747b;height:3px}.bridge-playback input::-webkit-slider-thumb{appearance:none;background:#5fd0c5;border:1px solid #d8f0ed;border-radius:1px;width:9px;height:24px;margin-top:-10px}.bridge-playback input::-moz-range-track{background:#54747b;height:3px}.bridge-playback input::-moz-range-thumb{background:#5fd0c5;border:1px solid #d8f0ed;border-radius:1px;width:9px;height:24px}.bridge-playback input:disabled{cursor:default;opacity:.45}.bridge-playback label small{color:#789aa0;grid-template-columns:1fr auto 1fr;gap:8px;font-size:8px;display:grid}.bridge-playback label small time:last-child{text-align:right}.bridge-playback button{color:#b8d3d7;background:#172b33;border:1px solid #41606a;padding:8px 11px;font-size:9px;font-weight:800}.bridge-playback button:disabled{opacity:.42}.bridge-situation-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);height:clamp(340px,44vh,500px);display:grid;position:relative}.bridge-situation-grid.posture-hidden{grid-template-columns:minmax(0,1fr)}.vessel-bridge-workspace{background:#071b23;border:1px solid #274a55;border-radius:5px;overflow:hidden}.vessel-bridge-workspace .bridge-mimic{border:0;margin:0}.bridge-watch-deck{background:#0b2028;border-top:1px solid #304a55;grid-template-columns:minmax(280px,.8fr) minmax(720px,2.2fr);min-height:0;display:grid}.vessel-bridge-workspace:fullscreen{background:#071b23;border:0;border-radius:0;grid-template-rows:minmax(0,1fr) clamp(170px,21vh,220px);width:100vw;height:100vh;display:grid;overflow:hidden}.vessel-bridge-workspace:fullscreen .bridge-mimic{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.vessel-bridge-workspace:fullscreen .bridge-situation-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);height:auto;min-height:0}.vessel-bridge-workspace:fullscreen .bridge-situation-grid.posture-hidden{grid-template-columns:minmax(0,1fr)}.vessel-bridge-workspace:fullscreen .bridge-watch-deck{background:#0b2028;border-top:1px solid #304a55;grid-template-columns:minmax(320px,.8fr) minmax(780px,2.2fr);min-height:0;display:grid}.vessel-bridge-workspace:fullscreen .bridge-gps-status{border-top:0;border-right:1px solid #304a55;min-height:0}.vessel-bridge-workspace:fullscreen .bridge-gps-status article{min-height:0}.vessel-bridge-workspace:fullscreen .mimic-toolbar{min-height:60px;padding-block:6px}.vessel-bridge-workspace:fullscreen .mimic-toolbar b{font-size:13px}.vessel-bridge-workspace:fullscreen .mimic-command-group>span{font-size:8px}body:has(.vessel-bridge-workspace.auto-fullscreen){overflow:hidden}.vessel-bridge-workspace.auto-fullscreen{z-index:1000;background:#071b23;border:0;border-radius:0;grid-template-rows:minmax(0,1fr) clamp(170px,21vh,220px);width:100vw;height:100vh;display:grid;position:fixed;inset:0;overflow:hidden}.vessel-bridge-workspace.auto-fullscreen .bridge-mimic{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.vessel-bridge-workspace.auto-fullscreen .bridge-situation-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);height:auto;min-height:0}.vessel-bridge-workspace.auto-fullscreen .bridge-situation-grid.posture-hidden{grid-template-columns:minmax(0,1fr)}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-deck{background:#0b2028;border-top:1px solid #304a55;grid-template-columns:minmax(320px,.8fr) minmax(780px,2.2fr);min-height:0;display:grid}.vessel-bridge-workspace.auto-fullscreen .bridge-gps-status{border-top:0;border-right:1px solid #304a55;min-height:0}.vessel-bridge-workspace.auto-fullscreen .bridge-gps-status article{min-height:0}.vessel-bridge-workspace.auto-fullscreen .mimic-toolbar{min-height:60px;padding-block:6px}.vessel-bridge-workspace.auto-fullscreen .mimic-toolbar b{font-size:13px}.vessel-bridge-workspace.auto-fullscreen .mimic-command-group>span{font-size:8px}.vessel-bridge-workspace.chart-dominant{grid-template-rows:minmax(0,1fr)}.vessel-bridge-workspace.chart-dominant .bridge-mimic{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.vessel-bridge-workspace.chart-dominant .bridge-situation-grid{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.vessel-bridge-workspace.chart-dominant .mimic-map-column{min-height:0}.vessel-bridge-workspace.chart-dominant>.bridge-watch-deck{display:none}.bridge-ecdis-rail{z-index:6;color:#dcebea;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#051b22ed;border:1px solid #4d7077;width:220px;position:absolute;top:12px;right:12px;box-shadow:0 8px 28px #00000057}.chart-dominant .bridge-maritime-map .myfleet-map__controls{border-color:#4d7077;flex-direction:column;top:12px;right:232px;box-shadow:0 8px 28px #00000057}.chart-dominant .bridge-maritime-map .myfleet-map__controls button{border-top:1px solid #41606a;border-left:0;width:44px;min-width:44px;height:34px}.chart-dominant .bridge-maritime-map .myfleet-map__controls button:first-child{border-top:0}.chart-dominant .bridge-maritime-map .myfleet-map__controls .map-fullscreen-button{display:none}.bridge-ecdis-rail header{border-bottom:1px solid #3e5b62;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;display:flex}.bridge-ecdis-rail header span{color:#67d3c8;letter-spacing:.12em;font-size:8px;font-weight:900}.bridge-ecdis-rail mark{color:#81e2d5;background:#154b48;padding:3px 5px;font-size:7px;font-weight:900}.bridge-ecdis-rail mark.alarm{color:#fff;background:#8f302d}.bridge-ecdis-rail dl{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.bridge-ecdis-rail dl div{border-bottom:1px solid #2e4a52;border-right:1px solid #2e4a52;min-width:0;padding:8px 9px}.bridge-ecdis-rail dl div:nth-child(2n),.bridge-ecdis-rail dl .wide{border-right:0}.bridge-ecdis-rail dl .wide{grid-column:1/-1}.bridge-ecdis-rail dt{color:#6fa5a7;letter-spacing:.1em;font-size:7px;font-weight:850}.bridge-ecdis-rail dd{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:12px;font-weight:750;overflow:hidden}.bridge-ecdis-rail .wide dd{font-size:9px}.bridge-ecdis-rail footer{color:#87a9aa;letter-spacing:.06em;padding:8px 9px;font-size:7px;line-height:1.5}.bridge-live-strip{background:#0b2028;border-bottom:1px solid #294650;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:42px;padding:7px 10px;display:grid}.bridge-live-strip time{color:#d7e8e7;text-align:center;font-size:10px}.bridge-live-strip em{color:#8fb0b3;font-size:9px;font-style:normal}.attitude-unavailable .conning-world,.attitude-unavailable .roll-pointer{opacity:.42}.synthetic-conning{background:#07171e;border-right:1px solid #304a55;min-width:0;position:relative;overflow:hidden}.conning-posture-close{z-index:10;color:#b7d4d7;cursor:pointer;background:#06161df0;border:1px solid #4b6b73;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:10px;right:10px}.conning-posture-close:hover,.conning-posture-close:focus-visible{color:#fff;background:#163d46;border-color:#76d1c7}.conning-posture-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:square;width:17px;height:17px}.conning-heading-tape{z-index:8;color:#8eb1b8;text-align:center;background:#06161df0;border:1px solid #365761;border-top:0;width:min(520px,72%);height:58px;font:600 10px Segoe UI,Arial,sans-serif;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.heading-scale{grid-template-columns:repeat(17,1fr);align-items:start;display:grid;position:absolute;inset:0 0 20px}.heading-scale:before{content:"";background:repeating-linear-gradient(90deg,#86b8c09e 0 1px,#0000 1px 5.882%);height:4px;position:absolute;inset:0 0 auto}.heading-scale span{min-width:0;padding-top:12px;position:relative}.heading-scale span i{background:#9dc1c7;width:1px;height:8px;position:absolute;top:0;left:50%}.heading-scale span.center i{background:#f2c14e;height:10px}.heading-scale b{color:#9fc0c6;letter-spacing:.04em;font-size:9px;font-weight:700}.heading-scale span.center b{color:#fff;font-size:11px}.heading-lubber-line{z-index:4;border-bottom:7px solid #f2c14e;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.heading-readout{z-index:3;color:#fff;letter-spacing:.06em;background:#07171e;border-inline:1px solid #365761;min-width:88px;padding:3px 11px;font-size:14px;line-height:20px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.conning-scene{position:absolute;inset:0;overflow:hidden}.conning-world{transform-origin:50%;transition:transform .25s ease-out;position:absolute;inset:-18%}.conning-sky,.conning-sea{width:100%;height:50%;position:absolute;left:0}.conning-sky{background:linear-gradient(#193947,#2d6370 70%,#79a8ac);top:0}.conning-sea{background:linear-gradient(#255d68,#123943 46%,#071f28);top:50%;overflow:hidden}.conning-sea:before{content:"";transform-origin:top;background:repeating-linear-gradient(90deg,#0000 0 8.2%,#77cdd02e 8.4% 8.55%,#0000 8.75% 16.7%),repeating-linear-gradient(0deg,#0000 0 19%,#77cdd024 19.3% 19.7%,#0000 20% 40%);position:absolute;inset:-30% -10% 0;transform:perspective(250px)rotateX(58deg)}.conning-sea i{transform-origin:bottom;background:#75d3d233;width:1px;height:80%;position:absolute;bottom:0;left:50%}.conning-sea i:first-child{transform:rotate(28deg)}.conning-sea i:nth-child(2){transform:rotate(10deg)}.conning-sea i:nth-child(3){transform:rotate(-10deg)}.conning-sea i:nth-child(4){transform:rotate(-28deg)}.conning-horizon{background:#f2f7f5eb;width:100%;height:2px;position:absolute;top:50%;left:0;box-shadow:0 0 0 1px #04161d66}.pitch-ladder{color:#ecf7f5e6;position:absolute;inset:0}.pitch-ladder span{text-align:center;grid-template-columns:24px 1fr 24px;align-items:center;gap:7px;width:150px;display:grid;position:absolute;left:50%;transform:translate(-50%,-50%)}.pitch-ladder span i{background:currentColor;height:1px;box-shadow:0 1px #001c2280}.pitch-ladder span b{font:700 9px Segoe UI,Arial,sans-serif}.pitch-ladder span.zero{grid-template-columns:0 1fr 0;width:230px}.pitch-ladder span.zero i{height:2px}.roll-scale{z-index:7;pointer-events:none;width:min(300px,45%);height:100px;position:absolute;top:48px;left:50%;overflow:visible;transform:translate(-50%)}.roll-arc{fill:none;stroke:#dcf1ef9e;stroke-width:1.2px}.roll-tick line{stroke:#e6f6f4d9;stroke-width:1.4px}.roll-zero{fill:#f2f7f5}.roll-pointer path{fill:#f2c14e;stroke:#07171e;stroke-width:1px}.conning-course-lane{z-index:4;clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#0000 0 24%,#5dd7cf3d 24.5% 25%,#0000 25.5% 49%);border-bottom:1px solid #5dd7cf99;width:min(72%,520px);height:46%;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.conning-course-lane i{border:1px solid #80ddd4;width:7px;height:7px;position:absolute;bottom:15%;left:50%;transform:translate(-50%)rotate(45deg)}.conning-course-lane i:nth-child(2){bottom:36%}.conning-course-lane i:nth-child(3){bottom:59%}.conning-course-lane i:nth-child(4){bottom:82%}.conning-crosshair{z-index:6;width:88px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.conning-crosshair i{background:#f2f7f5;width:34px;height:2px;position:absolute;top:50%}.conning-crosshair i:first-child{left:0}.conning-crosshair i:last-child{right:0}.conning-ownship{z-index:7;width:52px;height:60px;position:absolute;bottom:8%;left:50%;overflow:visible;transform:translate(-50%)}.conning-ownship path:first-child{fill:#7fa8a6;stroke:#061b22;stroke-width:2px}.conning-ownship path:last-child{fill:none;stroke:#48b7ad;stroke-width:2px}.conning-stack{z-index:8;gap:7px;display:grid;position:absolute;top:65px}.conning-stack.left{left:15px}.conning-stack.right{text-align:right;right:15px}.conning-stack span{color:#86b8be;letter-spacing:.05em;background:#05181fd4;border-left:3px solid #5ecfc4;min-width:130px;padding:7px 9px;font:700 10px Segoe UI,Arial,sans-serif}.conning-stack.right span{border-left:0;border-right:3px solid #5ecfc4}.conning-stack b{color:#fff;letter-spacing:0;margin:0 3px 0 10px;font-size:18px}.bridge-instrument-overlay{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.conning-wind-instrument,.conning-draft-instrument{color:#dcebea;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#051b22e6;border:1px solid #43656c;flex-direction:column;width:146px;height:184px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0000003d}.conning-wind-instrument svg{width:138px;height:152px;margin:auto;display:block;overflow:visible}.conning-wind-instrument svg text{fill:#89aeb3;font:700 7px var(--font-data);text-anchor:middle;dominant-baseline:middle}.wind-dial-ring{fill:#071b23;stroke:#71999e;stroke-width:1.2px}.wind-dial-tick{stroke:#9dc6c7;stroke-width:1px}.wind-direction-marker path{fill:#f2c14e;stroke:#07171e;stroke-width:1px;filter:drop-shadow(0 1px 2px #000)}.wind-vessel-mark{fill:#245561;stroke:#8cc5c5;stroke-width:1.2px}.wind-vessel-centerline{fill:none;stroke:#8cc5c58c;stroke-width:1px}.wind-speed-plaque{fill:#051b22eb;stroke:#54bdb3a6;stroke-width:.8px}.conning-wind-instrument svg .wind-speed-value{fill:#fff;font-size:15px;font-weight:800}.conning-wind-instrument svg .wind-speed-unit{fill:#86b8be;font-size:7px}.conning-instrument-header{color:#75d3c8b3;min-height:30px;font:800 8px var(--font-ui);letter-spacing:.08em;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#102e37eb;border-bottom:1px solid #36565e;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:0 5px 0 8px;display:grid}.conning-instrument-header:active{cursor:grabbing}.conning-instrument-header b{color:#d9f4f0c7;font:800 8px var(--font-data);letter-spacing:.03em}.conning-instrument-header button{color:#cde7e5b8;cursor:pointer;background:#051b2294;border:1px solid #6c979b6b;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;display:grid}.conning-instrument-header button:hover{color:#fff;border-color:#75d3c8}.conning-instrument-header button svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:11px;height:11px;margin:0}.draft-vessel{flex:1;min-height:0;position:relative}.draft-vessel svg{width:70px;height:145px;position:absolute;inset:5px 38px 3px}.draft-vessel svg path:first-child{fill:#215863b8;stroke:#8cc5c5;stroke-width:1.3px}.draft-vessel svg path:last-child{fill:none;stroke:#79b5b785;stroke-width:1px}.draft-vessel span{text-align:center;text-shadow:0 1px 3px #031318,0 0 6px #031318;background:0 0;gap:1px;min-width:48px;padding:3px 4px;display:grid;position:absolute}.draft-vessel span em{color:#70b9b79e;font:800 7px var(--font-ui);letter-spacing:.08em}.draft-vessel span b{color:#fff;font:800 9px var(--font-data);white-space:nowrap}.draft-vessel .fore{top:2px;left:50%;transform:translate(-50%)}.draft-vessel .aft{bottom:2px;left:50%;transform:translate(-50%)}.draft-vessel .port{top:64px;left:0}.draft-vessel .starboard{top:64px;right:0}.conning-draft-instrument.two-point .draft-vessel svg{opacity:.78}.conning-attitude{z-index:8;color:#a6c4c8;gap:12px;font:700 10px Segoe UI,Arial,sans-serif;display:flex;position:absolute;bottom:15px;right:15px}.conning-calibration-status{color:#91b4b8;min-width:126px;font:750 8px var(--font-ui);letter-spacing:.07em;text-align:center;background:#051b22e6;border-bottom:1px solid #43656c;padding:6px 8px;position:static}.conning-calibration-status.active{color:#75d3c8;border-color:#3e8f86}.conning-calibration-status.collecting{color:#e3bd6d;border-color:#a47a32}.conning-calibration-status.failed{color:#ff7468;background:#3f1415f0;border-color:#c4574d}.conning-calibration-control{z-index:9;background:#051b22e6;border:1px solid #43656c;flex-direction:column;display:flex;position:absolute;bottom:15px;left:15px}.conning-calibration-control button{color:#91b4b8;min-height:28px;font:800 8px var(--font-ui);cursor:pointer;background:#102e37;border:0;align-items:center;gap:5px;padding:0 8px;display:flex}.conning-calibration-control button i{background:#253f46;border:1px solid #54767c;border-radius:8px;width:18px;height:9px}.conning-calibration-control button[aria-pressed=true]{color:#d9f4f0}.conning-calibration-control button[aria-pressed=true] i{background:#37a99e;border-color:#65d2c6;box-shadow:inset 8px 0 #d9f4f0}.conning-calibration-control.failed{border-color:#c4574d}.mimic-map{background:#08212a;height:100%;min-height:0;position:relative;overflow:hidden}.mimic-map svg{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.mimic-map.dragging svg{cursor:grabbing}.mimic-map image{opacity:.62;filter:brightness(.42)saturate(.7)hue-rotate(135deg)contrast(1.15)}.mimic-range{fill:none;stroke:#68cfc794;stroke-width:.45px;vector-effect:non-scaling-stroke}.mimic-range.inner{stroke-dasharray:2 2}.mimic-heading-line{fill:none;stroke:#e15446;stroke-width:1.2px;stroke-dasharray:4 2;vector-effect:non-scaling-stroke}.mimic-vessel .ais-target{fill:#075f69;stroke:#fff;stroke-width:1.4px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 2px #001e2373)}.mimic-vessel .heading-vector{fill:none;stroke:#e15446;stroke-width:1.2px;vector-effect:non-scaling-stroke}.company-admin-layout{grid-template-columns:minmax(360px,.8fr) minmax(440px,1.2fr);gap:14px;display:grid}.company-create{padding:20px}.company-create h3,.invite-user h3{margin:0 0 7px;font-size:20px}.company-create>p,.invite-user>p{color:var(--muted);font-size:11px}.company-form,.invite-user>div{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.company-form label,.invite-user label{color:#49625e;font-size:11px;font-weight:700}.company-form input,.company-form textarea,.company-form select,.invite-user input,.invite-user select{border:1px solid var(--line);background:#fff;width:100%;margin-top:6px;padding:10px;font-size:12px}.company-form textarea{resize:vertical;min-height:72px}.company-form .wide,.invite-user .wide{grid-column:1/-1}.company-directory{overflow:hidden}.company-directory .card-title{border-bottom:1px solid var(--line);padding:15px}.company-row{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 15px;display:grid}.company-row>span{color:#fff;place-items:center;width:42px;height:42px;font-weight:800;display:grid;overflow:hidden}.company-row img{object-fit:contain;background:#fff;width:100%;height:100%}.company-row b,.company-row small{display:block}.company-row b{color:var(--ink);font-size:12px}.company-row small{color:var(--muted);margin-top:4px;font-size:10px}.company-row em{color:#16836f;font-size:10px;font-style:normal}.company-row>button{color:var(--sea);background:#fff;border:1px solid #b9cbc7;padding:7px 9px;font-size:9px;font-weight:800}.vessel-picker-field>b,.vessel-picker-field>small{display:block}.vessel-picker-field>b{color:#173f4d;font-size:11px}.vessel-picker-field>b em{color:#116b5c;background:#dff1ed;border-radius:10px;margin-left:5px;padding:2px 6px;font-size:9px;font-style:normal}.vessel-picker-field>small{color:var(--muted);margin-top:4px;font-size:9px;font-weight:400}.vessel-checklist{border:1px solid var(--line);background:#f7faf8;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;max-height:260px;margin-top:7px;padding:6px;display:grid;overflow:auto}.vessel-checklist>label{cursor:pointer;background:#fff;border:1px solid #d9e3e0;align-items:center;gap:7px;min-width:0;padding:6px 7px;display:flex}.vessel-checklist input{height:16px;accent-color:var(--sea);flex:0 0 16px;width:16px!important;margin:0!important}.vessel-checklist span,.vessel-checklist b,.vessel-checklist small{min-width:0;display:block}.vessel-checklist b{color:#173f4d;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.vessel-checklist small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.vessel-checklist>p{color:var(--muted);grid-column:1/-1;margin:8px;font-size:10px}.assignment-editor{border-top:1px solid var(--line);background:#f7faf8;padding:16px}.assignment-editor h3,.assignment-editor h4{color:#173f4d;margin:0 0 5px;font-size:14px}.assignment-editor>p{color:var(--muted);margin:0 0 10px;font-size:10px}.assignment-editor>div:last-child{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.user-layout>.assignment-editor{grid-column:1/2}.profile.active{background:var(--control-active-soft);box-shadow:inset 3px 0 0 var(--control-active)}.read-only-access{max-width:720px;padding:28px}.read-only-access>span{color:var(--sea);letter-spacing:.12em;font-size:10px;font-weight:800}.read-only-access h2{color:#173f4d;margin:8px 0;font-size:24px}.read-only-access p{color:#526d68;max-width:580px;font-size:12px;line-height:1.7}.read-only-access b{color:#5d746f;letter-spacing:.08em;background:#eef4f2;margin-top:10px;padding:6px 8px;font-size:9px;display:inline-block}.read-only-email-settings{grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:10px 16px;max-width:620px;margin-top:18px;display:grid}.read-only-email-settings>label:first-child{color:#526d68;gap:5px;font-size:11px;font-weight:700;display:grid}.read-only-email-settings input[type=email]{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);background:#fff;padding:7px 9px}.read-only-email-settings>small{color:#697d79;font-size:10px;line-height:1.45}.sidebar-app-install{border:1px solid var(--line);color:#173f4d;background:#f8fbfa;border-radius:4px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;margin:0 4px 10px;padding:9px;text-decoration:none;display:grid}.sidebar-app-install:hover{background:#eef7f4;border-color:#83b9b0}.sidebar-app-install img{background:#fff;width:76px;height:76px;padding:3px}.sidebar-app-install span{gap:4px;min-width:0;display:grid}.sidebar-app-install b{font-size:11px}.sidebar-app-install small{color:#687e79;font-size:10px;line-height:1.3}.invite-user{margin-bottom:14px;padding:13px 16px}.invite-user h3{font-size:18px}.invite-user>div{gap:8px 12px;margin:10px 0}.invite-user input,.invite-user select{margin-top:4px;padding:7px 9px}.invite-user .email-alert-toggle{align-self:end;align-items:center;gap:8px;min-height:34px;display:flex}.invite-user .email-alert-toggle input{width:16px;height:16px;margin:0}.invite-user .vessel-checklist{max-height:none;overflow:visible}.invite-user .form-status{color:#9f3228;margin:0 0 0 10px;font-size:11px;display:inline-block}.vessel-registry-admin{gap:14px;display:grid}.registry-summary{grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.registry-summary>div{border-right:1px solid var(--line);padding:18px 20px}.registry-summary>div:last-child{border-right:0}.registry-summary small,.registry-summary b,.registry-summary span{display:block}.registry-summary small{color:#55706b;letter-spacing:.08em;font-size:10px;font-weight:800}.registry-summary b{color:#12313e;margin:7px 0 4px;font-size:30px;line-height:1}.registry-summary span{color:var(--muted);font-size:10px}.registry-main{overflow:hidden}.registry-main>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.registry-main>header h3{color:#173f4d;margin:0 0 5px;font-size:20px}.registry-main>header p{color:var(--muted);margin:0;font-size:11px}.registry-main>header a{color:var(--sea);font-size:10px;font-weight:800;text-decoration:none}.registry-main>header a:hover{color:#fff;background:var(--sea)}.registry-tools{border-bottom:1px solid var(--line);background:#f7faf8;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.registry-tools .admin-tabs{margin:0}.registry-tools .admin-tabs button{font-size:10px}.registry-tools .admin-tabs b{background:#e3eeeb;border-radius:10px;margin-left:5px;padding:2px 6px}.registry-tools input{border:1px solid var(--line);background:#fff;width:min(280px,35vw);padding:9px 11px;font-size:11px}.registry-message{color:#126753;background:#e4f3ef;margin:0;padding:10px 20px;font-size:11px;font-weight:700}.registry-list{display:grid}.registry-row{border-bottom:1px solid var(--line);grid-template-columns:12px minmax(220px,.8fr) minmax(300px,1.5fr) auto;align-items:center;gap:12px;padding:13px 20px;display:grid}.registry-row.archived{background:#fffaf8}.registry-status-dot{background:#22a184;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22a1841f}.registry-row.archived .registry-status-dot{background:#dc6658;box-shadow:0 0 0 4px #dc66581f}.registry-vessel b,.registry-vessel small,.registry-reason b,.registry-reason small{display:block}.registry-vessel b{color:#12313e;font-size:14px}.registry-vessel small{color:var(--muted);margin-top:3px;font-size:9px}.registry-reason b{color:#16725f;letter-spacing:.08em;font-size:9px}.registry-row.archived .registry-reason b{color:#b34338}.registry-reason small{color:#526d68;max-width:720px;margin-top:4px;font-size:10px;line-height:1.45}.registry-actions{gap:6px;display:flex}.registry-actions button,.registry-editor button{color:var(--sea);background:#fff;border:1px solid #b9cbc7;padding:7px 9px;font-size:9px;font-weight:800}.registry-actions .archive-btn{color:#b34338;border-color:#e8b5ae}.registry-actions .restore-btn{color:#126753;border-color:#92cabc}.registry-editor{background:#fff;border:1px solid #e8b5ae;grid-column:2/-1;grid-template-columns:140px 160px 1fr 1.2fr;gap:10px;margin:4px 0 2px;padding:13px;display:grid}.registry-editor label{color:#526d68;font-size:9px;font-weight:800}.registry-editor input,.registry-editor select{border:1px solid var(--line);background:#fff;width:100%;margin-top:5px;padding:8px;font-size:10px}.registry-editor>div{grid-column:1/-1;justify-content:flex-end;gap:7px;display:flex}.registry-missing{padding-bottom:16px}.registry-missing .card-title{border-bottom:1px solid var(--line);padding:14px 18px}.registry-missing>p{color:#526d68;margin:13px 18px;font-size:11px}.registry-missing>div:last-child{grid-template-columns:repeat(4,1fr);gap:7px;padding:0 18px;display:grid}.registry-missing>div:last-child span{border:1px solid var(--line);background:#f7faf8;padding:9px 10px}.registry-missing b,.registry-missing small{display:block}.registry-missing b{color:#173f4d;font-size:10px}.registry-missing small{color:var(--muted);margin-top:3px;font-size:8px}@media (width<=1000px){.company-admin-layout{grid-template-columns:1fr}.vessel-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.vessel-checklist{grid-template-columns:1fr}}.bridge-view>footer{color:#9ab2ba;border:1px solid #304a55;margin-top:16px;padding:13px 15px;font-size:10px}.bridge-view>footer i{background:#69bcae;border-radius:50%;width:8px;height:8px}.bridge-view>footer i.alarm{background:var(--coral)}.bridge-view>footer b{color:#fff}.bridge-view>footer span{margin-left:auto}.portal-shell .eyebrow,.portal-shell .card-title,.portal-shell .metric-label{font-size:12px}.portal-shell .view-heading>div>p{font-size:13px;line-height:1.55}.portal-shell .overview-heading{align-items:center;padding:3px 0 10px}.portal-shell .overview-heading h1{color:#12313e;letter-spacing:-.045em;margin:0 0 10px;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:clamp(32px,3vw,43px);font-weight:560;line-height:1.04}.portal-shell .overview-heading h1 em{color:#27718a;font-family:inherit;font-style:normal;font-weight:430}.overview-live-meta{align-items:center;gap:12px;margin-bottom:13px;display:flex}.overview-live-meta span{color:#087c69;letter-spacing:.16em;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.overview-live-meta span i{background:#25a88c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #25a88c1f}.overview-live-meta time{color:#6f817d;letter-spacing:.07em;border-left:1px solid #b9cbc7;padding-left:12px;font-size:10px;font-weight:650}.portal-shell .overview-heading .overview-subtitle{color:#637873;align-items:center;gap:10px;font-size:12px;line-height:1.4;display:flex}.overview-subtitle strong{color:#173f4d;font-size:12px;font-weight:750}.overview-subtitle span{background:#7faaa2;border-radius:50%;width:3px;height:3px}.portal-shell .metric-foot,.portal-shell .metric-foot span,.portal-shell .map-legend,.portal-shell .trend-legend,.portal-shell .track-legend{font-size:11px}.portal-shell .alert-item b{font-size:12px}.portal-shell .alert-item p{font-size:11px;line-height:1.45}.portal-shell .alert-item small,.portal-shell .metric-vessel-head b{font-size:10px}.portal-shell .metric-vessel-row strong{font-size:12px}.portal-shell .metric-vessel-row span,.portal-shell .site-footer{font-size:11px}@media (width<=900px){.owner-matrix-grid{grid-template-columns:1fr 1fr}.track-toolbar{flex-wrap:wrap;align-items:flex-start}.track-vessel-name{text-align:left;order:-1;width:100%;margin-bottom:4px}.fuel-summary,.electrical-trends{grid-template-columns:1fr}.electrical-trend-title{flex-direction:column;align-items:flex-start}.electrical-trend-title>span{position:static}.electrical-chart-controls{grid-template-columns:1fr;width:100%}.electrical-chart-controls fieldset,.electrical-chart-controls button.reset-brush{justify-self:start;margin-right:0}.bridge-primary{grid-template-columns:1fr}.bridge-primary article{min-height:140px}.bridge-situation-grid{grid-template-columns:1fr;height:auto}.mimic-toolbar{grid-template-columns:1fr;align-items:flex-start}.mimic-map-controls{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.mimic-command-guard{grid-column:auto}.mimic-command-view{grid-column:1/-1}.mimic-toolbar .vessel-workspace-controls{justify-content:space-between;width:100%}.synthetic-conning{border-bottom:1px solid #304a55;border-right:0;height:340px}.mimic-map-column{min-height:390px}.mimic-map{min-height:340px}.bridge-view>header,.bridge-view>footer{flex-direction:column;align-items:flex-start}}@media (width<=620px){.mimic-map-controls{grid-template-columns:1fr}.mimic-command-view{grid-column:auto}.mimic-toolbar .vessel-workspace-controls{grid-template-columns:1fr;display:grid}.mimic-toolbar .vessel-workspace-controls select{width:100%}}.cctv-operations{--cctv-stage-height:clamp(475px, 61.6vh, 682px);grid-template-columns:minmax(0,1fr) clamp(300px,28%,430px);align-items:stretch}.cctv-operations .real-cctv-player{height:calc(var(--cctv-stage-height) + 69px);flex-direction:column;display:flex}.cctv-operations .cctv-video-stage{height:var(--cctv-stage-height);flex:0 0 var(--cctv-stage-height)}.cctv-operations .cctv-controls{flex:1 0 69px;min-height:69px}.cctv-operations .bulk-carrier-plan{height:100%;min-height:0}.cctv-side-console{z-index:10;min-width:0;height:calc(var(--cctv-stage-height) + 69px);grid-template-rows:52px minmax(0,1fr);display:grid;position:relative}.cctv-side-selector{z-index:22;border:1px solid var(--line);background:#fff;border-bottom:0;border-radius:5px 5px 0 0;align-items:center;padding:5px;display:flex;position:relative}.cctv-side-selector .cctv-vessel-picker{width:100%}.cctv-side-selector .cctv-vessel-picker-trigger{background:#f9fcfb;border:1px solid #b7cbc7;min-height:40px;box-shadow:0 1px 2px #1440400d}.cctv-side-selector .cctv-vessel-picker-trigger:hover{background:#f2f8f6;border-color:#79a9a2}.cctv-side-selector .cctv-vessel-picker-trigger:focus-visible{outline-offset:1px;border-color:#4d9188;outline:3px solid #126f691f}.cctv-fleet-return{color:#176b5e;white-space:nowrap;background:#f5faf8;border:1px solid #a9c6c0;border-radius:3px;flex:none;min-height:32px;margin-right:5px;padding:0 9px;font-size:9px;font-weight:800}.cctv-fleet-return:hover,.cctv-fleet-return:focus-visible{background:#e8f4f1;border-color:#5f9d92;outline:none}.cctv-side-console .cctv-mimic{border-radius:0 0 5px 5px;height:auto;min-height:0}.bulk-carrier-coordinate-frame{z-index:2;aspect-ratio:572/2123;height:calc(100% - 12px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bulk-carrier-coordinate-frame>img{transform-origin:50%;width:371.15%;max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.bulk-carrier-coordinate-frame>button{z-index:3;left:var(--camera-y);top:calc(100% - var(--camera-x));color:#fff;cursor:pointer;background:#236d78;border:2px solid #fff;border-radius:50%;min-width:25px;min-height:25px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 5px #12363d38}.bulk-carrier-coordinate-frame>button b{text-align:center;place-items:center;width:auto;height:auto;font-size:9px;line-height:1;display:grid;position:absolute;inset:0}.bulk-carrier-coordinate-frame>button span{display:none}.bulk-carrier-coordinate-frame>button.marker-online{background:#158a6b}.bulk-carrier-coordinate-frame>button.marker-offline{background:#9aa7a5;box-shadow:0 1px 4px #32444429}.bulk-carrier-coordinate-frame>button.marker-fault{background:#d45448;box-shadow:0 0 0 4px #d4544821}.bulk-carrier-coordinate-frame>button.marker-live{background:#0aa778;animation:1.5s ease-in-out infinite cctv-live-pulse}.bulk-carrier-coordinate-frame>button.selected{outline-offset:2px;outline:2px solid #183d45}.portal-shell .page-workbar>div>b{margin-top:2px;font-size:15px}.portal-shell .page-workbar>div:first-child>span{font-size:8px}.portal-shell .page-workbar>div>small{margin-top:3px;font-size:10px}.portal-shell .page-workbar>div:first-child{flex:auto;min-width:0}.vessel-data-freshness{color:#176c5c;background:#edf8f5;border:1px solid #a9cec4;border-radius:4px;align-items:center;gap:9px;margin-top:7px;padding:6px 9px;line-height:1.15;display:inline-flex}.vessel-data-freshness span{letter-spacing:.1em;align-items:center;gap:5px;font-size:9px;font-weight:900;display:inline-flex}.vessel-data-freshness span i{background:#23a681;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #23a6811f}.vessel-data-freshness time{color:#173f4d;font-size:9px;font-weight:700}.vessel-data-freshness strong{font-size:9px;font-weight:700}.vessel-data-freshness.delayed{color:#9a6518;background:#fff8e8;border-color:#e1bd72}.vessel-data-freshness.delayed span i{background:#d89725;box-shadow:0 0 0 3px #d8972521}.vessel-data-freshness.stale{color:#b5362c;background:#fff0ee;border-color:#e7a69e}.vessel-data-freshness.stale span i{background:#d84f43;box-shadow:0 0 0 3px #d84f4321}.vessel-data-freshness.stale time{color:#9e2f28}.portal-shell .page-workbar .priority-summary{margin-top:0}.portal-shell .page-workbar .priority-summary b,.portal-shell .page-workbar .priority-summary span,.portal-shell .page-workbar .priority-summary em{padding:4px 7px;font-size:8px}.portal-shell .view-heading:not(.overview-heading){min-height:0;margin-bottom:14px;padding:0}.portal-shell .view-heading:not(.overview-heading) .eyebrow{margin-bottom:5px;font-size:9px}.portal-shell .view-heading:not(.overview-heading) h1{margin:0 0 5px;font-size:clamp(23px,2vw,28px);line-height:1.05}.portal-shell .view-heading:not(.overview-heading)>div>p{font-size:11px;line-height:1.4}.portal-shell .overview-workbar{min-height:56px;margin-bottom:10px;padding:8px 13px}.portal-shell .overview-workbar .overview-live-meta{margin-bottom:2px}.portal-shell .overview-workbar>div>b{margin-top:0;font-size:16px}.portal-shell .overview-live-meta span,.portal-shell .overview-live-meta time{font-size:8px}.overview-blackout-24h{background:#f8fbfa;border:1px solid #d3dfdd;border-radius:6px;grid-template-columns:30px minmax(150px,auto) 32px minmax(0,1fr);align-items:center;gap:9px;min-width:310px;min-height:42px;padding:5px 10px;display:grid}.overview-blackout-24h.clear{background:#f2faf7;border-color:#c9e1da}.overview-blackout-icon{color:#177965;background:#e1f2ed;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.overview-blackout-icon svg{width:15px;height:15px}.overview-blackout-copy{gap:1px;min-width:0;display:grid}.overview-blackout-copy b{color:#294c54;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:800}.overview-blackout-copy small{color:#638079;white-space:nowrap;font-size:9px}.overview-blackout-24h>strong{color:#183f4c;font-size:18px;line-height:1}.overview-blackout-24h.has-events{background:#fff6f5;border-color:#e3a29d}.overview-blackout-24h.has-events .overview-blackout-icon{color:#b52c25;background:#fbe0dd}.overview-blackout-24h.has-events>strong{color:#b52c25}.overview-blackout-ticker{white-space:nowrap;min-width:0;overflow:hidden}.overview-blackout-ticker>div{gap:14px;display:inline-flex}.overview-blackout-ticker>div.scrolling{animation:18s linear infinite blackout-ticker}.overview-blackout-ticker:hover>div{animation-play-state:paused}.overview-blackout-ticker button{color:#a22822;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:10px;font-weight:800;text-decoration:underline}.overview-blackout-ticker button:hover{color:#e34d43}@keyframes blackout-ticker{0%{transform:translate(0)}to{transform:translate(-55%)}}.blackout-workbar>strong{color:#b62e27;font-size:24px}.blackout-workbar>strong small{color:#6d7f7b;font-size:10px;font-weight:600}.blackout-header-actions{align-items:center;gap:12px;display:flex}.blackout-header-actions>span{color:#647975;letter-spacing:.05em;font-size:9px;font-weight:750}.blackout-decision-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:10px;display:grid;overflow:hidden}.blackout-decision-strip article{background:#fff;border-right:1px solid #d4dfdc;gap:4px;min-height:92px;padding:15px 17px;display:grid}.blackout-decision-strip article:last-child{border-right:0}.blackout-decision-strip span{color:#55706c;letter-spacing:.1em;font-size:9px;font-weight:850}.blackout-decision-strip strong{color:#123f4d;font-size:25px;line-height:1.1}.blackout-decision-strip small{color:#738580;font-size:9px}.blackout-decision-strip article.attention{background:#fffaf0;box-shadow:inset 0 3px #d4972a}.blackout-decision-strip article.attention strong{color:#956316}.blackout-manual{margin-bottom:10px;overflow:hidden}.blackout-manual>header{background:#f6faf9;border-bottom:1px solid #d4dfdc;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.blackout-manual>header b,.blackout-manual>header small{display:block}.blackout-manual>header b{color:#123f4d;font-size:13px}.blackout-manual>header small{color:#6e817d;margin-top:3px;font-size:9px}.blackout-manual>header button{color:#176778;background:0 0;border:0;font-size:10px;font-weight:800}.blackout-manual>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 15px;display:grid}.blackout-manual label{color:#55706c;letter-spacing:.06em;gap:5px;font-size:9px;font-weight:800;display:grid}.blackout-manual label.wide{grid-column:span 2}.blackout-manual input,.blackout-manual select,.blackout-manual textarea,.blackout-period select{color:#183f4c;min-height:36px;font:inherit;background:#fff;border:1px solid #c7d6d3;padding:7px 9px}.blackout-manual textarea{resize:vertical;min-height:62px}.blackout-sync-state{color:#187969;letter-spacing:.08em;font-size:9px;font-weight:850}.blackout-sync-state.pending{color:#a36716}.blackout-sync-notice{color:#315c57;background:#edf7f4;border-left:3px solid #218879;margin:0 0 10px;padding:9px 12px;font-size:10px}.blackout-period{align-items:end;gap:10px;margin-bottom:10px;padding:12px 14px;display:flex}.blackout-period label{color:#55706c;letter-spacing:.08em;gap:4px;font-size:9px;font-weight:600;display:grid}.blackout-period input{color:#183f4c;background:#fff;border:1px solid #c7d6d3;min-width:190px;height:36px;padding:0 9px}.blackout-quick{gap:4px;margin-right:auto;display:flex}.blackout-quick button{color:#1c6776;background:#fff;border:1px solid #b9cfcb;min-width:42px;height:36px;font-size:9px;font-weight:600}.blackout-quick button:first-child{white-space:nowrap;min-width:94px;padding-inline:10px}.blackout-quick button:hover{border-color:var(--control-active-border);background:var(--control-active-soft)}.blackout-quick button.active{border-color:var(--control-active);background:var(--control-active);color:#fff}.blackout-year-picker{grid-template-rows:auto 36px;grid-template-columns:34px minmax(132px,auto) 34px;align-items:end;display:grid}.blackout-year-picker>span{color:#55706c;letter-spacing:.08em;grid-column:1/-1;margin-bottom:4px;font-size:9px;font-weight:600}.blackout-year-picker button,.blackout-year-picker select{color:#1c6776;background:#fff;border:1px solid #b9cfcb;height:36px;font-size:10px;font-weight:600}.blackout-year-picker button:first-of-type{border-radius:3px 0 0 3px}.blackout-year-picker button:last-of-type{border-radius:0 3px 3px 0}.blackout-year-picker select{border-left:0;border-right:0;min-width:132px;padding:0 8px}.blackout-year-picker button:hover:not(:disabled),.blackout-year-picker select:hover{background:#eff8f6;border-color:#087c69}.blackout-year-picker button:disabled{color:#a9b6b3;cursor:not-allowed}.blackout-stat-error{color:#a22822;background:#fff4f2;border:1px solid #e1a39d;margin:0 0 10px;padding:10px}.blackout-stat-list{overflow:hidden}.blackout-ledger-head{background:#f5faf9;border-bottom:1px solid #cbdad7;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:10px 16px;display:flex}.blackout-ledger-head>div{gap:3px;display:grid}.blackout-ledger-head b{color:#123f4d;letter-spacing:.04em;font-size:12px;font-weight:600}.blackout-ledger-head span{color:#647b76;font-size:10px}.blackout-ledger-head>strong{color:#9f2d27;letter-spacing:.07em;white-space:nowrap;font-size:11px;font-weight:600}.blackout-year-section{border-bottom:1px solid #cbdad7}.blackout-year-section:last-child{border-bottom:0}.blackout-year-section>header{color:#fff;background:#173f4b;align-items:baseline;gap:10px;padding:10px 16px;display:flex}.blackout-year-section>header strong{font-size:18px;line-height:1}.blackout-year-section>header span{color:#c4d9d5;font-size:10px}.blackout-year-vessel{border-top:1px solid #d7e2df;grid-template-columns:minmax(170px,220px) 1fr;display:grid}.blackout-year-vessel:first-of-type{border-top:0}.blackout-year-vessel-head{background:#f7faf9;border-right:1px solid #d7e2df;align-content:start;gap:5px;padding:15px 16px;display:grid}.blackout-year-vessel-head b{color:#0b5864;font-size:12px;font-weight:600}.blackout-year-vessel-head span{color:#687e79;font-size:10px}.blackout-event-cards{display:grid}.blackout-event-cards>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #d7e2df;grid-template-columns:minmax(210px,.8fr) minmax(260px,1.2fr);gap:7px 18px;min-height:112px;padding:13px 118px 13px 16px;display:grid;position:relative}.blackout-event-cards>button:last-child{border-bottom:0}.blackout-event-cards>button:hover{background:#fff7f5;box-shadow:inset 3px 0 #c54b42}.blackout-event-primary{align-items:center;gap:8px;display:flex}.blackout-event-primary time{color:#143f4c;font-size:11px;font-weight:500}.blackout-event-primary span{letter-spacing:.07em;border-radius:2px;padding:3px 6px;font-size:8px;font-weight:600}.blackout-event-primary span.confirmed{color:#9e2d27;background:#f7d8d5}.blackout-event-primary span.review{color:#8a611b;background:#fff0cd}.blackout-event-context{color:#294c54;font-size:10px;font-weight:500}.blackout-event-cards dl{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.blackout-event-cards dl div{min-width:0}.blackout-event-cards dt{color:#71837f;letter-spacing:.07em;font-size:8px;font-weight:500}.blackout-event-cards dd{color:#314f53;margin:2px 0 0;font-size:10px}.blackout-event-cards small{color:#6a7c78;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:9px;line-height:1.35;overflow:hidden}.blackout-event-cards em{color:#087c69;font-size:9px;font-style:normal;font-weight:600;position:absolute;top:16px;right:14px}.blackout-stat-head,.blackout-vessel-summary{grid-template-columns:minmax(220px,1fr) 100px minmax(300px,1.7fr) 28px;align-items:center;gap:12px;display:grid}.blackout-stat-head{color:#637874;letter-spacing:.1em;border-bottom:1px solid #d2dedc;min-height:38px;padding:0 16px;font-size:9px}.blackout-stat-list article{border-bottom:1px solid #d2dedc}.blackout-stat-list article:last-child{border-bottom:0}.blackout-vessel-summary{text-align:left;background:#fff;border:0;width:100%;min-height:54px;padding:8px 16px}.blackout-vessel-summary:hover,.blackout-stat-list article.expanded .blackout-vessel-summary{background:#f2f8f7}.blackout-vessel-summary>b{color:#0b5864;font-size:13px}.blackout-vessel-summary>strong{color:#a82520;text-align:center;background:#f7d8d5;border-radius:18px;width:36px;padding:6px 0}.blackout-vessel-summary>span{color:#516a67;font-size:10px}.blackout-vessel-summary>i{color:#1b6976;text-align:center;font-size:18px;font-style:normal}.blackout-event-details{background:#f8fbfa;padding:0 14px 12px 44px}.blackout-event-details>button{text-align:left;background:0 0;border:0;border-top:1px solid #d7e2df;grid-template-columns:160px 240px 1fr 1fr;gap:7px 14px;width:100%;padding:12px 110px 12px 12px;display:grid;position:relative}.blackout-event-details>button:hover{background:#fff0ee}.blackout-event-details time{color:#9e2d27;font-size:10px;font-weight:800}.blackout-event-details b{color:#173f4d;font-size:10px}.blackout-event-details span{color:#425f5b;font-size:10px}.blackout-event-details small{color:#6b7d79;grid-column:1/-1;font-size:9px;line-height:1.4}.blackout-event-details em{color:#087c69;font-size:9px;font-style:normal;font-weight:800;position:absolute;top:16px;right:14px}.blackout-stat-empty{color:#627773;justify-content:center;align-items:center;gap:12px;min-height:150px;display:flex}.blackout-stat-empty strong{color:#087c69;font-size:36px}@media (width<=1100px){.blackout-period{flex-wrap:wrap}.blackout-quick{flex-basis:100%}.blackout-decision-strip{grid-template-columns:1fr 1fr}.blackout-manual>div{grid-template-columns:1fr}.blackout-manual label.wide{grid-column:auto}.blackout-event-details>button{grid-template-columns:1fr 1fr}.blackout-year-vessel{grid-template-columns:1fr}.blackout-year-vessel-head{border-bottom:1px solid #d7e2df;border-right:0}.blackout-event-cards>button{grid-template-columns:1fr;padding-right:16px}.blackout-event-cards em{position:static}}.portal-shell .alert-item .overview-alert-vessel{color:#0b5864;letter-spacing:.015em;margin:0 0 4px;font-size:14px;font-weight:850}.portal-shell .alert-item .overview-alert-vessel+b{color:#223c46;font-size:12px;line-height:1.35;display:block}.overview-alert-title{color:#71837f;margin-top:4px;font-size:10px;line-height:1.35;display:block}.alert-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.alert-list .board-alert{flex-direction:column;min-width:0;padding:15px 16px;display:flex}.alert-list .board-alert.priority-p1{grid-column:1/-1}.alert-list .alert-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.alert-list .alert-card-head>div{min-width:0}.alert-list .alert-card-head h3{color:#075f69;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:850;line-height:1.15;overflow:hidden}.alert-list .alert-card-head small{color:#758985;margin-top:4px;font-size:9px;display:block}.alert-list .alert-card-head>span{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:42%;overflow:hidden}.alert-list .board-alert h4{color:#173f4d;margin:13px 0 5px;font-size:14px;font-weight:400;line-height:1.35}.alert-list .alert-title-detail{color:#4f6965;margin:0 0 8px;font-size:11px;font-weight:700}.alert-list .alert-evidence-detail{color:#607570;margin:0;font-size:11px;line-height:1.5}.alert-list .board-alert aside{background:#edf5f3;margin:11px 0 0;padding:9px 10px;font-size:10px}.alert-list .board-alert aside strong{margin-bottom:2px;font-size:9px}.alert-list .alert-actions{justify-content:flex-end;margin-top:auto;padding-top:10px}.alert-list .alert-actions button{min-height:34px;padding:7px 11px;font-size:10px}.alert-view-toggle{background:#fff;border:1px solid #b9cfcb;border-radius:3px;display:inline-flex;overflow:hidden}.alert-view-toggle button{color:#4e6865;background:#fff;border:0;border-right:1px solid #d5e1df;min-height:34px;padding:6px 12px;font-size:10px;font-weight:750}.alert-view-toggle button:last-child{border-right:0}.alert-view-toggle button.active{background:var(--control-active-soft);color:var(--control-active-text);box-shadow:inset 0 -2px var(--control-active)}.alert-list-head{display:none}.alert-list.list-mode{border:1px solid var(--line);background:#fff;border-radius:4px;display:block;overflow:hidden}.alert-list.list-mode .alert-list-head{border-bottom:1px solid var(--line);color:#667d79;letter-spacing:.08em;text-transform:uppercase;background:#f5f8f7;grid-template-columns:220px minmax(250px,1fr) minmax(280px,1.1fr) 260px;gap:16px;padding:9px 14px;font-size:9px;font-weight:800;display:grid}.alert-list.list-mode .board-alert,.alert-list.list-mode .board-alert.priority-p1{min-height:78px;box-shadow:none;background:#fff;border-width:0 0 1px 3px;border-radius:0;grid-template-rows:auto auto minmax(0,auto);grid-template-columns:220px minmax(250px,1fr) minmax(280px,1.1fr) 260px;gap:3px 16px;margin:0;padding:11px 14px;display:grid}.alert-list.list-mode .board-alert:last-child{border-bottom-width:0}.alert-list.list-mode .board-alert.priority-p1{border-left-color:#bd3028}.alert-list.list-mode .board-alert.priority-p2{border-left-color:#d9897f}.alert-list.list-mode .board-alert.priority-p3{border-left-color:#dcb45c}.alert-list.list-mode .alert-card-head{grid-area:1/1/4;display:block}.alert-list.list-mode .alert-card-head>span{max-width:100%;margin-top:7px;display:inline-block}.alert-list.list-mode .board-alert h4{grid-area:1/2;margin:0;font-weight:400}.alert-list.list-mode .board-alert.priority-p1 h4{color:#aa2922}.alert-list.list-mode .board-alert.priority-p2 h4{color:#a5534b}.alert-list.list-mode .board-alert.priority-p3 h4{color:#8a671e}.alert-list.list-mode .alert-title-detail{grid-area:2/2/4;margin:0}.alert-list.list-mode .alert-evidence-detail{grid-area:1/3}.alert-list.list-mode .board-alert aside{grid-area:2/3/4;margin:3px 0 0;padding:6px 8px}.alert-list.list-mode .alert-actions{border-top:0;grid-area:1/4/4;grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:8px;width:260px;margin:0;padding:0;display:grid}.alert-list.list-mode .alert-actions button{white-space:nowrap;width:100%;min-height:40px;padding:8px 10px}.portal-shell .read-only-access{padding:20px}.cctv-vessel-picker{z-index:20;width:min(330px,34vw);position:relative}.cctv-vessel-picker-trigger{border:1px solid var(--line);color:#173f4d;cursor:pointer;text-align:left;background:#fff;border-radius:4px;grid-template-columns:20px minmax(0,1fr) 22px;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 11px;display:grid}.cctv-vessel-picker.open .cctv-vessel-picker-trigger{border-color:#78aaa4;box-shadow:0 0 0 3px #126f691f}.cctv-vessel-picker-trigger>b{color:#123e48;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;font-weight:780;line-height:1.2;overflow:hidden}.cctv-vessel-picker-chevron{color:#316b66;border-left:1px solid #d6e2df;place-items:center;width:22px;height:24px;transition:transform .16s;display:grid}.cctv-vessel-picker-chevron svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.cctv-vessel-picker.open .cctv-vessel-picker-chevron{transform:rotate(180deg)}.cctv-vessel-options{z-index:30;background:#fff;border:1px solid #b9cbc7;border-radius:4px;width:max(100%,330px);max-height:min(62vh,560px);position:absolute;top:calc(100% + 5px);right:0;overflow:auto;box-shadow:0 14px 32px #14383e29}.cctv-vessel-options>button{color:#173f4d;cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #e5ecea;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:38px;padding:6px 10px;display:grid}.cctv-vessel-options>button:hover,.cctv-vessel-options>button.selected{background:var(--control-active-soft)}.cctv-vessel-options>button.selected{box-shadow:inset 3px 0 0 var(--control-active)}.cctv-vessel-options>button>span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;overflow:hidden}.cctv-vessel-options>button>small{color:#718581;letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:800}.cctv-vessel-options>button>small.online{color:#0b8f6d}.cctv-vessel-options>button>small.fault{color:#c64338}.cctv-vessel-options>button>small.offline,.cctv-vessel-options>button>small.discovered{color:#7f8d8a}.cctv-vessel-options-empty{color:#718581;margin:0;padding:13px 11px;font-size:10px}.camera-glyph{color:#9ba9a6;box-sizing:border-box;border:2px solid;border-radius:2px;width:16px;height:11px;display:inline-block;position:relative}.camera-glyph:before{content:"";border:1.5px solid;border-radius:50%;width:4px;height:4px;position:absolute;top:2px;left:4px}.camera-glyph:after{content:"";border:2px solid;border-bottom:0;border-radius:2px 2px 0 0;width:6px;height:3px;position:absolute;top:-5px;left:2px}.camera-glyph.online{color:#158a6b}.camera-glyph.fault{color:#d45448}.camera-glyph.offline{color:#9aa7a5}.camera-glyph.unavailable{visibility:hidden}@media (width<=900px){.alert-list{grid-template-columns:1fr}.alert-list.list-mode{background:0 0;border:0;display:grid}.alert-list.list-mode .alert-list-head{display:none}.alert-list.list-mode .board-alert,.alert-list.list-mode .board-alert.priority-p1{border-width:1px;border-radius:4px;display:flex}.cctv-vessel-picker,.cctv-vessel-options{width:100%}}@media (width<=1050px){.cctv-operations{grid-template-columns:1fr}.cctv-operations .real-cctv-player{height:auto}.cctv-side-console{grid-template-rows:52px auto;height:auto}.cctv-side-console .cctv-mimic{height:auto}.cctv-operations .bulk-carrier-plan{height:clamp(260px,36vw,380px)}.bulk-carrier-coordinate-frame{aspect-ratio:auto;width:calc(100% - 30px);height:calc(100% - 20px)}.bulk-carrier-coordinate-frame>img{object-fit:contain;width:100%;height:100%;transform:translate(-50%,-50%)}.bulk-carrier-coordinate-frame>button{left:var(--camera-x);top:var(--camera-y)}}.analytics-data-state{min-height:clamp(320px,55vh,560px);color:var(--ink);text-align:center;background:#f8faf9f7;border:1px solid #cbd8d7;border-radius:6px;place-content:center;justify-items:center;gap:8px;margin-top:14px;display:grid;position:static}.analytics-data-state~section{display:none}.analytics-data-state i{border:3px solid #c3dcda;border-top-color:var(--sea);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.analytics-data-state b{font-size:18px}.analytics-data-state span{color:var(--muted);font-size:13px}.analytics-data-state.invalid,.analytics-data-state.error{color:#a83227;background:#fff7f6fa;border-color:#e8aaa3}.analytics-data-state.invalid i,.analytics-data-state.error i{display:none}@media (width<=900px){.fuel-sfoc-summary{grid-template-columns:1fr}.fuel-sfoc-summary article+article{border-left:0;border-top:1px solid var(--line)}}.fleet-filter-strip{grid-template-columns:repeat(4,minmax(140px,1fr));min-height:58px;margin-bottom:10px;display:grid;overflow:hidden}.fleet-filter-strip>button{border:0;border-right:1px solid var(--line);color:#5e7470;cursor:pointer;text-align:left;background:#fbfcfa;align-items:center;gap:9px;min-height:58px;padding:0 16px;display:flex}.fleet-filter-strip>button:last-child{border-right:0}.fleet-filter-strip>button:hover{background:#f1f7f5}.fleet-filter-strip>button.active{background:var(--control-active-soft);box-shadow:inset 0 -3px 0 var(--control-active);color:var(--control-active-text)}.fleet-filter-strip strong{color:#173f4d;font-size:17px}.fleet-filter-strip span{font-size:10px;font-weight:750}.table-card:has(.fleet-table-row){overflow-x:auto}.fleet-table-head,.fleet-table-row{grid-template-columns:minmax(210px,1.45fr) minmax(150px,1fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(140px,.9fr) minmax(120px,.8fr) minmax(95px,.65fr) minmax(150px,1fr) 18px;gap:12px;min-width:1320px}.fleet-table-row{cursor:pointer;height:auto;min-height:76px;position:relative}.fleet-table-row:focus-visible{outline-offset:-2px;outline:2px solid #4fae9f}.fleet-table-row.has-p1{background:#fff9f8;box-shadow:inset 3px 0 #c73931}.fleet-table-row.has-p2{box-shadow:inset 3px 0 #df7564}.fleet-table-row.has-p3{box-shadow:inset 3px 0 #d9a13b}.fleet-table-row.has-stale{box-shadow:inset 3px 0 #c55246}.fleet-table-row .vessel-name strong{color:#113f4e;letter-spacing:.015em;font-size:11px}.fleet-table-row .vessel-name small{color:#6d817d;font-size:8px;line-height:1.35}.fleet-data-age,.fleet-reading,.fleet-attention{flex-direction:column;gap:4px;min-width:0;display:flex}.fleet-data-age b,.fleet-reading b,.fleet-attention b{color:#153e4b;font-size:11px;line-height:1.15}.fleet-data-age small,.fleet-reading small,.fleet-attention small{color:#758783;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.25;overflow:hidden}.fleet-data-age.current b{color:#187d6b}.fleet-data-age.stale b,.fleet-attention.p1 b,.fleet-attention.stale b{color:#b73c32}.fleet-attention.p2 b{color:#c65b4c}.fleet-attention.p3 b{color:#9b6a13}.fleet-attention.normal b{color:#277767}.fleet-cctv-status{cursor:pointer;background:#fff;border:1px solid;border-radius:3px;align-items:center;gap:7px;width:max-content;min-width:88px;min-height:31px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.fleet-cctv-status .portal-icon{width:15px;height:15px}.fleet-cctv-status.online{color:#0b8b69;background:#edf8f4}.fleet-cctv-status.fault{color:#c44237;background:#fff2f0}.fleet-cctv-status.offline{color:#778682;background:#f1f4f3}.fleet-cctv-status.not-installed{color:#a0aaa7;cursor:default;background:0 0;border-style:dashed}.fleet-row-arrow{color:#257c87;font-size:15px}.fleet-empty{min-height:110px;color:var(--muted);place-items:center;font-size:11px;display:grid}@media (width<=900px){.fleet-filter-strip{grid-template-columns:repeat(2,1fr)}.fleet-filter-strip>button:nth-child(2){border-right:0}.fleet-filter-strip>button:nth-child(-n+2){border-bottom:1px solid var(--line)}.fleet-table-head>*,.fleet-table-row>*{display:flex!important}.fleet-table-head>b{display:block!important}}.manage-user-btn{color:#116854;white-space:nowrap;background:#f3faf8;border:1px solid #9fc5bd;padding:7px 9px;font-size:9px;font-weight:800}.manage-user-btn:hover{background:#e0f1ed}.user-empty{color:var(--muted);text-align:center;margin:0;padding:24px;font-size:11px}:root{--font-ui:"Segoe UI Variable", "Aptos", "Segoe UI", Arial, sans-serif;--font-data:"Aptos", "Segoe UI Variable", "Segoe UI", Arial, sans-serif;--text-caption:11px;--text-small:12px;--text-body:14px;--text-label:13px;--text-title:18px;--text-page-title:24px;--surface-subtle:#f7f9f9;--action-bg:#edf6f4;--action-border:#a9cbc5;--action-text:#175e64}html{font-size:14px}body{font-family:var(--font-ui);font-size:var(--text-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.45}button,input,select,textarea{font:inherit}.connect-shell{color:#173f49;background:#f5f8f8;height:100vh;overflow:hidden}.connect-header{background:#fff;border-bottom:1px solid #d5e0e2;grid-template-columns:280px 1fr auto;align-items:center;gap:24px;height:84px;padding:12px 24px 12px 16px;display:grid}.connect-heading span,.connect-noon>header span{color:#21778a;letter-spacing:.13em;font-size:10px;font-weight:750}.connect-header h2{margin:3px 0;font-size:24px;font-weight:560}.connect-header small{color:#70858b}.connect-header label{color:#6a7d82;letter-spacing:.08em;gap:4px;font-size:10px;font-weight:700;display:grid}.connect-header select{color:#234d58;background:#fff;border:1px solid #bfd0d4;border-radius:7px;min-height:38px}.connect-brand{text-align:left;background:0 0;border:0;grid-template-rows:1fr 1fr;grid-template-columns:48px 1fr;align-items:center;column-gap:11px;padding:4px;display:grid}.connect-brand>span{color:#fff;background:#153f49;border-radius:10px;grid-row:1/3;place-items:center;width:48px;height:48px;font-weight:800;display:grid;overflow:hidden}.connect-brand img{object-fit:contain;width:100%;height:100%}.connect-brand b{align-self:end}.connect-brand small{letter-spacing:.11em;align-self:start;font-size:9px}.connect-brand:focus-visible{outline-offset:3px;outline:2px solid #21778a}.connect-call{color:#fff;background:#123f49;align-items:center;gap:12px;padding:10px 20px;display:flex}.connect-call span{color:#c6dde1;flex:1}.connect-call button{color:#153f48;background:#fff;border:1px solid #88adb4;border-radius:6px;min-height:34px;padding:0 14px;font-weight:700}.connect-group-form{border-bottom:1px solid #d5e0e2;gap:7px;padding:10px;display:grid}.connect-group-form :is(input,select,button),.connect-search{background:#fff;border:1px solid #c7d5d8;border-radius:6px;min-height:34px}.connect-group-form select{min-height:72px}.connect-message-actions{opacity:0;gap:8px;transition:opacity .15s;display:flex}.connect-timeline article:hover .connect-message-actions,.connect-message-actions:focus-within{opacity:1}.connect-message-actions button{color:#26788a;background:0 0;border:0;padding:2px 0;font-size:10px}.connect-compose-state{color:#496b73;grid-column:1/-1;font-size:11px}.connect-compose-state button{color:#26788a;background:0 0;border:0}.connect-error{color:#9d332d;background:#fff0ee;margin:0;padding:10px 20px}.connect-workspace{grid-template-columns:280px minmax(0,1fr);height:calc(100vh - 84px);display:grid}.connect-vessels{color:#eaf3f2;background:#143f49;border-right:1px solid #cbd9dc;overflow-y:auto}.connect-vessels>header{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:22px 16px;display:flex}.connect-vessels>header>span{color:#123e47;background:#75cbb8;border-radius:13px;place-items:center;width:48px;height:48px;font-size:21px;font-weight:800;display:grid}.connect-vessels>header b,.connect-vessels>header small{display:block}.connect-vessels>header small{color:#9fb9ba;margin-top:2px;font-size:11px}.connect-vessels>button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff0f;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:13px 14px;display:grid}.connect-vessels>button:hover,.connect-vessels>button.active{background:#215764}.connect-vessels>button small{color:#9fb9ba;display:block}.connect-vessels>button i{color:#fff;text-align:center;background:#e76555;border-radius:12px;min-width:25px;padding:3px 7px;font-size:10px;font-style:normal}.connect-vessel-mark{color:#cbe7e2;background:#2d6872;border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:750;display:grid}.connect-vessel-workspace{grid-template-rows:56px 1fr;min-width:0;display:grid}.connect-tabs{background:#fff;border-bottom:1px solid #d4dfe1;gap:4px;padding:8px 18px;display:flex}.connect-tabs button{color:#526c73;background:0 0;border:0;border-radius:7px;min-height:40px;padding:0 17px;font-size:12px}.connect-tabs button.active{color:#126f80;background:#e8f3f2;font-weight:700}.connect-message-layout{grid-template-columns:minmax(250px,330px) minmax(0,1fr);min-height:0;display:grid}.connect-list{background:#fff;border-right:1px solid #d5e0e2;overflow-y:auto}.connect-list>button{color:#173f49;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f2;gap:4px;width:100%;padding:14px 16px;display:grid}.connect-list>button:hover,.connect-list>button.active{background:#eef7f7}.connect-list>button b,.connect-list>button span{text-overflow:ellipsis;overflow:hidden}.connect-list>button small{color:#71848a}.connect-list>button i{float:left;color:#176d78;background:#d8ecea;border-radius:50%;place-items:center;width:32px;height:32px;font-style:normal;display:grid}.connect-profile{gap:8px;padding:20px;display:grid}.connect-profile i{color:#188091;font-style:normal;font-weight:700}.connect-form{background:#f7faf9;border-bottom:1px solid #dce5e6;gap:8px;padding:12px;display:grid}.connect-form :is(input,select,textarea,button){background:#fff;border:1px solid #c4d3d6;border-radius:6px;min-height:40px;padding:8px 10px}.connect-form textarea{resize:vertical;min-height:74px}.connect-form button{color:#fff;background:#177889;border-color:#177889;font-weight:700}.connect-conversation{background:#f3f7f6;grid-template-rows:auto 1fr auto;min-width:0;display:grid}.connect-conversation>header{background:#fff;border-bottom:1px solid #d8e2e3;align-items:center;gap:8px;padding:12px 16px;display:flex}.connect-conversation>header>div{flex:1}.connect-conversation>header b,.connect-conversation>header small{display:block}.connect-conversation>header button{color:#286b78;background:#fff;border:1px solid #c6d4d6;border-radius:50%;width:42px;height:42px}.connect-timeline{flex-direction:column;gap:8px;padding:18px;display:flex;overflow-y:auto}.connect-timeline article{background:#fff;border-radius:5px 13px 13px;align-self:flex-start;max-width:min(72%,620px);padding:9px 12px;box-shadow:0 1px 5px #183e4614}.connect-timeline article.mine{background:#d9f0e8;border-radius:13px 5px 13px 13px;align-self:flex-end}.connect-timeline article small,.connect-timeline article time{color:#71868a;font-size:10px}.connect-timeline article p{white-space:pre-wrap;margin:3px 0}.connect-timeline article time{text-align:right;display:block}.connect-conversation>footer{background:#fff;border-top:1px solid #d2dedf;align-items:end;gap:7px;padding:10px;display:flex}.connect-conversation>footer button{background:#fff;border:1px solid #c4d3d5;border-radius:8px;min-width:42px;height:42px}.connect-conversation>footer button.recording{color:#fff;background:#b43a33}.connect-conversation>footer button.send{color:#fff;background:#157788;border-color:#157788;padding:0 16px}.connect-conversation>footer textarea{resize:none;border:1px solid #c4d3d5;border-radius:8px;flex:1;min-height:42px;max-height:120px;padding:10px}.connect-empty,.connect-loading{color:#698086;text-align:center;align-content:center;place-items:center;min-height:420px;display:grid}.connect-empty b{color:#315a64;font-size:18px}.connect-empty p{max-width:420px}.connect-noon,.connect-panel-list{padding:24px 28px;overflow-y:auto}.connect-noon>header h3{margin:3px 0;font-size:24px}.connect-noon>header p{color:#70858b;margin:0 0 20px}.connect-noon details{margin:7px 0 7px 18px}.connect-noon>details{background:#fff;border:1px solid #d3dfe1;border-radius:9px;margin-left:0}.connect-noon summary{cursor:pointer;padding:11px 14px;font-weight:700}.connect-noon-report{background:#fff;border:1px solid #dae4e5;border-radius:7px}.connect-noon-report>summary{justify-content:space-between;gap:20px;display:flex}.connect-noon-report>summary span{color:#237786;font-size:11px}.connect-noon-report dl{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0;padding:12px 16px;display:grid}.connect-noon-report dl div{background:#f3f7f7;border-radius:6px;padding:9px}.connect-noon-report dt{color:#6c8287;text-transform:capitalize;font-size:10px}.connect-noon-report dd{overflow-wrap:anywhere;margin:4px 0 0}.connect-noon-report>small{color:#758a8f;padding:0 16px 14px;display:block}.connect-panel-list{align-content:start;gap:8px;display:grid}.connect-panel-list>button{text-align:left;background:#fff;border:1px solid #d4dfe1;border-radius:8px;gap:4px;padding:14px;display:grid}.connect-panel-list>button small{color:#71848a}@media (width<=850px){.connect-header{grid-template-columns:1fr auto;height:72px;padding:10px 12px}.connect-heading{display:none}.connect-brand{grid-template-columns:42px 1fr}.connect-brand>span{width:42px;height:42px}.connect-workspace{grid-template-columns:108px 1fr;height:calc(100vh - 72px)}.connect-vessels>header{text-align:center;padding:12px 8px;display:grid}.connect-vessels>header>span{margin:auto}.connect-vessels>header b{font-size:11px}.connect-vessels>button{text-align:center;grid-template-columns:1fr;padding:10px 6px}.connect-vessels>button>span:nth-child(2) small,.connect-vessels>button i{display:none}.connect-vessel-mark{margin:auto}.connect-tabs{padding:8px;overflow-x:auto}.connect-tabs button{white-space:nowrap}.connect-message-layout{grid-template-columns:1fr}.connect-list{border-bottom:1px solid #d5e0e2;border-right:0;max-height:30vh}.connect-conversation{min-height:50vh}.connect-timeline{min-height:35vh}.connect-header label{display:none}.connect-noon,.connect-panel-list{padding:14px}.connect-noon details{margin-left:7px}}.portal-shell{font-family:var(--font-ui);font-size:var(--text-body);grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:24px 14px 18px}.brand div{font-size:22px;font-weight:680}.brand small{letter-spacing:.11em;font-size:9px}.tenant-chip{justify-content:center;min-height:58px;padding:8px 10px}.tenant-chip>span{flex:0 0 50%;width:50%;height:38px;background:0 0!important}.tenant-chip>span img{background:0 0;padding:0}.tenant-chip b{font-size:13px;line-height:1.3}.tenant-chip small{font-size:11px}.sidebar nav .nav-group-label{letter-spacing:.12em;margin:20px 12px 7px;font-size:10px}.sidebar nav button{min-height:43px;padding:10px 12px;font-size:14px;font-weight:550}.sidebar nav button>span{width:22px;height:22px}.system-health b{font-size:13px}.profile div b{font-size:12px}.profile div small{font-size:10px}.profile>i{letter-spacing:.06em;font-size:10px}.logout-btn{min-height:40px;font-size:13px}.tenant-banner{height:auto;min-height:40px;padding:8px 28px;font-size:12px}.tenant-banner b{font-size:13px}.content{width:100%;max-width:none;margin:0;padding:24px 18px 28px}@media (width>=901px){.portal-shell .content{max-width:none;margin:0;padding:24px 18px 28px}}.card,.metric-card,.table-card,.alert-card,.alarm-settings{background:#fff}.portal-shell .page-workbar{min-height:62px;margin-bottom:12px;padding:11px 16px}.portal-shell{grid-template-columns:232px minmax(0,1fr)}.sidebar{scrollbar-gutter:stable;padding:20px 16px 14px}.sidebar .brand{min-height:44px;padding:0 8px}.sidebar .brand div{letter-spacing:-.04em;font-size:21px}.sidebar .brand small{color:#78909a;letter-spacing:.1em;margin-top:2px;font-size:9px}.tenant-chip{background:#f4f8f8;border:0;border-radius:8px;min-height:50px;margin:12px 4px 4px;padding:4px 8px}.tenant-chip>span{flex:0 0 50%;width:50%;height:40px}.tenant-chip>span img{object-fit:contain}.tenant-chip+nav,.sidebar nav{gap:2px;margin-top:8px}.sidebar nav .nav-group-label{color:#80939b;letter-spacing:.11em;margin:15px 10px 5px;font-size:9px;font-weight:700}.sidebar nav :is(button,a){color:#506872;text-align:left;width:100%;min-height:40px;box-shadow:none;background:0 0;border:0;border-left:3px solid #0000;border-radius:7px;align-items:center;gap:10px;padding:8px 10px 8px 9px;font-size:14px;font-weight:520;text-decoration:none;display:flex;position:relative}.sidebar nav :is(button,a)>span{color:#78909a;width:22px;height:22px}.sidebar nav :is(button,a):hover{color:#214f60;background:#f3f7f7}.sidebar nav button.active{border-left-color:var(--control-active);background:var(--control-active-soft);color:var(--control-active-text);font-weight:650}.sidebar nav button.active:before{display:none}.sidebar nav button.active>span{color:var(--control-active)}.portal-shell .sidebar nav :is(button,a):focus-visible{outline:none;box-shadow:inset 0 0 0 2px #3b81982e}.sidebar nav button i{background:#dc6b5c;border-radius:11px;min-width:21px;height:21px;font-size:10px}.sidebar-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:12px}.system-health{background:0 0;border:0;border-radius:0;margin:0 4px 10px;padding:0 8px 11px}.system-health span{letter-spacing:.08em;font-size:10px}.system-health b{margin:7px 0 3px;font-size:13px}.system-health small{font-size:10px;line-height:1.35}.profile-actions{border-top:1px solid var(--line)}.profile-actions .profile{min-height:54px;padding:10px 4px 0}.profile .avatar{flex:0 0 32px;width:32px;height:32px}.profile div{min-width:0}.profile div b,.profile div small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile>i{display:none}.logout-btn{background:snow;border-radius:6px;min-height:36px;margin-top:8px;font-size:13px}.sidebar-branding{border:1px solid #d8e4e4;border-bottom:1px solid var(--line);text-align:left;background:linear-gradient(135deg,#fff 0%,#f6faf9 100%);border-radius:7px;grid-template-columns:1fr;justify-self:center;align-items:center;gap:0;width:132px;max-width:100%;min-height:50px;margin:0;padding:5px 10px;transition:border-color .12s,background-color .12s;display:grid}.sidebar-branding:hover{background:#f4f9f8;border-color:#bdd5d2}.sidebar-branding:focus{box-shadow:none}.sidebar-branding:focus-visible{outline-offset:3px;outline:2px solid #b8d9d4}.sidebar-branding .tenant-chip{pointer-events:none;background:0 0;border:0;border-radius:0;justify-content:center;min-height:32px;margin:0;padding:0}.sidebar-branding .tenant-chip>span{flex:0 0 100%;width:100%;height:32px}.sidebar-branding .tenant-chip>span img{object-fit:contain;width:100%;max-width:56px;height:100%;max-height:24px;margin:auto}.sidebar-branding .tenant-logo--genco{opacity:.78;filter:saturate(.72)brightness(1.08)}.sidebar-branding .tenant-logo--gssm{transform:translateY(-4px)}.portal-shell .page-workbar>div>b{font-size:var(--text-title);margin:0;line-height:1.2}.portal-shell :where(h1,h2,h3,h4,p){text-transform:none}.portal-shell :where(.view-heading h1,.analytics-vessel-title){font-family:var(--font-ui);font-size:var(--text-page-title);letter-spacing:-.025em;font-weight:650;line-height:1.15}.portal-shell :where(.view-heading h2,.section-heading,.panel-heading){font-family:var(--font-ui);font-size:var(--text-title);letter-spacing:-.01em;font-weight:650;line-height:1.25}.portal-shell .page-workbar>div:first-child>span{letter-spacing:.06em;font-size:11px}.portal-shell .page-workbar>div>small{font-size:var(--text-small);margin-top:4px;line-height:1.35}.portal-shell .card-title{height:auto;min-height:48px;font-size:var(--text-label);letter-spacing:.035em;text-transform:none;padding:10px 16px;font-weight:750;line-height:1.3}.portal-shell .card-title>span,.portal-shell .card-title small{font-size:var(--text-caption);letter-spacing:0;text-transform:none;font-weight:500;line-height:1.35}.portal-shell :where(.eyebrow,.metric-label){font-size:var(--text-caption);letter-spacing:.075em}.portal-shell :where(.metric-foot,.metric-foot span,.trend-legend,.map-legend,.track-legend){font-size:var(--text-small)}.metric-value,.performance-body strong,.analytics-kpis b{font-family:var(--font-data)}.portal-shell .primary-btn,.portal-shell .secondary-btn,.portal-shell .manage-user-btn,.portal-shell .alert-actions button,.portal-shell .period-presets button,.portal-shell .track-toolbar button,.portal-shell .alarm-settings button{border:1px solid var(--action-border);background:var(--action-bg);min-height:38px;color:var(--action-text);box-shadow:none;border-radius:3px;padding:8px 13px;font-size:12px;font-weight:700}.portal-shell .primary-btn:hover,.portal-shell .secondary-btn:hover,.portal-shell .manage-user-btn:hover,.portal-shell .alert-actions button:hover,.portal-shell .period-presets button:hover{color:#0e5359;background:#dfeeea;border-color:#79aea6}.portal-shell button:not(:disabled){cursor:pointer}.portal-shell button:focus-visible{outline-offset:2px;outline:3px solid #2c89903d}.bridge-watch-panels{background:#304a55;border-top:1px solid #304a55;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.bridge-watch-panels>h2{background:#102932;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:0;padding:6px 9px;display:flex}.bridge-watch-panels>h2 span{color:#d8e8e8;letter-spacing:.11em;font-size:9px;font-weight:800}.bridge-watch-panels>h2 small{color:#7699a0;letter-spacing:.04em;font-size:7px;font-weight:600}.bridge-watch-panels>article{background:#0d222a;min-width:0;min-height:96px;padding:9px 11px 8px}.bridge-watch-panels>article.attention{box-shadow:inset 3px 0 #d5963b}.bridge-watch-panels>article.alarm{box-shadow:inset 3px 0 #df5d50}.bridge-watch-panels header{justify-content:space-between;align-items:center;gap:12px;display:flex}.bridge-watch-panels header span{color:#78c9c1;letter-spacing:.12em;font-size:8px;font-weight:850}.bridge-watch-panels mark{color:#87cdc7;letter-spacing:.08em;background:#183b42;border-radius:2px;padding:4px 6px;font-size:8px;font-weight:850}.bridge-watch-alert-link{color:#ffaaa0;letter-spacing:.08em;cursor:pointer;background:#542c2b;border:1px solid #8c4540;border-radius:2px;min-height:22px;padding:4px 7px;font-size:8px;font-weight:850}.bridge-watch-alert-link:hover,.bridge-watch-alert-link:focus-visible{color:#fff;background:#713532;border-color:#ffaaa0}.alert-suppression-toggle[aria-checked=false]{color:#825d18;border-color:#d7b46d}.alert-suppression-toggle[aria-checked=true]{color:#16685f;border-color:#7aaea6}.alert-suppression-reason{color:#765c2c;background:#fff8e9;border-left:3px solid #d7b46d;gap:3px;padding:8px 10px;font-size:10px;display:grid}.alert-suppression-reason strong{color:#5d471d;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.alert-operation-error{color:#8b3129;background:#fff4f2;border:1px solid #dba6a0;margin:8px 0;padding:10px 12px;font-size:12px}.alert-suppression-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a1f268c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.alert-suppression-dialog{background:#fff;border:1px solid #9dbab5;border-radius:5px;width:min(520px,100%);overflow:hidden;box-shadow:0 22px 60px #09222847}.alert-suppression-dialog>header{border-bottom:1px solid var(--line);background:#f3f8f7;padding:21px 24px 18px}.alert-suppression-dialog>header span{color:#287970;letter-spacing:.12em;font-size:9px;font-weight:800}.alert-suppression-dialog h2{color:#153f49;margin:7px 0 5px;font-size:22px;line-height:1.2}.alert-suppression-dialog>header p{color:#617975;margin:0;font-size:12px;line-height:1.5}.alert-suppression-context{background:#fff9ed;border-left:3px solid #d7b46d;gap:4px;margin:18px 24px 0;padding:11px 12px;display:grid}.alert-suppression-context span{color:#765c2c;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.alert-suppression-context b{color:#493916;font-size:13px;line-height:1.35}.alert-suppression-dialog form{gap:8px;padding:18px 24px 22px;display:grid}.alert-suppression-dialog label{color:#244f55;letter-spacing:.04em;font-size:11px;font-weight:800}.alert-suppression-dialog textarea{resize:vertical;color:#173f49;width:100%;min-height:96px;font:12px/1.5 var(--font-ui);background:#fff;border:1px solid #afc6c2;border-radius:3px;padding:10px 11px}.alert-suppression-dialog textarea:focus{border-color:#3f948a;outline:3px solid #2c899029}.alert-suppression-dialog textarea::placeholder{color:#839590}.alert-suppression-audit{color:#6c817d;margin:0;font-size:10px;line-height:1.45}.alert-suppression-error{color:#a13e34;margin:2px 0 0;font-size:11px;font-weight:700}.alert-suppression-dialog form>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:8px;padding-top:14px;display:flex}.portal-shell .alert-suppression-dialog .confirm-suppression{color:#754f12;background:#fff7e8;border-color:#9c7027}.portal-shell .alert-suppression-dialog .confirm-suppression:hover{color:#60400d;background:#f9e8c6;border-color:#87601e}.logout-dialog{width:min(480px,100%)}.logout-dialog-account{background:#f7faf9;border:1px solid #d5e2df;border-left:3px solid #2d8b80;border-radius:3px;gap:4px;padding:13px 14px;display:grid}.logout-dialog-account span{color:#6b807c;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.logout-dialog-account b{color:#21484f;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.portal-shell .logout-dialog .confirm-logout,.mobile-app .logout-dialog .confirm-logout{color:#fff;background:#c95b4e;border-color:#bf5c51}.portal-shell .logout-dialog .confirm-logout:hover,.mobile-app .logout-dialog .confirm-logout:hover{color:#fff;background:#b84e43;border-color:#a9463d}@media (width<=600px){.alert-suppression-backdrop{align-items:end;padding:12px}.alert-suppression-dialog>header{padding:18px 18px 15px}.alert-suppression-context{margin:14px 18px 0}.alert-suppression-dialog form{padding:15px 18px 18px}.alert-suppression-dialog form>footer{grid-template-columns:1fr 1fr;display:grid}}.bridge-watch-panels .attention mark{color:#f2c575;background:#513d25}.bridge-watch-panels .alarm mark{color:#ffaaa0;background:#542c2b}.bridge-watch-panels dl{margin:6px 0 5px}.bridge-watch-panels dl div{border-bottom:1px solid #203a43;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:22px;display:grid}.bridge-watch-panels dt{color:#7897a0;font-size:9px}.bridge-watch-panels dd{color:#dcebed;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:210px;margin:0;font-size:10px;font-weight:700;overflow:hidden}.bridge-watch-panels>article>small{color:#6e9098;font-size:8px;line-height:1.4;display:block}.vessel-bridge-workspace:fullscreen .bridge-watch-panels{border-top:0;grid-template-rows:22px repeat(3,minmax(0,1fr));grid-template-columns:1fr;gap:1px;min-height:0}.vessel-bridge-workspace:fullscreen .bridge-watch-panels>h2{background:#102932;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:0;padding:0 9px;display:flex}.vessel-bridge-workspace:fullscreen .bridge-watch-panels>h2 span{color:#d8e8e8;letter-spacing:.11em;font-size:9px;font-weight:800}.vessel-bridge-workspace:fullscreen .bridge-watch-panels>h2 small{color:#7699a0;letter-spacing:.04em;font-size:7px;font-weight:600}.vessel-bridge-workspace:fullscreen .bridge-watch-panels>article{min-height:0;padding:3px 8px 2px;overflow:hidden}.vessel-bridge-workspace:fullscreen .bridge-watch-panels header{min-height:18px}.vessel-bridge-workspace:fullscreen .bridge-watch-panels header span{line-height:1.15}.vessel-bridge-workspace:fullscreen .bridge-watch-panels :is(mark,.bridge-watch-alert-link){min-height:18px;padding-block:2px;line-height:1.1}.vessel-bridge-workspace:fullscreen .bridge-watch-panels dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:3px 0 0;display:grid}.vessel-bridge-workspace:fullscreen .bridge-watch-panels dl div{border-bottom:0;border-right:1px solid #203a43;min-width:0;min-height:0;padding:0 7px;display:block}.vessel-bridge-workspace:fullscreen .bridge-watch-panels dl div:first-child{padding-left:0}.vessel-bridge-workspace:fullscreen .bridge-watch-panels dl div:last-child{border-right:0;padding-right:0}.vessel-bridge-workspace:fullscreen .bridge-watch-panels dt{text-overflow:ellipsis;white-space:nowrap;font-size:7px;line-height:1.15;overflow:hidden}.vessel-bridge-workspace:fullscreen .bridge-watch-panels dd{text-align:left;text-overflow:clip;white-space:normal;max-width:none;margin-top:1px;font-size:8px;line-height:1.2;overflow:visible}.vessel-bridge-workspace:fullscreen .bridge-watch-panels>article>small{display:none}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels{border-top:0;grid-template-rows:22px repeat(3,minmax(0,1fr));grid-template-columns:1fr;gap:1px;min-height:0}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels>h2{background:#102932;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:0;padding:0 9px;display:flex}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels>h2 span{color:#d8e8e8;letter-spacing:.11em;font-size:9px;font-weight:800}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels>h2 small{color:#7699a0;letter-spacing:.04em;font-size:7px;font-weight:600}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels>article{min-height:0;padding:3px 8px 2px;overflow:hidden}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels header{min-height:18px}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels header span{line-height:1.15}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels :is(mark,.bridge-watch-alert-link){min-height:18px;padding-block:2px;line-height:1.1}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:3px 0 0;display:grid}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels dl div{border-bottom:0;border-right:1px solid #203a43;min-width:0;min-height:0;padding:0 7px;display:block}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels dl div:first-child{padding-left:0}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels dl div:last-child{border-right:0;padding-right:0}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels dt{text-overflow:ellipsis;white-space:nowrap;font-size:7px;line-height:1.15;overflow:hidden}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels dd{text-align:left;text-overflow:clip;white-space:normal;max-width:none;margin-top:1px;font-size:8px;line-height:1.2;overflow:visible}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-panels>article>small{display:none}@media (width<=1200px){.vessel-bridge-workspace:fullscreen .bridge-watch-deck{grid-template-columns:minmax(240px,.7fr) minmax(600px,2.3fr)}.vessel-bridge-workspace.auto-fullscreen .bridge-watch-deck{grid-template-columns:minmax(240px,.7fr) minmax(600px,2.3fr)}}@media (width<=900px){.bridge-watch-deck,.bridge-watch-panels{grid-template-columns:1fr}}.analytics-command-deck{z-index:18;filter:drop-shadow(0 5px 9px #12373d17);gap:4px;margin-top:8px;display:grid;position:sticky;top:62px}.analytics-period-dock{min-height:104px;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f9fcfbfa;border-top:1px solid #d3e0dd;border-radius:4px;grid-template-columns:minmax(300px,.8fr) minmax(520px,1.2fr);align-items:center;display:grid;overflow:hidden}.analytics-period-context{min-width:0;padding:9px 15px 5px}.analytics-period-context>span,.analytics-period-context>b,.analytics-period-context>small{display:block}.analytics-period-context>span{color:#53736e;letter-spacing:.1em;font-size:9px;font-weight:850}.analytics-period-context>b{color:#143f49;font:700 12px/1.3 var(--font-data);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.analytics-period-context>b i{color:#318779;padding:0 5px;font-style:normal}.analytics-period-context>small{color:#6c817d;margin-top:3px;font-size:9px}.analytics-period-actions{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;min-width:0;padding:8px 14px 4px 0;display:grid}.analytics-period-actions .period-presets{gap:0}.analytics-period-actions .period-presets button{color:#456864;background:#fff;border-right-width:0;border-radius:0;flex:1;min-width:0;min-height:38px;padding:6px 8px;font-size:9px;font-weight:760}.analytics-period-actions .period-presets button:first-child{border-radius:3px 0 0 3px}.analytics-period-actions .period-presets button:last-child{border-right-width:1px;border-radius:0 3px 3px 0}.analytics-period-actions .period-presets button.active{z-index:1;border-color:var(--control-active);background:var(--control-active);color:#fff;border-right-width:1px;position:relative}.analytics-refresh-data{color:#17645f;letter-spacing:.035em;background:#fff;border:1px solid #176f65;border-radius:3px;min-width:118px;min-height:38px;padding:6px 12px;font-size:9px;font-weight:850}.analytics-refresh-data span{margin-right:5px;font-size:14px}.analytics-refresh-data:hover:not(:disabled){background:#e5f2ef}.analytics-refresh-data:disabled{color:#96a5a2;background:#f3f6f5;border-color:#cbd7d4}.analytics-period-dock>.compact-range{background:0 0;grid-column:1/-1;padding:0 15px 5px}.analytics-period-dock .range-domain{height:12px}.analytics-period-dock .range-domain span,.analytics-period-dock .range-domain b{font-size:8px}.analytics-period-dock .range-rails{height:29px;margin:0}.analytics-period-dock .range-rails:before,.analytics-period-dock .range-selected-period{top:16px}.analytics-period-dock .range-rails input{inset:6px 0 0}.analytics-period-dock .range-marker-label{display:none}.analytics-management-summary{margin-top:14px;position:relative;overflow:hidden}.analytics-management-heading{background:#f7faf9;border-left:4px solid #278575;justify-content:space-between;align-items:center;gap:18px;padding:17px 18px;display:flex}.analytics-management-heading.attention{background:#fffaf0;border-left-color:#d49a30}.analytics-management-heading.critical{background:#fff5f3;border-left-color:#c55347}.analytics-management-heading span,.analytics-management-heading h2,.analytics-management-heading p{margin:0;display:block}.analytics-management-heading span{color:#567570;letter-spacing:.09em;font-size:10px;font-weight:800}.analytics-management-heading h2{color:#173f49;margin-top:4px;font-size:18px;font-weight:700}.analytics-management-heading p{color:#72827f;margin-top:4px;font-size:11px}.analytics-management-heading mark{color:#176c5c;letter-spacing:.08em;background:#e2f1ed;border-radius:3px;padding:6px 9px;font-size:10px;font-weight:850}.analytics-management-heading.attention mark{color:#946515;background:#fae9c7}.analytics-management-heading.critical mark{color:#fff;background:#c55347}.analytics-period-outcomes{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.analytics-period-outcomes article{border-top:1px solid var(--line);border-right:1px solid var(--line);background:#fff;min-width:0;min-height:120px;padding:16px 18px}.analytics-period-outcomes article:last-child{border-right:0}.analytics-period-outcomes article.energy-pair{background:#fbfcfc}.analytics-period-outcomes article.energy-pair.pair-start{box-shadow:inset 3px 0 #a9c5c2}.analytics-period-outcomes article.environmental-emissions{background:#f0f8f3;border-top-color:#78ad8d}.analytics-period-outcomes article.environmental-emissions span{color:#397759}.analytics-period-outcomes article.environmental-emissions b{color:#187247}.analytics-period-outcomes span,.analytics-period-outcomes b,.analytics-period-outcomes p{display:block}.analytics-period-outcomes span{color:#617a76;letter-spacing:.075em;font-size:10px;font-weight:800}.analytics-period-outcomes b{color:#174f60;font:650 26px/1 var(--font-data);margin-top:12px}.analytics-period-outcomes b small{color:#687d79;font-size:11px}.analytics-period-outcomes p{color:#7a8a87;text-overflow:ellipsis;margin:9px 0 0;font-size:10px;line-height:1.35;overflow:hidden}.analytics-management-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.analytics-brief-card{min-width:0;overflow:hidden}.analytics-brief-card>header{border-bottom:1px solid var(--line);background:#f8faf9;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:12px 14px;display:flex}.analytics-brief-card>header span,.analytics-brief-card>header b{display:block}.analytics-brief-card>header span{color:#607975;letter-spacing:.09em;font-size:9px;font-weight:850}.analytics-brief-card>header b{color:#173f49;margin-top:4px;font-size:13px}.analytics-brief-card>header strong{color:#174f60;font-size:18px}.analytics-brief-card.risk>header strong{color:#b54940}.analytics-brief-card>dl{margin:0}.analytics-brief-card>dl div{border-bottom:1px solid #e5ecea;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:39px;padding:8px 14px;display:grid}.analytics-brief-card dt{color:#71837f;font-size:10px}.analytics-brief-card dd{color:#294f56;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin:0;font-size:11px;font-weight:750;overflow:hidden}.analytics-brief-card>button{color:#17645f;text-align:left;background:#f7faf9;border:0;width:100%;min-height:38px;padding:8px 14px;font-size:11px;font-weight:750}.analytics-brief-card>button:hover{background:#eaf4f1}.analytics-brief-card>small{color:#71837f;padding:11px 14px;font-size:10px;line-height:1.4;display:block}.analytics-decision-queue{margin-top:12px;overflow:hidden}.analytics-decision-queue>header{border-bottom:1px solid var(--line);background:#f8faf9;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:11px 15px;display:flex}.analytics-decision-queue>header span,.analytics-decision-queue>header b{display:block}.analytics-decision-queue>header span{color:#607975;letter-spacing:.09em;font-size:9px;font-weight:850}.analytics-decision-queue>header b{color:#173f49;margin-top:3px;font-size:13px}.analytics-decision-queue>header small{color:#7b8b88;font-size:10px}.analytics-decision-queue>div>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #e4ebe9;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:55px;padding:9px 14px;display:grid}.analytics-decision-queue>div>button:hover{background:#eef7f5}.analytics-decision-queue button>i{color:#b54940;background:#fff0ed;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;font-weight:850;display:grid}.analytics-decision-queue button>i.quality{color:#9b6a13;background:#fff3d8}.analytics-decision-queue button span b,.analytics-decision-queue button span small{display:block}.analytics-decision-queue button span b{color:#244c54;font-size:12px}.analytics-decision-queue button span small{color:#778985;margin-top:3px;font-size:10px}.analytics-decision-queue button em{color:#17645f;white-space:nowrap;font-size:10px;font-style:normal;font-weight:750}.analytics-decision-queue>div>p{color:#71837f;margin:0;padding:18px 15px;font-size:11px}@media (width>=1101px) and (height>=850px){.portal-shell .content:has(.analytics-management-summary){padding:12px 28px}.content:has(.analytics-management-summary) .analytics-period-dock{min-height:96px}:is(.content:has(.analytics-management-summary) .analytics-management-summary,.content:has(.analytics-management-summary) .analytics-management-grid,.content:has(.analytics-management-summary) .analytics-decision-queue){margin-top:8px}}@media (width<=1100px){.analytics-period-outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-period-outcomes article:nth-child(2),.analytics-period-outcomes article:nth-child(4){border-right:0}.analytics-management-grid{grid-template-columns:1fr}}@media (width<=700px){.analytics-management-heading,.analytics-decision-queue>header{flex-direction:column;align-items:flex-start}.analytics-period-outcomes{grid-template-columns:1fr}.analytics-period-outcomes article{border-right:0}}.track-toolbar b{letter-spacing:.04em;font-size:13px}.track-toolbar span{font-size:11px}.period-presets button{font-size:12px}.linked-period-head{min-height:48px}.linked-period-head>b,.linked-period-head>span,.range-labels,.range-domain,.range-domain b,.range-labels b,.range-marker-label{font-size:11px}.period-alarm-panel>header b{letter-spacing:.04em;font-size:13px}.period-alarm-panel>header span{font-size:11px}.period-alarm-list>button span b{font-size:13px}.period-alarm-list>button time,.period-alarm-list>button small,.period-alarm-list>button em{font-size:11px}.event-status{font-size:9px}.owner-matrix-item span,.fuel-summary article span{letter-spacing:.055em;font-size:11px}.owner-matrix-item small,.fuel-summary article small{font-size:11px;line-height:1.4}.fleet-filter-strip span{font-size:12px}.fleet-table-head{color:#667a80;letter-spacing:.055em;text-transform:none;min-height:42px;font-size:11px}.fleet-table-row{min-height:80px}.fleet-table-row .vessel-name strong{font-size:13px}.fleet-table-row .vessel-name small{font-size:10px}.fleet-data-age b,.fleet-reading b,.fleet-attention b{font-size:13px}.fleet-data-age small,.fleet-reading small,.fleet-attention small{font-size:10px}.fleet-cctv-status{min-height:34px;font-size:11px}.fleet-empty{font-size:13px}.fleet-live-state{color:#16806c;letter-spacing:.1em;align-items:center;gap:6px;font-size:9px;font-weight:800;display:inline-flex}.fleet-live-state i{background:#38b89e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #38b89e24}.fleet-live-state.stale{color:#b84a3d}.fleet-live-state.stale i{box-shadow:none;background:#c55347}.fleet-operations-map{height:min(720px,100vh - 190px);min-height:560px;margin-bottom:14px;overflow:hidden}.fleet-operations-map.embedded{aspect-ratio:1.55;width:100%;min-width:0;height:auto;min-height:0;margin-bottom:0}.fleet-operations-map>.myfleet-map{height:100%}.fleet-operations-panel{z-index:4;color:#173f49;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f8fbfaf7;border:1px solid #a9c2be;border-radius:5px;flex-direction:column;width:330px;max-height:calc(100% - 20px);display:flex;position:absolute;top:10px;left:10px;overflow:hidden;box-shadow:0 8px 28px #1b45482e}.fleet-operations-search{border-bottom:1px solid #d2dfdc;padding:12px;position:relative}.fleet-operations-search input{color:#173f49;background:#fff;border:1px solid #a9c2be;border-radius:3px;outline:0;width:100%;height:36px;padding:0 34px 0 11px;font-size:12px}.fleet-operations-search input:focus{border-color:#6bd0c2;box-shadow:0 0 0 2px #6bd0c229}.fleet-operations-search input::placeholder{color:#819693}.fleet-operations-search button{color:#607875;background:0 0;border:0;font-size:20px;position:absolute;top:17px;right:18px}.fleet-operations-summary{border-bottom:1px solid #d2dfdc;grid-template-columns:repeat(6,1fr);display:grid}.fleet-operations-summary button{color:#607875;text-align:center;background:0 0;border:0;border-right:1px solid #d2dfdc;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:48px;padding:5px 2px;display:flex}.fleet-operations-summary button:last-child{border-right:0}.fleet-operations-summary button.active{background:var(--control-active-soft);color:var(--control-active-text);box-shadow:inset 0 -2px var(--control-active)}.fleet-operations-summary strong{color:#173f49;font-size:14px}.fleet-operations-summary span{text-align:center;white-space:normal;max-width:76px;font-size:7px;font-weight:700;line-height:1.15;overflow:hidden}.fleet-selected-vessel{background:#edf5f3;border-bottom:1px solid #d2dfdc;padding:12px;box-shadow:inset 3px 0 #16836f}.fleet-selected-vessel.warning{box-shadow:inset 3px 0 #e2a93b}.fleet-selected-vessel.alarm{box-shadow:inset 3px 0 #e15446}.fleet-selected-vessel.offline{box-shadow:inset 3px 0 #91a2a5}.fleet-selected-vessel header{grid-template-columns:18px minmax(0,1fr) auto;align-items:flex-start;gap:8px;display:grid}.fleet-selected-vessel header .vessel-glyph{width:18px;height:21px;margin-top:1px}.fleet-selected-vessel header small,.fleet-selected-vessel header b{display:block}.fleet-selected-vessel header small{color:#607875;letter-spacing:.12em;font-size:7px}.fleet-selected-vessel header b{color:#173f49;margin-top:3px;font-size:13px}.fleet-selected-vessel header button{color:#087c69;background:0 0;border:0;font-size:9px}.fleet-selected-readings{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;display:grid}.fleet-selected-readings small,.fleet-selected-readings b{display:block}.fleet-selected-readings small{color:#718783;text-transform:uppercase;font-size:7px}.fleet-selected-readings b{color:#173f49;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.fleet-selected-vessel footer{gap:6px;margin-top:11px;display:flex}.fleet-selected-vessel footer button{color:#087c69;background:#fff;border:1px solid #83b9b1;border-radius:3px;min-height:29px;padding:0 9px;font-size:9px;font-weight:750}.fleet-operations-list{scrollbar-color:#436d73 transparent;min-height:0;overflow-y:auto}.fleet-search-results{max-height:320px}.fleet-operations-list>button{color:#173f49;text-align:left;background:0 0;border:0;border-bottom:1px solid #dce5e3;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:52px;padding:8px 11px;display:grid}.fleet-operations-list>button:hover,.fleet-operations-list>button.selected{background:var(--control-active-soft)}.fleet-operations-list>button:focus-visible{outline-offset:-2px;outline:2px solid #6bd0c2}.fleet-operations-list .vessel-glyph{width:17px;height:20px}.fleet-operations-list b,.fleet-operations-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fleet-operations-list b{color:#173f49;font-size:10px}.fleet-operations-list small{color:#718783;margin-top:4px;font-size:8px}.fleet-operations-list em{color:#607875;white-space:nowrap;font-size:8px;font-style:normal}.fleet-operations-list .alarm em{color:#ef8b80}.fleet-operations-list .warning em{color:#e6bb63}.fleet-operations-panel .fleet-empty{color:#718783;min-height:80px}@media (width<=900px){.fleet-operations-map{min-height:680px}.fleet-operations-panel{width:300px}}@media (width<=620px){.fleet-operations-map{height:760px}.fleet-operations-panel{width:auto;right:10px}.fleet-operations-summary{grid-template-columns:repeat(6,1fr)}}.alert-list .alert-card-head h3{font-size:18px}.alert-list .board-alert h4{font-size:15px;font-weight:400}.alert-list .alert-title-detail,.alert-list .alert-evidence-detail,.alert-list .board-alert aside{font-size:12px}.alert-list .board-alert aside strong{font-size:11px}.alert-view-toggle button,.alert-list .alert-actions button{font-size:12px}.alert-list.list-mode .alert-list-head{text-transform:none;font-size:11px}.alert-list,.alert-list button{font-family:var(--font-ui)}.alert-list .alert-card-head h3{letter-spacing:.015em;font-size:13px;font-weight:650}.alert-list .alert-card-head small{font-size:10px}.alert-list .board-alert h4{font-size:13px;line-height:1.35}.alert-list .alert-title-detail,.alert-list .alert-evidence-detail,.alert-list .board-alert aside,.alert-list .board-alert aside strong,.alert-list .alert-actions button{font-size:11px}.alert-commandbar{margin-bottom:10px}.alert-commandbar>div:first-child b{font-size:16px}.alert-commandbar>div:first-child small{margin-top:3px;font-size:11px}.alert-section-switch{background:#fff;border:1px solid #b9cfcb;border-radius:3px;flex:auto;grid-template-columns:repeat(4,minmax(110px,1fr));gap:0;min-width:0;padding:0;display:grid;overflow:hidden}.alert-section-switch button{color:#4d6664;background:#fff;border:0;border-right:1px solid #d5e1df;border-radius:0;align-items:center;gap:9px;min-height:36px;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.alert-section-switch button:hover{color:#174f58;background:#e8f1ef}.portal-shell .alert-section-switch button:focus-visible{outline-offset:0;outline:none}.alert-section-switch button.active{background:var(--control-active-soft);color:var(--control-active-text);box-shadow:inset 0 -2px var(--control-active)}.alert-section-switch button b{color:#28665f;text-align:center;background:#dfeeea;border-radius:11px;min-width:25px;padding:3px 7px;font-size:10px}.alert-section-switch button.active b{color:var(--control-active-text);background:#d5e8ef}.alarm-rules-btn{min-width:106px}.alert-filterbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:10px;padding:10px 12px;display:flex}.alert-priority-filter{align-items:stretch;gap:7px;display:flex}.alert-priority-filter button{color:#47605d;background:#fff;border:1px solid #d1dddb;border-left-width:3px;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-width:116px;min-height:42px;padding:7px 10px;font-size:11px;font-weight:650;display:flex}.alert-priority-filter button:hover{background:#f5f9f8;border-color:#9fbbb6}.alert-priority-filter button strong{color:#294b50;text-align:right;min-width:25px;font-size:13px}.alert-priority-filter .priority-filter-all{border-left-color:#6f9690}.alert-priority-filter .priority-filter-p1{border-left-color:#bd3028}.alert-priority-filter .priority-filter-p2{border-left-color:#d9897f}.alert-priority-filter .priority-filter-p3{border-left-color:#dcb45c}.alert-priority-filter button.active{border-color:var(--control-active-border);background:var(--control-active-soft);color:var(--control-active-text);box-shadow:inset 0 0 0 1px #3b819814}.alert-priority-filter .priority-filter-p1.active{color:#932b25;background:#fff1ef;border-color:#c9635c}.alert-priority-filter .priority-filter-p2.active{color:#8e4039;background:#fff6f4;border-color:#d99a93}.alert-priority-filter .priority-filter-p3.active{color:#795a18;background:#fff9e9;border-color:#d8b86f}.alert-layout-control{align-items:center;gap:8px;display:flex}.alert-layout-control>span{color:#6d817d;font-size:10px;font-weight:700}.equipment-filter-note{color:#647976;margin:0;font-size:11px}.alert-evidence-btn{white-space:nowrap;justify-content:center;align-items:center;width:100%;min-height:36px;padding-inline:10px;display:inline-flex}.alert-evidence-btn span{color:#287a78;margin-left:5px}.portal-shell .alert-evidence-btn:hover,.portal-shell .alert-evidence-btn:focus-visible{transform:none}html{scrollbar-gutter:stable}.alert-commandbar,.alert-filterbar{contain:layout}.alert-commandbar{min-height:68px}.alert-commandbar .workbar-actions{flex:none;min-height:44px}.alert-section-switch button{justify-content:space-between;width:auto;min-width:0;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s}.alert-section-switch button:last-child{border-right:0}.alert-section-switch button b{font-variant-numeric:tabular-nums;width:29px;min-width:29px}.alarm-rules-btn{width:112px;min-width:112px;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s}.alarm-rules-btn.active{border-color:var(--control-active-border);background:var(--control-active-soft);color:var(--control-active-text);box-shadow:inset 0 -2px var(--control-active)}.alert-filterbar{min-height:64px}.alert-filterbar.settings-mode .equipment-filter-note{min-width:360px}.alert-layout-control{flex:0 0 126px;justify-content:flex-end}.alert-layout-control.control-placeholder{visibility:hidden;pointer-events:none}.alert-view-toggle button{width:58px;padding-inline:0;transition:background-color .14s,color .14s,box-shadow .14s}.alert-content-frame,.alert-list{min-height:max(420px,100vh - 300px)}.alert-list.card-mode{align-content:start}.alert-list.equipment-mode{min-height:0;margin-bottom:10px}.equipment-current-heading,.equipment-condition-history>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.equipment-current-heading{border-left:4px solid #2c8990;margin-bottom:8px;padding:11px 14px}.equipment-current-heading span,.equipment-condition-history header span{color:#47706d;letter-spacing:.12em;font-size:8px;font-weight:850;display:block}.equipment-current-heading b,.equipment-condition-history header b{color:#123e48;margin-top:3px;font-size:14px;display:block}.equipment-current-heading small,.equipment-condition-history header small{color:#667e7a;font-size:10px}.equipment-condition-history{padding:14px}.equipment-history-periods{border:1px solid #a9c2be;border-radius:3px;margin:12px 0;display:flex}.equipment-history-periods button{color:#486c69;background:#fff;border:0;border-left:1px solid #a9c2be;min-width:68px;min-height:38px;font-size:10px;font-weight:800}.equipment-history-periods button:first-child{border-left:0}.equipment-history-periods button.active{background:var(--control-active);color:#fff}.equipment-event-list{gap:7px;display:grid}.equipment-event{background:#fff;border:1px solid #d3dfdd;border-left:4px solid #d49336;grid-template-columns:minmax(190px,.75fr) minmax(260px,1.25fr) minmax(390px,1fr);align-items:center;gap:16px;padding:11px 12px;display:grid}.equipment-event.recovered{background:#f8fbfa;border-left-color:#6f9f96}.equipment-event>div>span{color:#9a5f0c;letter-spacing:.1em;margin-bottom:4px;font-size:8px;font-weight:900;display:inline-block}.equipment-event.recovered>div>span{color:#397268}.equipment-event b,.equipment-event strong{color:#153f48;font-size:12px;display:block}.equipment-event small{color:#687f7c;margin-top:3px;font-size:10px;line-height:1.35;display:block}.equipment-event dl{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.equipment-event dl div{border-left:1px solid #dbe5e3;min-width:0;padding-left:10px}.equipment-event dt{color:#718682;text-transform:uppercase;font-size:8px;font-weight:800}.equipment-event dd{color:#214b52;margin:3px 0 0;font-size:10px;font-weight:700}.equipment-history-message{color:#647b78;text-align:center;border:1px dashed #c3d3d0;margin:8px 0 0;padding:18px;font-size:11px}.equipment-history-message.error{color:#a74339;border-color:#e2b5af}.equipment-baseline-summary{background:#f8fbfa;border:1px solid #d3dfdd;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;display:grid}.equipment-baseline-summary article{border-left:1px solid #d3dfdd;min-width:0;padding:12px 14px}.equipment-baseline-summary article:first-child{border-left:0}.equipment-baseline-summary article.attention{background:#fff9ed;box-shadow:inset 0 3px #d49336}.equipment-baseline-summary span,.equipment-baseline-summary b,.equipment-baseline-summary small{display:block}.equipment-baseline-summary span{color:#5c7773;letter-spacing:.08em;font-size:9px;font-weight:850}.equipment-baseline-summary b{color:#153f48;margin-top:5px;font-size:20px}.equipment-baseline-summary small{color:#6a807c;margin-top:3px;font-size:10px}.equipment-baseline-register{background:#fff;border:1px solid #c8d8d5;margin-top:10px}.equipment-baseline-register summary{color:#125f65;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:42px;padding:8px 12px;font-size:11px;font-weight:800;display:flex}.equipment-baseline-register summary span{color:#718581;font-size:10px;font-weight:500}.equipment-baseline-head,.equipment-baseline-register>article{border-top:1px solid #dbe5e3;grid-template-columns:minmax(170px,.8fr) minmax(220px,1.2fr) minmax(220px,1fr) minmax(150px,.7fr);align-items:center;gap:14px;padding:9px 12px;display:grid}.equipment-baseline-head{color:#617976;background:#f2f7f6;font-size:9px;font-weight:800}.equipment-baseline-register>article.attention{background:#fffaf0;box-shadow:inset 4px 0 #d49336}.equipment-baseline-register>article b,.equipment-baseline-register>article small{display:block}.equipment-baseline-register>article b{color:#173f48;font-size:11px}.equipment-baseline-register>article small{color:#687f7c;margin-top:3px;font-size:10px;line-height:1.35}.fuel-meter-reconciliation{background:#f5faf8;border-top:1px solid #d5e1df;grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);align-items:center;gap:18px;padding:11px 16px;display:grid}.fuel-meter-reconciliation>div span{color:#52736f;letter-spacing:.09em;font-size:9px;font-weight:850;display:block}.fuel-meter-reconciliation>div b{color:#164a52;margin-top:3px;font-size:18px;display:block}.fuel-meter-reconciliation p{color:#526d69;margin:0;font-size:11px;line-height:1.45}.fuel-meter-reconciliation.needs-calibration{background:#fff9ed;border-left:4px solid #d49336}.fuel-meter-reconciliation.needs-calibration p{color:#745418}@media (width<=1100px){.alert-workspace-menu{grid-template-columns:1fr;align-items:stretch}.alert-workspace-menu .workbar-actions{width:100%}.alert-filterbar{flex-direction:column;align-items:stretch}.alert-priority-filter{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.alert-priority-filter button{min-width:0}.alert-layout-control{justify-content:flex-end}.equipment-event{grid-template-columns:1fr 1.4fr}.equipment-event dl{grid-column:1/-1}}@media (width<=720px){.alert-vessel-scope select{width:100%;min-width:0}.alert-section-switch{grid-template-columns:1fr 1fr;display:grid}.alert-section-switch button{justify-content:space-between;width:auto}.alert-priority-filter{grid-template-columns:1fr}.alert-commandbar .workbar-actions{min-height:0}.alarm-rules-btn{width:100%}.alert-filterbar.settings-mode .equipment-filter-note{min-width:0}.equipment-current-heading,.equipment-condition-history>header{flex-direction:column;align-items:flex-start}.equipment-history-periods{grid-template-columns:repeat(3,1fr);display:grid}.equipment-history-periods button{border-top:1px solid #a9c2be;min-width:0}.equipment-history-periods button:nth-child(-n+3){border-top:0}.equipment-event{grid-template-columns:1fr}.equipment-event dl{grid-column:auto;grid-template-columns:1fr;gap:8px}.equipment-baseline-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-baseline-summary article:nth-child(3){border-top:1px solid #d3dfdd;border-left:0}.equipment-baseline-summary article:nth-child(4){border-top:1px solid #d3dfdd}.equipment-baseline-head{display:none}.equipment-baseline-register>article{grid-template-columns:1fr;gap:8px}.fuel-meter-reconciliation{grid-template-columns:1fr;gap:7px}}.user-tools input,.user-tools select{font-size:12px}.user-head{height:auto;min-height:40px;font-size:11px}.user-row{min-height:72px;font-size:12px}.user-row>div b{font-size:13px}.user-row>div small{font-size:10px}.user-row>div b em{font-size:9px}.user-account-editor header span,.user-account-editor header mark{font-size:11px}.user-account-editor header p{font-size:12px}.user-account-controls section>b{font-size:14px}.user-account-controls section>p{font-size:11px}.user-account-controls label{text-transform:none;font-size:11px}.role-guide>header span{font-size:11px}.role-guide>header p{font-size:12px}.role-guide-head{font-size:11px}.role-guide>article div b{font-size:13px}.role-guide>article div small,.role-guide>article>span{font-size:11px}.cctv-mimic>header span{letter-spacing:.06em;font-size:11px}.cctv-mimic>header b{font-size:15px}.cctv-mimic>header small{font-size:12px}.cctv-directory>.card-title{min-height:48px}.cctv-controls b{font-size:13px}.cctv-controls small{font-size:11px}.fleet-cctv-status,.cctv-vessel-picker-trigger{font-family:var(--font-ui)}.login-logo div{font-size:23px}.login-logo small{letter-spacing:.11em;font-size:9px}.login-brand h1{font-size:clamp(48px,6vw,74px);line-height:1.02}.login-brand p{max-width:650px;font-size:15px;line-height:1.55}.login-panel h2{font-size:34px}.login-panel>p{font-size:13px}.login-panel label{font-size:12px}.login-panel input{min-height:48px;font-size:15px}.login-submit{min-height:48px;font-size:14px}.login-footer{font-size:11px}.site-footer{font-size:12px}.shaft-tooltip,.electrical-tooltip,.fuel-tooltip,.analog-tooltip{-webkit-backdrop-filter:blur(2px);background:#112d35b8}.fuel-tooltip time{background:#27718a94}@media (width<=900px){.portal-shell{grid-template-columns:1fr}.content{padding:18px 14px 24px}.tenant-banner{padding:8px 14px}.analytics-command-deck{filter:none;position:static}.analytics-tertiary-nav{flex-direction:column;align-items:flex-start}.analytics-tertiary-nav>span{border-bottom:1px solid #d8e3e1;border-right:0;width:100%;padding:0 0 6px}.analytics-tertiary-nav>div{flex-wrap:wrap;width:100%}.analytics-period-dock{grid-template-columns:1fr}.analytics-period-actions{padding:4px 12px}.analytics-period-dock>.compact-range{grid-column:1}.generator-view-toggle{flex-direction:column;align-items:stretch}.generator-view-toggle>div{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.generator-view-toggle button{min-width:0}.generator-view-toggle>span{text-align:left;min-width:0;margin-left:0}.fleet-view-shell{display:block}.fleet-view-shell .sidebar{display:none}.fleet-view-shell .mobile-top{z-index:20;background:var(--ink);color:#fff;justify-content:space-between;align-items:center;min-height:64px;padding:0 16px;display:flex;position:sticky;top:0}.fleet-view-shell .mobile-top select{color:#fff;background:#123b45;border:1px solid #39605f;padding:7px}}.sidebar-branding .brand small,.sidebar-branding .tenant-chip>span{font-size:9px}.fleet-operations-summary span{max-width:76px;font-size:9px}.analytics-tertiary-nav>span small,.alert-vessel-scope>span{font-size:10px}.portal-shell :is(.overview-management-watch,.vessel-decision-panel,.vessel-arrival-readiness,.arrival-desk,.analytics-workspace-menu,.analytics-tertiary-nav,.analytics-period-dock,.analytics-management-summary,.blackout-workbench,.blackout-register-actions,.blackout-decision-strip,.blackout-period,.blackout-stat-list,.alert-workspace-menu,.alert-filterbar,.alert-list,.cctv-fleet-console,.cctv-operations) :is(small,label,dt,th,td,p){font-size:max(9px,1em);line-height:1.35}.portal-shell :is(.vessel-arrival-readiness,.arrival-desk,.analytics-workspace-menu,.analytics-tertiary-nav,.analytics-period-dock,.blackout-workbench,.blackout-period,.alert-workspace-menu,.alert-filterbar,.alert-list,.cctv-fleet-console,.cctv-operations) button{font-size:max(10px,1em)}.vessel-arrival-readiness :is(h3,.arrival-command-summary small,.arrival-position-alerts b,.arrival-next-actions small,.arrival-next-actions em),.arrival-desk :is(h4,a,.arrival-save-error),.blackout-workbench :is(span,strong),.blackout-register-actions span,.blackout-stat-list :is(span,b){font-size:max(9px,1em)}.vessel-bridge-workspace:is(:fullscreen,.auto-fullscreen) .bridge-watch-panels dt{font-size:9px}.vessel-bridge-workspace:is(:fullscreen,.auto-fullscreen) .bridge-watch-panels dd{font-size:clamp(10px,.68vw,13px);font-weight:800;line-height:1.15}.vessel-bridge-workspace:is(:fullscreen,.auto-fullscreen) .bridge-watch-alert-link{font-size:9px}.vessel-bridge-workspace:is(:fullscreen,.auto-fullscreen) .bridge-gps-status .gps-clock-stack b{font-size:14px}@media (width<=900px){.login-page{grid-template-columns:1fr}}.connect-shell{--connect-paper:#f4f2e9;--connect-surface:#fbfaf5;--connect-ink:#0b2b31;--connect-navy:#123b45;--connect-sea:#0f766e;--connect-blue:#3b8198;--connect-mint:#73cdba;--connect-danger:#f26b4f;--connect-warning:#d7a344;--connect-muted:#6f7d79;--connect-line:#d8ddd6;--connect-line-strong:#bccbc7;background:var(--connect-paper);color:var(--connect-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.connect-shell button:focus-visible,.connect-shell input:focus-visible,.connect-shell select:focus-visible,.connect-shell textarea:focus-visible{outline:2px solid var(--connect-blue);outline-offset:2px}.connect-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.connect-header{background:var(--connect-ink);color:#fff;border-bottom-color:#1c4148;grid-template-columns:minmax(250px,360px) 1fr auto;height:74px;padding:0 22px}.connect-brand{color:#fff;grid-template-rows:auto auto;grid-template-columns:42px minmax(0,1fr);gap:0 12px}.connect-brand>span{border:1px solid var(--connect-mint);width:38px;height:38px;color:var(--connect-mint);letter-spacing:.08em;background:0 0;border-radius:2px;grid-row:1/3;font-size:11px}.connect-brand b{letter-spacing:.02em;font-size:18px;line-height:1.1}.connect-brand small.connect-company-name{color:#90aaa6;letter-spacing:.08em;white-space:normal;font-size:8px;font-weight:700;line-height:1.25}.connect-heading{border-left:1px solid #27494f;padding-left:22px}.connect-heading span{color:var(--connect-mint);letter-spacing:.16em;font-size:8px;font-weight:850}.connect-header h2{color:#fff;letter-spacing:.01em;margin:3px 0 1px;font:500 20px/1.1 Georgia,serif}.connect-status{letter-spacing:.04em;align-items:center;gap:6px;font:8px/1.2 ui-monospace,monospace;display:flex;color:#91aaa6!important}.connect-status i{background:var(--connect-warning);border-radius:50%;width:7px;height:7px}.connect-status.is-connected i{background:var(--connect-mint)}.connect-status.is-error i{background:var(--connect-danger)}.connect-header label{color:#86a39f;letter-spacing:.12em;font-size:8px}.connect-header select{background:var(--connect-navy);color:#fff;border-color:#31545a;border-radius:3px;min-height:34px}.connect-workspace{grid-template-columns:270px minmax(0,1fr);height:calc(100vh - 74px)}.connect-vessels{background:var(--connect-ink);border-right-color:#183d44}.connect-vessels>header{border-bottom-color:#24474d;padding:18px 15px}.connect-vessels>header>span{width:42px;height:42px;color:var(--connect-mint);background:0 0;border:1px solid #34575c;border-radius:2px;font:600 19px ui-monospace,monospace}.connect-vessels>header b{letter-spacing:.02em;font-size:11px}.connect-vessels>header small{color:#789a95;font-size:8px}.connect-vessels>button{color:#96aaa7;border-bottom-color:#183d44;border-left:2px solid #0000;min-height:58px;padding:10px 13px}.connect-vessels>button:hover{color:#fff;background:#73cdba0f}.connect-vessels>button.active{border-left-color:var(--connect-mint);color:#fff;background:#73cdba1c}.connect-vessels>button small{color:#67847f;font-size:8px}.connect-vessels>button i{background:var(--connect-danger);font-weight:800}.connect-vessel-mark{color:#87aaa5;background:0 0;border:1px solid #31545a;border-radius:2px}.connect-vessels>button.active .connect-vessel-mark{border-color:var(--connect-mint);color:var(--connect-mint)}.connect-vessel-workspace{grid-template-rows:52px 1fr}.connect-tabs{border-bottom-color:var(--connect-line);background:var(--connect-surface);gap:0;padding:0 18px}.connect-tabs button{min-height:52px;color:var(--connect-muted);border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:8px;padding:0 16px;font-size:10px;font-weight:700;display:flex}.connect-tabs button .connect-icon{width:15px;height:15px}.connect-tabs button:hover{color:var(--connect-ink);background:#f2f3ed}.connect-tabs button.active{border-bottom-color:var(--connect-sea);color:var(--connect-sea);background:0 0}.connect-list{border-right-color:var(--connect-line);background:var(--connect-surface)}.connect-list>button{background:var(--connect-surface);min-height:58px;color:var(--connect-ink);border-bottom-color:#e7e9e3}.connect-list>button:hover{background:#f1f4ef}.connect-list>button.active{box-shadow:inset 3px 0 var(--connect-sea);background:#e7f1ee}.connect-list>button small{color:var(--connect-muted);font-size:9px}.connect-list>p{color:var(--connect-muted);margin:0;padding:18px;font-size:10px}.connect-conversation{background:var(--connect-paper)}.connect-conversation>header{border-bottom-color:var(--connect-line);background:var(--connect-surface);min-height:58px}.connect-conversation>header small{color:var(--connect-muted)}.connect-conversation>header button{border-color:var(--connect-line-strong);width:36px;height:36px;color:var(--connect-navy);background:0 0;border-radius:3px;place-items:center;display:grid}.connect-conversation>header button:hover{border-color:var(--connect-blue);color:#245c70;background:#e7f1f5}.connect-search-field{display:block;position:relative}.connect-search-field>.connect-icon{width:15px;height:15px;color:var(--connect-muted);pointer-events:none;position:absolute;top:9px;left:10px}.connect-search-field .connect-search{border-color:var(--connect-line-strong);border-radius:3px;min-height:34px;padding:0 10px 0 32px}.connect-timeline{gap:10px;padding:20px 24px}.connect-timeline article{border:1px solid var(--connect-line);background:var(--connect-surface);border-radius:3px 10px 10px;box-shadow:0 3px 12px #1446480b}.connect-timeline article.mine{background:#dff2e9;border-color:#b6d7ce;border-radius:10px 3px 10px 10px}.connect-timeline article small,.connect-timeline article time{color:var(--connect-muted)}.connect-conversation>footer{border-top-color:var(--connect-line);background:var(--connect-surface)}.connect-conversation>footer button{border-color:var(--connect-line-strong);min-width:38px;height:38px;color:var(--connect-navy);background:0 0;border-radius:3px;place-items:center;display:grid}.connect-conversation>footer button.recording{border-color:var(--connect-danger);background:var(--connect-danger)}.connect-conversation>footer button.send{border-color:var(--connect-sea);background:var(--connect-sea);align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.connect-conversation>footer button.send .connect-icon{width:15px}.connect-conversation>footer textarea{border-color:var(--connect-line-strong);background:#fff;border-radius:3px;min-height:38px}.connect-call{background:var(--connect-navy)}.connect-error{border-left:3px solid var(--connect-danger);color:#983f32;background:#ffebe5}.connect-noon,.connect-panel-list{background:var(--connect-paper)}.connect-noon>header span{color:var(--connect-sea)}.connect-noon>header h3{font-family:Georgia,serif;font-weight:500}.connect-noon>header p{color:var(--connect-muted)}.connect-noon>details,.connect-noon-report,.connect-panel-list>button{border-color:var(--connect-line);background:var(--connect-surface);border-radius:3px}.connect-noon>details>summary{color:var(--connect-sea);background:#e7f1ee}.connect-noon-report dl div{background:#f5f6f1;border:1px solid #e5e8e2;border-radius:2px}.connect-noon-report dt,.connect-noon-report>small,.connect-panel-list>button small{color:var(--connect-muted)}.connect-form{border-bottom-color:var(--connect-line);background:#f1f3ed}.connect-form :is(input,select,textarea,button){border-color:var(--connect-line-strong);border-radius:3px}.connect-form button{border-color:var(--connect-sea);background:var(--connect-sea)}.connect-empty{color:var(--connect-muted)}.connect-empty b{color:var(--connect-ink);font-family:Georgia,serif;font-weight:500}.connect-noon-analysis{border:1px solid var(--connect-line);background:var(--connect-surface);margin:0 0 18px}.connect-noon-analysis>header{border-bottom:1px solid var(--connect-line);background:#edf5f3;justify-content:space-between;gap:16px;padding:11px 13px;display:flex}.connect-noon-analysis>header b,.connect-noon-analysis>header small{display:block}.connect-noon-analysis>header small,.connect-noon-analysis>header span,.connect-noon-analysis>p{color:var(--connect-muted);font-size:9px}.connect-noon-analysis>p{margin:0;padding:14px}.connect-noon-kpis{background:var(--connect-line);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;display:grid}.connect-noon-kpis>div{background:#fff;padding:10px 12px}.connect-noon-kpis small,.connect-noon-kpis b{display:block}.connect-noon-kpis small{color:var(--connect-muted);text-transform:uppercase;font-size:8px}.connect-noon-kpis b{color:var(--connect-navy);margin-top:4px;font-size:16px}.connect-noon-analysis-table{border-top:1px solid var(--connect-line);max-height:280px;overflow:auto}.connect-noon-analysis-table table{border-collapse:collapse;width:100%;font-size:10px}.connect-noon-analysis-table th{text-align:left;background:#f1f3ed;padding:8px;position:sticky;top:0}.connect-noon-analysis-table td{white-space:nowrap;border-top:1px solid #e5e9e4;padding:7px 8px}.connect-noon-correction{background:#fff9e9;border:1px solid #c9a75a;margin:0 12px 12px;padding:12px}.connect-noon-correction>header{justify-content:space-between;gap:12px;display:flex}.connect-noon-correction>header b,.connect-noon-correction>header small{display:block}.connect-noon-correction>header small{color:var(--connect-muted);font-size:9px}.connect-noon-correction label{color:var(--connect-muted);gap:4px;margin-top:9px;font-size:9px;font-weight:700;display:grid}.connect-noon-correction :is(input,textarea,button){border:1px solid var(--connect-line-strong);background:#fff;min-height:36px;padding:7px}.connect-noon-correction textarea{min-height:62px}.connect-noon-correction-fields{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;display:grid}.connect-noon-correction>button{border-color:var(--connect-sea);background:var(--connect-sea);color:#fff;margin-top:10px;font-weight:700}.connect-noon-repeat-warning{background:#fff5d9;border-left:4px solid #d78b00;grid-column:1/-1;padding:.7rem}.connect-module-heading{justify-content:space-between;padding:1rem;display:flex}.connect-module-heading span{letter-spacing:.13em;color:#08766b;font-size:.65rem}.connect-equipment-page{grid-template-columns:minmax(220px,28%) 1fr;gap:1rem;padding:1rem;display:grid}.connect-equipment-page>.connect-module-heading{grid-column:1/-1}.connect-equipment-list{align-content:start;gap:.45rem;display:grid}.connect-equipment-list button,.connect-equipment-detail section button,.connect-people-page section button{text-align:left;background:#fff;border:1px solid #d8e1df;gap:.2rem;padding:.75rem;display:grid}.connect-equipment-list button.active{background:#ecf8f5;border-color:#008c7c}.connect-equipment-detail{gap:1rem;display:grid}.connect-equipment-detail>header{justify-content:space-between;gap:1rem;display:flex}.connect-equipment-detail>nav{flex-wrap:wrap;gap:.4rem;display:flex}.connect-equipment-detail>nav span{background:#edf3f1;padding:.35rem .5rem;font-size:.72rem;font-weight:700}.connect-equipment-detail section{background:#fff;border:1px solid #d8e1df;padding:1rem}.connect-equipment-detail dl{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;display:grid}.connect-equipment-detail article{border-top:1px solid #e0e7e5;gap:.25rem;padding:.7rem 0;display:grid}.connect-equipment-detail pre{white-space:pre-wrap}.connect-people-page{padding:1rem}.connect-people-page section{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem;margin:1rem 0;display:grid}.connect-people-page section h4{grid-column:1/-1}.connect-people-page section button{grid-template-columns:auto 1fr}.connect-people-page section button i{grid-row:1/3}@media (width<=850px){.connect-header{height:68px}.connect-brand small.connect-company-name{max-width:170px}.connect-workspace{grid-template-columns:160px minmax(0,1fr);height:calc(100vh - 68px)}.connect-vessels>button{grid-template-columns:1fr}.connect-vessels>button .connect-vessel-mark{margin:auto}.connect-vessels>button>span:nth-child(2) small,.connect-vessels>button i{display:none}.connect-tabs button{padding:0 11px}.connect-tabs button .connect-icon{display:none}.connect-message-layout{grid-template-columns:1fr}.connect-list{border-right:0;border-bottom:1px solid var(--connect-line);max-height:180px}.connect-conversation{min-height:calc(100vh - 300px)}.connect-equipment-page{grid-template-columns:1fr}}.connect-shell{flex-direction:column;height:100vh;min-height:0;display:flex;overflow:hidden}.connect-workspace{flex:1;height:auto;min-height:0}.connect-vessel-workspace,.connect-message-layout,.connect-panel-list{min-height:0;overflow:hidden}.connect-noon,.connect-panel-list{min-height:0;overflow-y:auto}.connect-vessel-search{z-index:2;background:var(--connect-ink);border-bottom:1px solid #24474d;padding:10px 12px;display:block;position:sticky;top:0}.connect-vessel-search .connect-icon{color:#789a95;width:14px;height:14px;position:absolute;top:20px;left:22px}.connect-vessel-search input{color:#fff;background:#12343b;border:1px solid #31545a;border-radius:3px;width:100%;min-height:34px;padding:0 10px 0 31px}.connect-vessel-search input::placeholder{color:#789a95}.connect-vessel-empty{color:#789a95;padding:16px;font-size:10px}@media (width<=850px){.connect-workspace{height:auto}.connect-vessel-search .connect-icon{display:none}.connect-vessel-search input{padding-left:8px}}.connect-module-heading>button,.connect-group-builder button{border:1px solid var(--connect-sea);background:var(--connect-sea);color:#fff;min-height:36px;padding:0 14px;font-weight:800}.connect-group-builder{z-index:4;border:1px solid var(--connect-line);background:#edf5f3;grid-template-columns:1fr auto auto;gap:8px;padding:10px 16px;display:grid;position:sticky;top:0}.connect-group-builder input{border:1px solid var(--connect-line-strong);min-height:36px;padding:0 10px}.connect-group-builder span{color:var(--connect-muted);align-self:center;font-size:10px}.connect-people-page.is-group-selecting section button{cursor:pointer;grid-template-columns:auto auto 1fr}.connect-people-page section button>input{width:18px;height:18px;accent-color:var(--connect-sea);grid-row:1/3;align-self:center}.connect-people-page section button.selected{border-color:var(--connect-sea);background:#e3f3ee}.connect-group-archive-toggle{border-bottom:1px solid var(--connect-line);grid-template-columns:1fr 1fr;padding:8px;display:grid}.connect-group-archive-toggle button{border:1px solid var(--connect-line-strong);min-height:30px;color:var(--connect-muted);background:#fff;font-size:9px;font-weight:800}.connect-group-archive-toggle button.active{border-color:var(--connect-sea);background:var(--connect-sea);color:#fff}.connect-group-members{border-bottom:1px solid var(--connect-line);background:#f4f6f1;align-items:center;gap:6px;padding:7px 12px;display:flex;overflow-x:auto}.connect-group-members>b{text-transform:uppercase;font-size:9px}.connect-group-members>span{border:1px solid var(--connect-line);white-space:nowrap;background:#fff;align-items:center;gap:4px;padding:3px 7px;font-size:9px;display:flex}.connect-group-members button{color:var(--connect-danger);background:0 0;border:0;font-size:8px;font-weight:800}.connect-read-only{color:var(--connect-muted);justify-content:center!important}.connect-direct-unread{background:var(--connect-sea);color:#fff;border-radius:12px;grid-area:1/3/3;align-self:center;align-items:center;gap:4px;padding:4px 7px;font-size:9px;display:flex}.connect-direct-unread .connect-icon{width:14px;height:14px}.connect-message-layout{grid-template-columns:200px minmax(0,1fr) 230px}.connect-company-sidebar{border-left:1px solid var(--connect-line);background:#f5f6f1;min-width:0;padding:14px;overflow-y:auto}.connect-company-sidebar h3{margin:0;font-size:13px}.connect-company-sidebar p{color:var(--connect-muted);font-size:11px}.connect-company-sidebar section{border:1px solid var(--connect-line);background:#fff;margin-top:14px}.connect-company-group{text-align:left;width:100%;color:var(--connect-ink);background:#e7f1ee;border:0;grid-template-columns:24px 1fr;gap:5px;padding:12px;display:grid}.connect-company-group small{grid-column:2;font-size:10px}.connect-company-group:disabled{cursor:default;opacity:.7}.connect-company-sidebar ul{margin:0;padding:5px;list-style:none}.connect-company-sidebar li button{text-align:left;width:100%;color:var(--connect-ink);background:0 0;border:0;gap:4px;padding:9px;display:grid}.connect-company-sidebar li small{color:var(--connect-muted);font-size:10px}@media (width<=1200px){.connect-message-layout{grid-template-columns:170px minmax(0,1fr)}.connect-company-sidebar{border-top:1px solid var(--connect-line);border-left:0;flex-wrap:wrap;grid-column:1/-1;gap:12px;display:flex}.connect-company-sidebar section{flex:1;min-width:220px}.connect-company-sidebar>h3,.connect-company-sidebar>p{flex-basis:100%;margin:0}}@media (width<=850px){.connect-message-layout{grid-template-columns:1fr}}.connect-shell{background:#f4f7f8;font-family:Arial,sans-serif}.connect-heading h2{font-family:inherit;font-size:21px}.connect-heading>span{letter-spacing:.08em;font-size:11px}.connect-tabs button{font-size:14px}.connect-list>button{min-height:64px;padding:14px}.connect-list>button b{font-size:14px}.connect-list>button small{font-size:12px}.connect-timeline article{box-shadow:none;border-radius:14px;padding:13px 16px}.connect-timeline article p{font-size:15px;line-height:1.55}.connect-conversation>footer textarea{min-height:52px;font-size:15px}.connect-conversation>footer button{min-width:44px;min-height:44px}.connect-delivery{color:#58717b;margin-top:6px;font-size:11px;display:block}.connect-delivery button{border:1px solid;border-radius:6px;margin-left:12px;padding:6px 12px}.connect-invitation{background:#eaf6f3!important;border-left:4px solid #008577!important}.connect-invitation small{font-weight:700;color:#00745e!important}.is-ship .connect-workspace{grid-template-columns:minmax(0,1fr)}.is-ship .connect-vessels{display:none}.is-ship .connect-message-layout{grid-template-rows:minmax(180px,45%) minmax(0,1fr);grid-template-columns:300px minmax(0,1fr)}.is-ship .connect-company-sidebar{background:#f8fafb;border-bottom:1px solid #dce5e8;border-left:0;border-right:1px solid #dce5e8;grid-area:1/1;padding:14px;display:block}.is-ship .connect-company-sidebar>h3,.is-ship .connect-company-sidebar>p{display:none}.is-ship .connect-company-sidebar section{border:0;border-radius:10px;min-width:0;margin:0 0 10px;overflow:hidden}.is-ship .connect-company-group{background:#e4efed;border-radius:9px;min-height:62px}.is-ship .connect-company-sidebar li button{padding:10px;font-size:14px}.is-ship .connect-company-sidebar li small,.is-ship .connect-company-group small{font-size:12px}.is-ship .connect-list{background:#fff;grid-area:2/1;max-height:none}.is-ship .connect-conversation{grid-area:1/2/3;min-height:0}.is-ship .connect-empty{font-family:inherit}.is-ship .connect-tabs{padding-left:14px}@media (width<=720px){.is-ship .connect-message-layout{grid-template-rows:160px 140px minmax(280px,1fr);grid-template-columns:1fr;overflow:auto}.is-ship .connect-company-sidebar{grid-area:1/1}.is-ship .connect-list{grid-area:2/1}.is-ship .connect-conversation{grid-area:3/1}.is-ship .connect-heading{display:block}.is-ship .connect-header{grid-template-columns:1fr 1fr}.is-ship .connect-brand small{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}