/* YallaSIM customer area + affiliate UI — consolidated v1.15.67

   This is the single stylesheet for authenticated customer-area UI and the
   affiliate public/signup/status presentation. It replaces:
   - yallasim-affiliate-v11560.css
   - yallasim-affiliate-v11562.css
   - yallasim-account-v11566.css

   Storefront/navbar fundamentals remain in yallasim.css.
*/

/* Affiliate public page and signup presentation */
/* YallaSIM v1.15.60 — Affiliate public page + account signup landing.
   Dedicated affiliate stylesheet; global navbar/storefront CSS remains untouched. */
.ys1559-public{padding:4px 0 24px;color:#163450}
.ys1559-public-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(470px,.98fr);gap:34px;align-items:center;padding:38px 40px;border:1px solid #dce5ed;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fbfdff 55%,#f2f7fc 100%);box-shadow:0 14px 44px rgba(15,49,84,.055);overflow:hidden}
.ys1559-public-copy h1{max-width:760px;margin:10px 0 14px;color:#123354;font-size:clamp(38px,4.4vw,62px);font-weight:950;letter-spacing:-.048em;line-height:1.01}
.ys1559-public-copy>p{max-width:720px;margin:0;color:#687d91;font-size:15px;line-height:1.7}
.ys1559-public-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.ys1559-public-proof{display:flex;gap:16px;flex-wrap:wrap;margin-top:19px;color:#6d8092;font-size:10.5px;font-weight:850}.ys1559-public-proof span{display:inline-flex;gap:6px;align-items:center}.ys1559-public-proof svg{color:#f49455}
.ys1559-public-visual{position:relative;min-height:340px;border-radius:22px;background:radial-gradient(circle at 60% 42%,rgba(81,145,211,.14),transparent 34%),linear-gradient(145deg,#edf5fc,#f9fbfd);border:1px solid #dfe9f2;overflow:hidden}.ys1559-route{position:absolute;left:10%;right:8%;top:49%;height:1px;border-top:2px dashed #9db9d6;transform:rotate(-7deg)}
.ys1559-demo{position:absolute;z-index:2;padding:17px 18px;border-radius:17px;background:#fff;border:1px solid #d9e5ef;box-shadow:0 15px 35px rgba(24,61,104,.11)}.ys1559-demo small,.ys1559-demo em{display:block}.ys1559-demo small{color:#8494a4;font-size:8px;font-weight:950;letter-spacing:.1em}.ys1559-demo strong{display:block;margin:8px 0 5px;color:#1d3c6f;font-size:13px;font-weight:900}.ys1559-demo strong b{color:#f17f38}.ys1559-demo em{color:#71869a;font-size:9px;font-style:normal;font-weight:750}.ys1559-demo-icon{width:34px;height:34px;display:grid;place-items:center;margin-bottom:11px;border-radius:10px;background:#edf4fb;color:#1d3c6f}.ys1559-demo.is-link{left:6%;top:24%;width:54%;transform:rotate(-4deg)}.ys1559-demo.is-coupon{right:5%;bottom:13%;width:43%;border-color:#f2d2bd;background:#fffaf6;transform:rotate(3deg)}.ys1559-demo.is-coupon .ys1559-demo-icon{background:#fff0e5;color:#f17f38}.ys1559-demo.is-coupon strong{font-size:20px;letter-spacing:.045em}.ys1559-demo.is-coupon>b{position:absolute;right:15px;top:17px;padding:6px 9px;border-radius:9px;background:#f49455;color:#fff;font-size:13px}.ys1559-demo-phone{position:absolute;right:22%;top:8%;width:112px;height:196px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid #183e6e;border-radius:25px;background:#fff;box-shadow:0 20px 38px rgba(19,55,94,.18);transform:rotate(5deg);z-index:1;color:#1d3c6f}.ys1559-demo-phone:before{content:"";position:absolute;top:5px;width:40px;height:7px;border-radius:99px;background:#183e6e}.ys1559-demo-phone span{font-size:13px;font-weight:950}.ys1559-demo-phone svg{margin:18px 0;font-size:37px;color:#f49455}.ys1559-demo-phone small{font-size:8px;color:#7890a5;font-weight:850}
.ys1559-program-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:18px 0 0;border:1px solid #dce5ed;border-radius:18px;background:#fff;overflow:hidden}.ys1559-program-strip article{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:16px 18px;border-right:1px solid #e8eef3}.ys1559-program-strip article:last-child{border-right:0}.ys1559-program-strip article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eef4fa;color:#1d3c6f}.ys1559-program-strip article:nth-child(2)>span,.ys1559-program-strip article:nth-child(5)>span{background:#fff0e5;color:#ef7e3a}.ys1559-program-strip small{display:block;color:#8a9aa9;font-size:7.5px;font-weight:950;letter-spacing:.08em}.ys1559-program-strip strong{display:block;margin-top:2px;color:#163450;font-size:15px;font-weight:950}
.ys1559-public-section{margin-top:26px;padding:30px;border:1px solid #dce5ed;border-radius:22px;background:#fff;box-shadow:0 12px 38px rgba(15,49,84,.035)}.ys1559-public-head{max-width:780px;margin-bottom:22px}.ys1559-public-head h2{margin:7px 0 0;color:#163450;font-size:30px;font-weight:950;letter-spacing:-.035em}.ys1559-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ys1559-tool-card{padding:23px;border:1px solid #dce7f0;border-radius:19px;background:linear-gradient(145deg,#fbfdff,#f4f8fc)}.ys1559-tool-card.is-coupon{border-color:#f1d9c8;background:linear-gradient(145deg,#fffdfb,#fff5ed)}.ys1559-tool-top{display:flex;gap:13px;align-items:flex-start}.ys1559-tool-top>span{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:13px;background:#eaf3fb;color:#1d3c6f;font-size:17px}.ys1559-tool-card.is-coupon .ys1559-tool-top>span{background:#ffeadb;color:#ef7e3a}.ys1559-tool-top small{display:block;color:#7f91a2;font-size:8px;font-weight:950;letter-spacing:.09em}.ys1559-tool-top h3{margin:4px 0 0;color:#183957;font-size:17px;font-weight:930}.ys1559-tool-card>p{margin:14px 0 0;color:#71869a;font-size:11.5px;line-height:1.58}.ys1559-link-art,.ys1559-ticket-art{margin-top:18px;min-height:70px;display:flex;align-items:center;padding:0 17px;border-radius:13px}.ys1559-link-art{gap:0;border:1px solid #d7e4ef;background:#fff;color:#72869a;font-size:11px;font-weight:800;overflow:hidden}.ys1559-link-art b{color:#1d3c6f}.ys1559-link-art svg{margin-left:auto;color:#1d3c6f}.ys1559-ticket-art{position:relative;justify-content:space-between;border:1px dashed #eea16f;background:#fff;color:#f17f38}.ys1559-ticket-art:before,.ys1559-ticket-art:after{content:"";position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff5ed;transform:translateY(-50%)}.ys1559-ticket-art:before{left:-8px}.ys1559-ticket-art:after{right:-8px}.ys1559-ticket-art small{font-size:8px;font-weight:950}.ys1559-ticket-art strong{font-size:19px;font-weight:950;letter-spacing:.04em}.ys1559-ticket-art b{padding:7px 9px;border-radius:9px;background:#f49455;color:#fff}
.ys1559-public-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.ys1559-public-steps article{position:relative;padding:20px 18px;border:1px solid #e0e8ef;border-radius:17px;background:#fbfdff}.ys1559-public-steps article>em{position:absolute;right:14px;top:13px;color:#c2cfda;font-size:11px;font-style:normal;font-weight:950}.ys1559-public-steps article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf4fa;color:#1d3c6f}.ys1559-public-steps article:nth-child(even)>span{background:#fff0e5;color:#ef7e3a}.ys1559-public-steps h3{margin:13px 0 6px;color:#183957;font-size:15px;font-weight:930}.ys1559-public-steps p{margin:0;color:#74879a;font-size:10.5px;line-height:1.55}
.ys1559-public-sim{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:25px;margin-top:26px;padding:30px;border-radius:22px;background:#1d3c6f;color:#fff;box-shadow:0 18px 44px rgba(16,49,91,.14)}.ys1559-public-sim .ys1532-kicker{color:#ffaf78}.ys1559-public-sim h2{margin:7px 0 8px;color:#fff;font-size:29px;font-weight:950;letter-spacing:-.035em}.ys1559-public-sim p{max-width:700px;margin:0;color:#d5e1ed;font-size:12px;line-height:1.6}.ys1559-public-slider-head{display:flex;justify-content:space-between;gap:18px;margin-top:22px;color:#d9e4ee;font-size:10px;font-weight:850}.ys1559-public-slider-head strong{color:#fff}.ys1559-public-sim input[type=range]{width:100%;margin-top:13px;accent-color:#f49455}.ys1559-public-sim aside{display:flex;flex-direction:column;justify-content:center;padding:24px;border-radius:18px;background:#fff;color:#173653}.ys1559-public-sim aside>small{color:#8293a4;font-size:8px;font-weight:950;letter-spacing:.09em}.ys1559-public-sim aside>strong{display:block;margin:8px 0 17px;color:#f17f38;font-size:39px;font-weight:950;line-height:1}.ys1559-public-sim aside>div{display:grid;gap:8px}.ys1559-public-sim aside span{display:flex;justify-content:space-between;gap:15px;padding-top:8px;border-top:1px solid #edf1f4;color:#74879a;font-size:9.5px}.ys1559-public-sim aside b{color:#173653}
.ys1559-public-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:26px;padding:27px 30px;border:1px solid #efd7c6;border-radius:21px;background:linear-gradient(135deg,#fff9f5,#fff);box-shadow:0 10px 30px rgba(106,61,27,.04)}.ys1559-public-cta>div{display:flex;align-items:center;gap:17px}.ys1559-public-cta>div>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#fff0e5;color:#f17f38;font-size:20px}.ys1559-public-cta small{color:#f17f38;font-size:8px;font-weight:950;letter-spacing:.1em}.ys1559-public-cta h2{margin:4px 0;color:#173653;font-size:22px;font-weight:950}.ys1559-public-cta p{margin:0;color:#718398;font-size:11px}
/* Signup code chooser */
.ys1559-code-block{border-color:#d9e6f1!important;background:linear-gradient(145deg,#fbfdff,#f6f9fc)!important}.ys1559-code-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:20px;align-items:stretch}.ys1559-code-input-wrap{position:relative}.ys1559-code-input-wrap input{padding-right:138px!important;text-transform:uppercase;letter-spacing:.04em;font-weight:900!important}.ys1559-code-status{position:absolute;right:11px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;background:#eef3f7;color:#74879a;font-size:9px;font-weight:900;white-space:nowrap}.ys1559-code-status.is-available{background:#eaf8f1;color:#17835b}.ys1559-code-status.is-taken,.ys1559-code-status.is-invalid{background:#fff0ef;color:#b34c43}.ys1559-code-status.is-checking{background:#eef4fa;color:#1d3c6f}.ys1559-code-status.is-checking svg{animation:ys1559-spin .8s linear infinite}@keyframes ys1559-spin{to{transform:rotate(360deg)}}.ys1559-code-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ys1559-preview-card{min-height:116px;display:flex;flex-direction:column;justify-content:center;padding:16px;border:1px solid #dce6ef;border-radius:15px;background:#fff}.ys1559-preview-card>span{color:#1d3c6f}.ys1559-preview-card small{margin-top:7px;color:#8998a8;font-size:7.5px;font-weight:950;letter-spacing:.09em}.ys1559-preview-card strong{margin-top:6px;color:#1d3c6f;font-size:11px;font-weight:900;overflow-wrap:anywhere}.ys1559-preview-card strong b{color:#f17f38}.ys1559-preview-card.is-coupon{position:relative;border-style:dashed;border-color:#efa676;background:#fffaf6}.ys1559-preview-card.is-coupon>span{color:#f17f38}.ys1559-preview-card.is-coupon strong{font-size:17px;letter-spacing:.035em}.ys1559-preview-card.is-coupon em{margin-top:5px;color:#be6831;font-size:8px;font-style:normal;font-weight:850}
@media(max-width:1100px){.ys1559-public-hero{grid-template-columns:1fr;padding:30px}.ys1559-public-visual{min-height:310px}.ys1559-program-strip{grid-template-columns:repeat(3,1fr)}.ys1559-program-strip article:nth-child(3){border-right:0}.ys1559-public-steps{grid-template-columns:1fr 1fr}.ys1559-code-layout{grid-template-columns:1fr}.ys1559-public-sim{grid-template-columns:1fr}}
@media(max-width:760px){.ys1559-public-hero{padding:22px 18px;border-radius:19px}.ys1559-public-copy h1{font-size:38px}.ys1559-public-actions{display:grid}.ys1559-public-actions>a{width:100%}.ys1559-public-visual{min-height:350px}.ys1559-demo.is-link{left:4%;top:16%;width:72%}.ys1559-demo-phone{right:6%;top:4%;transform:scale(.86) rotate(5deg);transform-origin:top right}.ys1559-demo.is-coupon{right:4%;bottom:9%;width:67%}.ys1559-program-strip{grid-template-columns:1fr 1fr}.ys1559-program-strip article{border-bottom:1px solid #e8eef3}.ys1559-program-strip article:nth-child(odd){border-right:1px solid #e8eef3}.ys1559-program-strip article:nth-child(even){border-right:0}.ys1559-program-strip article:last-child{grid-column:1/-1;border-bottom:0}.ys1559-public-section{padding:21px 17px}.ys1559-tool-grid,.ys1559-public-steps,.ys1559-code-preview{grid-template-columns:1fr}.ys1559-public-head h2{font-size:25px}.ys1559-public-sim{padding:22px 18px}.ys1559-public-cta{align-items:stretch;flex-direction:column;padding:22px 18px}.ys1559-public-cta>a{width:100%}.ys1559-code-input-wrap input{padding-right:14px!important}.ys1559-code-status{position:static;transform:none;margin-top:8px;width:max-content}.ys1559-code-input-wrap{display:flex;flex-direction:column}}

/* v1.15.60 — account affiliate signup aligned with the public affiliate landing page */
.ys1560-signup .ys1559-public-hero{margin-top:0}
.ys1560-signup-hero .ys1559-public-copy h1{max-width:760px}
.ys1560-live-visual .ys1559-demo strong,.ys1560-live-visual .ys1559-demo b{overflow-wrap:anywhere}
.ys1560-program-strip{margin-bottom:0}
.ys1560-tools-section .ys1559-public-head p{margin:8px 0 0;color:#718398;font-size:12px;line-height:1.6}
.ys1560-how-section{background:linear-gradient(180deg,#fff,#fbfdff)}
.ys1560-signup-sim{margin-top:26px}
.ys1560-apply-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding:25px 28px;border:1px solid #f0d5c2;border-radius:22px;background:linear-gradient(135deg,#fff8f2 0%,#fff 58%,#f6faff 100%);box-shadow:0 12px 34px rgba(25,55,88,.045)}
.ys1560-apply-banner>div{display:flex;align-items:flex-start;gap:16px;min-width:0}.ys1560-apply-banner>div>span{flex:0 0 50px;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#fff0e5;color:#f17f38;font-size:19px;box-shadow:inset 0 0 0 1px rgba(244,148,85,.16)}
.ys1560-apply-banner small{display:block;color:#f17f38;font-size:8px;font-weight:950;letter-spacing:.1em}.ys1560-apply-banner h2{margin:4px 0 5px;color:#173653;font-size:22px;font-weight:950;letter-spacing:-.025em}.ys1560-apply-banner p{margin:0;max-width:720px;color:#718398;font-size:11.5px;line-height:1.55}.ys1560-apply-banner>a{flex:0 0 auto;white-space:nowrap}
.ys1560-signup .ys1555-application{margin-top:26px}
.ys1560-signup .ys1555-application-intro{overflow:hidden;border-color:#dce6ef;background:linear-gradient(160deg,#f7fbff 0%,#fff 60%,#fff8f2 100%)}
.ys1560-signup .ys1555-application-intro:after{content:"";position:absolute;right:-54px;bottom:-56px;width:150px;height:150px;border-radius:50%;background:rgba(244,148,85,.09);pointer-events:none}
.ys1560-signup .ys1555-application-mini{position:relative;z-index:1;background:#fff;border:1px solid #e2eaf1}
.ys1560-signup .ys1555-form-block{border-color:#dce6ef;box-shadow:0 12px 34px rgba(22,52,80,.04)}
.ys1560-signup .ys1559-code-block{background:linear-gradient(145deg,#f8fbff,#fff)!important}
.ys1560-signup .ys1559-code-preview{align-self:stretch}
.ys1560-signup .ys1559-preview-card{box-shadow:0 7px 20px rgba(20,56,91,.035)}
.ys1560-signup .ys1555-submit{border:1px solid #dce6ef;border-radius:18px;background:#f8fbfd}
.ys1560-signup .ys1555-country-menu{z-index:80;box-shadow:0 18px 45px rgba(18,54,88,.16)}
.ys1560-signup .ys1555-country-search{position:sticky;top:0;z-index:2;background:#fff}
@media(max-width:1100px){.ys1560-apply-banner{align-items:stretch;flex-direction:column}.ys1560-apply-banner>a{width:max-content}}
@media(max-width:760px){.ys1560-apply-banner{padding:20px 17px;border-radius:18px}.ys1560-apply-banner>div>span{width:44px;height:44px;flex-basis:44px}.ys1560-apply-banner h2{font-size:19px}.ys1560-apply-banner>a{width:100%}.ys1560-signup .ys1555-application{margin-top:20px}}

/* Affiliate payout/application status presentation */
/* YallaSIM v1.15.62 — Affiliate application state flow
   Scoped to ys1562-* only. Does not modify global/navbar styles. */

.ys1562-payout-step{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:32px;align-items:start;margin-top:26px;padding:42px;border:1px solid rgba(29,60,111,.10);border-radius:30px;background:linear-gradient(135deg,#f7faff 0%,#fff 54%,#fff8f3 100%);box-shadow:0 22px 60px rgba(29,60,111,.08);overflow:hidden;position:relative}
.ys1562-payout-step:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-120px;background:rgba(244,148,85,.10);pointer-events:none}
.ys1562-payout-step:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:-110px;bottom:-130px;background:rgba(29,60,111,.07);pointer-events:none}
.ys1562-payout-copy,.ys1562-payout-card{position:relative;z-index:1}
.ys1562-payout-copy h1{max-width:680px;margin:16px 0 14px;font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.035em;color:#1d3c6f}
.ys1562-payout-copy>p{max-width:670px;margin:0 0 26px;font-size:17px;line-height:1.65;color:#58677d}
.ys1562-step-count{display:flex;align-items:center;gap:8px;margin-top:18px}
.ys1562-step-count span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:13px;font-weight:800;background:#eef2f8;color:#8793a5;border:1px solid #e1e7f0}
.ys1562-step-count span.is-done{background:#e9f6ef;color:#25865b;border-color:#cce8d9}
.ys1562-step-count span.is-current{background:#1d3c6f;color:#fff;border-color:#1d3c6f;box-shadow:0 8px 20px rgba(29,60,111,.20)}
.ys1562-code-preview{display:flex;align-items:center;gap:14px;padding:17px 18px;margin:26px 0 22px;border-radius:18px;border:1px solid rgba(244,148,85,.24);background:#fff8f3}
.ys1562-code-preview>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:#f49455;color:#fff;font-size:18px}
.ys1562-code-preview small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#8a6a54}
.ys1562-code-preview strong{display:block;margin-top:2px;font-size:20px;letter-spacing:.04em;color:#1d3c6f;word-break:break-all}
.ys1562-trust-list{list-style:none;padding:0;margin:0;display:grid;gap:11px;color:#5a687b;font-size:14px}
.ys1562-trust-list li{display:flex;gap:10px;align-items:flex-start}
.ys1562-trust-list li i{color:#1d3c6f;margin-top:3px;width:16px;text-align:center}

.ys1562-payout-card{background:#fff;border:1px solid #e6ebf2;border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(29,60,111,.09)}
.ys1562-payout-card-head{display:flex;gap:14px;align-items:center;margin-bottom:22px}
.ys1562-payout-card-head>span{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:#eef3fb;color:#1d3c6f;font-size:20px}
.ys1562-payout-card-head small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#7b8798}
.ys1562-payout-card-head h2{margin:2px 0 0;font-size:22px;line-height:1.2;color:#1d3c6f}
.ys1562-payout-form{gap:15px}
.ys1562-payout-form label{width:100%}
.ys1562-payout-form input,.ys1562-payout-form select,.ys1562-payout-form textarea{width:100%}
.ys1562-submit{width:100%;justify-content:center;margin-top:6px;min-height:50px}
.ys1562-payout-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #edf0f4}
.ys1562-payout-summary div{padding:12px 14px;border-radius:14px;background:#f8fafc}
.ys1562-payout-summary span{display:block;font-size:11px;font-weight:700;color:#7d8999;text-transform:uppercase;letter-spacing:.04em}
.ys1562-payout-summary strong{display:block;margin-top:3px;font-size:17px;color:#1d3c6f}

.ys1562-status-card{margin:28px 0 0;text-align:center;padding:48px 50px;border:1px solid #e5eaf1;border-radius:30px;background:#fff;box-shadow:0 22px 60px rgba(29,60,111,.09);position:relative;overflow:hidden}
.ys1562-status-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:#1d3c6f}
.ys1562-status-card.is-review:before{background:linear-gradient(90deg,#1d3c6f,#f49455)}
.ys1562-status-card.is-rejected:before{background:#c94f4f}
.ys1562-status-card.is-suspended:before{background:#df8b3f}
.ys1562-status-icon{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 20px;border-radius:24px;background:#edf3fb;color:#1d3c6f;font-size:31px;box-shadow:inset 0 0 0 1px rgba(29,60,111,.08)}
.ys1562-status-card.is-rejected .ys1562-status-icon{background:#fff0f0;color:#ba4444}
.ys1562-status-card.is-suspended .ys1562-status-icon{background:#fff5e9;color:#c9782e}
.ys1562-status-card h1{max-width:720px;margin:14px auto 14px;font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.035em;color:#1d3c6f}
.ys1562-status-card>p{max-width:730px;margin:0 auto 18px;font-size:17px;line-height:1.65;color:#5c6a7e}
.ys1562-status-pill{display:inline-flex;align-items:center;gap:8px;margin:4px auto 28px;padding:9px 14px;border-radius:999px;background:#eef3fb;color:#1d3c6f;font-size:13px;font-weight:800}
.ys1562-status-card.is-rejected .ys1562-status-pill{background:#fff0f0;color:#aa3e3e}
.ys1562-status-card.is-suspended .ys1562-status-pill{background:#fff4e7;color:#b66724}
.ys1562-status-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:2px 0 28px}
.ys1562-status-meta article{padding:16px 14px;border-radius:16px;background:#f8fafc;border:1px solid #edf0f4;text-align:left}
.ys1562-status-meta small{display:block;font-size:10px;letter-spacing:.07em;font-weight:800;color:#8792a1}
.ys1562-status-meta strong{display:block;margin-top:4px;font-size:16px;color:#1d3c6f;word-break:break-word}

.ys1562-review-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 28px;text-align:left}
.ys1562-review-steps article{position:relative;padding:16px 12px 14px;border:1px solid #e8edf3;border-radius:16px;background:#fafbfd;min-height:116px}
.ys1562-review-steps article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#eef1f5;color:#8a95a5;margin-bottom:12px}
.ys1562-review-steps article.is-done>span{background:#e9f6ef;color:#21835a}
.ys1562-review-steps article.is-current{border-color:rgba(244,148,85,.42);background:#fff8f3;box-shadow:0 8px 24px rgba(244,148,85,.10)}
.ys1562-review-steps article.is-current>span{background:#f49455;color:#fff}
.ys1562-review-steps strong{display:block;font-size:13px;line-height:1.25;color:#263b5b}
.ys1562-review-steps small{display:block;margin-top:5px;font-size:12px;color:#8590a0}
.ys1562-review-note{display:flex;align-items:flex-start;gap:12px;text-align:left;margin-top:24px;padding:16px 18px;border-radius:16px;background:#f1f6fd;color:#405570;font-size:14px;line-height:1.5}
.ys1562-review-note i{color:#1d3c6f;margin-top:3px}
.ys1562-status-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:4px}

@media (max-width:991px){
  .ys1562-payout-step{grid-template-columns:1fr;padding:30px}
  .ys1562-payout-card{max-width:none}
  .ys1562-review-steps{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .ys1562-payout-step{margin-top:18px;padding:24px 18px;border-radius:22px;gap:24px}
  .ys1562-payout-copy h1{font-size:36px}
  .ys1562-payout-copy>p{font-size:15px}
  .ys1562-payout-card{padding:20px;border-radius:20px}
  .ys1562-payout-summary{grid-template-columns:1fr}
  .ys1562-status-card{margin-top:18px;padding:36px 18px 28px;border-radius:22px}
  .ys1562-status-card h1{font-size:34px}
  .ys1562-status-card>p{font-size:15px}
  .ys1562-status-meta{grid-template-columns:1fr}
  .ys1562-status-meta article{text-align:center}
  .ys1562-review-steps{grid-template-columns:1fr}
  .ys1562-review-steps article{min-height:0;display:grid;grid-template-columns:40px 1fr;align-items:center;column-gap:10px}
  .ys1562-review-steps article>span{margin:0}
  .ys1562-status-actions{display:grid;grid-template-columns:1fr}
  .ys1562-status-actions a{justify-content:center}
}

/* Shared customer-area canvas — must remain last */
/* Canonical YallaSIM customer-area geometry.
   Overview, My eSIMs, Orders, Affiliate, Support and Profile share the exact
   same page canvas and account-bar geometry. Keep all customer-area sizing
   here; do not create new versioned width override files. */

:root{
  --ys-account-gutter:clamp(16px,2.5vw,48px);
  --ys-account-page-top:28px;
  --ys-account-page-bottom:84px;
  --ys-account-bar-gap:30px;
  --ys-account-panel-gap:22px;
  --ys-account-panel-padding:25px;
  --ys-account-panel-radius:20px;
}

/* One page canvas. Legacy Support/Profile classes are now aliases, not
   independent layout systems. */
.ys1532-page,
.ys1478-support-page.ys1532-page,
.ys-account-profile-page.ys1532-page{
  width:100% !important;
  max-width:none !important;
  min-height:calc(100vh - 82px) !important;
  margin:0 !important;
  padding:var(--ys-account-page-top) 0 var(--ys-account-page-bottom) !important;
  background:#f5f8fb !important;
  box-sizing:border-box !important;
}

/* This is the ONLY horizontal customer-area container. Using !important here
   neutralizes Bootstrap .container plus historical Support/Affiliate caps. */
.ys1532-page > .ys1532-shell,
.ys1532-shell.ys1478-support-shell,
.ys1532-shell.ys1550-affiliate-shell,
.ys1532-shell.ys1562-affiliate-state-shell,
.ys-account-profile-page > .container.ys1532-shell{
  --bs-gutter-x:0;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 var(--ys-account-gutter) !important;
  box-sizing:border-box !important;
}

/* Historical affiliate wrappers must never re-introduce an inner cap/gutter. */
.ys1532-shell.ys1550-affiliate-shell,
.ys1532-shell.ys1550-affiliate-shell.ys1560-signup,
.ys1532-shell.ys1562-affiliate-state-shell{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Identical account bar footprint on every tab. */
.ys1532-shell > .ys1532-accountbar{
  width:100% !important;
  max-width:none !important;
  min-height:64px !important;
  margin:0 0 var(--ys-account-bar-gap) !important;
  padding:10px 12px !important;
  border-radius:18px !important;
  box-sizing:border-box !important;
}
.ys1532-accountbar-user{min-height:42px !important;padding:2px 7px !important;box-sizing:border-box}
.ys1532-accountbar-user>span{width:38px !important;height:38px !important;flex:0 0 38px !important}
.ys1532-accountbar-links a,.ys1532-accountbar-actions .ys1532-buy{min-height:42px !important}
.ys1532-accountbar-actions button{width:42px !important;height:42px !important;flex:0 0 42px !important}

/* Every first-level content block consumes the same usable width. */
.ys1532-shell > :not(.ys1532-accountbar){
  max-width:none;
  box-sizing:border-box;
}
.ys1532-shell > header,
.ys1532-shell > section,
.ys1532-shell > .ys1532-dashboard-grid,
.ys1532-shell > .ys1532-metrics,
.ys1532-shell > .ys1550-affiliate-grid,
.ys1532-shell > .ys1550-affiliate-stats,
.ys1532-shell > .ys1556-share-tools,
.ys1532-shell > .ys1562-payout-step,
.ys1532-shell > .ys1562-status-card,
.ys-account-profile-page .ys-account-profile-head,
.ys-account-profile-page .ys-account-profile-grid,
.ys1478-support-shell > .ys1478-support-header,
.ys1478-support-shell > .ys1478-support-summary,
.ys1478-support-shell > .ys1478-ticket-section{
  width:100% !important;
  max-width:none !important;
}

/* Same title rhythm after account bar. */
.ys1532-hero,
.ys1532-pagehead,
.ys1478-support-header,
.ys-account-profile-head,
.ys1550-affiliate-head{
  margin-top:0 !important;
  margin-bottom:26px !important;
}
.ys-account-profile-page .container > .crumb,
.ys1478-support-header .crumb{display:none !important}
.ys-account-profile-head{padding-bottom:0 !important;border-bottom:0 !important;align-items:flex-end !important}

.ys1478-support-header>div:first-child,
.ys-account-profile-head>div:first-child,
.ys1550-affiliate-head>div:first-child{max-width:790px}
.ys1478-support-header h1,
.ys-account-profile-head h1,
.ys1550-affiliate-head h1{
  margin:7px 0 8px !important;
  color:#0e2d4d;
  font-size:clamp(36px,3.2vw,48px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:950 !important;
}
.ys1478-support-header p,
.ys-account-profile-head p,
.ys1550-affiliate-head p{
  margin:0 !important;
  color:#657a8e;
  font-size:15px !important;
  line-height:1.65 !important;
}

/* Same first-level card geometry where sections are conventional account
   panels. Affiliate marketing blocks keep their intentional illustration. */
.ys1478-ticket-section,
.ys-account-profile-card,
.ys1550-panel{
  padding:var(--ys-account-panel-padding) !important;
  border-radius:var(--ys-account-panel-radius) !important;
  box-sizing:border-box !important;
}
.ys-account-profile-grid,
.ys1550-affiliate-grid{gap:var(--ys-account-panel-gap) !important}
.ys1550-affiliate-grid,.ys1550-affiliate-stats,.ys1556-share-tools{margin-bottom:var(--ys-account-panel-gap) !important}
.ys1550-panel{margin-bottom:var(--ys-account-panel-gap) !important}

/* Overview metrics, Support summary and Affiliate metrics now share the same
   vertical card footprint. */
.ys1478-support-summary{gap:14px !important;margin-bottom:var(--ys-account-panel-gap) !important}
.ys1478-support-summary article,
.ys1550-affiliate-stats article{
  min-height:118px !important;
  padding:19px !important;
  border-radius:18px !important;
  box-sizing:border-box !important;
}
.ys1478-support-summary article>span{width:50px !important;height:50px !important;border-radius:14px !important}

/* Payout / review / rejected / suspended are account content, not modal-like
   narrow pages. */
.ys1562-payout-step,
.ys1562-status-card{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

@media(max-width:760px){
  :root{
    --ys-account-gutter:16px;
    --ys-account-page-top:18px;
    --ys-account-page-bottom:58px;
    --ys-account-bar-gap:22px;
    --ys-account-panel-padding:18px;
  }
  .ys1532-shell > .ys1532-accountbar{
    min-height:54px !important;
    padding:7px !important;
    border-radius:15px !important;
  }
  .ys1532-accountbar-user{min-height:38px !important;padding:0 !important}
  .ys1532-accountbar-user>span{width:38px !important;height:38px !important;flex-basis:38px !important}
  .ys1532-accountbar-links a{min-height:38px !important}
  .ys1532-accountbar-actions button{width:38px !important;height:38px !important;flex-basis:38px !important}
  .ys1532-hero,.ys1532-pagehead,.ys1478-support-header,.ys-account-profile-head,.ys1550-affiliate-head{margin-bottom:22px !important}
  .ys1478-support-header h1,.ys-account-profile-head h1,.ys1550-affiliate-head h1{font-size:37px !important}
  .ys1478-support-header p,.ys-account-profile-head p,.ys1550-affiliate-head p{font-size:14px !important}
  .ys1478-ticket-section,.ys-account-profile-card,.ys1550-panel{border-radius:17px !important}
  .ys1478-support-summary{gap:10px !important;margin-bottom:20px !important}
  .ys1478-support-summary article,.ys1550-affiliate-stats article{min-height:0 !important;padding:15px !important}
}