#voyage{background:linear-gradient(180deg,rgba(5,22,34,.98),rgba(7,26,39,.96));min-height:calc(100vh - 72px)}
#voyage .page-title{padding-bottom:18px}
.voyage-command{margin:0 4vw 20px;padding:22px 24px 14px;border:1px solid rgba(83,211,218,.19);border-radius:18px;background:radial-gradient(circle at 28% 10%,rgba(32,151,169,.16),transparent 38%),#0a2231;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.route-visual{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:16px}
.port-point{display:grid;grid-template-columns:18px 1fr;column-gap:10px;align-items:center;min-width:180px}.port-point>i{grid-row:1/3;width:14px;height:14px;border:3px solid #69dce0;border-radius:50%;box-shadow:0 0 0 6px rgba(105,220,224,.1)}.port-point b{font-size:1.05rem;color:#f5fbfd}.port-point small{font:600 .7rem/1.3 'Roboto Mono',monospace;color:#7f9ead;letter-spacing:.04em}.port-point.end{text-align:right;grid-template-columns:1fr 18px}.port-point.end>i{grid-column:2;grid-row:1/3}.port-point.end b,.port-point.end small{grid-column:1}
.route-line{height:2px;background:rgba(125,166,181,.25);position:relative}.route-line>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#37c4cb,#7ee3dc)}.route-line>em{position:absolute;left:34%;top:50%;translate:-50% -50%;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#d9fbf8;color:#063342;font:800 .72rem 'Roboto Mono';box-shadow:0 0 0 6px rgba(92,217,217,.13);font-style:normal}
.command-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:22px -24px 10px;border-top:1px solid rgba(136,184,197,.12);border-bottom:1px solid rgba(136,184,197,.12);background:rgba(136,184,197,.12)}.command-stats article{background:#0a2231;padding:14px 24px;display:grid;grid-template-columns:1fr auto;gap:3px 12px}.command-stats small{font:600 .7rem 'Roboto Mono';color:#7295a4;letter-spacing:.08em}.command-stats b{grid-column:1;font-size:1.15rem;color:#f0f9fa}.command-stats span{grid-column:2;grid-row:1/3;align-self:center;color:#93b0bc;font-size:.78rem}
.demo-notice{margin:10px 0 0;color:#6f8e9b;font-size:.75rem}.voyage-tabs{display:flex;margin:0 4vw 20px;gap:6px;padding:5px;border:1px solid rgba(114,163,177,.14);border-radius:12px;background:#081d2a;overflow-x:auto}.voyage-tabs button{flex:1;min-width:140px;padding:11px 15px;border:0;border-radius:8px;background:transparent;color:#809eaa;font-weight:700;cursor:pointer}.voyage-tabs button.active{background:#153747;color:#d7fbf7;box-shadow:inset 0 0 0 1px rgba(89,214,214,.22)}
.voyage-panel{display:none;margin:0 4vw 50px}.voyage-panel.active{display:block}.planning-layout,.port-layout,.logistics-layout,.itinerary-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr);gap:18px}.voyage-card{border:1px solid rgba(110,163,178,.15);border-radius:16px;background:#0a2231;padding:20px;box-shadow:0 14px 34px rgba(0,0,0,.12)}.voyage-card .panel-head{margin-bottom:18px}.voyage-card .panel-head p{color:#7897a5;margin:4px 0 0}.voyage-card select{background:#0e2d3e;color:#d8ebef;border:1px solid #25495a;border-radius:8px;padding:9px 12px}
.passage-checklist{display:grid;gap:9px}.passage-checklist button{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;text-align:left;padding:12px;border:1px solid rgba(112,161,174,.12);border-radius:10px;background:#0c2837;color:#d7e9ed;cursor:pointer}.passage-checklist button>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#153a48;color:#6bdad9;font-weight:800}.passage-checklist b,.passage-checklist small{display:block}.passage-checklist small{color:#7897a4;margin-top:3px}.passage-checklist em{font:700 .68rem 'Roboto Mono';font-style:normal;color:#60d4b7}.passage-checklist .open em{color:#f0b75f}.passage-checklist .open>span{color:#f1b45c;background:rgba(235,167,69,.1)}
.departure-card>small,.services-card>small,.logistics-summary>small,.preference-card>small{font:700 .7rem 'Roboto Mono';letter-spacing:.1em;color:#6d919f}.departure-ring{width:126px;height:126px;margin:18px auto;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,#0a2231 58%,transparent 60%),conic-gradient(#53d3cf 0 78%,#173b49 78%)}.departure-ring b{font-size:1.65rem;color:#e9ffff}.departure-ring span{font-size:.68rem;color:#73a1ae}.departure-card ul,.preference-card ul{list-style:none;padding:0;margin:16px 0}.departure-card li,.preference-card li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(118,165,177,.11);color:#90abb5}.departure-card li b,.preference-card li b{color:#62d4ba}.departure-card li em,.preference-card li em{color:#efb65c;font-style:normal}
.agent-chip{font:700 .68rem 'Roboto Mono';color:#61d4b9;background:rgba(66,194,157,.1);padding:7px 9px;border-radius:6px}.port-timeline{display:grid}.port-timeline article{display:grid;grid-template-columns:54px 18px 1fr auto;gap:12px;align-items:start;min-height:76px}.port-timeline time{font:700 .72rem 'Roboto Mono';color:#7296a3;padding-top:2px}.port-timeline article>span{width:12px;height:12px;border-radius:50%;background:#284b58;position:relative}.port-timeline article:not(:last-child)>span:after{content:"";position:absolute;width:2px;height:65px;background:#234653;left:5px;top:12px}.port-timeline .done>span{background:#55d1b4}.port-timeline .current>span{background:#efb654;box-shadow:0 0 0 5px rgba(239,182,84,.1)}.port-timeline b,.port-timeline small{display:block}.port-timeline small{color:#7895a1;margin-top:5px}.port-timeline em{font:700 .67rem 'Roboto Mono';font-style:normal;color:#7296a3}.port-timeline .done em{color:#59cfb4}.port-timeline .current em{color:#f0b75f}
.services-card h2{font-size:1.55rem;margin:6px 0 15px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.port-service{display:flex;align-items:center;gap:9px;text-align:left;padding:10px;border:1px solid rgba(113,162,175,.14);border-radius:9px;background:#0c2837;color:#cfe2e6;cursor:pointer}.port-service i{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#173a48;color:#75d9d5;font:700 .65rem 'Roboto Mono';font-style:normal}.port-service b,.port-service small{display:block}.port-service small{color:#708f9b;margin-top:2px}.port-service.selected{border-color:rgba(80,207,190,.35);background:rgba(38,134,133,.12)}
.shipment-list{display:grid;gap:10px}.shipment-list article{display:grid;grid-template-columns:65px 1fr minmax(110px,.35fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid rgba(116,163,175,.12);border-radius:10px;background:#0c2837}.shipment-code{font:700 .68rem 'Roboto Mono';color:#70d8d5;background:#143a48;border-radius:8px;padding:10px 6px;text-align:center}.shipment-list small{color:#6f909d;font-size:.68rem}.shipment-list h3{font-size:.94rem;margin:5px 0}.shipment-list p{font-size:.78rem;color:#819ca7;margin:0}.shipment-progress{display:grid;grid-template-columns:1fr;gap:6px}.shipment-progress:before{content:"";height:4px;border-radius:4px;background:#193d4a}.shipment-progress i{height:4px;margin-top:-10px;border-radius:4px;background:#58d3cf}.shipment-progress small{color:#71cbc8}.shipment-progress.customs i{background:#efb658}.shipment-progress.customs small{color:#e9b869}.shipment-progress.ready i{background:#58d1a8}.shipment-open{background:transparent;border:1px solid #2d5260;color:#bcd2d8;border-radius:7px;padding:7px 9px;cursor:pointer}.logistics-summary>b,.guest-score{display:block;font-size:2.35rem;color:#e8ffff;margin:12px 0 4px}.logistics-summary p,.preference-card p{color:#829faa;line-height:1.55}.logistics-summary dl{margin:18px 0}.logistics-summary dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(117,163,175,.12)}.logistics-summary dt{color:#85a0aa}.logistics-summary dd{margin:0;color:#dff2f5;font-weight:700}
.itinerary-days{display:grid}.itinerary-days article{display:grid;grid-template-columns:54px 20px 1fr auto;gap:12px;min-height:90px}.itinerary-days time{width:46px;height:48px;display:grid;place-items:center;align-content:center;border-radius:8px;background:#113442;color:#8eabb5;font:700 .62rem 'Roboto Mono'}.itinerary-days time b{font-size:1.15rem;color:#def5f6}.itinerary-days article>span{width:12px;height:12px;border-radius:50%;background:#31515d;margin-top:17px;position:relative}.itinerary-days article:not(:last-child)>span:after{content:"";position:absolute;width:2px;height:79px;background:#244754;left:5px;top:12px}.itinerary-days .active>span{background:#57d4cf;box-shadow:0 0 0 5px rgba(87,212,207,.1)}.itinerary-days small{font-size:.68rem;color:#69cbc9}.itinerary-days h3{font-size:1rem;margin:5px 0}.itinerary-days p{font-size:.8rem;color:#7f9ca7;margin:0}.itinerary-days em{font:700 .66rem 'Roboto Mono';color:#6f919e;font-style:normal;padding-top:17px}
.voyage-card .full+.full{margin-top:8px}
@media(max-width:980px){.planning-layout,.port-layout,.logistics-layout,.itinerary-layout{grid-template-columns:1fr}.desktop-nav .nav-link{padding-inline:6px;font-size:.7rem}.command-stats{grid-template-columns:1fr}.command-stats article{border-bottom:1px solid rgba(136,184,197,.08)}}
@media(max-width:680px){.voyage-command,.voyage-tabs,.voyage-panel{margin-left:16px;margin-right:16px}.voyage-command{padding:18px 16px}.route-visual{grid-template-columns:1fr;gap:25px}.route-line{height:50px;width:2px;margin-left:7px}.route-line>i{width:2px;height:34%}.route-line>em{left:50%;top:34%}.port-point.end{text-align:left;grid-template-columns:18px 1fr}.port-point.end>i{grid-column:1}.port-point.end b,.port-point.end small{grid-column:2}.command-stats{margin-left:-16px;margin-right:-16px}.shipment-list article{grid-template-columns:55px 1fr}.shipment-progress,.shipment-open{grid-column:2}.service-grid{grid-template-columns:1fr}.port-timeline article{grid-template-columns:44px 16px 1fr}.port-timeline em{grid-column:3}.itinerary-days article{grid-template-columns:48px 16px 1fr}.itinerary-days em{grid-column:3}.voyage-card{padding:16px}}