/* /Components/Analysis/AnalysisStepper.razor.rz.scp.css */
.stepper[b-ncjusd7j95] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
    width: 100%;
    padding: 0.25rem 0.25rem 0.5rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.stepper[b-ncjusd7j95]::-webkit-scrollbar {
    display: none;
}

.stepper-node[b-ncjusd7j95] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    flex: 0 0 auto;
    min-width: 64px;
    color: #64748b;
    font: inherit;
}

.stepper-circle[b-ncjusd7j95] {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.95rem;
    border: 2px solid #cbd5e1;
    background: #fff;
    color: #64748b;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.stepper-icon[b-ncjusd7j95] {
    display: none;
}

.stepper-label[b-ncjusd7j95] {
    font-size: 0.8rem;
    line-height: 1.1;
    text-align: center;
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Connector line between nodes */
.stepper-connector[b-ncjusd7j95] {
    flex: 1 1 auto;
    height: 2px;
    background: #e2e8f0;
    margin: 17px 0.25rem 0;
    min-width: 16px;
    align-self: flex-start;
}

.stepper-connector.done[b-ncjusd7j95] {
    background: var(--primary-color, #3aa655);
}

/* States */
.stepper-node.active .stepper-circle[b-ncjusd7j95] {
    background: var(--primary-color, #3aa655);
    border-color: var(--primary-color, #3aa655);
    color: #fff;
    box-shadow: 0 0 0 4px var(--primary-transparent-30, rgba(58, 166, 85, 0.18));
}

.stepper-node.active .stepper-label[b-ncjusd7j95] {
    color: var(--primary-color, #3aa655);
    font-weight: 600;
}

.stepper-node.completed .stepper-circle[b-ncjusd7j95] {
    background: var(--primary-color, #3aa655);
    border-color: var(--primary-color, #3aa655);
    color: #fff;
}

.stepper-node.completed .stepper-label[b-ncjusd7j95] {
    color: #0f172a;
}

.stepper-node:hover .stepper-circle[b-ncjusd7j95] {
    border-color: var(--primary-color, #3aa655);
}

@media (max-width: 640px) {
    .stepper-label[b-ncjusd7j95] {
        display: none;
    }

    .stepper-node[b-ncjusd7j95] {
        min-width: 0;
    }

    .stepper-circle[b-ncjusd7j95] {
        width: 30px;
        height: 30px;
        font-size: 0.85rem;
    }

    .stepper-connector[b-ncjusd7j95] {
        margin-top: 15px;
    }
}
/* /Components/Report/CustomCostModal.razor.rz.scp.css */
.cc-input[b-nl76iaztb9] {
    width: 120px;
    text-align: right;
    padding: .3rem .4rem;
    border: 1px solid var(--border-strong);
    border-radius: 2px;
    font-size: .85rem;
}

.cc-input:focus[b-nl76iaztb9] {
    outline: none;
    border-color: var(--green);
}

.cc-reset[b-nl76iaztb9] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--green-dark);
    font-size: 1.05rem;
    line-height: 1;
    padding: 0 .2rem;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-sv21qsya3o] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.sidebar[b-sv21qsya3o] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-sv21qsya3o] {
    background-color: #0f172a;
    border-bottom: 1px solid #1e293b;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-sv21qsya3o]  a, .top-row[b-sv21qsya3o]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-sv21qsya3o]  a:hover, .top-row[b-sv21qsya3o]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-sv21qsya3o]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 768.98px) {
    .top-row[b-sv21qsya3o] {
        justify-content: space-between;
    }

    .top-row[b-sv21qsya3o]  a, .top-row[b-sv21qsya3o]  .btn-link {
        margin-left: 0;
    }
}

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

    .sidebar[b-sv21qsya3o] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

    .top-row.auth[b-sv21qsya3o]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-sv21qsya3o], article[b-sv21qsya3o] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-v1gqw7ts3w] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-v1gqw7ts3w] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-v1gqw7ts3w] {
    font-size: 1.1rem;
}

.bi[b-v1gqw7ts3w] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-v1gqw7ts3w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-v1gqw7ts3w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-v1gqw7ts3w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-v1gqw7ts3w] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

    .nav-item:last-of-type[b-v1gqw7ts3w] {
        padding-bottom: 1rem;
    }

    .nav-item[b-v1gqw7ts3w]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-v1gqw7ts3w]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-v1gqw7ts3w]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-v1gqw7ts3w] {
        display: none;
    }

    .collapse[b-v1gqw7ts3w] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-v1gqw7ts3w] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Analysis/AnalysisReportShell.razor.rz.scp.css */
.readable-container[b-5kcm0eqrjr] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem;
}

.loading-container[b-5kcm0eqrjr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    gap: 1rem;
}

.spinner[b-5kcm0eqrjr] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--border-color, #e2e8f0);
    border-top-color: #16a34a;
    border-radius: 50%;
    animation: spin-b-5kcm0eqrjr 0.8s linear infinite;
}

@keyframes spin-b-5kcm0eqrjr {
    to {
        transform: rotate(360deg);
    }
}

.report-header[b-5kcm0eqrjr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.report-header h1[b-5kcm0eqrjr] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #1e293b);
    margin: 0;
}

.report-header p[b-5kcm0eqrjr] {
    color: var(--text-secondary, #64748b);
    margin: 0;
    width: 100%;
}

.report-actions[b-5kcm0eqrjr] {
    display: flex;
    gap: 0.5rem;
}

.btn-primary[b-5kcm0eqrjr],
.btn-secondary[b-5kcm0eqrjr] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s;
}

.btn-primary[b-5kcm0eqrjr] {
    background: #16a34a;
    color: #fff;
}

.btn-secondary[b-5kcm0eqrjr] {
    background: var(--card-bg, #fff);
    color: var(--text-primary, #1e293b);
    border: 1px solid var(--border-color, #e2e8f0);
}

.btn-primary:hover[b-5kcm0eqrjr],
.btn-secondary:hover[b-5kcm0eqrjr] {
    opacity: 0.85;
}

.btn-primary:disabled[b-5kcm0eqrjr],
.btn-secondary:disabled[b-5kcm0eqrjr] {
    opacity: 0.5;
    cursor: not-allowed;
}

.empty-state[b-5kcm0eqrjr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 1rem;
    text-align: center;
}

.empty-state h3[b-5kcm0eqrjr] {
    color: var(--text-secondary, #64748b);
    font-weight: 500;
}

.building-grid[b-5kcm0eqrjr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.building-card[b-5kcm0eqrjr] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 0.75rem;
    cursor: pointer;
    transition: box-shadow 0.2s, transform 0.15s;
    overflow: hidden;
}

.building-card:hover[b-5kcm0eqrjr] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.building-card-header[b-5kcm0eqrjr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: var(--section-bg, #f8fafc);
    border-bottom: 1px solid var(--border-color, #e2e8f0);
    font-weight: 600;
}

.building-card-header .bi[b-5kcm0eqrjr] {
    font-size: 1.1rem;
    color: #16a34a;
}

.building-name[b-5kcm0eqrjr] {
    flex: 1;
}

.badge[b-5kcm0eqrjr] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.badge-success[b-5kcm0eqrjr] {
    background: #dcfce7;
    color: #166534;
}

.badge-warning[b-5kcm0eqrjr] {
    background: #fef9c3;
    color: #854d0e;
}

.building-card-body[b-5kcm0eqrjr] {
    padding: 0.75rem 1rem;
}

.building-info-row[b-5kcm0eqrjr] {
    display: flex;
    justify-content: space-between;
    padding: 0.3rem 0;
    font-size: 0.85rem;
    border-bottom: 1px solid var(--border-color, #f1f5f9);
}

.building-info-row:last-child[b-5kcm0eqrjr] {
    border-bottom: none;
}

.building-info-row .label[b-5kcm0eqrjr] {
    color: var(--text-secondary, #64748b);
}

.building-info-row .value[b-5kcm0eqrjr] {
    font-weight: 600;
    color: var(--text-primary, #1e293b);
}

/* Tab-Leiste: die eigentliche Optik (Chips, horizontales Scrollen) liegt in
   report.css (.mgr .report-tabs). Hier nur der Grund-Flow. Die früheren
   `.report-tab-link`-Regeln (altes Tab-Design) wurden in S06 entfernt — im
   Markup nicht mehr vorhanden.

   KEIN `display` hier: Diese Datei wird als Scoped CSS NACH report.css geladen,
   und `.report-tabs[b-…]` hat dieselbe Spezifität wie `.mgr .report-tabs`. Ein
   `display: flex` an dieser Stelle schlug deshalb die Mobilregel
   `@media (max-width: 768px) { .mgr .report-tabs { display: none } }` — die
   Chip-Leiste blieb neben dem Mobil-Dropdown stehen, war mit ihren acht Chips
   rund 840 px breit und zog die ganze Seite auf diese Breite (Rest: geclippt).
   Das `display` kommt jetzt ausschliesslich aus report.css. */
.report-tabs[b-5kcm0eqrjr] {
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.print-tab-stack[b-5kcm0eqrjr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.print-tab-title[b-5kcm0eqrjr] {
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #16a34a;
}

[b-5kcm0eqrjr] .section-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #16a34a;
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #16a34a;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
}

[b-5kcm0eqrjr] .section-title .bi {
    font-size: 1.1rem;
}

[b-5kcm0eqrjr] .subsection-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #1e293b);
    margin: 0.75rem 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

[b-5kcm0eqrjr] .data-label {
    display: block;
    font-size: 0.75rem;
    color: var(--text-secondary, #64748b);
    margin-bottom: 0.15rem;
}

[b-5kcm0eqrjr] .chart-section {
    margin-top: 1rem;
    padding: 0.75rem;
    background: var(--card-bg, #fff);
    border-radius: 0.5rem;
    border: 1px solid var(--border-color, #e2e8f0);
}

[b-5kcm0eqrjr] .chart-section h3,
[b-5kcm0eqrjr] .chart-section h4 {
    margin: 0 0 0.5rem 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary, #1e293b);
}

.alert-error[b-5kcm0eqrjr],
[b-5kcm0eqrjr] .alert-info {
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alert-error[b-5kcm0eqrjr] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

[b-5kcm0eqrjr] .alert-info {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

[b-5kcm0eqrjr] .radar-legend {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.5rem 1rem;
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background: var(--surface-alt, #f8fafc);
    border-left: 3px solid #16a34a;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .report-header[b-5kcm0eqrjr] {
        flex-direction: column;
        align-items: flex-start;
    }

    .building-grid[b-5kcm0eqrjr] {
        grid-template-columns: 1fr;
    }

    .report-tabs[b-5kcm0eqrjr] {
        gap: 0.35rem;
    }
}

@media print {
    .readable-container[b-5kcm0eqrjr],
    .readable-container [data-theme="dark"][b-5kcm0eqrjr],
    [data-theme="dark"] .readable-container[b-5kcm0eqrjr] {
        background: #ffffff !important;
        color: #1e293b !important;
    }

    .report-tabs[b-5kcm0eqrjr],
    .print-tab-title[b-5kcm0eqrjr] {
        display: none !important;
    }

    .report-actions[b-5kcm0eqrjr],
    .btn-primary[b-5kcm0eqrjr],
    .btn-secondary[b-5kcm0eqrjr] {
        display: none !important;
    }

    .building-card[b-5kcm0eqrjr],
    [b-5kcm0eqrjr] .chart-section {
        background: #ffffff !important;
        color: #1e293b !important;
        box-shadow: none !important;
    }

    .badge[b-5kcm0eqrjr],
    .badge-success[b-5kcm0eqrjr],
    .badge-warning[b-5kcm0eqrjr],
    .badge-error[b-5kcm0eqrjr] {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .print-tab-block[b-5kcm0eqrjr] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Pages/Info/Einblick.razor.rz.scp.css */
/* Vorschau-Rahmen der Einblick-Seite.
   Bewusst ein VERGROESSERTER AUSSCHNITT statt der ganzen Seite: Die Aufnahmen sollen
   einen Eindruck vermitteln, nicht den Aufbau der Anwendung preisgeben. Zugleich waere
   eine auf Spaltenbreite verkleinerte Vollseite unlesbar. Deshalb wird das Bild breiter
   als der Rahmen gezeichnet und links/oben angeschnitten; der Verlauf an der Unterkante
   weist den Schnitt sichtbar als Ausschnitt aus. */

.eb-peek[b-cwfrahpc7d] {
    margin: 0;
}

.eb-peek-frame[b-cwfrahpc7d] {
    position: relative;
    height: 380px;
    overflow: hidden;
    border-radius: 16px;
    /* Feste helle Werte statt Theme-Tokens: Diese Karte sitzt immer auf einem hellen
       .lp-section (auch im Dunkelmodus) und rahmt eine helle Aufnahme — ein dunkler
       Token-Rand waere hier fehl am Platz. */
    border: 1px solid #cbd5e1;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
    background: #ffffff;
}

/* 168 % Breite -> die Oberflaeche wird lesbar gross; der Versatz nach links schneidet
   die App-Seitenleiste ab, damit der Blick auf dem Inhalt liegt. */
.eb-peek-frame img[b-cwfrahpc7d] {
    position: absolute;
    top: 0;
    left: -22%;
    width: 168%;
    max-width: none;
    height: auto;
    display: block;
}

.eb-peek-frame[b-cwfrahpc7d]::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5.5rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 70%, #ffffff 100%);
    pointer-events: none;
}

.eb-peek figcaption[b-cwfrahpc7d] {
    margin-top: 0.55rem;
    font-size: 0.78rem;
    letter-spacing: 0.02em;
    color: #64748b;
    text-align: right;
}

@media (max-width: 900px) {
    .eb-peek-frame[b-cwfrahpc7d] {
        height: 260px;
    }

    .eb-peek-frame img[b-cwfrahpc7d] {
        left: -19%;
        width: 150%;
    }
}
/* /Pages/Info/Preise.razor.rz.scp.css */
/* Produkt-Screenshots auf der Preisseite (SC04). Tokens statt Hex; hell/dunkel-tauglich. */
.lp-shot[b-9p6uge47fi] {
    max-width: 900px;
    margin: 1.75rem 0 0.5rem;
}

.lp-shot img[b-9p6uge47fi] {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--border-color, #cbd5e1);
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10);
}

.lp-shot figcaption[b-9p6uge47fi] {
    margin-top: 0.55rem;
    font-size: 0.85rem;
    color: var(--muted-color, #6c757d);
}