.badge.ready{background:#dcfce7;color:#166534;border:1px solid #86efac}.badge.not-ready{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.block-muted{display:block;margin-top:4px;color:#667085;font-size:10px}.workflow-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.workflow-list-card{display:block;padding:20px;color:inherit;border-top:3px solid #2563eb;transition:.18s ease}.workflow-list-card:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(15,23,42,.09)}.workflow-list-card.has-warning{border-top-color:#f59e0b}.workflow-list-card header,.workflow-list-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.workflow-list-card header>span:first-child{font-size:10px;font-weight:900;color:#667085;letter-spacing:.05em}.workflow-list-card h2{margin:16px 0 2px;font-size:16px}.workflow-list-card>p{margin:0 0 15px;color:#667085;font-size:12px}.workflow-list-card dl{margin:0}.workflow-list-card dl div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #eef2f6;font-size:10px}.workflow-list-card dt{color:#667085}.workflow-list-card dd{margin:0;text-align:right;font-weight:750}.workflow-list-card .blocking{display:block;margin-top:12px;padding:8px;border-radius:7px;background:#fff7ed;color:#c2410c}.workflow-list-card footer{margin-top:14px;color:#667085;font-size:9px}.workflow-list-card footer b{color:#2563eb}.workflow-stepper{display:grid;grid-template-columns:repeat(10,minmax(85px,1fr));margin-bottom:18px;padding:18px 12px;overflow-x:auto;border:1px solid #e4e9f0;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.04)}.workflow-stepper>div{position:relative;display:grid;justify-items:center;min-width:82px;text-align:center}.workflow-stepper>div:before{position:absolute;top:14px;left:0;width:100%;height:2px;background:#dfe5ed;content:""}.workflow-stepper>div:first-child:before{left:50%;width:50%}.workflow-stepper>div:last-child:before{width:50%}.workflow-stepper span{z-index:1;display:grid;width:29px;height:29px;place-items:center;border:3px solid #fff;border-radius:50%;background:#e5e7eb;color:#64748b;font-size:10px;font-weight:900;box-shadow:0 0 0 1px #d8dee8}.workflow-stepper b{margin-top:8px;font-size:9px;white-space:nowrap}.workflow-stepper small{margin-top:2px;color:#98a2b3;font-size:8px}.workflow-stepper em{margin-top:3px;color:#667085;font-size:7px;font-style:normal}.workflow-stepper .step-completed span,.workflow-stepper .step-not_required span{background:#22c55e;color:#fff}.workflow-stepper .step-completed:before,.workflow-stepper .step-not_required:before{background:#86efac}.workflow-stepper .step-in_progress span{background:#3b82f6;color:#fff}.workflow-stepper .step-waiting span{background:#f59e0b;color:#fff}.workflow-stepper .step-problem span{background:#ef4444;color:#fff}.workflow-stepper .step-blocked span{background:#7c3aed;color:#fff}.warning-stack{display:grid;gap:7px;margin-bottom:18px}.warning{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 14px;border-radius:9px;background:#f8fafc;color:#475569;font-size:11px}.warning b{font-size:9px}.warning small{color:#667085}.warning.attention{background:#fffbeb;color:#92400e}.warning.urgent{background:#fff7ed;color:#c2410c}.warning.critical{background:#fff1f2;color:#be123c}.readiness-card{margin-bottom:18px;padding:18px;border-left:4px solid #ef4444}.readiness-card header{display:flex;justify-content:space-between}.readiness-card h2{margin:0;font-size:15px}.readiness-card p{margin:4px 0 0;color:#667085;font-size:10px}.readiness-card header>strong{font-size:25px;color:#dc2626}.readiness-card ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin:14px 0 0;padding:0;list-style:none}.readiness-card li{position:relative;padding-left:17px;color:#9f1239;font-size:10px}.readiness-card li:before{position:absolute;left:0;content:"×";font-weight:900}.workflow-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.workflow-summary-grid article{display:grid;gap:5px;padding:16px}.workflow-summary-grid small{color:#667085;font-size:9px;font-weight:800;text-transform:uppercase}.workflow-summary-grid strong{font-size:14px}.workflow-summary-grid span{overflow:hidden;color:#667085;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.workflow-columns{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);align-items:start;gap:18px}.workflow-columns main,.workflow-columns aside{display:grid;min-width:0;gap:18px}.workflow-section{padding:0;overflow:hidden}.workflow-section>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid #ebeff4;background:#fbfcfe}.workflow-section>header>div{display:flex;align-items:center;gap:11px}.workflow-section h2,.side-card h2{margin:0;font-size:14px}.workflow-section header p{margin:3px 0 0;color:#667085;font-size:9px}.section-number{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:#eaf2ff;color:#1d4ed8;font-size:11px;font-weight:900}.declared-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:20px}.declared-grid dl,.data-grid{margin:0}.declared-grid h3{margin:0 0 10px;font-size:11px;color:#344054}.declared-grid dl div,.data-grid div,.side-card dl div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid #eef2f6}.declared-grid dt,.data-grid dt,.side-card dt{color:#667085;font-size:9px}.declared-grid dd,.data-grid dd,.side-card dd{margin:0;text-align:right;font-size:10px;font-weight:750}.instruction-box{margin:0 20px 20px;padding:13px;border:1px solid #fde68a;border-radius:9px;background:#fffbeb;color:#78350f}.instruction-box b{font-size:10px}.instruction-box p{margin:5px 0 0;font-size:10px}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:17px 20px;gap:0 20px}.comparison-table{padding:18px 20px}.comparison-table>div{display:grid;grid-template-columns:1fr 1fr 1fr;padding:9px 10px;border-bottom:1px solid #edf1f5;font-size:10px}.comparison-head{border-radius:7px;background:#f1f5f9;color:#475569}.comparison-table .different{background:#fff1f2;color:#be123c;font-weight:800}.evidence-strip{display:flex;gap:8px;padding:0 20px 18px;overflow-x:auto}.evidence-strip a{display:grid;gap:3px;color:#667085;font-size:8px}.evidence-strip img{width:96px;height:68px;object-fit:cover;border:1px solid #e2e8f0;border-radius:7px}.discrepancy-box{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 20px 20px;padding:13px;border:1px solid #fecaca;border-radius:9px;background:#fff1f2;color:#991b1b}.discrepancy-box b{font-size:11px}.discrepancy-box p{margin:4px 0 0;font-size:9px}.resolved-box,.not-required{margin:18px 20px;padding:12px;border-radius:8px;background:#ecfdf3;color:#166534;font-size:10px}.resolved-box span{display:block;margin-top:4px}.not-required{background:#f1f5f9;color:#475569}.loading-card{margin:16px 20px;padding:14px;border:1px solid #e4eaf1;border-radius:10px}.loading-card>header{display:flex;justify-content:space-between}.loading-card header b,.loading-card header span{display:block}.loading-card header span{margin-top:3px;color:#667085;font-size:9px}.loading-card .data-grid{padding:10px 0}.loading-card .evidence-strip{padding:8px 0 0}.document-checklist{padding:8px 20px 18px}.document-checklist>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px;padding:12px 0;border-bottom:1px solid #edf1f5}.doc-status{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#fff1f2;color:#dc2626;font-weight:900}.doc-status.status-final,.doc-status.status-approved,.doc-status.status-submitted_customs{background:#dcfce7;color:#15803d}.document-checklist b,.document-checklist small,.document-checklist article>div>a{display:block}.document-checklist b{font-size:10px}.document-checklist small{margin:3px 0;color:#667085;font-size:8px}.document-checklist article>div>a{margin-top:4px;color:#2563eb;font-size:8px}.document-actions{display:flex;gap:5px}.document-actions a{padding:5px 7px;border-radius:5px;background:#eff6ff;color:#1d4ed8;font-size:8px;font-weight:800}.smgs-card{margin:16px 20px;padding:15px;border:1px solid #e4eaf1;border-radius:11px}.smgs-card>header{display:flex;justify-content:space-between}.smgs-card>header>div{display:flex;align-items:center;gap:8px}.approval-chain{display:flex;align-items:center;justify-content:center;gap:9px;margin:16px 0}.approval-chain span{padding:7px 9px;border-radius:7px;background:#f1f5f9;color:#64748b;font-size:8px;font-weight:800}.approval-chain span.done{background:#dcfce7;color:#166534}.approval-chain i{color:#94a3b8;font-style:normal}.version-list>a,.review-list>div{display:block;padding:9px;border-top:1px solid #eef2f6}.version-list b,.version-list small,.review-list b,.review-list small{display:block;font-size:9px}.version-list small,.review-list small{margin-top:3px;color:#667085;font-size:8px}.review-list p{margin:4px 0 0;font-size:9px}.side-card{padding:17px}.side-card>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.side-card>header>strong{color:#2563eb}.side-card dl{margin:0}.cost-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid #eef2f6}.cost-row b,.cost-row small{display:block;font-size:9px}.cost-row small{margin-top:3px;color:#667085;font-size:8px}.cost-row>strong{font-size:9px}.audit-mini>div{display:flex;gap:9px;position:relative;padding:8px 0}.audit-mini i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#3b82f6}.audit-mini b,.audit-mini small{display:block;font-size:9px}.audit-mini small{margin-top:3px;color:#667085;font-size:8px}.audit-mini p{margin:4px 0 0;font-size:8px}.queue-summary{display:flex;align-items:baseline;gap:9px;margin-bottom:15px;padding:18px}.queue-summary strong{font-size:28px;color:#2563eb}.queue-summary span{color:#667085}.queue-list{overflow:hidden}.queue-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:15px 18px;border-bottom:1px solid #edf1f5;color:inherit}.queue-list>a:hover{background:#f8fafc}.queue-icon{display:grid;width:35px;height:35px;place-items:center;border-radius:9px;background:#eff6ff;color:#2563eb;font-weight:900}.queue-icon.urgent,.queue-icon.problem{background:#fff1f2;color:#dc2626}.queue-list b,.queue-list small{display:block}.queue-list b{font-size:11px}.queue-list small{margin-top:3px;color:#667085;font-size:9px}.queue-list em{padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:8px;font-style:normal}.warehouse-lifecycle{display:grid;grid-template-columns:repeat(4,1fr);align-items:start;gap:14px}.warehouse-lifecycle>section>header{display:flex;align-items:center;gap:9px;margin-bottom:10px}.warehouse-lifecycle>section>header>span{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-weight:900}.warehouse-lifecycle .problem>header>span{background:#fee2e2;color:#dc2626}.warehouse-lifecycle h2{margin:0;font-size:11px}.warehouse-lifecycle header small{color:#667085}.warehouse-lifecycle section>a{display:grid;gap:5px;margin-bottom:8px;padding:13px;color:inherit}.warehouse-lifecycle section>a b{font-size:9px;color:#2563eb}.warehouse-lifecycle section>a span{font-size:10px;font-weight:800}.warehouse-lifecycle section>a small{color:#667085;font-size:8px}.empty.mini{padding:18px!important}.predeparture-form .field:has(ul){grid-column:span 2}.predeparture-form input[type=file]{border:1px dashed #94a3b8}.predeparture-form ul{list-style:none;padding:10px;margin:0;border:1px solid #e2e8f0;border-radius:8px}.predeparture-form ul label{display:flex;align-items:center;gap:8px;font-weight:500}.predeparture-form ul input{width:auto}.workflow-head .actions{flex-wrap:wrap}
.train-predeparture-card{margin-bottom:18px;padding:20px}.train-predeparture-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #edf1f5;color:inherit}.train-predeparture-list b,.train-predeparture-list small{display:block}.train-predeparture-list b{font-size:10px}.train-predeparture-list small{margin-top:3px;color:#667085;font-size:8px}.train-predeparture-list>a>span:nth-child(2){font-size:9px;font-weight:800}.train-predeparture-list strong{padding:5px 7px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:8px}.train-predeparture-list i{font-style:normal}
@media(max-width:1250px){.workflow-list-grid{grid-template-columns:repeat(2,1fr)}.workflow-stepper{grid-template-columns:repeat(10,90px)}.warehouse-lifecycle{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.workflow-columns{grid-template-columns:1fr}.workflow-summary-grid{grid-template-columns:repeat(2,1fr)}.data-grid{grid-template-columns:1fr 1fr}.readiness-card ul{grid-template-columns:1fr}}
@media(max-width:650px){.workflow-list-grid,.workflow-summary-grid,.warehouse-lifecycle{grid-template-columns:1fr}.declared-grid{grid-template-columns:1fr}.data-grid{grid-template-columns:1fr}.comparison-table>div{grid-template-columns:.8fr 1fr 1fr}.workflow-section>header{align-items:flex-start}.workflow-section>header>.btn{padding:7px;font-size:8px}.queue-list>a{grid-template-columns:auto 1fr auto}.queue-list em{display:none}.predeparture-form .field:has(ul){grid-column:auto}}
.workflow-stepper .step-overridden{border-color:#e7a31b;background:linear-gradient(180deg,#fffaf0,#fff)}.workflow-stepper .step-overridden>span{background:#e7a31b;color:#fff}.step-override-trigger{margin-top:5px;border:0;border-radius:7px;padding:5px 7px;background:#132840;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.workflow-override-note{display:flex;gap:12px;align-items:center;margin:12px 0;padding:12px 15px;border:1px solid #f0d493;border-radius:12px;background:#fffaf0;color:#72500d}.workflow-override-note>span{width:30px;height:30px;border-radius:9px;background:#e7a31b;color:#fff;display:grid;place-items:center;font-weight:900}.workflow-override-note p{margin:2px 0 0;font-size:11px}.workflow-override-dialog{width:min(510px,calc(100vw - 30px));border:0;border-radius:18px;padding:0;box-shadow:0 25px 80px #06101d88}.workflow-override-dialog::backdrop{background:#05101ccc;backdrop-filter:blur(4px)}.workflow-override-dialog form{padding:28px;display:grid;gap:13px;position:relative}.dialog-close{position:absolute;right:17px;top:13px;border:0;background:transparent;color:#789;font-size:28px;cursor:pointer}.override-shield{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#fff0d1;color:#c17a00;font-size:22px;font-weight:900}.workflow-override-dialog form>small{color:#b17816;font-weight:900;letter-spacing:.13em}.workflow-override-dialog h2,.workflow-override-dialog p{margin:0}.workflow-override-dialog label{display:grid;gap:7px;font-weight:700;color:#31465b}.workflow-override-dialog textarea{border:1px solid #d6dfe8;border-radius:10px;padding:11px;resize:vertical}.workflow-override-dialog .override-confirm{display:flex;align-items:flex-start;background:#f6f8fb;border-radius:10px;padding:11px;font-size:11px}.workflow-override-dialog form>div:last-child{display:flex;justify-content:flex-end;gap:8px}
    /* ===== Cost Row ===== */
.cost-row {
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  align-items: center;
  gap: 12px 16px;
  padding: 14px 0;
  border-bottom: 1px solid #eef2f6;
  transition: background 0.15s ease;
}
.cost-row:hover {
  background: #fafcff;
  margin: 0 -8px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 6px;
}
.cost-row:last-child {
  border-bottom: 0;
}

.cost-row > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.cost-row b {
  font-size: 11px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.3;
}
.cost-row small {
  font-size: 9px;
  color: #667085;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-top: 2px;
}
.cost-row small::before {
  content: "·";
  margin-right: 4px;
  color: #d0d5dd;
}
.cost-row small:first-of-type::before {
  content: "";
  display: none;
}

.cost-row > strong {
  font-size: 13px;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.cost-row > a[href*="download"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #f1f5f9;
  color: #1e293b;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.15s ease;
}
.cost-row > a[href*="download"]:hover {
  background: #e2e8f0;
  color: #0f172a;
  transform: scale(1.05);
}

/* ===== Finance Status ===== */
.finance-status {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
  background: #f1f5f9;
  color: #475569;
}
.finance-status.status-pending {
  background: #fffbeb;
  color: #b45309;
}
.finance-status.status-approved {
  background: #dcfce7;
  color: #166534;
}
.finance-status.status-rejected {
  background: #fee2e2;
  color: #b91c1c;
}
.finance-status.status-paid {
  background: #dbeafe;
  color: #1e40af;
}
.finance-status.status-cancelled {
  background: #f1f5f9;
  color: #64748b;
}
.finance-status.status-flagged {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fcd34d;
}

/* ===== Inline Review Form ===== */
.inline-review {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding: 6px 0 2px;
  border-top: 1px dashed #e2e8f0;
  flex-wrap: wrap;
  grid-column: 1 / -1;
}
.inline-review textarea {
  flex: 1 1 180px;
  padding: 6px 10px;
  border: 1px solid #d1d9e6;
  border-radius: 6px;
  font-size: 10px;
  font-family: inherit;
  background: #fff;
  resize: vertical;
  min-height: 34px;
  transition: border 0.15s ease;
}
.inline-review textarea:focus {
  border-color: #2563eb;
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.inline-review textarea::placeholder {
  color: #94a3b8;
}

/* ===== Buttons (mini) ===== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  border: 0;
  border-radius: 8px;
  font-weight: 700;
  font-size: 12px;
  font-family: inherit;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
  transition: 0.15s ease;
  background: #f1f5f9;
  color: #1e293b;
}
.btn:hover {
  background: #e2e8f0;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.04);
}
.btn:active {
  transform: translateY(0);
}

.btn.mini {
  padding: 4px 12px;
  font-size: 9px;
  border-radius: 6px;
  letter-spacing: 0.02em;
}
.btn.mini.success {
  background: #dcfce7;
  color: #166534;
}
.btn.mini.success:hover {
  background: #bbf7d0;
}
.btn.mini.danger {
  background: #fee2e2;
  color: #b91c1c;
}
.btn.mini.danger:hover {
  background: #fecaca;
}
.btn.mini.secondary {
  background: #eef2f6;
  color: #475569;
}
.btn.mini.secondary:hover {
  background: #e2e8f0;
}

/* ===== Empty state ===== */
.empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 20px;
  color: #667085;
  font-size: 12px;
  background: #fafcff;
  border-radius: 12px;
  border: 1px dashed #d1d9e6;
}
.empty.mini {
  padding: 18px !important;
  font-size: 10px;
  background: transparent;
  border-color: transparent;
  color: #94a3b8;
}

/* ===== Grid container for costs (optional) ===== */
.cost-list {
  display: flex;
  flex-direction: column;
  padding: 0;
}

/* ===== Responsive ===== */
@media (max-width: 700px) {
  .cost-row {
    grid-template-columns: 1fr auto auto;
    gap: 8px 12px;
    padding: 12px 0;
  }
  .cost-row > a[href*="download"] {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }
  .cost-row > strong {
    font-size: 12px;
  }
  .finance-status {
    font-size: 8px;
    padding: 2px 8px;
  }
  .inline-review {
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: stretch;
  }
  .inline-review textarea {
    flex: 1 1 auto;
  }
  .btn.mini {
    padding: 3px 10px;
    font-size: 8px;
  }
}

@media (max-width: 480px) {
  .cost-row {
    grid-template-columns: 1fr auto;
    row-gap: 6px;
  }
  .cost-row > strong {
    grid-column: 2;
    grid-row: 1;
    text-align: right;
  }
  .finance-status {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .cost-row > a[href*="download"] {
    grid-column: 3;
    grid-row: 1;
  }
  .cost-row > div {
    grid-column: 1 / -1;
  }
}