.berth-location-selector-modal{max-width:inherit;max-height:inherit;flex-direction:column;width:100vw;height:100vh;display:flex}.berth-location-selector-modal .berth-location-selector-container{padding:var(--space-xs)}.berth-location-selector-modal .modal-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.berth-location-selector-modal .modal-header .dialog-title{font-weight:var(--font-weight-bold)}.berth-location-selector-modal .map-container{border:1px solid #e9ecef;border-radius:8px;flex:1;min-height:500px;position:relative;overflow:hidden}.berth-location-selector-modal .map-container .mapboxgl-map{width:100%;height:100%}.berth-location-selector-modal .map-container .mapboxgl-ctrl-top-right{top:10px;right:10px}.berth-location-selector-modal .selected-berth-container{z-index:10;padding:0 var(--space-md);justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.berth-location-selector-modal .selected-berth-container .selected-berth-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;justify-content:space-between;align-items:center;width:100%;max-width:500px;margin-bottom:15px;padding:15px;display:flex}.berth-location-selector-modal .selected-berth-container .selected-berth-info .actions{gap:var(--space-xs);display:flex}@media (max-width:768px){.berth-location-selector-modal{padding:var(--space-md)0}.berth-location-selector-modal .modal-header{flex-direction:column;align-items:start}.berth-location-selector-modal .selected-berth-container{padding:0 var(--space-xs)}.berth-location-selector-modal .selected-berth-container .selected-berth-info{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.berth-location-selector-modal .selected-berth-container .selected-berth-info .actions{gap:var(--space-xs);flex-direction:column-reverse;width:100%}}
.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{height:var(--react-international-phone-height,36px);box-sizing:border-box;border:1px solid var(--react-international-phone-country-selector-border-color,var(--react-international-phone-border-color,gainsboro));-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:var(--react-international-phone-country-selector-background-color,var(--react-international-phone-background-color,white));cursor:pointer;text-transform:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover,whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{justify-content:center;align-items:center;display:flex}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size,4px)solid var(--react-international-phone-country-selector-arrow-color,#777);border-right:var(--react-international-phone-country-selector-arrow-size,4px)solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size,4px)solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color,#999)}.react-international-phone-country-selector-button--disabled{background-color:var(--react-international-phone-disabled-country-selector-background-color,var(--react-international-phone-disabled-background-color,whitesmoke));cursor:auto}.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color,var(--react-international-phone-disabled-background-color,whitesmoke))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width,24px);height:var(--react-international-phone-flag-height,24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{z-index:1;top:var(--react-international-phone-dropdown-top,44px);left:var(--react-international-phone-dropdown-left,0);background-color:var(--react-international-phone-dropdown-item-background-color,var(--react-international-phone-background-color,white));width:300px;max-height:200px;box-shadow:var(--react-international-phone-dropdown-shadow,2px 2px 16px rgba(0,0,0,.25));color:var(--react-international-phone-dropdown-item-text-color,var(--react-international-phone-text-color,#222));flex-direction:column;margin:0;padding:4px 0;list-style:none;display:flex;position:absolute;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin,0);background:var(--react-international-phone-dropdown-preferred-list-divider-color,var(--react-international-phone-border-color,gainsboro));border:none}.react-international-phone-country-selector-dropdown__list-item{min-height:var(--react-international-phone-dropdown-item-height,28px);box-sizing:border-box;align-items:center;padding:2px 8px;display:flex}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{font-size:var(--react-international-phone-dropdown-item-font-size,14px);text-overflow:ellipsis;white-space:nowrap;margin-right:8px;overflow:hidden}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color,gray);font-size:var(--react-international-phone-dropdown-item-font-size,14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color,var(--react-international-phone-text-color,#222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color,var(--react-international-phone-dropdown-item-dial-code-color,gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke))}.react-international-phone-dial-code-preview{border:1px solid var(--react-international-phone-dial-code-preview-border-color,var(--react-international-phone-border-color,gainsboro));background-color:var(--react-international-phone-dial-code-preview-background-color,var(--react-international-phone-background-color,white));color:var(--react-international-phone-dial-code-preview-text-color,var(--react-international-phone-text-color,#222));font-size:var(--react-international-phone-dial-code-preview-font-size,var(--react-international-phone-font-size,13px));justify-content:center;align-items:center;margin-right:-1px;padding:0 8px;display:flex}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color,var(--react-international-phone-disabled-background-color,whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color,var(--react-international-phone-disabled-text-color,#666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius,4px);border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.react-international-phone-input-container .react-international-phone-input{height:var(--react-international-phone-height,36px);box-sizing:border-box;border:1px solid var(--react-international-phone-border-color,gainsboro);border-radius:var(--react-international-phone-border-radius,4px);background-color:var(--react-international-phone-background-color,white);color:var(--react-international-phone-text-color,#222);font-family:inherit;font-size:var(--react-international-phone-font-size,13px);border-top-left-radius:0;border-bottom-left-radius:0;margin:0;padding:0 8px;overflow:visible}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color,whitesmoke);color:var(--react-international-phone-disabled-text-color,#666)}
.notification-medium-selector{gap:var(--space-xs);border-radius:var(--radius-default);flex-direction:column;transition:background-color .3s;display:flex}.notification-medium-selector .notification-types{gap:var(--space-2xs);flex-direction:column;display:flex}.notification-medium-selector .notification-type-item{padding:var(--space-xs)0;border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.notification-medium-selector .notification-type-item:last-child{border-bottom:none}.notification-medium-selector .type-info{flex:1}.notification-medium-selector .type-container{gap:var(--space-xs);display:flex}.notification-medium-selector .type-container label{align-items:center;gap:var(--space-2xs);font-weight:var(--font-weight-medium);cursor:pointer;display:flex}.notification-medium-selector .type-container label svg{color:var(--color-text-subtle)}.notification-medium-selector .email-address,.notification-medium-selector .phone-number{color:var(--color-text-subtle);font-size:var(--font-size-sm)}.notification-medium-selector .phone-number-input{gap:var(--space-xs);margin-top:var(--space-2xs);flex-direction:column;display:flex}.notification-medium-selector .phone-number-input .phone-number-actions{gap:var(--space-2xs);display:flex}@media (max-width:800px){.notification-medium-selector .phone-number-input{flex-direction:column!important}.input.react-international-phone-input,.type-container{width:100%}}
.notification-modal{max-width:700px;height:-moz-fit-content;height:fit-content;max-height:-moz-fit-content;max-height:fit-content}.notification-modal .modal-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}@media (min-width:768px){.notification-modal .modal-header{flex-direction:row;align-items:center}}.notification-modal .modal-header .dialog-title{font-weight:var(--font-weight-bold)}.notification-modal .notification-form{gap:var(--space-sm);flex-direction:column;max-height:600px;display:flex;overflow:auto}.notification-modal .notification-form .ship-info{align-items:center;gap:var(--space-sm);padding:var(--space-xs);background:var(--color-gray-50);border-radius:var(--radius-default);display:flex}.notification-modal .notification-form .ship-info .ship-image{height:100%}.notification-modal .notification-form .ship-info .ship-placeholder{background:var(--color-gray-300);border-radius:var(--radius-default);width:110px;height:100%}.notification-modal .notification-form .ship-info .ship-details .ship-meta{gap:var(--space-3xs);font-size:var(--font-size-sm);color:var(--color-gray-500);flex-direction:column;display:flex}.notification-modal .notification-form .event-form-container{gap:var(--space-xs);flex-direction:column;display:flex}.notification-modal .notification-form .form-section{gap:var(--space-xs);border-radius:var(--radius-default);flex-direction:column;transition:background-color .3s;display:flex}.notification-modal .notification-form .form-section.highlighted{animation:3s ease-in-out forwards highlight-pulse}.notification-modal .notification-form .form-section label{color:var(--color-text);font:700 .875rem/1.43 Outfit,sans-serif}.notification-modal .notification-form .form-section .form-field{padding:var(--space-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-default);background:var(--color-white);justify-content:space-between;align-items:center;display:flex}.notification-modal .notification-form .form-section .form-field.disabled{background:var(--color-gray-100);color:var(--color-gray-500)}.notification-modal .notification-form .form-section .form-field.clickable{cursor:pointer}.notification-modal .notification-form .form-section .form-field.clickable:hover{border-color:var(--color-primary)}.notification-modal .notification-form .form-section .form-field span{font-size:var(--font-size-sm)}.notification-modal .notification-form .form-section .form-field svg{color:var(--color-gray-400);font-size:var(--font-size-xs)}.notification-modal .notification-form .form-section .notification-timing{gap:var(--space-2xs);flex-direction:column;display:flex}.notification-modal .notification-form .form-section .notification-timing .timing-selector{flex:1}.notification-modal .notification-form .form-section .notification-timing .timing-buttons{border-radius:var(--radius-default);border:1px solid var(--color-gray-300);gap:0;display:flex;overflow:hidden}.notification-modal .notification-form .form-section .notification-timing .timing-buttons button{border:none;border-right:1px solid var(--color-gray-300);border-radius:0;flex:1}.notification-modal .notification-form .form-section .notification-timing .timing-buttons button:last-child{border-right:none}.notification-modal .notification-form .form-section .berth-selection{gap:var(--space-2xs);flex-direction:column;display:flex}.notification-modal .notification-form .form-section .berth-selection .berth-selection-buttons{border-radius:var(--radius-default);border:1px solid var(--color-gray-300);gap:0;display:flex;overflow:hidden}.notification-modal .notification-form .form-section .berth-selection .berth-selection-buttons button{border:none;border-right:1px solid var(--color-gray-300);border-radius:0;flex:1}.notification-modal .notification-form .form-section .berth-selection .berth-selection-buttons button:last-child{border-right:none}.notification-modal .notification-form .form-section .berth-selection .custom-berth-section{gap:var(--space-sm);flex-direction:column;display:flex}.notification-modal .notification-form .form-section .notification-types{gap:var(--space-2xs);flex-direction:column;display:flex}.notification-modal .notification-form .form-section .notification-types .notification-type-item{padding:var(--space-xs);border:1px solid var(--color-gray-200);border-radius:var(--radius-default);justify-content:space-between;align-items:center;display:flex}.notification-modal .notification-form .form-section .notification-types .notification-type-item .type-info{align-items:center;gap:var(--space-xs);display:flex}.notification-modal .notification-form .form-section .notification-types .notification-type-item .type-info .type-container{flex-direction:column;display:flex}.notification-modal .notification-form .form-section .notification-types .notification-type-item .type-info .type-container label{align-items:center;gap:var(--space-3xs);font-weight:var(--font-weight-bold);color:var(--color-text);display:flex}.notification-modal .notification-form .form-section .notification-types .notification-type-item .type-info .type-container .email-address,.notification-modal .notification-form .form-section .notification-types .notification-type-item .type-info .type-container .phone-number{color:var(--color-subtext);font:.875rem/1.43 Outfit,sans-serif}.notification-modal .notification-form .form-section .notification-types .notification-type-item .type-info .phone-number-link{color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);align-items:center;gap:var(--space-3xs);background:0 0;border:none;padding:0;text-decoration:underline;display:flex}.notification-modal .notification-form .form-section .notification-types .notification-type-item .type-info .phone-number-link:hover{text-decoration:none}.notification-modal .notification-form .form-section .notification-types .notification-type-item .type-info .phone-number-input{gap:var(--space-xs);flex-direction:row;width:100%;display:flex}.notification-modal .notification-form .form-section .notification-types .notification-type-item .type-info .phone-number-input .react-international-phone-input-container{gap:var(--space-xs);display:flex}.notification-modal .notification-form .form-section .notification-types .notification-type-item .type-info .phone-number-input .phone-number-actions{gap:var(--space-2xs);flex-direction:row;align-items:center;display:flex}.notification-modal .notification-form .form-section .add-users{color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline}.notification-modal .notification-form .form-section .berth-selection .custom-berth-section .selected-berth-display{justify-content:space-between;align-items:center;gap:var(--space-xs);padding:var(--space-sm);border:1px solid var(--color-gray-200);border-radius:var(--radius-default);background:var(--color-gray-50);width:100%;display:flex}.notification-modal .notification-form .form-section .berth-selection .custom-berth-section .selected-berth-display .berth-info{gap:var(--space-3xs);flex-direction:column;display:flex}.notification-modal .notification-form .form-section .berth-selection .custom-berth-section .selected-berth-display .berth-info strong{font-weight:var(--font-weight-bold);color:var(--color-text)}.notification-modal .notification-form .form-section .berth-selection .custom-berth-section .set-berth-location-btn{flex:1}.notification-modal .modal-actions{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}@media (min-width:768px){.notification-modal .modal-actions{flex-direction:row-reverse;justify-content:end}}@media (max-width:768px){.notification-modal{max-height:95vh}.notification-modal .notification-form .ship-info .ship-placeholder{width:60px;height:60px}.notification-modal .notification-form{flex-direction:column;max-height:450px;display:flex}.notification-modal .notification-form .form-section .berth-selection .custom-berth-section .selected-berth-display{gap:var(--space-xs);flex-direction:column}.notification-modal .notification-form .form-section .berth-selection .custom-berth-section .selected-berth-display button{width:100%}.notification-modal .notification-form .form-section .notification-types .notification-type-item{padding:var(--space-xs)}}@keyframes highlight-pulse{0%{background-color:var(--color-navy-100)}to{background-color:transparent}}
.delete-confirmation-modal{border-radius:var(--radius-lg);width:90vw;max-width:500px;padding:0;padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex;overflow:hidden}.delete-confirmation-modal .modal-body{gap:var(--space-xs);flex-direction:column;display:flex}.delete-confirmation-modal .modal-body .notification-preview{background:var(--color-gray-50);border-left:4px solid var(--color-primary);padding:var(--space-xs);border-radius:var(--radius-default);font-weight:var(--font-weight-semibold)}.delete-confirmation-modal .modal-actions{gap:var(--space-xs);flex-direction:column;display:flex}
.notifications-private{gap:var(--space-2xs);flex-direction:column;display:flex}.notifications-private .title{font-size:var(--font-size-md);justify-content:space-between;align-items:center;display:flex}.notifications-private .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-private .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-private .notification-settings{margin-top:var(--space-xs);text-align:center}.notifications-private .notification-settings .settings-text{color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);text-decoration:underline}.notifications-private .loading,.notifications-private .error{text-align:center;padding:var(--space-md);color:var(--color-gray-500);font-style:italic}.notifications-private .error{color:var(--color-error)}.notifications-private .notifications-container{gap:var(--space-sm);flex-direction:column;display:flex}.notifications-private .notifications-container p{color:var(--color-gray-500)}.notifications-private .notification-options{gap:var(--space-sm);margin:var(--space-md)0;flex-direction:column;display:flex}.notifications-private .notification-options .notification-option{padding:var(--space-sm);border:1px solid var(--color-gray-200);border-radius:var(--radius-default);justify-content:space-between;align-items:center;display:flex}.notifications-private .notification-options .notification-option .notification-info{flex:1}.notifications-private .notification-options .notification-option .notification-info label{font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-2xs);display:block}.notifications-private .notification-options .notification-option .notification-info div{color:var(--color-gray-500);font-size:var(--font-size-sm)}
.statement-of-facts{gap:var(--space-xs);flex-direction:column;display:flex}.statement-of-facts .title{font-size:var(--font-size-md);justify-content:space-between;align-items:center;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:300px;display:flex;overflow:auto}.statement-of-facts .events .event-item{color:var(--color-gray-500);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-gray)}.statement-of-facts .events .event-item .event-timestamp{white-space:nowrap}
.dialog-content.dialog-vessel-notes{padding:var(--space-xs);gap:var(--space-xs);max-width:700px}.dialog-vessel-notes__header{gap:var(--space-xs);flex-direction:column;display:flex}.notes-list{max-height:50vh;padding-right:var(--space-2xs);gap:var(--space-2xs);max-height:45vh;padding-right:var(--space-2xs);flex-direction:column;display:flex;overflow:auto}.note-item{column-gap:var(--space-xs);grid-template-columns:44px 1fr;display:grid}.note-avatar{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.note-content{gap:var(--space-3xs);flex-direction:column;display:flex}.note-meta{align-items:baseline;gap:var(--space-2xs);display:flex}.note-author{font-weight:700}.note-time{color:var(--color-subtext);font:.75rem/1.33 Outfit,sans-serif}.note-text{color:var(--color-text-primary)}.note-composer{column-gap:var(--space-xs);grid-template-columns:44px 1fr;align-items:flex-start;display:grid}.note-composer__input{gap:var(--space-xs);flex-direction:column;display:flex}
.vessel-notes{padding:0 var(--space-2xs)}.vessel-notes__row{justify-content:space-between;align-items:center;gap:var(--space-xs);flex-wrap:nowrap;display:flex}.vessel-notes__info{align-items:flex-start;gap:var(--space-2xs);color:var(--color-subtext);flex:auto;min-width:0;display:flex}.vessel-notes__icon{padding:1px 0}.vessel-notes__text{flex-direction:column;min-width:0;display:flex}.vessel-notes__text>strong{flex:none}.vessel-notes__text__note{font:.75rem/1.33 Outfit,sans-serif}.vessel-notes__view{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.vessel-notes__view:hover{text-decoration:underline}.vessel-notes__view:focus{outline:2px solid var(--color-primary);outline-offset:2px}
.vessel-details-container{gap:0 var(--space-xs);flex-direction:column;flex:1;display:flex}.vessel-header{background:var(--color-polar-bear);border-radius:var(--radius-default);padding:var(--space-xs);order:1;height:min-content}.vessel-map{background:var(--color-gray-200);border-radius:var(--radius-default);order:3;height:300px}.vessel--extra-details{background:var(--color-polar-bear);border-radius:var(--radius-default);padding:var(--space-xs);order:2}.vessel-notes{margin-top:var(--space-sm);order:5}.vessel-notifications{background:var(--color-polar-bear);border-radius:var(--radius-default);padding:var(--space-xs);margin-top:var(--space-sm);order:6}.vessel-sof{background:var(--color-polar-bear);border-radius:var(--radius-default);padding:var(--space-xs);margin-top:var(--space-sm);order:7}@media (min-width:1440px){.vessel-details-container{grid-template:"header map""details map""status map""notes map""notifications map""sof map"/1fr 1fr;height:-moz-fit-content;height:fit-content;display:grid}section.vessel-status{order:unset;grid-area:status;padding-top:0}.vessel-header{order:unset;grid-area:header}.vessel-map{order:unset;grid-area:map;height:100%}.vessel--extra-details{order:unset;grid-area:details}.vessel-notes{order:unset;margin-top:var(--space-xs);grid-area:notes}.vessel-notifications{order:unset;margin-top:var(--space-xs);grid-area:notifications}.vessel-sof{order:unset;margin-top:var(--space-xs);grid-area:sof}}.vessel--extra-details-body{gap:var(--space-2xs);flex-wrap:wrap;width:100%;display:flex}.vessel--extra-details-body-item{flex:0 0 calc(50% - var(--space-2xs)/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-expandable{gap:var(--space-2xs);flex-wrap:wrap;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;display:flex;overflow:hidden}.vessel--extra-details-expandable.collapsed{opacity:0;max-height:0}.vessel--extra-details-expandable.expanded{opacity:1;max-height:500px}.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}section.vessel-status{padding:var(--space-xs);background:var(--color-polar-bear);order:4}.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}
.vessel--extra-details-nav{gap:var(--space-xs);flex-direction:column;align-items:stretch;width:100%;display:flex}.vessel--extra-details-nav .actions{gap:var(--space-2xs);justify-content:space-between;display:flex}@media (min-width:480px){.vessel--extra-details-nav{justify-content:space-between;gap:var(--space-2xs);flex-direction:row}.vessel--extra-details-nav .actions{margin-left:0}.vessel--extra-details-nav .actions .share-btn{flex:1}}.vessel--extra-details-nav .share-btn{flex:1}
/*# sourceMappingURL=f74ba4d82c55701c.css.map*/