/* ==========================================================================
   MieBook Handbuch, Schulungen & Print-Stylesheets
   Valeara Qualitätsmanagement & Betriebsrat-Dokumentation
   ========================================================================== */

/* --- FÜRTH-GROSSANSICHT (Fürth-Modus für maximale Lesbarkeit) --- */
.fuerth-grossansicht {
    font-size: 1.25rem !important;
    line-height: 1.85 !important;
}

.fuerth-grossansicht .mud-typography-h3 {
    font-size: 2.8rem !important;
    line-height: 1.2 !important;
}

.fuerth-grossansicht .mud-typography-h4 {
    font-size: 2.3rem !important;
    line-height: 1.3 !important;
}

.fuerth-grossansicht .mud-typography-h5 {
    font-size: 1.9rem !important;
}

.fuerth-grossansicht .mud-typography-h6 {
    font-size: 1.6rem !important;
}

.fuerth-grossansicht .mud-typography-body1 {
    font-size: 1.25rem !important;
    line-height: 1.85 !important;
}

.fuerth-grossansicht .mud-typography-body2 {
    font-size: 1.15rem !important;
    line-height: 1.7 !important;
}

.fuerth-grossansicht .mud-typography-caption {
    font-size: 1.05rem !important;
}

.fuerth-grossansicht .mud-button-root {
    font-size: 1.2rem !important;
    padding: 10px 22px !important;
}

.fuerth-grossansicht .mud-chip {
    font-size: 1.1rem !important;
    padding: 8px 16px !important;
    height: auto !important;
}

.fuerth-grossansicht .mud-icon-size-small {
    font-size: 1.5rem !important;
}

.fuerth-grossansicht .mud-icon-size-medium {
    font-size: 2.0rem !important;
}

.fuerth-grossansicht .mud-alert-message {
    font-size: 1.2rem !important;
    line-height: 1.7 !important;
}

.fuerth-drawer-wide {
    width: 640px !important;
    max-width: 95vw !important;
}

/* --- SOFORTHILFE DRAWER STYLING (VERHINDERT CLIPPING) --- */
.help-drawer-custom {
    box-sizing: border-box !important;
}

.help-drawer-custom.mud-drawer.mud-drawer-pos-right.mud-drawer--open {
    right: 0 !important;
    left: auto !important;
}

.help-drawer-custom .mud-drawer-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* --- BADGE & HIGHLIGHTS --- */
.fuerth-badge {
    background: linear-gradient(135deg, #15828A 0%, #0F4F1E 100%);
    color: #ffffff !important;
    font-weight: 600;
    border-radius: 8px;
    padding: 6px 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.br-compliance-box {
    border-left: 5px solid #0F4F1E;
    background-color: #f4fbf6;
    border-radius: 4px;
    padding: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.cheatsheet-box {
    border: 2px dashed #15828A;
    background-color: #f7fcfe;
    border-radius: 8px;
    padding: 20px;
}

/* --- PRINT MEDIA QUERIES (@media print) --- */
@media print {
    @page {
        size: A4 portrait;
        margin: 15mm 15mm 15mm 15mm;
    }

    /* Interaktive Steuerelemente und Navigation ausblenden */
    .no-print,
    .mud-appbar,
    .mud-drawer,
    .mud-popover-provider,
    .mud-dialog-provider,
    .mud-snackbar-provider,
    .mud-layout > header,
    .mud-layout > aside,
    .mud-main-content > .d-flex.gap-2.no-print,
    #blazor-error-ui {
        display: none !important;
    }

    body, html {
        background: #ffffff !important;
        color: #000000 !important;
        font-size: 11pt !important;
        line-height: 1.45 !important;
    }

    .mud-main-content {
        padding: 0 !important;
        margin: 0 !important;
    }

    .mud-container {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Print-Header für jede gedruckte Seite */
    .print-header {
        display: block !important;
        border-bottom: 2px solid #0F4F1E;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .print-footer {
        display: block !important;
        border-top: 1px solid #ccc;
        margin-top: 30px;
        padding-top: 8px;
        font-size: 9pt;
        color: #555;
    }

    /* Vermeidung von Seitenumbrüchen innerhalb von Abschnitten & Boxen */
    .break-inside-avoid,
    .mud-card,
    .br-compliance-box,
    .cheatsheet-box,
    .mud-alert,
    .mud-expansion-panel {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    .page-break-after {
        page-break-after: always !important;
        break-after: page !important;
    }

    /* Text- und Schatten-Anpassungen */
    .mud-elevation-1, .mud-elevation-2, .mud-elevation-4, .mud-elevation-8 {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }

    /* Links unterstreichen und Druck-URL weglassen */
    a {
        text-decoration: none !important;
        color: inherit !important;
    }

    .print-layout-root {
        background: #ffffff !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .a4-document-sheet {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        border: none !important;
        background: transparent !important;
    }
}

/* --- A4 DOCUMENT SHEET (SCREEN PREVIEW) --- */
.a4-document-sheet {
    max-width: 860px;
    margin: 36px auto;
    background: #ffffff;
    padding: 60px 70px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    color: #1a202c;
    font-family: 'Merriweather', Georgia, serif;
    box-sizing: border-box;
}