/* Arbeitskleidung (eigenes Modul, Personal → Arbeitskleidung)
 * Baut auf portal-admin.css auf (pa-tabs, pa-kpi, pa-tabelle, pa-modal, pa-form).
 * Hier nur, was dort fehlt. */

.ak-jahr { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #475569; }
.ak-jahr .form-input { width: auto; min-width: 90px; padding: 6px 10px; margin: 0; }

.ak-warnung { background: #fffbeb; border: 1px solid #fcd34d; color: #92400e; border-radius: 10px; padding: 10px 14px; margin-bottom: 12px; font-size: 13px; line-height: 1.5; }
.ak-warn-text { color: #b91c1c; font-weight: 600; }

/* Dialog */
.pa-modal-fenster.ak-modal-breit { max-width: 980px; }
.ak-info { margin-top: 12px; padding: 10px 12px; border-radius: 10px; background: #f8fafc; border: 1px solid #e2e8f0; font-size: 13px; line-height: 1.6; }
.ak-info:empty { display: none; }
.ak-formkasten { margin-top: 16px; padding: 16px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; }

/* style.css zieht Formularfelder auf 100 % Breite - in Tabellen nicht */
.ak-zahl { width: 90px !important; padding: 5px 8px !important; margin: 0 !important; }
.ak-check { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 6px; font-size: 13px; cursor: pointer; white-space: nowrap; }
.ak-check input { width: 16px !important; height: 16px; margin: 0 !important; }

.pa-tabelle tr.ak-gedimmt td { color: #94a3b8; }
.ak-klickbar tbody tr { cursor: pointer; }
.ak-klickbar tbody tr:hover { background: #eef2ff; }

/* Lager */
.pa-tabelle tr.ak-gruppe td { background: #f1f5f9; }
.ak-gruppe-aktionen { float: right; display: inline-flex; gap: 4px; flex-wrap: wrap; }
.ak-gruppe-aktionen .btn { margin: 0; }
.ak-minus { color: #b91c1c; font-weight: 700; }
.ak-plus { color: #15803d; font-weight: 700; }

/* Übersicht */
.ak-kpi-einheit { font-size: 13px; font-weight: 600; color: #64748b; }
.ak-kpi-klick { cursor: pointer; }
.ak-kpi-klick:hover { background: #eef2ff; }
.ak-raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ak-kasten { border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px; background: #fff; min-width: 0; }
.ak-kasten h4 { margin: 0 0 10px; font-size: 14px; color: #0f172a; }
.ak-kasten-breit { grid-column: span 2; }
.ak-chart { position: relative; width: 100%; }
.ak-balken { height: 8px; background: #eef2f7; border-radius: 4px; overflow: hidden; }
.ak-balken span { display: block; height: 100%; background: #4f46e5; border-radius: 4px; }

@media (max-width: 760px) {
  .ak-raster { grid-template-columns: 1fr; }
  .ak-kasten-breit { grid-column: span 1; }
  .ak-gruppe-aktionen { float: none; display: flex; margin-top: 6px; }
}

/* Katalog + Einstellungen: Einkaufsberechtigung (Laufzettel) */
.ak-lz-felder { padding: 12px; border: 1px dashed #c7d2fe; border-radius: 10px; background: #f8faff; }
.ak-lz-felder[hidden] { display: none; }
.ak-logo-feld { display: flex; flex-direction: column; gap: 6px; font-size: 12px; font-weight: 600; color: #475569; }
.ak-logo-zeile { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ak-logo-vorschau { min-width: 160px; min-height: 60px; padding: 6px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; display: flex; align-items: center; justify-content: center; }
.ak-logo-vorschau img { max-height: 70px; max-width: 240px; }
.ak-datei { cursor: pointer; }
/* textarea sieht in style.css anders aus als input.form-input - angleichen */
#ak-inhalt textarea.form-input { font-family: inherit; font-size: 15px; padding: 12px 16px; border: 2px solid #e2e8f0; border-radius: 12px; }
/* Datei-Knopf ist ein <label>: Label-Regeln aus style.css überschreiben die Knopffarben */
.ak-datei.btn { background: #fff !important; color: #4f46e5 !important; border: 2px solid #4f46e5 !important; }