.rate-switch{display:flex;gap:8px;margin-bottom:15px}.rate-switch button{padding:10px 15px}.rate-switch .active{color:#fff;border-color:var(--navy);background:var(--navy)}.calculator>header p,.release-form-panel>header p{margin:3px 0 0;color:var(--muted);font-size:12px}.calculator form{padding:20px}.calculator-grid{display:grid;grid-template-columns:.7fr 1.7fr .8fr .55fr .8fr;gap:14px}.calculator-grid label,.addons label,.release-form label{display:grid;gap:7px;color:var(--muted);font-size:12px}.addons{display:grid;grid-template-columns:.8fr 1fr 1fr .8fr 1fr;align-items:end;gap:12px;margin-top:18px;padding:16px;border-radius:9px;background:var(--soft)}.addons label:has(input[type=checkbox]){display:flex;align-items:center;min-height:46px;color:var(--navy)}.addons input[type=checkbox]{width:17px;min-height:17px}.calc-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.calc-footer p{margin:0;color:var(--muted)}.calc-footer .error{color:var(--coral)}.calc-footer button{min-height:44px;padding:0 18px}.calc-summary{display:flex;justify-content:space-between;gap:20px;padding:20px;border-top:1px solid var(--line);background:var(--aqua)}.calc-summary>div:first-child{display:grid}.calc-summary span,.calc-summary small{color:var(--muted);font-size:11px}.calc-total{text-align:right}.calc-total strong{display:block;color:var(--teal);font-size:24px}.calc-lines{padding:0 20px}.calc-lines>div{display:grid;grid-template-columns:1fr auto 80px;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.calc-lines span{display:grid}.calc-lines small{color:var(--muted)}.calc-warning{margin:15px 20px;padding:12px;border-left:3px solid var(--orange);background:#fff7ea}.calc-result-actions{display:flex;gap:10px;padding:18px 20px}.calc-result-actions button,.calc-result-actions a{padding:10px 14px;border:1px solid var(--teal);border-radius:8px;color:var(--teal);text-decoration:none;background:#fff}.release-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:18px;align-items:start}.release-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px}.release-form .wide{grid-column:1/-1}.release-form button{min-height:46px}.release-copy-tool{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:14px;border:1px solid #b9dfe3;border-radius:8px;background:#f4fbfc}.release-copy-tool label{min-width:0}.release-copy-tool button{min-height:46px;padding:0 16px;color:var(--teal);border-color:var(--teal);background:#fff}.release-copy-tool small{grid-column:1/-1;color:var(--muted);font-size:11px}.release-history>div>button{width:100%;display:grid;padding:14px 16px;border:0;border-radius:0;border-bottom:1px solid var(--line);text-align:left}.empty-release{display:grid;gap:4px;padding:25px;color:var(--muted)}
@media(min-width:761px) and (max-width:1100px){.shell{display:block}.sidebar{display:none}.page{padding:28px 24px 105px}.bottom-nav{position:fixed;z-index:50;right:50%;bottom:18px;display:grid;grid-template-columns:repeat(5,1fr);width:min(620px,calc(100% - 36px));height:68px;padding:6px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 10px 35px rgba(7,23,59,.18);backdrop-filter:blur(12px);transform:translateX(50%)}.bottom-nav button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted)}.bottom-nav svg{width:22px;height:22px}.bottom-nav small{font-size:10px}.bottom-nav button.active{color:var(--teal)}.bottom-nav .ai-fab{position:relative;top:-20px;width:62px;height:62px;justify-self:center;border-radius:50%;color:#fff;background:var(--navy);box-shadow:0 8px 20px rgba(7,23,59,.28)}.attention-grid{grid-template-columns:1fr 1fr}.attention-grid button:last-child{grid-column:1/-1;border-top:1px solid var(--line);border-left:0}.calculator-grid{grid-template-columns:1fr 1.6fr 1fr}.addons{grid-template-columns:1fr 1fr}.release-layout{grid-template-columns:1fr}.release-history>div{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:760px){.calculator-grid,.addons,.release-form{grid-template-columns:1fr}.release-form .wide{grid-column:auto}.release-copy-tool{grid-template-columns:1fr}.release-copy-tool small{grid-column:auto}.calc-footer,.calc-summary{align-items:stretch;flex-direction:column}.calc-total{text-align:left}.calc-lines>div{grid-template-columns:1fr auto}.calc-lines>div>small{grid-column:1/-1}.release-layout{grid-template-columns:1fr}.rate-switch{overflow:auto}.rate-switch button{flex:none}}
.brand-mark{object-fit:cover}.mobile-brand>span{display:grid;text-align:left}.mobile-brand small{display:block;color:var(--muted);font-size:10px;font-weight:400}.addons{display:grid;grid-template-columns:1fr;gap:14px}.dropoff-row,.pickup-row{display:grid;grid-template-columns:.8fr 1fr 1fr;align-items:end;gap:12px}.pickup-row{padding-top:14px;border-top:1px solid var(--line)}.schedule-search header{padding:18px 20px;border-bottom:1px solid var(--line)}.schedule-search header p{margin:4px 0 0;color:var(--muted);font-size:12px}.schedule-search form{padding:20px}.schedule-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.schedule-fields label{display:grid;gap:7px;color:var(--muted);font-size:12px}.schedule-search-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.schedule-search-footer p{margin:0;color:var(--muted)}.schedule-search-footer .error{color:var(--coral)}.schedule-search-footer button{min-height:44px;padding:0 18px}.schedule-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.sailing{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.sailing header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.sailing header strong,.sailing header span{display:block}.sailing header span{color:var(--muted);font-size:12px}.sailing-route{padding:16px}.sailing-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 16px}.sailing-meta span{display:grid;color:var(--muted);font-size:12px}.sailing-meta b{color:var(--navy);font-size:11px}.sailing footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.sailing footer button{padding:9px 12px;color:var(--teal);border-color:var(--teal)}.rate-modal{max-height:90vh;overflow:auto}.rate-modal>p{margin:0 0 16px;color:var(--muted)}.rate-modal form{display:grid;gap:13px}.rate-modal label{display:grid;gap:6px;color:var(--muted);font-size:12px}.rate-modal form button{min-height:45px;margin-top:3px}
.inline-message,.form-error,.step-hint{margin:0 0 14px;padding:11px 13px;border-radius:8px;font-size:13px}.inline-message{color:var(--teal);border:1px solid #a9d2d7;background:var(--aqua)}.form-error{color:#9f2d22;border:1px solid #f1b1aa;background:#fff4f2}.step-hint{margin-top:14px;color:var(--muted);background:var(--soft)}.equipment label.selected{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:var(--aqua)}.wizard-steps button:disabled{cursor:not-allowed;opacity:1}.wizard-steps button:disabled span{opacity:.55}.doc-open{padding:9px 12px;border:1px solid var(--teal);border-radius:8px;color:var(--teal);text-decoration:none;background:#fff}.doc-open:hover{border-color:#8cb3bf;transform:translateY(-1px)}
.wizard-steps{position:relative}.wizard-steps:before{content:"";position:absolute;top:15px;left:calc(100% / 14);right:calc(100% / 14);height:1px;background:var(--line);z-index:0}.wizard-steps button{z-index:1}.wizard-steps button:before{display:none!important}.wizard-steps i{z-index:2;background:#fff!important;box-shadow:0 0 0 8px #fff}.wizard-steps span{position:relative;z-index:2}
.api-error{color:#9f2d22;border-color:#f1b1aa;background:#fff4f2}
.shipments .tr>span:last-child{min-width:0}.shipments .status{white-space:normal;line-height:1.25}.voyage-points{display:flex;justify-content:space-between;gap:8px;margin:0 0 4px}.voyage-points small{flex:1;text-align:center;line-height:1.2}.shipment-route-chain{margin:14px 0 8px;border-radius:10px}
.status.cancelled{color:#b83b31;background:#fff1ef}.status.cancelled i{background:var(--coral)}
.booking-tabs [data-booking-filter="cancellation_pending"]{color:#a45d00;border-color:#edc47e;background:#fff8e8}.booking-tabs [data-booking-filter="cancellation_pending"].active{color:#fff;border-color:var(--orange);background:var(--orange)}
.booking-tabs [data-booking-filter="canceled"]{color:#b83b31;border-color:#efb2ac;background:#fff1ef}.booking-tabs [data-booking-filter="canceled"].active{color:#fff;border-color:var(--coral);background:var(--coral)}
.booking-tabs [data-booking-filter="confirmed"]{color:#168052;border-color:#b9dfca;background:#eefaf3}.booking-tabs [data-booking-filter="confirmed"].active{color:#fff;border-color:var(--green);background:var(--green)}
.booking-tabs [data-booking-filter="sent"]{color:#087e8b;border-color:#a9d2d7;background:#edf8fa}.booking-tabs [data-booking-filter="sent"].active{color:#fff;border-color:var(--teal);background:var(--teal)}
.booking-row.cancellation-pending{box-shadow:inset 4px 0 #e78319;background:#fffaf0}.booking-row.booking-cancelled{box-shadow:inset 4px 0 var(--coral);background:#fff8f7}
.booking-row.booking-confirmed{box-shadow:inset 4px 0 #54aa7c;background:#f4fbf7}.booking-row.booking-sent{box-shadow:inset 4px 0 #4daab4;background:#f2fafb}
.status.sent{color:#087e8b;background:#edf8fa}.status.sent i{background:var(--teal)}
@media(min-width:761px) and (max-width:1100px){.dropoff-row{grid-template-columns:1fr 1fr}.dropoff-row label:first-child{grid-column:1/-1}.pickup-row{grid-template-columns:1fr 1fr}.schedule-fields{grid-template-columns:1fr 1fr}.schedule-results{grid-template-columns:1fr 1fr}}
@media(min-width:761px) and (max-width:1100px){.topbar{justify-content:flex-end;padding:0 24px}.mobile-brand{display:flex;align-items:center;gap:8px;margin-right:auto;border:0;background:transparent}.mobile-brand .brand-mark{width:31px;height:31px}.mobile-brand b{font-size:13px}.mobile-brand small{font-size:9px}}
@media(max-width:760px){.dropoff-row,.pickup-row,.schedule-fields,.schedule-results{grid-template-columns:1fr}.schedule-search-footer,.sailing footer{align-items:stretch;flex-direction:column}.schedule-search-footer button,.sailing footer button{width:100%}.voyage-points{flex-wrap:wrap;justify-content:flex-start}.voyage-points small{flex:0 0 auto;text-align:left}.shipment-route-chain{padding:16px 12px}}
.booking-tabs button{display:inline-flex;align-items:center;gap:7px}.booking-tabs small{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:10px;color:var(--muted);background:var(--soft);font-size:10px}.booking-tabs .active small{color:var(--navy);background:#fff}.booking-row{position:relative;padding-right:40px}.booking-row.review-requested{border-color:#e6b94f;background:#fff8df}.booking-row.review-requested:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:4px;background:#e6b94f}.booking-row .row-arrow{position:absolute;right:16px;color:var(--teal);font-size:18px}.booking-detail{display:grid;gap:0;margin:18px 0;border-top:1px solid var(--line)}.booking-detail p{display:flex;justify-content:space-between;gap:20px;margin:0;padding:13px 0;border-bottom:1px solid var(--line)}.booking-detail span{color:var(--muted)}.modal-actions{display:flex;gap:9px;justify-content:flex-end}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.container-field{display:grid;gap:7px;color:var(--muted);font-size:12px}.container-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.container-choice{display:grid;gap:2px;min-height:46px;padding:8px 10px;text-align:left}.container-choice strong{font-size:13px}.container-choice small{color:var(--muted);font-size:10px}.container-choice.active{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);color:var(--teal);background:var(--aqua)}.freight-field input{border-color:#8bc4ca;box-shadow:0 0 0 3px rgba(8,126,139,.08)}.document-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid var(--line);border-radius:10px;background:#fff}.document-hero>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.document-hero .ai-symbol{grid-row:span 2}.document-hero h2,.document-hero p{margin:0}.document-hero p{grid-column:2;color:var(--muted);font-size:13px}.document-hero button{padding:11px 14px;color:var(--teal);border-color:var(--teal)}.document-filters{display:flex;gap:8px;margin:16px 0;overflow:auto}.document-filters button{padding:9px 14px;white-space:nowrap}.document-filters .active{color:#fff;border-color:var(--navy);background:var(--navy)}.document-folders{display:grid;gap:14px}.document-folder{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.document-folder>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 18px;background:var(--soft)}.document-folder h3,.document-folder p{margin:0}.document-folder h3{font-size:17px}.document-folder p{margin-top:3px;color:var(--muted);font-size:12px}.document-folder>header>span{display:grid;place-items:center;min-width:32px;height:26px;padding:0 9px;border-radius:999px;color:var(--teal);background:#fff;font-weight:700;font-size:12px}.document-list{display:grid}.document-row{display:grid;grid-template-columns:46px 1fr auto auto;align-items:center;gap:15px;padding:16px 18px;border-top:1px solid var(--line)}.document-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;color:var(--teal);background:var(--aqua);font-size:18px}.document-row p,.document-row small{margin:3px 0 0;color:var(--muted);font-size:12px}.document-row>span{padding:5px 8px;border-radius:5px;color:var(--muted);background:var(--soft);font-size:11px}.document-row .doc-open{justify-self:end}.document-row button{padding:9px 12px;color:var(--teal);border-color:var(--teal)}
@media(max-width:760px){.container-choices{grid-template-columns:1fr 1fr}.document-hero{align-items:stretch;flex-direction:column}.document-folder>header{align-items:flex-start}.document-row{grid-template-columns:40px 1fr;gap:10px 12px}.document-row>span{grid-column:2}.document-row button,.document-row .doc-open{grid-column:1/-1;justify-self:stretch;text-align:center}.modal-actions{align-items:stretch;flex-direction:column}}
.calculator-grid{grid-template-columns:.7fr 1.45fr 1.25fr 1.5fr .7fr}.container-choices{grid-template-columns:repeat(2,minmax(84px,1fr))}.container-choice{min-width:84px}
@media(min-width:761px) and (max-width:1100px){.calculator-grid{grid-template-columns:1fr 1.4fr 1fr}.container-field{grid-column:span 2}.freight-field{grid-column:span 2}}
/* Auth is deliberately a first-class screen: client data is never shown before session validation. */
.auth-screen{min-height:calc(100vh - 32px);display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 20% 10%,#d9f4fb 0,transparent 30%),#f6f9fc}.auth-card{width:min(440px,100%);padding:36px;border-radius:28px;background:#fff;box-shadow:0 22px 70px rgba(7,23,59,.14);display:grid;justify-items:center;gap:14px;text-align:center}.auth-logo{display:block;width:min(250px,80%);height:auto;margin:0 auto 4px;object-fit:contain}.auth-card p{margin:0;color:#687b91;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-card h1{margin:0;color:#07173b;font-size:30px}.auth-copy,.auth-help{color:#63758a;line-height:1.5}.auth-form{display:grid;gap:13px;width:100%;margin-top:8px;text-align:left}.auth-form label{display:grid;gap:7px;color:#31465e;font-size:13px;font-weight:700}.auth-form input{width:100%;border:1px solid #d9e2eb;border-radius:11px;padding:12px 13px;color:#102742;font:inherit}.auth-form input:focus{outline:2px solid #53bdd4;border-color:transparent}.auth-error{width:100%;padding:11px 12px;border-radius:10px;color:#9e251d;background:#fff0ee;font-size:14px;text-align:left}.auth-switch{justify-self:center;color:#126a8c;text-decoration:underline}.logout-button{margin-left:auto;color:#8da1b7;font-size:12px}.logout-button:hover{color:#fff}.loading-screen{min-height:calc(100vh - 32px);display:grid;place-items:center;align-content:center;gap:18px;padding:32px;text-align:center;background:radial-gradient(circle at 20% 10%,#d9f4fb 0,transparent 30%),#f6f9fc}.loading-logo{display:block;width:min(270px,78vw);height:auto;object-fit:contain}.loading-screen h1{margin:0;color:#07173b;font-size:30px}.loading-screen p,.loading-screen span{display:block;margin:4px 0 0;color:#63758a}.loading-screen span{font-size:13px}@media(max-width:760px){.auth-screen,.loading-screen{min-height:calc(100vh - 92px);padding:20px}.auth-card{padding:26px 22px;border-radius:22px}.auth-logo{width:min(220px,82%)}.logout-button{display:none}}
.auth-product-credit{width:100%;display:grid;gap:3px;margin-top:3px;padding-top:14px;border-top:1px solid #e3ebf0;color:#718297;text-align:center}
.auth-product-credit strong{color:#40556d;font-size:10px;font-weight:750;letter-spacing:.035em}
.auth-product-credit span{font-size:9px;letter-spacing:.025em}
.mfa-setup-card{width:min(720px,100%)}.mfa-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.mfa-qr-panel,.mfa-secret-panel{position:relative;display:grid;align-content:start;justify-items:center;gap:10px;padding:18px;border:1px solid #d9e7ec;border-radius:18px;background:#f8fbfc}.mfa-qr-panel>div,.mfa-secret-panel>div{display:grid;gap:4px}.mfa-qr-panel small,.mfa-secret-panel small{color:#63758a;line-height:1.4}.mfa-qr{width:210px;height:210px;padding:8px;border-radius:14px;background:#fff}.mfa-step-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:#087e8b;font-size:13px;font-weight:800}.mfa-secret-panel code{max-width:100%;padding:12px;border-radius:10px;color:#07173b;background:#eaf5f7;font-size:14px;letter-spacing:.08em;overflow-wrap:anywhere}.mfa-confirm-form{position:relative;grid-template-columns:auto 1fr auto;align-items:end;padding:16px;border-radius:18px;background:#eef8f9}.mfa-confirm-form label{min-width:0}.mfa-confirm-form button{min-height:46px}.mfa-code-input{font-size:21px!important;font-weight:800!important;letter-spacing:.28em!important;text-align:center}.mfa-login-form{justify-items:stretch}.mfa-login-symbol{display:grid;place-items:center;justify-self:center;width:54px;height:54px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#087e8b,#4eb2c1);font-size:24px;font-weight:800;box-shadow:0 10px 28px rgba(8,126,139,.22)}@media(max-width:760px){.mfa-setup-grid{grid-template-columns:1fr}.mfa-confirm-form{grid-template-columns:1fr}.mfa-confirm-form .mfa-step-number{justify-self:center}.mfa-qr{width:190px;height:190px}}
body.is-anon .sidebar,
body.is-anon .topbar,
body.is-anon .bottom-nav{display:none!important}
.bubble.bot{white-space:pre-wrap}
body.is-anon .shell{grid-template-columns:1fr}
#sideNav[hidden],
.bottom-nav[hidden]{display:none!important}
body.is-staff [data-view="rates"],
body.is-staff [data-view="releases"],
body.is-staff [data-view="platform-admin"],
.nav[hidden],
.bottom-nav button[hidden]{display:none!important}
.ai-action-summary{display:block;margin-top:8px;color:#31465e;font-size:12px;line-height:1.45}
.client-booking-controls{display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:center;gap:14px;margin:-5px 0 12px}.client-booking-controls label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:650}.client-booking-controls .client-booking-scope{justify-self:start}.client-booking-controls .client-booking-sort{justify-self:end}.client-booking-filter-group{display:flex;align-items:center;justify-content:center;gap:14px}.client-booking-controls select{width:auto;min-width:210px;min-height:38px;padding:7px 30px 7px 10px;font-size:13px}.client-booking-controls input{width:126px;min-height:38px;padding:7px 10px;font-size:13px}.client-booking-controls .client-booking-sailing input{width:174px}@media(max-width:1240px){.client-booking-controls{grid-template-columns:1fr auto;align-items:start}.client-booking-controls .client-booking-scope{grid-column:1}.client-booking-controls .client-booking-sort{grid-column:2}.client-booking-filter-group{grid-column:1/-1;grid-row:2;justify-content:flex-start}}@media(max-width:760px){.client-booking-controls{display:flex;justify-content:stretch;align-items:stretch;flex-direction:column;gap:8px;margin:0 0 12px}.client-booking-controls label,.client-booking-controls .client-booking-scope,.client-booking-controls .client-booking-sort{width:100%;justify-content:space-between}.client-booking-filter-group{display:flex;align-items:stretch;flex-direction:column;gap:8px}.client-booking-controls select,.client-booking-controls input,.client-booking-controls .client-booking-sailing input{min-width:0;width:72%}}
.client-booking-row{display:block!important;min-height:0!important;padding:0!important}.client-booking-row-open{display:grid;width:100%;grid-template-columns:1fr 1.5fr .8fr 1fr 1.1fr;gap:14px;align-items:center;min-height:69px;padding:12px 48px 12px 44px;border:0;border-radius:0;text-align:left;background:transparent}.client-booking-row-open:hover{background:transparent;transform:none}.client-booking-favorite,.client-booking-selector{position:absolute;z-index:2;top:22px;left:12px}.client-booking-favorite{width:26px;height:26px;padding:0;border:0;color:#8798a9;background:transparent;font-size:24px;line-height:1}.client-booking-favorite.is-favorite{color:#e3a521}.client-booking-selector input{width:18px;min-height:18px}.client-booking-row .row-arrow{right:16px}.client-export-selection-bar{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:9px 12px;border:1px solid #9ed1d6;border-radius:8px;background:var(--aqua)}.client-export-selection-bar strong{margin-right:auto;color:var(--teal)}.client-export-selection-bar button{min-height:34px;padding:5px 10px}.client-export-selection-bar button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.client-booking-row-open{grid-template-columns:1fr auto;padding-left:44px}.client-booking-row-open>span:nth-child(2),.client-booking-row-open>span:nth-child(3){grid-column:1/-1}.client-booking-row-open>span:nth-child(4){display:none}.client-export-selection-bar{align-items:stretch;flex-wrap:wrap}.client-export-selection-bar strong{flex-basis:100%}}
/* Круглый логотип без обрезки: контур + логотип целиком внутри */
.brand-mark{
  width:50px;
  height:50px;
  border-radius:10%;
  background:#fff;
  object-fit:contain;
  padding:5px;
  flex:none;
}

.dg-document-package{margin-top:20px;padding-top:20px;border-top:1px solid #d8e4ec}.dg-package-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.dg-package-head small{color:#0b8793;font-weight:800;letter-spacing:.08em}.dg-package-head h3{margin:4px 0 6px}.dg-package-head p{margin:0;color:#60728d}.dg-package-head>a{flex:0 0 auto;border:1px solid #0b8793;border-radius:10px;padding:10px 13px;color:#087e8a;font-weight:750;text-decoration:none}.dg-document-list{display:grid;gap:10px}.dg-document-card{padding:14px;border:1px solid #d8e4ec;border-radius:12px;background:#fff}.dg-document-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dg-document-card header div{display:grid;gap:4px}.dg-document-card header small{color:#60728d;line-height:1.4}.dg-document-picker{display:inline-flex!important;width:auto!important;margin-top:12px;cursor:pointer}.dg-document-picker>span{display:inline-flex;border-radius:9px;background:#eff8fa;color:#087e8a;padding:8px 12px;font-weight:750}.dg-document-picker input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.dg-document-ready,.dg-document-missing{max-width:38%;font-size:12px;font-weight:750;text-align:right}.dg-document-ready{color:#168a55}.dg-document-missing{color:#bf5a4e}.dg-document-confirmations{margin-top:16px}.terms-check.compact{min-height:auto;padding:11px 12px}.terms-check.compact span{gap:2px}.dg-policy-note{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding:13px 15px;border-radius:11px;background:#f5f9fb;color:#455a73}.dg-policy-note strong{color:#102754}.dg-documents-readonly{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.dg-documents-readonly article{display:grid;gap:4px;padding:12px;border:1px solid #d8e4ec;border-radius:10px;background:#f8fbfc}.dg-documents-readonly span{color:#60728d;font-size:12px}.dg-documents-readonly a{color:#087e8a;font-weight:750;text-decoration:none}
.dg-restriction-note{margin-top:14px;padding:12px 14px;border:1px solid #efc98a;border-radius:11px;background:#fffaf0;color:#5d4930}.dg-restriction-note strong{display:block;color:#8b5b14;font-size:13px}.dg-restriction-note p{margin:3px 0 7px;font-size:12px;line-height:1.4}.dg-restriction-note ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px;margin:0;padding-left:18px;font-size:12px;line-height:1.4}.dg-restriction-confirmation{margin-top:12px;background:#fff}.dg-screening-accepted{background:#edf9f3;color:#24714d}.dg-screening-accepted strong{color:#168a55}.dg-screening-manual_review{background:#fff7e7;color:#8b5b14}.dg-screening-manual_review strong{color:#a66400}.dg-screening-rejected{background:#fff0ee;color:#9b4238}.dg-screening-rejected strong{color:#bf4d41}.dg-screening-incomplete{background:#f0f6fb;color:#455a73}

@media (max-width:800px){.dg-package-head{flex-direction:column}.dg-package-head>a{width:100%;text-align:center}.dg-document-card header{flex-direction:column}.dg-document-ready,.dg-document-missing{max-width:100%;text-align:left}.dg-documents-readonly,.dg-restriction-note ul{grid-template-columns:1fr}}

.cs-booking-edit-mode{display:grid;gap:10px}.cs-booking-edit-mode summary{cursor:pointer;font-weight:700}.cs-edit-tab{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.cs-edit-tab h4{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px;text-transform:uppercase}.cs-edit-tab .wide,.cs-schedule-picker{grid-column:1/-1}.cs-schedule-picker{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:end}.cs-schedule-picker button{white-space:nowrap}.cs-booking-transfer-form label.wide{margin-top:0}

.modal>.cs-booking-modal .cs-booking-layout{grid-template-columns:minmax(0,1fr) 320px}.cs-booking-editor-panel,.cs-booking-requests-panel,#bookingThreadPanels{grid-column:1/-1}.cs-booking-side .cs-booking-status-panel{padding:16px!important}.cs-booking-editor-panel{padding:16px!important}.cs-booking-editor-panel .cs-booking-transfer-form{gap:8px}.cs-booking-editor-panel label{gap:4px!important}.cs-edit-tab{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px}.cs-edit-tab h4{padding-bottom:2px}.cs-schedule-picker{grid-template-columns:minmax(0,1fr) minmax(180px,auto)}.cs-container-editor{display:grid;gap:8px}.cs-container-edit-row{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:8px}#bookingThreadPanels{display:grid;gap:18px}.cs-booking-section:has(.cs-booking-history-list),.cs-booking-section:has(#bookingInternalNoteForm){margin-top:0}
.mobile-brand .brand-mark{width:34px;height:34px;padding:4px}
.side-foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.side-foot .avatar{
  flex:none;
  width:34px;
  height:34px;
  aspect-ratio:1/1;
}
.side-foot > span:last-child{
  flex:1;
  min-width:0;
}
.user-profile-trigger{
  display:flex;
  flex:1;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:0;
  border:0;
  color:#fff;
  background:transparent;
  text-align:left;
}
.user-profile-trigger:hover{border:0;background:transparent;transform:none}
.top-avatar{border:0;padding:0}
.top-avatar:hover{transform:none}
.profile-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #c9e0e4;border-radius:12px;background:linear-gradient(145deg,#f3fbfc,#fff)}
.profile-card-avatar{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:50%;color:#fff;background:var(--navy);font-weight:800}
.profile-card h3{margin:0 0 3px;font-size:17px}
.profile-card p{margin:0;color:var(--muted);overflow-wrap:anywhere}
.profile-details{display:grid;gap:0;margin-top:16px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.profile-details p{display:flex;justify-content:space-between;gap:15px;margin:0;padding:13px 14px;border-bottom:1px solid var(--line)}
.profile-details p:last-child{border-bottom:0}
.profile-details span{color:var(--muted);font-size:12px}
.profile-details strong{text-align:right;overflow-wrap:anywhere}
.profile-security-form{display:grid;gap:10px;margin-top:16px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#f8fbfc}
.profile-security-form h3{margin:0 0 3px}.profile-security-form label{display:grid;gap:5px;color:var(--muted);font-size:11px}
.profile-revoke-all{width:100%;margin-top:10px;color:#9b2c2c;border-color:#e8caca}
.auth-notice{padding:11px 12px;border:1px solid #afd8c5;border-radius:9px;color:#176347;background:#effaf5;font-size:12px}
.session-warning-card{max-width:460px}.session-warning-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.brand{height:66px}
.company-profile{position:relative;cursor:help}
.company-profile:focus-visible{outline:3px solid rgba(8,126,139,.25);outline-offset:5px;border-radius:6px}
.company-details{position:absolute;top:calc(100% + 12px);right:0;z-index:30;display:grid;gap:5px;width:230px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#fff;box-shadow:0 14px 35px rgba(7,23,59,.16);font-size:12px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:.16s ease}
.company-details b{color:var(--navy);font-size:12px}
.company-details span{display:block}
.company-profile:hover .company-details,.company-profile:focus .company-details{opacity:1;visibility:visible;transform:none}
.side-foot b, .side-foot small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.logout-button{
  flex:0 0 100%;
  margin-left:0;
  margin-top:6px;
  padding:8px 0;
  text-align:center;
  border:1px solid rgba(255,255,255,.15);
  border-radius:7px;
  color:#0d2c58;
  background:#fff;
}
.logout-button:hover{
  color:#0d2c58;
  background:#f0f4f8;
}
.toolbar{
  display:flex;
  align-items:stretch;
  gap:10px;
}
.toolbar .search{
  flex:1 1 340px;
  min-width:220px;
}
.toolbar .search input{
  width:100%;
}
.toolbar select{
  flex:0 0 200px;
  width:auto;
}
.toolbar button{
  flex:none;
}
.schedule-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:end}
.schedule-fields label,.schedule-port-field{min-width:0}
.schedule-fields label input,.schedule-fields label select{box-sizing:border-box;width:100%;min-width:0}
.schedule-port-combobox input{box-sizing:border-box;width:100%;min-width:0}
.swap-ports{width:44px;height:46px;align-self:end;border-radius:50%;color:var(--teal);border-color:var(--teal);font-size:16px}
.swap-ports:hover{background:var(--aqua);transform:rotate(180deg)}
.route-type-toggle{display:flex;gap:6px;margin-top:14px;padding:4px;border-radius:10px;background:var(--soft)}
.route-type-toggle button{flex:1;border:0;padding:9px 0;border-radius:8px;color:var(--muted);background:transparent}
.route-type-toggle button.active{color:#fff;background:var(--navy);box-shadow:0 4px 10px rgba(7,23,59,.18)}
.cargo-flag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.flag-card{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:9px;color:var(--navy);background:#fff}
.flag-card.selected{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:var(--aqua)}
.flag-card input{width:18px;min-height:18px;margin:0}
.flag-card strong{font-size:14px}
.flag-card small{color:var(--muted)}
.terms-block{display:grid;gap:12px;margin-top:18px}
.terms-check{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:#fff}
.terms-check input{width:18px;min-height:18px;margin-top:2px;flex:none}
.terms-check span{display:grid;gap:3px}
.terms-check strong{font-size:13px;color:var(--navy)}
.terms-check small{color:var(--muted)}
.cargo-flag-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.special-block{display:grid;gap:14px;padding:18px;border:1px solid #a9d2d7;border-radius:10px;background:linear-gradient(145deg,#f9feff,#edf8fa)}
.special-block h3,.container-mix h3{margin:0;font-size:16px}
.special-grid{gap:14px 18px}
.container-mix{display:grid;gap:12px}
.container-mix-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.container-mix-head button{padding:9px 12px;color:var(--teal);border-color:var(--teal)}
.container-mix-row{display:grid;grid-template-columns:1.3fr .6fr 1.3fr;gap:14px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff}

.route-card{margin-bottom:20px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.route-card>header{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--line);background:var(--soft)}
.route-transit{margin-left:12px;color:var(--muted);font-size:12px}
.route-chain{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:20px 16px;background:var(--aqua)}
.route-point{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:70px}
.route-point i{width:14px;height:14px;border-radius:50%;border:2px solid var(--teal);background:#fff}
.route-point.start i,.route-point.end i{background:var(--teal)}
.route-point span{font-size:12px;font-weight:600;color:var(--navy);text-align:center;max-width:100px}
.route-line{flex:0 0 40px;height:2px;background:linear-gradient(to right,var(--teal2),var(--navy2))}

.leg-block{padding:18px;border-bottom:1px solid var(--line)}
.leg-block:last-child{border-bottom:0}
.leg-block h4{margin:0 0 4px;font-size:15px;color:var(--navy)}
.leg-window{display:block;margin-bottom:12px;color:var(--muted)}
.leg-empty{margin:0;padding:14px;border-radius:8px;color:var(--muted);background:var(--soft)}
.leg-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.leg-row{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(4,minmax(70px,.9fr)) minmax(54px,.58fr);gap:8px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px}
.leg-table.has-actions .leg-row{grid-template-columns:minmax(0,1.45fr) repeat(4,minmax(70px,.9fr)) minmax(54px,.58fr) 100px}
.leg-row:last-child{border-bottom:0}
.leg-head{color:var(--muted);background:var(--soft);font-size:11px}
.leg-sailing{display:grid;gap:5px;min-width:0}
.leg-sailing-title{display:flex;align-items:baseline;gap:5px;min-width:0;white-space:nowrap}
.leg-sailing-title strong,.leg-sailing-title small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}
.leg-sailing-title strong{flex:0 1 auto}
.leg-sailing-title small{flex:1 1 auto;color:var(--muted);font-size:10px}
.leg-sailing-title small:before{margin-right:5px;color:#aab5c1;content:"/"}
.leg-sailing .capacity-badge{margin-top:0}
.leg-row>span:not(.leg-sailing){white-space:nowrap}
.leg-action{display:flex;justify-content:flex-end}
.leg-row button{width:100px;padding:7px 10px;color:var(--teal);border-color:var(--teal);white-space:nowrap}

.route-chain.compact{
  align-items:flex-start;
  padding:4px 0;
  background:transparent;
  justify-content:flex-start;
  flex-wrap:nowrap;
  overflow-x:auto;
  gap:4px;
}
.route-chain.compact .route-point{
  min-width:52px;
  gap:2px;
}
.route-chain.compact .route-point small{
  height:10px;
  font-size:8px;
  line-height:10px;
  letter-spacing:.04em;
}
.route-chain.compact .route-point i{
  width:9px;
  height:9px;
}
.route-chain.compact .route-point > span{
  font-size:10.5px;
  max-width:64px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.route-chain.compact .route-line{
  flex:0 0 18px;
  height:1.5px;
  margin-top:17px;
}
.route-chain.compact::-webkit-scrollbar{height:3px}
.route-chain.compact::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}

@media(max-width:760px){
  .cargo-flag-grid,.container-mix-row{grid-template-columns:1fr}
  .schedule-fields{grid-template-columns:1fr 1fr}
  .swap-ports{justify-self:center}
  .leg-row{grid-template-columns:1fr 1fr;font-size:12px}
  .leg-row.leg-head{display:none}
  .leg-row span:nth-child(n+2){display:none}
  .leg-table.has-actions .leg-row{grid-template-columns:minmax(0,1fr) 100px}
  .leg-table.has-actions .leg-row>span:nth-child(2),.leg-table.has-actions .leg-row>span:nth-child(3),.leg-table.has-actions .leg-row>span:nth-child(4),.leg-table.has-actions .leg-row>span:nth-child(5),.leg-table.has-actions .leg-row>span:nth-child(6){display:none}
  .leg-table:not(.has-actions) .leg-row{grid-template-columns:1fr}
  .route-chain.compact .route-point{min-width:46px}
  .route-chain.compact .route-point > span{max-width:52px}
}

/* Shipment drawer: the tracking payload stays unchanged and is presented as a concise event history. */
.shipment-summary{display:grid;gap:12px;margin-bottom:16px;padding:16px;border:1px solid #aed7dc;border-radius:12px;background:linear-gradient(145deg,#eefafb,#fff)}
.shipment-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.shipment-summary-head>span{color:var(--muted);font-size:11px}
.shipment-summary>strong{font-size:18px;line-height:1.3}
.shipment-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.shipment-summary-grid p{display:grid;gap:3px;margin:0;padding:10px 11px;border-radius:9px;background:#fff}
.shipment-summary-grid span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.shipment-summary-grid b{font-size:12px;overflow-wrap:anywhere}
.shipment-journey{margin:18px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.shipment-journey>header{padding:14px 16px;border-bottom:1px solid var(--line);background:var(--soft)}
.shipment-journey h3,.shipment-journey h4,.shipment-journey p{margin:0}
.shipment-journey>header p{margin-top:3px;color:var(--muted);font-size:11px}
.shipment-journey-list{padding:4px 16px}
.shipment-journey-event{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;padding:14px 0}
.shipment-journey-event:not(:last-child):before{content:"";position:absolute;top:28px;bottom:-14px;left:7px;width:2px;background:#b9dfe3}
.shipment-journey-marker i{position:relative;z-index:1;display:block;width:16px;height:16px;border:3px solid var(--teal);border-radius:50%;background:#fff}
.shipment-journey-event.start .shipment-journey-marker i,.shipment-journey-event.end .shipment-journey-marker i{background:var(--teal)}
.shipment-journey-content{display:grid;gap:3px;min-width:0}
.shipment-journey-content>small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.shipment-journey-content h4{font-size:14px;overflow-wrap:anywhere}
.shipment-journey-dates{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.shipment-journey-dates span{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:var(--soft);font-size:11px}
.shipment-journey-dates b{color:var(--teal);font-size:10px}
.shipment-journey-empty{padding:16px;color:var(--muted)}
.shipment-booking-detail{margin-top:0}
.shipment-disclaimer{margin:12px 0 0;padding:11px 13px;border-left:3px solid var(--orange);color:var(--muted);background:#fff8e8;font-size:11px}
.shipment-archive-note{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:11px 13px;border:1px solid #cbdde3;border-radius:9px;background:#f7fafb}
.shipment-archive-note strong{font-size:12px;white-space:nowrap}.shipment-archive-note span{color:var(--muted);font-size:11px}
.shipment-archive-meta{grid-column:1/-1}
.booking-row>.status,.client-booking-row .booking-status-activity>.status,.client-booking-modal>header .status{margin:0;border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.shipments .status,.shipment-summary-head>.status{margin:0;border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.ticket-mini{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.ticket-mini-main,.ticket-mini-meta{display:grid;min-width:0}.ticket-mini-main{gap:3px}.ticket-mini-main strong{overflow-wrap:anywhere;color:var(--navy)}.ticket-mini-main small{color:var(--muted)}.ticket-mini-meta{justify-items:end;gap:4px}.ticket-mini .status{margin:0;border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}.ticket-mini-meta small{color:var(--muted);font-size:10px}
@media(max-width:560px){.shipment-summary-head,.shipment-archive-note{align-items:flex-start;flex-direction:column}.shipment-summary-grid{grid-template-columns:1fr}.shipment-journey-list{padding:4px 13px}.ticket-mini{grid-template-columns:1fr}.ticket-mini-meta{justify-items:start}}

.document-subfolders{display:grid;gap:0}
.document-subfolder{border-top:1px solid var(--line)}
.document-subfolder:first-child{border-top:0}
.document-subfolder h4{margin:0;padding:12px 18px;color:var(--navy);background:#fff;font-size:13px}
.document-subfolder .document-list{border-top:1px solid var(--line)}
.doc-open:hover{transform:none;box-shadow:inset 0 0 0 1px currentColor}

.modal > .client-booking-modal{
  width:min(1380px,calc(100vw - 28px));
  max-height:min(90vh,940px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  border-radius:22px;
}
.modal > .client-booking-modal>header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:14px;
  align-items:start;
  padding:22px 24px 18px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#f8fcfd,#fff);
}
.client-booking-modal>header h2,
.client-booking-modal>header p,
.client-booking-modal>header small{
  margin:0;
}
.client-booking-modal>header p,
.client-booking-modal>header small{
  color:var(--muted);
}
.client-booking-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  min-height:40px;
}
.client-booking-header-actions .client-booking-export{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  white-space:nowrap;
}
.modal > .client-booking-modal .client-booking-scroll{
  min-height:0;
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:start;
  grid-auto-rows:min-content;
  gap:16px;
  padding:20px 24px;
}
.modal > .client-booking-modal .client-booking-section{
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  position:static;
  inset:auto;
  width:auto;
  min-width:0;
  max-width:none;
  margin:0;
  box-shadow:none;
  transform:none;
  align-self:start;
}
.modal > .client-booking-modal .entity-activity-history{
  grid-column:1/-1;
}
.modal > .client-booking-modal .client-booking-column{
  display:grid;
  align-content:start;
  gap:16px;
  min-width:0;
}
.client-booking-section h3{
  margin:0;
  color:var(--navy);
  font-size:15px;
}
.client-booking-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 16px;
}
.client-booking-grid p{
  display:grid;
  gap:4px;
  min-width:0;
  margin:0;
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
}
.client-booking-grid p:last-child{
  border-bottom:0;
}
.client-booking-grid span{
  color:var(--muted);
  font-size:11px;
}
.client-booking-grid strong{
  min-width:0;
  color:var(--navy);
  font-size:13px;
  line-height:1.45;
  word-break:break-word;
}
.client-booking-modal .modal-actions{
  align-items:center;
  padding:16px 24px 20px;
  border-top:1px solid var(--line);
  background:#fff;
}
.client-booking-modal .modal-actions .booking-footer-action{
  flex:0 0 190px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:190px;
  min-height:44px;
  padding:0 16px;
  text-align:center;
  white-space:nowrap;
}
.booking-lock-note{
  margin-right:auto;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
@media(max-width:760px){
  .modal > .client-booking-modal{
    width:min(100vw - 18px,100%);
    max-height:calc(100vh - 18px);
  }
  .modal > .client-booking-modal>header{
    grid-template-columns:1fr auto;
    padding:18px 16px;
  }
  .client-booking-modal>header>.client-booking-header-actions{
    grid-column:1;
    grid-row:2;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .client-booking-modal>header>.close{
    grid-column:2;
    grid-row:1;
  }
  .modal > .client-booking-modal .client-booking-scroll,
  .client-booking-grid{
    grid-template-columns:1fr;
  }
  .modal > .client-booking-modal .client-booking-scroll{
    padding:16px;
  }
  .client-booking-modal .modal-actions .booking-footer-action{
    flex-basis:auto;
    width:100%;
    min-width:0;
  }
}

.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:16px}
.admin-hero h2,.admin-hero p{margin:0}
.admin-hero p{color:var(--muted);font-size:13px}
.admin-search{padding:16px 18px;margin-bottom:16px}
.admin-search label{display:grid;gap:7px;color:var(--muted);font-size:12px}
.admin-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}
.admin-users,.admin-detail{display:grid;gap:10px;padding:14px}
.admin-user-card{display:grid;gap:4px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;text-align:left}
.admin-user-card.active{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:var(--aqua)}
.admin-user-card strong{font-size:14px}
.admin-user-card small,.admin-user-card span{color:var(--muted);font-size:11px}
.admin-user-companies{display:grid;gap:6px;margin-top:4px}
.admin-user-companies span{padding:6px 8px;border-radius:8px;background:var(--soft);font-size:11px}
.admin-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 0 10px}
.admin-detail-head h3,.admin-detail-head p{margin:0}
.admin-detail-head p{color:var(--muted);font-size:12px}
.admin-detail-actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-layout-shell{grid-template-columns:260px minmax(0,1fr);align-items:start}
.admin-detail-wide{display:grid;gap:16px}
.admin-sections{display:grid;gap:8px;position:sticky;top:16px}
.admin-section-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left}
.admin-section-button small{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:10px}
.admin-section-button.active{color:#fff;border-color:var(--navy);background:var(--navy)}
.admin-section-button.active small{background:#fff;color:var(--navy)}
.admin-stack{display:grid;gap:16px;align-content:start;grid-auto-rows:min-content}
.admin-company-list{display:grid;gap:14px}
.admin-membership-tabs{display:flex;gap:8px;flex-wrap:wrap}
.admin-chip{padding:8px 10px;font-size:11px}
.admin-chip.active{color:#fff;border-color:var(--navy);background:var(--navy)}
.platform-admin-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.platform-admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.platform-admin-card-head strong,.platform-admin-card-head small{display:block}
.platform-admin-card-head small,.platform-admin-meta em{color:var(--muted);font-size:11px}
.platform-admin-card-head span{padding:5px 8px;border-radius:999px;background:var(--soft);font-size:11px}
.platform-admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.platform-admin-actions label,.platform-admin-toggle{display:grid;gap:6px;color:var(--muted);font-size:12px}
.platform-admin-location-field{display:grid;gap:8px;min-width:0;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px}
.platform-admin-location-field legend{padding:0 4px}
.platform-admin-location-field>small{font-size:10px;line-height:1.35}
.platform-admin-location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.platform-admin-location-option{display:flex!important;align-items:center;gap:7px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy)!important;cursor:pointer}
.platform-admin-location-option input{width:16px;min-height:16px;height:16px;margin:0;accent-color:var(--teal)}
.platform-admin-actions .platform-admin-toggle{align-content:end}
.platform-admin-toggle input{width:18px;min-height:18px;height:18px;margin:0;accent-color:var(--teal)}
.platform-admin-toggle small{color:var(--muted);font-size:10px;line-height:1.25}
.platform-admin-actions button{min-height:42px}
.platform-admin-meta{display:flex;gap:6px;flex-wrap:wrap}
.platform-admin-meta span{padding:5px 8px;border-radius:999px;background:var(--soft);font-size:11px}
.platform-admin-source-meta,.platform-admin-validation-meta{display:grid;gap:10px}
.platform-admin-source-meta{grid-template-columns:repeat(4,minmax(0,1fr))}
.platform-admin-validation-meta{grid-template-columns:repeat(5,minmax(0,1fr))}
.platform-admin-source-meta>span,.platform-admin-validation-meta>span{display:grid;align-content:center;gap:5px;min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#f8fbfc}
.platform-admin-source-meta em,.platform-admin-validation-meta em{color:var(--muted);font-size:10px;font-style:normal;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.platform-admin-source-meta strong{min-width:0;overflow:hidden;color:var(--navy);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.platform-admin-validation-meta strong{color:var(--navy);font-size:20px;line-height:1}
.platform-admin-validation-meta .metric-error{border-left:3px solid #e16b63}
.platform-admin-validation-meta .metric-warning{border-left:3px solid #e5a53a}
.platform-admin-validation-meta .metric-added{border-left:3px solid #3aa675}
.platform-admin-validation-meta .metric-changed{border-left:3px solid var(--teal)}
.platform-admin-validation-meta .metric-removed{border-left:3px solid #9aa8b7}
.platform-admin-checksum{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:900px){.platform-admin-source-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-admin-validation-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.platform-admin-source-meta,.platform-admin-validation-meta{grid-template-columns:1fr 1fr}.document-poa-facts{grid-template-columns:1fr}}
.invitation-meta{align-items:stretch}
.invitation-meta span{display:grid;gap:2px;min-width:145px;padding:8px 10px;border-radius:10px}
.invitation-meta em{font-style:normal;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.invitation-meta strong{font-size:12px;font-weight:650;white-space:nowrap}
.admin-company-invites{display:grid;gap:10px}
.platform-admin-invite{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--soft);align-items:end}
.platform-admin-invite strong,.platform-admin-invite small{display:block}
.platform-admin-invite small{color:var(--muted);font-size:11px}
.platform-admin-invite label{display:grid;gap:6px;color:var(--muted);font-size:12px}
.admin-company-create{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-company-create>div{grid-column:1/-1}
.admin-company-create>button{grid-column:1/-1;justify-self:start;min-width:190px;min-height:44px}
.document-library-panel{display:grid;gap:16px;margin-top:16px;padding:18px}
.document-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.document-section-head h3,.document-section-head p{margin:0}
.document-section-head p{color:var(--muted);font-size:12px}
.document-poa-area{display:grid;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.document-poa-area--top{margin-top:16px;padding-top:0;border-top:0}
.document-section-settings{display:flex;align-items:flex-start;gap:16px;margin-top:16px;padding:14px 18px}
.document-section-settings>button{color:var(--teal);border-color:var(--teal)}
.document-section-settings>div{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:10px}
.document-section-settings label{display:flex;align-items:center;gap:7px;color:var(--navy);font-size:13px}
.document-section-settings input[type="checkbox"]{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--teal)}
.document-folder-actions{display:flex;align-items:center;gap:8px}
.document-folder-actions>span{display:grid;place-items:center;min-width:32px;height:26px;padding:0 9px;border-radius:999px;color:var(--teal);background:#fff;font-weight:700;font-size:12px}
.document-folder-actions>button{padding:6px 9px;color:var(--muted);background:#fff;font-size:11px}
.document-poa-card,.document-poa-panel{display:grid;gap:12px;padding:18px;margin-bottom:0}
.document-poa-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.document-poa-head h3,.document-poa-head p{margin:0}
.document-poa-head p{color:var(--muted);font-size:12px}
.document-poa-head span{padding:5px 8px;border-radius:999px;background:var(--soft);font-size:11px}
.document-poa-controls{display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,300px);gap:10px 12px;padding:11px 12px;border:1px solid #d4e4e9;border-radius:10px;background:#f7fbfc}.document-poa-controls label{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:10px;font-weight:750}.document-poa-controls input,.document-poa-controls select{min-width:0;min-height:40px;background:#fff}.document-poa-controls>small{grid-column:1/-1;color:var(--muted);font-size:10px}
.document-poa-result{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-left:4px solid #42a978;border-radius:12px;background:#fbfefd}
.document-poa-result.expiring{border-left-color:#e7a83b;background:#fffaf0}.document-poa-result.expired,.document-poa-result.revoked{border-left-color:#e06c64;background:#fff7f6}.document-poa-result.hold{border-left-color:#8e99a8;background:#f7f9fb}
.document-poa-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.document-poa-result-head>div{display:grid;gap:3px}.document-poa-result-head>div>small{color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.08em}.document-poa-result-head>strong{font-size:16px}.document-poa-result-head>span{padding:5px 9px;border-radius:999px;color:#23734f;background:#e4f6ed;font-size:10px;font-weight:800}.document-poa-result.expiring .document-poa-result-head>span{color:#8a5709;background:#fff0cc}.document-poa-result.expired .document-poa-result-head>span,.document-poa-result.revoked .document-poa-result-head>span{color:#a53e38;background:#ffe5e2}
.document-poa-result p,.document-poa-result small{margin:0;color:var(--muted);font-size:12px}.document-poa-result p b{color:var(--navy)}
.document-poa-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.document-poa-facts>span{display:grid;gap:3px;padding:10px;border-radius:9px;background:#f1f7f8}.document-poa-facts small{font-size:9px}.document-poa-facts strong{font-size:12px}
.document-poa-reminder{padding:9px 11px;border-radius:9px;color:#875509;background:#fff0cc;font-size:11px;font-weight:800}
.document-poa-results{display:grid;gap:12px}.document-poa-more{display:grid;gap:10px}.document-poa-more summary{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border:1px solid #b9d8dd;border-radius:9px;color:var(--teal);background:#f7fbfc;font-size:11px;font-weight:800;cursor:pointer;list-style:none}.document-poa-more summary::-webkit-details-marker{display:none}.document-poa-more summary span:last-child{display:none}.document-poa-more[open] summary span:first-child{display:none}.document-poa-more[open] summary span:last-child{display:inline}.document-poa-more[open] summary{background:var(--aqua)}.document-poa-more .document-poa-results{margin-top:10px}
.document-section-head>span.attention{color:#8a5709;background:#fff0cc}
.document-poa-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.document-poa-form label{display:grid;gap:6px;color:var(--muted);font-size:12px}
.document-poa-form button{min-height:46px}
@media(max-width:900px){.document-poa-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.document-poa-facts{grid-template-columns:1fr}}
@media(max-width:680px){.document-poa-controls{grid-template-columns:1fr}.document-poa-controls>small{grid-column:auto}}
@media(max-width:960px){
  .admin-layout,.admin-layout-shell,.platform-admin-invite,.platform-admin-actions,.document-poa-form{grid-template-columns:1fr}
  .admin-hero,.admin-detail-head,.document-section-head,.document-poa-head{flex-direction:column;align-items:stretch}
  .admin-sections{position:static}
}

.nav[href]{text-decoration:none}

/* Dashboard shell layer: keeps the current data views and adds a denser control-center rhythm. */
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.dashboard-kpi{position:relative;display:grid;gap:5px;min-height:122px;padding:17px 18px;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:left;background:linear-gradient(145deg,#fff,#f8fbfc);box-shadow:0 10px 28px rgba(7,23,59,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.dashboard-kpi:after{content:"";position:absolute;right:-28px;bottom:-36px;width:108px;height:108px;border-radius:34px;background:var(--aqua);transform:rotate(24deg);opacity:.9}
.dashboard-kpi:hover{border-color:#8cb3bf;box-shadow:0 16px 34px rgba(7,23,59,.11);transform:translateY(-2px)}
.dashboard-kpi>span,.dashboard-kpi>small{position:relative;z-index:1;color:var(--muted);font-size:12px}
.dashboard-kpi>strong{position:relative;z-index:1;font-size:30px;line-height:1.1;letter-spacing:-.04em}
.dashboard-kpi>small b{color:var(--teal);font-size:15px}
.dashboard-kpi.work>strong{color:var(--blue)}
.dashboard-kpi.attention>strong{color:var(--orange)}
.dashboard-kpi.success>strong{color:var(--green)}
.dashboard-kpi.neutral>strong{color:var(--navy)}
.dashboard-grid{animation:dashboardEnter .28s ease both}
@keyframes dashboardEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dashboard-kpis{grid-template-columns:1fr 1fr;gap:9px}.dashboard-kpi{min-height:108px;padding:14px}.dashboard-kpi>strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.dashboard-kpi,.dashboard-grid{transition:none;animation:none}}

.ui-tabs{display:flex;gap:8px;max-width:100%;margin-bottom:15px;padding:1px;overflow-x:auto;overflow-y:hidden}
.ui-tab{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;white-space:nowrap}
.ui-tab:hover{transform:none}
.ui-tab.active{color:#fff;border-color:var(--navy);background:var(--navy)}
.ui-tab small{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;color:var(--muted);background:var(--soft);font-size:10px}
.ui-tab.active small{color:var(--navy);background:#fff}
.ui-state{display:grid;gap:5px;padding:26px;color:var(--muted);text-align:center}
.ui-state strong{color:var(--navy);font-size:13px}
.ui-state span{font-size:12px}
.ui-error{margin:0 0 14px;border:1px solid #f1b1aa;border-radius:8px;color:#9f2d22;background:#fff4f2;text-align:left}
.ui-error strong{color:#9f2d22}
.ui-drawer{position:fixed;z-index:90;inset:0;visibility:hidden;pointer-events:none}
.ui-drawer.open{visibility:visible;pointer-events:auto}
.ui-drawer-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:rgba(7,23,59,.32);opacity:0;transition:opacity .22s ease}
.ui-drawer.open .ui-drawer-backdrop{opacity:1}
.ui-drawer-panel{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(520px,94vw);height:100%;border-left:1px solid var(--line);background:#fff;box-shadow:-24px 0 70px rgba(7,23,59,.18);transform:translateX(105%);transition:transform .22s ease}
.ui-drawer.open .ui-drawer-panel{transform:none}
.ui-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:22px 22px 17px;border-bottom:1px solid var(--line)}
.ui-drawer-head small{color:var(--muted);font-size:11px}
.ui-drawer-head h2{margin:3px 0 0;font-size:22px}
.ui-drawer-head .close{flex:0 0 36px}
.ui-drawer-body{flex:1;overflow:auto;padding:20px 22px}
.ui-drawer-body>.status{margin-bottom:14px}
.ui-drawer-actions{display:flex;justify-content:flex-end;gap:9px;padding:16px 22px;border-top:1px solid var(--line);background:var(--soft)}
.ui-drawer-actions .danger-btn{background:#fff}
@media(max-width:760px){.ui-drawer-panel{width:100%;border-left:0}.ui-drawer-head{padding:18px 16px 14px}.ui-drawer-body{padding:16px}.ui-drawer-actions{padding:13px 16px}.ui-drawer-actions button{width:100%;min-height:44px}}
@media(prefers-reduced-motion:reduce){.ui-drawer-backdrop,.ui-drawer-panel{transition:none}}

.ai-launch{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 11px;border-color:#a9d2d7;color:var(--teal);background:var(--aqua);font-size:12px;font-weight:700}
.ai-launch span:first-child{display:grid;place-items:center}
.ai-launch svg{width:16px;height:16px}
.ai-overlay{visibility:hidden;pointer-events:none;transition:visibility 0s linear 150ms}
.ai-overlay.open{visibility:visible;pointer-events:auto;transition-delay:0s}
.ai-overlay .overlay-bg{background:rgba(7,23,59,.18);backdrop-filter:none;-webkit-backdrop-filter:none;opacity:0;transform:none;transition:opacity 150ms ease}
.ai-overlay .overlay-bg:hover{transform:none}
.ai-overlay.open .overlay-bg{opacity:1}
.ai-sheet{top:auto;right:20px;bottom:18px;width:min(430px,calc(100vw - 40px));height:min(680px,calc(100vh - 36px));border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 80px rgba(7,23,59,.24);opacity:0;transform:translateY(24px) scale(.98);transform-origin:bottom right;transition:transform 150ms ease,opacity 150ms ease}
.ai-overlay.open .ai-sheet{opacity:1;transform:none}
.ai-sheet header{padding:16px 18px}
.ai-sheet .chat{padding:16px;background:#f7fafb}
.ai-context-note{margin:0;padding:8px 14px 2px;color:var(--muted);background:#fff;font-size:10px;line-height:1.4}
.ai-sheet #aiForm{padding:12px 14px}
.ai-sheet .suggestions{padding:9px 13px}
@media(max-width:760px){
  .ai-launch{display:none}
  .ai-overlay .overlay-bg{background:rgba(7,23,59,.42)}
  .ai-sheet{right:10px;bottom:10px;width:calc(100vw - 20px);height:min(76vh,620px);border-radius:20px;transform:translateY(18px) scale(.98)}
  .ai-sheet header{padding:14px 15px}
}
@media(prefers-reduced-motion:reduce){.ai-overlay,.ai-overlay .overlay-bg,.ai-sheet{transition:none}}

.wizard-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:-10px 0 20px;padding:10px 13px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--soft);font-size:12px}
.wizard-progress strong{color:var(--navy);font-size:13px}
.wizard-progress em{color:var(--teal);font-style:normal;font-size:11px;font-weight:700}
.wizard-copy-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 18px;padding:10px 12px;border-bottom:1px solid var(--line)}
.wizard-copy-bar span{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.wizard-copy-bar button{flex:none;min-height:38px;padding:8px 12px;color:var(--teal);border-color:#9bcbd0;background:#fff;font-weight:700}
.wizard-aside{display:grid;gap:12px;align-content:start}
.wizard-summary-card{padding:17px}
.wizard-summary-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px}
.wizard-summary-card>header small{color:var(--muted);font-size:11px}
.wizard-summary-card>header h3{margin:2px 0 0}
.wizard-summary-step{display:grid;place-items:center;min-width:34px;height:27px;border-radius:8px;color:var(--teal);background:#fff;font-size:11px;font-weight:800}
.wizard-summary-card footer{padding-top:15px;font-size:11px}
.wizard-content{min-width:0}
.staff-booking-company{margin:0 0 18px;padding:18px 20px;border-color:#a9d2d7;background:linear-gradient(135deg,#f2fbfb 0%,#fff 72%)}
.staff-booking-company header small{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.12em}
.staff-booking-company header h3{margin:4px 0;color:var(--navy)}
.staff-booking-company header h3 span{color:#d94b42}
.staff-booking-company header p{margin:0;color:var(--muted);font-size:12px}
.staff-company-search{display:grid;gap:7px;margin-top:16px;color:var(--navy);font-size:12px;font-weight:700}
.staff-company-search input{min-height:46px;background:#fff}
.staff-company-results{display:grid;gap:7px;margin-top:8px;max-height:250px;overflow:auto}
.staff-company-option,.staff-company-selected{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left}
.staff-company-option span,.staff-company-selected span{display:grid;gap:3px;min-width:0}
.staff-company-option b,.staff-company-selected b{color:var(--navy)}
.staff-company-option small,.staff-company-selected em{color:var(--muted);font-size:11px;font-style:normal}
.staff-company-option em{color:var(--teal);font-size:11px;font-style:normal;font-weight:800}
.staff-company-option:hover{border-color:#8fc8ce;background:#f8fdfd}
.staff-company-selected{margin-top:16px;border-color:#8fc8ce}
.staff-company-selected button{flex:none;color:var(--teal);background:#fff}
.staff-company-search-state{display:grid;gap:3px;padding:13px;color:var(--muted);border:1px dashed var(--line);border-radius:9px;background:#fff;font-size:12px}
.voyage-options .ui-state{border:1px dashed #b9cbd5;border-radius:10px;background:var(--soft)}
@media(max-width:760px){
  .wizard-progress{grid-template-columns:1fr auto;gap:3px 9px;margin:-4px 0 16px}
  .wizard-progress strong{grid-column:1}
  .wizard-progress em{grid-column:2;grid-row:1/3;align-self:center}
  .wizard-copy-bar{align-items:stretch;flex-direction:column;margin:-2px 0 15px}
  .wizard-copy-bar button{width:100%}
  .wizard-steps{grid-template-columns:repeat(7,minmax(78px,1fr));margin-bottom:20px;padding-bottom:4px;overflow-x:auto;scrollbar-width:thin}
  .wizard-steps:before{left:39px;right:39px;width:calc(546px - 78px)}
  .wizard-steps button{min-width:78px}
  .wizard-summary-card{padding:15px}
}

.modal>.booking-copy-modal{width:min(900px,calc(100% - 30px));max-height:min(760px,calc(100vh - 30px));padding:0;overflow:hidden;border-radius:10px}
.booking-copy-modal>header{align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--line)}
.booking-copy-modal>header small{color:var(--muted);font-size:11px;text-transform:uppercase}
.booking-copy-modal>header h2{margin:3px 0 0}
.booking-copy-modal form{display:grid;gap:16px;max-height:calc(100vh - 110px);padding:18px 22px 20px;overflow:auto}
.booking-copy-search{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}
.booking-copy-search input{min-height:42px}
.booking-copy-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr);gap:18px;min-height:0}
.booking-copy-sources{display:grid;align-content:start;max-height:390px;overflow:auto;border:1px solid var(--line);border-radius:8px}
.booking-copy-source{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-width:0;padding:12px 13px;border-bottom:1px solid var(--line);cursor:pointer;background:#fff}
.booking-copy-source:last-child{border-bottom:0}
.booking-copy-source:hover{background:var(--soft)}
.booking-copy-source:has(input:checked){background:var(--aqua)}
.booking-copy-source input,.booking-copy-sections input{width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:var(--teal)}
.booking-copy-source span{display:grid;min-width:0}
.booking-copy-source strong,.booking-copy-source small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.booking-copy-source small{margin-top:3px;color:var(--muted);font-size:11px}
.booking-copy-empty{margin:0;padding:22px;color:var(--muted);text-align:center;font-size:12px}
.booking-copy-sections{display:grid;align-content:start;gap:4px;margin:0;padding:0;border:0}
.booking-copy-sections legend{width:100%;margin-bottom:7px;padding-bottom:9px;border-bottom:1px solid var(--line);color:var(--navy);font-size:13px;font-weight:800}
.booking-copy-sections label{display:flex;align-items:center;gap:9px;min-height:40px;padding:7px 5px;color:var(--navy);font-size:12px;cursor:pointer}
.booking-copy-note{margin:0;padding:10px 12px;border-left:3px solid var(--teal);color:var(--muted);background:var(--soft);font-size:12px}
.booking-copy-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:2px}
.booking-copy-actions button{min-height:42px;padding:9px 14px}
@media(max-width:760px){
  .modal>.booking-copy-modal{top:auto;bottom:0;width:100%;max-height:calc(100vh - 24px);border-radius:10px 10px 0 0;transform:translateX(-50%)}
  .booking-copy-modal>header,.booking-copy-modal form{padding-right:16px;padding-left:16px}
  .booking-copy-modal form{overflow:auto}
  .booking-copy-layout{grid-template-columns:1fr}
  .booking-copy-sources{max-height:245px}
  .booking-copy-actions{display:grid;grid-template-columns:1fr 1fr}
}

/* These controls sit inside clipped panels, so a vertical hover shift hides their borders. */
.document-filters button:hover,
.cs-queues button:hover,
.attention-grid button:hover{transform:none}

@media(max-width:760px){
  .ai-bar>div,.ai-sheet header>div{min-width:0}
  .ai-bar>div>div,.ai-sheet header>div>div{min-width:0}
  .ai-bar b,.ai-bar small,.ai-sheet header b,.ai-sheet header small{overflow-wrap:anywhere}
  .ai-sheet header{align-items:flex-start;gap:12px}
  .ai-sheet .close{flex:0 0 36px}
}

/* Keep dashboard rail modules visually aligned even when their content differs. */
.rail>.panel{
  min-height:230px;
}
.rail>.panel>header{
  min-height:58px;
}

/* Native input rules add padding to radios; use a stable control with its own motion. */
.voyage-option{
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.voyage-option:hover{
  border-color:#8cbfc8;
  box-shadow:0 6px 16px rgba(8,126,139,.08);
  transform:none;
}
.voyage-option input[type="radio"]{
  appearance:none;
  -webkit-appearance:none;
  display:grid;
  place-content:center;
  flex:none;
  width:20px;
  height:20px;
  min-width:20px;
  min-height:20px;
  margin:0;
  padding:0;
  border:2px solid #aab7c5;
  border-radius:50%;
  background:#fff;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.voyage-option input[type="radio"]::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  transform:scale(0);
  transition:transform .18s ease;
}
.voyage-option input[type="radio"]:checked{
  border-color:var(--teal);
  background:var(--teal);
  box-shadow:0 0 0 4px rgba(8,126,139,.12);
}
.voyage-option input[type="radio"]:checked::before{
  transform:scale(1);
}
@media(prefers-reduced-motion:reduce){
  .voyage-option,.voyage-option input[type="radio"],.voyage-option input[type="radio"]::before{transition:none}
}

/* Do not leave an artificial blank area below a short ticket list. */
.rail>.panel{
  min-height:0;
}

@keyframes voyageSelectPulse{
  0%{box-shadow:0 0 0 0 rgba(8,126,139,.28)}
  100%{box-shadow:0 6px 16px rgba(8,126,139,.08)}
}
@keyframes radioPop{
  0%{transform:scale(0)}
  70%{transform:scale(1.2)}
  100%{transform:scale(1)}
}
.voyage-option.selected{
  animation:voyageSelectPulse .32s ease-out;
}
.voyage-option input[type="radio"]:checked::before{
  animation:radioPop .2s ease-out;
}
@media(prefers-reduced-motion:reduce){
  .voyage-option.selected,.voyage-option input[type="radio"]:checked::before{animation:none}
}

/* The dashboard KPI reuses the attention tone name; do not inherit the alert block spacing. */
.dashboard-kpi.attention{
  margin:0;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
}

/* Compact role-aware orientation widgets for the dashboard. */
.journey-widget{
  margin:0 0 18px;
  padding:17px 18px 18px;
  border:1px solid #badbe0;
  border-radius:14px;
  background:linear-gradient(120deg,#edf9fa,#fff 58%,#fff9ec);
  box-shadow:0 10px 26px rgba(15,49,82,.06);
}
.journey-widget>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.journey-widget>header small,.employee-hub-intro>small{color:var(--teal);font-size:9px;font-weight:850;letter-spacing:.1em}
.journey-widget>header h2,.employee-hub-intro>h2{margin:3px 0 0;font-size:18px;letter-spacing:-.02em}
.journey-widget>header p{max-width:520px;margin:0;color:var(--muted);font-size:11px;text-align:right}
.journey-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.journey-step{position:relative;display:grid;align-content:start;gap:3px;min-width:0;min-height:94px;padding:12px 10px;border:1px solid rgba(185,203,213,.82);border-radius:10px;text-align:left;background:rgba(255,255,255,.88)}
.journey-step>span{display:grid;place-items:center;width:22px;height:22px;margin-bottom:3px;border-radius:7px;color:var(--teal);background:var(--aqua);font-size:10px;font-weight:850}
.journey-step>strong{font-size:11px;line-height:1.25}
.journey-step>small{color:var(--muted);font-size:9px;line-height:1.35}
.journey-step.is-action:after{content:"→";position:absolute;top:11px;right:10px;color:#7ca9b0;font-size:11px}
.journey-step.is-action:hover{border-color:#79b9c1;background:#fff;transform:translateY(-1px)}
.journey-step.is-external{border-style:dashed;background:rgba(255,255,255,.62)}
.employee-hub-widget{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(310px,1.2fr) auto;align-items:center;gap:18px;margin:0 0 18px;padding:15px 17px;border:1px solid #c4d9e2;border-radius:14px;background:linear-gradient(120deg,#f3fbfc,#fff 72%);box-shadow:0 10px 26px rgba(15,49,82,.05)}
.employee-hub-intro p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.4}
.employee-hub-rhythm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.employee-hub-rhythm span{display:flex;align-items:center;gap:7px;min-width:0;color:var(--muted);font-size:10px;line-height:1.2}
.employee-hub-rhythm b{display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:8px;color:var(--teal);background:var(--aqua);font-size:10px}
.employee-hub-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.employee-hub-actions button{min-height:36px;padding:0 11px;font-size:10px;font-weight:700;white-space:nowrap}
@media(max-width:1200px){
  .journey-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
  .employee-hub-widget{grid-template-columns:1fr 1.25fr}.employee-hub-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:760px){
  .journey-widget{padding:15px 14px}.journey-widget>header{display:grid;gap:5px}.journey-widget>header p{text-align:left}
  .journey-steps{display:flex;gap:8px;padding-bottom:4px;overflow-x:auto;scroll-snap-type:x proximity}
  .journey-step{flex:0 0 148px;min-height:98px;scroll-snap-align:start}
  .employee-hub-widget{grid-template-columns:1fr;gap:13px;padding:15px}
  .employee-hub-rhythm{grid-template-columns:1fr}.employee-hub-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.employee-hub-actions button{white-space:normal}.employee-hub-actions button:last-child{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.journey-step.is-action{transition:none}}

/* Employee-only My HUB workspace. */
.employee-hub-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:23px 25px;border:1px solid #b9dbe0;border-radius:16px;background:linear-gradient(120deg,#eaf8fa,#fff 66%,#fff8e9);box-shadow:0 14px 34px rgba(15,49,82,.07)}
.employee-hub-hero>div:first-child{max-width:760px}
.employee-hub-hero small,.employee-hub-section>header small,.employee-hub-help small{color:var(--teal);font-size:9px;font-weight:850;letter-spacing:.1em}
.employee-hub-hero h2{margin:5px 0 4px;font-size:24px;letter-spacing:-.025em}
.employee-hub-hero p,.employee-hub-section>header p,.employee-hub-help p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.employee-hub-hero-actions{display:flex;flex:none;gap:8px}.employee-hub-hero-actions button{min-height:42px;padding:0 15px;font-weight:700}
.employee-hub-section{margin-bottom:18px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(7,23,59,.05)}
.employee-hub-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:15px}.employee-hub-section>header>div{min-width:0}.employee-hub-section>header h2{margin:4px 0 0}.employee-hub-section>header p{max-width:520px;text-align:right}
.employee-hub-management{margin:26px 0 32px;padding:20px;border:1px solid #bed9df;border-radius:15px;background:linear-gradient(145deg,#f3fafb,#fff);box-shadow:0 10px 28px rgba(7,23,59,.04)}
.employee-hub-management>header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid #d7e7ea}.employee-hub-management>header small{color:var(--teal);font-size:9px;font-weight:850;letter-spacing:.1em}.employee-hub-management>header h2{margin:4px 0 0}.employee-hub-management>header p{max-width:520px;margin:0;color:var(--muted);font-size:12px;line-height:1.5;text-align:right}.employee-hub-management .cs-staff-panel{margin-top:0;box-shadow:none}
.employee-hub-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.employee-hub-workflow-card{position:relative;display:grid;align-content:start;gap:5px;min-height:142px;padding:15px;border:1px solid #cbdde3;border-radius:12px;text-align:left;background:linear-gradient(145deg,#fff,#f7fbfc)}
.employee-hub-workflow-card>span{display:grid;place-items:center;width:26px;height:26px;margin-bottom:4px;border-radius:8px;color:var(--teal);background:var(--aqua);font-size:10px;font-weight:850}.employee-hub-workflow-card>strong{font-size:13px}.employee-hub-workflow-card>small{color:var(--muted);font-size:10px;line-height:1.4}.employee-hub-workflow-card>b{margin-top:auto;color:var(--teal);font-size:10px}
.employee-hub-workflow-card:hover{border-color:#79b9c1;background:#fff;transform:translateY(-2px)}
.employee-hub-learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.employee-hub-learning-grid article{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.employee-hub-learning-grid span{grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:var(--teal);background:#fff;font-size:10px;font-weight:850}.employee-hub-learning-grid h3,.employee-hub-learning-grid p{margin:0}.employee-hub-learning-grid h3{font-size:13px}.employee-hub-learning-grid p{color:var(--muted);font-size:10px;line-height:1.45}
.employee-hub-help{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px;border:1px solid #a9d2d7;border-radius:14px;background:var(--aqua)}.employee-hub-help h2{margin:4px 0}.employee-hub-help button{flex:none;min-height:42px;padding:0 16px;font-weight:700}
@media(max-width:1000px){.employee-hub-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-hub-learning-grid{grid-template-columns:1fr}}
@media(max-width:760px){.employee-hub-hero,.employee-hub-section>header,.employee-hub-management>header,.employee-hub-help{align-items:stretch;flex-direction:column}.employee-hub-hero{padding:19px}.employee-hub-hero-actions{display:grid;grid-template-columns:1fr}.employee-hub-section,.employee-hub-management{padding:16px}.employee-hub-section>header p,.employee-hub-management>header p{text-align:left}.employee-hub-workflow{grid-template-columns:1fr}.employee-hub-workflow-card{min-height:116px}.employee-hub-help button{width:100%}}
@media(prefers-reduced-motion:reduce){.employee-hub-workflow-card{transition:none}}

/* Schedule search follows the same compact work-panel language as bookings and CS. */
.schedule-search{
  overflow:visible;
  border-color:#c4d9e2;
  border-radius:16px;
  box-shadow:0 12px 28px rgba(15,49,82,.07);
}
.schedule-search>header{
  padding:18px 20px;
  background:linear-gradient(120deg,#f2fbfc,#fff);
}
.schedule-search>header h2{font-size:20px;letter-spacing:-.02em}
.schedule-search>header p{max-width:720px;line-height:1.45}
.schedule-search form{display:grid;gap:16px;padding:18px 20px;overflow:visible}
.schedule-fields{
  position:relative;
  z-index:2;
  overflow:visible;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fbfdfe;
}
.schedule-fields label{font-weight:650}
.schedule-fields input,.schedule-fields select{min-height:48px;border-radius:10px;background:#fff}
.swap-ports{box-shadow:0 4px 10px rgba(8,126,139,.08)}
.route-type-toggle{margin-top:0;border:1px solid var(--line);background:var(--soft)}
.route-type-toggle button{min-height:38px;font-weight:650}
.schedule-search-footer{
  margin-top:0;
  padding-top:15px;
  border-top:1px solid var(--line);
}
.schedule-search-footer p{font-size:12px}
.schedule-search-footer button{min-width:160px;border-radius:10px;font-weight:750}
@media(max-width:760px){
  .schedule-search>header,.schedule-search form{padding:16px}
  .schedule-fields{padding:12px}
  .route-type-toggle{overflow:auto}
  .route-type-toggle button{min-width:130px}
}

/* Keep wizard progress numbers readable after the white line mask is applied. */
.wizard-steps .active i,
.wizard-steps .done i{
  color:#fff!important;
  border-color:var(--teal)!important;
  background:var(--teal)!important;
}
.wizard-steps button:not(.active):not(.done) i{
  color:var(--navy);
  background:#fff!important;
}
.voyage-route-label{
  color:var(--navy);
  font-size:12px;
  line-height:1.35;
}

/* Search controls read as one route query rather than four unrelated fields. */
.schedule-form-heading{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  color:var(--navy);
}
.schedule-form-heading span{
  font-size:14px;
  font-weight:800;
}
.schedule-form-heading small{
  color:var(--muted);
  font-size:11px;
}
.schedule-fields label span{
  color:var(--muted);
  font-size:11px;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.schedule-fields label input,
.schedule-fields label select,
.schedule-port-combobox input{
  margin-top:1px;
  color:var(--navy)!important;
  background-color:#fff!important;
  -webkit-text-fill-color:var(--navy);
  color-scheme:light;
  font-weight:650;
}
.schedule-fields label select option{color:var(--navy);background:#fff}
.schedule-fields label input:-webkit-autofill,
.schedule-port-combobox input:-webkit-autofill{
  -webkit-text-fill-color:var(--navy)!important;
  box-shadow:0 0 0 1000px #fff inset!important;
}
.schedule-fields label input::placeholder,.schedule-port-combobox input::placeholder{color:#9aa8b7}
.schedule-advanced-filters{
  border:1px solid var(--line);
  border-radius:12px;
  background:#fbfdfe;
}
.schedule-advanced-filters summary{
  cursor:pointer;
  padding:12px 14px;
  color:var(--navy);
  font-size:12px;
  font-weight:750;
}
.schedule-advanced-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding:0 14px 14px;
}
.schedule-advanced-grid label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:650;text-transform:uppercase}
.schedule-advanced-grid input{min-height:42px;border-radius:9px;background:#fff;color:var(--navy);font-weight:650}
.schedule-port-field{display:grid;gap:7px}
.schedule-port-field>label{display:block;font-weight:650}
.schedule-port-combobox{position:relative;min-width:0;overflow:visible}
.schedule-port-combobox input{caret-color:var(--teal)}
.schedule-port-listbox{
  position:absolute;
  z-index:40;
  top:calc(100% + 6px);
  right:0;
  left:0;
  display:grid;
  gap:2px;
  max-height:260px;
  padding:5px;
  overflow-y:auto;
  border:1px solid #a9becd;
  border-radius:10px;
  color:#102742;
  background:#fff;
  box-shadow:0 16px 38px rgba(7,23,59,.2);
}
.schedule-port-listbox[hidden]{display:none}
.schedule-port-option{
  width:100%;
  min-height:40px;
  padding:9px 11px;
  border:0;
  border-radius:7px;
  color:#102742;
  background:#fff;
  text-align:left;
  font-weight:650;
  transform:none!important;
}
.schedule-port-option:hover,
.schedule-port-option.is-active,
.schedule-port-option[aria-selected="true"]{
  color:#fff;
  background:#087e8b;
}
.schedule-port-empty{padding:11px;color:#66758a;font-size:12px;text-align:center}
@media(prefers-color-scheme:dark){
  .schedule-port-listbox{color:#f4f8fc;border-color:#49647d;background:#10243b;box-shadow:0 18px 42px rgba(0,0,0,.42)}
  .schedule-port-option{color:#f4f8fc;background:#10243b}
  .schedule-port-option:hover,.schedule-port-option.is-active,.schedule-port-option[aria-selected="true"]{color:#061b42;background:#78dbe3}
  .schedule-port-empty{color:#bdcad7}
}
.schedule-search-footer p{
  display:flex;
  align-items:center;
  gap:8px;
}
.schedule-search-footer p:before{
  content:"";
  width:7px;
  height:7px;
  flex:none;
  border-radius:50%;
  background:#9aa8b7;
}
@media(max-width:760px){
  .schedule-form-heading{display:grid;gap:3px}
  .schedule-search-footer p{align-items:flex-start}
  .schedule-advanced-grid{grid-template-columns:1fr 1fr;padding:0 12px 12px}
}

/* Platform Admin uses an inspector pattern: find on the left, edit on the right. */
.admin-hero{
  position:relative;
  overflow:hidden;
  min-height:118px;
  border-color:#b4d5dc;
  background:linear-gradient(120deg,#eefafb 0%,#fff 58%,#fff7e9 100%);
  box-shadow:0 14px 32px rgba(15,49,82,.08);
}
.admin-hero:after{
  content:"";
  position:absolute;
  right:-42px;
  bottom:-58px;
  width:180px;
  height:150px;
  border-radius:48% 52% 42% 58%;
  background:rgba(126,211,220,.22);
  transform:rotate(-18deg);
}
.admin-hero>div,.admin-hero>button{position:relative;z-index:1}
.admin-hero h2{font-size:24px;letter-spacing:-.03em}
.admin-hero p{max-width:680px;margin-top:7px;line-height:1.5}
.admin-search{border-color:#c4d9e2;box-shadow:0 8px 20px rgba(15,49,82,.05)}
.admin-search input{min-height:46px;border-radius:10px;background:#fbfdfe}
.admin-layout{align-items:start}
.admin-users,.admin-detail{border-color:#c4d9e2;border-radius:14px;box-shadow:0 12px 28px rgba(15,49,82,.07)}
.admin-users{max-height:calc(100vh - 310px);overflow:auto;background:#f8fbfc}
.admin-user-card{border-color:#d7e3e9;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.admin-user-card:hover{border-color:#8cbfc8;box-shadow:0 8px 18px rgba(15,49,82,.07);transform:translateY(-1px)}
.admin-user-card.active{border-color:var(--teal);box-shadow:inset 3px 0 0 var(--teal),0 8px 18px rgba(8,126,139,.1)}
.admin-detail{min-height:480px;background:#fff}
.admin-detail-head{padding:4px 2px 16px;border-bottom:1px solid var(--line)}
.admin-detail-head h3{font-size:20px;letter-spacing:-.02em}
.admin-membership-tabs{padding:14px 0 4px}
.admin-chip{border-radius:999px;background:var(--soft);transition:background .18s ease,color .18s ease,transform .18s ease}
.admin-chip:hover{transform:translateY(-1px)}
.platform-admin-card{border-color:#cddfe5;background:#fbfdfe;box-shadow:0 8px 18px rgba(15,49,82,.05)}
.platform-admin-card-head span{color:var(--navy);background:#e8f5f6}
.platform-admin-actions button{border-radius:10px}
.admin-company-invites .platform-admin-invite{background:#f8fbfc}
.release-form-panel>header{align-items:flex-start}.release-form-panel>header span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.release-history header p{margin:0 0 3px;color:var(--muted);font-size:12px}.release-form em{font-style:normal;color:var(--teal);font-size:11px}.release-section-heading{display:grid;gap:2px;margin-top:3px;padding:4px 0 0;border-top:1px solid var(--line);color:var(--navy);font-size:14px}.release-section-heading small{color:var(--muted);font-size:11px;font-weight:400}
.release-layout{grid-template-columns:minmax(0,1fr)}
.release-create{padding:0;overflow:hidden;border-color:#b9dbe0}
.release-create>summary{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;list-style:none;background:#f8fcfc}
.release-create>summary::-webkit-details-marker{display:none}
.release-create>summary>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:var(--teal);font-weight:800}
.release-create>summary>div{display:grid;gap:2px;min-width:0}
.release-create>summary small{color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.08em}
.release-create>summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.release-create>summary>b{color:var(--teal);font-size:11px}
.release-create[open]>summary{border-bottom:1px solid var(--line)}
.release-create .release-form{padding:18px}
.release-history{border-color:#c8dce2;box-shadow:0 10px 26px rgba(15,49,82,.05)}
.release-history>header{min-height:76px;padding:16px 20px;background:#fbfdfe}
.release-history-summary{padding:6px 10px;border-radius:999px;color:var(--teal);background:var(--aqua);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.release-history-row{display:grid!important;grid-template-columns:minmax(230px,1.25fr) minmax(230px,1.15fr) minmax(170px,.8fr) max-content 22px!important;align-items:center!important;gap:16px!important;min-height:92px;padding:15px 20px!important;color:var(--navy);background:#fff;transition:background .16s ease,border-color .16s ease}
.release-history-row:hover{border-color:var(--line);background:#f7fbfc;transform:none}
.release-history-reference{display:grid;gap:2px;min-width:0}
.release-history-reference>small{color:var(--teal)!important;font-size:9px!important;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.release-history-reference>strong{overflow:hidden;color:var(--navy)!important;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.release-history-reference>span{overflow:hidden;color:var(--muted)!important;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.release-history-fact{display:grid;gap:5px;min-width:0}
.release-history-fact>small{color:var(--muted)!important;font-size:9px!important;text-transform:uppercase}
.release-history-fact>strong{overflow:hidden;color:var(--navy);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.release-history-fact>strong i{color:#9aa8b7;font-style:normal;font-weight:400}
.release-history-containers>span{display:flex;gap:5px;min-width:0;overflow:hidden}
.release-history-containers em{flex:none;max-width:118px;padding:4px 7px;border-radius:6px;color:#176672;background:#eaf6f7;font-size:10px;font-style:normal;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.release-history-state{justify-self:end}
.release-history-state .status{margin:0;border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;white-space:nowrap}
.release-history-arrow{color:#8ca0b2!important;font-size:18px}
.route-chain.compact .route-point.end{min-width:96px}
.route-chain.compact .route-point.end>span{max-width:112px;overflow-wrap:normal;word-break:normal}
@media(max-width:960px){
  .admin-users{max-height:none}
}
@media(max-width:760px){
  .release-create>summary{grid-template-columns:32px minmax(0,1fr);padding:14px}
  .release-create>summary>b{display:none}
  .release-history>header{min-height:68px;padding:14px}
  .release-history-row{grid-template-columns:minmax(0,1fr) max-content!important;gap:12px!important;padding:14px!important}
  .release-history-reference{grid-column:1}
  .release-history-state{grid-column:2;grid-row:1}
  .release-history-containers{grid-column:1/-1}
  .release-history-fact:not(.release-history-containers){grid-column:1}
  .release-history-arrow{grid-column:2;grid-row:2/4;align-self:center}
  .route-chain.compact .route-point.end{min-width:94px}
  .route-chain.compact .route-point.end>span{max-width:110px}
}
@media(min-width:761px) and (max-width:900px){
  .release-history-row{grid-template-columns:minmax(0,1fr) max-content!important;gap:12px!important}
  .release-history-reference{grid-column:1}
  .release-history-state{grid-column:2;grid-row:1}
  .release-history-containers{grid-column:1/-1}
  .release-history-fact:not(.release-history-containers){grid-column:1}
  .release-history-arrow{grid-column:2;grid-row:2/4;align-self:center}
}

/* Commerce follows the same guided workspace pattern as bookings and schedule. */
.commerce-tabs{max-width:100%;margin-bottom:16px}
.booking-tabs .ui-tab,.commerce-tabs .ui-tab{flex:0 0 auto}
.commerce-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:16px;padding:24px 26px;border-color:#b9dbe0;background:linear-gradient(120deg,#effafb 0%,#fff 58%,#fff7e9 100%);box-shadow:0 14px 32px rgba(15,49,82,.07)}
.commerce-hero:after{content:"";position:absolute;right:220px;bottom:-66px;width:180px;height:150px;border-radius:48%;background:rgba(74,199,207,.12);transform:rotate(-14deg)}
.commerce-hero>div{position:relative;z-index:1}
.commerce-hero small{color:var(--teal);font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.commerce-hero h2{margin:6px 0 7px;font-size:25px;letter-spacing:-.035em}
.commerce-hero p{max-width:720px;margin:0;color:var(--muted);line-height:1.5}
.commerce-promise{flex:none;display:flex;align-items:center;gap:13px;min-width:290px;padding:14px 16px;border:1px solid #b9dbe0;border-radius:12px;background:rgba(255,255,255,.82);box-shadow:0 8px 20px rgba(15,49,82,.05)}
.commerce-promise>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:var(--teal);font-size:20px;font-weight:800}
.commerce-promise>div{display:grid;gap:3px}
.commerce-promise small{font-size:8px!important;letter-spacing:.1em}
.commerce-promise strong{color:var(--navy);font-size:12px;line-height:1.35}
.commerce-calculator-shell{overflow:visible;border-color:#c3d8df;border-radius:14px;box-shadow:0 14px 34px rgba(15,49,82,.07)}
.commerce-calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start}
.commerce-calculator-main{min-width:0}
.commerce-step{padding:24px 26px}
.commerce-step+.commerce-step{border-top:1px solid var(--line)}
.commerce-step>header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}
.commerce-step>header>span,.commerce-result-empty>span{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:var(--teal);font-size:13px;font-weight:800;box-shadow:0 6px 14px rgba(8,126,139,.2)}
.commerce-step h3,.commerce-step p,.commerce-service-card h4,.commerce-service-card small{margin:0}
.commerce-step h3{font-size:18px;letter-spacing:-.02em}
.commerce-step p{margin-top:3px;color:var(--muted);font-size:12px}
.commerce-core-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.commerce-core-grid label,.commerce-detail-grid label,.commerce-charge-grid label{display:grid;align-content:start;gap:7px;color:var(--muted);font-size:12px}
.commerce-core-grid>label>input,.commerce-core-grid>label>select{min-height:44px}
.commerce-core-grid label small{color:var(--muted);font-size:10px;line-height:1.35}
.commerce-field-wide{grid-column:1/-1}
.commerce-route-field{grid-column:span 2}
.commerce-imo-field{gap:7px!important}
.commerce-imo-control{display:flex;align-items:center;gap:9px;min-height:44px;padding:7px 10px;border:1px dashed #9fc6cd;border-radius:8px;color:var(--navy);background:#f5fbfc;cursor:pointer}
.commerce-imo-control input{width:17px;min-height:17px;accent-color:var(--teal)}
.commerce-imo-control>span{display:grid;gap:1px}
.commerce-imo-control b{font-size:11px}
.commerce-imo-control small{font-size:8px!important;line-height:1.2}
.commerce-imo-field.active .commerce-imo-control{border-style:solid;border-color:var(--orange);background:#fff8e9}
.commerce-imo-field.disabled{cursor:not-allowed;opacity:.58}
.commerce-imo-class{display:block;padding:7px;border:1px solid #edc988;border-radius:8px;background:#fffaf0}
.commerce-imo-class select{width:100%;min-height:38px}
.commerce-imo-class[hidden]{display:none!important}
.commerce-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.commerce-service-toggle{position:relative;display:grid;grid-template-columns:17px minmax(0,1fr);align-items:start;gap:10px;min-width:0;min-height:98px;padding:14px;border:1px solid #d0dfe4;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.commerce-service-toggle:hover{border-color:#8cbfc8;box-shadow:0 8px 18px rgba(15,49,82,.06)}
.commerce-service-toggle:focus-within{border-color:#53aeba;box-shadow:0 0 0 2px rgba(83,174,186,.18)}
.commerce-service-toggle.active{border-color:var(--teal);background:linear-gradient(145deg,#f4fcfd,#eaf8f9);box-shadow:inset 3px 0 0 var(--teal)}
.commerce-service-toggle input{width:17px;min-height:17px;margin-top:2px;accent-color:var(--teal)}
.commerce-service-toggle span{display:grid;gap:5px;min-width:0;padding-right:12px}
.commerce-service-toggle b{color:var(--navy);font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.commerce-service-toggle small{color:var(--muted);font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.commerce-service-toggle i{position:absolute;right:10px;top:8px;display:none;color:var(--teal);font-style:normal;font-weight:800}
.commerce-service-toggle.active i{display:block}
.commerce-service-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.commerce-service-card{min-width:0;padding:17px;border:1px solid #d0dfe4;border-radius:12px;background:#fbfdfe}
.commerce-service-card[hidden]{display:none}
.commerce-service-card[data-service-panel="local"]{grid-column:1/-1}
.commerce-service-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.commerce-service-card>header div{display:grid;gap:3px}
.commerce-service-card>header small{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.commerce-service-card>header h4{font-size:15px}
.commerce-service-card>header>span{padding:5px 8px;border-radius:999px;color:var(--muted);background:var(--soft);font-size:9px;white-space:nowrap}
.commerce-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.commerce-detail-wide{grid-column:1/-1}
.commerce-service-card[data-service-panel="storage"] .commerce-detail-grid>label:first-child{grid-column:1/-1}
.commerce-auto-note{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.45}
.commerce-auto-charges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.commerce-auto-charges>span{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid var(--teal);border-radius:9px;color:var(--navy);background:var(--aqua);font-size:11px;font-weight:650}
.commerce-auto-charges>span i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#fff;background:var(--teal);font-size:10px;font-style:normal}
.commerce-auto-charges>span>span{display:grid;gap:2px}
.commerce-auto-charges b{font-size:11px}
.commerce-auto-charges small{color:var(--teal);font-size:9px;font-weight:700}
.commerce-free-toggle{grid-column:1/-1;display:flex!important;align-items:center;gap:8px;min-height:42px;padding:9px 11px;border:1px dashed #a9cbd0;border-radius:9px;color:var(--navy)!important;background:#f3fafb;cursor:pointer}
.commerce-free-toggle input{width:17px;min-height:17px;accent-color:var(--teal)}
.commerce-free-days{grid-column:1/-1}
.commerce-free-days[hidden]{display:none!important}
.commerce-charge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.commerce-charge-grid label{grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;color:var(--navy);background:#fff;cursor:pointer}
.commerce-charge-grid input{width:16px;min-height:16px;accent-color:var(--teal)}
.commerce-result-panel{position:sticky;top:18px;min-height:520px;border-left:1px solid #c3d8df;background:linear-gradient(165deg,#f5fbfc,#eef6f7)}
.commerce-result-empty{display:grid;justify-items:start;gap:10px;padding:28px}
.commerce-result-empty h3,.commerce-result-empty p{margin:0}
.commerce-result-empty p{color:var(--muted);font-size:13px;line-height:1.55}
.commerce-result-empty small{margin-top:8px;padding-top:14px;border-top:1px solid #ccdde2;color:var(--muted);font-size:11px;line-height:1.45}
.commerce-result-head{display:grid;gap:4px;padding:23px 22px 17px;border-bottom:1px solid #c7dce1}
.commerce-result-head small,.commerce-result-head span{color:var(--muted);font-size:10px}
.commerce-result-head h3{margin:0;font-size:20px;letter-spacing:-.025em}
.commerce-result-head span{word-break:break-all}
.commerce-total-grid{display:grid;gap:8px;padding:16px 22px}
.commerce-total-grid>div{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #badce0;border-radius:10px;background:#fff}
.commerce-total-grid span{color:var(--muted);font-size:11px}
.commerce-total-grid strong{color:var(--teal);font-size:20px;letter-spacing:-.02em}
.commerce-result-lines{display:grid;padding:0 22px 10px}
.commerce-result-line{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ccdde2}
.commerce-result-line>span{display:grid;gap:3px;min-width:0}
.commerce-result-line strong{font-size:12px}
.commerce-result-line small{color:var(--muted);font-size:10px;line-height:1.35}
.commerce-result-line>b{font-size:12px;white-space:nowrap}
.commerce-warning{display:grid;gap:5px;margin:10px 22px;padding:12px;border-left:3px solid var(--orange);background:#fff8e8}
.commerce-warning strong{font-size:12px}
.commerce-warning span{color:#775828;font-size:10px;line-height:1.4}
.commerce-result-actions{display:grid;gap:8px;padding:14px 22px 22px}
.commerce-result-actions button{min-height:44px;padding:0 14px}
.commerce-calc-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:17px 20px;border-top:1px solid #c3d8df;background:#fff}
.commerce-calc-actions>div{display:grid;gap:2px;margin-right:auto}
.commerce-calc-actions span{color:var(--teal);font-size:11px;font-weight:700}
.commerce-calc-actions span.error{color:var(--coral)}
.commerce-calc-actions small{color:var(--muted);font-size:10px}
.commerce-calc-actions button{min-height:44px;padding:0 17px}
.commerce-request-preview{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:13px;border-radius:10px;background:var(--soft)}
.commerce-request-preview span{color:var(--muted);font-size:11px}
.commerce-request-preview strong{font-size:12px}
.commerce-request-modal form>button{width:100%}
.commerce-email-config-warning{margin:-4px 0 14px!important;padding:10px 12px;border:1px solid #ecd39a;border-left:3px solid var(--orange);border-radius:8px;color:#775828!important;background:#fff8e8;font-size:11px!important;line-height:1.4}
body.is-viewer [data-new-booking],body.is-viewer [data-new-ticket],body.is-viewer #csReplyForm,body.is-viewer .cs-cancel-action{display:none!important}
.commerce-routing-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:12px}
.commerce-routing-grid fieldset{min-width:0;margin:0;padding:10px;border:1px solid var(--line);border-radius:11px}.commerce-routing-grid legend{padding:0 5px;color:var(--muted);font-size:10px}
.commerce-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.commerce-segmented.commerce-regions{grid-template-columns:repeat(3,minmax(0,1fr))}
.commerce-segmented label{cursor:pointer}.commerce-segmented input{position:absolute;opacity:0}.commerce-segmented span{display:grid;place-items:center;min-height:38px;padding:6px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:11px;text-align:center}
.commerce-segmented input:checked+span{color:#fff;border-color:var(--teal);background:var(--teal);box-shadow:0 5px 12px rgba(8,126,139,.18)}
.admin-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-metric-grid article{display:grid;gap:5px;padding:16px;border:1px solid #cddfe5;border-radius:12px;background:#fbfdfe}.admin-metric-grid span,.admin-metric-grid small{color:var(--muted);font-size:10px}.admin-metric-grid strong{font-size:25px;color:var(--navy)}
.admin-direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.admin-direction-grid span{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;background:#eaf6f7}.admin-direction-grid b{font-size:11px}.admin-direction-grid strong{font-size:18px}
.admin-operations{margin-top:14px}.admin-system-health{padding:7px 10px;border-radius:999px;color:#146a55;background:#e3f6ed;font-size:10px;font-weight:750}.admin-system-health.attention{color:#8b5608;background:#fff0cc}.admin-operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-operations-grid article{display:grid;gap:4px;padding:14px;border:1px solid #cddfe5;border-radius:10px;background:#fbfdfe}.admin-operations-grid article.healthy{border-color:#b9dfca;background:#f1faf5}.admin-operations-grid article.attention{border-color:#e5be79;background:#fff8e9}.admin-operations-grid article.critical{border-color:#e3a49e;background:#fff3f1}.admin-operations-grid span,.admin-operations-grid small{color:var(--muted);font-size:9px}.admin-operations-grid strong{font-size:20px}.admin-incident-list{display:grid;gap:7px;margin-top:13px}.admin-incident-list>article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:9px}.admin-incident-list>article>span{padding:5px 7px;border-radius:6px;color:#fff;background:#30567a;font-size:8px;text-transform:uppercase}.admin-incident-list>article>span.frontend{background:#9b6b20}.admin-incident-list>article>div{display:grid;gap:2px}.admin-incident-list small{color:var(--muted);font-size:9px}.admin-client-proposals{margin-bottom:14px}.admin-client-proposals>header>span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;color:#fff;background:var(--teal);font-size:10px}.admin-proposal-list{display:grid;gap:9px}.admin-proposal-list>article{display:grid;grid-template-columns:1fr auto;gap:16px;padding:14px;border:1px solid #cddfe5;border-radius:11px;background:#fbfdfe}.admin-proposal-list>article>div:first-child{display:grid;gap:4px}.admin-proposal-list small,.admin-proposal-list p,.admin-proposal-list em{margin:0;color:var(--muted);font-size:9px}.admin-proposal-list>article>div:last-child{display:flex;align-items:center;gap:7px}.admin-proposal-list button{min-height:38px}
@media(max-width:760px){.commerce-routing-grid,.admin-metric-grid,.admin-direction-grid,.admin-operations-grid{grid-template-columns:1fr}.commerce-segmented.commerce-regions{grid-template-columns:1fr}.admin-proposal-list>article{grid-template-columns:1fr}.admin-proposal-list>article>div:last-child{align-items:stretch;flex-direction:column}}

/* Platform Admin control center: summary first, operations second, forms on demand. */
.admin-hero>div>small,.admin-overview-controlbar>div>small,.admin-company-directory>header>div>small,.admin-capacity-risk>header small,.admin-company-create-card>summary small,.admin-sales-glance header small{color:var(--teal);font-size:9px;font-weight:850;letter-spacing:.1em}
.admin-hero-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.admin-hero-stats span{padding:7px 10px;border:1px solid rgba(8,126,139,.16);border-radius:999px;color:#49627a;background:rgba(255,255,255,.75);font-size:10px;font-weight:650}
.admin-hero-stats b{color:var(--navy);font-size:12px}
.admin-hero-stats .healthy{color:#146a55;background:#edf9f3}.admin-hero-stats .attention{color:#8b5608;background:#fff5dc}
.admin-layout-shell{grid-template-columns:220px minmax(0,1fr);gap:18px}
.admin-sections{gap:6px;padding:10px;border-color:#c4d9e2;background:#f8fbfc;box-shadow:0 10px 25px rgba(15,49,82,.06)}
.admin-section-button{min-height:46px;padding:11px 12px;border-color:transparent;background:transparent;font-weight:700}
.admin-section-button:hover{border-color:#c7dce3;background:#fff}.admin-section-button.active{border-color:#0e436e;background:linear-gradient(120deg,#071b47,#0e4d70);box-shadow:0 8px 18px rgba(7,27,71,.18)}
.admin-detail-wide{min-width:0;padding:0;border:0;background:transparent;box-shadow:none}
.admin-overview-dashboard{display:grid;gap:16px;min-width:0}
.admin-overview-controlbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:20px 22px;border-color:#c1dce2;background:linear-gradient(120deg,#fff,#f1fafb)}
.admin-overview-controlbar h3,.admin-overview-controlbar p{margin:3px 0 0}.admin-overview-controlbar h3{font-size:21px;letter-spacing:-.025em}.admin-overview-controlbar p{max-width:650px;color:var(--muted);font-size:11px;line-height:1.5}
.admin-overview-actions{display:grid;justify-items:end;gap:9px;flex:none}.admin-overview-actions>span{color:var(--muted);font-size:9px}.admin-overview-actions>span strong{color:var(--navy)}
.admin-acceptance-export{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border:1px solid var(--teal);border-radius:9px;text-decoration:none;font-size:10px;font-weight:750}
.admin-periods{display:flex;gap:5px;padding:4px;border:1px solid #c7dce3;border-radius:11px;background:#fff}.admin-periods button{min-height:34px;padding:0 12px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:10px}.admin-periods button.active{color:#fff;background:var(--navy);box-shadow:0 5px 12px rgba(7,27,71,.16)}
.admin-overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.admin-overview-kpis article{position:relative;display:grid;gap:5px;min-height:114px;padding:17px 18px;border:1px solid #cddfe5;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 9px 22px rgba(15,49,82,.055)}
.admin-overview-kpis article:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:#9aa8b7}.admin-overview-kpis article.work:before{background:var(--teal)}.admin-overview-kpis article.attention:before{background:#e5a53a}.admin-overview-kpis article.risk:before{background:#df766d}.admin-overview-kpis article.success:before{background:#39a372}
.admin-overview-kpis span,.admin-overview-kpis small{color:var(--muted);font-size:10px}.admin-overview-kpis strong{color:var(--navy);font-size:28px;line-height:1.05}.admin-overview-kpis strong small{font-size:11px;font-weight:750}
.admin-overview-primary,.admin-overview-secondary{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px;min-width:0}.admin-overview-secondary{grid-template-columns:minmax(0,1fr) minmax(300px,.65fr)}
.admin-sales-glance{display:grid;gap:16px;padding:20px}.admin-sales-glance h3{margin:4px 0 0}.admin-sales-glance>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-sales-glance>div>span{display:grid;gap:4px;padding:14px;border-radius:11px;background:#f3f8fa}.admin-sales-glance b{font-size:22px}.admin-sales-glance small{color:var(--muted);font-size:9px}
.admin-capacity-risk{display:grid;gap:0;overflow:hidden;padding:0}.admin-capacity-risk>header{padding:18px 20px 14px}.admin-capacity-risk>header h3,.admin-capacity-risk>header p{margin:3px 0 0}.admin-capacity-risk>header p{color:var(--muted);font-size:10px}.admin-capacity-risk>header>span{padding:6px 9px;border-radius:999px;background:var(--soft);font-size:10px}
.admin-capacity-voyages{display:grid}.admin-capacity-voyage{display:grid;grid-template-columns:minmax(180px,1fr) minmax(210px,1.2fr) 110px minmax(210px,1.1fr);align-items:center;gap:14px;padding:14px 20px;border-top:1px solid var(--line)}.admin-capacity-voyage>div{display:grid;gap:3px;min-width:0}.admin-capacity-voyage strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.admin-capacity-voyage small{color:var(--muted);font-size:9px}
.admin-capacity-state{justify-self:start;padding:6px 8px;border-radius:999px;color:#217255;background:#e7f7ee;font-size:9px;font-weight:800}.admin-capacity-state.critical,.admin-capacity-state.full{color:#8b5608;background:#fff0cc}.admin-capacity-state.overbooked{color:#a34138;background:#ffebe8}.admin-capacity-state.hold,.admin-capacity-state.closed{color:#5d6e80;background:#edf1f5}
.admin-capacity-progress>span{display:flex;justify-content:space-between;font-size:10px}.admin-capacity-progress>i{height:6px;overflow:hidden;border-radius:999px;background:#e8f0f3}.admin-capacity-progress>i>b{display:block;height:100%;border-radius:inherit;background:var(--teal)}.admin-capacity-voyage.critical .admin-capacity-progress>i>b,.admin-capacity-voyage.full .admin-capacity-progress>i>b{background:#e5a53a}.admin-capacity-voyage.overbooked .admin-capacity-progress>i>b{background:#df766d}
.admin-company-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-company-summary article{display:grid;gap:4px;padding:16px 18px;border:1px solid #c9dce3;border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(15,49,82,.045)}.admin-company-summary span,.admin-company-summary small{color:var(--muted);font-size:9px}.admin-company-summary strong{font-size:25px}
.admin-company-create-card{padding:0;overflow:hidden}.admin-company-create-card>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;cursor:pointer;list-style:none;background:#f7fbfc}.admin-company-create-card>summary::-webkit-details-marker{display:none}.admin-company-create-card>summary>div{display:grid;gap:3px}.admin-company-create-card>summary strong{font-size:15px}.admin-company-create-card>summary span{color:var(--muted);font-size:10px}.admin-company-create-card>summary>b{padding:9px 12px;border-radius:9px;color:#fff;background:var(--teal);font-size:10px}.admin-company-create-card[open]>summary{border-bottom:1px solid var(--line)}
.admin-company-create{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 20px}.admin-company-create label{display:grid;gap:6px;color:var(--muted);font-size:10px}.admin-company-create .admin-company-owner-email{grid-column:span 2}.admin-company-create footer{display:flex;align-items:center;justify-content:space-between;gap:18px;grid-column:1/-1;padding-top:4px}.admin-company-create footer p{max-width:620px;margin:0;color:var(--muted);font-size:9px;line-height:1.45}.admin-company-create footer button{min-width:180px}
.admin-company-directory{display:grid;gap:0;padding:0;overflow:hidden}.admin-company-directory>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 20px}.admin-company-directory>header h3,.admin-company-directory>header p{margin:3px 0 0}.admin-company-directory>header p{color:var(--muted);font-size:10px}.admin-company-directory>header label{display:grid;gap:5px;min-width:290px;color:var(--muted);font-size:9px}.admin-company-directory>header input{min-height:42px;background:#f8fbfc}
.admin-company-table-head,.admin-company-row{display:grid;grid-template-columns:minmax(230px,1.25fr) minmax(180px,.9fr) minmax(120px,.55fr) minmax(120px,.55fr);align-items:center;gap:16px}.admin-company-table-head{padding:10px 20px;color:var(--muted);background:#f3f7f9;font-size:9px;font-weight:750;text-transform:uppercase}.admin-company-row{position:relative;padding:14px 20px;border-top:1px solid var(--line);background:#fff}.admin-company-row:hover{background:#fbfdfd}
.admin-company-name{display:flex;align-items:center;gap:11px;min-width:0}.admin-company-name>span{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;color:#087e8b;background:#e1f5f6;font-size:10px;font-weight:850}.admin-company-name>div,.admin-company-requisites,.admin-company-access{display:grid;gap:3px;min-width:0}.admin-company-name strong,.admin-company-requisites strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.admin-company-name small,.admin-company-requisites small,.admin-company-access small{color:var(--muted);font-size:9px}.admin-company-access strong{font-size:16px}.admin-company-access.active strong{color:#21855f}.admin-company-access.empty strong{color:#a26713}
.admin-company-invite-details{position:relative;justify-self:end}.admin-company-invite-details>summary{padding:8px 11px;border:1px solid #9fc9d1;border-radius:9px;color:var(--teal);cursor:pointer;list-style:none;background:#fff;font-size:10px;font-weight:750}.admin-company-invite-details>summary::-webkit-details-marker{display:none}.admin-company-invite-details[open]>summary{color:#fff;background:var(--teal)}.admin-company-invite-details>form{position:absolute;right:0;z-index:5;display:grid;grid-template-columns:220px 170px auto;align-items:end;gap:9px;width:max-content;margin-top:8px;padding:12px;border:1px solid #b8d3da;border-radius:12px;background:#fff;box-shadow:0 18px 38px rgba(7,27,71,.18)}.admin-company-invite-details label{display:grid;gap:5px;color:var(--muted);font-size:9px}.admin-company-invite-details button{min-height:42px}
.admin-company-row:has(.admin-company-invite-details[open]){padding-bottom:94px}

@media(max-width:1180px){.admin-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-overview-primary,.admin-overview-secondary{grid-template-columns:1fr}.admin-capacity-voyage{grid-template-columns:1fr 1fr}.admin-company-create{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-company-table-head,.admin-company-row{grid-template-columns:minmax(210px,1.2fr) minmax(170px,.8fr) minmax(110px,.5fr) auto}}
@media(max-width:860px){.admin-overview-controlbar,.admin-company-directory>header{align-items:stretch;flex-direction:column}.admin-overview-actions{justify-items:start}.admin-company-summary{grid-template-columns:1fr}.admin-company-directory>header label{min-width:0}.admin-company-table-head{display:none}.admin-company-row{grid-template-columns:1fr 1fr}.admin-company-invite-details{justify-self:start}.admin-company-invite-details>form{right:auto;left:0;grid-template-columns:1fr;width:min(520px,calc(100vw - 56px))}}
@media(max-width:620px){.admin-overview-kpis,.admin-company-create,.admin-company-row,.admin-capacity-voyage{grid-template-columns:1fr}.admin-company-create .admin-company-owner-email{grid-column:auto}.admin-company-create footer{align-items:stretch;flex-direction:column}.admin-company-create footer button{width:100%}.admin-company-invite-details>form{position:static;width:100%;margin-top:8px}.admin-company-invite-details{width:100%}.admin-company-invite-details>summary{text-align:center}.admin-sales-glance>div{grid-template-columns:1fr}}
@media(max-width:620px){.admin-company-row:has(.admin-company-invite-details[open]){padding-bottom:14px}}

@media(max-width:1180px){
  .commerce-calculator-layout{grid-template-columns:1fr}
  .commerce-result-panel{position:static;min-height:0;border-top:1px solid #c3d8df;border-left:0}
  .commerce-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .commerce-hero{align-items:stretch;flex-direction:column}
  .commerce-promise{min-width:0}
  .commerce-core-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commerce-charge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commerce-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .commerce-hero{padding:20px}
  .commerce-hero h2{font-size:22px}
  .commerce-step{padding:20px 16px}
  .commerce-core-grid,.commerce-service-grid,.commerce-service-details,.commerce-detail-grid,.commerce-charge-grid{grid-template-columns:1fr}
  .commerce-route-field,.commerce-detail-wide,.commerce-service-card[data-service-panel="storage"] .commerce-detail-grid>label:first-child,.commerce-free-toggle,.commerce-free-days{grid-column:auto}
  .commerce-auto-charges{grid-template-columns:1fr}
  .commerce-service-card[data-service-panel="local"]{grid-column:auto}
  .commerce-service-toggle{min-height:82px}
  .commerce-service-card>header{align-items:flex-start;flex-direction:column}
  .commerce-calc-actions{align-items:stretch;flex-direction:column}
  .commerce-calc-actions>div{margin:0 0 4px}
  .commerce-calc-actions button{width:100%}
  .commerce-total-grid>div{align-items:flex-start;flex-direction:column}
}
.capacity-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:5px;padding:3px 8px;border-radius:999px;background:#eef3f7;color:#53657a;font-size:10px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.capacity-available,.capacity-underbooked{background:#e8f7ef;color:#107548}.capacity-limited,.capacity-critical,.capacity-hold{background:#fff1d6;color:#9b6300}.capacity-unavailable,.capacity-full,.capacity-overbooked,.capacity-closed{background:#fee7e7;color:#b42318}.capacity-unknown,.capacity-badge.unmanaged{background:#eef3f7;color:#53657a}.voyage-option.capacity-disabled,.leg-row.capacity-disabled{cursor:not-allowed;opacity:.72;border-color:#e7a9a4;background:#fff8f7}.leg-row.capacity-disabled button:disabled{cursor:not-allowed}.bell.has-unread{position:relative}.bell.has-unread .bell-count{background:#d92d20!important;color:#fff!important}.notification-center{position:fixed;z-index:1001;top:68px;right:24px;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 90px);overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(7,23,59,.28)}.notification-center header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.notification-center h2{margin:2px 0 0}.notification-center header small{color:var(--teal);font-weight:800}.notification-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--soft);font-size:12px}.notification-actions button{border:0;background:transparent;color:var(--teal);font-weight:750}.notification-list{max-height:60vh;overflow:auto}.notification-item{display:grid;grid-template-columns:8px 1fr;gap:10px;width:100%;padding:14px 16px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.notification-item.unread{background:#f2fbfc}.notification-item>span:last-child{display:grid;gap:3px}.notification-item small,.notification-item time{color:var(--muted);font-size:12px}.notification-dot{width:7px;height:7px;margin-top:6px;border-radius:50%;background:transparent}.notification-item.unread .notification-dot{background:#d92d20}@media(max-width:700px){.notification-center{top:60px;right:8px;width:calc(100vw - 16px)}}
.notification-center{display:flex;flex-direction:column;padding:0;max-height:min(720px,calc(100vh - 90px))}.notification-center header{flex:0 0 auto}.notification-subtitle{margin:4px 0 0;color:var(--muted);font-size:11px}.notification-actions{flex:0 0 auto}.notification-actions button:disabled{cursor:default;opacity:.45}.notification-filters{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid var(--line);overflow-x:auto}.notification-filter{display:inline-flex;align-items:center;gap:5px;flex:none;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#fff;font-size:11px}.notification-filter:hover,.notification-filter:focus-visible{transform:none}.notification-filter.active{color:#fff;border-color:var(--teal);background:var(--teal)}.notification-filter small{min-width:15px;color:inherit;font-size:10px}.notification-list{flex:1 1 auto;min-height:0;max-height:none}.notification-item{grid-template-columns:8px minmax(0,1fr);min-height:88px}.notification-item-main{min-width:0;display:grid;gap:5px}.notification-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.notification-item-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-head small{flex:none;padding:2px 6px;border-radius:999px;color:var(--teal);background:var(--aqua);font-size:10px;font-weight:750}.notification-item-body{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-item-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.notification-item-foot time{font-size:11px}.notification-item-foot b{color:var(--teal);font-size:11px;font-weight:750;white-space:nowrap}.notification-item.unread .notification-item-head strong{color:var(--navy)}
.shell{grid-template-columns:minmax(220px,220px) minmax(0,1fr)}
main{min-width:0;overflow-x:clip}
.sidebar{min-width:0;overflow-x:hidden}
.brand{min-width:0}
.brand>span:last-child{min-width:0;overflow:hidden}
@media(max-width:1100px) and (min-width:761px){.shell{grid-template-columns:minmax(78px,78px) minmax(0,1fr)}}
@media(max-width:760px){.shell{display:block;grid-template-columns:none}main{min-width:0;overflow-x:hidden}}
.brand,.topbar{box-sizing:border-box}
@media(min-width:761px){.brand,.topbar{height:66px;min-height:66px;flex:0 0 66px}}
.brand{overflow-anchor:none}
.sidebar{scrollbar-gutter:stable;overflow-anchor:none}
.topbar{min-width:0;overflow-anchor:none}
@media(max-width:760px){.topbar{height:58px;min-height:58px;flex-basis:58px}}
.cs-capacity-review-note{display:grid;gap:4px;margin:0 0 12px;padding:10px 12px;border:1px solid #f3c76d;border-radius:10px;background:#fff8e8;color:#75500a;font-size:12px}.cs-capacity-review-note strong{font-size:13px}.cs-capacity-override{display:grid!important;gap:7px!important;padding:10px 12px;border:1px solid #efb64d;border-radius:10px;background:#fffaf0}.cs-capacity-override>span{display:flex;align-items:flex-start;gap:8px;font-weight:750}.cs-capacity-override input[type=checkbox]{margin-top:2px;accent-color:#b7791f}
.entity-activity-badge{display:inline-flex;align-items:center;justify-content:center;min-height:18px;margin-top:4px;padding:1px 6px;border-radius:9px;color:#9a5700;background:#fff1d8;font-size:10px;font-weight:700;white-space:nowrap}.booking-status-activity{display:grid;justify-items:start;gap:2px}.entity-activity-history,.shipment-activity-history{border-left:3px solid var(--orange);background:#fffaf0}.entity-activity-history p{display:flex;justify-content:space-between;gap:12px;margin:0}.entity-activity-history strong,.shipment-activity-history small{color:var(--muted);font-size:12px}.shipments .tr.shipment-activity-unread{box-shadow:inset 3px 0 var(--orange);background:#fffaf0}.shipment-activity-summary{display:block;margin-top:4px;color:#9a5700;font-weight:700}.shipment-activity-history{margin:16px 0;padding:13px 15px;border-radius:8px}.shipment-activity-history h3,.shipment-activity-history p{margin:0}.shipment-activity-history p{margin-top:4px}
.entity-activity-timeline{display:grid;gap:10px;margin-top:12px}.entity-activity-timeline article{overflow:hidden;border:1px solid #efd49f;border-radius:10px;background:#fff}.entity-activity-timeline article>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #f2e2c3;background:#fff8e8}.entity-activity-timeline article>header strong{color:#75500a;font-size:12px}.entity-activity-timeline time{color:var(--muted);font-size:11px;white-space:nowrap}.entity-activity-timeline ul{display:grid;margin:0;padding:4px 12px;list-style:none}.entity-activity-timeline li{display:grid;grid-template-columns:72px minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #eef2f4}.entity-activity-timeline li:last-child{border-bottom:0}.entity-activity-timeline li>span{color:var(--muted);font-size:11px;font-weight:800}.entity-activity-timeline del{min-width:0;overflow:hidden;color:#8a5860;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.entity-activity-timeline li>b{color:var(--orange)}.entity-activity-timeline li>strong{min-width:0;overflow:hidden;color:var(--navy);font-size:12px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:560px){.entity-activity-timeline article>header{align-items:flex-start;flex-direction:column;gap:3px}.entity-activity-timeline li{grid-template-columns:62px minmax(0,1fr) auto}.entity-activity-timeline li>strong{grid-column:2/-1}.entity-activity-timeline li>b{display:none}}
.shipment-activity-more{margin-top:11px}.shipment-activity-more summary{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid #e3c98f;border-radius:9px;color:#8a5a08;background:#fffdf8;font-size:11px;font-weight:800;cursor:pointer;list-style:none}.shipment-activity-more summary::-webkit-details-marker{display:none}.shipment-activity-more summary span:last-child{display:none}.shipment-activity-more[open] summary span:first-child{display:none}.shipment-activity-more[open] summary span:last-child{display:inline}.shipment-activity-more[open] summary{background:#fff8e8}.shipment-activity-more .entity-activity-timeline{margin-top:10px}

/* Personal notification center: larger surface, semantic bell, and event context. */
.bell{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:12px;color:var(--navy);background:#f6fafb}
.bell:hover,.bell:focus-visible{border-color:#b8d9dd;background:var(--aqua);transform:none}
.bell>.bell-glyph{position:static;display:grid;place-items:center;width:23px;height:23px;color:inherit;background:transparent!important}
.bell-glyph svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bell>.bell-count{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border:2px solid #fff;border-radius:999px;color:#fff;background:#d92d20;font-size:10px;font-weight:850;line-height:1}
.bell>.bell-count[hidden]{display:none}
.bell.has-unread{color:var(--teal);border-color:#b8d9dd;background:var(--aqua)}
.bell.has-unread>.bell-glyph{color:var(--teal)!important;background:transparent!important}
.notification-center{top:50%;right:auto;bottom:auto;left:50%;width:min(720px,calc(100vw - 48px));height:min(800px,calc(100vh - 72px));max-height:none;border:1px solid #d8e4e9;border-radius:18px;box-shadow:0 28px 90px rgba(7,23,59,.3);transform:translate(-50%,-50%)}
.modal.notification-center-modal{overflow:hidden}
.modal.notification-center-modal>.notification-center{position:fixed;top:50%;right:auto;bottom:auto;left:50%;width:min(720px,calc(100vw - 48px));height:min(800px,calc(100vh - 72px));max-height:none;padding:0;transform:translate(-50%,-50%)}
.notification-center header{padding:20px 22px}
.notification-center h2{font-size:22px}
.notification-subtitle{max-width:420px;font-size:12px}
.notification-controls{flex:0 0 auto;border-bottom:1px solid var(--line);background:#fff}
.notification-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 16px;background:#f7fafb}
.notification-overview>span{display:grid;gap:2px;padding:10px 12px;border:1px solid #e0e9ee;border-radius:10px;background:#fff}
.notification-overview small{color:var(--muted);font-size:10px}
.notification-overview strong{font-size:20px;line-height:1.1}
.notification-actions{padding:8px 18px 4px;background:#fff}
.notification-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 18px 12px;overflow:visible;border-bottom:0}
.notification-filter{justify-content:center;min-width:0;min-height:32px;padding:7px 8px;font-size:11px;white-space:nowrap}
.notification-list{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#f7fafb}
.notification-group{background:#fff}
.notification-group+.notification-group{margin-top:8px;border-top:1px solid var(--line)}
.notification-group-title{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:9px 18px;color:var(--muted);background:#f7fafb;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.notification-group-title small{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;color:var(--navy);background:#eaf1f4;font-size:10px}
.notification-item{grid-template-columns:42px minmax(0,1fr);gap:12px;min-height:116px;padding:16px 18px;background:#fff}
.notification-item:hover{background:#f7fcfd;transform:none}
.notification-item.unread{box-shadow:inset 3px 0 #d92d20;background:#f1fbfc}
.notification-item-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--teal);background:var(--aqua)}
.notification-item-icon.change{color:#9a5700;background:#fff1d8}
.notification-item-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-item.unread .notification-item-icon:after{content:"";position:absolute;top:-2px;right:-2px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#d92d20}
.notification-item-main{gap:6px}
.notification-item-head strong{font-size:13px}
.notification-item-context{min-width:0;overflow:hidden;color:var(--teal);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.notification-item-body{-webkit-line-clamp:3;color:#53657a;font-size:12px;line-height:1.45}
.notification-item-foot{padding-top:2px}
.notification-item-foot b{font-size:12px}
.notification-empty{display:grid;place-items:center;align-content:center;gap:7px;min-height:220px;padding:28px;color:var(--muted);text-align:center}
.notification-empty strong{color:var(--navy);font-size:15px}
.notification-empty span{font-size:12px}
.notification-empty button{margin-top:5px;color:var(--teal);border-color:#b8d9dd;background:#fff}
@media(max-width:700px){
  .bell{width:40px;height:40px}
  .notification-center{top:8px;right:8px;bottom:8px;left:8px;width:auto;height:auto;max-height:none;border-radius:16px;transform:none}
  .modal.notification-center-modal>.notification-center{top:8px;right:8px;bottom:8px;left:8px;width:auto;height:auto;max-height:none;transform:none}
  .notification-center header{padding:16px}
  .notification-overview{padding:10px}
  .notification-overview>span{padding:8px}
  .notification-overview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .notification-item{grid-template-columns:36px minmax(0,1fr);padding:14px}
  .notification-item-icon{width:36px;height:36px}
}
@media(max-width:480px){
  .notification-center header{padding:13px 14px}
  .notification-subtitle{display:none}
  .notification-overview{padding:8px}
  .notification-actions{padding:7px 10px 3px}
  .notification-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:7px 10px 10px}
}

/* Compact event rows: preserve the full context and deep link without oversized cards. */
.notification-list .notification-item{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;min-height:0;padding:10px 18px}
.notification-list .notification-item-icon{width:34px;height:34px;border-radius:10px}
.notification-list .notification-item-icon svg{width:18px;height:18px}
.notification-list .notification-item-main{gap:3px}
.notification-list .notification-item-head{align-items:center}
.notification-list .notification-item-head strong{font-size:12px;line-height:1.3}
.notification-list .notification-item-head small{padding:2px 6px;font-size:9px;line-height:1.2}
.notification-list .notification-item-context{font-size:10px;line-height:1.3}
.notification-list .notification-item-body{font-size:11px;line-height:1.35;-webkit-line-clamp:2}
.notification-list .notification-item-foot{padding-top:0}
.notification-list .notification-item-foot time{font-size:10px}
.notification-list .notification-item-foot b{font-size:11px}
@media(max-width:700px){
  .notification-list .notification-item{grid-template-columns:32px minmax(0,1fr);gap:9px;padding:9px 12px}
  .notification-list .notification-item-icon{width:32px;height:32px}
}

/* Platform Admin: structured registries, clearer cards and balanced controls. */
.admin-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,560px);margin-top:16px}
.admin-hero-stats span{display:flex;align-items:center;justify-content:center;min-height:40px;padding:7px 10px;border-radius:10px;text-align:center}
.admin-hero-stats b{margin-right:4px}
.admin-company-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.admin-company-row-actions>button{min-height:36px;padding:0 11px;border-color:#b7d3dc;color:var(--teal);background:#fff;font-size:10px;font-weight:750}
.admin-company-row-actions>button:hover{border-color:var(--teal);background:var(--aqua);transform:none}
.admin-company-invite-details{justify-self:auto}
.admin-user-directory{gap:14px;padding:14px;background:#f3f7f9}
.admin-user-group{overflow:hidden;border:1px solid #c5d9e1;border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(15,49,82,.055)}
.admin-user-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #dce7eb;background:#f8fbfc}
.admin-user-group>header>div{display:grid;gap:2px;min-width:0}
.admin-user-group>header small{color:var(--teal);font-size:8px;font-weight:850;letter-spacing:.09em}
.admin-user-group.staff>header small{color:#8b5608}
.admin-user-group>header strong{overflow:hidden;color:var(--navy);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.admin-user-group>header>span{display:grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;color:#176672;background:#e3f4f6;font-size:10px;font-weight:850}
.admin-user-group>div{display:grid}
.admin-user-card{display:grid;grid-template-columns:38px minmax(180px,1.4fr) minmax(130px,.8fr) minmax(120px,.7fr);align-items:center;gap:12px;min-height:72px;padding:10px 12px;border:0;border-bottom:1px solid #e1e9ed;border-radius:0;background:#fff;text-align:left}
.admin-user-card:last-child{border-bottom:0}
.admin-user-card:hover{border-color:#e1e9ed;background:#f8fcfd;box-shadow:none;transform:none}
.admin-user-card.active{border-color:#e1e9ed;background:#eefafa;box-shadow:inset 3px 0 var(--teal)}
.admin-user-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#087e8b;background:#e1f5f6;font-size:10px;font-weight:850}
.admin-user-main,.admin-user-access,.admin-user-security{display:grid;gap:3px;min-width:0;text-align:left}
.admin-user-main strong,.admin-user-main small,.admin-user-access strong,.admin-user-access small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-user-main strong,.admin-user-access strong{color:var(--navy);font-size:11px}
.admin-user-main small,.admin-user-access small,.admin-user-security small{color:var(--muted);font-size:9px}
.admin-user-security{justify-items:start}
.admin-user-security>strong{padding:4px 7px;border-radius:999px;color:#16704d;background:#e7f7ef;font-size:9px}
.admin-user-security.blocked>strong{color:#a43d35;background:#feeceb}
.admin-company-edit-form{display:grid;gap:14px}
.admin-company-edit-form label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:700}
.admin-company-edit-form label small{color:var(--muted);font-size:9px;font-weight:500;line-height:1.4}
.admin-company-edit-note{display:grid;gap:4px;padding:13px 14px;border:1px solid #c7dce3;border-radius:11px;background:#f3fafb}
.admin-company-edit-note strong{font-size:12px}.admin-company-edit-note span{color:var(--muted);font-size:10px;line-height:1.45}
.admin-company-edit-form footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}
.admin-company-edit-form footer button{min-height:42px;padding:0 15px}
.admin-invitation-groups{display:grid;gap:16px}
.admin-invitation-group{overflow:hidden;border:1px solid #c5d9e1;border-radius:13px;background:#f8fbfc;box-shadow:0 8px 20px rgba(15,49,82,.05)}
.admin-invitation-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #dce7eb;background:#fff}
.admin-invitation-group>header>div{display:grid;gap:2px}.admin-invitation-group>header strong{font-size:12px}.admin-invitation-group>header small{color:var(--muted);font-size:9px}
.admin-invitation-group>header>span{display:grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;color:var(--navy);background:#eaf1f4;font-size:10px;font-weight:850}
.admin-invitation-group.pending>header>span{color:#8b5608;background:#fff1d8}.admin-invitation-group.accepted>header>span{color:#146a55;background:#e7f7ef}
.admin-invitation-group .admin-company-invites{display:grid;gap:10px;padding:12px}
.admin-invitation-card{border:1px solid #bfd4dc;border-left-width:4px;background:#fff;box-shadow:0 7px 16px rgba(15,49,82,.045)}
.admin-invitation-card.pending{border-left-color:#e5a53a}.admin-invitation-card.accepted{border-left-color:#39a372}.admin-invitation-card.expired{border-left-color:#9aa8b7}
.admin-invitation-card.pending .platform-admin-card-head>span{color:#8b5608;background:#fff1d8}.admin-invitation-card.accepted .platform-admin-card-head>span{color:#146a55;background:#e7f7ef}.admin-invitation-card.expired .platform-admin-card-head>span{color:#667789;background:#edf1f4}
.platform-admin-source,.admin-analytics,.admin-operations{border-color:#bcd2dc;background:#fbfdfe;box-shadow:0 10px 26px rgba(15,49,82,.06)}
.platform-admin-source>.platform-admin-card,.admin-operations-grid article,.admin-metric-grid article{background:#fff}
.admin-staff-invite{grid-template-columns:minmax(230px,1.2fr) minmax(220px,1fr) minmax(220px,1fr) auto;align-items:end}
.admin-staff-invite>div,.admin-staff-invite>label,.admin-staff-invite>button{align-self:end}
.admin-staff-invite>label>span{display:flex;align-items:flex-end;min-height:18px;line-height:1.2}
.admin-staff-invite>button{min-height:42px}
@media(min-width:701px){.topbar{gap:12px}.ai-launch{min-height:38px}.bell{width:38px;height:38px;border-radius:10px}.bell>.bell-glyph{width:20px;height:20px}.bell-glyph svg{width:20px;height:20px}.top-avatar{width:38px;height:38px}}
@media(max-width:1100px){.admin-user-card{grid-template-columns:36px minmax(0,1fr) minmax(120px,.75fr)}.admin-user-security{grid-column:2/-1;grid-row:2;display:flex;align-items:center;gap:8px}.admin-staff-invite{grid-template-columns:1fr 1fr}.admin-staff-invite>div{grid-column:1/-1}}
@media(max-width:760px){.admin-hero-stats{grid-template-columns:1fr;width:100%}.admin-user-card{grid-template-columns:36px minmax(0,1fr)}.admin-user-access,.admin-user-security{grid-column:2}.admin-user-security{grid-row:auto}.admin-company-row-actions{justify-content:flex-start;flex-wrap:wrap}.admin-company-edit-form footer{align-items:stretch;flex-direction:column-reverse}.admin-company-edit-form footer button{width:100%}.admin-staff-invite{grid-template-columns:1fr}}

/* Platform Admin polish: equal KPI rhythm and a full-width user registry with slide-over details. */
.admin-hero-stats{align-items:stretch}
.admin-hero-stats>span{box-sizing:border-box;width:100%;height:40px;min-height:40px;margin:0!important;padding:0 10px!important;align-self:stretch;line-height:1.2;transform:none}
.admin-overview-kpis{grid-auto-rows:118px}
.admin-overview-kpis article{box-sizing:border-box;height:118px;min-height:118px;align-content:start;grid-template-rows:auto auto 1fr}
.admin-overview-kpis article>span{min-height:2.4em;line-height:1.2}.admin-overview-kpis article>small:last-child{align-self:end;line-height:1.3}
.admin-sales-glance>p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}
.admin-user-workspace{display:grid;min-width:0}
.admin-user-directory-wide{width:100%;min-width:0;max-height:none}
.admin-user-detail-backdrop{position:fixed;z-index:990;inset:0;width:auto;min-height:0;padding:0;border:0;border-radius:0;background:rgba(7,23,59,.3);opacity:0;pointer-events:none;transition:opacity .18s ease}
.admin-user-detail-backdrop.open{opacity:1;pointer-events:auto}
.admin-user-detail-drawer{position:fixed;z-index:991;top:72px;right:0;bottom:0;display:grid;align-content:start;grid-auto-rows:min-content;width:min(500px,calc(100vw - 270px));min-height:0;max-height:none;padding:14px;overflow-y:auto;border-radius:16px 0 0 0;box-shadow:-18px 0 45px rgba(7,27,71,.18);transform:translateX(102%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}
.admin-user-detail-drawer.open{transform:translateX(0);visibility:visible;transition:transform .22s ease}
.admin-user-detail-drawer .admin-detail-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:0 0 10px}.admin-user-detail-drawer .admin-detail-head h3{margin-top:2px;font-size:17px}.admin-user-detail-drawer .admin-detail-head p{font-size:10px}.admin-user-detail-eyebrow{color:var(--teal);font-size:8px;font-weight:850;letter-spacing:.1em}.admin-user-detail-drawer .admin-detail-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:1px}.admin-user-detail-drawer .admin-detail-actions button{min-width:0;min-height:34px;padding:5px 8px;border:1px solid #c8dbe2;border-radius:8px;color:var(--navy);background:#f8fbfc;font-size:9px;font-weight:750;line-height:1.25}.admin-user-detail-drawer .admin-detail-actions button:not(:disabled):hover{border-color:#85bec7;background:#eef9fa}.admin-user-detail-drawer .admin-detail-actions .admin-user-action-danger:not(:disabled){color:#a33c34;border-color:#e6beb9;background:#fff7f5}.admin-user-detail-drawer .admin-detail-actions button:disabled{opacity:.46}
.admin-user-detail-close{display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border-color:#c4d9e2;border-radius:9px;color:var(--navy);background:#f6fafb;font-size:21px;line-height:1}
.admin-user-detail-drawer .admin-membership-tabs{gap:6px;padding:8px 0 5px}.admin-user-detail-drawer .admin-chip{width:auto;max-width:100%;min-height:31px;padding:5px 8px;border-radius:8px;font-size:9px;line-height:1.2;white-space:normal;text-align:left}.admin-user-detail-drawer .platform-admin-card{gap:8px;padding:11px}.admin-user-detail-drawer .platform-admin-card-head strong{font-size:12px}.admin-user-detail-drawer .platform-admin-card-head small{font-size:8px;overflow-wrap:anywhere}.admin-user-detail-drawer .platform-admin-card-head>span{padding:4px 6px;font-size:8px}.admin-user-detail-drawer .platform-admin-actions{gap:7px}.admin-user-detail-drawer .platform-admin-actions label,.admin-user-detail-drawer .platform-admin-toggle{font-size:9px}.admin-user-detail-drawer .platform-admin-actions button{min-height:34px;padding:6px 8px;font-size:9px}.admin-user-detail-drawer>.ui-state{justify-items:start;padding:9px 2px;text-align:left}.admin-user-detail-drawer>.ui-state strong{font-size:11px}.admin-user-detail-drawer>.ui-state span{font-size:9px;line-height:1.4}
.admin-data-source-workspace{display:grid;gap:14px;min-width:0;padding:4px}.admin-data-source-head{padding:2px 3px 14px;border-bottom:1px solid #cbdde4}.admin-data-source-head small,.admin-source-group>header small{color:var(--teal);font-size:9px;font-weight:850;letter-spacing:.1em}.admin-data-source-head h3,.admin-data-source-head p,.admin-source-group>header h3,.admin-source-group>header p{margin:0}.admin-data-source-head h3{margin-top:3px;font-size:20px}.admin-data-source-head p{margin-top:4px;color:var(--muted);font-size:11px}.admin-source-group{display:grid;gap:12px;padding:14px;border:0;border-radius:14px;background:#f2f8fa;box-shadow:none}.admin-source-group.commerce{border:0;background:#fff8e9}.admin-source-group>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:2px 3px 11px;border-bottom:1px solid #d6e4e9}.admin-source-group.commerce>header{border-bottom-color:#e8dcc0}.admin-source-group>header h3{margin-top:3px;font-size:16px}.admin-source-group>header p{margin-top:3px;color:var(--muted);font-size:10px}.admin-source-group>header>span{flex:none;padding:6px 9px;border-radius:999px;color:var(--teal);background:#fff;font-size:9px;font-weight:750}.admin-source-group.commerce>header>span{color:#8b5a0a;background:#fff4d8}.admin-source-group-grid{display:grid;gap:12px;min-width:0}.admin-source-group .platform-admin-source{min-width:0;margin:0;border:1px solid #c7dbe3;border-left-width:4px;background:#fff;box-shadow:none}.admin-source-group .platform-admin-source[data-data-source-card="schedule"]{border-left-color:var(--teal)}.admin-source-group .platform-admin-source[data-data-source-card="tracking"]{border-left-color:#4e83b2}.admin-source-group .platform-admin-source[data-data-source-card="power_of_attorney"]{border-left-color:#8d75b8}.admin-source-group .platform-admin-source[data-data-source-card="tariffs"]{border-color:#dcc58d;border-left-color:#d69a2d}.admin-source-group .platform-admin-source>.document-section-head{padding-bottom:11px;border-bottom:1px solid var(--line)}.platform-admin-source-candidate{border:0;background:#f5f8fa;box-shadow:none}.platform-admin-source-history-list{overflow:hidden;gap:0;border:1px solid #d5e2e7;border-radius:10px;background:#fff}.platform-admin-source-history{border:0;border-bottom:1px solid #e0e8ec;border-radius:0;background:#fff;box-shadow:none}.platform-admin-source-history:last-child{border-bottom:0}
.admin-source-freshness{grid-column:1/-1;display:grid;gap:10px;padding:13px;border:1px solid #c9dce3;border-radius:11px;background:#f6fafb}.admin-source-freshness>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-source-freshness>header small{display:block;color:var(--teal);font-size:8px;font-weight:850;letter-spacing:.09em}.admin-source-freshness>header h4{margin:2px 0 0;font-size:14px}.admin-source-freshness>header>span{color:var(--muted);font-size:9px}.admin-source-freshness>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.admin-source-freshness>div>article{min-width:0;padding:11px 12px}.admin-source-freshness>div>article span{font-size:9px;font-weight:750}.admin-source-freshness>div>article strong{font-size:16px}.admin-source-freshness>div>article small{line-height:1.35}
.admin-capacity-voyage{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(90px,.5fr) minmax(0,1.1fr)}
@container (max-width:860px){.admin-capacity-voyage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.admin-capacity-state{justify-self:start}}
@container (max-width:560px){.admin-capacity-voyage{grid-template-columns:1fr}}
@media(max-width:1100px){.admin-source-freshness>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-user-detail-drawer{top:0;width:100vw;border-radius:0}.admin-user-detail-drawer .admin-detail-actions{grid-template-columns:1fr}.admin-source-group>header{align-items:stretch;flex-direction:column}.admin-source-group>header>span{align-self:flex-start}.admin-source-freshness>header{align-items:flex-start;flex-direction:column}.admin-source-freshness>div{grid-template-columns:1fr}.admin-overview-kpis{grid-auto-rows:112px}.admin-overview-kpis article{height:112px;min-height:112px}}

/* Schedule query controls share one explicit grid and one 48px control size. */
.schedule-fields{grid-template-areas:"pol swap pod period";grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) minmax(0,1fr);align-items:end}
.schedule-pol-field{grid-area:pol}.schedule-pod-field{grid-area:pod}.schedule-period-field{grid-area:period;align-content:end;min-width:0;width:100%}.schedule-fields>.swap-ports{grid-area:swap}
.schedule-port-field,.schedule-period-field,.schedule-port-combobox{width:100%;min-width:0}.schedule-period-field{display:grid;gap:7px}.schedule-period-field select,#schedulePol,#schedulePod{box-sizing:border-box;width:100%;height:var(--ds-control-height-lg);min-height:var(--ds-control-height-lg)}
@media(max-width:760px){.schedule-fields{grid-template-areas:"pol" "swap" "pod" "period";grid-template-columns:minmax(0,1fr)}.schedule-fields>.swap-ports{justify-self:center}}

/* Commerce is migrated incrementally to the shared design-system contract. */
.commerce-header-badges{justify-content:flex-end;padding-top:var(--ds-space-1)}.commerce-header-badges .ds-badge{white-space:nowrap}
.page-head .page-head-description{max-width:760px;margin:var(--ds-space-3) 0 0;color:var(--ds-color-ink-subtle);font-size:var(--ds-font-size-sm);line-height:var(--ds-line-height-base)}
.page-context-note{display:flex;align-items:flex-start;gap:8px;max-width:960px;margin:-8px 0 18px;padding-left:11px;border-left:2px solid #9fc5cc;color:var(--muted);font-size:11px;line-height:1.5}.page-context-note::before{content:"i";display:grid;flex:0 0 auto;place-items:center;width:16px;height:16px;margin-top:1px;border:1px solid #9fc5cc;border-radius:50%;color:var(--teal);font-size:9px;font-style:normal;font-weight:800;line-height:1}
.commerce-calculator-shell{overflow:visible;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);box-shadow:none}.commerce-calculator-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.42fr)}.commerce-step{padding:var(--ds-space-6)}.commerce-step+.commerce-step{border-color:var(--ds-color-border)}.commerce-step>header{gap:var(--ds-space-3);margin-bottom:var(--ds-space-5)}.commerce-step>header>span,.commerce-result-empty>span{width:32px;height:32px;border-radius:var(--ds-radius-round);color:var(--ds-color-surface);background:var(--ds-color-brand);box-shadow:none}.commerce-step h3{font-size:var(--ds-font-size-lg)}.commerce-step p{color:var(--ds-color-muted);font-size:var(--ds-font-size-sm);line-height:var(--ds-line-height-base)}
.commerce-core-sections{display:grid;gap:var(--ds-space-4)}.commerce-input-group{display:grid;gap:var(--ds-space-4);min-width:0;padding:var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface-subtle)}.commerce-input-group>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-5);padding-bottom:var(--ds-space-3);border-bottom:1px solid var(--ds-color-border)}.commerce-input-group>header>div{display:grid;gap:2px}.commerce-input-group>header small{color:var(--ds-color-brand);font-size:var(--ds-font-size-xs);font-weight:800;letter-spacing:.07em;text-transform:uppercase}.commerce-input-group>header h4{margin:0;color:var(--ds-color-ink);font-size:var(--ds-font-size-md)}.commerce-input-group>header p{max-width:430px;margin:0;text-align:right}
.commerce-core-grid{gap:var(--ds-space-3);align-items:start}.commerce-core-grid--route{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-core-grid--cargo{grid-template-columns:repeat(4,minmax(0,1fr))}.commerce-core-grid .ds-field,.commerce-detail-grid .ds-field{min-width:0;gap:var(--ds-space-2);color:var(--ds-color-muted);font-size:var(--ds-font-size-sm)}.commerce-core-grid input:not([type="checkbox"]),.commerce-core-grid select,.commerce-detail-grid input:not([type="checkbox"]),.commerce-detail-grid select{box-sizing:border-box;width:100%;height:var(--ds-control-height-lg);min-height:var(--ds-control-height-lg);border-color:var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-surface)}
.commerce-imo-control{box-sizing:border-box;height:var(--ds-control-height-lg);min-height:var(--ds-control-height-lg);padding:var(--ds-space-2) var(--ds-space-3);border-color:var(--ds-color-border-strong);border-radius:var(--ds-radius-md);color:var(--ds-color-ink);background:var(--ds-color-surface-subtle)}.commerce-imo-control:focus-within{box-shadow:var(--ds-focus-ring)}.commerce-imo-field.active .commerce-imo-control{border-color:var(--ds-color-warning);background:var(--ds-color-surface)}.commerce-imo-class{padding:var(--ds-space-2);border-color:var(--ds-color-warning);border-radius:var(--ds-radius-md);background:var(--ds-color-surface-subtle)}
.commerce-service-grid{gap:var(--ds-space-3)}.commerce-service-toggle{min-height:96px;padding:var(--ds-space-3);border-color:var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);box-shadow:none;transition:border-color var(--ds-motion-fast),background var(--ds-motion-fast),box-shadow var(--ds-motion-fast)}.commerce-service-toggle:hover{border-color:var(--ds-color-border-strong);box-shadow:none}.commerce-service-toggle:focus-within{border-color:var(--ds-color-link);box-shadow:var(--ds-focus-ring)}.commerce-service-toggle.active{border-color:var(--ds-color-brand);background:var(--ds-color-brand-soft);box-shadow:inset 3px 0 0 var(--ds-color-brand)}.commerce-service-toggle b{color:var(--ds-color-ink);font-size:var(--ds-font-size-sm)}.commerce-service-toggle small{color:var(--ds-color-muted);font-size:var(--ds-font-size-xs)}.commerce-service-toggle i{color:var(--ds-color-brand)}.commerce-service-toggle.direction-disabled{cursor:not-allowed;border-color:var(--ds-color-border);color:var(--ds-color-muted);background:var(--ds-color-surface-subtle);box-shadow:none}.commerce-service-toggle.direction-disabled:hover,.commerce-service-toggle.direction-disabled:focus-within{border-color:var(--ds-color-border);box-shadow:none}.commerce-service-toggle.direction-disabled input{opacity:.5}.commerce-service-rule{display:block;margin-top:var(--ds-space-1);color:var(--ds-color-warning);font-size:var(--ds-font-size-xs);font-style:normal;font-weight:700;line-height:var(--ds-line-height-base)}.commerce-service-rule[hidden]{display:none}
.commerce-service-details{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-3);margin-top:var(--ds-space-4)}.commerce-service-card{padding:var(--ds-space-4);border-color:var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface-subtle);box-shadow:none}.commerce-service-card>header{gap:var(--ds-space-3);margin-bottom:var(--ds-space-3);padding-bottom:var(--ds-space-3);border-color:var(--ds-color-border)}.commerce-service-card>header small{color:var(--ds-color-brand);font-size:var(--ds-font-size-xs)}.commerce-service-card>header h4{font-size:var(--ds-font-size-md)}.commerce-service-card>header>.ds-badge{padding:0 var(--ds-space-2);color:var(--ds-color-muted);background:var(--ds-color-surface)}.commerce-detail-grid{gap:var(--ds-space-3);align-items:start}.commerce-detail-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-detail-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-service-card[data-service-panel="storage"] .commerce-detail-grid--three>label:first-child{grid-column:auto}.commerce-auto-note{color:var(--ds-color-muted);font-size:var(--ds-font-size-sm);line-height:var(--ds-line-height-base)}.commerce-auto-charges{gap:var(--ds-space-2)}.commerce-auto-charges>span{min-height:var(--ds-control-height-lg);padding:var(--ds-space-2) var(--ds-space-3);border-color:var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-ink);background:var(--ds-color-surface)}.commerce-auto-charges>span i{color:var(--ds-color-surface);background:var(--ds-color-brand)}.commerce-auto-charges small{color:var(--ds-color-brand)}.commerce-free-toggle{min-height:var(--ds-control-height-lg);padding:var(--ds-space-2) var(--ds-space-3);border-color:var(--ds-color-border-strong);border-radius:var(--ds-radius-md);color:var(--ds-color-ink)!important;background:var(--ds-color-surface);cursor:pointer}
.commerce-result-panel{border-color:var(--ds-color-border);background:var(--ds-color-surface-subtle)}.commerce-result-empty{gap:var(--ds-space-3);padding:var(--ds-space-6)}.commerce-result-empty p,.commerce-result-empty small{color:var(--ds-color-muted);font-size:var(--ds-font-size-sm);line-height:var(--ds-line-height-base)}.commerce-result-empty small{border-color:var(--ds-color-border)}.commerce-result-head{gap:var(--ds-space-1);padding:var(--ds-space-5);border-color:var(--ds-color-border)}.commerce-result-head small,.commerce-result-head span{color:var(--ds-color-muted);font-size:var(--ds-font-size-xs)}.commerce-total-grid{gap:var(--ds-space-2);padding:var(--ds-space-4) var(--ds-space-5)}.commerce-total-grid>div{padding:var(--ds-space-3);border-color:var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface)}.commerce-total-grid span{color:var(--ds-color-muted);font-size:var(--ds-font-size-sm)}.commerce-total-grid strong{color:var(--ds-color-brand)}.commerce-result-lines{padding:0 var(--ds-space-5) var(--ds-space-3)}.commerce-result-line{gap:var(--ds-space-3);padding:var(--ds-space-3) 0;border-color:var(--ds-color-border)}.commerce-warning{gap:var(--ds-space-1);margin:var(--ds-space-3) var(--ds-space-5);padding:var(--ds-space-3);border-color:var(--ds-color-warning);background:var(--ds-color-surface-subtle)}.commerce-warning span{color:var(--ds-color-ink-subtle);font-size:var(--ds-font-size-xs)}.commerce-calc-actions{gap:var(--ds-space-2);padding:var(--ds-space-4) var(--ds-space-5);border-color:var(--ds-color-border);background:var(--ds-color-surface)}.commerce-calc-actions span{color:var(--ds-color-brand);font-size:var(--ds-font-size-xs)}.commerce-calc-actions span.error{color:var(--ds-color-danger)}.commerce-calc-actions small{color:var(--ds-color-muted);font-size:var(--ds-font-size-xs)}.commerce-calc-actions .ds-button:not(.ds-button--primary){color:var(--ds-color-ink-subtle);border-color:var(--ds-color-border-strong);background:var(--ds-color-surface)}
.commerce-request-modal{border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);box-shadow:var(--ds-shadow-overlay)}.commerce-request-modal form{gap:var(--ds-space-3)}.commerce-request-modal form>label,.commerce-party-grid label{display:grid;gap:var(--ds-space-2);color:var(--ds-color-muted);font-size:var(--ds-font-size-sm)}.commerce-request-modal input,.commerce-request-modal textarea{border-color:var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-surface)}.commerce-routing-grid{gap:var(--ds-space-3)}.commerce-routing-grid fieldset{padding:var(--ds-space-3);border-color:var(--ds-color-border);border-radius:var(--ds-radius-lg)}.commerce-routing-grid legend{color:var(--ds-color-muted);font-size:var(--ds-font-size-xs)}.commerce-party-grid{gap:var(--ds-space-3)}.commerce-request-preview{border-color:var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface-subtle)}.commerce-email-config-warning{border-color:var(--ds-color-warning)!important;border-radius:var(--ds-radius-lg);color:var(--ds-color-ink-subtle)!important;background:var(--ds-color-surface-subtle)}
@media(max-width:1180px){.commerce-calculator-layout{grid-template-columns:1fr}}
@media(max-width:900px){.page-head:has(.commerce-header-badges){align-items:stretch;flex-direction:column}.page-head:has(.commerce-header-badges)>.head-actions{max-width:none}.commerce-header-badges{justify-content:flex-start}.commerce-core-grid--route,.commerce-core-grid--cargo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.commerce-step{padding:var(--ds-space-4)}.commerce-calc-actions{padding:var(--ds-space-4)}.commerce-input-group{padding:var(--ds-space-3)}.commerce-input-group>header{align-items:flex-start;flex-direction:column;gap:var(--ds-space-2)}.commerce-input-group>header p{text-align:left}.commerce-core-grid--route,.commerce-core-grid--cargo,.commerce-detail-grid--three,.commerce-detail-grid--two{grid-template-columns:1fr}}
.chat-export-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #9bcbd1;border-radius:9px;background:#fff;color:#087f8c;font:inherit;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}.chat-export-action:hover{background:#eef9fa}.sr-chat-head-actions,.cs-chat-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.booking-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.booking-chat-head h3{margin:0}@media(max-width:700px){.booking-chat-head,.sr-section-head,.cs-section-head{align-items:flex-start}.sr-chat-head-actions,.cs-chat-head-actions{align-items:flex-end;flex-direction:column}.chat-export-action{white-space:normal;text-align:center}}

/* Client-owned booking references and a single reversible Excel-selection control. */
.client-booking-controls{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(220px,260px);align-items:end;gap:18px;margin:0 0 14px}.client-booking-controls label{display:grid;align-items:stretch;gap:6px;min-width:0;color:var(--muted);font-size:12px;font-weight:650}.client-booking-controls .client-booking-scope,.client-booking-controls .client-booking-sort{justify-self:stretch}.client-booking-filter-group{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr)) minmax(0,1.25fr);align-items:end;justify-content:stretch;gap:12px;min-width:0}.client-booking-controls select,.client-booking-controls input,.client-booking-controls .client-booking-sailing input,.client-booking-controls .client-booking-reference-filter input{width:100%;min-width:0;min-height:40px}.client-booking-local-reference{overflow:hidden;color:var(--teal)!important;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.booking-actions-bar [data-client-export-mode].is-active{color:var(--teal);border-color:var(--teal);background:var(--aqua)}
.client-booking-header-actions{display:grid;align-items:stretch;justify-items:stretch;gap:8px;width:min(460px,40vw);min-height:40px}.client-booking-header-top{display:flex;align-items:center;justify-content:flex-end;gap:14px}.client-booking-reference-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.client-booking-reference-header label{display:grid;gap:4px;min-width:0}.client-booking-reference-header label span,.client-booking-reference-header>small{color:var(--muted);font-size:11px;font-weight:650}.client-booking-reference-header input{width:100%;min-width:0;min-height:36px;padding:6px 9px}.client-booking-reference-header button{min-height:36px;padding:6px 12px}.client-booking-reference-header.is-readonly{grid-template-columns:auto minmax(0,1fr);align-items:center}.client-booking-reference-header.is-readonly strong{overflow:hidden;color:var(--teal);text-align:right;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1600px){.client-booking-controls{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr)}.client-booking-controls .client-booking-scope{grid-column:1;grid-row:1}.client-booking-controls .client-booking-sort{grid-column:2;grid-row:1}.client-booking-filter-group{grid-column:1/-1;grid-row:2}}
@media(max-width:960px){.modal>.client-booking-modal>header{grid-template-columns:minmax(0,1fr) auto}.client-booking-modal>header>.client-booking-header-actions{grid-column:1;grid-row:2;justify-content:stretch;width:min(100%,520px)}.client-booking-modal>header>.close{grid-column:2;grid-row:1}.client-booking-filter-group{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.client-booking-controls{grid-template-columns:1fr}.client-booking-controls .client-booking-scope{grid-column:1;grid-row:1}.client-booking-filter-group{grid-column:1;grid-row:2;grid-template-columns:1fr}.client-booking-controls .client-booking-sort{grid-column:1;grid-row:3}.client-booking-controls select,.client-booking-controls input,.client-booking-controls .client-booking-sailing input,.client-booking-controls .client-booking-reference-filter input{width:100%}.client-booking-header-actions{width:100%}.client-booking-header-top{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.client-booking-reference-header{grid-template-columns:1fr}.client-booking-reference-header button{width:100%}.client-booking-reference-header.is-readonly{grid-template-columns:1fr}.client-booking-reference-header.is-readonly strong{text-align:left}}

/* Versioned legal documents shown during customer account activation. */
.auth-card.activation-card{width:min(920px,100%);align-content:start}.activation-form{gap:18px}.activation-account-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.activation-legal{display:grid;gap:12px}.activation-legal>header{display:grid;gap:3px}.activation-legal>header strong{color:#0b1d3a;font-size:15px}.activation-legal>header span,.activation-legal-loading{color:#63758a;font-size:12px}.activation-documents{display:grid;gap:9px}.activation-document{overflow:hidden;border:1px solid #d9e2eb;border-radius:12px;background:#f8fbfc}.activation-document summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none}.activation-document summary::-webkit-details-marker{display:none}.activation-document summary span{display:grid;gap:2px}.activation-document summary strong{color:#102742;font-size:13px}.activation-document summary small{color:#63758a;font-size:11px}.activation-document summary b{color:#087e8b;font-size:11px}.activation-document[open] summary{border-bottom:1px solid #d9e2eb;background:#fff}.activation-document-body{max-height:330px;overflow:auto;padding:15px;color:#31465e;background:#fff;font-size:12px;line-height:1.55}.activation-document-body section+section{margin-top:16px}.activation-document-body h4{margin:0 0 6px;color:#0b1d3a;font-size:13px}.activation-document-body p{margin:0 0 7px;color:#31465e;font-size:12px;font-weight:400;letter-spacing:normal;text-transform:none}.activation-document-body ul{margin:0;padding-left:20px}.activation-document-link{display:inline-block;margin-top:10px;color:#087e8b;font-weight:700}.activation-acceptances{display:grid;gap:9px}.auth-form .activation-acceptance{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #b9dfe3;border-radius:10px;background:#f1fafb;font-weight:600;line-height:1.45}.auth-form .activation-acceptance input{flex:0 0 18px;width:18px;min-height:18px;margin-top:1px;padding:0}.activation-submit{width:100%;min-height:48px}.activation-submit:disabled{cursor:wait;opacity:.6}@media(max-width:760px){.activation-account-fields{grid-template-columns:1fr}.auth-card.activation-card{padding:24px 18px}.activation-document-body{max-height:270px}}

/* Keep non-actionable activation states compact while legal review remains wide. */
.auth-card.activation-card--compact{width:min(560px,100%);gap:12px;padding:32px}.activation-card--compact .auth-logo{width:min(210px,72%);margin-bottom:0}.activation-card--compact .auth-copy{max-width:470px}.activation-card--compact .activation-invalid{margin-top:2px;text-align:center;line-height:1.45}.auth-card.activation-card--legal{width:min(920px,100%)}
@media(max-width:760px){.auth-card.activation-card--compact{padding:24px 20px}.activation-card--compact .auth-logo{width:min(190px,76%)}}

/* Notification inbox: related events are compacted into expandable entity threads. */
.notification-truncated{margin:5px 18px 0;padding:8px 10px;border:1px solid #ead49f;border-radius:8px;color:#76520b;background:#fff8e8;font-size:10px;line-height:1.4}
.notification-thread{position:relative;border-bottom:1px solid var(--line);background:#fff}
.notification-thread.unread{box-shadow:inset 3px 0 #d92d20;background:#f1fbfc}
.notification-thread-open{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;width:100%;min-height:0;padding:12px 18px;border:0;border-radius:0;color:var(--navy);background:transparent;text-align:left}
.notification-thread-open:hover,.notification-thread-open:focus-visible{color:var(--navy);background:#f7fcfd;box-shadow:none;transform:none}
.notification-thread.unread .notification-thread-open{background:transparent}
.notification-thread-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:1px}
.notification-thread-meta small{padding:2px 6px;border:1px solid #d9e6ea;border-radius:999px;color:#52667a;background:#f7fafb;font-size:9px;font-weight:700}
.notification-thread.unread .notification-thread-meta small:nth-child(2){color:#a33a32;border-color:#ebc2bd;background:#fff3f1}
.notification-thread-expand{display:flex;align-items:center;justify-content:center;width:calc(100% - 36px);min-height:30px;margin:0 18px 10px;padding:5px 10px;border:1px solid #c9dde3;border-radius:8px;color:#087e8b;background:#f6fbfc;font-size:10px;font-weight:750}
.notification-thread-expand:hover,.notification-thread-expand:focus-visible{color:#075f69;border-color:#83bcc5;background:#eaf8fa;transform:none}
.notification-thread-history{display:grid;margin:0 18px 12px;overflow:hidden;border:1px solid #d9e5e9;border-radius:10px;background:#fff}
.notification-thread-child{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:10px 11px;border:0;border-bottom:1px solid #e4ecef;border-radius:0;color:var(--navy);background:#fff;text-align:left}
.notification-thread-child:last-child{border-bottom:0}.notification-thread-child:hover,.notification-thread-child:focus-visible{color:var(--navy);background:#f7fbfc;transform:none}.notification-thread-child.unread{background:#f4fbfc}
.notification-thread-child-marker{width:7px;height:7px;border-radius:50%;background:#b9c8d1}.notification-thread-child.unread .notification-thread-child-marker{background:#d92d20}
.notification-thread-child>span:nth-child(2){display:grid;gap:2px;min-width:0}.notification-thread-child strong{font-size:10px}.notification-thread-child small,.notification-thread-child span span{overflow:hidden;color:#52667a;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.notification-thread-child time{color:#788899;font-size:9px}.notification-thread-child>b{color:#087e8b;font-size:10px;white-space:nowrap}
@media(max-width:700px){.notification-thread-open{grid-template-columns:32px minmax(0,1fr);padding:10px 12px}.notification-thread-expand{width:calc(100% - 24px);margin:0 12px 9px}.notification-thread-history{margin:0 12px 10px}.notification-thread-child{grid-template-columns:9px minmax(0,1fr)}.notification-thread-child>b{grid-column:2;justify-self:start}}

/* Platform Admin: secret-safe SMTP health, delivery pause and queue state. */
.admin-email-delivery{display:grid;gap:15px;margin-bottom:14px;border-color:#b9d9df;background:linear-gradient(135deg,#f4fbfc 0%,#fff 58%,#fffaf1 100%)}
.admin-email-delivery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:13px;border-bottom:1px solid #d4e4e8}
.admin-email-delivery-head small{display:block;color:var(--teal);font-size:8px;font-weight:850;letter-spacing:.1em}.admin-email-delivery-head h3{margin:4px 0 3px;font-size:21px}.admin-email-delivery-head p{margin:0;color:var(--muted);font-size:10px}
.admin-email-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d3e0e5;border-radius:999px;background:#f5f8f9;color:#66788b;font-size:9px;font-weight:800;white-space:nowrap}.admin-email-status i{width:7px;height:7px;border-radius:50%;background:currentColor}
.admin-email-status.healthy{border-color:#b7dfcb;background:#ebf8f1;color:#147351}.admin-email-status.checking{border-color:#acd9e3;background:#eaf8fb;color:#087b8b}.admin-email-status.attention{border-color:#ead08d;background:#fff7df;color:#8b5a08}.admin-email-status.critical{border-color:#e9b2aa;background:#fff0ee;color:#aa3c33}
.admin-email-connection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.admin-email-connection article{min-width:0;display:grid;align-content:start;gap:5px;padding:13px;border:1px solid #d3e2e6;border-radius:11px;background:#fff}.admin-email-connection article.healthy{border-color:#b8dfca;background:#f2faf6}.admin-email-connection article.critical{border-color:#e5aaa3;background:#fff3f1}.admin-email-connection span,.admin-email-connection small{overflow-wrap:anywhere;color:var(--muted);font-size:9px}.admin-email-connection strong{overflow-wrap:anywhere;font-size:14px}
.admin-email-error{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #e6aca4;border-radius:10px;background:#fff1ef;color:#9d352c}.admin-email-error strong{font-size:10px;white-space:nowrap}.admin-email-error span{font-size:9px}
.admin-email-queue{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden;border:1px solid #d1e1e5;border-radius:11px;background:#fff}.admin-email-queue>div{display:grid;align-content:start;gap:3px;padding:11px 13px;border-right:1px solid #e1eaed}.admin-email-queue>div:last-child{border-right:0}.admin-email-queue span,.admin-email-queue small{color:var(--muted);font-size:8px}.admin-email-queue small{line-height:1.35}.admin-email-queue strong{font-size:18px}
.admin-email-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--muted);font-size:9px}.admin-email-meta b{color:var(--ink)}
.admin-email-actions{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(220px,.7fr) minmax(360px,1.3fr);gap:12px;padding-top:13px;border-top:1px solid #d4e4e8}.admin-email-actions>div,.admin-email-actions>form{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:7px 10px;padding:12px;border:1px solid #d1e1e5;border-radius:11px;background:#fff}.admin-email-actions>div button{grid-row:1}.admin-email-actions small{grid-column:1/-1;color:var(--muted);font-size:8px;line-height:1.4}.admin-email-actions label{display:grid;gap:5px}.admin-email-actions label span{color:var(--muted);font-size:8px;font-weight:750}.admin-email-actions input{min-width:0;height:38px}.admin-email-actions button{min-height:38px;padding:8px 13px}.admin-email-actions button:not(:disabled){border-color:var(--teal);background:var(--teal);color:#fff}.admin-email-actions button:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:1250px){.admin-email-actions{grid-template-columns:1fr 1fr}.admin-email-actions>form{grid-column:1/-1}}@media(max-width:1100px){.admin-email-connection{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-email-queue{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-email-queue>div:nth-child(3){border-right:0}.admin-email-queue>div:nth-child(-n+3){border-bottom:1px solid #e1eaed}}@media(max-width:760px){.admin-email-delivery-head{flex-direction:column}.admin-email-connection{grid-template-columns:1fr}.admin-email-queue{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-email-queue>div:nth-child(3){border-right:1px solid #e1eaed}.admin-email-queue>div:nth-child(even){border-right:0}.admin-email-queue>div:nth-child(-n+4){border-bottom:1px solid #e1eaed}.admin-email-error{align-items:flex-start;flex-direction:column}.admin-email-actions{grid-template-columns:1fr}.admin-email-actions>form{grid-column:auto}.admin-email-actions>div,.admin-email-actions>form{grid-template-columns:1fr}.admin-email-actions button{width:100%}}

/* Platform Admin: one atomic editor for POD agencies and the exact CS matrix. */
.routing-admin-workspace{gap:16px}
.routing-admin-workspace>.admin-data-source-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.routing-admin-workspace>.admin-data-source-head>span{flex:none;padding:7px 10px;border:1px solid var(--ds-color-border,#cadde4);border-radius:999px;color:var(--ds-color-brand,var(--teal));background:var(--ds-color-brand-soft,#edf9fa);font-size:9px;font-weight:800}
.routing-admin-version-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--ds-color-border,#d1e1e5);border-radius:12px;background:var(--ds-color-surface,#fff)}
.routing-admin-version-summary>span{display:grid;gap:4px;min-width:0;padding:12px 14px;border-right:1px solid var(--ds-color-border,#e1eaed)}.routing-admin-version-summary>span:last-child{border-right:0}.routing-admin-version-summary em{color:var(--ds-color-muted,var(--muted));font-size:8px;font-style:normal}.routing-admin-version-summary strong{overflow:hidden;color:var(--ds-color-ink,var(--navy));font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.routing-admin-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);align-items:end;gap:14px;border-color:var(--ds-color-border,#c8dbe2);background:var(--ds-color-surface-subtle,#f7fbfc)}.routing-admin-toolbar>.platform-admin-actions{align-self:center}.routing-admin-toolbar form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px}.routing-admin-toolbar label{display:grid;gap:5px;color:var(--ds-color-muted,var(--muted));font-size:9px;font-weight:750}.routing-admin-toolbar input{min-width:0;height:40px}.routing-admin-toolbar button{min-height:40px}
.routing-admin-candidate{display:grid;gap:13px;border-left:4px solid var(--ds-color-warning,#d79b31)}.routing-admin-candidate.valid{border-left-color:var(--ds-color-success,#299369)}.routing-admin-candidate>.document-section-head{padding-bottom:11px;border-bottom:1px solid var(--ds-color-border,#d7e4e8)}.routing-admin-candidate>.document-section-head>span{padding:6px 9px;border-radius:999px;color:#875907;background:#fff2d8;font-size:9px;font-weight:800}.routing-admin-candidate.valid>.document-section-head>span{color:#166b4e;background:#e8f7ef}
.routing-admin-diff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.routing-admin-diff-card{display:grid;gap:8px;padding:11px 12px;border:1px solid var(--ds-color-border,#d6e3e7);border-radius:10px;background:var(--ds-color-surface-subtle,#f8fbfc)}.routing-admin-diff-card>strong{color:var(--ds-color-ink,var(--navy));font-size:10px}.routing-admin-diff-card>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.routing-admin-diff-card span{display:grid;gap:2px;padding:7px;border-radius:8px;color:var(--ds-color-muted,var(--muted));background:var(--ds-color-surface,#fff);font-size:8px}.routing-admin-diff-card b{color:var(--ds-color-ink,var(--navy));font-size:14px}.routing-admin-diff-card .added b{color:#167151}.routing-admin-diff-card .changed b{color:#95620b}.routing-admin-diff-card .removed b{color:#a33b33}
.routing-admin-editor{display:grid;gap:13px;min-width:0;border-color:var(--ds-color-border,#bfd6de)}.routing-admin-editor>.document-section-head{padding-bottom:10px;border-bottom:1px solid var(--ds-color-border,#d7e4e8)}
.routing-admin-tabs{display:flex;align-items:center;gap:7px;padding:4px;border:1px solid var(--ds-color-border,#cadce2);border-radius:11px;background:var(--ds-color-surface-subtle,#f3f8fa)}.routing-admin-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 13px;border:0;border-radius:8px;color:var(--ds-color-ink-subtle,#455d73);background:transparent;font-size:10px}.routing-admin-tabs button:hover,.routing-admin-tabs button:focus-visible{color:var(--ds-color-ink,var(--navy));background:var(--ds-color-surface,#fff);box-shadow:none;transform:none}.routing-admin-tabs button.active{color:var(--ds-color-surface,#fff);background:var(--ds-color-brand,var(--teal))}.routing-admin-tabs button span{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;color:inherit;background:rgba(255,255,255,.18);font-size:8px}
.routing-admin-row-head{padding:0 3px;color:var(--ds-color-muted,var(--muted));font-size:9px;font-weight:750}.routing-admin-rows{display:grid;gap:8px}.routing-admin-row{display:grid;align-items:end;gap:9px;min-width:0;padding:10px;border:1px solid var(--ds-color-border,#d4e2e7);border-radius:11px;background:var(--ds-color-surface-subtle,#f8fbfc)}.routing-admin-row.agency{grid-template-columns:minmax(140px,.8fr) minmax(180px,1.15fr) minmax(250px,1.5fr) auto}.routing-admin-row.cs-route{grid-template-columns:minmax(170px,1fr) minmax(130px,.65fr) minmax(240px,1.4fr) auto}.routing-admin-row label{display:grid;gap:5px;min-width:0;color:var(--ds-color-muted,var(--muted));font-size:8px;font-weight:750}.routing-admin-row label small{min-height:1.3em;color:var(--ds-color-muted,var(--muted));font-size:8px;font-weight:500;line-height:1.3}.routing-admin-row input,.routing-admin-row select{box-sizing:border-box;width:100%;min-width:0;height:42px;min-height:42px;color:var(--ds-color-ink,var(--navy));border-color:var(--ds-color-border-strong,#aec7d0);background:var(--ds-color-surface,#fff)}.routing-admin-row input::placeholder{color:var(--ds-color-muted,#82909e)}.routing-admin-remove{min-height:42px;padding:7px 10px}
.routing-admin-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:3px}.routing-admin-editor-actions button{min-height:42px;padding:8px 14px}
.routing-admin-history{padding:0;overflow:hidden;border-color:var(--ds-color-border,#cadce2)}.routing-admin-history>summary{padding:13px 15px;color:var(--ds-color-ink,var(--navy));background:var(--ds-color-surface-subtle,#f7fafb);font-size:11px;font-weight:800;cursor:pointer}.routing-admin-history>.admin-company-invites{display:grid;gap:0;padding:0;border-top:1px solid var(--ds-color-border,#dce6ea)}.routing-admin-history-item{border:0;border-bottom:1px solid var(--ds-color-border,#e0e9ec);border-radius:0;background:var(--ds-color-surface,#fff);box-shadow:none}.routing-admin-history-item:last-child{border-bottom:0}
@media(max-width:1150px){.routing-admin-version-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.routing-admin-version-summary>span:nth-child(2){border-right:0}.routing-admin-version-summary>span:nth-child(-n+2){border-bottom:1px solid var(--ds-color-border,#e1eaed)}.routing-admin-toolbar{grid-template-columns:1fr}.routing-admin-row.agency,.routing-admin-row.cs-route{grid-template-columns:repeat(2,minmax(0,1fr))}.routing-admin-remove{justify-self:start}}
@media(max-width:700px){.routing-admin-workspace>.admin-data-source-head{flex-direction:column}.routing-admin-version-summary,.routing-admin-diff-grid,.routing-admin-row.agency,.routing-admin-row.cs-route{grid-template-columns:1fr}.routing-admin-version-summary>span{border-right:0;border-bottom:1px solid var(--ds-color-border,#e1eaed)}.routing-admin-version-summary>span:last-child{border-bottom:0}.routing-admin-toolbar form{grid-template-columns:1fr}.routing-admin-toolbar button,.routing-admin-remove{width:100%}.routing-admin-tabs{align-items:stretch;flex-direction:column}.routing-admin-tabs button{width:100%}.routing-admin-editor-actions{align-items:stretch;flex-direction:column}.routing-admin-editor-actions button{width:100%}}

/* Booking agent routing: client-safe contacts and explicit CS reassignment. */
.modal>.client-booking-modal .client-agent-routing{grid-column:auto;align-content:start;gap:13px;border-color:#bcd9df;background:linear-gradient(135deg,#f3fafb 0%,#fff 65%)}
.client-agent-routing-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.client-agent-routing-head>span{padding:6px 9px;border-radius:999px;color:#0a7480;background:#e4f5f6;font-size:9px;font-weight:800}.client-agent-routing.is-pending .client-agent-routing-head>span{color:#865b0d;background:#fff2d8}.client-agent-routing.is-inactive .client-agent-routing-head>span{color:#9d3d36;background:#feecea}.client-agent-routing>p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.client-agent-routing-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.client-agent-routing-card>div{display:grid;align-content:start;gap:5px;min-width:0;padding:11px 12px;border:1px solid #d3e3e7;border-radius:10px;background:#fff}.client-agent-routing-card small{color:var(--muted);font-size:11px}.client-agent-routing-card strong{font-size:13px}.client-agent-routing-emails{grid-column:1/-1}.client-agent-routing-emails a,.client-agent-routing-emails>span{display:block;width:max-content;max-width:100%;overflow-wrap:anywhere;color:var(--teal);font-size:12px;font-weight:750}.client-agent-routing-emails a+a{margin-top:3px}.client-agent-routing.is-inactive .client-agent-routing-emails>span{color:var(--muted);text-decoration:line-through}.client-agent-routing-warning{padding:9px 11px;border:1px solid #eac0bb;border-radius:9px;color:#923c35!important;background:#fff3f1}
.modal>.cs-booking-modal .cs-agent-routing-panel{grid-column:1/-1;gap:13px;border-color:#acd2d9;background:linear-gradient(135deg,#f3fbfc,#fff 62%,#fffaf0)}.cs-agent-routing-panel>.cs-section-head>div{display:grid;gap:3px}.cs-agent-routing-panel>.cs-section-head small{color:var(--muted);font-size:9px}.cs-agent-routing-summary{display:grid;gap:10px}.cs-agent-routing-status{justify-self:start;padding:6px 9px;border-radius:999px;color:#0b7280;background:#e4f4f6;font-size:9px;font-weight:800}.cs-agent-routing-status.reassignment_required,.cs-agent-routing-status.pending_dg,.cs-agent-routing-status.unresolved,.cs-agent-routing-status.delivery_error{color:#875b0c;background:#fff1d5}.cs-agent-routing-status.cancelled,.cs-agent-routing-status.superseded{color:#8d4b47;background:#f8e9e7}.cs-agent-routing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cs-agent-routing-grid .cs-booking-row{min-width:0;padding:10px 11px;border:1px solid #d5e4e8;border-radius:9px;background:#fff}.cs-routing-email-stack{display:grid;gap:2px;min-width:0}.cs-routing-email-stack>span{overflow-wrap:anywhere;color:inherit;font-size:inherit}.cs-agent-routing-actions,.cs-agent-routing-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.cs-agent-routing-actions button,.cs-agent-routing-preview-actions button{min-height:40px}.cs-agent-routing-error{margin:0;padding:10px 12px;border:1px solid #e5aaa3;border-radius:9px;color:#9d352c;background:#fff1ef;font-size:10px;line-height:1.45}
.cs-agent-routing-preview{display:grid;gap:12px;padding:13px;border:1px solid #b9d5dc;border-radius:11px;background:#f8fcfd}.cs-agent-routing-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cs-agent-routing-preview-head>div{display:grid;gap:3px}.cs-agent-routing-preview-head small{color:var(--muted);font-size:8px;font-weight:750}.cs-agent-routing-preview-head strong{font-size:12px}.cs-agent-routing-preview-head>button{display:grid;place-items:center;width:30px;height:30px;min-height:30px;padding:0;border:0;background:transparent;font-size:20px}.cs-agent-routing-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cs-agent-routing-compare>article{display:grid;gap:9px;padding:11px;border:1px solid #d6e4e8;border-radius:10px;background:#fff}.cs-agent-routing-compare h4{margin:0;color:var(--navy);font-size:11px}.cs-agent-routing-compare .cs-booking-row{padding-bottom:8px}.cs-agent-routing-email-plan{display:grid;gap:7px}.cs-agent-routing-email-plan>strong{font-size:10px}.cs-agent-routing-email-plan article{display:grid;gap:3px;padding:9px 10px;border:1px solid #d9e5e9;border-radius:8px;background:#fff}.cs-agent-routing-email-plan span{color:var(--navy);font-size:10px;font-weight:750}.cs-agent-routing-email-plan small{overflow-wrap:anywhere;color:var(--muted);font-size:9px}.cs-agent-routing-preview-actions>span{margin-right:auto;color:var(--muted);font-size:10px}
@media(max-width:1050px){.cs-agent-routing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-agent-routing-card{grid-template-columns:1fr 1fr}.client-agent-routing-emails{grid-column:1/-1}}
@media(max-width:700px){.client-agent-routing-head{align-items:flex-start;flex-direction:column}.client-agent-routing-card,.cs-agent-routing-grid,.cs-agent-routing-compare{grid-template-columns:1fr}.client-agent-routing-emails{grid-column:auto}.cs-agent-routing-actions,.cs-agent-routing-preview-actions{align-items:stretch;flex-direction:column}.cs-agent-routing-actions button,.cs-agent-routing-preview-actions button{width:100%}.cs-agent-routing-preview-actions>span{margin:0}.modal>.cs-booking-modal .cs-agent-routing-panel{padding:14px}}

/* Practical, shared visual language for separate Platform Admin workspaces. */
.admin-workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-5);padding:var(--ds-space-5);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:linear-gradient(135deg,var(--ds-color-surface) 0%,var(--ds-color-brand-soft) 100%)}
.admin-workspace-header>div:first-child{display:grid;gap:var(--ds-space-1);min-width:0}.admin-workspace-header small{color:var(--ds-color-brand);font-size:var(--ds-font-size-xs);font-weight:800;letter-spacing:.08em}.admin-workspace-header h3,.admin-workspace-header p{margin:0}.admin-workspace-header h3{color:var(--ds-color-ink);font-size:var(--ds-font-size-xl);line-height:var(--ds-line-height-tight)}.admin-workspace-header p{max-width:760px;color:var(--ds-color-muted);font-size:var(--ds-font-size-sm);line-height:var(--ds-line-height-base)}
.admin-workspace-header-status,.admin-workspace-header-actions{display:flex;flex:none;align-items:flex-end;justify-content:flex-end;gap:var(--ds-space-2)}.admin-workspace-header-status{align-items:flex-end;flex-direction:column}.admin-workspace-header-status small{color:var(--ds-color-muted);font-weight:650;letter-spacing:0}.admin-workspace-header-actions .primary{min-height:var(--ds-control-height-md)}
.ds-badge.is-success{color:#126b49;background:#e8f7ef}.ds-badge.is-attention{color:#85580b;background:#fff1d5}
.admin-workspace-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface)}.admin-workspace-facts>span{display:grid;gap:var(--ds-space-1);min-width:0;padding:var(--ds-space-3) var(--ds-space-4);border-right:1px solid var(--ds-color-border)}.admin-workspace-facts>span:last-child{border-right:0}.admin-workspace-facts em{color:var(--ds-color-muted);font-size:var(--ds-font-size-xs);font-style:normal}.admin-workspace-facts strong{overflow:hidden;color:var(--ds-color-ink);font-size:var(--ds-font-size-md);text-overflow:ellipsis;white-space:nowrap}
.admin-workspace-note{display:flex;align-items:flex-start;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border:1px solid #b9dbe1;border-radius:var(--ds-radius-lg);color:var(--ds-color-ink-subtle);background:var(--ds-color-brand-soft);font-size:var(--ds-font-size-sm);line-height:var(--ds-line-height-base)}.admin-workspace-note strong{flex:none;color:var(--ds-color-brand)}

/* Agent routing remains its own atomic publication workspace. */
.routing-admin-workspace{gap:var(--ds-space-4)}
.routing-admin-version-summary>span{padding:var(--ds-space-3) var(--ds-space-4)}.routing-admin-version-summary em{font-size:var(--ds-font-size-xs)}.routing-admin-version-summary strong{font-size:var(--ds-font-size-md)}
.routing-admin-toolbar{display:block;padding:0;overflow:hidden;border-color:var(--ds-color-border);background:var(--ds-color-surface)}.routing-admin-toolbar>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);cursor:pointer;list-style:none}.routing-admin-toolbar>summary::-webkit-details-marker{display:none}.routing-admin-toolbar>summary>span{display:grid;gap:2px}.routing-admin-toolbar>summary strong{color:var(--ds-color-ink);font-size:var(--ds-font-size-sm)}.routing-admin-toolbar>summary small{color:var(--ds-color-muted);font-size:var(--ds-font-size-xs)}.routing-admin-toolbar>summary>b{color:var(--ds-color-brand);font-size:18px;transition:transform var(--ds-motion-fast)}.routing-admin-toolbar[open]>summary>b{transform:rotate(180deg)}.routing-admin-toolbar[open]>summary{border-bottom:1px solid var(--ds-color-border);background:var(--ds-color-surface-subtle)}
.routing-admin-toolbar-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:end;gap:var(--ds-space-4);padding:var(--ds-space-4)}.routing-admin-toolbar-body>.platform-admin-actions{align-self:center}.routing-admin-toolbar form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--ds-space-2)}.routing-admin-toolbar label{display:grid;gap:var(--ds-space-2);color:var(--ds-color-muted);font-size:var(--ds-font-size-xs);font-weight:700}.routing-admin-toolbar input,.routing-admin-toolbar button{min-height:var(--ds-control-height-md)}
.routing-admin-candidate{gap:var(--ds-space-3);border-left-width:4px}.routing-admin-candidate>.document-section-head>span{font-size:var(--ds-font-size-xs)}.routing-admin-diff-grid{gap:var(--ds-space-2)}.routing-admin-diff-card{gap:var(--ds-space-2);padding:var(--ds-space-3);border-radius:var(--ds-radius-lg)}.routing-admin-diff-card>strong{font-size:var(--ds-font-size-sm)}.routing-admin-diff-card span{gap:2px;padding:var(--ds-space-2);font-size:var(--ds-font-size-xs)}.routing-admin-diff-card b{font-size:var(--ds-font-size-lg)}.routing-admin-review-actions{justify-content:flex-end}
.routing-admin-editor{container-type:inline-size;gap:var(--ds-space-3);padding:var(--ds-space-4);border-color:#b9d5dc}.routing-admin-editor>.document-section-head{padding-bottom:var(--ds-space-3)}
.routing-admin-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-1);padding:var(--ds-space-1);border-radius:var(--ds-radius-lg)}.routing-admin-tabs button{min-height:var(--ds-control-height-md);padding:0 var(--ds-space-3);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-sm)}.routing-admin-tabs button span{min-width:24px;height:24px;padding:0 var(--ds-space-2);font-size:var(--ds-font-size-xs)}
.routing-admin-tabpanel{display:grid;gap:var(--ds-space-2);min-width:0}.routing-admin-tabpanel[hidden]{display:none}.routing-admin-row-head{padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md);color:var(--ds-color-ink-subtle);background:var(--ds-color-surface-subtle);font-size:var(--ds-font-size-xs);font-weight:700}.routing-admin-rows{gap:var(--ds-space-2)}.routing-admin-row{gap:var(--ds-space-2);padding:var(--ds-space-3);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface)}.routing-admin-row label{gap:var(--ds-space-2);font-size:var(--ds-font-size-xs)}.routing-admin-row label small{min-height:0;font-size:var(--ds-font-size-xs)}.routing-admin-row input,.routing-admin-row select{height:var(--ds-control-height-md);min-height:var(--ds-control-height-md)}.routing-admin-remove{min-height:var(--ds-control-height-md)}
.routing-admin-editor-actions{padding-top:var(--ds-space-2);border-top:1px solid var(--ds-color-border)}.routing-admin-editor-actions>div{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-2)}.routing-admin-editor-actions button{min-height:var(--ds-control-height-md)}.routing-admin-save-state{color:var(--ds-color-muted);font-size:var(--ds-font-size-xs)}.routing-admin-save-state.is-dirty{color:var(--ds-color-warning);font-weight:750}.routing-admin-history>summary{font-size:var(--ds-font-size-sm)}

/* Materials remains a separate three-column catalog-management workspace. */
.materials-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:var(--ds-space-3);min-width:0}.materials-admin-category{display:grid;gap:0;min-width:0;padding:0;overflow:hidden;border-color:var(--ds-color-border);background:var(--ds-color-surface)}.materials-admin-category>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-3);min-height:92px;padding:var(--ds-space-4);border-bottom:1px solid var(--ds-color-border);background:var(--ds-color-surface-subtle)}.materials-admin-category h3,.materials-admin-category p{margin:0}.materials-admin-category h3{color:var(--ds-color-ink);font-size:var(--ds-font-size-md)}.materials-admin-category p{margin-top:var(--ds-space-1);color:var(--ds-color-muted);font-size:var(--ds-font-size-xs);line-height:var(--ds-line-height-base)}.materials-admin-list{display:grid;min-width:0}.materials-admin-list>.ui-state{margin:var(--ds-space-3)}
.materials-admin-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--ds-space-3);min-width:0;padding:var(--ds-space-4);border-bottom:1px solid var(--ds-color-border);background:var(--ds-color-surface)}.materials-admin-item:last-child{border-bottom:0}.materials-admin-item.is-archived{background:var(--ds-color-surface-subtle)}.materials-admin-format{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--ds-radius-lg);color:var(--ds-color-brand);background:var(--ds-color-brand-soft);font-size:10px;font-weight:850}.materials-admin-item-main{display:grid;align-content:start;gap:var(--ds-space-1);min-width:0}.materials-admin-item-main>strong{overflow-wrap:anywhere;color:var(--ds-color-ink);font-size:var(--ds-font-size-sm)}.materials-admin-item-main>p{display:-webkit-box;overflow:hidden;margin:0;color:var(--ds-color-ink-subtle);font-size:var(--ds-font-size-xs);line-height:var(--ds-line-height-base);-webkit-box-orient:vertical;-webkit-line-clamp:2}.materials-admin-item-main>small{overflow-wrap:anywhere;color:var(--ds-color-muted);font-size:var(--ds-font-size-xs);line-height:var(--ds-line-height-base)}.materials-admin-technical{margin-top:var(--ds-space-1);color:var(--ds-color-muted);font-size:var(--ds-font-size-xs)}.materials-admin-technical summary{width:max-content;max-width:100%;color:var(--ds-color-link);cursor:pointer}.materials-admin-technical span{display:block;margin-top:var(--ds-space-1);overflow-wrap:anywhere}
.materials-admin-item-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--ds-space-2)}.materials-admin-item-actions .doc-open,.materials-admin-item-actions button{min-height:var(--ds-control-height-sm);padding:0 var(--ds-space-3);font-size:var(--ds-font-size-xs)}.materials-admin-archive{padding:0;overflow:hidden}.materials-admin-archive>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);cursor:pointer;list-style:none}.materials-admin-archive>summary::-webkit-details-marker{display:none}.materials-admin-archive>summary>span{display:grid;gap:2px}.materials-admin-archive>summary strong{font-size:var(--ds-font-size-sm)}.materials-admin-archive>summary small{color:var(--ds-color-muted);font-size:var(--ds-font-size-xs)}.materials-admin-archive>summary>b{display:grid;place-items:center;min-width:28px;height:24px;padding:0 var(--ds-space-2);border-radius:var(--ds-radius-round);color:var(--ds-color-brand);background:var(--ds-color-brand-soft);font-size:var(--ds-font-size-xs)}.materials-admin-archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ds-color-border)}.materials-admin-archive-list .materials-admin-item{border-right:1px solid var(--ds-color-border)}

/* Client booking overview uses independent columns so long chat content never stretches the cards. */
.modal>.client-booking-modal .client-booking-column>.client-booking-section{width:100%}.client-agent-routing-head>span{font-size:var(--ds-font-size-xs)}

@media(max-width:1240px){.materials-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.routing-admin-toolbar-body{grid-template-columns:1fr}}
@container (max-width:780px){.routing-admin-row.agency,.routing-admin-row.cs-route{grid-template-columns:repeat(2,minmax(0,1fr))}.routing-admin-remove{justify-self:start}}
@container (max-width:520px){.routing-admin-row.agency,.routing-admin-row.cs-route{grid-template-columns:1fr}.routing-admin-remove{width:100%}}
@media(max-width:980px){.modal>.client-booking-modal .client-booking-scroll{grid-template-columns:1fr}.modal>.client-booking-modal .entity-activity-history{grid-column:auto}.materials-admin-grid,.materials-admin-archive-list{grid-template-columns:1fr}.admin-workspace-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-workspace-facts>span:nth-child(2){border-right:0}.admin-workspace-facts>span:nth-child(-n+2){border-bottom:1px solid var(--ds-color-border)}}
@media(max-width:760px){.admin-workspace-header{align-items:stretch;flex-direction:column;padding:var(--ds-space-4)}.admin-workspace-header-status,.admin-workspace-header-actions{align-items:stretch;flex-direction:column}.admin-workspace-header-actions .primary{width:100%}.admin-workspace-note{flex-direction:column}.routing-admin-toolbar-body,.routing-admin-toolbar form{grid-template-columns:1fr}.routing-admin-toolbar button{width:100%}.routing-admin-tabs{grid-template-columns:1fr}.routing-admin-editor-actions{align-items:stretch;flex-direction:column}.routing-admin-editor-actions>div{align-items:stretch;flex-direction:column}.routing-admin-editor-actions button,.routing-admin-remove{width:100%}.materials-admin-item-actions{justify-content:stretch}.materials-admin-item-actions .doc-open,.materials-admin-item-actions button{flex:1 1 120px}.client-agent-routing-card{grid-template-columns:1fr}.client-agent-routing-emails{grid-column:auto}}

/* Optional agency contacts share the existing form scale and booking card grid. */
.routing-admin-row.agency.has-contact-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.routing-admin-row.agency.has-contact-fields .routing-admin-remove{align-self:end;justify-self:end;width:auto}
.routing-admin-row.agency.has-contact-fields label>span>small{font-weight:400}
.client-agent-routing-phone a{width:max-content;max-width:100%;overflow-wrap:anywhere;color:var(--teal);font-size:13px;font-weight:750}
.client-agent-routing-phone strong,.client-agent-routing-contact strong{overflow-wrap:anywhere}
.client-agent-routing.is-inactive .client-agent-routing-phone strong,.client-agent-routing.is-inactive .client-agent-routing-contact strong{color:var(--muted)}
@container (max-width:780px){.routing-admin-row.agency.has-contact-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:520px){.routing-admin-row.agency.has-contact-fields{grid-template-columns:1fr}.routing-admin-row.agency.has-contact-fields .routing-admin-remove{width:100%}}

/* Shipment actions use equal geometry; removal is the outlined danger variant. */
.ui-drawer-actions [data-archive-shipment],.ui-drawer-actions [data-restore-shipment],.ui-drawer-actions [data-remove-shipment]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-sm);font-weight:700;line-height:1.2}
.ui-drawer-actions [data-remove-shipment]{color:var(--ds-color-danger);border-color:var(--ds-color-danger);background:var(--ds-color-surface)}
.ui-drawer-actions [data-remove-shipment]:hover:not(:disabled){color:var(--ds-color-danger);border-color:var(--ds-color-danger);background:color-mix(in srgb,var(--ds-color-danger) 8%,var(--ds-color-surface));transform:none}

/* Import diagnostics: ten visible entries, independently expandable per source. */
.cs-agent-routing-actions[hidden]{display:none}
.cs-agent-contacts-preview .cs-agent-routing-grid{margin-top:var(--ds-space-3)}
.admin-validation-block{min-width:0;padding:var(--ds-space-3) var(--ds-space-4);border:1px solid color-mix(in srgb,var(--ds-color-danger) 30%,var(--ds-color-border));border-radius:var(--ds-radius-lg);color:var(--ds-color-ink);background:color-mix(in srgb,var(--ds-color-danger) 5%,var(--ds-color-surface));font-size:var(--ds-font-size-sm);line-height:var(--ds-line-height-base)}
.admin-validation-block.is-warning{border-color:color-mix(in srgb,var(--ds-color-warning) 35%,var(--ds-color-border));background:color-mix(in srgb,var(--ds-color-warning) 6%,var(--ds-color-surface))}
.admin-validation-block>header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--ds-space-2)}.admin-validation-block>header>span{color:var(--ds-color-muted);font-size:var(--ds-font-size-xs);white-space:nowrap}
.admin-validation-list{display:grid;gap:var(--ds-space-1);margin:var(--ds-space-2) 0 0;padding:0 0 0 24px;text-align:left}.admin-validation-list>li{padding-left:var(--ds-space-1);overflow-wrap:anywhere}.admin-validation-list>li::marker{color:var(--ds-color-muted);font-variant-numeric:tabular-nums}
.admin-validation-more{margin-top:var(--ds-space-2);border-top:1px solid var(--ds-color-border)}.admin-validation-more>summary{width:fit-content;max-width:100%;padding:var(--ds-space-2) 0;color:var(--ds-color-link);font-weight:700;cursor:pointer}.admin-validation-more>summary:hover{color:var(--ds-color-brand)}.admin-validation-more>summary:focus-visible,.admin-validation-overflow:focus-visible{outline:2px solid var(--ds-color-link);outline-offset:3px;border-radius:var(--ds-radius-sm)}
.admin-validation-more .admin-validation-hide{display:none}.admin-validation-more[open] .admin-validation-show{display:none}.admin-validation-more[open] .admin-validation-hide{display:inline}.admin-validation-more .admin-validation-overflow{max-height:320px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:var(--ds-space-2);padding-bottom:var(--ds-space-1)}

/* Focused admin refinements: no changes to overview, companies or materials. */
.admin-user-detail-drawer{top:80px;right:var(--ds-space-4);bottom:auto;width:min(500px,calc(100vw - 286px));height:auto;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);padding:var(--ds-space-5);gap:var(--ds-space-3);border-radius:var(--ds-radius-lg);overscroll-behavior:contain}
.admin-user-detail-drawer .platform-admin-actions{align-items:start;gap:var(--ds-space-3)}
.admin-user-detail-drawer .platform-admin-actions>label{min-width:0;align-content:start}
.admin-user-detail-drawer .platform-admin-actions select{box-sizing:border-box;width:100%;min-width:0;height:var(--ds-control-height-md)}
.admin-user-detail-drawer .platform-admin-toggle{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:var(--ds-space-2)}
.admin-user-detail-drawer .platform-admin-toggle>input{grid-column:1;grid-row:1;margin:0;width:20px;height:20px}
.admin-user-detail-drawer .platform-admin-toggle>span,.admin-user-detail-drawer .platform-admin-toggle>small{grid-column:2}
.admin-user-detail-drawer>.ui-state{padding:var(--ds-space-3) var(--ds-space-4)}
.admin-staff-invite{grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:var(--ds-space-3)}
.admin-staff-invite>div{grid-column:1/-1}.admin-staff-invite>label{min-width:0}
.admin-staff-invite input,.admin-staff-invite select{box-sizing:border-box;width:100%;min-width:0;height:var(--ds-control-height-md);min-height:var(--ds-control-height-md);padding:0 var(--ds-space-3)}
.admin-staff-invite>button{min-height:var(--ds-control-height-md)}
.admin-source-group [data-data-source-card]{align-content:start;gap:var(--ds-space-3);padding:var(--ds-space-4)}
.admin-source-group [data-data-source-upload]{grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-space-3);padding:var(--ds-space-3);background:var(--ds-color-surface-subtle)}
.admin-source-group [data-data-source-upload]>label{min-width:0}.admin-source-group [data-data-source-upload] input{width:100%;min-width:0;box-sizing:border-box}
.admin-source-group [data-data-source-upload]>button{min-height:var(--ds-control-height-md)}
.admin-source-group .platform-admin-source-meta>span{min-width:0;padding:var(--ds-space-2) var(--ds-space-3)}
.admin-source-group .platform-admin-source-meta strong{overflow-wrap:anywhere}
.admin-source-group .platform-admin-source-candidate{padding:var(--ds-space-3);gap:var(--ds-space-3)}
.admin-source-group .platform-admin-source-candidate .ui-state{padding:var(--ds-space-3) var(--ds-space-4)}
.admin-source-group .platform-admin-validation-meta>span{padding:var(--ds-space-2) var(--ds-space-3)}
.platform-admin-source-history-disclosure{min-width:0;border-top:1px solid var(--ds-color-border);padding-top:var(--ds-space-3)}
.platform-admin-source-history-disclosure>summary{cursor:pointer;color:var(--ds-color-muted);font-size:var(--ds-font-size-sm);font-weight:650;padding:var(--ds-space-1) 0}
.platform-admin-source-history-disclosure[open]>.platform-admin-source-history-list{margin-top:var(--ds-space-3)}
.admin-source-group .platform-admin-source-history{padding:var(--ds-space-2) var(--ds-space-3)}
.admin-system-workspace{display:grid;gap:var(--ds-space-4);min-width:0}
.admin-system-workspace>.admin-email-delivery,.admin-system-workspace>.admin-analytics,.admin-system-workspace>.admin-operations,.admin-system-workspace>.admin-diagnostics{margin:0;padding:var(--ds-space-6)}
.admin-system-workspace>.admin-email-delivery>.admin-email-delivery-head{padding:0 0 var(--ds-space-4)}
.admin-system-workspace>.admin-analytics>.document-section-head,.admin-system-workspace>.admin-operations>.document-section-head,.admin-system-workspace>.admin-diagnostics>.document-section-head{padding:0 0 var(--ds-space-4);margin:0}
.routing-admin-agency-toolbar{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:var(--ds-space-3);margin-bottom:var(--ds-space-3)}
.routing-admin-agency-sort{display:grid;gap:var(--ds-space-1);min-width:min(100%,240px);color:var(--ds-color-muted);font-size:var(--ds-font-size-sm)}
.routing-admin-agency-sort select{box-sizing:border-box;min-width:0;width:100%;height:var(--ds-control-height-md);padding:0 var(--ds-space-3)}
.routing-admin-agency-count{color:var(--ds-color-muted);font-size:var(--ds-font-size-sm);padding-bottom:var(--ds-space-3)}
.routing-admin-agency-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--ds-space-2);padding-top:var(--ds-space-3)}
@media(max-width:1100px){.admin-staff-invite{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-staff-invite>button{justify-self:start}}
@media(max-width:760px){.admin-user-detail-drawer{top:var(--ds-space-2);right:var(--ds-space-2);bottom:auto;width:calc(100vw - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding:var(--ds-space-4)}.admin-staff-invite,.admin-source-group [data-data-source-upload]{grid-template-columns:1fr}.admin-staff-invite>button{justify-self:stretch}.admin-system-workspace>.admin-email-delivery,.admin-system-workspace>.admin-analytics,.admin-system-workspace>.admin-operations,.admin-system-workspace>.admin-diagnostics{padding:var(--ds-space-4)}.routing-admin-agency-toolbar{align-items:stretch;flex-direction:column}.routing-admin-agency-sort{min-width:0}.routing-admin-agency-count{padding:0}.routing-admin-agency-pagination>button{flex:1 1 auto}}

.admin-system-workspace>.admin-analytics>.document-section-head,.admin-system-workspace>.admin-operations>.document-section-head{margin-bottom:var(--ds-space-4)}
.admin-diagnostics-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:var(--ds-space-3)}
.admin-diagnostics-form label{display:grid;min-width:0;gap:var(--ds-space-1);color:var(--ds-color-muted);font-size:var(--ds-font-size-sm)}
.admin-diagnostics-form select{box-sizing:border-box;min-width:0;width:100%;height:var(--ds-control-height-md);padding:0 var(--ds-space-3)}
.admin-diagnostics-form button{min-height:var(--ds-control-height-md)}
.admin-diagnostics-note{margin:var(--ds-space-3) 0 0;color:var(--ds-color-muted);font-size:var(--ds-font-size-sm);line-height:var(--ds-line-height-base)}
.admin-diagnostics-error{margin:var(--ds-space-3) 0 0;color:var(--ds-color-danger);font-size:var(--ds-font-size-sm);overflow-wrap:anywhere}
@media(max-width:760px){.admin-diagnostics-form{grid-template-columns:1fr}}