:root{--ink:#252526;--muted:#75716e;--line:#e7dfda;--green:#c34e35;--mint:#f4e6dc;--gold:#c34e35}*{box-sizing:border-box}body{margin:0;background:#faf7f4;color:var(--ink);font:15px 'Cairo',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:10px;padding:13px 19px;background:var(--green);color:white;font-weight:650}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:default}button.secondary{background:white;color:var(--ink);border:1px solid var(--line)}button.soft{background:var(--mint);color:var(--green)}a{color:var(--green)}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.mark{background:var(--green);color:#fff;border-radius:13px;padding:12px;font-weight:900;font-size:22px}.brand small{display:block;color:var(--muted);margin-top:5px}.tag{border:1px solid #ead1c2;border-radius:30px;background:#faf0e8;padding:8px 15px;font-size:12px;color:#9d280f}.shell{max-width:1240px;margin:auto;padding:34px 28px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font-size:29px;margin:0 0 10px;letter-spacing:-.6px}p{line-height:1.85;margin:8px 0;color:var(--muted)}nav{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:28px}nav button{border-radius:0;background:transparent;color:var(--muted);padding:17px 25px;border-bottom:3px solid transparent}nav button.active{color:var(--green);border-color:var(--green)}.grid{display:grid;grid-template-columns:1fr 1.12fr;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:28px}.eyebrow{font-size:12px;color:var(--green);font-weight:700;letter-spacing:.6px}h2{font-size:21px;margin:10px 0 20px}label{display:block;font-weight:600;margin:20px 0 9px}input,select,textarea{width:100%;border:1px solid #d9cec7;border-radius:10px;padding:13px;background:#fff;color:var(--ink)}input:focus,textarea:focus{outline:2px solid #d99483}input[dir=ltr]{text-align:right}.full{width:100%;margin-top:24px}.note{font-size:13px;background:#faf7f4;padding:13px 16px;border-radius:10px;line-height:1.9;color:var(--muted);margin-top:18px}.card{background:linear-gradient(125deg,#9d280f,#c34e35);color:white;border-radius:17px;padding:28px;position:relative;overflow:hidden;min-height:295px}.card:after{content:'';position:absolute;width:240px;height:240px;border:38px solid #ffffff08;border-radius:50%;left:-100px;top:-80px;pointer-events:none}.card small{color:#f4e6dc}.card h3{font-size:25px;margin:18px 0 9px}.discount{color:#f4e6dc;font-size:38px;font-weight:800}.code{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff38;margin-top:18px;padding-top:17px}.code b{font-size:27px;letter-spacing:2px}.card p{color:#faeee8;font-size:13px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.steps{display:flex;gap:9px;margin:25px 0}.step{flex:1;min-width:0;background:#faf7f4;border:1px dashed #ddc7bb;color:var(--muted);padding:19px 4px;text-align:center;border-radius:12px}.step.done{background:var(--mint);color:var(--green);border:1px solid #d99483}.step.next{border:2px solid var(--green);color:var(--green);background:white}.step span{display:block;font-size:22px;margin-bottom:9px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.pill{display:inline-block;background:var(--mint);color:var(--green);border-radius:30px;padding:7px 12px;font-size:12px}.history{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.history article{padding:12px 0;border-bottom:1px solid var(--line)}.history b{font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.stat{background:white;border:1px solid var(--line);padding:23px;border-radius:15px}.stat strong{display:block;font-size:31px;margin-top:12px}.stat small{color:var(--muted)}.filters{display:flex;gap:12px;align-items:end}.filters>div{flex:1}.filters label{margin-top:0}table{width:100%;border-collapse:collapse;text-align:right;font-size:14px}td,th{padding:16px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}.tablewrap{overflow:auto}footer{text-align:center;font-size:12px;color:var(--muted);padding:28px}.empty{padding:50px 20px;text-align:center}.hidden{display:none!important}dialog{border:0;border-radius:20px;max-width:540px;width:calc(100% - 30px);padding:28px;color:var(--ink)}dialog::backdrop{background:#102d36aa}dialog textarea{height:240px;line-height:1.9}dialog h2{margin-top:0}.check{display:flex;gap:10px;align-items:start;line-height:1.8;font-size:14px}.check input{width:18px;margin-top:6px}.toast{position:fixed;bottom:25px;left:25px;background:var(--ink);color:white;padding:15px 24px;border-radius:12px;z-index:10}.demo{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.demo button{padding:8px 11px;font-size:12px}.error{color:#b13b32;font-size:13px;min-height:20px}.accounthead strong{font-size:22px}.accounthead p{font-size:13px}.mini{font-size:12px;color:var(--muted)}@media(max-width:750px){header{padding:15px 20px;height:auto}.tag{max-width:140px;text-align:center}.shell{padding:25px 16px}.intro{display:block}.intro .mini{margin-top:15px}h1{font-size:25px}.grid{grid-template-columns:1fr}.panel{padding:21px}nav button{flex:1;padding:16px 8px}.stats{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.filters>div{min-width:130px}.steps{gap:5px}.step{font-size:12px}.card{padding:23px}}
.card .offer{font-size:21px;color:white;font-weight:700}.bookingCTA{display:block;text-align:center;background:#f4e6dc;color:#9d280f;font-size:38px;font-weight:900;padding:14px 8px;border-radius:12px;margin-top:24px;text-decoration:none}.bookingURL{display:block;text-align:center;color:white;font-size:17px;margin-top:15px;overflow-wrap:anywhere;position:relative}.card .instructions{font-size:17px;line-height:1.9}.card h3{line-height:1.6;overflow-wrap:anywhere}.card small{font-size:14px}
.progress{unicode-bidi:isolate;white-space:nowrap} .login{max-width:500px;margin:40px auto} pre{white-space:pre-wrap} .danger{background:#8f302c} details{margin:15px 0} .error:empty{display:none}.previewbar{background:#193e3b;color:white;padding:10px 5%;font-size:13px;line-height:1.8}.previewbar a{color:#ffe1a1;margin-inline-start:18px}
:root{--green:#9d280f;--ink:#173b38;--muted:#617571;--line:#e0e9e5;--mint:#faf0e8}body{background:#f3f7f4;font-size:16px;line-height:1.6}header{height:90px}.shell{padding-top:30px;max-width:1180px}.intro{margin-bottom:28px}h1{font-size:34px;letter-spacing:0;line-height:1.5;margin:4px 0}h2{font-size:22px;margin:0 0 14px}.eyebrow{letter-spacing:0}.intro p{margin:0}nav{border:1px solid var(--line);border-radius:14px;background:#eaf0ec;padding:5px;gap:6px;margin-bottom:24px}nav button{flex:1;border:0;border-radius:10px;min-height:50px;padding:10px 12px;white-space:nowrap}nav button.active{background:white;box-shadow:0 2px 8px #193e3b0b;color:var(--green)}.grid{grid-template-columns:.92fr 1.08fr;align-items:start;gap:24px}.panel{border-radius:20px;padding:28px;box-shadow:0 5px 24px #193e3b04}label{font-size:14px;margin:18px 0 8px}input,select{min-height:50px;background:#fcfdfc}input[dir=ltr]{text-align:left}button{min-height:48px;border-radius:12px}.empty{border:1px dashed #bcd0c7;border-radius:14px;margin-top:22px;background:#faf7f4;color:var(--muted);padding:55px 20px}.note{border-right:3px solid #b8d9c8;font-size:14px}#notice:not(:empty){padding:14px;border:1px solid #dfbaad;background:#fff8ef;border-radius:12px;margin-bottom:20px}.card{padding:26px;background:linear-gradient(145deg,#153e3c,#1b7767);min-height:0}.card h3{font-size:22px}.discount{font-size:40px}.bookingCTA{font-size:28px;min-height:58px}.card .offer{font-size:20px}.card .instructions{font-size:15px}.bookingURL{font-size:14px}.actions>*{flex:1;text-align:center}.step{padding:12px 4px}.step span{margin:0}.progress{background:var(--mint);padding:6px 12px;border-radius:24px;font-size:16px}.history article{background:#faf7f4;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px}.history article button{margin-top:8px}summary{cursor:pointer;min-height:44px;padding:10px 0}.stats{grid-template-columns:repeat(5,1fr);gap:12px}.stat{padding:18px}.stat strong{font-size:29px}.filters{flex-wrap:wrap}.filters>div{min-width:145px}dialog{max-height:90dvh;overflow:auto}dialog #wa{display:block;text-align:center;background:var(--green);color:white;padding:14px;border-radius:12px;margin:12px 0}#adminPanel{margin-top:24px}button:focus-visible,a:focus-visible{outline:3px solid #c34e35;outline-offset:3px}@media(max-width:750px){header{padding:16px;gap:8px;height:auto}.brand{gap:8px}.brand b{font-size:13px}.brand small{font-size:11px}.mark{font-size:19px;padding:9px}.tag{font-size:11px;padding:7px 10px}.shell{padding:22px 16px}h1{font-size:29px}.intro{position:relative;padding-left:55px}.intro #logout{position:absolute;left:0;top:20px;padding:8px;min-width:48px}.intro p{font-size:14px}.grid{grid-template-columns:1fr}.panel{padding:22px}nav button{font-size:14px;padding:10px 4px}.stats{grid-template-columns:repeat(2,1fr)}.filters>div{min-width:130px}td,th{min-width:130px}.previewbar{font-size:12px}.card .discount{font-size:36px}.code b{font-size:24px}#messageDialog textarea{font-size:15px}}
.official-logo{display:block;width:90px;height:60px;object-fit:contain;flex-shrink:0}@media(max-width:600px){.official-logo{width:75px;height:50px}}
/* Official Tech Station identity; layout and application behavior preserved. */
header{background:#faf7f4}.panel,.stat{box-shadow:0 3px 16px #25252604}
h1,h2,.brand b{font-weight:800}button{font-weight:700}.tag{background:#fff;border-color:#e7dfda;color:#75716e}
.card{background:linear-gradient(125deg,#9d280f,#c34e35)}
.intro p{color:#c34e35;font-size:clamp(23px,3vw,34px);font-weight:800;line-height:1.8;background:#fff0e7;border-right:4px solid #e9745b;border-radius:12px;padding:16px 20px;margin:0;max-width:100%}@media(max-width:750px){.intro p{font-size:23px;padding:14px;line-height:1.9}.intro #logout{top:0}}

.card-brand{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:22px}.card-brand img{display:block;width:100px;height:67px;object-fit:contain;background:#faf7f4;border-radius:10px;padding:5px}.card-brand strong{font-size:24px;color:white}.card .referred-title{text-align:center;font-size:38px;margin:12px 0}.card .referrer{text-align:center;color:white;font-size:25px;font-weight:700;overflow-wrap:anywhere;margin:12px 0 24px}.card .discount{text-align:center;font-size:clamp(38px,4.5vw,52px);line-height:1.6}.card .offer{text-align:center;font-size:clamp(30px,3.5vw,40px);line-height:1.7;margin:12px 0 24px}.card .code{gap:16px;flex-wrap:wrap}.card .code small{font-size:21px;font-weight:700}.card .code b{font-size:34px;overflow-wrap:anywhere;letter-spacing:1px}.card .bookingCTA{font-size:32px;position:relative;z-index:1;margin-top:28px}.card:after{pointer-events:none}@media(max-width:420px){.card{padding:20px}.card-brand{gap:10px}.card-brand strong{font-size:21px}.card .referred-title{font-size:34px}.card .referrer{font-size:23px}.card .discount{font-size:38px}.card .offer{font-size:30px}.card .code small{font-size:18px}.card .code b{font-size:30px}.card .bookingCTA{font-size:29px}}

/* Card refinements 025–029. Original logo asset remains unchanged. */
.card{container-type:inline-size}.card-brand{gap:18px}.card-brand img{width:130px;height:87px;background:transparent;border-radius:0;padding:0;transform:translateX(-10px);filter:drop-shadow(0 0 2px #fff9) drop-shadow(0 1px 1px #fff9)}
.card .referred-title{text-align:center;font-size:46px;font-weight:800;line-height:1.6;margin:14px 0}.card .referrer{text-align:center;font-size:21px;font-weight:600;line-height:1.9;color:#fff;margin:10px 0 24px}.card .discount{text-align:center;font-size:clamp(48px,13cqi,64px);font-weight:800;line-height:1.6;color:#fff0e7}.card .offer{text-align:center;white-space:nowrap;font-size:clamp(12px,5.3cqi,24px);font-weight:700;line-height:1.9;color:#fff;margin:10px 0 24px}
@media(max-width:420px){.card-brand{gap:12px}.card-brand img{width:115px;height:77px}.card .referred-title{font-size:38px}.card .referrer{font-size:19px}.card .discount{font-size:clamp(42px,15cqi,52px)}}

/* 030: centered original logo, no separate name or glow. */
.card-brand{justify-content:center;gap:0}.card-brand img{transform:none;filter:none;background:transparent;box-shadow:none}

#cardActions .pdf-attach-help{flex-basis:100%;margin:2px 0 0;font-size:13px;color:#75716e;line-height:1.8;text-align:right}

#messageDialog textarea{user-select:text}

@font-face{font-family:CairoCard;font-style:normal;font-weight:600;font-display:block;src:url(/asset-ed4acaa1f0bc.ttf) format('truetype')}
@font-face{font-family:CairoCard;font-style:normal;font-weight:800;font-display:block;src:url(/asset-accb750bc74f.ttf) format('truetype')}
.unified-card{position:relative;width:100%;margin:0;direction:rtl;background:#fff;border-radius:20px;overflow:hidden}.unified-card>img{display:block;width:100%;height:auto;max-width:100%}.unified-booking{display:block;position:absolute;border-radius:14px;cursor:pointer}.unified-booking:focus-visible{outline:3px solid #fff;outline-offset:4px}.card-loading{padding:30px;text-align:center}

.customer-picker{position:relative;min-width:220px}.customer-picker summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;border:1px solid #d9cec7;border-radius:10px;background:#fff;padding:12px;min-height:50px;cursor:pointer}.customer-picker summary::-webkit-details-marker{display:none}.customer-picker-panel{position:absolute;top:calc(100% + 6px);inset-inline-start:0;width:max(100%,280px);max-width:calc(100vw - 64px);z-index:20;border:1px solid #e7dfda;border-radius:12px;background:white;box-shadow:0 8px 24px #2525261a;padding:12px}.customer-picker input{margin:0 0 8px}.customer-search-results{max-height:260px;overflow:auto}.customer-search-results button{display:block;width:100%;text-align:right;background:#fff;color:#252526;border-radius:8px;margin:3px 0;padding:10px;font-weight:600}.customer-search-results button:hover,.customer-search-results button[aria-pressed="true"]{background:#f4e6dc;color:#9d280f}.customer-search-results p{font-size:14px;padding:10px}

/* 061: keep the customer picker within its own filter column. */
.filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr) auto;align-items:end;gap:16px}
.filters>div{min-width:0;width:100%}.filters label{display:block;margin:0 0 8px}.filters select,.filters input{width:100%;min-width:0;box-sizing:border-box}
.filters .customer-picker{min-width:0;width:100%}.customer-picker summary{width:100%;box-sizing:border-box}.customer-picker summary span:first-child{min-width:0;overflow-wrap:anywhere}.filters #refresh{position:static;min-width:90px;max-width:100%;margin:0}
.customer-picker-panel{position:static;width:100%;max-width:100%;box-sizing:border-box;margin-top:8px}
@media(max-width:960px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters #refresh{grid-column:1/-1;width:100%}}
@media(max-width:520px){.filters{grid-template-columns:minmax(0,1fr);gap:18px}.filters #refresh{grid-column:auto}.filters>div{min-width:0}}

/* 072: consistent filter labels, controls and statistic baselines. */
.filters{align-items:start;gap:20px 16px}.filters>div{display:flex;flex-direction:column;gap:8px;align-items:stretch}.filters>div>label{margin:0;min-height:26px;line-height:26px;font-size:14px;font-weight:600}.filters>div>input,.filters>div>select,.filters .customer-picker>summary{height:52px;min-height:52px;padding:12px;line-height:26px;font-size:16px;border-radius:10px;margin:0;box-sizing:border-box}.filters .customer-picker>summary{align-items:center}.filters #refresh{height:52px;min-height:52px;align-self:start;margin-top:34px}.filters .customer-picker-panel input{height:48px;min-height:48px}
#stats{grid-auto-rows:1fr;align-items:stretch;gap:16px}#stats .stat{display:grid;grid-template-rows:minmax(5.1em,1fr) auto;gap:20px;min-height:190px;padding:20px;box-sizing:border-box;min-width:0}#stats .stat>small{display:block;font-size:14px;line-height:1.7;margin:0;align-self:start;overflow-wrap:normal}#stats .stat>strong{display:block;font-size:32px;line-height:1.15;margin:0;align-self:end;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:960px){.filters #refresh{margin-top:0}}@media(max-width:520px){#stats .stat{padding:16px;min-height:200px;gap:16px}#stats .stat>small{font-size:13px}#stats .stat>strong{font-size:30px}}

/* 074: three report sections; each voucher count stays beside its value. */
#stats{display:block;margin:24px 0}.report-stat-section{margin:0 0 24px;padding:22px;background:#fff;border:1px solid #e7dfda;border-radius:18px}.report-stat-section>h3{margin:0 0 18px;padding-right:12px;border-right:4px solid #c34e35;font-size:20px;font-weight:800;color:#252526;line-height:1.6}.report-stat-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.report-stat-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;align-items:stretch}.report-stat-section:nth-child(2) .report-stat-pairs{grid-template-columns:minmax(0,1fr)}#stats .stat{margin:0;background:#faf7f4;border-color:#e7dfda;box-shadow:none;min-height:180px}#stats .stat>strong{color:#9d280f}
@media(max-width:750px){.report-stat-pairs{grid-template-columns:minmax(0,1fr)}.report-stat-section{padding:16px}.report-stat-section>h3{font-size:18px}#stats .stat{min-height:180px}}@media(max-width:420px){.report-stat-section{padding:12px}.report-stat-pair{gap:10px}#stats .stat{padding:12px;min-height:190px}#stats .stat>small{font-size:12px;line-height:1.8}#stats .stat>strong{font-size:28px}}

/* 078: aligned report columns with full-width expandable details. */
#reportRows{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.customer-report-table{table-layout:fixed;width:100%;min-width:680px;border-collapse:collapse}.customer-report-table th:nth-child(1){width:24%}.customer-report-table th:nth-child(2){width:18%}.customer-report-table th:nth-child(3){width:26%}.customer-report-table th:nth-child(4){width:32%}.customer-report-table th{background:#faf7f4;color:#75716e;font-size:13px;font-weight:700;line-height:1.8;padding:16px;vertical-align:middle}.customer-report-table td{padding:18px 16px;vertical-align:top;line-height:1.8;min-width:0}.customer-report-table .customer-report-row td{border-bottom:0;padding-bottom:12px}.report-customer,.report-current-record,.report-voucher-summary{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.customer-report-table .report-customer-name{background:transparent;border:0;padding:0;min-height:0;min-width:0;max-width:100%;text-align:right;font-size:16px;font-weight:800;line-height:1.8;color:#9d280f;white-space:normal;overflow-wrap:anywhere;border-radius:3px}.report-customer-code{font-size:13px;color:#75716e;direction:ltr;unicode-bidi:isolate}.report-install-count{display:block;font-size:24px;line-height:1.3;font-variant-numeric:tabular-nums;padding-top:3px}.report-current-record strong{font-size:15px;line-height:1.8}.report-current-record span{font-size:13px;color:#75716e;white-space:nowrap}.report-voucher-summary span{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.8}.report-voucher-summary strong{font-size:20px;min-width:1.2em;font-variant-numeric:tabular-nums}.customer-report-table .report-detail-row td{padding:0 16px 18px;border-bottom:1px solid #e7dfda}.report-customer-details{width:100%;border:1px solid #e7dfda;border-radius:10px;background:#faf7f4;margin-top:6px}.report-customer-details>summary{font-size:13px;font-weight:700;padding:10px 14px;min-height:44px;line-height:1.8}.report-details-content{border-top:1px solid #e7dfda;padding:14px;background:#fff;border-radius:0 0 10px 10px}.report-details-content p{font-size:13px;margin:8px 0}.report-no-results{text-align:center;color:#75716e}
@media(max-width:750px){.customer-report-table th,.customer-report-table td{padding-inline:12px}.customer-report-table .report-detail-row td{padding-inline:12px}.tablewrap{padding:18px}}

.report-customer-phone{display:block;font-size:14px;line-height:1.6;color:#252526;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;white-space:nowrap}

/* 083: override the general details margin inside report filters. */
.filters .customer-picker{margin:0}.filters #customerFilter[hidden]{display:none!important}

.voucher-code{overflow-wrap:anywhere}.voucher-code bdi{font-weight:700;color:#9d280f;font-variant-numeric:tabular-nums}

.voucher-correction{overflow-wrap:anywhere;color:#75716e;font-size:13px}

/* 091: visible audit region and a readable Arabic activity table. */
#audit:not(.hidden){display:block;margin-top:20px;padding:20px;border:1px solid #e7dfda;border-radius:14px;background:#faf7f4}#audit>h3{margin:0 0 8px;font-size:20px}.audit-count{font-size:13px;margin-bottom:14px}.audit-table-scroll{width:100%;overflow-x:auto;border:1px solid #e7dfda;border-radius:10px;background:#fff}.audit-table{width:100%;min-width:650px;table-layout:fixed}.audit-table th{font-weight:700;color:#75716e;background:#faf7f4;font-size:13px}.audit-table th:nth-child(1){width:23%}.audit-table th:nth-child(2){width:18%}.audit-table th:nth-child(3){width:22%}.audit-table th:nth-child(4){width:37%}.audit-table th,.audit-table td{padding:14px 12px;vertical-align:top;line-height:1.9;min-width:0;overflow-wrap:anywhere}.audit-table td{font-size:13px}.audit-table td:first-child{font-size:12px;font-variant-numeric:tabular-nums}.audit-action{font-weight:700;color:#9d280f}.audit-empty{text-align:center;color:#75716e;padding:24px!important}.audit-error{color:#9d280f}@media(max-width:520px){#audit:not(.hidden){padding:12px}}

.audit-customer{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-bottom:8px}.audit-customer strong{font-weight:700;color:#252526}.audit-customer bdi{font-variant-numeric:tabular-nums}.audit-operation-details{padding-top:6px;border-top:1px solid #e7dfda;white-space:pre-wrap;overflow-wrap:anywhere}

/* Final review: preserve the approved identity and prevent mobile overflow. */
:root{--ink:#252526;--muted:#75716e;--line:#e7dfda;--green:#c34e35;--mint:#f4e6dc}body{background:#faf7f4}nav{background:#f4e6dc}.note{border-right-color:#e3b39e}.shell,.panel,.grid>*,.actions>*{min-width:0}.accounthead p{overflow-wrap:anywhere}button{white-space:normal;overflow-wrap:anywhere}input,select,textarea{font-size:16px}.report-stat-pair .stat{min-width:0}
@media(max-width:520px){header{padding:14px 16px}.brand{min-width:0}.brand small{line-height:1.7}.intro{padding-left:0;padding-top:52px}.intro #logout{top:0}.intro p{font-size:23px}.actions{flex-direction:column}.actions>*{width:100%;flex:auto}dialog{padding:20px;max-width:calc(100vw - 24px);width:calc(100vw - 24px)}#account .row h2{font-size:19px}.history article button{width:100%}.report-stat-section .stat{min-height:190px}nav button{font-size:13px;min-width:0;padding-inline:4px}}

/* 095–096: one customer/operation per mobile card, no horizontal table scrolling. */
@media(max-width:750px){
 #reportRows,.audit-table-scroll{overflow:visible;max-width:100%;min-width:0}
 .customer-report-table,.audit-table{display:block;width:100%;min-width:0;max-width:100%;table-layout:auto;border:0}
 .customer-report-table>thead,.audit-table>thead{display:none}
 .customer-report-table>tbody,.audit-table>tbody{display:block;width:100%;min-width:0}
 .customer-report-table>.customer-report-group{border:1px solid #e7dfda;border-radius:14px;padding:16px;margin:0 0 16px;background:#fff;box-sizing:border-box;overflow:hidden}
 .customer-report-table .customer-report-row,.customer-report-table .report-detail-row{display:block;width:100%}
 .customer-report-table .customer-report-row>td,.customer-report-table .report-detail-row>td{display:block;width:100%;min-width:0;border:0;padding:12px 0;text-align:right;box-sizing:border-box}
 .customer-report-table .customer-report-row>td+td{border-top:1px solid #f0e9e4}
 .customer-report-table .customer-report-row>td[data-label]::before,.audit-operation-card>td[data-label]::before{content:attr(data-label);display:block;color:#75716e;font-size:12px;font-weight:700;line-height:1.8;margin-bottom:6px}
 .customer-report-table .report-customer{gap:5px}.customer-report-table .report-customer-name{font-size:18px}.customer-report-table .report-customer-code,.customer-report-table .report-customer-phone{max-width:100%;overflow-wrap:anywhere;white-space:normal}
 .customer-report-table .report-install-count{font-size:25px;padding:0}.customer-report-table .report-current-record{gap:4px}.customer-report-table .report-current-record span{white-space:normal}.customer-report-table .report-voucher-summary{gap:6px}.customer-report-table .report-voucher-summary span{flex-wrap:wrap}
 .customer-report-table .report-detail-row>td{padding:4px 0 0}.report-customer-details{margin:0;max-width:100%;box-sizing:border-box}.report-customer-details>summary{overflow-wrap:anywhere;padding:12px;font-size:13px}.report-details-content{padding:12px;max-width:100%;min-width:0;overflow-wrap:anywhere}.report-details-content bdi{overflow-wrap:anywhere;white-space:normal}.report-details-content article button{width:100%;white-space:normal}
 .audit-table-scroll{background:transparent;border:0;border-radius:0}.audit-table>tbody>.audit-operation-card{display:block;border:1px solid #e7dfda;background:#fff;border-radius:14px;padding:14px;margin-bottom:14px;max-width:100%;box-sizing:border-box;overflow:hidden}
 .audit-table .audit-operation-card>td{display:block;width:100%;min-width:0;max-width:100%;padding:10px 0;box-sizing:border-box;border:0;white-space:normal;overflow-wrap:anywhere}.audit-table .audit-operation-card>td+td{border-top:1px solid #f0e9e4}.audit-table .audit-operation-card>td:first-child{padding-top:0}.audit-table .audit-operation-card>td:last-child{padding-bottom:0}.audit-operation-card bdi{max-width:100%;white-space:normal;overflow-wrap:anywhere}.audit-customer{max-width:100%;min-width:0}.audit-customer>strong,.audit-customer>span{max-width:100%;overflow-wrap:anywhere}.audit-operation-details{max-width:100%;min-width:0}
 .customer-report-table .report-no-results,.audit-table .audit-empty{display:block;min-width:0;width:100%;box-sizing:border-box}
}

/* 097: prominent customer identity at the top of mobile report cards. */
@media(max-width:750px){
 .customer-report-table .customer-report-row>td:first-child{padding:4px 0 18px}
 .customer-report-table .report-customer{gap:10px;align-items:flex-start}
 .customer-report-table .report-customer-name{font-size:22px;font-weight:800;line-height:1.65;color:#9d280f;max-width:100%;overflow-wrap:anywhere}
 .customer-report-table .report-customer-code{font-size:18px;font-weight:700;line-height:1.7;color:#252526;letter-spacing:.5px}
 .customer-report-table .report-customer-phone{font-size:20px;font-weight:700;line-height:1.7;color:#252526;letter-spacing:.3px}
}

/* 098–099: readable compact customer identity, shared mobile treatment. */
.customer-identity-separator{display:none}.audit-customer-label{font-size:12px;font-weight:700;color:#75716e}.audit-customer-inline{line-height:1.9;overflow-wrap:anywhere;max-width:100%}.audit-customer-inline bdi{unicode-bidi:isolate}.audit-customer-inline .audit-customer-name{font-weight:700}
@media(max-width:750px){
 .customer-report-table .report-customer{display:block;line-height:2;max-width:100%;font-size:16px;overflow-wrap:anywhere}
 .customer-report-table .report-customer-name{display:inline;font-size:18px;font-weight:800;line-height:inherit;margin:0;padding:0;vertical-align:baseline}
 .customer-report-table .report-customer-code,.customer-report-table .report-customer-phone{display:inline-block;font-size:16px;font-weight:700;line-height:inherit;color:#252526;letter-spacing:0;vertical-align:baseline;white-space:nowrap;max-width:100%}
 .customer-report-table .customer-identity-separator{display:inline;font-size:15px;font-weight:400;color:#75716e}
 .audit-customer{display:block;margin-bottom:10px;line-height:2}.audit-customer-label{display:block;margin-bottom:5px;font-size:12px}.audit-customer-inline{font-size:16px;line-height:2;max-width:100%;overflow-wrap:anywhere}.audit-customer-inline .audit-customer-name{display:inline;font-size:18px;font-weight:800;color:#9d280f;line-height:inherit}.audit-customer-code,.audit-customer-phone{display:inline-block;font-size:16px;font-weight:700;color:#252526;line-height:inherit;vertical-align:baseline;white-space:nowrap;letter-spacing:0}.audit-identity-separator{font-size:15px;color:#75716e}
}

@media(max-width:750px){
 .customer-report-table .report-customer-name{font-size:16px}.customer-report-table .report-customer-code,.customer-report-table .report-customer-phone{font-size:15px}.customer-report-table .customer-identity-separator{font-size:14px}
 .audit-customer-inline .audit-customer-name{font-size:15.5px}.audit-customer-code,.audit-customer-phone{font-size:14.5px}.audit-identity-separator{font-size:14px}.audit-table>tbody>.audit-operation-card{padding:12px}
}

/* 100: voucher totals in one compact mobile line. */
@media(max-width:750px){
 .customer-report-table .report-voucher-summary{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:7px;max-width:100%;line-height:1.9}
 .customer-report-table .report-voucher-summary span{display:inline-flex;flex-wrap:nowrap;align-items:baseline;gap:4px;font-size:12px;white-space:nowrap;line-height:1.9}
 .customer-report-table .report-voucher-summary span+span::before{content:'—';font-weight:400;color:#75716e;margin-inline-end:3px}
 .customer-report-table .report-voucher-summary strong{display:inline;font-size:16px;line-height:inherit;min-width:0}
}



@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/cairo-ui-7ecb9b6a4650.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/cairo-ui-361766f154ae.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/cairo-ui-ed4acaa1f0bc.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/cairo-ui-cad856433493.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/cairo-ui-accb750bc74f.ttf) format('truetype');
}