#content.vessel-split-content{padding:6px 5px 0;overflow:hidden;min-height:0;display:flex;flex-direction:column}
.vessel-split-view{display:flex;flex-direction:column;flex:1;min-height:0;gap:0}
.vessel-list-grid{flex:1;min-height:120px;overflow:auto;background:#fff;border:1px solid #c4c7cc;position:relative}
.vessel-list-grid>.list-heading{position:sticky;top:0;z-index:3;background:#f5f5f5;margin:0;padding:6px 8px;border-bottom:1px solid #bfc4cd;min-width:1020px}
.vessel-list-grid .list-heading h2{font-size:12px;white-space:nowrap}.vessel-list-grid .list-heading small{font-size:10px}
.vessel-list-grid>.table-wrap{border:0;overflow:visible}.vessel-list-grid>.table-wrap th{top:38px;z-index:2}
.vessel-list-grid .data-table td,.commercial-table .data-table td{padding:4px 7px;font-size:12px;line-height:17px}.vessel-list-grid .data-table th,.commercial-table .data-table th{padding:5px 7px;font-size:11px}
.vessel-list-grid .data-table td:first-child{width:27px}.vessel-list-grid .data-table tr[data-vessel-row]{cursor:pointer;outline-offset:-2px}
.vessel-list-grid .data-table tr.vessel-current,.vessel-list-grid .data-table tr.vessel-current:hover{background:#d3e7ff;box-shadow:inset 3px 0 #468bd9}
.vessel-list-grid .list-note{padding:0 8px;color:#929aa4;font-size:10px}
#vessel-pane-host{flex:0 0 34%;min-height:210px;max-height:60%;display:flex;border-top:6px solid #d2d2d2;margin-top:4px}
.vessel-detail-pane{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:white;border:1px solid #bfc4cd}
.vessel-pane-tabs{display:flex;gap:4px;background:linear-gradient(#ededed,#d2d2d2);border-bottom:1px solid #aaa;padding:3px 3px 0;flex-shrink:0;overflow-x:auto;min-height:31px}
.vessel-pane-tabs button{border-radius:4px 4px 0 0;white-space:nowrap;font-size:12px;font-weight:600;color:#777;min-height:27px;padding:3px 12px;background:linear-gradient(#f5f5f5,#d8d8d8);border:1px solid #aaa;border-bottom:0}
.vessel-pane-tabs button.active{color:#333;background:#fff;box-shadow:inset 0 2px #6d96bf}
.vessel-pane-heading{display:flex;align-items:center;gap:12px;padding:4px 8px;border-bottom:1px solid #d6dce2;background:#f2f5f8;min-height:29px;flex-shrink:0;font-size:12px}.vessel-pane-heading strong{color:#345577}.vessel-pane-heading span{font-size:10px;color:#6f7f8f}.vessel-pane-heading button{margin-left:auto;font-size:10px;min-height:21px;padding:1px 8px}
#vessel-pane-content{flex:1;min-height:0;overflow:auto}.vessel-pane-empty{padding:30px;color:#8a95a1;text-align:center;font-size:12px}
.vessel-facts{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));min-width:810px;padding:0 8px;column-gap:18px}.vessel-facts>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #e1e4e8;font-size:11px}.vessel-facts span{color:#687e95;white-space:nowrap}.vessel-facts strong{font-weight:500;text-align:right}
.commercial-table{border:0;overflow:visible}.commercial-table .data-table th{cursor:default;z-index:1;top:0}.commercial-table .data-table td:first-child{width:auto;color:inherit}.commercial-table .data-table .sale-event{background:#ffffd5}.commercial-table .data-table td.empty{padding:25px!important}
.pane-note{font-size:10px;color:#8290a0;padding:5px 8px;margin:0}.vessel-private{padding:12px;font-size:12px}.vessel-private p{white-space:pre-wrap;line-height:1.5}.vessel-private small{color:#8290a0}
@media(max-height:700px){#vessel-pane-host{min-height:175px;flex-basis:40%}.vessel-list-grid{min-height:80px}}