html[data-fleet-os] #app,html[data-fleet-os] #gate{display:none!important}
#fleetOS{--fo-space:24px;font:16px/1.55 var(--sans);color:var(--ink);background:var(--paper);min-height:100dvh}
#fleetOS *{box-sizing:border-box}#fleetOS [hidden]{display:none!important}#fleetOS button,#fleetOS input,#fleetOS select,#fleetOS textarea{font:inherit}#fleetOS button,#fleetOS a,#fleetOS input,#fleetOS select{min-height:44px}#fleetOS button{cursor:pointer}#fleetOS a{color:var(--teal);text-underline-offset:4px}#fleetOS :focus-visible{outline:3px solid var(--teal-br);outline-offset:3px}#fleetOS p{color:var(--ink-2);margin:8px 0 16px}#fleetOS h1{font-size:36px;line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:8px 0 16px}#fleetOS h2{font-size:21px;line-height:1.35;margin:0 0 16px}#fleetOS h3{font-size:17px;margin:0 0 8px}#fleetOS small{font-size:13px;color:var(--ink-2)}
.fo-rail{position:fixed;inset-block:0;inset-inline-start:0;width:260px;background:var(--navy);color:var(--hi);display:flex;flex-direction:column;padding:24px 16px;z-index:40;overflow:auto}.fo-brand{font-size:27px;letter-spacing:-1px;color:var(--hi)!important;text-decoration:none;padding:0 12px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.fo-brand span{color:var(--brass-br);font:11px var(--mono);letter-spacing:1px;text-transform:uppercase}.fo-rail small{color:var(--navy-ink)!important}.fo-rail nav{display:grid;gap:5px}.fo-nav{display:flex;gap:12px;align-items:center;width:100%;padding:12px;border:0;border-radius:8px;color:var(--navy-ink);background:transparent;text-align:start}.fo-nav[aria-current=page],.fo-nav:hover{background:var(--navy-3);color:var(--hi)}.fo-nav svg{width:19px;height:19px;flex:none}.fo-rail-foot{margin-block-start:auto;padding:24px 12px 0;display:grid;gap:10px}.fo-main{margin-inline-start:260px;min-width:0}.fo-top{position:sticky;top:0;z-index:20;padding:14px 32px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fo-top .fo-context{flex:1;min-width:180px}.fo-top select{max-width:280px;width:100%}.fo-mobile-menu{display:none}.fo-page{max-width:1440px;margin:auto;padding:32px 40px 64px}.fo-eyebrow{font:11px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-2)}.fo-sample{background:var(--brass-bg);border-bottom:1px solid var(--brass-line);color:var(--ink);padding:8px 32px;font-size:13px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fo-sample select{max-width:300px;min-height:36px!important}.fo-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.fo-header>div{min-width:0}.fo-header p{max-width:650px}.fo-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fo-btn{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:8px;padding:9px 16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.fo-btn:hover{background:var(--surface-3)}.fo-btn.primary{background:var(--teal);color:var(--surface);border-color:var(--teal)}.fo-btn.danger{color:var(--bad);border-color:var(--bad-line)}.fo-btn:disabled{opacity:.55;cursor:not-allowed}.fo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fo-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.fo-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.fo-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;border-inline-start:4px solid var(--warn);margin-bottom:24px;background:var(--surface);border-radius:8px;padding:26px}.fo-hero h2{font-family:var(--serif);font-size:30px;font-weight:400;margin:6px 0 10px}.fo-hero.critical{border-inline-start-color:var(--bad)}.fo-count{font:40px/1.2 var(--serif);display:block;margin-bottom:8px}.fo-stat{text-align:start;width:100%;color:var(--ink)}.fo-table{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:20px 0}.fo-row{display:grid;grid-template-columns:minmax(180px,2.2fr) minmax(120px,1fr) minmax(110px,1fr) minmax(100px,.8fr) 32px;align-items:center;gap:18px;width:100%;text-align:start;color:var(--ink);padding:18px 22px;background:transparent;border:0;border-bottom:1px solid var(--line)}.fo-row:last-child{border-bottom:0}.fo-row:hover{background:var(--surface-2)}.fo-row>div{min-width:0;overflow-wrap:anywhere}.fo-row b{display:block;font-weight:600}.fo-row small{display:block;margin-top:4px}.fo-row.heading{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2);padding-block:12px;background:var(--surface-2)}.fo-badge{font-size:12px;display:inline-block;padding:4px 9px;border-radius:5px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink-2)}.fo-badge.bad{background:var(--bad-bg);border-color:var(--bad-line);color:var(--bad)}.fo-badge.warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}.fo-badge.good{background:var(--teal-bg);border-color:var(--teal-line);color:var(--teal)}.fo-section{margin-top:32px}.fo-muted{color:var(--ink-2)}.fo-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:22px}.fo-tabs button{background:transparent;color:var(--ink-2);padding:8px 14px;border-radius:6px}.fo-tabs button[aria-current=page]{background:var(--surface);color:var(--teal);box-shadow:var(--sh1)}.fo-field{display:grid;gap:7px;margin-bottom:16px;min-width:0}.fo-field label,.fo-field legend{font-size:14px;font-weight:600}.fo-field input,.fo-field textarea,.fo-field select,.fo-top select,.fo-sample select{width:100%;padding:10px 12px;border:1px solid var(--line-2);border-radius:7px;color:var(--ink);background:var(--surface);min-width:0}.fo-field textarea{min-height:96px;resize:vertical}.fo-check{display:flex;gap:10px;align-items:center;margin:10px 0}.fo-check input{width:20px;height:20px;min-height:20px!important;accent-color:var(--teal)}.fo-note{padding:14px 16px;border:1px solid var(--info-line);background:var(--info-bg);color:var(--info);border-radius:8px;font-size:14px;margin:16px 0;overflow-wrap:anywhere}.fo-note.warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}.fo-note.bad{background:var(--bad-bg);border-color:var(--bad-line);color:var(--bad)}.fo-kv{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px 18px;margin:0}.fo-kv dt{font-size:13px;color:var(--ink-2)}.fo-kv dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.fo-empty{padding:42px 20px;text-align:center;border:1px dashed var(--line-3);border-radius:12px}.fo-error:empty{display:none}.fo-error{background:var(--bad-bg);color:var(--bad);padding:14px;border-radius:8px;margin:12px 0}.fo-entry{max-width:1050px;margin:0 auto;padding:65px 30px}.fo-entry h1{max-width:670px;font-size:49px!important;font-family:var(--serif);font-weight:400!important}.fo-entry .fo-card{display:flex;flex-direction:column}.fo-entry .fo-card .fo-btn{margin-top:auto}.fo-auth{max-width:500px}.fo-progress{display:flex;gap:6px;margin-bottom:24px}.fo-progress span{height:4px;background:var(--line-2);flex:1}.fo-progress span.on{background:var(--teal)}.fo-modal{width:min(740px,calc(100% - 24px));max-height:90dvh;margin:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:var(--sh3);overflow:auto}.fo-modal::backdrop{background:color-mix(in srgb,var(--navy) 60%,transparent)}.fo-modal-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}.fo-timeline{list-style:none;padding:0;display:grid;gap:15px}.fo-timeline li{border-inline-start:2px solid var(--line-2);padding-inline-start:16px;overflow-wrap:anywhere}.fo-doc{background:var(--surface-2);border:1px solid var(--line);padding:18px;border-radius:8px;margin:10px 0}.fo-search{display:flex;gap:10px;max-width:580px}.fo-search input{flex:1;width:100%;padding:10px 12px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);color:var(--ink)}.fo-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.fo-calendar>div{min-height:130px;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--surface)}.fo-calendar button{display:block;font-size:12px!important;width:100%;padding:8px 0;text-align:start;color:var(--teal);background:transparent}.fo-lock{max-width:460px;margin:15vh auto;padding:30px}.fo-page [dir=ltr]{unicode-bidi:isolate}.fo-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.fo-module small{display:block;margin-top:8px}.fo-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){.fo-page{padding-top:44px}}
@media(max-width:1100px){.fo-rail{width:220px}.fo-main{margin-inline-start:220px}.fo-page{padding:28px 24px}.fo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fo-row{grid-template-columns:minmax(160px,2fr) minmax(100px,1fr) minmax(100px,1fr) 24px}.fo-row .fo-row-owner{display:none}.fo-top{padding:12px 24px}.fo-hero{grid-template-columns:1fr}.fo-calendar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.fo-rail{display:none;width:min(310px,90vw);box-shadow:var(--sh3)}.fo-rail.open{display:flex}.fo-main{margin-inline-start:0}.fo-mobile-menu{display:inline-flex}.fo-top{padding:10px 16px;gap:8px}.fo-top .fo-context{min-width:150px}.fo-page{padding:24px 18px 40px}.fo-sample{padding:8px 16px}.fo-top .fo-person{display:none}#fleetOS h1{font-size:30px}.fo-header{flex-direction:column;gap:10px}.fo-grid.two{grid-template-columns:1fr}.fo-row{padding:16px;gap:12px}.fo-entry{padding:35px 20px}.fo-entry h1{font-size:39px!important}.fo-kv{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:540px){.fo-grid{grid-template-columns:1fr}.fo-row{grid-template-columns:minmax(0,1fr) 22px}.fo-row.heading{display:none}.fo-row>div:nth-child(2),.fo-row>div:nth-child(3){grid-column:1}.fo-row>div:last-child{grid-column:2;grid-row:1}.fo-hero{padding:20px}.fo-card{padding:20px}.fo-calendar{grid-template-columns:1fr}.fo-modal{padding:20px}.fo-sample select{width:100%;max-width:100%}.fo-kv{grid-template-columns:1fr;gap:5px}.fo-kv dd{margin-bottom:10px}.fo-top select{max-width:210px}}
@media(prefers-reduced-motion:reduce){#fleetOS *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.fo-rail,.fo-top,.fo-sample,.fo-actions,.fo-tabs,.fo-btn,.fo-pagination{display:none!important}.fo-main{margin:0}.fo-page{padding:0}.fo-card,.fo-table,.fo-row{break-inside:avoid}.fo-row{display:block}.fo-grid{display:block}#fleetOS{background:var(--surface)}#fleetOS a{color:inherit;text-decoration:none}}
#fleetOS .fo-btn svg{width:18px;height:18px;flex:none}
#fleetOS .fo-mobile-menu{display:none}
@media(max-width:800px){#fleetOS .fo-mobile-menu{display:inline-flex}}
#fleetOS .fo-check{min-height:44px}

/* Shared Marsa identity and navigation hierarchy across the operations surface. */
.fo-brand{font-size:inherit;letter-spacing:normal}
.fo-brand>span{color:inherit;font:inherit;letter-spacing:inherit;text-transform:none}
.fo-brand .marsa-wordmark{color:var(--hi);font-family:var(--sans);font-size:16px;font-weight:600;
  letter-spacing:-.02em;text-transform:none}
.fo-brand .marsa-product{color:var(--navy-ink);font-family:var(--mono);font-size:10px;
  font-weight:400;letter-spacing:.08em;text-transform:uppercase}
.fo-brand.light .marsa-wordmark{color:var(--ink)}
.fo-brand.light .marsa-product{color:var(--ink-2)}
.fo-brand.light .marsa-mark-bg{fill:var(--navy)}
.fo-brand.light .marsa-mark-ink,.fo-brand.light .marsa-mark-accent{fill:var(--hi)}
.fo-nav{text-decoration:none}
#fleetOS a.fo-nav{color:var(--navy-ink)}
#fleetOS a.fo-nav:hover{color:var(--hi)}
.fo-world{margin-top:8px;padding-top:16px;border-top:1px solid var(--navy-line);border-radius:0}
.fo-hero h2{font-family:var(--sans);font-weight:600}
.fo-count{font-family:var(--sans);font-weight:600}
.fo-entry h1{font-family:var(--sans);font-weight:600!important}

/* One shell. The operations desk wears the same rail, the same header height, the same controls
   and the same type scale as the sanctions desk and the fleet desk, from the shared tokens. */
#fleetOS{font-size:var(--fs-4)}
#fleetOS h1{font-size:var(--fs-8);font-weight:600;letter-spacing:-.03em}
#fleetOS h2{font-size:var(--fs-6)}
#fleetOS h3{font-size:var(--fs-5)}
#fleetOS small,#fleetOS .fo-kv dt{font-size:var(--fs-2)}
.fo-rail{width:var(--rail);padding:0;border-right:1px solid var(--navy-line)}
.fo-rail .fo-brand{margin:0;padding:14px 20px 12px;min-height:72px;border-bottom:1px solid var(--navy-line)}
.fo-brand .marsa-product{font-family:var(--sans);font-size:var(--fs-1);font-weight:600;letter-spacing:.06em}
.fo-rail nav{padding:10px;gap:2px}
.fo-nav{height:40px;min-height:40px!important;padding:0 10px;border-radius:9px;color:#B4C5D6;font-size:var(--fs-3);font-weight:500;letter-spacing:-.01em;line-height:1.2}
#fleetOS a.fo-nav{color:#B4C5D6}
.fo-nav:hover{background:rgba(255,255,255,.06);color:var(--hi)}
.fo-nav[aria-current=page]{background:rgba(255,255,255,.095);color:var(--hi)}
.fo-nav[aria-current=page] svg{color:var(--teal-br)}
.fo-nav svg{width:18px;height:18px;opacity:.85}
.fo-world{margin-top:8px;padding-top:0;border-top:0}
.fo-rail-foot{padding:10px;border-top:1px solid var(--navy-line);gap:6px;font-size:var(--fs-1)}
.fo-rail-foot a{color:var(--teal-br);padding:0 10px;font-size:var(--fs-2)}
.fo-main{margin-inline-start:var(--rail)}
.fo-top{min-height:60px;padding:0 28px;gap:10px;flex-wrap:nowrap}
.fo-top .fo-context{flex:0 1 300px;min-width:0}
.fo-top .fo-person{margin-inline-start:auto;font-size:var(--fs-2)}
.fo-btn{min-height:40px!important;padding:0 14px;font-size:var(--fs-3);border-radius:9px}
.fo-top [data-screen=sync]{border-color:var(--teal-line);background:var(--teal-bg);color:var(--teal);font-size:var(--fs-2)}
#fleetOS select{appearance:none;-webkit-appearance:none;min-height:40px;padding:0 36px 0 12px;border:1px solid var(--line-2);border-radius:9px;background-color:var(--surface);color:var(--ink);font-size:var(--fs-3);
  background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}
#fleetOS select:focus{outline:none;border-color:var(--teal-br);box-shadow:0 0 0 3px var(--teal-bg)}
.fo-sample{padding:6px 28px;font-size:var(--fs-2);min-height:44px}
.fo-sample select{min-height:32px!important;font-size:var(--fs-2)!important}
.fo-sample .fo-btn{min-height:32px!important;font-size:var(--fs-2)}
.fo-eyebrow{font-family:var(--sans);font-size:var(--fs-1);font-weight:600;letter-spacing:.06em}
.fo-row.heading{font-size:var(--fs-1);font-weight:600;letter-spacing:.06em}
.fo-badge{font-size:var(--fs-1)}
.fo-note{font-size:var(--fs-2)}
.fo-hero h2{font-size:var(--fs-6)}
.fo-count{font-size:var(--fs-8)}
@media(max-width:1100px){.fo-rail{width:var(--rail)}.fo-main{margin-inline-start:var(--rail)}}
@media(max-width:900px){.fo-rail{display:none;width:min(310px,90vw);box-shadow:var(--sh3)}.fo-rail.open{display:flex}.fo-main{margin-inline-start:0}#fleetOS .fo-mobile-menu{display:inline-flex}}
@media(max-width:800px){
  .fo-top{padding:8px 12px;gap:6px;min-height:56px}
  .fo-top .fo-context{flex:1 1 auto}
  .fo-top [data-screen=search]{padding:0 11px;font-size:0;gap:0}
  .fo-top [data-screen=search] svg{width:18px;height:18px}
  .fo-top [data-action=language]{padding:0 10px}
  .fo-top [data-screen=sync]{padding:0 10px}
  .fo-sample{padding:6px 12px;gap:8px}
  .fo-sample>span{display:none}
  .fo-sample select{flex:1 1 160px}
}
@media(max-width:420px){ .fo-top [data-action=menu]{padding:0 10px} .fo-top [data-screen=sync]{display:none} }
.fo-navh{margin:14px 10px 4px;font-size:var(--fs-1);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-ink-2)}
.fo-promise{margin-top:32px;padding-top:16px;border-top:1px solid var(--line);font-size:var(--fs-2);color:var(--ink-3);max-width:80ch}
@media(max-width:540px){ .fo-sample{flex-wrap:nowrap} .fo-sample>b{display:none} .fo-sample select{flex:1 1 0;min-width:0} .fo-sample .fo-btn{white-space:nowrap;padding:0 10px} }
