.vessels-shell{isolation:isolate;background:radial-gradient(circle at 86% 3%,#00c4e71c,#0000 27rem),radial-gradient(circle at 4% 88%,#008eb112,#0000 32rem),linear-gradient(155deg,#001721 0%,#002331 46%,#001923 100%);min-width:0}.vessels-frame{width:min(100% - (2 * var(--page-gutter)), 88rem);margin-inline:auto;padding-block:clamp(1.75rem,4vw,3.25rem) clamp(3rem,6vw,5rem)}.vessels-route-state{min-height:50vh}.vessels-route-error{justify-items:start;gap:var(--space-4);max-width:42rem;display:grid}.vessels-heading{margin-bottom:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(18rem,26rem);align-items:end;gap:clamp(1.5rem,4vw,4rem);display:grid}.vessels-eyebrow{margin:0 0 var(--space-2);color:var(--palette-cyan-300);font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.09em;text-transform:uppercase}.vessels-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.15rem,4.4vw,3.75rem);line-height:1}.vessels-heading>div>p:last-child{max-width:47rem;margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-body-lg);line-height:1.55}.vessels-scope-note{align-items:start;gap:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-4);background:linear-gradient(145deg,#082f42f0,#032737e6);grid-template-columns:auto minmax(0,1fr);display:grid;box-shadow:inset 0 1px #ffffff0a}.vessels-scope-note>span{background:var(--color-status-success-bg);width:2.5rem;height:2.5rem;color:var(--color-status-success-fg);border-radius:50%;place-items:center;display:grid}.vessels-scope-note svg{width:var(--icon-md)}.vessels-scope-note strong{font-size:var(--font-size-label)}.vessels-scope-note p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:1.5}.vessels-registry-card{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:linear-gradient(145deg,#072d3ef5,#032230f5);min-width:0;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 16px 44px #000b121f}.vessels-toolbar{align-items:end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.vessels-search,.vessels-filter{gap:var(--space-2);min-width:0;display:grid}.vessels-search>span:first-child,.vessels-filter>span:first-child{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.vessels-search-control{display:block;position:relative}.vessels-search-control>svg{z-index:1;top:50%;left:var(--space-3);width:var(--icon-sm);color:var(--color-text-muted);pointer-events:none;position:absolute;translate:0 -50%}.vessels-search-control input{height:var(--control-md);background:#0016215c;padding-left:2.35rem}.vessels-filter [data-slot=select-trigger]{width:100%;height:var(--control-md);background:#0016215c}.vessels-filters-trigger{min-height:var(--control-md);gap:var(--space-2);padding-inline:var(--space-4)}.vessels-filters-count{min-width:var(--space-5);height:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-selected);color:var(--color-text-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);place-items:center;display:grid}.vessels-filter-fields{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vessels-filter-flag{grid-column:1/-1}.vessels-flag-option{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.vessels-flag-option>span{font-size:var(--font-size-heading-sm);line-height:1}.vessels-clear-filters{margin-inline-end:auto}.vessels-results{min-height:var(--space-12);justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-2) clamp(1rem, 2.5vw, 1.5rem);color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);display:flex}.vessels-sort{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-caption);display:flex}.vessels-sort [data-slot=select-trigger]{width:12rem;min-height:var(--control-sm);background:var(--color-bg-surface);color:var(--color-text-primary)}.vessels-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:clamp(1rem,2.5vw,1.5rem);list-style:none;display:grid}.vessels-grid>li{min-width:0}.vessel-card{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:var(--color-bg-surface);height:100%;box-shadow:var(--shadow-raised);gap:0;padding:0;position:relative}.vessel-card:before{width:var(--space-1);background:var(--color-data-cyan);content:"";position:absolute;inset:0 auto 0 0}.vessel-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);display:flex}.vessel-card-identity{align-items:center;gap:var(--space-3);min-width:0;display:flex}.vessel-card-identity>div{min-width:0}.vessel-card-icon{width:var(--control-lg);height:var(--control-lg);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-bg-selected);color:var(--palette-cyan-300);flex:none;place-items:center;display:grid}.vessel-card-icon svg{width:var(--icon-md)}.vessel-card h2{color:var(--color-text-primary);font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.vessel-card-identity p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-label)}.vessel-card-flag{align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0;font-size:var(--font-size-caption);line-height:var(--line-height-tight);flex-wrap:wrap;display:flex}.vessel-card-flag dd{align-items:center;gap:var(--space-1);min-width:0;color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere;margin:0;display:inline-flex}.vessel-card-flag dd span{font-size:var(--font-size-heading-sm);line-height:1}.vessel-card-status{color:var(--color-text-muted);font-size:var(--font-size-caption);flex:none}.vessel-card-content{padding:0 var(--space-5) var(--space-5);flex-direction:column;flex:1;display:flex}.vessel-card-facts{gap:var(--space-4);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4);grid-template-columns:.85fr 1.25fr 1fr;margin:0;display:grid}.vessel-card-facts>div{min-width:0}.vessel-card-facts dt,.vessel-card-event span,.vessel-card-dimensions dt{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.vessel-card-facts dd{align-items:flex-start;gap:var(--space-1);min-width:0;margin:var(--space-2) 0 0;color:var(--color-text-primary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body);overflow-wrap:anywhere;display:flex}.vessel-card-facts dd svg{width:var(--icon-sm);color:var(--palette-cyan-300);flex:none}.vessel-card-registration{font-family:var(--font-family-mono)}.vessel-card-event{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-elevated);padding:var(--space-3);display:flex}.vessel-card-event>svg{width:var(--icon-md);color:var(--palette-cyan-300);flex:none}.vessel-card-event>div{gap:var(--space-1);min-width:0;display:grid}.vessel-card-event strong{color:var(--color-text-primary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold)}.vessel-card-event time{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.vessel-card-footer{min-height:var(--space-12);justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-muted);padding:var(--space-3) var(--space-5);margin-top:auto;display:flex}.vessel-card-dimensions{gap:var(--space-3);flex:1;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;max-width:30rem;margin:0;display:grid}.vessel-card-dimensions>div{min-width:0}.vessel-card-dimensions dd{margin:var(--space-1) 0 0;color:var(--color-text-primary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);overflow-wrap:anywhere}.vessel-card-dimensions dd[data-unavailable=true]{color:var(--color-text-muted)}.vessel-card-link{min-height:var(--control-md);gap:var(--space-2);padding-inline:var(--space-3);margin-inline-start:auto}.vessel-card-link svg{width:var(--icon-sm)}.vessel-card-unavailable{max-width:12rem;color:var(--color-text-muted);font-size:var(--font-size-caption);text-align:right;margin-inline-start:auto}.vessels-empty{margin:var(--space-5);border-color:var(--color-border-default);background:var(--color-bg-surface);padding:var(--space-6);align-items:center}.vessels-empty button{margin-top:var(--space-3);grid-column:2;justify-self:start}@media (max-width:72rem){.vessels-heading{grid-template-columns:1fr;align-items:start}.vessels-scope-note{width:min(100%,38rem)}.vessel-card-footer{flex-wrap:wrap}.vessel-card-dimensions{flex-basis:100%;max-width:none}}@media (max-width:58rem){.vessels-grid{grid-template-columns:1fr}}@media (max-width:48rem){.vessels-frame{padding-bottom:7rem}.vessels-heading h1{font-size:var(--font-size-heading-lg)}.vessels-heading>div>p:last-child{font-size:var(--font-size-body)}}@media (max-width:36rem){.vessels-toolbar{grid-template-columns:1fr}.vessels-filters-trigger,.vessels-filter-footer>button{width:100%}.vessels-filter-fields{grid-template-columns:1fr}.vessels-results{flex-direction:column;align-items:flex-start}.vessels-sort{justify-content:space-between;width:100%}.vessel-card-header,.vessel-card-footer{flex-wrap:wrap}.vessel-card-facts{gap:var(--space-3);grid-template-columns:1fr}.vessel-card-facts>div{align-items:start;gap:var(--space-2);grid-template-columns:minmax(6rem,.7fr) minmax(0,1fr);display:grid}.vessel-card-facts dd{margin-top:0}.vessel-card-link{width:100%}.vessels-scope-note{grid-template-columns:1fr}}