#orderbook-tabs,#orderbook-sidebar{display:none}.orderbook-mode #orderbook-tabs{height:33px;display:flex;gap:4px;align-items:end;background:linear-gradient(#e6e6e6,#ccc);padding:3px 4px 0;border-bottom:1px solid #bbb}.orderbook-mode #orderbook-tabs button{font-size:13px;font-weight:bold;color:#777;min-height:27px;border-radius:4px 4px 0 0;padding:3px 12px}.orderbook-mode #orderbook-tabs button.active{background:#fff;color:#333;border-bottom-color:#fff}.orderbook-mode .workspace{height:calc(100vh - 98px);min-height:0;padding:6px 3px 0;gap:5px;background:#fff}.orderbook-mode aside{width:17%;min-width:250px;border:0;background:white}.orderbook-mode aside>*:not(#orderbook-sidebar){display:none!important}.orderbook-mode #orderbook-sidebar{display:flex;flex-direction:column;height:100%;min-height:0;gap:7px}.ob-filter-panel{flex:1;min-height:0;display:flex;flex-direction:column;background:#f0f0f0;border:1px solid #c4c4c4}.ob-side-title{display:flex;align-items:center;gap:10px;background:linear-gradient(#fafafa,#d8d8d8);padding:6px 9px;min-height:34px;font-size:15px}.ob-side-title>span{font-size:27px;color:#b77a20;line-height:20px}.ob-side-title button{margin-left:auto;min-height:17px;height:18px;padding:0 3px;color:#888;line-height:12px}.ob-filter-actions{display:flex;justify-content:space-between;background:#858585;padding:6px}.ob-filter-actions button{font-size:13px;min-height:27px;padding:1px 7px}.ob-filter-actions i{color:#ff615b;font-size:23px;font-style:normal;line-height:18px;vertical-align:middle}#ob-filter-form{overflow:auto;min-height:0;padding:9px 5px}.ob-fields{min-width:225px;display:flex;flex-direction:column;gap:5px}.ob-field{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:5px;font-size:12px}.ob-field>span{text-align:right}.ob-field>div{display:flex;gap:5px;min-width:0}.ob-field input,.ob-field select{width:100%;min-width:0;height:27px;font-size:12px}.ob-field input[type=date]{font-size:11px;padding:2px;width:50%}.ob-field .ob-add{color:#2dbc3e;min-width:24px;width:24px;padding:0;font-size:22px;line-height:23px;min-height:25px;height:27px}.ob-scope-note{font-size:10px;color:#8e9295;line-height:1.5;margin:8px;padding:4px;margin-top:auto}.ob-analyses{flex:0 0 22%;min-height:105px;border:1px solid #ccc}.ob-analyses h3{font-size:14px;padding:6px;margin:0;background:linear-gradient(#fafafa,#ddd)}.ob-analyses h3 span{color:#ba7a22;font-size:20px;margin-right:6px}.ob-analyses>div{display:flex;justify-content:space-between;background:linear-gradient(#fff,#e3e3e3);border-block:1px solid #ccc;padding:5px;font-size:12px}.ob-analyses>button{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #ccc;border-radius:0;background:#fff;font-size:12px;color:#ff615b;padding:5px}.ob-analyses strong{font-size:23px;line-height:14px}.orderbook-mode main>.tabs-bar,.orderbook-mode main>.toolbar,.orderbook-mode main>footer{display:none}.orderbook-mode #content{padding:0;overflow:hidden;flex:1;min-height:0;display:flex}.ob-main{display:flex;flex-direction:column;min-width:0;width:100%;min-height:0}.ob-list{flex:1;min-height:100px;display:flex;flex-direction:column;border:1px solid #ccc}.ob-table-tools{min-height:47px;display:flex;align-items:center;gap:7px;padding:8px 10px;background:#fff;font-size:12px}.ob-table-tools>span{margin-right:auto}.ob-table-tools button{font-size:12px;min-height:27px}.ob-table-tools i{color:#27bf35;font-style:normal;font-size:18px;line-height:16px}.ob-table-tools [data-ob-action=export] i{color:#f11}.ob-table-wrap{overflow:auto;flex:1;min-height:0;scrollbar-width:thin}.ob-table{table-layout:fixed;min-width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.ob-table th,.ob-table td{border-right:1px solid #b9b9b9;border-bottom:1px solid #ddd;text-align:left;padding:2px 6px;height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}.ob-table th{position:sticky;top:0;z-index:1;background:linear-gradient(#fff,#e7e7e7);color:#444;font-weight:bold;height:28px;cursor:pointer}.ob-table td:first-child,.ob-table th:first-child{padding:2px 5px}.ob-table tr:nth-child(even){background:#f8f8f8}.ob-table tr:hover{background:#e9f2fc}.ob-table tr.vessel-current{background:#d1e7ff}.ob-table td button{border:0;background:none;padding:0;font-size:24px;line-height:18px;min-height:18px;display:block}.ob-table td button[aria-pressed=true]{color:#bd8823}.ob-table .ob-empty{text-align:center;padding:28px;color:#888}.orderbook-mode #vessel-pane-host{flex:0 0 22%;min-height:155px;max-height:50%;margin-top:7px;border-top:0}.orderbook-mode .vessel-pane-tabs button{padding:3px 9px;font-size:12px}.orderbook-mode .vessel-pane-heading{min-height:25px;font-size:11px;padding:2px 7px}.orderbook-mode .commercial-tools{padding:3px 8px;min-height:24px;font-size:10px}.orderbook-mode .commercial-table .data-table td{padding:2px 7px;font-size:11px}.orderbook-mode .commercial-table .data-table th{padding:3px 7px}.ob-pick-options{display:flex;flex-direction:column;gap:7px;max-height:55vh;overflow:auto;padding:10px}.ob-side-collapsed aside{width:32px!important;min-width:32px!important}.ob-side-collapsed .ob-side-title{padding:5px}.ob-side-collapsed .ob-side-title>*:not(button),.ob-side-collapsed .ob-filter-actions,.ob-side-collapsed #ob-filter-form,.ob-side-collapsed .ob-scope-note,.ob-side-collapsed .ob-analyses{display:none}@media(min-width:1800px){.ob-table{font-size:14px}.ob-table th,.ob-table td{height:25px}.ob-field{font-size:14px;grid-template-columns:83px minmax(0,1fr)}.ob-field input,.ob-field select{font-size:14px}.ob-table-tools{font-size:14px}.ob-side-title{font-size:17px}}@media(max-width:900px){.orderbook-mode aside{min-width:215px}.ob-field{grid-template-columns:57px minmax(0,1fr)}.ob-table-tools{flex-wrap:wrap}.ob-table-tools>span{width:100%}.orderbook-mode #vessel-pane-host{min-height:145px}}

.orderbook-mode .ob-empty-pane{opacity:.5;background:#eee}.orderbook-mode .ob-empty-pane .vessel-pane-empty{padding:10px}