/* ============================================================================
   ch-081/082/083 — «خدمات سازمانی» تست‌کاو: بخش «برای سازمان‌ها» در صفحهٔ اصلی (.bzh) و صفحهٔ شب‌رنگ /business/ (.bzp)
   ch-083: نماد هر دو بخش یک نمودار خلوت است (.bzd): دونات رنگیِ سطح مهارت تیم؛ در سرصفحهٔ /business/ یک کارت کوچک
   «میانگین امتیاز» هم کنارش هست. رنگ‌ها روی زمینهٔ شب سنجیده شده‌اند (support_center/business_dashboard.py).
   فضای نام: bz / bzh / bzp / bzd — هیچ قاعده‌ای بیرون از .bz نیست. هر دو بخش همیشه تیره‌اند (مستقل از تم سایت).
   قالب‌ها: templates/site_pages/business.html، _home_business.html، _business_dashboard.html، _business_icon.html
   ============================================================================ */

.bz{
  --bz-night:#070b18; --bz-deep:#0b1124; --bz-raise:#0f1730; --bz-indigo:#18224c;
  --bz-brass:#d8b46a; --bz-brass-hi:#f3d58c; --bz-brass-lo:#a87b34; --bz-gold:#ffc218;
  --bz-moon:#a9b8ff; --bz-risk:#ff6b5a;
  --bz-text:#eef0f7; --bz-soft:rgba(238,240,247,.72); --bz-faint:rgba(238,240,247,.48);
  --bz-hair:rgba(216,180,106,.18); --bz-hair-strong:rgba(216,180,106,.42); --bz-glass:rgba(255,255,255,.035);
  --bz-font:var(--tk-font,'AzarMehr','Vazirmatn',Tahoma,sans-serif);
  --bz-display:var(--tk-font-heading,'Pinar','AzarMehr',Tahoma,sans-serif);
  --bz-ease:cubic-bezier(.22,.61,.36,1);
  color:var(--bz-text); font-family:var(--bz-font);
}
.bz *,.bz *::before,.bz *::after{box-sizing:border-box}
.bz h1,.bz h2,.bz h3{margin:0;font-family:var(--bz-display);color:var(--bz-text);letter-spacing:0;text-wrap:balance}
.bz p{margin:0;text-wrap:pretty}
.bz a{color:inherit}
.bz :focus-visible{outline:2px solid var(--bz-brass-hi);outline-offset:3px;border-radius:10px}

/* ── آسمان: سه لایه ستاره با گام‌های نامساوی تا الگو تکرار دیده نشود، و دو مه رنگی ─────────────── */
.bz .bz-sky{position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(1.2px 1.2px at 23px 41px,rgba(255,255,255,.75) 50%,transparent 60%) 0 0/173px 173px,
    radial-gradient(1px 1px at 97px 13px,rgba(255,255,255,.55) 50%,transparent 60%) 0 0/241px 241px,
    radial-gradient(1.4px 1.4px at 61px 137px,rgba(243,213,140,.6) 50%,transparent 60%) 0 0/337px 337px,
    radial-gradient(900px 520px at 78% -8%,rgba(72,96,200,.30),transparent 62%),
    radial-gradient(760px 460px at 4% 108%,rgba(216,180,106,.12),transparent 64%);
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.bz .bz-sky--low{-webkit-mask-image:linear-gradient(0deg,#000 40%,transparent);mask-image:linear-gradient(0deg,#000 40%,transparent)}

/* ── اجزای مشترک ───────────────────────────────────────────────────────── */
.bz .bz-kick{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;line-height:1.6;color:var(--bz-brass)}
.bz .bz-kick::before{content:"";width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--bz-brass))}
.bz .bz-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.bz .bz-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:999px;
  font:800 15px/1 var(--bz-font);text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:transform .2s var(--bz-ease),box-shadow .2s var(--bz-ease),border-color .2s var(--bz-ease),background .2s var(--bz-ease)}
.bz .bz-btn--gold{border:0;color:#191307;background:linear-gradient(180deg,#ffd75a,#f3b705);
  box-shadow:0 14px 34px -14px rgba(255,194,24,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.bz .bz-btn--line{border:1px solid var(--bz-hair-strong);color:var(--bz-text);background:rgba(255,255,255,.02)}
.bz .bz-ic{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--bz-brass-hi);
  background:radial-gradient(circle at 30% 25%,rgba(243,213,140,.16),rgba(216,180,106,.04) 70%);box-shadow:inset 0 0 0 1px var(--bz-hair)}
.bz .bz-icon{width:24px;height:24px;flex:none}
.bz .bz-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.bz .bz-tags li{padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--bz-soft);box-shadow:inset 0 0 0 1px rgba(238,240,247,.12)}

/* پلاک ابزار: لبهٔ برنجی کم‌رنگ با چهار گوشه‌نمای حکاکی‌شده */
.bz .bz-plate{position:relative;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
  box-shadow:inset 0 0 0 1px var(--bz-hair),0 30px 60px -40px rgba(0,0,0,.8)}
.bz .bz-plate::before{content:"";position:absolute;inset:12px;pointer-events:none;opacity:.6;
  background:
    linear-gradient(var(--bz-brass),var(--bz-brass)) top right/16px 1px no-repeat,
    linear-gradient(var(--bz-brass),var(--bz-brass)) top right/1px 16px no-repeat,
    linear-gradient(var(--bz-brass),var(--bz-brass)) top left/16px 1px no-repeat,
    linear-gradient(var(--bz-brass),var(--bz-brass)) top left/1px 16px no-repeat,
    linear-gradient(var(--bz-brass),var(--bz-brass)) bottom right/16px 1px no-repeat,
    linear-gradient(var(--bz-brass),var(--bz-brass)) bottom right/1px 16px no-repeat,
    linear-gradient(var(--bz-brass),var(--bz-brass)) bottom left/16px 1px no-repeat,
    linear-gradient(var(--bz-brass),var(--bz-brass)) bottom left/1px 16px no-repeat}

/* ── بخش صفحهٔ اصلی: «برای سازمان‌ها» (ch-095 v2.3: خلوت؛ خط آخر تیتر طلایی، بدون فهرست خدمات، دونات بی‌قاب) ─────── */
.bzh{padding-block:clamp(20px,3vw,40px)}
.bzh .bzh-panel{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;gap:clamp(28px,4vw,64px);padding:clamp(40px,5vw,72px);border-radius:36px;
  background:
    radial-gradient(560px 420px at 92% 0%,rgba(86,70,235,.18),transparent 70%),
    radial-gradient(460px 340px at 100% 100%,rgba(255,194,24,.06),transparent 70%),
    linear-gradient(160deg,#0d1533 0%,#090e22 55%,#070b18 100%);
  box-shadow:inset 0 0 0 1px rgba(148,163,216,.14),0 50px 90px -50px rgba(7,11,24,.75)}
.bzh .bzh-copy{position:relative;z-index:1;display:grid;gap:24px;justify-items:start;min-width:0}
.bzh .bz-kick{color:#f5c84b}
.bzh .bz-kick::before{background:linear-gradient(90deg,transparent,#f5c84b)}
.bzh h2{font-size:clamp(32px,3.6vw,50px);font-weight:900;line-height:1.28}
.bzh h2 span,.bzh h2 em{display:block}
.bzh h2 em{font-style:normal;color:#ffd75a;background:linear-gradient(92deg,#fff0b8 0%,#ffd75a 45%,#f3b705 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bzh .bzh-lead{max-width:30em;font-size:16px;line-height:2.05;color:var(--bz-soft)}
.bzh .bzh-visual{position:relative;z-index:1;min-width:0}

/* ── صفحهٔ خدمات سازمانی ─────────────────────────────────────────────── */
/* overflow:clip (نه hidden) تا ستون معرفیِ فرم بتواند sticky بماند؛ مرورگر قدیمی همان hidden را می‌گیرد */
.bzp{position:relative;display:block;background:var(--bz-night);overflow:hidden;overflow:clip}
.bzp .bzp-section{position:relative;padding-block:clamp(56px,6vw,88px)}
.bzp .bzp-head{position:relative;z-index:1;display:grid;gap:14px;justify-items:start;max-width:46em;margin-bottom:clamp(34px,4.5vw,56px)}
.bzp .bzp-head h2{font-size:clamp(30px,3.6vw,50px);font-weight:900;line-height:1.3}
.bzp .bzp-head p{font-size:16.5px;line-height:2.05;color:var(--bz-soft)}

/* سرصفحه */
.bzp .bzp-hero{position:relative;isolation:isolate;padding-block:clamp(48px,6vw,96px) clamp(40px,5vw,72px);
  background:radial-gradient(110% 90% at 15% 0%,rgba(24,34,76,.9),transparent 60%),var(--bz-night)}
.bzp .bzp-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(24px,4vw,64px)}
.bzp .bzp-hero__copy{display:grid;gap:26px;justify-items:start}
.bzp h1{font-size:clamp(42px,6vw,86px);font-weight:900;line-height:1.16}
.bzp h1 span{display:block}
.bzp .bzp-lead{max-width:34em;font-size:clamp(16px,1.25vw,18px);line-height:2.1;color:var(--bz-soft)}
.bzp .bzp-hours{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--bz-faint)}
.bzp .bzp-hours .bz-icon{width:18px;height:18px;color:var(--bz-brass)}
.bzp .bzp-hero__dash{min-width:0}

/* چهار ویژگی */
.bzp .bzp-ledger{position:relative;z-index:1;border-block:1px solid var(--bz-hair);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.bzp .bzp-ledger__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}
.bzp .bzp-ledger__list li{display:grid;align-content:start;gap:6px;padding:30px clamp(16px,2vw,30px)}
.bzp .bzp-ledger__list li + li{border-inline-start:1px solid var(--bz-hair)}
.bzp .bzp-ledger__list b{font-family:var(--bz-display);font-size:18px;font-weight:800;color:var(--bz-brass-hi)}
.bzp .bzp-ledger__list span{font-size:13.5px;line-height:1.9;color:var(--bz-soft)}

/* شش خدمت */
.bzp .bzp-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.bzp .bzp-svc{grid-column:span 4;display:grid;align-content:start;gap:16px;padding:34px 32px 32px}
.bzp .bzp-svc h3{font-size:22px;font-weight:800;line-height:1.5}
.bzp .bzp-svc p{font-size:15px;line-height:2;color:var(--bz-soft)}
.bzp .bzp-svc--risk{grid-column:span 12;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(20px,4vw,56px);
  background:radial-gradient(70% 110% at 0% 100%,rgba(255,107,90,.045),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))}
/* ردیف آخر: «گواهینامه» (۴ ستون) کنار «لابراتوار» (۸ ستون) تا هیچ کاشی‌ای تنها نماند */
.bzp .bzp-svc--labs{grid-column:span 8;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(20px,2.8vw,40px);
  background:radial-gradient(90% 120% at 0% 0%,rgba(72,96,200,.14),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))}
.bzp .bzp-svc__text{display:grid;gap:16px;justify-items:start}

/* ماتریس ریسک: پنج پله از نیلیِ کم‌سو تا مرجانیِ روشن (بنفش و ارغوانی در میانه)؛ روشنایی هر پله از قبلی بیشتر است
   تا بدون رنگ هم ترتیب خوانده شود. راهنمای «کم ← زیاد» زیر خانه‌ها */
.bzp .bzp-matrix{margin:0;justify-self:center;width:min(100%,340px)}
.bzp .bzp-matrix__plot{display:grid;gap:10px;direction:ltr}
.bzp .bzp-matrix__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.bzp .bzp-matrix__grid i{position:relative;aspect-ratio:1;border-radius:8px;background:#1a2550}
.bzp .bzp-matrix__grid i[data-h="1"]{background:#24306a}
.bzp .bzp-matrix__grid i[data-h="2"]{background:#3f3fa6}
.bzp .bzp-matrix__grid i[data-h="3"]{background:#8b3db8}
.bzp .bzp-matrix__grid i[data-h="4"]{background:#dd4682}
.bzp .bzp-matrix__grid i[data-h="5"]{background:#ff6b4d;box-shadow:0 0 18px -4px rgba(255,107,77,.7)}
.bzp .bzp-matrix__scale{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:4px;font-size:11.5px;color:var(--bz-faint);direction:ltr}
.bzp .bzp-matrix__scale i{height:6px;border-radius:999px;background:linear-gradient(90deg,#24306a,#3f3fa6,#8b3db8,#dd4682,#ff6b4d)}
.bzp .bzp-matrix__grid i.is-hit::after{content:"";position:absolute;inset:33%;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(7,11,24,.45)}
.bzp .bzp-matrix__axis{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--bz-faint)}
.bzp .bzp-matrix__axis .bz-icon{width:14px;height:14px;color:var(--bz-brass)}
.bzp .bzp-matrix__axis--y{order:-1;justify-self:start}
.bzp .bzp-matrix__axis--y .bz-icon{transform:rotate(90deg)}
.bzp .bzp-matrix__axis--x{justify-self:end}
.bzp .bzp-matrix__axis--x .bz-icon{transform:rotate(180deg)}

/* ترمینال لابراتوار */
.bzp .bzp-term{margin:0;border-radius:18px;overflow:hidden;background:#05070f;box-shadow:inset 0 0 0 1px rgba(169,184,255,.16),0 30px 60px -36px rgba(0,0,0,.9)}
.bzp .bzp-term__bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(169,184,255,.1);direction:ltr}
.bzp .bzp-term__bar i{width:10px;height:10px;border-radius:50%;background:rgba(238,240,247,.16)}
.bzp .bzp-term__bar span{margin-left:auto;font-size:12px;color:var(--bz-faint);direction:rtl}
.bzp .bzp-term pre{margin:0;padding:18px 18px 22px;font:500 12.5px/2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#cfd6ff;white-space:pre-wrap;overflow-wrap:anywhere}
.bzp .bzp-term__p{color:var(--bz-brass)}
.bzp .bzp-term__o{color:var(--bz-soft)}
.bzp .bzp-term__ok{display:inline-block;margin-top:2px;padding:2px 10px;border-radius:999px;font-family:var(--bz-font);font-weight:700;color:#0b1a12;background:#7fe0a8}

.bzp .bzp-more{display:flex;align-items:center;gap:14px;margin-top:22px;padding:18px 22px;border-radius:16px;font-size:15px;line-height:1.9;color:var(--bz-soft);
  box-shadow:inset 0 0 0 1px rgba(238,240,247,.08)}
.bzp .bzp-more .bz-icon{color:var(--bz-brass)}
.bzp .bzp-more b{color:var(--bz-text)}

/* روند همکاری: مسیر برنجی از چهار ستاره */
.bzp .bzp-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}
.bzp .bzp-steps::before{content:"";position:absolute;top:28px;right:28px;left:28px;height:1px;
  background:linear-gradient(90deg,transparent,var(--bz-brass) 12%,var(--bz-brass) 88%,transparent);opacity:.5}
.bzp .bzp-steps li{position:relative;display:grid;align-content:start;gap:12px;justify-items:start}
.bzp .bzp-steps__n{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;font:800 22px/1 var(--bz-display);color:var(--bz-brass-hi);
  background:radial-gradient(circle at 35% 30%,#1d2858,var(--bz-night) 70%);box-shadow:inset 0 0 0 1px var(--bz-hair-strong),0 0 0 8px var(--bz-night)}
.bzp .bzp-steps h3{font-size:20px;font-weight:800;line-height:1.5}
.bzp .bzp-steps p{font-size:14.5px;line-height:2;color:var(--bz-soft)}

/* نمونهٔ گزارش */
.bzp .bzp-report{background:linear-gradient(180deg,transparent,rgba(24,34,76,.35) 50%,transparent)}
.bzp .bzp-report__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,5vw,80px)}
.bzp .bzp-head--side{margin-bottom:0}
.bzp .bzp-checks{display:grid;gap:12px;margin:8px 0 0;padding:0;list-style:none}
.bzp .bzp-checks li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--bz-text)}
.bzp .bzp-checks .bz-icon{width:20px;height:20px;padding:3px;border-radius:50%;color:#191307;background:var(--bz-brass);stroke-width:2.4}
.bzp .bzp-sheet{margin:0;padding:clamp(24px,3vw,38px);border-radius:26px;background:linear-gradient(180deg,#111a38,#0b1228);
  box-shadow:inset 0 0 0 1px var(--bz-hair-strong),0 50px 90px -40px rgba(0,0,0,.85);transform:rotate(-.8deg)}
.bzp .bzp-sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--bz-hair)}
.bzp .bzp-sheet__head div{display:grid;gap:4px}
.bzp .bzp-sheet__kicker{font-size:12.5px;font-weight:700;color:var(--bz-brass)}
.bzp .bzp-sheet__head b{font-family:var(--bz-display);font-size:22px;font-weight:800}
.bzp .bzp-sheet__head small{font-size:13px;color:var(--bz-faint)}
.bzp .bzp-sheet__seal{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:var(--bz-brass-hi);
  background:radial-gradient(circle at 35% 30%,rgba(243,213,140,.22),transparent 70%);box-shadow:inset 0 0 0 1px var(--bz-hair-strong),inset 0 0 0 6px rgba(216,180,106,.06)}
.bzp .bzp-sheet__body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:28px;padding-top:22px}
.bzp .bzp-bars{display:grid;gap:16px}
.bzp .bzp-bar{display:grid;grid-template-columns:7.5em minmax(0,1fr) auto;align-items:center;gap:14px;font-size:13.5px}
.bzp .bzp-bar span{color:var(--bz-soft)}
.bzp .bzp-bar i{position:relative;height:8px;border-radius:999px;background:rgba(238,240,247,.08)}
.bzp .bzp-bar i::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--v) * 100%);border-radius:2px 4px 4px 2px;
  background:var(--bc,#22c55e)}
.bzp .bzp-bar i::after{content:"";position:absolute;top:-5px;bottom:-5px;inset-inline-start:calc(var(--t) * 100%);width:2px;border-radius:2px;background:#f8fafc;
  box-shadow:0 0 0 2px #0e1631}
.bzp .bzp-bar.is-watch{--bc:#fb923c}
.bzp .bzp-bar.is-risk{--bc:#f43f5e}
.bzp .bzp-bar.is-risk i::before{box-shadow:0 0 14px -3px rgba(244,63,94,.75)}
.bzp .bzp-sheet__keys{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px;font-size:12px;color:var(--bz-faint)}
.bzp .bzp-sheet__keys span{display:inline-flex;align-items:center;gap:6px}
.bzp .bzp-sheet__keys i{width:12px;height:6px;border-radius:2px;background:var(--bc,#22c55e)}
.bzp .bzp-sheet__keys i.is-watch{--bc:#fb923c}
.bzp .bzp-sheet__keys i.is-risk{--bc:#f43f5e}
.bzp .bzp-sheet__keys i.is-target{width:2px;height:12px;background:#f8fafc}
.bzp .bzp-bar b{font-size:14px;font-weight:800;white-space:nowrap}
.bzp .bzp-bar b small{font-weight:600;color:var(--bz-faint)}
.bzp .bzp-sheet__acts{display:grid;align-content:start;gap:12px;margin:0;padding:0;list-style:none;counter-reset:act}
.bzp .bzp-sheet__acts li{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);counter-increment:act}
.bzp .bzp-sheet__acts b{font-size:14px;font-weight:800}
.bzp .bzp-sheet__acts b::before{content:counter(act,persian) ". ";color:var(--bz-brass)}
.bzp .bzp-sheet__acts span{font-size:12.5px;color:var(--bz-faint)}
.bzp .bzp-sheet figcaption{margin-top:22px;font-size:12.5px;color:var(--bz-faint)}

/* فرم درخواست */
.bzp .bzp-request{isolation:isolate}
.bzp .bzp-request__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(28px,5vw,80px)}
.bzp .bzp-request__intro{display:grid;gap:18px;justify-items:start;position:sticky;top:110px}
.bzp .bzp-request__intro h2{font-size:clamp(30px,3.2vw,44px);font-weight:900;line-height:1.3}
.bzp .bzp-request__intro > p{font-size:16px;line-height:2.05;color:var(--bz-soft)}
.bzp .bzp-next{display:grid;gap:0;margin:6px 0 0;padding:0;list-style:none;counter-reset:nx;width:100%}
.bzp .bzp-next li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;padding:14px 0;border-top:1px solid var(--bz-hair);counter-increment:nx}
.bzp .bzp-next li::before{content:counter(nx,persian);grid-row:1 / 3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  font:800 15px/1 var(--bz-display);color:var(--bz-brass-hi);box-shadow:inset 0 0 0 1px var(--bz-hair-strong)}
.bzp .bzp-next b{font-size:15px;font-weight:800}
.bzp .bzp-next span{font-size:13px;color:var(--bz-faint)}
.bzp .bzp-direct{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 0;padding:0;list-style:none}
.bzp .bzp-direct a,.bzp .bzp-direct button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border:0;border-radius:999px;
  font:700 13.5px/1 var(--bz-font);color:var(--bz-text);text-decoration:none;cursor:pointer;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(238,240,247,.12)}
.bzp .bzp-direct .bz-icon{width:18px;height:18px;color:var(--bz-brass)}

/* پلاک فرم و پیام ثبت مات است تا ستاره‌های پس‌زمینه از زیر خانه‌ها پیدا نباشند */
.bzp .bzp-form,.bzp .bzp-done{background:linear-gradient(180deg,#101833,#0c1229)}
.bzp .bzp-form{display:grid;gap:22px;padding:clamp(24px,3.4vw,44px)}
.bzp .bzp-form__alert{padding:14px 18px;border-radius:14px;font-size:14px;line-height:1.9;color:#ffd9d3;background:rgba(255,107,90,.12);box-shadow:inset 0 0 0 1px rgba(255,107,90,.35)}
.bzp .bzp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 18px}
.bzp .bzp-field{display:grid;gap:8px;align-content:start}
.bzp .bzp-field--wide{grid-column:1 / -1}
.bzp .bzp-field > span,.bzp .bzp-chips legend{font-size:13.5px;font-weight:700;color:var(--bz-soft)}
.bzp .bzp-field i,.bzp .bzp-chips legend i{font-style:normal;color:var(--bz-brass)}
.bzp .bzp-field input,.bzp .bzp-field select,.bzp .bzp-field textarea{width:100%;min-height:52px;padding:12px 16px;border:0;border-radius:14px;
  font:500 15px/1.7 var(--bz-font);color:var(--bz-text);background-color:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(238,240,247,.12);
  transition:box-shadow .2s var(--bz-ease),background-color .2s var(--bz-ease);appearance:none}
.bzp .bzp-field textarea{min-height:120px;resize:vertical}
/* فلش برنجی فهرست کشویی، سمت چپ (انتهای خط در راست‌به‌چپ) */
.bzp .bzp-field select{padding-inline-end:46px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.2 1.6 6 6.4l4.8-4.8' fill='none' stroke='%23d8b46a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 18px center;background-size:12px 8px}
.bzp .bzp-field select option{color:#111;background:#fff}
.bzp .bzp-field input::placeholder,.bzp .bzp-field textarea::placeholder{color:rgba(238,240,247,.32)}
.bzp .bzp-field input:focus,.bzp .bzp-field select:focus,.bzp .bzp-field textarea:focus{outline:0;background-color:rgba(255,255,255,.07);
  box-shadow:inset 0 0 0 1px var(--bz-brass),0 0 0 4px rgba(216,180,106,.16)}
.bzp .bzp-field em,.bzp .bzp-chips em{font-style:normal;font-size:12.5px;line-height:1.8;color:#ff9a8a}
.bzp .bzp-field.has-error input,.bzp .bzp-field.has-error select,.bzp .bzp-field.has-error textarea{box-shadow:inset 0 0 0 1px rgba(255,107,90,.7)}
.bzp .bzp-chips{margin:0;padding:0;border:0;display:grid;gap:12px}
.bzp .bzp-chips > div{display:flex;flex-wrap:wrap;gap:10px}
.bzp .bzp-chip{position:relative;cursor:pointer}
.bzp .bzp-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.bzp .bzp-chip span{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--bz-soft);
  box-shadow:inset 0 0 0 1px rgba(238,240,247,.14);transition:box-shadow .2s var(--bz-ease),background .2s var(--bz-ease),color .2s var(--bz-ease)}
.bzp .bzp-chip .bz-icon{width:0;height:16px;stroke-width:2.4;transition:width .2s var(--bz-ease)}
.bzp .bzp-chip input:checked + span{color:var(--bz-text);background:rgba(216,180,106,.14);box-shadow:inset 0 0 0 1px var(--bz-brass)}
.bzp .bzp-chip input:checked + span .bz-icon{width:16px;color:var(--bz-brass-hi)}
.bzp .bzp-chip input:focus-visible + span{outline:2px solid var(--bz-brass-hi);outline-offset:3px}
.bzp .bzp-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bzp .bzp-form__foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.bzp .bzp-form__foot small{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;line-height:1.8;color:var(--bz-faint)}
.bzp .bzp-form__foot small .bz-icon{width:16px;height:16px;color:var(--bz-brass)}
.bzp .bzp-form.is-sending .bz-btn--gold{opacity:.7;pointer-events:none}

.bzp .bzp-done{display:grid;justify-items:center;gap:14px;padding:clamp(36px,5vw,64px) clamp(24px,4vw,48px);text-align:center}
.bzp .bzp-done:focus{outline:0}                       /* تمرکزِ برنامه‌ای فقط برای صفحه‌خوان است؛ این پلاک قابل کلیک نیست */
.bzp .bzp-done__seal{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;color:#191307;
  background:radial-gradient(circle at 35% 30%,#ffe7a3,#d8a83f 70%);box-shadow:0 0 0 10px rgba(216,180,106,.12),0 20px 40px -18px rgba(255,194,24,.6)}
.bzp .bzp-done__seal .bz-icon{width:38px;height:38px;stroke-width:2.2}
.bzp .bzp-done h3{font-size:clamp(24px,2.6vw,32px);font-weight:900}
.bzp .bzp-done p{font-size:15.5px;line-height:2;color:var(--bz-soft)}
.bzp .bzp-done__ref b{display:inline-block;margin-inline-start:6px;padding:4px 14px;border-radius:10px;font:800 16px/1.6 ui-monospace,Menlo,monospace;
  color:var(--bz-brass-hi);background:rgba(216,180,106,.1);box-shadow:inset 0 0 0 1px var(--bz-hair-strong)}

/* ── ch-083: داشبورد سازمانیِ نمونه (.bzd) ───────────────────────────────
   خلوت: یک دونات رنگیِ بزرگ با هالهٔ نرم و راهنمای یک‌خطی؛ در سرصفحهٔ /business/ یک کارت کوچک «میانگین امتیاز» با خط روند طلایی هم هست.
   نه قاب و نه کارت‌های ریز. رنگ فقط روی حلقه است؛ همهٔ نوشته‌ها با رنگ متن. */
.bz .bz-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.bz .bzd{--bzd-ink:#f1f3fb;--bzd-muted:rgba(241,243,251,.56);--bzd-size:min(100%,320px);--bzd-num:56px;
  position:relative;display:grid;justify-items:center;gap:20px;margin:0;container-type:inline-size;container-name:bzd}
.bz .bzd--hero{--bzd-size:min(100%,390px);--bzd-num:68px}
.bz .bzd-head{display:inline-flex;align-items:center;gap:10px}
.bz .bzd-head b{font-size:15px;font-weight:800;line-height:1.6;color:var(--bzd-ink)}
.bz .bzd-tag{padding:1px 10px;border-radius:999px;font-size:11.5px;font-weight:800;line-height:1.8;color:#fde68a;background:rgba(255,194,24,.1);box-shadow:inset 0 0 0 1px rgba(255,194,24,.28)}
.bz .bzd-stage{position:relative;display:grid;justify-items:center;width:100%}

/* دونات: قطعه‌های گرد با فاصلهٔ برابر؛ ترتیب L۱←L۵ هم با رنگ و هم با روشنایی */
.bz .bzd-donut{position:relative;width:var(--bzd-size);aspect-ratio:1}
.bz .bzd-donut svg{position:relative;display:block;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.bz .bzd-donut__glow{position:absolute;inset:0;filter:blur(24px);opacity:.7;pointer-events:none;transition:opacity 1.4s var(--bz-ease) .6s}
.bz .bzd-donut__glow i{position:absolute;inset:6%;border-radius:50%;transition:opacity .25s var(--bz-ease);
  -webkit-mask:radial-gradient(closest-side,transparent 66%,#000 70%,#000 97%,transparent 100%);mask:radial-gradient(closest-side,transparent 66%,#000 70%,#000 97%,transparent 100%)}
.bz .bzd-donut__track{fill:none;stroke:rgba(148,163,216,.07);stroke-width:26}
.bz .bzd-donut__seg{fill:none;stroke-width:26;stroke-linecap:round;stroke-dasharray:var(--dash) 100;stroke-dashoffset:var(--off);
  transition:stroke-dasharray .9s var(--bz-ease) calc(.15s + var(--i) * .13s),opacity .25s linear calc(.15s + var(--i) * .13s),
    stroke-opacity .2s var(--bz-ease),stroke-width .2s var(--bz-ease)}
.bz .bzd-donut.is-focus .bzd-donut__seg{stroke-opacity:.22}
.bz .bzd-donut.is-focus .bzd-donut__glow i{opacity:.35}
.bz .bzd-donut.is-focus .bzd-donut__seg.is-on{stroke-opacity:1;stroke-width:31}
.bz .bzd-donut__center{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;margin:0;text-align:center;pointer-events:none}
.bz .bzd-donut__center b{font:900 var(--bzd-num)/1 var(--bz-display);color:var(--bzd-ink)}
.bz .bzd-donut__center span{max-width:10em;font-size:13px;line-height:1.6;color:var(--bzd-muted)}

/* کارت کوچک «میانگین امتیاز»: شیشه‌ای، کنار حلقه، بی‌آن‌که روی قطعه‌ها بیفتد */
.bz .bzd-chip{display:none}
.bz .bzd-chip__text{display:grid;margin:0}
.bz .bzd-chip__text b{font:900 26px/1.1 var(--bz-display);color:#fff6d6}
.bz .bzd-chip__text span{font-size:12px;line-height:1.7;color:var(--bzd-muted)}
.bz .bzd-chip__delta{align-self:start;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.7;color:#86efac;
  background:rgba(34,197,94,.13);box-shadow:inset 0 0 0 1px rgba(34,197,94,.28)}
.bz .bzd-chip__spark{grid-column:1 / -1;display:block;width:100%;height:auto;overflow:visible}
.bz .bzd-chip__line{fill:none;stroke:#ffc218;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;
  transition:stroke-dashoffset 1.1s var(--bz-ease) 1.1s}
.bz .bzd-chip__area{transition:opacity .8s var(--bz-ease) 1.7s}
.bz .bzd-chip__dot{fill:#ffc218;stroke:#121a37;stroke-width:2;filter:drop-shadow(0 0 5px rgba(255,194,24,.9));transition:opacity .3s var(--bz-ease) 2.1s}
/* فقط در سرصفحهٔ /business/ و فقط وقتی کنار حلقه جا هست. اندازهٔ حلقه و جای کارت طوری است که در هر پهنا (از ۶۰۰ پیکسل به بالا)
   حتی قطعهٔ ضخیم‌شده زیر نشانگر دست‌کم ۱۴ پیکسل با کارت فاصله دارد */
@container bzd (min-width:600px){
  .bz .bzd--hero .bzd-donut{width:min(390px,100cqi - 264px)}
  .bz .bzd-chip{position:absolute;bottom:-4px;inset-inline-end:-12px;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;width:150px;
    padding:12px 13px 11px;border-radius:18px;background:rgba(18,26,55,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    box-shadow:inset 0 0 0 1px rgba(255,214,92,.2),0 26px 50px -26px rgba(0,0,0,.95);
    transition:opacity .6s var(--bz-ease) 1s,transform .6s var(--bz-ease) 1s}
}

/* راهنما: یک ردیف؛ نقطهٔ رنگی کنار نوشتهٔ هم‌رنگ متن */
.bz .bzd-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:34em;margin:0;padding:0;list-style:none}
.bz .bzd-legend li{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:12.5px;line-height:1.6;color:var(--bzd-muted);
  cursor:default;outline-offset:1px;transition:background .15s var(--bz-ease)}
.bz .bzd-legend li i{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px rgba(255,255,255,.04),0 0 12px -1px var(--c)}
.bz .bzd-legend li b{font-weight:800;color:var(--bzd-ink)}
.bz .bzd-legend li.is-on,.bz .bzd-legend li:focus-visible{background:rgba(148,163,216,.13)}

@container bzd (max-width:480px){
  .bz .bzd-legend{max-width:300px}                     /* دو ردیفِ سه‌تایی و دوتایی، نه یک سطحِ تنها در ردیف دوم */
  .bz .bzd-legend li{padding:4px 8px;font-size:12px}
}
@container bzd (max-width:420px){
  .bz .bzd-donut{width:min(100%,280px)}
  .bz .bzd-donut__center b{font-size:50px}
}
@container bzd (max-width:300px){
  .bz .bzd-legend li{gap:5px;padding:4px 6px}
  .bz .bzd-legend__name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

/* تنها حرکتِ خودکار: ورود نمودار. قطعه‌ها یکی‌یکی کشیده می‌شوند، هاله روشن می‌شود و کارت روند می‌آید.
   - نمودارِ دیده‌شده هنگام بارگذاری (سرصفحهٔ /business/): با ‎@starting-style، بدون اسکریپت؛ مرورگر قدیمی همان حالت کامل را نشان می‌دهد.
   - نمودارِ پایین صفحه (صفحهٔ اصلی): اسکریپت آن را «is-armed» می‌کند و وقتی دیده شد «is-in». بدون اسکریپت همه‌چیز از اول کامل است. */
@media (prefers-reduced-motion:no-preference){
  @starting-style{
    .bz .bzd-donut__seg{stroke-dasharray:0 100;opacity:0}
    .bz .bzd-donut__glow{opacity:0}
    .bz .bzd-chip{opacity:0;transform:translateY(10px)}
    .bz .bzd-chip__line{stroke-dashoffset:100}
    .bz .bzd-chip__area,.bz .bzd-chip__dot{opacity:0}
  }
}
.bz .bzd.is-armed:not(.is-in) .bzd-donut__seg{stroke-dasharray:0 100;opacity:0}
.bz .bzd.is-armed:not(.is-in) .bzd-donut__glow{opacity:0}
.bz .bzd.is-armed:not(.is-in) .bzd-chip{opacity:0;transform:translateY(10px)}
.bz .bzd.is-armed:not(.is-in) .bzd-chip__line{stroke-dashoffset:100}
.bz .bzd.is-armed:not(.is-in) .bzd-chip__area,.bz .bzd.is-armed:not(.is-in) .bzd-chip__dot{opacity:0}

/* ── حالت‌های اشاره‌گر ─────────────────────────────────────────────────── */
@media (hover:hover){
  .bz .bz-btn--gold:hover{transform:translateY(-1px);box-shadow:0 18px 40px -14px rgba(255,194,24,.85),inset 0 1px 0 rgba(255,255,255,.55)}
  .bz .bz-btn--line:hover{box-shadow:none;border-color:var(--bz-brass);background:rgba(216,180,106,.08)}
  .bzp .bzp-direct a:hover,.bzp .bzp-direct button:hover{box-shadow:inset 0 0 0 1px var(--bz-brass)}
  .bzp .bzp-chip:hover span{box-shadow:inset 0 0 0 1px var(--bz-hair-strong);color:var(--bz-text)}
}

/* ── اندازه‌های کوچک‌تر ────────────────────────────────────────────────── */
@media (max-width:1100px){
  /* صفحهٔ اصلی و سرصفحه: متن بالا، نمودار زیرش */
  .bzh .bzh-panel{grid-template-columns:minmax(0,1fr)}
  .bzh .bzh-visual{width:min(100%,560px);justify-self:center}
  .bzp .bzp-hero__grid{grid-template-columns:minmax(0,1fr)}
  .bzp .bzp-hero__dash{width:min(100%,640px);justify-self:center}
  .bzp .bzp-svc{grid-column:span 6}
  .bzp .bzp-svc--risk,.bzp .bzp-svc--labs{grid-column:span 12}
  .bzp .bzp-svc--labs{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
  .bzp .bzp-sheet__body{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .bzh .bzh-panel{border-radius:28px}
  .bzp .bzp-hero__grid,.bzp .bzp-report__grid,.bzp .bzp-request__grid{grid-template-columns:minmax(0,1fr)}
  .bzp .bzp-ledger__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bzp .bzp-ledger__list li:nth-child(3){border-inline-start:0}
  .bzp .bzp-ledger__list li:nth-child(n+3){border-top:1px solid var(--bz-hair)}
  .bzp .bzp-svc--risk,.bzp .bzp-svc--labs{grid-template-columns:minmax(0,1fr)}
  .bzp .bzp-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .bzp .bzp-steps::before{display:none}
  .bzp .bzp-request__intro{position:static}
  .bzp .bzp-sheet{transform:none}
}
@media (max-width:640px){
  .bzh .bzh-panel{padding:30px 22px 22px;border-radius:24px}
  .bz .bz-actions{width:100%}
  .bz .bz-actions .bz-btn{flex:1 1 100%}
  .bzp .bzp-svc{grid-column:span 12;padding:28px 22px}
  .bzp .bzp-fields{grid-template-columns:minmax(0,1fr)}
  .bzp .bzp-ledger__list{grid-template-columns:minmax(0,1fr)}
  .bzp .bzp-ledger__list li + li{border-inline-start:0;border-top:1px solid var(--bz-hair)}
  .bzp .bzp-steps{grid-template-columns:minmax(0,1fr)}
  .bzp .bzp-bar{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  .bzp .bzp-bar i{grid-column:1 / -1;grid-row:2}
  .bzp .bzp-term pre{font-size:12px}
}

@media (prefers-reduced-motion:reduce){
  .bz .bzd-donut__seg,.bz .bzd-donut__glow,.bz .bzd-donut__glow i,.bz .bzd-chip,.bz .bzd-chip__line,.bz .bzd-chip__area,.bz .bzd-chip__dot,.bz .bzd-legend li{transition:none}
  .bz .bz-btn{transition:none}
}
