/* Bulk-Audit-UX — Baustein 8 Phase 1 (Standalone-Asset)
   Verwendung: <div id="saBulkAudit" data-month="2026-05"></div>
   Mount via SABulkAudit.mount(el, opts). Wording-Korridor: keine Garantien. */

.sa-ba { background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px 20px; font-family:Inter,system-ui,sans-serif; color:#0f172a; max-width:920px; }
.sa-ba-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; border-bottom:1px solid #f1f5f9; padding-bottom:12px; margin-bottom:14px; }
.sa-ba-title { font-size:16px; font-weight:700; letter-spacing:-0.01em; margin:0; }
.sa-ba-sub { font-size:12px; color:#64748b; margin-top:2px; }
.sa-ba-counter { font-size:12px; color:#475569; background:#f1f5f9; padding:5px 10px; border-radius:8px; font-weight:600; }

.sa-ba-template { display:flex; gap:8px; align-items:center; margin:10px 0 14px; flex-wrap:wrap; }
.sa-ba-template label { font-size:12.5px; color:#475569; font-weight:600; }
.sa-ba-template select { font:inherit; font-size:13px; padding:7px 10px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; min-width:260px; }
.sa-ba-mic { border:1px solid #cbd5e1; background:#fff; padding:7px 10px; border-radius:8px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; font-size:13px; color:#475569; }
.sa-ba-mic:hover { background:#f8fafc; border-color:#2563eb; color:#2563eb; }
.sa-ba-mic.is-recording { background:#fef2f2; border-color:#dc2626; color:#dc2626; }

.sa-ba-reason { width:100%; padding:10px 12px; border:1px solid #cbd5e1; border-radius:8px; font:inherit; font-size:13px; min-height:60px; resize:vertical; box-sizing:border-box; margin-bottom:10px; }
.sa-ba-reason-hint { font-size:11.5px; color:#64748b; margin:-6px 0 12px; }
.sa-ba-reason-confirm { display:flex; align-items:center; gap:6px; font-size:12.5px; margin-bottom:10px; color:#0f172a; }
.sa-ba-reason-confirm input[type="checkbox"] { width:16px; height:16px; accent-color:#2563eb; }

.sa-ba-table { width:100%; border-collapse:collapse; font-size:13px; margin-bottom:14px; }
.sa-ba-table th, .sa-ba-table td { padding:8px 10px; text-align:left; border-bottom:1px solid #f1f5f9; vertical-align:top; }
.sa-ba-table th { background:#f8fafc; font-weight:700; font-size:11.5px; text-transform:uppercase; letter-spacing:0.05em; color:#475569; }
.sa-ba-table input[type="checkbox"] { width:16px; height:16px; accent-color:#2563eb; cursor:pointer; }
/* A1-104a (2026-06-10): JetBrains Mono raus — Tabular-Numbers in Inter
   liefern die gleiche optische Spurbreite (Idris: eine Schrift überall). */
.sa-ba-table .col-prop { font-family: inherit; font-feature-settings: "tnum" 1, "lnum" 1; font-size:12px; color:#1e40af; }
.sa-ba-table tr.is-selected { background:#eff6ff; }

.sa-ba-actions { display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; }
.sa-ba-actions button { font:inherit; font-size:13px; padding:9px 16px; border-radius:8px; border:1px solid; cursor:pointer; font-weight:600; }
.sa-ba-actions .sa-ba-cancel { background:#fff; border-color:#cbd5e1; color:#0f172a; }
.sa-ba-actions .sa-ba-apply { background:#2563eb; border-color:#2563eb; color:#fff; }
.sa-ba-actions .sa-ba-apply:disabled { background:#94a3b8; border-color:#94a3b8; cursor:not-allowed; }

.sa-ba-disclaimer { margin-top:16px; padding:11px 14px; background:#f1f5f9; border-left:3px solid #64748b; border-radius:6px; font-size:11.5px; color:#475569; line-height:1.55; }
.sa-ba-disclaimer strong { color:#334155; }

.sa-ba-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); background:#16a34a; color:#fff; padding:10px 18px; border-radius:8px; font-size:13px; font-weight:600; box-shadow:0 6px 18px rgba(0,0,0,0.18); z-index:9999; }
.sa-ba-toast.is-error { background:#dc2626; }

@media (max-width:680px) {
  .sa-ba { padding:14px; border-radius:12px; }
  .sa-ba-table { font-size:12px; }
  .sa-ba-template select { min-width:0; flex:1; }
}