/* /Components/Layout/GlobaleSuche.razor.rz.scp.css */
/* Globale Suche im Kopfbereich. Aufbau nach DashboardLayout.tsx: Feld mit
   vorangestelltem Symbol, darunter eine Trefferliste in fester Breite. */

.kopf-suche[b-dpf49187gt] {
    position: relative;
    display: flex;
    align-items: center;
}

.kopf-suche[b-dpf49187gt]  .kopf-suche-icon {
    position: absolute;
    left: 0.625rem;
    color: var(--muted-foreground);
    pointer-events: none;
}

.kopf-suche-feld[b-dpf49187gt] {
    width: 18rem;
    /* Rechts Platz fuer das eigene Leeren-Kreuz, sonst laeuft der Text darunter. */
    padding: 0.5rem 2rem 0.5rem 2.25rem;
    font-family: inherit;
    font-size: 0.875rem;
    color: var(--foreground);
    background-color: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.kopf-suche-feld:focus[b-dpf49187gt] {
    border-color: var(--primary);
    box-shadow: 0 0 0 2px rgba(12, 93, 166, 0.2);
}

/* Das browsereigene Kreuz wird ausgeblendet, sonst stehen zwei nebeneinander. Es taugt
   hier nicht: Firefox zeichnet keines, und in Chromium deckt das Overlay der offenen
   Trefferliste es ab (Task 39). */
.kopf-suche-feld[b-dpf49187gt]::-webkit-search-cancel-button {
    display: none;
}

/* Leeren-Kreuz im Feld, gleiche Gestalt wie .th-filter-clear an den Spaltenfiltern.
   z-index 51 ist notwendig und nicht kosmetisch: .dropdown-overlay liegt auf 49 und die
   Trefferliste auf 50 - ohne den hoeheren Wert faengt das Overlay den Klick ab, und genau
   das war der gemeldete Fehler. */
.kopf-suche-leeren[b-dpf49187gt] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 51;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    background: var(--muted);
    border: none;
    border-radius: 50%;
    color: var(--muted-foreground);
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    transition: background-color 0.15s, color 0.15s;
}

.kopf-suche-leeren:hover[b-dpf49187gt] {
    background: var(--destructive);
    color: #fff;
}

.dropdown-overlay[b-dpf49187gt] {
    position: fixed;
    inset: 0;
    z-index: 49;
}

.kopf-suche-liste[b-dpf49187gt] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.375rem;
    width: 500px;
    max-height: 24rem;
    overflow-y: auto;
    background-color: var(--popover);
    color: var(--popover-foreground);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    z-index: 50;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
}

/* Beschriftet die folgende Gruppe und bleibt beim Scrollen stehen, damit bei
   längeren Listen sichtbar bleibt, worauf man gerade schaut. */
.kopf-suche-gruppe[b-dpf49187gt] {
    position: sticky;
    top: 0;
    padding: 0.375rem 1rem;
    font-size: 0.75rem;
    color: var(--muted-foreground);
    background-color: var(--muted);
    border-bottom: 1px solid var(--border);
}

.kopf-suche-treffer[b-dpf49187gt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    border-bottom: 1px solid var(--border);
    transition: background-color 0.15s ease;
}

.kopf-suche-treffer:last-child[b-dpf49187gt] {
    border-bottom: none;
}

.kopf-suche-treffer:hover[b-dpf49187gt] {
    background-color: var(--muted);
}

.kopf-suche-treffer[b-dpf49187gt]  svg {
    color: var(--muted-foreground);
    flex-shrink: 0;
}

.kopf-suche-name[b-dpf49187gt],
.kopf-suche-zusatz[b-dpf49187gt] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kopf-suche-name[b-dpf49187gt] {
    font-size: 0.875rem;
}

.kopf-suche-zusatz[b-dpf49187gt] {
    font-size: 0.75rem;
    color: var(--muted-foreground);
}

.kopf-suche-leer[b-dpf49187gt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: var(--muted-foreground);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ===== App Root ===== */

.app-root[b-1ek2p1wl35] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    min-height: 0;
}

/* ===== Header ===== */

.main-header[b-1ek2p1wl35] {
    height: 68px;
    z-index: 20;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14);
    flex-shrink: 0;
    position: relative;
}

.header-logo[b-1ek2p1wl35] {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
    padding-right: 0.5rem;
}

/* Bewusst niedriger als die 60px der Showcase: deren Logo bringt im viewBox
   reichlich eigenen Weissraum mit, das DEVEX-SVG ist dagegen randlos
   beschnitten (viewBox 81.3 x 23.4). Bei 60px stiess es oben und unten fast
   an die Kanten des 68px hohen Headers, bei 34px war der Abstand zu gross. */
.header-logo-img[b-1ek2p1wl35] {
    height: 44px;
    width: auto;
    image-rendering: optimizeQuality;
    -webkit-font-smoothing: antialiased;
    shape-rendering: geometricPrecision;
}

.header-title[b-1ek2p1wl35] {
    font-size: 0.875rem;
    color: var(--muted-foreground);
    white-space: nowrap;
}

.header-spacer[b-1ek2p1wl35] {
    flex: 1;
}

.header-user[b-1ek2p1wl35] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.375rem 0.5rem;
    border-radius: var(--radius);
    position: relative;
    user-select: none;
}

.header-user:hover[b-1ek2p1wl35] {
    background-color: var(--muted);
}

.header-user-name[b-1ek2p1wl35] {
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
}

.dropdown-overlay[b-1ek2p1wl35] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 49;
}

.header-dropdown[b-1ek2p1wl35] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.375rem;
    padding: 0.375rem 0;
    background-color: var(--popover);
    color: var(--popover-foreground);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    min-width: 240px;
    z-index: 50;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
}

.header-dropdown-item[b-1ek2p1wl35] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
    color: var(--foreground);
    text-decoration: none;
    transition: background-color 0.15s ease;
}

.header-dropdown-item:hover[b-1ek2p1wl35] {
    background-color: var(--muted);
    text-decoration: none;
}

.header-dropdown-separator[b-1ek2p1wl35] {
    height: 1px;
    background-color: var(--border);
    margin: 0.25rem 0;
}

/* Der Abmelden-Eintrag ist ein Formular-Button (POST statt GET, siehe MainLayout.razor)
   und braucht deshalb den Button-Reset, um wie die <a>-Einträge daneben zu wirken. */
.header-dropdown-form[b-1ek2p1wl35] {
    margin: 0;
}

button.header-dropdown-item[b-1ek2p1wl35] {
    width: 100%;
    background: none;
    border: none;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.header-dropdown-item-danger[b-1ek2p1wl35] {
    color: var(--destructive);
}

.header-dropdown-item-danger:hover[b-1ek2p1wl35] {
    background-color: #fee2e2;
    color: var(--destructive);
}

/* ===== Layout with sidebar ===== */

[b-1ek2p1wl35] .layout {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

[b-1ek2p1wl35] .sidebar {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.14);
}

.sidebar-header[b-1ek2p1wl35] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background-color: #ffffff;
    border-bottom: 1px solid var(--sidebar-border);
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    flex-shrink: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.sidebar-header-collapsed[b-1ek2p1wl35] {
    justify-content: center;
    padding: 1rem 0.5rem;
}

.sidebar-header-collapsed .sidebar-header-label[b-1ek2p1wl35] {
    display: none;
}

.sidebar-header-label[b-1ek2p1wl35] {
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
}

.sidebar-toggle-btn[b-1ek2p1wl35] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: none;
    color: var(--muted-foreground);
    cursor: pointer;
    border-radius: var(--radius);
    transition: background-color 0.15s ease;
    flex-shrink: 0;
}

.sidebar-toggle-btn:hover[b-1ek2p1wl35] {
    background-color: var(--muted);
    color: var(--foreground);
}

.sidebar-nav[b-1ek2p1wl35] {
    flex: 1;
    overflow-y: auto;
}

/* ===== Sidebar App Info ===== */

.sidebar-app-info[b-1ek2p1wl35] {
    padding: 1rem 1.5rem;
    background-color: var(--card);
    border-top: 1px solid var(--border);
    font-size: 0.6875rem;
    color: var(--muted-foreground);
    line-height: 1.6;
    flex-shrink: 0;
    overflow: hidden;
}

.sidebar-text[b-1ek2p1wl35] {
    white-space: nowrap;
    overflow: hidden;
    transition: opacity 0.1s ease;
}

.sidebar-version[b-1ek2p1wl35] {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.01em;
}

/* ===== Sidebar Resize Handle ===== */

.sidebar-resize-handle[b-1ek2p1wl35] {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    cursor: col-resize;
    z-index: 15;
    transition: background-color 0.15s ease;
}

.sidebar-resize-handle:hover[b-1ek2p1wl35] {
    background-color: rgba(12, 93, 166, 0.5);
}

/* ===== Main Content ===== */

.main-content[b-1ek2p1wl35] {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
}

[b-1ek2p1wl35] .action-bar {
    z-index: 5;
    flex-shrink: 0;
}

.action-bar-spacer[b-1ek2p1wl35] {
    flex: 1;
}

[b-1ek2p1wl35] .ablage-title {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
    min-height: 2.5rem;
    flex: 0 1 auto;
    overflow: hidden;
}

[b-1ek2p1wl35] .ablage-title-name {
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
    padding: 0;
    line-height: 1.2;
    border: none;
    outline: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-1ek2p1wl35] .ablage-title-pfad {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.6875rem;
    color: var(--muted-foreground);
    line-height: 1;
    height: 0.6875rem;
    min-width: 0;
}

[b-1ek2p1wl35] .ablage-title-pfad-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: monospace;
}

[b-1ek2p1wl35] .ablage-pfad-copy {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--muted-foreground);
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    flex-shrink: 0;
    height: 0.6875rem;
    min-height: 0;
    overflow: visible;
    line-height: 0;
    transition: color 0.15s ease;
}

[b-1ek2p1wl35] .ablage-pfad-copy:hover {
    color: var(--primary);
}

[b-1ek2p1wl35] .ablage-pfad-copy svg {
    width: 13px;
    height: 13px;
    overflow: visible;
}

[b-1ek2p1wl35] .content-area {
    flex: 1;
    overflow-y: auto;
    padding: 2rem;
    position: relative;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-menu[b-o64zgndpot] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.5rem 0;
    min-height: 100%;
}

/* Bereichs-Nav (§3.18): schiebt Exit-Link ans untere Ende */
.nav-bottom[b-o64zgndpot] {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

[b-o64zgndpot] .nav-link-exit {
    color: var(--sidebar-foreground);
    opacity: 0.75;
}

[b-o64zgndpot] .nav-link-exit:hover {
    opacity: 1;
}

/* Icon darf nicht schrumpfen */
[b-o64zgndpot] .nav-icon {
    flex-shrink: 0;
}

/* Text wird per overflow hidden abgeschnitten wenn Sidebar schrumpft.
   ::deep, damit auch NavLinks in Unterkomponenten (NavSubMenu, NavTreeNode)
   erfasst werden. */
[b-o64zgndpot] .nav-link-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1;
    transition: opacity 0.15s ease;
}

/* Zähler-Badge am Menüpunkt (Freigabe-Warteschlange, F.04): rechtsbündig, eckig wie alle Badges. */
[b-o64zgndpot] .nav-badge {
    margin-left: auto;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6875rem;
    font-weight: var(--font-weight-medium);
    line-height: 1;
    color: #854d0e;
    background: #fef9c3;
    border-radius: var(--radius);
}

/* Collapsed: Text unsichtbar, Icons zentriert */
.nav-collapsed[b-o64zgndpot]  .nav-link-text {
    opacity: 0;
    width: 0;
    overflow: hidden;
}

/* Collapsed: für das Badge ist kein Platz - es würde neben dem zentrierten Icon stören. */
.nav-collapsed[b-o64zgndpot]  .nav-badge {
    display: none;
}

.nav-collapsed[b-o64zgndpot]  .nav-link {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    gap: 0;
}

/* Separator between Ablagen and admin links */
.nav-separator[b-o64zgndpot] {
    height: 1px;
    background-color: var(--sidebar-border);
    margin: 0.5rem 1rem;
}

/* ===== Nav-SubMenu (flache Untermenue-Gruppe) ===== */

[b-o64zgndpot] .nav-submenu {
    display: flex;
    flex-direction: column;
}

/* Toggle-only Header (ohne Href) — ganze Zeile klappt auf/zu */
[b-o64zgndpot] .nav-submenu-header {
    cursor: pointer;
    user-select: none;
}

/* Split-Header (mit Href): Link links + Chevron-Button rechts in einer Zeile */
[b-o64zgndpot] .nav-submenu-header-row {
    display: flex;
    align-items: stretch;
}

[b-o64zgndpot] .nav-submenu-header-link {
    flex: 1;
    min-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

[b-o64zgndpot] .nav-submenu-toggle {
    background: none;
    border: none;
    color: var(--sidebar-foreground);
    cursor: pointer;
    padding: 0 0.75rem;
    display: flex;
    align-items: center;
    border-radius: 0 var(--radius) var(--radius) 0;
    transition: background-color 0.15s ease;
    flex-shrink: 0;
}

[b-o64zgndpot] .nav-submenu-toggle:hover {
    background-color: var(--sidebar-accent);
    color: var(--sidebar-accent-foreground);
}

[b-o64zgndpot] .nav-submenu-chevron {
    margin-left: auto;
    transition: transform 0.15s ease;
    flex-shrink: 0;
}

[b-o64zgndpot] .nav-submenu-chevron-open {
    transform: rotate(90deg);
}

/* Aufgeklappter Kinder-Block — dunklerer Hintergrund unterstreicht die Gruppe */
[b-o64zgndpot] .nav-submenu-children {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.25rem 0;
    background-color: var(--sidebar-submenu);
    border-top: 1px solid var(--sidebar-border);
    border-bottom: 1px solid var(--sidebar-border);
}

/* Kinder eingerueckt — Abstand passt zur Icon-Breite im Header */
[b-o64zgndpot] .nav-submenu-children .nav-link {
    padding-left: 2.75rem;
    border-radius: 0;
}

/* Collapsed Sidebar: Kinder, Chevron, Toggle-Button ausblenden; Header bleibt als Icon */
.nav-collapsed[b-o64zgndpot]  .nav-submenu-children,
.nav-collapsed[b-o64zgndpot]  .nav-submenu-chevron,
.nav-collapsed[b-o64zgndpot]  .nav-submenu-toggle {
    display: none;
}

.nav-collapsed[b-o64zgndpot]  .nav-submenu-header-link {
    border-radius: var(--radius);
}

/* /Components/Pages/Administration/ErpSchnittstelle.razor.rz.scp.css */
/* Tabelle "Letzte Sync-Läufe" auf feste Spaltenbreiten festlegen.

   Die Meldungsspalte enthält bei Fehlern die durchgereichte MariaDB-Meldung -
   eine einzelne FK-Verletzung ist über 200 Zeichen lang und ohne Leerzeichen
   umbruchfähig. Ihre Zelle trägt zwar schon `cell-ellipsis` samt `title`, aber
   diese Klasse greift nur bei `table-layout: fixed` (siehe Kommentar an
   `.data-table .cell-ellipsis` in app.css): bei automatischem Layout wächst die
   Zelle stattdessen mit dem Inhalt, streckt die Tabelle über den Viewport und
   erzeugt einen horizontalen Scrollbalken für die ganze Seite.

   Die Breiten stehen hier statt als `data-table-fixed` + `<colgroup>` im Markup,
   weil der Fix keine Markup-Änderung braucht - Klasse und Tooltip sind vorhanden,
   es fehlte nur das feste Layout. Reihenfolge der Spalten: Zeitpunkt, Richtung,
   Entität, Anzahl, Ergebnis, Meldung. */

.data-table[b-pxuk6vvj8u] {
    table-layout: fixed;
}

.data-table th:nth-child(1)[b-pxuk6vvj8u] {
    width: 9rem;
}

.data-table th:nth-child(2)[b-pxuk6vvj8u] {
    width: 6.5rem;
}

.data-table th:nth-child(3)[b-pxuk6vvj8u] {
    width: 9rem;
}

.data-table th:nth-child(4)[b-pxuk6vvj8u] {
    width: 5.5rem;
}

.data-table th:nth-child(5)[b-pxuk6vvj8u] {
    width: 7rem;
}

/* Meldung: keine Breite - nimmt den Rest und schneidet per cell-ellipsis ab.
   Der vollständige Text bleibt über das title-Attribut erreichbar. */

/* Der Zeitpunkt passt in 9rem; ohne nowrap bricht er bei fixem Layout trotzdem
   hinter dem Datum um, sobald die Schrift etwas breiter rendert. */
.data-table td:nth-child(1)[b-pxuk6vvj8u] {
    white-space: nowrap;
}
/* /Components/Pages/AdministrationUebersicht.razor.rz.scp.css */
/* Kachel-Raster der Bereichs-Landing (S3-STANDARDS §3.18). Übernommen aus der
   Showcase, mit zwei Abweichungen: Schriftgewicht 500 statt 600 (STANDARDS erlaubt
   keine Bolds) und die Primary-Tönung über color-mix statt hart kodiertem RGBA. */

.section-tiles[b-5eb2dxgr55] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}

.section-tile[b-5eb2dxgr55] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.05s;
}

.section-tile:hover[b-5eb2dxgr55] {
    border-color: var(--primary);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--primary) 12%, transparent);
    text-decoration: none;
}

.section-tile:active[b-5eb2dxgr55] {
    transform: translateY(1px);
}

.section-tile-icon[b-5eb2dxgr55] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--radius);
    background: color-mix(in srgb, var(--primary) 8%, transparent);
    color: var(--primary);
    flex-shrink: 0;
}

.section-tile-body[b-5eb2dxgr55] {
    flex: 1;
    min-width: 0;
}

.section-tile-title[b-5eb2dxgr55] {
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
    margin-bottom: 0.25rem;
}

.section-tile-desc[b-5eb2dxgr55] {
    font-size: 0.875rem;
    color: var(--muted-foreground);
    line-height: 1.4;
}

.section-tile-chevron[b-5eb2dxgr55] {
    color: var(--muted-foreground);
    flex-shrink: 0;
}

.section-tile:hover .section-tile-chevron[b-5eb2dxgr55] {
    color: var(--primary);
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-hint[b-xde8b8d0yk] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: var(--muted);
    border-left: 3px solid var(--primary);
    font-size: 0.8125rem;
    color: var(--foreground);
}

.login-hint strong[b-xde8b8d0yk] {
    color: var(--primary);
}
/* /Components/Shared/Card.razor.rz.scp.css */
.fc-card[b-wny76uf0px] {
    display: flex;
    flex-direction: column;
}

.fc-card-header[b-wny76uf0px] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--border);
    font-weight: var(--font-weight-medium);
}

.fc-card-header-spacer[b-wny76uf0px] {
    flex: 1;
}

.fc-card-body[b-wny76uf0px] {
    padding: 1.25rem;
}
/* /Components/Shared/KundeDetail/EmailDomainFeld.razor.rz.scp.css */
/* Wert bzw. Eingabefeld und die Aktionen nebeneinander, ohne die Hoehe der uebrigen
   Detailfelder zu sprengen. */
.domain-feld-zeile[b-3j0iuc9jsk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.domain-feld-zeile .form-input[b-3j0iuc9jsk] {
    flex: 1;
    min-width: 0;
}

.domain-feld-zeile .detail-feld-wert[b-3j0iuc9jsk] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Shared/KundeDetail/KurzbeschreibungKarte.razor.rz.scp.css */
/* Quellenliste unter der Kurzbeschreibung. Bewusst als isoliertes Komponenten-CSS und
   nicht in app.css: die Klasse gilt nur hier und ist keine generische Bausteinklasse. */

.quellen[b-fq5g3tia9x] {
    margin-top: 0.75rem;
}

.quellen summary[b-fq5g3tia9x] {
    cursor: pointer;
    user-select: none;
    width: fit-content;
}

.quellen-liste[b-fq5g3tia9x] {
    list-style: none;
    margin: 0.25rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.quellen-liste li[b-fq5g3tia9x] {
    /* Lange Titel und nackte URLs duerfen die Karte nicht aufziehen. */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quellen-liste a[b-fq5g3tia9x] {
    color: var(--muted-foreground);
    text-decoration: none;
}

.quellen-liste a:hover[b-fq5g3tia9x] {
    color: var(--primary);
    text-decoration: underline;
}