/* R7-1470 – EINHEITLICHES DESIGN (Stilschicht)
   Gleiche Farben, Schriften und Bauteile wie bisher – nur ueberall gleich.
   Nutzt ausschliesslich die vorhandenen Variablen (--pri, --card, --bd …),
   funktioniert deshalb in Hell, Mittel und Dunkel und mit jedem Admin-Design.
   ABSCHALTEN: Admin › Design & Farben › "Einheitliches Design" aus.
   Dann laedt diese Datei nicht mehr - alles sieht aus wie vorher. */

:root{
  --ein-r-knopf:9px; --ein-r-karte:11px; --ein-r-feld:12px; --ein-r-fenster:14px; --ein-r-chip:20px;
  --ein-fokus:0 0 0 3px color-mix(in srgb, var(--pri) 18%, transparent);
}

/* ---------- Knoepfe: eine Form, drei Arten, zwei Groessen ---------- */
.btn{border-radius:var(--ein-r-knopf)!important;min-height:38px;padding:9px 16px;font-weight:600;font-size:.88rem;
  line-height:1.2;border-width:1px;border-style:solid;box-shadow:none!important;transition:background .15s,border-color .15s,color .15s}
.btn-primary{background:var(--pri)!important;border-color:var(--pri)!important;color:#fff!important}
.btn-primary:hover{background:var(--pri-h)!important;border-color:var(--pri-h)!important}
.btn-outline{background:var(--card)!important;border-color:var(--bd)!important;color:var(--pri-tx, var(--pri))!important}
.btn-outline:hover{border-color:var(--pri)!important}
.btn-ghost{background:transparent!important;border-color:transparent!important;color:var(--tx2)!important}
.btn-ghost:hover{background:var(--soft)!important;color:var(--tx)!important}
.btn-sm{min-height:32px!important;padding:6px 11px!important;font-size:.8rem!important;border-radius:var(--ein-r-knopf)!important}
.btn:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
.btn[disabled],.btn:disabled{opacity:.45;cursor:not-allowed}

/* ---------- Eingabefelder ---------- */
input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],
input[type=number],input[type=date],input[type=tel],select,textarea{
  border:1px solid var(--bd);border-radius:var(--ein-r-feld);background:var(--card);color:var(--tx);
  font-family:inherit;font-size:.92rem}
input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],
input[type=number],input[type=date],input[type=tel],select{min-height:40px;padding:8px 12px}
textarea{padding:10px 12px}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=url]:focus,
input[type=number]:focus,input[type=date]:focus,input[type=tel]:focus,select:focus,textarea:focus{
  outline:none;border-color:var(--pri);box-shadow:var(--ein-fokus)}
::placeholder{color:var(--tx2);opacity:.85}

/* ---------- Karten ---------- */
.card{border:1px solid var(--bd);border-radius:var(--ein-r-karte);background:var(--card)}

/* ---------- Tabellen (mit Kopfzeile): ueberall gleicher Kopf und gleiche Zeilen ---------- */
main table:has(> thead), .tbl-wrap table, table.ab-tab{border-collapse:separate;border-spacing:0}
main table:has(> thead) > thead th, .tbl-wrap table > thead th{
  background:var(--soft);color:var(--tx2);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  text-align:left;padding:10px 12px;border-bottom:1px solid var(--bd);white-space:nowrap}
main table:has(> thead) > tbody td, .tbl-wrap table > tbody td{padding:10px 12px;border-bottom:1px solid var(--bd);vertical-align:top}
main table:has(> thead) > tbody tr:last-child td{border-bottom:0}
main table:has(> thead) > tbody tr:hover td{background:color-mix(in srgb, var(--soft) 45%, var(--card))}
.tbl-wrap{border:1px solid var(--bd);border-radius:var(--ein-r-karte);overflow:hidden;background:var(--card)}

/* ---------- Fenster (Dialoge): alle Varianten in einer Form ---------- */
.md-dialog-hg > div, div[style*="z-index:20000"] > div[style*="border-radius"]{
  border-radius:var(--ein-r-fenster)!important;border-top:4px solid var(--pri)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.28)!important;background:var(--card)!important;color:var(--tx)!important}
div[style*="z-index:20000"]{backdrop-filter:blur(1.5px)}

/* ---------- Marken, Chips, Hinweise ---------- */
.pill,.badge{border-radius:var(--ein-r-chip)}
.alert,.hinweis{border-radius:var(--ein-r-karte);border:1px solid var(--bd);padding:11px 14px;background:var(--card)}

/* ---------- Ueberschriften: gleiche Abstaende ---------- */
main h1{margin:.2em 0 .45em;letter-spacing:-.01em}
main h2{margin:1.1em 0 .5em}
main h3{margin:1em 0 .45em}

/* ---------- Seitenleisten-Etiketten (Projekte, Prompts …) einheitlich ---------- */
.pv-h,.ab-gruppe h4,.wr-links .pv-h,.mdsplit-titel{font-family:var(--sans),Inter,system-ui,sans-serif!important;
  font-size:.7rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--tx2)!important}

/* ---------- Dunkelmodus: Feinschliff ---------- */
body.modus-dark main table:has(> thead) > thead th{background:color-mix(in srgb, var(--pri) 14%, var(--card));color:var(--tx2)}
body.modus-dark .btn-outline{color:var(--pri-tx, #F47A7A)!important}
body.modus-dark ::placeholder{color:var(--tx2)}