/* No blue tap flash on phones */
html { -webkit-tap-highlight-color: transparent; }
*, *::before, *::after { -webkit-tap-highlight-color: transparent; }

/* Collapsible sidebar groups (Brand, Creator, Studio, Admin). Chevron added by
   public/dashboard/js/sidebar-groups.js to every .sd-group that has a .sd-children list. */
body :is(.sd-group.sd-group-toggle) { cursor: pointer; user-select: none; justify-content: space-between; gap: 6px; border-radius: 6px; }
body .sd-group.sd-group-toggle:hover { color: #fff; }
body .sd-group.sd-group-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
body .sd-group .sd-chev { width: 12px; height: 12px; flex: none; color: var(--side-text, rgba(255,255,255,.62)); transition: transform var(--dur-fast, 140ms) var(--ease-out, ease); }
body .sd-group.is-closed .sd-chev { transform: rotate(-90deg); }
body .sd-children.sd-closed { display: none; }
/* The icon rail has no group labels, so nothing can be closed there: show every icon. */
body .sd-app.is-collapsed .sd-children.sd-closed { display: flex; }
@media (min-width: 769px) and (max-width: 900px) { body .sd-children.sd-closed { display: flex; } }
@media (prefers-reduced-motion: reduce) { body .sd-group .sd-chev { transition: none; } }