/* theme/theme.css — ساخته‌شده با  node tools/build-theme.js  از روی theme.manifest.css؛ دستی ویرایش نشود.
   فایل‌ها: base.css · skin-dark.css · skin-light.css · skin-sand.css · skin-volcano.css · skin-lagoon.css · picker.css · premium.css · select.css */

/* ═══ base.css ═══ */
/* ════════════════════════════════════════════════════════════════════
   theme/base.css — توکن‌های مشترکِ همه‌ی پوسته‌ها (رنگ برند، رنگ وضعیت، فونت، گردی…)
   این‌ها بین پوسته‌ها عوض نمی‌شوند. چیزی که برای هر پوسته فرق می‌کند (پس‌زمینه، متن، کارت…)
   در فایلِ همان پوسته است: skin-dark.css / skin-light.css / …
   ════════════════════════════════════════════════════════════════════ */
:root{
  --coral-rgb:231,111,81; --steel-rgb:74,123,166; --on-accent:#fff; --accent-2:#F2A65A;
  --navy:#14365C; --steel:#4A7BA6; --coral:#E76F51; --coral-d:#d65a3c; --vbadge-fill:var(--coral);
  --vbadge-border:var(--navy); --ok:#10B981; --warn:#F59E0B; --bad:#EF4444; --info:#38BDF8; --self:#A78BFA;
  --radius:14px; --blur:14px; --font:'Vazirmatn',Tahoma,sans-serif; --bg-photo:none; --dm-accent-from:#E76F51;
  --dm-accent-to:#d68a4f; --dm-accent-from-cool:#4A7BA6; --dm-accent-to-cool:#38BDF8;
  --dm-status-online:var(--ok); --dm-status-offline:var(--mut);
}

/* ═══ skin-dark.css ═══ */
/* ════════════════════════════════════════════════════════════════════
   پوسته‌ی «تیره» (id = dark) — پوسته‌ی پیش‌فرض
   ۱) توکن‌ها: روی :root هم هست تا اگر پوسته‌ای فقط بخشی از توکن‌ها را عوض کرد، بقیه از تیره ارث ببرد.
   ۲) override ها: فقط جاهایی که کامپوننت برای تیره استایل جدا دارد.
   ════════════════════════════════════════════════════════════════════ */
:root,
[data-theme="dark"]{
  --bg:#0A0F1C; --panel:rgba(20,28,45,.62); --card:rgba(30,41,59,.5); --line:rgba(255,255,255,.08);
  --txt:#E6EDF3; --mut:#8B97A8; --dm-glow:rgba(231,111,81,.35); --dm-subtle:rgba(231,111,81,.14);
  --dm-surface:rgba(255,255,255,.05); --dm-pill-bg:rgba(20,28,45,.55); --dm-pill-border:rgba(255,255,255,.08);
  --dm-bubble-mine-bg:rgba(231,111,81,.14); --dm-bubble-mine-border:rgba(231,111,81,.30);
  --dm-bubble-theirs-bg:var(--card); --dm-bubble-theirs-border:var(--line); --dm-actions-bg:rgba(20,28,45,.85);
  --dm-scroll-thumb:rgba(255,255,255,.14);
}

[data-theme="dark"] .bubble.mine{background:linear-gradient(135deg,rgba(231,111,81,.55),rgba(214,90,60,.55));color:#fff}
[data-theme="dark"] .bubble.theirs{background:rgba(255,255,255,.06);color:var(--txt)}
[data-theme="dark"] .bubble.mine .bubble-actions .btn-text{color:rgba(255,255,255,.85)}
[data-theme="dark"] .bubble.mine .bubble-actions .btn-text:hover{background:rgba(255,255,255,.18)}

/* ═══ skin-light.css ═══ */
/* ════════════════════════════════════════════════════════════════════
   پوسته‌ی «روشن» (id = light)
   ۱) توکن‌ها  ۲) override ها (بخش‌های داخل @media برای موبایل)
   ════════════════════════════════════════════════════════════════════ */
[data-theme="light"]{
  --bg:#eef2f8; --panel:rgba(255,255,255,.78); --card:rgba(255,255,255,.92); --line:#e3e8f0; --txt:#14365C;
  --mut:#5B6B82; --dm-glow:rgba(231,111,81,.22); --dm-subtle:rgba(231,111,81,.10);
  --dm-surface:rgba(255,255,255,.6); --dm-pill-bg:rgba(255,255,255,.85); --dm-pill-border:rgba(0,0,0,.06);
  --dm-bubble-mine-bg:rgba(231,111,81,.12); --dm-bubble-mine-border:rgba(231,111,81,.35);
  --dm-bubble-theirs-bg:rgba(255,255,255,.92); --dm-bubble-theirs-border:rgba(0,0,0,.08);
  --dm-actions-bg:rgba(255,255,255,.92); --dm-scroll-thumb:rgba(0,0,0,.14);
}

[data-theme="light"] body{background-image:radial-gradient(900px 500px at 85% -10%,rgba(231,111,81,.07),transparent 60%),radial-gradient(800px 600px at 0% 110%,rgba(20,54,92,.06),transparent 60%);}
[data-theme="light"] .btn.danger{background:rgba(239,68,68,.12);border-color:rgba(220,38,38,.5);color:#b91c1c;font-weight:800}
[data-theme="light"] #ttBubble{background:#1e2a3d}
[data-theme="light"] #ttBubble.arrow-up::after{border-top-color:#1e2a3d}
[data-theme="light"] #ttBubble.arrow-down::after{border-bottom-color:#1e2a3d}
[data-theme="light"] .field{background:#fff}
[data-theme="light"] .ck{background:#fff}
[data-theme="light"] .dl-group-header{color:var(--navy)}
[data-theme="light"] .dl-a-chip{background:#fff}
[data-theme="light"] .dl-check-btn{background:#fff}
[data-theme="light"] .shift-trigger{background:#fff}
[data-theme="light"] .shift-trigger-block{background:#fff}
[data-theme="light"] #netBar{color:#92400e;background:rgba(245,158,11,.18)}
[data-theme="light"] #netBar.ok{color:#047857}
[data-theme="light"] .bubble.mine{background:rgba(231,111,81,.16);color:var(--txt)}
[data-theme="light"] .bubble.theirs{background:rgba(20,54,92,.06);color:var(--txt)}
[data-theme="light"] .bubble.mine .bubble-actions .btn-text:hover{background:rgba(20,54,92,.1)}
[data-theme="light"] .bubble .codeblock{background:rgba(20,54,92,.07)}
[data-theme="light"] .bubble .codeblock-copy{background:rgba(20,54,92,.1)}
[data-theme="light"] .bubble .codeblock-copy:hover{background:rgba(20,54,92,.18)}
[data-theme="light"] #page-apsbot .apsbot-head{box-shadow:0 4px 20px rgba(0,0,0,.03)}
@media (max-width:640px){
  [data-theme="light"]{
    --m-sh-1:0 1px 2px rgba(20,54,92,.08);
    --m-sh-2:0 6px 20px rgba(20,54,92,.12);
    --m-sh-3:0 -8px 30px rgba(20,54,92,.14);
  }
}
@media (max-width:640px){
  [data-theme="light"] nav.side.open{box-shadow:-14px 0 44px rgba(20,54,92,.20)}
}
@media (max-width:640px){
  [data-theme="light"] .dl-check-btn::before{background:#fff}
}

/* ═══ skin-sand.css ═══ */
/* ════════════════════════════════════════════════════════════════════
   پوسته‌ی «بژ شنی» (id = sand) — روشن
   پالت: بژ شنی #E0D7C3 · آبی نفتی #003B4E · نارنجی سفالی #AC4E3A · سبز زیتونی #5A6B44
   ════════════════════════════════════════════════════════════════════ */
[data-theme="sand"]{
  color-scheme:light;
  --bg:#E0D7C3; --panel:rgba(250,246,236,.78); --card:rgba(255,252,245,.92); --line:rgba(0,59,78,.15);
  --txt:#003B4E; --mut:#3E5B63;
  --navy:#003B4E; --steel:#2F6F82; --steel-rgb:47,111,130;
  --coral:#AC4E3A; --coral-d:#913F2E; --coral-rgb:172,78,58; --on-accent:#FFFFFF; --accent-2:#C98B3E;
  --ok:#5A6B44; --warn:#946008; --bad:#A8281C; --info:#1D6F8A; --self:#6B58B0;
  --vbadge-fill:var(--coral); --vbadge-border:var(--navy);
  --dm-accent-from:#AC4E3A; --dm-accent-to:#C98B3E; --dm-accent-from-cool:#2F6F82; --dm-accent-to-cool:#5A6B44;
  --dm-glow:rgba(172,78,58,.22); --dm-subtle:rgba(172,78,58,.10);
  --dm-surface:rgba(255,252,245,.6); --dm-pill-bg:rgba(255,252,245,.85); --dm-pill-border:rgba(0,59,78,.10);
  --dm-bubble-mine-bg:rgba(172,78,58,.12); --dm-bubble-mine-border:rgba(172,78,58,.35);
  --dm-bubble-theirs-bg:rgba(255,252,245,.92); --dm-bubble-theirs-border:rgba(0,59,78,.12);
  --dm-actions-bg:rgba(255,252,245,.92); --dm-scroll-thumb:rgba(0,59,78,.18);
  --dm-status-online:var(--ok); --dm-status-offline:var(--mut);
}

[data-theme="sand"] body{background-image:radial-gradient(900px 500px at 85% -10%,rgba(172,78,58,.08),transparent 60%),radial-gradient(800px 600px at 0% 110%,rgba(0,59,78,.07),transparent 60%);}
[data-theme="sand"] .btn.danger{background:rgba(239,68,68,.12);border-color:rgba(220,38,38,.5);color:#b91c1c;font-weight:800}
[data-theme="sand"] #ttBubble{background:#06303F}
[data-theme="sand"] #ttBubble.arrow-up::after{border-top-color:#06303F}
[data-theme="sand"] #ttBubble.arrow-down::after{border-bottom-color:#06303F}
[data-theme="sand"] .field{background:#FFFCF5}
[data-theme="sand"] .ck{background:#FFFCF5}
[data-theme="sand"] .dl-group-header{color:var(--navy)}
[data-theme="sand"] .dl-a-chip{background:#FFFCF5}
[data-theme="sand"] .dl-check-btn{background:#FFFCF5}
[data-theme="sand"] .shift-trigger{background:#FFFCF5}
[data-theme="sand"] .shift-trigger-block{background:#FFFCF5}
[data-theme="sand"] #netBar{color:#92400e;background:rgba(245,158,11,.18)}
[data-theme="sand"] #netBar.ok{color:#047857}
[data-theme="sand"] .bubble.mine{background:rgba(172,78,58,.14);color:var(--txt)}
[data-theme="sand"] .bubble.theirs{background:rgba(0,59,78,.06);color:var(--txt)}
[data-theme="sand"] .bubble.mine .bubble-actions .btn-text:hover{background:rgba(0,59,78,.1)}
[data-theme="sand"] .bubble .codeblock{background:rgba(0,59,78,.07)}
[data-theme="sand"] .bubble .codeblock-copy{background:rgba(0,59,78,.1)}
[data-theme="sand"] .bubble .codeblock-copy:hover{background:rgba(0,59,78,.18)}
[data-theme="sand"] #page-apsbot .apsbot-head{box-shadow:0 4px 20px rgba(0,0,0,.03)}
@media (max-width:640px){
  [data-theme="sand"]{
    --m-sh-1:0 1px 2px rgba(0,59,78,.08);
    --m-sh-2:0 6px 20px rgba(0,59,78,.12);
    --m-sh-3:0 -8px 30px rgba(0,59,78,.14);
  }
}
@media (max-width:640px){
  [data-theme="sand"] nav.side.open{box-shadow:-14px 0 44px rgba(0,59,78,.20)}
}
@media (max-width:640px){
  [data-theme="sand"] .dl-check-btn::before{background:#FFFCF5}
}

/* شیت (جدول) */
[data-theme="sand"] .shs{ --s-bg:#FFFCF5; --s-alt:#F7F1E3; --s-head:#EDE5D1; --s-grp:#E2D8C0; --s-line:#DDD3BA; --s-sel:rgba(47,111,130,.20); --s-pop:#FFFCF5; }
[data-theme="sand"] .sha{ --s-bg:#FFFCF5; --s-alt:#F7F1E3; --s-head:#EDE5D1; --s-line:#DDD3BA; --s-sel:rgba(47,111,130,.16); --s-pop:#FFFCF5; }

/* ═══ skin-volcano.css ═══ */
/* ════════════════════════════════════════════════════════════════════
   پوسته‌ی «خاکستر آتشفشانی» (id = volcano) — تیره
   پالت: خاکستر آتشفشانی #3C3C3D · سفید یخی #EBECEE · سبز گلسنگی #C4E326 · خاکستری سنگی #8A8C8F
   متنِ روی دکمه‌ی رنگی تیره است (--on-accent) تا خوانا بماند.
   ════════════════════════════════════════════════════════════════════ */
[data-theme="volcano"]{
  color-scheme:dark;
  --bg:#18181A; --panel:rgba(48,48,50,.62); --card:rgba(60,60,61,.55); --line:rgba(235,236,238,.10);
  --txt:#EBECEE; --mut:#9C9EA3;
  --navy:#2A2A2C; --steel:#8A8C8F; --steel-rgb:138,140,143;
  --coral:#C4E326; --coral-d:#A8C41C; --coral-rgb:196,227,38; --on-accent:#1B2203; --accent-2:#E2F36B;
  --ok:#10B981; --warn:#F59E0B; --bad:#F87171; --info:#7DD3FC; --self:#A78BFA;
  --dm-accent-from:#C4E326; --dm-accent-to:#E2F36B; --dm-accent-from-cool:#8A8C8F; --dm-accent-to-cool:#EBECEE;
  --dm-glow:rgba(196,227,38,.30); --dm-subtle:rgba(196,227,38,.12);
  --dm-surface:rgba(235,236,238,.05); --dm-pill-bg:rgba(48,48,50,.6); --dm-pill-border:rgba(235,236,238,.10);
  --dm-bubble-mine-bg:rgba(196,227,38,.14); --dm-bubble-mine-border:rgba(196,227,38,.30);
  --dm-bubble-theirs-bg:rgba(60,60,61,.55); --dm-bubble-theirs-border:rgba(235,236,238,.10);
  --dm-actions-bg:rgba(36,36,38,.92); --dm-scroll-thumb:rgba(235,236,238,.16);
  --vbadge-fill:var(--coral); --vbadge-border:var(--navy);
  --dm-status-online:var(--ok); --dm-status-offline:var(--mut);
}

[data-theme="volcano"] .bubble.mine{background:rgba(196,227,38,.16);color:var(--txt)}
[data-theme="volcano"] .bubble.theirs{background:rgba(235,236,238,.07);color:var(--txt)}
[data-theme="volcano"] .bubble.mine .bubble-actions .btn-text:hover{background:rgba(235,236,238,.12)}

/* شیت (جدول) */
[data-theme="volcano"] .shs{ --s-bg:#1D1D1F; --s-alt:#222224; --s-head:#2A2A2C; --s-grp:#343436; --s-line:rgba(235,236,238,.10); --s-sel:rgba(196,227,38,.18); --s-pop:#262628; }
[data-theme="volcano"] .sha{ --s-bg:#1D1D1F; --s-alt:#222224; --s-head:#2A2A2C; --s-line:rgba(235,236,238,.12); --s-sel:rgba(196,227,38,.16); --s-pop:#262628; }
[data-theme="volcano"] .shs-btn.primary{color:var(--on-accent)}

/* ═══ skin-lagoon.css ═══ */
/* ════════════════════════════════════════════════════════════════════
   پوسته‌ی «آبی درمایی» (id = lagoon) — تیره
   پالت: بژ صحرایی #DFD0B1 · قهوه‌ای ماسه‌ای #AF906A · آبی فیروزه‌ای #3BEAEF · آبی درمایی #3D7282
   متنِ روی دکمه‌ی رنگی تیره است (--on-accent) تا خوانا بماند.
   ════════════════════════════════════════════════════════════════════ */
[data-theme="lagoon"]{
  color-scheme:dark;
  --bg:#0B2128; --panel:rgba(16,50,60,.66); --card:rgba(61,114,130,.24); --line:rgba(223,208,177,.14);
  --txt:#F0E8D5; --mut:#9DB4B6;
  --navy:#0A2A33; --steel:#3D7282; --steel-rgb:61,114,130;
  --coral:#3BEAEF; --coral-d:#21CDD2; --coral-rgb:59,234,239; --on-accent:#032A30; --accent-2:#DFD0B1;
  --ok:#10B981; --warn:#F59E0B; --bad:#F87171; --info:#7DD3FC; --self:#C9A97A;
  --dm-accent-from:#3BEAEF; --dm-accent-to:#DFD0B1; --dm-accent-from-cool:#3D7282; --dm-accent-to-cool:#3BEAEF;
  --dm-glow:rgba(59,234,239,.28); --dm-subtle:rgba(59,234,239,.12);
  --dm-surface:rgba(223,208,177,.05); --dm-pill-bg:rgba(16,50,60,.6); --dm-pill-border:rgba(223,208,177,.12);
  --dm-bubble-mine-bg:rgba(59,234,239,.14); --dm-bubble-mine-border:rgba(59,234,239,.32);
  --dm-bubble-theirs-bg:rgba(61,114,130,.24); --dm-bubble-theirs-border:rgba(223,208,177,.14);
  --dm-actions-bg:rgba(11,33,40,.92); --dm-scroll-thumb:rgba(223,208,177,.18);
  --vbadge-fill:var(--coral); --vbadge-border:var(--navy);
  --dm-status-online:var(--ok); --dm-status-offline:var(--mut);
}

[data-theme="lagoon"] .bubble.mine{background:rgba(59,234,239,.16);color:var(--txt)}
[data-theme="lagoon"] .bubble.theirs{background:rgba(223,208,177,.08);color:var(--txt)}
[data-theme="lagoon"] .bubble.mine .bubble-actions .btn-text:hover{background:rgba(223,208,177,.14)}

/* شیت (جدول) */
[data-theme="lagoon"] .shs{ --s-bg:#0F2A32; --s-alt:#12313A; --s-head:#183B46; --s-grp:#1F4854; --s-line:rgba(223,208,177,.12); --s-sel:rgba(59,234,239,.18); --s-pop:#143540; }
[data-theme="lagoon"] .sha{ --s-bg:#0F2A32; --s-alt:#12313A; --s-head:#183B46; --s-line:rgba(223,208,177,.14); --s-sel:rgba(59,234,239,.16); --s-pop:#143540; }
[data-theme="lagoon"] .shs-btn.primary{color:var(--on-accent)}

/* ═══ picker.css ═══ */
/* انتخابگرِ پوسته — K.themePicker در app.*.js؛ رنگ پیش‌نمایش از swatches هر پوسته می‌آید */
.th-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;padding-top:4px}
.th-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:16px;text-align:right;background:var(--card);border:1.5px solid var(--line);color:var(--txt);cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.th-card:hover{border-color:var(--coral);transform:translateY(-2px)}
.th-card:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
.th-card.on{border-color:var(--coral);box-shadow:0 0 0 3px rgba(var(--coral-rgb),.22)}
.th-pv{position:relative;height:78px;border-radius:11px;overflow:hidden;background:var(--p0);border:1px solid rgba(128,128,128,.25);display:flex;flex-direction:column;justify-content:center;gap:7px;padding:0 14px}
.th-pv i{display:block;height:7px;border-radius:4px;background:var(--p1)}
.th-pv i:nth-child(1){width:62%}
.th-pv i:nth-child(2){width:40%;opacity:.55}
.th-pv b{position:absolute;left:12px;bottom:10px;width:34px;height:16px;border-radius:8px;background:var(--p2)}
.th-dots{display:flex;gap:5px}
.th-dots span{width:14px;height:14px;border-radius:50%;border:1px solid rgba(128,128,128,.35)}
.th-name{font-weight:800;font-size:.9rem;line-height:1.5}
.th-sub{font-size:.72rem;color:var(--mut);margin-top:1px}
.th-tick{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;display:none;align-items:center;justify-content:center;background:var(--coral);color:var(--on-accent)}
.th-tick .icon{width:13px;height:13px}
.th-card.on .th-tick{display:inline-flex}

/* ═══ premium.css ═══ */
/* ════════════════════════════════════════════════════════════════════
   theme/premium.css — لایه‌ی «پریمیوم» برای همه‌ی پوسته‌ها
   کارت‌های شیشه‌ایِ گرد با سایه‌ی نرم، دکمه‌ی درخشان، فیلد با حلقه‌ی فوکوس، تب‌های قرصی، مودال.
   فقط از توکن‌ها (--card --line --coral --coral-rgb …) استفاده می‌کند، پس با هر پوسته‌ای هماهنگ می‌شود.
   پیشوند «body» برای این است که روی استایل‌های هم‌ردیفِ index.html غالب شود.
   حالت روشن/تیره از data-mode (theme.js می‌گذارد) تشخیص داده می‌شود.
   ════════════════════════════════════════════════════════════════════ */
:root{
  --r-card:18px; --r-ctl:12px; --r-pop:20px;
  --elev:rgba(255,255,255,.09);
  --sh-card:inset 0 1px 0 rgba(255,255,255,.06),0 14px 34px -18px rgba(0,0,0,.65);
  --sh-card-hov:inset 0 1px 0 rgba(255,255,255,.08),0 20px 40px -18px rgba(0,0,0,.75);
  --sh-pop:0 28px 70px -20px rgba(0,0,0,.75),0 0 0 1px var(--line);
  --sh-btn:0 10px 22px -10px rgba(var(--coral-rgb),.75);
  --ring:0 0 0 3.5px rgba(var(--coral-rgb),.20);
}
[data-mode="light"]{
  --elev:rgba(255,255,255,.95);
  --sh-card:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px -16px rgba(40,30,20,.28);
  --sh-card-hov:inset 0 1px 0 rgba(255,255,255,.95),0 18px 38px -16px rgba(40,30,20,.34);
  --sh-pop:0 26px 60px -22px rgba(40,30,20,.42),0 0 0 1px var(--line);
}

/* کارت */
body .card{border-radius:var(--r-card);box-shadow:var(--sh-card)}
body .card:hover{box-shadow:var(--sh-card-hov)}
body .glass{border-radius:var(--r-card);box-shadow:var(--sh-card)}

/* دکمه */
body .btn{border-radius:var(--r-ctl);box-shadow:0 1px 2px rgba(0,0,0,.10);transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}
body .btn:hover{box-shadow:0 8px 18px -10px rgba(0,0,0,.45)}
body .btn:active{transform:translateY(0) scale(.98)}
body .btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--coral) 88%,#fff),var(--coral));border-color:transparent;box-shadow:var(--sh-btn),inset 0 1px 0 rgba(255,255,255,.28)}
body .btn.primary:hover{background:linear-gradient(180deg,var(--coral),var(--coral-d));box-shadow:0 14px 26px -10px rgba(var(--coral-rgb),.8),inset 0 1px 0 rgba(255,255,255,.22)}
body .btn.ghost{box-shadow:none}
body .iconbtn{border-radius:16px;box-shadow:var(--sh-card)}
body .iconbtn:hover{box-shadow:var(--sh-card-hov),0 0 0 3px rgba(var(--coral-rgb),.14)}

/* فیلد */
body .field{border-radius:var(--r-ctl);background:color-mix(in srgb,var(--bg) 82%,var(--card));box-shadow:inset 0 1px 2px rgba(0,0,0,.10);transition:border-color .16s,box-shadow .16s,background .16s}
body .field:hover{border-color:color-mix(in srgb,var(--coral) 45%,var(--line))}
body .field:focus{border-color:var(--coral);box-shadow:var(--ring)}

/* تب‌های قرصی */
body .tabs{gap:4px;padding:5px;border:1px solid var(--line);border-radius:16px;background:var(--dm-surface);width:max-content;max-width:100%;scrollbar-width:none}
body .tabs::-webkit-scrollbar{display:none}
body .tab{border-bottom:0;border-radius:12px;padding:8px 15px;transition:background .16s,color .16s,box-shadow .16s}
body .tab:hover{color:var(--txt)}
body .tab.active{color:var(--coral);background:var(--elev);box-shadow:0 6px 16px -8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12)}

/* چیپ */
body .chip{background:var(--dm-surface);transition:background .16s,border-color .16s,transform .16s}
body .chip:hover{border-color:var(--coral)}

/* مودال */
body .overlay{backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}
body .modal{border-radius:24px;box-shadow:var(--sh-pop)}
body .mhead{border-radius:24px 24px 0 0}

/* ── تگ امکانات / رابط‌ها (emp-fac-tag) و بج آیکونی کارت کارفرما (emp-fac-ico) ──
   رنگ هر تگ فقط در --tc می‌آید (inline)؛ خوانایی را پوسته تأمین می‌کند.
   تیره: رنگ به سمت سفید می‌رود (سرمه‌ای پیش‌فرض #14365C روی پس‌زمینه‌ی تیره دیده نمی‌شد).
   روشن: رنگ کمی تیره‌تر می‌شود. */
body .emp-fac-tag,body .empcard .emp-fac-ico:not(.more){
  --tc:var(--steel);
  color:color-mix(in srgb,var(--tc) 42%,#fff);
  background:color-mix(in srgb,var(--tc) 26%,transparent);
  border:1px solid color-mix(in srgb,var(--tc) 62%,transparent);
}
body[data-mode="light"] .emp-fac-tag,body[data-mode="light"] .empcard .emp-fac-ico:not(.more){
  color:color-mix(in srgb,var(--tc) 82%,#000);
  background:color-mix(in srgb,var(--tc) 14%,transparent);
  border-color:color-mix(in srgb,var(--tc) 45%,transparent);
}
body .emp-fac-tag .icon{color:inherit}

/* ═══ select.css ═══ */
/* ════════════════════════════════════════════════════════════════════
   theme/select.css — ظاهر لیست کشوییِ پریمیوم (select.js)
   ════════════════════════════════════════════════════════════════════ */
select.pz-native{display:none!important}
body .pz-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:right;cursor:pointer;line-height:1.45;font-weight:600;color:var(--txt);position:relative}
body .pz-trigger:disabled{opacity:.5;cursor:not-allowed}
.pz-trigger.open{border-color:var(--coral)!important;box-shadow:var(--ring)}
.pz-val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz-ph{color:var(--mut);font-weight:500}
.pz-chev{display:inline-flex;color:var(--mut);transition:transform .2s,color .2s;flex:none}
.pz-trigger.open .pz-chev{transform:rotate(180deg);color:var(--coral)}
.pz-chips{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:6px}
.pz-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--dm-subtle);border:1px solid rgba(var(--coral-rgb),.28);color:var(--txt);max-width:100%}
.pz-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:var(--mut);cursor:pointer;transition:background .15s,color .15s}
.pz-x:hover{background:rgba(var(--coral-rgb),.22);color:var(--coral)}

.pz-pop{position:fixed;z-index:2100;display:flex;flex-direction:column;border-radius:var(--r-pop);overflow:hidden;color:var(--txt);font-family:var(--font);
  background:linear-gradient(var(--dm-surface),var(--dm-surface)),var(--bg);border:1px solid var(--line);box-shadow:var(--sh-pop);
  transform-origin:top center;animation:pzIn .16s cubic-bezier(.2,.8,.2,1)}
.pz-pop.up{transform-origin:bottom center}
@keyframes pzIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.pz-search{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);color:var(--mut);background:var(--dm-surface);flex:none}
.pz-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--txt);font:inherit;font-size:.88rem}
.pz-search input::placeholder{color:var(--mut)}
.pz-list{flex:1;min-height:0;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.pz-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .12s}
.pz-item.act{background:var(--dm-surface)}
.pz-item.on{background:var(--dm-subtle);font-weight:800}
.pz-item.on.act{background:rgba(var(--coral-rgb),.22)}
.pz-item.dis{opacity:.4;cursor:not-allowed}
.pz-lab{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz-tick{display:inline-flex;color:var(--coral);flex:none}
.pz-box{width:22px;height:22px;flex:none;border-radius:7px;border:2px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:transparent;background:var(--bg);transition:.15s}
.pz-item.on .pz-box{background:var(--coral);border-color:var(--coral);color:var(--on-accent);box-shadow:0 4px 10px -3px rgba(var(--coral-rgb),.6)}
.pz-grp{padding:10px 12px 4px;font-size:.7rem;font-weight:800;letter-spacing:.02em;color:var(--mut)}
.pz-empty{padding:22px 12px;text-align:center;color:var(--mut);font-size:.85rem}
.pz-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid var(--line);background:var(--dm-surface);font-size:.78rem;color:var(--mut);flex:none}
.pz-clear{font:inherit;font-weight:800;color:var(--txt);padding:4px 8px;border-radius:8px;transition:background .15s,color .15s}
.pz-clear:hover{background:rgba(var(--coral-rgb),.16);color:var(--coral)}
@media (max-width:640px){.pz-item{padding:13px 12px}}
@media (prefers-reduced-motion:reduce){.pz-pop{animation:none}.pz-chev{transition:none}}