#berths{background:#f1f6f8;min-height:calc(100vh - 72px);padding-bottom:64px;color:#102f3b}
.berth-titlebar{padding:34px 4.5% 25px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;color:#fff;background:radial-gradient(circle at 82% 0,#1a7792 0,transparent 32%),linear-gradient(120deg,#062c3e,#0b5268)}
.berth-titlebar h1{margin:5px 0 8px;font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.04em}.berth-titlebar p:not(.eyebrow){max-width:760px;color:#c7dfe7;font-size:1rem;line-height:1.6}.berth-title-actions{display:flex;gap:10px;flex-shrink:0}.berth-titlebar .secondary{background:#fff;color:#103c4a;border-color:#fff}
.berth-command{padding:16px 4.5%;display:grid;grid-template-columns:1.45fr 1fr 1fr .7fr;gap:24px;background:#072e3e;color:#fff;border-top:1px solid #275566}.berth-command>div,.berth-command>label{display:flex;align-items:center;gap:12px}.berth-command>label{align-items:flex-start;flex-direction:column}.berth-command span,.berth-command label>span{font-size:.75rem;letter-spacing:.08em;color:#92b3bd;font-weight:800}.berth-command select{width:100%;padding:0;background:transparent;border:0;color:#fff;font-size:.875rem;font-weight:700}.berth-command b{display:block;font-size:.875rem}.berth-command small{display:block;color:#92b3bd;font-size:.75rem}.berth-command .berth-zero b{color:#55e4c2}.berth-live{width:9px;height:9px;border-radius:50%;background:#52e2c0;box-shadow:0 0 0 5px #52e2c022;flex:none}
.berth-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:24px 4.5% 12px}.berth-kpis article{padding:18px 20px;background:#fff;border:1px solid #d9e5e8;border-radius:13px;box-shadow:0 6px 20px #133d4810}.berth-kpis small,.fit-card>small,.negotiation-card>small,.arrival-bridge>small,.operator-plan>small{font-size:.75rem;letter-spacing:.08em;color:#6e858c;font-weight:800}.berth-kpis b{display:block;margin:5px 0;font-size:1.75rem}.berth-kpis span{font-size:.8rem;color:#71858b}.berth-kpis .berth-ready{border-top:3px solid #11a991}.berth-kpis .berth-alert{border-top:3px solid #eda531}
.berth-tabs{margin:10px 4.5% 18px;display:flex;gap:5px;padding:5px;width:max-content;max-width:91%;overflow:auto;background:#e2ebee;border-radius:11px}.berth-tabs button{padding:11px 18px;border:0;border-radius:8px;background:transparent;color:#526f78;font-size:.875rem;font-weight:800;white-space:nowrap}.berth-tabs button.active{background:#fff;color:#0a6174;box-shadow:0 3px 12px #143c4716}.berth-tabs span{margin-left:5px;padding:2px 7px;border-radius:12px;background:#e29b2e;color:#fff;font-size:.75rem}
.berth-panel{display:none;padding:0 4.5%}.berth-panel.active{display:block}.berth-card{padding:22px;background:#fff;border:1px solid #d9e5e8;border-radius:14px;box-shadow:0 8px 24px #143c4710}.berth-search-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.berth-filters{display:grid;grid-template-columns:1.25fr .9fr .8fr .8fr auto;gap:10px;align-items:end;padding-bottom:20px;border-bottom:1px solid #e1eaec}.berth-filters label,.negotiation-card label{display:block;position:relative;color:#5d767e;font-size:.875rem;font-weight:800}.berth-filters input,.berth-filters select,.berth-results-head select,.negotiation-card select,.negotiation-card textarea{width:100%;margin-top:6px;padding:11px;border:1px solid #cbdadd;border-radius:8px;background:#fff;color:#173943;font:inherit}.berth-filters button{height:43px}.berth-results-head,.berth-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:20px 0 14px}.berth-results-head h2,.berth-panel-head h2,.fit-card h2,.negotiation-card h2,.arrival-bridge h2,.operator-plan h2{margin:0 0 5px;font-size:1.25rem}.berth-results-head p,.berth-panel-head p,.fit-card p,.negotiation-card p,.arrival-bridge p,.operator-plan p{margin:0;color:#70858b;font-size:.875rem;line-height:1.55}.berth-results-head select{width:auto;margin:0}
.berth-list{display:grid;gap:11px}.berth-list article{display:grid;grid-template-columns:78px minmax(220px,1.35fr) .7fr auto;gap:16px;align-items:center;padding:15px;border:1px solid #dfe9eb;border-radius:11px;transition:.2s}.berth-list article:hover{border-color:#78b8c5;box-shadow:0 6px 18px #12404e12}.marina-symbol{width:66px;height:66px;display:grid;place-items:center;position:relative;border-radius:14px;background:linear-gradient(145deg,#0a6879,#0eb2ae);color:#fff;font-size:1.1rem;font-weight:800}.marina-symbol.blue{background:linear-gradient(145deg,#155a88,#1b8cba)}.marina-symbol.teal{background:linear-gradient(145deg,#157568,#31ac8f)}.marina-symbol.gold{background:linear-gradient(145deg,#8f6723,#d59a30)}.marina-symbol span{position:absolute;right:-7px;bottom:-7px;padding:4px 5px;border:2px solid #fff;border-radius:10px;background:#0c936f;font-size:.7rem}.berth-main small,.berth-rate small{font-size:.75rem;color:#6c858c;font-weight:800;letter-spacing:.04em}.berth-main h3{margin:4px 0;font-size:1rem}.berth-main p{margin:0 0 8px;color:#60777e;font-size:.8rem}.berth-main div{display:flex;flex-wrap:wrap;gap:5px}.berth-main div span{padding:4px 7px;border-radius:10px;background:#edf5f6;color:#476870;font-size:.7rem}.berth-rate b,.berth-rate span,.berth-rate strong{display:block}.berth-rate b{font-size:1.2rem}.berth-rate b em{font-style:normal;font-size:.75rem;color:#6e8389}.berth-rate span{margin:3px 0;color:#667d84;font-size:.75rem}.berth-rate strong{color:#09836d;font-size:.75rem}.berth-list-actions{display:grid;gap:7px}.berth-list-actions button{padding:9px 11px;white-space:nowrap}.compare-berth{border:1px solid #0b7483;border-radius:7px;background:#fff;color:#0b7483;font-weight:800}.compare-berth.selected{background:#0b7483;color:#fff}.berth-empty{text-align:center;padding:45px}.berth-empty b{font-size:1.1rem}.berth-empty p{color:#6d8389}
.fit-vessel{margin:18px 0;padding:24px 12px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;background:#07394a;color:#fff}.fit-vessel span{text-align:center;font-size:1.2rem;font-weight:800}.fit-vessel small{display:block;margin-top:3px;color:#9fc1c9;font-size:.7rem}.fit-vessel i{width:70px;height:20px;border-bottom:6px solid #2cc6ba;border-radius:0 0 50% 50%}.fit-card dl,.operator-plan dl{margin:14px 0}.fit-card dl div,.operator-plan dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e4ecee;font-size:.875rem}.fit-card dd,.operator-plan dd{font-weight:800}.fit-card dd.ok{color:#087d68}.fit-card .full,.negotiation-card .full,.arrival-bridge .full,.operator-plan .full{width:100%;margin-top:8px}.link-button{width:100%;padding:12px;border:0;background:transparent;color:#08778a;font-weight:800}
.compare-layout,.contract-layout,.operator-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 360px;gap:18px}.compare-placeholder{text-align:center;padding:65px 20px;border:1px dashed #b9ccd1;border-radius:11px;background:#f6f9fa}.compare-placeholder p{color:#73888e}.compare-table{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px}.compare-column{padding:16px;border:1px solid #dbe6e8;border-radius:10px}.compare-column h3{font-size:1rem}.compare-column dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e5edef;font-size:.8rem}.compare-column dd{font-weight:800}.compare-column button{width:100%;margin-top:12px}.negotiation-card textarea{resize:vertical}.negotiation-card label{margin:14px 0}.commission-proof{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid #e3ebed;font-size:.8rem}.commission-proof b:last-child{color:#09836c}
.contract-status{padding:7px 10px;border-radius:12px;background:#fff2d8;color:#986108;font-size:.75rem;font-weight:800}.contract-summary,.operator-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.contract-summary article,.operator-kpis article{padding:15px;background:#f3f7f8;border-radius:9px}.contract-summary small,.operator-kpis small{font-size:.75rem;color:#70878d;font-weight:800}.contract-summary b,.operator-kpis b{display:block;margin-top:5px;font-size:1.15rem}.contract-summary .zero{background:#eaf8f5}.contract-summary .zero b{color:#07836d}.berth-checklist{display:grid;gap:8px;margin:18px 0}.berth-checklist label{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e0e9eb;border-radius:9px}.berth-checklist input{width:18px;height:18px;accent-color:#0aa28c}.berth-checklist b,.berth-checklist small{display:block}.berth-checklist b{font-size:.875rem}.berth-checklist small{margin-top:2px;color:#74898f;font-size:.75rem}.berth-contract-progress{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0}.berth-contract-progress b,.berth-contract-progress small{display:block}.berth-contract-progress small{color:#71868c;font-size:.75rem}.berth-contract-progress>i{width:180px;height:8px;overflow:hidden;border-radius:8px;background:#dce8ea}.berth-contract-progress em{display:block;height:100%;background:#10a990}.arrival-bridge ul{padding:0;list-style:none}.arrival-bridge li{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e4ecee;font-size:.875rem}.arrival-bridge li em{font-style:normal;color:#93610c}
.operator-kpis{margin-bottom:18px}.capacity-list{overflow:auto}.capacity-row{min-width:680px;display:grid;grid-template-columns:.5fr 1.35fr 1fr 1fr .7fr;align-items:center;gap:12px;padding:13px;border-bottom:1px solid #e2eaec;font-size:.875rem}.capacity-head{color:#70878d;font-size:.75rem;font-weight:800}.capacity-toggle{padding:7px;border:1px solid #b9cdd2;border-radius:12px;background:#fff;color:#6b8086;font-size:.75rem;font-weight:800}.capacity-toggle.active{border-color:#0b927a;background:#e9f8f4;color:#087a66}.operator-plan>small:last-of-type{display:block;color:#7e9095;font-size:.7rem}
.berth-live.pilot{background:#f0b64a;box-shadow:0 0 0 5px #f0b64a22}
.live-network-layout{display:grid;grid-template-columns:minmax(0,1.55fr) 330px;gap:18px}.live-network-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.live-network-head small,.source-rail>small{color:#168a8b;font-size:.75rem;letter-spacing:.09em;font-weight:800}.live-network-head h2,.source-rail h2{margin:5px 0;font-size:1.35rem}.live-network-head p{max-width:720px;margin:0;color:#667f87;font-size:.875rem;line-height:1.55}.live-search-grid{display:grid;grid-template-columns:1.2fr .75fr .75fr 1fr auto;gap:10px;align-items:end;padding:15px;border:1px solid #dce8eb;border-radius:12px;background:#f6fafb}.live-search-grid label{color:#55727b;font-size:.78rem;font-weight:800}.live-search-grid input,.live-search-grid select{width:100%;margin-top:6px;padding:10px;border:1px solid #c8d9dd;border-radius:8px;background:#fff;color:#173943;font:inherit}.live-search-grid button{height:42px}.availability-legend{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.availability-legend span{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:16px;background:#edf4f5;color:#567078;font-size:.7rem;font-weight:800}.availability-legend i{width:8px;height:8px;border-radius:50%;background:#81969c}.availability-legend .bookable i{background:#08a478}.availability-legend .request i{background:#e3a02c}.availability-legend .sensor i{background:#397db5}.availability-legend .directory i{background:#7b8c91}.network-notice,.demo-data-banner{display:flex;gap:10px;padding:12px 14px;border:1px solid #efd699;border-radius:10px;background:#fff8e8;color:#76520c;font-size:.78rem;line-height:1.45}.network-notice{margin-bottom:12px}.network-notice b,.demo-data-banner b{white-space:nowrap}.live-marina-list{display:grid;gap:10px}.live-marina-list article{display:grid;grid-template-columns:58px minmax(250px,1.35fr) .8fr auto;gap:14px;align-items:center;padding:14px;border:1px solid #dfe9eb;border-radius:11px}.live-marina-code{width:54px;height:54px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#0b6c78,#0eb6a9);color:#fff;font-size:.78rem;font-weight:800}.live-marina-code.sea{background:linear-gradient(145deg,#155f91,#249fc2)}.live-marina-code.private{background:linear-gradient(145deg,#554578,#8a6fb1)}.live-marina-code.muted{background:linear-gradient(145deg,#60777f,#8da0a5)}.live-marina-main>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.live-marina-main small,.live-source small{color:#70868d;font-size:.69rem;letter-spacing:.06em;font-weight:800}.live-marina-main em{padding:4px 7px;border-radius:12px;font-size:.65rem;font-style:normal;font-weight:800}.status-connector{background:#e4f1fb;color:#236c9b}.status-request{background:#fff0d2;color:#94610c}.status-private{background:#eee8f7;color:#664f88}.status-directory{background:#edf1f2;color:#63767c}.live-marina-main h3{margin:5px 0;font-size:1rem}.live-marina-main p{margin:0 0 6px;color:#5c747c;font-size:.78rem}.live-marina-main>span,.live-source span{display:block;color:#83949a;font-size:.7rem}.live-source b{display:block;margin:4px 0;color:#284851;font-size:.82rem}.live-marina-list button{white-space:nowrap}.source-rail ol{display:grid;gap:10px;margin:20px 0;padding:0;list-style:none}.source-rail li{display:flex;gap:11px;align-items:center;padding:12px;border-radius:10px;background:#eef6f7}.source-rail li>b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#0b7680;color:#fff}.source-rail li span,.source-rail li small{display:block}.source-rail li span{font-size:.86rem;font-weight:800}.source-rail li small{margin-top:2px;color:#71878d;font-size:.7rem;font-weight:500}.source-rule{display:grid;grid-template-columns:1fr auto;gap:9px;padding:15px 0;border-top:1px solid #e0eaec;border-bottom:1px solid #e0eaec;font-size:.78rem}.source-rule span{color:#6d838a}.source-rule b:last-child{color:#07836d}.source-rail .full{width:100%;margin-top:10px}.demo-data-banner{margin:0 0 14px}
.operator-demo{display:block;margin-bottom:5px;color:#168a8b;font-size:.72rem;letter-spacing:.09em;font-weight:800}.zero-value{color:#07836d}.connector-center{margin:18px 0 22px;padding:18px;border:1px solid #cfe0e4;border-radius:13px;background:linear-gradient(145deg,#f8fbfc,#eef7f8)}.connector-head,.operator-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.connector-head small,.operator-section-head small{color:#168a8b;font-size:.7rem;letter-spacing:.08em;font-weight:800}.connector-head h3,.operator-section-head h3{margin:4px 0 0;font-size:1rem}.connector-head>span,.operator-section-head>span{padding:5px 8px;border-radius:12px;background:#dff3ef;color:#087b68;font-size:.67rem;font-weight:800}.connector-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.connector-option{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;position:relative;padding:13px;text-align:left;border:1px solid #d2e0e3;border-radius:10px;background:#fff;color:#244650}.connector-option>i{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#e7f2f4;color:#0b7380;font-size:.7rem;font-style:normal;font-weight:800}.connector-option span,.connector-option small{display:block}.connector-option b{font-size:.82rem}.connector-option small{margin-top:3px;color:#71858c;font-size:.67rem;line-height:1.35}.connector-option>em{grid-column:1/-1;color:#789096;font-size:.6rem;font-style:normal;font-weight:800;letter-spacing:.06em}.connector-option.selected{border-color:#0c9a88;box-shadow:0 0 0 2px #0c9a8816}.connector-option.selected>i{background:#0b8f80;color:#fff}.connector-option.selected>em{color:#07836d}.connector-progress{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid #d8e6e8}.connector-progress>div{display:flex;flex:1;gap:5px}.connector-progress span{display:grid;grid-template-columns:26px auto;column-gap:7px;align-items:center;flex:1;padding:8px;border-radius:8px;background:#fff}.connector-progress span>i{grid-row:1/3;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#dce7e9;color:#617980;font-size:.7rem;font-style:normal;font-weight:800}.connector-progress span.done>i{background:#dff3ed;color:#087a66}.connector-progress b,.connector-progress small{display:block}.connector-progress b{font-size:.7rem}.connector-progress small{color:#7b8e94;font-size:.62rem}.operator-section-head{align-items:center;margin:20px 0 8px}.operator-section-head>span{background:#edf1f2;color:#667a80}.requests-head{margin-top:24px}.marina-request-queue{display:grid;gap:8px}.marina-request-queue article{display:grid;grid-template-columns:42px minmax(240px,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid #dfe8ea;border-radius:10px}.request-vessel{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#0b7d86;color:#fff;font-size:.72rem;font-weight:800}.request-vessel.sail{background:#2576a0}.request-vessel.super{background:#66548d}.marina-request-queue small,.marina-request-queue b,.marina-request-queue p{display:block}.marina-request-queue small{color:#788d93;font-size:.66rem;font-weight:800;letter-spacing:.05em}.marina-request-queue b{margin:3px 0;font-size:.8rem}.marina-request-queue p{margin:0;color:#71858b;font-size:.7rem}.marina-request-queue em{padding:5px 8px;border-radius:12px;background:#e4f5f0;color:#087b68;font-size:.66rem;font-style:normal;font-weight:800}.operator-promise{margin:18px 0 10px;padding:13px;border-radius:10px;background:#eaf7f4}.operator-promise b{font-size:.82rem;color:#0a7062}.operator-promise p{margin:5px 0 0;font-size:.72rem;line-height:1.45}
.smart-request-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 340px;gap:18px}.request-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.request-builder-head small,.request-summary>small{color:#168a8b;font-size:.72rem;letter-spacing:.08em;font-weight:800}.request-builder-head h2{margin:5px 0;font-size:1.35rem}.request-builder-head p{max-width:720px;margin:0;color:#6c838a;font-size:.84rem;line-height:1.5}.request-builder-head>span{padding:6px 9px;border-radius:12px;background:#fff0d2;color:#91600d;font-size:.67rem;font-weight:800}.request-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:18px 0}.request-steps span{display:flex;align-items:center;gap:7px;padding:9px;border-radius:9px;background:#eef4f5;color:#73868c}.request-steps i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#d9e5e7;font-size:.67rem;font-style:normal;font-weight:800}.request-steps b{font-size:.68rem}.request-steps span.active{background:#e6f6f2;color:#087764}.request-steps span.active i{background:#0b927e;color:#fff}.request-vessel-card{display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:12px;padding:13px;border:1px solid #d9e6e8;border-radius:11px;background:#f8fbfb}.request-vessel-card>span{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:#073e50;color:#fff;font-size:.75rem;font-weight:800}.request-vessel-card small,.request-vessel-card b,.request-vessel-card p{display:block}.request-vessel-card small{color:#73888e;font-size:.65rem;font-weight:800}.request-vessel-card b{margin:3px 0;font-size:.86rem}.request-vessel-card p{margin:0;color:#71858b;font-size:.7rem}.request-vessel-card em{padding:5px 8px;border-radius:12px;background:#dff4ed;color:#087762;font-size:.65rem;font-style:normal;font-weight:800}.request-vessel-card .link-button{width:auto;padding:8px}.smart-request-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.smart-request-form label{color:#5f7880;font-size:.78rem;font-weight:800}.smart-request-form label.wide{grid-column:1/-1}.smart-request-form input,.smart-request-form select{width:100%;margin-top:6px;padding:10px;border:1px solid #cadadd;border-radius:8px;background:#fff;color:#173943;font:inherit}.request-services{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:14px;border:1px solid #dbe7e9;border-radius:11px}.request-services legend{padding:0 6px;color:#5e767e;font-size:.78rem;font-weight:800}.request-services label{display:flex;align-items:center;gap:8px;padding:10px;border-radius:8px;background:#f2f7f8}.request-services input,.request-consent input{width:17px;height:17px;accent-color:#0b927e}.request-services span,.request-services small{display:block}.request-services span{font-size:.75rem;font-weight:800}.request-services small{margin-top:2px;color:#768a90;font-size:.64rem;font-weight:500}.request-consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:12px;border-radius:10px;background:#edf7f5}.request-consent span,.request-consent small{display:block}.request-consent b{font-size:.78rem}.request-consent small{margin-top:3px;color:#687f86;font-size:.68rem;line-height:1.4}.request-action{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid #e0e9eb}.request-action small,.request-action b,.request-action span{display:block}.request-action small{color:#72878d;font-size:.64rem;font-weight:800}.request-action b{margin:2px 0;color:#07826c;font-size:1.05rem}.request-action span{color:#7a8d92;font-size:.65rem}.request-summary{position:relative}.request-score{display:flex;align-items:baseline;gap:8px;margin:12px 0;padding:18px;border-radius:12px;background:linear-gradient(145deg,#073c4e,#0b6774);color:#fff}.request-score b{font-size:2rem}.request-score span{color:#78e0c7;font-size:.72rem;font-weight:800}.request-summary dl{margin:0}.request-summary dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e3ebed;font-size:.76rem}.request-summary dd{font-weight:800;text-align:right}.request-summary dd.ok{color:#087b68}.request-routing{margin:15px 0;padding:13px;border-radius:10px;background:#f0f6f7}.request-routing>b{font-size:.82rem}.request-routing p{margin:5px 0;color:#687f86;font-size:.7rem;line-height:1.45}.request-routing ul{margin:8px 0 0;padding-left:18px;color:#536f77;font-size:.68rem;line-height:1.7}.request-tracking{margin-top:14px;padding:13px;border:1px solid #9dd6c9;border-radius:10px;background:#eaf8f4}.request-tracking>span{display:flex;align-items:center;gap:7px;color:#087662;font-size:.66rem;font-weight:800}.request-tracking>span i{width:8px;height:8px;border-radius:50%;background:#0aa185}.request-tracking>b{display:block;margin:7px 0 4px;font-size:.86rem}.request-tracking p{margin:0 0 10px;color:#58746d;font-size:.69rem;line-height:1.45}.request-demo-note{margin:14px 0 0;color:#84959a;font-size:.65rem;text-align:center}
@media(max-width:1100px){.berth-command{grid-template-columns:1fr 1fr}.berth-kpis{grid-template-columns:1fr 1fr}.berth-search-layout,.compare-layout,.contract-layout,.operator-layout,.live-network-layout,.smart-request-layout{grid-template-columns:1fr}.berth-filters,.live-search-grid{grid-template-columns:1fr 1fr}.fit-card,.negotiation-card,.arrival-bridge,.operator-plan,.source-rail,.request-summary{max-width:none}.berth-list article,.live-marina-list article{grid-template-columns:70px 1fr 1fr}.berth-list-actions,.live-marina-list article>button{grid-column:2/-1}.berth-list-actions{grid-template-columns:1fr 1fr}.connector-progress{align-items:stretch;flex-direction:column}.connector-progress>div{display:grid;grid-template-columns:1fr 1fr}.connector-progress>button{width:100%}}
@media(max-width:680px){#berths{padding-bottom:94px}.berth-titlebar{padding:26px 18px;align-items:stretch;flex-direction:column}.berth-title-actions{display:grid;grid-template-columns:1fr 1fr}.berth-command{padding:15px 18px;grid-template-columns:1fr}.berth-kpis{padding:18px;grid-template-columns:1fr 1fr}.berth-kpis article{padding:14px}.berth-tabs{margin:0 18px 16px;max-width:calc(100% - 36px)}.berth-panel{padding:0 18px}.berth-card{padding:16px}.berth-filters,.live-search-grid,.smart-request-form{grid-template-columns:1fr}.smart-request-form label.wide{grid-column:auto}.request-services{grid-template-columns:1fr 1fr}.request-steps{grid-template-columns:1fr 1fr}.request-builder-head,.request-action{align-items:stretch;flex-direction:column}.request-action button{width:100%}.request-vessel-card{grid-template-columns:44px 1fr}.request-vessel-card em,.request-vessel-card button{grid-column:2}.berth-list article,.live-marina-list article{grid-template-columns:1fr}.live-marina-list article>button{grid-column:auto}.marina-symbol{width:56px;height:56px}.berth-list-actions{grid-column:auto}.berth-results-head,.berth-panel-head,.live-network-head,.connector-head,.operator-section-head{flex-direction:column}.compare-table,.contract-summary,.operator-kpis,.connector-options,.connector-progress>div{grid-template-columns:1fr}.berth-contract-progress{align-items:flex-start;flex-direction:column}.berth-contract-progress>i{width:100%}.network-notice,.demo-data-banner{flex-direction:column}.network-notice b,.demo-data-banner b{white-space:normal}.marina-request-queue article{grid-template-columns:42px 1fr}.marina-request-queue em,.marina-request-queue button{grid-column:2}}