/* ============================================================
   hyprland.css v2 — پوستهٔ «هایپرلند» برای دفتر (r18.1-hypr)
   ────────────────────────────────────────────────────────────
   سه فصل روز: لاته (روز) / فراپه (غروب) / موکا (شب)
   • کلید تم خود برنامه (🌙 و تم‌ساز تنظیمات) بین این سه سوییچ می‌کند
   • سازگار با iOS/iPadOS قدیمی: بدون background-attachment:fixed،
     بدون background-clip:text، ترفند مرز گرادیانی فقط داخل @supports
     (در مرورگرهای قدیمی: پنجرهٔ شیشه‌ای توپر با مرز رنگی — باز هم زیبا)
   • متفاوت از طرح اصلی: عنوان‌پنجره (نقطه‌های chrome)، نشانگر
     ورک‌اسپیس پایین صفحه، قاب پنجرهٔ شناور در iPad/دسکتاپ
   ============================================================ */

/* ─────────── ۱) توکن‌های مشترک ─────────── */
:root{
  --hy-ease:cubic-bezier(.22,1,.36,1);
  --hy-radius:20px;
  --hy-win:rgba(30,30,46,.72);
  --hy-win-2:rgba(38,38,58,.55);
  --hy-line:rgba(205,214,244,.14);
  --hy-line-soft:rgba(205,214,244,.09);
  --hy-bgrad:linear-gradient(135deg,
      rgba(203,166,247,.75), rgba(137,180,250,.50) 45%,
      rgba(148,226,213,.40) 80%, rgba(244,194,231,.45));
  --hy-dot1:rgba(243,139,168,.85);
  --hy-dot2:rgba(250,179,135,.85);
  --hy-dot3:rgba(166,227,161,.85);
}

/* ═══ فصل ۱: لاته — روز ☀️ ═══ */
[data-theme="paper"]{
  color-scheme:light;
  --paper:#eff1f5; --paper-dim:#e6e9ef;
  --ink:#4c4f69; --ink-soft:#6c6f85; --ink-faint:#9ca0b0;
  --rule:#ccd0da; --rule-strong:#bcc0ce; --border:#ccd0da;
  --card:rgba(255,255,255,.72); --card-solid:#ffffff;
  --topbar-bg:rgba(255,255,255,.72);
  --glass-bg:rgba(255,255,255,.62); --glass-border:rgba(136,57,239,.22);
  --green:#40a02b; --green-bg:rgba(64,160,43,.12);
  --amber:#fe640b; --amber-bg:rgba(254,100,11,.11);
  --rose:#d20f39;  --rose-bg:rgba(210,15,57,.10);
  --accent:#8839ef; --accent-soft:rgba(136,57,239,.12); --panel-tint:rgba(30,102,245,.08);
  --hy-accent2:#1e66f5;
  --shadow:0 1px 2px rgba(76,79,105,.10), 0 6px 18px rgba(76,79,105,.12), 0 14px 34px rgba(76,79,105,.10), inset 0 1px 0 rgba(255,255,255,.7);
  --shadow-lg:0 2px 8px rgba(76,79,105,.12), 0 18px 44px rgba(76,79,105,.16), 0 32px 80px rgba(76,79,105,.12), inset 0 1px 0 rgba(255,255,255,.8);
  --elev-float:0 10px 30px rgba(76,79,105,.18), 0 24px 64px rgba(76,79,105,.14), inset 0 1px 0 rgba(255,255,255,.85);
  --gl-side-bg:linear-gradient(170deg, rgba(255,255,255,.88), rgba(230,233,239,.92));
  --gl-side-border:rgba(136,57,239,.22);
  --gl-main-bg:rgba(255,255,255,.70);
  --gl-main-border:rgba(76,79,105,.14);
  --gl-icon-bg:rgba(255,255,255,.65);
  --hy-win:rgba(255,255,255,.74);
  --hy-win-2:rgba(255,255,255,.55);
  --hy-line:rgba(76,79,105,.16);
  --hy-line-soft:rgba(76,79,105,.09);
  --hy-bgrad:linear-gradient(135deg,
      rgba(136,57,239,.60), rgba(30,102,245,.50) 45%,
      rgba(23,146,153,.42) 80%, rgba(234,118,203,.52));
  --hy-heading:#6b41c4;
  --hy-hero-value:#1e66f5;
  --hy-wsdot:rgba(76,79,105,.35);
  --hy-wallpaper:
    radial-gradient(1100px 700px at 88% -12%, rgba(136,57,239,.12), transparent 60%),
    radial-gradient(900px 620px at -12% 18%, rgba(30,102,245,.11), transparent 55%),
    radial-gradient(1000px 700px at 50% 115%, rgba(23,146,153,.10), transparent 55%),
    radial-gradient(700px 500px at 108% 78%, rgba(234,118,203,.09), transparent 55%),
    linear-gradient(160deg, #f4f5fb 0%, #eff1f5 45%, #e6e9ef 100%);
}

/* ═══ فصل ۲: فراپه — غروب 🌆 ═══ */
[data-theme="slate"]{
  color-scheme:dark;
  --paper:#303446; --paper-dim:#292c3c;
  --ink:#c6d0f5; --ink-soft:#a5adce; --ink-faint:#8592a9;
  --rule:#414559; --rule-strong:#51576d; --border:#414559;
  --card:rgba(48,52,70,.72); --card-solid:#303446;
  --topbar-bg:rgba(41,44,60,.78);
  --glass-bg:rgba(48,52,70,.60); --glass-border:rgba(202,158,230,.24);
  --green:#a6d189; --green-bg:rgba(166,209,137,.13);
  --amber:#ef9f76; --amber-bg:rgba(239,159,118,.13);
  --rose:#e78284;  --rose-bg:rgba(231,130,132,.13);
  --accent:#ca9ee6; --accent-soft:rgba(202,158,230,.15); --panel-tint:rgba(140,170,238,.10);
  --hy-accent2:#8caaee;
  --shadow:0 1px 2px rgba(0,0,0,.30), 0 6px 18px rgba(0,0,0,.32), 0 14px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(198,208,245,.07);
  --shadow-lg:0 2px 8px rgba(0,0,0,.34), 0 18px 44px rgba(0,0,0,.40), 0 32px 80px rgba(0,0,0,.32), inset 0 1px 0 rgba(198,208,245,.09);
  --elev-float:0 10px 30px rgba(0,0,0,.40), 0 24px 64px rgba(0,0,0,.36), inset 0 1px 0 rgba(198,208,245,.10);
  --gl-side-bg:linear-gradient(170deg, rgba(55,59,80,.85), rgba(41,44,60,.9));
  --gl-side-border:rgba(202,158,230,.26);
  --gl-main-bg:rgba(48,52,70,.66);
  --gl-main-border:rgba(198,208,245,.12);
  --gl-icon-bg:rgba(65,69,89,.55);
  --hy-win:rgba(48,52,70,.68);
  --hy-win-2:rgba(65,69,89,.50);
  --hy-line:rgba(198,208,245,.14);
  --hy-line-soft:rgba(198,208,245,.09);
  --hy-bgrad:linear-gradient(135deg,
      rgba(202,158,230,.72), rgba(140,170,238,.52) 45%,
      rgba(129,200,190,.42) 80%, rgba(244,184,228,.48));
  --hy-heading:#babbf1;
  --hy-hero-value:#f2d5cf;
  --hy-wsdot:rgba(198,208,245,.4);
  --hy-wallpaper:
    radial-gradient(1100px 700px at 88% -12%, rgba(202,158,230,.15), transparent 60%),
    radial-gradient(900px 620px at -12% 18%, rgba(140,170,238,.14), transparent 55%),
    radial-gradient(1000px 700px at 50% 115%, rgba(129,200,190,.11), transparent 55%),
    radial-gradient(700px 500px at 108% 78%, rgba(244,184,228,.09), transparent 55%),
    linear-gradient(160deg, #34394e 0%, #303446 45%, #232634 100%);
}

/* ═══ فصل ۳: موکا — شب 🌙 ═══ */
[data-theme="dark"]{
  color-scheme:dark;
  --paper:#11111b; --paper-dim:#181825;
  --ink:#cdd6f4; --ink-soft:#a6adc8; --ink-faint:#7f849c;
  --rule:#313244; --rule-strong:#45475a; --border:#313244;
  --card:rgba(30,30,46,.72); --card-solid:#1e1e2e;
  --topbar-bg:rgba(17,17,27,.72);
  --glass-bg:rgba(30,30,46,.60); --glass-border:rgba(203,166,247,.24);
  --green:#a6e3a1; --green-bg:rgba(166,227,161,.13);
  --amber:#fab387; --amber-bg:rgba(250,179,135,.13);
  --rose:#f38ba8;  --rose-bg:rgba(243,139,168,.13);
  --accent:#cba6f7; --accent-soft:rgba(203,166,247,.15); --panel-tint:rgba(137,180,250,.10);
  --hy-accent2:#89b4fa;
  --shadow:0 1px 2px rgba(0,0,0,.35), 0 6px 18px rgba(0,0,0,.35), 0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(205,214,244,.06);
  --shadow-lg:0 2px 8px rgba(0,0,0,.40), 0 18px 44px rgba(0,0,0,.45), 0 32px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(205,214,244,.08);
  --elev-float:0 10px 30px rgba(0,0,0,.45), 0 24px 64px rgba(0,0,0,.40), inset 0 1px 0 rgba(205,214,244,.10);
  --gl-side-bg:linear-gradient(170deg, rgba(38,38,58,.82), rgba(24,24,37,.86));
  --gl-side-border:rgba(203,166,247,.26);
  --gl-main-bg:rgba(30,30,46,.66);
  --gl-main-border:rgba(205,214,244,.12);
  --gl-icon-bg:rgba(49,50,68,.55);
  --hy-win:rgba(30,30,46,.66);
  --hy-win-2:rgba(38,38,58,.55);
  --hy-line:rgba(205,214,244,.14);
  --hy-line-soft:rgba(205,214,244,.09);
  --hy-bgrad:linear-gradient(135deg,
      rgba(203,166,247,.75), rgba(137,180,250,.50) 45%,
      rgba(148,226,213,.40) 80%, rgba(244,194,231,.45));
  --hy-heading:#b4befe;
  --hy-hero-value:#f5e0dc;
  --hy-wsdot:rgba(205,214,244,.4);
  --hy-wallpaper:
    radial-gradient(1100px 700px at 88% -12%, rgba(203,166,247,.16), transparent 60%),
    radial-gradient(900px 620px at -12% 18%, rgba(137,180,250,.14), transparent 55%),
    radial-gradient(1000px 700px at 50% 115%, rgba(148,226,213,.10), transparent 55%),
    radial-gradient(700px 500px at 108% 78%, rgba(244,194,231,.08), transparent 55%),
    linear-gradient(160deg, #171524 0%, #11111b 45%, #0d0b14 100%);
}

/* ─────────── ۲) والپیپر — لایهٔ ثابت (سازگار با iOS) ───────────
   background-attachment:fixed در سافاری خراب است؛ گرادیان‌ها روی
   لایهٔ position:fixed با مختصات صریح نقش می‌بندند. */
html{ background:var(--paper); }
body{
  background:transparent;
  color:var(--ink);
  overflow-x:hidden;
  min-height:100vh;
}
body::before{
  content:"";
  position:fixed; top:0; right:0; bottom:0; left:0;
  z-index:-1;
  pointer-events:none;
  background:var(--hy-wallpaper);
}
/* نشانگر ورک‌اسپیس — امضای WM هایپرلند (تزئینی، فقط موبایل) */
body::after{
  content:"";
  position:fixed; bottom:7px; left:50%;
  width:76px; height:12px;
  transform:translateX(-50%);
  z-index:5;
  pointer-events:none;
  opacity:.55;
  background:
    radial-gradient(circle 3px at 10px 6px, var(--hy-wsdot) 99%, transparent 100%),
    radial-gradient(circle 3px at 29px 6px, var(--hy-wsdot) 99%, transparent 100%),
    radial-gradient(circle 4.5px at 50px 6px, var(--accent) 99%, transparent 100%),
    radial-gradient(circle 3px at 68px 6px, var(--hy-wsdot) 99%, transparent 100%);
}
body.kb-open::after{ display:none; }

/* انتخاب متن و اسکرول‌بار */
::selection{ background:var(--accent-soft); }
*{ scrollbar-width:thin; scrollbar-color:var(--rule-strong) transparent; }
*::-webkit-scrollbar{ width:5px; height:5px; }
*::-webkit-scrollbar-thumb{ background:var(--rule); border-radius:99px; }
*::-webkit-scrollbar-track{ background:transparent; }

/* ─────────── ۳) پنجره‌های شیشه‌ای — فالبک امن برای همهٔ مرورگرها ─────────── */
.topbar, .clockbar, .hero, .card-block, .glass-group,
.stat, .sheet, .sidebar, .settings-block, .note-box{
  background:var(--hy-win);
  border:1px solid var(--hy-line);
}
/* بلور فقط روی اجزای بزرگ — کارت‌های ریز بدون بلور (پرفورمنس iOS) */
.topbar, .clockbar, .sidebar, .sheet, #dafterAgentPanel{
  -webkit-backdrop-filter:blur(18px) saturate(1.25);
  backdrop-filter:blur(18px) saturate(1.25);
}

/* ─────────── ۴) waybar — نوار بالا و نوار ساعت ─────────── */
.topbar{ margin:10px 10px 0; border-radius:16px; box-shadow:var(--shadow); }
.clockbar{ margin:8px 10px 0; border-radius:14px; font-variant-numeric:tabular-nums; box-shadow:var(--shadow); }
.clockbar-label{ color:var(--accent); font-weight:700; letter-spacing:.2px; }
.clockbar-time{ color:var(--hy-heading); font-weight:700; }
.menu-btn, .icon-btn{
  background:var(--hy-win-2) !important;
  border:1px solid var(--hy-line) !important;
  color:var(--ink) !important;
  border-radius:12px !important;
  transition:transform .18s var(--hy-ease), border-color .18s;
}
.menu-btn:active, .icon-btn:active{ transform:scale(.92); }
.topbar-title-wrap h1{ color:var(--hy-heading); text-shadow:0 0 22px var(--accent-soft); }
.autosave{ background:var(--hy-win-2) !important; border:1px solid var(--hy-line) !important; border-radius:99px !important; }
.autosave .dot{ background:var(--green) !important; box-shadow:0 0 8px var(--green); }

/* ─────────── ۵) ارتقای مدرن — فقط مرورگرهای کامل (Safari 14.5+، iOS تازه) ───────────
   همهٔ ترفندهای چندلایه فقط همین‌جاست؛ مرورگر قدیمی به فالبک بخش ۳ برمی‌گردد. */
@supports (inset: 0px){
  .topbar, .clockbar, .hero, .card-block, .glass-group,
  .stat, .sheet, .sidebar, .settings-block, .note-box{
    border-color:transparent;
    background-image:
      linear-gradient(var(--hy-win), var(--hy-win)),
      var(--hy-bgrad);
    background-origin:border-box;
    -webkit-background-clip:padding-box, border-box;
    background-clip:padding-box, border-box;
  }

  /* نقطه‌های chrome پنجره — گوشهٔ چپ-بالا (RTL: سمت انتها) */
  .hero{
    background-image:
      radial-gradient(circle 3.5px at 18px 16px, var(--hy-dot1) 99%, transparent 100%),
      radial-gradient(circle 3.5px at 33px 16px, var(--hy-dot2) 99%, transparent 100%),
      radial-gradient(circle 3.5px at 48px 16px, var(--hy-dot3) 99%, transparent 100%),
      linear-gradient(var(--hy-win), var(--hy-win)),
      var(--hy-bgrad);
    background-repeat:no-repeat;
    background-position:left top;
  }
  .card-block, .glass-group, .settings-block{
    background-image:
      radial-gradient(circle 3px at 14px 13px, var(--hy-dot1) 99%, transparent 100%),
      radial-gradient(circle 3px at 27px 13px, var(--hy-dot2) 99%, transparent 100%),
      radial-gradient(circle 3px at 40px 13px, var(--hy-dot3) 99%, transparent 100%),
      linear-gradient(var(--hy-win), var(--hy-win)),
      var(--hy-bgrad);
    background-repeat:no-repeat;
    background-position:left top;
  }

  /* کاشی‌های آمار — تینت معنایی روی همان قالب پنجره */
  .stat.dep{
    background-image:
      linear-gradient(rgba(166,227,161,.10), rgba(166,227,161,.10)),
      linear-gradient(var(--hy-win), var(--hy-win)),
      var(--hy-bgrad);
  }
  [data-theme="paper"] .stat.dep{
    background-image:
      linear-gradient(rgba(64,160,43,.09), rgba(64,160,43,.09)),
      linear-gradient(var(--hy-win), var(--hy-win)),
      var(--hy-bgrad);
  }
  .stat.wd{
    background-image:
      linear-gradient(rgba(250,179,135,.10), rgba(250,179,135,.10)),
      linear-gradient(var(--hy-win), var(--hy-win)),
      var(--hy-bgrad);
  }
  [data-theme="paper"] .stat.wd{
    background-image:
      linear-gradient(rgba(254,100,11,.09), rgba(254,100,11,.09)),
      linear-gradient(var(--hy-win), var(--hy-win)),
      var(--hy-bgrad);
  }
  .stat.pers{
    background-image:
      linear-gradient(rgba(243,139,168,.10), rgba(243,139,168,.10)),
      linear-gradient(var(--hy-win), var(--hy-win)),
      var(--hy-bgrad);
  }
  [data-theme="paper"] .stat.pers{
    background-image:
      linear-gradient(rgba(210,15,57,.08), rgba(210,15,57,.08)),
      linear-gradient(var(--hy-win), var(--hy-win)),
      var(--hy-bgrad);
  }
  .stat.dep{ border-color:rgba(166,227,161,.45); }
  [data-theme="paper"] .stat.dep{ border-color:rgba(64,160,43,.4); }
  .stat.wd{ border-color:rgba(250,179,135,.45); }
  [data-theme="paper"] .stat.wd{ border-color:rgba(254,100,11,.4); }
  .stat.pers{ border-color:rgba(243,139,168,.45); }
  [data-theme="paper"] .stat.pers{ border-color:rgba(210,15,57,.4); }
}

/* ─────────── ۶) قهرمان و کارت‌ها (قواعد امن — همهٔ مرورگرها) ─────────── */
.hero{ border-radius:var(--hy-radius); box-shadow:var(--shadow-lg); position:relative; overflow:hidden; }
.hero .label{ color:var(--ink-soft); font-weight:600; }
.hero .value{ color:var(--hy-hero-value); text-shadow:0 0 26px var(--accent-soft); }
.hero .range{ color:var(--ink-faint); }
.stat{ border-radius:16px !important; box-shadow:var(--shadow); transition:transform .22s var(--hy-ease), box-shadow .22s; }
.stat:hover{ transform:translateY(-2px); box-shadow:var(--shadow-lg); }
.stat .s-label{ color:var(--ink-soft); }
.stat.dep .s-value{ color:var(--green); }
.stat.wd .s-value{ color:var(--amber); }
.stat.pers .s-value{ color:var(--rose); }
.card-block, .glass-group, .settings-block, .note-box{ border-radius:18px !important; box-shadow:var(--shadow); }
.glass-head, .glass-title{ color:var(--hy-heading); }
.section-title{
  color:var(--ink);
  border-inline-start:3px solid;
  border-image:var(--hy-bgrad) 1;
  padding-inline-start:9px;
}
.section-title .sub{ color:var(--ink-faint); }

/* ─────────── ۷) فهرست‌ها ─────────── */
.daily-list{
  border-radius:18px;
  background:var(--hy-win-2);
  border:1px solid var(--hy-line-soft);
  overflow:hidden;
}
.day-header{
  background:linear-gradient(90deg, var(--accent-soft), transparent 75%);
  border-bottom:1px solid var(--hy-line-soft);
  color:var(--hy-heading);
}
.daily-row{ border-bottom:1px solid var(--hy-line-soft); transition:background .16s; }
.daily-row:last-child{ border-bottom:none; }
.daily-row:active, .daily-row:hover{ background:var(--paper-dim) !important; }
.daily-row .d-net.pos{ color:var(--green); }
.daily-row .d-net.neg{ color:var(--rose); }
.empty-state{ color:var(--ink-faint); }

/* ─────────── ۸) چیپ‌ها و دکمه‌ها ─────────── */
.chip, .sort-chip, .seg, .bk-tab{
  background:var(--hy-win-2) !important;
  border:1px solid var(--hy-line) !important;
  color:var(--ink-soft) !important;
  border-radius:99px !important;
  transition:all .18s var(--hy-ease);
}
.chip:hover, .sort-chip:hover{ border-color:var(--accent) !important; color:var(--ink) !important; }
.chip.active, .sort-chip.active, .seg.on, .bk-tab.active{
  background:linear-gradient(135deg, var(--accent-soft), var(--panel-tint)) !important;
  border-color:var(--accent) !important;
  color:var(--hy-heading) !important;
  box-shadow:0 2px 12px var(--accent-soft);
}
.sort-label{ color:var(--ink-faint); }
.btn{
  border-radius:14px !important;
  border:1px solid var(--hy-line) !important;
  transition:transform .18s var(--hy-ease), box-shadow .18s, filter .18s;
}
.btn:active{ transform:scale(.97); }
.btn.primary{
  background:linear-gradient(135deg, var(--accent), var(--hy-accent2)) !important;
  border-color:transparent !important;
  color:#ffffff !important;
  font-weight:800;
  box-shadow:0 4px 18px var(--accent-soft), inset 0 1px 0 rgba(255,255,255,.35);
}
.btn.primary:hover{ filter:brightness(1.08); }
.btn.ghost{ background:var(--hy-win-2) !important; color:var(--ink) !important; }
.btn.ghost:hover{ border-color:var(--accent) !important; }
.btn.danger{
  background:linear-gradient(135deg, var(--rose-bg), transparent) !important;
  border-color:var(--rose) !important;
  color:var(--rose) !important;
}

/* ─────────── ۹) ورودی‌ها ─────────── */
input[type="text"], input[type="number"], input[type="tel"], input[type="search"],
input[type="date"], input[type="email"], input[type="password"], select, textarea,
.search-box, .amount-input, .code-area{
  background:var(--paper-dim) !important;
  border:1px solid var(--rule) !important;
  color:var(--ink) !important;
  border-radius:13px !important;
  transition:border-color .18s, box-shadow .18s;
  caret-color:var(--accent);
}
input:focus, select:focus, textarea:focus, .search-box:focus{
  outline:none !important;
  border-color:var(--hy-accent2) !important;
  box-shadow:0 0 0 3px var(--accent-soft) !important;
}
input::placeholder, textarea::placeholder{ color:var(--ink-faint) !important; }
.field .label, .setting-label{ color:var(--ink-soft); }
.toggle{ background:var(--rule) !important; }
.toggle.on{ background:linear-gradient(135deg, var(--accent), var(--hy-accent2)) !important; }
input[type="range"].range-input{ accent-color:var(--accent); }

/* ─────────── ۱۰) سایدبار ─────────── */
.sidebar{ border-radius:0 22px 22px 0 !important; box-shadow:var(--elev-float); }
.sidebar-head{ border-bottom:1px solid var(--hy-line-soft); background:linear-gradient(90deg, var(--accent-soft), transparent 70%); }
.nav-item, .nav-sub{ border-radius:13px; transition:background .16s, transform .16s var(--hy-ease); }
.nav-item:hover{ background:var(--paper-dim); transform:translateX(-2px); }
.nav-item.active{
  background:linear-gradient(135deg, var(--accent-soft), var(--panel-tint));
  border:1px solid var(--accent);
  color:var(--hy-heading);
}
.nav-section-title{ color:var(--ink-faint); }
.sidebar-overlay{ background:rgba(10,10,16,.5) !important; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
[data-theme="paper"] .sidebar-overlay{ background:rgba(76,79,105,.30) !important; }

/* ─────────── ۱۱) شیت‌ها ─────────── */
.overlay{ background:rgba(10,10,16,.55) !important; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
[data-theme="paper"] .overlay{ background:rgba(76,79,105,.35) !important; }
.sheet{
  border-radius:22px 22px 0 0 !important;
  box-shadow:0 -12px 48px rgba(0,0,0,.35) !important;
  border-top:2px solid var(--accent) !important;
}
.sheet-head{ border-bottom:1px solid var(--hy-line-soft); }
.sheet-head b, .sheet-head h2{ color:var(--hy-heading); }
.sheet-close{ background:var(--hy-win-2) !important; border:1px solid var(--hy-line) !important; color:var(--ink) !important; border-radius:12px !important; }
.sheet-actions{ border-top:1px solid var(--hy-line-soft); }

/* ─────────── ۱۲) FAB — گرادیان با درخشش ثابت (بدون انیمیشن سنگین iOS) ─────────── */
.fab-wrap{ filter:drop-shadow(0 10px 24px var(--accent-soft)); }
.fab{
  background:linear-gradient(135deg, var(--accent) 0%, var(--hy-accent2) 120%) !important;
  color:#ffffff !important;
  box-shadow:0 8px 26px var(--accent-soft), 0 0 0 1px var(--hy-line), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* ─────────── ۱۳) دستیار هوشمند ─────────── */
#dafterAgentFab{
  background:linear-gradient(135deg, var(--accent) 0%, var(--hy-accent2) 120%) !important;
  color:#ffffff !important;
  box-shadow:0 8px 26px var(--accent-soft), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
#dafterAgentPanel{
  background:var(--hy-win) !important;
  border:1px solid var(--hy-line) !important;
  border-top:2px solid var(--accent) !important;
  border-radius:20px 20px 0 0 !important;
  box-shadow:0 -12px 48px rgba(0,0,0,.4) !important;
  color:var(--ink) !important;
}
#dafterAgentPanel > div:first-child{
  background:linear-gradient(135deg, var(--accent-soft), var(--panel-tint)) !important;
  border-bottom:1px solid var(--hy-line-soft);
  color:var(--hy-heading) !important;
}
#dafterAgentPanel [data-a="send"]{
  background:linear-gradient(135deg, var(--accent), var(--hy-accent2)) !important;
  color:#ffffff !important;
  font-weight:800;
  box-shadow:0 3px 14px var(--accent-soft);
}
#dafterAgentPanel [data-a="mic"]{
  background:var(--hy-win-2) !important;
  border:1px solid var(--hy-line) !important;
  color:var(--hy-heading) !important;
}
#dafterAgentPanel [data-a="mic"].rec{
  background:var(--rose-bg) !important;
  border-color:var(--rose) !important;
  color:var(--rose) !important;
}
#dafterAgentPanel [data-a="input"]{
  background:var(--paper-dim) !important;
  border:1px solid var(--rule) !important;
  color:var(--ink) !important;
}
#dafterAgentPanel [data-a="settings"]{ background:var(--paper-dim) !important; color:var(--ink-soft) !important; }
#dafterAgentPanel [data-a="settings"] input{
  background:var(--paper) !important;
  border:1px solid var(--rule) !important;
  color:var(--ink) !important;
  border-radius:10px;
}
#dafterAgentPanel [data-a="chips"] .chip{ color:var(--hy-heading) !important; }

/* ─────────── ۱۴) گیت فعال‌سازی — روز/شب هم‌گام با تم ─────────── */
html[data-gtm="dark"], html:not([data-gtm]){
  --gt-a1:#cba6f7; --gt-a2:#89b4fa;
  --gt-bg1:#0d0b14; --gt-bg2:#11111b; --gt-bg3:#181825;
  --gt-card:rgba(30,30,46,.72); --gt-card2:rgba(38,38,58,.55);
  --gt-line:rgba(205,214,244,.15); --gt-line2:rgba(203,166,247,.22);
  --gt-tx:#cdd6f4; --gt-sub:#a6adc8; --gt-lbl:#b4befe; --gt-dim:#7f849c;
  --gt-input-bg:rgba(13,11,20,.65); --gt-input-tx:#cdd6f4; --gt-ph:#585b70;
  --gt-err:#f38ba8; --gt-ok:#a6e3a1; --gt-focus:#89b4fa;
  --gt-inputbr:rgba(205,214,244,.20);
  --gt-blob-op:.65;
}
html[data-gtm="light"]{
  --gt-a1:#8839ef; --gt-a2:#1e66f5;
  --gt-bg1:#eff1f5; --gt-bg2:#e6e9ef; --gt-bg3:#dce0e8;
  --gt-card:rgba(255,255,255,.82); --gt-card2:rgba(255,255,255,.65);
  --gt-line:rgba(76,79,105,.16); --gt-line2:rgba(136,57,239,.22);
  --gt-tx:#4c4f69; --gt-sub:#6c6f85; --gt-lbl:#7287fd; --gt-dim:#9ca0b0;
  --gt-input-bg:rgba(255,255,255,.9); --gt-input-tx:#4c4f69; --gt-ph:#9ca0b0;
  --gt-err:#d20f39; --gt-ok:#40a02b; --gt-focus:#8839ef;
  --gt-inputbr:rgba(76,79,105,.24);
  --gt-blob-op:.5;
}
.dfter-gate-overlay{
  background:
    radial-gradient(1000px 640px at 85% -10%, var(--accent-soft, rgba(203,166,247,.15)), transparent 58%),
    radial-gradient(900px 600px at -10% 20%, var(--panel-tint, rgba(137,180,250,.1)), transparent 55%),
    var(--paper, #11111b);
}
.dfter-gate-card{
  border:1px solid var(--hy-line, rgba(205,214,244,.14));
  background:var(--hy-win, rgba(30,30,46,.72));
  border-radius:22px;
  box-shadow:var(--shadow-lg, 0 24px 80px rgba(0,0,0,.5));
}

/* ─────────── ۱۵) اجزای باقی‌مانده ─────────── */
.hint{ color:var(--ink-faint); }
.progress-track{ background:var(--rule) !important; }
.progress-fill{ background:linear-gradient(90deg, var(--accent), var(--hy-accent2)) !important; }
.progress-fill.ok{ background:linear-gradient(90deg, var(--green), var(--hy-accent2)) !important; }
.backup-bar, .recurrence-bar{ border-radius:16px; background:var(--amber-bg); border:1px solid var(--amber); }
code, .own-code-value, .sas-code, .live-code{
  background:var(--paper-dim) !important;
  border:1px solid var(--rule);
  color:var(--hy-accent2) !important;
  border-radius:10px;
}

/* ─────────── ۱۶) iPad / دسکتاپ — اپ به‌شکل پنجرهٔ شناور WM ─────────── */
@media (min-width: 768px){
  body{ padding:34px 24px 30px; }
  .app{
    max-width:480px;
    margin:0 auto;
    min-height:calc(100vh - 64px);
    border-radius:26px;
    border:1px solid var(--hy-line);
    background:var(--paper-dim);
    box-shadow:var(--elev-float);
    overflow:hidden;
  }
  .app::after{
    content:"●  ●  ●";
    display:block;
    text-align:center;
    font-size:8px;
    letter-spacing:12px;
    padding:12px 0 9px;
    color:var(--ink-faint);
    background:linear-gradient(180deg, var(--accent-soft), transparent);
    border-bottom:1px solid var(--hy-line-soft);
  }
  body::after{ display:none; }
  /* FABها داخل قاب پنجره بمانند، نه لبهٔ نمایشگر */
  .fab-wrap{ left: calc(50% - 240px + 16px) !important; right: auto !important; }
  #dafterAgentFab{ right: calc(50% - 240px + 16px) !important; left: auto !important; }
}

/* ─────────── ۱۹) ≥1024px — حالت دسکتاپِ طرح اصلی خنثی می‌شود ───────────
   پوستهٔ هایپرلند همه‌جا «پنجرهٔ شناور» است؛ سایدبارِ همیشه‌باز طرح
   اصلی با قاب ۴۸۰px تضاد دارد → به حالت کشویی موبایل برمی‌گردد. */
@media (min-width: 1024px){
  .app{ max-width:480px; margin:0 auto; }
  .menu-btn{ display:flex !important; }
  .sidebar-close{ display:flex !important; }
  .sidebar{
    transform:translateX(calc(100% + 28px)) !important;
    width:var(--sidebar-width); max-width:calc(100vw - 24px);
    top:12px; right:12px; bottom:12px;
  }
  .sidebar.open{ transform:translateX(0) !important; }
  .sidebar-overlay{ display:block !important; }
  .fab-wrap{
    max-width:480px; margin:0 auto;
    left:calc(50% - 240px + 16px) !important; right:auto !important;
  }
}

/* ─────────── ۱۷) انیمیشن ورود ویوها (transform/opacity — امن روی iOS) ─────────── */
.view.active{ animation:hyViewIn .3s var(--hy-ease); }
@keyframes hyViewIn{
  from{ opacity:0; transform:translateY(10px); }
  to{ opacity:1; transform:none; }
}
.sheet{ animation:hySheetIn .28s var(--hy-ease); }
@keyframes hySheetIn{
  from{ transform:translateY(26px); opacity:.6; }
  to{ transform:none; opacity:1; }
}

/* حرکت کمتر */
@media (prefers-reduced-motion: reduce){
  .view.active, .sheet{ animation:none !important; }
  *{ transition-duration:.01ms !important; }
}