/* Sindzo Medewerker — basis CSS overlay op MudBlazor defaults */

:root {
    --mw-primary: #0B6E6E;
    --mw-surface: #FFFFFF;
    --mw-background: #F7F7F4;
    --mw-border: #E5E5E2;
    --mw-ink-500: #737373;
}

body {
    background: var(--mw-background);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.mud-drawer {
    border-right: 1px solid var(--mw-border);
}

.mud-paper-outlined {
    border-color: var(--mw-border);
}

/* In-app werkinstructies */
.help-content h1 { font-size: 1.4rem; font-weight: 700; margin: 1rem 0 0.5rem; }
.help-content h2 { font-size: 1.15rem; font-weight: 700; margin: 1.2rem 0 0.4rem;
                   border-bottom: 1px solid var(--mud-palette-lines-default); padding-bottom: 4px; }
.help-content h3 { font-size: 1rem; font-weight: 600; margin: 1rem 0 0.3rem; }
.help-content p  { margin: 0.5rem 0; line-height: 1.6; }
.help-content table { border-collapse: collapse; width: 100%; margin: 0.75rem 0; }
.help-content th, .help-content td { border: 1px solid var(--mud-palette-lines-default);
                                     padding: 6px 10px; font-size: 0.875rem; }
.help-content th { background: var(--mud-palette-background-grey); font-weight: 600; }
.help-content code { background: var(--mud-palette-background-grey); padding: 1px 4px;
                     border-radius: 3px; font-size: 0.85em; }
.help-content blockquote { border-left: 3px solid var(--mud-palette-primary); margin: 0.5rem 0;
                           padding: 4px 12px; background: var(--mud-palette-background-grey);
                           border-radius: 0 4px 4px 0; }
.help-content ul, .help-content ol { margin: 0.5rem 0; padding-left: 1.5rem; }
.help-content li { margin: 0.25rem 0; }
.help-content a { color: var(--mud-palette-primary); }