/* =====================================================================
   mikmik post — ئەپی بەکارهێنەر
   ===================================================================== */

/* ---------- header ---------- */
.topbar{
  background:var(--card);border-radius:26px;padding:10px 12px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  box-shadow:var(--shadow);position:sticky;top:10px;z-index:40;
}
.chip{
  display:flex;align-items:center;gap:8px;background:var(--yellow-soft);
  border:0;border-radius:16px;padding:11px 14px;cursor:pointer;
  font-family:inherit;font-size:14px;font-weight:700;color:#3A2E7A;
}
.chip .svgi{background:#3A2E7A}
.chip .svgi{flex:none}
.chip .caret{transition:transform .25s}
.chip.open .caret{transform:rotate(180deg)}
.brand{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}
.brand .mark{width:38px;height:38px;flex:none}
.brand .name{font-family:"Poppins",sans-serif;line-height:.92;text-align:left;direction:ltr}
.brand .name b{display:block;font-size:19px;font-weight:800;color:#1b1b1b;letter-spacing:-.5px}
.brand .name span{display:block;font-size:19px;font-weight:800;color:var(--yellow);letter-spacing:-.5px}
.grid-btn{background:none;border:0;padding:8px;cursor:pointer;display:grid;
  grid-template-columns:repeat(2,10px);gap:5px}
.grid-btn i{width:10px;height:10px;border-radius:3px;background:var(--yellow);display:block;transition:transform .2s}
.grid-btn:active i{transform:scale(.8)}

/* ---------- دراپ داونی ماوەی کات ---------- */
.menu{
  position:absolute;top:72px;right:14px;left:14px;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(15,18,25,.07);
  border-radius:22px;
  box-shadow:0 18px 44px rgba(15,18,25,.16);
  padding:8px;z-index:39;display:none;
}
.menu.show{display:block;animation:drop .22s cubic-bezier(.32,.72,0,1)}
@keyframes drop{from{opacity:0;transform:translateY(-10px) scale(.98)}}

.menu .mh{
  display:block;padding:10px 12px 8px;
  font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.3px;
}
.menu button{
  width:100%;display:flex;align-items:center;gap:12px;
  text-align:right;background:none;border:0;font-family:inherit;
  padding:12px;border-radius:16px;cursor:pointer;color:var(--ink);
  transition:background .14s ease;
}
.menu button > .svgi{
  width:20px;height:20px;flex:none;background:var(--muted);
  transition:background .14s ease;
}
.menu button .t{flex:1;min-width:0}
.menu button .t b{display:block;font-size:14px;font-weight:700;line-height:1.4}
.menu button .t small{display:block;font-size:11.5px;color:var(--muted);
  font-weight:600;margin-top:2px}
.menu button .n{
  flex:none;font-family:"Poppins",sans-serif;font-size:11.5px;font-weight:800;
  color:var(--muted);background:#F1F3F7;border-radius:9px;padding:4px 9px;
}
.menu button .tick{
  flex:none;width:24px;height:24px;border-radius:9px;
  display:grid;place-items:center;background:transparent;
}
.menu button .tick .svgi{width:13px;height:13px;background:transparent}

.menu button:hover{background:#F4F6F9}
.menu button.on{background:var(--ink)}
.menu button.on > .svgi{background:#fff}
.menu button.on .t b{color:#fff}
.menu button.on .t small{color:rgba(255,255,255,.65)}
.menu button.on .n{background:rgba(255,255,255,.16);color:#fff}
.menu button.on .tick{background:rgba(255,255,255,.18)}
.menu button.on .tick .svgi{background:#fff}

/* دوگمەی سەرەوە */
.topbar .chip.open{background:var(--ink);border-color:var(--ink);color:#fff}
.topbar .chip.open .svgi{background:#fff}
.topbar .chip .caret{transition:transform .22s ease}
.topbar .chip.open .caret{transform:rotate(180deg)}

@media (min-width:481px){
  .menu{right:auto;left:auto;width:340px;
    inset-inline-end:14px;inset-inline-start:auto}
}

/* ---------- slider (تەنها وێنە) ---------- */
.slider{margin-top:14px}
.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;
  scrollbar-width:none;-ms-overflow-style:none}
.track::-webkit-scrollbar{display:none}
.slide{
  flex:0 0 100%;scroll-snap-align:center;
  aspect-ratio:16/9;                 /* ڕێژەی وێنەکان — لێرەوە بیگۆڕە */
  border-radius:var(--radius);overflow:hidden;
  background:#EBE9F5;box-shadow:var(--shadow);
}
.slide img{width:100%;height:100%;object-fit:cover;display:block}

.bullets{display:flex;justify-content:center;gap:9px;margin:16px 0 4px}
.bullets i{width:9px;height:9px;border-radius:50%;background:#c4c4c4;cursor:pointer;
  transition:all .25s;display:block}
.bullets i.on{background:var(--yellow);width:11px;height:11px}

/* ---------- stats ---------- */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.stat{background:var(--card);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow);
  display:flex;align-items:center;justify-content:space-between;gap:8px}
.stat .txt{min-width:0}
.stat .lbl{font-size:12.5px;font-weight:700;white-space:nowrap}
.stat .val{font-family:"Poppins",sans-serif;font-size:26px;font-weight:700;color:#111;margin-top:14px}
.stat .badge{width:46px;height:60px;border-radius:18px;display:grid;place-items:center;flex:none}
.s-red .lbl{color:var(--red)} .s-red .badge{background:var(--red)}
.s-teal .lbl{color:var(--teal)} .s-teal .badge{background:var(--teal)}
.s-blue .lbl{color:var(--blue)} .s-blue .badge{background:var(--blue)}

/* ---------- section ---------- */
.sect{display:flex;align-items:center;gap:14px;margin:26px 4px 14px}
.sect span{font-size:17px;font-weight:800;white-space:nowrap}
.sect:before,.sect:after{content:"";height:1.5px;background:#2b2b2b;flex:1;border-radius:2px}

/* ---------- پەڕەی زانیاری پۆست ---------- */
.post{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.post:active{transform:scale(.985)}

.sheet{
  position:fixed;top:0;bottom:0;left:0;right:0;margin:0 auto;max-width:480px;
  background:var(--bg);z-index:80;overflow-y:auto;-webkit-overflow-scrolling:touch;
  transform:translateY(100%);transition:transform .42s cubic-bezier(.32,.72,0,1);
  padding:0 14px calc(24px + env(safe-area-inset-bottom));visibility:hidden;
}
.sheet.open{visibility:visible}
.sheet.in{transform:none}

.sheet-top{
  position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;
  padding:14px 2px 12px;background:linear-gradient(var(--bg) 72%,rgba(244,243,250,0));
}
.sheet-top .back{
  width:42px;height:42px;border-radius:15px;border:0;flex:none;cursor:pointer;
  background:var(--card);box-shadow:var(--shadow);display:grid;place-items:center;
}
.sheet-top .ttl{flex:1;min-width:0}
.sheet-top h3{margin:0;font-size:16px;font-weight:800}
.sheet-top .code{font-family:"Poppins",sans-serif;font-size:11.5px;color:var(--muted);
  direction:ltr;text-align:right;display:block;letter-spacing:.4px}

.hero{
  background:radial-gradient(120% 90% at 20% 0%,#2E2760,#1E1B3A 55%,#141130);
  border-radius:var(--radius);padding:18px;color:#fff;position:relative;overflow:hidden;
}
.hero .lbl{font-size:11.5px;color:#aab6c0;font-weight:600}
.hero .big{font-size:22px;font-weight:800;margin:5px 0 12px}
.hero .eta{display:inline-flex;align-items:center;gap:7px;background:var(--yellow);
  color:#fff;font-size:12px;font-weight:700;padding:8px 13px;border-radius:12px}
.hero .way{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.hero .way b{font-size:14px;font-weight:800;display:block}
.hero .way small{font-size:10.5px;color:#a9b5bf;font-weight:600}

.blk{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:16px;margin-top:12px}
.blk > h4{margin:0 0 14px;font-size:13.5px;font-weight:800;display:flex;align-items:center;gap:8px}
.blk > h4:before{content:"";width:4px;height:15px;border-radius:3px;background:var(--yellow)}

.kv{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  padding:9px 0;border-bottom:1px dashed #eef0f1}
.kv:last-child{border-bottom:0;padding-bottom:0}
.kv .k{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}
.kv .v{font-size:12.5px;font-weight:700;text-align:left;line-height:1.8}
.kv .v.ltr{direction:ltr;font-family:"Poppins",sans-serif;font-size:12px}

.tl{position:relative;padding-right:28px}
.tl .row{position:relative;padding-bottom:22px}
.tl .row:last-child{padding-bottom:0}
.tl .row .dot{position:absolute;right:-27.5px;top:1px;width:15px;height:15px;border-radius:50%;
  background:#e3e5e7;box-shadow:0 0 0 3px var(--card),0 0 0 4px #e3e5e7}
.tl .row:not(:last-child):after{content:"";position:absolute;right:-21.5px;top:19px;bottom:2px;
  width:3px;background:#e3e5e7;border-radius:2px}
.tl .row.done .dot{background:var(--yellow);box-shadow:0 0 0 3px var(--card),0 0 0 4px var(--yellow)}
.tl .row.done:not(.now):after{background:var(--yellow)}
.tl .row.now .dot{box-shadow:0 0 0 3px var(--card),0 0 0 4px var(--yellow),0 0 0 9px rgba(109,77,255,.28)}
.tl h6{margin:0 0 3px;font-size:13px;font-weight:700}
.tl small{font-size:11px;color:var(--muted);font-weight:600}
.tl .row:not(.done) h6{color:#b3b8bc}

.money .kv .v{font-family:"Poppins",sans-serif}
.money .total{margin-top:6px;padding-top:12px;border-top:1.5px solid #eef0f1;
  display:flex;align-items:center;justify-content:space-between}
.money .total .k{font-size:13px;font-weight:800;color:#1b1b1b}
.money .total .v{font-family:"Poppins",sans-serif;font-size:19px;font-weight:800}
.money .total .v span{font-size:11px;color:var(--muted);font-family:"Noto Kufi Arabic",sans-serif}

.acts{display:flex;gap:10px;margin-top:14px}
.acts a,.acts button{flex:1;border:0;font-family:inherit;font-size:13px;font-weight:700;
  padding:14px;border-radius:16px;cursor:pointer;text-align:center;text-decoration:none;
  display:flex;align-items:center;justify-content:center;gap:8px}
.acts .call{background:var(--yellow);color:#fff;box-shadow:0 6px 16px rgba(109,77,255,.4)}
.acts .copy{background:var(--card);color:#1b1b1b;box-shadow:var(--shadow)}

/* ---------- شوێنی شۆفێر بە شێوەی لایڤ ---------- */
.live{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
  margin-top:12px;overflow:hidden}
.live-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 12px}
.live-head h4{margin:0;font-size:13.5px;font-weight:800;display:flex;align-items:center;gap:8px}
.live-head h4:before{content:"";width:4px;height:15px;border-radius:3px;background:var(--yellow)}
.live-badge{display:flex;align-items:center;gap:6px;background:#e8f7f1;color:#0d7a63;
  font-size:10.5px;font-weight:800;padding:5px 10px;border-radius:9px}
.live-badge i{width:7px;height:7px;border-radius:50%;background:#0FBF8F;display:block;
  animation:blip 1.4s ease-in-out infinite}
@keyframes blip{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}

.map{height:250px;width:100%;background:#EBE9F5;position:relative;z-index:0}
.map .fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;
  font-size:12px;color:var(--muted);font-weight:600;padding:20px;line-height:2}

.van-pin{width:0;height:0}
.van-pin .ring{position:absolute;left:-21px;top:-21px;width:42px;height:42px;border-radius:50%;
  background:rgba(109,77,255,.5);animation:ripple 1.9s ease-out infinite}
.van-pin .core{position:absolute;left:-19px;top:-19px;width:38px;height:38px;border-radius:50%;
  background:var(--yellow);border:3px solid #fff;display:grid;place-items:center;
  box-shadow:0 5px 14px rgba(0,0,0,.32)}
@keyframes ripple{0%{transform:scale(.9);opacity:.75}100%{transform:scale(2.8);opacity:0}}
.city-pin{width:0;height:0}
.city-pin .cd{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;
  background:#1E1B3A;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.25)}

.drv{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid #eef0f1}
.drv .ph{width:48px;height:48px;border-radius:16px;background:var(--yellow-soft);flex:none;
  display:grid;place-items:center;font-weight:800;color:#4B32C3;font-size:17px}
.drv .info{flex:1;min-width:0}
.drv .info h5{margin:0 0 3px;font-size:14px;font-weight:700}
.drv .info small{color:var(--muted);font-size:11.5px;font-weight:600;display:block}
.drv .plate{display:inline-block;background:#f2f4f5;border-radius:7px;padding:2px 8px;
  font-family:"Poppins",sans-serif;font-size:11px;font-weight:700;direction:ltr;margin-top:4px}
.drv .cl{width:46px;height:46px;border-radius:16px;background:var(--yellow);border:0;flex:none;
  display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 14px rgba(109,77,255,.42)}

.lstats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eef0f1}
.lstats div{padding:13px 6px;text-align:center;border-left:1px solid #eef0f1}
.lstats div:last-child{border-left:0}
.lstats b{display:block;font-family:"Poppins",sans-serif;font-size:16px;font-weight:800}
.lstats b em{font-style:normal;font-size:10px;color:var(--muted);
  font-family:"Noto Kufi Arabic",sans-serif}
.lstats span{font-size:10px;color:var(--muted);font-weight:700}

/* ---------- گرووپی ڕۆژ ---------- */
.daygrp{display:flex;align-items:center;gap:10px;margin:18px 4px 11px}
.daygrp span{font-size:11.5px;font-weight:800;color:#5c6469;white-space:nowrap}
.daygrp .cnt{background:#e6e8ea;border-radius:8px;padding:2px 8px;
  font-family:"Poppins",sans-serif;font-size:10px}
.daygrp:before,.daygrp:after{content:"";height:1px;background:#dfe1e3;flex:1;border-radius:1px}

/* ---------- ڕیزی کردارەکان ---------- */
.actrow{display:flex;gap:8px;margin:0 0 12px}
.actrow button{flex:1;border:0;font-family:inherit;font-size:11.5px;font-weight:700;
  padding:11px 8px;border-radius:14px;background:var(--card);box-shadow:var(--shadow);
  color:#1b1b1b;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.actrow button.on{background:var(--yellow);color:#fff}
.actrow button.on .svgi{background:#fff}

/* ---------- خشاندنی کارت ---------- */
.swipe{position:relative;margin-bottom:12px;border-radius:var(--radius)}
.swipe .qa{position:absolute;top:0;bottom:0;right:0;z-index:1;display:flex;gap:8px;align-items:center;
  justify-content:flex-end;padding-right:4px;width:124px}
.swipe .qa a,.swipe .qa button{width:54px;height:54px;border-radius:18px;border:0;
  display:grid;place-items:center;cursor:pointer;text-decoration:none}
.swipe .qa .c{background:var(--teal)}
.swipe .qa .s{background:var(--blue)}
.swipe .pk{margin-bottom:0;touch-action:pan-y;position:relative;z-index:2;
  transition:transform .3s cubic-bezier(.32,.72,0,1)}
.swipe.open .pk{transform:translateX(-124px)}
.swipe.drag .pk{transition:none}

.post .pick{width:23px;height:23px;border-radius:8px;border:2px solid #d5d8da;background:#fff;
  display:grid;place-items:center;flex:none}
.post.sel{box-shadow:0 0 0 2px var(--yellow),var(--shadow)}
.post.sel .pick{background:var(--yellow);border-color:var(--yellow)}

/* ---------- باری هەڵبژاردن ---------- */
.bulkbar{position:fixed;left:0;right:0;margin:0 auto;width:calc(100% - 28px);max-width:452px;
  bottom:calc(var(--footer-h) + 6px);background:#1E1B3A;color:#fff;border-radius:22px;
  padding:10px 12px;display:flex;align-items:center;gap:8px;z-index:60;
  box-shadow:var(--shadow-lg);
  transform:translateY(26px);opacity:0;visibility:hidden;pointer-events:none;
  transition:transform .38s cubic-bezier(.32,.72,0,1),opacity .26s ease,
             visibility 0s linear .38s}
.bulkbar.in{transform:none;opacity:1;visibility:visible;pointer-events:auto;
  transition:transform .38s cubic-bezier(.32,.72,0,1),opacity .26s ease,
             visibility 0s linear 0s}
.bulkbar b{font-size:12px;font-weight:700;flex:1;padding-right:5px}
.bulkbar button{border:0;font-family:inherit;font-size:11.5px;font-weight:700;
  padding:10px 13px;border-radius:14px;cursor:pointer;white-space:nowrap}
.bulkbar .y{background:var(--yellow);color:#fff}
.bulkbar .g{background:rgba(255,255,255,.15);color:#fff}

/* ---------- پۆپ ئەپی هەڵبژاردنی دۆخ ---------- */
.pop{position:fixed;inset:0;z-index:90;background:rgba(24,20,48,.5);
  display:none;align-items:flex-end;justify-content:center;
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.pop.in{display:flex}
.pop .card{background:var(--card);width:100%;max-width:452px;margin:0 14px 14px;
  border-radius:26px;padding:8px 8px 12px;max-height:74vh;overflow:auto;
  animation:up .34s cubic-bezier(.32,.72,0,1)}
@keyframes up{from{transform:translateY(40px);opacity:0}}
.pop h4{margin:10px 12px 8px;font-size:14px;font-weight:800}
.pop .opt{width:100%;text-align:right;border:0;background:none;font-family:inherit;
  font-size:13px;font-weight:700;padding:13px;border-radius:16px;cursor:pointer;
  display:flex;align-items:center;gap:11px;color:#1b1b1b}
.pop .opt:hover{background:#f5f6f7}
.pop .opt i{width:11px;height:11px;border-radius:50%;flex:none}

/* ---------- خوێندنەوەی QR ---------- */
.scan{position:fixed;inset:0;z-index:95;background:#100D22;display:none;flex-direction:column}
.scan.in{display:flex}
.scan .sbar{display:flex;align-items:center;gap:10px;padding:14px;color:#fff;font-weight:700;
  font-size:14px}
.scan .sbar button{margin-right:auto;border:0;background:rgba(255,255,255,.14);color:#fff;
  width:38px;height:38px;border-radius:13px;cursor:pointer;font-size:16px}
.scan .view{flex:1;position:relative;overflow:hidden}
.scan video{width:100%;height:100%;object-fit:cover;display:block}
.scan .frame{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.scan .frame i{width:220px;height:220px;border:3px solid var(--yellow);border-radius:28px;
  box-shadow:0 0 0 2000px rgba(0,0,0,.5)}
.scan .manual{padding:14px calc(14px + env(safe-area-inset-left)) calc(16px + env(safe-area-inset-bottom));
  background:#171430}
.scan .manual p{margin:0 0 9px;color:#93a0a9;font-size:11.5px;font-weight:600}
.scan .manual .r{display:flex;gap:8px}
.scan .manual input{flex:1;border:0;border-radius:15px;padding:13px;font-family:inherit;
  font-size:13.5px;font-weight:600;background:#262046;color:#fff}
.scan .manual input::placeholder{color:#6d7c86}
.scan .manual button{border:0;background:var(--yellow);color:#fff;font-family:inherit;font-weight:700;
  font-size:13px;padding:0 18px;border-radius:15px;cursor:pointer}

/* ---------- تووڵامرازی پۆستەکان ---------- */
.tools{margin-bottom:2px}

.pbar{display:flex;gap:8px;align-items:stretch}
.search{position:relative;flex:1;min-width:0}
.search input{width:100%;height:50px;border:0;background:var(--card);box-shadow:var(--shadow);
  border-radius:17px;padding:0 42px 0 38px;font-family:inherit;font-size:13px;
  font-weight:600;color:#1b1b1b}
.search input::placeholder{color:#b7bbbf;font-weight:600}
.search input:focus{outline:2px solid var(--yellow);outline-offset:0}
.search .ic{position:absolute;right:15px;top:50%;transform:translateY(-50%);opacity:.38}
.search .clr{position:absolute;left:9px;top:50%;transform:translateY(-50%);border:0;
  background:#eceef0;width:26px;height:26px;border-radius:9px;cursor:pointer;display:none;
  align-items:center;justify-content:center;font-size:13px;color:#5c6469;line-height:1;padding:0}
.search.has .clr{display:flex}
.iconbtn{width:50px;height:50px;flex:none;border:0;border-radius:17px;background:var(--card);
  box-shadow:var(--shadow);display:grid;place-items:center;cursor:pointer}
.iconbtn:active{transform:scale(.95)}

.seg{display:flex;gap:2px;background:var(--card);box-shadow:var(--shadow);
  border-radius:16px;padding:4px;margin-top:10px}
.seg button{flex:1;min-width:0;border:0;background:none;font-family:inherit;font-size:11.5px;
  font-weight:700;padding:10px 2px;border-radius:12px;color:#5c6469;cursor:pointer;
  white-space:nowrap;transition:background .3s,color .3s}
.seg button.on{background:var(--yellow);color:#fff}

.frow{display:flex;gap:7px;overflow-x:auto;padding:10px 2px 2px;
  scrollbar-width:none;-ms-overflow-style:none}
.frow::-webkit-scrollbar{display:none}
.fchip{flex:none;border:0;font-family:inherit;font-size:11px;font-weight:700;height:34px;
  padding:0 12px;border-radius:12px;background:var(--card);box-shadow:var(--shadow);
  color:#4b5257;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px;
  transition:background .3s,color .3s}
.fchip .n{background:#eceef0;border-radius:7px;padding:1px 6px;
  font-family:"Poppins",sans-serif;font-size:9.5px;font-weight:700;line-height:1.5}
.fchip.on{background:var(--yellow);color:#fff}
.fchip.on .n{background:rgba(0,0,0,.13)}
.fchip .sw{width:7px;height:7px;border-radius:50%;display:block;flex:none}

.actrow{display:flex;gap:7px;margin:10px 0 0}
.actrow button{flex:1;min-width:0;border:0;font-family:inherit;font-size:11.5px;font-weight:700;
  height:42px;border-radius:14px;background:var(--card);box-shadow:var(--shadow);
  color:#1b1b1b;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;
  white-space:nowrap;transition:background .3s}
.actrow button.on{background:var(--yellow)}
.actrow button .svgi{flex:none}

.cap{margin:12px 4px 10px;font-size:11.5px;color:var(--muted);font-weight:700;text-align:right}
.cap b{color:#1b1b1b;font-family:"Poppins",sans-serif}

/* ---------- کارتی پۆست ---------- */
.post{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:15px 15px 12px;margin-bottom:12px}
.post-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.post .code{font-family:"Poppins",sans-serif;font-size:12.5px;font-weight:700;
  color:#7b8288;direction:ltr;letter-spacing:.3px}
.post .badge{font-size:11px;font-weight:700;padding:6px 12px;border-radius:11px;white-space:nowrap}
.b-new{background:#eceef0;color:#5c6469}
.b-picked{background:#e3efff;color:#1f5fc0}
.b-onway{background:#E9E4FF;color:#4B32C3}
.b-done{background:#d7f4ec;color:#0d7a63}

.post-who{margin-top:13px;display:flex;align-items:center;gap:11px}
.post-who .av{width:42px;height:42px;border-radius:14px;background:var(--yellow-soft);
  display:grid;place-items:center;font-weight:800;color:#4B32C3;font-size:15px;flex:none}
.post-who h5{margin:0 0 2px;font-size:14px;font-weight:700}
.post-who small{color:var(--muted);font-size:11.5px;font-weight:500;direction:ltr;display:block;text-align:right}

.route{display:flex;align-items:center;justify-content:center;gap:12px;
  margin:13px 0 2px;background:#f6f7f8;border-radius:15px;padding:11px}
.route b{font-size:13px;font-weight:700}
.route .ar{opacity:.45}

.steps{display:flex;margin:15px 2px 2px}
.step{flex:1;text-align:center;position:relative;font-size:9.5px;font-weight:700;color:#b3b8bc}
.step i{width:13px;height:13px;border-radius:50%;background:#e3e5e7;display:block;
  margin:0 auto 8px;position:relative;z-index:2}
.step:not(:first-child):after{content:"";position:absolute;top:5.5px;left:50%;width:100%;
  height:2.5px;background:#e3e5e7;z-index:1;border-radius:2px}
.step.done{color:#7d838a}
.step.done i{background:var(--yellow)}
.step.done:after{background:var(--yellow)}
.step.now{color:#1b1b1b}
.step.now i{background:var(--yellow);box-shadow:0 0 0 4px rgba(109,77,255,.32)}

.post-foot{display:flex;align-items:center;justify-content:space-between;
  margin-top:14px;padding-top:11px;border-top:1px solid #eef0f1}
.post-foot .price{font-family:"Poppins",sans-serif;font-size:15px;font-weight:700}
.post-foot .price span{font-size:11px;color:var(--muted);font-family:"Noto Kufi Arabic",sans-serif}
.post-foot .date{font-size:11px;color:var(--muted);font-weight:600}

.panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
  min-height:210px;display:grid;place-items:center;padding:26px 20px;text-align:center}
.empty svg{margin-bottom:14px}
.empty h4{margin:0 0 6px;font-size:15px;font-weight:800}
.empty p{margin:0 0 16px;font-size:12.5px;color:var(--muted);line-height:1.9;font-weight:500}
.cta{background:var(--yellow);border:0;font-family:inherit;font-weight:700;font-size:13.5px;
  color:#fff;padding:11px 22px;border-radius:14px;cursor:pointer;box-shadow:0 6px 16px rgba(109,77,255,.4)}
.cta:active{transform:translateY(1px)}

/* other tabs */
.screen{display:none}
.screen.on{display:block;animation:fade .22s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}}

/* ---------- bottom nav (taskbar — پیلی خشاو) ---------- */
.taskbar{
  --tb-bg:#FFFFFF;
  --tb-pill:#0F1219;
  --tb-ink:#8A91A0;
  --tb-on:#FFFFFF;
  --tb-dur:750ms;          /* خێرایی گۆڕان — لێرەوە بیگۆڕە */
  --tb-radius:30px;
  --tb-max:452px;
  --tb-ease:cubic-bezier(.32,.72,0,1);

  position:fixed;
  bottom:12px;
  left:0;right:0;margin:0 auto;
  width:calc(100% - 28px);
  max-width:var(--tb-max);

  display:flex;align-items:center;
  padding:10px 10px;
  padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));

  /* ---- شووشە (liquid glass) ---- */
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.46));
  -webkit-backdrop-filter:blur(22px) saturate(185%);
  backdrop-filter:blur(22px) saturate(185%);
  border-radius:var(--tb-radius);
  box-shadow:
    0 10px 32px rgba(30,27,58,.16),
    0 2px 8px rgba(30,27,58,.06),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 0 0 1px rgba(255,255,255,.5),
    inset 0 -6px 14px rgba(255,255,255,.35);
  overflow:hidden;
  z-index:50;
}
/* تیشکی سەرەوەی شووشەکە */
.taskbar::before{
  content:"";position:absolute;inset:0 0 auto 0;height:45%;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));
  pointer-events:none;z-index:1;border-radius:var(--tb-radius) var(--tb-radius) 40% 40%;
}
.taskbar button{
  flex:1;min-width:0;position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;padding:9px 2px;
  border:none;border-radius:24px;background:transparent;color:var(--tb-ink);
  font-family:inherit;font-size:clamp(9px,2.6vw,10.5px);font-weight:700;
  cursor:pointer;transition:color var(--tb-dur) var(--tb-ease);
}
.taskbar button{z-index:2}
.taskbar button > *{position:relative;z-index:2}
.taskbar button .svgi{width:24px;height:24px;display:block;background:var(--tb-ink);
  transition:background var(--tb-dur) var(--tb-ease)}
.taskbar button.active{color:var(--tb-on)}
.taskbar button.active .svgi{background:var(--tb-on)}

.taskbar .glide{
  position:absolute;top:10px;bottom:10px;left:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.06) 55%,rgba(86,56,224,.12));
  background-color:rgba(109,77,255,.88);
  border-radius:24px;z-index:0;
  box-shadow:
    0 6px 16px rgba(86,56,224,.42),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 0 0 1px rgba(255,255,255,.45),
    inset 0 -3px 8px rgba(76,48,200,.22);
  will-change:transform,width;
}
.taskbar .ic{display:grid;place-items:center;transition:transform var(--tb-dur) var(--tb-ease)}
.taskbar button:active .ic{transform:scale(.9);transition:transform .28s ease}
.taskbar button:focus-visible{outline:2px solid var(--tb-ink);outline-offset:-3px}
.taskbar .lbl{white-space:nowrap;letter-spacing:-.1px}

/* ---------- ئاگادارکردنەوەکان ---------- */
.push-card{background:var(--card);border-radius:20px;box-shadow:var(--shadow);
  padding:15px;display:flex;align-items:center;gap:12px;margin-bottom:14px}
.push-card .pi{width:44px;height:44px;border-radius:15px;background:var(--yellow-soft);
  flex:none;display:grid;place-items:center;color:#4B32C3}
.push-card .pt{flex:1;min-width:0}
.push-card .pt b{display:block;font-size:13.5px;font-weight:700}
.push-card .pt small{display:block;font-size:11px;color:var(--muted);font-weight:600;
  margin-top:2px;line-height:1.7}
.push-card button{border:0;font-family:inherit;font-size:12px;font-weight:700;
  padding:10px 15px;border-radius:13px;cursor:pointer;flex:none;
  background:var(--yellow);color:#fff}
.push-card button.off{background:#F1F0F6;color:#1b1b1b}
.push-card.dim{opacity:.75}

.nlist{display:block}
.nitem{background:var(--card);border-radius:20px;box-shadow:var(--shadow);padding:14px;
  display:flex;gap:12px;margin-bottom:10px;position:relative;cursor:pointer;
  transition:transform .18s ease}
.nitem:active{transform:scale(.99)}
.nitem .ni{width:40px;height:40px;border-radius:14px;flex:none;display:grid;place-items:center}
.nitem.k-info   .ni{background:#E9E4FF;color:#4B32C3}
.nitem.k-status .ni{background:#DCF7EF;color:#0d7a63}
.nitem.k-warn   .ni{background:#FDE6E3;color:#c0392b}
.nitem .nt{flex:1;min-width:0}
.nitem .nt b{display:block;font-size:13.5px;font-weight:700;margin-bottom:3px}
.nitem .nt p{margin:0;font-size:12px;color:#5c6469;font-weight:500;line-height:1.9}
.nitem .nt small{display:block;font-size:10.5px;color:var(--muted);font-weight:700;margin-top:7px}
.nitem.unread{box-shadow:0 0 0 1.5px var(--yellow),var(--shadow)}
.nitem.unread:after{content:"";position:absolute;top:14px;left:14px;width:9px;height:9px;
  border-radius:50%;background:var(--yellow)}

.nhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 4px 12px}
.nhead .cnt{font-size:11.5px;font-weight:700;color:var(--muted)}
.nhead button{border:0;background:var(--card);box-shadow:var(--shadow);font-family:inherit;
  font-size:11.5px;font-weight:700;padding:9px 13px;border-radius:12px;cursor:pointer}

.taskbar .dot-badge{position:absolute;top:4px;left:calc(50% - 18px);min-width:17px;height:17px;
  border-radius:9px;background:#F0566B;color:#fff;font-family:"Poppins",sans-serif;
  font-size:9.5px;font-weight:800;display:grid;place-items:center;padding:0 4px;z-index:3;
  box-shadow:0 2px 6px rgba(240,86,107,.5)}
.push-card #pushTest{background:#F1F0F6;color:#1b1b1b;margin-left:6px}

/* ---------- تۆمارکردنی پۆست لەلایەن بەکارهێنەر ---------- */
.newpost{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:16px;margin-bottom:6px}
.newpost .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
@media(max-width:420px){.newpost .fgrid{grid-template-columns:1fr}
  .newpost .fgrid .wide{grid-column:1}}
.newpost .fgrid .wide{grid-column:1/-1}
.newpost .fld label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin:0 4px 6px}
.newpost .fld input,.newpost .fld textarea{width:100%;border:0;background:#F4F3FA;
  border-radius:15px;padding:13px 14px;font-family:inherit;font-size:13px;font-weight:600;
  color:#1b1b1b;outline:none;-webkit-appearance:none;appearance:none}
.newpost .fld input:focus,.newpost .fld textarea:focus{outline:2px solid var(--yellow)}
.newpost .fld textarea{min-height:70px;resize:vertical}
.newpost .merr{margin:10px 4px 0;font-size:11.5px;font-weight:700;color:#C0392B;min-height:14px}
.newpost .mact{display:flex;margin-top:14px}
.newpost .mact .ok{flex:1;border:0;background:var(--yellow);color:#fff;font-family:inherit;
  font-size:13.5px;font-weight:700;padding:14px;border-radius:16px;cursor:pointer;
  box-shadow:0 8px 20px rgba(109,77,255,.34)}

.prep-hint{margin:0 4px 11px;font-size:11.5px;color:var(--muted);font-weight:600}
.prep-hint b{color:#1b1b1b}
.prep{background:var(--card);border-radius:20px;box-shadow:var(--shadow);padding:13px 15px;
  display:flex;align-items:center;gap:12px;margin-bottom:10px}
.prep .pv{width:40px;height:40px;border-radius:14px;background:var(--yellow-soft);flex:none;
  display:grid;place-items:center}
.prep .pt{flex:1;min-width:0}
.prep .pt b{display:block;font-size:13.5px;font-weight:700}
.prep .pt small{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}
.prep .cd{font-family:"Poppins",sans-serif;font-size:15px;font-weight:800;color:#4B32C3;
  background:#EDE9FF;border-radius:11px;padding:7px 11px;white-space:nowrap}

/* ---------- پۆپ ئەپی ڕەتکردنەوە ---------- */
.reject-pop{text-align:center;padding:24px 18px 18px}
.reject-pop .ic{width:64px;height:64px;border-radius:22px;background:#FDECEE;
  display:grid;place-items:center;margin:0 auto 14px}
.reject-pop h4{margin:0 0 8px;font-size:16px;font-weight:800}
.reject-pop p{margin:0 0 18px;font-size:13px;line-height:2;color:#5c6469;font-weight:600}
.reject-pop .ok{display:block;width:100%;text-align:center;background:var(--yellow);
  color:#fff;border:0;font-family:inherit;font-size:13.5px;font-weight:700;padding:14px;
  border-radius:16px;cursor:pointer}
.reject-pop .ok:hover{background:#5638E0}

/* ---------- بارکۆد لە پەڕەی وردەکاری ---------- */
.blk.bcode{text-align:center}
.blk.bcode img{max-width:100%;height:auto;border-radius:10px}
.blk.bcode p{margin:10px 0 0;font-size:11.5px;color:var(--muted);font-weight:600}
.blk.bcode > h4{justify-content:flex-start}

/* ---------- جزدان ---------- */
.wcard{background:radial-gradient(120% 90% at 20% 0%,#7C5CFF,#6D4DFF 55%,#5A3AE8);
  border-radius:var(--radius);padding:20px;color:#fff;box-shadow:0 14px 34px rgba(109,77,255,.34);
  margin-bottom:12px}
.wcard .wl{font-size:12px;font-weight:700;opacity:.85}
.wcard .wv{display:block;font-family:"Poppins",sans-serif;font-size:32px;font-weight:800;
  margin:6px 0 4px}
.wcard .wv em{font-style:normal;font-size:13px;opacity:.8}
.wcard .wh{font-size:10.5px;font-weight:600;opacity:.75}
.wnote{margin:12px 4px 0;font-size:11.5px;color:var(--muted);font-weight:600;line-height:1.9}

.payrow{background:var(--card);border-radius:20px;box-shadow:var(--shadow);padding:13px 15px;
  display:flex;align-items:center;gap:12px;margin-bottom:10px}
.payrow .pi{width:40px;height:40px;border-radius:14px;background:#DCF7EF;flex:none;
  display:grid;place-items:center}
.payrow .pt{flex:1;min-width:0}
.payrow .pt b{display:block;font-size:13.5px;font-weight:700}
.payrow .pt small{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}
.payrow .pa{font-family:"Poppins",sans-serif;font-size:15px;font-weight:800;color:#0d7a63}

/* ---------- پەیام بۆ ئۆفیس ---------- */
.chat-fab{position:fixed;left:16px;bottom:calc(var(--footer-h) + 14px);width:54px;height:54px;
  border-radius:19px;border:0;background:var(--yellow);cursor:pointer;z-index:55;
  display:grid;place-items:center;box-shadow:0 10px 26px rgba(109,77,255,.45)}
.chat-fab:active{transform:scale(.95)}
.chat-fab .dot-badge{position:absolute;top:-4px;left:-4px;min-width:18px;height:18px;
  border-radius:9px;background:#F0566B;color:#fff;font-family:"Poppins",sans-serif;
  font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 4px}

.chat{position:fixed;top:0;bottom:0;left:0;right:0;margin:0 auto;max-width:480px;
  background:var(--bg);z-index:85;display:none;flex-direction:column;
  transform:translateY(100%);transition:transform .38s cubic-bezier(.32,.72,0,1)}
.chat.in{display:flex;transform:none}
.chead{display:flex;align-items:center;gap:12px;padding:14px;background:var(--card);
  box-shadow:var(--shadow)}
.chead .back{width:42px;height:42px;border-radius:15px;border:0;background:#F1F0F6;
  display:grid;place-items:center;cursor:pointer;flex:none}
.chead .t b{display:block;font-size:15px;font-weight:800}
.chead .t small{display:block;font-size:11px;color:var(--muted);font-weight:600}
.cbody{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px}
.cempty{margin:auto;text-align:center;font-size:12.5px;color:var(--muted);font-weight:600;
  line-height:2}
.cmsg{max-width:82%;border-radius:18px;padding:11px 14px;box-shadow:var(--shadow)}
.cmsg p{margin:0;font-size:13px;font-weight:600;line-height:1.9}
.cmsg small{display:block;font-size:9.5px;margin-top:6px;opacity:.6;font-weight:700}
.cmsg .ccode{display:inline-block;font-family:"Poppins",sans-serif;font-size:10px;
  background:rgba(0,0,0,.08);border-radius:7px;padding:2px 7px;margin-bottom:6px}
.cmsg.me{align-self:flex-start;background:var(--yellow);color:#fff;border-bottom-left-radius:6px}
.cmsg.me .ccode{background:rgba(255,255,255,.22)}
.cmsg.them{align-self:flex-end;background:var(--card);border-bottom-right-radius:6px}
.cbar{padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--card);
  box-shadow:0 -6px 20px rgba(30,27,58,.06)}
.cabout{display:inline-block;font-size:10.5px;font-weight:700;color:#4B32C3;
  background:var(--yellow-soft);border-radius:9px;padding:4px 9px;margin-bottom:9px}
.cbar .r{display:flex;gap:9px}
.cbar input{flex:1;border:0;background:#F4F3FA;border-radius:16px;padding:14px;
  font-family:inherit;font-size:13.5px;font-weight:600;outline:none}
.cbar input:focus{outline:2px solid var(--yellow)}
.cbar button{width:52px;border:0;border-radius:16px;background:var(--yellow);cursor:pointer;
  display:grid;place-items:center;flex:none}

/* ---------- بالانسی حساب ---------- */
.balcard{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:18px;margin-bottom:12px;border:1.5px solid var(--yellow-soft)}
.balcard .bl{font-size:12px;font-weight:700;color:var(--muted)}
.balcard .bv{display:block;font-family:"Poppins",sans-serif;font-size:28px;font-weight:800;
  color:#4B32C3;margin:5px 0 4px}
.balcard .bv em{font-style:normal;font-size:12px;color:var(--muted)}
.balcard .bh{font-size:10.5px;font-weight:600;color:var(--muted)}

.txlist{margin-bottom:6px}
.txrow{background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:12px 14px;
  display:flex;align-items:center;gap:11px;margin-bottom:9px}
.txrow .tx{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;
  font-family:"Poppins",sans-serif;font-size:16px;font-weight:800;flex:none}
.txrow .tx.up{background:#DCF7EF;color:#0d7a63}
.txrow .tx.dn{background:#FDECEE;color:#c0392b}
.txrow .tt{flex:1;min-width:0}
.txrow .tt b{display:block;font-size:13px;font-weight:700}
.txrow .tt small{display:block;font-size:10.5px;color:var(--muted);font-weight:600;margin-top:2px}
.txrow .ta{font-family:"Poppins",sans-serif;font-size:14px;font-weight:800}
.txrow .ta.up{color:#0d7a63}
.txrow .ta.dn{color:#c0392b}

.stopnote{background:#FDEEDF;border-radius:20px;padding:14px 16px;display:flex;
  align-items:center;gap:12px;margin-top:12px}
.stopnote b{display:block;font-size:13.5px;font-weight:800;color:#C2510C}
.stopnote small{display:block;font-size:11.5px;color:#8a5a00;font-weight:600;margin-top:2px}

.localnote{background:#EDE9FF;border-radius:20px;padding:14px 16px;display:flex;
  align-items:center;gap:12px;margin-top:12px}
.localnote b{display:block;font-size:13.5px;font-weight:800;color:#4B32C3}
.localnote small{display:block;font-size:11.5px;color:#5c6469;font-weight:600;margin-top:2px}

/* ---------- باری فلتەری کورتکراوە ---------- */
.fbar{display:flex;gap:8px;margin-top:10px}
.fbtn{flex:1;min-width:0;border:0;background:var(--card);box-shadow:var(--shadow);
  border-radius:15px;height:44px;padding:0 12px;font-family:inherit;font-size:11.5px;
  font-weight:700;color:#1b1b1b;cursor:pointer;display:flex;align-items:center;
  justify-content:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fbtn:last-child{flex:0 0 48px}
.fbtn .svgi{flex:none}
.fbtn i{font-style:normal;background:var(--yellow);color:#fff;font-family:"Poppins",sans-serif;
  font-size:9.5px;font-weight:800;border-radius:7px;padding:1px 6px}
.fbtn.on{box-shadow:0 0 0 1.5px var(--yellow),var(--shadow)}

.fsheet .fs-lbl{margin:14px 12px 8px;font-size:11.5px;font-weight:800;color:var(--muted)}
.fsheet .fs-row{display:flex;gap:7px;overflow-x:auto;padding:0 12px 2px;
  scrollbar-width:none}
.fsheet .fs-row::-webkit-scrollbar{display:none}
.fsheet .fs-row.wrap{flex-wrap:wrap;overflow:visible}
.fsheet .fs-act{display:flex;gap:9px;padding:16px 12px 6px}
.fsheet .fs-act button{flex:1;border:0;font-family:inherit;font-size:13px;font-weight:700;
  padding:13px;border-radius:15px;cursor:pointer}
.fsheet .fs-act .ok{background:var(--yellow);color:#fff}
.fsheet .fs-act .no{background:#F1F0F6;color:#1b1b1b}

/* =====================================================================
   ڕیسپۆنسیڤی ڕاستەقینەی مۆبایل
   هەموو قەبارەکان بەپێی پانی شاشە دەگۆڕێن (clamp)
   ===================================================================== */

/* ---------- ١ · کارتی ئامار — لە شاشەی بچووکدا تێکەڵ دەبوو ---------- */
.stats{grid-template-columns:1fr;gap:9px}
@media (min-width:430px){ .stats{grid-template-columns:repeat(3,1fr)} }
.stat{padding:clamp(11px,3.2vw,14px);gap:10px}
.stat .txt{flex:1;min-width:0}
.stat .lbl{font-size:clamp(11px,3.1vw,12.5px);white-space:normal;line-height:1.5}
.stat .val{font-size:clamp(19px,5.6vw,26px);margin-top:6px;white-space:nowrap}
.stat .badge{width:clamp(40px,11vw,46px);height:clamp(44px,13vw,60px);border-radius:16px}
.stat .badge .svgi{width:clamp(18px,5vw,22px);height:clamp(18px,5vw,22px)}
@media (min-width:430px){
  .stat{flex-direction:row}
  .stat .val{margin-top:14px}
}

/* ---------- ٢ · سلایدەر — وێنەکان لە چوارچێوە دەردەچوون ---------- */
.slider{overflow:hidden}
.slides{max-width:100%}
.slide{max-width:100%;flex:0 0 100%}
.slide img{max-width:100%}

/* ---------- ٣ · سەری پەڕە ---------- */
.topbar{gap:8px}
.grid-btn{padding:6px;flex:none}
.topbar .chip{min-width:0;overflow:hidden}
.topbar .chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- ٤ · باری فلتەر ---------- */
.fbtn{font-size:clamp(10.5px,3vw,11.5px);padding:0 clamp(8px,2.6vw,12px);gap:6px;min-width:0}
.fbtn .svgi{flex:none}
.fbtn:first-child{flex:1.4}
@media (max-width:340px){
  .fbtn:first-child .svgi{display:none}
}

/* ---------- ٥ · شوێنی دەستلێدان — لانیکەم ٤٤px ---------- */
.lg-f .eye{width:44px;height:44px;display:grid;place-items:center}
.lg-foot a{display:inline-block;padding:10px 6px}
.push-card button{min-height:42px}
.nhead button{min-height:40px}
.prep .cd{min-height:34px;display:grid;place-items:center}

/* ---------- ٦ · نووسینی زۆر بچووک ---------- */
.taskbar .lbl{font-size:clamp(10px,2.9vw,11px)}
.dot-badge{font-size:10px;min-width:18px;height:18px}

/* ---------- ٧ · کارتی پۆست ---------- */
.post .code{font-size:clamp(11px,3vw,12.5px)}
.post .who b{font-size:clamp(13px,3.7vw,14.5px)}
.post .route{font-size:clamp(11px,3.1vw,12.5px);gap:6px}
.post .route span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post .price{font-size:clamp(13px,4vw,15px)}

/* ---------- ٨ · فۆڕمی تۆمارکردن ---------- */
.newpost{padding:clamp(13px,3.6vw,16px)}
.newpost .fld input,.newpost .fld textarea{font-size:clamp(12.5px,3.5vw,13.5px)}

/* ---------- ٩ · جزدان ---------- */
.wcard{padding:clamp(16px,4.4vw,20px)}
.wcard .wv{font-size:clamp(24px,7.4vw,32px)}
.balcard .bv{font-size:clamp(22px,6.8vw,28px)}
.payrow .pa,.txrow .ta{font-size:clamp(13px,3.7vw,15px)}

/* ---------- ١٠ · پەیام ---------- */
.chat-fab{width:clamp(48px,13vw,54px);height:clamp(48px,13vw,54px)}
.cmsg{max-width:88%}
.cmsg p{font-size:clamp(12.5px,3.5vw,13px)}

/* ---------- ١١ · شاشەی زۆر بچووک ---------- */
@media (max-width:340px){
  .app{padding-left:10px;padding-right:10px}
  .sect{margin:20px 2px 12px}
  .sect span{font-size:15px}
  .panel,.newpost{padding:12px}
  .taskbar{padding:6px}
}

/* ---------- ڕاستکردنەوەی کۆتایی ---------- */
.taskbar .dot-badge{font-size:10px;min-width:18px;height:18px;border-radius:9px}
.grid-btn{width:42px;height:42px;padding:0;place-content:center}
.brand{min-width:0}
.brand .name{min-width:0;overflow:hidden}
.brand .name b{font-size:clamp(15px,4.6vw,19px);white-space:nowrap}
.brand .name span{font-size:clamp(13px,4vw,17px);white-space:nowrap}
@media (max-width:360px){
  .brand .mark{width:32px;height:32px}
  .topbar .chip{padding:8px 10px;font-size:11px}
}

.topbar .chip{min-height:42px}
@media (max-width:330px){
  .brand .name b,.brand .name span{font-size:14px}
  .brand{gap:6px}
}

/* کارتی ئامار — سێ ستوون تەنها کاتێک جێگای هەیە */
@media (min-width:430px) and (max-width:520px){
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:521px){
  .stats{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:430px){
  .stat{padding:13px 12px;gap:8px}
  .stat .lbl{font-size:11.5px;white-space:normal;word-break:break-word}
  .stat .val{font-size:20px;margin-top:8px;white-space:normal}
  .stat .badge{width:40px;height:48px}
}

/* ---------- ڕێکخستنی مۆبایل ---------- */
@media (max-width:430px){
  .fbtn{font-size:var(--fs-xs);padding:0 9px;gap:5px}
  .fbtn:first-child{flex:1.6}
  .fbtn:last-child{flex:0 0 44px}
  .post .who b{font-size:var(--fs-md)}
  .post .who small{font-size:var(--fs-xs)}
  .newpost .fgrid{grid-template-columns:1fr}
  .newpost .fgrid .wide{grid-column:1}
  .prep{padding:12px}
  .prep .cd{font-size:13.5px;padding:6px 9px}
  .payrow,.txrow{padding:11px 12px;gap:10px}
  .wcard .wv{font-size:clamp(24px,7.5vw,32px)}
  .balcard .bv{font-size:clamp(22px,7vw,28px)}
  .cmsg{max-width:88%}
}
@media (max-width:340px){
  .stats{grid-template-columns:1fr}
  .chat-fab{width:48px;height:48px;border-radius:17px}
}

/* ---------- تاسک بار: ناونیشانەکان هەرگیز پێکەوە نالکێن ---------- */
.taskbar button{padding-left:1px;padding-right:1px}
.taskbar .lbl{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
}
@media (max-width:400px){
  .taskbar{padding:9px 8px;width:calc(100% - 20px)}
  .taskbar button{gap:5px;padding-top:8px;padding-bottom:8px}
  .taskbar button .svgi{width:22px;height:22px}
  .taskbar .lbl{font-size:9px;letter-spacing:-.3px}
  .taskbar .dot-badge{left:calc(50% - 15px)}
}
@media (max-width:340px){
  .taskbar .lbl{font-size:8.5px}
  .taskbar button .svgi{width:21px;height:21px}
}

/* =====================================================================
   فۆڕمی تۆمارکردنی پۆست (لای موشتەری) — دیزاینی نوێ
   ===================================================================== */
.newpost{padding:18px;border-radius:24px}
.newpost .fgrid{gap:13px}
.newpost .fld label{
  font-size:11.5px;font-weight:700;color:var(--muted);
  margin:0 3px 7px;letter-spacing:.2px;
}
.newpost .fld input,
.newpost .fld textarea{
  background:#F6F5FB;
  border:1.5px solid #ECEAF5;
  border-radius:14px;
  padding:14px 15px;
  font-size:13.5px;font-weight:600;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.newpost .fld input::placeholder,
.newpost .fld textarea::placeholder{color:#A9A6BC;font-weight:500}
.newpost .fld input:hover,
.newpost .fld textarea:hover{border-color:#DCD7EE}
.newpost .fld input:focus,
.newpost .fld textarea:focus{
  background:#fff;
  border-color:var(--yellow);
  box-shadow:0 0 0 4px rgba(109,77,255,.14);
  outline:none;
}
.newpost .fld textarea{min-height:84px;line-height:1.9}
.newpost .fld input[type=number]{-moz-appearance:textfield}
.newpost .fld input[type=number]::-webkit-outer-spin-button,
.newpost .fld input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.newpost .merr{margin:12px 3px 0;font-size:12px;font-weight:700;color:#C0392B}
.newpost .merr:not(:empty){
  padding:11px 13px;border-radius:13px;
  background:rgba(240,86,107,.1);
  border:1px solid rgba(240,86,107,.22);
}
.newpost .mact{margin-top:16px}
.newpost .mact .ok{
  border-radius:16px;padding:15px;font-size:14px;
  box-shadow:0 10px 24px rgba(109,77,255,.3);
  transition:background .16s ease,transform .12s ease;
}
.newpost .mact .ok:hover{background:#5638E0}
.newpost .mact .ok:active{transform:translateY(1px)}

/* فۆڕمی چات */
.cbar input{
  border:1.5px solid #ECEAF5;border-radius:16px;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.cbar input:focus{
  border-color:var(--yellow);
  box-shadow:0 0 0 4px rgba(109,77,255,.14);
  outline:none;
}

/* =====================================================================
   قۆناغەکانی پۆست — هێڵی پێنج خاڵی
   ===================================================================== */
.post .steps{
  --c:#6D4DFF;
  display:flex;align-items:center;gap:0;margin:14px 0 9px;
}
.post .steps .sp{
  position:relative;flex:1;height:4px;border-radius:3px;background:#ECEAF5;
}
.post .steps .sp:first-child{border-radius:0 3px 3px 0}
.post .steps .sp:last-child{border-radius:3px 0 0 3px}
.post .steps .sp + .sp{margin-inline-start:4px}
.post .steps .sp.done{background:var(--c)}
.post .steps .sp.now{background:linear-gradient(270deg,var(--c) 55%,#ECEAF5 55%)}
.post .steps .sp.now i{
  position:absolute;top:50%;inset-inline-start:45%;
  width:11px;height:11px;border-radius:50%;
  background:#fff;border:3px solid var(--c);
  transform:translate(50%,-50%);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent);
}
.post .steps.bad .sp.done{background:#F0566B}
.post .steps.bad .sp.now i{border-color:#F0566B}

.post .stepnote{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:2px;
}
.post .stepnote b{
  font-family:"Poppins",sans-serif;font-size:11px;color:#1b1b1b;
  background:#F4F3FA;border-radius:7px;padding:3px 8px;
}

/* ---------- هێڵی کاتی وردەکاری ---------- */
.hero .subnote{
  margin-top:6px;font-size:12px;font-weight:600;color:rgba(255,255,255,.72);
}
.tl .subs{margin:9px 0 2px;padding-inline-start:2px}
.tl .sub{
  display:flex;align-items:center;gap:9px;padding:5px 0;
  font-size:11.5px;font-weight:600;color:var(--muted);
}
.tl .sub i{
  width:7px;height:7px;border-radius:50%;background:#DCD9EA;flex:none;
}
.tl .sub.done{color:#5c6469}
.tl .sub.done i{background:var(--yellow)}
.tl .sub.cur{color:#1b1b1b;font-weight:800}
.tl .sub.cur i{background:var(--yellow);box-shadow:0 0 0 3px rgba(109,77,255,.18)}
.tl .sub span{flex:1;min-width:0}
.tl .sub small{font-size:10px;color:var(--muted);font-weight:700;white-space:nowrap}
.tl .row.bad .sub.cur{color:#C0392B}
.tl .row.bad .sub.cur i{background:#F0566B;box-shadow:0 0 0 3px rgba(240,86,107,.18)}

/* =====================================================================
   پاڵێتی ڕەش · شین · زەرد · سوور
   هەر بەشێک ڕەنگی خۆی — پاشبنەما، سەربار، تاسک بار و کارتەکان
   ===================================================================== */
#sc-home  { --tint:#0F1219 }
#sc-posts { --tint:#1D4ED8 }
#sc-serv  { --tint:#0E9F6E }
#sc-bal   { --tint:#FFB703 }
#sc-alert { --tint:#E63946 }

body[data-sc="sc-home"] { --nowc:#0F1219; background-color:#EEF0F4 }
body[data-sc="sc-posts"]{ --nowc:#1D4ED8; background-color:#E9EFFC }
body[data-sc="sc-serv"] { --nowc:#0E9F6E; background-color:#E6F5EE }
body[data-sc="sc-bal"]  { --nowc:#FFB703; background-color:#FDF4DE }
body[data-sc="sc-alert"]{ --nowc:#E63946; background-color:#FCEAEC }
body{transition:background-color .45s ease}

body[data-sc]::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  transition:opacity .45s ease;
}
body[data-sc="sc-home"]::before{
  background:
    radial-gradient(720px 420px at 92% -6%, rgba(29,78,216,.20), transparent 62%),
    radial-gradient(640px 380px at -6% 16%, rgba(15,18,25,.14), transparent 64%),
    radial-gradient(680px 440px at 50% 106%, rgba(255,183,3,.16), transparent 62%);
}
body[data-sc="sc-posts"]::before{
  background:
    radial-gradient(720px 420px at 92% -6%, rgba(29,78,216,.30), transparent 62%),
    radial-gradient(640px 380px at -6% 16%, rgba(56,189,248,.22), transparent 64%),
    radial-gradient(680px 440px at 50% 106%, rgba(15,18,25,.10), transparent 62%);
}
body[data-sc="sc-serv"]::before{
  background:
    radial-gradient(720px 420px at 92% -6%, rgba(14,159,110,.28), transparent 62%),
    radial-gradient(640px 380px at -6% 16%, rgba(29,78,216,.16), transparent 64%),
    radial-gradient(680px 440px at 50% 106%, rgba(255,183,3,.14), transparent 62%);
}
body[data-sc="sc-bal"]::before{
  background:
    radial-gradient(720px 420px at 92% -6%, rgba(255,183,3,.34), transparent 62%),
    radial-gradient(640px 380px at -6% 16%, rgba(244,140,6,.24), transparent 64%),
    radial-gradient(680px 440px at 50% 106%, rgba(15,18,25,.10), transparent 62%);
}
body[data-sc="sc-alert"]::before{
  background:
    radial-gradient(720px 420px at 92% -6%, rgba(230,57,70,.28), transparent 62%),
    radial-gradient(640px 380px at -6% 16%, rgba(255,183,3,.20), transparent 64%),
    radial-gradient(680px 440px at 50% 106%, rgba(15,18,25,.10), transparent 62%);
}

/* ---------- سەربار ---------- */
.topbar{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(15,18,25,.06);
  box-shadow:0 6px 22px rgba(15,18,25,.07);
}
.topbar .chip{
  background:#F3F5F8;border:1px solid rgba(15,18,25,.07);color:var(--ink);
}
.topbar .grid{background:#F3F5F8;border-radius:14px}

/* ---------- تاسک بار ---------- */
/* تاسک بار — سپی، ڕەنگ تەنها بۆ بەشی چالاک */
.taskbar{
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(15,18,25,.06);
  box-shadow:0 -2px 12px rgba(15,18,25,.04), 0 12px 32px rgba(15,18,25,.10);
}
.taskbar button .svgi{background:#9AA1AE}
.taskbar button .lbl{color:#8A91A0;font-weight:700}
.taskbar button.active .svgi{background:#fff}
.taskbar button.active .lbl{color:#fff;font-weight:800}
/* پیلی خشاو — ڕەشی جێگیر، نەک ڕەنگاوڕەنگ */
.taskbar .glide{
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 60%);
  background-color:var(--ink);
  box-shadow:0 8px 20px rgba(15,18,25,.30),
             inset 0 1px 0 rgba(255,255,255,.18);
}

/* ---------- کارتەکان ---------- */
.screen .panel,.screen .nitem,.screen .payrow,.screen .txrow,
.screen .newpost,.screen .prep,.screen .hrow,.screen .hs,
.screen .qa,.screen .balcard{
  background:color-mix(in srgb, var(--tint,#1D4ED8) 5%, #fff);
  border:1px solid color-mix(in srgb, var(--tint,#1D4ED8) 17%, #fff);
  box-shadow:0 4px 16px color-mix(in srgb, var(--tint,#1D4ED8) 10%, transparent);
}
.screen .search input,.screen .fbtn,.screen .fchip{
  background:color-mix(in srgb, var(--tint,#1D4ED8) 9%, #fff);
  border:1px solid color-mix(in srgb, var(--tint,#1D4ED8) 18%, #fff);
}
.screen .fchip.on{background:var(--yellow);border-color:var(--yellow);color:#fff}
.screen .sect:before,.screen .sect:after{
  background:color-mix(in srgb, var(--tint) 26%, #fff);
}

/* ---------- کارتی ئامار و هیرۆ ---------- */
.hero{background:linear-gradient(135deg,#0F1219,#1C2029 55%,#1D4ED8)}
.hbal{background:linear-gradient(135deg,#1D4ED8,#2563EB 60%,#0F1219);
  box-shadow:0 12px 30px rgba(29,78,216,.3)}
.wcard{background:linear-gradient(135deg,#FFB703,#F48C06)}
.balcard{border-color:var(--blue-s)}
.balcard .bv{color:var(--blue)}
.stat.s-teal{background:linear-gradient(135deg,#0E9F6E,#0B7F58)}
.stat.s-blue{background:linear-gradient(135deg,#1D4ED8,#1739A8)}
.stat.s-red{background:linear-gradient(135deg,#E63946,#C1121F)}
.stat.s-amber{background:linear-gradient(135deg,#FFB703,#F48C06)}

.payrow .pi{background:var(--teal-s)}
.payrow .pa{color:#0B7F58}
.txrow .tx.up{background:var(--teal-s);color:#0B7F58}
.txrow .tx.dn{background:var(--red-s);color:#C1121F}
.txrow .ta.up{color:#0B7F58}
.txrow .ta.dn{color:#C1121F}

.chat-fab{background:linear-gradient(135deg,#E63946,#C1121F);
  box-shadow:0 10px 26px rgba(230,57,70,.4)}
.cmsg.me{background:linear-gradient(135deg,#1D4ED8,#2563EB)}
.chat{background:#F2F5FD}
.chead{background:linear-gradient(135deg,#DCE7FE,#F2F5FD);border-bottom:1px solid #C9D8FA}
.cbar{background:#E9EFFC;border-top:1px solid #C9D8FA;box-shadow:none}
.cmsg.them{background:#fff;border:1px solid #DCE7FE}
.dot-badge{background:var(--red)}
.pop .card{background:#FAFBFD;border:1px solid var(--line)}

/* پەڕەی وردەکاری */
#sheet{background:#EEF2FB;--tint:#1D4ED8}
#sheet .blk,#sheet .live,#sheet .bcode{
  background:color-mix(in srgb, var(--tint) 5%, #fff);
  border:1px solid color-mix(in srgb, var(--tint) 17%, #fff);
}

/* =====================================================================
   کارتی پۆست — دیزاینی نوێ
   ===================================================================== */
.pk{
  --c:#1D4ED8;
  position:relative;overflow:hidden;
  display:block;width:100%;
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:16px 17px;
  margin-bottom:11px;
  cursor:pointer;
  box-shadow:0 3px 14px rgba(15,18,25,.05);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.pk::before{
  content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;
  width:4px;background:var(--c);
}
.pk:active{transform:scale(.985)}
.pk:hover{box-shadow:0 8px 24px rgba(15,18,25,.09);border-color:#DCE1EA}
.pk.sel{border-color:var(--c);box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 30%,transparent)}

/* ---- سەر ---- */
.pk-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.pk-st{
  display:inline-flex;align-items:center;gap:7px;
  background:color-mix(in srgb,var(--c) 11%,#fff);
  color:var(--c);border-radius:9px;padding:6px 11px;
  font-size:11.5px;font-weight:800;
}
.pk-st i{width:7px;height:7px;border-radius:50%;background:var(--c);flex:none}
.pk-code{
  margin-inline-start:auto;font-family:"Poppins",sans-serif;
  font-size:12.5px;font-weight:800;color:var(--muted);letter-spacing:.4px;direction:ltr;
}
.pk .pick{
  width:22px;height:22px;border-radius:8px;background:var(--c);flex:none;
  display:grid;place-items:center;
}

/* ---- ڕێڕەو ---- */
.pk-route{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.pk-route .p{display:flex;align-items:center;gap:7px;flex:none;min-width:0}
.pk-route .p b{font-size:12.5px;font-weight:700;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:82px}
.pk-route .d{width:9px;height:9px;border-radius:50%;flex:none}
.pk-route .d.from{background:#fff;border:2.5px solid var(--c)}
.pk-route .d.to{background:var(--c)}
.pk-route .ln{
  flex:1;min-width:24px;height:3px;border-radius:3px;
  background:color-mix(in srgb,var(--c) 16%,#fff);position:relative;overflow:hidden;
}
.pk-route .ln i{
  position:absolute;inset-inline-start:0;top:0;bottom:0;
  background:var(--c);border-radius:3px;
  transition:width .5s cubic-bezier(.32,.72,0,1);
}

/* ---- وەرگر ---- */
.pk-to{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.pk-to .av{
  width:38px;height:38px;border-radius:13px;flex:none;display:grid;place-items:center;
  background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);
  font-size:16px;font-weight:800;
}
.pk-to .m{flex:1;min-width:0}
.pk-to .m b{display:block;font-size:14px;font-weight:700;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-to .m small{display:block;font-size:11.5px;color:var(--muted);font-weight:600;
  margin-top:2px;direction:ltr;text-align:right}
.pk-to .amt{
  flex:none;font-family:"Poppins",sans-serif;font-size:16px;font-weight:800;color:var(--ink);
}
.pk-to .amt em{font-style:normal;font-size:10px;color:var(--muted);
  font-weight:600;padding-inline-start:5px}

/* ---- خوارەوە ---- */
.pk-f{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-top:1px solid var(--line);padding-top:11px;
}
.pk-f .nt{font-size:11.5px;font-weight:700;color:var(--c);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-f .dt{font-size:11px;font-weight:600;color:var(--muted);flex:none}

/* ---- کێشەدار ---- */
.pk.bad{--c:#E63946}
.pk.bad .pk-f .nt{color:#C1121F}

/* لەسەر پاشبنەمای ڕەنگاوڕەنگ */
.screen .pk{
  background:color-mix(in srgb, var(--tint,#1D4ED8) 4%, #fff);
  border-color:color-mix(in srgb, var(--tint,#1D4ED8) 14%, #fff);
}
@media (max-width:360px){
  .pk{padding:14px}
  .pk-route .p b{max-width:66px;font-size:12px}
  .pk-to .amt{font-size:15px}
}

/* =====================================================================
   پەڕەی سەرەتا — دیزاینی پڕۆفیشناڵ
   ===================================================================== */
.hi{display:flex;align-items:center;gap:13px;margin:18px 2px 16px}
.hi .av{
  width:48px;height:48px;border-radius:17px;flex:none;display:grid;place-items:center;
  background:var(--ink);color:#fff;font-size:20px;font-weight:800;
  box-shadow:0 8px 20px rgba(15,18,25,.22);
}
.hi .s{font-size:12.5px;font-weight:600;color:var(--muted)}
.hi b{display:block;font-size:19px;font-weight:800;color:var(--ink);margin-top:3px}

/* ---------- کارتی بالانس ---------- */
.hbal{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#0F1219 0%,#182033 55%,#1D4ED8 140%);
  border-radius:24px;padding:20px;color:#fff;margin-bottom:14px;
  box-shadow:0 14px 34px rgba(15,18,25,.26);
}
.hbal::after{
  content:"";position:absolute;inset:auto -50px -70px auto;
  width:190px;height:190px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,183,3,.28),transparent 68%);
}
.hbal .row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hbal .lb{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.7)}
.hbal .go{
  width:34px;height:34px;border-radius:12px;border:0;flex:none;cursor:pointer;
  background:rgba(255,255,255,.14);display:grid;place-items:center;
}
.hbal .go .svgi{width:15px;height:15px;background:#fff;transform:rotate(180deg)}
.hbal .v{
  display:block;font-family:"Poppins",sans-serif;
  font-size:clamp(28px,8vw,36px);font-weight:800;margin:9px 0 16px;
}
.hbal .v em{font-style:normal;font-size:13px;color:rgba(255,255,255,.65);
  padding-inline-start:7px}
.hbal .mini{display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:1}
.hbal .mini span{
  display:flex;align-items:center;gap:7px;
  font-size:11.5px;font-weight:700;color:rgba(255,255,255,.85);
}
.hbal .mini .dot{width:7px;height:7px;border-radius:50%;flex:none}
.hbal .mini .dot.b{background:#60A5FA}
.hbal .mini .dot.g{background:#34D399}
.hbal .mini .dot.r{background:#FB7185}

/* ---------- کردارە خێراکان ---------- */
.qgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:6px}
.qa{
  --qc:#1D4ED8;
  display:flex;flex-direction:column;align-items:center;gap:9px;
  background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:15px 5px;cursor:pointer;
  box-shadow:0 3px 14px rgba(15,18,25,.05);
  font-family:inherit;font-size:10.5px;font-weight:700;color:var(--ink);
  transition:transform .14s ease,box-shadow .16s ease;
}
.qa:active{transform:scale(.95)}
.qa:hover{box-shadow:0 8px 22px rgba(15,18,25,.10)}
.qa .ic{
  position:relative;
  width:44px;height:44px;border-radius:16px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--qc) 12%,#fff);
}
.qa .ic .svgi{width:20px;height:20px;background:var(--qc)}
.qa .ic .b{
  position:absolute;top:-4px;inset-inline-end:-4px;
  min-width:18px;height:18px;border-radius:9px;padding:0 5px;
  background:var(--red);color:#fff;font-style:normal;
  font-family:"Poppins",sans-serif;font-size:10px;font-weight:800;
  display:grid;place-items:center;
}
.qa .t{text-align:center;line-height:1.4}

/* ---------- کارتی بەدواداچوون ---------- */
.trk{
  --c:#1D4ED8;
  position:relative;overflow:hidden;width:100%;text-align:right;
  background:#fff;border:1px solid var(--line);border-radius:22px;
  padding:17px;cursor:pointer;
  box-shadow:0 4px 18px rgba(15,18,25,.06);font-family:inherit;
}
.trk::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;
  width:4px;background:var(--c)}
.trk .t-h{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.trk .t-st{
  display:inline-flex;align-items:center;gap:7px;
  background:color-mix(in srgb,var(--c) 11%,#fff);color:var(--c);
  border-radius:9px;padding:6px 11px;font-size:11.5px;font-weight:800;
}
.trk .t-st i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.trk .t-code{margin-inline-start:auto;font-family:"Poppins",sans-serif;
  font-size:12.5px;font-weight:800;color:var(--muted);direction:ltr}
.trk .t-r{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.trk .t-r b{font-size:13px;font-weight:700;color:var(--ink);flex:none;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:78px}
.trk .dots{flex:1;display:flex;align-items:center;gap:5px}
.trk .dots .d{
  flex:1;height:4px;border-radius:3px;
  background:color-mix(in srgb,var(--c) 15%,#fff);
}
.trk .dots .d.done{background:var(--c)}
.trk .dots .d.now{background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 20%,transparent)}
.trk .t-f{display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-top:1px solid var(--line);padding-top:12px}
.trk .t-f span{font-size:12px;font-weight:700;color:var(--c)}
.trk .t-f em{font-style:normal;font-family:"Poppins",sans-serif;font-size:11.5px;
  font-weight:800;color:var(--muted)}

/* ---------- دوایین پۆستەکان ---------- */
.hlist{display:flex;flex-direction:column;gap:9px}
.hrow{
  --c:#1D4ED8;
  display:flex;align-items:center;gap:12px;width:100%;text-align:right;
  background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:13px 15px;cursor:pointer;font-family:inherit;
  box-shadow:0 3px 12px rgba(15,18,25,.04);
  transition:transform .14s ease;
}
.hrow:active{transform:scale(.985)}
.hrow .ic{
  width:38px;height:38px;border-radius:13px;flex:none;display:grid;place-items:center;
  background:color-mix(in srgb,var(--c) 11%,#fff);
}
.hrow .ic .svgi{width:18px;height:18px;background:var(--c)}
.hrow .m{flex:1;min-width:0}
.hrow .m b{display:block;font-size:13.5px;font-weight:700;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hrow .m small{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}
.hrow .st{
  flex:none;font-size:10.5px;font-weight:800;border-radius:9px;padding:6px 10px;
  background:color-mix(in srgb,var(--c) 11%,#fff);color:var(--c);
}

.hempty{
  background:#fff;border:1px solid var(--line);border-radius:22px;
  padding:32px 22px;text-align:center;box-shadow:0 3px 14px rgba(15,18,25,.05);
}
.hempty > .svgi{width:42px;height:42px;background:#C7CDD8;margin:0 auto 14px}
.hempty b{display:block;font-size:15px;font-weight:800;color:var(--ink)}
.hempty small{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-top:6px}
.hempty .go{
  margin-top:18px;border:0;border-radius:14px;background:var(--ink);color:#fff;
  padding:13px 22px;min-height:46px;cursor:pointer;
  font-family:inherit;font-size:13px;font-weight:700;
}

@media (max-width:340px){
  .qgrid{grid-template-columns:repeat(2,1fr)}
  .trk .t-r b{max-width:62px}
}

/* =====================================================================
   پەڕەی وردەکاری پۆست — دیزاینی نوێ
   ===================================================================== */
#sheet{background:#F4F5F8;padding-left:0;padding-right:0}

#sheet .sheet-top{
  position:sticky;top:0;z-index:6;
  display:flex;align-items:center;gap:12px;
  padding:16px 16px 14px;
  padding-top:calc(16px + env(safe-area-inset-top));
  background:linear-gradient(#F4F5F8 76%,rgba(244,245,248,0));
  box-shadow:none;
}
.sheet-top .back,.sheet-top .more{
  width:40px;height:40px;border-radius:14px;border:0;flex:none;cursor:pointer;
  background:#fff;display:grid;place-items:center;
  box-shadow:0 3px 12px rgba(15,18,25,.07);
}
.sheet-top .back .svgi,.sheet-top .more .svgi{background:var(--ink)}
.sheet-top .ttl{flex:1;text-align:center}
.sheet-top .ttl h3{margin:0;font-size:17px;font-weight:800;color:var(--ink)}

/* ---------- ١) کارتی سەرەوە ---------- */
.d-card{
  background:#fff;border-radius:24px;padding:20px;margin:0 14px 14px;
  box-shadow:0 6px 24px rgba(15,18,25,.07);
}
.d-card .k{display:block;font-size:11.5px;font-weight:600;color:var(--muted)}
.d-row1{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.d-row1 .id{
  display:block;font-family:"Poppins",sans-serif;
  font-size:clamp(19px,5.4vw,24px);font-weight:800;color:var(--ink);
  margin-top:5px;letter-spacing:.4px;direction:ltr;
}
.d-row1 .stwrap{text-align:left;flex:none}
.d-row1 .pill{
  --c:#1D4ED8;
  display:inline-flex;align-items:center;gap:7px;margin-top:6px;
  background:color-mix(in srgb,var(--c) 11%,#fff);color:var(--c);
  border-radius:12px;padding:9px 13px;
  font-size:12.5px;font-weight:800;white-space:nowrap;
}
.d-row1 .pill .svgi{width:15px;height:15px;background:var(--c)}

.d-sep{height:1px;background:var(--line);margin:18px 0}

.d-row2{display:flex;align-items:center;gap:14px}
.d-row2 .ways{flex:1;min-width:0}
.d-row2 .w + .w{margin-top:16px}
.d-row2 .w .k{display:flex;align-items:center;gap:7px}
.d-row2 .w .dot{width:8px;height:8px;border-radius:50%;flex:none}
.d-row2 .w .dot.from{background:#10B981}
.d-row2 .w .dot.to{background:#1D4ED8}
.d-row2 .w b{display:block;font-size:16px;font-weight:800;color:var(--ink);margin-top:5px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.box3d{
  width:104px;height:104px;flex:none;border-radius:24px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#FFF1D6,#F6DCA8);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 8px 22px rgba(200,150,60,.22);
}
.box3d .svgi{width:48px;height:48px;background:#B57F2A}

.d-row3{display:flex;align-items:center;gap:16px;margin-top:18px}
.d-row3 > div{flex:1;min-width:0}
.d-row3 b{display:block;font-size:14px;font-weight:800;color:var(--ink);margin-top:5px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d-row3 .vl{flex:0 0 1px;width:1px;height:34px;background:var(--line)}

/* ---------- ٢) پانێڵی تۆخ ---------- */
.d-dark{
  background:linear-gradient(180deg,#151A24,#0F1219);
  border-radius:28px;padding:20px 16px 16px;margin:0 14px 14px;
  box-shadow:0 16px 40px rgba(15,18,25,.28);
}
.dd-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.dd-head > div{flex:1;min-width:0}
.dd-head .k{display:block;font-size:11px;font-weight:600;color:rgba(255,255,255,.5)}
.dd-head b{display:block;font-size:14.5px;font-weight:800;color:#fff;margin-top:4px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-head .truck{
  --c:#1D4ED8;
  width:56px;height:56px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:color-mix(in srgb,var(--c) 22%,#0F1219);
  border:1px solid color-mix(in srgb,var(--c) 40%,#0F1219);
  box-shadow:0 0 0 8px color-mix(in srgb,var(--c) 8%,transparent);
}
.dd-head .truck .svgi{width:24px;height:24px;background:var(--c)}

/* هەنگاوەکان */
.dd-steps{
  --c:#1D4ED8;
  position:relative;display:flex;justify-content:space-between;gap:4px;
  padding:0 4px;margin-bottom:20px;
}
.dd-steps .rail{
  position:absolute;top:21px;inset-inline:26px;height:2px;
  background:rgba(255,255,255,.12);border-radius:2px;
}
.dd-steps .rail i{
  position:absolute;top:0;bottom:0;inset-inline-start:0;
  background:var(--c);border-radius:2px;
  transition:width .6s cubic-bezier(.32,.72,0,1);
}
.stp{position:relative;z-index:1;flex:1;min-width:0;text-align:center}
.stp .c{
  width:42px;height:42px;margin:0 auto 9px;border-radius:50%;
  display:grid;place-items:center;
  background:#252A35;border:1px solid rgba(255,255,255,.10);
}
.stp .c .svgi{width:18px;height:18px;background:rgba(255,255,255,.45)}
.stp .l{font-size:10.5px;font-weight:700;color:rgba(255,255,255,.45);
  display:block;line-height:1.4;overflow-wrap:anywhere}
.stp.done .c{background:var(--c);border-color:var(--c)}
.stp.done .c .svgi{background:#fff}
.stp.done .l{color:rgba(255,255,255,.75)}
.stp.now .c{
  background:var(--c);border-color:var(--c);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 22%,transparent);
}
.stp.now .c .svgi{background:#fff}
.stp.now .l{color:#fff;font-weight:800}

/* لۆگی ڕووداوەکان */
.dd-log{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
  border-radius:20px;padding:6px 14px;
}
.ev{display:flex;align-items:center;gap:13px;padding:13px 0;position:relative}
.ev + .ev::before{
  content:"";position:absolute;top:-16px;height:16px;width:2px;
  inset-inline-start:19px;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.22) 0 3px,transparent 3px 6px);
}
.ev .ic{
  width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;
}
.ev .ic .svgi{width:18px;height:18px;background:#fff}
.ev .m{flex:1 1 auto;min-width:0}
.ev .m b{display:block;font-size:13px;font-weight:700;color:rgba(255,255,255,.72);
  line-height:1.65}
.ev .m small{display:block;font-size:11.5px;color:rgba(255,255,255,.42);
  font-weight:600;margin-top:3px}
.ev .tm{flex:0 0 auto;font-size:11px;font-weight:700;color:rgba(255,255,255,.5);
  white-space:nowrap;align-self:flex-start;padding-top:3px}
.ev{align-items:flex-start}
.ev .ic{margin-top:1px}
.ev.top .m b{color:#fff;font-weight:800}
.ev.top .tm{color:rgba(255,255,255,.75)}
.dd-log .none{padding:16px 2px;font-size:12px;color:rgba(255,255,255,.4);font-weight:600}

/* شۆفێر */
.dd-drv{
  display:flex;align-items:center;gap:12px;margin-top:12px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  border-radius:20px;padding:12px 14px;
}
.dd-drv .av{
  width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:#3A1D22;color:#F87171;font-size:19px;font-weight:800;
}
.dd-drv .m{flex:1;min-width:0}
.dd-drv .m b{display:block;font-size:14px;font-weight:800;color:#fff}
.dd-drv .m small{display:block;font-size:11.5px;color:rgba(255,255,255,.45);
  font-weight:600;margin-top:2px}
.dd-drv .ca,.dd-drv .ms{
  width:46px;height:46px;flex:none;border-radius:50%;border:0;cursor:pointer;
  display:grid;place-items:center;text-decoration:none;
}
.dd-drv .ca{background:#E63946;box-shadow:0 8px 18px rgba(230,57,70,.34)}
.dd-drv .ms{background:rgba(255,255,255,.10)}
.dd-drv .svgi{width:19px;height:19px;background:#fff}

/* ---------- بەشەکانی خوارەوە ---------- */
#sheet .blk,#sheet .live,#sheet .bcode{
  background:#fff;border:1px solid var(--line);
  border-radius:22px;margin:0 14px 12px;
  box-shadow:0 4px 16px rgba(15,18,25,.05);
}
#sheet .acts{margin:0 14px}

@media (max-width:400px){
  .ev{flex-wrap:wrap;row-gap:4px}
  .ev .m{flex:1 1 calc(100% - 106px)}
  .ev .tm{margin-inline-start:auto}
  .stp .l{font-size:9.5px}
}
@media (max-width:360px){
  .box3d{width:86px;height:86px;border-radius:20px}
  .box3d .svgi{width:40px;height:40px}
  .d-row1 .pill{padding:8px 10px;font-size:11.5px}
  .stp .c{width:38px;height:38px}
  .dd-steps .rail{top:19px;inset-inline:24px}
}

/* ---------- نیشانەی نوێبوونەوەی زیندوو ---------- */
.livedot{
  width:7px;height:7px;border-radius:50%;flex:none;
  background:#C9CFDA;transition:background .25s ease,box-shadow .25s ease;
}
.livedot.on{
  background:#10B981;
  box-shadow:0 0 0 4px rgba(16,185,129,.18);
  animation:lvp 1s ease-in-out infinite;
}
@keyframes lvp{50%{opacity:.5}}

/* =====================================================================
   بەشی پارەدان — سادە و ڕوون
   ===================================================================== */
.pay-hero{
  background:linear-gradient(135deg,#0F1219,#182033 60%,#1D4ED8 145%);
  border-radius:26px;padding:22px;color:#fff;margin-bottom:12px;
  box-shadow:0 14px 34px rgba(15,18,25,.26);
}
.pay-hero .lb{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.7)}
.pay-hero .v{
  display:block;font-family:"Poppins",sans-serif;
  font-size:clamp(30px,9vw,40px);font-weight:800;margin:8px 0 18px;
}
.pay-hero .v em{font-style:normal;font-size:14px;color:rgba(255,255,255,.6);
  padding-inline-start:8px}
.pay-hero .brk{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  background:rgba(255,255,255,.07);border-radius:16px;padding:13px;
}
.pay-hero .brk span{display:flex;flex-direction:column;gap:4px}
.pay-hero .brk i{font-style:normal;font-size:10px;color:rgba(255,255,255,.55);
  font-weight:600;white-space:nowrap}
.pay-hero .brk b{font-family:"Poppins",sans-serif;font-size:13px;font-weight:800}
.pay-hero .brk .m{
  align-self:center;font-family:"Poppins",sans-serif;font-size:15px;
  font-weight:800;color:rgba(255,255,255,.45);
}

/* پاداشت */
.pay-bonus{
  display:flex;align-items:center;gap:12px;
  background:linear-gradient(135deg,#FFF6E0,#FFEFC9);
  border:1px solid #F5DFA6;border-radius:20px;padding:15px;margin-bottom:12px;
}
.pay-bonus .ic{
  width:44px;height:44px;flex:none;border-radius:15px;display:grid;place-items:center;
  background:#FFB703;
}
.pay-bonus .ic .svgi{width:21px;height:21px;background:#fff}
.pay-bonus .t{flex:1;min-width:0}
.pay-bonus .t b{display:block;font-size:14px;font-weight:800;color:#8A5A00}
.pay-bonus .t small{display:block;font-size:11.5px;color:#A97C22;
  font-weight:600;margin-top:3px;line-height:1.7}
.pay-bonus .n{
  flex:none;font-family:"Poppins",sans-serif;font-size:16px;font-weight:800;color:#8A5A00;
}

/* سێ ژمارە */
.pay-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px}
.pay-3 > div{
  background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:14px 10px;text-align:center;box-shadow:0 3px 12px rgba(15,18,25,.04);
}
.pay-3 b{display:block;font-family:"Poppins",sans-serif;font-size:17px;
  font-weight:800;color:var(--ink)}
.pay-3 span{font-size:10.5px;font-weight:700;color:var(--muted)}

/* پارەی وەرگیراو */
.pay-out{
  display:flex;align-items:center;gap:12px;
  background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:13px 15px;margin-bottom:9px;box-shadow:0 3px 12px rgba(15,18,25,.04);
}
.pay-out .ic{
  width:38px;height:38px;flex:none;border-radius:13px;display:grid;place-items:center;
  background:var(--teal-s);
}
.pay-out .ic .svgi{width:17px;height:17px;background:#0B7F58}
.pay-out .t{flex:1;min-width:0}
.pay-out .t b{display:block;font-size:13.5px;font-weight:700;color:var(--ink)}
.pay-out .t small{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}
.pay-out .a{font-family:"Poppins",sans-serif;font-size:15px;font-weight:800;color:#0B7F58}
.pay-none{
  background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:22px;text-align:center;font-size:12.5px;color:var(--muted);font-weight:600;
}

/* وردەکاری هەر پاکێجێک */
.pay-row{
  background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:15px;margin-bottom:10px;box-shadow:0 3px 12px rgba(15,18,25,.04);
}
.pr-h{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:13px}
.pr-h b{font-size:14px;font-weight:700;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-h .c{font-family:"Poppins",sans-serif;font-size:12px;font-weight:800;
  color:var(--muted);direction:ltr;flex:none}
.pr-calc{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  background:#F6F7FA;border-radius:15px;padding:12px;
}
.pr-calc .it{display:flex;flex-direction:column;gap:4px}
.pr-calc .it i{font-style:normal;font-size:10px;color:var(--muted);font-weight:600;
  white-space:nowrap}
.pr-calc .it b{font-family:"Poppins",sans-serif;font-size:13px;font-weight:800;
  color:var(--ink)}
.pr-calc .op{align-self:center;font-family:"Poppins",sans-serif;font-size:14px;
  font-weight:800;color:#AEB5C2}
.pr-calc .op.eq{color:var(--ink)}
.pr-calc .it.net b{color:#0B7F58;font-size:15px}
.pr-calc .it.net i{color:#0B7F58}

@media (max-width:360px){
  .pay-hero .brk,.pr-calc{gap:6px}
  .pay-hero .brk b,.pr-calc .it b{font-size:12px}
}

/* =====================================================================
   بەشی پۆستەکان — گەڕان، تابەکان، لیست
   ===================================================================== */
.psrch{
  position:relative;display:flex;align-items:center;gap:10px;
  background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:0 14px;height:54px;margin-bottom:12px;
  box-shadow:0 3px 14px rgba(15,18,25,.05);
  transition:border-color .16s ease,box-shadow .16s ease;
}
.psrch:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px rgba(15,18,25,.08)}
.psrch > .svgi{width:18px;height:18px;background:var(--muted);flex:none}
.psrch input{
  flex:1;min-width:0;border:0;background:transparent;outline:none;
  font-family:inherit;font-size:13.5px;font-weight:600;color:var(--ink);
}
.psrch input::placeholder{color:#A5ABB8;font-weight:500}
.psrch .x{
  width:28px;height:28px;min-height:28px;border:0;border-radius:9px;flex:none;
  background:#F1F3F7;color:var(--muted);cursor:pointer;font-size:12px;
}
.psrch .sc{
  width:38px;height:38px;min-height:38px;border:0;border-radius:13px;flex:none;
  background:var(--ink);cursor:pointer;display:grid;place-items:center;
}
.psrch .sc .svgi{width:18px;height:18px;background:#fff}

/* ---------- تابەکان ---------- */
.ptabs{
  display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:11px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.ptabs::-webkit-scrollbar{display:none}
.ptab{
  --c:#1D4ED8;
  flex:0 0 auto;display:flex;align-items:center;gap:7px;
  background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:10px 14px;min-height:42px;cursor:pointer;white-space:nowrap;
  font-family:inherit;font-size:12.5px;font-weight:700;color:var(--muted);
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.ptab .n{
  font-family:"Poppins",sans-serif;font-size:11px;font-weight:800;
  background:#F1F3F7;color:var(--muted);border-radius:8px;padding:2px 7px;
}
.ptab:hover{border-color:#D6DBE4;color:var(--ink)}
.ptab.on{background:var(--c);border-color:var(--c);color:#fff}
.ptab.on .n{background:rgba(255,255,255,.22);color:#fff}

/* ---------- ئاماری کورت ---------- */
.pmeta{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  margin-bottom:14px;font-size:12px;font-weight:600;color:var(--muted);
}
.pmeta b{color:var(--ink);font-weight:800}
.pmeta .d{width:4px;height:4px;border-radius:50%;background:#CFD5DF}
.pmeta .srt{
  margin-inline-start:auto;display:flex;align-items:center;gap:6px;
  background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:8px 11px;min-height:38px;cursor:pointer;
  font-family:inherit;font-size:11.5px;font-weight:700;color:var(--ink);
}
.pmeta .srt + .srt{margin-inline-start:0;padding:8px 10px}
.pmeta .srt .svgi{width:13px;height:13px;background:var(--muted)}

/* ---------- جیاکەرەوەی ڕۆژ ---------- */
.daysep{
  display:flex;align-items:center;gap:10px;margin:16px 2px 11px;
  font-size:12px;font-weight:700;color:var(--muted);
}
.daysep::before,.daysep::after{content:"";flex:1;height:1px;background:var(--line)}
.daysep i{
  font-style:normal;font-family:"Poppins",sans-serif;font-size:11px;font-weight:800;
  background:#EEF1F6;color:var(--muted);border-radius:8px;padding:3px 8px;
}

/* ---------- بەتاڵ ---------- */
.pk-empty{
  background:#fff;border:1px solid var(--line);border-radius:22px;
  padding:38px 22px;text-align:center;box-shadow:0 3px 14px rgba(15,18,25,.05);
}
.pk-empty > .svgi{width:44px;height:44px;background:#C7CDD8;margin:0 auto 14px}
.pk-empty b{display:block;font-size:15px;font-weight:800;color:var(--ink)}
.pk-empty small{display:block;font-size:12px;color:var(--muted);
  font-weight:600;margin-top:6px;line-height:1.8}

/* =====================================================================
   تابی تۆمارکردن — بەم زووانە بەردەست دەبێت
   ===================================================================== */
.soon{
  background:#fff;border:1px solid var(--line);border-radius:26px;
  padding:28px 20px calc(22px + var(--footer-h, 96px));text-align:center;
  box-shadow:0 6px 24px rgba(15,18,25,.06);
}
.so-badge{
  display:inline-flex;align-items:center;gap:7px;
  background:#FFF3D1;border:1px solid #F5DFA6;color:#8A5A00;
  border-radius:12px;padding:8px 13px;
  font-size:11.5px;font-weight:800;margin-bottom:22px;
}
.so-badge .svgi{width:14px;height:14px;background:#B67A00}

/* ---------- ئایکۆنی ناوەڕاست ---------- */
.so-art{position:relative;width:120px;height:120px;margin:0 auto 22px}
.so-art .ring{
  position:absolute;inset:0;border-radius:50%;
  border:2px solid rgba(29,78,216,.16);
  animation:sopulse 2.6s ease-out infinite;
}
.so-art .ring.r2{animation-delay:1.3s}
@keyframes sopulse{
  0%  {transform:scale(.62);opacity:0}
  35% {opacity:1}
  100%{transform:scale(1);opacity:0}
}
.so-art .ico{
  position:absolute;inset:24px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#1D4ED8,#0F1219);
  box-shadow:0 12px 28px rgba(29,78,216,.34);
}
.so-art .ico .svgi{width:32px;height:32px;background:#fff}

.soon h3{margin:0 0 9px;font-size:19px;font-weight:800;color:var(--ink)}
.soon > p{margin:0 auto 24px;max-width:300px;font-size:13px;
  color:var(--muted);font-weight:600;line-height:1.9}

/* ---------- تایبەتمەندییەکان ---------- */
.so-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.so-i{
  display:flex;align-items:center;gap:12px;text-align:right;
  background:#F7F8FB;border:1px solid var(--line);border-radius:18px;padding:13px 14px;
}
.so-i .c{
  width:40px;height:40px;flex:none;border-radius:14px;display:grid;place-items:center;
  background:#fff;border:1px solid var(--line);
}
.so-i .c .svgi{width:18px;height:18px;background:#1D4ED8}
.so-i .t{flex:1;min-width:0}
.so-i .t b{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.so-i .t small{display:block;font-size:11.5px;color:var(--muted);
  font-weight:600;margin-top:3px;line-height:1.7}

/* ---------- ئێستا چی بکەم ---------- */
.so-now{
  display:flex;align-items:center;gap:12px;text-align:right;
  background:#EAF0FE;border:1px solid #CBDCFB;border-radius:18px;
  padding:14px;margin-bottom:14px;
}
.so-now > .svgi{width:20px;height:20px;background:#1D4ED8;flex:none}
.so-now .t{flex:1;min-width:0}
.so-now .t b{display:block;font-size:13px;font-weight:800;color:#12358F}
.so-now .t small{display:block;font-size:11.5px;color:#3D5FA8;
  font-weight:600;margin-top:3px;line-height:1.7}

.so-cta{
  width:100%;display:flex;align-items:center;justify-content:center;gap:9px;
  border:0;border-radius:16px;background:var(--ink);color:#fff;
  padding:15px;min-height:52px;cursor:pointer;
  font-family:inherit;font-size:14px;font-weight:700;
  box-shadow:0 10px 24px rgba(15,18,25,.22);
  transition:transform .14s ease;
}
.so-cta:active{transform:scale(.98)}
.so-cta .svgi{width:18px;height:18px;background:#fff}

@media (max-width:360px){
  .soon{padding:24px 15px 18px}
  .so-art{width:104px;height:104px}
  .soon h3{font-size:17px}
}