/* FAO IMES — print stylesheet (A4 landscape project reports) */

@page {
    size: A4 landscape;
    margin: 11mm 12mm 14mm;
}

* {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body {
    background: #fff !important;
    font-size: 11px;
    color: #000;
}

.no-print, .sidebar, .topbar, .foot, .toasts, .burger,
.pubbar, .pubfoot, .pub-notice, .callout, .quick-card,
.project-card-add { display: none !important; }

.shell, .main, .pub-wrap { display: block !important; }
.content {
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Report header */
.print-header {
    display: flex !important;
    align-items: center;
    gap: 14px;
    border-bottom: 2.5px solid #0F2B4C;
    padding-bottom: 10px;
    margin-bottom: 14px;
}
.print-header img { width: 52px; height: 52px; object-fit: contain; }
.print-header h1 { font-size: 16px; color: #0F2B4C; }
.print-header p { margin: 2px 0 0; font-size: 10px; color: #43566E; }

/* Cards become plain blocks */
.card {
    border: 1px solid #B9C6D8 !important;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 12px;
    break-inside: avoid;
}
.card-head h2 { font-size: 12.5px; }

.page-head { margin-bottom: 12px; }
.page-head h1 { font-size: 17px; }

/* Hero numbers stay readable */
.hero-kpis strong { font-size: 15px; }
.donut-wrap { padding: 0; }
.meta-grid dt { color: #43566E; }

/* Tables: compact, full width, repeated header */
.table { font-size: 9.2px; width: 100%; }
.table th {
    background: #E4EDF8 !important;
    color: #0F2B4C;
    padding: 5px 6px;
    border-bottom: 1.5px solid #0F2B4C;
}
.table td { padding: 4px 6px; border-bottom: 1px solid #D5DEEA; }
.table thead { display: table-header-group; }
.table tr { break-inside: avoid; }

/* The on-screen scroller must not clip the report to one viewport height. */
.table-wrap { max-height: none !important; overflow: visible !important; }
.table-wrap .table thead th { position: static !important; }
.table-scroller .scroll-x { display: none !important; }
/* the MoV add / remove controls are screen-only */
.doc-cell .icon-btn, .doc-del { display: none !important; }
.mov-item {
    border: 1px solid #B9C6D8 !important;
    color: #16283E !important;
    font-size: 8.4px;
}

.chip, .badge, .code-chip, .pill {
    border: 1px solid #B9C6D8 !important;
    color: #16283E !important;
    background: #fff !important;
}
.badge i { background: #555 !important; }
.legend li { font-size: 10px; }

.result-details { display: none !important; }
.result-print { display: block !important; margin: 3px 0 0; font-size: 9.2px; color: #333; }

.progress { border: 1px solid #B9C6D8 !important; }
.progress i { background: #447CC4 !important; }

/* Signature block */
.print-sign {
    display: flex !important;
    justify-content: space-between;
    gap: 40px;
    margin-top: 26px;
    break-inside: avoid;
}
.print-sign > div {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-size: 10px;
}
.print-sign span { color: #43566E; font-weight: 600; }
.print-sign i { display: block; width: 72%; height: 44px; border-bottom: 1.5px solid #333; }
.print-sign strong { font-size: 10px; margin-top: 4px; }

/* Dashboard print adjustments */
.kpi-grid { grid-template-columns: repeat(6, 1fr); gap: 8px; margin-bottom: 12px; }
.kpi { border: 1px solid #B9C6D8 !important; padding: 8px 10px; margin: 0; }
.kpi strong { font-size: 14px; }
.project-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
/* The printed geography is the province list — the canvas and its controls are screen-only. */
.map-layout { display: block !important; }
.rank-list {
    max-height: none !important;
    overflow: visible !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 1px 22px !important;
}
.rank-row { padding: 3px 4px; }
.rank-name { font-size: 10px; }
.rank-sub { font-size: 8.6px; }
.rank-bar { background: #E4EDF8 !important; }
.rank-bar i { background: #447CC4 !important; }
.map-extra { font-size: 9px; }
a[href]::after { content: ""; }