:root{--brand:#0b5d7a;--brand-dark:#083c52;--accent:#ef8b2c;--bg:#eef3f6;--panel:#fff;--soft:#f6f9fb;--border:#d7e0e6;--text:#14232d;--muted:#667884;--danger:#b83245;--success:#1f7a4d;--warning:#a36400;--shadow:0 4px 16px rgba(24,48,62,.08);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.portal-shell{min-height:100vh}.brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:900;letter-spacing:.06em;box-shadow:var(--shadow)}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:11px}.entry-screen{min-height:100vh;padding:32px;background:radial-gradient(circle at 80% 10%,rgba(11,93,122,.16),transparent 32%),linear-gradient(135deg,#f8fbfd,#e7eff3);display:flex;flex-direction:column}.entry-brand{display:flex;align-items:center;gap:14px}.entry-brand strong,.entry-brand span{display:block}.entry-brand strong{font-size:18px}.entry-brand span{color:var(--muted);margin-top:4px}.entry-card{margin:auto;width:min(900px,100%);background:#fff;border:1px solid var(--border);border-radius:20px;padding:46px;box-shadow:0 24px 70px rgba(19,53,72,.14)}.entry-eyebrow,.eyebrow,.panel-kicker{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);font-weight:900}.entry-card h1{font-size:42px;line-height:1.08;margin:14px 0 16px;max-width:760px}.entry-card>p{font-size:17px;line-height:1.55;color:var(--muted);max-width:760px}.entry-actions{display:flex;gap:12px;margin:28px 0}.button{border:1px solid transparent;border-radius:9px;padding:9px 14px;font-weight:800;color:var(--text);background:#fff}.button.primary{background:var(--brand);color:#fff}.button.primary:hover{background:var(--brand-dark)}.button.secondary{border-color:var(--border);background:var(--soft)}.button.dark{background:#101820;color:#fff}.button.large{padding:13px 18px;font-size:14px}.button.full{width:100%}.icon-button{border:0;background:transparent;padding:7px;border-radius:8px}.manual-login{border-top:1px solid var(--border);padding-top:18px}.manual-login summary{font-weight:800;color:var(--brand)}.manual-login form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-top:14px;align-items:end}.manual-login label,.form-grid label,.booking-form label{display:grid;gap:5px;color:var(--muted);font-weight:700}.manual-login input,.form-grid input,.form-grid select,.form-grid textarea,.search-input,.toolbar select,.tracking-search input,.tracking-search select{width:100%;border:1px solid var(--border);border-radius:8px;padding:9px 10px;background:#fff;color:var(--text)}textarea{min-height:82px;resize:vertical}.form-error,.action-message{color:var(--danger);font-weight:700}.entry-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.entry-stats span{background:var(--soft);border:1px solid var(--border);border-radius:10px;padding:10px 13px;color:var(--muted)}.entry-stats b{display:block;color:var(--text);font-size:18px}.customer-header{height:74px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:26px;position:sticky;top:0;z-index:30}.customer-brand{display:flex;align-items:center;gap:10px;min-width:210px}.customer-brand strong,.customer-brand span{display:block}.customer-brand span{font-size:10px;color:var(--muted);margin-top:3px}.customer-nav{display:flex;align-items:stretch;height:100%;gap:2px;flex:1}.customer-nav button{border:0;background:transparent;padding:0 13px;font-weight:800;color:#4d5e69;border-bottom:3px solid transparent}.customer-nav button.active,.customer-nav button:hover{color:var(--brand);border-bottom-color:var(--brand)}.header-user{display:flex;align-items:center;gap:9px}.header-user strong,.header-user span{display:block}.header-user span{color:var(--muted);font-size:10px;margin-top:3px}.user-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#daf0e2;color:#1b6d45;font-weight:900}.customer-main{max-width:1500px;margin:0 auto;padding:24px}.customer-page,.ops-page{display:none}.customer-page.active,.ops-page.active{display:block}.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.page-title-row h1{font-size:28px;margin:6px 0}.page-title-row p{margin:0;color:var(--muted)}.search-combo{display:flex;min-width:390px}.search-combo input{flex:1;border:1px solid var(--border);border-radius:8px 0 0 8px;padding:10px}.search-combo button{border-radius:0 8px 8px 0}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:15px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:11px;padding:13px;box-shadow:var(--shadow)}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{font-size:10px;color:var(--muted);font-weight:800}.metric-card strong{font-size:23px;margin:7px 0}.metric-card small{font-size:10px;color:var(--muted)}.metric-card.warning{border-top:3px solid #e5a437}.metric-card.danger{border-top:3px solid var(--danger)}.metric-card.success{border-top:3px solid var(--success)}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.panel-head h2{margin:4px 0 0;font-size:16px}.task-list,.notification-list,.automation-list{display:grid;gap:8px}.task-row,.notification-row{border:1px solid var(--border);border-radius:9px;background:var(--soft);padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.task-row strong,.task-row span,.notification-row strong,.notification-row span{display:block}.task-row span,.notification-row span{color:var(--muted);font-size:10px;margin-top:3px}.task-row button{white-space:nowrap}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:9px}.table-wrap table{width:100%;border-collapse:collapse;min-width:850px}.table-wrap th{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--soft);text-align:left;padding:9px;position:sticky;top:0}.table-wrap td{padding:9px;border-top:1px solid var(--border);vertical-align:top}.table-wrap tr:hover td{background:#f8fbfc}.table-wrap strong,.table-wrap small{display:block}.table-wrap small{color:var(--muted);font-size:10px;margin-top:3px}.status-badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;background:#e8eef2;color:#50636e}.status-BRANCH_APPROVAL_PENDING,.status-FINANCE_PENDING{background:#fff0d5;color:#805000}.status-BRANCH_REJECTED,.status-CANCELLED{background:#fde3e6;color:#8e2634}.status-SI_PENDING,.status-DRAFT_REVIEW{background:#e3eff8;color:#225b7b}.status-RELEASE_READY,.status-RELEASED,.status-ACCEPTED{background:#e2f3e8;color:#196940}.mini-button{border:0;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:900;background:var(--brand);color:#fff;margin-right:4px}.mini-button.secondary{background:#edf2f5;color:var(--text);border:1px solid var(--border)}.mini-button.danger{background:var(--danger)}.empty-state{padding:28px;text-align:center;color:var(--muted)}.wizard-steps{display:flex;background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:14px;overflow:hidden}.wizard-steps button{flex:1;border:0;background:transparent;padding:13px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-weight:800;border-bottom:3px solid transparent}.wizard-steps button b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e7edf1}.wizard-steps button.active{color:var(--brand);border-bottom-color:var(--brand);background:#f8fbfc}.wizard-steps button.active b{background:var(--brand);color:#fff}.wizard-panel{display:none}.wizard-panel.active{display:block}.form-section-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:9px;margin-bottom:12px}.form-section-title h2{margin:0;font-size:16px}.form-section-title span{color:var(--muted);font-size:10px}.top-gap{margin-top:20px}.form-grid{display:grid;gap:12px}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid fieldset{border:1px solid var(--border);border-radius:10px;padding:13px;display:grid;gap:10px}.form-grid legend{font-weight:900;color:var(--brand);padding:0 6px}.toggle-row,.terms-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:13px;padding:11px;background:var(--soft);border-radius:9px}.equipment-rows{display:grid;gap:8px}.equipment-row{display:grid;grid-template-columns:1.2fr .6fr .8fr auto;gap:8px;align-items:end;border:1px solid var(--border);border-radius:9px;padding:10px;background:var(--soft)}.equipment-row label{display:grid;gap:5px;color:var(--muted);font-weight:700}.equipment-row select,.equipment-row input{border:1px solid var(--border);border-radius:7px;padding:8px}.panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.offer-card{border:1px solid var(--border);border-radius:12px;padding:14px;background:#fff;display:grid;gap:10px}.offer-card.selected{border:2px solid var(--brand);background:#f5fbfd}.offer-card .offer-date{display:flex;justify-content:space-between;align-items:center}.offer-card .offer-date strong{font-size:24px}.offer-card h3{margin:0;font-size:16px}.offer-card .route{font-size:11px;color:var(--muted)}.offer-card .price{font-size:24px;font-weight:900;color:var(--brand)}.offer-card dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}.offer-card dt{color:var(--muted);font-size:9px}.offer-card dd{margin:2px 0 0;font-weight:800}.selected-offer-summary,.result-box{border:1px solid var(--border);background:var(--soft);border-radius:10px;padding:12px;margin-bottom:14px}.toolbar{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:12px}.toolbar .search-input{max-width:460px}.schedule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.schedule-card{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--soft)}.schedule-card h3{margin:0 0 5px}.schedule-card .rotation{font-size:10px;color:var(--muted);line-height:1.5}.tracking-panel{max-width:880px}.tracking-search{display:grid;grid-template-columns:180px 1fr auto;gap:8px}.tracking-result{margin-top:14px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.detail-section{display:grid;gap:12px}.detail-card{background:#fff;border:1px solid var(--border);border-radius:11px;padding:14px}.detail-card h2{margin:0 0 12px;font-size:16px}.detail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail-summary div{background:var(--soft);border-radius:8px;padding:9px}.detail-summary span,.detail-summary strong{display:block}.detail-summary span{color:var(--muted);font-size:9px}.detail-summary strong{margin-top:4px}.inline-form{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.inline-form .wide{grid-column:1/-1}.operations-shell{display:flex}.sidebar{width:250px;background:#102f40;color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.sidebar-brand{height:74px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand span{color:#a9c0cc;font-size:10px}.sidebar nav{padding:12px 8px;display:grid;gap:4px}.sidebar nav button{border:0;background:transparent;color:#c8dae3;border-radius:8px;padding:10px;text-align:left;display:grid;grid-template-columns:24px 1fr auto;align-items:center;font-weight:800}.sidebar nav button.active,.sidebar nav button:hover{background:rgba(255,255,255,.12);color:#fff}.sidebar nav b{background:var(--accent);color:#fff;border-radius:999px;padding:2px 6px;font-size:9px}.sidebar-footer{margin-top:auto;padding:12px}.ops-workspace{margin-left:250px;min-height:100vh;width:calc(100% - 250px)}.ops-topbar{height:74px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:10}.breadcrumb{color:var(--muted)}.ops-main{padding:22px}.automation-list div{border:1px solid var(--border);background:var(--soft);border-radius:8px;padding:10px;font-weight:700}.network-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.office-tree,.link-list{display:grid;gap:8px}.office-node,.link-row{border:1px solid var(--border);border-radius:9px;background:var(--soft);padding:10px}.office-node.child{margin-left:22px;border-left:4px solid var(--brand)}.office-node strong,.office-node span{display:block}.office-node span{font-size:10px;color:var(--muted);margin-top:3px}.link-row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.module-grid button{border:1px solid var(--border);background:#fff;border-radius:11px;padding:20px;text-align:left;font-weight:900;box-shadow:var(--shadow)}.text-button{border:0;background:transparent;color:var(--brand);padding:0;font-weight:800}.danger-text{color:var(--danger)}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(2,1fr)}.offer-grid,.schedule-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(3,1fr)}.customer-nav button{padding:0 8px;font-size:11px}.customer-header{padding:0 14px}}
@media(max-width:900px){.customer-header{height:auto;flex-wrap:wrap;padding:10px}.customer-nav{order:3;width:100%;height:44px;overflow:auto}.header-user>div:nth-child(2){display:none}.customer-main,.ops-main{padding:12px}.content-grid,.detail-grid,.network-layout{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.form-grid.three,.form-grid.two,.form-grid.four{grid-template-columns:1fr}.equipment-row{grid-template-columns:1fr 1fr}.offer-grid,.schedule-grid{grid-template-columns:1fr}.search-combo{min-width:0;width:100%}.page-title-row{flex-direction:column}.sidebar{width:70px}.sidebar-brand>div:last-child,.sidebar nav span,.sidebar nav b,.sidebar-footer{display:none}.sidebar nav button{grid-template-columns:1fr;text-align:center}.ops-workspace{margin-left:70px;width:calc(100% - 70px)}.module-grid{grid-template-columns:repeat(2,1fr)}.manual-login form{grid-template-columns:1fr}.entry-card{padding:28px}.entry-card h1{font-size:30px}}
@media(max-width:560px){.metric-grid{grid-template-columns:repeat(2,1fr)}.entry-screen{padding:14px}.entry-card{padding:22px}.entry-actions{flex-direction:column}.equipment-row{grid-template-columns:1fr}.tracking-search{grid-template-columns:1fr}.detail-summary{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:1fr}.customer-brand{min-width:0}.customer-brand span{display:none}}
.network-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr)}
.network-globe-panel{grid-column:1/-1;overflow:hidden}
#officeGlobe{display:block;width:100%;height:470px;border-radius:12px;background:#082f48;touch-action:none;cursor:grab}
#officeGlobe:active{cursor:grabbing}
.globe-info{margin-top:10px;min-height:62px;border:1px solid var(--border);border-radius:10px;background:var(--soft);padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.globe-info strong,.globe-info span{display:block}.globe-info span{font-size:10px;color:var(--muted);margin-top:3px}
.globe-metrics{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.globe-metrics b{min-width:62px;border-left:1px solid var(--border);padding-left:9px;font-size:13px}.globe-metrics small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.office-node{width:100%;text-align:left;color:var(--text);cursor:pointer}.office-node:hover{border-color:var(--brand);background:#f3fafc}.office-node small{display:block;color:var(--muted);font-size:9px;margin-top:5px}
@media(max-width:900px){#officeGlobe{height:390px}.network-layout{grid-template-columns:1fr}.globe-info{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){#officeGlobe{height:320px}.globe-metrics b{min-width:52px}}

/* V1.1 customer portal and voyage capacity */
.capacity-block{margin:12px 0;padding:10px 12px;border:1px solid #d7e3e9;border-radius:9px;background:#f7fafc}
.capacity-line,.capacity-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.capacity-line{font-size:12px;color:#526b79}.capacity-line strong{font-size:13px;color:#11394e}
.capacity-meta{margin-top:5px;font-size:11px;color:#6a7f8b}
.capacity-track{height:8px;border-radius:999px;background:#dfe9ee;overflow:hidden;margin-top:7px}
.capacity-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1397b9,#e7a21a 82%,#c33d4b)}
.capacity-track.compact{height:5px;margin-top:5px;min-width:120px}
.capacity-unconfigured{margin:12px 0;padding:9px 11px;border-radius:8px;background:#fff5db;border:1px solid #eed594;font-size:12px;color:#7b5d12}
.schedule-card.schedule-closed{opacity:.78;border-color:#e6c3c7}.schedule-card.schedule-closed .capacity-track i{background:#b53b4d}
.capacity-table-wrap table{min-width:1450px}.capacity-table-wrap input[type=number]{width:110px;min-width:90px;padding:7px;border:1px solid #cfdce3;border-radius:7px;background:#fff}
.capacity-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(80px,1fr));gap:5px}.capacity-mini-grid label{display:flex;align-items:center;gap:4px;font-size:10px;color:#5e7480}.capacity-mini-grid input{width:72px!important;min-width:60px!important}
.inline-check{display:flex!important;align-items:center;gap:6px;margin:2px 0 6px;white-space:nowrap}.inline-check input{width:auto!important;min-width:0!important}
@media(max-width:900px){.capacity-table-wrap{overflow:auto}.capacity-block{padding:9px}.capacity-mini-grid{grid-template-columns:1fr}}

/* V1.1.3 demo portal switch */
.ops-topbar-actions{display:flex;align-items:center;gap:14px}
.portal-switch-button{border:1px solid #bfd3dc;background:linear-gradient(180deg,#fff,#f3f8fa);color:var(--brand-dark);border-radius:10px;min-height:44px;padding:6px 11px;display:inline-flex;align-items:center;gap:9px;box-shadow:0 3px 12px rgba(18,62,82,.08);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;white-space:nowrap}
.portal-switch-button:hover{transform:translateY(-1px);border-color:var(--brand);box-shadow:0 7px 18px rgba(18,62,82,.14)}
.portal-switch-button:focus-visible{outline:3px solid rgba(11,93,122,.2);outline-offset:2px}
.portal-switch-button:disabled{opacity:.65;cursor:wait;transform:none}
.portal-switch-button.switching .portal-switch-icon{animation:portalSwitchSpin .75s linear infinite}
.portal-switch-icon{width:29px;height:29px;border-radius:8px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:17px;font-weight:900}
.portal-switch-copy{display:grid;text-align:left;line-height:1.05}.portal-switch-copy b{font-size:11px}.portal-switch-copy small{font-size:8px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.05em}
@keyframes portalSwitchSpin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.customer-header .portal-switch-copy{display:none}.customer-header .portal-switch-button{padding:6px}}
@media(max-width:900px){.ops-topbar{height:auto;min-height:66px;padding:9px 12px;gap:10px}.ops-topbar-actions{gap:8px}.portal-switch-copy small{display:none}.portal-switch-button{min-height:39px;padding:5px 8px}.portal-switch-icon{width:27px;height:27px}.customer-header .portal-switch-copy{display:grid}}
@media(max-width:560px){.portal-switch-copy{display:none!important}.portal-switch-button{padding:5px}.ops-topbar .header-user>div:nth-child(2){display:none}}


/* V1.1.4 global theme and visible logout controls */
:root{--surface:#fff;--surface-alt:#f8fbfc;--input:#fff;--hover:#f8fbfc;--sidebar:#102f40;--sidebar-text:#c8dae3;--topbar:#fff;--entry-a:#f8fbfd;--entry-b:#e7eff3;--focus:rgba(11,93,122,.2)}
html[data-theme="ocean"]{--brand:#087c91;--brand-dark:#055566;--accent:#f19a38;--bg:#e8f3f6;--surface:#fdfefe;--surface-alt:#eef8fa;--input:#fff;--soft:#edf7f9;--border:#c6dde3;--text:#12303a;--muted:#607a84;--sidebar:#073e50;--sidebar-text:#cae3e9;--topbar:#fff;--entry-a:#f4fbfc;--entry-b:#dceef2;--focus:rgba(8,124,145,.22);--shadow:0 4px 16px rgba(7,62,80,.09)}
html[data-theme="emerald"]{--brand:#16735a;--brand-dark:#0d4d3c;--accent:#dc8d2a;--bg:#edf4f0;--surface:#fff;--surface-alt:#f2f8f5;--input:#fff;--soft:#eff7f3;--border:#cfdfd7;--text:#18312a;--muted:#61776f;--sidebar:#123f35;--sidebar-text:#d0e4dd;--topbar:#fff;--entry-a:#f7fbf9;--entry-b:#e2eee8;--focus:rgba(22,115,90,.22);--shadow:0 4px 16px rgba(18,63,53,.09)}
html[data-theme="sand"]{--brand:#8a5a25;--brand-dark:#5d3b18;--accent:#bd6f2a;--bg:#f3eee6;--surface:#fffdf9;--surface-alt:#faf5ec;--input:#fffdf9;--soft:#f8f1e6;--border:#dfd2bf;--text:#33291f;--muted:#786a59;--sidebar:#493725;--sidebar-text:#eadfce;--topbar:#fffdf9;--entry-a:#fffaf2;--entry-b:#eee3d2;--focus:rgba(138,90,37,.22);--shadow:0 4px 16px rgba(73,55,37,.09)}
html[data-theme="graphite"]{--brand:#536575;--brand-dark:#35424e;--accent:#db812d;--bg:#e8ebed;--surface:#f9fafb;--surface-alt:#f0f2f4;--input:#fff;--soft:#eef1f3;--border:#cbd1d6;--text:#222a31;--muted:#65717b;--sidebar:#252e36;--sidebar-text:#d4dbe0;--topbar:#f9fafb;--entry-a:#f4f6f7;--entry-b:#dde2e6;--focus:rgba(83,101,117,.24);--shadow:0 4px 16px rgba(37,46,54,.11)}
html[data-theme="night"]{--brand:#2bb3d0;--brand-dark:#1688a1;--accent:#f0a44a;--bg:#0d1720;--surface:#14232d;--surface-alt:#182b37;--input:#101d26;--soft:#1a2c37;--border:#2c4351;--text:#edf5f8;--muted:#9eb1bb;--sidebar:#08131b;--sidebar-text:#c3d6de;--topbar:#111f28;--entry-a:#101d26;--entry-b:#0b151d;--focus:rgba(43,179,208,.28);--shadow:0 5px 20px rgba(0,0,0,.24);color-scheme:dark}
body{color:var(--text)}
.entry-screen{background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 32%),linear-gradient(135deg,var(--entry-a),var(--entry-b))}
.entry-card,.customer-header,.metric-card,.panel,.wizard-steps,.offer-card,.detail-card,.ops-topbar,.module-grid button,.button{background:var(--surface)}
.manual-login input,.form-grid input,.form-grid select,.form-grid textarea,.search-input,.toolbar select,.tracking-search input,.tracking-search select,.equipment-row select,.equipment-row input,.capacity-table-wrap input[type=number]{background:var(--input);color:var(--text)}
.search-combo input{background:var(--input);color:var(--text);border-color:var(--border)}
.table-wrap tr:hover td,.wizard-steps button.active,.offer-card.selected{background:var(--surface-alt)}
.sidebar{background:var(--sidebar)}.sidebar nav button{color:var(--sidebar-text)}
.customer-nav button{color:var(--muted)}
.portal-switch-button{background:linear-gradient(180deg,var(--surface),var(--soft));color:var(--text);border-color:var(--border)}
.portal-switch-button:focus-visible,.utility-button:focus-visible,.theme-options button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.office-node:hover{background:var(--surface-alt)}
.topbar-utilities{display:flex;align-items:center;gap:7px}
.utility-button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;min-height:42px;padding:5px 9px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.utility-button:hover{transform:translateY(-1px);border-color:var(--brand);background:var(--surface-alt)}
.utility-icon{width:28px;height:28px;border-radius:8px;background:var(--soft);color:var(--brand);display:grid;place-items:center;font-size:17px;font-weight:900}
.utility-copy{display:grid;text-align:left;line-height:1.05}.utility-copy b{font-size:10px}.utility-copy small{font-size:8px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}
.logout-button .utility-icon{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.logout-button:hover{border-color:var(--danger)}
.theme-menu{position:fixed;z-index:2000;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:0 18px 55px rgba(0,0,0,.24)}
.theme-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:3px 3px 10px;border-bottom:1px solid var(--border)}.theme-menu-head strong,.theme-menu-head span{display:block}.theme-menu-head strong{font-size:13px}.theme-menu-head span{color:var(--muted);font-size:9px;margin-top:4px}
.theme-close{border:0;background:var(--soft);color:var(--text);width:28px;height:28px;border-radius:8px;font-size:19px;line-height:1}
.theme-options{display:grid;gap:5px;margin-top:9px}.theme-options button{width:100%;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:9px;border:1px solid transparent;background:transparent;color:var(--text);border-radius:9px;padding:7px;text-align:left}.theme-options button:hover{background:var(--soft)}.theme-options button.selected{border-color:var(--brand);background:var(--surface-alt)}.theme-options button span,.theme-options button b,.theme-options button small{display:block}.theme-options button b{font-size:11px}.theme-options button small{font-size:8px;color:var(--muted);margin-top:3px}.theme-options button em{font-style:normal;color:var(--brand);font-weight:900;opacity:0}.theme-options button.selected em{opacity:1}
.theme-swatch{width:32px;height:32px;border-radius:9px;border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 4px rgba(255,255,255,.24)}.swatch-corporate{background:linear-gradient(135deg,#0b5d7a 0 50%,#eef3f6 50%)}.swatch-ocean{background:linear-gradient(135deg,#087c91 0 50%,#e8f3f6 50%)}.swatch-emerald{background:linear-gradient(135deg,#16735a 0 50%,#edf4f0 50%)}.swatch-sand{background:linear-gradient(135deg,#8a5a25 0 50%,#f3eee6 50%)}.swatch-graphite{background:linear-gradient(135deg,#536575 0 50%,#e8ebed 50%)}.swatch-night{background:linear-gradient(135deg,#2bb3d0 0 50%,#0d1720 50%)}
html[data-theme="night"] .status-badge{filter:saturate(.8) brightness(.9)}
html[data-theme="night"] .button.dark{background:#02080c}
html[data-theme="night"] select option{background:var(--input);color:var(--text)}
@media(max-width:1280px){.utility-copy{display:none}.utility-button{padding:6px}.customer-header{gap:12px}.ops-topbar-actions{gap:8px}}
@media(max-width:900px){.topbar-utilities{gap:5px}.utility-button{min-height:39px;padding:5px}.utility-icon{width:27px;height:27px}.customer-header .header-user{margin-left:auto}.customer-header .topbar-utilities{order:2}.customer-header .customer-nav{order:4}}
@media(max-width:560px){.customer-header .header-user{display:none}.logout-button .utility-icon,.utility-button .utility-icon{width:28px;height:28px}.theme-menu{max-height:calc(100vh - 20px);overflow:auto}.sidebar-footer{display:block}.sidebar-footer .button{font-size:0;padding:9px}.sidebar-footer .button:before{content:'⎋';font-size:18px}}
/* ========================================================================
   V1.1.5 PREMIUM APPLICATION SHELL
   Visual-only upgrade. No workflow, API or database behavior is changed.
   ======================================================================== */
:root{
  --chrome:#071b33;
  --chrome-2:#0b2c52;
  --chrome-text:#f7fbff;
  --chrome-muted:#9fb7cd;
  --brand:#0b6bcb;
  --brand-dark:#084d96;
  --accent:#15a7a0;
  --bg:#f2f6fb;
  --surface:#ffffff;
  --surface-alt:#f7faff;
  --soft:#f4f7fb;
  --border:#dbe4ee;
  --text:#132238;
  --muted:#65758a;
  --danger:#d43d51;
  --success:#21865b;
  --warning:#b56b08;
  --shadow:0 10px 30px rgba(25,53,87,.07);
  --shadow-lg:0 18px 48px rgba(17,39,68,.12);
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
}
html[data-theme="ocean"]{--chrome:#042a42;--chrome-2:#07506a;--brand:#0789a3;--brand-dark:#05667c;--accent:#16b8a8;--bg:#eef7fa}
html[data-theme="emerald"]{--chrome:#0b2e28;--chrome-2:#125343;--brand:#188266;--brand-dark:#105b49;--accent:#d9912c;--bg:#eff6f2}
html[data-theme="sand"]{--chrome:#332518;--chrome-2:#59412a;--brand:#96622b;--brand-dark:#68431d;--accent:#bd7130;--bg:#f6f1e9}
html[data-theme="graphite"]{--chrome:#1c252e;--chrome-2:#34414d;--brand:#5b7184;--brand-dark:#3d4e5d;--accent:#d48232;--bg:#eef0f2}
html[data-theme="night"]{--chrome:#050d15;--chrome-2:#0b1a25;--brand:#24aeca;--brand-dark:#16849b;--accent:#f0a44a;--bg:#0d1720;--surface:#13232e;--surface-alt:#172a36;--soft:#192d39;--border:#2a4250;--text:#eef6f9;--muted:#9eb1bd;--shadow:0 12px 34px rgba(0,0,0,.28);--shadow-lg:0 20px 56px rgba(0,0,0,.36)}

body.ui-v115{
  min-width:320px;
  color:var(--text);
  background:
    radial-gradient(circle at 82% 0, color-mix(in srgb,var(--brand) 8%,transparent), transparent 30rem),
    var(--bg);
  font-size:13px;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.ui-v115 ::selection{background:color-mix(in srgb,var(--brand) 24%,transparent)}
body.ui-v115 *{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--brand) 35%,var(--border)) transparent}
body.ui-v115 *::-webkit-scrollbar{width:8px;height:8px}
body.ui-v115 *::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand) 30%,var(--border));border-radius:999px}

/* Brand and entry */
.ui-v115 .brand-mark{
  background:linear-gradient(145deg,var(--brand),color-mix(in srgb,var(--brand) 65%,#35c7df));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 12px 28px color-mix(in srgb,var(--brand) 25%,transparent);
}
.ui-v115 .entry-screen{background:radial-gradient(circle at 78% 14%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 32%),linear-gradient(145deg,var(--surface-alt),var(--bg))}
.ui-v115 .entry-card{border-radius:24px;border-color:color-mix(in srgb,var(--brand) 12%,var(--border));box-shadow:var(--shadow-lg)}

/* Shared controls */
.ui-v115 .button{
  min-height:38px;
  border-radius:10px;
  padding:9px 15px;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;
}
.ui-v115 .button:hover{transform:translateY(-1px)}
.ui-v115 .button.primary{
  background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 72%,#278dff));
  box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 22%,transparent);
}
.ui-v115 .button.primary:hover{background:linear-gradient(135deg,var(--brand-dark),var(--brand));box-shadow:0 11px 24px color-mix(in srgb,var(--brand) 28%,transparent)}
.ui-v115 .button.secondary{background:var(--surface);border-color:var(--border);box-shadow:0 2px 7px rgba(21,48,79,.04)}
.ui-v115 .button.secondary:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--border));background:var(--surface-alt)}
.ui-v115 input,.ui-v115 select,.ui-v115 textarea{
  min-height:40px;
  border-color:var(--border)!important;
  border-radius:10px!important;
  background:var(--input,var(--surface))!important;
  color:var(--text)!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.ui-v115 textarea{min-height:92px}
.ui-v115 input:focus,.ui-v115 select:focus,.ui-v115 textarea:focus{
  outline:none;
  border-color:var(--brand)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 13%,transparent);
}
.ui-v115 label{letter-spacing:.005em}

/* Customer portal top navigation */
.ui-v115 .customer-header{
  min-height:78px;
  height:78px;
  padding:0 22px;
  gap:16px;
  color:var(--chrome-text);
  background:linear-gradient(112deg,var(--chrome),var(--chrome-2));
  border-bottom:1px solid rgba(255,255,255,.09);
  box-shadow:0 8px 25px rgba(5,24,45,.18);
}
.ui-v115 .customer-brand{min-width:205px}
.ui-v115 .customer-brand strong{color:#fff;font-size:13px;letter-spacing:.01em}
.ui-v115 .customer-brand span{color:var(--chrome-muted)}
.ui-v115 .customer-nav{height:58px;align-self:flex-end;gap:4px}
.ui-v115 .customer-nav button{
  height:44px;
  align-self:center;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:10px;
  color:#c8d8e8;
  border-bottom:1px solid transparent;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.ui-v115 .customer-nav button:hover{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.08)}
.ui-v115 .customer-nav button.active{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 82%,#fff),var(--brand));border-color:rgba(255,255,255,.18);box-shadow:0 7px 18px rgba(0,0,0,.18)}
.ui-v115 .customer-header .header-user strong,.ui-v115 .customer-header .header-user span{color:#fff}
.ui-v115 .customer-header .header-user span{color:var(--chrome-muted)}
.ui-v115 .customer-header .user-avatar{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18)}
.ui-v115 .customer-header .portal-switch-button,.ui-v115 .customer-header .utility-button{
  color:#fff;
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.16);
  box-shadow:none;
}
.ui-v115 .customer-header .portal-switch-button:hover,.ui-v115 .customer-header .utility-button:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28)}
.ui-v115 .customer-header .portal-switch-copy small,.ui-v115 .customer-header .utility-copy small{color:var(--chrome-muted)}
.ui-v115 .customer-header .portal-switch-icon,.ui-v115 .customer-header .utility-icon{background:rgba(255,255,255,.12);color:#fff}
.ui-v115 .customer-header .logout-button{border-color:rgba(255,106,126,.42)}
.ui-v115 .customer-header .logout-button .utility-icon{background:rgba(212,61,81,.2);color:#ffb0ba}

/* Operations shell */
.ui-v115 .sidebar{
  width:266px;
  background:linear-gradient(180deg,var(--chrome) 0%,color-mix(in srgb,var(--chrome) 78%,#02070c) 100%);
  color:#fff;
  border-right:1px solid rgba(255,255,255,.06);
  box-shadow:12px 0 35px rgba(8,29,53,.11);
}
.ui-v115 .sidebar-brand{
  min-height:82px;
  height:82px;
  padding:0 18px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.ui-v115 .sidebar-brand strong{font-size:13px;color:#fff;letter-spacing:.01em}
.ui-v115 .sidebar-brand span{color:var(--chrome-muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.ui-v115 .sidebar nav{padding:14px 10px;gap:5px;overflow:auto}
.ui-v115 .sidebar-nav-group{
  padding:13px 10px 5px;
  color:color-mix(in srgb,var(--chrome-muted) 78%,transparent);
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.ui-v115 .sidebar nav button{
  min-height:44px;
  grid-template-columns:32px minmax(0,1fr) auto;
  gap:8px;
  padding:7px 10px;
  color:#c9d9e8;
  border:1px solid transparent;
  border-radius:11px;
  transition:background .16s ease,color .16s ease,transform .16s ease,border-color .16s ease;
}
.ui-v115 .sidebar nav button:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(2px);border-color:rgba(255,255,255,.07)}
.ui-v115 .sidebar nav button.active{
  color:#fff;
  background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 72%,#1d92ff));
  border-color:rgba(255,255,255,.16);
  box-shadow:0 9px 23px color-mix(in srgb,var(--brand) 28%,transparent);
}
.ui-v115 .nav-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#d8e9f7;
  background:rgba(255,255,255,.075);
  font-size:14px;
}
.ui-v115 .sidebar nav button.active .nav-icon{background:rgba(255,255,255,.18);color:#fff}
.ui-v115 .sidebar nav b{background:#ff8b38;box-shadow:0 4px 12px rgba(255,139,56,.25)}
.ui-v115 .sidebar-footer{padding:12px 14px 16px;border-top:1px solid rgba(255,255,255,.08)}
.ui-v115 .sidebar-footer .button{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.ui-v115 .sidebar-footer .button:hover{background:rgba(212,61,81,.18);border-color:rgba(255,125,143,.42)}
.ui-v115 .ops-workspace{margin-left:266px;width:calc(100% - 266px)}
.ui-v115 .ops-topbar{
  min-height:78px;
  height:78px;
  padding:0 24px;
  color:#fff;
  background:linear-gradient(112deg,var(--chrome),var(--chrome-2));
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 25px rgba(5,24,45,.16);
  z-index:19;
}
.ui-v115 .ops-context{display:grid;gap:4px}
.ui-v115 .topbar-kicker{font-size:9px;font-weight:900;letter-spacing:.14em;color:#7fd3ee}
.ui-v115 .breadcrumb{color:#bcd0e1;font-size:11px}
.ui-v115 .breadcrumb b{color:#fff;font-size:13px}
.ui-v115 .ops-topbar .header-user strong{color:#fff}
.ui-v115 .ops-topbar .header-user span{color:var(--chrome-muted)}
.ui-v115 .ops-topbar .user-avatar{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18)}
.ui-v115 .ops-topbar .portal-switch-button,.ui-v115 .ops-topbar .utility-button{
  color:#fff;
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.16);
  box-shadow:none;
}
.ui-v115 .ops-topbar .portal-switch-button:hover,.ui-v115 .ops-topbar .utility-button:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28)}
.ui-v115 .ops-topbar .portal-switch-copy small,.ui-v115 .ops-topbar .utility-copy small{color:var(--chrome-muted)}
.ui-v115 .ops-topbar .portal-switch-icon,.ui-v115 .ops-topbar .utility-icon{background:rgba(255,255,255,.12);color:#fff}
.ui-v115 .ops-topbar .logout-button{border-color:rgba(255,106,126,.42)}
.ui-v115 .ops-topbar .logout-button .utility-icon{background:rgba(212,61,81,.2);color:#ffb0ba}
.ui-v115 .ops-main,.ui-v115 .customer-main{max-width:1720px;margin:0 auto;padding:26px 28px 42px}

/* Page hierarchy */
.ui-v115 .page-title-row{align-items:center;margin-bottom:20px}
.ui-v115 .page-title-row h1{font-size:30px;line-height:1.15;letter-spacing:-.025em;margin:5px 0 6px}
.ui-v115 .page-title-row p{font-size:12px;max-width:780px}
.ui-v115 .eyebrow,.ui-v115 .panel-kicker{color:var(--brand);letter-spacing:.14em}
.ui-v115 .panel,.ui-v115 .metric-card,.ui-v115 .detail-card,.ui-v115 .offer-card,.ui-v115 .wizard-steps{
  border-color:color-mix(in srgb,var(--brand) 7%,var(--border));
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
}
.ui-v115 .panel{padding:18px}
.ui-v115 .panel:hover{box-shadow:0 14px 36px rgba(22,52,85,.09)}
.ui-v115 .panel-head{align-items:center;margin-bottom:15px}
.ui-v115 .panel-head h2{font-size:17px;letter-spacing:-.01em}
.ui-v115 .metric-grid{gap:12px;margin-bottom:18px}
.ui-v115 .metric-card{
  min-height:108px;
  position:relative;
  overflow:hidden;
  padding:16px;
  background:linear-gradient(145deg,var(--surface),var(--surface-alt));
}
.ui-v115 .metric-card::after{
  content:"";
  position:absolute;
  inset:auto -22px -38px auto;
  width:90px;
  height:90px;
  border-radius:50%;
  background:color-mix(in srgb,var(--brand) 8%,transparent);
}
.ui-v115 .metric-card span{font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.ui-v115 .metric-card strong{font-size:27px;letter-spacing:-.035em;margin:8px 0 4px}
.ui-v115 .metric-card.warning{border-top:0;border-left:4px solid #e5a437}
.ui-v115 .metric-card.danger{border-top:0;border-left:4px solid var(--danger)}
.ui-v115 .metric-card.success{border-top:0;border-left:4px solid var(--success)}
.ui-v115 .content-grid{gap:16px}

/* Tables */
.ui-v115 .table-wrap{border-radius:13px;border-color:var(--border);background:var(--surface)}
.ui-v115 .table-wrap th{
  height:42px;
  padding:10px 12px;
  color:#5d7188;
  background:linear-gradient(180deg,var(--surface-alt),color-mix(in srgb,var(--surface-alt) 70%,var(--bg)));
  border-bottom:1px solid var(--border);
}
.ui-v115 .table-wrap td{padding:11px 12px;border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent)}
.ui-v115 .table-wrap tbody tr{transition:background .14s ease}
.ui-v115 .table-wrap tr:hover td{background:color-mix(in srgb,var(--brand) 4%,var(--surface))}
.ui-v115 .mini-button{min-height:28px;border-radius:8px;padding:6px 10px;box-shadow:0 4px 10px color-mix(in srgb,var(--brand) 16%,transparent)}
.ui-v115 .status-badge{padding:5px 9px;border:1px solid color-mix(in srgb,currentColor 16%,transparent)}

/* Forms, booking and shipment detail */
.ui-v115 .wizard-steps{padding:6px;background:var(--surface);overflow:visible}
.ui-v115 .wizard-steps button{min-height:48px;border-radius:11px;border-bottom:0}
.ui-v115 .wizard-steps button.active{border-bottom:0;background:color-mix(in srgb,var(--brand) 8%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent)}
.ui-v115 .form-grid fieldset{border-radius:14px;padding:16px;background:linear-gradient(145deg,var(--surface),var(--surface-alt))}
.ui-v115 .equipment-row{border-radius:13px;padding:12px;background:var(--surface-alt)}
.ui-v115 .offer-card{padding:17px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.ui-v115 .offer-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.ui-v115 .offer-card.selected{background:color-mix(in srgb,var(--brand) 5%,var(--surface));border-color:var(--brand)}
.ui-v115 .detail-grid{gap:16px}
.ui-v115 .detail-card{padding:17px;background:var(--surface)}
.ui-v115 .detail-summary{gap:10px}
.ui-v115 .detail-summary div{border:1px solid var(--border);border-radius:12px;padding:11px;background:var(--surface-alt)}
.ui-v115 .automation-list div{min-height:42px;border-radius:11px;background:var(--surface-alt);display:flex;align-items:center}
.ui-v115 .task-row,.ui-v115 .notification-row{border-radius:12px;background:var(--surface-alt)}

/* Portal switch, theme and logout */
.ui-v115 .ops-topbar-actions{gap:10px}
.ui-v115 .portal-switch-button,.ui-v115 .utility-button{min-height:44px;border-radius:11px}
.ui-v115 .portal-switch-icon,.ui-v115 .utility-icon{width:30px;height:30px;border-radius:8px}
.ui-v115 .utility-copy b,.ui-v115 .portal-switch-copy b{font-size:10px}
.ui-v115 .utility-copy small,.ui-v115 .portal-switch-copy small{font-size:8px}
.ui-v115 .theme-menu{width:min(340px,calc(100vw - 20px));border-radius:18px;padding:14px;box-shadow:var(--shadow-lg)}
.ui-v115 .theme-options button{min-height:50px;border-radius:12px;padding:8px 10px}

/* Better night theme contrast */
html[data-theme="night"] .ui-v115 .table-wrap th{color:#aec0cb}
html[data-theme="night"] .ui-v115 .customer-nav button{color:#b7c9d7}
html[data-theme="night"] .ui-v115 .button.secondary{background:var(--surface-alt)}
html[data-theme="night"] .ui-v115 .metric-card::after{background:rgba(43,179,208,.09)}

@media(min-width:1281px){
  .ui-v115 .utility-copy{display:grid}
}
@media(max-width:1280px){
  .ui-v115 .ops-topbar-actions{gap:7px}
  .ui-v115 .customer-header{gap:10px}
  .ui-v115 .customer-brand{min-width:170px}
  .ui-v115 .customer-nav button{padding:0 8px;font-size:10px}
  .ui-v115 .portal-switch-copy small,.ui-v115 .utility-copy small{display:none}
}
@media(max-width:1050px){
  .ui-v115 .utility-copy{display:none}
  .ui-v115 .customer-header .portal-switch-copy{display:none}
  .ui-v115 .customer-brand{min-width:150px}
}
@media(max-width:900px){
  .ui-v115 .sidebar{width:76px}
  .ui-v115 .sidebar-brand{padding:0 12px;justify-content:center}
  .ui-v115 .sidebar-brand>div:last-child,.ui-v115 .sidebar-nav-group,.ui-v115 .sidebar nav button>span:not(.nav-icon),.ui-v115 .sidebar nav b{display:none}
  .ui-v115 .sidebar nav button{grid-template-columns:1fr;padding:7px;justify-items:center}
  .ui-v115 .sidebar nav button:hover{transform:none}
  .ui-v115 .nav-icon{width:34px;height:34px}
  .ui-v115 .ops-workspace{margin-left:76px;width:calc(100% - 76px)}
  .ui-v115 .ops-topbar{height:auto;min-height:72px;padding:10px 12px}
  .ui-v115 .ops-context{display:none}
  .ui-v115 .ops-topbar-actions{width:100%;justify-content:flex-end}
  .ui-v115 .customer-header{height:auto;min-height:72px;padding:10px 12px}
  .ui-v115 .customer-nav{order:4;width:100%;height:48px;overflow-x:auto;align-self:auto}
  .ui-v115 .customer-nav button{height:38px;white-space:nowrap}
  .ui-v115 .customer-main,.ui-v115 .ops-main{padding:18px 14px 34px}
  .ui-v115 .page-title-row h1{font-size:25px}
  .ui-v115 .panel{padding:14px}
}
@media(max-width:560px){
  .ui-v115 .sidebar{width:64px}
  .ui-v115 .ops-workspace{margin-left:64px;width:calc(100% - 64px)}
  .ui-v115 .sidebar-brand{height:68px;min-height:68px}
  .ui-v115 .sidebar-brand .brand-mark{width:36px;height:36px}
  .ui-v115 .ops-topbar .header-user,.ui-v115 .customer-header .header-user{display:none}
  .ui-v115 .portal-switch-copy,.ui-v115 .utility-copy{display:none!important}
  .ui-v115 .ops-topbar-actions{gap:5px}
  .ui-v115 .metric-card{min-height:96px;padding:13px}
  .ui-v115 .metric-card strong{font-size:23px}
  .ui-v115 .page-title-row h1{font-size:23px}
}
/* ========================================================================
   LINER PLATFORM V1.1.6 COMPLETE LANGUAGE PACK + ARABIC RTL
   ======================================================================== */
.language-switcher{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  padding:5px 8px;
  border:1px solid var(--border,#dbe4ee);
  border-radius:11px;
  background:var(--surface,#fff);
  color:var(--text,#132238);
  box-shadow:0 4px 13px rgba(19,34,56,.06);
  position:relative;
  z-index:32;
}
.language-switcher .language-icon{
  width:28px;height:28px;display:grid;place-items:center;border-radius:8px;
  background:color-mix(in srgb,var(--brand,#0b6bcb) 10%,transparent);
  color:var(--brand,#0b6bcb);font-weight:900;font-size:13px;flex:0 0 auto;
}
.language-switcher .language-select{
  min-width:112px;height:30px;border:0!important;outline:0;background:transparent!important;
  color:inherit;font:inherit;font-size:11px;font-weight:800;padding:0 24px 0 3px;cursor:pointer;
  box-shadow:none!important;
}
.language-switcher .language-select option{color:#132238;background:#fff}
.entry-language-switcher{
  position:fixed;top:16px;right:18px;z-index:80;backdrop-filter:blur(14px);
}
.customer-header .language-switcher,.ops-topbar .language-switcher{
  background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.16);color:#fff;box-shadow:none;
}
.customer-header .language-switcher:hover,.ops-topbar .language-switcher:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28)}
.customer-header .language-switcher .language-icon,.ops-topbar .language-switcher .language-icon{background:rgba(255,255,255,.13);color:#fff}
.customer-header .language-switcher .language-select,.ops-topbar .language-switcher .language-select{color:#fff}

/* Arabic and all RTL languages */
html[dir="rtl"] body{direction:rtl;font-family:Tahoma,"Segoe UI",Arial,sans-serif}
html[dir="rtl"] .entry-language-switcher{right:auto;left:18px}
html[dir="rtl"] .entry-card,html[dir="rtl"] .entry-brand{text-align:right}
html[dir="rtl"] .customer-header,html[dir="rtl"] .ops-topbar{direction:rtl}
html[dir="rtl"] .customer-brand,html[dir="rtl"] .header-user,html[dir="rtl"] .portal-switch-button,html[dir="rtl"] .utility-button{direction:rtl}
html[dir="rtl"] .customer-nav{direction:rtl}
html[dir="rtl"] .customer-nav button,html[dir="rtl"] .sidebar nav button{text-align:right}
html[dir="rtl"] .sidebar{left:auto!important;right:0!important;border-right:0!important;border-left:1px solid rgba(255,255,255,.08)!important;box-shadow:-12px 0 35px rgba(8,29,53,.11)!important}
html[dir="rtl"] .ops-workspace{margin-left:0!important;margin-right:266px!important}
html[dir="rtl"] .sidebar nav button:hover{transform:translateX(-2px)!important}
html[dir="rtl"] .ops-topbar-actions,html[dir="rtl"] .topbar-utilities{direction:rtl}
html[dir="rtl"] .page-title-row,html[dir="rtl"] .panel-head,html[dir="rtl"] .form-section-title,html[dir="rtl"] .offer-date,html[dir="rtl"] .capacity-line,html[dir="rtl"] .capacity-meta{direction:rtl}
html[dir="rtl"] .page-title-row,html[dir="rtl"] .panel-head{text-align:right}
html[dir="rtl"] label,html[dir="rtl"] legend,html[dir="rtl"] th,html[dir="rtl"] td,html[dir="rtl"] .detail-card,html[dir="rtl"] .metric-card{text-align:right}
html[dir="rtl"] input:not([type="email"]):not([type="number"]):not([type="datetime-local"]),html[dir="rtl"] textarea,html[dir="rtl"] select{direction:rtl;text-align:right}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="number"],html[dir="rtl"] input[type="datetime-local"],html[dir="rtl"] [data-i18n-skip],html[dir="rtl"] .booking-no,html[dir="rtl"] code{direction:ltr;text-align:left}
html[dir="rtl"] .panel-actions{justify-content:flex-start}
html[dir="rtl"] .search-combo,html[dir="rtl"] .tracking-search{direction:rtl}
html[dir="rtl"] .portal-switch-icon,html[dir="rtl"] .utility-icon{transform:scaleX(-1)}
html[dir="rtl"] .language-switcher .language-select{padding:0 3px 0 24px}
html[dir="rtl"] .text-button{direction:rtl}
html[dir="rtl"] .office-node,html[dir="rtl"] .link-row{text-align:right}
html[dir="rtl"] .theme-menu{right:auto;left:16px}
html[dir="rtl"] .theme-menu-head,html[dir="rtl"] .theme-options button{direction:rtl;text-align:right}

@media(max-width:1280px){
  .language-switcher .language-select{min-width:90px}
}
@media(max-width:1050px){
  .customer-header .language-switcher .language-select,.ops-topbar .language-switcher .language-select{width:0;min-width:0;padding:0;opacity:0;position:absolute;inset:0;cursor:pointer}
  .customer-header .language-switcher,.ops-topbar .language-switcher{width:42px;min-width:42px;justify-content:center;padding:5px}
}
@media(max-width:900px){
  html[dir="rtl"] .ops-workspace{margin-right:0!important}
  html[dir="rtl"] .sidebar{right:-280px!important}
  .entry-language-switcher{top:10px;right:10px}
  html[dir="rtl"] .entry-language-switcher{left:10px}
}

/* ========================================================================
   LINER PLATFORM V1.1.7 CUSTOMS DECLARATION CONTROL CENTER
   ======================================================================== */
.customs-center-page .page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.customs-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.customs-center-panel{padding:0;overflow:hidden}
.customs-toolbar{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;background:var(--surface-alt)}
.customs-toolbar .toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.customs-toolbar .search-input{min-width:300px}
.customs-table table{min-width:1180px}
.customs-table td{vertical-align:top}
.customs-table td small,.customs-link span{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.customs-link{display:grid;gap:1px;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer;font:inherit}
.customs-link:hover strong{color:var(--brand);text-decoration:underline}
.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.customs-pill{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap;margin:1px}
.customs-pill.ok{color:#08785c;background:#e9fbf5;border-color:#b8ead9}
.customs-pill.warning{color:#9b6300;background:#fff7df;border-color:#f0d690}
.customs-pill.danger{color:#b22f3a;background:#fff0f1;border-color:#efbdc2}
.customs-pill.info{color:#075f9a;background:#edf7ff;border-color:#b9ddf2}
.customs-pill.muted{color:#5d6c7b;background:#f2f5f8;border-color:#dce3e9}
.integration-chip{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border-radius:999px;font-size:10px;font-weight:900;border:1px solid var(--border);background:var(--surface)}
.integration-chip::before{content:"";width:8px;height:8px;border-radius:50%;margin-right:7px;background:#a2adb8;box-shadow:0 0 0 3px rgba(162,173,184,.15)}
.integration-chip.active{color:#08785c;border-color:#b8ead9;background:#e9fbf5}.integration-chip.active::before{background:#0ca879}
.integration-chip.warning{color:#9b6300;border-color:#f0d690;background:#fff7df}.integration-chip.warning::before{background:#e5a314}
.integration-chip.locked{color:#7a5660;border-color:#e4cbd1;background:#fff5f7}.integration-chip.locked::before{background:#a45c6c}
.customs-safety-note{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(320px,1.3fr);align-items:center;gap:18px;border-left:4px solid #e5a314;background:linear-gradient(135deg,color-mix(in srgb,#fff7df 72%,var(--surface)),var(--surface))}
.customs-safety-note h2{margin:4px 0 0;font-size:17px}.customs-safety-note p{margin:0;color:var(--muted);line-height:1.55}
body.drawer-open{overflow:hidden}
.customs-drawer-backdrop{position:fixed;inset:0;background:rgba(8,22,38,.42);backdrop-filter:blur(3px);z-index:160}
.customs-drawer{position:fixed;z-index:170;top:0;right:0;width:min(880px,94vw);height:100vh;background:var(--surface);box-shadow:-24px 0 70px rgba(6,20,36,.28);display:flex;flex-direction:column;border-left:1px solid var(--border);animation:customsDrawerIn .18s ease-out}
@keyframes customsDrawerIn{from{transform:translateX(28px);opacity:.5}to{transform:translateX(0);opacity:1}}
.customs-drawer-head{min-height:96px;padding:20px 22px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:18px;background:linear-gradient(140deg,var(--surface),var(--surface-alt))}
.customs-drawer-head h2{margin:4px 0 2px;font-size:22px}.customs-drawer-head p{margin:0;color:var(--muted)}
.drawer-close{width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:var(--surface);font-size:24px;line-height:1;cursor:pointer;color:var(--text)}
.customs-drawer-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:11px 18px;border-bottom:1px solid var(--border);background:var(--surface)}
.customs-drawer-actions .button{min-height:36px;padding:8px 11px;font-size:10px}
.customs-drawer-actions .button[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}
.customs-tabs{display:flex;gap:3px;padding:8px 14px 0;border-bottom:1px solid var(--border);background:var(--surface-alt);overflow-x:auto}
.customs-tabs button{min-height:39px;padding:8px 12px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer}
.customs-tabs button.active{color:var(--brand);border-bottom-color:var(--brand)}
.customs-drawer-body{padding:18px 20px 32px;overflow:auto;flex:1;background:var(--page-bg)}
.drawer-loading{min-height:240px;display:grid;place-items:center;color:var(--muted);font-weight:800}
.drawer-status-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}
.customs-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.customs-summary-grid>div{min-height:70px;padding:10px 11px;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:grid;align-content:center;gap:5px}
.customs-summary-grid span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.customs-summary-grid strong{font-size:12px;line-height:1.35;word-break:break-word}
.raw-details{margin-top:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}
.raw-details summary{padding:11px 13px;font-weight:900;cursor:pointer}.raw-details pre{margin:0;padding:13px;background:#0d1d2e;color:#d4e5f3;max-height:420px;overflow:auto;font-size:11px;direction:ltr;text-align:left}
.customs-version-list{display:grid;gap:10px}
.customs-version-list article{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1.4fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}
.customs-version-list article>div:first-child{display:grid;gap:4px}.customs-version-list article span,.customs-version-list article small{color:var(--muted);font-size:10px}.version-validation{display:grid;gap:4px}.danger-text{color:#b22f3a;font-size:10px}
.xml-readiness-card{padding:20px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.xml-readiness-card h3{font-size:20px;margin:5px 0 8px}.xml-readiness-card p{color:var(--muted);line-height:1.55;max-width:680px}
.customs-timeline{display:grid;gap:0}.customs-timeline article{display:grid;grid-template-columns:150px 16px 1fr;gap:10px;position:relative;padding:0 0 18px}.customs-timeline article::before{content:"";grid-column:2;width:10px;height:10px;border-radius:50%;background:var(--brand);margin-top:4px;z-index:1}.customs-timeline article::after{content:"";position:absolute;left:155px;top:13px;bottom:-2px;width:1px;background:var(--border)}.customs-timeline article:last-child::after{display:none}.customs-timeline time{font-size:10px;color:var(--muted);text-align:right}.customs-timeline article>div{display:grid;gap:4px}.customs-timeline span{font-size:10px;color:var(--muted)}
.customer-customs-card .panel-head{margin-bottom:12px}.customer-customs-card .panel-head p{margin:4px 0 0;color:var(--muted);max-width:760px;line-height:1.45}
.customs-upload-form .file-drop{border:1px dashed color-mix(in srgb,var(--brand) 40%,var(--border));border-radius:12px;padding:11px;background:color-mix(in srgb,var(--brand) 3%,var(--surface));cursor:pointer}.customs-upload-form .file-drop input{padding:4px;background:transparent;border:0}.customs-upload-form .file-drop span{font-size:9px;color:var(--muted)}
.customs-validation-result{margin-top:10px}.validation-banner{display:grid;gap:4px;padding:11px 13px;border-radius:11px;border:1px solid var(--border)}.validation-banner.ok{background:#e9fbf5;border-color:#b8ead9;color:#08785c}.validation-banner.warning{background:#fff7df;border-color:#f0d690;color:#9b6300}.validation-banner.danger{background:#fff0f1;border-color:#efbdc2;color:#b22f3a}.validation-banner span{font-size:10px}
html[dir="rtl"] .customs-drawer{right:auto;left:0;border-left:0;border-right:1px solid var(--border);box-shadow:24px 0 70px rgba(6,20,36,.28)}
html[dir="rtl"] .customs-link{text-align:right}html[dir="rtl"] .integration-chip::before{margin-right:0;margin-left:7px}html[dir="rtl"] .customs-timeline time{text-align:left}html[dir="rtl"] .customs-timeline article::after{left:auto;right:155px}
@media(max-width:1200px){.customs-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.customs-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.customs-toolbar{align-items:stretch;flex-direction:column}.customs-toolbar .toolbar-group{width:100%}.customs-toolbar .search-input{min-width:0;flex:1}.customs-safety-note{grid-template-columns:1fr}.customs-drawer{width:100vw}.customs-drawer-head{padding:15px}.customs-drawer-actions{padding:9px}.customs-summary-grid{grid-template-columns:1fr}.customs-version-list article{grid-template-columns:1fr}.customs-timeline article{grid-template-columns:100px 16px 1fr}.customs-timeline article::after{left:105px}html[dir="rtl"] .customs-timeline article::after{right:105px}.customs-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.customs-metrics{grid-template-columns:1fr}.customs-drawer-actions .button{flex:1 1 42%}.customs-tabs{padding-left:7px;padding-right:7px}.customs-drawer-body{padding:12px}}

/* ======================================================================
   LINER PLATFORM V1.1.8 HEAD OFFICE MANAGEMENT & STOWAGE CENTER
   ====================================================================== */
.module-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:6px;background:var(--panel,#fff);border:1px solid var(--line,#dbe4ea);border-radius:14px;box-shadow:0 8px 30px rgba(15,42,61,.06)}
.module-tabs button{border:0;background:transparent;color:var(--muted,#647783);padding:10px 14px;border-radius:10px;font-weight:800;cursor:pointer}
.module-tabs button:hover{background:rgba(21,112,162,.08);color:var(--primary,#126aa2)}
.module-tabs button.active{background:var(--primary,#126aa2);color:#fff;box-shadow:0 6px 16px rgba(16,91,137,.22)}
.management-content-panel{min-height:430px}
.management-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.management-toolbar .toolbar-copy{display:flex;flex-direction:column;gap:3px}.management-toolbar .toolbar-copy strong{font-size:1rem}.management-toolbar .toolbar-copy span{font-size:.82rem;color:var(--muted,#6a7b85)}
.management-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:4px}
.management-card{border:1px solid var(--line,#dbe4ea);border-radius:15px;padding:15px;background:var(--panel,#fff);display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(20,47,65,.05)}
.management-card-head{display:flex;gap:12px;align-items:center}.management-card-head .entity-avatar{width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,#0a5b8b,#23a7bf);display:grid;place-items:center;color:white;font-weight:900;overflow:hidden;flex:0 0 auto}.entity-avatar img{width:100%;height:100%;object-fit:cover}.management-card-head strong{display:block;font-size:1rem}.management-card-head span{display:block;color:var(--muted,#6c7d88);font-size:.8rem;margin-top:2px}.management-card dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.management-card dt{color:var(--muted,#6b7b85);font-size:.72rem}.management-card dd{margin:2px 0 0;font-weight:800;font-size:.83rem}.management-card .tag-row{display:flex;gap:5px;flex-wrap:wrap}.entity-tag{padding:4px 8px;border-radius:999px;background:rgba(13,110,163,.09);color:var(--primary,#0d6ea3);font-size:.72rem;font-weight:800}.management-rule-note{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:14px}.management-rule-note p{max-width:700px;color:var(--muted,#657782);margin:0}
.management-dialog{width:min(820px,calc(100vw - 28px));max-height:90vh;border:0;border-radius:20px;padding:0;background:var(--panel,#fff);color:var(--text,#163245);box-shadow:0 30px 90px rgba(7,28,42,.35)}.management-dialog::backdrop{background:rgba(5,24,36,.58);backdrop-filter:blur(4px)}.management-dialog form{display:flex;flex-direction:column;max-height:90vh}.management-dialog header{display:flex;justify-content:space-between;gap:20px;padding:20px 22px 15px;border-bottom:1px solid var(--line,#dbe4ea)}.management-dialog header h2{margin:3px 0}.management-dialog header p{margin:0;color:var(--muted,#637681)}.management-dialog-body{padding:20px 22px;overflow:auto}.management-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 22px;border-top:1px solid var(--line,#dbe4ea);background:color-mix(in srgb,var(--panel,#fff) 94%,var(--page-bg,#eef3f6))}.permission-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.permission-check{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--line,#dbe4ea);border-radius:10px;padding:9px;background:var(--panel,#fff)}.permission-check input{margin-top:3px}.permission-check span{font-size:.8rem}.permission-check strong{display:block}.voyage-port-call-builder{display:flex;flex-direction:column;gap:9px}.voyage-port-call-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:8px;align-items:end;border:1px solid var(--line,#dbe4ea);padding:10px;border-radius:12px}.voyage-port-call-row label{min-width:0}.remove-call-row{height:39px}
.stowage-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px;margin:14px 0}.stowage-bundle-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stowage-bundle-form .full{grid-column:1/-1}.stowage-plan-control{display:flex;flex-direction:column}.stowage-plan-control .full{margin-top:auto}.automation-list.compact{gap:8px;font-size:.86rem}.safety-copy{display:block;color:var(--muted,#667983);line-height:1.45;margin-top:12px}.stowage-history-panel{margin-top:14px}.stowage-workspace{margin-top:14px}.stowage-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.bay-plan-area{min-width:0}.stowage-side-panel{display:flex;flex-direction:column;gap:12px}.stowage-legend{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}.stowage-legend span{display:flex;align-items:center;gap:5px;font-size:.73rem;font-weight:750}.stowage-legend i{width:12px;height:12px;border-radius:3px;display:inline-block;border:1px solid rgba(0,0,0,.12)}.bay-plan-canvas{overflow:auto;min-height:360px;border:1px solid var(--line,#dbe4ea);border-radius:14px;background:linear-gradient(180deg,rgba(13,91,135,.04),transparent);padding:15px}.bay-grid{display:grid;gap:5px;min-width:max-content;align-items:stretch}.bay-axis{display:grid;place-items:center;font-size:.68rem;color:var(--muted,#6a7b85);font-weight:850;min-width:62px;min-height:26px}.bay-cell{border:1px solid color-mix(in srgb,var(--line,#dbe4ea) 75%,#79909e);border-radius:7px;min-width:68px;min-height:48px;padding:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;cursor:pointer;background:var(--panel,#fff);transition:.15s transform,.15s box-shadow,.15s border-color;position:relative}.bay-cell:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(13,55,79,.14);border-color:var(--primary,#0d6ea3)}.bay-cell strong{font-size:.69rem;line-height:1.05}.bay-cell small{font-size:.6rem;opacity:.75}.bay-cell.empty{background:rgba(105,129,143,.05);border-style:dashed}.bay-cell.blocked{background:#3d4b55;color:#fff;cursor:not-allowed}.bay-cell.transit{background:#e8edf1;border-color:#94a7b3}.bay-cell.load{background:#dff2ff;border-color:#42a5d5}.bay-cell.reefer{box-shadow:inset 0 0 0 3px #30aebc}.bay-cell.dg{background:#ffe7e7;border-color:#e25555}.bay-cell.oog{background:#f3e7ff;border-color:#9f60c7}.bay-cell.selected-source{outline:3px solid #ff9f1a;outline-offset:2px}.bay-cell.valid-target{outline:2px dashed #1e9a65;outline-offset:1px}.bay-cell.on-deck::after{content:'D';position:absolute;top:2px;right:3px;font-size:.53rem;font-weight:900;opacity:.65}.selected-position-card{border:1px solid var(--line,#dbe4ea);border-radius:13px;padding:13px;background:color-mix(in srgb,var(--panel,#fff) 96%,#dfeef5);font-size:.82rem;line-height:1.45}.selected-position-card strong{display:block;font-size:.92rem;margin-bottom:4px}.stowage-issues{display:flex;flex-direction:column;gap:8px;max-height:430px;overflow:auto}.stowage-issue{border-left:4px solid #78909c;border-radius:9px;background:rgba(103,127,141,.07);padding:9px}.stowage-issue.error,.stowage-issue.blocker{border-color:#c84050;background:rgba(200,64,80,.08)}.stowage-issue.warning{border-color:#e4a11b;background:rgba(228,161,27,.09)}.stowage-issue strong{display:block;font-size:.76rem}.stowage-issue span{font-size:.71rem;color:var(--muted,#657781)}.stowage-approval-bar,.stowage-export-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px;padding-top:13px;border-top:1px solid var(--line,#dbe4ea)}.stowage-export-bar span{font-weight:900;margin-right:4px}.approval-state{font-size:.68rem;padding:3px 7px;border-radius:999px;margin-left:5px}.approval-state.approved{background:#dff4e8;color:#167144}.approval-state.pending{background:#fff1cf;color:#805b05}.approval-state.rejected{background:#ffe2e5;color:#9b2636}.stowage-import-standard{font-size:.72rem;color:var(--muted,#60727e);display:flex;gap:8px;flex-wrap:wrap}.file-drop input[type=file]{max-width:100%}
.rtl-language .management-rule-note,.rtl-language .management-card-head,.rtl-language .stowage-approval-bar,.rtl-language .stowage-export-bar{direction:rtl}.rtl-language .stowage-issue{border-left:1px solid var(--line,#dbe4ea);border-right:4px solid #78909c}.rtl-language .stowage-issue.error,.rtl-language .stowage-issue.blocker{border-right-color:#c84050}.rtl-language .stowage-issue.warning{border-right-color:#e4a11b}
@media(max-width:1050px){.stowage-layout,.stowage-workspace-grid{grid-template-columns:1fr}.stowage-side-panel{display:grid;grid-template-columns:1fr 1fr}.voyage-port-call-row{grid-template-columns:1fr 1fr}.voyage-port-call-row .remove-call-row{grid-column:1/-1}}
@media(max-width:720px){.management-toolbar,.management-rule-note{align-items:flex-start;flex-direction:column}.stowage-bundle-form,.stowage-side-panel{grid-template-columns:1fr}.management-card-grid{grid-template-columns:1fr}.voyage-port-call-row{grid-template-columns:1fr}.module-tabs{overflow:auto;flex-wrap:nowrap}.module-tabs button{white-space:nowrap}.bay-cell{min-width:58px;min-height:44px}}
/* V1.1.8 Head Office card actions */
.management-card-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid var(--line,#dbe4ea)}
.management-card-actions .mini-button{min-height:30px}.management-card-actions .danger{color:#a32638;border-color:rgba(163,38,56,.28);background:rgba(163,38,56,.06)}
.management-card-actions .danger:hover{background:rgba(163,38,56,.13)}

/* ========================================================================
   LINER PLATFORM V1.1.9 HEAD OFFICE NAVIGATION + STOWAGE UI REFINEMENT
   ======================================================================== */
.ui-v119 .entry-screen>.entry-language-switcher{position:fixed}
.ui-v119 .entry-screen.hidden>.entry-language-switcher{display:none!important}
.ui-v119 .ops-topbar{overflow:visible}
.ui-v119 .ops-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.ui-v119 .ops-topbar .header-user{min-width:210px;max-width:255px}
.ui-v119 .ops-topbar .header-user>div:last-child{min-width:0}
.ui-v119 .ops-topbar .header-user strong,.ui-v119 .ops-topbar .header-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-v119 .ops-topbar .topbar-utilities{display:flex;align-items:center;gap:8px;min-width:0}
.ui-v119 .ops-topbar .language-switcher{min-width:138px;max-width:160px}
.ui-v119 .ops-topbar .language-switcher .language-select{min-width:86px;max-width:106px}
.ui-v119 .ops-topbar .utility-button{min-width:112px}
.ui-v119 .ops-topbar .logout-button{min-width:104px}
.ui-v119 .sidebar nav{overflow-y:auto;overscroll-behavior:contain;padding-bottom:20px}
.ui-v119 .sidebar nav button{min-height:42px}
.ui-v119 .sidebar-nav-group{position:sticky;top:-1px;z-index:1;background:linear-gradient(180deg,var(--chrome),color-mix(in srgb,var(--chrome) 92%,transparent));backdrop-filter:blur(8px)}

.ui-v119 .management-page-heading,.ui-v119 .stowage-page-heading{margin-bottom:16px}
.ui-v119 .management-module-launcher{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 14px}
.ui-v119 .management-module-launcher button{min-width:0;border:1px solid var(--border);border-radius:14px;padding:13px;text-align:left;background:linear-gradient(145deg,var(--surface),var(--surface-alt));color:var(--text);display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"num title" "num meta";column-gap:9px;row-gap:3px;box-shadow:0 5px 15px rgba(20,49,76,.05);transition:.16s transform,.16s border-color,.16s box-shadow,.16s background}
.ui-v119 .management-module-launcher button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 38%,var(--border));box-shadow:0 10px 22px rgba(20,49,76,.09)}
.ui-v119 .management-module-launcher button.active{border-color:var(--brand);background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 10%,var(--surface)),var(--surface));box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 14%,transparent)}
.ui-v119 .management-module-launcher button>span{grid-area:num;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand);font-size:10px;font-weight:900}
.ui-v119 .management-module-launcher button>strong{grid-area:title;min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-v119 .management-module-launcher button>small{grid-area:meta;min-width:0;color:var(--muted);font-size:9px;line-height:1.35}
.ui-v119 .management-tabs{margin-bottom:12px}
.ui-v119 .management-content-panel{padding:0;overflow:hidden}
.ui-v119 .management-toolbar{padding:15px 17px;margin:0;border-bottom:1px solid var(--border);background:var(--surface-alt)}
.ui-v119 .management-content-host{border:0;border-radius:0;min-height:430px;padding:14px;background:var(--surface)}
.ui-v119 .management-content-host>.management-card-grid{padding:0}
.ui-v119 .management-rule-note{border-left:4px solid var(--brand)}

.ui-v119 .stowage-selector-panel{padding:0;overflow:hidden}
.ui-v119 .stowage-selector-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border);background:var(--surface-alt)}
.ui-v119 .stowage-selector-title strong{font-size:13px}
.ui-v119 .stowage-selector-title span{color:var(--muted);font-size:10px}
.ui-v119 .stowage-selector-grid{padding:16px}
.ui-v119 .stowage-selector-grid label{display:grid;gap:6px;color:var(--muted);font-weight:800;min-width:0}
.ui-v119 .stowage-selector-grid label>span{font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.ui-v119 .stowage-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ui-v119 .stowage-layout{grid-template-columns:minmax(0,1.65fr) minmax(330px,.7fr);gap:16px;align-items:stretch}
.ui-v119 .stowage-import-panel,.ui-v119 .stowage-plan-control{min-width:0}
.ui-v119 .stowage-import-panel .panel-head p,.ui-v119 .stowage-plan-control .panel-head p,.ui-v119 .stowage-history-panel .panel-head p{margin:5px 0 0;color:var(--muted);font-size:10px}
.ui-v119 .stowage-bundle-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.ui-v119 .stowage-version-field{grid-column:1/-1;display:grid;grid-template-columns:160px minmax(220px,360px) 1fr;gap:10px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:11px 12px;background:var(--surface-alt);color:var(--text);font-weight:800}
.ui-v119 .stowage-version-field>span{font-size:11px}
.ui-v119 .stowage-version-field input{width:100%}
.ui-v119 .stowage-version-field small{color:var(--muted);font-weight:500;font-size:9px}
.ui-v119 .stowage-upload-card{position:relative;min-height:150px;border:1px dashed color-mix(in srgb,var(--brand) 42%,var(--border));border-radius:14px;padding:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 3%,var(--surface)),var(--surface));display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"icon copy" "file file";gap:10px;align-content:center;cursor:pointer;transition:.16s transform,.16s border-color,.16s box-shadow,.16s background;color:var(--text)}
.ui-v119 .stowage-upload-card:hover{transform:translateY(-1px);border-color:var(--brand);box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 12%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 7%,var(--surface)),var(--surface))}
.ui-v119 .stowage-upload-card input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ui-v119 .stowage-upload-icon{grid-area:icon;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 11%,transparent);color:var(--brand);font-size:18px;font-weight:900}
.ui-v119 .stowage-upload-copy{grid-area:copy;display:grid;gap:4px;min-width:0}
.ui-v119 .stowage-upload-copy strong{font-size:12px}
.ui-v119 .stowage-upload-copy small{font-size:9px;line-height:1.45;color:var(--muted)}
.ui-v119 .stowage-upload-card em{grid-area:file;display:block;min-height:34px;border:1px solid var(--border);border-radius:9px;padding:8px 10px;background:var(--surface-alt);font-style:normal;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-v119 .stowage-upload-card em.selected{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:color-mix(in srgb,var(--success) 7%,var(--surface))}
.ui-v119 .stowage-import-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:2px}
.ui-v119 .stowage-import-actions .button{min-width:250px}
.ui-v119 .stowage-import-actions span{color:var(--muted);font-size:9px;line-height:1.45;text-align:right}
.ui-v119 .stowage-import-result:empty{display:none}
.ui-v119 .stowage-plan-control{display:flex;flex-direction:column}
.ui-v119 .stowage-check-grid{display:grid;gap:9px;margin-bottom:14px}
.ui-v119 .stowage-check-grid>div{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;border:1px solid var(--border);border-radius:11px;padding:10px;background:var(--surface-alt)}
.ui-v119 .stowage-check-grid b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand);font-size:9px}
.ui-v119 .stowage-check-grid span{font-size:10px;font-weight:750;line-height:1.4}
.ui-v119 .stowage-plan-control .button.full{margin-top:auto}
.ui-v119 .stowage-history-host{border:0!important;border-radius:0!important;overflow:visible!important}
.ui-v119 .stowage-history-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:14px}
.ui-v119 .stowage-history-section{min-width:0;border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--surface)}
.ui-v119 .stowage-history-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:var(--surface-alt);border-bottom:1px solid var(--border)}
.ui-v119 .stowage-history-title strong{font-size:12px}
.ui-v119 .stowage-history-title span{font-size:9px;color:var(--muted)}
.ui-v119 .stowage-history-section .table-wrap{border:0;border-radius:0}
.ui-v119 .stowage-history-section table{min-width:720px}
.ui-v119 .stowage-history-section.imports table{min-width:520px}

html[dir="rtl"] .ui-v119 .management-module-launcher button{text-align:right}
html[dir="rtl"] .ui-v119 .management-rule-note{border-left:1px solid var(--border);border-right:4px solid var(--brand)}
html[dir="rtl"] .ui-v119 .stowage-import-actions span{text-align:left}

@media(max-width:1450px){
  .ui-v119 .management-module-launcher{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ui-v119 .ops-topbar .header-user{min-width:175px;max-width:205px}
  .ui-v119 .ops-topbar .utility-copy small{display:none}
  .ui-v119 .ops-topbar .utility-button{min-width:88px}
}
@media(max-width:1180px){
  .ui-v119 .stowage-layout,.ui-v119 .stowage-history-grid{grid-template-columns:1fr}
  .ui-v119 .stowage-bundle-form{grid-template-columns:1fr 1fr}
  .ui-v119 .stowage-upload-card:last-of-type{grid-column:1/-1}
  .ui-v119 .ops-topbar .header-user{display:none}
}
@media(max-width:900px){
  .ui-v119 .management-module-launcher{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-v119 .stowage-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-v119 .stowage-bundle-form{grid-template-columns:1fr}
  .ui-v119 .stowage-upload-card:last-of-type{grid-column:auto}
  .ui-v119 .stowage-version-field{grid-template-columns:1fr}
  .ui-v119 .stowage-import-actions{align-items:stretch;flex-direction:column}
  .ui-v119 .stowage-import-actions .button{width:100%;min-width:0}
  .ui-v119 .stowage-import-actions span{text-align:left}
}
@media(max-width:620px){
  .ui-v119 .management-module-launcher{grid-template-columns:1fr}
  .ui-v119 .stowage-summary-grid{grid-template-columns:1fr}
  .ui-v119 .stowage-selector-title{align-items:flex-start;flex-direction:column}
}

/* ========================================================================
   V3.4.0 VOYAGE-CENTRED OPERATING CHAIN
   ======================================================================== */
.ui-v340 .voyage-control-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr);gap:16px;align-items:start}
.ui-v340 .voyage-control-lower-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:16px}
.ui-v340 .voyage-register-panel,.ui-v340 .voyage-command-panel{min-width:0}
.ui-v340 .voyage-control-table table{min-width:920px}
.ui-v340 .voyage-control-row{cursor:pointer;transition:.14s background,.14s box-shadow}
.ui-v340 .voyage-control-row:hover{background:color-mix(in srgb,var(--brand) 5%,var(--surface))}
.ui-v340 .voyage-control-row.selected{background:color-mix(in srgb,var(--brand) 9%,var(--surface));box-shadow:inset 4px 0 0 var(--brand)}
.ui-v340 .voyage-lifecycle-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.ui-v340 .mini-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ui-v340 .mini-metric-grid>div{border:1px solid var(--border);border-radius:11px;padding:10px;background:var(--surface-alt);display:grid;gap:4px}
.ui-v340 .mini-metric-grid span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}
.ui-v340 .mini-metric-grid strong{font-size:18px;color:var(--text)}
.ui-v340 .voyage-rotation-timeline{display:grid;gap:12px;position:relative}
.ui-v340 .voyage-port-call{display:grid;grid-template-columns:42px minmax(230px,.65fr) minmax(420px,1.35fr);gap:14px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:13px;background:var(--surface);position:relative}
.ui-v340 .voyage-port-call.current{border-color:var(--brand);box-shadow:0 9px 26px color-mix(in srgb,var(--brand) 12%,transparent)}
.ui-v340 .port-call-seq{width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);display:grid;place-items:center;font-size:12px;font-weight:900}
.ui-v340 .port-call-main{min-width:0}
.ui-v340 .port-call-main h3{margin:3px 0 2px;font-size:15px}
.ui-v340 .port-call-main p{margin:0;color:var(--muted);font-size:10px}
.ui-v340 .port-call-main small{display:block;margin-top:5px;color:var(--muted);font-size:9px}
.ui-v340 .port-call-lists{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:8px;align-items:stretch}
.ui-v340 .flow-box{border:1px solid var(--border);border-radius:11px;padding:10px;display:grid;gap:5px;background:var(--surface-alt);min-width:0}
.ui-v340 .flow-box.load{border-left:4px solid var(--brand)}
.ui-v340 .flow-box.discharge{border-left:4px solid var(--success)}
.ui-v340 .flow-box b{font-size:10px;text-transform:uppercase;letter-spacing:.035em}
.ui-v340 .flow-box span{font-size:9px;color:var(--muted);line-height:1.4}
.ui-v340 .flow-arrow{display:grid;place-items:center;color:var(--brand);font-size:20px;font-weight:900}
.ui-v340 .voyage-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ui-v340 .voyage-list-card{border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:11px;padding:11px;background:var(--surface-alt);display:grid;gap:4px}
.ui-v340 .voyage-list-card.discharge{border-left-color:var(--success)}
.ui-v340 .voyage-list-card span{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase}
.ui-v340 .voyage-list-card strong{font-size:12px}
.ui-v340 .voyage-list-card small{font-size:9px;color:var(--muted)}
.ui-v340 .connection-list{display:grid;gap:9px}
.ui-v340 .connection-row{display:grid;grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr);gap:8px;align-items:center;border:1px solid var(--border);border-radius:11px;padding:10px;background:var(--surface-alt)}
.ui-v340 .connection-row span{font-size:9px;color:var(--muted);text-align:center}
.ui-v340 .connection-row small{grid-column:1/-1;color:var(--muted);font-size:8px}
.ui-v340 .voyage-chain-success{margin:12px 0;border:1px solid color-mix(in srgb,var(--success) 35%,var(--border));border-radius:11px;padding:11px;background:color-mix(in srgb,var(--success) 7%,var(--surface));display:grid;gap:4px}
.ui-v340 .voyage-chain-success b{color:var(--success)}
.ui-v340 .voyage-chain-success span{color:var(--muted);font-size:10px}
.ui-v340 .empty-state.compact{padding:9px 11px}
.ui-v340 .status-PLANNING,.ui-v340 .status-BOOKING_OPEN{background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand)}
.ui-v340 .status-LOADING,.ui-v340 .status-DISCHARGING,.ui-v340 .status-PORT_CALL_IN_PROGRESS{background:color-mix(in srgb,var(--warning) 14%,var(--surface));color:var(--warning)}
.ui-v340 .status-SAILED,.ui-v340 .status-COMPLETED{background:color-mix(in srgb,var(--success) 13%,var(--surface));color:var(--success)}
.ui-v340 .status-CLOSED,.ui-v340 .status-CANCELLED{background:color-mix(in srgb,var(--muted) 13%,var(--surface));color:var(--muted)}

@media(max-width:1280px){
  .ui-v340 .voyage-control-layout,.ui-v340 .voyage-control-lower-grid{grid-template-columns:1fr}
  .ui-v340 .voyage-port-call{grid-template-columns:42px minmax(0,1fr)}
  .ui-v340 .port-call-lists{grid-column:1/-1}
}
@media(max-width:760px){
  .ui-v340 .mini-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-v340 .voyage-list-grid{grid-template-columns:1fr}
  .ui-v340 .port-call-lists{grid-template-columns:1fr}
  .ui-v340 .flow-arrow{transform:rotate(90deg)}
}