/* «سایر راه‌های ارتباطی» (components/contact_sheet.html). Bottom sheet on the phone, centred card from 640px; light and dark. */
.cs-wrap{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;background:rgb(2 6 23 / 0);transition:background .18s;
  --cs-bg:#fff;--cs-2:#f1f5f9;--cs-bd:#e2e8f0;--cs-ink:#0f172a;--cs-sub:#64748b;--cs-ac:rgb(var(--ac-600, 5 150 105))}
.dark .cs-wrap,[data-pub="night"].dark .cs-wrap{--cs-bg:#0f172a;--cs-2:#1e293b;--cs-bd:#1e293b;--cs-ink:#f1f5f9;--cs-sub:#94a3b8;--cs-ac:rgb(var(--ac-400, 52 211 153))}
.cs-wrap[hidden]{display:none}
.cs-wrap.on{background:rgb(2 6 23 / .6)}
.cs-sheet{width:100%;max-height:85dvh;overflow:auto;background:var(--cs-bg);color:var(--cs-ink);border-radius:22px 22px 0 0;padding:6px 14px calc(14px + env(safe-area-inset-bottom));
  transform:translateY(100%);transition:transform .2s cubic-bezier(.2,.8,.2,1);text-align:right;font-family:inherit}
.cs-wrap.on .cs-sheet{transform:none}
@media (min-width:640px){.cs-wrap{align-items:center}.cs-sheet{max-width:420px;border-radius:22px;padding:6px 18px 18px}.cs-grip{display:none}}
.cs-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 0 10px}
.cs-head h3{margin:0;font-size:15px;font-weight:900}
.cs-grip{position:absolute;top:2px;left:50%;transform:translateX(-50%);width:40px;height:4px;border-radius:4px;background:var(--cs-bd)}
.cs-x{width:36px;height:36px;border-radius:12px;border:0;background:var(--cs-2);color:var(--cs-sub);font-size:22px;line-height:1;cursor:pointer}
.cs-list{display:flex;flex-direction:column;gap:6px}
.cs-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;border:1px solid var(--cs-bd);color:inherit;text-decoration:none}
.cs-row:active{transform:scale(.99)}
.cs-ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--cs-2);color:var(--cs-ac);flex-shrink:0}
.cs-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.cs-tx b{font-size:13.5px;font-weight:800}
.cs-tx small{font-size:12px;color:var(--cs-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.cs-go{color:var(--cs-sub)}