/* ── App shell: sidebar + content side by side ── */
.app-shell {
    display: flex;
    min-height: 100vh;
    background: var(--content-bg);
}

/* ── Main content area: IHEMS dotted dark backdrop ── */
.main-content {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
    background-color: var(--content-bg);
    background-image: radial-gradient(var(--content-dot) 1px, transparent 1px);
    background-size: 28px 28px;
}

.page-wrapper {
    padding: 28px 32px 48px;
    max-width: 1440px;
    margin: 0 auto;
}

/* ── Print: strip app shell, show only page content ── */
@media print {
    /* Remove browser default headers/footers (title, URL, date, page number) */
    @page {
        margin: 0.5in;
    }

    .sidebar {
        display: none !important;
    }

    #blazor-error-ui {
        display: none !important;
    }

    .app-shell {
        display: block !important;
        min-height: auto !important;
        background: none !important;
    }

    .main-content {
        overflow: visible !important;
        height: auto !important;
        background: none !important;
        background-image: none !important;
    }

    .page-wrapper {
        padding: 0 !important;
        max-width: none !important;
        margin: 0 !important;
    }
}