/* ============================================================
   QUICK-ACCESS DRAWER (v2) — a single trigger button that opens a
   full grid of every section at once, so nothing needs scrolling to
   be seen. The first version of this was a second horizontally-
   scrolling chip row sitting right above the sidenav, which (on
   mobile) already collapses into its own horizontal scroller — two
   scrollers showing the same items solved nothing. This version is
   deliberately NOT a scroller: it's a tap-to-open sheet, laid out as
   a grid, so every shortcut is visible in one glance and one tap.
   ============================================================ */
.quick-drawer-trigger{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);color:var(--text-main);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .18s ease;margin-bottom:18px;width:100%;justify-content:center;}
.quick-drawer-trigger:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);}
.quick-drawer-trigger i{color:var(--brand-primary);}
.quick-drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:900;display:flex;align-items:flex-end;justify-content:center;animation:qdFadeIn .15s ease;}
.quick-drawer-overlay.hidden{display:none;}
@keyframes qdFadeIn{ from{opacity:0;} to{opacity:1;} }
.quick-drawer-sheet{background:var(--bg-main);width:100%;max-width:640px;max-height:82vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:18px 18px 26px;animation:qdSlideUp .2s ease;}
@keyframes qdSlideUp{ from{transform:translateY(24px); opacity:0;} to{transform:translateY(0); opacity:1;} }
.quick-drawer-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.quick-drawer-sheet-head h3{margin:0;font-size:1.05rem;}
.quick-drawer-close{background:none;border:none;font-size:1.2rem;color:var(--text-muted);cursor:pointer;padding:4px 8px;}
.quick-drawer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
@media (max-width:520px){ .quick-drawer-grid{grid-template-columns:repeat(3,1fr);} }
.quick-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:14px;background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;transition:all .15s ease;text-align:center;}
.quick-tile:hover{border-color:var(--brand-primary);transform:translateY(-2px);}
.quick-tile.active{background:var(--brand-primary);border-color:var(--brand-primary);}
.quick-tile.active i, .quick-tile.active span{color:#fff;}
.quick-tile i{font-size:1.25rem;color:var(--brand-primary);}
.quick-tile span{font-size:.72rem;font-weight:700;color:var(--text-main);line-height:1.2;}

/* ============ COMPONENTS ============ */