/* Warm sunset scenery with readable functional surfaces; no greeting or sample data. */
:root,:root[data-theme=dark],:root[data-theme=light]{--bg:#190e17;--bg2:#4a211b;--fg:#fff4ec;--muted:#d4b8ae;--soft:#9f817e;--card:#30191be8;--line:#ffbc8045;--edge:#ffb27655;--edge2:#fff3d522;--glass:#482119b8;--glass2:#29141ad9;--ice:#ffce92;--iceSoft:#ffaf4c20;--silver1:#fff1d5;--silver2:#f9c79c;--silverInk:#451e13;--cyan:#ffc075;--cyan2:#ff9751;--glow:#ff883c33;--ok:#71e7a4;--warn:#ffd166;--bad:#f39a9b;--track:#fff1d51c;--g1:#5b2a20b3;--g2:#2c141bdd;--rim:#ffb87955;--sheen2:#fff1d522;color-scheme:dark}
body{margin:0;background:radial-gradient(ellipse at 70% 0,#77351d66,transparent 50%),#190e17;color:var(--fg)}
.bgart{height:100vh;height:100svh;max-width:600px;background:linear-gradient(180deg,#120c1720 0%,#170c1730 34%,#190e17c9 72%,#190e17 100%),url('miniapp-sunset-v1.jpg') center top/cover no-repeat;-webkit-mask-image:none;mask-image:none;opacity:1;transition:opacity .2s}
.bgart.dim{opacity:.26}.app{gap:14px}.bar{position:relative;z-index:2}.iconbtn{background:#48261cbf;border-color:#ffb97855;box-shadow:inset 0 1px #ffdfad33}.iconbtn .badge{background:#ffd28e;box-shadow:0 0 9px #ff9b46}
.herospace.sunset-brand{height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin-top:-30px;pointer-events:none}.sunset-brand img{display:block;width:154px;height:86px;object-fit:contain;filter:drop-shadow(0 4px 12px #130710bb) drop-shadow(0 0 20px #ffe0b126)}.sunset-brand b{font-family:Arial,sans-serif;font-size:22px;letter-spacing:7px;font-weight:700;text-shadow:0 3px 9px #100611cc;color:#fff4df;margin-left:7px;line-height:1.2}
.glass{background:linear-gradient(145deg,#4b241ed9,#27131ce8);border-color:var(--line);box-shadow:inset 0 1px #ffe2c91f,0 9px 24px #11060b55;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body[data-page=home] .wallet{background:radial-gradient(ellipse at 0 0,#ffb72e33,transparent 70%),linear-gradient(130deg,#70341cbf,#281019ed);border:1px solid #ffb43c99;border-radius:24px;box-shadow:inset 0 1px #ffefb447,0 0 24px #ff871320,0 14px 30px #10020c55;padding:19px}
.wallet .k{color:#f7d7bc}.wallet .v{color:#fff6e7;font-size:1.7rem}.wicon{background:linear-gradient(145deg,#ffeaba,#d28d43);box-shadow:inset 0 1px #fff2d7,0 6px 12px #18090d44}.wicon:after{background:#f2c880;box-shadow:inset 0 0 0 2px #a86b30}
.pill{background:linear-gradient(160deg,#fff0ce,#f6c59a);color:#532419;border:1px solid #ffedc466;box-shadow:inset 0 1px #fff7e688,0 4px 14px #17060c44}.pill:after{display:none}.pill.dark,.pill.ghost{background:#461c1c66;border:1px solid #ffc59644;color:#ffe2c8;box-shadow:none}.pill.dark{background:linear-gradient(120deg,#af481d55,#7e281f55);color:#ffce99}
.cta{background:linear-gradient(105deg,#ff9800,#ff5d21 55%,#f54156);color:#fff9ee;border:1px solid #ffcc76aa;box-shadow:inset 0 1px #ffecbb66,0 6px 22px #ff6b2225;border-radius:18px}.cta:after{display:none}.cta .ic{color:inherit}
.stats{gap:10px}.stats .tile{background:linear-gradient(140deg,#fffdfa,#fff0e5);border:1px solid #fff1dc;color:#3b1921;border-radius:20px;box-shadow:0 7px 20px #21070d33;padding:16px 5px 14px}.stats .tile .ic{color:#ef5e25;width:26px;height:26px;background:#ffb45025;border-radius:10px;padding:3px;box-sizing:content-box}.stats .tile:nth-child(2) .ic{color:#bc7412;background:#ffdf8b66}.stats .tile:nth-child(3) .ic{color:#dd3756;background:#ffd0d766}.stats .tile:nth-child(4) .ic{color:#1f9d55;background:#bdf0cf66}.stats .tile b{font-size:1.7rem;color:#451d23}.stats .tile small{font-size:.7rem;color:#795755}.stats .tile:active{background:#ffe2c9}
.sech button{color:#ffce92}.sec .lrow{border-color:#ffcbac1f}.ptitle small,.field>span,.search .ic{color:var(--muted)}.search{background:#29151aee;border:1px solid #ffb77d66}.search input::placeholder{color:#c3a59f}.filters button{color:#ffe9d9;background:#2f181bee;border-color:#bb815a99}.filters button[aria-pressed=true]{background:linear-gradient(125deg,#bc571e,#8b302a);border-color:#ffcd92;color:#fff7eb;box-shadow:none}.cust{background:linear-gradient(145deg,#3c1c1fe8,#25141be8)}.cust .nm{color:#fff0df}.cust .mt{color:#d9b9ad}.cust.off{opacity:.82}.offtag{color:#ffabad}.sw{background:#79616b}.sw[aria-checked=true]{background:#3fbf83}
.tabs{background:linear-gradient(150deg,#3c1d20f5,#21121cf7);border-color:#e9a56c55;box-shadow:inset 0 1px #ffe6c426,0 9px 26px #14040a66;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tabs button{color:#ceaaa0}.tabs button[aria-selected=true]{background:linear-gradient(140deg,#ffb9582e,#ff6c4322);border:1px solid #ffc68c44;color:#ffd3a3;box-shadow:inset 0 1px #ffe3bb22}.tabs button[aria-selected=true] .ic{color:#ffca87;filter:drop-shadow(0 0 5px #ff9f4855)}
.sheet,.sheet:has(.delivery),.sheet:has(.send-content){background:linear-gradient(165deg,#45201afc,#20111bfc);border-color:#f6b16b66}.sheetx{background:#69352788;border-color:#fbc79177}.toast{background:#fff0da;color:#58291e;border-color:#ffd7a2}.plan,.kind,.amts button,.field input,.field textarea,.field select{border-color:#dca46a55}.kind[aria-pressed=true],.plan[aria-pressed=true]{background:#a64b1f29;border-color:#ffc485}.amts button[aria-pressed=true]{background:#a64b1f29;color:#ffd49c;border-color:#ffc485}.lrow{border-color:#ffc69326}
.soft-service,.ice-service{background:radial-gradient(ellipse at 90% 0,#e889342d,transparent 60%),linear-gradient(145deg,#57301f,#2c151b 75%);border-color:#edb46a99;box-shadow:inset 0 1px #ffe6b633,0 9px 24px #10050966}.soft-service .ice-protocol,.ice-service .ice-protocol{background:#2a151b8c;color:#ffd19e;border-color:#f1ba7f55}.soft-service .eyebrow,.ice-service .eyebrow{color:#dbbbaa}.soft-service .name-row{background:linear-gradient(110deg,#813b1a33,#391b1c77);border-color:#ffc37f38}.soft-service .new-name,.ice-service .new-name{color:#fff2de}.soft-service .big-amount strong,.ice-service .big-amount strong{color:#fff1d3;text-shadow:0 0 20px #ffb14133}.soft-service .big-amount span,.ice-service .big-amount span{color:#f7d5ac}.soft-service .usage-note,.ice-service .usage-note{color:#cdae9e}.soft-service .usage-track,.ice-service .usage-track{background:#170c15;border-color:#cd8c4b66}.soft-service .usage-track i,.ice-service .usage-track i{background:linear-gradient(90deg,#ffc32b,#ff8a11,#ff5733);box-shadow:none}.soft-service .bottom-stats>div,.soft-service .bottom-stats>div+div{background:linear-gradient(135deg,#ac552533,#5b272333);border-color:#dfa85d44}.soft-service .bottom-stats b,.ice-service .bottom-stats b{color:#fff0d7}.soft-service .bottom-stats span,.ice-service .bottom-stats span,.soft-service .bottom-stats small{color:#d9b6a0}.quota-hint{background:#52221f88;border-color:#d99b5a66;color:#ffe3c2}.ice-actions .svc-btn.conn{background:linear-gradient(130deg,#b75822,#8e3026);border-color:#ffd0a15c}.ice-actions.quota-ended .renew{background:linear-gradient(110deg,#ff9a00,#f54c33);border-color:#ffcf90}.ice-actions.quota-ended .conn{background:#382024;border-color:#b88561}
.send-status-btn{background:radial-gradient(circle at 50% 0,#ffae4944,transparent),#3c211d;border-color:#ffd39b66;color:#ffdda9}.send-status-btn small{color:#ddb496}.send-logo{background:#462323;border-color:#ffc48d44}.send-os-btn.ios{color:#ffd6a7;border-color:#f6b66366}.send-os-btn.android{color:#a2efc4;border-color:#57dc9766}.send-os-btn.android .ic{color:#a2efc4}.delivery-service{background:linear-gradient(145deg,#542820dd,#2b151aee);border-color:#df995e}.delivery-chip{background:#40211d;color:#fff0d7;border-color:#f7c18b}.delivery .delivery-send{background:linear-gradient(110deg,#c16a25,#a63c29);border-color:#edbd89;color:#fff6e5}.delivery-brand b{background:linear-gradient(#fff3df,#dab993,#fff0da);background-clip:text;-webkit-background-clip:text;color:transparent}
@media(max-width:350px){.herospace.sunset-brand{height:133px}.sunset-brand img{width:135px;height:75px}.sunset-brand b{font-size:20px}.stats .tile small{font-size:.64rem}.stats .tile b{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.bgart{transition:none}}
.ice-actions .svc-btn.renew{background:linear-gradient(120deg,#673221,#3c1d22);border-color:#c78f5b66;color:#ffe5c8}.ice-actions .svc-btn.renew .ic{color:#ffd39c}.ice-actions.quota-ended .renew{background:linear-gradient(110deg,#ff9a00,#f54c33);border-color:#ffcf90;color:white}
/* Closed sheets must not paint or receive focus below the viewport. */
.sheet:not(.open){visibility:hidden;pointer-events:none}.sheet.open{visibility:visible;pointer-events:auto}
/* Owner's sunset reference: circular credit, light quota cards and subscription details. */
.sunset-service{display:grid;gap:13px;min-width:0}.sunset-card-brand{display:flex;align-items:center;justify-content:center;gap:9px;direction:ltr;padding:3px 0 6px}.sunset-card-brand img{width:70px;height:40px;object-fit:contain}.sunset-card-brand>b{font:700 18px Arial;letter-spacing:3px;color:#fff1d7}.sunset-card-brand>span{margin-left:auto;font:11px Arial;color:#ffd9b1;border:1px solid #ffc98744;border-radius:9px;padding:6px 8px;background:#2f171ae6}
.sunset-summary{display:flex;align-items:center;gap:13px;padding:17px 13px;border:1px solid #ffa62b;border-radius:22px;background:radial-gradient(ellipse at 95% 5%,#f284193b,transparent 75%),linear-gradient(115deg,#6b301ace,#31151bf0);box-shadow:inset 0 1px #ffeeb733,0 0 20px #ff8f141a;min-width:0}.sunset-orbit{width:145px;flex:0 0 145px;aspect-ratio:1;position:relative;display:grid;place-items:center}.sunset-orbit>svg{position:absolute;inset:0;transform:rotate(-78deg);width:100%;height:100%;overflow:visible}.ring-track{fill:#251218a1;stroke:#b76a285c;stroke-width:16}.ring-fill{fill:none;stroke:url(#sunsetRing);stroke-width:16;stroke-dasharray:456 535;stroke-linecap:round;filter:drop-shadow(0 0 5px #ffae2c77)}.sunset-day{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1.2;gap:3px}.sunset-day .sunset-crown{width:25px;height:21px;fill:#ffe87a;stroke:none;filter:drop-shadow(0 0 6px #ffc72b88);margin-bottom:2px}.sunset-day strong{font:700 38px/1.2 var(--font);color:#fff6e8}.sunset-day>span{font-size:12px;font-weight:700}.sunset-day>small{font-size:9px;color:#ead5bf;margin-top:2px}.sunset-summary-info{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.sunset-summary-info .service-status{align-self:flex-start;white-space:nowrap;font-size:11px!important;padding:5px 9px!important;margin-top:0!important;margin-bottom:6px}.sunset-username{font:700 12px var(--font);color:#ffeacb;overflow-wrap:anywhere;margin:3px 1px 8px}.sunset-summary-info dl{margin:0}.sunset-summary-info dl>div{display:flex;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid #ffb76533;padding:8px 0}.sunset-summary-info dl>div:last-child{border:0}.sunset-summary-info dt{display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap;color:#f4d8bc}.sunset-summary-info dt .ic{width:17px;height:17px;color:#f9cf9f}.sunset-summary-info dd{margin:0;font-size:10px;text-align:left;max-width:48%;line-height:1.6;color:#fff2de;font-variant-numeric:tabular-nums}
.sunset-metrics{display:grid;grid-template-columns:1fr 1fr;gap:11px;direction:ltr}.sunset-metrics article{direction:rtl;background:linear-gradient(135deg,#fffdf7,#fff1e5);border:1px solid #fff2e3;border-radius:20px;padding:15px 13px;color:#331c26;min-width:0}.sunset-metrics article.sunset-used{background:linear-gradient(140deg,#fffdfc,#ffeced)}.sunset-metrics h3{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:13px;margin:0;font-weight:700;white-space:nowrap}.sunset-metrics h3>span{display:grid;place-items:center;background:#ffe4b7;width:30px;height:30px;border-radius:50%;color:#f38512;order:1;flex:none}.sunset-used h3>span{color:#ff435b;background:#ffdae1}.sunset-metrics h3 .ic{width:19px;height:19px}.sunset-value{font:700 28px/1.4 var(--font);text-align:center;white-space:nowrap;margin:18px 0 14px;color:#371d27;letter-spacing:-.6px}.sunset-value small{font:700 18px Arial}.sunset-meter{height:11px;border-radius:15px;background:#f6d8be;overflow:hidden;direction:ltr}.sunset-meter i{display:block;height:100%;border-radius:15px;background:linear-gradient(90deg,#ff484d,#ff9e12);max-width:100%}.sunset-volume-note{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:#8e6151;margin-top:10px}.sunset-volume-note b{font-size:12px;color:#6f3428}.sunset-decoration{display:flex;align-items:flex-end;gap:5px;height:24px;opacity:.7;direction:ltr}.sunset-decoration i{display:block;flex:1;height:40%;border-radius:4px 4px 0 0;background:linear-gradient(#ff384e,#ffad9b55)}.sunset-decoration i:nth-child(2n){height:90%}.sunset-decoration i:nth-child(3n){height:65%}.sunset-used p{font-size:9px;color:#9e5e60;margin:7px 0 0;text-align:left}
.sunset-details{background:linear-gradient(145deg,#fffcf8,#fff3ea);color:#49242a;border:1px solid #fff3e8;border-radius:20px;padding:13px}.sunset-details h3{display:flex;align-items:center;gap:7px;font-size:15px;margin:0 0 11px}.sunset-details h3 .ic{color:#f87e35}.sunset-details>div{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #d7a98f3f;background:#ffffff77;border-radius:11px;padding:10px 11px;margin-top:7px;min-height:41px}.sunset-details>div>span{font-size:11px;color:#855b52}.sunset-details>div>b{font-size:11px;max-width:57%;text-align:left;font-variant-numeric:tabular-nums}.sunset-details>small{display:block;font-size:8px;color:#a27d6f;margin-top:8px;line-height:1.8}.sunset-refresh{display:flex;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:15px;min-height:52px}.sunset-service .quota-hint{margin-top:0}.sunset-refresh:disabled{opacity:.55;cursor:wait}.sunset-service+.ice-actions{margin-top:0}
@media(max-width:350px){.sunset-summary{padding:13px 10px;gap:9px}.sunset-orbit{width:120px;flex-basis:120px}.sunset-day strong{font-size:32px}.sunset-day>small{font-size:8px}.sunset-summary-info dt{font-size:9px;gap:3px}.sunset-summary-info dt .ic{display:none}.sunset-summary-info dd{font-size:9px}.sunset-summary-info .service-status{font-size:10px!important}.sunset-metrics article{padding:12px 10px}.sunset-metrics h3{font-size:11px}.sunset-metrics h3>span{width:26px;height:26px}.sunset-value{font-size:24px}.sunset-value small{font-size:16px}.sunset-details>div>span,.sunset-details>div>b{font-size:10px}}
/* کارت سرویس: حلقه‌ی نازک‌تر مرجانی، متن مرتب‌تر */
.ring-track{stroke-width:9;stroke:#ff8a6b2e}.ring-fill{stroke-width:9;filter:drop-shadow(0 0 4px #ff6b6b55)}
.sunset-summary{border-color:#ff8a6b99}
.sunset-day{gap:2px}.sunset-day strong{font-size:42px;line-height:1.1}.sunset-day>span{font-size:13px;color:#ffe4d6}.sunset-day>small{font-size:10px;color:#e8cbbd}
.sunset-summary-info{direction:rtl;text-align:right}
.sunset-summary-info .service-status{align-self:flex-start;margin-inline:0!important}
.sunset-username{display:block;font-size:15px;text-align:right;unicode-bidi:plaintext;margin:4px 2px 6px}
.sunset-summary-info dl>div{padding:9px 0;gap:8px}
.sunset-summary-info dt{font-size:11.5px;gap:6px;color:#f2d6c6}
.sunset-summary-info dt .ic{width:16px;height:16px;flex:none}
.sunset-summary-info dd{font-size:11.5px;font-weight:600;unicode-bidi:plaintext;white-space:nowrap;color:#fff4ea}
@media(max-width:350px){.sunset-username{font-size:13px}.sunset-summary-info dt{font-size:10px}.sunset-summary-info dd{font-size:10.5px}.sunset-day strong{font-size:34px}}