/* * Admin dashboard styles. Kept in their own file rather than appended to * styles.css: this is an operator-only page, and every customer would * otherwise download it on every app page load. Inherits the app's tokens * (--accent, --card, --border, …) from styles.css, which loads first. */ .admin-page { --admin-max-width: 1440px; /* Design-system card rule: flat, border-only, 10px. Was 14px + a drop shadow. Every consumer of --admin-shadow now needs an explicit border, since the shadow was the only thing separating cards from the page. */ --admin-radius: 10px; --admin-shadow: none; --admin-hairline: 1px solid var(--border); /* Design-system tokens the handoff assumes are global. They are NOT in styles.css, and styles.css is shared with the customer app — so they're defined here, console-scoped. Aliased to the existing token wherever the handoff lists the two as equivalent, so they can't drift apart. */ --color-neutral-0: var(--card); --color-neutral-50: #f9fafb; --color-neutral-75: #f8fafc; --color-neutral-300: var(--border); --color-neutral-400: #94a3b8; --color-neutral-500: var(--muted); /* The one value the handoff uses (§3.5) but never tabulates; sits between --muted (500) and --text (800). */ --color-neutral-600: #4b5563; --color-neutral-800: var(--text); --color-brand-500: var(--success); --color-brand-600: #16a34a; --color-brand-700: var(--accent); --color-brand-800: var(--accent-hover); --color-brand-tag-bg: #e8f5e9; --color-brand-tag-fg: #2e7d32; --radius-lg: 10px; --radius-pill: 999px; /* Modals keep a heavy shadow — they float over a scrim. */ --shadow-modal: 0 25px 60px rgba(15, 23, 42, 0.2); min-height: 100vh; padding: 1.25rem clamp(0.75rem, 2vw, 2rem) 4rem; background: var(--page-bg-gradient); } .admin-shell { max-width: var(--admin-max-width); margin: 0 auto; } /* styles.css styles bare