/* Corner system for every page: admin, brand view and creator pages. Three steps plus pills, each with one job:
   - Containers 16px: cards, panels, tiles, popups, menus, sheets.
   - Controls 10px: buttons, inputs, dropdowns, choice chips (sizes, colors, filter options).
   - Inner 6px: things inside a control or container edge: menu rows, calendar days, thumbnails.
   - Pill (full round): only labels, not actions: status badges, count tags, removable filter
     tags, avatars, and the floating headers / bottom bar (they float, they don't hold content). */
:root { --rc: 16px; --rctl: 10px; --rin: 6px; }

/* Containers */
.panel, .table-card, .tile, .lb-card, .login, .login.glass, .kpi, .who-card, .cover-card, .help-pop, .msg-pop, .dt-pop,
.menu, .dd-list, .lb-menu, .card, .note-box, .sync-changes, .ta-reveal, .pie-card, .sun-card, .ins-summary, .shelf,
.order-panel, .req-table tr.order-row td, .summary, .form-panel, .done .panel, .no-match { border-radius: var(--rc) !important; }
.filter-sheet { border-radius: var(--rc) var(--rc) 0 0 !important; }
@media (min-width: 600px) { .filter-sheet { border-radius: 0 var(--rc) var(--rc) 0 !important; } .filter-sheet .f-foot { border-radius: 0 0 var(--rc) 0 !important; } }
.card .media, .lb-cover { border-radius: 0 !important; } /* photos sit flush inside their card */

/* Controls */
.btn, .btn-primary, .add-btn, .dd-btn, .dt-btn, input:not([type=checkbox]):not([type=radio]), textarea, select, .affix,
.chip, .card .chip, .f-opt, .f-sizes .f-opt, .filter-btn, .order-btn, .cell-input, .order-panel .cell-input, .search-box,
.view-switch, .cat-tab, .ns-chip, .fam, .send-row .btn, .f-foot .btn, .swatch .sw-chip, .theme-pick .swatch, .o-pill { border-radius: var(--rctl) !important; }
.view-switch button, .fam button, .o-pill .o-icon-btn { border-radius: calc(var(--rctl) - 3px) !important; } /* concentric: inner = outer - inset */

/* Inner */
.menu [role="menuitem"], .menu [role="menuitemradio"], .menu-item, .dd-list li, .lb-menu button, .dt-day, .dt-nav,
.pk-img, .picks .pk-img, .pie-row .pk-img, .sum-thumb, .line-thumb, .bicon, .bmark, .lb-more { border-radius: var(--rin) !important; }

/* Pills: labels, never actions */
.badge, .live-tag, .stat, .lb-stats .stat, .kpi-tag, .picked-chip, .filter-n, .bag-count, .cat-n, .viewer-tag, .ch-off, .ch-add,
.avatar, .topbar, .hdr-in, .dock, .dock-in, .toast, .count { border-radius: 999px !important; }
.avatar { border-radius: 50% !important; }