/* =====================================================================
   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:70px;right:14px;left:14px;background:#fff;border-radius:20px;
  box-shadow:var(--shadow-lg);padding:8px;z-index:39;display:none;
}
.menu.show{display:block;animation:drop .18s ease}
@keyframes drop{from{opacity:0;transform:translateY(-8px)}}
.menu button{
  width:100%;text-align:right;background:none;border:0;font-family:inherit;font-size:14px;
  font-weight:600;color:#333;padding:13px 14px;border-radius:14px;cursor:pointer
}
.menu button:hover{background:#f6f6f6}
.menu button.on{background:var(--yellow-soft)}

/* ---------- 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(--yellow)}
.swipe .qa .s{background:#3B82F6}
.swipe .post{margin-bottom:0;touch-action:pan-y;position:relative;z-index:2;
  transition:transform .3s cubic-bezier(.32,.72,0,1)}
.swipe.open .post{transform:translateX(-124px)}
.swipe.drag .post{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:#6D4DFF;
  --tb-ink:#1E1B3A;
  --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}