:root{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;color:#273540;background:#f7f9f8}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.wh-page{max-width:680px;margin:auto;padding:16px 16px 48px}.wh-top,.wh-panel,.wh-result{background:#fff;border:1px solid #e4e9e6;box-shadow:0 5px 16px #203c3010;border-radius:22px}.wh-top{display:flex;align-items:center;gap:14px;padding:13px 18px;margin-bottom:22px}.wh-top a{text-decoration:none;color:#178767;font-size:26px}.wh-top strong{flex:1;font-size:20px}.wh-top span{font-size:20px}.wh-panel{padding:23px 18px}.wh-heading{display:flex;align-items:center;gap:12px;padding-bottom:22px}.wh-heading h1{margin:0;font-size:23px}.wh-heading p{margin:0;color:#7b8987}.wh-icon{display:grid;place-items:center;background:#ddf7ed;border-radius:15px;width:50px;height:50px;font-size:23px}.wh-pill{margin-inline-start:auto;color:#0d886a;background:#e0f7ec;border-radius:99px;padding:7px 11px;font-weight:700}.wh-label{font-size:20px;font-weight:800;display:block;margin:10px 0 14px}.wh-phone-box{border:2px solid #d4e1dc;border-radius:20px;display:flex;align-items:center;min-height:84px;padding:7px 13px;gap:6px}.wh-phone-box:focus-within{border-color:#0caa79;box-shadow:0 0 0 3px #13b7811c}.wh-phone-box input{border:0;outline:0;width:100%;text-align:center;font-size:clamp(26px,7vw,39px);letter-spacing:.06em;color:#273540;min-width:0}.wh-phone-box button{background:none;border:0;color:#7e8c8a;font-size:28px}.wh-phone-box span{font-size:23px;color:#0eaf80}.wh-network{margin:12px 0 20px;background:#f0f8f4;color:#3b7762;padding:12px;border-radius:12px;font-weight:700}.wh-network.is-error{background:#fff1ed;color:#b84537}.wh-values{padding-top:8px}.wh-values h2{font-size:19px}.wh-suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.wh-suggestions button{border:1px solid #6dbfa8;color:#1a876b;background:#fff;border-radius:12px;min-height:49px;font-weight:700}.wh-suggestions button.is-selected{background:#0daa79;color:white}.wh-amount{display:flex;align-items:center;gap:10px;justify-content:center;margin:22px auto 6px;font-size:20px;font-weight:700}.wh-amount input{border:1px solid #cbdad3;border-radius:12px;text-align:center;font-size:28px;width:min(190px,45%);padding:9px;color:#128d68;outline-color:#0daa79}.wh-range,.wh-profit{text-align:center;color:#6a7774;font-size:14px}.wh-profit{color:#158768;font-weight:700}.wh-message{min-height:22px;text-align:center;color:#546863}.wh-message.is-error{color:#b83c35}.wh-send,.wh-review-actions #wh-confirm{background:#0bb482;border:0;border-radius:14px;color:white;min-height:58px;font-size:20px;font-weight:800;width:100%}.wh-result{margin-top:18px;padding:18px}.wh-result h2{font-size:18px}.wh-result p{margin:8px 0;white-space:pre-wrap}.wh-back{display:block;text-align:center;padding:22px;color:#237962;text-decoration:none}dialog{border:0;border-radius:22px;width:min(92vw,500px);padding:0;box-shadow:0 20px 70px #12271d44}dialog::backdrop{background:#10241b99}.wh-review{padding:22px}.wh-review h2{margin:9px 0 18px}.wh-review p{padding:8px 0;border-bottom:1px solid #e9efec}.wh-close{float:left;background:#eff4f1;border:0;border-radius:12px;width:37px;height:37px;font-size:26px}.wh-review-actions{display:flex;gap:10px}.wh-review-actions #wh-cancel{width:38%;border:1px solid #b6cfc4;background:#fff;color:#276d59;border-radius:12px}.wh-review-actions #wh-confirm{width:62%}@media(max-width:390px){.wh-suggestions{grid-template-columns:repeat(2,1fr)}}

/* Dedicated wholesale history, aligned with the ordinary Flexi record. */
.wh-network-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px}
.wh-network-icon img{display:block;width:32px;height:32px;object-fit:contain}
.wh-history{margin-top:22px;background:#fff;border:1px solid #e4e9e6;border-radius:22px;padding:20px 16px;box-shadow:0 5px 16px #203c3010}
.wh-history-heading,.wh-history-tools,.wh-history-row,.wh-history-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wh-history-heading h2{margin:0;font-size:21px}
.wh-history-heading button{width:40px;height:40px;border:1px solid #dce6e1;border-radius:11px;background:#fff;color:#27876c;font-size:25px}
.wh-history-search{display:flex;align-items:center;gap:9px;border:1px solid #dce5e0;border-radius:13px;padding:0 12px;margin:17px 0 12px;min-height:48px;color:#73837b}
.wh-history-search:focus-within{border-color:#12ae80;box-shadow:0 0 0 3px #0daa7918}
.wh-history-search span{font-size:24px}.wh-history-search input{width:100%;border:0;outline:0;background:transparent;min-width:0}
.wh-history-filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}
.wh-history-filters button,.wh-view button{flex:0 0 auto;border:1px solid #e0e9e4;background:#fff;color:#596d65;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}
.wh-history-filters button.is-active,.wh-view button.is-active{background:#e3f6ee;color:#087b5d;border-color:#9bd6bc}
.wh-history-tools{margin-top:10px}.wh-history-tools select{max-width:52%;border:1px solid #dce5e0;border-radius:11px;padding:8px 12px;color:#30453c;background:#fff}
.wh-view{display:flex;gap:6px}.wh-view button{border-radius:10px;font-size:18px;min-width:36px;padding:5px 9px}
.wh-history-count{font-size:13px;color:#718178;margin:13px 0 9px}
.wh-history-list{display:grid;gap:10px}.wh-history-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wh-history-card{--wh-accent:#13a873;border:1px solid #e5ece7;border-radius:16px;background:#fff;padding:14px;box-shadow:0 2px 9px #1b483009;cursor:pointer;min-width:0;border-inline-start:3px solid var(--wh-accent)}
.wh-history-card.is-djezzy{--wh-accent:#cf3150}.wh-history-card.is-ooredoo{--wh-accent:#e33458}
.wh-history-card:focus-visible{outline:3px solid #1b9d7155}
.wh-history-identity{display:flex;align-items:center;gap:9px;min-width:0}.wh-history-identity strong,.wh-history-identity small{display:block}
.wh-history-identity strong{font-size:14px}.wh-history-identity small{font-size:11px;color:#85918c;margin-top:2px}
.wh-logo{width:37px;height:37px;flex:0 0 37px;border:1px solid #e9efeb;border-radius:11px;display:grid;place-items:center;background:#fff}.wh-logo img{width:29px;height:29px;object-fit:contain}
.wh-status{font-size:11px;font-weight:800;padding:5px 8px;white-space:nowrap;border-radius:999px;color:#36779f;background:#e9f2f9}
.wh-status.is-success{background:#e3f6ea;color:#16844c}.wh-status.is-failed{background:#fde9e7;color:#b8463e}.wh-status.is-reversed{background:#fff2df;color:#a96810}
.wh-history-bottom{border-top:1px solid #eef1ee;margin-top:11px;padding-top:9px;min-width:0}.wh-history-bottom strong{font-size:16px}.wh-history-bottom span{color:#63766c;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wh-history-phone{font-size:12px;color:#7a8780;margin-top:7px;direction:ltr;text-align:right}
.wh-history-empty{padding:28px;text-align:center;color:#74847b;border:1px dashed #dce6e0;border-radius:14px}.wh-history-empty[hidden],.wh-more[hidden]{display:none}
.wh-more{width:100%;margin-top:12px;border:1px solid #9bcab7;background:#fff;color:#168461;border-radius:12px;padding:10px;font-weight:800}
.wh-failure{background:#fff4f1;color:#ac453c;border-radius:10px;padding:9px 11px;font-size:12px;line-height:1.65;margin:10px 0 0}
.wh-details{padding:22px}.wh-details h2{margin:5px 0 22px}.wh-detail-row{display:flex;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid #e7ede9}
.wh-detail-row span{color:#687970}.wh-detail-row strong{overflow-wrap:anywhere;text-align:left}
#wh-details-copy{width:100%;margin-top:18px;border:1px solid #91cdb6;border-radius:12px;background:#e9f8f0;color:#087d5d;padding:12px;font-weight:800}
@media(max-width:510px){.wh-history-list.is-grid{grid-template-columns:1fr}.wh-history-card{padding:12px}.wh-history-row{align-items:flex-start}.wh-status{font-size:10px}}
.wh-review-network{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e9efec;padding:8px 0}.wh-review-network strong{font-size:16px}
.wh-shift{border:1px solid #dce9e3;border-radius:15px;padding:13px;margin-top:15px;background:#fbfefd}
.wh-shift[hidden]{display:none}.wh-shift-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.wh-shift-head small{color:#819088}.wh-shift-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:13px}
.wh-shift-metrics>div{text-align:center;min-width:0}.wh-shift-metrics small,.wh-shift-metrics strong{display:block}
.wh-shift-metrics small{font-size:11px;color:#84918a;white-space:nowrap}.wh-shift-metrics strong{font-size:17px}
.wh-shift-metrics .is-success strong{color:#178963}.wh-shift-metrics .is-processing strong{color:#4385b9}.wh-shift-metrics .is-failed strong{color:#c34d51}
@media(max-width:390px){.wh-shift-metrics small{font-size:9px}}
/* Wholesale screen refinement: same compact visual rhythm as Flexi. */
.wh-page{max-width:720px;padding:14px 16px 60px}
.wh-top{margin-bottom:18px}
.wh-panel{padding:22px 20px}
.wh-heading{padding-bottom:24px}
.wh-heading h1{font-size:21px}
.wh-phone-box{background:#f9fbfa;border-color:#cbd9d2;min-height:78px}
.wh-network[hidden]{display:none}
.wh-network{margin:12px 0 4px}
.wh-values{padding-top:22px}
.wh-values h2{font-size:17px;margin:0 0 12px}
.wh-suggestions{display:flex;overflow-x:auto;gap:8px;padding:3px 1px 9px;scrollbar-width:none;scroll-snap-type:x proximity}
.wh-suggestions::-webkit-scrollbar{display:none}
.wh-suggestions button{flex:0 0 auto;min-width:110px;min-height:43px;border-radius:999px;background:#f0f3f1;border-color:#e6ebe8;color:#3c6053;scroll-snap-align:start}
.wh-suggestions button.is-selected{background:#08aa7a;border-color:#08aa7a;color:#fff}
.wh-amount{display:grid;grid-template-columns:1fr auto;grid-template-areas:'label label' 'input unit';align-items:center;gap:0;margin:14px 0 8px;border-radius:19px;background:#f5f7f6;padding:13px 18px}
.wh-amount span{grid-area:label;color:#65756e;font-size:14px;font-weight:600}
.wh-amount input{grid-area:input;width:100%;border:0;background:transparent;font-size:clamp(36px,9vw,48px);padding:1px 0 3px;outline:none;color:#148462}
.wh-amount b{grid-area:unit;font-size:15px;color:#77877e}
.wh-range{margin:6px 0 12px;font-size:13px}
.wh-message{min-height:0;margin:8px 0;color:#536b60}
.wh-message:empty{display:none}
.wh-send{margin-top:10px}
.wh-history{background:transparent;border:0;box-shadow:none;padding:0;margin-top:32px}
.wh-history-heading{padding:0 2px}.wh-history-heading h2{font-size:21px}
.wh-history-search{background:#fff}
.wh-history-card{padding:16px;border-inline-start:0;box-shadow:0 4px 14px #1b48300d}
.wh-history-identity strong{font-size:15px}.wh-history-identity small{font-size:12px}
.wh-history-bottom strong{font-size:19px;color:#263c32}
.wh-history-phone{font-size:13px}
#wh-details{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0 auto;width:min(100%,680px);max-height:88dvh;overflow:auto;border-radius:28px 28px 0 0;box-shadow:0 -12px 42px #10271b44}
#wh-details::backdrop{background:#173a2d99}
.wh-details{padding:18px 22px max(24px,env(safe-area-inset-bottom))}
.wh-details:before{content:'';display:block;width:38px;height:4px;border-radius:99px;background:#dae5df;margin:0 auto 18px}
.wh-details-head{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.wh-details-head h2{font-size:22px;margin:0 0 2px}
.wh-details-head p{margin:0;color:#839087;font-size:13px}
.wh-details-head .wh-logo{width:48px;height:48px;flex-basis:48px;border-radius:14px}
.wh-details-head .wh-logo img{width:37px;height:37px}
.wh-details .wh-close{float:none;position:absolute;left:22px;top:42px}
.wh-detail-row{padding:16px 2px;align-items:center;font-size:15px}
.wh-detail-row strong{font-size:16px;direction:ltr;unicode-bidi:plaintext}
.wh-detail-status{direction:rtl!important;border-radius:999px;padding:5px 12px;color:#317e9d;background:#e9f2f9}
.wh-detail-status.is-success{background:#e3f6ea;color:#16844c}
.wh-detail-status.is-failed{background:#fde9e7;color:#b8463e}
.wh-detail-status.is-reversed{background:#fff2df;color:#a96810}
#wh-details-copy{margin-top:22px;min-height:52px;font-size:16px}
@media(max-width:390px){.wh-suggestions{display:flex}.wh-page{padding-inline:12px}.wh-panel{padding-inline:16px}}

.wh-values[hidden],.wh-send[hidden]{display:none!important}
/* Shared visual identity: quiet surfaces, network accents, and a measured disclosure. */
body{--wh-accent:#188968;--wh-soft:#e8f4ee;--wh-line:#e2e8e4;--wh-surface:#fff;--wh-text:#273540;--wh-muted:#6a7774;background:#f7f9f8;color:var(--wh-text)}
body[data-network="Mobilis"]{--wh-accent:#238c53;--wh-soft:#e8f5eb}
body[data-network="Djezzy"],body[data-network="Ooredoo"]{--wh-accent:#c83a49;--wh-soft:#fff0f0}
.wh-top-actions{display:flex;align-items:center;gap:7px}
.wh-top-actions span{font-size:19px}
.wh-top-actions button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--wh-line);border-radius:10px;background:var(--wh-surface);color:var(--wh-text);font-size:24px;line-height:1}
.wh-icon{color:var(--wh-accent);background:var(--wh-soft)}
.wh-heading{padding-bottom:20px}
.wh-heading h1{font-size:21px}.wh-heading p{font-size:14px}
.wh-phone-box:focus-within{border-color:var(--wh-accent);box-shadow:0 0 0 2px var(--wh-soft)}
.wh-network{color:var(--wh-accent);background:var(--wh-soft);font-size:14px}
.wh-network.is-error{color:#b84537;background:#fff1ed}
.wh-reveal{max-height:0;opacity:0;visibility:hidden;overflow:hidden;transform:translateY(-8px);transition:max-height .48s ease,opacity .32s ease,transform .48s ease,visibility 0s linear .48s;pointer-events:none}
.wh-reveal.is-open{max-height:950px;opacity:1;visibility:visible;transform:translateY(0);transition:max-height .52s ease,opacity .42s ease .06s,transform .52s ease;pointer-events:auto}
.wh-values h2{color:var(--wh-text)}
.wh-suggestions button.is-selected,.wh-send,.wh-review-actions #wh-confirm{background:var(--wh-accent);border-color:var(--wh-accent)}
.wh-suggestions button{color:var(--wh-accent)}
.wh-amount input{color:var(--wh-accent)}
.wh-history-filters button.is-active,.wh-view button.is-active{color:var(--wh-accent);background:var(--wh-soft);border-color:var(--wh-accent)}
.wh-history-card.is-mobilis{--wh-accent:#238c53}
.wh-history-card.is-djezzy,.wh-history-card.is-ooredoo{--wh-accent:#c83a49}
.wh-details-head h2{margin:0}
@media(prefers-reduced-motion:reduce){.wh-reveal,.wh-reveal.is-open{transition:none;transform:none}}
:root[data-dz-theme="dark"] body{--wh-surface:#202627;--wh-line:#3b4744;--wh-text:#eef4f0;--wh-muted:#adbcb3;background:#171b1c;color:var(--wh-text)}
:root[data-dz-theme="dark"] .wh-top,:root[data-dz-theme="dark"] .wh-panel,:root[data-dz-theme="dark"] .wh-result,:root[data-dz-theme="dark"] .wh-history-card,:root[data-dz-theme="dark"] .wh-history-search,:root[data-dz-theme="dark"] dialog{background:var(--wh-surface);color:var(--wh-text);border-color:var(--wh-line)}
:root[data-dz-theme="dark"] .wh-phone-box,:root[data-dz-theme="dark"] .wh-amount,:root[data-dz-theme="dark"] .wh-history-tools select,:root[data-dz-theme="dark"] .wh-history-filters button,:root[data-dz-theme="dark"] .wh-view button,:root[data-dz-theme="dark"] .wh-more,:root[data-dz-theme="dark"] .wh-review-actions #wh-cancel{background:#282f30;color:var(--wh-text);border-color:var(--wh-line)}
:root[data-dz-theme="dark"] .wh-phone-box input,:root[data-dz-theme="dark"] .wh-history-search input{color:var(--wh-text);background:transparent}
:root[data-dz-theme="dark"] .wh-amount input{color:#77d2a3}
:root[data-dz-theme="dark"] .wh-heading p,:root[data-dz-theme="dark"] .wh-range,:root[data-dz-theme="dark"] .wh-history-count,:root[data-dz-theme="dark"] .wh-history-identity small,:root[data-dz-theme="dark"] .wh-detail-row span{color:#b1beb7}
:root[data-dz-theme="dark"] .wh-history-bottom strong{color:var(--wh-text)}
:root[data-dz-theme="dark"] .wh-network,:root[data-dz-theme="dark"] .wh-icon{background:#263c35;color:#72d6aa}
:root[data-dz-theme="dark"] body[data-network="Djezzy"] .wh-network,:root[data-dz-theme="dark"] body[data-network="Ooredoo"] .wh-network,:root[data-dz-theme="dark"] body[data-network="Djezzy"] .wh-icon,:root[data-dz-theme="dark"] body[data-network="Ooredoo"] .wh-icon{background:#40282d;color:#ff9ca7}
:root[data-dz-theme="dark"] .wh-logo{background:#fff}
:root[data-dz-theme="dark"] .wh-detail-row,:root[data-dz-theme="dark"] .wh-history-bottom{border-color:var(--wh-line)}
:root[data-dz-theme="dark"]{background:#171b1c}
:root[data-dz-theme="dark"] .wh-history-heading button,:root[data-dz-theme="dark"] .wh-suggestions button,:root[data-dz-theme="dark"] #wh-details-copy{background:#2b3433;color:#e7eee9;border-color:#46514c}
:root[data-dz-theme="dark"] .wh-suggestions button.is-selected{background:var(--wh-accent);border-color:var(--wh-accent);color:#fff}
:root[data-dz-theme="dark"] .wh-history-filters button.is-active,:root[data-dz-theme="dark"] .wh-view button.is-active{background:#284239;color:#79d0a9;border-color:#477d65}
:root[data-dz-theme="dark"] body[data-network="Djezzy"] .wh-history-filters button.is-active,:root[data-dz-theme="dark"] body[data-network="Ooredoo"] .wh-history-filters button.is-active{background:#452a30;color:#ffa5af;border-color:#9e5360}