/** * Vertragsmanagement - CSS-Styles (Desktop/Standard) * * Styles für die Vertragsverwaltung im Mitgliederportal * * HINWEIS:Diese Datei wird nach Projektabschluss mit main.css zusammengeführt. * Einfach den Inhalt (ohne diesen Kommentar) an passender Stelle in main.css einfügen. * * Responsive-Anpassungen befinden sich in:* - vm_res-4.css (Tablet) -> später in res-4.css * - vm_res-5.css (Mobile+) -> später in res-5.css * - vm_res-6.css (Mobil) -> später in res-6.css */ /* Tabellen-Layout für Verträge */
.sTblVertraege .sTbl1 > div:nth-child(1){grid-template-columns:minmax(0, 1fr) 280px 100px;grid-template-areas:"tblCon1 tblCon2 tblCon3"}/* Spalte 1:Avatar + Vertragsinfos */
.sTblVertraege .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex;gap:1rem;align-items:start}/* Content neben Avatar */
.sTblVertraege .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem}/* Titel + Status-Badges */
.sTblVertraege .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Titel */
.sTblVertraege .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1){font-weight:700}/* Status-Badges Container */
.sTblVertraege .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2){display:flex;gap:0.5rem;flex-wrap:wrap}/* Vertragsnummer & Kategorie */
.sTblVertraege .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2),
.sTblVertraege .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(3){font-size:0.85em;color:var(--color-text-light, #666)}.sTblVertraege .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2):empty,
.sTblVertraege .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(3):empty{display:none}/* Spalte 2:Datumsangaben */
.sTblVertraege .sTbl1 > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.5rem}.sTblVertraege .sTbl1 > div:nth-child(1) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 3:Aktionen */
.sTblVertraege .sTbl1 > div:nth-child(1) > div:nth-child(3){display:flex;gap:0.5rem;justify-content:flex-end}/* Warnung bei ablaufender Kündigungsfrist */
.sTblVertraege .vertragWarnung > div:nth-child(1){border-left:4px solid var(--color-alert-red, #e74c3c)}/* Status-Indikatoren */
.tblIndicatorAktiv{background-color:var(--color-status-aktiv, #27ae60);color:#fff}.tblIndicatorEntwurf{background-color:var(--color-status-entwurf, #95a5a6);color:#fff}.tblIndicatorGekuendigt{background-color:var(--color-status-gekuendigt, #e67e22);color:#fff}.tblIndicatorAbgelaufen{background-color:var(--color-status-abgelaufen, #7f8c8d);color:#fff}.tblIndicatorArchiviert{background-color:var(--color-status-archiviert, #bdc3c7);color:#333}.tblIndicatorWarnung{background-color:var(--color-alert-red, #e74c3c);color:#fff}/* ======================================== Vertragsdetails ======================================== */ /* Detail-Zeilen (Label + Wert mit Icon) */
.detailRows,
.vmDetailRows{display:block !important;padding:0 !important;margin:0 !important}.detailRows > div,
.vmDetailRows > div{display:flex !important;flex-direction:row !important;gap:0.5rem !important;align-items:flex-start !important;margin-bottom:0.5rem !important}.detailRows > div:last-child,
.vmDetailRows > div:last-child{margin-bottom:0 !important}.detailRows > div > .iconsLine,
.vmDetailRows > div > .iconsLine{flex:0 0 1.75rem !important;color:var(--color-primary, #002e68) !important;font-size:1.25rem !important;line-height:1.2 !important}.detailRows > div > div:last-child,
.vmDetailRows > div > div:last-child{flex:1 1 auto !important}.detailRows > div > div:last-child > div:nth-child(1),
.vmDetailRows > div > div:last-child > div:nth-child(1){font-size:0.9em !important;color:var(--color-text-light, #666) !important;line-height:1.3 !important}.detailRows > div > div:last-child > div:nth-child(2),
.vmDetailRows > div > div:last-child > div:nth-child(2){font-weight:500 !important;line-height:1.4 !important}/* Detail-Text (für längere Texte mit Icon) */
.vmDetailText{display:grid !important;grid-template-columns:1.75rem minmax(0, 1fr) !important;gap:0.5rem !important;align-items:start !important;padding:0 !important;margin:0 !important}.vmDetailText > .iconsLine{grid-column:1 !important;color:var(--color-primary, #002e68) !important;font-size:1.25rem !important;line-height:1.4 !important}.vmDetailText > div:last-child{grid-column:2 !important;line-height:1.6 !important}/* Detail-Text (ohne Icon, volle Breite) */
.vmDetailTextFull{line-height:1.6 !important;padding:0 !important;margin:0 !important}.vmDetailRowsMeta{display:flex !important;gap:2rem !important;flex-wrap:wrap !important;padding:0 !important;margin:0 !important}.vmDetailRowsMeta > div{display:flex !important;gap:0.5rem !important}.vmDetailRowsMeta > div > div:nth-child(1){color:var(--color-text-light, #666) !important}/* Hilfstexte */
.textRed{color:var(--color-alert-red, #e74c3c);font-weight:500}/* Fix:.formcontrol > * überschreibt display:inline-flex vom buttonIcon */
.formcontrol > .buttonIcon{display:inline-flex !important;gap:0.5em !important;align-items:center !important}/* ======================================== Vertragsversionen / Dokumente ======================================== */ .vmVersionen{margin-top:1rem}.vmVersionen .noData{color:var(--color-text-light, #666);font-style:italic}/* Tabellen-Layout für Versionen (native HTML-Tabelle) */
.vmVersionenTbl{width:100%;border-collapse:collapse;margin-top:1rem}.vmVersionenTbl th,
.vmVersionenTbl td{padding:0.75rem 0.5rem;text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-boxed-border, #e0e0e0)}.vmVersionenTbl thead th{font-weight:500;color:var(--color-text-light, #666);font-size:0.9em;background-color:var(--color-table-background1, #f8f9fa)}.vmVersionenTbl tbody tr:hover{background-color:var(--color-table-background-active1, #f0f4f8)}.vmVersionenTbl th:nth-child(1),
.vmVersionenTbl td:nth-child(1){width:80px;text-align:center}.vmVersionenTbl th:nth-child(3),
.vmVersionenTbl td:nth-child(3){width:140px}.vmVersionenTbl th:nth-child(6),
.vmVersionenTbl td:nth-child(6){width:50px;text-align:center}/* ======================================== Bearbeiten-Formular ======================================== */ /* Einheitliche Label-Breite in allen Boxen */
.boxed .formrows > div > div:first-child{width:220px;min-width:220px}/* Container für Eingabefelder:verfügbaren Platz nutzen */
.boxed .formrows > div > div:last-child{width:100%}/* Datumsfelder schmaler */
.boxed .formrows input[type="date"]{width:10rem !important}/* Number-Felder schmaler */
.boxed .formrows input[type="number"]{width:6rem !important}/* Textfelder (input) breiter - alle gleich breit, responsive */
.boxed .formrows input[type="text"].inputl,
.boxed .formrows input[type="text"].inputm{width:100% !important;max-width:35rem !important}/* Textareas gleich breit wie Textfelder */
.boxed .formrows textarea,
.boxed .formrows textarea.input{width:100% !important;max-width:35rem !important;min-height:6rem}/* Select-Felder */
.boxed .formrows select.inputm{width:auto;min-width:15rem}/* Select-Felder in formrows:Container nicht auf volle Breite */
.boxed .formrows > div:has(select) > div:last-child{width:auto;flex:0 0 auto}/* Zeilen mit Select-Feldern:Inhalt linksbündig */
.boxed .formrows > div:has(select){justify-content:flex-start !important}/* Formrows mit kompaktem Layout (Select-Felder linksbündig) */
.formrowsCompact > div > div:last-child{width:auto !important;flex:0 0 auto !important}.formrowsCompact > div{justify-content:flex-start !important}/* formFilter boxed mit Header */
.formFilter.boxed{flex-wrap:wrap;row-gap:0.5rem}.formFilter.boxed > .boxHeader{width:100%;flex-basis:100%;margin-bottom:0}.formFilter.boxed > .boxHeader strong{display:flex;align-items:center;gap:0.5rem}/* ============================================================================ * PROTOKOLLE VERWALTUNG * ============================================================================ */ /* Tabellen-Layout für Protokolle */
.sTbl.sTblAdminProtokolle .sTbl1 > div:nth-child(1){display:block !important}.sTbl.sTblAdminProtokolle .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important}/* Content neben Icon */
.sTbl.sTblAdminProtokolle .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.35rem;flex:1}/* Header mit Badge */
.sTblProtokollHeader{display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap}/* Meta-Zeile */
.sTblProtokollMeta{display:flex;gap:1rem;flex-wrap:wrap;font-size:0.85rem;color:var(--color-text-light, #666)}.sTblProtokollMeta span{display:flex;align-items:center;gap:0.25rem}/* Info-Text */
.sTblProtokollInfo{font-size:0.9rem;margin-top:0.25rem;word-break:break-word}.sTblProtokollInfo:empty{display:none}/* Session-Info */
.sTblProtokollSession{font-size:0.75rem;margin-top:0.25rem}/* Status-Badge Info (blau) */
.statusBadge.statusInfo{background-color:var(--color-hgk-blue-light, #e8f0f8);color:var(--color-hgk-blue, #002e68)}/* sTblInfoHead mit zwei Elementen (Anzahl + Export) */
.sTbl.sTblAdminProtokolle .sTblInfoHead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}/* ============================================================================ * UMSÄTZE MITGLIEDER VERWALTUNG * ============================================================================ */ /* Filter-Grid Layout */
.umsatzFilterGrid{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}/* Zeitraum-Filter */
.umsatzFilterZeitraum{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.umsatzFilterZeitraum label{font-weight:500}.umsatzFilterSelect{display:flex;align-items:center;gap:0.5rem}.umsatzFilterSelect span{color:var(--color-text-light, #666)}/* Actions rechts */
.umsatzFilterActions{display:flex;gap:0.5rem}/* ============================================================================ * AUSWERTUNG 2FA VERWALTUNG * ============================================================================ */ /* Zwei-Spalten-Grid für 2FA-Statistiken */
.tfaStatsGrid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;margin-top:1rem}/* Statistik-Karten-Inhalt */
.tfaStatsContent{display:flex;gap:1.5rem;flex-wrap:wrap;padding:0.5rem 0}/* Einzelne Statistik-Elemente */
.tfaStatItem{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background:var(--color-bg-light, #f8f9fa);border-radius:8px;flex:1;min-width:120px}.tfaStatItem.tfaStatTotal{background:var(--color-hgk-blue-light, #e8f0f8)}.tfaStatIcon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-white, #fff)}.tfaStatIcon .iconsLine{font-size:1.25rem;color:var(--color-hgk-blue, #002e68)}.tfaStatData{display:flex;flex-direction:column}.tfaStatValue{font-size:1.5rem;font-weight:700;color:var(--color-hgk-blue, #002e68);line-height:1.2}.tfaStatLabel{font-size:0.85rem;color:var(--color-text-light, #666)}/* Responsive */
@media (max-width:600px){.tfaStatsGrid{grid-template-columns:1fr}.tfaStatsContent{flex-direction:column}.tfaStatItem{min-width:auto}}/* Bei Textareas:Label oben links ausrichten */
.boxed .formrows > div:has(textarea) > div:first-child,
.formrowsTextareaTop > div > div:first-child{vertical-align:top !important;padding-top:0.25rem}/* ======================================== Admin-Steuerberaterverwaltung Tabelle ======================================== */
.sTblAdminSteuerberater .sTbl1 > div:nth-child(1){grid-template-columns:minmax(0, 1fr) 150px 80px;grid-template-areas:"tblCon1 tblCon2 tblCon3"}.sTblAdminSteuerberater .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex;gap:1rem;align-items:start}.sTblAdminSteuerberater .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem}.sTblAdminSteuerberater .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}.sTblAdminSteuerberater .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1){font-weight:700}.sTblAdminSteuerberater .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTblAdminSteuerberater .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}.sTblAdminSteuerberater .sTbl1 > div:nth-child(1) > div.sTblStatusBlock{display:flex;flex-direction:column;gap:0.5rem;font-size:0.9em}.sTblAdminSteuerberater .sTbl1 > div:nth-child(1) > div.sTblStatusBlock > div{display:grid;grid-template-columns:60px minmax(0, 1fr);align-items:center;gap:0.5rem}.sTblAdminSteuerberater .sTbl1 > div:nth-child(1) > div:nth-child(3){display:flex;gap:1rem;justify-content:flex-end}.sTblAdminSteuerberater .sTbl1.sTblRowGesperrt > div:nth-child(1){border-left:4px solid var(--color-alert-red, #e74c3c)}/* ======================================== Admin-Mitgliederverwaltung Tabelle ======================================== */ /* Grid-Layout für Mitglieder-Tabelle */
.sTblAdminMitglieder .sTbl1 > div:nth-child(1){grid-template-columns:minmax(0, 1fr) 220px 80px;grid-template-areas:"tblCon1 tblCon2 tblCon3"}/* Spalte 1:Avatar + Mitgliedsinfos */
.sTblAdminMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex;gap:1rem;align-items:start}/* Content neben Avatar */
.sTblAdminMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem}/* Name + Status-Badges */
.sTblAdminMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Name */
.sTblAdminMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1){font-weight:700}/* Status-Badges Container */
.sTblAdminMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2){display:flex;gap:0.5rem;flex-wrap:wrap}/* Meta-Infos (Mitglieder-Nr., PLZ/Ort) */
.sTblAdminMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTblAdminMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 2:Status-Block (Zugänge, Sammelaufl., Archiv, etc.) */
.sTblAdminMitglieder .sTbl1 > div:nth-child(1) > div.sTblStatusBlock{display:flex;flex-direction:column;gap:0.5rem;font-size:0.9em}.sTblAdminMitglieder .sTbl1 > div:nth-child(1) > div.sTblStatusBlock > div{display:grid;grid-template-columns:90px minmax(0, 1fr);align-items:center;gap:0.5rem}/* Werte-Bereich im Status-Block */
.sTblAdminMitglieder .sTbl1 > div:nth-child(1) > div.sTblStatusBlock > div > div:nth-child(2){display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}/* Spalte 3:Aktionen */
.sTblAdminMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(3){display:flex;gap:1rem;justify-content:flex-end}/* Gesperrte Mitglieder hervorheben */
.sTblAdminMitglieder .sTbl1.sTblRowGesperrt > div:nth-child(1){border-left:4px solid var(--color-alert-red, #e74c3c)}/* Zusätzliche Indikatoren */
.tblIndicatorPlus{background-color:var(--color-hgk-blue, #002e68);color:#fff}.tblIndicatorGesperrt{background-color:var(--color-alert-red, #e74c3c);color:#fff}/* Numerische Badges (breiter/ovaler) */
.tblIndicatorNum{min-width:1.0rem;text-align:center;padding-left:0.4rem;padding-right:0.4rem}.tblIndicatorGesamt{background-color:var(--color-hgk-blue, #002e68);color:#fff}.tblIndicatorHaupt{background-color:var(--color-alert-red, #e74c3c);color:#fff}.tblIndicatorInfo{background-color:var(--color-hgk-lightblue, #5a8bb8);color:#fff}/* ======================================== Admin-Benutzerverwaltung (Mitgliederzugänge) ======================================== */ /* Header-Box mit Mitglieds-Info */
.boxHeader{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.boxHeader > div:nth-child(1){display:flex;gap:1rem;align-items:center}.boxHeader > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem}/* Abstand nach boxHeader in normalen boxed-Sektionen */
.boxed > .boxHeader{margin-bottom:1rem}/* Grid-Layout für Admin-Benutzer-Tabelle */
.sTblAdminBenutzer .sTbl1 > div:nth-child(1){grid-template-columns:minmax(0, 2fr) minmax(0, 1fr) minmax(0, 2fr) 100px;grid-template-areas:"tblCon1 tblCon2 tblCon3 tblCon4"}/* Spalte 1:Avatar + Benutzerinfos */
.sTblAdminBenutzer .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex;gap:1rem;align-items:start}/* Content neben Avatar */
.sTblAdminBenutzer .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.5rem}/* Name + Status-Badges */
.sTblAdminBenutzer .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Name */
.sTblAdminBenutzer .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1){font-weight:700}/* Status-Badges Container */
.sTblAdminBenutzer .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2){display:flex;gap:0.5rem;flex-wrap:wrap}/* Meta-Infos (Benutzer, E-Mail) */
.sTblAdminBenutzer .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTblAdminBenutzer .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 2:Kontaktdaten */
.sTblAdminBenutzer .sTbl1 > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTblAdminBenutzer .sTbl1 > div:nth-child(1) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 3:Benutzer-Status (Checkboxen) */
.sTblAdminBenutzer .sTbl1 > div:nth-child(1) > div:nth-child(3){display:flex;flex-direction:column;gap:0.35rem;font-size:0.9em}.sTblAdminBenutzer .sTbl1 > div:nth-child(1) > div:nth-child(3) > div{display:flex;align-items:center;gap:0.5rem}/* Spalte 4:Aktionen */
.sTblAdminBenutzer .sTbl1 > div:nth-child(1) > div:nth-child(4){display:flex;gap:1rem;justify-content:flex-end}/* Admin-Aktionen-Bereich (unterhalb der Hauptzeile) */
.sTblAdminBenutzer .sTbl1 > div.sTblAdminActions{padding:0.5rem 1rem 1rem 1rem;display:flex!important;flex-direction:row!important;gap:0.5rem;flex-wrap:wrap;background-color:var(--color-table-background1);border-top:1px dashed var(--color-boxed-border, #e0e0e0)}/* Kleine Buttons für Admin-Aktionen */
.buttonSmall{font-size:0.85rem;padding:0.2rem 0.5rem}/* ======================================== ADMIN MITGLIEDER FORMULARE ======================================== */ /* Lösch-Bestätigung Box */
.boxedWarning{border-color:var(--color-alert-warnung-border, #e74c3c);background:linear-gradient(135deg, rgba(231, 76, 60, 0.02) 0%, rgba(255, 255, 255, 1) 100%)}.boxedWarning .boxHeader{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-alert-warnung-border, #e74c3c)}.boxedWarning .boxHeader > div{display:flex;align-items:center;gap:0.75rem}.deleteConfirmInfo{margin:1.5rem 0}.deleteConfirmInfo > div{display:flex;align-items:flex-start;gap:1rem}.deleteConfirmInfo > div > div:first-child{flex-shrink:0}.deleteConfirmInfo > div > div:last-child{display:flex;flex-direction:column;gap:0.35rem}.deleteConfirmInfo > div > div:last-child > div:not(:first-child){display:flex;gap:0.5rem;font-size:0.9rem;color:var(--color-text-grau)}/* Warnung-Button */
.buttonWarning{background-color:var(--color-alert-warnung-border, #e74c3c);border-color:var(--color-alert-warnung-border, #e74c3c);color:#fff}.buttonWarning:hover{background-color:#c0392b;border-color:#c0392b}.buttonWarning span{color:#fff}/* Success-Button */
.buttonSuccess{background-color:var(--color-alert-erfolg-border, #27ae60);border-color:var(--color-alert-erfolg-border, #27ae60);color:#fff}.buttonSuccess:hover{background-color:#219a52;border-color:#219a52}.buttonSuccess span{color:#fff}/* Success-Box */
.boxedSuccess{border-color:var(--color-alert-erfolg-border, #27ae60);background:linear-gradient(135deg, rgba(39, 174, 96, 0.02) 0%, rgba(255, 255, 255, 1) 100%)}.boxedSuccess .boxHeader{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-alert-erfolg-border, #27ae60)}.boxedSuccess .boxHeader > div{display:flex;align-items:center;gap:0.75rem}/* Alert Text Colors */
.textAlertGreen{color:var(--color-alert-erfolg-border, #27ae60)}/* Formular Hints */
.formHint{font-size:0.85rem;color:var(--color-text-grau)}/* Unterbetriebe Liste */
.unterbetriebeList{display:flex;flex-direction:column;gap:0.5rem}.checkboxLabel{display:flex;align-items:center;gap:0.5rem;cursor:pointer}.checkboxLabel input[type="checkbox"]{flex-shrink:0}.checkboxLabel span{line-height:1.4}/* ======================================== ADMIN BENUTZERPROTOKOLLIERUNG ======================================== */ /* Protokoll-Übersicht Tabelle */
.sTbl.sTblAdminProtokoll{display:flex;flex-direction:column;gap:0.5rem}/* Überschreibe Basis-sTbl1 Styles komplett */
.sTbl.sTblAdminProtokoll .sTbl1{display:block !important;background-color:var(--color-table-background1);border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:var(--border-radius)}.sTbl.sTblAdminProtokoll .sTbl1:hover{background-color:var(--color-table-background-active1)}.sTbl.sTblAdminProtokoll .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) auto auto !important;grid-template-areas:none !important;gap:1rem !important;padding:1rem;align-items:center;background:transparent !important}.sTbl.sTblAdminProtokoll .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;align-items:center;gap:1rem;grid-area:auto !important}.sTbl.sTblAdminProtokoll .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:last-child{display:flex;flex-direction:column;gap:0.2rem}.sTbl.sTblAdminProtokoll .sTbl1 > div:nth-child(1) > div:nth-child(2){display:flex !important;flex-direction:column;gap:0.5rem;align-items:flex-end;grid-area:auto !important}.sTbl.sTblAdminProtokoll .sTbl1 > div:nth-child(1) > div:nth-child(3){display:flex !important;align-items:center;grid-area:auto !important}.sTblLogCount{display:flex;align-items:center;gap:0.5rem}/* Gelöschte Benutzer */
.sTbl.sTblAdminProtokoll .sTbl1.sTblGeloescht{background:linear-gradient(135deg, rgba(231, 76, 60, 0.05) 0%, rgba(255, 255, 255, 1) 100%);border-left:3px solid var(--color-alert-warnung-border, #e74c3c)}.sTbl.sTblAdminProtokoll .sTbl1.sTblGeloescht:hover{background:linear-gradient(135deg, rgba(231, 76, 60, 0.08) 0%, rgba(250, 250, 250, 1) 100%)}/* Mitglieder-Info-Karte (Header) */
.memberInfoCard{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg, var(--color-hgk-blau, #003366) 0%, #004488 100%);border-radius:var(--border-radius);margin-bottom:1.5rem;box-shadow:0 4px 12px rgba(0, 51, 102, 0.15)}.memberInfoIcon{flex-shrink:0}.memberInfoIcon .identIcon{width:56px;height:56px;font-size:1.4rem;border:3px solid rgba(255, 255, 255, 0.3);box-shadow:0 2px 8px rgba(0, 0, 0, 0.2)}.memberInfoContent{display:flex;flex-direction:column;gap:0.5rem;color:#fff}.memberInfoName{font-size:1.25rem;font-weight:600;line-height:1.3}.memberInfoMeta{display:flex;flex-wrap:wrap;gap:0.5rem 1.5rem;font-size:0.9rem;opacity:0.85}.memberInfoMeta > div{display:flex;align-items:center;gap:0.4rem}.memberInfoMeta .iconsLine{font-size:1rem;opacity:0.8}/* Readonly Formrows für Protokollanzeige */
.formrowsReadonly > div > div:first-child{color:var(--color-text-grau)}/* Geänderte Werte hervorheben */
.textChanged{background-color:rgba(231, 76, 60, 0.1);color:var(--color-alert-warnung-border, #e74c3c);padding:0.1rem 0.4rem;border-radius:3px;font-weight:500}/* Muted Text */
.textMuted{color:var(--color-text-grau)}/* ======================================== ADMIN LIEFERANTENVERWALTUNG STYLES ======================================== */ /* Lieferanten-Übersicht - gleiche Struktur wie Mitglieder */
.sTblAdminLieferanten .sTbl1 > div:nth-child(1){grid-template-columns:minmax(0, 1fr) 220px 100px;grid-template-areas:"tblCon1 tblCon2 tblCon3"}/* Spalte 1:Avatar + Lieferanteninfos */
.sTblAdminLieferanten .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex;gap:1rem;align-items:start}/* Content neben Avatar */
.sTblAdminLieferanten .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem}/* Name + Status-Badges */
.sTblAdminLieferanten .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Name */
.sTblAdminLieferanten .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1){font-weight:700}/* Status-Badges Container */
.sTblAdminLieferanten .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2){display:flex;gap:0.5rem;flex-wrap:wrap}/* Meta-Infos (Lieferanten-Nr., PLZ/Ort) */
.sTblAdminLieferanten .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTblAdminLieferanten .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 2:Status-Block (Zugänge, Sammelaufl., AllOrder, etc.) */
.sTblAdminLieferanten .sTbl1 > div:nth-child(1) > div.sTblStatusBlock{display:flex;flex-direction:column;gap:0.5rem;font-size:0.9em}.sTblAdminLieferanten .sTbl1 > div:nth-child(1) > div.sTblStatusBlock > div{display:grid;grid-template-columns:90px minmax(0, 1fr);align-items:center;gap:0.5rem}/* Werte-Bereich im Status-Block */
.sTblAdminLieferanten .sTbl1 > div:nth-child(1) > div.sTblStatusBlock > div > div:nth-child(2){display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}/* Spalte 3:Aktionen - 2-spaltig */
.sTblAdminLieferanten .sTbl1 > div:nth-child(1) > div:nth-child(3){display:grid;grid-template-columns:repeat(2, auto);gap:0.5rem;justify-content:flex-end}/* Gesperrte Lieferanten hervorheben */
.sTblAdminLieferanten .sTbl1.sTblRowGesperrt > div:nth-child(1){border-left:4px solid var(--color-alert-red, #e74c3c)}/* Lieferbereiche Tabelle */
.sTbl.sTblAdminLieferbereiche .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:1fr auto !important;grid-template-areas:none !important;gap:1rem !important;align-items:center !important}.sTbl.sTblAdminLieferbereiche .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;flex-direction:row !important;gap:0.75rem !important;align-items:center !important;grid-area:auto !important}.sTbl.sTblAdminLieferbereiche .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex !important;flex-direction:column !important;gap:0.15rem !important}.sTbl.sTblAdminLieferbereiche .sTbl1 > div:nth-child(1) > div:nth-child(2){display:flex !important;flex-direction:row !important;gap:0.5rem !important;grid-area:auto !important}/* Sortiment Tabelle */
.sTbl.sTblAdminSortiment .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:1fr auto !important;grid-template-areas:none !important;gap:1rem !important;align-items:center !important}.sTbl.sTblAdminSortiment .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;flex-direction:row !important;gap:0.75rem !important;align-items:center !important;grid-area:auto !important}.sTbl.sTblAdminSortiment .sTbl1 > div:nth-child(1) > div:nth-child(2){display:flex !important;flex-direction:row !important;gap:0.5rem !important;grid-area:auto !important}/* Hinweis-Box Stil (rot/orange) */
.boxedInfo{border:1px solid var(--color-alert-warnung-border, #e74c3c);background:linear-gradient(135deg, rgba(231, 76, 60, 0.05) 0%, rgba(255, 255, 255, 1) 100%)}.boxedInfo .boxHeader{margin-bottom:0.5rem}.boxedInfo .boxHeader > div{display:flex;flex-direction:row;gap:0.5rem;align-items:center;color:var(--color-alert-warnung-border, #e74c3c)}.boxedInfo p{margin:0;color:var(--color-text)}/* ======================================== ADMIN FORMFILTER KORREKTUR ======================================== */ /* Vertikale Ausrichtung von Suchfeld und Button */
.formFilter > div > div:nth-child(2){align-items:center}/* Globale Suche im Header - vertikale Ausrichtung */
.user > .userAdmin > form{align-items:center !important}.user > .userAdmin > form > input,
.user > .userAdmin > form > button{box-sizing:border-box;height:2.5rem}/* ======================================== ADMIN BENUTZERSUCHE TABELLE ======================================== */ .sTbl.sTblAdminBenutzerSuche .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) 80px !important;grid-template-areas:none !important;gap:1rem !important;align-items:start !important}/* Spalte 1:Avatar + Benutzerinfos */
.sTbl.sTblAdminBenutzerSuche .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:auto !important}/* Content neben Avatar */
.sTbl.sTblAdminBenutzerSuche .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.5rem}/* Name + Status-Badges */
.sTbl.sTblAdminBenutzerSuche .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Meta-Infos (Benutzer, E-Mail) */
.sTbl.sTblAdminBenutzerSuche .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTbl.sTblAdminBenutzerSuche .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 2:Firmeninfos */
.sTbl.sTblAdminBenutzerSuche .sTbl1 > div:nth-child(1) > div:nth-child(2){display:flex !important;flex-direction:column !important;gap:0.25rem !important;grid-area:auto !important;font-size:0.9em}.sTbl.sTblAdminBenutzerSuche .sTbl1 > div:nth-child(1) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 3:Aktionen */
.sTbl.sTblAdminBenutzerSuche .sTbl1 > div:nth-child(1) > div:nth-child(3){display:flex !important;gap:0.5rem !important;justify-content:flex-end !important;grid-area:auto !important}/* ======================================== ADMIN ADMINISTRATOREN TABELLE ======================================== */ .sTbl.sTblAdminAdministratoren .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) 200px 80px !important;grid-template-areas:none !important;gap:1rem !important;align-items:start !important}/* Spalte 1:Avatar + Benutzerinfos */
.sTbl.sTblAdminAdministratoren .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:auto !important}/* Content neben Avatar */
.sTbl.sTblAdminAdministratoren .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.5rem}/* Name + Status-Badges */
.sTbl.sTblAdminAdministratoren .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Badge-Row mit Abstand */
.statusBadgeRow{display:flex;gap:0.5rem;flex-wrap:wrap}/* Meta-Infos (Benutzer, E-Mail) */
.sTbl.sTblAdminAdministratoren .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTbl.sTblAdminAdministratoren .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 2:Zugriffsrechte als vertikale Liste */
.sTbl.sTblAdminAdministratoren .sTbl1 > div:nth-child(1) > div:nth-child(2){display:flex !important;flex-direction:column !important;gap:0.35rem !important;grid-area:auto !important;font-size:0.9em}/* Einzelne Rechte-Zeile (Icon + Label) */
.sTbl.sTblAdminAdministratoren .sTbl1 > div:nth-child(1) > div:nth-child(2) > div{display:flex;align-items:center;gap:0.5rem}/* Spalte 3:Aktionen */
.sTbl.sTblAdminAdministratoren .sTbl1 > div:nth-child(1) > div:nth-child(3){display:flex !important;gap:0.5rem !important;justify-content:flex-end !important;grid-area:auto !important}/* ============================================ Ausnahmen Mitglieder Tabelle ============================================ */
.sTbl.sTblAdminAusnahmenMitglieder .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:1fr auto !important;grid-template-areas:none !important;gap:1rem !important;align-items:center !important;padding-left:0.5rem !important}/* Spalte 1:Icon + Infos */
.sTbl.sTblAdminAusnahmenMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;flex-direction:row !important;gap:0.75rem !important;align-items:center !important;grid-area:auto !important}/* Daten-Icon Container (generisch verwendbar) */
.sTblDataIcon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg, var(--color-hgk-textblue, #002e68) 0%, var(--color-hgk-blue, #00224b) 100%);color:#fff;flex-shrink:0}/* Info-Bereich */
.sTbl.sTblAdminAusnahmenMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex !important;flex-direction:column !important;gap:0.15rem !important}/* Spalte 2:Aktionen */
.sTbl.sTblAdminAusnahmenMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(2){display:flex !important;flex-direction:row !important;gap:0.5rem !important;grid-area:auto !important}/* Label-Spacer für bessere Trennung */
.sTblLabelSpacer{margin-left:1rem}/* ============================================ Auslaufende Artikel Tabelle und Seite ============================================ */ /* Statistik-Grid */
.statsGrid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:1rem;padding:0.5rem 0}.statItem{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:rgba(var(--color-hgk-lightblue-rgb, 120,158,191), 0.1);border-radius:var(--border-radius, 8px)}.statIcon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--color-hgk-textblue, #002e68);color:#fff;flex-shrink:0}.statContent{display:flex;flex-direction:column;gap:0.1rem}.statLabel{font-size:0.8em;color:var(--color-text-light, #666)}.statValue{font-size:1.2em;font-weight:700;color:var(--color-hgk-textblue, #002e68)}/* Variablen-Grid */
.variablesGrid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:0.5rem;padding:0.5rem 0}.variablesGrid > div{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;background:rgba(var(--color-hgk-lightblue-rgb, 120,158,191), 0.1);border-radius:4px}.variablesGrid code{font-family:monospace;font-weight:700;color:var(--color-hgk-textblue, #002e68);background:rgba(var(--color-hgk-lightblue-rgb, 120,158,191), 0.2);padding:0.15rem 0.4rem;border-radius:3px}.variablesGrid span{font-size:0.85em;color:var(--color-text-light, #666)}/* Action Buttons Grid */
.actionButtonsGrid{display:flex;flex-wrap:wrap;gap:0.75rem;padding:0.5rem 0}/* Box Header mit Actions */
.boxHeaderActions{display:flex;gap:0.5rem;flex-wrap:wrap}/* Auslaufende Artikel Tabelle */
.sTbl.sTblAdminAuslaufendeArtikel .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:1fr auto !important;grid-template-areas:none !important;gap:1rem !important;align-items:center !important;padding-left:0.5rem !important}/* Spalte 1:Avatar + Lieferanteninfos */
.sTbl.sTblAdminAuslaufendeArtikel .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;flex-direction:row !important;gap:0.75rem !important;align-items:flex-start !important;grid-area:auto !important}.sTbl.sTblAdminAuslaufendeArtikel .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex !important;flex-direction:column !important;gap:0.2rem !important}.sTbl.sTblAdminAuslaufendeArtikel .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) .iconsLine{font-size:1em;color:var(--color-text-light, #666);margin-right:0.25rem}/* Spalte 2:Status + Aktion untereinander */
.sTbl.sTblAdminAuslaufendeArtikel .sTbl1 > div:nth-child(1) > div:nth-child(2){display:flex !important;flex-direction:column !important;align-items:flex-end !important;gap:0.5rem !important;grid-area:auto !important}/* Deaktivierter Lieferant */
.sTbl.sTblAdminAuslaufendeArtikel .sTbl1.sTblRowDeaktiviert > div:nth-child(1){opacity:0.6}/* ======================================== KATEGORIEVERWALTUNG ======================================== */ /* Grid-Layout für Kategorien-Tabelle */
.sTblKategorien .sTbl1 > div:nth-child(1){grid-template-columns:minmax(0, 1fr) 120px 100px;grid-template-areas:"tblCon1 tblCon2 tblCon3"}/* Spalte 1:Avatar + Kategorieinfos */
.sTblKategorien .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex;gap:1rem;align-items:start}/* Content neben Avatar */
.sTblKategorien .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem}/* Name + Status-Badges */
.sTblKategorien .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Name */
.sTblKategorien .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1){font-weight:700}/* Status-Badges Container */
.sTblKategorien .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2){display:flex;gap:0.5rem;flex-wrap:wrap}/* Beschreibung */
.sTblKategorien .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){font-size:0.9em;color:var(--color-text-light, #666)}/* Spalte 2:Verwendungszähler */
.sTblKategorien .sTbl1 > div:nth-child(1) > div:nth-child(2){display:flex;gap:0.5rem;align-items:center}/* Spalte 3:Aktionen */
.sTblKategorien .sTbl1 > div:nth-child(1) > div:nth-child(3){display:flex;gap:0.5rem;justify-content:flex-end}/* Disabled Symbol (für nicht-löschbare Kategorien) */
.sTblSymbolDisabled{opacity:0.3;cursor:not-allowed}/* Alert-Text rot */
.textAlertRed{color:var(--color-alert-red, #e74c3c)}/* ======================================== KATEGORIEN FILTER TAG-LEISTE ======================================== */ .vmKategorieFilter{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;padding:1rem;background-color:var(--color-table-background1, #f8f9fa);border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:var(--border-radius, 8px)}/* Einzelner Kategorie-Tag */
a.vmKatTag,
a.vmKatTag:link,
a.vmKatTag:visited{display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 0.75rem;background-color:#fff;border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:2rem;text-decoration:none;color:#333;font-size:0.9rem;transition:all 0.15s ease;cursor:pointer}a.vmKatTag:hover{background-color:var(--color-hgk-lightblue, #5a8bb8);border-color:var(--color-hgk-lightblue, #5a8bb8);color:#fff}a.vmKatTag:hover .vmKatTagCount{background-color:rgba(255,255,255,0.25);color:#fff}/* Aktiver Tag */
a.vmKatTag.vmKatTagActive,
a.vmKatTag.vmKatTagActive:link,
a.vmKatTag.vmKatTagActive:visited,
a.vmKatTag.vmKatTagActive:hover{background-color:var(--color-hgk-blue, #002e68);border-color:var(--color-hgk-blue, #002e68);color:#fff;font-weight:500}a.vmKatTag.vmKatTagActive .vmKatTagCount{background-color:rgba(255,255,255,0.25);color:#fff}/* "Alle"-Tag speziell */
.vmKatTagAlle{font-weight:500}/* "Ohne Kategorie"-Tag */
.vmKatTagOhne{font-style:italic;border-style:dashed}/* Kategorie-Name */
.vmKatTagName{white-space:nowrap}/* Anzahl-Badge im Tag */
.vmKatTagCount{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 0.35rem;background-color:var(--color-table-background1, #f0f0f0);border-radius:1rem;font-size:0.8rem;font-weight:600;color:var(--color-text-light, #666)}/* Filter zurücksetzen Link */
.vmFilterReset{font-size:0.85rem;color:var(--color-hgk-lightblue, #5a8bb8);text-decoration:none}.vmFilterReset:hover{color:var(--color-alert-red, #e74c3c);text-decoration:underline}/* ======================================== ERWEITERTE FILTER-SECTION ======================================== */ .vmFilterSection{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1rem}/* ======================================== STATUS-FILTER TAGS ======================================== */ .vmStatusFilter{display:flex;flex-wrap:wrap;gap:0.5rem;padding:1rem;background-color:var(--color-table-background1, #f8f9fa);border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:var(--border-radius, 8px)}/* Status-Tag Basis */
a.vmStatusTag,
a.vmStatusTag:link,
a.vmStatusTag:visited{display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 0.75rem;background-color:#fff;border:2px solid var(--color-boxed-border, #e0e0e0);border-radius:2rem;text-decoration:none;color:#333;font-size:0.9rem;transition:all 0.15s ease;cursor:pointer}a.vmStatusTag:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}/* Status-spezifische Farben */
a.vmStatusTag.vmStatusTagAlle{border-color:var(--color-hgk-blue, #002e68)}a.vmStatusTag.vmStatusTagAlle:hover,
a.vmStatusTag.vmStatusTagAlle.vmStatusTagActive{background-color:var(--color-hgk-blue, #002e68);border-color:var(--color-hgk-blue, #002e68);color:#fff}a.vmStatusTag.vmStatusTagAktiv{border-color:var(--color-status-aktiv, #27ae60)}a.vmStatusTag.vmStatusTagAktiv:hover,
a.vmStatusTag.vmStatusTagAktiv.vmStatusTagActive{background-color:var(--color-status-aktiv, #27ae60);border-color:var(--color-status-aktiv, #27ae60);color:#fff}a.vmStatusTag.vmStatusTagAuslaufend{border-color:var(--color-alert-red, #e74c3c)}a.vmStatusTag.vmStatusTagAuslaufend:hover,
a.vmStatusTag.vmStatusTagAuslaufend.vmStatusTagActive{background-color:var(--color-alert-red, #e74c3c);border-color:var(--color-alert-red, #e74c3c);color:#fff}a.vmStatusTag.vmStatusTagGekuendigt{border-color:var(--color-status-gekuendigt, #e67e22)}a.vmStatusTag.vmStatusTagGekuendigt:hover,
a.vmStatusTag.vmStatusTagGekuendigt.vmStatusTagActive{background-color:var(--color-status-gekuendigt, #e67e22);border-color:var(--color-status-gekuendigt, #e67e22);color:#fff}a.vmStatusTag.vmStatusTagAbgelaufen{border-color:var(--color-status-abgelaufen, #7f8c8d)}a.vmStatusTag.vmStatusTagAbgelaufen:hover,
a.vmStatusTag.vmStatusTagAbgelaufen.vmStatusTagActive{background-color:var(--color-status-abgelaufen, #7f8c8d);border-color:var(--color-status-abgelaufen, #7f8c8d);color:#fff}a.vmStatusTag.vmStatusTagEntwurf{border-color:var(--color-status-entwurf, #95a5a6)}a.vmStatusTag.vmStatusTagEntwurf:hover,
a.vmStatusTag.vmStatusTagEntwurf.vmStatusTagActive{background-color:var(--color-status-entwurf, #95a5a6);border-color:var(--color-status-entwurf, #95a5a6);color:#fff}a.vmStatusTag.vmStatusTagArchiviert{border-color:var(--color-status-archiviert, #bdc3c7)}a.vmStatusTag.vmStatusTagArchiviert:hover,
a.vmStatusTag.vmStatusTagArchiviert.vmStatusTagActive{background-color:var(--color-status-archiviert, #bdc3c7);border-color:var(--color-status-archiviert, #bdc3c7);color:#333}/* Status-Tag Count Badge */
.vmStatusTagCount{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 0.35rem;background-color:rgba(0,0,0,0.08);border-radius:1rem;font-size:0.8rem;font-weight:600}a.vmStatusTag.vmStatusTagActive .vmStatusTagCount,
a.vmStatusTag:hover .vmStatusTagCount{background-color:rgba(255,255,255,0.25)}/* ======================================== SUCHFELD BOX ======================================== */ .vmSearchBox{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between;padding:1rem;background-color:#fff;border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:var(--border-radius, 8px);margin-bottom:1rem}.vmSearchBox .boxHeaderActions{flex-shrink:0;align-self:flex-start}.vmSearchForm{flex:1 1 300px;min-width:200px;display:flex;flex-direction:column;gap:0.75rem}/* Such-Eingabe mit Button */
.vmSearchInputGroup{display:flex;align-items:center;gap:0.5rem;background-color:var(--color-table-background1, #f8f9fa);border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:var(--border-radius, 8px);padding:0.25rem 0.5rem 0.25rem 0.75rem}.vmSearchInputGroup > .iconsLine{color:var(--color-text-light, #666);font-size:1.25rem;flex-shrink:0}.vmSearchInputGroup input{flex:1;border:none !important;background:transparent !important;padding:0.5rem 0 !important;min-width:0;font-size:1rem}.vmSearchInputGroup input:focus{outline:none}.vmSearchInputGroup .button{flex-shrink:0;margin:0;/* Feste Größe zur Verhinderung von Hover-Größenänderung */ padding:0.35rem 0.75rem;font-size:0.9rem;line-height:1;box-sizing:border-box}.vmSearchField{display:flex;align-items:center;gap:0;background-color:var(--color-table-background1, #f8f9fa);border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:var(--border-radius, 8px);overflow:hidden}.vmSearchIcon{padding:0 0.75rem;color:var(--color-text-light, #666);font-size:1.25rem}.vmSearchField input{flex:1;border:none !important;background:transparent !important;padding:0.6rem 0 !important;min-width:0}.vmSearchField input:focus{outline:none;box-shadow:none !important}.vmSearchBtn{display:flex;align-items:center;justify-content:center;padding:0.6rem 1.25rem;background-color:var(--color-hgk-blue, #002e68);border:none;color:#fff;font-weight:500;cursor:pointer;transition:background-color 0.15s}.vmSearchBtn:hover{background-color:var(--color-hgk-lightblue, #5a8bb8)}/* Filter-Toggle Button */
.vmFilterToggle{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background-color:#fff;border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:var(--border-radius, 8px);color:var(--color-text, #333);font-size:0.9rem;cursor:pointer;transition:all 0.15s}.vmFilterToggle:hover{background-color:var(--color-table-background1, #f8f9fa);border-color:var(--color-hgk-lightblue, #5a8bb8)}.vmFilterToggle.vmFilterToggleActive{background-color:var(--color-hgk-blue, #002e68);border-color:var(--color-hgk-blue, #002e68);color:#fff}.vmFilterToggle .iconsLine{font-size:1.1rem}/* ======================================== ERWEITERTE FILTER (ein-/ausklappbar) ======================================== */ .vmErweiterteFilter{display:none;padding:1rem;background-color:var(--color-table-background1, #f8f9fa);border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:var(--border-radius, 8px);margin-bottom:1rem}.vmErweiterteFilter.vmErweiterteFilterVisible{display:block}.vmFilterGrid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1rem;margin-bottom:1rem}.vmFilterGroup{display:flex;flex-wrap:wrap;gap:0.5rem}.vmFilterGroup select{min-width:150px}.vmFilterGroup label{font-size:0.85rem;font-weight:500;color:var(--color-text-light, #666)}/* Filter-Gruppe mit Label */
.vmFilterGroupLabeled{display:flex;flex-direction:column;gap:0.35rem}.vmFilterRange{display:flex;align-items:center;gap:0.5rem}.vmFilterRange input{flex:1;min-width:0}.vmFilterRange span{color:var(--color-text-light, #666);font-size:0.9rem}.vmFilterActions{display:flex;gap:0.75rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-boxed-border, #e0e0e0)}/* ======================================== AKTIVE FILTER ANZEIGE ======================================== */ .vmActiveFilters{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background-color:rgba(0, 46, 104, 0.05);border:1px solid var(--color-hgk-lightblue, #5a8bb8);border-radius:var(--border-radius, 8px);margin-bottom:1rem}.vmActiveFiltersLabel{font-size:0.85rem;font-weight:500;color:var(--color-text-light, #666)}.vmActiveFilterTag{display:inline-flex;align-items:center;padding:0.25rem 0.6rem;background-color:var(--color-hgk-blue, #002e68);border-radius:1rem;font-size:0.8rem;color:#fff}.vmFilterResetLink{margin-left:auto;font-size:0.85rem;color:var(--color-alert-red, #e74c3c);text-decoration:none}.vmFilterResetLink:hover{text-decoration:underline}/* ======================================== PDF-VORSCHAU / VIEWER ======================================== */ .vmPdfVorschauBox{margin-top:1rem}.vmPdfHeader{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.vmPdfHeader h3{margin:0}.vmPdfControls{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}/* Fix:Buttons im PDF-Header mit fester Größe (verhindert Größenänderung beim Hover) */
.vmPdfControls .button.buttonSmall.buttonIcon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;box-sizing:border-box}.vmPdfControls .button.buttonSmall.buttonIcon span{font-size:1.25rem;line-height:1}.vmPdfVersionSelect{min-width:180px}.vmPdfVersionInfo{padding:0.4rem 0.75rem;background-color:var(--color-table-background1, #f0f0f0);border-radius:var(--border-radius, 8px);font-size:0.9rem;color:var(--color-text-light, #666)}/* PDF Viewer Container */
.vmPdfViewerContainer{border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:var(--border-radius, 8px);overflow:hidden;background-color:#525659}/* Navigation Bar */
.vmPdfNavigation{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1rem;background-color:#3a3d40;border-bottom:1px solid #2a2d30;flex-wrap:wrap}.vmPdfNavBtn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#525659;border:1px solid #666;border-radius:4px;color:#fff;cursor:pointer;transition:background-color 0.15s}.vmPdfNavBtn:hover:not(:disabled){background-color:#666}.vmPdfNavBtn:disabled{opacity:0.4;cursor:not-allowed}.vmPdfNavBtn .iconsLine{font-size:1.25rem}.vmPdfPageInfo{color:#fff;font-size:0.9rem;padding:0 0.75rem;white-space:nowrap}.vmPdfZoom{display:flex;align-items:center;gap:0.25rem;margin-left:1rem;padding-left:1rem;border-left:1px solid #666}#vmPdfZoomLevel{color:#fff;font-size:0.85rem;min-width:50px;text-align:center}/* Canvas Wrapper */
.vmPdfCanvasWrapper{position:relative;min-height:400px;max-height:70vh;overflow:auto;display:block;text-align:center;padding:20px}#vmPdfCanvas{display:inline-block;box-shadow:0 4px 20px rgba(0,0,0,0.4);background-color:#fff;/* Wichtig:Canvas behält sein natürliches Seitenverhältnis */ max-width:none;height:auto}/* Loading Indicator */
.vmPdfLoading{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;gap:0.5rem;color:#fff;font-size:1rem}.vmPdfLoading .iconsLine{font-size:2.5rem;animation:vmPdfSpin 1.5s linear infinite}@keyframes vmPdfSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}/* Keine Vorschau verfügbar */
.vmPdfNoPreview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--color-text-light, #666)}.vmPdfNoPreview .iconsLine{font-size:4rem;margin-bottom:1rem;opacity:0.5}.vmPdfNoPreview p{margin:0.25rem 0}/* Vollbild-Modus */
.vmPdfFullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;border-radius:0;margin:0;background-color:var(--color-white, #fff)}.vmPdfFullscreen .vmPdfCanvasWrapper{max-height:calc(100vh - 60px);height:calc(100vh - 60px)}/* Responsive für Vollbild-Close */
.vmPdfFullscreen .vmPdfNavigation{position:sticky;top:0;z-index:10}/* Schließen-Button im Vollbildmodus */
.vmPdfCloseFullscreen{display:none;position:absolute;top:10px;right:10px;z-index:100;width:44px;height:44px;border:none;border-radius:50%;background-color:rgba(0,0,0,0.7);color:#fff;cursor:pointer;transition:all 0.2s ease;align-items:center;justify-content:center}.vmPdfCloseFullscreen:hover{background-color:rgba(0,0,0,0.9);transform:scale(1.1)}.vmPdfCloseFullscreen .iconsLine{font-size:1.5rem}.vmPdfFullscreen .vmPdfCloseFullscreen{display:flex}/* ============================================ Änderungen Mitglieder Tabelle ============================================ */
.sTbl.sTblAdminAenderungenMitglieder .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:1fr auto !important;grid-template-areas:none !important;gap:1rem !important;align-items:center !important;padding-left:0.5rem !important}/* Spalte 1:Icon + Dateiinfos */
.sTbl.sTblAdminAenderungenMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;flex-direction:row !important;gap:0.75rem !important;align-items:center !important;grid-area:auto !important}.sTbl.sTblAdminAenderungenMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex !important;flex-direction:column !important;gap:0.15rem !important}.sTbl.sTblAdminAenderungenMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) .iconsLine{font-size:1em;color:var(--color-text-light, #666);margin-right:0.25rem}/* Spalte 2:Aktionen */
.sTbl.sTblAdminAenderungenMitglieder .sTbl1 > div:nth-child(1) > div:nth-child(2){display:flex !important;flex-direction:row !important;gap:0.5rem !important;grid-area:auto !important}/* ======================================== VERTRAGSANLAGEN ======================================== */ .vmAnlagenBox,
.vmVerknuepfungenBox{margin-top:1rem}.vmBoxHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.vmBoxHeader h3{margin:0;display:flex;align-items:center;gap:0.5rem}.vmBoxHeader h3 .iconsLine{color:var(--color-hgk-blue, #002e68)}/* Anlage Upload-Formular */
.vmAnlageFormWrapper,
.vmVerknuepfungFormWrapper{padding:1rem;background-color:var(--color-table-background1, #f8f9fa);border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:var(--border-radius, 8px);margin-bottom:1rem}.vmAnlageFormGrid,
.vmVerknuepfungFormGrid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin-bottom:1rem}.vmAnlageFormField,
.vmVerknuepfungFormField{display:flex;flex-direction:column;gap:0.35rem}.vmAnlageFormField label,
.vmVerknuepfungFormField label{font-size:0.85rem;font-weight:500;color:var(--color-text-light, #666)}.vmAnlageFormFieldWide,
.vmVerknuepfungFormFieldWide{grid-column:span 2}.vmAnlageFormActions,
.vmVerknuepfungFormActions{display:flex;gap:0.75rem}/* Anlagen-Liste */
.vmAnlagenListe,
.vmVerknuepfungenListe{display:flex;flex-direction:column;gap:0.5rem}.vmAnlageItem,
.vmVerknuepfungItem{display:flex;align-items:center;gap:1rem;padding:0.75rem 1rem;background-color:var(--color-table-background1, #f8f9fa);border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:var(--border-radius, 8px);transition:background-color 0.15s}.vmAnlageItem:hover,
.vmVerknuepfungItem:hover{background-color:var(--color-table-background-active1, #f0f4f8)}.vmAnlageIcon,
.vmVerknuepfungIcon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:linear-gradient(135deg, var(--color-hgk-textblue, #002e68) 0%, var(--color-hgk-blue, #00224b) 100%);border-radius:8px;color:#fff;flex-shrink:0}.vmAnlageIcon .iconsLine,
.vmVerknuepfungIcon .iconsLine{font-size:1.4rem}.vmAnlageInfo,
.vmVerknuepfungInfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:0.2rem}.vmAnlageBezeichnung,
.vmVerknuepfungTitel{font-weight:500;display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.vmVerknuepfungTitel a{color:inherit;text-decoration:none}.vmVerknuepfungTitel a:hover{color:var(--color-hgk-lightblue, #5a8bb8);text-decoration:underline}.vmAnlageMeta,
.vmVerknuepfungMeta{display:flex;flex-wrap:wrap;gap:0.5rem;font-size:0.85rem;color:var(--color-text-light, #666)}.vmAnlageMeta span:not(:last-child)::after,
.vmVerknuepfungMeta span:not(:last-child)::after{content:"•";margin-left:0.5rem;opacity:0.5}.vmAnlageTyp,
.vmVerknuepfungTyp{font-weight:500;color:var(--color-hgk-blue, #002e68)}.vmAnlageNotiz{font-size:0.85rem;color:var(--color-text-light, #666);font-style:italic;margin-top:0.2rem}.vmAnlageActions,
.vmVerknuepfungActions{display:flex;gap:0.5rem;flex-shrink:0}/* Leerzustand */
.vmAnlagenLeer,
.vmVerknuepfungenLeer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--color-text-light, #666)}.vmAnlagenLeer .iconsLine,
.vmVerknuepfungenLeer .iconsLine{font-size:3rem;margin-bottom:0.5rem;opacity:0.4}.vmAnlagenLeer p,
.vmVerknuepfungenLeer p{margin:0}/* Secondary Button */
.buttonSecondary{background-color:#fff;border-color:var(--color-boxed-border, #e0e0e0);color:var(--color-text, #333)}.buttonSecondary:hover{background-color:var(--color-table-background1, #f8f9fa);border-color:var(--color-hgk-lightblue, #5a8bb8)}/* Responsive Anpassungen */
@media (max-width:768px){.vmAnlageFormGrid, .vmVerknuepfungFormGrid{grid-template-columns:1fr}.vmAnlageFormFieldWide, .vmVerknuepfungFormFieldWide{grid-column:span 1}.vmAnlageItem, .vmVerknuepfungItem{flex-wrap:wrap}.vmAnlageInfo, .vmVerknuepfungInfo{width:calc(100% - 60px)}.vmAnlageActions, .vmVerknuepfungActions{width:100%;justify-content:flex-end;margin-top:0.5rem;padding-top:0.5rem;border-top:1px dashed var(--color-boxed-border, #e0e0e0)}}/* ======================================== AUDIT-TRAIL / ÄNDERUNGSPROTOKOLL ======================================== */ .vmAuditFilterForm{margin-top:1rem}.vmAuditFilterGrid{display:grid;grid-template-columns:repeat(5, 1fr);gap:1rem;align-items:end}.vmAuditFilterField{display:flex;flex-direction:column;gap:0.35rem;min-width:0}.vmAuditFilterField label{font-size:0.85rem;font-weight:500;color:var(--color-text-light, #666)}.vmAuditFilterField input[type="date"]{width:100%;box-sizing:border-box}.vmAuditInfo{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background-color:var(--color-table-background1, #f8f9fa);border-radius:var(--border-radius, 8px);margin-bottom:1rem;font-size:0.9rem;color:var(--color-text-light, #666)}.vmAuditInfo .iconsLine{font-size:1.2rem;color:var(--color-hgk-blue, #002e68)}/* Audit-Liste */
.vmAuditListe{display:flex;flex-direction:column;gap:0.75rem}.vmAuditItem{display:flex;gap:1rem;padding:1rem;background-color:var(--color-table-background1, #f8f9fa);border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:var(--border-radius, 8px);transition:background-color 0.15s}.vmAuditItem:hover{background-color:var(--color-table-background-active1, #f0f4f8)}.vmAuditIcon{box-sizing:border-box !important;width:42px !important;height:42px !important;min-width:42px !important;max-width:42px !important;min-height:42px !important;max-height:42px !important;border-radius:8px;color:#fff;flex-shrink:0;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden}.vmAuditIcon .iconsLine,
.vmAuditIcon span.iconsLine{font-size:20px !important;line-height:1 !important;width:20px !important;text-align:center !important}.vmAuditIcon.vmAuditSuccess{background:linear-gradient(135deg, #27ae60 0%, #1e8449 100%)}.vmAuditIcon.vmAuditDanger{background:linear-gradient(135deg, #e74c3c 0%, #c0392b 100%)}.vmAuditIcon.vmAuditWarning{background:linear-gradient(135deg, #f39c12 0%, #d68910 100%)}.vmAuditIcon.vmAuditInfo{background:linear-gradient(135deg, var(--color-hgk-textblue, #002e68) 0%, var(--color-hgk-blue, #00224b) 100%)}.vmAuditContent{flex:1;min-width:0;display:flex;flex-direction:column;gap:0.35rem}.vmAuditHeader{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem}.vmAuditAktion{padding:0.2rem 0.6rem;border-radius:4px;font-size:0.8rem;font-weight:600;color:#fff}.vmAuditAktion.vmAuditSuccess{background-color:#27ae60}.vmAuditAktion.vmAuditDanger{background-color:#e74c3c}.vmAuditAktion.vmAuditWarning{background-color:#f39c12}.vmAuditAktion.vmAuditInfo{background-color:var(--color-hgk-blue, #002e68)}.vmAuditBereich{padding:0.2rem 0.5rem;background-color:var(--color-table-background1, #e8e8e8);border-radius:4px;font-size:0.8rem;color:var(--color-text-light, #666)}.vmAuditVertrag{color:var(--color-hgk-lightblue, #5a8bb8);text-decoration:none;font-weight:500}.vmAuditVertrag:hover{text-decoration:underline}.vmAuditBeschreibung{font-size:0.95rem}.vmAuditMeta{display:flex;flex-wrap:wrap;gap:1rem;font-size:0.85rem;color:var(--color-text-light, #666)}.vmAuditMeta span{display:flex;align-items:center;gap:0.3rem}.vmAuditMeta .iconsLine{font-size:1rem}/* Details-Bereich */
.vmAuditDetails{margin-top:0.5rem}.vmAuditDetails summary{cursor:pointer;font-size:0.85rem;color:var(--color-hgk-lightblue, #5a8bb8)}.vmAuditDetails summary:hover{text-decoration:underline}.vmAuditDetailsContent{margin-top:0.5rem;padding:0.75rem;background-color:#fff;border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:4px}.vmAuditWerte{font-size:0.85rem}.vmAuditWerte pre{margin:0.25rem 0 0 0;padding:0.5rem;background-color:var(--color-table-background1, #f8f9fa);border-radius:4px;overflow-x:auto;font-size:0.8rem;white-space:pre-wrap;word-break:break-word}.vmAuditWerteTabelle{width:100%;margin-top:0.5rem;border-collapse:collapse;font-size:0.85rem}.vmAuditWerteTabelle td{padding:0.35rem 0.5rem;border-bottom:1px solid var(--color-line, #e0e0e0);vertical-align:top}.vmAuditWerteTabelle td:first-child{width:40%;color:var(--color-text-light, #666)}.vmAuditWerteTabelle tr:last-child td{border-bottom:none}.vmAuditAlteWerte{background-color:#fff5f5;padding:0.75rem;border-radius:4px;border-left:3px solid var(--color-alert-red, #e74c3c)}.vmAuditAlteWerte > strong{color:var(--color-alert-red, #e74c3c)}.vmAuditNeueWerte{background-color:#f0fff4;padding:0.75rem;border-radius:4px;margin-top:0.5rem;border-left:3px solid var(--color-status-aktiv, #27ae60)}.vmAuditNeueWerte > strong{color:var(--color-status-aktiv, #27ae60)}/* Leerzustand */
.vmAuditLeer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--color-text-light, #666)}.vmAuditLeer .iconsLine{font-size:4rem;margin-bottom:0.5rem;opacity:0.4}.vmAuditLeer p{margin:0}/* Responsive */
@media (max-width:1024px){.vmAuditFilterGrid{grid-template-columns:repeat(3, 1fr)}}@media (max-width:768px){.vmAuditFilterGrid{grid-template-columns:1fr 1fr}.vmAuditItem{flex-direction:column}.vmAuditIcon{width:36px !important;height:36px !important;min-width:36px !important;max-width:36px !important;min-height:36px !important;max-height:36px !important}.vmAuditIcon .iconsLine, .vmAuditIcon span.iconsLine{font-size:18px !important;width:18px !important}.vmAuditMeta{flex-direction:column;gap:0.35rem}}/* ======================================== TEILEN-FUNKTION ======================================== */ /* vmTeilenBox nutzt Standard-boxed Styles */ .vmTeilenVertragInfo{padding:1rem;background-color:var(--color-table-background1, #f8f9fa);border-radius:var(--border-radius, 8px);margin-bottom:1.5rem;border-left:4px solid var(--color-hgk-blue, #002e68)}.vmTeilenVertragInfo strong{color:var(--color-hgk-blue, #002e68)}.vmTeilenVertragsnummer{color:var(--color-text-light, #666);margin-left:0.5rem}.vmTeilenForm{display:flex;flex-direction:column;gap:1rem}.vmTeilenFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.vmTeilenFormField{display:flex;flex-direction:column;gap:0.35rem}.vmTeilenFormField label{font-size:0.9rem;font-weight:500;color:var(--color-text-light, #666)}.vmTeilenFormField input[type="text"],
.vmTeilenFormField input[type="email"],
.vmTeilenFormField textarea,
.vmTeilenFormField select{width:100%;box-sizing:border-box}.vmTeilenFormFieldWide{grid-column:span 2}.vmTeilenFormField textarea{resize:vertical;min-height:100px}.vmTeilenAnhaenge{display:flex;flex-direction:column;gap:0.75rem;padding:1rem;background-color:var(--color-table-background1, #f8f9fa);border-radius:var(--border-radius, 8px)}.vmTeilenCheckbox{display:flex;align-items:center;gap:0.5rem;cursor:pointer}.vmTeilenCheckbox input[type="checkbox"]{width:18px;height:18px;cursor:pointer}.vmTeilenCheckbox .iconsLine{font-size:1.2rem;color:var(--color-hgk-blue, #002e68)}.vmTeilenAbsender{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background-color:var(--color-table-background1, #f8f9fa);border-radius:var(--border-radius, 8px);font-size:0.9rem;color:var(--color-text-light, #666)}.vmTeilenAbsender .iconsLine{font-size:1.2rem}/* Responsive */
@media (max-width:600px){.vmTeilenFormGrid{grid-template-columns:1fr}.vmTeilenFormFieldWide{grid-column:span 1}}/* ============================================================================ * ERINNERUNGSFUNKTION * ============================================================================ */ /* Statistik-Boxen im Header */
.vmErinnerungHeader{margin-bottom:1.5rem}.vmErinnerungStats{display:flex;gap:1rem;flex-wrap:wrap}.vmStatBox{background-color:var(--color-white, #fff);border-radius:var(--border-radius, 8px);padding:1rem 1.5rem;min-width:120px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid var(--color-line, #e0e0e0)}.vmStatBoxDanger{background-color:#fff5f5;border-color:#f5c6cb}.vmStatBoxWarning{background-color:#fff9e6;border-color:#ffeeba}.vmStatNumber{display:block;font-size:2rem;font-weight:700;line-height:1;color:var(--color-hgk-blue, #002e68)}.vmStatBoxDanger .vmStatNumber{color:#c0392b}.vmStatBoxWarning .vmStatNumber{color:#d68910}.vmStatLabel{display:block;font-size:0.85rem;color:var(--color-text-light, #666);margin-top:0.25rem}/* Filter-Tags */
.vmErinnerungFilter{margin-bottom:1.5rem}.vmFilterTags{display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center}.vmFilterTag{display:inline-block;padding:0.4rem 0.8rem;background-color:var(--color-table-background1, #f8f9fa);border-radius:var(--border-radius, 8px);color:var(--color-text, #333);text-decoration:none;font-size:0.9rem;transition:all 0.2s ease}.vmFilterTag:hover{background-color:var(--color-hgk-blue-light, #e6eef5);color:var(--color-hgk-blue, #002e68)}.vmFilterTagActive{background-color:var(--color-hgk-blue, #002e68);color:#fff}.vmFilterTagActive:hover{background-color:var(--color-hgk-blue-dark, #001d44);color:#fff}.vmFilterTagDanger{background-color:#fce4e4;color:#c0392b}.vmFilterTagWarning{background-color:#fff3cd;color:#856404}.vmFilterSeparator{color:var(--color-line, #e0e0e0);padding:0 0.25rem}/* Leer-Zustand */
.vmErinnerungLeer{text-align:center;padding:3rem 2rem;background-color:var(--color-white, #fff);border-radius:var(--border-radius, 8px);border:1px solid var(--color-line, #e0e0e0)}.vmErinnerungLeer .iconsLine{font-size:3rem;color:#27ae60;margin-bottom:1rem}.vmErinnerungLeer p{color:var(--color-text-light, #666);margin:0}/* Erinnerungsliste */
.vmErinnerungListe{display:flex;flex-direction:column;gap:0.75rem}.vmErinnerungItem{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background-color:var(--color-white, #fff);border-radius:var(--border-radius, 8px);border:1px solid var(--color-line, #e0e0e0);transition:all 0.2s ease}.vmErinnerungItem:hover{box-shadow:0 2px 8px rgba(0,0,0,0.08)}.vmErinnerungKritisch{border-left:4px solid #e74c3c;background-color:#fff9f9}.vmErinnerungEskalation{border-left:4px solid #f39c12;background-color:#fffbf0}.vmErinnerungUeberfaellig{border-left:4px solid #c0392b;background-color:#fdf2f2}.vmErinnerungIcon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-hgk-blue-light, #e6eef5);border-radius:50%}.vmErinnerungIcon .iconsLine{font-size:1.3rem;color:var(--color-hgk-blue, #002e68)}.vmErinnerungKritisch .vmErinnerungIcon{background-color:#fce4e4}.vmErinnerungKritisch .vmErinnerungIcon .iconsLine{color:#e74c3c}.vmErinnerungUeberfaellig .vmErinnerungIcon{background-color:#f5b7b1}.vmErinnerungUeberfaellig .vmErinnerungIcon .iconsLine{color:#922b21}.vmErinnerungContent{flex:1;min-width:0}.vmErinnerungTitle{font-weight:600;margin-bottom:0.25rem}.vmErinnerungTitle a{color:var(--color-text, #333);text-decoration:none}.vmErinnerungTitle a:hover{color:var(--color-hgk-blue, #002e68);text-decoration:underline}.vmErinnerungMeta{font-size:0.85rem;color:var(--color-text-light, #666)}.vmErinnerungTyp{font-weight:500}.vmErinnerungDatum{text-align:right;flex-shrink:0}.vmErinnerungDatumValue{font-weight:600;font-size:0.95rem}.vmErinnerungTage{font-size:0.85rem;margin-top:0.15rem}.vmErinnerungTageUeberfaellig{color:#c0392b;font-weight:600}.vmErinnerungTageHeute{color:#e74c3c;font-weight:700}.vmErinnerungTageMorgen{color:#e67e22;font-weight:600}.vmErinnerungTageKritisch{color:#d35400;font-weight:500}.vmErinnerungTageWarnung{color:#f39c12}.vmErinnerungActions{flex-shrink:0}/* Widget auf Übersichtsseite */
.vmErinnerungWidget{margin-bottom:1.5rem}.vmErinnerungWidget .boxHeader h3{display:flex;align-items:center;gap:0.5rem}.vmErinnerungWidget .boxHeader h3 .iconsLine{font-size:1.3rem;color:var(--color-hgk-blue, #002e68)}.vmBadge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 0.4rem;border-radius:1rem;font-size:0.75rem;font-weight:700;background-color:var(--color-hgk-blue, #002e68);color:#fff}.vmBadgeDanger{background-color:#e74c3c}.vmBadgeWarning{background-color:#f39c12}.vmErinnerungWidgetList{display:flex;flex-direction:column;gap:0.5rem;padding:1rem}.vmErinnerungWidgetItem{display:flex;align-items:center;gap:0.75rem;padding:0.6rem 0.75rem;background-color:var(--color-table-background1, #f8f9fa);border-radius:var(--border-radius, 8px);text-decoration:none;color:var(--color-text, #333);transition:all 0.2s ease}.vmErinnerungWidgetItem:hover{background-color:var(--color-hgk-blue-light, #e6eef5)}.vmErinnerungWidgetItem.vmErinnerungKritisch{background-color:#fff5f5;border-left:3px solid #e74c3c}.vmErinnerungWidgetItem.vmErinnerungEskalation{background-color:#fff9e6;border-left:3px solid #f39c12}.vmErinnerungWidgetItem.vmErinnerungUeberfaellig{background-color:#fce4e4;border-left:3px solid #c0392b}.vmErinnerungWidgetItem .iconsLine{font-size:1.1rem;color:var(--color-hgk-blue, #002e68);flex-shrink:0}.vmErinnerungWidgetItem.vmErinnerungKritisch .iconsLine,
.vmErinnerungWidgetItem.vmErinnerungUeberfaellig .iconsLine{color:#e74c3c}.vmErinnerungWidgetTitle{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:0.9rem}.vmErinnerungWidgetTage{font-size:0.8rem;font-weight:600;flex-shrink:0;color:var(--color-text-light, #666)}.vmErinnerungWidgetItem.vmErinnerungKritisch .vmErinnerungWidgetTage{color:#e74c3c}.vmErinnerungWidgetItem.vmErinnerungUeberfaellig .vmErinnerungWidgetTage{color:#c0392b}/* Einstellungen */
.vmToggle{display:flex;align-items:center;gap:0.75rem;cursor:pointer}.vmToggle input[type="checkbox"]{display:none}.vmToggleSlider{position:relative;width:48px;height:26px;background-color:#ccc;border-radius:13px;transition:all 0.3s ease;flex-shrink:0}.vmToggleSlider::before{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:all 0.3s ease}.vmToggle input[type="checkbox"]:checked + .vmToggleSlider{background-color:var(--color-hgk-blue, #002e68)}.vmToggle input[type="checkbox"]:checked + .vmToggleSlider::before{transform:translateX(22px)}.vmToggleLabel{font-size:0.95rem;color:var(--color-text, #333)}.vmFormHint{font-size:0.9rem;color:var(--color-text-light, #666);margin-bottom:1rem}/* Responsive Erinnerungen */
@media (max-width:768px){.vmErinnerungStats{display:grid;grid-template-columns:repeat(2, 1fr)}.vmStatBox{min-width:0}.vmErinnerungItem{flex-wrap:wrap}.vmErinnerungDatum{text-align:left;margin-left:3.5rem}.vmErinnerungActions{margin-left:auto}}@media (max-width:480px){.vmErinnerungStats{grid-template-columns:1fr 1fr;gap:0.5rem}.vmStatBox{padding:0.75rem}.vmStatNumber{font-size:1.5rem}.vmFilterTags{gap:0.35rem}.vmFilterTag{padding:0.3rem 0.6rem;font-size:0.8rem}}/* ============================================================================ * FORMULAR-HILFSELEMENTE * ============================================================================ */ /* Inline-Hinweis unter Eingabefeldern */
.vmFormHintInline{display:block;margin-top:0.25rem;font-size:0.8rem;color:var(--color-text-light, #666);font-style:italic}/* Checkbox-Label mit Text */
.vmCheckboxLabel{display:flex;align-items:center;gap:0.5rem;cursor:pointer}.vmCheckboxLabel input[type="checkbox"]{width:18px;height:18px;cursor:pointer}.vmCheckboxLabel span{font-size:0.95rem}/* ============================================================================ * NUR-LESEN HINWEIS * ============================================================================ */ .vmReadOnlyHinweis{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;margin-top:1rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:0.9rem}.vmReadOnlyHinweis .iconsLine{font-size:1.25rem;flex-shrink:0}/* ============================================================================ * ARTIKEL-UPLOAD STYLES * ============================================================================ */ /* Satzaufbau-Tabelle */
.vmArtikelUploadTbl{width:100%;border-collapse:collapse;margin-top:1rem;font-size:0.9rem}.vmArtikelUploadTbl th,
.vmArtikelUploadTbl td{padding:0.6rem 0.75rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-boxed-border, #e0e0e0)}.vmArtikelUploadTbl thead th{font-weight:600;color:var(--color-text, #333);background-color:var(--color-table-background1, #f8f9fa);font-size:0.85rem;text-transform:uppercase;letter-spacing:0.02em}.vmArtikelUploadTbl thead th:nth-child(1){width:200px}.vmArtikelUploadTbl thead th:nth-child(3){width:220px}.vmArtikelUploadTbl tbody tr:hover{background-color:var(--color-table-background-active1, #f0f4f8)}.vmArtikelUploadTbl tbody td:nth-child(1){font-weight:500;color:var(--color-hgk-blue, #002e68)}.vmArtikelUploadTbl tbody td:nth-child(2){color:var(--color-text-light, #666)}.vmArtikelUploadTbl tbody td:nth-child(3){font-size:0.85rem;color:var(--color-text-light, #666)}/* Letzte Zeile (Satzende) hervorheben */
.vmArtikelUploadTblEnd td{background-color:rgba(var(--color-hgk-lightblue-rgb, 120,158,191), 0.1);font-weight:500 !important}/* Kleinere Tabelle (Warengruppen-Aktualisierung) */
.vmArtikelUploadTblSmall{max-width:700px}/* Upload-Optionen Sektion */
.vmUploadOptionsSection{margin:1.5rem 0;padding:1.25rem;background-color:var(--color-table-background1, #f8f9fa);border:1px solid var(--color-boxed-border, #e0e0e0);border-radius:var(--border-radius, 8px)}.vmUploadOptionsHeader{display:flex;align-items:center;gap:0.5rem;font-weight:600;color:var(--color-hgk-blue, #002e68);margin-bottom:1rem;font-size:0.95rem}.vmUploadOptionsHeader .iconsLine{font-size:1.2rem}.vmUploadOptionsHeaderSub{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed var(--color-boxed-border, #e0e0e0);font-size:0.9rem;color:var(--color-text-light, #666)}/* Grid für Optionen */
.vmUploadOptionsGrid{display:flex;flex-direction:column;gap:0.75rem}.vmUploadOptionsGridSmall{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:0.5rem 1.5rem}/* Einzelne Option */
.vmUploadOption{padding:0.5rem 0.75rem;background-color:#fff;border-radius:var(--border-radius, 8px);border:1px solid transparent;transition:all 0.15s ease}.vmUploadOption:hover{border-color:var(--color-hgk-lightblue, #5a8bb8)}.vmUploadOptionHighlight{background-color:rgba(var(--color-hgk-lightblue-rgb, 120,158,191), 0.15);border:1px solid var(--color-hgk-lightblue, #5a8bb8)}/* Responsive */
@media (max-width:768px){.vmArtikelUploadTbl{font-size:0.8rem}.vmArtikelUploadTbl th, .vmArtikelUploadTbl td{padding:0.5rem}.vmArtikelUploadTbl thead th:nth-child(1), .vmArtikelUploadTbl thead th:nth-child(3){width:auto}.vmUploadOptionsGridSmall{grid-template-columns:1fr}}/* ============================================================================ * BONUS-RECHNER ANPASSUNGEN (für boxed-Layout) * ============================================================================ */ /* Bonus-Rechner in boxed-Box:Margin-Top reduzieren */
.boxed .bonusRechner{margin-top:1rem}/* Fehlerbox innerhalb der boxed-Box anpassen */
.boxed .bonusRechnerError{margin-bottom:1rem;border-radius:var(--border-radius, 8px)}/* ============================================================================ * BESTPRICE VERWALTUNG TABELLE * ============================================================================ */ /* Grid-Layout für BestPrice-Tabelle */
.sTbl.sTblAdminBestPrice .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) 80px !important;grid-template-areas:none !important;gap:1rem !important;align-items:start !important}/* Spalte 1:Avatar + Lieferanteninfos */
.sTbl.sTblAdminBestPrice .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:auto !important}/* Content neben Avatar */
.sTbl.sTblAdminBestPrice .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.5rem}/* Name + Status-Badges */
.sTbl.sTblAdminBestPrice .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Meta-Infos */
.sTbl.sTblAdminBestPrice .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTbl.sTblAdminBestPrice .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 2:Preisvorteil + Konditionen */
.sTbl.sTblAdminBestPrice .sTbl1 > div:nth-child(1) > div.sTblBestPriceInfo{display:flex !important;flex-direction:column !important;gap:0.5rem !important;grid-area:auto !important;font-size:0.9em}.sTbl.sTblAdminBestPrice .sTbl1 > div:nth-child(1) > div.sTblBestPriceInfo > div{display:flex;flex-direction:column;gap:0.15rem}/* Spalte 3:Aktionen */
.sTbl.sTblAdminBestPrice .sTbl1 > div:nth-child(1) > div:nth-child(3){display:flex !important;gap:0.5rem !important;justify-content:flex-end !important;grid-area:auto !important}/* Inaktive Einträge */
.sTbl.sTblAdminBestPrice .sTbl1.sTblRowInaktiv > div:nth-child(1){opacity:0.6}/* Leerzustand */
.sTbl.sTblAdminBestPrice .sTblEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--color-text-light, #666)}.sTbl.sTblAdminBestPrice .sTblEmpty .iconsLine{font-size:3rem;margin-bottom:0.5rem;opacity:0.4}/* Filter-Toggle-Bereich */
.vmFilterToggleArea{display:flex;align-items:center;gap:1rem}/* Responsive */
@media (max-width:768px){.sTbl.sTblAdminBestPrice .sTbl1 > div:nth-child(1){grid-template-columns:1fr !important}.sTbl.sTblAdminBestPrice .sTbl1 > div:nth-child(1) > div:nth-child(3){justify-content:flex-start !important}}/* ============================================================================ * TERMINE VERWALTUNG TABELLE * ============================================================================ */ /* Grid-Layout für Termine-Tabelle */
.sTbl.sTblAdminTermine .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) 200px auto !important;grid-template-areas:none !important;gap:1rem !important;align-items:start !important}/* Spalte 1:Icon + Termininfos */
.sTbl.sTblAdminTermine .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:auto !important}/* Content neben Icon */
.sTbl.sTblAdminTermine .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.5rem}/* Name + Status-Badges */
.sTbl.sTblAdminTermine .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Meta-Infos */
.sTbl.sTblAdminTermine .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTbl.sTblAdminTermine .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 2:Termine/Fristen */
.sTbl.sTblAdminTermine .sTbl1 > div:nth-child(1) > div.sTblTerminDaten{display:flex !important;flex-direction:column !important;gap:0.35rem !important;grid-area:auto !important;font-size:0.9em}.sTbl.sTblAdminTermine .sTbl1 > div:nth-child(1) > div.sTblTerminDaten > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 3:Aktionen */
.sTbl.sTblAdminTermine .sTbl1 > div:nth-child(1) > div.sTblTerminActions{display:flex !important;flex-direction:column !important;gap:0.5rem !important;justify-content:flex-start !important;align-items:flex-end !important;grid-area:auto !important;min-width:120px !important}/* Aktions-Zeilen */
.sTblTerminActionsRow{display:flex;gap:0.5rem;justify-content:flex-end}/* Leerzustand */
.sTbl.sTblAdminTermine .sTblEmpty,
.sTbl.sTblAdminAnmeldungen .sTblEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--color-text-light, #666)}.sTbl.sTblAdminTermine .sTblEmpty .iconsLine,
.sTbl.sTblAdminAnmeldungen .sTblEmpty .iconsLine{font-size:3rem;margin-bottom:0.5rem;opacity:0.4}/* ============================================================================ * ANMELDUNGEN TABELLE * ============================================================================ */ /* Grid-Layout für Anmeldungen-Tabelle */
.sTbl.sTblAdminAnmeldungen .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) 180px 50px !important;grid-template-areas:none !important;gap:1rem !important;align-items:start !important}/* Spalte 1:Avatar + Infos */
.sTbl.sTblAdminAnmeldungen .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:auto !important}/* Content neben Avatar */
.sTbl.sTblAdminAnmeldungen .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.5rem}/* Name + Badge */
.sTbl.sTblAdminAnmeldungen .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Meta-Infos */
.sTbl.sTblAdminAnmeldungen .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTbl.sTblAdminAnmeldungen .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 2:Teilnehmer */
.sTbl.sTblAdminAnmeldungen .sTbl1 > div:nth-child(1) > div.sTblAnmeldungTeiln{display:flex !important;flex-direction:column !important;gap:0.35rem !important;grid-area:auto !important;font-size:0.9em}.sTblTeilnListe{color:var(--color-text-light, #666);font-size:0.85em}/* Spalte 3:Aktionen */
.sTbl.sTblAdminAnmeldungen .sTbl1 > div:nth-child(1) > div:nth-child(3){display:flex !important;gap:0.5rem !important;justify-content:flex-end !important;grid-area:auto !important}/* Responsive */
@media (max-width:768px){.sTbl.sTblAdminTermine .sTbl1 > div:nth-child(1), .sTbl.sTblAdminAnmeldungen .sTbl1 > div:nth-child(1){grid-template-columns:1fr !important}.sTbl.sTblAdminTermine .sTbl1 > div:nth-child(1) > div.sTblTerminActions{align-items:flex-start !important;min-width:auto !important}.sTblTerminActionsRow{justify-content:flex-start}.sTbl.sTblAdminAnmeldungen .sTbl1 > div:nth-child(1) > div:nth-child(3){justify-content:flex-start !important}}/* ============================================================================ * GESCHÄFTSBERICHTE VERWALTUNG * ============================================================================ */ /* Grid-Layout für Geschäftsbericht-Tabelle */
.sTbl.sTblAdminGeschaeftsbericht .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) 150px auto !important;grid-template-areas:none !important;gap:1rem !important;align-items:start !important}/* Spalte 1:Icon + Infos */
.sTbl.sTblAdminGeschaeftsbericht .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:auto !important}/* Content neben Icon */
.sTbl.sTblAdminGeschaeftsbericht .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.5rem}/* Name + Status-Badges */
.sTbl.sTblAdminGeschaeftsbericht .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Meta-Infos */
.sTbl.sTblAdminGeschaeftsbericht .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTbl.sTblAdminGeschaeftsbericht .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 2:Statistik */
.sTbl.sTblAdminGeschaeftsbericht .sTbl1 > div:nth-child(1) > div.sTblGbStats{display:flex !important;align-items:center !important;gap:1rem !important;grid-area:auto !important;font-size:0.9em}/* Spalte 3:Aktionen */
.sTbl.sTblAdminGeschaeftsbericht .sTbl1 > div:nth-child(1) > div.sTblGbActions{display:flex !important;flex-wrap:wrap !important;gap:0.5rem !important;justify-content:flex-end !important;grid-area:auto !important}/* Statistik-Tabelle */
.sTbl.sTblAdminGbStatistik .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) 180px !important;grid-template-areas:none !important;gap:1rem !important;align-items:center !important}/* Spalte 1:Avatar + Infos */
.sTbl.sTblAdminGbStatistik .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:auto !important}/* Content neben Avatar */
.sTbl.sTblAdminGbStatistik .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.5rem}/* Name */
.sTbl.sTblAdminGbStatistik .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Meta-Infos */
.sTbl.sTblAdminGbStatistik .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTbl.sTblAdminGbStatistik .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 2:Datum */
.sTbl.sTblAdminGbStatistik .sTbl1 > div:nth-child(1) > div.sTblStatDatum{display:flex !important;align-items:center !important;gap:0.5rem !important;grid-area:auto !important;font-size:0.9em;color:var(--color-text-light, #666)}.sTbl.sTblAdminGbStatistik .sTbl1 > div:nth-child(1) > div.sTblStatDatum .iconsLine{font-size:1.1rem}/* Responsive */
@media (max-width:768px){.sTbl.sTblAdminGeschaeftsbericht .sTbl1 > div:nth-child(1), .sTbl.sTblAdminGbStatistik .sTbl1 > div:nth-child(1){grid-template-columns:1fr !important}.sTbl.sTblAdminGeschaeftsbericht .sTbl1 > div:nth-child(1) > div.sTblGbActions{justify-content:flex-start !important}}/* ============================================================================ * RUNDSCHREIBEN VERWALTUNG * ============================================================================ */ /* Grid-Layout für Rundschreiben-Tabelle */
.sTbl.sTblAdminRundschreiben .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) 150px 90px !important;grid-template-areas:none !important;gap:1rem !important;align-items:start !important}/* Spalte 1:Icon + Infos */
.sTbl.sTblAdminRundschreiben .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:auto !important}/* Content neben Icon */
.sTbl.sTblAdminRundschreiben .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.5rem}/* Name + Status-Badges */
.sTbl.sTblAdminRundschreiben .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Meta-Infos */
.sTbl.sTblAdminRundschreiben .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTbl.sTblAdminRundschreiben .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Spalte 2:Statistik */
.sTbl.sTblAdminRundschreiben .sTbl1 > div:nth-child(1) > div.sTblRsStats{display:flex !important;align-items:center !important;gap:1rem !important;grid-area:auto !important;font-size:0.9em}/* Spalte 3:Aktionen */
.sTbl.sTblAdminRundschreiben .sTbl1 > div:nth-child(1) > div.sTblRsActions{display:flex !important;flex-direction:column !important;gap:0.5rem !important;justify-content:flex-start !important;align-items:flex-end !important;grid-area:auto !important;min-width:90px !important}/* Aktions-Zeilen */
.sTblRsActionsRow{display:flex;gap:0.5rem;justify-content:flex-end}/* Statistik-Tabelle - nutzt die gleichen Styles wie Geschäftsberichte */
.sTbl.sTblAdminRsStatistik .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) 180px !important;grid-template-areas:none !important;gap:1rem !important;align-items:center !important}.sTbl.sTblAdminRsStatistik .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:auto !important}.sTbl.sTblAdminRsStatistik .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.5rem}.sTbl.sTblAdminRsStatistik .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}.sTbl.sTblAdminRsStatistik .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2){display:flex;flex-direction:column;gap:0.25rem;font-size:0.9em}.sTbl.sTblAdminRsStatistik .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}/* Responsive */
@media (max-width:768px){.sTbl.sTblAdminRundschreiben .sTbl1 > div:nth-child(1), .sTbl.sTblAdminRsStatistik .sTbl1 > div:nth-child(1){grid-template-columns:1fr !important}.sTbl.sTblAdminRundschreiben .sTbl1 > div:nth-child(1) > div.sTblRsActions{align-items:flex-start !important;min-width:auto !important}.sTblRsActionsRow{justify-content:flex-start}}/* ============================================================================ * EINKAUFSGRUPPEN ZUORDNUNG * ============================================================================ */ /* Grid-Layout für Einkaufsgruppen-Tabelle */
.sTbl.sTblAdminEinkaufsgruppen .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) auto !important;grid-template-areas:none !important;gap:1rem !important;align-items:center !important}/* Spalte 1:Icon + Infos */
.sTbl.sTblAdminEinkaufsgruppen .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:auto !important}/* Content neben Icon */
.sTbl.sTblAdminEinkaufsgruppen .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;gap:2rem;flex-wrap:wrap}/* Lieferant/Mitglied Blöcke */
.sTbl.sTblAdminEinkaufsgruppen .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div{display:flex;flex-direction:column;gap:0.25rem}/* Spalte 2:Aktionen */
.sTbl.sTblAdminEinkaufsgruppen .sTbl1 > div:nth-child(1) > div:nth-child(2){display:flex !important;gap:0.5rem !important;justify-content:flex-end !important;grid-area:auto !important}/* Responsive */
@media (max-width:768px){.sTbl.sTblAdminEinkaufsgruppen .sTbl1 > div:nth-child(1){grid-template-columns:1fr !important}.sTbl.sTblAdminEinkaufsgruppen .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){flex-direction:column;gap:0.75rem}.sTbl.sTblAdminEinkaufsgruppen .sTbl1 > div:nth-child(1) > div:nth-child(2){justify-content:flex-start !important}}/* ============================================================================ * NEWS VERWALTUNG * ============================================================================ */ /* Grid-Layout für News-Tabelle */
.sTbl.sTblAdminNews .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) auto !important;grid-template-areas:none !important;gap:1rem !important;align-items:start !important}/* Spalte 1:Icon + Infos */
.sTbl.sTblAdminNews .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:auto !important}/* Content neben Icon */
.sTbl.sTblAdminNews .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.35rem}/* Header mit Badge */
.sTblNewsHeader{display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap}/* Datum */
.sTblNewsDate{display:flex;gap:0.25rem;align-items:center;color:#666;font-size:0.875rem}/* Text-Vorschau */
.sTblNewsText{color:#666;font-size:0.9rem;line-height:1.4;margin-top:0.25rem}/* Spalte 2:Aktionen */
.sTblNewsActions{display:flex !important;gap:0.5rem !important;justify-content:flex-end !important;grid-area:auto !important}/* Responsive */
@media (max-width:768px){.sTbl.sTblAdminNews .sTbl1 > div:nth-child(1){grid-template-columns:1fr !important}.sTblNewsActions{justify-content:flex-start !important}}/* ============================================================================ * DATENÜBERSICHT * ============================================================================ */ /* Zweispaltiges Grid für Datenübersicht */
.datenuebersichtGrid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}/* Statistik-Listen in boxed */
.statsList{display:flex;flex-direction:column}.statsList > div{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;border-bottom:1px solid #f0f0f0}.statsList > div:last-child{border-bottom:none}.statsList > div > span{color:#555}.statsList > div > strong{font-size:1.1rem;color:#333}/* Responsive */
@media (max-width:992px){.datenuebersichtGrid{grid-template-columns:1fr}}/* ============================================================================ * BILDERGALERIEN VERWALTUNG * ============================================================================ */ /* Tabellen-Layout für Bildergalerien */
.sTbl.sTblAdminBildergalerien .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) auto !important;grid-template-areas:none !important;gap:1rem !important;align-items:start !important}/* Spalte 1:Icon + Infos */
.sTbl.sTblAdminBildergalerien .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:auto !important}/* Content neben Icon */
.sTbl.sTblAdminBildergalerien .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.35rem}/* Header */
.sTblGalerieHeader{display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap}/* Info-Zeile */
.sTblGalerieInfo{display:flex;gap:0.5rem;align-items:center;font-size:0.9rem}/* Pfad-Anzeige */
.sTblGaleriePfad{display:flex;gap:0.25rem;align-items:center;font-size:0.85rem;word-break:break-all}/* Spalte 2:Aktionen */
.sTblGalerieActions{display:flex !important;gap:0.5rem !important;justify-content:flex-end !important;grid-area:auto !important}/* Responsive */
@media (max-width:768px){.sTbl.sTblAdminBildergalerien .sTbl1 > div:nth-child(1){grid-template-columns:1fr !important}.sTblGalerieActions{justify-content:flex-start !important}}/* ============================================================================ * KONTAKTGRUPPEN VERWALTUNG * ============================================================================ */ /* Tabellen-Layout für Kontaktgruppen */
.sTbl.sTblAdminKontaktGruppen .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(300px, 1fr) minmax(200px, 300px) auto !important;grid-template-areas:none !important;gap:1.5rem !important;align-items:start !important}/* Spalte 1:Icon + Infos */
.sTbl.sTblAdminKontaktGruppen .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:unset !important}/* Spalte 2:Empfänger */
.sTbl.sTblAdminKontaktGruppen .sTbl1 > div:nth-child(1) > div:nth-child(2){grid-area:unset !important}/* Spalte 3:Aktionen */
.sTbl.sTblAdminKontaktGruppen .sTbl1 > div:nth-child(1) > div:nth-child(3){grid-area:unset !important}/* Content neben Icon */
.sTbl.sTblAdminKontaktGruppen .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.35rem}/* Header mit Badge */
.sTblGruppeHeader{display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Sortierungs-Badge */
.tblIndicatorSort{background-color:#607d8b;color:#fff;font-size:0.75rem;padding:0.15rem 0.4rem;border-radius:3px}/* Info-Zeilen */
.sTblGruppeInfo{display:flex;flex-direction:column;gap:0.15rem;font-size:0.9rem}/* Kontaktdaten */
.sTblGruppeKontakt{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;font-size:0.85rem;color:#666;margin-top:0.25rem}.sTblGruppeKontakt > span{display:flex;gap:0.25rem;align-items:center}/* Spalte 2:Empfänger */
.sTblGruppeEmpfaenger{display:flex;flex-direction:column;gap:0.35rem;font-size:0.85rem;background:#f8f9fa;padding:0.75rem;border-radius:6px;border-left:3px solid #3498db}.sTblGruppeEmpfaenger .sTblLabel{font-weight:600;color:#333;margin-bottom:0.25rem}.sTblEmpfaenger{display:flex;gap:0.35rem;align-items:center;color:#555;padding:0.15rem 0}.sTblEmpfaengerExtern{color:#e74c3c;font-style:italic}/* Leerer Zustand */
.sTblGruppeEmpfaenger:empty{display:none}/* Spalte 3:Aktionen */
.sTblGruppeActions{display:flex !important;gap:0.5rem !important;justify-content:flex-end !important;grid-area:auto !important}/* Formular:Externe Empfänger Grid */
.formrowsExternEmpfaenger > div{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.formrowsExternEmpfaenger .formrowsHeader{font-weight:600;color:#555;padding-bottom:0.5rem;border-bottom:1px solid #eee;margin-bottom:0.5rem}/* Responsive */
@media (max-width:992px){.sTbl.sTblAdminKontaktGruppen .sTbl1 > div:nth-child(1){grid-template-columns:minmax(0, 1fr) auto !important}.sTblGruppeEmpfaenger{display:none}}@media (max-width:768px){.sTbl.sTblAdminKontaktGruppen .sTbl1 > div:nth-child(1){grid-template-columns:1fr !important}.sTblGruppeActions{justify-content:flex-start !important}.formrowsExternEmpfaenger > div{grid-template-columns:1fr}}/* ============================================================================ * KONTAKTPERSONEN VERWALTUNG * ============================================================================ */ /* Tabellen-Layout für Kontaktpersonen */
.sTbl.sTblAdminKontaktPersonen .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(300px, 1fr) minmax(180px, 280px) auto !important;grid-template-areas:none !important;gap:1.5rem !important;align-items:start !important}/* Spalte 1:Icon + Infos */
.sTbl.sTblAdminKontaktPersonen .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:unset !important}/* Spalte 2:Gruppen */
.sTbl.sTblAdminKontaktPersonen .sTbl1 > div:nth-child(1) > div:nth-child(2){grid-area:unset !important}/* Spalte 3:Aktionen */
.sTbl.sTblAdminKontaktPersonen .sTbl1 > div:nth-child(1) > div:nth-child(3){grid-area:unset !important}/* Content neben Icon */
.sTbl.sTblAdminKontaktPersonen .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.35rem}/* Header mit Sort-Badge */
.sTblPersonHeader{display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap}/* Position */
.sTblPersonPosition{color:#555;font-size:0.9rem}/* Kontaktdaten */
.sTblPersonKontakt{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;font-size:0.85rem;color:#666}.sTblPersonKontakt > span{display:flex;gap:0.25rem;align-items:center}/* PLZ-Anzeige */
.sTblPersonPlz{display:flex;gap:0.25rem;align-items:center;font-size:0.85rem;color:#e74c3c;margin-top:0.25rem}/* Spalte 2:Gruppen */
.sTblPersonGruppen{display:flex;flex-direction:column;gap:0.35rem;font-size:0.85rem;background:#f8f9fa;padding:0.75rem;border-radius:6px;border-left:3px solid #27ae60}.sTblPersonGruppen .sTblLabel{font-weight:600;color:#333;margin-bottom:0.25rem}.sTblPersonGruppe{display:flex;gap:0.35rem;align-items:center;color:#555;padding:0.15rem 0}.sTblGruppePlz{color:#e74c3c;font-style:italic}/* Leerer Zustand */
.sTblPersonGruppen:empty{display:none}/* Spalte 3:Aktionen */
.sTblPersonActions{display:flex !important;gap:0.5rem !important;justify-content:flex-end !important;grid-area:auto !important}/* Formular:Gruppen-Zeilen */
.formrowsGruppen .gruppenZeile{display:grid !important;grid-template-columns:1fr auto !important;gap:2rem !important;align-items:center !important;margin-bottom:0.5rem}.formrowsGruppen .gruppenZeile select{min-width:250px}.formrowsGruppen .gruppenZeile > div:nth-child(2){padding-left:1rem}.formrowsGruppen .gruppenZeile .vmCheckboxLabel{white-space:nowrap}/* PLZ-Regionen Grid */
.plzRegionenGrid{display:flex;flex-wrap:wrap;gap:1rem}.plzRegionenGrid .vmCheckboxLabel{min-width:60px}/* Responsive */
@media (max-width:992px){.sTbl.sTblAdminKontaktPersonen .sTbl1 > div:nth-child(1){grid-template-columns:minmax(0, 1fr) auto !important}.sTblPersonGruppen{display:none}}@media (max-width:768px){.sTbl.sTblAdminKontaktPersonen .sTbl1 > div:nth-child(1){grid-template-columns:1fr !important}.sTblPersonActions{justify-content:flex-start !important}.formrowsGruppen .gruppenZeile{grid-template-columns:1fr}}/* ============================================================================ * LIEFERANTENSCHNITTSTELLE VERWALTUNG * ============================================================================ */ /* Tabellen-Layout für Lieferantenschnittstelle */
.sTbl.sTblAdminLieferantenschnittstelle .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) auto !important;grid-template-areas:none !important;gap:1rem !important;align-items:start !important}/* Spalte 1:Icon + Infos */
.sTbl.sTblAdminLieferantenschnittstelle .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:unset !important}/* Spalte 2:Aktionen */
.sTbl.sTblAdminLieferantenschnittstelle .sTbl1 > div:nth-child(1) > div:nth-child(2){grid-area:unset !important}/* Content neben Icon */
.sTbl.sTblAdminLieferantenschnittstelle .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.35rem}/* Header mit Badge */
.sTblSchnittstelleHeader{display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap}/* Info-Zeile */
.sTblSchnittstelleInfo{display:flex;gap:1rem;flex-wrap:wrap;font-size:0.9rem}/* Pfad-Anzeige */
.sTblSchnittstellePfad{display:flex;gap:0.25rem;align-items:center;font-size:0.85rem;color:#666;word-break:break-all}/* Aktionen */
.sTblSchnittstelleActions{display:flex !important;gap:0.5rem !important;justify-content:flex-end !important}/* Responsive */
@media (max-width:768px){.sTbl.sTblAdminLieferantenschnittstelle .sTbl1 > div:nth-child(1){grid-template-columns:1fr !important}.sTblSchnittstelleActions{justify-content:flex-start !important}}/* ============================================================================ * EXTERNE BELEGUPLOADS VERWALTUNG * ============================================================================ */ /* Tabellen-Layout für Beleguploads */
.sTbl.sTblAdminBeleguploads .sTbl1 > div:nth-child(1){display:grid !important;grid-template-columns:minmax(0, 1fr) auto !important;grid-template-areas:none !important;gap:1rem !important;align-items:start !important}/* Spalte 1:Icon + Infos */
.sTbl.sTblAdminBeleguploads .sTbl1 > div:nth-child(1) > div:nth-child(1){display:flex !important;gap:1rem !important;align-items:start !important;grid-area:unset !important}/* Spalte 2:Aktionen */
.sTbl.sTblAdminBeleguploads .sTbl1 > div:nth-child(1) > div:nth-child(2){grid-area:unset !important}/* Content neben Icon */
.sTbl.sTblAdminBeleguploads .sTbl1 > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){display:flex;flex-direction:column;gap:0.35rem}/* Header mit Badges */
.sTblBelegHeader{display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap}/* Info-Zeile */
.sTblBelegInfo{display:flex;gap:1rem;flex-wrap:wrap;font-size:0.9rem}/* Optionen-Tags */
.sTblBelegOptionen{display:flex;gap:0.35rem;flex-wrap:wrap;margin-top:0.25rem}/* Tag-Styling */
.sTblTag{display:inline-block;padding:0.15rem 0.5rem;background-color:var(--color-table-background1, #f0f0f0);border-radius:4px;font-size:0.75rem;color:var(--color-text-light, #666)}/* Aktionen */
.sTblBelegActions{display:flex !important;gap:0.5rem !important;justify-content:flex-end !important}/* Empfänger-Zeilen */
.formrowsEmpfaenger .empfaengerZeile{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:center;margin-bottom:0.5rem}/* Responsive */
@media (max-width:768px){.sTbl.sTblAdminBeleguploads .sTbl1 > div:nth-child(1){grid-template-columns:1fr !important}.sTblBelegActions{justify-content:flex-start !important}.formrowsEmpfaenger .empfaengerZeile{grid-template-columns:1fr}}/* ============================================================================ * AUTOMATISCHER DATENIMPORT * ============================================================================ */ /* Zweispaltiges Grid für Datenimport */
.datenimportGrid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}/* Liste der Import-Einträge */
.datenimportListe{display:flex;flex-direction:column}/* Einzelner Eintrag */
.datenimportEintrag{display:flex;flex-direction:column;gap:0.25rem;padding:0.75rem 0;border-bottom:1px solid #f0f0f0}.datenimportEintrag:last-child{border-bottom:none}/* Name des Imports */
.datenimportName{font-weight:500;color:#333}/* Meta-Informationen */
.datenimportMeta{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:0.85rem;color:#666}.datenimportMeta > span{display:flex;gap:0.25rem;align-items:center}.datenimportDatum{color:#666}.datenimportAnzahl{color:#27ae60;font-weight:500}/* Responsive */
@media (max-width:992px){.datenimportGrid{grid-template-columns:1fr}}