/* /Components/Dashboard/TicketsKachel.razor.rz.scp.css */
/* Labels können umbrechen („Nicht zugewiesen“) — die Zahlen trotzdem auf einer Linie halten:
   Grid-Zellen sind gleich hoch, der Wert rutscht ans untere Ende. */
.tk-kpi[b-i6sb7rru28] { display: flex; flex-direction: column; }
.tk-kpi .kpi-value[b-i6sb7rru28] { margin-top: auto; padding-top: 8px; }
/* /Components/Dokumente/DokumentVorschaubild.razor.rz.scp.css */
.dv[b-0dtqxx3xqb] { position: relative; border-radius: 6px; overflow: hidden; background: var(--mud-palette-background-gray); display: grid; place-items: center; flex: none; }
.dv img[b-0dtqxx3xqb] { width: 100%; height: 100%; object-fit: cover; display: block; }
.dv[b-0dtqxx3xqb]  .dv-symbol { color: var(--mud-palette-text-secondary); }
.dv-endung[b-0dtqxx3xqb] { position: absolute; bottom: 4px; left: 0; right: 0; text-align: center; font-size: .6rem; font-weight: 700; color: var(--mud-palette-text-secondary); }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-x42yha9emc] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-x42yha9emc] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Logogröße der Marke in der vollen Seitenleiste. Rail- und Overlay-Regeln liegen in
   app.css ("Responsiver Rahmen") und überschreiben dies dort mit höherer Spezifität. */
.brand-logo[b-817axtj65q] {
    height: 48px;
    width: auto;
    object-fit: contain;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-rp643n5tcz],
.components-reconnect-repeated-attempt-visible[b-rp643n5tcz],
.components-reconnect-failed-visible[b-rp643n5tcz],
.components-pause-visible[b-rp643n5tcz],
.components-resume-failed-visible[b-rp643n5tcz],
.components-rejoining-animation[b-rp643n5tcz] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-rp643n5tcz],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-rp643n5tcz],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-rp643n5tcz],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-rp643n5tcz],
#components-reconnect-modal.components-reconnect-retrying[b-rp643n5tcz],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-rp643n5tcz],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-rp643n5tcz],
#components-reconnect-modal.components-reconnect-failed[b-rp643n5tcz],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-rp643n5tcz] {
    display: block;
}


#components-reconnect-modal[b-rp643n5tcz] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-rp643n5tcz 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-rp643n5tcz 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-rp643n5tcz 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-rp643n5tcz]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-rp643n5tcz 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-rp643n5tcz {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-rp643n5tcz {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-rp643n5tcz {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-rp643n5tcz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-rp643n5tcz] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-rp643n5tcz] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-rp643n5tcz] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-rp643n5tcz] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-rp643n5tcz] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-rp643n5tcz] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-rp643n5tcz 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-rp643n5tcz] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-rp643n5tcz {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Anrufe.razor.rz.scp.css */
/* Seite füllt genau die Höhe von .page-content (wie die Ticketdetails): Titel, Reiter und
   Filter bleiben stehen, nur die Tabelle bzw. die Statistik scrollt in sich. */
.an-seite[b-bwxrdf4xek] { height: 100%; display: flex; flex-direction: column; }
/* flex komplett festlegen: MudDivider (FullWidth) bringt flex-grow:1 mit und würde sonst die
   freie Höhe schlucken und alles darunter an den unteren Rand schieben. */
.an-seite[b-bwxrdf4xek]  > * { flex: 0 0 auto; }

/* So hoch wie die Zeilen (kein leerer Kasten bei wenigen Anrufen), schrumpft bei vielen Zeilen
   auf den verfügbaren Platz und scrollt dann in sich. Bewusst keine Mindesthöhe – die würde
   bei wenigen Zeilen den Kasten künstlich aufziehen. */
.an-seite[b-bwxrdf4xek]  > .an-tabelle { flex: 0 1 auto; min-height: 0; }
.an-seite > .an-scroll[b-bwxrdf4xek] { flex: 1 1 auto; min-height: 200px; overflow-y: auto; }

/* Lupe an der Nummer erst beim Überfahren der Zeile (oder per Tastatur-Fokus) zeigen. */
.an-nummer-filter[b-bwxrdf4xek] { opacity: 0; margin-left: 2px; } /* opacity statt visibility: bleibt per Tab fokussierbar */
.an-zeile:hover .an-nummer-filter[b-bwxrdf4xek], .an-nummer-filter:focus-within[b-bwxrdf4xek] { opacity: 1; }
.an-nummer-filter[b-bwxrdf4xek]  .mud-icon-button { padding: 2px; } /* Zeilenhöhe nicht vergrößern */

.an-sort[b-bwxrdf4xek] { cursor: pointer; user-select: none; white-space: nowrap; }
/* /Components/Pages/TicketDetail.razor.rz.scp.css */
.td-kopf[b-3bdpohd3fo] { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.td-titel[b-3bdpohd3fo] { font-size: 1.4rem; font-weight: 700; margin: 0; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.td-nr[b-3bdpohd3fo] { font-family: "JetBrains Mono", monospace; font-weight: 500; color: var(--mud-palette-text-secondary); }
.td-unter[b-3bdpohd3fo] { color: var(--mud-palette-text-secondary); font-size: .85rem; margin: 2px 0 8px; }
.td-chips[b-3bdpohd3fo] { display: flex; gap: 6px; flex-wrap: wrap; }
.td-chip[b-3bdpohd3fo] { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 12px; font-size: .78rem; font-weight: 600; background: var(--mud-palette-background-gray); }
.td-chip-rand[b-3bdpohd3fo] { background: transparent; border: 1px solid var(--mud-palette-lines-default); font-weight: 500; }
.td-chip-Offen[b-3bdpohd3fo] { background: #e8effd; color: #2563eb; }
.td-chip-InBearbeitung[b-3bdpohd3fo] { background: #e3f1e9; color: #1d7847; }
.td-chip-Erledigt[b-3bdpohd3fo] { color: var(--mud-palette-text-secondary); }
.td-punkt[b-3bdpohd3fo] { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }
.td-punkt-gruen[b-3bdpohd3fo] { background: #1d7847; }
.td-kopf-rechts[b-3bdpohd3fo] { display: flex; gap: 8px; flex-wrap: wrap; }
.td-raster[b-3bdpohd3fo] { display: grid; grid-template-columns: 260px minmax(0, 1fr) 280px; gap: 20px; align-items: start; }
.td-links[b-3bdpohd3fo] { position: sticky; top: 16px; }
.td-rechts[b-3bdpohd3fo] { display: flex; flex-direction: column; gap: 14px; }
/* Breites Layout: Seite füllt genau die Höhe von .page-content — der Verlauf scrollt intern,
   die rechte Spalte bei Bedarf ebenfalls, die Seite selbst nicht. */
@media (min-width: 1101px) {
    .td-seite[b-3bdpohd3fo] { height: 100%; display: flex; flex-direction: column; }
    .td-kopf[b-3bdpohd3fo] { flex: none; }
    .td-raster[b-3bdpohd3fo] { flex: 1; min-height: 0; grid-template-rows: minmax(0, 1fr); }
    .td-mitte[b-3bdpohd3fo] { align-self: stretch; min-height: 0; }
    .td-rechts[b-3bdpohd3fo] { max-height: 100%; overflow-y: auto; }
    .td-rechts[b-3bdpohd3fo]  > * { flex-shrink: 0; } /* Karten nicht stauchen, sondern scrollen */
}
@media (max-width: 1100px) {
    .td-raster[b-3bdpohd3fo] { grid-template-columns: 240px minmax(0, 1fr); }
    .td-rechts[b-3bdpohd3fo] { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
}
@media (max-width: 760px) {
    .td-raster[b-3bdpohd3fo] { grid-template-columns: minmax(0, 1fr); }
    .td-links[b-3bdpohd3fo] { position: static; }
}
/* /Components/Pages/Tickets.razor.rz.scp.css */
.tl-kopf[b-6us7ks1ocu] { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.tl-titel[b-6us7ks1ocu] { font-size: 1.6rem; font-weight: 700; margin: 0; }
.tl-untertitel[b-6us7ks1ocu] { color: var(--mud-palette-text-secondary); font-size: .9rem; }
.tl-aktionen[b-6us7ks1ocu] { display: flex; gap: 12px; align-items: center; }
.tl-tabs[b-6us7ks1ocu] { display: flex; align-items: flex-end; gap: 24px; border-bottom: 1px solid var(--mud-palette-lines-default); margin-bottom: 12px; overflow-x: auto; }
.tl-tab[b-6us7ks1ocu] { display: flex; align-items: center; gap: 8px; padding: 8px 0 10px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--mud-palette-text-secondary); font-weight: 500; cursor: pointer; white-space: nowrap; }
.tl-tab:disabled[b-6us7ks1ocu] { opacity: .45; cursor: not-allowed; }
.tl-tab-aktiv[b-6us7ks1ocu] { color: var(--mud-palette-text-primary); font-weight: 600; border-bottom-color: var(--mud-palette-primary); }
.tl-zahl[b-6us7ks1ocu] { min-width: 20px; padding: 0 6px; border-radius: 10px; background: var(--mud-palette-background-gray); font-size: .75rem; text-align: center; color: var(--mud-palette-text-primary); }
.tl-zahl-gruen[b-6us7ks1ocu] { background: var(--mud-palette-primary); color: #fff; }
.tl-erklaerung[b-6us7ks1ocu] { margin-left: auto; padding-bottom: 10px; font-size: .82rem; color: var(--mud-palette-text-secondary); white-space: nowrap; }
.tl-suche[b-6us7ks1ocu] { max-width: 320px; margin-bottom: 12px; }
.tl-tabelle[b-6us7ks1ocu] { background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; overflow-x: auto; }
.tl-tabelle table[b-6us7ks1ocu] { width: 100%; border-collapse: collapse; font-size: .9rem; }
.tl-tabelle th[b-6us7ks1ocu] { text-align: left; font-size: .78rem; font-weight: 600; color: var(--mud-palette-text-secondary); padding: 12px 14px; border-bottom: 1px solid var(--mud-palette-lines-default); white-space: nowrap; }
.tl-tabelle td[b-6us7ks1ocu] { padding: 12px 14px; border-bottom: 1px solid var(--mud-palette-lines-default); vertical-align: middle; }
.tl-tabelle tbody tr[b-6us7ks1ocu] { cursor: pointer; }
.tl-tabelle tbody tr:hover[b-6us7ks1ocu] { background: var(--mud-palette-action-default-hover); }
.tl-tabelle tbody tr:last-child td[b-6us7ks1ocu] { border-bottom: 0; }
.tl-nr[b-6us7ks1ocu] { font-family: "JetBrains Mono", monospace; font-size: .8rem; color: var(--mud-palette-text-secondary); white-space: nowrap; }
.tl-betreff[b-6us7ks1ocu] { font-weight: 600; }
.tl-grau td[b-6us7ks1ocu] { opacity: .45; }
.tl-punkt[b-6us7ks1ocu] { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 6px; vertical-align: middle; }
.tl-status[b-6us7ks1ocu] { display: inline-block; padding: 2px 10px; border-radius: 10px; font-size: .78rem; font-weight: 600; white-space: nowrap; }
.tl-status-Offen[b-6us7ks1ocu] { background: #e8effd; color: #2563eb; }
.tl-status-InBearbeitung[b-6us7ks1ocu] { background: #e3f1e9; color: #1d7847; }
.tl-status-Erledigt[b-6us7ks1ocu] { background: var(--mud-palette-background-gray); color: var(--mud-palette-text-secondary); }
.tl-wv-badge[b-6us7ks1ocu] { margin-left: 8px; padding: 1px 8px; border-radius: 10px; background: #fdf0dc; color: #a15c07; font-size: .72rem; font-weight: 600; }
.tl-wv-hinweis[b-6us7ks1ocu] { margin-left: 8px; font-size: .75rem; font-weight: 400; color: var(--mud-palette-text-secondary); }
.tl-aktion[b-6us7ks1ocu] { text-align: right; white-space: nowrap; width: 1%; }
.tl-aktion[b-6us7ks1ocu]  .mud-icon-button { opacity: 0; }
.tl-tabelle tr:hover .tl-aktion[b-6us7ks1ocu]  .mud-icon-button { opacity: 1; }
.tl-leer[b-6us7ks1ocu] { padding: 40px; text-align: center; color: var(--mud-palette-text-secondary); }
@media (max-width: 960px) { .tl-md[b-6us7ks1ocu] { display: none; } .tl-erklaerung[b-6us7ks1ocu] { display: none; } }
.tl-neu td[b-6us7ks1ocu] { font-weight: 600; }
.tl-neu-punkt[b-6us7ks1ocu] { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #2563eb; margin-right: 8px; vertical-align: middle; }
.tl-neu-zahl[b-6us7ks1ocu] { font-size: .72rem; font-weight: 700; color: #2563eb; margin-left: 4px; }
.tl-hinweis-benachr[b-6us7ks1ocu] { font-size: .8rem; color: var(--mud-palette-text-secondary); margin: 6px 0; }
/* /Components/Telefonie/AnrufVolumenTab.razor.rz.scp.css */
.av-zeile[b-oueyo3vtem] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.av-label[b-oueyo3vtem] {
    width: 80px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.av-scroll[b-oueyo3vtem] {
    overflow-x: auto;
}

.av-balken[b-oueyo3vtem] {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    min-width: 640px;
    height: 244px;
}

.av-balken-spalte[b-oueyo3vtem] {
    position: relative;
    flex: 1;
    min-width: 14px;
    max-width: 30px;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 20px;
}

.av-balken-spalte.av-offen[b-oueyo3vtem] {
    background: rgba(var(--mud-palette-primary-rgb), .12);
}

.av-stunde[b-oueyo3vtem] {
    position: absolute;
    bottom: 2px;
    left: 0;
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
}

.av-angenommen[b-oueyo3vtem] { background: var(--mud-palette-primary); }
.av-nicht[b-oueyo3vtem] { background: var(--mud-palette-error); }
.av-ohne[b-oueyo3vtem] { background: var(--mud-palette-text-disabled); }
.av-ki[b-oueyo3vtem] { background: var(--mud-palette-warning); }

.av-legende[b-oueyo3vtem] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 12px;
}

.av-legende i[b-oueyo3vtem] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    vertical-align: -2px;
    margin-right: 4px;
}

.av-legende i.av-offen-leg[b-oueyo3vtem] {
    background: rgba(var(--mud-palette-primary-rgb), .25);
}

.av-zahl[b-oueyo3vtem] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}
/* /Components/Tickets/TicketAnhaengeKarte.razor.rz.scp.css */
.ak-raster[b-0y8qya1w1x] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: 10px; }
.ak-kachel[b-0y8qya1w1x] { aspect-ratio: 1; border-radius: 6px; overflow: hidden; background: var(--mud-palette-background-gray); display: grid; place-items: center; color: var(--mud-palette-text-secondary); border: 0; padding: 0; cursor: zoom-in; }
.ak-kachel[b-0y8qya1w1x]  .dv { border-radius: 0; }
.ak-mehr[b-0y8qya1w1x] { font-size: .85rem; font-weight: 600; border: 1px solid var(--mud-palette-lines-default); background: transparent; cursor: default; }
/* /Components/Tickets/TicketAnsichtAuswahl.razor.rz.scp.css */
.aw[b-sd3bmwan9h] { position: relative; }
.aw-knopf[b-sd3bmwan9h] { display: flex; align-items: center; gap: 10px; min-width: 260px; padding: 8px 12px; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; background: var(--mud-palette-surface); cursor: pointer; text-align: left; }
.aw-knopf:disabled[b-sd3bmwan9h] { cursor: default; }
.aw-avatar[b-sd3bmwan9h] { flex: none; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: .72rem; font-weight: 700; color: #fff; background: var(--mud-palette-primary); }
.aw-avatar-grau[b-sd3bmwan9h] { background: var(--mud-palette-background-gray); color: var(--mud-palette-text-primary); }
.aw-avatar-team[b-sd3bmwan9h] { background: var(--mud-palette-background-gray); color: var(--mud-palette-text-primary); font-size: 1rem; }
.aw-text[b-sd3bmwan9h] { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.aw-klein[b-sd3bmwan9h] { font-size: .72rem; color: var(--mud-palette-text-secondary); }
.aw-name[b-sd3bmwan9h] { font-weight: 600; font-size: .9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aw-offen[b-sd3bmwan9h] { font-size: .8rem; color: var(--mud-palette-warning-darken); white-space: nowrap; }
.aw-schleier[b-sd3bmwan9h] { position: fixed; inset: 0; z-index: 1300; }
.aw-liste[b-sd3bmwan9h] { position: absolute; right: 0; top: calc(100% + 6px); z-index: 1301; width: 360px; max-width: calc(100vw - 32px); background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,.12); overflow: hidden; }
.aw-suche[b-sd3bmwan9h] { padding: 10px 12px 4px; }
.aw-scroll[b-sd3bmwan9h] { max-height: 380px; overflow-y: auto; padding: 4px 8px; }
.aw-gruppe[b-sd3bmwan9h] { font-size: .7rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--mud-palette-text-secondary); padding: 10px 8px 4px; }
.aw-zeile[b-sd3bmwan9h] { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px; border: 0; border-radius: 8px; background: transparent; cursor: pointer; text-align: left; }
.aw-zeile:hover[b-sd3bmwan9h] { background: var(--mud-palette-action-default-hover); }
.aw-aktiv[b-sd3bmwan9h] { background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent); }
.aw-zahl[b-sd3bmwan9h] { font-size: .85rem; }
.aw-badge[b-sd3bmwan9h] { min-width: 22px; padding: 0 6px; border-radius: 10px; background: color-mix(in srgb, var(--mud-palette-error) 15%, transparent); color: var(--mud-palette-error); font-size: .75rem; font-weight: 700; text-align: center; }
.aw-fuss[b-sd3bmwan9h] { display: flex; justify-content: space-between; padding: 8px 14px; border-top: 1px solid var(--mud-palette-lines-default); font-size: .72rem; color: var(--mud-palette-text-secondary); }
.aw-rot[b-sd3bmwan9h] { color: var(--mud-palette-error); }
/* /Components/Tickets/TicketAufgabenKarte.razor.rz.scp.css */
.ag-zeile[b-i10bke9fpr] { display: flex; align-items: flex-start; gap: 2px; }
.ag-titel[b-i10bke9fpr] { padding-top: 6px; font-size: .88rem; color: inherit; text-decoration: none; }
.ag-erledigt[b-i10bke9fpr] { text-decoration: line-through; color: var(--mud-palette-text-secondary); }
/* /Components/Tickets/TicketDetailsKarte.razor.rz.scp.css */
.td[b-ab4qm2n48f] { display: grid; grid-template-columns: auto 1fr; column-gap: 16px; row-gap: 8px; margin: 0; font-size: .88rem; align-items: center; }
.td dt[b-ab4qm2n48f] { color: var(--mud-palette-text-secondary); font-weight: 400; }
.td dd[b-ab4qm2n48f] { margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; min-width: 0; }
.td-link[b-ab4qm2n48f] { font-size: .78rem; color: var(--mud-palette-primary); }
/* /Components/Tickets/TicketKarte.razor.rz.scp.css */
.tk-karte[b-46treh7bnl] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 16px;
}
.tk-karte-kopf[b-46treh7bnl] { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.tk-karte-titel[b-46treh7bnl] { font-weight: 600; font-size: .95rem; }
.tk-karte-label[b-46treh7bnl] { font-size: .72rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--mud-palette-text-secondary); }
.tk-karte-meta[b-46treh7bnl] { margin-left: auto; font-size: .78rem; color: var(--mud-palette-text-secondary); }
.tk-karte-untertitel[b-46treh7bnl] { font-size: .75rem; color: var(--mud-palette-text-secondary); margin: -6px 0 12px; }
/* /Components/Tickets/TicketKundeKarte.razor.rz.scp.css */
.kk-name[b-0zi4tpdity] { display: block; font-weight: 600; font-size: 1.05rem; color: var(--mud-palette-primary); text-decoration: none; }
.kk-meta[b-0zi4tpdity] { font-size: .8rem; color: var(--mud-palette-text-secondary); margin: 2px 0 6px; }
.kk-wa[b-0zi4tpdity] { display: block; margin-top: 6px; color: var(--mud-palette-primary); font-weight: 500; text-decoration: none; }
/* /Components/Tickets/TicketSteuernKarte.razor.rz.scp.css */
.wv-label[b-boi5i1qte8] { font-size: .8rem; color: var(--mud-palette-text-secondary); margin-bottom: 4px; }
.wv-zeile[b-boi5i1qte8] { display: flex; gap: 4px; align-items: center; }
.wv-wert[b-boi5i1qte8] { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--mud-palette-lines-inputs); border-radius: 4px; background: transparent; color: inherit; font: inherit; font-size: .9rem; text-align: left; cursor: pointer; }
.wv-wert:hover:not(:disabled)[b-boi5i1qte8] { border-color: var(--mud-palette-text-primary); }
.wv-wert span[b-boi5i1qte8] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wv-ueberschritten[b-boi5i1qte8] { color: var(--mud-palette-error); border-color: var(--mud-palette-error); }
/* /Components/Tickets/TicketTelefonatComposer.razor.rz.scp.css */
.tc-titel[b-13qyxbsl5i] { font-size: .8rem; font-weight: 600; color: var(--mud-palette-text-secondary); margin-bottom: 6px; }
.tc-zeile[b-13qyxbsl5i] { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--mud-palette-lines-default); }
.tc-info[b-13qyxbsl5i] { flex: 1; min-width: 0; font-size: .88rem; }
.tc-unter[b-13qyxbsl5i] { font-size: .78rem; color: var(--mud-palette-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tc-gebunden[b-13qyxbsl5i] { font-size: .75rem; color: var(--mud-palette-warning-darken); }
.tc-leer[b-13qyxbsl5i] { font-size: .85rem; color: var(--mud-palette-text-secondary); padding: 6px 0; display: flex; gap: 8px; flex-wrap: wrap; }
.tc-link[b-13qyxbsl5i] { display: inline-block; margin-top: 8px; font-size: .85rem; }
.tc-suche[b-13qyxbsl5i] { display: flex; gap: 6px; align-items: center; margin: 10px 0 4px; flex-wrap: wrap; }
.tc-datum[b-13qyxbsl5i] { width: 150px; }
.tc-hinweis[b-13qyxbsl5i] { font-size: .78rem; color: var(--mud-palette-text-secondary); font-style: italic; padding: 6px 0; }
/* /Components/Tickets/TicketVerlauf.razor.rz.scp.css */
.vl[b-0zfcu3u8em] { background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; display: flex; flex-direction: column; min-width: 0; }
.vl-kopf[b-0zfcu3u8em] { display: flex; align-items: center; gap: 8px; padding: 16px 20px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.vl-titel[b-0zfcu3u8em] { font-weight: 600; }
.vl-meta[b-0zfcu3u8em] { margin-left: auto; font-size: .8rem; color: var(--mud-palette-text-secondary); }
.vl-liste[b-0zfcu3u8em] { padding: 20px; display: flex; flex-direction: column; gap: 18px; max-height: calc(100vh - 380px); overflow-y: auto; position: relative; }
.vl-leer[b-0zfcu3u8em] { color: var(--mud-palette-text-secondary); text-align: center; padding: 24px; }
.vl-eintrag[b-0zfcu3u8em] { display: flex; gap: 14px; align-items: flex-start; }
.vl-rechts[b-0zfcu3u8em] { justify-content: flex-end; }
.vl-rechts .vl-inhalt[b-0zfcu3u8em] { align-items: flex-end; max-width: 80%; }
.vl-icon[b-0zfcu3u8em] { flex: none; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--mud-palette-background-gray); color: var(--mud-palette-text-secondary); }
.vl-icon-Telefonnotiz[b-0zfcu3u8em], .vl-icon-Notiz[b-0zfcu3u8em] { background: #fdf0dc; color: #a15c07; }
.vl-icon-WhatsAppEingehend[b-0zfcu3u8em] { background: #e3f1e9; color: #1d7847; }
.vl-inhalt[b-0zfcu3u8em] { display: flex; flex-direction: column; gap: 6px; flex: 1; min-width: 0; }
.vl-zeile[b-0zfcu3u8em] { display: flex; align-items: baseline; gap: 6px; font-size: .85rem; }
.vl-name[b-0zfcu3u8em] { font-weight: 600; }
.vl-zeit[b-0zfcu3u8em] { color: var(--mud-palette-text-secondary); font-size: .78rem; }
.vl-kanal[b-0zfcu3u8em] { margin-left: auto; color: var(--mud-palette-text-secondary); font-size: .78rem; }
.vl-blase[b-0zfcu3u8em] { align-self: flex-start; padding: 10px 14px; border-radius: 10px; background: var(--mud-palette-background-gray); font-size: .9rem; max-width: 100%; }
.vl-rechts .vl-blase[b-0zfcu3u8em] { align-self: flex-end; }
.vl-blase-Notiz[b-0zfcu3u8em] { background: #fbf0dc; }
.vl-blase-WhatsAppAusgehend[b-0zfcu3u8em], .vl-blase-EmailAusgehend[b-0zfcu3u8em] { background: #e6f0ea; }
.vl-blase-Systemereignis[b-0zfcu3u8em] { font-size: .85rem; }
.vl-text[b-0zfcu3u8em] { white-space: pre-wrap; word-break: break-word; }
.vl-anhang[b-0zfcu3u8em] { display: inline-flex; align-items: center; gap: 10px; border: 0; padding: 0; background: none; cursor: zoom-in; text-align: left; }
.vl-anhang-name[b-0zfcu3u8em] { font-size: .85rem; font-weight: 500; word-break: break-word; }
.vl-unter[b-0zfcu3u8em] { font-size: .75rem; color: var(--mud-palette-text-secondary); }
.vl-fehler[b-0zfcu3u8em] { color: var(--mud-palette-error); font-weight: 600; }
.vl-blase-fehlgeschlagen[b-0zfcu3u8em] { outline: 1px solid var(--mud-palette-error); }
.vl-avatar[b-0zfcu3u8em] { flex: none; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--mud-palette-primary); color: #fff; font-size: .72rem; font-weight: 700; }
.vl-composer[b-0zfcu3u8em] { border-top: 1px solid var(--mud-palette-lines-default); padding: 14px 20px 18px; display: flex; flex-direction: column; gap: 10px; }
.vl-reiter[b-0zfcu3u8em] { display: flex; gap: 8px; }
.vl-reiter-knopf[b-0zfcu3u8em] { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 8px; border: 1px solid transparent; background: none; font-weight: 500; cursor: pointer; }
.vl-reiter-aktiv[b-0zfcu3u8em] { border-color: var(--mud-palette-primary); color: var(--mud-palette-primary); background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent); }
.vl-composer-fuss[b-0zfcu3u8em] { display: flex; justify-content: space-between; align-items: center; }
.vl-hinweis[b-0zfcu3u8em] { font-size: .78rem; color: var(--mud-palette-text-secondary); }
@media (max-width: 760px) { .vl-liste[b-0zfcu3u8em] { max-height: none; } }
/* Breites Layout: die Ticketseite gibt der Karte eine feste Höhe (siehe TicketDetail.razor.css);
   die Liste nimmt den Rest neben Kopf und Composer ein. */
@media (min-width: 1101px) {
    .vl[b-0zfcu3u8em] { height: 100%; }
    .vl-kopf[b-0zfcu3u8em], .vl-composer[b-0zfcu3u8em] { flex: none; }
    /* Untergrenze, damit auf sehr niedrigen Fenstern noch etwas vom Verlauf sichtbar bleibt
       (dann scrollt ausnahmsweise die Seite). */
    .vl-liste[b-0zfcu3u8em] { flex: 1; min-height: 200px; max-height: none; }
}
.vl-blase-Telefonat[b-0zfcu3u8em] { background: #fdf6ea; }
.vl-grau[b-0zfcu3u8em] { color: var(--mud-palette-text-secondary); font-style: italic; }
.vl-unter-links[b-0zfcu3u8em] { align-self: flex-start; }
.vl-badge[b-0zfcu3u8em] { min-width: 18px; padding: 0 5px; border-radius: 9px; background: var(--mud-palette-primary); color: #fff; font-size: .7rem; margin-left: 4px; }
/* /Components/Tickets/TicketVertragKarte.razor.rz.scp.css */
.vk-name[b-2wlg68jmkx] { display: block; font-weight: 600; color: var(--mud-palette-primary); text-decoration: none; }
.vk-nr[b-2wlg68jmkx] { font-family: "JetBrains Mono", monospace; font-size: .85rem; color: var(--mud-palette-text-secondary); margin-top: 4px; }
.vk-leer[b-2wlg68jmkx] { font-size: .8rem; color: var(--mud-palette-text-secondary); }
/* /Components/Tickets/TicketWeiterleitenDialog.razor.rz.scp.css */
.wd-an[b-jnat313xav] { font-size: .9rem; margin-bottom: 8px; }
.wd-hinweis[b-jnat313xav] { color: var(--mud-palette-text-secondary); font-size: .8rem; }
.wd-leiste[b-jnat313xav] { display: flex; align-items: center; gap: 4px; margin-bottom: 8px; }
.wd-zaehler[b-jnat313xav] { margin-left: auto; font-size: .82rem; color: var(--mud-palette-text-secondary); }
.wd-rot[b-jnat313xav] { color: var(--mud-palette-error); font-weight: 600; }
.wd-raster[b-jnat313xav] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; max-height: 52vh; overflow-y: auto; padding: 2px; }
.wd-kachel[b-jnat313xav] { position: relative; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; padding: 6px; transition: opacity .15s; }
.wd-ab[b-jnat313xav] { opacity: .45; }
.wd-bild[b-jnat313xav] { display: block; border: 0; padding: 0; background: none; cursor: zoom-in; width: 140px; margin: 0 auto; }
.wd-haken[b-jnat313xav] { position: absolute; top: 2px; right: 2px; background: var(--mud-palette-surface); border-radius: 8px; }
.wd-name[b-jnat313xav] { margin-top: 6px; font-size: .82rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wd-meta[b-jnat313xav] { font-size: .72rem; color: var(--mud-palette-text-secondary); }
/* /Components/Tickets/TicketWhatsAppComposer.razor.rz.scp.css */
.wa-kopf[b-hm1komypj5] { display: flex; align-items: center; gap: 8px; font-size: .85rem; color: var(--mud-palette-text-secondary); margin-bottom: 6px; }
.wa-kopf[b-hm1komypj5]  .wa-nummer { max-width: 320px; }
.wa-chips[b-hm1komypj5] { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 6px; }
.wa-fuss[b-hm1komypj5] { display: flex; align-items: center; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.wa-datei[b-hm1komypj5] { cursor: pointer; }
.wa-datei-aus[b-hm1komypj5] { opacity: .5; pointer-events: none; }
.wa-hinweis[b-hm1komypj5] { margin-left: auto; font-size: .78rem; color: var(--mud-palette-text-secondary); display: inline-flex; align-items: center; gap: 6px; }
.wa-punkt[b-hm1komypj5] { width: 7px; height: 7px; border-radius: 50%; background: #1d7847; display: inline-block; }
.wa-gesperrt[b-hm1komypj5] { padding: 12px; border-radius: 8px; background: var(--mud-palette-background-gray); color: var(--mud-palette-text-secondary); font-size: .9rem; }
/* /Components/Tickets/ZeitpunktDialog.razor.rz.scp.css */
.zp-schnell[b-l2cewy5k84] { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; }
.zp-kalender[b-l2cewy5k84] { display: flex; justify-content: center; }
.zp-zeit[b-l2cewy5k84] { margin-top: 8px; }
.zp-vorschau[b-l2cewy5k84] { margin-top: 10px; font-size: .9rem; font-weight: 600; text-align: center; }