/* _content/Nutrir.Web/Components/Account/Shared/ManageLayout.razor.rz.scp.css */
/* ── Manage Page Layout ───────────────────────────────── */
.manage-page[b-1sxzqr856s] {
    max-width: 960px;
    padding: var(--space-8);
}

/* ── Page Header ─────────────────────────────────────── */
.page-header[b-1sxzqr856s] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin-bottom: var(--space-8);
}

.page-title[b-1sxzqr856s] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-text);
}

.page-subtitle[b-1sxzqr856s] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

/* ── Body Layout ─────────────────────────────────────── */
.manage-body[b-1sxzqr856s] {
    display: flex;
    gap: var(--space-8);
}

.manage-sidebar[b-1sxzqr856s] {
    width: 200px;
    flex-shrink: 0;
}

.manage-content[b-1sxzqr856s] {
    flex: 1;
    min-width: 0;
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    padding: var(--space-6);
}

/* ── Deep: Settings Section ─────────────────────────── */
[b-1sxzqr856s] .settings-section {
    animation: sectionFadeIn-b-1sxzqr856s 0.35s var(--ease-default) backwards;
}

[b-1sxzqr856s] .settings-section + .settings-section {
    margin-top: var(--space-8);
    padding-top: var(--space-8);
    border-top: 1px solid var(--color-border);
}

/* ── Deep: Section Heading ──────────────────────────── */
[b-1sxzqr856s] .section-heading {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-1);
}

[b-1sxzqr856s] .section-heading svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: var(--color-primary);
}

/* ── Deep: Section Description ──────────────────────── */
[b-1sxzqr856s] .section-desc {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-4);
    line-height: var(--leading-relaxed);
}

/* ── Deep: Section Body ─────────────────────────────── */
[b-1sxzqr856s] .section-body {
    /* intentionally minimal — content defines spacing */
}

/* ── Deep: Sub-sections ─────────────────────────────── */
[b-1sxzqr856s] .sub-heading {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-1);
}

[b-1sxzqr856s] .sub-desc {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-3);
}

/* ── Deep: Section Divider ──────────────────────────── */
[b-1sxzqr856s] .section-divider {
    border: none;
    border-top: 1px solid var(--color-border);
    margin: var(--space-6) 0;
}

/* ── Deep: Form Styling ─────────────────────────────── */
[b-1sxzqr856s] .form-group {
    margin-bottom: var(--space-4);
}

[b-1sxzqr856s] .form-group:last-child {
    margin-bottom: 0;
}

[b-1sxzqr856s] .form-label {
    display: block;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: var(--space-1);
}

[b-1sxzqr856s] .form-input {
    display: block;
    width: 100%;
    max-width: 400px;
    padding: var(--space-2) var(--space-3);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text);
    background: var(--color-bg-input);
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius-md);
    transition: border-color var(--duration-fast) var(--ease-default),
                box-shadow var(--duration-fast) var(--ease-default);
}

[b-1sxzqr856s] .form-input:focus {
    outline: none;
    border-color: var(--color-border-focus);
    box-shadow: 0 0 0 3px var(--color-primary-muted);
}

[b-1sxzqr856s] .form-input:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background: var(--color-bg-alt);
}

[b-1sxzqr856s] .form-hint {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    margin-top: var(--space-1);
}

[b-1sxzqr856s] .form-error {
    font-size: var(--text-xs);
    color: var(--color-error);
    margin-top: var(--space-1);
}

/* ── Deep: Buttons ──────────────────────────────────── */
[b-1sxzqr856s] .btn {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    font-weight: 500;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-default);
    text-decoration: none;
}

[b-1sxzqr856s] .btn-primary {
    background: var(--color-primary);
    color: var(--color-text-on-primary);
    border-color: var(--color-primary);
}

[b-1sxzqr856s] .btn-primary:hover {
    opacity: 0.9;
}

[b-1sxzqr856s] .btn-danger {
    background: var(--color-error);
    color: #fff;
    border-color: var(--color-error);
}

[b-1sxzqr856s] .btn-danger:hover {
    opacity: 0.9;
}

[b-1sxzqr856s] .btn-outline {
    background: transparent;
    color: var(--color-text);
    border-color: var(--color-border);
}

[b-1sxzqr856s] .btn-outline:hover {
    background: var(--color-bg-alt);
    border-color: var(--color-text-muted);
}

[b-1sxzqr856s] .btn-sm {
    padding: var(--space-1) var(--space-3);
    font-size: var(--text-xs);
}

/* ── Deep: Button Row ───────────────────────────────── */
[b-1sxzqr856s] .auth-actions {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

/* ── Deep: Badges / Status Indicators ───────────────── */
[b-1sxzqr856s] .badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px var(--space-2);
    font-size: var(--text-xs);
    font-weight: 500;
    border-radius: var(--radius-full);
    line-height: var(--leading-normal);
}

[b-1sxzqr856s] .badge::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    flex-shrink: 0;
}

[b-1sxzqr856s] .badge-success {
    color: var(--color-success);
}

[b-1sxzqr856s] .badge-success::before {
    background: var(--color-success);
}

[b-1sxzqr856s] .badge-warning {
    color: var(--color-warning);
}

[b-1sxzqr856s] .badge-warning::before {
    background: var(--color-warning);
}

/* ── Deep: Callouts (left-border style) ─────────────── */
[b-1sxzqr856s] .callout {
    padding: var(--space-3) var(--space-4);
    border-left: 3px solid;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    margin-bottom: var(--space-4);
}

[b-1sxzqr856s] .callout:last-child {
    margin-bottom: 0;
}

[b-1sxzqr856s] .callout strong {
    display: block;
    margin-bottom: var(--space-1);
}

[b-1sxzqr856s] .callout-warning {
    border-left-color: var(--color-warning);
    background: color-mix(in srgb, var(--color-warning) 6%, transparent);
    color: var(--color-text);
}

[b-1sxzqr856s] .callout-danger {
    border-left-color: var(--color-error);
    background: color-mix(in srgb, var(--color-error) 6%, transparent);
    color: var(--color-text);
}

[b-1sxzqr856s] .callout-info {
    border-left-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 6%, transparent);
    color: var(--color-text);
}

/* Legacy alert classes — map to callout style */
[b-1sxzqr856s] .alert {
    padding: var(--space-3) var(--space-4);
    border-left: 3px solid;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    margin-bottom: var(--space-4);
}

[b-1sxzqr856s] .alert:last-child {
    margin-bottom: 0;
}

[b-1sxzqr856s] .alert strong {
    display: block;
    margin-bottom: var(--space-1);
}

[b-1sxzqr856s] .alert-warning {
    border-left-color: var(--color-warning);
    background: color-mix(in srgb, var(--color-warning) 6%, transparent);
    color: var(--color-text);
}

[b-1sxzqr856s] .alert-error {
    border-left-color: var(--color-error);
    background: color-mix(in srgb, var(--color-error) 6%, transparent);
    color: var(--color-text);
}

[b-1sxzqr856s] .alert-info {
    border-left-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 6%, transparent);
    color: var(--color-text);
}

/* ── Deep: Setting Rows ─────────────────────────────── */
[b-1sxzqr856s] .setting-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-2) 0;
}

[b-1sxzqr856s] .setting-row + .setting-row {
    border-top: 1px solid color-mix(in srgb, var(--color-border) 50%, transparent);
}

[b-1sxzqr856s] .setting-label {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

[b-1sxzqr856s] .setting-value {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text);
}

/* ── Deep: Danger Zone ──────────────────────────────── */
[b-1sxzqr856s] .danger-zone {
    margin-top: var(--space-8);
    padding-top: var(--space-6);
    border-top: 1px solid color-mix(in srgb, var(--color-error) 30%, transparent);
}

[b-1sxzqr856s] .danger-zone .section-heading {
    color: var(--color-error);
}

[b-1sxzqr856s] .danger-zone .section-heading svg {
    color: var(--color-error);
}

/* ── Deep: Status Message ───────────────────────────── */
[b-1sxzqr856s] .status-message {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    margin-bottom: var(--space-4);
}

/* ── Deep: Flex Utilities ───────────────────────────── */
[b-1sxzqr856s] .flex { display: flex; }
[b-1sxzqr856s] .flex-col { flex-direction: column; }
[b-1sxzqr856s] .flex-1 { flex: 1; }
[b-1sxzqr856s] .flex-wrap { flex-wrap: wrap; }
[b-1sxzqr856s] .items-center { align-items: center; }
[b-1sxzqr856s] .gap-2 { gap: var(--space-2); }
[b-1sxzqr856s] .gap-3 { gap: var(--space-3); }
[b-1sxzqr856s] .gap-4 { gap: var(--space-4); }
[b-1sxzqr856s] .mb-2 { margin-bottom: var(--space-2); }
[b-1sxzqr856s] .mb-4 { margin-bottom: var(--space-4); }
[b-1sxzqr856s] .mb-6 { margin-bottom: var(--space-6); }
[b-1sxzqr856s] .mt-4 { margin-top: var(--space-4); }
[b-1sxzqr856s] .p-4 { padding: var(--space-4); }

/* ── Deep: Text Utilities ───────────────────────────── */
[b-1sxzqr856s] .text-sm { font-size: var(--text-sm); }
[b-1sxzqr856s] .text-muted,
[b-1sxzqr856s] .text-sm.text-muted { color: var(--color-text-muted); }
[b-1sxzqr856s] .font-mono { font-family: var(--font-mono, monospace); }

/* ── Deep: List Steps ───────────────────────────────── */
[b-1sxzqr856s] .list-steps {
    counter-reset: step;
    list-style: none;
    padding: 0;
}

[b-1sxzqr856s] .list-steps > li {
    counter-increment: step;
    margin-bottom: var(--space-6);
    padding-left: var(--space-8);
    position: relative;
    font-size: var(--text-sm);
    color: var(--color-text);
    line-height: var(--leading-relaxed);
}

[b-1sxzqr856s] .list-steps > li::before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--color-primary);
    background: var(--color-primary-muted);
    border-radius: var(--radius-full);
}

/* ── Deep: Recovery Codes ───────────────────────────── */
[b-1sxzqr856s] .recovery-codes {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--space-2);
    margin-bottom: var(--space-4);
}

[b-1sxzqr856s] .recovery-codes code {
    display: block;
    padding: var(--space-2) var(--space-3);
    font-family: var(--font-mono, monospace);
    font-size: var(--text-sm);
    background: var(--color-bg-alt);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    text-align: center;
}

/* ── Deep: Links ────────────────────────────────────── */
[b-1sxzqr856s] a {
    color: var(--color-primary);
    text-decoration: none;
}

[b-1sxzqr856s] a:hover {
    text-decoration: underline;
}

/* ── Section Fade In Animation ──────────────────────── */
@keyframes sectionFadeIn-b-1sxzqr856s {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 768px) {
    .manage-page[b-1sxzqr856s] {
        padding: var(--space-4);
    }

    .manage-body[b-1sxzqr856s] {
        flex-direction: column;
        gap: var(--space-4);
    }

    .manage-sidebar[b-1sxzqr856s] {
        width: 100%;
    }

    .manage-content[b-1sxzqr856s] {
        padding: var(--space-4);
    }
}
/* _content/Nutrir.Web/Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
/* ── Nav Container ────────────────────────────────────── */
.manage-nav[b-4uus66m3gg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

/* ── Nav Links ───────────────────────────────────────── */
.manage-nav[b-4uus66m3gg]  a {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text-muted);
    text-decoration: none;
    border-left: 2px solid transparent;
    border-radius: 0;
    transition: all var(--duration-fast) var(--ease-default);
}

.manage-nav[b-4uus66m3gg]  a svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    stroke: currentColor;
}

.manage-nav[b-4uus66m3gg]  a:hover {
    color: var(--color-text);
    transform: translateX(1px);
    background: none;
}

/* ── Active State ────────────────────────────────────── */
.manage-nav[b-4uus66m3gg]  a.active {
    border-left-color: var(--color-primary);
    color: var(--color-primary);
    font-weight: 600;
    background: none;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 768px) {
    .manage-nav[b-4uus66m3gg] {
        flex-direction: row;
        overflow-x: auto;
        gap: 0;
        padding-bottom: var(--space-2);
        border-bottom: 1px solid var(--color-border);
    }

    .manage-nav[b-4uus66m3gg]  a {
        white-space: nowrap;
        border-left: none;
        border-bottom: 2px solid transparent;
        padding: var(--space-2) var(--space-3);
    }

    .manage-nav[b-4uus66m3gg]  a:hover {
        transform: none;
    }

    .manage-nav[b-4uus66m3gg]  a.active {
        border-left-color: transparent;
        border-bottom-color: var(--color-primary);
    }
}
/* _content/Nutrir.Web/Components/Layout/AiAssistantPanel.razor.rz.scp.css */
/* AI Assistant Panel — right-side drawer overlay */

.cc-ai-panel[b-vhrc2xl7si] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    max-width: 100vw;
    background: var(--color-bg);
    border-left: 1px solid var(--color-border);
    box-shadow: var(--shadow-lg);
    display: flex;
    flex-direction: column;
    z-index: 500;
    transform: translateX(100%);
    transition: transform var(--duration-normal) ease, width var(--duration-normal) ease;
}

.cc-ai-panel--open[b-vhrc2xl7si] {
    transform: translateX(0);
}

.cc-ai-panel--wide[b-vhrc2xl7si] {
    width: 700px;
}

/* Wide toggle button active state */
.cc-ai-wide-toggle--active[b-vhrc2xl7si] {
    color: var(--color-primary);
}

/* Header */
.cc-ai-header[b-vhrc2xl7si] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    flex-shrink: 0;
}

.cc-ai-header-left[b-vhrc2xl7si] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-weight: 600;
    font-size: var(--text-sm);
    color: var(--color-text);
}

.cc-ai-header-left svg[b-vhrc2xl7si] {
    color: var(--color-primary);
}

.cc-ai-header-right[b-vhrc2xl7si] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.cc-ai-header-btn[b-vhrc2xl7si] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text-muted);
    cursor: pointer;
    transition: background var(--duration-fast), color var(--duration-fast);
}

.cc-ai-header-btn:hover[b-vhrc2xl7si] {
    background: var(--color-bg-alt);
    color: var(--color-text);
}

/* Messages area */
.cc-ai-messages[b-vhrc2xl7si] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* Welcome state */
.cc-ai-welcome[b-vhrc2xl7si] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
    padding: var(--space-8) var(--space-4);
    text-align: center;
    flex: 1;
}

.cc-ai-welcome-icon[b-vhrc2xl7si] {
    color: var(--color-primary);
    opacity: 0.6;
}

.cc-ai-welcome-text[b-vhrc2xl7si] {
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    margin: 0;
}

/* Starter chips */
.cc-ai-starters[b-vhrc2xl7si] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    width: 100%;
    max-width: 300px;
}

.cc-ai-starter[b-vhrc2xl7si] {
    display: block;
    width: 100%;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg);
    color: var(--color-text);
    font-size: var(--text-xs);
    text-align: left;
    cursor: pointer;
    transition: background var(--duration-fast), border-color var(--duration-fast);
}

.cc-ai-starter:hover[b-vhrc2xl7si] {
    background: var(--color-primary-muted);
    border-color: var(--color-primary);
}

/* Message bubbles */
.cc-ai-msg[b-vhrc2xl7si] {
    display: flex;
    max-width: 100%;
    min-width: 0;
}

.cc-ai-msg--user[b-vhrc2xl7si] {
    justify-content: flex-end;
}

.cc-ai-msg--assistant[b-vhrc2xl7si] {
    justify-content: flex-start;
}

.cc-ai-msg-content[b-vhrc2xl7si] {
    max-width: 90%;
    min-width: 0;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    overflow-wrap: break-word;
    word-break: break-word;
    overflow-x: auto;
}

.cc-ai-msg--user .cc-ai-msg-content[b-vhrc2xl7si] {
    background: var(--color-primary);
    color: white;
    border-bottom-right-radius: var(--radius-xs);
}

.cc-ai-msg--assistant .cc-ai-msg-content[b-vhrc2xl7si] {
    background: var(--color-bg-alt);
    color: var(--color-text);
    border-bottom-left-radius: var(--radius-xs);
}

/* Markdown content styling */
.cc-ai-msg--assistant .cc-ai-msg-content code[b-vhrc2xl7si] {
    background: var(--color-bg);
    padding: 1px 4px;
    border-radius: var(--radius-xs);
    font-size: var(--text-xs);
}

.cc-ai-msg--assistant .cc-ai-msg-content pre[b-vhrc2xl7si] {
    background: var(--color-bg);
    padding: var(--space-2);
    border-radius: var(--radius-sm);
    overflow-x: auto;
    margin: var(--space-2) 0;
}

.cc-ai-msg--assistant .cc-ai-msg-content pre code[b-vhrc2xl7si] {
    background: transparent;
    padding: 0;
}

.cc-ai-msg--assistant .cc-ai-msg-content ul[b-vhrc2xl7si],
.cc-ai-msg--assistant .cc-ai-msg-content ol[b-vhrc2xl7si] {
    margin: 0.25rem 0;
    padding-left: var(--space-4);
}

.cc-ai-msg--assistant .cc-ai-msg-content li[b-vhrc2xl7si] {
    margin-left: 0;
    margin-bottom: var(--space-1);
    line-height: var(--leading-normal);
}

.cc-ai-msg--assistant .cc-ai-msg-content li[b-vhrc2xl7si]::marker {
    color: var(--color-primary);
}

/* Header hierarchy */
[b-vhrc2xl7si] .cc-ai-h1 {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 700;
    margin: 0.75rem 0 0.25rem;
    padding-bottom: var(--space-1);
    border-bottom: 1px solid var(--color-primary-muted);
}

[b-vhrc2xl7si] .cc-ai-h2 {
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: 600;
    margin: 0.5rem 0 0.25rem;
}

[b-vhrc2xl7si] .cc-ai-h3 {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    margin: 0.375rem 0 0.125rem;
}

/* Table wrapper for horizontal scroll */
[b-vhrc2xl7si] .cc-ai-table-wrap {
    overflow-x: auto;
    margin: 0.5rem 0;
    padding-bottom: 0.375rem;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}

/* Table styling */
[b-vhrc2xl7si] .cc-ai-table {
    border-collapse: collapse;
    font-size: var(--text-xs);
    white-space: nowrap;
    width: 100%;
}

[b-vhrc2xl7si] .cc-ai-table th,
[b-vhrc2xl7si] .cc-ai-table td {
    padding: var(--space-1) var(--space-2);
    border-bottom: 1px solid var(--color-border);
    text-align: left;
}

[b-vhrc2xl7si] .cc-ai-table th {
    background: var(--color-bg-alt);
    font-weight: 600;
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
}

[b-vhrc2xl7si] .cc-ai-table tbody tr:last-child td {
    border-bottom: none;
}

[b-vhrc2xl7si] .cc-ai-table tbody tr:hover {
    background: color-mix(in srgb, var(--color-primary) 4%, transparent);
}

/* Status badges in tables */
[b-vhrc2xl7si] .cc-ai-status-success {
    display: inline-block;
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: 500;
    background: rgba(34, 134, 58, 0.12);
    color: var(--color-success, #22863a);
}

[b-vhrc2xl7si] .cc-ai-status-warning {
    display: inline-block;
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: 500;
    background: rgba(230, 168, 23, 0.12);
    color: var(--color-warning, #e6a817);
}

[b-vhrc2xl7si] .cc-ai-status-error {
    display: inline-block;
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: 500;
    background: rgba(215, 58, 73, 0.12);
    color: var(--color-error, #d73a49);
}

/* Blockquote styling */
[b-vhrc2xl7si] .cc-ai-blockquote {
    margin: var(--space-2) 0;
    padding: var(--space-2) var(--space-3);
    border-left: 3px solid var(--color-primary);
    background: var(--color-primary-muted);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

/* Horizontal rule styling */
[b-vhrc2xl7si] hr {
    border: none;
    border-top: 1px solid var(--color-border);
    margin: var(--space-3) 0;
}

/* Entity link chips */
[b-vhrc2xl7si] .cc-ai-entity-chip {
    display: inline;
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    background: var(--color-primary-muted);
    color: var(--color-primary);
    font-weight: 500;
    font-size: inherit;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--duration-fast);
}

[b-vhrc2xl7si] .cc-ai-entity-chip:hover {
    background: color-mix(in srgb, var(--color-primary) 20%, transparent);
    text-decoration: none;
}

/* Tool status indicator */
.cc-ai-tool-status[b-vhrc2xl7si] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-2);
    color: var(--color-text-muted);
    font-size: var(--text-xs);
    font-style: italic;
}

.cc-ai-tool-spinner[b-vhrc2xl7si] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid var(--color-border);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: ai-spin-b-vhrc2xl7si 0.8s linear infinite;
}

@keyframes ai-spin-b-vhrc2xl7si {
    to { transform: rotate(360deg); }
}

/* Suggestion dropdown */
.cc-ai-suggestions[b-vhrc2xl7si] {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg);
    margin-bottom: var(--space-2);
}

.cc-ai-suggestion[b-vhrc2xl7si] {
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-text);
    cursor: pointer;
    transition: background var(--duration-fast), color var(--duration-fast);
}

.cc-ai-suggestion:hover[b-vhrc2xl7si],
.cc-ai-suggestion--active[b-vhrc2xl7si] {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

/* Input area */
.cc-ai-input-area[b-vhrc2xl7si] {
    padding: var(--space-3) var(--space-4);
    border-top: 1px solid var(--color-border);
    flex-shrink: 0;
}

.cc-ai-input-row[b-vhrc2xl7si] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

.cc-ai-input-row input[b-vhrc2xl7si] {
    flex: 1;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg);
    color: var(--color-text);
    font-size: var(--text-sm);
    font-family: inherit;
    outline: none;
    transition: border-color var(--duration-fast);
}

.cc-ai-input-row input:focus[b-vhrc2xl7si] {
    border-color: var(--color-primary);
}

.cc-ai-input-row input:disabled[b-vhrc2xl7si] {
    opacity: 0.6;
    cursor: not-allowed;
}

.cc-ai-send-btn[b-vhrc2xl7si] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: none;
    border-radius: var(--radius-md);
    background: var(--color-primary);
    color: white;
    cursor: pointer;
    flex-shrink: 0;
    transition: opacity var(--duration-fast);
}

.cc-ai-send-btn:hover:not(:disabled)[b-vhrc2xl7si] {
    opacity: 0.9;
}

.cc-ai-send-btn:disabled[b-vhrc2xl7si] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Confirmation dialog */
.cc-ai-confirmation[b-vhrc2xl7si] {
    margin-top: var(--space-2);
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg);
}

.cc-ai-confirmation--elevated[b-vhrc2xl7si] {
    border-color: var(--color-warning, #e6a817);
    background: color-mix(in srgb, var(--color-warning, #e6a817) 6%, var(--color-bg));
}

.cc-ai-confirmation-desc[b-vhrc2xl7si] {
    margin: 0 0 var(--space-2);
    font-size: var(--text-xs);
    line-height: 1.5;
    color: var(--color-text);
    display: flex;
    align-items: flex-start;
    gap: var(--space-1);
    word-break: break-word;
}

.cc-ai-confirmation-icon[b-vhrc2xl7si] {
    flex-shrink: 0;
    color: var(--color-warning, #e6a817);
    margin-top: 1px;
}

.cc-ai-confirmation-actions[b-vhrc2xl7si] {
    display: flex;
    gap: var(--space-2);
}

.cc-ai-btn-allow[b-vhrc2xl7si] {
    padding: var(--space-1) var(--space-3);
    border: none;
    border-radius: var(--radius-sm);
    background: var(--color-success, #22863a);
    color: white;
    font-size: var(--text-xs);
    font-weight: 500;
    cursor: pointer;
    transition: opacity var(--duration-fast);
}

.cc-ai-btn-allow:hover[b-vhrc2xl7si] {
    opacity: 0.9;
}

.cc-ai-btn-deny[b-vhrc2xl7si] {
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text-muted);
    font-size: var(--text-xs);
    font-weight: 500;
    cursor: pointer;
    transition: background var(--duration-fast), color var(--duration-fast);
}

.cc-ai-btn-deny:hover[b-vhrc2xl7si] {
    background: var(--color-bg-alt);
    color: var(--color-text);
}

.cc-ai-confirmation-resolved[b-vhrc2xl7si] {
    margin: 0;
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    font-style: italic;
}

/* Entity detail card within confirmation */
.cc-ai-entity-card[b-vhrc2xl7si] {
    margin: var(--space-2) 0;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-bg-alt);
}

.cc-ai-entity-header[b-vhrc2xl7si] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-2);
    padding-bottom: var(--space-1);
    border-bottom: 1px solid var(--color-border);
}

.cc-ai-entity-name[b-vhrc2xl7si] {
    font-weight: 600;
    font-size: var(--text-xs);
    color: var(--color-text);
}

.cc-ai-entity-id[b-vhrc2xl7si] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.cc-ai-field-list[b-vhrc2xl7si] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cc-ai-field-row[b-vhrc2xl7si] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
    font-size: var(--text-xs);
    line-height: 1.6;
}

.cc-ai-field-label[b-vhrc2xl7si] {
    flex-shrink: 0;
    min-width: 80px;
    color: var(--color-text-muted);
    font-weight: 500;
}

.cc-ai-field-values[b-vhrc2xl7si] {
    display: flex;
    align-items: baseline;
    gap: var(--space-1);
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

.cc-ai-field-value--current[b-vhrc2xl7si] {
    color: var(--color-text-muted);
    text-decoration: line-through;
}

.cc-ai-field-arrow[b-vhrc2xl7si] {
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.cc-ai-field-value--proposed[b-vhrc2xl7si] {
    color: var(--color-text);
    font-weight: 500;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .cc-ai-panel[b-vhrc2xl7si] {
        width: 100vw;
    }

    .cc-ai-panel--wide[b-vhrc2xl7si] {
        width: 100vw;
    }

    .cc-ai-wide-toggle[b-vhrc2xl7si] {
        display: none;
    }
}

/* Confirmation warning banner */
.cc-ai-confirmation-warning[b-vhrc2xl7si] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 8px 10px;
    margin: 8px 0;
    background: color-mix(in srgb, var(--color-warning, #f59e0b) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-warning, #f59e0b) 35%, transparent);
    border-radius: 6px;
    color: var(--color-warning-text, #92400e);
    font-size: 0.8rem;
    line-height: 1.4;
}

.cc-ai-confirmation-warning svg[b-vhrc2xl7si] {
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--color-warning, #f59e0b);
}
/* _content/Nutrir.Web/Components/Layout/AiToggleButton.razor.rz.scp.css */
.cc-ai-toggle[b-jfptxjdarh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-bg);
    color: var(--color-text-muted);
    cursor: pointer;
    transition: background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);
}

.cc-ai-toggle:hover[b-jfptxjdarh] {
    background: var(--color-bg-alt);
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.cc-ai-toggle--active[b-jfptxjdarh] {
    background: var(--color-primary-muted);
    color: var(--color-primary);
    border-color: var(--color-primary);
}
/* _content/Nutrir.Web/Components/Layout/AuthLayout.razor.rz.scp.css */
/* ── Page Layout ─────────────────────────────────────── */
.auth-page[b-sr8x73fbjy] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--color-bg);
}

.auth-container[b-sr8x73fbjy] {
    width: 100%;
    max-width: 480px;
    padding: var(--space-6);
}

.auth-logo[b-sr8x73fbjy] {
    width: 160px;
    height: auto;
}

/* ── Auth Card ───────────────────────────────────────── */
.auth-card[b-sr8x73fbjy] {
    padding: var(--space-8);
}

/* ── Card Entrance Animation ─────────────────────────── */
@keyframes sectionFadeIn-b-sr8x73fbjy {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.sectionFadeIn[b-sr8x73fbjy] {
    animation: sectionFadeIn-b-sr8x73fbjy 0.35s var(--ease-default) backwards;
}

/* ── Auth Page Headings ──────────────────────────────── */
.auth-card[b-sr8x73fbjy]  h2 {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 var(--space-2) 0;
}

.auth-card[b-sr8x73fbjy]  h3 {
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--color-text-muted);
    margin: 0 0 var(--space-2) 0;
}

/* Remove default h1 styling inside card — pages use h2 as visual title */
.auth-card[b-sr8x73fbjy]  h1 {
    display: none;
}

/* ── Auth Page Links ─────────────────────────────────── */
.auth-card[b-sr8x73fbjy]  a {
    color: var(--color-primary);
    text-decoration: none;
    font-size: var(--text-sm);
    transition: color var(--duration-fast) var(--ease-default);
}

.auth-card[b-sr8x73fbjy]  a:hover {
    text-decoration: underline;
    color: var(--color-primary-hover);
}

/* ── Form Groups & Labels ────────────────────────────── */
.auth-card[b-sr8x73fbjy]  .form-group {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.auth-card[b-sr8x73fbjy]  .form-label {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
}

/* ── Form Inputs ─────────────────────────────────────── */
.auth-card[b-sr8x73fbjy]  .form-input {
    padding: var(--space-2) var(--space-3);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text);
    background: var(--color-bg-input);
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius-md);
    transition: border-color var(--duration-fast) var(--ease-default),
                box-shadow var(--duration-fast) var(--ease-default);
}

.auth-card[b-sr8x73fbjy]  .form-input:focus {
    outline: none;
    border-color: var(--color-border-focus);
    box-shadow: 0 0 0 3px rgba(var(--rgb-primary), 0.15);
}

.auth-card[b-sr8x73fbjy]  .form-input::placeholder {
    color: var(--color-text-muted);
    opacity: 0.5;
}

/* ── Checkboxes ──────────────────────────────────────── */
.auth-card[b-sr8x73fbjy]  .form-checkbox {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.auth-card[b-sr8x73fbjy]  .form-checkbox label {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    cursor: pointer;
}

/* ── Buttons ─────────────────────────────────────────── */
.auth-card[b-sr8x73fbjy]  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    font-weight: 600;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-default);
    text-decoration: none;
    line-height: var(--leading-normal);
}

.auth-card[b-sr8x73fbjy]  .btn-primary {
    background: var(--color-primary);
    color: var(--color-text-on-primary);
    border-color: var(--color-primary);
}

.auth-card[b-sr8x73fbjy]  .btn-primary:hover {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.auth-card[b-sr8x73fbjy]  .btn-primary:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(var(--rgb-primary), 0.3);
}

.auth-card[b-sr8x73fbjy]  .btn-outline {
    background: var(--color-bg-card);
    color: var(--color-text);
    border-color: var(--color-border-input);
}

.auth-card[b-sr8x73fbjy]  .btn-outline:hover {
    border-color: var(--color-border-hover);
    background: var(--color-bg-alt);
}

.auth-card[b-sr8x73fbjy]  .btn-outline:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(var(--rgb-primary), 0.15);
}

.auth-card[b-sr8x73fbjy]  .btn-lg {
    padding: var(--space-3) var(--space-5);
    font-size: var(--text-sm);
}

.auth-card[b-sr8x73fbjy]  .btn-block {
    width: 100%;
}

/* ── Status Messages ─────────────────────────────────── */
.auth-card[b-sr8x73fbjy]  .status-message {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-4);
    line-height: var(--leading-normal);
}

.auth-card[b-sr8x73fbjy]  .status-message-success {
    color: var(--color-success);
    background: color-mix(in srgb, var(--color-success) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-success) 20%, transparent);
}

.auth-card[b-sr8x73fbjy]  .status-message-error {
    color: var(--color-error);
    background: color-mix(in srgb, var(--color-error) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-error) 20%, transparent);
}

.auth-card[b-sr8x73fbjy]  .status-message svg {
    flex-shrink: 0;
    margin-top: 1px;
}

/* ── Form Error ──────────────────────────────────────── */
.auth-card[b-sr8x73fbjy]  .form-error {
    font-size: var(--text-xs);
    color: var(--color-error);
}

/* ── Divider ─────────────────────────────────────────── */
.auth-card[b-sr8x73fbjy]  .divider-text {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
}

.auth-card[b-sr8x73fbjy]  .divider-text::before,
.auth-card[b-sr8x73fbjy]  .divider-text::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--color-border);
}

/* ── Auth Form Section Spacing ───────────────────────── */
.auth-card[b-sr8x73fbjy]  .auth-form-section {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

/* ── Status Page Layout ──────────────────────────────── */
.auth-card[b-sr8x73fbjy]  .auth-status-icon {
    display: flex;
    justify-content: center;
    margin-bottom: var(--space-4);
}

.auth-card[b-sr8x73fbjy]  .auth-status-icon svg {
    width: 48px;
    height: 48px;
}

.auth-card[b-sr8x73fbjy]  .auth-status-title {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 var(--space-3) 0;
    display: block;
    text-align: center;
}

.auth-card[b-sr8x73fbjy]  .auth-status-text {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin: 0;
    line-height: 1.6;
    text-align: center;
}

/* ── Badge ───────────────────────────────────────────── */
.auth-card[b-sr8x73fbjy]  .badge {
    display: inline-flex;
    align-items: center;
    padding: var(--space-1) var(--space-2);
    font-size: var(--text-xs);
    font-weight: 600;
    border-radius: var(--radius-full);
    line-height: 1;
}

.auth-card[b-sr8x73fbjy]  .badge-primary {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 600px) {
    .auth-container[b-sr8x73fbjy] {
        padding: var(--space-4);
    }

    .auth-card[b-sr8x73fbjy] {
        padding: var(--space-6);
    }
}
/* _content/Nutrir.Web/Components/Layout/GlobalSearch.razor.rz.scp.css */
/* Dropdown container */
.search-dropdown[b-hbgf1cqudy] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: var(--space-2);
    min-width: 420px;
    max-width: 560px;
    max-height: 480px;
    overflow-y: auto;
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    z-index: 1001;
}

/* Transparent backdrop for click-outside */
.search-backdrop[b-hbgf1cqudy] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: transparent;
}

/* Section wrapper */
.search-section[b-hbgf1cqudy] {
    /* No extra styles needed, just a grouping element */
}

/* Section header */
.search-section-header[b-hbgf1cqudy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-2) var(--space-4);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-alt);
}

.search-section-header--first[b-hbgf1cqudy] {
    border-top: none;
}

.search-section-label[b-hbgf1cqudy] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-text-muted);
}

.search-section-count[b-hbgf1cqudy] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

/* Section footer */
.search-section-footer[b-hbgf1cqudy] {
    padding: var(--space-2) var(--space-4);
    border-bottom: 1px solid var(--color-border);
}

.search-section-footer a[b-hbgf1cqudy] {
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--color-primary);
    text-decoration: none;
}

.search-section-footer a:hover[b-hbgf1cqudy] {
    text-decoration: underline;
}

/* Result row */
.search-result-row[b-hbgf1cqudy] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    cursor: pointer;
    font-size: var(--text-sm);
    text-decoration: none;
    color: inherit;
    transition: background var(--duration-fast) var(--ease-default);
}

.search-result-row:hover[b-hbgf1cqudy] {
    background: rgba(var(--rgb-primary), 0.03);
}

.search-result-row--focused[b-hbgf1cqudy] {
    background: rgba(var(--rgb-primary), 0.06);
    outline: none;
}

.search-result-row:active[b-hbgf1cqudy] {
    background: rgba(var(--rgb-primary), 0.10);
}

/* Result icon circles */
.search-result-icon[b-hbgf1cqudy] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.6875rem;
    font-weight: 600;
}

.search-result-icon--clients[b-hbgf1cqudy] {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

.search-result-icon--appointments[b-hbgf1cqudy] {
    background: var(--color-secondary-muted);
    color: var(--color-secondary);
}

.search-result-icon--mealplans[b-hbgf1cqudy] {
    background: rgba(var(--rgb-accent), 0.15);
    color: var(--color-text-muted);
}

.search-result-icon--recent[b-hbgf1cqudy] {
    background: transparent;
    color: var(--color-accent);
}

.search-result-initials[b-hbgf1cqudy] {
    font-family: var(--font-display);
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* Result content */
.search-result-content[b-hbgf1cqudy] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.search-result-primary[b-hbgf1cqudy] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-result-secondary[b-hbgf1cqudy] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Result meta (status + chevron) */
.search-result-meta[b-hbgf1cqudy] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

.search-result-type[b-hbgf1cqudy] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.search-result-chevron[b-hbgf1cqudy] {
    color: var(--color-accent);
    opacity: 0;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.search-result-row:hover .search-result-chevron[b-hbgf1cqudy],
.search-result-row--focused .search-result-chevron[b-hbgf1cqudy] {
    opacity: 1;
}

/* Empty state */
.search-empty[b-hbgf1cqudy] {
    padding: var(--space-8) var(--space-4);
    text-align: center;
}

.search-empty-primary[b-hbgf1cqudy] {
    font-size: var(--text-sm);
    color: var(--color-text);
    margin-bottom: var(--space-1);
}

.search-empty-secondary[b-hbgf1cqudy] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

/* Ctrl+K hint inside search input */
.search-hint[b-hbgf1cqudy] {
    position: absolute;
    right: var(--space-3);
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 2px;
    pointer-events: none;
    transition: opacity var(--duration-fast) var(--ease-default);
}

/* Recent searches clear button */
.search-recent-clear[b-hbgf1cqudy] {
    background: none;
    border: none;
    padding: 0;
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    cursor: pointer;
}

.search-recent-clear:hover[b-hbgf1cqudy] {
    color: var(--color-primary);
}

/* Visually hidden for screen readers */
.visually-hidden[b-hbgf1cqudy] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Mobile full-screen overlay */
@media (max-width: 768px) {
    .search-dropdown[b-hbgf1cqudy] {
        position: fixed;
        inset: 0;
        min-width: unset;
        max-width: unset;
        max-height: unset;
        border-radius: 0;
        border: none;
        margin-top: 0;
        z-index: 1001;
        min-height: 100dvh;
        animation: slideUp-b-hbgf1cqudy 200ms var(--ease-default);
    }

    .search-backdrop[b-hbgf1cqudy] {
        display: none;
    }

    .search-result-row[b-hbgf1cqudy] {
        padding: var(--space-4);
    }
}

@keyframes slideUp-b-hbgf1cqudy {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}
/* _content/Nutrir.Web/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-y4jkejfx8x] {
    display: none;
}
/* _content/Nutrir.Web/Components/Pages/Admin/AiUsage.razor.rz.scp.css */
.ai-usage-page[b-yhcca3wf9v] {
    max-width: 960px;
    padding: var(--space-8);
}

.ai-usage-header[b-yhcca3wf9v] {
    margin-bottom: var(--space-6);
}

.ai-usage-title[b-yhcca3wf9v] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.ai-usage-subtitle[b-yhcca3wf9v] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.ai-usage-filters[b-yhcca3wf9v] {
    display: flex;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
    align-items: flex-end;
}

.ai-usage-filter-range[b-yhcca3wf9v] {
    min-width: 180px;
}

.ai-usage-back-btn[b-yhcca3wf9v] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-sm);
    color: var(--color-primary);
    background: none;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.ai-usage-back-btn:hover[b-yhcca3wf9v] {
    background-color: var(--color-bg-alt);
}

.ai-usage-loading[b-yhcca3wf9v] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

.ai-usage-empty[b-yhcca3wf9v] {
    padding: var(--space-8);
    text-align: center;
}

.ai-usage-empty-title[b-yhcca3wf9v] {
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-1);
}

.ai-usage-empty-desc[b-yhcca3wf9v] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.ai-usage-detail-header[b-yhcca3wf9v] {
    padding: var(--space-4);
    border-bottom: 1px solid var(--color-border);
}

.ai-usage-detail-title[b-yhcca3wf9v] {
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-1);
}

.ai-usage-detail-email[b-yhcca3wf9v] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.ai-usage-table[b-yhcca3wf9v] {
    width: 100%;
    border-collapse: collapse;
}

.ai-usage-table thead th[b-yhcca3wf9v] {
    text-align: left;
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
    border-bottom: 1px solid var(--color-border);
}

.ai-usage-table tbody tr[b-yhcca3wf9v] {
    transition: background-color 0.15s ease;
}

.ai-usage-table tbody tr:hover[b-yhcca3wf9v] {
    background-color: var(--color-bg-alt);
}

.ai-usage-clickable[b-yhcca3wf9v] {
    cursor: pointer;
}

.ai-usage-table tbody td[b-yhcca3wf9v] {
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    color: var(--color-text);
    border-bottom: 1px solid var(--color-border);
}

.ai-usage-table tbody tr:last-child td[b-yhcca3wf9v] {
    border-bottom: none;
}

.ai-usage-table tfoot td[b-yhcca3wf9v] {
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    border-top: 2px solid var(--color-border);
}

.ai-usage-totals[b-yhcca3wf9v] {
    background-color: var(--color-bg-alt);
}

.ai-usage-num[b-yhcca3wf9v] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.ai-usage-user-name[b-yhcca3wf9v] {
    font-weight: 500;
}

.ai-usage-user-email[b-yhcca3wf9v] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.ai-usage-date[b-yhcca3wf9v] {
    color: var(--color-text-muted);
    font-size: var(--text-xs);
}
/* _content/Nutrir.Web/Components/Pages/Admin/AuditLog.razor.rz.scp.css */
/* Page layout */
.audit-log-page[b-t96evgaajv] {
    max-width: 1200px;
    padding: var(--space-8);
}

.audit-log-header[b-t96evgaajv] {
    margin-bottom: var(--space-6);
}

.audit-log-title[b-t96evgaajv] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.audit-log-subtitle[b-t96evgaajv] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

/* Filter toolbar */
.audit-log-filters[b-t96evgaajv] {
    margin-bottom: var(--space-6);
}

.audit-log-filter-row[b-t96evgaajv] {
    display: flex;
    gap: var(--space-4);
    align-items: flex-end;
    flex-wrap: wrap;
}

.audit-log-filter-row[b-t96evgaajv]  .form-group {
    min-width: 140px;
    flex: 1;
}

.audit-log-filter-clear[b-t96evgaajv] {
    padding-bottom: var(--space-1);
}

/* Table card wrapper (per data-tables.md) */
.table-card[b-t96evgaajv] {
    background: white;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

/* Table */
.audit-table[b-t96evgaajv] {
    width: 100%;
    border-collapse: collapse;
}

.audit-table thead th[b-t96evgaajv] {
    text-align: left;
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
}

.audit-table thead th:first-child[b-t96evgaajv] {
    padding-left: var(--space-6);
}

.audit-table thead th:last-child[b-t96evgaajv] {
    padding-right: var(--space-6);
}

.audit-table tbody tr[b-t96evgaajv] {
    animation: rowFadeIn-b-t96evgaajv 0.3s ease both;
    transition: background-color 0.15s ease;
}

.audit-table tbody tr:hover[b-t96evgaajv] {
    background-color: var(--color-bg-alt);
}

.audit-table tbody td[b-t96evgaajv] {
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    color: var(--color-text);
    border-bottom: 1px solid var(--color-border);
    vertical-align: top;
}

.audit-table tbody td:first-child[b-t96evgaajv] {
    padding-left: var(--space-6);
}

.audit-table tbody td:last-child[b-t96evgaajv] {
    padding-right: var(--space-6);
}

.audit-table tbody tr:last-child td[b-t96evgaajv] {
    border-bottom: none;
}

/* Staggered row animation */
@keyframes rowFadeIn-b-t96evgaajv {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Timestamp stacked cell */
.audit-timestamp-cell[b-t96evgaajv] {
    white-space: nowrap;
}

.audit-timestamp-date[b-t96evgaajv] {
    font-weight: 500;
    font-size: var(--text-sm);
}

.audit-timestamp-time[b-t96evgaajv] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

/* Details truncation */
.audit-details-text[b-t96evgaajv] {
    display: inline-block;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

/* Loading state */
.audit-log-loading[b-t96evgaajv] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

/* Empty state */
.audit-log-empty[b-t96evgaajv] {
    padding: var(--space-8);
    text-align: center;
}

.audit-log-empty-title[b-t96evgaajv] {
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-1);
}

.audit-log-empty-desc[b-t96evgaajv] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

/* Pagination */
.audit-log-pagination[b-t96evgaajv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--space-4);
    gap: var(--space-4);
    flex-wrap: wrap;
}

.audit-log-pagination-info[b-t96evgaajv] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.audit-log-pagination-buttons[b-t96evgaajv] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.audit-log-pagination-ellipsis[b-t96evgaajv] {
    padding: var(--space-1) var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

/* Responsive: hide Entity ID at <= 860px */
@media (max-width: 860px) {
    .col-entity-id[b-t96evgaajv] {
        display: none;
    }

    .audit-log-filter-row[b-t96evgaajv] {
        gap: var(--space-3);
    }

    .audit-log-filter-row[b-t96evgaajv]  .form-group {
        min-width: 120px;
    }
}

/* Responsive: hide Details at <= 600px */
@media (max-width: 600px) {
    .col-details[b-t96evgaajv] {
        display: none;
    }

    .audit-log-page[b-t96evgaajv] {
        padding: var(--space-4);
    }

    .audit-table tbody td[b-t96evgaajv],
    .audit-table thead th[b-t96evgaajv] {
        padding: var(--space-2) var(--space-3);
    }

    .audit-table tbody td:first-child[b-t96evgaajv],
    .audit-table thead th:first-child[b-t96evgaajv] {
        padding-left: var(--space-3);
    }

    .audit-table tbody td:last-child[b-t96evgaajv],
    .audit-table thead th:last-child[b-t96evgaajv] {
        padding-right: var(--space-3);
    }

    .audit-log-pagination[b-t96evgaajv] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/Nutrir.Web/Components/Pages/Admin/DevTools.razor.rz.scp.css */
.dev-tools[b-5b8pedsmxp] {
    max-width: 720px;
    padding: var(--space-8);
}

.dev-tools-title[b-5b8pedsmxp] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.dev-tools-subtitle[b-5b8pedsmxp] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-8);
}

.dev-tools-grid[b-5b8pedsmxp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.dev-tools-section[b-5b8pedsmxp] {
    padding: var(--space-6);
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
}

.dev-tools-section-title[b-5b8pedsmxp] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-1);
}

.dev-tools-section-desc[b-5b8pedsmxp] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-4);
}

.dev-tools-section-desc code[b-5b8pedsmxp] {
    font-size: var(--text-xs);
    padding: 2px 6px;
    background: var(--color-bg-alt);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
}

.dev-tools-actions[b-5b8pedsmxp] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
}
/* _content/Nutrir.Web/Components/Pages/Admin/InviteCodes.razor.rz.scp.css */
/* ── Page Layout ──────────────────────────────────────── */
.invite-page[b-oxihwfh9sa] {
    max-width: 960px;
    padding: var(--space-8);
}

/* ── Page Header ─────────────────────────────────────── */
.page-header[b-oxihwfh9sa] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin-bottom: var(--space-6);
}

.page-title[b-oxihwfh9sa] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

.page-subtitle[b-oxihwfh9sa] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

/* ── Table Card ──────────────────────────────────────── */
.table-card[b-oxihwfh9sa] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
    margin-bottom: var(--space-6);
}

/* ── Section Header ──────────────────────────────────── */
.section-header[b-oxihwfh9sa] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-6);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-alt);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    user-select: none;
}

.section-header svg[b-oxihwfh9sa] {
    flex-shrink: 0;
    opacity: 0.7;
}

.section-header-label[b-oxihwfh9sa] {
    flex: 1;
}

.codes-count[b-oxihwfh9sa] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
}

.badge-dot[b-oxihwfh9sa] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
}

/* ── Generate Form ───────────────────────────────────── */
.generate-body[b-oxihwfh9sa] {
    padding: var(--space-6);
}

.generate-fields[b-oxihwfh9sa] {
    display: flex;
    align-items: flex-end;
    gap: var(--space-4);
}

.field-group[b-oxihwfh9sa] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.field-group:first-child[b-oxihwfh9sa] {
    min-width: 180px;
}

.field-group:nth-child(2)[b-oxihwfh9sa] {
    min-width: 120px;
}

.field-label[b-oxihwfh9sa] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
}

.field-select[b-oxihwfh9sa],
.field-input[b-oxihwfh9sa] {
    padding: var(--space-2) var(--space-3);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text);
    background: var(--color-bg-input);
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius-md);
    transition: border-color var(--duration-fast) var(--ease-default),
                box-shadow var(--duration-fast) var(--ease-default);
}

.field-select[b-oxihwfh9sa] {
    padding-right: var(--space-8);
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b6b6b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--space-3) center;
}

.field-select:focus[b-oxihwfh9sa],
.field-input:focus[b-oxihwfh9sa] {
    outline: none;
    border-color: var(--color-border-focus);
    box-shadow: 0 0 0 3px var(--color-primary-muted);
}

.field-action[b-oxihwfh9sa] {
    padding-bottom: 1px;
}

/* ── Generated Code Result ───────────────────────────── */
.code-result[b-oxihwfh9sa] {
    margin-top: var(--space-5);
    padding: var(--space-4) var(--space-5);
    background: color-mix(in srgb, var(--color-success) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-success) 20%, transparent);
    border-radius: var(--radius-lg);
    animation: resultFadeIn-b-oxihwfh9sa 0.3s var(--ease-default);
}

.code-result-header[b-oxihwfh9sa] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-success);
    margin-bottom: var(--space-3);
}

.code-display[b-oxihwfh9sa] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}

.code-value[b-oxihwfh9sa] {
    font-family: var(--font-mono, monospace);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--color-text);
    letter-spacing: 0.1em;
}

.copy-btn[b-oxihwfh9sa] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-3);
    font-family: var(--font-sans);
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--color-text-muted);
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-default);
}

.copy-btn:hover[b-oxihwfh9sa] {
    color: var(--color-primary);
    border-color: var(--color-primary);
    background: var(--color-primary-muted);
}

.code-meta[b-oxihwfh9sa] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.meta-sep[b-oxihwfh9sa] {
    opacity: 0.4;
}

/* ── Error Banner ────────────────────────────────────── */
.error-banner[b-oxihwfh9sa] {
    margin-top: var(--space-4);
    padding: var(--space-3) var(--space-4);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-error);
    background: color-mix(in srgb, var(--color-error) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-error) 20%, transparent);
    border-radius: var(--radius-md);
}

.error-banner svg[b-oxihwfh9sa] {
    flex-shrink: 0;
}

/* ── Loading ─────────────────────────────────────────── */
.codes-loading[b-oxihwfh9sa] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

/* ── Empty State ─────────────────────────────────────── */
.empty-state[b-oxihwfh9sa] {
    padding: var(--space-16) var(--space-6);
    text-align: center;
}

.empty-state-icon[b-oxihwfh9sa] {
    width: 64px;
    height: 64px;
    margin: 0 auto var(--space-4);
    color: var(--color-accent);
}

.empty-state-title[b-oxihwfh9sa] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.empty-state-desc[b-oxihwfh9sa] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    max-width: 320px;
    margin: 0 auto;
}

/* ── Codes Table ─────────────────────────────────────── */
.codes-table[b-oxihwfh9sa] {
    width: 100%;
    border-collapse: collapse;
}

.codes-table thead th[b-oxihwfh9sa] {
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    text-align: left;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-alt);
    white-space: nowrap;
    user-select: none;
}

.codes-table thead th:first-child[b-oxihwfh9sa] {
    padding-left: var(--space-6);
}

.codes-table thead th:last-child[b-oxihwfh9sa] {
    padding-right: var(--space-6);
}

/* ── Table Rows ──────────────────────────────────────── */
.codes-table tbody tr[b-oxihwfh9sa] {
    border-bottom: 1px solid var(--color-border);
    transition: background var(--duration-fast) var(--ease-default);
}

.codes-table tbody tr:last-child[b-oxihwfh9sa] {
    border-bottom: none;
}

.codes-table tbody tr:hover[b-oxihwfh9sa] {
    background: var(--color-bg-alt);
}

/* Left border accent on hover */
.codes-table tbody td:first-child[b-oxihwfh9sa] {
    position: relative;
}

.codes-table tbody td:first-child[b-oxihwfh9sa]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--color-primary);
    opacity: 0;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.codes-table tbody tr:hover td:first-child[b-oxihwfh9sa]::before {
    opacity: 1;
}

.codes-table tbody td[b-oxihwfh9sa] {
    padding: var(--space-3) var(--space-4);
    vertical-align: middle;
    font-size: var(--text-sm);
    color: var(--color-text);
}

.codes-table tbody td:first-child[b-oxihwfh9sa] {
    padding-left: var(--space-6);
}

.codes-table tbody td:last-child[b-oxihwfh9sa] {
    padding-right: var(--space-6);
}

.cell-code[b-oxihwfh9sa] {
    font-family: var(--font-mono, monospace);
    font-weight: 600;
    letter-spacing: 0.06em;
    color: var(--color-text);
}

.cell-muted[b-oxihwfh9sa] {
    color: var(--color-text-muted);
    font-size: var(--text-xs);
}

/* ── Row Entrance Animation ──────────────────────────── */
@keyframes rowFadeIn-b-oxihwfh9sa {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.codes-table tbody tr[b-oxihwfh9sa] {
    animation: rowFadeIn-b-oxihwfh9sa 0.3s var(--ease-default) backwards;
}

.codes-table tbody tr:nth-child(1)[b-oxihwfh9sa]  { animation-delay: 0.03s; }
.codes-table tbody tr:nth-child(2)[b-oxihwfh9sa]  { animation-delay: 0.06s; }
.codes-table tbody tr:nth-child(3)[b-oxihwfh9sa]  { animation-delay: 0.09s; }
.codes-table tbody tr:nth-child(4)[b-oxihwfh9sa]  { animation-delay: 0.12s; }
.codes-table tbody tr:nth-child(5)[b-oxihwfh9sa]  { animation-delay: 0.15s; }
.codes-table tbody tr:nth-child(6)[b-oxihwfh9sa]  { animation-delay: 0.18s; }
.codes-table tbody tr:nth-child(7)[b-oxihwfh9sa]  { animation-delay: 0.21s; }
.codes-table tbody tr:nth-child(8)[b-oxihwfh9sa]  { animation-delay: 0.24s; }
.codes-table tbody tr:nth-child(9)[b-oxihwfh9sa]  { animation-delay: 0.27s; }
.codes-table tbody tr:nth-child(10)[b-oxihwfh9sa] { animation-delay: 0.30s; }

/* ── Section Entrance Animation ──────────────────────── */
@keyframes sectionFadeIn-b-oxihwfh9sa {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.section-animate[b-oxihwfh9sa] {
    animation: sectionFadeIn-b-oxihwfh9sa 0.35s var(--ease-default) backwards;
}

/* ── Result Fade In ──────────────────────────────────── */
@keyframes resultFadeIn-b-oxihwfh9sa {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Accessibility ───────────────────────────────────── */
.sr-only[b-oxihwfh9sa] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 860px) {
    .col-created-by[b-oxihwfh9sa],
    .col-redeemed[b-oxihwfh9sa] {
        display: none;
    }
}

@media (max-width: 600px) {
    .invite-page[b-oxihwfh9sa] {
        padding: var(--space-4);
    }

    .generate-fields[b-oxihwfh9sa] {
        flex-direction: column;
        align-items: stretch;
    }

    .field-group:first-child[b-oxihwfh9sa],
    .field-group:nth-child(2)[b-oxihwfh9sa] {
        min-width: 0;
    }

    .col-created[b-oxihwfh9sa] {
        display: none;
    }

    .codes-table thead th[b-oxihwfh9sa],
    .codes-table tbody td[b-oxihwfh9sa] {
        padding: var(--space-3);
    }

    .codes-table thead th:first-child[b-oxihwfh9sa],
    .codes-table tbody td:first-child[b-oxihwfh9sa] {
        padding-left: var(--space-4);
    }

    .codes-table thead th:last-child[b-oxihwfh9sa],
    .codes-table tbody td:last-child[b-oxihwfh9sa] {
        padding-right: var(--space-4);
    }

    .section-header[b-oxihwfh9sa] {
        padding: var(--space-3) var(--space-4);
    }

    .generate-body[b-oxihwfh9sa] {
        padding: var(--space-4);
    }
}
/* _content/Nutrir.Web/Components/Pages/Admin/MaintenanceMode.razor.rz.scp.css */
/* ── Page Layout ──────────────────────────────────────── */
.maint-page[b-y076qc2slz] {
    max-width: 960px;
    padding: var(--space-8);
}

/* ── Page Header ─────────────────────────────────────── */
.page-header[b-y076qc2slz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin-bottom: var(--space-6);
}

.page-title[b-y076qc2slz] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

.page-subtitle[b-y076qc2slz] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

/* ── Table Card ──────────────────────────────────────── */
.table-card[b-y076qc2slz] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
    margin-bottom: var(--space-6);
}

/* ── Section Header ──────────────────────────────────── */
.section-header[b-y076qc2slz] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-6);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-alt);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    user-select: none;
}

.section-header svg[b-y076qc2slz] {
    flex-shrink: 0;
    opacity: 0.7;
}

.section-header-label[b-y076qc2slz] {
    flex: 1;
}

/* ── Status Body (Active) ────────────────────────────── */
.status-body[b-y076qc2slz] {
    padding: var(--space-6);
}

.status-grid[b-y076qc2slz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

.status-field[b-y076qc2slz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.status-field-full[b-y076qc2slz] {
    grid-column: 1 / -1;
}

.status-label[b-y076qc2slz] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
}

.status-value[b-y076qc2slz] {
    font-size: var(--text-sm);
    color: var(--color-text);
}

/* ── Status Inactive ─────────────────────────────────── */
.status-inactive[b-y076qc2slz] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-5) var(--space-6);
    font-size: var(--text-sm);
    color: var(--color-success);
}

.status-inactive svg[b-y076qc2slz] {
    flex-shrink: 0;
}

/* ── Controls Body ───────────────────────────────────── */
.controls-body[b-y076qc2slz] {
    padding: var(--space-6);
}

/* ── Enable Fields ───────────────────────────────────── */
.enable-fields[b-y076qc2slz] {
    display: flex;
    align-items: flex-end;
    gap: var(--space-4);
}

.field-group[b-y076qc2slz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    flex: 1;
}

.field-label[b-y076qc2slz] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
}

.field-input[b-y076qc2slz] {
    padding: var(--space-2) var(--space-3);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text);
    background: var(--color-bg-input);
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius-md);
    transition: border-color var(--duration-fast) var(--ease-default),
                box-shadow var(--duration-fast) var(--ease-default);
}

.field-input:focus[b-y076qc2slz] {
    outline: none;
    border-color: var(--color-border-focus);
    box-shadow: 0 0 0 3px var(--color-primary-muted);
}

.field-action[b-y076qc2slz] {
    padding-bottom: 1px;
    flex-shrink: 0;
}

/* ── Disable Section ─────────────────────────────────── */
.disable-section[b-y076qc2slz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.active-notice[b-y076qc2slz] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    color: var(--color-warning);
    background: color-mix(in srgb, var(--color-warning) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-warning) 20%, transparent);
    border-radius: var(--radius-md);
}

.active-notice svg[b-y076qc2slz] {
    flex-shrink: 0;
}

/* ── Error Banner ────────────────────────────────────── */
.error-banner[b-y076qc2slz] {
    margin-top: var(--space-4);
    padding: var(--space-3) var(--space-4);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-error);
    background: color-mix(in srgb, var(--color-error) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-error) 20%, transparent);
    border-radius: var(--radius-md);
}

.error-banner svg[b-y076qc2slz] {
    flex-shrink: 0;
}

/* ── Section Entrance Animation ──────────────────────── */
@keyframes sectionFadeIn-b-y076qc2slz {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.section-animate[b-y076qc2slz] {
    animation: sectionFadeIn-b-y076qc2slz 0.35s var(--ease-default) backwards;
}

/* ── Accessibility ───────────────────────────────────── */
.sr-only[b-y076qc2slz] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 600px) {
    .maint-page[b-y076qc2slz] {
        padding: var(--space-4);
    }

    .enable-fields[b-y076qc2slz] {
        flex-direction: column;
        align-items: stretch;
    }

    .status-grid[b-y076qc2slz] {
        grid-template-columns: 1fr;
    }

    .section-header[b-y076qc2slz] {
        padding: var(--space-3) var(--space-4);
    }

    .status-body[b-y076qc2slz],
    .controls-body[b-y076qc2slz] {
        padding: var(--space-4);
    }

    .status-inactive[b-y076qc2slz] {
        padding: var(--space-4);
    }
}
/* _content/Nutrir.Web/Components/Pages/Admin/UserDetail.razor.rz.scp.css */
.user-detail[b-zgfo25j4iq] {
    max-width: 720px;
    padding: var(--space-8);
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}


.user-detail-loading[b-zgfo25j4iq] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

.user-detail-notfound[b-zgfo25j4iq] {
    padding: var(--space-8);
    text-align: center;
}

.user-detail-notfound h2[b-zgfo25j4iq] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.user-detail-notfound p[b-zgfo25j4iq] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-4);
}

.user-detail-header[b-zgfo25j4iq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
}

.user-detail-title[b-zgfo25j4iq] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

.user-detail-meta[b-zgfo25j4iq] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

.user-detail-feedback[b-zgfo25j4iq] {
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 500;
}

.user-detail-feedback-success[b-zgfo25j4iq] {
    background-color: var(--color-success-bg, rgba(34, 197, 94, 0.1));
    color: var(--color-success, #22c55e);
    border: 1px solid var(--color-success, #22c55e);
}

.user-detail-feedback-error[b-zgfo25j4iq] {
    background-color: var(--color-error-bg, rgba(239, 68, 68, 0.1));
    color: var(--color-error, #ef4444);
    border: 1px solid var(--color-error, #ef4444);
}

.user-detail-section-title[b-zgfo25j4iq] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-1);
}

.user-detail-section-desc[b-zgfo25j4iq] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-2);
}

.user-detail-form-grid[b-zgfo25j4iq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

.user-detail-form-actions[b-zgfo25j4iq] {
    display: flex;
    justify-content: flex-end;
}

.user-detail-role-current[b-zgfo25j4iq] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
}

.user-detail-role-label[b-zgfo25j4iq] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.user-detail-role-change[b-zgfo25j4iq] {
    display: flex;
    align-items: flex-end;
    gap: var(--space-3);
}

.user-detail-role-change[b-zgfo25j4iq]  .form-group {
    flex: 1;
}

.user-detail-actions-grid[b-zgfo25j4iq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.user-detail-action-item[b-zgfo25j4iq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
}

.user-detail-action-label[b-zgfo25j4iq] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-1);
}

.user-detail-action-desc[b-zgfo25j4iq] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.user-detail-confirm[b-zgfo25j4iq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--space-2);
}

.user-detail-confirm-text[b-zgfo25j4iq] {
    font-size: var(--text-sm);
    color: var(--color-warning, #f59e0b);
    font-weight: 500;
}

.user-detail-confirm-actions[b-zgfo25j4iq] {
    display: flex;
    gap: var(--space-2);
}

.user-detail-password-form[b-zgfo25j4iq] {
    display: flex;
    align-items: flex-end;
    gap: var(--space-3);
}

.user-detail-metadata[b-zgfo25j4iq] {
    display: flex;
    gap: var(--space-6);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}
/* _content/Nutrir.Web/Components/Pages/Admin/Users.razor.rz.scp.css */
.users-page[b-echh0fovec] {
    max-width: 960px;
    padding: var(--space-8);
}

.users-header[b-echh0fovec] {
    margin-bottom: var(--space-6);
}

.users-title[b-echh0fovec] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.users-subtitle[b-echh0fovec] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.users-filters[b-echh0fovec] {
    display: flex;
    gap: var(--space-4);
    margin-bottom: var(--space-6);
    align-items: flex-end;
}

.users-filter-search[b-echh0fovec] {
    flex: 1;
}

.users-filter-role[b-echh0fovec],
.users-filter-status[b-echh0fovec] {
    min-width: 160px;
}

.users-loading[b-echh0fovec] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

.users-empty[b-echh0fovec] {
    padding: var(--space-8);
    text-align: center;
}

.users-empty-title[b-echh0fovec] {
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-1);
}

.users-empty-desc[b-echh0fovec] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.users-table[b-echh0fovec] {
    width: 100%;
    border-collapse: collapse;
}

.users-table thead th[b-echh0fovec] {
    text-align: left;
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
    border-bottom: 1px solid var(--color-border);
}

.users-table tbody tr[b-echh0fovec] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.users-table tbody tr:hover[b-echh0fovec] {
    background-color: var(--color-bg-alt);
}

.users-table tbody td[b-echh0fovec] {
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    color: var(--color-text);
    border-bottom: 1px solid var(--color-border);
}

.users-table tbody tr:last-child td[b-echh0fovec] {
    border-bottom: none;
}

.users-table-name[b-echh0fovec] {
    font-weight: 500;
}

.users-table-email[b-echh0fovec] {
    color: var(--color-text-muted);
}

.users-table-date[b-echh0fovec] {
    color: var(--color-text-muted);
    font-size: var(--text-xs);
}
/* _content/Nutrir.Web/Components/Pages/Appointments/AppointmentCreate.razor.rz.scp.css */
/* ── Page Container ───────────────────────────────────── */
.form-page[b-f74jrnnacv] {
    max-width: 720px;
    padding: var(--space-8);
}

/* ── Page Header ──────────────────────────────────────── */
.page-header[b-f74jrnnacv] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-6);
}

.back-link[b-f74jrnnacv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-default);
    flex-shrink: 0;
}

.back-link:hover[b-f74jrnnacv] {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

.page-title[b-f74jrnnacv] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

/* ── Table Card (form wrapper) ────────────────────────── */
.table-card[b-f74jrnnacv] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

/* ── Section Header ───────────────────────────────────── */
.section-header[b-f74jrnnacv] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    cursor: pointer;
    user-select: none;
    transition: background var(--duration-fast) var(--ease-default);
}

.section-header:hover[b-f74jrnnacv] {
    background: color-mix(in srgb, var(--color-bg-alt) 80%, var(--color-primary-muted));
}

.section-header svg[b-f74jrnnacv] {
    flex-shrink: 0;
    opacity: 0.7;
}

/* ── Section Chevron ─────────────────────────────────── */
.section-chevron[b-f74jrnnacv] {
    margin-left: auto;
    transition: transform var(--duration-fast) var(--ease-default);
}

.section-chevron.collapsed[b-f74jrnnacv] {
    transform: rotate(-90deg);
}

/* Add top border between sections (after a form-body) */
.form-body + .section-header[b-f74jrnnacv] {
    border-top: 1px solid var(--color-border);
}

/* ── Form Body ────────────────────────────────────────── */
.form-body[b-f74jrnnacv] {
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

/* ── Form Grid ────────────────────────────────────────── */
.form-grid[b-f74jrnnacv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

/* ── Error Banner ─────────────────────────────────────── */
.error-banner[b-f74jrnnacv] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-6);
    background: color-mix(in srgb, var(--color-error) 8%, transparent);
    border-top: 1px solid color-mix(in srgb, var(--color-error) 30%, var(--color-border));
    font-size: var(--text-sm);
    color: var(--color-error);
}

.error-banner svg[b-f74jrnnacv] {
    flex-shrink: 0;
}

/* ── Form Actions ─────────────────────────────────────── */
.form-actions[b-f74jrnnacv] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-alt);
}

.cancel-link[b-f74jrnnacv] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--duration-fast) var(--ease-default);
}

.cancel-link:hover[b-f74jrnnacv] {
    color: var(--color-text);
    text-decoration: underline;
}

/* ── Section Fade-In Animation ────────────────────────── */
@keyframes sectionFadeIn-b-f74jrnnacv {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.table-card[b-f74jrnnacv] {
    animation: sectionFadeIn-b-f74jrnnacv 0.3s var(--ease-default) backwards;
    animation-delay: 0.05s;
}

/* ── Available Slots ──────────────────────────────────── */
.slots-section[b-f74jrnnacv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.slots-label[b-f74jrnnacv] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
}

.slots-grid[b-f74jrnnacv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.slot-btn[b-f74jrnnacv] {
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg-card);
    font-size: var(--text-sm);
    color: var(--color-text);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-default);
}

.slot-btn:hover[b-f74jrnnacv] {
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 8%, transparent);
}

.slot-btn.selected[b-f74jrnnacv] {
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: white;
}

.no-slots-msg[b-f74jrnnacv],
.slots-loading[b-f74jrnnacv] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    padding: var(--space-1) 0;
}

.availability-warning[b-f74jrnnacv] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: color-mix(in srgb, var(--color-warning) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-warning) 30%, var(--color-border));
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    color: var(--color-warning);
}

.availability-warning svg[b-f74jrnnacv] {
    flex-shrink: 0;
}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 600px) {
    .form-page[b-f74jrnnacv] {
        padding: var(--space-4);
    }

    .form-grid[b-f74jrnnacv] {
        grid-template-columns: 1fr;
    }

    .section-header[b-f74jrnnacv] {
        padding: var(--space-3) var(--space-4);
    }

    .form-body[b-f74jrnnacv] {
        padding: var(--space-4);
    }

    .form-actions[b-f74jrnnacv] {
        padding: var(--space-4);
    }
}
/* _content/Nutrir.Web/Components/Pages/Appointments/AppointmentDetail.razor.rz.scp.css */
/* ── Page Container ──────────────────────────────────── */
.appt-detail-page[b-yew3ah5voq] {
    max-width: 720px;
    margin: 0 auto;
    padding: var(--space-8);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* ── Shared Card Wrapper ─────────────────────────────── */
.table-card[b-yew3ah5voq] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

/* ── Section Entrance Animation ──────────────────────── */
@keyframes sectionFadeIn-b-yew3ah5voq {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.section-animate[b-yew3ah5voq] {
    animation: sectionFadeIn-b-yew3ah5voq 0.3s var(--ease-default) backwards;
}

/* ── Loading ─────────────────────────────────────────── */
.appt-loading[b-yew3ah5voq] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

/* ── Not Found ───────────────────────────────────────── */
.appt-not-found[b-yew3ah5voq] {
    padding: var(--space-16) var(--space-6);
    text-align: center;
}

.not-found-icon[b-yew3ah5voq] {
    width: 64px;
    height: 64px;
    margin: 0 auto var(--space-4);
    color: var(--color-accent);
}

.not-found-title[b-yew3ah5voq] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.not-found-desc[b-yew3ah5voq] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-4);
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.not-found-action[b-yew3ah5voq] {
    display: flex;
    justify-content: center;
}

/* ── Hero Header ─────────────────────────────────────── */
.hero[b-yew3ah5voq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-6);
}

.hero-identity[b-yew3ah5voq] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    min-width: 0;
}

.hero-avatar[b-yew3ah5voq] {
    width: 64px;
    height: 64px;
    border-radius: var(--radius-full);
    background: var(--color-primary-muted);
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    flex-shrink: 0;
}

.hero-info[b-yew3ah5voq] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.hero-title-row[b-yew3ah5voq] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.hero-name[b-yew3ah5voq] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
    line-height: var(--leading-tight);
    margin: 0;
}

/* ── Badge Dot ───────────────────────────────────────── */
.badge-dot[b-yew3ah5voq] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: currentColor;
}

/* ── Hero Meta Rows ──────────────────────────────────── */
.hero-meta-rows[b-yew3ah5voq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.hero-meta-row[b-yew3ah5voq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-1);
    row-gap: var(--space-1);
}

.meta-item[b-yew3ah5voq] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--color-text);
    white-space: nowrap;
}

.meta-item svg[b-yew3ah5voq] {
    color: var(--color-text-muted);
    flex-shrink: 0;
}

/* Separator dot between meta items on the same row */
.hero-meta-row .meta-item + .meta-item[b-yew3ah5voq]::before {
    content: '·';
    color: var(--color-text-muted);
    margin: 0 var(--space-1);
}

.client-link[b-yew3ah5voq] {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.client-link:hover[b-yew3ah5voq] {
    opacity: 0.8;
    text-decoration: underline;
}

.duration-label[b-yew3ah5voq] {
    color: var(--color-text-muted);
    font-size: var(--text-xs);
    margin-left: var(--space-1);
}

/* ── Hero Actions ────────────────────────────────────── */
.hero-actions[b-yew3ah5voq] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
    padding-left: calc(64px + var(--space-4));
}

.hero-back-link[b-yew3ah5voq] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-decoration: none;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    transition: color var(--duration-fast) var(--ease-default),
                background var(--duration-fast) var(--ease-default);
}

.hero-back-link:hover[b-yew3ah5voq] {
    color: var(--color-text);
    background: var(--color-bg-alt);
}

/* ── Section Headers ─────────────────────────────────── */
.section-header[b-yew3ah5voq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
}

.section-header-label[b-yew3ah5voq] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

/* ── Details Grid ────────────────────────────────────── */
.detail-grid[b-yew3ah5voq] {
    padding: var(--space-5) var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.detail-field[b-yew3ah5voq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.detail-label[b-yew3ah5voq] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

.detail-value[b-yew3ah5voq] {
    font-size: var(--text-sm);
    color: var(--color-text);
}

.location-tag[b-yew3ah5voq] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
}

.location-tag svg[b-yew3ah5voq] {
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.meeting-link[b-yew3ah5voq] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    color: var(--color-primary);
    text-decoration: none;
    word-break: break-all;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.meeting-link:hover[b-yew3ah5voq] {
    opacity: 0.8;
    text-decoration: underline;
}

.meeting-link svg[b-yew3ah5voq] {
    flex-shrink: 0;
}

/* ── Notes ────────────────────────────────────────────── */
.notes-body[b-yew3ah5voq] {
    padding: var(--space-4);
}

.notes-text[b-yew3ah5voq] {
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    color: var(--color-text);
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    line-height: 1.6;
}

/* ── Cancellation Info ───────────────────────────────── */
.cancel-info-card[b-yew3ah5voq] {
    border-color: color-mix(in srgb, var(--color-warning) 30%, var(--color-border));
}

.cancel-info-body[b-yew3ah5voq] {
    padding: var(--space-4) var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.cancel-info-row[b-yew3ah5voq] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--color-text);
}

.cancel-info-row svg[b-yew3ah5voq] {
    color: var(--color-text-muted);
    flex-shrink: 0;
    margin-top: 2px;
}

/* ── Cancel Confirmation ─────────────────────────────── */
.cancel-card[b-yew3ah5voq] {
    border-color: color-mix(in srgb, var(--color-error) 40%, var(--color-border));
}

.cancel-confirm[b-yew3ah5voq] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4);
}

.cancel-icon-wrapper[b-yew3ah5voq] {
    flex-shrink: 0;
    color: var(--color-error);
    padding-top: 2px;
}

.cancel-content[b-yew3ah5voq] {
    flex: 1;
}

.cancel-title[b-yew3ah5voq] {
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.cancel-desc[b-yew3ah5voq] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-4);
}

.cancel-error[b-yew3ah5voq] {
    font-size: var(--text-sm);
    color: var(--color-error);
    margin-bottom: var(--space-3);
}

.cancel-actions[b-yew3ah5voq] {
    display: flex;
    gap: var(--space-3);
    margin-top: var(--space-3);
}

/* ── Metadata Footer ─────────────────────────────────── */
.meta-footer[b-yew3ah5voq] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    padding: 0 var(--space-2);
}

/* ── Real-Time Banner ────────────────────────────────── */
.realtime-banner[b-yew3ah5voq] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    margin-bottom: var(--space-3);
    background: rgba(var(--rgb-primary), 0.08);
    border: 1px solid rgba(var(--rgb-primary), 0.20);
    border-radius: var(--radius-md);
    font-size: var(--text-xs);
    color: var(--color-primary);
    font-weight: 500;
}

.realtime-dot[b-yew3ah5voq] {
    width: 7px;
    height: 7px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    flex-shrink: 0;
    animation: realtimePulse-b-yew3ah5voq 1.8s ease-in-out 3;
}

@keyframes realtimePulse-b-yew3ah5voq {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.75); }
}

/* ── Responsive: Tablet ──────────────────────────────── */
@media (max-width: 768px) {
    .hero-actions[b-yew3ah5voq] {
        padding-left: calc(64px + var(--space-4));
    }
}

/* ── Responsive: Mobile ──────────────────────────────── */
@media (max-width: 600px) {
    .appt-detail-page[b-yew3ah5voq] {
        padding: var(--space-4);
    }

    .hero[b-yew3ah5voq] {
        padding: var(--space-4);
        align-items: center;
    }

    .hero-identity[b-yew3ah5voq] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hero-title-row[b-yew3ah5voq] {
        justify-content: center;
    }

    .hero-meta-rows[b-yew3ah5voq] {
        align-items: center;
    }

    .hero-meta-row[b-yew3ah5voq] {
        justify-content: center;
    }

    .hero-actions[b-yew3ah5voq] {
        padding-left: 0 !important;
        justify-content: center;
    }

    .detail-grid[b-yew3ah5voq] {
        padding: var(--space-4);
    }

    .cancel-info-body[b-yew3ah5voq] {
        padding: var(--space-4);
    }
}
/* _content/Nutrir.Web/Components/Pages/Appointments/AppointmentEdit.razor.rz.scp.css */
/* ── Available Slots ──────────────────────────────────── */
.slots-section[b-ijlxnjo1tg] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.slots-label[b-ijlxnjo1tg] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
}

.slots-grid[b-ijlxnjo1tg] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.slot-btn[b-ijlxnjo1tg] {
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg-card);
    font-size: var(--text-sm);
    color: var(--color-text);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-default);
}

.slot-btn:hover[b-ijlxnjo1tg] {
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 8%, transparent);
}

.slot-btn.selected[b-ijlxnjo1tg] {
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: white;
}

.availability-warning[b-ijlxnjo1tg] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: color-mix(in srgb, var(--color-warning) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-warning) 30%, var(--color-border));
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    color: var(--color-warning);
}

.availability-warning svg[b-ijlxnjo1tg] {
    flex-shrink: 0;
}
/* _content/Nutrir.Web/Components/Pages/Appointments/AppointmentList.razor.rz.scp.css */
.appointments-page[b-nwmre6wyzu] {
    max-width: 1200px;
    padding: var(--space-8);
}

.page-header[b-nwmre6wyzu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-6);
}

.page-title[b-nwmre6wyzu] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

/* ── Filter controls ─────────────────────────────────── */
.filter-group[b-nwmre6wyzu] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.filter-label[b-nwmre6wyzu] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    white-space: nowrap;
}

.filter-input[b-nwmre6wyzu] {
    padding: var(--space-2) var(--space-3);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text);
    background: var(--color-bg-input);
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius-md);
    transition: border-color var(--duration-fast) var(--ease-default),
                box-shadow var(--duration-fast) var(--ease-default);
}

.filter-input:focus[b-nwmre6wyzu] {
    outline: none;
    border-color: var(--color-border-focus);
    box-shadow: 0 0 0 3px var(--color-primary-muted);
}

.filter-select[b-nwmre6wyzu] {
    padding: var(--space-2) var(--space-3);
    padding-right: var(--space-8);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text);
    background: var(--color-bg-input);
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius-md);
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b6b6b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--space-3) center;
    transition: border-color var(--duration-fast) var(--ease-default),
                box-shadow var(--duration-fast) var(--ease-default);
}

.filter-select:focus[b-nwmre6wyzu] {
    outline: none;
    border-color: var(--color-border-focus);
    box-shadow: 0 0 0 3px var(--color-primary-muted);
}

.filter-divider[b-nwmre6wyzu] {
    width: 1px;
    height: 24px;
    background: var(--color-border);
    flex-shrink: 0;
}

.appt-count[b-nwmre6wyzu] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-left: auto;
    white-space: nowrap;
}

/* ── Date/Time Cell ──────────────────────────────────── */
.appt-datetime[b-nwmre6wyzu] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.appt-date[b-nwmre6wyzu] {
    font-weight: 600;
    font-size: var(--text-sm);
    color: var(--color-text);
    line-height: var(--leading-tight);
    white-space: nowrap;
}

.appt-time[b-nwmre6wyzu] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    line-height: var(--leading-normal);
    white-space: nowrap;
}

/* ── Client Identity Cell ────────────────────────────── */
.client-identity[b-nwmre6wyzu] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.client-avatar[b-nwmre6wyzu] {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-full);
    background: var(--color-primary-muted);
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: var(--text-sm);
    font-weight: 600;
    flex-shrink: 0;
}

.client-name[b-nwmre6wyzu] {
    font-weight: 600;
    font-size: var(--text-sm);
    color: var(--color-text);
    line-height: var(--leading-tight);
    white-space: nowrap;
}

/* ── Other Cells ─────────────────────────────────────── */
.cell-type[b-nwmre6wyzu] {
    color: var(--color-text);
    white-space: nowrap;
}

.cell-duration[b-nwmre6wyzu] {
    color: var(--color-text-muted);
    white-space: nowrap;
}

.location-tag[b-nwmre6wyzu] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    white-space: nowrap;
}

.location-tag svg[b-nwmre6wyzu] {
    flex-shrink: 0;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 860px) {
    .appt-count[b-nwmre6wyzu] {
        margin-left: 0;
        width: 100%;
        order: 10;
    }
}

@media (max-width: 600px) {
    .appointments-page[b-nwmre6wyzu] {
        padding: var(--space-4);
    }

    .page-header[b-nwmre6wyzu] {
        flex-wrap: wrap;
        gap: var(--space-3);
    }

    .filter-group[b-nwmre6wyzu] {
        flex: 1 1 100%;
    }

    .filter-input[b-nwmre6wyzu],
    .filter-select[b-nwmre6wyzu] {
        flex: 1;
    }
}
/* _content/Nutrir.Web/Components/Pages/Clients/ClientCreate.razor.rz.scp.css */
/* ── Page Container ───────────────────────────────────── */
.form-page[b-xwwkdwiwbk] {
    max-width: 960px;
    padding: var(--space-8);
}

/* ── Page Header ──────────────────────────────────────── */
.page-header[b-xwwkdwiwbk] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-6);
}

.back-link[b-xwwkdwiwbk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-default);
    flex-shrink: 0;
}

.back-link:hover[b-xwwkdwiwbk] {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

.page-title[b-xwwkdwiwbk] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

/* ── Table Card (form wrapper) ────────────────────────── */
.table-card[b-xwwkdwiwbk] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: visible;
    animation: sectionFadeIn-b-xwwkdwiwbk 0.3s var(--ease-default) backwards;
    animation-delay: 0.05s;
}

/* ── Section Header ───────────────────────────────────── */
.section-header[b-xwwkdwiwbk] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    user-select: none;
}

.section-header svg[b-xwwkdwiwbk] {
    flex-shrink: 0;
    opacity: 0.7;
}

.section-header-label[b-xwwkdwiwbk] {
    flex: 1;
}

/* ── Form Body ────────────────────────────────────────── */
.form-body[b-xwwkdwiwbk] {
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

/* ── Form Grid ────────────────────────────────────────── */
.form-grid[b-xwwkdwiwbk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

/* ── Health Form Sections ─────────────────────────────── */
[b-xwwkdwiwbk] .health-form-section {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-border);
}

[b-xwwkdwiwbk] .health-form-label {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
}

[b-xwwkdwiwbk] .health-form-label svg {
    opacity: 0.7;
}

[b-xwwkdwiwbk] .health-form-entry {
    position: relative;
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg-alt);
}

[b-xwwkdwiwbk] .health-form-entry .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
}

[b-xwwkdwiwbk] .health-form-remove {
    position: absolute;
    top: var(--space-2);
    right: var(--space-2);
    background: none;
    border: none;
    padding: var(--space-1);
    cursor: pointer;
    color: var(--color-text-muted);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    transition: color var(--duration-fast) var(--ease-default);
}

[b-xwwkdwiwbk] .health-form-remove:hover {
    color: var(--color-error);
}

[b-xwwkdwiwbk] .health-form-add {
    background: none;
    border: none;
    padding: var(--space-1) 0;
    cursor: pointer;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-primary);
    transition: opacity var(--duration-fast) var(--ease-default);
}

[b-xwwkdwiwbk] .health-form-add:hover {
    opacity: 0.8;
}

/* ── Consent Section ──────────────────────────────────── */
.consent-section[b-xwwkdwiwbk] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-border);
}

.consent-section-label[b-xwwkdwiwbk] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
}

.consent-section-label svg[b-xwwkdwiwbk] {
    opacity: 0.7;
}

/* ── Consent Method Radio ────────────────────────────── */
.consent-method[b-xwwkdwiwbk] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.consent-method-option[b-xwwkdwiwbk] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-default);
    flex-wrap: wrap;
}

.consent-method-option:hover[b-xwwkdwiwbk] {
    background: var(--color-bg-alt);
}

.consent-method-option input[type="radio"][b-xwwkdwiwbk] {
    margin-top: 2px;
    accent-color: var(--color-primary);
}

.consent-method-label[b-xwwkdwiwbk] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
}

.consent-method-desc[b-xwwkdwiwbk] {
    width: 100%;
    padding-left: calc(16px + var(--space-2));
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

/* ── Consent Info Alert ──────────────────────────────── */
.consent-info-alert[b-xwwkdwiwbk] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    padding: var(--space-3);
    background: color-mix(in srgb, var(--color-primary) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-primary) 20%, var(--color-border));
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    line-height: 1.5;
}

.consent-info-alert svg[b-xwwkdwiwbk] {
    flex-shrink: 0;
    color: var(--color-primary);
    margin-top: 2px;
}

/* ── Consent Download Actions ────────────────────────── */
.consent-download-actions[b-xwwkdwiwbk] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.consent-download-actions .btn[b-xwwkdwiwbk] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
}

.consent-download-hint[b-xwwkdwiwbk] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    font-style: italic;
}

/* ── Consent Row ──────────────────────────────────────── */
.consent-row[b-xwwkdwiwbk] {
    padding: var(--space-2) 0;
}

/* ── Error Banner ─────────────────────────────────────── */
.error-banner[b-xwwkdwiwbk] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-6);
    background: color-mix(in srgb, var(--color-error) 8%, transparent);
    border-top: 1px solid color-mix(in srgb, var(--color-error) 30%, var(--color-border));
    font-size: var(--text-sm);
    color: var(--color-error);
}

.error-banner svg[b-xwwkdwiwbk] {
    flex-shrink: 0;
}

/* ── Form Actions ─────────────────────────────────────── */
.form-actions[b-xwwkdwiwbk] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-alt);
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
}

.cancel-link[b-xwwkdwiwbk] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--duration-fast) var(--ease-default);
}

.cancel-link:hover[b-xwwkdwiwbk] {
    color: var(--color-text);
    text-decoration: underline;
}

/* ── Section Fade-In Animation ────────────────────────── */
@keyframes sectionFadeIn-b-xwwkdwiwbk {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 600px) {
    .form-page[b-xwwkdwiwbk] {
        padding: var(--space-4);
    }

    .form-grid[b-xwwkdwiwbk] {
        grid-template-columns: 1fr;
    }

    .section-header[b-xwwkdwiwbk] {
        padding: var(--space-3) var(--space-4);
    }

    .form-body[b-xwwkdwiwbk] {
        padding: var(--space-4);
    }

    .form-actions[b-xwwkdwiwbk] {
        padding: var(--space-4);
    }
}
/* _content/Nutrir.Web/Components/Pages/Clients/ClientDetail.razor.rz.scp.css */
/* ── Page Container ──────────────────────────────────── */
.client-detail-page[b-ipefdbv77s] {
    max-width: 960px;
    margin: 0 auto;
    padding: var(--space-8);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* ── Shared Card Wrapper ─────────────────────────────── */
.table-card[b-ipefdbv77s] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

/* ── Section Entrance Animation ──────────────────────── */
@keyframes sectionFadeIn-b-ipefdbv77s {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.section-animate[b-ipefdbv77s] {
    animation: sectionFadeIn-b-ipefdbv77s 0.3s var(--ease-default) backwards;
}

/* ── Loading ─────────────────────────────────────────── */
.client-detail-loading[b-ipefdbv77s] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

/* ── Not Found ───────────────────────────────────────── */
.client-detail-not-found[b-ipefdbv77s] {
    padding: var(--space-16) var(--space-6);
    text-align: center;
}

.client-detail-not-found-title[b-ipefdbv77s] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.client-detail-not-found-desc[b-ipefdbv77s] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-4);
}

.client-detail-not-found-action[b-ipefdbv77s] {
    display: flex;
    justify-content: center;
}

/* ── Hero Header ─────────────────────────────────────── */
.hero[b-ipefdbv77s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-6);
    padding: var(--space-6);
}

.hero-identity[b-ipefdbv77s] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    min-width: 0;
}

.hero-avatar[b-ipefdbv77s] {
    width: 64px;
    height: 64px;
    border-radius: var(--radius-full);
    background: var(--color-primary-muted);
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    flex-shrink: 0;
}

.hero-info[b-ipefdbv77s] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.hero-name[b-ipefdbv77s] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
    line-height: var(--leading-tight);
    margin: 0;
}

.hero-contact-rows[b-ipefdbv77s] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.hero-contact-row[b-ipefdbv77s] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-1);
}

.contact-item[b-ipefdbv77s] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--color-text);
}

.contact-item svg[b-ipefdbv77s] {
    color: var(--color-text-muted);
    flex-shrink: 0;
}

/* Separator dot between contact items on the same row */
.hero-contact-row .contact-item + .contact-item[b-ipefdbv77s]::before {
    content: '·';
    color: var(--color-text-muted);
    margin: 0 var(--space-1);
}

.hero-consent-row[b-ipefdbv77s] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-1);
}

.consent-meta[b-ipefdbv77s] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

/* ── Badge Dot (matches client list) ─────────────────── */
.badge-dot[b-ipefdbv77s] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: currentColor;
}

/* ── Hero Actions ────────────────────────────────────── */
.hero-actions[b-ipefdbv77s] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}


/* ── Section Headers ─────────────────────────────────── */
.section-header[b-ipefdbv77s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
}

.section-header-label[b-ipefdbv77s] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

.section-count[b-ipefdbv77s] {
    font-weight: 400;
    margin-left: var(--space-1);
}

.section-header-action[b-ipefdbv77s] {
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: none;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.section-header-action:hover[b-ipefdbv77s] {
    opacity: 0.8;
}

/* ── Notes ────────────────────────────────────────────── */
.notes-body[b-ipefdbv77s] {
    padding: var(--space-4);
}

.notes-text[b-ipefdbv77s] {
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    color: var(--color-text);
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    line-height: 1.6;
}

/* ── Section List Rows ───────────────────────────────── */
.section-list[b-ipefdbv77s] {
    display: flex;
    flex-direction: column;
}

.section-empty[b-ipefdbv77s] {
    padding: var(--space-8) var(--space-4);
    text-align: center;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.list-row[b-ipefdbv77s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    text-decoration: none;
    color: inherit;
    transition: background var(--duration-fast) var(--ease-default);
}

.list-row:last-child[b-ipefdbv77s] {
    border-bottom: none;
}

.list-row:hover[b-ipefdbv77s] {
    background: var(--color-bg-alt);
}

.list-row-primary[b-ipefdbv77s] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.list-row-title[b-ipefdbv77s] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
}

.list-row-meta[b-ipefdbv77s] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.list-row-viewall[b-ipefdbv77s] {
    justify-content: center;
    color: var(--color-primary);
    font-size: var(--text-sm);
    font-weight: 500;
}

/* ── Consent Form Section ────────────────────────────── */
.consent-form-body[b-ipefdbv77s] {
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.consent-form-status[b-ipefdbv77s] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.consent-form-meta[b-ipefdbv77s] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.consent-form-actions[b-ipefdbv77s] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.consent-form-upload[b-ipefdbv77s] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.consent-form-upload-label[b-ipefdbv77s] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    white-space: nowrap;
}

.consent-form-file[b-ipefdbv77s] {
    max-width: 280px;
    font-size: var(--text-sm);
}

.consent-form-upload-msg[b-ipefdbv77s] {
    font-size: var(--text-xs);
    color: var(--color-primary);
}

/* ── Delete Confirmation ─────────────────────────────── */
.delete-card[b-ipefdbv77s] {
    border-color: color-mix(in srgb, var(--color-error) 40%, var(--color-border));
}

.delete-confirm[b-ipefdbv77s] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4);
}

.delete-icon-wrapper[b-ipefdbv77s] {
    flex-shrink: 0;
    color: var(--color-error);
    padding-top: 2px;
}

.delete-content[b-ipefdbv77s] {
    flex: 1;
}

.delete-title[b-ipefdbv77s] {
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.delete-desc[b-ipefdbv77s] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-4);
}

.delete-error[b-ipefdbv77s] {
    font-size: var(--text-sm);
    color: var(--color-error);
    margin-bottom: var(--space-3);
}

.delete-actions[b-ipefdbv77s] {
    display: flex;
    gap: var(--space-3);
}

/* ── Metadata Footer ─────────────────────────────────── */
.meta-footer[b-ipefdbv77s] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    padding: 0 var(--space-2);
}

/* ── Real-Time Banner ────────────────────────────────── */
.realtime-banner[b-ipefdbv77s] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    margin-bottom: var(--space-3);
    background: rgba(var(--rgb-primary), 0.08);
    border: 1px solid rgba(var(--rgb-primary), 0.20);
    border-radius: var(--radius-md);
    font-size: var(--text-xs);
    color: var(--color-primary);
    font-weight: 500;
}

.realtime-dot[b-ipefdbv77s] {
    width: 7px;
    height: 7px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    flex-shrink: 0;
    animation: realtimePulse-b-ipefdbv77s 1.8s ease-in-out 3;
}

@keyframes realtimePulse-b-ipefdbv77s {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.75); }
}

/* ── Widget Grid ─────────────────────────────────────── */
.widget-grid[b-ipefdbv77s] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
    align-items: stretch;
}

.widget-grid > *[b-ipefdbv77s] {
    display: flex;
    flex-direction: column;
}

.widget-grid[b-ipefdbv77s]  .cc-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.widget-grid[b-ipefdbv77s]  .cc-panel-body {
    flex: 1;
}

/* ── Responsive: Tablet ──────────────────────────────── */
@media (max-width: 768px) {
    .hero[b-ipefdbv77s] {
        flex-direction: column;
    }

    .hero-actions[b-ipefdbv77s] {
        padding-left: calc(64px + var(--space-4));
    }

    .widget-grid[b-ipefdbv77s] {
        grid-template-columns: 1fr;
    }
}

/* ── Responsive: Mobile ──────────────────────────────── */
@media (max-width: 600px) {
    .client-detail-page[b-ipefdbv77s] {
        padding: var(--space-4);
    }

    .hero[b-ipefdbv77s] {
        padding: var(--space-4);
        align-items: center;
    }

    .hero-identity[b-ipefdbv77s] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hero-contact-rows[b-ipefdbv77s] {
        align-items: center;
    }

    .hero-contact-row[b-ipefdbv77s] {
        justify-content: center;
    }

    .hero-consent-row[b-ipefdbv77s] {
        justify-content: center;
    }

    .hero-actions[b-ipefdbv77s] {
        padding-left: 0;
        justify-content: center;
    }
}
/* _content/Nutrir.Web/Components/Pages/Clients/ClientEdit.razor.rz.scp.css */
/* ── Page Container ───────────────────────────────────── */
.form-page[b-2q5tp3e2vh] {
    max-width: 960px;
    padding: var(--space-8);
}

/* ── Page Header ──────────────────────────────────────── */
.page-header[b-2q5tp3e2vh] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-6);
}

.back-link[b-2q5tp3e2vh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-default);
    flex-shrink: 0;
}

.back-link:hover[b-2q5tp3e2vh] {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

.page-header-text[b-2q5tp3e2vh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.page-title[b-2q5tp3e2vh] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
    line-height: var(--leading-tight);
}

.page-subtitle[b-2q5tp3e2vh] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

/* ── Table Card (form wrapper) ────────────────────────── */
.table-card[b-2q5tp3e2vh] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: visible;
    animation: sectionFadeIn-b-2q5tp3e2vh 0.3s var(--ease-default) backwards;
    animation-delay: 0.05s;
}

/* ── Section Header ───────────────────────────────────── */
.section-header[b-2q5tp3e2vh] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    user-select: none;
}

.section-header svg[b-2q5tp3e2vh] {
    flex-shrink: 0;
    opacity: 0.7;
}

.section-header-label[b-2q5tp3e2vh] {
    flex: 1;
}

/* ── Form Body ────────────────────────────────────────── */
.form-body[b-2q5tp3e2vh] {
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

/* ── Form Grid ────────────────────────────────────────── */
.form-grid[b-2q5tp3e2vh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

/* ── Health Form Sections ─────────────────────────────── */
[b-2q5tp3e2vh] .health-form-section {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding-top: var(--space-2);
    border-top: 1px solid var(--color-border);
}

[b-2q5tp3e2vh] .health-form-label {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
}

[b-2q5tp3e2vh] .health-form-label svg {
    opacity: 0.7;
}

[b-2q5tp3e2vh] .health-form-entry {
    position: relative;
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg-alt);
}

[b-2q5tp3e2vh] .health-form-entry .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
}

[b-2q5tp3e2vh] .health-form-remove {
    position: absolute;
    top: var(--space-2);
    right: var(--space-2);
    background: none;
    border: none;
    padding: var(--space-1);
    cursor: pointer;
    color: var(--color-text-muted);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    transition: color var(--duration-fast) var(--ease-default);
}

[b-2q5tp3e2vh] .health-form-remove:hover {
    color: var(--color-error);
}

[b-2q5tp3e2vh] .health-form-add {
    background: none;
    border: none;
    padding: var(--space-1) 0;
    cursor: pointer;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-primary);
    transition: opacity var(--duration-fast) var(--ease-default);
}

[b-2q5tp3e2vh] .health-form-add:hover {
    opacity: 0.8;
}

/* ── Consent Row ──────────────────────────────────────── */
.consent-row[b-2q5tp3e2vh] {
    padding: var(--space-2) 0;
}

/* ── Error Banner ─────────────────────────────────────── */
.error-banner[b-2q5tp3e2vh] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-6);
    background: color-mix(in srgb, var(--color-error) 8%, transparent);
    border-top: 1px solid color-mix(in srgb, var(--color-error) 30%, var(--color-border));
    font-size: var(--text-sm);
    color: var(--color-error);
}

.error-banner svg[b-2q5tp3e2vh] {
    flex-shrink: 0;
}

/* ── Form Actions ─────────────────────────────────────── */
.form-actions[b-2q5tp3e2vh] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-alt);
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
}

.cancel-link[b-2q5tp3e2vh] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--duration-fast) var(--ease-default);
}

.cancel-link:hover[b-2q5tp3e2vh] {
    color: var(--color-text);
    text-decoration: underline;
}

/* ── Loading ──────────────────────────────────────────── */
.form-loading[b-2q5tp3e2vh] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

/* ── Not Found ────────────────────────────────────────── */
.not-found[b-2q5tp3e2vh] {
    padding: var(--space-16) var(--space-6);
    text-align: center;
}

.not-found-title[b-2q5tp3e2vh] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.not-found-desc[b-2q5tp3e2vh] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-4);
}

.not-found-action[b-2q5tp3e2vh] {
    display: flex;
    justify-content: center;
}

/* ── Grant Consent Section ────────────────────────────── */
.consent-grant-section[b-2q5tp3e2vh] {
    border-top: 1px solid var(--color-border);
}

.consent-grant-section .section-header[b-2q5tp3e2vh] {
    border-radius: 0;
}

.consent-grant-body[b-2q5tp3e2vh] {
    padding: var(--space-5) var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.consent-grant-desc[b-2q5tp3e2vh] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    line-height: var(--leading-relaxed);
}

.consent-grant-actions[b-2q5tp3e2vh] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

/* ── Section Fade-In Animation ────────────────────────── */
@keyframes sectionFadeIn-b-2q5tp3e2vh {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 600px) {
    .form-page[b-2q5tp3e2vh] {
        padding: var(--space-4);
    }

    .form-grid[b-2q5tp3e2vh] {
        grid-template-columns: 1fr;
    }

    .section-header[b-2q5tp3e2vh] {
        padding: var(--space-3) var(--space-4);
    }

    .form-body[b-2q5tp3e2vh] {
        padding: var(--space-4);
    }

    .form-actions[b-2q5tp3e2vh] {
        padding: var(--space-4);
    }
}
/* _content/Nutrir.Web/Components/Pages/Clients/ClientList.razor.rz.scp.css */
.clients-page[b-ksf1d07y5t] {
    max-width: 1200px;
    padding: var(--space-8);
}

.clients-header[b-ksf1d07y5t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-6);
}

.clients-title[b-ksf1d07y5t] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

/* ── Search ─────────────────────────────────────────── */
.search-wrapper[b-ksf1d07y5t] {
    position: relative;
    flex: 1 1 280px;
    max-width: 360px;
}

.search-icon[b-ksf1d07y5t] {
    position: absolute;
    left: var(--space-3);
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-text-muted);
    pointer-events: none;
}

.search-input[b-ksf1d07y5t] {
    width: 100%;
    padding: var(--space-3) var(--space-4) var(--space-3) var(--space-10);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text);
    background: var(--color-bg-input);
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius-md);
    transition: border-color var(--duration-fast) var(--ease-default),
                box-shadow var(--duration-fast) var(--ease-default);
}

.search-input[b-ksf1d07y5t]::placeholder {
    color: var(--color-text-muted);
}

.search-input:focus[b-ksf1d07y5t] {
    outline: none;
    border-color: var(--color-border-focus);
    box-shadow: 0 0 0 3px var(--color-primary-muted);
}

/* ── Filter ─────────────────────────────────────────── */
.filter-group[b-ksf1d07y5t] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.filter-label[b-ksf1d07y5t] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    white-space: nowrap;
}

.filter-select[b-ksf1d07y5t] {
    padding: var(--space-2) var(--space-3);
    padding-right: var(--space-8);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    color: var(--color-text);
    background: var(--color-bg-input);
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius-md);
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--space-2) center;
    transition: border-color var(--duration-fast) var(--ease-default),
                box-shadow var(--duration-fast) var(--ease-default);
}

.filter-select:focus[b-ksf1d07y5t] {
    outline: none;
    border-color: var(--color-border-focus);
    box-shadow: 0 0 0 3px var(--color-primary-muted);
}

.client-count[b-ksf1d07y5t] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-left: auto;
}

/* ── Client identity cell ────────────────────────────── */
.client-identity[b-ksf1d07y5t] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.client-avatar[b-ksf1d07y5t] {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-full);
    background: var(--color-primary-muted);
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: var(--text-sm);
    font-weight: 600;
    flex-shrink: 0;
}

.client-info[b-ksf1d07y5t] {
    min-width: 0;
}

.client-name[b-ksf1d07y5t] {
    font-weight: 600;
    font-size: var(--text-sm);
    color: var(--color-text);
    line-height: var(--leading-tight);
}

.client-email[b-ksf1d07y5t] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    line-height: var(--leading-normal);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

/* ── Other cells ─────────────────────────────────────── */
.cell-phone[b-ksf1d07y5t] {
    color: var(--color-text);
    white-space: nowrap;
}

.cell-nutritionist[b-ksf1d07y5t] {
    color: var(--color-text);
}

.cell-date[b-ksf1d07y5t] {
    color: var(--color-text-muted);
    font-size: var(--text-xs);
    white-space: nowrap;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 860px) {
    .client-count[b-ksf1d07y5t] {
        margin-left: 0;
        width: 100%;
        order: 10;
    }

    .search-wrapper[b-ksf1d07y5t] {
        max-width: none;
        flex: 1 1 auto;
    }

    .filter-group[b-ksf1d07y5t] {
        margin-left: auto;
    }
}

@media (max-width: 600px) {
    .clients-page[b-ksf1d07y5t] {
        padding: var(--space-4);
    }

    .clients-header[b-ksf1d07y5t] {
        flex-wrap: wrap;
        gap: var(--space-3);
    }
}
/* _content/Nutrir.Web/Components/Pages/Clients/ConsentFormReview.razor.rz.scp.css */
/* ── Consent Review Container ─────────────────────────── */
.consent-review[b-ph5vmidc1m] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* ── Toggle Button ───────────────────────────────────── */
.consent-review-toggle[b-ph5vmidc1m] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: var(--color-bg-alt);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-primary);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-default);
    width: fit-content;
}

.consent-review-toggle:hover[b-ph5vmidc1m] {
    background: var(--color-primary-muted);
}

.toggle-icon[b-ph5vmidc1m] {
    transition: transform var(--duration-fast) var(--ease-default);
    flex-shrink: 0;
}

.toggle-icon.expanded[b-ph5vmidc1m] {
    transform: rotate(90deg);
}

/* ── Content Area ────────────────────────────────────── */
.consent-review-content[b-ph5vmidc1m] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-5);
    background: var(--color-bg);
    max-height: 500px;
    overflow-y: auto;
    animation: fadeIn-b-ph5vmidc1m 0.2s var(--ease-default);
}

@keyframes fadeIn-b-ph5vmidc1m {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── Header ──────────────────────────────────────────── */
.consent-review-header[b-ph5vmidc1m] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 2px solid var(--color-primary);
}

.consent-review-title[b-ph5vmidc1m] {
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--color-primary);
    margin: 0;
}

.consent-review-version[b-ph5vmidc1m] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    white-space: nowrap;
}

/* ── Sections ────────────────────────────────────────── */
.consent-section[b-ph5vmidc1m] {
    margin-bottom: var(--space-4);
}

.consent-section-heading[b-ph5vmidc1m] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-primary);
    margin: 0 0 var(--space-2) 0;
}

.consent-section-text[b-ph5vmidc1m] {
    font-size: var(--text-sm);
    color: var(--color-text);
    line-height: 1.6;
    margin: 0 0 var(--space-2) 0;
}

.consent-section-text:last-child[b-ph5vmidc1m] {
    margin-bottom: 0;
}

/* ── Signature Block ─────────────────────────────────── */
.consent-signature-block[b-ph5vmidc1m] {
    margin-top: var(--space-4);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

.consent-signature-block p[b-ph5vmidc1m] {
    font-size: var(--text-sm);
    font-style: italic;
    color: var(--color-text-muted);
    line-height: 1.6;
    margin: 0;
}
/* _content/Nutrir.Web/Components/Pages/MealPlans/MealPlanCreate.razor.rz.scp.css */
/* ── Page Container ───────────────────────────────────── */
.form-page[b-avzygicyj3] {
    max-width: 720px;
    padding: var(--space-8);
}

/* ── Page Header ──────────────────────────────────────── */
.page-header[b-avzygicyj3] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-6);
}

.back-link[b-avzygicyj3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-default);
    flex-shrink: 0;
}

.back-link:hover[b-avzygicyj3] {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

.page-title[b-avzygicyj3] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

/* ── Table Card (form wrapper) ────────────────────────── */
.table-card[b-avzygicyj3] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

/* ── Section Header ───────────────────────────────────── */
.section-header[b-avzygicyj3] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    cursor: pointer;
    user-select: none;
    transition: background var(--duration-fast) var(--ease-default);
}

.section-header:hover[b-avzygicyj3] {
    background: color-mix(in srgb, var(--color-bg-alt) 80%, var(--color-primary-muted));
}

.section-header svg[b-avzygicyj3] {
    flex-shrink: 0;
    opacity: 0.7;
}

/* ── Section Chevron ──────────────────────────────────── */
.section-chevron[b-avzygicyj3] {
    margin-left: auto;
    transition: transform var(--duration-fast) var(--ease-default);
}

.section-chevron.collapsed[b-avzygicyj3] {
    transform: rotate(-90deg);
}

/* Add top border between sections */
.form-body + .section-header[b-avzygicyj3] {
    border-top: 1px solid var(--color-border);
}

/* ── Form Body ────────────────────────────────────────── */
.form-body[b-avzygicyj3] {
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

/* ── Form Grid ────────────────────────────────────────── */
.form-grid[b-avzygicyj3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

/* ── Error Banner ─────────────────────────────────────── */
.error-banner[b-avzygicyj3] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-6);
    background: color-mix(in srgb, var(--color-error) 8%, transparent);
    border-top: 1px solid color-mix(in srgb, var(--color-error) 30%, var(--color-border));
    font-size: var(--text-sm);
    color: var(--color-error);
}

.error-banner svg[b-avzygicyj3] {
    flex-shrink: 0;
}

/* ── Form Actions ─────────────────────────────────────── */
.form-actions[b-avzygicyj3] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-alt);
}

.cancel-link[b-avzygicyj3] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--duration-fast) var(--ease-default);
}

.cancel-link:hover[b-avzygicyj3] {
    color: var(--color-text);
    text-decoration: underline;
}

/* ── Section Fade-In Animation ────────────────────────── */
@keyframes sectionFadeIn-b-avzygicyj3 {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.table-card[b-avzygicyj3] {
    animation: sectionFadeIn-b-avzygicyj3 0.3s var(--ease-default) backwards;
    animation-delay: 0.05s;
}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 600px) {
    .form-page[b-avzygicyj3] {
        padding: var(--space-4);
    }

    .form-grid[b-avzygicyj3] {
        grid-template-columns: 1fr;
    }

    .section-header[b-avzygicyj3] {
        padding: var(--space-3) var(--space-4);
    }

    .form-body[b-avzygicyj3] {
        padding: var(--space-4);
    }

    .form-actions[b-avzygicyj3] {
        padding: var(--space-4);
    }
}
/* _content/Nutrir.Web/Components/Pages/MealPlans/MealPlanDetail.razor.rz.scp.css */
/* ── Page Container ──────────────────────────────────── */
.mp-detail-page[b-quim27mt8g] {
    max-width: 960px;
    margin: 0 auto;
    padding: var(--space-8);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* ── Shared Card Wrapper ─────────────────────────────── */
.table-card[b-quim27mt8g] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

/* ── Section Entrance Animation ──────────────────────── */
@keyframes sectionFadeIn-b-quim27mt8g {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.section-animate[b-quim27mt8g] {
    animation: sectionFadeIn-b-quim27mt8g 0.3s var(--ease-default) backwards;
}

/* ── Loading ─────────────────────────────────────────── */
.mp-loading[b-quim27mt8g] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

/* ── Not Found ───────────────────────────────────────── */
.mp-not-found[b-quim27mt8g] {
    padding: var(--space-16) var(--space-6);
    text-align: center;
}

.not-found-title[b-quim27mt8g] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.not-found-action[b-quim27mt8g] {
    display: flex;
    justify-content: center;
    margin-top: var(--space-4);
}

/* ── Hero Header ─────────────────────────────────────── */
.hero[b-quim27mt8g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-6);
}

.hero-identity[b-quim27mt8g] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    min-width: 0;
}

.hero-icon[b-quim27mt8g] {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-full);
    background: var(--color-primary-muted);
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.hero-info[b-quim27mt8g] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.hero-title-row[b-quim27mt8g] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.hero-name[b-quim27mt8g] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
    line-height: var(--leading-tight);
    margin: 0;
}

/* ── Badge Dot ───────────────────────────────────────── */
.badge-dot[b-quim27mt8g] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: currentColor;
}

/* ── Hero Meta Rows ──────────────────────────────────── */
.hero-meta-rows[b-quim27mt8g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.hero-meta-row[b-quim27mt8g] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-1);
}

.meta-item[b-quim27mt8g] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    font-size: var(--text-sm);
    color: var(--color-text);
}

.meta-item svg[b-quim27mt8g] {
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.hero-meta-row .meta-item + .meta-item[b-quim27mt8g]::before {
    content: '\00B7';
    color: var(--color-text-muted);
    margin: 0 var(--space-1);
}

.client-link[b-quim27mt8g] {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.client-link:hover[b-quim27mt8g] {
    opacity: 0.8;
    text-decoration: underline;
}

/* ── Hero Actions ────────────────────────────────────── */
.hero-actions[b-quim27mt8g] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
    padding-left: calc(56px + var(--space-4));
}

/* ── Section Headers ─────────────────────────────────── */
.section-header[b-quim27mt8g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
}

.section-header-label[b-quim27mt8g] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

/* ── Details Grid ────────────────────────────────────── */
.detail-grid[b-quim27mt8g] {
    padding: var(--space-5) var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.detail-field[b-quim27mt8g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.detail-label[b-quim27mt8g] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

.detail-value[b-quim27mt8g] {
    font-size: var(--text-sm);
    color: var(--color-text);
}

.detail-value a[b-quim27mt8g] {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.detail-value a:hover[b-quim27mt8g] {
    opacity: 0.8;
    text-decoration: underline;
}

/* ── Macro Bar ───────────────────────────────────────── */
.macro-bar[b-quim27mt8g] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.macro-bar span[b-quim27mt8g] {
    white-space: nowrap;
}

/* ── Notes Body ──────────────────────────────────────── */
.notes-body[b-quim27mt8g] {
    padding: var(--space-4) var(--space-6);
}

.notes-text[b-quim27mt8g] {
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    color: var(--color-text);
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    line-height: 1.6;
}

/* ── Day Panel Meal Slot Sections ────────────────────── */
.slot-section[b-quim27mt8g] {
    border-bottom: 1px solid rgba(var(--rgb-accent), 0.08);
}

.slot-section:last-child[b-quim27mt8g] {
    border-bottom: none;
}

.slot-header[b-quim27mt8g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-2) var(--space-4);
    background: rgba(var(--rgb-accent), 0.04);
    border-bottom: 1px solid rgba(var(--rgb-accent), 0.08);
}

.slot-name[b-quim27mt8g] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
}

.slot-totals[b-quim27mt8g] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.day-totals-header[b-quim27mt8g] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    font-weight: 500;
}

/* ── Items Table ─────────────────────────────────────── */
.items-table[b-quim27mt8g] {
    width: 100%;
    table-layout: fixed;
    font-size: var(--text-xs);
    border-collapse: collapse;
}

.items-table th[b-quim27mt8g] {
    padding: var(--space-2) var(--space-3);
    text-align: left;
    font-weight: 600;
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-text-muted);
    border-bottom: 1px solid var(--color-border);
}

.items-table td[b-quim27mt8g] {
    padding: var(--space-2) var(--space-3);
    border-bottom: 1px solid rgba(var(--rgb-accent), 0.08);
    color: var(--color-text);
}

.items-table tbody tr:last-child td[b-quim27mt8g] {
    border-bottom: none;
}

.item-name[b-quim27mt8g] {
    font-weight: 500;
}

.item-note[b-quim27mt8g] {
    display: block;
    font-size: 0.625rem;
    color: var(--color-text-muted);
    font-style: italic;
}

/* ── Delete Confirmation ─────────────────────────────── */
.delete-card[b-quim27mt8g] {
    border-color: color-mix(in srgb, var(--color-error) 40%, var(--color-border));
}

.delete-confirm[b-quim27mt8g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-5) var(--space-6);
}

.delete-title[b-quim27mt8g] {
    font-weight: 600;
    color: var(--color-text);
}

.delete-desc[b-quim27mt8g] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.delete-error[b-quim27mt8g] {
    font-size: var(--text-sm);
    color: var(--color-error);
}

.delete-actions[b-quim27mt8g] {
    display: flex;
    gap: var(--space-3);
}

/* ── Success Message ─────────────────────────────────── */
.success-msg[b-quim27mt8g] {
    padding: var(--space-3) var(--space-4);
    background: rgba(90, 158, 107, 0.1);
    color: var(--color-success);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 500;
}

/* ── Metadata Footer ─────────────────────────────────── */
.meta-footer[b-quim27mt8g] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    padding: 0 var(--space-2);
}

/* ── Real-Time Banner ────────────────────────────────── */
.realtime-banner[b-quim27mt8g] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    margin-bottom: var(--space-3);
    background: rgba(var(--rgb-primary), 0.08);
    border: 1px solid rgba(var(--rgb-primary), 0.20);
    border-radius: var(--radius-md);
    font-size: var(--text-xs);
    color: var(--color-primary);
    font-weight: 500;
}

.realtime-dot[b-quim27mt8g] {
    width: 7px;
    height: 7px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    flex-shrink: 0;
    animation: realtimePulse-b-quim27mt8g 1.8s ease-in-out 3;
}

@keyframes realtimePulse-b-quim27mt8g {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.75); }
}

/* ── Status Error ────────────────────────────────────── */
.status-error[b-quim27mt8g] {
    padding: var(--space-3) var(--space-4);
    background: rgba(var(--rgb-error, 220, 38, 38), 0.08);
    color: var(--color-error);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 500;
}

/* ── Allergen Warnings Panel ────────────────────────── */
.allergen-warnings[b-quim27mt8g] {
    border-color: color-mix(in srgb, var(--color-warning, #d97706) 40%, var(--color-border));
}

.allergen-warning-header[b-quim27mt8g] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    background: rgba(217, 119, 6, 0.08);
    border-bottom: 1px solid var(--color-border);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-warning, #d97706);
}

.allergen-warning-header svg[b-quim27mt8g] {
    flex-shrink: 0;
}

.allergen-severity-group[b-quim27mt8g] {
    border-bottom: 1px solid var(--color-border);
}

.allergen-severity-group:last-child[b-quim27mt8g] {
    border-bottom: none;
}

.allergen-severity-label[b-quim27mt8g] {
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
    background: var(--color-bg-alt);
}

.allergen-warning-row[b-quim27mt8g] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-sm);
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(var(--rgb-accent), 0.08);
}

.allergen-warning-row:last-child[b-quim27mt8g] {
    border-bottom: none;
}

.warning-overridden[b-quim27mt8g] {
    opacity: 0.55;
}

.severity-badge[b-quim27mt8g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-0-5, 2px) var(--space-2);
    border-radius: var(--radius-full);
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    flex-shrink: 0;
}

.severity-severe[b-quim27mt8g] {
    background: rgba(220, 38, 38, 0.12);
    color: #dc2626;
}

.severity-moderate[b-quim27mt8g] {
    background: rgba(217, 119, 6, 0.12);
    color: #d97706;
}

.severity-mild[b-quim27mt8g] {
    background: rgba(202, 138, 4, 0.12);
    color: #ca8a04;
}

.warning-food[b-quim27mt8g] {
    font-weight: 500;
    color: var(--color-text);
}

.warning-context[b-quim27mt8g] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.warning-allergy[b-quim27mt8g] {
    font-size: var(--text-xs);
    color: var(--color-text);
    font-weight: 500;
}

.warning-category[b-quim27mt8g] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    padding: var(--space-0-5, 2px) var(--space-1);
    background: rgba(var(--rgb-accent), 0.08);
    border-radius: var(--radius-sm);
}

.warning-actions[b-quim27mt8g] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

.warning-override-note[b-quim27mt8g] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    font-style: italic;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-link[b-quim27mt8g] {
    background: none;
    border: none;
    padding: var(--space-1) var(--space-2);
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--color-primary);
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: background var(--duration-fast) var(--ease-default);
}

.btn-link:hover[b-quim27mt8g] {
    background: rgba(var(--rgb-primary), 0.08);
}

.btn-link-danger[b-quim27mt8g] {
    color: var(--color-error);
}

.btn-link-danger:hover[b-quim27mt8g] {
    background: rgba(var(--rgb-error, 220, 38, 38), 0.08);
}

.btn-link-confirm[b-quim27mt8g] {
    color: var(--color-success);
}

.btn-link-confirm:hover[b-quim27mt8g] {
    background: rgba(90, 158, 107, 0.1);
}

.acknowledge-form[b-quim27mt8g] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.ack-note-input[b-quim27mt8g] {
    padding: var(--space-1) var(--space-2);
    font-size: var(--text-xs);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg-card);
    color: var(--color-text);
    min-width: 140px;
    outline: none;
    transition: border-color var(--duration-fast) var(--ease-default);
}

.ack-note-input:focus[b-quim27mt8g] {
    border-color: var(--color-primary);
}

/* ── Responsive: Mobile ──────────────────────────────── */
@media (max-width: 600px) {
    .mp-detail-page[b-quim27mt8g] {
        padding: var(--space-4);
    }

    .hero[b-quim27mt8g] {
        padding: var(--space-4);
        align-items: center;
    }

    .hero-identity[b-quim27mt8g] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hero-title-row[b-quim27mt8g] {
        justify-content: center;
    }

    .hero-meta-rows[b-quim27mt8g] {
        align-items: center;
    }

    .hero-meta-row[b-quim27mt8g] {
        justify-content: center;
    }

    .hero-actions[b-quim27mt8g] {
        padding-left: 0;
        justify-content: center;
    }

    .detail-grid[b-quim27mt8g] {
        padding: var(--space-4);
    }

    .notes-body[b-quim27mt8g] {
        padding: var(--space-4);
    }

    .allergen-warning-row[b-quim27mt8g] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-1);
    }

    .warning-actions[b-quim27mt8g] {
        margin-left: 0;
        width: 100%;
    }

    .acknowledge-form[b-quim27mt8g] {
        flex-wrap: wrap;
    }

    .ack-note-input[b-quim27mt8g] {
        min-width: 100%;
    }
}
/* _content/Nutrir.Web/Components/Pages/MealPlans/MealPlanEdit.razor.rz.scp.css */
/* ── Page Container ──────────────────────────────────── */
.mp-edit-page[b-q4xka58qvo] {
    max-width: 960px;
    padding: var(--space-8);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* ── Page Header ─────────────────────────────────────── */
.page-header[b-q4xka58qvo] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-2);
}

.page-title[b-q4xka58qvo] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

/* ── Badge Dot ───────────────────────────────────────── */
.badge-dot[b-q4xka58qvo] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: currentColor;
}

/* ── Loading / Not Found ─────────────────────────────── */
.mp-loading[b-q4xka58qvo] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

.table-card[b-q4xka58qvo] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

.mp-not-found[b-q4xka58qvo] {
    padding: var(--space-16) var(--space-6);
    text-align: center;
}

.not-found-title[b-q4xka58qvo] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.not-found-action[b-q4xka58qvo] {
    display: flex;
    justify-content: center;
    margin-top: var(--space-4);
}

/* ── Allergen Banner ─────────────────────────────────── */
.allergen-banner[b-q4xka58qvo] {
    padding: var(--space-2) var(--space-4);
    border-left: 3px solid;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    line-height: 1.4;
}

.allergen-banner a[b-q4xka58qvo] {
    color: inherit;
    text-decoration: underline;
}

.allergen-banner-severe[b-q4xka58qvo] {
    background: rgba(var(--rgb-error, 200, 60, 60), 0.08);
    border-left-color: var(--color-error);
    color: var(--color-error);
}

.allergen-banner-warning[b-q4xka58qvo] {
    background: rgba(196, 136, 47, 0.08);
    border-left-color: var(--color-warning);
    color: var(--color-warning);
}

/* ── Targets Bar ─────────────────────────────────────── */
.targets-bar[b-q4xka58qvo] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    background: rgba(var(--rgb-accent), 0.06);
    border-radius: var(--radius-md);
}

.targets-label[b-q4xka58qvo] {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* ── Day Tabs ────────────────────────────────────────── */
.day-tabs[b-q4xka58qvo] {
    display: flex;
    gap: var(--space-1);
    border-bottom: 1px solid var(--color-border);
    padding-bottom: var(--space-2);
}

.day-tab[b-q4xka58qvo] {
    padding: var(--space-2) var(--space-4);
    font-family: var(--font-sans);
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--color-text-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-default);
}

.day-tab:hover[b-q4xka58qvo] {
    color: var(--color-text);
    background: rgba(var(--rgb-primary), 0.05);
}

.day-tab.active[b-q4xka58qvo] {
    color: var(--color-primary);
    background: var(--color-bg-card);
    border-color: var(--color-border);
    border-bottom-color: var(--color-bg-card);
    font-weight: 600;
}

/* ── Day Totals Bar ──────────────────────────────────── */
.day-totals[b-q4xka58qvo] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    font-size: var(--text-sm);
    font-weight: 500;
}

.day-totals.on-target[b-q4xka58qvo] {
    border-color: var(--color-success);
    background: rgba(90, 158, 107, 0.05);
}

.day-totals.over[b-q4xka58qvo] {
    border-color: var(--color-warning);
    background: rgba(196, 136, 47, 0.05);
}

.day-totals.under[b-q4xka58qvo] {
    border-color: var(--color-info);
    background: rgba(74, 126, 139, 0.05);
}

.totals-label[b-q4xka58qvo] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-text-muted);
}

.target-diff[b-q4xka58qvo] {
    font-weight: 600;
    font-size: var(--text-xs);
}

.target-diff.over[b-q4xka58qvo] {
    color: var(--color-warning);
}

.target-diff.under[b-q4xka58qvo] {
    color: var(--color-info);
}

.target-diff.on-target[b-q4xka58qvo] {
    color: var(--color-success);
}

/* ── Slot Card ───────────────────────────────────────── */
.slot-card[b-q4xka58qvo] {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.slot-header[b-q4xka58qvo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    background: rgba(var(--rgb-accent), 0.04);
    border-bottom: 1px solid var(--color-border);
}

.slot-name[b-q4xka58qvo] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
}

.slot-totals[b-q4xka58qvo] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.slot-remove[b-q4xka58qvo] {
    background: none;
    border: none;
    color: var(--color-text-muted);
    cursor: pointer;
    font-size: var(--text-lg);
    padding: 0 var(--space-2);
    transition: color var(--duration-fast);
}

.slot-remove:hover[b-q4xka58qvo] {
    color: var(--color-error);
}

/* ── Items Table ─────────────────────────────────────── */
.items-table[b-q4xka58qvo] {
    width: 100%;
    table-layout: fixed;
    font-size: var(--text-xs);
    border-collapse: collapse;
}

.items-table th[b-q4xka58qvo] {
    padding: var(--space-2) var(--space-3);
    text-align: left;
    font-weight: 600;
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-text-muted);
    border-bottom: 1px solid var(--color-border);
}

.items-table td[b-q4xka58qvo] {
    padding: var(--space-2) var(--space-3);
    border-bottom: 1px solid rgba(var(--rgb-accent), 0.08);
    color: var(--color-text);
}

.items-table tbody tr:last-child td[b-q4xka58qvo] {
    border-bottom: none;
}

.item-remove[b-q4xka58qvo] {
    background: none;
    border: none;
    color: var(--color-text-muted);
    cursor: pointer;
    font-size: var(--text-sm);
    padding: 0;
}

.item-remove:hover[b-q4xka58qvo] {
    color: var(--color-error);
}

/* ── Item Form ───────────────────────────────────────── */
.item-form[b-q4xka58qvo] {
    padding: var(--space-3) var(--space-4);
    background: rgba(var(--rgb-primary), 0.02);
    border-top: 1px solid var(--color-border);
}

.item-form-row[b-q4xka58qvo] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-2);
}

.item-form-row > *[b-q4xka58qvo] {
    flex: 1;
}

.item-form-actions[b-q4xka58qvo] {
    display: flex;
    gap: var(--space-2);
    margin-top: var(--space-2);
}

/* ── Add Buttons ─────────────────────────────────────── */
.add-item-btn[b-q4xka58qvo] {
    display: block;
    width: 100%;
    padding: var(--space-2) var(--space-4);
    font-family: var(--font-sans);
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--color-primary);
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background var(--duration-fast);
}

.add-item-btn:hover[b-q4xka58qvo] {
    background: rgba(var(--rgb-primary), 0.05);
}

.add-slot-btn[b-q4xka58qvo] {
    display: block;
    width: 100%;
    padding: var(--space-3);
    font-family: var(--font-sans);
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--color-primary);
    background: transparent;
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-lg);
    cursor: pointer;
    text-align: center;
    transition: background var(--duration-fast), border-color var(--duration-fast);
}

.add-slot-btn:hover[b-q4xka58qvo] {
    background: rgba(var(--rgb-primary), 0.05);
    border-color: var(--color-primary);
}

.add-slot-form[b-q4xka58qvo] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-bg-card);
}

/* ── Save Bar ────────────────────────────────────────── */
.save-bar[b-q4xka58qvo] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

/* ── Messages ────────────────────────────────────────── */
.success-msg[b-q4xka58qvo] {
    padding: var(--space-3) var(--space-4);
    background: rgba(90, 158, 107, 0.1);
    color: var(--color-success);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 500;
}

.error-msg[b-q4xka58qvo] {
    font-size: var(--text-sm);
    color: var(--color-error);
    padding: var(--space-2) 0;
}

/* ── Entrance Animation ──────────────────────────────── */
@keyframes slotFadeIn-b-q4xka58qvo {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.slot-card[b-q4xka58qvo] {
    animation: slotFadeIn-b-q4xka58qvo 0.25s var(--ease-default) backwards;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 768px) {
    .item-form-row[b-q4xka58qvo] {
        flex-wrap: wrap;
    }

    .item-form-row > *[b-q4xka58qvo] {
        flex: 1 1 calc(50% - var(--space-1));
        min-width: 0;
    }
}

@media (max-width: 600px) {
    .mp-edit-page[b-q4xka58qvo] {
        padding: var(--space-4);
    }

    .day-tabs[b-q4xka58qvo] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .day-tab[b-q4xka58qvo] {
        white-space: nowrap;
    }

    .item-form-row > *[b-q4xka58qvo] {
        flex: 1 1 100%;
    }

    .slot-header[b-q4xka58qvo] {
        flex-wrap: wrap;
        gap: var(--space-2);
    }
}
/* _content/Nutrir.Web/Components/Pages/MealPlans/MealPlanList.razor.rz.scp.css */
.mp-list-page[b-p5ss2ty91t] {
    max-width: 1200px;
    padding: var(--space-8);
}

.page-header[b-p5ss2ty91t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-6);
}

.page-title[b-p5ss2ty91t] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

.filter-group[b-p5ss2ty91t] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.filter-label[b-p5ss2ty91t] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    white-space: nowrap;
}

.filter-select[b-p5ss2ty91t] {
    padding: var(--space-2) var(--space-3);
    padding-right: var(--space-8);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-normal);
    color: var(--color-text);
    background: var(--color-bg-input);
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius-md);
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b6b6b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--space-3) center;
    transition: border-color var(--duration-fast) var(--ease-default),
                box-shadow var(--duration-fast) var(--ease-default);
}

.filter-select:focus[b-p5ss2ty91t] {
    outline: none;
    border-color: var(--color-border-focus);
    box-shadow: 0 0 0 3px var(--color-primary-muted);
}

.mp-count[b-p5ss2ty91t] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-left: auto;
    white-space: nowrap;
}

.cell-title[b-p5ss2ty91t] {
    font-weight: 600;
    color: var(--color-text);
}

.cell-muted[b-p5ss2ty91t] {
    color: var(--color-text-muted);
    white-space: nowrap;
}

@media (max-width: 600px) {
    .mp-list-page[b-p5ss2ty91t] {
        padding: var(--space-4);
    }

    .page-header[b-p5ss2ty91t] {
        flex-wrap: wrap;
        gap: var(--space-3);
    }

    .filter-group[b-p5ss2ty91t] {
        flex: 1 1 100%;
    }

    .filter-select[b-p5ss2ty91t] {
        flex: 1;
    }
}
/* _content/Nutrir.Web/Components/Pages/Progress/ProgressChart.razor.rz.scp.css */
.chart-wrapper[b-ua7iwyyu2k] {
    width: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chart-wrapper canvas[b-ua7iwyyu2k] {
    width: 100% !important;
    max-height: 280px;
}

.chart-empty[b-ua7iwyyu2k] {
    padding: var(--space-8) var(--space-4);
    text-align: center;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    width: 100%;
}
/* _content/Nutrir.Web/Components/Pages/Progress/ProgressEntryCreate.razor.rz.scp.css */
/* ── Page Container ───────────────────────────────────── */
.form-page[b-frgqvmjyqk] {
    max-width: 720px;
    padding: var(--space-8);
}

/* ── Page Header ──────────────────────────────────────── */
.page-header[b-frgqvmjyqk] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-6);
}

.back-link[b-frgqvmjyqk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-default);
    flex-shrink: 0;
}

.back-link:hover[b-frgqvmjyqk] {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

.page-title[b-frgqvmjyqk] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

/* ── Table Card ──────────────────────────────────────── */
.table-card[b-frgqvmjyqk] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
    animation: sectionFadeIn-b-frgqvmjyqk 0.3s var(--ease-default) backwards 0.05s;
}

@keyframes sectionFadeIn-b-frgqvmjyqk {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Section Header ──────────────────────────────────── */
.section-header[b-frgqvmjyqk] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
}

.section-header svg[b-frgqvmjyqk] {
    flex-shrink: 0;
    opacity: 0.7;
}

/* ── Form Body ───────────────────────────────────────── */
.form-body[b-frgqvmjyqk] {
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.form-grid[b-frgqvmjyqk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

/* ── Measurement Row ─────────────────────────────────── */
.measurement-row[b-frgqvmjyqk] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4);
    background: var(--color-bg-alt);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
}

.measurement-fields[b-frgqvmjyqk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.btn-remove[b-frgqvmjyqk] {
    flex-shrink: 0;
    padding: var(--space-2);
    border-radius: var(--radius-sm);
    background: transparent;
    border: none;
    color: var(--color-text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all var(--duration-fast) var(--ease-default);
    align-self: flex-start;
    margin-top: var(--space-6);
}

.btn-remove:hover[b-frgqvmjyqk] {
    background: color-mix(in srgb, var(--color-error) 10%, transparent);
    color: var(--color-error);
}

.btn-add-measurement[b-frgqvmjyqk] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: transparent;
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-default);
    align-self: flex-start;
}

.btn-add-measurement:hover[b-frgqvmjyqk] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: var(--color-primary-muted);
}

/* ── Error Banner ────────────────────────────────────── */
.error-banner[b-frgqvmjyqk] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-6);
    background: color-mix(in srgb, var(--color-error) 8%, transparent);
    border-top: 1px solid color-mix(in srgb, var(--color-error) 30%, var(--color-border));
    font-size: var(--text-sm);
    color: var(--color-error);
}

.error-banner svg[b-frgqvmjyqk] { flex-shrink: 0; }

/* ── Form Actions ────────────────────────────────────── */
.form-actions[b-frgqvmjyqk] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-alt);
}

.cancel-link[b-frgqvmjyqk] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--duration-fast) var(--ease-default);
}

.cancel-link:hover[b-frgqvmjyqk] {
    color: var(--color-text);
    text-decoration: underline;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 600px) {
    .form-page[b-frgqvmjyqk] { padding: var(--space-4); }
    .form-grid[b-frgqvmjyqk] { grid-template-columns: 1fr; }
    .section-header[b-frgqvmjyqk] { padding: var(--space-3) var(--space-4); }
    .form-body[b-frgqvmjyqk] { padding: var(--space-4); }
    .form-actions[b-frgqvmjyqk] { padding: var(--space-4); }
}
/* _content/Nutrir.Web/Components/Pages/Progress/ProgressEntryDetail.razor.rz.scp.css */
/* ── Page Container ──────────────────────────────────── */
.detail-page[b-041onzabqr] {
    max-width: 960px;
    margin: 0 auto;
    padding: var(--space-8);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* ── Page Header ─────────────────────────────────────── */
.page-header[b-041onzabqr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-2);
}

.page-header-left[b-041onzabqr] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
}

.back-link[b-041onzabqr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-default);
    flex-shrink: 0;
    margin-top: 2px;
}

.back-link:hover[b-041onzabqr] {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

.page-title[b-041onzabqr] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
    margin: 0;
}

.page-subtitle[b-041onzabqr] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin: var(--space-1) 0 0;
}

.page-actions[b-041onzabqr] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

.btn-edit[b-041onzabqr], .btn-delete[b-041onzabqr] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid var(--color-border);
    background: var(--color-bg-card);
    color: var(--color-text);
    transition: all var(--duration-fast) var(--ease-default);
}

.btn-edit:hover[b-041onzabqr] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.btn-delete:hover[b-041onzabqr] {
    border-color: var(--color-error);
    color: var(--color-error);
}

/* ── Loading ─────────────────────────────────────────── */
.detail-loading[b-041onzabqr] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

/* ── Shared Card ─────────────────────────────────────── */
.table-card[b-041onzabqr] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

@keyframes sectionFadeIn-b-041onzabqr {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.section-animate[b-041onzabqr] {
    animation: sectionFadeIn-b-041onzabqr 0.3s var(--ease-default) backwards;
}

/* ── Section Header ──────────────────────────────────── */
.section-header[b-041onzabqr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
}

.section-header-label[b-041onzabqr] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

.section-count[b-041onzabqr] {
    font-weight: 400;
    margin-left: var(--space-1);
}

.section-empty[b-041onzabqr] {
    padding: var(--space-8) var(--space-4);
    text-align: center;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

/* ── Measurements Grid ───────────────────────────────── */
.measurements-grid[b-041onzabqr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1px;
    background: var(--color-border);
}

.measurement-card[b-041onzabqr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-4);
    background: var(--color-bg-card);
}

.measurement-label[b-041onzabqr] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

.measurement-value[b-041onzabqr] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

.measurement-unit[b-041onzabqr] {
    font-size: var(--text-sm);
    font-weight: 400;
    color: var(--color-text-muted);
}

/* ── Notes ────────────────────────────────────────────── */
.notes-body[b-041onzabqr] {
    padding: var(--space-4);
}

.notes-text[b-041onzabqr] {
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    color: var(--color-text);
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    line-height: 1.6;
}

/* ── Delete Confirmation ─────────────────────────────── */
.delete-card[b-041onzabqr] {
    border-color: color-mix(in srgb, var(--color-error) 40%, var(--color-border));
}

.delete-confirm[b-041onzabqr] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4);
}

.delete-icon-wrapper[b-041onzabqr] {
    flex-shrink: 0;
    color: var(--color-error);
    padding-top: 2px;
}

.delete-content[b-041onzabqr] { flex: 1; }

.delete-title[b-041onzabqr] {
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.delete-desc[b-041onzabqr] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin-bottom: var(--space-4);
}

.delete-actions[b-041onzabqr] {
    display: flex;
    gap: var(--space-3);
}

/* ── Empty State ─────────────────────────────────────── */
.empty-state[b-041onzabqr] {
    padding: var(--space-16) var(--space-6);
    text-align: center;
}

.empty-state-title[b-041onzabqr] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.empty-state-desc[b-041onzabqr] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

/* ── Metadata Footer ─────────────────────────────────── */
.meta-footer[b-041onzabqr] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    padding: 0 var(--space-2);
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 600px) {
    .detail-page[b-041onzabqr] {
        padding: var(--space-4);
    }

    .page-header[b-041onzabqr] {
        flex-direction: column;
    }

    .measurements-grid[b-041onzabqr] {
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/Nutrir.Web/Components/Pages/Progress/ProgressEntryEdit.razor.rz.scp.css */
/* ── Page Container ───────────────────────────────────── */
.form-page[b-j0s5i7amey] {
    max-width: 720px;
    padding: var(--space-8);
}

/* ── Page Header ──────────────────────────────────────── */
.page-header[b-j0s5i7amey] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-6);
}

.back-link[b-j0s5i7amey] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-default);
    flex-shrink: 0;
}

.back-link:hover[b-j0s5i7amey] {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

.page-title[b-j0s5i7amey] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

/* ── Table Card ──────────────────────────────────────── */
.table-card[b-j0s5i7amey] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
    animation: sectionFadeIn-b-j0s5i7amey 0.3s var(--ease-default) backwards 0.05s;
}

@keyframes sectionFadeIn-b-j0s5i7amey {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Section Header ──────────────────────────────────── */
.section-header[b-j0s5i7amey] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
}

.section-header svg[b-j0s5i7amey] {
    flex-shrink: 0;
    opacity: 0.7;
}

/* ── Form Body ───────────────────────────────────────── */
.form-body[b-j0s5i7amey] {
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.form-grid[b-j0s5i7amey] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

/* ── Measurement Row ─────────────────────────────────── */
.measurement-row[b-j0s5i7amey] {
    display: flex;
    gap: var(--space-3);
    padding: var(--space-4);
    background: var(--color-bg-alt);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
}

.measurement-fields[b-j0s5i7amey] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.btn-remove[b-j0s5i7amey] {
    flex-shrink: 0;
    padding: var(--space-2);
    border-radius: var(--radius-sm);
    background: transparent;
    border: none;
    color: var(--color-text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all var(--duration-fast) var(--ease-default);
    align-self: flex-start;
    margin-top: var(--space-6);
}

.btn-remove:hover[b-j0s5i7amey] {
    background: color-mix(in srgb, var(--color-error) 10%, transparent);
    color: var(--color-error);
}

.btn-add-measurement[b-j0s5i7amey] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    background: transparent;
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-default);
    align-self: flex-start;
}

.btn-add-measurement:hover[b-j0s5i7amey] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: var(--color-primary-muted);
}

/* ── Error Banner ────────────────────────────────────── */
.error-banner[b-j0s5i7amey] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-6);
    background: color-mix(in srgb, var(--color-error) 8%, transparent);
    border-top: 1px solid color-mix(in srgb, var(--color-error) 30%, var(--color-border));
    font-size: var(--text-sm);
    color: var(--color-error);
}

.error-banner svg[b-j0s5i7amey] { flex-shrink: 0; }

/* ── Form Actions ────────────────────────────────────── */
.form-actions[b-j0s5i7amey] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-alt);
}

.cancel-link[b-j0s5i7amey] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--duration-fast) var(--ease-default);
}

.cancel-link:hover[b-j0s5i7amey] {
    color: var(--color-text);
    text-decoration: underline;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 600px) {
    .form-page[b-j0s5i7amey] { padding: var(--space-4); }
    .form-grid[b-j0s5i7amey] { grid-template-columns: 1fr; }
    .section-header[b-j0s5i7amey] { padding: var(--space-3) var(--space-4); }
    .form-body[b-j0s5i7amey] { padding: var(--space-4); }
    .form-actions[b-j0s5i7amey] { padding: var(--space-4); }
}
/* _content/Nutrir.Web/Components/Pages/Progress/ProgressGoalModal.razor.rz.scp.css */
/* ── Modal Backdrop ───────────────────────────────────── */
.modal-backdrop[b-oyppafogdc] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: backdropFadeIn-b-oyppafogdc 0.15s ease;
}

@keyframes backdropFadeIn-b-oyppafogdc {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ── Modal Dialog ────────────────────────────────────── */
.modal-dialog[b-oyppafogdc] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, 0.12));
    border: 1px solid var(--color-border);
    width: 100%;
    max-width: 480px;
    max-height: 90vh;
    overflow-y: auto;
    animation: modalSlideIn-b-oyppafogdc 0.2s ease;
}

@keyframes modalSlideIn-b-oyppafogdc {
    from { opacity: 0; transform: translateY(12px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── Modal Header ────────────────────────────────────── */
.modal-header[b-oyppafogdc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4) var(--space-6);
    border-bottom: 1px solid var(--color-border);
}

.modal-title[b-oyppafogdc] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin: 0;
}

.modal-close[b-oyppafogdc] {
    padding: var(--space-1);
    border-radius: var(--radius-sm);
    background: transparent;
    border: none;
    color: var(--color-text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: all var(--duration-fast) var(--ease-default);
}

.modal-close:hover[b-oyppafogdc] {
    background: var(--color-bg-alt);
    color: var(--color-text);
}

/* ── Modal Body ──────────────────────────────────────── */
.modal-body[b-oyppafogdc] {
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.form-grid[b-oyppafogdc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

.modal-error[b-oyppafogdc] {
    font-size: var(--text-sm);
    color: var(--color-error);
}

/* ── Modal Footer ────────────────────────────────────── */
.modal-footer[b-oyppafogdc] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-alt);
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
}

.cancel-link[b-oyppafogdc] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: color var(--duration-fast) var(--ease-default);
}

.cancel-link:hover[b-oyppafogdc] {
    color: var(--color-text);
    text-decoration: underline;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 600px) {
    .modal-dialog[b-oyppafogdc] {
        margin: var(--space-4);
        max-height: calc(100vh - var(--space-8));
    }

    .modal-body[b-oyppafogdc] {
        padding: var(--space-4);
    }

    .form-grid[b-oyppafogdc] {
        grid-template-columns: 1fr;
    }
}
/* _content/Nutrir.Web/Components/Pages/Progress/ProgressList.razor.rz.scp.css */
/* ── Page Container ──────────────────────────────────── */
.progress-page[b-xfg0kos85n] {
    max-width: 960px;
    margin: 0 auto;
    padding: var(--space-8);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* ── Page Header ─────────────────────────────────────── */
.page-header[b-xfg0kos85n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-2);
}

.page-header-left[b-xfg0kos85n] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.back-link[b-xfg0kos85n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    text-decoration: none;
    transition: all var(--duration-fast) var(--ease-default);
    flex-shrink: 0;
}

.back-link:hover[b-xfg0kos85n] {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

.page-title[b-xfg0kos85n] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
}

.btn-new-entry[b-xfg0kos85n] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    background: var(--color-primary);
    color: var(--color-primary-fg);
    border: none;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.btn-new-entry:hover[b-xfg0kos85n] {
    opacity: 0.9;
}

/* ── Loading ─────────────────────────────────────────── */
.progress-loading[b-xfg0kos85n] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

/* ── Shared Card ─────────────────────────────────────── */
.table-card[b-xfg0kos85n] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

/* ── Section Animation ───────────────────────────────── */
@keyframes sectionFadeIn-b-xfg0kos85n {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.section-animate[b-xfg0kos85n] {
    animation: sectionFadeIn-b-xfg0kos85n 0.3s var(--ease-default) backwards;
}

/* ── Section Header ──────────────────────────────────── */
.section-header[b-xfg0kos85n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
}

.section-header-label[b-xfg0kos85n] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

.section-count[b-xfg0kos85n] {
    font-weight: 400;
    margin-left: var(--space-1);
}

.section-header-action[b-xfg0kos85n] {
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--color-primary);
    background: none;
    border: none;
    cursor: pointer;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.section-header-action:hover[b-xfg0kos85n] {
    opacity: 0.8;
}

/* ── Section Content ─────────────────────────────────── */
.section-list[b-xfg0kos85n] {
    display: flex;
    flex-direction: column;
}

.section-empty[b-xfg0kos85n] {
    padding: var(--space-8) var(--space-4);
    text-align: center;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.list-row[b-xfg0kos85n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    text-decoration: none;
    color: inherit;
    transition: background var(--duration-fast) var(--ease-default);
}

.list-row:last-child[b-xfg0kos85n] {
    border-bottom: none;
}

.list-row:hover[b-xfg0kos85n] {
    background: var(--color-bg-alt);
}

.list-row-primary[b-xfg0kos85n] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.list-row-title[b-xfg0kos85n] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
}

.list-row-meta[b-xfg0kos85n] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

/* ── Goal Row Actions ────────────────────────────────── */
.goal-actions[b-xfg0kos85n] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.btn-icon[b-xfg0kos85n] {
    padding: var(--space-2);
    border-radius: var(--radius-sm);
    background: transparent;
    border: none;
    color: var(--color-text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all var(--duration-fast) var(--ease-default);
    text-decoration: none;
}

.btn-icon:hover[b-xfg0kos85n] {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

.btn-icon-danger:hover[b-xfg0kos85n] {
    background: color-mix(in srgb, var(--color-error) 10%, transparent);
    color: var(--color-error);
}

/* ── Chart ────────────────────────────────────────────── */
.chart-metric-picker[b-xfg0kos85n] {
    display: flex;
    align-items: center;
}

.filter-select[b-xfg0kos85n] {
    padding: var(--space-1) var(--space-3);
    padding-right: var(--space-8);
    font-family: var(--font-sans);
    font-size: var(--text-xs);
    color: var(--color-text);
    background: var(--color-bg-input);
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius-md);
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b6b6b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--space-2) center;
}

.chart-container[b-xfg0kos85n] {
    padding: var(--space-4);
    min-height: 200px;
}

/* ── Entries Table ────────────────────────────────────── */
.entries-table[b-xfg0kos85n] {
    width: 100%;
    border-collapse: collapse;
}

.entries-table thead th[b-xfg0kos85n] {
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    text-align: left;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-alt);
    white-space: nowrap;
}

.entries-table thead th:first-child[b-xfg0kos85n] {
    padding-left: var(--space-6);
}

.entries-table thead th:last-child[b-xfg0kos85n] {
    padding-right: var(--space-6);
    text-align: right;
}

.entries-table tbody tr[b-xfg0kos85n] {
    border-bottom: 1px solid var(--color-border);
    transition: background var(--duration-fast) var(--ease-default);
}

.entries-table tbody tr:last-child[b-xfg0kos85n] {
    border-bottom: none;
}

.entries-table tbody tr:hover[b-xfg0kos85n] {
    background: var(--color-bg-alt);
}

.entries-table tbody td[b-xfg0kos85n] {
    padding: var(--space-4);
    vertical-align: middle;
    font-size: var(--text-sm);
}

.entries-table tbody td:first-child[b-xfg0kos85n] {
    padding-left: var(--space-6);
}

.entries-table tbody td:last-child[b-xfg0kos85n] {
    padding-right: var(--space-6);
}

.cell-title[b-xfg0kos85n] {
    font-weight: 600;
    color: var(--color-text);
}

.cell-title a[b-xfg0kos85n] {
    color: inherit;
    text-decoration: none;
}

.cell-title a:hover[b-xfg0kos85n] {
    color: var(--color-primary);
}

.cell-muted[b-xfg0kos85n] {
    color: var(--color-text-muted);
}

.cell-notes[b-xfg0kos85n] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.row-actions[b-xfg0kos85n] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-1);
    opacity: 0;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.entries-table tbody tr:hover .row-actions[b-xfg0kos85n] {
    opacity: 1;
}

/* ── Empty State ─────────────────────────────────────── */
.empty-state[b-xfg0kos85n] {
    padding: var(--space-16) var(--space-6);
    text-align: center;
}

.empty-state-icon[b-xfg0kos85n] {
    width: 64px;
    height: 64px;
    margin: 0 auto var(--space-4);
    color: var(--color-accent);
}

.empty-state-title[b-xfg0kos85n] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.empty-state-desc[b-xfg0kos85n] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    max-width: 320px;
    margin: 0 auto;
}

/* ── Row Animation ───────────────────────────────────── */
@keyframes rowFadeIn-b-xfg0kos85n {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.entries-table tbody tr[b-xfg0kos85n] {
    animation: rowFadeIn-b-xfg0kos85n 0.3s var(--ease-default) backwards;
}

.entries-table tbody tr:nth-child(1)[b-xfg0kos85n] { animation-delay: 0.03s; }
.entries-table tbody tr:nth-child(2)[b-xfg0kos85n] { animation-delay: 0.06s; }
.entries-table tbody tr:nth-child(3)[b-xfg0kos85n] { animation-delay: 0.09s; }
.entries-table tbody tr:nth-child(4)[b-xfg0kos85n] { animation-delay: 0.12s; }
.entries-table tbody tr:nth-child(5)[b-xfg0kos85n] { animation-delay: 0.15s; }

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 768px) {
    .cell-notes[b-xfg0kos85n] {
        display: none;
    }

    .row-actions[b-xfg0kos85n] {
        opacity: 1;
    }
}

@media (max-width: 600px) {
    .progress-page[b-xfg0kos85n] {
        padding: var(--space-4);
    }

    .page-header[b-xfg0kos85n] {
        flex-wrap: wrap;
        gap: var(--space-3);
    }

    .entries-table thead th[b-xfg0kos85n],
    .entries-table tbody td[b-xfg0kos85n] {
        padding: var(--space-3);
    }

    .entries-table thead th:first-child[b-xfg0kos85n],
    .entries-table tbody td:first-child[b-xfg0kos85n] {
        padding-left: var(--space-4);
    }

    .entries-table thead th:last-child[b-xfg0kos85n],
    .entries-table tbody td:last-child[b-xfg0kos85n] {
        padding-right: var(--space-4);
    }
}
/* _content/Nutrir.Web/Components/Pages/Reports/Reports.razor.rz.scp.css */
.reports-page[b-2p0cxjmtci] {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 1rem 2rem;
}

.reports-title[b-2p0cxjmtci] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 1.25rem;
    color: var(--color-text);
}

/* Period Selector */
.reports-period-selector[b-2p0cxjmtci] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.period-btn[b-2p0cxjmtci] {
    padding: 0.4rem 0.875rem;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.period-btn:hover[b-2p0cxjmtci] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.period-btn.active[b-2p0cxjmtci] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

/* Custom Range */
.reports-custom-range[b-2p0cxjmtci] {
    display: flex;
    align-items: end;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.custom-range-field[b-2p0cxjmtci] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.custom-range-field label[b-2p0cxjmtci] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--color-text-muted);
}

.custom-range-field input[type="date"][b-2p0cxjmtci] {
    padding: 0.4rem 0.625rem;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    font-size: 0.8125rem;
    background: var(--color-surface);
    color: var(--color-text);
}

/* Secondary Metrics */
.reports-secondary-metrics[b-2p0cxjmtci] {
    display: flex;
    gap: 1.5rem;
    margin: 0.75rem 0 1.25rem;
    flex-wrap: wrap;
}

.secondary-metric[b-2p0cxjmtci] {
    font-size: 0.8125rem;
    color: var(--color-text-muted);
}

.secondary-metric strong[b-2p0cxjmtci] {
    color: var(--color-text);
    font-weight: 600;
}

/* Chart Card */
.reports-chart-card[b-2p0cxjmtci],
.reports-type-card[b-2p0cxjmtci] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}

.reports-section-title[b-2p0cxjmtci] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-text);
    margin: 0 0 1rem;
}

.reports-chart-wrapper[b-2p0cxjmtci] {
    position: relative;
    height: 280px;
}

/* Type Table */
.reports-type-table[b-2p0cxjmtci] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.reports-type-table th[b-2p0cxjmtci] {
    text-align: left;
    font-weight: 600;
    color: var(--color-text-muted);
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--color-border);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.reports-type-table td[b-2p0cxjmtci] {
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid var(--color-border-light, var(--color-border));
    color: var(--color-text);
}

.reports-type-table tr:last-child td[b-2p0cxjmtci] {
    border-bottom: none;
}

.reports-type-table td:last-child[b-2p0cxjmtci] {
    font-weight: 600;
    text-align: right;
}

.reports-type-table th:last-child[b-2p0cxjmtci] {
    text-align: right;
}

/* Loading */
.reports-loading[b-2p0cxjmtci] {
    margin-top: 1rem;
}

[b-2p0cxjmtci] .cc-skeleton-chart {
    height: 280px;
    border-radius: 10px;
    margin-top: 1rem;
}

/* Empty State */
.reports-empty[b-2p0cxjmtci] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--color-text-muted);
}

.reports-empty p[b-2p0cxjmtci] {
    margin: 0.75rem 0 0;
    font-size: 0.875rem;
}
/* _content/Nutrir.Web/Components/Pages/Settings/AvailabilitySettings.razor.rz.scp.css */
/* ── Page Container ───────────────────────────────────── */
.form-page[b-q91oo0zp3p] {
    max-width: 720px;
    padding: var(--space-8);
}

/* ── Page Header ──────────────────────────────────────── */
.page-header[b-q91oo0zp3p] {
    margin-bottom: var(--space-6);
}

.page-title[b-q91oo0zp3p] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-1);
}

.page-subtitle[b-q91oo0zp3p] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

/* ── Settings Card ───────────────────────────────────── */
.settings-card[b-q91oo0zp3p] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
    margin-bottom: var(--space-6);
    animation: sectionFadeIn-b-q91oo0zp3p 0.3s var(--ease-default) backwards;
}

.settings-card:nth-child(2)[b-q91oo0zp3p] { animation-delay: 0.05s; }
.settings-card:nth-child(3)[b-q91oo0zp3p] { animation-delay: 0.1s; }
.settings-card:nth-child(4)[b-q91oo0zp3p] { animation-delay: 0.15s; }

.card-header[b-q91oo0zp3p] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
}

.card-header svg[b-q91oo0zp3p] {
    flex-shrink: 0;
    opacity: 0.7;
}

.card-body[b-q91oo0zp3p] {
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.card-actions[b-q91oo0zp3p] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-alt);
}

.section-desc[b-q91oo0zp3p] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin: 0;
}

/* ── Weekly Schedule ─────────────────────────────────── */
.schedule-row[b-q91oo0zp3p] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) 0;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 50%, transparent);
}

.schedule-row:last-child[b-q91oo0zp3p] {
    border-bottom: none;
}

.day-label[b-q91oo0zp3p] {
    width: 40px;
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
    flex-shrink: 0;
}

.time-range[b-q91oo0zp3p] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex: 1;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.time-range.disabled[b-q91oo0zp3p] {
    opacity: 0.35;
    pointer-events: none;
}

.time-input[b-q91oo0zp3p] {
    width: 130px;
    padding: var(--space-1) var(--space-2);
    font-size: var(--text-sm);
}

.time-sep[b-q91oo0zp3p] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

/* ── Time Blocks ─────────────────────────────────────── */
.add-block-form[b-q91oo0zp3p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
    background: var(--color-bg-alt);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
}

.block-form-row[b-q91oo0zp3p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--space-3);
}

.blocks-list[b-q91oo0zp3p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.block-item[b-q91oo0zp3p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-alt);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
}

.block-info[b-q91oo0zp3p] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
    font-size: var(--text-sm);
}

.block-badge[b-q91oo0zp3p] {
    display: inline-flex;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.block-badge.lunch[b-q91oo0zp3p] {
    background: color-mix(in srgb, var(--color-warning) 15%, transparent);
    color: var(--color-warning);
}

.block-badge.personal[b-q91oo0zp3p] {
    background: color-mix(in srgb, var(--color-primary) 15%, transparent);
    color: var(--color-primary);
}

.block-badge.meeting[b-q91oo0zp3p] {
    background: color-mix(in srgb, var(--color-info, #3b82f6) 15%, transparent);
    color: var(--color-info, #3b82f6);
}

.block-date[b-q91oo0zp3p] {
    font-weight: 500;
    color: var(--color-text);
}

.block-time[b-q91oo0zp3p] {
    color: var(--color-text-muted);
}

.block-notes[b-q91oo0zp3p] {
    color: var(--color-text-muted);
    font-style: italic;
}

.remove-btn[b-q91oo0zp3p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--radius-md);
    border: none;
    background: transparent;
    color: var(--color-text-muted);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-default);
    flex-shrink: 0;
}

.remove-btn:hover[b-q91oo0zp3p] {
    background: color-mix(in srgb, var(--color-error) 12%, transparent);
    color: var(--color-error);
}

.empty-state[b-q91oo0zp3p] {
    text-align: center;
    padding: var(--space-4);
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

/* ── Banners ─────────────────────────────────────────── */
.success-banner[b-q91oo0zp3p] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    margin-bottom: var(--space-4);
    background: color-mix(in srgb, var(--color-success) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-success) 30%, var(--color-border));
    border-radius: var(--radius-lg);
    font-size: var(--text-sm);
    color: var(--color-success);
}

.error-banner[b-q91oo0zp3p] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    margin-bottom: var(--space-4);
    background: color-mix(in srgb, var(--color-error) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-error) 30%, var(--color-border));
    border-radius: var(--radius-lg);
    font-size: var(--text-sm);
    color: var(--color-error);
}

.success-banner svg[b-q91oo0zp3p],
.error-banner svg[b-q91oo0zp3p] {
    flex-shrink: 0;
}

.loading-state[b-q91oo0zp3p] {
    text-align: center;
    padding: var(--space-8);
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

/* ── Animation ───────────────────────────────────────── */
@keyframes sectionFadeIn-b-q91oo0zp3p {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 600px) {
    .form-page[b-q91oo0zp3p] {
        padding: var(--space-4);
    }

    .schedule-row[b-q91oo0zp3p] {
        flex-wrap: wrap;
    }

    .time-input[b-q91oo0zp3p] {
        width: 100px;
    }

    .block-form-row[b-q91oo0zp3p] {
        grid-template-columns: 1fr;
    }

    .card-body[b-q91oo0zp3p] {
        padding: var(--space-4);
    }

    .card-actions[b-q91oo0zp3p] {
        padding: var(--space-4);
    }

    .card-header[b-q91oo0zp3p] {
        padding: var(--space-3) var(--space-4);
    }
}
/* _content/Nutrir.Web/Components/UI/Autocomplete.razor.rz.scp.css */
.autocomplete-wrapper[b-88cgfohc3s] {
    position: relative;
}

.autocomplete-dropdown[b-88cgfohc3s] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 50;
    margin-top: var(--space-1);
    padding: var(--space-1) 0;
    background: var(--color-bg-card);
    border: 1px solid var(--color-border-input);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    list-style: none;
    max-height: 200px;
    overflow-y: auto;
}

.autocomplete-option[b-88cgfohc3s] {
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-base);
    color: var(--color-text);
    cursor: pointer;
    transition: background var(--duration-fast) var(--ease-default);
}

.autocomplete-option:hover[b-88cgfohc3s],
.autocomplete-option.focused[b-88cgfohc3s] {
    background: var(--color-bg-alt);
}

.autocomplete-option.selected[b-88cgfohc3s] {
    background: var(--color-primary-muted);
    font-weight: 500;
}

.autocomplete-empty[b-88cgfohc3s] {
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    text-align: center;
}
/* _content/Nutrir.Web/Components/UI/ContextMenu.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────
   Context Menu — Root container
───────────────────────────────────────────────────────────── */
.ctx-menu[b-1ws2et1a35] {
    position: fixed;
    z-index: 9000;
    display: none;
    min-width: 220px;
}

.ctx-menu.open[b-1ws2et1a35] {
    display: block;
}

/* ─────────────────────────────────────────────────────────────
   Menu list
───────────────────────────────────────────────────────────── */
.menu-list[b-1ws2et1a35] {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    padding: 4px;
    min-width: 220px;
    animation: ctx-menu-appear-b-1ws2et1a35 0.12s ease;
}

@keyframes ctx-menu-appear-b-1ws2et1a35 {
    from { opacity: 0; transform: scale(0.96) translateY(-4px); }
    to   { opacity: 1; transform: scale(1)    translateY(0); }
}

/* Submenus slide in from the side */
.submenu-wrapper .menu-list[b-1ws2et1a35] {
    animation: ctx-submenu-appear-b-1ws2et1a35 0.12s ease;
}

@keyframes ctx-submenu-appear-b-1ws2et1a35 {
    from { opacity: 0; transform: translateX(-6px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* ─────────────────────────────────────────────────────────────
   Menu items
───────────────────────────────────────────────────────────── */
.menu-item[b-1ws2et1a35] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--color-text);
    cursor: pointer;
    position: relative;
    transition: background 0.08s ease, color 0.08s ease;
    white-space: nowrap;
    list-style: none;
}

.menu-item:hover[b-1ws2et1a35],
.menu-item.hovered[b-1ws2et1a35] {
    background: var(--color-bg-alt);
}

.menu-item.active-submenu[b-1ws2et1a35] {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

.menu-item .item-icon[b-1ws2et1a35] {
    width: 18px;
    text-align: center;
    font-size: 0.9375rem;
    flex-shrink: 0;
    opacity: 0.8;
}

.menu-item .item-label[b-1ws2et1a35] {
    flex: 1;
}

.menu-item .item-shortcut[b-1ws2et1a35] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 0.6875rem;
    color: var(--color-text-muted);
    letter-spacing: 0.02em;
}

.menu-item .item-arrow[b-1ws2et1a35] {
    font-size: 0.6875rem;
    color: var(--color-text-muted);
    margin-left: 4px;
    transition: transform 0.1s ease;
}

.menu-item.active-submenu .item-arrow[b-1ws2et1a35] {
    transform: translateX(2px);
}

/* Danger variant */
.menu-item.danger[b-1ws2et1a35] {
    color: var(--color-error);
}

.menu-item.danger .item-icon[b-1ws2et1a35] {
    opacity: 1;
}

.menu-item.danger:hover[b-1ws2et1a35],
.menu-item.danger.hovered[b-1ws2et1a35] {
    background: color-mix(in srgb, var(--color-error) 10%, transparent);
}

/* Disabled variant */
.menu-item.disabled[b-1ws2et1a35] {
    color: var(--color-text-muted);
    cursor: default;
    pointer-events: none;
    opacity: 0.5;
}

/* ─────────────────────────────────────────────────────────────
   Separators
───────────────────────────────────────────────────────────── */
.menu-separator[b-1ws2et1a35] {
    height: 1px;
    background: var(--color-border);
    margin: 4px 8px;
    list-style: none;
}

/* ─────────────────────────────────────────────────────────────
   Section labels
───────────────────────────────────────────────────────────── */
.menu-section-label[b-1ws2et1a35] {
    padding: 6px 10px 2px;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-text-muted);
    list-style: none;
}

/* ─────────────────────────────────────────────────────────────
   Submenu positioning wrapper
───────────────────────────────────────────────────────────── */
.submenu-wrapper[b-1ws2et1a35] {
    position: absolute;
    top: 0;
    left: 100%;
    padding-left: 4px;
    display: none;
    z-index: 1;
}

.submenu-wrapper.open[b-1ws2et1a35] {
    display: block;
}

/* Flip to left when near right edge */
.submenu-wrapper.flip-left[b-1ws2et1a35] {
    left: auto;
    right: 100%;
    padding-left: 0;
    padding-right: 4px;
}
/* _content/Nutrir.Web/Components/UI/DataGrid/DataGrid.razor.rz.scp.css */
/* ── Table Card Wrapper ──────────────────────────────── */
.table-card[b-nds4xx5fjh] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: auto;
}

/* ── Empty State ─────────────────────────────────────── */
.empty-state[b-nds4xx5fjh] {
    padding: var(--space-16) var(--space-6);
    text-align: center;
}

.empty-state-icon[b-nds4xx5fjh] {
    width: 64px;
    height: 64px;
    margin: 0 auto var(--space-4);
    color: var(--color-accent);
}

.empty-state-title[b-nds4xx5fjh] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: var(--space-2);
}

.empty-state-desc[b-nds4xx5fjh] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    max-width: 320px;
    margin: 0 auto;
}

/* ── Table Base ──────────────────────────────────────── */
.datagrid-table[b-nds4xx5fjh] {
    width: 100%;
    border-collapse: collapse;
}

.datagrid-table thead th[b-nds4xx5fjh] {
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--tracking-wider);
    color: var(--color-text-muted);
    text-align: left;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-alt);
    white-space: nowrap;
    user-select: none;
}

.datagrid-table thead th:first-child[b-nds4xx5fjh] {
    padding-left: var(--space-6);
}

.datagrid-table thead th:last-child[b-nds4xx5fjh] {
    padding-right: var(--space-6);
    text-align: right;
}

/* ── Sortable Headers ────────────────────────────────── */
.sortable[b-nds4xx5fjh] {
    cursor: pointer;
    transition: color var(--duration-fast) var(--ease-default);
}

.sortable:hover[b-nds4xx5fjh],
.sortable:focus-visible[b-nds4xx5fjh] {
    color: var(--color-text);
}

.sortable:focus-visible[b-nds4xx5fjh] {
    outline: 2px solid var(--color-primary);
    outline-offset: -2px;
}

.sort-indicator[b-nds4xx5fjh] {
    display: inline-block;
    margin-left: var(--space-1);
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    transition: color var(--duration-fast) var(--ease-default);
}

.sortable:hover .sort-indicator[b-nds4xx5fjh] {
    color: var(--color-primary);
}

.sortable[aria-sort="ascending"] .sort-indicator[b-nds4xx5fjh],
.sortable[aria-sort="descending"] .sort-indicator[b-nds4xx5fjh] {
    color: var(--color-primary);
}

/* ── Table Rows ──────────────────────────────────────── */
.datagrid-table tbody tr[b-nds4xx5fjh] {
    border-bottom: 1px solid var(--color-border);
    transition: background var(--duration-fast) var(--ease-default);
}

.datagrid-table tbody tr:last-child[b-nds4xx5fjh] {
    border-bottom: none;
}

.datagrid-table tbody tr:hover[b-nds4xx5fjh] {
    background: var(--color-bg-alt);
}

/* Left border accent on hover */
.datagrid-table tbody td:first-child[b-nds4xx5fjh] {
    position: relative;
}

.datagrid-table tbody td:first-child[b-nds4xx5fjh]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--color-primary);
    opacity: 0;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.datagrid-table tbody tr:hover td:first-child[b-nds4xx5fjh]::before {
    opacity: 1;
}

.datagrid-table tbody td[b-nds4xx5fjh] {
    padding: var(--space-4);
    vertical-align: middle;
    font-size: var(--text-sm);
}

.datagrid-table tbody td:first-child[b-nds4xx5fjh] {
    padding-left: var(--space-6);
}

.datagrid-table tbody td:last-child[b-nds4xx5fjh] {
    padding-right: var(--space-6);
}

/* ── Row Actions ─────────────────────────────────────── */
[b-nds4xx5fjh] .row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-1);
    opacity: 0;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.datagrid-table tbody tr:hover[b-nds4xx5fjh]  .row-actions {
    opacity: 1;
}

[b-nds4xx5fjh] .btn-icon {
    padding: var(--space-2);
    border-radius: var(--radius-sm);
    background: transparent;
    border: none;
    color: var(--color-text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all var(--duration-fast) var(--ease-default);
    text-decoration: none;
    font-size: var(--text-sm);
}

[b-nds4xx5fjh] .btn-icon:hover {
    background: var(--color-primary-muted);
    color: var(--color-primary);
}

[b-nds4xx5fjh] .btn-icon:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* ── Row Entrance Animation ──────────────────────────── */
@keyframes rowFadeIn-b-nds4xx5fjh {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.datagrid-table tbody tr[b-nds4xx5fjh] {
    animation: rowFadeIn-b-nds4xx5fjh 0.3s var(--ease-default) backwards;
}

/* ── Skeleton Loading ────────────────────────────────── */
.skeleton-row td[b-nds4xx5fjh] {
    padding: var(--space-4);
}

.skeleton-cell[b-nds4xx5fjh] {
    height: 16px;
    background: var(--color-bg-alt);
    border-radius: var(--radius-sm);
    animation: skeletonPulse-b-nds4xx5fjh 1.5s ease-in-out infinite;
}

@keyframes skeletonPulse-b-nds4xx5fjh {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 0.8; }
}

/* ── Badge Dot ───────────────────────────────────────── */
[b-nds4xx5fjh] .badge-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: currentColor;
}

/* ── Real-Time Banner ────────────────────────────────── */
.realtime-banner[b-nds4xx5fjh] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    margin-bottom: var(--space-3);
    background: rgba(var(--rgb-primary), 0.08);
    border: 1px solid rgba(var(--rgb-primary), 0.20);
    border-radius: var(--radius-md);
    font-size: var(--text-xs);
    color: var(--color-primary);
    font-weight: 500;
}

.realtime-dot[b-nds4xx5fjh] {
    width: 7px;
    height: 7px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    flex-shrink: 0;
    animation: realtimePulse-b-nds4xx5fjh 1.8s ease-in-out 3;
}

@keyframes realtimePulse-b-nds4xx5fjh {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.75); }
}

/* ── Toolbar ─────────────────────────────────────────── */
.toolbar[b-nds4xx5fjh] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
    flex-wrap: wrap;
}

/* ── Accessibility ───────────────────────────────────── */
[b-nds4xx5fjh] .sr-only,
.sr-only[b-nds4xx5fjh] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ── Responsive ──────────────────────────────────────── */
@media (max-width: 860px) {
    [b-nds4xx5fjh] .hide-below-860 {
        display: none;
    }

    .toolbar[b-nds4xx5fjh] {
        gap: var(--space-2);
    }
}

@media (max-width: 600px) {
    [b-nds4xx5fjh] .hide-below-600 {
        display: none;
    }

    .datagrid-table thead th[b-nds4xx5fjh],
    .datagrid-table tbody td[b-nds4xx5fjh] {
        padding: var(--space-3);
    }

    .datagrid-table thead th:first-child[b-nds4xx5fjh],
    .datagrid-table tbody td:first-child[b-nds4xx5fjh] {
        padding-left: var(--space-4);
    }

    .datagrid-table thead th:last-child[b-nds4xx5fjh],
    .datagrid-table tbody td:last-child[b-nds4xx5fjh] {
        padding-right: var(--space-4);
    }

    .datagrid-table tbody tr:hover[b-nds4xx5fjh]  .row-actions,
    [b-nds4xx5fjh] .row-actions {
        opacity: 1;
    }
}
/* _content/Nutrir.Web/Components/UI/DataGrid/DataGridPager.razor.rz.scp.css */
.datagrid-pager[b-lj559j01i1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-6);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-alt);
}

.pager-info[b-lj559j01i1] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.pager-nav[b-lj559j01i1] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.pager-btn[b-lj559j01i1] {
    padding: var(--space-1) var(--space-3);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    background: transparent;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-default);
    min-width: 32px;
    text-align: center;
}

.pager-btn:hover:not(:disabled)[b-lj559j01i1] {
    background: var(--color-bg-card);
    color: var(--color-text);
    border-color: var(--color-border-input);
}

.pager-btn:disabled[b-lj559j01i1] {
    opacity: 0.4;
    cursor: not-allowed;
}

.pager-btn-active[b-lj559j01i1] {
    background: var(--color-primary);
    color: white;
    border-color: var(--color-primary);
    font-weight: 600;
}

.pager-btn-active:hover:not(:disabled)[b-lj559j01i1] {
    background: var(--color-primary);
    color: white;
    border-color: var(--color-primary);
}

.pager-btn:focus-visible[b-lj559j01i1] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

@media (max-width: 600px) {
    .datagrid-pager[b-lj559j01i1] {
        flex-direction: column;
        gap: var(--space-2);
        padding: var(--space-3) var(--space-4);
    }
}
/* _content/Nutrir.Web/Components/Widgets/ActiveMealPlanCard.razor.rz.scp.css */
/* ── Loading ─────────────────────────────────────────── */
.meal-plan-loading[b-y4uvd15tdu] {
    padding: var(--space-8);
    text-align: center;
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

/* ── Plan Body ──────────────────────────────────────── */
.meal-plan-body[b-y4uvd15tdu] {
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

/* ── Title Row ──────────────────────────────────────── */
.meal-plan-title-row[b-y4uvd15tdu] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.meal-plan-title[b-y4uvd15tdu] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
}

/* ── Date Range ─────────────────────────────────────── */
.meal-plan-dates[b-y4uvd15tdu] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

/* ── Calorie Target ─────────────────────────────────── */
.meal-plan-calories[b-y4uvd15tdu] {
    display: flex;
    align-items: baseline;
    gap: var(--space-1);
}

.calorie-value[b-y4uvd15tdu] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--color-text);
    line-height: var(--leading-tight);
}

.calorie-label[b-y4uvd15tdu] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

/* ── Macro Summary Row ──────────────────────────────── */
.macro-row[b-y4uvd15tdu] {
    display: flex;
    gap: var(--space-4);
}

.macro-item[b-y4uvd15tdu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.macro-value[b-y4uvd15tdu] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
}

.macro-label[b-y4uvd15tdu] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

/* ── Plan Stats ─────────────────────────────────────── */
.meal-plan-stats[b-y4uvd15tdu] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.stats-separator[b-y4uvd15tdu] {
    color: var(--color-text-muted);
}

/* ── View Plan Link ─────────────────────────────────── */
.view-plan-link[b-y4uvd15tdu] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: none;
    transition: opacity var(--duration-fast) var(--ease-default);
}

.view-plan-link:hover[b-y4uvd15tdu] {
    opacity: 0.8;
}

/* ── Empty State ────────────────────────────────────── */
.empty-state[b-y4uvd15tdu] {
    padding: var(--space-8) var(--space-4);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
}

.empty-state-text[b-y4uvd15tdu] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    margin: 0;
}
/* _content/Nutrir.Web/Components/Widgets/AllergiesSection.razor.rz.scp.css */
/* ── Health Section Card ──────────────────────────────── */
.health-section[b-6eyoe5egqg] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

.section-header[b-6eyoe5egqg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
    cursor: pointer;
    user-select: none;
}

.section-header-left[b-6eyoe5egqg] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.section-header-label[b-6eyoe5egqg] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

.section-count[b-6eyoe5egqg] {
    font-size: var(--text-xs);
    font-weight: 400;
    color: var(--color-text-muted);
}

.section-toggle[b-6eyoe5egqg] {
    background: none;
    border: none;
    padding: var(--space-1);
    cursor: pointer;
    color: var(--color-text-muted);
    display: flex;
    align-items: center;
}

.toggle-icon[b-6eyoe5egqg] {
    transition: transform var(--duration-fast) var(--ease-default);
}

.toggle-icon.collapsed[b-6eyoe5egqg] {
    transform: rotate(-90deg);
}

/* ── List ─────────────────────────────────────────────── */
.section-list[b-6eyoe5egqg] {
    display: flex;
    flex-direction: column;
}

.section-empty[b-6eyoe5egqg] {
    padding: var(--space-8) var(--space-4);
    text-align: center;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.list-row[b-6eyoe5egqg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    transition: background var(--duration-fast) var(--ease-default);
}

.list-row:hover[b-6eyoe5egqg] {
    background: var(--color-bg-alt);
}

.list-row-primary[b-6eyoe5egqg] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.list-row-title[b-6eyoe5egqg] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
}

.list-row-meta[b-6eyoe5egqg] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.list-row-actions[b-6eyoe5egqg] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

.row-action[b-6eyoe5egqg] {
    background: none;
    border: none;
    padding: var(--space-1);
    cursor: pointer;
    color: var(--color-text-muted);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    transition: color var(--duration-fast) var(--ease-default),
                background var(--duration-fast) var(--ease-default);
}

.row-action:hover[b-6eyoe5egqg] {
    color: var(--color-primary);
    background: var(--color-bg-alt);
}

.row-action-danger:hover[b-6eyoe5egqg] {
    color: var(--color-error);
}

/* ── Badge Dot ────────────────────────────────────────── */
.badge-dot[b-6eyoe5egqg] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: currentColor;
}

/* ── Inline Form ──────────────────────────────────────── */
.inline-form[b-6eyoe5egqg] {
    padding: var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-alt);
}

.inline-form-grid[b-6eyoe5egqg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--space-3);
}

.inline-form-actions[b-6eyoe5egqg] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-3);
}

.form-error[b-6eyoe5egqg] {
    font-size: var(--text-xs);
    color: var(--color-error);
    margin: var(--space-2) 0 0;
}

/* ── Delete Confirm Row ───────────────────────────────── */
.delete-confirm-row[b-6eyoe5egqg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-error) 5%, var(--color-bg-card));
}

.delete-confirm-text[b-6eyoe5egqg] {
    font-size: var(--text-sm);
    color: var(--color-text);
}

.delete-confirm-actions[b-6eyoe5egqg] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

/* ── Add Row ──────────────────────────────────────────── */
.add-row[b-6eyoe5egqg] {
    padding: var(--space-2) var(--space-4);
}

.add-button[b-6eyoe5egqg] {
    background: none;
    border: none;
    padding: var(--space-1) 0;
    cursor: pointer;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-primary);
    transition: opacity var(--duration-fast) var(--ease-default);
}

.add-button:hover[b-6eyoe5egqg] {
    opacity: 0.8;
}
/* _content/Nutrir.Web/Components/Widgets/ConditionsSection.razor.rz.scp.css */
/* ── Health Section Card ──────────────────────────────── */
.health-section[b-rt2lm5tgi6] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

.section-header[b-rt2lm5tgi6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
    cursor: pointer;
    user-select: none;
}

.section-header-left[b-rt2lm5tgi6] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.section-header-label[b-rt2lm5tgi6] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

.section-count[b-rt2lm5tgi6] {
    font-size: var(--text-xs);
    font-weight: 400;
    color: var(--color-text-muted);
}

.section-toggle[b-rt2lm5tgi6] {
    background: none;
    border: none;
    padding: var(--space-1);
    cursor: pointer;
    color: var(--color-text-muted);
    display: flex;
    align-items: center;
}

.toggle-icon[b-rt2lm5tgi6] {
    transition: transform var(--duration-fast) var(--ease-default);
}

.toggle-icon.collapsed[b-rt2lm5tgi6] {
    transform: rotate(-90deg);
}

/* ── List ─────────────────────────────────────────────── */
.section-list[b-rt2lm5tgi6] {
    display: flex;
    flex-direction: column;
}

.section-empty[b-rt2lm5tgi6] {
    padding: var(--space-8) var(--space-4);
    text-align: center;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.list-row[b-rt2lm5tgi6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    transition: background var(--duration-fast) var(--ease-default);
}

.list-row:hover[b-rt2lm5tgi6] {
    background: var(--color-bg-alt);
}

.list-row-primary[b-rt2lm5tgi6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.list-row-title[b-rt2lm5tgi6] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
}

.list-row-meta[b-rt2lm5tgi6] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.list-row-actions[b-rt2lm5tgi6] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

.row-action[b-rt2lm5tgi6] {
    background: none;
    border: none;
    padding: var(--space-1);
    cursor: pointer;
    color: var(--color-text-muted);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    transition: color var(--duration-fast) var(--ease-default),
                background var(--duration-fast) var(--ease-default);
}

.row-action:hover[b-rt2lm5tgi6] {
    color: var(--color-primary);
    background: var(--color-bg-alt);
}

.row-action-danger:hover[b-rt2lm5tgi6] {
    color: var(--color-error);
}

/* ── Badge Dot ────────────────────────────────────────── */
.badge-dot[b-rt2lm5tgi6] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: currentColor;
}

/* ── Inline Form ──────────────────────────────────────── */
.inline-form[b-rt2lm5tgi6] {
    padding: var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-alt);
}

.inline-form-grid[b-rt2lm5tgi6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--space-3);
}

.inline-form-actions[b-rt2lm5tgi6] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-3);
}

.form-error[b-rt2lm5tgi6] {
    font-size: var(--text-xs);
    color: var(--color-error);
    margin: var(--space-2) 0 0;
}

/* ── Delete Confirm Row ───────────────────────────────── */
.delete-confirm-row[b-rt2lm5tgi6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-error) 5%, var(--color-bg-card));
}

.delete-confirm-text[b-rt2lm5tgi6] {
    font-size: var(--text-sm);
    color: var(--color-text);
}

.delete-confirm-actions[b-rt2lm5tgi6] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

/* ── Add Row ──────────────────────────────────────────── */
.add-row[b-rt2lm5tgi6] {
    padding: var(--space-2) var(--space-4);
}

.add-button[b-rt2lm5tgi6] {
    background: none;
    border: none;
    padding: var(--space-1) 0;
    cursor: pointer;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-primary);
    transition: opacity var(--duration-fast) var(--ease-default);
}

.add-button:hover[b-rt2lm5tgi6] {
    opacity: 0.8;
}

/* ── Condition-specific ───────────────────────────────── */
.condition-code[b-rt2lm5tgi6] {
    font-weight: 400;
    color: var(--color-text-muted);
    font-size: var(--text-xs);
    margin-left: var(--space-1);
}
/* _content/Nutrir.Web/Components/Widgets/DietaryRestrictionsSection.razor.rz.scp.css */
/* ── Health Section Card ──────────────────────────────── */
.health-section[b-wv19sms95s] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

.section-header[b-wv19sms95s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
    cursor: pointer;
    user-select: none;
}

.section-header-left[b-wv19sms95s] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.section-header-label[b-wv19sms95s] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

.section-count[b-wv19sms95s] {
    font-size: var(--text-xs);
    font-weight: 400;
    color: var(--color-text-muted);
}

.section-toggle[b-wv19sms95s] {
    background: none;
    border: none;
    padding: var(--space-1);
    cursor: pointer;
    color: var(--color-text-muted);
    display: flex;
    align-items: center;
}

.toggle-icon[b-wv19sms95s] {
    transition: transform var(--duration-fast) var(--ease-default);
}

.toggle-icon.collapsed[b-wv19sms95s] {
    transform: rotate(-90deg);
}

/* ── List ─────────────────────────────────────────────── */
.section-list[b-wv19sms95s] {
    display: flex;
    flex-direction: column;
}

.section-empty[b-wv19sms95s] {
    padding: var(--space-8) var(--space-4);
    text-align: center;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.list-row[b-wv19sms95s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    transition: background var(--duration-fast) var(--ease-default);
}

.list-row:hover[b-wv19sms95s] {
    background: var(--color-bg-alt);
}

.list-row-primary[b-wv19sms95s] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.list-row-title[b-wv19sms95s] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
}

.list-row-meta[b-wv19sms95s] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.list-row-actions[b-wv19sms95s] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

.row-action[b-wv19sms95s] {
    background: none;
    border: none;
    padding: var(--space-1);
    cursor: pointer;
    color: var(--color-text-muted);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    transition: color var(--duration-fast) var(--ease-default),
                background var(--duration-fast) var(--ease-default);
}

.row-action:hover[b-wv19sms95s] {
    color: var(--color-primary);
    background: var(--color-bg-alt);
}

.row-action-danger:hover[b-wv19sms95s] {
    color: var(--color-error);
}

/* ── Badge Dot ────────────────────────────────────────── */
.badge-dot[b-wv19sms95s] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: currentColor;
}

/* ── Inline Form ──────────────────────────────────────── */
.inline-form[b-wv19sms95s] {
    padding: var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-alt);
}

.inline-form-grid[b-wv19sms95s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--space-3);
}

.inline-form-actions[b-wv19sms95s] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-3);
}

.form-error[b-wv19sms95s] {
    font-size: var(--text-xs);
    color: var(--color-error);
    margin: var(--space-2) 0 0;
}

/* ── Delete Confirm Row ───────────────────────────────── */
.delete-confirm-row[b-wv19sms95s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-error) 5%, var(--color-bg-card));
}

.delete-confirm-text[b-wv19sms95s] {
    font-size: var(--text-sm);
    color: var(--color-text);
}

.delete-confirm-actions[b-wv19sms95s] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

/* ── Add Row ──────────────────────────────────────────── */
.add-row[b-wv19sms95s] {
    padding: var(--space-2) var(--space-4);
}

.add-button[b-wv19sms95s] {
    background: none;
    border: none;
    padding: var(--space-1) 0;
    cursor: pointer;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-primary);
    transition: opacity var(--duration-fast) var(--ease-default);
}

.add-button:hover[b-wv19sms95s] {
    opacity: 0.8;
}
/* _content/Nutrir.Web/Components/Widgets/HealthSnapshotHeader.razor.rz.scp.css */
/* ── Health Snapshot Header ──────────────────────────── */
.snapshot-header[b-lntw33pzsh] {
    padding: var(--space-4) var(--space-5);
}

.snapshot-grid[b-lntw33pzsh] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-4);
}

.snapshot-section[b-lntw33pzsh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.snapshot-label[b-lntw33pzsh] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-xs);
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-decoration: none;
    transition: color 0.15s ease;
}

.snapshot-label:hover[b-lntw33pzsh] {
    color: var(--color-text);
}

.snapshot-badges[b-lntw33pzsh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1-5);
    align-items: center;
}

.snapshot-none[b-lntw33pzsh] {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.snapshot-count[b-lntw33pzsh] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text);
}

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 768px) {
    .snapshot-grid[b-lntw33pzsh] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .snapshot-grid[b-lntw33pzsh] {
        grid-template-columns: 1fr;
    }
}
/* _content/Nutrir.Web/Components/Widgets/MedicationsSection.razor.rz.scp.css */
/* ── Health Section Card ──────────────────────────────── */
.health-section[b-u8z5ca2ek9] {
    background: var(--color-bg-card);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    overflow: hidden;
}

.section-header[b-u8z5ca2ek9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
    cursor: pointer;
    user-select: none;
}

.section-header-left[b-u8z5ca2ek9] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.section-header-label[b-u8z5ca2ek9] {
    font-size: var(--text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-muted);
}

.section-count[b-u8z5ca2ek9] {
    font-size: var(--text-xs);
    font-weight: 400;
    color: var(--color-text-muted);
}

.section-toggle[b-u8z5ca2ek9] {
    background: none;
    border: none;
    padding: var(--space-1);
    cursor: pointer;
    color: var(--color-text-muted);
    display: flex;
    align-items: center;
}

.toggle-icon[b-u8z5ca2ek9] {
    transition: transform var(--duration-fast) var(--ease-default);
}

.toggle-icon.collapsed[b-u8z5ca2ek9] {
    transform: rotate(-90deg);
}

/* ── List ─────────────────────────────────────────────── */
.section-list[b-u8z5ca2ek9] {
    display: flex;
    flex-direction: column;
}

.section-empty[b-u8z5ca2ek9] {
    padding: var(--space-8) var(--space-4);
    text-align: center;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.list-row[b-u8z5ca2ek9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    transition: background var(--duration-fast) var(--ease-default);
}

.list-row:hover[b-u8z5ca2ek9] {
    background: var(--color-bg-alt);
}

.list-row-primary[b-u8z5ca2ek9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.list-row-title[b-u8z5ca2ek9] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text);
}

.list-row-meta[b-u8z5ca2ek9] {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.list-row-actions[b-u8z5ca2ek9] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

.row-action[b-u8z5ca2ek9] {
    background: none;
    border: none;
    padding: var(--space-1);
    cursor: pointer;
    color: var(--color-text-muted);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    transition: color var(--duration-fast) var(--ease-default),
                background var(--duration-fast) var(--ease-default);
}

.row-action:hover[b-u8z5ca2ek9] {
    color: var(--color-primary);
    background: var(--color-bg-alt);
}

.row-action-danger:hover[b-u8z5ca2ek9] {
    color: var(--color-error);
}

/* ── Badge Dot ────────────────────────────────────────── */
.badge-dot[b-u8z5ca2ek9] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: currentColor;
}

/* ── Inline Form ──────────────────────────────────────── */
.inline-form[b-u8z5ca2ek9] {
    padding: var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-alt);
}

.inline-form-grid[b-u8z5ca2ek9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--space-3);
}

.inline-form-actions[b-u8z5ca2ek9] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-3);
}

.form-error[b-u8z5ca2ek9] {
    font-size: var(--text-xs);
    color: var(--color-error);
    margin: var(--space-2) 0 0;
}

/* ── Delete Confirm Row ───────────────────────────────── */
.delete-confirm-row[b-u8z5ca2ek9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-error) 5%, var(--color-bg-card));
}

.delete-confirm-text[b-u8z5ca2ek9] {
    font-size: var(--text-sm);
    color: var(--color-text);
}

.delete-confirm-actions[b-u8z5ca2ek9] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

/* ── Add Row ──────────────────────────────────────────── */
.add-row[b-u8z5ca2ek9] {
    padding: var(--space-2) var(--space-4);
}

.add-button[b-u8z5ca2ek9] {
    background: none;
    border: none;
    padding: var(--space-1) 0;
    cursor: pointer;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-primary);
    transition: opacity var(--duration-fast) var(--ease-default);
}

.add-button:hover[b-u8z5ca2ek9] {
    opacity: 0.8;
}
/* _content/Nutrir.Web/Components/Widgets/ProgressSummaryWidget.razor.rz.scp.css */
/* ── Body Padding ────────────────────────────────────── */
.progress-body[b-qnb612ge96] {
    padding: var(--space-4);
}

.metrics-row[b-qnb612ge96] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}

.goals-section[b-qnb612ge96] {
    margin-top: var(--space-4);
}

.goals-heading[b-qnb612ge96] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 var(--space-2) 0;
}

.goals-list[b-qnb612ge96] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.goal-item[b-qnb612ge96] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}

.goal-header[b-qnb612ge96] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.goal-title[b-qnb612ge96] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text-primary);
}

.goal-target[b-qnb612ge96],
.goal-date[b-qnb612ge96] {
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
}

.panel-link[b-qnb612ge96] {
    font-size: var(--text-sm);
    color: var(--color-primary);
    text-decoration: none;
}

.panel-link:hover[b-qnb612ge96] {
    text-decoration: underline;
}

.empty-state[b-qnb612ge96] {
    text-align: center;
    padding: var(--space-6) var(--space-4);
}

.empty-state-title[b-qnb612ge96] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    margin: 0 0 var(--space-2) 0;
}

.empty-state a[b-qnb612ge96] {
    font-size: var(--text-sm);
    color: var(--color-primary);
    text-decoration: none;
}

.empty-state a:hover[b-qnb612ge96] {
    text-decoration: underline;
}
/* _content/Nutrir.Web/Components/Widgets/UpcomingAppointmentsWidget.razor.rz.scp.css */
.widget-loading[b-mg0lg3zfkq] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    padding: var(--space-4);
    text-align: center;
}

.empty-state[b-mg0lg3zfkq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-6) var(--space-4);
}

.empty-state-text[b-mg0lg3zfkq] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    margin: 0;
}

.appointment-list[b-mg0lg3zfkq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.appointment-card[b-mg0lg3zfkq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    transition: box-shadow 0.15s ease;
}

.appointment-card:hover[b-mg0lg3zfkq] {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.appointment-main[b-mg0lg3zfkq] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
    flex: 1;
}

.appointment-datetime[b-mg0lg3zfkq] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    flex-wrap: wrap;
}

.appointment-date[b-mg0lg3zfkq] {
    font-weight: 600;
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.appointment-time-sep[b-mg0lg3zfkq] {
    color: var(--text-tertiary);
}

.appointment-time[b-mg0lg3zfkq] {
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.appointment-countdown[b-mg0lg3zfkq] {
    font-size: var(--text-xs);
    color: var(--color-primary);
    font-weight: 500;
    margin-left: var(--space-2);
}

.appointment-badges[b-mg0lg3zfkq] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.appointment-details[b-mg0lg3zfkq] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.appointment-location[b-mg0lg3zfkq] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.appointment-location .icon[b-mg0lg3zfkq] {
    flex-shrink: 0;
}

.appointment-duration[b-mg0lg3zfkq] {
    white-space: nowrap;
}

.appointment-actions[b-mg0lg3zfkq] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
}

.action-link[b-mg0lg3zfkq] {
    font-size: var(--text-xs);
    color: var(--color-primary);
    text-decoration: none;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    transition: background 0.15s ease;
}

.action-link:hover[b-mg0lg3zfkq] {
    background: var(--color-primary-subtle);
    text-decoration: none;
}

.action-btn[b-mg0lg3zfkq] {
    font-size: var(--text-xs);
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    transition: background 0.15s ease, color 0.15s ease;
}

.action-btn-cancel[b-mg0lg3zfkq] {
    color: var(--text-secondary);
}

.action-btn-cancel:hover[b-mg0lg3zfkq] {
    color: var(--color-error);
    background: var(--color-error-subtle, rgba(239, 68, 68, 0.08));
}

.cancel-confirm-text[b-mg0lg3zfkq] {
    font-size: var(--text-xs);
    color: var(--color-error);
    white-space: nowrap;
}

.panel-header-link[b-mg0lg3zfkq] {
    font-size: var(--text-sm);
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
}

.panel-header-link:hover[b-mg0lg3zfkq] {
    text-decoration: underline;
}

@media (max-width: 640px) {
    .appointment-card[b-mg0lg3zfkq] {
        flex-direction: column;
        gap: var(--space-2);
    }

    .appointment-actions[b-mg0lg3zfkq] {
        align-self: flex-start;
    }

    .appointment-datetime[b-mg0lg3zfkq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .appointment-time-sep[b-mg0lg3zfkq] {
        display: none;
    }

    .appointment-countdown[b-mg0lg3zfkq] {
        margin-left: 0;
    }
}
/* _content/Nutrir.Web/Components/Widgets/VisitHistoryTimeline.razor.rz.scp.css */
.timeline-loading[b-l8utf94byh],
.timeline-empty[b-l8utf94byh] {
    padding: var(--space-6) var(--space-4);
    text-align: center;
    color: var(--text-muted);
    font-size: var(--text-sm);
}

.timeline-entry[b-l8utf94byh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.timeline-title-row[b-l8utf94byh] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.timeline-icon[b-l8utf94byh] {
    display: inline-flex;
    align-items: center;
    color: var(--text-muted);
    flex-shrink: 0;
}

.timeline-title[b-l8utf94byh] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-primary);
    text-decoration: none;
}

.timeline-title:hover[b-l8utf94byh] {
    text-decoration: underline;
}

.timeline-description[b-l8utf94byh] {
    font-size: var(--text-xs);
    color: var(--text-muted);
    line-height: 1.4;
}

.timeline-load-more[b-l8utf94byh] {
    display: flex;
    justify-content: center;
    padding: var(--space-4) 0 var(--space-2);
}

.btn-load-more[b-l8utf94byh] {
    background: transparent;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-load-more:hover[b-l8utf94byh] {
    background: var(--color-surface-hover, rgba(0, 0, 0, 0.04));
    border-color: var(--color-primary);
    color: var(--color-primary);
}