/* shared/dropdownControl.css -- Shared SCDropdown styles. Loaded BEFORE templateStudio.css so consumer CSS can override. Uses Template Studio CSS vars (--bg, --card, --panel, --line, --line-em, --text, --sub, --muted, --teal, --hover) with safe fallbacks for non-Studio pages (e.g. light-theme admin shells). Design rules respected (CLAUDE.md + feedback_no_colored_chips_badges): - no badges/chip pills with tinted backgrounds - text plain with --sub / --muted for secondary - single hover effect (background, NU bg + border) - no decorative dots / gratuitous shadows */ :root { /* Above StudioDialog (1000), below Toast (2000). */ --z-dropdown: 1200; } /* ═══════════════════════════════════════════════════════════════ Trigger ═══════════════════════════════════════════════════════════════ */ .scdd-wrap { position: relative; display: inline-block; max-width: 100%; /* Width is determined either by: 1. inline style copied from