/* =============================================================================
   Potawatomi KeyLogs — Print stylesheet
   Hides chrome (sidebar, topbar, buttons) and lays out forms on letter paper.
   ============================================================================= */

@page {
    size: letter portrait;
    margin: 0.5in;
}

@media print {
    html, body {
        background: #fff !important;
        color: #000 !important;
        font-family: "IBM Plex Sans", Arial, sans-serif !important;
        font-size: 10pt;
    }

    body::before { display: none !important; }

    .sidebar,
    .topbar,
    .page-header__actions,
    .filter-bar,
    .pager,
    .form-card__actions,
    .sigpad__bar,
    .btn,
    #blazor-error-ui {
        display: none !important;
    }

    .app-shell {
        display: block !important;
        grid-template-columns: none !important;
    }
    .main, .content {
        display: block !important;
        padding: 0 !important;
    }

    .panel, .section, .form-card {
        background: #fff !important;
        border: 1px solid #000 !important;
        box-shadow: none !important;
        page-break-inside: avoid;
        margin-bottom: 14pt;
        padding: 10pt 14pt !important;
    }
    .panel::before, .section::before, .form-card::before { display: none !important; }

    .page-header {
        border-bottom: 2px solid #000 !important;
        margin-bottom: 14pt !important;
        padding-bottom: 8pt !important;
    }
    .page-header__title { color: #000 !important; font-size: 16pt; }
    .page-header__subtitle { color: #444 !important; }

    h1, h2, h3, .section__title, .panel__title {
        color: #000 !important;
    }

    .input, .select, textarea.input {
        background: #fff !important;
        color: #000 !important;
        border: none !important;
        border-bottom: 1px solid #000 !important;
        padding: 1pt 0 !important;
        font-family: inherit !important;
    }

    .field label { color: #000 !important; font-size: 7pt; }

    .sigpad {
        background: #fff !important;
        border: 1px solid #000 !important;
        height: 60pt !important;
    }
    .sigpad::after { color: #000 !important; }

    .data-table {
        font-size: 9pt;
    }
    .data-table thead th {
        background: #eee !important;
        color: #000 !important;
        border-bottom: 1px solid #000 !important;
    }
    .data-table tbody td { border-bottom: 1px solid #999 !important; color: #000 !important; }

    a { color: #000 !important; text-decoration: none !important; }

    .form-grid-cards { display: block !important; }
}