/* Expenses and purchases report: A4 landscape, same family as the other reports
   (logo and title, info row, summary cards, tinted sections, signatures). */

@media print {
    @page expense-report {
        size: A4 landscape;
        margin: 8mm;
    }

    #reportPrintTemplate:is(.expense-report-print-host, .sales-report-print-host) {
        font-family: 'IRANSans', sans-serif;
    }

    html[lang="ps"] #reportPrintTemplate:is(.expense-report-print-host, .sales-report-print-host) {
        font-family: 'Bahij Koodak', 'IRANSans', sans-serif;
    }

    #reportPrintTemplate .er-sheet {
        page: expense-report;
        width: 100%;
        box-sizing: border-box;
        color: #13233d !important;
        background: #fff !important;
        font-size: 9pt;
        font-weight: 600;
        line-height: 1.55;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    #reportPrintTemplate .er-sheet * {
        box-sizing: border-box;
    }

    #reportPrintTemplate .er-sheet bdi {
        direction: ltr;
        unicode-bidi: isolate;
        font-family: Arial, sans-serif;
    }

    #reportPrintTemplate .er-head {
        direction: ltr;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 8mm;
        padding: 0 0 3mm;
        border-bottom: 1.4pt solid var(--print-tone) !important;
    }

    #reportPrintTemplate .er-brand {
        direction: ltr;
        display: flex;
        align-items: center;
        justify-self: start;
        gap: 3mm;
        font-size: 12pt;
    }

    #reportPrintTemplate .er-brand strong {
        direction: rtl;
        text-align: right;
    }

    #reportPrintTemplate .er-logo {
        width: auto !important;
        height: 20mm !important;
        max-width: 46mm !important;
        object-fit: contain;
    }

    #reportPrintTemplate .er-title {
        direction: rtl;
        justify-self: end;
        text-align: right;
    }

    #reportPrintTemplate .er-title h1 {
        margin: 0;
        color: #10233e !important;
        font-size: 22pt;
        line-height: 1.15;
        font-weight: 900;
    }

    #reportPrintTemplate .er-title b {
        display: block;
        margin-top: 1mm;
        color: var(--print-tone) !important;
        font-size: 12pt;
    }

    #reportPrintTemplate .er-info {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        margin: 3mm 0;
        border: 0.7pt solid var(--print-line) !important;
        border-radius: 2mm;
    }

    #reportPrintTemplate .er-info > div {
        padding: 1.6mm 3mm;
        border-inline-end: 0.5pt solid var(--print-line) !important;
    }

    #reportPrintTemplate .er-info > div:last-child {
        border-inline-end: 0 !important;
    }

    #reportPrintTemplate .er-info span {
        display: block;
        color: #5c6b7a !important;
        font-size: 7.5pt;
        font-weight: 700;
    }

    #reportPrintTemplate .er-info b {
        color: #10233e !important;
        font-size: 9.5pt;
        font-weight: 900;
    }

    #reportPrintTemplate .er-top {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4mm;
        margin-bottom: 3mm;
        break-inside: avoid;
    }

    #reportPrintTemplate .er-cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3mm;
    }

    #reportPrintTemplate .er-cards > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 22mm;
        padding: 2mm;
        text-align: center;
        border: 0.7pt solid var(--print-line) !important;
        border-radius: 2.5mm;
        background-color: var(--print-soft) !important;
    }

    #reportPrintTemplate .er-cards span {
        display: flex;
        align-items: center;
        gap: 1.5mm;
        color: var(--print-tone) !important;
        font-size: 8.5pt;
        font-weight: 900;
    }

    #reportPrintTemplate .er-cards span i {
        font-size: 13pt;
    }

    #reportPrintTemplate .er-cards strong {
        margin-top: 1mm;
        color: #10233e !important;
        font-size: 16pt;
        line-height: 1.2;
    }

    #reportPrintTemplate .er-cards .is-text strong {
        font-size: 12pt;
    }

    #reportPrintTemplate .er-cards small {
        color: var(--print-tone) !important;
        font-size: 7.5pt;
        font-weight: 800;
    }

    #reportPrintTemplate .er-cards .is-main {
        border-color: var(--print-tone) !important;
        background-color: var(--print-tone) !important;
    }

    #reportPrintTemplate .er-cards .is-main span,
    #reportPrintTemplate .er-cards .is-main strong,
    #reportPrintTemplate .er-cards .is-main small {
        color: #fff !important;
    }

    #reportPrintTemplate .er-sec {
        overflow: hidden;
        border: 0.7pt solid var(--print-line) !important;
        border-radius: 2.5mm;
    }

    #reportPrintTemplate .er-sec > h2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
        padding: 1.8mm 3mm;
        color: var(--print-tone) !important;
        background-color: var(--print-soft) !important;
        border-bottom: 0.6pt solid var(--print-line) !important;
        font-size: 10pt;
        font-weight: 900;
    }

    #reportPrintTemplate .er-sec > h2 span {
        display: inline-flex;
        align-items: center;
        gap: 2mm;
    }

    #reportPrintTemplate .er-sec > h2 em {
        color: #5c6b7a !important;
        font-size: 8pt;
        font-style: normal;
        font-weight: 700;
    }

    #reportPrintTemplate .er-bk {
        display: grid;
        grid-template-columns: 30mm 1fr 34mm;
        align-items: center;
        gap: 3mm;
        padding: 1.2mm 3mm;
        border-bottom: 0.4pt solid var(--print-line) !important;
    }

    #reportPrintTemplate .er-bk:last-child {
        border-bottom: 0 !important;
    }

    #reportPrintTemplate .er-bk em {
        font-style: normal;
        text-align: left;
        font-weight: 800;
    }

    #reportPrintTemplate .er-bar {
        display: block;
        height: 2.4mm;
        overflow: hidden;
        border-radius: 99px;
        background-color: var(--print-soft) !important;
    }

    #reportPrintTemplate .er-bar b {
        display: block;
        height: 100%;
        border-radius: 99px;
        background-color: var(--print-tone) !important;
    }

    #reportPrintTemplate .er-ledger table {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
    }

    #reportPrintTemplate .er-ledger thead {
        display: table-header-group;
    }

    #reportPrintTemplate .er-ledger tr {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    #reportPrintTemplate .er-ledger th {
        padding: 1.6mm 2mm;
        text-align: start;
        color: var(--print-tone) !important;
        background-color: var(--print-soft) !important;
        border-bottom: 0.7pt solid var(--print-line) !important;
        font-size: 8.5pt;
        font-weight: 900;
    }

    #reportPrintTemplate .er-ledger td {
        padding: 1.5mm 2mm;
        border-bottom: 0.4pt solid var(--print-line) !important;
        font-size: 8.5pt;
        font-weight: 700;
        overflow-wrap: anywhere;
    }

    #reportPrintTemplate .er-ledger td:nth-child(2),
    #reportPrintTemplate .er-ledger td:nth-child(3) {
        white-space: nowrap;
    }

    #reportPrintTemplate .er-ledger td.num,
    #reportPrintTemplate .er-ledger th:last-child {
        text-align: left;
    }

    #reportPrintTemplate .er-ledger .er-doc {
        font-size: 7.5pt;
        letter-spacing: 0.2pt;
    }

    #reportPrintTemplate .er-ledger tr.er-day td {
        color: var(--print-tone) !important;
        background-color: var(--print-soft) !important;
        font-weight: 900;
    }

    #reportPrintTemplate .er-ledger tfoot td {
        color: #fff !important;
        background-color: var(--print-tone) !important;
        font-size: 10pt;
        font-weight: 900;
        border-bottom: 0 !important;
    }

    #reportPrintTemplate .er-tag {
        display: inline-block;
        padding: 0 2mm;
        border: 0.6pt solid var(--c) !important;
        border-radius: 99px;
        color: var(--c) !important;
        font-size: 7.5pt;
        font-weight: 900;
        white-space: nowrap;
    }

    #reportPrintTemplate .er-sign {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30mm;
        margin-top: 12mm;
        break-inside: avoid;
    }

    #reportPrintTemplate .er-sign > div {
        padding-top: 1.5mm;
        border-top: 0.6pt solid #13233d !important;
        text-align: center;
        color: #5c6b7a !important;
        font-size: 8.5pt;
    }

    #reportPrintTemplate .er-sign span {
        display: block;
        min-height: 8mm;
    }

    #reportPrintTemplate .er-meta {
        margin-top: 3mm;
        color: #5c6b7a !important;
        font-size: 8pt;
        text-align: right;
    }

    #reportPrintTemplate .er-customers {
        margin-bottom: 3mm;
        break-inside: avoid;
    }

    #reportPrintTemplate .er-cg {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    #reportPrintTemplate .er-cg > div {
        display: flex;
        justify-content: space-between;
        gap: 3mm;
        padding: 1.2mm 3mm;
        border-bottom: 0.4pt solid var(--print-line) !important;
        border-inline-end: 0.4pt solid var(--print-line) !important;
        font-weight: 800;
    }

    #reportPrintTemplate .er-cg > div:nth-child(3n) {
        border-inline-end: 0 !important;
    }
}