/* _content/AI.ART/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-kp33ofet26] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* Harmonisiert mit NavMenu */
    --ai-topbar-height: 3.8rem;
    --ai-border: rgba(255, 255, 255, 0.08);
    --ai-topbar-bg: radial-gradient(circle at 0 0, rgba(0, 102, 255, 0.32), transparent 60%), radial-gradient(circle at 100% 100%, rgba(0, 0, 0, 0.6), transparent 60%), linear-gradient(180deg, #02030a, #041330);
    --ai-sidebar-bg: linear-gradient(180deg, #041330, #120423);
}

main[b-kp33ofet26] {
    flex: 1;
}

/* Sidebar-Hintergrund (unterhalb des NavMenu sichtbar, z.B. bei Leerraum) */
.sidebar[b-kp33ofet26] {
    background: var(--ai-sidebar-bg);
}

/* Top-Bar im Content-Bereich (Rechtliches-Links) */
.top-row[b-kp33ofet26] {
    height: var(--ai-topbar-height);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: var(--ai-topbar-bg);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--ai-border);
}

/* Links oben rechts (Impressum/Datenschutz/Cookies) */
.header-links[b-kp33ofet26] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
}

/* NavLink rendert ein <a> (Child-Component) => Styling via ::deep */
.top-row[b-kp33ofet26]  a.header-link {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .75rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
    white-space: nowrap;
    line-height: 1;
    font-size: .92rem;
    transition: background-color .2s ease-out, color .2s ease-out;
}

    .top-row[b-kp33ofet26]  a.header-link:hover {
        background-color: rgba(255, 255, 255, 0.12);
        color: #ffffff;
    }

    .top-row[b-kp33ofet26]  a.header-link.active {
        background-color: rgba(255, 255, 255, 0.28);
        color: #ffffff;
    }

    .top-row[b-kp33ofet26]  a.header-link:focus-visible {
        outline: 2px solid rgba(255, 255, 255, 0.75);
        outline-offset: 2px;
    }

/* Kleine Icons in der Header-Link-Leiste */
.icon[b-kp33ofet26] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.15rem;
    line-height: 1;
}

/* Mobile: Platz sparen -> nur Icons, Text ausblenden (ARIA bleibt erhalten) */
@media (max-width: 640.98px) {
    .link-text[b-kp33ofet26] {
        display: none;
    }

    .top-row[b-kp33ofet26]  a.header-link {
        padding: .35rem .55rem;
    }
}

@media (min-width: 641px) {
    .page[b-kp33ofet26] {
        flex-direction: row;
    }

    .sidebar[b-kp33ofet26] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        border-right: 1px solid var(--ai-border);
    }

    .top-row[b-kp33ofet26] {
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .top-row[b-kp33ofet26],
    article[b-kp33ofet26] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .top-row[b-kp33ofet26]  a.header-link {
        transition: none;
    }
}

#blazor-error-ui[b-kp33ofet26] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-kp33ofet26] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/AI.ART/Components/Layout/NavMenu.razor.rz.scp.css */
/* --- Top-Leiste mit zentriertem AI‑Logo ---------------------------------- */
/* Harmonisiert: gleiche Top-Bar-Höhe/Look wie MainLayout */

.top-row[b-xq6e6ut14s] {
    height: 3.8rem;
    background: radial-gradient(circle at 0 0, rgba(0, 102, 255, 0.32), transparent 60%), radial-gradient(circle at 100% 100%, rgba(0, 0, 0, 0.6), transparent 60%), linear-gradient(180deg, #02030a, #041330);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

    /* Brand-Container: Logo mittig */
    .top-row .container-fluid[b-xq6e6ut14s] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

/* AI.ARTISTS – größer + KI-Effekt in Schwarz / Blau / Weiß */
.navbar-brand.ai-brand[b-xq6e6ut14s] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 1rem;
    margin: 0 auto;
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    /* Schriftfarbe als animierter Verlauf: weiß → blau → fast schwarz → weiß */
    color: transparent;
    background-image: linear-gradient(120deg, #ffffff, #a9d6ff, #0b6bff, #02132c, #ffffff);
    background-size: 240% 240%;
    background-clip: text;
    -webkit-background-clip: text;
    animation: brand-shift-b-xq6e6ut14s 10s ease-in-out infinite;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}

    /* Tastaturfokus auf Brand */
    .navbar-brand.ai-brand:focus-visible[b-xq6e6ut14s] {
        outline: 2px solid rgba(255, 255, 255, 0.85);
        outline-offset: 4px;
        border-radius: 999px;
    }

    /* Glow-Halo hinter dem Text in Blau/Weiß */
    .navbar-brand.ai-brand[b-xq6e6ut14s]::before {
        content: "";
        position: absolute;
        inset: 0.1rem;
        border-radius: 999px;
        background: radial-gradient(circle at 0 0, rgba(75, 151, 255, 0.75), transparent 60%), radial-gradient(circle at 100% 100%, rgba(0, 0, 0, 0.7), transparent 60%);
        filter: blur(9px);
        opacity: 0.65;
        z-index: -1;
        animation: brand-glow-b-xq6e6ut14s 6s ease-in-out infinite alternate;
    }

    /* Kleiner "Datenpunkt", weiß/blau – AI-Scan-Effekt */
    .navbar-brand.ai-brand[b-xq6e6ut14s]::after {
        content: "";
        position: absolute;
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background: #ffffff;
        box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 18px rgba(99, 176, 255, 0.95);
        top: 50%;
        left: 0;
        transform: translate(-60%, -50%);
        animation: brand-orbit-b-xq6e6ut14s 7s ease-in-out infinite;
    }

/* --- Allgemeines Layout --------------------------------------------------- */

.navbar-toggler[b-xq6e6ut14s] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.65rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(0, 0, 0, 0.35);
    border-radius: 0.375rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

    .navbar-toggler:checked[b-xq6e6ut14s] {
        background-color: rgba(255, 255, 255, 0.18);
        border-color: rgba(255, 255, 255, 0.6);
    }

    .navbar-toggler:focus-visible[b-xq6e6ut14s] {
        outline: 2px solid rgba(255, 255, 255, 0.85);
        outline-offset: 2px;
    }

/* Sidebar-Hintergrund */
.nav-scrollable[b-xq6e6ut14s] {
    display: none;
    background: linear-gradient(180deg, #041330, #120423);
}

/* Desktop: Sidebar dauerhaft sichtbar */
@media (min-width: 641px) {
    .navbar-toggler[b-xq6e6ut14s] {
        display: none;
    }

    .nav-scrollable[b-xq6e6ut14s] {
        display: block;
        height: calc(100vh - 3.8rem);
        overflow-y: auto;
    }
}

/* Mobile: ein-/ausklappbar */
.navbar-toggler:checked ~ .nav-scrollable[b-xq6e6ut14s] {
    display: block;
}

/* Grundlayout: Icons linksbündig */
.nav-scrollable nav[b-xq6e6ut14s] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0.6rem 0 0.7rem 0.75rem;
}

/* Icon – größer + sanftes Schweben */
.icon[b-xq6e6ut14s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    font-size: 1.8rem;
    line-height: 1;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(0, 0, 0, 0.25);
    animation: icon-float-b-xq6e6ut14s 4s ease-in-out infinite;
}

.chevron[b-xq6e6ut14s] {
    font-size: 1.2rem;
    opacity: 0.9;
}

/* Texte ausblenden – reine Icon-Navigation */
.nav-text[b-xq6e6ut14s],
.section-title[b-xq6e6ut14s] {
    display: none;
}

/* Haupt‑Icons */
.nav-item[b-xq6e6ut14s] {
    font-size: 0.9rem;
    padding: 0.1rem 0;
}

    .nav-item:first-of-type[b-xq6e6ut14s] {
        padding-top: 0.7rem;
    }

    .nav-item[b-xq6e6ut14s]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 999px;
        width: 2.6rem;
        height: 2.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0.4rem 0;
        transition: background-color 0.2s ease-out, transform 0.2s ease-out, color 0.2s ease-out;
    }

/* Disabled-State (z.B. Username) */
.nav-link.disabled[b-xq6e6ut14s] {
    opacity: 0.85;
    cursor: default;
}

/* Home-Icon zentriert */
.nav-item.home-item[b-xq6e6ut14s] {
    width: 100%;
    display: flex;
    justify-content: center;
}

    .nav-item.home-item[b-xq6e6ut14s]  .nav-link {
        margin: 0.4rem auto 0 auto;
        transform: translateX(-12px); /* leicht nach links, gleiche Höhe wie andere Icons */
    }

/* Neben-/Unter-Icons: weiter nach rechts eingerückt */
.group-items .nav-item[b-xq6e6ut14s]  .nav-link {
    margin-left: 3.6rem;
}

/* Aktiver Link */
.nav-item[b-xq6e6ut14s]  a.active {
    background-color: rgba(255, 255, 255, 0.37);
    color: #ffffff;
}

/* Hover-Effekt */
.nav-item[b-xq6e6ut14s]  .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

    /* Zusätzliche kleine Bewegung beim Hover */
    .nav-item[b-xq6e6ut14s]  .nav-link:hover .icon,
    .nav-group > summary:hover .icon[b-xq6e6ut14s] {
        animation: icon-hover-b-xq6e6ut14s 0.5s ease-out;
    }

/* Tastaturfokus */
.nav-item[b-xq6e6ut14s]  .nav-link:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.75);
    outline-offset: 2px;
}

/* Auf/zu klappbare Gruppen */
.nav-group[b-xq6e6ut14s] {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 0.35rem;
    margin-top: 0.25rem;
}

    .nav-group:first-of-type[b-xq6e6ut14s] {
        border-top: none;
        margin-top: 1.2rem; /* erster Abschnitt weiter nach unten */
    }

    .nav-group > summary[b-xq6e6ut14s] {
        list-style: none;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.25rem;
        padding: 0.25rem 0.5rem 0.25rem 0;
        color: rgba(255, 255, 255, 0.85);
        text-transform: uppercase;
        letter-spacing: 0.06em;
        font-size: 0.72rem;
        user-select: none;
        border-radius: 4px;
    }

        .nav-group > summary[b-xq6e6ut14s]::-webkit-details-marker {
            display: none;
        }

    /* Chevron dreht bei geöffnetem Abschnitt */
    .nav-group[open] > summary .chevron[b-xq6e6ut14s] {
        transform: rotate(90deg);
    }

/* Unterpunkte einer Gruppe */
.group-items[b-xq6e6ut14s] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0.25rem;
}

/* --- Animationen ---------------------------------------------------------- */

@keyframes brand-shift-b-xq6e6ut14s {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes brand-glow-b-xq6e6ut14s {
    0% {
        opacity: 0.25;
    }

    50% {
        opacity: 0.9;
    }

    100% {
        opacity: 0.4;
    }
}

@keyframes brand-orbit-b-xq6e6ut14s {
    0% {
        transform: translate(-60%, -50%);
    }

    50% {
        transform: translate(160%, -50%);
    }

    100% {
        transform: translate(-60%, -50%);
    }
}

/* Sanftes "Schweben" der Icons */
@keyframes icon-float-b-xq6e6ut14s {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-2px);
    }

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

/* Kleiner Lift beim Hover */
@keyframes icon-hover-b-xq6e6ut14s {
    0% {
        transform: translateY(0) scale(1);
    }

    30% {
        transform: translateY(-2px) scale(1.05);
    }

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

/* Bewegungen respektieren Barrierefreiheit */
@media (prefers-reduced-motion: reduce) {
    .navbar-brand.ai-brand[b-xq6e6ut14s],
    .navbar-brand.ai-brand[b-xq6e6ut14s]::before,
    .navbar-brand.ai-brand[b-xq6e6ut14s]::after,
    .icon[b-xq6e6ut14s] {
        animation: none !important;
    }

    .navbar-toggler[b-xq6e6ut14s],
    .nav-item[b-xq6e6ut14s]  .nav-link {
        transition: none !important;
    }
}
/* _content/AI.ART/Components/Pages/Cookies.razor.rz.scp.css */
.info-page[b-wjrjeag519] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.5rem 3rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.info-header h1[b-wjrjeag519] {
    font-size: 2rem;
    margin-bottom: 0.45rem;
}

.info-lead[b-wjrjeag519] {
    font-size: 1.02rem;
    color: #4b5563;
    max-width: 44rem;
}

.info-section[b-wjrjeag519] {
    margin-top: 2rem;
}

    .info-section h2[b-wjrjeag519] {
        font-size: 1.35rem;
        margin-bottom: 0.45rem;
    }

    .info-section > p[b-wjrjeag519] {
        color: #4b5563;
        max-width: 46rem;
    }

/* Listen, Notizen */

.info-list[b-wjrjeag519] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-list li + li[b-wjrjeag519] {
        margin-top: 0.22rem;
    }

.info-note[b-wjrjeag519] {
    margin-top: 0.6rem;
    font-size: 0.92rem;
    color: #6b7280;
}

/* Karten / Grid-Layout */

.info-section.grid[b-wjrjeag519] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 1.4rem;
}

.info-card[b-wjrjeag519] {
    background: #ffffff;
    border-radius: 0.75rem;
    padding: 1.35rem 1.3rem 1.45rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

    .info-card h3[b-wjrjeag519] {
        margin-top: 0;
        font-size: 1.15rem;
        margin-bottom: 0.35rem;
    }

.info-grid-2col[b-wjrjeag519] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
    gap: 1.4rem;
    margin-top: 0.8rem;
}

/* Schritte-Liste */

.info-steps[b-wjrjeag519] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-steps li + li[b-wjrjeag519] {
        margin-top: 0.35rem;
    }

/* Links & Buttons */

.info-link[b-wjrjeag519] {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

    .info-link:hover[b-wjrjeag519] {
        text-decoration: underline;
    }

.info-footer[b-wjrjeag519] {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 1.4rem;
}

    .info-footer h2[b-wjrjeag519] {
        font-size: 1.2rem;
        margin-bottom: 0.6rem;
    }

.info-footer-links[b-wjrjeag519] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.info-btn[b-wjrjeag519] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1.15rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.94rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    background: #2563eb;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.3);
    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease, border-color 0.15s ease;
}

    .info-btn:hover[b-wjrjeag519] {
        background: #1d4ed8;
        box-shadow: 0 10px 22px rgba(30, 64, 175, 0.35);
        transform: translateY(-1px);
    }

    .info-btn.ghost[b-wjrjeag519] {
        background: transparent;
        color: #111827;
        border-color: rgba(15, 23, 42, 0.2);
        box-shadow: none;
    }

        .info-btn.ghost:hover[b-wjrjeag519] {
            background: rgba(15, 23, 42, 0.03);
        }

/* Dark-Mode */

@media (prefers-color-scheme: dark) {
    .info-page[b-wjrjeag519] {
        color: #e5e7eb;
    }

    .info-lead[b-wjrjeag519],
    .info-section > p[b-wjrjeag519],
    .info-list[b-wjrjeag519],
    .info-note[b-wjrjeag519],
    .info-steps[b-wjrjeag519] {
        color: #9ca3af;
    }

    .info-card[b-wjrjeag519] {
        background: #020617;
        border-color: rgba(148, 163, 184, 0.25);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.75);
    }

    .info-footer[b-wjrjeag519] {
        border-top-color: rgba(148, 163, 184, 0.25);
    }

    .info-btn.ghost[b-wjrjeag519] {
        color: #e5e7eb;
        border-color: rgba(148, 163, 184, 0.5);
    }

        .info-btn.ghost:hover[b-wjrjeag519] {
            background: rgba(148, 163, 184, 0.08);
        }

    .info-link[b-wjrjeag519] {
        color: #60a5fa;
    }
}

/* Mobile */

@media (max-width: 768px) {
    .info-page[b-wjrjeag519] {
        padding: 1.6rem 1.1rem 2.5rem;
    }

    .info-header h1[b-wjrjeag519] {
        font-size: 1.7rem;
    }

    .info-grid-2col[b-wjrjeag519] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 480px) {
    .info-footer-links[b-wjrjeag519] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/AI.ART/Components/Pages/Counter.razor.rz.scp.css */
/* Counter.razor.css
   Zentrale Styles für die Counter-Komponente.
   Ziel: übersichtlich, nicht-invasiv (Bootstrap-Variablen nutzen) und gut lesbar, inkl. Dark-Mode-Support durch Variablen.
*/

/* 1) Sektionen (Details/Accordion) */
details.section[b-wb7s226fsb] {
    /* Abstand zwischen Abschnitten */
    margin: 0.5rem 0;
    border: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    border-radius: 0.375rem; /* ~ .rounded */
    background: var(--bs-body-bg);
}

    /* Summary-Kopfzeile: klickbarer Header */
    details.section > summary[b-wb7s226fsb] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        padding: .5rem .75rem;
        cursor: pointer;
        user-select: none;
        /* Standard-Marker des Browsers ausblenden, wir nutzen eine eigene Chevrone */
        list-style: none;
    }

        /* Einige Browser benötigen diese Marker-Entfernung explizit */
        details.section > summary[b-wb7s226fsb]::-webkit-details-marker {
            display: none;
        }

        /* Hover/Focus-Zustände für bessere Erkennbarkeit */
        details.section > summary:hover[b-wb7s226fsb] {
            background-color: var(--bs-secondary-bg, rgba(0,0,0,.03));
        }

        details.section > summary:focus[b-wb7s226fsb] {
            outline: 2px solid var(--bs-primary);
            outline-offset: 2px;
        }

    /* Chevrone rechts: dreht sich beim Öffnen */
    details.section .chev[b-wb7s226fsb] {
        transition: transform .2s ease;
        display: inline-block;
        line-height: 1;
        color: var(--bs-body-color);
        opacity: .8;
    }

    details.section[open] .chev[b-wb7s226fsb] {
        transform: rotate(90deg);
    }

    /* Inhalt der Sektion */
    details.section .section-body[b-wb7s226fsb] {
        padding: .75rem;
        border-top: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    }

/* 2) Sticky-Aktionsleiste (Import/Export/Help) */
.sticky-actions[b-wb7s226fsb] {
    position: sticky;
    top: 0; /* ggf. an Header-Höhe anpassen */
    z-index: 1020; /* über Inhalt, unter Offcanvas/Modals */
    background: var(--bs-body-bg);
    padding: .5rem .5rem;
    border-bottom: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
}

/* 3) Selections-Box und -Einträge (Markierungen) */
.selections-box[b-wb7s226fsb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .5rem;
}

/* Einzelne Auswahl-„Badges“ (hier auf Basis von .alert) */
.selection-entry[b-wb7s226fsb] {
    padding: .5rem .75rem;
    margin: 0; /* Grid übernimmt die Abstände */
    border-color: var(--bs-border-color, rgba(0,0,0,.125));
    background: var(--bs-tertiary-bg, rgba(0,0,0,.02));
}

/* 4) Chat-Bereich */
.chat-box[b-wb7s226fsb] {
    background: var(--bs-tertiary-bg, rgba(0,0,0,.02));
    max-height: 40vh; /* begrenzte Höhe für viel Verlauf */
    overflow: auto;
}

/* Erhaltung von Zeilenumbrüchen für Chat- und Hilfetexte */
.prewrap[b-wb7s226fsb] {
    white-space: pre-wrap;
    word-break: break-word;
}

/* 5) Floating KI-Chat-Button (FAB) – Positionierung */
.chat-fab[b-wb7s226fsb] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1030; /* über Sticky-Leisten, unter Modals */
}

    .chat-fab .btn[b-wb7s226fsb] {
        width: 3rem;
        height: 3rem;
        line-height: 1;
        font-size: 1.25rem;
    }

/* 6) Tabellen-Feinschliff (bewusst minimal, Bootstrap respektierend) */
/* Kopfzeile leicht hervorheben (für lange Tabellen in der Tagesübersicht nützlich) */
.table thead th[b-wb7s226fsb] {
    vertical-align: middle;
    white-space: nowrap;
}
/* Zellen: lange Texte sauber umbrechen */
.table td[b-wb7s226fsb], .table th[b-wb7s226fsb] {
    word-break: break-word;
}

/* 7) Responsives Feintuning */
@media (max-width: 576px) {
    .chat-box[b-wb7s226fsb] {
        max-height: 50vh;
    }
    /* mehr Platz auf kleinen Displays */
    .selections-box[b-wb7s226fsb] {
        grid-template-columns: 1fr;
    }
    /* eine Spalte auf XS */
}

/* 8) Druck-Optimierung (optional) */
@media print {
    .sticky-actions[b-wb7s226fsb],
    .chat-fab[b-wb7s226fsb] {
        display: none !important;
    }

    details.section[b-wb7s226fsb] {
        border: 1px solid #000;
    }
}


/* Globale Statusanzeige für Hintergrundaktionen */
.global-status[b-wb7s226fsb] {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1080;
    background-color: rgba(33, 37, 41, 0.92); /* nahe an bg-dark */
    color: #f8f9fa;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    max-width: 320px;
}

    .global-status .spinner-border[b-wb7s226fsb] {
        width: 1rem;
        height: 1rem;
        border-width: 0.15rem;
    }

/* Counter-spezifische Ergänzungen */
.preview-box .placeholder[b-wb7s226fsb] {
    height: 240px;
    background: var(--bs-tertiary-bg, rgba(0,0,0,.02));
}

.prompt-box[b-wb7s226fsb] {
    min-height: 8rem;
    resize: vertical;
}

.image-tabs[b-wb7s226fsb] {
    overflow-x: auto;
    white-space: nowrap;
}

    .image-tabs .nav-link[b-wb7s226fsb] {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        padding: .35rem .5rem;
    }

        .image-tabs .nav-link:focus-visible[b-wb7s226fsb] {
            outline: 2px solid var(--bs-primary, #0d6efd);
            outline-offset: 2px;
            border-radius: .25rem;
        }

        .image-tabs .nav-link.active[b-wb7s226fsb] {
            font-weight: 600;
        }

    .image-tabs .thumb[b-wb7s226fsb] {
        width: 36px;
        height: 24px;
        background-size: cover;
        background-position: center center;
        border-radius: .25rem;
        border: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
        background-color: var(--bs-tertiary-bg, rgba(0,0,0,.02));
    }

    .image-tabs .label[b-wb7s226fsb] {
        font-size: .9rem;
    }

input#fileInput[type="file"][b-wb7s226fsb] {
    display: none !important;
}

.preview-box img.preview-half[b-wb7s226fsb] {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

.placeholder-glow .placeholder[b-wb7s226fsb] {
    border-radius: .25rem;
}
/* _content/AI.ART/Components/Pages/Datenschutz.razor.rz.scp.css */
.info-page[b-qx86z597o2] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.5rem 3rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.info-header h1[b-qx86z597o2] {
    font-size: 2rem;
    margin-bottom: 0.45rem;
}

.info-lead[b-qx86z597o2] {
    font-size: 1.02rem;
    color: #4b5563;
    max-width: 44rem;
}

.info-section[b-qx86z597o2] {
    margin-top: 2rem;
}

    .info-section h2[b-qx86z597o2] {
        font-size: 1.35rem;
        margin-bottom: 0.45rem;
    }

    .info-section > p[b-qx86z597o2] {
        color: #4b5563;
        max-width: 46rem;
    }

/* Listen, Notizen */

.info-list[b-qx86z597o2] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-list li + li[b-qx86z597o2] {
        margin-top: 0.22rem;
    }

.info-note[b-qx86z597o2] {
    margin-top: 0.6rem;
    font-size: 0.92rem;
    color: #6b7280;
}

/* Karten / Grid-Layout */

.info-section.grid[b-qx86z597o2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 1.4rem;
}

.info-card[b-qx86z597o2] {
    background: #ffffff;
    border-radius: 0.75rem;
    padding: 1.35rem 1.3rem 1.45rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

    .info-card h3[b-qx86z597o2] {
        margin-top: 0;
        font-size: 1.15rem;
        margin-bottom: 0.35rem;
    }

.info-grid-2col[b-qx86z597o2] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
    gap: 1.4rem;
    margin-top: 0.8rem;
}

/* Schritte-Liste */

.info-steps[b-qx86z597o2] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-steps li + li[b-qx86z597o2] {
        margin-top: 0.35rem;
    }

/* Links & Buttons */

.info-link[b-qx86z597o2] {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

    .info-link:hover[b-qx86z597o2] {
        text-decoration: underline;
    }

.info-footer[b-qx86z597o2] {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 1.4rem;
}

    .info-footer h2[b-qx86z597o2] {
        font-size: 1.2rem;
        margin-bottom: 0.6rem;
    }

.info-footer-links[b-qx86z597o2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.info-btn[b-qx86z597o2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1.15rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.94rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    background: #2563eb;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.3);
    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease, border-color 0.15s ease;
}

    .info-btn:hover[b-qx86z597o2] {
        background: #1d4ed8;
        box-shadow: 0 10px 22px rgba(30, 64, 175, 0.35);
        transform: translateY(-1px);
    }

    .info-btn.ghost[b-qx86z597o2] {
        background: transparent;
        color: #111827;
        border-color: rgba(15, 23, 42, 0.2);
        box-shadow: none;
    }

        .info-btn.ghost:hover[b-qx86z597o2] {
            background: rgba(15, 23, 42, 0.03);
        }

/* Dark-Mode */

@media (prefers-color-scheme: dark) {
    .info-page[b-qx86z597o2] {
        color: #e5e7eb;
    }

    .info-lead[b-qx86z597o2],
    .info-section > p[b-qx86z597o2],
    .info-list[b-qx86z597o2],
    .info-note[b-qx86z597o2],
    .info-steps[b-qx86z597o2] {
        color: #9ca3af;
    }

    .info-card[b-qx86z597o2] {
        background: #020617;
        border-color: rgba(148, 163, 184, 0.25);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.75);
    }

    .info-footer[b-qx86z597o2] {
        border-top-color: rgba(148, 163, 184, 0.25);
    }

    .info-btn.ghost[b-qx86z597o2] {
        color: #e5e7eb;
        border-color: rgba(148, 163, 184, 0.5);
    }

        .info-btn.ghost:hover[b-qx86z597o2] {
            background: rgba(148, 163, 184, 0.08);
        }

    .info-link[b-qx86z597o2] {
        color: #60a5fa;
    }
}

/* Mobile */

@media (max-width: 768px) {
    .info-page[b-qx86z597o2] {
        padding: 1.6rem 1.1rem 2.5rem;
    }

    .info-header h1[b-qx86z597o2] {
        font-size: 1.7rem;
    }

    .info-grid-2col[b-qx86z597o2] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 480px) {
    .info-footer-links[b-qx86z597o2] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/AI.ART/Components/Pages/Home.razor.rz.scp.css */
.home-page[b-q703s6df0r] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.5rem 3rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.home-header h1[b-q703s6df0r] {
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
}

.home-lead[b-q703s6df0r] {
    font-size: 1.05rem;
    color: #555;
    max-width: 42rem;
}

.home-intro[b-q703s6df0r] {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

    .home-intro h2[b-q703s6df0r] {
        font-size: 1.4rem;
        margin-bottom: 0.25rem;
    }

    .home-intro p[b-q703s6df0r] {
        color: #555;
    }

/* Karten-Layout */

.home-grid[b-q703s6df0r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 2.5rem;
}

.home-card[b-q703s6df0r] {
    background: #ffffff;
    border-radius: 0.75rem;
    padding: 1.5rem 1.4rem 1.6rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

    .home-card h3[b-q703s6df0r] {
        margin: 0;
        font-size: 1.25rem;
    }

    .home-card p[b-q703s6df0r] {
        margin: 0;
        color: #444;
    }

.home-list[b-q703s6df0r] {
    margin: 0.25rem 0 0.75rem;
    padding-left: 1.1rem;
    color: #444;
    font-size: 0.95rem;
}

    .home-list li + li[b-q703s6df0r] {
        margin-top: 0.25rem;
    }

/* Buttons */

.home-btn[b-q703s6df0r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 1.2rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease, border-color 0.15s ease;
    user-select: none;
}

    .home-btn.primary[b-q703s6df0r] {
        background: linear-gradient(135deg, #2563eb, #1d4ed8);
        color: #fff;
        box-shadow: 0 8px 18px rgba(37, 99, 235, 0.35);
    }

        .home-btn.primary:hover[b-q703s6df0r] {
            background: linear-gradient(135deg, #1d4ed8, #1e40af);
            box-shadow: 0 10px 24px rgba(30, 64, 175, 0.4);
            transform: translateY(-1px);
        }

    .home-btn.secondary[b-q703s6df0r] {
        background: #f97316;
        color: #fff;
        box-shadow: 0 8px 18px rgba(249, 115, 22, 0.35);
    }

        .home-btn.secondary:hover[b-q703s6df0r] {
            background: #ea580c;
            box-shadow: 0 10px 24px rgba(234, 88, 12, 0.4);
            transform: translateY(-1px);
        }

    .home-btn.ghost[b-q703s6df0r] {
        background: transparent;
        border-color: rgba(15, 23, 42, 0.2);
        color: #111827;
    }

        .home-btn.ghost:hover[b-q703s6df0r] {
            background: rgba(15, 23, 42, 0.03);
        }

/* Hinweise unter den Buttons */

.home-hint[b-q703s6df0r] {
    margin-top: 0.4rem;
    font-size: 0.9rem;
    color: #6b7280;
}

    .home-hint em[b-q703s6df0r] {
        font-style: italic;
        color: #4b5563;
    }

/* Footer-Bereich */

.home-footer[b-q703s6df0r] {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 1.5rem;
    max-width: 44rem;
}

    .home-footer h2[b-q703s6df0r] {
        font-size: 1.2rem;
        margin-bottom: 0.4rem;
    }

    .home-footer p[b-q703s6df0r] {
        margin-bottom: 0.7rem;
        color: #4b5563;
    }

/* Basic Dark-Mode-Anpassung, falls global ein Dark-Theme aktiv ist */

@media (prefers-color-scheme: dark) {
    .home-page[b-q703s6df0r] {
        color: #e5e7eb;
    }

    .home-card[b-q703s6df0r] {
        background: #020617;
        border-color: rgba(148, 163, 184, 0.2);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.7);
    }

        .home-lead[b-q703s6df0r],
        .home-intro p[b-q703s6df0r],
        .home-card p[b-q703s6df0r],
        .home-list[b-q703s6df0r],
        .home-footer p[b-q703s6df0r],
        .home-hint[b-q703s6df0r] {
            color: #9ca3af;
        }

    .home-btn.ghost[b-q703s6df0r] {
        border-color: rgba(148, 163, 184, 0.5);
        color: #e5e7eb;
    }

        .home-btn.ghost:hover[b-q703s6df0r] {
            background: rgba(148, 163, 184, 0.08);
        }

    .home-footer[b-q703s6df0r] {
        border-top-color: rgba(148, 163, 184, 0.2);
    }
}

/* Mobile Feintuning */

@media (max-width: 640px) {
    .home-page[b-q703s6df0r] {
        padding: 1.5rem 1.1rem 2.5rem;
    }

    .home-header h1[b-q703s6df0r] {
        font-size: 1.8rem;
    }
}
/* _content/AI.ART/Components/Pages/Impressum.razor.rz.scp.css */
.info-page[b-3lkcpsax4r] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.5rem 3rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.info-header h1[b-3lkcpsax4r] {
    font-size: 2rem;
    margin-bottom: 0.45rem;
}

.info-lead[b-3lkcpsax4r] {
    font-size: 1.02rem;
    color: #4b5563;
    max-width: 44rem;
}

.info-section[b-3lkcpsax4r] {
    margin-top: 2rem;
}

    .info-section h2[b-3lkcpsax4r] {
        font-size: 1.35rem;
        margin-bottom: 0.45rem;
    }

    .info-section > p[b-3lkcpsax4r] {
        color: #4b5563;
        max-width: 46rem;
    }

/* Listen, Notizen */

.info-list[b-3lkcpsax4r] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-list li + li[b-3lkcpsax4r] {
        margin-top: 0.22rem;
    }

.info-note[b-3lkcpsax4r] {
    margin-top: 0.6rem;
    font-size: 0.92rem;
    color: #6b7280;
}

/* Karten / Grid-Layout */

.info-section.grid[b-3lkcpsax4r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 1.4rem;
}

.info-card[b-3lkcpsax4r] {
    background: #ffffff;
    border-radius: 0.75rem;
    padding: 1.35rem 1.3rem 1.45rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

    .info-card h3[b-3lkcpsax4r] {
        margin-top: 0;
        font-size: 1.15rem;
        margin-bottom: 0.35rem;
    }

.info-grid-2col[b-3lkcpsax4r] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
    gap: 1.4rem;
    margin-top: 0.8rem;
}

/* Schritte-Liste */

.info-steps[b-3lkcpsax4r] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-steps li + li[b-3lkcpsax4r] {
        margin-top: 0.35rem;
    }

/* Links & Buttons */

.info-link[b-3lkcpsax4r] {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

    .info-link:hover[b-3lkcpsax4r] {
        text-decoration: underline;
    }

.info-footer[b-3lkcpsax4r] {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 1.4rem;
}

    .info-footer h2[b-3lkcpsax4r] {
        font-size: 1.2rem;
        margin-bottom: 0.6rem;
    }

.info-footer-links[b-3lkcpsax4r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.info-btn[b-3lkcpsax4r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1.15rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.94rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    background: #2563eb;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.3);
    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease, border-color 0.15s ease;
}

    .info-btn:hover[b-3lkcpsax4r] {
        background: #1d4ed8;
        box-shadow: 0 10px 22px rgba(30, 64, 175, 0.35);
        transform: translateY(-1px);
    }

    .info-btn.ghost[b-3lkcpsax4r] {
        background: transparent;
        color: #111827;
        border-color: rgba(15, 23, 42, 0.2);
        box-shadow: none;
    }

        .info-btn.ghost:hover[b-3lkcpsax4r] {
            background: rgba(15, 23, 42, 0.03);
        }

/* Dark-Mode */

@media (prefers-color-scheme: dark) {
    .info-page[b-3lkcpsax4r] {
        color: #e5e7eb;
    }

    .info-lead[b-3lkcpsax4r],
    .info-section > p[b-3lkcpsax4r],
    .info-list[b-3lkcpsax4r],
    .info-note[b-3lkcpsax4r],
    .info-steps[b-3lkcpsax4r] {
        color: #9ca3af;
    }

    .info-card[b-3lkcpsax4r] {
        background: #020617;
        border-color: rgba(148, 163, 184, 0.25);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.75);
    }

    .info-footer[b-3lkcpsax4r] {
        border-top-color: rgba(148, 163, 184, 0.25);
    }

    .info-btn.ghost[b-3lkcpsax4r] {
        color: #e5e7eb;
        border-color: rgba(148, 163, 184, 0.5);
    }

        .info-btn.ghost:hover[b-3lkcpsax4r] {
            background: rgba(148, 163, 184, 0.08);
        }

    .info-link[b-3lkcpsax4r] {
        color: #60a5fa;
    }
}

/* Mobile */

@media (max-width: 768px) {
    .info-page[b-3lkcpsax4r] {
        padding: 1.6rem 1.1rem 2.5rem;
    }

    .info-header h1[b-3lkcpsax4r] {
        font-size: 1.7rem;
    }

    .info-grid-2col[b-3lkcpsax4r] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 480px) {
    .info-footer-links[b-3lkcpsax4r] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/AI.ART/Components/Pages/Information.razor.rz.scp.css */
.info-page[b-i6c14w4aim] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.5rem 3rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.info-header h1[b-i6c14w4aim] {
    font-size: 2rem;
    margin-bottom: 0.45rem;
}

.info-lead[b-i6c14w4aim] {
    font-size: 1.02rem;
    color: #4b5563;
    max-width: 44rem;
}

.info-section[b-i6c14w4aim] {
    margin-top: 2rem;
}

    .info-section h2[b-i6c14w4aim] {
        font-size: 1.35rem;
        margin-bottom: 0.45rem;
    }

    .info-section > p[b-i6c14w4aim] {
        color: #4b5563;
        max-width: 46rem;
    }

/* Listen, Notizen */

.info-list[b-i6c14w4aim] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-list li + li[b-i6c14w4aim] {
        margin-top: 0.22rem;
    }

.info-note[b-i6c14w4aim] {
    margin-top: 0.6rem;
    font-size: 0.92rem;
    color: #6b7280;
}

/* Karten / Grid-Layout */

.info-section.grid[b-i6c14w4aim] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 1.4rem;
}

.info-card[b-i6c14w4aim] {
    background: #ffffff;
    border-radius: 0.75rem;
    padding: 1.35rem 1.3rem 1.45rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

    .info-card h3[b-i6c14w4aim] {
        margin-top: 0;
        font-size: 1.15rem;
        margin-bottom: 0.35rem;
    }

.info-grid-2col[b-i6c14w4aim] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
    gap: 1.4rem;
    margin-top: 0.8rem;
}

/* Schritte-Liste */

.info-steps[b-i6c14w4aim] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-steps li + li[b-i6c14w4aim] {
        margin-top: 0.35rem;
    }

/* Links & Buttons */

.info-link[b-i6c14w4aim] {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

    .info-link:hover[b-i6c14w4aim] {
        text-decoration: underline;
    }

.info-footer[b-i6c14w4aim] {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 1.4rem;
}

    .info-footer h2[b-i6c14w4aim] {
        font-size: 1.2rem;
        margin-bottom: 0.6rem;
    }

.info-footer-links[b-i6c14w4aim] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.info-btn[b-i6c14w4aim] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1.15rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.94rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    background: #2563eb;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.3);
    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease, border-color 0.15s ease;
}

    .info-btn:hover[b-i6c14w4aim] {
        background: #1d4ed8;
        box-shadow: 0 10px 22px rgba(30, 64, 175, 0.35);
        transform: translateY(-1px);
    }

    .info-btn.ghost[b-i6c14w4aim] {
        background: transparent;
        color: #111827;
        border-color: rgba(15, 23, 42, 0.2);
        box-shadow: none;
    }

        .info-btn.ghost:hover[b-i6c14w4aim] {
            background: rgba(15, 23, 42, 0.03);
        }

/* Dark-Mode */

@media (prefers-color-scheme: dark) {
    .info-page[b-i6c14w4aim] {
        color: #e5e7eb;
    }

    .info-lead[b-i6c14w4aim],
    .info-section > p[b-i6c14w4aim],
    .info-list[b-i6c14w4aim],
    .info-note[b-i6c14w4aim],
    .info-steps[b-i6c14w4aim] {
        color: #9ca3af;
    }

    .info-card[b-i6c14w4aim] {
        background: #020617;
        border-color: rgba(148, 163, 184, 0.25);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.75);
    }

    .info-footer[b-i6c14w4aim] {
        border-top-color: rgba(148, 163, 184, 0.25);
    }

    .info-btn.ghost[b-i6c14w4aim] {
        color: #e5e7eb;
        border-color: rgba(148, 163, 184, 0.5);
    }

        .info-btn.ghost:hover[b-i6c14w4aim] {
            background: rgba(148, 163, 184, 0.08);
        }

    .info-link[b-i6c14w4aim] {
        color: #60a5fa;
    }
}

/* Mobile */

@media (max-width: 768px) {
    .info-page[b-i6c14w4aim] {
        padding: 1.6rem 1.1rem 2.5rem;
    }

    .info-header h1[b-i6c14w4aim] {
        font-size: 1.7rem;
    }

    .info-grid-2col[b-i6c14w4aim] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 480px) {
    .info-footer-links[b-i6c14w4aim] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/AI.ART/Components/Pages/Kiga.razor.rz.scp.css */
/* Kiga.razor.css
   Premium "Fotografenwelt"-inspired surface style for KIGA.
   Goal: lighter, calmer, image-centric, service-oriented workflow UI.
*/

.kiga-page[b-t13l3v2at7] {
    --kiga-bg: #f6f1e8;
    --kiga-paper: #fcfaf6;
    --kiga-surface: #ffffff;
    --kiga-surface-soft: #f8f4ee;
    --kiga-surface-strong: #f2ece2;
    --kiga-ink: #233247;
    --kiga-ink-soft: #41526a;
    --kiga-muted: #7a8798;
    --kiga-line: rgba(35, 50, 71, 0.10);
    --kiga-line-strong: rgba(35, 50, 71, 0.16);
    --kiga-primary: #304865;
    --kiga-primary-strong: #253950;
    --kiga-primary-soft: #edf2f7;
    --kiga-accent: #c79a57;
    --kiga-accent-strong: #b68643;
    --kiga-accent-soft: #f6eedf;
    --kiga-success: #54785f;
    --kiga-success-soft: #edf5ef;
    --kiga-warning: #b38744;
    --kiga-warning-soft: #fff5e6;
    --kiga-danger: #b85d55;
    --kiga-danger-soft: #fff0ee;
    --kiga-shadow-soft: 0 12px 28px rgba(27, 39, 55, 0.06);
    --kiga-shadow: 0 24px 56px rgba(27, 39, 55, 0.08);
    --kiga-shadow-strong: 0 32px 72px rgba(27, 39, 55, 0.12);
    color: var(--kiga-ink);
    margin: 0 auto;
    max-width: 1520px;
    padding: clamp(1rem, 2vw, 1.5rem) clamp(0.35rem, 1.4vw, 1rem) 4rem;
    background: radial-gradient(circle at top left, rgba(199, 154, 87, 0.10), transparent 34%), linear-gradient(180deg, #f7f2ea 0%, #fdfbf7 16%, #f7f2ea 100%);
}

    .kiga-page[b-t13l3v2at7],
    .kiga-page *[b-t13l3v2at7] {
        box-sizing: border-box;
    }

        .kiga-page a[b-t13l3v2at7] {
            color: var(--kiga-primary);
        }

        .kiga-page p[b-t13l3v2at7],
        .kiga-page li[b-t13l3v2at7],
        .kiga-page label[b-t13l3v2at7],
        .kiga-page .form-text[b-t13l3v2at7],
        .kiga-page .text-muted[b-t13l3v2at7] {
            color: var(--kiga-ink-soft) !important;
        }

            .kiga-page .text-muted strong[b-t13l3v2at7],
            .kiga-page strong[b-t13l3v2at7] {
                color: var(--kiga-ink);
            }

        .kiga-page code[b-t13l3v2at7] {
            color: #6b5330;
            background: rgba(199, 154, 87, 0.10);
            border-radius: 0.45rem;
            padding: 0.08rem 0.35rem;
        }

        .kiga-page pre[b-t13l3v2at7] {
            margin: 0;
            padding: 1rem 1.1rem;
            border-radius: 1rem;
            border: 1px solid var(--kiga-line);
            background: linear-gradient(180deg, #fffdfa 0%, #f9f5ee 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
        }

        .kiga-page hr[b-t13l3v2at7] {
            border: 0;
            height: 1px;
            margin: 1.5rem 0;
            background: linear-gradient(90deg, transparent, rgba(35, 50, 71, 0.10), transparent);
        }

        .kiga-page .form-label[b-t13l3v2at7],
        .kiga-page label.small[b-t13l3v2at7],
        .kiga-page h6[b-t13l3v2at7] {
            color: var(--kiga-ink);
            letter-spacing: 0.04em;
        }

        .kiga-page h6[b-t13l3v2at7] {
            margin-bottom: 0.8rem;
            font-size: 0.78rem;
            font-weight: 700;
            text-transform: uppercase;
            color: var(--kiga-muted);
        }

        .kiga-page ol[b-t13l3v2at7],
        .kiga-page ul[b-t13l3v2at7] {
            padding-left: 1.15rem;
        }

        .kiga-page li + li[b-t13l3v2at7] {
            margin-top: 0.3rem;
        }

/* Hero ------------------------------------------------------------------- */
.kiga-hero[b-t13l3v2at7] {
    position: relative;
    margin-bottom: 1.5rem;
    padding: clamp(1.2rem, 3vw, 2rem);
    border: 1px solid rgba(199, 154, 87, 0.22);
    border-radius: 2rem;
    background: radial-gradient(circle at top right, rgba(199, 154, 87, 0.14), transparent 30%), linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 244, 238, 0.96) 100%);
    box-shadow: var(--kiga-shadow);
}

.kiga-hero-top[b-t13l3v2at7] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.9fr);
    gap: 1.25rem;
    align-items: stretch;
}

.kiga-hero-copy[b-t13l3v2at7] {
    min-width: 0;
}

.kiga-kicker[b-t13l3v2at7] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.8rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--kiga-primary);
}

    .kiga-kicker[b-t13l3v2at7]::before {
        content: "";
        width: 2.4rem;
        height: 1px;
        background: linear-gradient(90deg, var(--kiga-accent), transparent);
    }

.kiga-title-row[b-t13l3v2at7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.kiga-title[b-t13l3v2at7] {
    margin: 0;
    max-width: 16ch;
    color: var(--kiga-ink);
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.02;
    letter-spacing: -0.03em;
    font-weight: 750;
}

.kiga-hero-lang[b-t13l3v2at7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.kiga-lead[b-t13l3v2at7] {
    margin: 1rem 0 0;
    max-width: 68ch;
    font-size: 1.02rem;
    line-height: 1.72;
    color: var(--kiga-ink-soft);
}

.kiga-hero-stats[b-t13l3v2at7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1.25rem;
}

.kiga-stat[b-t13l3v2at7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2.6rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid var(--kiga-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.85);
    color: var(--kiga-ink-soft);
    box-shadow: 0 6px 16px rgba(35, 50, 71, 0.04);
    white-space: nowrap;
}

    .kiga-stat strong[b-t13l3v2at7] {
        font-weight: 700;
    }

    .kiga-stat.accent[b-t13l3v2at7] {
        border-color: rgba(199, 154, 87, 0.35);
        background: linear-gradient(180deg, #fffaf2 0%, #fff4e4 100%);
    }

    .kiga-stat.success[b-t13l3v2at7] {
        border-color: rgba(84, 120, 95, 0.24);
        background: var(--kiga-success-soft);
    }

    .kiga-stat.neutral[b-t13l3v2at7] {
        background: #f4f0e8;
    }

.kiga-hero-side[b-t13l3v2at7] {
    min-width: 0;
}

.kiga-hero-side-card[b-t13l3v2at7] {
    height: 100%;
    padding: 1.2rem 1.25rem;
    border: 1px solid rgba(199, 154, 87, 0.24);
    border-radius: 1.6rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(251, 247, 239, 0.96)), linear-gradient(135deg, rgba(199, 154, 87, 0.10), transparent 55%);
    box-shadow: var(--kiga-shadow-soft);
}

.kiga-side-card-label[b-t13l3v2at7] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--kiga-muted);
}

.kiga-side-card-title[b-t13l3v2at7] {
    margin-top: 0.45rem;
    font-size: 1.28rem;
    line-height: 1.25;
    font-weight: 720;
    color: var(--kiga-ink);
}

.kiga-side-card-text[b-t13l3v2at7] {
    margin-top: 0.7rem;
    font-size: 0.96rem;
    line-height: 1.7;
    color: var(--kiga-ink-soft);
}

.kiga-consent-state[b-t13l3v2at7] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid var(--kiga-line);
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 6px 16px rgba(35, 50, 71, 0.04);
}

    .kiga-consent-state[b-t13l3v2at7]::before {
        content: "";
        width: 0.55rem;
        height: 0.55rem;
        border-radius: 999px;
        background: var(--kiga-warning);
        box-shadow: 0 0 0 0.25rem rgba(179, 135, 68, 0.12);
    }

    .kiga-consent-state.consent-ok[b-t13l3v2at7] {
        border-color: rgba(84, 120, 95, 0.24);
        background: var(--kiga-success-soft);
    }

        .kiga-consent-state.consent-ok[b-t13l3v2at7]::before {
            background: var(--kiga-success);
            box-shadow: 0 0 0 0.25rem rgba(84, 120, 95, 0.12);
        }

    .kiga-consent-state.consent-off[b-t13l3v2at7] {
        border-color: rgba(184, 93, 85, 0.24);
        background: var(--kiga-danger-soft);
    }

        .kiga-consent-state.consent-off[b-t13l3v2at7]::before {
            background: var(--kiga-danger);
            box-shadow: 0 0 0 0.25rem rgba(184, 93, 85, 0.12);
        }

/* Buttons / form elements -------------------------------------------------- */
.kiga-page .btn[b-t13l3v2at7] {
    border-radius: 999px;
    font-weight: 650;
    letter-spacing: 0.01em;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
    box-shadow: none;
}

    .kiga-page .btn:hover:not(:disabled)[b-t13l3v2at7] {
        transform: translateY(-1px);
    }

    .kiga-page .btn:focus-visible[b-t13l3v2at7],
    .kiga-page .form-control:focus[b-t13l3v2at7],
    .kiga-page .form-select:focus[b-t13l3v2at7],
    .kiga-page details.help-inline > summary:focus[b-t13l3v2at7],
    .kiga-page details.section > summary:focus[b-t13l3v2at7] {
        outline: none;
        border-color: rgba(48, 72, 101, 0.38);
        box-shadow: 0 0 0 0.24rem rgba(48, 72, 101, 0.12) !important;
    }

.kiga-page .btn-sm[b-t13l3v2at7] {
    padding: 0.48rem 0.9rem;
    font-size: 0.86rem;
}

.kiga-page .btn-primary[b-t13l3v2at7],
.kiga-page .btn-success[b-t13l3v2at7] {
    border-color: var(--kiga-primary);
    background: linear-gradient(135deg, var(--kiga-primary) 0%, var(--kiga-primary-strong) 100%);
    color: #fff;
    box-shadow: 0 12px 24px rgba(37, 57, 80, 0.18);
}

.kiga-page .btn-success[b-t13l3v2at7] {
    border-color: var(--kiga-success);
    background: linear-gradient(135deg, #618e6f 0%, #4e755b 100%);
    box-shadow: 0 12px 24px rgba(84, 120, 95, 0.18);
}

    .kiga-page .btn-primary:hover:not(:disabled)[b-t13l3v2at7],
    .kiga-page .btn-success:hover:not(:disabled)[b-t13l3v2at7] {
        border-color: var(--kiga-primary-strong);
        color: #fff;
    }

.kiga-page .btn-outline-primary[b-t13l3v2at7] {
    border-color: rgba(48, 72, 101, 0.22);
    background: rgba(255, 255, 255, 0.86);
    color: var(--kiga-primary);
}

    .kiga-page .btn-outline-primary:hover:not(:disabled)[b-t13l3v2at7] {
        background: var(--kiga-primary-soft);
        color: var(--kiga-primary-strong);
        border-color: rgba(48, 72, 101, 0.28);
    }

.kiga-page .btn-outline-secondary[b-t13l3v2at7],
.kiga-page .btn-light[b-t13l3v2at7] {
    border-color: var(--kiga-line);
    background: rgba(255, 255, 255, 0.88);
    color: var(--kiga-ink-soft);
}

    .kiga-page .btn-outline-secondary:hover:not(:disabled)[b-t13l3v2at7],
    .kiga-page .btn-light:hover:not(:disabled)[b-t13l3v2at7] {
        border-color: var(--kiga-line-strong);
        background: var(--kiga-surface-soft);
        color: var(--kiga-ink);
    }

.kiga-page .btn-danger[b-t13l3v2at7] {
    border-color: var(--kiga-danger);
    background: linear-gradient(135deg, #c96f66 0%, var(--kiga-danger) 100%);
    color: #fff;
}

.kiga-page .btn-outline-danger[b-t13l3v2at7] {
    border-color: rgba(184, 93, 85, 0.24);
    background: rgba(255, 255, 255, 0.92);
    color: var(--kiga-danger);
}

    .kiga-page .btn-outline-danger:hover:not(:disabled)[b-t13l3v2at7] {
        background: var(--kiga-danger-soft);
        border-color: rgba(184, 93, 85, 0.32);
        color: #964740;
    }

.kiga-page .btn-outline-warning[b-t13l3v2at7] {
    border-color: rgba(179, 135, 68, 0.24);
    background: rgba(255, 255, 255, 0.92);
    color: #9b6f32;
}

    .kiga-page .btn-outline-warning:hover:not(:disabled)[b-t13l3v2at7] {
        background: var(--kiga-warning-soft);
        border-color: rgba(179, 135, 68, 0.34);
        color: #855d28;
    }

.kiga-page .btn:disabled[b-t13l3v2at7] {
    opacity: 0.58;
    transform: none !important;
    box-shadow: none !important;
}

.kiga-page .form-control[b-t13l3v2at7],
.kiga-page .form-select[b-t13l3v2at7],
.kiga-page textarea[b-t13l3v2at7] {
    border: 1px solid var(--kiga-line);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.95);
    color: var(--kiga-ink);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 3px 10px rgba(35, 50, 71, 0.02);
}

.kiga-page .form-control-sm[b-t13l3v2at7],
.kiga-page .form-select-sm[b-t13l3v2at7] {
    border-radius: 0.9rem;
}

.kiga-page .form-control[b-t13l3v2at7],
.kiga-page .form-select[b-t13l3v2at7] {
    min-height: 2.75rem;
    padding-left: 0.85rem;
    padding-right: 0.85rem;
}

.kiga-page textarea.form-control[b-t13l3v2at7] {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.kiga-page .input-group > .form-control[b-t13l3v2at7],
.kiga-page .input-group > .form-select[b-t13l3v2at7],
.kiga-page .input-group > .btn[b-t13l3v2at7] {
    min-height: 2.7rem;
}

.kiga-page .form-check-input[b-t13l3v2at7] {
    border-color: rgba(48, 72, 101, 0.24);
    box-shadow: none;
}

    .kiga-page .form-check-input:checked[b-t13l3v2at7] {
        background-color: var(--kiga-primary);
        border-color: var(--kiga-primary);
    }

.kiga-page .form-switch .form-check-input[b-t13l3v2at7] {
    width: 2.4rem;
    height: 1.25rem;
    margin-top: 0.18rem;
}

.kiga-page .form-range[b-t13l3v2at7] {
    accent-color: var(--kiga-accent-strong);
}

/* Sticky action bar -------------------------------------------------------- */
.sticky-actions[b-t13l3v2at7] {
    position: sticky;
    top: 0.75rem;
    z-index: 1020;
    padding: 0.95rem;
    border: 1px solid var(--kiga-line);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: var(--kiga-shadow-soft);
    backdrop-filter: blur(14px);
}

.kiga-action-bar[b-t13l3v2at7] {
    margin-top: 1.3rem;
}

    .kiga-action-bar .kiga-auto-save-toggle[b-t13l3v2at7] {
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        min-height: 2.5rem;
        padding-inline: 0.95rem;
        border-color: var(--kiga-line);
        background: rgba(248, 244, 238, 0.86);
        color: var(--kiga-ink-soft);
    }

        .kiga-action-bar .kiga-auto-save-toggle:hover:not(:disabled)[b-t13l3v2at7] {
            border-color: var(--kiga-line-strong);
            background: var(--kiga-surface-soft);
            color: var(--kiga-ink);
        }

        .kiga-action-bar .kiga-auto-save-toggle.is-active[b-t13l3v2at7] {
            border-color: rgba(84, 120, 95, 0.28);
            background: var(--kiga-success-soft);
            color: var(--kiga-success);
            box-shadow: 0 10px 22px rgba(84, 120, 95, 0.12);
        }

            .kiga-action-bar .kiga-auto-save-toggle.is-active:hover:not(:disabled)[b-t13l3v2at7] {
                border-color: rgba(84, 120, 95, 0.38);
                background: #e4f0e7;
                color: #43624c;
            }

    .kiga-action-bar .kiga-auto-save-toggle-dot[b-t13l3v2at7] {
        width: 0.58rem;
        height: 0.58rem;
        border-radius: 999px;
        background: currentColor;
        opacity: 0.5;
        flex: 0 0 auto;
    }

    .kiga-action-bar .kiga-auto-save-toggle.is-active .kiga-auto-save-toggle-dot[b-t13l3v2at7] {
        opacity: 1;
        box-shadow: 0 0 0 0.28rem rgba(84, 120, 95, 0.16);
    }

/* Alerts / status ---------------------------------------------------------- */
.kiga-page .alert[b-t13l3v2at7] {
    border-radius: 1.2rem;
    border: 1px solid var(--kiga-line);
    box-shadow: var(--kiga-shadow-soft);
    background: #fff;
}

.kiga-page .alert-info[b-t13l3v2at7] {
    border-color: rgba(48, 72, 101, 0.14);
    background: linear-gradient(180deg, #f1f7fb 0%, #eef4f8 100%);
    color: #26405a;
}

.kiga-page .alert-secondary[b-t13l3v2at7] {
    background: linear-gradient(180deg, #faf7f1 0%, #f4efe6 100%);
    color: #584f43;
}

.kiga-page .alert-warning[b-t13l3v2at7] {
    border-color: rgba(179, 135, 68, 0.18);
    background: linear-gradient(180deg, #fff7eb 0%, #fff2df 100%);
    color: #805e28;
}

.kiga-page .alert-danger[b-t13l3v2at7] {
    border-color: rgba(184, 93, 85, 0.18);
    background: linear-gradient(180deg, #fff4f2 0%, #fff0ee 100%);
    color: #8d3f39;
}

.global-status[b-t13l3v2at7] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1080;
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    max-width: min(28rem, calc(100vw - 2rem));
    padding: 0.9rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.25rem;
    background: rgba(30, 40, 54, 0.94);
    color: #f8fbff;
    backdrop-filter: blur(18px);
    box-shadow: var(--kiga-shadow-strong);
}

    .global-status .spinner-border[b-t13l3v2at7] {
        width: 1rem;
        height: 1rem;
        margin-top: 0.12rem;
        border-width: 0.15rem;
    }

    .global-status .progress[b-t13l3v2at7] {
        overflow: hidden;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.16);
    }

    .global-status .progress-bar[b-t13l3v2at7] {
        background: linear-gradient(90deg, var(--kiga-accent) 0%, #f2d49f 100%);
    }

/* Section stack & accordion cards ----------------------------------------- */
.kiga-section-stack[b-t13l3v2at7] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

details.section[b-t13l3v2at7] {
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--kiga-line);
    border-radius: 1.6rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(251, 248, 242, 0.96) 100%);
    box-shadow: var(--kiga-shadow-soft);
    transition: box-shadow 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

    details.section[open][b-t13l3v2at7] {
        border-color: var(--kiga-line-strong);
        box-shadow: var(--kiga-shadow);
    }

    details.section > summary[b-t13l3v2at7] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        min-height: 4.3rem;
        padding: 1rem 1.25rem;
        cursor: pointer;
        user-select: none;
        list-style: none;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 243, 236, 0.96) 100%);
    }

        details.section > summary strong[b-t13l3v2at7] {
            display: inline-flex;
            align-items: center;
            gap: 0.65rem;
            font-size: 1rem;
            font-weight: 700;
            letter-spacing: 0.01em;
            color: var(--kiga-ink);
        }

            details.section > summary strong[b-t13l3v2at7]::before {
                content: "";
                width: 0.62rem;
                height: 0.62rem;
                border-radius: 999px;
                background: var(--kiga-accent);
                box-shadow: 0 0 0 0.26rem rgba(199, 154, 87, 0.12);
                flex: 0 0 auto;
            }

        details.section > summary[b-t13l3v2at7]::-webkit-details-marker {
            display: none;
        }

        details.section > summary:hover[b-t13l3v2at7] {
            background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(244, 239, 230, 1) 100%);
        }

    details.section .chev[b-t13l3v2at7] {
        display: inline-grid;
        place-items: center;
        flex: 0 0 auto;
        width: 2rem;
        height: 2rem;
        line-height: 1;
        color: var(--kiga-ink-soft);
        border: 1px solid var(--kiga-line);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.88);
        transition: transform 0.2s ease;
    }

    details.section[open] .chev[b-t13l3v2at7] {
        transform: rotate(90deg);
    }

    details.section .section-body[b-t13l3v2at7] {
        padding: clamp(1rem, 2vw, 1.45rem);
        border-top: 1px solid var(--kiga-line);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(252, 249, 244, 0.98) 100%);
    }

.photolab-job-section[b-t13l3v2at7] {
    border-color: rgba(199, 154, 87, 0.24);
}

    .photolab-job-section > summary[b-t13l3v2at7] {
        background: radial-gradient(circle at right center, rgba(199, 154, 87, 0.10), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 244, 233, 0.96) 100%);
    }

.help-section > summary[b-t13l3v2at7] {
    background: radial-gradient(circle at right center, rgba(48, 72, 101, 0.07), transparent 24%), linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 247, 250, 0.96) 100%);
}

.photolab-pro-section > summary[b-t13l3v2at7] {
    background: radial-gradient(circle at right center, rgba(48, 72, 101, 0.09), transparent 24%), linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(242, 246, 250, 0.96) 100%);
}

/* Unified premium card family --------------------------------------------- */
.filter-bar[b-t13l3v2at7],
.bulk-assign[b-t13l3v2at7],
.photolab-filter-bar[b-t13l3v2at7],
.card-like[b-t13l3v2at7],
.job-side-panel[b-t13l3v2at7],
.workflow-tabs[b-t13l3v2at7],
.workflow-tab-panel[b-t13l3v2at7],
.duplicate-cluster-list[b-t13l3v2at7] {
    border: 1px solid var(--kiga-line);
    border-radius: 1.35rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 246, 240, 0.98) 100%);
    box-shadow: var(--kiga-shadow-soft);
}

.filter-bar[b-t13l3v2at7],
.bulk-assign[b-t13l3v2at7],
.photolab-filter-bar[b-t13l3v2at7],
.card-like[b-t13l3v2at7],
.job-side-panel[b-t13l3v2at7],
.workflow-tabs[b-t13l3v2at7],
.workflow-tab-panel[b-t13l3v2at7] {
    padding: 1rem 1.1rem;
}

.filter-bar[b-t13l3v2at7] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 244, 238, 0.98) 100%), radial-gradient(circle at top right, rgba(48, 72, 101, 0.06), transparent 26%);
}

.photolab-filter-bar[b-t13l3v2at7] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 247, 250, 0.98) 100%), radial-gradient(circle at top right, rgba(48, 72, 101, 0.06), transparent 28%);
}

.bulk-assign[b-t13l3v2at7] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(251, 245, 234, 0.98) 100%), radial-gradient(circle at top right, rgba(199, 154, 87, 0.08), transparent 28%);
}

.job-side-panel[b-t13l3v2at7] {
    height: 100%;
    padding: 1.2rem 1.2rem;
    border-color: rgba(199, 154, 87, 0.20);
    background: radial-gradient(circle at top right, rgba(199, 154, 87, 0.10), transparent 25%), linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 246, 239, 0.98) 100%);
}

.card-like[b-t13l3v2at7] {
    height: 100%;
}

/* Preview / image focus ---------------------------------------------------- */
.preview-box[b-t13l3v2at7] {
    border: 1px solid rgba(199, 154, 87, 0.22);
    border-radius: 1.55rem;
    padding: 1rem;
    background: radial-gradient(circle at top right, rgba(199, 154, 87, 0.10), transparent 26%), linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 244, 238, 0.98) 100%);
    box-shadow: var(--kiga-shadow);
}

    .preview-box .placeholder[b-t13l3v2at7],
    .preview-box img[b-t13l3v2at7],
    .preview-box video[b-t13l3v2at7] {
        width: 100%;
        border: 1px solid var(--kiga-line);
        border-radius: 1.15rem !important;
        background: linear-gradient(180deg, #f7f3ec 0%, #f2ebde 100%);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 24px rgba(35, 50, 71, 0.05);
    }

    .preview-box .placeholder[b-t13l3v2at7] {
        min-height: 320px;
        height: 320px;
    }

    .preview-box img[b-t13l3v2at7],
    .preview-box video[b-t13l3v2at7] {
        max-height: min(68vh, 760px);
        object-fit: contain;
    }

.kiga-preview-video[b-t13l3v2at7] {
    width: 100%;
    background: linear-gradient(180deg, #f7f3ec 0%, #f2ebde 100%);
}

.preview-box + .small.text-muted[b-t13l3v2at7] {
    margin-top: 1rem !important;
    padding: 1rem 1.1rem;
    border: 1px solid var(--kiga-line);
    border-radius: 1.2rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 247, 241, 0.98) 100%);
    box-shadow: var(--kiga-shadow-soft);
}

.prompt-box[b-t13l3v2at7] {
    min-height: 12rem;
    resize: vertical;
    line-height: 1.65;
}

/* Gallery ----------------------------------------------------------------- */
.gallery-grid[b-t13l3v2at7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
}

.gallery-item[b-t13l3v2at7] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    border: 1px solid var(--kiga-line);
    border-radius: 1.35rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 244, 238, 0.98) 100%);
    padding: 0.7rem;
    box-shadow: var(--kiga-shadow-soft);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

    .gallery-item:hover[b-t13l3v2at7] {
        transform: translateY(-2px);
        border-color: var(--kiga-line-strong);
        box-shadow: var(--kiga-shadow);
    }

    .gallery-item.focused[b-t13l3v2at7] {
        border-color: rgba(48, 72, 101, 0.30);
        box-shadow: 0 0 0 0.24rem rgba(48, 72, 101, 0.10), var(--kiga-shadow);
    }

    .gallery-item.multi-selected[b-t13l3v2at7] {
        box-shadow: 0 0 0 0.24rem rgba(84, 120, 95, 0.12), var(--kiga-shadow);
    }

    .gallery-item .gallery-top[b-t13l3v2at7] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 1.6rem;
        gap: 0.4rem;
        margin-bottom: 0.1rem;
    }

    .gallery-item .thumb[b-t13l3v2at7] {
        width: 100%;
        aspect-ratio: 4 / 3;
        border: 1px solid var(--kiga-line);
        border-radius: 1rem;
        background-color: #f3ede3;
        background-position: center center;
        background-size: cover;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 8px 18px rgba(35, 50, 71, 0.06);
    }

.media-thumb[b-t13l3v2at7] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .media-thumb.is-video[b-t13l3v2at7] {
        background-color: #d7dfeb;
    }

        .media-thumb.is-video[b-t13l3v2at7]::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(33, 47, 66, 0.10), rgba(33, 47, 66, 0.28));
            pointer-events: none;
        }

.video-thumb-icon[b-t13l3v2at7],
.video-thumb-badge[b-t13l3v2at7] {
    position: relative;
    z-index: 1;
    pointer-events: none;
}

.video-thumb-icon[b-t13l3v2at7] {
    display: inline-grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    color: #1f2c3d;
    font-size: 0.95rem;
    line-height: 1;
    box-shadow: 0 8px 20px rgba(19, 28, 40, 0.18);
}

.video-thumb-icon-sm[b-t13l3v2at7] {
    width: 1.9rem;
    height: 1.9rem;
    font-size: 0.82rem;
}

.video-thumb-icon-xs[b-t13l3v2at7] {
    width: 1.55rem;
    height: 1.55rem;
    font-size: 0.72rem;
}

.video-thumb-badge[b-t13l3v2at7] {
    position: absolute;
    top: 0.45rem;
    right: 0.45rem;
    padding: 0.16rem 0.4rem;
    border-radius: 999px;
    background: rgba(22, 32, 45, 0.74);
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.gallery-item .btn.py-0.px-1[b-t13l3v2at7] {
    display: inline-grid;
    place-items: center;
    min-width: 1.9rem;
    min-height: 1.9rem;
    border-radius: 999px;
    padding: 0 !important;
}

/* Group cards -------------------------------------------------------------- */
.group-grid[b-t13l3v2at7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.group-card[b-t13l3v2at7] {
    overflow: hidden;
    border: 1px solid var(--kiga-line);
    border-radius: 1.45rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 244, 238, 0.98) 100%);
    box-shadow: var(--kiga-shadow-soft);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

    .group-card:hover[b-t13l3v2at7] {
        transform: translateY(-2px);
        box-shadow: var(--kiga-shadow);
    }

    .group-card.drop-hover[b-t13l3v2at7] {
        border-color: rgba(48, 72, 101, 0.28);
        box-shadow: 0 0 0 0.24rem rgba(48, 72, 101, 0.10), var(--kiga-shadow);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 245, 250, 0.98) 100%);
    }

.group-card-header[b-t13l3v2at7] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--kiga-line);
    background: radial-gradient(circle at right center, rgba(199, 154, 87, 0.10), transparent 25%), linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(246, 241, 233, 0.98) 100%);
}

    .group-card-header input[b-t13l3v2at7] {
        min-width: 0;
    }

    .group-card-header .btn[b-t13l3v2at7] {
        min-width: 2.1rem;
        min-height: 2.1rem;
        padding: 0.35rem 0.65rem;
    }

.group-card-body[b-t13l3v2at7] {
    padding: 1rem;
}

.group-thumbs[b-t13l3v2at7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.group-thumb[b-t13l3v2at7] {
    width: 74px;
    height: 56px;
    border-radius: 0.75rem;
    border: 1px solid var(--kiga-line);
    background-color: #f3ede3;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 6px 14px rgba(35, 50, 71, 0.06);
}

/* Table thumbnails / mini thumbs ------------------------------------------ */
.table-thumb[b-t13l3v2at7],
.mini-thumb[b-t13l3v2at7] {
    border: 1px solid var(--kiga-line);
    background-color: #f3ede3;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 6px 14px rgba(35, 50, 71, 0.06);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

    .table-thumb:hover[b-t13l3v2at7],
    .mini-thumb:hover[b-t13l3v2at7] {
        transform: translateY(-1px);
        border-color: var(--kiga-line-strong);
        box-shadow: 0 10px 22px rgba(35, 50, 71, 0.10);
    }

.table-thumb[b-t13l3v2at7] {
    width: 84px;
    height: 62px;
    border-radius: 0.85rem;
    cursor: pointer;
}

.mini-thumb[b-t13l3v2at7] {
    width: 46px;
    height: 46px;
    border-radius: 0.7rem;
    cursor: pointer;
}

.mini-thumb-master[b-t13l3v2at7] {
    outline: 2px solid var(--kiga-success);
    outline-offset: -2px;
}

/* Duplicate clusters / semantic list -------------------------------------- */
.duplicate-cluster-list[b-t13l3v2at7] {
    max-height: 420px;
    overflow: auto;
    padding: 0.75rem;
}

.duplicate-cluster-card[b-t13l3v2at7] {
    margin-bottom: 0.7rem;
    padding: 0.8rem;
    border: 1px solid var(--kiga-line);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 252, 0.98) 100%);
    box-shadow: 0 8px 20px rgba(35, 50, 71, 0.05);
}

    .duplicate-cluster-card:last-child[b-t13l3v2at7] {
        margin-bottom: 0;
    }

/* Inline help / nested details -------------------------------------------- */
details.help-inline[b-t13l3v2at7] {
    display: inline-block;
    position: relative;
    flex: 0 0 auto;
}

    details.help-inline > summary[b-t13l3v2at7] {
        list-style: none;
        cursor: pointer;
        user-select: none;
        display: inline-grid;
        place-items: center;
        width: 1.7rem;
        height: 1.7rem;
        border: 1px solid var(--kiga-line);
        border-radius: 999px;
        font-size: 0.78rem;
        font-weight: 700;
        background: rgba(255, 255, 255, 0.92);
        color: var(--kiga-primary);
        box-shadow: 0 6px 14px rgba(35, 50, 71, 0.05);
    }

        details.help-inline > summary[b-t13l3v2at7]::-webkit-details-marker {
            display: none;
        }

    details.help-inline[open] > summary[b-t13l3v2at7] {
        border-color: rgba(48, 72, 101, 0.24);
        background: var(--kiga-primary-soft);
        color: var(--kiga-primary-strong);
    }

    details.help-inline .help-body[b-t13l3v2at7] {
        margin-top: 0.75rem;
        padding: 0.9rem 1rem;
        border: 1px solid var(--kiga-line);
        border-radius: 1rem;
        background: linear-gradient(180deg, #fffdf9 0%, #f6f1e8 100%);
        box-shadow: var(--kiga-shadow-soft);
        max-width: min(44rem, calc(100vw - 4rem));
    }

.kiga-page details:not(.section):not(.help-inline)[b-t13l3v2at7] {
    border: 1px solid var(--kiga-line);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.82);
    padding: 0.2rem 0.9rem 0.9rem;
    box-shadow: 0 8px 18px rgba(35, 50, 71, 0.05);
}

    .kiga-page details:not(.section):not(.help-inline) > summary[b-t13l3v2at7] {
        list-style: none;
        cursor: pointer;
        user-select: none;
        padding: 0.75rem 0;
        color: var(--kiga-ink);
        font-weight: 650;
    }

        .kiga-page details:not(.section):not(.help-inline) > summary[b-t13l3v2at7]::-webkit-details-marker {
            display: none;
        }

/* Chips / badges ----------------------------------------------------------- */
.kiga-page .badge[b-t13l3v2at7] {
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 650;
    letter-spacing: 0.02em;
}

    .kiga-page .badge.text-bg-light[b-t13l3v2at7],
    .kiga-page .badge.bg-light[b-t13l3v2at7],
    .photolab-chip[b-t13l3v2at7] {
        color: var(--kiga-ink-soft) !important;
        background: linear-gradient(180deg, #fffdfa 0%, #f6f1e8 100%) !important;
        border-color: var(--kiga-line) !important;
    }

    .kiga-page .badge.text-bg-secondary[b-t13l3v2at7],
    .kiga-page .text-bg-secondary[b-t13l3v2at7] {
        color: #314255 !important;
        background: linear-gradient(180deg, #f3f6f9 0%, #e8eef4 100%) !important;
    }

    .kiga-page .badge.text-bg-success[b-t13l3v2at7],
    .kiga-page .text-bg-success[b-t13l3v2at7] {
        color: #31543f !important;
        background: linear-gradient(180deg, #eef7f1 0%, #deefe4 100%) !important;
    }

    .kiga-page .badge.text-bg-warning[b-t13l3v2at7],
    .kiga-page .text-bg-warning[b-t13l3v2at7] {
        color: #855d28 !important;
        background: linear-gradient(180deg, #fff7eb 0%, #ffefd4 100%) !important;
    }

    .kiga-page .badge.text-bg-danger[b-t13l3v2at7],
    .kiga-page .text-bg-danger[b-t13l3v2at7] {
        color: #8e433d !important;
        background: linear-gradient(180deg, #fff3f1 0%, #ffe6e2 100%) !important;
    }

.photolab-chip[b-t13l3v2at7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding-inline: 0.8rem;
}

.saved-filter-chip[b-t13l3v2at7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem;
    border: 1px solid var(--kiga-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 6px 14px rgba(35, 50, 71, 0.05);
}

    .saved-filter-chip > .btn[b-t13l3v2at7] {
        border-radius: 999px;
    }

.photolab-tag-edit[b-t13l3v2at7] {
    border-radius: 999px !important;
}

/* Workflow tabs / checklists / errors ------------------------------------- */
.workflow-tabs[b-t13l3v2at7] {
    padding: 1rem;
}

    .workflow-tabs > .d-flex[b-t13l3v2at7] {
        gap: 0.55rem !important;
    }

.workflow-tab-panel[b-t13l3v2at7] {
    padding: 1rem;
    border-style: dashed;
    border-color: rgba(48, 72, 101, 0.16);
    background: radial-gradient(circle at top right, rgba(48, 72, 101, 0.06), transparent 24%), linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 247, 250, 0.98) 100%);
}

.checklist-grid[b-t13l3v2at7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.7rem;
}

    .checklist-grid label[b-t13l3v2at7] {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        min-height: 3rem;
        padding: 0.75rem 0.9rem;
        border: 1px solid var(--kiga-line);
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.94);
        color: var(--kiga-ink-soft) !important;
        box-shadow: 0 6px 14px rgba(35, 50, 71, 0.05);
    }

.batch-error-list[b-t13l3v2at7] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.batch-error-row[b-t13l3v2at7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(184, 93, 85, 0.12);
    border-radius: 1rem;
    background: linear-gradient(180deg, #fff8f6 0%, #fff1ee 100%);
    box-shadow: 0 8px 18px rgba(35, 50, 71, 0.04);
}

/* Tables ------------------------------------------------------------------ */
.kiga-page .table-responsive[b-t13l3v2at7] {
    border: 1px solid var(--kiga-line);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: var(--kiga-shadow-soft);
    overflow: hidden;
}

.kiga-page .table[b-t13l3v2at7] {
    margin-bottom: 0;
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(248, 244, 238, 0.56);
    --bs-table-hover-bg: rgba(241, 246, 250, 0.74);
    --bs-table-border-color: rgba(35, 50, 71, 0.08);
}

    .kiga-page .table > :not(caption) > * > *[b-t13l3v2at7] {
        padding: 0.82rem 0.9rem;
        vertical-align: middle;
    }

    .kiga-page .table > thead[b-t13l3v2at7] {
        background: linear-gradient(180deg, #f9f5ee 0%, #f2ebe1 100%);
    }

        .kiga-page .table > thead th[b-t13l3v2at7] {
            font-size: 0.78rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--kiga-muted);
        }

    .kiga-page .table tbody tr:hover[b-t13l3v2at7] {
        --bs-table-accent-bg: rgba(241, 246, 250, 0.74);
    }

/* Misc -------------------------------------------------------------------- */
.prewrap[b-t13l3v2at7] {
    white-space: pre-wrap;
    word-break: break-word;
}

.kiga-tooltip-scope label[title][b-t13l3v2at7],
.kiga-tooltip-scope .form-text[title][b-t13l3v2at7],
.kiga-tooltip-scope .text-muted[title][b-t13l3v2at7],
.kiga-tooltip-scope .badge[title][b-t13l3v2at7],
.kiga-tooltip-scope p[title][b-t13l3v2at7],
.kiga-tooltip-scope li[title][b-t13l3v2at7],
.kiga-tooltip-scope small[title][b-t13l3v2at7],
.kiga-tooltip-scope strong[title][b-t13l3v2at7],
.kiga-tooltip-scope h1[title][b-t13l3v2at7],
.kiga-tooltip-scope h2[title][b-t13l3v2at7],
.kiga-tooltip-scope h3[title][b-t13l3v2at7],
.kiga-tooltip-scope h4[title][b-t13l3v2at7],
.kiga-tooltip-scope h5[title][b-t13l3v2at7],
.kiga-tooltip-scope h6[title][b-t13l3v2at7],
.kiga-tooltip-scope summary[title][b-t13l3v2at7] {
    text-decoration: underline dotted rgba(122, 135, 152, 0.45);
    text-underline-offset: 2px;
}

.kiga-tooltip-scope .badge[title][b-t13l3v2at7],
.kiga-tooltip-scope .form-text[title][b-t13l3v2at7],
.kiga-tooltip-scope .text-muted[title][b-t13l3v2at7],
.kiga-tooltip-scope p[title][b-t13l3v2at7],
.kiga-tooltip-scope li[title][b-t13l3v2at7],
.kiga-tooltip-scope small[title][b-t13l3v2at7],
.kiga-tooltip-scope strong[title][b-t13l3v2at7],
.kiga-tooltip-scope h1[title][b-t13l3v2at7],
.kiga-tooltip-scope h2[title][b-t13l3v2at7],
.kiga-tooltip-scope h3[title][b-t13l3v2at7],
.kiga-tooltip-scope h4[title][b-t13l3v2at7],
.kiga-tooltip-scope h5[title][b-t13l3v2at7],
.kiga-tooltip-scope h6[title][b-t13l3v2at7],
.kiga-tooltip-scope summary[title][b-t13l3v2at7] {
    cursor: help;
}

.kiga-page .form-text[b-t13l3v2at7] {
    margin-top: 0.55rem;
    color: var(--kiga-muted) !important;
}

.kiga-page .small[b-t13l3v2at7] {
    line-height: 1.55;
}

.kiga-page .text-break code[b-t13l3v2at7] {
    word-break: break-all;
}

/* Responsive --------------------------------------------------------------- */
@media (min-width: 992px) {
    .preview-box[b-t13l3v2at7] {
        position: sticky;
        top: 7.6rem;
    }
}

@media (max-width: 1200px) {
    .kiga-hero-top[b-t13l3v2at7] {
        grid-template-columns: 1fr;
    }

    .kiga-hero-side[b-t13l3v2at7] {
        max-width: 42rem;
    }
}

@media (max-width: 768px) {
    .kiga-page[b-t13l3v2at7] {
        padding-inline: 0.1rem;
    }

    .kiga-title[b-t13l3v2at7] {
        max-width: none;
        font-size: clamp(1.7rem, 9vw, 2.45rem);
    }

    .kiga-lead[b-t13l3v2at7] {
        font-size: 0.96rem;
    }

    .sticky-actions[b-t13l3v2at7] {
        top: 0.45rem;
        padding: 0.75rem;
        border-radius: 1.15rem;
    }

    .gallery-grid[b-t13l3v2at7] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 0.75rem;
    }

    .group-grid[b-t13l3v2at7] {
        grid-template-columns: 1fr;
    }

    .group-thumb[b-t13l3v2at7] {
        width: 64px;
        height: 48px;
    }

    .batch-error-row[b-t13l3v2at7] {
        flex-direction: column;
    }

    .global-status[b-t13l3v2at7] {
        right: 0.75rem;
        left: 0.75rem;
        bottom: 0.75rem;
        max-width: none;
    }
}

@media (max-width: 576px) {
    .kiga-hero[b-t13l3v2at7] {
        border-radius: 1.5rem;
        padding: 1rem;
    }

    .kiga-hero-stats[b-t13l3v2at7] {
        gap: 0.55rem;
    }

    .kiga-stat[b-t13l3v2at7] {
        min-height: 2.35rem;
        padding: 0.45rem 0.7rem;
        font-size: 0.82rem;
    }

    details.section > summary[b-t13l3v2at7] {
        padding: 0.9rem 1rem;
        min-height: 3.8rem;
    }

    details.section .section-body[b-t13l3v2at7],
    .filter-bar[b-t13l3v2at7],
    .bulk-assign[b-t13l3v2at7],
    .photolab-filter-bar[b-t13l3v2at7],
    .card-like[b-t13l3v2at7],
    .job-side-panel[b-t13l3v2at7],
    .workflow-tabs[b-t13l3v2at7],
    .workflow-tab-panel[b-t13l3v2at7] {
        padding: 0.9rem;
    }

    .gallery-grid[b-t13l3v2at7] {
        grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
    }

    .preview-box .placeholder[b-t13l3v2at7] {
        min-height: 240px;
        height: 240px;
    }

    .table-thumb[b-t13l3v2at7] {
        width: 74px;
        height: 56px;
    }
}

/* Print ------------------------------------------------------------------- */
@media print {
    .kiga-hero[b-t13l3v2at7],
    .sticky-actions[b-t13l3v2at7],
    .global-status[b-t13l3v2at7] {
        display: none !important;
    }

    .kiga-page[b-t13l3v2at7] {
        max-width: none;
        padding: 0;
        background: #fff;
    }

    details.section[b-t13l3v2at7],
    .filter-bar[b-t13l3v2at7],
    .bulk-assign[b-t13l3v2at7],
    .photolab-filter-bar[b-t13l3v2at7],
    .card-like[b-t13l3v2at7],
    .job-side-panel[b-t13l3v2at7],
    .workflow-tabs[b-t13l3v2at7],
    .workflow-tab-panel[b-t13l3v2at7] {
        box-shadow: none !important;
        border-color: rgba(0, 0, 0, 0.14);
        background: #fff !important;
    }
}


/* Video runtime / decoder status ------------------------------------------ */
.video-runtime-wrap[b-t13l3v2at7] {
    display: grid;
    gap: 0.55rem;
}

.video-runtime-bar[b-t13l3v2at7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.video-status-chip[b-t13l3v2at7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.38rem 0.7rem;
    border: 1px solid var(--kiga-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    color: var(--kiga-ink);
    font-weight: 600;
    line-height: 1.2;
    box-shadow: var(--kiga-shadow-soft);
}

.video-status-ok[b-t13l3v2at7] {
    border-color: rgba(57, 120, 86, 0.22);
    background: linear-gradient(180deg, #edf8f1 0%, #e7f5ec 100%);
    color: #25553b;
}

.video-status-warn[b-t13l3v2at7] {
    border-color: rgba(179, 135, 68, 0.18);
    background: linear-gradient(180deg, #fff7eb 0%, #fff2df 100%);
    color: #805e28;
}

.video-status-neutral[b-t13l3v2at7] {
    border-color: rgba(88, 98, 112, 0.16);
    background: linear-gradient(180deg, #f7f8fa 0%, #f2f4f7 100%);
    color: #4f5968;
}

.video-runtime-note[b-t13l3v2at7] {
    padding: 0.85rem 1rem;
    border: 1px solid var(--kiga-line);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 244, 238, 0.98) 100%);
    box-shadow: var(--kiga-shadow-soft);
}

    .video-runtime-note code[b-t13l3v2at7] {
        word-break: break-all;
        white-space: pre-wrap;
    }

.video-diag-box[b-t13l3v2at7] {
    padding: 0.9rem 1rem;
    border: 1px dashed rgba(101, 115, 134, 0.35);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(249, 250, 252, 0.98) 0%, rgba(243, 245, 248, 0.98) 100%);
    color: #485566;
    box-shadow: var(--kiga-shadow-soft);
}


/* Robust video handling ---------------------------------------------------- */
.preview-box[b-t13l3v2at7] {
    position: relative;
    overflow: hidden;
}

    .preview-box .placeholder[b-t13l3v2at7],
    .preview-box img[b-t13l3v2at7],
    .preview-box video[b-t13l3v2at7] {
        display: block;
    }

.kiga-preview-video[b-t13l3v2at7] {
    aspect-ratio: 16 / 9;
    min-height: clamp(220px, 34vw, 360px);
    object-fit: contain;
}

.kiga-preview-note[b-t13l3v2at7] {
    margin-top: 0.85rem;
    padding: 0.8rem 0.95rem;
    border: 1px solid rgba(88, 98, 112, 0.16);
    border-radius: 0.95rem;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(243, 246, 249, 0.98) 100%);
    color: #4f5968;
    font-size: 0.94rem;
    line-height: 1.45;
    box-shadow: var(--kiga-shadow-soft);
}

.thumb.media-thumb.is-video:not([style*="background-image"])[b-t13l3v2at7] {
    background-image: radial-gradient(circle at 20% 20%, rgba(199, 154, 87, 0.22), transparent 32%), linear-gradient(160deg, rgba(48, 72, 101, 0.16) 0%, rgba(48, 72, 101, 0.05) 55%, rgba(199, 154, 87, 0.12) 100%);
    background-size: cover;
    background-repeat: no-repeat;
}

.video-runtime-note[b-t13l3v2at7] {
    border-left: 4px solid rgba(199, 154, 87, 0.42);
}

.video-diag-box[b-t13l3v2at7] {
    overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
    .kiga-preview-video[b-t13l3v2at7] {
        min-height: 220px;
    }
}


/* Video diagnostics polish ----------------------------------------------- */
.video-diag-box[b-t13l3v2at7],
.kiga-preview-note[b-t13l3v2at7] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

    .video-diag-box code[b-t13l3v2at7],
    .video-diag-box pre[b-t13l3v2at7] {
        white-space: pre-wrap;
        word-break: break-word;
    }

.video-runtime-wrap .video-status-chip[b-t13l3v2at7] {
    white-space: nowrap;
}


/* Auto-provision diagnostics --------------------------------------------- */
.video-runtime-note code[b-t13l3v2at7] {
    white-space: pre-wrap;
    word-break: break-word;
}

.video-runtime-note strong[b-t13l3v2at7] {
    font-weight: 700;
}


/* Video -> PNG stills ---------------------------------------------------- */
.video-still-badge[b-t13l3v2at7] {
    background: rgba(48, 72, 101, 0.10);
    color: var(--kiga-primary-strong);
    border: 1px solid rgba(48, 72, 101, 0.18);
    font-weight: 600;
    white-space: nowrap;
}

.video-still-source-note[b-t13l3v2at7] {
    padding: 0.75rem 0.85rem;
    border: 1px dashed rgba(48, 72, 101, 0.18);
    border-radius: 0.95rem;
    background: linear-gradient(180deg, rgba(237, 242, 247, 0.88) 0%, rgba(255, 255, 255, 0.95) 100%);
    box-shadow: var(--kiga-shadow-soft);
    color: var(--kiga-ink-soft);
}

    .video-still-source-note strong[b-t13l3v2at7] {
        color: var(--kiga-ink);
    }

.video-still-toolbox[b-t13l3v2at7] {
    padding: 1rem 1.05rem;
    border: 1px solid rgba(48, 72, 101, 0.12);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(237, 242, 247, 0.96) 100%);
    box-shadow: var(--kiga-shadow-soft);
}

.video-still-toolbox-title[b-t13l3v2at7] {
    font-weight: 700;
    color: var(--kiga-ink);
}

.video-still-toolbox-text[b-t13l3v2at7] {
    margin-top: 0.35rem;
    font-size: 0.94rem;
    line-height: 1.5;
    color: var(--kiga-ink-soft);
}

.video-still-toolbox-hint[b-t13l3v2at7] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.15rem;
    padding: 0.55rem 0.7rem;
    border-radius: 0.85rem;
    background: rgba(199, 154, 87, 0.12);
    border: 1px solid rgba(199, 154, 87, 0.22);
    text-align: center;
}

@media (max-width: 575.98px) {
    .video-still-toolbox-hint[b-t13l3v2at7] {
        justify-content: flex-start;
        text-align: left;
    }
}
/* Fotoparadies-inspired homepage refresh ---------------------------------- */
.kiga-theme-fotoparadies[b-t13l3v2at7] {
    --kiga-bg: #f8fbff;
    --kiga-paper: #ffffff;
    --kiga-surface: #ffffff;
    --kiga-surface-soft: #f3f8ff;
    --kiga-surface-strong: #e7f0ff;
    --kiga-ink: #10233f;
    --kiga-ink-soft: #495b77;
    --kiga-muted: #6d7f9b;
    --kiga-line: rgba(16, 35, 63, 0.09);
    --kiga-line-strong: rgba(0, 87, 166, 0.16);
    --kiga-primary: #0057a6;
    --kiga-primary-strong: #003f84;
    --kiga-primary-soft: #eaf4ff;
    --kiga-accent: #ff8a2c;
    --kiga-accent-strong: #f26a00;
    --kiga-accent-soft: #fff2e6;
    --kiga-secondary: #e13d8b;
    --kiga-secondary-soft: #fff0f8;
    --kiga-success: #218a67;
    --kiga-success-soft: #ecf8f3;
    --kiga-warning: #ef8d22;
    --kiga-warning-soft: #fff5e8;
    --kiga-danger: #d84b63;
    --kiga-danger-soft: #fff1f4;
    --kiga-shadow-soft: 0 16px 34px rgba(16, 35, 63, 0.06);
    --kiga-shadow: 0 26px 60px rgba(16, 35, 63, 0.08);
    --kiga-shadow-strong: 0 34px 72px rgba(16, 35, 63, 0.12);
    position: relative;
    isolation: isolate;
    background: radial-gradient(circle at 4% 4%, rgba(0, 87, 166, 0.10), transparent 23%), radial-gradient(circle at 96% 6%, rgba(225, 61, 139, 0.12), transparent 20%), radial-gradient(circle at 26% 100%, rgba(255, 138, 44, 0.10), transparent 24%), linear-gradient(180deg, #f8fbff 0%, #ffffff 20%, #f8fbff 100%);
}

    .kiga-theme-fotoparadies[b-t13l3v2at7]::before {
        content: "";
        position: absolute;
        top: -3.5rem;
        left: -5rem;
        width: min(34vw, 360px);
        height: min(34vw, 360px);
        border-radius: 999px;
        background: radial-gradient(circle, rgba(0, 87, 166, 0.14) 0%, rgba(0, 87, 166, 0) 72%);
        pointer-events: none;
        z-index: -1;
    }

    .kiga-theme-fotoparadies[b-t13l3v2at7]::after {
        content: "";
        position: absolute;
        top: 0.5rem;
        right: -6rem;
        width: min(36vw, 400px);
        height: min(36vw, 400px);
        border-radius: 999px;
        background: radial-gradient(circle, rgba(225, 61, 139, 0.10) 0%, rgba(225, 61, 139, 0) 74%);
        pointer-events: none;
        z-index: -1;
    }

    .kiga-theme-fotoparadies code[b-t13l3v2at7] {
        color: #b45309;
        background: rgba(255, 138, 44, 0.10);
    }

    .kiga-theme-fotoparadies pre[b-t13l3v2at7] {
        border-color: rgba(0, 87, 166, 0.08);
        background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
    }

    .kiga-theme-fotoparadies .kiga-hero[b-t13l3v2at7] {
        border: 1px solid rgba(0, 87, 166, 0.10);
        border-radius: 2.25rem;
        background: radial-gradient(circle at top left, rgba(0, 87, 166, 0.10), transparent 28%), radial-gradient(circle at top right, rgba(225, 61, 139, 0.10), transparent 24%), linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 250, 255, 0.98) 58%, rgba(255, 245, 250, 0.97) 100%);
        box-shadow: var(--kiga-shadow);
        overflow: hidden;
    }

    .kiga-theme-fotoparadies .kiga-kicker[b-t13l3v2at7] {
        color: var(--kiga-primary-strong);
    }

        .kiga-theme-fotoparadies .kiga-kicker[b-t13l3v2at7]::before {
            height: 2px;
            border-radius: 999px;
            background: linear-gradient(90deg, var(--kiga-accent), transparent);
        }

    .kiga-theme-fotoparadies .kiga-title[b-t13l3v2at7] {
        max-width: 18ch;
        font-size: clamp(2.1rem, 4.4vw, 3.45rem);
    }

    .kiga-theme-fotoparadies .kiga-consent-state[b-t13l3v2at7] {
        border-color: rgba(0, 87, 166, 0.10);
        background: rgba(255, 255, 255, 0.90);
        box-shadow: 0 10px 24px rgba(16, 35, 63, 0.05);
    }

        .kiga-theme-fotoparadies .kiga-consent-state.consent-off[b-t13l3v2at7] {
            border-color: rgba(216, 75, 99, 0.22);
        }

        .kiga-theme-fotoparadies .kiga-consent-state.consent-ok[b-t13l3v2at7] {
            border-color: rgba(33, 138, 103, 0.24);
        }

    .kiga-theme-fotoparadies .kiga-hero-cta-row[b-t13l3v2at7] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.75rem;
        margin-top: 1.25rem;
    }

    .kiga-theme-fotoparadies .kiga-hero-note[b-t13l3v2at7] {
        display: inline-flex;
        align-items: center;
        min-height: 2.5rem;
        color: var(--kiga-muted);
        font-size: 0.92rem;
        font-weight: 600;
    }

    .kiga-theme-fotoparadies .kiga-hero-stats[b-t13l3v2at7] {
        margin-top: 1.15rem;
        gap: 0.75rem;
    }

    .kiga-theme-fotoparadies .kiga-stat[b-t13l3v2at7] {
        border-color: rgba(0, 87, 166, 0.10);
        background: rgba(255, 255, 255, 0.92);
        box-shadow: 0 12px 26px rgba(16, 35, 63, 0.05);
    }

        .kiga-theme-fotoparadies .kiga-stat.accent[b-t13l3v2at7] {
            border-color: rgba(255, 138, 44, 0.28);
            background: linear-gradient(180deg, #fff7ef 0%, #fff0df 100%);
        }

        .kiga-theme-fotoparadies .kiga-stat.success[b-t13l3v2at7] {
            border-color: rgba(33, 138, 103, 0.22);
            background: linear-gradient(180deg, #f2fbf7 0%, #eaf8f2 100%);
        }

        .kiga-theme-fotoparadies .kiga-stat.neutral[b-t13l3v2at7] {
            background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
        }

    .kiga-theme-fotoparadies .kiga-hero-links[b-t13l3v2at7] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.7rem;
        margin-top: 1rem;
    }

    .kiga-theme-fotoparadies .kiga-home-link[b-t13l3v2at7] {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        min-height: 2.7rem;
        padding: 0.55rem 0.95rem;
        border: 1px solid rgba(0, 87, 166, 0.10);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.92);
        color: var(--kiga-primary-strong);
        font-weight: 700;
        text-decoration: none;
        box-shadow: 0 10px 24px rgba(16, 35, 63, 0.05);
        transition: transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
    }

        .kiga-theme-fotoparadies .kiga-home-link[b-t13l3v2at7]::after {
            content: "→";
            color: var(--kiga-accent-strong);
            font-size: 0.96rem;
            line-height: 1;
        }

        .kiga-theme-fotoparadies .kiga-home-link:hover[b-t13l3v2at7] {
            transform: translateY(-1px);
            border-color: rgba(0, 87, 166, 0.18);
            background: var(--kiga-primary-soft);
            color: var(--kiga-primary-strong);
            box-shadow: 0 14px 30px rgba(16, 35, 63, 0.07);
        }

    .kiga-theme-fotoparadies .kiga-hero-side-card[b-t13l3v2at7] {
        padding: 1.35rem 1.3rem;
        border: 1px solid rgba(0, 87, 166, 0.10);
        border-radius: 1.85rem;
        background: linear-gradient(160deg, rgba(255, 255, 255, 0.99) 0%, rgba(243, 248, 255, 0.97) 62%, rgba(255, 241, 248, 0.96) 100%);
        box-shadow: 0 20px 50px rgba(16, 35, 63, 0.08);
    }

    .kiga-theme-fotoparadies .kiga-side-card-label[b-t13l3v2at7] {
        color: var(--kiga-primary);
    }

    .kiga-theme-fotoparadies .kiga-side-card-title[b-t13l3v2at7] {
        font-size: 1.35rem;
    }

    .kiga-theme-fotoparadies .kiga-side-card-highlights[b-t13l3v2at7] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.55rem;
        margin-top: 0.95rem;
    }

    .kiga-theme-fotoparadies .kiga-side-chip[b-t13l3v2at7] {
        display: inline-flex;
        align-items: center;
        min-height: 2rem;
        padding: 0.35rem 0.72rem;
        border: 1px solid rgba(0, 87, 166, 0.10);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.88);
        color: var(--kiga-primary-strong);
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.02em;
        box-shadow: 0 8px 18px rgba(16, 35, 63, 0.04);
    }

    .kiga-theme-fotoparadies .kiga-side-card-list[b-t13l3v2at7] {
        list-style: none;
        margin: 0.95rem 0 0;
        padding: 0;
        display: grid;
        gap: 0.65rem;
    }

        .kiga-theme-fotoparadies .kiga-side-card-list li[b-t13l3v2at7] {
            position: relative;
            margin: 0;
            padding-left: 1.55rem;
            font-size: 0.92rem;
            line-height: 1.55;
            color: var(--kiga-ink-soft);
        }

            .kiga-theme-fotoparadies .kiga-side-card-list li[b-t13l3v2at7]::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0.44rem;
                width: 0.74rem;
                height: 0.74rem;
                border-radius: 999px;
                background: linear-gradient(135deg, var(--kiga-primary) 0%, var(--kiga-secondary) 100%);
                box-shadow: 0 0 0 0.28rem rgba(0, 87, 166, 0.10);
            }

    .kiga-theme-fotoparadies .kiga-home-stage[b-t13l3v2at7] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.85rem;
        margin-top: 1.25rem;
        margin-bottom: 1.15rem;
    }

    .kiga-theme-fotoparadies .kiga-home-stage-item[b-t13l3v2at7] {
        display: flex;
        gap: 0.85rem;
        align-items: flex-start;
        min-height: 100%;
        padding: 1rem 1.05rem;
        border: 1px solid rgba(0, 87, 166, 0.10);
        border-radius: 1.45rem;
        background: rgba(255, 255, 255, 0.88);
        box-shadow: var(--kiga-shadow-soft);
        transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
    }

        .kiga-theme-fotoparadies .kiga-home-stage-item:hover[b-t13l3v2at7] {
            transform: translateY(-2px);
            border-color: rgba(0, 87, 166, 0.16);
            box-shadow: var(--kiga-shadow);
        }

    .kiga-theme-fotoparadies .kiga-home-stage-number[b-t13l3v2at7] {
        display: inline-grid;
        place-items: center;
        width: 2.35rem;
        height: 2.35rem;
        flex: 0 0 auto;
        border-radius: 999px;
        color: #fff;
        font-size: 0.95rem;
        font-weight: 800;
        background: linear-gradient(135deg, var(--kiga-primary) 0%, var(--kiga-secondary) 100%);
        box-shadow: 0 12px 24px rgba(0, 87, 166, 0.18);
    }

    .kiga-theme-fotoparadies .kiga-home-stage-item:nth-child(2) .kiga-home-stage-number[b-t13l3v2at7] {
        background: linear-gradient(135deg, var(--kiga-primary) 0%, #35a6ff 100%);
    }

    .kiga-theme-fotoparadies .kiga-home-stage-item:nth-child(3) .kiga-home-stage-number[b-t13l3v2at7] {
        background: linear-gradient(135deg, var(--kiga-secondary) 0%, var(--kiga-accent) 100%);
    }

    .kiga-theme-fotoparadies .kiga-home-stage-item:nth-child(4) .kiga-home-stage-number[b-t13l3v2at7] {
        background: linear-gradient(135deg, var(--kiga-accent) 0%, #ffb347 100%);
    }

    .kiga-theme-fotoparadies .kiga-home-stage-copy[b-t13l3v2at7] {
        display: grid;
        gap: 0.2rem;
    }

        .kiga-theme-fotoparadies .kiga-home-stage-copy strong[b-t13l3v2at7] {
            color: var(--kiga-ink);
            font-size: 0.98rem;
            font-weight: 750;
        }

        .kiga-theme-fotoparadies .kiga-home-stage-copy span[b-t13l3v2at7] {
            color: var(--kiga-ink-soft);
            font-size: 0.9rem;
            line-height: 1.5;
        }

    .kiga-theme-fotoparadies .sticky-actions[b-t13l3v2at7] {
        border: 1px solid rgba(0, 87, 166, 0.10);
        border-radius: 1.6rem;
        background: rgba(255, 255, 255, 0.90);
        box-shadow: 0 18px 42px rgba(16, 35, 63, 0.08);
        backdrop-filter: blur(16px);
    }

    .kiga-theme-fotoparadies .btn[b-t13l3v2at7] {
        font-weight: 700;
    }

    .kiga-theme-fotoparadies .btn-primary[b-t13l3v2at7],
    .kiga-theme-fotoparadies .btn-success[b-t13l3v2at7] {
        border-color: transparent;
        background: linear-gradient(135deg, var(--kiga-primary) 0%, #0070d9 100%);
        color: #fff;
        box-shadow: 0 16px 30px rgba(0, 87, 166, 0.22);
    }

    .kiga-theme-fotoparadies .btn-success[b-t13l3v2at7] {
        background: linear-gradient(135deg, var(--kiga-success) 0%, #2fb687 100%);
        box-shadow: 0 16px 30px rgba(33, 138, 103, 0.22);
    }

    .kiga-theme-fotoparadies .btn-outline-primary[b-t13l3v2at7] {
        border-color: rgba(0, 87, 166, 0.16);
        background: #ffffff;
        color: var(--kiga-primary);
    }

        .kiga-theme-fotoparadies .btn-outline-primary:hover:not(:disabled)[b-t13l3v2at7] {
            border-color: rgba(0, 87, 166, 0.24);
            background: var(--kiga-primary-soft);
            color: var(--kiga-primary-strong);
        }

    .kiga-theme-fotoparadies .btn-outline-secondary[b-t13l3v2at7],
    .kiga-theme-fotoparadies .btn-light[b-t13l3v2at7] {
        border-color: rgba(16, 35, 63, 0.10);
        background: rgba(255, 255, 255, 0.92);
        color: var(--kiga-ink);
    }

        .kiga-theme-fotoparadies .btn-outline-secondary:hover:not(:disabled)[b-t13l3v2at7],
        .kiga-theme-fotoparadies .btn-light:hover:not(:disabled)[b-t13l3v2at7] {
            border-color: rgba(0, 87, 166, 0.18);
            background: #f8fbff;
            color: var(--kiga-primary-strong);
        }

    .kiga-theme-fotoparadies .btn-outline-danger[b-t13l3v2at7] {
        border-color: rgba(216, 75, 99, 0.18);
        background: #ffffff;
        color: var(--kiga-danger);
    }

        .kiga-theme-fotoparadies .btn-outline-danger:hover:not(:disabled)[b-t13l3v2at7] {
            border-color: rgba(216, 75, 99, 0.28);
            background: var(--kiga-danger-soft);
            color: #b43751;
        }

    .kiga-theme-fotoparadies .btn-outline-warning[b-t13l3v2at7] {
        border-color: rgba(239, 141, 34, 0.22);
        background: #ffffff;
        color: #b86909;
    }

        .kiga-theme-fotoparadies .btn-outline-warning:hover:not(:disabled)[b-t13l3v2at7] {
            border-color: rgba(239, 141, 34, 0.32);
            background: var(--kiga-warning-soft);
            color: #a45d06;
        }

    .kiga-theme-fotoparadies .form-control[b-t13l3v2at7],
    .kiga-theme-fotoparadies .form-select[b-t13l3v2at7],
    .kiga-theme-fotoparadies textarea[b-t13l3v2at7] {
        border-color: rgba(16, 35, 63, 0.10);
        background: rgba(255, 255, 255, 0.96);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 8px 16px rgba(16, 35, 63, 0.03);
    }

        .kiga-theme-fotoparadies .form-control:focus[b-t13l3v2at7],
        .kiga-theme-fotoparadies .form-select:focus[b-t13l3v2at7],
        .kiga-theme-fotoparadies details.help-inline > summary:focus[b-t13l3v2at7],
        .kiga-theme-fotoparadies details.section > summary:focus[b-t13l3v2at7] {
            border-color: rgba(0, 87, 166, 0.26);
            box-shadow: 0 0 0 0.24rem rgba(0, 87, 166, 0.12) !important;
        }

    .kiga-theme-fotoparadies details.section[b-t13l3v2at7],
    .kiga-theme-fotoparadies .filter-bar[b-t13l3v2at7],
    .kiga-theme-fotoparadies .bulk-assign[b-t13l3v2at7],
    .kiga-theme-fotoparadies .photolab-filter-bar[b-t13l3v2at7],
    .kiga-theme-fotoparadies .card-like[b-t13l3v2at7],
    .kiga-theme-fotoparadies .job-side-panel[b-t13l3v2at7],
    .kiga-theme-fotoparadies .workflow-tabs[b-t13l3v2at7],
    .kiga-theme-fotoparadies .workflow-tab-panel[b-t13l3v2at7],
    .kiga-theme-fotoparadies .duplicate-cluster-list[b-t13l3v2at7],
    .kiga-theme-fotoparadies .gallery-item[b-t13l3v2at7],
    .kiga-theme-fotoparadies .group-card[b-t13l3v2at7] {
        border-color: rgba(0, 87, 166, 0.10);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(249, 252, 255, 0.98) 100%);
        box-shadow: var(--kiga-shadow-soft);
    }

    .kiga-theme-fotoparadies details.section[b-t13l3v2at7] {
        border-radius: 1.8rem;
        scroll-margin-top: 1rem;
    }

        .kiga-theme-fotoparadies details.section[open][b-t13l3v2at7] {
            border-color: rgba(0, 87, 166, 0.14);
            box-shadow: var(--kiga-shadow);
        }

        .kiga-theme-fotoparadies details.section:target[b-t13l3v2at7] {
            border-color: rgba(0, 87, 166, 0.20);
            box-shadow: 0 0 0 0.26rem rgba(0, 87, 166, 0.12), var(--kiga-shadow);
        }

        .kiga-theme-fotoparadies details.section > summary[b-t13l3v2at7] {
            min-height: 4.6rem;
            padding: 1.05rem 1.3rem;
            background: linear-gradient(180deg, #ffffff 0%, rgba(244, 249, 255, 0.98) 100%);
        }

            .kiga-theme-fotoparadies details.section > summary:hover[b-t13l3v2at7] {
                background: linear-gradient(180deg, #ffffff 0%, rgba(240, 247, 255, 1) 100%);
            }

            .kiga-theme-fotoparadies details.section > summary strong[b-t13l3v2at7] {
                font-size: 1.02rem;
                font-weight: 750;
            }

                .kiga-theme-fotoparadies details.section > summary strong[b-t13l3v2at7]::before {
                    width: 0.78rem;
                    height: 0.78rem;
                    background: linear-gradient(135deg, var(--kiga-primary) 0%, var(--kiga-secondary) 100%);
                    box-shadow: 0 0 0 0.32rem rgba(0, 87, 166, 0.10);
                }

        .kiga-theme-fotoparadies details.section .chev[b-t13l3v2at7] {
            border-color: rgba(16, 35, 63, 0.10);
            background: rgba(255, 255, 255, 0.96);
            color: var(--kiga-primary-strong);
        }

        .kiga-theme-fotoparadies details.section .section-body[b-t13l3v2at7] {
            border-top: 1px solid rgba(0, 87, 166, 0.08);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(251, 253, 255, 0.99) 100%);
            padding: clamp(1rem, 2vw, 1.5rem);
        }

    .kiga-theme-fotoparadies .photolab-job-section > summary[b-t13l3v2at7] {
        background: radial-gradient(circle at right center, rgba(255, 138, 44, 0.12), transparent 24%), linear-gradient(180deg, #ffffff 0%, rgba(255, 248, 240, 0.98) 100%);
    }

    .kiga-theme-fotoparadies .help-section > summary[b-t13l3v2at7] {
        background: radial-gradient(circle at right center, rgba(225, 61, 139, 0.10), transparent 24%), linear-gradient(180deg, #ffffff 0%, rgba(255, 245, 251, 0.98) 100%);
    }

    .kiga-theme-fotoparadies .photolab-pro-section > summary[b-t13l3v2at7] {
        background: radial-gradient(circle at right center, rgba(0, 87, 166, 0.10), transparent 24%), linear-gradient(180deg, #ffffff 0%, rgba(243, 248, 255, 0.98) 100%);
    }

    .kiga-theme-fotoparadies .gallery-item[b-t13l3v2at7] {
        border-radius: 1.5rem;
        padding: 0.75rem;
    }

        .kiga-theme-fotoparadies .gallery-item:hover[b-t13l3v2at7] {
            border-color: rgba(0, 87, 166, 0.16);
            box-shadow: var(--kiga-shadow);
        }

        .kiga-theme-fotoparadies .gallery-item.focused[b-t13l3v2at7] {
            border-color: rgba(0, 87, 166, 0.26);
            box-shadow: 0 0 0 0.24rem rgba(0, 87, 166, 0.12), var(--kiga-shadow);
        }

        .kiga-theme-fotoparadies .gallery-item.multi-selected[b-t13l3v2at7] {
            box-shadow: 0 0 0 0.24rem rgba(33, 138, 103, 0.12), var(--kiga-shadow);
        }

        .kiga-theme-fotoparadies .gallery-item .thumb[b-t13l3v2at7] {
            border-color: rgba(0, 87, 166, 0.08);
            border-radius: 1.1rem;
            background-color: #edf4ff;
        }

    .kiga-theme-fotoparadies .media-thumb.is-video[b-t13l3v2at7] {
        background-color: #dbe8ff;
    }

    .kiga-theme-fotoparadies .video-thumb-icon[b-t13l3v2at7] {
        background: rgba(255, 255, 255, 0.94);
        color: var(--kiga-primary-strong);
    }

    .kiga-theme-fotoparadies .group-card[b-t13l3v2at7] {
        border-radius: 1.6rem;
    }

        .kiga-theme-fotoparadies .group-card:hover[b-t13l3v2at7] {
            box-shadow: var(--kiga-shadow);
        }

        .kiga-theme-fotoparadies .group-card.drop-hover[b-t13l3v2at7] {
            border-color: rgba(0, 87, 166, 0.26);
            box-shadow: 0 0 0 0.24rem rgba(0, 87, 166, 0.12), var(--kiga-shadow);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(240, 247, 255, 0.99) 100%);
        }

    .kiga-theme-fotoparadies .group-card-header[b-t13l3v2at7] {
        border-bottom-color: rgba(0, 87, 166, 0.08);
        background: radial-gradient(circle at right center, rgba(255, 138, 44, 0.10), transparent 24%), linear-gradient(180deg, #ffffff 0%, rgba(245, 250, 255, 0.98) 100%);
    }

    .kiga-theme-fotoparadies .group-thumb[b-t13l3v2at7] {
        border-color: rgba(0, 87, 166, 0.08);
        border-radius: 0.9rem;
        background-color: #edf4ff;
    }

    .kiga-theme-fotoparadies .table[b-t13l3v2at7] {
        color: var(--kiga-ink);
        border-color: rgba(0, 87, 166, 0.08);
    }

        .kiga-theme-fotoparadies .table > :not(caption) > * > *[b-t13l3v2at7] {
            background-color: transparent;
            border-color: rgba(0, 87, 166, 0.08);
        }

        .kiga-theme-fotoparadies .table thead th[b-t13l3v2at7] {
            color: var(--kiga-primary-strong);
            background: rgba(0, 87, 166, 0.04);
            font-weight: 700;
        }

    .kiga-theme-fotoparadies .alert[b-t13l3v2at7] {
        border-radius: 1.2rem;
        border-color: transparent;
        box-shadow: 0 12px 26px rgba(16, 35, 63, 0.05);
    }

    .kiga-theme-fotoparadies .badge[b-t13l3v2at7],
    .kiga-theme-fotoparadies .chip[b-t13l3v2at7] {
        border-radius: 999px;
    }

@media (max-width: 1199.98px) {
    .kiga-theme-fotoparadies .kiga-home-stage[b-t13l3v2at7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .kiga-theme-fotoparadies .kiga-hero-top[b-t13l3v2at7] {
        grid-template-columns: 1fr;
    }

    .kiga-theme-fotoparadies .kiga-title[b-t13l3v2at7] {
        max-width: none;
    }
}

@media (max-width: 575.98px) {
    .kiga-theme-fotoparadies .kiga-hero[b-t13l3v2at7] {
        border-radius: 1.55rem;
    }

    .kiga-theme-fotoparadies .kiga-hero-cta-row[b-t13l3v2at7],
    .kiga-theme-fotoparadies .kiga-hero-links[b-t13l3v2at7] {
        flex-direction: column;
        align-items: stretch;
    }

        .kiga-theme-fotoparadies .kiga-hero-cta-row .btn[b-t13l3v2at7],
        .kiga-theme-fotoparadies .kiga-home-link[b-t13l3v2at7] {
            width: 100%;
            justify-content: center;
        }

    .kiga-theme-fotoparadies .kiga-hero-note[b-t13l3v2at7] {
        min-height: 0;
        padding-top: 0.1rem;
    }

    .kiga-theme-fotoparadies .kiga-stat[b-t13l3v2at7] {
        width: 100%;
        justify-content: center;
        white-space: normal;
        text-align: center;
    }

    .kiga-theme-fotoparadies .kiga-home-stage[b-t13l3v2at7] {
        grid-template-columns: 1fr;
    }

    .kiga-theme-fotoparadies .sticky-actions[b-t13l3v2at7] {
        padding: 0.85rem;
        border-radius: 1.25rem;
    }
}

@media print {
    .kiga-theme-fotoparadies .kiga-hero-cta-row[b-t13l3v2at7],
    .kiga-theme-fotoparadies .kiga-hero-links[b-t13l3v2at7],
    .kiga-theme-fotoparadies .kiga-home-stage[b-t13l3v2at7] {
        display: none !important;
    }
}
/* Fotoparadies-inspired UX refinement: guided + pro start paths ------------- */
.kiga-theme-fotoparadies[b-t13l3v2at7] {
    --kiga-primary: #005aa9;
    --kiga-primary-strong: #004886;
    --kiga-primary-soft: #edf6ff;
    --kiga-accent: #ffd44d;
    --kiga-accent-strong: #f1bf00;
    --kiga-accent-soft: #fff8d2;
    --kiga-secondary: #e14d8b;
    --kiga-secondary-soft: #fff0f7;
    --kiga-line-strong: rgba(0, 90, 169, 0.18);
}

    .kiga-theme-fotoparadies .kiga-service-ribbon[b-t13l3v2at7] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        align-items: stretch;
        margin-bottom: 1rem;
        padding: 0.85rem 1rem;
        border: 1px solid rgba(0, 90, 169, 0.10);
        border-radius: 1.45rem;
        background: linear-gradient(90deg, rgba(255, 248, 210, 0.95) 0%, rgba(255, 255, 255, 0.98) 38%, rgba(237, 246, 255, 0.98) 100%);
        box-shadow: var(--kiga-shadow-soft);
    }

    .kiga-theme-fotoparadies .kiga-service-pill[b-t13l3v2at7] {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 0.7rem;
        row-gap: 0.12rem;
        align-items: center;
        flex: 1 1 260px;
        min-width: 0;
        padding: 0.78rem 0.92rem;
        border: 1px solid rgba(0, 90, 169, 0.08);
        border-radius: 1.15rem;
        background: rgba(255, 255, 255, 0.90);
        box-shadow: 0 8px 20px rgba(16, 35, 63, 0.04);
    }

        .kiga-theme-fotoparadies .kiga-service-pill[b-t13l3v2at7]::before {
            content: "";
            grid-column: 1;
            grid-row: 1 / span 2;
            width: 0.92rem;
            height: 0.92rem;
            border-radius: 999px;
            background: linear-gradient(135deg, var(--kiga-primary) 0%, var(--kiga-accent) 100%);
            box-shadow: 0 0 0 0.34rem rgba(0, 90, 169, 0.10);
        }

        .kiga-theme-fotoparadies .kiga-service-pill strong[b-t13l3v2at7] {
            grid-column: 2;
            display: block;
            color: var(--kiga-primary-strong);
            font-size: 0.89rem;
            line-height: 1.25;
        }

        .kiga-theme-fotoparadies .kiga-service-pill span[b-t13l3v2at7] {
            grid-column: 2;
            display: block;
            color: var(--kiga-ink-soft);
            font-size: 0.84rem;
            line-height: 1.45;
        }

    .kiga-theme-fotoparadies .kiga-hero[b-t13l3v2at7] {
        border-radius: 2.4rem;
        background: radial-gradient(circle at left top, rgba(255, 212, 77, 0.18), transparent 28%), radial-gradient(circle at right top, rgba(225, 77, 139, 0.10), transparent 22%), linear-gradient(135deg, rgba(255, 255, 255, 0.99) 0%, rgba(243, 248, 255, 0.99) 56%, rgba(255, 251, 232, 0.98) 100%);
    }

    .kiga-theme-fotoparadies .kiga-title[b-t13l3v2at7] {
        max-width: 17ch;
    }

    .kiga-theme-fotoparadies .kiga-hero-cta-row .btn-primary[b-t13l3v2at7] {
        background: linear-gradient(135deg, var(--kiga-primary) 0%, #1776cb 100%);
        box-shadow: 0 16px 30px rgba(0, 90, 169, 0.24);
    }

    .kiga-theme-fotoparadies .kiga-hero-cta-row .btn-outline-secondary[b-t13l3v2at7] {
        border-color: rgba(0, 90, 169, 0.12);
        background: rgba(255, 255, 255, 0.94);
        color: var(--kiga-primary-strong);
    }

    .kiga-theme-fotoparadies .kiga-hero-note[b-t13l3v2at7] {
        max-width: 38rem;
    }

    .kiga-theme-fotoparadies .kiga-hero-stats .kiga-stat:first-child strong[b-t13l3v2at7],
    .kiga-theme-fotoparadies .kiga-hero-stats .kiga-stat:nth-child(2) strong[b-t13l3v2at7] {
        color: var(--kiga-primary-strong);
    }

    .kiga-theme-fotoparadies .kiga-home-stage[b-t13l3v2at7] {
        margin-top: 1.35rem;
        margin-bottom: 1.35rem;
    }

    .kiga-theme-fotoparadies .kiga-home-stage-item[b-t13l3v2at7] {
        border-radius: 1.55rem;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(249, 252, 255, 0.98) 100%);
    }

        .kiga-theme-fotoparadies .kiga-home-stage-item:nth-child(1)[b-t13l3v2at7] {
            background: linear-gradient(180deg, rgba(255, 250, 234, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .kiga-theme-fotoparadies .kiga-home-stage-item:nth-child(2)[b-t13l3v2at7] {
            background: linear-gradient(180deg, rgba(241, 248, 255, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .kiga-theme-fotoparadies .kiga-home-stage-item:nth-child(3)[b-t13l3v2at7] {
            background: linear-gradient(180deg, rgba(255, 244, 250, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .kiga-theme-fotoparadies .kiga-home-stage-item:nth-child(4)[b-t13l3v2at7] {
            background: linear-gradient(180deg, rgba(255, 247, 230, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

    .kiga-theme-fotoparadies .kiga-home-entrypoints[b-t13l3v2at7] {
        margin-top: 0.15rem;
        margin-bottom: 1.2rem;
        padding: clamp(1.1rem, 2vw, 1.45rem);
        border: 1px solid rgba(0, 90, 169, 0.10);
        border-radius: 1.9rem;
        background: radial-gradient(circle at right top, rgba(255, 212, 77, 0.12), transparent 24%), linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(247, 251, 255, 0.99) 100%);
        box-shadow: var(--kiga-shadow);
    }

    .kiga-theme-fotoparadies .kiga-home-section-head[b-t13l3v2at7] {
        display: grid;
        gap: 0.4rem;
        max-width: 56rem;
        margin-bottom: 1rem;
    }

    .kiga-theme-fotoparadies .kiga-home-section-kicker[b-t13l3v2at7] {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        min-height: 2rem;
        padding: 0.3rem 0.75rem;
        border-radius: 999px;
        background: var(--kiga-accent-soft);
        color: #8a6900;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .kiga-theme-fotoparadies .kiga-home-section-head h2[b-t13l3v2at7] {
        margin: 0;
        color: var(--kiga-ink);
        font-size: clamp(1.35rem, 2.4vw, 2rem);
        line-height: 1.15;
        font-weight: 800;
    }

    .kiga-theme-fotoparadies .kiga-home-section-head p[b-t13l3v2at7] {
        margin: 0;
        color: var(--kiga-ink-soft);
        font-size: 0.98rem;
        line-height: 1.6;
    }

    .kiga-theme-fotoparadies .kiga-home-entry-grid[b-t13l3v2at7] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.95rem;
    }

    .kiga-theme-fotoparadies .kiga-home-entry-card[b-t13l3v2at7] {
        display: grid;
        gap: 0.85rem;
        align-content: start;
        min-height: 100%;
        padding: 1.1rem 1.05rem 1.05rem;
        border: 1px solid rgba(0, 90, 169, 0.10);
        border-radius: 1.55rem;
        background: rgba(255, 255, 255, 0.92);
        box-shadow: 0 14px 30px rgba(16, 35, 63, 0.05);
        transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
    }

        .kiga-theme-fotoparadies .kiga-home-entry-card:hover[b-t13l3v2at7] {
            transform: translateY(-2px);
            border-color: rgba(0, 90, 169, 0.16);
            box-shadow: 0 20px 44px rgba(16, 35, 63, 0.08);
        }

        .kiga-theme-fotoparadies .kiga-home-entry-card.is-beginner[b-t13l3v2at7] {
            background: linear-gradient(180deg, rgba(255, 250, 235, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .kiga-theme-fotoparadies .kiga-home-entry-card.is-batch[b-t13l3v2at7] {
            background: linear-gradient(180deg, rgba(241, 248, 255, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .kiga-theme-fotoparadies .kiga-home-entry-card.is-pro[b-t13l3v2at7] {
            background: linear-gradient(180deg, rgba(255, 243, 249, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

    .kiga-theme-fotoparadies .kiga-home-entry-badge[b-t13l3v2at7] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        max-width: 100%;
        min-height: 1.95rem;
        padding: 0.32rem 0.72rem;
        border-radius: 999px;
        border: 1px solid rgba(0, 90, 169, 0.10);
        background: rgba(255, 255, 255, 0.86);
        color: var(--kiga-primary-strong);
        font-size: 0.76rem;
        font-weight: 750;
        letter-spacing: 0.02em;
        box-shadow: 0 6px 16px rgba(16, 35, 63, 0.04);
    }

    .kiga-theme-fotoparadies .kiga-home-entry-card h3[b-t13l3v2at7] {
        margin: 0;
        color: var(--kiga-ink);
        font-size: 1.16rem;
        line-height: 1.25;
        font-weight: 800;
    }

    .kiga-theme-fotoparadies .kiga-home-entry-card p[b-t13l3v2at7] {
        margin: 0;
        color: var(--kiga-ink-soft);
        font-size: 0.94rem;
        line-height: 1.58;
    }

    .kiga-theme-fotoparadies .kiga-home-entry-list[b-t13l3v2at7] {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        gap: 0.62rem;
    }

        .kiga-theme-fotoparadies .kiga-home-entry-list li[b-t13l3v2at7] {
            position: relative;
            margin: 0;
            padding-left: 1.45rem;
            color: var(--kiga-ink-soft);
            font-size: 0.9rem;
            line-height: 1.52;
        }

            .kiga-theme-fotoparadies .kiga-home-entry-list li[b-t13l3v2at7]::before {
                content: "";
                position: absolute;
                top: 0.43rem;
                left: 0;
                width: 0.68rem;
                height: 0.68rem;
                border-radius: 999px;
                background: linear-gradient(135deg, var(--kiga-primary) 0%, var(--kiga-accent) 100%);
                box-shadow: 0 0 0 0.26rem rgba(0, 90, 169, 0.10);
            }

    .kiga-theme-fotoparadies .kiga-home-entry-actions[b-t13l3v2at7] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.6rem;
        margin-top: auto;
        padding-top: 0.1rem;
    }

    .kiga-theme-fotoparadies .kiga-home-confidence[b-t13l3v2at7] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.85rem;
        margin-bottom: 1.35rem;
    }

    .kiga-theme-fotoparadies .kiga-confidence-card[b-t13l3v2at7] {
        display: flex;
        gap: 0.85rem;
        align-items: flex-start;
        min-height: 100%;
        padding: 1rem 1.02rem;
        border: 1px solid rgba(0, 90, 169, 0.10);
        border-radius: 1.4rem;
        background: rgba(255, 255, 255, 0.90);
        box-shadow: var(--kiga-shadow-soft);
    }

    .kiga-theme-fotoparadies .kiga-confidence-icon[b-t13l3v2at7] {
        display: inline-grid;
        place-items: center;
        width: 2.25rem;
        height: 2.25rem;
        flex: 0 0 auto;
        border-radius: 999px;
        background: linear-gradient(135deg, var(--kiga-primary) 0%, var(--kiga-secondary) 100%);
        color: #fff;
        font-size: 0.96rem;
        font-weight: 800;
        box-shadow: 0 10px 22px rgba(0, 90, 169, 0.18);
    }

    .kiga-theme-fotoparadies .kiga-confidence-copy[b-t13l3v2at7] {
        display: grid;
        gap: 0.22rem;
    }

        .kiga-theme-fotoparadies .kiga-confidence-copy strong[b-t13l3v2at7] {
            color: var(--kiga-ink);
            font-size: 0.98rem;
            font-weight: 780;
        }

        .kiga-theme-fotoparadies .kiga-confidence-copy span[b-t13l3v2at7] {
            color: var(--kiga-ink-soft);
            font-size: 0.9rem;
            line-height: 1.55;
        }

    .kiga-theme-fotoparadies .sticky-actions[b-t13l3v2at7] {
        border-radius: 1.75rem;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(246, 250, 255, 0.94) 100%);
    }

    .kiga-theme-fotoparadies details.section > summary[b-t13l3v2at7] {
        min-height: 4.8rem;
    }

    .kiga-theme-fotoparadies .btn-outline-secondary[b-t13l3v2at7],
    .kiga-theme-fotoparadies .btn-light[b-t13l3v2at7] {
        border-color: rgba(0, 90, 169, 0.12);
        color: var(--kiga-primary-strong);
    }

    .kiga-theme-fotoparadies details.section > summary strong[b-t13l3v2at7]::before {
        background: linear-gradient(135deg, var(--kiga-primary) 0%, var(--kiga-accent) 100%);
    }

    .kiga-theme-fotoparadies .group-card-header[b-t13l3v2at7] {
        background: radial-gradient(circle at right center, rgba(255, 212, 77, 0.14), transparent 24%), linear-gradient(180deg, #ffffff 0%, rgba(245, 250, 255, 0.98) 100%);
    }

@media (max-width: 1199.98px) {
    .kiga-theme-fotoparadies .kiga-home-entry-grid[b-t13l3v2at7],
    .kiga-theme-fotoparadies .kiga-home-confidence[b-t13l3v2at7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .kiga-theme-fotoparadies .kiga-service-ribbon[b-t13l3v2at7] {
        padding: 0.75rem 0.8rem;
        border-radius: 1.2rem;
    }

    .kiga-theme-fotoparadies .kiga-home-entry-grid[b-t13l3v2at7],
    .kiga-theme-fotoparadies .kiga-home-confidence[b-t13l3v2at7] {
        grid-template-columns: 1fr;
    }

    .kiga-theme-fotoparadies .kiga-home-entry-actions[b-t13l3v2at7] {
        flex-direction: column;
        align-items: stretch;
    }

        .kiga-theme-fotoparadies .kiga-home-entry-actions .btn[b-t13l3v2at7] {
            width: 100%;
            justify-content: center;
        }
}

@media (max-width: 575.98px) {
    .kiga-theme-fotoparadies .kiga-service-pill[b-t13l3v2at7] {
        padding: 0.72rem 0.78rem;
    }

    .kiga-theme-fotoparadies .kiga-home-entrypoints[b-t13l3v2at7] {
        padding: 0.95rem;
        border-radius: 1.45rem;
    }

    .kiga-theme-fotoparadies .kiga-home-entry-card[b-t13l3v2at7],
    .kiga-theme-fotoparadies .kiga-confidence-card[b-t13l3v2at7] {
        border-radius: 1.2rem;
    }
}

@media print {
    .kiga-theme-fotoparadies .kiga-service-ribbon[b-t13l3v2at7],
    .kiga-theme-fotoparadies .kiga-home-entrypoints[b-t13l3v2at7],
    .kiga-theme-fotoparadies .kiga-home-confidence[b-t13l3v2at7] {
        display: none !important;
    }
}


/* AI + speed optimization helpers ---------------------------------------- */
.ai-speed-strip[b-t13l3v2at7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.ai-speed-chip[b-t13l3v2at7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.48rem 0.78rem;
    border: 1px solid var(--kiga-line);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--kiga-ink-soft);
    box-shadow: 0 8px 18px rgba(35, 50, 71, 0.05);
    font-size: 0.78rem;
    line-height: 1.1;
}

    .ai-speed-chip strong[b-t13l3v2at7] {
        color: var(--kiga-ink);
    }

.ai-speed-chip--accent[b-t13l3v2at7] {
    background: linear-gradient(180deg, #fff7eb 0%, #f7efe0 100%);
    border-color: rgba(199, 154, 87, 0.38);
    color: #6b5330;
}

.ai-speed-chip--soft[b-t13l3v2at7] {
    background: linear-gradient(180deg, #f4f7fb 0%, #ebf1f7 100%);
    color: #35506d;
}

.gallery-perf-bar[b-t13l3v2at7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    flex-wrap: wrap;
    padding: 0.8rem 0.95rem;
    border: 1px dashed var(--kiga-line-strong);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 244, 238, 0.94) 100%);
}

.gallery-perf-stats[b-t13l3v2at7],
.gallery-perf-actions[b-t13l3v2at7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.ai-preview-badge[b-t13l3v2at7] {
    color: #2f577a !important;
    background: linear-gradient(180deg, #eef7ff 0%, #dfeefd 100%) !important;
    border: 1px solid rgba(47, 87, 122, 0.16);
}

@media (max-width: 767.98px) {
    .gallery-perf-bar[b-t13l3v2at7] {
        align-items: flex-start;
    }

    .gallery-perf-actions[b-t13l3v2at7] {
        width: 100%;
    }
}


/* Performance dock -------------------------------------------------------- */
.kiga-perf-dock[b-t13l3v2at7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0 1.2rem;
}

.kiga-perf-card[b-t13l3v2at7] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(48, 72, 101, 0.12);
    border-radius: 1.35rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 245, 238, 0.98) 100%);
    box-shadow: var(--kiga-shadow-soft);
}

.kiga-perf-card-head[b-t13l3v2at7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
}

.kiga-perf-card h3[b-t13l3v2at7] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.25;
    color: var(--kiga-ink);
}

.kiga-perf-eyebrow[b-t13l3v2at7] {
    margin-bottom: 0.18rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--kiga-muted);
}

.kiga-perf-badge[b-t13l3v2at7] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(84, 120, 95, 0.22);
    background: linear-gradient(180deg, #eff8f1 0%, #e7f2ea 100%);
    color: #395543;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.kiga-perf-list[b-t13l3v2at7] {
    margin: 0;
    padding-left: 1.2rem;
}

    .kiga-perf-list li[b-t13l3v2at7] {
        color: var(--kiga-ink-soft);
        line-height: 1.42;
    }

        .kiga-perf-list li + li[b-t13l3v2at7] {
            margin-top: 0.45rem;
        }

.kiga-perf-hint[b-t13l3v2at7] {
    padding: 0.78rem 0.85rem;
    border: 1px dashed rgba(48, 72, 101, 0.18);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(243, 247, 251, 0.92) 0%, rgba(250, 246, 239, 0.94) 100%);
    color: var(--kiga-ink-soft);
    font-size: 0.84rem;
    line-height: 1.45;
}

.kiga-stage-grid[b-t13l3v2at7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.kiga-stage[b-t13l3v2at7] {
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
    padding: 0.8rem 0.85rem;
    border-radius: 1rem;
    border: 1px solid var(--kiga-line);
    background: rgba(255, 255, 255, 0.9);
    min-width: 0;
}

    .kiga-stage.is-running[b-t13l3v2at7] {
        border-color: rgba(48, 72, 101, 0.18);
        background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
        box-shadow: 0 10px 24px rgba(48, 72, 101, 0.08);
    }

    .kiga-stage.is-ready[b-t13l3v2at7] {
        border-color: rgba(84, 120, 95, 0.16);
        background: linear-gradient(180deg, #fbfdfb 0%, #f2f8f3 100%);
    }

    .kiga-stage.is-warning[b-t13l3v2at7] {
        border-color: rgba(184, 93, 85, 0.20);
        background: linear-gradient(180deg, #fff9f8 0%, #fff0ee 100%);
    }

    .kiga-stage.is-idle[b-t13l3v2at7] {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(249, 245, 238, 0.9) 100%);
    }

.kiga-stage-top[b-t13l3v2at7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

    .kiga-stage-top strong[b-t13l3v2at7] {
        font-size: 0.86rem;
        color: var(--kiga-ink);
    }

    .kiga-stage-top span[b-t13l3v2at7] {
        font-size: 0.76rem;
        font-weight: 700;
        color: var(--kiga-muted);
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

.kiga-stage-meta[b-t13l3v2at7],
.kiga-stage-detail[b-t13l3v2at7] {
    font-size: 0.81rem;
    color: var(--kiga-ink-soft);
    line-height: 1.35;
    word-break: break-word;
}

    .kiga-stage-detail strong[b-t13l3v2at7] {
        color: var(--kiga-ink);
    }

.kiga-mini-progress[b-t13l3v2at7] {
    position: relative;
    height: 0.42rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(48, 72, 101, 0.10);
}

    .kiga-mini-progress > span[b-t13l3v2at7] {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--kiga-primary) 0%, var(--kiga-accent) 100%);
        transition: width 0.18s ease;
    }

.kiga-metric-grid[b-t13l3v2at7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.kiga-metric-tile[b-t13l3v2at7] {
    display: flex;
    flex-direction: column;
    gap: 0.26rem;
    padding: 0.85rem 0.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(48, 72, 101, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 242, 234, 0.96) 100%);
}

    .kiga-metric-tile > span[b-t13l3v2at7] {
        font-size: 0.74rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--kiga-muted);
    }

    .kiga-metric-tile > strong[b-t13l3v2at7] {
        font-size: 1rem;
        color: var(--kiga-ink);
        line-height: 1.2;
    }

    .kiga-metric-tile > small[b-t13l3v2at7] {
        color: var(--kiga-ink-soft);
        font-size: 0.8rem;
        line-height: 1.35;
    }

@media (max-width: 1199.98px) {
    .kiga-perf-dock[b-t13l3v2at7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .kiga-perf-dock[b-t13l3v2at7],
    .kiga-stage-grid[b-t13l3v2at7],
    .kiga-metric-grid[b-t13l3v2at7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kiga-perf-card-head[b-t13l3v2at7] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/AI.ART/Components/Pages/Linkedin-Profile.razor.rz.scp.css */
/* Documents.razor.css
   Zentrale Styles für die Dokument-Analyse-Komponente.
   Ziel: übersichtlich, nicht-invasiv (Bootstrap-Variablen nutzen) und gut lesbar, inkl. Dark-Mode-Support durch Variablen.
*/

/* 1) Sektionen (Details/Accordion) */
details.section[b-lufupkl56j] {
    /* Abstand zwischen Abschnitten */
    margin: 0.5rem 0;
    border: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    border-radius: 0.375rem; /* ~ .rounded */
    background: var(--bs-body-bg);
}

    /* Summary-Kopfzeile: klickbarer Header */
    details.section > summary[b-lufupkl56j] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        padding: .5rem .75rem;
        cursor: pointer;
        user-select: none;
        /* Standard-Marker des Browsers ausblenden, wir nutzen eine eigene Chevrone */
        list-style: none;
    }

        /* Einige Browser benötigen diese Marker-Entfernung explizit */
        details.section > summary[b-lufupkl56j]::-webkit-details-marker {
            display: none;
        }

        /* Hover/Focus-Zustände für bessere Erkennbarkeit */
        details.section > summary:hover[b-lufupkl56j] {
            background-color: var(--bs-secondary-bg, rgba(0,0,0,.03));
        }

        details.section > summary:focus[b-lufupkl56j] {
            outline: 2px solid var(--bs-primary);
            outline-offset: 2px;
        }

    /* Chevrone rechts: dreht sich beim Öffnen */
    details.section .chev[b-lufupkl56j] {
        transition: transform .2s ease;
        display: inline-block;
        line-height: 1;
        color: var(--bs-body-color);
        opacity: .8;
    }

    details.section[open] .chev[b-lufupkl56j] {
        transform: rotate(90deg);
    }

    /* Inhalt der Sektion */
    details.section .section-body[b-lufupkl56j] {
        padding: .75rem;
        border-top: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    }

/* 2) Sticky-Aktionsleiste (Import/Export/Help) */
.sticky-actions[b-lufupkl56j] {
    position: sticky;
    top: 0; /* ggf. an Header-Höhe anpassen */
    z-index: 1020; /* über Inhalt, unter Offcanvas/Modals */
    background: var(--bs-body-bg);
    padding: .5rem .5rem;
    border-bottom: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
}

/* 3) Selections-Box und -Einträge (Markierungen) */
.selections-box[b-lufupkl56j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .5rem;
}

/* Einzelne Auswahl-„Badges“ (hier auf Basis von .alert) */
.selection-entry[b-lufupkl56j] {
    padding: .5rem .75rem;
    margin: 0; /* Grid übernimmt die Abstände */
    border-color: var(--bs-border-color, rgba(0,0,0,.125));
    background: var(--bs-tertiary-bg, rgba(0,0,0,.02));
}

/* 4) Chat-Bereich */
.chat-box[b-lufupkl56j] {
    background: var(--bs-tertiary-bg, rgba(0,0,0,.02));
    max-height: 40vh; /* begrenzte Höhe für viel Verlauf */
    overflow: auto;
}

/* Erhaltung von Zeilenumbrüchen für Chat- und Hilfetexte */
.prewrap[b-lufupkl56j] {
    white-space: pre-wrap;
    word-break: break-word;
}

/* 5) Floating KI-Chat-Button (FAB) – Positionierung */
.chat-fab[b-lufupkl56j] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1030; /* über Sticky-Leisten, unter Modals */
}

    .chat-fab .btn[b-lufupkl56j] {
        width: 3rem;
        height: 3rem;
        line-height: 1;
        font-size: 1.25rem;
    }

/* 6) Tabellen-Feinschliff (bewusst minimal, Bootstrap respektierend) */
/* Kopfzeile leicht hervorheben (für lange Tabellen in der Tagesübersicht nützlich) */
.table thead th[b-lufupkl56j] {
    vertical-align: middle;
    white-space: nowrap;
}
/* Zellen: lange Texte sauber umbrechen */
.table td[b-lufupkl56j], .table th[b-lufupkl56j] {
    word-break: break-word;
}

/* 7) Responsives Feintuning */
@media (max-width: 576px) {
    .chat-box[b-lufupkl56j] {
        max-height: 50vh;
    }
    /* mehr Platz auf kleinen Displays */
    .selections-box[b-lufupkl56j] {
        grid-template-columns: 1fr;
    }
    /* eine Spalte auf XS */
}

/* 8) Druck-Optimierung (optional) */
@media print {
    .sticky-actions[b-lufupkl56j],
    .chat-fab[b-lufupkl56j] {
        display: none !important;
    }

    details.section[b-lufupkl56j] {
        border: 1px solid #000;
    }
}


/* Globale Statusanzeige für Hintergrundaktionen */
.global-status[b-lufupkl56j] {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1080;
    background-color: rgba(33, 37, 41, 0.92); /* nahe an bg-dark */
    color: #f8f9fa;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    max-width: 320px;
}

    .global-status .spinner-border[b-lufupkl56j] {
        width: 1rem;
        height: 1rem;
        border-width: 0.15rem;
    }
/* _content/AI.ART/Components/Pages/Login.razor.rz.scp.css */
.info-page[b-ioj5zr4dvh] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.5rem 3rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.info-header h1[b-ioj5zr4dvh] {
    font-size: 2rem;
    margin-bottom: 0.45rem;
}

.info-lead[b-ioj5zr4dvh] {
    font-size: 1.02rem;
    color: #4b5563;
    max-width: 44rem;
}

.info-section[b-ioj5zr4dvh] {
    margin-top: 2rem;
}

    .info-section h2[b-ioj5zr4dvh] {
        font-size: 1.35rem;
        margin-bottom: 0.45rem;
    }

    .info-section > p[b-ioj5zr4dvh] {
        color: #4b5563;
        max-width: 46rem;
    }

/* Listen, Notizen */

.info-list[b-ioj5zr4dvh] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-list li + li[b-ioj5zr4dvh] {
        margin-top: 0.22rem;
    }

.info-note[b-ioj5zr4dvh] {
    margin-top: 0.6rem;
    font-size: 0.92rem;
    color: #6b7280;
}

/* Karten / Grid-Layout */

.info-section.grid[b-ioj5zr4dvh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 1.4rem;
}

.info-card[b-ioj5zr4dvh] {
    background: #ffffff;
    border-radius: 0.75rem;
    padding: 1.35rem 1.3rem 1.45rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

    .info-card h3[b-ioj5zr4dvh] {
        margin-top: 0;
        font-size: 1.15rem;
        margin-bottom: 0.35rem;
    }

.info-grid-2col[b-ioj5zr4dvh] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
    gap: 1.4rem;
    margin-top: 0.8rem;
}

/* Schritte-Liste */

.info-steps[b-ioj5zr4dvh] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-steps li + li[b-ioj5zr4dvh] {
        margin-top: 0.35rem;
    }

/* Links & Buttons */

.info-link[b-ioj5zr4dvh] {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

    .info-link:hover[b-ioj5zr4dvh] {
        text-decoration: underline;
    }

.info-footer[b-ioj5zr4dvh] {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 1.4rem;
}

    .info-footer h2[b-ioj5zr4dvh] {
        font-size: 1.2rem;
        margin-bottom: 0.6rem;
    }

.info-footer-links[b-ioj5zr4dvh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.info-btn[b-ioj5zr4dvh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1.15rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.94rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    background: #2563eb;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.3);
    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease, border-color 0.15s ease;
}

    .info-btn:hover[b-ioj5zr4dvh] {
        background: #1d4ed8;
        box-shadow: 0 10px 22px rgba(30, 64, 175, 0.35);
        transform: translateY(-1px);
    }

    .info-btn.ghost[b-ioj5zr4dvh] {
        background: transparent;
        color: #111827;
        border-color: rgba(15, 23, 42, 0.2);
        box-shadow: none;
    }

        .info-btn.ghost:hover[b-ioj5zr4dvh] {
            background: rgba(15, 23, 42, 0.03);
        }

/* Dark-Mode */

@media (prefers-color-scheme: dark) {
    .info-page[b-ioj5zr4dvh] {
        color: #e5e7eb;
    }

    .info-lead[b-ioj5zr4dvh],
    .info-section > p[b-ioj5zr4dvh],
    .info-list[b-ioj5zr4dvh],
    .info-note[b-ioj5zr4dvh],
    .info-steps[b-ioj5zr4dvh] {
        color: #9ca3af;
    }

    .info-card[b-ioj5zr4dvh] {
        background: #020617;
        border-color: rgba(148, 163, 184, 0.25);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.75);
    }

    .info-footer[b-ioj5zr4dvh] {
        border-top-color: rgba(148, 163, 184, 0.25);
    }

    .info-btn.ghost[b-ioj5zr4dvh] {
        color: #e5e7eb;
        border-color: rgba(148, 163, 184, 0.5);
    }

        .info-btn.ghost:hover[b-ioj5zr4dvh] {
            background: rgba(148, 163, 184, 0.08);
        }

    .info-link[b-ioj5zr4dvh] {
        color: #60a5fa;
    }
}

/* Mobile */

@media (max-width: 768px) {
    .info-page[b-ioj5zr4dvh] {
        padding: 1.6rem 1.1rem 2.5rem;
    }

    .info-header h1[b-ioj5zr4dvh] {
        font-size: 1.7rem;
    }

    .info-grid-2col[b-ioj5zr4dvh] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 480px) {
    .info-footer-links[b-ioj5zr4dvh] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/AI.ART/Components/Pages/Register.razor.rz.scp.css */
.info-page[b-0rx195j67e] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.5rem 3rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.info-header h1[b-0rx195j67e] {
    font-size: 2rem;
    margin-bottom: 0.45rem;
}

.info-lead[b-0rx195j67e] {
    font-size: 1.02rem;
    color: #4b5563;
    max-width: 44rem;
}

.info-section[b-0rx195j67e] {
    margin-top: 2rem;
}

    .info-section h2[b-0rx195j67e] {
        font-size: 1.35rem;
        margin-bottom: 0.45rem;
    }

    .info-section > p[b-0rx195j67e] {
        color: #4b5563;
        max-width: 46rem;
    }

/* Listen, Notizen */

.info-list[b-0rx195j67e] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-list li + li[b-0rx195j67e] {
        margin-top: 0.22rem;
    }

.info-note[b-0rx195j67e] {
    margin-top: 0.6rem;
    font-size: 0.92rem;
    color: #6b7280;
}

/* Karten / Grid-Layout */

.info-section.grid[b-0rx195j67e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 1.4rem;
}

.info-card[b-0rx195j67e] {
    background: #ffffff;
    border-radius: 0.75rem;
    padding: 1.35rem 1.3rem 1.45rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

    .info-card h3[b-0rx195j67e] {
        margin-top: 0;
        font-size: 1.15rem;
        margin-bottom: 0.35rem;
    }

.info-grid-2col[b-0rx195j67e] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
    gap: 1.4rem;
    margin-top: 0.8rem;
}

/* Schritte-Liste */

.info-steps[b-0rx195j67e] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-steps li + li[b-0rx195j67e] {
        margin-top: 0.35rem;
    }

/* Links & Buttons */

.info-link[b-0rx195j67e] {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

    .info-link:hover[b-0rx195j67e] {
        text-decoration: underline;
    }

.info-footer[b-0rx195j67e] {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 1.4rem;
}

    .info-footer h2[b-0rx195j67e] {
        font-size: 1.2rem;
        margin-bottom: 0.6rem;
    }

.info-footer-links[b-0rx195j67e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.info-btn[b-0rx195j67e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1.15rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.94rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    background: #2563eb;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.3);
    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease, border-color 0.15s ease;
}

    .info-btn:hover[b-0rx195j67e] {
        background: #1d4ed8;
        box-shadow: 0 10px 22px rgba(30, 64, 175, 0.35);
        transform: translateY(-1px);
    }

    .info-btn.ghost[b-0rx195j67e] {
        background: transparent;
        color: #111827;
        border-color: rgba(15, 23, 42, 0.2);
        box-shadow: none;
    }

        .info-btn.ghost:hover[b-0rx195j67e] {
            background: rgba(15, 23, 42, 0.03);
        }

/* Dark-Mode */

@media (prefers-color-scheme: dark) {
    .info-page[b-0rx195j67e] {
        color: #e5e7eb;
    }

    .info-lead[b-0rx195j67e],
    .info-section > p[b-0rx195j67e],
    .info-list[b-0rx195j67e],
    .info-note[b-0rx195j67e],
    .info-steps[b-0rx195j67e] {
        color: #9ca3af;
    }

    .info-card[b-0rx195j67e] {
        background: #020617;
        border-color: rgba(148, 163, 184, 0.25);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.75);
    }

    .info-footer[b-0rx195j67e] {
        border-top-color: rgba(148, 163, 184, 0.25);
    }

    .info-btn.ghost[b-0rx195j67e] {
        color: #e5e7eb;
        border-color: rgba(148, 163, 184, 0.5);
    }

        .info-btn.ghost:hover[b-0rx195j67e] {
            background: rgba(148, 163, 184, 0.08);
        }

    .info-link[b-0rx195j67e] {
        color: #60a5fa;
    }
}

/* Mobile */

@media (max-width: 768px) {
    .info-page[b-0rx195j67e] {
        padding: 1.6rem 1.1rem 2.5rem;
    }

    .info-header h1[b-0rx195j67e] {
        font-size: 1.7rem;
    }

    .info-grid-2col[b-0rx195j67e] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 480px) {
    .info-footer-links[b-0rx195j67e] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/AI.ART/Components/Pages/Sales-Insights.razor.rz.scp.css */
/* Sales-Insights.merged.razor.css
   Optik/Layout an Weather.razor.css angelehnt:
   - Details-Sektionen (Accordion-Look)
   - Sticky Actions
   - Chat (Box + FAB)
   - Global Busy Indicator
   Minimal gehalten, nutzt Bootstrap-Variablen und respektiert Dark Mode über Variablen.
*/
/* 1) Sektionen (Details/Accordion) */
details.section[b-5p6rm8sg1v] {
    /* Abstand zwischen Abschnitten */
    margin: 0.5rem 0;
    border: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    border-radius: 0.375rem; /* ~ .rounded */
    background: var(--bs-body-bg);
}

    /* Summary-Kopfzeile: klickbarer Header */
    details.section > summary[b-5p6rm8sg1v] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        padding: .5rem .75rem;
        cursor: pointer;
        user-select: none;
        /* Standard-Marker des Browsers ausblenden, wir nutzen eine eigene Chevrone */
        list-style: none;
    }

        /* Einige Browser benötigen diese Marker-Entfernung explizit */
        details.section > summary[b-5p6rm8sg1v]::-webkit-details-marker {
            display: none;
        }

        /* Hover/Focus-Zustände für bessere Erkennbarkeit */
        details.section > summary:hover[b-5p6rm8sg1v] {
            background-color: var(--bs-secondary-bg, rgba(0,0,0,.03));
        }

        details.section > summary:focus[b-5p6rm8sg1v] {
            outline: 2px solid var(--bs-primary);
            outline-offset: 2px;
        }

    /* Chevrone rechts: dreht sich beim Öffnen */
    details.section .chev[b-5p6rm8sg1v] {
        transition: transform .2s ease;
        display: inline-block;
        line-height: 1;
        color: var(--bs-body-color);
        opacity: .8;
    }

    details.section[open] .chev[b-5p6rm8sg1v] {
        transform: rotate(90deg);
    }

    /* Inhalt der Sektion */
    details.section .section-body[b-5p6rm8sg1v] {
        padding: .75rem;
        border-top: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    }

/* 2) Sticky-Aktionsleiste (Import/Export/Help) */
.sticky-actions[b-5p6rm8sg1v] {
    position: sticky;
    top: 0; /* ggf. an Header-Höhe anpassen */
    z-index: 1020; /* über Inhalt, unter Offcanvas/Modals */
    background: var(--bs-body-bg);
    padding: .5rem .5rem;
    border-bottom: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
}

/* 3) Selections-Box und -Einträge (Markierungen) */
.selections-box[b-5p6rm8sg1v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .5rem;
}

/* Einzelne Auswahl-„Badges“ (hier auf Basis von .alert) */
.selection-entry[b-5p6rm8sg1v] {
    padding: .5rem .75rem;
    margin: 0; /* Grid übernimmt die Abstände */
    border-color: var(--bs-border-color, rgba(0,0,0,.125));
    background: var(--bs-tertiary-bg, rgba(0,0,0,.02));
}

/* 4) Chat-Bereich */
.chat-box[b-5p6rm8sg1v] {
    background: var(--bs-tertiary-bg, rgba(0,0,0,.02));
    max-height: 40vh; /* begrenzte Höhe für viel Verlauf */
    overflow: auto;
}

/* Erhaltung von Zeilenumbrüchen für Chat- und Hilfetexte */
.prewrap[b-5p6rm8sg1v] {
    white-space: pre-wrap;
    word-break: break-word;
}

/* 5) Floating KI-Chat-Button (FAB) – Positionierung */
.chat-fab[b-5p6rm8sg1v] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1030; /* über Sticky-Leisten, unter Modals */
}

    .chat-fab .btn[b-5p6rm8sg1v] {
        width: 3rem;
        height: 3rem;
        line-height: 1;
        font-size: 1.25rem;
    }

/* 6) Tabellen-Feinschliff (bewusst minimal, Bootstrap respektierend) */
/* Kopfzeile leicht hervorheben (für lange Tabellen in der Tagesübersicht nützlich) */
.table thead th[b-5p6rm8sg1v] {
    vertical-align: middle;
    white-space: nowrap;
}
/* Zellen: lange Texte sauber umbrechen */
.table td[b-5p6rm8sg1v], .table th[b-5p6rm8sg1v] {
    word-break: break-word;
}

/* 7) Responsives Feintuning */
@media (max-width: 576px) {
    .chat-box[b-5p6rm8sg1v] {
        max-height: 50vh;
    }
    /* mehr Platz auf kleinen Displays */
    .selections-box[b-5p6rm8sg1v] {
        grid-template-columns: 1fr;
    }
    /* eine Spalte auf XS */
}

/* 8) Druck-Optimierung (optional) */
@media print {
    .sticky-actions[b-5p6rm8sg1v],
    .chat-fab[b-5p6rm8sg1v] {
        display: none !important;
    }

    details.section[b-5p6rm8sg1v] {
        border: 1px solid #000;
    }
}


/* Globale Statusanzeige für Hintergrundaktionen */
.global-status[b-5p6rm8sg1v] {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1080;
    background-color: rgba(33, 37, 41, 0.92); /* nahe an bg-dark */
    color: #f8f9fa;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    max-width: 320px;
}

    .global-status .spinner-border[b-5p6rm8sg1v] {
        width: 1rem;
        height: 1rem;
        border-width: 0.15rem;
    }

/* Sales-spezifisch */
.clickable-row[b-5p6rm8sg1v] {
    cursor: pointer;
}


/* ===== CSV Import Wizard enhancements (smart mapping + format hints) ===== */
.csv-inline-controls .csv-format-select[b-5p6rm8sg1v] {
    width: 190px;
    max-width: 100%;
}

.csv-inline-controls .badge[b-5p6rm8sg1v] {
    white-space: nowrap;
}

.csv-analysis-table .csv-samples[b-5p6rm8sg1v] {
    max-width: 520px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.csv-analysis-table td[b-5p6rm8sg1v],
.csv-analysis-table th[b-5p6rm8sg1v] {
    vertical-align: middle;
}


/* Autoformat hint above mapping dropdowns */
.csv-autoformat-hint[b-5p6rm8sg1v] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
/* _content/AI.ART/Components/Pages/Salesexpert.razor.rz.scp.css */
/* Weather.razor.css
   Zentrale Styles für die Wetter-Komponente.
   Ziel: übersichtlich, nicht-invasiv (Bootstrap-Variablen nutzen) und gut lesbar, inkl. Dark-Mode-Support durch Variablen.
*/

/* 1) Sektionen (Details/Accordion) */
details.section[b-6lzideqheg] {
    /* Abstand zwischen Abschnitten */
    margin: 0.5rem 0;
    border: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    border-radius: 0.375rem; /* ~ .rounded */
    background: var(--bs-body-bg);
}

    /* Summary-Kopfzeile: klickbarer Header */
    details.section > summary[b-6lzideqheg] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        padding: .5rem .75rem;
        cursor: pointer;
        user-select: none;
        /* Standard-Marker des Browsers ausblenden, wir nutzen eine eigene Chevrone */
        list-style: none;
    }

        /* Einige Browser benötigen diese Marker-Entfernung explizit */
        details.section > summary[b-6lzideqheg]::-webkit-details-marker {
            display: none;
        }

        /* Hover/Focus-Zustände für bessere Erkennbarkeit */
        details.section > summary:hover[b-6lzideqheg] {
            background-color: var(--bs-secondary-bg, rgba(0,0,0,.03));
        }

        details.section > summary:focus[b-6lzideqheg] {
            outline: 2px solid var(--bs-primary);
            outline-offset: 2px;
        }

    /* Chevrone rechts: dreht sich beim Öffnen */
    details.section .chev[b-6lzideqheg] {
        transition: transform .2s ease;
        display: inline-block;
        line-height: 1;
        color: var(--bs-body-color);
        opacity: .8;
    }

    details.section[open] .chev[b-6lzideqheg] {
        transform: rotate(90deg);
    }

    /* Inhalt der Sektion */
    details.section .section-body[b-6lzideqheg] {
        padding: .75rem;
        border-top: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    }

/* 2) Sticky-Aktionsleiste (Import/Export/Help) */
.sticky-actions[b-6lzideqheg] {
    position: sticky;
    top: 0; /* ggf. an Header-Höhe anpassen */
    z-index: 1020; /* über Inhalt, unter Offcanvas/Modals */
    background: var(--bs-body-bg);
    padding: .5rem .5rem;
    border-bottom: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
}

/* 3) Selections-Box und -Einträge (Markierungen) */
.selections-box[b-6lzideqheg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .5rem;
}

/* Einzelne Auswahl-„Badges“ (hier auf Basis von .alert) */
.selection-entry[b-6lzideqheg] {
    padding: .5rem .75rem;
    margin: 0; /* Grid übernimmt die Abstände */
    border-color: var(--bs-border-color, rgba(0,0,0,.125));
    background: var(--bs-tertiary-bg, rgba(0,0,0,.02));
}

/* 4) Chat-Bereich */
.chat-box[b-6lzideqheg] {
    background: var(--bs-tertiary-bg, rgba(0,0,0,.02));
    max-height: 40vh; /* begrenzte Höhe für viel Verlauf */
    overflow: auto;
}

/* Erhaltung von Zeilenumbrüchen für Chat- und Hilfetexte */
.prewrap[b-6lzideqheg] {
    white-space: pre-wrap;
    word-break: break-word;
}

/* 5) Floating KI-Chat-Button (FAB) – Positionierung */
.chat-fab[b-6lzideqheg] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1030; /* über Sticky-Leisten, unter Modals */
}

    .chat-fab .btn[b-6lzideqheg] {
        width: 3rem;
        height: 3rem;
        line-height: 1;
        font-size: 1.25rem;
    }

/* 6) Tabellen-Feinschliff (bewusst minimal, Bootstrap respektierend) */
/* Kopfzeile leicht hervorheben (für lange Tabellen in der Tagesübersicht nützlich) */
.table thead th[b-6lzideqheg] {
    vertical-align: middle;
    white-space: nowrap;
}
/* Zellen: lange Texte sauber umbrechen */
.table td[b-6lzideqheg], .table th[b-6lzideqheg] {
    word-break: break-word;
}

/* 7) Responsives Feintuning */
@media (max-width: 576px) {
    .chat-box[b-6lzideqheg] {
        max-height: 50vh;
    }
    /* mehr Platz auf kleinen Displays */
    .selections-box[b-6lzideqheg] {
        grid-template-columns: 1fr;
    }
    /* eine Spalte auf XS */
}

/* 8) Druck-Optimierung (optional) */
@media print {
    .sticky-actions[b-6lzideqheg],
    .chat-fab[b-6lzideqheg] {
        display: none !important;
    }

    details.section[b-6lzideqheg] {
        border: 1px solid #000;
    }
}


/* Globale Statusanzeige für Hintergrundaktionen */
.global-status[b-6lzideqheg] {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1080;
    background-color: rgba(33, 37, 41, 0.92); /* nahe an bg-dark */
    color: #f8f9fa;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    max-width: 320px;
}

    .global-status .spinner-border[b-6lzideqheg] {
        width: 1rem;
        height: 1rem;
        border-width: 0.15rem;
    }

/* 9) Salesexpert: Product picker / headline */
.headline-product[b-6lzideqheg] {
    font-weight: 600;
}

.product-card[b-6lzideqheg] {
    border-left: 4px solid var(--bs-primary);
}

    .product-card .form-label[b-6lzideqheg] {
        margin-bottom: .25rem;
    }

/* 10) Salesexpert: Context AI row */
.context-ai-row[b-6lzideqheg] {
    flex-wrap: wrap;
}

    .context-ai-row .btn[b-6lzideqheg] {
        white-space: nowrap;
    }
/* _content/AI.ART/Components/Pages/Settings.razor.rz.scp.css */
.info-page[b-brk3ca7qkb] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.5rem 3rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.info-header h1[b-brk3ca7qkb] {
    font-size: 2rem;
    margin-bottom: 0.45rem;
}

.info-lead[b-brk3ca7qkb] {
    font-size: 1.02rem;
    color: #4b5563;
    max-width: 44rem;
}

.info-section[b-brk3ca7qkb] {
    margin-top: 2rem;
}

    .info-section h2[b-brk3ca7qkb] {
        font-size: 1.35rem;
        margin-bottom: 0.45rem;
    }

    .info-section > p[b-brk3ca7qkb] {
        color: #4b5563;
        max-width: 46rem;
    }

/* Listen, Notizen */

.info-list[b-brk3ca7qkb] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-list li + li[b-brk3ca7qkb] {
        margin-top: 0.22rem;
    }

.info-note[b-brk3ca7qkb] {
    margin-top: 0.6rem;
    font-size: 0.92rem;
    color: #6b7280;
}

/* Karten / Grid-Layout */

.info-section.grid[b-brk3ca7qkb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 1.4rem;
}

.info-card[b-brk3ca7qkb] {
    background: #ffffff;
    border-radius: 0.75rem;
    padding: 1.35rem 1.3rem 1.45rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

    .info-card h3[b-brk3ca7qkb] {
        margin-top: 0;
        font-size: 1.15rem;
        margin-bottom: 0.35rem;
    }

.info-grid-2col[b-brk3ca7qkb] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
    gap: 1.4rem;
    margin-top: 0.8rem;
}

/* Schritte-Liste */

.info-steps[b-brk3ca7qkb] {
    margin: 0.4rem 0 0.4rem;
    padding-left: 1.2rem;
    color: #374151;
    font-size: 0.96rem;
}

    .info-steps li + li[b-brk3ca7qkb] {
        margin-top: 0.35rem;
    }

/* Links & Buttons */

.info-link[b-brk3ca7qkb] {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

    .info-link:hover[b-brk3ca7qkb] {
        text-decoration: underline;
    }

.info-footer[b-brk3ca7qkb] {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 1.4rem;
}

    .info-footer h2[b-brk3ca7qkb] {
        font-size: 1.2rem;
        margin-bottom: 0.6rem;
    }

.info-footer-links[b-brk3ca7qkb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.info-btn[b-brk3ca7qkb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1.15rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.94rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    background: #2563eb;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.3);
    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease, border-color 0.15s ease;
}

    .info-btn:hover[b-brk3ca7qkb] {
        background: #1d4ed8;
        box-shadow: 0 10px 22px rgba(30, 64, 175, 0.35);
        transform: translateY(-1px);
    }

    .info-btn.ghost[b-brk3ca7qkb] {
        background: transparent;
        color: #111827;
        border-color: rgba(15, 23, 42, 0.2);
        box-shadow: none;
    }

        .info-btn.ghost:hover[b-brk3ca7qkb] {
            background: rgba(15, 23, 42, 0.03);
        }

/* Dark-Mode */

@media (prefers-color-scheme: dark) {
    .info-page[b-brk3ca7qkb] {
        color: #e5e7eb;
    }

    .info-lead[b-brk3ca7qkb],
    .info-section > p[b-brk3ca7qkb],
    .info-list[b-brk3ca7qkb],
    .info-note[b-brk3ca7qkb],
    .info-steps[b-brk3ca7qkb] {
        color: #9ca3af;
    }

    .info-card[b-brk3ca7qkb] {
        background: #020617;
        border-color: rgba(148, 163, 184, 0.25);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.75);
    }

    .info-footer[b-brk3ca7qkb] {
        border-top-color: rgba(148, 163, 184, 0.25);
    }

    .info-btn.ghost[b-brk3ca7qkb] {
        color: #e5e7eb;
        border-color: rgba(148, 163, 184, 0.5);
    }

        .info-btn.ghost:hover[b-brk3ca7qkb] {
            background: rgba(148, 163, 184, 0.08);
        }

    .info-link[b-brk3ca7qkb] {
        color: #60a5fa;
    }
}

/* Mobile */

@media (max-width: 768px) {
    .info-page[b-brk3ca7qkb] {
        padding: 1.6rem 1.1rem 2.5rem;
    }

    .info-header h1[b-brk3ca7qkb] {
        font-size: 1.7rem;
    }

    .info-grid-2col[b-brk3ca7qkb] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 480px) {
    .info-footer-links[b-brk3ca7qkb] {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* Settings-spezifische Stile */

details.section[b-brk3ca7qkb] {
    margin: 0.75rem 0;
    border-radius: 0.75rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

    /* Summary-Kopfzeile: klickbarer Header */
    details.section > summary[b-brk3ca7qkb] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        padding: 0.7rem 1rem;
        cursor: pointer;
        user-select: none;
        list-style: none; /* Standard-Marker ausblenden */
        font-weight: 600;
    }

        /* Einige Browser benötigen diese Marker-Entfernung explizit */
        details.section > summary[b-brk3ca7qkb]::-webkit-details-marker {
            display: none;
        }

        /* Hover/Focus-Zustände für bessere Erkennbarkeit */
        details.section > summary:hover[b-brk3ca7qkb] {
            background-color: rgba(15, 23, 42, 0.02);
        }

        details.section > summary:focus[b-brk3ca7qkb] {
            outline: 2px solid #2563eb;
            outline-offset: 2px;
        }

    /* Chevrone rechts: dreht sich beim Öffnen */
    details.section .chev[b-brk3ca7qkb] {
        transition: transform 0.2s ease;
        display: inline-block;
        line-height: 1;
        color: #4b5563;
        opacity: 0.85;
    }

    details.section[open] .chev[b-brk3ca7qkb] {
        transform: rotate(90deg);
    }

    /* Inhalt der Sektion */
    details.section .section-body[b-brk3ca7qkb] {
        padding: 1rem 1.1rem 1.15rem;
        border-top: 1px solid rgba(0, 0, 0, 0.04);
    }

/* Sticky-Aktionsleiste für den Speichern-Button */
.sticky-actions[b-brk3ca7qkb] {
    position: sticky;
    top: 0;
    z-index: 20;
    padding: 0.55rem 0.75rem;
    background: linear-gradient(to bottom, rgba(248, 250, 252, 0.96), rgba(248, 250, 252, 0.92));
    border-radius: 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.35);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
}

/* Tabs kleine kosmetische Anpassungen */
.settings-tabs-nav .nav-link[b-brk3ca7qkb] {
    cursor: pointer;
}

/* Dark-Mode-Anpassungen für Settings */

@media (prefers-color-scheme: dark) {
    details.section[b-brk3ca7qkb] {
        background: #020617;
        border-color: rgba(148, 163, 184, 0.25);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.75);
    }

        details.section > summary:hover[b-brk3ca7qkb] {
            background-color: rgba(148, 163, 184, 0.08);
        }

        details.section .chev[b-brk3ca7qkb] {
            color: #e5e7eb;
            opacity: 0.85;
        }

        details.section .section-body[b-brk3ca7qkb] {
            border-top-color: rgba(148, 163, 184, 0.25);
        }

    .sticky-actions[b-brk3ca7qkb] {
        background: linear-gradient(to bottom, rgba(15, 23, 42, 0.97), rgba(15, 23, 42, 0.93));
        border-color: rgba(148, 163, 184, 0.35);
        box-shadow: 0 14px 32px rgba(15, 23, 42, 0.9);
    }
}

/* Mobile-Feintuning für Settings */
@media (max-width: 768px) {
    details.section > summary[b-brk3ca7qkb] {
        padding: 0.65rem 0.8rem;
    }

    details.section .section-body[b-brk3ca7qkb] {
        padding: 0.85rem 0.9rem 0.95rem;
    }

    .sticky-actions[b-brk3ca7qkb] {
        padding: 0.5rem 0.7rem;
    }
}


/* Model picker helpers */
.model-actions[b-brk3ca7qkb] {
    padding-bottom: 0.25rem;
    border-bottom: 1px dashed rgba(148, 163, 184, 0.45);
}

@media (prefers-color-scheme: dark) {
    .model-actions[b-brk3ca7qkb] {
        border-bottom-color: rgba(148, 163, 184, 0.35);
    }
}
/* _content/AI.ART/Components/Pages/Voice.razor.rz.scp.css */
/* Voice.razor.css
   Styles deliberately follow the structure of Weather.razor.css:
   - clean sections via <details>
   - sticky action bar
   - readable chat area
   - minimal + Bootstrap-variable friendly
*/

/* 1) Sections (details/accordion) */
details.section[b-boih8o5uxu] {
    margin: 0.5rem 0;
    border: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    border-radius: 0.375rem;
    background: var(--bs-body-bg);
}

    details.section > summary[b-boih8o5uxu] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        padding: .5rem .75rem;
        cursor: pointer;
        user-select: none;
        list-style: none;
    }

        details.section > summary[b-boih8o5uxu]::-webkit-details-marker {
            display: none;
        }

        details.section > summary:hover[b-boih8o5uxu] {
            background-color: var(--bs-secondary-bg, rgba(0,0,0,.03));
        }

        details.section > summary:focus[b-boih8o5uxu] {
            outline: 2px solid var(--bs-primary);
            outline-offset: 2px;
        }

    details.section .chev[b-boih8o5uxu] {
        transition: transform .2s ease;
        display: inline-block;
        line-height: 1;
        color: var(--bs-body-color);
        opacity: .8;
    }

    details.section[open] .chev[b-boih8o5uxu] {
        transform: rotate(90deg);
    }

    details.section .section-body[b-boih8o5uxu] {
        padding: .75rem;
        border-top: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    }

/* 2) Sticky top action bar */
.sticky-actions[b-boih8o5uxu] {
    position: sticky;
    top: 0;
    z-index: 1020;
    background: var(--bs-body-bg);
    padding: .5rem .5rem;
    border-bottom: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
}

/* 3) Chat */
.chat-box[b-boih8o5uxu] {
    background: var(--bs-tertiary-bg, rgba(0,0,0,.02));
    max-height: 50vh;
    overflow: auto;
}

.prewrap[b-boih8o5uxu] {
    white-space: pre-wrap;
    word-break: break-word;
}

.msg-row[b-boih8o5uxu] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-bottom: .75rem;
}

.msg-bubble[b-boih8o5uxu] {
    padding: .5rem .75rem;
    border-radius: .5rem;
    border: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    background: var(--bs-body-bg);
}

.msg-row.user .msg-bubble[b-boih8o5uxu] {
    background: var(--bs-primary-bg-subtle, rgba(13,110,253,.08));
    border-color: var(--bs-primary-border-subtle, rgba(13,110,253,.25));
}

.msg-row.assistant .msg-bubble[b-boih8o5uxu] {
    background: var(--bs-tertiary-bg, rgba(0,0,0,.02));
}

.msg-actions button[b-boih8o5uxu] {
    text-decoration: none;
    opacity: .75;
}

    .msg-actions button:hover[b-boih8o5uxu] {
        opacity: 1;
    }

.transcript-live[b-boih8o5uxu] {
    opacity: .85;
}

/* 4) Characters grid */
.characters-grid[b-boih8o5uxu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: .5rem;
}

.character-card[b-boih8o5uxu] {
    border-color: var(--bs-border-color, rgba(0,0,0,.125));
}

    .character-card.active[b-boih8o5uxu] {
        border-color: var(--bs-primary);
        box-shadow: 0 0 0 0.15rem rgba(13,110,253,.15);
    }

/* 5) Global status (busy indicator) */
.global-status[b-boih8o5uxu] {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1080;
    background-color: rgba(33, 37, 41, 0.92);
    color: #f8f9fa;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    max-width: 360px;
}

    .global-status .spinner-border[b-boih8o5uxu] {
        width: 1rem;
        height: 1rem;
        border-width: 0.15rem;
    }

/* 6) Export modal (simple, no JS needed) */
.export-modal[b-boih8o5uxu] {
    position: fixed;
    inset: 0;
    z-index: 1090;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.export-modal-inner[b-boih8o5uxu] {
    width: min(980px, 100%);
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1.25rem rgba(0,0,0,.2);
    padding: 1rem;
}

/* 7) Responsive tweaks */
@media (max-width: 576px) {
    .chat-box[b-boih8o5uxu] {
        max-height: 60vh;
    }

    .characters-grid[b-boih8o5uxu] {
        grid-template-columns: 1fr;
    }
}

/* 8) Print */
@media print {
    .sticky-actions[b-boih8o5uxu],
    .global-status[b-boih8o5uxu],
    .export-modal[b-boih8o5uxu],
    .modal-backdrop[b-boih8o5uxu] {
        display: none !important;
    }
}


/* 9) Presentation / beamer mode */
.voice-page.presentation .chat-box[b-boih8o5uxu] {
    max-height: 70vh;
    font-size: 1.05rem;
}

.voice-page.presentation .msg-bubble[b-boih8o5uxu] {
    font-size: 1.15rem;
}

.voice-page.presentation textarea.form-control[b-boih8o5uxu] {
    font-size: 1.05rem;
}

.presentation-last-answer[b-boih8o5uxu] {
    border-left: 0.35rem solid var(--bs-primary);
}

/* 10) Lecture questions */
.questions-list[b-boih8o5uxu] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.question-item[b-boih8o5uxu] {
    padding: .5rem .75rem;
    border: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    border-radius: .5rem;
    background: var(--bs-body-bg);
}

    .question-item.open[b-boih8o5uxu] {
        background: var(--bs-warning-bg-subtle, rgba(255,193,7,.12));
        border-color: var(--bs-warning-border-subtle, rgba(255,193,7,.35));
    }

    .question-item.answered[b-boih8o5uxu] {
        background: var(--bs-success-bg-subtle, rgba(25,135,84,.08));
        border-color: var(--bs-success-border-subtle, rgba(25,135,84,.25));
        opacity: .95;
    }
/* _content/AI.ART/Components/Pages/Weather.razor.rz.scp.css */
/* Weather.razor.css
   Zentrale Styles für die Wetter-Komponente.
   Ziel: übersichtlich, nicht-invasiv (Bootstrap-Variablen nutzen) und gut lesbar, inkl. Dark-Mode-Support durch Variablen.
*/

/* 1) Sektionen (Details/Accordion) */
details.section[b-1brmknj68p] {
    /* Abstand zwischen Abschnitten */
    margin: 0.5rem 0;
    border: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    border-radius: 0.375rem; /* ~ .rounded */
    background: var(--bs-body-bg);
}

    /* Summary-Kopfzeile: klickbarer Header */
    details.section > summary[b-1brmknj68p] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        padding: .5rem .75rem;
        cursor: pointer;
        user-select: none;
        /* Standard-Marker des Browsers ausblenden, wir nutzen eine eigene Chevrone */
        list-style: none;
    }

        /* Einige Browser benötigen diese Marker-Entfernung explizit */
        details.section > summary[b-1brmknj68p]::-webkit-details-marker {
            display: none;
        }

        /* Hover/Focus-Zustände für bessere Erkennbarkeit */
        details.section > summary:hover[b-1brmknj68p] {
            background-color: var(--bs-secondary-bg, rgba(0,0,0,.03));
        }

        details.section > summary:focus[b-1brmknj68p] {
            outline: 2px solid var(--bs-primary);
            outline-offset: 2px;
        }

    /* Chevrone rechts: dreht sich beim Öffnen */
    details.section .chev[b-1brmknj68p] {
        transition: transform .2s ease;
        display: inline-block;
        line-height: 1;
        color: var(--bs-body-color);
        opacity: .8;
    }

    details.section[open] .chev[b-1brmknj68p] {
        transform: rotate(90deg);
    }

    /* Inhalt der Sektion */
    details.section .section-body[b-1brmknj68p] {
        padding: .75rem;
        border-top: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
    }

/* 2) Sticky-Aktionsleiste (Import/Export/Help) */
.sticky-actions[b-1brmknj68p] {
    position: sticky;
    top: 0; /* ggf. an Header-Höhe anpassen */
    z-index: 1020; /* über Inhalt, unter Offcanvas/Modals */
    background: var(--bs-body-bg);
    padding: .5rem .5rem;
    border-bottom: 1px solid var(--bs-border-color, rgba(0,0,0,.125));
}

/* 3) Selections-Box und -Einträge (Markierungen) */
.selections-box[b-1brmknj68p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .5rem;
}

/* Einzelne Auswahl-„Badges“ (hier auf Basis von .alert) */
.selection-entry[b-1brmknj68p] {
    padding: .5rem .75rem;
    margin: 0; /* Grid übernimmt die Abstände */
    border-color: var(--bs-border-color, rgba(0,0,0,.125));
    background: var(--bs-tertiary-bg, rgba(0,0,0,.02));
}

/* 4) Chat-Bereich */
.chat-box[b-1brmknj68p] {
    background: var(--bs-tertiary-bg, rgba(0,0,0,.02));
    max-height: 40vh; /* begrenzte Höhe für viel Verlauf */
    overflow: auto;
}

/* Erhaltung von Zeilenumbrüchen für Chat- und Hilfetexte */
.prewrap[b-1brmknj68p] {
    white-space: pre-wrap;
    word-break: break-word;
}

/* 5) Floating KI-Chat-Button (FAB) – Positionierung */
.chat-fab[b-1brmknj68p] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1030; /* über Sticky-Leisten, unter Modals */
}

    .chat-fab .btn[b-1brmknj68p] {
        width: 3rem;
        height: 3rem;
        line-height: 1;
        font-size: 1.25rem;
    }

/* 6) Tabellen-Feinschliff (bewusst minimal, Bootstrap respektierend) */
/* Kopfzeile leicht hervorheben (für lange Tabellen in der Tagesübersicht nützlich) */
.table thead th[b-1brmknj68p] {
    vertical-align: middle;
    white-space: nowrap;
}
/* Zellen: lange Texte sauber umbrechen */
.table td[b-1brmknj68p], .table th[b-1brmknj68p] {
    word-break: break-word;
}

/* 7) Responsives Feintuning */
@media (max-width: 576px) {
    .chat-box[b-1brmknj68p] {
        max-height: 50vh;
    }
    /* mehr Platz auf kleinen Displays */
    .selections-box[b-1brmknj68p] {
        grid-template-columns: 1fr;
    }
    /* eine Spalte auf XS */
}

/* 8) Druck-Optimierung (optional) */
@media print {
    .sticky-actions[b-1brmknj68p],
    .chat-fab[b-1brmknj68p] {
        display: none !important;
    }

    details.section[b-1brmknj68p] {
        border: 1px solid #000;
    }
}


/* Globale Statusanzeige für Hintergrundaktionen */
.global-status[b-1brmknj68p] {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1080;
    background-color: rgba(33, 37, 41, 0.92); /* nahe an bg-dark */
    color: #f8f9fa;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    max-width: 320px;
}

    .global-status .spinner-border[b-1brmknj68p] {
        width: 1rem;
        height: 1rem;
        border-width: 0.15rem;
    }