/* ───────── Module importFactures ─────────
   Les modales utilisent le design-system partagé kdCommun/css/modals.css
   (.kdModal*) + kdCommun/css/forms.css (.kdBtn*). Ici : styles spécifiques
   au module (dropzone d'upload, message inline, fiche détail). */

#if-wrap { display:block; }

/* ===== Dropzone d'upload (dans .kdModalBody) ===== */
.if-drop{ border:2px dashed #c4b5fd; border-radius:12px; background:#faf5ff; padding:32px 20px;
    text-align:center; cursor:pointer; transition:all .15s ease; }
.if-drop:hover{ border-color:#8b5cf6; background:#f5f3ff; }
.if-drop--over{ border-color:#8b5cf6; background:#f5f3ff; transform:scale(1.01); }
.if-drop i{ font-size:34px; color:#8b5cf6; }
.if-drop-txt{ margin-top:10px; font-size:13.5px; color:#475569; }
.if-drop-file{ margin-top:8px; font-size:13px; font-weight:700; color:#6d28d9; word-break:break-all; }

.if-msg{ margin-top:14px; padding:10px 14px; border-radius:10px; font-size:13px; }
.if-msg--err{ background:#fef2f2; border:1px solid #fecaca; color:#991b1b; }
.if-msg--warn{ background:#fffbeb; border:1px solid #fde68a; color:#92400e; }

/* ===== Fiche facture ===== */
.if-fiche-header{ display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.if-back{ display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border-radius:9px;
    background:#f1f5f9; color:#334155; border:1px solid #cbd5e1; cursor:pointer; font-size:13px; font-weight:600; }
.if-back:hover{ background:#e2e8f0; }
.if-fiche-titre{ font-size:18px; font-weight:700; color:#0f172a; }
.if-fiche-titre small{ display:block; font-size:12.5px; color:#64748b; font-weight:400; margin-top:2px; }
.if-fiche-actions{ margin-left:auto; }

.if-card{ background:#fff; border:1px solid #e3e8ef; border-radius:12px; padding:16px 18px; margin-bottom:16px; }
.if-card-titre{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:#475569; margin-bottom:14px; }
.if-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media(max-width:900px){ .if-grid{ grid-template-columns:repeat(2,1fr); } }
.if-field-label{ font-size:10.5px; text-transform:uppercase; letter-spacing:.4px; color:#94a3b8; font-weight:600; margin-bottom:3px; }
.if-field-value{ font-size:14px; color:#0f172a; font-weight:600; word-break:break-word; }
.if-field-value.euros{ color:#1e40af; }

.if-lignes{ width:100%; border-collapse:collapse; font-size:12.5px; }
.if-lignes th{ text-align:left; padding:8px 10px; background:#f8fafc; color:#475569; font-weight:600;
    border-bottom:1px solid #e3e8ef; text-transform:uppercase; font-size:10.5px; letter-spacing:.3px; }
.if-lignes td{ padding:7px 10px; border-bottom:1px solid #eef2f6; color:#0f172a; }
.if-lignes td.num{ text-align:right; font-variant-numeric:tabular-nums; }
.if-lignes tr:hover td{ background:#fafbfc; }
.if-section-row td{ background:#f5f3ff; color:#6d28d9; font-weight:700; text-transform:uppercase; font-size:10.5px; letter-spacing:.4px; }