@import url("css/tokens.css");
@import url("css/base.css");
@import url("css/layout.css");
@import url("css/components.css");
@import url("css/utilities.css");
@import url("css/pages.css");

/* Navigation and header action refinements. */
.sidebar-brand-toggle{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit}
.header-notifications{position:relative}
.notification-indicator{position:absolute;right:5px;top:5px;width:9px;height:9px;border-radius:50%;background:#dc2626;border:2px solid var(--site-header-color)}
@media (min-width:901px){.site-header .sidebar-toggle{display:none}.is-sidebar-collapsed .sidebar-brand-toggle strong{display:none}.is-sidebar-collapsed .sidebar-brand-toggle{justify-content:center;padding-inline:0}}
@media (max-width:900px){.header-add-expense{display:inline-flex}}
.avatar-cell{display:flex;align-items:center;gap:.35rem}.participant-avatars{display:flex;align-items:center}.avatar-cell .account-avatar,.participant-avatars .account-avatar{width:32px;height:32px}
.archived-payments{margin-top:1rem}
.archived-payments .archived-payment--pending{box-shadow:inset 4px 0 0 var(--color-brand-600)}
.archived-payments .archived-payment--confirmed{box-shadow:inset 4px 0 0 var(--color-danger)}
.settings-stack{display:grid;gap:1.5rem}.settings-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.theme-presets{display:flex;gap:.75rem;flex-wrap:wrap}.theme-preset{min-width:8rem}
.settings-stack>.card{margin:0}.settings-stack fieldset{display:grid;gap:1rem}.settings-stack h3{margin-bottom:.35rem}.settings-stack .form-grid{gap:1rem 1.25rem}.settings-stack .form-actions,.settings-stack .action-group{gap:.75rem}
.branding-file-preview{display:flex;align-items:center;gap:.75rem;margin:-.25rem 0 0;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-hover)}.branding-file-preview img{display:block;max-width:12rem;max-height:5rem;object-fit:contain}.branding-file-preview--icon img{width:3rem;height:3rem}.branding-file-preview figcaption{color:var(--color-muted);font-size:.875rem;font-weight:600}
.authorization-picker{max-width:30rem;margin-bottom:1rem}
.notification-indicator{display:grid;place-items:center;min-width:1.1rem;width:auto;height:1.1rem;padding:0 .2rem;right:-.2rem;top:-.3rem;color:#fff;font-size:.65rem;font-weight:700;line-height:1}
.settings-color-group{margin:0;padding:1.25rem}.settings-color-group>summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;align-items:center}.settings-color-group[open]>summary{margin-bottom:1.25rem}.settings-theme-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.5rem}.settings-theme-modes h3{margin-top:0}