:root{--web-navy:#103b55;--web-teal:#087e8b;--web-muted:#697f90;--web-line:#dce6ed;--web-bg:#f3f6f9}
/* 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:center;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:flex;justify-content:center;align-items:baseline;gap:10px;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:center;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{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:baseline}.summary-etd:not(.changed) small,.summary-eta small{margin:0}
.container-number-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));column-gap:16px;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}.containers-expanded .container-table-wrap{max-height:300px}body #ops-board .containers-expanded .container-table thead{position:sticky;top:0;z-index:1}.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}.ops-filters{display:flex;gap:12px;align-items:flex-end;background:white;border:1px solid var(--web-line);border-radius:8px;padding:12px 14px}.ops-filters label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:#6b8495;letter-spacing:.3px;width:170px}.ops-filters input,.ops-filters select{height:37px;border:1px solid #d6e2e9;border-radius:5px;padding:7px 10px;background:white;color:#32586e;font-size:12px;min-width:0}.ops-filters input::placeholder{color:#91a3af}.ops-filters button{height:37px;font-size:11px}.ops-filters #ov-add{margin-left:auto}.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}.ops-filters label{width:130px}.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}.ops-filters{flex-wrap:wrap}.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%}}

/* Let wheel input continue from the container table into the page at either edge. */
:is(#pg-ov,#cl-r,#pg-sch,#pg-hi,#tsch-wrapper,.container-table-wrap){scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:auto}
:is(#pg-ov,#cl-r,#pg-sch,#pg-hi,#tsch-wrapper,.container-table-wrap)::-webkit-scrollbar{width:12px;height:12px}
:is(#pg-ov,#cl-r,#pg-sch,#pg-hi,#tsch-wrapper,.container-table-wrap)::-webkit-scrollbar-track{background:#e8eef3;border-radius:6px}
:is(#pg-ov,#cl-r,#pg-sch,#pg-hi,#tsch-wrapper,.container-table-wrap)::-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)::-webkit-scrollbar-thumb:hover{background:#466a85}