/* Overview v6 design. All layout rules are scoped so checklist/tools keep their UI. */
@font-face{font-family:VisvitaOverview;src:url('./overview-NanumGothic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:VisvitaOverview;src:url('./overview-NanumGothic-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
body #pg-ov .ops-redesign{--ov-line:#c9d8e2;--ov-navy:#0b3a5c;max-width:1840px;margin:0 auto;padding:16px 20px 56px;color:#16283a;font:14px/1.5 Cambria,Caladea,VisvitaOverview,'Malgun Gothic',serif;word-break:keep-all}
.ops-redesign button,.ops-redesign input{font-family:inherit}
.ops-redesign .redesign-task-card{border-radius:6px!important}
.ops-redesign .redesign-filter button{border-radius:20px!important}
.ops-redesign .container-detail-toggle{border-radius:5px!important}
.ops-redesign button:focus-visible,.ops-redesign summary:focus-visible{outline:2px solid #087e8b;outline-offset:3px}
body:has(#pg-ov.on) #sb{width:232px;min-width:210px;background:#fff;border-right:1px solid #d4e0e8}
body:has(#pg-ov.on) #sb-logo{min-height:68px;padding:22px 18px;font-family:Cambria,serif}
body:has(#pg-ov.on) #sb-logo h1{font-size:24px}
body:has(#pg-ov.on) #topbar{gap:14px;padding-left:24px;background:#fff;border-bottom:1px solid #d4e0e8}
body:has(#pg-ov.on) #topbar .tnav{font-size:13px;padding:8px 12px}
.ops-redesign .board-caption{padding:6px 2px 0;font-size:11px}
.ops-redesign .redesign-mobile-search{display:none}
.ops-redesign .redesign-task-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ops-redesign .redesign-task-card{display:flex;align-items:center;gap:12px;min-height:66px;border:1px solid #c9dce8;border-radius:6px;background:#fff;padding:12px 15px;text-align:left;color:#16283a;cursor:pointer;min-width:0}
.ops-redesign .redesign-task-card>span:first-child{min-width:0;flex:1}
.ops-redesign .redesign-task-card b{display:block;font-size:14px;font-weight:700}
.ops-redesign .redesign-task-card small{display:block;color:#647a8c;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ops-redesign .redesign-task-card>strong{font-size:22px;flex:none;white-space:nowrap}
.ops-redesign .redesign-task-card>strong small{display:inline;font-size:12px;font-weight:400;margin-left:3px}
.ops-redesign .redesign-task-card .task-arrow{font-size:12px;color:#698da5}
.ops-redesign .redesign-task-card[aria-expanded=true]{border-color:#087e8b;background:#f1f8f9;box-shadow:0 0 0 1px #087e8b}
.ops-redesign .redesign-task-panel{margin-top:10px;background:#fff;border:1px solid #c9dce8;border-radius:6px;padding:14px 18px}
.ops-redesign .redesign-task-panel header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ops-redesign .redesign-task-panel header button{border:0;background:transparent;color:#45687c;cursor:pointer;font-size:13px}
.ops-redesign .redesign-task-panel>p{color:#647a8c;font-size:12px;margin:3px 0 9px}
.ops-redesign .redesign-task-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 28px;max-height:330px;overflow-y:auto}
.ops-redesign .redesign-task-list .ops-task-row{font-family:inherit;font-size:13px;padding:12px 0;border:0;border-top:1px solid #e2eaf0;min-width:0}
.ops-redesign .redesign-task-list .task-shipper{font-size:15px}
.ops-redesign .arrival-changes,.ops-redesign .schedule-health{font-family:inherit;margin:12px 0 0;font-size:13px}
.ops-redesign .arrival-changes>summary,.ops-redesign .schedule-health>summary{padding:10px 15px}
body #ops-board .overview-stage{--stage-accent:#5185a7;margin:18px 0 0}
body #ops-board .stage-waiting{--stage-accent:#087e8b}
body #ops-board .stage-doc{--stage-accent:#d55b25}
body #ops-board .stage-booked,body #ops-board .stage-departed{--stage-accent:#8b99a3}
body #ops-board .overview-stage>summary{padding:0 4px 9px;border-bottom:2px solid var(--stage-accent);gap:9px;color:#173e54;align-items:baseline}
body #ops-board .overview-stage>summary:before{font-size:11px;color:#7895a8}
body #ops-board .overview-stage>summary h2{font-family:inherit;font-size:19px;white-space:nowrap;line-height:1.5}
body #ops-board .overview-stage>summary>small{font-size:12px;color:#688094;font-weight:400}
body #ops-board .overview-stage>summary>span{font-size:13px;white-space:nowrap}
body #ops-board .stage-departed:not([open])>summary{border-bottom:0;font-size:12px;padding-bottom:0;color:#708697}
body #ops-board .stage-departed:not([open])>summary h2{font-size:14px;font-weight:400}
body #ops-board .stage-departed:not([open])>summary>span{margin-left:4px}
body #ops-board .stage-departed:not([open])>summary>small{display:none}
.ops-redesign .redesign-filter{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0 10px}
.ops-redesign .redesign-filter button{background:#fff;border:1px solid #ccdae4;border-radius:20px;padding:4px 13px;font-size:13px;color:#466983;cursor:pointer}
.ops-redesign .redesign-filter button[aria-pressed=true]{background:#087e8b;border-color:#087e8b;color:#fff}
.ops-redesign .redesign-filter b{font-weight:400;margin-left:4px}
body #ops-board .shipper-group{margin:12px 0 0;border:1px solid var(--ov-line);border-left:3px solid var(--stage-accent);border-radius:6px;overflow:hidden;background:#fff}
body #ops-board .shipper-group>summary{border:0;background:var(--shipper-tint);padding:11px 16px;gap:10px;min-height:44px}
body #ops-board .shipper-group>summary>b{font-size:18px;color:var(--shipper-accent)}
body #ops-board .shipper-group>summary>span{margin-left:auto;font-size:12px;white-space:nowrap}
body #ops-board .redesign-table{--row-columns:minmax(250px,1.4fr) minmax(280px,1.8fr) minmax(155px,.85fr) minmax(155px,.85fr) 230px;background:#fff;border:1px solid var(--ov-line);border-left:3px solid var(--stage-accent);border-radius:6px;overflow:hidden}
body #ops-board .shipper-group .redesign-table{border:0;border-radius:0}
body #ops-board .stage-departed>.redesign-table{margin-top:12px}
body #ops-board .redesign-table-head,body #ops-board .redesign-booking-row{display:grid;grid-template-columns:var(--row-columns);align-items:stretch}
body #ops-board .redesign-table-head{background:#eaf1f6;border-bottom:1px solid var(--ov-line);font-size:12px;font-weight:700;color:#345b70;text-align:center}
body #ops-board .redesign-table-head>span{padding:10px;border-left:1px solid #dce6ed}
body #ops-board .redesign-table-head>span:first-child{border-left:0}
body #ops-board .redesign-booking{display:block;border:0;border-radius:0;margin:0;box-shadow:none;overflow:visible;background:#fff}
body #ops-board .redesign-booking+.redesign-booking{border-top:1px solid #dce6ed}
body #ops-board .redesign-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:12px 10px;text-align:center;border-left:1px solid #e0e8ee;gap:3px;overflow-wrap:anywhere}
body #ops-board .redesign-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;border-left:0;background:#f7fafc;padding:10px 12px;gap:3px 10px;text-align:left}
body #ops-board .redesign-identity-main{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
body #ops-board .redesign-refs{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
body #ops-board .redesign-refs>small{font-size:11px;color:#657f91}
body #ops-board .redesign-mbl{display:block;color:#183e55;line-height:1.35;overflow-wrap:anywhere}
body #ops-board .redesign-mbl>small{font-size:11px;color:#688094;font-weight:400}
body #ops-board .redesign-mbl>b{font-size:17px;font-weight:700}
body #ops-board .redesign-booking .booking-party{font-size:18px;line-height:1.4;color:var(--shipper-accent);background:none;padding:0}
body #ops-board .redesign-booking .redesign-party-inline{display:none}
body #ops-board .redesign-booking .shipment-open{font-family:inherit;font-size:16px;letter-spacing:0;color:#16283a;overflow-wrap:anywhere;max-width:100%;line-height:1.4;cursor:pointer;text-align:left}
body #ops-board .redesign-booking .shipment-open>small{font-size:11px;color:#688094;font-weight:400}
body #ops-board .redesign-identity>small{font-size:11px;color:#657f91}
body #ops-board .redesign-booking .booking-bl-state{font-size:11px;margin:0;color:#657f91}
body #ops-board .redesign-status{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;font-size:12px;line-height:1.5;max-width:96px;text-align:right}
body #ops-board .redesign-status:empty{display:none}
body #ops-board .redesign-identity:has(.redesign-status:empty){grid-template-columns:minmax(0,1fr)}
body #ops-board .redesign-doc{grid-column:1/-1;justify-self:start;max-width:100%;color:#48677c;font-size:14px;font-weight:600;line-height:1.5;background:#eaf1f6;padding:4px 7px;border-radius:4px;margin-top:3px}
body #ops-board .redesign-doc.urgent{background:#fff1e8}
body #ops-board .redesign-status .done{color:#298056}
body #ops-board .redesign-status .draft{color:#7752b2}
body #ops-board .redesign-status .pending,.ops-redesign .urgent{color:#c24527!important}
body #ops-board .redesign-vessel-title{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 7px;line-height:1.4}
body #ops-board .redesign-vessel-title>b{font-size:17px;color:#07568c}
body #ops-board .redesign-terminal{display:inline-block;padding:1px 5px;border:1px solid #b4cddd;border-radius:3px;font-size:10px;color:#426d85;white-space:nowrap}
body #ops-board .redesign-progress-line{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.5;font-size:13px;width:100%}
body #ops-board .redesign-booking .booking-container-count{font-size:13px;font-weight:400;white-space:nowrap}
body #ops-board .redesign-booking .container-entry-progress{border:0;padding:0;display:grid;grid-template-columns:repeat(2,max-content);align-items:baseline;justify-content:center;gap:3px 12px;font-size:12px;line-height:1.5;text-align:left}
body #ops-board .redesign-booking .container-entry-progress>b{font-size:12px;color:#237b68;white-space:nowrap}
body #ops-board .redesign-booking .container-entry-progress>span{font-size:12px;color:#a34b21;white-space:nowrap}
body #ops-board .redesign-booking .container-entry-progress>.booking-container-count{color:#31596e;font-size:12px}
@media(min-width:1401px){body #ops-board .redesign-booking .container-entry-progress{grid-template-columns:repeat(3,max-content)}}
body #ops-board .redesign-date{padding:10px 5px}
body #ops-board .redesign-date-line{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:5px;max-width:100%}
body #ops-board .redesign-date-line>b{font-size:16px;color:#16283a;white-space:nowrap}
body #ops-board .redesign-date>small{font-size:11px;color:#698194;white-space:nowrap}
body #ops-board .redesign-date .etd-change{font-size:11px;padding:1px 5px;margin:0;white-space:nowrap;border-radius:3px;line-height:1.5}
body #ops-board .redesign-booking .booking-detail-actions{margin:0;flex-direction:row;flex-wrap:wrap;align-content:center;gap:8px}
body #ops-board .redesign-booking .booking-detail-actions button{font-family:inherit;font-size:12px;color:#07568c;border:0;background:transparent;padding:7px 2px;min-height:34px;cursor:pointer}
body #ops-board .redesign-booking .booking-detail-actions .container-detail-toggle{border:1px solid #a4bfce;border-radius:5px;padding:7px 10px;color:#213f54;background:#fff}
body #ops-board .redesign-booking .booking-detail-actions button:last-child{text-decoration:underline;text-underline-offset:3px}
body #ops-board .redesign-booking .container-entry-progress.self-transport-progress{grid-template-columns:repeat(2,max-content)}
body #ops-board .redesign-booking .container-entry-progress>.self-transport-badge{font-size:12px;color:#7752b2;font-weight:700}
body #ops-board .redesign-container-detail{padding:0 12px 12px;background:#f7fafc;border-top:1px solid var(--ov-line)}
body #ops-board .redesign-container-detail .container-table-wrap{height:auto;min-height:0;max-height:none;overflow-x:auto;border:1px solid #d9e4eb;border-top:0;border-radius:0 0 4px 4px}
body #ops-board .redesign-booking .redesign-container-detail .container-table{display:table;width:100%;min-width:820px;max-height:none;table-layout:fixed;border-collapse:collapse}
body #ops-board .redesign-booking .redesign-container-detail .container-table thead{display:table-header-group;position:static}
body #ops-board .redesign-booking .redesign-container-detail .container-table tbody{display:table-row-group;overflow:visible;max-height:none;height:auto}
body #ops-board .redesign-booking .redesign-container-detail .container-table tr{display:table-row}
body #ops-board .redesign-container-detail th,body #ops-board .redesign-container-detail td{display:table-cell;position:static;padding:10px 14px;border:1px solid #e0e8ee;text-align:center;font-family:inherit;font-size:13px;color:#213f54;vertical-align:middle;width:auto}
body #ops-board .redesign-container-detail th{background:#eaf1f6;font-size:12px;white-space:nowrap}
body #ops-board .redesign-container-detail th:first-child{width:31%}
body #ops-board .redesign-container-detail th:nth-child(2){width:27%}
body #ops-board .redesign-container-detail th:nth-child(3){width:14%}
body #ops-board .redesign-container-detail th:nth-child(4){width:18%}
body #ops-board .redesign-container-detail th:nth-child(5){width:10%}
body #ops-board .redesign-container-detail .container-number-list{display:block}
body #ops-board .redesign-container-detail .container-pair-head,body #ops-board .redesign-container-detail .container-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left;min-width:0;width:100%}
body #ops-board .redesign-container-detail .container-pair{font-family:inherit;padding:6px 0;border-bottom:1px dotted #d7e3ec;background:none}
body #ops-board .redesign-container-detail .container-pair>b,body #ops-board .redesign-container-detail .container-pair>span{font-size:14px;letter-spacing:0}
body #ops-board .redesign-container-detail .container-pair:last-child{border:0}
body #ops-board .redesign-container-detail .container-pair-head{font-size:11px;color:#688094}
body #ops-board .redesign-container-detail .cy-pill{font-size:12px;white-space:normal}
body #ops-board .redesign-container-detail .before-open{color:#ad551d}
body #ops-board .redesign-add-container{display:block;margin:0 auto 12px;padding:8px 14px;border:1px solid #a4bfce;border-radius:4px;background:#fff;color:#07568c;cursor:pointer}
@media(max-width:1600px) and (min-width:761px){body #ops-board .redesign-table{--row-columns:minmax(250px,1.4fr) minmax(270px,1.6fr) minmax(150px,.8fr) minmax(150px,.8fr) 140px}body #ops-board .redesign-booking .booking-detail-actions{flex-direction:column;gap:2px}.ops-redesign .redesign-task-card{padding:10px;gap:6px}.ops-redesign .redesign-task-card b{font-size:13px}.ops-redesign .redesign-task-card small{font-size:10px}}
/* Narrow desktop windows reflow the booking summary; only the expanded detail table scrolls horizontally. */
@media(min-width:761px) and (max-width:1400px){
  body #pg-ov .ops-redesign{padding:12px}
  .ops-redesign .redesign-task-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  body #ops-board .redesign-table-head{display:none}
  body #ops-board .redesign-booking-row{grid-template-columns:repeat(4,minmax(0,1fr))}
  body #ops-board .redesign-identity,body #ops-board .redesign-vessel{grid-column:span 2;padding:14px}
  body #ops-board .redesign-booking .redesign-party-inline{display:block}
  body #ops-board .redesign-date,body #ops-board .redesign-booking .booking-detail-actions{border-top:1px solid #e0e8ee;background:#f7fafc}
  body #ops-board .redesign-date:before{content:attr(data-label);color:#678395;font-size:11px;font-weight:700}
  body #ops-board .redesign-booking .booking-detail-actions{grid-column:span 2;flex-direction:row;justify-content:space-evenly;gap:8px;padding:10px}
  body #ops-board .redesign-booking .booking-detail-actions button{min-height:40px;font-size:13px}
  body #ops-board .redesign-booking+.redesign-booking{border-top:6px solid #eaf1f6}
}
@media(min-width:761px) and (max-width:1100px){
  body:has(#pg-ov.on) #sb{width:190px;min-width:190px}
  body:has(#pg-ov.on) #topbar{gap:3px;padding-left:12px}
  body:has(#pg-ov.on) #topbar .tnav{padding:8px 9px}
  body:has(#pg-ov.on) #tb-r{display:none}
  body #ops-board .redesign-date{grid-column:span 2}
  body #ops-board .redesign-booking .booking-detail-actions{grid-column:1/-1;justify-content:space-between}
}
@media(min-width:761px) and (max-width:960px){
  body #ops-board .redesign-identity,body #ops-board .redesign-vessel{grid-column:1/-1;border-left:0}
  body #ops-board .redesign-vessel{border-top:1px solid #e0e8ee}
  body #ops-board .overview-stage>summary{flex-wrap:wrap}
  body #ops-board .overview-stage>summary>small{order:4;flex-basis:100%;padding-left:18px}
  .ops-redesign .redesign-task-list{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  body:has(#pg-ov.on) #sb{display:none!important}
  body:has(#pg-ov.on) #topbar{padding-left:8px;gap:2px;overflow-x:auto;min-width:0}
  body:has(#pg-ov.on) #topbar .tnav{font-size:12px;padding:8px;flex-shrink:0}
  body:has(#pg-ov.on) #tb-r{display:none}
  body #pg-ov .ops-redesign{padding:12px 10px 40px;font-size:14px}
  .ops-redesign .redesign-mobile-search{display:block;font-size:12px;color:#547184;margin-bottom:12px}
  .ops-redesign .redesign-mobile-search input{display:block;margin-top:4px;padding:10px 12px;width:100%;min-height:42px;border:1px solid #c9d8e2;background:#fff;border-radius:5px;font-size:15px;color:#16283a}
  .ops-redesign .redesign-task-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ops-redesign .redesign-task-card{padding:10px;gap:6px;min-height:70px}
  .ops-redesign .redesign-task-card b{font-size:13px}.ops-redesign .redesign-task-card>strong{font-size:20px}
  .ops-redesign .redesign-task-card small{font-size:10px}.ops-redesign .redesign-task-card>strong small{margin-left:0}
  .ops-redesign .redesign-task-list{display:block;max-height:360px}
  .ops-redesign .redesign-task-panel{padding:12px}
  body #ops-board .overview-stage>summary{flex-wrap:wrap;gap:2px 7px;padding-bottom:7px}
  body #ops-board .overview-stage>summary>small{order:4;flex-basis:100%;padding-left:18px;font-size:11px}
  body #ops-board .overview-stage>summary h2{font-size:18px}
  body #ops-board .shipper-group>summary{padding:10px;flex-wrap:wrap}
  body #ops-board .shipper-group>summary>span{font-size:11px}
  body #ops-board .redesign-table-head{display:none}
  body #ops-board .redesign-booking-row{grid-template-columns:1fr 1fr}
  body #ops-board .redesign-cell{padding:10px;border-left:0;gap:4px}
  body #ops-board .redesign-identity,body #ops-board .redesign-vessel,body #ops-board .redesign-booking .booking-detail-actions{grid-column:1/-1}
  body #ops-board .redesign-identity{align-items:flex-start;text-align:left;border-bottom:1px solid #e0e8ee;padding:12px}
  body #ops-board .redesign-booking .redesign-party-inline{display:block;font-size:14px}
  body #ops-board .redesign-vessel{padding:14px 10px}
  body #ops-board .redesign-date{background:#f7fafc;border-top:1px solid #e0e8ee;border-bottom:1px solid #e0e8ee}
  body #ops-board .redesign-date+.redesign-date{border-left:1px solid #e0e8ee}
  body #ops-board .redesign-date:before{content:attr(data-label);color:#678395;font-size:11px;font-weight:700}
  body #ops-board .redesign-booking .booking-detail-actions{justify-content:space-between;padding:10px 12px;gap:6px}
  body #ops-board .redesign-booking .booking-detail-actions button{min-height:42px;font-size:13px}
  body #ops-board .redesign-booking+.redesign-booking{border-top:6px solid #eaf1f6}
  body #ops-board .redesign-container-detail{padding:0 6px 8px}
  .ops-redesign .redesign-filter button{min-height:38px}
  .ops-redesign .arrival-change-row{gap:8px}.ops-redesign .arrival-change-target{gap:5px;font-size:13px}
}