/* ---- کروم شل پروتوتایپ: دکمه شناور + کشوی فهرست صفحه‌ها (استخراج از meeta v0.2) ---- */
.fab{position:fixed;left:14px;bottom:14px;z-index:260;width:42px;height:42px;border-radius:999px;background:var(--brand-solid);color:#fff;border:none;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.fab:hover{background:var(--brand-solid-hover)}
.scrim{position:fixed;inset:0;background:var(--overlay);z-index:250;display:none}
.scrim.on{display:block}
.drawer{position:fixed;top:0;bottom:0;left:0;width:300px;background:var(--bg-primary);border-right:1px solid var(--border-secondary);z-index:255;transform:translateX(-100%);transition:transform .2s ease;display:flex;flex-direction:column;overflow:auto;direction:rtl}
.drawer.on{transform:none}
.dr-h{padding:14px 16px;border-bottom:1px solid var(--border-secondary)}
.dr-h .t{font-size:13.5px;font-weight:700}
.dr-h .s{font-size:10.5px;color:var(--tq);margin-top:2px}
.dr-sec{padding:12px 16px 4px;font-size:10.5px;color:var(--tp5);font-weight:700;letter-spacing:.04em}
.di{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 8px;padding:8px 10px;border-radius:var(--r-md);font-size:12.8px;font-weight:500;color:var(--ts);cursor:pointer}
.di:hover{background:var(--bg-active)}
.di.active{background:var(--bg-brand-primary);color:var(--fg-brand);font-weight:600}
.di .slug{font-size:9.3px;color:var(--tp5);direction:ltr;font-family:ui-monospace,Menlo,monospace;white-space:nowrap}
.dr-f{margin-top:auto;border-top:1px solid var(--border-secondary);padding:12px 16px}
.tgl{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-md);border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--ts);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
.tgl:hover{background:var(--bg-tertiary)}

/* ---- افزوده‌های شل یکپارچه ---- */
.dr-app{padding:16px 16px 3px;font-size:12px;color:var(--fg-brand);font-weight:800;letter-spacing:.02em;display:flex;align-items:center;gap:7px}
.dr-app:first-of-type{padding-top:12px}
.dr-app .dot{width:6px;height:6px;border-radius:99px;background:var(--brand-solid)}
.di .dtl{display:flex;align-items:center;gap:6px;min-width:0}
.di .dv{font-size:9px;font-weight:700;padding:0 6px;border-radius:999px;background:var(--bg-tertiary);color:var(--tq);white-space:nowrap}
.di.active .dv{background:var(--bg-brand-secondary);color:var(--fg-brand)}
.sh-note{max-width:520px;margin:80px auto;padding:16px 20px;border:1px solid var(--border-secondary);border-radius:var(--r-lg);background:var(--bg-secondary);font-size:13px;line-height:2;color:var(--ts)}
.sh-note b{color:var(--tp)}
.sh-note code{font-family:ui-monospace,Menlo,monospace;font-size:11px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:4px;padding:1px 6px;direction:ltr;display:inline-block}