/* MS Shipments Premium Maritime identity v2.5.9 — one isolated visual layer */
:root{color-scheme:dark;--bg:#061421;--card:#0e2234;--ink:#eff8fc;--mut:#a7bdcd;--line:#29495c;--brand:#5cdbdf;--brand2:#dfb76d;--ok:#4dd6ac;--warn:#f3c477;--err:#f18c99;--hi:#12384d;--r:14px;--premium-shadow:0 16px 34px rgba(0,5,17,.3)}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 95% 0%,#10314b,transparent 45%),radial-gradient(ellipse at 0% 100%,#092944,transparent 44%),#061421;color:var(--ink);min-height:100vh}
a{color:#65dce0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #63f2ed;outline-offset:2px}
.top{background:rgba(7,23,37,.96);min-height:77px;gap:17px;padding:11px 25px;border-bottom:1px solid #25485d;box-shadow:0 8px 24px #0004;backdrop-filter:blur(14px);flex-wrap:nowrap}
.brand{gap:12px;min-width:214px;color:#fff}.brand:hover{text-decoration:none}.brand-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#167694,#62dfe1);box-shadow:0 4px 24px #1fcbd548;color:#fff}.brand-copy strong{color:#f0fbff;font-weight:800}.brand-copy small{color:#9fbccd;letter-spacing:2px}
.top nav{flex:1 1 auto;align-items:center;min-width:0;gap:5px}.top nav a{display:inline-flex;gap:9px;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:10px;color:#c2d6e2;padding:9px 12px;font-weight:700}
.nav-svg{flex:0 0 auto;opacity:.82}.top nav a.on,.top nav a:hover{background:linear-gradient(120deg,#125066,#0c3349);border-color:#2a8396;box-shadow:inset 0 -2px 0 #40c8d1;color:#efffff;text-decoration:none}
.who{gap:10px;white-space:nowrap;flex:0 0 auto}.account-link{padding:8px 10px;border-radius:9px}.account-link.on,.account-link:hover{background:#124056;text-decoration:none}.user-label{max-width:170px;overflow:hidden;text-overflow:ellipsis;font-weight:700}.user-avatar{display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(120deg,#165b7b,#51bbcf);width:36px;height:36px;border-radius:50%;color:#fff;font-weight:800}
main{flex:1 0 auto;max-width:1480px;padding-block:24px 60px}main.wide{padding-inline:clamp(12px,1.4vw,27px)}h1,h2,h3{color:#f0f9ff}h1{font-weight:800}h1 small{color:#9db8c9}
.section-eyebrow{display:block;color:#68dbe0;letter-spacing:1.7px;font-size:12px;font-weight:800;text-align:right;direction:ltr;margin-bottom:5px}
.pagehead{margin-bottom:20px}.pagehead .muted{color:#aec4d0}
.card,.tablewrap{background:linear-gradient(155deg,#102a40,#0b2032);border:1px solid #285067;border-radius:14px;box-shadow:var(--premium-shadow)}.card{padding:20px}.tablewrap{scrollbar-width:thin;scrollbar-color:#3e6e83 #10283a}
.btn{background:linear-gradient(#1c3a50,#102a3c);border:1px solid #385d73;border-radius:10px;color:#e5f6fb;font-weight:700;padding:9px 15px;transition:background .16s,transform .16s,border-color .16s}.btn:hover{border-color:#60aabb;transform:translateY(-1px);background:#1b4257;text-decoration:none}.btn.primary{background:linear-gradient(115deg,#72e7e5,#3acbd1);color:#082a35;border-color:#3acbd1;font-weight:800;box-shadow:0 5px 20px #27b8c43b}.btn.primary:hover{background:#83eff0}.btn.ghost{background:transparent}.btn.small{padding:5px 11px}
input,select,textarea{background:#091d2f;border:1px solid #325269;color:#eff8fd;border-radius:9px;min-height:40px}input::placeholder,textarea::placeholder{color:#8ca6b8}label{color:#b0c4d2}label input,label select,label textarea{color:#eff8fd}
.filters{padding:11px;background:#0f2b40;border:1px solid #2a526a;border-radius:12px;align-items:center}.flash{background:#133e36;color:#b1f7d5}.flash.err{background:#442632;color:#ffcad0}.flash.warn{background:#45341e;color:#ffdda2}
.badge,.tag,.role-chip{background:#153c53;border:1px solid #37738b;color:#d4ebf5;border-radius:99px;font-weight:700}.badge.ok{background:#174735;color:#91eec2;border-color:#30825a}.badge.warn{background:#4d3922;color:#ffd490;border-color:#8d6637}
.kpis,.ops-kpis{gap:13px}.kpis>div,.ops-kpis>a,.ops-kpis>div{position:relative;overflow:hidden;background:linear-gradient(155deg,#143348,#0b2536);border:1px solid #2a576e;border-radius:15px;box-shadow:0 10px 23px #0003;padding:17px 12px;align-items:center;justify-content:center;text-align:center;min-height:110px}.kpis>div:before,.ops-kpis>a:before,.ops-kpis>div:before{position:absolute;content:"";height:1px;inset:0 14% auto;background:linear-gradient(90deg,transparent,#73dee356,transparent)}.kpis b,.ops-kpis b{color:#f1fbff;letter-spacing:.3px}.kpis span,.ops-kpis span{color:#b8cbd7}.kpis .hi{background:#124953}
.grid th,.grid td{border-bottom:1px solid #244356;text-align:center!important;vertical-align:middle!important}.grid th{background:#123348;color:#cbeaf1;font-weight:750;border-bottom:1px solid #32667b}.grid td{color:#e0edf5}.grid tbody tr:nth-child(even) td{background:#122f42a1}.grid tr.click:hover td,.grid tbody tr:hover td{background:#174356}.grid td.n,.grid th.sortable a{text-align:center!important}.grid tfoot td{background:#12384b;color:#fff}
.shipments-list-wrap{border-color:#2c6d86;overflow-x:auto}.shipments-list-table{min-width:1720px;table-layout:auto}.shipments-list-table th{padding:12px 7px;white-space:normal}.shipments-list-table td{padding:10px 8px;white-space:nowrap;line-height:1.45}.shipments-list-table td:first-child b{color:#74ebed}.shipments-list-table th.sortable a{justify-content:center;color:#cbeaf3;text-decoration:none}.shipments-list-table th.sortable a:hover{color:#70e8f0}
.status-select{width:auto;min-width:120px;max-width:100%;text-align:center;text-align-last:center;border-radius:99px;font-weight:750}.status-chip{display:inline-flex;min-width:108px;justify-content:center;padding:5px 12px}.status-chip.status-done,.status-select.status-done{background:#144937;color:#85e5b6;border:1px solid #277f5e}.status-chip.status-arrived,.status-select.status-arrived{background:#173e60;color:#8bcaff;border:1px solid #3986b6}.status-chip.status-clearing,.status-select.status-clearing{background:#503820;color:#ffce85;border:1px solid #946c31}.status-chip.status-late,.status-select.status-late{background:#51283b;color:#ffbac5;border:1px solid #9e4f60}.status-chip.status-stopped,.status-select.status-stopped{background:#263c4e;color:#c8d5e3;border:1px solid #5d788b}
.fields .f{background:#0b273a;border:1px solid #27475d;border-radius:10px;padding:12px}.fields .f span{color:#a9c3d3}.fields .f b{color:#ecf8ff;display:block;overflow-wrap:anywhere}.modepanel{background:#133649;border-color:#387086}.modepanel.automatic{background:#143c33;border-color:#2b6a54}.modepanel.historical{background:#40311e;border-color:#78592f}
.premium-hero{border:1px solid #236177;border-radius:16px;overflow:hidden;background:#0a2b3f;box-shadow:0 15px 35px #0004;margin-bottom:19px}.operation-hero{display:grid;grid-template-columns:minmax(370px,.9fr) minmax(360px,1fr);align-items:stretch;min-height:210px;position:relative}.hero-copy{position:relative;z-index:1;padding:26px clamp(20px,3vw,43px)}.hero-copy h1{margin:9px 0}.hero-copy p{color:#bdd5e1;margin:7px 0 20px}.hero-eyebrow{direction:ltr;display:flex;gap:8px;align-items:center;justify-content:flex-end;letter-spacing:1px;color:#a4e7e7;font-weight:750}.hero-live-dot{background:#59e9c8;width:7px;height:7px;box-shadow:0 0 0 4px #60dbb221;border-radius:50%}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-art{background:linear-gradient(90deg,transparent,#04152416),url('maritime-hero.svg') center/cover no-repeat;min-height:220px}
.premium-kpis{grid-template-columns:repeat(7,minmax(120px,1fr))}.premium-kpis>a,.premium-kpis>div{min-height:144px;gap:6px;padding:12px 8px}.premium-kpis .metric-symbol{display:grid;place-items:center;width:35px;height:35px;margin:0 auto 4px;border:1px solid currentColor;border-radius:10px;background:#ffffff09;font-weight:850}.metric-blue .metric-symbol{color:#81c8ff}.metric-teal .metric-symbol{color:#6be4d6}.metric-purple .metric-symbol{color:#c3a6ff}.metric-gold .metric-symbol{color:#e4b96a}.metric-red .metric-symbol{color:#ff98a6}.ops-kpis .danger,.ops-kpis .warn{background:#142b3a;border-color:#335367}.ops-grid{grid-template-columns:minmax(350px,.9fr) minmax(480px,1.4fr)}
.ops-alert{background:#0d2a3d;border-color:#28556b;border-radius:10px;padding:12px}.ops-alert:hover{background:#174257}.ops-alert.danger{background:#46282b77}.ops-alert.warn{background:#4b391b63}.alert-dot{background:#94baca}.ops-alert.danger .alert-dot{background:#f38b91}.ops-alert.warn .alert-dot{background:#eec16e}
.premium-insights{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.insight-card{margin:0}.status-bars{display:grid;gap:15px}.status-bar-title{display:flex;justify-content:space-between;gap:14px}.status-bar-title b{direction:ltr}.status-bar-title small{color:#9ab6c8;font-weight:500}.status-track{height:9px;margin-top:6px;background:#071d30;border:1px solid #23485c;border-radius:20px;overflow:hidden}.status-track span{display:block;background:linear-gradient(90deg,#45c6d0,#7debd8);height:100%;border-radius:20px}.recent-activity-list{display:grid}.recent-activity-item{display:grid;grid-template-columns:11px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid #244357;padding:11px 2px;color:#e6f4f8}.recent-activity-item:hover{text-decoration:none;color:#72e5e6}.recent-activity-item b,.recent-activity-item small{display:block}.recent-activity-item small,.recent-activity-item time{color:#a1b9c8}.recent-activity-item time{direction:ltr;white-space:nowrap}.activity-bullet{background:#50d5bc;box-shadow:0 0 0 4px #153b49;width:8px;height:8px;border-radius:50%}
.shipment-quicknav{display:flex;gap:7px;flex-wrap:wrap;background:#0d2e43;border:1px solid #2b5871;border-radius:13px;padding:8px;margin-bottom:15px}.shipment-quicknav a{padding:9px 14px;border:1px solid transparent;border-radius:9px;font-weight:700;color:#cce1ec}.shipment-quicknav a:hover{background:#15566b;border-color:#3b8499;color:#fff;text-decoration:none}#shipment-items,#shipment-expenses,#timeline{scroll-margin-top:115px}.page-view .kpis>div{min-height:125px}.timeline:before{background:#335970}.timeline-dot{background:#5adedc;border-color:#102f45}
.doc-type-card,.document-row{background:#112e42;border-color:#2c5a71}.doc-icon{background:#114050;color:#9bece7}.page-items .tablewrap,.page-stats .tablewrap,.page-warehouse .tablewrap{border-color:#2b6279}.grid.edit input{background:#092337;color:#eaf8fc;border-color:#335a6e}.grid.edit input.calc{background:#163949}.danger-soft{background:#3f2937;border-color:#874e61}
.page-login,.page-setup{max-width:none;width:100%;padding:0 16px 36px}.premium-auth-shell{display:grid;grid-template-columns:1.03fr .85fr;max-width:1250px;min-height:calc(100vh - 180px);margin:24px auto 0;border:1px solid #2b637a;border-radius:20px;overflow:hidden;box-shadow:0 25px 80px #0007}.premium-auth-story{display:flex;flex-direction:column;justify-content:space-between;min-height:575px;padding:38px;background:linear-gradient(#051c3060,#051421c9),url('maritime-hero.svg') center/cover no-repeat}.story-top{display:flex;justify-content:space-between;direction:ltr}.story-eyebrow,.story-message .eyebrow{color:#8ce8ea;letter-spacing:1.8px}.story-spark{color:#e9bd7b}.story-message h2{font-size:clamp(30px,3vw,47px);margin:12px 0;color:#fff;line-height:1.35;border:0}.story-message p{color:#d5e7ee;line-height:1.8}.story-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.story-points span{border:1px solid #5aafbc99;border-radius:99px;padding:6px 12px;background:#092c43b3;color:#d2f3f7}.premium-auth-content{display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 50% 0%,#1f80903b,transparent 65%),#091e31}.premium-auth-content .authbox{width:min(100%,430px);max-width:none;margin:0;border:1px solid #2f7c8c;border-radius:16px;background:linear-gradient(155deg,#103447,#082338);padding:30px}.premium-auth-content .authbox h1{margin:0}.premium-auth-content label{font-weight:700}.premium-auth-content .authbox .btn{margin-top:15px;min-height:46px}
.site-footer{background:#071523;border-top:1px solid #26465b;color:#a9bbca;text-align:center;align-self:stretch;padding:19px}.site-footer .footer-credit,.site-footer .footer-release{text-align:center;display:block}.site-footer .footer-release{margin-top:9px}.site-footer a{color:#67dce1}.footer-version{display:inline-block;background:#102d42;border:1px solid #2d566c;padding:3px 10px;border-radius:99px}
@media(max-width:1550px){.top{padding-inline:12px;gap:10px}.top nav a{padding:9px}.brand{min-width:180px}.user-label{max-width:110px}.premium-kpis{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}}
@media(max-width:1100px){.top{flex-wrap:wrap}.top nav{order:3;flex-basis:100%;overflow-x:auto}.who{margin-inline-start:auto}.premium-insights{grid-template-columns:1fr 1fr}.premium-auth-shell{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.user-label{display:none}.top nav a{padding:9px}.operation-hero{grid-template-columns:1fr}.hero-art{position:absolute;inset:0;opacity:.26}.premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid,.premium-insights{grid-template-columns:1fr}.premium-hero{min-height:235px}.premium-auth-shell{grid-template-columns:1fr}.premium-auth-story{min-height:315px;padding:25px}.premium-auth-content{padding:23px 14px}.premium-auth-content .authbox{padding:23px}.filters{padding:8px}.shipment-quicknav a{padding:7px 9px}}
@media(max-width:460px){.who .btn.primary{padding:6px}.brand-copy small{display:none}.user-avatar{display:none}}
@media print{.top,.premium-hero,.shipment-quicknav,.site-footer{display:none!important}body,main,.card,.tablewrap,.grid td,.grid th{background:#fff!important;box-shadow:none!important;color:#000!important}}
/* Narrow-screen containment: data tables scroll internally, not the entire page. */
@media(max-width:760px){.ops-grid,.premium-insights{grid-template-columns:minmax(0,1fr)}.ops-grid>* ,.premium-insights>*{min-width:0}.ops-grid .tablewrap{max-width:100%;overflow-x:auto}.ops-grid table.grid{min-width:490px}.ops-alert{grid-template-columns:9px 64px minmax(0,1fr);gap:6px}.ops-alert small{grid-column:3}.ops-alert span{overflow-wrap:anywhere}.hero-eyebrow{overflow-wrap:anywhere;word-break:break-word}.premium-hero{min-width:0}}