:root{--web-navy:#103b55;--web-teal:#087e8b;--web-muted:#697f90;--web-line:#dce6ed;--web-bg:#f3f6f9}
/* Use the available workspace, and keep booking facts independent of container detail height. */
body #pg-ov .ops-overview{max-width:none;width:100%;margin:0;padding:16px 16px 48px}
body #ops-board .visvita-booking{display:block}
body #ops-board .booking-summary{display:grid;grid-template-columns:minmax(130px,.85fr) minmax(180px,1.25fr) repeat(2,minmax(190px,1fr));padding:0;border-right:0;border-bottom:1px solid #c9d8e2;align-items:stretch}
body #ops-board .booking-summary>div{display:block;padding:12px 16px;border:0;min-width:0}
body #ops-board .booking-summary>div+div{border-left:1px solid #dce6ed}
body #ops-board .booking-summary .etd-heading{justify-content:flex-start;flex-wrap:wrap;margin-bottom:5px}
body #ops-board .booking-summary .etd-date-row{display:inline-flex;gap:7px;margin:3px 12px 0 0;flex-wrap:wrap}
body #ops-board .booking-summary .summary-etd:not(.changed)>small,body #ops-board .booking-summary .summary-eta:not(.changed)>small{margin-bottom:5px}
@media(max-width:1100px){body #ops-board .booking-summary{grid-template-columns:repeat(2,minmax(0,1fr))}body #ops-board .booking-summary>div:nth-child(3){border-left:0}body #ops-board .booking-summary>div:nth-child(n+3){border-top:1px solid #dce6ed}}
body #ops-board .booking-party{font-size:14px;font-weight:700;color:#173e54}
.booking-bl-state{display:block;font-size:12px;font-weight:500;margin-top:5px;color:#536779}
.overview-stage{margin:16px 0 28px}
.overview-stage>summary{display:flex;align-items:center;gap:10px;padding:12px 2px;border-bottom:2px solid #7995a8;cursor:pointer;list-style:none;color:#173e54}
.overview-stage>summary:before{content:'▸';font-size:15px}.overview-stage[open]>summary:before{content:'▾'}
.overview-stage>summary h2{font-size:19px;margin:0}.overview-stage>summary>span{font-size:14px;margin-left:auto}
.stage-waiting>summary{border-color:#147c81}.stage-departed>summary{border-color:#87939c}
.overview-stage .shipper-group{margin:12px 0 18px}
body #ops-board .booking-detail-heading .container-detail-toggle{margin-left:0;padding:8px 12px!important;border:1px solid #a4bfce!important;font-size:14px!important;min-height:38px;white-space:nowrap}
body #ops-board .container-entry-progress{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:3px;font-size:14px;line-height:1.5;color:#213f54;border-left:1px solid #bfd2df;padding-left:12px}
body #ops-board .container-entry-progress>b{font-size:15px;color:#145f68}
body #ops-board .container-entry-progress>span{font-weight:500;color:#7d4b19}
body #ops-board .container-entry-progress>small{flex-basis:100%;background:none;border:0;padding:0;font-size:12px;font-weight:500;color:#435c6e}
body #ops-board .container-input-status{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:14px;color:#233d4d;line-height:1.5}
.container-input-status>b{font-size:17px}.container-input-status .input-complete{color:#176b59}.container-input-status .input-partial{color:#9b5419}.container-input-status .input-dateOnly{color:#215c81}
/* VISVITA summary/detail layout and light surfaces override legacy global table rules. */
body #sb .sb-mode-tabs{display:flex!important;background:#fff!important;border-color:#dce6ed!important}
body #sb .sb-mode-tabs>button:not(#sbt-rt){flex:1 1 50%!important;width:auto!important}
body #sb-logo .logo-t{display:block!important;color:#164f68!important;font-family:Arial,sans-serif;letter-spacing:2px}
body #shell #sb-logo{display:flex!important;background:#fff!important;flex-shrink:0}
body #ops-board .container-table th{background:#eff4f7!important;color:#111111!important;border-color:#c9d8e2!important;text-align:center;word-break:keep-all;font-size:14px;font-weight:700;padding:12px;letter-spacing:0;position:static}
body #ops-board .container-table td{padding:16px 12px;background:#fff!important;color:#111111!important;font-size:15px;line-height:1.65;font-weight:500;vertical-align:middle;text-align:center}
body #ops-board .container-table th+th,body #ops-board .container-table td+td{border-left:1px solid #d4e0e8}body #ops-board .container-table tbody tr+tr td{border-top:2px solid #bdcfdc}body #ops-board .container-table tbody tr:nth-child(even) td{background:#f8fafc!important}
body #ops-board .container-table th:nth-child(1){width:32%}body #ops-board .container-table th:nth-child(2){width:24%}body #ops-board .container-table th:nth-child(3){width:14%}body #ops-board .container-table th:nth-child(4){width:17%}body #ops-board .container-table th:nth-child(5){width:13%}
.shipper-group{margin:14px 0 28px;border:0;background:transparent;overflow:visible}
.shipper-group>summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;background:#e8eff4;border:1px solid #bfceda;border-radius:7px;color:#111111;font-size:16px}
.shipper-group>summary::before{content:'▸';color:#648596}.shipper-group[open]>summary::before{content:'▾'}.shipper-group>summary span{margin-left:auto;font-size:13px;color:#333333}
.visvita-booking{display:grid;grid-template-columns:210px minmax(0,1fr);margin:14px 0 20px;border:1px solid #a9bfce;border-top:3px solid #477b9b;border-radius:7px;background:#fff;overflow:hidden;box-shadow:0 2px 4px #163d5110}
.booking-summary{border-right:1px solid #e2eaf0;padding:3px 16px 8px;background:#fcfdfe;min-width:0}.booking-summary>div{padding:12px 0;border-bottom:1px solid #e6edf1}.booking-summary>div:last-child{border:0}.booking-summary small{display:block;color:#111111;font-size:13px;font-weight:700;letter-spacing:.4px;margin-bottom:7px}.booking-summary b{font-size:15px;font-weight:600;color:#111111;line-height:1.6;overflow-wrap:anywhere}body #ops-board .booking-summary .shipment-open{font-size:16px!important;color:#111111!important;font-weight:700;line-height:1.6;text-align:left;overflow-wrap:anywhere;white-space:normal} .summary-bkg{display:block;color:#333333;font-size:12px;margin-top:4px;overflow-wrap:anywhere}
.summary-route{display:grid;gap:12px}.summary-port{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:baseline;gap:8px}.summary-port small{margin:0}.summary-port b{overflow-wrap:break-word;word-break:normal}.etd-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.etd-heading small{margin:0}.etd-change{padding:4px 7px;border:1px solid;border-radius:4px;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}.etd-change.delay{color:#983408;background:#fff0e5;border-color:#e8b28d}.etd-change.rollover{color:#603096;background:#f4edff;border-color:#cbb2e5}.etd-change.advance{color:#0e6656;background:#e9f6f1;border-color:#9dcdbd}.etd-date-row{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:baseline;gap:8px;margin-top:5px;color:#111111;font-size:13px}.etd-date-row b{white-space:nowrap}.etd-date-row.current b{font-weight:800}
.booking-summary{padding:2px 14px 4px;text-align:left;background:#f7fafc;border-right-color:#b8cad7}.booking-summary>div{padding:9px 0}.booking-summary small{margin-bottom:5px}.summary-route{gap:7px}.summary-port small{margin:0}.summary-etd:not(.changed),.summary-eta:not(.changed){display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:baseline}.summary-etd:not(.changed) small,.summary-eta:not(.changed) small{margin:0}
.container-number-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));max-width:336px;margin-inline:auto;column-gap:12px;row-gap:6px}.container-tag{display:block;white-space:nowrap;overflow-wrap:normal;padding:0;border:0;background:transparent;font:500 14px/1.7 Arial,"Malgun Gothic",sans-serif;color:#111;text-align:center}.booking-detail .container-table-wrap{overflow:auto;overscroll-behavior:auto}.booking-detail-heading .booking-container-count{font-size:13px;font-weight:600;color:#334e60;white-space:nowrap}.container-overview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid #c9d8e2;background:#f5f8fb;font-size:12px;color:#334e60}.container-overview-footer button{padding:7px 10px!important;color:#07568c!important;border-color:#b3cbdc!important;font-weight:700;font-size:13px!important;white-space:nowrap}.booking-no-containers{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px;padding:20px;border:1px dashed #c4d4df;border-radius:5px;background:#fafcfd;color:#334e60;font-size:14px}.booking-no-containers button{color:#07568c!important;font-weight:700;white-space:nowrap}
.booking-detail{min-width:0}.booking-detail-heading{display:flex;align-items:center;gap:12px;padding:18px 16px;background:#edf5fb;border-bottom:1px solid #d1e2ef;color:#07568c;font-size:21px;font-weight:700;line-height:1.4;flex-wrap:wrap}.booking-detail-heading small{color:#135e78;font-size:13px;font-weight:700;padding:4px 8px;border:1px solid #b9d7e4;border-radius:5px;background:#fff}.booking-detail-heading button{margin-left:auto;padding:3px 0!important;border:0!important;color:#07568c!important;font-size:13px!important}
body #ops-board .cy-gap{color:#111111;font-weight:600;white-space:normal}body #ops-board .cy-gap.before-open{color:#8c4500!important}body #ops-board .container-table .cy-pill{white-space:normal;font-size:14px;font-weight:700;color:#111111;padding:5px 8px}body #ops-board .container-table small{font-size:12px;color:#3b3b3b;line-height:1.5}body #ops-board .container-table .not-entered{font-size:14px;color:#333333!important}
.container-disclosure{border:1px solid #d7e4eb;border-radius:6px;background:#fff}.container-disclosure>summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px;list-style:none;background:#f2f7f9;font-size:11px;color:#376479}.container-disclosure>summary>span{color:#8298a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40%}.container-disclosure>summary em{margin-left:auto;font-style:normal;font-size:10px;color:#17778b;white-space:nowrap}.container-disclosure-body{padding:12px}.container-disclosure .when-open{display:none}.container-disclosure[open] .when-open{display:block}.container-disclosure[open] .when-closed{display:none}.date-error{font-size:9px;font-weight:400;color:#b16939;min-height:0}.date-error:empty{display:none}
.cntr-add-bottom:focus-visible{outline:3px solid #e0a129;outline-offset:3px}
.cntr-add-bottom{display:block;width:100%;padding:11px 14px;margin:12px 0 16px;border-radius:6px;font-size:13px;cursor:pointer}
.ops-task-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.ops-task-card{min-width:0;background:#fff;border:1px solid #ccd8e1;border-radius:5px;overflow:hidden}.ops-task-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 5px;min-height:48px}.ops-task-card h2{margin:0;min-width:0;font-size:14px;line-height:1.5;font-weight:700;color:#111}.ops-task-card strong{font-size:22px;font-weight:700;color:#111;white-space:nowrap}.ops-task-card strong span{font-size:11px;font-weight:400;margin-left:4px}.ops-task-card>p{margin:0;padding:0 14px 11px;border-bottom:1px solid #e2e8ed;color:#56646c;font-size:11px;line-height:1.5}.ops-task-list{overflow:visible}.ops-overview .ops-task-row{display:block;width:100%;padding:10px 14px;border:0;border-bottom:1px solid #e6ebef;border-radius:0;background:#fff;text-align:left;line-height:1.5;cursor:pointer}.ops-overview .ops-task-row:last-child{border-bottom:0}.ops-overview .ops-task-row:hover,.ops-overview .ops-task-row:focus-visible{background:#f2f6f9;outline:2px solid #8baabd;outline-offset:-2px}.ops-task-row>span{display:block;overflow-wrap:anywhere}.task-shipper{font-size:14px;font-weight:600;color:#111}.task-booking{font-size:13px;color:#294454;margin-top:2px}.task-detail{font-size:12px;color:#654a28;margin-top:3px}.task-reports .task-detail{color:#9b2929}.ops-task-empty{padding:20px 14px;color:#62727d;font-size:12px;min-height:72px}
@media(max-width:980px){.ops-task-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.ops-task-summary{grid-template-columns:1fr}}
.cy-open-schedule{margin-bottom:16px}.cy-schedule-value{display:block;padding:10px;border:1px solid #c8e2dd;border-radius:5px;background:#f1faf7;color:#216f60;font-size:13px}.cy-schedule-value.unknown{background:#f7f9fb;color:#8595a2;border-color:#dce5ec}.cy-open-schedule>small{display:block;font-size:10px;color:#849ca9;margin-top:5px}
@media(max-width:1100px){.visvita-booking{grid-template-columns:210px minmax(0,1fr)}.booking-summary{padding:3px 12px}.booking-detail .container-table{min-width:720px}.booking-detail .container-table-wrap{overflow-x:auto}.booking-no-containers{flex-wrap:wrap;margin:14px;padding:16px}}
@media(max-width:760px){.visvita-booking{grid-template-columns:1fr} .booking-summary{display:block;border-right:0;border-bottom:1px solid #e2eaf0}.shipper-group>summary{padding:12px;font-size:15px}}
*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--web-bg);color:#213f54;font-family:Arial,"Malgun Gothic",sans-serif}body #shell{display:flex!important;position:fixed!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}#main{position:relative;padding-top:34px}#shared-status{position:absolute;top:0;left:0;right:0;height:34px;background:#eaf3f6;color:#426476;border-bottom:1px solid #d5e5ec;display:flex;align-items:center;gap:14px;padding:0 22px;font-size:11px;z-index:50}#shared-status b{margin-left:auto;font-size:10px;font-weight:500}#shared-status.error{background:#fff1e7;color:#9a3f14}#shared-status button{border:0;background:transparent;text-decoration:underline;font-size:11px;cursor:pointer}#topbar{flex-shrink:0}#pg-hi,#pg-sch,#pg-tsch,#pg-rt,#pg-ssl,#pg-cbm{top:83px!important}#tb-work-select,#btn-pack-update,#btn-update,#auto-lock-select,#tn-cbm,#tn-rt,#tn-ssl,#sbt-rt,#btn-add-ocr,#btn-claude-api-settings,.tnav-divider{display:none!important}#sb{width:248px;min-width:210px;box-shadow:none;border-right:1px solid var(--web-line)}#sb-logo{height:83px!important;display:flex;align-items:center;padding-left:18px!important}#sb-logo img{height:17px!important}#pg-ov{background:var(--web-bg);padding:0!important}#ov-body{padding:0!important}#tb-clock{font-size:10px}#tn-ov,#tn-cl,#tn-hi,#tn-tsch,#tn-sch{font-size:12px}#cl-r{min-width:0}.info-grid-2{grid-template-columns:minmax(400px,1.18fr) minmax(300px,1fr)!important}.info-card:has(#container-editor){border-top:3px solid var(--web-teal)}.info-card:has(#container-editor) #fr-warn{display:none!important}.info-card:has(#container-editor) .info-card-title{font-size:14px;letter-spacing:.5px}#container-editor input,#container-editor select{width:100%;padding:9px 10px;border:1px solid #cbdce6;border-radius:5px;background:#fff;font:12px Arial,"Malgun Gothic",sans-serif;color:#24475d;min-width:0;outline:none}#container-editor input:focus,#container-editor select:focus{border-color:#088c9e;box-shadow:0 0 0 2px #088c9e15}#container-editor input[readonly]{background:#edf3f6;color:#6b8293}.cntr-top{display:flex;gap:12px;align-items:flex-end}.cntr-top label{flex:1;font-size:12px;font-weight:700}.cntr-top label>span{font-weight:400;color:#8195a2;font-size:10px;margin-left:5px}.cntr-top input{display:block;margin-top:7px}.ops-primary{background:#0b566f!important;border:1px solid #0b566f!important;color:white!important;font-weight:700;white-space:nowrap}.cntr-top button,.ops-overview button,.dialog-actions button{padding:10px 14px;border:1px solid #cfdee7;border-radius:6px;background:#fff;color:#315970;cursor:pointer;font-size:12px}.cntr-top button{height:36px;font-size:11px}.cntr-help{font-size:11px;color:#7b8f9e;margin:12px 0}.cntr-row{border:1px solid var(--web-line);border-radius:7px;margin:12px 0;background:#fbfdfe;overflow:hidden}.cntr-row header{padding:9px 12px;background:#eef5f8;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#315970;letter-spacing:.2px}.cntr-remove{width:27px;height:24px;border:1px solid #d1dfe7;background:#fff;color:#617d8f;cursor:pointer;border-radius:4px;font-size:18px}.cntr-remove:hover{color:#b83c3c;border-color:#dba4a4}.cntr-fields{padding:12px;display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.cntr-fields label{font-size:11px;font-weight:600;display:flex;flex-direction:column;gap:6px}.cntr-place{grid-column:1/-1}.cntr-fields label.cntr-same{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:6px;margin-top:-5px;color:#557a8c;font-weight:400}#container-editor .cntr-same input{width:14px;height:14px;accent-color:#087e8b}.cy-result{height:35px;display:flex;align-items:center;padding:0 10px;background:#e8f4f1;border-radius:5px;color:#16776b;font-size:12px}.cy-result.unknown{background:#fff5e5;color:#986626}.cy-source{padding:0 12px 10px;color:#8095a4;font-size:10px}.cntr-bottom{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.cntr-bottom small{margin-left:auto;font-size:10px;font-weight:400;color:#8a9aa5}.cntr-bottom button{background:none;border:0;color:#157d8f;text-decoration:underline;font-size:11px;cursor:pointer}.cntr-empty{padding:24px 12px;border:1px dashed #cddde6;border-radius:7px;text-align:center;font-size:12px;color:#5a7a8d;line-height:2}.cntr-empty span{font-size:11px;color:#8a9da9}.ops-overview{max-width:1500px;margin:0 auto;padding:20px 34px 60px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#7b96a6}.board-caption{display:flex;justify-content:space-between;color:#7a91a1;font-size:11px;padding:17px 3px 5px}.board-caption b{font-weight:500}.port-heading{display:flex;gap:13px;align-items:center;padding:14px 3px 12px}.port-heading h2{font-size:17px;letter-spacing:-.4px;margin:0;color:#234c63}.port-heading span{font-size:11px;color:#8198a6}.port-heading small{margin-left:auto;font-size:10px;color:#688994}.shipment-card{border:1px solid var(--web-line);background:#fff;border-radius:9px;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 4px #183d5303}.shipment-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px}.shipment-heading>div{display:flex;align-items:center;gap:12px}.shipment-heading .eyebrow{font-size:9px;letter-spacing:.8px}.ops-overview .shipment-open{border:0;padding:0;color:#105477;background:transparent;font-size:16px;font-weight:700;letter-spacing:.2px}.shipment-open:hover{text-decoration:underline}.shipment-shipper{border-left:1px solid #d6e3e9;padding-left:12px;font-size:11px;color:#688599}.shipment-bkg{font-size:10px;color:#9aabb6}.shipment-route{display:grid;grid-template-columns:1.6fr 1.4fr 1fr 1fr;gap:20px;padding:1px 20px 19px}.shipment-route>div{display:flex;flex-direction:column;gap:6px}.shipment-route small{font-size:9px;letter-spacing:.5px;color:#92a6b3}.shipment-route b{font-size:11px;font-weight:500;color:#345b70}.shipment-route span{font-size:10px;color:#8aa1ae}.container-table{width:100%;border-collapse:collapse;table-layout:fixed}.container-table th{text-align:left;font-size:10px;color:#688597;font-weight:600;background:#f4f8fa;border-top:1px solid #e4edf2;padding:10px 20px}.container-table th:nth-child(2){width:30%}.container-table th:nth-child(3){width:19%}.container-table td{padding:14px 20px;border-top:1px solid #e9eff4;font-size:12px;color:#45687c;overflow-wrap:anywhere}.container-table td.container-number{font-weight:700;color:#244c65;letter-spacing:.3px}.container-table td.work-date{color:#204c66;font-weight:700}.container-table small{display:block;font-size:9px;margin-top:6px;color:#95a8b5}.container-table .same-tag{color:#869eac}.cy-pill{padding:4px 8px;border-radius:4px;font-size:10px;display:inline-block;white-space:nowrap}.cy-pill.always{background:#e5f4ef;color:#207e65}.cy-pill.dated{background:#eef4fa;color:#3d6f99}.cy-pill.unknown{background:#fff2df;color:#a67b3d}.container-table .not-entered{font-size:11px;color:#93a5b2}.not-entered button{border:0;padding:0 10px;font-size:11px;color:#237e94}.ops-empty{padding:65px 20px;text-align:center;background:#fff;border:1px dashed #cfdfe8;border-radius:9px;margin-top:20px}.empty-icon{font-size:42px;color:#a2bbc8}.ops-empty h2{font-size:20px;color:#42687e}.ops-empty p{font-size:12px;color:#92a5b0;margin-bottom:22px}.ops-empty button{margin:0 4px}.ops-empty .demo-link{display:block;margin:18px auto 0;border:0;color:#7894a3;font-size:11px;background:transparent;text-decoration:underline}.ops-dialog{max-width:470px;border:1px solid #c9dce7;border-radius:12px;padding:30px;color:#31596e;box-shadow:0 16px 80px #183c5330}.ops-dialog::backdrop{background:#15364a65}.ops-dialog h2{font-size:20px}.ops-dialog p{font-size:13px;line-height:1.8}.import-warning{background:#fff3e2;padding:10px;border-radius:5px;color:#95632b}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}#web-login{position:fixed;inset:0;z-index:1000000;background:#eef4f7;display:grid;place-items:center}.login-card{background:white;border:1px solid #d6e4ec;border-radius:12px;width:390px;padding:38px;box-shadow:0 12px 60px #153d5010}.login-card h1{font-size:26px;color:#183e55}.login-card p{font-size:12px;line-height:1.7;color:#7b94a3}.login-card label{display:block;font-size:12px;margin:18px 0;color:#5a788b}.login-card input{display:block;width:100%;margin-top:8px;border:1px solid #cfdfe8;border-radius:5px;padding:11px}.login-card button{border-radius:5px;width:100%;padding:12px;cursor:pointer}.login-card .login-error{color:#ad4b35}@media(max-width:1100px){#sb{width:205px;min-width:205px}.ops-overview{padding:24px 20px}.info-grid-2{grid-template-columns:1fr!important}.shipment-heading>div{flex-wrap:wrap;gap:8px}.shipment-route{gap:10px}.container-table td,.container-table th{padding-left:12px;padding-right:12px}#tb-clock{display:none}}@media(max-width:760px){#sb{width:170px;min-width:170px}.ops-overview{padding:20px 12px}.shipment-route{grid-template-columns:1fr 1fr}.shipment-bkg{display:none}.container-table-wrap{overflow:auto}.container-table{min-width:590px}.cntr-top{flex-wrap:wrap}.cntr-top label{flex-basis:100%}}

/* Expanded rows scroll below a stationary header, without sticky table painting. */
body #ops-board .containers-expanded .container-table-wrap{max-height:none}
body #ops-board .containers-expanded .container-table{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:300px}
body #ops-board .containers-expanded .container-table thead{display:block;position:static;overflow:hidden;background:#eff4f7}
body #ops-board .containers-expanded .container-table tbody{display:block;min-height:0;overflow:auto;overscroll-behavior:auto}
body #ops-board .containers-expanded .container-table tr{display:grid;grid-template-columns:32% 24% 14% 17% 13%}
body #ops-board .containers-expanded .container-table :is(th,td){width:auto;min-width:0}
/* Let wheel input continue from the container rows into the page at either edge. */
:is(#pg-ov,#cl-r,#pg-sch,#pg-hi,#tsch-wrapper,.container-table-wrap,.containers-expanded .container-table>thead,.containers-expanded .container-table>tbody){scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:auto}
:is(#pg-ov,#cl-r,#pg-sch,#pg-hi,#tsch-wrapper,.container-table-wrap,.containers-expanded .container-table>thead,.containers-expanded .container-table>tbody)::-webkit-scrollbar{width:12px;height:12px}
:is(#pg-ov,#cl-r,#pg-sch,#pg-hi,#tsch-wrapper,.container-table-wrap,.containers-expanded .container-table>thead,.containers-expanded .container-table>tbody)::-webkit-scrollbar-track{background:#e8eef3;border-radius:6px}
:is(#pg-ov,#cl-r,#pg-sch,#pg-hi,#tsch-wrapper,.container-table-wrap,.containers-expanded .container-table>thead,.containers-expanded .container-table>tbody)::-webkit-scrollbar-thumb{background:#7891a5;border:2px solid #e8eef3;border-radius:6px;min-height:44px}
:is(#pg-ov,#cl-r,#pg-sch,#pg-hi,#tsch-wrapper,.container-table-wrap,.containers-expanded .container-table>thead,.containers-expanded .container-table>tbody)::-webkit-scrollbar-thumb:hover{background:#466a85}
/* Collapsed date summary. */
.container-disclosure>summary{flex-wrap:wrap}
.container-disclosure>summary .cntr-date-summary{flex-basis:100%;color:#284b60;font-size:12px;font-weight:500;line-height:1.7}
.container-disclosure>summary{font-size:14px;padding:14px;min-height:60px}
.container-disclosure>summary em{font-size:14px;font-weight:700;color:#07568c;background:#fff;border:1px solid #a9c5d7;border-radius:5px;min-width:100px;padding:10px 14px;text-align:center}
.container-overview-footer button{font-size:14px!important;padding:10px 14px!important;min-height:42px}
.ops-overview .task-shipper-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}
.task-shipper-summary .task-booking{white-space:nowrap;margin:0;font-weight:600}
.container-disclosure>summary .self-transport-control{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:10px 8px;color:#203d50;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
.self-transport-control input{width:18px;height:18px;accent-color:#0d6878;cursor:pointer}
.container-disclosure>summary em{margin-left:0}
.booking-detail-heading .self-transport-badge{font-size:13px;font-weight:700;color:#176858;background:#e5f3ed;border:1px solid #bad9cc;border-radius:4px;padding:4px 8px;white-space:nowrap}
.ops-overview .task-container-deadline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.task-container-main{min-width:0}.task-container-main>span{display:block;overflow-wrap:anywhere}
.task-container-deadline>.container-doc-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:125px;text-align:right;color:#203d50;line-height:1.5}
.container-doc-status b{font-size:11px;letter-spacing:.2px}.container-doc-status strong{font-size:13px}.container-doc-status small{font-size:11px;color:#536a7a}.container-doc-status.urgent strong{color:#a64012}
.cntr-top.cntr-batch-top{display:grid;grid-template-columns:minmax(100px,1fr) 70px auto;gap:8px}
.cntr-batch-top .batch-dispatch{grid-column:1/-1}.cntr-batch-top label{min-width:0}
.batch-error{color:#b03d25;font-size:12px;line-height:1.5;margin-top:8px}.batch-error:empty{display:none}
/* Container document fields: one common dispatch address, optional per-unit override. */
.cntr-location-details{grid-column:1/-1;border-top:1px solid #dce6ec;padding-top:8px}
.cntr-location-details>summary{cursor:pointer;font-size:12px;color:#385c70;padding:5px 0}
.cntr-location-details[open]>summary{margin-bottom:10px}
.cntr-location-details .cntr-place{margin-top:8px}
.cntr-location-details .cntr-same{margin-top:0}
.cntr-export{padding:10px 12px;border:1px solid #a9c5d7;border-radius:5px;background:#fff;color:#07568c;font-size:12px;font-weight:700;cursor:pointer}
.tare-error{color:#a64012;font-size:11px}.tare-error:empty{display:none}

/* One CNTR/SEAL pair per line: read across, without shrinking the identifiers. */
body #ops-board .container-table{min-width:720px}
body #ops-board .container-number-list{display:block;max-width:none;margin:0;text-align:left}
body #ops-board .container-pair-head,body #ops-board .container-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:baseline;text-align:left}
body #ops-board .container-pair-head{font-size:12px;font-weight:700;color:#4b6271;padding:0 0 7px;border-bottom:1px solid #d2dfe7;letter-spacing:.3px}
body #ops-board .container-pair{font:600 16px/1.45 Arial,"Malgun Gothic",sans-serif;padding:8px 0;border-bottom:1px solid #e2e9ef;white-space:normal;letter-spacing:.2px}
body #ops-board .container-pair:last-child{border-bottom:0}
body #ops-board .container-pair>b,body #ops-board .container-pair>span{min-width:0;color:#122d40;font-size:16px;overflow-wrap:anywhere}
body #ops-board .container-pair>span{font-weight:500}
#container-editor .cntr-fields>label{font-size:13px}
#container-editor .cntr-fields input[data-field="number"],#container-editor .cntr-fields input[data-field="seal"]{font-size:16px;color:#102d40}
#container-editor input.duplicate-input{border:2px solid #bb3029;background:#fff7f5}
.duplicate-error{font-size:12px;font-weight:600;line-height:1.6;color:#ae2922;overflow-wrap:anywhere}
.duplicate-error:empty{display:none}.duplicate-error.history-match{color:#8a5d18}
.container-disclosure>summary .container-duplicate-summary{flex-basis:100%;font-size:13px;color:#ae2922}
/* Compact overview headings; only the selected card opens its bounded list. */
.ops-task-summary{align-items:start}
.ops-task-card>summary{display:flex;align-items:center;gap:10px;padding:14px;min-height:64px;cursor:pointer;list-style:none}
.ops-task-card>summary::-webkit-details-marker,#ops-bl-panel summary::-webkit-details-marker{display:none}
.ops-task-card>summary>strong{margin-left:auto}
.task-arrow{font-size:18px;color:#36576c;display:inline-block}
details[open]>summary>.task-arrow{transform:rotate(180deg)}
.ops-task-card .ops-task-list{max-height:260px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:auto}
.ops-task-card>summary:focus-visible,#ops-bl-panel summary:focus-visible{outline:2px solid #0b566f;outline-offset:-3px}
#ops-bl-panel{margin:0 0 22px;background:#fff;border:1px solid #ccd8e1;border-radius:5px;overflow:hidden;color:#172e40}
#ops-bl-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid #f1cccc;color:#b32738}
#ops-bl-panel h2{margin:0;font-size:17px;font-weight:700}
#ops-bl-panel header strong{font-size:20px}#ops-bl-panel header strong span{font-size:12px;margin-left:4px;font-weight:400}
#ops-bl-panel .bl-task-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:330px;overflow-y:auto;scrollbar-gutter:stable}
#ops-bl-panel .bl-task-row{display:block;min-width:0;text-align:left;padding:14px 18px;border:0;border-right:1px solid #e2e8ed;border-bottom:1px solid #e2e8ed;background:#fff;cursor:pointer;color:#142e41}
#ops-bl-panel .bl-task-row:hover,#ops-bl-panel .bl-task-row:focus-visible{background:#f2f7fa;outline:2px solid #8baabd;outline-offset:-2px}
.bl-task-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;overflow-wrap:anywhere}.bl-task-heading b{font-size:16px}.bl-task-heading>span{font-size:14px;color:#31546b}
.bl-task-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.bl-status{font-size:13px;line-height:1.4;padding:3px 7px;border:1px solid;border-radius:3px}
.bl-status.done{color:#08774c;border-color:#a3d9bc;background:#f1fbf5}.bl-status.pending{color:#b02c3a;border-color:#edbfc5;background:#fff5f6}.bl-status.original-pending{color:#925300;border-color:#e6c785;background:#fff9e9}.bl-status.unknown{color:#576673;border-color:#d1dce3;background:#f6f8fa}
#ops-bl-panel details>summary{display:flex;gap:12px;align-items:center;list-style:none;cursor:pointer;padding:13px 18px;font-size:14px;border-top:1px solid #e2e8ed;background:#f7f9fb}
#ops-bl-panel summary>.task-arrow{margin-left:auto}.bl-task-empty{margin:0;padding:20px 18px;color:#5e7180;font-size:14px;grid-column:1/-1}
@media(max-width:1100px){#ops-bl-panel .bl-task-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#ops-bl-panel .bl-task-list{grid-template-columns:1fr}}
.arrival-lookup{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 12px;padding:10px;border:1px solid #cbdce6;background:#f6fafc;font-size:12px;color:#254b64}
.arrival-lookup button{padding:7px 10px;background:#fff;border:1px solid #9ebed0;border-radius:3px;color:#075576;cursor:pointer;font-weight:700}
.arrival-lookup small{width:100%;font-size:11px}.arrival-source{display:block!important;line-height:1.5;margin-top:6px;color:#45657a!important;font-size:11px!important;font-weight:400!important}

.arrival-changes{margin:12px 0;border:1px solid #c9dae4;background:#fff;color:#132d40;border-radius:5px}.arrival-changes summary{cursor:pointer;font-weight:700;padding:12px 16px}.arrival-changes p{margin:0;padding:0 16px 10px;font-size:12px}.arrival-change-list{max-height:240px;overflow:auto;padding:0 16px 12px}.arrival-change-row{display:flex;gap:20px;align-items:center;justify-content:space-between;width:100%;background:#fff;border:0;border-top:1px solid #e0e8ed;padding:12px 0;text-align:left;color:#12324a;font-size:14px}.arrival-change-row span:nth-child(2){font-weight:700}.arrival-change-row span:last-child{font-size:12px;color:#4b6474}

.arrival-lookup{padding:8px 0;border:0;background:none;font-size:12px}.arrival-lookup>span{flex:1;min-width:180px}.arrival-compare-row small{display:block;font-size:11px;font-weight:600;margin-top:3px}.arrival-compare-row{border-top:1px solid #c9dce7!important}.arrival-compare-row>span{font-variant-numeric:tabular-nums}
/* ETA dates and change notices occupy separate lines inside the comparison cell. */
body .tsch-board-card-compare-row.arrival-compare-row>span{flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding-top:10px;padding-bottom:10px;white-space:normal;overflow-wrap:anywhere}
body .arrival-compare-row .arrival-result-date{font-size:13px;line-height:1.5;color:#172e40;font-weight:700;white-space:nowrap}
body .arrival-compare-row .arrival-result-status{display:block;width:fit-content;margin:0;padding:3px 6px;border-radius:3px;font-size:12px;line-height:1.4;font-weight:700;white-space:normal}
body .arrival-compare-row .arrival-result-status.delay{background:#ffe9d8;color:#92370d}
body .arrival-compare-row .arrival-result-status.advance{background:#e2f2ec;color:#17654e}
body .arrival-compare-row .arrival-result-status.neutral{background:#edf1f5;color:#4a6071}
body .tsch-board-card-compare-head>span{white-space:normal;line-height:1.5}