/* _content/Tovelin.Shared.UI/Components/Accessibility/AccessibilitySettingsPanel.razor.rz.scp.css */
.accessibility-settings[b-9jp7bcd83q] {
display: grid;
gap: var(--space-5);
}

.accessibility-settings__group[b-9jp7bcd83q] {
display: grid;
gap: var(--space-4);
min-width: 0;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface-soft);
}

.accessibility-settings__group h3[b-9jp7bcd83q],
.accessibility-settings__status[b-9jp7bcd83q] {
margin: 0;
}

.accessibility-settings__actions[b-9jp7bcd83q] {
display: flex;
justify-content: flex-start;
}

.accessibility-settings__status[b-9jp7bcd83q] {
min-height: 1.5em;
color: var(--color-text-soft);
}

@media (max-width: 480px) {
.accessibility-settings__group[b-9jp7bcd83q] {
padding: var(--space-3);
}
.accessibility-settings__actions :deep(.tovelin-btn)[b-9jp7bcd83q] {
width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Components/Actions/TovelinButton.razor.rz.scp.css */
.tovelin-btn[b-nuoypm92ax] {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
border: 1px solid transparent;
border-radius: var(--radius-sm);
padding: var(--control-pad-y-md) var(--control-pad-x-md);
font-family: var(--font-body);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
line-height: 1.08;
letter-spacing: 0;
white-space: nowrap;
text-decoration: none;
cursor: pointer;
transition:
transform 160ms ease,
box-shadow 160ms ease,
background-color 160ms ease,
border-color 160ms ease,
color 160ms ease;
box-shadow: none;
}

.tovelin-btn:hover[b-nuoypm92ax] {
transform: translateY(-2px);
box-shadow: var(--shadow-elevated);
}

.tovelin-btn.is-active[b-nuoypm92ax] {
transform: translateY(1px);
box-shadow: 0 2px 0 color-mix(in srgb, var(--color-text) 14%, transparent);
}

.tovelin-btn.is-active[b-nuoypm92ax]::after {
content: "";
}

.tovelin-btn:focus-visible[b-nuoypm92ax] {
outline: 3px solid color-mix(in srgb, var(--color-secondary) 58%, transparent);
outline-offset: 3px;
}

.tovelin-btn--full[b-nuoypm92ax] {
width: 100%;
}

.tovelin-btn--sm[b-nuoypm92ax] {
padding: var(--control-pad-y-sm) var(--control-pad-x-sm);
font-size: var(--font-size-caption);
}

.tovelin-btn--md[b-nuoypm92ax] {
padding: var(--control-pad-y-md) var(--control-pad-x-md);
}

.tovelin-btn--lg[b-nuoypm92ax] {
padding: var(--control-pad-y-lg) var(--control-pad-x-lg);
font-size: var(--font-size-body);
}

.tovelin-btn--primary[b-nuoypm92ax] {
color: var(--color-on-primary);
background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 84%, white), var(--color-primary));
border-color: color-mix(in srgb, var(--color-primary-dark) 62%, var(--color-border));
box-shadow:
0 0.22rem 0 color-mix(in srgb, var(--color-primary-dark) 78%, var(--color-text)),
0 0.48rem 0.85rem color-mix(in srgb, var(--color-primary-dark) 18%, transparent);
}

.tovelin-btn--primary:hover[b-nuoypm92ax] {
transform: translateY(0.12rem);
background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 88%, white), color-mix(in srgb, var(--color-primary-dark) 8%, var(--color-primary)));
box-shadow:
0 0.08rem 0 color-mix(in srgb, var(--color-primary-dark) 84%, var(--color-text)),
0 0.2rem 0.42rem color-mix(in srgb, var(--color-primary-dark) 12%, transparent);
}

.tovelin-btn--primary:active[b-nuoypm92ax] {
transform: translateY(0.22rem);
box-shadow:
0 0 0 color-mix(in srgb, var(--color-primary-dark) 84%, var(--color-text)),
0 0.08rem 0.18rem color-mix(in srgb, var(--color-primary-dark) 10%, transparent);
}

.tovelin-btn--primary.is-active[b-nuoypm92ax] {
background: var(--color-primary-dark);
box-shadow: 0 1px 0 color-mix(in srgb, var(--color-primary-dark) 72%, transparent);
}

.tovelin-btn--secondary[b-nuoypm92ax] {
color: var(--color-on-secondary);
background: linear-gradient(180deg, color-mix(in srgb, var(--color-secondary) 76%, white), var(--color-secondary));
border-color: color-mix(in srgb, var(--color-secondary-dark) 42%, var(--color-border));
box-shadow: 0 3px 0 color-mix(in srgb, var(--color-secondary-dark) 36%, transparent);
}

.tovelin-btn--secondary.is-active[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-secondary-dark) 16%, var(--color-secondary));
}

.tovelin-btn--secondary:hover[b-nuoypm92ax] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-secondary) 84%, white), color-mix(in srgb, var(--color-secondary-dark) 10%, var(--color-secondary)));
}

.tovelin-btn--accent[b-nuoypm92ax] {
color: var(--color-on-accent);
background: linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 78%, white), var(--color-accent));
border-color: color-mix(in srgb, var(--color-accent-dark) 46%, var(--color-border));
box-shadow: 0 3px 0 color-mix(in srgb, var(--color-accent-dark) 42%, transparent);
}

.tovelin-btn--accent.is-active[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-accent-dark) 16%, var(--color-accent));
}

.tovelin-btn--accent:hover[b-nuoypm92ax] {
transform: translateY(0.12rem);
background: linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 88%, white), color-mix(in srgb, var(--color-accent-dark) 8%, var(--color-accent)));
box-shadow:
0 0.08rem 0 color-mix(in srgb, var(--color-accent-dark) 58%, var(--color-text)),
0 0.2rem 0.42rem color-mix(in srgb, var(--color-accent-dark) 12%, transparent);
}

.tovelin-btn--accent:active[b-nuoypm92ax] {
transform: translateY(0.22rem);
box-shadow:
0 0 0 color-mix(in srgb, var(--color-accent-dark) 58%, var(--color-text)),
0 0.08rem 0.18rem color-mix(in srgb, var(--color-accent-dark) 10%, transparent);
}

.tovelin-btn--ghost[b-nuoypm92ax] {
color: var(--color-text);
background: transparent;
border-color: transparent;
}

.tovelin-btn--ghost.is-active[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-secondary) 38%, var(--color-surface));
border-color: color-mix(in srgb, var(--color-secondary-dark) 32%, var(--color-border));
}

.tovelin-btn--ghost:hover[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-secondary) 26%, var(--color-surface));
border-color: color-mix(in srgb, var(--color-secondary-dark) 24%, var(--color-border));
}

.tovelin-btn--outline[b-nuoypm92ax] {
color: var(--color-text);
background: color-mix(in srgb, var(--color-surface) 86%, var(--color-bg));
border-color: var(--color-border);
box-shadow: none;
}

.tovelin-btn--outline.is-active[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-primary) 14%, var(--color-white));
border-color: color-mix(in srgb, var(--color-primary-dark) 44%, var(--color-border));
}

.tovelin-btn--outline:hover[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-primary) 13%, var(--color-surface));
box-shadow: var(--shadow-soft);
}

.tovelin-btn--outline-primary[b-nuoypm92ax] {
color: var(--color-primary-dark);
background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));
border-color: color-mix(in srgb, var(--color-primary-dark) 48%, var(--color-border));
box-shadow: none;
}

.tovelin-btn--outline-primary.is-active[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-primary) 18%, var(--color-white));
}

.tovelin-btn--outline-primary:hover[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-primary) 18%, var(--color-white));
}

.tovelin-btn--outline-secondary[b-nuoypm92ax] {
color: var(--color-secondary-dark);
background: color-mix(in srgb, var(--color-secondary) 10%, var(--color-surface));
border-color: color-mix(in srgb, var(--color-secondary-dark) 48%, var(--color-border));
box-shadow: none;
}

.tovelin-btn--outline-secondary.is-active[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-secondary) 18%, var(--color-white));
}

.tovelin-btn--outline-secondary:hover[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-secondary) 18%, var(--color-white));
}

.tovelin-btn--outline-accent[b-nuoypm92ax] {
color: color-mix(in srgb, var(--color-accent-dark) 72%, var(--color-text));
background: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));
border-color: color-mix(in srgb, var(--color-accent-dark) 45%, var(--color-border));
box-shadow: none;
}

.tovelin-btn--outline-accent.is-active[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-accent) 20%, var(--color-white));
}

.tovelin-btn--outline-accent:hover[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-accent) 22%, var(--color-white));
}

.tovelin-btn--outline-danger[b-nuoypm92ax] {
color: var(--color-danger-dark);
background: transparent;
border-color: color-mix(in srgb, var(--color-danger-dark) 40%, var(--color-border));
box-shadow: none;
}

.tovelin-btn--outline-danger.is-active[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-danger) 16%, var(--color-white));
}

.tovelin-btn--outline-danger:hover[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-danger) 18%, var(--color-white));
}

.tovelin-btn--danger[b-nuoypm92ax] {
color: var(--color-on-danger);
background: linear-gradient(180deg, color-mix(in srgb, var(--color-danger-soft) 72%, white), var(--color-danger-soft));
border-color: color-mix(in srgb, var(--color-danger-dark) 32%, var(--color-border));
box-shadow: 0 3px 0 color-mix(in srgb, var(--color-danger-dark) 24%, transparent);
}

.tovelin-btn--danger.is-active[b-nuoypm92ax] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-danger-dark) 88%, white), color-mix(in srgb, var(--color-danger-soft-2) 70%, white));
}

.tovelin-btn--danger:hover[b-nuoypm92ax] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-danger-soft) 68%, white), color-mix(in srgb, var(--color-danger-soft-2) 88%, white));
}

[data-bs-theme="dark"] .tovelin-btn--primary[b-nuoypm92ax] {
color: var(--color-on-primary);
background: linear-gradient(180deg, var(--color-primary-dark), var(--color-primary));
border-color: color-mix(in srgb, var(--color-primary-dark) 56%, var(--color-border));
box-shadow:
0 0.22rem 0 color-mix(in srgb, var(--color-primary-dark) 42%, black),
0 0.48rem 0.85rem color-mix(in srgb, black 24%, transparent);
}

[data-bs-theme="dark"] .tovelin-btn--primary.is-active[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-primary-dark) 70%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-btn--primary:hover[b-nuoypm92ax] {
transform: translateY(0.12rem);
background: color-mix(in srgb, var(--color-primary-dark) 52%, var(--color-primary));
box-shadow:
0 0.08rem 0 color-mix(in srgb, var(--color-primary-dark) 52%, black),
0 0.2rem 0.42rem color-mix(in srgb, black 18%, transparent);
}

[data-bs-theme="dark"] .tovelin-btn--secondary[b-nuoypm92ax] {
color: var(--color-text);
background: var(--color-secondary);
border-color: color-mix(in srgb, var(--color-secondary-dark) 34%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-btn--secondary.is-active[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-secondary-dark) 16%, var(--color-secondary));
}

[data-bs-theme="dark"] .tovelin-btn--secondary:hover[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-secondary-dark) 10%, var(--color-secondary));
}

[data-bs-theme="dark"] .tovelin-btn--accent[b-nuoypm92ax] {
color: var(--color-text);
background: var(--color-accent);
border-color: color-mix(in srgb, var(--color-accent-dark) 34%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-btn--accent.is-active[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-accent-dark) 16%, var(--color-accent));
}

[data-bs-theme="dark"] .tovelin-btn--accent:hover[b-nuoypm92ax] {
transform: translateY(0.12rem);
background: color-mix(in srgb, var(--color-accent-dark) 10%, var(--color-accent));
box-shadow:
0 0.08rem 0 color-mix(in srgb, var(--color-accent-dark) 46%, black),
0 0.2rem 0.42rem color-mix(in srgb, black 18%, transparent);
}

[data-bs-theme="dark"] .tovelin-btn--accent:active[b-nuoypm92ax] {
transform: translateY(0.22rem);
box-shadow:
0 0 0 color-mix(in srgb, var(--color-accent-dark) 46%, black),
0 0.08rem 0.18rem color-mix(in srgb, black 14%, transparent);
}

[data-bs-theme="dark"] .tovelin-btn--ghost[b-nuoypm92ax] {
color: var(--color-text);
background: var(--color-surface-muted);
border-color: var(--color-border);
}

[data-bs-theme="dark"] .tovelin-btn--ghost.is-active[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface-muted));
border-color: color-mix(in srgb, var(--color-primary-dark) 30%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-btn--outline[b-nuoypm92ax] {
color: var(--color-text);
background: transparent;
border-color: var(--color-border);
}

[data-bs-theme="dark"] .tovelin-btn--outline.is-active[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline:hover[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-muted));
border-color: color-mix(in srgb, var(--color-primary-dark) 38%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-btn--outline-primary[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-secondary[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-accent[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-danger[b-nuoypm92ax] {
color: var(--color-text);
background: transparent;
}

[data-bs-theme="dark"] .tovelin-btn--outline-primary[b-nuoypm92ax] {
border-color: color-mix(in srgb, var(--color-primary-dark) 34%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-btn--outline-secondary[b-nuoypm92ax] {
border-color: color-mix(in srgb, var(--color-secondary-dark) 34%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-btn--outline-accent[b-nuoypm92ax] {
border-color: color-mix(in srgb, var(--color-accent-dark) 34%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-btn--outline-danger[b-nuoypm92ax] {
border-color: color-mix(in srgb, var(--color-danger-dark) 34%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-btn--outline-primary.is-active[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-primary:hover[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-secondary.is-active[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-secondary:hover[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-accent.is-active[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-accent:hover[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-danger.is-active[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-danger:hover[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-surface-strong) 82%, var(--color-primary) 18%);
}

[data-bs-theme="dark"] .tovelin-btn--outline-primary.is-active[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-primary:hover[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface-muted));
}

[data-bs-theme="dark"] .tovelin-btn--outline-secondary.is-active[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-secondary:hover[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-secondary) 14%, var(--color-surface-muted));
}

[data-bs-theme="dark"] .tovelin-btn--outline-accent.is-active[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-accent:hover[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-accent) 16%, var(--color-surface-muted));
}

[data-bs-theme="dark"] .tovelin-btn--outline-danger.is-active[b-nuoypm92ax],
[data-bs-theme="dark"] .tovelin-btn--outline-danger:hover[b-nuoypm92ax] {
background: color-mix(in srgb, var(--color-danger) 14%, var(--color-surface-muted));
}

[data-bs-theme="dark"] .tovelin-btn--danger[b-nuoypm92ax] {
color: var(--color-text);
background: linear-gradient(135deg, color-mix(in srgb, var(--color-danger) 22%, var(--color-surface-strong)), color-mix(in srgb, var(--color-danger-soft) 24%, var(--color-surface-muted)));
border-color: color-mix(in srgb, var(--color-danger-dark) 34%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-btn--danger.is-active[b-nuoypm92ax] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-danger-dark) 30%, var(--color-surface-strong)), color-mix(in srgb, var(--color-danger-soft-2) 26%, var(--color-surface)));
}

[data-bs-theme="dark"] .tovelin-btn--danger:hover[b-nuoypm92ax] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-danger) 28%, var(--color-surface-strong)), color-mix(in srgb, var(--color-danger-soft) 30%, var(--color-surface-muted)));
}

.tovelin-btn[disabled][b-nuoypm92ax] {
cursor: not-allowed;
opacity: 0.76;
transform: none;
box-shadow: var(--shadow-soft);
}

.tovelin-btn.is-busy[b-nuoypm92ax] {
cursor: progress;
opacity: 0.76;
transform: none;
box-shadow: var(--shadow-soft);
}

.tovelin-btn.is-active[disabled][b-nuoypm92ax],
.tovelin-btn.is-busy.is-active[b-nuoypm92ax] {
opacity: 0.82;
}

.tovelin-btn__spinner[b-nuoypm92ax] {
width: var(--control-size-spinner);
height: var(--control-size-spinner);
border: 2px solid currentColor;
border-top-color: transparent;
border-radius: 50%;
animation: tovelin-spin-b-nuoypm92ax 850ms linear infinite;
}

.tovelin-btn__label[b-nuoypm92ax] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
}

@media (prefers-reduced-motion: reduce) {
.tovelin-btn[b-nuoypm92ax] {
transition: none;
}
}

@keyframes tovelin-spin-b-nuoypm92ax {
to {
transform: rotate(360deg);
}
}
/* _content/Tovelin.Shared.UI/Components/Actions/TovelinButtonGroup.razor.rz.scp.css */
.tovelin-btn-group[b-eqeekfou54] {
display: inline-flex;
flex-wrap: nowrap;
align-items: stretch;
gap: 0;
}

.tovelin-btn-group--full[b-eqeekfou54] {
width: 100%;
}

.tovelin-btn-group--vertical[b-eqeekfou54] {
flex-direction: column;
}

.tovelin-btn-group[b-eqeekfou54]  .tovelin-btn {
position: relative;
margin: 0;
border-radius: 0;
box-shadow: none;
}

.tovelin-btn-group[b-eqeekfou54]  .tovelin-btn:not(:first-child) {
margin-left: -1px;
}

.tovelin-btn-group--vertical[b-eqeekfou54]  .tovelin-btn:not(:first-child) {
margin-left: 0;
margin-top: -1px;
}

.tovelin-btn-group[b-eqeekfou54]  .tovelin-btn:first-child {
border-top-left-radius: var(--radius-md);
border-bottom-left-radius: var(--radius-md);
}

.tovelin-btn-group[b-eqeekfou54]  .tovelin-btn:last-child {
border-top-right-radius: var(--radius-md);
border-bottom-right-radius: var(--radius-md);
}

.tovelin-btn-group--vertical[b-eqeekfou54]  .tovelin-btn:first-child {
border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.tovelin-btn-group--vertical[b-eqeekfou54]  .tovelin-btn:last-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: var(--radius-md);
border-bottom-right-radius: var(--radius-md);
}

.tovelin-btn-group--full[b-eqeekfou54]  .tovelin-btn {
flex: 1 1 0;
}

.tovelin-btn-group[b-eqeekfou54]  .tovelin-btn:focus-visible {
z-index: 1;
}
/* _content/Tovelin.Shared.UI/Components/Actions/TovelinPageActions.razor.rz.scp.css */
.tovelin-page-actions[b-gh26q1cc0i] {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
width: 100%;
min-width: 0;
padding: var(--space-4);
border-radius: var(--radius-md);
border: 1px solid color-mix(in srgb, var(--color-border) 84%, var(--color-surface-strong));
background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, white), var(--color-surface));
box-shadow: var(--shadow-soft);
}

[data-bs-theme="dark"] .tovelin-page-actions[b-gh26q1cc0i] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 94%, var(--color-bg-soft)), var(--color-surface));
}

.tovelin-page-actions--compact[b-gh26q1cc0i] {
gap: var(--space-2);
padding: var(--space-3);
}

.tovelin-page-actions__copy[b-gh26q1cc0i] {
display: grid;
gap: var(--space-1);
min-width: 0;
flex: 1 1 18rem;
}

.tovelin-page-actions__kicker[b-gh26q1cc0i] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
color: var(--color-primary-dark);
}

.tovelin-page-actions__title[b-gh26q1cc0i] {
margin: 0;
}

.tovelin-page-actions__text[b-gh26q1cc0i] {
margin: 0;
color: var(--color-muted);
line-height: var(--line-height-relaxed);
}

.tovelin-page-actions__actions[b-gh26q1cc0i] {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: var(--space-2);
min-width: 0;
}

.tovelin-page-actions--full[b-gh26q1cc0i] {
width: 100%;
}
/* _content/Tovelin.Shared.UI/Components/Actions/TovelinToolbar.razor.rz.scp.css */
.tovelin-toolbar[b-ds5dktm37t] {
display: grid;
gap: var(--space-3);
width: 100%;
min-width: 0;
padding: var(--space-4);
border-radius: var(--radius-md);
border: 1px solid color-mix(in srgb, var(--color-border) 84%, var(--color-surface-strong));
background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, white), var(--color-surface));
box-shadow: var(--shadow-soft);
}

[data-bs-theme="dark"] .tovelin-toolbar[b-ds5dktm37t] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 94%, var(--color-bg-soft)), var(--color-surface));
}

.tovelin-toolbar--compact[b-ds5dktm37t] {
gap: var(--space-2);
padding: var(--space-3);
}

.tovelin-toolbar__header[b-ds5dktm37t] {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
min-width: 0;
}

.tovelin-toolbar__copy[b-ds5dktm37t] {
display: grid;
gap: var(--space-1);
min-width: 0;
flex: 1 1 20rem;
}

.tovelin-toolbar__kicker[b-ds5dktm37t] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
color: var(--color-primary-dark);
}

.tovelin-toolbar__title[b-ds5dktm37t] {
margin: 0;
}

.tovelin-toolbar__text[b-ds5dktm37t] {
margin: 0;
color: var(--color-muted);
line-height: var(--line-height-relaxed);
}

.tovelin-toolbar__actions[b-ds5dktm37t] {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: var(--space-2);
min-width: 0;
}

.tovelin-toolbar__body[b-ds5dktm37t] {
display: grid;
gap: var(--space-3);
min-width: 0;
}

.tovelin-toolbar--compact .tovelin-toolbar__body[b-ds5dktm37t] {
gap: var(--space-2);
}

.tovelin-toolbar__body :is(p, h1, h2, h3, h4, h5, h6)[b-ds5dktm37t] {
margin: 0;
}

.tovelin-toolbar__body > *[b-ds5dktm37t] {
min-width: 0;
}

.tovelin-toolbar--full[b-ds5dktm37t] {
width: 100%;
}
/* _content/Tovelin.Shared.UI/Components/Auth/AuthLoginPanel.razor.rz.scp.css */
.auth-page--login[b-eud1yz3brt] {
background: var(--color-bg);
}

.auth-shell--compact[b-eud1yz3brt] {
width: min(100%, var(--auth-card-width));
}

.auth-login-embed[b-eud1yz3brt] {
width: 100%;
}

.auth-shell--embedded[b-eud1yz3brt] {
width: 100%;
margin: 0;
grid-template-columns: 1fr;
justify-items: stretch;
}

.auth-shell--embedded .auth-shell__main[b-eud1yz3brt] {
width: 100%;
}

.auth-shell--compact .auth-shell__panel[b-eud1yz3brt] {
gap: var(--auth-card-gap);
padding: var(--auth-card-padding-block) var(--auth-card-padding-inline);
border-radius: var(--auth-card-radius);
background: var(--color-surface);
}

.auth-shell--compact .auth-switch[b-eud1yz3brt] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
width: 100%;
}

.auth-shell--compact .auth-tabs__link[b-eud1yz3brt] {
padding: var(--auth-tabs-padding-block) var(--auth-tabs-padding-inline);
font-size: var(--auth-tabs-font-size);
letter-spacing: 0;
}

.auth-shell--compact button.auth-tabs__link[b-eud1yz3brt] {
appearance: none;
border: 0;
border-bottom: 2px solid transparent;
background: transparent;
font: inherit;
cursor: pointer;
}

.auth-shell--compact .auth-switch__action[b-eud1yz3brt] {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.75rem;
padding: 0.65rem 1rem;
border: 1px solid var(--color-border);
border-radius: calc(var(--auth-card-radius) - 0.5rem);
background: var(--color-surface);
color: var(--color-text);
font-size: 0.95rem;
font-weight: var(--font-weight-medium);
text-decoration: none;
white-space: nowrap;
transform: translateY(0);
transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 180ms ease;
}

.auth-shell--compact .auth-switch__action:hover[b-eud1yz3brt] {
border-color: color-mix(in srgb, var(--color-primary-dark) 28%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
box-shadow: 0 8px 18px color-mix(in srgb, var(--color-primary) 8%, transparent);
transform: translateY(-1px);
}

.auth-shell--compact .auth-tabs[b-eud1yz3brt] {
position: relative;
}

.auth-shell--compact .auth-tabs__link[b-eud1yz3brt] {
position: relative;
transform: translateY(0);
transition: color 160ms ease, transform 180ms ease, opacity 160ms ease;
}

.auth-shell--compact .auth-tabs__link[b-eud1yz3brt]::after {
content: "";
position: absolute;
inset: auto 0 -0.15rem 0;
height: 2px;
border-radius: 999px;
background: var(--color-primary);
transform: scaleX(0.42);
transform-origin: center;
opacity: 0;
transition: transform 220ms ease, opacity 180ms ease;
}

.auth-shell--compact .auth-tabs__link:hover[b-eud1yz3brt] {
transform: translateY(-1px);
}

.auth-shell--compact .auth-tabs__link.is-active[b-eud1yz3brt]::after,
.auth-shell--compact .auth-tabs__link[aria-current="page"][b-eud1yz3brt]::after {
transform: scaleX(1);
opacity: 1;
}

.auth-shell--compact .auth-mode-panel[b-eud1yz3brt] {
display: grid;
gap: inherit;
width: 100%;
animation: auth-mode-enter-b-eud1yz3brt 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes auth-mode-enter-b-eud1yz3brt {
from {
opacity: 0;
transform: translateY(10px) scale(0.985);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}

.auth-shell--compact .auth-card__copy[b-eud1yz3brt] {
gap: var(--space-1-5);
}

.auth-shell--compact .auth-card__kicker[b-eud1yz3brt] {
font-size: var(--auth-card-kicker-size);
letter-spacing: var(--auth-card-kicker-spacing);
}

.auth-shell--compact .auth-card__title[b-eud1yz3brt] {
font-size: var(--auth-card-title-size);
line-height: var(--auth-card-title-line-height);
letter-spacing: var(--auth-card-title-spacing);
}

.auth-shell--compact .auth-card__lede[b-eud1yz3brt] {
font-size: var(--auth-card-lede-size);
line-height: var(--auth-card-lede-line-height);
max-width: var(--auth-card-copy-max-width);
}

.auth-shell--compact .auth-form[b-eud1yz3brt] {
gap: var(--auth-form-gap);
}

.auth-shell--compact .auth-form__grid[b-eud1yz3brt] {
position: relative;
gap: var(--auth-form-grid-gap);
}

.auth-form__split[b-eud1yz3brt] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--auth-form-grid-gap);
}

.auth-shell--compact .auth-form__helper-row[b-eud1yz3brt] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--auth-helper-gap);
width: 100%;
flex-wrap: nowrap;
white-space: nowrap;
}

.auth-shell--compact .auth-form__helper-row--single[b-eud1yz3brt] {
justify-content: flex-end;
}

.auth-shell--compact .auth-form__remember[b-eud1yz3brt] {
margin: 0;
min-width: 0;
flex: 0 1 auto;
}

.auth-shell--compact .auth-form__remember .tovelin-checkbox[b-eud1yz3brt] {
gap: var(--auth-checkbox-gap);
}

.auth-shell--compact .auth-form__remember .tovelin-checkbox__title[b-eud1yz3brt] {
font-size: var(--auth-helper-font-size);
font-weight: var(--font-weight-medium);
letter-spacing: 0;
}

.auth-shell--compact .auth-form__remember .tovelin-checkbox__mark[b-eud1yz3brt] {
border-radius: var(--auth-checkbox-radius);
}

.auth-shell--compact .auth-form__forgot-link[b-eud1yz3brt] {
flex: 0 0 auto;
font-size: var(--auth-helper-font-size);
}

.auth-shell--compact .auth-form__turnstile[b-eud1yz3brt] {
position: absolute;
inset-block-start: calc(100% + var(--space-2));
inset-inline: 0;
z-index: 2;
display: flex;
justify-content: center;
min-height: 0;
pointer-events: auto;
}

.auth-shell--compact .auth-form__helper-row--single .auth-form__forgot-link[b-eud1yz3brt] {
margin-left: 0;
}

.auth-shell--compact .auth-footer[b-eud1yz3brt] {
width: 100%;
justify-content: center;
gap: 0.35rem;
font-size: var(--footer-size);
letter-spacing: 0.01em;
opacity: var(--auth-footer-opacity);
text-align: center;
}

.auth-shell--compact .auth-footer .tovelin-icon[b-eud1yz3brt] {
width: 0.75rem;
height: 0.75rem;
}

@media (max-width: 620px) {
.auth-shell--compact .auth-shell__panel[b-eud1yz3brt] {
padding: calc(var(--auth-card-padding-block) - var(--space-2)) var(--space-4);
border-radius: var(--auth-card-radius);
}
.auth-shell--compact .auth-switch[b-eud1yz3brt] {
align-items: stretch;
flex-direction: column;
}
.auth-shell--compact .auth-switch__action[b-eud1yz3brt] {
width: 100%;
}
.auth-shell--compact .auth-tabs__link:hover[b-eud1yz3brt],
.auth-shell--compact .auth-switch__action:hover[b-eud1yz3brt] {
transform: none;
}
.auth-shell--compact .auth-form__forgot-link[b-eud1yz3brt] {
margin-left: auto;
}
.auth-shell--compact .auth-form__helper-row--single .auth-form__forgot-link[b-eud1yz3brt] {
margin-left: 0;
}
.auth-form__split[b-eud1yz3brt] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Components/Billing/PlanPageView.razor.rz.scp.css */
.plan-page[b-8s6da66nq3] {
display: grid;
gap: var(--space-6);
}

.plan-page--public[b-8s6da66nq3] {
padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem) clamp(4rem, 6vw, 5rem);
}

.plan-page--app[b-8s6da66nq3] {
max-width: 72rem;
margin-inline: auto;
}

.plan-page__hero-shell[b-8s6da66nq3],
.plan-page__section[b-8s6da66nq3],
.plan-page__summary-grid[b-8s6da66nq3] {
width: min(100%, 72rem);
margin-inline: auto;
}

.plan-page__hero-layout[b-8s6da66nq3] {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(14rem, 18rem);
gap: var(--space-6);
align-items: start;
}

.plan-page__hero-copy[b-8s6da66nq3],
.plan-page__hero-actions[b-8s6da66nq3],
.plan-page__included[b-8s6da66nq3],
.plan-page__usage-grid[b-8s6da66nq3],
.plan-page__summary-metrics[b-8s6da66nq3],
.plan-page__action-grid[b-8s6da66nq3],
.plan-page__support-grid[b-8s6da66nq3] {
display: grid;
gap: var(--space-3);
}

.plan-page__hero-kicker[b-8s6da66nq3],
.plan-page__section-kicker[b-8s6da66nq3] {
margin: 0;
color: var(--color-kicker);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
letter-spacing: var(--tracking-section);
text-transform: uppercase;
}

.plan-page__hero-title[b-8s6da66nq3] {
margin: 0;
font-size: clamp(2.2rem, 5vw, 3.75rem);
line-height: 1.06;
color: var(--color-text);
}

.plan-page__hero-text[b-8s6da66nq3],
.plan-page__section-text[b-8s6da66nq3],
.plan-page__action-card-text[b-8s6da66nq3],
.plan-page__billing-note p[b-8s6da66nq3],
.plan-page__encouragement[b-8s6da66nq3],
.plan-page__technical dd[b-8s6da66nq3] {
margin: 0;
color: var(--color-muted);
font-size: var(--font-size-body-lg);
line-height: var(--line-height-relaxed);
}

.plan-page__hero-meta[b-8s6da66nq3],
.plan-page__hero-badges[b-8s6da66nq3],
.plan-page__summary-top[b-8s6da66nq3],
.plan-page__section-header[b-8s6da66nq3],
.plan-page__support-copy[b-8s6da66nq3] {
display: flex;
gap: var(--space-3);
}

.plan-page__hero-meta[b-8s6da66nq3],
.plan-page__summary-top[b-8s6da66nq3] {
flex-wrap: wrap;
align-items: center;
}

.plan-page__section-header[b-8s6da66nq3],
.plan-page__support-copy[b-8s6da66nq3] {
align-items: end;
justify-content: space-between;
}

.plan-page__section-header--stacked[b-8s6da66nq3] {
justify-content: start;
}

.plan-page__hero-icon[b-8s6da66nq3],
.plan-page__action-card-icon[b-8s6da66nq3] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
border-radius: var(--radius-md);
border: 1px solid var(--color-border);
background: color-mix(in srgb, var(--color-surface-strong) 90%, var(--color-primary) 10%);
}

.plan-page__summary-grid[b-8s6da66nq3] {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.9fr);
gap: var(--space-4);
}

.plan-page__summary-name[b-8s6da66nq3] {
font-size: clamp(1.4rem, 3vw, 2rem);
line-height: 1.1;
font-weight: var(--font-weight-bold);
color: var(--color-text);
}

.plan-page__summary-metrics[b-8s6da66nq3] {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-bottom: var(--space-4);
}

.plan-page__metric[b-8s6da66nq3],
.plan-page__usage-stat[b-8s6da66nq3],
.plan-page__billing-note[b-8s6da66nq3] {
display: grid;
gap: 0.25rem;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-surface-strong) 94%, var(--color-primary) 6%);
}

.plan-page__metric-label[b-8s6da66nq3],
.plan-page__usage-stat-label[b-8s6da66nq3] {
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
letter-spacing: var(--tracking-caption);
text-transform: uppercase;
color: var(--color-text);
}

.plan-page__metric strong[b-8s6da66nq3],
.plan-page__usage-stat-value[b-8s6da66nq3],
.plan-page__included-title[b-8s6da66nq3],
.plan-page__section-title[b-8s6da66nq3],
.plan-page__action-card-title[b-8s6da66nq3],
.plan-page__technical summary[b-8s6da66nq3],
.plan-page__technical dt[b-8s6da66nq3] {
color: var(--color-text);
}

.plan-page__metric strong[b-8s6da66nq3],
.plan-page__usage-stat-value[b-8s6da66nq3] {
font-size: var(--font-size-body-lg);
font-weight: var(--font-weight-bold);
}

.plan-page__usage-stat-note[b-8s6da66nq3] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.plan-page__included-title[b-8s6da66nq3],
.plan-page__section-title[b-8s6da66nq3] {
margin: 0;
font-size: var(--font-size-h2);
line-height: 1.15;
}

.plan-page__included-list[b-8s6da66nq3] {
display: grid;
gap: var(--space-2);
margin: 0;
padding: 0;
list-style: none;
}

.plan-page__included-list li[b-8s6da66nq3] {
display: flex;
align-items: flex-start;
gap: var(--space-2);
color: var(--color-text);
line-height: var(--line-height-relaxed);
}

.plan-page__action-grid[b-8s6da66nq3] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.plan-page__action-card-title[b-8s6da66nq3] {
margin: 0 0 var(--space-2);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-semibold);
}

.plan-page__support-grid[b-8s6da66nq3] {
grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
}

.plan-page__support-card--strip[b-8s6da66nq3] {
display: grid;
align-items: center;
text-align: center;
}

.plan-page__encouragement[b-8s6da66nq3] {
color: var(--color-text);
}

.plan-page__technical-card[b-8s6da66nq3] {
max-width: 48rem;
}

.plan-page__technical summary[b-8s6da66nq3] {
cursor: pointer;
font-weight: var(--font-weight-semibold);
}

.plan-page__technical dl[b-8s6da66nq3] {
display: grid;
gap: var(--space-3);
margin: var(--space-4) 0 0;
}

.plan-page__technical dd[b-8s6da66nq3] {
margin-top: 0.25rem;
word-break: break-word;
}

@media (max-width: 920px) {
.plan-page__hero-layout[b-8s6da66nq3],
.plan-page__summary-grid[b-8s6da66nq3],
.plan-page__support-grid[b-8s6da66nq3] {
grid-template-columns: 1fr;
}
.plan-page__action-grid[b-8s6da66nq3] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.plan-page__support-copy[b-8s6da66nq3] {
display: grid;
justify-items: start;
}
}

@media (max-width: 640px) {
.plan-page__summary-metrics[b-8s6da66nq3],
.plan-page__action-grid[b-8s6da66nq3] {
grid-template-columns: 1fr;
}
.plan-page__summary-top[b-8s6da66nq3] {
align-items: flex-start;
flex-direction: column;
}
}
/* _content/Tovelin.Shared.UI/Components/Billing/PricingPageView.razor.rz.scp.css */
:host[b-1wqrrra82g] {
display: block;
}

.pricing-page[b-1wqrrra82g] {
color: var(--color-text);
background: var(--color-bg);
}

.pricing-page--app[b-1wqrrra82g] {
padding-bottom: clamp(3rem, 7vw, 5rem);
}

.pricing-hero[b-1wqrrra82g],
.pricing-section[b-1wqrrra82g],
.pricing-strip[b-1wqrrra82g],
.pricing-cta[b-1wqrrra82g],
.pricing-footer[b-1wqrrra82g],
.pricing-footer__legal[b-1wqrrra82g] {
padding-inline: clamp(1rem, 3vw, 3rem);
}

.pricing-hero[b-1wqrrra82g] {
padding-block: clamp(5rem, 10vw, 8rem);
background: color-mix(in srgb, var(--section-blue) 32%, var(--color-bg));
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
}

.pricing-page--app .pricing-hero[b-1wqrrra82g] {
border-top: none;
}

.pricing-hero__inner[b-1wqrrra82g],
.pricing-section__inner[b-1wqrrra82g],
.pricing-strip__inner[b-1wqrrra82g],
.pricing-cta__inner[b-1wqrrra82g],
.pricing-footer[b-1wqrrra82g] {
width: min(100%, 72rem);
margin-inline: auto;
}

.pricing-hero__inner[b-1wqrrra82g] {
display: grid;
justify-items: center;
gap: var(--space-5);
text-align: center;
}

.pricing-kicker[b-1wqrrra82g] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
color: var(--color-kicker);
}

.pricing-hero h1[b-1wqrrra82g],
.pricing-section__header h2[b-1wqrrra82g],
.pricing-strip h2[b-1wqrrra82g],
.pricing-cta h2[b-1wqrrra82g] {
margin: 0;
color: var(--color-text);
font-size: clamp(2.7rem, 6vw, 4.75rem);
font-weight: var(--font-weight-bold);
letter-spacing: var(--tracking-tight);
line-height: 1.05;
}

.pricing-section__header h2[b-1wqrrra82g],
.pricing-strip h2[b-1wqrrra82g],
.pricing-cta h2[b-1wqrrra82g] {
font-size: var(--font-size-h1);
line-height: 1.08;
}

.pricing-hero__lede[b-1wqrrra82g],
.pricing-section__header p[b-1wqrrra82g],
.pricing-explainer-card p[b-1wqrrra82g],
.pricing-strip p[b-1wqrrra82g],
.pricing-plan-card__subtitle[b-1wqrrra82g],
.pricing-cta p[b-1wqrrra82g],
.pricing-footer p[b-1wqrrra82g],
.pricing-footer a[b-1wqrrra82g],
.pricing-footer__legal[b-1wqrrra82g] {
color: var(--color-muted);
font-size: var(--font-size-body-lg);
line-height: var(--line-height-relaxed);
}

.pricing-hero__lede[b-1wqrrra82g] {
max-width: 42rem;
}

.pricing-hero__actions[b-1wqrrra82g],
.pricing-cta__actions[b-1wqrrra82g] {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--space-2);
}

.pricing-section[b-1wqrrra82g] {
padding-block: clamp(4rem, 7vw, 6rem);
}

.pricing-section--muted[b-1wqrrra82g] {
background: color-mix(in srgb, var(--section-blue) 16%, var(--color-bg));
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
}

.pricing-section__inner--narrow[b-1wqrrra82g] {
width: min(100%, 54rem);
}

.pricing-section__header[b-1wqrrra82g] {
display: grid;
justify-items: center;
gap: var(--space-3);
margin-bottom: var(--space-8);
text-align: center;
}

.pricing-plan-grid[b-1wqrrra82g],
.pricing-explainer-grid[b-1wqrrra82g] {
display: grid;
gap: clamp(1rem, 2vw, 1.5rem);
}

.pricing-plan-grid[b-1wqrrra82g] {
width: min(100%, 62rem);
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pricing-explainer-grid[b-1wqrrra82g] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pricing-plan-card[b-1wqrrra82g],
.pricing-explainer-card[b-1wqrrra82g] {
position: relative;
display: grid;
align-content: start;
gap: var(--space-3);
padding: clamp(1.35rem, 2.6vw, 1.75rem);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.pricing-plan-card--recommended[b-1wqrrra82g] {
border-color: color-mix(in srgb, var(--color-primary) 34%, var(--color-border));
box-shadow: var(--shadow-elevated);
}

.pricing-plan-card__badge[b-1wqrrra82g] {
position: absolute;
top: -0.9rem;
left: 50%;
transform: translateX(-50%);
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.45rem 0.85rem;
border-radius: var(--radius-pill);
background: var(--color-primary);
color: var(--color-on-primary);
font-size: 0.72rem;
font-weight: var(--font-weight-bold);
letter-spacing: 0.08em;
text-transform: uppercase;
white-space: nowrap;
}

.pricing-plan-card h2[b-1wqrrra82g],
.pricing-explainer-card h3[b-1wqrrra82g],
.pricing-footer h3[b-1wqrrra82g] {
margin: 0;
font-size: var(--font-size-h3);
font-weight: var(--font-weight-semibold);
}

.pricing-plan-card__subtitle[b-1wqrrra82g],
.pricing-explainer-card p[b-1wqrrra82g] {
margin: 0;
font-size: var(--font-size-body);
}

.pricing-plan-card__price[b-1wqrrra82g] {
display: flex;
align-items: baseline;
gap: 0.4rem;
}

.pricing-plan-card__price-main[b-1wqrrra82g] {
font-size: clamp(2.4rem, 4.2vw, 3.25rem);
line-height: 1;
font-weight: var(--font-weight-extrabold);
}

.pricing-plan-card__price-sub[b-1wqrrra82g] {
font-size: var(--font-size-body);
color: var(--color-muted);
}

.pricing-plan-card__list[b-1wqrrra82g] {
display: grid;
gap: 0.85rem;
margin: 0;
padding: 0;
list-style: none;
}

.pricing-plan-card__list li[b-1wqrrra82g] {
display: flex;
align-items: flex-start;
gap: var(--space-2);
font-size: var(--font-size-body);
line-height: var(--line-height-relaxed);
}

.pricing-plan-card__list i[b-1wqrrra82g] {
color: var(--color-primary);
margin-top: 0.2rem;
}

.pricing-plan-card__note[b-1wqrrra82g] {
margin: 0;
text-align: center;
font-size: var(--font-size-caption);
}

.pricing-plan-card__stack[b-1wqrrra82g] {
display: grid;
gap: var(--space-3);
}

.pricing-compare[b-1wqrrra82g] {
overflow-x: auto;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.pricing-compare table[b-1wqrrra82g] {
width: 100%;
min-width: 46rem;
border-collapse: collapse;
}

.pricing-compare th[b-1wqrrra82g],
.pricing-compare td[b-1wqrrra82g] {
padding: 1.2rem 1.25rem;
border-bottom: 1px solid var(--color-border);
font-size: var(--font-size-body);
}

.pricing-compare thead th[b-1wqrrra82g] {
font-weight: var(--font-weight-semibold);
text-align: left;
}

.pricing-compare tbody tr:last-child td[b-1wqrrra82g] {
border-bottom: none;
}

.pricing-compare td:not(:first-child)[b-1wqrrra82g],
.pricing-compare th:not(:first-child)[b-1wqrrra82g] {
text-align: center;
}

.pricing-compare__family-column[b-1wqrrra82g] {
background: color-mix(in srgb, var(--section-blue) 18%, var(--color-surface));
}

.pricing-compare td[b-1wqrrra82g] {
color: var(--color-text);
}

.pricing-compare td:has(> .pricing-compare__icon)[b-1wqrrra82g] {
padding-block: 1rem;
}

.pricing-compare__icon[b-1wqrrra82g] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.25rem;
height: 1.25rem;
color: var(--color-primary);
}

.pricing-explainer-card[b-1wqrrra82g] {
justify-items: center;
text-align: center;
min-height: 10.5rem;
}

.pricing-explainer-card__icon[b-1wqrrra82g],
.pricing-strip__icon[b-1wqrrra82g] {
width: 3.25rem;
height: 3.25rem;
display: grid;
place-items: center;
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--section-blue) 28%, var(--color-surface));
color: var(--color-primary);
font-size: 1.25rem;
}

.pricing-strip[b-1wqrrra82g] {
padding-block: clamp(4rem, 7vw, 5.5rem);
background: color-mix(in srgb, var(--section-mint) 34%, var(--color-bg));
}

.pricing-strip__inner[b-1wqrrra82g] {
display: grid;
justify-items: center;
gap: var(--space-4);
text-align: center;
}

.pricing-strip p[b-1wqrrra82g] {
max-width: 40rem;
margin: 0;
}

.pricing-faq[b-1wqrrra82g] {
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
overflow: hidden;
}

.pricing-faq__answer[b-1wqrrra82g] {
margin: 0;
}

.pricing-cta[b-1wqrrra82g] {
padding-block: clamp(4rem, 7vw, 6rem);
}

.pricing-cta__inner[b-1wqrrra82g] {
display: grid;
justify-items: center;
gap: var(--space-4);
padding: clamp(2rem, 4vw, 3rem);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-peach) 18%, var(--color-surface));
text-align: center;
box-shadow: var(--shadow-soft);
}

.pricing-cta p[b-1wqrrra82g] {
max-width: 34rem;
margin: 0;
}

.pricing-cta__link[b-1wqrrra82g],
.pricing-footer a[b-1wqrrra82g],
.pricing-footer__legal-link[b-1wqrrra82g] {
color: var(--color-text);
text-decoration: none;
}

.pricing-footer[b-1wqrrra82g] {
display: grid;
grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr));
gap: clamp(1.5rem, 3vw, 2.25rem);
padding-block: clamp(3rem, 6vw, 4rem);
}

.pricing-footer__brand[b-1wqrrra82g] {
display: grid;
gap: var(--space-3);
}

.pricing-footer__mark[b-1wqrrra82g] {
width: 2.5rem;
height: 2.5rem;
display: grid;
place-items: center;
border-radius: 0.85rem;
background: color-mix(in srgb, var(--section-blue) 38%, var(--color-surface));
color: var(--color-primary);
font-weight: var(--font-weight-bold);
}

.pricing-footer div[b-1wqrrra82g] {
display: grid;
align-content: start;
gap: var(--space-2);
}

.pricing-footer__legal[b-1wqrrra82g] {
display: flex;
justify-content: center;
gap: var(--space-2);
padding-block: 0 2rem;
text-align: center;
}

@media (max-width: 960px) {
.pricing-explainer-grid[b-1wqrrra82g],
.pricing-footer[b-1wqrrra82g] {
grid-template-columns: 1fr;
}
}

@media (max-width: 820px) {
.pricing-plan-grid[b-1wqrrra82g] {
width: min(100%, 40rem);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 640px) {
.pricing-hero h1[b-1wqrrra82g],
.pricing-section__header h2[b-1wqrrra82g],
.pricing-strip h2[b-1wqrrra82g],
.pricing-cta h2[b-1wqrrra82g] {
font-size: clamp(2.15rem, 9vw, 3rem);
}
.pricing-hero__actions[b-1wqrrra82g],
.pricing-cta__actions[b-1wqrrra82g] {
width: 100%;
flex-direction: column;
}
.pricing-hero__actions :deep(.tovelin-button)[b-1wqrrra82g],
.pricing-cta__actions :deep(.tovelin-button)[b-1wqrrra82g] {
width: 100%;
}
.pricing-plan-grid[b-1wqrrra82g] {
grid-template-columns: 1fr;
}
.pricing-footer__legal[b-1wqrrra82g] {
flex-direction: column;
}
}
/* _content/Tovelin.Shared.UI/Components/Common/AdminTableToolbar.razor.rz.scp.css */
.admin-table-toolbar[b-8b5llc35tc] {
display: grid;
gap: var(--space-3);
min-width: 0;
padding: var(--space-4);
border-bottom: 1px solid var(--color-border);
}

.admin-table-toolbar__primary[b-8b5llc35tc] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-3);
align-items: end;
min-width: 0;
}

.admin-table-toolbar__search[b-8b5llc35tc] {
min-width: 0;
}

.admin-table-toolbar[b-8b5llc35tc]  .admin-table-toolbar__toggle {
align-self: end;
width: var(--control-size-input-md);
min-width: var(--control-size-input-md);
height: var(--control-size-input-md);
min-height: var(--control-size-input-md);
border-radius: var(--radius-md);
}

.admin-table-toolbar__filters[b-8b5llc35tc] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-3);
align-items: end;
min-width: 0;
}

@media (max-width: 920px) {
.admin-table-toolbar__filters[b-8b5llc35tc] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 640px) {
.admin-table-toolbar__filters[b-8b5llc35tc] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Components/Common/Gallery/TovelinGalleryButtonGroups.razor.rz.scp.css */
.showcase-button-group-stack[b-0bwhangte0] {
display: grid;
gap: var(--space-4);
}

.showcase-split-menu[b-0bwhangte0] {
display: grid;
gap: var(--space-2);
min-width: 10rem;
}

.showcase-split-menu[b-0bwhangte0]  .tovelin-btn {
width: 100%;
justify-content: flex-start;
}
/* _content/Tovelin.Shared.UI/Components/Common/TovelinComponentGallery.razor.rz.scp.css */
.page[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-6);
}

.hero[b-r2cvw7pnxq] {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
gap: var(--space-6);
align-items: stretch;
}

.hero-copy[b-r2cvw7pnxq],
.hero-panel[b-r2cvw7pnxq] {
border: 1px solid var(--color-border);
background: var(--color-surface);
border-radius: var(--radius-md);
box-shadow: var(--shadow-soft);
}

.hero-copy[b-r2cvw7pnxq] {
padding: var(--space-fluid-card);
background:
radial-gradient(circle at top left, var(--gradient-primary-hero), transparent 42%),
radial-gradient(circle at bottom right, var(--gradient-secondary-hero), transparent 40%),
var(--color-surface);
}

.section-kicker[b-r2cvw7pnxq],
.panel-badge[b-r2cvw7pnxq] {
margin: 0 0 var(--space-3);
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
color: var(--color-primary-dark);
}

.hero-chips[b-r2cvw7pnxq] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
}

.hero-actions[b-r2cvw7pnxq] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
}

.hero-panel[b-r2cvw7pnxq] {
padding: var(--space-6);
display: grid;
gap: var(--space-4);
background:
linear-gradient(180deg, var(--color-surface-strong), color-mix(in srgb, var(--color-bg) 94%, var(--color-white))),
linear-gradient(135deg, var(--gradient-panel-top), var(--gradient-panel-bottom));
}

.loop-steps[b-r2cvw7pnxq] {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: var(--space-3);
}

.loop-steps li[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-1-5);
padding: var(--control-pad-panel-item-y) var(--control-pad-panel-item-x);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-bg-soft) 70%, var(--color-surface-strong));
border: 1px solid color-mix(in srgb, var(--color-border) 72%, var(--color-surface-strong));
}

.loop-steps strong[b-r2cvw7pnxq] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
font-size: var(--font-size-body);
color: var(--color-text);
}

.loop-step__title[b-r2cvw7pnxq]  .loop-step__icon {
font-size: var(--icon-size-step);
}

.loop-steps span[b-r2cvw7pnxq],
.panel-footer[b-r2cvw7pnxq],
.journey-strip p[b-r2cvw7pnxq],
.offline-note p[b-r2cvw7pnxq] {
color: var(--color-muted);
line-height: var(--line-height-relaxed);
}

.panel-footer[b-r2cvw7pnxq] {
padding-top: 0.25rem;
font-size: var(--font-size-small);
}

.feature-grid[b-r2cvw7pnxq] {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--space-4);
}

.component-showcase[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-4);
}

.section-intro[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-2);
max-width: 60rem;
}

.showcase-grid[b-r2cvw7pnxq] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-4);
}

.showcase-panel[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-4);
align-content: start;
}

.showcase-subsection[b-r2cvw7pnxq],
[b-r2cvw7pnxq] .showcase-subsection {
display: grid;
gap: var(--space-3);
}

.showcase-subsection__header[b-r2cvw7pnxq],
[b-r2cvw7pnxq] .showcase-subsection__header {
display: grid;
gap: var(--space-1);
}

.showcase-subsection__kicker[b-r2cvw7pnxq],
[b-r2cvw7pnxq] .showcase-subsection__kicker {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
color: var(--color-primary-dark);
}

.showcase-subsection__text[b-r2cvw7pnxq],
[b-r2cvw7pnxq] .showcase-subsection__text {
margin: 0;
color: var(--color-muted);
line-height: var(--line-height-relaxed);
}

.showcase-breadcrumbs[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
min-width: 0;
}

.showcase-toolbar[b-r2cvw7pnxq] {
min-width: 0;
}

.showcase-toolbar__body[b-r2cvw7pnxq] {
align-items: center;
}

.showcase-button-grid[b-r2cvw7pnxq] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(7.75rem, 1fr));
gap: var(--space-3);
}

.showcase-action-row[b-r2cvw7pnxq] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
}

.showcase-segmented-control[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
min-width: 0;
}

.showcase-segmented-control__text[b-r2cvw7pnxq] {
margin: 0;
}

.showcase-tabs[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
min-width: 0;
}

.showcase-tabs__panel-card[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.showcase-tabs__panel-card p[b-r2cvw7pnxq] {
margin: 0;
}

.showcase-filter-bar[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
min-width: 0;
}

.showcase-page-actions[b-r2cvw7pnxq] {
min-width: 0;
}

.showcase-collapse[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
}

.showcase-collapse__surface[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
}

.showcase-collapse__surface p[b-r2cvw7pnxq] {
margin: 0;
}

.showcase-collapse__list[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-2);
}

.showcase-pagination-card[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
}

.showcase-pagination-card p[b-r2cvw7pnxq] {
margin: 0;
}

.showcase-pagination[b-r2cvw7pnxq] {
margin-top: var(--space-1);
}

.showcase-progress-card[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
}

.showcase-progress-card p[b-r2cvw7pnxq] {
margin: 0;
}

.showcase-carousel[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
}

.showcase-carousel__slide[b-r2cvw7pnxq] {
min-height: 14rem;
align-content: start;
gap: var(--space-3);
}

.showcase-carousel__slide--primary[b-r2cvw7pnxq] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-strong)), var(--color-surface-soft));
}

.showcase-carousel__slide--accent[b-r2cvw7pnxq] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 14%, var(--color-surface-strong)), var(--color-surface-soft));
}

.showcase-carousel__slide--success[b-r2cvw7pnxq] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-success) 14%, var(--color-surface-strong)), var(--color-surface-soft));
}

.showcase-range-row[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
}

.showcase-range-row > *[b-r2cvw7pnxq] {
width: 100%;
}

.showcase-accordion-stack[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
}

.showcase-iconbutton-grid[b-r2cvw7pnxq] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
}

.showcase-popover-row[b-r2cvw7pnxq] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: flex-start;
}

.showcase-tooltip-grid[b-r2cvw7pnxq] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-4);
align-items: start;
justify-items: center;
}

.showcase-tooltip[b-r2cvw7pnxq] {
width: auto;
justify-self: center;
}

.showcase-alert-grid[b-r2cvw7pnxq] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.showcase-toast-stack[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
}

.showcase-badge-row[b-r2cvw7pnxq] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

.showcase-status-pill-row[b-r2cvw7pnxq] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

.showcase-metric-grid[b-r2cvw7pnxq] {
min-width: 0;
}

.showcase-data-state-grid[b-r2cvw7pnxq] {
min-width: 0;
}

.showcase-domain-grid[b-r2cvw7pnxq] {
min-width: 0;
}

.showcase-domain-grid > *[b-r2cvw7pnxq] {
min-width: 0;
}

.showcase-domain-grid--balanced[b-r2cvw7pnxq] {
align-items: stretch;
}

.showcase-domain-grid--compact[b-r2cvw7pnxq] {
align-items: start;
}

.showcase-domain-grid--compact > *[b-r2cvw7pnxq] {
align-self: start;
}

.showcase-state-grid[b-r2cvw7pnxq] {
min-width: 0;
align-items: start;
}

.showcase-state-grid .tovelin-state-surface[b-r2cvw7pnxq] {
align-self: start;
height: fit-content;
}

.showcase-state-grid p[b-r2cvw7pnxq] {
margin: 0;
}

.tovelin-state-focus-button[b-r2cvw7pnxq] {
justify-self: start;
border: 1px dashed color-mix(in srgb, var(--color-primary-dark) 48%, var(--color-border));
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-strong));
color: var(--color-text);
padding: var(--control-pad-y-sm) var(--control-pad-x-sm);
font: inherit;
}

.tovelin-state-surface--focused:focus-visible[b-r2cvw7pnxq],
.tovelin-state-focus-button:focus-visible[b-r2cvw7pnxq] {
outline: none;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 30%, transparent);
}

.showcase-state-grid .tovelin-input[b-r2cvw7pnxq] {
width: 100%;
}

.showcase-skeleton[b-r2cvw7pnxq] {
max-width: 34rem;
}

.showcase-avatar-grid[b-r2cvw7pnxq] {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--space-3);
}

.showcase-avatar-grid > *[b-r2cvw7pnxq] {
min-width: 0;
}

.showcase-avatar-surface[b-r2cvw7pnxq] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: var(--space-4);
padding: var(--space-4);
border-radius: var(--radius-md);
border: 1px solid color-mix(in srgb, var(--color-border) 84%, var(--color-surface-strong));
background: linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-surface)));
box-shadow: var(--shadow-soft);
}

.showcase-avatar-copy[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.showcase-avatar-title[b-r2cvw7pnxq] {
margin: 0;
}

.showcase-actions[b-r2cvw7pnxq] {
grid-template-columns: repeat(2, minmax(0, max-content));
align-items: center;
}

.showcase-mini-card[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-4);
}

.showcase-card-stack[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-4);
}

.showcase-stepper-card[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-4);
}

.showcase-stepper-card p[b-r2cvw7pnxq] {
margin: 0;
}

.showcase-stepper-card .tovelin-stepper[b-r2cvw7pnxq] {
margin-top: var(--space-1);
}

.showcase-empty-state[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-4);
}

.showcase-bullet-list[b-r2cvw7pnxq] {
padding-left: 0;
margin: 0;
display: grid;
gap: var(--space-2);
}

.feature-card[b-r2cvw7pnxq] {
min-height: 100%;
}

.showcase-layout-sample[b-r2cvw7pnxq] {
min-width: 0;
}

.showcase-layout-actions[b-r2cvw7pnxq] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
}

.showcase-typography-grid[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
}

.showcase-typography-sample[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-2);
padding: var(--space-4);
border-radius: var(--radius-md);
border: 1px solid color-mix(in srgb, var(--color-border) 84%, var(--color-surface-strong));
background: color-mix(in srgb, var(--color-surface) 92%, white);
min-width: 0;
}

.showcase-typography-sample > :is(h1, h2, h3, p)[b-r2cvw7pnxq] {
margin: 0;
}

.showcase-typography-sample :is(.text-display, .text-h1, .text-h2, .text-h3, .text-body-lg, .text-support, .text-label, .text-caption, .text-eyebrow)[b-r2cvw7pnxq] {
min-width: 0;
max-width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
hyphens: auto;
}

.showcase-typography-sample .text-display[b-r2cvw7pnxq] {
font-size: clamp(2.2rem, 5vw, var(--font-size-display));
line-height: var(--line-height-tight);
}

.showcase-typography-sample .text-h1[b-r2cvw7pnxq] {
font-size: clamp(1.9rem, 4vw, var(--font-size-h1));
line-height: var(--line-height-tight);
}

.showcase-typography-sample .text-h2[b-r2cvw7pnxq] {
font-size: clamp(1.45rem, 3vw, var(--font-size-h2));
}

.showcase-typography-sample .text-h3[b-r2cvw7pnxq] {
font-size: clamp(1.2rem, 2.4vw, var(--font-size-h3));
}

.showcase-typography-label[b-r2cvw7pnxq] {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: var(--space-3);
}

.showcase-typography-name[b-r2cvw7pnxq] {
color: var(--color-primary-dark);
}

.showcase-typography-note[b-r2cvw7pnxq] {
color: var(--color-muted);
}

.showcase-flow-grid[b-r2cvw7pnxq] {
min-width: 0;
}

.showcase-flow-card[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-3);
min-width: 0;
}

.showcase-flow-card p[b-r2cvw7pnxq] {
margin: 0;
}

.showcase-flow-stack[b-r2cvw7pnxq],
.showcase-flow-inline[b-r2cvw7pnxq],
.showcase-flow-cluster[b-r2cvw7pnxq],
.showcase-flow-mini-grid[b-r2cvw7pnxq] {
width: 100%;
}

.showcase-flow-stack-row[b-r2cvw7pnxq],
.showcase-flow-tile[b-r2cvw7pnxq] {
display: grid;
gap: var(--space-1);
padding: var(--space-3);
border-radius: var(--radius-md);
border: 1px solid color-mix(in srgb, var(--color-border) 84%, var(--color-surface-strong));
background: color-mix(in srgb, var(--color-surface) 94%, white);
}

.showcase-flow-tile[b-r2cvw7pnxq] {
align-content: start;
}

@media (max-width: 980px) {
.hero[b-r2cvw7pnxq],
.feature-grid[b-r2cvw7pnxq],
.showcase-grid[b-r2cvw7pnxq] {
grid-template-columns: 1fr;
}
.showcase-alert-grid[b-r2cvw7pnxq] {
grid-template-columns: 1fr;
}
.showcase-tooltip-grid[b-r2cvw7pnxq] {
grid-template-columns: 1fr;
}
.showcase-avatar-grid[b-r2cvw7pnxq] {
grid-template-columns: 1fr;
}
.showcase-state-grid[b-r2cvw7pnxq] {
grid-template-columns: 1fr;
}
.showcase-actions[b-r2cvw7pnxq] {
grid-template-columns: 1fr;
}
h1[b-r2cvw7pnxq] {
max-width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Components/Common/TovelinCookieBanner.razor.rz.scp.css */
:host[b-oyfb2jmuni] {
display: contents;
}

.tovelin-cookie-banner[b-oyfb2jmuni] {
position: fixed;
inset-inline: 0;
bottom: 0;
z-index: 60;
padding: 0;
pointer-events: none;
}

.tovelin-cookie-banner__panel[b-oyfb2jmuni] {
pointer-events: auto;
width: min(100%, 48rem);
margin-inline: auto;
display: flex;
gap: var(--space-4);
align-items: flex-start;
padding: var(--space-5);
border: 1px solid color-mix(in srgb, var(--color-border) 84%, transparent);
border-radius: var(--radius-xl) var(--radius-xl) 0 0;
background: var(--color-surface);
box-shadow: var(--shadow-elevated);
}

.tovelin-cookie-banner__icon[b-oyfb2jmuni] {
display: none;
width: 2.5rem;
height: 2.5rem;
flex: 0 0 auto;
place-items: center;
border-radius: var(--radius-round);
background: color-mix(in srgb, var(--color-warning) 22%, var(--color-surface));
}

.tovelin-cookie-banner__copy[b-oyfb2jmuni] {
display: grid;
gap: var(--space-3);
}

.tovelin-cookie-banner__title[b-oyfb2jmuni] {
margin: 0;
font-size: var(--font-size-title-sm);
line-height: var(--line-height-tight);
font-weight: var(--font-weight-bold);
}

.tovelin-cookie-banner__text[b-oyfb2jmuni] {
margin: 0;
}

.tovelin-cookie-banner__link[b-oyfb2jmuni],
.tovelin-cookie-preferences__policy-link[b-oyfb2jmuni] {
color: var(--color-text);
font-weight: var(--font-weight-semibold);
text-decoration: underline;
text-underline-offset: 0.18em;
}

.tovelin-cookie-banner__actions[b-oyfb2jmuni],
.tovelin-cookie-preferences__footer-actions[b-oyfb2jmuni] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

.tovelin-cookie-preferences[b-oyfb2jmuni] {
display: grid;
gap: var(--space-3);
}

.tovelin-cookie-preferences__card[b-oyfb2jmuni] {
display: grid;
gap: var(--space-2);
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 78%, transparent);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.tovelin-cookie-preferences__card--locked[b-oyfb2jmuni] {
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.tovelin-cookie-preferences__card-head[b-oyfb2jmuni] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
align-items: flex-start;
}

.tovelin-cookie-preferences__title-row[b-oyfb2jmuni] {
display: flex;
gap: var(--space-2);
align-items: center;
margin-bottom: var(--space-1);
}

.tovelin-cookie-preferences__title-row h4[b-oyfb2jmuni] {
margin: 0;
font-size: var(--font-size-body);
line-height: var(--line-height-tight);
font-weight: var(--font-weight-bold);
}

.tovelin-cookie-preferences__card p[b-oyfb2jmuni],
.tovelin-cookie-preferences__not-used[b-oyfb2jmuni] {
margin: 0;
}

.tovelin-cookie-preferences__always-on[b-oyfb2jmuni] {
color: var(--color-muted);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
white-space: nowrap;
}

.tovelin-cookie-preferences__not-used[b-oyfb2jmuni] {
font-style: italic;
}

.tovelin-cookie-preferences__footer[b-oyfb2jmuni] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
align-items: center;
width: 100%;
}

@media (min-width: 640px) {
.tovelin-cookie-banner[b-oyfb2jmuni] {
bottom: 1rem;
padding-inline: 1rem;
}
.tovelin-cookie-banner__panel[b-oyfb2jmuni] {
border-radius: var(--radius-xl);
}
.tovelin-cookie-banner__icon[b-oyfb2jmuni] {
display: grid;
}
}

@media (max-width: 720px) {
.tovelin-cookie-banner__actions[b-oyfb2jmuni],
.tovelin-cookie-banner__actions[b-oyfb2jmuni]  .tovelin-btn,
.tovelin-cookie-preferences__footer-actions[b-oyfb2jmuni],
.tovelin-cookie-preferences__footer-actions[b-oyfb2jmuni]  .tovelin-btn {
width: 100%;
}
.tovelin-cookie-banner__actions[b-oyfb2jmuni]  .tovelin-btn,
.tovelin-cookie-preferences__footer-actions[b-oyfb2jmuni]  .tovelin-btn {
justify-content: center;
}
.tovelin-cookie-preferences__footer[b-oyfb2jmuni] {
flex-direction: column;
align-items: flex-start;
}
}
/* _content/Tovelin.Shared.UI/Components/Common/TovelinCookiePreferencesButton.razor.rz.scp.css */
:host[b-yq8071gegn] {
display: inline-flex;
}

.tovelin-cookie-preferences-button[b-yq8071gegn] {
color: var(--color-muted);
padding: 0;
min-height: auto;
border-color: transparent;
background: transparent;
box-shadow: none;
font-weight: var(--font-weight-regular);
line-height: inherit;
text-decoration: none;
transform: none;
}

.tovelin-cookie-preferences-button:hover[b-yq8071gegn],
.tovelin-cookie-preferences-button:focus-visible[b-yq8071gegn] {
color: var(--color-text);
text-decoration: underline;
box-shadow: none;
transform: none;
}
/* _content/Tovelin.Shared.UI/Components/Common/TovelinFilterBar.razor.rz.scp.css */
.tovelin-filter-bar[b-wdf109p8su] {
display: grid;
gap: var(--space-4);
width: 100%;
min-width: 0;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-surface) 96%, var(--color-primary) 4%);
box-shadow: var(--shadow-soft);
}

.tovelin-filter-bar--compact[b-wdf109p8su] {
gap: var(--space-3);
padding: var(--space-3);
}

.tovelin-filter-bar__header[b-wdf109p8su] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
flex-wrap: wrap;
min-width: 0;
}

.tovelin-filter-bar__copy[b-wdf109p8su] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.tovelin-filter-bar__kicker[b-wdf109p8su] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
color: var(--color-primary-dark);
}

.tovelin-filter-bar__title[b-wdf109p8su] {
margin: 0;
}

.tovelin-filter-bar__text[b-wdf109p8su] {
margin: 0;
max-width: 60ch;
}

.tovelin-filter-bar__actions[b-wdf109p8su] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
align-items: flex-start;
justify-content: flex-end;
min-width: 0;
}

.tovelin-filter-bar__body[b-wdf109p8su] {
display: grid;
gap: var(--space-3);
min-width: 0;
}
/* _content/Tovelin.Shared.UI/Components/Common/TovelinSegmentedControl.razor.rz.scp.css */
.tovelin-segmented-control[b-b2rj3doa1p] {
display: inline-flex;
align-items: stretch;
flex-wrap: nowrap;
gap: 0;
min-width: 0;
max-width: 100%;
}

.tovelin-segmented-control--full[b-b2rj3doa1p] {
display: flex;
width: 100%;
}

.tovelin-segmented-control[b-b2rj3doa1p]  .tovelin-btn {
margin: 0;
border-radius: 0;
box-shadow: none;
min-width: 0;
padding-inline: 0.95rem;
white-space: normal;
overflow-wrap: anywhere;
color: var(--color-muted);
background: color-mix(in srgb, var(--color-surface) 88%, var(--color-bg-soft));
border-color: color-mix(in srgb, var(--color-border) 70%, var(--color-primary) 30%);
}

.tovelin-segmented-control--full[b-b2rj3doa1p]  .tovelin-btn {
flex: 1 1 0;
}

.tovelin-segmented-control[b-b2rj3doa1p]  .tovelin-btn:not(:first-child) {
margin-left: -1px;
}

.tovelin-segmented-control[b-b2rj3doa1p]  .tovelin-btn:first-child {
border-top-left-radius: var(--radius-md);
border-bottom-left-radius: var(--radius-md);
}

.tovelin-segmented-control[b-b2rj3doa1p]  .tovelin-btn:last-child {
border-top-right-radius: var(--radius-md);
border-bottom-right-radius: var(--radius-md);
}

.tovelin-segmented-control[b-b2rj3doa1p]  .tovelin-btn.is-active {
color: var(--color-primary-dark);
background: color-mix(in srgb, var(--section-blue) 82%, var(--color-surface));
border-color: color-mix(in srgb, var(--color-primary-dark) 22%, var(--color-border));
box-shadow: none;
font-weight: var(--font-weight-semibold);
transform: none;
}

.tovelin-segmented-control[b-b2rj3doa1p]  .tovelin-btn:hover {
box-shadow: none;
transform: none;
}

.tovelin-segmented-control[b-b2rj3doa1p]  .tovelin-btn:focus-visible {
z-index: 1;
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/GoalRewardLinkSummary.razor.rz.scp.css */
.goal-reward-link[b-tjtdp1k4ke] {
align-items: flex-start;
background: color-mix(in srgb, var(--color-accent-soft) 58%, transparent);
border: 1px solid color-mix(in srgb, var(--color-accent) 34%, transparent);
border-radius: var(--radius-md);
display: flex;
gap: var(--space-3);
padding: var(--space-3);
}

.goal-reward-link__icon[b-tjtdp1k4ke] {
align-items: center;
background: var(--color-surface);
border-radius: 999px;
color: var(--color-accent-strong);
display: inline-flex;
flex: 0 0 auto;
height: 2rem;
justify-content: center;
width: 2rem;
}

.goal-reward-link__copy[b-tjtdp1k4ke] {
display: grid;
gap: 0.15rem;
min-width: 0;
}

.goal-reward-link__label[b-tjtdp1k4ke],
.goal-reward-link__meaning[b-tjtdp1k4ke] {
color: var(--color-text-muted);
font-size: var(--font-size-sm);
}

.goal-reward-link__copy strong[b-tjtdp1k4ke] {
overflow-wrap: anywhere;
}

.goal-reward-link--compact[b-tjtdp1k4ke] {
gap: var(--space-2);
padding: var(--space-2) var(--space-3);
}

.goal-reward-link--compact .goal-reward-link__icon[b-tjtdp1k4ke] {
height: 1.75rem;
width: 1.75rem;
}

.goal-reward-link--minimal[b-tjtdp1k4ke] {
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/GoalTrainingScheduleSummary.razor.rz.scp.css */
.goal-training-schedule[b-r1ty0df0lg] {
display: grid;
gap: var(--space-3);
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--section-blue) 45%, var(--color-surface));
}

.goal-training-schedule--compact[b-r1ty0df0lg] {
gap: var(--space-2);
padding: var(--space-3);
}

.goal-training-schedule--minimal[b-r1ty0df0lg] {
gap: var(--space-2);
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}

.goal-training-schedule--minimal .goal-training-schedule__icon[b-r1ty0df0lg] {
width: 1.75rem;
height: 1.75rem;
}

.goal-training-schedule__heading[b-r1ty0df0lg] {
display: flex;
align-items: center;
gap: var(--space-3);
min-width: 0;
}

.goal-training-schedule__heading > div[b-r1ty0df0lg] {
display: grid;
gap: 0.15rem;
min-width: 0;
flex: 1;
}

.goal-training-schedule__heading strong[b-r1ty0df0lg] {
overflow-wrap: anywhere;
}

.goal-training-schedule__icon[b-r1ty0df0lg] {
display: grid;
place-items: center;
width: 2rem;
height: 2rem;
flex: 0 0 auto;
border-radius: var(--radius-pill);
background: var(--color-surface-strong);
color: var(--color-primary-dark);
}

.goal-training-schedule__label[b-r1ty0df0lg] {
color: var(--color-text-muted);
font-size: var(--font-size-sm);
}

.goal-training-schedule__support[b-r1ty0df0lg] {
margin: 0;
color: var(--color-text-muted);
font-size: var(--font-size-sm);
}

@media (max-width: 480px) {
.goal-training-schedule__heading[b-r1ty0df0lg] {
align-items: flex-start;
flex-wrap: wrap;
}
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/PrivacyDataView.razor.rz.scp.css */
.privacy-data[b-0lpbnk4da5] { min-width: 0; overflow-wrap: anywhere; }
.privacy-data[role=region][b-0lpbnk4da5] { max-height: 32rem; overflow: auto; border: 1px solid currentColor; border-radius: .5rem; padding: 1rem; }
.privacy-data__fields[b-0lpbnk4da5] { margin: 0; display: grid; gap: .8rem; }
.privacy-data__field[b-0lpbnk4da5] { display: grid; gap: .25rem; }
.privacy-data__field > dt[b-0lpbnk4da5] { font-weight: 600; }
.privacy-data__field > dd[b-0lpbnk4da5] { margin: 0; padding-inline-start: .75rem; border-inline-start: 2px solid var(--color-border, currentColor); }
.privacy-data__records[b-0lpbnk4da5] { margin: 0; padding-inline-start: 1.25rem; display: grid; gap: 1rem; }
.privacy-data__value[b-0lpbnk4da5] { white-space: pre-wrap; }
.privacy-data[role=region]:focus-visible[b-0lpbnk4da5] { outline: 3px solid currentColor; outline-offset: 3px; }
/* _content/Tovelin.Shared.UI/Components/DataDisplay/RewardBalanceHistoryChart.razor.rz.scp.css */
.reward-balance-chart[b-upzp239e2p] {
display: grid;
gap: var(--space-3);
margin: 0;
padding: var(--space-4);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-yellow) 34%, var(--color-surface));
}

.reward-balance-chart__caption[b-upzp239e2p] {
display: flex;
justify-content: space-between;
align-items: end;
gap: var(--space-4);
}

.reward-balance-chart__caption h4[b-upzp239e2p],
.reward-balance-chart__caption p[b-upzp239e2p] {
margin: 0;
}

.reward-balance-chart__caption h4[b-upzp239e2p] {
font-size: var(--font-size-h3);
line-height: var(--line-height-tight);
}

.reward-balance-chart__caption p[b-upzp239e2p] {
margin-top: var(--space-1);
color: var(--color-muted);
font-size: var(--font-size-small);
}

.reward-balance-chart__current[b-upzp239e2p] {
display: grid;
flex: 0 0 auto;
justify-items: end;
gap: var(--space-1);
text-align: right;
}

.reward-balance-chart__current span[b-upzp239e2p],
.reward-balance-chart__dates[b-upzp239e2p],
.reward-balance-chart__legend[b-upzp239e2p] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.reward-balance-chart__current strong[b-upzp239e2p] {
color: var(--color-accent-dark);
font-size: var(--font-size-h2);
line-height: var(--line-height-tight);
}

.reward-balance-chart__plot[b-upzp239e2p] {
overflow: hidden;
padding: var(--space-2) var(--space-2) var(--space-1);
border: 1px solid color-mix(in srgb, var(--color-accent) 34%, var(--color-border));
border-radius: var(--radius-md);
background: var(--color-surface-strong);
}

.reward-balance-chart__svg[b-upzp239e2p] {
display: block;
width: 100%;
height: auto;
min-height: 12rem;
}

.reward-balance-chart__grid-line[b-upzp239e2p] {
stroke: color-mix(in srgb, var(--color-border) 72%, transparent);
stroke-width: 1;
stroke-dasharray: 5 7;
}

.reward-balance-chart__axis-label[b-upzp239e2p] {
fill: var(--color-muted);
font-size: 15px;
font-weight: var(--font-weight-semibold);
}

.reward-balance-chart__area[b-upzp239e2p] {
fill: color-mix(in srgb, var(--color-accent) 15%, transparent);
}

.reward-balance-chart__line[b-upzp239e2p] {
fill: none;
stroke: var(--color-secondary);
stroke-width: 5;
stroke-linecap: round;
stroke-linejoin: round;
}

.reward-balance-chart__marker[b-upzp239e2p] {
stroke: var(--color-surface-strong);
stroke-width: 4;
}

.reward-balance-chart__marker--deposit[b-upzp239e2p],
.reward-balance-chart__legend-dot--deposit[b-upzp239e2p] {
fill: var(--color-success-dark);
background: var(--color-success-dark);
}

.reward-balance-chart__marker--withdrawal[b-upzp239e2p],
.reward-balance-chart__legend-dot--withdrawal[b-upzp239e2p] {
fill: var(--color-secondary);
background: var(--color-secondary);
}

.reward-balance-chart__marker--change[b-upzp239e2p],
.reward-balance-chart__legend-dot--change[b-upzp239e2p] {
fill: var(--color-accent-dark);
background: var(--color-accent-dark);
}

.reward-balance-chart__dates[b-upzp239e2p] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
padding: 0 var(--space-2) var(--space-1) calc(var(--space-5) + var(--space-2));
}

.reward-balance-chart__legend[b-upzp239e2p] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2) var(--space-4);
}

.reward-balance-chart__legend span[b-upzp239e2p] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
}

.reward-balance-chart__legend-dot[b-upzp239e2p] {
inline-size: 0.7rem;
block-size: 0.7rem;
flex: 0 0 auto;
border-radius: 50%;
}

@media (max-width: 560px) {
.reward-balance-chart[b-upzp239e2p] {
padding: var(--space-3);
}
.reward-balance-chart__caption[b-upzp239e2p] {
align-items: start;
}
.reward-balance-chart__caption p[b-upzp239e2p] {
display: none;
}
.reward-balance-chart__current strong[b-upzp239e2p] {
font-size: var(--font-size-h3);
}
.reward-balance-chart__svg[b-upzp239e2p] {
min-height: 9rem;
}
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/SavingsBalanceHistoryChart.razor.rz.scp.css */
.savings-balance-chart[b-xzopl5a6tv] {
display: grid;
gap: var(--space-3);
margin: 0;
padding: var(--space-4);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-mint) 32%, var(--color-surface));
}

.savings-balance-chart__caption[b-xzopl5a6tv] {
display: flex;
justify-content: space-between;
align-items: end;
gap: var(--space-4);
}

.savings-balance-chart__caption h4[b-xzopl5a6tv],
.savings-balance-chart__caption p[b-xzopl5a6tv],
.savings-balance-chart__partial[b-xzopl5a6tv] {
margin: 0;
}

.savings-balance-chart__caption h4[b-xzopl5a6tv] {
font-size: var(--font-size-h3);
line-height: var(--line-height-tight);
}

.savings-balance-chart__caption p[b-xzopl5a6tv] {
margin-top: var(--space-1);
color: var(--color-muted);
font-size: var(--font-size-small);
}

.savings-balance-chart__current[b-xzopl5a6tv] {
display: grid;
flex: 0 0 auto;
justify-items: end;
gap: var(--space-1);
text-align: right;
}

.savings-balance-chart__current span[b-xzopl5a6tv],
.savings-balance-chart__dates[b-xzopl5a6tv],
.savings-balance-chart__legend[b-xzopl5a6tv] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.savings-balance-chart__current strong[b-xzopl5a6tv] {
color: var(--color-success-dark);
font-size: var(--font-size-h2);
line-height: var(--line-height-tight);
}

.savings-balance-chart__plot[b-xzopl5a6tv] {
overflow: hidden;
padding: var(--space-2) var(--space-2) var(--space-1);
border: 1px solid color-mix(in srgb, var(--color-success) 28%, var(--color-border));
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-surface-strong) 90%, var(--section-mint));
}

.savings-balance-chart__svg[b-xzopl5a6tv] {
display: block;
width: 100%;
height: auto;
min-height: 12rem;
}

.savings-balance-chart__grid-line[b-xzopl5a6tv] {
stroke: color-mix(in srgb, var(--color-border) 72%, transparent);
stroke-width: 1;
stroke-dasharray: 5 7;
}

.savings-balance-chart__axis-label[b-xzopl5a6tv] {
fill: var(--color-muted);
font-size: 15px;
font-weight: var(--font-weight-semibold);
}

.savings-balance-chart__area[b-xzopl5a6tv] {
fill: color-mix(in srgb, var(--color-primary) 13%, transparent);
}

.savings-balance-chart__line[b-xzopl5a6tv] {
fill: none;
stroke: var(--color-primary);
stroke-width: 5;
stroke-linecap: round;
stroke-linejoin: round;
}

.savings-balance-chart__marker[b-xzopl5a6tv] {
stroke: var(--color-surface-strong);
stroke-width: 4;
}

.savings-balance-chart__marker--deposit[b-xzopl5a6tv],
.savings-balance-chart__legend-dot--deposit[b-xzopl5a6tv] {
fill: var(--color-success-dark);
background: var(--color-success-dark);
}

.savings-balance-chart__marker--bonus[b-xzopl5a6tv],
.savings-balance-chart__legend-dot--bonus[b-xzopl5a6tv] {
fill: var(--color-accent-dark);
background: var(--color-accent-dark);
}

.savings-balance-chart__marker--withdrawal[b-xzopl5a6tv],
.savings-balance-chart__legend-dot--withdrawal[b-xzopl5a6tv] {
fill: var(--color-secondary);
background: var(--color-secondary);
}

.savings-balance-chart__dates[b-xzopl5a6tv] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
padding: 0 var(--space-2) var(--space-1) calc(var(--space-5) + var(--space-2));
}

.savings-balance-chart__legend[b-xzopl5a6tv] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2) var(--space-4);
}

.savings-balance-chart__legend span[b-xzopl5a6tv] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
}

.savings-balance-chart__legend-dot[b-xzopl5a6tv] {
inline-size: 0.7rem;
block-size: 0.7rem;
flex: 0 0 auto;
border-radius: 50%;
}

@media (max-width: 560px) {
.savings-balance-chart[b-xzopl5a6tv] {
padding: var(--space-3);
}
.savings-balance-chart__caption[b-xzopl5a6tv] {
align-items: start;
}
.savings-balance-chart__caption p[b-xzopl5a6tv] {
display: none;
}
.savings-balance-chart__current strong[b-xzopl5a6tv] {
font-size: var(--font-size-h3);
}
.savings-balance-chart__svg[b-xzopl5a6tv] {
min-height: 9rem;
}
.savings-balance-chart__legend[b-xzopl5a6tv] {
gap: var(--space-2) var(--space-3);
}
}

@media (prefers-reduced-motion: reduce) {
.savings-balance-chart__line[b-xzopl5a6tv],
.savings-balance-chart__marker[b-xzopl5a6tv] {
transition: none;
}
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinActivityFeed.razor.rz.scp.css */
.tovelin-activity-feed[b-viaufgeo1b] {
display: grid;
gap: var(--space-4);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: linear-gradient(180deg, var(--color-surface-strong), color-mix(in srgb, var(--color-surface) 94%, var(--section-blue)));
box-shadow: var(--shadow-soft);
min-width: 0;
}

.tovelin-activity-feed--compact[b-viaufgeo1b] {
gap: var(--space-3);
padding: var(--space-4);
}

.tovelin-activity-feed--default[b-viaufgeo1b] {
background: var(--color-surface);
}

.tovelin-activity-feed--soft[b-viaufgeo1b] {
background: color-mix(in srgb, var(--color-surface-soft) 82%, var(--section-yellow));
}

.tovelin-activity-feed--accent[b-viaufgeo1b] {
background: var(--section-yellow);
}

.tovelin-activity-feed--success[b-viaufgeo1b] {
background: var(--section-mint);
}

.tovelin-activity-feed__header[b-viaufgeo1b] {
display: grid;
gap: var(--space-2);
}

.tovelin-activity-feed__eyebrow[b-viaufgeo1b] {
margin: 0;
color: var(--color-primary-dark);
}

.tovelin-activity-feed__title[b-viaufgeo1b] {
margin: 0;
}

.tovelin-activity-feed__description[b-viaufgeo1b] {
margin: 0;
}

.tovelin-activity-feed__items[b-viaufgeo1b] {
display: grid;
gap: var(--space-3);
margin: 0;
padding: 0;
list-style: none;
}

.tovelin-activity-feed__footer[b-viaufgeo1b] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinActivityFeedItem.razor.rz.scp.css */
.tovelin-activity-feed__item[b-o1b9rjucs8] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-3);
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-border) 82%, var(--color-surface-strong));
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-surface) 92%, var(--section-yellow));
}

.tovelin-activity-feed__item.is-clickable[b-o1b9rjucs8] {
grid-template-columns: minmax(0, 1fr);
padding: 0;
cursor: pointer;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.tovelin-activity-feed__item.is-highlighted[b-o1b9rjucs8] {
border-color: color-mix(in srgb, var(--color-primary-dark) 28%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.tovelin-activity-feed__item.is-clickable:hover[b-o1b9rjucs8] {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
box-shadow: var(--shadow-sm);
}

.tovelin-activity-feed__item.is-clickable:focus-within[b-o1b9rjucs8] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 42%, transparent);
outline-offset: 3px;
}

.tovelin-activity-feed__item--compact[b-o1b9rjucs8] {
padding: var(--space-2) var(--space-3);
}

.tovelin-activity-feed__item.is-clickable.tovelin-activity-feed__item--compact[b-o1b9rjucs8] {
padding: 0;
}

.tovelin-activity-feed__link[b-o1b9rjucs8] {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: var(--space-3);
min-width: 0;
padding: var(--space-3);
border-radius: inherit;
color: inherit;
cursor: pointer;
text-decoration: none;
}

button.tovelin-activity-feed__link[b-o1b9rjucs8] {
width: 100%;
border: 0;
background: transparent;
font: inherit;
text-align: start;
}

.tovelin-activity-feed__link:focus[b-o1b9rjucs8] {
outline: none;
}

.tovelin-activity-feed__item--compact .tovelin-activity-feed__link[b-o1b9rjucs8] {
padding: var(--space-2) var(--space-3);
}

.tovelin-activity-feed__action[b-o1b9rjucs8] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
border-radius: 999px;
color: var(--color-muted);
opacity: 0;
transform: translateX(-0.25rem);
transition: color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.tovelin-activity-feed__item.is-clickable:hover .tovelin-activity-feed__action[b-o1b9rjucs8],
.tovelin-activity-feed__item.is-clickable:focus-within .tovelin-activity-feed__action[b-o1b9rjucs8] {
color: var(--color-primary-dark);
opacity: 1;
transform: translateX(0);
}

.tovelin-activity-feed__icon[b-o1b9rjucs8] {
width: 2.75rem;
height: 2.75rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-md);
border: 1px solid color-mix(in srgb, var(--color-primary-dark) 18%, var(--color-border));
background: color-mix(in srgb, var(--color-secondary) 28%, var(--color-surface));
color: var(--color-primary-dark);
}

.tovelin-activity-feed__icon--initials[b-o1b9rjucs8] {
background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));
color: var(--color-primary-dark);
}

.tovelin-activity-feed__initials[b-o1b9rjucs8] {
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
line-height: 1;
letter-spacing: 0;
}

.tovelin-activity-feed__copy[b-o1b9rjucs8] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.tovelin-activity-feed__item--compact .tovelin-activity-feed__copy[b-o1b9rjucs8] {
gap: var(--space-1);
}

.tovelin-activity-feed__summary[b-o1b9rjucs8] {
margin: 0;
overflow-wrap: anywhere;
}

.tovelin-activity-feed__summary strong[b-o1b9rjucs8] {
font-weight: var(--font-weight-semibold);
}

.tovelin-activity-feed__summary .tovelin-activity-feed__message[b-o1b9rjucs8] {
color: var(--color-text-soft);
}

.tovelin-activity-feed__meta[b-o1b9rjucs8] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-2);
}

.tovelin-activity-feed__timestamp[b-o1b9rjucs8] {
color: var(--color-muted);
}

.tovelin-activity-feed__headline[b-o1b9rjucs8] {
margin: 0;
font-weight: var(--font-weight-medium);
}

.tovelin-activity-feed__message[b-o1b9rjucs8] {
margin: 0;
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinAvatar.razor.rz.scp.css */
.tovelin-avatar[b-skm2p7i4d6] {
width: 2.75rem;
height: 2.75rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
border: 1px solid var(--color-border);
background: var(--color-surface);
color: var(--color-text);
box-shadow: var(--shadow-soft);
overflow: hidden;
}

.tovelin-avatar--outline[b-skm2p7i4d6] {
background: transparent;
}

.tovelin-avatar--stacked[b-skm2p7i4d6] {
border-color: color-mix(in srgb, var(--color-surface) 84%, var(--color-border));
}

.tovelin-avatar__image[b-skm2p7i4d6] {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.tovelin-avatar__initials[b-skm2p7i4d6] {
font-size: var(--font-size-body);
font-weight: var(--font-weight-bold);
letter-spacing: var(--tracking-tight);
}

.tovelin-avatar--sm[b-skm2p7i4d6] {
width: 2rem;
height: 2rem;
}

.tovelin-avatar--sm .tovelin-avatar__initials[b-skm2p7i4d6] {
font-size: var(--font-size-small);
}

.tovelin-avatar--lg[b-skm2p7i4d6] {
width: 3.5rem;
height: 3.5rem;
}

.tovelin-avatar--lg .tovelin-avatar__initials[b-skm2p7i4d6] {
font-size: var(--font-size-body-lg);
}

.tovelin-avatar--default[b-skm2p7i4d6] {
background: color-mix(in srgb, var(--color-surface-strong) 84%, white);
}

.tovelin-avatar--primary[b-skm2p7i4d6] {
background: color-mix(in srgb, var(--color-primary) 16%, var(--color-surface));
color: var(--color-primary-dark);
}

.tovelin-avatar--secondary[b-skm2p7i4d6] {
background: color-mix(in srgb, var(--color-secondary) 18%, var(--color-surface));
color: var(--color-secondary-dark);
}

.tovelin-avatar--accent[b-skm2p7i4d6] {
background: color-mix(in srgb, var(--color-accent) 18%, var(--color-surface));
color: var(--color-accent-dark);
}

.tovelin-avatar--success[b-skm2p7i4d6] {
background: color-mix(in srgb, var(--color-success) 18%, var(--color-surface));
color: var(--color-success-dark);
}

.tovelin-avatar--warning[b-skm2p7i4d6] {
background: color-mix(in srgb, var(--color-warning) 18%, var(--color-surface));
color: var(--color-warning-dark);
}

.tovelin-avatar--danger[b-skm2p7i4d6] {
background: color-mix(in srgb, var(--color-danger) 18%, var(--color-surface));
color: var(--color-danger-dark);
}

.tovelin-avatar--info[b-skm2p7i4d6] {
background: color-mix(in srgb, var(--color-info) 18%, var(--color-surface));
color: var(--color-info-dark);
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinAvatarStack.razor.rz.scp.css */
.tovelin-avatar-stack[b-unr8dcck3i] {
display: flex;
align-items: center;
}

.tovelin-avatar-stack[b-unr8dcck3i]  .tovelin-avatar {
margin-left: -0.6rem;
}

.tovelin-avatar-stack[b-unr8dcck3i]  .tovelin-avatar:first-child {
margin-left: 0;
}

.tovelin-avatar-stack--compact[b-unr8dcck3i]  .tovelin-avatar {
margin-left: -0.45rem;
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinBadge.razor.rz.scp.css */
.tovelin-badge[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-surface-strong) 90%, var(--color-bg));
--tovelin-badge-border: color-mix(in srgb, var(--color-border) 72%, var(--color-primary));
--tovelin-badge-color: var(--color-text);
--tovelin-badge-icon-bg: color-mix(in srgb, var(--color-secondary) 24%, var(--color-surface-strong));
display: inline-flex;
align-items: center;
gap: var(--badge-gap);
min-height: 2rem;
padding: 0.42rem 0.78rem;
border-radius: 0.95rem 1.05rem 0.9rem 1.15rem;
font-size: var(--badge-font-size);
line-height: 1.1;
font-weight: var(--font-weight-bold);
letter-spacing: 0;
color: var(--tovelin-badge-color);
background: var(--tovelin-badge-bg);
border: 1.5px solid var(--tovelin-badge-border);
box-shadow:
0 1px 0 color-mix(in srgb, var(--color-white) 76%, transparent) inset,
var(--shadow-xs);
}

.tovelin-badge--compact[b-mwhsr0tcxu] {
min-height: 1.72rem;
padding: 0.3rem 0.62rem;
font-size: var(--font-size-xs);
}

.tovelin-badge__icon[b-mwhsr0tcxu] {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 1.35rem;
height: 1.35rem;
border-radius: 0.48rem 0.6rem 0.46rem 0.62rem;
line-height: 1;
color: currentColor;
background: var(--tovelin-badge-icon-bg);
box-shadow: 0 1px 0 color-mix(in srgb, var(--color-white) 70%, transparent) inset;
}

.tovelin-badge--compact .tovelin-badge__icon[b-mwhsr0tcxu] {
width: 1.15rem;
height: 1.15rem;
border-radius: 0.42rem 0.52rem 0.4rem 0.54rem;
}

.tovelin-badge__icon[b-mwhsr0tcxu]  .tovelin-badge__icon-mark {
font-size: var(--icon-size-badge);
}

.tovelin-badge__icon .bi[b-mwhsr0tcxu] {
display: block;
width: 1em;
height: 1em;
line-height: 1;
font-size: 1em;
}

.tovelin-badge--default[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-surface-strong) 88%, var(--color-bg));
--tovelin-badge-border: color-mix(in srgb, var(--color-border) 75%, var(--color-secondary));
--tovelin-badge-color: var(--color-text);
--tovelin-badge-icon-bg: color-mix(in srgb, var(--color-secondary) 22%, var(--color-surface-strong));
}

.tovelin-badge--primary[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-primary) 28%, var(--color-surface-strong));
--tovelin-badge-border: color-mix(in srgb, var(--color-primary) 58%, var(--color-border));
--tovelin-badge-color: color-mix(in srgb, var(--color-primary-dark) 82%, var(--color-text));
--tovelin-badge-icon-bg: color-mix(in srgb, var(--color-primary) 42%, var(--color-surface-strong));
}

.tovelin-badge--secondary[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-secondary) 36%, var(--color-surface-strong));
--tovelin-badge-border: color-mix(in srgb, var(--color-secondary-dark) 42%, var(--color-border));
--tovelin-badge-color: color-mix(in srgb, var(--color-secondary-dark) 70%, var(--color-text));
--tovelin-badge-icon-bg: color-mix(in srgb, var(--color-secondary) 50%, var(--color-surface-strong));
}

.tovelin-badge--accent[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-accent) 44%, var(--color-surface-strong));
--tovelin-badge-border: color-mix(in srgb, var(--color-accent-dark) 46%, var(--color-border));
--tovelin-badge-color: color-mix(in srgb, var(--color-accent-dark) 82%, var(--color-text));
--tovelin-badge-icon-bg: color-mix(in srgb, var(--color-accent) 62%, var(--color-surface-strong));
}

.tovelin-badge--success[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-success) 31%, var(--color-surface-strong));
--tovelin-badge-border: color-mix(in srgb, var(--color-success-dark) 42%, var(--color-border));
--tovelin-badge-color: color-mix(in srgb, var(--color-success-dark) 74%, var(--color-text));
--tovelin-badge-icon-bg: color-mix(in srgb, var(--color-success) 46%, var(--color-surface-strong));
}

.tovelin-badge--warning[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-warning) 36%, var(--color-surface-strong));
--tovelin-badge-border: color-mix(in srgb, var(--color-warning-dark) 42%, var(--color-border));
--tovelin-badge-color: color-mix(in srgb, var(--color-warning-dark) 82%, var(--color-text));
--tovelin-badge-icon-bg: color-mix(in srgb, var(--color-warning) 54%, var(--color-surface-strong));
}

.tovelin-badge--danger[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-danger) 24%, var(--color-surface-strong));
--tovelin-badge-border: color-mix(in srgb, var(--color-danger-dark) 42%, var(--color-border));
--tovelin-badge-color: color-mix(in srgb, var(--color-danger-dark) 82%, var(--color-text));
--tovelin-badge-icon-bg: color-mix(in srgb, var(--color-danger) 34%, var(--color-surface-strong));
}

.tovelin-badge--info[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-info) 26%, var(--color-surface-strong));
--tovelin-badge-border: color-mix(in srgb, var(--color-info-dark) 38%, var(--color-border));
--tovelin-badge-color: color-mix(in srgb, var(--color-info-dark) 74%, var(--color-text));
--tovelin-badge-icon-bg: color-mix(in srgb, var(--color-info) 42%, var(--color-surface-strong));
}

.tovelin-badge--outline[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-surface-strong) 42%, transparent);
box-shadow: 0 1px 0 color-mix(in srgb, var(--color-white) 64%, transparent) inset;
}

[data-bs-theme="dark"] .tovelin-badge[b-mwhsr0tcxu] {
box-shadow:
0 1px 0 color-mix(in srgb, var(--color-white) 10%, transparent) inset,
var(--shadow-xs);
}

[data-bs-theme="dark"] .tovelin-badge__icon[b-mwhsr0tcxu] {
box-shadow: 0 1px 0 color-mix(in srgb, var(--color-white) 12%, transparent) inset;
}

[data-bs-theme="dark"] .tovelin-badge--default[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-surface-muted) 88%, var(--color-bg));
--tovelin-badge-border: color-mix(in srgb, var(--color-border) 82%, var(--color-secondary));
--tovelin-badge-color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-badge--primary[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-primary) 30%, var(--color-surface-strong));
--tovelin-badge-border: color-mix(in srgb, var(--color-primary) 54%, var(--color-border));
--tovelin-badge-color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-badge--secondary[b-mwhsr0tcxu],
[data-bs-theme="dark"] .tovelin-badge--info[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-secondary) 24%, var(--color-surface-strong));
--tovelin-badge-border: color-mix(in srgb, var(--color-secondary) 44%, var(--color-border));
--tovelin-badge-color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-badge--success[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-success) 24%, var(--color-surface-strong));
--tovelin-badge-border: color-mix(in srgb, var(--color-success) 44%, var(--color-border));
--tovelin-badge-color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-badge--accent[b-mwhsr0tcxu],
[data-bs-theme="dark"] .tovelin-badge--warning[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-accent) 25%, var(--color-surface-strong));
--tovelin-badge-border: color-mix(in srgb, var(--color-accent) 45%, var(--color-border));
--tovelin-badge-color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-badge--danger[b-mwhsr0tcxu] {
--tovelin-badge-bg: color-mix(in srgb, var(--color-danger) 22%, var(--color-surface-strong));
--tovelin-badge-border: color-mix(in srgb, var(--color-danger) 42%, var(--color-border));
--tovelin-badge-color: var(--color-text);
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinContextBand.razor.rz.scp.css */
.tovelin-context-band[b-4too3b3f1r] {
position: relative;
isolation: isolate;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-rows: 1fr;
gap: 0;
min-width: 0;
margin: 0;
padding: 0;
font-family: var(--font-body);
}

/* Real, text-free artwork supplies the curved joins. Content stays native UI. */
.tovelin-context-band[b-4too3b3f1r]::before,
.tovelin-context-band[b-4too3b3f1r]::after {
position: absolute;
z-index: -1;
inset: 0;
border-radius: var(--radius-xl);
background-image: url("/_content/Tovelin.Shared.UI/assets/runtime/context/context-band-v1.webp");
background-size: 100% 100%;
background-repeat: no-repeat;
pointer-events: none;
content: "";
}

.tovelin-context-band[b-4too3b3f1r]::after {
display: none;
}

.tovelin-context-band[b-4too3b3f1r]  .tovelin-context-band__item {
position: relative;
display: grid;
align-content: center;
gap: var(--space-2);
min-width: 0;
min-height: 5rem;
width: 100%;
margin: 0;
padding: var(--space-4) var(--space-6);
border: 1px solid transparent;
border-radius: var(--radius-lg);
background: transparent;
box-shadow: none;
color: var(--color-text);
font: inherit;
text-align: start;
text-decoration: none;
cursor: pointer;
transition: background-color 140ms ease, box-shadow 140ms ease;
}

.tovelin-context-band[b-4too3b3f1r]  .tovelin-context-band__item:hover {
background: rgb(255 255 255 / 20%);
}

.tovelin-context-band[b-4too3b3f1r]  .tovelin-context-band__item:active {
box-shadow: inset 0 0 0 1px var(--color-border);
}

.tovelin-context-band[b-4too3b3f1r]  .tovelin-context-band__item:focus-visible {
outline: 2px solid var(--color-text);
outline-offset: -4px;
background: rgb(255 255 255 / 20%);
}

.tovelin-context-band[b-4too3b3f1r]  .tovelin-context-band__label {
min-width: 0;
margin: 0;
color: color-mix(in srgb, var(--color-text-soft) 85%, var(--color-text));
font-size: 0.72rem;
font-weight: var(--font-weight-semibold);
line-height: 1.35;
letter-spacing: 0;
text-transform: uppercase;
overflow-wrap: anywhere;
}

.tovelin-context-band[b-4too3b3f1r]  .tovelin-context-band__value {
min-width: 0;
margin: 0;
overflow: hidden;
color: var(--color-text);
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
line-height: 1.35;
text-overflow: ellipsis;
white-space: nowrap;
}

[data-bs-theme="dark"] .tovelin-context-band[b-4too3b3f1r]::before,
[data-bs-theme="dark"] .tovelin-context-band[b-4too3b3f1r]::after {
opacity: 0.14;
}

/* Darken on interaction so the light labels retain their contrast. */
[data-bs-theme="dark"] .tovelin-context-band[b-4too3b3f1r]  .tovelin-context-band__item:hover,
[data-bs-theme="dark"] .tovelin-context-band[b-4too3b3f1r]  .tovelin-context-band__item:focus-visible {
background: rgb(0 0 0 / 12%);
}

@media (max-width: 640px) {
.tovelin-context-band[b-4too3b3f1r] {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: var(--space-3);
}
.tovelin-context-band[b-4too3b3f1r]::before,
.tovelin-context-band[b-4too3b3f1r]::after {
/* Sample 5–45% / 55–95% of the artwork, excluding the curved middle
join entirely while keeping each retained join centred in its row. */
background-size: 250% 100%;
}
.tovelin-context-band[b-4too3b3f1r]::before {
inset: 0 0 calc(50% + var(--space-3) / 2);
background-position: 8.333333% center;
}
.tovelin-context-band[b-4too3b3f1r]::after {
display: block;
inset: calc(50% + var(--space-3) / 2) 0 0;
background-position: 91.666667% center;
}
.tovelin-context-band[b-4too3b3f1r]  .tovelin-context-band__item {
padding-inline: var(--space-4);
}
}

@media (prefers-reduced-motion: reduce) {
.tovelin-context-band[b-4too3b3f1r]  .tovelin-context-band__item {
transition: none;
}
}

@media (forced-colors: active) {
.tovelin-context-band[b-4too3b3f1r]::before,
.tovelin-context-band[b-4too3b3f1r]::after {
display: none;
}
.tovelin-context-band[b-4too3b3f1r]  .tovelin-context-band__item {
border-color: ButtonText;
}
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinEmptyState.razor.rz.scp.css */
.tovelin-empty-state[b-cxih3ip0m2] {
display: grid;
gap: var(--space-4);
align-items: start;
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: linear-gradient(135deg, color-mix(in srgb, var(--color-surface-strong) 84%, white), var(--color-surface));
box-shadow: var(--shadow-soft);
}

.tovelin-empty-state--outlined[b-cxih3ip0m2] {
border-style: dashed;
}

.tovelin-empty-state__icon[b-cxih3ip0m2] {
width: 3rem;
height: 3rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
color: var(--color-primary-dark);
}

.tovelin-empty-state__copy[b-cxih3ip0m2] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.tovelin-empty-state__eyebrow[b-cxih3ip0m2] {
margin: 0;
color: var(--color-primary-dark);
}

.tovelin-empty-state__title[b-cxih3ip0m2] {
margin: 0;
}

.tovelin-empty-state__message[b-cxih3ip0m2] {
margin: 0;
}

.tovelin-empty-state__body[b-cxih3ip0m2] {
display: grid;
gap: var(--space-3);
}

.tovelin-empty-state__actions[b-cxih3ip0m2] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
}

.tovelin-empty-state--compact[b-cxih3ip0m2] {
gap: var(--space-3);
padding: var(--space-4);
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinGoalCard.razor.rz.scp.css */
.tovelin-goal-card[b-mjmrjxojl0] {
display: flex;
flex-direction: column;
gap: var(--space-4);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: linear-gradient(180deg, var(--color-surface-strong), color-mix(in srgb, var(--color-surface) 94%, var(--section-yellow)));
color: var(--color-text);
box-shadow: var(--shadow-soft);
min-width: 0;
}

.tovelin-goal-card--compact[b-mjmrjxojl0] {
gap: var(--space-3);
padding: var(--space-4);
}

.tovelin-goal-card--default[b-mjmrjxojl0] {
background: var(--color-surface);
}

.tovelin-goal-card--soft[b-mjmrjxojl0] {
background: var(--color-surface-soft);
}

.tovelin-goal-card--accent[b-mjmrjxojl0] {
background: var(--section-yellow);
}

.tovelin-goal-card--success[b-mjmrjxojl0] {
background: var(--section-mint);
}

[data-bs-theme="dark"] .tovelin-goal-card--soft[b-mjmrjxojl0] {
background: color-mix(in srgb, var(--color-surface-strong) 92%, var(--color-bg-soft));
}

[data-bs-theme="dark"] .tovelin-goal-card--accent[b-mjmrjxojl0] {
background: var(--section-yellow);
}

[data-bs-theme="dark"] .tovelin-goal-card--success[b-mjmrjxojl0] {
background: var(--section-mint);
}

.tovelin-goal-card.is-featured[b-mjmrjxojl0] {
border-color: color-mix(in srgb, var(--color-primary-dark) 26%, var(--color-border));
box-shadow: var(--shadow-elevated);
}

.tovelin-goal-card__top[b-mjmrjxojl0] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
flex-wrap: wrap;
}

.tovelin-goal-card__eyebrow[b-mjmrjxojl0] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
margin: 0;
color: var(--color-primary-dark);
width: fit-content;
padding: 0.3rem 0.55rem;
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--section-yellow) 58%, transparent);
}

.tovelin-goal-card__title[b-mjmrjxojl0] {
margin: 0;
}

.tovelin-goal-card__description[b-mjmrjxojl0] {
margin: 0;
}

.tovelin-goal-card__progress[b-mjmrjxojl0] {
display: grid;
gap: var(--space-2);
}

.tovelin-goal-card__body[b-mjmrjxojl0] {
display: grid;
gap: var(--space-3);
}

.tovelin-goal-card__footer[b-mjmrjxojl0] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: flex-start;
justify-content: flex-start;
margin-top: auto;
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinIcon.razor.rz.scp.css */
.tovelin-icon[b-hyvtycudq0] {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
color: currentColor;
}

.tovelin-icon .bi[b-hyvtycudq0] {
display: block;
width: 1em;
height: 1em;
line-height: 1;
font-size: 1em;
}

.tovelin-icon__glyph[b-hyvtycudq0] {
font-size: inherit;
}

.tovelin-icon--xs[b-hyvtycudq0] {
font-size: 0.75rem;
}

.tovelin-icon--sm[b-hyvtycudq0] {
font-size: 0.875rem;
}

.tovelin-icon--md[b-hyvtycudq0] {
font-size: 1rem;
}

.tovelin-icon--lg[b-hyvtycudq0] {
font-size: 1.25rem;
}

.tovelin-icon--primary[b-hyvtycudq0] {
color: var(--color-primary-dark);
}

.tovelin-icon--secondary[b-hyvtycudq0] {
color: var(--color-secondary-dark);
}

.tovelin-icon--accent[b-hyvtycudq0] {
color: var(--color-accent-dark);
}

.tovelin-icon--success[b-hyvtycudq0] {
color: var(--color-success-dark);
}

.tovelin-icon--warning[b-hyvtycudq0] {
color: var(--color-warning-dark);
}

.tovelin-icon--danger[b-hyvtycudq0] {
color: var(--color-danger-dark);
}

.tovelin-icon--muted[b-hyvtycudq0] {
color: var(--color-muted);
}

.tovelin-icon.is-spin[b-hyvtycudq0] {
display: inline-flex;
}

.tovelin-icon.is-spin .tovelin-icon__glyph[b-hyvtycudq0] {
display: inline-block;
animation: tovelin-spin-b-hyvtycudq0 850ms linear infinite;
transform-origin: center;
will-change: transform;
}

@keyframes tovelin-spin-b-hyvtycudq0 {
to {
transform: rotate(360deg);
}
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinIconButton.razor.rz.scp.css */
.tovelin-icon-btn[b-xpvz70ivwp] {
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--control-size-icon-md);
height: var(--control-size-icon-md);
padding: 0;
box-sizing: border-box;
aspect-ratio: 1 / 1;
border: 1px solid color-mix(in srgb, var(--color-border) 84%, var(--color-accent));
border-radius: var(--radius-sm);
background: linear-gradient(180deg, var(--color-surface-strong), var(--color-surface-soft));
color: var(--color-text);
cursor: pointer;
transition:
transform 160ms ease,
box-shadow 160ms ease,
background-color 160ms ease,
border-color 160ms ease;
box-shadow: none;
}

.tovelin-icon-btn:hover[b-xpvz70ivwp] {
transform: translateY(-2px);
box-shadow: var(--shadow-elevated);
}

.tovelin-icon-btn:disabled[b-xpvz70ivwp] {
cursor: not-allowed;
opacity: 0.48;
transform: none;
box-shadow: none;
filter: grayscale(0.25);
}

.tovelin-icon-btn:disabled:hover[b-xpvz70ivwp] {
transform: none;
box-shadow: none;
}

.tovelin-icon-btn:focus-visible[b-xpvz70ivwp] {
outline: 3px solid color-mix(in srgb, var(--color-secondary) 62%, transparent);
outline-offset: 3px;
}

.tovelin-icon-btn--sm[b-xpvz70ivwp] {
width: var(--control-size-icon-sm);
height: var(--control-size-icon-sm);
}

.tovelin-icon-btn--lg[b-xpvz70ivwp] {
width: var(--control-size-icon-lg);
height: var(--control-size-icon-lg);
}

.tovelin-icon-btn.tovelin-btn--primary[b-xpvz70ivwp] {
color: var(--color-on-primary);
background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 84%, white), var(--color-primary));
border-color: color-mix(in srgb, var(--color-primary-dark) 54%, var(--color-border));
box-shadow: 0 3px 0 color-mix(in srgb, var(--color-primary-dark) 52%, transparent), var(--shadow-soft);
}

.tovelin-icon-btn.tovelin-btn--secondary[b-xpvz70ivwp] {
color: var(--color-on-secondary);
background: linear-gradient(180deg, color-mix(in srgb, var(--color-secondary) 76%, white), var(--color-secondary));
}

.tovelin-icon-btn.tovelin-btn--accent[b-xpvz70ivwp] {
color: var(--color-on-accent);
background: linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 76%, white), var(--color-accent));
}

.tovelin-icon-btn.tovelin-btn--ghost[b-xpvz70ivwp] {
background: color-mix(in srgb, var(--color-secondary) 18%, var(--color-surface));
}

.tovelin-icon-btn.tovelin-btn--ghost:hover[b-xpvz70ivwp] {
background: color-mix(in srgb, var(--color-secondary) 28%, var(--color-surface));
}

.tovelin-icon-btn.tovelin-btn--outline[b-xpvz70ivwp] {
background: transparent;
}

.tovelin-icon-btn.tovelin-btn--outline-primary[b-xpvz70ivwp] {
background: transparent;
border-color: color-mix(in srgb, var(--color-primary-dark) 40%, var(--color-border));
color: var(--color-primary-dark);
}

.tovelin-icon-btn.tovelin-btn--outline-secondary[b-xpvz70ivwp] {
background: transparent;
border-color: color-mix(in srgb, var(--color-secondary-dark) 40%, var(--color-border));
color: var(--color-secondary-dark);
}

.tovelin-icon-btn.tovelin-icon-btn--info-toggle[b-xpvz70ivwp] {
width: 1.25rem;
height: 1.25rem;
min-width: 1.25rem;
min-height: 1.25rem;
padding: 0;
border-radius: 9999px;
overflow: hidden;
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
color: var(--color-primary-dark);
box-shadow: none;
transform: none;
}

.tovelin-icon-btn.tovelin-icon-btn--info-toggle:hover[b-xpvz70ivwp] {
transform: none;
box-shadow: none;
}

.tovelin-icon-btn.tovelin-btn--outline-accent[b-xpvz70ivwp] {
background: transparent;
border-color: color-mix(in srgb, var(--color-accent-dark) 45%, var(--color-border));
color: color-mix(in srgb, var(--color-accent-dark) 72%, var(--color-text));
}

.tovelin-icon-btn.tovelin-btn--outline-danger[b-xpvz70ivwp] {
background: transparent;
border-color: color-mix(in srgb, var(--color-danger-dark) 40%, var(--color-border));
color: var(--color-danger-dark);
}

.tovelin-icon-btn.tovelin-btn--danger[b-xpvz70ivwp] {
background: linear-gradient(135deg, var(--color-danger-soft), var(--color-danger-soft-2));
}

[data-bs-theme="dark"] .tovelin-icon-btn[b-xpvz70ivwp] {
background: var(--color-surface-muted);
border-color: var(--color-border);
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--primary[b-xpvz70ivwp] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 24%, var(--color-surface-strong)), color-mix(in srgb, var(--color-primary-dark) 16%, var(--color-surface-muted)));
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--secondary[b-xpvz70ivwp] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-secondary) 24%, var(--color-surface-strong)), color-mix(in srgb, var(--color-secondary-dark) 16%, var(--color-surface-muted)));
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--accent[b-xpvz70ivwp] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 24%, var(--color-surface-strong)), color-mix(in srgb, var(--color-accent-dark) 16%, var(--color-surface-muted)));
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--danger[b-xpvz70ivwp] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-danger) 22%, var(--color-surface-strong)), color-mix(in srgb, var(--color-danger-soft) 22%, var(--color-surface-muted)));
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--outline[b-xpvz70ivwp],
[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--outline-primary[b-xpvz70ivwp],
[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--outline-secondary[b-xpvz70ivwp],
[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--outline-accent[b-xpvz70ivwp],
[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--outline-danger[b-xpvz70ivwp] {
background: transparent;
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--outline-primary[b-xpvz70ivwp] {
border-color: color-mix(in srgb, var(--color-primary-dark) 34%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--outline-secondary[b-xpvz70ivwp] {
border-color: color-mix(in srgb, var(--color-secondary-dark) 34%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--outline-accent[b-xpvz70ivwp] {
border-color: color-mix(in srgb, var(--color-accent-dark) 34%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--outline-danger[b-xpvz70ivwp] {
border-color: color-mix(in srgb, var(--color-danger-dark) 34%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--ghost[b-xpvz70ivwp] {
background: var(--color-surface-muted);
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--outline:hover[b-xpvz70ivwp],
[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-btn--outline:focus-visible[b-xpvz70ivwp] {
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-muted));
}

.tovelin-icon-btn.is-busy[b-xpvz70ivwp] {
cursor: progress;
opacity: 0.8;
transform: none;
}

.tovelin-icon-btn__icon[b-xpvz70ivwp] {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: var(--font-size-icon);
line-height: 1;
}

/* Shared floating launcher appearance; placement remains with the host. */
.tovelin-icon-btn.tovelin-icon-btn--floating[b-xpvz70ivwp],
[data-bs-theme="dark"] .tovelin-icon-btn.tovelin-icon-btn--floating[b-xpvz70ivwp] {
width: 3rem;
height: 3rem;
border: 1px solid color-mix(in srgb, var(--color-primary) 34%, var(--color-border));
border-radius: 999px;
background: var(--color-primary);
color: white;
box-shadow: var(--shadow-elevated);
transform: none;
}

.tovelin-icon-btn.tovelin-icon-btn--floating:hover[b-xpvz70ivwp],
.tovelin-icon-btn.tovelin-icon-btn--floating:focus-visible[b-xpvz70ivwp] {
background: color-mix(in srgb, var(--color-primary) 88%, var(--color-text));
transform: none;
}

.tovelin-icon-btn--floating .tovelin-icon-btn__icon[b-xpvz70ivwp] {
font-size: 1.15rem;
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinJourneyStepCard.razor.rz.scp.css */
.tovelin-journey-step-card[b-ow4md9d617] {
display: flex;
flex-direction: column;
gap: var(--space-4);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: linear-gradient(180deg, var(--color-surface-strong), color-mix(in srgb, var(--color-surface) 94%, var(--section-blue)));
color: var(--color-text);
box-shadow: var(--shadow-soft);
min-width: 0;
}

.tovelin-journey-step-card--compact[b-ow4md9d617] {
gap: var(--space-3);
padding: var(--space-4);
}

.tovelin-journey-step-card--default[b-ow4md9d617] {
background: var(--color-surface);
}

.tovelin-journey-step-card--soft[b-ow4md9d617] {
background: color-mix(in srgb, var(--color-surface-strong) 88%, var(--section-blue));
}

.tovelin-journey-step-card--accent[b-ow4md9d617] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 20%, white), white);
}

.tovelin-journey-step-card--success[b-ow4md9d617] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-success) 18%, white), white);
}

[data-bs-theme="dark"] .tovelin-journey-step-card--soft[b-ow4md9d617] {
background: color-mix(in srgb, var(--color-surface-strong) 92%, var(--color-bg-soft));
}

[data-bs-theme="dark"] .tovelin-journey-step-card--accent[b-ow4md9d617] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

[data-bs-theme="dark"] .tovelin-journey-step-card--success[b-ow4md9d617] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-success) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

.tovelin-journey-step-card.is-current[b-ow4md9d617] {
border-color: color-mix(in srgb, var(--color-primary-dark) 28%, var(--color-border));
box-shadow: var(--shadow-elevated);
}

.tovelin-journey-step-card.is-completed[b-ow4md9d617] {
border-color: color-mix(in srgb, var(--color-success-dark) 24%, var(--color-border));
}

.tovelin-journey-step-card.is-locked[b-ow4md9d617] {
opacity: 0.94;
}

.tovelin-journey-step-card__top[b-ow4md9d617] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
flex-wrap: wrap;
}

.tovelin-journey-step-card__step[b-ow4md9d617] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
margin: 0;
color: var(--color-primary-dark);
width: fit-content;
padding: 0.3rem 0.55rem;
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--section-blue) 64%, transparent);
}

.tovelin-journey-step-card__title[b-ow4md9d617] {
margin: 0;
}

.tovelin-journey-step-card__description[b-ow4md9d617] {
margin: 0;
}

.tovelin-journey-step-card__progress[b-ow4md9d617] {
display: grid;
gap: var(--space-2);
}

.tovelin-journey-step-card__body[b-ow4md9d617] {
display: grid;
gap: var(--space-3);
}

.tovelin-journey-step-card__footer[b-ow4md9d617] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: flex-start;
justify-content: flex-start;
margin-top: auto;
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinLearnerList.razor.rz.scp.css */
:host[b-qt6w5owlq3] {
display: block;
}

.tovelin-learner-list[b-qt6w5owlq3] {
display: grid;
gap: var(--space-4);
}

.tovelin-learner-list__meta[b-qt6w5owlq3] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
gap: var(--space-3);
margin-block: var(--space-4);
}

.tovelin-learner-list__label[b-qt6w5owlq3] {
display: block;
color: var(--color-muted);
font-size: var(--font-size-small);
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: var(--font-weight-semibold);
}

.tovelin-learner-list__value[b-qt6w5owlq3] {
display: block;
margin-top: var(--space-1);
color: var(--color-text);
font-weight: var(--font-weight-medium);
}

.tovelin-learner-list__actions[b-qt6w5owlq3] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinList.razor.rz.scp.css */
.tovelin-list[b-niwowyh9of] {
margin: 0;
padding-left: 1.25rem;
display: grid;
gap: var(--space-2);
}

.tovelin-list--ordered[b-niwowyh9of] {
padding-left: 1.5rem;
}

.tovelin-list--inline[b-niwowyh9of] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-2) var(--space-4);
padding-left: 0;
list-style: none;
}

.tovelin-list--flush[b-niwowyh9of] {
padding-left: 0;
list-style: none;
}

.tovelin-list__item[b-niwowyh9of] {
color: var(--color-text);
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinMetricCard.razor.rz.scp.css */
.tovelin-metric-card[b-k4kia3hew6] {
display: grid;
gap: var(--tovelin-metric-card-gap, var(--space-3));
padding: var(--tovelin-metric-card-padding, var(--space-5));
border: 1px solid var(--tovelin-metric-card-border-color, var(--color-border));
border-radius: var(--radius-lg);
background:
linear-gradient(180deg,
var(--tovelin-metric-card-background, var(--color-surface-strong)),
color-mix(in srgb, var(--tovelin-metric-card-background, var(--color-surface)) 92%, var(--section-yellow)));
color: var(--color-text);
box-shadow: var(--tovelin-metric-card-shadow, var(--shadow-soft));
min-width: 0;
}

.tovelin-metric-card--interactive[b-k4kia3hew6] {
text-decoration: none;
color: inherit;
transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.tovelin-metric-card--interactive:hover[b-k4kia3hew6],
.tovelin-metric-card--interactive:focus-visible[b-k4kia3hew6] {
transform: translateY(-1px);
box-shadow: var(--shadow-medium);
border-color: color-mix(in srgb, var(--tovelin-metric-card-accent, var(--color-muted)) 38%, var(--color-border));
}

.tovelin-metric-card--interactive:focus-visible[b-k4kia3hew6] {
outline: 2px solid color-mix(in srgb, var(--tovelin-metric-card-accent, var(--color-muted)) 32%, var(--color-primary));
outline-offset: 2px;
}

.tovelin-metric-card--compact[b-k4kia3hew6] {
gap: var(--tovelin-metric-card-compact-gap, var(--space-1-5));
padding: var(--tovelin-metric-card-compact-padding, var(--space-3));
}

.tovelin-metric-card__top[b-k4kia3hew6] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-2);
min-width: 0;
}

.tovelin-metric-card__top-spacer[b-k4kia3hew6] {
flex: 1 1 auto;
min-width: 0;
}

.tovelin-metric-card__icon[b-k4kia3hew6] {
width: var(--tovelin-metric-card-icon-size, 2.5rem);
height: var(--tovelin-metric-card-icon-size, 2.5rem);
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-md);
border: 1px solid color-mix(in srgb, var(--tovelin-metric-card-accent, var(--color-muted)) 20%, var(--color-border));
background: color-mix(in srgb, var(--tovelin-metric-card-accent, var(--color-muted)) var(--tovelin-metric-card-icon-bg-strength, 14%), var(--color-surface));
color: var(--tovelin-metric-card-icon-color, var(--tovelin-metric-card-accent, var(--color-muted)));
flex: 0 0 auto;
}

.tovelin-metric-card__label[b-k4kia3hew6] {
margin: 0;
color: var(--tovelin-metric-card-label-color, var(--color-muted));
font-size: var(--tovelin-metric-card-label-size, var(--font-size-caption));
font-weight: var(--tovelin-metric-card-label-weight, var(--font-weight-regular));
letter-spacing: var(--tovelin-metric-card-label-letter-spacing, 0.03em);
text-transform: var(--tovelin-metric-card-label-transform, uppercase);
}

.tovelin-metric-card__value[b-k4kia3hew6] {
margin: 0;
font-family: var(--font-heading);
font-size: var(--tovelin-metric-card-value-size, var(--font-size-small));
line-height: 0.95;
font-weight: var(--tovelin-metric-card-value-weight, var(--font-weight-bold));
color: var(--tovelin-metric-card-accent, var(--color-text));
}

.tovelin-metric-card__support[b-k4kia3hew6] {
margin: 0;
font-size: var(--tovelin-metric-card-support-size, var(--font-size-caption));
}

.tovelin-metric-card__body[b-k4kia3hew6] {
display: grid;
gap: var(--space-3);
}

.tovelin-metric-card__trend[b-k4kia3hew6] {
display: inline-flex;
align-items: center;
gap: var(--space-1);
width: fit-content;
padding: 0.4rem 0.65rem;
border-radius: var(--radius-pill);
border: 1px solid transparent;
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
line-height: 1;
letter-spacing: var(--tracking-tight);
background: var(--color-surface-soft);
}

.tovelin-metric-card__trend--neutral[b-k4kia3hew6] {
color: var(--color-muted);
border-color: var(--color-border);
background: color-mix(in srgb, var(--color-surface-strong) 84%, white);
}

.tovelin-metric-card__trend--positive[b-k4kia3hew6] {
color: var(--color-success-dark);
border-color: color-mix(in srgb, var(--color-success-dark) 24%, var(--color-border));
background: color-mix(in srgb, var(--color-success) 16%, var(--color-surface-strong));
}

.tovelin-metric-card__trend--negative[b-k4kia3hew6] {
color: var(--color-danger-dark);
border-color: color-mix(in srgb, var(--color-danger-dark) 24%, var(--color-border));
background: color-mix(in srgb, var(--color-danger) 14%, var(--color-surface-strong));
}

.tovelin-metric-card--primary[b-k4kia3hew6] {
--tovelin-metric-card-accent: var(--color-primary-dark);
border-color: color-mix(in srgb, var(--color-primary-dark) 26%, var(--color-border));
background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 14%, var(--color-surface-strong)), var(--color-surface));
}

.tovelin-metric-card--secondary[b-k4kia3hew6] {
--tovelin-metric-card-accent: var(--color-secondary-dark);
border-color: color-mix(in srgb, var(--color-secondary-dark) 26%, var(--color-border));
background: linear-gradient(180deg, color-mix(in srgb, var(--color-secondary) 46%, var(--color-surface-strong)), var(--color-surface));
}

.tovelin-metric-card--accent[b-k4kia3hew6] {
--tovelin-metric-card-accent: var(--color-accent-dark);
border-color: color-mix(in srgb, var(--color-accent-dark) 26%, var(--color-border));
background: var(--section-yellow);
}

.tovelin-metric-card--success[b-k4kia3hew6] {
--tovelin-metric-card-accent: var(--color-success-dark);
border-color: color-mix(in srgb, var(--color-success-dark) 26%, var(--color-border));
background: var(--section-mint);
}

.tovelin-metric-card--warning[b-k4kia3hew6] {
--tovelin-metric-card-accent: var(--color-warning-dark);
border-color: color-mix(in srgb, var(--color-warning-dark) 26%, var(--color-border));
background: linear-gradient(180deg, color-mix(in srgb, var(--color-warning) 14%, var(--color-surface-strong)), var(--color-surface));
}

.tovelin-metric-card--danger[b-k4kia3hew6] {
--tovelin-metric-card-accent: var(--color-danger-dark);
border-color: color-mix(in srgb, var(--color-danger-dark) 26%, var(--color-border));
background: linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 14%, var(--color-surface-strong)), var(--color-surface));
}

.tovelin-metric-card--info[b-k4kia3hew6] {
--tovelin-metric-card-accent: var(--color-info-dark);
border-color: color-mix(in srgb, var(--color-info-dark) 26%, var(--color-border));
background: linear-gradient(180deg, color-mix(in srgb, var(--color-info) 14%, var(--color-surface-strong)), var(--color-surface));
}

.tovelin-metric-card--default[b-k4kia3hew6] {
--tovelin-metric-card-accent: var(--color-muted);
}

[data-bs-theme="dark"] .tovelin-metric-card--primary[b-k4kia3hew6] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

[data-bs-theme="dark"] .tovelin-metric-card--secondary[b-k4kia3hew6] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-secondary) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

[data-bs-theme="dark"] .tovelin-metric-card--accent[b-k4kia3hew6] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

[data-bs-theme="dark"] .tovelin-metric-card--success[b-k4kia3hew6] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-success) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

[data-bs-theme="dark"] .tovelin-metric-card--warning[b-k4kia3hew6] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-warning) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

[data-bs-theme="dark"] .tovelin-metric-card--danger[b-k4kia3hew6] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

[data-bs-theme="dark"] .tovelin-metric-card--info[b-k4kia3hew6] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-info) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

[data-bs-theme="dark"] .tovelin-metric-card[b-k4kia3hew6] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 92%, var(--color-bg-soft)), color-mix(in srgb, var(--color-surface) 96%, var(--color-bg-soft)));
border-color: var(--color-border);
}

[data-bs-theme="dark"] .tovelin-metric-card__icon[b-k4kia3hew6] {
background: color-mix(in srgb, var(--tovelin-metric-card-accent, var(--color-muted)) 16%, var(--color-surface-muted));
color: var(--tovelin-metric-card-accent, var(--color-text));
}

[data-bs-theme="dark"] .tovelin-metric-card__trend[b-k4kia3hew6] {
background: var(--color-surface-muted);
color: var(--color-text);
border-color: var(--color-border);
}

[data-bs-theme="dark"] .tovelin-metric-card__trend--neutral[b-k4kia3hew6] {
background: var(--color-surface-muted);
color: var(--color-muted);
}

[data-bs-theme="dark"] .tovelin-metric-card__trend--positive[b-k4kia3hew6] {
background: color-mix(in srgb, var(--color-success) 12%, var(--color-surface-strong));
color: var(--color-success-dark);
}

[data-bs-theme="dark"] .tovelin-metric-card__trend--negative[b-k4kia3hew6] {
background: color-mix(in srgb, var(--color-danger) 12%, var(--color-surface-strong));
color: var(--color-danger-dark);
}

[data-bs-theme="dark"] .tovelin-metric-card__value[b-k4kia3hew6] {
color: var(--tovelin-metric-card-accent, var(--color-text));
}

[data-bs-theme="dark"] .tovelin-metric-card__label[b-k4kia3hew6] {
color: var(--color-text);
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinPointsSummary.razor.rz.scp.css */
.tovelin-points-summary[b-ue70f9bm7t] {
display: flex;
flex-direction: column;
gap: var(--space-4);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background:
linear-gradient(180deg,
color-mix(in srgb, var(--section-yellow) 54%, var(--color-surface-strong)),
var(--color-surface));
box-shadow: var(--shadow-soft);
min-width: 0;
}

.tovelin-points-summary--compact[b-ue70f9bm7t] {
gap: var(--space-3);
padding: var(--space-4);
}

.tovelin-points-summary--default[b-ue70f9bm7t] {
background: var(--color-surface);
}

.tovelin-points-summary--soft[b-ue70f9bm7t] {
background: color-mix(in srgb, var(--color-surface-strong) 86%, white);
}

.tovelin-points-summary--accent[b-ue70f9bm7t] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 20%, white), white);
}

.tovelin-points-summary--success[b-ue70f9bm7t] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-success) 18%, white), white);
}

[data-bs-theme="dark"] .tovelin-points-summary--soft[b-ue70f9bm7t] {
background: color-mix(in srgb, var(--color-surface-strong) 84%, var(--color-bg-soft));
}

[data-bs-theme="dark"] .tovelin-points-summary--accent[b-ue70f9bm7t] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 10%, var(--color-surface-strong)), var(--color-surface));
}

[data-bs-theme="dark"] .tovelin-points-summary--success[b-ue70f9bm7t] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-success) 10%, var(--color-surface-strong)), var(--color-surface));
}

.tovelin-points-summary.is-featured[b-ue70f9bm7t] {
border-color: color-mix(in srgb, var(--color-accent-dark) 24%, var(--color-border));
box-shadow: var(--shadow-elevated);
}

.tovelin-points-summary__top[b-ue70f9bm7t] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
flex-wrap: wrap;
}

.tovelin-points-summary__eyebrow[b-ue70f9bm7t] {
margin: 0;
color: var(--color-primary-dark);
}

.tovelin-points-summary__trend[b-ue70f9bm7t] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
padding: 0.3rem 0.75rem;
border-radius: var(--radius-pill);
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
}

.tovelin-points-summary__trend--neutral[b-ue70f9bm7t] {
color: var(--color-muted);
background: color-mix(in srgb, var(--color-border) 30%, var(--color-surface));
}

.tovelin-points-summary__trend--positive[b-ue70f9bm7t] {
color: var(--color-success-dark);
background: color-mix(in srgb, var(--color-success) 20%, var(--color-surface));
}

.tovelin-points-summary__trend--negative[b-ue70f9bm7t] {
color: var(--color-danger-dark);
background: color-mix(in srgb, var(--color-danger) 20%, var(--color-surface));
}

.tovelin-points-summary__value-row[b-ue70f9bm7t] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-4);
align-items: center;
}

.tovelin-points-summary__icon[b-ue70f9bm7t] {
width: 3.25rem;
height: 3.25rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-lg);
border: 1px solid color-mix(in srgb, var(--color-accent-dark) 20%, var(--color-border));
background: color-mix(in srgb, var(--color-accent) 28%, var(--color-surface));
color: var(--color-accent-dark);
}

.tovelin-points-summary__value-copy[b-ue70f9bm7t] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.tovelin-points-summary__value[b-ue70f9bm7t] {
margin: 0;
font-size: clamp(2.25rem, 5vw, 3rem);
line-height: 1;
font-weight: var(--font-weight-medium);
}

.tovelin-points-summary__label[b-ue70f9bm7t] {
margin: 0;
}

.tovelin-points-summary__support[b-ue70f9bm7t] {
margin: 0;
}

.tovelin-points-summary__progress[b-ue70f9bm7t] {
display: grid;
gap: var(--space-2);
}

.tovelin-points-summary__body[b-ue70f9bm7t] {
display: grid;
gap: var(--space-3);
}

.tovelin-points-summary__footer[b-ue70f9bm7t] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: flex-start;
justify-content: flex-start;
margin-top: auto;
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinProgress.razor.rz.scp.css */
.tovelin-progress[b-g2k0mw9nxh] {
display: grid;
gap: var(--space-2);
width: 100%;
min-width: 0;
}

.tovelin-progress__header[b-g2k0mw9nxh] {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: var(--space-3);
}

.tovelin-progress__label[b-g2k0mw9nxh],
.tovelin-progress__value[b-g2k0mw9nxh] {
margin: 0;
}

.tovelin-progress__track[b-g2k0mw9nxh] {
position: relative;
height: 0.8rem;
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--color-border) 84%, var(--color-accent));
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--color-surface-muted) 82%, var(--color-bg));
box-shadow: inset 0 1px 3px color-mix(in srgb, var(--color-text) 12%, transparent);
}

.tovelin-progress__bar[b-g2k0mw9nxh] {
position: absolute;
inset: 0 auto 0 0;
width: var(--tovelin-progress-value, 0%);
border-radius: inherit;
transition: width 280ms ease;
background: linear-gradient(90deg, var(--color-secondary-dark), var(--color-primary), var(--color-accent));
box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-white) 22%, transparent) inset;
}

.tovelin-progress--striped .tovelin-progress__bar[b-g2k0mw9nxh] {
background-image:
linear-gradient(135deg, rgb(255 255 255 / 20%) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / 20%) 50%, rgb(255 255 255 / 20%) 75%, transparent 75%, transparent);
background-size: 1.25rem 1.25rem;
}

.tovelin-progress--animated .tovelin-progress__bar[b-g2k0mw9nxh] {
animation: tovelin-progress-stripes-b-g2k0mw9nxh 1.1s linear infinite;
}

@keyframes tovelin-progress-stripes-b-g2k0mw9nxh {
from {
background-position: 0 0;
}
to {
background-position: 1.25rem 0;
}
}

.tovelin-progress--compact .tovelin-progress__track[b-g2k0mw9nxh] {
height: 0.55rem;
}

.tovelin-progress__bar--default[b-g2k0mw9nxh] {
background: linear-gradient(90deg, var(--color-secondary-dark), var(--color-primary));
}

.tovelin-progress__bar--primary[b-g2k0mw9nxh] {
background: linear-gradient(90deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 58%, var(--color-accent)));
}

.tovelin-progress__bar--secondary[b-g2k0mw9nxh] {
background: linear-gradient(90deg, var(--color-secondary), var(--color-secondary-dark));
}

.tovelin-progress__bar--accent[b-g2k0mw9nxh] {
background: linear-gradient(90deg, var(--color-accent), var(--color-accent-dark));
}

.tovelin-progress__bar--success[b-g2k0mw9nxh] {
background: linear-gradient(135deg, var(--color-success), color-mix(in srgb, var(--color-success) 58%, white));
}

.tovelin-progress__bar--warning[b-g2k0mw9nxh] {
background: linear-gradient(135deg, var(--color-warning), color-mix(in srgb, var(--color-warning) 58%, white));
}

.tovelin-progress__bar--danger[b-g2k0mw9nxh] {
background: linear-gradient(135deg, var(--color-danger), color-mix(in srgb, var(--color-danger) 58%, white));
}

.tovelin-progress__bar--info[b-g2k0mw9nxh] {
background: linear-gradient(135deg, var(--color-info), color-mix(in srgb, var(--color-info) 58%, white));
}

[data-bs-theme="dark"] .tovelin-progress__track[b-g2k0mw9nxh] {
background: var(--color-surface-muted);
border-color: var(--color-border);
box-shadow: inset 0 1px 2px rgb(0 0 0 / 22%);
}

[data-bs-theme="dark"] .tovelin-progress__bar[b-g2k0mw9nxh] {
background: linear-gradient(90deg, var(--color-secondary), var(--color-primary), var(--color-accent));
}

[data-bs-theme="dark"] .tovelin-progress--striped .tovelin-progress__bar[b-g2k0mw9nxh] {
background-image:
linear-gradient(135deg, rgb(255 255 255 / 12%) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / 12%) 50%, rgb(255 255 255 / 12%) 75%, transparent 75%, transparent);
}

[data-bs-theme="dark"] .tovelin-progress__bar--default[b-g2k0mw9nxh] {
background: linear-gradient(90deg, var(--color-secondary), var(--color-primary));
}

[data-bs-theme="dark"] .tovelin-progress__bar--primary[b-g2k0mw9nxh],
[data-bs-theme="dark"] .tovelin-progress__bar--secondary[b-g2k0mw9nxh],
[data-bs-theme="dark"] .tovelin-progress__bar--accent[b-g2k0mw9nxh],
[data-bs-theme="dark"] .tovelin-progress__bar--success[b-g2k0mw9nxh],
[data-bs-theme="dark"] .tovelin-progress__bar--warning[b-g2k0mw9nxh],
[data-bs-theme="dark"] .tovelin-progress__bar--danger[b-g2k0mw9nxh],
[data-bs-theme="dark"] .tovelin-progress__bar--info[b-g2k0mw9nxh] {
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-progress__bar--primary[b-g2k0mw9nxh] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 24%, var(--color-surface-strong)), color-mix(in srgb, var(--color-primary-dark) 14%, var(--color-surface-muted)));
}

[data-bs-theme="dark"] .tovelin-progress__bar--secondary[b-g2k0mw9nxh] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-secondary) 24%, var(--color-surface-strong)), color-mix(in srgb, var(--color-secondary-dark) 14%, var(--color-surface-muted)));
}

[data-bs-theme="dark"] .tovelin-progress__bar--accent[b-g2k0mw9nxh] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 24%, var(--color-surface-strong)), color-mix(in srgb, var(--color-accent-dark) 14%, var(--color-surface-muted)));
}

[data-bs-theme="dark"] .tovelin-progress__bar--success[b-g2k0mw9nxh] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-success) 24%, var(--color-surface-strong)), color-mix(in srgb, var(--color-success-dark) 14%, var(--color-surface-muted)));
}

[data-bs-theme="dark"] .tovelin-progress__bar--warning[b-g2k0mw9nxh] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-warning) 24%, var(--color-surface-strong)), color-mix(in srgb, var(--color-warning-dark) 14%, var(--color-surface-muted)));
}

[data-bs-theme="dark"] .tovelin-progress__bar--danger[b-g2k0mw9nxh] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-danger) 24%, var(--color-surface-strong)), color-mix(in srgb, var(--color-danger-dark) 14%, var(--color-surface-muted)));
}

[data-bs-theme="dark"] .tovelin-progress__bar--info[b-g2k0mw9nxh] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-info) 24%, var(--color-surface-strong)), color-mix(in srgb, var(--color-info-dark) 14%, var(--color-surface-muted)));
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinRewardPointsBoard.razor.rz.scp.css */
.reward-points-board[b-8m4a6qekeo] {
isolation: isolate;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: center;
gap: var(--space-6);
min-width: 0;
padding: var(--space-4) var(--space-6) var(--space-4) var(--space-3);
border: 1px solid var(--color-border-soft);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.reward-points-board__wallet[b-8m4a6qekeo] {
position: relative;
container-type: inline-size;
width: 100%;
min-width: 0;
max-width: 31rem;
margin: 0 auto;
}

.reward-points-board__wallet-content[b-8m4a6qekeo] {
position: relative;
margin: 0;
}

.reward-points-board__wallet-content[b-8m4a6qekeo]::before {
position: absolute;
inset: 0;
border-radius: var(--radius-xl);
background: url("/_content/Tovelin.Shared.UI/assets/runtime/rewards/points-wallet-backdrop-v1.webp") center / cover no-repeat;
mix-blend-mode: multiply;
pointer-events: none;
content: "";
}

[data-bs-theme="dark"] .reward-points-board__wallet-content[b-8m4a6qekeo]::before {
display: none;
}

.reward-points-board__art[b-8m4a6qekeo] {
position: relative;
display: block;
width: 100%;
height: auto;
aspect-ratio: 1.85;
object-fit: cover;
filter: drop-shadow(0 0.4rem 0.5rem rgb(86 43 21 / 10%));
}

.reward-points-board__wallet-copy[b-8m4a6qekeo] {
position: absolute;
inset: 43% 25% 16% 29%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: var(--space-1);
min-width: 0;
/* The generated cream insert stays light in every app theme. */
color: #264653;
text-align: center;
}

.reward-points-board__available[b-8m4a6qekeo] {
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
line-height: 1;
}

.reward-points-board__number[b-8m4a6qekeo] {
font-size: clamp(2rem, 15cqw, 4.6rem);
font-weight: var(--font-weight-bold);
font-variant-numeric: tabular-nums;
white-space: nowrap;
}

.reward-points-board__available-label[b-8m4a6qekeo] {
color: #6F695F;
font-size: clamp(0.8rem, 4.4cqw, 1.2rem);
line-height: 1.3;
}

.reward-points-board__wallet[data-balance-digits="3"] .reward-points-board__number[b-8m4a6qekeo] {
font-size: clamp(1.5rem, 10cqw, 3rem);
}

.reward-points-board__wallet[data-large-balance="true"] .reward-points-board__number[b-8m4a6qekeo] {
font-size: clamp(1.3rem, 9cqw, 2.6rem);
}

.reward-points-board__wallet:is([data-balance-digits="7"], [data-balance-digits="8"], [data-balance-digits="9"], [data-balance-digits="10"]) .reward-points-board__number[b-8m4a6qekeo] {
font-size: clamp(0.8rem, 5.4cqw, 1.65rem);
}

.reward-points-board__balances[b-8m4a6qekeo] {
display: grid;
align-self: stretch;
grid-template-rows: repeat(3, 1fr);
min-width: 0;
margin: var(--space-3) 0;
padding-inline-start: var(--space-6);
border-inline-start: 1px solid var(--color-border-soft);
}

.reward-points-board__row[b-8m4a6qekeo] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
min-width: 0;
min-height: 4rem;
padding: var(--space-3) 0;
}

.reward-points-board__row + .reward-points-board__row[b-8m4a6qekeo] {
border-top: 1px solid var(--color-border-soft);
}

.reward-points-board__row dt[b-8m4a6qekeo] {
display: flex;
align-items: center;
gap: var(--space-4);
min-width: 0;
margin: 0;
font-size: var(--font-size-body);
font-weight: var(--font-weight-regular);
line-height: 1.4;
overflow-wrap: anywhere;
}

.reward-points-board__row dd[b-8m4a6qekeo] {
flex: 0 1 auto;
max-width: 48%;
min-width: 0;
margin: 0;
color: var(--color-text);
font-size: 1.125rem;
font-weight: var(--font-weight-bold);
font-variant-numeric: tabular-nums;
text-align: end;
overflow-wrap: anywhere;
}

.reward-points-board__icon[b-8m4a6qekeo] {
display: grid;
flex: 0 0 2.9rem;
width: 2.9rem;
height: 2.9rem;
place-items: center;
border-radius: var(--radius-round);
}

.reward-points-board__icon[b-8m4a6qekeo]  .tovelin-icon {
color: inherit;
}

.reward-points-board__icon--rewards[b-8m4a6qekeo] {
color: var(--color-primary-dark);
background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));
}

.reward-points-board__icon--savings[b-8m4a6qekeo] {
color: var(--color-text);
background: color-mix(in srgb, var(--section-blue) 35%, var(--color-surface));
}

.reward-points-board__icon--redeemed[b-8m4a6qekeo],
.reward-points-board__icon--total[b-8m4a6qekeo] {
color: var(--color-text);
background: color-mix(in srgb, var(--section-mint) 65%, var(--color-surface));
}

@media (max-width: 700px) {
.reward-points-board[b-8m4a6qekeo] {
grid-template-columns: minmax(0, 1fr);
gap: var(--space-2);
padding: var(--space-4);
}
.reward-points-board__wallet[b-8m4a6qekeo] {
max-width: 24rem;
}
.reward-points-board__balances[b-8m4a6qekeo] {
margin: 0;
padding-inline-start: 0;
border-inline-start: 0;
}
}

@media (max-width: 400px) {
.reward-points-board[b-8m4a6qekeo] {
padding: var(--space-3);
}
.reward-points-board__row[b-8m4a6qekeo],
.reward-points-board__row dt[b-8m4a6qekeo] {
gap: var(--space-3);
}
.reward-points-board__icon[b-8m4a6qekeo] {
flex-basis: 2.3rem;
width: 2.3rem;
height: 2.3rem;
}
.reward-points-board__row dd[b-8m4a6qekeo] {
font-size: 1rem;
}
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinSkeleton.razor.rz.scp.css */
.tovelin-skeleton[b-3n4mgguc16] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-4);
align-items: start;
width: 100%;
min-width: 0;
padding: var(--space-4);
border-radius: var(--radius-md);
border: 1px solid var(--color-border);
background: linear-gradient(180deg, var(--color-surface-strong), var(--color-surface-soft));
}

.tovelin-skeleton--compact[b-3n4mgguc16] {
padding: var(--space-3);
gap: var(--space-3);
}

.tovelin-skeleton--avatar[b-3n4mgguc16] {
grid-template-columns: auto minmax(0, 1fr);
}

.tovelin-skeleton__avatar[b-3n4mgguc16] {
width: 3rem;
height: 3rem;
border-radius: 999px;
background: linear-gradient(90deg, color-mix(in srgb, var(--color-border) 60%, var(--color-surface)) 0%, color-mix(in srgb, var(--color-surface-strong) 92%, white) 50%, color-mix(in srgb, var(--color-border) 60%, var(--color-surface)) 100%);
background-size: 200% 100%;
animation: tovelin-skeleton-shimmer-b-3n4mgguc16 1.4s ease-in-out infinite;
}

.tovelin-skeleton__content[b-3n4mgguc16] {
display: grid;
gap: var(--space-3);
min-width: 0;
}

.tovelin-skeleton__line[b-3n4mgguc16],
.tovelin-skeleton__chip[b-3n4mgguc16] {
border-radius: var(--radius-pill);
background: linear-gradient(90deg, color-mix(in srgb, var(--color-border) 60%, var(--color-surface)) 0%, color-mix(in srgb, var(--color-surface-strong) 92%, white) 50%, color-mix(in srgb, var(--color-border) 60%, var(--color-surface)) 100%);
background-size: 200% 100%;
animation: tovelin-skeleton-shimmer-b-3n4mgguc16 1.4s ease-in-out infinite;
}

.tovelin-skeleton__line[b-3n4mgguc16] {
height: 0.9rem;
width: 100%;
}

.tovelin-skeleton__line--heading[b-3n4mgguc16] {
height: 1.15rem;
width: 72%;
}

.tovelin-skeleton__line:nth-child(2)[b-3n4mgguc16] {
width: 88%;
}

.tovelin-skeleton__line:nth-child(3)[b-3n4mgguc16] {
width: 68%;
}

.tovelin-skeleton__line:nth-child(4)[b-3n4mgguc16] {
width: 52%;
}

.tovelin-skeleton__actions[b-3n4mgguc16] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
margin-top: var(--space-1);
width: 100%;
min-width: 0;
}

.tovelin-skeleton__chip[b-3n4mgguc16] {
flex: 1 1 5rem;
min-width: 4.5rem;
max-width: 100%;
width: auto;
height: 2rem;
}

.tovelin-skeleton--compact .tovelin-skeleton__chip[b-3n4mgguc16] {
flex-basis: 4.5rem;
}

@keyframes tovelin-skeleton-shimmer-b-3n4mgguc16 {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinStatusPill.razor.rz.scp.css */
.tovelin-status-pill[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-surface-strong) 90%, var(--color-bg));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-border) 72%, var(--color-secondary));
--tovelin-status-pill-color: var(--color-text);
--tovelin-status-pill-indicator-bg: color-mix(in srgb, var(--color-secondary) 24%, var(--color-surface-strong));
display: inline-flex;
align-items: center;
gap: 0.45rem;
min-height: 2rem;
padding: 0.42rem 0.78rem;
border-radius: 1rem 0.9rem 1.12rem 0.94rem;
border: 1.5px solid var(--tovelin-status-pill-border);
font-size: var(--font-size-small);
line-height: 1.1;
font-weight: var(--font-weight-bold);
letter-spacing: 0;
color: var(--tovelin-status-pill-color);
background: var(--tovelin-status-pill-bg);
box-shadow:
0 1px 0 color-mix(in srgb, var(--color-white) 74%, transparent) inset,
var(--shadow-xs);
}

.tovelin-status-pill--compact[b-klhbqtbxfo] {
min-height: 1.72rem;
padding-inline: 0.65rem;
padding-block: 0.3rem;
font-size: var(--font-size-xs);
}

.tovelin-status-pill__indicator[b-klhbqtbxfo] {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 1.28rem;
height: 1.28rem;
border-radius: 0.5rem 0.42rem 0.54rem 0.44rem;
color: currentColor;
background: var(--tovelin-status-pill-indicator-bg);
box-shadow: 0 1px 0 color-mix(in srgb, var(--color-white) 70%, transparent) inset;
}

.tovelin-status-pill--compact .tovelin-status-pill__indicator[b-klhbqtbxfo] {
width: 1.08rem;
height: 1.08rem;
border-radius: 0.42rem 0.36rem 0.46rem 0.38rem;
}

.tovelin-status-pill__text[b-klhbqtbxfo] {
display: inline-flex;
align-items: center;
gap: var(--space-1);
min-width: 0;
}

.tovelin-status-pill--default[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-surface-strong) 88%, var(--color-bg));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-border) 75%, var(--color-secondary));
--tovelin-status-pill-color: var(--color-text);
--tovelin-status-pill-indicator-bg: color-mix(in srgb, var(--color-secondary) 22%, var(--color-surface-strong));
}

.tovelin-status-pill--primary[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-primary) 26%, var(--color-surface-strong));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-primary) 54%, var(--color-border));
--tovelin-status-pill-color: color-mix(in srgb, var(--color-primary-dark) 82%, var(--color-text));
--tovelin-status-pill-indicator-bg: color-mix(in srgb, var(--color-primary) 42%, var(--color-surface-strong));
}

.tovelin-status-pill--secondary[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-secondary) 34%, var(--color-surface-strong));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-secondary-dark) 42%, var(--color-border));
--tovelin-status-pill-color: color-mix(in srgb, var(--color-secondary-dark) 72%, var(--color-text));
--tovelin-status-pill-indicator-bg: color-mix(in srgb, var(--color-secondary) 50%, var(--color-surface-strong));
}

.tovelin-status-pill--accent[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-accent) 42%, var(--color-surface-strong));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-accent-dark) 46%, var(--color-border));
--tovelin-status-pill-color: color-mix(in srgb, var(--color-accent-dark) 82%, var(--color-text));
--tovelin-status-pill-indicator-bg: color-mix(in srgb, var(--color-accent) 62%, var(--color-surface-strong));
}

.tovelin-status-pill--success[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-success) 30%, var(--color-surface-strong));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-success-dark) 42%, var(--color-border));
--tovelin-status-pill-color: color-mix(in srgb, var(--color-success-dark) 74%, var(--color-text));
--tovelin-status-pill-indicator-bg: color-mix(in srgb, var(--color-success) 46%, var(--color-surface-strong));
}

.tovelin-status-pill--warning[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-warning) 36%, var(--color-surface-strong));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-warning-dark) 42%, var(--color-border));
--tovelin-status-pill-color: color-mix(in srgb, var(--color-warning-dark) 82%, var(--color-text));
--tovelin-status-pill-indicator-bg: color-mix(in srgb, var(--color-warning) 54%, var(--color-surface-strong));
}

.tovelin-status-pill--danger[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-danger) 24%, var(--color-surface-strong));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-danger-dark) 42%, var(--color-border));
--tovelin-status-pill-color: color-mix(in srgb, var(--color-danger-dark) 82%, var(--color-text));
--tovelin-status-pill-indicator-bg: color-mix(in srgb, var(--color-danger) 34%, var(--color-surface-strong));
}

.tovelin-status-pill--info[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-info) 26%, var(--color-surface-strong));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-info-dark) 38%, var(--color-border));
--tovelin-status-pill-color: color-mix(in srgb, var(--color-info-dark) 74%, var(--color-text));
--tovelin-status-pill-indicator-bg: color-mix(in srgb, var(--color-info) 42%, var(--color-surface-strong));
}

.tovelin-status-pill--outline[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-surface-strong) 38%, transparent);
box-shadow: 0 1px 0 color-mix(in srgb, var(--color-white) 64%, transparent) inset;
}

[data-bs-theme="dark"] .tovelin-status-pill[b-klhbqtbxfo] {
box-shadow:
0 1px 0 color-mix(in srgb, var(--color-white) 10%, transparent) inset,
var(--shadow-xs);
}

[data-bs-theme="dark"] .tovelin-status-pill__indicator[b-klhbqtbxfo] {
box-shadow: 0 1px 0 color-mix(in srgb, var(--color-white) 12%, transparent) inset;
}

[data-bs-theme="dark"] .tovelin-status-pill--default[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-surface-muted) 88%, var(--color-bg));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-border) 82%, var(--color-secondary));
--tovelin-status-pill-color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-status-pill--primary[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-primary) 30%, var(--color-surface-strong));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-primary) 54%, var(--color-border));
--tovelin-status-pill-color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-status-pill--secondary[b-klhbqtbxfo],
[data-bs-theme="dark"] .tovelin-status-pill--info[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-secondary) 24%, var(--color-surface-strong));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-secondary) 44%, var(--color-border));
--tovelin-status-pill-color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-status-pill--success[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-success) 24%, var(--color-surface-strong));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-success) 44%, var(--color-border));
--tovelin-status-pill-color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-status-pill--accent[b-klhbqtbxfo],
[data-bs-theme="dark"] .tovelin-status-pill--warning[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-accent) 25%, var(--color-surface-strong));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-accent) 45%, var(--color-border));
--tovelin-status-pill-color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-status-pill--danger[b-klhbqtbxfo] {
--tovelin-status-pill-bg: color-mix(in srgb, var(--color-danger) 22%, var(--color-surface-strong));
--tovelin-status-pill-border: color-mix(in srgb, var(--color-danger) 42%, var(--color-border));
--tovelin-status-pill-color: var(--color-text);
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinStepper.razor.rz.scp.css */
.tovelin-stepper[b-ef9ji5znhm] {
--tovelin-stepper-marker-size: 2.5rem;
display: grid;
gap: var(--space-3);
width: 100%;
min-width: 0;
}

.tovelin-stepper__summary[b-ef9ji5znhm] {
margin: 0;
justify-self: end;
color: var(--color-muted);
}

.tovelin-stepper__list[b-ef9ji5znhm] {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: var(--space-3);
}

.tovelin-stepper__item[b-ef9ji5znhm] {
position: relative;
min-width: 0;
}

.tovelin-stepper__item:not(:last-child)[b-ef9ji5znhm]::after {
content: "";
position: absolute;
left: calc(var(--space-5) + (var(--tovelin-stepper-marker-size) / 2) - 1px);
top: calc(100% + var(--space-1));
width: 2px;
height: var(--space-3);
border-radius: var(--radius-full);
background: color-mix(in srgb, var(--color-border) 72%, var(--color-surface-strong));
}

.tovelin-stepper__step[b-ef9ji5znhm] {
width: 100%;
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-4);
align-items: start;
padding: var(--space-4) var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: linear-gradient(180deg, var(--color-surface-strong), var(--color-surface));
color: var(--color-text);
text-align: left;
box-shadow: var(--shadow-soft);
transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.tovelin-stepper__item.is-clickable .tovelin-stepper__step[b-ef9ji5znhm] {
cursor: pointer;
}

.tovelin-stepper__item.is-clickable .tovelin-stepper__step:hover[b-ef9ji5znhm],
.tovelin-stepper__item.is-clickable .tovelin-stepper__step:focus-visible[b-ef9ji5znhm] {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}

.tovelin-stepper__step:focus-visible[b-ef9ji5znhm] {
outline: none;
box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--color-primary) 20%, transparent), var(--shadow-soft);
}

.tovelin-stepper__marker[b-ef9ji5znhm] {
width: var(--tovelin-stepper-marker-size);
height: var(--tovelin-stepper-marker-size);
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
border: 1px solid var(--color-border);
border-radius: 999px;
background: var(--color-surface);
color: var(--color-muted);
box-shadow: var(--shadow-soft);
}

.tovelin-stepper__item.is-current .tovelin-stepper__step[b-ef9ji5znhm] {
border-color: color-mix(in srgb, var(--color-primary) 56%, var(--color-border));
background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-strong)), var(--color-surface));
}

.tovelin-stepper__item.is-current .tovelin-stepper__marker[b-ef9ji5znhm] {
border-color: color-mix(in srgb, var(--color-primary) 56%, var(--color-border));
background: linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 68%, white));
color: var(--color-primary-dark);
}

.tovelin-stepper__item.is-completed .tovelin-stepper__step[b-ef9ji5znhm] {
border-color: color-mix(in srgb, var(--color-success) 34%, var(--color-border));
background: color-mix(in srgb, var(--color-success) 8%, var(--color-surface));
}

.tovelin-stepper__item.is-completed .tovelin-stepper__marker[b-ef9ji5znhm] {
border-color: color-mix(in srgb, var(--color-success) 46%, var(--color-border));
background: color-mix(in srgb, var(--color-success) 16%, var(--color-surface));
color: var(--color-success-dark);
}

.tovelin-stepper__copy[b-ef9ji5znhm] {
min-width: 0;
display: grid;
gap: var(--space-1);
}

.tovelin-stepper__label[b-ef9ji5znhm] {
color: var(--color-primary-dark);
}

.tovelin-stepper__title[b-ef9ji5znhm] {
min-width: 0;
}

.tovelin-stepper__description[b-ef9ji5znhm] {
min-width: 0;
}

.tovelin-stepper--compact[b-ef9ji5znhm] {
gap: var(--space-2);
}

.tovelin-stepper--compact .tovelin-stepper__list[b-ef9ji5znhm] {
gap: var(--space-2);
}

.tovelin-stepper--compact .tovelin-stepper__step[b-ef9ji5znhm] {
padding: var(--space-3) var(--space-4);
}

.tovelin-stepper--compact .tovelin-stepper__item:not(:last-child)[b-ef9ji5znhm]::after {
top: calc(100% + var(--space-1));
height: var(--space-2);
}

[data-bs-theme="dark"] .tovelin-stepper__item:not(:last-child)[b-ef9ji5znhm]::after {
background: color-mix(in srgb, var(--color-border) 64%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-stepper__step[b-ef9ji5znhm] {
background: linear-gradient(180deg, var(--color-surface-strong), color-mix(in srgb, var(--color-surface) 90%, var(--color-bg-soft)));
border-color: var(--color-border);
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-stepper__item.is-clickable .tovelin-stepper__step:hover[b-ef9ji5znhm],
[data-bs-theme="dark"] .tovelin-stepper__item.is-clickable .tovelin-stepper__step:focus-visible[b-ef9ji5znhm] {
border-color: color-mix(in srgb, var(--color-primary-dark) 42%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-stepper__marker[b-ef9ji5znhm] {
background: var(--color-surface-muted);
color: var(--color-text);
border-color: var(--color-border);
}

[data-bs-theme="dark"] .tovelin-stepper__item.is-current .tovelin-stepper__step[b-ef9ji5znhm] {
border-color: color-mix(in srgb, var(--color-primary-dark) 42%, var(--color-border));
background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 90%, var(--color-bg-soft)));
}

[data-bs-theme="dark"] .tovelin-stepper__item.is-current .tovelin-stepper__marker[b-ef9ji5znhm] {
border-color: color-mix(in srgb, var(--color-primary-dark) 38%, var(--color-border));
background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 18%, var(--color-surface-strong)), color-mix(in srgb, var(--color-primary-dark) 12%, var(--color-surface-muted)));
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-stepper__item.is-completed .tovelin-stepper__step[b-ef9ji5znhm] {
border-color: color-mix(in srgb, var(--color-success) 28%, var(--color-border));
background: color-mix(in srgb, var(--color-success) 7%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-stepper__item.is-completed .tovelin-stepper__marker[b-ef9ji5znhm] {
border-color: color-mix(in srgb, var(--color-success) 34%, var(--color-border));
background: color-mix(in srgb, var(--color-success) 10%, var(--color-surface-strong));
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-stepper__label[b-ef9ji5znhm] {
color: var(--color-text);
}
/* _content/Tovelin.Shared.UI/Components/DataDisplay/TovelinTable.razor.rz.scp.css */
.tovelin-table-responsive[b-lbm5s4pe2u] {
width: 100%;
overflow-x: auto;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-soft);
background: var(--color-surface-strong);
}

.tovelin-table-shell[b-lbm5s4pe2u] {
width: 100%;
}

.tovelin-table[b-lbm5s4pe2u] {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: var(--color-surface-strong);
color: var(--color-text);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: none;
}

.tovelin-table[b-lbm5s4pe2u]  caption {
caption-side: top;
padding: var(--space-3) var(--space-4);
text-align: left;
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
letter-spacing: var(--tracking-caption);
text-transform: uppercase;
color: var(--color-muted);
}

.tovelin-table[b-lbm5s4pe2u]  th,
.tovelin-table[b-lbm5s4pe2u]  td {
padding: var(--space-4) var(--space-4);
line-height: var(--line-height-normal);
border-right: 1px solid var(--color-border-soft);
text-align: left;
vertical-align: top;
}

.tovelin-table[b-lbm5s4pe2u]  th:last-child,
.tovelin-table[b-lbm5s4pe2u]  td:last-child {
border-right: 0;
}

.tovelin-table[b-lbm5s4pe2u]  thead th {
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
font-weight: var(--font-weight-semibold);
border-bottom: 1px solid var(--color-border);
}

.tovelin-table--striped[b-lbm5s4pe2u]  tbody tr:nth-child(even) {
background: color-mix(in srgb, var(--section-blue) 34%, var(--color-surface));
}

.tovelin-table--striped[b-lbm5s4pe2u]  tbody tr:nth-child(even) > * {
background: color-mix(in srgb, var(--section-blue) 34%, var(--color-surface));
}

.tovelin-table--striped[b-lbm5s4pe2u]  tbody tr:nth-child(odd) > * {
background: var(--color-white);
}

.tovelin-table--hover[b-lbm5s4pe2u]  tbody tr:hover {
background: color-mix(in srgb, var(--color-primary) 50%, var(--color-white));
}

.tovelin-table--hover[b-lbm5s4pe2u]  tbody tr:hover > * {
background: color-mix(in srgb, var(--color-primary) 50%, var(--color-white));
}

.tovelin-table--bordered[b-lbm5s4pe2u]  th,
.tovelin-table--bordered[b-lbm5s4pe2u]  td {
border-inline: 1px solid var(--color-border-soft);
}

.tovelin-table--compact[b-lbm5s4pe2u]  th,
.tovelin-table--compact[b-lbm5s4pe2u]  td {
padding: var(--space-2) var(--space-3);
}

[data-bs-theme="dark"] .tovelin-table-responsive[b-lbm5s4pe2u],
[data-bs-theme="dark"] .tovelin-table[b-lbm5s4pe2u] {
background: var(--color-surface-strong);
}

[data-bs-theme="dark"] .tovelin-table[b-lbm5s4pe2u]  thead th {
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-strong));
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-table--striped[b-lbm5s4pe2u]  tbody tr:nth-child(even),
[data-bs-theme="dark"] .tovelin-table--striped[b-lbm5s4pe2u]  tbody tr:nth-child(even) > * {
background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

[data-bs-theme="dark"] .tovelin-table--striped[b-lbm5s4pe2u]  tbody tr:nth-child(odd) > * {
background: var(--color-surface-strong);
}

[data-bs-theme="dark"] .tovelin-table--hover[b-lbm5s4pe2u]  tbody tr:hover,
[data-bs-theme="dark"] .tovelin-table--hover[b-lbm5s4pe2u]  tbody tr:hover > * {
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-strong));
}
/* _content/Tovelin.Shared.UI/Components/Feedback/OfflineSyncStatus.razor.rz.scp.css */
.offline-sync-status[b-xcqtd76anz] {
width: 100%;
padding: var(--space-3) calc(var(--space-fluid-shell) + var(--safe-area-right, 0px)) 0 calc(var(--space-fluid-shell) + var(--safe-area-left, 0px));
box-sizing: border-box;
}

.offline-sync-status__inner[b-xcqtd76anz] {
max-width: 64rem;
margin-inline: auto;
display: flex;
align-items: center;
gap: var(--space-3);
min-width: 0;
padding: var(--space-3) var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-surface-strong) 84%, var(--color-surface));
box-shadow: var(--shadow-xs);
}

.offline-sync-status__message[b-xcqtd76anz] {
flex: 1 1 auto;
min-width: 0;
color: var(--color-text-muted);
font-size: var(--font-size-small);
line-height: var(--line-height-relaxed);
}

.offline-sync-status__details-button[b-xcqtd76anz] {
flex: 0 0 auto;
}

.offline-sync-status__empty[b-xcqtd76anz] {
margin: 0;
color: var(--color-text-muted);
}

.offline-sync-status__failed-list[b-xcqtd76anz] {
display: grid;
gap: var(--space-3);
}

.offline-sync-status__failed-item[b-xcqtd76anz] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
background: var(--color-surface-soft);
}

.offline-sync-status__failed-main[b-xcqtd76anz] {
min-width: 0;
display: grid;
gap: var(--space-2);
}

.offline-sync-status__failed-main h3[b-xcqtd76anz],
.offline-sync-status__failed-main p[b-xcqtd76anz],
.offline-sync-status__failed-main dl[b-xcqtd76anz] {
margin: 0;
}

.offline-sync-status__failed-main p[b-xcqtd76anz],
.offline-sync-status__failed-main dd[b-xcqtd76anz] {
color: var(--color-text-muted);
}

.offline-sync-status__failed-main dl[b-xcqtd76anz] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
font-size: var(--font-size-small);
}

.offline-sync-status__failed-main dt[b-xcqtd76anz] {
color: var(--color-text-soft);
}

@media (max-width: 640px) {
.offline-sync-status__inner[b-xcqtd76anz] {
align-items: flex-start;
flex-direction: column;
}
.offline-sync-status__failed-item[b-xcqtd76anz] {
flex-direction: column;
}
}
/* _content/Tovelin.Shared.UI/Components/Feedback/TovelinAlert.razor.rz.scp.css */
.tovelin-alert[b-q2egkahmfs] {
border: 1px solid transparent;
border-radius: var(--radius-md);
padding: var(--space-4);
box-shadow: var(--shadow-soft);
overflow: clip;
}

.tovelin-alert__layout[b-q2egkahmfs] {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: var(--space-3);
align-items: flex-start;
}

.tovelin-alert__icon[b-q2egkahmfs] {
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 0.15rem;
}

.tovelin-alert__content[b-q2egkahmfs] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.tovelin-alert__title[b-q2egkahmfs] {
font-weight: var(--font-weight-medium);
line-height: var(--line-height-snug);
}

.tovelin-alert__message[b-q2egkahmfs] {
color: inherit;
}

.tovelin-alert__body[b-q2egkahmfs] {
display: grid;
gap: var(--space-3);
}

.tovelin-alert__actions[b-q2egkahmfs] {
display: flex;
justify-content: flex-end;
}

.tovelin-alert__dismiss-button[b-q2egkahmfs] {
margin-top: -0.1rem;
}

.tovelin-alert--default[b-q2egkahmfs] {
background: var(--color-surface-strong);
color: var(--color-text);
border-color: var(--color-border);
}

.tovelin-alert--primary[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-primary) 22%, var(--color-surface-strong));
color: var(--color-on-primary);
border-color: color-mix(in srgb, var(--color-primary-dark) 28%, var(--color-border));
}

.tovelin-alert--secondary[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-secondary) 22%, var(--color-surface-strong));
color: var(--color-on-secondary);
border-color: color-mix(in srgb, var(--color-secondary-dark) 28%, var(--color-border));
}

.tovelin-alert--accent[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-accent) 30%, var(--color-surface-strong));
color: var(--color-on-accent);
border-color: color-mix(in srgb, var(--color-accent-dark) 28%, var(--color-border));
}

.tovelin-alert--success[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-success) 28%, var(--color-surface-strong));
color: var(--color-on-success);
border-color: color-mix(in srgb, var(--color-success-dark) 28%, var(--color-border));
}

.tovelin-alert--warning[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-warning) 24%, var(--color-surface-strong));
color: var(--color-on-accent);
border-color: color-mix(in srgb, var(--color-warning-dark) 28%, var(--color-border));
}

.tovelin-alert--danger[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-danger) 26%, var(--color-surface-strong));
color: var(--color-on-danger);
border-color: color-mix(in srgb, var(--color-danger-dark) 28%, var(--color-border));
}

.tovelin-alert--info[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-info) 22%, var(--color-surface-strong));
color: var(--color-on-info);
border-color: color-mix(in srgb, var(--color-info-dark) 28%, var(--color-border));
}

.tovelin-alert--outline[b-q2egkahmfs] {
background: transparent;
box-shadow: none;
}

.tovelin-alert--dismissible[b-q2egkahmfs] {
padding-right: var(--space-6);
}

[data-bs-theme="dark"] .tovelin-alert--default[b-q2egkahmfs] {
background: var(--color-surface-strong);
color: var(--color-text);
border-color: var(--color-border);
}

[data-bs-theme="dark"] .tovelin-alert--primary[b-q2egkahmfs],
[data-bs-theme="dark"] .tovelin-alert--secondary[b-q2egkahmfs],
[data-bs-theme="dark"] .tovelin-alert--accent[b-q2egkahmfs],
[data-bs-theme="dark"] .tovelin-alert--success[b-q2egkahmfs],
[data-bs-theme="dark"] .tovelin-alert--warning[b-q2egkahmfs],
[data-bs-theme="dark"] .tovelin-alert--danger[b-q2egkahmfs],
[data-bs-theme="dark"] .tovelin-alert--info[b-q2egkahmfs] {
color: var(--color-text);
border-color: var(--color-border);
}

[data-bs-theme="dark"] .tovelin-alert--primary[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-primary) 16%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-alert--secondary[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-secondary) 16%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-alert--accent[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-accent) 16%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-alert--success[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-success) 16%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-alert--warning[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-warning) 16%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-alert--danger[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-danger) 16%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-alert--info[b-q2egkahmfs] {
background: color-mix(in srgb, var(--color-info) 16%, var(--color-surface-strong));
}
/* _content/Tovelin.Shared.UI/Components/Feedback/TovelinLoader.razor.rz.scp.css */
.tovelin-loader-overlay[b-xcxjszlsex] {
display: grid;
place-items: center;
min-height: min(42vh, 22rem);
padding: var(--space-8) var(--space-4);
}

.tovelin-loader-overlay--fullscreen[b-xcxjszlsex] {
position: fixed;
inset: 0;
z-index: var(--z-loader);
min-height: 100vh;
padding: 0;
background:
radial-gradient(circle at 24% 18%, color-mix(in srgb, var(--color-secondary) 18%, transparent) 0 16rem, transparent 28rem),
radial-gradient(circle at 78% 82%, color-mix(in srgb, var(--color-primary) 14%, transparent) 0 14rem, transparent 24rem),
var(--color-bg);
}

.tovelin-loader-panel[b-xcxjszlsex] {
display: inline-flex;
align-items: center;
gap: var(--space-3);
padding: var(--space-3) var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--modal-surface);
box-shadow: var(--shadow-soft);
}

.tovelin-loader-text[b-xcxjszlsex] {
margin: 0;
color: var(--color-text);
}
/* _content/Tovelin.Shared.UI/Components/Feedback/TovelinMiniLoader.razor.rz.scp.css */
.tovelin-mini-loader-overlay[b-bx8p30oxbc] {
position: fixed;
inset: 0;
z-index: calc(var(--z-loader) - 900);
display: grid;
place-items: center;
pointer-events: none;
}

.tovelin-mini-loader-overlay--local[b-bx8p30oxbc] {
background: var(--modal-backdrop);
backdrop-filter: blur(1px);
pointer-events: auto;
}

.tovelin-mini-loader-panel[b-bx8p30oxbc] {
display: inline-flex;
align-items: center;
gap: var(--space-3);
padding: var(--space-3) var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--modal-surface);
box-shadow: var(--shadow-soft);
color: var(--color-text);
}
/* _content/Tovelin.Shared.UI/Components/Feedback/TovelinToast.razor.rz.scp.css */
.tovelin-toast[b-mz4dx48l6a] {
position: relative;
display: grid;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
box-shadow: var(--shadow-soft);
overflow: hidden;
background: color-mix(in srgb, var(--tovelin-toast-surface, var(--color-surface)) 18%, var(--color-surface));
animation: tovelin-toast-in-b-mz4dx48l6a 180ms ease-out;
}

.tovelin-toast__accent[b-mz4dx48l6a] {
position: absolute;
inset: 0 auto 0 0;
width: 0.35rem;
background: var(--tovelin-toast-accent, var(--color-primary-dark));
}

.tovelin-toast__surface[b-mz4dx48l6a] {
display: grid;
gap: var(--space-3);
padding: var(--space-4);
padding-left: calc(var(--space-4) + 0.35rem);
}

.tovelin-toast__header[b-mz4dx48l6a] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
}

.tovelin-toast__heading[b-mz4dx48l6a] {
min-width: 0;
display: flex;
align-items: flex-start;
gap: var(--space-3);
}

.tovelin-toast__icon[b-mz4dx48l6a] {
flex: none;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 0.125rem;
}

.tovelin-toast__heading-copy[b-mz4dx48l6a] {
min-width: 0;
display: grid;
gap: var(--space-1);
}

.tovelin-toast__title-row[b-mz4dx48l6a] {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: var(--space-2);
}

.tovelin-toast__title[b-mz4dx48l6a] {
margin: 0;
font-size: var(--font-size-body-lg);
line-height: 1.2;
font-weight: var(--font-weight-medium);
color: var(--color-text);
}

.tovelin-toast__timestamp[b-mz4dx48l6a] {
white-space: nowrap;
}

.tovelin-toast__message[b-mz4dx48l6a] {
margin: 0;
color: var(--color-muted);
line-height: var(--line-height-relaxed);
}

.tovelin-toast__body[b-mz4dx48l6a] {
display: grid;
gap: var(--space-2);
}

.tovelin-toast__actions[b-mz4dx48l6a] {
flex: none;
}

.tovelin-toast__dismiss-button[b-mz4dx48l6a] {
box-shadow: none;
}

.tovelin-toast--compact .tovelin-toast__surface[b-mz4dx48l6a] {
gap: var(--space-2);
padding: var(--space-3);
padding-left: calc(var(--space-3) + 0.35rem);
}

.tovelin-toast--compact .tovelin-toast__title[b-mz4dx48l6a] {
font-size: var(--font-size-body);
}

.tovelin-toast--compact .tovelin-toast__message[b-mz4dx48l6a] {
font-size: var(--font-size-small);
}

.tovelin-toast--default[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-border);
--tovelin-toast-surface: var(--color-surface-soft);
}

.tovelin-toast--primary[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-primary-dark);
--tovelin-toast-surface: var(--color-primary);
}

.tovelin-toast--secondary[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-secondary-dark);
--tovelin-toast-surface: var(--color-secondary);
}

.tovelin-toast--accent[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-accent-dark);
--tovelin-toast-surface: var(--color-accent);
}

.tovelin-toast--success[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-success-dark);
--tovelin-toast-surface: var(--color-success);
}

.tovelin-toast--warning[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-warning-dark);
--tovelin-toast-surface: var(--color-warning);
}

.tovelin-toast--danger[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-danger-dark);
--tovelin-toast-surface: var(--color-danger-soft);
}

.tovelin-toast--info[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-info-dark);
--tovelin-toast-surface: var(--color-info);
}

[data-bs-theme="dark"] .tovelin-toast[b-mz4dx48l6a] {
background:
linear-gradient(135deg, color-mix(in srgb, var(--tovelin-toast-surface, var(--color-surface-strong)) 90%, var(--color-surface-muted)), var(--color-surface-strong)),
var(--color-surface-strong);
color: var(--color-text);
border-color: var(--color-border);
}

[data-bs-theme="dark"] .tovelin-toast__accent[b-mz4dx48l6a] {
background:
linear-gradient(180deg, var(--tovelin-toast-accent, var(--color-primary-dark)), color-mix(in srgb, var(--tovelin-toast-accent, var(--color-primary-dark)) 68%, var(--color-surface)));
}

[data-bs-theme="dark"] .tovelin-toast__title[b-mz4dx48l6a] {
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-toast__message[b-mz4dx48l6a] {
color: var(--color-text-soft);
}

[data-bs-theme="dark"] .tovelin-toast--default[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-border);
--tovelin-toast-surface: var(--color-surface-muted);
}

[data-bs-theme="dark"] .tovelin-toast--primary[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-primary-dark);
--tovelin-toast-surface: color-mix(in srgb, var(--color-primary) 16%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-toast--secondary[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-secondary-dark);
--tovelin-toast-surface: color-mix(in srgb, var(--color-secondary) 16%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-toast--accent[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-accent-dark);
--tovelin-toast-surface: color-mix(in srgb, var(--color-accent) 16%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-toast--success[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-success-dark);
--tovelin-toast-surface: color-mix(in srgb, var(--color-success) 16%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-toast--warning[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-warning-dark);
--tovelin-toast-surface: color-mix(in srgb, var(--color-warning) 16%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-toast--danger[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-danger-dark);
--tovelin-toast-surface: color-mix(in srgb, var(--color-danger) 16%, var(--color-surface-strong));
}

[data-bs-theme="dark"] .tovelin-toast--info[b-mz4dx48l6a] {
--tovelin-toast-accent: var(--color-info-dark);
--tovelin-toast-surface: color-mix(in srgb, var(--color-info) 16%, var(--color-surface-strong));
}

@keyframes tovelin-toast-in-b-mz4dx48l6a {
from {
opacity: 0;
transform: translateY(0.35rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}

@media (prefers-reduced-motion: reduce) {
.tovelin-toast[b-mz4dx48l6a] {
animation: none;
}
}
/* _content/Tovelin.Shared.UI/Components/Feedback/TovelinTooltip.razor.rz.scp.css */
.tovelin-tooltip__wrapper[b-xcfgva07tq] {
position: relative;
display: inline-grid;
min-width: 0;
}

.tovelin-tooltip__trigger[b-xcfgva07tq] {
display: inline-flex;
align-items: center;
justify-content: center;
}

.tovelin-tooltip[b-xcfgva07tq] {
position: absolute;
z-index: 25;
min-width: 12rem;
max-width: 18rem;
padding: var(--space-3);
border: 1px solid var(--tovelin-tooltip-border, var(--color-border));
border-radius: var(--radius-md);
background: var(--tovelin-tooltip-surface, var(--color-surface));
box-shadow: var(--shadow-card);
color: var(--color-text);
pointer-events: none;
display: grid;
gap: var(--space-2);
opacity: 0;
visibility: hidden;
transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.tovelin-tooltip__body[b-xcfgva07tq] {
margin: 0;
font-size: var(--font-size-small);
line-height: var(--line-height-relaxed);
}

.tovelin-tooltip[b-xcfgva07tq]::before {
content: "";
position: absolute;
width: 0.75rem;
height: 0.75rem;
background: var(--tovelin-tooltip-surface, var(--color-surface));
border: 1px solid var(--tovelin-tooltip-border, var(--color-border));
transform: rotate(45deg);
}

.tovelin-tooltip--top[b-xcfgva07tq] {
bottom: calc(100% + var(--space-2));
left: 50%;
transform: translateX(-50%) translateY(0.25rem) scale(0.98);
}

.tovelin-tooltip--top[b-xcfgva07tq]::before {
bottom: -0.38rem;
left: calc(50% - 0.375rem);
border-left: none;
border-top: none;
}

.tovelin-tooltip--bottom[b-xcfgva07tq] {
top: calc(100% + var(--space-2));
left: 50%;
transform: translateX(-50%) translateY(-0.25rem) scale(0.98);
}

.tovelin-tooltip--bottom[b-xcfgva07tq]::before {
top: -0.38rem;
left: calc(50% - 0.375rem);
border-right: none;
border-bottom: none;
}

.tovelin-tooltip--start[b-xcfgva07tq] {
right: calc(100% + var(--space-2));
top: 50%;
transform: translateY(-50%) translateX(0.25rem) scale(0.98);
}

.tovelin-tooltip--start[b-xcfgva07tq]::before {
right: -0.38rem;
top: calc(50% - 0.375rem);
border-left: none;
border-bottom: none;
}

.tovelin-tooltip--end[b-xcfgva07tq] {
left: calc(100% + var(--space-2));
top: 50%;
transform: translateY(-50%) translateX(-0.25rem) scale(0.98);
}

.tovelin-tooltip--end[b-xcfgva07tq]::before {
left: -0.38rem;
top: calc(50% - 0.375rem);
border-right: none;
border-top: none;
}

.tovelin-tooltip__wrapper:hover .tovelin-tooltip[b-xcfgva07tq],
.tovelin-tooltip__wrapper:focus-within .tovelin-tooltip[b-xcfgva07tq],
.tovelin-tooltip.is-visible[b-xcfgva07tq] {
opacity: 1;
visibility: visible;
pointer-events: auto;
}

.tovelin-tooltip__wrapper:hover .tovelin-tooltip--top[b-xcfgva07tq],
.tovelin-tooltip__wrapper:focus-within .tovelin-tooltip--top[b-xcfgva07tq],
.tovelin-tooltip--top.is-visible[b-xcfgva07tq] {
transform: translateX(-50%) translateY(0) scale(1);
}

.tovelin-tooltip__wrapper:hover .tovelin-tooltip--bottom[b-xcfgva07tq],
.tovelin-tooltip__wrapper:focus-within .tovelin-tooltip--bottom[b-xcfgva07tq],
.tovelin-tooltip--bottom.is-visible[b-xcfgva07tq] {
transform: translateX(-50%) translateY(0) scale(1);
}

.tovelin-tooltip__wrapper:hover .tovelin-tooltip--start[b-xcfgva07tq],
.tovelin-tooltip__wrapper:focus-within .tovelin-tooltip--start[b-xcfgva07tq],
.tovelin-tooltip--start.is-visible[b-xcfgva07tq] {
transform: translateY(-50%) translateX(0) scale(1);
}

.tovelin-tooltip__wrapper:hover .tovelin-tooltip--end[b-xcfgva07tq],
.tovelin-tooltip__wrapper:focus-within .tovelin-tooltip--end[b-xcfgva07tq],
.tovelin-tooltip--end.is-visible[b-xcfgva07tq] {
transform: translateY(-50%) translateX(0) scale(1);
}

.tovelin-tooltip--default[b-xcfgva07tq] {
--tovelin-tooltip-border: color-mix(in srgb, var(--color-border) 78%, var(--color-text));
--tovelin-tooltip-surface: color-mix(in srgb, var(--color-surface) 94%, var(--color-surface-soft));
}

.tovelin-tooltip--primary[b-xcfgva07tq] {
--tovelin-tooltip-border: color-mix(in srgb, var(--color-primary-dark) 38%, var(--color-border));
--tovelin-tooltip-surface: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));
}

.tovelin-tooltip--secondary[b-xcfgva07tq] {
--tovelin-tooltip-border: color-mix(in srgb, var(--color-secondary-dark) 38%, var(--color-border));
--tovelin-tooltip-surface: color-mix(in srgb, var(--color-secondary) 14%, var(--color-surface));
}

.tovelin-tooltip--accent[b-xcfgva07tq] {
--tovelin-tooltip-border: color-mix(in srgb, var(--color-accent-dark) 38%, var(--color-border));
--tovelin-tooltip-surface: color-mix(in srgb, var(--color-accent) 14%, var(--color-surface));
}

.tovelin-tooltip--success[b-xcfgva07tq] {
--tovelin-tooltip-border: color-mix(in srgb, var(--color-success-dark) 38%, var(--color-border));
--tovelin-tooltip-surface: color-mix(in srgb, var(--color-success) 14%, var(--color-surface));
}

.tovelin-tooltip--warning[b-xcfgva07tq] {
--tovelin-tooltip-border: color-mix(in srgb, var(--color-warning-dark) 38%, var(--color-border));
--tovelin-tooltip-surface: color-mix(in srgb, var(--color-warning) 14%, var(--color-surface));
}

.tovelin-tooltip--danger[b-xcfgva07tq] {
--tovelin-tooltip-border: color-mix(in srgb, var(--color-danger-dark) 38%, var(--color-border));
--tovelin-tooltip-surface: color-mix(in srgb, var(--color-danger-soft) 22%, var(--color-surface));
}

.tovelin-tooltip--info[b-xcfgva07tq] {
--tovelin-tooltip-border: color-mix(in srgb, var(--color-info-dark) 38%, var(--color-border));
--tovelin-tooltip-surface: color-mix(in srgb, var(--color-info) 14%, var(--color-surface));
}
/* _content/Tovelin.Shared.UI/Components/Forms/TovelinCheckbox.razor.rz.scp.css */
.tovelin-checkbox[b-vg0s95a1uw] {
position: relative;
display: inline-flex;
align-items: flex-start;
gap: var(--space-3);
cursor: pointer;
user-select: none;
}

.tovelin-checkbox__track[b-vg0s95a1uw] {
position: relative;
flex: 0 0 auto;
width: var(--control-size-input-checkbox);
height: var(--control-size-input-checkbox);
}

.tovelin-checkbox__track input[b-vg0s95a1uw] {
position: absolute;
inset: 0;
margin: 0;
opacity: 0;
}

.tovelin-checkbox__mark[b-vg0s95a1uw] {
position: absolute;
inset: 0;
border-radius: var(--radius-md);
border: 1px solid color-mix(in srgb, var(--color-border) 86%, var(--color-secondary-dark));
background: linear-gradient(180deg, var(--color-surface-strong), var(--color-surface-soft));
transition:
background-color 180ms ease,
border-color 180ms ease,
box-shadow 180ms ease;
}

.tovelin-checkbox__mark[b-vg0s95a1uw]::after {
content: "";
position: absolute;
left: 0.26rem;
top: 0.09rem;
width: 0.25rem;
height: 0.48rem;
border: solid var(--color-on-primary);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
transition: opacity 180ms ease;
}

.tovelin-checkbox__track input:checked + .tovelin-checkbox__mark[b-vg0s95a1uw] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 84%, white), var(--color-primary));
border-color: var(--color-primary-dark);
box-shadow: 0 2px 0 color-mix(in srgb, var(--color-primary-dark) 38%, transparent);
}

.tovelin-checkbox__track input:checked + .tovelin-checkbox__mark[b-vg0s95a1uw]::after {
opacity: 1;
}

.tovelin-checkbox__track input:focus-visible + .tovelin-checkbox__mark[b-vg0s95a1uw] {
outline: 3px solid color-mix(in srgb, var(--color-secondary) 62%, transparent);
outline-offset: 3px;
}

.tovelin-checkbox__copy[b-vg0s95a1uw] {
display: grid;
gap: var(--space-1-5);
}

.tovelin-checkbox__title[b-vg0s95a1uw] {
}

.tovelin-checkbox__description[b-vg0s95a1uw] {
}

.tovelin-checkbox--disabled[b-vg0s95a1uw] {
cursor: not-allowed;
opacity: 0.72;
}

[data-bs-theme="dark"] .tovelin-checkbox__mark[b-vg0s95a1uw] {
background: var(--color-surface-muted);
border-color: var(--color-border);
}

[data-bs-theme="dark"] .tovelin-checkbox__mark[b-vg0s95a1uw]::after {
border-color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-checkbox__track input:checked + .tovelin-checkbox__mark[b-vg0s95a1uw] {
background: var(--color-primary);
border-color: var(--color-primary-dark);
box-shadow: none;
}

[data-bs-theme="dark"] .tovelin-checkbox__track input:focus-visible + .tovelin-checkbox__mark[b-vg0s95a1uw] {
outline-color: color-mix(in srgb, var(--color-primary-dark) 72%, white);
}
/* _content/Tovelin.Shared.UI/Components/Forms/TovelinField.razor.rz.scp.css */
.tovelin-field[b-24al4geibf] {
display: grid;
gap: var(--space-2);
width: 100%;
}

.tovelin-field__label[b-24al4geibf] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
}

.tovelin-field__heading[b-24al4geibf] {
display: flex;
align-items: center;
gap: var(--space-1);
min-width: 0;
}

.tovelin-field__required[b-24al4geibf] {
color: var(--color-danger-dark);
}

.tovelin-field__control[b-24al4geibf] {
min-width: 0;
width: 100%;
}

.tovelin-field__help[b-24al4geibf] {
}

.tovelin-field__error[b-24al4geibf] {
}

.tovelin-field--invalid .tovelin-field__label[b-24al4geibf] {
color: var(--color-danger-dark);
}

.tovelin-field--compact[b-24al4geibf] {
gap: var(--space-1-5);
}

.tovelin-field--inline[b-24al4geibf] {
width: min(100%, 50%);
}

.tovelin-field--full[b-24al4geibf] {
width: 100%;
}
/* _content/Tovelin.Shared.UI/Components/Forms/TovelinFieldGroup.razor.rz.scp.css */
.tovelin-field-group[b-rrci5xtnn3] {
display: grid;
gap: var(--space-4);
width: 100%;
min-width: 0;
}

.tovelin-field-group--compact[b-rrci5xtnn3] {
gap: var(--space-3);
}

.tovelin-field-group--cols-1[b-rrci5xtnn3] {
grid-template-columns: minmax(0, 1fr);
}

.tovelin-field-group--cols-2[b-rrci5xtnn3] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tovelin-field-group--cols-3[b-rrci5xtnn3] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tovelin-field-group--cols-4[b-rrci5xtnn3] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tovelin-field-group > *[b-rrci5xtnn3] {
min-width: 0;
}

@media (max-width: 980px) {
.tovelin-field-group--cols-2[b-rrci5xtnn3],
.tovelin-field-group--cols-3[b-rrci5xtnn3],
.tovelin-field-group--cols-4[b-rrci5xtnn3] {
grid-template-columns: minmax(0, 1fr);
}
}
/* _content/Tovelin.Shared.UI/Components/Forms/TovelinFormSection.razor.rz.scp.css */
.tovelin-form-section[b-ufmftvxq2n] {
display: grid;
gap: var(--space-4);
width: 100%;
min-width: 0;
min-inline-size: 0;
margin: 0;
padding: 0;
border: 0;
}

.tovelin-form-section--compact[b-ufmftvxq2n] {
gap: var(--space-3);
}

.tovelin-form-section__header[b-ufmftvxq2n],
.tovelin-form-section__body[b-ufmftvxq2n],
.tovelin-form-section__footer[b-ufmftvxq2n] {
display: grid;
gap: var(--space-3);
min-width: 0;
}
/* _content/Tovelin.Shared.UI/Components/Forms/TovelinInput.razor.rz.scp.css */
.tovelin-input[b-y02qvh8758] {
width: 100%;
min-height: var(--control-size-input-md);
padding: var(--space-3) var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 88%, var(--color-accent));
border-radius: var(--radius-md);
background: linear-gradient(180deg, var(--color-surface-strong), var(--color-surface-soft));
color: var(--color-text);
box-shadow: 0 2px 0 color-mix(in srgb, var(--color-bg-soft) 72%, transparent);
}

.tovelin-input[b-y02qvh8758]::placeholder {
color: color-mix(in srgb, var(--color-muted) 78%, var(--color-surface));
}

.tovelin-input:focus-visible[b-y02qvh8758] {
outline: 3px solid color-mix(in srgb, var(--color-secondary) 62%, transparent);
outline-offset: 3px;
border-color: color-mix(in srgb, var(--color-secondary-dark) 54%, var(--color-border));
box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-secondary) 34%, transparent), var(--shadow-soft);
}

.tovelin-input--compact[b-y02qvh8758] {
height: calc(var(--control-size-input-sm) + var(--space-2));
min-height: calc(var(--control-size-input-sm) + var(--space-2));
padding-block: 0;
line-height: 1.2;
}

.tovelin-input--invalid[b-y02qvh8758] {
border-color: var(--color-danger-dark);
}

[data-bs-theme="dark"] .tovelin-input[b-y02qvh8758] {
background: linear-gradient(180deg, var(--color-surface-strong), var(--color-surface));
box-shadow: 0 2px 0 color-mix(in srgb, black 28%, transparent);
}
/* _content/Tovelin.Shared.UI/Components/Forms/TovelinLearnerInformationNotice.razor.rz.scp.css */
.learner-information-notice[b-kynvm9al23] {
display: grid;
justify-items: start;
gap: var(--space-3);
}

.learner-information-notice[b-kynvm9al23]  .tovelin-btn {
white-space: normal;
text-align: start;
}

.learner-information-dialog__copy[b-kynvm9al23] {
display: grid;
gap: var(--space-4);
line-height: 1.6;
}

.learner-information-dialog__copy p[b-kynvm9al23] {
margin: 0;
}
/* _content/Tovelin.Shared.UI/Components/Forms/TovelinMultiSelectDropdown.razor.rz.scp.css */
.tovelin-multi-select[b-wiepzdok3d] {
display: grid;
gap: var(--space-2);
width: 100%;
min-width: 0;
position: relative;
z-index: 0;
}

.tovelin-multi-select--full[b-wiepzdok3d] {
width: 100%;
}

.tovelin-multi-select:has(.tovelin-multi-select__menu)[b-wiepzdok3d] {
z-index: var(--z-dropdown);
}

.tovelin-multi-select--inline[b-wiepzdok3d] {
width: 50%;
max-width: 100%;
}

.tovelin-multi-select--compact[b-wiepzdok3d] {
gap: var(--space-1-5);
}

.tovelin-multi-select__label[b-wiepzdok3d] {
display: block;
margin: 0;
line-height: 1.2;
}

.tovelin-multi-select__field[b-wiepzdok3d] {
position: relative;
width: 100%;
min-width: 0;
z-index: inherit;
}

.tovelin-multi-select__control[b-wiepzdok3d] {
width: 100%;
height: var(--control-size-input-md);
padding: 0 var(--space-4);
box-sizing: border-box;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface-soft);
color: var(--color-text);
box-shadow: var(--shadow-soft);
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
font: inherit;
line-height: 1;
text-align: left;
cursor: pointer;
appearance: none;
}

.tovelin-multi-select--compact .tovelin-multi-select__control[b-wiepzdok3d] {
height: calc(var(--control-size-input-sm) + var(--space-2));
min-height: calc(var(--control-size-input-sm) + var(--space-2));
padding-block: 0;
line-height: 1.2;
}

.tovelin-multi-select__control:focus-visible[b-wiepzdok3d] {
outline: 3px solid color-mix(in srgb, var(--color-secondary-dark) 70%, white);
outline-offset: 3px;
}

.tovelin-multi-select__control--open[b-wiepzdok3d] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-width: 0;
box-shadow: none;
background: var(--color-surface);
}

.tovelin-multi-select__value[b-wiepzdok3d] {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.tovelin-multi-select__arrow[b-wiepzdok3d] {
flex: 0 0 auto;
color: var(--color-muted);
}

.tovelin-multi-select__menu[b-wiepzdok3d] {
position: absolute;
z-index: var(--z-dropdown);
left: 0;
right: 0;
top: 100%;
margin-top: 0;
display: grid;
gap: 0.15rem;
padding: var(--space-2);
min-width: 0;
border: 1px solid var(--color-border);
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: var(--radius-md);
border-bottom-right-radius: var(--radius-md);
background: var(--color-surface-strong);
box-shadow: var(--shadow-elevated);
overflow: visible;
}

.tovelin-multi-select__checkbox[b-wiepzdok3d] {
width: 100%;
display: flex;
align-items: flex-start;
padding: var(--space-3);
border-radius: var(--radius-md);
}

.tovelin-multi-select__checkbox:hover[b-wiepzdok3d] {
background: color-mix(in srgb, var(--color-primary) 14%, var(--color-white));
}

.tovelin-multi-select__help[b-wiepzdok3d] {
margin: 0;
}
/* _content/Tovelin.Shared.UI/Components/Forms/TovelinRadio.razor.rz.scp.css */
.tovelin-radio[b-qcney5utov] {
position: relative;
display: inline-flex;
align-items: flex-start;
gap: var(--space-3);
cursor: pointer;
user-select: none;
}

.tovelin-radio__track[b-qcney5utov] {
position: relative;
flex: 0 0 auto;
width: var(--control-size-input-checkbox);
height: var(--control-size-input-checkbox);
}

.tovelin-radio__track input[b-qcney5utov] {
position: absolute;
inset: 0;
margin: 0;
opacity: 0;
}

.tovelin-radio__mark[b-qcney5utov] {
position: absolute;
inset: 0;
border-radius: var(--radius-round);
border: 1px solid color-mix(in srgb, var(--color-border) 86%, var(--color-secondary-dark));
background: linear-gradient(180deg, var(--color-surface-strong), var(--color-surface-soft));
transition:
background-color 180ms ease,
border-color 180ms ease,
box-shadow 180ms ease;
}

.tovelin-radio__mark[b-qcney5utov]::after {
content: "";
position: absolute;
inset: 0.26rem;
border-radius: var(--radius-round);
background: var(--color-on-primary);
opacity: 0;
transition: opacity 180ms ease;
}

.tovelin-radio__track input:checked + .tovelin-radio__mark[b-qcney5utov] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 84%, white), var(--color-primary));
border-color: var(--color-primary-dark);
box-shadow: 0 2px 0 color-mix(in srgb, var(--color-primary-dark) 38%, transparent);
}

.tovelin-radio__track input:checked + .tovelin-radio__mark[b-qcney5utov]::after {
opacity: 1;
}

.tovelin-radio__track input:focus-visible + .tovelin-radio__mark[b-qcney5utov] {
outline: 3px solid color-mix(in srgb, var(--color-secondary) 62%, transparent);
outline-offset: 3px;
}

.tovelin-radio__copy[b-qcney5utov] {
display: grid;
gap: var(--space-1-5);
}

.tovelin-radio__title[b-qcney5utov] {
}

.tovelin-radio__description[b-qcney5utov] {
}

.tovelin-radio--disabled[b-qcney5utov] {
cursor: not-allowed;
opacity: 0.72;
}

[data-bs-theme="dark"] .tovelin-radio__mark[b-qcney5utov] {
background: var(--color-surface-muted);
border-color: var(--color-border);
}

[data-bs-theme="dark"] .tovelin-radio__mark[b-qcney5utov]::after {
background: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-radio__track input:checked + .tovelin-radio__mark[b-qcney5utov] {
background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 28%, var(--color-surface-strong)), color-mix(in srgb, var(--color-secondary) 22%, var(--color-surface-muted)));
border-color: transparent;
}

[data-bs-theme="dark"] .tovelin-radio__track input:focus-visible + .tovelin-radio__mark[b-qcney5utov] {
outline-color: color-mix(in srgb, var(--color-primary-dark) 72%, white);
}
/* _content/Tovelin.Shared.UI/Components/Forms/TovelinRange.razor.rz.scp.css */
.tovelin-range[b-wes9qe8kz2] {
display: grid;
gap: var(--space-2);
width: 100%;
min-width: 0;
}

.tovelin-range--full[b-wes9qe8kz2] {
width: 100%;
}

.tovelin-range--inline[b-wes9qe8kz2] {
width: 50%;
max-width: 100%;
}

.tovelin-range__header[b-wes9qe8kz2] {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: var(--space-3);
min-width: 0;
}

.tovelin-range__label[b-wes9qe8kz2] {
min-width: 0;
}

.tovelin-range__value[b-wes9qe8kz2] {
flex: 0 0 auto;
white-space: nowrap;
}

.tovelin-range__control[b-wes9qe8kz2] {
display: block;
width: 100%;
min-width: 0;
height: 1.75rem;
padding: 0;
margin: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
cursor: pointer;
}

.tovelin-range__control:focus-visible[b-wes9qe8kz2] {
outline: none;
}

.tovelin-range__control[b-wes9qe8kz2]::-webkit-slider-runnable-track {
height: 0.7rem;
border-radius: var(--radius-md);
background: linear-gradient(90deg,
var(--color-primary) 0,
var(--color-primary) var(--tovelin-range-progress, 0%),
color-mix(in srgb, var(--color-primary) 24%, var(--color-surface-soft)) var(--tovelin-range-progress, 0%),
color-mix(in srgb, var(--color-primary) 24%, var(--color-surface-soft)) 100%);
box-shadow: inset 0 0 0 1px var(--color-border-soft);
}

.tovelin-range__control[b-wes9qe8kz2]::-webkit-slider-thumb {
appearance: none;
width: 1.15rem;
height: 1.15rem;
margin-top: -0.32rem;
border: 2px solid var(--color-white);
border-radius: var(--radius-round);
background: linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 58%, white));
box-shadow: var(--shadow-soft);
transition: transform 160ms ease, box-shadow 160ms ease;
}

.tovelin-range__control:hover[b-wes9qe8kz2]::-webkit-slider-thumb {
transform: scale(1.05);
box-shadow: var(--shadow-elevated);
}

.tovelin-range__control[b-wes9qe8kz2]::-moz-range-track {
height: 0.7rem;
border-radius: var(--radius-md);
background: linear-gradient(90deg,
var(--color-primary) 0,
var(--color-primary) var(--tovelin-range-progress, 0%),
color-mix(in srgb, var(--color-primary) 24%, var(--color-surface-soft)) var(--tovelin-range-progress, 0%),
color-mix(in srgb, var(--color-primary) 24%, var(--color-surface-soft)) 100%);
box-shadow: inset 0 0 0 1px var(--color-border-soft);
}

.tovelin-range__control[b-wes9qe8kz2]::-moz-range-thumb {
width: 1.15rem;
height: 1.15rem;
border: 2px solid var(--color-white);
border-radius: var(--radius-round);
background: linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 58%, white));
box-shadow: var(--shadow-soft);
transition: transform 160ms ease, box-shadow 160ms ease;
}

.tovelin-range__control:hover[b-wes9qe8kz2]::-moz-range-thumb {
transform: scale(1.05);
box-shadow: var(--shadow-elevated);
}

.tovelin-range__control[b-wes9qe8kz2]::-moz-range-progress {
height: 0.7rem;
border-radius: var(--radius-md);
background: linear-gradient(90deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 60%, white));
}

.tovelin-range__control:disabled[b-wes9qe8kz2] {
cursor: not-allowed;
opacity: 0.7;
}

.tovelin-range__help[b-wes9qe8kz2] {
margin: 0;
}

.tovelin-range__error[b-wes9qe8kz2] {
margin: 0;
}

.tovelin-range--compact[b-wes9qe8kz2] {
gap: var(--space-1-5);
}

.tovelin-range--invalid .tovelin-range__control[b-wes9qe8kz2]::-webkit-slider-runnable-track,
.tovelin-range--invalid .tovelin-range__control[b-wes9qe8kz2]::-moz-range-track {
border-color: var(--color-danger-dark);
}

.tovelin-range--invalid .tovelin-range__control[b-wes9qe8kz2]::-webkit-slider-thumb,
.tovelin-range--invalid .tovelin-range__control[b-wes9qe8kz2]::-moz-range-thumb {
background: linear-gradient(135deg, var(--color-danger), color-mix(in srgb, var(--color-danger) 58%, white));
}

[data-bs-theme="dark"] .tovelin-range__control[b-wes9qe8kz2]::-webkit-slider-runnable-track,
[data-bs-theme="dark"] .tovelin-range__control[b-wes9qe8kz2]::-moz-range-track {
background: linear-gradient(90deg,
var(--color-primary) 0,
var(--color-primary) var(--tovelin-range-progress, 0%),
color-mix(in srgb, var(--color-primary) 20%, var(--color-surface-muted)) var(--tovelin-range-progress, 0%),
color-mix(in srgb, var(--color-primary) 20%, var(--color-surface-muted)) 100%);
box-shadow: inset 0 0 0 1px var(--color-border);
}

[data-bs-theme="dark"] .tovelin-range__control[b-wes9qe8kz2]::-webkit-slider-thumb,
[data-bs-theme="dark"] .tovelin-range__control[b-wes9qe8kz2]::-moz-range-thumb {
border-color: var(--color-surface-strong);
background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 24%, var(--color-surface-strong)), color-mix(in srgb, var(--color-primary-dark) 18%, var(--color-surface-muted)));
}

[data-bs-theme="dark"] .tovelin-range__control[b-wes9qe8kz2]::-moz-range-progress {
background: linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 26%, var(--color-surface-strong)), color-mix(in srgb, var(--color-primary-dark) 18%, var(--color-surface-muted)));
}
/* _content/Tovelin.Shared.UI/Components/Forms/TovelinSingleSelectDropdown.razor.rz.scp.css */
.tovelin-select[b-j51nw3f3nb] {
display: grid;
gap: var(--space-2);
width: 100%;
min-width: 0;
position: relative;
z-index: 0;
}

.tovelin-select--full[b-j51nw3f3nb] {
width: 100%;
}

.tovelin-select:has(.tovelin-select__menu)[b-j51nw3f3nb] {
z-index: var(--z-dropdown);
}

.tovelin-select--inline[b-j51nw3f3nb] {
width: 50%;
max-width: 100%;
}

.tovelin-select__label[b-j51nw3f3nb] {
display: block;
margin: 0;
line-height: 1.2;
}

.tovelin-select__field[b-j51nw3f3nb] {
position: relative;
width: 100%;
min-width: 0;
z-index: inherit;
}

.tovelin-select__control[b-j51nw3f3nb] {
width: 100%;
height: var(--control-size-input-md);
padding: 0 var(--space-4);
box-sizing: border-box;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface-soft);
color: var(--color-text);
box-shadow: var(--shadow-soft);
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
font: inherit;
line-height: 1;
text-align: left;
cursor: pointer;
appearance: none;
}

.tovelin-select__control--open[b-j51nw3f3nb] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-width: 0;
box-shadow: none;
background: var(--color-surface);
}

.tovelin-select--with-field-action .tovelin-select__control[b-j51nw3f3nb] {
padding-right: calc(var(--space-4) + 3.6rem);
}

.tovelin-select__control:focus-visible[b-j51nw3f3nb] {
outline: 3px solid color-mix(in srgb, var(--color-secondary-dark) 70%, white);
outline-offset: 3px;
}

.tovelin-select__value[b-j51nw3f3nb] {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.tovelin-select__arrow[b-j51nw3f3nb] {
flex: 0 0 auto;
color: var(--color-muted);
}

.tovelin-select__field-action[b-j51nw3f3nb] {
position: absolute;
z-index: 2;
top: calc(var(--control-size-input-md) / 2);
right: 0.35rem;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-50%);
}

.tovelin-select__menu[b-j51nw3f3nb] {
position: absolute;
z-index: var(--z-dropdown);
left: 0;
right: 0;
top: calc(100% - 1px);
margin-top: 0;
display: grid;
gap: 0.15rem;
padding: var(--space-2);
min-width: 0;
border: 1px solid var(--color-border);
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: var(--radius-md);
border-bottom-right-radius: var(--radius-md);
background: var(--color-surface-strong);
box-shadow: var(--shadow-elevated);
max-height: min(18rem, calc(100dvh - 12rem));
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}

.tovelin-select--floating-menu .tovelin-select__control--open[b-j51nw3f3nb] {
border-radius: var(--radius-md);
border-bottom-width: 1px;
box-shadow: var(--shadow-soft);
}

.tovelin-select--floating-menu .tovelin-select__menu[b-j51nw3f3nb] {
position: fixed;
box-sizing: border-box;
z-index: calc(var(--z-dropdown) + 1);
left: var(--tovelin-select-menu-left);
top: var(--tovelin-select-menu-top);
right: auto;
width: var(--tovelin-select-menu-width);
max-width: calc(100vw - 1.5rem);
max-height: var(--tovelin-select-menu-max-height);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
}

.tovelin-select__option[b-j51nw3f3nb] {
border: 0;
background: transparent;
color: var(--color-text);
border-radius: var(--radius-md);
padding: var(--space-3) var(--space-3);
text-align: left;
font: inherit;
cursor: pointer;
}

.tovelin-select__option:disabled[b-j51nw3f3nb] {
color: var(--color-muted);
cursor: not-allowed;
opacity: 0.62;
}

.tovelin-select__option:hover[b-j51nw3f3nb],
.tovelin-select__option:focus-visible[b-j51nw3f3nb],
.tovelin-select__option--selected[b-j51nw3f3nb] {
background: color-mix(in srgb, var(--color-primary) 26%, var(--color-white));
}

.tovelin-select__option:disabled:hover[b-j51nw3f3nb],
.tovelin-select__option:disabled:focus-visible[b-j51nw3f3nb] {
background: transparent;
}

.tovelin-select__option--placeholder[b-j51nw3f3nb] {
color: var(--color-muted);
}

.tovelin-select__menu[b-j51nw3f3nb]::-webkit-scrollbar {
width: 0.45rem;
}

.tovelin-select__menu[b-j51nw3f3nb]::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--color-border) 72%, var(--color-primary));
border-radius: 999px;
}

.tovelin-select__menu[b-j51nw3f3nb]::-webkit-scrollbar-track {
background: transparent;
}

.tovelin-select__help[b-j51nw3f3nb] {
}
/* _content/Tovelin.Shared.UI/Components/Forms/TovelinTextArea.razor.rz.scp.css */
.tovelin-textarea[b-wjrg4kflmj] {
width: 100%;
min-height: calc(var(--control-size-input-md) * 2.4);
padding: var(--space-3) var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 88%, var(--color-accent));
border-radius: var(--radius-md);
background: linear-gradient(180deg, var(--color-surface-strong), var(--color-surface-soft));
color: var(--color-text);
box-shadow: 0 2px 0 color-mix(in srgb, var(--color-bg-soft) 72%, transparent);
resize: vertical;
}

.tovelin-textarea[b-wjrg4kflmj]::placeholder {
color: color-mix(in srgb, var(--color-muted) 78%, var(--color-surface));
}

.tovelin-textarea:focus-visible[b-wjrg4kflmj] {
outline: 3px solid color-mix(in srgb, var(--color-secondary) 62%, transparent);
outline-offset: 3px;
border-color: color-mix(in srgb, var(--color-secondary-dark) 54%, var(--color-border));
box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-secondary) 34%, transparent), var(--shadow-soft);
}

.tovelin-textarea--compact[b-wjrg4kflmj] {
min-height: calc(var(--control-size-input-md) * 1.8);
}

.tovelin-textarea--invalid[b-wjrg4kflmj] {
border-color: var(--color-danger-dark);
}

[data-bs-theme="dark"] .tovelin-textarea[b-wjrg4kflmj] {
background: linear-gradient(180deg, var(--color-surface-strong), var(--color-surface));
box-shadow: 0 2px 0 color-mix(in srgb, black 28%, transparent);
}
/* _content/Tovelin.Shared.UI/Components/Forms/TovelinToggleSwitch.razor.rz.scp.css */
.tovelin-toggle[b-7uwn5sp1ow] {
display: grid;
}

.tovelin-toggle__label[b-7uwn5sp1ow] {
display: inline-flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
gap: var(--space-3);
width: 100%;
cursor: pointer;
user-select: none;
}

.tovelin-toggle__track[b-7uwn5sp1ow] {
position: relative;
flex: 0 0 auto;
width: var(--control-size-toggle-track-w);
height: var(--control-size-toggle-track-h);
}

.tovelin-toggle__track input[b-7uwn5sp1ow] {
position: absolute;
inset: 0;
margin: 0;
opacity: 0;
}

.tovelin-toggle__thumb[b-7uwn5sp1ow] {
position: absolute;
inset: 0;
border-radius: 999px;
background: color-mix(in srgb, var(--color-border) 62%, var(--color-surface-soft));
border: 1px solid color-mix(in srgb, var(--color-border) 70%, var(--color-surface));
transition: background-color 180ms ease, border-color 180ms ease;
}

.tovelin-toggle__thumb[b-7uwn5sp1ow]::after {
content: "";
position: absolute;
top: var(--control-size-toggle-thumb-offset);
left: var(--control-size-toggle-thumb-offset);
width: var(--control-size-toggle-thumb);
height: var(--control-size-toggle-thumb);
border-radius: var(--radius-round);
background: var(--color-surface-strong);
box-shadow: 0 2px 4px color-mix(in srgb, var(--color-text) 18%, transparent);
transition: transform 180ms ease;
}

[data-bs-theme="dark"] .tovelin-toggle__thumb[b-7uwn5sp1ow] {
background: color-mix(in srgb, var(--color-border) 28%, var(--color-surface-muted));
border-color: var(--color-border);
}

[data-bs-theme="dark"] .tovelin-toggle__thumb[b-7uwn5sp1ow]::after {
background: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-toggle__track input:checked + .tovelin-toggle__thumb[b-7uwn5sp1ow] {
background: var(--color-primary);
}

[data-bs-theme="dark"] .tovelin-toggle__track input:focus-visible + .tovelin-toggle__thumb[b-7uwn5sp1ow] {
outline-color: color-mix(in srgb, var(--color-primary-dark) 72%, white);
}

.tovelin-toggle__track input:checked + .tovelin-toggle__thumb[b-7uwn5sp1ow] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 82%, white), var(--color-primary));
border-color: color-mix(in srgb, var(--color-primary-dark) 52%, var(--color-border));
}

.tovelin-toggle__track input:checked + .tovelin-toggle__thumb[b-7uwn5sp1ow]::after {
transform: translateX(calc(var(--control-size-toggle-track-w) - var(--control-size-toggle-thumb) - (var(--control-size-toggle-thumb-offset) * 2)));
}

.tovelin-toggle__track input:focus-visible + .tovelin-toggle__thumb[b-7uwn5sp1ow] {
outline: 3px solid color-mix(in srgb, var(--color-secondary) 62%, transparent);
outline-offset: 3px;
}

.tovelin-toggle__copy[b-7uwn5sp1ow] {
display: grid;
gap: 0.15rem;
min-width: 0;
}

.tovelin-toggle__title[b-7uwn5sp1ow] {
}

.tovelin-toggle__description[b-7uwn5sp1ow] {
}
/* _content/Tovelin.Shared.UI/Components/Games/GameSeriesCatalogModal.razor.rz.scp.css */
.game-series-catalog-modal-host[b-f2pwfeay4p] {
display: contents;
}

.game-series-catalog-modal__grid[b-f2pwfeay4p] {
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: stretch;
align-content: start;
gap: var(--space-3);
min-width: 0;
}

.game-series-catalog-modal__item[b-f2pwfeay4p] {
display: grid;
min-width: 0;
}

/* The shared popup owns responsive sizing, inset and scrolling behavior. */
/* _content/Tovelin.Shared.UI/Components/Games/TovelinClockFace.razor.rz.scp.css */
.clock-face[b-naxdrnten8] { display: block; width: 100%; height: auto; aspect-ratio: 1; }
.clock-face__rim[b-naxdrnten8] { fill: var(--color-secondary); stroke: var(--color-secondary-dark); stroke-width: 2; }
.clock-face__face[b-naxdrnten8] { fill: var(--color-surface); }
.clock-face__tick[b-naxdrnten8] { stroke: var(--color-text); stroke-width: 2; }
.clock-face text[b-naxdrnten8] { fill: var(--color-text); font-size: 32px; font-weight: 700; text-anchor: middle; dominant-baseline: central; }
.clock-face__hour[b-naxdrnten8] { stroke: var(--color-text); stroke-width: 12; stroke-linecap: round; }
.clock-face__minute[b-naxdrnten8] { stroke: var(--color-primary-dark); stroke-width: 7; stroke-linecap: round; }
.clock-face__hub[b-naxdrnten8] { fill: var(--color-text); }
/* _content/Tovelin.Shared.UI/Components/Games/TovelinGameShell.razor.rz.scp.css */
.tovelin-game-shell[b-g30owyd1tv] {
--tovelin-game-content-inline-inset: clamp(var(--space-3), 2vw, var(--space-6));
position: relative;
width: 100%;
max-width: 100%;
min-height: var(--tovelin-vp-height, 100dvh);
min-width: 0;
overflow-x: hidden;
overflow-x: clip;
color: var(--color-foreground);
background:
linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 78%, var(--color-bg)) 0%, var(--color-bg) 100%);
}

.tovelin-game-shell__playfield[b-g30owyd1tv] {
width: 100%;
max-width: 100%;
min-height: var(--tovelin-vp-height, 100dvh);
min-width: 0;
overflow-x: hidden;
overflow-x: clip;
padding:
calc(clamp(0.75rem, 2vw, 1.5rem) + var(--safe-area-top, 0px))
calc(clamp(0.75rem, 2.5vw, 2rem) + var(--safe-area-right, 0px))
calc(4.5rem + var(--safe-area-bottom, 0px))
calc(clamp(0.75rem, 2.5vw, 2rem) + var(--safe-area-left, 0px));
}

.tovelin-game-shell__bar[b-g30owyd1tv] {
position: fixed;
z-index: 35;
left: calc(clamp(0.75rem, 2.5vw, 2rem) + var(--safe-area-left, 0px));
right: calc(clamp(0.75rem, 2.5vw, 2rem) + var(--safe-area-right, 0px));
bottom: calc(0.7rem + var(--safe-area-bottom, 0px));
transform: none;
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: center;
gap: 0;
width: auto;
max-width: 72rem;
margin-inline: auto;
padding: 0;
border: 0;
border-radius: 999px;
background: transparent;
box-shadow: none;
color: var(--color-primary-dark);
}

.tovelin-game-shell__bar-toggle[b-g30owyd1tv],
.tovelin-game-shell__bar-back[b-g30owyd1tv],
.tovelin-game-shell__top-progress-button[b-g30owyd1tv] {
display: grid;
color: inherit;
cursor: pointer;
}

.tovelin-game-shell__bar-toggle:focus-visible[b-g30owyd1tv],
.tovelin-game-shell__bar-back:focus-visible[b-g30owyd1tv],
.tovelin-game-shell__top-progress-button:focus-visible[b-g30owyd1tv] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 42%, transparent);
outline-offset: 2px;
}

.tovelin-game-shell__top-progress-button[b-g30owyd1tv] {
position: fixed;
z-index: 35;
top: calc(0.25rem + var(--safe-area-top, 0px));
left: calc(clamp(0.75rem, 2.5vw, 2rem) + var(--tovelin-game-content-inline-inset) + var(--safe-area-left, 0px));
right: calc(clamp(0.75rem, 2.5vw, 2rem) + var(--tovelin-game-content-inline-inset) + var(--safe-area-right, 0px));
width: auto;
min-width: 0;
padding: 0;
border: 0;
background: transparent;
}

.tovelin-game-shell__top-progress[b-g30owyd1tv] {
width: 100%;
}

.tovelin-game-shell__bar-toggle--standalone[b-g30owyd1tv],
.tovelin-game-shell__bar-back--standalone[b-g30owyd1tv] {
position: static;
z-index: auto;
grid-area: 1 / 1;
place-items: center;
width: 2.75rem;
min-width: 2.75rem;
height: 2.75rem;
min-height: 2.75rem;
padding: 0;
border: 1px solid color-mix(in srgb, var(--color-border) 82%, var(--color-primary));
border-radius: 999px;
background: color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-surface));
box-shadow: 0 12px 28px rgb(25 38 74 / 14%);
}

.tovelin-game-shell__bar-toggle--standalone[b-g30owyd1tv] {
place-self: center end;
}

.tovelin-game-shell__bar-back--standalone[b-g30owyd1tv] {
place-self: center start;
text-decoration: none;
}

.tovelin-game-shell__bar-toggle--integrated[b-g30owyd1tv] {
display: none;
}

.tovelin-game-shell__bar-arrow[b-g30owyd1tv] {
display: inline-grid;
place-self: center;
place-items: center;
width: 1.2rem;
height: 1.2rem;
line-height: 1;
}

.tovelin-game-shell__bar-controls[b-g30owyd1tv] {
display: none;
grid-area: 1 / 1;
place-self: center;
width: min(34rem, calc(100% - 7rem));
min-width: 0;
}

.tovelin-game-shell__bar-menu-icon[b-g30owyd1tv] {
display: inline-grid;
place-items: center;
width: 1.35rem;
height: 1.35rem;
font-size: 1.25rem;
line-height: 1;
}

.tovelin-game-shell__bar-controls[b-g30owyd1tv]  .word-match__bottom-controls {
--word-match-bottom-controls-gap: clamp(var(--space-2), 1.5vw, var(--space-4));
}

.tovelin-game-shell__portrait-orientation-gate[b-g30owyd1tv] {
display: none;
}

.tovelin-game-shell--has-bottom-controls .tovelin-game-shell__playfield[b-g30owyd1tv] {
padding-bottom: calc(6rem + var(--safe-area-bottom, 0px));
}

.tovelin-game-shell--has-bottom-controls .tovelin-game-shell__bar[b-g30owyd1tv] {
border-radius: 1.15rem;
}

.tovelin-game-shell--has-bottom-controls .tovelin-game-shell__bar-controls[b-g30owyd1tv] {
display: grid;
}

.tovelin-game-shell:not(.tovelin-game-shell--has-bottom-controls) .tovelin-game-shell__bar[b-g30owyd1tv] {
left: auto;
right: calc(0.75rem + var(--safe-area-right, 0px));
width: 2.75rem;
max-width: 2.75rem;
height: auto;
grid-template-columns: auto;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
transform: none;
}

.tovelin-game-shell__scrim[b-g30owyd1tv] {
position: fixed;
inset: 0;
z-index: 36;
border: 0;
background: rgb(17 24 39 / 18%);
backdrop-filter: blur(3px);
}

.tovelin-game-shell__panel[b-g30owyd1tv] {
position: fixed;
z-index: 37;
left: 0;
right: 0;
bottom: 0;
transform: translateY(105%);
width: min(58rem, calc(100dvw - 1rem - var(--safe-area-left, 0px) - var(--safe-area-right, 0px)));
max-width: calc(100dvw - var(--safe-area-left, 0px) - var(--safe-area-right, 0px));
min-width: 0;
margin-inline: auto;
display: grid;
gap: var(--space-3);
padding: 0.8rem clamp(1rem, 2vw, 1.35rem) calc(1rem + var(--safe-area-bottom, 0px));
border: 1px solid var(--color-border);
border-bottom: 0;
border-radius: 1.2rem 1.2rem 0 0;
background: color-mix(in srgb, var(--color-surface) 96%, var(--color-bg));
box-shadow: 0 -22px 54px rgb(23 35 69 / 16%);
transition: transform 460ms cubic-bezier(0.2, 0.72, 0.22, 1);
}

.tovelin-game-shell__panel--open[b-g30owyd1tv] {
transform: none;
}

.tovelin-game-shell__panel-row[b-g30owyd1tv],
.tovelin-game-shell__context[b-g30owyd1tv],
.tovelin-game-shell__status-row[b-g30owyd1tv] {
display: flex;
align-items: center;
gap: var(--space-2);
min-width: 0;
}

.tovelin-game-shell__panel-row--top[b-g30owyd1tv],
.tovelin-game-shell__panel-row--title[b-g30owyd1tv] {
justify-content: space-between;
min-width: 0;
}

.tovelin-game-shell__back[b-g30owyd1tv],
.tovelin-game-shell__icon-button[b-g30owyd1tv] {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--color-border);
background: color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-surface));
color: var(--color-foreground);
text-decoration: none;
cursor: pointer;
}

.tovelin-game-shell__back[b-g30owyd1tv] {
gap: 0.45rem;
min-height: 2.15rem;
padding: 0 0.8rem;
border-radius: 999px;
font-size: 0.9rem;
font: inherit;
}

.tovelin-game-shell__icon-button[b-g30owyd1tv] {
width: 2.2rem;
height: 2.2rem;
border-radius: 999px;
}

.tovelin-game-shell__icon-button:disabled[b-g30owyd1tv] {
cursor: not-allowed;
opacity: 0.52;
}

.tovelin-game-shell__icon-button--active[b-g30owyd1tv],
.tovelin-game-shell__icon-button:not(:disabled):hover[b-g30owyd1tv],
.tovelin-game-shell__icon-button:not(:disabled):focus-visible[b-g30owyd1tv],
.tovelin-game-shell__back:hover[b-g30owyd1tv],
.tovelin-game-shell__back:focus-visible[b-g30owyd1tv] {
border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
color: var(--color-primary-dark);
outline: none;
}

.tovelin-game-shell__title-block[b-g30owyd1tv] {
min-width: 0;
}

.tovelin-game-shell__title-block h1[b-g30owyd1tv],
.tovelin-game-shell__about p[b-g30owyd1tv],
.tovelin-game-shell__about h2[b-g30owyd1tv],
.tovelin-game-shell__settings h2[b-g30owyd1tv] {
margin: 0;
}

.tovelin-game-shell__title-block h1[b-g30owyd1tv] {
font-size: clamp(1.18rem, 2vw, 1.55rem);
line-height: 1.1;
font-weight: var(--font-weight-semibold);
overflow-wrap: anywhere;
}

.tovelin-game-shell__title-actions[b-g30owyd1tv] {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
gap: 0.45rem;
}

.tovelin-game-shell__context[b-g30owyd1tv] {
flex-wrap: wrap;
}

.tovelin-game-shell__pill[b-g30owyd1tv] {
display: inline-flex;
align-items: center;
gap: 0.38rem;
max-width: 100%;
min-width: 0;
min-height: 1.6rem;
padding: 0 0.62rem;
border: 1px solid color-mix(in srgb, var(--color-secondary-dark) 22%, var(--color-border));
border-radius: 999px;
background: color-mix(in srgb, var(--color-secondary) 10%, var(--color-surface));
color: var(--color-foreground);
font-size: 0.84rem;
line-height: 1.2;
overflow-wrap: anywhere;
}

.tovelin-game-shell__pill--group[b-g30owyd1tv] {
border-color: color-mix(in srgb, var(--color-success-dark) 22%, var(--color-border));
background: color-mix(in srgb, var(--color-success) 11%, var(--color-surface));
}

.tovelin-game-shell__icon-button--switch[b-g30owyd1tv] {
width: 1.8rem;
height: 1.8rem;
font-size: 0.86rem;
}

.tovelin-game-shell__status-row[b-g30owyd1tv] {
align-items: stretch;
flex-wrap: wrap;
}

.tovelin-game-shell__score[b-g30owyd1tv],
.tovelin-game-shell__panel-progress[b-g30owyd1tv],
.tovelin-game-shell__about[b-g30owyd1tv] {
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-secondary) 32%, var(--color-surface));
}

.tovelin-game-shell:fullscreen[b-g30owyd1tv] {
width: 100vw;
height: 100vh;
overflow: auto;
background:
linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 78%, var(--color-bg)) 0%, var(--color-bg) 100%);
}

.tovelin-game-shell__fullscreen-exit[b-g30owyd1tv] {
display: none;
}

.tovelin-game-shell:fullscreen .tovelin-game-shell__fullscreen-enter[b-g30owyd1tv] {
display: none;
}

.tovelin-game-shell:fullscreen .tovelin-game-shell__fullscreen-exit[b-g30owyd1tv] {
display: inline-block;
}

.tovelin-game-shell__score[b-g30owyd1tv] {
flex: 1 1 0;
min-width: 8.5rem;
display: grid;
gap: 0.1rem;
padding: 0.72rem 0.85rem;
}

.tovelin-game-shell__score strong[b-g30owyd1tv] {
font-size: 1.02rem;
font-weight: var(--font-weight-semibold);
}

.tovelin-game-shell__panel-progress[b-g30owyd1tv] {
flex: 3 1 0;
min-width: 0;
display: grid;
align-content: center;
gap: 0.5rem;
padding: 0.72rem 0.95rem;
}

.tovelin-game-shell__about[b-g30owyd1tv] {
display: grid;
gap: 0.8rem;
padding: 0.85rem 1rem;
background: color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-surface));
will-change: opacity, clip-path;
animation: game-shell-about-expand-b-g30owyd1tv 260ms cubic-bezier(0.2, 0.72, 0.22, 1) both;
}

.tovelin-game-shell__about--closing[b-g30owyd1tv] {
pointer-events: none;
animation: game-shell-about-collapse-b-g30owyd1tv 220ms cubic-bezier(0.55, 0.02, 0.78, 0.24) both;
}

.tovelin-game-shell__about-section[b-g30owyd1tv] {
display: grid;
gap: 0.28rem;
min-width: 0;
}

.tovelin-game-shell__about-section + .tovelin-game-shell__about-section[b-g30owyd1tv] {
padding-top: 0.7rem;
border-top: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent);
}

.tovelin-game-shell__about h2[b-g30owyd1tv] {
font-size: 0.94rem;
line-height: 1.2;
font-weight: var(--font-weight-semibold);
}

.tovelin-game-shell__settings-modal-host[b-g30owyd1tv] {
position: fixed;
inset: 0;
z-index: var(--z-modal);
isolation: isolate;
pointer-events: auto;
touch-action: manipulation;
}

.tovelin-game-shell__settings-modal-host[b-g30owyd1tv]  .tovelin-game-shell__settings {
width: min(100%, 26rem);
max-width: 26rem;
max-height: calc(var(--tovelin-vp-height, 100dvh) - 2rem - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px));
}

.tovelin-game-shell--settings-open > .tovelin-game-shell__playfield[b-g30owyd1tv],
.tovelin-game-shell--settings-open > .tovelin-game-shell__panel[b-g30owyd1tv],
.tovelin-game-shell--settings-open > .tovelin-game-shell__top-progress-button[b-g30owyd1tv],
.tovelin-game-shell--settings-open > .tovelin-game-shell__bar[b-g30owyd1tv] {
pointer-events: none;
}

.tovelin-game-shell__settings-modal-host[b-g30owyd1tv]  .tovelin-game-shell__settings .tovelin-modal__body {
padding: 0;
gap: 0;
overflow: hidden;
}

.tovelin-game-shell__exercise-list[b-g30owyd1tv] {
display: grid;
gap: var(--space-2);
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
padding: var(--space-3) var(--space-4);
}

.tovelin-game-shell__exercise-option[b-g30owyd1tv] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-2);
align-items: start;
min-width: 0;
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-primary) 32%, var(--color-border));
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-surface-soft) 62%, var(--color-surface));
}

.tovelin-game-shell__exercise-option--selected[b-g30owyd1tv] {
border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
}

.tovelin-game-shell__exercise-option input[b-g30owyd1tv] {
margin-top: 0.15rem;
accent-color: var(--color-primary);
}

.tovelin-game-shell__exercise-option strong[b-g30owyd1tv],
.tovelin-game-shell__exercise-option small[b-g30owyd1tv] {
display: block;
min-width: 0;
overflow-wrap: anywhere;
}

.tovelin-game-shell__exercise-option small[b-g30owyd1tv] {
margin-top: 0.18rem;
color: var(--color-muted);
}

.tovelin-game-shell__settings-action[b-g30owyd1tv] {
min-width: 5.5rem;
}

@media (prefers-reduced-motion: reduce) {
.tovelin-game-shell__panel[b-g30owyd1tv] {
transition: none;
}
.tovelin-game-shell__about[b-g30owyd1tv] {
animation: none;
clip-path: none;
transform: none;
}
}

@keyframes game-shell-about-expand-b-g30owyd1tv {
from {
opacity: 0;
clip-path: inset(0 0 92% 92% round 999px);
}
68% {
opacity: 1;
clip-path: inset(0 0 0 0 round var(--radius-md));
}
to {
opacity: 1;
clip-path: inset(0 0 0 0 round var(--radius-md));
}
}

@keyframes game-shell-about-collapse-b-g30owyd1tv {
from {
opacity: 1;
clip-path: inset(0 0 0 0 round var(--radius-md));
}
to {
opacity: 0;
clip-path: inset(0 0 92% 92% round 999px);
}
}

@media (max-height: 600px) and (orientation: landscape),
(max-width: 760px) and (orientation: portrait) {
.tovelin-game-shell[b-g30owyd1tv] {
--tovelin-game-content-inline-inset: var(--space-2);
}
}

@media (max-width: 720px) {
.tovelin-game-shell__playfield[b-g30owyd1tv] {
padding-inline:
calc(0.75rem + var(--safe-area-left, 0px))
calc(0.75rem + var(--safe-area-right, 0px));
}
.tovelin-game-shell__top-progress-button[b-g30owyd1tv] {
left: calc(0.75rem + var(--tovelin-game-content-inline-inset) + var(--safe-area-left, 0px));
right: calc(0.75rem + var(--tovelin-game-content-inline-inset) + var(--safe-area-right, 0px));
}
.tovelin-game-shell__panel[b-g30owyd1tv] {
width: 100%;
max-width: 100dvw;
border-radius: 1rem 1rem 0 0;
}
.tovelin-game-shell__status-row[b-g30owyd1tv] {
display: grid;
grid-template-columns: 1fr;
}
}

@media (orientation: portrait) and (max-width: 1024px) {
.tovelin-game-shell__playfield[b-g30owyd1tv] {
padding:
calc(1.25rem + var(--safe-area-top, 0px))
calc(0.55rem + var(--safe-area-right, 0px))
calc(4.6rem + var(--safe-area-bottom, 0px))
calc(0.55rem + var(--safe-area-left, 0px));
}
.tovelin-game-shell__top-progress-button[b-g30owyd1tv] {
left: calc(0.55rem + var(--tovelin-game-content-inline-inset) + var(--safe-area-left, 0px));
right: calc(0.55rem + var(--tovelin-game-content-inline-inset) + var(--safe-area-right, 0px));
}
.tovelin-game-shell--has-bottom-controls .tovelin-game-shell__playfield[b-g30owyd1tv] {
padding-bottom: calc(6rem + var(--safe-area-bottom, 0px));
}
.tovelin-game-shell--has-bottom-controls .tovelin-game-shell__bar[b-g30owyd1tv] {
left: calc(0.55rem + var(--safe-area-left, 0px));
right: calc(0.55rem + var(--safe-area-right, 0px));
border-radius: 1.15rem;
padding: 0;
}
.tovelin-game-shell--has-bottom-controls .tovelin-game-shell__bar-controls[b-g30owyd1tv] {
display: grid;
}
}

@media (orientation: portrait) and (max-width: 720px) {
.tovelin-game-shell__bar[b-g30owyd1tv] {
left: 50%;
right: auto;
grid-template-columns: minmax(0, 1fr);
gap: 0.35rem;
width: min(34rem, calc(100dvw - 1.25rem - var(--safe-area-left, 0px) - var(--safe-area-right, 0px)));
max-width: calc(100dvw - 0.75rem - var(--safe-area-left, 0px) - var(--safe-area-right, 0px));
padding: 0.35rem 0.7rem 0.7rem;
border: 1px solid color-mix(in srgb, var(--color-border) 82%, var(--color-primary));
background: color-mix(in srgb, var(--color-surface) 94%, var(--color-bg));
box-shadow: 0 18px 44px rgb(25 38 74 / 14%);
transform: translateX(-50%);
}
.tovelin-game-shell--has-bottom-controls .tovelin-game-shell__bar[b-g30owyd1tv] {
left: 50%;
right: auto;
width: min(34rem, calc(100dvw - 1.25rem - var(--safe-area-left, 0px) - var(--safe-area-right, 0px)));
max-width: calc(100dvw - 0.75rem - var(--safe-area-left, 0px) - var(--safe-area-right, 0px));
padding: 0.28rem 0.5rem 0.58rem;
transform: translateX(-50%);
}
.tovelin-game-shell__bar-controls[b-g30owyd1tv]  .word-match__bottom-controls {
--word-match-bottom-controls-gap: var(--space-2);
}
.tovelin-game-shell__bar-controls[b-g30owyd1tv] {
grid-area: auto;
place-self: stretch;
width: 100%;
}
.tovelin-game-shell__bar-toggle--standalone[b-g30owyd1tv],
.tovelin-game-shell__bar-back--standalone[b-g30owyd1tv] {
display: none;
}
.tovelin-game-shell__bar-toggle--integrated[b-g30owyd1tv] {
display: grid;
position: static;
z-index: auto;
place-self: stretch;
width: 100%;
min-width: 0;
height: auto;
min-height: 1.2rem;
padding: 1px 6px;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.tovelin-game-shell__bar-arrow[b-g30owyd1tv] {
width: 1.8rem;
height: 1.2rem;
}
.tovelin-game-shell:not(.tovelin-game-shell--has-bottom-controls) .tovelin-game-shell__bar[b-g30owyd1tv] {
position: fixed;
left: 50%;
right: auto;
width: min(34rem, calc(100dvw - 1.25rem - var(--safe-area-left, 0px) - var(--safe-area-right, 0px)));
max-width: calc(100dvw - 0.75rem - var(--safe-area-left, 0px) - var(--safe-area-right, 0px));
height: auto;
padding: 0.35rem 0.7rem 0.7rem;
border: 1px solid color-mix(in srgb, var(--color-border) 82%, var(--color-primary));
background: color-mix(in srgb, var(--color-surface) 94%, var(--color-bg));
box-shadow: 0 18px 44px rgb(25 38 74 / 14%);
transform: translateX(-50%);
}
}

@media (max-width: 420px) {
.tovelin-game-shell__panel-row--title[b-g30owyd1tv] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
}
.tovelin-game-shell__title-actions[b-g30owyd1tv] {
gap: 0.35rem;
}
.tovelin-game-shell__icon-button[b-g30owyd1tv] {
width: 2.05rem;
height: 2.05rem;
}
.tovelin-game-shell__exercise-list[b-g30owyd1tv] {
padding: var(--space-3);
}
}

@media (max-height: 560px) and (orientation: landscape) {
.tovelin-game-shell__playfield[b-g30owyd1tv] {
padding-top: calc(1.25rem + var(--safe-area-top, 0px));
padding-bottom: calc(2.75rem + var(--safe-area-bottom, 0px));
}
.tovelin-game-shell__bar[b-g30owyd1tv] {
bottom: calc(0.25rem + var(--safe-area-bottom, 0px));
gap: 0;
padding: 0;
border-radius: 1rem;
}
.tovelin-game-shell--has-bottom-controls .tovelin-game-shell__playfield[b-g30owyd1tv] {
padding-bottom: calc(4.5rem + var(--safe-area-bottom, 0px));
}
.tovelin-game-shell__bar-toggle--standalone[b-g30owyd1tv],
.tovelin-game-shell__bar-back--standalone[b-g30owyd1tv] {
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
}
.tovelin-game-shell__bar-arrow[b-g30owyd1tv] {
width: 1rem;
height: 1rem;
}
.tovelin-game-shell__panel[b-g30owyd1tv] {
gap: var(--space-2);
padding-top: 0.65rem;
}
}

.tovelin-vp-compact-height .tovelin-game-shell__playfield[b-g30owyd1tv] {
min-height: var(--tovelin-vp-height, 100dvh);
}

.tovelin-vp-compact-height .tovelin-game-shell[b-g30owyd1tv] {
min-height: var(--tovelin-vp-height, 100dvh);
}

.tovelin-vp-narrow-landscape .tovelin-game-shell__playfield[b-g30owyd1tv] {
padding-top: calc(1.25rem + var(--safe-area-top, 0px));
padding-inline:
calc(0.28rem + var(--safe-area-left, 0px))
calc(0.28rem + var(--safe-area-right, 0px));
}

.tovelin-vp-narrow-landscape .tovelin-game-shell__top-progress-button[b-g30owyd1tv] {
left: calc(0.28rem + var(--tovelin-game-content-inline-inset) + var(--safe-area-left, 0px));
right: calc(0.28rem + var(--tovelin-game-content-inline-inset) + var(--safe-area-right, 0px));
}

.tovelin-vp-narrow-landscape .tovelin-game-shell__bar[b-g30owyd1tv] {
left: calc(0.28rem + var(--safe-area-left, 0px));
right: calc(0.28rem + var(--safe-area-right, 0px));
bottom: calc(0.25rem + var(--safe-area-bottom, 0px));
padding: 0;
}

.tovelin-vp-narrow-landscape .tovelin-game-shell__bar-toggle--standalone[b-g30owyd1tv],
.tovelin-vp-narrow-landscape .tovelin-game-shell__bar-back--standalone[b-g30owyd1tv] {
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
}

@media (max-width: 760px) and (orientation: landscape) {
.tovelin-game-shell__playfield[b-g30owyd1tv] {
padding-inline:
calc(0.35rem + var(--safe-area-left, 0px))
calc(0.35rem + var(--safe-area-right, 0px));
}
.tovelin-game-shell__top-progress-button[b-g30owyd1tv] {
left: calc(0.35rem + var(--tovelin-game-content-inline-inset) + var(--safe-area-left, 0px));
right: calc(0.35rem + var(--tovelin-game-content-inline-inset) + var(--safe-area-right, 0px));
}
.tovelin-game-shell__bar[b-g30owyd1tv] {
left: calc(0.35rem + var(--safe-area-left, 0px));
right: calc(0.35rem + var(--safe-area-right, 0px));
}
}

.tovelin-game-shell--stage-anchored-controls > .tovelin-game-shell__bar[b-g30owyd1tv] {
top: calc(var(--tovelin-game-controls-anchor-bottom) + var(--space-2));
bottom: auto;
}

@media (max-height: 330px) and (orientation: landscape) {
.tovelin-game-shell--supports-portrait > :not(.tovelin-game-shell__portrait-orientation-gate)[b-g30owyd1tv] {
visibility: hidden;
}
.tovelin-game-shell--supports-portrait > .tovelin-game-shell__portrait-orientation-gate[b-g30owyd1tv] {
position: fixed;
z-index: 80;
inset: 0;
display: grid;
place-items: center;
padding:
calc(0.75rem + var(--safe-area-top, 0px))
calc(0.75rem + var(--safe-area-right, 0px))
calc(0.75rem + var(--safe-area-bottom, 0px))
calc(0.75rem + var(--safe-area-left, 0px));
visibility: visible;
background: color-mix(in srgb, var(--color-bg) 94%, var(--color-surface));
}
.tovelin-game-shell__portrait-orientation-card[b-g30owyd1tv] {
display: grid;
justify-items: center;
gap: var(--space-2);
width: min(100%, 28rem);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-surface) 94%, var(--color-bg));
text-align: center;
box-shadow: 0 20px 48px rgb(25 38 74 / 10%);
}
.tovelin-game-shell__portrait-orientation-card i[b-g30owyd1tv] {
font-size: 2.3rem;
color: var(--color-primary-dark);
}
.tovelin-game-shell__portrait-orientation-card p[b-g30owyd1tv] {
margin: 0;
font-size: 1.2rem;
font-weight: var(--font-weight-semibold);
}
}
/* _content/Tovelin.Shared.UI/Components/Games/TovelinMoneyCoin.razor.rz.scp.css */
.money-coin[b-5e1yjylfhp] { display: inline-flex; flex: none; align-items: center; justify-content: center; gap: 3px; width: 3rem; height: 3rem; border: 2px solid var(--color-accent-dark); border-radius: 50%; background: var(--color-accent); color: var(--color-on-accent); box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--color-surface) 35%, transparent); }
.money-coin strong[b-5e1yjylfhp] { font-family: var(--font-learning); font-size: 1.2rem; line-height: 1; }
.money-coin small[b-5e1yjylfhp] { font-size: .7rem; }
.money-coin--1[b-5e1yjylfhp] { background: #c7cfd3; border-color: #67757e; color: #213b49; }
.money-coin--2[b-5e1yjylfhp] { background: #dfb7a4; border-color: #92624d; color: #3d2a21; }
.money-coin--5[b-5e1yjylfhp] { background: #d0d8c5; border-color: #728062; color: #293722; }
.money-coin--10[b-5e1yjylfhp] { width: 3.4rem; height: 3.4rem; }
/* _content/Tovelin.Shared.UI/Components/Layout/TovelinCard.razor.rz.scp.css */
.tovelin-card[b-cxqeb8mcyy] {
display: flex;
flex-direction: column;
gap: var(--space-4);
padding: var(--space-6);
border: 1px solid color-mix(in srgb, var(--color-border) 82%, var(--color-accent));
border-radius: var(--radius-lg);
background:
linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 82%, var(--color-bg)), var(--color-surface));
color: var(--color-text);
box-shadow: var(--shadow-soft);
}

.tovelin-card--elevated[b-cxqeb8mcyy] {
box-shadow: var(--shadow-elevated);
}

.tovelin-card--compact[b-cxqeb8mcyy] {
padding: var(--space-4);
gap: var(--space-3);
}

.tovelin-card--soft[b-cxqeb8mcyy] {
background: linear-gradient(180deg, var(--color-surface-soft), color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-bg)));
}

.tovelin-card--accent[b-cxqeb8mcyy] {
background: linear-gradient(180deg, color-mix(in srgb, var(--section-yellow) 88%, var(--color-surface)), var(--section-yellow));
border-color: color-mix(in srgb, var(--color-accent-dark) 36%, var(--color-border));
}

.tovelin-card--success[b-cxqeb8mcyy] {
background: linear-gradient(180deg, color-mix(in srgb, var(--section-mint) 88%, var(--color-surface)), var(--section-mint));
border-color: color-mix(in srgb, var(--color-success-dark) 28%, var(--color-border));
}

[data-bs-theme="dark"] .tovelin-card--soft[b-cxqeb8mcyy] {
background: color-mix(in srgb, var(--color-surface-strong) 92%, var(--color-bg-soft));
}

[data-bs-theme="dark"] .tovelin-card--default[b-cxqeb8mcyy] {
background: linear-gradient(180deg, var(--color-surface-strong), var(--color-surface));
}

[data-bs-theme="dark"] .tovelin-card--accent[b-cxqeb8mcyy] {
background: var(--section-yellow);
}

[data-bs-theme="dark"] .tovelin-card--success[b-cxqeb8mcyy] {
background: var(--section-mint);
}

.tovelin-card__header[b-cxqeb8mcyy] {
display: grid;
gap: var(--space-2);
}

.tovelin-card__eyebrow[b-cxqeb8mcyy] {
color: var(--color-muted);
}

.tovelin-card__title[b-cxqeb8mcyy] {
}

.tovelin-card__subtitle[b-cxqeb8mcyy] {
}

.tovelin-card__body[b-cxqeb8mcyy],
.tovelin-card__footer[b-cxqeb8mcyy] {
display: grid;
gap: var(--space-3);
}
/* _content/Tovelin.Shared.UI/Components/Layout/TovelinCluster.razor.rz.scp.css */
.tovelin-cluster[b-f50htp5er1] {
display: flex;
flex-wrap: wrap;
min-width: 0;
}
/* _content/Tovelin.Shared.UI/Components/Layout/TovelinDivider.razor.rz.scp.css */
.tovelin-divider[b-o34lrs6y61] {
margin: var(--space-6) 0;
border: 0;
border-top: 1px solid var(--color-border);
opacity: 1;
}

.tovelin-divider--compact[b-o34lrs6y61] {
margin: var(--space-4) 0;
}

.tovelin-divider--inset[b-o34lrs6y61] {
margin-inline: var(--space-4);
}
/* _content/Tovelin.Shared.UI/Components/Layout/TovelinGrid.razor.rz.scp.css */
.tovelin-grid[b-9y3i8138y7] {
display: grid;
grid-template-columns: repeat(var(--tovelin-grid-columns, 2), minmax(0, 1fr));
min-width: 0;
}

@media (max-width: 980px) {
.tovelin-grid[b-9y3i8138y7] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Components/Layout/TovelinInline.razor.rz.scp.css */
.tovelin-inline[b-zdwcq3mg34] {
display: flex;
flex-wrap: nowrap;
min-width: 0;
}
/* _content/Tovelin.Shared.UI/Components/Layout/TovelinPageHeader.razor.rz.scp.css */
.tovelin-page-header[b-9eut2w0jl1] {
display: grid;
gap: var(--space-5);
min-width: 0;
}

.tovelin-page-header__copy[b-9eut2w0jl1] {
display: grid;
gap: var(--space-3);
min-width: 0;
}

.tovelin-page-header__kicker[b-9eut2w0jl1] {
margin: 0;
}

.tovelin-page-header__title[b-9eut2w0jl1] {
margin: 0;
max-width: 17ch;
color: var(--color-text);
}

.tovelin-page-header__text[b-9eut2w0jl1] {
margin: 0;
max-width: 40rem;
}

.tovelin-page-header__body[b-9eut2w0jl1] {
display: grid;
gap: var(--space-4);
}

.tovelin-page-header--workspace[b-9eut2w0jl1] {
gap: var(--space-2);
}

.tovelin-page-header--workspace .tovelin-page-header__copy[b-9eut2w0jl1] {
gap: var(--space-1);
}

.tovelin-page-header--workspace .tovelin-page-header__title[b-9eut2w0jl1] {
font-size: var(--font-size-h1);
line-height: 1.1;
overflow-wrap: anywhere;
}
/* _content/Tovelin.Shared.UI/Components/Layout/TovelinPageSection.razor.rz.scp.css */
.tovelin-page-section[b-72k3k8pxq7] {
display: grid;
gap: var(--space-4);
min-width: 0;
width: 100%;
}

.tovelin-page-section--compact[b-72k3k8pxq7] {
gap: var(--space-3);
}

.tovelin-page-section__header[b-72k3k8pxq7],
.tovelin-page-section__body[b-72k3k8pxq7],
.tovelin-page-section__footer[b-72k3k8pxq7] {
display: grid;
gap: var(--space-3);
min-width: 0;
}
/* _content/Tovelin.Shared.UI/Components/Layout/TovelinSectionHeader.razor.rz.scp.css */
.tovelin-section-header[b-ojlb2iy3k4] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.tovelin-section-header__top[b-ojlb2iy3k4] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-2);
min-width: 0;
}

.tovelin-section-header__copy[b-ojlb2iy3k4] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.tovelin-section-header__kicker[b-ojlb2iy3k4] {
margin: 0;
}

.tovelin-section-header__title[b-ojlb2iy3k4] {
margin: 0;
max-width: 36rem;
}

.tovelin-section-header__text[b-ojlb2iy3k4] {
margin: 0;
max-width: 60rem;
}

.tovelin-section-header__body[b-ojlb2iy3k4] {
display: grid;
gap: var(--space-3);
}

.tovelin-section-header__actions[b-ojlb2iy3k4] {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: var(--space-2);
min-width: 0;
}
/* _content/Tovelin.Shared.UI/Components/Layout/TovelinStack.razor.rz.scp.css */
.tovelin-stack[b-18jl7ybk4x] {
display: grid;
grid-auto-flow: row;
min-width: 0;
}

@media (max-width: 980px) {
.tovelin-stack[b-18jl7ybk4x] {
min-width: 0;
}
}
/* _content/Tovelin.Shared.UI/Components/Layout/TovelinSurfaceSection.razor.rz.scp.css */
.tovelin-surface-section[b-xg149ghqpx] {
display: grid;
gap: var(--space-4);
min-width: 0;
width: 100%;
padding: var(--space-6);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
color: var(--color-text);
backdrop-filter: blur(var(--blur-glass));
background: var(--color-surface);
}

.tovelin-surface-section--elevated[b-xg149ghqpx] {
box-shadow: var(--shadow-soft);
}

.tovelin-surface-section--compact[b-xg149ghqpx] {
padding: var(--space-4);
gap: var(--space-3);
}

.tovelin-surface-section--soft[b-xg149ghqpx] {
background: color-mix(in srgb, var(--color-bg-soft) 78%, white);
}

.tovelin-surface-section--accent[b-xg149ghqpx] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 24%, white), white);
}

.tovelin-surface-section--success[b-xg149ghqpx] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-success) 20%, white), white);
}

.tovelin-surface-section--warning[b-xg149ghqpx] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-warning) 20%, white), white);
}

.tovelin-surface-section--danger[b-xg149ghqpx] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 16%, white), white);
}

.tovelin-surface-section--info[b-xg149ghqpx] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-info) 20%, white), white);
}

[data-bs-theme="dark"] .tovelin-surface-section--soft[b-xg149ghqpx] {
background: color-mix(in srgb, var(--color-surface-strong) 94%, var(--color-bg-soft));
}

[data-bs-theme="dark"] .tovelin-surface-section--accent[b-xg149ghqpx] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

[data-bs-theme="dark"] .tovelin-surface-section--success[b-xg149ghqpx] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-success) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

[data-bs-theme="dark"] .tovelin-surface-section--warning[b-xg149ghqpx] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-warning) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

[data-bs-theme="dark"] .tovelin-surface-section--danger[b-xg149ghqpx] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

[data-bs-theme="dark"] .tovelin-surface-section--info[b-xg149ghqpx] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-info) 8%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg-soft)));
}

.tovelin-surface-section__header[b-xg149ghqpx],
.tovelin-surface-section__body[b-xg149ghqpx],
.tovelin-surface-section__footer[b-xg149ghqpx] {
display: grid;
gap: var(--space-3);
min-width: 0;
}
/* _content/Tovelin.Shared.UI/Components/Messaging/MessageConversationList.razor.rz.scp.css */
.message-conversation-list[b-hjcbhopum0] {
display: grid;
gap: var(--space-2);
align-content: start;
align-items: start;
grid-auto-rows: max-content;
min-width: 0;
}

.message-conversation-list__load-older[b-hjcbhopum0] {
display: flex;
justify-content: center;
padding: var(--space-2) 0;
}

.message-conversation-list__item[b-hjcbhopum0] {
position: relative;
display: grid;
grid-template-columns: 2.25rem minmax(0, 1fr) auto;
align-items: start;
gap: var(--space-3);
width: 100%;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface);
color: inherit;
text-align: left;
font: inherit;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.message-conversation-list__item:hover[b-hjcbhopum0],
.message-conversation-list__item:focus-visible[b-hjcbhopum0] {
border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
box-shadow: var(--shadow-soft);
}

.message-conversation-list__item:focus-visible[b-hjcbhopum0] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 26%, transparent);
outline-offset: 2px;
}

.message-conversation-list__item.is-selected[b-hjcbhopum0] {
border-color: color-mix(in srgb, var(--color-primary) 48%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));
}

.message-conversation-list__icon[b-hjcbhopum0] {
display: inline-grid;
place-items: center;
width: 2.25rem;
height: 2.25rem;
border-radius: 8px;
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-soft));
color: var(--color-primary-dark);
}

.message-conversation-list__copy[b-hjcbhopum0] {
display: grid;
gap: 0.15rem;
min-width: 0;
}

.message-conversation-list__topline[b-hjcbhopum0] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: baseline;
gap: var(--space-2);
}

.message-conversation-list__topline strong[b-hjcbhopum0] {
min-width: 0;
overflow: hidden;
color: var(--color-text);
font-size: var(--font-size-body);
font-weight: var(--font-weight-semibold);
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}

.message-conversation-list__topline time[b-hjcbhopum0] {
color: var(--color-muted);
font-size: var(--font-size-caption);
}

.message-conversation-list__preview[b-hjcbhopum0] {
display: -webkit-box;
overflow: hidden;
color: var(--color-muted);
font-size: var(--font-size-small);
line-height: 1.45;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.message-conversation-list__preview.is-pending[b-hjcbhopum0] {
color: var(--color-primary-dark);
}

.message-conversation-list__preview.is-blocked[b-hjcbhopum0] {
color: var(--color-danger);
}

.message-conversation-list__badge[b-hjcbhopum0] {
display: inline-grid;
place-items: center;
min-width: 1.35rem;
height: 1.35rem;
padding-inline: 0.35rem;
border-radius: 999px;
background: var(--color-primary);
color: white;
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
}

.message-conversation-list__empty[b-hjcbhopum0] {
display: grid;
justify-items: center;
gap: var(--space-2);
padding: var(--space-5);
border: 1px dashed var(--color-border);
border-radius: 8px;
color: var(--color-muted);
text-align: center;
}

.message-conversation-list__empty p[b-hjcbhopum0] {
margin: 0;
font-size: var(--font-size-small);
}

@media (max-width: 520px) {
.message-conversation-list__item[b-hjcbhopum0] {
grid-template-columns: 2rem minmax(0, 1fr);
}
.message-conversation-list__badge[b-hjcbhopum0] {
grid-column: 2;
justify-self: start;
}
}
/* _content/Tovelin.Shared.UI/Components/Messaging/MessagePanelHost.razor.rz.scp.css */
.message-panel-launcher-anchor[b-ea5umu7eno] {
position: fixed;
right: calc(1rem + var(--safe-area-right, 0px));
bottom: calc(1rem + var(--safe-area-bottom, 0px));
z-index: 79;
display: inline-grid;
place-items: center;
width: 3rem;
height: 3rem;
}

.message-panel-launcher__badge[b-ea5umu7eno] {
pointer-events: none;
position: absolute;
top: -0.25rem;
right: -0.25rem;
display: inline-grid;
place-items: center;
min-width: 1.25rem;
height: 1.25rem;
padding-inline: 0.3rem;
border: 2px solid var(--color-surface);
border-radius: 999px;
background: var(--color-danger);
color: white;
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
}

.message-panel[b-ea5umu7eno] {
position: fixed;
right: calc(1rem + var(--safe-area-right, 0px));
bottom: calc(1rem + var(--safe-area-bottom, 0px));
z-index: 80;
display: grid;
grid-template-rows: auto minmax(0, 1fr);
grid-template-columns: minmax(0, 1fr);
min-width: 0;
width: min(24rem, calc(100vw - 2rem - var(--safe-area-left, 0px) - var(--safe-area-right, 0px)));
height: min(36rem, calc(100dvh - 6rem - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px)));
min-height: min(27rem, calc(100dvh - 6rem - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px)));
max-height: min(36rem, calc(100dvh - 6rem - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px)));
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface);
box-shadow: var(--shadow-elevated);
overflow: hidden;
}

.message-panel > .message-thread[b-ea5umu7eno],
.message-panel[b-ea5umu7eno]  .message-thread {
height: 100%;
min-height: 0;
overflow: hidden;
}

.message-panel__header[b-ea5umu7eno] {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
padding: var(--space-4);
border-bottom: 1px solid var(--color-border);
background: color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-surface));
}

.message-panel__heading[b-ea5umu7eno] {
grid-column: 2;
grid-row: 1;
min-width: 0;
overflow-wrap: anywhere;
}

.message-panel__header[b-ea5umu7eno]  .message-panel__close {
grid-column: 3;
grid-row: 1;
}

.message-panel__eyebrow[b-ea5umu7eno] {
margin: 0 0 var(--space-1);
color: var(--color-muted);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
letter-spacing: var(--tracking-caption);
text-transform: uppercase;
}

.message-panel__header h2[b-ea5umu7eno] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-body-lg);
line-height: 1.2;
}

.message-panel__header-actions[b-ea5umu7eno] {
grid-column: 1 / -1;
grid-row: 2;
min-width: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: var(--space-1);
flex: 0 0 auto;
}

.message-panel__header-actions[b-ea5umu7eno]  .message-panel__support-link {
white-space: nowrap;
}

.message-panel__state[b-ea5umu7eno],
.message-panel__inbox[b-ea5umu7eno],
.message-panel__thread[b-ea5umu7eno] {
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
}

.message-panel__state[b-ea5umu7eno],
.message-panel__inbox[b-ea5umu7eno] {
padding: var(--space-3);
}

.message-panel__inbox[b-ea5umu7eno] {
display: grid;
gap: var(--space-2);
}

.message-panel__conversation[b-ea5umu7eno] {
position: relative;
display: grid;
gap: var(--space-1);
width: 100%;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface);
color: inherit;
text-align: left;
cursor: pointer;
}

.message-panel__conversation:hover[b-ea5umu7eno],
.message-panel__conversation:focus-visible[b-ea5umu7eno] {
border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
}

.message-panel__conversation-title[b-ea5umu7eno] {
color: var(--color-text);
font-size: var(--font-size-body);
font-weight: var(--font-weight-semibold);
}

.message-panel__conversation-preview[b-ea5umu7eno] {
display: -webkit-box;
overflow: hidden;
color: var(--color-muted);
font-size: var(--font-size-small);
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.message-panel__badge[b-ea5umu7eno] {
position: absolute;
top: var(--space-2);
right: var(--space-2);
display: inline-grid;
place-items: center;
min-width: 1.25rem;
height: 1.25rem;
padding-inline: 0.3rem;
border-radius: 999px;
background: var(--color-primary);
color: white;
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
}

.message-panel__thread[b-ea5umu7eno] {
display: flex;
flex-direction: column;
gap: var(--space-2);
padding: var(--space-3);
}

.message-panel__bubble[b-ea5umu7eno] {
align-self: flex-start;
max-width: 84%;
display: grid;
gap: var(--space-1);
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface-soft);
}

.message-panel__bubble--mine[b-ea5umu7eno] {
align-self: flex-end;
border-color: color-mix(in srgb, var(--color-primary) 26%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 13%, var(--color-surface));
}

.message-panel__bubble p[b-ea5umu7eno] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-small);
line-height: 1.45;
overflow-wrap: anywhere;
}

.message-panel__bubble span[b-ea5umu7eno] {
color: var(--color-muted);
font-size: var(--font-size-caption);
}

.message-panel__composer[b-ea5umu7eno] {
display: grid;
gap: var(--space-2);
padding: var(--space-3);
border-top: 1px solid var(--color-border);
background: var(--color-surface);
}

.message-panel__input[b-ea5umu7eno] {
width: 100%;
min-height: 4.5rem;
resize: vertical;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface-strong);
color: var(--color-text);
font: inherit;
font-size: var(--font-size-small);
}

.message-panel__empty[b-ea5umu7eno] {
display: grid;
justify-items: center;
gap: var(--space-2);
padding: var(--space-5);
border: 1px dashed var(--color-border);
border-radius: 8px;
color: var(--color-muted);
text-align: center;
}

.message-panel__empty--thread[b-ea5umu7eno] {
margin-block: auto;
}

.message-panel__empty p[b-ea5umu7eno] {
margin: 0;
font-size: var(--font-size-small);
}

@media (max-width: 640px) {
.message-panel-launcher--combined-mobile[b-ea5umu7eno] { display: none; }
.message-panel-launcher-anchor[b-ea5umu7eno],
.message-panel-report-launcher[b-ea5umu7eno] {
right: calc(0.875rem + var(--safe-area-right, 0px));
}
.message-panel-launcher-anchor[b-ea5umu7eno] {
bottom: calc(0.875rem + var(--safe-area-bottom, 0px));
}
.message-panel-report-launcher[b-ea5umu7eno] {
bottom: calc(4.25rem + var(--safe-area-bottom, 0px));
}
.message-panel[b-ea5umu7eno] {
right: var(--safe-area-right, 0px);
bottom: var(--safe-area-bottom, 0px);
left: var(--safe-area-left, 0px);
width: auto;
height: min(40rem, calc(100dvh - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px)));
min-height: min(30rem, calc(100dvh - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px)));
max-height: min(40rem, calc(100dvh - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px)));
border-radius: 8px 8px 0 0;
}
}
/* _content/Tovelin.Shared.UI/Components/Messaging/MessageStartConversationModal.razor.rz.scp.css */
.message-start-modal[b-ryiwmoenul] {
display: grid;
gap: var(--space-4);
}

.message-start-modal__state[b-ryiwmoenul] {
display: grid;
align-content: center;
min-height: 10rem;
}

.message-start-modal__list[b-ryiwmoenul] {
display: grid;
gap: var(--space-2);
max-height: min(24rem, 54dvh);
overflow-y: auto;
padding-right: 0.15rem;
}

.message-start-modal__contact[b-ryiwmoenul] {
display: grid;
grid-template-columns: 2.25rem minmax(0, 1fr) auto;
align-items: center;
gap: var(--space-3);
width: 100%;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface);
color: inherit;
text-align: left;
font: inherit;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.message-start-modal__contact:hover[b-ryiwmoenul],
.message-start-modal__contact:focus-visible[b-ryiwmoenul] {
border-color: color-mix(in srgb, var(--color-primary) 36%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
box-shadow: var(--shadow-soft);
}

.message-start-modal__contact:focus-visible[b-ryiwmoenul] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 24%, transparent);
outline-offset: 2px;
}

.message-start-modal__icon[b-ryiwmoenul] {
display: inline-grid;
place-items: center;
width: 2.25rem;
height: 2.25rem;
border-radius: 8px;
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-soft));
color: var(--color-primary-dark);
}

.message-start-modal__copy[b-ryiwmoenul] {
display: grid;
gap: 0.15rem;
min-width: 0;
}

.message-start-modal__copy strong[b-ryiwmoenul] {
overflow: hidden;
color: var(--color-text);
text-overflow: ellipsis;
white-space: nowrap;
}

.message-start-modal__copy span[b-ryiwmoenul] {
overflow: hidden;
color: var(--color-muted);
font-size: var(--font-size-small);
text-overflow: ellipsis;
white-space: nowrap;
}

@media (max-width: 520px) {
.message-start-modal__contact[b-ryiwmoenul] {
grid-template-columns: 2rem minmax(0, 1fr);
}
}
/* _content/Tovelin.Shared.UI/Components/Messaging/MessageThread.razor.rz.scp.css */
.message-thread[b-pcoyhhyecn] {
display: flex;
flex-direction: column;
min-height: 0;
min-width: 0;
max-width: 100%;
height: 100%;
background: var(--color-surface);
overflow: hidden;
}

.message-thread__header[b-pcoyhhyecn] {
flex: 0 0 auto;
display: flex;
align-items: flex-start;
gap: var(--space-3);
padding: var(--space-4);
border-bottom: 1px solid var(--color-border);
background: color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-surface));
}

.message-thread__heading[b-pcoyhhyecn] {
display: grid;
gap: 0.15rem;
min-width: 0;
}

.message-thread__heading p[b-pcoyhhyecn] {
margin: 0;
color: var(--color-muted);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
letter-spacing: var(--tracking-caption);
text-transform: uppercase;
}

.message-thread__heading h2[b-pcoyhhyecn] {
margin: 0;
overflow: hidden;
color: var(--color-text);
font-size: var(--font-size-body-lg);
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
}

.message-thread__state[b-pcoyhhyecn],
.message-thread__scroll[b-pcoyhhyecn] {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
}

.message-thread__load-older[b-pcoyhhyecn] {
display: flex;
justify-content: center;
padding-bottom: var(--space-2);
}

.message-thread__state[b-pcoyhhyecn] {
display: grid;
align-content: center;
padding: var(--space-4);
}

.message-thread__scroll[b-pcoyhhyecn] {
display: flex;
flex-direction: column;
gap: var(--space-2);
padding: var(--space-4);
}

.message-thread__message[b-pcoyhhyecn] {
display: flex;
align-items: flex-end;
gap: var(--space-2);
max-width: 100%;
}

.message-thread__message--mine[b-pcoyhhyecn] {
justify-content: flex-end;
}

.message-thread__avatar[b-pcoyhhyecn] {
flex: 0 0 auto;
display: inline-grid;
place-items: center;
width: 2rem;
height: 2rem;
border: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
border-radius: 999px;
background: color-mix(in srgb, var(--section-mint) 72%, var(--color-surface));
color: var(--color-primary-dark);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
line-height: 1;
}

.message-thread__bubble[b-pcoyhhyecn] {
max-width: min(34rem, 84%);
display: grid;
gap: var(--space-1);
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface-soft);
}

.message-thread__bubble--mine[b-pcoyhhyecn] {
border-color: color-mix(in srgb, var(--color-primary) 26%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 13%, var(--color-surface));
}

.message-thread__bubble.is-pending[b-pcoyhhyecn] {
border-style: dashed;
}

.message-thread__bubble.is-blocked[b-pcoyhhyecn] {
border-color: color-mix(in srgb, var(--color-danger) 38%, var(--color-border));
background: color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));
}

.message-thread__bubble p[b-pcoyhhyecn] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-small);
line-height: 1.45;
overflow-wrap: anywhere;
white-space: pre-wrap;
}

.message-thread__bubble span[b-pcoyhhyecn] {
color: var(--color-muted);
font-size: var(--font-size-caption);
}

.message-thread__empty[b-pcoyhhyecn] {
display: grid;
justify-items: center;
gap: var(--space-2);
margin: auto;
padding: var(--space-5);
border: 1px dashed var(--color-border);
border-radius: 8px;
color: var(--color-muted);
text-align: center;
}

.message-thread__empty p[b-pcoyhhyecn] {
margin: 0;
font-size: var(--font-size-small);
}

.message-thread__composer[b-pcoyhhyecn] {
flex: 0 0 auto;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1fr) max-content;
align-items: center;
gap: var(--space-2);
padding: var(--space-4);
border-top: 1px solid var(--color-border);
background: var(--color-surface);
}

.message-thread__composer-field[b-pcoyhhyecn] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.message-thread__input[b-pcoyhhyecn] {
width: 100%;
min-width: 0;
min-height: 4.5rem;
max-height: 10rem;
resize: vertical;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface-strong);
color: var(--color-text);
font: inherit;
font-size: var(--font-size-small);
}

.message-thread__input.is-invalid[b-pcoyhhyecn] {
border-color: color-mix(in srgb, var(--color-danger) 52%, var(--color-border));
}

.message-thread__counter[b-pcoyhhyecn] {
justify-self: end;
color: var(--color-muted);
font-size: var(--font-size-caption);
}

.message-thread__counter.is-over-limit[b-pcoyhhyecn] {
color: var(--color-danger);
font-weight: var(--font-weight-semibold);
}

.message-thread__composer[b-pcoyhhyecn]  .message-thread__send-button {
align-self: center;
width: var(--control-size-input-md);
min-width: var(--control-size-input-md);
height: var(--control-size-input-md);
min-height: var(--control-size-input-md);
border-radius: 999px;
}

.message-thread__composer[b-pcoyhhyecn]  .message-thread__send-button .tovelin-icon-btn__icon {
font-size: var(--font-size-body);
}

.message-thread__composer[b-pcoyhhyecn]  .tovelin-icon-btn {
min-height: var(--control-size-input-md);
}

.message-thread__input:focus[b-pcoyhhyecn] {
border-color: color-mix(in srgb, var(--color-primary) 50%, var(--color-border));
outline: 3px solid color-mix(in srgb, var(--color-primary) 24%, transparent);
outline-offset: 1px;
}

.message-thread--compact .message-thread__scroll[b-pcoyhhyecn],
.message-thread--compact .message-thread__composer[b-pcoyhhyecn],
.message-thread--compact .message-thread__header[b-pcoyhhyecn] {
padding: var(--space-3);
}

.message-thread--compact .message-thread__input[b-pcoyhhyecn] {
min-height: 2.8rem;
max-height: 5.5rem;
resize: none;
}

.message-thread--compact .message-thread__composer[b-pcoyhhyecn]  .message-thread__send-button {
width: 2.65rem;
min-width: 2.65rem;
height: 2.65rem;
min-height: 2.65rem;
}

@media (max-width: 620px) {
.message-thread__bubble[b-pcoyhhyecn] {
max-width: 92%;
}
.message-thread__composer[b-pcoyhhyecn] {
padding: var(--space-3);
padding-bottom: max(var(--space-3), var(--safe-area-bottom, 0px));
}
.message-thread__input[b-pcoyhhyecn] {
min-height: 3.75rem;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/GoalCreateWizardModal.razor.rz.scp.css */
.goal-create-wizard-modal__form[b-l1rn0bwlmd],
.goal-create-wizard-modal__context-step[b-l1rn0bwlmd],
.goal-create-wizard-modal__choice-step[b-l1rn0bwlmd],
.goal-create-wizard-modal__question-step[b-l1rn0bwlmd],
.goal-create-wizard-modal__custom-step[b-l1rn0bwlmd],
.goal-create-wizard-modal__choice-list[b-l1rn0bwlmd],
.goal-create-wizard-modal__answer-list[b-l1rn0bwlmd],
.goal-create-wizard-modal__task-step[b-l1rn0bwlmd],
.goal-create-wizard-modal__summary-step[b-l1rn0bwlmd],
.goal-create-wizard-modal__task-list[b-l1rn0bwlmd],
.goal-create-wizard-modal__task-card[b-l1rn0bwlmd],
.goal-create-wizard-modal__assistant-footer[b-l1rn0bwlmd],
.goal-create-wizard-modal__assistant-conflict-actions[b-l1rn0bwlmd],
.goal-create-wizard-modal__task-total[b-l1rn0bwlmd],
.goal-create-wizard-modal__context-grid[b-l1rn0bwlmd],
.goal-create-wizard-modal__summary-grid[b-l1rn0bwlmd] {
display: grid;
}

.goal-create-wizard-modal__form[b-l1rn0bwlmd],
.goal-create-wizard-modal__context-step[b-l1rn0bwlmd],
.goal-create-wizard-modal__choice-step[b-l1rn0bwlmd],
.goal-create-wizard-modal__question-step[b-l1rn0bwlmd],
.goal-create-wizard-modal__custom-step[b-l1rn0bwlmd],
.goal-create-wizard-modal__choice-list[b-l1rn0bwlmd],
.goal-create-wizard-modal__answer-list[b-l1rn0bwlmd],
.goal-create-wizard-modal__task-step[b-l1rn0bwlmd],
.goal-create-wizard-modal__summary-step[b-l1rn0bwlmd],
.goal-create-wizard-modal__task-list[b-l1rn0bwlmd],
.goal-create-wizard-modal__task-card[b-l1rn0bwlmd],
.goal-create-wizard-modal__assistant-footer[b-l1rn0bwlmd],
.goal-create-wizard-modal__assistant-conflict-actions[b-l1rn0bwlmd],
.goal-create-wizard-modal__context-grid[b-l1rn0bwlmd],
.goal-create-wizard-modal__summary-grid[b-l1rn0bwlmd] {
gap: var(--space-4);
}

.goal-create-wizard-modal__choice-step h3[b-l1rn0bwlmd],
.goal-create-wizard-modal__question-step h3[b-l1rn0bwlmd],
.goal-create-wizard-modal__custom-step h3[b-l1rn0bwlmd],
.goal-create-wizard-modal__recommendation-heading h3[b-l1rn0bwlmd] {
margin: 0;
color: var(--color-foreground);
font-size: var(--font-size-title-md);
line-height: 1.35;
}

.goal-create-wizard-modal__choice-list[b-l1rn0bwlmd],
.goal-create-wizard-modal__answer-list[b-l1rn0bwlmd] {
gap: var(--space-3);
}

.goal-create-wizard-modal__choice-list[b-l1rn0bwlmd]  .goal-create-wizard-modal__choice-action,
.goal-create-wizard-modal__answer-list[b-l1rn0bwlmd]  .goal-create-wizard-modal__answer-action {
width: 100%;
min-height: 3.5rem;
justify-content: space-between;
padding: var(--space-4);
text-align: left;
white-space: normal;
}

.goal-create-wizard-modal__choice-list[b-l1rn0bwlmd]  .goal-create-wizard-modal__choice-action .tovelin-btn__label {
width: 100%;
justify-content: space-between;
}

.goal-create-wizard-modal__choice-copy[b-l1rn0bwlmd] {
display: grid;
gap: var(--space-2);
}

.goal-create-wizard-modal__choice-copy span[b-l1rn0bwlmd] {
font-weight: var(--font-weight-regular);
line-height: 1.45;
}

.goal-create-wizard-modal__assistant-footer:empty[b-l1rn0bwlmd] {
display: none;
}

.goal-create-wizard-modal__assistant-footer[b-l1rn0bwlmd],
.goal-create-wizard-modal__assistant-conflict-actions[b-l1rn0bwlmd] {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}

.goal-create-wizard-modal__assistant-footer[b-l1rn0bwlmd] {
width: 100%;
}

.goal-create-wizard-modal__assistant-footer[b-l1rn0bwlmd]  .goal-create-wizard-modal__restart {
margin-right: auto;
}

.goal-create-wizard-modal__task-card[b-l1rn0bwlmd] {
gap: 0;
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 86%, var(--color-primary) 14%);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-surface) 92%, var(--color-primary) 8%);
box-shadow: var(--shadow-sm);
}

.goal-create-wizard-modal__task-card--game[b-l1rn0bwlmd] {
border-color: color-mix(in srgb, var(--color-border) 82%, var(--color-accent) 18%);
background: color-mix(in srgb, var(--color-surface) 90%, var(--color-accent) 10%);
}

.goal-create-wizard-modal__task-card-header[b-l1rn0bwlmd] {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: var(--space-3);
}

.goal-create-wizard-modal__task-heading[b-l1rn0bwlmd] {
flex: 1 1 auto;
display: grid;
gap: var(--space-2);
min-width: 0;
}

.goal-create-wizard-modal__remove-task-control[b-l1rn0bwlmd] {
display: inline-flex;
}

.goal-create-wizard-modal__remove-task-control.is-disabled[b-l1rn0bwlmd] {
cursor: not-allowed;
}

.goal-create-wizard-modal__remove-task-control.is-disabled[b-l1rn0bwlmd]  .tovelin-icon-btn:disabled {
pointer-events: none;
opacity: 0.55;
transform: none;
box-shadow: none;
}

.goal-create-wizard-modal__task-heading[b-l1rn0bwlmd]  .goal-create-wizard-modal__task-kind-tabs {
align-self: end;
gap: 0;
margin-bottom: -1px;
}

.goal-create-wizard-modal__task-heading[b-l1rn0bwlmd]  .goal-create-wizard-modal__task-kind-tabs .tovelin-btn {
position: relative;
z-index: 0;
min-height: 2.15rem;
padding-inline: var(--space-4);
border-bottom-width: 1px;
border-bottom-color: color-mix(in srgb, var(--color-primary-dark) 32%, var(--color-border));
border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
background: color-mix(in srgb, var(--color-surface) 88%, var(--color-bg-soft));
box-shadow: none;
}

.goal-create-wizard-modal__task-heading[b-l1rn0bwlmd]  .goal-create-wizard-modal__task-kind-tabs .tovelin-btn:not(:first-child) {
margin-left: -1px;
}

.goal-create-wizard-modal__task-heading[b-l1rn0bwlmd]  .goal-create-wizard-modal__task-kind-tabs .tovelin-btn.is-active {
z-index: 2;
margin-bottom: -1px;
background: color-mix(in srgb, var(--color-surface) 96%, var(--color-primary) 4%);
border-color: color-mix(in srgb, var(--color-primary-dark) 38%, var(--color-border));
border-bottom-color: color-mix(in srgb, var(--color-surface) 96%, var(--color-primary) 4%);
color: var(--color-primary-dark);
}

.goal-create-wizard-modal__task-panel[b-l1rn0bwlmd] {
display: grid;
gap: var(--space-3);
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 78%, var(--color-primary) 22%);
border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md);
background: color-mix(in srgb, var(--color-surface) 96%, var(--color-primary) 4%);
}

.goal-create-wizard-modal__manual-task-grid[b-l1rn0bwlmd] {
display: grid;
grid-template-columns: minmax(12rem, 1fr) minmax(5.5rem, 6.75rem);
gap: var(--space-3);
align-items: end;
}

.goal-create-wizard-modal__game-task-grid[b-l1rn0bwlmd] {
display: grid;
grid-template-columns: minmax(14rem, 1fr) minmax(5rem, 6rem) minmax(5.5rem, 6.75rem);
gap: var(--space-3);
align-items: end;
}

.goal-create-wizard-modal__game-picker-row[b-l1rn0bwlmd] {
min-width: 0;
}

.goal-create-wizard-modal__game-picker-row[b-l1rn0bwlmd]  .goal-create-wizard-modal__game-select .tovelin-select__menu {
scroll-padding-block: var(--space-2);
}

.goal-create-wizard-modal__game-picker-row[b-l1rn0bwlmd]  .goal-create-wizard-modal__game-browse-button,
.goal-create-wizard-modal__game-picker-row[b-l1rn0bwlmd]  .goal-create-wizard-modal__game-browse-button .tovelin-icon-btn__icon {
color: var(--color-primary-dark);
}

.goal-create-wizard-modal__game-picker-row[b-l1rn0bwlmd]  .goal-create-wizard-modal__game-browse-button.tovelin-icon-btn {
width: calc(var(--control-size-input-md) - 0.7rem);
height: calc(var(--control-size-input-md) - 0.7rem);
border-color: transparent;
border-left-color: color-mix(in srgb, var(--color-border) 86%, var(--color-primary) 14%);
border-radius: var(--radius-sm);
background: transparent;
box-shadow: none;
transform: none;
}

.goal-create-wizard-modal__game-picker-row[b-l1rn0bwlmd]  .goal-create-wizard-modal__game-browse-button.tovelin-icon-btn:hover,
.goal-create-wizard-modal__game-picker-row[b-l1rn0bwlmd]  .goal-create-wizard-modal__game-browse-button.tovelin-icon-btn:focus-visible {
background: color-mix(in srgb, var(--color-primary) 10%, transparent);
box-shadow: none;
transform: none;
}

.goal-create-wizard-modal__game-task-grid[b-l1rn0bwlmd]  .tovelin-input,
.goal-create-wizard-modal__manual-task-grid[b-l1rn0bwlmd]  .tovelin-input,
.goal-create-wizard-modal__game-task-grid[b-l1rn0bwlmd]  .tovelin-select__control {
height: var(--control-size-input-md);
min-height: var(--control-size-input-md);
box-sizing: border-box;
}

.goal-create-wizard-modal__rounds-field[b-l1rn0bwlmd] {
display: grid;
gap: 0.45rem;
}

.goal-create-wizard-modal__task-note[b-l1rn0bwlmd] {
margin: 0;
color: var(--color-muted-foreground);
font-size: var(--font-size-sm);
line-height: 1.4;
}

.goal-create-wizard-modal__task-total[b-l1rn0bwlmd] {
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
margin-top: var(--space-2);
padding-top: var(--space-4);
border-top: 1px solid color-mix(in srgb, var(--color-border) 74%, var(--color-primary) 26%);
color: var(--color-muted-foreground);
}

.goal-create-wizard-modal__task-total strong[b-l1rn0bwlmd] {
color: var(--color-foreground);
}

.goal-create-wizard-modal__context-grid[b-l1rn0bwlmd],
.goal-create-wizard-modal__summary-grid[b-l1rn0bwlmd] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.goal-create-wizard-modal__context-scope[b-l1rn0bwlmd] {
display: grid;
gap: var(--space-4);
}

.goal-create-wizard-modal__summary-item[b-l1rn0bwlmd] {
display: grid;
gap: 0.4rem;
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 88%, white);
border-radius: var(--radius-lg);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.goal-create-wizard-modal__summary-item span[b-l1rn0bwlmd] {
color: var(--color-muted-foreground);
font-size: var(--font-size-caption);
letter-spacing: 0.08em;
text-transform: uppercase;
}

.goal-create-wizard-modal__summary-item strong[b-l1rn0bwlmd] {
color: var(--color-foreground);
font-size: var(--font-size-title-md);
line-height: 1.35;
}

.goal-create-wizard-modal__recommendations[b-l1rn0bwlmd],
.goal-create-wizard-modal__recommendation-heading[b-l1rn0bwlmd],
.goal-create-wizard-modal__recommendation-copy[b-l1rn0bwlmd],
.goal-create-wizard-modal__summary-tasks[b-l1rn0bwlmd],
.goal-create-wizard-modal__summary-section-heading[b-l1rn0bwlmd],
.goal-create-wizard-modal__summary-task-copy[b-l1rn0bwlmd] {
display: grid;
gap: var(--space-2);
}

.goal-create-wizard-modal__recommendations[b-l1rn0bwlmd] {
gap: var(--space-4);
}

.goal-create-wizard-modal__recommendation-heading span[b-l1rn0bwlmd],
.goal-create-wizard-modal__summary-section-heading span[b-l1rn0bwlmd],
.goal-create-wizard-modal__summary-task-copy span[b-l1rn0bwlmd] {
color: var(--color-muted-foreground);
font-size: var(--font-size-sm);
line-height: 1.45;
}

.goal-create-wizard-modal__recommendation-list[b-l1rn0bwlmd] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
gap: var(--space-3);
}

.goal-create-wizard-modal__recommendation-list > [role="listitem"][b-l1rn0bwlmd] {
min-width: 0;
}

.goal-create-wizard-modal__recommendation[b-l1rn0bwlmd] {
width: 100%;
min-height: 100%;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: start;
gap: var(--space-3);
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 82%, var(--color-secondary-dark) 18%);
border-radius: var(--radius-lg);
background: var(--color-surface);
color: var(--color-foreground);
text-align: left;
cursor: pointer;
box-shadow: var(--shadow-sm);
}

.goal-create-wizard-modal__recommendation:hover[b-l1rn0bwlmd] {
border-color: color-mix(in srgb, var(--color-secondary-dark) 56%, var(--color-border));
background: color-mix(in srgb, var(--color-surface) 94%, var(--color-secondary) 6%);
}

.goal-create-wizard-modal__recommendation.is-selected[b-l1rn0bwlmd] {
border-color: color-mix(in srgb, var(--color-secondary-dark) 74%, var(--color-border));
background: color-mix(in srgb, var(--color-surface) 84%, var(--color-secondary) 16%);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-secondary) 18%, transparent), var(--shadow-sm);
}

.goal-create-wizard-modal__recommendation:focus-visible[b-l1rn0bwlmd] {
outline: 3px solid color-mix(in srgb, var(--color-secondary) 58%, transparent);
outline-offset: 3px;
}

.goal-create-wizard-modal__recommendation:disabled[b-l1rn0bwlmd] {
cursor: wait;
opacity: 0.65;
}

.goal-create-wizard-modal__recommendation-icon[b-l1rn0bwlmd] {
width: 2.35rem;
height: 2.35rem;
display: grid;
place-items: center;
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-secondary) 22%, var(--color-surface));
color: color-mix(in srgb, var(--color-secondary-dark) 70%, var(--color-text));
}

.goal-create-wizard-modal__recommendation-copy[b-l1rn0bwlmd] {
min-width: 0;
}

.goal-create-wizard-modal__recommendation-copy span[b-l1rn0bwlmd] {
color: var(--color-muted-foreground);
font-size: var(--font-size-sm);
line-height: 1.4;
}

.goal-create-wizard-modal__recommendation-copy small[b-l1rn0bwlmd] {
color: color-mix(in srgb, var(--color-secondary-dark) 70%, var(--color-text));
font-weight: var(--font-weight-semibold);
}

.goal-create-wizard-modal__recommendation-arrow[b-l1rn0bwlmd] {
color: color-mix(in srgb, var(--color-secondary-dark) 70%, var(--color-text));
}

.goal-create-wizard-modal__summary-item--wide[b-l1rn0bwlmd] {
grid-column: 1 / -1;
}

.goal-create-wizard-modal__summary-tasks[b-l1rn0bwlmd] {
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 82%, var(--color-primary) 18%);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-surface) 96%, var(--color-primary) 4%);
}

.goal-create-wizard-modal__recommendation-copy .goal-create-wizard-modal__recommendation-reason[b-l1rn0bwlmd] {
color: var(--color-muted-foreground);
font-weight: var(--font-weight-regular);
line-height: 1.4;
}

.goal-create-wizard-modal__summary-item small[b-l1rn0bwlmd] {
color: var(--color-text-muted);
line-height: 1.45;
}

.goal-create-wizard-modal__schedule[b-l1rn0bwlmd],
.goal-create-wizard-modal__reward-link[b-l1rn0bwlmd] {
display: grid;
gap: var(--space-4);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.goal-create-wizard-modal__reward-empty[b-l1rn0bwlmd] {
color: var(--color-text-muted);
font-size: var(--font-size-sm);
margin: 0;
}

.goal-create-wizard-modal__weekday-grid[b-l1rn0bwlmd] {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--space-2);
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}

.goal-create-wizard-modal__weekday-grid legend[b-l1rn0bwlmd] {
grid-column: 1 / -1;
margin-bottom: var(--space-1);
font-weight: 600;
}

.goal-create-wizard-modal__schedule-zone[b-l1rn0bwlmd] {
margin: 0;
color: var(--color-text-muted);
font-size: var(--font-size-sm);
}

.goal-create-wizard-modal__summary-section-heading[b-l1rn0bwlmd] {
grid-template-columns: minmax(0, 1fr);
align-items: start;
}

.goal-create-wizard-modal__summary-section-heading h3[b-l1rn0bwlmd] {
margin: 0;
font-size: var(--font-size-title-md);
}

.goal-create-wizard-modal__summary-task-list[b-l1rn0bwlmd] {
display: grid;
gap: var(--space-3);
margin: 0;
padding: 0;
list-style: none;
}

.goal-create-wizard-modal__summary-task[b-l1rn0bwlmd] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-3);
align-items: start;
padding-top: var(--space-3);
border-top: 1px solid var(--color-border);
}

.goal-create-wizard-modal__summary-task-icon[b-l1rn0bwlmd] {
width: 2rem;
height: 2rem;
display: grid;
place-items: center;
border-radius: 999px;
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
color: var(--color-primary-dark);
}

.goal-create-wizard-modal__completion-rule[b-l1rn0bwlmd] {
display: flex;
gap: var(--space-3);
align-items: flex-start;
padding: var(--space-4);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-success) 10%, var(--color-surface));
color: var(--color-foreground);
}

.goal-create-wizard-modal__completion-rule span[b-l1rn0bwlmd] {
display: grid;
gap: 0.25rem;
}

@media (max-width: 760px) {
.goal-create-wizard-modal__context-grid[b-l1rn0bwlmd],
.goal-create-wizard-modal__summary-grid[b-l1rn0bwlmd] {
grid-template-columns: 1fr;
}
.goal-create-wizard-modal__summary-item--wide[b-l1rn0bwlmd] {
grid-column: auto;
}
.goal-create-wizard-modal__recommendation-list[b-l1rn0bwlmd] {
grid-template-columns: 1fr;
}
.goal-create-wizard-modal__weekday-grid[b-l1rn0bwlmd] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.goal-create-wizard-modal__task-row[b-l1rn0bwlmd] {
grid-template-columns: minmax(0, 1fr) minmax(5.5rem, 7rem);
gap: var(--space-2);
}
.goal-create-wizard-modal__manual-task-grid[b-l1rn0bwlmd],
.goal-create-wizard-modal__game-task-grid[b-l1rn0bwlmd] {
grid-template-columns: 1fr;
}
.goal-create-wizard-modal__task-card-header[b-l1rn0bwlmd] {
align-items: flex-end;
flex-direction: row;
flex-wrap: wrap;
}
.goal-create-wizard-modal__task-panel[b-l1rn0bwlmd] {
border-top-right-radius: var(--radius-md);
}
.goal-create-wizard-modal__game-picker-row[b-l1rn0bwlmd] {
min-width: 0;
}
.goal-create-wizard-modal__assistant-conflict-actions[b-l1rn0bwlmd] {
flex-direction: column;
align-items: stretch;
}
}

@media (max-width: 760px) {
.goal-create-wizard-modal__game-task-grid[b-l1rn0bwlmd] {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.goal-create-wizard-modal__game-picker-row[b-l1rn0bwlmd] {
grid-column: 1 / -1;
}
}

@media (max-width: 640px) {
.goal-create-wizard-modal__assistant-footer[b-l1rn0bwlmd] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
}
.goal-create-wizard-modal__assistant-footer[b-l1rn0bwlmd]  .tovelin-btn {
width: 100%;
min-width: 0;
}
.goal-create-wizard-modal__assistant-footer[b-l1rn0bwlmd]  .goal-create-wizard-modal__restart {
margin-right: 0;
}
.goal-create-wizard-modal__assistant-footer[b-l1rn0bwlmd]  .tovelin-btn:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/GoalGameExercisePickerModal.razor.rz.scp.css */
.goal-game-picker-modal[b-arcn4me9k2] {
width: min(100%, 68rem);
max-width: min(68rem, calc(100vw - var(--space-6)));
}

.goal-game-picker-modal__stage[b-arcn4me9k2] {
position: relative;
min-height: 28rem;
overflow: visible;
}

.goal-game-picker-modal__track[b-arcn4me9k2] {
min-height: 28rem;
display: grid;
grid-template-columns: minmax(11rem, 1fr);
align-items: center;
justify-content: center;
gap: var(--space-4);
width: 100%;
}

.goal-game-picker-modal__stage--category-selected .goal-game-picker-modal__track[b-arcn4me9k2] {
grid-template-columns: minmax(10rem, 0.85fr) minmax(14rem, 1.2fr);
align-items: center;
}

.goal-game-picker-modal__stage--game-selected .goal-game-picker-modal__track[b-arcn4me9k2] {
grid-template-columns: minmax(10rem, 0.8fr) minmax(12rem, 0.95fr) minmax(15rem, 1.25fr);
}

.goal-game-picker-modal__column[b-arcn4me9k2] {
z-index: 1;
display: grid;
align-content: center;
gap: var(--space-3);
min-width: 0;
transition: transform 220ms ease, opacity 220ms ease;
}

.goal-game-picker-modal__column--categories[b-arcn4me9k2] {
justify-self: center;
width: min(100%, 18rem);
}

.goal-game-picker-modal__stage--category-selected .goal-game-picker-modal__column--categories[b-arcn4me9k2],
.goal-game-picker-modal__stage--game-selected .goal-game-picker-modal__column--categories[b-arcn4me9k2] {
justify-self: stretch;
width: 100%;
}

.goal-game-picker-modal__column--games[b-arcn4me9k2],
.goal-game-picker-modal__column--exercises[b-arcn4me9k2] {
animation: goal-game-picker-slide-in-b-arcn4me9k2 220ms ease both;
}

.goal-game-picker-modal__column-title[b-arcn4me9k2] {
margin: 0 0 var(--space-1);
padding-inline: var(--space-3);
color: var(--color-muted-foreground);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
letter-spacing: 0.08em;
line-height: 1.2;
text-transform: uppercase;
}

.goal-game-picker-modal__pill[b-arcn4me9k2] {
display: grid;
gap: var(--space-2);
width: 100%;
min-width: 0;
padding: var(--space-3) var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 76%, var(--color-primary) 24%);
border-radius: 999px;
background: color-mix(in srgb, var(--color-surface) 86%, var(--color-primary) 14%);
color: var(--color-foreground);
text-align: left;
box-shadow: var(--shadow-sm);
cursor: pointer;
transition: border-color 180ms ease, background 180ms ease, opacity 180ms ease, transform 180ms ease;
}

.goal-game-picker-modal__pill:not(.is-selected):hover[b-arcn4me9k2],
.goal-game-picker-modal__pill:not(.is-selected):focus-visible[b-arcn4me9k2] {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--color-primary) 54%, var(--color-border));
}

.goal-game-picker-modal__pill:focus-visible[b-arcn4me9k2] {
outline: 3px solid color-mix(in srgb, var(--color-focus-ring) 72%, transparent);
outline-offset: 3px;
}

.goal-game-picker-modal__pill.is-selected[b-arcn4me9k2] {
border-radius: var(--radius-xl);
border-color: color-mix(in srgb, var(--color-primary) 68%, var(--color-border));
background: color-mix(in srgb, var(--color-surface) 72%, var(--color-primary) 28%);
}

.goal-game-picker-modal__pill.is-muted[b-arcn4me9k2] {
opacity: 0.56;
}

.goal-game-picker-modal__pill--game[b-arcn4me9k2] {
background: color-mix(in srgb, var(--color-surface) 86%, var(--color-success) 14%);
border-color: color-mix(in srgb, var(--color-border) 76%, var(--color-success) 24%);
}

.goal-game-picker-modal__pill--game.is-selected[b-arcn4me9k2] {
border-color: color-mix(in srgb, var(--color-success) 68%, var(--color-border));
background: color-mix(in srgb, var(--color-surface) 72%, var(--color-success) 28%);
}

.goal-game-picker-modal__pill--exercise[b-arcn4me9k2] {
background: color-mix(in srgb, var(--color-surface) 86%, var(--color-warning) 14%);
border-color: color-mix(in srgb, var(--color-border) 76%, var(--color-warning) 24%);
}

.goal-game-picker-modal__pill--exercise.is-selected[b-arcn4me9k2] {
border-color: color-mix(in srgb, var(--color-warning) 68%, var(--color-border));
background: color-mix(in srgb, var(--color-surface) 74%, var(--color-warning) 26%);
}

.goal-game-picker-modal__pill-heading[b-arcn4me9k2] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
min-width: 0;
}

.goal-game-picker-modal__pill-title[b-arcn4me9k2] {
min-width: 0;
overflow-wrap: anywhere;
font-weight: var(--font-weight-semibold);
}

.goal-game-picker-modal__pill-divider[b-arcn4me9k2] {
width: 100%;
height: 1px;
background: color-mix(in srgb, currentColor 28%, transparent);
}

.goal-game-picker-modal__pill-text[b-arcn4me9k2],
.goal-game-picker-modal__pill-meta[b-arcn4me9k2] {
color: var(--color-muted-foreground);
font-size: var(--font-size-sm);
line-height: 1.4;
}

.goal-game-picker-modal__pill-meta[b-arcn4me9k2] {
font-weight: var(--font-weight-medium);
}

.goal-game-picker-modal__footer[b-arcn4me9k2] {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--space-4);
width: 100%;
}

.goal-game-picker-modal__selected[b-arcn4me9k2] {
display: grid;
gap: 0.25rem;
min-width: 0;
}

.goal-game-picker-modal__selected span[b-arcn4me9k2] {
color: var(--color-muted-foreground);
font-size: var(--font-size-caption);
letter-spacing: 0.08em;
text-transform: uppercase;
}

.goal-game-picker-modal__selected strong[b-arcn4me9k2] {
overflow-wrap: anywhere;
color: var(--color-foreground);
}

.goal-game-picker-modal__actions[b-arcn4me9k2] {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: var(--space-2);
}

@keyframes goal-game-picker-slide-in-b-arcn4me9k2 {
from {
opacity: 0;
transform: translateX(1rem);
}
to {
opacity: 1;
transform: translateX(0);
}
}

@media (max-width: 840px) {
.goal-game-picker-modal__stage[b-arcn4me9k2],
.goal-game-picker-modal__stage--category-selected[b-arcn4me9k2],
.goal-game-picker-modal__stage--game-selected[b-arcn4me9k2] {
--goal-picker-mobile-column-width: min(60vw, 18rem);
--goal-picker-mobile-column-half: min(30vw, 9rem);
--goal-picker-mobile-gap: var(--space-3);
--goal-picker-mobile-peek: min(2rem, 8vw);
height: min(34rem, max(24rem, calc(100dvh - 17rem)));
min-height: 0;
max-height: min(34rem, calc(100dvh - 17rem));
display: block;
overflow-y: hidden;
overflow-x: hidden;
overscroll-behavior: contain;
padding: 0;
}
.goal-game-picker-modal__stage .goal-game-picker-modal__track[b-arcn4me9k2],
.goal-game-picker-modal__stage--category-selected .goal-game-picker-modal__track[b-arcn4me9k2],
.goal-game-picker-modal__stage--game-selected .goal-game-picker-modal__track[b-arcn4me9k2] {
position: relative;
left: 50%;
display: grid;
grid-auto-flow: column;
grid-auto-columns: var(--goal-picker-mobile-column-width);
grid-template-columns: none;
gap: var(--goal-picker-mobile-gap);
align-items: center;
justify-content: start;
width: max-content;
min-height: 100%;
transition: transform 260ms ease;
}
.goal-game-picker-modal__stage--focus-categories .goal-game-picker-modal__track[b-arcn4me9k2] {
transform: translateX(calc(0px - var(--goal-picker-mobile-column-half)));
}
.goal-game-picker-modal__stage--focus-games .goal-game-picker-modal__track[b-arcn4me9k2] {
transform: translateX(calc(0px - var(--goal-picker-mobile-column-half) - var(--goal-picker-mobile-column-width) - var(--goal-picker-mobile-gap)));
}
.goal-game-picker-modal__stage--focus-exercises .goal-game-picker-modal__track[b-arcn4me9k2] {
transform: translateX(calc(0px - var(--goal-picker-mobile-column-half) - var(--goal-picker-mobile-column-width) - var(--goal-picker-mobile-column-width) - var(--goal-picker-mobile-gap) - var(--goal-picker-mobile-gap) + var(--goal-picker-mobile-peek)));
}
.goal-game-picker-modal__column[b-arcn4me9k2] {
align-content: center;
max-height: 100%;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
padding: var(--space-2) var(--space-1);
scroll-padding-block: var(--space-3);
-webkit-overflow-scrolling: touch;
}
.goal-game-picker-modal__column-title[b-arcn4me9k2] {
position: sticky;
top: 0;
z-index: 2;
width: fit-content;
max-width: 100%;
margin-bottom: var(--space-2);
border-radius: 999px;
background: color-mix(in srgb, var(--color-surface) 92%, transparent);
}
.goal-game-picker-modal__column[b-arcn4me9k2]::-webkit-scrollbar {
width: 0.4rem;
}
.goal-game-picker-modal__column[b-arcn4me9k2]::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--color-border) 72%, var(--color-primary));
border-radius: 999px;
}
.goal-game-picker-modal__column[b-arcn4me9k2]::-webkit-scrollbar-track {
background: transparent;
}
.goal-game-picker-modal__column--categories[b-arcn4me9k2] {
width: 100%;
}
.goal-game-picker-modal__pill[b-arcn4me9k2] {
box-shadow: none;
}
.goal-game-picker-modal__pill.is-muted[b-arcn4me9k2] {
opacity: 0.68;
}
.goal-game-picker-modal__footer[b-arcn4me9k2] {
align-items: stretch;
flex-direction: column;
}
.goal-game-picker-modal__actions[b-arcn4me9k2] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
width: 100%;
}
.goal-game-picker-modal__actions :deep(.tovelin-button)[b-arcn4me9k2] {
width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/GroupActivityHistoryModal.razor.rz.scp.css */
.group-activity-history-modal__list[b-9e5d47hudy] {
display: grid;
gap: var(--space-2);
}

.group-activity-history-modal__item[b-9e5d47hudy] {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: var(--space-3);
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.group-activity-history-modal__icon[b-9e5d47hudy] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
border-radius: var(--radius-full);
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
color: var(--color-text-muted);
}

.group-activity-history-modal__item strong[b-9e5d47hudy],
.group-activity-history-modal__item small[b-9e5d47hudy] {
display: block;
}

.group-activity-history-modal__item small[b-9e5d47hudy] {
margin-top: var(--space-1);
color: var(--color-text-muted);
}

.group-activity-history-modal__points[b-9e5d47hudy] {
min-width: 3.2rem;
color: var(--color-text);
font-size: var(--font-size-body-lg);
font-weight: var(--font-weight-bold);
text-align: right;
white-space: nowrap;
}

.group-activity-history-modal__points--positive[b-9e5d47hudy] {
color: color-mix(in srgb, var(--color-success-dark) 82%, var(--color-text));
}

.group-activity-history-modal__points--negative[b-9e5d47hudy] {
color: color-mix(in srgb, var(--color-danger) 84%, var(--color-text));
}

@media (max-width: 520px) {
.group-activity-history-modal__item[b-9e5d47hudy] {
grid-template-columns: auto minmax(0, 1fr);
}
.group-activity-history-modal__points[b-9e5d47hudy] {
grid-column: 2;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/GroupComposerModal.razor.rz.scp.css */
.group-composer-modal[b-wzm840k45a] {
--group-composer-gap: 1.25rem;
}

.group-composer-modal__shell[b-wzm840k45a],
.group-composer-modal__content[b-wzm840k45a] {
display: grid;
gap: var(--group-composer-gap);
}

.group-composer-modal__form-grid[b-wzm840k45a],
.group-composer-modal__review-grid[b-wzm840k45a],
.group-composer-modal__invite-grid[b-wzm840k45a] {
display: grid;
gap: 1rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.group-composer-modal__review-grid--compact[b-wzm840k45a] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.group-composer-modal__field[b-wzm840k45a],
.group-composer-modal__optional-grid[b-wzm840k45a],
.group-composer-modal__state[b-wzm840k45a],
.group-composer-modal__summary-card[b-wzm840k45a],
.group-composer-modal__archive-card[b-wzm840k45a] {
display: grid;
gap: 0.75rem;
}

.group-composer-modal__summary-grid[b-wzm840k45a] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}

.group-composer-modal__summary-grid--plan[b-wzm840k45a] {
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 0.55rem;
}

.group-composer-modal__summary-item[b-wzm840k45a] {
display: grid;
gap: 0.45rem;
min-width: 0;
padding: 1rem 1.1rem;
border: 1px solid color-mix(in srgb, var(--color-border) 88%, white);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.group-composer-modal__summary-item span[b-wzm840k45a] {
color: var(--color-muted-foreground);
font-size: var(--font-size-body-sm);
line-height: 1.4;
}

.group-composer-modal__summary-item strong[b-wzm840k45a] {
color: var(--color-foreground);
font-size: var(--font-size-title-sm);
line-height: 1.4;
font-weight: var(--font-weight-semibold);
word-break: break-word;
}

.group-composer-modal__summary-item--wide[b-wzm840k45a] {
grid-column: 1 / -1;
}

.group-composer-modal__segmented[b-wzm840k45a] {
width: 100%;
}

.group-composer-modal__invite-list[b-wzm840k45a],
.group-composer-modal__link-actions[b-wzm840k45a],
.group-composer-modal__danger-actions[b-wzm840k45a],
.group-composer-modal__footer[b-wzm840k45a] {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
align-items: center;
}

.group-composer-modal__footer[b-wzm840k45a] {
justify-content: flex-end;
width: 100%;
}

.group-composer-modal__footer--success[b-wzm840k45a] {
justify-content: space-between;
}

.group-composer-modal__invite-item[b-wzm840k45a] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
padding: 0.875rem 1rem;
border: 1px solid var(--color-border-soft);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.group-composer-modal__inline-actions[b-wzm840k45a] {
display: flex;
justify-content: flex-start;
}

.group-composer-modal__danger-actions[b-wzm840k45a] {
justify-content: flex-start;
}

@media (max-width: 900px) {
.group-composer-modal__form-grid[b-wzm840k45a],
.group-composer-modal__review-grid[b-wzm840k45a],
.group-composer-modal__invite-grid[b-wzm840k45a],
.group-composer-modal__review-grid--compact[b-wzm840k45a],
.group-composer-modal__summary-grid[b-wzm840k45a],
.group-composer-modal__summary-grid--plan[b-wzm840k45a] {
grid-template-columns: 1fr;
}
.group-composer-modal__footer[b-wzm840k45a],
.group-composer-modal__footer--success[b-wzm840k45a] {
justify-content: stretch;
}
.group-composer-modal__footer :deep(.tovelin-button)[b-wzm840k45a] {
width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/GroupGoalsOverviewModal.razor.rz.scp.css */
.group-goals-overview-modal__list[b-a7by0r50sl] {
display: grid;
gap: var(--space-2);
}

.group-goals-overview-modal__goal[b-a7by0r50sl] {
width: 100%;
font: inherit;
text-align: left;
cursor: pointer;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: var(--space-3);
min-width: 0;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
color: inherit;
text-decoration: none;
transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.group-goals-overview-modal__goal:hover[b-a7by0r50sl] {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
background: color-mix(in srgb, var(--section-yellow) 18%, var(--color-surface));
}

.group-goals-overview-modal__goal:focus-visible[b-a7by0r50sl] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 42%, transparent);
outline-offset: 3px;
}

.group-goals-overview-modal__icon[b-a7by0r50sl] {
width: 2.25rem;
height: 2.25rem;
display: grid;
place-items: center;
border-radius: var(--radius-full);
background: color-mix(in srgb, var(--section-blue) 42%, var(--color-surface));
color: var(--color-primary);
}

.group-goals-overview-modal__copy[b-a7by0r50sl] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.group-goals-overview-modal__copy strong[b-a7by0r50sl] {
color: var(--color-text);
font-size: var(--font-size-small);
overflow-wrap: anywhere;
}

.group-goals-overview-modal__copy > span:not(.group-goals-overview-modal__progress)[b-a7by0r50sl] {
color: var(--color-text-soft);
font-size: var(--font-size-caption);
overflow-wrap: anywhere;
}

.group-goals-overview-modal__progress[b-a7by0r50sl] {
width: 100%;
height: 0.35rem;
overflow: hidden;
border-radius: var(--radius-full);
background: var(--color-surface-muted);
}

.group-goals-overview-modal__progress span[b-a7by0r50sl] {
display: block;
height: 100%;
border-radius: inherit;
background: color-mix(in srgb, var(--color-primary) 72%, var(--color-surface));
}
/* _content/Tovelin.Shared.UI/Components/Modals/GroupLearnerDetailsModal.razor.rz.scp.css */
.group-learner-details-modal__current[b-miu68k15vg],
.group-learner-details-modal__item[b-miu68k15vg] {
display: flex;
align-items: center;
gap: var(--space-3);
}

.group-learner-details-modal__current[b-miu68k15vg] {
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}

.group-learner-details-modal__current strong[b-miu68k15vg],
.group-learner-details-modal__current span[b-miu68k15vg],
.group-learner-details-modal__item strong[b-miu68k15vg],
.group-learner-details-modal__item small[b-miu68k15vg] {
display: block;
}

.group-learner-details-modal__current span[b-miu68k15vg],
.group-learner-details-modal__item small[b-miu68k15vg],
.group-learner-details-modal__stats span[b-miu68k15vg],
.group-learner-details-modal__list p[b-miu68k15vg] {
color: var(--color-text-muted);
font-size: var(--font-size-small);
}

.group-learner-details-modal__avatar[b-miu68k15vg] {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
border-radius: var(--radius-full);
background: color-mix(in srgb, var(--color-warning) 16%, var(--color-surface-strong));
color: var(--color-text);
font-weight: var(--font-weight-bold);
}

.group-learner-details-modal__avatar--small[b-miu68k15vg] {
width: 2.25rem;
height: 2.25rem;
font-size: var(--font-size-small);
}

.group-learner-details-modal__stats[b-miu68k15vg] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
margin-top: var(--space-3);
}

.group-learner-details-modal__stats div[b-miu68k15vg] {
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.group-learner-details-modal__stats strong[b-miu68k15vg] {
display: block;
margin-top: var(--space-1);
color: var(--color-text);
}

.group-learner-details-modal__divider[b-miu68k15vg] {
margin: var(--space-4) 0;
border: 0;
border-top: 1px solid var(--color-border);
}

.group-learner-details-modal__list[b-miu68k15vg] {
display: grid;
gap: var(--space-2);
}

.group-learner-details-modal__list p[b-miu68k15vg] {
margin: 0;
font-weight: var(--font-weight-semibold);
}

.group-learner-details-modal__item[b-miu68k15vg] {
width: 100%;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
color: var(--color-text);
text-align: left;
cursor: pointer;
}

.group-learner-details-modal__item:hover[b-miu68k15vg] {
border-color: color-mix(in srgb, var(--color-primary) 40%, var(--color-border));
background: var(--color-select-mint);
}

@media (max-width: 520px) {
.group-learner-details-modal__stats[b-miu68k15vg] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/GroupLearnersOverviewModal.razor.rz.scp.css */
.group-overview-modal__sections[b-ayvbkte9xn] {
display: grid;
gap: var(--space-4);
}

.group-overview-modal__section[b-ayvbkte9xn] {
display: grid;
gap: var(--space-3);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.group-overview-modal__section h3[b-ayvbkte9xn] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-body);
font-weight: var(--font-weight-bold);
}

.group-overview-modal__rows[b-ayvbkte9xn] {
display: grid;
gap: var(--space-2);
}

.group-overview-modal__row[b-ayvbkte9xn] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
padding-top: var(--space-2);
border-top: 1px solid var(--color-border);
}

.group-overview-modal__person[b-ayvbkte9xn] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: var(--space-3);
min-width: 0;
}

.group-overview-modal__avatar[b-ayvbkte9xn] {
width: 2rem;
height: 2rem;
display: grid;
place-items: center;
border-radius: var(--radius-full);
background: color-mix(in srgb, var(--section-blue) 70%, var(--color-surface));
color: color-mix(in srgb, var(--color-primary) 72%, var(--color-text));
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
}

.group-overview-modal__person strong[b-ayvbkte9xn],
.group-overview-modal__person p[b-ayvbkte9xn] {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.group-overview-modal__person strong[b-ayvbkte9xn] {
color: var(--color-text);
font-size: var(--font-size-small);
}

.group-overview-modal__person p[b-ayvbkte9xn] {
color: var(--color-text-soft);
font-size: var(--font-size-caption);
}

.group-overview-modal__actions[b-ayvbkte9xn] {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: var(--space-2);
}

@media (max-width: 520px) {
.group-overview-modal__row[b-ayvbkte9xn] {
align-items: flex-start;
flex-direction: column;
}
.group-overview-modal__actions[b-ayvbkte9xn] {
justify-content: flex-start;
width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/GroupMemberDirectoryModal.razor.rz.scp.css */
.group-member-directory-modal__content[b-mdja6b5pk4] {
display: grid;
gap: var(--space-4);
}

.group-member-directory-modal__search[b-mdja6b5pk4] {
display: flex;
align-items: center;
gap: var(--space-2);
min-height: 2.85rem;
padding: 0.65rem 0.85rem;
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
color: var(--color-text-soft);
}

.group-member-directory-modal__search:focus-within[b-mdja6b5pk4] {
border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border));
box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 16%, transparent);
}

.group-member-directory-modal__search input[b-mdja6b5pk4] {
width: 100%;
min-width: 0;
border: 0;
outline: 0;
background: transparent;
color: var(--color-text);
font: inherit;
}

.group-member-directory-modal__list[b-mdja6b5pk4] {
display: grid;
gap: var(--space-2);
}

.group-member-directory-modal__person[b-mdja6b5pk4] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: var(--space-3);
min-width: 0;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 22%, var(--color-surface));
}

.group-member-directory-modal__avatar[b-mdja6b5pk4] {
width: 2.25rem;
height: 2.25rem;
display: grid;
place-items: center;
border-radius: var(--radius-full);
background: color-mix(in srgb, var(--section-blue) 72%, var(--color-surface));
color: var(--color-text);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
}

.group-member-directory-modal__avatar--mentor[b-mdja6b5pk4] {
background: color-mix(in srgb, var(--section-mint) 72%, var(--color-surface));
}

.group-member-directory-modal__person-copy[b-mdja6b5pk4] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.group-member-directory-modal__person strong[b-mdja6b5pk4],
.group-member-directory-modal__person small[b-mdja6b5pk4] {
overflow-wrap: anywhere;
}

.group-member-directory-modal__person strong[b-mdja6b5pk4] {
color: var(--color-text);
font-size: var(--font-size-small);
}

.group-member-directory-modal__person small[b-mdja6b5pk4] {
color: var(--color-text-soft);
font-size: var(--font-size-caption);
}

.group-member-directory-modal__empty[b-mdja6b5pk4] {
margin: 0;
padding: var(--space-5);
border: 1px dashed var(--color-border);
border-radius: var(--radius-lg);
color: var(--color-text-soft);
text-align: center;
}

.group-member-directory-modal__person[b-mdja6b5pk4] { color: inherit; text-decoration: none; }
.group-member-directory-modal__person[href]:hover strong[b-mdja6b5pk4] { text-decoration: underline; }
.group-member-directory-modal__person[href]:focus-visible[b-mdja6b5pk4] { outline: 2px solid var(--color-primary); outline-offset: 2px; }
/* _content/Tovelin.Shared.UI/Components/Modals/GroupMentorsOverviewModal.razor.rz.scp.css */
.group-overview-modal__sections[b-rhn38qh408] {
display: grid;
gap: var(--space-4);
}

.group-overview-modal__section[b-rhn38qh408] {
display: grid;
gap: var(--space-3);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.group-overview-modal__section-header[b-rhn38qh408] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
}

.group-overview-modal__section h3[b-rhn38qh408] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-body);
font-weight: var(--font-weight-bold);
}

.group-overview-modal__rows[b-rhn38qh408] {
display: grid;
gap: var(--space-2);
}

.group-overview-modal__row[b-rhn38qh408] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
padding-top: var(--space-2);
border-top: 1px solid var(--color-border);
}

.group-overview-modal__person[b-rhn38qh408] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: var(--space-3);
min-width: 0;
}

.group-overview-modal__avatar[b-rhn38qh408] {
width: 2rem;
height: 2rem;
display: grid;
place-items: center;
border-radius: var(--radius-full);
background: color-mix(in srgb, var(--section-lavender) 70%, var(--color-surface));
color: color-mix(in srgb, var(--color-primary) 72%, var(--color-text));
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
}

.group-overview-modal__person strong[b-rhn38qh408],
.group-overview-modal__person p[b-rhn38qh408] {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.group-overview-modal__person strong[b-rhn38qh408] {
color: var(--color-text);
font-size: var(--font-size-small);
}

.group-overview-modal__person p[b-rhn38qh408] {
color: var(--color-text-soft);
font-size: var(--font-size-caption);
}

.group-overview-modal__empty-row[b-rhn38qh408] {
margin: 0;
padding-top: var(--space-2);
border-top: 1px solid var(--color-border);
color: var(--color-text-soft);
font-size: var(--font-size-small);
}

@media (max-width: 520px) {
.group-overview-modal__row[b-rhn38qh408] {
align-items: flex-start;
flex-direction: column;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/GroupSettingsModal.razor.rz.scp.css */
.group-settings-modal__form[b-kcw76ldanu] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-4);
}

.group-settings-modal__form[b-kcw76ldanu]  .tovelin-field:last-child {
grid-column: 1 / -1;
}

.group-settings-modal__lifecycle[b-kcw76ldanu] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-5);
margin-top: var(--space-6);
padding-top: var(--space-5);
border-top: 1px solid var(--color-border);
}

.group-settings-modal__lifecycle h3[b-kcw76ldanu],
.group-settings-modal__lifecycle p[b-kcw76ldanu] {
margin: 0;
}

.group-settings-modal__lifecycle h3[b-kcw76ldanu] {
color: var(--color-text);
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
}

.group-settings-modal__lifecycle p[b-kcw76ldanu] {
max-width: 29rem;
margin-top: var(--space-1);
color: var(--color-text-muted);
font-size: var(--font-size-caption);
line-height: 1.5;
}

.group-settings-modal__lifecycle-actions[b-kcw76ldanu] {
display: flex;
flex: 0 0 auto;
flex-wrap: wrap;
justify-content: flex-end;
gap: var(--space-2);
}

@media (max-width: 640px) {
.group-settings-modal__form[b-kcw76ldanu] {
grid-template-columns: 1fr;
}
.group-settings-modal__form[b-kcw76ldanu]  .tovelin-field:last-child {
grid-column: auto;
}
.group-settings-modal__lifecycle[b-kcw76ldanu] {
align-items: stretch;
flex-direction: column;
}
.group-settings-modal__lifecycle-actions[b-kcw76ldanu] {
display: grid;
grid-template-columns: 1fr;
}
.group-settings-modal__lifecycle-actions[b-kcw76ldanu]  .tovelin-btn {
width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/LearnerCreateWizard.razor.rz.scp.css */
.learner-create-wizard[b-yqepzqx261] {
display: grid;
gap: var(--space-4);
}

.learner-create-wizard__copy[b-yqepzqx261] {
display: grid;
gap: var(--space-2);
}

.learner-create-wizard__form[b-yqepzqx261] {
display: grid;
gap: var(--space-4);
}

.learner-create-wizard__form--two-col[b-yqepzqx261] {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
}

.learner-create-wizard__group[b-yqepzqx261],
.learner-create-wizard__field[b-yqepzqx261] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.learner-create-wizard__label-row[b-yqepzqx261] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
}

.learner-create-wizard__info-trigger[b-yqepzqx261] {
display: inline-grid;
place-items: center;
width: 1rem;
height: 1rem;
min-width: 1rem;
min-height: 1rem;
padding: 0;
margin: 0;
border: 0;
background: transparent;
color: var(--color-primary-dark);
cursor: help;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
line-height: 1;
flex: 0 0 auto;
}

.learner-create-wizard__info-trigger:focus-visible[b-yqepzqx261] {
outline: 2px solid color-mix(in srgb, var(--color-secondary-dark) 70%, white);
outline-offset: 2px;
border-radius: 9999px;
}

.learner-create-wizard__info-trigger i[b-yqepzqx261] {
font-size: 0.75rem;
line-height: 1;
}

.learner-create-wizard__tooltip[b-yqepzqx261] {
z-index: 80;
}

.learner-create-wizard__actions[b-yqepzqx261] {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: var(--space-3);
}

.learner-create-wizard__summary-grid[b-yqepzqx261] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-4);
}

.learner-create-wizard__summary-item[b-yqepzqx261] {
display: grid;
gap: var(--space-2);
min-width: 0;
padding: 1rem 1.1rem;
border: 1px solid color-mix(in srgb, var(--color-border) 88%, white);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.learner-create-wizard__summary-item span[b-yqepzqx261] {
color: var(--color-muted-foreground);
font-size: var(--font-size-body-sm);
line-height: 1.4;
}

.learner-create-wizard__summary-item strong[b-yqepzqx261] {
color: var(--color-foreground);
font-size: var(--font-size-title-sm);
line-height: 1.4;
font-weight: var(--font-weight-semibold);
word-break: break-word;
}

.learner-create-wizard__summary-item--wide[b-yqepzqx261] {
grid-column: 1 / -1;
}

@media (max-width: 640px) {
.learner-create-wizard__form--two-col[b-yqepzqx261],
.learner-create-wizard__summary-grid[b-yqepzqx261] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/LearnerEditorModal.razor.rz.scp.css */
.learner-editor[b-490fv779dy] {
display: grid;
gap: var(--space-5);
}

.learner-editor__assistant-shell[b-490fv779dy] {
display: grid;
gap: var(--space-4);
}

.learner-editor__copy[b-490fv779dy] {
display: grid;
gap: var(--space-2);
}

.learner-editor__kicker[b-490fv779dy] {
margin: 0;
}

.learner-editor__title[b-490fv779dy] {
margin: 0;
}

.learner-editor__lede[b-490fv779dy] {
margin: 0;
max-width: 44rem;
}

.learner-editor__form[b-490fv779dy] {
display: grid;
gap: var(--space-4);
}

.learner-editor__group[b-490fv779dy] {
display: grid;
gap: var(--space-2);
}

.learner-editor__row[b-490fv779dy] {
display: grid;
gap: var(--space-2);
}

.learner-editor__row--two[b-490fv779dy] {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
}

.learner-editor__date-field[b-490fv779dy] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.learner-editor__field[b-490fv779dy] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.learner-editor__label-row[b-490fv779dy] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
}

.learner-editor__info-trigger[b-490fv779dy] {
display: inline-grid;
place-items: center;
width: 1rem;
height: 1rem;
min-width: 1rem;
min-height: 1rem;
padding: 0;
margin: 0;
border: 0;
background: transparent;
color: var(--color-primary-dark);
cursor: help;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
line-height: 1;
flex: 0 0 auto;
}

.learner-editor__info-trigger:focus-visible[b-490fv779dy] {
outline: 2px solid color-mix(in srgb, var(--color-secondary-dark) 70%, white);
outline-offset: 2px;
border-radius: 9999px;
}

.learner-editor__info-trigger i[b-490fv779dy] {
font-size: 0.75rem;
line-height: 1;
}

.learner-editor__field-tooltip[b-490fv779dy] {
z-index: 80;
}

.learner-editor__birthdate-tooltip[b-490fv779dy] {
z-index: 80;
}

.learner-editor__advanced[b-490fv779dy] {
margin-top: var(--space-2);
}

.learner-editor__assistant-actions[b-490fv779dy] {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: var(--space-3);
}

.learner-editor__advanced-grid[b-490fv779dy] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-4);
}

@media (max-width: 640px) {
.learner-editor__row--two[b-490fv779dy] {
grid-template-columns: 1fr;
}
.learner-editor__advanced-grid[b-490fv779dy] {
grid-template-columns: 1fr;
}
.learner-editor__assistant-actions[b-490fv779dy] {
display: grid;
grid-template-columns: 1fr;
}
.learner-editor__assistant-actions[b-490fv779dy]  .tovelin-button {
width: 100%;
justify-content: center;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/LearnerGoalDetailsModal.razor.rz.scp.css */
.learner-goal-details[b-3roaxtw5fi] {
display: grid;
gap: var(--space-4);
}

.learner-goal-details__progress[b-3roaxtw5fi] {
display: grid;
gap: var(--space-2);
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 84%, transparent);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.learner-goal-details__progress div[b-3roaxtw5fi] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
}

.learner-goal-details__progress span[b-3roaxtw5fi],
.learner-goal-details__task small[b-3roaxtw5fi],
.learner-goal-details__description[b-3roaxtw5fi],
.learner-goal-details__tasks p[b-3roaxtw5fi] {
color: var(--color-muted);
}

.learner-goal-details__description[b-3roaxtw5fi] {
margin: 0;
}

.learner-goal-details__tasks[b-3roaxtw5fi] {
display: grid;
gap: var(--space-2);
}

.learner-goal-details__tasks h3[b-3roaxtw5fi] {
margin: 0;
font-size: var(--font-size-lg);
}

.learner-goal-details__task[b-3roaxtw5fi] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
border-radius: var(--radius-md);
}

.learner-goal-details__actions[b-3roaxtw5fi] {
display: flex;
justify-content: flex-end;
}
/* _content/Tovelin.Shared.UI/Components/Modals/LearnerRewardHistoryModal.razor.rz.scp.css */
.learner-reward-history__stack[b-8mwr0f2dyx] {
display: grid;
gap: var(--space-4);
}

.learner-reward-history__section[b-8mwr0f2dyx] {
display: grid;
gap: var(--space-3);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.learner-reward-history__section-head[b-8mwr0f2dyx] {
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--space-3);
}

.learner-reward-history__section-head h3[b-8mwr0f2dyx],
.learner-reward-history__progress-value[b-8mwr0f2dyx] {
margin: 0;
}

.learner-reward-history__progress-value[b-8mwr0f2dyx] {
color: var(--color-text);
font-size: var(--font-size-h2);
font-weight: var(--font-weight-bold);
}

.learner-reward-history__period-filter[b-8mwr0f2dyx] {
width: min(11rem, 45vw);
min-width: 0;
}

.learner-reward-history__activity-list[b-8mwr0f2dyx] {
display: grid;
gap: var(--space-3);
}

.learner-reward-history__activity-row[b-8mwr0f2dyx] {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: var(--space-3);
align-items: center;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface-strong);
}

.learner-reward-history__activity-icon[b-8mwr0f2dyx] {
display: grid;
place-items: center;
inline-size: 2.35rem;
block-size: 2.35rem;
border-radius: var(--radius-md);
background: var(--section-blue);
color: var(--color-primary);
}

.learner-reward-history__activity-row--deposit .learner-reward-history__activity-icon[b-8mwr0f2dyx] {
background: var(--section-mint);
color: var(--color-success-dark);
}

.learner-reward-history__activity-row--withdrawal .learner-reward-history__activity-icon[b-8mwr0f2dyx] {
background: var(--section-coral);
color: var(--color-secondary);
}

.learner-reward-history__activity-row--change .learner-reward-history__activity-icon[b-8mwr0f2dyx] {
background: var(--section-yellow);
color: var(--color-accent-dark);
}

.learner-reward-history__activity-copy[b-8mwr0f2dyx],
.learner-reward-history__activity-meta[b-8mwr0f2dyx] {
display: grid;
gap: var(--space-1);
}

.learner-reward-history__activity-meta[b-8mwr0f2dyx] {
justify-items: end;
text-align: right;
}

.learner-reward-history__activity-meta time[b-8mwr0f2dyx] {
color: var(--color-text-muted);
font-size: var(--font-size-sm);
white-space: nowrap;
}

.learner-reward-history__activity-meta .is-positive[b-8mwr0f2dyx] {
color: var(--color-success-dark);
}

.learner-reward-history__activity-meta .is-negative[b-8mwr0f2dyx] {
color: var(--color-secondary);
}

.learner-reward-history__show-more[b-8mwr0f2dyx] {
width: 100%;
}

.learner-reward-history__error[b-8mwr0f2dyx] {
display: grid;
justify-items: start;
gap: var(--space-3);
}

.learner-reward-history__footer[b-8mwr0f2dyx] {
display: flex;
justify-content: flex-end;
width: 100%;
}

@media (max-width: 680px) {
.learner-reward-history__activity-row[b-8mwr0f2dyx] {
grid-template-columns: auto minmax(0, 1fr);
}
.learner-reward-history__activity-meta[b-8mwr0f2dyx] {
grid-column: 2;
justify-items: start;
text-align: left;
}
}

@media (max-width: 420px) {
.learner-reward-history__section[b-8mwr0f2dyx] {
padding: var(--space-3);
}
.learner-reward-history__section-head[b-8mwr0f2dyx] {
align-items: flex-start;
}
.learner-reward-history__period-filter[b-8mwr0f2dyx] {
width: min(9.5rem, 46vw);
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/MentorInviteWizardModal.razor.rz.scp.css */
.mentor-invite-wizard-modal__shell[b-b4y8arwscy],
.mentor-invite-wizard-modal__content[b-b4y8arwscy] {
display: grid;
gap: var(--space-4);
}

.mentor-invite-wizard-modal__group-grid[b-b4y8arwscy],
.mentor-invite-wizard-modal__form-grid[b-b4y8arwscy],
.mentor-invite-wizard-modal__review-grid[b-b4y8arwscy] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.mentor-invite-wizard-modal__group-option[b-b4y8arwscy] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-3);
align-items: center;
min-width: 0;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.mentor-invite-wizard-modal__group-option:hover[b-b4y8arwscy] {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--color-primary) 26%, var(--color-border));
box-shadow: var(--shadow-sm);
}

.mentor-invite-wizard-modal__group-option--selected[b-b4y8arwscy] {
border-color: color-mix(in srgb, var(--color-primary) 52%, var(--color-border));
background: color-mix(in srgb, var(--section-blue) 42%, var(--color-surface));
}

.mentor-invite-wizard-modal__group-icon[b-b4y8arwscy] {
display: grid;
place-items: center;
width: 2.35rem;
height: 2.35rem;
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 72%, var(--color-surface));
color: color-mix(in srgb, var(--color-text) 72%, transparent);
}

.mentor-invite-wizard-modal__group-copy[b-b4y8arwscy],
.mentor-invite-wizard-modal__review-item[b-b4y8arwscy] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.mentor-invite-wizard-modal__group-copy strong[b-b4y8arwscy],
.mentor-invite-wizard-modal__review-item strong[b-b4y8arwscy] {
overflow: hidden;
color: var(--color-text);
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
text-overflow: ellipsis;
white-space: nowrap;
}

.mentor-invite-wizard-modal__group-copy span[b-b4y8arwscy],
.mentor-invite-wizard-modal__review-item span[b-b4y8arwscy],
.mentor-invite-wizard-modal__role-note p[b-b4y8arwscy] {
margin: 0;
color: var(--color-text-soft);
font-size: var(--font-size-caption);
line-height: 1.45;
}

.mentor-invite-wizard-modal__selected-pill[b-b4y8arwscy] {
grid-column: 1 / -1;
display: inline-flex;
align-items: center;
gap: var(--space-1);
width: fit-content;
color: var(--color-primary);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
}

.mentor-invite-wizard-modal__role-note[b-b4y8arwscy],
.mentor-invite-wizard-modal__review-item[b-b4y8arwscy] {
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.mentor-invite-wizard-modal__role-note[b-b4y8arwscy] {
display: flex;
align-items: flex-start;
gap: var(--space-3);
}

.mentor-invite-wizard-modal__role-note i[b-b4y8arwscy] {
color: var(--color-primary);
}

.mentor-invite-wizard-modal__footer[b-b4y8arwscy] {
display: flex;
justify-content: flex-end;
gap: var(--space-3);
width: 100%;
}

@media (max-width: 720px) {
.mentor-invite-wizard-modal__group-grid[b-b4y8arwscy],
.mentor-invite-wizard-modal__form-grid[b-b4y8arwscy],
.mentor-invite-wizard-modal__review-grid[b-b4y8arwscy] {
grid-template-columns: 1fr;
}
.mentor-invite-wizard-modal__footer[b-b4y8arwscy] {
justify-content: stretch;
}
.mentor-invite-wizard-modal__footer :deep(.tovelin-button)[b-b4y8arwscy] {
width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/MentorProfileVisibilityModal.razor.rz.scp.css */
.mentor-profile-visibility-modal__options[b-38alsehwbo] {
display: grid;
gap: var(--space-3);
}

.mentor-profile-visibility-modal__option[b-38alsehwbo] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-3);
align-items: start;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
background: var(--color-surface);
cursor: pointer;
}

.mentor-profile-visibility-modal__option input[b-38alsehwbo] {
margin-top: 0.18rem;
}

.mentor-profile-visibility-modal__option span[b-38alsehwbo] {
display: grid;
gap: var(--space-1);
}

.mentor-profile-visibility-modal__option strong[b-38alsehwbo] {
color: var(--color-text);
font-size: var(--font-size-body);
font-weight: var(--font-weight-semibold);
}

.mentor-profile-visibility-modal__option small[b-38alsehwbo] {
color: var(--color-text-muted);
font-size: var(--font-size-small);
line-height: 1.45;
}

.mentor-profile-visibility-modal__footer[b-38alsehwbo] {
display: flex;
justify-content: flex-end;
gap: var(--space-2);
width: 100%;
}

@media (max-width: 520px) {
.mentor-profile-visibility-modal__footer[b-38alsehwbo] {
flex-direction: column-reverse;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/OnboardingWizardModal.razor.rz.scp.css */
.onboarding-wizard-modal__shell[b-g9tkje4xs5] {
display: block;
}

.onboarding-wizard-modal__intro[b-g9tkje4xs5] {
display: none;
}

.onboarding-wizard-modal__review[b-g9tkje4xs5],
.onboarding-wizard-modal__form[b-g9tkje4xs5],
.onboarding-wizard-modal__completed-step[b-g9tkje4xs5],
.onboarding-wizard-modal__done[b-g9tkje4xs5] {
display: grid;
gap: var(--space-4);
}

.onboarding-wizard-modal__step-grid[b-g9tkje4xs5] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.onboarding-wizard-modal__intro-card[b-g9tkje4xs5],
.onboarding-wizard-modal__review-note[b-g9tkje4xs5],
.onboarding-wizard-modal__completed-step[b-g9tkje4xs5],
.onboarding-wizard-modal__done[b-g9tkje4xs5] {
align-items: flex-start;
background: var(--color-surface-muted);
border: 1px solid var(--color-border-soft);
border-radius: var(--radius-md);
display: flex;
gap: var(--space-3);
padding: var(--space-4);
}

.onboarding-wizard-modal__form-grid[b-g9tkje4xs5] {
display: grid;
gap: var(--space-3);
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.onboarding-wizard-modal__form-stack[b-g9tkje4xs5] {
display: grid;
gap: var(--space-3);
}

.onboarding-wizard-modal__footer[b-g9tkje4xs5] {
display: grid;
gap: var(--space-4);
margin-top: var(--space-6);
}

.onboarding-wizard-modal__status[b-g9tkje4xs5] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

.onboarding-wizard-modal__status-item[b-g9tkje4xs5] {
align-items: center;
background: var(--color-surface-muted);
border: 1px solid var(--color-border-soft);
border-radius: var(--radius-md);
color: var(--color-text-soft);
display: inline-flex;
gap: var(--space-1);
padding: var(--space-1) var(--space-2);
}

.onboarding-wizard-modal__status-item.is-complete[b-g9tkje4xs5] {
background: var(--color-success);
border-color: var(--color-success-dark);
color: var(--color-on-success);
}

.onboarding-wizard-modal__actions[b-g9tkje4xs5] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
justify-content: flex-end;
width: 100%;
}

@media (max-width: 620px) {
.onboarding-wizard-modal__step-grid[b-g9tkje4xs5],
.onboarding-wizard-modal__form-grid[b-g9tkje4xs5] {
grid-template-columns: 1fr;
}
.onboarding-wizard-modal__actions[b-g9tkje4xs5] {
justify-content: flex-end;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/OverviewGroupPickerModal.razor.rz.scp.css */
.overview-context-modal__list[b-jnpqgfrh3n] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.overview-context-modal__item:only-child[b-jnpqgfrh3n] {
grid-column: 1 / -1;
}

.overview-context-modal__item[b-jnpqgfrh3n] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
width: 100%;
min-width: 0;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.overview-context-modal__item:hover[b-jnpqgfrh3n] {
cursor: pointer;
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
box-shadow: var(--shadow-sm);
}

@media (max-width: 620px) {
.overview-context-modal__list[b-jnpqgfrh3n] {
grid-template-columns: 1fr;
}
}

.overview-context-modal__item:focus-visible[b-jnpqgfrh3n] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 42%, transparent);
outline-offset: 3px;
}

.overview-context-modal__item--selected[b-jnpqgfrh3n] {
border-color: color-mix(in srgb, var(--color-primary) 36%, var(--color-border));
}

.overview-context-modal__item span[b-jnpqgfrh3n] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.overview-context-modal__item strong[b-jnpqgfrh3n],
.overview-context-modal__item small[b-jnpqgfrh3n] {
overflow-wrap: anywhere;
}

.overview-context-modal__item strong[b-jnpqgfrh3n] {
color: var(--color-text);
font-size: var(--font-size-small);
}

.overview-context-modal__item small[b-jnpqgfrh3n] {
color: var(--color-text-soft);
font-size: var(--font-size-caption);
}
.overview-context-modal__content[b-jnpqgfrh3n] {
display: grid;
gap: var(--space-4);
}

.overview-context-modal__search[b-jnpqgfrh3n] {
display: flex;
align-items: center;
gap: var(--space-2);
min-height: 2.85rem;
padding: 0.65rem 0.85rem;
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
color: var(--color-text-soft);
}

.overview-context-modal__search:focus-within[b-jnpqgfrh3n] {
border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border));
box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 16%, transparent);
}

.overview-context-modal__search input[b-jnpqgfrh3n] {
width: 100%;
min-width: 0;
border: 0;
outline: 0;
background: transparent;
color: var(--color-text);
font: inherit;
}

.overview-context-modal__empty[b-jnpqgfrh3n] {
margin: 0;
padding: var(--space-5);
border: 1px dashed var(--color-border);
border-radius: var(--radius-lg);
color: var(--color-text-soft);
text-align: center;
}
/* _content/Tovelin.Shared.UI/Components/Modals/OverviewLearnerPickerModal.razor.rz.scp.css */
.overview-context-modal__list[b-vu8s79wl3d] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.overview-context-modal__item:only-child[b-vu8s79wl3d] {
grid-column: 1 / -1;
}

.overview-context-modal__item[b-vu8s79wl3d] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: var(--space-3);
width: 100%;
min-width: 0;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
color: inherit;
transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.overview-context-modal__item:hover[b-vu8s79wl3d] {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
box-shadow: var(--shadow-sm);
}

.overview-context-modal__select[b-vu8s79wl3d] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
min-width: 0;
padding: 0;
border: 0;
background: transparent;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
}

.overview-context-modal__home-link[b-vu8s79wl3d] {
white-space: nowrap;
}

@media (max-width: 620px) {
.overview-context-modal__list[b-vu8s79wl3d] {
grid-template-columns: 1fr;
}
.overview-context-modal__item[b-vu8s79wl3d] {
grid-template-columns: 1fr;
align-items: start;
}
.overview-context-modal__home-link[b-vu8s79wl3d] {
justify-self: start;
}
}

.overview-context-modal__select:focus-visible[b-vu8s79wl3d] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 42%, transparent);
outline-offset: 3px;
}

.overview-context-modal__item--selected[b-vu8s79wl3d] {
border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 14%, transparent);
}

.overview-context-modal__select span[b-vu8s79wl3d] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.overview-context-modal__select strong[b-vu8s79wl3d],
.overview-context-modal__select small[b-vu8s79wl3d] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.overview-context-modal__select strong[b-vu8s79wl3d] {
color: var(--color-text);
font-size: var(--font-size-small);
}

.overview-context-modal__select small[b-vu8s79wl3d] {
color: var(--color-text-soft);
font-size: var(--font-size-caption);
}
/* _content/Tovelin.Shared.UI/Components/Modals/OverviewNextTaskModal.razor.rz.scp.css */
.overview-task-modal__current[b-n5xno3bajj] {
display: grid;
gap: var(--space-1);
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 54%, var(--color-surface));
}

.overview-task-modal__current[b-n5xno3bajj] {
margin-bottom: var(--space-3);
}

.overview-task-modal__task[b-n5xno3bajj] {
display: grid;
gap: var(--space-1);
margin-top: var(--space-4);
margin-left: var(--space-2);
padding-left: var(--space-4);
border-left: 2px solid var(--color-secondary-dark);
}

.overview-task-modal__current p[b-n5xno3bajj],
.overview-task-modal__task p[b-n5xno3bajj],
.overview-task-modal__task small[b-n5xno3bajj],
.overview-task-modal__current small[b-n5xno3bajj] {
margin: 0;
color: var(--color-text-soft);
font-size: var(--font-size-caption);
}

.overview-task-modal__current p[b-n5xno3bajj],
.overview-task-modal__task p[b-n5xno3bajj],
.overview-task-modal__list-label[b-n5xno3bajj] {
font-weight: var(--font-weight-semibold);
letter-spacing: 0.05em;
text-transform: uppercase;
}

.overview-task-modal__current strong[b-n5xno3bajj],
.overview-task-modal__task strong[b-n5xno3bajj] {
color: var(--color-text);
font-size: var(--font-size-body);
}

.overview-task-modal__divider[b-n5xno3bajj] {
width: 100%;
height: 1px;
margin: var(--space-4) 0;
border: 0;
background: var(--color-border);
}

.overview-task-modal__goals[b-n5xno3bajj] {
display: grid;
gap: var(--space-3);
}

.overview-task-modal__list-label[b-n5xno3bajj] {
margin: 0;
color: var(--color-text-soft);
font-size: var(--font-size-caption);
}

.overview-task-modal__goal[b-n5xno3bajj] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
width: 100%;
min-width: 0;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.overview-task-modal__goal:hover[b-n5xno3bajj] {
cursor: pointer;
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
box-shadow: var(--shadow-sm);
}

.overview-task-modal__goal:focus-visible[b-n5xno3bajj] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 42%, transparent);
outline-offset: 3px;
}

.overview-task-modal__goal--selected[b-n5xno3bajj] {
border-color: color-mix(in srgb, var(--color-primary) 36%, var(--color-border));
}

.overview-task-modal__goal span[b-n5xno3bajj] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.overview-task-modal__goal strong[b-n5xno3bajj],
.overview-task-modal__goal small[b-n5xno3bajj] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.overview-task-modal__goal strong[b-n5xno3bajj] {
color: var(--color-text);
font-size: var(--font-size-small);
}

.overview-task-modal__goal small[b-n5xno3bajj] {
color: var(--color-text-soft);
font-size: var(--font-size-caption);
}
/* _content/Tovelin.Shared.UI/Components/Modals/OverviewPointsSummaryModal.razor.rz.scp.css */
.overview-points-modal__summary[b-m54mbcevn2] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-3);
margin-bottom: var(--space-4);
}

.overview-points-modal__summary div[b-m54mbcevn2] {
display: grid;
gap: var(--space-1);
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.overview-points-modal__summary span[b-m54mbcevn2] {
color: var(--color-text-soft);
font-size: var(--font-size-caption);
}

.overview-points-modal__summary strong[b-m54mbcevn2] {
color: var(--color-text);
font-size: var(--font-size-xl);
}

.overview-points-modal__list[b-m54mbcevn2] {
display: grid;
gap: var(--space-3);
}

.overview-points-modal__item[b-m54mbcevn2] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.overview-points-modal__item div[b-m54mbcevn2] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.overview-points-modal__item strong[b-m54mbcevn2],
.overview-points-modal__item small[b-m54mbcevn2] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.overview-points-modal__item strong[b-m54mbcevn2] {
color: var(--color-text);
font-size: var(--font-size-small);
}

.overview-points-modal__item small[b-m54mbcevn2] {
color: var(--color-text-soft);
font-size: var(--font-size-caption);
}

.overview-points-modal__points[b-m54mbcevn2] {
flex: 0 0 auto;
min-width: 3.2rem;
color: var(--color-text);
font-size: var(--font-size-body-lg);
font-weight: var(--font-weight-bold);
text-align: right;
}

.overview-points-modal__points--positive[b-m54mbcevn2] {
color: color-mix(in srgb, var(--color-success-dark) 82%, var(--color-text));
}

.overview-points-modal__points--negative[b-m54mbcevn2] {
color: color-mix(in srgb, var(--color-danger) 84%, var(--color-text));
}

@media (max-width: 560px) {
.overview-points-modal__summary[b-m54mbcevn2] {
grid-template-columns: 1fr;
}
}

.overview-points-modal__pagination[b-m54mbcevn2] {
justify-self: start;
}
/* _content/Tovelin.Shared.UI/Components/Modals/RewardComposerModal.razor.rz.scp.css */
.reward-composer-modal__assistant-shell[b-knh9syv2cu],
.reward-composer-modal__step[b-knh9syv2cu],
.reward-composer-modal__form[b-knh9syv2cu],
.reward-composer-modal__status[b-knh9syv2cu],
.reward-composer-modal__summary[b-knh9syv2cu],
.reward-composer-modal__preview-copy[b-knh9syv2cu] {
display: grid;
gap: var(--space-4);
}

.reward-composer-modal__grid[b-knh9syv2cu] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.reward-composer-modal__grid--two-columns[b-knh9syv2cu] {
align-items: start;
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reward-composer-modal__step--preview[b-knh9syv2cu] {
display: block;
}

.reward-composer-modal__preview-card[b-knh9syv2cu],
.reward-composer-modal__summary-item[b-knh9syv2cu] {
border: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.reward-composer-modal__suggestions[b-knh9syv2cu] {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-2);
max-height: 20rem;
overflow-y: auto;
padding-right: var(--space-1);
}

.reward-composer-modal__suggestion[b-knh9syv2cu] {
display: grid;
gap: var(--space-1);
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-surface) 90%, white);
color: inherit;
text-align: left;
}

.reward-composer-modal__suggestion:hover[b-knh9syv2cu] {
cursor: pointer;
border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
box-shadow: var(--shadow-sm);
}

.reward-composer-modal__suggestion.is-selected[b-knh9syv2cu] {
border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 12%, transparent), var(--shadow-sm);
}

.reward-composer-modal__suggestion-title[b-knh9syv2cu] {
font-weight: var(--font-weight-semibold);
}

.reward-composer-modal__suggestion-text[b-knh9syv2cu],
.reward-composer-modal__preview-copy p[b-knh9syv2cu],
.reward-composer-modal__summary-note[b-knh9syv2cu] {
margin: 0;
color: var(--color-muted);
}

.reward-composer-modal__preview-card[b-knh9syv2cu] {
max-width: 34rem;
margin-inline: auto;
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-3);
align-items: start;
padding: var(--space-4);
}

.reward-composer-modal__preview-card .reward-composer-modal__preview-copy[b-knh9syv2cu] {
gap: var(--space-3);
}

.reward-composer-modal__preview-top h3[b-knh9syv2cu] {
margin: 0;
font-size: var(--font-size-title-md);
line-height: var(--line-height-tight);
}

.reward-composer-modal__summary-item span[b-knh9syv2cu],
.reward-composer-modal__preview-meta span[b-knh9syv2cu] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.reward-composer-modal__suggestions[b-knh9syv2cu]::-webkit-scrollbar {
width: 0.5rem;
}

.reward-composer-modal__suggestions[b-knh9syv2cu]::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--color-border) 72%, var(--color-primary));
border-radius: 999px;
}

.reward-composer-modal__suggestions[b-knh9syv2cu]::-webkit-scrollbar-track {
background: transparent;
}

.reward-composer-modal__preview-icon[b-knh9syv2cu] {
display: grid;
place-items: center;
width: 3rem;
height: 3rem;
border-radius: var(--radius-lg);
}

.reward-composer-modal__preview-icon--accent[b-knh9syv2cu] {
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
}

.reward-composer-modal__preview-icon--success[b-knh9syv2cu] {
background: color-mix(in srgb, var(--color-success) 12%, var(--color-surface));
}

.reward-composer-modal__preview-icon--soft[b-knh9syv2cu] {
background: color-mix(in srgb, var(--color-warning) 20%, var(--color-surface));
}

.reward-composer-modal__preview-top[b-knh9syv2cu],
.reward-composer-modal__assistant-footer[b-knh9syv2cu] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
align-items: flex-start;
}

.reward-composer-modal__preview-progress-meta[b-knh9syv2cu] {
display: flex;
justify-content: flex-end;
align-items: center;
}

.reward-composer-modal__preview-progress[b-knh9syv2cu] {
display: grid;
gap: var(--space-2);
}

.reward-composer-modal__preview-meta[b-knh9syv2cu] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
padding-top: var(--space-2);
border-top: 1px solid color-mix(in srgb, var(--color-border) 68%, transparent);
}

.reward-composer-modal__summary[b-knh9syv2cu] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reward-composer-modal__summary-item[b-knh9syv2cu] {
display: grid;
gap: var(--space-1);
padding: var(--space-3);
}

.reward-composer-modal__summary-item strong[b-knh9syv2cu] {
font-size: var(--font-size-body);
line-height: var(--line-height-tight);
}

.reward-composer-modal__assistant-footer[b-knh9syv2cu] {
justify-content: flex-end;
}

@media (max-width: 980px) {
.reward-composer-modal__step--preview[b-knh9syv2cu],
.reward-composer-modal__summary[b-knh9syv2cu],
.reward-composer-modal__suggestions[b-knh9syv2cu] {
grid-template-columns: 1fr;
}
.reward-composer-modal__preview-card[b-knh9syv2cu] {
grid-template-columns: 1fr;
}
.reward-composer-modal__assistant-footer[b-knh9syv2cu] {
flex-wrap: wrap;
}
}

@media (max-width: 720px) {
.reward-composer-modal__grid[b-knh9syv2cu],
.reward-composer-modal__grid--two-columns[b-knh9syv2cu] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/RewardHistoryModal.razor.rz.scp.css */
.reward-history-modal__list[b-gxbaoghzhx] {
display: grid;
gap: 0.75rem;
}

.reward-history-modal__item[b-gxbaoghzhx] {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 0.75rem;
align-items: center;
padding: 0.85rem;
border: 1px solid var(--tovelin-border-subtle, #dfe7e5);
border-radius: 1rem;
background: var(--tovelin-surface, #fff);
}

.reward-history-modal__icon[b-gxbaoghzhx] {
display: grid;
place-items: center;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
color: var(--tovelin-primary, #356f65);
background: var(--tovelin-primary-soft, #e8f3ef);
}

.reward-history-modal__content[b-gxbaoghzhx] {
display: grid;
gap: 0.15rem;
}

.reward-history-modal__content time[b-gxbaoghzhx] {
color: var(--tovelin-text-muted, #66736f);
font-size: 0.8rem;
}

.reward-history-modal__points.is-positive[b-gxbaoghzhx] {
color: var(--tovelin-success, #267355);
}

.reward-history-modal__points.is-negative[b-gxbaoghzhx] {
color: var(--tovelin-danger, #a13f4d);
}

.reward-history-modal__more[b-gxbaoghzhx] {
display: flex;
justify-content: center;
margin-top: 1rem;
}

.reward-history-modal__error[b-gxbaoghzhx] {
display: grid;
justify-items: start;
gap: 0.75rem;
}
/* _content/Tovelin.Shared.UI/Components/Modals/SavingsAccountInfoModal.razor.rz.scp.css */
.savings-info-modal__stack[b-bkom689o3v] {
display: grid;
gap: var(--space-4);
}

.savings-info-modal__metrics[b-bkom689o3v],
.savings-info-modal__detail-grid[b-bkom689o3v] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.savings-info-modal__metric[b-bkom689o3v],
.savings-info-modal__section[b-bkom689o3v],
.savings-info-modal__activity-row[b-bkom689o3v] {
border: 1px solid color-mix(in srgb, var(--color-border) 78%, transparent);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.savings-info-modal__metric[b-bkom689o3v] {
display: grid;
justify-items: center;
gap: var(--space-1);
padding: var(--space-3);
text-align: center;
}

.savings-info-modal__metric strong[b-bkom689o3v],
.savings-info-modal__detail-grid strong[b-bkom689o3v],
.savings-info-modal__bonus-row strong[b-bkom689o3v] {
font-size: var(--font-size-title-md);
line-height: var(--line-height-tight);
}

.savings-info-modal__metric--mint[b-bkom689o3v] {
background: color-mix(in srgb, var(--color-success) 12%, var(--color-surface));
}

.savings-info-modal__metric--blue[b-bkom689o3v] {
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.savings-info-modal__metric--lavender[b-bkom689o3v] {
background: color-mix(in srgb, var(--color-secondary) 12%, var(--color-surface));
}

.savings-info-modal__metric--yellow[b-bkom689o3v] {
background: color-mix(in srgb, var(--color-warning) 16%, var(--color-surface));
}

.savings-info-modal__section[b-bkom689o3v] {
display: grid;
gap: var(--space-3);
padding: var(--space-4);
}

.savings-info-modal__section-head[b-bkom689o3v] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
align-items: center;
}

.savings-info-modal__section-head h3[b-bkom689o3v],
.savings-info-modal__activity-title[b-bkom689o3v] {
margin: 0;
}

.savings-info-modal__period-filter[b-bkom689o3v] {
width: min(11rem, 45vw);
min-width: 0;
}

.savings-info-modal__detail-grid > div[b-bkom689o3v] {
display: grid;
gap: var(--space-1);
padding: var(--space-3);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-surface-strong) 82%, var(--color-primary) 4%);
}

.savings-info-modal__bonus-row[b-bkom689o3v] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-3);
width: fit-content;
padding: var(--space-3);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-lavender) 18%, var(--color-surface));
}

.savings-info-modal__activity-list[b-bkom689o3v] {
display: grid;
gap: var(--space-3);
}

.savings-info-modal__show-more[b-bkom689o3v] {
width: 100%;
}

.savings-info-modal__activity-row[b-bkom689o3v] {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: var(--space-3);
align-items: center;
padding: var(--space-3);
}

.savings-info-modal__activity-icon[b-bkom689o3v] {
display: grid;
place-items: center;
inline-size: 2.35rem;
block-size: 2.35rem;
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--section-blue) 36%, var(--color-surface));
color: var(--color-primary);
}

.savings-info-modal__activity-row--deposit .savings-info-modal__activity-icon[b-bkom689o3v] {
background: color-mix(in srgb, var(--color-success) 16%, var(--color-surface));
color: var(--color-success-dark);
}

.savings-info-modal__activity-row--bonus .savings-info-modal__activity-icon[b-bkom689o3v] {
background: color-mix(in srgb, var(--color-accent) 18%, var(--color-surface));
color: var(--color-accent-dark);
}

.savings-info-modal__activity-row--withdrawal .savings-info-modal__activity-icon[b-bkom689o3v] {
background: color-mix(in srgb, var(--color-secondary) 14%, var(--color-surface));
color: var(--color-secondary);
}

.savings-info-modal__activity-title[b-bkom689o3v] {
font-weight: var(--font-weight-semibold);
}

.savings-info-modal__activity-row time[b-bkom689o3v] {
color: var(--color-text-muted);
font-size: var(--font-size-sm);
white-space: nowrap;
}

.savings-info-modal__footer[b-bkom689o3v],
.savings-info-modal__footer-actions[b-bkom689o3v] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
align-items: center;
}

.savings-info-modal__footer[b-bkom689o3v] {
justify-content: space-between;
width: 100%;
}

.savings-info-modal__footer--close-only[b-bkom689o3v] {
justify-content: flex-end;
}

.savings-info-modal__footer-actions[b-bkom689o3v] {
justify-content: flex-end;
}

@media (max-width: 680px) {
.savings-info-modal__activity-row[b-bkom689o3v] {
grid-template-columns: auto minmax(0, 1fr);
}
.savings-info-modal__activity-row time[b-bkom689o3v] {
grid-column: 2;
}
.savings-info-modal__footer[b-bkom689o3v] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
width: 100%;
align-items: stretch;
}
.savings-info-modal__footer-actions[b-bkom689o3v] {
display: contents;
}
.savings-info-modal__footer :deep(.tovelin-btn)[b-bkom689o3v] {
width: 100%;
justify-content: center;
min-width: 0;
}
.savings-info-modal__footer--close-only[b-bkom689o3v] {
display: flex;
justify-content: flex-end;
}
.savings-info-modal__footer--close-only :deep(.tovelin-btn)[b-bkom689o3v] {
width: auto;
}
}

@media (max-width: 420px) {
.savings-info-modal__section-head[b-bkom689o3v] {
align-items: flex-start;
}
.savings-info-modal__period-filter[b-bkom689o3v] {
width: min(9.5rem, 46vw);
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/SavingsAccountSettingsModal.razor.rz.scp.css */
.savings-settings-modal__form[b-nbu9445v2k] {
display: grid;
gap: var(--space-4);
}

.savings-settings-modal__field-row[b-nbu9445v2k] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-4);
}

.savings-settings-modal__toggles[b-nbu9445v2k] {
display: grid;
gap: var(--space-3);
margin-top: var(--space-5);
}

.savings-settings-modal__toggle[b-nbu9445v2k] {
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-surface) 96%, var(--color-muted));
}

.savings-settings-modal__transfer[b-nbu9445v2k] {
display: grid;
gap: var(--space-3);
margin-top: var(--space-5);
padding-top: var(--space-5);
border-top: 1px solid var(--color-border);
}

.savings-settings-modal__transfer p[b-nbu9445v2k] {
margin: var(--space-1) 0 0;
}

@media (max-width: 640px) {
.savings-settings-modal__field-row[b-nbu9445v2k] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/TovelinAssistantShell.razor.rz.scp.css */
.tovelin-assistant-shell[b-hy3jb6xdk8] {
display: grid;
gap: var(--space-3);
}

.tovelin-assistant-shell__intro[b-hy3jb6xdk8] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-3);
align-items: start;
}

.tovelin-assistant-shell__avatar-wrap[b-hy3jb6xdk8] {
display: grid;
place-items: start center;
flex: 0 0 auto;
width: 5rem;
height: 5rem;
overflow: hidden;
border-radius: var(--radius-xl);
background:
linear-gradient(
145deg,
color-mix(in srgb, var(--color-secondary) 72%, var(--color-surface)) 0%,
color-mix(in srgb, var(--color-accent) 18%, var(--color-surface)) 100%);
box-shadow: var(--shadow-sm);
}

.tovelin-assistant-shell__avatar[b-hy3jb6xdk8],
.tovelin-assistant-shell__avatar--fallback[b-hy3jb6xdk8] {
width: 5rem;
height: 5rem;
border-radius: var(--radius-xl);
object-fit: cover;
background: transparent;
}

.tovelin-assistant-shell__avatar--close[b-hy3jb6xdk8] {
transform: scale(1.46);
transform-origin: 50% 36%;
}

.tovelin-assistant-shell__avatar--fallback[b-hy3jb6xdk8] {
display: grid;
place-items: center;
background: color-mix(in srgb, var(--color-secondary) 34%, var(--color-surface));
}

.tovelin-assistant-shell__bubble[b-hy3jb6xdk8] {
position: relative;
display: grid;
gap: var(--space-1);
min-width: 0;
padding: var(--space-4);
border-radius: 1.25rem;
border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
background:
linear-gradient(
180deg,
color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-soft)) 0%,
color-mix(in srgb, var(--color-surface) 92%, var(--color-surface-soft)) 100%);
box-shadow: 0 14px 30px color-mix(in srgb, var(--color-primary) 10%, transparent);
}

.tovelin-assistant-shell__bubble[b-hy3jb6xdk8]::before {
content: "";
position: absolute;
left: -0.45rem;
top: 1.4rem;
width: 0.9rem;
height: 0.9rem;
background: inherit;
border-left: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
transform: rotate(45deg);
border-bottom-left-radius: 0.2rem;
box-shadow: -6px 6px 10px color-mix(in srgb, var(--color-primary) 6%, transparent);
}

.tovelin-assistant-shell__name[b-hy3jb6xdk8],
.tovelin-assistant-shell__kicker[b-hy3jb6xdk8],
.tovelin-assistant-shell__title[b-hy3jb6xdk8],
.tovelin-assistant-shell__text[b-hy3jb6xdk8] {
margin: 0;
}

.tovelin-assistant-shell__title[b-hy3jb6xdk8] {
font-weight: var(--font-weight-medium);
color: var(--color-text);
}

.tovelin-assistant-shell__name[b-hy3jb6xdk8],
.tovelin-assistant-shell__text[b-hy3jb6xdk8] {
color: var(--color-text-soft);
}

.tovelin-assistant-shell__busy[b-hy3jb6xdk8] {
margin-top: var(--space-3);
}

.tovelin-assistant-shell__warning[b-hy3jb6xdk8] {
margin-top: var(--space-3);
}

.tovelin-assistant-shell__body[b-hy3jb6xdk8] {
display: grid;
gap: var(--space-4);
}

.tovelin-assistant-shell__actions[b-hy3jb6xdk8],
.tovelin-assistant-shell__footer[b-hy3jb6xdk8] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
margin-top: var(--space-4);
}

@media (max-width: 640px) {
.tovelin-assistant-shell__intro[b-hy3jb6xdk8] {
grid-template-columns: 1fr;
}
.tovelin-assistant-shell__bubble[b-hy3jb6xdk8] {
padding: var(--space-3);
}
.tovelin-assistant-shell__bubble[b-hy3jb6xdk8]::before {
left: 1.4rem;
top: -0.45rem;
border-left: 0;
border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
border-right: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
border-top: 0;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/TovelinConfirmModal.razor.rz.scp.css */
.tovelin-confirm-modal__message[b-00sfzjujib] {
margin: 0;
color: var(--color-text);
}
/* _content/Tovelin.Shared.UI/Components/Modals/TovelinPopupModal.razor.rz.scp.css */
.tovelin-modal-backdrop[b-krkybnoki1] {
position: fixed;
inset: 0;
z-index: var(--z-modal);
display: grid;
place-items: center;
padding: var(--space-fluid-shell);
background: var(--modal-backdrop);
}

.tovelin-modal[b-krkybnoki1] {
width: min(100%, var(--modal-width));
max-width: var(--modal-width);
max-height: var(--modal-max-height);
overflow: hidden;
display: flex;
flex-direction: column;
border-radius: var(--radius-md);
border: 1px solid var(--color-border);
background: linear-gradient(180deg, var(--modal-surface) 0%, var(--modal-surface-soft) 100%);
box-shadow: var(--shadow-elevated);
color: var(--color-text);
}

.tovelin-modal.tovelin-modal--allow-overflow[b-krkybnoki1] {
max-height: none;
overflow: visible;
}

.tovelin-modal.tovelin-modal--allow-overflow .tovelin-modal__body[b-krkybnoki1] {
overflow: visible;
}

.tovelin-modal.tovelin-modal--primary[b-krkybnoki1] {
--tovelin-modal-tone: var(--color-primary-dark);
}

.tovelin-modal.tovelin-modal--secondary[b-krkybnoki1] {
--tovelin-modal-tone: var(--color-secondary-dark);
}

.tovelin-modal.tovelin-modal--accent[b-krkybnoki1] {
--tovelin-modal-tone: var(--color-accent-dark);
}

.tovelin-modal.tovelin-modal--success[b-krkybnoki1] {
--tovelin-modal-tone: var(--color-success-dark);
}

.tovelin-modal.tovelin-modal--warning[b-krkybnoki1] {
--tovelin-modal-tone: var(--color-warning-dark);
}

.tovelin-modal.tovelin-modal--danger[b-krkybnoki1] {
--tovelin-modal-tone: var(--color-danger-dark);
}

.tovelin-modal.tovelin-modal--info[b-krkybnoki1] {
--tovelin-modal-tone: var(--color-primary-dark);
}

.tovelin-modal--narrow[b-krkybnoki1] {
max-width: var(--modal-width-narrow);
}

.tovelin-modal--wide[b-krkybnoki1] {
max-width: var(--modal-width-wide);
}

.tovelin-modal__header[b-krkybnoki1] {
flex: 0 0 auto;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-4);
padding: var(--modal-header-pad-y) var(--modal-header-pad-x);
border-bottom: 1px solid var(--color-border-soft);
background: color-mix(in srgb, var(--modal-surface-soft) 95%, var(--tovelin-modal-tone) 5%);
}

.tovelin-modal__heading[b-krkybnoki1] {
min-width: 0;
display: flex;
flex-direction: column;
gap: var(--space-1);
padding-left: var(--space-3);
}

.tovelin-modal__eyebrow[b-krkybnoki1] {
color: var(--color-text-soft);
}

.tovelin-modal__title-group[b-krkybnoki1] {
display: flex;
flex-direction: column;
gap: var(--space-2);
}

.tovelin-modal__title[b-krkybnoki1] {
margin: 0;
}

.tovelin-modal__subtitle[b-krkybnoki1] {
margin: 0;
}

.tovelin-modal__body[b-krkybnoki1] {
flex: 1 1 auto;
min-height: 0;
padding: var(--modal-body-pad-y) var(--modal-body-pad-x);
overflow-y: auto;
overflow-x: hidden;
display: grid;
gap: var(--modal-gap);
background: var(--modal-surface);
}

.tovelin-modal__footer[b-krkybnoki1] {
flex: 0 0 auto;
padding: var(--modal-footer-pad-y) var(--modal-footer-pad-x);
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: var(--space-3);
border-top: 1px solid var(--color-border-soft);
background: color-mix(in srgb, var(--modal-surface-soft) 95%, var(--tovelin-modal-tone) 5%);
}

.tovelin-modal.tovelin-modal--primary[b-krkybnoki1],
.tovelin-modal.tovelin-modal--secondary[b-krkybnoki1],
.tovelin-modal.tovelin-modal--accent[b-krkybnoki1],
.tovelin-modal.tovelin-modal--success[b-krkybnoki1],
.tovelin-modal.tovelin-modal--warning[b-krkybnoki1],
.tovelin-modal.tovelin-modal--danger[b-krkybnoki1],
.tovelin-modal.tovelin-modal--info[b-krkybnoki1] {
border-left: 8px solid var(--tovelin-modal-tone);
}

[data-bs-theme="dark"] .tovelin-modal.tovelin-modal--primary[b-krkybnoki1],
[data-bs-theme="dark"] .tovelin-modal.tovelin-modal--secondary[b-krkybnoki1],
[data-bs-theme="dark"] .tovelin-modal.tovelin-modal--accent[b-krkybnoki1],
[data-bs-theme="dark"] .tovelin-modal.tovelin-modal--success[b-krkybnoki1],
[data-bs-theme="dark"] .tovelin-modal.tovelin-modal--warning[b-krkybnoki1],
[data-bs-theme="dark"] .tovelin-modal.tovelin-modal--danger[b-krkybnoki1],
[data-bs-theme="dark"] .tovelin-modal.tovelin-modal--info[b-krkybnoki1] {
border-left-color: color-mix(in srgb, var(--tovelin-modal-tone) 62%, var(--color-border));
}

@media (max-width: 640px) {
.tovelin-modal-backdrop[b-krkybnoki1] {
align-items: center;
min-height: 100dvh;
padding: var(--space-2);
}
.tovelin-modal[b-krkybnoki1],
.tovelin-modal.tovelin-modal--allow-overflow[b-krkybnoki1] {
max-height: calc(100dvh - (var(--space-2) * 2));
overflow: hidden;
}
.tovelin-modal__body[b-krkybnoki1],
.tovelin-modal.tovelin-modal--allow-overflow .tovelin-modal__body[b-krkybnoki1] {
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
}
/* _content/Tovelin.Shared.UI/Components/Modals/TovelinRewardCreateWizard.razor.rz.scp.css */
.reward-create-wizard-host[b-3jtrxapxev] {
display: contents;
}

.reward-create-wizard__body[b-3jtrxapxev],
.reward-create-wizard__choices[b-3jtrxapxev],
.reward-create-wizard__fields[b-3jtrxapxev] {
display: grid;
gap: var(--space-4);
min-width: 0;
}

.reward-create-wizard__body h3[b-3jtrxapxev] {
margin-block: var(--space-4);
}

.reward-create-wizard__choices[b-3jtrxapxev]  .reward-create-wizard__choice,
.reward-create-wizard__recommendations[b-3jtrxapxev]  .reward-create-wizard__choice {
width: 100%;
min-height: 3.5rem;
padding: var(--space-4);
text-align: left;
white-space: normal;
justify-content: flex-start;
}

.reward-create-wizard__body[b-3jtrxapxev]  .reward-create-wizard__choice .tovelin-btn__label,
.reward-create-wizard__choice span[b-3jtrxapxev] {
width: 100%;
display: grid;
gap: var(--space-2);
}

.reward-create-wizard__choice span span[b-3jtrxapxev],
.reward-create-wizard__choice small[b-3jtrxapxev] {
font-weight: var(--font-weight-regular);
line-height: 1.45;
}

.reward-create-wizard__recommendations[b-3jtrxapxev] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.reward-create-wizard__footer[b-3jtrxapxev] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-3);
width: 100%;
}

.reward-create-wizard__footer[b-3jtrxapxev] {
justify-content: flex-end;
}

.reward-create-wizard__footer[b-3jtrxapxev]  .reward-create-wizard__restart {
margin-inline-end: auto;
}

.reward-create-wizard__footer[b-3jtrxapxev]  .tovelin-btn {
min-height: 44px;
white-space: normal;
}

.reward-create-wizard__notice[b-3jtrxapxev] {
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
}

.reward-create-wizard__body p[b-3jtrxapxev],
.reward-create-wizard__body h4[b-3jtrxapxev],
.reward-create-wizard__body strong[b-3jtrxapxev] {
overflow-wrap: anywhere;
white-space: pre-wrap;
}

.reward-create-wizard__body[b-3jtrxapxev]  .reward-create-wizard__summary-wide {
grid-column: 1 / -1;
}

@media (max-width: 639px) {
.reward-create-wizard__recommendations[b-3jtrxapxev] {
grid-template-columns: minmax(0, 1fr);
}
}
/* _content/Tovelin.Shared.UI/Components/Navigation/TovelinBreadcrumb.razor.rz.scp.css */
.tovelin-breadcrumb[b-skx3sjqtfr] {
display: grid;
gap: var(--space-2);
width: 100%;
min-width: 0;
}

.tovelin-breadcrumb--compact[b-skx3sjqtfr] {
gap: var(--space-1);
}

.tovelin-breadcrumb__list[b-skx3sjqtfr] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-2);
list-style: none;
padding: 0;
margin: 0;
min-width: 0;
}

.tovelin-breadcrumb__item[b-skx3sjqtfr] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
min-width: 0;
color: var(--color-muted);
}

.tovelin-breadcrumb__item--current[b-skx3sjqtfr] {
color: var(--color-text);
}

.tovelin-breadcrumb__separator[b-skx3sjqtfr] {
display: inline-flex;
align-items: center;
color: var(--color-muted);
}

.tovelin-breadcrumb__link[b-skx3sjqtfr],
.tovelin-breadcrumb__current[b-skx3sjqtfr] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
min-width: 0;
font-family: var(--font-body);
font-size: var(--font-size-small);
line-height: 1.2;
}

.tovelin-breadcrumb__link[b-skx3sjqtfr] {
color: var(--color-muted);
text-decoration: none;
transition: color 160ms ease;
}

.tovelin-breadcrumb__link:hover[b-skx3sjqtfr] {
color: var(--color-primary-dark);
}

.tovelin-breadcrumb__current[b-skx3sjqtfr] {
color: var(--color-text);
font-weight: var(--font-weight-medium);
}

.tovelin-breadcrumb__icon[b-skx3sjqtfr] {
flex-shrink: 0;
}

.tovelin-breadcrumb__link:focus-visible[b-skx3sjqtfr] {
outline: 3px solid color-mix(in srgb, var(--color-secondary-dark) 70%, white);
outline-offset: 2px;
border-radius: var(--radius-md);
}
/* _content/Tovelin.Shared.UI/Components/Navigation/TovelinCultureSwitcher.razor.rz.scp.css */
.tovelin-culture-switcher[b-3myr22aqf9] {
min-width: 0;
display: block;
}

.tovelin-culture-switcher--full[b-3myr22aqf9] {
width: 100%;
}
/* _content/Tovelin.Shared.UI/Components/Navigation/TovelinPagination.razor.rz.scp.css */
.tovelin-pagination[b-f9di67qegt] {
display: grid;
gap: var(--space-2);
width: 100%;
min-width: 0;
}

.tovelin-pagination__list[b-f9di67qegt] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-2);
list-style: none;
margin: 0;
padding: 0;
}

.tovelin-pagination__item[b-f9di67qegt] {
display: flex;
}

.tovelin-pagination__control[b-f9di67qegt] {
min-width: 2.5rem;
height: 2.5rem;
padding: 0 var(--space-3);
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
color: var(--color-text);
font: inherit;
font-weight: var(--font-weight-medium);
line-height: 1;
cursor: pointer;
box-shadow: var(--shadow-soft);
transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.tovelin-pagination__control:hover:not(:disabled)[b-f9di67qegt],
.tovelin-pagination__control:focus-visible:not(:disabled)[b-f9di67qegt] {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--color-primary) 48%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
}

.tovelin-pagination__control:focus-visible[b-f9di67qegt] {
outline: none;
box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--color-primary) 24%, transparent), var(--shadow-soft);
}

.tovelin-pagination__item.is-active .tovelin-pagination__control[b-f9di67qegt] {
border-color: color-mix(in srgb, var(--color-primary) 56%, var(--color-border));
background: linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 68%, white));
color: var(--color-primary-dark);
}

.tovelin-pagination__item.is-disabled .tovelin-pagination__control[b-f9di67qegt] {
cursor: default;
opacity: 0.45;
box-shadow: none;
}

.tovelin-pagination__ellipsis[b-f9di67qegt] {
min-width: 2.5rem;
height: 2.5rem;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--color-muted);
font-weight: var(--font-weight-medium);
}

.tovelin-pagination--compact .tovelin-pagination__control[b-f9di67qegt],
.tovelin-pagination--compact .tovelin-pagination__ellipsis[b-f9di67qegt] {
min-width: 2.25rem;
height: 2.25rem;
padding-inline: var(--space-2);
}

[data-bs-theme="dark"] .tovelin-pagination__control[b-f9di67qegt] {
background: var(--color-surface-muted);
color: var(--color-text);
border-color: var(--color-border);
}

[data-bs-theme="dark"] .tovelin-pagination__control:hover:not(:disabled)[b-f9di67qegt],
[data-bs-theme="dark"] .tovelin-pagination__control:focus-visible:not(:disabled)[b-f9di67qegt] {
border-color: color-mix(in srgb, var(--color-primary-dark) 36%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-muted));
}

[data-bs-theme="dark"] .tovelin-pagination__item.is-active .tovelin-pagination__control[b-f9di67qegt] {
border-color: color-mix(in srgb, var(--color-primary-dark) 42%, var(--color-border));
background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 18%, var(--color-surface-strong)), color-mix(in srgb, var(--color-primary-dark) 12%, var(--color-surface-muted)));
color: var(--color-text);
}

[data-bs-theme="dark"] .tovelin-pagination__ellipsis[b-f9di67qegt] {
color: var(--color-muted);
}
/* _content/Tovelin.Shared.UI/Components/Navigation/TovelinTabs.razor.rz.scp.css */
.tovelin-tabs[b-3t07tg51dh] {
display: grid;
gap: var(--space-3);
min-width: 0;
}

.tovelin-tabs--full[b-3t07tg51dh] {
width: 100%;
}

.tovelin-tabs__list[b-3t07tg51dh] {
display: flex;
flex-wrap: wrap;
gap: 0;
border-bottom: 1px solid color-mix(in srgb, var(--color-border) 82%, var(--color-accent));
min-width: 0;
}

.tovelin-tabs__tab[b-3t07tg51dh] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
padding: var(--space-3) var(--space-4);
border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md);
background: transparent;
color: var(--color-muted);
font-family: var(--font-body);
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
line-height: 1.1;
cursor: pointer;
margin-bottom: -1px;
white-space: nowrap;
transition:
color 160ms ease,
background-color 160ms ease,
border-color 160ms ease,
transform 160ms ease;
}

.tovelin-tabs__icon-image[b-3t07tg51dh] {
display: block;
width: 1rem;
height: 1rem;
flex: 0 0 1rem;
object-fit: contain;
}

.tovelin-tabs--full .tovelin-tabs__list[b-3t07tg51dh] {
width: 100%;
}

.tovelin-tabs--full .tovelin-tabs__tab[b-3t07tg51dh] {
flex: 1 1 0;
justify-content: center;
}

.tovelin-tabs--compact .tovelin-tabs__tab[b-3t07tg51dh] {
padding: var(--space-2) var(--space-3);
font-size: var(--font-size-caption);
}

.tovelin-tabs__tab:hover[b-3t07tg51dh] {
color: var(--color-text);
background: color-mix(in srgb, var(--color-accent) 22%, var(--color-surface));
}

.tovelin-tabs__tab--selected[b-3t07tg51dh] {
color: var(--color-text);
background: linear-gradient(180deg, color-mix(in srgb, var(--color-secondary) 34%, var(--color-surface)), var(--color-surface));
border-color: color-mix(in srgb, var(--color-border) 82%, var(--color-secondary-dark));
border-bottom-color: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.tovelin-tabs__tab--disabled[b-3t07tg51dh] {
opacity: 0.62;
cursor: not-allowed;
background: transparent;
}

.tovelin-tabs__tab:focus-visible[b-3t07tg51dh] {
outline: 3px solid color-mix(in srgb, var(--color-secondary) 62%, transparent);
outline-offset: 2px;
position: relative;
z-index: 1;
}

.tovelin-tabs__panel[b-3t07tg51dh] {
--tovelin-tabs-panel-min-height: 0px;
display: grid;
gap: var(--space-3);
min-width: 0;
min-height: var(--tovelin-tabs-panel-min-height, 0px);
}

.tovelin-tabs.admin-overview__tabs[b-3t07tg51dh] {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 0;
height: 100%;
min-height: 0;
border: 0;
background: transparent;
box-shadow: none;
}

.tovelin-tabs.admin-overview__tabs .tovelin-tabs__list[b-3t07tg51dh] {
flex: 0 0 auto;
padding: var(--space-4) var(--space-4) 0;
}

.tovelin-tabs.admin-overview__tabs .tovelin-tabs__panel[b-3t07tg51dh] {
display: block;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
padding: 0;
}

[data-bs-theme="dark"] .tovelin-tabs__list[b-3t07tg51dh] {
border-bottom-color: var(--color-border);
}

[data-bs-theme="dark"] .tovelin-tabs__tab[b-3t07tg51dh] {
color: var(--color-muted);
}

[data-bs-theme="dark"] .tovelin-tabs__tab:hover[b-3t07tg51dh] {
color: var(--color-text);
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-muted));
}

[data-bs-theme="dark"] .tovelin-tabs__tab--selected[b-3t07tg51dh] {
color: var(--color-text);
background: var(--color-surface-strong);
border-color: var(--color-border);
border-bottom-color: var(--color-surface-strong);
box-shadow: var(--shadow-soft);
}
/* _content/Tovelin.Shared.UI/Components/Navigation/TovelinTopbar.razor.rz.scp.css */
:host[b-xth8pyq31n] {
display: block;
}

.tovelin-topbar[b-xth8pyq31n] {
position: sticky;
top: 0;
z-index: 50;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
height: calc(4rem + var(--safe-area-top, 0px));
padding: var(--safe-area-top, 0px) calc(clamp(1rem, 2.5vw, 2rem) + var(--safe-area-right, 0px)) 0 calc(clamp(1rem, 2.5vw, 2rem) + var(--safe-area-left, 0px));
border-bottom: 1px solid color-mix(in srgb, var(--color-border) 76%, var(--color-primary));
background: color-mix(in srgb, var(--color-surface-strong) 92%, transparent);
backdrop-filter: blur(14px) saturate(1.08);
box-sizing: border-box;
flex: 0 0 calc(4rem + var(--safe-area-top, 0px));
}

.tovelin-topbar__brand[b-xth8pyq31n] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
min-width: 0;
color: var(--color-text);
text-decoration: none;
flex: 0 0 auto;
}

.tovelin-topbar__brand-mark[b-xth8pyq31n] {
width: 3.05rem;
height: 3.05rem;
display: grid;
place-items: center;
flex: 0 0 auto;
border-radius: var(--control-radius-brand-mark);
overflow: hidden;
background: transparent;
}

.tovelin-topbar__brand-mark-image[b-xth8pyq31n] {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.tovelin-topbar__brand-copy[b-xth8pyq31n] {
display: grid;
gap: 0;
min-width: 0;
}

.tovelin-topbar__brand-name[b-xth8pyq31n] {
font-size: var(--font-size-body-lg);
font-weight: var(--font-weight-bold);
letter-spacing: var(--tracking-brand);
line-height: 1.1;
}

.tovelin-topbar__desktop-actions[b-xth8pyq31n] {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--space-3);
min-width: 0;
margin-left: auto;
}

.tovelin-topbar__desktop-actions--account[b-xth8pyq31n] {
gap: 0;
}

.tovelin-topbar__nav[b-xth8pyq31n] {
min-width: 0;
}

.tovelin-topbar__nav--desktop[b-xth8pyq31n] {
display: flex;
align-items: center;
justify-content: flex-start;
gap: var(--space-1);
flex: 0 0 auto;
width: max-content;
margin-inline: auto;
}

.tovelin-topbar__nav-link[b-xth8pyq31n] {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--space-1-5);
padding: 0.42rem 0.72rem 0.42rem 0.55rem;
border-radius: var(--radius-md);
color: color-mix(in srgb, var(--color-text) 74%, var(--color-muted));
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
text-decoration: none;
transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.tovelin-topbar--landing[b-xth8pyq31n],
.tovelin-topbar--accountentry[b-xth8pyq31n] {
border-bottom-color: color-mix(in srgb, var(--color-primary-dark) 18%, var(--color-border));
background:
linear-gradient(90deg,
color-mix(in srgb, var(--color-bg) 92%, var(--color-secondary)) 0%,
color-mix(in srgb, var(--color-bg) 94%, var(--color-primary)) 100%);
}

.tovelin-topbar__nav-icon[b-xth8pyq31n] {
width: 1.35rem;
height: 1.35rem;
object-fit: contain;
filter: saturate(0.92);
opacity: 0.82;
transition: opacity 160ms ease, transform 160ms ease, filter 160ms ease;
}

.tovelin-topbar__nav-label[b-xth8pyq31n] {
min-width: 0;
}

.tovelin-topbar__nav-link:hover[b-xth8pyq31n],
.tovelin-topbar__nav-link:focus-visible[b-xth8pyq31n],
.tovelin-topbar__nav-link.is-active[b-xth8pyq31n] {
color: var(--color-text);
background: color-mix(in srgb, var(--color-accent) 36%, var(--color-surface));
}

.tovelin-topbar__nav-link.is-active[b-xth8pyq31n] {
color: var(--color-primary-dark);
box-shadow:
inset 0 -2px 0 color-mix(in srgb, var(--color-primary-dark) 72%, transparent),
0 0.45rem 1rem color-mix(in srgb, var(--color-primary) 10%, transparent);
}

.tovelin-topbar__nav-link:hover .tovelin-topbar__nav-icon[b-xth8pyq31n],
.tovelin-topbar__nav-link:focus-visible .tovelin-topbar__nav-icon[b-xth8pyq31n],
.tovelin-topbar__nav-link.is-active .tovelin-topbar__nav-icon[b-xth8pyq31n] {
opacity: 1;
filter: saturate(1.05);
transform: translateY(-1px);
}

.tovelin-topbar__nav-link:focus-visible[b-xth8pyq31n] {
outline: 3px solid color-mix(in srgb, var(--color-secondary) 56%, transparent);
outline-offset: 2px;
}

.tovelin-topbar__culture[b-xth8pyq31n] {
display: flex;
align-items: center;
min-width: 0;
}

.tovelin-topbar__avatar-trigger[b-xth8pyq31n] {
min-width: 0;
gap: var(--space-2);
padding-inline: 0.65rem;
}

.tovelin-topbar__avatar-shell[b-xth8pyq31n] {
position: relative;
display: inline-flex;
flex: 0 0 auto;
}

.tovelin-topbar__notifications-trigger[b-xth8pyq31n],
.tovelin-topbar__messages-trigger[b-xth8pyq31n] {
position: relative;
}

.tovelin-topbar__notifications-icon[b-xth8pyq31n],
.tovelin-topbar__messages-icon[b-xth8pyq31n] {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
}

.tovelin-topbar__notifications-dot[b-xth8pyq31n],
.tovelin-topbar__messages-dot[b-xth8pyq31n] {
position: absolute;
top: -0.36rem;
right: -0.46rem;
display: inline-grid;
place-items: center;
min-width: 1rem;
height: 1rem;
padding-inline: 0.2rem;
border: 1.5px solid var(--color-surface);
border-radius: 999px;
background: var(--color-primary);
color: var(--color-on-primary);
font-size: 0.58rem;
font-weight: var(--font-weight-bold);
line-height: 1;
}

.tovelin-topbar__avatar-notification-dot[b-xth8pyq31n] {
position: absolute;
top: -0.18rem;
right: -0.18rem;
width: 0.72rem;
height: 0.72rem;
border: 2px solid var(--color-surface);
border-radius: 999px;
background: var(--color-primary);
box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-primary-dark) 24%, transparent);
}

.tovelin-topbar__avatar-trigger[b-xth8pyq31n]  .tovelin-avatar {
flex: 0 0 auto;
}

.tovelin-topbar__menu-toggle[b-xth8pyq31n] {
display: inline-flex;
flex: 0 0 auto;
}

.tovelin-topbar__menu-toggle--landing[b-xth8pyq31n] {
margin-left: auto;
}

.tovelin-topbar__panel[b-xth8pyq31n] {
position: absolute;
top: calc(100% + var(--space-2));
right: clamp(1rem, 2.5vw, 2rem);
z-index: 55;
display: grid;
gap: var(--space-3);
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 82%, var(--color-accent));
border-radius: var(--radius-md);
background: linear-gradient(180deg, var(--color-surface-strong), color-mix(in srgb, var(--color-surface) 92%, var(--color-accent)));
box-shadow: var(--shadow-elevated);
max-height: calc(100dvh - 5rem - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px));
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
}

.tovelin-topbar__panel--user[b-xth8pyq31n] {
left: auto;
right: clamp(1rem, 2.5vw, 2rem);
width: min(100%, 19rem);
}

.tovelin-topbar__panel--nav[b-xth8pyq31n] {
right: clamp(1rem, 2.5vw, 2rem);
width: min(100%, 24rem);
}

.tovelin-topbar__panel--landing[b-xth8pyq31n] {
right: clamp(1rem, 2.5vw, 2rem);
width: min(100%, 18rem);
}

.tovelin-topbar__panel--notifications[b-xth8pyq31n] {
right: clamp(1rem, 2.5vw, 2rem);
width: min(100%, 25rem);
}

.tovelin-topbar__panel-block[b-xth8pyq31n] {
display: grid;
gap: var(--space-2);
}

.tovelin-topbar__panel-block--tight[b-xth8pyq31n] {
gap: 0;
}

.tovelin-topbar__panel-row[b-xth8pyq31n] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
}

.tovelin-topbar__panel-row--split[b-xth8pyq31n] {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: end;
}

.tovelin-topbar__panel-label[b-xth8pyq31n] {
margin: 0;
color: var(--color-muted);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
letter-spacing: var(--tracking-caption);
text-transform: uppercase;
}

.tovelin-topbar__panel-heading[b-xth8pyq31n] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
}

.tovelin-topbar__notifications-subtitle[b-xth8pyq31n] {
margin: 0.2rem 0 0;
color: var(--color-muted);
font-size: var(--font-size-small);
line-height: 1.4;
}

.tovelin-topbar__notifications-tabs[b-xth8pyq31n] {
width: fit-content;
}

.tovelin-topbar__notifications-segmented[b-xth8pyq31n] {
width: fit-content;
}

.tovelin-topbar__notifications-list[b-xth8pyq31n] {
display: grid;
gap: var(--space-2);
}

.tovelin-topbar__notification-item[b-xth8pyq31n] {
display: grid;
gap: var(--space-1);
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-surface-soft) 78%, var(--color-surface));
color: inherit;
width: 100%;
text-align: left;
font: inherit;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
text-decoration: none;
}

.tovelin-topbar__notification-item:hover[b-xth8pyq31n],
.tovelin-topbar__notification-item:focus-visible[b-xth8pyq31n] {
border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
box-shadow: var(--shadow-soft);
}

.tovelin-topbar__notification-item:focus-visible[b-xth8pyq31n] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 28%, transparent);
outline-offset: 2px;
}

.tovelin-topbar__notification-top[b-xth8pyq31n] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-2);
}

.tovelin-topbar__notification-time[b-xth8pyq31n] {
font-size: var(--font-size-caption);
color: var(--color-muted);
}

.tovelin-topbar__notification-title[b-xth8pyq31n] {
color: var(--color-text);
font-size: var(--font-size-body);
line-height: 1.35;
}

.tovelin-topbar__notification-text[b-xth8pyq31n] {
color: var(--color-muted);
font-size: var(--font-size-small);
line-height: 1.5;
}

.tovelin-topbar__notification-action[b-xth8pyq31n] {
color: var(--color-primary-dark);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.tovelin-topbar__notifications-empty[b-xth8pyq31n] {
display: grid;
gap: var(--space-1);
padding: var(--space-3);
border: 1px dashed var(--color-border);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-surface-soft) 60%, white);
}

.tovelin-topbar__notifications-empty-title[b-xth8pyq31n] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-body);
font-weight: var(--font-weight-semibold);
}

.tovelin-topbar__notifications-empty-text[b-xth8pyq31n] {
margin: 0;
color: var(--color-muted);
font-size: var(--font-size-small);
line-height: 1.5;
}

.tovelin-topbar__user[b-xth8pyq31n] {
display: flex;
align-items: center;
gap: var(--space-3);
min-width: 0;
}

.tovelin-topbar__user-copy[b-xth8pyq31n] {
display: grid;
gap: 0.125rem;
min-width: 0;
}

.tovelin-topbar__user-name[b-xth8pyq31n] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-body);
font-weight: var(--font-weight-semibold);
}

.tovelin-topbar__user-email[b-xth8pyq31n] {
margin: 0;
color: var(--color-muted);
font-size: var(--font-size-small);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.tovelin-topbar__culture-switcher[b-xth8pyq31n] {
width: 100%;
}

.tovelin-topbar__culture-switcher[b-xth8pyq31n]  .tovelin-segmented-control {
width: 100%;
}

.tovelin-topbar__panel[b-xth8pyq31n]  .tovelin-btn,
.tovelin-topbar__panel[b-xth8pyq31n]  .tovelin-icon-btn {
width: 100%;
}

.tovelin-topbar__theme-switcher[b-xth8pyq31n] {
width: 100%;
}

.tovelin-topbar__theme-switcher[b-xth8pyq31n]  .tovelin-icon-btn {
width: 100%;
align-self: stretch;
height: 1.85rem !important;
min-height: 1.85rem !important;
}

.tovelin-topbar__theme-switcher[b-xth8pyq31n]  .tovelin-icon-btn__icon {
font-size: 0.68rem;
}

.tovelin-topbar__panel-button[b-xth8pyq31n] {
justify-content: center;
}

.tovelin-topbar.is-compact .tovelin-topbar__nav--desktop[b-xth8pyq31n] {
display: none !important;
}

.tovelin-topbar.is-compact[b-xth8pyq31n] {
gap: var(--space-2);
max-width: 100vw;
overflow-x: clip;
padding-right: calc(0.75rem + var(--safe-area-right, 0px));
padding-left: calc(0.75rem + var(--safe-area-left, 0px));
}

.tovelin-topbar.is-compact .tovelin-topbar__brand[b-xth8pyq31n] {
flex: 1 1 auto;
}

.tovelin-topbar.is-compact.tovelin-topbar--landing .tovelin-topbar__brand[b-xth8pyq31n] {
flex: 0 1 auto;
}

.tovelin-topbar.is-compact .tovelin-topbar__desktop-actions--landing[b-xth8pyq31n] {
display: flex;
flex: 0 0 auto;
gap: var(--space-2);
}

.tovelin-topbar.is-compact .tovelin-topbar__brand-mark[b-xth8pyq31n] {
width: 2.55rem;
height: 2.55rem;
}

.tovelin-topbar.is-compact .tovelin-topbar__desktop-actions--app[b-xth8pyq31n] {
flex: 0 0 auto;
gap: var(--space-2);
}

.tovelin-topbar.is-compact .tovelin-topbar__avatar-trigger[b-xth8pyq31n] {
width: var(--control-size-icon-sm);
height: var(--control-size-icon-sm);
padding: 0;
flex: 0 0 auto;
}

.tovelin-topbar.is-compact .tovelin-topbar__avatar-trigger[b-xth8pyq31n]  .tovelin-avatar {
width: 2rem;
height: 2rem;
}

.tovelin-topbar__account-quick-actions[b-xth8pyq31n] {
display: flex;
gap: var(--space-2);
}

.tovelin-topbar__account-quick-actions[b-xth8pyq31n]  .tovelin-icon-btn {
flex: 1 1 0;
width: 100%;
min-width: 0;
height: 2.35rem;
}

@media (max-height: 560px) and (orientation: landscape) {
.tovelin-topbar__panel[b-xth8pyq31n] {
top: calc(100% + 0.35rem);
gap: var(--space-2);
max-height: calc(100dvh - 4.85rem - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px));
padding: var(--space-3);
}
.tovelin-topbar__panel--user[b-xth8pyq31n],
.tovelin-topbar__panel--notifications[b-xth8pyq31n] {
width: min(19rem, calc(100vw - 2rem - var(--safe-area-left, 0px) - var(--safe-area-right, 0px)));
}
}

@media (min-width: 641px) and (max-width: 760px) {
.tovelin-topbar[b-xth8pyq31n] {
gap: var(--space-2);
}
.tovelin-topbar__nav--desktop[b-xth8pyq31n] {
position: absolute;
left: 50%;
z-index: 2;
justify-content: center;
gap: 0.22rem;
margin-inline: 0;
transform: translateX(-50%);
}
.tovelin-topbar__nav--desktop .tovelin-topbar__nav-link[b-xth8pyq31n] {
min-width: 2.7rem;
padding: 0.48rem 0.62rem;
gap: var(--space-1);
overflow: hidden;
white-space: nowrap;
}
.tovelin-topbar__nav--desktop .tovelin-topbar__nav-icon[b-xth8pyq31n] {
width: 1.5rem;
height: 1.5rem;
}
.tovelin-topbar__nav--desktop .tovelin-topbar__nav-link:not(.is-active)[b-xth8pyq31n] {
width: 2.7rem;
padding-inline: 0;
}
.tovelin-topbar__nav--desktop .tovelin-topbar__nav-link:not(.is-active):hover[b-xth8pyq31n],
.tovelin-topbar__nav--desktop .tovelin-topbar__nav-link:not(.is-active):focus-visible[b-xth8pyq31n] {
z-index: 3;
width: auto;
min-width: max-content;
padding-inline: 0.62rem 0.72rem;
overflow: visible;
}
.tovelin-topbar__nav--desktop .tovelin-topbar__nav-link:not(.is-active) .tovelin-topbar__nav-label[b-xth8pyq31n] {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
}
.tovelin-topbar__nav--desktop .tovelin-topbar__nav-link:not(.is-active):hover .tovelin-topbar__nav-label[b-xth8pyq31n],
.tovelin-topbar__nav--desktop .tovelin-topbar__nav-link:not(.is-active):focus-visible .tovelin-topbar__nav-label[b-xth8pyq31n] {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
clip-path: none;
}
.tovelin-topbar__nav--desktop .tovelin-topbar__nav-link.is-active[b-xth8pyq31n] {
max-width: min(10rem, 33vw);
padding-inline: 0.62rem 0.72rem;
}
}

@media (max-width: 640px) {
.tovelin-topbar__nav--desktop[b-xth8pyq31n] {
display: none !important;
}
.tovelin-topbar__menu-toggle[b-xth8pyq31n] {
margin-left: auto;
}
.tovelin-topbar__panel--landing[b-xth8pyq31n],
.tovelin-topbar__panel--nav[b-xth8pyq31n],
.tovelin-topbar__panel--user[b-xth8pyq31n],
.tovelin-topbar__panel--notifications[b-xth8pyq31n] {
right: clamp(1rem, 2.5vw, 2rem);
left: auto;
width: auto;
max-width: calc(100vw - 2rem);
}
}

@media (max-width: 380px) {
.tovelin-topbar--landing .tovelin-topbar__brand-copy[b-xth8pyq31n] {
display: none;
}
}
/* _content/Tovelin.Shared.UI/Components/Navigation/TovelinWorkspaceQuickMenu.razor.rz.scp.css */
.workspace-quick-menu[b-nfdx9ufnm3] {
position: fixed;
top: calc(4rem + var(--safe-area-top, 0px) + var(--space-3));
right: calc(var(--space-4) + var(--safe-area-right, 0px));
z-index: 78;
visibility: hidden;
pointer-events: none;
}

.workspace-quick-menu[data-row-passed="true"][b-nfdx9ufnm3],
.workspace-quick-menu[data-expanded="true"][b-nfdx9ufnm3],
.workspace-quick-menu[data-pinned="true"][b-nfdx9ufnm3],
.workspace-quick-menu:focus-within[b-nfdx9ufnm3] {
visibility: visible;
pointer-events: auto;
}

.workspace-quick-menu[hidden][b-nfdx9ufnm3] { display: none; }
.workspace-quick-menu[data-obscured="true"][b-nfdx9ufnm3] { visibility: hidden; pointer-events: none; }
.workspace-quick-menu__launcher[b-nfdx9ufnm3] { position: relative; }

.workspace-quick-menu__panel[b-nfdx9ufnm3] {
position: absolute;
right: calc(3rem + var(--space-2));
top: 0;
width: min(42rem, calc(100vw - 6rem - var(--safe-area-left, 0px) - var(--safe-area-right, 0px)));
max-height: calc(100dvh - 6rem - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px));
overflow-y: auto;
overscroll-behavior: contain;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-elevated);
animation: context-panel-enter-b-nfdx9ufnm3 140ms ease-out;
}

.workspace-quick-menu__panel[b-nfdx9ufnm3]  .tovelin-card {
margin: 0;
background: linear-gradient(180deg, var(--color-surface-strong), var(--color-surface));
border-color: color-mix(in srgb, var(--color-primary-dark) 30%, var(--color-border));
color: var(--color-text);
}
.workspace-quick-menu__panel[b-nfdx9ufnm3]  .tovelin-mini-loader-overlay { position: absolute; }
.workspace-quick-menu__items[b-nfdx9ufnm3] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); }
.workspace-quick-menu__items[b-nfdx9ufnm3]  .workspace-quick-menu__item {
min-width: 0;
height: 100%;
text-align: left;
color: var(--color-text);
background: color-mix(in srgb, var(--color-surface-muted) 68%, var(--color-surface));
border-color: color-mix(in srgb, var(--color-border) 86%, var(--color-primary));
}
.workspace-quick-menu__items[b-nfdx9ufnm3]  .workspace-quick-menu__item:hover {
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-strong));
border-color: color-mix(in srgb, var(--color-primary-dark) 34%, var(--color-border));
}
.workspace-quick-menu__items[b-nfdx9ufnm3]  .tovelin-btn__label { min-width: 0; width: 100%; }
.workspace-quick-menu__items[b-nfdx9ufnm3]  .workspace-quick-menu__item .tovelin-btn__label { display: block; }
.workspace-quick-menu__label[b-nfdx9ufnm3] { display: block; margin-bottom: var(--space-1); color: var(--color-muted); white-space: normal; overflow-wrap: anywhere; }
.workspace-quick-menu__value[b-nfdx9ufnm3] { display: block; color: var(--color-text); white-space: normal; overflow-wrap: anywhere; font-size: var(--font-size-small); }
.workspace-quick-menu__items[b-nfdx9ufnm3]  .workspace-quick-menu__messages { display: none; }
.workspace-quick-menu__badge[b-nfdx9ufnm3] {
display: none;
position: absolute;
top: -0.3rem;
right: -0.3rem;
min-width: 1.2rem;
padding-inline: 0.25rem;
border-radius: var(--radius-pill, 999px);
border: 2px solid var(--color-surface);
background: var(--color-danger);
color: white;
font-size: var(--font-size-caption);
text-align: center;
pointer-events: none;
}

@keyframes context-panel-enter-b-nfdx9ufnm3 { from { opacity: 0; transform: translateX(0.5rem); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .workspace-quick-menu__panel[b-nfdx9ufnm3] { animation: none; } }
@media (max-width: 980px) { .workspace-quick-menu__items[b-nfdx9ufnm3] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
.workspace-quick-menu[b-nfdx9ufnm3] {
top: auto;
bottom: calc(0.875rem + var(--safe-area-bottom, 0px));
right: calc(0.875rem + var(--safe-area-right, 0px));
visibility: visible;
pointer-events: auto;
}
.workspace-quick-menu__panel[b-nfdx9ufnm3] {
position: fixed;
top: auto;
left: calc(0.875rem + var(--safe-area-left, 0px));
right: calc(0.875rem + var(--safe-area-right, 0px));
bottom: calc(3.875rem + var(--space-2) + var(--safe-area-bottom, 0px));
width: auto;
max-height: calc(100dvh - 8rem - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px));
}
.workspace-quick-menu__items[b-nfdx9ufnm3]  .workspace-quick-menu__messages { display: flex; grid-column: 1 / -1; }
.workspace-quick-menu__badge[b-nfdx9ufnm3] { display: block; }
}
/* _content/Tovelin.Shared.UI/Components/Overlays/TovelinAccordion.razor.rz.scp.css */
.tovelin-accordion[b-b3dmcu0txr] {
display: grid;
gap: var(--space-3);
}

.tovelin-accordion--flush[b-b3dmcu0txr] {
gap: 0;
}
/* _content/Tovelin.Shared.UI/Components/Overlays/TovelinAccordionItem.razor.rz.scp.css */
.tovelin-accordion__item[b-ewtlmv4cn3] {
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
overflow: clip;
}

.tovelin-accordion__item--expanded[b-ewtlmv4cn3] {
box-shadow: var(--shadow-elevated);
}

.tovelin-accordion__item--disabled[b-ewtlmv4cn3] {
opacity: 0.72;
}

.tovelin-accordion__heading[b-ewtlmv4cn3] {
margin: 0;
}

.tovelin-accordion__trigger[b-ewtlmv4cn3] {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
padding: var(--space-4) var(--space-5);
border: 0;
background: linear-gradient(180deg, var(--color-surface-strong), var(--color-surface));
color: var(--color-text);
text-align: left;
cursor: pointer;
}

.tovelin-accordion__trigger:focus-visible[b-ewtlmv4cn3] {
outline: 3px solid color-mix(in srgb, var(--color-secondary-dark) 70%, white);
outline-offset: -2px;
}

.tovelin-accordion__trigger-copy[b-ewtlmv4cn3] {
min-width: 0;
display: grid;
gap: var(--space-1);
}

.tovelin-accordion__eyebrow[b-ewtlmv4cn3] {
color: var(--color-primary-dark);
}

.tovelin-accordion__title-row[b-ewtlmv4cn3] {
display: grid;
gap: var(--space-1);
}

.tovelin-accordion__title[b-ewtlmv4cn3] {
min-width: 0;
}

.tovelin-accordion__subtitle[b-ewtlmv4cn3] {
min-width: 0;
}

.tovelin-accordion__chevron[b-ewtlmv4cn3] {
flex: 0 0 auto;
transition: transform 180ms ease;
}

.tovelin-accordion__chevron--expanded[b-ewtlmv4cn3] {
transform: rotate(180deg);
}

.tovelin-accordion__panel[b-ewtlmv4cn3] {
display: grid;
grid-template-rows: 0fr;
border-top: 1px solid var(--color-border-soft);
background: color-mix(in srgb, var(--color-surface-strong) 72%, white);
transition: grid-template-rows 240ms ease, opacity 240ms ease;
opacity: 0;
}

.tovelin-accordion__panel--expanded[b-ewtlmv4cn3] {
grid-template-rows: 1fr;
opacity: 1;
}

.tovelin-accordion__panel-inner[b-ewtlmv4cn3] {
overflow: hidden;
min-height: 0;
}

.tovelin-accordion__body[b-ewtlmv4cn3] {
display: grid;
gap: var(--space-3);
padding: var(--space-4) var(--space-5);
}
/* _content/Tovelin.Shared.UI/Components/Overlays/TovelinCarousel.razor.rz.scp.css */
.tovelin-carousel[b-bwv1nrvvna] {
display: grid;
gap: var(--space-3);
width: 100%;
min-width: 0;
}

.tovelin-carousel__indicators[b-bwv1nrvvna] {
display: flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
list-style: none;
margin: 0;
padding: 0;
}

.tovelin-carousel__indicator-item[b-bwv1nrvvna] {
display: flex;
}

.tovelin-carousel__indicator[b-bwv1nrvvna] {
width: 0.75rem;
height: 0.75rem;
padding: 0;
border: 1px solid color-mix(in srgb, var(--color-primary-dark) 28%, var(--color-border));
border-radius: var(--radius-round);
background: color-mix(in srgb, var(--color-white) 80%, var(--color-primary) 20%);
box-shadow: var(--shadow-soft);
cursor: pointer;
transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease, width 160ms ease;
}

.tovelin-carousel__indicator:hover[b-bwv1nrvvna] {
transform: scale(1.08);
}

.tovelin-carousel__indicator.is-active[b-bwv1nrvvna] {
width: 1.5rem;
background: linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 58%, white));
}

.tovelin-carousel__viewport[b-bwv1nrvvna] {
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.tovelin-carousel__track[b-bwv1nrvvna] {
display: flex;
width: 100%;
transform: translateX(calc(-1 * var(--tovelin-carousel-index, 0) * 100%));
transition: transform 320ms ease;
}

.tovelin-carousel__slide[b-bwv1nrvvna] {
flex: 0 0 100%;
min-width: 100%;
padding: var(--space-6);
display: grid;
gap: var(--space-3);
background: linear-gradient(180deg, var(--color-surface-strong), var(--color-surface-soft));
}

.tovelin-carousel__slide--active[b-bwv1nrvvna] {
background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-strong)), var(--color-surface-soft));
}

.tovelin-carousel__controls[b-bwv1nrvvna] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
}

.tovelin-carousel__caption[b-bwv1nrvvna] {
margin: 0;
}

.tovelin-carousel--no-indicators .tovelin-carousel__indicators[b-bwv1nrvvna] {
display: none;
}

.tovelin-carousel--no-controls .tovelin-carousel__controls[b-bwv1nrvvna] {
display: none;
}
/* _content/Tovelin.Shared.UI/Components/Overlays/TovelinCollapse.razor.rz.scp.css */
.tovelin-collapse__trigger[b-fprurpdjc7] {
display: inline-flex;
align-items: center;
gap: var(--space-2, 0.5rem);
width: 100%;
padding: 0;
border: 0;
background: transparent;
color: inherit;
cursor: pointer;
text-align: left;
}

.tovelin-collapse__trigger:disabled[b-fprurpdjc7] {
cursor: default;
opacity: 0.7;
}

.tovelin-collapse[b-fprurpdjc7] {
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
opacity: 0;
transform: translateY(-0.25rem);
transition:
grid-template-rows 220ms ease,
opacity 220ms ease,
transform 220ms ease;
}

.tovelin-collapse.is-expanded[b-fprurpdjc7] {
grid-template-rows: 1fr;
opacity: 1;
transform: translateY(0);
}

.tovelin-collapse__body[b-fprurpdjc7] {
min-height: 0;
overflow: hidden;
}
/* _content/Tovelin.Shared.UI/Components/Overlays/TovelinPopover.razor.rz.scp.css */
.tovelin-popover__wrapper[b-5de87sje8i] {
position: relative;
display: inline-grid;
gap: var(--space-2);
min-width: 0;
}

.tovelin-popover[b-5de87sje8i] {
position: absolute;
z-index: 20;
min-width: 15rem;
max-width: 20rem;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-card);
color: var(--color-text);
display: grid;
gap: var(--space-2);
transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.tovelin-popover[b-5de87sje8i]::before {
content: "";
position: absolute;
width: 0.75rem;
height: 0.75rem;
background: var(--color-surface);
border: 1px solid var(--color-border);
transform: rotate(45deg);
}

.tovelin-popover--bottom[b-5de87sje8i] {
top: calc(100% + var(--space-2));
left: 0;
}

.tovelin-popover--bottom[b-5de87sje8i]::before {
top: -0.38rem;
left: 1.25rem;
border-right: none;
border-bottom: none;
}

.tovelin-popover--top[b-5de87sje8i] {
bottom: calc(100% + var(--space-2));
left: 0;
}

.tovelin-popover--top[b-5de87sje8i]::before {
bottom: -0.38rem;
left: 1.25rem;
border-left: none;
border-top: none;
}

.tovelin-popover--start[b-5de87sje8i] {
right: calc(100% + var(--space-2));
top: 0;
}

.tovelin-popover--start[b-5de87sje8i]::before {
right: -0.38rem;
top: 1rem;
border-left: none;
border-top: none;
}

.tovelin-popover--end[b-5de87sje8i] {
left: calc(100% + var(--space-2));
top: 0;
}

.tovelin-popover--end[b-5de87sje8i]::before {
left: -0.38rem;
top: 1rem;
border-right: none;
border-bottom: none;
}

.tovelin-popover__title[b-5de87sje8i] {
margin: 0;
font-weight: var(--font-weight-medium);
color: var(--color-text);
}

.tovelin-popover__body[b-5de87sje8i] {
margin: 0;
}

.tovelin-popover.is-hidden[b-5de87sje8i] {
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-0.25rem) scale(0.98);
}

.tovelin-popover.is-visible[b-5de87sje8i] {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0) scale(1);
}

.tovelin-popover--primary[b-5de87sje8i] {
border-color: color-mix(in srgb, var(--color-primary) 34%, var(--color-border));
}

.tovelin-popover--primary[b-5de87sje8i]::before {
border-color: color-mix(in srgb, var(--color-primary) 34%, var(--color-border));
}

.tovelin-popover--secondary[b-5de87sje8i] {
border-color: color-mix(in srgb, var(--color-secondary) 34%, var(--color-border));
}

.tovelin-popover--secondary[b-5de87sje8i]::before {
border-color: color-mix(in srgb, var(--color-secondary) 34%, var(--color-border));
}

.tovelin-popover--accent[b-5de87sje8i] {
border-color: color-mix(in srgb, var(--color-accent) 34%, var(--color-border));
}

.tovelin-popover--accent[b-5de87sje8i]::before {
border-color: color-mix(in srgb, var(--color-accent) 34%, var(--color-border));
}

.tovelin-popover--success[b-5de87sje8i] {
border-color: color-mix(in srgb, var(--color-success) 34%, var(--color-border));
}

.tovelin-popover--success[b-5de87sje8i]::before {
border-color: color-mix(in srgb, var(--color-success) 34%, var(--color-border));
}

.tovelin-popover--warning[b-5de87sje8i] {
border-color: color-mix(in srgb, var(--color-warning) 34%, var(--color-border));
}

.tovelin-popover--warning[b-5de87sje8i]::before {
border-color: color-mix(in srgb, var(--color-warning) 34%, var(--color-border));
}

.tovelin-popover--danger[b-5de87sje8i] {
border-color: color-mix(in srgb, var(--color-danger) 34%, var(--color-border));
}

.tovelin-popover--danger[b-5de87sje8i]::before {
border-color: color-mix(in srgb, var(--color-danger) 34%, var(--color-border));
}

.tovelin-popover--info[b-5de87sje8i] {
border-color: color-mix(in srgb, var(--color-info) 34%, var(--color-border));
}

.tovelin-popover--info[b-5de87sje8i]::before {
border-color: color-mix(in srgb, var(--color-info) 34%, var(--color-border));
}
/* _content/Tovelin.Shared.UI/Components/Support/SupportReportModal.razor.rz.scp.css */
.support-report-modal__body[b-dff1rri0yh] {
display: grid;
gap: var(--space-4);
}

.support-report-modal__attachments[b-dff1rri0yh] {
display: grid;
gap: var(--space-2);
}

.support-report-modal__label[b-dff1rri0yh] {
color: var(--color-text-strong);
font-size: var(--font-size-sm);
font-weight: 700;
}

.support-report-modal__attachments[b-dff1rri0yh]  .support-report-modal__file-input {
display: block;
width: 100%;
min-width: 0;
box-sizing: border-box;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface-strong);
color: var(--color-text);
padding: var(--space-2);
font: inherit;
font-size: var(--font-size-small);
}

.support-report-modal__attachments[b-dff1rri0yh]  .support-report-modal__file-input::file-selector-button {
min-height: var(--control-size-input-md);
margin-inline-end: var(--space-3);
padding: var(--control-pad-y-md) var(--control-pad-x-md);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
background: var(--color-surface-soft);
color: var(--color-text);
font: inherit;
font-weight: var(--font-weight-semibold);
cursor: pointer;
}

.support-report-modal__attachments[b-dff1rri0yh]  .support-report-modal__file-input::file-selector-button:hover {
background: color-mix(in srgb, var(--color-primary) 13%, var(--color-surface));
}

.support-report-modal__attachments[b-dff1rri0yh]  .support-report-modal__file-input:focus-visible {
outline: 3px solid color-mix(in srgb, var(--color-secondary) 58%, transparent);
outline-offset: 3px;
}

.support-report-modal__attachments small[b-dff1rri0yh] {
color: var(--color-text-muted);
}

.support-report-modal__attachment-error[b-dff1rri0yh] {
color: var(--color-danger);
font-size: var(--font-size-sm);
font-weight: 700;
margin: 0;
}

.support-report-modal__attachment-list[b-dff1rri0yh] {
display: grid;
gap: var(--space-2);
list-style: none;
margin: 0;
padding: 0;
}

.support-report-modal__attachment-list li[b-dff1rri0yh] {
align-items: center;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
display: flex;
gap: var(--space-2);
justify-content: space-between;
min-width: 0;
padding: var(--space-2) var(--space-3);
}

.support-report-modal__attachment-list span[b-dff1rri0yh] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.support-report-modal[b-dff1rri0yh]  .tovelin-modal__body {
overflow: visible;
}

.support-report-confirmation__body[b-dff1rri0yh] {
align-items: flex-start;
display: flex;
gap: var(--space-3);
}

.support-report-confirmation__icon[b-dff1rri0yh] {
align-items: center;
background: color-mix(in srgb, var(--color-success) 14%, var(--color-surface));
border: 1px solid color-mix(in srgb, var(--color-success) 38%, var(--color-border));
border-radius: 999px;
color: var(--color-success);
display: inline-flex;
flex: 0 0 auto;
font-size: 1.25rem;
height: 2.75rem;
justify-content: center;
width: 2.75rem;
}

.support-report-confirmation__message[b-dff1rri0yh],
.support-report-confirmation__support[b-dff1rri0yh],
.support-report-confirmation__warning[b-dff1rri0yh] {
margin: 0;
}

.support-report-confirmation__message[b-dff1rri0yh] {
color: var(--color-text-strong);
font-weight: 700;
}

.support-report-confirmation__support[b-dff1rri0yh] {
color: var(--color-text);
margin-top: var(--space-1);
}

.support-report-confirmation__warning[b-dff1rri0yh] {
color: var(--color-danger);
font-size: var(--font-size-sm);
font-weight: 700;
margin-top: var(--space-3);
}

@media (max-width: 640px) {
.support-report-modal__body[b-dff1rri0yh] {
gap: var(--space-3);
}
.support-report-confirmation__body[b-dff1rri0yh] {
display: grid;
}
}
/* _content/Tovelin.Shared.UI/Layout/AdminLayout.razor.rz.scp.css */
:host[b-tqlqrwslyi] {
display: block;
}

.admin-layout[b-tqlqrwslyi] {
display: flex;
flex-direction: column;
width: 100%;
max-width: 100vw;
height: 100dvh;
min-height: 100dvh;
overflow: hidden;
overflow: clip;
background: color-mix(in srgb, var(--color-background) 88%, white);
}

.admin-layout__sidebar-toggle[b-tqlqrwslyi] {
display: none;
align-items: center;
gap: var(--space-2);
min-height: 2.75rem;
padding: 0 var(--space-4);
border: 0;
border-bottom: 1px solid var(--color-border);
background: color-mix(in srgb, var(--color-surface) 94%, white);
color: var(--color-foreground);
font: inherit;
font-weight: var(--font-weight-semibold);
text-align: left;
}

.admin-layout__body[b-tqlqrwslyi] {
flex: 1 1 auto;
display: grid;
grid-template-columns: minmax(15rem, 16rem) minmax(0, 1fr);
width: 100%;
max-width: 100%;
min-height: 0;
overflow: hidden;
overflow: clip;
}

.admin-layout__overlay[b-tqlqrwslyi] {
display: none;
}

.admin-layout__sidebar[b-tqlqrwslyi] {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
border-right: 1px solid var(--color-border);
background: color-mix(in srgb, var(--color-surface) 90%, white);
}

.admin-layout__nav[b-tqlqrwslyi] {
flex: 0 0 auto;
display: grid;
align-content: start;
grid-auto-rows: max-content;
gap: var(--space-4);
padding: var(--space-5) var(--space-3);
}

.admin-layout__nav-section[b-tqlqrwslyi] {
display: grid;
gap: var(--space-2);
}

.admin-layout__nav-section h2[b-tqlqrwslyi] {
margin: 0;
padding: 0 var(--space-2);
color: var(--color-muted-foreground);
font-size: 0.74rem;
font-weight: var(--font-weight-bold);
letter-spacing: 0.12em;
text-transform: uppercase;
}

.admin-layout__nav-section ul[b-tqlqrwslyi] {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: 0.2rem;
}

.admin-layout__nav-section[b-tqlqrwslyi]  .admin-layout__nav-link {
display: flex;
align-items: center;
gap: 0.7rem;
min-height: 2.5rem;
padding: 0 0.9rem;
border-radius: var(--radius-md);
color: var(--color-muted-foreground);
text-decoration: none !important;
text-decoration-line: none !important;
font-size: 1rem;
transition: background-color 140ms ease, color 140ms ease;
}

.admin-layout__nav-section[b-tqlqrwslyi]  .admin-layout__nav-link span {
text-decoration: none !important;
text-decoration-line: none !important;
}

.admin-layout__nav-section[b-tqlqrwslyi]  .admin-layout__nav-link:hover {
background: color-mix(in srgb, var(--color-border) 20%, transparent);
color: var(--color-foreground);
}

.admin-layout__nav-section[b-tqlqrwslyi]  .admin-layout__nav-link--active {
background: color-mix(in srgb, var(--section-blue, #e8f1ff) 82%, white);
color: var(--color-primary);
font-weight: var(--font-weight-semibold);
}

.admin-layout__footer-card[b-tqlqrwslyi] {
margin: 0 var(--space-3) var(--space-3);
padding: 0.9rem 1rem;
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-background) 85%, white);
border: 1px solid var(--color-border);
color: var(--color-muted-foreground);
}

.admin-layout__footer-card p[b-tqlqrwslyi] {
margin: 0;
}

.admin-layout__footer-title[b-tqlqrwslyi] {
color: var(--color-foreground);
font-weight: var(--font-weight-semibold);
}

.admin-layout__content[b-tqlqrwslyi] {
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 0;
overflow-x: hidden;
overflow-x: clip;
overflow-y: auto;
overscroll-behavior: contain;
}

@media (max-width: 980px) {
.admin-layout__sidebar-toggle[b-tqlqrwslyi] {
position: sticky;
top: calc(4rem + var(--safe-area-top, 0px));
z-index: 25;
display: inline-flex;
width: 100%;
}
.admin-layout__body[b-tqlqrwslyi] {
grid-template-columns: 1fr;
}
.admin-layout__overlay[b-tqlqrwslyi] {
display: block;
position: fixed;
inset: calc(6.75rem + var(--safe-area-top, 0px)) 0 0 0;
z-index: 18;
border: 0;
background: color-mix(in srgb, black 28%, transparent);
}
.admin-layout__sidebar[b-tqlqrwslyi] {
position: fixed;
top: calc(6.75rem + var(--safe-area-top, 0px));
left: 0;
bottom: 0;
z-index: 20;
width: min(18rem, 88vw);
visibility: hidden;
transform: translateX(-100%);
transition: transform 160ms ease;
box-shadow: var(--shadow-lg);
}
.admin-layout__sidebar--open[b-tqlqrwslyi] {
visibility: visible;
transform: translateX(0);
}
}
/* _content/Tovelin.Shared.UI/Layout/AppLayout.razor.rz.scp.css */
:host[b-abpfq4157d] {
display: block;
}

.app-shell[b-abpfq4157d] {
min-height: 100dvh;
display: grid;
grid-template-rows: auto auto 1fr;
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--section-yellow) 36%, transparent) 0 18rem, transparent 28rem),
radial-gradient(circle at 96% 12%, color-mix(in srgb, var(--section-blue) 42%, transparent) 0 20rem, transparent 32rem),
linear-gradient(180deg, var(--color-bg-soft) 0%, var(--color-bg) 34%, color-mix(in srgb, var(--section-mint) 22%, var(--color-bg)) 100%);
}

.app-shell--learner-messages[b-abpfq4157d] {
background: var(--color-bg-soft);
}

.app-shell:has(.app-group-invitations)[b-abpfq4157d],
.app-shell:has(.app-play)[b-abpfq4157d],
.app-shell:has(.app-goals:not(.app-goals--embedded))[b-abpfq4157d],
.app-shell:has(.app-rewards:not(.app-rewards--embedded))[b-abpfq4157d],
.app-shell:has(.app-groups)[b-abpfq4157d],
.app-shell:has(.app-group-details)[b-abpfq4157d],
.app-shell:has(.app-learner-dashboard)[b-abpfq4157d],
.app-shell:has(.app-learners)[b-abpfq4157d],
.app-shell:has(.app-profile-page)[b-abpfq4157d],
.app-shell:has(.app-messages:not(.app-messages--learner))[b-abpfq4157d],
.app-shell:has(.app-overview)[b-abpfq4157d] {
background: var(--color-bg);
}

.app-content[b-abpfq4157d] {
min-width: 0;
padding: var(--space-fluid-shell) calc(var(--space-fluid-shell) + var(--safe-area-right, 0px)) calc(var(--space-fluid-shell) + var(--safe-area-bottom, 0px)) calc(var(--space-fluid-shell) + var(--safe-area-left, 0px));
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--space-8);
align-content: start;
align-items: start;
max-width: 64rem;
width: 100%;
margin-inline: auto;
box-sizing: border-box;
}

.app-content--learner-messages[b-abpfq4157d] {
background: var(--color-bg-soft);
}

.app-content > *[b-abpfq4157d] {
width: 100%;
}

.app-section-page[b-abpfq4157d] {
color: var(--color-text);
}

#blazor-error-ui[b-abpfq4157d] {
color-scheme: light dark;
background: color-mix(in srgb, var(--color-accent) 30%, var(--color-surface-strong));
bottom: var(--control-offset-error-ui-side);
box-shadow: var(--shadow-soft);
box-sizing: border-box;
display: none;
left: var(--control-offset-error-ui-side);
right: var(--control-offset-error-ui-side);
max-width: 40rem;
margin-inline: auto;
padding: var(--control-pad-error-ui-y) var(--control-pad-notfound-x);
position: fixed;
width: calc(100% - 2rem);
z-index: 1000;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
}

#blazor-error-ui .dismiss[b-abpfq4157d] {
cursor: pointer;
position: absolute;
right: var(--control-offset-error-ui-close-right);
top: var(--control-offset-error-ui-top);
}

#blazor-error-ui .reload[b-abpfq4157d] {
margin-left: 0.5rem;
color: var(--color-primary-dark);
font-weight: var(--font-weight-semibold);
}


.app-content:has(.app-overview)[b-abpfq4157d],
.app-content:has(.app-learners)[b-abpfq4157d] {
max-width: 88rem;
}
/* _content/Tovelin.Shared.UI/Layout/GameLayout.razor.rz.scp.css */
:host[b-y7pje709ql] {
display: block;
}

.game-layout[b-y7pje709ql] {
width: 100%;
max-width: 100%;
min-height: 100dvh;
min-width: 0;
overflow-x: hidden;
overflow-x: clip;
background:
radial-gradient(
circle at top,
color-mix(in srgb, var(--section-blue) 38%, var(--color-bg)) 0%,
color-mix(in srgb, var(--color-bg-soft) 84%, var(--color-bg)) 42%,
var(--color-bg) 100%);
}

.game-layout__content[b-y7pje709ql] {
width: 100%;
max-width: 100%;
min-height: 100dvh;
min-width: 0;
overflow-x: hidden;
overflow-x: clip;
}

#blazor-error-ui[b-y7pje709ql] {
color-scheme: light dark;
background: color-mix(in srgb, var(--color-accent) 30%, var(--color-surface-strong));
bottom: var(--control-offset-error-ui-side);
box-shadow: var(--shadow-soft);
box-sizing: border-box;
display: none;
left: var(--control-offset-error-ui-side);
right: var(--control-offset-error-ui-side);
max-width: 40rem;
margin-inline: auto;
padding: var(--control-pad-error-ui-y) var(--control-pad-notfound-x);
position: fixed;
width: calc(100% - 2rem);
z-index: 1000;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
}

#blazor-error-ui .dismiss[b-y7pje709ql] {
cursor: pointer;
position: absolute;
right: var(--control-offset-error-ui-close-right);
top: var(--control-offset-error-ui-top);
}

#blazor-error-ui .reload[b-y7pje709ql] {
margin-left: 0.5rem;
color: var(--color-primary-dark);
font-weight: var(--font-weight-semibold);
}
/* _content/Tovelin.Shared.UI/Layout/MainLayout.razor.rz.scp.css */
:host[b-mtz3asulsa] {
display: block;
}

.shell[b-mtz3asulsa] {
min-height: 100vh;
padding: var(--space-fluid-shell);
display: grid;
gap: var(--space-6);
}

.topbar[b-mtz3asulsa] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
flex-wrap: wrap;
}

.brand[b-mtz3asulsa] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
color: var(--color-text);
text-decoration: none;
}

.brand-mark[b-mtz3asulsa] {
width: var(--control-size-brand-mark);
height: var(--control-size-brand-mark);
display: grid;
place-items: center;
border-radius: var(--radius-sm);
font-weight: var(--font-weight-bold);
color: var(--color-on-primary);
background: var(--color-primary);
box-shadow: none;
}

.brand-copy[b-mtz3asulsa] {
display: grid;
gap: var(--control-gap-brand-copy);
}

.brand-name[b-mtz3asulsa] {
font-size: var(--font-size-body);
font-weight: var(--font-weight-bold);
letter-spacing: var(--tracking-brand);
}

.brand-tagline[b-mtz3asulsa] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.shell-note[b-mtz3asulsa] {
margin: 0;
max-width: 20rem;
color: var(--color-muted);
text-align: right;
font-size: var(--font-size-small);
}

.shell-actions[b-mtz3asulsa] {
display: flex;
align-items: center;
justify-content: flex-end;
}

.content[b-mtz3asulsa] {
display: grid;
gap: var(--space-8);
}

#blazor-error-ui[b-mtz3asulsa] {
color-scheme: light dark;
background: color-mix(in srgb, var(--color-accent) 30%, var(--color-surface-strong));
bottom: var(--control-offset-error-ui-side);
box-shadow: var(--shadow-soft);
box-sizing: border-box;
display: none;
left: var(--control-offset-error-ui-side);
right: var(--control-offset-error-ui-side);
max-width: 40rem;
margin-inline: auto;
padding: var(--control-pad-error-ui-y) var(--control-pad-notfound-x);
position: fixed;
width: calc(100% - 2rem);
z-index: 1000;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
}

#blazor-error-ui .dismiss[b-mtz3asulsa] {
cursor: pointer;
position: absolute;
right: var(--control-offset-error-ui-close-right);
top: var(--control-offset-error-ui-top);
}

#blazor-error-ui .reload[b-mtz3asulsa] {
margin-left: 0.5rem;
color: var(--color-primary-dark);
font-weight: var(--font-weight-semibold);
}
/* _content/Tovelin.Shared.UI/Layout/PrivacyReportLayout.razor.rz.scp.css */
.privacy-report-shell[b-erkk7lv4dj] { min-height: 100dvh; color: var(--color-text); background: var(--color-bg); }
.privacy-report-shell header[b-erkk7lv4dj] { max-width: 52rem; margin-inline: auto; padding: 1.5rem 1rem 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.privacy-report-shell header a[b-erkk7lv4dj] { font-size: 1.5rem; font-weight: 700; color: inherit; text-decoration: none; }
.privacy-report-shell a:focus-visible[b-erkk7lv4dj] { outline: 3px solid currentColor; outline-offset: 4px; }
.privacy-report-shell nav[b-erkk7lv4dj] { display: flex; align-items: center; gap: .25rem; }
.privacy-report-shell__language[b-erkk7lv4dj] { appearance: none; border: 0; background: transparent; color: inherit; font: inherit; padding: .65rem; min-width: 2.75rem; min-height: 2.75rem; text-decoration: underline; cursor: pointer; }
.privacy-report-shell__language[aria-current=true][b-erkk7lv4dj] { font-weight: 700; text-decoration-thickness: .15em; }
.privacy-report-shell__language:focus-visible[b-erkk7lv4dj] { outline: 3px solid currentColor; outline-offset: 2px; }
/* _content/Tovelin.Shared.UI/Layout/PublicLayout.razor.rz.scp.css */
:host[b-09l8swbpmu] {
display: block;
}

.public-shell[b-09l8swbpmu] {
min-height: 100vh;
display: grid;
background: var(--color-bg);
}

.public-content[b-09l8swbpmu] {
display: block;
min-width: 0;
}

#blazor-error-ui[b-09l8swbpmu] {
color-scheme: light dark;
background: color-mix(in srgb, var(--color-accent) 30%, var(--color-surface-strong));
bottom: var(--control-offset-error-ui-side);
box-shadow: var(--shadow-soft);
box-sizing: border-box;
display: none;
left: var(--control-offset-error-ui-side);
right: var(--control-offset-error-ui-side);
max-width: 40rem;
margin-inline: auto;
padding: var(--control-pad-error-ui-y) var(--control-pad-notfound-x);
position: fixed;
width: calc(100% - 2rem);
z-index: 1000;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
}

#blazor-error-ui .dismiss[b-09l8swbpmu] {
cursor: pointer;
position: absolute;
right: var(--control-offset-error-ui-close-right);
top: var(--control-offset-error-ui-top);
}

#blazor-error-ui .reload[b-09l8swbpmu] {
margin-left: 0.5rem;
color: var(--color-primary-dark);
font-weight: var(--font-weight-semibold);
}

/* _content/Tovelin.Shared.UI/Pages/About.razor.rz.scp.css */
:host[b-ng3rw6pmix] {
display: block;
}

.about-page[b-ng3rw6pmix] {
overflow: hidden;
color: var(--color-text);
background: var(--color-bg);
}

.about-hero[b-ng3rw6pmix],
.about-section[b-ng3rw6pmix],
.about-story-section[b-ng3rw6pmix],
.about-product-section[b-ng3rw6pmix],
.about-final-cta[b-ng3rw6pmix],
.about-footer[b-ng3rw6pmix],
.about-footer__legal[b-ng3rw6pmix] {
padding-inline: clamp(1rem, 3vw, 3rem);
}

.about-hero[b-ng3rw6pmix] {
min-height: calc(100svh - 4rem);
display: grid;
align-items: center;
padding-block: clamp(4rem, 7vw, 7rem);
background:
linear-gradient(135deg, color-mix(in srgb, var(--section-blue) 78%, var(--color-bg)), transparent 54%),
linear-gradient(180deg, var(--color-bg), var(--section-lavender));
}

.about-hero__inner[b-ng3rw6pmix],
.about-story-section__inner[b-ng3rw6pmix],
.about-product-section__inner[b-ng3rw6pmix],
.about-section__split[b-ng3rw6pmix] {
width: min(100%, 68rem);
margin-inline: auto;
display: grid;
align-items: center;
gap: clamp(2rem, 5vw, 5rem);
}

.about-hero__inner[b-ng3rw6pmix] {
grid-template-columns: minmax(0, 0.92fr) minmax(18rem, 1fr);
}

.about-hero__copy[b-ng3rw6pmix],
.about-section__copy[b-ng3rw6pmix],
.about-product-section__copy[b-ng3rw6pmix],
.about-story-section__copy[b-ng3rw6pmix],
.about-final-cta__inner[b-ng3rw6pmix] {
display: grid;
gap: var(--space-4);
}

.about-kicker[b-ng3rw6pmix] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
color: var(--color-kicker);
}

.about-hero h1[b-ng3rw6pmix],
.about-section h2[b-ng3rw6pmix],
.about-story-section h2[b-ng3rw6pmix],
.about-product-section h2[b-ng3rw6pmix],
.about-final-cta h2[b-ng3rw6pmix] {
margin: 0;
color: var(--color-text);
font-weight: var(--font-weight-bold);
letter-spacing: var(--tracking-tight);
line-height: 1.06;
}

.about-hero h1[b-ng3rw6pmix] {
max-width: 12ch;
font-size: var(--font-size-display);
}

.about-section h2[b-ng3rw6pmix],
.about-story-section h2[b-ng3rw6pmix],
.about-product-section h2[b-ng3rw6pmix],
.about-final-cta h2[b-ng3rw6pmix] {
max-width: 15ch;
font-size: var(--font-size-h2);
}

.about-hero__lede[b-ng3rw6pmix],
.about-section__header > p:not(.about-kicker)[b-ng3rw6pmix],
.about-story-section p[b-ng3rw6pmix],
.about-product-section p[b-ng3rw6pmix],
.about-final-cta p[b-ng3rw6pmix],
.about-footer p[b-ng3rw6pmix],
.about-principle p[b-ng3rw6pmix],
.about-step p[b-ng3rw6pmix],
.about-trust-card p[b-ng3rw6pmix],
.about-bullets[b-ng3rw6pmix] {
max-width: 38rem;
color: var(--color-muted);
font-size: var(--font-size-body-lg);
line-height: var(--line-height-relaxed);
}

.about-principle p[b-ng3rw6pmix],
.about-step p[b-ng3rw6pmix],
.about-trust-card p[b-ng3rw6pmix] {
margin: 0;
font-size: var(--font-size-small);
}

.about-hero__actions[b-ng3rw6pmix] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

.about-hero__chips[b-ng3rw6pmix] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
margin: 0;
padding: 0;
list-style: none;
}

.about-hero__chips li[b-ng3rw6pmix] {
padding: var(--control-pad-chip-y) var(--control-pad-chip-x);
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--section-lavender) 60%, var(--color-surface));
color: var(--color-primary-dark);
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
}

.about-hero__visual[b-ng3rw6pmix] {
display: grid;
justify-items: center;
}

.about-hero__image[b-ng3rw6pmix] {
width: min(100%, 34rem);
display: block;
filter: drop-shadow(0 1.35rem 2.75rem color-mix(in srgb, var(--color-primary) 18%, transparent));
}

.about-section[b-ng3rw6pmix] {
padding-block: clamp(4rem, 7vw, 6rem);
background: var(--color-bg);
}

.about-section--intro[b-ng3rw6pmix] {
background: color-mix(in srgb, var(--section-blue) 42%, var(--color-bg));
}

.about-section--blue[b-ng3rw6pmix] {
background: color-mix(in srgb, var(--section-blue) 54%, var(--color-bg));
}

.about-section--yellow[b-ng3rw6pmix] {
background: color-mix(in srgb, var(--section-yellow) 56%, var(--color-bg));
}

.about-section--mint[b-ng3rw6pmix] {
background: color-mix(in srgb, var(--section-mint) 56%, var(--color-bg));
}

.about-section__header[b-ng3rw6pmix] {
width: min(100%, 42rem);
margin-inline: auto;
margin-bottom: var(--space-8);
display: grid;
justify-items: center;
gap: var(--space-3);
text-align: center;
}

.about-section__header h2[b-ng3rw6pmix] {
max-width: 18ch;
}

.about-principles[b-ng3rw6pmix],
.about-step-grid[b-ng3rw6pmix],
.about-trust-grid[b-ng3rw6pmix] {
width: min(100%, 68rem);
margin-inline: auto;
display: grid;
gap: clamp(1rem, 2.6vw, 1.5rem);
}

.about-principles[b-ng3rw6pmix],
.about-trust-grid[b-ng3rw6pmix] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.about-principle[b-ng3rw6pmix],
.about-trust-card[b-ng3rw6pmix] {
min-width: 0;
display: grid;
align-content: start;
gap: var(--space-3);
padding: var(--space-5);
border: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-surface) 92%, transparent);
box-shadow: var(--shadow-soft);
}

.about-principle__icon[b-ng3rw6pmix],
.about-step__icon[b-ng3rw6pmix],
.about-trust-card__icon[b-ng3rw6pmix],
.about-product-preview__icon[b-ng3rw6pmix] {
width: 3rem;
height: 3rem;
display: grid;
place-items: center;
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-primary) 11%, var(--color-surface));
color: var(--color-primary);
font-size: 1.15rem;
}

.about-principle__icon--blue[b-ng3rw6pmix] {
background: color-mix(in srgb, var(--section-blue) 74%, var(--color-surface));
}

.about-principle__icon--lavender[b-ng3rw6pmix] {
background: color-mix(in srgb, var(--section-lavender) 74%, var(--color-surface));
}

.about-principle__icon--mint[b-ng3rw6pmix] {
background: color-mix(in srgb, var(--section-mint) 74%, var(--color-surface));
}

.about-principle h3[b-ng3rw6pmix],
.about-step h3[b-ng3rw6pmix],
.about-trust-card h3[b-ng3rw6pmix],
.about-footer h3[b-ng3rw6pmix] {
margin: 0;
font-size: var(--font-size-h3);
font-weight: var(--font-weight-semibold);
}

.about-story-section[b-ng3rw6pmix] {
padding-block: clamp(4rem, 8vw, 7rem);
background:
linear-gradient(180deg, color-mix(in srgb, var(--section-lavender) 55%, var(--color-bg)), color-mix(in srgb, var(--section-lavender) 38%, var(--color-bg)));
}

.about-story-section__inner[b-ng3rw6pmix] {
grid-template-columns: minmax(0, 0.92fr) minmax(18rem, 1fr);
}

.about-story-section__visual[b-ng3rw6pmix] {
display: grid;
justify-items: center;
gap: var(--space-4);
}

.about-story-section__image[b-ng3rw6pmix] {
width: min(100%, 28rem);
display: block;
filter: drop-shadow(0 1rem 2.25rem color-mix(in srgb, var(--color-primary) 14%, transparent));
}

.about-story-note[b-ng3rw6pmix] {
width: min(100%, 27rem);
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-2);
}

.about-story-note span[b-ng3rw6pmix] {
display: grid;
justify-items: center;
gap: var(--space-2);
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-border) 85%, transparent);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-surface) 86%, transparent);
color: var(--color-muted);
font-size: var(--font-size-small);
text-align: center;
}

.about-story-note i[b-ng3rw6pmix] {
color: var(--color-primary);
}

.about-step-grid[b-ng3rw6pmix] {
grid-template-columns: repeat(4, minmax(0, 1fr));
position: relative;
}

.about-step[b-ng3rw6pmix] {
display: grid;
justify-items: center;
gap: var(--space-3);
text-align: center;
}

.about-step__number[b-ng3rw6pmix] {
width: 1.9rem;
height: 1.9rem;
display: grid;
place-items: center;
border-radius: var(--radius-round);
background: var(--color-primary);
color: var(--color-on-primary);
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
}

.about-product-section[b-ng3rw6pmix] {
padding-block: clamp(4rem, 7vw, 6rem);
background: color-mix(in srgb, var(--section-lavender) 36%, var(--color-bg));
}

.about-product-section__inner[b-ng3rw6pmix] {
grid-template-columns: minmax(20rem, 1fr) minmax(0, 0.85fr);
}

.about-product-preview[b-ng3rw6pmix] {
display: grid;
gap: var(--space-3);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.about-product-preview__row[b-ng3rw6pmix] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: var(--space-3);
padding: var(--space-3);
border-radius: var(--radius-sm);
background: color-mix(in srgb, var(--section-blue) 28%, var(--color-surface));
}

.about-product-preview__row div[b-ng3rw6pmix] {
display: grid;
gap: 0.2rem;
min-width: 0;
}

.about-product-preview__row strong[b-ng3rw6pmix] {
font-weight: var(--font-weight-semibold);
}

.about-product-preview__row span:not(.about-product-preview__icon)[b-ng3rw6pmix] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.about-section__split[b-ng3rw6pmix] {
grid-template-columns: minmax(0, 0.9fr) minmax(18rem, 1fr);
}

.about-bullets[b-ng3rw6pmix] {
display: grid;
gap: var(--space-2);
margin: 0;
padding: 0;
list-style: none;
}

.about-bullets li[b-ng3rw6pmix] {
display: flex;
align-items: flex-start;
gap: var(--space-2);
}

.about-bullets li[b-ng3rw6pmix]::before {
content: "";
width: 0.5rem;
height: 0.5rem;
flex: 0 0 auto;
margin-top: 0.62rem;
border-radius: var(--radius-round);
background: var(--color-primary);
}

.about-reward-visual[b-ng3rw6pmix] {
display: grid;
justify-items: center;
gap: var(--space-4);
}

.about-reward-visual__image[b-ng3rw6pmix] {
width: min(100%, 28rem);
display: block;
filter: drop-shadow(0 1rem 2.25rem color-mix(in srgb, var(--color-primary) 13%, transparent));
}

.about-points-card[b-ng3rw6pmix] {
width: min(100%, 26rem);
display: grid;
gap: var(--space-4);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.about-points-card__header[b-ng3rw6pmix] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
color: var(--color-muted);
font-size: var(--font-size-small);
text-transform: uppercase;
letter-spacing: var(--tracking-section);
}

.about-points-card__header i[b-ng3rw6pmix] {
color: var(--color-primary);
font-size: 1.15rem;
}

.about-points-card__value[b-ng3rw6pmix] {
font-size: clamp(2rem, 4vw, 3rem);
line-height: 1;
font-weight: var(--font-weight-extrabold);
}

.about-points-card__bars[b-ng3rw6pmix] {
display: grid;
gap: var(--space-4);
}

.about-points-card__track[b-ng3rw6pmix] {
display: grid;
gap: var(--space-2);
}

.about-points-card__track-head[b-ng3rw6pmix] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
color: var(--color-muted);
font-size: var(--font-size-small);
}

.about-points-card__bar[b-ng3rw6pmix] {
height: 0.55rem;
border-radius: var(--radius-pill);
background: var(--color-secondary);
overflow: hidden;
}

.about-points-card__bar span[b-ng3rw6pmix] {
display: block;
height: 100%;
border-radius: inherit;
background: var(--color-primary);
}

.about-final-cta[b-ng3rw6pmix] {
display: grid;
justify-items: center;
padding-block: clamp(4rem, 8vw, 7rem);
text-align: center;
background: var(--color-bg);
}

.about-final-cta__inner[b-ng3rw6pmix] {
width: min(100%, 42rem);
justify-items: center;
}

.about-final-cta h2[b-ng3rw6pmix] {
max-width: 14ch;
}

.about-final-cta p[b-ng3rw6pmix] {
margin: 0;
}

.about-final-cta__actions[b-ng3rw6pmix] {
justify-content: center;
}

.about-footer[b-ng3rw6pmix] {
display: grid;
grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(0, 1fr));
gap: clamp(1rem, 2.5vw, 2.5rem);
padding-block: var(--space-8);
border-top: 1px solid var(--color-border);
background: var(--color-surface-muted);
}

.about-footer__brand[b-ng3rw6pmix],
.about-footer > div[b-ng3rw6pmix] {
display: grid;
align-content: start;
gap: var(--space-3);
}

.about-footer__mark[b-ng3rw6pmix] {
width: 2rem;
height: 2rem;
display: grid;
place-items: center;
border-radius: var(--control-radius-brand-mark);
overflow: hidden;
background: color-mix(in srgb, var(--section-blue) 62%, var(--color-surface));
box-shadow: 0 8px 18px color-mix(in srgb, var(--color-primary) 12%, transparent);
}

.about-footer__mark img[b-ng3rw6pmix] {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}

.about-footer p[b-ng3rw6pmix],
.about-footer a[b-ng3rw6pmix] {
color: var(--color-muted);
font-size: var(--font-size-small);
line-height: var(--line-height-relaxed);
}

.about-footer a[b-ng3rw6pmix] {
text-decoration: none;
}

.about-footer a:hover[b-ng3rw6pmix],
.about-footer a:focus-visible[b-ng3rw6pmix] {
color: var(--color-text);
text-decoration: underline;
}

.about-footer__legal[b-ng3rw6pmix] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
padding-block: var(--space-4) var(--space-8);
border-top: 1px solid var(--color-border);
background: var(--color-surface-muted);
color: var(--color-muted);
font-size: var(--font-size-small);
}

.about-footer__legal-link[b-ng3rw6pmix] {
flex: 0 0 auto;
color: inherit;
}

.about-footer__legal-link:hover[b-ng3rw6pmix],
.about-footer__legal-link:focus-visible[b-ng3rw6pmix] {
color: var(--color-text);
text-decoration: underline;
}

@media (max-width: 980px) {
.about-hero[b-ng3rw6pmix] {
min-height: auto;
}
.about-hero__inner[b-ng3rw6pmix],
.about-story-section__inner[b-ng3rw6pmix],
.about-product-section__inner[b-ng3rw6pmix],
.about-section__split[b-ng3rw6pmix] {
grid-template-columns: 1fr;
}
.about-hero__copy[b-ng3rw6pmix],
.about-story-section__copy[b-ng3rw6pmix],
.about-product-section__copy[b-ng3rw6pmix],
.about-section__copy[b-ng3rw6pmix] {
justify-items: center;
text-align: center;
}
.about-hero h1[b-ng3rw6pmix],
.about-section h2[b-ng3rw6pmix],
.about-story-section h2[b-ng3rw6pmix],
.about-product-section h2[b-ng3rw6pmix] {
max-width: 16ch;
}
.about-hero__actions[b-ng3rw6pmix],
.about-hero__chips[b-ng3rw6pmix] {
justify-content: center;
}
.about-bullets[b-ng3rw6pmix] {
justify-items: start;
text-align: left;
}
}

@media (max-width: 800px) {
.about-principles[b-ng3rw6pmix],
.about-trust-grid[b-ng3rw6pmix],
.about-step-grid[b-ng3rw6pmix] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.about-footer[b-ng3rw6pmix] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}

@media (max-width: 600px) {
.about-hero h1[b-ng3rw6pmix] {
font-size: clamp(3rem, 13vw, 4.3rem);
}
.about-story-note[b-ng3rw6pmix] {
grid-template-columns: 1fr;
}
.about-footer[b-ng3rw6pmix] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media (max-width: 520px) {
.about-principles[b-ng3rw6pmix],
.about-trust-grid[b-ng3rw6pmix],
.about-step-grid[b-ng3rw6pmix] {
grid-template-columns: 1fr;
}
.about-hero__actions[b-ng3rw6pmix],
.about-hero__actions[b-ng3rw6pmix]  .tovelin-btn,
.about-final-cta__actions[b-ng3rw6pmix],
.about-final-cta__actions[b-ng3rw6pmix]  .tovelin-btn {
width: 100%;
}
.about-hero__actions[b-ng3rw6pmix]  .tovelin-btn,
.about-final-cta__actions[b-ng3rw6pmix]  .tovelin-btn {
justify-content: center;
}
.about-product-preview[b-ng3rw6pmix],
.about-points-card[b-ng3rw6pmix] {
padding: var(--space-4);
}
}

@media (max-width: 420px) {
.about-footer[b-ng3rw6pmix] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.about-footer__brand[b-ng3rw6pmix] {
grid-column: 1 / -1;
}
.about-footer__legal[b-ng3rw6pmix] {
flex-direction: column;
align-items: flex-start;
}
}
/* _content/Tovelin.Shared.UI/Pages/Admin/AdminSystem.razor.rz.scp.css */
:host[b-uu8yn2ytcr] {
display: block;
}

.admin-system[b-uu8yn2ytcr] {
display: grid;
gap: var(--space-5);
min-height: 100%;
padding: clamp(var(--space-5), 4vw, var(--space-8));
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--section-peach) 34%, transparent) 0, transparent 18rem),
color-mix(in srgb, var(--color-background) 92%, white);
}

.admin-system__header[b-uu8yn2ytcr] {
display: grid;
gap: var(--space-1);
}

.admin-system__kicker[b-uu8yn2ytcr] {
margin: 0;
color: var(--color-foreground);
font-size: 0.78rem;
font-weight: var(--font-weight-bold);
letter-spacing: 0.26em;
text-transform: uppercase;
}

.admin-system__header h1[b-uu8yn2ytcr] {
margin: 0;
color: var(--color-foreground);
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1;
}

.admin-system__metrics[b-uu8yn2ytcr] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-system__metric[b-uu8yn2ytcr] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: var(--space-2);
row-gap: 0.1rem;
min-width: 0;
min-height: 0;
padding: 0.75rem var(--space-3);
align-items: center;
align-content: center;
border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 44%, var(--color-surface-strong));
box-shadow: var(--shadow-soft);
}

.admin-system__metric span[b-uu8yn2ytcr] {
grid-row: 1 / span 2;
color: var(--color-foreground);
font-size: 1.35rem;
font-weight: var(--font-weight-bold);
line-height: 1;
}

.admin-system__metric strong[b-uu8yn2ytcr] {
min-width: 0;
color: var(--color-foreground);
font-size: 0.92rem;
line-height: var(--line-height-tight);
}

.admin-system__panel[b-uu8yn2ytcr] {
display: grid;
min-width: 0;
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-surface) 96%, white);
box-shadow: var(--shadow-lg);
}

.admin-system__toolbar[b-uu8yn2ytcr] {
display: grid;
grid-template-columns: minmax(16rem, 2fr) minmax(10rem, 1fr);
gap: var(--space-3);
align-items: end;
padding: var(--space-4);
border-bottom: 1px solid var(--color-border);
}

.admin-system__table-meta[b-uu8yn2ytcr] {
padding: var(--space-3) var(--space-4);
color: var(--color-muted-foreground);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
text-align: right;
}

.admin-system__table-scroll[b-uu8yn2ytcr] {
max-height: min(32rem, 58vh);
overflow: auto;
border-top: 1px solid var(--color-border-soft);
}

.admin-system__table-scroll[b-uu8yn2ytcr]  .tovelin-table-responsive {
width: max-content;
min-width: 64rem;
overflow: visible;
border-radius: 0;
box-shadow: none;
}

.admin-system__table-scroll[b-uu8yn2ytcr]  .tovelin-table {
border-width: 0;
border-radius: 0;
overflow: visible;
}

.admin-system__table-scroll[b-uu8yn2ytcr]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

.admin-system__name-cell[b-uu8yn2ytcr] {
display: grid;
gap: 0.2rem;
min-width: 12rem;
}

.admin-system__name-cell strong[b-uu8yn2ytcr] {
color: var(--color-foreground);
}

.admin-system__name-cell span[b-uu8yn2ytcr] {
color: var(--color-muted-foreground);
font-size: 0.88rem;
}

.admin-system__split[b-uu8yn2ytcr] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-4);
}

.admin-system__summary-card[b-uu8yn2ytcr] {
display: grid;
gap: var(--space-3);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-surface) 96%, white);
box-shadow: var(--shadow-soft);
}

.admin-system__summary-card h2[b-uu8yn2ytcr],
.admin-system__summary-card p[b-uu8yn2ytcr],
.admin-system__summary-card ul[b-uu8yn2ytcr] {
margin: 0;
}

.admin-system__summary-card h2[b-uu8yn2ytcr] {
color: var(--color-foreground);
font-family: var(--font-heading);
font-size: 1.1rem;
}

.admin-system__summary-card p[b-uu8yn2ytcr] {
color: var(--color-muted-foreground);
}

.admin-system__summary-card ul[b-uu8yn2ytcr] {
display: grid;
gap: var(--space-2);
padding: 0;
list-style: none;
}

.admin-system__summary-card li[b-uu8yn2ytcr] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
padding: var(--space-2) 0;
border-bottom: 1px solid var(--color-border-soft);
}

.admin-system__summary-card li:last-child[b-uu8yn2ytcr] {
border-bottom: 0;
}

.admin-system__summary-card span[b-uu8yn2ytcr] {
color: var(--color-muted-foreground);
}

.admin-system__summary-card strong[b-uu8yn2ytcr] {
color: var(--color-foreground);
}

@media (max-width: 1280px) {
.admin-system__metrics[b-uu8yn2ytcr] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media (max-width: 860px) {
.admin-system__split[b-uu8yn2ytcr],
.admin-system__toolbar[b-uu8yn2ytcr] {
grid-template-columns: 1fr;
}
}

@media (max-width: 720px) {
.admin-system[b-uu8yn2ytcr] {
padding: var(--space-4);
}
.admin-system__metrics[b-uu8yn2ytcr] {
grid-template-columns: 1fr;
}
.admin-system__table-meta[b-uu8yn2ytcr] {
text-align: left;
}
}
/* _content/Tovelin.Shared.UI/Pages/Admin/Goals.razor.rz.scp.css */
:host[b-aent8mhkon] {
display: block;
}

.admin-goals[b-aent8mhkon] {
display: grid;
gap: var(--space-5);
min-height: 100%;
padding: clamp(var(--space-5), 4vw, var(--space-8));
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--section-peach) 34%, transparent) 0, transparent 18rem),
color-mix(in srgb, var(--color-background) 92%, white);
}

.admin-goals__header[b-aent8mhkon] {
display: grid;
gap: var(--space-1);
}

.admin-goals__kicker[b-aent8mhkon] {
margin: 0;
color: var(--color-foreground);
font-size: 0.78rem;
font-weight: var(--font-weight-bold);
letter-spacing: 0.26em;
text-transform: uppercase;
}

.admin-goals__header h1[b-aent8mhkon] {
margin: 0;
color: var(--color-foreground);
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1;
}

.admin-goals__metrics[b-aent8mhkon] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-goals__metric[b-aent8mhkon] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: var(--space-2);
row-gap: 0.1rem;
min-width: 0;
min-height: 0;
padding: 0.75rem var(--space-3);
align-items: center;
align-content: center;
border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 44%, var(--color-surface-strong));
box-shadow: var(--shadow-soft);
}

.admin-goals__metric span[b-aent8mhkon] {
grid-row: 1 / span 2;
color: var(--color-foreground);
font-size: 1.35rem;
font-weight: var(--font-weight-bold);
line-height: 1;
}

.admin-goals__metric strong[b-aent8mhkon] {
min-width: 0;
color: var(--color-foreground);
font-size: 0.92rem;
line-height: var(--line-height-tight);
}

.admin-goals__panel[b-aent8mhkon] {
display: grid;
min-width: 0;
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-surface) 96%, white);
box-shadow: var(--shadow-lg);
}

.admin-goals__toolbar[b-aent8mhkon] {
display: grid;
grid-template-columns: minmax(16rem, 2fr) repeat(6, minmax(8.5rem, 1fr));
gap: var(--space-3);
align-items: end;
padding: var(--space-4);
border-bottom: 1px solid var(--color-border);
}

.admin-goals__table-meta[b-aent8mhkon] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: center;
justify-content: space-between;
padding: var(--space-3) var(--space-4);
color: var(--color-muted-foreground);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
}

.admin-goals__table-scroll[b-aent8mhkon] {
max-height: min(35rem, 64vh);
overflow: auto;
border-top: 1px solid var(--color-border-soft);
}

.admin-goals__table-scroll[b-aent8mhkon]  .tovelin-table-responsive {
width: max-content;
min-width: 96rem;
overflow: visible;
border-radius: 0;
box-shadow: none;
}

.admin-goals__table-scroll[b-aent8mhkon]  .tovelin-table {
border-width: 0;
border-radius: 0;
overflow: visible;
}

.admin-goals__table-scroll[b-aent8mhkon]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

.admin-goals__table-scroll[b-aent8mhkon]  .admin-goals__actions-column {
width: 3.75rem;
min-width: 3.75rem;
max-width: 3.75rem;
text-align: center;
}

.admin-goals__table-scroll[b-aent8mhkon]  .admin-goals__goal-column {
width: 24rem;
min-width: 24rem;
max-width: 24rem;
}

.admin-goals__name-cell[b-aent8mhkon] {
display: grid;
gap: 0.2rem;
min-width: 14rem;
max-width: 24rem;
overflow-wrap: anywhere;
}

.admin-goals__name-cell strong[b-aent8mhkon] {
color: var(--color-foreground);
}

.admin-goals__name-cell span[b-aent8mhkon] {
color: var(--color-muted-foreground);
font-size: 0.88rem;
}

.admin-goals__row-action[b-aent8mhkon] {
margin-inline: auto;
}

@media (min-width: 900px) {
.admin-goals__table-scroll[b-aent8mhkon]  thead th.admin-goals__actions-column {
left: 0;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-goals__table-scroll[b-aent8mhkon]  thead th.admin-goals__goal-column {
left: 3.75rem;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-goals__table-scroll[b-aent8mhkon]  tbody td.admin-goals__actions-column {
position: sticky;
left: 0;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-goals__table-scroll[b-aent8mhkon]  tbody td.admin-goals__goal-column {
position: sticky;
left: 3.75rem;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-goals__table-scroll[b-aent8mhkon]  tbody tr:nth-child(even) td.admin-goals__actions-column,
.admin-goals__table-scroll[b-aent8mhkon]  tbody tr:nth-child(even) td.admin-goals__goal-column {
background: color-mix(in srgb, var(--section-blue) 34%, var(--color-surface));
}
.admin-goals__table-scroll[b-aent8mhkon]  tbody tr:hover td.admin-goals__actions-column,
.admin-goals__table-scroll[b-aent8mhkon]  tbody tr:hover td.admin-goals__goal-column {
background: color-mix(in srgb, var(--section-blue) 50%, var(--color-surface-strong));
}
}

.admin-goals__action-sheet[b-aent8mhkon] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-goals__action-sheet[b-aent8mhkon]  .admin-goals__sheet-action {
width: 100%;
}

.admin-goals__action-sheet[b-aent8mhkon]  .admin-goals__sheet-action .tovelin-btn__label {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: var(--space-2);
width: 100%;
}

.admin-goals__modal-fields[b-aent8mhkon] {
display: grid;
gap: var(--space-4);
}

.admin-goals__modal-table[b-aent8mhkon] {
max-height: min(30rem, 62vh);
overflow: auto;
}

.admin-goals__modal-table[b-aent8mhkon]  .tovelin-table-responsive {
width: max-content;
min-width: 48rem;
overflow: visible;
}

.admin-goals__modal-table[b-aent8mhkon]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

@media (max-width: 1280px) {
.admin-goals__metrics[b-aent8mhkon] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.admin-goals__toolbar[b-aent8mhkon] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 720px) {
.admin-goals[b-aent8mhkon] {
padding: var(--space-4);
}
.admin-goals__metrics[b-aent8mhkon],
.admin-goals__toolbar[b-aent8mhkon] {
grid-template-columns: 1fr;
}
.admin-goals__table-meta[b-aent8mhkon] {
align-items: stretch;
}
}
/* _content/Tovelin.Shared.UI/Pages/Admin/Groups.razor.rz.scp.css */
:host[b-47dpuece5d] {
display: block;
}

.admin-groups[b-47dpuece5d] {
display: grid;
gap: var(--space-5);
min-height: 100%;
padding: clamp(var(--space-5), 4vw, var(--space-8));
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--section-peach) 34%, transparent) 0, transparent 18rem),
color-mix(in srgb, var(--color-background) 92%, white);
}

.admin-groups__header[b-47dpuece5d] {
display: grid;
gap: var(--space-1);
}

.admin-groups__kicker[b-47dpuece5d] {
margin: 0;
color: var(--color-foreground);
font-size: 0.78rem;
font-weight: var(--font-weight-bold);
letter-spacing: 0.26em;
text-transform: uppercase;
}

.admin-groups__header h1[b-47dpuece5d] {
margin: 0;
color: var(--color-foreground);
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1;
}

.admin-groups__metrics[b-47dpuece5d] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-groups__metric[b-47dpuece5d] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: var(--space-2);
row-gap: 0.1rem;
min-width: 0;
min-height: 0;
padding: 0.75rem var(--space-3);
align-items: center;
align-content: center;
border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 44%, var(--color-surface-strong));
box-shadow: var(--shadow-soft);
}

.admin-groups__metric span[b-47dpuece5d] {
grid-row: 1 / span 2;
color: var(--color-foreground);
font-size: 1.35rem;
font-weight: var(--font-weight-bold);
line-height: 1;
}

.admin-groups__metric strong[b-47dpuece5d] {
min-width: 0;
color: var(--color-foreground);
font-size: 0.92rem;
line-height: var(--line-height-tight);
}

.admin-groups__panel[b-47dpuece5d] {
display: grid;
min-width: 0;
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-surface) 96%, white);
box-shadow: var(--shadow-lg);
}

.admin-groups__toolbar[b-47dpuece5d] {
display: grid;
grid-template-columns: minmax(16rem, 2fr) repeat(5, minmax(8.5rem, 1fr));
gap: var(--space-3);
align-items: end;
padding: var(--space-4);
border-bottom: 1px solid var(--color-border);
}

.admin-groups__table-meta[b-47dpuece5d] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: center;
justify-content: space-between;
padding: var(--space-3) var(--space-4);
color: var(--color-muted-foreground);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
}

.admin-groups__table-scroll[b-47dpuece5d] {
max-height: min(35rem, 64vh);
overflow: auto;
border-top: 1px solid var(--color-border-soft);
}

.admin-groups__table-scroll[b-47dpuece5d]  .tovelin-table-responsive {
width: max-content;
min-width: 78rem;
overflow: visible;
border-radius: 0;
box-shadow: none;
}

.admin-groups__table-scroll[b-47dpuece5d]  .tovelin-table {
border-width: 0;
border-radius: 0;
overflow: visible;
}

.admin-groups__table-scroll[b-47dpuece5d]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

.admin-groups__table-scroll[b-47dpuece5d]  .admin-groups__actions-column {
width: 3.75rem;
min-width: 3.75rem;
max-width: 3.75rem;
text-align: center;
}

.admin-groups__table-scroll[b-47dpuece5d]  .admin-groups__group-column {
min-width: 13rem;
max-width: 18rem;
}

.admin-groups__name-cell[b-47dpuece5d] {
display: grid;
gap: 0.2rem;
min-width: 11rem;
}

.admin-groups__name-cell strong[b-47dpuece5d] {
color: var(--color-foreground);
}

.admin-groups__name-cell span[b-47dpuece5d],
.admin-groups__muted[b-47dpuece5d] {
color: var(--color-muted-foreground);
font-size: 0.88rem;
}

.admin-groups__row-action[b-47dpuece5d] {
margin-inline: auto;
}

.admin-groups__actions[b-47dpuece5d] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
align-items: center;
min-width: 11rem;
}

.admin-groups__action-sheet[b-47dpuece5d] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-groups__action-sheet[b-47dpuece5d]  .admin-groups__sheet-action {
width: 100%;
}

.admin-groups__action-sheet[b-47dpuece5d]  .admin-groups__sheet-action .tovelin-btn__label {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: var(--space-2);
width: 100%;
}

.admin-groups__modal-fields[b-47dpuece5d] {
display: grid;
gap: var(--space-4);
}

.admin-groups__modal-table[b-47dpuece5d] {
max-height: min(30rem, 62vh);
overflow: auto;
}

.admin-groups__modal-table[b-47dpuece5d]  .tovelin-table-responsive {
width: max-content;
min-width: 42rem;
overflow: visible;
}

.admin-groups__modal-table[b-47dpuece5d]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

@media (min-width: 900px) {
.admin-groups__table-scroll[b-47dpuece5d]  thead th.admin-groups__actions-column {
left: 0;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-groups__table-scroll[b-47dpuece5d]  thead th.admin-groups__group-column {
left: 3.75rem;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-groups__table-scroll[b-47dpuece5d]  tbody td.admin-groups__actions-column {
position: sticky;
left: 0;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-groups__table-scroll[b-47dpuece5d]  tbody td.admin-groups__group-column {
position: sticky;
left: 3.75rem;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-groups__table-scroll[b-47dpuece5d]  tbody tr:nth-child(even) td.admin-groups__actions-column {
background: color-mix(in srgb, var(--section-blue) 34%, var(--color-surface));
}
.admin-groups__table-scroll[b-47dpuece5d]  tbody tr:nth-child(even) td.admin-groups__group-column {
background: color-mix(in srgb, var(--section-blue) 34%, var(--color-surface));
}
.admin-groups__table-scroll[b-47dpuece5d]  tbody tr:hover td.admin-groups__actions-column {
background: color-mix(in srgb, var(--section-blue) 50%, var(--color-surface-strong));
}
.admin-groups__table-scroll[b-47dpuece5d]  tbody tr:hover td.admin-groups__group-column {
background: color-mix(in srgb, var(--section-blue) 50%, var(--color-surface-strong));
}
}

@media (max-width: 1180px) {
.admin-groups__metrics[b-47dpuece5d] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.admin-groups__toolbar[b-47dpuece5d] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 720px) {
.admin-groups[b-47dpuece5d] {
padding: var(--space-4);
}
.admin-groups__metrics[b-47dpuece5d],
.admin-groups__toolbar[b-47dpuece5d] {
grid-template-columns: 1fr;
}
.admin-groups__table-meta[b-47dpuece5d] {
align-items: stretch;
}
}
/* _content/Tovelin.Shared.UI/Pages/Admin/Invites.razor.rz.scp.css */
:host[b-vyito93bgd] {
display: block;
}

.admin-invites[b-vyito93bgd] {
display: grid;
gap: var(--space-5);
min-height: 100%;
padding: clamp(var(--space-5), 4vw, var(--space-8));
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--section-peach) 34%, transparent) 0, transparent 18rem),
color-mix(in srgb, var(--color-background) 92%, white);
}

.admin-invites__header[b-vyito93bgd] {
display: grid;
gap: var(--space-1);
}

.admin-invites__kicker[b-vyito93bgd] {
margin: 0;
color: var(--color-foreground);
font-size: 0.78rem;
font-weight: var(--font-weight-bold);
letter-spacing: 0.26em;
text-transform: uppercase;
}

.admin-invites__header h1[b-vyito93bgd] {
margin: 0;
color: var(--color-foreground);
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1;
}

.admin-invites__metrics[b-vyito93bgd] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-invites__metric[b-vyito93bgd] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: var(--space-2);
row-gap: 0.1rem;
min-width: 0;
min-height: 0;
padding: 0.75rem var(--space-3);
align-items: center;
align-content: center;
border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 44%, var(--color-surface-strong));
box-shadow: var(--shadow-soft);
}

.admin-invites__metric span[b-vyito93bgd] {
grid-row: 1 / span 2;
color: var(--color-foreground);
font-size: 1.35rem;
font-weight: var(--font-weight-bold);
line-height: 1;
}

.admin-invites__metric strong[b-vyito93bgd] {
min-width: 0;
color: var(--color-foreground);
font-size: 0.92rem;
line-height: var(--line-height-tight);
}

.admin-invites__panel[b-vyito93bgd] {
display: grid;
min-width: 0;
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-surface) 96%, white);
box-shadow: var(--shadow-lg);
}

.admin-invites__toolbar[b-vyito93bgd] {
display: grid;
grid-template-columns: minmax(16rem, 2fr) repeat(4, minmax(9rem, 1fr));
gap: var(--space-3);
align-items: end;
padding: var(--space-4);
border-bottom: 1px solid var(--color-border);
}

.admin-invites__table-meta[b-vyito93bgd] {
padding: var(--space-3) var(--space-4);
color: var(--color-muted-foreground);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
text-align: right;
}

.admin-invites__table-scroll[b-vyito93bgd] {
max-height: min(35rem, 64vh);
overflow: auto;
border-top: 1px solid var(--color-border-soft);
}

.admin-invites__table-scroll[b-vyito93bgd]  .tovelin-table-responsive {
width: max-content;
min-width: 86rem;
overflow: visible;
border-radius: 0;
box-shadow: none;
}

.admin-invites__table-scroll[b-vyito93bgd]  .tovelin-table {
border-width: 0;
border-radius: 0;
overflow: visible;
}

.admin-invites__table-scroll[b-vyito93bgd]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

.admin-invites__table-scroll[b-vyito93bgd]  .admin-invites__actions-column {
width: 3.75rem;
min-width: 3.75rem;
max-width: 3.75rem;
text-align: center;
}

.admin-invites__table-scroll[b-vyito93bgd]  .admin-invites__group-column {
width: 14rem;
min-width: 14rem;
max-width: 14rem;
}

.admin-invites__name-cell[b-vyito93bgd] {
display: grid;
gap: 0.2rem;
min-width: 12rem;
overflow-wrap: anywhere;
}

.admin-invites__name-cell strong[b-vyito93bgd] {
color: var(--color-foreground);
}

.admin-invites__name-cell span[b-vyito93bgd],
.admin-invites__muted[b-vyito93bgd] {
color: var(--color-muted-foreground);
font-size: 0.88rem;
}

.admin-invites__locked-action[b-vyito93bgd] {
display: inline-grid;
place-items: center;
width: 2.25rem;
height: 2.25rem;
margin-inline: auto;
color: var(--color-muted-foreground);
border: 1px solid var(--color-border-soft);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-surface-strong) 72%, transparent);
}

@media (min-width: 900px) {
.admin-invites__table-scroll[b-vyito93bgd]  thead th.admin-invites__actions-column {
left: 0;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-invites__table-scroll[b-vyito93bgd]  thead th.admin-invites__group-column {
left: 3.75rem;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-invites__table-scroll[b-vyito93bgd]  tbody td.admin-invites__actions-column {
position: sticky;
left: 0;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-invites__table-scroll[b-vyito93bgd]  tbody td.admin-invites__group-column {
position: sticky;
left: 3.75rem;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-invites__table-scroll[b-vyito93bgd]  tbody tr:nth-child(even) td.admin-invites__actions-column,
.admin-invites__table-scroll[b-vyito93bgd]  tbody tr:nth-child(even) td.admin-invites__group-column {
background: color-mix(in srgb, var(--section-blue) 34%, var(--color-surface));
}
.admin-invites__table-scroll[b-vyito93bgd]  tbody tr:hover td.admin-invites__actions-column,
.admin-invites__table-scroll[b-vyito93bgd]  tbody tr:hover td.admin-invites__group-column {
background: color-mix(in srgb, var(--section-blue) 50%, var(--color-surface-strong));
}
}

@media (max-width: 1280px) {
.admin-invites__metrics[b-vyito93bgd] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.admin-invites__toolbar[b-vyito93bgd] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 720px) {
.admin-invites[b-vyito93bgd] {
padding: var(--space-4);
}
.admin-invites__metrics[b-vyito93bgd],
.admin-invites__toolbar[b-vyito93bgd] {
grid-template-columns: 1fr;
}
.admin-invites__table-meta[b-vyito93bgd] {
text-align: left;
}
}
/* _content/Tovelin.Shared.UI/Pages/Admin/Learners.razor.rz.scp.css */
:host[b-yvrk2rrohq] {
display: block;
}

.admin-learners[b-yvrk2rrohq] {
display: grid;
gap: var(--space-5);
min-height: 100%;
padding: clamp(var(--space-5), 4vw, var(--space-8));
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--section-peach) 34%, transparent) 0, transparent 18rem),
color-mix(in srgb, var(--color-background) 92%, white);
}

.admin-learners__header[b-yvrk2rrohq] {
display: grid;
gap: var(--space-1);
}

.admin-learners__kicker[b-yvrk2rrohq] {
margin: 0;
color: var(--color-foreground);
font-size: 0.78rem;
font-weight: var(--font-weight-bold);
letter-spacing: 0.26em;
text-transform: uppercase;
}

.admin-learners__header h1[b-yvrk2rrohq] {
margin: 0;
color: var(--color-foreground);
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1;
}

.admin-learners__metrics[b-yvrk2rrohq] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-learners__metric[b-yvrk2rrohq] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: var(--space-2);
row-gap: 0.1rem;
min-width: 0;
min-height: 0;
padding: 0.75rem var(--space-3);
align-items: center;
align-content: center;
border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 44%, var(--color-surface-strong));
box-shadow: var(--shadow-soft);
}

.admin-learners__metric span[b-yvrk2rrohq] {
grid-row: 1 / span 2;
color: var(--color-foreground);
font-size: 1.35rem;
font-weight: var(--font-weight-bold);
line-height: 1;
}

.admin-learners__metric strong[b-yvrk2rrohq] {
min-width: 0;
color: var(--color-foreground);
font-size: 0.92rem;
line-height: var(--line-height-tight);
}

.admin-learners__panel[b-yvrk2rrohq] {
display: grid;
min-width: 0;
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-surface) 96%, white);
box-shadow: var(--shadow-lg);
}

.admin-learners__toolbar[b-yvrk2rrohq] {
display: grid;
grid-template-columns: minmax(16rem, 2fr) repeat(5, minmax(8.5rem, 1fr));
gap: var(--space-3);
align-items: end;
padding: var(--space-4);
border-bottom: 1px solid var(--color-border);
}

.admin-learners__table-meta[b-yvrk2rrohq] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: center;
justify-content: space-between;
padding: var(--space-3) var(--space-4);
color: var(--color-muted-foreground);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
}

.admin-learners__table-scroll[b-yvrk2rrohq] {
max-height: min(35rem, 64vh);
overflow: auto;
border-top: 1px solid var(--color-border-soft);
}

.admin-learners__table-scroll[b-yvrk2rrohq]  .tovelin-table-responsive {
width: max-content;
min-width: 84rem;
overflow: visible;
border-radius: 0;
box-shadow: none;
}

.admin-learners__table-scroll[b-yvrk2rrohq]  .tovelin-table {
border-width: 0;
border-radius: 0;
overflow: visible;
}

.admin-learners__table-scroll[b-yvrk2rrohq]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

.admin-learners__table-scroll[b-yvrk2rrohq]  .admin-learners__actions-column {
width: 3.75rem;
min-width: 3.75rem;
max-width: 3.75rem;
text-align: center;
}

.admin-learners__table-scroll[b-yvrk2rrohq]  .admin-learners__learner-column {
min-width: 13rem;
max-width: 18rem;
}

.admin-learners__name-cell[b-yvrk2rrohq] {
display: grid;
gap: 0.2rem;
min-width: 11rem;
}

.admin-learners__name-cell strong[b-yvrk2rrohq] {
color: var(--color-foreground);
}

.admin-learners__name-cell span[b-yvrk2rrohq],
.admin-learners__muted[b-yvrk2rrohq] {
color: var(--color-muted-foreground);
font-size: 0.88rem;
}

.admin-learners__group-list[b-yvrk2rrohq],
.admin-learners__actions[b-yvrk2rrohq],
.admin-learners__add-group[b-yvrk2rrohq] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
align-items: center;
}

.admin-learners__group-list[b-yvrk2rrohq] {
max-width: 15rem;
}

.admin-learners__group-list span[b-yvrk2rrohq] {
color: var(--color-foreground);
font-size: 0.88rem;
}

.admin-learners__actions[b-yvrk2rrohq] {
min-width: 11rem;
}

.admin-learners__row-action[b-yvrk2rrohq] {
margin-inline: auto;
}

.admin-learners__action-sheet[b-yvrk2rrohq] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-learners__action-sheet[b-yvrk2rrohq]  .admin-learners__sheet-action {
width: 100%;
}

.admin-learners__action-sheet[b-yvrk2rrohq]  .admin-learners__sheet-action .tovelin-btn__label {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: var(--space-2);
width: 100%;
}

.admin-learners__modal-fields[b-yvrk2rrohq] {
display: grid;
gap: var(--space-4);
}

.admin-learners__add-group[b-yvrk2rrohq] {
align-items: end;
}

.admin-learners__add-group > :first-child[b-yvrk2rrohq] {
flex: 1 1 18rem;
}

.admin-learners__modal-table[b-yvrk2rrohq] {
max-height: min(30rem, 62vh);
overflow: auto;
}

.admin-learners__modal-table[b-yvrk2rrohq]  .tovelin-table-responsive {
width: max-content;
min-width: 42rem;
overflow: visible;
}

.admin-learners__modal-table[b-yvrk2rrohq]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

@media (min-width: 900px) {
.admin-learners__table-scroll[b-yvrk2rrohq]  thead th.admin-learners__actions-column {
left: 0;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-learners__table-scroll[b-yvrk2rrohq]  thead th.admin-learners__learner-column {
left: 3.75rem;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-learners__table-scroll[b-yvrk2rrohq]  tbody td.admin-learners__actions-column {
position: sticky;
left: 0;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-learners__table-scroll[b-yvrk2rrohq]  tbody td.admin-learners__learner-column {
position: sticky;
left: 3.75rem;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-learners__table-scroll[b-yvrk2rrohq]  tbody tr:nth-child(even) td.admin-learners__actions-column {
background: color-mix(in srgb, var(--section-blue) 34%, var(--color-surface));
}
.admin-learners__table-scroll[b-yvrk2rrohq]  tbody tr:nth-child(even) td.admin-learners__learner-column {
background: color-mix(in srgb, var(--section-blue) 34%, var(--color-surface));
}
.admin-learners__table-scroll[b-yvrk2rrohq]  tbody tr:hover td.admin-learners__actions-column {
background: color-mix(in srgb, var(--section-blue) 50%, var(--color-surface-strong));
}
.admin-learners__table-scroll[b-yvrk2rrohq]  tbody tr:hover td.admin-learners__learner-column {
background: color-mix(in srgb, var(--section-blue) 50%, var(--color-surface-strong));
}
}

@media (max-width: 1180px) {
.admin-learners__metrics[b-yvrk2rrohq] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.admin-learners__toolbar[b-yvrk2rrohq] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 720px) {
.admin-learners[b-yvrk2rrohq] {
padding: var(--space-4);
}
.admin-learners__metrics[b-yvrk2rrohq],
.admin-learners__toolbar[b-yvrk2rrohq] {
grid-template-columns: 1fr;
}
.admin-learners__table-meta[b-yvrk2rrohq] {
align-items: stretch;
}
}
/* _content/Tovelin.Shared.UI/Pages/Admin/Logs.razor.rz.scp.css */
:host[b-4kvgq6sxkb] {
display: block;
}

.admin-logs[b-4kvgq6sxkb] {
display: grid;
gap: var(--space-5);
min-height: 100%;
padding: clamp(var(--space-5), 4vw, var(--space-8));
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--section-peach) 34%, transparent) 0, transparent 18rem),
color-mix(in srgb, var(--color-background) 92%, white);
}

.admin-logs__header[b-4kvgq6sxkb] {
display: grid;
gap: var(--space-1);
}

.admin-logs__kicker[b-4kvgq6sxkb] {
margin: 0;
color: var(--color-foreground);
font-size: 0.78rem;
font-weight: var(--font-weight-bold);
letter-spacing: 0.26em;
text-transform: uppercase;
}

.admin-logs__header h1[b-4kvgq6sxkb] {
margin: 0;
color: var(--color-foreground);
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1;
}

.admin-logs__metrics[b-4kvgq6sxkb] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-logs__metric[b-4kvgq6sxkb] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: var(--space-2);
row-gap: 0.1rem;
min-width: 0;
min-height: 0;
padding: 0.75rem var(--space-3);
align-items: center;
align-content: center;
border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 44%, var(--color-surface-strong));
box-shadow: var(--shadow-soft);
}

.admin-logs__metric span[b-4kvgq6sxkb] {
grid-row: 1 / span 2;
color: var(--color-foreground);
font-size: 1.35rem;
font-weight: var(--font-weight-bold);
line-height: 1;
}

.admin-logs__metric strong[b-4kvgq6sxkb] {
min-width: 0;
color: var(--color-foreground);
font-size: 0.92rem;
line-height: var(--line-height-tight);
}

.admin-logs__panel[b-4kvgq6sxkb] {
display: grid;
min-width: 0;
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-surface) 96%, white);
box-shadow: var(--shadow-lg);
}

.admin-logs__toolbar[b-4kvgq6sxkb] {
display: grid;
grid-template-columns: minmax(16rem, 2fr) repeat(2, minmax(10rem, 1fr));
gap: var(--space-3);
align-items: end;
padding: var(--space-4);
border-bottom: 1px solid var(--color-border);
}

.admin-logs__table-meta[b-4kvgq6sxkb] {
padding: var(--space-3) var(--space-4);
color: var(--color-muted-foreground);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
text-align: right;
}

.admin-logs__table-scroll[b-4kvgq6sxkb] {
max-height: min(38rem, 66vh);
overflow: auto;
border-top: 1px solid var(--color-border-soft);
}

.admin-logs__table-scroll[b-4kvgq6sxkb]  .tovelin-table-responsive {
width: max-content;
min-width: 92rem;
overflow: visible;
border-radius: 0;
box-shadow: none;
}

.admin-logs__table-scroll[b-4kvgq6sxkb]  .tovelin-table {
border-width: 0;
border-radius: 0;
overflow: visible;
}

.admin-logs__table-scroll[b-4kvgq6sxkb]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

.admin-logs__table-scroll strong[b-4kvgq6sxkb] {
color: var(--color-foreground);
}

.admin-logs__load-more[b-4kvgq6sxkb] {
display: flex;
justify-content: center;
padding: var(--space-4);
border-top: 1px solid var(--color-border-soft);
background: color-mix(in srgb, var(--color-surface) 94%, white);
}

@media (max-width: 1280px) {
.admin-logs__metrics[b-4kvgq6sxkb] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.admin-logs__toolbar[b-4kvgq6sxkb] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 720px) {
.admin-logs[b-4kvgq6sxkb] {
padding: var(--space-4);
}
.admin-logs__metrics[b-4kvgq6sxkb],
.admin-logs__toolbar[b-4kvgq6sxkb] {
grid-template-columns: 1fr;
}
.admin-logs__table-meta[b-4kvgq6sxkb] {
text-align: left;
}
}
/* _content/Tovelin.Shared.UI/Pages/Admin/Mentors.razor.rz.scp.css */
:host[b-ke44w9k8rf] {
display: block;
}

.admin-mentors[b-ke44w9k8rf] {
display: grid;
gap: var(--space-5);
min-height: 100%;
padding: clamp(var(--space-5), 4vw, var(--space-8));
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--section-peach) 34%, transparent) 0, transparent 18rem),
color-mix(in srgb, var(--color-background) 92%, white);
}

.admin-mentors__header[b-ke44w9k8rf] {
display: grid;
gap: var(--space-1);
}

.admin-mentors__kicker[b-ke44w9k8rf] {
margin: 0;
color: var(--color-foreground);
font-size: 0.78rem;
font-weight: var(--font-weight-bold);
letter-spacing: 0.26em;
text-transform: uppercase;
}

.admin-mentors__header h1[b-ke44w9k8rf] {
margin: 0;
color: var(--color-foreground);
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1;
}

.admin-mentors__metrics[b-ke44w9k8rf] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-mentors__metric[b-ke44w9k8rf] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: var(--space-2);
row-gap: 0.1rem;
min-width: 0;
min-height: 0;
padding: 0.75rem var(--space-3);
align-items: center;
align-content: center;
border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 44%, var(--color-surface-strong));
box-shadow: var(--shadow-soft);
}

.admin-mentors__metric span[b-ke44w9k8rf] {
grid-row: 1 / span 2;
color: var(--color-foreground);
font-size: 1.35rem;
font-weight: var(--font-weight-bold);
line-height: 1;
}

.admin-mentors__metric strong[b-ke44w9k8rf] {
min-width: 0;
color: var(--color-foreground);
font-size: 0.92rem;
line-height: var(--line-height-tight);
}

.admin-mentors__panel[b-ke44w9k8rf] {
display: grid;
min-width: 0;
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-surface) 96%, white);
box-shadow: var(--shadow-lg);
}

.admin-mentors__toolbar[b-ke44w9k8rf] {
display: grid;
grid-template-columns: minmax(16rem, 2fr) repeat(5, minmax(8.5rem, 1fr));
gap: var(--space-3);
align-items: end;
padding: var(--space-4);
border-bottom: 1px solid var(--color-border);
}

.admin-mentors__table-meta[b-ke44w9k8rf] {
padding: var(--space-3) var(--space-4);
color: var(--color-muted-foreground);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
text-align: right;
}

.admin-mentors__table-scroll[b-ke44w9k8rf] {
max-height: min(35rem, 64vh);
overflow: auto;
border-top: 1px solid var(--color-border-soft);
}

.admin-mentors__table-scroll[b-ke44w9k8rf]  .tovelin-table-responsive {
width: max-content;
min-width: 52rem;
overflow: visible;
border-radius: 0;
box-shadow: none;
}

.admin-mentors__table-scroll[b-ke44w9k8rf]  .tovelin-table {
border-width: 0;
border-radius: 0;
overflow: visible;
}

.admin-mentors__table-scroll[b-ke44w9k8rf]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

.admin-mentors__table-scroll[b-ke44w9k8rf]  .admin-mentors__actions-column {
width: 3.75rem;
min-width: 3.75rem;
max-width: 3.75rem;
text-align: center;
}

.admin-mentors__table-scroll[b-ke44w9k8rf]  .admin-mentors__identity-column {
min-width: 12.5rem;
max-width: 18rem;
}

.admin-mentors__identity[b-ke44w9k8rf] {
display: grid;
gap: 0.15rem;
min-width: 0;
}

.admin-mentors__identity span[b-ke44w9k8rf] {
min-width: 0;
color: var(--color-foreground);
font-size: 0.86rem;
overflow-wrap: anywhere;
}

.admin-mentors__row-action[b-ke44w9k8rf] {
margin-inline: auto;
}

.admin-mentors__badge-stack[b-ke44w9k8rf],
.admin-mentors__group-list[b-ke44w9k8rf] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
align-items: center;
}

.admin-mentors__group-list[b-ke44w9k8rf] {
max-width: 14rem;
}

.admin-mentors__group-list span[b-ke44w9k8rf] {
color: var(--color-foreground);
font-size: 0.88rem;
}

.admin-mentors__muted[b-ke44w9k8rf] {
color: var(--color-muted-foreground);
}

@media (min-width: 900px) {
.admin-mentors__table-scroll[b-ke44w9k8rf]  thead th.admin-mentors__actions-column {
left: 0;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-mentors__table-scroll[b-ke44w9k8rf]  thead th.admin-mentors__identity-column {
left: 3.75rem;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-mentors__table-scroll[b-ke44w9k8rf]  tbody td.admin-mentors__actions-column {
position: sticky;
left: 0;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-mentors__table-scroll[b-ke44w9k8rf]  tbody td.admin-mentors__identity-column {
position: sticky;
left: 3.75rem;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-mentors__table-scroll[b-ke44w9k8rf]  tbody tr:nth-child(even) td.admin-mentors__actions-column {
background: color-mix(in srgb, var(--section-blue) 34%, var(--color-surface));
}
.admin-mentors__table-scroll[b-ke44w9k8rf]  tbody tr:nth-child(even) td.admin-mentors__identity-column {
background: color-mix(in srgb, var(--section-blue) 34%, var(--color-surface));
}
.admin-mentors__table-scroll[b-ke44w9k8rf]  tbody tr:hover td.admin-mentors__actions-column {
background: color-mix(in srgb, var(--section-blue) 50%, var(--color-surface-strong));
}
.admin-mentors__table-scroll[b-ke44w9k8rf]  tbody tr:hover td.admin-mentors__identity-column {
background: color-mix(in srgb, var(--section-blue) 50%, var(--color-surface-strong));
}
}

.admin-mentors__modal-fields[b-ke44w9k8rf] {
display: grid;
gap: var(--space-4);
}

.admin-mentors__action-sheet[b-ke44w9k8rf] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-mentors__action-sheet[b-ke44w9k8rf]  .admin-mentors__sheet-action {
width: 100%;
}

.admin-mentors__action-sheet[b-ke44w9k8rf]  .admin-mentors__sheet-action .tovelin-btn__label {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: var(--space-2);
width: 100%;
}

@media (max-width: 1180px) {
.admin-mentors__metrics[b-ke44w9k8rf] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.admin-mentors__toolbar[b-ke44w9k8rf] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 720px) {
.admin-mentors[b-ke44w9k8rf] {
padding: var(--space-4);
}
.admin-mentors__metrics[b-ke44w9k8rf],
.admin-mentors__toolbar[b-ke44w9k8rf] {
grid-template-columns: 1fr;
}
.admin-mentors__table-meta[b-ke44w9k8rf] {
text-align: left;
}
}
/* _content/Tovelin.Shared.UI/Pages/Admin/Overview.razor.rz.scp.css */
:host[b-dicjiqehi3] {
display: block;
}

.admin-overview[b-dicjiqehi3] {
display: grid;
align-content: start;
gap: var(--space-5);
min-height: 100%;
padding: clamp(var(--space-5), 4vw, var(--space-8));
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--section-peach) 34%, transparent) 0, transparent 18rem),
color-mix(in srgb, var(--color-background) 92%, white);
}

.admin-overview__header[b-dicjiqehi3] {
display: grid;
gap: var(--space-1);
}

.admin-overview__header-copy[b-dicjiqehi3] {
display: grid;
gap: var(--space-1);
}

.admin-overview__kicker[b-dicjiqehi3] {
margin: 0;
color: var(--color-foreground);
font-size: 0.78rem;
font-weight: var(--font-weight-bold);
letter-spacing: 0.26em;
text-transform: uppercase;
}

.admin-overview__header h1[b-dicjiqehi3] {
margin: 0;
color: var(--color-foreground);
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1;
}

.admin-overview__status-grid[b-dicjiqehi3] {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--space-4);
}

.admin-overview__panel[b-dicjiqehi3] {
height: 100%;
}

.admin-overview__attention-list[b-dicjiqehi3] {
margin: 0;
padding: 0;
list-style: none;
}

.admin-overview__attention-list li[b-dicjiqehi3] {
border-top: 1px solid var(--color-border-subtle);
}

.admin-overview__attention-list li:first-child[b-dicjiqehi3] {
border-top: 0;
}

.admin-overview__attention-action[b-dicjiqehi3] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
width: 100%;
min-height: 3rem;
margin: 0 calc(var(--space-3) * -1);
padding: 0.85rem var(--space-3);
border: 0;
border-radius: var(--radius-md);
background: transparent;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
transition: background-color 140ms ease, color 140ms ease;
}

.admin-overview__attention-action:hover[b-dicjiqehi3],
.admin-overview__attention-action:focus-visible[b-dicjiqehi3] {
background: color-mix(in srgb, var(--section-blue, #e8f1ff) 62%, white);
color: var(--color-primary);
}

.admin-overview__attention-action:hover > span:nth-child(2)[b-dicjiqehi3],
.admin-overview__attention-action:focus-visible > span:nth-child(2)[b-dicjiqehi3] {
color: inherit;
}

.admin-overview__attention-action:focus-visible[b-dicjiqehi3] {
outline: 2px solid color-mix(in srgb, var(--color-primary) 62%, transparent);
outline-offset: 2px;
}

.admin-overview__attention-action > span:nth-child(2)[b-dicjiqehi3] {
flex: 1 1 auto;
color: var(--color-foreground);
}

.admin-overview__attention-dot[b-dicjiqehi3] {
width: 0.42rem;
height: 0.42rem;
border-radius: 999px;
background: color-mix(in srgb, var(--color-primary) 62%, white);
flex: 0 0 auto;
}

.admin-overview__attention-dot--warning[b-dicjiqehi3] {
background: color-mix(in srgb, var(--color-warning) 72%, white);
}

.admin-overview__data-panel[b-dicjiqehi3] {
display: flex;
flex-direction: column;
height: min(42rem, 76dvh);
min-height: 34rem;
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
overflow: hidden;
}

.admin-overview__tab-panel[b-dicjiqehi3] {
display: flex;
flex-direction: column;
gap: var(--space-4);
height: 100%;
min-height: 0;
}

.admin-overview__table-meta[b-dicjiqehi3] {
flex: 0 0 auto;
padding: var(--space-3) var(--space-4);
color: var(--color-muted-foreground);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
text-align: right;
}

.admin-overview__table-scroll[b-dicjiqehi3] {
flex: 1 1 auto;
min-height: 0;
overflow: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
}

.admin-overview__table-scroll[b-dicjiqehi3]  .tovelin-table-responsive {
width: max-content;
min-width: max-content;
border: 0;
border-radius: 0;
box-shadow: none;
overflow: visible;
}

.admin-overview__table-scroll[b-dicjiqehi3]  table {
margin: 0;
overflow: visible;
}

.admin-overview__table-scroll[b-dicjiqehi3]  th {
white-space: nowrap;
}

.admin-overview__table-scroll[b-dicjiqehi3]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

.admin-overview__placeholder[b-dicjiqehi3] {
height: 100%;
overflow: auto;
padding: var(--space-6);
}

.admin-overview__accounts-summary-header[b-dicjiqehi3],
.admin-overview__members-summary-header[b-dicjiqehi3],
.admin-overview__groups-summary-header[b-dicjiqehi3],
.admin-overview__goals-summary-header[b-dicjiqehi3],
.admin-overview__rewards-summary-header[b-dicjiqehi3],
.admin-overview__games-summary-header[b-dicjiqehi3] {
display: flex;
align-items: start;
justify-content: space-between;
gap: var(--space-4);
}

.admin-overview__accounts-summary-header[b-dicjiqehi3],
.admin-overview__members-summary-header[b-dicjiqehi3],
.admin-overview__groups-summary-header[b-dicjiqehi3],
.admin-overview__goals-summary-header[b-dicjiqehi3],
.admin-overview__rewards-summary-header[b-dicjiqehi3],
.admin-overview__games-summary-header[b-dicjiqehi3] {
flex: 0 0 auto;
padding: var(--space-5) var(--space-4) 0;
border-top: 1px solid var(--color-border-subtle);
}

.admin-overview__accounts-summary-header[b-dicjiqehi3],
.admin-overview__members-summary-header[b-dicjiqehi3],
.admin-overview__groups-summary-header[b-dicjiqehi3],
.admin-overview__goals-summary-header[b-dicjiqehi3],
.admin-overview__rewards-summary-header[b-dicjiqehi3],
.admin-overview__games-summary-header[b-dicjiqehi3] {
padding-top: var(--space-4);
}

.admin-overview__accounts-kicker[b-dicjiqehi3],
.admin-overview__members-kicker[b-dicjiqehi3],
.admin-overview__groups-kicker[b-dicjiqehi3],
.admin-overview__goals-kicker[b-dicjiqehi3],
.admin-overview__rewards-kicker[b-dicjiqehi3],
.admin-overview__games-kicker[b-dicjiqehi3] {
margin: 0 0 var(--space-1);
color: var(--color-muted-foreground);
font-size: 0.72rem;
font-weight: var(--font-weight-bold);
letter-spacing: 0.14em;
text-transform: uppercase;
}

.admin-overview__accounts-summary-header h3[b-dicjiqehi3],
.admin-overview__members-summary-header h3[b-dicjiqehi3],
.admin-overview__groups-summary-header h3[b-dicjiqehi3],
.admin-overview__goals-summary-header h3[b-dicjiqehi3],
.admin-overview__rewards-summary-header h3[b-dicjiqehi3],
.admin-overview__games-summary h3[b-dicjiqehi3] {
margin: 0;
color: var(--color-foreground);
font-size: 1.2rem;
line-height: 1.25;
}

.admin-overview__accounts-metrics[b-dicjiqehi3],
.admin-overview__members-metrics[b-dicjiqehi3],
.admin-overview__groups-metrics[b-dicjiqehi3],
.admin-overview__goals-metrics[b-dicjiqehi3],
.admin-overview__rewards-metrics[b-dicjiqehi3],
.admin-overview__games-metrics[b-dicjiqehi3] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-3);
}

.admin-overview__accounts-metrics[b-dicjiqehi3],
.admin-overview__members-metrics[b-dicjiqehi3],
.admin-overview__groups-metrics[b-dicjiqehi3],
.admin-overview__goals-metrics[b-dicjiqehi3],
.admin-overview__rewards-metrics[b-dicjiqehi3],
.admin-overview__games-metrics[b-dicjiqehi3] {
flex: 0 0 auto;
padding: 0 var(--space-4);
}

.admin-overview__accounts-metrics[b-dicjiqehi3],
.admin-overview__members-metrics[b-dicjiqehi3],
.admin-overview__groups-metrics[b-dicjiqehi3],
.admin-overview__goals-metrics[b-dicjiqehi3],
.admin-overview__rewards-metrics[b-dicjiqehi3],
.admin-overview__games-metrics[b-dicjiqehi3] {
gap: var(--space-2);
}

.admin-overview__accounts-metric[b-dicjiqehi3],
.admin-overview__members-metric[b-dicjiqehi3],
.admin-overview__groups-metric[b-dicjiqehi3],
.admin-overview__goals-metric[b-dicjiqehi3],
.admin-overview__rewards-metric[b-dicjiqehi3],
.admin-overview__games-metric[b-dicjiqehi3] {
display: grid;
gap: 0.25rem;
min-height: 6.25rem;
padding: var(--space-4);
border: 1px solid var(--color-border-subtle);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue, #e8f1ff) 34%, white);
}

.admin-overview__accounts-metric[b-dicjiqehi3],
.admin-overview__members-metric[b-dicjiqehi3],
.admin-overview__groups-metric[b-dicjiqehi3],
.admin-overview__goals-metric[b-dicjiqehi3],
.admin-overview__rewards-metric[b-dicjiqehi3],
.admin-overview__games-metric[b-dicjiqehi3] {
grid-template-columns: auto minmax(0, 1fr);
column-gap: var(--space-2);
row-gap: 0.1rem;
min-height: 0;
padding: 0.75rem var(--space-3);
align-items: center;
align-content: center;
}

.admin-overview__accounts-metric-value[b-dicjiqehi3],
.admin-overview__members-metric-value[b-dicjiqehi3],
.admin-overview__groups-metric-value[b-dicjiqehi3],
.admin-overview__goals-metric-value[b-dicjiqehi3],
.admin-overview__rewards-metric-value[b-dicjiqehi3],
.admin-overview__games-metric-value[b-dicjiqehi3] {
color: var(--color-foreground);
font-size: 1.55rem;
font-weight: var(--font-weight-extrabold);
line-height: 1;
}

.admin-overview__accounts-metric-value[b-dicjiqehi3],
.admin-overview__members-metric-value[b-dicjiqehi3],
.admin-overview__groups-metric-value[b-dicjiqehi3],
.admin-overview__goals-metric-value[b-dicjiqehi3],
.admin-overview__rewards-metric-value[b-dicjiqehi3],
.admin-overview__games-metric-value[b-dicjiqehi3] {
font-size: 1.35rem;
grid-row: 1 / span 2;
}

.admin-overview__accounts-metric-label[b-dicjiqehi3],
.admin-overview__members-metric-label[b-dicjiqehi3],
.admin-overview__groups-metric-label[b-dicjiqehi3],
.admin-overview__goals-metric-label[b-dicjiqehi3],
.admin-overview__rewards-metric-label[b-dicjiqehi3],
.admin-overview__games-metric-label[b-dicjiqehi3] {
color: var(--color-foreground);
font-weight: var(--font-weight-bold);
}

.admin-overview__accounts-metric-support[b-dicjiqehi3],
.admin-overview__members-metric-support[b-dicjiqehi3],
.admin-overview__groups-metric-support[b-dicjiqehi3],
.admin-overview__goals-metric-support[b-dicjiqehi3],
.admin-overview__rewards-metric-support[b-dicjiqehi3],
.admin-overview__games-metric-support[b-dicjiqehi3] {
color: var(--color-muted-foreground);
font-size: var(--font-size-small);
}

.admin-overview__accounts-metric-support[b-dicjiqehi3],
.admin-overview__members-metric-support[b-dicjiqehi3],
.admin-overview__groups-metric-support[b-dicjiqehi3],
.admin-overview__goals-metric-support[b-dicjiqehi3],
.admin-overview__rewards-metric-support[b-dicjiqehi3],
.admin-overview__games-metric-support[b-dicjiqehi3] {
line-height: 1.25;
}

.admin-overview__goals-note[b-dicjiqehi3],
.admin-overview__rewards-note[b-dicjiqehi3] {
display: grid;
gap: 0.15rem;
margin: 0 var(--space-4);
padding: 0.75rem var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-warning) 38%, var(--color-border));
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-warning) 12%, white);
color: var(--color-foreground);
font-size: var(--font-size-small);
}

.admin-overview__goals-note span[b-dicjiqehi3],
.admin-overview__rewards-note span[b-dicjiqehi3] {
color: var(--color-muted-foreground);
}

.admin-overview__game-series-icon[b-dicjiqehi3] {
display: inline-grid;
place-items: center;
width: 1.8rem;
height: 1.8rem;
border-radius: 999px;
background: color-mix(in srgb, var(--section-blue, #e8f1ff) 70%, white);
color: var(--color-primary);
}

.admin-overview__game-series-name[b-dicjiqehi3] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
min-width: 0;
color: var(--color-foreground);
font-weight: var(--font-weight-bold);
}

.admin-overview__game-series-table[b-dicjiqehi3]  td:nth-child(2),
.admin-overview__game-series-table[b-dicjiqehi3]  td:nth-child(3) {
color: var(--color-foreground);
font-weight: var(--font-weight-semibold);
}

.admin-overview__muted-action[b-dicjiqehi3] {
color: var(--color-muted-foreground);
font-size: var(--font-size-small);
}

@media (max-width: 980px) {
.admin-overview[b-dicjiqehi3] {
padding: var(--space-4);
}
.admin-overview__status-grid[b-dicjiqehi3] {
grid-template-columns: 1fr;
display: grid;
}
}

@media (max-width: 720px) {
.admin-overview__accounts-metrics[b-dicjiqehi3],
.admin-overview__members-metrics[b-dicjiqehi3],
.admin-overview__groups-metrics[b-dicjiqehi3],
.admin-overview__goals-metrics[b-dicjiqehi3],
.admin-overview__rewards-metrics[b-dicjiqehi3],
.admin-overview__games-metrics[b-dicjiqehi3] {
grid-template-columns: 1fr;
}

}
/* _content/Tovelin.Shared.UI/Pages/Admin/Play.razor.rz.scp.css */
:host[b-2sfd7ivzi3] {
display: block;
}

.admin-games[b-2sfd7ivzi3] {
display: grid;
gap: var(--space-5);
min-height: 100%;
padding: clamp(var(--space-5), 4vw, var(--space-8));
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--section-peach) 34%, transparent) 0, transparent 18rem),
color-mix(in srgb, var(--color-background) 92%, white);
}

.admin-games__header[b-2sfd7ivzi3] {
display: grid;
gap: var(--space-1);
}

.admin-games__kicker[b-2sfd7ivzi3] {
margin: 0;
color: var(--color-foreground);
font-size: 0.78rem;
font-weight: var(--font-weight-bold);
letter-spacing: 0.26em;
text-transform: uppercase;
}

.admin-games__header h1[b-2sfd7ivzi3] {
margin: 0;
color: var(--color-foreground);
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1;
}

.admin-games__metrics[b-2sfd7ivzi3] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-games__metric[b-2sfd7ivzi3] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: var(--space-2);
row-gap: 0.1rem;
min-width: 0;
min-height: 0;
padding: 0.75rem var(--space-3);
align-items: center;
align-content: center;
border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 44%, var(--color-surface-strong));
box-shadow: var(--shadow-soft);
}

.admin-games__metric span[b-2sfd7ivzi3] {
grid-row: 1 / span 2;
color: var(--color-foreground);
font-size: 1.35rem;
font-weight: var(--font-weight-bold);
line-height: 1;
}

.admin-games__metric strong[b-2sfd7ivzi3] {
min-width: 0;
color: var(--color-foreground);
font-size: 0.92rem;
line-height: var(--line-height-tight);
}

.admin-games__panel[b-2sfd7ivzi3] {
display: grid;
min-width: 0;
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-surface) 96%, white);
box-shadow: var(--shadow-lg);
}

.admin-games__toolbar[b-2sfd7ivzi3] {
display: grid;
grid-template-columns: minmax(16rem, 2fr) repeat(6, minmax(8.5rem, 1fr));
gap: var(--space-3);
align-items: end;
padding: var(--space-4);
border-bottom: 1px solid var(--color-border);
}

.admin-games__table-meta[b-2sfd7ivzi3] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: center;
justify-content: space-between;
padding: var(--space-3) var(--space-4);
color: var(--color-muted-foreground);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
}

.admin-games__table-scroll[b-2sfd7ivzi3] {
max-height: min(35rem, 64vh);
overflow: auto;
border-top: 1px solid var(--color-border-soft);
}

.admin-games__table-scroll[b-2sfd7ivzi3]  .tovelin-table-responsive {
width: max-content;
min-width: 98rem;
overflow: visible;
border-radius: 0;
box-shadow: none;
}

.admin-games__table-scroll[b-2sfd7ivzi3]  .tovelin-table {
border-width: 0;
border-radius: 0;
overflow: visible;
}

.admin-games__table-scroll[b-2sfd7ivzi3]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

.admin-games__table-scroll[b-2sfd7ivzi3]  .admin-games__actions-column {
width: 3.75rem;
min-width: 3.75rem;
max-width: 3.75rem;
text-align: center;
}

.admin-games__table-scroll[b-2sfd7ivzi3]  .admin-games__game-column {
width: 18rem;
min-width: 18rem;
max-width: 18rem;
}

.admin-games__name-cell[b-2sfd7ivzi3] {
display: grid;
gap: 0.2rem;
min-width: 14rem;
overflow-wrap: anywhere;
}

.admin-games__name-cell strong[b-2sfd7ivzi3] {
color: var(--color-foreground);
}

.admin-games__name-cell span[b-2sfd7ivzi3] {
color: var(--color-muted-foreground);
font-size: 0.88rem;
}

.admin-games__row-action[b-2sfd7ivzi3] {
margin-inline: auto;
}

@media (min-width: 900px) {
.admin-games__table-scroll[b-2sfd7ivzi3]  thead th.admin-games__actions-column {
left: 0;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-games__table-scroll[b-2sfd7ivzi3]  thead th.admin-games__game-column {
left: 3.75rem;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-games__table-scroll[b-2sfd7ivzi3]  tbody td.admin-games__actions-column {
position: sticky;
left: 0;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-games__table-scroll[b-2sfd7ivzi3]  tbody td.admin-games__game-column {
position: sticky;
left: 3.75rem;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-games__table-scroll[b-2sfd7ivzi3]  tbody tr:nth-child(even) td.admin-games__actions-column,
.admin-games__table-scroll[b-2sfd7ivzi3]  tbody tr:nth-child(even) td.admin-games__game-column {
background: color-mix(in srgb, var(--section-blue) 34%, var(--color-surface));
}
.admin-games__table-scroll[b-2sfd7ivzi3]  tbody tr:hover td.admin-games__actions-column,
.admin-games__table-scroll[b-2sfd7ivzi3]  tbody tr:hover td.admin-games__game-column {
background: color-mix(in srgb, var(--section-blue) 50%, var(--color-surface-strong));
}
}

.admin-games__action-sheet[b-2sfd7ivzi3] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-games__action-sheet[b-2sfd7ivzi3]  .admin-games__sheet-action {
width: 100%;
}

.admin-games__action-sheet[b-2sfd7ivzi3]  .admin-games__sheet-action .tovelin-btn__label {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: var(--space-2);
width: 100%;
}

.admin-games__details[b-2sfd7ivzi3] {
display: grid;
gap: var(--space-5);
min-width: 0;
}

.admin-games__details section[b-2sfd7ivzi3] {
min-width: 0;
}

.admin-games__details h2[b-2sfd7ivzi3] {
margin: 0 0 var(--space-3);
color: var(--color-foreground);
font-family: var(--font-heading);
font-size: 1.2rem;
}

.admin-games__modal-table[b-2sfd7ivzi3] {
width: 100%;
max-width: 100%;
min-width: 0;
}

.admin-games__modal-table[b-2sfd7ivzi3]  .tovelin-table-responsive {
width: 100%;
min-width: 0;
max-width: 100%;
max-height: min(24rem, 52vh);
box-shadow: none;
overflow: auto;
overscroll-behavior: contain;
}

.admin-games__modal-table[b-2sfd7ivzi3]  .tovelin-table {
min-width: 52rem;
border-radius: 0;
overflow: visible;
}

.admin-games__modal-table[b-2sfd7ivzi3]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

@media (max-width: 1280px) {
.admin-games__metrics[b-2sfd7ivzi3] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.admin-games__toolbar[b-2sfd7ivzi3] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 720px) {
.admin-games[b-2sfd7ivzi3] {
padding: var(--space-4);
}
.admin-games__metrics[b-2sfd7ivzi3],
.admin-games__toolbar[b-2sfd7ivzi3] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Pages/Admin/PrivacyCases.razor.rz.scp.css */
.privacy-cases[b-kr49133vpx] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; min-width: 0; overflow-wrap: anywhere; }
.privacy-cases > *[b-kr49133vpx] { min-width: 0; max-width: 100%; }
.privacy-cases__form[b-kr49133vpx] { display: grid; grid-template-columns: minmax(0, 1fr); gap: .85rem; }
.privacy-cases__form > *[b-kr49133vpx], .privacy-cases__row > *[b-kr49133vpx], .privacy-cases__facts > *[b-kr49133vpx] { min-width: 0; max-width: 100%; }
.privacy-cases[b-kr49133vpx]  .tovelin-btn { min-width: 0; max-width: 100%; height: auto; min-height: 2.5rem; white-space: normal; overflow-wrap: anywhere; }
.privacy-cases[b-kr49133vpx]  .tovelin-btn.tovelin-btn--secondary { color: var(--color-on-secondary); }
.privacy-cases__form h2[b-kr49133vpx], .privacy-cases__form h3[b-kr49133vpx], .privacy-cases__form p[b-kr49133vpx] { margin: 0; }
.privacy-cases select[b-kr49133vpx], .privacy-cases textarea[b-kr49133vpx], .privacy-cases input[type=datetime-local][b-kr49133vpx] { color: var(--tovelin-text, inherit); background: var(--tovelin-surface, transparent); font: inherit; border: 1px solid currentColor; border-radius: .5rem; padding: .65rem; max-width: 100%; min-width: 0; }
.privacy-cases__list[b-kr49133vpx] { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; min-width: 0; }
.privacy-cases__row[b-kr49133vpx] { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(8rem, 1fr) minmax(8rem, 1fr) auto; align-items: start; gap: 1rem; padding-block: .85rem; border-bottom: 1px solid currentColor; overflow-wrap: anywhere; }
.privacy-cases__secret[b-kr49133vpx] { display: grid; gap: .85rem; border: 2px solid currentColor; border-radius: .75rem; padding: 1rem; overflow-wrap: anywhere; }
.privacy-cases__secret code[b-kr49133vpx] { user-select: all; white-space: normal; font-size: 1rem; }
.privacy-cases__facts[b-kr49133vpx] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: .5rem 1rem; overflow-wrap: anywhere; }
.privacy-cases__facts dd[b-kr49133vpx] { margin: 0; }
.privacy-cases__subject[b-kr49133vpx] { display: grid; gap: .25rem; padding: .85rem; border-inline-start: 3px solid currentColor; overflow-wrap: anywhere; }
.privacy-cases__pause-row[b-kr49133vpx] { display: grid; gap: .6rem; padding-block: 1rem; border-top: 1px solid currentColor; overflow-wrap: anywhere; }
@media (max-width: 48rem) { .privacy-cases__row[b-kr49133vpx], .privacy-cases__facts[b-kr49133vpx] { grid-template-columns: minmax(0, 1fr); } .privacy-cases .admin-tool__header h1[b-kr49133vpx] { font-size: clamp(1.5rem, 7.5vw, 2rem); } }
.privacy-cases .admin-tool__panel[b-kr49133vpx] { padding: clamp(1rem, 2vw, 1.5rem); }
/* _content/Tovelin.Shared.UI/Pages/Admin/Rewards.razor.rz.scp.css */
:host[b-rbscr9r925] {
display: block;
}

.admin-rewards[b-rbscr9r925] {
display: grid;
gap: var(--space-5);
min-height: 100%;
padding: clamp(var(--space-5), 4vw, var(--space-8));
background:
radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--section-peach) 34%, transparent) 0, transparent 18rem),
color-mix(in srgb, var(--color-background) 92%, white);
}

.admin-rewards__header[b-rbscr9r925] {
display: grid;
gap: var(--space-1);
}

.admin-rewards__kicker[b-rbscr9r925] {
margin: 0;
color: var(--color-foreground);
font-size: 0.78rem;
font-weight: var(--font-weight-bold);
letter-spacing: 0.26em;
text-transform: uppercase;
}

.admin-rewards__header h1[b-rbscr9r925] {
margin: 0;
color: var(--color-foreground);
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1;
}

.admin-rewards__metrics[b-rbscr9r925] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-rewards__metric[b-rbscr9r925] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: var(--space-2);
row-gap: 0.1rem;
min-width: 0;
min-height: 0;
padding: 0.75rem var(--space-3);
align-items: center;
align-content: center;
border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 44%, var(--color-surface-strong));
box-shadow: var(--shadow-soft);
}

.admin-rewards__metric span[b-rbscr9r925] {
grid-row: 1 / span 2;
color: var(--color-foreground);
font-size: 1.35rem;
font-weight: var(--font-weight-bold);
line-height: 1;
}

.admin-rewards__metric strong[b-rbscr9r925] {
min-width: 0;
color: var(--color-foreground);
font-size: 0.92rem;
line-height: var(--line-height-tight);
}

.admin-rewards__panel[b-rbscr9r925] {
display: grid;
min-width: 0;
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-surface) 96%, white);
box-shadow: var(--shadow-lg);
}

.admin-rewards__toolbar[b-rbscr9r925] {
display: grid;
grid-template-columns: minmax(16rem, 2fr) repeat(5, minmax(8.5rem, 1fr));
gap: var(--space-3);
align-items: end;
padding: var(--space-4);
border-bottom: 1px solid var(--color-border);
}

.admin-rewards__table-meta[b-rbscr9r925] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: center;
justify-content: space-between;
padding: var(--space-3) var(--space-4);
color: var(--color-muted-foreground);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
}

.admin-rewards__table-scroll[b-rbscr9r925] {
max-height: min(35rem, 64vh);
overflow: auto;
border-top: 1px solid var(--color-border-soft);
}

.admin-rewards__table-scroll[b-rbscr9r925]  .tovelin-table-responsive {
width: max-content;
min-width: 92rem;
overflow: visible;
border-radius: 0;
box-shadow: none;
}

.admin-rewards__table-scroll[b-rbscr9r925]  .tovelin-table {
border-width: 0;
border-radius: 0;
overflow: visible;
}

.admin-rewards__table-scroll[b-rbscr9r925]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

.admin-rewards__table-scroll[b-rbscr9r925]  .admin-rewards__actions-column {
width: 3.75rem;
min-width: 3.75rem;
max-width: 3.75rem;
text-align: center;
}

.admin-rewards__table-scroll[b-rbscr9r925]  .admin-rewards__reward-column {
width: 22rem;
min-width: 22rem;
max-width: 22rem;
}

.admin-rewards__name-cell[b-rbscr9r925] {
display: grid;
gap: 0.2rem;
min-width: 14rem;
overflow-wrap: anywhere;
}

.admin-rewards__name-cell strong[b-rbscr9r925] {
color: var(--color-foreground);
}

.admin-rewards__name-cell span[b-rbscr9r925] {
color: var(--color-muted-foreground);
font-size: 0.88rem;
}

.admin-rewards__row-action[b-rbscr9r925] {
margin-inline: auto;
}

@media (min-width: 900px) {
.admin-rewards__table-scroll[b-rbscr9r925]  thead th.admin-rewards__actions-column {
left: 0;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-rewards__table-scroll[b-rbscr9r925]  thead th.admin-rewards__reward-column {
left: 3.75rem;
z-index: 8;
box-shadow: 1px 0 0 var(--color-border), 0 1px 0 var(--color-border);
}
.admin-rewards__table-scroll[b-rbscr9r925]  tbody td.admin-rewards__actions-column {
position: sticky;
left: 0;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-rewards__table-scroll[b-rbscr9r925]  tbody td.admin-rewards__reward-column {
position: sticky;
left: 3.75rem;
z-index: 4;
background: var(--color-surface);
box-shadow: 1px 0 0 var(--color-border-soft);
}
.admin-rewards__table-scroll[b-rbscr9r925]  tbody tr:nth-child(even) td.admin-rewards__actions-column,
.admin-rewards__table-scroll[b-rbscr9r925]  tbody tr:nth-child(even) td.admin-rewards__reward-column {
background: color-mix(in srgb, var(--section-blue) 34%, var(--color-surface));
}
.admin-rewards__table-scroll[b-rbscr9r925]  tbody tr:hover td.admin-rewards__actions-column,
.admin-rewards__table-scroll[b-rbscr9r925]  tbody tr:hover td.admin-rewards__reward-column {
background: color-mix(in srgb, var(--section-blue) 50%, var(--color-surface-strong));
}
}

.admin-rewards__action-sheet[b-rbscr9r925] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-2);
}

.admin-rewards__action-sheet[b-rbscr9r925]  .admin-rewards__sheet-action {
width: 100%;
}

.admin-rewards__action-sheet[b-rbscr9r925]  .admin-rewards__sheet-action .tovelin-btn__label {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: var(--space-2);
width: 100%;
}

.admin-rewards__modal-fields[b-rbscr9r925] {
display: grid;
gap: var(--space-4);
}

.admin-rewards__modal-table[b-rbscr9r925] {
max-height: min(30rem, 62vh);
overflow: auto;
}

.admin-rewards__modal-table[b-rbscr9r925]  .tovelin-table-responsive {
width: max-content;
min-width: 42rem;
overflow: visible;
}

.admin-rewards__modal-table[b-rbscr9r925]  thead th {
position: sticky;
top: 0;
z-index: 5;
background: color-mix(in srgb, var(--section-yellow) 70%, var(--color-surface-strong));
box-shadow: 0 1px 0 var(--color-border);
}

@media (max-width: 1180px) {
.admin-rewards__metrics[b-rbscr9r925] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.admin-rewards__toolbar[b-rbscr9r925] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 720px) {
.admin-rewards[b-rbscr9r925] {
padding: var(--space-4);
}
.admin-rewards__metrics[b-rbscr9r925],
.admin-rewards__toolbar[b-rbscr9r925] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Pages/Admin/Sample.razor.rz.scp.css */
.sample-page[b-m75kl78jvp] {
display: grid;
gap: var(--space-8);
}

.sample-shell[b-m75kl78jvp] {
display: grid;
grid-template-columns: minmax(16rem, 18rem) minmax(0, 1fr);
gap: var(--space-6);
align-items: start;
}

.sample-sidebar[b-m75kl78jvp] {
display: grid;
gap: var(--space-4);
align-self: start;
position: sticky;
top: var(--space-6);
}

.sample-sidebar-card[b-m75kl78jvp] {
display: grid;
gap: var(--space-4);
}

.sample-map[b-m75kl78jvp] {
display: grid;
gap: var(--space-3);
}

.sample-map__item[b-m75kl78jvp] {
display: grid;
gap: var(--space-1);
padding: var(--space-3);
border-radius: var(--radius-md);
border: 1px solid var(--color-border-muted);
background: var(--color-surface);
color: inherit;
text-decoration: none;
transition: border-color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.sample-map__item:hover[b-m75kl78jvp],
.sample-map__item:focus-visible[b-m75kl78jvp] {
border-color: var(--color-border-strong);
transform: translateY(-1px);
box-shadow: var(--shadow-sm);
}

.sample-map__label[b-m75kl78jvp] {
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--color-text-muted);
}

.sample-map__value[b-m75kl78jvp] {
font-size: 0.92rem;
line-height: 1.45;
color: var(--color-text);
}

.sample-main[b-m75kl78jvp] {
min-width: 0;
}

.sample-main[b-m75kl78jvp]  .showcase-typography-grid,
.sample-main[b-m75kl78jvp]  .showcase-layout-grid,
.sample-main[b-m75kl78jvp]  .showcase-flow-grid,
.sample-main[b-m75kl78jvp]  .showcase-domain-grid {
gap: var(--space-3);
}

.sample-main[b-m75kl78jvp]  .showcase-grid {
grid-template-columns: 1fr;
}

@media (max-width: 980px) {
.sample-shell[b-m75kl78jvp] {
grid-template-columns: 1fr;
}
.sample-sidebar[b-m75kl78jvp] {
position: static;
}
.sample-main[b-m75kl78jvp]  .showcase-grid {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Pages/Admin/Support.razor.rz.scp.css */
.admin-support[b-vz8yyc3lzn] {
align-content: start;
}

.admin-support[b-vz8yyc3lzn]  .admin-tool__metrics {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-support[b-vz8yyc3lzn]  .admin-tool__metric {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
align-content: center;
}

.admin-support[b-vz8yyc3lzn]  .admin-tool__metric span {
font-size: 1.35rem;
}

.admin-support__tabs-panel[b-vz8yyc3lzn] {
display: grid;
align-content: start;
min-width: 0;
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.admin-support[b-vz8yyc3lzn]  .admin-support__tabs {
flex: none;
gap: 0;
height: auto;
min-height: 0;
}

.admin-support__tab-content[b-vz8yyc3lzn] {
display: grid;
align-content: start;
gap: var(--space-4);
min-width: 0;
padding: var(--space-4);
}

.admin-support__cell-note[b-vz8yyc3lzn] {
display: block;
margin-top: var(--space-1);
color: var(--color-muted);
font-size: var(--font-size-small);
overflow-wrap: anywhere;
}

.admin-support__ticket-detail[b-vz8yyc3lzn] {
display: grid;
gap: var(--space-5);
}

.admin-support__modal-alerts[b-vz8yyc3lzn] {
display: grid;
gap: var(--space-2);
}

.admin-support__ticket-summary[b-vz8yyc3lzn] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-3);
}

.admin-support__ticket-summary > div[b-vz8yyc3lzn] {
display: grid;
gap: var(--space-1);
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: 8px;
background: color-mix(in srgb, var(--color-info) 10%, var(--color-surface));
}

.admin-support__ticket-summary span[b-vz8yyc3lzn],
.admin-support__ticket-summary small[b-vz8yyc3lzn] {
color: var(--color-muted);
font-size: var(--font-size-caption);
}

.admin-support__conversation[b-vz8yyc3lzn] {
display: grid;
gap: var(--space-3);
}

.admin-support__message[b-vz8yyc3lzn] {
display: grid;
gap: var(--space-2);
max-width: 88%;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface-soft);
}

.admin-support__message--admin[b-vz8yyc3lzn] {
justify-self: end;
border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.admin-support__message header[b-vz8yyc3lzn] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-2);
color: var(--color-muted);
font-size: var(--font-size-caption);
}

.admin-support__message p[b-vz8yyc3lzn] {
margin: 0;
overflow-wrap: anywhere;
white-space: pre-wrap;
}

.admin-support__attachments[b-vz8yyc3lzn] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

.admin-support__attachments a[b-vz8yyc3lzn] {
display: inline-flex;
align-items: center;
gap: var(--space-1);
color: var(--color-link);
font-size: var(--font-size-small);
}

.admin-support__ticket-controls[b-vz8yyc3lzn] {
display: grid;
gap: var(--space-3);
padding-top: var(--space-4);
border-top: 1px solid var(--color-border);
}

.admin-support__control-actions[b-vz8yyc3lzn] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

.admin-support__reply-attachments[b-vz8yyc3lzn] {
display: grid;
gap: var(--space-2);
}

.admin-support__reply-attachment-label[b-vz8yyc3lzn] {
color: var(--color-text);
font-weight: var(--font-weight-semibold);
}

.admin-support__reply-attachment-help[b-vz8yyc3lzn],
.admin-support__reply-attachment-error[b-vz8yyc3lzn] {
margin: 0;
font-size: var(--font-size-caption);
}

.admin-support__reply-attachment-help[b-vz8yyc3lzn] {
color: var(--color-muted);
}

.admin-support__reply-attachment-error[b-vz8yyc3lzn] {
color: var(--color-danger);
font-weight: var(--font-weight-semibold);
}

.admin-support__reply-file-list[b-vz8yyc3lzn] {
display: grid;
gap: var(--space-1);
margin: 0;
padding: 0;
list-style: none;
}

.admin-support__reply-file-list li[b-vz8yyc3lzn] {
display: flex;
align-items: center;
gap: var(--space-2);
min-width: 0;
color: var(--color-text);
font-size: var(--font-size-small);
}

.admin-support__reply-file-list span[b-vz8yyc3lzn] {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.admin-support__reply-file-list small[b-vz8yyc3lzn] {
margin-left: auto;
color: var(--color-muted);
}

.admin-support__audit[b-vz8yyc3lzn] {
display: grid;
gap: var(--space-3);
}

.admin-support__audit h3[b-vz8yyc3lzn] {
margin: 0;
color: var(--color-text);
font-family: var(--font-family-heading);
font-size: var(--font-size-body-lg);
}

@media (max-width: 720px) {
.admin-support[b-vz8yyc3lzn]  .admin-support__tabs {
width: 100%;
}
.admin-support__ticket-summary[b-vz8yyc3lzn] {
grid-template-columns: 1fr;
}
.admin-support__message[b-vz8yyc3lzn] {
max-width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/AppError.razor.rz.scp.css */
.app-error-page[b-okgup216gq] {
max-width: 74rem;
margin: 0 auto;
padding: clamp(1.25rem, 2.4vw, 2.5rem);
}

.app-error-page__hero[b-okgup216gq] {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(12rem, 15rem);
gap: 1.5rem;
align-items: center;
padding: clamp(1.4rem, 2.4vw, 2.3rem);
border-radius: 1.6rem;
border: 1px solid rgba(198, 209, 229, 0.78);
box-shadow: 0 18px 40px rgba(35, 58, 94, 0.06);
background: linear-gradient(180deg, rgba(255, 252, 246, 0.98), rgba(255, 255, 255, 0.98));
}

.app-error-page__kicker[b-okgup216gq] {
margin: 0 0 0.8rem;
text-transform: uppercase;
letter-spacing: 0.24em;
font-size: 0.8rem;
font-weight: 700;
color: #ce9440;
}

.app-error-page__copy h1[b-okgup216gq] {
margin: 0;
font-size: clamp(2rem, 3vw, 3rem);
line-height: 1.08;
color: #20355a;
}

.app-error-page__text[b-okgup216gq] {
margin: 1rem 0 0;
max-width: 40rem;
line-height: 1.75;
color: #66748e;
}

.app-error-page__actions[b-okgup216gq] {
display: flex;
flex-wrap: wrap;
gap: 0.9rem;
align-items: center;
margin-top: 1.5rem;
}

.app-error-page__support-link[b-okgup216gq] {
color: #4a63c7;
font-weight: 600;
text-decoration: none;
}

.app-error-page__support-link:hover[b-okgup216gq] {
text-decoration: underline;
}

.app-error-page__illustration[b-okgup216gq] {
position: relative;
min-height: 12rem;
border-radius: 1.4rem;
border: 1px solid rgba(209, 218, 234, 0.78);
background: linear-gradient(180deg, rgba(255, 252, 247, 0.96), rgba(248, 251, 255, 0.96));
overflow: hidden;
}

.app-error-page__halo[b-okgup216gq] {
position: absolute;
border-radius: 999px;
opacity: 0.85;
}

.app-error-page__halo--amber[b-okgup216gq] {
width: 6rem;
height: 6rem;
top: 1.25rem;
left: 1.25rem;
background: rgba(255, 228, 188, 0.88);
}

.app-error-page__halo--mint[b-okgup216gq] {
width: 4.6rem;
height: 4.6rem;
bottom: 1.4rem;
right: 1.5rem;
background: rgba(218, 238, 230, 0.88);
}

.app-error-page__status-icon[b-okgup216gq] {
position: absolute;
inset: 0;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 2rem;
color: #c08834;
}

.app-error-page__status-strip[b-okgup216gq] {
display: flex;
gap: 0.75rem;
align-items: center;
margin-top: 1rem;
padding: 0.95rem 1rem;
border-radius: 1.1rem;
border: 1px solid rgba(209, 218, 232, 0.76);
background: rgba(252, 248, 239, 0.82);
color: #67768f;
}

.app-error-page__details-card[b-okgup216gq] {
margin-top: 1rem;
padding: 1rem 1.15rem;
border-radius: 1.25rem;
border: 1px solid rgba(202, 214, 233, 0.76);
background: rgba(255, 255, 255, 0.92);
}

.app-error-page__details-card summary[b-okgup216gq] {
cursor: pointer;
font-weight: 600;
color: #31466f;
}

.app-error-page__details-grid[b-okgup216gq] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
margin-top: 1rem;
}

.app-error-page__details-grid span[b-okgup216gq] {
display: block;
font-size: 0.84rem;
color: #78869d;
}

.app-error-page__details-grid strong[b-okgup216gq] {
display: block;
margin-top: 0.25rem;
color: #20355a;
}

@media (max-width: 900px) {
.app-error-page__hero[b-okgup216gq] {
grid-template-columns: 1fr;
}
.app-error-page__details-grid[b-okgup216gq] {
grid-template-columns: 1fr;
}
}

@media (max-width: 640px) {
.app-error-page[b-okgup216gq] {
padding: 1rem;
}
.app-error-page__actions[b-okgup216gq] {
flex-direction: column;
align-items: stretch;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/Billing.razor.rz.scp.css */
:host[b-010unjfx1t] {
display: block;
}

.app-billing-page[b-010unjfx1t] {
display: grid;
gap: clamp(1.5rem, 3vw, 2rem);
}

.app-billing__hero[b-010unjfx1t] {
display: flex;
justify-content: space-between;
gap: clamp(1rem, 3vw, 2rem);
align-items: end;
padding: clamp(1.5rem, 3vw, 2.25rem);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 18%, var(--color-surface));
box-shadow: var(--shadow-soft);
}

.app-billing__hero-copy[b-010unjfx1t] {
display: grid;
gap: 0.75rem;
max-width: 44rem;
}

.app-billing__hero-kicker[b-010unjfx1t],
.app-billing__card-kicker[b-010unjfx1t] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
color: var(--color-kicker);
}

.app-billing__hero h1[b-010unjfx1t],
.app-billing__card-header h2[b-010unjfx1t] {
margin: 0;
font-size: clamp(2rem, 4vw, 3.25rem);
line-height: 1.06;
letter-spacing: var(--tracking-tight);
}

.app-billing__card-header h2[b-010unjfx1t] {
font-size: var(--font-size-h2);
}

.app-billing__hero-text[b-010unjfx1t],
.app-billing__side-text[b-010unjfx1t],
.app-billing__usage-note[b-010unjfx1t] {
margin: 0;
color: var(--color-muted);
line-height: var(--line-height-relaxed);
}

.app-billing__hero-actions[b-010unjfx1t],
.app-billing__side-actions[b-010unjfx1t] {
display: grid;
gap: 0.75rem;
min-width: 14rem;
}

.app-billing__grid[b-010unjfx1t] {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.95fr);
gap: clamp(1rem, 2vw, 1.5rem);
}

.app-billing__card[b-010unjfx1t] {
display: grid;
gap: 1.5rem;
padding: clamp(1.25rem, 2vw, 1.5rem);
}

.app-billing__card-header[b-010unjfx1t] {
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: start;
}

.app-billing__metrics[b-010unjfx1t],
.app-billing__usage-grid[b-010unjfx1t] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.85rem;
}

.app-billing__usage-grid[b-010unjfx1t] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-billing__metric[b-010unjfx1t],
.app-billing__usage-item[b-010unjfx1t] {
display: grid;
gap: 0.35rem;
padding: 1rem;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface-alt);
}

.app-billing__metric span[b-010unjfx1t],
.app-billing__usage-label[b-010unjfx1t] {
color: var(--color-muted);
font-size: var(--font-size-caption);
}

.app-billing__metric strong[b-010unjfx1t],
.app-billing__usage-value[b-010unjfx1t] {
font-size: var(--font-size-h4);
}

.app-billing__included[b-010unjfx1t] {
display: grid;
gap: 0.9rem;
}

.app-billing__included h3[b-010unjfx1t] {
margin: 0;
font-size: var(--font-size-h4);
}

.app-billing__included-list[b-010unjfx1t] {
display: grid;
gap: 0.7rem;
margin: 0;
padding: 0;
list-style: none;
}

.app-billing__included-list li[b-010unjfx1t] {
display: flex;
gap: 0.6rem;
align-items: start;
}

@media (max-width: 900px) {
.app-billing__hero[b-010unjfx1t],
.app-billing__grid[b-010unjfx1t] {
grid-template-columns: 1fr;
display: grid;
}
.app-billing__metrics[b-010unjfx1t],
.app-billing__usage-grid[b-010unjfx1t] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/GroupDetails/GroupDetails.razor.rz.scp.css */
:host[b-tsownr27pg] {
display: block;
}

.app-group-details[b-tsownr27pg] {
display: grid;
gap: var(--space-4);
max-width: 100%;
min-width: 0;
}

.app-group-details > *[b-tsownr27pg] {
min-width: 0;
}

.app-group-details__breadcrumb[b-tsownr27pg] {
margin-bottom: calc(-1 * var(--space-2));
}

.app-group-details__loading[b-tsownr27pg] {
display: grid;
justify-items: start;
padding: var(--space-4) 0;
}

.app-group-details__hero-copy[b-tsownr27pg] {
min-width: 0;
}

.app-group-details__section-heading p[b-tsownr27pg],
.app-group-details__invite-copy p[b-tsownr27pg],
.app-group-details__empty-panel p[b-tsownr27pg] {
color: var(--color-text-muted);
}

.app-group-details__pill[b-tsownr27pg] {
display: inline-flex;
align-items: center;
gap: var(--space-1);
width: fit-content;
padding: 0.25rem 0.65rem;
border: 1px solid var(--color-border);
border-radius: var(--radius-full);
background: var(--color-surface);
color: var(--color-text-muted);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
}

.app-group-details__pill--soft[b-tsownr27pg] {
border-color: transparent;
background: color-mix(in srgb, var(--color-surface-strong) 78%, var(--color-primary) 4%);
}

.app-group-details__pill--you[b-tsownr27pg] {
border-color: color-mix(in srgb, var(--color-success) 30%, var(--color-border));
background: color-mix(in srgb, var(--color-success) 12%, var(--color-surface));
color: var(--color-text);
}

.app-group-details__pill--floating[b-tsownr27pg] {
margin-bottom: var(--space-3);
}

.app-group-details__hero-facts[b-tsownr27pg],
.app-group-details__hero-actions[b-tsownr27pg],
.app-group-details__invite-panel-actions[b-tsownr27pg] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
}

.app-group-details__hero-facts[b-tsownr27pg] {
margin-top: 0;
}

.app-group-details__hero-facts span[b-tsownr27pg] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
color: var(--color-text-muted);
font-size: var(--font-size-small);
}

.app-group-details__hero-actions[b-tsownr27pg] {
justify-content: flex-end;
padding-top: var(--space-2);
}

.app-group-details[b-tsownr27pg]  .app-group-details__section-divider {
margin: 0;
}

.app-group-details__invite-actions-panel[b-tsownr27pg] {
display: grid;
gap: var(--space-4);
min-width: 0;
}

.app-group-details__invite-actions-panel p[b-tsownr27pg] {
margin: 0;
color: var(--color-text-muted);
line-height: 1.65;
}

.app-group-details__limit-note[b-tsownr27pg] {
display: grid;
gap: var(--space-3);
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-warning) 34%, var(--color-border));
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-warning) 10%, var(--color-surface));
}

.app-group-details__limit-note strong[b-tsownr27pg] {
color: var(--color-text);
}

.app-group-details__goal-grid[b-tsownr27pg] {
display: grid;
gap: var(--space-4);
}

.app-group-details__learner-card[b-tsownr27pg],
.app-group-details__goal-card[b-tsownr27pg],
.app-group-details__list-card[b-tsownr27pg],
.app-group-details__empty-panel[b-tsownr27pg],
.app-group-details__activity-list[b-tsownr27pg] {
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
}

.app-group-details__activity-list article > span[b-tsownr27pg],
.app-group-details__empty-panel > i[b-tsownr27pg] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
border-radius: var(--radius-lg);
color: var(--color-text-muted);
}

.app-group-details__learner-header p[b-tsownr27pg],
.app-group-details__goal-card p[b-tsownr27pg],
.app-group-details__pending span[b-tsownr27pg],
.app-group-details__mentor-main span[b-tsownr27pg] {
margin: 0;
color: var(--color-text-muted);
font-size: var(--font-size-small);
}

.app-group-details__section[b-tsownr27pg] {
display: grid;
gap: var(--space-3);
align-content: start;
}

.app-group-details__section h2[b-tsownr27pg],
.app-group-details__invite-panel h2[b-tsownr27pg] {
margin: 0;
color: var(--color-text);
font-family: var(--font-heading);
font-size: var(--font-size-h2);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-snug);
letter-spacing: var(--tracking-tight);
overflow-wrap: anywhere;
}

.app-group-details__section-heading[b-tsownr27pg] {
display: flex;
flex-wrap: wrap;
align-items: end;
justify-content: space-between;
gap: var(--space-4);
}

.app-group-details__section-heading--inline[b-tsownr27pg] {
align-items: center;
}

.app-group-details__section-title-row[b-tsownr27pg] {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: var(--space-2);
min-width: 0;
}

.app-group-details__section-heading p[b-tsownr27pg] {
margin: var(--space-1) 0 0;
font-size: var(--font-size-small);
}

.app-group-details__learner-grid[b-tsownr27pg] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-4);
align-items: start;
}

.app-group-details__learner-card[b-tsownr27pg],
.app-group-details__goal-card[b-tsownr27pg] {
display: grid;
gap: var(--space-4);
padding: var(--space-5);
}

.app-group-details__learner-header[b-tsownr27pg],
.app-group-details__mentor-row[b-tsownr27pg],
.app-group-details__activity-list article[b-tsownr27pg] {
display: flex;
align-items: center;
gap: var(--space-3);
}

.app-group-details__learner-header--button[b-tsownr27pg] {
width: 100%;
border: 0;
background: transparent;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
}

.app-group-details__learner-header--button > div:nth-child(2)[b-tsownr27pg] {
flex: 1;
min-width: 0;
}

.app-group-details__learner-header--button > i[b-tsownr27pg] {
color: var(--color-text-muted);
}

.app-group-details__avatar[b-tsownr27pg] {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
border-radius: var(--radius-full);
background: color-mix(in srgb, var(--color-warning) 16%, var(--color-surface-strong));
color: var(--color-text);
font-weight: var(--font-weight-bold);
}

.app-group-details__avatar--small[b-tsownr27pg] {
width: 2.5rem;
height: 2.5rem;
border: 1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-strong));
color: var(--color-text);
font-size: var(--font-size-small);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-surface) 78%, transparent);
}

.app-group-details__learner-header h3[b-tsownr27pg],
.app-group-details__goal-card h3[b-tsownr27pg] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-lg);
font-weight: var(--font-weight-bold);
}

.app-group-details__learner-mini-grid[b-tsownr27pg] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-2);
}

.app-group-details__learner-body[b-tsownr27pg] {
display: grid;
gap: var(--space-3);
padding-top: var(--space-2);
border-top: 1px solid var(--color-border);
}

.app-group-details__learner-mini-grid div[b-tsownr27pg],
.app-group-details__next-task[b-tsownr27pg] {
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-border) 58%, transparent);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-surface-strong) 86%, var(--color-primary) 4%);
}

.app-group-details__learner-mini-grid span[b-tsownr27pg],
.app-group-details__next-task span[b-tsownr27pg] {
display: block;
color: var(--color-text-muted);
font-size: var(--font-size-caption);
}

.app-group-details__learner-mini-grid strong[b-tsownr27pg],
.app-group-details__next-task strong[b-tsownr27pg] {
display: block;
margin-top: var(--space-1);
color: var(--color-text);
}

.app-group-details__learner-actions[b-tsownr27pg] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-2);
}

.app-group-details__list-card[b-tsownr27pg],
.app-group-details__activity-list[b-tsownr27pg] {
overflow: hidden;
}

.app-group-details__mentor-row[b-tsownr27pg],
.app-group-details__activity-list article[b-tsownr27pg] {
padding: var(--space-4);
border-bottom: 1px solid var(--color-border);
}

.app-group-details__mentor-row--button[b-tsownr27pg] {
width: 100%;
border-left: 0;
border-right: 0;
border-top: 0;
background: transparent;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
transition: background-color var(--transition-fast);
}

.app-group-details__mentor-row--button:hover[b-tsownr27pg] {
background: var(--color-select-mint);
}

.app-group-details__mentor-row:last-child[b-tsownr27pg],
.app-group-details__activity-list article:last-child[b-tsownr27pg] {
border-bottom: 0;
}

.app-group-details__mentor-main[b-tsownr27pg],
.app-group-details__activity-list p[b-tsownr27pg] {
flex: 1;
min-width: 0;
}

.app-group-details__mentor-main[b-tsownr27pg] {
display: grid;
gap: var(--space-1);
}

.app-group-details__mentor-main strong[b-tsownr27pg],
.app-group-details__mentor-main span[b-tsownr27pg] {
display: block;
}

.app-group-details__mentor-main span[b-tsownr27pg] {
line-height: 1.35;
overflow-wrap: anywhere;
}

.app-group-details__mentor-main strong[b-tsownr27pg] { overflow-wrap: anywhere; }
.app-group-details__mentor-badges[b-tsownr27pg] { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; }
.app-group-details__mentor-badges .app-group-details__pill[b-tsownr27pg] { font-weight: var(--font-weight-regular); }
.app-group-details__section-title-row[b-tsownr27pg]  .app-group-details__plan-info-button {
width: 2rem; height: 2rem; min-height: 2rem; padding: 0;
border: 0; border-radius: 50%; background: transparent;
color: var(--color-primary-dark);
}

.app-group-details__text-button[b-tsownr27pg] {
border: 0;
background: transparent;
color: var(--color-text-muted);
font: inherit;
font-size: var(--font-size-small);
cursor: pointer;
}

.app-group-details__text-button:hover[b-tsownr27pg] {
color: var(--color-primary);
}

.app-group-details__text-button--warning[b-tsownr27pg] {
padding: 0.45rem 0.7rem;
border: 1px solid color-mix(in srgb, var(--color-danger) 24%, var(--color-border));
border-radius: var(--radius-full);
background: color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));
color: var(--color-danger);
font-weight: var(--font-weight-semibold);
}

.app-group-details__text-button--warning:hover[b-tsownr27pg] {
background: color-mix(in srgb, var(--color-danger) 14%, var(--color-surface));
color: var(--color-danger);
}

.app-group-details__goal-grid[b-tsownr27pg] {
grid-template-columns: minmax(0, 1fr);
gap: var(--space-2);
}

.app-group-details__reward-grid[b-tsownr27pg] {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--space-2);
}

.app-group-details__reward-card[b-tsownr27pg] {
display: grid;
gap: var(--space-3);
min-width: 0;
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 82%, transparent);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.app-group-details__reward-card .app-group-details__card-title[b-tsownr27pg] {
margin: 0;
}

.app-group-details__reward-card .app-group-details__card-title[b-tsownr27pg] {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: var(--color-text);
font-size: var(--font-size-title-md);
line-height: var(--line-height-tight);
font-weight: var(--font-weight-bold);
}

.app-group-details__reward-copy[b-tsownr27pg] {
display: grid;
align-content: start;
min-width: 0;
}

.app-group-details__reward-progress[b-tsownr27pg] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.app-group-details__reward-meta[b-tsownr27pg] {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--space-2);
min-width: 0;
color: var(--color-text-muted);
font-size: var(--font-size-small);
}

.app-group-details__reward-meta > span[b-tsownr27pg] {
min-width: 0;
}

.app-group-details__reward-owner[b-tsownr27pg] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.app-group-details__goal-progress[b-tsownr27pg] {
display: grid;
gap: var(--space-2);
}

.app-group-details__progress-meta[b-tsownr27pg] {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: var(--space-3);
color: var(--color-text-muted);
font-size: var(--font-size-small);
}

.app-group-details__ghost-link[b-tsownr27pg] {
justify-self: start;
}

.app-group-details__empty-panel[b-tsownr27pg] {
display: flex;
align-items: center;
gap: var(--space-3);
padding: var(--space-5);
}

.app-group-details__empty-panel--wide[b-tsownr27pg] {
align-items: flex-start;
}

.app-group-details__empty-panel > i[b-tsownr27pg] {
margin: 0;
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.app-group-details__empty-panel strong[b-tsownr27pg] {
display: block;
color: var(--color-text);
}

.app-group-details__invite-panel[b-tsownr27pg] {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--space-4);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
}

.app-group-details__invite-panel > *[b-tsownr27pg],
.app-group-details__pending > *[b-tsownr27pg],
.app-group-details__pending article > div[b-tsownr27pg] { min-width: 0; }

.app-group-details__invite-panel-actions[b-tsownr27pg] { display: flex; flex-wrap: wrap; }
.app-group-details__invite-panel-actions[b-tsownr27pg]  .tovelin-btn { width: auto; }

.app-group-details__pending[b-tsownr27pg] {
display: grid;
gap: var(--space-2);
margin-top: var(--space-3);
}

.app-group-details__pending h3[b-tsownr27pg] {
margin: 0;
color: var(--color-text-muted);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
letter-spacing: 0.08em;
text-transform: uppercase;
}

.app-group-details__pending article[b-tsownr27pg] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
flex-wrap: wrap;
padding-block: var(--space-3);
border-bottom: 1px solid var(--color-border);
}

.app-group-details__pending strong[b-tsownr27pg],
.app-group-details__pending span[b-tsownr27pg] {
display: block;
overflow-wrap: anywhere;
}

.app-group-details__detail-button[b-tsownr27pg] {
width: 100%; min-width: 0; color: var(--color-text); font: inherit;
text-align: left; cursor: pointer; align-content: start;
transition: background-color var(--transition-fast);
grid-template-columns: 2rem minmax(0, 1fr) minmax(10rem, 0.7fr) 1rem;
align-items: center;
gap: var(--space-3);
padding: var(--space-3) var(--space-4);
border-radius: var(--radius-lg);
border-inline-start: 3px solid var(--section-blue);
box-shadow: none;
}
.app-group-details__reward-card[b-tsownr27pg] { border-inline-start-color: var(--section-yellow); }
.app-group-details__detail-button[data-shared="true"][b-tsownr27pg] { border-inline-start-color: var(--color-secondary); }
.app-group-details__row-copy[b-tsownr27pg], .app-group-details__reward-copy[b-tsownr27pg] { display: grid; gap: var(--space-1); min-width: 0; }
.app-group-details__row-icon[b-tsownr27pg] { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; color: var(--color-text); background: color-mix(in srgb, var(--section-blue) 55%, transparent); }
.app-group-details__reward-card .app-group-details__row-icon[b-tsownr27pg] { background: color-mix(in srgb, var(--section-yellow) 50%, transparent); }
.app-group-details__detail-button[data-shared="true"] .app-group-details__row-icon[b-tsownr27pg] { background: color-mix(in srgb, var(--section-mint) 60%, transparent); }
.app-group-details__row-arrow[b-tsownr27pg] { color: var(--color-text-soft); font-size: 0.75rem; }
.app-group-details__reward-owner[b-tsownr27pg] { color: var(--color-text-muted); font-size: var(--font-size-small); }
.app-group-details__section-count[b-tsownr27pg] { display: inline-grid; place-items: center; min-width: 1.5rem; min-height: 1.5rem; margin-inline-start: var(--space-2); padding-inline: var(--space-1); border-radius: var(--radius-full); background: color-mix(in srgb, var(--section-blue) 40%, transparent); font-family: var(--font-body); font-size: var(--font-size-caption); font-weight: var(--font-weight-medium); vertical-align: middle; }
.app-group-details__community[b-tsownr27pg] { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: var(--space-4); align-items: start; }
.app-group-details__community > section[b-tsownr27pg] { min-width: 0; padding: var(--space-4); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); }
.app-group-details__community > section:only-child[b-tsownr27pg] { grid-column: 1 / -1; width: min(100%, 34rem); justify-self: start; box-sizing: border-box; }
.app-group-details__community .app-group-details__list-card[b-tsownr27pg] { border: 0; border-radius: 0; background: transparent; }
.app-group-details__community .app-group-details__mentor-row[b-tsownr27pg] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-2) var(--space-3); padding: var(--space-2) 0; }
.app-group-details__community .app-group-details__mentor-badges[b-tsownr27pg],
.app-group-details__community .app-group-details__text-button[b-tsownr27pg] { grid-column: 2; justify-self: start; }
.app-group-details__community .app-group-details__mentor-row .app-group-details__avatar[b-tsownr27pg] { grid-row: 1 / span 2; align-self: start; }
.app-group-details__invite-copy h2 > i[b-tsownr27pg] { font-size: 0.9rem; color: var(--color-primary-dark); }
.app-group-details__pending[b-tsownr27pg] { margin-top: var(--space-2); }
.app-group-details__detail-button:hover[b-tsownr27pg] { background: var(--color-select-mint); }
.app-group-details__detail-button:focus-visible[b-tsownr27pg] { outline: 3px solid var(--color-secondary); outline-offset: 3px; }
.app-group-details__card-title[b-tsownr27pg] { font-family: var(--font-heading); font-size: var(--font-size-title-md); line-height: var(--line-height-tight); overflow-wrap: anywhere; }
.app-group-details__card-owner[b-tsownr27pg] { color: var(--color-text-muted); font-size: var(--font-size-small); }
.app-group-details__reward-detail[b-tsownr27pg] { display: grid; gap: var(--space-3); min-width: 0; overflow-wrap: anywhere; }
.app-group-details__reward-detail p[b-tsownr27pg] { margin: 0; }
.app-group-details[b-tsownr27pg]  .tovelin-btn { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }

.app-group-details__invite-form[b-tsownr27pg] {
display: grid;
gap: var(--space-4);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
}

.app-group-details__activity-list article > span[b-tsownr27pg] {
flex: 0 0 auto;
margin: 0;
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.app-group-details__activity-list p[b-tsownr27pg] {
margin: 0;
color: var(--color-text);
}

.app-group-details__activity-list time[b-tsownr27pg] {
color: var(--color-text-muted);
font-size: var(--font-size-small);
}

@media (max-width: 700px) {
.app-group-details__community[b-tsownr27pg] { grid-template-columns: minmax(0, 1fr); }
.app-group-details__detail-button[b-tsownr27pg] { grid-template-columns: 2rem minmax(0, 1fr) 1rem; }
.app-group-details__detail-button .app-group-details__goal-progress[b-tsownr27pg],
.app-group-details__detail-button .app-group-details__reward-progress[b-tsownr27pg] { grid-column: 2; grid-row: 2; }
.app-group-details__row-arrow[b-tsownr27pg] { grid-column: 3; grid-row: 1 / span 2; }
.app-group-details__row-icon[b-tsownr27pg] { align-self: start; }
.app-group-details__learner-grid[b-tsownr27pg] {
grid-template-columns: 1fr;
}
.app-group-details__invite-panel[b-tsownr27pg] {
grid-template-columns: 1fr;
}
.app-group-details__pending[b-tsownr27pg] {
padding-bottom: 0;
}
.app-group-details__invite-actions-panel[b-tsownr27pg] {
max-width: none;
}
.app-group-details__invite-panel-actions[b-tsownr27pg] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 640px) {
.app-group-details[b-tsownr27pg] {
gap: var(--space-5);
padding-bottom: calc(4rem + var(--safe-area-bottom, 0px));
}
.app-group-details__section-heading[b-tsownr27pg] {
align-items: stretch;
}
.app-group-details__section-heading[b-tsownr27pg] {
flex-direction: column;
}
.app-group-details__section-heading--inline[b-tsownr27pg] {
flex-direction: column;
align-items: flex-start;
}
.app-group-details__hero-actions[b-tsownr27pg],
.app-group-details__section-heading[b-tsownr27pg] {
justify-content: flex-start;
}
.app-group-details__section-heading--inline[b-tsownr27pg] {
justify-content: space-between;
}
.app-group-details__learner-actions[b-tsownr27pg] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.app-group-details__learner-actions[b-tsownr27pg]  .tovelin-btn:nth-child(3) {
grid-column: 1 / -1;
}
.app-group-details__learner-mini-grid[b-tsownr27pg] {
grid-template-columns: 1fr;
}
.app-group-details__learner-card[b-tsownr27pg],
.app-group-details__goal-card[b-tsownr27pg],
.app-group-details__reward-card[b-tsownr27pg],
.app-group-details__invite-form[b-tsownr27pg] {
padding: var(--space-4);
}
.app-group-details__hero-actions[b-tsownr27pg]  .tovelin-btn,
.app-group-details__learner-actions[b-tsownr27pg]  .tovelin-btn {
max-width: 100%;
min-width: 0;
white-space: normal;
}
.app-group-details__goal-grid[b-tsownr27pg],
.app-group-details__reward-grid[b-tsownr27pg] {
grid-template-columns: 1fr;
}
.app-group-details__mentor-row[b-tsownr27pg] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
}
.app-group-details__mentor-badges[b-tsownr27pg],
.app-group-details__mentor-row .app-group-details__text-button[b-tsownr27pg] {
grid-column: 2;
justify-self: start;
}

}

@media (max-width: 450px) {
.app-group-details__invite-panel-actions[b-tsownr27pg] {
grid-template-columns: 1fr;
}
}

@media (max-width: 300px) {
.app-group-details__learner-actions[b-tsownr27pg] { grid-template-columns: 1fr; }
.app-group-details__detail-button[b-tsownr27pg] { grid-template-columns: minmax(0, 1fr) 1rem; gap: var(--space-2); }
.app-group-details__row-icon[b-tsownr27pg] { display: none; }
.app-group-details__detail-button .app-group-details__goal-progress[b-tsownr27pg],
.app-group-details__detail-button .app-group-details__reward-progress[b-tsownr27pg] { grid-column: 1; }
.app-group-details__row-arrow[b-tsownr27pg] { grid-column: 2; }
.app-group-details__community .app-group-details__mentor-row[b-tsownr27pg] { grid-template-columns: minmax(0, 1fr); }
.app-group-details__community .app-group-details__mentor-badges[b-tsownr27pg],
.app-group-details__community .app-group-details__text-button[b-tsownr27pg] { grid-column: 1; }
.app-group-details__community .app-group-details__mentor-row .app-group-details__avatar[b-tsownr27pg] { grid-row: auto; }
.app-group-details__mentor-row[b-tsownr27pg] { grid-template-columns: minmax(0, 1fr); }
.app-group-details__mentor-badges[b-tsownr27pg],
.app-group-details__mentor-row .app-group-details__text-button[b-tsownr27pg] { grid-column: 1; }
}

@media (prefers-reduced-motion: no-preference) {
.app-group-details__context-band[b-tsownr27pg] {
animation: app-group-details-enter-b-tsownr27pg 320ms ease-out both;
}
.app-group-details__context-band[b-tsownr27pg] {
animation-delay: 60ms;
}
}

@keyframes app-group-details-enter-b-tsownr27pg {
from {
opacity: 0;
transform: translateY(0.35rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/* Detail headings share the unframed mentor workspace presentation. */
.app-group-details__hero[b-tsownr27pg] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-5);
align-items: start;
min-width: 0;
}
.app-group-details__identity[b-tsownr27pg] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-4);
align-items: start;
min-width: 0;
}
@media (max-width: 980px) {
.app-group-details__hero[b-tsownr27pg] { grid-template-columns: minmax(0, 1fr); }
}
/* _content/Tovelin.Shared.UI/Pages/App/GroupInvitations.razor.rz.scp.css */
:host[b-p6z1xvr6i2] { display: block; }

.app-group-invitations[b-p6z1xvr6i2] {
display: grid;
gap: var(--space-8);
min-width: 0;
}

.app-group-invitations__loading[b-p6z1xvr6i2] {
padding: var(--space-4) 0;
}

.app-group-invitations__header[b-p6z1xvr6i2] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-6);
padding: var(--space-4) 0;
}

.app-group-invitations__group-context[b-p6z1xvr6i2] {
display: flex;
align-items: center;
gap: var(--space-2);
margin: 0;
color: var(--color-text-muted);
overflow-wrap: anywhere;
}

.app-group-invitations[b-p6z1xvr6i2]  .app-group-invitations__invite-action .tovelin-btn__label {
display: flex;
align-items: center;
gap: var(--space-2);
}

.app-group-invitations[b-p6z1xvr6i2]  .app-group-invitations__tabs .tovelin-tabs__tab {
padding: var(--space-4) var(--space-5);
border: 0;
border-bottom: 3px solid transparent;
border-radius: 0;
background: transparent;
box-shadow: none;
font-size: var(--font-size-body);
font-weight: var(--font-weight-semibold);
}

.app-group-invitations[b-p6z1xvr6i2]  .app-group-invitations__tabs .tovelin-tabs__tab--selected {
color: var(--color-primary-dark);
border-bottom-color: var(--color-primary);
}

.app-group-invitations[b-p6z1xvr6i2]  .app-group-invitations__tabs .tovelin-tabs__tab:hover {
background: var(--color-surface-soft);
}

.app-group-invitations[b-p6z1xvr6i2]  .app-group-invitations__empty {
justify-items: center;
align-content: center;
min-height: clamp(22rem, 48vh, 36rem);
gap: var(--space-2);
padding: var(--space-6) 0;
text-align: center;
border: 0;
background: transparent;
box-shadow: none;
}

.app-group-invitations[b-p6z1xvr6i2]  .app-group-invitations__empty .tovelin-empty-state__icon {
width: 240px;
height: 240px;
border-radius: 0;
background: transparent;
}

.app-group-invitations__empty-image[b-p6z1xvr6i2] {
display: block;
width: 240px;
height: 240px;
object-fit: contain;
}

.app-group-invitations[b-p6z1xvr6i2]  .app-group-invitations__empty .tovelin-empty-state__title {
font-size: var(--font-size-h2);
}

.app-group-invitations__form[b-p6z1xvr6i2],
.app-group-invitations__field-group[b-p6z1xvr6i2],
.app-group-invitations__invite-list[b-p6z1xvr6i2],
.app-group-invitations__grouped-list[b-p6z1xvr6i2] {
display: grid;
gap: var(--space-5);
min-width: 0;
}

.app-group-invitations[b-p6z1xvr6i2]  .app-group-invitations__composer {
--modal-width: 38rem;
}

.app-group-invitations[b-p6z1xvr6i2]  .app-group-invitations__composer .tovelin-modal__footer {
justify-content: flex-end;
}

.app-group-invitations__role-list[b-p6z1xvr6i2] {
display: grid;
gap: var(--space-4);
margin: 0;
}

.app-group-invitations__role-list dt[b-p6z1xvr6i2] {
font-weight: var(--font-weight-semibold);
}

.app-group-invitations__role-list dd[b-p6z1xvr6i2] {
margin: var(--space-1) 0 0;
color: var(--color-text-muted);
font-size: var(--font-size-small);
}

.app-group-invitations__invite-actions[b-p6z1xvr6i2],
.app-group-invitations__inline-actions[b-p6z1xvr6i2] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
}

.app-group-invitations__invite-card[b-p6z1xvr6i2] {
overflow: hidden;
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.app-group-invitations__invite-toggle[b-p6z1xvr6i2] {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
padding: var(--space-4);
border: 0;
background: transparent;
color: var(--color-text);
cursor: pointer;
text-align: left;
}

.app-group-invitations__invite-toggle:hover[b-p6z1xvr6i2],
.app-group-invitations__invite-toggle:focus-visible[b-p6z1xvr6i2] {
background: color-mix(in srgb, var(--select-mint, var(--color-primary)) 10%, transparent);
}

.app-group-invitations__invite-toggle:focus-visible[b-p6z1xvr6i2] {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}

.app-group-invitations__invite-email[b-p6z1xvr6i2] {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
color: var(--color-text);
font-size: var(--font-size-body);
font-weight: 700;
letter-spacing: 0;
text-transform: none;
white-space: nowrap;
}

.app-group-invitations__invite-toggle-end[b-p6z1xvr6i2] {
display: flex;
align-items: center;
gap: var(--space-3);
flex: 0 0 auto;
}

.app-group-invitations__invite-toggle-end i[b-p6z1xvr6i2] {
color: var(--color-text-muted);
}

.app-group-invitations__group-block[b-p6z1xvr6i2] {
display: grid;
gap: var(--space-3);
}

.app-group-invitations__group-block h2[b-p6z1xvr6i2] {
margin: 0;
}

.app-group-invitations__invite-meta[b-p6z1xvr6i2] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-3);
padding: var(--space-4);
}

.app-group-invitations__invite-meta div[b-p6z1xvr6i2] {
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-surface-strong) 84%, var(--color-primary) 3%);
}

.app-group-invitations__invite-meta span[b-p6z1xvr6i2] {
display: block;
margin-bottom: var(--space-1);
color: var(--color-text-muted);
}

.app-group-invitations__invite-meta strong[b-p6z1xvr6i2] {
color: var(--color-text);
font-size: var(--font-size-body);
}

.app-group-invitations__invite-actions[b-p6z1xvr6i2] {
justify-content: flex-end;
padding: var(--space-4);
border-top: 1px solid var(--color-border);
background: color-mix(in srgb, var(--color-surface-strong) 88%, var(--color-primary) 2%);
}

@media (max-width: 980px) {
.app-group-invitations__invite-meta[b-p6z1xvr6i2] {
grid-template-columns: 1fr;
}
}

@media (max-width: 520px) {
.app-group-invitations[b-p6z1xvr6i2] {
gap: var(--space-5);
}
.app-group-invitations__header[b-p6z1xvr6i2] {
align-items: flex-start;
flex-direction: column;
gap: var(--space-4);
}
.app-group-invitations__invite-toggle[b-p6z1xvr6i2] {
align-items: flex-start;
flex-direction: column;
}
.app-group-invitations[b-p6z1xvr6i2]  .app-group-invitations__tabs .tovelin-tabs__tab {
flex: 1 1 0;
justify-content: center;
padding: var(--space-4) var(--space-2);
}
.app-group-invitations[b-p6z1xvr6i2]  .app-group-invitations__composer .tovelin-modal__footer {
display: grid;
grid-template-columns: 1fr;
}
.app-group-invitations[b-p6z1xvr6i2]  .app-group-invitations__composer .tovelin-modal__footer .tovelin-btn {
width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/Groups.razor.rz.scp.css */
.app-groups[b-bpxrzwiqm1] {
display: grid;
gap: var(--space-6);
padding-bottom: var(--space-8);
}

.app-groups[b-bpxrzwiqm1]  .app-groups__section-divider {
margin: 0;
}

.app-groups__summary-label[b-bpxrzwiqm1], .app-groups__summary-value[b-bpxrzwiqm1] { margin: 0; }

.app-groups__load-error[b-bpxrzwiqm1] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); border: 1px solid color-mix(in srgb, var(--color-danger) 26%, var(--color-border)); border-radius: var(--radius-xl); background: color-mix(in srgb, var(--color-danger) 8%, var(--color-surface)); }
.app-groups__load-error > .tovelin-alert[b-bpxrzwiqm1] { flex: 1 1 auto; min-width: 0; }

.app-groups__workspace-section[b-bpxrzwiqm1] { display: grid; gap: var(--space-4); }
.app-groups__workspace-section[b-bpxrzwiqm1]  .app-groups__section-heading { margin: 0; }
.app-groups__workspace-section[b-bpxrzwiqm1]  .app-groups__section-heading .tovelin-section-header__actions { margin-inline-start: auto; }
.app-groups__workspace-section[b-bpxrzwiqm1]  .app-groups__new-group-button {
min-height: 2.125rem;
padding: var(--space-2) var(--space-4);
border: 0;
border-radius: var(--radius-pill);
background: var(--color-primary);
color: #fff;
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
box-shadow: none;
}
.app-groups__workspace-section[b-bpxrzwiqm1]  .app-groups__new-group-button:hover { background: var(--color-primary-dark); transform: none; box-shadow: none; }
.app-groups__workspace-section[b-bpxrzwiqm1]  .app-groups__new-group-button:active { transform: translateY(1px); box-shadow: none; }
@media (pointer: coarse) {
.app-groups__workspace-section[b-bpxrzwiqm1]  .app-groups__new-group-button { min-height: 2.75rem; }
}

.app-groups__workspace[b-bpxrzwiqm1] { display: grid; grid-template-columns: minmax(15rem, 0.9fr) minmax(0, 1.8fr); gap: var(--space-2); align-items: stretch; }
.app-groups__navigator[b-bpxrzwiqm1], .app-groups__workspace-detail[b-bpxrzwiqm1] { min-width: 0; }
.app-groups__navigator[b-bpxrzwiqm1] { display: grid; align-content: start; gap: var(--space-4); padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); box-shadow: var(--shadow-sm); }

.app-groups__filters[b-bpxrzwiqm1] { display: grid; gap: var(--space-2); }
.app-groups__filter-toolbar[b-bpxrzwiqm1] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2); align-items: stretch; }
.app-groups__search[b-bpxrzwiqm1] { display: flex; align-items: center; gap: var(--space-2); min-width: 0; min-height: 2.75rem; padding: 0.65rem 0.8rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-text-soft); }
.app-groups__search:focus-within[b-bpxrzwiqm1] { border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 16%, transparent); }
.app-groups__search input[b-bpxrzwiqm1] { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--color-text); font: inherit; }
.app-groups__search input[b-bpxrzwiqm1]::placeholder { color: var(--color-text-muted); }

.app-groups__filter-toggle[b-bpxrzwiqm1] { display: inline-grid; place-items: center; width: 2.75rem; min-height: 2.75rem; padding: 0; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-text); font: inherit; cursor: pointer; }
.app-groups__filter-toggle:hover[b-bpxrzwiqm1], .app-groups__filter-toggle--active[b-bpxrzwiqm1] { border-color: color-mix(in srgb, var(--color-primary) 38%, var(--color-border)); background: color-mix(in srgb, var(--section-blue) 52%, var(--color-surface)); color: var(--color-primary); }
.app-groups__filter-toggle:focus-visible[b-bpxrzwiqm1], .app-groups__filter-chip:focus-visible[b-bpxrzwiqm1], .app-groups__group-row:focus-visible[b-bpxrzwiqm1], .app-groups__member-disclosure-toggle:focus-visible[b-bpxrzwiqm1], .app-groups__show-all-button:focus-visible[b-bpxrzwiqm1], .app-groups__more-goals-button:focus-visible[b-bpxrzwiqm1], .app-groups__open-group-link:focus-visible[b-bpxrzwiqm1], .app-groups__goal-row:focus-visible[b-bpxrzwiqm1] { outline: 3px solid color-mix(in srgb, var(--color-primary) 42%, transparent); outline-offset: 3px; }

.app-groups__filter-stack[b-bpxrzwiqm1] { display: grid; gap: var(--space-2); padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--section-blue) 28%, var(--color-surface)); animation: groups-filters-in-b-bpxrzwiqm1 160ms ease-out both; }
.app-groups__filter-chip-row[b-bpxrzwiqm1] { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.app-groups__filter-chip[b-bpxrzwiqm1] { min-height: 2rem; padding: 0.35rem 0.7rem; border: 1px solid var(--color-border); border-radius: var(--radius-full); background: var(--color-surface); color: var(--color-text-soft); font: inherit; font-size: var(--font-size-caption); font-weight: var(--font-weight-semibold); cursor: pointer; }
.app-groups__filter-chip:hover[b-bpxrzwiqm1], .app-groups__filter-chip--selected[b-bpxrzwiqm1] { border-color: color-mix(in srgb, var(--color-primary) 40%, var(--color-border)); background: color-mix(in srgb, var(--section-blue) 62%, var(--color-surface)); color: var(--color-primary); }

.app-groups__list[b-bpxrzwiqm1] { display: grid; gap: var(--space-2); }
.app-groups__group-row[b-bpxrzwiqm1] { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); width: 100%; min-width: 0; padding: var(--space-4) var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: color-mix(in srgb, var(--section-blue) 24%, var(--color-surface)); color: inherit; font: inherit; text-align: left; cursor: pointer; transition: background-color 160ms ease, border-color 160ms ease; }
.app-groups__group-row:hover[b-bpxrzwiqm1] { border-color: var(--color-primary); background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface)); }
.app-groups__group-row--selected[b-bpxrzwiqm1] { border-color: color-mix(in srgb, var(--color-primary) 50%, var(--color-border)); background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface)); }
.app-groups__group-row--selected[b-bpxrzwiqm1]::before { content: ""; position: absolute; inset: var(--space-2) auto var(--space-2) 0; width: 4px; border-radius: var(--radius-full); background: var(--color-primary); }
.app-groups__group-monogram[b-bpxrzwiqm1] { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; border-radius: var(--radius-full); background: var(--section-blue); color: var(--color-text); font-size: var(--font-size-body); font-weight: var(--font-weight-medium); }
.app-groups__group-row--selected .app-groups__group-monogram[b-bpxrzwiqm1] { background: color-mix(in srgb, var(--section-yellow) 75%, var(--color-surface)); }
.app-groups__group-copy[b-bpxrzwiqm1] { display: grid; gap: var(--space-1); min-width: 0; }
.app-groups__group-copy strong[b-bpxrzwiqm1], .app-groups__group-copy span[b-bpxrzwiqm1] { overflow-wrap: anywhere; }
.app-groups__group-copy strong[b-bpxrzwiqm1] { color: var(--color-text); font-family: var(--font-heading); font-weight: var(--font-weight-semibold); font-size: var(--font-size-body); line-height: 1.25; }
.app-groups__group-copy span[b-bpxrzwiqm1] { color: var(--color-text-soft); font-size: var(--font-size-caption); }
.app-groups__group-row > i[b-bpxrzwiqm1] { color: var(--color-text-muted); }
.app-groups__group-row--selected > i[b-bpxrzwiqm1] { display: grid; place-items: center; width: 1.4rem; height: 1.4rem; border-radius: var(--radius-full); background: var(--color-primary); color: var(--color-on-primary); font-size: var(--font-size-caption); }

.app-groups__filter-empty[b-bpxrzwiqm1], .app-groups__list-loading[b-bpxrzwiqm1] { display: grid; gap: var(--space-3); padding: var(--space-4); border: 1px dashed var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.app-groups__list-loading[b-bpxrzwiqm1] { grid-template-columns: auto minmax(0, 1fr); align-items: center; }
.app-groups__filter-empty h3[b-bpxrzwiqm1], .app-groups__filter-empty p[b-bpxrzwiqm1], .app-groups__list-loading h3[b-bpxrzwiqm1], .app-groups__list-loading p[b-bpxrzwiqm1] { margin: 0; }
.app-groups__filter-empty h3[b-bpxrzwiqm1], .app-groups__list-loading h3[b-bpxrzwiqm1] { color: var(--color-text); font-size: var(--font-size-small); }
.app-groups__filter-empty p[b-bpxrzwiqm1], .app-groups__list-loading p[b-bpxrzwiqm1] { margin-top: var(--space-1); color: var(--color-text-soft); font-size: var(--font-size-caption); }

.app-groups__workspace-detail[b-bpxrzwiqm1]  .app-groups__selected-panel { height: 100%; padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.app-groups__workspace-detail[b-bpxrzwiqm1]  .app-groups__selected-panel > .tovelin-card__body { display: grid; align-content: start; gap: 0; }
.app-groups__selected-panel-header[b-bpxrzwiqm1] { display: grid; grid-template-columns: minmax(0, 1fr) 9rem; align-items: start; gap: var(--space-3); padding-bottom: var(--space-3); }
.app-groups__selected-panel-toolbar[b-bpxrzwiqm1] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); min-width: 0; grid-column: 1; grid-row: 1; }
.app-groups__selected-panel-heading-copy[b-bpxrzwiqm1] { grid-column: 1; grid-row: 2; }
.app-groups__group-illustration[b-bpxrzwiqm1] { grid-column: 2; grid-row: 1 / span 2; }
.app-groups__group-illustration[b-bpxrzwiqm1] { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.app-groups__context-people[b-bpxrzwiqm1] { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-2); }
.app-groups__context-person[b-bpxrzwiqm1] { display: flex; align-items: center; gap: var(--space-2); min-width: 0; max-width: 100%; font-size: var(--font-size-small); }
.app-groups__context-person > span[b-bpxrzwiqm1] { min-width: 0; overflow-wrap: anywhere; }
.app-groups__context-initials[b-bpxrzwiqm1] { width: 2rem; height: 2rem; flex-shrink: 0; display: grid; place-items: center; font-size: var(--font-size-caption); font-weight: var(--font-weight-semibold); border-radius: var(--radius-full); background: color-mix(in srgb, var(--section-blue) 45%, var(--color-surface)); }
.app-groups__context-person:nth-child(2) .app-groups__context-initials[b-bpxrzwiqm1] { background: color-mix(in srgb, var(--section-yellow) 40%, var(--color-surface)); }
.app-groups__selected-panel-heading-copy[b-bpxrzwiqm1] { display: grid; gap: var(--space-2); min-width: 0; }
.app-groups__section-kicker[b-bpxrzwiqm1] { margin: 0; color: var(--color-primary); font-size: var(--font-size-caption); font-weight: var(--font-weight-bold); letter-spacing: 0.12em; text-transform: uppercase; }
.app-groups__selected-panel-header h2[b-bpxrzwiqm1], .app-groups__selected-panel-description[b-bpxrzwiqm1] { margin: 0; overflow-wrap: anywhere; }
.app-groups__selected-panel-header h2[b-bpxrzwiqm1] { color: var(--color-text); font-size: clamp(1.45rem, 2.5vw, 2rem); font-weight: var(--font-weight-bold); letter-spacing: -0.02em; }
.app-groups__selected-panel-description[b-bpxrzwiqm1] { max-width: 48rem; color: var(--color-text-soft); line-height: 1.55; }
.app-groups__workspace-detail[b-bpxrzwiqm1]  .app-groups__change-group-button { display: none; flex: 0 0 auto; }

.app-groups__member-disclosures[b-bpxrzwiqm1] { display: grid; gap: 0; }
.app-groups__member-heading[b-bpxrzwiqm1] { display: flex; align-items: center; gap: var(--space-2); }
.app-groups__member-heading .app-groups__member-disclosure-toggle[b-bpxrzwiqm1] { flex: 1; min-width: 0; }
.app-groups__add-member[b-bpxrzwiqm1] { display: inline-grid; place-items: center; flex: 0 0 2rem; min-height: 2rem; padding: 0; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--color-text-soft); font-size: 0.75rem; cursor: pointer; }
.app-groups__add-member:hover[b-bpxrzwiqm1] { background: color-mix(in srgb, var(--section-blue) 40%, transparent); color: var(--color-text); }
.app-groups__add-member:focus-visible[b-bpxrzwiqm1] { outline: 3px solid var(--color-secondary); outline-offset: 2px; }
@media (pointer: coarse) {
.app-groups__add-member[b-bpxrzwiqm1] { flex-basis: 2.75rem; min-height: 2.75rem; }
}
.app-groups__member-disclosure[b-bpxrzwiqm1] { border-top: 1px solid var(--color-border); background: transparent; }
.app-groups__member-disclosure-toggle[b-bpxrzwiqm1] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); width: 100%; min-height: 2.75rem; padding: var(--space-2) 0; border: 0; background: transparent; color: var(--color-text); font: inherit; text-align: left; cursor: pointer; }
.app-groups__member-disclosure-title strong[b-bpxrzwiqm1] { font-family: var(--font-heading); font-size: var(--font-size-body-lg); font-weight: var(--font-weight-semibold); }
.app-groups__member-disclosure-toggle:hover[b-bpxrzwiqm1] { background: color-mix(in srgb, var(--section-mint) 40%, transparent); }
.app-groups__member-disclosure-title[b-bpxrzwiqm1] { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
.app-groups__member-disclosure-title > span[b-bpxrzwiqm1] { display: inline-grid; place-items: center; min-width: 1.6rem; min-height: 1.6rem; padding-inline: 0.35rem; border-radius: var(--radius-full); background: var(--color-surface); color: var(--color-text-soft); font-size: var(--font-size-caption); font-weight: var(--font-weight-bold); }
.app-groups__member-disclosure-toggle--mentors .app-groups__member-disclosure-title > i[b-bpxrzwiqm1] { color: color-mix(in srgb, var(--color-success) 76%, var(--color-text)); }
.app-groups__member-disclosure-toggle--learners .app-groups__member-disclosure-title > i[b-bpxrzwiqm1] { color: color-mix(in srgb, var(--color-primary) 78%, var(--color-text)); }
.app-groups__member-preview[b-bpxrzwiqm1] { display: grid; gap: 0; padding: 0; margin-inline-start: calc(1em + var(--space-2)); animation: groups-disclosure-in-b-bpxrzwiqm1 160ms ease-out both; }
.app-groups__selected-panel-person[b-bpxrzwiqm1] { color: inherit; text-decoration: none; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--space-3); min-width: 0; padding: var(--space-1) 0; border-top: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent); }
.app-groups__selected-panel-person strong[b-bpxrzwiqm1] { color: var(--color-text); font-size: var(--font-size-caption); line-height: 1.35; font-weight: var(--font-weight-regular); overflow-wrap: anywhere; }
.app-groups__selected-panel-chip[b-bpxrzwiqm1] { width: 1.5rem; height: 1.5rem; display: grid; place-items: center; border-radius: var(--radius-full); background: color-mix(in srgb, var(--section-blue) 70%, var(--color-surface)); color: var(--color-text); font-size: var(--font-size-caption); font-weight: var(--font-weight-bold); }
.app-groups__show-all-button[b-bpxrzwiqm1], .app-groups__more-goals-button[b-bpxrzwiqm1] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); width: 100%; min-height: 2.75rem; padding: var(--space-2) var(--space-3); border: 0; border-radius: var(--radius-lg); background: color-mix(in srgb, var(--section-blue) 42%, var(--color-surface)); color: var(--color-primary); font: inherit; font-size: var(--font-size-small); font-weight: var(--font-weight-semibold); text-align: left; cursor: pointer; }
.app-groups__show-all-button:hover[b-bpxrzwiqm1], .app-groups__more-goals-button:hover[b-bpxrzwiqm1] { background: color-mix(in srgb, var(--section-blue) 62%, var(--color-surface)); }
.app-groups__member-empty[b-bpxrzwiqm1], .app-groups__goal-empty[b-bpxrzwiqm1] { margin: 0; padding: var(--space-3); color: var(--color-text-soft); font-size: var(--font-size-small); line-height: 1.5; }

.app-groups__selected-goals[b-bpxrzwiqm1] { display: grid; gap: var(--space-2); border-top: 1px solid var(--color-border); padding-block: var(--space-2); }
.app-groups__selected-goals-heading[b-bpxrzwiqm1] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.app-groups__selected-goals-heading h3[b-bpxrzwiqm1], .app-groups__selected-goals-heading span[b-bpxrzwiqm1] { margin: 0; }
.app-groups__selected-goals-heading h3[b-bpxrzwiqm1] { color: var(--color-text); font-size: var(--font-size-body); }
.app-groups__selected-goals-heading > span[b-bpxrzwiqm1] { color: var(--color-text-soft); font-size: var(--font-size-caption); font-weight: var(--font-weight-semibold); }
.app-groups__goal-list[b-bpxrzwiqm1] { display: grid; gap: 0; }
.app-groups__goal-row[b-bpxrzwiqm1] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--space-3); width: 100%; min-width: 0; min-height: 2.75rem; padding: var(--space-1) 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.app-groups__goal-row:hover[b-bpxrzwiqm1] { background: color-mix(in srgb, var(--section-blue) 12%, var(--color-surface)); }
.app-groups__goal-icon[b-bpxrzwiqm1] { width: 2.25rem; height: 2.25rem; display: grid; place-items: center; border-radius: var(--radius-full); background: color-mix(in srgb, var(--section-blue) 40%, var(--color-surface)); }
.app-groups__goal-row:nth-child(even) .app-groups__goal-icon[b-bpxrzwiqm1] { background: color-mix(in srgb, var(--section-yellow) 50%, var(--color-surface)); }
.app-groups__goal-icon img[b-bpxrzwiqm1] { width: 1.75rem; height: 1.75rem; object-fit: contain; }
.app-groups__goal-content[b-bpxrzwiqm1], .app-groups__goal-copy[b-bpxrzwiqm1] { display: grid; gap: 0.125rem; min-width: 0; }
.app-groups__goal-copy[b-bpxrzwiqm1] { gap: 0; line-height: 1.3; }
.app-groups__goal-copy strong[b-bpxrzwiqm1], .app-groups__goal-copy > span[b-bpxrzwiqm1] { overflow-wrap: anywhere; }
.app-groups__goal-copy strong[b-bpxrzwiqm1] { color: var(--color-text); font-size: var(--font-size-caption); }
.app-groups__goal-copy > span[b-bpxrzwiqm1] { color: var(--color-text-soft); font-size: var(--font-size-caption); }
.app-groups__goal-bar[b-bpxrzwiqm1] { width: 100%; height: 0.35rem; overflow: hidden; border-radius: var(--radius-full); background: var(--color-surface-muted); }
.app-groups__goal-bar span[b-bpxrzwiqm1] { display: block; height: 100%; border-radius: inherit; background: color-mix(in srgb, var(--color-primary) 72%, var(--color-surface)); }
.app-groups__more-goals-button > span[b-bpxrzwiqm1] { display: inline-flex; align-items: center; gap: var(--space-2); }

.app-groups__selected-panel-footer[b-bpxrzwiqm1] { display: flex; justify-content: flex-end; padding-top: var(--space-2); border-top: 1px solid var(--color-border); }
.app-groups__open-group-link[b-bpxrzwiqm1] { display: inline-flex; align-items: center; justify-content: flex-end; gap: var(--space-2); min-height: 2.75rem; padding: var(--space-2) 0; color: var(--color-primary-dark); font-size: var(--font-size-small); font-weight: var(--font-weight-medium); text-decoration: none; }
.app-groups__open-group-link:hover[b-bpxrzwiqm1] { text-decoration: underline; }
.app-groups__show-all-button[b-bpxrzwiqm1] { justify-content: flex-start; padding-inline: 0; background: transparent; }

@keyframes groups-filters-in-b-bpxrzwiqm1 { from { opacity: 0; transform: translateY(-0.25rem); } to { opacity: 1; transform: translateY(0); } }
@keyframes groups-disclosure-in-b-bpxrzwiqm1 { from { opacity: 0; transform: translateY(-0.2rem); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 700px) {
.app-groups__workspace[b-bpxrzwiqm1] { grid-template-columns: minmax(0, 1fr); }
.app-groups__navigator[b-bpxrzwiqm1] { display: none; }
.app-groups__selected-panel-toolbar[b-bpxrzwiqm1] { grid-column: 1 / -1; }
.app-groups__group-illustration[b-bpxrzwiqm1] { grid-row: 2; }
.app-groups__workspace-detail[b-bpxrzwiqm1]  .app-groups__change-group-button { display: inline-flex; margin-inline-start: auto; }
}

@media (max-width: 640px) {
.app-groups[b-bpxrzwiqm1] { gap: var(--space-5); padding-bottom: calc(4rem + var(--safe-area-bottom, 0px)); }
.app-groups__load-error[b-bpxrzwiqm1] { display: grid; }
.app-groups__selected-panel-header[b-bpxrzwiqm1] { grid-template-columns: minmax(0, 1fr) 5rem; }
.app-groups__load-error .tovelin-btn[b-bpxrzwiqm1] { justify-self: start; }
.app-groups__workspace-detail[b-bpxrzwiqm1]  .app-groups__selected-panel { gap: var(--space-4); padding: var(--space-4); border-radius: var(--radius-xl); }
.app-groups__member-disclosure-toggle[b-bpxrzwiqm1], .app-groups__member-preview[b-bpxrzwiqm1] { padding-inline: 0; }
.app-groups__selected-panel-footer[b-bpxrzwiqm1], .app-groups__selected-panel-footer .app-groups__open-group-link[b-bpxrzwiqm1] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
.app-groups__filter-stack[b-bpxrzwiqm1], .app-groups__member-preview[b-bpxrzwiqm1] { animation: none; }
.app-groups__group-row[b-bpxrzwiqm1], .app-groups__goal-row[b-bpxrzwiqm1] { transition: none; }
}

.app-groups__selected-panel-person[href]:hover[b-bpxrzwiqm1], .app-groups__selected-panel-person[href]:focus-visible[b-bpxrzwiqm1] { background: color-mix(in srgb, var(--section-blue) 45%, var(--color-surface)); text-decoration: none; }
.app-groups__selected-panel-person[href]:hover strong[b-bpxrzwiqm1], .app-groups__selected-panel-person[href]:focus-visible strong[b-bpxrzwiqm1] { text-decoration: none; }
.app-groups__selected-panel-person[href]:focus-visible[b-bpxrzwiqm1] { outline: 2px solid var(--color-primary); outline-offset: 2px; }
@media (pointer: coarse) {
.app-groups__selected-panel-person[href][b-bpxrzwiqm1] { min-height: 2.75rem; }
}
.app-groups__capacity-usage[b-bpxrzwiqm1] { margin-block: var(--space-4); }
.app-groups__capacity-usage > div[b-bpxrzwiqm1] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-2); padding-block: var(--space-2); border-bottom: 1px solid var(--color-border); }
.app-groups__capacity-usage dt[b-bpxrzwiqm1] { font-weight: var(--font-weight-regular); }
.app-groups__capacity-usage dd[b-bpxrzwiqm1] { margin: 0; font-weight: var(--font-weight-semibold); }
/* _content/Tovelin.Shared.UI/Pages/App/Journey.razor.rz.scp.css */
:host[b-hznmbzr4a8] {
display: block;
}

.app-journey[b-hznmbzr4a8] {
display: grid;
gap: var(--space-6);
}

.app-journey__selector-panel[b-hznmbzr4a8] {
display: grid;
gap: var(--space-4);
}

.app-journey__selector[b-hznmbzr4a8] {
display: grid;
gap: var(--space-3);
}

.app-journey__selector-help[b-hznmbzr4a8] {
margin: 0;
}

.app-journey__metrics[b-hznmbzr4a8] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-4);
}

.app-journey__current-copy[b-hznmbzr4a8] {
margin: 0;
}

.app-journey__current-actions[b-hznmbzr4a8] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: center;
}

.app-journey__cards[b-hznmbzr4a8] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-4);
}

.app-journey__card-copy[b-hznmbzr4a8] {
margin: 0;
}

.app-journey__card-actions[b-hznmbzr4a8] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: center;
}

@media (max-width: 1100px) {
.app-journey__metrics[b-hznmbzr4a8],
.app-journey__cards[b-hznmbzr4a8] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/LearnerAccess.razor.rz.scp.css */
:host[b-bpp014bq5g] {
display: block;
}

.app-learner-access[b-bpp014bq5g] {
display: grid;
gap: var(--space-6);
}

.app-learner-access__breadcrumb[b-bpp014bq5g] {
margin-bottom: calc(-1 * var(--space-2));
}

.app-learner-access__header[b-bpp014bq5g] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-6);
align-items: end;
padding-bottom: var(--space-5);
border-bottom: 1px solid var(--color-border);
}

.app-learner-access__kicker[b-bpp014bq5g],
.app-learner-access__header h1[b-bpp014bq5g],
.app-learner-access__header-text[b-bpp014bq5g],
.app-learner-access__section-heading h2[b-bpp014bq5g],
.app-learner-access__section-heading p[b-bpp014bq5g],
.app-learner-access__capability-group h3[b-bpp014bq5g] {
margin: 0;
}

.app-learner-access__kicker[b-bpp014bq5g] {
margin-bottom: var(--space-2);
color: var(--color-primary);
letter-spacing: 0;
}

.app-learner-access__header h1[b-bpp014bq5g] {
font-size: 2rem;
line-height: 1.2;
}

.app-learner-access__header-text[b-bpp014bq5g],
.app-learner-access__section-heading p[b-bpp014bq5g] {
max-width: 42rem;
margin-top: var(--space-2);
color: var(--color-text-muted);
line-height: 1.6;
}

.app-learner-access__status-card[b-bpp014bq5g] {
border-radius: var(--radius-lg);
}

.app-learner-access__status-head[b-bpp014bq5g],
.app-learner-access__button-row[b-bpp014bq5g] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
}

.app-learner-access__facts[b-bpp014bq5g] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-4);
margin: var(--space-5) 0;
}

.app-learner-access__facts > div[b-bpp014bq5g] {
min-width: 0;
padding-inline-start: var(--space-3);
border-inline-start: 3px solid var(--color-border);
}

.app-learner-access__facts dt[b-bpp014bq5g] {
color: var(--color-text-muted);
font-size: var(--font-size-sm);
}

.app-learner-access__facts dd[b-bpp014bq5g] {
margin: var(--space-1) 0 0;
overflow-wrap: anywhere;
font-weight: 700;
}

.app-learner-access__capabilities[b-bpp014bq5g] {
display: grid;
gap: var(--space-5);
padding-top: var(--space-2);
}

.app-learner-access__capability-grid[b-bpp014bq5g] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-6);
}

.app-learner-access__capability-group[b-bpp014bq5g] {
padding-top: var(--space-4);
border-top: 1px solid var(--color-border);
}

.app-learner-access__capability-group h3[b-bpp014bq5g] {
display: flex;
gap: var(--space-2);
align-items: center;
font-size: 1rem;
}

.app-learner-access__capability-group ul[b-bpp014bq5g] {
display: grid;
gap: var(--space-2);
margin: var(--space-3) 0 0;
padding-left: 1.25rem;
color: var(--color-text-muted);
}

@media (max-width: 760px) {
.app-learner-access__header[b-bpp014bq5g],
.app-learner-access__facts[b-bpp014bq5g],
.app-learner-access__capability-grid[b-bpp014bq5g] {
grid-template-columns: 1fr;
}
.app-learner-access__header[b-bpp014bq5g] {
align-items: start;
}
.app-learner-access__button-row > *[b-bpp014bq5g] {
width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/LearnerDashboard.razor.rz.scp.css */
:host[b-kpqs90tpu8] {
display: block;
}

.app-learner-dashboard[b-kpqs90tpu8] {
display: grid;
gap: var(--space-6);
min-width: 0;
max-width: 100%;
}

.app-learner-dashboard__breadcrumb[b-kpqs90tpu8] {
margin-bottom: 0;
}

.app-learner-dashboard__empty-panel[b-kpqs90tpu8] {
border: 1px solid color-mix(in srgb, var(--color-border) 84%, transparent);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.app-learner-dashboard__hero-groups[b-kpqs90tpu8] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

.app-learner-dashboard__hero-actions[b-kpqs90tpu8] {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--space-2);
flex: 0 0 auto;
}

.app-learner-dashboard__hero-groups a[b-kpqs90tpu8] {
color: var(--color-muted);
text-decoration: none;
overflow-wrap: anywhere;
}

.app-learner-dashboard__hero-groups a:hover[b-kpqs90tpu8] {
text-decoration: underline;
}

.app-learner-dashboard__hero-actions[b-kpqs90tpu8]  .tovelin-icon-btn {
border-radius: 50%;
background: var(--color-surface);
width: 2.75rem;
height: 2.75rem;
color: var(--color-text);
}

.app-learner-dashboard__hero-actions[b-kpqs90tpu8]  .tovelin-btn {
color: var(--color-text);
min-height: 2.75rem;
}

.app-learner-dashboard__hero-actions[b-kpqs90tpu8]  .tovelin-btn,
.app-learner-dashboard__callout[b-kpqs90tpu8]  .tovelin-btn,
.app-learner-dashboard__goal-footer[b-kpqs90tpu8]  .tovelin-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
}

.app-learner-dashboard__balance[b-kpqs90tpu8] {
display: grid;
gap: var(--space-4);
min-width: 0;
}

.app-learner-dashboard__section-heading h2[b-kpqs90tpu8],
.app-learner-dashboard__section-title[b-kpqs90tpu8],
.app-learner-dashboard__side-heading h2[b-kpqs90tpu8] {
margin: 0;
font-size: var(--font-size-h4);
line-height: var(--line-height-tight);
font-weight: var(--font-weight-extrabold);
letter-spacing: 0;
}

.app-learner-dashboard__workspace[b-kpqs90tpu8],
.app-learner-dashboard__section[b-kpqs90tpu8] {
display: grid;
gap: var(--space-4);
min-width: 0;
}

.app-learner-dashboard[b-kpqs90tpu8]  .app-learner-dashboard__section-divider {
margin: 0;
}

.app-learner-dashboard__workspace[b-kpqs90tpu8]  .app-learner-dashboard__profile-tabs {
gap: var(--space-6);
}

.app-learner-dashboard__workspace[b-kpqs90tpu8]  .app-learner-dashboard__profile-tabs > .tovelin-tabs__panel {
align-content: start;
}

.app-learner-dashboard__workspace[b-kpqs90tpu8]  .app-learner-dashboard__profile-tabs > .tovelin-tabs__list {
flex-wrap: nowrap;
max-width: 100%;
min-width: 0;
border-bottom: 1px solid var(--color-border);
}

.app-learner-dashboard__workspace[b-kpqs90tpu8]  .app-learner-dashboard__profile-tabs > .tovelin-tabs__list > .tovelin-tabs__tab {
min-height: 2.75rem;
flex: 0 0 auto;
white-space: nowrap;
margin: 0;
padding: var(--space-3) var(--space-5);
border: 0;
border-bottom: 3px solid transparent;
border-radius: 0;
background: transparent;
box-shadow: none;
font-size: var(--font-size-body);
color: var(--color-text);
}

.app-learner-dashboard__workspace[b-kpqs90tpu8]  .app-learner-dashboard__profile-tabs > .tovelin-tabs__list > .tovelin-tabs__tab--selected {
border-bottom-color: var(--color-primary-dark);
color: var(--color-primary-dark);
font-weight: var(--font-weight-semibold);
}

.app-learner-dashboard__workspace[b-kpqs90tpu8]  .tovelin-tabs__tab:focus-visible {
outline: 2px solid var(--color-text);
outline-offset: -3px;
}

.app-learner-dashboard__workspace[b-kpqs90tpu8]  .app-learner-dashboard__profile-tabs .tovelin-tabs__tab > .tovelin-icon {
color: inherit;
}

.app-learner-dashboard__recent[b-kpqs90tpu8] {
display: grid;
gap: var(--space-2);
padding: var(--space-4) var(--space-3) 0;
border-top: 1px solid var(--color-border);
}

.app-learner-dashboard__recent .app-learner-dashboard__muted[b-kpqs90tpu8] {
padding-left: 1.4rem;
}

.app-learner-dashboard__callout[b-kpqs90tpu8] {
display: flex;
align-items: center;
gap: var(--space-4);
padding: var(--space-5);
border: 1px solid color-mix(in srgb, var(--color-warning) 28%, var(--color-border));
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-warning) 12%, var(--color-surface));
box-shadow: var(--shadow-sm);
}

.app-learner-dashboard__callout-copy[b-kpqs90tpu8] {
flex: 1 1 auto;
}

.app-learner-dashboard__callout-action[b-kpqs90tpu8] {
margin-left: auto;
flex: 0 0 auto;
}

.app-learner-dashboard__callout-icon[b-kpqs90tpu8],
.app-learner-dashboard__goal-icon[b-kpqs90tpu8],
.app-learner-dashboard__activity-icon[b-kpqs90tpu8],
.app-learner-dashboard__empty-panel i[b-kpqs90tpu8] {
display: grid;
place-items: center;
flex: 0 0 auto;
}

.app-learner-dashboard__callout-icon[b-kpqs90tpu8] {
width: 3rem;
height: 3rem;
border-radius: var(--radius-lg);
background: var(--color-surface);
color: var(--color-primary-dark);
}

.app-learner-dashboard__callout-copy[b-kpqs90tpu8] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.app-learner-dashboard__callout-copy h2[b-kpqs90tpu8] {
margin: 0;
font-size: var(--font-size-h4);
font-weight: var(--font-weight-extrabold);
line-height: var(--line-height-tight);
}

.app-learner-dashboard__callout-meta[b-kpqs90tpu8] {
display: flex;
flex-wrap: wrap;
gap: var(--space-4);
color: var(--color-muted);
font-size: var(--font-size-small);
}

.app-learner-dashboard__callout-meta span[b-kpqs90tpu8] {
display: inline-flex;
align-items: center;
gap: var(--space-1-5);
}

.app-learner-dashboard__section-heading--row[b-kpqs90tpu8] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
}

.app-learner-dashboard__section-card[b-kpqs90tpu8] {
padding: var(--space-5);
border: 1px solid color-mix(in srgb, var(--color-border) 84%, transparent);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.app-learner-dashboard__goal-list[b-kpqs90tpu8] {
display: grid;
gap: var(--space-3);
}

.app-learner-dashboard__goal-card[b-kpqs90tpu8] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-4);
padding: var(--space-5);
border: 1px solid color-mix(in srgb, var(--color-border) 84%, transparent);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.app-learner-dashboard__goal-card--button[b-kpqs90tpu8] {
cursor: pointer;
transition: border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);
}

.app-learner-dashboard__goal-card--button:hover[b-kpqs90tpu8] {
border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-border));
transform: translateY(-1px);
}

.app-learner-dashboard__goal-icon[b-kpqs90tpu8] {
width: 2.75rem;
height: 2.75rem;
border-radius: var(--radius-lg);
color: color-mix(in srgb, var(--color-foreground) 72%, var(--color-muted));
}

.app-learner-dashboard__goal-icon--blue[b-kpqs90tpu8] {
background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));
}

.app-learner-dashboard__goal-icon--yellow[b-kpqs90tpu8] {
background: color-mix(in srgb, var(--color-warning) 16%, var(--color-surface));
}

.app-learner-dashboard__goal-body[b-kpqs90tpu8] {
display: grid;
gap: var(--space-3);
min-width: 0;
}

.app-learner-dashboard__goal-header[b-kpqs90tpu8],
.app-learner-dashboard__goal-footer[b-kpqs90tpu8] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
}

.app-learner-dashboard__goal-name[b-kpqs90tpu8],
.app-learner-dashboard__goal-text[b-kpqs90tpu8],
.app-learner-dashboard__goal-footer p[b-kpqs90tpu8] {
margin: 0;
}

.app-learner-dashboard__goal-name[b-kpqs90tpu8] {
font-size: var(--font-size-lg);
font-weight: var(--font-weight-extrabold);
line-height: var(--line-height-tight);
}

.app-learner-dashboard__goal-text[b-kpqs90tpu8],
.app-learner-dashboard__goal-footer p[b-kpqs90tpu8],
.app-learner-dashboard__muted[b-kpqs90tpu8],
.app-learner-dashboard__side-note[b-kpqs90tpu8] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.app-learner-dashboard__goal-progress[b-kpqs90tpu8] {
display: grid;
gap: var(--space-2);
}

.app-learner-dashboard__goal-progress-header[b-kpqs90tpu8] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
color: var(--color-muted);
font-size: var(--font-size-small);
}

.app-learner-dashboard__goal-progress-header strong[b-kpqs90tpu8] {
color: var(--color-foreground);
font-weight: var(--font-weight-semibold);
white-space: nowrap;
}

.app-learner-dashboard__empty-panel[b-kpqs90tpu8] {
display: grid;
gap: var(--space-2);
justify-items: start;
padding: var(--space-5);
border-radius: var(--radius-xl);
}

.app-learner-dashboard__goal-toggle[b-kpqs90tpu8] {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
justify-self: center;
min-height: 2.25rem;
padding: 0 var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-secondary) 62%, var(--color-border));
border-radius: 999px;
background: var(--color-surface);
color: var(--color-primary);
cursor: pointer;
font: inherit;
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
line-height: 1;
white-space: nowrap;
}

.app-learner-dashboard__savings-heading-actions[b-kpqs90tpu8] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
align-items: center;
justify-content: flex-end;
}

.app-learner-dashboard__goal-toggle:hover[b-kpqs90tpu8] {
background: color-mix(in srgb, var(--color-secondary) 14%, var(--color-surface));
border-color: var(--color-secondary);
}

.app-learner-dashboard__goal-toggle i[b-kpqs90tpu8] {
font-size: 0.85rem;
line-height: 1;
}

.app-learner-dashboard__completed-grid[b-kpqs90tpu8],
.app-learner-dashboard__reward-grid[b-kpqs90tpu8] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.app-learner-dashboard__completed-card[b-kpqs90tpu8],
.app-learner-dashboard__reward-card[b-kpqs90tpu8] {
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 78%, transparent);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-surface) 94%, var(--color-muted));
}

.app-learner-dashboard__completed-card h3[b-kpqs90tpu8],
.app-learner-dashboard__reward-card h3[b-kpqs90tpu8],
.app-learner-dashboard__completed-card p[b-kpqs90tpu8],
.app-learner-dashboard__reward-card p[b-kpqs90tpu8] {
margin: 0;
}

.app-learner-dashboard__completed-card[b-kpqs90tpu8],
.app-learner-dashboard__reward-card div:last-child[b-kpqs90tpu8] {
display: grid;
gap: var(--space-2);
}

.app-learner-dashboard__completed-card p[b-kpqs90tpu8],
.app-learner-dashboard__completed-card span[b-kpqs90tpu8],
.app-learner-dashboard__reward-card p[b-kpqs90tpu8],
.app-learner-dashboard__reward-card span[b-kpqs90tpu8] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.app-learner-dashboard__reward-card[b-kpqs90tpu8] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-3);
}

.app-learner-dashboard__savings-card[b-kpqs90tpu8] {
position: relative;
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
}

.app-learner-dashboard__savings-grid[b-kpqs90tpu8] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.app-learner-dashboard__savings-link[b-kpqs90tpu8] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-3);
min-width: 0;
color: inherit;
text-decoration: none;
cursor: pointer;
}

.app-learner-dashboard__savings-link:hover h3[b-kpqs90tpu8],
.app-learner-dashboard__savings-link:focus-visible h3[b-kpqs90tpu8] {
color: var(--color-primary);
}

.app-learner-dashboard__savings-link:focus-visible[b-kpqs90tpu8] {
outline: 2px solid var(--color-primary);
outline-offset: 4px;
border-radius: var(--radius-md);
}

.app-learner-dashboard__savings-copy[b-kpqs90tpu8] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.app-learner-dashboard__savings-settings[b-kpqs90tpu8] {
align-self: start;
justify-self: end;
}

.app-learner-dashboard__reward-icon[b-kpqs90tpu8] {
display: grid;
place-items: center;
width: 2.5rem;
height: 2.5rem;
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-secondary) 12%, var(--color-surface));
color: var(--color-primary-dark);
}

.app-learner-dashboard__empty-panel--compact[b-kpqs90tpu8] {
padding: var(--space-4);
}

.app-learner-dashboard__empty-panel i[b-kpqs90tpu8] {
width: 2.5rem;
height: 2.5rem;
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));
color: var(--color-primary-dark);
}

.app-learner-dashboard__empty-panel p[b-kpqs90tpu8],
.app-learner-dashboard__empty-panel span[b-kpqs90tpu8],
.app-learner-dashboard__muted[b-kpqs90tpu8],
.app-learner-dashboard__side-note[b-kpqs90tpu8] {
margin: 0;
}

.app-learner-dashboard__empty-panel p[b-kpqs90tpu8] {
font-weight: var(--font-weight-semibold);
}

.app-learner-dashboard__empty-panel span[b-kpqs90tpu8] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.app-learner-dashboard__side-heading[b-kpqs90tpu8] {
display: flex;
align-items: center;
gap: var(--space-2);
}

.app-learner-dashboard__side-heading i[b-kpqs90tpu8] {
color: var(--color-primary-dark);
}

.app-learner-dashboard__activity-stack[b-kpqs90tpu8] {
display: grid;
gap: var(--space-2);
}

.app-learner-dashboard__activity-row span:last-child[b-kpqs90tpu8] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.app-learner-dashboard__activity-row strong[b-kpqs90tpu8] {
font-weight: var(--font-weight-semibold);
}

.app-learner-dashboard__activity-row small[b-kpqs90tpu8] {
color: var(--color-muted);
font-size: var(--font-size-caption);
}

.app-learner-dashboard__activity-row[b-kpqs90tpu8] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-3);
align-items: start;
}

.app-learner-dashboard__activity-icon[b-kpqs90tpu8] {
width: 2rem;
height: 2rem;
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-muted) 10%, var(--color-surface));
color: var(--color-muted);
}

.app-learner-dashboard__side-note[b-kpqs90tpu8] {
padding-top: var(--space-3);
border-top: 1px solid color-mix(in srgb, var(--color-border) 84%, transparent);
}

@media (max-width: 700px) {
.app-learner-dashboard__goal-footer[b-kpqs90tpu8] {
align-items: stretch;
flex-direction: column;
gap: var(--space-4);
}
.app-learner-dashboard__hero-actions[b-kpqs90tpu8] {
justify-content: flex-end;
}
.app-learner-dashboard__workspace[b-kpqs90tpu8]  .app-learner-dashboard__profile-tabs > .tovelin-tabs__list {
display: flex;
}
.app-learner-dashboard__workspace[b-kpqs90tpu8]  .app-learner-dashboard__profile-tabs > .tovelin-tabs__list > .tovelin-tabs__tab {
flex: 1 1 0;
min-width: 2.75rem;
padding: var(--space-2);
gap: var(--space-2);
justify-content: center;
}
.app-learner-dashboard__workspace[b-kpqs90tpu8]  .app-learner-dashboard__profile-tabs > .tovelin-tabs__list > .tovelin-tabs__tab--selected {
flex: 0 1 auto;
}
.app-learner-dashboard__workspace[b-kpqs90tpu8]  .app-learner-dashboard__profile-tabs .tovelin-tabs__tab:not(.tovelin-tabs__tab--selected) > .tovelin-tabs__label {
display: none;
}
.app-learner-dashboard__workspace[b-kpqs90tpu8]  .app-learner-dashboard__profile-tabs .tovelin-tabs__label {
min-width: 0;
white-space: normal;
overflow-wrap: anywhere;
}
}

@media (max-width: 520px) {
.app-learner-dashboard__section-heading--row[b-kpqs90tpu8],
.app-learner-dashboard__callout[b-kpqs90tpu8] {
align-items: stretch;
flex-direction: column;
}
.app-learner-dashboard__completed-grid[b-kpqs90tpu8],
.app-learner-dashboard__reward-grid[b-kpqs90tpu8],
.app-learner-dashboard__savings-grid[b-kpqs90tpu8],
.app-learner-dashboard__goal-card[b-kpqs90tpu8] {
grid-template-columns: 1fr;
}
.app-learner-dashboard__savings-heading-actions[b-kpqs90tpu8] {
justify-content: flex-start;
}
.app-learner-dashboard__callout-action[b-kpqs90tpu8] {
margin-left: 0;
}
}

.app-learner-dashboard__hero[b-kpqs90tpu8] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-5);
min-width: 0;
}
.app-learner-dashboard__hero-main[b-kpqs90tpu8] {
display: flex;
align-items: flex-start;
gap: var(--space-4);
min-width: 0;
}
.app-learner-dashboard__hero-main[b-kpqs90tpu8]  .tovelin-avatar { flex-shrink: 0; }
.app-learner-dashboard__hero-groups a[b-kpqs90tpu8] { color: var(--color-text); }
@media (max-width: 980px) {
.app-learner-dashboard__hero[b-kpqs90tpu8] { flex-direction: column; align-items: stretch; }
.app-learner-dashboard__hero-actions[b-kpqs90tpu8] { justify-content: flex-start; }
}
/* _content/Tovelin.Shared.UI/Pages/App/LearnerGames.razor.rz.scp.css */
:host[b-7kw6ddkt0k] {
display: block;
min-width: 0;
}

.learner-games[b-7kw6ddkt0k] {
min-height: 100dvh;
color: #264653;
background:
radial-gradient(circle at 88% 8%, rgba(168, 218, 220, 0.26), transparent 24rem),
#f8f3eb;
}

.learner-games__body[b-7kw6ddkt0k] {
width: min(100%, 88rem);
margin-inline: auto;
padding: clamp(1.25rem, 3vw, 2.75rem) clamp(1rem, 4vw, 3.25rem) 4rem;
}

.learner-games__state[b-7kw6ddkt0k] {
display: grid;
min-height: 20rem;
place-items: center;
}

.learner-games__back-nav[b-7kw6ddkt0k] {
margin-bottom: clamp(1.25rem, 2vw, 2rem);
}

.learner-games__home-link[b-7kw6ddkt0k],
.learner-games__level-back[b-7kw6ddkt0k] {
display: inline-flex;
align-items: center;
gap: 0.65rem;
min-height: 2.75rem;
color: #264653;
font-weight: 700;
text-decoration: none;
}

.learner-games__home-link:hover[b-7kw6ddkt0k],
.learner-games__level-back:hover[b-7kw6ddkt0k] {
color: #bf5f49;
}

.learner-games__home-link:focus-visible[b-7kw6ddkt0k],
.learner-games__level-back:focus-visible[b-7kw6ddkt0k],
.learner-games__listen:focus-visible[b-7kw6ddkt0k],
.learner-games__open:focus-visible[b-7kw6ddkt0k],
.learner-games__play:focus-visible[b-7kw6ddkt0k] {
outline: 3px solid rgba(38, 70, 83, 0.42);
outline-offset: 3px;
}

.learner-games__heading[b-7kw6ddkt0k],
.learner-games__level-heading[b-7kw6ddkt0k] {
display: flex;
align-items: center;
gap: clamp(0.75rem, 2vw, 1.25rem);
min-width: 0;
}

.learner-games__heading[b-7kw6ddkt0k] {
margin-bottom: 1.6rem;
}

.learner-games__heading h1[b-7kw6ddkt0k],
.learner-games__level-heading h2[b-7kw6ddkt0k] {
margin: 0;
color: #0b405b;
font-family: var(--font-heading);
font-weight: 600;
line-height: 1.04;
text-wrap: balance;
}

.learner-games__heading h1[b-7kw6ddkt0k] {
font-size: clamp(2.3rem, 6vw, 4.6rem);
}

.learner-games__level-heading h2[b-7kw6ddkt0k] {
font-size: clamp(1.8rem, 4vw, 2.75rem);
}

.learner-games__tabs-label[b-7kw6ddkt0k] {
margin: 0 0 0.5rem;
color: #264653;
font-size: 1rem;
font-weight: 700;
}

.learner-games__speech-status[b-7kw6ddkt0k] {
margin: -0.75rem 0 1rem;
color: var(--color-muted);
font-size: var(--font-size-small);
}

[b-7kw6ddkt0k] .learner-games__tabs {
gap: 1.25rem;
}

[b-7kw6ddkt0k] .learner-games__tabs .tovelin-tabs__list {
flex-wrap: nowrap;
align-items: stretch;
border-bottom: 2px solid rgba(38, 70, 83, 0.34);
}

[b-7kw6ddkt0k] .learner-games__tabs .tovelin-tabs__tab {
min-width: 0;
min-height: 5rem;
gap: 0.8rem;
margin-bottom: -2px;
border: 0;
border-bottom: 0.38rem solid transparent;
border-radius: 1.15rem 1.15rem 0 0;
background: transparent;
color: #264653;
font-size: clamp(1rem, 2vw, 1.35rem);
font-weight: 650;
box-shadow: none;
}

[b-7kw6ddkt0k] .learner-games__tabs .tovelin-tabs__tab:hover {
background: rgba(168, 218, 220, 0.24);
transform: translateY(-1px);
}

[b-7kw6ddkt0k] .learner-games__tabs .tovelin-tabs__tab--selected {
border-bottom-color: #e07a5f;
background: rgba(168, 218, 220, 0.55);
color: #0b405b;
}

[b-7kw6ddkt0k] .learner-games__tabs .tovelin-icon {
color: currentColor;
font-size: 1.7rem;
}

.learner-games__panel[b-7kw6ddkt0k],
.learner-games__series-detail[b-7kw6ddkt0k],
.learner-games__games[b-7kw6ddkt0k] {
min-width: 0;
}

.learner-games__panel[b-7kw6ddkt0k],
.learner-games__series-detail[b-7kw6ddkt0k] {
display: grid;
gap: 1.2rem;
}

.learner-games__choice-grid[b-7kw6ddkt0k],
.learner-games__games[b-7kw6ddkt0k] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(0.9rem, 2vw, 1.35rem);
}

.learner-games__choice-card[b-7kw6ddkt0k],
.learner-games__game[b-7kw6ddkt0k] {
min-width: 0;
overflow: hidden;
border: 1px solid rgba(38, 70, 83, 0.13);
border-radius: 1.5rem;
background: rgba(255, 252, 246, 0.86);
box-shadow: 0 0.55rem 1.4rem rgba(38, 70, 83, 0.08);
transition: transform 160ms ease, box-shadow 160ms ease;
}

.learner-games__choice-card:hover[b-7kw6ddkt0k],
.learner-games__game:hover[b-7kw6ddkt0k] {
transform: translateY(-3px);
box-shadow: 0 0.85rem 1.9rem rgba(38, 70, 83, 0.12);
}

.learner-games__choice-card[b-7kw6ddkt0k] {
display: grid;
grid-template-rows: minmax(10rem, 1fr) auto auto auto;
padding: clamp(0.9rem, 2vw, 1.35rem);
}

.learner-games__choice-card--language[b-7kw6ddkt0k] {
background: linear-gradient(155deg, rgba(168, 218, 220, 0.7), rgba(248, 252, 248, 0.95));
}

.learner-games__choice-card--math[b-7kw6ddkt0k] {
background: linear-gradient(155deg, rgba(233, 196, 106, 0.56), rgba(255, 250, 233, 0.96));
}

.learner-games__choice-card--discovery[b-7kw6ddkt0k] {
background: linear-gradient(155deg, rgba(224, 122, 95, 0.26), rgba(255, 246, 238, 0.96));
}

.learner-games__choice-card--general[b-7kw6ddkt0k] {
background: linear-gradient(155deg, rgba(129, 178, 154, 0.3), rgba(247, 251, 246, 0.96));
}

.learner-games__subject-art[b-7kw6ddkt0k],
.learner-games__choice-art[b-7kw6ddkt0k],
.learner-games__game-art[b-7kw6ddkt0k] {
display: grid;
min-width: 0;
overflow: hidden;
place-items: center;
border-radius: 1.1rem;
background: rgba(255, 255, 255, 0.54);
}

.learner-games__subject-art[b-7kw6ddkt0k] {
grid-template-columns: 1fr;
grid-template-rows: minmax(0, 1fr);
height: 13rem;
background: transparent;
}

.learner-games__subject-art img[b-7kw6ddkt0k],
.learner-games__choice-art img[b-7kw6ddkt0k],
.learner-games__game-art img[b-7kw6ddkt0k] {
width: 100%;
height: 100%;
object-fit: cover;
}

.learner-games__subject-art img:only-child[b-7kw6ddkt0k] {
grid-column: 1 / -1;
min-height: 0;
object-fit: contain;
}

.learner-games__choice-card h2[b-7kw6ddkt0k],
.learner-games__choice-card h3[b-7kw6ddkt0k],
.learner-games__game h3[b-7kw6ddkt0k] {
margin: 0;
color: #0b405b;
font-family: var(--font-heading);
font-weight: 600;
line-height: 1.12;
overflow-wrap: anywhere;
}

.learner-games__choice-card h2[b-7kw6ddkt0k] {
padding-top: 1rem;
font-size: clamp(1.65rem, 3vw, 2.2rem);
}

.learner-games__choice-card h3[b-7kw6ddkt0k],
.learner-games__game h3[b-7kw6ddkt0k] {
font-size: clamp(1.25rem, 2.3vw, 1.65rem);
}

.learner-games__choice-card p[b-7kw6ddkt0k],
.learner-games__game p[b-7kw6ddkt0k] {
margin: 0.45rem 0 0;
color: #365c68;
line-height: 1.45;
}

.learner-games__choice-actions[b-7kw6ddkt0k],
.learner-games__game-actions[b-7kw6ddkt0k] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
margin-top: 1rem;
}

.learner-games__listen[b-7kw6ddkt0k],
.learner-games__open[b-7kw6ddkt0k],
.learner-games__play[b-7kw6ddkt0k] {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 3.1rem;
min-height: 3.1rem;
border: 1px solid rgba(38, 70, 83, 0.14);
border-radius: 999px;
cursor: pointer;
text-decoration: none;
transition: transform 140ms ease, background-color 140ms ease;
}

.learner-games__listen[b-7kw6ddkt0k] {
border-color: transparent;
background: #e07a5f;
color: #fff;
font-size: 1.35rem;
}

.learner-games__listen--heading[b-7kw6ddkt0k] {
flex: 0 0 auto;
width: 4.5rem;
height: 4.5rem;
font-size: 2rem;
}

.learner-games__open[b-7kw6ddkt0k] {
background: rgba(255, 252, 246, 0.88);
color: #0b405b;
font-size: 1.45rem;
}

.learner-games__play[b-7kw6ddkt0k] {
gap: 0.4rem;
min-width: 7rem;
padding-inline: 1rem;
background: #e07a5f;
color: #fff;
font-weight: 750;
}

.learner-games__listen:hover[b-7kw6ddkt0k],
.learner-games__open:hover[b-7kw6ddkt0k],
.learner-games__play:hover[b-7kw6ddkt0k] {
transform: scale(1.04);
}

.learner-games__choice-card--series[b-7kw6ddkt0k] {
grid-template-rows: minmax(12rem, 1fr) auto auto;
}

.learner-games__choice-copy[b-7kw6ddkt0k] {
padding-top: 0.9rem;
}

.learner-games__choice-copy > span[b-7kw6ddkt0k],
.learner-games__game-copy > span[b-7kw6ddkt0k] {
display: inline-block;
margin-top: 0.7rem;
color: #55717a;
font-size: 0.88rem;
}

.learner-games__game[b-7kw6ddkt0k] {
display: grid;
grid-template-rows: 10.5rem 1fr auto;
padding: 0.8rem;
}

.learner-games__game-copy[b-7kw6ddkt0k] {
padding: 0.9rem 0.25rem 0;
}

.learner-games__game-art > i[b-7kw6ddkt0k],
.learner-games__choice-art > i[b-7kw6ddkt0k] {
color: #0b405b;
font-size: 3rem;
}

@media (max-width: 700px) {
.learner-games__body[b-7kw6ddkt0k] {
padding-inline: clamp(0.8rem, 4vw, 1.5rem);
}
.learner-games__choice-grid[b-7kw6ddkt0k],
.learner-games__games[b-7kw6ddkt0k] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
[b-7kw6ddkt0k] .learner-games__tabs .tovelin-tabs__tab {
min-height: 4.2rem;
padding: 0.65rem 0.35rem;
gap: 0.4rem;
}
[b-7kw6ddkt0k] .learner-games__tabs .tovelin-icon {
font-size: 1.3rem;
}
}

@media (max-width: 480px) {
.learner-games__body[b-7kw6ddkt0k] {
padding-top: 1rem;
}
.learner-games__heading[b-7kw6ddkt0k] {
align-items: flex-start;
}
.learner-games__heading h1[b-7kw6ddkt0k] {
font-size: clamp(2.05rem, 11vw, 3rem);
}
.learner-games__listen--heading[b-7kw6ddkt0k] {
width: 3.5rem;
height: 3.5rem;
margin-top: 0.1rem;
font-size: 1.55rem;
}
[b-7kw6ddkt0k] .learner-games__tabs .tovelin-tabs__tab {
flex-direction: column;
min-height: 4.75rem;
white-space: normal;
line-height: 1.05;
}
.learner-games__choice-grid[b-7kw6ddkt0k],
.learner-games__games[b-7kw6ddkt0k] {
grid-template-columns: minmax(0, 1fr);
}
.learner-games__choice-card--subject[b-7kw6ddkt0k],
.learner-games__choice-card--series[b-7kw6ddkt0k],
.learner-games__game[b-7kw6ddkt0k] {
grid-template-columns: 7.5rem minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: 0.9rem;
}
.learner-games__subject-art[b-7kw6ddkt0k],
.learner-games__choice-art[b-7kw6ddkt0k],
.learner-games__game-art[b-7kw6ddkt0k] {
grid-row: 1 / -1;
grid-template-columns: 1fr;
min-height: 7.5rem;
aspect-ratio: 1;
}
.learner-games__subject-art[b-7kw6ddkt0k] {
height: auto;
}
.learner-games__choice-card h2[b-7kw6ddkt0k],
.learner-games__choice-copy[b-7kw6ddkt0k],
.learner-games__game-copy[b-7kw6ddkt0k] {
padding-top: 0.1rem;
}
.learner-games__choice-actions[b-7kw6ddkt0k],
.learner-games__game-actions[b-7kw6ddkt0k] {
grid-column: 2;
margin-top: 0.65rem;
}
}

@media (max-width: 400px) {
.learner-games__game-art[b-7kw6ddkt0k] {
grid-row: 1;
}
.learner-games__game-actions[b-7kw6ddkt0k] {
grid-column: 1 / -1;
}
}

@media (max-width: 320px) {
.learner-games__body[b-7kw6ddkt0k] {
padding-inline: 0.55rem;
}
[b-7kw6ddkt0k] .learner-games__tabs .tovelin-tabs__tab {
font-size: 0.78rem;
}
.learner-games__choice-card--subject[b-7kw6ddkt0k],
.learner-games__choice-card--series[b-7kw6ddkt0k],
.learner-games__game[b-7kw6ddkt0k] {
grid-template-columns: 5.8rem minmax(0, 1fr);
padding: 0.65rem;
}
.learner-games__subject-art[b-7kw6ddkt0k],
.learner-games__choice-art[b-7kw6ddkt0k],
.learner-games__game-art[b-7kw6ddkt0k] {
min-height: 5.8rem;
}
}

@media (prefers-reduced-motion: reduce) {
.learner-games__choice-card[b-7kw6ddkt0k],
.learner-games__game[b-7kw6ddkt0k],
.learner-games__listen[b-7kw6ddkt0k],
.learner-games__open[b-7kw6ddkt0k],
.learner-games__play[b-7kw6ddkt0k] {
transition: none;
}
}

.learner-games__show-more[b-7kw6ddkt0k] { display: grid; justify-items: center; gap: 12px; padding-block: 24px; }
.learner-games__show-more p[b-7kw6ddkt0k] { margin: 0; }
/* _content/Tovelin.Shared.UI/Pages/App/LearnerHome.razor.rz.scp.css */
@font-face {
font-family: "Caveat";
font-weight: 400 700;
font-display: swap;
src: url("/_content/Tovelin.Shared.UI/fonts/caveat/Caveat.ttf") format("truetype");
}
.learner-home[b-k79jld2sb1] {
--learner-ink: #203d53;
--learner-paper: #fbf9f2;
--learner-sidebar: #d0e9e9;
--learner-task: #f4eee2;
--learner-line: #cfddda;
--learner-accent: #c87e5f;
min-height: 100vh;
color: var(--learner-ink);
background: var(--learner-paper);
}
.learner-home__body[b-k79jld2sb1] { display: grid; grid-template-columns: minmax(0, 29.5fr) minmax(0, 70.5fr); max-width: 1440px; margin: 0 auto; min-height: calc(100vh - 64px); }
.learner-home__sidebar[b-k79jld2sb1] { min-width: 0; padding: 32px 20px 24px; background: var(--learner-sidebar); align-self: stretch; }
.learner-home__content[b-k79jld2sb1] { min-width: 0; padding: 24px 26px 32px; }
.learner-home__hero-title[b-k79jld2sb1] { font: 750 clamp(1.4rem, 3.55vw, 3.1rem)/1.05 "Fraunces", Georgia, serif; margin: 0 0 6px; overflow-wrap: break-word; }
.learner-home__hero-icon[b-k79jld2sb1] { display: block; width: calc(100% + 24px); margin-left: -12px; aspect-ratio: .94; overflow: hidden; }
.learner-home__hero-tovelina[b-k79jld2sb1] { display: block; width: 130%; max-width: none; height: auto; margin: -10% 0 0 -15%; object-fit: contain; }
.learner-home__hero-text[b-k79jld2sb1] { margin: -6px 0 18px; text-align: center; font: 500 clamp(1.1rem, 3.15vw, 2.4rem)/1.35 "Caveat", "Segoe Print", cursive; white-space: nowrap; }
.learner-home__hero-text .bi[b-k79jld2sb1] { color: var(--learner-accent); font-size: 1em; }
.learner-home__utility[b-k79jld2sb1] { display: contents; }
.learner-home__balance .learner-home__caption-compact[b-k79jld2sb1] { display: none; }
.learner-home__balances[b-k79jld2sb1] { display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 12px; }
.learner-home__balance[b-k79jld2sb1] { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 0 5px; color: inherit; border: 0; background: transparent; font: inherit; text-align: center; }
.learner-home__balance + .learner-home__balance[b-k79jld2sb1] { border-left: 1px solid #b3d6d6; }
.learner-home__balance img[b-k79jld2sb1] { width: 100%; height: clamp(75px, 10vw, 135px); object-fit: contain; }
.learner-home__balance strong[b-k79jld2sb1] { font: 700 clamp(2rem, 3.8vw, 3.1rem)/1.1 "Fraunces", Georgia, serif; }
.learner-home__balance span[b-k79jld2sb1] { max-width: 110px; font-size: clamp(.78rem, 1.45vw, 1rem); line-height: 1.25; margin-top: 3px; }
button.learner-home__balance:not(:disabled)[b-k79jld2sb1] { cursor: pointer; }
button.learner-home__balance:disabled[b-k79jld2sb1] { opacity: 1; }
.learner-home__all-games[b-k79jld2sb1] { display: flex; align-items: center; gap: 14px; min-height: 58px; padding: 8px 12px; border-radius: 13px; border: 1px solid #c3e2e3; background: var(--learner-paper); color: inherit; text-decoration: none; }
.learner-home__all-games > .bi[b-k79jld2sb1] { margin-left: auto; }
.learner-home__all-games-icon[b-k79jld2sb1] { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--learner-sidebar); font-size: 24px; flex: 0 0 auto; }
.learner-home__section--games[b-k79jld2sb1] { display: none; padding-top: 10px; border-top: 1px solid #b3d6d6; }
.learner-home__desktop-games[b-k79jld2sb1] { display: flex; }
.learner-home__desktop-games .learner-home__all-games[b-k79jld2sb1] { min-width: 150px; min-height: 58px; gap: 10px; white-space: nowrap; }
.learner-home__desktop-games .learner-home__all-games-icon[b-k79jld2sb1] { width: 34px; height: 34px; font-size: 21px; }
.learner-home__today-task[b-k79jld2sb1] { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 10px; row-gap: 14px; align-items: center; padding: 22px 24px; border-radius: 18px; background: var(--learner-task); }
.learner-home__today-task-copy[b-k79jld2sb1] { grid-column: 1; min-width: 0; }
.learner-home__today-task-kicker[b-k79jld2sb1] { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; color: #ad5737; font-size: clamp(.8rem, 1.65vw, 1.15rem); font-weight: 700; letter-spacing: 0; }
.learner-home__today-task-kicker .bi[b-k79jld2sb1] { font-size: 1.35em; color: #d59d32; }
.learner-home__today-task h2[b-k79jld2sb1] { margin: 0 0 10px; font: 750 clamp(1.6rem, 3.4vw, 2.8rem)/1.12 "Fraunces", Georgia, serif; overflow-wrap: anywhere; }
.learner-home__today-task-description[b-k79jld2sb1] { margin: 0; font-size: clamp(1rem, 1.85vw, 1.25rem); font-weight: 550; }
.learner-home__today-task-action[b-k79jld2sb1] { grid-column: 1; display: flex; align-items: stretch; gap: 12px; }
.learner-home__today-task-action[b-k79jld2sb1]  .tovelin-btn { flex: 1; min-width: 0; width: 100%; min-height: 58px; padding: 10px 20px; border: 0; border-radius: 15px; background: var(--learner-accent); color: #fff; box-shadow: 0 3px 0 #ac654b; font-size: clamp(1.3rem, 2.5vw, 1.85rem); font-weight: 700; }
.learner-home__today-task-image[b-k79jld2sb1] { grid-column: 2; grid-row: 1 / 3; width: 100%; max-height: 195px; object-fit: contain; }
.learner-home__section[b-k79jld2sb1] { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--learner-line); }
.learner-home__section h2[b-k79jld2sb1] { margin: 0 0 10px; font: 750 clamp(1.6rem, 2.8vw, 2.15rem)/1.2 "Fraunces", Georgia, serif; }
.learner-home__goal-list[b-k79jld2sb1], .learner-home__reward-list[b-k79jld2sb1] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; row-gap: 20px; }
.learner-home__goal-item[b-k79jld2sb1], .learner-home__reward-item[b-k79jld2sb1] { min-width: 0; }
.learner-home__goal-item:nth-child(even)[b-k79jld2sb1], .learner-home__reward-item:nth-child(even)[b-k79jld2sb1] { border-left: 1px solid var(--learner-line); padding-left: 18px; }
.learner-home__goal-select[b-k79jld2sb1], .learner-home__reward-select[b-k79jld2sb1] { display: grid; width: 100%; grid-template-columns: minmax(85px, 1.03fr) minmax(0, 1fr); grid-template-rows: auto; align-items: center; column-gap: 16px; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; }
.learner-home__goal-list-icon[b-k79jld2sb1], .learner-home__reward-list-icon[b-k79jld2sb1] { display: grid; place-items: center; position: relative; grid-row: 1; width: 100%; aspect-ratio: 1; }
.learner-home__goal-list-icon[b-k79jld2sb1]::before, .learner-home__reward-list-icon[b-k79jld2sb1]::before { content: ""; position: absolute; inset: 14%; border-radius: 50%; background: #f7edcf; }
.learner-home__progress-ring[b-k79jld2sb1] { position: absolute; width: 100%; height: 100%; transform: rotate(-90deg); overflow: visible; }
.learner-home__progress-ring circle[b-k79jld2sb1] { fill: none; stroke-width: 8; }
.learner-home__progress-ring-track[b-k79jld2sb1] { stroke: #e7e6df; }
.learner-home__progress-ring-value[b-k79jld2sb1] { stroke: #d28c6e; stroke-linecap: round; }
.learner-home__goal-list-icon img[b-k79jld2sb1], .learner-home__reward-list-icon img[b-k79jld2sb1] { width: 79%; height: 79%; object-fit: contain; position: relative; }
.learner-home__goal-list-copy[b-k79jld2sb1], .learner-home__reward-list-copy[b-k79jld2sb1] { grid-column: 2; grid-row: 1; align-self: center; display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.learner-home__goal-list-copy strong[b-k79jld2sb1], .learner-home__reward-list-copy strong[b-k79jld2sb1] { font-size: clamp(.92rem, 1.9vw, 1.4rem); line-height: 1.25; overflow-wrap: anywhere; }
.learner-home__reward-list-copy small[b-k79jld2sb1] { font-size: .85rem; opacity: .8; }
.learner-home__goal-list-progress[b-k79jld2sb1], .learner-home__reward-list-progress[b-k79jld2sb1] { display: block; font-size: clamp(.85rem, 1.5vw, 1.05rem); margin-top: 5px; }
.learner-home__show-more[b-k79jld2sb1] { border: 0; border-bottom: 1px solid currentColor; background: transparent; color: inherit; padding: 10px 2px; min-height: 44px; margin-top: 16px; font: inherit; cursor: pointer; }
.learner-home__state[b-k79jld2sb1] { grid-column: 1 / -1; padding: 40px; }
.learner-home__goal-practice-list[b-k79jld2sb1] { display: grid; gap: 12px; margin-top: 16px; }
.learner-home__goal-practice-row[b-k79jld2sb1] { display: flex; gap: 16px; align-items: center; justify-content: space-between; padding: 16px 0; border-top: 1px solid #cfddda; }
.learner-home__goal-practice-copy[b-k79jld2sb1] { display: grid; gap: 5px; min-width: 0; }
.learner-home__goal-practice-copy small[b-k79jld2sb1] { opacity: .8; }
.learner-home button:focus-visible[b-k79jld2sb1], .learner-home a:focus-visible[b-k79jld2sb1] { outline: 3px solid #246877; outline-offset: 4px; }
.learner-home__goal-select:hover .learner-home__progress-ring-track[b-k79jld2sb1], .learner-home__reward-select:hover .learner-home__progress-ring-track[b-k79jld2sb1] { stroke: #d4e2df; }
[data-bs-theme="dark"] .learner-home[b-k79jld2sb1] { --learner-paper: #1c2c34; --learner-sidebar: #29494e; --learner-task: #34434a; --learner-ink: #f5efe6; --learner-line: #536569; }
[data-bs-theme="dark"] .learner-home__today-task-kicker[b-k79jld2sb1] { color: #ffc19e; }
/* Tablet: hero, one utility row, task, then two illustrated choices per row. */
@media (max-width: 700px) {
.learner-home__desktop-games[b-k79jld2sb1] { display: none; }
.learner-home__section--games[b-k79jld2sb1] { display: block; }
.learner-home__body[b-k79jld2sb1] { display: flex; flex-direction: column; min-height: 0; }
.learner-home__sidebar[b-k79jld2sb1], .learner-home__content[b-k79jld2sb1] { display: contents; }
.learner-home__hero[b-k79jld2sb1] { order: 0; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: center; padding: 0 28px; min-height: 160px; background: var(--learner-sidebar); }
.learner-home__hero-copy[b-k79jld2sb1] { grid-column: 1; grid-row: 1; }
.learner-home__hero-title[b-k79jld2sb1] { font-size: clamp(1.65rem, 5.6vw, 2.45rem); line-height: 1.08; margin: 0; }
.learner-home__hero-icon[b-k79jld2sb1] { grid-column: 2; grid-row: 1; width: 150px; height: 160px; max-width: 100%; margin: 0; justify-self: center; }
.learner-home__hero-text[b-k79jld2sb1] { display: none; }
.learner-home__utility[b-k79jld2sb1] { order: 1; display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); gap: 12px; align-items: center; margin: 10px 20px; padding: 8px; border-radius: 13px; background: var(--learner-task); }
.learner-home__balances[b-k79jld2sb1] { margin: 0; }
.learner-home__balance .learner-home__caption-full[b-k79jld2sb1] { display: none; }
.learner-home__balance .learner-home__caption-compact[b-k79jld2sb1] { display: block; }
.learner-home__balance[b-k79jld2sb1] { display: grid; grid-template-columns: minmax(48px, .9fr) minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 6px; padding: 0 8px 0 0; text-align: left; align-content: center; }
.learner-home__balance + .learner-home__balance[b-k79jld2sb1] { padding-left: 10px; }
.learner-home__balance img[b-k79jld2sb1] { grid-row: 1 / 3; width: 100%; height: 54px; }
.learner-home__balance + .learner-home__balance img[b-k79jld2sb1] { transform: scale(1.25); }
.learner-home__balance strong[b-k79jld2sb1] { grid-column: 2; align-self: end; font-size: 1.9rem; line-height: 1; }
.learner-home__balance span[b-k79jld2sb1] { grid-column: 2; align-self: start; font-size: .7rem; margin-top: 2px; }
.learner-home__utility .learner-home__section--games[b-k79jld2sb1] { margin: 0; padding: 0 0 0 8px; border: 0; border-left: 1px solid var(--learner-line); }
.learner-home__all-games[b-k79jld2sb1] { min-height: 44px; padding: 5px 8px; gap: 7px; font-size: .75rem; }
.learner-home__all-games-icon[b-k79jld2sb1] { width: 30px; height: 30px; font-size: 19px; }
.learner-home__today-task[b-k79jld2sb1] { order: 2; margin: 0 20px; padding: 14px 20px; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); row-gap: 10px; }
.learner-home__today-task-kicker[b-k79jld2sb1] { margin-bottom: 7px; font-size: .8rem; gap: 8px; }
.learner-home__today-task h2[b-k79jld2sb1] { font-size: clamp(1.45rem, 4.3vw, 2rem); margin-bottom: 6px; }
.learner-home__today-task-description[b-k79jld2sb1] { font-size: .9rem; }
.learner-home__today-task-image[b-k79jld2sb1] { max-height: 150px; }
.learner-home__today-task-action[b-k79jld2sb1]  .tovelin-btn { min-height: 44px; padding: 5px 14px; border-radius: 12px; font-size: 1.5rem; }
.learner-home__section[b-k79jld2sb1] { order: 3; margin: 12px 20px 0; padding-top: 8px; }
.learner-home__section h2[b-k79jld2sb1] { margin-bottom: 6px; font-size: 1.45rem; }
.learner-home__section--rewards[b-k79jld2sb1] { order: 4; margin-bottom: 20px; }
.learner-home__goal-list[b-k79jld2sb1], .learner-home__reward-list[b-k79jld2sb1] { column-gap: 14px; row-gap: 12px; }
.learner-home__goal-item:nth-child(even)[b-k79jld2sb1], .learner-home__reward-item:nth-child(even)[b-k79jld2sb1] { padding-left: 14px; }
.learner-home__goal-select[b-k79jld2sb1], .learner-home__reward-select[b-k79jld2sb1] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; text-align: center; gap: 4px; }
.learner-home__goal-list-icon[b-k79jld2sb1], .learner-home__reward-list-icon[b-k79jld2sb1] { grid-column: 1; grid-row: 1; width: 110px; justify-self: center; }
.learner-home__goal-list-copy[b-k79jld2sb1], .learner-home__reward-list-copy[b-k79jld2sb1] { grid-column: 1; grid-row: 2; align-self: start; gap: 3px; }
.learner-home__goal-list-copy strong[b-k79jld2sb1], .learner-home__reward-list-copy strong[b-k79jld2sb1] { font-size: .82rem; }
.learner-home__goal-list-progress[b-k79jld2sb1], .learner-home__reward-list-progress[b-k79jld2sb1] { font-size: .78rem; line-height: 1.3; margin-top: 0; }
.learner-home__reward-list-copy small[b-k79jld2sb1] { font-size: .75rem; }
}
/* Mobile: task precedes the compact balances and the full-width games link. */
@media (max-width: 480px) {
.learner-home__hero[b-k79jld2sb1] { padding: 5px 16px; min-height: 112px; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
.learner-home__hero-title[b-k79jld2sb1] { font-size: clamp(1.3rem, 6.5vw, 1.85rem); }
.learner-home__hero-icon[b-k79jld2sb1] { width: 130px; height: 124px; overflow: visible; }
.learner-home__hero-tovelina[b-k79jld2sb1] { margin-top: -8px; }
.learner-home__utility[b-k79jld2sb1] { display: contents; }
.learner-home__today-task[b-k79jld2sb1] { order: 1; margin: 12px 8px 0; padding: 12px 14px; gap: 10px; grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); }
.learner-home__today-task h2[b-k79jld2sb1] { font-size: clamp(1.25rem, 5.6vw, 1.7rem); }
.learner-home__today-task-kicker[b-k79jld2sb1] { font-size: .7rem; gap: 6px; }
.learner-home__today-task-action[b-k79jld2sb1] { grid-column: 1 / -1; }
.learner-home__today-task-image[b-k79jld2sb1] { grid-row: 1; max-height: 90px; }
.learner-home__balances[b-k79jld2sb1] { order: 2; margin: 10px 8px 0; padding: 8px; border-radius: 12px; background: var(--learner-sidebar); }
.learner-home__balance[b-k79jld2sb1] { grid-template-columns: 68px minmax(0, 1fr); }
.learner-home__balance img[b-k79jld2sb1] { height: 52px; }
.learner-home__balance strong[b-k79jld2sb1] { font-size: 1.85rem; }
.learner-home__balance span[b-k79jld2sb1] { font-size: .68rem; }
.learner-home__utility .learner-home__section--games[b-k79jld2sb1] { order: 3; margin: 10px 8px 0; border: 0; padding: 0; }
.learner-home__all-games[b-k79jld2sb1] { min-height: 44px; font-size: .85rem; gap: 14px; }
.learner-home__section[b-k79jld2sb1] { order: 4; margin: 12px 8px 0; padding-top: 5px; }
.learner-home__section--rewards[b-k79jld2sb1] { order: 5; margin-bottom: 20px; }
.learner-home__section h2[b-k79jld2sb1] { font-size: 1.3rem; margin-bottom: 2px; }
.learner-home__goal-list[b-k79jld2sb1], .learner-home__reward-list[b-k79jld2sb1] { gap: 0; grid-template-columns: 1fr; }
.learner-home__goal-item[b-k79jld2sb1], .learner-home__reward-item[b-k79jld2sb1] { padding: 5px 12px; }
.learner-home__goal-item:nth-child(even)[b-k79jld2sb1], .learner-home__reward-item:nth-child(even)[b-k79jld2sb1] { padding: 5px 12px; border-left: 0; }
.learner-home__goal-item + .learner-home__goal-item[b-k79jld2sb1], .learner-home__reward-item + .learner-home__reward-item[b-k79jld2sb1] { border-top: 1px solid var(--learner-line); }
.learner-home__goal-select[b-k79jld2sb1], .learner-home__reward-select[b-k79jld2sb1] { grid-template-columns: 80px minmax(0, 1fr); grid-template-rows: auto; column-gap: 22px; text-align: left; }
.learner-home__goal-list-icon[b-k79jld2sb1], .learner-home__reward-list-icon[b-k79jld2sb1] { width: 80px; }
.learner-home__goal-list-copy[b-k79jld2sb1], .learner-home__reward-list-copy[b-k79jld2sb1] { grid-column: 2; grid-row: 1; align-self: center; }
.learner-home__goal-list-copy strong[b-k79jld2sb1], .learner-home__reward-list-copy strong[b-k79jld2sb1] { font-size: .82rem; }
.learner-home__goal-list-progress[b-k79jld2sb1], .learner-home__reward-list-progress[b-k79jld2sb1] { font-size: .75rem; }
}
/* Narrow content retains the desktop sidebar and two choices per row.
Only the illustration/text arrangement changes, not the page breakpoint. */
@media (min-width: 701px) {
.learner-home__content[b-k79jld2sb1] { container-type: inline-size; }
@container (max-width: 650px) {
.learner-home__today-task-action[b-k79jld2sb1] { grid-column: 1 / -1; }
.learner-home__today-task-image[b-k79jld2sb1] { grid-row: 1; }
}
@container (max-width: 520px) {
.learner-home__goal-select[b-k79jld2sb1], .learner-home__reward-select[b-k79jld2sb1] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; text-align: center; }
.learner-home__goal-list-icon[b-k79jld2sb1], .learner-home__reward-list-icon[b-k79jld2sb1] { grid-column: 1; grid-row: 1; width: 110px; justify-self: center; }
.learner-home__goal-list-copy[b-k79jld2sb1], .learner-home__reward-list-copy[b-k79jld2sb1] { grid-column: 1; grid-row: 2; align-self: start; margin-top: 10px; }
.learner-home__goal-list-progress[b-k79jld2sb1], .learner-home__reward-list-progress[b-k79jld2sb1] { grid-column: 1; grid-row: 3; }
}
}
/* _content/Tovelin.Shared.UI/Pages/App/LearnerPrivacy.razor.rz.scp.css */
:host[b-pgssckv3ch] {
display: block;
}

.app-learner-privacy[b-pgssckv3ch] {
display: grid;
gap: var(--space-6);
}

.app-learner-privacy__breadcrumb[b-pgssckv3ch] {
margin-bottom: calc(-1 * var(--space-2));
}

.app-learner-privacy__header[b-pgssckv3ch] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-6);
align-items: end;
padding-bottom: var(--space-5);
border-bottom: 1px solid var(--color-border);
}

.app-learner-privacy__kicker[b-pgssckv3ch],
.app-learner-privacy__header h1[b-pgssckv3ch],
.app-learner-privacy__header p[b-pgssckv3ch],
.app-learner-privacy__facts h2[b-pgssckv3ch],
.app-learner-privacy__facts p[b-pgssckv3ch] {
margin: 0;
}

.app-learner-privacy__kicker[b-pgssckv3ch] {
margin-bottom: var(--space-2);
color: var(--color-primary);
}

.app-learner-privacy__header h1[b-pgssckv3ch] {
font-size: 2rem;
line-height: 1.2;
}

.app-learner-privacy__header p:last-child[b-pgssckv3ch] {
max-width: 46rem;
margin-top: var(--space-2);
color: var(--color-text-muted);
line-height: 1.6;
}

.app-learner-privacy__choice-card[b-pgssckv3ch],
.app-learner-privacy__rights-card[b-pgssckv3ch] {
border-radius: var(--radius-lg);
}

.app-learner-privacy__status-row[b-pgssckv3ch] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: center;
justify-content: space-between;
margin-top: var(--space-4);
}

.app-learner-privacy__toggle-panel[b-pgssckv3ch] {
margin-block: var(--space-5);
padding: var(--space-5);
border: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
}

.app-learner-privacy__facts[b-pgssckv3ch] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-4);
margin-top: var(--space-5);
}

.app-learner-privacy__facts article[b-pgssckv3ch] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-3);
padding-top: var(--space-4);
border-top: 1px solid var(--color-border);
}

.app-learner-privacy__facts i[b-pgssckv3ch] {
color: var(--color-primary);
font-size: 1.2rem;
}

.app-learner-privacy__facts h2[b-pgssckv3ch] {
font-size: 1rem;
}

.app-learner-privacy__facts p[b-pgssckv3ch] {
margin-top: var(--space-2);
color: var(--color-text-muted);
line-height: 1.55;
}

.app-learner-privacy__links[b-pgssckv3ch] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
margin-top: var(--space-3);
}

@media (max-width: 780px) {
.app-learner-privacy__header[b-pgssckv3ch],
.app-learner-privacy__facts[b-pgssckv3ch] {
grid-template-columns: 1fr;
}
.app-learner-privacy__header[b-pgssckv3ch] {
align-items: start;
}
.app-learner-privacy__toggle-panel[b-pgssckv3ch] {
padding: var(--space-4);
}
}
/* _content/Tovelin.Shared.UI/Pages/App/Learners.razor.rz.scp.css */
.app-learners[b-9bae88l1qw] {
display: grid;
gap: var(--space-6);
}

.app-learners__hero[b-9bae88l1qw] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-4);
flex-wrap: wrap;
padding-inline-end: var(--space-16);
}

.app-learners__hero-copy[b-9bae88l1qw] {
min-width: 0;
}

.app-learners__hero-actions[b-9bae88l1qw] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-3);
max-width: 100%;
padding-top: var(--space-1);
}

.app-learners__hero-actions[b-9bae88l1qw]  .tovelin-btn {
min-height: 2.25rem;
white-space: normal;
}

.app-learners__filters[b-9bae88l1qw] {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: var(--space-6);
margin-top: var(--space-2);
}

.app-learners__group-filter[b-9bae88l1qw] {
display: flex;
align-items: flex-end;
gap: var(--space-5);
min-width: 0;
width: min(30rem, 58%);
}

.app-learners__group-filter[b-9bae88l1qw]  .tovelin-select {
width: min(19rem, 100%);
}

.app-learners__group-filter[b-9bae88l1qw]  .tovelin-select__control {
min-height: 3rem;
}

.app-learners__count[b-9bae88l1qw] {
margin: 0;
padding: var(--space-3) 0 var(--space-3) var(--space-5);
border-inline-start: 1px solid var(--color-border);
color: var(--color-text-soft);
white-space: nowrap;
}

.app-learners__search[b-9bae88l1qw] {
position: relative;
width: min(19rem, 35%);
flex-shrink: 0;
}

.app-learners__search > i[b-9bae88l1qw] {
position: absolute;
z-index: 1;
left: var(--space-4);
top: 50%;
transform: translateY(-50%);
color: var(--color-text-soft);
pointer-events: none;
}

.app-learners__search[b-9bae88l1qw]  input {
min-height: 3rem;
padding-inline-start: var(--space-10);
background: var(--color-surface);
}

.app-learners__workspace[b-9bae88l1qw] {
min-width: 0;
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.app-learners__table[b-9bae88l1qw] {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}

.app-learners__table th[b-9bae88l1qw] {
padding: var(--space-4) var(--space-6);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
text-transform: uppercase;
letter-spacing: .07em;
color: var(--color-text-soft);
text-align: start;
}

.app-learners__table th:nth-child(1)[b-9bae88l1qw] {
width: 35%;
}

.app-learners__table th:nth-child(2)[b-9bae88l1qw] {
width: 35%;
}

.app-learners__table th:nth-child(3)[b-9bae88l1qw] {
width: 30%;
}

.app-learners__table td[b-9bae88l1qw] {
padding: var(--space-5) var(--space-6);
border-top: 1px solid var(--color-border);
vertical-align: middle;
}

.app-learners__identity[b-9bae88l1qw] {
display: flex;
align-items: center;
gap: var(--space-4);
min-width: 0;
}

.app-learners__identity[b-9bae88l1qw]  .app-learners__avatar {
width: 3.75rem;
height: 3.75rem;
flex-shrink: 0;
border: 0;
box-shadow: none;
background: color-mix(in srgb, var(--color-accent) 45%, var(--color-surface));
color: var(--color-text);
}

.app-learners__table tr:nth-child(3n + 2)[b-9bae88l1qw]  .app-learners__avatar {
background: color-mix(in srgb, var(--color-secondary) 45%, var(--color-surface));
}

.app-learners__table tr:nth-child(3n)[b-9bae88l1qw]  .app-learners__avatar {
background: color-mix(in srgb, var(--color-primary) 22%, var(--color-surface));
}

.app-learners__identity-copy[b-9bae88l1qw] {
min-width: 0;
display: grid;
gap: var(--space-1);
}

.app-learners__name[b-9bae88l1qw], .app-learners__goal-title[b-9bae88l1qw] {
color: var(--color-text);
font-size: var(--font-size-body-lg);
font-weight: var(--font-weight-semibold);
line-height: 1.4;
overflow-wrap: anywhere;
text-decoration: none;
}

.app-learners__goal-title[b-9bae88l1qw], .app-learners__activity[b-9bae88l1qw] {
border: 0;
padding: 0;
background: none;
text-align: start;
font-family: inherit;
}

.app-learners__activity[b-9bae88l1qw] {
color: var(--color-text-soft);
font-size: var(--font-size-small);
line-height: 1.5;
overflow-wrap: anywhere;
}

.app-learners__name:hover[b-9bae88l1qw], .app-learners__goal-title:hover[b-9bae88l1qw], .app-learners__activity:hover[b-9bae88l1qw] {
text-decoration: underline;
text-underline-offset: .2em;
}

.app-learners__name:focus-visible[b-9bae88l1qw], .app-learners__goal-title:focus-visible[b-9bae88l1qw], .app-learners__activity:focus-visible[b-9bae88l1qw] {
outline: 2px solid var(--color-secondary-dark);
outline-offset: 4px;
border-radius: var(--radius-sm);
}

.app-learners__goal-progress[b-9bae88l1qw] {
display: flex;
align-items: center;
gap: var(--space-4);
margin-top: var(--space-2);
}

.app-learners__goal-progress > span[b-9bae88l1qw] {
color: var(--color-text-soft);
font-size: var(--font-size-small);
white-space: nowrap;
}

.app-learners__goal-progress[b-9bae88l1qw]  .app-learners__progress {
min-width: 3rem;
flex: 1;
}

.app-learners__goal-hint[b-9bae88l1qw] {
margin: var(--space-1) 0 0;
color: var(--color-text-soft);
font-size: var(--font-size-small);
}

.app-learners__row-actions[b-9bae88l1qw] {
display: flex;
align-items: center;
gap: var(--space-3);
}

.app-learners__row-actions[b-9bae88l1qw]  .app-learners__profile-action {
color: var(--color-text);
border-color: var(--color-border);
background: transparent;
}

.app-learners__mobile-label[b-9bae88l1qw] {
display: none;
}

@media (max-width: 1100px) and (min-width: 581px) {
.app-learners__table td[b-9bae88l1qw], .app-learners__table th[b-9bae88l1qw] {
padding-inline: var(--space-4);
}
.app-learners__table th:nth-child(1)[b-9bae88l1qw] {
width: 33%;
}
.app-learners__table th:nth-child(2)[b-9bae88l1qw] {
width: 35%;
}
.app-learners__table th:nth-child(3)[b-9bae88l1qw] {
width: 32%;
}
.app-learners__row-actions[b-9bae88l1qw] {
gap: var(--space-2);
}
.app-learners__row-actions[b-9bae88l1qw]  .tovelin-btn {
padding-inline: var(--space-3);
}
}

@media (max-width: 760px) and (min-width: 581px) {
.app-learners__table td[b-9bae88l1qw], .app-learners__table th[b-9bae88l1qw] {
padding-inline: var(--space-3);
}
.app-learners__identity[b-9bae88l1qw] {
gap: var(--space-2);
}
.app-learners__identity[b-9bae88l1qw]  .app-learners__avatar {
width: 2.25rem;
height: 2.25rem;
}
.app-learners__name[b-9bae88l1qw], .app-learners__goal-title[b-9bae88l1qw] {
font-size: var(--font-size-body);
}
.app-learners__row-actions[b-9bae88l1qw] {
flex-direction: column;
align-items: stretch;
}
}

@media (max-width: 580px) {
.app-learners__hero[b-9bae88l1qw] {
flex-direction: column;
padding-inline-end: 0;
}
.app-learners__filters[b-9bae88l1qw] {
flex-wrap: wrap;
gap: var(--space-4);
}
.app-learners__group-filter[b-9bae88l1qw] {
flex: 1;
}
.app-learners__search[b-9bae88l1qw] {
width: 100%;
}
.app-learners__table[b-9bae88l1qw], .app-learners__table tbody[b-9bae88l1qw], .app-learners__table tr[b-9bae88l1qw], .app-learners__table td[b-9bae88l1qw] {
display: block;
}
.app-learners__table thead[b-9bae88l1qw] {
display: none;
}
.app-learners__table tr[b-9bae88l1qw] {
padding: var(--space-5);
}
.app-learners__table tr + tr[b-9bae88l1qw] {
border-top: 1px solid var(--color-border);
}
.app-learners__table td[b-9bae88l1qw] {
padding: 0;
border: 0;
}
.app-learners__table td + td[b-9bae88l1qw] {
margin-top: var(--space-4);
}
.app-learners__mobile-label[b-9bae88l1qw] {
display: block;
margin-bottom: var(--space-1);
font-size: var(--font-size-caption);
color: var(--color-text-soft);
}
.app-learners__row-actions[b-9bae88l1qw]  .tovelin-btn {
flex: 1;
}
.app-learners__group-filter[b-9bae88l1qw]  .tovelin-select {
width: 100%;
min-width: 0;
}
.app-learners__count[b-9bae88l1qw] {
padding-inline-start: var(--space-3);
}
.app-learners-modal__item[b-9bae88l1qw] {
flex-direction: column;
align-items: stretch;
}
.app-learners-modal__progress[b-9bae88l1qw] {
text-align: start;
min-width: 0;
}
}

.app-learners-modal__list[b-9bae88l1qw] {
display: grid;
gap: var(--space-3);
}

.app-learners-modal__item[b-9bae88l1qw] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
padding: var(--space-4);
border-radius: var(--radius-lg);
border: 1px solid color-mix(in srgb, var(--color-border) 82%, transparent);
background: var(--color-surface);
}

.app-learners-modal__item-main[b-9bae88l1qw] {
display: flex;
align-items: flex-start;
gap: var(--space-3);
min-width: 0;
}

.app-learners-modal__item-main strong[b-9bae88l1qw],
.app-learners-modal__item-main p[b-9bae88l1qw] {
overflow-wrap: anywhere;
}

.app-learners-modal__item-main p[b-9bae88l1qw],
.app-learners-modal__progress span[b-9bae88l1qw] {
margin: var(--space-1) 0 0;
color: var(--color-muted);
font-size: var(--font-size-small);
}

.app-learners-modal__icon[b-9bae88l1qw] {
display: inline-grid;
place-items: center;
width: 2.25rem;
height: 2.25rem;
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
color: var(--color-primary-dark);
flex: 0 0 auto;
}

.app-learners-modal__progress[b-9bae88l1qw] {
display: grid;
gap: var(--space-2);
min-width: 8.5rem;
text-align: right;
}
/* _content/Tovelin.Shared.UI/Pages/App/LearnerSettings.razor.rz.scp.css */
.app-learner-settings__breadcrumb[b-vcqwmvntdp] {
margin-bottom: var(--space-4);
}

.app-learner-settings__hero[b-vcqwmvntdp] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-5);
padding: var(--space-6);
border: 1px solid color-mix(in srgb, var(--color-border) 84%, transparent);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.app-learner-settings__kicker[b-vcqwmvntdp] {
margin: 0 0 var(--space-2);
color: var(--color-primary-dark);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.app-learner-settings__hero h1[b-vcqwmvntdp] {
margin: 0;
font-size: var(--font-size-h1);
line-height: var(--line-height-tight);
font-weight: var(--font-weight-extrabold);
}

.app-learner-settings__hero-actions[b-vcqwmvntdp]  .app-section-page__actions {
margin: 0;
}

.app-learner-settings__summary[b-vcqwmvntdp] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-4);
margin-top: var(--space-4);
}

.app-learner-settings__summary-item[b-vcqwmvntdp] {
display: grid;
gap: var(--space-1);
padding: var(--space-4);
border: 1px solid var(--color-border-soft);
border-radius: var(--radius-md);
background: var(--color-surface-soft);
}

.app-learner-settings__actions[b-vcqwmvntdp] {
display: flex;
gap: var(--space-3);
margin-top: var(--space-5);
}

@media (max-width: 720px) {
.app-learner-settings__hero[b-vcqwmvntdp] {
align-items: stretch;
flex-direction: column;
}
.app-learner-settings__summary[b-vcqwmvntdp] {
grid-template-columns: 1fr;
}
.app-learner-settings__actions[b-vcqwmvntdp] {
flex-direction: column;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/MentorTrainingSummaryPanel.razor.rz.scp.css */
:host[b-zill6wx50k] {
display: block;
min-width: 0;
}

.mentor-training-summary[b-zill6wx50k] {
display: grid;
gap: var(--space-3);
min-width: 0;
}

.mentor-training-summary__header[b-zill6wx50k],
.mentor-training-summary__next-footer[b-zill6wx50k] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
min-width: 0;
}

.mentor-training-summary__header h2[b-zill6wx50k] {
margin: 0;
font-size: var(--font-size-h4);
font-weight: var(--font-weight-medium);
}

.mentor-training-summary__surface[b-zill6wx50k] {
display: grid;
gap: var(--space-4);
min-width: 0;
padding: var(--space-4);
border-radius: var(--radius-xl);
background: var(--color-surface);
}

.mentor-training-summary__focus[b-zill6wx50k] {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: var(--space-6);
}

.mentor-training-summary__next[b-zill6wx50k] {
display: flex;
flex-direction: column;
gap: var(--space-2);
min-width: 0;
padding: var(--space-4);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-secondary) 17%, var(--color-surface));
}

.mentor-training-summary__preview[b-zill6wx50k] {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1.6;
object-fit: contain;
min-width: 0;
max-height: 17rem;
}

.mentor-training-summary__next-footer[b-zill6wx50k] {
flex-wrap: wrap;
margin-top: auto;
}

.mentor-training-summary__next-copy[b-zill6wx50k] {
min-width: 0;
}

.mentor-training-summary h3[b-zill6wx50k],
.mentor-training-summary p[b-zill6wx50k],
.mentor-training-summary__evidence h3[b-zill6wx50k],
.mentor-training-summary__evidence p[b-zill6wx50k] {
margin: 0;
overflow-wrap: anywhere;
}

.mentor-training-summary h3[b-zill6wx50k] {
font-size: var(--font-size-h4);
line-height: var(--line-height-tight);
font-weight: var(--font-weight-medium);
}

.mentor-training-summary__next h3[b-zill6wx50k] {
font-size: var(--font-size-h3);
}

.mentor-training-summary__next > p[b-zill6wx50k],
.mentor-training-summary__muted[b-zill6wx50k],
.mentor-training-summary time[b-zill6wx50k],
.mentor-training-summary__empty[b-zill6wx50k] {
color: var(--color-muted);
}

.mentor-training-summary__exercise[b-zill6wx50k] {
margin-top: var(--space-1) !important;
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
}

.mentor-training-summary__overview[b-zill6wx50k] {
display: grid;
align-content: start;
gap: var(--space-5);
min-width: 0;
margin-block: var(--space-3);
padding-left: var(--space-6);
border-left: 1px solid var(--color-border);
}

.mentor-training-summary__status[b-zill6wx50k],
.mentor-training-summary__card-heading[b-zill6wx50k] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: start;
gap: var(--space-3);
min-width: 0;
}

.mentor-training-summary__status > div[b-zill6wx50k],
.mentor-training-summary__card-heading > div[b-zill6wx50k],
.mentor-training-summary__goal[b-zill6wx50k] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.mentor-training-summary__status p[b-zill6wx50k],
.mentor-training-summary__goal p[b-zill6wx50k],
.mentor-training-summary__evidence[b-zill6wx50k],
.mentor-training-summary time[b-zill6wx50k] {
font-size: var(--font-size-small);
line-height: var(--line-height-normal);
}

.mentor-training-summary__goal[b-zill6wx50k] {
padding-top: var(--space-5);
border-top: 1px solid var(--color-border);
justify-items: start;
}

.mentor-training-summary__goal > p[b-zill6wx50k],
.mentor-training-summary__goal[b-zill6wx50k]  .tovelin-btn {
margin-left: 3.25rem;
}

.mentor-training-summary__icon[b-zill6wx50k] {
display: grid;
place-items: center;
width: 2.5rem;
height: 2.5rem;
flex: 0 0 auto;
border-radius: var(--radius-pill);
color: var(--color-text);
background: color-mix(in srgb, var(--color-secondary) 24%, var(--color-surface));
}

.mentor-training-summary__icon--goal[b-zill6wx50k],
.mentor-training-summary__icon--positive[b-zill6wx50k] {
background: color-mix(in srgb, var(--color-success) 18%, var(--color-surface));
}

.mentor-training-summary__icon--support[b-zill6wx50k] {
background: color-mix(in srgb, var(--color-warning) 18%, var(--color-surface));
}

.mentor-training-summary__signal[b-zill6wx50k] {
padding-top: var(--space-2);
}

.mentor-training-summary[b-zill6wx50k]  .mentor-training-summary__evidence-button {
justify-self: start;
padding-inline: 0;
margin-top: var(--space-2);
color: var(--color-text);
text-decoration: underline;
text-underline-offset: 3px;
gap: var(--space-2);
}

.mentor-training-summary[b-zill6wx50k]  .tovelin-btn {
min-height: 2.75rem;
}

.mentor-training-summary__goal[b-zill6wx50k]  .tovelin-btn {
color: var(--color-text);
}

.mentor-training-summary[b-zill6wx50k]  .tovelin-btn:focus-visible {
outline: 3px solid var(--color-text);
outline-offset: 3px;
}

.mentor-training-summary__evidence[b-zill6wx50k] {
display: grid;
gap: var(--space-4);
}

.mentor-training-summary__card[b-zill6wx50k] {
display: grid;
gap: var(--space-3);
border-top: 1px solid var(--color-border);
padding-top: var(--space-4);
}

.mentor-training-summary__activity-list[b-zill6wx50k] {
display: grid;
gap: var(--space-2);
margin: 0;
padding: 0;
list-style: none;
}

.mentor-training-summary__activity-list li[b-zill6wx50k] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
padding-top: var(--space-2);
border-top: 1px solid var(--color-border);
}

.mentor-training-summary__activity-list span[b-zill6wx50k] {
min-width: 0;
overflow-wrap: anywhere;
}

.mentor-training-summary__activity-list time[b-zill6wx50k] {
flex: 0 0 auto;
color: var(--color-muted);
white-space: nowrap;
}

@media (max-width: 980px) {
.mentor-training-summary__focus[b-zill6wx50k] {
gap: var(--space-4);
}
.mentor-training-summary__overview[b-zill6wx50k] {
padding-left: var(--space-4);
}
}

@media (max-width: 700px) {
.mentor-training-summary__focus[b-zill6wx50k] {
grid-template-columns: 1fr;
}
.mentor-training-summary__overview[b-zill6wx50k] {
margin: 0;
padding: var(--space-4) 0 0;
border-left: 0;
border-top: 1px solid var(--color-border);
}
.mentor-training-summary__header[b-zill6wx50k] {
flex-wrap: wrap;
}
.mentor-training-summary__surface[b-zill6wx50k],
.mentor-training-summary__next[b-zill6wx50k] {
padding: var(--space-3);
}
}
/* _content/Tovelin.Shared.UI/Pages/App/MessageReview.razor.rz.scp.css */
.message-review[b-jo2scspb2x] {
display: grid;
gap: var(--space-5);
max-width: 760px;
margin-inline: auto;
}

.message-review__card[b-jo2scspb2x] {
display: grid;
gap: var(--space-5);
padding: var(--space-6);
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.message-review__head[b-jo2scspb2x] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-4);
}

.message-review__head h1[b-jo2scspb2x] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-h1);
line-height: 1.1;
}

.message-review__meta[b-jo2scspb2x] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.message-review__meta div[b-jo2scspb2x],
.message-review__body[b-jo2scspb2x] {
display: grid;
gap: var(--space-1);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface-soft);
}

.message-review__meta span[b-jo2scspb2x],
.message-review__body span[b-jo2scspb2x] {
color: var(--color-muted);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
text-transform: uppercase;
}

.message-review__meta strong[b-jo2scspb2x],
.message-review__body p[b-jo2scspb2x] {
margin: 0;
color: var(--color-text);
overflow-wrap: anywhere;
}

.message-review__body p[b-jo2scspb2x] {
font-size: var(--font-size-body);
line-height: 1.55;
white-space: pre-wrap;
}

.message-review__reason[b-jo2scspb2x] {
display: grid;
gap: var(--space-3);
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-warning) 36%, var(--color-border));
border-radius: 8px;
background: color-mix(in srgb, var(--color-warning) 8%, var(--color-surface));
}

.message-review__reason-head[b-jo2scspb2x] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
}

.message-review__reason-head h2[b-jo2scspb2x],
.message-review__reason p[b-jo2scspb2x],
.message-review__reason dl[b-jo2scspb2x] {
margin: 0;
}

.message-review__reason-head span[b-jo2scspb2x],
.message-review__reason dt[b-jo2scspb2x] {
color: var(--color-muted);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
letter-spacing: var(--tracking-caption);
text-transform: uppercase;
}

.message-review__reason-head h2[b-jo2scspb2x] {
color: var(--color-text);
font-size: var(--font-size-body-lg);
line-height: 1.2;
}

.message-review__reason p[b-jo2scspb2x] {
color: var(--color-muted);
font-size: var(--font-size-small);
line-height: 1.5;
}

.message-review__reason-detail[b-jo2scspb2x] {
color: var(--color-text) !important;
}

.message-review__reason dl[b-jo2scspb2x] {
display: grid;
gap: var(--space-2);
}

.message-review__reason dd[b-jo2scspb2x] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-small);
}

.message-review__actions[b-jo2scspb2x] {
display: flex;
justify-content: flex-end;
gap: var(--space-2);
}

@media (max-width: 640px) {
.message-review__head[b-jo2scspb2x],
.message-review__reason-head[b-jo2scspb2x],
.message-review__actions[b-jo2scspb2x] {
align-items: flex-start;
flex-direction: column;
}
.message-review__meta[b-jo2scspb2x] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/MessageReviewList.razor.rz.scp.css */
.message-review-list[b-laehe41yq7] {
display: grid;
gap: var(--space-5);
}

.message-review-list__hero[b-laehe41yq7] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: 8px;
background: color-mix(in srgb, var(--color-warning) 9%, var(--color-surface));
}

.message-review-list__hero h1[b-laehe41yq7],
.message-review-list__hero p[b-laehe41yq7] {
margin: 0;
}

.message-review-list__hero h1[b-laehe41yq7] {
color: var(--color-text);
font-size: var(--font-size-heading-lg);
line-height: 1.1;
}

.message-review-list__items[b-laehe41yq7] {
display: grid;
gap: var(--space-3);
}

.message-review-list[b-laehe41yq7]  .message-review-list__filters {
justify-self: start;
}

.message-review-list__item[b-laehe41yq7] {
display: grid;
gap: var(--space-3);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.message-review-list__item-head[b-laehe41yq7] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
}

.message-review-list__badges[b-laehe41yq7] {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: var(--space-2);
}

.message-review-list__item-head span[b-laehe41yq7],
.message-review-list__meta dt[b-laehe41yq7] {
color: var(--color-muted);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
letter-spacing: var(--tracking-caption);
text-transform: uppercase;
}

.message-review-list__item-head h2[b-laehe41yq7] {
margin: 0.15rem 0 0;
color: var(--color-text);
font-size: var(--font-size-body-lg);
line-height: 1.2;
}

.message-review-list__preview[b-laehe41yq7] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-body);
line-height: 1.5;
}

.message-review-list__meta[b-laehe41yq7] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
gap: var(--space-3);
margin: 0;
}

.message-review-list__meta div[b-laehe41yq7] {
display: grid;
gap: 0.15rem;
}

.message-review-list__meta dd[b-laehe41yq7] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-small);
}

.message-review-list__actions[b-laehe41yq7] {
display: flex;
justify-content: flex-end;
}

@media (max-width: 620px) {
.message-review-list__hero[b-laehe41yq7],
.message-review-list__item-head[b-laehe41yq7] {
align-items: flex-start;
flex-direction: column;
}
.message-review-list__badges[b-laehe41yq7] {
justify-content: flex-start;
}
.message-review-list__meta[b-laehe41yq7] {
grid-template-columns: 1fr;
}
.message-review-list__actions[b-laehe41yq7] {
justify-content: stretch;
}
.message-review-list__actions :deep(.tovelin-btn)[b-laehe41yq7] {
width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/Messages.razor.rz.scp.css */
.app-messages[b-pcv9vvwi4t] {
display: grid;
gap: var(--space-5);
}

.app-messages--learner[b-pcv9vvwi4t] {
min-height: calc(100dvh - 4.5rem);
padding-block: var(--space-3) var(--space-5);
background: var(--color-bg-soft);
}

.app-messages__hero[b-pcv9vvwi4t] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
padding: var(--space-4) var(--space-5);
border: 1px solid var(--color-border);
border-radius: 8px;
background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));
}

.app-messages--learner .app-messages__hero[b-pcv9vvwi4t] {
border-color: color-mix(in srgb, var(--color-primary) 14%, var(--color-border));
background:
linear-gradient(
135deg,
color-mix(in srgb, var(--section-mint) 70%, var(--color-surface)) 0%,
color-mix(in srgb, var(--section-yellow) 34%, var(--color-surface)) 100%);
box-shadow: var(--shadow-soft);
}

.app-messages__page-actions[b-pcv9vvwi4t] {
display: flex;
align-items: center;
justify-content: flex-start;
}

.app-messages__hero-copy[b-pcv9vvwi4t] {
display: grid;
justify-items: start;
min-width: 0;
}

.app-messages__back-button[b-pcv9vvwi4t] {
width: fit-content;
}

.app-messages__hero-actions[b-pcv9vvwi4t] {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: var(--space-2);
}

.app-messages__hero-actions[b-pcv9vvwi4t]  .app-messages__hero-button--icon {
display: none;
}

.app-messages__controls[b-pcv9vvwi4t] {
display: grid;
grid-template-columns: minmax(16rem, 1fr) auto;
align-items: end;
gap: var(--space-3);
}

.app-messages__search[b-pcv9vvwi4t] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.app-messages__search span[b-pcv9vvwi4t] {
color: var(--color-text);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.app-messages__search input[b-pcv9vvwi4t] {
width: 100%;
min-height: var(--control-size-input-md);
padding: 0.65rem 0.8rem;
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface-strong);
color: var(--color-text);
font: inherit;
font-size: var(--font-size-small);
}

.app-messages__search input:focus[b-pcv9vvwi4t] {
border-color: color-mix(in srgb, var(--color-primary) 50%, var(--color-border));
outline: 3px solid color-mix(in srgb, var(--color-primary) 24%, transparent);
outline-offset: 1px;
}

.app-messages__filters[b-pcv9vvwi4t] {
width: fit-content;
}

.app-messages__workspace[b-pcv9vvwi4t] {
display: grid;
grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.45fr);
min-height: min(34rem, calc(100dvh - 16rem));
height: min(40rem, calc(100dvh - 16rem));
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface);
overflow: hidden;
}

.app-messages__list-panel[b-pcv9vvwi4t] {
display: grid;
grid-template-rows: auto minmax(0, 1fr);
min-width: 0;
min-height: 0;
padding: var(--space-4);
border-right: 1px solid var(--color-border);
background: color-mix(in srgb, var(--color-surface-soft) 62%, var(--color-surface));
overflow-y: auto;
}

.app-messages__list-panel[b-pcv9vvwi4t]  .message-conversation-list {
align-self: start;
}

.app-messages__thread-panel[b-pcv9vvwi4t] {
min-width: 0;
min-height: 0;
}

.app-messages__panel-head[b-pcv9vvwi4t] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
margin-bottom: var(--space-3);
}

.app-messages__panel-head p[b-pcv9vvwi4t] {
margin: 0;
color: var(--color-muted);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
letter-spacing: var(--tracking-caption);
text-transform: uppercase;
}

.app-messages__panel-head h2[b-pcv9vvwi4t] {
margin: 0.15rem 0 0;
color: var(--color-text);
font-size: var(--font-size-body-lg);
line-height: 1.2;
}

.app-messages__state[b-pcv9vvwi4t] {
display: grid;
align-content: center;
min-height: 15rem;
}

@media (max-width: 600px) {
.app-messages--learner .app-messages__hero-copy[b-pcv9vvwi4t]  .tovelin-page-header__title {
font-size: clamp(1.75rem, 6vw, var(--font-size-h1));
}
.app-messages__hero[b-pcv9vvwi4t] {
flex-direction: column;
align-items: flex-start;
}
.app-messages__hero-actions[b-pcv9vvwi4t] {
width: auto;
margin-left: 0;
justify-content: flex-end;
flex-wrap: nowrap;
}
.app-messages__hero-actions[b-pcv9vvwi4t]  .app-messages__hero-button--text {
display: none;
}
.app-messages__hero-actions[b-pcv9vvwi4t]  .app-messages__hero-button--icon {
display: inline-flex;
flex: 0 0 auto;
}
.app-messages__controls[b-pcv9vvwi4t] {
grid-template-columns: 1fr;
}
.app-messages__filters[b-pcv9vvwi4t] {
width: 100%;
}
}

@media (max-width: 760px) {
.app-messages[b-pcv9vvwi4t] {
gap: var(--space-4);
}
.app-messages__hero[b-pcv9vvwi4t] {
padding: var(--space-4);
}
.app-messages__workspace[b-pcv9vvwi4t] {
grid-template-columns: minmax(0, 1fr);
min-height: calc(100dvh - 15rem);
}
.app-messages__list-panel[b-pcv9vvwi4t] {
border-right: 0;
}
.app-messages__workspace:not(.has-thread) .app-messages__thread-panel[b-pcv9vvwi4t] {
display: none;
}
.app-messages__workspace.has-thread .app-messages__list-panel[b-pcv9vvwi4t] {
display: none;
}
}

@media (max-width: 520px) {
.app-messages__controls[b-pcv9vvwi4t]  .tovelin-segmented-control {
width: 100%;
overflow-x: auto;
}
}

/* Mentor messages use the same open heading and flat workspace as the menu pages. */
.app-messages:not(.app-messages--learner) .app-messages__hero[b-pcv9vvwi4t] {
padding: 0;
padding-inline-end: var(--space-10);
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
flex-wrap: wrap;
}
/* _content/Tovelin.Shared.UI/Pages/App/Notifications.razor.rz.scp.css */
.app-notifications-page[b-q1b1t4vq53] {
display: block;
}

.app-notifications__shell[b-q1b1t4vq53] {
display: grid;
gap: var(--space-5);
max-width: 960px;
margin-inline: auto;
}

.app-notifications__back[b-q1b1t4vq53] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
width: fit-content;
color: var(--color-text-muted);
text-decoration: none;
transition: color 180ms ease;
}

.app-notifications__back:hover[b-q1b1t4vq53] {
color: var(--color-text);
}

.app-notifications__hero[b-q1b1t4vq53],
.app-notifications__section[b-q1b1t4vq53],
.app-notifications__rail > *[b-q1b1t4vq53] {
border: 1px solid var(--color-border);
border-radius: 18px;
background: var(--color-surface-strong);
box-shadow: var(--shadow-soft);
}

.app-notifications__hero[b-q1b1t4vq53] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-6);
padding: var(--space-7);
background: linear-gradient(135deg,
color-mix(in srgb, var(--color-primary) 8%, var(--color-surface-strong)),
color-mix(in srgb, var(--color-accent) 7%, var(--color-surface-strong)));
}

.app-notifications__hero-copy[b-q1b1t4vq53] {
display: grid;
gap: var(--space-3);
}

.app-notifications__eyebrow[b-q1b1t4vq53] {
margin: 0;
font-size: var(--font-size-xs);
font-weight: var(--font-weight-semibold);
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--color-primary);
}

.app-notifications__hero-title[b-q1b1t4vq53] {
margin: 0;
font-size: clamp(2rem, 3vw, 2.5rem);
line-height: 1.05;
font-weight: var(--font-weight-extrabold);
color: var(--color-text);
}

.app-notifications__hero-text[b-q1b1t4vq53] {
margin: 0;
max-width: 44rem;
font-size: var(--font-size-lg);
color: var(--color-text-muted);
}

.app-notifications__hero-actions[b-q1b1t4vq53] {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-self: end;
gap: var(--space-2);
}

.app-notifications__summary-grid[b-q1b1t4vq53] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
max-width: 40rem;
}

.app-notifications__summary-card[b-q1b1t4vq53] {
display: grid;
gap: 0.15rem;
padding: var(--space-3) var(--space-4);
border: 1px solid var(--color-border);
border-radius: 12px;
background: color-mix(in srgb, var(--color-surface-strong) 92%, white);
}

.app-notifications__summary-card span[b-q1b1t4vq53] {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
}

.app-notifications__summary-card strong[b-q1b1t4vq53] {
font-size: var(--font-size-sm);
color: var(--color-text);
}

.app-notifications__layout[b-q1b1t4vq53] {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.9fr);
gap: var(--space-5);
align-items: start;
}

.app-notifications__main[b-q1b1t4vq53],
.app-notifications__rail[b-q1b1t4vq53] {
display: grid;
gap: var(--space-5);
}

.app-notifications__section[b-q1b1t4vq53] {
padding: var(--space-5);
}

.app-notifications__preference-list[b-q1b1t4vq53] {
display: grid;
}

.app-notifications__preference-row[b-q1b1t4vq53] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
padding: var(--space-4) 0;
border-top: 1px solid var(--color-border);
}

.app-notifications__preference-list > :first-child[b-q1b1t4vq53] {
border-top: 0;
padding-top: 0;
}

.app-notifications__preference-copy[b-q1b1t4vq53] {
display: grid;
gap: 0.15rem;
min-width: 0;
}

.app-notifications__preference-title[b-q1b1t4vq53] {
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
}

.app-notifications__preference-help[b-q1b1t4vq53] {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
}

.app-notifications__preference-control[b-q1b1t4vq53] {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--space-2);
min-width: 7rem;
flex: 0 0 auto;
}

.app-notifications__preference-control--inline[b-q1b1t4vq53] {
flex-wrap: wrap;
}

.app-notifications__delivery-grid[b-q1b1t4vq53],
.app-notifications__toast-grid[b-q1b1t4vq53] {
display: grid;
gap: var(--space-4);
}

.app-notifications__delivery-grid[b-q1b1t4vq53] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-notifications__delivery-card[b-q1b1t4vq53] {
display: grid;
gap: var(--space-3);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: 14px;
background: color-mix(in srgb, var(--color-surface-soft) 64%, white);
}

.app-notifications__delivery-copy[b-q1b1t4vq53] {
display: grid;
gap: 0.15rem;
}

.app-notifications__delivery-copy strong[b-q1b1t4vq53] {
color: var(--color-text);
}

.app-notifications__delivery-copy p[b-q1b1t4vq53] {
margin: 0;
font-size: var(--font-size-xs);
color: var(--color-text-muted);
}

.app-notifications__quiet-toggle[b-q1b1t4vq53] {
display: flex;
justify-content: flex-start;
}

.app-notifications__quiet-time-grid[b-q1b1t4vq53] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.app-notifications__segmented[b-q1b1t4vq53] {
width: fit-content;
}

.app-notifications__select[b-q1b1t4vq53] {
width: 100%;
}

.app-notifications__toast-grid[b-q1b1t4vq53] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-notifications__center-tabs[b-q1b1t4vq53] {
margin-bottom: var(--space-3);
}

.app-notifications__center-list[b-q1b1t4vq53] {
display: grid;
gap: var(--space-3);
}

.app-notifications__center-item[b-q1b1t4vq53] {
display: grid;
gap: var(--space-2);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: 14px;
background: color-mix(in srgb, var(--color-surface-soft) 72%, white);
}

.app-notifications__center-top[b-q1b1t4vq53] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-2);
}

.app-notifications__center-time[b-q1b1t4vq53] {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
}

.app-notifications__center-item-title[b-q1b1t4vq53] {
margin: 0;
font-size: var(--font-size-sm);
line-height: 1.35;
color: var(--color-text);
}

.app-notifications__center-item-text[b-q1b1t4vq53] {
margin: 0;
font-size: var(--font-size-xs);
line-height: 1.55;
color: var(--color-text-muted);
}

.app-notifications__center-action[b-q1b1t4vq53] {
width: fit-content;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
font: inherit;
font-size: var(--font-size-xs);
font-weight: var(--font-weight-semibold);
color: var(--color-primary-dark);
text-decoration: none;
}

.app-notifications__center-action:hover[b-q1b1t4vq53],
.app-notifications__center-action:focus-visible[b-q1b1t4vq53] {
text-decoration: underline;
}

.app-notifications__button-row[b-q1b1t4vq53] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

[data-bs-theme="dark"] .app-notifications__hero[b-q1b1t4vq53] {
background: linear-gradient(135deg,
color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-strong)),
color-mix(in srgb, var(--color-accent) 10%, var(--color-surface-strong)));
}

@media (max-width: 880px) {
.app-notifications__layout[b-q1b1t4vq53],
.app-notifications__hero[b-q1b1t4vq53],
.app-notifications__delivery-grid[b-q1b1t4vq53],
.app-notifications__toast-grid[b-q1b1t4vq53] {
grid-template-columns: 1fr;
}
.app-notifications__hero-actions[b-q1b1t4vq53] {
align-items: flex-start;
justify-self: start;
}
}

@media (max-width: 720px) {
.app-notifications__summary-grid[b-q1b1t4vq53],
.app-notifications__quiet-time-grid[b-q1b1t4vq53] {
grid-template-columns: 1fr;
}
.app-notifications__preference-row[b-q1b1t4vq53] {
flex-direction: column;
align-items: flex-start;
}
.app-notifications__preference-control[b-q1b1t4vq53] {
width: 100%;
justify-content: flex-start;
min-width: 0;
}
.app-notifications__segmented[b-q1b1t4vq53] {
width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/Overview/Overview.razor.rz.scp.css */
:host[b-hipm88yccf] {
display: block;
}

.app-overview[b-hipm88yccf] {
display: grid;
grid-template-columns: minmax(0, 1fr);
min-width: 0;
gap: var(--space-4);
}

.app-overview[b-hipm88yccf]  .app-overview__section-divider {
margin: 0;
}

.app-overview__setup-spotlight-icon[b-hipm88yccf] {
display: grid;
place-items: center;
flex: 0 0 auto;
width: 2.5rem;
height: 2.5rem;
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 72%, var(--color-surface));
color: color-mix(in srgb, var(--color-text) 72%, transparent);
}

.app-overview__setup-spotlight-copy[b-hipm88yccf] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.app-overview__setup-spotlight-kicker[b-hipm88yccf],
.app-overview__setup-spotlight-copy h2[b-hipm88yccf],
.app-overview__setup-spotlight-copy p[b-hipm88yccf] {
margin: 0;
}

.app-overview__setup-spotlight-copy h2[b-hipm88yccf] {
color: var(--color-text);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.app-overview__setup-spotlight-copy p[b-hipm88yccf] {
color: var(--color-text-soft);
font-size: var(--font-size-caption);
line-height: 1.45;
}

.app-overview__setup-spotlight[b-hipm88yccf] {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: var(--space-4);
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-primary) 20%, var(--color-border));
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--section-yellow) 28%, var(--color-surface));
}

.app-overview__setup-spotlight-kicker[b-hipm88yccf] {
color: var(--color-primary-dark);
font-size: 0.68rem;
font-weight: var(--font-weight-semibold);
letter-spacing: 0.05em;
text-transform: uppercase;
}

.app-overview__section[b-hipm88yccf] {
display: grid;
gap: var(--space-4);
}

.app-overview__section-heading[b-hipm88yccf] {
display: grid;
gap: var(--space-2);
max-width: 42rem;
}

.app-overview__section-heading h2[b-hipm88yccf] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-h2);
font-weight: var(--font-weight-bold);
line-height: 1.2;
letter-spacing: -0.025em;
}

.app-overview__activity-filter[b-hipm88yccf] {
width: 14rem;
max-width: 100%;
min-width: 0;
justify-self: end;
}

.app-overview__section-text[b-hipm88yccf] {
margin: 0;
color: var(--color-text-soft);
font-size: var(--font-size-small);
line-height: 1.55;
}

.app-overview__steps[b-hipm88yccf] {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: var(--space-3);
}

.app-overview__step[b-hipm88yccf] {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: var(--space-4);
align-items: center;
min-height: 4.35rem;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: linear-gradient(180deg, var(--color-surface-strong), color-mix(in srgb, var(--color-surface) 94%, var(--section-yellow)));
transition: border-color 160ms ease, box-shadow 160ms ease;
}

.app-overview__step--complete[b-hipm88yccf] {
opacity: 0.72;
}

.app-overview__step--pending[b-hipm88yccf] {
border-color: color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
box-shadow: var(--shadow-sm);
background: linear-gradient(180deg, color-mix(in srgb, var(--section-yellow) 54%, var(--color-surface-strong)), var(--color-surface));
}

.app-overview__step-index[b-hipm88yccf] {
display: grid;
place-items: center;
color: var(--color-text-soft);
font-size: 1.25rem;
line-height: 1;
}

.app-overview__step--complete .app-overview__step-index[b-hipm88yccf] {
color: var(--color-primary);
}

.app-overview__step-copy[b-hipm88yccf] {
min-width: 0;
}

.app-overview__step-title[b-hipm88yccf] {
margin: 0 0 var(--space-1);
color: var(--color-text);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.app-overview__step-title--complete[b-hipm88yccf] {
color: var(--color-text-soft);
text-decoration: line-through;
}

.app-overview__step-action[b-hipm88yccf] {
justify-self: end;
color: var(--color-primary);
font-size: var(--font-size-caption);
white-space: nowrap;
}

.app-overview__attention-list[b-hipm88yccf] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.app-overview__attention-item[b-hipm88yccf] {
display: flex;
align-items: center;
gap: var(--space-4);
min-width: 0;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: linear-gradient(180deg, var(--color-surface-strong), color-mix(in srgb, var(--color-surface) 94%, var(--section-mint)));
}

.app-overview__attention-item[b-hipm88yccf] {
color: inherit;
text-decoration: none;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.app-overview__attention-item:hover[b-hipm88yccf] {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
box-shadow: var(--shadow-sm);
}

.app-overview__attention-item:focus-visible[b-hipm88yccf] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 42%, transparent);
outline-offset: 3px;
}

.app-overview__attention-icon[b-hipm88yccf] {
display: grid;
place-items: center;
flex: 0 0 auto;
width: 2.25rem;
height: 2.25rem;
border-radius: var(--radius-lg);
color: color-mix(in srgb, var(--color-text) 72%, transparent);
}

.app-overview__attention-copy[b-hipm88yccf] {
display: grid;
gap: 0.1rem;
min-width: 0;
}

.app-overview__attention-kicker[b-hipm88yccf] {
margin: 0;
color: var(--color-text-soft);
font-size: 0.68rem;
font-weight: var(--font-weight-semibold);
letter-spacing: 0.05em;
text-transform: uppercase;
}

.app-overview__attention-title[b-hipm88yccf] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.app-overview__attention-text[b-hipm88yccf] {
margin: 0;
color: var(--color-text-soft);
font-size: var(--font-size-caption);
line-height: 1.45;
}

.app-overview__attention-arrow[b-hipm88yccf] {
margin-left: auto;
color: color-mix(in srgb, var(--color-text-soft) 52%, transparent);
font-size: 1rem;
line-height: 1;
}

.app-overview__tile[b-hipm88yccf] {
display: grid;
align-content: start;
gap: var(--space-2);
min-height: 5.6rem;
padding: var(--space-3) var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
color: inherit;
text-align: left;
text-decoration: none;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.app-overview__tile:hover[b-hipm88yccf] {
cursor: pointer;
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
box-shadow: var(--shadow-elevated);
}

.app-overview__flow-heading[b-hipm88yccf] {
display: flex;
align-items: center;
gap: var(--space-3);
min-width: 0;
}

.app-overview__tile-icon[b-hipm88yccf],
.app-overview__flow-icon[b-hipm88yccf] {
width: 2.25rem;
height: 2.25rem;
display: grid;
place-items: center;
border-radius: var(--radius-lg);
color: color-mix(in srgb, var(--color-text) 72%, transparent);
}

.app-overview__flow-title[b-hipm88yccf] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.app-overview__flow-text[b-hipm88yccf] {
margin: 0;
color: var(--color-text-soft);
font-size: var(--font-size-caption);
line-height: 1.5;
}

.app-overview__flow-grid[b-hipm88yccf] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
gap: var(--space-3);
align-items: center;
}

.app-overview__flow-card[b-hipm88yccf] {
position: relative;
display: grid;
align-content: start;
gap: var(--space-2);
min-height: 5.6rem;
padding: var(--space-3) var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
color: inherit;
text-decoration: none;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.app-overview__flow-card:hover[b-hipm88yccf] {
cursor: pointer;
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
box-shadow: var(--shadow-sm);
}

.app-overview__flow-card:focus-visible[b-hipm88yccf] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 42%, transparent);
outline-offset: 3px;
}

.app-overview__flow-arrow[b-hipm88yccf] {
display: grid;
place-items: center;
margin-inline: -0.35rem;
color: color-mix(in srgb, var(--color-text-soft) 42%, transparent);
font-size: 1rem;
line-height: 1;
}

.app-overview__activity-empty[b-hipm88yccf] {
display: flex;
align-items: center;
gap: var(--space-3);
min-height: 6.25rem;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
color: var(--color-text-soft);
text-align: left;
}

.app-overview__activity-empty-icon[b-hipm88yccf] {
display: grid;
place-items: center;
flex: 0 0 auto;
width: 2.5rem;
height: 2.5rem;
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 76%, var(--color-surface));
color: color-mix(in srgb, var(--color-text) 72%, transparent);
}

.app-overview__activity-empty-icon i[b-hipm88yccf] {
font-size: 1.2rem;
line-height: 1;
}

.app-overview__activity-empty-copy[b-hipm88yccf] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.app-overview__activity-empty-title[b-hipm88yccf] {
color: var(--color-text);
font-weight: var(--font-weight-semibold);
}

.app-overview__activity-empty p[b-hipm88yccf] {
margin: 0;
font-size: var(--font-size-small);
line-height: 1.45;
}

.bg-tovelin-blue[b-hipm88yccf] {
background: color-mix(in srgb, var(--color-secondary) 46%, var(--color-surface));
}

.bg-tovelin-yellow[b-hipm88yccf] {
background: color-mix(in srgb, var(--color-accent) 52%, var(--color-surface));
}

.bg-tovelin-mint[b-hipm88yccf] {
background: color-mix(in srgb, var(--color-secondary) 34%, var(--color-bg));
}

.bg-tovelin-lavender[b-hipm88yccf] {
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
}

.bg-tovelin-peach[b-hipm88yccf] {
background: color-mix(in srgb, var(--color-primary) 20%, var(--color-surface));
}

@media (max-width: 980px) {
.app-overview__flow-grid[b-hipm88yccf] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.app-overview__flow-arrow[b-hipm88yccf] {
display: none;
}
}

@media (max-width: 640px) {
.app-overview[b-hipm88yccf] {
gap: var(--space-8);
}
.app-overview__attention-list[b-hipm88yccf],
.app-overview__flow-grid[b-hipm88yccf] {
grid-template-columns: 1fr;
}
.app-overview__step[b-hipm88yccf] {
grid-template-columns: auto minmax(0, 1fr);
}
.app-overview__step-action[b-hipm88yccf] {
grid-column: 2;
justify-self: start;
}
.app-overview__attention-item[b-hipm88yccf],
.app-overview__setup-spotlight[b-hipm88yccf],
.app-overview__activity-empty[b-hipm88yccf] {
align-items: flex-start;
}
.app-overview__setup-spotlight[b-hipm88yccf] {
grid-template-columns: 1fr;
}
.app-overview__activity-empty[b-hipm88yccf] {
flex-direction: column;
}
}

/* Group workspace selected in the approved Overview draft. */
.app-overview__page-heading[b-hipm88yccf] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-4);
min-width: 0;
padding-inline-end: var(--space-10);
}
.app-overview__workspace[b-hipm88yccf] {
display: grid;
grid-template-columns: minmax(15rem, 0.43fr) minmax(0, 1fr);
gap: var(--space-6);
align-items: start;
min-width: 0;
}
.app-overview__rail[b-hipm88yccf] {
display: flex;
flex-direction: column;
gap: var(--space-4);
min-width: 0;
min-height: 42rem;
padding: var(--space-5);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-secondary) 36%, var(--color-surface));
}
.app-overview__rail h2[b-hipm88yccf] { margin: 0; font-size: 1.4rem; line-height: 1.2; }
.app-overview__group-picker[b-hipm88yccf] { display: grid; gap: var(--space-3); min-width: 0; }
.app-overview__rail-summary[b-hipm88yccf] { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.app-overview__rail-summary span[b-hipm88yccf],
.app-overview__text-link[b-hipm88yccf] { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--font-size-body); }
.app-overview__text-link[b-hipm88yccf] { color: var(--color-text); text-decoration: none; width: fit-content; }
.app-overview__text-link:hover[b-hipm88yccf] { text-decoration: underline; text-underline-offset: 0.2em; }
.app-overview__text-link:focus-visible[b-hipm88yccf],
.app-overview__goal-row:focus-visible[b-hipm88yccf] { outline: 3px solid var(--color-primary); outline-offset: 3px; border-radius: var(--radius-sm); }
.app-overview__learner-picker[b-hipm88yccf] { display: grid; gap: var(--space-3); border-block: 1px solid var(--color-border); padding-top: var(--space-5); padding-bottom: var(--space-4); }
.app-overview__learner-picker p[b-hipm88yccf] { margin: 0; }
.app-overview__learner-list[b-hipm88yccf] { display: grid; gap: var(--space-2); max-height: 22rem; overflow-y: auto; padding: 3px; margin: -3px; }
.app-overview__learner-menu[b-hipm88yccf] { display: none; }
.app-overview__learner-list[b-hipm88yccf]  .app-overview__learner-choice {
padding: var(--space-3);
border-radius: var(--radius-lg);
color: var(--color-text);
text-align: left;
background: color-mix(in srgb, var(--color-surface) 65%, transparent);
border: 1px solid var(--color-border);
border-inline-start-width: 3px;
min-width: 0;
white-space: normal;
transform: none;
box-shadow: none;
}
.app-overview__learner-list[b-hipm88yccf]  .app-overview__learner-choice.is-active {
background: var(--color-surface);
border-inline-start: 3px solid var(--color-primary);
transform: none;
box-shadow: none;
}
.app-overview__learner-list[b-hipm88yccf]  .app-overview__learner-choice:hover { background: var(--color-surface); border-color: var(--color-primary); }
.app-overview__learner-list[b-hipm88yccf]  .tovelin-btn__label { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); width: 100%; overflow-wrap: anywhere; }
.app-overview__rail-illustration[b-hipm88yccf] { margin: auto calc(0px - var(--space-5)) 0; overflow: hidden; text-align: center; padding-top: var(--space-7); }
.app-overview__rail-illustration img[b-hipm88yccf] { display: block; width: calc(100% + 3.75rem); max-width: none; margin-inline: -1.875rem; height: auto; }
.app-overview__rail-illustration figcaption[b-hipm88yccf] { margin-top: var(--space-3); font-family: var(--font-heading); font-size: 1.3rem; font-weight: var(--font-weight-medium); }
.app-overview__main[b-hipm88yccf] { display: grid; gap: var(--space-5); min-width: 0; }
.app-overview__learner-heading[b-hipm88yccf] { display: flex; align-items: center; gap: var(--space-4); min-width: 0; }
.app-overview__learner-heading h2[b-hipm88yccf] { flex: 1; min-width: 0; margin: 0; font-size: clamp(1.55rem, 3vw, 2.1rem); line-height: 1.15; overflow-wrap: anywhere; }
.app-overview__learner-profile[b-hipm88yccf] { color: inherit; text-decoration: underline; text-decoration-color: var(--color-border); text-underline-offset: 0.18em; }
.app-overview__learner-profile:hover[b-hipm88yccf] { text-decoration-color: currentColor; }
.app-overview__learner-profile:focus-visible[b-hipm88yccf] { outline: 3px solid var(--color-primary); outline-offset: 4px; border-radius: var(--radius-sm); }
.app-overview__next-task[b-hipm88yccf] {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(8rem, 34%);
align-items: center;
gap: var(--space-4);
min-width: 0;
min-height: 15.5rem;
padding: var(--space-5);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-accent) 20%, var(--color-surface));
}
.app-overview__next-task-copy[b-hipm88yccf] { display: grid; justify-items: start; gap: var(--space-3); min-width: 0; }
.app-overview__next-task-copy p[b-hipm88yccf] { margin: 0; }
.app-overview__next-task-copy h2[b-hipm88yccf] { margin: 0; font-size: clamp(1.8rem, 3.5vw, 2.6rem); line-height: 1.12; overflow-wrap: anywhere; }
.app-overview__next-task-copy[b-hipm88yccf]  .app-overview__task-action { min-height: 3rem; padding-inline: var(--space-5); border-radius: var(--radius-pill); font-size: var(--font-size-body); }
.app-overview__next-task-copy[b-hipm88yccf]  .tovelin-btn__label { display: inline-flex; align-items: center; gap: var(--space-3); }
.app-overview__task-illustration[b-hipm88yccf] { display: block; width: 100%; height: auto; max-height: 15rem; object-fit: contain; }
.app-overview__task-goal[b-hipm88yccf] { display: flex; align-items: center; gap: var(--space-2); padding-top: var(--space-3); border-top: 1px solid var(--color-border); width: 100%; min-width: 0; }
.app-overview__task-goal-label[b-hipm88yccf] { color: var(--color-text); font-size: var(--font-size-small); overflow-wrap: anywhere; line-height: 1.4; min-width: 0; }
.app-overview__goals[b-hipm88yccf],
.app-overview__learning[b-hipm88yccf] { display: grid; gap: var(--space-3); min-width: 0; }
.app-overview__main[b-hipm88yccf]  .tovelin-section-header__title,
.app-overview__main .app-overview__section-title[b-hipm88yccf] { font-size: 1.4rem; }
.app-overview__main[b-hipm88yccf]  .tovelin-section-header__top { gap: var(--space-3); align-items: center; justify-content: space-between; }
.app-overview__main[b-hipm88yccf]  .tovelin-section-header__copy { flex: 1; }
.app-overview__main[b-hipm88yccf]  .tovelin-avatar--accent { background: color-mix(in srgb, var(--color-accent) 50%, var(--color-surface)); color: var(--color-text); border: 0; box-shadow: none; }
.app-overview__rail[b-hipm88yccf]  .tovelin-avatar--accent { background: color-mix(in srgb, var(--color-accent) 50%, var(--color-surface)); color: var(--color-text); border: 0; box-shadow: none; }
.app-overview__goal-list[b-hipm88yccf] { background: var(--color-surface); border-radius: var(--radius-lg); padding: 0 var(--space-3); }
.app-overview__goal-row[b-hipm88yccf] { display: grid; grid-template-columns: auto minmax(0, 1.25fr) minmax(5rem, 1fr) auto; gap: var(--space-3); align-items: center; padding: var(--space-2) 0; color: var(--color-text); text-decoration: none; }
.app-overview__goal-row + .app-overview__goal-row[b-hipm88yccf] { border-top: 1px solid var(--color-border); }
.app-overview__goal-row:hover strong[b-hipm88yccf] { text-decoration: underline; }
.app-overview__goal-row[b-hipm88yccf]  .tovelin-avatar .bi { font-size: 1.125rem; }
.app-overview__goal-row strong[b-hipm88yccf] { font-size: var(--font-size-small); overflow-wrap: anywhere; }
.app-overview__goal-row .text-support[b-hipm88yccf] { white-space: nowrap; }
.app-overview__goal-progress[b-hipm88yccf] { min-width: 0; }
.app-overview__learning-totals[b-hipm88yccf] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.app-overview__learning-totals[b-hipm88yccf]  .app-overview__learning-metric {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: var(--space-3);
row-gap: var(--space-1);
padding: var(--space-2) 0;
border: 0;
border-radius: 0;
box-shadow: none;
background: transparent;
}
.app-overview__learning-totals[b-hipm88yccf]  .tovelin-metric-card__top { grid-column: 1; grid-row: 1 / 3; align-self: center; }
.app-overview__learning-totals[b-hipm88yccf]  .tovelin-metric-card__icon { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; font-size: 1.35rem; border: 0; border-radius: var(--radius-pill); background: var(--color-success); color: var(--color-text); }
.app-overview__learning-totals[b-hipm88yccf]  .tovelin-metric-card__icon .tovelin-icon { font-size: 1.35rem; color: var(--color-text); }
.app-overview__learning-totals[b-hipm88yccf]  .app-overview__learning-metric:nth-child(2) .tovelin-metric-card__icon { background: color-mix(in srgb, var(--color-secondary) 48%, var(--color-surface)); }
.app-overview__learning-totals[b-hipm88yccf]  .app-overview__learning-metric:nth-child(3) .tovelin-metric-card__icon { background: color-mix(in srgb, var(--color-primary) 15%, var(--color-surface)); }
.app-overview__learning-totals[b-hipm88yccf]  .tovelin-metric-card__value { grid-row: 1; grid-column: 2; align-self: end; font-family: var(--font-body); font-size: 1.5rem; font-weight: var(--font-weight-medium); }
.app-overview__learning-totals[b-hipm88yccf]  .tovelin-metric-card__label { grid-row: 2; grid-column: 2; align-self: start; text-transform: none; letter-spacing: 0; color: var(--color-text-soft); font-size: var(--font-size-small); line-height: 1.2; }
.app-overview__learning[b-hipm88yccf]  .app-overview__balance-link { justify-self: start; color: var(--color-text-soft); padding: 0; }
.app-overview__main .app-overview__section[b-hipm88yccf] { min-width: 0; }

/* Overview continuation: grouped shortcuts and a flat feed. */
.app-overview__lower[b-hipm88yccf] {
display: grid;
gap: var(--space-5);
min-width: 0;
padding-top: var(--space-1);
}

.app-overview__lower-section[b-hipm88yccf] {
display: grid;
align-content: start;
gap: var(--space-4);
min-width: 0;
}

.app-overview__lower[b-hipm88yccf]  .tovelin-section-header__title {
font-size: 1.5rem;
}

.app-overview__section--activity[b-hipm88yccf]  .tovelin-section-header__top {
justify-content: space-between;
gap: var(--space-3);
}

.app-overview__section--activity[b-hipm88yccf]  .tovelin-section-header__actions {
margin-inline-start: auto;
max-width: 100%;
}

.app-overview__lower-columns[b-hipm88yccf] {
display: grid;
grid-template-columns: minmax(15rem, 0.47fr) minmax(0, 1fr);
gap: var(--space-8);
min-width: 0;
}

.app-overview__lower-columns .app-overview__section--activity[b-hipm88yccf] {
padding-inline-start: var(--space-7);
border-inline-start: 1px solid var(--color-border);
}

.app-overview__shortcut-list[b-hipm88yccf] {
display: grid;
padding: var(--space-2) var(--space-5);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-secondary) 36%, var(--color-surface));
min-width: 0;
}

.app-overview__shortcut-list[b-hipm88yccf]  .app-overview__shortcut {
min-height: 3.6rem;
padding: var(--space-2) 0;
border: 0;
border-radius: 0;
color: var(--color-text);
background: transparent;
box-shadow: none;
transform: none;
text-align: start;
white-space: normal;
}

.app-overview__shortcut-list[b-hipm88yccf]  .app-overview__shortcut + .app-overview__shortcut {
border-top: 1px solid var(--color-border);
}

.app-overview__shortcut-list[b-hipm88yccf]  .tovelin-btn__label {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: var(--space-4);
width: 100%;
font-size: 1rem;
overflow-wrap: anywhere;
}

.app-overview__shortcut-list[b-hipm88yccf]  .app-overview__shortcut:hover .tovelin-btn__label > span:nth-child(2) {
text-decoration: underline;
text-underline-offset: 0.2em;
}

.app-overview__shortcut-list[b-hipm88yccf]  .app-overview__shortcut:focus-visible {
outline: 3px solid var(--color-primary);
outline-offset: 3px;
border-radius: var(--radius-sm);
}

.app-overview__shortcut-list[b-hipm88yccf]  .app-overview__shortcut-icon {
border: 0;
box-shadow: none;
color: var(--color-text);
background: color-mix(in srgb, var(--color-secondary) 48%, var(--color-surface));
}

.app-overview__shortcut-list[b-hipm88yccf]  .app-overview__shortcut-icon .tovelin-icon {
font-size: 1.125rem;
color: var(--color-text);
}

.app-overview__section--activity[b-hipm88yccf]  .app-overview__activity-feed {
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}

.app-overview__section--activity[b-hipm88yccf]  .app-overview__activity-feed .tovelin-activity-feed__items {
gap: 0;
}

.app-overview__section--activity[b-hipm88yccf]  .app-overview__activity-feed .tovelin-activity-feed__item {
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
transform: none;
box-shadow: none;
min-width: 0;
}

.app-overview__section--activity[b-hipm88yccf]  .app-overview__activity-feed .tovelin-activity-feed__item + .tovelin-activity-feed__item {
border-top: 1px solid var(--color-border);
}

.app-overview__section--activity[b-hipm88yccf]  .app-overview__activity-feed .tovelin-activity-feed__link {
padding: var(--space-3) 0;
gap: var(--space-3);
}

.app-overview__section--activity[b-hipm88yccf]  .app-overview__activity-feed .tovelin-activity-feed__item:not(.is-clickable) {
padding: var(--space-3) 0;
}

.app-overview__section--activity[b-hipm88yccf]  .app-overview__activity-feed .tovelin-activity-feed__icon {
width: 2.5rem;
height: 2.5rem;
border: 0;
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));
}

.app-overview__section--activity[b-hipm88yccf]  .app-overview__activity-feed .tovelin-activity-feed__initials {
font-size: var(--font-size-body);
}

.app-overview__section--activity[b-hipm88yccf]  .app-overview__activity-feed .tovelin-activity-feed__timestamp {
color: var(--color-text-soft);
font-size: 0.7rem;
font-weight: var(--font-weight-medium);
letter-spacing: 0.04em;
text-transform: uppercase;
}

.app-overview__section--activity[b-hipm88yccf]  .app-overview__activity-feed .tovelin-activity-feed__headline {
font-size: 1rem;
font-weight: var(--font-weight-semibold);
}

.app-overview__section--activity[b-hipm88yccf]  .app-overview__activity-feed .tovelin-activity-feed__message {
font-size: var(--font-size-body);
overflow-wrap: anywhere;
}

.app-overview__section--activity[b-hipm88yccf]  .app-overview__activity-feed .tovelin-activity-feed__footer:empty {
display: none;
}

.app-overview__section--activity[b-hipm88yccf]  .app-overview__activity-feed .tovelin-activity-feed__footer .tovelin-btn {
min-height: 2.75rem;
color: var(--color-text);
font-size: var(--font-size-body);
}

.app-overview__lower .app-overview__activity-empty[b-hipm88yccf] {
border: 0;
padding: var(--space-4) 0;
background: transparent;
border-radius: 0;
flex-wrap: wrap;
}

.app-overview__lower .app-overview__attention-list[b-hipm88yccf] {
grid-template-columns: minmax(0, 1fr);
gap: 0;
}

.app-overview__lower .app-overview__attention-item[b-hipm88yccf] {
padding: var(--space-4) 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
transform: none;
}

.app-overview__lower .app-overview__attention-item + .app-overview__attention-item[b-hipm88yccf] {
border-top: 1px solid var(--color-border);
}

@media (max-width: 980px) {
.app-overview__lower-columns[b-hipm88yccf] { grid-template-columns: minmax(12rem, 0.47fr) minmax(0, 1fr); gap: var(--space-5); }
.app-overview__lower-columns .app-overview__section--activity[b-hipm88yccf] { padding-inline-start: var(--space-4); }
.app-overview__workspace[b-hipm88yccf] { grid-template-columns: minmax(0, 1fr); }
.app-overview__rail[b-hipm88yccf] { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: var(--space-3) var(--space-5); }
.app-overview__learner-picker[b-hipm88yccf] { border: 0; padding: 0; min-width: 0; }
.app-overview__learner-picker > .text-eyebrow[b-hipm88yccf] { font-family: var(--font-heading); font-size: 1.4rem; font-weight: var(--font-weight-bold); line-height: 1.2; text-transform: none; letter-spacing: normal; }
.app-overview__rail-summary[b-hipm88yccf],
.app-overview__rail-detail[b-hipm88yccf],
.app-overview__learner-list[b-hipm88yccf],
.app-overview__rail-illustration[b-hipm88yccf] { display: none; }
.app-overview__learner-menu[b-hipm88yccf] { display: block; }
}
@media (max-width: 700px) {
.app-overview__lower-columns[b-hipm88yccf] { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
.app-overview__lower-columns .app-overview__section--activity[b-hipm88yccf] { padding-inline-start: 0; border-inline-start: 0; }
}
@media (min-width: 701px) and (max-width: 980px) {
.app-overview__activity-filter[b-hipm88yccf] { width: clamp(9rem, 24vw, 14rem); }
}
@media (max-width: 640px) {
.app-overview__learner-heading[b-hipm88yccf] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-2) var(--space-3); }
.app-overview__learner-heading h2[b-hipm88yccf] { font-size: 1.5rem; }
.app-overview__goal-row[b-hipm88yccf] { grid-template-columns: auto minmax(0, 1fr); gap: var(--space-2) var(--space-3); }
.app-overview__goal-row .text-support[b-hipm88yccf] { grid-column: 2; white-space: normal; }
.app-overview__goal-progress[b-hipm88yccf] { grid-column: 2; }
.app-overview__next-task[b-hipm88yccf] { padding: var(--space-4); gap: var(--space-3); grid-template-columns: minmax(0, 1fr) 5.5rem; min-height: 0; }
.app-overview__next-task-copy[b-hipm88yccf] { grid-column: 1 / -1; grid-row: 1; }
.app-overview__next-task-copy h2[b-hipm88yccf] { padding-inline-end: 5.5rem; min-height: 3rem; }
.app-overview__next-task-copy > p:not(.text-eyebrow)[b-hipm88yccf] { padding-inline-end: 5.5rem; }
.app-overview__task-illustration[b-hipm88yccf] { grid-column: 2; grid-row: 1; align-self: start; margin-top: var(--space-5); }
.app-overview__task-goal[b-hipm88yccf] { margin-top: var(--space-2); }
.app-overview__learning-totals[b-hipm88yccf] { gap: var(--space-3); }
.app-overview__learning-totals[b-hipm88yccf]  .app-overview__learning-metric { grid-template-columns: minmax(0, 1fr); }
.app-overview__learning-totals[b-hipm88yccf]  .tovelin-metric-card__top { display: none; }
.app-overview__learning-totals[b-hipm88yccf]  .tovelin-metric-card__label,
.app-overview__learning-totals[b-hipm88yccf]  .tovelin-metric-card__value { grid-column: 1; }
}

@media (max-width: 400px) {
.app-overview__rail[b-hipm88yccf] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 600px) {
.app-overview__section--activity[b-hipm88yccf]  .tovelin-section-header__top { flex-direction: column; align-items: stretch; }
.app-overview__section--activity[b-hipm88yccf]  .tovelin-section-header__actions { width: 100%; margin-inline-start: 0; }
.app-overview__activity-filter[b-hipm88yccf] { width: 100%; max-width: none; }
}

.app-overview__task-goal[b-hipm88yccf]  .app-overview__goal-symbol {
position: relative;
width: 1.4rem;
height: 1.4rem;
flex: 0 0 auto;
}

.app-overview__task-goal[b-hipm88yccf]  .app-overview__goal-symbol img {
position: absolute;
width: 2.5rem;
height: 2.5rem;
max-width: none;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
/* _content/Tovelin.Shared.UI/Pages/App/Overview/OverviewGettingStarted.razor.rz.scp.css */
.overview-getting-started[b-2qd16fk2u6] {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(6rem, 24%);
align-items: center;
gap: var(--space-4) var(--space-5);
padding: var(--space-6);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-accent) 20%, var(--color-surface));
min-width: 0;
}
.overview-getting-started__copy[b-2qd16fk2u6] { display: grid; gap: var(--space-3); min-width: 0; }
.overview-getting-started__copy p[b-2qd16fk2u6], .overview-getting-started__copy h2[b-2qd16fk2u6] { margin: 0; }
.overview-getting-started__copy h2[b-2qd16fk2u6] { font-size: clamp(1.65rem, 3vw, 2.3rem); line-height: 1.15; overflow-wrap: anywhere; }
.overview-getting-started__image[b-2qd16fk2u6] { width: 100%; height: auto; max-height: 10rem; object-fit: contain; }
.overview-getting-started__actions[b-2qd16fk2u6] { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: var(--space-3); }
.overview-getting-started__actions[b-2qd16fk2u6]  .tovelin-btn { min-height: 2.75rem; white-space: normal; }
.overview-getting-started__actions[b-2qd16fk2u6]  .tovelin-btn__label { display: inline-flex; align-items: center; gap: var(--space-2); }
@media (max-width: 600px) {
.overview-getting-started[b-2qd16fk2u6] { padding: var(--space-4); grid-template-columns: minmax(0, 1fr) 4.5rem; gap: var(--space-4) var(--space-2); }
.overview-getting-started__copy[b-2qd16fk2u6] { grid-column: 1 / -1; grid-row: 1; }
.overview-getting-started__copy h2[b-2qd16fk2u6] { padding-inline-end: 4.5rem; }
.overview-getting-started__copy .text-eyebrow[b-2qd16fk2u6] { padding-inline-end: 4.5rem; }
.overview-getting-started__image[b-2qd16fk2u6] { grid-column: 2; grid-row: 1; align-self: start; }
.overview-getting-started__actions[b-2qd16fk2u6] { display: grid; grid-template-columns: minmax(0, 1fr); }
}
/* _content/Tovelin.Shared.UI/Pages/App/Plan.razor.rz.scp.css */
.app-plan-page[b-6paazr987t] {
display: grid;
gap: 1.5rem;
}

.app-plan__hero[b-6paazr987t],
.app-plan__grid[b-6paazr987t] {
display: grid;
gap: 1.25rem;
}

.app-plan__hero[b-6paazr987t] {
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
}

.app-plan__hero-kicker[b-6paazr987t],
.app-plan__card-kicker[b-6paazr987t] {
margin: 0 0 0.35rem;
color: var(--color-kicker);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
}

.app-plan__hero-copy h1[b-6paazr987t],
.app-plan__card-header h2[b-6paazr987t] {
margin: 0;
}

.app-plan__hero-actions[b-6paazr987t] {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
}

.app-plan__grid[b-6paazr987t] {
grid-template-columns: minmax(0, 1.3fr) minmax(18rem, 0.9fr);
}

.app-plan__card[b-6paazr987t] {
height: 100%;
}

.app-plan__card-header[b-6paazr987t] {
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: start;
margin-bottom: 1rem;
}

.app-plan__metrics[b-6paazr987t],
.app-plan__usage-grid[b-6paazr987t] {
display: grid;
gap: 0.85rem;
}

.app-plan__metrics[b-6paazr987t] {
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-bottom: 1rem;
}

.app-plan__metric[b-6paazr987t],
.app-plan__usage-item[b-6paazr987t] {
border: 1px solid var(--color-border);
background: var(--color-surface-2);
border-radius: var(--radius-lg);
padding: 1rem;
}

.app-plan__metric span[b-6paazr987t],
.app-plan__usage-label[b-6paazr987t],
.app-plan__usage-note[b-6paazr987t],
.app-plan__addon-meta[b-6paazr987t] {
color: var(--color-text-muted);
font-size: 0.95rem;
}

.app-plan__metric strong[b-6paazr987t],
.app-plan__usage-value[b-6paazr987t] {
display: block;
margin-top: 0.35rem;
font-size: 1.1rem;
}

.app-plan__included h3[b-6paazr987t],
.app-plan__addons h3[b-6paazr987t] {
margin: 0 0 0.85rem;
}

.app-plan__included-list[b-6paazr987t],
.app-plan__addons-list[b-6paazr987t] {
list-style: none;
margin: 0;
padding: 0;
}

.app-plan__included-list[b-6paazr987t] {
display: grid;
gap: 0.75rem;
}

.app-plan__included-list li[b-6paazr987t] {
display: flex;
gap: 0.75rem;
align-items: start;
}

.app-plan__addons[b-6paazr987t] {
margin-top: 1rem;
}

.app-plan__addons-list[b-6paazr987t] {
display: grid;
gap: 0.8rem;
}

.app-plan__addons-list li[b-6paazr987t] {
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: start;
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
padding: 0.9rem 1rem;
background: var(--color-surface-2);
}

.app-plan__side-actions[b-6paazr987t] {
margin-top: 1rem;
}

@media (max-width: 880px) {
.app-plan__hero[b-6paazr987t],
.app-plan__grid[b-6paazr987t],
.app-plan__metrics[b-6paazr987t] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/Play.razor.rz.scp.css */
/* Speldosan: compact context, illustrated series and one focused game list. */
:host[b-o6lj7xcfr3] { display: block; }
.app-play[b-o6lj7xcfr3] { display: grid; gap: var(--space-6); min-width: 0; }
.app-play__portrait-orientation-gate[b-o6lj7xcfr3] { display: none; }
.app-play__heading[b-o6lj7xcfr3], .app-play__detail-top[b-o6lj7xcfr3] {
display: flex; align-items: center; justify-content: space-between;
flex-wrap: wrap; gap: var(--space-4); min-width: 0;
}
.app-play__series-introduction h1[b-o6lj7xcfr3] {
margin: 0; color: var(--color-text); font-family: var(--font-heading);
font-size: clamp(2rem, 4.1vw, 3rem); font-weight: var(--font-weight-semibold);
line-height: 1.1; overflow-wrap: anywhere;
}
.app-play__context[b-o6lj7xcfr3] {
display: flex; flex-wrap: wrap; gap: var(--space-1);
align-items: center; min-width: 0; max-width: 100%;
}
.app-play__context[b-o6lj7xcfr3]  .tovelin-btn {
min-width: 0; max-width: 100%; min-height: 2.75rem; font-size: var(--font-size-small);
padding: var(--space-2); color: var(--color-text); font-weight: var(--font-weight-regular);
}
.app-play__context[b-o6lj7xcfr3]  .tovelin-btn__label { min-width: 0; }
.app-play__context[b-o6lj7xcfr3]  .tovelin-btn__label > span { overflow-wrap: anywhere; text-align: left; }
.app-play__context[b-o6lj7xcfr3]  .bi-person-fill, .app-play__context[b-o6lj7xcfr3]  .bi-people-fill { color: var(--color-info-dark); }
.app-play__context[b-o6lj7xcfr3]  .bi-star-fill { color: var(--color-accent-dark); }
.app-play__context[b-o6lj7xcfr3]  .bi-chevron-down { font-size: var(--font-size-caption); }
.app-play__back[b-o6lj7xcfr3]  .tovelin-btn__label { justify-content: start; }
.app-play__catalog-focus[b-o6lj7xcfr3], .app-play__section[b-o6lj7xcfr3], .app-play__catalog-tools[b-o6lj7xcfr3] {
display: grid; min-width: 0; gap: var(--space-4);
}
.app-play__catalog-focus[b-o6lj7xcfr3]  .app-play__mode-tabs { gap: var(--space-5); }
.app-play__catalog-focus[b-o6lj7xcfr3]  .tovelin-tabs__list { gap: var(--space-2); }
.app-play__catalog-focus[b-o6lj7xcfr3]  .tovelin-tabs__tab {
position: relative; padding: var(--space-3) var(--space-5); min-height: 3rem;
font-size: var(--font-size-body-lg); border-color: transparent;
background: transparent; box-shadow: none; color: var(--color-text-soft);
}
.app-play__catalog-focus[b-o6lj7xcfr3]  .tovelin-tabs__tab--selected {
color: var(--color-primary-dark); background: var(--color-surface);
border-color: var(--color-border-soft); border-bottom-color: var(--color-surface);
border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}
.app-play__catalog-focus[b-o6lj7xcfr3]  .tovelin-tabs__tab--selected::after {
content: ""; position: absolute; inset: auto var(--space-5) 0;
height: 3px; background: var(--color-primary); border-radius: var(--radius-pill);
}
.app-play__catalog-focus[b-o6lj7xcfr3]  .tovelin-tabs__panel { padding: 0; background: transparent; border: 0; box-shadow: none; }
.app-play__catalog-search-row[b-o6lj7xcfr3] {
display: grid; grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-3); align-items: center; min-width: 0;
}
.app-play__catalog-search-row[b-o6lj7xcfr3]  .tovelin-input { min-height: 3rem; background: var(--color-surface); }
.app-play__catalog-search-row[b-o6lj7xcfr3]  .app-play__filter-toggle {
min-height: 3rem; padding-inline: var(--space-5); color: var(--color-text);
background: color-mix(in srgb, var(--color-secondary) 18%, var(--color-surface));
}
.app-play__catalog-filter-panel[b-o6lj7xcfr3] {
display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--space-3); align-items: end; min-width: 0; padding-block: var(--space-2);
}
.app-play__catalog-heading-row[b-o6lj7xcfr3] {
display: flex; align-items: center; justify-content: space-between;
gap: var(--space-3); flex-wrap: wrap; min-width: 0;
}
.app-play__catalog-heading-row[b-o6lj7xcfr3]  .tovelin-section-header__title { font-size: clamp(1.3rem, 2.2vw, 1.75rem); }
.app-play__catalog-heading-row[b-o6lj7xcfr3]  .app-play__catalog-view-action { color: var(--color-primary-dark); font-size: var(--font-size-small); }
.app-play__goal-selection[b-o6lj7xcfr3] { border-bottom: 1px solid var(--color-border-soft); padding-bottom: var(--space-2); }
.app-play__catalog-empty[b-o6lj7xcfr3] {
display: flex; align-items: center; gap: var(--space-3); min-width: 0;
padding: var(--space-5); border: 1px solid var(--color-border-soft);
border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-text-soft);
}
.app-play__catalog-empty-copy[b-o6lj7xcfr3] { display: grid; gap: var(--space-2); min-width: 0; flex: 1; }
.app-play__catalog-empty-copy strong[b-o6lj7xcfr3] { color: var(--color-text); }
.app-play__catalog-empty--action[b-o6lj7xcfr3] { width: 100%; font: inherit; text-align: left; cursor: pointer; }
.app-play__catalog-empty-action[b-o6lj7xcfr3] { color: var(--color-primary-dark); display: inline-flex; gap: var(--space-2); }
.app-play__catalog-empty--action:focus-visible[b-o6lj7xcfr3], .app-play__series-header:focus-visible[b-o6lj7xcfr3] {
outline: 3px solid var(--color-secondary-dark); outline-offset: -3px;
}
.app-play__series-list[b-o6lj7xcfr3] {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3); min-width: 0; align-items: stretch;
}
.app-play__series-group[b-o6lj7xcfr3] {
min-width: 0; border: 1px solid var(--color-border-soft); border-radius: var(--radius-xl);
background: var(--color-surface); overflow: hidden;
}
.app-play__series-header[b-o6lj7xcfr3] {
display: grid; grid-template-columns: minmax(7rem, 36%) minmax(0, 1fr) auto;
align-items: center; gap: var(--space-4); width: 100%; height: 100%; min-width: 0;
padding: var(--space-2); border: 0; background: transparent;
color: var(--color-text); font: inherit; text-align: left; cursor: pointer;
transition: background-color 160ms ease;
}
.app-play__series-header:hover[b-o6lj7xcfr3] { background: var(--color-surface-soft); }
.app-play__series-heading[b-o6lj7xcfr3] { display: grid; gap: var(--space-2); min-width: 0; padding-block: var(--space-3); }
.app-play__series-title[b-o6lj7xcfr3] {
color: var(--color-text); font-family: var(--font-body);
font-size: clamp(1rem, 1.7vw, 1.2rem); font-weight: var(--font-weight-semibold);
line-height: 1.2; overflow-wrap: anywhere;
}
.app-play__series-short-label[b-o6lj7xcfr3] { margin: 0; color: var(--color-text-soft); font-size: var(--font-size-small); line-height: 1.4; }
.app-play__series-count[b-o6lj7xcfr3] { margin-top: var(--space-2); color: var(--color-text-soft); font-size: var(--font-size-small); }
.app-play__series-chevron[b-o6lj7xcfr3] {
display: grid; place-items: center; width: 2.25rem; height: 2.25rem;
margin-right: var(--space-2); border: 1px solid color-mix(in srgb, var(--color-primary) 34%, transparent);
border-radius: var(--radius-full); color: var(--color-primary-dark);
}
.app-play__preview-art[b-o6lj7xcfr3] {
display: grid; place-items: center; min-width: 0; overflow: hidden;
border-radius: var(--radius-lg); background: var(--series-preview-background, var(--color-bg));
}
.app-play__preview-art--series[b-o6lj7xcfr3] { align-self: stretch; min-height: 7.5rem; }
.app-play__preview-stack[b-o6lj7xcfr3] { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-width: 0; }
.app-play__preview-stack img[b-o6lj7xcfr3] { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.app-play__preview-stack img:only-child[b-o6lj7xcfr3] { width: 100%; height: 100%; }
.app-play__preview-art--series .app-play__preview-stack img:only-child[b-o6lj7xcfr3] { max-height: 8rem; }
.app-play__visual--word-check[b-o6lj7xcfr3] { --series-preview-background: color-mix(in srgb, var(--color-primary) 16%, var(--color-surface)); }
.app-play__visual--word-hunt[b-o6lj7xcfr3] { --series-preview-background: color-mix(in srgb, var(--color-secondary) 34%, var(--color-surface)); }
.app-play__visual--letters[b-o6lj7xcfr3] { --series-preview-background: color-mix(in srgb, var(--color-success) 65%, var(--color-surface)); }
.app-play__visual--math[b-o6lj7xcfr3] { --series-preview-background: color-mix(in srgb, var(--color-accent) 26%, var(--color-surface)); }
.app-play__visual--math-hunt[b-o6lj7xcfr3] { --series-preview-background: color-mix(in srgb, var(--color-secondary) 36%, var(--color-surface)); }
.app-play__visual--discovery[b-o6lj7xcfr3] { --series-preview-background: color-mix(in srgb, var(--color-primary) 15%, var(--color-surface)); }
.app-play__visual--clock[b-o6lj7xcfr3] { --series-preview-background: color-mix(in srgb, var(--color-secondary) 20%, var(--color-surface)); }
.app-play__preview-icon[b-o6lj7xcfr3] { color: var(--color-info-dark); font-size: 2rem; }
.app-play__series-detail[b-o6lj7xcfr3] { display: grid; gap: var(--space-4); min-width: 0; }
.app-play__series-introduction[b-o6lj7xcfr3] { display: grid; grid-template-columns: minmax(0, 1fr) 11rem; gap: var(--space-4); align-items: center; }
.app-play__series-introduction h1:focus[b-o6lj7xcfr3] { outline: none; }
.app-play__series-subtitle[b-o6lj7xcfr3] { margin: var(--space-2) 0; color: var(--color-text-soft); font-size: var(--font-size-body-lg); }
.app-play__series-hint[b-o6lj7xcfr3] { margin: var(--space-2) 0 0; color: var(--color-text-soft); font-size: var(--font-size-body); }
.app-play__preview-art--detail[b-o6lj7xcfr3] { background: transparent; height: 11rem; border-radius: 0; }
.app-play__reading-path[b-o6lj7xcfr3] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); padding: 0; margin: var(--space-5) 0 0; list-style: none; }
.app-play__reading-path li[b-o6lj7xcfr3] { padding: var(--space-2) var(--space-4); color: var(--color-text); border-radius: var(--radius-pill); background: var(--color-success); font-size: var(--font-size-small); }
.app-play__reading-path li:first-child[b-o6lj7xcfr3] { background: color-mix(in srgb, var(--color-accent) 28%, var(--color-surface)); }
.app-play__reading-path li:nth-child(2)[b-o6lj7xcfr3] { background: color-mix(in srgb, var(--color-secondary) 42%, var(--color-surface)); }
.app-play__reading-path li:last-child[b-o6lj7xcfr3] { background: color-mix(in srgb, var(--color-primary) 18%, var(--color-surface)); }
.app-play__game-list[b-o6lj7xcfr3] { min-width: 0; border: 1px solid var(--color-border-soft); border-radius: var(--radius-lg); background: var(--color-surface); overflow: hidden; }
.app-play__game-list > div + div[b-o6lj7xcfr3] { border-top: 1px solid var(--color-border-soft); }
.app-play__series-row[b-o6lj7xcfr3] {
display: grid; grid-template-columns: 10rem minmax(0, 1fr) auto; align-items: center;
gap: var(--space-5); min-width: 0; padding: var(--space-2) var(--space-4);
}
.app-play__series-row-copy[b-o6lj7xcfr3] { display: grid; gap: var(--space-1); min-width: 0; }
.app-play__series-row-copy h3[b-o6lj7xcfr3] { margin: 0; color: var(--color-text); font-size: 1.2rem; line-height: 1.25; }
.app-play__series-row-copy p[b-o6lj7xcfr3] { margin: 0; color: var(--color-text-soft); font-size: var(--font-size-body); line-height: 1.4; overflow-wrap: anywhere; }
.app-play__series-row-preview[b-o6lj7xcfr3] { min-width: 0; }
.app-play__preview-art--row[b-o6lj7xcfr3] { width: 100%; height: 4.75rem; grid-template-rows: minmax(0, 1fr); background: var(--color-bg); }
.app-play__preview-art--row .app-play__preview-stack[b-o6lj7xcfr3] { min-height: 0; }
.app-play__preview-art--row .app-play__preview-stack img[b-o6lj7xcfr3] { object-fit: contain; }
.app-play__series-row-meta[b-o6lj7xcfr3] { display: flex; flex-wrap: wrap; gap: var(--space-3); color: var(--color-text-soft); font-size: var(--font-size-small); }
.app-play__series-row-meta span[b-o6lj7xcfr3] { display: inline-flex; gap: var(--space-1); align-items: center; }
.app-play__series-actions[b-o6lj7xcfr3] { min-width: 0; }
.app-play__series-actions[b-o6lj7xcfr3]  .app-play__series-start { min-width: 8.75rem; min-height: 2.75rem; font-size: var(--font-size-body); box-shadow: none; }
.app-play__series-row.has-offline-package .app-play__series-row-meta[b-o6lj7xcfr3] { color: var(--color-text); }
.app-play__series-row-copy .app-play__activity-reason[b-o6lj7xcfr3] { color: var(--color-primary-dark); font-size: var(--font-size-small); }
.app-play__support-actions[b-o6lj7xcfr3] { display: flex; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; padding-top: var(--space-2); border-top: 1px solid var(--color-border-soft); }
.app-play__support-actions--catalog[b-o6lj7xcfr3] { justify-content: end; }
.app-play__support-actions[b-o6lj7xcfr3]  .tovelin-btn { font-size: var(--font-size-small); color: var(--color-info-dark); text-decoration: underline; font-weight: var(--font-weight-regular); }
.app-play__offline-list[b-o6lj7xcfr3] { display: grid; gap: var(--space-2); }
.app-play__offline-item[b-o6lj7xcfr3] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); padding-block: var(--space-2); border-bottom: 1px solid var(--color-border-soft); }
.app-play__offline-item strong[b-o6lj7xcfr3] { overflow-wrap: anywhere; }
.app-play__package-status[b-o6lj7xcfr3] { display: inline-flex; gap: var(--space-2); align-items: center; color: var(--color-text); font-size: var(--font-size-small); }
.app-play__package-summary[b-o6lj7xcfr3] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.app-play__package-summary > div[b-o6lj7xcfr3] {
display: grid;
gap: 0.2rem;
min-width: 0;
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-primary) 16%, var(--color-border));
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));
}

.app-play__package-summary span[b-o6lj7xcfr3],
.app-play__storage-item span[b-o6lj7xcfr3] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.app-play__package-summary strong[b-o6lj7xcfr3] {
color: var(--color-text);
}

.app-play__package-note[b-o6lj7xcfr3] {
margin: var(--space-3) 0 0;
color: var(--color-muted);
font-size: var(--font-size-small);
line-height: 1.45;
}

.app-play__storage-list[b-o6lj7xcfr3] {
display: grid;
gap: var(--space-2);
}

.app-play__storage-item[b-o6lj7xcfr3] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-3);
align-items: center;
min-width: 0;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
}

.app-play__storage-item > div[b-o6lj7xcfr3] {
display: grid;
gap: 0.18rem;
min-width: 0;
}

.app-play__storage-item strong[b-o6lj7xcfr3],
.app-play__storage-item span[b-o6lj7xcfr3] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.app-play__insights-grid[b-o6lj7xcfr3] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-5);
align-items: start;
}

.app-play__panel[b-o6lj7xcfr3] {
display: grid;
gap: var(--space-4);
min-width: 0;
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.app-play__summary-list[b-o6lj7xcfr3] {
display: grid;
gap: var(--space-2);
}

.app-play__summary-item[b-o6lj7xcfr3] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
min-width: 0;
padding: 0.85rem 1rem;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));
}

.app-play__summary-key[b-o6lj7xcfr3] {
display: inline-flex;
align-items: center;
gap: 0.65rem;
min-width: 0;
color: var(--color-muted);
}

.app-play__summary-item strong[b-o6lj7xcfr3] {
min-width: 0;
text-align: right;
color: var(--color-text);
font-weight: var(--font-weight-semibold);
overflow-wrap: anywhere;
}

.app-play__recent-list[b-o6lj7xcfr3] {
display: grid;
gap: var(--space-3);
}

.app-play__recent-item[b-o6lj7xcfr3] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-3);
align-items: start;
}

.app-play__recent-copy[b-o6lj7xcfr3] {
display: grid;
gap: 0.18rem;
min-width: 0;
}

.app-play__recent-title[b-o6lj7xcfr3] {
overflow: hidden;
color: var(--color-text);
font-weight: var(--font-weight-semibold);
text-overflow: ellipsis;
white-space: nowrap;
}

.app-play__recent-text[b-o6lj7xcfr3] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.app-play__recent-points[b-o6lj7xcfr3] {
color: var(--color-primary-dark);
font-weight: var(--font-weight-semibold);
white-space: nowrap;
}

.app-play__recent-more[b-o6lj7xcfr3] {
display: flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
width: 100%;
min-height: 2.2rem;
border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
color: var(--color-primary-dark);
font: inherit;
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
cursor: pointer;
transition: border-color 160ms ease, background 160ms ease;
}

.app-play__recent-more:hover[b-o6lj7xcfr3],
.app-play__recent-more:focus-visible[b-o6lj7xcfr3] {
border-color: color-mix(in srgb, var(--color-primary) 44%, var(--color-border));
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
outline: none;
}


@media (max-width: 980px) {
.app-play__heading[b-o6lj7xcfr3] { align-items: start; }
.app-play__context[b-o6lj7xcfr3] { justify-content: start; }
.app-play__catalog-filter-panel[b-o6lj7xcfr3] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.app-play__series-header[b-o6lj7xcfr3] { grid-template-columns: 7rem minmax(0, 1fr) auto; gap: var(--space-3); }
.app-play__series-title[b-o6lj7xcfr3] { font-size: var(--font-size-body-lg); }
}
@media (max-width: 700px) {
.app-play__series-list[b-o6lj7xcfr3] { grid-template-columns: 1fr; }
.app-play__series-header[b-o6lj7xcfr3] { grid-template-columns: 8rem minmax(0, 1fr) auto; }
.app-play__series-row[b-o6lj7xcfr3] { grid-template-columns: 6.5rem minmax(0, 1fr) auto; gap: var(--space-3); }
.app-play__series-actions[b-o6lj7xcfr3]  .app-play__series-start { min-width: 6rem; }
.app-play__series-introduction[b-o6lj7xcfr3] { grid-template-columns: minmax(0, 1fr) 8rem; }
.app-play__preview-art--detail[b-o6lj7xcfr3] { height: 8rem; }
.app-play__insights-grid[b-o6lj7xcfr3] { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.app-play[b-o6lj7xcfr3] { gap: var(--space-4); }
.app-play__context[b-o6lj7xcfr3] { gap: 0; }
.app-play__context[b-o6lj7xcfr3]  .tovelin-btn { padding-inline: var(--space-1); }
.app-play__context[b-o6lj7xcfr3]  .tovelin-btn__label > span { font-size: var(--font-size-small); }
.app-play__catalog-focus[b-o6lj7xcfr3]  .tovelin-tabs__tab { padding-inline: var(--space-3); font-size: var(--font-size-body); }
.app-play__catalog-search-row[b-o6lj7xcfr3] { gap: var(--space-2); }
.app-play__catalog-search-row[b-o6lj7xcfr3]  .app-play__filter-toggle { padding-inline: var(--space-3); }
.app-play__series-header[b-o6lj7xcfr3] { grid-template-columns: 6rem minmax(0, 1fr) auto; gap: var(--space-2); }
.app-play__preview-art--series[b-o6lj7xcfr3] { min-height: 7.5rem; }
.app-play__series-chevron[b-o6lj7xcfr3] { width: 1.7rem; height: 1.7rem; margin-right: 0; }
.app-play__series-short-label[b-o6lj7xcfr3] { font-size: var(--font-size-small); }
.app-play__series-count[b-o6lj7xcfr3] { margin-top: var(--space-1); }
.app-play__series-row[b-o6lj7xcfr3] { grid-template-columns: 5rem minmax(0, 1fr); gap: var(--space-2); padding: var(--space-3); }
.app-play__series-row-copy h3[b-o6lj7xcfr3] { font-size: var(--font-size-body); }
.app-play__series-row-copy p[b-o6lj7xcfr3] { font-size: var(--font-size-small); }
.app-play__series-actions[b-o6lj7xcfr3] { grid-column: 2; }
.app-play__series-actions[b-o6lj7xcfr3]  .app-play__series-start { width: 100%; }
.app-play__series-introduction[b-o6lj7xcfr3] { grid-template-columns: minmax(0, 1fr) 5rem; gap: var(--space-2); }
.app-play__preview-art--detail[b-o6lj7xcfr3] { height: 6rem; align-self: start; }
.app-play__reading-path[b-o6lj7xcfr3] { gap: var(--space-1); }
.app-play__reading-path li[b-o6lj7xcfr3] { padding: var(--space-1) var(--space-2); }
.app-play__offline-item[b-o6lj7xcfr3] { grid-template-columns: minmax(0, 1fr); }
.app-play__catalog-empty--action[b-o6lj7xcfr3] { display: grid; grid-template-columns: auto minmax(0, 1fr); }
.app-play__catalog-empty-action[b-o6lj7xcfr3] { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) {
.app-play__series-header[b-o6lj7xcfr3] { transition: none; }
}
@media (max-width: 980px) and (max-height: 560px) and (orientation: landscape) {
.app-play > :not(.app-play__portrait-orientation-gate)[b-o6lj7xcfr3],
.app-play[b-o6lj7xcfr3]  .app-play__section-divider {
display: none;
}
.app-play__portrait-orientation-gate[b-o6lj7xcfr3] {
display: grid;
min-height: calc(100dvh - var(--space-6));
place-items: center;
padding:
calc(var(--space-4) + env(safe-area-inset-top, 0px))
calc(var(--space-4) + env(safe-area-inset-right, 0px))
calc(var(--space-4) + env(safe-area-inset-bottom, 0px))
calc(var(--space-4) + env(safe-area-inset-left, 0px));
}
.app-play__portrait-orientation-card[b-o6lj7xcfr3] {
display: grid;
justify-items: center;
gap: var(--space-2);
width: min(100%, 27rem);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-surface) 94%, var(--color-bg));
text-align: center;
box-shadow: 0 20px 48px rgb(25 38 74 / 10%);
}
.app-play__portrait-orientation-card i[b-o6lj7xcfr3] {
font-size: 2.5rem;
color: var(--color-primary-dark);
}
.app-play__portrait-orientation-card h1[b-o6lj7xcfr3],
.app-play__portrait-orientation-card p[b-o6lj7xcfr3] {
margin: 0;
}
.app-play__portrait-orientation-card h1[b-o6lj7xcfr3] {
font-size: clamp(1.35rem, 4vw, 1.8rem);
}
}

.app-play__search-field[b-o6lj7xcfr3] { position: relative; min-width: 0; }
.app-play__search-field[b-o6lj7xcfr3]  .tovelin-icon { position: absolute; left: var(--space-4); top: 50%; transform: translateY(-50%); z-index: 1; color: var(--color-text); pointer-events: none; }
.app-play__search-field[b-o6lj7xcfr3]  input { padding-left: 3rem; }
.app-play__series-actions[b-o6lj7xcfr3]  .app-play__series-start.tovelin-btn--primary { background: color-mix(in srgb, var(--color-primary-dark) 90%, var(--color-text)); color: var(--color-surface); border-color: transparent; }
.app-play__series-actions[b-o6lj7xcfr3]  .app-play__series-start.tovelin-btn--primary:hover { background: var(--color-text); }
.app-play__back[b-o6lj7xcfr3]  .tovelin-btn, .app-play__detail-top[b-o6lj7xcfr3]  .app-play__back { font-size: var(--font-size-small); color: var(--color-info-dark); }

.app-play__support-actions[b-o6lj7xcfr3] { padding-right: 3.5rem; }
@media (max-width: 700px) { .app-play__support-actions[b-o6lj7xcfr3] { align-items: flex-start; flex-direction: column; padding-right: 0; } }

.app-play__detail-top[b-o6lj7xcfr3], .app-play__series-header[b-o6lj7xcfr3] { scroll-margin-top: 5rem; }

.app-play__context[b-o6lj7xcfr3]  .app-play__context-picker { width: auto; max-width: 100%; }
.app-play__context[b-o6lj7xcfr3]  .app-play__context-picker .tovelin-select__control {
min-height: 2.75rem; height: auto; background: transparent; border-color: transparent;
box-shadow: none; font-size: var(--font-size-small); padding-block: var(--space-2);
}
.app-play__context[b-o6lj7xcfr3]  .app-play__context-picker .tovelin-select__value { white-space: normal; }
/* _content/Tovelin.Shared.UI/Pages/App/PlayActivity/Mechanics/ClockActivitiesGameComponent.razor.rz.scp.css */
.clock-activities[b-1uhiqsk6vw] { width: min(100%, 68rem); margin: auto; padding: 1.25rem .5rem 8rem; color: var(--color-text); }
.clock-activities__heading[b-1uhiqsk6vw] { text-align: center; margin-bottom: var(--space-4); }
.clock-activities h2[b-1uhiqsk6vw] { font-family: inherit; font-size: clamp(1.3rem, 3.4vw, 2rem); font-weight: 700; margin: 0 0 .6rem; }
.clock-activities p[b-1uhiqsk6vw] { line-height: 1.45; }
.clock-activities__heading p[b-1uhiqsk6vw] { margin: 0 0 .75rem; }
.clock-activities__choices[b-1uhiqsk6vw], .clock-activities__events[b-1uhiqsk6vw], .clock-activities__slots[b-1uhiqsk6vw] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.clock-activities[b-1uhiqsk6vw]  .clock-activities__card { width: 100%; min-width: 0; min-height: 44px; font-size: 1rem; padding: var(--space-3); color: var(--color-text); border: 1px solid var(--color-border); background: var(--color-surface); border-radius: var(--radius-md); white-space: normal; }
.clock-activities[b-1uhiqsk6vw]  .clock-activities__card .tovelin-btn__label { width: 100%; display: grid; gap: .5rem; justify-items: center; }
.clock-activities__face[b-1uhiqsk6vw] { display: block; width: min(100%, 19rem); }
.clock-activities__caption[b-1uhiqsk6vw] { font-weight: 700; min-height: 1.5em; }
.clock-activities[b-1uhiqsk6vw]  .tovelin-btn[aria-pressed=true] { outline: 3px solid var(--color-text); outline-offset: -3px; background: var(--color-bg-soft); }
.clock-activities[b-1uhiqsk6vw]  .tovelin-btn:focus-visible { outline: 3px solid var(--color-text); outline-offset: 3px; }
.clock-activities__pairs[b-1uhiqsk6vw] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
.clock-activities__pair-source[b-1uhiqsk6vw], .clock-activities__pair-target[b-1uhiqsk6vw] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.clock-activities[b-1uhiqsk6vw]  .clock-activities__digital { width: 100%; min-width: 0; min-height: 64px; white-space: normal; font-size: clamp(1.1rem, 2.5vw, 1.65rem); }
.clock-activities__status[b-1uhiqsk6vw] { text-align: center; }
.clock-activities__matched[b-1uhiqsk6vw] { font-size: 1rem; }
.clock-activities[b-1uhiqsk6vw]  .clock-activities__card:disabled { opacity: 1; }
.clock-activities[b-1uhiqsk6vw]  .clock-activities__event i { font-size: 3.5rem; color: var(--color-primary-dark); }
.clock-activities[b-1uhiqsk6vw]  .clock-activities__event strong { font-size: 1.8rem; font-variant-numeric: tabular-nums; }
.clock-activities__slots[b-1uhiqsk6vw] { list-style: none; padding: 0; margin-top: var(--space-4); }
.clock-activities__slots li[b-1uhiqsk6vw] { min-width: 0; }
.clock-activities[b-1uhiqsk6vw]  .clock-activities__slot { width: 100%; min-width: 0; min-height: 110px; font-size: 1rem; white-space: normal; }
.clock-activities[b-1uhiqsk6vw]  .clock-activities__slot .tovelin-btn__label { display: grid; gap: .75rem; }
.clock-activities__journey[b-1uhiqsk6vw] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(1rem, 3vw, 3rem); }
.clock-activities__journey-clock[b-1uhiqsk6vw] { max-width: 25rem; width: 100%; margin: auto; }
.clock-activities__panel[b-1uhiqsk6vw] { min-width: 0; padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); text-align: center; }
.clock-activities__now[b-1uhiqsk6vw] { display: block; font-size: clamp(1.6rem, 3vw, 2.5rem); font-variant-numeric: tabular-nums; margin-bottom: var(--space-4); }
.clock-activities__steps[b-1uhiqsk6vw] { display: flex; gap: var(--space-3); justify-content: center; flex-wrap: wrap; }
.clock-activities__story[b-1uhiqsk6vw] { text-align: center; }
.clock-activities__timeline[b-1uhiqsk6vw] { display: flex; justify-content: space-between; gap: .5rem; padding: .75rem 0; list-style: none; border-top: 2px solid var(--color-secondary-dark); }
.clock-activities__timeline li[b-1uhiqsk6vw] { min-width: 0; display: grid; gap: .5rem; font-size: .95rem; }
.clock-activities__help[b-1uhiqsk6vw] { display: flex; justify-content: center; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }
.clock-activities[b-1uhiqsk6vw]  .tovelin-btn { min-height: 44px; }
.clock-activities[b-1uhiqsk6vw]  .clock-activities__digital { min-height: 64px; }
.clock-activities__pair-source:focus-visible[b-1uhiqsk6vw] { outline: 3px solid var(--color-text); outline-offset: 3px; }
.clock-activities__hint[b-1uhiqsk6vw] { background: var(--color-bg-soft); border-left: 3px solid var(--color-primary-dark); padding: .75rem; }
.clock-activities__feedback[b-1uhiqsk6vw] { min-height: 2.9em; text-align: center; }
.clock-activities--accessible[b-1uhiqsk6vw] { font-size: 1.15rem; }
@media (max-width: 700px) {
.clock-activities[b-1uhiqsk6vw] { padding-top: .75rem; }
.clock-activities__choices[b-1uhiqsk6vw], .clock-activities__events[b-1uhiqsk6vw], .clock-activities__slots[b-1uhiqsk6vw], .clock-activities__journey[b-1uhiqsk6vw] { grid-template-columns: minmax(0, 1fr); }
.clock-activities__choices[b-1uhiqsk6vw], .clock-activities__events[b-1uhiqsk6vw] { width: min(100%, 23rem); margin-inline: auto; }
.clock-activities__choices .clock-activities__face[b-1uhiqsk6vw] { width: min(100%, 13rem); }
.clock-activities__pairs[b-1uhiqsk6vw] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-3); align-items: start; }
.clock-activities__pair-source[b-1uhiqsk6vw], .clock-activities__pair-target[b-1uhiqsk6vw] { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
.clock-activities__pair-target[b-1uhiqsk6vw] { position: sticky; top: 1rem; }
.clock-activities__journey-clock[b-1uhiqsk6vw] { max-width: 17rem; }
.clock-activities[b-1uhiqsk6vw]  .clock-activities__card { padding: .375rem; }
.clock-activities__slots[b-1uhiqsk6vw] { gap: .75rem; }
.clock-activities[b-1uhiqsk6vw]  .clock-activities__slot { min-height: 80px; }
}
/* _content/Tovelin.Shared.UI/Pages/App/PlayActivity/Mechanics/ClockWorkshopGameComponent.razor.rz.scp.css */
.clock-workshop[b-2wuzvldmfa] {
width: min(100%, 64rem);
margin-inline: auto;
padding: clamp(1rem, 4vh, 3rem) 0 3rem;
color: var(--color-text);
font-family: var(--font-learning);
}
.clock-workshop__heading[b-2wuzvldmfa] { text-align: center; margin-bottom: 1.25rem; }
.clock-workshop__heading h2[b-2wuzvldmfa] { font-family: inherit; font-size: clamp(1.3rem, 3.4vw, 2rem); font-weight: 700; margin: 0 0 .6rem; }
.clock-workshop__heading p[b-2wuzvldmfa] { margin: 0 0 .75rem; }
.clock-workshop__workspace[b-2wuzvldmfa] { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(1rem, 3vw, 3rem); align-items: center; }
.clock-workshop__clock[b-2wuzvldmfa] { min-width: 0; text-align: center; }
.clock-workshop svg[b-2wuzvldmfa] { display: block; width: min(100%, 26rem); height: auto; margin-inline: auto; }
.clock-workshop__rim[b-2wuzvldmfa] { fill: var(--color-secondary); stroke: var(--color-secondary-dark); stroke-width: 2; }
.clock-workshop__face[b-2wuzvldmfa] { fill: var(--color-surface); }
.clock-workshop__tick[b-2wuzvldmfa] { stroke: var(--color-text); stroke-width: 2; }
.clock-workshop text[b-2wuzvldmfa] { fill: var(--color-text); font-size: 23px; font-weight: 700; text-anchor: middle; dominant-baseline: central; }
.clock-workshop__hour[b-2wuzvldmfa] { stroke: var(--color-text); stroke-width: 12; stroke-linecap: round; pointer-events: none; }
.clock-workshop__minute[b-2wuzvldmfa] { stroke: var(--color-primary-dark); stroke-width: 7; stroke-linecap: round; pointer-events: none; }
.clock-workshop__hub[b-2wuzvldmfa] { fill: var(--color-text); }
.clock-workshop__hit[b-2wuzvldmfa] { stroke: transparent; stroke-width: 30; cursor: grab; touch-action: none; }
.clock-workshop [data-clock-hand][b-2wuzvldmfa] { touch-action: none; }
.clock-workshop__time[b-2wuzvldmfa] { display: block; font-size: 1rem; margin: .75rem 0; }
.clock-workshop__controls[b-2wuzvldmfa] {
min-width: 0;
display: grid;
gap: var(--space-3);
justify-items: stretch;
padding: clamp(.75rem, 2vw, 1rem);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
}
.clock-workshop__row[b-2wuzvldmfa] {
min-width: 0;
display: grid;
grid-template-columns: minmax(4.5rem, 1fr) 2.8rem 2.75rem 2.8rem;
align-items: center;
gap: var(--space-2);
padding: var(--space-2);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
background: var(--color-bg-soft);
}
.clock-workshop__row > span:first-child[b-2wuzvldmfa] { font-weight: 700; white-space: nowrap; }
.clock-workshop__value[b-2wuzvldmfa] { text-align: center; font-size: 1.5rem; font-variant-numeric: tabular-nums; }
.clock-workshop[b-2wuzvldmfa]  .clock-workshop__step { width: 2.8rem; min-width: 2.8rem; min-height: 2.8rem; font-size: 1.4rem; padding: .4rem; }
.clock-workshop[b-2wuzvldmfa]  .tovelin-btn:focus-visible { outline: 3px solid var(--color-text); outline-offset: 3px; }
.clock-workshop__legend[b-2wuzvldmfa], .clock-workshop__hint[b-2wuzvldmfa], .clock-workshop__feedback[b-2wuzvldmfa] { margin: 0; line-height: 1.45; }
.clock-workshop__feedback[b-2wuzvldmfa] { min-height: 2.9em; }
.clock-workshop--accessible[b-2wuzvldmfa] { font-size: 1.15rem; }
.clock-workshop--accessible .clock-workshop__legend[b-2wuzvldmfa] { font-size: 1.15rem; }
.clock-workshop__hint[b-2wuzvldmfa] { padding: .75rem; background: var(--color-bg-soft); border-left: 3px solid var(--color-primary-dark); }
@media (max-width: 700px) {
.clock-workshop[b-2wuzvldmfa] { padding-top: .75rem; padding-bottom: 4rem; }
.clock-workshop__workspace[b-2wuzvldmfa] { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
.clock-workshop svg[b-2wuzvldmfa] { width: min(100%, 19rem); }
.clock-workshop__controls[b-2wuzvldmfa] { width: min(100%, 23rem); margin-inline: auto; }
}
@media (max-width: 480px) {
.clock-workshop__heading[b-2wuzvldmfa] { margin-bottom: .65rem; }
.clock-workshop svg[b-2wuzvldmfa] { width: min(100%, 15.5rem); }
}
/* _content/Tovelin.Shared.UI/Pages/App/PlayActivity/Mechanics/MoneyActivitiesGameComponent.razor.rz.scp.css */
.money-activities[b-c6nyudpvgs] { width: min(100%, 64rem); margin: auto; padding: 1rem .25rem 5rem; color: var(--color-text); font-family: var(--font-learning); }
.money-activities__heading[b-c6nyudpvgs] { text-align: center; margin-bottom: 1.5rem; }
.money-activities h2[b-c6nyudpvgs] { font-family: inherit; font-size: clamp(1.3rem, 3.4vw, 2rem); font-weight: 700; margin: 0 0 .6rem; }
.money-activities p[b-c6nyudpvgs] { line-height: 1.45; }
.money-activities__heading p[b-c6nyudpvgs] { margin: 0 0 .75rem; }
.money-activities__workspace[b-c6nyudpvgs] { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: 1.5rem; }
.money-activities__scene[b-c6nyudpvgs] { min-width: 0; text-align: center; display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 1rem; }
.money-activities__target[b-c6nyudpvgs] { display: grid; place-content: center; justify-items: center; gap: .25rem; width: 13rem; height: 13rem; padding: .75rem; border: 2px solid var(--color-secondary-dark); border-radius: 50%; background: color-mix(in srgb, var(--color-secondary) 25%, var(--color-surface)); }
.money-activities__target strong[b-c6nyudpvgs] { font-size: 3.3rem; line-height: 1.1; font-variant-numeric: tabular-nums; }
.money-activities__panel[b-c6nyudpvgs] { min-width: 0; padding: 1.1rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); display: grid; gap: .75rem; align-content: start; }
.money-activities h3[b-c6nyudpvgs] { font-family: inherit; font-size: 1.1rem; line-height: 1.4; font-weight: 700; margin: 0; }
.money-activities__goods[b-c6nyudpvgs] { min-width: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)); gap: .6rem; width: 100%; }
.money-activities__item[b-c6nyudpvgs] { min-width: 0; flex: 1; display: grid; justify-items: center; align-content: center; gap: .5rem; padding: .75rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.money-activities__item img[b-c6nyudpvgs] { width: 6rem; max-width: 100%; height: 6rem; object-fit: contain; }
.money-activities__item strong[b-c6nyudpvgs] { font-size: clamp(1rem, 2.4vw, 1.6rem); }
.money-activities__quantity[b-c6nyudpvgs] { font-size: .9rem; }
.money-activities__goods--single[b-c6nyudpvgs] { max-width: 14rem; }
.money-activities__wallet[b-c6nyudpvgs] { display: grid; gap: .75rem; padding: .75rem; width: 100%; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.money-activities__wallet[b-c6nyudpvgs]  .money-coin { width: 2.4rem; height: 2.4rem; }
.money-activities__wallet[b-c6nyudpvgs]  .money-coin strong { font-size: 1rem; }
.money-activities__choices[b-c6nyudpvgs] { display: grid; gap: .75rem; }
.money-activities[b-c6nyudpvgs]  .money-activities__choice { width: 100%; min-width: 0; min-height: 62px; color: var(--color-text); white-space: normal; font-size: 1rem; padding: .65rem; }
.money-activities[b-c6nyudpvgs]  .money-activities__choice .tovelin-btn__label { display: grid; width: 100%; gap: .35rem; justify-items: center; }
.money-activities__coin-row[b-c6nyudpvgs] { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; justify-content: center; }
.money-activities__selected[b-c6nyudpvgs] { font-size: .9rem; }
.money-activities[b-c6nyudpvgs]  .tovelin-btn[aria-pressed=true] { outline: 3px solid var(--color-secondary-dark); outline-offset: -3px; background: var(--color-bg-soft); }
.money-activities[b-c6nyudpvgs]  .tovelin-btn { min-height: 44px; }
.money-activities[b-c6nyudpvgs]  .tovelin-btn:focus-visible, .money-activities__bank:focus-visible[b-c6nyudpvgs], .money-activities input:focus-visible[b-c6nyudpvgs] { outline: 3px solid var(--color-text); outline-offset: 3px; }
.money-activities__bank[b-c6nyudpvgs] { display: flex; align-items: center; justify-content: space-between; gap: .4rem; }
.money-activities__drag-source[b-c6nyudpvgs] { touch-action: none; user-select: none; cursor: grab; }
.money-activities[data-money-dragging=true] .money-activities__picked[b-c6nyudpvgs] { outline: 3px dashed var(--color-text); outline-offset: 3px; }
.money-activities[b-c6nyudpvgs]  .money-activities__coin-button { min-width: 48px; min-height: 48px; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; }
.money-activities__picked-label[b-c6nyudpvgs] { margin: 0 0 .3rem; font-size: .9rem; }
.money-activities__picked[b-c6nyudpvgs] { min-height: 4rem; padding: .6rem; display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-bg-soft); font-size: .9rem; }
.money-activities__total[b-c6nyudpvgs] { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .75rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-bg-soft); }
.money-activities__total strong[b-c6nyudpvgs] { font-size: 1.7rem; }
.money-activities__edit[b-c6nyudpvgs] { display: flex; gap: .5rem; flex-wrap: wrap; justify-content: space-between; }
.money-activities__edit[b-c6nyudpvgs]  .tovelin-btn { padding: .5rem; font-size: .8rem; }
.money-activities__entry[b-c6nyudpvgs] { display: grid; gap: .35rem; }
.money-activities__entry-label[b-c6nyudpvgs] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .25rem .5rem; }
.money-activities__entry-label small[b-c6nyudpvgs] { color: var(--color-muted); font-size: .75rem; white-space: nowrap; }
.money-activities__answer[b-c6nyudpvgs] { display: flex; align-items: center; gap: .6rem; padding: .3rem .9rem; min-height: 54px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-bg-soft); }
.money-activities__answer input[b-c6nyudpvgs] { width: 100%; min-width: 0; padding: 0; border: 0; background: transparent; font-family: inherit; font-size: 2rem; font-weight: 700; line-height: 1.2; color: var(--color-text); text-align: right; }
.money-activities__answer input[b-c6nyudpvgs]::placeholder { color: var(--color-muted); font-weight: 400; opacity: 1; }
.money-activities__answer > span[b-c6nyudpvgs] { font-size: 1.25rem; }
.money-activities__keypad[b-c6nyudpvgs] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.money-activities[b-c6nyudpvgs]  .money-activities__key { min-width: 44px; min-height: 46px; width: 100%; padding: .4rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-text); font-family: inherit; font-size: 1.5rem; font-weight: 700; }
.money-activities[b-c6nyudpvgs]  .money-activities__key--edit { background: var(--color-bg-soft); font-size: .8rem; font-weight: 500; }
.money-activities__hint[b-c6nyudpvgs] { margin: 0; padding: .7rem; background: var(--color-bg-soft); border-left: 3px solid var(--color-primary-dark); }
.money-activities__feedback[b-c6nyudpvgs] { margin: 0; }
.money-activities__feedback:empty[b-c6nyudpvgs] { margin-block: -.375rem; }
.money-activities--accessible[b-c6nyudpvgs] { font-size: 1.15rem; }
@media (max-width: 700px) {
.money-activities[b-c6nyudpvgs] { padding-top: .5rem; }
.money-activities__heading[b-c6nyudpvgs] { margin-bottom: 1rem; }
.money-activities__workspace[b-c6nyudpvgs] { grid-template-columns: minmax(0, 1fr); gap: 1rem; max-width: 30rem; margin-inline: auto; }
.money-activities__scene[b-c6nyudpvgs] { gap: .6rem; }
.money-activities__target[b-c6nyudpvgs] { width: 8.3rem; height: 8.3rem; }
.money-activities__target strong[b-c6nyudpvgs] { font-size: 2.5rem; }
.money-activities__target > span[b-c6nyudpvgs] { font-size: .85rem; }
.money-activities__panel[b-c6nyudpvgs] { width: 100%; max-width: 25rem; padding: .9rem; margin-inline: auto; }
.money-activities--keypad .money-activities__panel[b-c6nyudpvgs] { max-width: 23rem; gap: .6rem; }
.money-activities__goods[b-c6nyudpvgs] { max-width: 23rem; }
.money-activities__item[b-c6nyudpvgs] { padding: .6rem; gap: .35rem; }
.money-activities__item img[b-c6nyudpvgs] { height: 4rem; width: 5rem; }
.money-activities__goods--single[b-c6nyudpvgs] { max-width: 18rem; }
.money-activities__goods--single .money-activities__item[b-c6nyudpvgs] { grid-template-columns: 4.2rem minmax(0, 1fr); align-items: center; column-gap: .8rem; }
.money-activities__goods--single img[b-c6nyudpvgs] { grid-row: 1/3; }
.money-activities__keypad[b-c6nyudpvgs] { gap: .375rem; }
.money-activities[b-c6nyudpvgs]  .money-activities__key { min-height: 44px; }
}
/* _content/Tovelin.Shared.UI/Pages/App/PlayActivity/PlayWordCheckDetectiveBook.razor.rz.scp.css */
.detective-book[b-aeu9vzfikc] {
position: relative;
isolation: isolate;
display: grid;
width: 100%;
max-width: 72rem;
height: min(36rem, calc(var(--tovelin-vp-height, 100dvh) - 8.5rem));
max-height: 100%;
min-height: 0;
grid-template-rows: auto minmax(0, 1fr) auto;
gap: var(--space-3);
margin: auto;
padding: 0;
overflow: hidden;
color: var(--color-text);
background: transparent;
border: 0;
border-radius: var(--radius-2xl);
box-shadow: none;
font-family: var(--font-body);
}

.detective-book__header[b-aeu9vzfikc] {
display: flex;
align-items: end;
justify-content: flex-start;
gap: var(--space-4);
padding-inline: var(--space-2);
}

.detective-book__header h2[b-aeu9vzfikc],
.detective-book__page h3[b-aeu9vzfikc] {
margin: 0;
color: var(--color-text);
font-family: var(--font-heading);
}

.detective-book__header h2[b-aeu9vzfikc] {
font-size: clamp(1.35rem, 2.6vw, 2rem);
line-height: var(--line-height-tight);
}

.detective-book__eyebrow[b-aeu9vzfikc],
.detective-book__page-heading p[b-aeu9vzfikc] {
margin: 0 0 var(--space-1);
color: var(--color-kicker);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-bold);
letter-spacing: var(--tracking-eyebrow);
text-transform: uppercase;
}

.detective-book__stage[b-aeu9vzfikc] {
position: relative;
min-width: 0;
min-height: 0;
overflow: hidden;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
box-shadow: none;
}

.detective-book__speech-status[b-aeu9vzfikc] {
justify-self: center;
width: min(100%, 40rem);
margin: 0;
padding: .5rem .85rem;
border: 1px solid color-mix(in srgb, var(--color-primary) 28%, var(--color-border));
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-strong));
color: var(--color-text);
font-size: clamp(.78rem, 1.6vw, .95rem);
font-weight: var(--font-weight-semibold);
line-height: 1.2;
text-align: center;
text-wrap: balance;
}

.detective-book__speech-status--warning[b-aeu9vzfikc] {
border-color: color-mix(in srgb, var(--color-warning-dark) 48%, var(--color-border));
background: color-mix(in srgb, var(--color-warning) 24%, var(--color-surface-strong));
}

.detective-book__spread[b-aeu9vzfikc] {
position: relative;
display: grid;
width: 100%;
height: 100%;
min-height: 0;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
overflow: hidden;
}

.detective-book__spread[b-aeu9vzfikc]::after {
position: absolute;
z-index: 1;
top: var(--space-4);
bottom: var(--space-4);
left: 50%;
width: 1px;
content: "";
background: var(--color-border);
box-shadow: 0 0 var(--space-3) var(--color-border-soft);
}

.detective-book__page[b-aeu9vzfikc] {
position: relative;
display: flex;
min-width: 0;
min-height: 0;
flex-direction: column;
gap: clamp(var(--space-2), 1.4vh, var(--space-4));
padding: clamp(var(--space-3), 2.1vw, var(--space-6));
overflow: hidden;
background: var(--color-surface);
}

.detective-book__page--passage[b-aeu9vzfikc] {
background: var(--color-surface-soft);
}

.detective-book__page-heading[b-aeu9vzfikc] {
display: flex;
flex: 0 0 auto;
align-items: center;
gap: var(--space-3);
}

.detective-book__page-heading h3[b-aeu9vzfikc] {
font-size: clamp(1rem, 1.8vw, 1.35rem);
}

.detective-book__page-number[b-aeu9vzfikc] {
display: grid;
width: 2.4rem;
height: 2.4rem;
flex: 0 0 auto;
place-items: center;
color: var(--color-on-primary);
background: var(--color-primary);
border-radius: var(--radius-round);
font-weight: var(--font-weight-bold);
}

.detective-book__instruction[b-aeu9vzfikc] {
flex: 0 0 auto;
margin: 0;
color: var(--color-text-soft);
font-size: var(--font-size-small);
}

.detective-book__passage[b-aeu9vzfikc] {
min-height: 0;
margin: 0;
padding: clamp(var(--space-3), 2vw, var(--space-4));
overflow: hidden;
color: var(--color-text);
background: var(--color-surface-strong);
border: 1px solid var(--color-border-soft);
border-radius: var(--radius-md);
font-family: var(--font-learning);
font-size: clamp(1rem, 2vw, 1.5rem);
line-height: var(--line-height-relaxed);
overflow-wrap: anywhere;
}

.detective-book__passage--word[b-aeu9vzfikc] {
display: grid;
flex: 1;
place-items: center;
text-align: center;
font-size: clamp(2.6rem, 7vw, 5rem);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-tight);
}

.detective-book__prompt-visual[b-aeu9vzfikc] {
position: relative;
display: grid;
min-height: 0;
flex: 1;
place-items: center;
padding: clamp(var(--space-2), 2vw, var(--space-4));
overflow: hidden;
background: var(--color-surface-strong);
border: 1px solid var(--color-border-soft);
border-radius: var(--radius-md);
}

.detective-book__prompt-image[b-aeu9vzfikc] {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: clamp(8rem, 32vh, 22rem);
object-fit: contain;
}

.detective-book__question[b-aeu9vzfikc] {
flex: 0 0 auto;
margin: 0;
font-family: var(--font-learning);
font-size: clamp(1.1rem, 2.1vw, 1.7rem);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-snug);
}

.detective-book__strategy[b-aeu9vzfikc] {
display: flex;
flex: 0 0 auto;
gap: var(--space-3);
padding: var(--space-3);
color: var(--color-on-accent);
background: var(--color-accent);
border: 1px solid var(--color-accent-dark);
border-radius: var(--radius-md);
font-size: var(--font-size-small);
}

.detective-book__strategy strong[b-aeu9vzfikc] {
display: block;
margin-bottom: var(--space-1);
}

.detective-book__evidence[b-aeu9vzfikc] {
display: grid;
min-height: 0;
flex: 1;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-rows: minmax(0, 1fr);
gap: clamp(var(--space-2), 1.4vw, var(--space-3));
margin-top: auto;
}

.detective-book__hint-preview[b-aeu9vzfikc] {
display: grid;
min-height: 0;
grid-column: 1 / -1;
place-items: center;
overflow: hidden;
background: var(--color-surface-soft);
border: 1px solid var(--color-border-soft);
border-radius: var(--radius-md);
}

.detective-book__hint-preview img[b-aeu9vzfikc] {
display: block;
width: 100%;
height: 100%;
min-height: 0;
object-fit: contain;
object-position: center bottom;
}

.detective-book__evidence-card[b-aeu9vzfikc] {
position: relative;
display: flex;
min-width: 0;
min-height: clamp(3.5rem, 8vh, 5.5rem);
align-items: center;
justify-content: center;
padding: clamp(var(--space-2), 1.3vw, var(--space-3)) clamp(var(--space-4), 3vw, var(--space-6));
color: var(--color-text);
text-align: center;
background: var(--color-surface-strong);
border: 2px solid var(--color-secondary-dark);
border-radius: var(--radius-md);
box-shadow: var(--shadow-soft);
font-family: var(--font-learning);
font-size: clamp(.9rem, 1.7vw, 1.2rem);
font-weight: var(--font-weight-semibold);
cursor: pointer;
}

.detective-book__evidence-item[b-aeu9vzfikc] {
position: relative;
display: grid;
min-width: 0;
min-height: 0;
}

.detective-book__evidence-item > .detective-book__evidence-card[b-aeu9vzfikc] {
width: 100%;
height: 100%;
}

.detective-book__evidence-item[b-aeu9vzfikc]  .detective-book__image-preview-button {
position: absolute;
z-index: 2;
top: var(--space-1);
right: var(--space-1);
width: 2rem;
min-width: 2rem;
height: 2rem;
min-height: 2rem;
color: var(--color-primary-dark);
background: color-mix(in srgb, var(--color-surface-strong) 92%, var(--color-secondary));
border-color: color-mix(in srgb, var(--color-primary-dark) 45%, var(--color-border));
border-radius: var(--radius-round);
box-shadow: var(--shadow-soft);
}

.detective-book__evidence-item[b-aeu9vzfikc]  .detective-book__image-preview-button:hover,
.detective-book__evidence-item[b-aeu9vzfikc]  .detective-book__image-preview-button:focus-visible {
background: color-mix(in srgb, var(--color-secondary) 28%, var(--color-surface-strong));
}

.detective-book__evidence-label[b-aeu9vzfikc] {
min-width: 0;
max-width: 100%;
line-height: var(--line-height-snug);
overflow-wrap: break-word;
text-wrap: balance;
white-space: normal;
}

.detective-book--large-choice-words .detective-book__evidence-card[b-aeu9vzfikc] {
font-size: clamp(1.25rem, 2.6vw, 1.75rem);
}

.detective-book--large-choice-words .detective-book__evidence-label--long[b-aeu9vzfikc] {
font-size: clamp(1.125rem, 2.25vw, 1.5rem);
}

.detective-book--large-choice-words .detective-book__evidence-label--extra-long[b-aeu9vzfikc] {
font-size: clamp(1rem, 2vw, 1.35rem);
}

.detective-book__evidence-image[b-aeu9vzfikc] {
display: block;
width: auto;
max-width: min(100%, 8rem);
height: auto;
max-height: clamp(3.2rem, 10vh, 6rem);
object-fit: contain;
}

.detective-book--large-choice-images .detective-book__evidence-image[b-aeu9vzfikc] {
max-width: min(96%, 11rem);
max-height: min(98%, 10rem);
}

.detective-book--large-choice-images .detective-book__evidence-card[b-aeu9vzfikc] {
padding: var(--space-2);
}

.detective-book__evidence-card:hover[b-aeu9vzfikc],
.detective-book__evidence-card:focus-visible[b-aeu9vzfikc] {
transform: translateY(-2px);
border-color: var(--color-primary);
outline: 3px solid var(--color-secondary-tint);
outline-offset: 2px;
}

.detective-book__evidence-card:disabled[b-aeu9vzfikc] {
cursor: default;
}

.detective-book__evidence-card--correct[b-aeu9vzfikc],
.detective-book__evidence-card--correct:hover[b-aeu9vzfikc],
.detective-book__evidence-card--correct:focus-visible[b-aeu9vzfikc] {
color: var(--color-on-success);
background: var(--color-success);
border-color: var(--color-success-dark);
}

.detective-book__evidence-card--correct:hover[b-aeu9vzfikc],
.detective-book__evidence-card--correct:focus-visible[b-aeu9vzfikc] {
outline-color: var(--color-success-dark);
}

.detective-book__evidence-card--incorrect[b-aeu9vzfikc] {
color: var(--color-on-danger);
background: var(--color-danger-soft);
border-color: var(--color-danger-dark);
}

.detective-book__turn-canvas[b-aeu9vzfikc] {
position: absolute;
z-index: 8;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
}

.detective-book__image-preview[b-aeu9vzfikc] {
display: grid;
min-height: 0;
place-items: center;
}

.detective-book__image-preview img[b-aeu9vzfikc] {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: min(68dvh, 32rem);
object-fit: contain;
}

@media (max-width: 760px) and (orientation: portrait) {
.detective-book[b-aeu9vzfikc] {
height: min(43rem, calc(var(--tovelin-vp-height, 100dvh) - 7rem));
max-height: 100%;
gap: var(--space-2);
padding: 0;
overflow: hidden;
}
.detective-book__header[b-aeu9vzfikc] {
align-items: center;
padding-inline: var(--space-1);
}
.detective-book__header h2[b-aeu9vzfikc] {
font-size: clamp(1.2rem, 5.2vw, 1.6rem);
}
.detective-book__eyebrow[b-aeu9vzfikc] {
display: none;
}
.detective-book__spread[b-aeu9vzfikc] {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: minmax(0, .9fr) minmax(0, 1.1fr);
}
.detective-book--image-prompt .detective-book__spread[b-aeu9vzfikc] {
grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
}
.detective-book__spread[b-aeu9vzfikc]::after {
top: 45%;
right: var(--space-3);
bottom: auto;
left: var(--space-3);
width: auto;
height: 1px;
}
.detective-book--image-prompt .detective-book__spread[b-aeu9vzfikc]::after {
top: 50%;
}
.detective-book__page[b-aeu9vzfikc] {
gap: var(--space-2);
padding: var(--space-2) var(--space-3);
}
.detective-book__page-heading[b-aeu9vzfikc] {
gap: var(--space-2);
}
.detective-book__page-heading p[b-aeu9vzfikc] {
display: none;
}
.detective-book__page-heading h3[b-aeu9vzfikc] {
font-size: 1.05rem;
}
.detective-book__page-number[b-aeu9vzfikc] {
width: 1.8rem;
height: 1.8rem;
font-size: .9rem;
}
.detective-book__instruction[b-aeu9vzfikc] {
font-size: .9rem;
line-height: 1.3;
}
.detective-book__passage[b-aeu9vzfikc] {
padding: var(--space-2);
font-size: clamp(1.05rem, 4.1vw, 1.3rem);
line-height: 1.35;
}
.detective-book__passage--word[b-aeu9vzfikc] {
font-size: clamp(2.75rem, 13vw, 4.25rem);
line-height: var(--line-height-tight);
}
.detective-book__prompt-visual[b-aeu9vzfikc] {
padding: 0;
}
.detective-book__prompt-image[b-aeu9vzfikc] {
position: absolute;
inset: var(--space-2);
width: calc(100% - var(--space-4));
max-width: none;
height: calc(100% - var(--space-4));
max-height: none;
}
.detective-book__question[b-aeu9vzfikc] {
font-size: clamp(1.05rem, 4.2vw, 1.3rem);
}
.detective-book__strategy[b-aeu9vzfikc] {
gap: var(--space-2);
padding: var(--space-2);
font-size: .75rem;
line-height: 1.2;
}
.detective-book__evidence[b-aeu9vzfikc] {
gap: var(--space-2);
}
.detective-book__evidence-card[b-aeu9vzfikc] {
min-height: 2.8rem;
padding: var(--space-2) var(--space-5);
font-size: clamp(.95rem, 3.5vw, 1.15rem);
}

}

@media (max-height: 600px) and (orientation: landscape) {
.detective-book[b-aeu9vzfikc] {
height: 100%;
max-height: 100%;
grid-template-rows: auto minmax(0, 1fr) auto;
gap: var(--space-1);
padding: 0;
}
.detective-book__header h2[b-aeu9vzfikc] {
font-size: clamp(1.2rem, 3vw, 1.55rem);
}
.detective-book__eyebrow[b-aeu9vzfikc] {
display: none;
}
.detective-book__speech-status[b-aeu9vzfikc] {
padding: .3rem .65rem;
font-size: .72rem;
line-height: 1.15;
}
.detective-book__page[b-aeu9vzfikc] {
gap: var(--space-1);
padding: var(--space-2);
}
.detective-book__page-heading p[b-aeu9vzfikc],
.detective-book__instruction[b-aeu9vzfikc] {
display: none;
}
.detective-book__page-heading h3[b-aeu9vzfikc] {
font-size: 1rem;
}
.detective-book__page-number[b-aeu9vzfikc] {
width: 1.7rem;
height: 1.7rem;
font-size: .9rem;
}
.detective-book__passage[b-aeu9vzfikc] {
padding: var(--space-2);
font-size: clamp(1.05rem, 2.4vw, 1.25rem);
line-height: 1.3;
}
.detective-book__passage--word[b-aeu9vzfikc] {
font-size: clamp(2.5rem, 6vw, 3.5rem);
line-height: var(--line-height-tight);
}
.detective-book__prompt-visual[b-aeu9vzfikc] {
padding: 0;
}
.detective-book__prompt-image[b-aeu9vzfikc] {
position: absolute;
inset: var(--space-1);
width: calc(100% - var(--space-2));
max-width: none;
height: calc(100% - var(--space-2));
max-height: none;
}
.detective-book__question[b-aeu9vzfikc] {
font-size: clamp(1.05rem, 2.4vw, 1.3rem);
}
.detective-book__strategy[b-aeu9vzfikc] {
padding: var(--space-1) var(--space-2);
font-size: .72rem;
}
.detective-book__evidence[b-aeu9vzfikc] {
gap: var(--space-1);
}
.detective-book__evidence-card[b-aeu9vzfikc] {
min-height: 2.5rem;
padding: var(--space-1) var(--space-2);
font-size: clamp(.95rem, 2.2vw, 1.15rem);
}
.detective-book--word-picture-match .detective-book__evidence-image[b-aeu9vzfikc] {
max-width: min(100%, 5rem);
max-height: min(84%, 5rem);
}
[b-aeu9vzfikc] .detective-book-image-preview-modal .tovelin-modal__header {
padding: var(--space-2) var(--space-3);
}
[b-aeu9vzfikc] .detective-book-image-preview-modal .tovelin-modal__heading {
padding-left: 0;
}
[b-aeu9vzfikc] .detective-book-image-preview-modal .tovelin-modal__body {
padding: var(--space-2);
}
.detective-book__image-preview img[b-aeu9vzfikc] {
max-height: calc(100dvh - 8rem);
}

}

@media (prefers-reduced-motion: reduce) {
.detective-book__evidence-card[b-aeu9vzfikc] {
transition: none;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/PlayResult.razor.rz.scp.css */
.app-play-result[b-nwowk4uu2n] {
display: grid;
gap: var(--space-5);
}

.app-play-result__breadcrumb[b-nwowk4uu2n] {
margin-bottom: var(--space-2);
}

.app-play-result__hero[b-nwowk4uu2n] {
overflow: hidden;
}

.app-play-result__hero-body[b-nwowk4uu2n] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-4);
align-items: center;
}

.app-play-result__hero-meta[b-nwowk4uu2n],
.app-play-result__points-row[b-nwowk4uu2n],
.app-play-result__task-state[b-nwowk4uu2n] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
align-items: center;
}

.app-play-result__celebration[b-nwowk4uu2n] {
position: relative;
display: grid;
place-items: center;
inline-size: 8.5rem;
block-size: 8.5rem;
border-radius: 50%;
background: radial-gradient(
circle at center,
color-mix(in srgb, var(--color-surface) 92%, var(--section-blue)),
color-mix(in srgb, var(--section-blue) 66%, var(--color-surface)));
border: 1px solid color-mix(in srgb, var(--color-border) 70%, var(--section-blue));
}

.app-play-result__celebration-icon[b-nwowk4uu2n] {
position: relative;
z-index: 1;
display: grid;
place-items: center;
inline-size: 4rem;
block-size: 4rem;
border-radius: 1.4rem;
background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));
color: var(--color-primary-dark);
font-size: 1.7rem;
}

.app-play-result__celebration-rings span[b-nwowk4uu2n] {
position: absolute;
inset: 0;
border-radius: 50%;
border: 1px solid color-mix(in srgb, var(--color-border) 65%, var(--section-blue));
}

.app-play-result__celebration-rings span:last-child[b-nwowk4uu2n] {
inset: 0.65rem;
}

.app-play-result__layout[b-nwowk4uu2n] {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.85fr);
gap: var(--space-4);
align-items: start;
}

.app-play-result__main[b-nwowk4uu2n],
.app-play-result__side[b-nwowk4uu2n],
.app-play-result__points-body[b-nwowk4uu2n],
.app-play-result__task-summary[b-nwowk4uu2n],
.app-play-result__reward-list[b-nwowk4uu2n] {
display: grid;
gap: var(--space-3);
}

.app-play-result__metric-label[b-nwowk4uu2n],
.app-play-result__metric-value[b-nwowk4uu2n],
.app-play-result__task-line[b-nwowk4uu2n],
.app-play-result__detail-item[b-nwowk4uu2n],
.app-play-result__points-text[b-nwowk4uu2n],
.app-play-result__reward-item p[b-nwowk4uu2n],
.app-play-result__section-heading p[b-nwowk4uu2n],
.app-play-result__section-heading h2[b-nwowk4uu2n] {
margin: 0;
}

.app-play-result__metric-value[b-nwowk4uu2n] {
font-size: clamp(1.3rem, 2vw, 1.65rem);
font-weight: var(--font-weight-semibold);
color: var(--color-primary-dark);
}

.app-play-result__task-line[b-nwowk4uu2n] {
display: grid;
gap: var(--space-1);
}

.app-play-result__task-progress[b-nwowk4uu2n] {
margin-top: var(--space-3);
}

.app-play-result__details-grid[b-nwowk4uu2n],
.app-play-result__next-grid[b-nwowk4uu2n] {
display: grid;
gap: var(--space-3);
}

.app-play-result__details-grid[b-nwowk4uu2n] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-play-result__detail-item[b-nwowk4uu2n],
.app-play-result__reward-item[b-nwowk4uu2n] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
align-items: center;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: 1rem;
background: color-mix(in srgb, var(--color-surface-soft) 68%, var(--color-surface));
}

.app-play-result__detail-item[b-nwowk4uu2n] {
display: grid;
align-items: start;
gap: var(--space-1);
}

.app-play-result__next-grid[b-nwowk4uu2n] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1080px) {
.app-play-result__layout[b-nwowk4uu2n],
.app-play-result__next-grid[b-nwowk4uu2n] {
grid-template-columns: 1fr;
}
}

@media (max-width: 720px) {
.app-play-result__hero-body[b-nwowk4uu2n],
.app-play-result__details-grid[b-nwowk4uu2n] {
grid-template-columns: 1fr;
}
.app-play-result__celebration[b-nwowk4uu2n] {
inline-size: 6.5rem;
block-size: 6.5rem;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/PointAllocation/PointAllocation.razor.rz.scp.css */
:host[b-atekm068k1] {
display: block;
}

.app-point-allocation[b-atekm068k1] {
display: grid;
gap: var(--space-6);
}

.app-point-allocation__hero[b-atekm068k1],
.app-point-allocation__metric[b-atekm068k1],
.app-point-allocation__amount-pill[b-atekm068k1],
.app-point-allocation__preview-card[b-atekm068k1],
.app-point-allocation__destination-card[b-atekm068k1],
.app-point-allocation__choice-card[b-atekm068k1] {
border: 1px solid color-mix(in srgb, var(--color-border) 82%, transparent);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.app-point-allocation__hero[b-atekm068k1] {
display: flex;
justify-content: space-between;
gap: var(--space-5);
align-items: flex-start;
padding: clamp(1.5rem, 2vw, 2.25rem);
background:
linear-gradient(135deg, color-mix(in srgb, var(--section-blue) 20%, var(--color-surface)), var(--color-surface)),
var(--color-surface);
}

.app-point-allocation__hero-copy[b-atekm068k1],
.app-point-allocation__context-list[b-atekm068k1],
.app-point-allocation__preview-lines[b-atekm068k1],
.app-point-allocation__confirm-list[b-atekm068k1],
.app-point-allocation__field-stack[b-atekm068k1],
.app-point-allocation__choice-copy[b-atekm068k1] {
display: grid;
gap: var(--space-3);
min-width: 0;
}

.app-point-allocation__kicker[b-atekm068k1] {
margin: 0;
color: var(--color-primary);
letter-spacing: 0.22em;
}

.app-point-allocation__hero h1[b-atekm068k1] {
margin: 0;
max-width: 14ch;
font-size: clamp(2rem, 2.9vw, 3rem);
line-height: 1.08;
}

.app-point-allocation__hero-text[b-atekm068k1] {
margin: 0;
max-width: 38rem;
color: var(--color-muted);
}

.app-point-allocation__hero-actions[b-atekm068k1],
.app-point-allocation__success-actions[b-atekm068k1],
.app-point-allocation__confirm-actions[b-atekm068k1],
.app-point-allocation__quick-actions[b-atekm068k1] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

.app-point-allocation__summary-grid[b-atekm068k1],
.app-point-allocation__workspace[b-atekm068k1] {
display: grid;
gap: var(--space-4);
}

.app-point-allocation__summary-grid[b-atekm068k1] {
grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 0.8fr);
}

.app-point-allocation__balance-grid[b-atekm068k1] {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--space-3);
}

.app-point-allocation__metric[b-atekm068k1],
.app-point-allocation__amount-pill[b-atekm068k1] {
display: grid;
gap: var(--space-1);
padding: var(--space-3);
}

.app-point-allocation__metric strong[b-atekm068k1],
.app-point-allocation__amount-pill strong[b-atekm068k1],
.app-point-allocation__context-row strong[b-atekm068k1],
.app-point-allocation__preview-line strong[b-atekm068k1] {
font-size: var(--font-size-title-md);
line-height: var(--line-height-tight);
}

.app-point-allocation__metric--blue[b-atekm068k1] {
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
}

.app-point-allocation__metric--lavender[b-atekm068k1] {
background: color-mix(in srgb, var(--color-secondary) 14%, var(--color-surface));
}

.app-point-allocation__metric--mint[b-atekm068k1] {
background: color-mix(in srgb, var(--color-success) 14%, var(--color-surface));
}

.app-point-allocation__metric--yellow[b-atekm068k1] {
background: color-mix(in srgb, var(--color-warning) 20%, var(--color-surface));
}

.app-point-allocation__context-card[b-atekm068k1],
.app-point-allocation__success-card[b-atekm068k1],
.app-point-allocation__confirm-card[b-atekm068k1] {
height: 100%;
}

.app-point-allocation__context-row[b-atekm068k1],
.app-point-allocation__preview-line[b-atekm068k1] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
align-items: center;
}

.app-point-allocation__destination-grid[b-atekm068k1],
.app-point-allocation__choice-grid[b-atekm068k1],
.app-point-allocation__move-grid[b-atekm068k1] {
display: grid;
gap: var(--space-3);
}

.app-point-allocation__destination-grid[b-atekm068k1] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-point-allocation__move-grid[b-atekm068k1],
.app-point-allocation__workspace[b-atekm068k1] {
grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
}

.app-point-allocation__destination-card[b-atekm068k1],
.app-point-allocation__choice-card[b-atekm068k1] {
width: 100%;
padding: var(--space-4);
text-align: left;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.app-point-allocation__destination-card.is-selected[b-atekm068k1],
.app-point-allocation__choice-card.is-selected[b-atekm068k1] {
border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border));
box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 12%, transparent), var(--shadow-sm);
}

.app-point-allocation__choice-card.is-disabled[b-atekm068k1] {
opacity: 0.6;
}

.app-point-allocation__destination-card-top[b-atekm068k1],
.app-point-allocation__choice-head[b-atekm068k1],
.app-point-allocation__choice-progress-meta[b-atekm068k1],
.app-point-allocation__amount-grid[b-atekm068k1] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
align-items: flex-start;
}

.app-point-allocation__destination-icon[b-atekm068k1] {
width: 2.75rem;
height: 2.75rem;
display: grid;
place-items: center;
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 26%, var(--color-surface));
}

.app-point-allocation__destination-card h2[b-atekm068k1],
.app-point-allocation__choice-card h3[b-atekm068k1] {
margin: 0;
font-size: var(--font-size-title-md);
}

.app-point-allocation__destination-card p[b-atekm068k1],
.app-point-allocation__choice-card p[b-atekm068k1],
.app-point-allocation__helper[b-atekm068k1],
.app-point-allocation__amount-helper[b-atekm068k1] {
margin: 0;
}

.app-point-allocation__choice-progress[b-atekm068k1],
.app-point-allocation__amount-summary[b-atekm068k1],
.app-point-allocation__success-body[b-atekm068k1] {
display: grid;
gap: var(--space-3);
}

.app-point-allocation__amount-summary[b-atekm068k1] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-point-allocation__amount-grid[b-atekm068k1] {
align-items: end;
}

.app-point-allocation__quick-actions[b-atekm068k1] {
justify-content: flex-end;
}

.app-point-allocation__preview-card[b-atekm068k1] {
padding: var(--space-4);
background: color-mix(in srgb, var(--section-lavender) 16%, var(--color-surface));
}

.app-point-allocation__side-column[b-atekm068k1] {
position: sticky;
top: calc(4rem + var(--space-4));
align-self: start;
}

.app-point-allocation__confirm-card[b-atekm068k1]  .tovelin-card__body {
display: grid;
gap: var(--space-4);
}

.app-point-allocation__confirm-actions[b-atekm068k1] {
display: grid;
}

.app-point-allocation__success-wrap[b-atekm068k1] {
max-width: 42rem;
}

@media (max-width: 1100px) {
.app-point-allocation__summary-grid[b-atekm068k1],
.app-point-allocation__workspace[b-atekm068k1],
.app-point-allocation__move-grid[b-atekm068k1] {
grid-template-columns: 1fr;
}
.app-point-allocation__side-column[b-atekm068k1] {
position: static;
}
}

@media (max-width: 980px) {
.app-point-allocation__hero[b-atekm068k1],
.app-point-allocation__destination-grid[b-atekm068k1],
.app-point-allocation__balance-grid[b-atekm068k1],
.app-point-allocation__amount-summary[b-atekm068k1] {
grid-template-columns: 1fr;
}
.app-point-allocation__hero[b-atekm068k1] {
display: grid;
}
}

@media (max-width: 620px) {
.app-point-allocation__amount-grid[b-atekm068k1],
.app-point-allocation__hero-actions[b-atekm068k1],
.app-point-allocation__success-actions[b-atekm068k1],
.app-point-allocation__quick-actions[b-atekm068k1] {
display: grid;
}
.app-point-allocation__hero-actions[b-atekm068k1]  .tovelin-btn,
.app-point-allocation__success-actions[b-atekm068k1]  .tovelin-btn,
.app-point-allocation__quick-actions[b-atekm068k1]  .tovelin-btn,
.app-point-allocation__confirm-actions[b-atekm068k1]  .tovelin-btn {
width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/Points.razor.rz.scp.css */
:host[b-lnegyfgi4w] {
display: block;
}

.app-rewards[b-lnegyfgi4w] {
display: grid;
gap: var(--space-6);
}

.app-rewards[b-lnegyfgi4w]  .app-rewards__workspace-divider {
margin: 0;
}

.app-rewards__empty-wrap[b-lnegyfgi4w] {
display: grid;
justify-items: start;
max-width: 48rem;
}

.app-rewards__load-error[b-lnegyfgi4w] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-danger) 26%, var(--color-border));
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));
}

.app-rewards__load-error :deep(.tovelin-alert)[b-lnegyfgi4w] {
flex: 1 1 auto;
min-width: 0;
}

.app-rewards__filters-panel[b-lnegyfgi4w],
.app-rewards__reward-card[b-lnegyfgi4w],
.app-rewards__create-card[b-lnegyfgi4w],
.app-rewards__allocation-card[b-lnegyfgi4w],
.app-rewards__permission-note[b-lnegyfgi4w],
.app-rewards__savings-card[b-lnegyfgi4w],
.app-rewards__history-toggle[b-lnegyfgi4w] {
border: 1px solid color-mix(in srgb, var(--color-border) 82%, transparent);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}

.app-rewards__reward-actions[b-lnegyfgi4w],
.app-rewards__savings-actions[b-lnegyfgi4w],
.app-rewards__empty-actions[b-lnegyfgi4w] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

.app-rewards__summary-row[b-lnegyfgi4w] {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-4);
align-items: stretch;
}

.app-rewards__filters-panel[b-lnegyfgi4w] {
padding: var(--space-5);
background: linear-gradient(180deg, var(--color-surface-strong), color-mix(in srgb, var(--color-surface) 94%, var(--section-blue)));
}

.app-rewards__filters-grid[b-lnegyfgi4w] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.app-rewards__filters-grid :deep(.tovelin-select__help)[b-lnegyfgi4w] {
display: none;
}

.app-rewards__filters-grid :deep(.tovelin-select__label)[b-lnegyfgi4w] {
color: var(--color-muted-foreground);
letter-spacing: 0.12em;
text-transform: uppercase;
font-size: var(--font-size-caption);
}
.app-rewards__allocation-card[b-lnegyfgi4w],
.app-rewards__permission-note[b-lnegyfgi4w] {
padding: var(--space-4);
}
.app-rewards__now-kicker[b-lnegyfgi4w] {
margin: 0 0 var(--space-1);
color: var(--color-muted);
text-transform: uppercase;
letter-spacing: 0.12em;
}
.app-rewards__available-box[b-lnegyfgi4w],
.app-rewards__selected-box[b-lnegyfgi4w] {
border: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
border-radius: var(--radius-lg);
}
.app-rewards__available-box[b-lnegyfgi4w] {
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
}
.app-rewards__workspace[b-lnegyfgi4w] {
display: block;
}

.app-rewards__main-column[b-lnegyfgi4w] {
display: grid;
gap: var(--space-4);
}

.app-rewards__reward-section[b-lnegyfgi4w] {
display: grid;
gap: var(--space-3);
}

.app-rewards__status-tabs[b-lnegyfgi4w] {
display: inline-flex;
flex-wrap: wrap;
gap: var(--space-2);
padding: 0.2rem;
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-surface-soft) 64%, var(--color-surface));
justify-self: start;
}

.app-rewards__status-tab[b-lnegyfgi4w] {
min-height: 2rem;
padding: 0.35rem 0.8rem;
border: 0;
border-radius: calc(var(--radius-lg) - 0.15rem);
background: transparent;
color: var(--color-text-soft);
font: inherit;
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
cursor: pointer;
}

.app-rewards__status-tab--active[b-lnegyfgi4w] {
background: var(--color-surface);
color: var(--color-primary);
box-shadow: var(--shadow-xs);
}

.app-rewards__list-header[b-lnegyfgi4w],
.app-rewards__reward-select[b-lnegyfgi4w],
.app-rewards__reward-top[b-lnegyfgi4w],
.app-rewards__savings-card-head[b-lnegyfgi4w],
.app-rewards__history-summary[b-lnegyfgi4w],
.app-rewards__history-item[b-lnegyfgi4w],
.app-rewards__allocation-head[b-lnegyfgi4w] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
}

.app-rewards__list-header[b-lnegyfgi4w] {
align-items: center;
}

.app-rewards__reward-title[b-lnegyfgi4w],
.app-rewards__create-title[b-lnegyfgi4w],
.app-rewards__allocation-title[b-lnegyfgi4w],
.app-rewards__savings-card-title[b-lnegyfgi4w],
.app-rewards__history-title[b-lnegyfgi4w],
.app-rewards__new-savings-title[b-lnegyfgi4w] {
margin: 0;
font-size: var(--font-size-title-md);
line-height: var(--line-height-tight);
font-weight: var(--font-weight-bold);
}

.app-rewards__reward-list[b-lnegyfgi4w] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.app-rewards__reward-card[b-lnegyfgi4w] {
position: relative;
isolation: isolate;
display: grid;
grid-template-rows: 1fr auto;
gap: var(--space-3);
padding: var(--space-4);
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.app-rewards__reward-card:hover[b-lnegyfgi4w] {
border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border));
box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 12%, transparent), var(--shadow-sm);
}

.app-rewards__reward-summary-button[b-lnegyfgi4w]::after {
content: "";
position: absolute;
inset: 0;
border-radius: var(--radius-lg);
}

.app-rewards__reward-actions[b-lnegyfgi4w],
.app-rewards__reward-top[b-lnegyfgi4w]  .tovelin-icon-btn {
position: relative;
z-index: 1;
}

.app-rewards__detail[b-lnegyfgi4w]  .app-rewards__detail-wide {
grid-column: 1 / -1;
}

.app-rewards__detail-description[b-lnegyfgi4w],
.app-rewards__detail strong[b-lnegyfgi4w] {
white-space: pre-wrap;
overflow-wrap: anywhere;
}

.app-rewards__detail-actions[b-lnegyfgi4w] {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: var(--space-2);
width: 100%;
}

.app-rewards__reward-select[b-lnegyfgi4w] {
width: 100%;
padding: 0;
border: 0;
background: transparent;
text-align: left;
align-items: flex-start;
}

.app-rewards__reward-top[b-lnegyfgi4w] {
align-items: flex-start;
}

.app-rewards__reward-summary-button[b-lnegyfgi4w] {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: var(--space-3);
width: 100%;
min-width: 0;
padding: 0;
border: 0;
background: transparent;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
flex: 1 1 auto;
}

.app-rewards__reward-summary-button > span[b-lnegyfgi4w] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.app-rewards__reward-icon[b-lnegyfgi4w],
.app-rewards__create-icon[b-lnegyfgi4w],
.app-rewards__history-icon[b-lnegyfgi4w],
.app-rewards__new-savings-icon[b-lnegyfgi4w] {
display: grid;
place-items: center;
flex: 0 0 auto;
width: 2.75rem;
height: 2.75rem;
border-radius: var(--radius-lg);
}

.app-rewards__reward-icon--accent[b-lnegyfgi4w] {
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.app-rewards__reward-icon--success[b-lnegyfgi4w] {
background: color-mix(in srgb, var(--color-success) 12%, var(--color-surface));
}

.app-rewards__reward-icon--soft[b-lnegyfgi4w] {
background: color-mix(in srgb, var(--color-warning) 20%, var(--color-surface));
}

.app-rewards__reward-content[b-lnegyfgi4w],
.app-rewards__reward-progress-block[b-lnegyfgi4w],
.app-rewards__history-list[b-lnegyfgi4w],
.app-rewards__selected-box-wrap[b-lnegyfgi4w],
.app-rewards__slider-block[b-lnegyfgi4w] {
display: grid;
gap: var(--space-2);
min-width: 0;
}

.app-rewards__reward-content[b-lnegyfgi4w] {
flex: 1 1 auto;
}

.app-rewards__reward-mobile-collapsible[b-lnegyfgi4w] {
display: grid;
gap: var(--space-3);
}

.app-rewards__reward-description[b-lnegyfgi4w],
.app-rewards__detail-contribution[b-lnegyfgi4w],
.app-rewards__create-text[b-lnegyfgi4w],
.app-rewards__allocation-text[b-lnegyfgi4w] {
margin: 0;
}

.app-rewards__reward-description[b-lnegyfgi4w] {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.app-rewards__reward-progress-meta[b-lnegyfgi4w] {
display: flex;
justify-content: space-between;
gap: var(--space-2);
align-items: center;
}

.app-rewards__reward-card .app-rewards__reward-progress-meta[b-lnegyfgi4w] {
justify-content: flex-start;
}

.app-rewards__reward-actions[b-lnegyfgi4w] {
justify-content: flex-end;
justify-self: end;
align-items: center;
padding-top: var(--space-2);
}

.app-rewards__savings-actions[b-lnegyfgi4w] {
justify-content: flex-end;
justify-self: end;
}

.app-rewards__reward-empty-card[b-lnegyfgi4w] {
grid-column: 1 / -1;
display: inline-flex;
align-items: center;
gap: var(--space-3);
min-height: 4.25rem;
padding: var(--space-4);
border: 1px dashed var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
color: var(--color-primary);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
letter-spacing: 0.08em;
text-transform: uppercase;
box-shadow: var(--shadow-sm);
}

.app-rewards__reward-empty-icon[b-lnegyfgi4w] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
flex: 0 0 auto;
border-radius: var(--radius-full);
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.app-rewards__create-card[b-lnegyfgi4w] {
display: grid;
gap: var(--space-4);
padding: var(--space-4);
background: color-mix(in srgb, var(--color-secondary) 16%, var(--color-surface));
}

.app-rewards__create-head[b-lnegyfgi4w] {
display: flex;
gap: var(--space-3);
align-items: flex-start;
}

.app-rewards__create-icon[b-lnegyfgi4w],
.app-rewards__new-savings-icon[b-lnegyfgi4w] {
background: color-mix(in srgb, var(--color-surface) 88%, white);
}

.app-rewards__create-grid[b-lnegyfgi4w] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-3);
}

.app-rewards__savings-section[b-lnegyfgi4w] {
display: grid;
gap: var(--space-4);
min-width: 0;
}

.app-rewards__section-heading :deep(.app-rewards__savings-info-button)[b-lnegyfgi4w] {
width: 3.25rem;
height: 3.25rem;
padding: 0;
border-color: color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
border-radius: 50%;
color: var(--color-primary-dark);
}

.app-rewards__savings-limit[b-lnegyfgi4w] {
margin: 0;
}

.app-rewards__savings-list[b-lnegyfgi4w] {
display: grid;
gap: var(--space-5);
min-width: 0;
}

.app-rewards__savings-showcase[b-lnegyfgi4w] {
display: grid;
grid-template-columns: minmax(0, 1.65fr) minmax(17rem, 0.95fr);
gap: var(--space-4);
align-items: start;
min-width: 0;
}

.app-rewards__savings-card[b-lnegyfgi4w] {
display: grid;
gap: var(--space-3);
min-width: 0;
padding: var(--space-4);
overflow: hidden;
}

.app-rewards__savings-card-head[b-lnegyfgi4w] {
align-items: flex-start;
min-width: 0;
}

.app-rewards__savings-card-control[b-lnegyfgi4w] {
display: inline-flex;
flex: 0 0 auto;
}

.app-rewards__savings-progress[b-lnegyfgi4w] {
display: grid;
gap: var(--space-2);
}

.app-rewards__savings-card-title-group[b-lnegyfgi4w] {
display: flex;
align-items: center;
min-width: 0;
}

.app-rewards__savings-card-title-group > div:last-child[b-lnegyfgi4w] {
min-width: 0;
}

.app-rewards__savings-card-title[b-lnegyfgi4w] {
overflow-wrap: anywhere;
}

.app-rewards__savings-status[b-lnegyfgi4w] {
margin: var(--space-1) 0 0;
color: var(--color-text-muted);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.app-rewards__savings-status--active[b-lnegyfgi4w] {
color: var(--color-success-dark);
}

.app-rewards__savings-overview[b-lnegyfgi4w] {
display: grid;
grid-template-columns: minmax(7.5rem, 0.7fr) minmax(12rem, 1.3fr);
gap: var(--space-2);
align-items: center;
width: 100%;
min-width: 0;
min-height: 8.25rem;
padding: 0;
border: 0;
background: transparent;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
border-radius: var(--radius-lg);
}

.app-rewards__savings-overview:focus-visible[b-lnegyfgi4w] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 48%, transparent);
outline-offset: 3px;
}

.app-rewards__savings-balance[b-lnegyfgi4w] {
display: grid;
align-content: center;
justify-items: start;
min-width: 0;
}

.app-rewards__savings-balance strong[b-lnegyfgi4w] {
color: var(--color-text);
font-family: var(--font-family-heading);
font-size: clamp(3.5rem, 8vw, 6rem);
line-height: 0.92;
}

.app-rewards__savings-balance span[b-lnegyfgi4w] {
margin-top: var(--space-2);
color: var(--color-muted);
font-size: clamp(1rem, 1.9vw, 1.35rem);
line-height: var(--line-height-tight);
}

.app-rewards__savings-illustration[b-lnegyfgi4w] {
display: block;
width: min(100%, 25rem);
max-height: 11rem;
margin-inline: auto;
object-fit: contain;
filter: drop-shadow(0 0.65rem 0.7rem color-mix(in srgb, var(--color-text) 12%, transparent));
transition: transform 180ms ease;
}

.app-rewards__savings-overview:hover .app-rewards__savings-illustration[b-lnegyfgi4w] {
transform: translateY(-2px) scale(1.01);
}

.app-rewards__savings-bonus-strip[b-lnegyfgi4w] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-4);
align-items: center;
padding: var(--space-3) var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-info) 16%, var(--color-border));
border-radius: var(--radius-lg);
background: linear-gradient(105deg,
color-mix(in srgb, var(--section-blue) 52%, var(--color-surface)),
color-mix(in srgb, var(--section-mint) 38%, var(--color-surface)));
}

.app-rewards__savings-bonus-value[b-lnegyfgi4w],
.app-rewards__savings-bonus-due[b-lnegyfgi4w] {
display: flex;
gap: var(--space-3);
align-items: center;
min-width: 0;
}

.app-rewards__savings-bonus-value > :deep(.tovelin-icon)[b-lnegyfgi4w] {
color: var(--color-warning-dark);
}

.app-rewards__savings-bonus-value span[b-lnegyfgi4w] {
display: grid;
min-width: 0;
}

.app-rewards__savings-bonus-value small[b-lnegyfgi4w] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.app-rewards__savings-bonus-value strong[b-lnegyfgi4w],
.app-rewards__savings-bonus-due strong[b-lnegyfgi4w] {
overflow-wrap: anywhere;
font-size: var(--font-size-title-sm);
}

.app-rewards__savings-bonus-due[b-lnegyfgi4w] {
align-self: stretch;
padding-left: var(--space-4);
border-left: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
color: var(--color-muted);
}

.app-rewards__savings-bonus-due strong[b-lnegyfgi4w] {
color: var(--color-text);
}

.app-rewards__allocation-note[b-lnegyfgi4w],
.app-rewards__permission-note p[b-lnegyfgi4w] {
display: flex;
gap: var(--space-1);
align-items: flex-start;
}

.app-rewards__savings-actions[b-lnegyfgi4w] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-2);
width: 100%;
justify-self: stretch;
}

.app-rewards__savings-actions :deep(.tovelin-btn)[b-lnegyfgi4w] {
width: 100%;
min-width: 0;
justify-content: center;
}

.app-rewards__bonus-panel[b-lnegyfgi4w] {
align-self: start;
width: 100%;
min-width: 0;
border: 1px solid color-mix(in srgb, var(--color-warning) 46%, var(--color-border));
border-radius: var(--radius-xl);
background: linear-gradient(145deg,
color-mix(in srgb, var(--section-yellow) 48%, var(--color-surface)),
color-mix(in srgb, var(--color-warning) 8%, var(--color-surface)));
box-shadow: var(--shadow-xs);
overflow: hidden;
}

.app-rewards__bonus-panel summary[b-lnegyfgi4w],
.app-rewards__bonus-panel-heading[b-lnegyfgi4w] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
align-items: center;
min-height: 4rem;
padding: var(--space-4);
color: var(--color-text);
font-family: var(--font-family-heading);
font-size: var(--font-size-title-md);
font-weight: var(--font-weight-bold);
}

.app-rewards__bonus-panel summary[b-lnegyfgi4w] {
cursor: pointer;
list-style: none;
}

.app-rewards__bonus-panel summary[b-lnegyfgi4w]::-webkit-details-marker {
display: none;
}

.app-rewards__bonus-panel summary > span[b-lnegyfgi4w],
.app-rewards__bonus-panel-heading > span[b-lnegyfgi4w] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
min-width: 0;
overflow-wrap: anywhere;
}

.app-rewards__bonus-panel summary > :deep(.tovelin-icon)[b-lnegyfgi4w] {
transition: transform 160ms ease;
}

.app-rewards__bonus-panel[open] summary > :deep(.tovelin-icon)[b-lnegyfgi4w] {
transform: rotate(180deg);
}

.app-rewards__bonus-panel summary:focus-visible[b-lnegyfgi4w] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 48%, transparent);
outline-offset: -4px;
border-radius: var(--radius-xl);
}

.app-rewards__bonus-panel-content[b-lnegyfgi4w] {
display: grid;
gap: var(--space-3);
padding: 0 var(--space-4) var(--space-4);
}

.app-rewards__bonus-panel-content p[b-lnegyfgi4w] {
margin: 0;
color: var(--color-muted);
line-height: var(--line-height-normal);
}

.app-rewards__bonus-formula[b-lnegyfgi4w] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
gap: var(--space-2);
align-items: center;
padding-block: var(--space-1);
}

.app-rewards__bonus-formula > span[b-lnegyfgi4w] {
display: grid;
justify-items: center;
gap: 0.125rem;
text-align: center;
}

.app-rewards__bonus-formula img[b-lnegyfgi4w] {
display: block;
width: clamp(4.5rem, 8vw, 6.25rem);
height: 4.75rem;
object-fit: contain;
filter: drop-shadow(0 0.35rem 0.35rem color-mix(in srgb, var(--color-warning-dark) 16%, transparent));
}

.app-rewards__bonus-formula strong[b-lnegyfgi4w] {
color: var(--color-text);
font-family: var(--font-family-heading);
font-size: clamp(1.8rem, 3vw, 2.5rem);
line-height: 1;
}

.app-rewards__bonus-formula small[b-lnegyfgi4w] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.app-rewards__bonus-formula > span:last-child strong[b-lnegyfgi4w] {
color: var(--color-warning-dark);
}

.app-rewards__bonus-state[b-lnegyfgi4w] {
display: flex;
gap: var(--space-2);
align-items: flex-start;
padding-top: var(--space-3);
border-top: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
}

.app-rewards__bonus-panel--mobile[b-lnegyfgi4w] {
display: none;
}

.app-rewards__savings-create-action[b-lnegyfgi4w] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
justify-self: start;
min-height: 2.75rem;
padding: var(--space-1) var(--space-2);
border: 0;
border-radius: var(--radius-md);
background: transparent;
color: var(--color-primary);
font: inherit;
font-weight: var(--font-weight-semibold);
cursor: pointer;
}

.app-rewards__savings-create-action:hover[b-lnegyfgi4w] {
background: color-mix(in srgb, var(--color-primary) 8%, transparent);
}

.app-rewards__savings-create-action:focus-visible[b-lnegyfgi4w] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 46%, transparent);
outline-offset: 2px;
}

.app-rewards__history-toggle[b-lnegyfgi4w] {
width: 100%;
align-items: center;
padding: var(--space-3) var(--space-4);
text-align: left;
}

.app-rewards__history-summary[b-lnegyfgi4w] {
align-items: center;
}

.app-rewards__history-list[b-lnegyfgi4w] {
padding-top: var(--space-2);
}

.app-rewards__history-more[b-lnegyfgi4w] {
display: flex;
justify-content: center;
padding-top: var(--space-2);
}

.app-rewards__history-item[b-lnegyfgi4w] {
align-items: center;
padding: var(--space-3) var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
border-radius: var(--radius-lg);
background: var(--color-surface);
}

.app-rewards__history-item-main[b-lnegyfgi4w] {
display: flex;
gap: var(--space-3);
align-items: center;
}

.app-rewards__history-item-title[b-lnegyfgi4w] {
margin: 0;
font-weight: var(--font-weight-semibold);
}

.app-rewards__history-chevron[b-lnegyfgi4w] {
transition: transform 160ms ease;
}

.app-rewards__history-chevron.is-open[b-lnegyfgi4w] {
transform: rotate(180deg);
}

.app-rewards__allocation-card[b-lnegyfgi4w] {
display: grid;
gap: var(--space-4);
}

.app-rewards__allocation-grid[b-lnegyfgi4w] {
display: grid;
grid-template-columns: minmax(10rem, 0.8fr) minmax(14rem, 1fr) minmax(14rem, 1.4fr) minmax(10rem, 0.8fr);
gap: var(--space-3);
align-items: end;
}

.app-rewards__allocation-head[b-lnegyfgi4w] {
justify-content: flex-start;
align-items: center;
}

.app-rewards__field-label[b-lnegyfgi4w] {
margin: 0;
}

.app-rewards__available-box[b-lnegyfgi4w],
.app-rewards__selected-box[b-lnegyfgi4w] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
align-items: center;
padding: var(--space-3);
}

.app-rewards__selected-box[b-lnegyfgi4w] {
justify-content: flex-start;
background: var(--color-surface);
}

.app-rewards__selected-box span[b-lnegyfgi4w] {
font-weight: var(--font-weight-semibold);
}

.app-rewards__allocation-note[b-lnegyfgi4w],
.app-rewards__permission-note p[b-lnegyfgi4w] {
margin: 0;
}

.app-rewards__allocation-action[b-lnegyfgi4w] {
min-width: 0;
}

.app-rewards__permission-note[b-lnegyfgi4w] {
background: color-mix(in srgb, var(--color-warning) 22%, var(--color-surface));
}

.app-rewards__points-modal[b-lnegyfgi4w] {
display: grid;
gap: var(--space-4);
}

.app-rewards__points-modal-summary[b-lnegyfgi4w] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.app-rewards__points-modal-summary > div[b-lnegyfgi4w] {
display: grid;
gap: var(--space-1);
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--section-blue) 55%, var(--color-surface));
}

.app-rewards__points-modal-summary strong[b-lnegyfgi4w] {
color: var(--color-foreground);
font-size: var(--font-size-title-md);
}

.app-rewards__points-modal-grid[b-lnegyfgi4w] {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(8rem, 10rem);
gap: var(--space-3);
align-items: end;
}

@media (max-width: 780px) {
.app-rewards__summary-row[b-lnegyfgi4w] {
grid-template-columns: 1fr;
}
}

@media (max-width: 780px) {
.app-rewards__create-grid[b-lnegyfgi4w] {
grid-template-columns: 1fr;
}
}

@media (max-width: 900px) {
.app-rewards__allocation-grid[b-lnegyfgi4w] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 600px) {
.app-rewards__filters-grid[b-lnegyfgi4w],
.app-rewards__allocation-grid[b-lnegyfgi4w],
.app-rewards__points-modal-summary[b-lnegyfgi4w],
.app-rewards__points-modal-grid[b-lnegyfgi4w] {
grid-template-columns: 1fr;
}
.app-rewards__load-error[b-lnegyfgi4w] {
align-items: stretch;
flex-direction: column;
}
.app-rewards__load-error :deep(.tovelin-btn)[b-lnegyfgi4w] {
width: 100%;
justify-content: center;
}
}

@media (max-width: 680px) {
.app-rewards__reward-list[b-lnegyfgi4w] {
grid-template-columns: 1fr;
}
.app-rewards__reward-card[b-lnegyfgi4w] {
gap: var(--space-3);
padding: var(--space-3);
}
}

@media (max-width: 750px) {
.app-rewards__savings-showcase[b-lnegyfgi4w] {
grid-template-columns: minmax(0, 1fr);
gap: var(--space-3);
}
.app-rewards__bonus-panel--desktop[b-lnegyfgi4w] {
display: none;
}
.app-rewards__bonus-panel--mobile[b-lnegyfgi4w] {
display: block;
}
}

@media (max-width: 560px) {
.app-rewards__savings-card[b-lnegyfgi4w] {
gap: var(--space-3);
padding: var(--space-4);
}
.app-rewards__savings-actions[b-lnegyfgi4w] {
padding-right: 0;
}
.app-rewards__savings-overview[b-lnegyfgi4w] {
grid-template-columns: minmax(5.75rem, 0.65fr) minmax(8rem, 1.35fr);
min-height: 7.75rem;
}
.app-rewards__savings-balance strong[b-lnegyfgi4w] {
font-size: clamp(3rem, 19vw, 4.75rem);
}
.app-rewards__savings-balance span[b-lnegyfgi4w] {
font-size: var(--font-size-body);
}
.app-rewards__savings-illustration[b-lnegyfgi4w] {
width: min(100%, 17rem);
max-height: 10.5rem;
}
.app-rewards__savings-bonus-strip[b-lnegyfgi4w] {
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-3);
padding-inline: var(--space-3);
}
.app-rewards__savings-bonus-due[b-lnegyfgi4w] {
padding-left: var(--space-3);
}
.app-rewards__savings-bonus-value strong[b-lnegyfgi4w],
.app-rewards__savings-bonus-due strong[b-lnegyfgi4w] {
font-size: var(--font-size-body);
}
.app-rewards__bonus-panel summary[b-lnegyfgi4w] {
padding: var(--space-3);
font-size: var(--font-size-title-sm);
}
.app-rewards__bonus-panel-content[b-lnegyfgi4w] {
padding: 0 var(--space-3) var(--space-3);
}
}

@media (max-width: 390px) {
.app-rewards__savings-overview[b-lnegyfgi4w] {
grid-template-columns: minmax(5rem, 0.7fr) minmax(7rem, 1.3fr);
}
.app-rewards__savings-bonus-strip[b-lnegyfgi4w] {
grid-template-columns: minmax(0, 1fr);
}
.app-rewards__savings-bonus-due[b-lnegyfgi4w] {
min-height: 2.5rem;
padding-top: var(--space-2);
padding-left: 0;
border-top: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
border-left: 0;
}
}

@media (max-width: 340px) {
.app-rewards__savings-actions[b-lnegyfgi4w] {
grid-template-columns: repeat(2, minmax(0, 1fr));
padding-right: 0;
}
.app-rewards__savings-actions :deep(.tovelin-btn)[b-lnegyfgi4w] {
gap: var(--space-1);
padding-inline: var(--space-2);
}
}

@media (prefers-reduced-motion: reduce) {
.app-rewards__savings-illustration[b-lnegyfgi4w],
.app-rewards__bonus-panel summary > :deep(.tovelin-icon)[b-lnegyfgi4w] {
transition: none;
}
}

/* Rewards share one list and one selection model at every viewport width. */
.app-rewards__reward-layout[b-lnegyfgi4w] {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
gap: var(--space-4);
align-items: start;
min-width: 0;
}

.app-rewards__reward-list[b-lnegyfgi4w] {
display: block;
min-width: 0;
overflow: hidden;
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
background: var(--color-surface-soft);
}

.app-rewards__reward-layout [data-reward-edge][b-lnegyfgi4w] {
--reward-edge: var(--color-primary);
--reward-tab-width: 0.65rem;
--reward-content-inset: calc(var(--space-5) + var(--reward-tab-width));
}

.app-rewards__reward-layout [data-reward-edge="1"][b-lnegyfgi4w],
.app-rewards__reward-layout [data-reward-edge="4"][b-lnegyfgi4w] { --reward-edge: color-mix(in srgb, var(--color-success-dark) 65%, var(--color-success)); }
.app-rewards__reward-layout [data-reward-edge="2"][b-lnegyfgi4w] { --reward-edge: var(--color-accent); }
.app-rewards__reward-layout [data-reward-edge="3"][b-lnegyfgi4w] { --reward-edge: var(--color-secondary-dark); }
.app-rewards__reward-layout [data-reward-edge="5"][b-lnegyfgi4w] { --reward-edge: color-mix(in srgb, var(--color-primary) 55%, var(--color-surface)); }
.app-rewards__reward-layout [data-reward-edge="6"][b-lnegyfgi4w] { --reward-edge: color-mix(in srgb, var(--color-secondary-dark) 65%, var(--color-surface)); }

.app-rewards__list-item[b-lnegyfgi4w] {
position: relative;
min-width: 0;
background: color-mix(in srgb, var(--color-surface) 84%, var(--color-surface-soft));
}

.app-rewards__list-item + .app-rewards__list-item[b-lnegyfgi4w] {
border-top: 1px solid var(--color-border-soft);
}

.app-rewards__list-item[b-lnegyfgi4w]::before {
content: "";
position: absolute;
inset: 0.2rem auto 0.2rem 0;
width: var(--reward-tab-width);
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
background: var(--reward-edge);
pointer-events: none;
}

.app-rewards__list-item--selected[b-lnegyfgi4w] {
background: color-mix(in srgb, var(--reward-edge) 18%, var(--color-surface));
}

.app-rewards__list-trigger[b-lnegyfgi4w] {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(7rem, 38%) auto;
gap: var(--space-3);
align-items: center;
width: 100%;
min-height: 4.5rem;
padding: var(--space-3) var(--space-4) var(--space-3) var(--reward-content-inset);
border: 0;
background: transparent;
color: var(--color-text);
font: inherit;
text-align: left;
cursor: pointer;
}

.app-rewards__list-trigger:hover[b-lnegyfgi4w] {
background: color-mix(in srgb, var(--reward-edge) 7%, transparent);
}

.app-rewards__list-trigger:focus-visible[b-lnegyfgi4w] {
position: relative;
z-index: 1;
outline: 3px solid var(--color-primary);
outline-offset: -4px;
border-radius: var(--radius-lg);
}

.app-rewards__list-title[b-lnegyfgi4w],
.app-rewards__selected-title[b-lnegyfgi4w] {
min-width: 0;
overflow-wrap: anywhere;
font-weight: var(--font-weight-bold);
}

.app-rewards__list-progress[b-lnegyfgi4w],
.app-rewards__selected-progress[b-lnegyfgi4w] {
display: grid;
gap: var(--space-1);
min-width: 0;
}

.app-rewards__list-progress .text-support[b-lnegyfgi4w],
.app-rewards__selected-progress > .text-support[b-lnegyfgi4w] {
color: var(--color-text);
font-size: var(--font-size-small);
}

.app-rewards__list-progress[b-lnegyfgi4w]  .tovelin-progress,
.app-rewards__selected-progress[b-lnegyfgi4w]  .tovelin-progress {
width: 100%;
}

.app-rewards__list-trigger > :last-child[b-lnegyfgi4w] {
color: var(--color-primary);
}

.app-rewards__inline-detail[b-lnegyfgi4w] {
display: none;
}

.app-rewards__side-detail[b-lnegyfgi4w] {
min-width: 0;
border: 1px solid color-mix(in srgb, var(--reward-edge) 40%, var(--color-border));
border-left: 2.25rem solid color-mix(in srgb, var(--reward-edge) 72%, var(--color-surface));
border-radius: var(--radius-sm);
background: color-mix(in srgb, var(--reward-edge) 4%, var(--color-surface));
}

.app-rewards__selected-detail[b-lnegyfgi4w] {
display: grid;
gap: var(--space-4);
min-width: 0;
padding: var(--space-5);
}

.app-rewards__selected-head[b-lnegyfgi4w] {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-3);
min-width: 0;
}

.app-rewards__selected-title[b-lnegyfgi4w] {
margin: 0;
font-size: var(--font-size-title-md);
line-height: var(--line-height-tight);
}

.app-rewards__selected-description[b-lnegyfgi4w] {
margin: 0;
white-space: pre-wrap;
overflow-wrap: anywhere;
color: var(--color-text);
font-size: var(--font-size-small);
line-height: var(--line-height-normal);
}

.app-rewards__selected-actions[b-lnegyfgi4w] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
align-items: center;
}

.app-rewards__selected-actions[b-lnegyfgi4w]  .tovelin-btn {
min-height: 2.75rem;
flex: 1 1 auto;
}

.app-rewards__reward-empty-card[b-lnegyfgi4w] {
width: 100%;
border: 0;
box-shadow: none;
}

/* Keep the side panel on small laptops; only row content stacks earlier. */
@media (min-width: 751px) and (max-width: 900px) {
.app-rewards__reward-layout[b-lnegyfgi4w] { gap: var(--space-3); }
.app-rewards__list-trigger[b-lnegyfgi4w] { grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2); }
.app-rewards__list-progress[b-lnegyfgi4w] { grid-column: 1 / -1; grid-row: 2; }
.app-rewards__list-trigger > :last-child[b-lnegyfgi4w] { grid-column: 2; grid-row: 1; }
.app-rewards__side-detail[b-lnegyfgi4w] { border-left-width: 1.25rem; }
.app-rewards__side-detail .app-rewards__selected-detail[b-lnegyfgi4w] { padding: var(--space-4); }
}

/* Rewards-only exception to the shared 980px layout breakpoint. */
@media (max-width: 750px) {
.app-rewards__reward-layout[b-lnegyfgi4w] {
grid-template-columns: minmax(0, 1fr);
gap: 0;
}
.app-rewards__side-detail[b-lnegyfgi4w] { display: none; }
.app-rewards__inline-detail[b-lnegyfgi4w] { display: block; }
.app-rewards__list-item--selected .app-rewards__list-trigger[b-lnegyfgi4w] {
grid-template-columns: minmax(0, 1fr);
padding-right: calc(var(--space-4) + 2.5rem);
}
.app-rewards__list-item--selected .app-rewards__list-progress[b-lnegyfgi4w] { display: none; }
.app-rewards__list-item--selected .app-rewards__list-trigger[b-lnegyfgi4w]  .tovelin-icon { display: none; }
.app-rewards__inline-detail .app-rewards__selected-head[b-lnegyfgi4w] {
position: absolute;
top: var(--space-3);
right: var(--space-4);
z-index: 2;
}
.app-rewards__inline-detail .app-rewards__selected-detail[b-lnegyfgi4w] {
padding-top: 0;
padding-left: var(--reward-content-inset);
}
.app-rewards__inline-detail .app-rewards__selected-title[b-lnegyfgi4w] { display: none; }
}

@media (max-width: 600px) {
.app-rewards__reward-layout [data-reward-edge][b-lnegyfgi4w] {
--reward-content-inset: calc(var(--space-4) + var(--reward-tab-width));
}
.app-rewards__list-trigger[b-lnegyfgi4w] {
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-2);
padding: var(--space-3) var(--space-3) var(--space-3) var(--reward-content-inset);
}
.app-rewards__list-progress[b-lnegyfgi4w] { grid-column: 1 / -1; grid-row: 2; }
.app-rewards__list-trigger > :last-child[b-lnegyfgi4w] { grid-column: 2; grid-row: 1; }
.app-rewards__list-item--selected .app-rewards__list-trigger[b-lnegyfgi4w] { padding-right: calc(var(--space-3) + 2.5rem); }
.app-rewards__inline-detail .app-rewards__selected-head[b-lnegyfgi4w] { right: var(--space-3); }
.app-rewards__selected-detail[b-lnegyfgi4w] { padding: var(--space-3); }
.app-rewards__inline-detail .app-rewards__selected-detail[b-lnegyfgi4w] { padding-left: var(--reward-content-inset); }
.app-rewards__selected-actions[b-lnegyfgi4w] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-2);
}
.app-rewards__selected-actions[b-lnegyfgi4w]  .tovelin-btn {
min-width: 0;
width: 100%;
justify-content: center;
}
.app-rewards__selected-actions[b-lnegyfgi4w]  .tovelin-btn:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/Profile.razor.rz.scp.css */
:host[b-plbx6c5kku] {
display: block;
}

.app-profile-page[b-plbx6c5kku] {
display: block;
}

.app-profile__shell[b-plbx6c5kku] {
display: grid;
gap: var(--space-5);
max-width: 960px;
margin-inline: auto;
}

.app-profile__back[b-plbx6c5kku] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
width: fit-content;
color: var(--color-text-muted);
text-decoration: none;
transition: color 180ms ease;
}

.app-profile__back:hover[b-plbx6c5kku] {
color: var(--color-text);
}
.app-profile__section[b-plbx6c5kku] {
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.app-profile__identity[b-plbx6c5kku]  .app-profile__avatar {
flex: 0 0 auto;
}

.app-profile__badges[b-plbx6c5kku],
.app-profile__hero-actions[b-plbx6c5kku] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

.app-profile__hero-actions[b-plbx6c5kku] {
justify-content: flex-end;
max-width: 14rem;
}

.app-profile__signout-link[b-plbx6c5kku] {
color: var(--color-text-muted);
}

.app-profile__section[b-plbx6c5kku] {
display: grid;
gap: var(--space-4);
padding: var(--space-5);
}

.app-profile__section-heading[b-plbx6c5kku] {
display: grid;
gap: var(--space-2);
max-width: 42rem;
}

.app-profile__section-heading--with-action[b-plbx6c5kku] {
display: flex;
align-items: flex-start;
justify-content: space-between;
max-width: none;
gap: var(--space-4);
}

.app-profile__section-heading h2[b-plbx6c5kku] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-body-lg);
font-weight: var(--font-weight-bold);
line-height: 1.18;
}

.app-profile__section-heading p[b-plbx6c5kku] {
margin: 0;
color: var(--color-text-muted);
font-size: var(--font-size-small);
line-height: 1.55;
}

.app-profile__stat-grid[b-plbx6c5kku],
.app-profile__group-grid[b-plbx6c5kku] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
gap: var(--space-3);
}

.app-profile__stat-card[b-plbx6c5kku],
.app-profile__group-card[b-plbx6c5kku] {
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
}

.app-profile__stat-card[b-plbx6c5kku] {
display: grid;
gap: var(--space-1);
padding: var(--space-4);
}

.app-profile__stat-card span[b-plbx6c5kku] {
color: var(--color-text-muted);
font-size: var(--font-size-caption);
}

.app-profile__stat-card strong[b-plbx6c5kku] {
min-width: 0;
overflow: hidden;
color: var(--color-text);
font-size: var(--font-size-body);
font-weight: var(--font-weight-bold);
text-overflow: ellipsis;
white-space: normal;
overflow-wrap: anywhere;
}

.app-profile__group-card[b-plbx6c5kku] {
display: grid;
gap: var(--space-2);
min-height: 0;
padding: var(--space-3);
color: inherit;
text-decoration: none;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.app-profile__group-card:not(.app-profile__group-card--static):hover[b-plbx6c5kku] {
transform: translateY(-1px);
border-color: color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
box-shadow: var(--shadow-sm);
}

.app-profile__group-card:not(.app-profile__group-card--static):focus-visible[b-plbx6c5kku] {
outline: 3px solid color-mix(in srgb, var(--color-primary) 42%, transparent);
outline-offset: 3px;
}

.app-profile__group-card--static[b-plbx6c5kku] {
cursor: default;
}

.app-profile__group-top[b-plbx6c5kku] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
}

.app-profile__group-title-row[b-plbx6c5kku],
.app-profile__group-badges[b-plbx6c5kku] {
display: flex;
align-items: center;
gap: var(--space-2);
min-width: 0;
}

.app-profile__group-title-row[b-plbx6c5kku] {
flex: 1 1 auto;
}

.app-profile__group-badges[b-plbx6c5kku] {
flex: 0 0 auto;
flex-wrap: wrap;
justify-content: flex-end;
}

.app-profile__group-icon[b-plbx6c5kku],
.app-profile__empty-icon[b-plbx6c5kku] {
display: grid;
place-items: center;
width: 2.4rem;
height: 2.4rem;
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--section-blue) 68%, var(--color-surface));
color: var(--color-text);
}

.app-profile__group-card h3[b-plbx6c5kku],
.app-profile__empty h3[b-plbx6c5kku] {
margin: 0;
min-width: 0;
overflow: hidden;
color: var(--color-text);
font-size: var(--font-size-body);
font-weight: var(--font-weight-semibold);
text-overflow: ellipsis;
white-space: normal;
overflow-wrap: anywhere;
}

.app-profile__group-card p[b-plbx6c5kku],
.app-profile__empty p[b-plbx6c5kku] {
margin: 0;
color: var(--color-text-muted);
font-size: var(--font-size-small);
line-height: 1.5;
}

.app-profile__empty[b-plbx6c5kku] {
display: grid;
justify-items: start;
gap: var(--space-3);
padding: var(--space-5);
border: 1px dashed var(--color-border);
border-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-surface-soft) 62%, var(--color-surface));
}

.app-profile__empty--compact[b-plbx6c5kku] {
padding: var(--space-4);
}

.app-profile__activity-list[b-plbx6c5kku] {
display: grid;
gap: var(--space-2);
}

.app-profile__activity-item[b-plbx6c5kku] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-3);
align-items: start;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
}

.app-profile__activity-icon[b-plbx6c5kku] {
display: grid;
place-items: center;
width: 2.25rem;
height: 2.25rem;
border-radius: 999px;
background: color-mix(in srgb, var(--section-lavender) 58%, var(--color-surface));
color: var(--color-primary);
}

.app-profile__activity-item h3[b-plbx6c5kku] {
margin: 0;
color: var(--color-text);
font-size: var(--font-size-body);
font-weight: var(--font-weight-semibold);
}

.app-profile__activity-item p[b-plbx6c5kku] {
margin: var(--space-1) 0 0;
color: var(--color-text-muted);
font-size: var(--font-size-small);
line-height: 1.45;
}

.app-profile__detail-list[b-plbx6c5kku] {
display: grid;
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
background: var(--color-surface);
}

.app-profile__detail-row[b-plbx6c5kku] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
padding: var(--space-4);
border-top: 1px solid var(--color-border);
}

.app-profile__detail-row:first-child[b-plbx6c5kku] {
border-top: 0;
}

.app-profile__detail-row span[b-plbx6c5kku] {
color: var(--color-text-muted);
font-size: var(--font-size-small);
}

.app-profile__detail-row strong[b-plbx6c5kku] {
min-width: 0;
overflow-wrap: anywhere;
color: var(--color-text);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
text-align: right;
}

@media (max-width: 760px) {
.app-profile__section-heading--with-action[b-plbx6c5kku] {
grid-template-columns: 1fr;
}
.app-profile__section-heading--with-action[b-plbx6c5kku],
.app-profile__detail-row[b-plbx6c5kku] {
flex-direction: column;
align-items: flex-start;
}
.app-profile__hero-actions[b-plbx6c5kku] {
justify-content: flex-start;
max-width: none;
}
.app-profile__stat-grid[b-plbx6c5kku],
.app-profile__group-grid[b-plbx6c5kku] {
grid-template-columns: 1fr;
}
.app-profile__detail-row strong[b-plbx6c5kku] {
text-align: left;
}
}

/* Keep the profile in the same quiet visual family as Groups. */
.app-profile__section--summary[b-plbx6c5kku] { padding: 0; border: 0; background: transparent; box-shadow: none; }
.app-profile__shell[b-plbx6c5kku] { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; }
.app-profile__shell > *[b-plbx6c5kku] { grid-column: 1 / -1; min-width: 0; }
.app-profile__shell > .app-profile__section--groups[b-plbx6c5kku],
.app-profile__shell > .app-profile__section--activity[b-plbx6c5kku] { grid-column: auto; align-self: stretch; align-content: start; }
.app-profile__group-grid[b-plbx6c5kku] { grid-template-columns: 1fr; gap: 0; }
.app-profile__group-card[b-plbx6c5kku] { border: 0; border-radius: var(--radius-md); background: transparent; padding: var(--space-3) 0; }
.app-profile__group-card + .app-profile__group-card[b-plbx6c5kku] { border-top: 1px solid var(--color-border); }
.app-profile__group-card:not(.app-profile__group-card--static):hover[b-plbx6c5kku] { background: color-mix(in srgb, var(--section-blue) 30%, transparent); box-shadow: none; transform: none; text-decoration: none; }
.app-profile__group-card > p[b-plbx6c5kku] { padding-inline-start: calc(2.4rem + var(--space-2)); }
.app-profile__group-icon[b-plbx6c5kku] { flex-shrink: 0; border-radius: var(--radius-pill); font-family: var(--font-body); font-weight: var(--font-weight-medium); }
.app-profile__group-card:nth-child(even) .app-profile__group-icon[b-plbx6c5kku] { background: var(--section-yellow); }
.app-profile__activity-list[b-plbx6c5kku] { gap: 0; }
.app-profile__activity-item[b-plbx6c5kku] { border: 0; border-radius: 0; background: transparent; padding: var(--space-3) 0; }
.app-profile__activity-item + .app-profile__activity-item[b-plbx6c5kku] { border-top: 1px solid var(--color-border); }
.app-profile__activity-icon[b-plbx6c5kku] { background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface)); }
.app-profile__activity-item h3[b-plbx6c5kku] { font-weight: var(--font-weight-medium); }
.app-profile__detail-list[b-plbx6c5kku] { border: 0; background: transparent; }
.app-profile__detail-row[b-plbx6c5kku] { padding-inline: 0; }
.app-profile-page[b-plbx6c5kku]  .tovelin-badge { font-size: var(--font-size-caption); font-weight: var(--font-weight-regular); line-height: 1.35; padding: 0.2rem 0.6rem; }
@media (max-width: 980px) {
.app-profile__shell[b-plbx6c5kku] { grid-template-columns: minmax(0, 1fr); }
.app-profile__shell > .app-profile__section--groups[b-plbx6c5kku],
.app-profile__shell > .app-profile__section--activity[b-plbx6c5kku] { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
.app-profile__group-top[b-plbx6c5kku] { flex-wrap: wrap; }
.app-profile__group-badges[b-plbx6c5kku] { padding-inline-start: calc(2.4rem + var(--space-2)); }
}
@media (prefers-reduced-motion: reduce) {
.app-profile__group-card[b-plbx6c5kku] { transition: none; }
}

.app-profile__hero[b-plbx6c5kku] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
gap: var(--space-5);
min-width: 0;
}
.app-profile__identity[b-plbx6c5kku] {
display: flex;
align-items: flex-start;
gap: var(--space-4);
min-width: 0;
}
@media (max-width: 980px) {
.app-profile__hero[b-plbx6c5kku] { grid-template-columns: minmax(0, 1fr); }
.app-profile__hero-actions[b-plbx6c5kku] { justify-content: flex-start; max-width: none; }
}
/* _content/Tovelin.Shared.UI/Pages/App/RemovedLearners.razor.rz.scp.css */
.removed-learners[b-vqrfz1w2ca] { list-style: none; margin: 1rem 0; padding: 0; display: grid; gap: 1rem; }
.removed-learners__dates[b-vqrfz1w2ca] { display: flex; flex-wrap: wrap; gap: 1rem 3rem; }
.removed-learners__dates dt[b-vqrfz1w2ca] { font-weight: 600; }
.removed-learners__dates dd[b-vqrfz1w2ca] { margin: 0; overflow-wrap: anywhere; }
/* _content/Tovelin.Shared.UI/Pages/App/Settings/Settings.razor.rz.scp.css */
.app-settings-page[b-pqbo4ztdmg] {
display: block;
}

.app-settings__shell[b-pqbo4ztdmg] {
display: grid;
gap: var(--space-5);
max-width: 960px;
margin-inline: auto;
}

.app-settings__back[b-pqbo4ztdmg] {
display: inline-flex;
align-items: center;
gap: var(--space-2);
width: fit-content;
color: var(--color-text-muted);
text-decoration: none;
transition: color 180ms ease;
}

.app-settings__back:hover[b-pqbo4ztdmg] {
color: var(--color-text);
}

.app-settings__hero[b-pqbo4ztdmg],
.app-settings__panel[b-pqbo4ztdmg] {
border: 1px solid var(--color-border);
border-radius: var(--radius-xl);
overflow: visible;
background: var(--color-surface-strong);
box-shadow: var(--shadow-soft);
}

.app-settings__hero[b-pqbo4ztdmg] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-6);
padding: var(--space-7);
background: linear-gradient(135deg,
color-mix(in srgb, var(--section-yellow) 58%, var(--color-surface-strong)),
color-mix(in srgb, var(--section-blue) 36%, var(--color-surface-strong)),
color-mix(in srgb, var(--section-mint) 30%, var(--color-surface-strong)));
}

.app-settings__hero-copy[b-pqbo4ztdmg] {
display: grid;
gap: var(--space-3);
align-content: start;
}

.app-settings__eyebrow[b-pqbo4ztdmg] {
margin: 0;
font-size: var(--font-size-xs);
font-weight: var(--font-weight-semibold);
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--color-primary);
}

.app-settings__hero-title[b-pqbo4ztdmg] {
margin: 0;
font-size: clamp(2rem, 3vw, 2.5rem);
line-height: 1.05;
font-weight: var(--font-weight-extrabold);
color: var(--color-text);
}

.app-settings__hero-text[b-pqbo4ztdmg] {
margin: 0;
max-width: 44rem;
font-size: var(--font-size-lg);
color: var(--color-text-muted);
}

.app-settings__summary-chip[b-pqbo4ztdmg] {
display: inline-flex;
align-items: center;
gap: var(--space-3);
width: min(100%, 27rem);
padding: var(--space-3) var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-surface-strong) 92%, var(--section-yellow));
}

.app-settings__avatar[b-pqbo4ztdmg] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border-radius: 999px;
background: var(--color-surface-soft);
color: var(--color-text);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
letter-spacing: 0.02em;
}

.app-settings__summary-copy[b-pqbo4ztdmg] {
display: grid;
gap: 0.1rem;
}

.app-settings__summary-name[b-pqbo4ztdmg] {
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
}

.app-settings__summary-email[b-pqbo4ztdmg] {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
}

.app-settings__hero-actions[b-pqbo4ztdmg] {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: var(--space-2);
padding-top: var(--space-1);
justify-self: end;
}

.app-settings__notice[b-pqbo4ztdmg] {
padding: var(--space-3) var(--space-4);
border: 1px solid var(--color-border);
border-radius: 12px;
background: var(--color-surface-strong);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
}

.app-settings__notice--success[b-pqbo4ztdmg] {
border-color: color-mix(in srgb, var(--color-success) 34%, var(--color-border));
color: var(--color-success-dark);
background: color-mix(in srgb, var(--color-success) 8%, var(--color-surface-strong));
}

.app-settings__notice--error[b-pqbo4ztdmg] {
border-color: color-mix(in srgb, var(--color-danger) 34%, var(--color-border));
color: var(--color-danger-dark);
background: color-mix(in srgb, var(--color-danger) 7%, var(--color-surface-strong));
}

.app-settings__logout-link[b-pqbo4ztdmg] {
color: var(--color-text-muted);
}

.app-settings__panel-header[b-pqbo4ztdmg] {
display: flex;
align-items: flex-start;
gap: var(--space-3);
padding: var(--space-4) var(--space-5);
border-bottom: 1px solid var(--color-border);
border-top-left-radius: var(--radius-xl);
border-top-right-radius: var(--radius-xl);
background: color-mix(in srgb, var(--color-surface-strong) 86%, var(--section-yellow));
}

.app-settings__panel-icon[b-pqbo4ztdmg] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border-radius: var(--radius-lg);
background: var(--color-surface-soft);
flex: 0 0 auto;
}

.app-settings__panel-icon--profile[b-pqbo4ztdmg] {
background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface-soft));
}

.app-settings__panel-icon--choices[b-pqbo4ztdmg] {
background: color-mix(in srgb, var(--color-success) 9%, var(--color-surface-soft));
}

.app-settings__panel-icon--session[b-pqbo4ztdmg] {
background: color-mix(in srgb, var(--color-accent) 14%, var(--color-surface-soft));
}

.app-settings__panel-icon--security[b-pqbo4ztdmg] {
background: color-mix(in srgb, var(--color-secondary) 12%, var(--color-surface-soft));
}

.app-settings__panel-icon--plan[b-pqbo4ztdmg] {
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-soft));
}

.app-settings__panel-icon--notifications[b-pqbo4ztdmg] {
background: color-mix(in srgb, var(--color-accent) 10%, var(--color-surface-soft));
}

.app-settings__panel-icon--danger[b-pqbo4ztdmg] {
background: color-mix(in srgb, var(--color-warning) 12%, var(--color-surface-soft));
}

.app-settings__panel-heading[b-pqbo4ztdmg] {
display: grid;
gap: 0.15rem;
}

.app-settings__panel-title[b-pqbo4ztdmg] {
margin: 0;
font-size: var(--font-size-lg);
line-height: 1.2;
font-weight: var(--font-weight-bold);
color: var(--color-text);
}

.app-settings__panel-subtitle[b-pqbo4ztdmg] {
margin: 0;
font-size: var(--font-size-sm);
color: var(--color-text-muted);
}

.app-settings__panel-body[b-pqbo4ztdmg] {
display: grid;
gap: var(--space-4);
padding: var(--space-6);
border-bottom-left-radius: var(--radius-xl);
border-bottom-right-radius: var(--radius-xl);
}

.app-settings__panel-body--rows[b-pqbo4ztdmg] {
gap: 0;
padding: var(--space-4) var(--space-5);
}

.app-settings__field-grid[b-pqbo4ztdmg] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-4);
}

.app-settings__field-grid--password[b-pqbo4ztdmg] {
align-items: start;
}

.app-settings__password-editor[b-pqbo4ztdmg] {
display: grid;
gap: var(--space-4);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: 12px;
background: color-mix(in srgb, var(--color-surface-soft) 62%, white);
}

.app-settings__note[b-pqbo4ztdmg] {
display: flex;
align-items: flex-start;
gap: var(--space-2);
padding: var(--space-3);
border: 1px solid var(--color-border-subtle);
border-radius: 14px;
background: color-mix(in srgb, var(--color-surface-soft) 55%, white);
color: var(--color-text-muted);
}

.app-settings__note p[b-pqbo4ztdmg] {
margin: 0;
font-size: var(--font-size-xs);
line-height: 1.5;
}

.app-settings__footer[b-pqbo4ztdmg] {
display: flex;
justify-content: flex-end;
}

.app-settings__footer--password[b-pqbo4ztdmg] {
gap: var(--space-2);
}

.app-settings__row[b-pqbo4ztdmg],
.app-settings__toggle-row[b-pqbo4ztdmg] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
padding: var(--space-4) 0;
border-top: 1px solid var(--color-border);
}

.app-settings__panel-body--rows > :first-child[b-pqbo4ztdmg] {
border-top: 0;
padding-top: 0;
}

.app-settings__row-copy[b-pqbo4ztdmg] {
display: grid;
gap: 0.15rem;
min-width: 0;
}

.app-settings__row-title[b-pqbo4ztdmg] {
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
color: var(--color-text);
}

.app-settings__row-hint[b-pqbo4ztdmg] {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
}

.app-settings__export-status[b-pqbo4ztdmg] {
margin-top: var(--space-1);
font-size: var(--font-size-xs);
font-weight: var(--font-weight-semibold);
color: var(--color-primary);
}

.app-settings__row-control[b-pqbo4ztdmg] {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--space-2);
flex: 0 0 auto;
min-width: 12.5rem;
}

.app-settings__row-control--text[b-pqbo4ztdmg] {
font-size: var(--font-size-sm);
color: var(--color-text-muted);
}

.app-settings__row-control--inline[b-pqbo4ztdmg] {
flex-wrap: wrap;
}

.app-settings__row-control[b-pqbo4ztdmg]  .app-settings__select {
width: 12.5rem;
min-width: 12.5rem;
}

.app-settings__row-control[b-pqbo4ztdmg]  .app-settings__segmented {
min-width: 6rem;
}

.app-settings__row-control[b-pqbo4ztdmg]  .tovelin-select--inline {
width: 12.5rem;
}

.app-settings__row-control[b-pqbo4ztdmg]  .tovelin-select__control {
height: 2.5rem;
border-radius: 8px;
background: var(--color-surface);
box-shadow: none;
}

.app-settings__row-control[b-pqbo4ztdmg]  .tovelin-select__control--open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.app-settings__row-control[b-pqbo4ztdmg]  .tovelin-select__menu {
z-index: 30;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
box-shadow: var(--shadow-elevated);
}

.app-settings__row-control[b-pqbo4ztdmg]  .tovelin-segmented-control .tovelin-btn {
min-height: 2rem;
padding-inline: 0.8rem;
}

.app-settings__toggle-control[b-pqbo4ztdmg] {
width: auto;
}

.app-settings__toggle-control[b-pqbo4ztdmg]  .tovelin-toggle__label {
width: auto;
}

.app-settings__toggle-control[b-pqbo4ztdmg]  .tovelin-toggle__track {
margin: 0;
}

.app-settings__plan[b-pqbo4ztdmg] {
display: grid;
gap: var(--space-4);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: 14px;
background: color-mix(in srgb, var(--color-surface-soft) 64%, white);
}

.app-settings__plan-top[b-pqbo4ztdmg] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
}

.app-settings__plan-kicker[b-pqbo4ztdmg] {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
}

.app-settings__plan-name[b-pqbo4ztdmg] {
font-size: var(--font-size-xl);
font-weight: var(--font-weight-bold);
color: var(--color-text);
}

.app-settings__plan-grid[b-pqbo4ztdmg] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-3);
}

.app-settings__plan-stat[b-pqbo4ztdmg] {
display: grid;
gap: 0.2rem;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--color-surface-strong);
}

.app-settings__plan-stat-label[b-pqbo4ztdmg] {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
}

.app-settings__plan-stat-value[b-pqbo4ztdmg] {
font-size: var(--font-size-lg);
font-weight: var(--font-weight-bold);
color: var(--color-text);
}

.app-settings__plan-stat-note[b-pqbo4ztdmg] {
margin: 0;
font-size: var(--font-size-xs);
color: var(--color-text-muted);
}

.app-settings__notification-preview[b-pqbo4ztdmg] {
display: grid;
gap: var(--space-4);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: 14px;
background: color-mix(in srgb, var(--color-surface-soft) 68%, white);
}

.app-settings__notification-copy[b-pqbo4ztdmg] {
display: grid;
gap: var(--space-2);
}

.app-settings__notification-title[b-pqbo4ztdmg] {
margin: 0;
font-size: var(--font-size-lg);
font-weight: var(--font-weight-bold);
color: var(--color-text);
}

.app-settings__notification-text[b-pqbo4ztdmg] {
margin: 0;
font-size: var(--font-size-sm);
color: var(--color-text-muted);
max-width: 42rem;
}

.app-settings__notification-grid[b-pqbo4ztdmg] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.app-settings__notification-item[b-pqbo4ztdmg] {
display: grid;
gap: 0.15rem;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: 10px;
background: var(--color-surface-strong);
}

.app-settings__notification-item span[b-pqbo4ztdmg] {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
}

.app-settings__notification-item strong[b-pqbo4ztdmg] {
font-size: var(--font-size-sm);
color: var(--color-text);
}

.app-settings__panel--danger[b-pqbo4ztdmg] {
border-color: color-mix(in srgb, var(--color-warning) 22%, var(--color-border));
}

.app-settings__privacy-request[b-pqbo4ztdmg] {
display: grid;
gap: var(--space-2);
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-warning) 28%, var(--color-border));
border-radius: 12px;
background: color-mix(in srgb, var(--color-warning) 7%, var(--color-surface-strong));
}

.app-settings__privacy-request div[b-pqbo4ztdmg] {
display: flex;
align-items: center;
gap: var(--space-2);
font-size: var(--font-size-sm);
color: var(--color-text);
}

.app-settings__privacy-request-label[b-pqbo4ztdmg] {
font-size: var(--font-size-xs);
font-weight: var(--font-weight-semibold);
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--color-text-muted);
}

.app-settings__privacy-request p[b-pqbo4ztdmg] {
margin: 0;
font-size: var(--font-size-xs);
line-height: 1.5;
color: var(--color-text-muted);
}

.app-settings__delete-modal[b-pqbo4ztdmg] {
display: grid;
gap: var(--space-4);
}

.app-settings__delete-modal-links[b-pqbo4ztdmg] {
display: flex;
align-items: center;
gap: var(--space-2);
margin: 0;
font-size: var(--font-size-sm);
color: var(--color-text-muted);
}

.app-settings__delete-modal-links a[b-pqbo4ztdmg] {
color: var(--color-primary);
text-decoration: none;
}

.app-settings__delete-modal-links a:hover[b-pqbo4ztdmg],
.app-settings__delete-modal-links a:focus-visible[b-pqbo4ztdmg] {
text-decoration: underline;
}

.app-settings__delete-impact[b-pqbo4ztdmg] {
display: grid;
gap: var(--space-2);
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-warning) 32%, var(--color-border));
border-radius: 12px;
background: color-mix(in srgb, var(--color-warning) 8%, var(--color-surface-strong));
}

.app-settings__delete-impact strong[b-pqbo4ztdmg] {
font-size: var(--font-size-sm);
color: var(--color-text);
}

.app-settings__delete-impact ul[b-pqbo4ztdmg] {
display: grid;
gap: 0.35rem;
margin: 0;
padding-inline-start: 1.15rem;
font-size: var(--font-size-xs);
line-height: 1.5;
color: var(--color-text-muted);
}

.app-settings__delete-download-note[b-pqbo4ztdmg] {
margin: 0;
font-size: var(--font-size-xs);
line-height: 1.5;
color: var(--color-text-muted);
}

.app-settings__delete-confirm-check[b-pqbo4ztdmg] {
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-danger) 18%, var(--color-border));
border-radius: 12px;
background: color-mix(in srgb, var(--color-danger) 5%, var(--color-surface-strong));
}

.app-settings__delete-scheduled[b-pqbo4ztdmg] {
display: grid;
gap: var(--space-4);
}

.app-settings__delete-scheduled-details[b-pqbo4ztdmg] {
display: grid;
gap: var(--space-3);
margin: 0;
}

.app-settings__delete-scheduled-details div[b-pqbo4ztdmg] {
display: grid;
gap: 0.2rem;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: 10px;
background: var(--color-surface-soft);
}

.app-settings__delete-scheduled-details dt[b-pqbo4ztdmg] {
font-size: var(--font-size-xs);
font-weight: var(--font-weight-semibold);
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--color-text-muted);
}

.app-settings__delete-scheduled-details dd[b-pqbo4ztdmg] {
margin: 0;
font-size: var(--font-size-sm);
color: var(--color-text);
overflow-wrap: anywhere;
}

[data-bs-theme="dark"] .app-settings__hero[b-pqbo4ztdmg] {
background: linear-gradient(135deg,
color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-strong)),
color-mix(in srgb, var(--color-secondary) 10%, var(--color-surface-strong)));
}

@media (max-width: 720px) {
.app-settings__hero[b-pqbo4ztdmg] {
grid-template-columns: 1fr;
}
.app-settings__hero-actions[b-pqbo4ztdmg] {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
padding-top: 0;
}
.app-settings__field-grid[b-pqbo4ztdmg],
.app-settings__plan-grid[b-pqbo4ztdmg],
.app-settings__notification-grid[b-pqbo4ztdmg] {
grid-template-columns: 1fr;
}
.app-settings__row[b-pqbo4ztdmg],
.app-settings__toggle-row[b-pqbo4ztdmg] {
flex-direction: column;
align-items: flex-start;
}
.app-settings__row-control[b-pqbo4ztdmg] {
width: 100%;
justify-content: flex-start;
min-width: 0;
flex-wrap: wrap;
}
.app-settings__row-control[b-pqbo4ztdmg]  .app-settings__select,
.app-settings__row-control[b-pqbo4ztdmg]  .app-settings__segmented,
.app-settings__row-control[b-pqbo4ztdmg]  .tovelin-select--inline {
width: 100%;
min-width: 0;
}
}
/* _content/Tovelin.Shared.UI/Pages/App/SupportTickets.razor.rz.scp.css */
.app-support-tickets[b-lm8mdxp22s] {
width: min(100%, 1120px);
margin: 0 auto;
padding: clamp(1rem, 3vw, 2rem);
color: var(--tovelin-ink, #203f4d);
}

.app-support-tickets__hero[b-lm8mdxp22s],
.app-support-tickets__shell[b-lm8mdxp22s],
.app-support-tickets__list-panel[b-lm8mdxp22s],
.app-support-tickets__detail-panel[b-lm8mdxp22s] {
min-width: 0;
}

.app-support-tickets__hero[b-lm8mdxp22s] {
display: flex;
align-items: end;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.25rem;
}

.app-support-tickets__eyebrow[b-lm8mdxp22s] {
margin: 0 0 0.25rem;
color: var(--tovelin-coral, #c75f4f);
font-size: 0.75rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}

.app-support-tickets__hero h1[b-lm8mdxp22s] {
margin: 0;
font-family: var(--tovelin-display-font, inherit);
font-size: clamp(2rem, 6vw, 3.25rem);
line-height: 1;
}

.app-support-tickets__shell[b-lm8mdxp22s] {
display: grid;
grid-template-columns: minmax(18rem, 0.85fr) minmax(0, 1.45fr);
gap: 1rem;
}

.app-support-tickets__list-panel[b-lm8mdxp22s],
.app-support-tickets__detail-panel[b-lm8mdxp22s] {
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--tovelin-line, #d7cfc4) 78%, transparent);
border-radius: 1.25rem;
background: color-mix(in srgb, var(--tovelin-surface, #fffaf1) 92%, white);
box-shadow: 0 1rem 2.25rem color-mix(in srgb, #203f4d 10%, transparent);
}

.app-support-tickets__search[b-lm8mdxp22s] {
padding: 1rem;
border-bottom: 1px solid color-mix(in srgb, var(--tovelin-line, #d7cfc4) 70%, transparent);
}

.app-support-tickets__search label[b-lm8mdxp22s] {
display: grid;
gap: 0.4rem;
font-weight: 800;
}

.app-support-tickets__search input[b-lm8mdxp22s] {
width: 100%;
min-height: 3rem;
border: 1px solid var(--tovelin-line, #d7cfc4);
border-radius: 0.85rem;
padding: 0 1rem;
background: var(--tovelin-surface, #fffaf1);
color: inherit;
font: inherit;
}

.app-support-tickets__state[b-lm8mdxp22s] {
padding: 1.25rem;
}

.app-support-tickets__ticket-list[b-lm8mdxp22s] {
display: grid;
max-height: min(52vh, 34rem);
overflow: auto;
}

.app-support-tickets__ticket[b-lm8mdxp22s] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
width: 100%;
border: 0;
border-bottom: 1px solid color-mix(in srgb, var(--tovelin-line, #d7cfc4) 55%, transparent);
padding: 0.9rem 1rem;
background: transparent;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
}

.app-support-tickets__ticket:nth-child(even)[b-lm8mdxp22s] {
background: color-mix(in srgb, var(--tovelin-aqua, #bde7e7) 24%, transparent);
}

.app-support-tickets__ticket--active[b-lm8mdxp22s],
.app-support-tickets__ticket:focus-visible[b-lm8mdxp22s] {
outline: 2px solid var(--tovelin-accent, #8cc9cf);
outline-offset: -2px;
background: color-mix(in srgb, var(--tovelin-aqua, #bde7e7) 44%, transparent);
}

.app-support-tickets__ticket strong[b-lm8mdxp22s],
.app-support-tickets__ticket small[b-lm8mdxp22s] {
display: block;
}

.app-support-tickets__ticket small[b-lm8mdxp22s] {
margin-top: 0.2rem;
color: color-mix(in srgb, currentColor 70%, transparent);
}

.app-support-tickets__detail-panel[b-lm8mdxp22s] {
display: flex;
flex-direction: column;
min-height: 34rem;
}

.app-support-tickets__detail-head[b-lm8mdxp22s] {
display: flex;
align-items: start;
justify-content: space-between;
gap: 1rem;
padding: 1rem 1.15rem;
border-bottom: 1px solid color-mix(in srgb, var(--tovelin-line, #d7cfc4) 70%, transparent);
}

.app-support-tickets__detail-head p[b-lm8mdxp22s],
.app-support-tickets__detail-head h2[b-lm8mdxp22s] {
margin: 0;
}

.app-support-tickets__detail-head p[b-lm8mdxp22s] {
color: color-mix(in srgb, currentColor 70%, transparent);
font-size: 0.85rem;
font-weight: 800;
}

.app-support-tickets__detail-head h2[b-lm8mdxp22s] {
margin-top: 0.2rem;
font-family: var(--tovelin-display-font, inherit);
font-size: 1.35rem;
}

.app-support-tickets__messages[b-lm8mdxp22s] {
display: grid;
align-content: start;
gap: 0.75rem;
flex: 1;
max-height: min(50vh, 30rem);
overflow: auto;
padding: 1rem;
}

.app-support-tickets__message[b-lm8mdxp22s] {
border: 1px solid color-mix(in srgb, var(--tovelin-line, #d7cfc4) 70%, transparent);
border-radius: 1rem;
padding: 0.85rem;
background: white;
}

.app-support-tickets__message--reporter[b-lm8mdxp22s] {
background: color-mix(in srgb, var(--tovelin-aqua, #bde7e7) 24%, white);
}

.app-support-tickets__message p[b-lm8mdxp22s] {
margin: 0.6rem 0 0;
white-space: pre-wrap;
}

.app-support-tickets__message-meta[b-lm8mdxp22s] {
display: flex;
justify-content: space-between;
gap: 0.75rem;
color: color-mix(in srgb, currentColor 74%, transparent);
font-size: 0.85rem;
}

.app-support-tickets__attachments[b-lm8mdxp22s] {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.75rem;
}

.app-support-tickets__attachments a[b-lm8mdxp22s] {
display: inline-flex;
align-items: center;
gap: 0.35rem;
border: 1px solid var(--tovelin-line, #d7cfc4);
border-radius: 999px;
padding: 0.35rem 0.6rem;
color: inherit;
font-weight: 800;
text-decoration: none;
}

.app-support-tickets__reply[b-lm8mdxp22s] {
display: grid;
gap: 0.75rem;
padding: 1rem;
border-top: 1px solid color-mix(in srgb, var(--tovelin-line, #d7cfc4) 70%, transparent);
}

.app-support-tickets__reply-actions[b-lm8mdxp22s] {
display: flex;
justify-content: flex-end;
}

@media (max-width: 860px) {
.app-support-tickets[b-lm8mdxp22s] {
padding-inline: 0.75rem;
}
.app-support-tickets__hero[b-lm8mdxp22s],
.app-support-tickets__detail-head[b-lm8mdxp22s] {
align-items: stretch;
flex-direction: column;
}
.app-support-tickets__shell[b-lm8mdxp22s] {
grid-template-columns: 1fr;
}
.app-support-tickets__ticket-list[b-lm8mdxp22s],
.app-support-tickets__messages[b-lm8mdxp22s] {
max-height: none;
}
}
/* _content/Tovelin.Shared.UI/Pages/Auth/AccountOnboarding.razor.rz.scp.css */
.account-onboarding__pin-row[b-z7pl8owpaq] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-3);
}

.account-onboarding__legal-links[b-z7pl8owpaq] {
display: flex;
align-items: center;
gap: var(--space-2);
margin: calc(-1 * var(--space-2)) 0 0 2.3rem;
font-size: var(--font-size-xs);
color: var(--color-text-muted);
}

.account-onboarding__legal-links a[b-z7pl8owpaq] {
color: var(--color-primary);
text-decoration: none;
}

.account-onboarding__legal-links a:hover[b-z7pl8owpaq],
.account-onboarding__legal-links a:focus-visible[b-z7pl8owpaq] {
text-decoration: underline;
}

@media (max-width: 440px) {
.account-onboarding__pin-row[b-z7pl8owpaq] {
grid-template-columns: 1fr;
}
.account-onboarding__legal-links[b-z7pl8owpaq] {
margin-left: 0;
}
}
/* _content/Tovelin.Shared.UI/Pages/Auth/LoginVerify.razor.rz.scp.css */
.auth-page--verify[b-r7rk590o0w] {
align-items: center;
background:
radial-gradient(circle at 52% 44%, color-mix(in srgb, var(--color-secondary) 38%, transparent) 0 13rem, transparent 28rem),
linear-gradient(135deg, color-mix(in srgb, var(--color-secondary) 76%, var(--color-bg)) 0%, color-mix(in srgb, var(--color-bg) 82%, var(--color-primary)) 100%);
}

.auth-shell--compact[b-r7rk590o0w] {
width: min(100%, var(--auth-card-width));
}

.auth-shell--compact .auth-shell__panel[b-r7rk590o0w] {
gap: var(--auth-card-gap);
padding: var(--auth-card-padding-block) var(--auth-card-padding-inline);
border-radius: var(--auth-card-radius);
border-color: color-mix(in srgb, var(--color-primary-dark) 14%, var(--color-border));
background: color-mix(in srgb, var(--color-surface) 94%, var(--color-bg));
box-shadow: 0 1.2rem 2.75rem color-mix(in srgb, var(--color-text) 12%, transparent);
}

.auth-shell--compact .auth-backlink[b-r7rk590o0w] {
width: fit-content;
color: color-mix(in srgb, var(--color-text) 70%, var(--color-muted));
font-weight: var(--font-weight-semibold);
text-decoration: none;
}

.auth-shell--compact .auth-backlink:hover[b-r7rk590o0w],
.auth-shell--compact .auth-backlink:focus-visible[b-r7rk590o0w] {
color: var(--color-primary-dark);
}

.auth-shell--compact .auth-card__copy[b-r7rk590o0w] {
gap: var(--space-1-5);
}

.auth-shell--compact .auth-card__kicker[b-r7rk590o0w] {
font-size: var(--auth-card-kicker-size);
letter-spacing: var(--auth-card-kicker-spacing);
}

.auth-shell--compact .auth-card__title[b-r7rk590o0w] {
font-size: var(--auth-card-title-size);
line-height: var(--auth-card-title-line-height);
letter-spacing: var(--auth-card-title-spacing);
}

.auth-shell--compact .auth-card__lede[b-r7rk590o0w] {
font-size: var(--auth-card-lede-size);
line-height: var(--auth-card-lede-line-height);
max-width: var(--auth-card-copy-max-width);
}

.auth-shell--compact .auth-form[b-r7rk590o0w] {
gap: var(--auth-form-gap);
}

.auth-shell--compact .auth-form__grid[b-r7rk590o0w] {
gap: var(--auth-form-grid-gap);
}

.auth-code-block[b-r7rk590o0w] {
display: grid;
gap: var(--space-2);
padding: var(--space-3);
border: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-bg) 56%, var(--color-surface));
}

.auth-code-block__label[b-r7rk590o0w],
.auth-code-block__help[b-r7rk590o0w] {
margin: 0;
}

.auth-code-grid[b-r7rk590o0w] {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: var(--space-2);
margin-top: var(--space-1);
}

.auth-code-grid__cell[b-r7rk590o0w] {
width: 100%;
min-width: 0;
aspect-ratio: 1 / 1.08;
border: 1px solid color-mix(in srgb, var(--color-primary-dark) 18%, var(--color-border));
border-radius: var(--radius-sm);
background: var(--color-surface-strong);
color: var(--color-text);
text-align: center;
font-family: var(--font-body);
font-size: 1.05rem;
font-weight: var(--font-weight-semibold);
letter-spacing: 0.08em;
outline: none;
box-shadow:
0 0.22rem 0 color-mix(in srgb, var(--color-secondary-dark) 26%, transparent),
0 0.5rem 0.9rem color-mix(in srgb, var(--color-text) 5%, transparent);
}

.auth-code-grid__cell:focus[b-r7rk590o0w] {
border-color: var(--color-primary-dark);
background: color-mix(in srgb, var(--color-accent) 18%, var(--color-surface-strong));
box-shadow:
0 0.12rem 0 color-mix(in srgb, var(--color-primary-dark) 38%, transparent),
0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
}

.auth-code-grid__cell:focus-visible[b-r7rk590o0w] {
border-color: var(--color-primary);
}

.auth-code-grid__cell[b-r7rk590o0w]::-webkit-outer-spin-button,
.auth-code-grid__cell[b-r7rk590o0w]::-webkit-inner-spin-button {
appearance: none;
margin: 0;
}

.auth-shell--compact .auth-flow-links[b-r7rk590o0w] {
justify-content: flex-start;
gap: var(--space-3);
padding-top: var(--space-1);
color: var(--color-muted);
}

.auth-shell--compact .auth-flow-links a[b-r7rk590o0w] {
color: var(--color-primary-dark);
font-weight: var(--font-weight-semibold);
}

@media (max-width: 620px) {
.auth-shell--compact .auth-shell__panel[b-r7rk590o0w] {
padding: calc(var(--auth-card-padding-block) - var(--space-2)) var(--space-4);
border-radius: var(--auth-card-radius);
}
.auth-code-grid[b-r7rk590o0w] {
gap: var(--space-1-5);
}
.auth-code-grid__cell[b-r7rk590o0w] {
font-size: 0.95rem;
}
.auth-shell--compact .auth-flow-links[b-r7rk590o0w] {
flex-direction: column;
align-items: stretch;
gap: var(--space-2);
}
}
/* _content/Tovelin.Shared.UI/Pages/CookiePolicy.razor.rz.scp.css */
:host[b-5ocuvlpp58] {
display: block;
}

.policy-page[b-5ocuvlpp58] {
color: var(--color-text);
background: var(--color-bg);
}

.policy-hero[b-5ocuvlpp58],
.policy-section[b-5ocuvlpp58] {
padding-inline: clamp(1rem, 3vw, 3rem);
}

.policy-hero[b-5ocuvlpp58] {
padding-block: clamp(4.5rem, 8vw, 7rem);
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
background: color-mix(in srgb, var(--section-yellow) 18%, var(--color-bg));
}

.policy-hero__inner[b-5ocuvlpp58],
.policy-section__inner[b-5ocuvlpp58] {
width: min(100%, 74rem);
margin-inline: auto;
}

.policy-hero__inner[b-5ocuvlpp58] {
display: grid;
gap: var(--space-4);
}

.policy-kicker[b-5ocuvlpp58] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
color: var(--color-kicker);
}

.policy-hero h1[b-5ocuvlpp58],
.policy-card h2[b-5ocuvlpp58] {
margin: 0;
letter-spacing: var(--tracking-tight);
line-height: 1.08;
}

.policy-hero h1[b-5ocuvlpp58] {
max-width: 15ch;
font-size: clamp(2.6rem, 6vw, 4.5rem);
font-weight: var(--font-weight-bold);
}

.policy-hero__lede[b-5ocuvlpp58],
.policy-card p[b-5ocuvlpp58] {
margin: 0;
color: var(--color-muted);
font-size: var(--font-size-body-lg);
line-height: var(--line-height-relaxed);
}

.policy-section[b-5ocuvlpp58] {
padding-block: clamp(4rem, 7vw, 5.5rem);
}

.policy-section__inner[b-5ocuvlpp58] {
display: grid;
gap: var(--space-4);
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.policy-card[b-5ocuvlpp58] {
display: grid;
gap: var(--space-3);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.policy-card h2[b-5ocuvlpp58] {
font-size: var(--font-size-h3);
font-weight: var(--font-weight-semibold);
}

.policy-card__link[b-5ocuvlpp58] {
justify-self: start;
padding: 0;
min-height: auto;
border-color: transparent;
background: transparent;
box-shadow: none;
color: var(--color-muted);
font-weight: var(--font-weight-medium);
text-decoration: none;
transform: none;
}

.policy-card__link:hover[b-5ocuvlpp58],
.policy-card__link:focus-visible[b-5ocuvlpp58] {
color: var(--color-text);
text-decoration: underline;
box-shadow: none;
transform: none;
}

@media (max-width: 980px) {
.policy-section__inner[b-5ocuvlpp58] {
grid-template-columns: 1fr;
}
.policy-hero h1[b-5ocuvlpp58] {
font-size: clamp(2.8rem, 11vw, 4.2rem);
}
}
/* _content/Tovelin.Shared.UI/Pages/DataPolicy.razor.rz.scp.css */
:host[b-tcypbjs69c] {
display: block;
}

.data-policy-page[b-tcypbjs69c] {
color: var(--color-text);
background: var(--color-bg);
}

.data-policy-hero[b-tcypbjs69c],
.data-policy-section[b-tcypbjs69c] {
padding-inline: clamp(1rem, 3vw, 3rem);
}

.data-policy-hero[b-tcypbjs69c] {
padding-block: clamp(4.5rem, 8vw, 7rem);
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
background: color-mix(in srgb, var(--section-blue) 18%, var(--color-bg));
}

.data-policy-hero__inner[b-tcypbjs69c],
.data-policy-section__inner[b-tcypbjs69c] {
width: min(100%, 68rem);
margin-inline: auto;
}

.data-policy-hero__inner[b-tcypbjs69c] {
display: grid;
gap: var(--space-4);
}

.data-policy-kicker[b-tcypbjs69c] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
color: var(--color-kicker);
}

.data-policy-hero h1[b-tcypbjs69c],
.data-policy-card h2[b-tcypbjs69c],
.data-policy-note h2[b-tcypbjs69c] {
margin: 0;
font-weight: var(--font-weight-bold);
letter-spacing: var(--tracking-tight);
line-height: 1.08;
}

.data-policy-hero h1[b-tcypbjs69c] {
max-width: 14ch;
font-size: clamp(2.6rem, 6vw, 4.5rem);
}

.data-policy-hero__lede[b-tcypbjs69c],
.data-policy-card p[b-tcypbjs69c],
.data-policy-note p[b-tcypbjs69c] {
margin: 0;
max-width: 44rem;
color: var(--color-muted);
font-size: var(--font-size-body-lg);
line-height: var(--line-height-relaxed);
}

.data-policy-section[b-tcypbjs69c] {
padding-block: clamp(4rem, 7vw, 5.5rem);
}

.data-policy-section--muted[b-tcypbjs69c] {
background: color-mix(in srgb, var(--section-lavender) 24%, var(--color-bg));
}

.data-policy-section__inner[b-tcypbjs69c] {
display: grid;
gap: var(--space-4);
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.data-policy-section__inner--narrow[b-tcypbjs69c] {
grid-template-columns: 1fr;
width: min(100%, 48rem);
}

.data-policy-card[b-tcypbjs69c],
.data-policy-note[b-tcypbjs69c] {
display: grid;
gap: var(--space-3);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.data-policy-card h2[b-tcypbjs69c],
.data-policy-note h2[b-tcypbjs69c] {
font-size: var(--font-size-h3);
}

.data-policy-card__link[b-tcypbjs69c] {
justify-self: start;
padding: 0;
min-height: auto;
border-color: transparent;
background: transparent;
box-shadow: none;
color: var(--color-muted);
font-weight: var(--font-weight-medium);
text-decoration: none;
transform: none;
}

.data-policy-card__link:hover[b-tcypbjs69c],
.data-policy-card__link:focus-visible[b-tcypbjs69c] {
color: var(--color-text);
text-decoration: underline;
box-shadow: none;
transform: none;
}

@media (max-width: 980px) {
.data-policy-section__inner[b-tcypbjs69c] {
grid-template-columns: 1fr;
}
.data-policy-hero h1[b-tcypbjs69c] {
font-size: clamp(2.8rem, 11vw, 4.2rem);
}
}
/* _content/Tovelin.Shared.UI/Pages/Dpa.razor.rz.scp.css */
:host[b-otp8lezju0] {
display: block;
}

.policy-page[b-otp8lezju0] {
color: var(--color-text);
background: var(--color-bg);
}

.policy-hero[b-otp8lezju0],
.policy-section[b-otp8lezju0] {
padding-inline: clamp(1rem, 3vw, 3rem);
}

.policy-hero[b-otp8lezju0] {
padding-block: clamp(4.5rem, 8vw, 7rem);
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
background: color-mix(in srgb, var(--section-blue) 18%, var(--color-bg));
}

.policy-hero__inner[b-otp8lezju0],
.policy-section__inner[b-otp8lezju0] {
width: min(100%, 74rem);
margin-inline: auto;
}

.policy-hero__inner[b-otp8lezju0] {
display: grid;
gap: var(--space-4);
}

.policy-kicker[b-otp8lezju0] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
color: var(--color-kicker);
}

.policy-hero h1[b-otp8lezju0],
.policy-card h2[b-otp8lezju0],
.policy-card h3[b-otp8lezju0],
.policy-note h2[b-otp8lezju0] {
margin: 0;
letter-spacing: var(--tracking-tight);
line-height: 1.08;
}

.policy-hero h1[b-otp8lezju0] {
max-width: 15ch;
font-size: clamp(2.6rem, 6vw, 4.5rem);
font-weight: var(--font-weight-bold);
overflow-wrap: anywhere;
}

.policy-hero__lede[b-otp8lezju0],
.policy-card p[b-otp8lezju0],
.policy-note p[b-otp8lezju0] {
margin: 0;
color: var(--color-muted);
font-size: var(--font-size-body-lg);
line-height: var(--line-height-relaxed);
}

.policy-section[b-otp8lezju0] {
padding-block: clamp(4rem, 7vw, 5.5rem);
}

.policy-section--muted[b-otp8lezju0] {
background: color-mix(in srgb, var(--section-lavender) 24%, var(--color-bg));
}

.policy-section__inner[b-otp8lezju0] {
display: grid;
gap: var(--space-4);
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.policy-section__inner--narrow[b-otp8lezju0] {
grid-template-columns: 1fr;
width: min(100%, 48rem);
}

.policy-card[b-otp8lezju0],
.policy-note[b-otp8lezju0] {
display: grid;
gap: var(--space-3);
min-width: 0;
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.policy-card--accent[b-otp8lezju0] {
border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
background: color-mix(in srgb, var(--section-blue) 24%, var(--color-surface));
}

.policy-card--wide[b-otp8lezju0] {
grid-column: 1 / -1;
}

.policy-card h2[b-otp8lezju0],
.policy-note h2[b-otp8lezju0] {
font-size: var(--font-size-h3);
font-weight: var(--font-weight-semibold);
overflow-wrap: anywhere;
}

.policy-card h3[b-otp8lezju0] {
font-size: var(--font-size-body-lg);
font-weight: var(--font-weight-semibold);
overflow-wrap: anywhere;
}

.dpa-subprocessor-list[b-otp8lezju0] {
display: grid;
gap: var(--space-3);
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dpa-subprocessor-list section[b-otp8lezju0] {
display: grid;
gap: var(--space-2);
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
background: color-mix(in srgb, var(--color-surface) 92%, var(--section-blue));
}

.policy-note__action[b-otp8lezju0] {
justify-self: start;
}

@media (max-width: 980px) {
.policy-section__inner[b-otp8lezju0],
.dpa-subprocessor-list[b-otp8lezju0] {
grid-template-columns: 1fr;
}
.policy-hero h1[b-otp8lezju0] {
font-size: clamp(2.8rem, 11vw, 4.2rem);
}
}
/* _content/Tovelin.Shared.UI/Pages/Error.razor.rz.scp.css */
.tovelin-error-page[b-xhl3kusdbq] {
max-width: 74rem;
margin: 0 auto;
padding: clamp(1.25rem, 2.4vw, 2.5rem);
}

.tovelin-error-page__hero[b-xhl3kusdbq] {
display: grid;
grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr);
gap: 2rem;
align-items: center;
padding: clamp(1.4rem, 2.4vw, 2.4rem);
border-radius: 1.6rem;
border: 1px solid rgba(195, 207, 229, 0.76);
box-shadow: 0 18px 40px rgba(35, 58, 94, 0.07);
background: linear-gradient(180deg, rgba(255, 251, 246, 0.98), rgba(255, 255, 255, 0.98));
}

.tovelin-error-page__illustration[b-xhl3kusdbq] {
position: relative;
min-height: 15rem;
border-radius: 1.4rem;
overflow: hidden;
border: 1px solid rgba(210, 218, 234, 0.72);
background: linear-gradient(180deg, rgba(255, 250, 244, 0.95), rgba(249, 252, 255, 0.95));
}

.tovelin-error-page__glow[b-xhl3kusdbq] {
position: absolute;
border-radius: 999px;
opacity: 0.85;
}

.tovelin-error-page__glow--amber[b-xhl3kusdbq] {
width: 7rem;
height: 7rem;
top: 1.5rem;
left: 1.8rem;
background: rgba(255, 231, 196, 0.9);
}

.tovelin-error-page__glow--lavender[b-xhl3kusdbq] {
width: 5rem;
height: 5rem;
bottom: 2rem;
right: 2rem;
background: rgba(224, 220, 255, 0.88);
}

.tovelin-error-page__icon-wrap[b-xhl3kusdbq] {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
color: #d49a36;
font-size: 2rem;
}

.tovelin-error-page__copy h1[b-xhl3kusdbq] {
margin: 0;
font-size: clamp(2rem, 3.4vw, 3.2rem);
line-height: 1.08;
color: #20355a;
}

.tovelin-error-page__kicker[b-xhl3kusdbq] {
margin: 0 0 0.8rem;
text-transform: uppercase;
letter-spacing: 0.24em;
font-size: 0.8rem;
font-weight: 700;
color: #d0902d;
}

.tovelin-error-page__text[b-xhl3kusdbq] {
margin: 1rem 0 0;
max-width: 38rem;
line-height: 1.75;
color: #64738d;
}

.tovelin-error-page__actions[b-xhl3kusdbq] {
display: flex;
flex-wrap: wrap;
gap: 0.9rem;
align-items: center;
margin-top: 1.5rem;
}

.tovelin-error-page__support-link[b-xhl3kusdbq] {
color: #4c64c7;
font-weight: 600;
text-decoration: none;
}

.tovelin-error-page__support-link:hover[b-xhl3kusdbq] {
text-decoration: underline;
}

.tovelin-error-page__details-card[b-xhl3kusdbq] {
margin-top: 1.25rem;
padding: 1rem 1.15rem;
border-radius: 1.25rem;
border: 1px solid rgba(202, 213, 232, 0.76);
background: rgba(255, 255, 255, 0.92);
}

.tovelin-error-page__details-card summary[b-xhl3kusdbq] {
cursor: pointer;
font-weight: 600;
color: #31466f;
}

.tovelin-error-page__details-grid[b-xhl3kusdbq] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin-top: 1rem;
}

.tovelin-error-page__details-grid span[b-xhl3kusdbq] {
display: block;
font-size: 0.84rem;
color: #77849a;
}

.tovelin-error-page__details-grid strong[b-xhl3kusdbq] {
display: block;
margin-top: 0.25rem;
color: #20355a;
}

@media (max-width: 900px) {
.tovelin-error-page__hero[b-xhl3kusdbq] {
grid-template-columns: 1fr;
}
}

@media (max-width: 640px) {
.tovelin-error-page[b-xhl3kusdbq] {
padding: 1rem;
}
.tovelin-error-page__actions[b-xhl3kusdbq] {
flex-direction: column;
align-items: stretch;
}
.tovelin-error-page__details-grid[b-xhl3kusdbq] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Pages/Home.razor.rz.scp.css */
.landing-page[b-ovog3krcxs] {
overflow: hidden;
color: var(--color-text);
background: var(--color-bg);
}

.landing-hero[b-ovog3krcxs],
.landing-feature[b-ovog3krcxs],
.landing-section[b-ovog3krcxs],
.landing-start[b-ovog3krcxs],
.landing-footer[b-ovog3krcxs],
.landing-footer__legal[b-ovog3krcxs] {
padding-inline: clamp(1rem, 3vw, 3rem);
}

.landing-hero[b-ovog3krcxs] {
min-height: calc(100svh - 4rem);
display: grid;
align-items: center;
background:
radial-gradient(circle at 76% 46%, color-mix(in srgb, var(--color-primary) 18%, transparent) 0 17rem, transparent 31rem),
linear-gradient(135deg, color-mix(in srgb, var(--color-secondary) 82%, var(--color-bg)) 0%, color-mix(in srgb, var(--color-surface-muted) 88%, var(--color-bg)) 100%);
}

.landing-hero__inner[b-ovog3krcxs],
.landing-feature__inner[b-ovog3krcxs] {
width: min(100%, 68rem);
margin-inline: auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.9fr);
align-items: center;
gap: clamp(1.75rem, 4vw, 4rem);
}

.landing-hero__copy[b-ovog3krcxs] {
min-width: 0;
display: grid;
gap: var(--space-5);
justify-items: start;
}

.landing-kicker[b-ovog3krcxs] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
color: var(--color-kicker);
}

.landing-hero h1[b-ovog3krcxs],
.landing-feature h2[b-ovog3krcxs],
.landing-section h2[b-ovog3krcxs],
.landing-start h2[b-ovog3krcxs] {
max-width: 12ch;
font-size: var(--font-size-h1);
font-weight: var(--font-weight-bold);
letter-spacing: var(--tracking-tight);
}

.landing-hero h1[b-ovog3krcxs] {
font-size: var(--font-size-display);
font-weight: var(--font-weight-bold);
line-height: 1.08;
overflow-wrap: anywhere;
}

.landing-hero__lede[b-ovog3krcxs],
.landing-feature__copy > p:not(.landing-kicker)[b-ovog3krcxs],
.landing-start p[b-ovog3krcxs] {
max-width: 34rem;
color: var(--color-muted);
font-size: var(--font-size-body-lg);
line-height: var(--line-height-relaxed);
}

.landing-hero__actions[b-ovog3krcxs] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

.landing-hero__chips[b-ovog3krcxs] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
margin: 0;
padding: 0;
list-style: none;
}

.landing-hero__chips li[b-ovog3krcxs] {
padding: var(--control-pad-chip-y) var(--control-pad-chip-x);
border: 1px solid color-mix(in srgb, var(--color-primary) 34%, var(--color-border));
border-radius: var(--radius-pill);
background:
linear-gradient(180deg,
color-mix(in srgb, var(--color-bg) 88%, var(--color-surface)),
color-mix(in srgb, var(--color-bg-soft) 82%, var(--color-surface)));
color: var(--color-text);
box-shadow: 0 0.28rem 0.8rem color-mix(in srgb, var(--color-primary) 10%, transparent);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.landing-hero__image-wrap[b-ovog3krcxs] {
width: 100%;
display: flex;
justify-content: center;
}

.landing-hero__image[b-ovog3krcxs],
.landing-feature__image[b-ovog3krcxs],
.landing-how__illustration[b-ovog3krcxs],
.landing-calm__illustration[b-ovog3krcxs] {
height: auto;
}

.landing-hero__image[b-ovog3krcxs] {
width: min(100%, 34rem);
display: block;
filter: drop-shadow(0 1.5rem 2.75rem color-mix(in srgb, var(--color-primary) 11%, transparent));
}

.landing-feature__image[b-ovog3krcxs] {
width: min(100%, 30rem);
display: block;
filter: drop-shadow(0 1.35rem 2.25rem color-mix(in srgb, var(--color-primary) 9%, transparent));
}

.landing-feature[b-ovog3krcxs] {
padding-block: clamp(4rem, 7vw, 6rem);
}

.landing-feature--play[b-ovog3krcxs] {
background: color-mix(in srgb, var(--color-secondary) 84%, var(--color-bg));
}

.landing-feature--adventure[b-ovog3krcxs] {
background: color-mix(in srgb, var(--color-primary) 82%, var(--color-bg));
}

.landing-feature--points[b-ovog3krcxs] {
background: color-mix(in srgb, var(--color-accent) 86%, var(--color-bg));
}

.landing-feature--skills[b-ovog3krcxs] {
background: color-mix(in srgb, var(--color-surface-muted) 92%, var(--color-bg));
}

.landing-feature__copy[b-ovog3krcxs] {
display: grid;
gap: var(--space-4);
}

.landing-feature h2[b-ovog3krcxs] {
font-size: var(--font-size-h2);
max-width: 16ch;
}

.landing-feature .landing-kicker[b-ovog3krcxs] {
color: var(--color-kicker);
}

.landing-feature--reversed .landing-feature__copy[b-ovog3krcxs] {
order: 2;
}

.landing-feature--reversed .landing-feature__image[b-ovog3krcxs] {
order: 1;
}

.landing-section[b-ovog3krcxs] {
padding-block: clamp(4rem, 7vw, 6rem);
background: var(--color-bg);
}

.landing-section--inside[b-ovog3krcxs] {
background: color-mix(in srgb, var(--color-secondary) 44%, var(--color-bg));
}

.landing-section--center[b-ovog3krcxs],
.landing-section__header--center[b-ovog3krcxs] {
text-align: center;
}

.landing-section__header[b-ovog3krcxs] {
display: grid;
justify-items: center;
gap: var(--space-3);
margin-bottom: var(--space-8);
}

.landing-section__header h2[b-ovog3krcxs] {
max-width: none;
}

.landing-steps[b-ovog3krcxs],
.landing-inside-grid[b-ovog3krcxs] {
width: min(100%, 64rem);
margin-inline: auto;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(1rem, 3vw, 2rem);
}

.landing-how[b-ovog3krcxs] {
position: relative;
background:
linear-gradient(180deg, color-mix(in srgb, var(--color-secondary) 38%, var(--color-bg)) 0%, color-mix(in srgb, var(--color-secondary) 56%, var(--color-bg)) 100%);
}

.landing-how__body[b-ovog3krcxs] {
width: min(100%, 68rem);
margin-inline: auto;
position: relative;
display: grid;
justify-items: center;
}

.landing-how__header[b-ovog3krcxs] {
margin-bottom: var(--space-6);
}

.landing-steps[b-ovog3krcxs] {
position: relative;
z-index: 1;
}

.landing-steps[b-ovog3krcxs]::before {
content: "";
position: absolute;
top: 3.85rem;
left: 15%;
right: 15%;
height: 2px;
border-radius: var(--radius-pill);
background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-primary) 28%, transparent), transparent);
}

.landing-step[b-ovog3krcxs] {
min-height: 14rem;
position: relative;
display: grid;
justify-items: center;
gap: var(--space-3);
align-content: start;
padding: var(--space-5);
border: 1px solid color-mix(in srgb, var(--color-border) 82%, transparent);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-bg) 72%, var(--color-surface));
box-shadow: var(--shadow-soft);
text-align: center;
}

.landing-step__number[b-ovog3krcxs] {
position: absolute;
top: var(--space-3);
left: var(--space-3);
width: 1.8rem;
height: 1.8rem;
display: grid;
place-items: center;
border-radius: var(--radius-round);
background: var(--color-primary);
color: var(--color-on-primary);
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
}

.landing-step__icon[b-ovog3krcxs] {
width: 3rem;
height: 3rem;
display: grid;
place-items: center;
border-radius: var(--radius-md);
background: var(--color-secondary);
color: var(--color-primary);
font-size: 1.15rem;
}

.landing-how__illustration[b-ovog3krcxs] {
width: min(24vw, 11rem);
max-width: 100%;
position: absolute;
right: 0;
bottom: -4.25rem;
z-index: 2;
pointer-events: none;
filter: drop-shadow(0 1rem 1.5rem color-mix(in srgb, var(--color-primary) 10%, transparent));
}

.landing-step h3[b-ovog3krcxs],
.landing-inside-card h3[b-ovog3krcxs],
.landing-footer h3[b-ovog3krcxs] {
font-size: var(--font-size-h3);
font-weight: var(--font-weight-semibold);
}

.landing-step p[b-ovog3krcxs] {
max-width: 15rem;
color: var(--color-muted);
line-height: var(--line-height-relaxed);
}

.landing-inside-grid[b-ovog3krcxs] {
width: min(100%, 66rem);
gap: var(--space-4);
}

.landing-inside-card[b-ovog3krcxs] {
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.landing-inside-card[b-ovog3krcxs] {
display: grid;
gap: var(--space-3);
padding: var(--space-5);
}

.landing-inside-card__icon[b-ovog3krcxs] {
width: 2.5rem;
height: 2.5rem;
display: grid;
place-items: center;
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-primary) 11%, var(--color-surface));
color: var(--color-primary);
font-size: 1.25rem;
}

.landing-inside-card__rows[b-ovog3krcxs],
.landing-inside-card__game-list[b-ovog3krcxs],
.landing-inside-card__metrics[b-ovog3krcxs] {
display: grid;
gap: var(--space-2);
}

.landing-inside-card__row[b-ovog3krcxs],
.landing-inside-card__game-list span[b-ovog3krcxs] {
display: flex;
align-items: center;
gap: var(--space-2);
min-height: 2.25rem;
padding: var(--space-2) var(--space-3);
border-radius: var(--radius-sm);
background: color-mix(in srgb, var(--color-secondary) 24%, var(--color-surface));
color: var(--color-muted);
font-size: var(--font-size-small);
}

.landing-inside-card__row i[b-ovog3krcxs],
.landing-inside-card__game-list i[b-ovog3krcxs] {
flex: 0 0 auto;
color: var(--color-primary);
}

.landing-inside-card__row.is-done[b-ovog3krcxs] {
background: color-mix(in srgb, var(--color-accent) 18%, var(--color-surface));
color: var(--color-text);
}

.landing-inside-card__meter[b-ovog3krcxs] {
height: 0.45rem;
overflow: hidden;
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.landing-inside-card__meter span[b-ovog3krcxs] {
width: 64%;
height: 100%;
display: block;
border-radius: inherit;
background: var(--color-primary);
}

.landing-inside-card__metric[b-ovog3krcxs] {
display: grid;
gap: var(--space-2);
color: var(--color-muted);
font-size: var(--font-size-small);
}

.landing-inside-card__metric strong[b-ovog3krcxs] {
color: var(--color-text);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.landing-inside-card__metric i[b-ovog3krcxs] {
display: block;
height: 0.45rem;
overflow: hidden;
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.landing-inside-card__metric i[b-ovog3krcxs]::before {
content: "";
width: 58%;
height: 100%;
display: block;
border-radius: inherit;
background: var(--color-primary);
}

.landing-inside-card__metric--math i[b-ovog3krcxs]::before {
width: 46%;
}

.landing-inside-card__metric--focus i[b-ovog3krcxs]::before {
width: 72%;
}

.landing-product-glimpse[b-ovog3krcxs] {
background:
linear-gradient(180deg, color-mix(in srgb, var(--color-surface-muted) 28%, var(--color-bg)) 0%, var(--color-bg) 100%);
}

.landing-product-glimpse__inner[b-ovog3krcxs] {
width: min(100%, 68rem);
margin-inline: auto;
display: grid;
grid-template-columns: minmax(0, 0.85fr) minmax(22rem, 1fr);
align-items: center;
gap: clamp(2rem, 5vw, 5rem);
}

.landing-product-glimpse__copy[b-ovog3krcxs] {
display: grid;
gap: var(--space-4);
justify-items: start;
}

.landing-product-glimpse__copy h2[b-ovog3krcxs],
.landing-calm h2[b-ovog3krcxs] {
max-width: 16ch;
font-size: var(--font-size-h2);
font-weight: var(--font-weight-bold);
letter-spacing: var(--tracking-tight);
}

.landing-product-glimpse__copy p:not(.landing-kicker)[b-ovog3krcxs],
.landing-calm p:not(.landing-kicker)[b-ovog3krcxs] {
max-width: 34rem;
color: var(--color-muted);
font-size: var(--font-size-body-lg);
line-height: var(--line-height-relaxed);
}

.landing-product-preview[b-ovog3krcxs] {
box-sizing: border-box;
width: min(100%, 32rem);
max-width: 100%;
min-width: 0;
justify-self: center;
display: grid;
gap: var(--space-4);
padding: var(--space-6);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background:
linear-gradient(145deg, color-mix(in srgb, var(--color-surface-muted) 34%, var(--color-surface)) 0%, var(--color-surface) 58%),
var(--color-surface);
box-shadow: var(--shadow-soft);
}

.landing-product-preview__top[b-ovog3krcxs],
.landing-product-preview__goal[b-ovog3krcxs],
.landing-product-preview__activity[b-ovog3krcxs] {
min-width: 0;
display: flex;
align-items: center;
gap: var(--space-3);
}

.landing-product-preview__top[b-ovog3krcxs] {
justify-content: space-between;
flex-wrap: wrap;
}

.landing-product-preview__eyebrow[b-ovog3krcxs] {
text-transform: uppercase;
letter-spacing: var(--tracking-section);
color: var(--color-kicker);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
}

.landing-product-preview__points[b-ovog3krcxs] {
padding: var(--space-1) var(--space-3);
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));
color: var(--color-primary);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.landing-product-preview__status[b-ovog3krcxs] {
display: inline-flex;
align-items: center;
gap: var(--space-1);
margin-left: auto;
color: color-mix(in srgb, var(--color-secondary-dark) 72%, var(--color-text));
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.landing-product-preview__goal[b-ovog3krcxs],
.landing-product-preview__activity[b-ovog3krcxs] {
box-sizing: border-box;
max-width: 100%;
padding: var(--space-4);
border: 1px solid color-mix(in srgb, var(--color-border) 74%, transparent);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-bg) 56%, var(--color-surface));
}

.landing-product-preview__goal > div[b-ovog3krcxs],
.landing-product-preview__activity > div[b-ovog3krcxs] {
min-width: 0;
display: grid;
gap: var(--space-1);
}

.landing-product-preview__goal strong[b-ovog3krcxs],
.landing-product-preview__activity strong[b-ovog3krcxs] {
color: var(--color-text);
font-size: var(--font-size-h3);
}

.landing-product-preview__goal div > span[b-ovog3krcxs],
.landing-product-preview__activity > div:not(.landing-product-preview__art) > span:not(.landing-product-preview__eyebrow)[b-ovog3krcxs] {
color: var(--color-muted);
font-size: var(--font-size-small);
}

.landing-product-preview__icon[b-ovog3krcxs],
.landing-product-preview__art[b-ovog3krcxs] {
flex: 0 0 auto;
display: grid;
place-items: center;
}

.landing-product-preview__icon[b-ovog3krcxs] {
width: 2.75rem;
height: 2.75rem;
border-radius: var(--radius-md);
background: var(--color-secondary);
color: var(--color-primary);
}

.landing-product-preview__check[b-ovog3krcxs] {
width: 1.8rem;
height: 1.8rem;
margin-left: auto;
display: grid;
place-items: center;
border-radius: var(--radius-round);
background: color-mix(in srgb, var(--color-accent) 24%, var(--color-surface));
color: color-mix(in srgb, var(--color-primary) 72%, var(--color-text));
font-size: var(--font-size-small);
}

.landing-product-preview__art[b-ovog3krcxs] {
width: 5rem;
height: 4rem;
position: relative;
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-accent) 28%, var(--color-surface));
color: var(--color-primary);
font-weight: var(--font-weight-bold);
font-size: 1.75rem;
}

.landing-product-preview__art i[b-ovog3krcxs] {
position: absolute;
right: 0.65rem;
bottom: 0.55rem;
font-size: 1.05rem;
color: color-mix(in srgb, var(--color-primary) 72%, var(--color-text));
}

.landing-product-preview__button[b-ovog3krcxs] {
margin-left: auto;
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 5.5rem;
min-height: 2.5rem;
padding-inline: var(--space-4);
border-radius: var(--radius-sm);
background: var(--color-primary);
color: var(--color-on-primary);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.landing-product-preview__progress[b-ovog3krcxs] {
height: 0.55rem;
overflow: hidden;
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
}

.landing-product-preview__progress-block[b-ovog3krcxs] {
display: grid;
gap: var(--space-2);
}

.landing-product-preview__progress-label[b-ovog3krcxs] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
color: var(--color-muted);
font-size: var(--font-size-small);
}

.landing-product-preview__progress-label strong[b-ovog3krcxs] {
color: var(--color-text);
font-weight: var(--font-weight-semibold);
}

.landing-product-preview__progress span[b-ovog3krcxs] {
width: 58%;
height: 100%;
display: block;
border-radius: inherit;
background: var(--color-primary);
}

.landing-calm[b-ovog3krcxs] {
background:
linear-gradient(180deg, color-mix(in srgb, var(--color-bg) 88%, var(--color-surface-muted)) 0%, color-mix(in srgb, var(--color-surface-muted) 34%, var(--color-bg)) 100%);
}

.landing-calm__inner[b-ovog3krcxs] {
width: min(100%, 68rem);
margin-inline: auto;
display: grid;
grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
align-items: center;
gap: clamp(2rem, 5vw, 5rem);
text-align: left;
}

.landing-calm__copy[b-ovog3krcxs] {
display: grid;
gap: var(--space-4);
justify-items: start;
}

.landing-calm__visual[b-ovog3krcxs] {
position: relative;
display: grid;
grid-template-columns: minmax(8rem, 0.42fr) minmax(0, 1fr);
align-items: center;
gap: var(--space-4);
}

.landing-calm__illustration[b-ovog3krcxs] {
width: min(100%, 13rem);
justify-self: end;
align-self: end;
filter: drop-shadow(0 1rem 1.75rem color-mix(in srgb, var(--color-primary) 10%, transparent));
}

.landing-calm__points[b-ovog3krcxs] {
width: min(100%, 29rem);
position: relative;
display: grid;
grid-template-columns: 1fr;
gap: var(--space-3);
margin: 0;
padding: 0;
list-style: none;
}

.landing-calm__points[b-ovog3krcxs]::before {
content: "";
position: absolute;
top: 1.5rem;
bottom: 1.5rem;
left: 1.25rem;
width: 2px;
border-radius: var(--radius-pill);
background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--color-primary) 24%, transparent), transparent);
}

.landing-calm__points li[b-ovog3krcxs] {
position: relative;
display: grid;
grid-template-columns: auto auto minmax(0, 1fr);
align-items: center;
gap: var(--space-3);
min-height: 5rem;
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-bg) 62%, var(--color-surface));
color: var(--color-text);
text-align: left;
box-shadow: var(--shadow-soft);
}

.landing-calm__points li:nth-child(2)[b-ovog3krcxs] {
margin-left: var(--space-5);
}

.landing-calm__points li:nth-child(3)[b-ovog3krcxs] {
margin-left: var(--space-10);
}

.landing-calm__point-number[b-ovog3krcxs] {
width: 2.55rem;
height: 2.55rem;
display: grid;
place-items: center;
border-radius: var(--radius-round);
background: var(--color-primary);
color: var(--color-on-primary);
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
box-shadow: 0 0.75rem 1.5rem color-mix(in srgb, var(--color-primary) 16%, transparent);
}

.landing-calm__point-icon[b-ovog3krcxs] {
width: 2.4rem;
height: 2.4rem;
display: grid;
place-items: center;
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-secondary) 42%, var(--color-surface));
color: var(--color-primary);
}

.landing-calm__points li > span:last-child[b-ovog3krcxs] {
display: grid;
gap: var(--space-1);
}

.landing-calm__points strong[b-ovog3krcxs] {
font-weight: var(--font-weight-semibold);
}

.landing-calm__points li > span:last-child > span[b-ovog3krcxs] {
color: var(--color-muted);
font-size: var(--font-size-small);
line-height: var(--line-height-relaxed);
}

.landing-start[b-ovog3krcxs] {
padding-block: clamp(4rem, 8vw, 7rem);
background:
radial-gradient(circle at 18% 24%, color-mix(in srgb, var(--color-secondary) 34%, transparent) 0 16rem, transparent 26rem),
linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 82%, var(--color-bg)) 0%, color-mix(in srgb, var(--color-primary) 46%, var(--color-bg)) 100%);
}

.landing-start__inner[b-ovog3krcxs] {
width: min(100%, 68rem);
margin-inline: auto;
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
align-items: center;
gap: clamp(1rem, 4vw, 5rem);
}

.landing-start__copy[b-ovog3krcxs] {
display: grid;
gap: var(--space-4);
justify-items: start;
text-align: left;
}

.landing-start h2[b-ovog3krcxs] {
max-width: 18ch;
}

.landing-start__auth[b-ovog3krcxs] {
min-width: 0;
justify-self: stretch;
/* The root scroll padding already accounts for the sticky topbar. */
scroll-margin-top: var(--space-4);
}

.landing-footer[b-ovog3krcxs] {
display: grid;
grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(0, 1fr));
gap: clamp(1rem, 2.5vw, 2.5rem);
padding-block: var(--space-8);
border-top: 1px solid var(--color-border);
background: var(--color-surface-muted);
}

.landing-footer__brand[b-ovog3krcxs],
.landing-footer > div[b-ovog3krcxs] {
display: grid;
align-content: start;
gap: var(--space-3);
}

.landing-footer__mark[b-ovog3krcxs] {
width: 2rem;
height: 2rem;
display: grid;
place-items: center;
border-radius: var(--control-radius-brand-mark);
overflow: hidden;
background: color-mix(in srgb, var(--color-secondary) 62%, var(--color-surface));
box-shadow: 0 8px 18px color-mix(in srgb, var(--color-primary) 12%, transparent);
}

.landing-footer__mark img[b-ovog3krcxs] {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}

.landing-footer p[b-ovog3krcxs],
.landing-footer a[b-ovog3krcxs] {
color: var(--color-muted);
font-size: var(--font-size-small);
line-height: var(--line-height-relaxed);
}

.landing-footer a[b-ovog3krcxs] {
text-decoration: none;
}

.landing-footer a:hover[b-ovog3krcxs],
.landing-footer a:focus-visible[b-ovog3krcxs] {
color: var(--color-text);
text-decoration: underline;
}

.landing-footer__legal[b-ovog3krcxs] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
padding-block: var(--space-4) var(--space-8);
border-top: 1px solid var(--color-border);
background: var(--color-surface-muted);
color: var(--color-muted);
font-size: var(--font-size-small);
}

.landing-footer__legal-link[b-ovog3krcxs] {
flex: 0 0 auto;
color: inherit;
}

.landing-footer__legal-link:hover[b-ovog3krcxs],
.landing-footer__legal-link:focus-visible[b-ovog3krcxs] {
color: var(--color-text);
text-decoration: underline;
}

@media (max-width: 980px) {
.landing-hero[b-ovog3krcxs] {
min-height: auto;
padding-block: var(--space-16);
}
.landing-hero__inner[b-ovog3krcxs],
.landing-feature__inner[b-ovog3krcxs],
.landing-product-glimpse__inner[b-ovog3krcxs],
.landing-calm__inner[b-ovog3krcxs] {
grid-template-columns: 1fr;
}
.landing-hero__inner[b-ovog3krcxs],
.landing-hero__copy[b-ovog3krcxs] {
width: min(100%, 34rem);
justify-items: center;
text-align: center;
}
.landing-hero__actions[b-ovog3krcxs],
.landing-hero__chips[b-ovog3krcxs] {
width: 100%;
justify-content: center;
}
.landing-feature__inner[b-ovog3krcxs] {
justify-items: center;
text-align: center;
}
.landing-feature__copy[b-ovog3krcxs],
.landing-product-glimpse__copy[b-ovog3krcxs],
.landing-calm__copy[b-ovog3krcxs] {
justify-items: center;
text-align: center;
}
.landing-feature__image[b-ovog3krcxs],
.landing-product-preview[b-ovog3krcxs] {
justify-self: center;
}
.landing-feature--reversed .landing-feature__copy[b-ovog3krcxs],
.landing-feature--reversed .landing-feature__image[b-ovog3krcxs] {
order: initial;
}
.landing-hero h1[b-ovog3krcxs],
.landing-feature h2[b-ovog3krcxs] {
max-width: 18ch;
}
.landing-hero h1[b-ovog3krcxs] {
font-size: clamp(2.75rem, 10vw, 4.5rem);
}
.landing-section__header[b-ovog3krcxs] {
margin-bottom: var(--space-6);
}
.landing-calm__visual[b-ovog3krcxs] {
width: min(100%, 46rem);
justify-self: center;
}
.landing-calm__points[b-ovog3krcxs] {
width: min(100%, 29rem);
justify-self: center;
}
}

@media (max-width: 800px) {
.landing-footer[b-ovog3krcxs] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}

@media (max-width: 620px) {
.landing-hero__actions[b-ovog3krcxs],
.landing-hero__actions[b-ovog3krcxs]  .tovelin-btn {
width: 100%;
}
.landing-hero__actions[b-ovog3krcxs]  .tovelin-btn {
justify-content: center;
}
.landing-product-preview[b-ovog3krcxs] {
width: 100%;
padding: var(--space-5);
}
.landing-product-preview__activity[b-ovog3krcxs] {
display: grid;
}
.landing-product-preview__top[b-ovog3krcxs],
.landing-product-preview__progress-label[b-ovog3krcxs] {
display: grid;
justify-content: initial;
}
.landing-product-preview__status[b-ovog3krcxs] {
margin-left: 0;
}
.landing-product-preview__status[b-ovog3krcxs],
.landing-product-preview__points[b-ovog3krcxs] {
width: fit-content;
justify-self: start;
}
.landing-product-preview__button[b-ovog3krcxs] {
width: 100%;
margin-left: 0;
}
.landing-footer__legal[b-ovog3krcxs] {
flex-direction: column;
align-items: flex-start;
}
.landing-calm__visual[b-ovog3krcxs] {
grid-template-columns: 1fr;
justify-items: center;
}
.landing-calm__illustration[b-ovog3krcxs] {
width: min(74%, 12rem);
justify-self: center;
}
.landing-calm__points li:nth-child(2)[b-ovog3krcxs],
.landing-calm__points li:nth-child(3)[b-ovog3krcxs] {
margin-left: 0;
}
}

@media (max-width: 600px) {
.landing-footer[b-ovog3krcxs] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media (max-width: 700px) {
.landing-calm__points[b-ovog3krcxs] {
width: min(100%, 24rem);
grid-template-columns: 1fr;
}
.landing-start__inner[b-ovog3krcxs] {
gap: var(--space-4);
}
.landing-start h2[b-ovog3krcxs] {
font-size: clamp(2rem, 7vw, var(--font-size-h1));
}
.landing-start p[b-ovog3krcxs] {
font-size: var(--font-size-body);
}
}

@media (max-width: 380px) {
.landing-hero[b-ovog3krcxs] {
padding-inline: var(--space-4);
}
.landing-hero__copy[b-ovog3krcxs] {
width: min(100%, 19rem);
}
.landing-hero h1[b-ovog3krcxs] {
font-size: clamp(2.35rem, 12vw, 2.75rem);
}
.landing-product-preview[b-ovog3krcxs] {
padding: var(--space-4);
}
}

@media (max-width: 420px) {
.landing-footer[b-ovog3krcxs] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 500px) {
.landing-steps[b-ovog3krcxs],
.landing-inside-grid[b-ovog3krcxs] {
width: min(100%, 22rem);
grid-template-columns: 1fr;
}
.landing-steps[b-ovog3krcxs] {
gap: var(--space-4);
}
.landing-steps[b-ovog3krcxs]::before {
top: 1rem;
bottom: 1rem;
left: 1.9rem;
right: auto;
width: 2px;
height: auto;
background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--color-primary) 24%, transparent), transparent);
}
.landing-step[b-ovog3krcxs] {
min-height: auto;
justify-items: start;
padding-left: 4.5rem;
text-align: left;
}
.landing-step__number[b-ovog3krcxs] {
left: var(--space-3);
}
.landing-step p[b-ovog3krcxs] {
max-width: none;
}
.landing-how__illustration[b-ovog3krcxs] {
position: static;
width: min(70%, 9rem);
margin-top: var(--space-5);
}
.landing-start__inner[b-ovog3krcxs] {
grid-template-columns: 1fr;
gap: var(--space-8);
}
.landing-start__copy[b-ovog3krcxs] {
justify-items: center;
text-align: center;
}
}
/* _content/Tovelin.Shared.UI/Pages/Invitations/Invitation.razor.rz.scp.css */
:host[b-ncs7rl2baa] {
display: block;
}

.invitation-page__shell[b-ncs7rl2baa] {
align-items: start;
}

.invitation-page__main-card[b-ncs7rl2baa] {
border-radius: var(--radius-2xl);
}

.invitation-page__card-stack[b-ncs7rl2baa],
.invitation-page__actions[b-ncs7rl2baa] {
display: grid;
gap: var(--space-4);
}

.invitation-page__fact-grid[b-ncs7rl2baa] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-3);
}

.invitation-page__fact-grid div[b-ncs7rl2baa] {
padding: var(--space-3);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-surface-strong) 84%, var(--color-primary) 4%);
}

.invitation-page__fact-grid span[b-ncs7rl2baa] {
display: block;
margin-bottom: var(--space-1);
color: var(--color-text-muted);
}

.invitation-page__fact-grid strong[b-ncs7rl2baa] {
color: var(--color-text);
}

@media (max-width: 720px) {
.invitation-page__fact-grid[b-ncs7rl2baa] {
grid-template-columns: 1fr;
}
}
/* _content/Tovelin.Shared.UI/Pages/NotFound.razor.rz.scp.css */
:host[b-9zs1fsx76x] {
display: block;
}

.error-state[b-9zs1fsx76x] {
width: min(100%, 72rem);
margin-inline: auto;
padding: clamp(2rem, 4vw, 3.5rem) clamp(1rem, 3vw, 2rem) clamp(3rem, 6vw, 5rem);
}

.error-state--neutral[b-9zs1fsx76x] {
color: var(--color-text);
}

.error-state__main-card[b-9zs1fsx76x] {
display: grid;
grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr);
gap: clamp(1.5rem, 3vw, 2.5rem);
align-items: center;
padding: clamp(1.5rem, 3vw, 2.5rem);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background:
linear-gradient(135deg, color-mix(in srgb, var(--section-blue) 42%, var(--color-surface)), transparent 60%),
linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--section-lavender) 24%, var(--color-surface)));
box-shadow: var(--shadow-soft);
}

.error-state__illustration[b-9zs1fsx76x] {
position: relative;
min-height: 16rem;
border-radius: calc(var(--radius-md) - 0.2rem);
border: 1px solid color-mix(in srgb, var(--color-border) 80%, white);
background:
radial-gradient(circle at 25% 25%, rgba(182, 206, 255, 0.36), transparent 0 34%),
radial-gradient(circle at 78% 28%, rgba(228, 221, 255, 0.48), transparent 0 28%),
radial-gradient(circle at 70% 78%, rgba(219, 240, 231, 0.48), transparent 0 24%),
linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 255, 0.92));
overflow: hidden;
}

.error-state__scene[b-9zs1fsx76x] {
position: absolute;
inset: 0;
}

.error-state__orb[b-9zs1fsx76x] {
position: absolute;
border-radius: 999px;
opacity: 0.9;
}

.error-state__orb--lavender[b-9zs1fsx76x] {
width: 6rem;
height: 6rem;
top: 1.3rem;
right: 1.6rem;
background: rgba(218, 209, 255, 0.72);
}

.error-state__orb--blue[b-9zs1fsx76x] {
width: 7rem;
height: 7rem;
left: 1.2rem;
top: 1.6rem;
background: rgba(188, 213, 255, 0.68);
}

.error-state__orb--mint[b-9zs1fsx76x] {
width: 5.5rem;
height: 5.5rem;
right: 2rem;
bottom: 1.6rem;
background: rgba(216, 238, 228, 0.78);
}

.error-state__path[b-9zs1fsx76x] {
position: absolute;
left: 50%;
bottom: 1.3rem;
width: 9rem;
height: 9rem;
border-radius: 999px 999px 0 0;
border: 3px solid rgba(121, 147, 211, 0.24);
border-bottom: none;
transform: translateX(-50%);
}

.error-state__signpost[b-9zs1fsx76x] {
position: absolute;
left: 50%;
bottom: 2.35rem;
width: 3.5rem;
height: 3.5rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 1rem;
background: rgba(255, 255, 255, 0.94);
border: 1px solid rgba(207, 216, 232, 0.95);
box-shadow: 0 12px 28px rgba(41, 59, 95, 0.08);
transform: translateX(-50%);
color: var(--color-primary);
font-size: 1.3rem;
}

.error-state__content[b-9zs1fsx76x] {
display: grid;
gap: var(--space-3);
}

.error-state__kicker[b-9zs1fsx76x] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
color: var(--color-kicker);
}

.error-state__content h1[b-9zs1fsx76x] {
margin: 0;
font-size: clamp(2rem, 4vw, 3.4rem);
line-height: 1.06;
letter-spacing: var(--tracking-tight);
}

.error-state__text[b-9zs1fsx76x] {
margin: 0;
max-width: 34rem;
color: var(--color-muted);
font-size: var(--font-size-body-lg);
line-height: var(--line-height-relaxed);
}

.error-state__actions[b-9zs1fsx76x] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-2);
margin-top: var(--space-2);
}

.error-state__support-link[b-9zs1fsx76x] {
color: var(--color-primary);
font-weight: var(--font-weight-semibold);
text-decoration: none;
}

.error-state__support-link:hover[b-9zs1fsx76x] {
text-decoration: underline;
}

.error-state__help-links[b-9zs1fsx76x] {
display: flex;
flex-wrap: wrap;
gap: 0.85rem;
margin-top: 1.5rem;
}

.error-state__help-link[b-9zs1fsx76x] {
display: inline-flex;
align-items: center;
padding: 0.72rem 1rem;
border-radius: var(--radius-pill);
border: 1px solid var(--color-border);
background: var(--color-surface);
color: var(--color-text);
text-decoration: none;
box-shadow: var(--shadow-soft);
}

.error-state__help-link:hover[b-9zs1fsx76x] {
border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
color: var(--color-primary);
}

.error-state__suggestions[b-9zs1fsx76x] {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(1rem, 2vw, 1.5rem);
margin-top: 1.75rem;
}

.error-state__suggestion-card[b-9zs1fsx76x] {
display: grid;
gap: var(--space-3);
align-content: start;
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.error-state__suggestion-icon[b-9zs1fsx76x] {
width: 3rem;
height: 3rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 1rem;
background: color-mix(in srgb, var(--section-blue) 55%, var(--color-surface));
color: var(--color-primary);
font-size: 1.1rem;
}

.error-state__suggestion-card h2[b-9zs1fsx76x] {
margin: 0;
font-size: var(--font-size-h3);
}

.error-state__suggestion-card p[b-9zs1fsx76x] {
margin: 0;
color: var(--color-muted);
line-height: var(--line-height-relaxed);
}

@media (max-width: 900px) {
.error-state__main-card[b-9zs1fsx76x] {
grid-template-columns: 1fr;
}
.error-state__suggestions[b-9zs1fsx76x] {
grid-template-columns: 1fr;
}
}

@media (max-width: 640px) {
.error-state[b-9zs1fsx76x] {
padding-inline: 1rem;
padding-block: 1.5rem 3rem;
}
.error-state__main-card[b-9zs1fsx76x] {
padding: 1.2rem;
}
.error-state__illustration[b-9zs1fsx76x] {
min-height: 12rem;
}
.error-state__actions[b-9zs1fsx76x] {
flex-direction: column;
align-items: stretch;
}
.error-state__help-links[b-9zs1fsx76x] {
flex-direction: column;
}
}
/* _content/Tovelin.Shared.UI/Pages/Privacy.razor.rz.scp.css */
:host[b-os5ptslz0l] {
display: block;
}

.policy-page[b-os5ptslz0l] {
color: var(--color-text);
background: var(--color-bg);
}

.policy-hero[b-os5ptslz0l],
.policy-section[b-os5ptslz0l] {
padding-inline: clamp(1rem, 3vw, 3rem);
}

.policy-hero[b-os5ptslz0l] {
padding-block: clamp(4.5rem, 8vw, 7rem);
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
background: color-mix(in srgb, var(--section-blue) 18%, var(--color-bg));
}

.policy-hero__inner[b-os5ptslz0l],
.policy-section__inner[b-os5ptslz0l] {
width: min(100%, 74rem);
margin-inline: auto;
}

.policy-hero__inner[b-os5ptslz0l] {
display: grid;
gap: var(--space-4);
}

.policy-kicker[b-os5ptslz0l] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
color: var(--color-kicker);
}

.policy-hero h1[b-os5ptslz0l],
.policy-card h2[b-os5ptslz0l],
.policy-note h2[b-os5ptslz0l] {
margin: 0;
letter-spacing: var(--tracking-tight);
line-height: 1.08;
}

.policy-hero h1[b-os5ptslz0l] {
max-width: 15ch;
font-size: clamp(2.6rem, 6vw, 4.5rem);
font-weight: var(--font-weight-bold);
}

.policy-hero__lede[b-os5ptslz0l],
.policy-card p[b-os5ptslz0l],
.policy-note p[b-os5ptslz0l] {
margin: 0;
color: var(--color-muted);
font-size: var(--font-size-body-lg);
line-height: var(--line-height-relaxed);
}

.policy-section[b-os5ptslz0l] {
padding-block: clamp(4rem, 7vw, 5.5rem);
}

.policy-section--muted[b-os5ptslz0l] {
background: color-mix(in srgb, var(--section-lavender) 24%, var(--color-bg));
}

.policy-section__inner[b-os5ptslz0l] {
display: grid;
gap: var(--space-4);
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.policy-section__inner--narrow[b-os5ptslz0l] {
grid-template-columns: 1fr;
width: min(100%, 48rem);
}

.policy-card[b-os5ptslz0l],
.policy-note[b-os5ptslz0l] {
display: grid;
gap: var(--space-3);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.policy-card h2[b-os5ptslz0l],
.policy-note h2[b-os5ptslz0l] {
font-size: var(--font-size-h3);
font-weight: var(--font-weight-semibold);
}

.policy-card__link[b-os5ptslz0l] {
justify-self: start;
padding: 0;
min-height: auto;
border-color: transparent;
background: transparent;
box-shadow: none;
color: var(--color-muted);
font-weight: var(--font-weight-medium);
text-decoration: none;
transform: none;
}

.policy-card__link:hover[b-os5ptslz0l],
.policy-card__link:focus-visible[b-os5ptslz0l] {
color: var(--color-text);
text-decoration: underline;
box-shadow: none;
transform: none;
}

@media (max-width: 980px) {
.policy-section__inner[b-os5ptslz0l] {
grid-template-columns: 1fr;
}
.policy-hero h1[b-os5ptslz0l] {
font-size: clamp(2.8rem, 11vw, 4.2rem);
}
}
/* _content/Tovelin.Shared.UI/Pages/PrivacyReport.razor.rz.scp.css */
.privacy-report[b-85awkzxjw1] { max-width: 42rem; margin: 0 auto; padding: clamp(1.25rem, 4vw, 3rem); display: grid; gap: 1rem; overflow-wrap: anywhere; }
.privacy-report h1[b-85awkzxjw1], .privacy-report h2[b-85awkzxjw1], .privacy-report p[b-85awkzxjw1] { margin: 0; }
.privacy-report form[b-85awkzxjw1] { display: grid; gap: 1rem; }
.privacy-report__kicker[b-85awkzxjw1] { text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; }
.privacy-report__notice[b-85awkzxjw1] { border: 1px solid currentColor; border-radius: .75rem; padding: 1rem; }
/* _content/Tovelin.Shared.UI/Pages/Support.razor.rz.scp.css */
:host[b-2b6lcfxln7] {
display: block;
}

.support-page[b-2b6lcfxln7] {
color: var(--color-text);
background: var(--color-bg);
overflow: hidden;
}

.support-hero[b-2b6lcfxln7],
.support-section[b-2b6lcfxln7],
.support-cta[b-2b6lcfxln7],
.support-footer[b-2b6lcfxln7],
.support-footer__legal[b-2b6lcfxln7] {
padding-inline: clamp(1rem, 3vw, 3rem);
}

.support-hero[b-2b6lcfxln7] {
padding-block: clamp(4rem, 7vw, 6.5rem);
background:
linear-gradient(135deg, color-mix(in srgb, var(--section-blue) 46%, transparent), transparent 58%),
linear-gradient(180deg, color-mix(in srgb, var(--section-lavender) 28%, var(--color-bg)), var(--color-bg));
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
}

.support-hero__inner[b-2b6lcfxln7],
.support-section__inner[b-2b6lcfxln7],
.support-cta__inner[b-2b6lcfxln7],
.support-footer[b-2b6lcfxln7] {
width: min(100%, 72rem);
margin-inline: auto;
}

.support-hero__inner[b-2b6lcfxln7],
.support-contact[b-2b6lcfxln7] {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr);
gap: clamp(1.75rem, 4vw, 4rem);
align-items: center;
}

.support-hero__copy[b-2b6lcfxln7] {
display: grid;
gap: var(--space-5);
}

.support-kicker[b-2b6lcfxln7] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
color: var(--color-kicker);
}

.support-hero h1[b-2b6lcfxln7],
.support-section h2[b-2b6lcfxln7],
.support-contact__status h3[b-2b6lcfxln7],
.support-contact__form-header h2[b-2b6lcfxln7],
.support-cta h2[b-2b6lcfxln7],
.support-footer h3[b-2b6lcfxln7] {
margin: 0;
}

.support-hero h1[b-2b6lcfxln7] {
max-width: 12ch;
font-size: var(--font-size-display);
font-weight: var(--font-weight-bold);
line-height: 1.04;
letter-spacing: var(--tracking-tight);
}

.support-hero__lede[b-2b6lcfxln7],
.support-section__header :global(.tovelin-section-header__text)[b-2b6lcfxln7],
.support-category-card p[b-2b6lcfxln7],
.support-article-card p[b-2b6lcfxln7],
.support-guide-card p[b-2b6lcfxln7],
.support-faq__answer[b-2b6lcfxln7],
.support-contact__status p[b-2b6lcfxln7],
.support-contact__form-header p[b-2b6lcfxln7],
.support-footer p[b-2b6lcfxln7],
.support-footer a[b-2b6lcfxln7],
.support-footer__legal[b-2b6lcfxln7] {
color: var(--color-muted);
line-height: var(--line-height-relaxed);
}

.support-hero__lede[b-2b6lcfxln7] {
max-width: 34rem;
font-size: var(--font-size-body-lg);
}

.support-hero__search[b-2b6lcfxln7] {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-3);
align-items: end;
max-width: 34rem;
}

.support-hero__actions[b-2b6lcfxln7] {
display: flex;
flex-wrap: wrap;
gap: var(--space-3);
align-items: center;
}

.support-hero__contact-link[b-2b6lcfxln7],
.support-hero__clear-search[b-2b6lcfxln7],
.support-article-card__link[b-2b6lcfxln7],
.support-contact__secondary-action[b-2b6lcfxln7] {
color: var(--color-text);
text-decoration: none;
font-weight: var(--font-weight-semibold);
}

.support-hero__clear-search[b-2b6lcfxln7] {
padding: 0;
border: none;
background: transparent;
cursor: pointer;
font: inherit;
}

.support-hero__contact-link:hover[b-2b6lcfxln7],
.support-hero__contact-link:focus-visible[b-2b6lcfxln7],
.support-hero__clear-search:hover[b-2b6lcfxln7],
.support-hero__clear-search:focus-visible[b-2b6lcfxln7],
.support-article-card__link:hover[b-2b6lcfxln7],
.support-article-card__link:focus-visible[b-2b6lcfxln7],
.support-contact__secondary-action:hover[b-2b6lcfxln7],
.support-contact__secondary-action:focus-visible[b-2b6lcfxln7],
.support-footer a:hover[b-2b6lcfxln7],
.support-footer a:focus-visible[b-2b6lcfxln7],
.support-footer__legal-link:hover[b-2b6lcfxln7],
.support-footer__legal-link:focus-visible[b-2b6lcfxln7] {
text-decoration: underline;
}

.support-hero__visual[b-2b6lcfxln7] {
display: flex;
justify-content: center;
}

.support-hero__visual-card[b-2b6lcfxln7] {
width: min(100%, 28rem);
display: grid;
gap: var(--space-5);
padding: clamp(1.25rem, 3vw, 2rem);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--color-surface) 92%, transparent);
box-shadow: var(--shadow-elevated);
}

.support-hero__visual-head[b-2b6lcfxln7] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
}

.support-hero__visual-badge[b-2b6lcfxln7] {
display: inline-flex;
align-items: center;
gap: 0.45rem;
padding: 0.45rem 0.85rem;
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--section-blue) 34%, var(--color-surface));
color: var(--color-primary-dark);
font-size: var(--font-size-small);
font-weight: var(--font-weight-semibold);
}

.support-hero__visual-body[b-2b6lcfxln7] {
display: grid;
gap: var(--space-3);
}

.support-hero__message[b-2b6lcfxln7] {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: var(--space-3);
align-items: start;
padding: var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
}

.support-hero__message--primary[b-2b6lcfxln7] {
background: color-mix(in srgb, var(--section-mint) 28%, var(--color-surface));
}

.support-hero__message i[b-2b6lcfxln7] {
width: 2.4rem;
height: 2.4rem;
display: grid;
place-items: center;
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
color: var(--color-primary);
}

.support-hero__message strong[b-2b6lcfxln7],
.support-category-card h2[b-2b6lcfxln7],
.support-article-card h2[b-2b6lcfxln7],
.support-guide-card h2[b-2b6lcfxln7],
.support-contact-strip h2[b-2b6lcfxln7],
.support-contact__status h3[b-2b6lcfxln7],
.support-contact__form-header h2[b-2b6lcfxln7],
.support-footer h3[b-2b6lcfxln7] {
font-size: var(--font-size-h3);
font-weight: var(--font-weight-semibold);
}

.support-hero__message p[b-2b6lcfxln7],
.support-category-card p[b-2b6lcfxln7],
.support-article-card p[b-2b6lcfxln7],
.support-guide-card p[b-2b6lcfxln7],
.support-contact__status p[b-2b6lcfxln7],
.support-contact__form-header p[b-2b6lcfxln7] {
margin: 0;
font-size: var(--font-size-body);
}

.support-section[b-2b6lcfxln7] {
padding-block: clamp(4rem, 7vw, 6rem);
}

.support-section--muted[b-2b6lcfxln7] {
background: color-mix(in srgb, var(--section-yellow) 26%, var(--color-bg));
}

.support-section--faq[b-2b6lcfxln7] {
background: color-mix(in srgb, var(--section-lavender) 24%, var(--color-bg));
}

.support-section--contact[b-2b6lcfxln7] {
background: color-mix(in srgb, var(--section-mint) 28%, var(--color-bg));
}

.support-section__inner--narrow[b-2b6lcfxln7] {
width: min(100%, 56rem);
}

.support-section__header[b-2b6lcfxln7] {
margin-bottom: var(--space-8);
}

.support-section__header--left[b-2b6lcfxln7] {
margin-bottom: var(--space-6);
}

.support-section__header--left :global(.tovelin-section-header)[b-2b6lcfxln7] {
justify-items: start;
text-align: left;
}

.support-category-grid[b-2b6lcfxln7],
.support-article-grid[b-2b6lcfxln7],
.support-guide-grid[b-2b6lcfxln7] {
display: grid;
gap: clamp(1rem, 2vw, 1.5rem);
}

.support-category-grid[b-2b6lcfxln7] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.support-article-grid[b-2b6lcfxln7] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-guide-grid[b-2b6lcfxln7] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.support-category-card[b-2b6lcfxln7],
.support-article-card[b-2b6lcfxln7],
.support-guide-card[b-2b6lcfxln7],
.support-contact__status[b-2b6lcfxln7],
.support-contact__form[b-2b6lcfxln7] {
display: grid;
align-content: start;
gap: var(--space-3);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.support-category-card__icon[b-2b6lcfxln7],
.support-guide-card__number[b-2b6lcfxln7] {
width: 3rem;
height: 3rem;
display: grid;
place-items: center;
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--section-blue) 26%, var(--color-surface));
color: var(--color-primary);
font-size: 1.1rem;
font-weight: var(--font-weight-bold);
}

.support-article-card[b-2b6lcfxln7] {
grid-template-columns: minmax(0, 1fr);
}

.support-article-card__copy[b-2b6lcfxln7] {
display: grid;
gap: var(--space-2);
}

.support-article-card__link[b-2b6lcfxln7] {
display: inline-flex;
align-items: center;
gap: 0.5rem;
}

.support-faq[b-2b6lcfxln7] {
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
overflow: hidden;
}

.support-faq[b-2b6lcfxln7]  .tovelin-accordion__item {
border-bottom: 1px solid var(--color-border);
}

.support-faq[b-2b6lcfxln7]  .tovelin-accordion__item:last-child {
border-bottom: none;
}

.support-faq[b-2b6lcfxln7]  .tovelin-accordion__trigger {
padding: 1.35rem 1.5rem;
}

.support-faq[b-2b6lcfxln7]  .tovelin-accordion__panel-inner {
padding: 0 1.5rem 1.35rem;
}

.support-contact-strip[b-2b6lcfxln7] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-4);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: color-mix(in srgb, var(--section-blue) 14%, var(--color-surface));
box-shadow: var(--shadow-soft);
}

.support-contact-strip__actions[b-2b6lcfxln7],
.support-contact__form-actions[b-2b6lcfxln7],
.support-cta__actions[b-2b6lcfxln7] {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}

.support-contact[b-2b6lcfxln7] {
align-items: start;
}

.support-contact__copy[b-2b6lcfxln7] {
display: grid;
gap: var(--space-4);
}

.support-contact__status-list[b-2b6lcfxln7] {
display: grid;
gap: var(--space-2);
margin: 0;
padding: 0;
list-style: none;
}

.support-contact__status-list li[b-2b6lcfxln7] {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
padding-block: 0.35rem;
border-bottom: 1px solid color-mix(in srgb, var(--color-border) 82%, transparent);
}

.support-contact__status-list li:last-child[b-2b6lcfxln7] {
border-bottom: none;
}

.support-contact__field-group[b-2b6lcfxln7] {
margin-bottom: var(--space-4);
}

.support-contact__form-header[b-2b6lcfxln7] {
display: grid;
gap: var(--space-2);
}

.support-contact__form-actions[b-2b6lcfxln7] {
align-items: center;
}

.support-contact__form-shell[b-2b6lcfxln7] {
margin: 0;
}

.support-contact__form[b-2b6lcfxln7]  .tovelin-form-section__body {
display: grid;
gap: var(--space-4);
}

.support-contact__form[b-2b6lcfxln7]  .tovelin-form-section__footer {
padding-top: var(--space-2);
}

.support-contact__honeypot[b-2b6lcfxln7] {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}

.support-contact__turnstile-shell[b-2b6lcfxln7] {
display: grid;
gap: var(--space-2);
}

.support-contact__turnstile[b-2b6lcfxln7] {
min-height: 4.25rem;
}

.support-contact__turnstile-text[b-2b6lcfxln7] {
margin: 0;
color: var(--color-muted);
font-size: var(--font-size-small);
line-height: var(--line-height-relaxed);
}

.support-cta[b-2b6lcfxln7] {
padding-block: clamp(4rem, 8vw, 6rem);
background: color-mix(in srgb, var(--section-lavender) 36%, var(--color-bg));
}

.support-cta__inner[b-2b6lcfxln7] {
display: grid;
justify-items: center;
gap: var(--space-4);
text-align: center;
}

.support-cta p[b-2b6lcfxln7] {
max-width: 32rem;
margin: 0;
color: var(--color-muted);
font-size: var(--font-size-body-lg);
}

.support-footer[b-2b6lcfxln7] {
display: grid;
grid-template-columns: minmax(12rem, 1.35fr) repeat(3, minmax(8rem, 1fr));
gap: clamp(1.5rem, 4vw, 3rem);
padding-block: var(--space-8);
border-top: 1px solid var(--color-border);
background: var(--color-surface-muted);
}

.support-footer__brand[b-2b6lcfxln7],
.support-footer > div[b-2b6lcfxln7] {
display: grid;
align-content: start;
gap: var(--space-3);
}

.support-footer__mark[b-2b6lcfxln7] {
width: 1.85rem;
height: 1.85rem;
display: grid;
place-items: center;
border-radius: var(--control-radius-brand-mark);
background: var(--color-primary);
color: var(--color-on-primary);
font-weight: var(--font-weight-bold);
}

.support-footer a[b-2b6lcfxln7] {
color: var(--color-muted);
font-size: var(--font-size-small);
text-decoration: none;
}

.support-footer__legal[b-2b6lcfxln7] {
display: flex;
justify-content: space-between;
gap: var(--space-3);
padding-block: var(--space-4) var(--space-8);
border-top: 1px solid var(--color-border);
background: var(--color-surface-muted);
font-size: var(--font-size-small);
}

.support-footer__legal-link[b-2b6lcfxln7] {
flex: 0 0 auto;
color: inherit;
}

@media (max-width: 980px) {
.support-hero__inner[b-2b6lcfxln7],
.support-contact[b-2b6lcfxln7],
.support-category-grid[b-2b6lcfxln7],
.support-article-grid[b-2b6lcfxln7],
.support-guide-grid[b-2b6lcfxln7],
.support-footer[b-2b6lcfxln7] {
grid-template-columns: 1fr;
}
.support-hero h1[b-2b6lcfxln7] {
font-size: clamp(3rem, 10vw, 4.5rem);
}
.support-contact-strip[b-2b6lcfxln7] {
flex-direction: column;
align-items: flex-start;
}
}

@media (max-width: 620px) {
.support-hero__search[b-2b6lcfxln7] {
grid-template-columns: 1fr;
}
.support-hero__search[b-2b6lcfxln7]  .tovelin-btn,
.support-contact__form-actions[b-2b6lcfxln7],
.support-contact__form-actions[b-2b6lcfxln7]  .tovelin-btn,
.support-cta__actions[b-2b6lcfxln7],
.support-cta__actions[b-2b6lcfxln7]  .tovelin-btn {
width: 100%;
}
.support-contact__form-actions[b-2b6lcfxln7],
.support-cta__actions[b-2b6lcfxln7] {
display: grid;
}
.support-hero__search[b-2b6lcfxln7]  .tovelin-btn,
.support-contact__form-actions[b-2b6lcfxln7]  .tovelin-btn,
.support-cta__actions[b-2b6lcfxln7]  .tovelin-btn {
justify-content: center;
}
.support-footer__legal[b-2b6lcfxln7] {
flex-direction: column;
align-items: flex-start;
}
}
/* _content/Tovelin.Shared.UI/Pages/SupportTicket.razor.rz.scp.css */
.support-ticket-page[b-wq26kv9jxq] {
min-height: 100vh;
padding: clamp(2rem, 5vw, 4rem) 1rem;
background:
radial-gradient(circle at 18% 12%, rgba(182, 226, 226, 0.55), transparent 34rem),
radial-gradient(circle at 84% 24%, rgba(238, 126, 101, 0.16), transparent 32rem),
var(--color-page-background);
}

.support-ticket-page__shell[b-wq26kv9jxq] {
width: min(880px, 100%);
margin: 0 auto;
display: grid;
gap: 1rem;
}

.support-ticket-page__header[b-wq26kv9jxq] {
display: grid;
gap: 0.45rem;
}

.support-ticket-page__header h1[b-wq26kv9jxq] {
margin: 0;
color: var(--color-text-strong);
font-family: var(--font-family-heading);
font-size: clamp(2.4rem, 6vw, 4.5rem);
line-height: 0.95;
}

.support-ticket-page__header p[b-wq26kv9jxq],
.support-ticket-page__summary p[b-wq26kv9jxq],
.support-ticket-page__message p[b-wq26kv9jxq] {
margin: 0;
color: var(--color-text-muted);
}

.support-ticket-page__kicker[b-wq26kv9jxq] {
margin: 0;
color: var(--color-primary);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}

.support-ticket-page__state[b-wq26kv9jxq],
.support-ticket-page__summary[b-wq26kv9jxq],
.support-ticket-page__conversation[b-wq26kv9jxq],
.support-ticket-page__reply[b-wq26kv9jxq] {
border: 1px solid var(--color-border);
border-radius: 1.25rem;
background: color-mix(in srgb, var(--color-surface) 94%, transparent);
box-shadow: var(--shadow-sm);
}

.support-ticket-page__state[b-wq26kv9jxq] {
padding: clamp(1.25rem, 4vw, 2rem);
}

.support-ticket-page__state h2[b-wq26kv9jxq] {
margin: 0.35rem 0 0;
font-family: var(--font-family-heading);
color: var(--color-text-strong);
}

.support-ticket-page__state-icon[b-wq26kv9jxq] {
display: inline-grid;
width: 3rem;
height: 3rem;
margin-bottom: 1rem;
place-items: center;
border-radius: 999px;
color: var(--color-primary);
background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
}

.support-ticket-page__state-icon i[b-wq26kv9jxq] {
animation: support-ticket-spin-b-wq26kv9jxq 1.1s linear infinite;
}

.support-ticket-page__summary[b-wq26kv9jxq] {
padding: 1.1rem 1.25rem;
display: flex;
gap: 1rem;
align-items: flex-start;
justify-content: space-between;
}

.support-ticket-page__summary span:first-child[b-wq26kv9jxq] {
color: var(--color-text-muted);
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.support-ticket-page__summary h2[b-wq26kv9jxq] {
margin: 0.25rem 0 0.2rem;
color: var(--color-text-strong);
font-family: var(--font-family-heading);
font-size: clamp(1.4rem, 3vw, 2rem);
}

.support-ticket-page__conversation[b-wq26kv9jxq] {
padding: clamp(1rem, 3vw, 1.4rem);
display: grid;
gap: 0.9rem;
}

.support-ticket-page__message[b-wq26kv9jxq] {
width: min(680px, 100%);
padding: 1rem;
border: 1px solid var(--color-border);
border-radius: 1rem;
background: var(--color-surface);
}

.support-ticket-page__message--admin[b-wq26kv9jxq] {
justify-self: end;
background: color-mix(in srgb, var(--color-info-surface, #dff2f2) 68%, var(--color-surface));
}

.support-ticket-page__message-meta[b-wq26kv9jxq] {
display: flex;
gap: 0.75rem;
align-items: baseline;
justify-content: space-between;
margin-bottom: 0.45rem;
}

.support-ticket-page__message-meta strong[b-wq26kv9jxq] {
color: var(--color-text-strong);
}

.support-ticket-page__message-meta span[b-wq26kv9jxq] {
color: var(--color-text-muted);
font-size: 0.86rem;
white-space: nowrap;
}

.support-ticket-page__attachments[b-wq26kv9jxq] {
list-style: none;
margin: 0.85rem 0 0;
padding: 0;
display: grid;
gap: 0.45rem;
}

.support-ticket-page__attachments a[b-wq26kv9jxq] {
display: inline-flex;
width: fit-content;
max-width: 100%;
gap: 0.45rem;
align-items: center;
padding: 0.45rem 0.65rem;
border: 1px solid var(--color-border);
border-radius: 999px;
color: var(--color-text-strong);
background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
text-decoration: none;
}

.support-ticket-page__attachments span[b-wq26kv9jxq] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.support-ticket-page__attachments small[b-wq26kv9jxq] {
color: var(--color-text-muted);
white-space: nowrap;
}

.support-ticket-page__reply[b-wq26kv9jxq] {
padding: clamp(1rem, 3vw, 1.4rem);
}

.support-ticket-page__actions[b-wq26kv9jxq] {
display: flex;
justify-content: flex-end;
margin-top: 1rem;
}

@keyframes support-ticket-spin-b-wq26kv9jxq {
to {
transform: rotate(360deg);
}
}

@media (max-width: 640px) {
.support-ticket-page[b-wq26kv9jxq] {
padding-inline: 0.75rem;
}
.support-ticket-page__summary[b-wq26kv9jxq],
.support-ticket-page__message-meta[b-wq26kv9jxq] {
flex-direction: column;
}
.support-ticket-page__message-meta[b-wq26kv9jxq] {
gap: 0.2rem;
}
.support-ticket-page__actions[b-wq26kv9jxq] {
justify-content: stretch;
}
.support-ticket-page__actions .tovelin-btn[b-wq26kv9jxq] {
width: 100%;
}
}
/* _content/Tovelin.Shared.UI/Pages/Terms.razor.rz.scp.css */
:host[b-b5zpj1liwk] {
display: block;
}

.policy-page[b-b5zpj1liwk] {
color: var(--color-text);
background: var(--color-bg);
}

.policy-hero[b-b5zpj1liwk],
.policy-section[b-b5zpj1liwk] {
padding-inline: clamp(1rem, 3vw, 3rem);
}

.policy-hero[b-b5zpj1liwk] {
padding-block: clamp(4.5rem, 8vw, 7rem);
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
background: color-mix(in srgb, var(--section-blue) 18%, var(--color-bg));
}

.policy-hero__inner[b-b5zpj1liwk],
.policy-section__inner[b-b5zpj1liwk] {
width: min(100%, 74rem);
margin-inline: auto;
}

.policy-hero__inner[b-b5zpj1liwk] {
display: grid;
gap: var(--space-4);
}

.policy-kicker[b-b5zpj1liwk] {
margin: 0;
text-transform: uppercase;
letter-spacing: var(--tracking-section);
font-size: var(--font-size-caption);
font-weight: var(--font-weight-semibold);
color: var(--color-kicker);
}

.policy-hero h1[b-b5zpj1liwk],
.policy-card h2[b-b5zpj1liwk] {
margin: 0;
letter-spacing: var(--tracking-tight);
line-height: 1.08;
}

.policy-hero h1[b-b5zpj1liwk] {
max-width: 15ch;
font-size: clamp(2.6rem, 6vw, 4.5rem);
font-weight: var(--font-weight-bold);
}

.policy-hero__lede[b-b5zpj1liwk],
.policy-card p[b-b5zpj1liwk] {
margin: 0;
color: var(--color-muted);
font-size: var(--font-size-body-lg);
line-height: var(--line-height-relaxed);
}

.policy-section[b-b5zpj1liwk] {
padding-block: clamp(4rem, 7vw, 5.5rem);
}

.policy-section__inner[b-b5zpj1liwk] {
display: grid;
gap: var(--space-4);
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.policy-card[b-b5zpj1liwk] {
display: grid;
gap: var(--space-3);
padding: var(--space-5);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-surface);
box-shadow: var(--shadow-soft);
}

.policy-card h2[b-b5zpj1liwk] {
font-size: var(--font-size-h3);
font-weight: var(--font-weight-semibold);
}

.policy-card__link[b-b5zpj1liwk] {
justify-self: start;
padding: 0;
min-height: auto;
border-color: transparent;
background: transparent;
box-shadow: none;
color: var(--color-muted);
font-weight: var(--font-weight-medium);
text-decoration: none;
transform: none;
}

.policy-card__link:hover[b-b5zpj1liwk],
.policy-card__link:focus-visible[b-b5zpj1liwk] {
color: var(--color-text);
text-decoration: underline;
box-shadow: none;
transform: none;
}

@media (max-width: 980px) {
.policy-section__inner[b-b5zpj1liwk] {
grid-template-columns: 1fr;
}
.policy-hero h1[b-b5zpj1liwk] {
font-size: clamp(2.8rem, 11vw, 4.2rem);
}
}