/* Customs Clearance 360 (Agent FIN) -- styling for the 'finance' / 'costs' / 'transport' sections injected into CORE's Customs File workspace
   (masar360-customs-file-fin.js). Design tokens only, mirrors CORE's own .cf-* section idiom (masar360-customs-file.css) so the injected
   content reads as part of the same page rather than a bolted-on widget. Mobile-first RTL: 360/390/430 then desktop. */
.cf-fin{display:flex;flex-direction:column;gap:var(--ds-space-3);min-width:0}
.cf-fin h5{margin:var(--ds-space-2) 0 0;font-size:var(--ds-fs-secondary);color:var(--ds-text-muted);font-weight:600}
.cf-fin-state{padding:var(--ds-space-3);border-radius:var(--ds-radius-md);background:var(--ds-bg);color:var(--ds-text-muted);font-size:var(--ds-fs-secondary)}
.cf-fin-err{color:var(--ds-danger)}
.cf-fin-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-2)}
.cf-fin-tile{display:flex;flex-direction:column;gap:2px;padding:var(--ds-space-2);border:var(--ds-border-w) solid var(--ds-border-subtle);border-inline-start:3px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);background:var(--ds-surface);min-width:0}
.cf-fin-tile span{font-size:var(--ds-fs-caption);color:var(--ds-text-muted)}
.cf-fin-tile b{font-size:var(--ds-fs-body);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cf-fin-tile.info{border-inline-start-color:var(--ds-info)}.cf-fin-tile.warning{border-inline-start-color:var(--ds-warning)}.cf-fin-tile.danger{border-inline-start-color:var(--ds-danger)}.cf-fin-tile.success{border-inline-start-color:var(--ds-success)}
.cf-fin-tile.danger b{color:var(--ds-danger)}.cf-fin-tile.warning b{color:var(--ds-warning)}.cf-fin-tile.success b{color:var(--ds-success)}
.cf-fin-table{width:100%;border-collapse:collapse;font-size:var(--ds-fs-secondary)}
.cf-fin-table th,.cf-fin-table td{padding:6px 8px;text-align:start;border-bottom:var(--ds-border-w) solid var(--ds-border-subtle)}
.cf-fin-table th{color:var(--ds-text-muted);font-weight:600;font-size:var(--ds-fs-caption)}
.cf-fin-table .link{border:0;background:none;padding:0;color:var(--ds-primary);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cf-fin-form{display:flex;flex-direction:column;gap:var(--ds-space-2);padding:var(--ds-space-3);border:var(--ds-border-w) dashed var(--ds-border-subtle);border-radius:var(--ds-radius-md);background:var(--ds-bg)}
.cf-fin-form label{display:flex;flex-direction:column;gap:4px;font-size:var(--ds-fs-caption);color:var(--ds-text-muted)}
.cf-fin-form input,.cf-fin-form select{min-height:var(--ds-touch-min);padding:0 var(--ds-space-2);border:var(--ds-border-w) solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-surface);color:var(--ds-text);font:inherit}
.cf-fin-print{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}
.cf-fin-handoff{display:flex;flex-direction:column;gap:var(--ds-space-2)}
@media (min-width:600px){.cf-fin-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.cf-fin-form{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.cf-fin-form label{flex:1 1 160px;min-width:120px}}