@font-face{font-family:"IBM Plex Sans Arabic";font-weight:100;font-style:normal;font-display:swap;src:url("/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Thin.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:200;font-style:normal;font-display:swap;src:url("/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-ExtraLight.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:300;font-style:normal;font-display:swap;src:url("/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Light.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-style:normal;font-display:swap;src:url("/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Regular.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:450;font-style:normal;font-display:swap;src:url("/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Text.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:500;font-style:normal;font-display:swap;src:url("/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Medium.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-style:normal;font-display:swap;src:url("/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:700;font-style:normal;font-display:swap;src:url("/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Bold.woff2") format("woff2")}
*{box-sizing:border-box}body{margin:0;background:#eef3f8;color:#10263c;font-family:IBM Plex Sans Arabic,sans-serif;font-size:16px;line-height:1.7}main{max-width:920px;margin:auto;padding:28px 20px 40px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.brand{display:flex;gap:14px;align-items:center}.mark{display:grid;place-items:center;width:52px;height:52px;background:#123f62;color:white;font-size:32px;border-radius:15px}h1,h2,p{margin:0}h1{font-size:27px;line-height:1.4}h2{font-size:20px}small{font-size:14px;color:#61768c}.logout{font-size:14px;color:#455d73;text-decoration:none;padding:8px;border:1px solid #c7d5e2;border-radius:8px}.panel{background:white;border:1px solid #dbe4ec;border-radius:18px;padding:24px;margin-bottom:20px;box-shadow:0 5px 20px #10263c05}.sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.badge{background:#edf3fa;padding:3px 12px;border-radius:8px;font-size:14px;font-weight:bold;color:#244f77}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}label{display:block;font-size:15px;font-weight:bold}input,select,textarea{font:inherit;font-weight:normal;width:100%;margin-top:7px;padding:11px 12px;min-height:48px;border:1px solid #c5d2df;border-radius:10px;background:#fbfdff;color:#10263c}input:focus,select:focus,textarea:focus{outline:2px solid #257fb5;outline-offset:2px}input[inputmode=decimal]{direction:ltr;text-align:right;font-size:24px}.in{color:#16735d}.out{color:#a73d4f}.savebar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding-top:18px;border-top:1px solid #e5ecf3}.savebar strong{display:block;font-size:26px}.savebar strong span{font-size:14px;color:#61768c}button{font:inherit;cursor:pointer;border:0}.primary{background:#123f62;color:white;padding:12px 24px;border-radius:10px;font-weight:bold;min-height:48px}button:disabled{opacity:.55;cursor:wait}.textbutton{background:#edf4fa;color:#164c72;border-radius:8px;padding:6px 12px;font-size:14px}table{width:100%;border-collapse:collapse;text-align:right}th{color:#627a91;font-size:14px;font-weight:normal;background:#f5f8fb;padding:10px 12px}td{padding:14px 12px;border-bottom:1px solid #e8eef4;font-size:15px}tbody tr:last-child td{border-bottom:0}.balances td:last-child{font-size:23px;font-weight:bold;font-variant-numeric:tabular-nums}.balances small{display:block;font-size:12px}.positive{color:#117258}.negative{color:#a33849}.scroll{overflow-x:auto}.history table{min-width:650px}.note{min-width:170px;max-width:250px;overflow-wrap:anywhere}.nowrap{white-space:nowrap}.empty{text-align:center;padding:26px;color:#60758b}.currencyform{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;align-items:end;margin-bottom:20px}.message{padding:12px 16px;margin-bottom:18px;border-radius:10px}.error{background:#fff0f1;color:#8f223a}.success{background:#e5f7ef;color:#126147}.message button{background:transparent;text-decoration:underline;color:inherit;font-size:14px}footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#6c8295;font-size:12px}@media(max-width:600px){main{padding:18px 12px 30px}.panel{padding:18px 16px;border-radius:14px}header{margin-bottom:20px}h1{font-size:24px}.mark{width:44px;height:44px}.grid{gap:12px}.savebar strong{font-size:23px}.primary{padding:12px 18px}.currencyform{grid-template-columns:1fr 1fr}.currencyform button{grid-column:1/-1}.balances td{padding:12px 8px}.balances td:last-child{font-size:21px}}@media(max-width:350px){.grid{grid-template-columns:1fr}.savebar{align-items:stretch;flex-direction:column}header{flex-wrap:wrap}}

.printcontrols{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.printcontrols select{width:auto}.actions button{padding:8px 14px;border:1px solid #123f62;border-radius:8px;background:white;color:#123f62}details{font-size:12px;color:#526579;margin-top:8px} @media print{body{background:white}header .logout,.entry,.printcontrols,.actions,.message,.textbutton,.currencyform{display:none!important}.panel{box-shadow:none;break-inside:avoid;border:1px solid #ccc}.scroll{overflow:visible}table{min-width:0!important}body[data-print="balances"] .history{display:none}body[data-print="history"] .panel:has(.balances){display:none}main{max-width:none;padding:0}footer{font-size:10px}}

.installbar{margin:0 0 18px}.installbar button{padding:10px 16px;border-radius:10px;border:1px solid #123f62;background:white;color:#123f62}.installbar p{line-height:1.8}.danger,.actions button.danger{color:#a5212e;border:1px solid #d8a4aa;background:#fff5f5;padding:9px 14px;border-radius:8px;margin:5px}.resetcontrols small{display:block;margin-top:10px;color:#64748b}@media print{.installbar,.resetcontrols{display:none!important}}

@media print{.notificationpanel{display:none!important}}
[hidden]{display:none!important}body{font-family:IBM Plex Sans Arabic,sans-serif;background:#edf3f7;color:#163e59;margin:0}.shell{max-width:1100px;margin:auto;padding:20px}header{display:flex;align-items:center;gap:15px}section{background:white;padding:20px;border-radius:16px;margin:16px 0}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}label{display:grid;gap:8px}input,select,textarea,button{font:inherit;padding:12px;border:1px solid #c5d2dd;border-radius:8px}input{direction:ltr}button{cursor:pointer;background:#163e59;color:white}nav{display:flex;flex-wrap:wrap;gap:8px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #dce5ec;text-align:right}.table-scroll{overflow:auto}#status{white-space:pre-wrap;color:#9d3030}footer{margin:24px;text-align:center}@media print{header img,nav,form,button,footer,#status,#ledger>p{display:none!important}body,.shell,section{background:white;padding:0;margin:0}table{font-size:11px}.table-scroll{overflow:visible}}

/* Account theme and stable currency colors, with currency codes retained. */
body[data-role="cashier"]{background:#fff0f6;color:#773352}body[data-role="cashier"] section{background:#fffafd;border:1px solid #f2cadc}body[data-role="cashier"] button{background:#a93e70;border-color:#a93e70}body[data-role="cashier"] th{background:#fce4ef;color:#773352}body[data-role="cashier"] input,body[data-role="cashier"] textarea{background:#fffafd;border-color:#e5b8cd}
[data-currency]{background:#f4ecff;color:#56357c}[data-currency="YER"]{background:#e8f5ed;color:#195a38}[data-currency="SAR"]{background:#e7f1ff;color:#204d83}[data-currency="USD"]{background:#f4e9fa;color:#6b347e}[data-currency="EUR"]{background:#eee9ff;color:#513b85}[data-currency="AED"]{background:#e3f7f5;color:#155b59}[data-currency="OMR"]{background:#ffebe5;color:#873e2b}tr[data-currency] td:first-child{border-inline-start:4px solid currentColor}#balances td:last-child{font-weight:bold;font-variant-numeric:tabular-nums;font-size:22px}.password-field{display:flex;align-items:center;gap:6px}.password-field input{min-width:0;margin:0;flex:1}.password-field button{display:grid;place-items:center;padding:10px;background:transparent;color:#163e59}.password-field svg{fill:none;stroke:currentColor;stroke-width:1.8}.remember{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.remember input{width:18px;height:18px;min-height:0;margin:0;padding:0;accent-color:#163e59}.remember .hint{width:100%;font-size:12px;font-weight:normal;color:#526579}@media print{tr[data-currency]{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.print-choice{display:flex;align-items:center;gap:8px;padding:8px;font-size:14px}.print-choice input{width:18px;height:18px;min-height:0;margin:0;padding:0;accent-color:#163e59}
@media print{
 @page{size:A4;margin:15mm}
 body,body[data-role="cashier"]{background:white!important;color:#163e59}
 .shell{max-width:none;padding:0}
 header{margin:0 0 16px;justify-content:space-between}header h1{font-size:22px}#identity{font-size:11px}
 #login,#reset,#status,footer,nav,form,button,#formTitle,#ledger>section,#ledger>p{display:none!important}
 #ledger{border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;background:white!important}
 #balancesTitle{margin:0 0 10px;font-size:18px}
 body:not([data-print="all"]) .movement-report{display:none!important}
 .movement-report{margin-top:20px}.table-scroll{overflow:visible}table{width:100%;font-size:11px}th,td{padding:9px 8px}thead{display:table-header-group}tr{break-inside:avoid}
 .old-reset-panel{display:none!important}
 #balancesTable{break-inside:avoid}#balances td:last-child{font-size:19px}
 body[data-role="cashier"] #ledger{display:none!important}
}

/* Manager currency distinction uses text, with neutral table backgrounds. */
body[data-role="manager"] tr[data-currency]{background:white}body[data-role="manager"] tr[data-currency] td:first-child{border-inline-start:0}

.version-label{display:inline-block;font-size:12px;color:#526579}body[data-role="cashier"] .version-label{color:#773352}@media print{.version-label{display:none!important}}

#confirmOperation{max-width:520px;width:calc(100% - 32px);border:1px solid #c8d6e0;border-radius:16px;padding:24px;color:#163e59}#confirmOperation::backdrop{background:#10263c88}#operationDescription{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0}.confirm-warning{color:#b0192d;font-weight:bold}.confirm-actions{display:flex;gap:12px;margin-top:18px}#confirmNo{background:white;color:#163e59}@media print{#confirmOperation{display:none!important}}

.old-reset-panel{display:none!important}.entry-actions{display:flex;gap:6px;align-items:end}.entry-actions #saveMovement{flex:2;background:#16735d}.entry-actions #editMovement{flex:1;background:#8d4b83}.entry-actions button:disabled{opacity:.4;cursor:not-allowed}.live-row{cursor:pointer}.live-row:focus-visible,.live-row.selected{outline:2px solid #257fb5;outline-offset:-2px}#themeToggle{padding:4px 10px;font-size:22px;line-height:1.3;border-radius:50%}.recovery-panel button{padding:6px 12px;margin:5px}.recovery-panel p{font-size:13px}#approvedResetForm{max-width:480px;grid-template-columns:1fr;margin:12px 0}
body[data-theme="dark"],body[data-theme="dark"][data-role="cashier"]{background:#151c28;color:#e5edf6}body[data-theme="dark"] section,body[data-theme="dark"][data-role="cashier"] section{background:#212b39;border-color:#455267;color:#e5edf6}body[data-theme="dark"] input,body[data-theme="dark"] textarea,body[data-theme="dark"] select,body[data-theme="dark"][data-role="cashier"] input,body[data-theme="dark"][data-role="cashier"] textarea{background:#182230;color:#e5edf6;border-color:#65748b}body[data-theme="dark"] th{background:#253347;color:#d7e2ee}body[data-theme="dark"][data-role="manager"] tr[data-currency]{background:#212b39}body[data-theme="dark"] tr[data-currency]{color:#d1b2e9}body[data-theme="dark"] [data-currency="YER"]{color:#8cddb0}body[data-theme="dark"] [data-currency="SAR"]{color:#9cc7ff}body[data-theme="dark"] [data-currency="USD"]{color:#dab1ed}body[data-theme="dark"] .version-label,body[data-theme="dark"] .hint{color:#bacadb}body[data-theme="dark"] #confirmOperation{background:#212b39;color:#e5edf6}body[data-theme="dark"] .confirm-warning{color:#ff99a4}@media print{#themeToggle{display:none!important}body[data-theme="dark"],body[data-theme="dark"] #ledger,body[data-theme="dark"][data-role="manager"] tr[data-currency]{background:white!important;color:#163e59!important}.live-row.selected{outline:0}}

#resetCashier{display:none!important}

/* Compact top controls; financial rows remain directly selectable. */
header{gap:10px;margin-bottom:12px;flex-wrap:wrap}header img{width:44px;height:44px}#identity{font-size:13px;overflow-wrap:anywhere;flex:1;min-width:140px}#themeToggle{flex:none;min-width:36px;min-height:36px}.compact-tools{position:relative;gap:6px;margin-bottom:12px;align-items:start}.tool-menu{margin:0;font-size:14px;color:inherit}.tool-menu>summary{cursor:pointer;list-style:none;padding:6px 10px;border:1px solid #c5d2dd;border-radius:8px;min-height:36px;background:#edf4fa;color:#163e59}.tool-menu>summary::-webkit-details-marker{display:none}.tool-menu>summary::after{content:' ▾';font-size:12px}.tool-menu[open]>summary{background:#163e59;color:white}.tool-menu>summary:focus-visible{outline:2px solid #257fb5;outline-offset:2px}.menu-items{position:absolute;inset-inline-start:0;top:calc(100% + 6px);width:min(380px,100%);z-index:10;padding:12px;border:1px solid #c5d2dd;border-radius:12px;background:white;color:#163e59;box-shadow:0 8px 24px #10263c22;display:grid;gap:8px;max-height:65vh;overflow:auto}.menu-items>button{text-align:start;padding:8px 10px;margin:0}.menu-items form{grid-template-columns:1fr;min-width:0}.menu-items input{min-width:0}.menu-items .print-choice{font-size:13px;font-weight:normal}.menu-items p{font-size:13px}#formTitle{font-size:17px;margin-bottom:6px}#movementForm{gap:8px}#movementForm label{gap:3px;font-size:14px}#movementForm input,#movementForm select,#movementForm textarea{margin-top:0;padding:8px;min-height:42px}#movementForm{scroll-margin-top:12px}#balancesTitle{margin-top:16px}body[data-role="cashier"] .tool-menu>summary{background:#fce4ef;color:#773352}body[data-theme="dark"] .menu-items{background:#212b39;color:#e5edf6;border-color:#65748b}body[data-theme="dark"] .tool-menu>summary{background:#253347;color:#e5edf6;border-color:#65748b}@media(max-width:600px){.shell{padding:12px}#ledger{padding:12px}header h1{font-size:22px}header #identity{font-size:12px}.compact-tools{gap:5px}.tool-menu>summary{font-size:13px;padding:6px 8px}}@media print{.compact-tools{display:none!important}}

.notification-toggle{position:relative;display:grid;place-items:center;flex:none;width:36px;height:36px;padding:7px;border-radius:50%;background:#edf4fa;color:#163e59}.notification-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-dot{position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:#8996a5;border:1px solid white}.notification-toggle[data-active="true"] .notification-dot{background:#16975a}.notification-toggle[data-active="true"]{background:#e5f7ef;color:#126147}body[data-theme="dark"] .notification-toggle{background:#253347;color:#e5edf6}.notification-toggle:focus-visible{outline:2px solid #257fb5;outline-offset:2px}@media print{.notification-toggle{display:none!important}}

#termsText{max-height:45vh;overflow:auto;padding:1rem;border:1px solid #9bb4c4;line-height:2}#boxChoice{max-width:420px;margin-bottom:1rem}body[data-role=cashier][data-box="2"]{background:#eaf5ff;color:#184766}body[data-role=cashier][data-box="2"] section{background:#f7fbff;border-color:#b6d8f2}select[data-bank=rajhi]{background:#e7f1ff;color:#24558b}select[data-bank=ahli]{background:#e7f7ee;color:#245d42}select[data-bank=cash]{background:#f3eafa;color:#6b3c84}tr[data-bank=rajhi]{color:#24558b}tr[data-bank=ahli]{color:#245d42}tr[data-bank=cash]{color:#6b3c84}#approvalList>div{padding:12px;border-bottom:1px solid #ddd}#approvalList button{margin:5px}@media print{#approvalPanel,#boxChoice,#terms{display:none!important}}

body[data-theme=dark][data-role=cashier][data-box="2"]{background:#102333;color:#dceafa}body[data-theme=dark][data-role=cashier][data-box="2"] section{background:#172e41;border-color:#345772}

#managementControls details{margin:12px 0;padding:12px;border:1px solid #becbd4;border-radius:12px}#managementControls form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px}#auditEntries pre{white-space:pre-wrap;overflow-wrap:anywhere}#managementControls button{margin:4px}input,select,textarea{min-width:0;max-width:100%}@media print{.no-print{display:none!important}}

#closureNotice{padding:12px;border:1px solid #ad3a3a;border-radius:8px;color:#a02121;background:#fff1f1}#closeDayForm [name=date]{direction:ltr;font-family:IBM Plex Sans Arabic,sans-serif;font-variant-numeric:tabular-nums}button:disabled{cursor:not-allowed;opacity:.55}@media print{#closureNotice{display:none!important}}

#operationResult{width:min(420px,calc(100vw - 40px));box-sizing:border-box;text-align:center;border:1px solid #b8d8ce;border-radius:20px;padding:28px;background:var(--card,#fff);color:var(--text,#163e50)}
#operationResult::backdrop{background:rgba(0,0,0,.48)}
#resultIcon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e3f4ed;color:#126147;font-size:34px;font-weight:bold}
#operationResult[data-error="true"] #resultIcon{background:#ffe8e8;color:#ad2424}
#resultDetail{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
#resultOK{min-width:120px;min-height:44px}
@media print{#operationResult{display:none!important}}

#screenWatermark{position:fixed;inset:0;z-index:1000;pointer-events:none;user-select:none;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:180px;align-items:center;opacity:.18;color:#123f62}
#screenWatermark[hidden]{display:none!important}
#screenWatermark>span{display:flex;flex-direction:column;align-items:center;text-align:center;transform:rotate(-18deg);font:12px/1.7 Arial,sans-serif;padding:8px;overflow-wrap:anywhere}
#screenWatermark b,#screenWatermark small{font:inherit;color:inherit;direction:ltr;unicode-bidi:plaintext}
body[data-theme="dark"] #screenWatermark{color:#ddebf5;opacity:.16}
@media print{#screenWatermark{color:#123f62!important;opacity:.12;print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.session-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.session-actions #logout{width:auto;min-height:44px;padding:8px 16px;white-space:nowrap;border:1px solid #bd6161;background:#fff0f0;color:#892424}body[data-theme="dark"] .session-actions #logout{background:#38242a;color:#ffd9d9}@media print{.session-actions{display:none!important}}


.work-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0;padding:12px;border:1px solid #8395a5;border-radius:10px}.work-controls button{min-width:145px}.work-controls button[data-closed=true]{background:#14735f;color:white}.work-controls button[data-closed=false]{background:#9c364c;color:white}

/* 1.6.18: readable live statement in both themes and on narrow phones. */
@media screen {
 body[data-theme="dark"] tr[data-currency]{background:#182a3d}
 #statementTable td{font-variant-numeric:tabular-nums}
 #statementTable .live-row:hover{outline:2px solid #257fb5;outline-offset:-2px}
}
@media screen and (max-width:600px){
 #statementTable,#statementTable tbody{display:block;width:100%;min-width:0}
 #statementTable thead{display:none}
 #statementTable tr{display:grid;grid-template-columns:1fr 1fr;margin:12px 0;border:1px solid #6f8da6;border-radius:10px;overflow:hidden}
 #statementTable td{display:block;min-width:0;padding:9px 10px;overflow-wrap:anywhere;border-inline-start:0}
 #statementTable td::before{content:attr(data-label);display:block;font-size:12px;font-weight:normal;margin-bottom:3px}
 #statementTable td:last-child{grid-column:1/-1;white-space:pre-wrap}
}

#reportDialog{width:min(800px,94vw);max-height:90dvh;overflow:auto;padding:18px;border:1px solid #819bb0;border-radius:14px;color:#153a53;background:white}#reportDialog form{grid-template-columns:repeat(2,minmax(0,1fr))}#reportDialog input,#reportDialog select{min-width:0;max-width:100%}.report-actions{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1}.report-explain{grid-column:1/-1;font-size:13px}.statement-sort{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.statement-sort button{padding:7px 12px}#reportQrCode{background:white;padding:24px;width:304px;max-width:100%;margin:14px auto}#reportQrCode canvas{display:block;max-width:100%;height:auto}#reportShare{text-align:center}#reportError{color:#a12636}body[data-theme="dark"] #reportDialog{background:#182a3d;color:#e5edf6}body[data-theme="dark"] #reportError{color:#ffabb4}@media(max-width:480px){#reportDialog form{grid-template-columns:1fr}.report-actions button{flex:1 1 140px}body[data-role="manager"] #statementTable td:nth-child(4){grid-column:1/-1}}@media print{#reportDialog,.statement-sort{display:none!important}}

/* 1.6.20: small screens, large text, touch targets and short landscape dialogs. */
@media screen {
 .shell{padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 form{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
 form>*,header>*,.work-controls>*,.menu-items>*{min-width:0}
 p,h1,h2,h3,label,summary,td,th,button{overflow-wrap:anywhere}
 button,summary{touch-action:manipulation}
 button:focus-visible,a:focus-visible{outline:3px solid #3193c6;outline-offset:3px}
 button,.tool-menu>summary,#themeToggle,.notification-toggle{min-height:44px}
 #themeToggle,.notification-toggle{min-width:44px;width:44px;height:44px}
 input,select,textarea{font-size:max(16px,1em)}
 dialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
 .confirm-actions{flex-wrap:wrap}.confirm-actions button{flex:1;min-width:90px}
 .table-scroll{max-width:100%;overscroll-behavior-inline:contain}
 #balancesTable,#openingSection table,#accountBalancesTable{table-layout:fixed}
 #balancesTable td,#openingSection td,#accountBalancesTable td{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
 #managementControls summary{min-height:44px;padding:8px 0;cursor:pointer}
 #approvalPanel,#managementControls{min-width:0}
 #approvalList p,#userList p,#transferList p{overflow-wrap:anywhere}
 body[data-theme=dark] tr[data-bank=rajhi]{color:#9cc7ff}
 body[data-theme=dark] tr[data-bank=ahli]{color:#8cddb0}
 body[data-theme=dark] tr[data-bank=cash]{color:#dab1ed}
 body[data-theme=dark] #operationResult{background:#212b39;color:#e5edf6}
 @media(max-width:480px){
  #movementForm,#loginForm,#resetForm{grid-template-columns:minmax(0,1fr)}
  #managementControls,#approvalPanel,#openingSection{padding:10px}
  #accountBalancesTable th,#accountBalancesTable td{padding:8px 5px;font-size:14px}
  .entry-actions{flex-wrap:wrap}.entry-actions button{min-width:90px}
  #statementTable td:last-child,#statementTable td[data-label="البيان / الملاحظات"]{grid-column:1/-1}
  #confirmOperation,#operationResult{padding:16px}
 }
 @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
}
@media screen{
 body{color-scheme:light}body[data-theme=dark]{color-scheme:dark}
 body[data-theme=dark] select{color-scheme:dark;background-color:#182230;color:#e5edf6}
 select:disabled{opacity:1;-webkit-text-fill-color:currentColor}
}

#qrDialog{width:min(420px,94vw);border:1px solid #819bb0;border-radius:16px;padding:18px;background:white;color:#153a53;text-align:center}#qrDialog::backdrop{background:#10263cbb}#qrDialog #reportQrCode{padding:20px;width:296px}#qrDialog #closeQr{width:100%}body[data-theme=dark] #qrDialog{background:#182a3d;color:#e5edf6}#qrDialog a{color:#1269ad}body[data-theme=dark] #qrDialog a{color:#9cc7ff}@media print{#qrDialog{display:none!important}}
@media screen and (max-width:480px){
 #reportDialog form{display:flex;flex-direction:column;gap:14px}
 #reportDialog form>*{min-width:0;max-width:100%;width:100%}
 #reportDialog label:not(.print-choice){display:block}
 #reportDialog .print-choice{flex-wrap:wrap}
 #reportDialog .report-actions{flex-direction:column}
 #reportDialog .report-actions button{flex:auto;min-width:0;width:100%;max-width:100%}
}

/* Share card: prominent link and signature, responsive on narrow screens. */
#qrDialog{width:min(620px,calc(100vw - 24px));padding:clamp(18px,4vw,36px);border-radius:28px;border:2px solid #668da5;box-shadow:0 24px 80px #06162566;background:linear-gradient(155deg,#f0f8ff,#fff 65%)}
#qrDialog #qrHeading{font-size:clamp(24px,5vw,34px);margin:0 0 12px}
#qrDialog #reportQrCode{width:344px;max-width:100%;padding:24px;border-radius:20px;box-shadow:0 8px 28px #163e591a;box-sizing:border-box}
#qrDialog #reportQrCode canvas{width:100%;height:auto;image-rendering:pixelated}
#qrDialog #reportShareLink{display:block;padding:22px 12px;margin:24px 0 0;border-radius:18px;background:linear-gradient(120deg,#123d5c,#086a80);color:#fff;font-size:clamp(24px,5vw,36px);font-weight:800;line-height:1.5;text-decoration:none;box-shadow:0 9px 24px #163e5933;overflow-wrap:anywhere}
#qrDialog #reportShareLink:hover{background:#104b69}
#qrDialog #reportShareLink:focus-visible{outline:4px solid #268baf;outline-offset:4px}
#qrDialog #reportShareLink:not([href]){background:#536575;box-shadow:none}
#qrDialog .share-brand{border-top:3px solid #27738d;margin:20px 0 16px;padding-top:16px;font-size:clamp(25px,5vw,34px);font-weight:800;color:#15445f}
#qrDialog #reportExpiry{font-weight:700;font-size:16px}
#qrDialog #closeQr{margin-top:8px;min-height:48px}
body[data-theme=dark] #qrDialog{background:linear-gradient(155deg,#203e57,#142536);border-color:#608ca7}
body[data-theme=dark] #qrDialog .share-brand{color:#c5eaff;border-color:#6bb8d0}
@media(max-width:360px){#qrDialog{padding:16px}#qrDialog #reportQrCode{padding:16px}#qrDialog #reportShareLink{padding:16px 8px}}

#approvalNotice{width:min(600px,94vw);padding:24px;border:1px solid #7295aa;border-radius:20px;background:#fff;color:#163e59}#approvalNotice::backdrop{background:#10263cbb}#approvalNoticeText{line-height:1.8;overflow-wrap:anywhere}#noticeApprove{background:#12715e;color:white}#noticeReject{background:#963248;color:white}body[data-theme=dark] #approvalNotice{background:#182a3d;color:#e5edf6}

#dailyAccounts{margin:24px 0;border:1px solid #8caabc;border-radius:16px;padding:16px}#dailyAccounts table{min-width:420px}#dailyAccounts td,#dailyAccounts th{border:1px solid #8caabc}#dailyAccounts td button{width:100%;padding:10px;white-space:nowrap}#dailyAccountDialog{width:min(850px,94vw);padding:24px;background:#fff;color:#163e59;border:1px solid #7295aa;border-radius:20px}#dailyAccountDialog::backdrop{background:#10263cbb}#dailyAccountDialog table{min-width:450px}body[data-theme=dark] #dailyAccountDialog{background:#182a3d;color:#e5edf6}#salesAccountLabel small{font-weight:400;font-size:14px}

#voucherFiles{grid-column:1/-1;border:1px solid #8caabc;border-radius:12px;padding:12px}#voucherFiles label{margin:12px 0}.voucher-attachment{display:block;padding:10px;overflow-wrap:anywhere;color:#176ea0}body[data-theme=dark] .voucher-attachment{color:#a4d8ff}


#deleteMovement{background:#a82c43;color:#fff;border:1px solid #cb7282}#deleteMovement:disabled{opacity:.45;cursor:not-allowed}

.delete-row{display:inline-block;margin:6px 10px;padding:6px 14px;background:#a82c43;color:#fff;border:1px solid #cb7282;border-radius:8px;cursor:pointer}

#movementForm .entry-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px}#movementForm .entry-actions button{flex:0 1 auto;min-width:120px;white-space:nowrap;word-break:normal;overflow-wrap:normal;padding:12px 18px}

/* IBM Plex Sans Arabic: consistent hierarchy, real weights, readable RTL forms. */
:root{--mnaws-font:"IBM Plex Sans Arabic",sans-serif;--ds-font:var(--mnaws-font);--ds-font-mono:var(--mnaws-font);--ds-leading-tight:1.5;--ds-leading-body:1.8}
html body{font-family:var(--mnaws-font);font-size:1rem;line-height:1.8;font-synthesis:none;text-rendering:optimizeLegibility}
html body :is(input,select,textarea,button,table,code,pre,kbd,samp){font-family:var(--mnaws-font)}
html body :is(h1,h2,h3,h4,h5,h6){font-family:var(--mnaws-font)!important;line-height:1.5!important;letter-spacing:0!important;overflow-wrap:anywhere}
html body h1{font-size:clamp(1.75rem,1.2rem + 1.8vw,2.25rem)!important;font-weight:700!important}
html body h2{font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem)!important;font-weight:600!important}
html body h3{font-size:clamp(1.125rem,1rem + .5vw,1.375rem)!important;font-weight:600!important}
html body h4{font-size:1.125rem!important;font-weight:500!important}
html body h5{font-size:1rem!important;font-weight:500!important}
html body h6{font-size:.875rem!important;font-weight:500!important}
html body :is(input,select,textarea){font-size:max(1rem,16px);line-height:1.65;min-width:0;max-width:100%;box-sizing:border-box}
html body :is(th,label,button){font-weight:500}
html body :is(small,.muted,.hint,.eyebrow){line-height:1.75}
html body :is(.num,.ds-num,.account-code,[inputmode="decimal"]){font-family:var(--mnaws-font);font-variant-numeric:lining-nums tabular-nums}
@media print{
  html body{font-size:10pt;line-height:1.65}
  html body h1{font-size:18pt!important}
  html body h2{font-size:14pt!important}
  html body h3{font-size:12pt!important}
  html body :is(h4,h5,h6){font-size:10pt!important}
}