:root { --bs-primary: #4e73df; --bs-primary-rgb: 78, 115, 223; --bs-primary-dark: color-mix(in srgb, var(--bs-primary) 80%, #000); --bs-secondary: #858796; --bs-secondary-rgb: 133, 135, 150; --bs-secondary-dark: color-mix(in srgb, var(--bs-secondary) 80%, #000); --bs-success: #1cc88a; --bs-success-dark: color-mix(in srgb, var(--bs-success) 80%, #000); --bs-danger: #e74a3b; --bs-danger-dark: color-mix(in srgb, var(--bs-danger) 80%, #000); --bs-warning: #f6c23e; --bs-info: #36b9cc; /* Semantic action colors — overridden per branding via inline style on */ --color-save: var(--bs-success); --color-save-dark: color-mix(in srgb, var(--color-save) 80%, #000); --color-delete: var(--bs-danger); --color-delete-dark: color-mix(in srgb, var(--color-delete) 80%, #000); --app-bg: #f2f5fb; --app-surface: #ffffff; --app-surface-soft: #f8fbff; --app-border: #d2d9e6; --app-border-strong: #b5c0d4; --app-text: #1f2937; --app-text-soft: #344054; --app-muted: #5f6b7c; --app-placeholder: #758195; --app-shadow: 0 0.25rem 1.5rem rgba(41, 54, 86, 0.1); --app-shadow-sm: 0 0.12rem 0.5rem rgba(41, 54, 86, 0.08); --app-rail-width: 16rem; --assign-picker-list-height: 24rem; } * { box-sizing: border-box; } html, body { min-height: 100%; margin: 0; } body { background: var(--app-bg); color: var(--app-text); font-family: "Nunito", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; line-height: 1.5; } a { color: var(--bs-primary); text-decoration: none; text-underline-offset: 0.18rem; } a:hover { color: var(--bs-primary-dark); } h1, h2, h3, h4, h5, h6 { color: var(--app-text); font-weight: 700; line-height: 1.25; } h1 { font-size: 1.45rem; } h2 { font-size: 1.15rem; } code { border: 1px solid #ccd7eb; border-radius: 0.28rem; background: #f3f7ff; color: #2e59d9; padding: 0.08rem 0.32rem; } hr { border: 0; border-top: 1px solid var(--app-border); } ::placeholder { color: var(--app-placeholder); opacity: 1; } a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .nav-link:focus-visible, tr.click-row:focus-visible { outline: 3px solid rgba(var(--bs-primary-rgb), 0.24); outline-offset: 2px; } input, select, textarea, button { font: inherit; } .muted { color: var(--app-muted); } .small { font-size: 0.9rem; } .inline { display: inline-flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } .stack { display: grid; gap: 0.75rem; }