/* resq-common.css – gemeinsame Basis von ResQ-Dok und ResQ-Command.
   Diese Datei ist in beiden Apps byte-identisch und wird VOR dem jeweiligen
   App-Stylesheet geladen. App-eigene Regeln gewinnen daher weiterhin; hier stehen
   nur gemeinsame Tokens (--rq-*) und Grundstile, die bisher in einer App fehlten.
   Bausteine mit :where() haben Spezifität 0 und überschreiben keine Feature-Regel.
   Änderungen immer in beiden Apps gleichzeitig vornehmen (UI-Angleichung 15.10.2026). */
:root{
  --rq-brand:#e30613;
  --rq-action:#075985;
  --rq-action-soft:#e8f3f8;
  --rq-success-text:#15803d;--rq-success-soft:#ecfdf3;--rq-success-border:#bbf7d0;
  --rq-warning-text:#92400e;--rq-warning-soft:#fef3c7;--rq-warning-border:#fde68a;
  --rq-danger-text:#991b1b;--rq-danger-soft:#fee2e2;--rq-danger-border:#fca5a5;
  --rq-table-head-bg:#f3f4f6;--rq-table-head-text:#475569;
  --rq-field-bg:#fff;--rq-field-border:#9ca3af;--rq-field-text:#111827;
  --rq-radius-control:13px;
  --rq-radius-card:18px;
  --rq-control-height:46px;
  --rq-shadow-action:0 8px 18px rgba(7,89,133,.28);
  --rq-shadow-card:0 10px 30px rgb(15 23 42 / 8%);
  --rq-space-1:4px;--rq-space-2:8px;--rq-space-3:12px;--rq-space-4:16px;--rq-space-5:20px;--rq-space-6:24px;
}
html[data-theme="dark"]{
  --rq-success-text:#86efac;--rq-success-soft:#12351f;--rq-success-border:#166534;
  --rq-warning-text:#fcd34d;--rq-warning-soft:#3a2f10;--rq-warning-border:#5c4a15;
  --rq-danger-text:#fca5a5;--rq-danger-soft:#3f1616;--rq-danger-border:#7f1d1d;
  --rq-table-head-bg:#242a38;--rq-table-head-text:#e5e7eb;
  --rq-field-bg:#1a1f2b;--rq-field-border:#4b5563;--rq-field-text:#f9fafb;
  --rq-shadow-card:0 10px 30px rgb(0 0 0 / 28%);
}

/* Hinweisboxen: gelb = Hinweis, .notice--warning = Fehler/Warnung (rot), .notice.success = Erfolg (grün). */
.notice{margin:0 0 20px;padding:14px 18px;border:1px solid var(--rq-warning-border);border-radius:var(--rq-radius-control);background:var(--rq-warning-soft);color:var(--rq-warning-text);font-weight:600;font-size:14px}
.notice--warning{background:var(--rq-danger-soft);border-color:var(--rq-danger-border);color:var(--rq-danger-text);font-weight:800}
.notice.success,html[data-theme="dark"] .notice.success{background:var(--rq-success-soft);border-color:var(--rq-success-border);color:var(--rq-success-text)}
.notice a{color:inherit;text-decoration:underline}

/* Grundstile ohne Spezifität – greifen nur, wo die App selbst nichts festlegt. */
:where(.workspace table) th{background:var(--rq-table-head-bg);color:var(--rq-table-head-text);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
:where(.hint){color:var(--muted);font-size:13px}