.vessel--extra-details-container{padding-top:var(--space-xs)}.vessel--extra-details-header{display:flex}.vessel--extra-details-header .image{background:var(--color-subtext);border-radius:var(--radius-default);width:100px;height:100px}.vessel--extra-details-header .image img{object-fit:cover;border-radius:var(--radius-default);width:100%;height:100%}.vessel--extra-details-header .vessel-info{gap:var(--space-2xs);width:100%;padding-left:var(--space-xs);flex-direction:column;display:flex;position:relative}.vessel--extra-details-header .vessel-info .vessel-name{flex:1}.vessel--extra-details-header .vessel-info .vessel-name h1{align-items:center;gap:0 var(--space-2xs);flex-wrap:wrap;display:flex}.vessel--extra-details-header .vessel-info .vessel-name .h3{color:var(--color-subtext)}.vessel--extra-details-header .vessel-info .vessel-name a{color:var(--color-primary)}.vessel--extra-details-header .vessel-info .vessel-name-container{align-items:center;display:flex}.vessel--extra-details-header .vessel-info .vessel-category{justify-content:start;align-items:center;gap:var(--space-2xs);color:var(--color-subtext);display:flex}.vessel--extra-details-header .vessel-info .hidden-description{opacity:0;width:0;height:0;position:absolute;top:0;left:0;overflow:hidden}.social-metrics{align-items:center;gap:var(--space-xs);margin-right:var(--space-sm);color:var(--color-subtext);font:700 .875rem/1.43 Outfit,sans-serif;display:flex}.social-metrics .social-metric-item{border-radius:var(--radius-default);align-items:center;gap:var(--space-3xs);display:flex}@media (max-width:480px){.social-metrics{flex-direction:column;align-items:flex-start;gap:0}}
.vessel-detail-status{border-radius:var(--radius-default);gap:var(--space-xs);flex-direction:column;display:flex}.ship-status{display:flex}.ship-status .status{justify-content:center;align-items:center;gap:var(--space-2xs);font:1.25rem/1.2 Outfit,sans-serif;display:flex}.ship-status .status .circle-status{background:var(--color-green-200);border-radius:100%;width:10px;height:10px}.ship-status .last-updated{justify-content:center;align-items:center;gap:var(--space-3xs);color:var(--color-subtext);margin-left:auto;display:flex}.ship-times{justify-content:start;align-items:center;gap:var(--space-2xs);display:flex}.ship-times .label{flex:1}.ship-times .timebox-container{border:1px solid var(--color-border);padding:0px var(--space-2xs);gap:var(--space-3xs);border-radius:var(--radius-default);flex:3;display:flex}.ship-times .timebox-container label{color:var(--color-subtext);font:700 .875rem/1.43 Outfit,sans-serif}.ship-times .timebox-container .timebox{padding:var(--space-2xs)var(--space-3xs);align-items:center;gap:var(--space-2xs);flex:1;font:700 .875rem/1.43 Outfit,sans-serif;display:flex}.ship-times .timebox-container .timebox .timestamp{margin-left:auto}.ship-times .timebox-container .timebox:nth-child(2){border-left:1px solid var(--color-border)}.ship-times .departure-info{border:1px solid var(--color-border);padding:var(--space-2xs)var(--space-xs);border-radius:var(--radius-default);flex:3;align-items:center;font:700 .875rem/1.43 Outfit,sans-serif;display:flex}.ship-departure{gap:var(--space-sm);flex-wrap:wrap;display:flex}.ship-departure .item{flex:0 0 calc(50% - var(--space-sm)/2);gap:var(--space-2xs);display:flex}.ship-departure .item .value{text-align:right;font-weight:var(--font-weight-bold);flex:1}.ship-history{align-items:center;gap:var(--space-3xs);border-top:1px solid var(--color-border);width:100%;padding-top:var(--space-xs);font:1.25rem/1.2 Outfit,sans-serif;display:flex}.ship-history>div{flex:1}.ship-history .ship-arrow{color:var(--color-subtext);flex:none}.ship-history .ship-location-to{text-align:right}
.map-container{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.map-container .map-static-image{object-fit:cover;background:var(--color-gray-300);width:100%;height:100%;display:block}.map-container .map-loading-overlay{background:var(--color-gray-300);z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.map-container .map-static-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.map-error{color:var(--color-error)}.location-unavailable-overlay{z-index:2;background-color:rgba(0,0,0,.3);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.location-unavailable-message{background-color:var(--color-white);color:var(--color-text-primary);padding:var(--space-2xs);border-radius:var(--radius-default);text-align:center;max-width:300px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.location-unavailable-message strong{margin-bottom:var(--space-2xs);font-size:var(--font-size-md);color:var(--color-text-primary);display:block}.location-unavailable-message p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}
.dialog-content.dialog-port-reporter{padding:var(--space-xs);gap:var(--space-xs)}.dialog-port-reporter-header h2{align-items:center;gap:var(--space-2xs);font:700 .875rem/1.43 Outfit,sans-serif;display:flex}.dialog-port-reporter-content{gap:var(--space-xs);flex-direction:column;display:flex}.dialog-port-reporter-image{border-radius:var(--radius-default);object-fit:cover;width:100%;height:auto}.dialog-port-reporter-message{color:var(--color-text);font:.875rem/1.43 Outfit,sans-serif}.dialog-port-reporter-footer{justify-content:stretch;display:flex}.dialog-port-reporter-footer a{padding:var(--space-2xs);justify-content:center;gap:var(--space-2xs)}
.notifications-public{gap:var(--space-2xs);flex-direction:column;display:flex}.notifications-public__title{align-items:center;gap:var(--space-3xs);font:1rem/1.25 Outfit,sans-serif;display:flex}.notifications-public .title{font-size:var(--font-size-md);justify-content:space-between;align-items:center;display:flex}.notifications-public .title .icons{font-size:var(--font-size-lg);justify-content:space-between;align-items:center;gap:var(--space-2xs);margin-left:auto;display:flex}.notifications-public .title .icons .icon{background:var(--color-primary);width:24px;height:24px;color:var(--color-white);font-size:var(--font-size-xs);border-radius:50%;justify-content:center;align-items:center;display:flex}.notifications-public .notification-item{color:var(--color-gray-500);justify-content:space-between;align-items:center;display:flex}.notifications-public .notification-item label{font-weight:var(--font-weight-bold);color:var(--color-text)}.notifications-public .event-types-btn{color:var(--color-primary);margin:0 auto;text-decoration:underline}.notifications-public .notification-btn{width:100%;padding:var(--space-xs);color:var(--color-white);text-align:center;justify-content:center;align-items:center;gap:var(--space-2xs);border-radius:var(--radius-default);display:flex}
.dialog-content.dialog-esof{padding:var(--space-xs);gap:var(--space-xs)}.dialog-esof-header h2{align-items:center;gap:var(--space-2xs);font:700 .875rem/1.43 Outfit,sans-serif;display:flex}.dialog-esof-content{gap:var(--space-xs);flex-direction:column;display:flex}.dialog-esof-image{border-radius:var(--radius-default);object-fit:cover;width:100%;height:auto}.dialog-esof-message{color:var(--color-text);font:.875rem/1.43 Outfit,sans-serif}.dialog-esof-footer{justify-content:stretch;display:flex}.dialog-esof-footer a{padding:var(--space-2xs);justify-content:center;gap:var(--space-2xs)}
.statement-of-facts{gap:var(--space-xs);flex-direction:column;display:flex}.statement-of-facts .title{justify-content:space-between;align-items:center;font:1rem/1.25 Outfit,sans-serif;display:flex}.statement-of-facts .title h3{align-items:center;gap:var(--space-2xs);display:flex}.statement-of-facts .loading,.statement-of-facts .error,.statement-of-facts .empty{text-align:center;padding:var(--space-md);color:var(--color-gray-500);font-style:italic}.statement-of-facts .error{color:var(--color-error)}.statement-of-facts .events{gap:var(--space-2xs);flex-direction:column;max-height:120px;display:flex;overflow:auto}.statement-of-facts .events .event-item{color:var(--color-subtext);justify-content:space-between;align-items:center;gap:var(--space-2xs);display:flex}.statement-of-facts .events .event-item .event-content{flex:2}.statement-of-facts .events .event-item .event-title{color:var(--color-subtext)}.statement-of-facts .events .event-item .event-timestamp{white-space:nowrap}
.dialog-content.dialog-port-performance{padding:var(--space-xs);gap:var(--space-xs)}.dialog-port-performance-header h2{align-items:center;gap:var(--space-2xs);font:700 .875rem/1.43 Outfit,sans-serif;display:flex}.dialog-port-performance-section{gap:var(--space-xs);flex-direction:column;display:flex}.dialog-port-performance-image{border-radius:var(--radius-default);object-fit:cover;width:100%;height:auto}.dialog-port-performance-messages{gap:var(--space-2xs);flex-direction:column;display:flex}.dialog-port-performance-message{color:var(--color-text);font:.875rem/1.43 Outfit,sans-serif}.dialog-port-performance-footer{justify-content:stretch;display:flex}.dialog-port-performance-footer a{padding:var(--space-2xs);justify-content:center;gap:var(--space-2xs)}
.port-arrival-kpi{gap:var(--space-xs);flex-direction:column;display:flex}.port-arrival-kpi .title{justify-content:space-between;align-items:center;display:flex}.port-arrival-kpi .title h3{align-items:center;gap:var(--space-2xs);font:1rem/1.25 Outfit,sans-serif;display:flex}.port-arrival-kpi .port-info{align-items:start;gap:var(--space-xs);display:flex}.port-arrival-kpi .port-info .port-image-gradient{border-radius:var(--radius-default);background:linear-gradient(135deg,#0b2d6e 0%,#0a5c3d 100%);flex-shrink:0;width:104px;height:104px}.port-arrival-kpi .port-info .port-meta{gap:var(--space-3xs);flex-direction:column;display:flex}.port-arrival-kpi .port-info .port-meta .port-name{color:var(--color-text);font:1.75rem/1.2 Outfit,sans-serif}.port-arrival-kpi .port-info .port-meta .port-unlocode{color:var(--color-subtext);font:.875rem/1.43 Outfit,sans-serif}.port-arrival-kpi .pto-row{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.port-arrival-kpi .pto-row .pto-label{font:700 .875rem/1.43 Outfit,sans-serif}.port-arrival-kpi .stages{background:var(--color-navy-50);border-radius:var(--radius-default);padding:var(--space-xs);gap:var(--space-xs);flex-direction:column;display:flex}.port-arrival-kpi .stages .stages-label{font:.875rem/1.43 Outfit,sans-serif}.port-arrival-kpi .stages .stage-item{justify-content:space-between;align-items:center;display:flex}.port-arrival-kpi .stages .stage-item .stage-name{font:700 .875rem/1.43 Outfit,sans-serif}.port-arrival-kpi .locked-value{align-items:center;gap:var(--space-3xs);background:var(--color-navy-50);padding:var(--space-3xs)var(--space-2xs);border-radius:var(--radius-default);display:inline-flex}.port-arrival-kpi .locked-value .lock-icon{color:var(--color-text);font-size:.75rem}.port-arrival-kpi .locked-value .redacted{background:var(--color-navy-100);border-radius:2px;width:26px;height:14px;display:inline-block}.port-arrival-kpi .locked-value .unit{color:var(--color-text);font:700 .875rem/1.43 Outfit,sans-serif}
.vessel-details-container,.no-vessel{gap:0 var(--space-xs);flex-direction:column;flex:1;display:flex}.vessel-details-parent{gap:var(--space-xs);flex:2;display:flex}section.vessel-header{background:var(--color-polar-bear);border-top-right-radius:var(--radius-default);border-top-left-radius:var(--radius-default);padding:var(--space-xs);order:1;height:min-content}section.vessel-status{padding:var(--space-xs);background:var(--color-polar-bear);border-bottom-right-radius:var(--radius-default);border-bottom-left-radius:var(--radius-default);order:4}.vessel--extra-details{background:var(--color-polar-bear);padding:var(--space-xs);order:2}.vessel-map{background:var(--color-gray-200);order:3;height:300px;display:block}.vessel-map.single-large{order:unset;border-radius:var(--radius-default);width:100%;height:100%;display:none}section.vessel-notifications{background:var(--color-polar-bear);border-radius:var(--radius-default);padding:var(--space-xs)var(--space-xs)var(--space-2xs)var(--space-xs);margin-top:var(--space-2xs);order:4}section.vessel-sof{background:var(--color-polar-bear);border-radius:var(--radius-default);padding:var(--space-xs);margin-top:var(--space-2xs);order:5}section.vessel-port-arrival-kpi{background:var(--color-polar-bear);border-radius:var(--radius-default);padding:var(--space-xs);margin:var(--space-2xs)0;order:6}.vessel-community-updates{background:var(--color-polar-bear);border-radius:var(--radius-default);padding:var(--space-xs);margin-top:var(--space-sm);order:6}.no-vessel{background:var(--color-gray-300)}@media (max-width:900px){.page{padding:0}}@media (min-width:1440px){.vessel-details-container{min-width:500px}section.vessel-header{margin:0}section.vessel-map{margin:0;display:none}section.vessel-map.single-large{display:block}section.vessel-status{margin:0}}.vessel--extra-details-body{column-gap:var(--space-sm);row-gap:var(--space-2xs);flex-wrap:wrap;width:100%;display:flex}.vessel--extra-details-body-item{flex:0 0 calc(50% - var(--space-sm)/2);align-items:center;display:flex}.vessel--extra-details-body-item .value{text-align:right;flex:1;font:700 .875rem/1.43 Outfit,sans-serif}.vessel--extra-details{gap:var(--space-2xs);flex-wrap:wrap;display:flex;overflow:hidden}.vessel--extra-details-toggle{width:100%;padding:var(--space-2xs)var(--space-xs);background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--radius-default);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2xs);color:var(--color-subtext);font:.875rem/1.43 Outfit,sans-serif;transition:all .2s ease-in-out;display:flex}.vessel--extra-details-toggle:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.vessel--extra-details-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.vessel--extra-details-toggle .toggle-icon{transition:transform .2s ease-in-out}.vessel--extra-details-checkbox{display:none}.vessel-header .vessel--extra-details-expandable{opacity:0;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;overflow:hidden}.vessel-header .vessel--extra-details-expandable .vessel--extra-details-body{gap:var(--space-2xs);padding-top:var(--space-2xs);flex-wrap:wrap;display:flex}.vessel--extra-details-checkbox:checked~.vessel--extra-details-header~.vessel--extra-details-expandable{opacity:1;max-height:1000px}.vessel--extra-details-toggle--inline{padding:var(--space-3xs)var(--space-2xs);background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--radius-default);cursor:pointer;gap:var(--space-2xs);color:var(--color-subtext);margin-top:var(--space-xs);font:.875rem/1.43 Outfit,sans-serif;transition:all .2s ease-in-out}.vessel--extra-details-toggle--inline:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.vessel--extra-details-toggle--inline:focus{outline:2px solid var(--color-primary);outline-offset:2px}.vessel--extra-details-toggle--inline .toggle-text-hide,.vessel--extra-details-toggle--inline .toggle-icon-hide{display:none}.vessel--extra-details-toggle--inline .toggle-text-show,.vessel--extra-details-toggle--inline .toggle-icon-show,.vessel--extra-details-checkbox:checked~.vessel--extra-details-toggle--inline .toggle-text-hide,.vessel--extra-details-checkbox:checked~.vessel--extra-details-toggle--inline .toggle-icon-hide{display:inline}.vessel--extra-details-checkbox:checked~.vessel--extra-details-toggle--inline .toggle-text-show,.vessel--extra-details-checkbox:checked~.vessel--extra-details-toggle--inline .toggle-icon-show{display:none}@keyframes community-updates-value-highlight{0%{outline:var(--space-2xs)solid transparent;background-color:transparent}25%{background-color:var(--color-success-50);outline:var(--space-2xs)solid var(--color-success-50)}50%{outline:var(--space-2xs)solid transparent;background-color:transparent}75%{background-color:var(--color-success-50);outline:var(--space-2xs)solid var(--color-success-50)}to{outline:var(--space-2xs)solid transparent;background-color:transparent}}.community-updates-value{color:var(--color-teqplay-blue);background-color:transparent;animation:1s community-updates-value-highlight}@media (prefers-reduced-motion:reduce){.community-updates-value{animation:none}}
/*# sourceMappingURL=bc4bfc305d0ca8e7.css.map*/