/* GhelGheli · pieces the chrome templates need — form, chips, article bits */
.field{display:grid;gap:6px}
.field>span{font-size:11.4px;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--line);
  background:rgba(255,255,255,.03);color:var(--txt);font:inherit;font-size:13.4px;transition:.25s var(--ease)}

/* ── لیستِ کشویی: مرورگر پس‌زمینهٔ سفید و متنِ روشن می‌دهد و انتخاب‌ها ناخوانا
   می‌شوند. رنگِ صریح برای option + ظاهرِ سفارشی + فلشِ خودمان. ── */
.field select{appearance:none;-webkit-appearance:none;cursor:pointer;
  padding-inline-end:38px;color:#F0F6EC;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23B8F14A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 14px center;background-size:12px 8px}
.field select option{background:#0C1510;color:#EAF3E6;font-size:13.4px;padding:8px}
.field select option:checked{background:#1B3018;color:#C6F76B}
.field select:focus{color:#fff}
/* در فایرفاکس رنگِ متنِ گزینهٔ انتخاب‌شده از خودِ select می‌آید */
@-moz-document url-prefix(){.field select,.field select option{color:#EAF3E6;background-color:#0C1510}}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:rgba(184,241,74,.45);background:rgba(184,241,74,.04)}
.field textarea{resize:vertical;min-height:120px;line-height:1.9}
.field input::placeholder,.field textarea::placeholder{color:var(--muted-2)}
.form{display:grid;gap:12px;max-width:720px;margin-inline:auto;padding:clamp(16px,2.4vw,26px);
  border-radius:var(--r-2);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008))}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:620px){.form__row{grid-template-columns:1fr}}
.form__state{font-size:12.4px;min-height:1.2em;text-align:center;color:var(--muted)}
.form__state.ok{color:var(--lime)}
.form__state.err{color:#FF8080}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.4px;color:#D5E6D2;padding:5px 12px;
  border-radius:var(--r-pill);border:1px solid var(--line);background:rgba(255,255,255,.02)}
.chip b{color:var(--lime);font-variation-settings:"wght" 800}
.chip--live i{width:6px;height:6px;border-radius:50%;background:#5CF08C;box-shadow:0 0 8px #5CF08C;animation:pulse 2.4s infinite}
.hero__hud{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
@keyframes pulse{50%{opacity:.35}}
.errpage{background:var(--void);color:var(--txt);font-family:'Vazirmatn',system-ui,sans-serif;min-height:100vh}
.article__body table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}
.article__body th,.article__body td{border:1px solid var(--line);padding:8px 10px;text-align:right}
.article__body code{background:rgba(255,255,255,.06);padding:1px 6px;border-radius:6px;font-size:12.5px;direction:ltr;display:inline-block}
.article__body figure{margin:16px 0}
.article__body figcaption{font-size:11.6px;color:var(--muted-2);margin-top:6px}
.fcta__k i{animation:pulse 2.6s infinite}

/* share row */
.share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:26px;font-size:12px;color:var(--muted-2)}
.share a,.share button{font-size:12px;padding:7px 13px;border-radius:var(--r-pill);border:1px solid var(--line);
  color:#CFE0CB;transition:.25s var(--ease)}
.share a:hover,.share button:hover{border-color:rgba(184,241,74,.45);color:#fff;background:rgba(184,241,74,.07)}

/* lightbox نماد اعتماد */
.lbox{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;
  background:rgba(3,7,5,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.lbox[hidden]{display:none}
.lbox__x{position:absolute;top:16px;inset-inline-end:18px;width:40px;height:40px;border-radius:50%;
  border:1px solid var(--line-2);color:#fff;font-size:22px;line-height:1;display:grid;place-items:center;background:rgba(0,0,0,.4)}
.lbox__card{position:relative;max-width:380px;width:100%;display:grid;justify-items:center;gap:10px;text-align:center;
  padding:26px 20px;border-radius:var(--r-2);border:1px solid rgba(184,241,74,.3);
  background:radial-gradient(120% 120% at 0% 0%,rgba(184,241,74,.14),transparent 60%),#0A120D;color:var(--txt)}
.lbox__seal{width:96px;height:96px;display:block}
.lbox__card b{font-variation-settings:"wght" 800;font-size:15px}
.lbox__card span{font-size:12.4px;color:var(--muted)}
.lbox__card small{font-size:11px;color:var(--muted-2);line-height:1.9}