/* نبض دام‌فارم — امضای بصری برای صفحه‌های وب
 * در CRM، تلویزیون و گله‌بان فقط این فایل و nabz-fx.js را اضافه کنید:
 *   <link rel="stylesheet" href="/crm/nabz/signature/nabz.css">
 *   <script src="/crm/nabz/signature/nabz-fx.js" defer></script>
 */
:root{
  --nabz-deep:#06130d; --nabz-deep2:#0c2819; --nabz-leaf:#1fae6c; --nabz-green:#2fd189;
  --nabz-yolk:#ffc300; --nabz-yolk2:#ffe27a; --nabz-shell:#f7f0e3; --nabz-ink:#f2f7f4; --nabz-sub:#a9c2b5;
  --nabz-font:"Pinar","Vazirmatn",Tahoma,sans-serif;
  --nabz-crack:polygon(100% 0,0 0,0 46%,9% 51%,18% 44%,27% 53%,36% 45%,45% 52%,54% 44%,63% 53%,72% 45%,81% 52%,90% 44%,100% 50%);
}

/* نوار نبض: بالای صفحه‌ها، زیر هدر */
.nabz-strip{position:relative;height:56px;overflow:hidden;background:
  radial-gradient(600px 120px at 85% 0,rgba(31,174,108,.35),transparent 70%),
  radial-gradient(500px 120px at 10% 100%,rgba(255,195,0,.14),transparent 70%),
  linear-gradient(90deg,var(--nabz-deep),var(--nabz-deep2));
  border-bottom:1px solid rgba(255,195,0,.25)}
/* نسخه‌ی گله‌بان: باریک‌تر، زمینه‌ی تمشکی، خط صورتی */
.nabz-strip.gb{height:34px;background:radial-gradient(500px 80px at 85% 0,rgba(214,51,108,.45),transparent 70%),linear-gradient(90deg,#2c0b1c,#12060c);border-bottom-color:rgba(214,51,108,.4)}
.nabz-strip canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.nabz-strip .nabz-strip-label{position:absolute;inset-inline-end:16px;top:50%;transform:translateY(-50%);font:900 15px/1 var(--nabz-font);color:var(--nabz-yolk);
  background:rgba(6,19,13,.72);padding:7px 12px;border-radius:999px;border:1px solid rgba(255,195,0,.35);backdrop-filter:blur(6px)}

/* نشان تخم‌مرغ نبض (SVG داخل HTML) */
.nabz-mark{width:1.4em;height:1.8em;display:inline-block;vertical-align:middle;filter:drop-shadow(0 0 .35em rgba(255,195,0,.55))}

/* کارت شیشه‌ای با لبه‌ی زرده */
.nabz-card{position:relative;border-radius:22px;padding:18px;background:rgba(255,255,255,.04);
  border:1px solid transparent;background-clip:padding-box;isolation:isolate}
.nabz-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;z-index:-1;
  background:linear-gradient(225deg,rgba(255,195,0,.65),rgba(255,255,255,.08) 45%,rgba(255,255,255,.03));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}

/* دکمه‌ی اصلی: زرده با تپش نور */
.nabz-btn{font:800 15px/1 var(--nabz-font);color:var(--nabz-deep);background:linear-gradient(180deg,var(--nabz-yolk2),var(--nabz-yolk));
  border:0;border-radius:999px;padding:12px 20px;cursor:pointer;box-shadow:0 0 0 0 rgba(255,195,0,.5);text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.nabz-btn:hover{box-shadow:0 0 0 6px rgba(255,195,0,.18)}
.nabz-btn:focus-visible{outline:3px solid var(--nabz-green);outline-offset:3px}
.nabz-btn.ghost{background:transparent;color:var(--nabz-yolk);box-shadow:inset 0 0 0 1.5px rgba(255,195,0,.6)}

/* عدد بزرگ امضایی */
.nabz-num{font:900 clamp(34px,6vw,64px)/1.1 var(--nabz-font);color:var(--nabz-yolk);text-shadow:0 0 28px rgba(255,195,0,.35);font-variant-numeric:tabular-nums}

/* ورود «ترک پوسته»: بخش از خط وسطش باز می‌شود، مثل پوسته‌ای که از هم جدا می‌شود؛
   فقط هنگام ورود (backwards)، پس بعد از پایان هیچ clip-path روی عنصر نمی‌ماند */
@media (prefers-reduced-motion:no-preference){
  .nabz-crack-in{animation:nabzCrack .75s cubic-bezier(.2,.8,.2,1) backwards}
  .nabz-crack-in.nabz-delay-1{animation-delay:.07s}.nabz-crack-in.nabz-delay-2{animation-delay:.14s}.nabz-crack-in.nabz-delay-3{animation-delay:.21s}
  @keyframes nabzCrack{
    0%{clip-path:inset(49.5% 0 49.5% 0);opacity:.3;filter:brightness(2.2) saturate(.6)}
    35%{clip-path:inset(42% 0 42% 0);opacity:1}
    100%{clip-path:inset(0 0 0 0);filter:none}
  }
  .nabz-glow-pulse{animation:nabzBeat 2.4s ease-in-out infinite}
  @keyframes nabzBeat{0%,100%{box-shadow:0 0 0 0 rgba(255,195,0,.0)}12%{box-shadow:0 0 0 8px rgba(255,195,0,.22)}24%{box-shadow:0 0 0 0 rgba(255,195,0,0)}}
}

/* بارگذاری: به‌جای چرخنده، یک ضربان */
.nabz-loader{width:120px;height:40px;display:block}
.nabz-loader path{fill:none;stroke:var(--nabz-yolk);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260;filter:drop-shadow(0 0 6px rgba(255,195,0,.7))}
@media (prefers-reduced-motion:no-preference){.nabz-loader path{animation:nabzDraw 1.4s ease-in-out infinite}@keyframes nabzDraw{to{stroke-dashoffset:-260}}}
@media (prefers-reduced-motion:reduce){.nabz-loader path{stroke-dashoffset:0}}

/* نوار پیشرفت پخش ویدیو (تلویزیون): خط زرده با سر تپنده */
.nabz-progress{position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.18)}
.nabz-progress>i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,195,0,.25),var(--nabz-yolk));box-shadow:0 0 12px rgba(255,195,0,.7)}
.nabz-progress>i::after{content:"";position:absolute;inset-inline-end:-7px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--nabz-yolk2);box-shadow:0 0 0 5px rgba(255,195,0,.25)}