/* DAYO ERP · International Transport V2 · scoped to the four approved pages */
:root{--it-blue:#0878f9;--it-navy:#07176d;--it-line:#d6e5f6;--it-soft:#f2f8ff;--it-bg:#eff8ff;--it-text:#10206e;--it-muted:#6680b6}
body.dayo-batch2-layout .transport-v2-page{box-sizing:border-box!important;padding:12px 12px 16px!important;background:linear-gradient(120deg,#f3fbff,#eef8ff)!important;color:var(--it-text)!important;font-size:13px!important;line-height:1.35!important;overflow-y:auto!important;overflow-x:hidden!important}
.transport-v2-page *{box-sizing:border-box}
.transport-v2-page button,.transport-v2-page input,.transport-v2-page select,.transport-v2-page textarea{font:inherit}
.it-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.it-breadcrumb{font-size:13px;color:#5371ad;margin-bottom:6px}.it-breadcrumb b{color:#153e92}.it-breadcrumb span{padding:0 8px;color:#8ca5d1}
.it-page-head h2{margin:0;color:#061270;font-size:22px;line-height:28px;font-weight:700}.it-head-actions{display:flex;gap:8px;align-items:center}
.it-btn{height:32px;min-width:0;border:1px solid #c8ddf7;border-radius:7px;background:#fff;color:#113687;padding:0 12px;font-size:13px;font-weight:650;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;white-space:nowrap}
.it-btn:hover{border-color:#86b8f8;background:#f8fbff}.it-btn.primary{color:#fff;border-color:var(--it-blue);background:linear-gradient(180deg,#1280ff,#006cf3)}.it-btn.danger{color:#ef2f39;border-color:#ff8d95}.it-btn:disabled{opacity:.45;cursor:not-allowed}.it-btn.compact{height:32px;min-width:0;padding:0 12px}
.it-card{border:1px solid #deebf8;border-radius:9px;background:#fff;box-shadow:0 8px 24px rgba(58,104,170,.035);margin-bottom:10px}
.it-filter-card{padding:12px}.it-filter-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1.2fr) auto auto;gap:8px;align-items:end}.it-filter-grid.shipment{grid-template-columns:316px minmax(220px,.8fr) minmax(300px,1fr) auto auto;gap:8px}
.it-field{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px;align-items:center;min-width:0}.it-field>span,.it-label{font-size:13px;font-weight:600;color:#071766;white-space:nowrap}.it-field input,.it-field select,.it-control{width:100%;height:32px;min-height:32px;border:1px solid #bcd7f5;border-radius:6px;background:#fff;color:#10206e;padding:0 8px;font-size:13px;line-height:30px;outline:none}.it-field textarea{width:100%;min-height:64px;border:1px solid #bcd7f5;border-radius:6px;padding:8px 10px;resize:vertical;color:#10206e}.it-field input:focus,.it-field select:focus,.it-field textarea:focus,.it-control:focus-within{border-color:#1680ff;box-shadow:0 0 0 3px rgba(22,128,255,.09)}.it-field input:disabled,.it-field select:disabled,.it-field textarea:disabled{background:#f3f7fb;color:#61759e}.it-required{color:#f32336;margin-left:3px}
.it-date-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.it-date-range i{font-style:normal;color:#87a0cc}
.it-tabs{display:flex;gap:0;align-items:stretch;border-bottom:1px solid #d9e7f5;padding:0 12px;background:#fff}.it-tabs button{height:38px;padding:0 14px;border:0;border-bottom:3px solid transparent;background:transparent;color:#173b8c;font-size:13px;font-weight:650;cursor:pointer}.it-tabs button.active{color:#0574f5;border-bottom-color:#1680ff}.it-tabs.compact button{height:38px;padding:0 14px}
.it-table-card{overflow:hidden}.it-card-title{padding:10px 12px;font-size:16px;font-weight:600;color:#07176d}.it-table-wrap{overflow-x:auto;overflow-y:visible;padding:0 10px}.it-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.it-table th,.it-table td{padding:4px 6px;border:1px solid #d8e7f6;color:#153b8d;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it-table th{height:38px;position:static!important;background:#eef7ff!important;color:#193b87!important;text-align:center;font-size:13px;font-weight:600;line-height:1.35}.it-table td{height:40px;text-align:center;font-size:13px;line-height:1.35}.it-table td.left{text-align:left}.it-table td.money{text-align:right;font-variant-numeric:tabular-nums}.it-table tbody tr:hover td{background:#f8fbff}.it-table a,.it-link{border:0;background:transparent;color:#0074f5;font-weight:650;text-decoration:none;cursor:pointer}.it-table tfoot td{background:#eef7ff!important;color:#0876f7;font-weight:750;border-top:1px solid #cfe1f4}
.it-badge{height:24px;min-height:24px;min-width:0;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:650;line-height:1}.it-badge.success{color:#009c5b;background:#dff8eb}.it-badge.info{color:#0781f5;background:#e2f2ff}.it-badge.warning{color:#f08b00;background:#fff0df}.it-badge.danger{color:#f33b35;background:#ffe7e8}.it-badge.neutral{color:#60759b;background:#edf2f7}
.it-pagination{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;color:#183c89}.it-page-summary{display:flex;gap:12px}.it-page-buttons{display:flex;align-items:center;gap:8px}.it-page-buttons button,.it-page-buttons select{height:32px;min-height:32px;border:1px solid #cce0f5;border-radius:7px;background:#fff;color:#17418e;padding:0 10px;font-size:13px}.it-page-buttons button.active{background:#0878f9;color:#fff;border-color:#0878f9}.it-page-buttons button:disabled{opacity:.45}
.it-company-table{min-width:1110px}.it-company-table col:nth-child(1){width:58px}.it-company-table col:nth-child(2){width:230px}.it-company-table col:nth-child(3){width:82px}.it-company-table col:nth-child(4){width:128px}.it-company-table col:nth-child(5){width:130px}.it-company-table col:nth-child(6),.it-company-table col:nth-child(7),.it-company-table col:nth-child(8){width:112px}.it-company-table col:nth-child(9){width:96px}.it-company-table col:nth-child(10){width:82px}
.it-shipment-table{min-width:1390px}.it-shipment-table col:nth-child(1){width:132px}.it-shipment-table col:nth-child(2){width:104px}.it-shipment-table col:nth-child(3){width:218px}.it-shipment-table col:nth-child(4){width:92px}.it-shipment-table col:nth-child(5){width:78px}.it-shipment-table col:nth-child(6){width:82px}.it-shipment-table col:nth-child(7){width:114px}.it-shipment-table col:nth-child(8){width:96px}.it-shipment-table col:nth-child(9){width:106px}.it-shipment-table col:nth-child(10){width:160px}.it-shipment-table col:nth-child(11){width:196px}.it-row-actions{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.it-row-actions .attachment-count{height:26px;padding:0 8px}
.it-combobox{position:relative;min-width:0}.it-combobox input{padding-right:38px}.it-combobox-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;background:transparent;color:#6f8cbd;font-size:20px;cursor:pointer}.it-combobox-menu{display:none;position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:80;max-height:260px;overflow:auto;background:#fff;border:1px solid #bbd6f5;border-radius:7px;box-shadow:0 14px 34px rgba(22,68,134,.17);padding:5px}.it-combobox.open .it-combobox-menu{display:block}.it-combobox-menu button{display:block;width:100%;border:0;border-radius:5px;background:#fff;color:#153c8d;text-align:left;padding:10px 11px;cursor:pointer}.it-combobox-menu button:hover,.it-combobox-menu button.active{background:#eaf5ff;color:#0878f9}.it-combobox-menu small{display:block;color:#8298bf;margin-top:3px}
.it-empty{height:112px!important;text-align:center!important;color:#8194b6!important}

/* Workspaces */
body.dayo-batch2-layout .transport-v2-page.transport-workspace-active{height:calc(100dvh - 85px)!important;max-height:calc(100dvh - 85px)!important;min-height:0!important;padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;background:#f2faff!important}
.it-work-head{flex:0 0 auto;min-height:54px;padding:8px 18px;display:flex;align-items:center;gap:10px}.it-back{width:auto;min-width:0;height:32px;border:1px solid #c5dcf7;border-radius:7px;background:#fff;color:#123a86;padding:0 12px;font-size:13px;font-weight:650;cursor:pointer}.it-work-title{display:flex;align-items:center;gap:8px;min-width:0}.it-work-title h2{font-size:22px;line-height:28px;font-weight:700;margin:0;color:#061270}.it-save-state{height:24px;min-height:24px;padding:0 8px;border-radius:999px;background:#dcf8e9;color:#049b5c;display:inline-flex;align-items:center;font-size:12px;font-weight:650;line-height:1}.it-save-state.dirty{background:#fff0df;color:#dc7b00}.it-work-meta{margin-left:auto;display:flex;align-items:center;gap:12px;color:#526fa9}.it-work-meta span+span{padding-left:12px;border-left:1px solid #d2e0ef}
.it-work-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 18px 10px;scrollbar-gutter:stable}.it-section{border:1px solid #deebf8;border-radius:9px;background:#fff;margin-bottom:10px;overflow:visible}.it-section-head{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#07176d}.it-section-head h3{margin:0;font-size:16px;font-weight:600}.it-section-body{padding:2px 12px 12px}
.it-company-form{display:grid;grid-template-columns:1fr 1.06fr;gap:8px 20px}.it-company-form-col{display:grid;gap:8px}.it-company-form .it-field{grid-template-columns:132px minmax(0,1fr)}.it-company-form textarea{min-height:64px}.it-record-tabs{margin:0}.it-record-body{padding:8px 8px 6px}.it-record-table{min-width:1000px}.it-record-table th{height:38px;padding:4px 6px;font-size:13px}.it-record-table td{height:40px;padding:4px 6px;font-size:13px}
.it-shipment-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.it-shipment-form .it-field{grid-template-columns:102px minmax(0,1fr);gap:8px}.it-shipment-form .it-field.wide{grid-column:1/-1}.it-shipment-form .it-field.wide textarea{min-height:36px;height:36px;padding:7px 8px}.it-shipment-form .it-combobox input{height:32px}
.it-detail-tools{display:flex;gap:8px}.it-detail-wrap{overflow:auto;padding:0 10px 10px}.it-detail-table{min-width:1390px;table-layout:fixed}.it-detail-table th{height:38px;padding:4px 6px}.it-detail-table td{height:40px;padding:4px 6px}.it-detail-table input{width:100%;height:32px;min-height:32px;border:1px solid #c6dcf4;border-radius:5px;padding:0 6px;color:#10206e;font-size:13px;line-height:30px;text-align:center}.it-detail-table input:disabled{border-color:transparent;background:transparent}.it-detail-table col:nth-child(1){width:42px}.it-detail-table col:nth-child(2){width:55px}.it-detail-table col:nth-child(3){width:115px}.it-detail-table col:nth-child(4){width:190px}.it-detail-table col:nth-child(5){width:115px}.it-detail-table col:nth-child(6){width:124px}.it-detail-table col:nth-child(7){width:106px}.it-detail-table col:nth-child(8){width:116px}.it-detail-table col:nth-child(9){width:116px}.it-detail-table col:nth-child(10){width:116px}.it-detail-table col:nth-child(11){width:122px}.it-detail-table col:nth-child(12){width:80px}
.it-attachment-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.it-upload-box{min-height:68px;border:1px dashed #98bff0;border-radius:7px;background:#fbfdff;display:flex;align-items:center;justify-content:center;gap:16px;color:#0a72ef;cursor:pointer}.it-upload-box[hidden]{display:none}.it-upload-box b{display:block}.it-upload-box small{display:block;margin-top:3px;color:#7890bc}.it-attachment-list{display:grid;gap:6px;margin-top:8px}.it-attachment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:6px 8px;border:1px solid #d5e5f6;border-radius:6px;background:#f7fbff;color:#365995}.it-attachment-row.pending{background:#fffaf1;border-color:#f2d8a3}.it-attachment-name{min-width:0}.it-attachment-name b{display:block;color:#173d89;font-weight:650;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.it-attachment-name small{display:block;margin-top:2px;color:#7890bc}.it-attachment-actions{display:flex;align-items:center;gap:6px}.it-attachment-actions button,.it-attachment-actions a{height:28px;border:1px solid #bcd7f5;border-radius:5px;background:#fff;color:#0878f9;padding:0 8px;display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;white-space:nowrap}.it-attachment-actions .danger{color:#e43a45;border-color:#f3b3b8}.it-attachment-empty{padding:10px;border:1px dashed #d5e5f6;border-radius:6px;color:#7890bc;text-align:center}.it-notes{width:100%;height:76px;border:1px solid #bcd7f5;border-radius:7px;padding:10px 12px;resize:vertical;color:#10206e}
.it-detail-table input{display:block}
.it-work-footer{flex:0 0 52px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 18px;border-top:1px solid #d5e4f3;background:#fff;box-shadow:0 -8px 22px rgba(39,91,153,.06);z-index:5}
.it-product-picker{display:grid;gap:10px}.it-product-search{height:36px;border:1px solid #bcd7f5;border-radius:6px;padding:0 12px}.it-product-options{max-height:430px;overflow:auto;border:1px solid #dce9f7;border-radius:7px}.it-product-option{display:grid;grid-template-columns:34px 140px 1fr 160px;align-items:center;gap:8px;min-height:44px;padding:6px 10px;border-bottom:1px solid #edf3fa;color:#173e8c}.it-product-option:last-child{border-bottom:0}.it-product-option:hover{background:#f2f8ff}

@media(max-width:1350px){.it-filter-grid{grid-template-columns:1fr 1fr auto auto;gap:8px}.it-filter-grid.shipment{grid-template-columns:minmax(0,1.7fr) minmax(0,.85fr) minmax(0,1.2fr) 76px 76px;gap:8px}.it-filter-grid.shipment .it-date-filter{grid-column:auto}.it-filter-grid.shipment>.it-btn{width:76px;min-width:76px;padding:0 8px}.it-company-form{gap:8px 20px}.it-company-form .it-field{grid-template-columns:116px minmax(0,1fr)}.it-shipment-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body.dayo-batch2-layout .transport-v2-page{padding:14px!important}.it-page-head{align-items:flex-start}.it-page-head h2{font-size:22px}.it-head-actions{flex-wrap:wrap;justify-content:flex-end}.it-filter-grid,.it-filter-grid.shipment{grid-template-columns:1fr}.it-filter-grid.shipment .it-date-filter{grid-column:auto}.it-company-form{grid-template-columns:1fr}.it-shipment-form{grid-template-columns:1fr}.it-shipment-form .it-field.wide{grid-column:auto}.it-attachment-grid{grid-template-columns:1fr}.it-work-meta{display:none}.it-tabs{overflow-x:auto}.it-tabs button{white-space:nowrap}.it-page-summary{gap:10px;flex-wrap:wrap}.it-work-footer{padding:9px 14px}.it-work-footer .it-btn{min-width:82px}}

/* The legacy Batch 2 compact sheet uses repeated-ID selectors. Keep the
   approved international-transport dimensions authoritative on these two
   pages only, without changing the global shell or other modules. */
body.dayo-batch2-layout :is(
  #transportCompanies#transportCompanies#transportCompanies,
  #shipments#shipments#shipments
).transport-v2-page.transport-workspace-active{
  box-sizing:border-box!important;
  height:calc(100dvh - 85px)!important;
  max-height:calc(100dvh - 85px)!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
body.dayo-batch2-layout :is(
  #transportCompanies#transportCompanies#transportCompanies,
  #shipments#shipments#shipments
).transport-v2-page.transport-workspace-active>.it-work-head{
  flex:0 0 auto!important;
}
body.dayo-batch2-layout :is(
  #transportCompanies#transportCompanies#transportCompanies,
  #shipments#shipments#shipments
).transport-v2-page.transport-workspace-active>.it-work-scroll{
  flex:1 1 auto!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.dayo-batch2-layout :is(
  #transportCompanies#transportCompanies#transportCompanies,
  #shipments#shipments#shipments
).transport-v2-page.transport-workspace-active>.it-work-footer{
  flex:0 0 52px!important;
}
body.dayo-batch2-layout :is(
  #transportCompanies#transportCompanies#transportCompanies,
  #shipments#shipments#shipments
).transport-v2-page .it-page-head h2{
  font-size:22px!important;
  line-height:28px!important;
  font-weight:700!important;
}
body.dayo-batch2-layout :is(
  #transportCompanies#transportCompanies#transportCompanies,
  #shipments#shipments#shipments
).transport-v2-page .it-work-title h2{
  font-size:22px!important;
  line-height:28px!important;
  font-weight:700!important;
}
body.dayo-batch2-layout :is(
  #transportCompanies#transportCompanies#transportCompanies,
  #shipments#shipments#shipments
).transport-v2-page .it-section-head h3{
  font-size:16px!important;
  line-height:1.3!important;
  font-weight:600!important;
}
body.dayo-batch2-layout :is(
  #transportCompanies#transportCompanies#transportCompanies,
  #shipments#shipments#shipments
).transport-v2-page .it-field :is(input:not([type=checkbox]):not([type=radio]),select){
  height:32px!important;
  min-height:32px!important;
  padding:0 8px!important;
  font-size:13px!important;
  line-height:30px!important;
}
body.dayo-batch2-layout :is(
  #transportCompanies#transportCompanies#transportCompanies,
  #shipments#shipments#shipments
).transport-v2-page .it-table thead th{
  height:38px!important;
  padding:4px 6px!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:600!important;
}
body.dayo-batch2-layout :is(
  #transportCompanies#transportCompanies#transportCompanies,
  #shipments#shipments#shipments
).transport-v2-page .it-table :is(tbody,tfoot) td{
  height:40px!important;
  padding:4px 6px!important;
  font-size:13px!important;
  line-height:1.35!important;
}
body.dayo-batch2-layout :is(
  #transportCompanies#transportCompanies#transportCompanies,
  #shipments#shipments#shipments
).transport-v2-page .it-record-table :is(th,td){
  height:40px!important;
  padding:4px 6px!important;
  font-size:13px!important;
}
body.dayo-batch2-layout :is(
  #transportCompanies#transportCompanies#transportCompanies,
  #shipments#shipments#shipments
).transport-v2-page .it-detail-table :is(th,td){
  height:40px!important;
  padding:4px 6px!important;
}
body.dayo-batch2-layout :is(
  #transportCompanies#transportCompanies#transportCompanies,
  #shipments#shipments#shipments
).transport-v2-page .it-detail-table input:not([type=checkbox]){
  height:32px!important;
  min-height:32px!important;
  padding:0 6px!important;
  font-size:13px!important;
  line-height:30px!important;
}