/* An accounting document with ruled fields, a ledger table and approval lines. */
.journal-stage{container-type:inline-size}
body[data-lang=en] .journal-actions small{display:none}
.journal-paper{--voucher-accent:#257ACD;position:relative;transform:none;border-radius:3px;background:#fff;color:#263653;overflow:hidden;border:1px solid #d9e0eb;border-top:4px solid var(--voucher-accent);box-shadow:0 25px 55px #101b4d55,0 5px 0 -1px #e5eaf4,0 9px 0 -2px #cbd5e8;font-family:'IBM Plex Sans Arabic',sans-serif;direction:rtl}
.journal-paper[data-voucher-type=payment]{--voucher-accent:#a75091}.journal-paper[data-voucher-type=journal]{--voucher-accent:#2F3A85}
.journal-paper .voucher-pair{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.3}.journal-paper .bi-ar{font:700 clamp(9px,2cqw,12px)/1.35 'IBM Plex Sans Arabic',sans-serif}.journal-paper .bi-en{font:600 clamp(6px,1.35cqw,8px)/1.4 'Montserrat',sans-serif;letter-spacing:0;color:#6d7d93}
.voucher-letterhead{display:flex;direction:ltr;align-items:center;justify-content:space-between;margin:0 20px;padding:12px 0 9px;border-bottom:1px solid #d8dfe9}.voucher-brand b{font:700 clamp(14px,3.1cqw,20px)/1 'Montserrat',sans-serif;letter-spacing:-.8px;color:#2F3A85}.voucher-brand b span{font-size:8px;vertical-align:top;margin-left:3px;color:#a0aaba}.voucher-brand>small{display:block;font:600 5.5px/1.5 'Montserrat',sans-serif;letter-spacing:1.8px;color:#8190a5;margin-top:4px}.voucher-company{text-align:right}.voucher-company .bi-ar{font-size:13px!important}.voucher-company .bi-en{font-size:7px!important;letter-spacing:1px!important}
.voucher-heading{display:grid;grid-template-columns:1fr 1.2fr 1fr;direction:ltr;align-items:center;gap:8px;padding:11px 20px 10px}.voucher-heading h3{margin:0;text-align:center}.voucher-heading h3 .bi-ar{font-size:23px;line-height:1.05;color:var(--voucher-accent);font-weight:700}.voucher-heading h3 .bi-en{font-size:7px;color:var(--voucher-accent);letter-spacing:1px}.voucher-document-id>span{display:block;font:600 5.5px/1.7 'Montserrat',sans-serif;color:#7b879b;letter-spacing:.7px}.voucher-document-id>b{font:700 10px/1.7 'Montserrat',sans-serif;letter-spacing:.2px}.voucher-copy{text-align:center;justify-self:end;border:1px solid #c9d4e5;padding:4px 7px;transform:rotate(-5deg)}.voucher-copy .bi-ar{font-size:8px}.voucher-copy .bi-en{font-size:5px}
.voucher-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 20px;border:1px solid #d8dfe9;background:#f6f8fb}.voucher-field{padding:5px 8px;border-inline-end:1px solid #d8dfe9;min-width:0}.voucher-field:last-child{border-inline-end:0}.journal-paper .voucher-label .bi-ar{color:#6d7b90;font-size:9px}.journal-paper .voucher-label .bi-en{font-size:5px;color:#8995a5;letter-spacing:.3px}.voucher-field>b{display:block;direction:ltr;text-align:right;margin-top:3px;font:600 clamp(7px,1.65cqw,10px)/1.5 'Montserrat',sans-serif}
.voucher-details{display:grid;grid-template-columns:1.4fr 1fr;gap:7px 16px;padding:10px 20px}.voucher-party,.voucher-method{display:flex;align-items:center;gap:10px}.voucher-party>strong,.voucher-method>strong{flex:1;font-weight:inherit}.voucher-memo{grid-column:1/-1;display:flex;gap:15px;border-top:1px dotted #d9dfe8;padding-top:6px}.voucher-memo>.voucher-label{min-width:40px}.voucher-memo>.voucher-pair{flex:1}.voucher-memo .bi-en{font-size:6px}
.voucher-table{border-collapse:collapse;table-layout:fixed;direction:rtl;width:calc(100% - 40px);margin:0 20px}.voucher-table th,.voucher-table td{border:1px solid #cfd8e5;padding:7px 7px;text-align:right;vertical-align:middle}.voucher-table thead th{background:#edf1f7;font-weight:700}.voucher-table thead th .bi-ar{font-size:10px}.voucher-table thead th .bi-en{font-size:5.5px}.voucher-code-col{width:17%}.voucher-amount-col{width:20%}.voucher-table td{font:600 clamp(7px,1.8cqw,11px)/1.5 'Montserrat',sans-serif;font-variant-numeric:tabular-nums;direction:ltr;text-align:center}.voucher-table tbody th .bi-ar{font-size:11px}.voucher-table tbody th .bi-en{font-size:6px}.voucher-table tbody tr:nth-child(even){background:#fbfcfe}.voucher-table tfoot{background:#f2f5fa}.voucher-table tfoot td{font-weight:700;color:var(--voucher-accent);font-size:12px}.voucher-table tfoot .voucher-pair{flex-direction:row;align-items:center;gap:8px}.voucher-table tfoot .bi-ar{font-size:11px}.voucher-table tfoot .bi-en{font-size:6px}
.voucher-amount-words{margin:0 20px;padding:8px 0;display:flex;gap:14px;border-bottom:1px solid #e0e5ed;align-items:center}.voucher-amount-words .bi-ar{font-size:10px}.voucher-amount-words .bi-en{font-size:6px}.voucher-amount-words>.voucher-label{flex:none}.voucher-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;text-align:center;padding:12px 20px 8px}.voucher-signatures .bi-ar{font-size:9px}.voucher-signatures .bi-en{font-size:5.5px}.voucher-signatures i{display:block;border-bottom:1px dashed #b7c3d5;height:16px}
.journal-paper .journal-balanced{display:flex;align-items:center;justify-content:space-between;margin:0 20px;padding:7px 0;border-top:1px solid #e4e9f1;background:none;gap:12px;color:var(--voucher-accent)}.voucher-balance,.voucher-difference{display:flex;gap:6px;align-items:center}.journal-balanced .bi-ar{font-size:9px}.journal-balanced .bi-en{font-size:5px}.journal-paper .journal-balanced i{width:17px;height:17px;background:#e9f0fa;color:var(--voucher-accent);font-size:11px}.voucher-difference>b,.voucher-page{font:600 7px 'Montserrat',sans-serif;direction:ltr;color:#8290a4}.voucher-difference>b{font-size:10px;color:var(--voucher-accent)}
.journal-actions{margin-top:14px}.journal-actions button{min-width:95px}.journal-actions button[aria-pressed=true]{box-shadow:0 5px 18px #15275f38}.journal-actions button:focus-visible{outline:2px solid #dca5ca;outline-offset:4px}.journal-stage .demo-caption{font-size:7px;color:#c5d3efb3;margin-top:9px}
body[data-lang=en] .journal-paper{direction:ltr}body[data-lang=en] .journal-paper .bi-ar{display:none!important}body[data-lang=en] .journal-paper .bi-en{font-size:8px}body[data-lang=en] .voucher-heading h3 .bi-en{font-size:15px;letter-spacing:0}body[data-lang=en] .voucher-company .bi-en{font-size:10px!important}body[data-lang=en] .voucher-table{direction:ltr}body[data-lang=en] .voucher-table th,body[data-lang=en] .voucher-field>b{text-align:left}body[data-lang=en] .voucher-table th .bi-en{font-size:8px}body[data-lang=en] .voucher-label .bi-en{font-size:6px}body[data-lang=en] .voucher-heading{padding-block:18px}body[data-lang=en] .voucher-table th,body[data-lang=en] .voucher-table td{padding-block:10px}body[data-lang=en] .voucher-signatures{padding-top:17px}
@media(min-width:761px){.accounting-stage{grid-template-columns:.85fr 1.9fr .85fr;gap:2.5%}.journal-stage{max-width:660px;width:100%;justify-self:center}}
@media(max-height:760px) and (min-width:761px){.voucher-letterhead{padding-top:8px;padding-bottom:6px}.voucher-heading{padding-block:8px}.voucher-details{padding-block:7px;gap:5px 12px}.voucher-table th,.voucher-table td{padding-block:5px}.voucher-signatures{padding-top:7px;padding-bottom:5px}.voucher-signatures i{height:10px}.voucher-amount-words{padding-block:5px}.journal-actions{margin-top:9px}.journal-actions button{padding:6px 12px}.journal-stage .demo-caption{margin-top:5px}body[data-lang=en] .voucher-heading{padding-block:11px}body[data-lang=en] .voucher-table th,body[data-lang=en] .voucher-table td{padding-block:7px}body[data-lang=en] .voucher-signatures{padding-top:10px}}
@media(max-height:680px) and (min-width:761px){.voucher-meta .voucher-label .bi-ar{font-size:8px}.voucher-letterhead{padding-block:5px}.voucher-heading{padding-block:6px}.voucher-heading h3 .bi-ar{font-size:19px}.voucher-field{padding-block:3px}.voucher-table th,.voucher-table td{padding-block:3px}.voucher-signatures i{height:7px}.journal-paper .journal-balanced{padding-block:4px}.voucher-amount-words{padding-block:4px}.journal-stage .demo-caption{font-size:5.5px}}
@media(max-width:760px){.journal-stage{max-width:470px!important}.voucher-letterhead{margin-inline:12px;padding-top:10px}.voucher-heading{padding-inline:12px;grid-template-columns:1fr 1.2fr .8fr}.voucher-heading h3 .bi-ar{font-size:20px}.voucher-document-id>b{font-size:8px}.voucher-meta{margin-inline:12px}.voucher-field{padding:5px}.voucher-details{padding:8px 12px;gap:7px}.voucher-party,.voucher-method{gap:6px}.voucher-table{width:calc(100% - 24px);margin-inline:12px}.voucher-table th,.voucher-table td{padding:6px 4px}.voucher-table tbody th .bi-ar{font-size:10px}.voucher-table tfoot td{font-size:9px}.voucher-amount-words{margin-inline:12px;gap:8px}.voucher-amount-words .bi-ar{font-size:9px}.voucher-amount-words .bi-en{font-size:5px}.voucher-signatures{padding-inline:12px;gap:16px}.journal-paper .journal-balanced{margin-inline:12px}.journal-stage .demo-caption{font-size:5.5px}.journal-actions button{min-width:85px}.voucher-company .bi-ar{font-size:11px!important}.voucher-company .bi-en{font-size:6px!important}}
@media(min-width:761px){
 .accounting-stage{grid-template-rows:minmax(0,1fr)}.journal-stage{transform:scale(var(--voucher-fit,1));transform-origin:50% 50%;align-self:center}
 .voucher-letterhead{padding-block:6px}.voucher-brand b{font-size:17px}.voucher-brand>small{margin-top:2px;font-size:5px}.voucher-heading{padding-block:7px}.voucher-heading h3 .bi-ar{font-size:21px}
 .voucher-meta .voucher-pair,.voucher-table thead .voucher-pair,.voucher-amount-words>.voucher-label,.voucher-signatures .voucher-pair,.journal-balanced .voucher-pair{flex-direction:row;align-items:center;gap:5px}.voucher-field{padding-block:4px}.voucher-field>b{margin-top:1px;font-size:9px}
 .voucher-details{padding-block:6px;gap:4px 12px}.voucher-details .voucher-label .bi-en{display:none}.voucher-party .bi-ar,.voucher-method .bi-ar,.voucher-memo .bi-ar{font-size:10px}.voucher-party .bi-en,.voucher-method .bi-en,.voucher-memo .bi-en{font-size:6px}.voucher-memo{padding-top:4px}
 .voucher-table th,.voucher-table td{padding-block:4px}.voucher-table thead .bi-ar{font-size:9px}.voucher-table tbody th .bi-ar{font-size:10px}.voucher-table tfoot td{font-size:11px}.voucher-table tfoot .bi-ar{font-size:10px}
 .voucher-amount-words{padding-block:5px}.voucher-amount-words .bi-ar{font-size:9px}.voucher-signatures{padding-top:8px;padding-bottom:6px}.voucher-signatures .voucher-pair{justify-content:center}.voucher-signatures i{height:9px}.journal-paper .journal-balanced{padding-block:5px}
 .journal-actions{margin-top:10px}.journal-actions button{padding:6px 12px;font-size:12px;min-height:36px}.journal-actions small{font-size:6px;margin-top:2px}.journal-stage .demo-caption{margin-top:6px;font-size:6px}
 body[data-lang=en] .voucher-heading{padding-block:10px}body[data-lang=en] .voucher-table th,body[data-lang=en] .voucher-table td{padding-block:7px}body[data-lang=en] .voucher-signatures{padding-top:10px}body[data-lang=en] .voucher-details .voucher-label .bi-en{display:block}
}