@font-face{font-family:Peyda;src:url(assets/peyda-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Peyda;src:url(assets/peyda-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Peyda;src:url(assets/peyda-Black.woff2) format("woff2");font-weight:900;font-display:swap}
:root{
  --bg:#f4f2ff; --surface:#fff; --ink:#14162b; --mut:#6b6e8a; --line:#e7e5f5; --indigo:#5b4cf5; --violet:#9a5cf6;
  --coral:#ff7a59; --mint:#16a37a; --gold:#f5b83d; --err:#e0445b; --r:24px;
  --sat:env(safe-area-inset-top); --sab:env(safe-area-inset-bottom);
  --shadow:0 10px 30px -12px rgba(60,40,160,.25);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{font-family:Peyda,Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-user-select:none;user-select:none}
input,textarea,select,[contenteditable]{-webkit-user-select:text;user-select:text}
button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
svg.i{width:24px;height:24px;fill:currentColor;flex:none}
[hidden]{display:none!important}
.fa{font-feature-settings:"ss01"}
#splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;align-content:center;gap:10px;background:radial-gradient(circle at 50% 45%,#2a1a55,#0a0816 70%);color:#fff;font-size:22px;transition:opacity .4s}
#splash img{width:120px;animation:pop 1.2s ease-in-out infinite alternate}
#splash.out{opacity:0;pointer-events:none}
@keyframes pop{to{transform:scale(1.06) rotate(-3deg)}}

/* پس‌زمینه متحرک ملایم (مثل اپ) */
.blobs{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.blobs i{position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(60px);opacity:.5;animation:drift 26s ease-in-out infinite alternate}
.blobs i:nth-child(1){background:#d9d2ff;top:-30vmax;right:-20vmax}
.blobs i:nth-child(2){background:#ffd9ec;bottom:-35vmax;left:-25vmax;animation-delay:-9s}
.blobs i:nth-child(3){background:#d2f1ff;top:30vh;left:30vw;width:40vmax;height:40vmax;animation-delay:-17s}
@keyframes drift{50%{transform:translate(5vmax,4vmax) scale(1.08)}100%{transform:translate(-4vmax,-3vmax) scale(.95)}}

/* ============ اجزای مشترک ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 22px;border-radius:18px;font-weight:700;font-size:15.5px;transition:transform .15s,box-shadow .2s,opacity .2s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn.p{background:linear-gradient(120deg,var(--indigo),var(--violet));color:#fff;box-shadow:0 10px 24px -8px rgba(91,76,245,.6)}
.btn.s{background:#eeebff;color:var(--indigo)}
.btn.w{width:100%}
.btn.sm{height:40px;padding:0 14px;font-size:13.5px;border-radius:14px}
.btn[disabled]{opacity:.5;pointer-events:none}
.card{background:var(--surface);border-radius:var(--r);padding:18px;box-shadow:0 1px 0 var(--line),var(--shadow)}
.card h3{font-size:15.5px;margin-bottom:10px}
.muted{color:var(--mut);font-size:13px}
.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:700;background:#eeebff;color:var(--indigo)}
.pill.ok{background:#e3f6ef;color:var(--mint)} .pill.err{background:#fde8ec;color:var(--err)} .pill.gold{background:#fff3da;color:#b07800}
.field{display:block;margin-bottom:12px}
.field>span{display:block;font-size:13px;color:var(--mut);margin-bottom:5px}
.input,select.input,textarea.input{width:100%;height:50px;border-radius:16px;border:1.5px solid var(--line);background:#fff;padding:0 14px;font:inherit;font-size:15px;color:var(--ink);outline:none;transition:border-color .2s}
textarea.input{height:auto;min-height:120px;padding:12px 14px;line-height:1.9;resize:vertical}
.input:focus{border-color:var(--indigo)}
.input.ltr{direction:ltr;text-align:left}
.seg{display:flex;gap:4px;background:#eceaf8;padding:4px;border-radius:16px}
.seg button{flex:1;height:40px;border-radius:12px;font-size:13.5px;color:var(--mut);font-weight:700}
.seg button.on{background:#fff;color:var(--indigo);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.row{display:flex;gap:10px;align-items:center}
.col{display:flex;flex-direction:column;gap:12px}
.grow{flex:1}
.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:170px;border:2px dashed #cfc8ff;border-radius:22px;background:#f8f7ff;color:var(--indigo);text-align:center;padding:18px;cursor:pointer;transition:.2s}
.drop.over{background:#eeebff;border-color:var(--indigo)}
.drop b{font-size:16px}
.files{display:grid;gap:8px;margin-top:12px}
.file{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#f6f5fc}
.file .n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;direction:ltr;text-align:right}
.file button{color:var(--err)}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-top:12px}
.thumb{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#eee}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb button{position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:15px;line-height:1}
.thumb i{position:absolute;bottom:4px;right:6px;color:#fff;font-style:normal;font-size:12px;text-shadow:0 1px 3px #000}
.progress{height:10px;border-radius:9px;background:#eceaf8;overflow:hidden}
.progress i{display:block;height:100%;width:0;border-radius:9px;background:linear-gradient(90deg,var(--indigo),var(--violet));transition:width .4s}
.progress.ind i{width:35%;animation:ind 1.2s ease-in-out infinite}
@keyframes ind{0%{transform:translateX(120%)}100%{transform:translateX(-320%)}}
.result{text-align:center;padding:10px 4px}
.result .ok{width:76px;height:76px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--mint),#5bd6a4);color:#fff;font-size:38px;animation:burst .6s cubic-bezier(.2,1.6,.4,1)}
@keyframes burst{from{transform:scale(.3);opacity:0}}
.checker{background:repeating-conic-gradient(#e9e9f2 0 25%,#fff 0 50%) 0 0/20px 20px;border-radius:18px;overflow:hidden}
.toast{position:fixed;left:50%;bottom:calc(24px + var(--sab));transform:translate(-50%,30px);opacity:0;z-index:90;max-width:min(92vw,420px);padding:12px 18px;border-radius:16px;background:#1d1b35;color:#fff;font-size:14px;transition:.3s;pointer-events:none;text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
.modal{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:rgba(15,12,40,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade .2s}
.sheet{width:min(560px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:28px 28px 0 0;padding:22px 20px calc(20px + var(--sab));animation:up .35s cubic-bezier(.2,.9,.2,1)}
.sheet .grab{width:44px;height:5px;border-radius:5px;background:#dcd8f0;margin:-8px auto 14px}
.sheet h2{font-size:19px;margin-bottom:6px}
@keyframes up{from{transform:translateY(100%)}} @keyframes fade{from{opacity:0}}
.empty{text-align:center;color:var(--mut);padding:30px 10px}
.spin{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;animation:sp .8s linear infinite}
.spin.d{border-color:#dcd8f0;border-top-color:var(--indigo)}
@keyframes sp{to{transform:rotate(360deg)}}

/* کاشی ابزار */
.tile{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;position:relative}
.tile .ic{position:relative;width:62px;height:62px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--c1),var(--c2));box-shadow:0 10px 18px -10px var(--c1);transition:transform .2s}
.tile:active .ic{transform:scale(.92)}
.tile .ic svg{width:30px;height:30px}
.tile .t{font-size:12.5px;font-weight:700;line-height:1.5}
.tile .pro{position:absolute;top:-5px;left:-5px;width:20px;height:20px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.tile .pro svg{width:13px;height:13px;fill:#e0a100}

/* ============ موبایل (همانند اپ اندروید) ============ */
body.mob .page{padding:calc(14px + var(--sat)) 16px calc(28px + var(--sab));max-width:640px;margin:auto}
.m-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.m-head .brand{display:flex;align-items:center;gap:8px;font-size:27px;font-weight:900;color:#2a2470;flex:1}
.m-head .brand img{width:52px;height:52px;filter:drop-shadow(0 6px 10px rgba(91,76,245,.35));animation:float 4s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-4px) rotate(-4deg)}}
.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--indigo),var(--violet));box-shadow:0 8px 18px -8px var(--indigo);flex:none}
.avatar.sub{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--gold)}
.search{display:flex;align-items:center;gap:10px;height:56px;border-radius:20px;background:#fff;padding:0 16px;box-shadow:var(--shadow);margin-bottom:12px}
.search input{flex:1;border:0;outline:0;font:inherit;font-size:15px;background:none;color:var(--ink)}
.search svg{color:#7a7d99}
.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;margin:0 -16px;padding-inline:16px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{display:flex;align-items:center;gap:6px;height:42px;padding:0 16px;border-radius:99px;background:#fff;font-size:13.5px;font-weight:700;white-space:nowrap;box-shadow:0 2px 10px rgba(60,40,160,.07)}
.chip svg{width:18px;height:18px;color:var(--c,var(--indigo))}
.chip.on{background:linear-gradient(120deg,var(--c,var(--indigo)),var(--c2,var(--violet)));color:#fff}
.chip.on svg{color:#fff}
.hero2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 18px}
.hcard{position:relative;overflow:hidden;border-radius:24px;padding:16px;color:#fff;min-height:112px}
.hcard::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.14);top:-40px;left:-30px}
.hcard.cal{background:linear-gradient(135deg,#00b4d8,#4f7cff);display:flex;align-items:center;gap:10px}
.hcard.cal b{font-size:44px;font-weight:900;line-height:1}
.hcard.cal small{display:block;opacity:.9;font-size:12.5px}
.hcard.sub{background:linear-gradient(135deg,#ff7a59,#ff4d8d);display:flex;align-items:center;gap:10px}
.hcard.sub.on{background:linear-gradient(135deg,#f5b83d,#ff8a1c)}
.hcard .bub{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center;flex:none}
.hcard .tx{min-width:0}
.hcard .tx b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hcard .tx small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hcard .tx small{font-size:11.5px;opacity:.9}
.sec{margin-bottom:20px}
.sec-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.sec-h .si{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));flex:none}
.sec-h .si svg{width:22px;height:22px}
.sec-h h2{font-size:18px;font-weight:900;line-height:1.3}
.sec-h p{font-size:12px;color:var(--mut)}
.sec-h .more{margin-inline-start:auto;font-size:12.5px;font-weight:700;color:var(--c1);display:flex;align-items:center;gap:2px}
.sec-h .more svg{width:18px;height:18px;transition:transform .3s}
.sec.open .more svg{transform:rotate(180deg)}
.sec-b{background:rgba(255,255,255,.9);border-radius:28px;padding:18px 10px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);row-gap:18px;column-gap:4px}
.sec-b.carousel{display:flex;overflow-x:auto;gap:12px;padding:14px;scrollbar-width:none}
.sec-b.carousel .tile{min-width:92px}
.sec-b.list{grid-template-columns:1fr;padding:8px}
.sec-b.list .tile{flex-direction:row;text-align:right;padding:8px;gap:12px}
.sec-b.list .tile .ic{width:50px;height:50px;border-radius:16px}
.sec-b.list .tile .t{font-size:14.5px}
.sec-b.list .tile .s{display:block;font-size:12px;color:var(--mut);font-weight:400}
.tile .s{display:none}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.quick .tile{background:#fff;border-radius:22px;padding:14px 4px 10px;box-shadow:var(--shadow)}
.quick .tile .ic{width:52px;height:52px;border-radius:17px}
.quick .tile .ic svg{width:26px;height:26px}
.q-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.q-h h2{font-size:18px;font-weight:900}
.banner{position:relative;display:block;border-radius:24px;overflow:hidden;margin-bottom:18px;box-shadow:var(--shadow)}
.banner img{width:100%}
.inst{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;background:linear-gradient(120deg,#1d1846,#3b2a8a);color:#fff;margin-bottom:16px;box-shadow:var(--shadow)}
.inst img{width:42px;height:42px;border-radius:11px}
.inst b{display:block;font-size:14px} .inst small{font-size:12px;opacity:.8}
.inst .x{opacity:.7;font-size:20px;padding:4px}

/* صفحه ابزار (موبایل) */
.t-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:calc(10px + var(--sat)) 14px 10px;background:rgba(244,242,255,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.t-bar .back{width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.t-bar .back svg{transform:scaleX(-1)}
.t-bar h1{font-size:20px;font-weight:900;flex:1;line-height:1.3}
.t-body{padding:6px 16px calc(30px + var(--sab));max-width:720px;margin:auto;display:flex;flex-direction:column;gap:14px}
.t-hero{display:flex;align-items:center;gap:14px;padding:16px;border-radius:26px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 14px 30px -14px var(--c1)}
.t-hero .ic{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.22);display:grid;place-items:center;flex:none}
.t-hero .ic svg{width:30px;height:30px}
.t-hero b{font-size:17px;display:block} .t-hero small{opacity:.9;font-size:12.5px}
.tool-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--c1) 22%,transparent),transparent 55%),radial-gradient(circle at 0% 100%,color-mix(in srgb,var(--c2) 18%,transparent),transparent 50%),var(--bg)}

/* ============ دسکتاپ (ویندوز و مک) ============ */
body.desk{background:#eef0f7;overflow:hidden}
body.desk .blobs{display:none}
.d-shell{display:grid;grid-template-columns:272px 1fr;height:100vh}
.d-side{background:linear-gradient(180deg,#14112e,#231a55 60%,#2d1f6e);color:#d9d5ff;display:flex;flex-direction:column;padding:22px 14px;gap:4px;overflow:auto}
.d-side .brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;color:#fff;font-size:22px;font-weight:900}
.d-side .brand img{width:44px;height:44px}
.d-side .brand small{display:block;font-size:11px;font-weight:400;color:#a59ee0}
.d-nav{display:flex;align-items:center;gap:12px;height:46px;padding:0 12px;border-radius:14px;font-size:14px;font-weight:700;color:#bcb6f0;transition:.2s}
.d-nav svg{width:21px;height:21px}
.d-nav:hover{background:rgba(255,255,255,.07);color:#fff}
.d-nav.on{background:linear-gradient(120deg,rgba(124,77,255,.55),rgba(255,95,162,.35));color:#fff}
.d-nav .dot{width:10px;height:10px;border-radius:4px;background:linear-gradient(135deg,var(--c1),var(--c2))}
.d-side .lbl{font-size:11.5px;color:#7f78c2;padding:16px 12px 6px}
.d-side .sp{flex:1}
.d-promo{margin-top:12px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#f5b83d,#ff7a59);color:#fff}
.d-promo b{display:block;font-size:14px}
.d-promo small{font-size:12px;opacity:.95}
.d-promo .btn{margin-top:10px;height:38px;background:#fff;color:#c2410c;width:100%;border-radius:12px;font-size:13px}
.d-install{margin-top:10px;padding:12px;border-radius:16px;background:rgba(255,255,255,.08);display:flex;gap:10px;align-items:center;cursor:pointer}
.d-install img{width:36px;height:36px;border-radius:9px}
.d-install b{font-size:13px;color:#fff;display:block} .d-install small{font-size:11.5px}
.d-main{overflow:auto;position:relative}
.d-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:18px 34px;background:rgba(238,240,247,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.d-top h1{font-size:22px;font-weight:900;white-space:nowrap}
.d-top .search{flex:1;max-width:560px;margin:0 auto 0 0;height:50px;box-shadow:0 1px 0 var(--line)}
.d-user{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-radius:99px;background:#fff;box-shadow:0 1px 0 var(--line);cursor:pointer}
.d-user .avatar{width:38px;height:38px}
.d-user b{font-size:13.5px;display:block;line-height:1.3} .d-user small{font-size:11.5px;color:var(--mut)}
.d-body{padding:6px 34px 40px}
.d-hero{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin-bottom:26px}
.d-hero .big{border-radius:28px;padding:26px;color:#fff;background:linear-gradient(120deg,#5b4cf5,#9a5cf6 55%,#ff5fa2);position:relative;overflow:hidden;min-height:170px}
.d-hero .big h2{font-size:28px;font-weight:900;line-height:1.35}
.d-hero .big p{opacity:.9;margin-top:6px}
.d-hero .big{padding-left:190px}
.d-hero .big img{position:absolute;left:22px;top:50%;margin-top:-75px;width:150px;opacity:.95;animation:float 5s ease-in-out infinite}
.d-hero .hcard{min-height:170px;border-radius:28px;padding:22px}
.d-sec{margin-bottom:30px}
.d-sec .sec-h{margin-bottom:14px}
.d-sec .sec-h h2{font-size:20px}
.d-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.d-tile{display:flex;align-items:center;gap:14px;padding:16px;border-radius:22px;background:#fff;box-shadow:0 1px 0 var(--line);transition:transform .2s,box-shadow .2s;position:relative;text-align:right}
.d-tile:hover{transform:translateY(-3px);box-shadow:0 18px 30px -18px rgba(60,40,160,.35)}
.d-tile .ic{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--c1),var(--c2));flex:none}
.d-tile .ic svg{width:27px;height:27px}
.d-tile b{display:block;font-size:14.5px}
.d-tile small{display:block;font-size:12px;color:var(--mut);line-height:1.6}
.d-tile .ic{position:relative}
.d-tile .ic .pro{position:absolute;top:-6px;left:-6px;width:20px;height:20px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.d-tile .ic .pro svg{width:12px;height:12px;fill:#e0a100}
.d-tile span:last-child{min-width:0}
.d-tool{display:grid;grid-template-columns:minmax(360px,460px) 1fr;gap:20px;align-items:start}
.d-tool .t-hero{grid-column:1/-1}
.d-tool .panel{display:flex;flex-direction:column;gap:14px}
.d-tool .sticky{position:sticky;top:96px}
body.desk .t-body{max-width:none;padding:0}
body.desk .modal{align-items:center}
body.desk .sheet{border-radius:28px;max-width:480px}
body.desk .sheet .grab{display:none}
.wco{display:none}
@media (display-mode:window-controls-overlay){.wco{display:block;height:env(titlebar-area-height,32px);-webkit-app-region:drag;app-region:drag}}

/* یادداشت‌ها */
.notes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
body.desk .notes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.note{border-radius:20px;padding:14px;min-height:120px;background:var(--nc,#fff);box-shadow:0 1px 0 var(--line);cursor:pointer;overflow:hidden;position:relative}
.note b{display:block;font-size:14.5px;margin-bottom:4px}
.note p{font-size:12.5px;color:#444;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}
.note .pin{position:absolute;top:8px;left:10px;font-size:13px}
.colors{display:flex;gap:8px;flex-wrap:wrap}
.colors button{width:30px;height:30px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.colors button.on{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--indigo)}

/* تقویم */
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}
.cal-grid .wd{font-size:12px;color:var(--mut);font-weight:700}
.cal-grid .d{aspect-ratio:1;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f6fd;font-weight:700;font-size:16px;line-height:1.2}
.cal-grid .d small{font-size:9.5px;color:var(--mut);font-weight:400}
.cal-grid .d.fri{color:var(--err)}
.cal-grid .d.today{background:linear-gradient(135deg,var(--indigo),var(--violet));color:#fff}
.cal-grid .d.today small{color:#e6e1ff}
.cal-grid .d.x{background:none}

/* جدول نرخ‌ها و جدول ویرایشی */
.rate{display:flex;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid var(--line)}
.rate:last-child{border:0}
.rate .f{font-size:22px;width:34px;text-align:center}
.rate b{flex:1;font-size:14.5px}
.rate .v{font-weight:900;font-size:15px}
.rate .c{font-size:12px;font-weight:700;min-width:58px;text-align:center;border-radius:8px;padding:2px 6px}
.tbl-wrap{overflow:auto;border-radius:16px;border:1px solid var(--line);background:#fff;max-height:60vh}
.tbl{border-collapse:collapse;min-width:100%;font-size:13.5px}
.tbl td{border:1px solid var(--line);padding:6px 8px;min-width:70px;outline:none}
.tbl td:focus{background:#f3f1ff}
.tbl tr:first-child td{background:#f6f5fc;font-weight:700}

/* راهنمای نصب آیفون */
.ios-steps{counter-reset:s;display:grid;gap:12px;margin:14px 0}
.ios-steps li{list-style:none;display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;background:#f6f5fc;font-size:14.5px}
.ios-steps li::before{counter-increment:s;content:counter(s);width:30px;height:30px;border-radius:50%;background:var(--indigo);color:#fff;display:grid;place-items:center;font-weight:900;flex:none}
.ios-steps .k{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;background:#fff;font-weight:700;color:#0a84ff;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.ios-arrow{position:fixed;bottom:calc(6px + var(--sab));left:50%;transform:translateX(-50%);z-index:95;font-size:34px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);animation:bob 1s ease-in-out infinite alternate;pointer-events:none}
@keyframes bob{to{transform:translate(-50%,8px)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* دسکتاپ با پنجره کوچک‌تر */
@media (max-width:1280px){
  .d-hero{grid-template-columns:1fr 1fr}
  .d-hero .big{grid-column:1/-1;min-height:150px}
  .d-tool{grid-template-columns:1fr}
  .d-tool .sticky{position:static}
}
@media (max-width:1100px){
  .d-shell{grid-template-columns:84px 1fr}
  .d-side{padding:18px 10px;align-items:center}
  .d-side .brand span,.d-side .lbl,.d-promo,.d-install span,.d-nav{font-size:0}
  .d-side .brand{padding:4px 0 14px}
  .d-nav{width:56px;justify-content:center;padding:0}
  .d-nav .dot{width:14px;height:14px}
  .d-install{padding:8px}
  .d-top{padding:14px 20px;gap:10px}
  .d-top h1{font-size:18px}
  .d-user span:first-child{display:none}
  .d-user{padding:4px}
  .d-body{padding:4px 20px 30px}
}
@media (max-width:1000px){
  .d-hero .big{padding-left:26px}
  .d-hero .big img{width:90px;margin-top:-45px;opacity:.35}
  .d-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
}

/* اسلایدر حرفه‌ای مگافایل */
.mf-range{-webkit-appearance:none;appearance:none;height:14px;border-radius:10px;background:linear-gradient(270deg,var(--c1,#2b6be6),var(--c2,#00b4d8)) 100% 0/var(--p,50%) 100% no-repeat,#e7e5f5;outline:none}
.mfile{padding:12px;border-radius:18px;background:#f6f5fc;display:grid;gap:8px}
.mfile .top{display:flex;align-items:center;gap:10px;min-width:0}
.mfile .top .n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:14px}
.mfile .bot{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.mfile .acts{display:flex;gap:4px}
.mfile .acts .btn{width:38px;padding:0}
#fl{display:grid;gap:8px}
.mf-range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--c1,#2b6be6);box-shadow:0 4px 14px rgba(43,107,230,.45);cursor:grab}
.mf-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--c1,#2b6be6);box-shadow:0 4px 14px rgba(43,107,230,.45)}
body.embed .t-bar .back{display:grid}