/*
 * Datei: eo-lite2_actionAdmin.css
 * Version: 1.1.0
 * Stand: 11.09.2026 16:24
 * Projekt: Teweon24
 *
 * NEU: 11.09.2026 16:24
 * - Kompakte Aktionsliste und Statusfilter mit Zähler.
 * - Eigene Darstellung für archivierte Aktionen.
 * - Klare Aktionsbuttons zum Archivieren, Reaktivieren und endgültigen Löschen.
 *
 * UPDATE: 11.09.2026 16:14
 * - Direkter „Auswahl speichern“-Button an der Teilegruppenliste.
 * - Sichtbarer Status für ungespeicherte, gespeicherte und fehlerhafte Änderungen.
 * - Manuelle tgrp-Ergänzung optisch klar von der Listen-Auswahl getrennt.
 *
 * UPDATE: 11.09.2026 16:03
 * - Vollständige tgrp-Bezeichnungen ohne Ellipsis; lange Werte umbrechen.
 * - Teilegruppen-Auswahl als stabile Auswahlkarten mit eigenem Häkchen.
 * - Modal selbst scrollt nicht mehr; Sidebar und Hauptbereich besitzen ihre
 *   eigenen kontrollierten Scrollbereiche.
 *
 * NEU: 11.09.2026 15:45
 * - Layout und Statusdarstellung der Mitarbeiter-Aktionsverwaltung.
 */

/* UPDATE: 11.09.2026 16:03 - Der Bootstrap-Modalcontainer selbst darf nicht
   mehr mitscrollen. Alle vertikalen Bewegungen bleiben in den vorgesehenen
   inneren Bereichen. */
#myModalActionAdmin {
   overflow: hidden !important;
}

#myModalActionAdmin .tw24aa-dialog {
   height: calc(100vh - 32px);
   max-width: calc(100vw - 32px);
   margin: 16px auto;
}

#myModalActionAdmin .tw24aa-modal {
   height: 100%;
   min-height: 650px;
   overflow: hidden;
}

#myModalActionAdmin .tw24aa-header {
   padding: 12px 18px;
   align-items: center;
}

#myModalActionAdmin .tw24aa-header-actions {
   display: flex;
   align-items: center;
}

#myModalActionAdmin .tw24aa-subtitle {
   margin-top: 2px;
   color: #6c757d;
   font-size: .82rem;
}

#myModalActionAdmin .tw24aa-body {
   display: flex;
   flex-direction: column;
   min-height: 0;
   padding: 12px 14px;
   overflow: hidden;
}

#myModalActionAdmin .tw24aa-message {
   display: none;
   margin: 0;
   padding: 7px 16px;
   border-bottom: 1px solid transparent;
   font-size: .85rem;
}

#myModalActionAdmin .tw24aa-message.is-visible {
   display: block;
}

#myModalActionAdmin .tw24aa-message.is-success {
   background: #e8f5e9;
   border-color: #badbcc;
   color: #175c2d;
}

#myModalActionAdmin .tw24aa-message.is-error {
   background: #fff0f0;
   border-color: #f0b8b8;
   color: #8f1f1f;
}

#myModalActionAdmin .tw24aa-message.is-info {
   background: #eef8fb;
   border-color: #b9dce6;
   color: #225f76;
}

#myModalActionAdmin .tw24aa-legend {
   display: flex;
   flex-wrap: wrap;
   gap: 14px 24px;
   margin-bottom: 10px;
   padding: 7px 10px;
   border: 1px solid #d6e4ea;
   border-radius: 7px;
   background: #f8fbfc;
   font-size: .78rem;
}

#myModalActionAdmin .tw24aa-legend-item {
   display: inline-flex;
   align-items: center;
}

#myModalActionAdmin .tw24aa-dot {
   width: 10px;
   height: 10px;
   margin-right: 6px;
   border-radius: 50%;
}

#myModalActionAdmin .tw24aa-dot.is-scope {
   background: #1ca1c1;
}

#myModalActionAdmin .tw24aa-gift {
   margin-right: 5px;
   font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
}

#myModalActionAdmin .tw24aa-layout {
   display: grid;
   grid-template-columns: minmax(245px, 300px) minmax(0, 1fr);
   gap: 12px;
   min-height: 0;
   flex: 1 1 auto;
}

#myModalActionAdmin .tw24aa-sidebar,
#myModalActionAdmin .tw24aa-main {
   min-height: 0;
   border: 1px solid #d9e0e4;
   border-radius: 8px;
   background: #fff;
}

#myModalActionAdmin .tw24aa-sidebar {
   display: flex;
   flex-direction: column;
   overflow: hidden;
}

#myModalActionAdmin .tw24aa-sidebar-toolbar {
   display: grid;
   gap: 8px;
   padding: 10px;
   border-bottom: 1px solid #e3e7ea;
   background: #f7f9fa;
}

#myModalActionAdmin .tw24aa-action-list {
   overflow: auto;
   padding: 7px;
}

#myModalActionAdmin .tw24aa-action-item {
   display: block;
   width: 100%;
   margin: 0 0 7px;
   padding: 9px 10px;
   border: 1px solid #dde3e6;
   border-radius: 7px;
   background: #fff;
   color: #25333a;
   text-align: left;
   cursor: pointer;
}

#myModalActionAdmin .tw24aa-action-item:hover {
   border-color: #8fc9d8;
   background: #f7fcfd;
}

#myModalActionAdmin .tw24aa-action-item.is-selected {
   border-color: #1ca1c1;
   box-shadow: inset 3px 0 0 #1ca1c1;
   background: #f0fafc;
}

#myModalActionAdmin .tw24aa-action-item-top {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
}

#myModalActionAdmin .tw24aa-action-name {
   display: block;
   margin-top: 3px;
   font-size: .84rem;
   line-height: 1.25;
}

#myModalActionAdmin .tw24aa-action-meta {
   display: block;
   margin-top: 5px;
   color: #74838b;
   font-size: .7rem;
   line-height: 1.25;
}

#myModalActionAdmin .tw24aa-list-empty,
#myModalActionAdmin .tw24aa-empty,
#myModalActionAdmin .tw24aa-table-empty,
#myModalActionAdmin .tw24aa-group-empty {
   padding: 22px;
   color: #7b878d;
   text-align: center;
}

#myModalActionAdmin .tw24aa-main {
   overflow: auto;
   padding: 10px;
}

#myModalActionAdmin .tw24aa-card {
   margin-bottom: 11px;
   border: 1px solid #dce2e5;
   border-radius: 8px;
   background: #fff;
   overflow: hidden;
}

#myModalActionAdmin .tw24aa-card-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   padding: 9px 11px;
   border-bottom: 1px solid #e1e6e9;
   background: #f7f9fa;
}

#myModalActionAdmin .tw24aa-card-header h5 {
   margin: 0;
   font-size: 1rem;
}

#myModalActionAdmin .tw24aa-card-header small {
   display: block;
   margin-top: 2px;
   color: #758188;
}

#myModalActionAdmin .tw24aa-card-actions {
   display: flex;
   align-items: center;
   flex: 0 0 auto;
}

#myModalActionAdmin #tw24AaActionForm {
   padding: 11px;
}

#myModalActionAdmin .form-group label {
   margin-bottom: 3px;
   font-size: .76rem;
   font-weight: 500;
}

#myModalActionAdmin .tw24aa-check-wrap {
   display: flex;
   align-items: center;
   padding-top: 22px;
}

#myModalActionAdmin .tw24aa-inline-editor {
   margin: 10px;
   padding: 10px;
   border: 1px solid #acd5df;
   border-radius: 7px;
   background: #f4fbfd;
}

#myModalActionAdmin .tw24aa-inline-editor-footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   padding-top: 4px;
}

#myModalActionAdmin .tw24aa-table {
   font-size: .77rem;
}

#myModalActionAdmin .tw24aa-table th {
   white-space: nowrap;
   background: #fbfcfc;
}

#myModalActionAdmin .tw24aa-table td {
   vertical-align: middle;
}

#myModalActionAdmin .tw24aa-row-inactive {
   opacity: .58;
}

#myModalActionAdmin .tw24aa-status,
#myModalActionAdmin .tw24aa-pill {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 20px;
   padding: 1px 7px;
   border: 1px solid transparent;
   border-radius: 999px;
   white-space: nowrap;
   font-size: .68rem;
   font-weight: 700;
}

#myModalActionAdmin .tw24aa-status.is-active {
   border-color: #9fd5ad;
   background: #e7f6eb;
   color: #246437;
}

#myModalActionAdmin .tw24aa-status.is-inactive,
#myModalActionAdmin .tw24aa-status.is-expired {
   border-color: #d0d4d7;
   background: #f1f3f4;
   color: #6b7479;
}

#myModalActionAdmin .tw24aa-status.is-future {
   border-color: #a9cbe4;
   background: #edf6fc;
   color: #346a8c;
}

#myModalActionAdmin .tw24aa-pill.is-hint {
   border-color: #9fcfdf;
   background: #edf8fb;
   color: #225f76;
}

#myModalActionAdmin .tw24aa-pill.is-all {
   border-color: #efc36d;
   background: #fff7e6;
   color: #8a5a00;
}

#myModalActionAdmin .tw24aa-pill.is-groups {
   border-color: #c9b2dc;
   background: #f6f0fa;
   color: #68447d;
}

#myModalActionAdmin .tw24aa-scope-actions {
   white-space: nowrap;
}

#myModalActionAdmin .tw24aa-scope-actions .btn + .btn {
   margin-left: 4px !important;
}

#myModalActionAdmin #tw24AaGroupSection {
   padding-bottom: 10px;
}

#myModalActionAdmin #tw24AaAllArticlesInfo {
   margin: 10px 10px 0;
   font-size: .78rem;
}

#myModalActionAdmin .tw24aa-group-toolbar {
   display: grid;
   grid-template-columns: minmax(180px, 1fr) auto auto minmax(165px, auto) auto;
   gap: 7px;
   align-items: center;
   padding: 10px;
}

#myModalActionAdmin .tw24aa-group-count {
   min-width: 115px;
   color: #66747b;
   font-size: .75rem;
   text-align: right;
}


/* NEU: 11.09.2026 16:14 - Rückmeldung bleibt direkt an der Teilegruppenpflege sichtbar. */
#myModalActionAdmin .tw24aa-group-status {
   display: none;
   margin: 0 10px 8px;
   padding: 7px 10px;
   border: 1px solid transparent;
   border-radius: 5px;
   font-size: .74rem;
   line-height: 1.3;
}

#myModalActionAdmin .tw24aa-group-status.is-visible {
   display: block;
}

#myModalActionAdmin .tw24aa-group-status.is-info {
   border-color: #b9dce5;
   background: #f1fafc;
   color: #386976;
}

#myModalActionAdmin .tw24aa-group-status.is-success {
   border-color: #b9dfc2;
   background: #f0fbf3;
   color: #2f6d3e;
}

#myModalActionAdmin .tw24aa-group-status.is-error {
   border-color: #efb9b9;
   background: #fff4f4;
   color: #9a2d2d;
}

#myModalActionAdmin .tw24aa-save-groups-btn:disabled {
   cursor: wait;
   opacity: .72;
}

#myModalActionAdmin .tw24aa-manual-group {
   padding: 0 10px 8px;
}

#myModalActionAdmin .tw24aa-manual-group label {
   margin-bottom: 3px;
   font-size: .74rem;
   font-weight: 500;
}

#myModalActionAdmin .tw24aa-group-list {
   display: grid;
   /* UPDATE: 11.09.2026 16:03 - Weniger Spalten, dafür vollständige Namen. */
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 6px;
   max-height: 370px;
   margin: 0 10px;
   padding: 7px;
   overflow: auto;
   border: 1px solid #dde3e6;
   border-radius: 6px;
   background: #fbfcfc;
}

#myModalActionAdmin .tw24aa-group-row {
   display: grid;
   grid-template-columns: 24px minmax(0, 1fr) auto;
   align-items: center;
   gap: 7px;
   width: 100%;
   min-height: 40px;
   margin: 0;
   padding: 7px 9px;
   border: 1px solid #e1e5e7;
   border-radius: 5px;
   background: #fff;
   color: #25333a;
   text-align: left;
   cursor: pointer;
   appearance: none;
   -webkit-appearance: none;
}

#myModalActionAdmin .tw24aa-group-row:hover {
   border-color: #a9d0db;
   background: #f7fcfd;
}

#myModalActionAdmin .tw24aa-group-row:focus {
   outline: none;
   border-color: #1ca1c1;
   box-shadow: 0 0 0 2px rgba(28, 161, 193, .12);
}

#myModalActionAdmin .tw24aa-group-row.is-selected {
   border-color: #1ca1c1;
   background: #eef9fb;
   box-shadow: inset 3px 0 0 #1ca1c1;
}

#myModalActionAdmin .tw24aa-group-checkmark {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 20px;
   height: 20px;
   border: 1px solid #bac6cc;
   border-radius: 4px;
   background: #fff;
   color: #fff;
   font-size: .78rem;
   font-weight: 700;
   line-height: 1;
}

#myModalActionAdmin .tw24aa-group-row.is-selected .tw24aa-group-checkmark {
   border-color: #1ca1c1;
   background: #1ca1c1;
}

#myModalActionAdmin .tw24aa-group-name {
   min-width: 0;
   overflow: visible;
   text-overflow: clip;
   white-space: normal;
   overflow-wrap: anywhere;
   word-break: break-word;
   font-size: .77rem;
   font-weight: 500;
   line-height: 1.25;
}

#myModalActionAdmin .tw24aa-group-articles {
   align-self: start;
   padding-top: 2px;
   color: #7d888e;
   font-size: .68rem;
   white-space: nowrap;
}

#myModalActionAdmin .tw24aa-footer {
   padding: 8px 14px;
}

@media (max-width: 1200px) {
   #myModalActionAdmin .tw24aa-group-list {
      grid-template-columns: 1fr;
   }
}

@media (max-width: 900px) {
   #myModalActionAdmin .tw24aa-dialog {
      height: calc(100vh - 12px);
      max-width: calc(100vw - 12px);
      margin: 6px auto;
   }

   #myModalActionAdmin .tw24aa-modal {
      height: 100%;
      min-height: 0;
   }

   #myModalActionAdmin .tw24aa-layout {
      grid-template-columns: 1fr;
      overflow: auto;
   }

   #myModalActionAdmin .tw24aa-sidebar {
      max-height: 260px;
   }

   #myModalActionAdmin .tw24aa-main {
      overflow: visible;
   }

   #myModalActionAdmin .tw24aa-group-toolbar {
      grid-template-columns: 1fr 1fr;
   }
}


/* ==========================================================================
   NEU: 11.09.2026 16:24 - Aktionsauswahl, Filter und Archiv
   ========================================================================== */

#myModalActionAdmin .tw24aa-action-filters {
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
}

#myModalActionAdmin .tw24aa-filter {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   min-height: 25px;
   padding: 2px 7px;
   border: 1px solid #d7dfe3;
   border-radius: 999px;
   background: #fff;
   color: #5d6970;
   font-size: .66rem;
   font-weight: 600;
   line-height: 1;
   cursor: pointer;
}

#myModalActionAdmin .tw24aa-filter:hover {
   border-color: #94cbd8;
   background: #f5fbfc;
   color: #225f76;
}

#myModalActionAdmin .tw24aa-filter.is-active {
   border-color: #1ca1c1;
   background: #e9f7fa;
   color: #17657a;
}

#myModalActionAdmin .tw24aa-filter [data-filter-count] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 16px;
   height: 16px;
   padding: 0 4px;
   border-radius: 999px;
   background: rgba(0, 0, 0, .06);
   font-size: .61rem;
}

#myModalActionAdmin .tw24aa-action-list {
   padding: 5px;
}

#myModalActionAdmin .tw24aa-action-item {
   margin-bottom: 4px;
   padding: 7px 8px;
   border-radius: 6px;
}

#myModalActionAdmin .tw24aa-action-code {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-weight: 700;
}

#myModalActionAdmin .tw24aa-action-name {
   margin-top: 2px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: .78rem;
}

#myModalActionAdmin .tw24aa-action-meta {
   margin-top: 3px;
   font-size: .64rem;
}

#myModalActionAdmin .tw24aa-status.is-archived {
   border-color: #c8b8d7;
   background: #f5f0f8;
   color: #685078;
}

#myModalActionAdmin .tw24aa-form-status {
   display: flex;
   align-items: center;
   gap: 8px;
   min-height: 31px;
   padding: 4px 0;
}

#myModalActionAdmin .tw24aa-form-status small {
   color: #738087;
   line-height: 1.2;
}

#myModalActionAdmin #tw24AaDeleteAction:not([hidden]) {
   border-color: #dc3545;
}

#myModalActionAdmin #tw24AaArchiveAction:not([hidden]) {
   border-color: #87939a;
}

#myModalActionAdmin #tw24AaRestoreAction:not([hidden]) {
   border-color: #28a745;
}