:root{--navy:#17263e;--navy2:#233954;--ink:#172538;--muted:#68768a;--bg:#f4f7fb;--line:#dfe6ef;--card:#fff;--accent:#1676c1;--green:#16734e;--red:#b44742;--amber:#996000;--radius:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,"Noto Sans Arabic",sans-serif;font-size:15px;line-height:1.7}a{color:#0961a5;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.top{background:var(--navy);color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px max(18px,calc((100% - 1160px)/2));flex-wrap:wrap}.brand{font-weight:800;font-size:21px}.top nav{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.top nav a,.navlogout{display:inline-flex;align-items:center;color:#eaf0f8;padding:8px 12px;border-radius:8px;border:0;background:transparent;cursor:pointer}.top nav a:hover,.navlogout:hover{background:var(--navy2);text-decoration:none}.top nav form{margin:0}.container{max-width:1160px;margin:26px auto 50px;padding:0 20px}.pagehead{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:18px}.pagehead h1{font-size:25px;margin:0}.pagehead span{color:var(--muted);font-size:13px}.card{padding:22px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;box-shadow:0 4px 18px rgba(14,36,66,.035);overflow-wrap:anywhere}.card h2{font-size:19px;margin:0 0 12px}.card h3{font-size:16px;margin:16px 0 8px}.muted{color:var(--muted);font-size:13px}.alert{background:#fff4e3;color:#6b4809;padding:12px 15px;border-right:4px solid #d5a045;border-radius:5px}.success{background:#e8f8f1;border-right:4px solid var(--green);color:#145d43;padding:13px;border-radius:6px}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cols .card{min-width:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}.stat{background:linear-gradient(145deg,#fff,#f3f8fc);border:1px solid var(--line);padding:18px;border-radius:var(--radius);display:flex;flex-direction:column;gap:2px}.stat b{font-size:28px}.stat span{font-size:13px;color:var(--muted)}.gridform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:end}.gridform label,.toolbar label{display:flex;flex-direction:column;font-weight:600;font-size:13px;gap:6px;min-width:0}.gridform .wide{grid-column:1 / -1}input,select,textarea{border:1px solid #cbd5e2;border-radius:9px;background:#fff;color:var(--ink);width:100%;padding:11px 12px;outline-offset:2px;min-width:0;font-size:15px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:2px solid rgba(22,118,193,.14)}input[type=checkbox]{width:auto;accent-color:var(--accent)}textarea{min-height:84px;resize:vertical}.btn{border:1px solid #ccd7e5;border-radius:9px;background:#fff;color:#1f3951;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:normal;text-align:center;font-weight:700;min-height:43px}.btn:hover{background:#eef4fc;text-decoration:none}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:#0c609f}.btn.danger{border-color:#edbeba;color:#9e2f2a}.btn.mini{font-size:12px;padding:5px 9px;min-height:34px}.buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.compact{gap:4px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:14px 0}.toolbar label{flex:1 1 140px}.toolbar button{align-self:end}.tablewrap{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:right;min-width:500px}th,td{padding:11px 9px;border-bottom:1px solid #e9eef5;vertical-align:top}th{background:#f0f5fb;font-size:13px;color:#4d6076}td{font-size:14px}small{color:var(--muted);font-size:12px}.badge{border-radius:7px;padding:4px 8px;font-size:12px;font-weight:700;white-space:nowrap}.badge.green{background:#e4f6ee;color:#116e46}.badge.amber{background:#fff0d7;color:#805000}.badge.red{background:#fce6e4;color:#9a2924}.balances{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.balance{background:#f4f8fc;padding:14px 16px;border:1px solid #dfe8f3;border-radius:10px;display:flex;flex-direction:column;gap:2px;min-width:160px}.balance small{font-size:12px}.balance b{font-size:16px}.message{font-family:Tahoma,Arial,sans-serif;min-height:370px;line-height:2;white-space:pre-wrap;direction:rtl;margin:10px 0}.userform{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.userform input[type=password]{max-width:255px}.userform select{max-width:180px}.check{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.login{max-width:510px;margin:50px auto}.login .gridform{grid-template-columns:1fr}.financial-sums{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0}.financial-sums span{padding:6px 0}.printcenter{text-align:center}.printcenter h2{font-size:25px}.printcenter h3{font-size:18px}.footnote{margin-top:24px}.statement td,.statement th{font-size:12px}.statement small{display:inline-block;max-width:270px}label[data-show]{transition:opacity .15s}.hide{display:none!important}
@media(max-width:720px){.cols,.stats,.gridform{grid-template-columns:1fr}.container{padding:0 12px}.top{padding:12px}.pagehead h1{font-size:21px}.card{padding:16px}.toolbar{flex-direction:column;align-items:stretch}.toolbar label{flex-basis:auto}.toolbar .btn{align-self:stretch}.financial-sums{flex-direction:column;gap:0}.stats{grid-template-columns:repeat(2,1fr)}}
@media print{@page{size:A4;margin:13mm 11mm}body{background:white;color:black;font-size:11px}.top,.pagehead,.noprint,.btn,.muted.footnote{display:none!important}.container{margin:0;padding:0;max-width:none}.card,.statement{border:0;box-shadow:none;margin:0;padding:0;overflow:visible}.statement table{min-width:0}.tablewrap{overflow:visible}.statement table thead{display:table-header-group}.statement tr{break-inside:avoid;page-break-inside:avoid}.statement td,.statement th{font-size:10px;padding:6px 5px}.statement h2{font-size:20px}.statement h3{font-size:13px}.financial-sums{margin:8px 0;display:flex;gap:10px}.financial-sums span{font-size:11px;padding:0}}
.gain{color:#116e46;font-weight:700}.loss{color:#a52c24;font-weight:700}

.edit-pencil{border-color:#d1dce9;background:#f5f9fd;color:#185a8b;white-space:nowrap}.edit-pencil:hover{background:#e6f2ff}.tx-summary{padding:9px 24px;background:#f5f8fc;border-radius:10px;line-height:2.1}

/* V7 action buttons */
.actions-cell .buttons{display:flex;flex-wrap:nowrap;gap:6px}.btn.danger:hover{background:#fff1ef}.tx-summary li{overflow-wrap:anywhere}

/* V8 pagination and inline archive controls */
.pager{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 0;color:var(--muted);font-size:13px}
.page-links{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.pager-form{margin:0}.pager-form label{display:flex;align-items:center;gap:8px;white-space:nowrap}
.pager-form select{width:auto;min-width:70px;padding:6px 9px}
.inlineform{display:inline-flex;margin:0}.inlineform button{min-width:65px}
@media(max-width:540px){.pager{align-items:flex-start;flex-direction:column}.page-links .btn{padding:6px 10px}}

/* V9: one page-size selector above tables, page navigation below, clean archive tabs. */
.pager-top{padding:7px 0 12px;justify-content:flex-start}.pager-bottom{border-top:1px solid var(--line);margin-top:8px;padding:12px 0 2px}
.pager-top .pager-form label{font-weight:600}.archive-tabs{margin-bottom:18px}
.archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px}
.archive-link{display:flex;align-items:center;border:1px solid var(--line);padding:18px;border-radius:10px;background:#f7fafc;font-weight:700}
.archive-link:hover{background:#eef5ff;text-decoration:none}
.archive-purge-form{display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap;margin:4px 0}
.archive-purge-form input[type=password]{min-width:145px;max-width:175px;padding:6px 8px;font-size:12px;min-height:34px}
@media(max-width:540px){.archive-grid{grid-template-columns:1fr}.pager-bottom{gap:8px}}

/* V11.1: native customer select plus a separate search field. */
.customer-picker>label{display:block;font-weight:600;font-size:13px;margin-bottom:6px}
.customer-picker .customer-select-label{margin-top:12px}
.customer-picker select{width:100%;cursor:pointer}
.customer-picker [data-customer-status]{display:block;margin-top:7px}