/* All styles are confined to the new work picker and direct workspace. */
body[data-ops-mode="work-select"] #ai-toggle,
body[data-ops-mode="work-select"] #ai-panel,
body[data-ops-mode="direct"] #ai-toggle,
body[data-ops-mode="direct"] #ai-panel { display: none !important; }
.work-type-picker,
.direct-workspace {
  position: relative;
  z-index: 1;
  width: min(100%, 1180px);
  margin: 0 auto;
  color: #232833;
  font-family: "Pretendard", "Malgun Gothic", sans-serif;
}
.direct-workspace .direct-header { padding: 12px 22px; }
.direct-logo { width: 108px; height: 56px; object-fit: contain; }
.direct-header-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
#direct-save-state { font-size: 12px; color: #687789; }
#direct-message { flex: 0 0 auto; padding: 0 24px; background: #edf6f0; color: #245d3b; font-size: 13px; line-height: 1.6; }
#direct-message:not(:empty) { padding-top: 9px; padding-bottom: 9px; border-bottom: 1px solid #d4e6d9; }
#direct-message.is-error { background: #fff0f0; color: #9d2330; border-color: #efcdd2; }
.direct-workspace button { border: 1px solid #d8dfe7; padding: 8px 12px; border-radius: 6px; background: #fff; color: #354354; }
.direct-workspace button:disabled { opacity: .55; cursor: wait; }
.direct-workspace h2, .direct-workspace h3 { margin: 0; }
.direct-workspace h3 { font-size: 16px; }
.direct-workspace .direct-content { padding: 22px; }
.direct-workspace .direct-primary { color: #fff; background: #a91f2a; border-color: #a91f2a; }
.direct-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.direct-row strong { margin-right: auto; }
.direct-section-space { margin-top: 28px; }
.direct-muted { color: #738091; font-size: 12px; }
.direct-error-text { color: #af2334; }
.direct-inline-stats { display: flex; flex-wrap: wrap; gap: 20px; font-size: 13px; color: #667384; }
.direct-inline-stats b { margin-left: 7px; color: #25354a; }
.direct-shipper-group { border: 1px solid #dbe1e8; background: #fff; border-radius: 8px; margin-bottom: 12px; }
.direct-shipper-group summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 17px; cursor: pointer; list-style: none; font-size: 15px; font-weight: 600; }
.direct-shipper-group summary::before { content: '▸'; color: #9f2935; }
.direct-shipper-group[open] summary::before { content: '▾'; }
.direct-shipper-group summary span:first-child { flex: 1; }
.direct-shipper-group summary span:last-child { color: #758192; font-size: 12px; font-weight: 400; }
.direct-table-scroll { width: 100%; overflow: auto; border: 1px solid #dce2e8; border-radius: 7px; background: #fff; }
.direct-shipper-group .direct-table-scroll { border: 0; border-top: 1px solid #e0e6ec; border-radius: 0; }
.direct-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.direct-table th { text-align: left; padding: 12px; background: #eef1f5; font-size: 12px; font-weight: 500; color: #637082; white-space: nowrap; }
.direct-table td { padding: 13px 12px; border-top: 1px solid #e4e8ed; vertical-align: middle; overflow-wrap: anywhere; min-width: 100px; }
.direct-table td.number { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.direct-table small { display: block; margin-top: 5px; font-size: 11px; }
.direct-workspace .direct-link { border: 0; padding: 0; color: #a82333; background: transparent; font-weight: 600; text-align: left; }
.direct-badge { display: inline-block; padding: 3px 7px; margin: 2px; background: #edf0f5; color: #4f6177; font-size: 12px; white-space: nowrap; border-radius: 4px; }
.direct-badge.danger { background: #fce7e9; color: #a51f30; }
.direct-badge.warning { background: #fff2d8; color: #805011; }
.direct-badge.done { background: #e6f3eb; color: #256047; }
.direct-empty-state { display: flex; gap: 18px; flex-wrap: wrap; justify-content: center; align-items: center; border: 1px dashed #ccd5df; padding: 42px 24px; color: #6e7c8e; font-size: 14px; background: #fff; border-radius: 8px; }
.direct-workspace .direct-order-pick { display: block; width: 100%; text-align: left; margin-bottom: 10px; padding: 16px; }
.direct-grid { display: grid; gap: 13px; margin-bottom: 16px; }
.direct-grid.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.direct-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.direct-grid.six { grid-template-columns: repeat(6,minmax(0,1fr)); }
.direct-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; min-width: 0; }
.direct-field>span { color: #647185; font-size: 12px; }
.direct-workspace input:not([type=checkbox]), .direct-workspace textarea, .direct-workspace select { display: block; width: 100%; min-width: 0; padding: 9px 10px; border: 1px solid #cdd5df; border-radius: 5px; background: #fff; color: #243348; font: inherit; font-size: 13px; line-height: 1.5; }
.direct-workspace textarea { resize: vertical; min-height: 62px; }
.direct-workspace .direct-row select { width: auto; min-width: 150px; max-width: 300px; flex: 1; }
.direct-party-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin: 18px 0; }
.direct-party { padding: 15px; min-width: 0; border: 1px solid #d9dfe8; background: #fff; border-radius: 8px; }
.direct-party legend { padding: 0 7px; font-size: 13px; font-weight: 600; color: #44556c; }
.direct-party .direct-row { margin-bottom: 14px; }
.direct-checkbox { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; font-size: 13px; color: #394b62; padding: 10px 0; }
.direct-workspace .direct-checkbox input { width: 16px; height: 16px; margin: 0; accent-color: #a91f2a; }
.direct-term-row { justify-content: flex-start; margin-bottom: 20px; }
.direct-item { margin-bottom: 14px; padding: 18px; border: 1px solid #dbe1e8; background: #fff; border-radius: 8px; }
.direct-item>.direct-row { margin-bottom: 12px; }
.direct-packing { border: 1px solid #e4ccd0; border-radius: 7px; background: #fffafa; padding: 12px 16px; margin: 0 0 16px; min-width: 0; }
.direct-packing legend { color: #962431; padding: 0 6px; font-size: 13px; font-weight: 600; }
.direct-packing-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.direct-packing .direct-muted { margin: 3px 0; line-height: 1.7; }
.direct-packing input:disabled { background: #f1f3f6; color: #627083; }
.direct-item-feedback { min-height: 20px; margin: -12px 0 12px; color: #42624e; font-size: 12px; }
.direct-item-picker { width: min(760px,94vw); max-height: 82vh; margin: auto; inset: 0; padding: 0; border: 1px solid #cdd5df; border-radius: 12px; color: #243348; background: #f6f7f9; }
.direct-item-picker[open] { display: flex; flex-direction: column; }
.direct-item-picker::backdrop { background: #17243870; }
.direct-item-picker-head { display: flex; flex: 0 0 auto; gap: 20px; align-items: flex-start; justify-content: space-between; padding: 22px 24px 12px; }
.direct-item-picker-head h2 { font-size: 21px; }
.direct-item-picker-head p { margin: 8px 0 0; font-size: 13px; color: #6b788a; }
.direct-item-picker-head button { flex-shrink: 0; }
.direct-item-search { margin: 0; padding: 4px 24px 18px; flex: 0 0 auto; }
.direct-item-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 0 24px 24px; overflow: auto; min-height: 0; }
.direct-workspace .direct-item-option { display: flex; flex-direction: column; gap: 12px; padding: 18px; text-align: left; white-space: normal; overflow-wrap: anywhere; border-radius: 8px; }
.direct-item-option strong { line-height: 1.6; font-size: 14px; }
.direct-item-option span { font-size: 12px; line-height: 1.6; color: #6a788b; }
.direct-item-option small { margin-top: auto; padding-top: 3px; color: #a91f2a; font-size: 12px; }
.direct-workspace .direct-item-option:hover { border-color: #b3323d; background: #fffafa; }
.direct-picker-empty { grid-column: 1 / -1; padding: 22px 0; color: #687789; font-size: 14px; line-height: 1.8; }
@media(max-width:560px) { .direct-item-options { grid-template-columns: 1fr; } .direct-item-picker-head { padding: 18px; } .direct-item-search { padding: 0 18px 16px; } .direct-item-options { padding: 0 18px 18px; } }
.direct-line-total { padding-top: 10px; border-top: 1px solid #e6ebf0; text-align: right; color: #65748a; font-size: 12px; font-variant-numeric: tabular-nums; }
.direct-totals { margin: 18px 0; padding: 17px; background: #eaf0f7; text-align: right; font-size: 14px; color: #2d4561; font-variant-numeric: tabular-nums; }
.direct-form-actions { display: flex; gap: 10px; justify-content: flex-end; padding: 20px 0 6px; }
.direct-allocation-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.direct-allocation { display: flex; align-items: center; justify-content: space-between; gap: 15px; border: 1px solid #dbe2ea; background: #fff; padding: 15px; }
.direct-allocation span { min-width: 0; overflow-wrap: anywhere; }
.direct-allocation small { display: block; color: #708095; margin-top: 5px; }
.direct-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.direct-shipping-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-bottom: 20px; align-items: start; }
.direct-shipping-grid.secondary { grid-template-columns: repeat(2,minmax(0,1fr)); }
.direct-shipping-card { min-width: 0; background: #fff; border: 1px solid #dbe2ea; border-radius: 10px; padding: 19px; }
.direct-shipping-card > h3 { margin: 0 0 18px; padding-bottom: 12px; border-bottom: 2px solid #a91f2a; font-size: 16px; }
.direct-shipping-card .direct-field { margin-bottom: 12px; }
.direct-shipping-card .direct-grid { gap: 10px; margin-bottom: 0; }
.direct-shipping-card .direct-checkbox { margin: 7px 0; font-size: 13px; }
.direct-cipl-link { margin: 0 0 18px; background: #faf5f5; padding: 12px; border-radius: 6px; font-size: 12px; }
.direct-cipl-link div { margin: 0 0 9px; }
.direct-cipl-link div:last-child { margin: 0; }
.direct-cipl-link dt { color: #8b545a; margin-bottom: 3px; }
.direct-cipl-link dd { margin: 0; overflow-wrap: anywhere; font-weight: 600; }
.direct-schedule-line { padding: 0 0 10px; margin-bottom: 15px; border-bottom: 1px solid #e8ecf1; }
.direct-hbl { border: 1px solid #dbe2ea; border-radius: 7px; margin: 14px 0; padding: 12px; min-width: 0; }
.direct-hbl legend { padding: 0 5px; font-size: 13px; font-weight: 700; }
.direct-file-drop { display: flex; flex-direction: column; gap: 10px; padding: 18px; margin-top: 16px; background: #fafbfc; border: 1px dashed #c8ced8; border-radius: 6px; font-size: 12px; }
.direct-workspace .direct-file-drop input { width: 100%; min-width: 0; font-size: 12px; }
.direct-file-row,.direct-alarm-row { display: flex; align-items: center; gap: 8px; padding: 12px 0; border-bottom: 1px solid #edf0f3; font-size: 12px; }
.direct-file-row > span,.direct-alarm-row > label { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.direct-file-row small { display: block; color: #77818c; margin-top: 4px; }
.direct-alarm-row b { display: block; margin-bottom: 4px; }
.direct-alarm-row.is-done span { color: #88919d; text-decoration: line-through; }
.direct-due-alarms { background: #fff8ed; border: 1px solid #e4c792; border-radius: 8px; padding: 16px; margin: 18px 0; }
.direct-due-alarms h3 { margin: 0 0 12px; font-size: 15px; }
.direct-due-alarms button { display: flex; gap: 12px; flex-wrap: wrap; width: 100%; text-align: left; margin: 8px 0; }
.direct-due-alarms span { overflow-wrap: anywhere; min-width: 0; }
.direct-terminal-row { display: flex; flex-direction: column; gap: 7px; margin-top: 12px; padding: 12px; background: #f5f7fa; border-radius: 6px; font-size: 12px; overflow-wrap: anywhere; }
#direct-shipper-notice { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 13px; padding: 14px; border: 1px solid #e1e5ec; }
@media(max-width:1150px) { .direct-shipping-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:750px) { .direct-shipping-grid,.direct-shipping-grid.secondary { grid-template-columns: 1fr; } }
@media(max-width:420px) { .direct-shipping-card { padding: 13px; } .direct-shipping-card .direct-grid.two { grid-template-columns: 1fr; } }
.direct-workspace .direct-allocation input { max-width: 130px; }
.direct-checklist { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 22px; padding: 16px; background: #fff; border: 1px solid #dbe2ea; border-radius: 8px; margin-bottom: 18px; }
.direct-checklist label { border-bottom: 1px solid #edf0f3; padding: 13px 0; }
.direct-favorites-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.direct-favorite-section { background: #fff; border: 1px solid #dce3eb; border-radius: 8px; padding: 18px; }
.direct-favorite-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #e6eaf0; padding: 14px 0; font-size: 13px; }
.direct-favorite-row span { overflow-wrap: anywhere; min-width: 0; }
.direct-favorite-row small { display: block; color: #7a8797; margin-top: 4px; }
.direct-preview { padding: 0; border: 1px solid #bdc8d5; border-radius: 8px; width: min(1150px,96vw); height: 93vh; max-height: 93vh; color: #243348; background: #f2f4f7; }
.direct-preview[open] { display: flex; flex-direction: column; }
.direct-preview::backdrop { background: #17243880; }
.direct-preview-toolbar { display: flex; flex-shrink: 0; gap: 10px; flex-wrap: wrap; align-items: center; padding: 12px; background: #fff; border-bottom: 1px solid #d8dfe7; }
.direct-preview iframe { width: 100%; flex: 1; min-height: 0; border: 0; }
#direct-pdf-status { font-size: 13px; color: #8a2530; }
@media(max-width:1050px) { .direct-grid.six { grid-template-columns: repeat(3,minmax(0,1fr)); } .direct-party-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .direct-grid.four,.direct-grid.three,.direct-grid.six { grid-template-columns: repeat(2,minmax(0,1fr)); } .direct-party-grid,.direct-favorites-grid,.direct-allocation-list,.direct-checklist { grid-template-columns: 1fr; } .direct-header-actions { gap: 7px; } .direct-workspace .direct-content { padding: 14px; } .direct-workspace .direct-header { padding: 10px 14px; } }
.work-type-picker[hidden], .direct-workspace[hidden], .direct-workspace [hidden] { display: none !important; }
.work-type-picker *, .direct-workspace * { box-sizing: border-box; }
.work-type-picker button, .direct-workspace button { font: inherit; cursor: pointer; -webkit-app-region: no-drag; }
.work-type-picker button:focus-visible, .direct-workspace button:focus-visible { outline: 3px solid #a52a34; outline-offset: 4px; }
.work-type-picker .workspace-back, .direct-workspace .workspace-back {
  background: #fff; color: #475260; border: 1px solid #dce0e5; border-radius: 9px; padding: 10px 15px; white-space: nowrap;
}
.work-picker-head { display: flex; align-items: center; gap: 22px; margin: 30px 0 36px; }
.work-picker-head p { color: #647064; font-size: 14px; margin: 0 0 7px; }
.work-picker-head h1 { margin: 0; font-size: 30px; letter-spacing: -.8px; }
.work-picker-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.work-type-picker .work-picker-card {
  display: flex; flex-direction: column; align-items: flex-start; gap: 14px;
  min-height: 340px; padding: 34px; border: 1px solid #d9ded8; border-radius: 20px; background: #fff;
  color: #232833; text-align: left; box-shadow: 0 12px 30px #253b2710; transition: border-color .15s, box-shadow .15s;
}
.work-type-picker .work-picker-card:hover { border-color: #899f8d; box-shadow: 0 16px 36px #253b2720; }
.work-type-picker .work-picker-direct:hover { border-color: #cf5860; }
.work-picker-brand { display: flex; height: 80px; align-items: center; margin-bottom: 10px; }
.work-picker-brand img { width: 146px; max-height: 80px; object-fit: contain; }
.work-picker-nomi .work-picker-brand img { width: 160px; }
.work-picker-card strong { font-size: 28px; letter-spacing: -.6px; }
.work-picker-action { margin-top: auto; padding-top: 16px; font-size: 14px; font-weight: 700; color: #28654d; }
.work-picker-direct .work-picker-action { color: #b31e2b; }
body[data-ops-mode="direct"] #ops-mode-hub {
  display: flex; flex-direction: column; padding: 0; overflow: hidden; background: #f6f7f9;
}
body[data-ops-mode="direct"] #ops-mode-hub > .ops2a-ambient,
body[data-ops-mode="direct"] #ops-mode-hub > .ops2a-sheen,
body[data-ops-mode="direct"] #ops-mode-hub > .ops2a-noise { display: none; }
.direct-workspace {
  display: flex; flex-direction: column; flex: 1; min-height: 0; width: 100%; margin: 0;
  border: 0; border-radius: 0; background: #f6f7f9; overflow: hidden; box-shadow: none;
}
.direct-header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; padding: 23px 28px; background: #fff; }
.direct-brand { display: flex; align-items: center; gap: 22px; }
.direct-brand img { width: 120px; height: 67px; object-fit: contain; }
.direct-brand p { color: #747d88; font-size: 12px; margin: 0 0 6px; }
.direct-brand h1 { font-size: 23px; margin: 0; letter-spacing: -.6px; }
.direct-nav { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 6px; padding: 12px 24px; background: #fff; border-top: 1px solid #eef0f3; border-bottom: 1px solid #e2e5ea; }
.direct-nav button { padding: 11px 17px; border: 0; border-radius: 7px; background: transparent; color: #5b6470; font-weight: 600; font-size: 14px; }
.direct-nav button[aria-selected="true"] { color: #fff; background: #a91f2a; }
.direct-nav button:hover:not([aria-selected="true"]) { background: #f7f0f0; color: #8c1c25; }
.direct-content { display: flex; flex-direction: column; flex: 1; min-height: 0; padding: 30px; overflow: auto; }
.direct-content > [role="tabpanel"] { display: flex; flex-direction: column; flex: 1 0 auto; min-width: 0; }
.direct-section-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin-bottom: 23px; }
.direct-section-head p { margin: 0 0 8px; color: #93414a; font-size: 12px; letter-spacing: .5px; }
.direct-section-head h2 { margin: 0; font-size: 23px; letter-spacing: -.5px; }
.direct-stage { padding: 5px 10px; background: #eceef1; color: #5c6470; border-radius: 5px; font-size: 12px; white-space: nowrap; }
.direct-workflow { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.direct-workflow button { display: flex; flex-direction: column; text-align: left; gap: 8px; padding: 18px; border: 1px solid #e0e3e8; border-radius: 10px; background: #fff; }
.direct-workflow button:hover { border-color: #cb9298; }
.direct-workflow .direct-step { color: #a91f2a; font-size: 12px; font-weight: 700; }
.direct-workflow strong { font-size: 16px; }
.direct-workflow span:last-child { color: #77818c; font-size: 12px; }
.direct-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; margin-top: 24px; padding: 34px 24px; text-align: center; border: 1px dashed #cdd3dc; background: #fff; border-radius: 12px; }
.direct-empty-label { display: inline-block; padding: 4px 10px; color: #9e3943; background: #fcf0f1; border-radius: 5px; font-size: 12px; }
.direct-empty h3 { margin: 16px 0 10px; font-size: 19px; }
.direct-empty p { margin: 0 auto 21px; color: #657080; font-size: 14px; line-height: 1.8; max-width: 540px; }
.direct-workspace .direct-primary { background: #a91f2a; color: #fff; border: 0; border-radius: 7px; padding: 11px 17px; font-size: 14px; }
.direct-overview-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; padding-top: 20px; color: #6c7785; font-size: 13px; }
.direct-overview-footer button { color: #a12b35; border: 0; background: transparent; padding: 6px; }
.direct-description { color: #5f6b79; font-size: 15px; line-height: 1.8; margin: 0 0 24px; }
.direct-field-list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; list-style: none; margin: 0; padding: 0; }
.direct-field-list li { padding: 22px; background: #fff; border: 1px solid #e0e4e9; border-radius: 9px; font-size: 15px; color: #3b4653; }
.direct-pending { margin-top: 26px; border-left: 3px solid #b23b45; padding: 12px 15px; color: #6b5860; font-size: 14px; background: #fcf1f2; line-height: 1.7; }
@media(max-width:800px) {
  .work-picker-grid { gap: 16px; }
  .work-type-picker .work-picker-card { padding: 25px; }
  .direct-workflow { grid-template-columns: 1fr 1fr; }
  .direct-content { padding: 24px; }
}
@media(max-width:560px) {
  .work-picker-head { margin: 12px 0 25px; gap: 14px; flex-wrap: wrap; }
  .work-picker-head h1 { font-size: 24px; }
  .work-picker-grid, .direct-field-list { grid-template-columns: 1fr; }
  .work-type-picker .work-picker-card { min-height: 270px; padding: 24px; }
  .work-picker-brand { height: 58px; }
  .work-picker-brand img { max-height: 58px; width: 114px; }
  .direct-header { padding: 18px; }
  .direct-brand { gap: 12px; }
  .direct-brand img { width: 86px; height: 49px; }
  .direct-brand h1 { font-size: 19px; }
  .direct-nav { padding: 10px; }
  .direct-nav button { padding: 10px 12px; }
  .direct-content { padding: 18px; }
  .direct-section-head h2 { font-size: 20px; }
  .direct-workflow { gap: 8px; }
  .direct-workflow button { padding: 13px; }
  .direct-empty { padding: 25px 16px; }
}

/* Nomination checklist style snapshot; every selector is confined to Direct. */
#direct-shipment-form .direct-nomi-ic-tog-ct{font-family: var(--mono); font-size: 12px; font-weight: 700; padding: 5px 10px; border-radius: 5px; border: 1.5px solid var(--g3); background: var(--white); color: var(--n5); cursor: pointer; transition: 0.15s; flex-shrink: 0; white-space: nowrap;}
#direct-shipment-form .direct-nomi-ic-tog-ct.direct-nomi-on{background: var(--navy); color: var(--white); border-color: var(--navy);}
#direct-shipment-form .direct-nomi-ic-tog-ct.direct-nomi-on.direct-nomi-lcl{background: var(--teal); border-color: var(--teal);}
#direct-shipment-form .direct-nomi-ic-tog-ct.direct-nomi-on.direct-nomi-gen{background: rgb(100, 116, 139); border-color: rgb(100, 116, 139);}
#direct-shipment-form .direct-nomi-info-card{padding: 14px 16px !important;}
#direct-shipment-form .direct-nomi-ic-inp{background: rgb(248, 250, 252) !important;}
#direct-shipment-form .direct-nomi-info-card-title{font-size: 11px !important; letter-spacing: 1.5px !important;}
#direct-shipment-form .direct-nomi-info-card{border-color: rgb(218, 224, 232) !important;}
#direct-shipment-form .direct-nomi-ic-lbl{color: rgb(65, 82, 106);}
#direct-shipment-form .direct-nomi-ic-inp{color: rgb(15, 27, 42); font-weight: 600; border-color: rgb(218, 224, 232) !important;}
#direct-shipment-form .direct-nomi-ic-inp:focus{border-color: rgb(0, 62, 111) !important; background: rgb(255, 255, 255) !important;}
#direct-shipment-form input[type="checkbox"]{appearance: none; width: 16px; height: 16px; border: 1.5px solid rgb(194, 204, 216); border-radius: 3px; background: rgb(255, 255, 255); position: relative; cursor: pointer; flex-shrink: 0; vertical-align: middle;}
#direct-shipment-form input[type="checkbox"]:checked{background: rgb(26, 127, 75); border-color: rgb(26, 127, 75);}
#direct-shipment-form input[type="checkbox"]:checked::after{content: "✓"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -55%); color: rgb(255, 255, 255); font-size: 11px; font-weight: 700; line-height: 1;}
#direct-shipment-form #direct-nomi-ck-mbl-draft:checked{background: rgb(14, 116, 144); border-color: rgb(14, 116, 144);}
#direct-shipment-form .direct-nomi-ic-ckr.direct-nomi-gn{color: rgb(26, 127, 75);}
#direct-shipment-form .direct-nomi-ic-ckr.direct-nomi-bl{color: rgb(29, 111, 184);}
#direct-shipment-form .direct-nomi-ic-ckr.direct-nomi-rd{color: rgb(200, 38, 44);}
#direct-shipment-form .direct-nomi-ic-blt{font-weight: 700; border-color: rgb(218, 224, 232) !important; background: rgb(248, 250, 252) !important; color: rgb(129, 144, 164) !important;}
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-obl{background: rgb(230, 251, 253) !important; border-color: rgb(167, 230, 238) !important; color: rgb(14, 116, 144) !important;}
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-sur{background: rgb(232, 241, 251) !important; border-color: rgb(194, 219, 242) !important; color: rgb(29, 111, 184) !important;}
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-pod{background: rgb(251, 241, 227) !important; border-color: rgb(236, 217, 182) !important; color: rgb(180, 83, 9) !important;}
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-swb{background: rgb(238, 237, 254) !important; border-color: rgb(206, 203, 246) !important; color: rgb(83, 74, 183) !important;}
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-no{background: rgb(236, 240, 245) !important; border-color: rgb(218, 224, 232) !important; color: rgb(129, 144, 164) !important;}
#direct-shipment-form .direct-nomi-etd-actual-label{display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; margin-bottom: 3px; min-height: 24px; line-height: 24px;}
#direct-shipment-form .direct-nomi-etd-actual-label > span:first-child{min-width: 0px; white-space: nowrap; font-size: 12px; line-height: 24px;}
#direct-shipment-form .direct-nomi-etd-mode{display: inline-flex; gap: 2px; margin-left: auto; border: 1px solid rgb(218, 224, 232); border-radius: 4px; overflow: hidden; background: rgb(255, 255, 255); flex-shrink: 0; height: 24px; align-self: flex-start;}
#direct-shipment-form .direct-nomi-etd-mode-btn{border: 0px; background: rgb(255, 255, 255); color: rgb(129, 144, 164); font-family: var(--mono); font-size: 11px; font-weight: 800; padding: 0px 7px; cursor: pointer; line-height: 24px; min-height: 24px; height: 24px;}
#direct-shipment-form .direct-nomi-etd-mode-btn.direct-nomi-on{background: rgb(0, 62, 111); color: rgb(255, 255, 255);}
body.cl-font-custom #direct-shipment-form :is(input, textarea, select, button, label, .direct-nomi-ic-lbl, .direct-nomi-ic-inp, .direct-nomi-ic-ckr, .direct-nomi-ic-blt, .direct-nomi-info-card-title, .direct-nomi-bl-section-lbl, .direct-nomi-hbl-entry-title, .direct-nomi-hbl-field-label, .direct-nomi-hbl-row-checks, .direct-nomi-hbl-add-btn, .direct-nomi-hbl-remove, .direct-nomi-sec-title, .direct-nomi-otag){font-size: var(--cl-text-font-size,14px) !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-ic-2col,#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-date-grid{grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-actual-label{position: relative; display: block; padding-right: 88px; overflow: visible; min-height: 0px !important; height: auto !important; line-height: normal !important; margin-bottom: 3px !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-actual-label > span:first-child{display: block; min-width: 0px; white-space: nowrap; font-size: 13px !important; line-height: normal !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode{position: absolute; top: -4px; right: 0px; height: 20px; margin-left: 0px; align-self: auto;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-btn{font-size: 10px !important; padding: 0px 5px !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-btn{min-width: 38px !important; font-family: var(--sans) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0px !important; height: 20px !important; min-height: 20px !important; line-height: 20px !important; padding: 0px 7px !important; text-rendering: auto !important;}
@media (max-width: 900px){
#direct-shipment-form .direct-nomi-ic-2col{grid-template-columns: 1fr !important;}
#direct-shipment-form .direct-nomi-etd-actual-label > span:first-child{font-size: 13px;}
#direct-shipment-form .direct-nomi-etd-mode-btn{font-size: 11px; padding: 3px 7px;}
}
#direct-shipment-form .direct-nomi-hbl-list{display: flex; flex-direction: column; gap: 7px;}
#direct-shipment-form .direct-nomi-hbl-entry{border: 1px solid rgb(218, 224, 232); border-radius: 5px; background: rgb(255, 255, 255); padding: 8px; display: flex; flex-direction: column; gap: 7px;}
#direct-shipment-form .direct-nomi-hbl-entry-head{display: flex; align-items: center; justify-content: space-between; gap: 8px;}
#direct-shipment-form .direct-nomi-hbl-entry-title{font-family: var(--mono); font-size: 11px; font-weight: 900; color: rgb(65, 82, 106);}
#direct-shipment-form .direct-nomi-hbl-remove{border: 1px solid rgb(218, 224, 232); background: rgb(248, 250, 252); color: rgb(129, 144, 164); border-radius: 4px; font-size: 12px; font-weight: 900; width: 24px; height: 24px; line-height: 20px; cursor: pointer;}
#direct-shipment-form .direct-nomi-hbl-fields{display: grid; grid-template-columns: 1fr 1fr; gap: 6px;}
#direct-shipment-form .direct-nomi-hbl-field-label{font-family: var(--mono); font-size: 10px; font-weight: 800; color: rgb(129, 144, 164); margin-bottom: 2px;}
#direct-shipment-form .direct-nomi-hbl-row-checks{display: flex; gap: 10px; flex-wrap: wrap;}
#direct-shipment-form .direct-nomi-hbl-add-btn{border: 1px dashed rgb(169, 183, 200); background: rgb(248, 250, 252); color: rgb(0, 62, 111); border-radius: 5px; font-family: var(--mono); font-size: 12px; font-weight: 900; padding: 7px 10px; cursor: pointer;}
#direct-shipment-form .direct-nomi-hbl-add-btn:hover{background: rgb(236, 240, 245);}
#direct-shipment-form .direct-nomi-bl-section{background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0px !important; margin-bottom: 12px !important;}
#direct-shipment-form .direct-nomi-bl-section-lbl{border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; padding-bottom: 0px !important; letter-spacing: 0px !important; text-transform: none !important; color: rgb(65, 82, 106) !important; font-size: 13px !important; margin-bottom: 5px !important;}
#direct-shipment-form .direct-nomi-ic-tog{border-color: rgb(218, 224, 232); background: rgb(248, 250, 252); color: rgb(129, 144, 164);}
#direct-shipment-form .direct-nomi-ic-tog-ct{border-color: rgb(218, 224, 232); background: rgb(248, 250, 252); color: rgb(129, 144, 164);}
#direct-shipment-form .direct-nomi-ic-tog-ct.direct-nomi-on{background: rgb(0, 62, 111); border-color: rgb(0, 62, 111); color: rgb(255, 255, 255);}
#direct-shipment-form .direct-nomi-ic-alert.direct-nomi-ok{background: rgb(231, 244, 236); border-color: rgb(191, 224, 204); color: rgb(26, 127, 75);}
#direct-shipment-form .direct-nomi-ic-alert.direct-nomi-warn{background: rgb(251, 241, 227); border-color: rgb(236, 217, 182); color: rgb(180, 83, 9);}
#direct-shipment-form .direct-nomi-ic-alert.direct-nomi-danger{background: rgb(252, 237, 237); border-color: rgb(241, 201, 203); color: rgb(200, 38, 44);}
#direct-shipment-form .direct-nomi-ic-inp.direct-nomi-date-changed{font-weight: 700; background: rgb(251, 241, 227) !important; border-color: rgb(236, 217, 182) !important; color: rgb(180, 83, 9) !important;}
#direct-shipment-form .direct-nomi-ic-inp{padding: 8px 11px !important; font-size: 15px !important;}
#direct-shipment-form .direct-nomi-ic-lbl{margin-bottom: 3px; font-size: 13px;}
#direct-shipment-form .direct-nomi-ic-row{margin-bottom: 9px;}
#direct-shipment-form .direct-nomi-ic-2col{gap: 9px; margin-bottom: 9px;}
#direct-shipment-form .direct-nomi-ic-ckr{margin-top: 5px; font-size: 14px;}
#direct-shipment-form .direct-nomi-info-card{padding: 14px 16px !important;}
#direct-shipment-form .direct-nomi-info-card-title{margin-bottom: 11px !important;}
#direct-shipment-form select{font-size: 14px !important;}
#direct-shipment-form .direct-nomi-alert-box{font-size: 13px !important; padding: 7px 10px !important;}
#direct-shipment-form .direct-nomi-alert-box label{font-size: 13px !important;}
#direct-shipment-form .direct-nomi-ic-dep-lbl{font-size: 15px !important;}
#direct-shipment-form .direct-nomi-ic-obl-lbl{font-size: 15px !important;}
#direct-shipment-form .direct-nomi-info-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; margin-bottom: 6px;}
#direct-shipment-form .direct-nomi-info-grid-2{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; margin-bottom: 6px;}
#direct-shipment-form .direct-nomi-info-grid > .direct-nomi-info-card,#direct-shipment-form .direct-nomi-info-grid-2 > .direct-nomi-info-card{min-width: 0px;}
#direct-shipment-form .direct-nomi-info-card{background: var(--white); border-radius: 10px; border: 1px solid var(--g3); padding: 16px 18px; box-shadow: var(--sh);}
#direct-shipment-form .direct-nomi-info-card-title{font-family: var(--mono); font-size: 11px; font-weight: 700; color: var(--teal); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 13px; border-left: 3px solid var(--teal); padding-left: 7px;}
#direct-shipment-form .direct-nomi-ic-row{margin-bottom: 8px;}
#direct-shipment-form .direct-nomi-ic-lbl{font-size: 13px; color: var(--n4); margin-bottom: 3px; font-weight: 600;}
#direct-shipment-form .direct-nomi-ic-inp{width: 100%; border: 1px solid var(--g3); border-radius: 5px; padding: 6px 9px; font-size: 14px; background: rgb(250, 250, 250); transition: border 0.1s; color: var(--navy);}
#direct-shipment-form .direct-nomi-ic-inp:focus{border-color: var(--teal); background: var(--white);}
#direct-shipment-form .direct-nomi-po-reference-row{display: grid; grid-template-columns: 72px minmax(0px, 1fr); gap: 6px;}
#direct-shipment-form .direct-nomi-po-reference-row #direct-nomi-i-po-type{cursor: pointer; font-weight: 700; background: rgb(240, 253, 250); color: var(--teal);}
#direct-shipment-form .direct-nomi-ic-2col{display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px;}
#direct-shipment-form .direct-nomi-etd-date-grid{grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); gap: 8px 10px; align-items: start;}
#direct-shipment-form .direct-nomi-etd-date-grid > div{min-width: 0px;}
#direct-shipment-form .direct-nomi-ic-ckr{display: flex; align-items: center; gap: 6px; padding: 5px 0px; font-size: 13px; color: var(--n4);}
#direct-shipment-form .direct-nomi-ic-ckr input{width: 14px; height: 14px; cursor: pointer; flex-shrink: 0; accent-color: var(--teal);}
#direct-shipment-form .direct-nomi-ic-ckr label{cursor: pointer;}
#direct-shipment-form .direct-nomi-ic-ckr.direct-nomi-gn{color: var(--green); font-weight: 700;}
#direct-shipment-form .direct-nomi-ic-ckr.direct-nomi-rd{color: var(--red); font-weight: 700;}
#direct-shipment-form .direct-nomi-ic-ckr.direct-nomi-bl{color: var(--blue); font-weight: 700;}
#direct-shipment-form .direct-nomi-ic-tog-row{display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px;}
#direct-shipment-form .direct-nomi-ic-tog{font-family: var(--mono); font-size: 12px; padding: 5px 12px; border-radius: 4px; border: 1px solid var(--g3); background: rgb(250, 250, 250); color: var(--n5); font-weight: 700; transition: 0.12s;}
#direct-shipment-form .direct-nomi-ic-tog.direct-nomi-on.direct-nomi-dg{background: var(--o2); border-color: var(--o3); color: var(--orange);}
#direct-shipment-form .direct-nomi-ic-tog.direct-nomi-on.direct-nomi-lcl{background: var(--b2); border-color: var(--b3); color: var(--blue);}
#direct-shipment-form .direct-nomi-ic-tog.direct-nomi-on.direct-nomi-car{background: var(--p2); border-color: var(--p3); color: var(--purple);}
#direct-shipment-form .direct-nomi-ic-blt-row{display: flex; gap: 4px; margin-bottom: 6px;}
#direct-shipment-form .direct-nomi-ic-blt{font-family: var(--mono); font-size: 13px; padding: 8px 0px; border-radius: 4px; border: 1px solid var(--g3); background: rgb(250, 250, 250); color: var(--n5); font-weight: 700; transition: 0.12s; flex: 1 1 0%; text-align: center;}
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-obl{background: var(--tl4); border-color: var(--tl3); color: var(--teal);}
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-sur{background: var(--b2); border-color: var(--b3); color: var(--blue);}
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-pod{background: rgb(254, 243, 199); border-color: rgb(245, 158, 11); color: rgb(146, 64, 14);}
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-swb{background: var(--p2); border-color: var(--p3); color: var(--purple);}
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-no{background: var(--g2); border-color: var(--g3); color: var(--n5);}
#direct-shipment-form .direct-nomi-ic-bl-row{display: flex; align-items: center; gap: 6px; margin-bottom: 4px;}
#direct-shipment-form .direct-nomi-ic-bl-lbl{font-size: 13px; color: var(--n4); width: 48px; flex-shrink: 0; font-weight: 700;}
#direct-shipment-form .direct-nomi-ic-dep-blk{margin: 6px 0px 0px; padding: 7px 11px; border-radius: 6px; background: var(--gn2); border: 1px solid var(--gn3); display: flex; align-items: center; justify-content: space-between;}
#direct-shipment-form .direct-nomi-ic-dep-lbl{font-family: var(--mono); font-size: 13px; font-weight: 700; color: var(--green);}
#direct-shipment-form .direct-nomi-ic-obl-blk{margin: 6px 0px 0px; padding: 7px 11px; border-radius: 6px; background: var(--y2); border: 1px solid var(--y3); display: flex; align-items: center; justify-content: space-between;}
#direct-shipment-form .direct-nomi-ic-obl-blk.direct-nomi-done{background: var(--gn2); border-color: var(--gn3);}
#direct-shipment-form .direct-nomi-ic-obl-lbl{font-family: var(--mono); font-size: 14px; font-weight: 700; color: var(--yellow);}
#direct-shipment-form .direct-nomi-ic-obl-blk.direct-nomi-done .direct-nomi-ic-obl-lbl{color: var(--green);}
#direct-shipment-form .direct-nomi-ic-alert{padding: 5px 9px; border-radius: 5px; font-size: 11px; font-weight: 700; font-family: var(--mono); margin-top: 4px; display: flex; align-items: center; justify-content: space-between; gap: 6px;}
#direct-shipment-form .direct-nomi-ic-alert.direct-nomi-warn{background: var(--o2); color: var(--orange); border: 1px solid var(--o3);}
#direct-shipment-form .direct-nomi-ic-alert.direct-nomi-ok{background: var(--gn2); color: var(--green); border: 1px solid var(--gn3);}
#direct-shipment-form .direct-nomi-ic-alert.direct-nomi-danger{background: var(--r2); color: var(--red); border: 1px solid var(--r3);}
#direct-shipment-form .direct-nomi-alert-box{padding: 5px 9px; border-radius: 5px; font-size: 11px; font-weight: 700; font-family: var(--mono); margin-top: 4px; display: flex; align-items: center; justify-content: space-between; gap: 6px;}
#direct-shipment-form .direct-nomi-alert-box.direct-nomi-warn{background: var(--o2); color: var(--orange); border: 1px solid var(--o3);}
#direct-shipment-form .direct-nomi-alert-box.direct-nomi-ok{background: var(--gn2); color: var(--green); border: 1px solid var(--gn3);}
#direct-shipment-form .direct-nomi-alert-box.direct-nomi-danger{background: var(--r2); color: var(--red); border: 1px solid var(--r3);}
#direct-shipment-form .direct-nomi-blt.direct-nomi-sel-obl{background: var(--tl4); border-color: var(--tl3); color: var(--teal);}
#direct-shipment-form .direct-nomi-blt.direct-nomi-sel-sur{background: var(--b2); border-color: var(--b3); color: var(--blue);}
#direct-shipment-form .direct-nomi-blt.direct-nomi-sel-pod{background: rgb(254, 243, 199); border-color: rgb(245, 158, 11); color: rgb(146, 64, 14);}
#direct-shipment-form .direct-nomi-blt.direct-nomi-sel-no{background: var(--g2); border-color: var(--g3); color: var(--n5);}
#direct-shipment-form .direct-nomi-info-card{border-radius: 3px !important;}
#direct-shipment-form .direct-nomi-info-card{border: 1px solid var(--g3);}
#direct-shipment-form .direct-nomi-ic-inp{border-radius: 2px !important;}
#direct-shipment-form .direct-nomi-ic-blt{border-radius: 2px !important;}
#direct-shipment-form .direct-nomi-info-card{padding: 12px 14px !important; box-shadow: none !important;}
#direct-shipment-form .direct-nomi-info-card-title{font-size: 10px !important; letter-spacing: 2.5px !important; color: var(--teal) !important; border-left: 2px solid var(--teal) !important; margin-bottom: 10px !important;}
#direct-shipment-form .direct-nomi-ic-blt svg{pointer-events: none !important;}
#direct-shipment-form .direct-nomi-bl-section{padding: 10px 12px; background: var(--g2); border: 1px solid var(--g3); border-radius: 3px; margin-bottom: 10px !important;}
#direct-shipment-form .direct-nomi-bl-section:last-of-type{margin-bottom: 0px !important;}
#direct-shipment-form .direct-nomi-bl-section-lbl{margin-bottom: 7px; padding-bottom: 5px; border-bottom: 1px solid var(--g3); letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px !important; color: var(--navy) !important; font-weight: 700 !important;}
#direct-shipment-form .direct-nomi-bl-section .direct-nomi-ic-blt-row{margin-bottom: 8px; display: flex; flex-wrap: wrap; gap: 4px;}
#direct-shipment-form .direct-nomi-bl-section .direct-nomi-ic-blt{flex: 1 1 0%; min-width: 70px; white-space: nowrap;}
#direct-shipment-form .direct-nomi-bl-section .direct-nomi-ic-bl-row{margin-bottom: 6px;}
#direct-shipment-form .direct-nomi-bl-section .direct-nomi-ic-bl-row .direct-nomi-ic-inp{min-width: 0px;}
#direct-shipment-form #direct-nomi-car-card .direct-nomi-info-card{padding: 18px 20px !important; border-color: rgb(221, 214, 254) !important; background: rgb(253, 252, 255) !important;}
#direct-shipment-form #direct-nomi-car-card .direct-nomi-info-card-title{font-size: 13px !important; letter-spacing: 0.8px !important; color: rgb(109, 40, 217) !important; border-left-color: rgb(124, 58, 237) !important; margin-bottom: 14px !important;}
#direct-shipment-form #direct-nomi-car-card .direct-nomi-ic-lbl{font-size: 13px !important; font-weight: 800 !important; color: rgb(51, 65, 85) !important; margin-bottom: 5px !important;}
#direct-shipment-form #direct-nomi-car-card .direct-nomi-ic-inp{font-size: 14px !important; line-height: 1.45 !important; padding: 9px 11px !important; background: rgb(255, 255, 255) !important;}
#direct-shipment-form #direct-nomi-car-card .direct-nomi-ic-ckr{font-size: 13px !important; line-height: 1.45 !important;}
#direct-shipment-form .direct-nomi-notify-block{background: rgb(250, 251, 252); border-top: 1px solid rgb(226, 232, 240); border-right: 1px solid rgb(226, 232, 240); border-bottom: 1px solid rgb(226, 232, 240); border-image: none; border-left: 3px solid var(--teal); border-radius: 4px; padding: 10px 12px; margin-bottom: 10px; max-width: 100%; box-sizing: border-box; overflow: hidden;}
#direct-shipment-form .direct-nomi-notify-block:last-child{margin-bottom: 0px;}
#direct-shipment-form .direct-nomi-notify-block-hd{display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px; gap: 7px; cursor: pointer;}
#direct-shipment-form .direct-nomi-notify-block-title{font-family: var(--mono); font-size: 12px; font-weight: 800; color: var(--navy); letter-spacing: 0.4px; line-height: 1.35; min-width: 0px; flex: 1 1 0%;}
#direct-shipment-form .direct-nomi-notify-block-toggle{width: 24px; height: 24px; border: 1px solid rgb(203, 213, 225); background: rgb(255, 255, 255); color: var(--navy); border-radius: 4px; font-family: var(--mono); font-size: 12px; font-weight: 900; cursor: pointer; flex: 0 0 24px; display: inline-flex; align-items: center; justify-content: center;}
#direct-shipment-form .direct-nomi-notify-block-toggle:hover{background: rgb(241, 245, 249);}
#direct-shipment-form .direct-nomi-notify-block-toggle .direct-nomi-notify-arrow{display: inline-block; line-height: 1; transition: transform 0.15s;}
#direct-shipment-form .direct-nomi-notify-block.direct-nomi-is-collapsed .direct-nomi-notify-block-toggle .direct-nomi-notify-arrow{transform: rotate(-90deg);}
#direct-shipment-form .direct-nomi-notify-block.direct-nomi-is-collapsed .direct-nomi-notify-block-body{display: none;}
#direct-shipment-form .direct-nomi-notify-copy-btn{font-family: var(--mono); font-size: 11px; font-weight: 800; padding: 5px 11px; border: 1px solid rgb(203, 213, 225); background: rgb(255, 255, 255); color: var(--navy); border-radius: 4px; cursor: pointer; transition: 0.15s; white-space: nowrap; flex-shrink: 0;}
#direct-shipment-form .direct-nomi-notify-copy-btn:hover{background: var(--navy); color: rgb(255, 255, 255); border-color: var(--navy);}
#direct-shipment-form .direct-nomi-notify-edit-btn{font-family: var(--mono); font-size: 11px; font-weight: 800; padding: 5px 11px; border: 1px solid rgb(203, 213, 225); background: rgb(255, 255, 255); color: var(--navy); border-radius: 4px; cursor: pointer; transition: 0.15s; white-space: nowrap; flex-shrink: 0;}
#direct-shipment-form .direct-nomi-notify-edit-btn:hover,#direct-shipment-form .direct-nomi-notify-block.direct-nomi-is-editing .direct-nomi-notify-edit-btn{background: var(--navy); color: rgb(255, 255, 255); border-color: var(--navy);}
#direct-shipment-form .direct-nomi-notify-text-editor{display: none; margin: 0px 0px 10px; padding: 13px; background: rgb(238, 245, 248); border: 1px solid rgb(198, 216, 226); border-radius: 8px;}
#direct-shipment-form .direct-nomi-notify-block.direct-nomi-is-editing .direct-nomi-notify-text-editor{display: block;}
#direct-shipment-form .direct-nomi-notify-text-editor-title{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 11px; font-family: var(--mono);}
#direct-shipment-form .direct-nomi-notify-text-editor-title > div{display: flex; align-items: baseline; gap: 9px; min-width: 0px;}
#direct-shipment-form .direct-nomi-notify-text-editor-title b{font-size: 12px; color: var(--navy); white-space: nowrap;}
#direct-shipment-form .direct-nomi-notify-text-editor-title small{font-size: 9px; color: rgb(100, 116, 139); font-weight: 600;}
#direct-shipment-form .direct-nomi-notify-text-editor-title > span{font-size: 9px; color: rgb(15, 118, 110); font-weight: 800; white-space: nowrap; padding: 3px 7px; border: 1px solid rgb(167, 215, 208); border-radius: 999px; background: rgb(240, 253, 250);}
#direct-shipment-form .direct-nomi-notify-text-editor-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; align-items: stretch;}
#direct-shipment-form .direct-nomi-notify-text-card{min-width: 0px; overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgb(213, 225, 232); border-radius: 7px; box-shadow: rgba(15, 59, 95, 0.035) 0px 1px 2px;}
#direct-shipment-form .direct-nomi-notify-text-toggle{position: relative; display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: rgb(248, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); cursor: pointer; font-family: var(--mono);}
#direct-shipment-form .direct-nomi-notify-text-toggle input{position: absolute; opacity: 0; pointer-events: none;}
#direct-shipment-form .direct-nomi-notify-text-toggle > i{position: relative; width: 34px; height: 18px; flex: 0 0 34px; border-radius: 999px; background: rgb(203, 213, 225); transition: background 0.15s;}
#direct-shipment-form .direct-nomi-notify-text-toggle > i::after{content: ""; position: absolute; left: 2px; top: 2px; width: 14px; height: 14px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(15, 23, 42, 0.24) 0px 1px 3px; transition: transform 0.15s;}
#direct-shipment-form .direct-nomi-notify-text-toggle input:checked + i{background: rgb(15, 130, 117);}
#direct-shipment-form .direct-nomi-notify-text-toggle input:checked + i::after{transform: translateX(16px);}
#direct-shipment-form .direct-nomi-notify-text-toggle input:focus-visible + i{outline: rgba(15, 118, 110, 0.28) solid 2px; outline-offset: 2px;}
#direct-shipment-form .direct-nomi-notify-text-toggle > span{display: flex; flex-direction: column; gap: 2px; min-width: 0px;}
#direct-shipment-form .direct-nomi-notify-text-toggle b{font-size: 11px; color: var(--navy); white-space: nowrap;}
#direct-shipment-form .direct-nomi-notify-text-toggle small{font-size: 9px; color: rgb(100, 116, 139); font-weight: 600; white-space: nowrap;}
#direct-shipment-form .direct-nomi-notify-text-fields{display: grid; gap: 8px; padding: 10px 12px 12px;}
#direct-shipment-form .direct-nomi-notify-text-fields label{display: block; min-width: 0px; font-family: var(--mono); font-size: 10px; color: rgb(71, 85, 105); font-weight: 800;}
#direct-shipment-form .direct-nomi-notify-text-fields label > span{display: block; margin-bottom: 4px;}
#direct-shipment-form .direct-nomi-notify-text-fields input[type="text"],#direct-shipment-form .direct-nomi-notify-text-fields textarea{display: block; width: 100%; box-sizing: border-box; border: 1px solid rgb(203, 213, 225); border-radius: 5px; background: rgb(255, 255, 255); color: rgb(15, 23, 42); font-family: var(--mono); font-size: 11px; line-height: 1.45; padding: 7px 8px; resize: vertical;}
#direct-shipment-form .direct-nomi-notify-text-fields textarea{min-height: 66px;}
#direct-shipment-form .direct-nomi-notify-text-fields input[type="text"]:focus,#direct-shipment-form .direct-nomi-notify-text-fields textarea:focus{outline: rgba(15, 118, 110, 0.18) solid 2px; border-color: rgb(15, 118, 110);}
#direct-shipment-form .direct-nomi-notify-text-actions{display: flex; align-items: center; gap: 7px; margin-top: 10px;}
#direct-shipment-form .direct-nomi-notify-text-actions > span{flex: 1 1 0%;}
#direct-shipment-form .direct-nomi-notify-text-actions button{font-family: var(--mono); font-size: 10px; font-weight: 800; padding: 7px 12px; border: 1px solid rgb(203, 213, 225); border-radius: 5px; background: rgb(255, 255, 255); color: rgb(71, 85, 105); cursor: pointer; white-space: nowrap;}
#direct-shipment-form .direct-nomi-notify-text-actions button:hover{border-color: rgb(148, 163, 184); background: rgb(248, 250, 252);}
#direct-shipment-form .direct-nomi-notify-text-actions .direct-nomi-notify-text-apply{background: var(--navy); border-color: var(--navy); color: rgb(255, 255, 255);}
#direct-shipment-form .direct-nomi-notify-text-actions .direct-nomi-notify-text-apply:hover{background: rgb(11, 41, 65); border-color: rgb(11, 41, 65);}
#direct-shipment-form .direct-nomi-notify-inline-hd{font-family: var(--mono); font-size: 12px; font-weight: 800; color: var(--navy); letter-spacing: 1px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px;}
#direct-shipment-form .direct-nomi-notify-inline-title{display: flex; align-items: center; gap: 6px;}
#direct-shipment-form .direct-nomi-notify-toggle-btn{border: 1px solid rgb(203, 213, 225); background: rgb(255, 255, 255); color: var(--navy); border-radius: 4px; font-family: var(--mono); font-size: 11px; font-weight: 900; padding: 3px 8px; cursor: pointer; min-width: 34px;}
#direct-shipment-form .direct-nomi-notify-toggle-btn:hover{background: rgb(241, 245, 249);}
#direct-shipment-form .direct-nomi-notify-toggle-btn .direct-nomi-notify-arrow{display: inline-block; transition: transform 0.15s;}
#direct-shipment-form .direct-nomi-notify-collapsed .direct-nomi-notify-toggle-btn .direct-nomi-notify-arrow{transform: rotate(-90deg);}
#direct-shipment-form .direct-nomi-notify-collapsed #direct-nomi-notify-body{display: none;}
#direct-shipment-form .direct-nomi-notify-mode-row{display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0px 0px 8px; flex-wrap: wrap;}
#direct-shipment-form .direct-nomi-notify-mode-seg{display: inline-flex; border: 1px solid rgb(203, 213, 225); border-radius: 4px; overflow: hidden; background: rgb(255, 255, 255);}
#direct-shipment-form .direct-nomi-notify-mode-btn{border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentcolor rgb(226, 232, 240) currentcolor currentcolor; border-image: none; background: rgb(255, 255, 255); color: rgb(100, 116, 139); font-family: var(--mono); font-size: 12px; font-weight: 800; padding: 6px 11px; cursor: pointer;}
#direct-shipment-form .direct-nomi-notify-mode-btn:last-child{border-right: 0px;}
#direct-shipment-form .direct-nomi-notify-mode-btn.direct-nomi-on{background: var(--navy); color: rgb(255, 255, 255);}
#direct-shipment-form .direct-nomi-notify-block-content{font-family: var(--mono); font-size: 12px; color: rgb(15, 23, 42); line-height: 1.6; margin: 0px; padding: 8px 10px; background: rgb(255, 255, 255); border: 1px solid rgb(226, 232, 240); border-radius: 3px; white-space: pre-wrap; word-break: break-all; letter-spacing: 0.2px;}
#direct-shipment-form .direct-nomi-notify-table-wrap{background: rgb(255, 255, 255); border: 1px solid rgb(226, 232, 240); border-radius: 3px; padding: 10px; overflow: auto hidden; max-width: 100%; box-sizing: border-box;}
#direct-shipment-form .direct-nomi-notify-table-wrap table{width: 100% !important; min-width: 640px !important; max-width: none !important; table-layout: fixed !important;}
#direct-shipment-form .direct-nomi-notify-table-wrap th,#direct-shipment-form .direct-nomi-notify-table-wrap td{overflow-wrap: break-word; word-break: normal; box-sizing: border-box; white-space: normal !important; padding: 9px 10px !important; font-size: 12.5px !important; line-height: 1.45 !important;}
#direct-shipment-form .direct-nomi-notify-table-wrap p{overflow-wrap: break-word; word-break: normal; white-space: normal !important;}
#direct-shipment-form .direct-nomi-notify-block[data-key="account-change"] .direct-nomi-notify-table-wrap table{width: auto !important; min-width: 720px !important; table-layout: auto !important;}
#direct-shipment-form .direct-nomi-notify-block[data-key="account-change"] .direct-nomi-notify-table-wrap :is(th, td, p){overflow-wrap: normal; word-break: normal; white-space: nowrap !important;}
@media (max-width: 760px){
#direct-shipment-form .direct-nomi-notify-block-hd{flex-wrap: wrap;}
#direct-shipment-form .direct-nomi-notify-block-title{flex-basis: calc(100% - 34px);}
#direct-shipment-form .direct-nomi-notify-text-editor-grid{grid-template-columns: 1fr;}
#direct-shipment-form .direct-nomi-notify-text-editor-title{align-items: flex-start;}
#direct-shipment-form .direct-nomi-notify-text-editor-title > div{display: block;}
#direct-shipment-form .direct-nomi-notify-text-editor-title small{display: block; margin-top: 3px;}
#direct-shipment-form .direct-nomi-notify-table-wrap{padding: 6px;}
#direct-shipment-form .direct-nomi-notify-table-wrap th,#direct-shipment-form .direct-nomi-notify-table-wrap td{line-height: 1.28 !important;}
}
#direct-shipment-form .direct-nomi-ic-inp{border-radius: 8px !important; border: 1px solid var(--g4) !important; background: rgb(255, 255, 255) !important; color: var(--navy) !important; box-shadow: none !important;}
#direct-shipment-form .direct-nomi-ic-inp:hover{border-color: rgb(159, 172, 186) !important;}
#direct-shipment-form .direct-nomi-ic-inp:focus{border-color: rgb(30, 136, 188) !important; box-shadow: var(--focus) !important;}
#direct-shipment-form .direct-nomi-info-card{border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top: 4px solid rgb(30, 136, 188) !important; border-radius: 8px !important; background: rgb(255, 255, 255) !important; box-shadow: var(--soft) !important; padding: 18px !important;}
#direct-shipment-form .direct-nomi-schedule-card{border-top-color: rgb(235, 175, 55) !important;}
#direct-shipment-form .direct-nomi-bl-card{border-top-color: rgb(228, 48, 93) !important;}
#direct-shipment-form .direct-nomi-info-card-title{color: rgb(0, 62, 111) !important; letter-spacing: 2px !important; font-size: 12px !important;}
#direct-shipment-form .direct-nomi-ic-lbl{color: rgb(63, 77, 93) !important; font-size: 12px !important; font-weight: 850 !important;}
#direct-shipment-form .direct-nomi-ic-inp{min-height: 38px !important; background: rgb(255, 255, 255) !important; font-weight: 700 !important;}
#direct-shipment-form .direct-nomi-ic-inp::placeholder{color: rgb(137, 150, 166) !important;}
#direct-shipment-form .direct-nomi-ic-tog,#direct-shipment-form .direct-nomi-ic-tog-ct,#direct-shipment-form .direct-nomi-ic-blt,#direct-shipment-form .direct-nomi-etd-mode-btn,#direct-shipment-form .direct-nomi-hbl-add-btn{min-height: 34px !important; border-radius: 8px !important; border: 1px solid var(--g4) !important; background: rgb(255, 255, 255) !important; color: rgb(86, 101, 121) !important; font-weight: 800 !important;}
#direct-shipment-form .direct-nomi-ic-tog.direct-nomi-on,#direct-shipment-form .direct-nomi-ic-tog-ct.direct-nomi-on,#direct-shipment-form .direct-nomi-etd-mode-btn.direct-nomi-on{background: rgb(0, 62, 111) !important; border-color: rgb(0, 62, 111) !important; color: rgb(255, 255, 255) !important;}
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-obl,#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-sur,#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-pod,#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-swb{background: rgb(231, 244, 251) !important; border-color: rgb(152, 212, 239) !important; color: rgb(0, 62, 111) !important;}
#direct-shipment-form input[type="checkbox"]{appearance: none !important; width: 17px !important; height: 17px !important; border: 1.5px solid rgb(159, 172, 186) !important; border-radius: 5px !important; background: rgb(255, 255, 255) !important; position: relative !important;}
#direct-shipment-form input[type="checkbox"]:checked{background: rgb(30, 136, 188) !important; border-color: rgb(30, 136, 188) !important;}
#direct-shipment-form input[type="checkbox"]:checked::after{content: "✓"; position: absolute; inset: 0px; color: rgb(255, 255, 255); font-size: 12px; font-weight: 900; display: flex; align-items: center; justify-content: center;}
#direct-shipment-form .direct-nomi-hbl-entry,#direct-shipment-form .direct-nomi-bl-section,#direct-shipment-form .direct-nomi-alert-box{border-radius: 8px !important; border: 1px solid var(--g3) !important; background: rgb(249, 251, 253) !important;}
#direct-shipment-form .direct-nomi-ic-alert.direct-nomi-ok{background: rgb(234, 246, 236) !important; border-color: rgb(189, 223, 195) !important; color: rgb(34, 135, 56) !important;}
#direct-shipment-form .direct-nomi-ic-alert.direct-nomi-warn{background: rgb(255, 246, 230) !important; border-color: rgb(244, 210, 142) !important; color: rgb(166, 96, 0) !important;}
#direct-shipment-form .direct-nomi-ic-alert.direct-nomi-danger{background: rgb(255, 240, 241) !important; border-color: rgb(244, 199, 204) !important; color: rgb(214, 61, 74) !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode,#direct-shipment-form .direct-nomi-etd-mode{height: auto !important; min-height: 0px !important; gap: 5px !important; margin-left: 4px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; overflow: visible !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-btn,#direct-shipment-form .direct-nomi-etd-mode-btn{min-height: 20px !important; height: 20px !important; line-height: 20px !important; padding: 0px 4px !important; border: 0px !important; border-radius: 4px !important; background: transparent !important; color: rgb(100, 116, 139) !important; box-shadow: none !important; font-size: 11px !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-btn.direct-nomi-on,#direct-shipment-form .direct-nomi-etd-mode-btn.direct-nomi-on{padding: 0px 7px !important; background: rgb(0, 62, 111) !important; color: rgb(255, 255, 255) !important;}
#direct-shipment-form .direct-nomi-bl-card .direct-nomi-bl-section{padding: 0px !important; margin-bottom: 14px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important;}
#direct-shipment-form .direct-nomi-bl-card .direct-nomi-bl-section + .direct-nomi-bl-section{padding-top: 10px !important; border-top: 1px solid rgb(231, 235, 239) !important;}
#direct-shipment-form .direct-nomi-bl-card .direct-nomi-bl-section-lbl{margin-bottom: 7px !important; padding-bottom: 0px !important; border: 0px !important; color: rgb(52, 66, 85) !important; font-size: 13px !important; letter-spacing: 0px !important; text-transform: none !important;}
#direct-shipment-form .direct-nomi-bl-card .direct-nomi-hbl-entry{padding: 0px 0px 11px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important;}
#direct-shipment-form .direct-nomi-bl-card .direct-nomi-hbl-entry + .direct-nomi-hbl-entry{padding-top: 11px !important; border-top: 1px solid rgb(231, 235, 239) !important;}
#direct-shipment-form .direct-nomi-bl-card .direct-nomi-hbl-entry-head{margin-bottom: 2px !important;}
#direct-shipment-form .direct-nomi-bl-card .direct-nomi-hbl-add-btn{min-height: 28px !important; border-style: dashed !important; background: rgb(255, 255, 255) !important;}
#direct-shipment-form .direct-nomi-bl-card > div[style*="background:var(--g2)"]{margin-top: 4px !important; padding: 2px 0px 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important;}
#direct-shipment-form .direct-nomi-bl-card .direct-nomi-ic-obl-blk{margin-top: 6px !important; padding: 4px 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important;}
#direct-shipment-form .direct-nomi-bl-card .direct-nomi-ic-obl-lbl{color: rgb(21, 128, 61) !important;}
#direct-shipment-form input[type="checkbox"]{appearance: auto !important; width: 15px !important; height: 15px !important; min-width: 15px !important; border: revert !important; border-radius: 2px !important; background: revert !important; position: static !important; cursor: pointer !important; flex-shrink: 0 !important; vertical-align: -2px !important; accent-color: rgb(26, 127, 75) !important;}
#direct-shipment-form input[type="checkbox"]:checked{background: revert !important; border-color: revert !important;}
#direct-shipment-form input[type="checkbox"]::after{content: none !important; display: none !important;}
#direct-shipment-form .direct-nomi-ic-ckr input[type="checkbox"],#direct-shipment-form label.direct-nomi-ic-ckr input[type="checkbox"]{margin: 0px !important;}
#direct-shipment-form .direct-nomi-bl-card > div[style*="background:var(--g2)"]{margin-top: 8px !important; padding: 8px 10px !important; border: 1px solid var(--g3) !important; border-radius: 6px !important; background: rgb(248, 250, 252) !important;}
#direct-shipment-form .direct-nomi-bl-card .direct-nomi-ic-obl-blk{margin-top: 8px !important; padding: 7px 11px !important; border: 1px solid var(--y3) !important; border-radius: 6px !important; background: var(--y2) !important;}
#direct-shipment-form .direct-nomi-bl-card .direct-nomi-ic-obl-blk.direct-nomi-done{border-color: var(--gn3) !important; background: var(--gn2) !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-shipment-extra-row{display: grid !important; grid-template-columns: minmax(210px, max-content) max-content minmax(160px, 1fr) !important; gap: 8px 10px !important; align-items: end !important; margin-top: 2px !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-cntr-row,#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-flags-row,#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-special-row{margin: 0px !important; min-width: 0px !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-cntr-row{display: flex !important; align-items: center !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-flags-row{display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-special-row{display: grid !important; grid-template-columns: auto minmax(120px, 1fr) !important; align-items: center !important; gap: 6px !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-special-row .direct-nomi-ic-lbl{margin: 0px !important; white-space: nowrap !important;}
#direct-shipment-form .direct-nomi-shipment-card #direct-nomi-i-special-cargo{min-width: 0px !important;}
@media (max-width: 1280px){
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-shipment-extra-row{grid-template-columns: 1fr 1fr !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-special-row{grid-column: 1 / -1 !important;}
}
@media (max-width: 760px){
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-shipment-extra-row{grid-template-columns: 1fr !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-special-row{grid-template-columns: 1fr !important;}
}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode,#direct-shipment-form .direct-nomi-etd-mode{height: 24px !important; min-height: 24px !important; display: inline-flex !important; align-items: center !important; gap: 0px !important; margin-left: 6px !important; border: 1px solid rgb(215, 225, 234) !important; border-radius: 5px !important; background: rgb(248, 250, 252) !important; box-shadow: none !important; overflow: hidden !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-btn,#direct-shipment-form .direct-nomi-etd-mode-btn{min-height: 22px !important; height: 22px !important; line-height: 22px !important; padding: 0px 7px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: rgb(82, 97, 116) !important; font-size: 11px !important; font-weight: 800 !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-btn + .direct-nomi-etd-mode-btn,#direct-shipment-form .direct-nomi-etd-mode-btn + .direct-nomi-etd-mode-btn{border-left: 1px solid rgb(223, 231, 239) !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-btn.direct-nomi-on,#direct-shipment-form .direct-nomi-etd-mode-btn.direct-nomi-on{background: rgb(0, 62, 111) !important; color: rgb(255, 255, 255) !important; border-left-color: rgb(0, 62, 111) !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-shipment-extra-row{grid-template-columns: minmax(210px, max-content) max-content !important; align-items: start !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-special-row{grid-column: 1 / -1 !important; display: block !important; margin-top: 6px !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-special-row .direct-nomi-ic-lbl{display: block !important; margin: 0px 0px 3px !important; white-space: normal !important;}
#direct-shipment-form .direct-nomi-shipment-card #direct-nomi-i-special-cargo{width: 100% !important; min-width: 0px !important;}
@media (max-width: 1280px){
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-shipment-extra-row{grid-template-columns: 1fr 1fr !important;}
}
@media (max-width: 760px){
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-shipment-extra-row{grid-template-columns: 1fr !important;}
}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode{position: absolute !important; top: -4px !important; right: 0px !important; height: 20px !important; min-height: 20px !important; margin-left: 0px !important; align-self: auto !important; border: 1px solid rgb(218, 224, 232) !important; border-radius: 4px !important; background: rgb(255, 255, 255) !important; overflow: hidden !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-btn{min-width: 38px !important; min-height: 20px !important; height: 20px !important; line-height: 20px !important; padding: 0px 7px !important; font-family: var(--sans) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0px !important; border: 0px !important; border-radius: 0px !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-btn + .direct-nomi-etd-mode-btn{border-left: 1px solid rgb(218, 224, 232) !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-btn.direct-nomi-on{background: rgb(0, 62, 111) !important; color: rgb(255, 255, 255) !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-shipment-extra-row{display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; margin-top: 2px !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-cntr-row{display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; margin: 0px !important; min-width: 0px !important; flex: 0 1 auto !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-cntr-row > div:last-child{display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 4px !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-flags-row{display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; margin: 0px !important; min-width: 0px !important; flex: 0 0 auto !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-special-row{flex: 1 0 100% !important; display: block !important; margin-top: 6px !important; min-width: 0px !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-special-row .direct-nomi-ic-lbl{display: block !important; margin: 0px 0px 3px !important;}
#direct-shipment-form .direct-nomi-shipment-card #direct-nomi-i-special-cargo{width: 100% !important; min-width: 0px !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode{top: -8px !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-cntr-row,#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-flags-row{display: contents !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-cntr-row > .direct-nomi-ic-lbl{align-self: center !important; margin: 0px !important;}
#direct-shipment-form .direct-nomi-shipment-card .direct-nomi-ship-cntr-row > div:last-child{display: contents !important;}
#direct-shipment-form .direct-nomi-shipment-card #direct-nomi-i-cntr-count{flex: 0 0 50px !important;}
#direct-shipment-form .direct-nomi-shipment-card #direct-nomi-i-cntr-type-main{flex: 0 1 128px !important;}
#direct-shipment-form .direct-nomi-shipment-card #direct-nomi-ct-fcl,#direct-shipment-form .direct-nomi-shipment-card #direct-nomi-ct-lcl,#direct-shipment-form .direct-nomi-shipment-card #direct-nomi-tog-dg,#direct-shipment-form .direct-nomi-shipment-card #direct-nomi-tog-car{flex: 0 0 auto !important;}
@media (max-width: 1180px){
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-date-grid{grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-actual-label{padding-right: 0px !important; padding-top: 22px !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode{top: 0px !important; right: 0px !important;}
}
@media (max-width: 900px){
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-date-grid{grid-template-columns: 1fr !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-actual-label{padding-top: 22px !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode{top: 0px !important; right: 0px !important;}
}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-cro-mode-row{display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; padding: 4px 0px !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-cro-mode-row .direct-nomi-etd-mode{position: static !important; top: auto !important; right: auto !important; margin-left: 4px !important; height: 20px !important; min-height: 20px !important; display: inline-flex !important; align-items: center !important; gap: 0px !important; border: 1px solid rgb(218, 224, 232) !important; border-radius: 4px !important; background: rgb(255, 255, 255) !important; overflow: hidden !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-cro-mode-row .direct-nomi-etd-mode-btn{min-width: 38px !important; min-height: 20px !important; height: 20px !important; line-height: 20px !important; padding: 0px 7px !important; border: 0px !important; border-radius: 0px !important; font-family: var(--sans) !important; font-size: 12px !important; font-weight: 800 !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-cro-mode-row .direct-nomi-etd-mode-btn + .direct-nomi-etd-mode-btn{border-left: 1px solid rgb(218, 224, 232) !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-actual-label{padding-right: 0px !important; padding-top: 0px !important; margin-bottom: 3px !important;}
@media (max-width: 1180px){
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-actual-label{padding-top: 0px !important;}
}
@media (max-width: 900px){
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-actual-label{padding-top: 0px !important;}
}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-actual-label{position: relative !important; display: block !important; padding: 0px !important; margin-bottom: 3px !important; min-height: 14px !important; height: 14px !important; line-height: 14px !important; overflow: visible !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-actual-label > span:not(.direct-nomi-etd-mode){display: block !important; line-height: 14px !important; white-space: nowrap !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-actual-label .direct-nomi-etd-mode{position: absolute !important; top: -34px !important; right: 0px !important; height: 20px !important; min-height: 20px !important; display: inline-flex !important; align-items: center !important; gap: 0px !important; margin: 0px !important; border: 1px solid rgb(218, 224, 232) !important; border-radius: 4px !important; background: rgb(255, 255, 255) !important; overflow: hidden !important; z-index: 2 !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-actual-label .direct-nomi-etd-mode-btn{min-width: 38px !important; min-height: 20px !important; height: 20px !important; line-height: 20px !important; padding: 0px 7px !important; border: 0px !important; border-radius: 0px !important; font-family: var(--sans) !important; font-size: 12px !important; font-weight: 800 !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-actual-label .direct-nomi-etd-mode-btn + .direct-nomi-etd-mode-btn{border-left: 1px solid rgb(218, 224, 232) !important;}
#direct-shipment-form #direct-nomi-etd-alert .direct-nomi-alert-box label{align-items: center !important; line-height: 15px !important;}
#direct-shipment-form #direct-nomi-etd-alert .direct-nomi-alert-box input[type="checkbox"]{margin: 0px !important; align-self: center !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-block-row{gap: 5px !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-date-grid{grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important; align-items: start !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-line{display: flex !important; align-items: center !important; justify-content: flex-end !important; min-height: 20px !important; margin: 0px 0px 3px !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-line .direct-nomi-etd-mode{position: static !important; top: auto !important; right: auto !important; height: 20px !important; min-height: 20px !important; display: inline-flex !important; align-items: center !important; gap: 0px !important; margin: 0px !important; border: 1px solid rgb(218, 224, 232) !important; border-radius: 4px !important; background: rgb(255, 255, 255) !important; overflow: hidden !important; z-index: auto !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-line .direct-nomi-etd-mode-btn{min-width: 38px !important; min-height: 20px !important; height: 20px !important; line-height: 20px !important; padding: 0px 7px !important; border: 0px !important; border-radius: 0px !important; font-family: var(--sans) !important; font-size: 12px !important; font-weight: 800 !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-line .direct-nomi-etd-mode-btn + .direct-nomi-etd-mode-btn{border-left: 1px solid rgb(218, 224, 232) !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-date-grid > div{display: flex !important; flex-direction: column !important; min-width: 0px !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-date-grid > div > .direct-nomi-ic-lbl,#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-date-grid .direct-nomi-etd-actual-label{position: static !important; display: block !important; height: 17px !important; min-height: 17px !important; line-height: 17px !important; padding: 0px !important; margin: 0px 0px 3px !important; overflow: visible !important;}
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-date-grid .direct-nomi-etd-actual-label > span{display: block !important; line-height: 17px !important; white-space: nowrap !important;}
#direct-shipment-form .direct-nomi-tml-schedule-title{display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important;}
#direct-shipment-form .direct-nomi-tml-lookup-btn{display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 4px 9px; border: 1px solid rgb(125, 211, 199); border-radius: 4px; background: rgb(240, 253, 250); color: rgb(15, 118, 110); font-family: var(--mono); font-size: 11px; font-weight: 900; letter-spacing: 0px; cursor: pointer; white-space: nowrap;}
#direct-shipment-form .direct-nomi-tml-lookup-btn:hover{background: rgb(204, 251, 241); border-color: rgb(45, 212, 191);}
#direct-shipment-form .direct-nomi-tml-lookup-btn:disabled{cursor: wait; opacity: 0.72;}
#direct-shipment-form .direct-nomi-tml-lookup-ico{display: inline-grid; place-items: center; height: 16px; min-width: 28px; padding: 0px 4px; border-radius: 3px; background: rgb(15, 118, 110); color: rgb(255, 255, 255); font-size: 9px; line-height: 1;}
#direct-shipment-form .direct-nomi-tml-lookup-status{min-height: 0px; margin: 0px; font-family: var(--mono); font-size: 10.5px; line-height: 1.45; color: rgb(100, 116, 139); display: none !important;}
#direct-shipment-form .direct-nomi-eta-check-actions{display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 4px;}
#direct-shipment-form .direct-nomi-eta-auto-verify-btn,#direct-shipment-form .direct-nomi-eta-security-btn{min-height: 24px; padding: 3px 8px; border: 1px solid rgb(191, 219, 254); border-radius: 4px; background: rgb(239, 246, 255); color: rgb(29, 78, 216); font-family: var(--mono); font-size: 11px; font-weight: 900; letter-spacing: 0px; cursor: pointer; white-space: nowrap;}
#direct-shipment-form .direct-nomi-eta-security-btn{border-color: rgb(253, 230, 138); background: rgb(255, 251, 235); color: rgb(146, 64, 14);}
#direct-shipment-form .direct-nomi-eta-auto-verify-btn:hover{background: rgb(219, 234, 254); border-color: rgb(147, 197, 253);}
#direct-shipment-form .direct-nomi-eta-security-btn:hover{background: rgb(254, 243, 199); border-color: rgb(250, 204, 21);}
#direct-shipment-form .direct-nomi-eta-auto-verify-btn:disabled,#direct-shipment-form .direct-nomi-eta-security-btn:disabled{cursor: wait; opacity: 0.72;}
#direct-shipment-form .direct-nomi-tml-lookup-status.direct-nomi-has-terminal{align-items: center; gap: 5px; min-height: 22px; margin: 0px 0px 5px; padding: 3px 7px; border: 1px solid rgb(185, 211, 226); border-radius: 4px; background: rgb(237, 247, 251); color: var(--teal); font-family: var(--mono); font-size: 10.5px; font-weight: 900; display: flex !important;}
#direct-shipment-form .direct-nomi-tml-actions{display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; flex-shrink: 0 !important;}
#direct-shipment-form .direct-nomi-tml-actions .direct-nomi-tml-lookup-ico{display: none !important;}
#direct-shipment-form .direct-nomi-tml-actions .direct-nomi-tml-audit-btn,#direct-shipment-form .direct-nomi-tml-actions .direct-nomi-tml-lookup-btn{min-height: 30px !important; padding: 0px 11px !important; border-radius: 5px !important; font-family: var(--mono) !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: 0px !important; box-shadow: rgba(15, 23, 42, 0.06) 0px 1px 2px !important;}
#direct-shipment-form .direct-nomi-tml-actions .direct-nomi-tml-lookup-btn{min-width: 108px !important; justify-content: center !important; border-color: rgb(15, 118, 110) !important; background: rgb(15, 118, 110) !important; color: rgb(255, 255, 255) !important;}
#direct-shipment-form .direct-nomi-tml-actions .direct-nomi-tml-lookup-btn:hover{background: rgb(11, 95, 89) !important; border-color: rgb(11, 95, 89) !important;}
@media (max-width: 1180px){
#direct-shipment-form .direct-nomi-tml-schedule-title{align-items: flex-start !important; flex-direction: column !important;}
}
#direct-shipment-form .direct-nomi-notify-rich-toolbar{display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 0px 0px 6px; padding: 7px 8px; background: rgb(255, 255, 255); border: 1px solid rgb(215, 222, 232); border-radius: 4px;}
#direct-shipment-form .direct-nomi-notify-rich-tool,#direct-shipment-form .direct-nomi-notify-rich-reset,#direct-shipment-form .direct-nomi-notify-rich-size,#direct-shipment-form .direct-nomi-notify-rich-custom-color{height: 30px; border: 1px solid rgb(203, 213, 225); background: rgb(255, 255, 255); color: rgb(23, 32, 51); border-radius: 4px; font-family: var(--sans); font-size: 12px; font-weight: 700; box-sizing: border-box;}
#direct-shipment-form .direct-nomi-notify-rich-tool{width: 32px; padding: 0px; cursor: pointer;}
#direct-shipment-form .direct-nomi-notify-rich-tool:hover,#direct-shipment-form .direct-nomi-notify-rich-reset:hover{border-color: var(--navy); background: rgb(248, 250, 252);}
#direct-shipment-form .direct-nomi-notify-rich-size{width: 72px; padding: 0px 7px;}
#direct-shipment-form .direct-nomi-notify-rich-custom-color{position: relative; width: 34px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden;}
#direct-shipment-form .direct-nomi-notify-rich-custom-color span{font-size: 15px; font-weight: 800; text-decoration: underline 3px rgb(192, 0, 0); text-underline-offset: 4px;}
#direct-shipment-form .direct-nomi-notify-rich-custom-color input{position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
#direct-shipment-form .direct-nomi-notify-rich-palette{display: inline-flex; align-items: center; gap: 4px; padding: 0px 2px;}
#direct-shipment-form .direct-nomi-notify-rich-swatch{width: 24px; height: 24px; padding: 0px; border: 1px solid rgb(203, 213, 225); border-radius: 3px; background: var(--notify-swatch); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset; cursor: pointer;}
#direct-shipment-form .direct-nomi-notify-rich-swatch:hover{outline: rgb(148, 163, 184) solid 2px; outline-offset: 1px;}
#direct-shipment-form .direct-nomi-notify-rich-reset{padding: 0px 10px; cursor: pointer; margin-left: auto;}
#direct-shipment-form .direct-nomi-notify-rich-status{margin: 0px 0px 7px; color: rgb(100, 116, 139); font-family: var(--sans); font-size: 11px; line-height: 1.4;}
#direct-shipment-form .direct-nomi-notify-rich-status.direct-nomi-is-error{color: rgb(185, 28, 28); font-weight: 700;}
#direct-shipment-form .direct-nomi-notify-rich-status.direct-nomi-is-success{color: rgb(21, 128, 61); font-weight: 700;}
#direct-shipment-form .direct-nomi-notify-inline-save{padding: 6px 12px; border: 1px solid var(--navy); border-radius: 4px; background: var(--navy); color: rgb(255, 255, 255); font: 700 11px var(--sans); cursor: pointer; white-space: nowrap;}
#direct-shipment-form .direct-nomi-notify-inline-actions{display: flex; align-items: center; gap: 12px; justify-content: space-between; margin: 0px 0px 8px; font: 11px var(--sans); color: rgb(100, 116, 139);}
#direct-shipment-form .direct-nomi-notify-inline-reset{border: 1px solid rgb(203, 213, 225); border-radius: 4px; background: rgb(255, 255, 255); color: rgb(71, 85, 105); padding: 5px 8px; cursor: pointer; white-space: nowrap;}
#direct-shipment-form .direct-nomi-notify-table-wrap [data-notify-account-field]:focus{outline: rgb(68, 114, 196) solid 2px; outline-offset: -2px;}
#direct-shipment-form .direct-nomi-notify-table-wrap [data-notify-rich-unit]{user-select: text; cursor: text;}
body.cl-font-custom #direct-shipment-form .direct-nomi-info-card-title{font-size: 14px !important;}

/* Direct's independent lookup results and narrow-window adaptation. */
#direct-shipment-form .direct-nomi-tml-lookup-status:has(#direct-terminal-results:not(:empty)){display:block!important;max-height:190px;overflow:auto;margin-bottom:8px}
#direct-shipment-form .direct-nomi-ic-blt-row{flex-wrap:wrap}
#direct-shipment-form .direct-nomi-ic-blt{min-width:65px}
#direct-shipment-form .direct-nomi-ic-bl-lbl{white-space:nowrap;width:auto}
#direct-shipment-form #direct-nomi-alarm-section>div:nth-child(2){flex-wrap:wrap}
#direct-shipment-form #direct-alarm-text{min-width:120px}
#direct-shipment-form .direct-nomi-notify-block-hd{flex-wrap:wrap}
#direct-shipment-form .direct-loi{margin-top:8px;padding:8px 10px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;font-size:12px}
#direct-shipment-form .direct-loi summary{cursor:pointer;font-weight:700;color:#92400e}
#direct-shipment-form .direct-loi>label{display:block;margin:8px 0}
#direct-shipment-form .direct-loi textarea{font-size:12px;min-height:55px}
@media(max-width:1100px){#direct-shipment-form .direct-nomi-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#direct-shipment-form .direct-nomi-bl-card{grid-column:1/-1}}
@media(max-width:760px){#direct-shipment-form .direct-nomi-info-grid,#direct-shipment-form .direct-nomi-info-grid-2{grid-template-columns:minmax(0,1fr)}#direct-shipment-form .direct-nomi-bl-card{grid-column:auto}#direct-shipment-form .direct-nomi-notify-text-editor-grid{grid-template-columns:1fr}}

/* VISVITA accents; status colors and the original Nomination workspace stay intact. */
#direct-shipment-form{--direct-brand:#a91f2a;--direct-brand-soft:#fdf1f2;--direct-brand-border:#e6bac0}
#direct-shipment-form .direct-nomi-info-card{border-top-color:var(--direct-brand)!important}
#direct-shipment-form .direct-nomi-info-card-title{color:var(--direct-brand)!important;border-left-color:var(--direct-brand)!important}
#direct-shipment-form .direct-nomi-tml-actions .direct-nomi-tml-lookup-btn{background:var(--direct-brand)!important;border-color:var(--direct-brand)!important}
#direct-shipment-form .direct-nomi-tml-actions .direct-nomi-tml-lookup-btn:hover{background:#891923!important;border-color:#891923!important}
#direct-shipment-form .direct-nomi-ic-tog.direct-nomi-on,
#direct-shipment-form .direct-nomi-ic-tog-ct.direct-nomi-on,
#direct-shipment-form .direct-nomi-schedule-card .direct-nomi-etd-mode-line .direct-nomi-etd-mode-btn.direct-nomi-on{background:var(--direct-brand)!important;border-color:var(--direct-brand)!important;color:#fff!important}
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-obl,
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-sur,
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-pod,
#direct-shipment-form .direct-nomi-ic-blt.direct-nomi-sel-swb{background:var(--direct-brand-soft)!important;border-color:var(--direct-brand-border)!important;color:var(--direct-brand)!important}
#direct-shipment-form .direct-nomi-hbl-add-btn{color:var(--direct-brand)!important;border-color:var(--direct-brand-border)!important}
#direct-shipment-form .direct-nomi-ic-inp:focus{border-color:var(--direct-brand)!important;box-shadow:0 0 0 3px rgba(169,31,42,.12)!important}
#direct-shipment-form .direct-shipment-actions{display:grid;grid-template-columns:minmax(180px,240px) auto auto;align-items:end;gap:8px;max-width:100%}
#direct-shipment-form .direct-booking-field{display:grid;gap:5px;min-width:0;margin:0}
#direct-shipment-form .direct-booking-field>span{font-size:12px;line-height:16px;color:#526174}
#direct-shipment-form .direct-shipment-actions input,
#direct-shipment-form .direct-shipment-actions>button{height:40px;min-height:40px!important;box-sizing:border-box;margin:0}
#direct-shipment-form .direct-shipment-actions>button{display:inline-flex;align-items:center;justify-content:center;padding:0 13px;white-space:nowrap}
@media(max-width:560px){#direct-shipment-form .direct-shipment-actions{width:100%;grid-template-columns:minmax(100px,1fr) auto auto;gap:6px}#direct-shipment-form .direct-shipment-actions>button{padding:0 9px;font-size:12px}}

.direct-cipl-favorite-bar { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:12px; align-items:end; margin:20px 0; padding:16px; border:1px solid #ead4d8; border-radius:8px; background:#fff8f9; }
.direct-cipl-favorite-bar .direct-field { min-width:0; margin:0; }
.direct-cipl-favorite-bar > button { min-height:40px; }
.direct-cipl-favorite-bar > p { grid-column:1/-1; margin:0; }
.direct-workspace .direct-delete-order { color:#a91f2a; border-color:#dbaab0; }
@media(max-width:650px) { .direct-cipl-favorite-bar { grid-template-columns:minmax(0,1fr); } }

/* PO routes reuse the existing Direct typography, controls and status colors. */
#direct-panel-overview .direct-po-route { display: grid; grid-template-columns: 270px minmax(0,1fr); border-top: 1px solid #e0e6ec; font-size: 13px; }
#direct-panel-overview .direct-po-route + .direct-po-route { border-top: 2px solid #bcc8d5; }
#direct-panel-overview .direct-po-route small { display: block; margin-top: 5px; font-size: 11px; }
#direct-panel-overview .direct-po-summary { display: flex; flex-direction: column; gap: 12px; padding: 17px; border-right: 1px solid #bcc8d5; min-width: 0; overflow-wrap: anywhere; }
#direct-panel-overview .direct-po-route-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#direct-panel-overview .direct-po-summary .direct-po-route-head > button { flex-shrink: 0; }
#direct-panel-overview .direct-po-summary > .direct-po-route-head { padding-bottom: 12px; border-bottom: 1px solid #ccd5df; }
#direct-panel-overview .direct-po-arrival { display: flex; flex-direction: column; gap: 5px; padding-top: 12px; border-top: 1px solid #e4e8ed; }
#direct-panel-overview .direct-po-bookings { display: flex; flex-direction: column; min-width: 0; }
#direct-panel-overview .direct-po-booking { display: flex; flex-direction: column; justify-content: center; gap: 17px; flex: 1; padding: 17px 22px; min-width: 0; overflow-wrap: anywhere; }
#direct-panel-overview .direct-po-booking + .direct-po-booking { border-top: 1px solid #bcc8d5; }
#direct-panel-overview .direct-po-steps { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr) repeat(2,minmax(0,1fr)); gap: 28px; }
#direct-panel-overview .direct-po-step { position: relative; min-width: 0; }
#direct-panel-overview .direct-po-step + .direct-po-step::before { content: '→'; position: absolute; left: -21px; top: 26px; color: #738091; }
#direct-panel-overview .direct-po-value { margin-top: 6px; font-variant-numeric: tabular-nums; }
#direct-panel-overview .direct-po-step > .direct-badge { margin: 8px 0 0; }
#direct-panel-overview .direct-po-route-foot { display: flex; flex-wrap: wrap; gap: 8px 20px; border-top: 1px solid #e4e8ed; padding-top: 12px; font-size: 11px; color: #738091; }
@media (max-width:1100px) {
  #direct-panel-overview .direct-po-route { grid-template-columns: 235px minmax(0,1fr); }
  #direct-panel-overview .direct-po-steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 28px; }
  #direct-panel-overview .direct-po-step:nth-child(3)::before { content: none; }
}
@media (max-width:650px) {
  #direct-panel-overview .direct-po-route { grid-template-columns: minmax(0,1fr); }
  #direct-panel-overview .direct-po-summary { border-right: 0; border-bottom: 1px solid #bcc8d5; }
  #direct-panel-overview .direct-po-booking { padding: 17px; }
}