/* /Views/Components/ActivityEditorShell.razor.rz.scp.css */
.activity-editor-header[b-csw474k0d9] {
    margin-bottom: var(--space-xl);
}

.activity-editor-layout[b-csw474k0d9] {
    align-items: start;
}

.activity-editor-card[b-csw474k0d9],
.activity-editor-summary-card[b-csw474k0d9],
.activity-editor-note-card[b-csw474k0d9],
.activity-editor-state-card[b-csw474k0d9] {
    border-radius: var(--radius-2xl);
}

.activity-editor-card[b-csw474k0d9],
.activity-editor-summary-card[b-csw474k0d9],
.activity-editor-note-card[b-csw474k0d9] {
    padding: var(--space-2xl);
}

.activity-editor-card[b-csw474k0d9] {
    display: grid;
    gap: var(--space-xl);
}

.activity-editor-section-head[b-csw474k0d9] {
    display: flex;
    gap: var(--space-lg);
    justify-content: space-between;
    align-items: start;
}

.activity-editor-section-head p[b-csw474k0d9],
.activity-editor-note-copy p[b-csw474k0d9],
.activity-editor-summary-card p[b-csw474k0d9],
.activity-editor-state-card p[b-csw474k0d9] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.6;
}

.activity-editor-section-head[b-csw474k0d9]  .activity-editor-kita-chip {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    padding: 0.45rem 0.75rem;
    border-radius: var(--radius-full);
    background: var(--color-brand-soft);
    color: var(--color-brand-soft-text);
    font-size: var(--font-size-xs);
    font-weight: 800;
}

.activity-editor-card[b-csw474k0d9]  .activity-editor-grid {
    display: grid;
    gap: var(--space-lg);
}

.activity-editor-card[b-csw474k0d9]  .activity-editor-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.activity-editor-card[b-csw474k0d9]  .form-group {
    margin-bottom: 0;
}

.activity-editor-card[b-csw474k0d9]  .activity-editor-full {
    grid-column: 1 / -1;
}

.activity-editor-card[b-csw474k0d9]  .activity-editor-toggle-row {
    padding: var(--space-lg);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--color-info) 6%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-info) 14%, transparent);
}

.activity-editor-card[b-csw474k0d9]  .activity-editor-checkbox {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    font-weight: 700;
    color: var(--color-text-secondary);
}

.activity-editor-note-card[b-csw474k0d9] {
    display: flex;
    gap: var(--space-lg);
    align-items: center;
    justify-content: space-between;
}

.activity-editor-note-copy[b-csw474k0d9] {
    display: grid;
    gap: var(--space-sm);
}

.activity-editor-note-copy h3[b-csw474k0d9],
.activity-editor-summary-card h3[b-csw474k0d9],
.activity-editor-state-card h1[b-csw474k0d9] {
    margin: 0;
    color: var(--color-text);
    font-weight: 800;
    letter-spacing: -0.02em;
}

.activity-editor-actions[b-csw474k0d9] {
    display: flex;
    gap: var(--space-md);
    justify-content: flex-end;
}

.activity-editor-summary-card[b-csw474k0d9] {
    top: calc(var(--space-xl) + 84px);
    display: grid;
    gap: var(--space-lg);
}

.activity-editor-summary-icon[b-csw474k0d9],
.activity-editor-state-icon[b-csw474k0d9] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-kitabee-amber) 14%, transparent);
    color: var(--color-kitabee-amber);
    font-size: 1.2rem;
}

.activity-editor-state-icon-danger[b-csw474k0d9] {
    background: color-mix(in srgb, var(--color-danger) 14%, transparent);
    color: var(--color-danger);
}

.activity-editor-summary-list[b-csw474k0d9] {
    display: grid;
    gap: var(--space-md);
}

.activity-editor-summary-list[b-csw474k0d9]  .activity-editor-summary-row {
    display: flex;
    gap: var(--space-md);
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 85%, transparent);
}

.activity-editor-summary-list[b-csw474k0d9]  .activity-editor-summary-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.activity-editor-summary-list[b-csw474k0d9]  .activity-editor-summary-row span {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.activity-editor-summary-list[b-csw474k0d9]  .activity-editor-summary-row strong {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    text-align: right;
}

.activity-editor-tips-card[b-csw474k0d9] {
    border-radius: var(--radius-2xl);
}

.activity-editor-alert[b-csw474k0d9] {
    margin-bottom: var(--space-xl);
}

.activity-editor-state[b-csw474k0d9] {
    min-height: 60vh;
    display: grid;
    place-items: center;
}

.activity-editor-state-card[b-csw474k0d9] {
    width: min(100%, 32rem);
    padding: var(--space-2xl);
    display: grid;
    gap: var(--space-lg);
    text-align: center;
    justify-items: center;
}

.activity-editor-spinner[b-csw474k0d9] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    border: 0.25rem solid color-mix(in srgb, var(--color-kitabee-amber) 18%, transparent);
    border-top-color: var(--color-kitabee-amber);
    animation: activity-editor-spin-b-csw474k0d9 0.9s linear infinite;
}

.theme-dark .activity-editor-card[b-csw474k0d9]  .activity-editor-toggle-row {
    background: rgba(14, 165, 233, 0.08);
    border-color: rgba(14, 165, 233, 0.16);
}

.theme-dark .activity-editor-section-head[b-csw474k0d9]  .activity-editor-kita-chip {
    background: rgba(251, 191, 36, 0.13);
    border: 1px solid rgba(251, 191, 36, 0.2);
}

@keyframes activity-editor-spin-b-csw474k0d9 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1080px) {
    .activity-editor-summary-card[b-csw474k0d9] {
        position: static;
    }
}

@media (max-width: 720px) {
    .activity-editor-card[b-csw474k0d9],
    .activity-editor-summary-card[b-csw474k0d9],
    .activity-editor-note-card[b-csw474k0d9],
    .activity-editor-state-card[b-csw474k0d9] {
        padding: var(--space-xl);
    }

    .activity-editor-card[b-csw474k0d9]  .activity-editor-grid-2 {
        grid-template-columns: 1fr;
    }

    .activity-editor-section-head[b-csw474k0d9],
    .activity-editor-note-card[b-csw474k0d9],
    .activity-editor-actions[b-csw474k0d9] {
        flex-direction: column;
        align-items: stretch;
    }

    .activity-editor-summary-list[b-csw474k0d9]  .activity-editor-summary-row {
        flex-direction: column;
        align-items: stretch;
    }

    .activity-editor-summary-list[b-csw474k0d9]  .activity-editor-summary-row strong {
        text-align: left;
    }

    .activity-editor-actions .btn[b-csw474k0d9],
    .fb-page-header-actions .btn[b-csw474k0d9] {
        width: 100%;
        justify-content: center;
    }
}
/* /Views/Components/AppointmentAvailabilityCalendar.razor.rz.scp.css */
.availability-calendar[b-mpxzoyr1fu] {
    display: grid;
    gap: var(--space-md);
    padding: var(--space-md);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg) 100%);
}

.availability-calendar-head[b-mpxzoyr1fu],
.availability-calendar-month-nav[b-mpxzoyr1fu],
.availability-calendar-empty[b-mpxzoyr1fu] {
    display: flex;
    align-items: center;
}

.availability-calendar-head[b-mpxzoyr1fu] {
    justify-content: space-between;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.availability-calendar-month-nav[b-mpxzoyr1fu] {
    gap: var(--space-sm);
}

.availability-calendar-month-nav strong[b-mpxzoyr1fu] {
    min-width: 170px;
    color: var(--color-text);
    font-size: var(--font-size-md);
    font-weight: 800;
    text-align: center;
}

.availability-calendar-nav-btn[b-mpxzoyr1fu],
.availability-calendar-today-btn[b-mpxzoyr1fu],
.availability-calendar-day[b-mpxzoyr1fu] {
    border: none;
    font: inherit;
}

.availability-calendar-nav-btn[b-mpxzoyr1fu],
.availability-calendar-today-btn[b-mpxzoyr1fu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.availability-calendar-nav-btn[b-mpxzoyr1fu] {
    width: 38px;
    height: 38px;
    border-radius: var(--radius-full);
    background: var(--color-bg);
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border-light);
}

.availability-calendar-nav-btn:disabled[b-mpxzoyr1fu],
.availability-calendar-today-btn:disabled[b-mpxzoyr1fu],
.availability-calendar-day:disabled[b-mpxzoyr1fu] {
    cursor: default;
    opacity: 0.65;
}

.availability-calendar-today-btn[b-mpxzoyr1fu] {
    padding: 0.55rem 0.85rem;
    border-radius: var(--radius-full);
    background: var(--color-brand-soft-subtle);
    color: var(--color-brand-soft-text);
    font-size: var(--font-size-xs);
    font-weight: 800;
    border: 1px solid var(--color-brand-soft-subtle);
}

.availability-calendar-weekdays[b-mpxzoyr1fu],
.availability-calendar-grid[b-mpxzoyr1fu] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.45rem;
}

.availability-calendar-weekdays span[b-mpxzoyr1fu] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: 700;
    text-align: center;
}

.availability-calendar-grid[b-mpxzoyr1fu] {
    position: relative;
}

.availability-calendar-day[b-mpxzoyr1fu] {
    min-height: 54px;
    padding: 0.55rem 0.4rem;
    border-radius: var(--radius-lg);
    background: transparent;
    color: var(--color-text-secondary);
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 0.35rem;
    border: 1px solid transparent;
}

.availability-calendar-day-current[b-mpxzoyr1fu] {
    background: rgba(255, 255, 255, 0.64);
}

.availability-calendar-day-outside[b-mpxzoyr1fu] {
    color: var(--color-text-muted);
    opacity: 0.5;
}

.availability-calendar-day-available[b-mpxzoyr1fu] {
    background: rgba(255, 193, 7, 0.12);
    border-color: rgba(245, 158, 11, 0.18);
    color: var(--color-text);
    cursor: pointer;
}

.availability-calendar-day-selected[b-mpxzoyr1fu] {
    background: linear-gradient(180deg, var(--color-kitabee-yellow) 0%, var(--color-kitabee-amber) 100%);
    border-color: rgba(245, 158, 11, 0.32);
    color: var(--color-button-text);
    box-shadow: var(--shadow-sm);
}

.availability-calendar-day-today .availability-calendar-day-number[b-mpxzoyr1fu] {
    font-weight: 900;
}

.availability-calendar-day-dot[b-mpxzoyr1fu] {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: currentColor;
}

.availability-calendar-day-number[b-mpxzoyr1fu] {
    font-size: var(--font-size-sm);
    font-weight: 800;
    line-height: 1;
}

.availability-calendar-empty[b-mpxzoyr1fu] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
}

.availability-calendar-empty p[b-mpxzoyr1fu] {
    margin: 0;
}

.availability-calendar-loading[b-mpxzoyr1fu] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.78);
    border-radius: var(--radius-xl);
}

.availability-calendar-loading-spinner[b-mpxzoyr1fu] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 3px solid rgba(245, 158, 11, 0.18);
    border-top-color: var(--color-kitabee-amber);
    animation: availability-calendar-spin-b-mpxzoyr1fu 0.8s linear infinite;
}

@keyframes availability-calendar-spin-b-mpxzoyr1fu {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 640px) {
    .availability-calendar-head[b-mpxzoyr1fu] {
        align-items: stretch;
    }

    .availability-calendar-month-nav[b-mpxzoyr1fu] {
        justify-content: space-between;
        width: 100%;
    }

    .availability-calendar-month-nav strong[b-mpxzoyr1fu] {
        min-width: 0;
        flex: 1;
    }

    .availability-calendar-today-btn[b-mpxzoyr1fu] {
        width: 100%;
    }
}
/* /Views/Components/NotificationCenter.razor.rz.scp.css */
.sidebar-notification-link[b-1u7h7ghcls] {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 14px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--color-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.sidebar-notification-link:hover[b-1u7h7ghcls],
.sidebar-notification-link.active[b-1u7h7ghcls] {
    background: rgba(255, 213, 79, 0.14);
    border-color: rgba(255, 213, 79, 0.42);
    color: var(--color-amber-800);
}

.sidebar-notification-icon[b-1u7h7ghcls] {
    font-size: 16px;
    line-height: 1;
}

.sidebar-notification-badge[b-1u7h7ghcls] {
    position: absolute;
    top: 2px;
    right: -1px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--color-danger);
    color: white;
    font-size: 10px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: 0 0 0 2px var(--color-surface);
}

.kb-notification-toast-stack[b-1u7h7ghcls] {
    position: fixed;
    top: 22px;
    right: 22px;
    width: min(380px, calc(100vw - 28px));
    display: grid;
    gap: 12px;
    z-index: 3000;
    pointer-events: none;
}

.kb-notification-toast[b-1u7h7ghcls] {
    pointer-events: auto;
    position: relative;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 34px;
    gap: 12px;
    align-items: start;
    padding: 14px;
    border: 1px solid var(--color-border);
    border-radius: 14px;
    background: var(--color-surface);
    color: var(--color-text);
    box-shadow: 0 14px 36px rgba(30, 41, 59, 0.16);
    cursor: pointer;
    overflow: hidden;
    animation: kb-notification-toast-in-b-1u7h7ghcls 220ms ease-out both;
}

.kb-notification-toast[b-1u7h7ghcls]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--color-kitabee-amber);
}

.kb-notification-toast:hover[b-1u7h7ghcls] {
    transform: translateY(-1px);
    box-shadow: 0 18px 42px rgba(30, 41, 59, 0.2);
}

.kb-notification-toast-icon[b-1u7h7ghcls] {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 193, 7, 0.16);
    color: var(--color-amber-800);
    font-size: 18px;
}

.kb-notification-toast-copy[b-1u7h7ghcls] {
    min-width: 0;
}

.kb-notification-toast-kicker[b-1u7h7ghcls] {
    margin-bottom: 3px;
    color: var(--color-amber-800);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

.kb-notification-toast h2[b-1u7h7ghcls] {
    margin: 0;
    color: var(--color-text);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.25;
}

.kb-notification-toast p[b-1u7h7ghcls] {
    margin: 5px 0 0;
    color: var(--color-text-muted);
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.kb-notification-toast-close[b-1u7h7ghcls] {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: var(--color-text-muted);
    cursor: pointer;
}

.kb-notification-toast-close:hover[b-1u7h7ghcls] {
    background: rgba(255, 193, 7, 0.2);
    color: var(--color-amber-800);
}

@keyframes kb-notification-toast-in-b-1u7h7ghcls {
    from {
        opacity: 0;
        transform: translate(18px, -8px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translate(0, 0) scale(1);
    }
}

@media (max-width: 640px) {
    .kb-notification-toast-stack[b-1u7h7ghcls] {
        top: 14px;
        right: 14px;
        left: 14px;
        width: auto;
    }
}
/* /Views/Components/SupportTicketForm.razor.rz.scp.css */
.support-ticket-shell[b-fiedqckcj5] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.support-ticket-heading[b-fiedqckcj5] {
    background: var(--color-surface, #ffffff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 28px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
    padding: 30px 34px;
}

.support-ticket-kicker[b-fiedqckcj5] {
    align-items: center;
    background: rgba(255, 203, 48, 0.18);
    border-radius: 999px;
    color: #a16207;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 800;
    gap: 8px;
    letter-spacing: 0.08em;
    padding: 9px 14px;
    text-transform: uppercase;
}

.support-ticket-heading h1[b-fiedqckcj5] {
    color: var(--color-text, #102033);
    font-size:2rem;
    margin: 18px 0 8px;
}

.support-ticket-heading p[b-fiedqckcj5] {
    color: var(--color-text-muted, #64748b);
    font-size: 1.04rem;
    margin: 0;
    max-width: 720px;
}

.support-ticket-layout[b-fiedqckcj5] {
    align-items: start;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.75fr);
}

.support-ticket-card[b-fiedqckcj5] {
    background: var(--color-surface, #ffffff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 26px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
    padding: 26px;
}

.support-ticket-form-card[b-fiedqckcj5] {
    min-width: 0;
}

.support-ticket-side[b-fiedqckcj5] {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.support-ticket-section-head[b-fiedqckcj5] {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 22px;
}

.support-ticket-section-head h2[b-fiedqckcj5] {
    color: var(--color-text, #102033);
    font-size: 1.45rem;
    margin: 0 0 8px;
}

.support-ticket-section-head p[b-fiedqckcj5] {
    color: var(--color-text-muted, #64748b);
    margin: 0;
}

.support-ticket-section-icon[b-fiedqckcj5],
.support-ticket-count[b-fiedqckcj5] {
    align-items: center;
    background: #ffcb30;
    border-radius: 18px;
    color: #3d2a00;
    display: inline-flex;
    flex: 0 0 52px;
    font-weight: 900;
    height: 52px;
    justify-content: center;
    width: 52px;
}

.support-ticket-count[b-fiedqckcj5] {
    background: rgba(255, 203, 48, 0.22);
    border: 1px solid rgba(255, 203, 48, 0.42);
}

.support-ticket-form[b-fiedqckcj5] {
    display: grid;
    gap: 22px;
}

.support-ticket-form__grid[b-fiedqckcj5] {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-ticket-form__wide[b-fiedqckcj5] {
    grid-column: 1 / -1;
}

.support-ticket-form__textarea[b-fiedqckcj5] {
    min-height: 170px;
    resize: vertical;
}

.support-ticket-upload[b-fiedqckcj5] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 20px;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 18px;
}

.support-ticket-upload p[b-fiedqckcj5] {
    color: var(--color-text-muted, #64748b);
    margin: 0;
}

.support-ticket-upload__button[b-fiedqckcj5] {
    align-items: center;
    background: #ffcb30;
    border-radius: 999px;
    color: #3d2a00;
    cursor: pointer;
    display: inline-flex;
    font-weight: 800;
    gap: 10px;
    padding: 12px 18px;
    white-space: nowrap;
}

.support-ticket-upload__button input[b-fiedqckcj5],
.support-ticket-upload__button[b-fiedqckcj5]  input[type="file"],
.support-ticket-upload__button[b-fiedqckcj5]  .support-ticket-file-input {
    display: none !important;
}

.support-ticket-upload__selection[b-fiedqckcj5] {
    align-items: center;
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 16px;
    color: var(--color-text, #102033);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-top: 12px;
    padding: 12px 14px;
}

.support-ticket-upload__remove[b-fiedqckcj5] {
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.16);
    color: var(--color-danger, #dc2626);
    cursor: pointer;
    flex: 0 0 40px;
    height: 40px;
    width: 40px;
}

.support-ticket-upload__remove:hover[b-fiedqckcj5] {
    background: rgba(220, 38, 38, 0.16);
    color: var(--color-danger, #dc2626);
}

.support-ticket-form__error[b-fiedqckcj5] {
    color: var(--color-danger, #dc2626);
    font-size: 0.9rem;
    font-weight: 700;
    margin-top: 10px;
}

.support-ticket-form__actions[b-fiedqckcj5] {
    display: flex;
    justify-content: flex-end;
}

.support-ticket-tips[b-fiedqckcj5],
.support-ticket-report-list[b-fiedqckcj5] {
    display: grid;
    gap: 12px;
}

.support-ticket-report-list--scroll[b-fiedqckcj5] {
    max-height: 220px;
    overflow-y: scroll;
    padding-right: 6px;
    scrollbar-gutter: stable;
}

.support-ticket-report-list--scroll[b-fiedqckcj5]::-webkit-scrollbar {
    width: 6px;
}

.support-ticket-report-list--scroll[b-fiedqckcj5]::-webkit-scrollbar-track {
    background: transparent;
}

.support-ticket-report-list--scroll[b-fiedqckcj5]::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.55);
    border-radius: 999px;
}

.support-ticket-tip[b-fiedqckcj5] {
    align-items: flex-start;
    background: #fbfdff;
    border: 1px solid #e4edf6;
    border-radius: 18px;
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 14px;
}

.support-ticket-tip span[b-fiedqckcj5] {
    align-items: center;
    background: rgba(255, 203, 48, 0.24);
    border-radius: 14px;
    color: #9a6700;
    display: inline-flex;
    font-weight: 900;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.support-ticket-tip p[b-fiedqckcj5] {
    color: var(--color-text-muted, #64748b);
    margin: 4px 0 0;
}

.support-ticket-stats[b-fiedqckcj5] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 16px;
}

.support-ticket-stats article[b-fiedqckcj5] {
    background: #fbfdff;
    border: 1px solid #e4edf6;
    border-radius: 18px;
    padding: 14px;
}

.support-ticket-stats strong[b-fiedqckcj5] {
    color: var(--color-text, #102033);
    display: block;
    font-size: 1.45rem;
    line-height: 1;
}

.support-ticket-stats span[b-fiedqckcj5] {
    color: var(--color-text-muted, #64748b);
    display: block;
    font-size: 0.82rem;
    font-weight: 800;
    margin-top: 8px;
}

.support-ticket-report[b-fiedqckcj5] {
    align-items: center;
    background: #fbfdff;
    border: 1px solid #e4edf6;
    border-radius: 18px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px;
}

.support-ticket-report__main strong[b-fiedqckcj5],
.support-ticket-report__main span[b-fiedqckcj5] {
    display: block;
}

.support-ticket-report__main strong[b-fiedqckcj5] {
    color: var(--color-text, #102033);
}

.support-ticket-report__main span[b-fiedqckcj5] {
    color: var(--color-text-muted, #64748b);
    font-size: 0.86rem;
    margin-top: 4px;
}

.support-ticket-status[b-fiedqckcj5] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 900;
    gap: 7px;
    padding: 8px 11px;
    white-space: nowrap;
}

.support-ticket-status--new[b-fiedqckcj5] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.support-ticket-status--review[b-fiedqckcj5] {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

.support-ticket-status--resolved[b-fiedqckcj5] {
    background: rgba(34, 197, 94, 0.14);
    color: #15803d;
}

.support-ticket-status--closed[b-fiedqckcj5] {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

.support-ticket-empty[b-fiedqckcj5] {
    align-items: center;
    border: 1px dashed #d7e3ef;
    border-radius: 20px;
    color: var(--color-text-muted, #64748b);
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    text-align: center;
}

.support-ticket-empty i[b-fiedqckcj5] {
    color: #d69e00;
    font-size: 1.8rem;
}

.support-ticket-empty strong[b-fiedqckcj5] {
    color: var(--color-text, #102033);
}

.theme-dark .support-ticket-heading[b-fiedqckcj5],
.theme-dark .support-ticket-card[b-fiedqckcj5],
body.dark-mode .support-ticket-heading[b-fiedqckcj5],
body.dark-mode .support-ticket-card[b-fiedqckcj5],
[data-theme="dark"] .support-ticket-heading[b-fiedqckcj5],
[data-theme="dark"] .support-ticket-card[b-fiedqckcj5] {
    background: var(--color-surface, #1e293b);
    border-color: var(--color-border, rgba(148, 163, 184, 0.24));
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.2);
}

.theme-dark .support-ticket-tip[b-fiedqckcj5],
.theme-dark .support-ticket-report[b-fiedqckcj5],
.theme-dark .support-ticket-stats article[b-fiedqckcj5],
.theme-dark .support-ticket-upload[b-fiedqckcj5],
body.dark-mode .support-ticket-tip[b-fiedqckcj5],
body.dark-mode .support-ticket-report[b-fiedqckcj5],
body.dark-mode .support-ticket-stats article[b-fiedqckcj5],
body.dark-mode .support-ticket-upload[b-fiedqckcj5],
[data-theme="dark"] .support-ticket-tip[b-fiedqckcj5],
[data-theme="dark"] .support-ticket-report[b-fiedqckcj5],
[data-theme="dark"] .support-ticket-stats article[b-fiedqckcj5],
[data-theme="dark"] .support-ticket-upload[b-fiedqckcj5] {
    background: var(--color-surface-overlay, rgba(15, 23, 42, 0.36));
    border-color: var(--color-border, rgba(148, 163, 184, 0.28));
}

.theme-dark .support-ticket-empty[b-fiedqckcj5],
body.dark-mode .support-ticket-empty[b-fiedqckcj5],
[data-theme="dark"] .support-ticket-empty[b-fiedqckcj5] {
    border-color: var(--color-border, rgba(148, 163, 184, 0.28));
}

@media (max-width: 1100px) {
    .support-ticket-layout[b-fiedqckcj5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .support-ticket-heading[b-fiedqckcj5],
    .support-ticket-card[b-fiedqckcj5] {
        border-radius: 22px;
        padding: 22px;
    }

    .support-ticket-section-head[b-fiedqckcj5] {
        align-items: flex-start;
    }

    .support-ticket-form__grid[b-fiedqckcj5],
    .support-ticket-stats[b-fiedqckcj5] {
        grid-template-columns: 1fr;
    }

    .support-ticket-upload[b-fiedqckcj5] {
        align-items: stretch;
        flex-direction: column;
    }

    .support-ticket-upload__button[b-fiedqckcj5],
    .support-ticket-form__actions .btn[b-fiedqckcj5] {
        justify-content: center;
        width: 100%;
    }

    .support-ticket-upload__selection[b-fiedqckcj5],
    .support-ticket-report[b-fiedqckcj5] {
        align-items: flex-start;
        grid-template-columns: 1fr;
    }

    .support-ticket-upload__selection[b-fiedqckcj5] {
        flex-direction: column;
    }
}
/* /Views/Components/ToastComponent.razor.rz.scp.css */
.tc-toast-root[b-lz59otet5y] {
    position: fixed;
    z-index: 2147483647;
    display: flex;
    flex-direction: column;
    gap: 12px;
    pointer-events: none;
}

.tc-toast-bottom[b-lz59otet5y] {
    bottom: 20px;
    right: 20px;
}

.tc-toast-top[b-lz59otet5y] {
    top: 20px;
    right: 20px;
}

.tc-toast[b-lz59otet5y] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 280px;
    max-width: 380px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 14px 16px;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.2s ease, opacity 0.2s ease;
}


.tc-toast-enter[b-lz59otet5y] {
    animation: toast-fade-in-b-lz59otet5y 0.18s ease-out both;
}

@keyframes toast-fade-in-b-lz59otet5y {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tc-toast-exit[b-lz59otet5y] {
    animation: toast-fade-out-b-lz59otet5y 0.25s ease-in forwards;
}

@keyframes toast-fade-out-b-lz59otet5y {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-6px);
    }
}

.tc-toast-icon[b-lz59otet5y] {
    font-size: 1.4rem;
    margin-top: 2px;
}

.tc-toast-content[b-lz59otet5y] {
    flex: 1;
}

.tc-toast-title[b-lz59otet5y] {
    font-weight: 700;
    font-size: 0.95rem;
    margin-bottom: 2px;
    color: #111827;
}

.tc-toast-message[b-lz59otet5y] {
    font-size: 0.88rem;
    color: #4b5563;
}

.tc-toast-close[b-lz59otet5y] {
    border: 0;
    background: transparent;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    color: #6b7280;
    margin-left: 8px;
    transition: color 0.2s ease;
}

    .tc-toast-close:hover[b-lz59otet5y] {
        color: #111827;
    }

.tc-toast-info[b-lz59otet5y] {
    border-left: 6px solid #3b82f6;
}

    .tc-toast-info .tc-toast-icon[b-lz59otet5y] {
        color: #3b82f6;
    }

.tc-toast-success[b-lz59otet5y] {
    border-left: 6px solid #16a34a;
}

    .tc-toast-success .tc-toast-icon[b-lz59otet5y] {
        color: #16a34a;
    }

.tc-toast-warning[b-lz59otet5y] {
    border-left: 6px solid #f59e0b;
}

    .tc-toast-warning .tc-toast-icon[b-lz59otet5y] {
        color: #f59e0b;
    }

.tc-toast-error[b-lz59otet5y] {
    border-left: 6px solid #dc2626;
}

    .tc-toast-error .tc-toast-icon[b-lz59otet5y] {
        color: #dc2626;
    }
/* /Views/Components/WardrobePanel.razor.rz.scp.css */
.wardrobe-panel[b-x73e9d8toc] {
    display: grid;
    gap: var(--space-lg);
}

.wardrobe-panel-header[b-x73e9d8toc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-lg);
    flex-wrap: wrap;
}

.wardrobe-panel-header .btn[b-x73e9d8toc] {
    align-self: flex-start;
    min-height: 2.75rem;
}

.wardrobe-panel-copy[b-x73e9d8toc] {
    display: grid;
    gap: var(--space-sm);
}

.wardrobe-panel-kicker[b-x73e9d8toc] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: rgba(250, 204, 21, 0.14);
    color: #8a5b00;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.wardrobe-panel-header h2[b-x73e9d8toc],
.wardrobe-panel-history-header h3[b-x73e9d8toc] {
    margin: 0;
}

.wardrobe-panel-header p[b-x73e9d8toc],
.wardrobe-panel-history-header p[b-x73e9d8toc],
.wardrobe-panel-modal-copy[b-x73e9d8toc] {
    margin: 0;
    color: var(--color-text-secondary);
}

.wardrobe-panel-stats[b-x73e9d8toc] {
    display: grid;
    gap: var(--space-md);
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.wardrobe-panel-stat[b-x73e9d8toc] {
    display: grid;
    gap: 0.5rem;
}

.wardrobe-panel-stat strong[b-x73e9d8toc] {
    font-size: 1.4rem;
    font-weight: 900;
    color: var(--color-text);
}

.wardrobe-panel-stat span:last-child[b-x73e9d8toc] {
    color: var(--color-text-secondary);
    font-size: 0.84rem;
    font-weight: 700;
}

.wardrobe-panel-stat-icon[b-x73e9d8toc],
.wardrobe-panel-card-icon[b-x73e9d8toc],
.wardrobe-panel-history-icon[b-x73e9d8toc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    box-shadow: var(--shadow-sm);
}

.wardrobe-panel-stat-icon[b-x73e9d8toc] {
    width: 3rem;
    height: 3rem;
    color: #fff;
}

.wardrobe-panel-stat-icon-blue[b-x73e9d8toc] {
    background: linear-gradient(135deg, #8ed4ff, #4f8dff);
}

.wardrobe-panel-stat-icon-green[b-x73e9d8toc] {
    background: linear-gradient(135deg, #6ee7b7, #10b981);
}

.wardrobe-panel-stat-icon-amber[b-x73e9d8toc] {
    background: linear-gradient(135deg, var(--color-kitabee-yellow), var(--color-kitabee-amber));
}

.wardrobe-panel-stat-icon-rose[b-x73e9d8toc] {
    background: linear-gradient(135deg, #fb7185, #ec4899);
}

.wardrobe-panel-tabs[b-x73e9d8toc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-sm);
}

.wardrobe-panel-tab[b-x73e9d8toc] {
    border: 1px solid var(--color-border-light);
    background: var(--color-bg);
    color: var(--color-text-secondary);
    border-radius: var(--radius-lg);
    padding: 0.85rem 1rem;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.2s ease;
}

.wardrobe-panel-tab.active[b-x73e9d8toc] {
    background: linear-gradient(135deg, rgba(250, 204, 21, 0.16), rgba(245, 158, 11, 0.22));
    border-color: rgba(245, 158, 11, 0.3);
    color: #8a5b00;
}

.wardrobe-panel-toolbar-grid[b-x73e9d8toc] {
    display: grid;
    gap: var(--space-md);
    grid-template-columns: minmax(0, 2fr) repeat(2, minmax(180px, 1fr));
}

.wardrobe-panel-grid[b-x73e9d8toc] {
    display: grid;
    gap: var(--space-md);
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.wardrobe-panel-card[b-x73e9d8toc] {
    display: grid;
    gap: var(--space-md);
}

.wardrobe-panel-card-head[b-x73e9d8toc] {
    display: flex;
    gap: var(--space-md);
    align-items: flex-start;
}

.wardrobe-panel-card-icon[b-x73e9d8toc] {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
    flex-shrink: 0;
}

.wardrobe-panel-card-copy[b-x73e9d8toc] {
    flex: 1;
    min-width: 0;
    display: grid;
    gap: 0.4rem;
}

.wardrobe-panel-card-copy h3[b-x73e9d8toc] {
    margin: 0;
    font-size: 1.05rem;
}

.wardrobe-panel-card-meta[b-x73e9d8toc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.wardrobe-panel-quantity[b-x73e9d8toc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    text-align: center;
    padding: 0.55rem 0.75rem;
    border-radius: var(--radius-md);
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
    font-weight: 900;
    color: var(--color-text);
}

.wardrobe-panel-badge[b-x73e9d8toc] {
    display: inline-flex;
    align-items: center;
    padding: 0.32rem 0.65rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
}

.wardrobe-panel-badge-category[b-x73e9d8toc] {
    background: rgba(139, 92, 246, 0.1);
    color: #7c3aed;
}

.wardrobe-panel-badge-success[b-x73e9d8toc] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.wardrobe-panel-badge-warning[b-x73e9d8toc] {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

.wardrobe-panel-badge-danger[b-x73e9d8toc] {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

.wardrobe-panel-badge-info[b-x73e9d8toc] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.wardrobe-panel-badge-default[b-x73e9d8toc] {
    background: rgba(100, 116, 139, 0.1);
    color: #64748b;
}

.wardrobe-panel-icon-blue[b-x73e9d8toc] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.wardrobe-panel-icon-amber[b-x73e9d8toc] {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

.wardrobe-panel-icon-purple[b-x73e9d8toc] {
    background: rgba(139, 92, 246, 0.12);
    color: #7c3aed;
}

.wardrobe-panel-icon-green[b-x73e9d8toc] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.wardrobe-panel-icon-slate[b-x73e9d8toc] {
    background: rgba(100, 116, 139, 0.12);
    color: #64748b;
}

.wardrobe-panel-notes[b-x73e9d8toc] {
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
    padding: 0.8rem 0.95rem;
    border-radius: var(--radius-lg);
    background: var(--color-bg);
    color: var(--color-text-secondary);
}

.wardrobe-panel-actions[b-x73e9d8toc] {
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
    align-items: center;
    padding-top: var(--space-sm);
    border-top: 1px solid var(--color-border-light);
}

.wardrobe-panel-actions .btn[b-x73e9d8toc] {
    min-height: 2.25rem;
    flex: 0 0 auto;
}

.wardrobe-panel-action-delete[b-x73e9d8toc] {
    color: #7f1d1d;
    border-color: rgba(239, 68, 68, 0.18);
    background: rgba(239, 68, 68, 0.04);
}

.wardrobe-panel-history-list[b-x73e9d8toc] {
    display: grid;
    gap: var(--space-md);
}

.wardrobe-panel-history-card[b-x73e9d8toc] {
    display: flex;
    gap: var(--space-md);
    align-items: flex-start;
}

.wardrobe-panel-history-icon[b-x73e9d8toc] {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
}

.wardrobe-panel-history-copy[b-x73e9d8toc] {
    flex: 1;
    min-width: 0;
    display: grid;
    gap: 0.35rem;
}

.wardrobe-panel-history-top[b-x73e9d8toc] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.wardrobe-panel-history-top strong[b-x73e9d8toc],
.wardrobe-panel-history-item[b-x73e9d8toc] {
    color: var(--color-text);
    font-weight: 800;
}

.wardrobe-panel-history-top span[b-x73e9d8toc],
.wardrobe-panel-history-copy small[b-x73e9d8toc] {
    color: var(--color-text-secondary);
}

.wardrobe-panel-history-copy p[b-x73e9d8toc] {
    margin: 0;
    color: var(--color-text-secondary);
}

.wardrobe-panel-history-icon-success[b-x73e9d8toc] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.wardrobe-panel-history-icon-info[b-x73e9d8toc] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.wardrobe-panel-history-icon-warning[b-x73e9d8toc] {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

.wardrobe-panel-history-icon-danger[b-x73e9d8toc] {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

.wardrobe-panel-history-icon-default[b-x73e9d8toc] {
    background: rgba(100, 116, 139, 0.1);
    color: #64748b;
}

.wardrobe-panel-modal[b-x73e9d8toc] {
    width: min(100%, 560px);
}

.wardrobe-panel-autocomplete[b-x73e9d8toc] {
    position: relative;
}

.wardrobe-panel-suggestions[b-x73e9d8toc] {
    position: absolute;
    top: calc(100% + 0.4rem);
    left: 0;
    right: 0;
    z-index: 20;
    display: grid;
    gap: 0.3rem;
    padding: 0.45rem;
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-md);
}

.wardrobe-panel-suggestion[b-x73e9d8toc] {
    width: 100%;
    border: none;
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-text);
    text-align: left;
    padding: 0.7rem 0.8rem;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.wardrobe-panel-suggestion:hover[b-x73e9d8toc] {
    background: rgba(250, 204, 21, 0.14);
    color: #8a5b00;
}

.wardrobe-panel-stepper-name[b-x73e9d8toc],
.wardrobe-panel-delete-name[b-x73e9d8toc] {
    padding: 0.85rem 1rem;
    border-radius: var(--radius-lg);
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
    color: var(--color-text);
    text-align: center;
}

.wardrobe-panel-stepper[b-x73e9d8toc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--space-md);
    align-items: center;
}

@media (max-width: 900px) {
    .wardrobe-panel-toolbar-grid[b-x73e9d8toc] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .wardrobe-panel-header[b-x73e9d8toc] {
        flex-direction: column;
    }

    .wardrobe-panel-stats[b-x73e9d8toc],
    .wardrobe-panel-grid[b-x73e9d8toc] {
        grid-template-columns: 1fr;
    }

    .wardrobe-panel-tabs[b-x73e9d8toc] {
        grid-template-columns: 1fr;
    }

    .wardrobe-panel-card-head[b-x73e9d8toc],
    .wardrobe-panel-history-card[b-x73e9d8toc] {
        flex-direction: column;
    }

    .wardrobe-panel-stepper[b-x73e9d8toc] {
        grid-template-columns: 1fr;
    }
}
/* /Views/Layouts/AppLayout.razor.rz.scp.css */
.sidebar-top-links[b-h56vst448t] {
    margin-bottom: var(--space-sm);
}

.sidebar-section-head[b-h56vst448t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: 0 var(--space-md);
    margin-bottom: var(--space-sm);
}

.sidebar-section-head .sidebar-section-title[b-h56vst448t] {
    padding: 0;
    margin-bottom: 0;
}

.nav-group[b-h56vst448t] {
    margin-bottom: 4px;
}

.nav-group-trigger[b-h56vst448t] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: 10px 12px;
    border-radius: var(--radius-lg);
    background: transparent;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    list-style: none;
    transition: background 0.15s ease, color 0.15s ease;
}

.nav-group-trigger[b-h56vst448t]::-webkit-details-marker {
    display: none;
}

.nav-group-trigger:hover[b-h56vst448t] {
    background: var(--color-border-light);
    color: var(--color-text);
}

.nav-group-copy[b-h56vst448t] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.nav-group-trigger .nav-icon[b-h56vst448t] {
    width: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.nav-group.active .nav-group-trigger[b-h56vst448t] {
    color: var(--color-text);
}

.nav-group[open] .nav-group-trigger[b-h56vst448t] {
    background: rgba(255, 213, 79, 0.12);
    color: var(--color-amber-800);
}

.theme-dark .nav-group[open] .nav-group-trigger[b-h56vst448t] {
    background: var(--color-sidebar-active-bg);
    color: var(--color-sidebar-active-text);
}

.nav-group-chevron[b-h56vst448t] {
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: inherit;
    transition: transform 0.18s ease;
    flex-shrink: 0;
}

.nav-group[open] .nav-group-chevron[b-h56vst448t] {
    transform: rotate(180deg);
}

.nav-group-panel[b-h56vst448t] {
    display: none;
    margin: 6px 0 10px 10px;
    padding-left: var(--space-md);
    border-left: 1px solid var(--color-border-light);
}

.nav-group[open] .nav-group-panel[b-h56vst448t] {
    display: block;
}

.nav-item-child[b-h56vst448t] {
    padding: 8px 12px;
    font-size: var(--font-size-sm);
}

.nav-item-child .nav-icon[b-h56vst448t] {
    width: 20px;
    font-size: 14px;
    opacity: 0.82;
}

.sidebar-footer-shell[b-h56vst448t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
}

.sidebar-profile-link[b-h56vst448t] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 2px 0;
    border: none;
    background: transparent;
    box-shadow: none;
    text-decoration: none;
    color: var(--color-text);
    transition: opacity 0.18s ease;
}

.sidebar-profile-link:hover[b-h56vst448t] {
    opacity: 0.88;
}

.sidebar-profile-link.active[b-h56vst448t] {
    opacity: 1;
}

.sidebar-persona-avatar[b-h56vst448t] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    object-fit: cover;
    flex-shrink: 0;
}

.sidebar-persona-avatar-fallback[b-h56vst448t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(255, 213, 79, 0.96), rgba(255, 193, 7, 0.92));
    color: var(--color-amber-800);
    font-size: var(--font-size-sm);
    font-weight: 800;
}

.sidebar-profile-copy[b-h56vst448t] {
    min-width: 0;
    display: flex;
    align-items: center;
}

.sidebar-profile-copy strong[b-h56vst448t] {
    display: block;
    min-width: 0;
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-logout-form[b-h56vst448t] {
    margin: 0;
    flex-shrink: 0;
}

.sidebar-logout-btn[b-h56vst448t] {
    width: 36px;
    height: 36px;
    padding: 0;
    justify-content: center !important;
    gap: 0 !important;
    border-radius: 10px;
    border: none !important;
    background: transparent !important;
    color: var(--color-text-secondary);
    box-shadow: none !important;
    transition: color 0.18s ease, background 0.18s ease;
}

.sidebar-logout-btn:hover[b-h56vst448t] {
    background: rgba(220, 38, 38, 0.08) !important;
    color: var(--color-danger);
    border: none !important;
    box-shadow: none !important;
}

.mobile-sidebar-check[b-h56vst448t],
.mobile-sidebar-toggle[b-h56vst448t],
.mobile-sidebar-close[b-h56vst448t],
.sidebar-backdrop[b-h56vst448t] {
    display: none;
}

@media (max-width: 1024px) {
    .mobile-sidebar-check[b-h56vst448t] {
        position: fixed;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
    }

    .mobile-sidebar-toggle[b-h56vst448t] {
        position: fixed;
        top: calc(14px + env(safe-area-inset-top, 0px));
        left: 14px;
        z-index: 130;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.55rem;
        min-height: 44px;
        padding: 0 1rem;
        border: 1px solid rgba(245, 158, 11, 0.34);
        border-radius: 999px;
        background: linear-gradient(135deg, var(--color-kitabee-yellow), var(--color-kitabee-amber));
        color: var(--color-amber-900);
        font-weight: 800;
        box-shadow: 0 16px 36px rgba(245, 158, 11, 0.24);
        cursor: pointer;
    }

    .mobile-sidebar-toggle:hover[b-h56vst448t] {
        transform: translateY(-1px);
        box-shadow: 0 20px 44px rgba(245, 158, 11, 0.3);
    }

    .mobile-sidebar-toggle i[b-h56vst448t],
    .mobile-sidebar-close i[b-h56vst448t] {
        font-size: 0.95rem;
    }

    .sidebar-backdrop[b-h56vst448t] {
        position: fixed;
        inset: 0;
        z-index: 105;
        display: none;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(15, 23, 42, 0.42);
        backdrop-filter: blur(2px);
        cursor: pointer;
    }

    .mobile-sidebar-check:checked ~ .sidebar-backdrop[b-h56vst448t] {
        display: block;
    }

    .mobile-sidebar-check:checked ~ .mobile-sidebar-toggle[b-h56vst448t] {
        display: none;
    }

    .mobile-sidebar-check:checked ~ .sidebar[b-h56vst448t] {
        transform: translateX(0);
    }

    .sidebar[b-h56vst448t] {
        z-index: 120;
        width: min(292px, 86vw);
        max-width: 86vw;
    }

    .sidebar-brand[b-h56vst448t] {
        align-items: center;
        padding-right: var(--space-lg);
    }

    .mobile-sidebar-close[b-h56vst448t] {
        width: 38px;
        height: 38px;
        margin-left: auto;
        border: 1px solid var(--color-border-light);
        border-radius: var(--radius-full);
        background: var(--color-surface);
        color: var(--color-text-secondary);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow: var(--shadow-sm);
    }

    .mobile-sidebar-close:hover[b-h56vst448t] {
        color: var(--color-text);
        background: var(--color-bg);
    }

    .main-content[b-h56vst448t] {
        padding-top: calc(var(--space-lg) + 3.5rem);
    }
}

@media (max-width: 425px) {
    .mobile-sidebar-toggle[b-h56vst448t] {
        left: 12px;
        min-height: 42px;
        padding: 0 0.85rem;
    }

    .sidebar[b-h56vst448t] {
        width: min(284px, 88vw);
        max-width: 88vw;
    }
}
/* /Views/Pages/Educators/Announcements.razor.rz.scp.css */
.ann-page[b-zpw6nt1vnc] {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ann-dashboard-header[b-zpw6nt1vnc] {
    margin-bottom: 0;
}

.ann-header-actions[b-zpw6nt1vnc] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ann-header-actions .btn[b-zpw6nt1vnc] {
    min-height: 44px;
}

.ann-filter-card[b-zpw6nt1vnc] {
    padding: 24px;
}

.ann-filter-bar[b-zpw6nt1vnc] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

.ann-search-wrap[b-zpw6nt1vnc] {
    position: relative;
    flex: 1;
    min-width: 220px;
}

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

.ann-search-input[b-zpw6nt1vnc] {
    padding-left: 42px !important;
}

.ann-filter-controls[b-zpw6nt1vnc] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.ann-filter-select[b-zpw6nt1vnc] {
    min-width: 180px;
    max-width: 220px;
}

.ann-page .form-input[b-zpw6nt1vnc],
.ann-page textarea.form-input[b-zpw6nt1vnc],
.ann-page select.form-input[b-zpw6nt1vnc] {
    border-radius: var(--radius-xl);
    background: var(--color-bg);
    border-color: var(--color-border);
}

.ann-page .form-input:focus[b-zpw6nt1vnc],
.ann-page textarea.form-input:focus[b-zpw6nt1vnc],
.ann-page select.form-input:focus[b-zpw6nt1vnc] {
    outline: none;
    border-color: var(--color-kitabee-amber);
    box-shadow: 0 0 0 3px var(--color-brand-soft-subtle);
    background: var(--color-surface);
}

.ann-grid[b-zpw6nt1vnc] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 32px;
}

.ann-list[b-zpw6nt1vnc],
.ann-sidebar[b-zpw6nt1vnc] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ann-card[b-zpw6nt1vnc] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    border-radius: 24px;
    box-shadow: var(--shadow-sm);
    padding: 24px;
}

.ann-card-pinned[b-zpw6nt1vnc] {
    border-color: var(--color-brand-soft-strong);
    border-top: 4px solid var(--color-kitabee-amber);
    position: relative;
}

.ann-card-header[b-zpw6nt1vnc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.ann-card-header-left[b-zpw6nt1vnc] {
    display: flex;
    gap: 12px;
    min-width: 0;
}

.ann-icon[b-zpw6nt1vnc] {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.ann-icon-red[b-zpw6nt1vnc] { background: var(--color-danger-bg); color: var(--color-danger); }
.ann-icon-green[b-zpw6nt1vnc] { background: var(--color-success-bg); color: var(--color-success); }
.ann-icon-yellow[b-zpw6nt1vnc] { background: var(--color-brand-soft-strong); color: var(--color-brand-soft-text); }
.ann-icon-purple[b-zpw6nt1vnc] { background: var(--color-purple-bg); color: var(--color-purple); }
.ann-icon-gray[b-zpw6nt1vnc] { background: var(--color-border-light); color: var(--color-text-secondary); }

.ann-card-title[b-zpw6nt1vnc] {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: var(--color-text);
}

.ann-title-row[b-zpw6nt1vnc] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ann-card-meta[b-zpw6nt1vnc] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--color-text-muted);
}

.ann-card-content[b-zpw6nt1vnc] {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.65;
    color: var(--color-text-secondary);
}

.ann-inline-note[b-zpw6nt1vnc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 600;
}

.ann-inline-note-blue[b-zpw6nt1vnc] {
    background: var(--color-blue-soft);
    color: var(--color-info);
}

.ann-media-preview[b-zpw6nt1vnc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 16px;
}

.ann-media-tile[b-zpw6nt1vnc] {
    height: 78px;
    border-radius: 14px;
    background: var(--color-border-light);
    color: var(--color-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.ann-card-footer[b-zpw6nt1vnc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: var(--color-text-muted);
    font-size: 14px;
}

.ann-card-stats[b-zpw6nt1vnc] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.ann-pin-pill[b-zpw6nt1vnc] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--color-kitabee-yellow) 0%, var(--color-kitabee-amber) 100%);
    color: var(--color-brand-soft-text);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -0.01em;
    box-shadow: inset 0 1px 0 var(--color-surface-overlay-border);
    flex-shrink: 0;
}

.ann-pin-pill i[b-zpw6nt1vnc] {
    font-size: 13px;
    color: var(--color-brand-soft-text);
}

.ann-react-btn[b-zpw6nt1vnc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-weight: 700;
    cursor: pointer;
}

.ann-react-btn:hover[b-zpw6nt1vnc],
.ann-react-btn.reacted[b-zpw6nt1vnc] {
    background: var(--color-danger-bg);
    border-color: var(--color-danger-border-soft);
    color: var(--color-danger);
}

.ann-read-more[b-zpw6nt1vnc] {
    border: none;
    background: transparent;
    padding: 0;
    font-weight: 700;
    color: var(--color-brand-soft-text);
    cursor: pointer;
}

.ann-side-card[b-zpw6nt1vnc],
.ann-tip-card[b-zpw6nt1vnc] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    border-radius: 24px;
    box-shadow: var(--shadow-sm);
    padding: 24px;
}

.ann-sidebar-title[b-zpw6nt1vnc] {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 800;
    color: var(--color-text);
}

.ann-categories-list[b-zpw6nt1vnc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ann-category-item[b-zpw6nt1vnc] {
    width: 100%;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 14px;
    padding: 8px 10px;
    cursor: pointer;
}

.ann-category-item:hover[b-zpw6nt1vnc],
.ann-category-item.active[b-zpw6nt1vnc] {
    background: var(--color-border-light);
}

.ann-category-left[b-zpw6nt1vnc] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ann-category-icon[b-zpw6nt1vnc] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ann-tip-card[b-zpw6nt1vnc] {
    background: linear-gradient(135deg, var(--color-kitabee-yellow) 0%, var(--color-kitabee-amber) 100%);
    color: var(--color-brand-soft-text);
    text-align: center;
    box-shadow: var(--shadow-md);
}

.ann-tip-card-parent[b-zpw6nt1vnc] {
    background: linear-gradient(135deg, var(--color-surface-warm-end) 0%, var(--color-kitabee-yellow) 100%);
}

.ann-mascot-image[b-zpw6nt1vnc] {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    object-fit: cover;
    display: block;
    margin: 0 auto 12px;
}

.ann-tip-card h3[b-zpw6nt1vnc] {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 800;
}

.ann-tip-card p[b-zpw6nt1vnc] {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

.theme-dark .ann-pin-pill[b-zpw6nt1vnc] {
    background: var(--color-brand-soft-subtle);
    box-shadow: none;
}

.theme-dark .ann-tip-card[b-zpw6nt1vnc],
.theme-dark .ann-tip-card-parent[b-zpw6nt1vnc] {
    background: linear-gradient(135deg, var(--color-brand-soft) 0%, var(--color-brand-soft-strong) 100%);
}

@media (max-width: 1024px) {
    .ann-grid[b-zpw6nt1vnc] {
        grid-template-columns: 1fr;
    }

    .ann-sidebar[b-zpw6nt1vnc] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }
}

@media (max-width: 768px) {
    .ann-header-actions[b-zpw6nt1vnc],
    .ann-filter-bar[b-zpw6nt1vnc],
    .ann-filter-controls[b-zpw6nt1vnc],
    .ann-card-header[b-zpw6nt1vnc],
    .ann-card-footer[b-zpw6nt1vnc] {
        flex-direction: column;
        align-items: stretch;
    }

    .ann-header-actions .btn[b-zpw6nt1vnc],
    .ann-filter-select[b-zpw6nt1vnc] {
        width: 100%;
        max-width: none;
    }

    .ann-search-wrap[b-zpw6nt1vnc] {
        width: 100%;
    }

    .ann-sidebar[b-zpw6nt1vnc] {
        grid-template-columns: 1fr;
    }
}
/* /Views/Pages/Educators/AuditLogs.razor.rz.scp.css */
.audit-reference-page[b-s4o41z3k7q] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.audit-page-header[b-s4o41z3k7q] {
    margin-bottom: 0;
}

.audit-header-actions[b-s4o41z3k7q] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.audit-advanced-filter-btn[b-s4o41z3k7q],
.audit-export-btn[b-s4o41z3k7q] {
    min-width: 176px;
}

.audit-filter-card[b-s4o41z3k7q] {
    padding: 24px;
}

.audit-filter-row[b-s4o41z3k7q] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.audit-search-wrap[b-s4o41z3k7q] {
    position: relative;
    flex: 1 1 360px;
    min-width: 260px;
}

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

.audit-search-input[b-s4o41z3k7q] {
    padding-left: 44px;
    background: var(--color-surface);
}

.audit-select-group[b-s4o41z3k7q] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.audit-filter-select[b-s4o41z3k7q] {
    width: 180px;
    background: var(--color-surface);
}

.audit-advanced-filters[b-s4o41z3k7q] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-border-light);
}

.audit-checkbox[b-s4o41z3k7q] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-bg);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 600;
}

.audit-checkbox input[b-s4o41z3k7q] {
    accent-color: var(--color-kitabee-amber);
}

.audit-layout-grid[b-s4o41z3k7q] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(320px, 1fr);
    gap: 24px;
    align-items: start;
}

.audit-main-column[b-s4o41z3k7q],
.audit-side-column[b-s4o41z3k7q] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.audit-card-panel[b-s4o41z3k7q] {
    padding: 0;
    overflow: hidden;
}

.audit-section-header[b-s4o41z3k7q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 24px;
}

.audit-section-header-tight[b-s4o41z3k7q] {
    padding-bottom: 12px;
}

.audit-section-header-border[b-s4o41z3k7q] {
    border-bottom: 1px solid var(--color-border-light);
}

.audit-section-title[b-s4o41z3k7q] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: var(--font-size-lg);
    font-weight: 800;
}

.audit-section-icon-danger[b-s4o41z3k7q] {
    color: var(--color-danger);
}

.audit-results-count[b-s4o41z3k7q] {
    font-size: var(--font-size-xs);
    font-weight: 700;
    color: var(--color-text-muted);
}
.audit-section-toolbar[b-s4o41z3k7q] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.audit-page-size-field[b-s4o41z3k7q] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--font-size-xs);
    font-weight: 800;
    color: var(--color-text-muted);
    white-space: nowrap;
}

.audit-page-size-select[b-s4o41z3k7q] {
    width: auto;
    min-width: 88px;
    height: 38px;
    padding: 0 12px;
}

.audit-alert-list[b-s4o41z3k7q] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 24px 24px;
}

.audit-alert[b-s4o41z3k7q] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border-left: 4px solid transparent;
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}

.audit-alert-danger[b-s4o41z3k7q] {
    background: var(--color-danger-bg);
    border-left-color: var(--color-danger);
    color: var(--color-danger);
}

.audit-alert-warning[b-s4o41z3k7q] {
    background: var(--color-warning-bg);
    border-left-color: var(--color-warning);
    color: var(--color-warning);
}

.audit-alert-info[b-s4o41z3k7q] {
    background: var(--color-info-bg);
    border-left-color: var(--color-info);
    color: var(--color-info);
}

.audit-alert-icon[b-s4o41z3k7q] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 20px;
    padding-top: 1px;
    font-size: 15px;
}

.audit-alert-title[b-s4o41z3k7q],
.audit-alert-detail[b-s4o41z3k7q],
.audit-alert-time[b-s4o41z3k7q] {
    margin: 0;
}

.audit-alert-title[b-s4o41z3k7q] {
    font-size: var(--font-size-sm);
    font-weight: 700;
}

.audit-alert-detail[b-s4o41z3k7q],
.audit-alert-time[b-s4o41z3k7q] {
    font-size: var(--font-size-xs);
    opacity: 0.92;
}

.audit-alert-time[b-s4o41z3k7q] {
    margin-top: 4px;
}

.audit-inline-empty[b-s4o41z3k7q] {
    padding: 0 24px 24px;
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.audit-table-empty-state[b-s4o41z3k7q] {
    padding-top: 48px;
    padding-bottom: 48px;
}

.audit-table-container[b-s4o41z3k7q] {
    overflow-x: auto;
}

.audit-reference-table[b-s4o41z3k7q] {
    min-width: 920px;
}

.audit-reference-table thead th[b-s4o41z3k7q] {
    background: var(--color-bg);
    border-bottom-color: var(--color-border-light);
}

.audit-reference-table td[b-s4o41z3k7q] {
    vertical-align: middle;
}

.audit-reference-table tbody tr:hover td[b-s4o41z3k7q] {
    background: var(--color-border-light);
}

.audit-table-row-failed td[b-s4o41z3k7q],
.audit-reference-table tbody tr.audit-table-row-failed:hover td[b-s4o41z3k7q] {
    background: var(--color-danger-bg);
}

.audit-timestamp[b-s4o41z3k7q] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text);
}

.audit-relative[b-s4o41z3k7q] {
    margin-top: 4px;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.audit-user-cell[b-s4o41z3k7q],
.audit-top-user-meta[b-s4o41z3k7q] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.audit-user-avatar[b-s4o41z3k7q] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.audit-avatar-fallback[b-s4o41z3k7q] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: var(--font-size-xs);
    font-weight: 800;
    letter-spacing: 0.4px;
}

.audit-avatar-amber[b-s4o41z3k7q] {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
}

.audit-avatar-blue[b-s4o41z3k7q] {
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
}

.audit-avatar-green[b-s4o41z3k7q] {
    background: linear-gradient(135deg, #16a34a, #4ade80);
}

.audit-avatar-purple[b-s4o41z3k7q] {
    background: linear-gradient(135deg, #9333ea, #c084fc);
}

.audit-user-name[b-s4o41z3k7q],
.audit-user-role[b-s4o41z3k7q],
.audit-resource-name[b-s4o41z3k7q],
.audit-resource-meta[b-s4o41z3k7q],
.audit-stat-label[b-s4o41z3k7q],
.audit-stat-sublabel[b-s4o41z3k7q] {
    margin: 0;
}

.audit-user-name[b-s4o41z3k7q],
.audit-resource-name[b-s4o41z3k7q],
.audit-stat-label[b-s4o41z3k7q] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text);
}

.audit-user-role[b-s4o41z3k7q],
.audit-resource-meta[b-s4o41z3k7q],
.audit-stat-sublabel[b-s4o41z3k7q] {
    margin-top: 2px;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.audit-action-badge[b-s4o41z3k7q] {
    gap: 6px;
}

.audit-badge-create[b-s4o41z3k7q] {
    background: var(--color-purple-bg);
    color: var(--color-purple);
}

.audit-badge-update[b-s4o41z3k7q] {
    background: var(--color-warning-bg);
    color: var(--color-warning);
}

.audit-badge-delete[b-s4o41z3k7q] {
    background: var(--color-danger-bg);
    color: var(--color-danger);
}

.audit-badge-view[b-s4o41z3k7q] {
    background: var(--color-brand-soft-subtle);
    color: var(--color-brand-soft-text);
}

.audit-badge-login[b-s4o41z3k7q] {
    background: var(--color-info-bg);
    color: var(--color-info);
}

.audit-ip-cell[b-s4o41z3k7q] {
    white-space: nowrap;
    color: var(--color-text-secondary);
}

.audit-pagination[b-s4o41z3k7q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 16px 24px 24px;
    border-top: 1px solid var(--color-border-light);
}

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

.audit-pagination-buttons[b-s4o41z3k7q] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.audit-sidebar-list[b-s4o41z3k7q] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 0 24px 24px;
}

.audit-stat-row[b-s4o41z3k7q],
.audit-top-user-row[b-s4o41z3k7q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.audit-stat-meta[b-s4o41z3k7q] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.audit-stat-icon[b-s4o41z3k7q] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}

.audit-stat-icon-success[b-s4o41z3k7q] {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.audit-stat-icon-danger[b-s4o41z3k7q] {
    background: var(--color-danger-bg);
    color: var(--color-danger);
}

.audit-stat-icon-info[b-s4o41z3k7q] {
    background: var(--color-info-bg);
    color: var(--color-info);
}

.audit-stat-icon-purple[b-s4o41z3k7q] {
    background: var(--color-purple-bg);
    color: var(--color-purple);
}

.audit-top-user-count[b-s4o41z3k7q] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text-secondary);
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .audit-layout-grid[b-s4o41z3k7q] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .audit-page-header[b-s4o41z3k7q] {
        flex-direction: column;
        align-items: stretch;
    }

    .audit-header-actions[b-s4o41z3k7q] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .audit-advanced-filter-btn[b-s4o41z3k7q],
    .audit-export-btn[b-s4o41z3k7q] {
        width: 100%;
    }

    .audit-filter-row[b-s4o41z3k7q],
    .audit-advanced-filters[b-s4o41z3k7q] {
        flex-direction: column;
        align-items: stretch;
    }

    .audit-search-wrap[b-s4o41z3k7q],
    .audit-select-group[b-s4o41z3k7q],
    .audit-filter-select[b-s4o41z3k7q],
    .audit-checkbox[b-s4o41z3k7q] {
        width: 100%;
    }

    .audit-select-group[b-s4o41z3k7q] {
        flex-direction: column;
    }

    .audit-pagination[b-s4o41z3k7q] {
        flex-direction: column;
        align-items: flex-start;
    }
    .audit-section-toolbar[b-s4o41z3k7q],
    .audit-page-size-field[b-s4o41z3k7q],
    .audit-page-size-select[b-s4o41z3k7q] {
        width: 100%;
    }

    .audit-section-toolbar[b-s4o41z3k7q] {
        align-items: flex-start;
        justify-content: flex-start;
    }
}
.audit-selection-column[b-s4o41z3k7q] {
    width: 56px;
    min-width: 56px;
    text-align: center;
}

.audit-selection-checkbox[b-s4o41z3k7q] {
    width: 18px;
    height: 18px;
    accent-color: var(--color-kitabee-amber);
    cursor: pointer;
}

.audit-delete-selected-btn[b-s4o41z3k7q] {
    border-color: rgba(220, 38, 38, 0.35);
    color: var(--color-danger);
}

.audit-delete-selected-btn:hover[b-s4o41z3k7q] {
    background: var(--color-danger-bg);
}

.audit-delete-modal-backdrop[b-s4o41z3k7q] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(6px);
}

.audit-delete-modal[b-s4o41z3k7q] {
    width: min(460px, 100%);
    padding: 28px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
    box-shadow: var(--shadow-xl);
}

.audit-delete-modal-icon[b-s4o41z3k7q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 18px;
    border-radius: var(--radius-xl);
    background: var(--color-danger-bg);
    color: var(--color-danger);
    font-size: 20px;
}

.audit-delete-modal-copy h2[b-s4o41z3k7q] {
    margin: 0 0 8px;
    color: var(--color-text);
    font-size: var(--font-size-xl);
    font-weight: 900;
}

.audit-delete-modal-copy p[b-s4o41z3k7q] {
    margin: 0;
    color: var(--color-text-secondary);
    line-height: 1.6;
}

.audit-delete-error[b-s4o41z3k7q] {
    display: flex;
    gap: 10px;
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: var(--radius-lg);
    background: var(--color-danger-bg);
    color: var(--color-danger);
    font-weight: 700;
}

.audit-delete-modal-actions[b-s4o41z3k7q] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
    flex-wrap: wrap;
}
/* /Views/Pages/Educators/Kids.razor.rz.scp.css */
.educator-kids-filters[b-w3pncnkcwp] {
    margin-bottom: var(--space-lg);
    padding: var(--space-lg);
}

.educator-kids-filter-row[b-w3pncnkcwp] {
    display: flex;
    gap: var(--space-md);
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.educator-kids-search[b-w3pncnkcwp] {
    flex: 1 1 420px;
    min-width: 260px;
    max-width: 720px;
}

.educator-kids-filter-select[b-w3pncnkcwp] {
    width: auto;
    min-width: 180px;
    max-width: 220px;
    flex: 0 0 auto;
}

.educator-kids-grid[b-w3pncnkcwp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 420px));
    gap: 20px;
    justify-content: start;
    align-items: start;
}

.educator-kid-card[b-w3pncnkcwp] {
    overflow: hidden;
    width: 100%;
}

.educator-kid-card-head[b-w3pncnkcwp] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-border-light);
}

.educator-kid-card-head > div:last-child[b-w3pncnkcwp] {
    min-width: 0;
}

.educator-kid-avatar-image[b-w3pncnkcwp] {
    width: 64px;
    height: 64px;
    border-radius: var(--radius-xl);
    object-fit: cover;
    border: 3px solid var(--color-kitabee-yellow);
}

.educator-kid-avatar-fallback[b-w3pncnkcwp] {
    width: 64px;
    height: 64px;
    font-size: 22px;
    border-radius: var(--radius-xl);
}

.educator-kid-title[b-w3pncnkcwp] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.educator-kid-age[b-w3pncnkcwp] {
    color: var(--color-text-secondary);
    font-size: 13px;
    margin-top: 2px;
}

.educator-kid-group[b-w3pncnkcwp] {
    margin-top: 4px;
    display: inline-flex;
}

.educator-kid-body[b-w3pncnkcwp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 0;
}

.educator-kid-allergy[b-w3pncnkcwp] {
    padding: 8px 12px;
    background: var(--color-warning-bg);
    border-radius: var(--radius-md);
    font-size: 13px;
    color: var(--color-warning);
}

.educator-kid-notes[b-w3pncnkcwp] {
    font-size: 13px;
    color: var(--color-text-secondary);
}

.educator-kid-notes i[b-w3pncnkcwp] {
    color: var(--color-kitabee-amber);
}

.educator-kid-actions[b-w3pncnkcwp] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--color-border-light);
    align-items: center;
    justify-content: flex-start;
}

.educator-kid-action[b-w3pncnkcwp] {
    width: auto;
    min-width: 0;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
}

.educator-kid-reports[b-w3pncnkcwp] {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.educator-kid-report-card[b-w3pncnkcwp] {
    padding: 10px;
    background: var(--color-bg);
    border-radius: var(--radius-lg);
    border-left: 3px solid var(--color-kitabee-amber);
}

.educator-kid-report-head[b-w3pncnkcwp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.educator-kid-report-title[b-w3pncnkcwp] {
    font-size: 13px;
}

.educator-kid-report-content[b-w3pncnkcwp] {
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.educator-kid-report-date[b-w3pncnkcwp] {
    color: var(--color-text-muted);
}

@media (max-width: 768px) {
    .educator-kids-filter-row[b-w3pncnkcwp] {
        align-items: stretch;
    }

    .educator-kids-search[b-w3pncnkcwp] {
        min-width: 0;
        max-width: none;
    }

    .educator-kids-filter-select[b-w3pncnkcwp] {
        width: 100%;
        max-width: none;
    }

    .educator-kids-grid[b-w3pncnkcwp] {
        grid-template-columns: 1fr;
    }

    .educator-kid-actions[b-w3pncnkcwp] {
        gap: 8px;
    }

    .educator-kid-action[b-w3pncnkcwp] {
        flex: 0 0 auto;
        min-width: 0;
    }
}

.educator-kid-empty-reports[b-w3pncnkcwp] {
    color: var(--color-text-muted);
    font-size: 13px;
}

@media (max-width: 480px) {
    .educator-kids-filter-select[b-w3pncnkcwp] {
        width: 100%;
        min-width: 0;
    }

    .educator-kid-actions[b-w3pncnkcwp] {
        flex-direction: column;
    }

    .educator-kid-action[b-w3pncnkcwp] {
        width: 100%;
        flex: 1 1 auto;
        white-space: normal;
    }
}
/* /Views/Pages/FoodPlansDetails.razor.rz.scp.css */
.food-plan-details-page[b-zlsvrannxt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.food-plan-details-header[b-zlsvrannxt] {
    align-items: flex-start;
    gap: var(--space-lg);
    margin-bottom: 0;
}

.food-plan-details-header .page-title[b-zlsvrannxt] {
    margin: 0;
}

.food-plan-details-header .page-subtitle[b-zlsvrannxt] {
    margin-bottom: 0;
}

.food-plan-details-back[b-zlsvrannxt] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
    border: none;
    background: transparent;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 700;
    cursor: pointer;
    padding: 0;
}

.food-plan-details-back:hover[b-zlsvrannxt] {
    color: var(--color-text);
}

.food-plan-details-status[b-zlsvrannxt] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.food-plan-details-week-card[b-zlsvrannxt] {
    padding: 14px 18px;
}

.food-plan-details-week-bar[b-zlsvrannxt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg);
}

.food-plan-details-week-left[b-zlsvrannxt] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.food-plan-details-week-nav[b-zlsvrannxt] {
    width: 34px;
    height: 34px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: #eef0f4;
    color: var(--color-text-secondary);
    font-size: 14px;
    flex: 0 0 auto;
    cursor: pointer;
    transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.food-plan-details-week-nav:hover:not(:disabled)[b-zlsvrannxt] {
    transform: translateY(-1px);
    background: #e3e7ee;
    color: var(--color-text);
}

.food-plan-details-week-nav:disabled[b-zlsvrannxt] {
    opacity: 0.4;
    cursor: not-allowed;
}

.food-plan-details-week-copy[b-zlsvrannxt] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.food-plan-details-week-copy h2[b-zlsvrannxt] {
    margin: 0;
    font-size: 1rem;
    color: var(--color-text);
    font-weight: 800;
}

.food-plan-details-week-copy p[b-zlsvrannxt] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.4;
}

.food-plan-details-week-actions[b-zlsvrannxt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
}

.food-plan-details-week-action-btn[b-zlsvrannxt] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 800;
}

.food-plan-details-week-action-btn-print[b-zlsvrannxt] {
    background: var(--color-info-bg);
    border-color: var(--color-info-bg);
    color: var(--color-info);
}

.food-plan-details-week-action-btn-print:hover[b-zlsvrannxt] {
    background: #c7dcff;
    border-color: #c7dcff;
    color: var(--color-info);
}

.food-plan-details-layout[b-zlsvrannxt] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(280px, 1fr);
    gap: var(--space-xl);
    align-items: start;
}

.food-plan-details-main[b-zlsvrannxt],
.food-plan-details-side[b-zlsvrannxt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.food-plan-details-side[b-zlsvrannxt] {
    position: sticky;
    top: calc(var(--space-xl) + 80px);
}

.food-plan-details-day-card[b-zlsvrannxt] {
    overflow: hidden;
    padding: 0;
}

.food-plan-details-day-header[b-zlsvrannxt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-md);
    padding: var(--space-lg) var(--space-xl);
    border-left: 5px solid transparent;
}

.food-plan-details-day-header h3[b-zlsvrannxt] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 6px;
    font-size: 1.15rem;
}

.food-plan-details-day-header p[b-zlsvrannxt] {
    margin: 0;
    color: inherit;
    opacity: 0.8;
    font-size: var(--font-size-sm);
}

.food-plan-details-day-count[b-zlsvrannxt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.8);
    color: inherit;
    font-size: var(--font-size-sm);
    font-weight: 800;
}

.food-plan-details-day-monday[b-zlsvrannxt] {
    background: #fff6d8;
    border-left-color: #ffc107;
    color: #a16207;
}

.food-plan-details-day-tuesday[b-zlsvrannxt] {
    background: #e9f4ff;
    border-left-color: #60a5fa;
    color: #1d4ed8;
}

.food-plan-details-day-wednesday[b-zlsvrannxt] {
    background: #eaf8ee;
    border-left-color: #34d399;
    color: #047857;
}

.food-plan-details-day-thursday[b-zlsvrannxt] {
    background: #f5ecff;
    border-left-color: #c084fc;
    color: #7c3aed;
}

.food-plan-details-day-friday[b-zlsvrannxt] {
    background: #ffeaf1;
    border-left-color: #f472b6;
    color: #be185d;
}

.food-plan-details-day-default[b-zlsvrannxt] {
    background: var(--color-bg-subtle);
    border-left-color: var(--color-border);
    color: var(--color-text);
}

.food-plan-details-day-grid[b-zlsvrannxt] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-lg);
    padding: var(--space-xl);
}

.food-plan-details-meal-column[b-zlsvrannxt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.food-plan-details-meal-heading[b-zlsvrannxt] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.food-plan-details-meal-heading h4[b-zlsvrannxt] {
    margin: 0 0 4px;
    color: var(--color-text);
    font-size: 1rem;
}

.food-plan-details-meal-heading p[b-zlsvrannxt] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.food-plan-details-meal-icon[b-zlsvrannxt] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.food-plan-details-meal-tone-breakfast[b-zlsvrannxt] {
    background: #fff1c2;
    color: #ca8a04;
}

.food-plan-details-meal-tone-lunch[b-zlsvrannxt] {
    background: #ffe6d5;
    color: #ea580c;
}

.food-plan-details-meal-tone-snack[b-zlsvrannxt] {
    background: #f0e7ff;
    color: #7c3aed;
}

.food-plan-details-meal-tone-default[b-zlsvrannxt] {
    background: var(--color-bg-subtle);
    color: var(--color-text-secondary);
}

.food-plan-details-meal-card[b-zlsvrannxt] {
    padding: var(--space-lg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-bg);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    min-height: 128px;
}

.food-plan-details-meal-card-empty[b-zlsvrannxt] {
    justify-content: center;
    align-items: center;
    text-align: center;
    background: var(--color-bg-subtle);
    color: var(--color-text-secondary);
}

.food-plan-details-meal-card-empty p[b-zlsvrannxt] {
    margin: 0;
}

.food-plan-details-meal-description[b-zlsvrannxt] {
    margin: 0;
    color: var(--color-text);
    font-size: var(--font-size-md);
    font-weight: 700;
    line-height: 1.6;
}

.food-plan-details-allergen-list[b-zlsvrannxt] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.food-plan-details-allergen-pill[b-zlsvrannxt] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.food-plan-details-allergen-gluten[b-zlsvrannxt],
.food-plan-details-allergen-eggs[b-zlsvrannxt] {
    background: #fff1c2;
    color: #a16207;
}

.food-plan-details-allergen-dairy[b-zlsvrannxt] {
    background: #dbeafe;
    color: #1d4ed8;
}

.food-plan-details-allergen-nuts[b-zlsvrannxt] {
    background: #fee2e2;
    color: #b91c1c;
}

.food-plan-details-allergen-fish[b-zlsvrannxt] {
    background: #ffedd5;
    color: #c2410c;
}

.food-plan-details-allergen-other[b-zlsvrannxt] {
    background: #eceff3;
    color: #475569;
}

.food-plan-details-side-card[b-zlsvrannxt] {
    padding: var(--space-xl);
}

.food-plan-details-side-title[b-zlsvrannxt] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-lg);
    color: var(--color-text);
}

.food-plan-details-side-title h3[b-zlsvrannxt] {
    margin: 0;
    font-size: 1.05rem;
}

.food-plan-details-side-title i[b-zlsvrannxt] {
    color: var(--color-kitabee-amber);
}

.food-plan-details-summary-grid[b-zlsvrannxt],
.food-plan-details-overview-list[b-zlsvrannxt],
.food-plan-details-quick-list[b-zlsvrannxt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.food-plan-details-summary-item[b-zlsvrannxt],
.food-plan-details-overview-item[b-zlsvrannxt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    padding: var(--space-md) var(--space-lg);
    border-radius: var(--radius-lg);
    background: var(--color-bg-subtle);
}

.food-plan-details-summary-item span[b-zlsvrannxt],
.food-plan-details-overview-item span[b-zlsvrannxt] {
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 700;
}

.food-plan-details-summary-item strong[b-zlsvrannxt],
.food-plan-details-overview-item strong[b-zlsvrannxt] {
    color: var(--color-text);
    font-size: 1rem;
}

.food-plan-details-alert-list[b-zlsvrannxt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.food-plan-details-alert-item[b-zlsvrannxt] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md) var(--space-lg);
    border-radius: var(--radius-lg);
    background: var(--color-bg-subtle);
}

.food-plan-details-alert-item p[b-zlsvrannxt] {
    margin: 0 0 4px;
    color: var(--color-text);
    font-weight: 800;
}

.food-plan-details-alert-item span[b-zlsvrannxt] {
    color: var(--color-text-secondary);
    font-size: 12px;
}

.food-plan-details-alert-item strong[b-zlsvrannxt] {
    color: var(--color-text);
    font-size: 1rem;
}

.food-plan-details-alert-icon[b-zlsvrannxt] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.food-plan-details-inline-empty[b-zlsvrannxt] {
    padding: var(--space-lg);
    border-radius: var(--radius-lg);
    background: var(--color-bg-subtle);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    line-height: 1.6;
}

.food-plan-details-quick-actions[b-zlsvrannxt] {
    background: linear-gradient(135deg, #ffd54f 0%, #ffc107 100%);
    color: #5b3a00;
}

.food-plan-details-side-title-light[b-zlsvrannxt],
.food-plan-details-side-title-light i[b-zlsvrannxt],
.food-plan-details-side-title-light h3[b-zlsvrannxt] {
    color: #5b3a00;
}

.food-plan-details-quick-button[b-zlsvrannxt] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    border: none;
    border-radius: var(--radius-xl);
    background: rgba(255, 255, 255, 0.92);
    color: #7a4c00;
    min-height: 48px;
    font-size: var(--font-size-sm);
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.food-plan-details-quick-button:hover:not(:disabled)[b-zlsvrannxt] {
    transform: translateY(-1px);
    background: #ffffff;
}

.food-plan-details-quick-button:disabled[b-zlsvrannxt] {
    opacity: 0.65;
    cursor: not-allowed;
}

.food-plan-details-empty-state[b-zlsvrannxt] {
    padding: var(--space-3xl);
}

.food-plan-details-empty-icon[b-zlsvrannxt] {
    width: 72px;
    height: 72px;
    margin: 0 auto var(--space-lg);
    border-radius: 24px;
    background: var(--color-bg-subtle);
    color: var(--color-warning);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.theme-dark .food-plan-details-week-nav[b-zlsvrannxt] {
    background: rgba(15, 23, 42, 0.42);
    border-color: var(--color-border);
    color: var(--color-text-secondary);
}

.theme-dark .food-plan-details-week-nav:hover:not(:disabled)[b-zlsvrannxt] {
    background: rgba(30, 41, 59, 0.88);
    color: var(--color-text);
}

.theme-dark .food-plan-details-week-action-btn-print:hover[b-zlsvrannxt] {
    background: rgba(96, 165, 250, 0.22);
    border-color: rgba(96, 165, 250, 0.3);
}

.theme-dark .food-plan-details-day-count[b-zlsvrannxt] {
    background: rgba(15, 23, 42, 0.38);
    border: 1px solid rgba(148, 163, 184, 0.18);
}

.theme-dark .food-plan-details-day-monday[b-zlsvrannxt] {
    background: linear-gradient(135deg, rgba(120, 90, 20, 0.42) 0%, rgba(92, 66, 15, 0.18) 100%);
    color: #fcd34d;
}

.theme-dark .food-plan-details-day-tuesday[b-zlsvrannxt] {
    background: linear-gradient(135deg, rgba(20, 56, 126, 0.42) 0%, rgba(17, 39, 87, 0.18) 100%);
    color: #bfdbfe;
}

.theme-dark .food-plan-details-day-wednesday[b-zlsvrannxt] {
    background: linear-gradient(135deg, rgba(21, 84, 52, 0.42) 0%, rgba(20, 61, 40, 0.18) 100%);
    color: #bbf7d0;
}

.theme-dark .food-plan-details-day-thursday[b-zlsvrannxt] {
    background: linear-gradient(135deg, rgba(76, 29, 149, 0.42) 0%, rgba(55, 20, 110, 0.18) 100%);
    color: #ddd6fe;
}

.theme-dark .food-plan-details-day-friday[b-zlsvrannxt] {
    background: linear-gradient(135deg, rgba(131, 24, 67, 0.42) 0%, rgba(91, 18, 46, 0.18) 100%);
    color: #fbcfe8;
}

.theme-dark .food-plan-details-day-default[b-zlsvrannxt] {
    background: var(--color-neutral-bg);
    color: var(--color-text);
}

.theme-dark .food-plan-details-meal-tone-breakfast[b-zlsvrannxt],
.theme-dark .food-plan-details-allergen-gluten[b-zlsvrannxt],
.theme-dark .food-plan-details-allergen-eggs[b-zlsvrannxt] {
    background: rgba(120, 90, 20, 0.34);
    color: #fcd34d;
}

.theme-dark .food-plan-details-meal-tone-lunch[b-zlsvrannxt],
.theme-dark .food-plan-details-allergen-fish[b-zlsvrannxt] {
    background: rgba(124, 45, 18, 0.34);
    color: #fdba74;
}

.theme-dark .food-plan-details-meal-tone-snack[b-zlsvrannxt] {
    background: rgba(88, 28, 135, 0.42);
    color: #d8b4fe;
}

.theme-dark .food-plan-details-meal-tone-default[b-zlsvrannxt] {
    background: rgba(30, 64, 175, 0.28);
    color: #bfdbfe;
}

.theme-dark .food-plan-details-allergen-dairy[b-zlsvrannxt] {
    background: rgba(20, 56, 126, 0.34);
    color: #bfdbfe;
}

.theme-dark .food-plan-details-allergen-nuts[b-zlsvrannxt] {
    background: rgba(131, 24, 67, 0.34);
    color: #fbcfe8;
}

.theme-dark .food-plan-details-allergen-other[b-zlsvrannxt] {
    background: rgba(71, 85, 105, 0.34);
    color: #cbd5e1;
}

.theme-dark .food-plan-details-quick-actions[b-zlsvrannxt] {
    background: linear-gradient(135deg, rgba(146, 64, 14, 0.92) 0%, rgba(180, 83, 9, 0.88) 100%);
    color: #fef3c7;
}

.theme-dark .food-plan-details-side-title-light[b-zlsvrannxt],
.theme-dark .food-plan-details-side-title-light i[b-zlsvrannxt],
.theme-dark .food-plan-details-side-title-light h3[b-zlsvrannxt] {
    color: #fef3c7;
}

.theme-dark .food-plan-details-quick-button[b-zlsvrannxt] {
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(253, 230, 138, 0.18);
    color: #fde68a;
}

.theme-dark .food-plan-details-quick-button:hover:not(:disabled)[b-zlsvrannxt] {
    background: rgba(30, 41, 59, 0.92);
}

@media (max-width: 1200px) {
    .food-plan-details-layout[b-zlsvrannxt] {
        grid-template-columns: 1fr;
    }

    .food-plan-details-side[b-zlsvrannxt] {
        position: static;
    }
}

@media (max-width: 900px) {
    .food-plan-details-week-bar[b-zlsvrannxt] {
        flex-direction: column;
        align-items: stretch;
    }

    .food-plan-details-week-actions[b-zlsvrannxt] {
        justify-content: flex-start;
    }

    .food-plan-details-day-grid[b-zlsvrannxt] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .food-plan-details-week-left[b-zlsvrannxt] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .food-plan-details-week-copy[b-zlsvrannxt] {
        flex: 1 1 100%;
        order: -1;
    }

    .food-plan-details-week-actions[b-zlsvrannxt] {
        width: 100%;
    }

    .food-plan-details-week-action-btn[b-zlsvrannxt] {
        flex: 1 1 100%;
        justify-content: center;
    }

    .food-plan-details-day-header[b-zlsvrannxt] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media print {
    .food-plan-details-back[b-zlsvrannxt],
    .food-plan-details-week-nav[b-zlsvrannxt],
    .food-plan-details-week-actions[b-zlsvrannxt],
    .food-plan-details-quick-actions[b-zlsvrannxt] {
        display: none !important;
    }

    .food-plan-details-layout[b-zlsvrannxt] {
        grid-template-columns: 1fr;
    }

    .food-plan-details-day-card[b-zlsvrannxt],
    .food-plan-details-side-card[b-zlsvrannxt],
    .food-plan-details-week-card[b-zlsvrannxt] {
        break-inside: avoid;
        box-shadow: none;
    }
}
/* /Views/Pages/KidDetails.razor.rz.scp.css */
.kid-details-hero-copy[b-oplyqu5s0p],
.kid-details-hero-alert div[b-oplyqu5s0p],
.kid-details-parent-copy[b-oplyqu5s0p],
.kid-details-wardrobe-copy[b-oplyqu5s0p],
.kid-details-report-copy[b-oplyqu5s0p] {
    display: grid;
    gap: var(--space-sm);
}

.kid-details-page-nav[b-oplyqu5s0p] {
    margin-bottom: var(--space-md);
}

.kid-details-page-nav .btn[b-oplyqu5s0p] {
    width: fit-content;
}

.kid-details-hero[b-oplyqu5s0p] {
    position: relative;
    overflow: hidden;
    margin-bottom: var(--space-xl);
    border-radius: 2rem;
    border: 2px solid rgba(250, 204, 21, 0.75);
    background:
        radial-gradient(circle at top center, rgba(255, 244, 186, 0.9), rgba(255, 252, 244, 0) 46%),
        linear-gradient(135deg, rgba(255, 249, 235, 1), rgba(255, 252, 246, 0.99) 50%, rgba(255, 247, 234, 0.99));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 18px 38px rgba(180, 119, 16, 0.1);
}

.kid-details-hero[b-oplyqu5s0p]::before,
.kid-details-hero[b-oplyqu5s0p]::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}

.kid-details-hero[b-oplyqu5s0p]::before {
    width: 20rem;
    height: 20rem;
    top: -9rem;
    right: -5rem;
    background: radial-gradient(circle, rgba(251, 191, 36, 0.12), rgba(251, 191, 36, 0) 70%);
}

.kid-details-hero[b-oplyqu5s0p]::after {
    width: 10rem;
    height: 10rem;
    left: -3rem;
    bottom: -3rem;
    background: radial-gradient(circle, rgba(255, 220, 130, 0.12), rgba(255, 220, 130, 0) 72%);
}

.kid-details-hero-shell[b-oplyqu5s0p] {
    position: relative;
    z-index: 1;
    display: grid;
    padding: clamp(1.8rem, 2vw, 2.55rem) clamp(2rem, 3vw, 2.8rem);
}

.kid-details-hero-main[b-oplyqu5s0p] {
    display: flex;
    gap: 2.2rem;
    align-items: center;
}

.kid-details-hero-avatar-wrap[b-oplyqu5s0p] {
    position: relative;
    flex-shrink: 0;
}

.kid-details-hero-accent[b-oplyqu5s0p] {
    position: absolute;
    top: -0.85rem;
    left: -0.85rem;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #fff;
    border: 4px solid rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 28px rgba(245, 158, 11, 0.22);
    z-index: 2;
}

.kid-details-hero-avatar[b-oplyqu5s0p],
.kid-details-hero-avatar-fallback[b-oplyqu5s0p] {
    width: clamp(8.5rem, 10vw, 10.5rem);
    height: clamp(8.5rem, 10vw, 10.5rem);
    border-radius: 1.6rem;
    object-fit: cover;
    border: 4px solid rgba(255, 255, 255, 0.98);
    box-shadow: 0 22px 36px rgba(15, 23, 42, 0.12);
}

.kid-details-hero-avatar-fallback[b-oplyqu5s0p] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 193, 7, 0.26);
    color: #7c2d12;
    font-size: clamp(1.7rem, 2vw, 2.4rem);
    font-weight: 900;
}

.kid-details-hero-status-dot[b-oplyqu5s0p] {
    position: absolute;
    right: -0.35rem;
    bottom: -0.35rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    border: 4px solid rgba(255, 255, 255, 0.98);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: var(--shadow-md);
    line-height: 1;
}

.kid-details-hero-status-active[b-oplyqu5s0p] {
    background: linear-gradient(135deg, #34d399, #10b981);
}

.kid-details-hero-status-idle[b-oplyqu5s0p] {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
}

.kid-details-hero-title-row[b-oplyqu5s0p] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.kid-details-hero-title-row h2[b-oplyqu5s0p] {
    margin: 0;
    color: #8c3c0d;
    font-size: clamp(1.9rem, 2.5vw, 2.45rem);
    font-weight: 900;
    letter-spacing: -0.04em;
}

.kid-details-hero-sparkle[b-oplyqu5s0p] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #fff;
    box-shadow: 0 12px 20px rgba(245, 158, 11, 0.2);
}

.kid-details-hero-pills[b-oplyqu5s0p],
.kid-details-hero-meta-row[b-oplyqu5s0p],
.kid-details-hero-alerts[b-oplyqu5s0p],
.kid-details-quick-actions[b-oplyqu5s0p],
.kid-details-summary-highlight-grid[b-oplyqu5s0p],
.kid-details-parent-actions[b-oplyqu5s0p],
.kid-details-report-meta[b-oplyqu5s0p],
.kid-details-section-actions[b-oplyqu5s0p],
.kid-details-wardrobe-meta[b-oplyqu5s0p] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.kid-details-hero-pill[b-oplyqu5s0p] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.64rem 1rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(252, 211, 77, 0.72);
    color: #a44d12;
    font-size: 0.86rem;
    font-weight: 800;
}

.kid-details-hero-pill-strong[b-oplyqu5s0p] {
    background: linear-gradient(135deg, rgba(254, 240, 138, 0.98), rgba(253, 224, 71, 0.92));
    border-color: rgba(250, 204, 21, 0.82);
    color: #8a470d;
}

.kid-details-hero-pill-birth[b-oplyqu5s0p] {
    background: linear-gradient(135deg, rgba(254, 242, 242, 0.98), rgba(255, 251, 235, 0.96));
    border-color: rgba(251, 191, 36, 0.55);
    color: #c2410c;
}

.kid-details-hero-pill-gender[b-oplyqu5s0p] {
    background: linear-gradient(135deg, rgba(253, 242, 248, 0.98), rgba(250, 245, 255, 0.96));
    border-color: rgba(244, 114, 182, 0.42);
    color: #be185d;
}

.kid-details-hero-meta-row[b-oplyqu5s0p] {
    color: #a44d12;
    font-size: 0.84rem;
    font-weight: 700;
    gap: 0.6rem;
}

.kid-details-hero-meta-row span[b-oplyqu5s0p] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
}

.kid-details-hero-meta-chip-birth[b-oplyqu5s0p] {
    background: linear-gradient(135deg, rgba(255, 247, 237, 0.96), rgba(255, 251, 235, 0.94));
    color: #c2410c;
}

.kid-details-hero-meta-chip-kita[b-oplyqu5s0p] {
    background: rgba(255, 255, 255, 0.82);
    color: #92400e;
}

.kid-details-hero-alerts[b-oplyqu5s0p] {
    margin-top: var(--space-sm);
}

.kid-details-hero-alert[b-oplyqu5s0p] {
    min-width: min(100%, 16rem);
    max-width: 18rem;
    padding: 0.8rem 0.95rem;
    border-radius: 1.1rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: start;
    backdrop-filter: blur(8px);
}

.kid-details-hero-alert strong[b-oplyqu5s0p],
.kid-details-section-head h3[b-oplyqu5s0p],
.kid-details-highlight-card strong[b-oplyqu5s0p],
.kid-details-parent-card strong[b-oplyqu5s0p],
.kid-details-wardrobe-card h4[b-oplyqu5s0p],
.kid-details-report-card strong[b-oplyqu5s0p],
.kid-details-mini-section h4[b-oplyqu5s0p],
.kid-details-attention-box h4[b-oplyqu5s0p] {
    margin: 0;
}

.kid-details-section-head h3[b-oplyqu5s0p] {
    font-size: var(--font-size-lg);
    font-weight: 800;
    letter-spacing: -0.02em;
}

.kid-details-mini-section h4[b-oplyqu5s0p],
.kid-details-wardrobe-card h4[b-oplyqu5s0p],
.kid-details-attention-box h4[b-oplyqu5s0p] {
    font-size: var(--font-size-base);
    font-weight: 800;
    letter-spacing: -0.02em;
}

.kid-details-hero-alert span[b-oplyqu5s0p],
.kid-details-highlight-card small[b-oplyqu5s0p],
.kid-details-parent-copy span[b-oplyqu5s0p],
.kid-details-parent-meta-row span[b-oplyqu5s0p],
.kid-details-wardrobe-item-row span[b-oplyqu5s0p],
.kid-details-report-meta span[b-oplyqu5s0p],
.kid-details-mini-section-head span[b-oplyqu5s0p],
.kid-details-meal-preview span[b-oplyqu5s0p],
.kid-details-meal-preview small[b-oplyqu5s0p] {
    color: var(--color-text-secondary);
}

.kid-details-hero-alert-danger[b-oplyqu5s0p] {
    background: rgba(254, 226, 226, 0.72);
    color: #b91c1c;
}

.kid-details-hero-alert-warning[b-oplyqu5s0p] {
    background: rgba(255, 237, 213, 0.74);
    color: #b45309;
}

.kid-details-hero-alert-success[b-oplyqu5s0p] {
    background: rgba(220, 252, 231, 0.72);
    color: #15803d;
}

.kid-details-hero-alert-info[b-oplyqu5s0p] {
    background: rgba(219, 234, 254, 0.72);
    color: #1d4ed8;
}

.kid-details-quick-actions[b-oplyqu5s0p] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--space-md);
    margin-bottom: var(--space-xl);
}

.kid-details-quick-card[b-oplyqu5s0p] {
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(226, 232, 240, 0.86);
    border-radius: 1.5rem;
    background: #fff;
    padding: 1.25rem 1rem;
    display: grid;
    justify-items: center;
    gap: 0.45rem;
    box-shadow: var(--shadow-sm);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.kid-details-quick-card:hover[b-oplyqu5s0p] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    border-color: rgba(245, 158, 11, 0.22);
}

.kid-details-quick-card strong[b-oplyqu5s0p] {
    color: var(--color-text);
    font-size: 0.95rem;
}

.kid-details-quick-card small[b-oplyqu5s0p] {
    color: var(--color-text-secondary);
    text-align: center;
}

.kid-details-quick-icon[b-oplyqu5s0p],
.kid-details-wardrobe-icon[b-oplyqu5s0p],
.kid-details-highlight-icon[b-oplyqu5s0p],
.kid-details-parent-avatar-fallback[b-oplyqu5s0p],
.kid-details-activity-dot[b-oplyqu5s0p],
.kid-details-meal-day[b-oplyqu5s0p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.kid-details-quick-icon[b-oplyqu5s0p] {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1.2rem;
    font-size: 1.15rem;
}

.kid-details-quick-icon-blue[b-oplyqu5s0p],
.kid-details-highlight-blue .kid-details-highlight-icon[b-oplyqu5s0p] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.kid-details-quick-icon-red[b-oplyqu5s0p] {
    background: rgba(244, 63, 94, 0.12);
    color: #e11d48;
}

.kid-details-quick-icon-purple[b-oplyqu5s0p] {
    background: rgba(139, 92, 246, 0.12);
    color: #7c3aed;
}

.kid-details-quick-icon-amber[b-oplyqu5s0p],
.kid-details-highlight-amber .kid-details-highlight-icon[b-oplyqu5s0p] {
    background: rgba(245, 158, 11, 0.14);
    color: #d97706;
}

.kid-details-quick-icon-green[b-oplyqu5s0p] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.kid-details-top-grid[b-oplyqu5s0p] {
    display: grid;
    grid-template-columns: minmax(0, 1.9fr) minmax(280px, 1fr);
    gap: var(--space-xl);
    align-items: start;
}

.kid-details-main-column[b-oplyqu5s0p],
.kid-details-summary-card[b-oplyqu5s0p],
.kid-details-side-column[b-oplyqu5s0p],
.kid-details-side-card[b-oplyqu5s0p],
.kid-details-parent-list[b-oplyqu5s0p],
.kid-details-mini-section[b-oplyqu5s0p],
.kid-details-activity-list[b-oplyqu5s0p],
.kid-details-contact-stack[b-oplyqu5s0p],
.kid-details-wardrobe-grid[b-oplyqu5s0p],
.kid-details-report-list[b-oplyqu5s0p] {
    display: grid;
    gap: var(--space-md);
}

.kid-details-main-column[b-oplyqu5s0p],
.kid-details-side-column[b-oplyqu5s0p] {
    align-content: start;
    gap: var(--space-xl);
}

.kid-details-summary-card[b-oplyqu5s0p] {
    align-content: start;
}

.kid-details-section-head[b-oplyqu5s0p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.kid-details-section-head p[b-oplyqu5s0p],
.kid-details-soft-box p[b-oplyqu5s0p],
.kid-details-danger-box p[b-oplyqu5s0p],
.kid-details-note-box p[b-oplyqu5s0p],
.kid-details-report-card p[b-oplyqu5s0p],
.kid-details-attention-box p[b-oplyqu5s0p] {
    margin: 0;
    color: var(--color-text-secondary);
    line-height: 1.6;
}

.kid-details-section-head p[b-oplyqu5s0p] {
    font-size: var(--font-size-sm);
    max-width: 34rem;
}

.kid-details-status-pill[b-oplyqu5s0p] {
    padding: 0.5rem 0.85rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 900;
}

.kid-details-status-success[b-oplyqu5s0p] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.kid-details-status-warning[b-oplyqu5s0p] {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

.kid-details-status-neutral[b-oplyqu5s0p] {
    background: rgba(148, 163, 184, 0.14);
    color: #475569;
}

.kid-details-summary-highlight-grid[b-oplyqu5s0p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    margin-top: 0.15rem;
}

.kid-details-highlight-card[b-oplyqu5s0p] {
    border-radius: 1.25rem;
    padding: 0.92rem 0.95rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: center;
}

.kid-details-highlight-blue[b-oplyqu5s0p] {
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.86), rgba(239, 246, 255, 0.96));
}

.kid-details-highlight-amber[b-oplyqu5s0p] {
    background: linear-gradient(135deg, rgba(254, 243, 199, 0.88), rgba(255, 251, 235, 0.96));
}

.kid-details-highlight-icon[b-oplyqu5s0p],
.kid-details-parent-avatar-fallback[b-oplyqu5s0p] {
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 0.9rem;
}

.kid-details-highlight-card span[b-oplyqu5s0p] {
    display: block;
    font-size: 0.78rem;
    color: var(--color-text-secondary);
}

.kid-details-highlight-card strong[b-oplyqu5s0p] {
    display: block;
    margin-top: 0.15rem;
    color: var(--color-text);
    font-size: 1.12rem;
    font-weight: 900;
}

.kid-details-highlight-blue .kid-details-highlight-icon[b-oplyqu5s0p],
.kid-details-highlight-amber .kid-details-highlight-icon[b-oplyqu5s0p] {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.06);
}

.kid-details-attention-box[b-oplyqu5s0p] {
    margin-top: var(--space-sm);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.85rem;
    align-items: start;
    padding: 1rem 1.1rem;
    border-left: 4px solid transparent;
    border-radius: 1rem;
}

.kid-details-attention-danger[b-oplyqu5s0p] {
    background: rgba(254, 226, 226, 0.6);
    border-left-color: #ef4444;
    color: #b91c1c;
}

.kid-details-attention-warning[b-oplyqu5s0p] {
    background: rgba(255, 237, 213, 0.7);
    border-left-color: #f59e0b;
    color: #b45309;
}

.kid-details-attention-calm[b-oplyqu5s0p] {
    background: rgba(239, 246, 255, 0.72);
    border-left-color: #60a5fa;
    color: #1d4ed8;
}

.kid-details-mini-section[b-oplyqu5s0p] {
    padding-top: var(--space-sm);
    border-top: 1px solid var(--color-border-light);
}

.kid-details-mini-section-head[b-oplyqu5s0p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.kid-details-activity-item[b-oplyqu5s0p],
.kid-details-meal-preview[b-oplyqu5s0p],
.kid-details-contact-row[b-oplyqu5s0p],
.kid-details-parent-meta-row[b-oplyqu5s0p],
.kid-details-wardrobe-item-row[b-oplyqu5s0p],
.kid-details-report-head[b-oplyqu5s0p],
.kid-details-report-title-row[b-oplyqu5s0p] {
    display: flex;
    gap: 0.75rem;
}

.kid-details-activity-item[b-oplyqu5s0p],
.kid-details-contact-row[b-oplyqu5s0p],
.kid-details-wardrobe-item-row[b-oplyqu5s0p] {
    align-items: flex-start;
}

.kid-details-activity-dot[b-oplyqu5s0p] {
    width: 0.8rem;
    height: 0.8rem;
    margin-top: 0.35rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--color-kitabee-yellow), var(--color-kitabee-amber));
    box-shadow: 0 0 0 5px rgba(245, 158, 11, 0.08);
}

.kid-details-activity-item strong[b-oplyqu5s0p],
.kid-details-meal-preview strong[b-oplyqu5s0p],
.kid-details-contact-row strong[b-oplyqu5s0p],
.kid-details-wardrobe-item-row strong[b-oplyqu5s0p] {
    display: block;
    color: var(--color-text);
}

.kid-details-meal-preview-list[b-oplyqu5s0p] {
    display: grid;
    gap: 0.75rem;
}

.kid-details-meal-preview[b-oplyqu5s0p] {
    align-items: flex-start;
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    background: rgba(248, 250, 252, 0.92);
}

.kid-details-meal-day[b-oplyqu5s0p] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.95rem;
    background: rgba(16, 185, 129, 0.14);
    color: #059669;
    font-weight: 900;
    flex-shrink: 0;
}

.kid-details-side-card[b-oplyqu5s0p] {
    padding: 1.2rem;
}

.kid-details-danger-box[b-oplyqu5s0p],
.kid-details-soft-box[b-oplyqu5s0p],
.kid-details-note-box[b-oplyqu5s0p] {
    padding: 0.95rem 1rem;
    border-radius: 1rem;
}

.kid-details-danger-box[b-oplyqu5s0p] {
    background: rgba(254, 226, 226, 0.72);
    color: #b91c1c;
}

.kid-details-soft-box[b-oplyqu5s0p] {
    background: rgba(248, 250, 252, 0.94);
}

.kid-details-note-box[b-oplyqu5s0p] {
    background: rgba(243, 244, 255, 0.7);
}

.kid-details-note-head[b-oplyqu5s0p] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.45rem;
    color: #6d28d9;
}

.kid-details-contact-row[b-oplyqu5s0p] {
    justify-content: space-between;
    align-items: center;
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    background: rgba(248, 250, 252, 0.94);
}

.kid-details-contact-row div[b-oplyqu5s0p] {
    display: grid;
    gap: 0.2rem;
}

.kid-details-contact-row a[b-oplyqu5s0p],
.kid-details-parent-actions a[b-oplyqu5s0p] {
    font-weight: 800;
}

.kid-details-parent-card[b-oplyqu5s0p] {
    padding: 1rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(226, 232, 240, 0.86);
    background: rgba(255, 255, 255, 0.98);
}

.kid-details-parent-head[b-oplyqu5s0p] {
    display: flex;
    gap: 0.85rem;
    align-items: center;
}

.kid-details-parent-avatar[b-oplyqu5s0p],
.kid-details-parent-avatar-fallback[b-oplyqu5s0p] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
    object-fit: cover;
    flex-shrink: 0;
}

.kid-details-parent-avatar-fallback[b-oplyqu5s0p] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
    font-weight: 900;
}

.kid-details-parent-copy strong[b-oplyqu5s0p] {
    color: var(--color-text);
}

.kid-details-parent-title-row[b-oplyqu5s0p] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.kid-details-parent-meta[b-oplyqu5s0p] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.95rem;
}

.kid-details-parent-meta-row i[b-oplyqu5s0p] {
    width: 1rem;
    margin-top: 0.15rem;
    color: var(--color-kitabee-amber);
}

.kid-details-parent-actions[b-oplyqu5s0p] {
    margin-top: 0.95rem;
}

.kid-details-wardrobe-section[b-oplyqu5s0p],
.kid-details-reports-section[b-oplyqu5s0p] {
    padding: 1.2rem;
}

.kid-details-wardrobe-grid[b-oplyqu5s0p] {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.kid-details-wardrobe-card[b-oplyqu5s0p] {
    border-radius: 1.35rem;
    border: 1px solid rgba(226, 232, 240, 0.86);
    background: rgba(255, 255, 255, 0.98);
    padding: 1rem;
}

.kid-details-wardrobe-card-head[b-oplyqu5s0p] {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
    margin-bottom: 0.95rem;
}

.kid-details-wardrobe-icon[b-oplyqu5s0p] {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    flex-shrink: 0;
}

.kid-details-wardrobe-icon-blue[b-oplyqu5s0p] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.kid-details-wardrobe-icon-amber[b-oplyqu5s0p] {
    background: rgba(245, 158, 11, 0.14);
    color: #d97706;
}

.kid-details-wardrobe-icon-purple[b-oplyqu5s0p] {
    background: rgba(139, 92, 246, 0.12);
    color: #7c3aed;
}

.kid-details-wardrobe-icon-green[b-oplyqu5s0p] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.kid-details-wardrobe-icon-slate[b-oplyqu5s0p] {
    background: rgba(148, 163, 184, 0.14);
    color: #475569;
}

.kid-details-chip[b-oplyqu5s0p] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
}

.kid-details-chip-category[b-oplyqu5s0p] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
}

.kid-details-chip-success[b-oplyqu5s0p] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
}

.kid-details-chip-warning[b-oplyqu5s0p] {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

.kid-details-wardrobe-items[b-oplyqu5s0p] {
    display: grid;
    gap: 0.7rem;
}

.kid-details-wardrobe-item-row[b-oplyqu5s0p] {
    padding: 0.7rem 0.8rem;
    border-radius: 0.95rem;
    background: rgba(248, 250, 252, 0.92);
}

.kid-details-wardrobe-item-status[b-oplyqu5s0p] {
    width: 0.72rem;
    height: 0.72rem;
    margin-top: 0.35rem;
    border-radius: 999px;
    flex-shrink: 0;
}

.kid-details-status-dot-success[b-oplyqu5s0p] { background: #10b981; }
.kid-details-status-dot-warning[b-oplyqu5s0p] { background: #f59e0b; }
.kid-details-status-dot-danger[b-oplyqu5s0p] { background: #ef4444; }
.kid-details-status-dot-info[b-oplyqu5s0p] { background: #3b82f6; }
.kid-details-status-dot-neutral[b-oplyqu5s0p] { background: #94a3b8; }

.kid-details-report-list[b-oplyqu5s0p] {
    gap: 0.9rem;
}

.kid-details-report-card[b-oplyqu5s0p] {
    padding: 1rem 1.1rem;
    border-radius: 1.35rem;
    border-left: 4px solid #60a5fa;
    background: linear-gradient(90deg, rgba(248, 250, 252, 0.78), rgba(255, 255, 255, 0.98));
}

.kid-details-report-info[b-oplyqu5s0p] { border-left-color: #60a5fa; }
.kid-details-report-warning[b-oplyqu5s0p] { border-left-color: #f59e0b; }
.kid-details-report-danger[b-oplyqu5s0p] { border-left-color: #ef4444; }
.kid-details-report-success[b-oplyqu5s0p] { border-left-color: #10b981; }
.kid-details-report-purple[b-oplyqu5s0p] { border-left-color: #8b5cf6; }

.kid-details-report-head[b-oplyqu5s0p] {
    align-items: flex-start;
}

.kid-details-report-icon[b-oplyqu5s0p] {
    width: 2.85rem;
    height: 2.85rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    flex-shrink: 0;
}

.kid-details-report-copy[b-oplyqu5s0p] {
    flex: 1;
    min-width: 0;
}

.kid-details-report-title-row[b-oplyqu5s0p],
.kid-details-report-meta[b-oplyqu5s0p] {
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.kid-details-inline-empty[b-oplyqu5s0p] {
    padding: 1.4rem 0.8rem;
}

.kid-details-modal[b-oplyqu5s0p] {
    width: min(100%, 560px);
}

.theme-dark .kid-details-hero[b-oplyqu5s0p] {
    border-color: rgba(251, 191, 36, 0.34);
    background:
        radial-gradient(circle at top center, rgba(251, 191, 36, 0.16), rgba(15, 23, 42, 0) 48%),
        linear-gradient(135deg, rgba(30, 41, 59, 0.98), rgba(15, 23, 42, 0.98) 58%, rgba(24, 34, 52, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(148, 163, 184, 0.16),
        0 18px 38px rgba(0, 0, 0, 0.24);
}

.theme-dark .kid-details-hero-accent[b-oplyqu5s0p],
.theme-dark .kid-details-hero-avatar[b-oplyqu5s0p],
.theme-dark .kid-details-hero-avatar-fallback[b-oplyqu5s0p],
.theme-dark .kid-details-hero-status-dot[b-oplyqu5s0p] {
    border-color: rgba(30, 41, 59, 0.98);
}

.theme-dark .kid-details-hero-title-row h2[b-oplyqu5s0p] {
    color: #fde68a;
}

.theme-dark .kid-details-hero-avatar-fallback[b-oplyqu5s0p],
.theme-dark .kid-details-hero-pill[b-oplyqu5s0p],
.theme-dark .kid-details-hero-meta-row span[b-oplyqu5s0p] {
    background: rgba(15, 23, 42, 0.52);
    border-color: rgba(251, 191, 36, 0.2);
    color: #fde68a;
}

.theme-dark .kid-details-hero-pill-strong[b-oplyqu5s0p] {
    background: rgba(251, 191, 36, 0.16);
    color: #fcd34d;
}

.theme-dark .kid-details-hero-pill-birth[b-oplyqu5s0p],
.theme-dark .kid-details-hero-meta-chip-birth[b-oplyqu5s0p] {
    background: rgba(124, 45, 18, 0.28);
    color: #fdba74;
}

.theme-dark .kid-details-hero-pill-gender[b-oplyqu5s0p] {
    background: rgba(131, 24, 67, 0.26);
    color: #fbcfe8;
}

.theme-dark .kid-details-hero-meta-row[b-oplyqu5s0p],
.theme-dark .kid-details-hero-meta-chip-kita[b-oplyqu5s0p] {
    color: #fcd34d;
}

.theme-dark .kid-details-hero-alert-danger[b-oplyqu5s0p],
.theme-dark .kid-details-danger-box[b-oplyqu5s0p],
.theme-dark .kid-details-attention-danger[b-oplyqu5s0p] {
    background: rgba(127, 29, 29, 0.32);
    color: #fca5a5;
}

.theme-dark .kid-details-hero-alert-warning[b-oplyqu5s0p],
.theme-dark .kid-details-attention-warning[b-oplyqu5s0p] {
    background: rgba(124, 45, 18, 0.34);
    color: #fdba74;
}

.theme-dark .kid-details-hero-alert-success[b-oplyqu5s0p] {
    background: rgba(20, 83, 45, 0.32);
    color: #86efac;
}

.theme-dark .kid-details-hero-alert-info[b-oplyqu5s0p],
.theme-dark .kid-details-attention-calm[b-oplyqu5s0p] {
    background: rgba(30, 64, 175, 0.3);
    color: #bfdbfe;
}

.theme-dark .kid-details-quick-card[b-oplyqu5s0p],
.theme-dark .kid-details-parent-card[b-oplyqu5s0p],
.theme-dark .kid-details-wardrobe-card[b-oplyqu5s0p] {
    background: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-text);
}

.theme-dark .kid-details-quick-card:hover[b-oplyqu5s0p] {
    border-color: rgba(251, 191, 36, 0.32);
}

.theme-dark .kid-details-status-neutral[b-oplyqu5s0p] {
    background: var(--color-neutral-bg);
    color: var(--color-text-secondary);
}

.theme-dark .kid-details-highlight-blue[b-oplyqu5s0p] {
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.32), rgba(15, 23, 42, 0.42));
}

.theme-dark .kid-details-highlight-amber[b-oplyqu5s0p] {
    background: linear-gradient(135deg, rgba(120, 90, 20, 0.32), rgba(15, 23, 42, 0.42));
}

.theme-dark .kid-details-highlight-blue .kid-details-highlight-icon[b-oplyqu5s0p],
.theme-dark .kid-details-highlight-amber .kid-details-highlight-icon[b-oplyqu5s0p] {
    background: rgba(15, 23, 42, 0.55);
    box-shadow: none;
}

.theme-dark .kid-details-meal-preview[b-oplyqu5s0p],
.theme-dark .kid-details-soft-box[b-oplyqu5s0p],
.theme-dark .kid-details-note-box[b-oplyqu5s0p],
.theme-dark .kid-details-contact-row[b-oplyqu5s0p],
.theme-dark .kid-details-wardrobe-item-row[b-oplyqu5s0p] {
    background: rgba(15, 23, 42, 0.38);
    border: 1px solid rgba(148, 163, 184, 0.12);
}

.theme-dark .kid-details-note-head[b-oplyqu5s0p] {
    color: #d8b4fe;
}

.theme-dark .kid-details-report-card[b-oplyqu5s0p] {
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.48), rgba(30, 41, 59, 0.94));
}

.theme-dark .kid-details-inline-empty[b-oplyqu5s0p] {
    background: rgba(15, 23, 42, 0.28);
    border-radius: 1rem;
}

@media (max-width: 1100px) {
    .kid-details-quick-actions[b-oplyqu5s0p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kid-details-top-grid[b-oplyqu5s0p] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .kid-details-hero-main[b-oplyqu5s0p] {
        flex-direction: column;
        align-items: flex-start;
    }

    .kid-details-summary-highlight-grid[b-oplyqu5s0p] {
        grid-template-columns: 1fr;
    }

    .kid-details-report-head[b-oplyqu5s0p],
    .kid-details-contact-row[b-oplyqu5s0p],
    .kid-details-parent-head[b-oplyqu5s0p] {
        flex-direction: column;
        align-items: flex-start;
    }

    .kid-details-contact-row[b-oplyqu5s0p] {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .kid-details-quick-actions[b-oplyqu5s0p] {
        grid-template-columns: 1fr;
    }

    .kid-details-hero[b-oplyqu5s0p] {
        border-radius: 1.5rem;
    }

    .kid-details-wardrobe-section[b-oplyqu5s0p],
    .kid-details-reports-section[b-oplyqu5s0p],
    .kid-details-side-card[b-oplyqu5s0p],
    .kid-details-summary-card[b-oplyqu5s0p] {
        padding: 1rem;
    }

    .kid-details-hero-shell[b-oplyqu5s0p] {
        padding: 1.2rem;
    }

    .kid-details-hero-accent[b-oplyqu5s0p] {
        width: 2.8rem;
        height: 2.8rem;
        top: -0.65rem;
        left: -0.65rem;
    }

    .kid-details-hero-avatar[b-oplyqu5s0p],
    .kid-details-hero-avatar-fallback[b-oplyqu5s0p] {
        width: 7.25rem;
        height: 7.25rem;
    }

    .kid-details-hero-title-row h2[b-oplyqu5s0p] {
        font-size: 1.7rem;
    }
}
/* /Views/Pages/KidDocuments.razor.rz.scp.css */
.kid-gallery-shell[b-799h5u6sv2] {
    display: grid;
    gap: var(--space-xl);
}

.kid-gallery-page-nav[b-799h5u6sv2] {
    margin-bottom: var(--space-lg);
}

.kid-gallery-page-nav .btn[b-799h5u6sv2] {
    width: fit-content;
}

.kid-gallery-topbar[b-799h5u6sv2] {
    margin-bottom: 0;
    align-items: flex-start;
    gap: var(--space-lg);
    flex-wrap: wrap;
}

.kid-gallery-header-copy[b-799h5u6sv2] {
    display: grid;
    gap: var(--space-sm);
}

.kid-gallery-kicker[b-799h5u6sv2] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: rgba(250, 204, 21, 0.14);
    color: #8a5b00;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.kid-gallery-title[b-799h5u6sv2],
.kid-gallery-profile-copy h2[b-799h5u6sv2],
.kid-gallery-modal-text h3[b-799h5u6sv2] {
    margin: 0;
    color: var(--color-text);
}

.kid-gallery-title[b-799h5u6sv2] {
    font-size: var(--font-size-3xl);
    font-weight: 900;
    letter-spacing: -0.03em;
}

.kid-gallery-subtitle[b-799h5u6sv2] {
    max-width: 40rem;
}

.kid-gallery-top-actions[b-799h5u6sv2] {
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.kid-gallery-top-actions .btn[b-799h5u6sv2] {
    min-height: 2.65rem;
}

.kid-gallery-hero[b-799h5u6sv2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-xl);
    padding: 1.35rem;
}

.kid-gallery-profile[b-799h5u6sv2] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
}

.kid-gallery-avatar[b-799h5u6sv2],
.kid-gallery-avatar-fallback[b-799h5u6sv2] {
    width: 5rem;
    height: 5rem;
    border-radius: 1.35rem;
    flex-shrink: 0;
}

.kid-gallery-avatar[b-799h5u6sv2] {
    object-fit: cover;
    border: 3px solid var(--color-kitabee-yellow);
    box-shadow: var(--shadow-sm);
}

.kid-gallery-avatar-fallback[b-799h5u6sv2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--color-kitabee-yellow), var(--color-kitabee-amber));
    color: var(--color-brand-soft-text);
    font-size: 1.45rem;
    font-weight: 900;
    box-shadow: var(--shadow-sm);
}

.kid-gallery-profile-copy[b-799h5u6sv2] {
    display: grid;
    gap: 0.55rem;
}

.kid-gallery-profile-copy h2[b-799h5u6sv2] {
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.kid-gallery-profile-badges[b-799h5u6sv2],
.kid-gallery-stats[b-799h5u6sv2] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.kid-gallery-profile-badges .badge[b-799h5u6sv2],
.kid-gallery-stats .badge[b-799h5u6sv2] {
    gap: 0.35rem;
}

.kid-gallery-hero-tools[b-799h5u6sv2] {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
}

.kid-gallery-select[b-799h5u6sv2] {
    display: grid;
    gap: 0.45rem;
    color: var(--color-text-secondary);
    font-size: 0.85rem;
    font-weight: 700;
}

.kid-gallery-select select[b-799h5u6sv2] {
    min-width: 12rem;
}

.kid-gallery-filters[b-799h5u6sv2] {
    display: flex;
    gap: var(--space-sm);
    overflow-x: auto;
    padding-bottom: 0.25rem;
}

.kid-gallery-filter[b-799h5u6sv2] {
    border: 1px solid rgba(255, 193, 7, 0.3);
    background: var(--color-brand-soft);
    color: var(--color-brand-soft-text);
    border-radius: var(--radius-full);
    padding: 0.72rem 1rem;
    font: inherit;
    font-size: var(--font-size-sm);
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.kid-gallery-filter:hover[b-799h5u6sv2] {
    background: var(--color-brand-soft-subtle);
    border-color: var(--color-kitabee-amber);
    color: var(--color-text);
}

.kid-gallery-filter-active[b-799h5u6sv2] {
    background: linear-gradient(135deg, var(--color-kitabee-yellow), var(--color-kitabee-amber));
    border-color: var(--color-kitabee-amber);
    color: var(--color-brand-soft-text);
    box-shadow: var(--shadow-sm);
}

.kid-gallery-grid[b-799h5u6sv2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--space-lg);
}

.kid-gallery-card[b-799h5u6sv2] {
    position: relative;
    display: grid;
    gap: var(--space-md);
    padding: 0.85rem;
}

.kid-gallery-card-hit[b-799h5u6sv2] {
    width: 100%;
    border: none;
    background: transparent;
    color: inherit;
    display: grid;
    gap: var(--space-md);
    padding: 0;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.kid-gallery-card-media[b-799h5u6sv2] {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 1.2rem;
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
}

.kid-gallery-card-image[b-799h5u6sv2],
.kid-gallery-card-video[b-799h5u6sv2] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.18s ease;
}

.kid-gallery-card-hit:hover .kid-gallery-card-image[b-799h5u6sv2],
.kid-gallery-card-hit:hover .kid-gallery-card-video[b-799h5u6sv2] {
    transform: scale(1.03);
}

.kid-gallery-card-copy[b-799h5u6sv2] {
    display: grid;
    gap: 0.28rem;
}

.kid-gallery-card-copy strong[b-799h5u6sv2] {
    color: var(--color-text);
    font-size: 0.96rem;
    font-weight: 800;
}

.kid-gallery-card-copy span[b-799h5u6sv2] {
    color: var(--color-text-secondary);
    font-size: var(--font-size-xs);
}

.kid-gallery-card-type[b-799h5u6sv2] {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    color: var(--color-info);
    box-shadow: var(--shadow-sm);
}

.kid-gallery-card-delete[b-799h5u6sv2] {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 1;
    color: var(--color-danger);
}

.kid-gallery-card-delete:hover[b-799h5u6sv2] {
    background: var(--color-danger-bg);
}

.kid-gallery-empty[b-799h5u6sv2] {
    padding: var(--space-4xl) var(--space-xl);
}

.kid-gallery-empty-illustration[b-799h5u6sv2] {
    width: 5rem;
    height: 5rem;
    margin: 0 auto var(--space-lg);
    border-radius: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 193, 7, 0.14);
    color: var(--color-kitabee-amber);
    font-size: 1.9rem;
}

.kid-gallery-empty p[b-799h5u6sv2] {
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto;
}

.kid-gallery-modal[b-799h5u6sv2],
.kid-gallery-upload[b-799h5u6sv2] {
    width: min(100%, 90vw);
    display: grid;
    gap: var(--space-lg);
}

.kid-gallery-modal[b-799h5u6sv2] {
    max-width: 64rem;
}

.kid-gallery-upload[b-799h5u6sv2] {
    max-width: 44rem;
}

.kid-gallery-modal-header[b-799h5u6sv2],
.kid-gallery-upload-header[b-799h5u6sv2] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-md);
    align-items: flex-start;
}

.kid-gallery-modal-close[b-799h5u6sv2] {
    flex-shrink: 0;
}

.kid-gallery-modal-text[b-799h5u6sv2],
.kid-gallery-upload-header > div[b-799h5u6sv2] {
    display: grid;
    gap: 0.45rem;
}

.kid-gallery-modal-title[b-799h5u6sv2] {
    margin-bottom: 0;
}

.kid-gallery-modal-text p[b-799h5u6sv2],
.kid-gallery-modal-text small[b-799h5u6sv2],
.kid-gallery-upload-header p[b-799h5u6sv2] {
    margin: 0;
    color: var(--color-text-secondary);
}

.kid-gallery-modal-pill[b-799h5u6sv2] {
    width: fit-content;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(255, 193, 7, 0.14);
    color: #8a5b00;
    font-size: 0.75rem;
    font-weight: 800;
}

.kid-gallery-modal-frame[b-799h5u6sv2] {
    min-height: 22rem;
    border-radius: 1.4rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
}

.kid-gallery-modal-image[b-799h5u6sv2],
.kid-gallery-modal-video[b-799h5u6sv2] {
    width: 100%;
    max-height: 70vh;
    object-fit: contain;
}

.kid-gallery-modal-actions[b-799h5u6sv2],
.kid-gallery-upload-actions[b-799h5u6sv2] {
    margin-top: 0;
}

.kid-gallery-upload-title[b-799h5u6sv2] {
    margin-bottom: 0;
}

.kid-gallery-upload-grid .form-group[b-799h5u6sv2] {
    margin-bottom: 0;
}

.kid-gallery-file-dropzone[b-799h5u6sv2] {
    position: relative;
    padding: 1.4rem 1.2rem;
    border: 1.5px dashed rgba(255, 193, 7, 0.34);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 248, 220, 0.58), rgba(255, 255, 255, 0.9));
    overflow: hidden;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.kid-gallery-file-dropzone-active[b-799h5u6sv2] {
    border-color: var(--color-kitabee-amber);
    background: rgba(255, 193, 7, 0.12);
    box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.14);
}

.kid-gallery-file-input-native[b-799h5u6sv2] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.kid-gallery-file-dropzone-copy[b-799h5u6sv2] {
    display: grid;
    gap: 0.45rem;
    justify-items: center;
    text-align: center;
    pointer-events: none;
}

.kid-gallery-file-dropzone-copy i[b-799h5u6sv2] {
    font-size: 1.35rem;
    color: var(--color-kitabee-amber);
}

.kid-gallery-file-dropzone-copy strong[b-799h5u6sv2],
.kid-gallery-upload-selection strong[b-799h5u6sv2] {
    color: var(--color-text);
    font-size: 0.96rem;
    font-weight: 800;
}

.kid-gallery-file-dropzone-copy span[b-799h5u6sv2],
.kid-gallery-file-dropzone-copy small[b-799h5u6sv2],
.kid-gallery-upload-preview-copy span[b-799h5u6sv2],
.kid-gallery-upload-note[b-799h5u6sv2] {
    color: var(--color-text-secondary);
}

.kid-gallery-file-input[b-799h5u6sv2] {
    padding: 0.95rem 1rem;
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-bg);
}

.kid-gallery-file-input input[b-799h5u6sv2] {
    width: 100%;
    color: var(--color-text);
    font: inherit;
}

.kid-gallery-upload-file[b-799h5u6sv2] {
    display: block;
    margin-top: 0.45rem;
    color: var(--color-text-secondary);
}

.kid-gallery-upload-selection[b-799h5u6sv2] {
    margin-top: 0.8rem;
    display: grid;
    gap: 0.55rem;
}

.kid-documents-upload-preview-grid[b-799h5u6sv2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 0.7rem;
}

.kid-documents-upload-preview-card[b-799h5u6sv2] {
    display: grid;
    gap: 0.55rem;
    padding: 0.8rem;
    border-radius: 1.15rem;
    background: rgba(248, 250, 252, 0.94);
    border: 1px solid var(--color-border-light);
}

.kid-documents-upload-preview-visual[b-799h5u6sv2] {
    position: relative;
}

.kid-documents-upload-preview-placeholder[b-799h5u6sv2] {
    min-height: 8.8rem;
    border-radius: 1rem;
    display: grid;
    place-items: center;
    gap: 0.55rem;
    padding: 0.9rem;
    background:
        radial-gradient(circle at top right, rgba(251, 191, 36, 0.16), transparent 42%),
        linear-gradient(145deg, rgba(255, 251, 235, 0.94), rgba(255, 255, 255, 0.98));
    border: 1px dashed rgba(217, 119, 6, 0.28);
    color: #92400e;
    text-align: center;
}

.kid-documents-upload-preview-placeholder i[b-799h5u6sv2] {
    font-size: 1.8rem;
}

.kid-documents-upload-preview-placeholder span[b-799h5u6sv2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.2rem;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.18);
    color: inherit;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.kid-gallery-upload-preview-remove[b-799h5u6sv2] {
    position: absolute;
    top: 0.7rem;
    right: 0.7rem;
    color: var(--color-danger);
}

.kid-gallery-upload-preview-copy[b-799h5u6sv2] {
    display: grid;
    gap: 0.32rem;
}

.kid-gallery-upload-preview-copy strong[b-799h5u6sv2] {
    color: var(--color-text);
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.kid-documents-confirm-copy[b-799h5u6sv2] {
    display: grid;
    gap: 0.45rem;
}

.kid-documents-confirm-copy p[b-799h5u6sv2],
.kid-documents-confirm-copy small[b-799h5u6sv2] {
    margin: 0;
    color: var(--color-text-secondary);
}

.kid-documents-delete-context[b-799h5u6sv2] {
    display: grid;
    gap: 0.32rem;
    padding: 1rem 1.1rem;
    border-radius: var(--radius-xl);
    background: rgba(248, 250, 252, 0.94);
    border: 1px solid var(--color-border-light);
}

.kid-documents-delete-context strong[b-799h5u6sv2] {
    color: var(--color-text);
    font-size: 1rem;
    font-weight: 800;
}

.kid-documents-delete-context span[b-799h5u6sv2] {
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.kb-theme-dark .kid-documents-delete-context[b-799h5u6sv2] {
    background: rgba(15, 23, 42, 0.82);
    border-color: var(--color-border);
}

.kb-theme-dark .kid-documents-upload-preview-card[b-799h5u6sv2] {
    background: rgba(15, 23, 42, 0.82);
    border-color: var(--color-border);
}

.kb-theme-dark .kid-documents-upload-preview-placeholder[b-799h5u6sv2] {
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.16), transparent 42%),
        linear-gradient(145deg, rgba(30, 41, 59, 0.95), rgba(15, 23, 42, 0.96));
    border-color: var(--color-border);
    color: var(--color-warning);
}

.kb-theme-dark .kid-documents-upload-preview-placeholder span[b-799h5u6sv2] {
    background: rgba(245, 158, 11, 0.18);
}

@media (max-width: 960px) {
    .kid-gallery-topbar[b-799h5u6sv2],
    .kid-gallery-hero[b-799h5u6sv2],
    .kid-gallery-modal-header[b-799h5u6sv2],
    .kid-gallery-upload-header[b-799h5u6sv2] {
        flex-direction: column;
        align-items: stretch;
    }

    .kid-gallery-top-actions[b-799h5u6sv2],
    .kid-gallery-hero-tools[b-799h5u6sv2] {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .kid-gallery-profile[b-799h5u6sv2],
    .kid-gallery-top-actions[b-799h5u6sv2],
    .kid-gallery-modal-actions[b-799h5u6sv2],
    .kid-gallery-upload-actions[b-799h5u6sv2] {
        flex-direction: column;
        align-items: stretch;
    }

    .kid-gallery-grid[b-799h5u6sv2],
    .kid-gallery-upload-grid[b-799h5u6sv2] {
        grid-template-columns: 1fr;
    }

    .kid-gallery-top-actions .btn[b-799h5u6sv2],
    .kid-gallery-modal-actions .btn[b-799h5u6sv2],
    .kid-gallery-upload-actions .btn[b-799h5u6sv2] {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .kid-gallery-card[b-799h5u6sv2] {
        padding: 0.75rem;
    }

    .kid-gallery-card-type[b-799h5u6sv2] {
        top: 1.35rem;
        right: 1.35rem;
    }

    .kid-gallery-card-delete[b-799h5u6sv2] {
        top: 1.35rem;
        left: 1.35rem;
    }

    .kid-gallery-modal[b-799h5u6sv2],
    .kid-gallery-upload[b-799h5u6sv2] {
        width: 100%;
        padding: var(--space-lg);
    }
}

.kid-documents-card-media[b-799h5u6sv2] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.1rem;
    background:
        radial-gradient(circle at top right, rgba(251, 191, 36, 0.18), transparent 48%),
        linear-gradient(145deg, rgba(255, 251, 235, 0.96), rgba(255, 255, 255, 0.98));
}

.kid-documents-card-file[b-799h5u6sv2] {
    width: 100%;
    height: 100%;
    min-height: 11rem;
    border-radius: 1rem;
    display: grid;
    place-items: center;
    gap: 0.6rem;
    background: rgba(255, 255, 255, 0.82);
    border: 1px dashed rgba(217, 119, 6, 0.28);
    color: #92400e;
    text-align: center;
}

.kid-documents-card-file i[b-799h5u6sv2] {
    font-size: 2.35rem;
}

.kid-documents-card-file span[b-799h5u6sv2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.65rem;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.18);
    color: inherit;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.kid-documents-card-visibility[b-799h5u6sv2] {
    width: fit-content;
}

.kid-documents-card-actions[b-799h5u6sv2] {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    right: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    pointer-events: none;
}

.kid-documents-card-actions .btn-circle[b-799h5u6sv2] {
    pointer-events: auto;
}

.kid-documents-card-edit[b-799h5u6sv2] {
    color: var(--color-info);
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
}

.kid-documents-card-edit:hover[b-799h5u6sv2] {
    background: var(--color-info-soft-subtle);
}

.kid-documents-modal-frame[b-799h5u6sv2] {
    min-height: 18rem;
}

.kid-documents-modal-preview[b-799h5u6sv2] {
    width: 100%;
    min-height: 18rem;
    display: grid;
    place-items: center;
    gap: 1rem;
    padding: 2rem;
    text-align: center;
    background:
        radial-gradient(circle at top, rgba(250, 204, 21, 0.12), transparent 42%),
        linear-gradient(145deg, rgba(255, 251, 235, 0.92), rgba(255, 255, 255, 0.98));
}

.kid-documents-modal-icon[b-799h5u6sv2] {
    width: 5.75rem;
    height: 5.75rem;
    border-radius: 1.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    color: #b45309;
    box-shadow: var(--shadow-sm);
    font-size: 2.35rem;
}

.kid-documents-modal-meta[b-799h5u6sv2] {
    display: grid;
    gap: 0.45rem;
    justify-items: center;
}

.kid-documents-modal-meta strong[b-799h5u6sv2] {
    color: var(--color-text);
    font-size: 1.05rem;
}

.kid-documents-modal-meta small[b-799h5u6sv2] {
    color: var(--color-text-secondary);
}

.kb-theme-dark .kid-documents-card-media[b-799h5u6sv2],
.kb-theme-dark .kid-documents-modal-preview[b-799h5u6sv2] {
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.16), transparent 45%),
        linear-gradient(145deg, rgba(30, 41, 59, 0.95), rgba(15, 23, 42, 0.96));
}

.kb-theme-dark .kid-documents-card-file[b-799h5u6sv2],
.kb-theme-dark .kid-documents-modal-icon[b-799h5u6sv2],
.kb-theme-dark .kid-documents-card-edit[b-799h5u6sv2] {
    background: rgba(15, 23, 42, 0.76);
    border-color: var(--color-border);
    color: var(--color-warning);
}

.kb-theme-dark .kid-documents-card-file span[b-799h5u6sv2] {
    background: rgba(245, 158, 11, 0.18);
}
/* /Views/Pages/KidDocumentsUpload.razor.rz.scp.css */
.kid-documents-upload-page-shell[b-dgi4rze2sc] {
    display: grid;
    gap: var(--space-lg);
}

.kid-documents-upload-page-nav[b-dgi4rze2sc] {
    margin-bottom: var(--space-lg);
}

.kid-documents-upload-page-nav .btn[b-dgi4rze2sc] {
    width: fit-content;
}

.kid-documents-upload-page-header[b-dgi4rze2sc] {
    margin-bottom: 0;
}

.kid-documents-upload-builder .fb-main[b-dgi4rze2sc],
.kid-documents-upload-builder .fb-sidebar[b-dgi4rze2sc] {
    min-width: 0;
}

.kid-documents-upload-page-card[b-dgi4rze2sc] {
    margin: 0;
    padding: var(--space-2xl);
    display: grid;
    gap: var(--space-lg);
}

.kid-documents-upload-info-card[b-dgi4rze2sc] {
    display: grid;
    gap: var(--space-lg);
}

.kid-documents-upload-info-copy[b-dgi4rze2sc] {
    display: grid;
    gap: 0.45rem;
}

.kid-documents-upload-info-copy strong[b-dgi4rze2sc] {
    color: var(--color-text);
    font-size: var(--font-size-xl);
    font-weight: 800;
    line-height: 1.25;
}

.kid-documents-upload-info-copy p[b-dgi4rze2sc] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.6;
}

.kid-documents-upload-builder-head[b-dgi4rze2sc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
}

.kid-documents-upload-builder-head .section-icon-title[b-dgi4rze2sc] {
    margin-bottom: 0;
}

.kid-documents-file-dropzone[b-dgi4rze2sc] {
    position: relative;
    padding: 1.4rem 1.2rem;
    border: 1.5px dashed rgba(255, 193, 7, 0.34);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 248, 220, 0.58), rgba(255, 255, 255, 0.9));
    overflow: hidden;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.kid-documents-file-dropzone-active[b-dgi4rze2sc],
.kid-gallery-file-dropzone-active[b-dgi4rze2sc] {
    border-color: var(--color-kitabee-amber);
    background: rgba(255, 193, 7, 0.12);
    box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.14);
}

.kid-documents-file-input-native[b-dgi4rze2sc] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.kid-documents-file-dropzone-copy[b-dgi4rze2sc] {
    display: grid;
    gap: 0.45rem;
    justify-items: center;
    text-align: center;
    pointer-events: none;
}

.kid-documents-file-dropzone-copy i[b-dgi4rze2sc] {
    font-size: 1.35rem;
    color: var(--color-kitabee-amber);
}

.kid-documents-file-dropzone-copy strong[b-dgi4rze2sc],
.kid-documents-upload-selection strong[b-dgi4rze2sc] {
    color: var(--color-text);
    font-size: 0.96rem;
    font-weight: 800;
}

.kid-documents-file-dropzone-copy span[b-dgi4rze2sc],
.kid-documents-file-dropzone-copy small[b-dgi4rze2sc],
.kid-documents-upload-preview-copy span[b-dgi4rze2sc],
.kid-documents-upload-note[b-dgi4rze2sc] {
    color: var(--color-text-secondary);
}

.kid-documents-upload-grid .form-group[b-dgi4rze2sc] {
    margin-bottom: 0;
}

.kid-documents-upload-selection[b-dgi4rze2sc] {
    margin-top: 0.8rem;
    display: grid;
    gap: 0.55rem;
}

.kid-documents-upload-preview-grid[b-dgi4rze2sc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 0.7rem;
}

.kid-documents-upload-preview-card[b-dgi4rze2sc] {
    display: grid;
    gap: 0.55rem;
    padding: 0.8rem;
    border-radius: 1.15rem;
    background: rgba(248, 250, 252, 0.94);
    border: 1px solid var(--color-border-light);
}

.kid-documents-upload-preview-visual[b-dgi4rze2sc] {
    position: relative;
}

.kid-documents-upload-preview-placeholder[b-dgi4rze2sc] {
    min-height: 8.8rem;
    border-radius: 1rem;
    display: grid;
    place-items: center;
    gap: 0.55rem;
    padding: 0.9rem;
    background:
        radial-gradient(circle at top right, rgba(251, 191, 36, 0.16), transparent 42%),
        linear-gradient(145deg, rgba(255, 251, 235, 0.94), rgba(255, 255, 255, 0.98));
    border: 1px dashed rgba(217, 119, 6, 0.28);
    color: #92400e;
    text-align: center;
}

.kid-documents-upload-preview-placeholder i[b-dgi4rze2sc] {
    font-size: 1.8rem;
}

.kid-documents-upload-preview-placeholder span[b-dgi4rze2sc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.2rem;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.18);
    color: inherit;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.kid-documents-upload-preview-remove[b-dgi4rze2sc] {
    position: absolute;
    top: 0.7rem;
    right: 0.7rem;
    color: var(--color-danger);
}

.kid-documents-upload-preview-copy[b-dgi4rze2sc] {
    display: grid;
    gap: 0.32rem;
}

.kid-documents-upload-preview-copy strong[b-dgi4rze2sc] {
    color: var(--color-text);
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.kid-documents-upload-actions[b-dgi4rze2sc] {
    margin-top: 0;
}

.kb-theme-dark .kid-documents-upload-preview-card[b-dgi4rze2sc] {
    background: rgba(15, 23, 42, 0.82);
    border-color: var(--color-border);
}

.kb-theme-dark .kid-documents-upload-preview-placeholder[b-dgi4rze2sc] {
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.16), transparent 42%),
        linear-gradient(145deg, rgba(30, 41, 59, 0.95), rgba(15, 23, 42, 0.96));
    border-color: var(--color-border);
    color: var(--color-warning);
}

.kb-theme-dark .kid-documents-upload-preview-placeholder span[b-dgi4rze2sc] {
    background: rgba(245, 158, 11, 0.18);
}

.kb-theme-dark .kid-documents-file-dropzone[b-dgi4rze2sc] {
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.16), transparent 45%),
        linear-gradient(145deg, rgba(30, 41, 59, 0.95), rgba(15, 23, 42, 0.96));
    border-color: var(--color-border);
}

@media (max-width: 960px) {
    .kid-documents-upload-builder-head[b-dgi4rze2sc] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 720px) {
    .kid-documents-upload-grid[b-dgi4rze2sc] {
        grid-template-columns: 1fr;
    }

    .kid-documents-upload-actions[b-dgi4rze2sc] {
        flex-direction: column;
        align-items: stretch;
    }

    .kid-documents-upload-actions .btn[b-dgi4rze2sc] {
        width: 100%;
    }
}
/* /Views/Pages/KidGallery.razor.rz.scp.css */
.kid-gallery-shell[b-7tduoqbj5f] {
    display: grid;
    gap: var(--space-xl);
}

.kid-gallery-page-nav[b-7tduoqbj5f] {
    margin-bottom: var(--space-lg);
}

.kid-gallery-page-nav .btn[b-7tduoqbj5f] {
    width: fit-content;
}

.kid-gallery-topbar[b-7tduoqbj5f] {
    margin-bottom: 0;
    align-items: flex-start;
    gap: var(--space-lg);
    flex-wrap: wrap;
}

.kid-gallery-header-copy[b-7tduoqbj5f] {
    display: grid;
    gap: var(--space-sm);
}

.kid-gallery-kicker[b-7tduoqbj5f] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: rgba(250, 204, 21, 0.14);
    color: #8a5b00;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.kid-gallery-title[b-7tduoqbj5f],
.kid-gallery-profile-copy h2[b-7tduoqbj5f],
.kid-gallery-modal-text h3[b-7tduoqbj5f] {
    margin: 0;
    color: var(--color-text);
}

.kid-gallery-title[b-7tduoqbj5f] {
    font-size: var(--font-size-3xl);
    font-weight: 900;
    letter-spacing: -0.03em;
}

.kid-gallery-subtitle[b-7tduoqbj5f] {
    max-width: 40rem;
}

.kid-gallery-top-actions[b-7tduoqbj5f] {
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.kid-gallery-top-actions .btn[b-7tduoqbj5f] {
    min-height: 2.65rem;
}

.kid-gallery-hero[b-7tduoqbj5f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-xl);
    padding: 1.35rem;
}

.kid-gallery-profile[b-7tduoqbj5f] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
}

.kid-gallery-avatar[b-7tduoqbj5f],
.kid-gallery-avatar-fallback[b-7tduoqbj5f] {
    width: 5rem;
    height: 5rem;
    border-radius: 1.35rem;
    flex-shrink: 0;
}

.kid-gallery-avatar[b-7tduoqbj5f] {
    object-fit: cover;
    border: 3px solid var(--color-kitabee-yellow);
    box-shadow: var(--shadow-sm);
}

.kid-gallery-avatar-fallback[b-7tduoqbj5f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--color-kitabee-yellow), var(--color-kitabee-amber));
    color: var(--color-brand-soft-text);
    font-size: 1.45rem;
    font-weight: 900;
    box-shadow: var(--shadow-sm);
}

.kid-gallery-profile-copy[b-7tduoqbj5f] {
    display: grid;
    gap: 0.55rem;
}

.kid-gallery-profile-copy h2[b-7tduoqbj5f] {
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.kid-gallery-profile-badges[b-7tduoqbj5f],
.kid-gallery-stats[b-7tduoqbj5f] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.kid-gallery-profile-badges .badge[b-7tduoqbj5f],
.kid-gallery-stats .badge[b-7tduoqbj5f] {
    gap: 0.35rem;
}

.kid-gallery-hero-tools[b-7tduoqbj5f] {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
}

.kid-gallery-select[b-7tduoqbj5f] {
    display: grid;
    gap: 0.45rem;
    color: var(--color-text-secondary);
    font-size: 0.85rem;
    font-weight: 700;
}

.kid-gallery-select select[b-7tduoqbj5f] {
    min-width: 12rem;
}

.kid-gallery-filters[b-7tduoqbj5f] {
    display: flex;
    gap: var(--space-sm);
    overflow-x: auto;
    padding-bottom: 0.25rem;
}

.kid-gallery-filter[b-7tduoqbj5f] {
    border: 1px solid rgba(255, 193, 7, 0.3);
    background: var(--color-brand-soft);
    color: var(--color-brand-soft-text);
    border-radius: var(--radius-full);
    padding: 0.72rem 1rem;
    font: inherit;
    font-size: var(--font-size-sm);
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.kid-gallery-filter:hover[b-7tduoqbj5f] {
    background: var(--color-brand-soft-subtle);
    border-color: var(--color-kitabee-amber);
    color: var(--color-text);
}

.kid-gallery-filter-active[b-7tduoqbj5f] {
    background: linear-gradient(135deg, var(--color-kitabee-yellow), var(--color-kitabee-amber));
    border-color: var(--color-kitabee-amber);
    color: var(--color-brand-soft-text);
    box-shadow: var(--shadow-sm);
}

.kid-gallery-grid[b-7tduoqbj5f] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--space-lg);
}

.kid-gallery-card[b-7tduoqbj5f] {
    position: relative;
    display: grid;
    gap: var(--space-md);
    padding: 0.85rem;
}

.kid-gallery-card-hit[b-7tduoqbj5f] {
    width: 100%;
    border: none;
    background: transparent;
    color: inherit;
    display: grid;
    gap: var(--space-md);
    padding: 0;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.kid-gallery-card-media[b-7tduoqbj5f] {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 1.2rem;
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
}

.kid-gallery-card-image[b-7tduoqbj5f],
.kid-gallery-card-video[b-7tduoqbj5f] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.kid-gallery-card-hit:hover .kid-gallery-card-image[b-7tduoqbj5f],
.kid-gallery-card-hit:hover .kid-gallery-card-video[b-7tduoqbj5f] {
    transform: scale(1.03);
}

.kid-gallery-card-video[b-7tduoqbj5f] {
    position: relative;
    z-index: 1;
    display: block;
    background: transparent;
}

.kid-gallery-card-video-loading[b-7tduoqbj5f] {
    opacity: 0;
}

.kid-gallery-card-video-ready[b-7tduoqbj5f] {
    opacity: 1;
}

.kid-gallery-card-placeholder[b-7tduoqbj5f] {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, rgba(255, 248, 234, 0.9) 0%, rgba(255, 255, 255, 0.96) 100%);
    color: var(--color-brand-soft-text);
}

.kid-gallery-card-placeholder i[b-7tduoqbj5f] {
    font-size: 2rem;
}

.kid-gallery-card-placeholder-video[b-7tduoqbj5f] {
    color: var(--color-info);
}

.theme-dark .kid-gallery-card-placeholder[b-7tduoqbj5f],
.kb-theme-dark .kid-gallery-card-placeholder[b-7tduoqbj5f] {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.94) 0%, rgba(15, 23, 42, 0.96) 100%);
    color: var(--color-text-secondary);
}

.theme-dark .kid-gallery-card-placeholder-video[b-7tduoqbj5f],
.kb-theme-dark .kid-gallery-card-placeholder-video[b-7tduoqbj5f] {
    color: var(--color-info);
}

.kid-gallery-card-copy[b-7tduoqbj5f] {
    display: grid;
    gap: 0.28rem;
}

    .kid-gallery-card-copy strong[b-7tduoqbj5f] {
        color: var(--color-text);
        font-size: 0.96rem;
        font-weight: 800;
        overflow-wrap: anywhere;
        word-break: break-word;
        white-space: normal;
    }

.kid-gallery-card-copy span[b-7tduoqbj5f] {
    color: var(--color-text-secondary);
    font-size: var(--font-size-xs);
}

.kid-gallery-card-type[b-7tduoqbj5f] {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 2;
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    color: var(--color-info);
    box-shadow: var(--shadow-sm);
}

.kid-gallery-card-delete[b-7tduoqbj5f] {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 1;
    color: var(--color-danger);
}

.kid-gallery-card-delete:hover[b-7tduoqbj5f] {
    background: var(--color-danger-bg);
}

.kid-gallery-empty[b-7tduoqbj5f] {
    padding: var(--space-4xl) var(--space-xl);
}

.kid-gallery-empty-illustration[b-7tduoqbj5f] {
    width: 5rem;
    height: 5rem;
    margin: 0 auto var(--space-lg);
    border-radius: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 193, 7, 0.14);
    color: var(--color-kitabee-amber);
    font-size: 1.9rem;
}

.kid-gallery-empty p[b-7tduoqbj5f] {
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto;
}

.kid-gallery-upload-page-shell[b-7tduoqbj5f] {
    display: grid;
    gap: var(--space-lg);
}

.kid-gallery-upload-page-header[b-7tduoqbj5f] {
    margin-bottom: 0;
}

.kid-gallery-upload-builder .fb-main[b-7tduoqbj5f],
.kid-gallery-upload-builder .fb-sidebar[b-7tduoqbj5f] {
    min-width: 0;
}

.kid-gallery-upload-page-card[b-7tduoqbj5f] {
    margin: 0;
    padding: var(--space-2xl);
    width: 100%;
    max-width: none;
}

.kid-gallery-upload-info-card[b-7tduoqbj5f] {
    display: grid;
    gap: var(--space-lg);
}

.kid-gallery-upload-info-copy[b-7tduoqbj5f] {
    display: grid;
    gap: 0.45rem;
}

.kid-gallery-upload-info-copy strong[b-7tduoqbj5f] {
    color: var(--color-text);
    font-size: var(--font-size-xl);
    font-weight: 800;
    line-height: 1.25;
}

.kid-gallery-upload-info-copy p[b-7tduoqbj5f] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.6;
}

.kid-gallery-upload-builder-head[b-7tduoqbj5f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}

.kid-gallery-upload-builder-head .section-icon-title[b-7tduoqbj5f] {
    margin-bottom: 0;
}

.kid-gallery-modal[b-7tduoqbj5f],
.kid-gallery-upload[b-7tduoqbj5f] {
    width: min(100%, 90vw);
    display: grid;
    gap: var(--space-lg);
}

.kid-gallery-modal[b-7tduoqbj5f] {
    max-width: 64rem;
}

.kid-gallery-upload[b-7tduoqbj5f] {
    max-width: 44rem;
}

.kid-gallery-confirm-modal[b-7tduoqbj5f] {
    max-width: 30rem;
}

.kid-gallery-edit-modal[b-7tduoqbj5f] {
    max-width: 36rem;
}

.kid-gallery-modal-header[b-7tduoqbj5f],
.kid-gallery-upload-header[b-7tduoqbj5f] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-md);
    align-items: flex-start;
}

.kid-gallery-modal-close[b-7tduoqbj5f] {
    flex-shrink: 0;
}

.kid-gallery-modal-text[b-7tduoqbj5f],
.kid-gallery-upload-header > div[b-7tduoqbj5f] {
    display: grid;
    gap: 0.45rem;
}

.kid-gallery-modal-title[b-7tduoqbj5f] {
    margin-bottom: 0;
}

.kid-gallery-modal-text p[b-7tduoqbj5f],
.kid-gallery-modal-text small[b-7tduoqbj5f],
.kid-gallery-upload-header p[b-7tduoqbj5f],
.kid-gallery-confirm-copy small[b-7tduoqbj5f] {
    margin: 0;
    color: var(--color-text-secondary);
}

.kid-gallery-confirm-copy small[b-7tduoqbj5f] {
    display: block;
}

.kid-gallery-modal-pill[b-7tduoqbj5f] {
    width: fit-content;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(255, 193, 7, 0.14);
    color: #8a5b00;
    font-size: 0.75rem;
    font-weight: 800;
}

.kid-gallery-modal-frame[b-7tduoqbj5f] {
    min-height: 22rem;
    border-radius: 1.4rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
}

.kid-gallery-modal-image[b-7tduoqbj5f],
.kid-gallery-modal-video[b-7tduoqbj5f] {
    width: 100%;
    max-height: 70vh;
    object-fit: contain;
}

.kid-gallery-modal-actions[b-7tduoqbj5f],
.kid-gallery-upload-actions[b-7tduoqbj5f] {
    margin-top: 0;
}

.kid-gallery-delete-context[b-7tduoqbj5f] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.1rem;
    border-radius: 1.1rem;
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
}

.kid-gallery-delete-context strong[b-7tduoqbj5f] {
    color: var(--color-text);
    font-size: 1rem;
}

.kid-gallery-delete-context span[b-7tduoqbj5f] {
    color: var(--color-text-secondary);
    font-size: 0.9rem;
}

.kid-gallery-upload-title[b-7tduoqbj5f] {
    margin-bottom: 0;
}

.kid-gallery-upload-grid .form-group[b-7tduoqbj5f] {
    margin-bottom: 0;
}

.kid-gallery-file-dropzone[b-7tduoqbj5f] {
    position: relative;
    padding: 1.4rem 1.2rem;
    border: 1.5px dashed rgba(255, 193, 7, 0.34);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 248, 220, 0.58), rgba(255, 255, 255, 0.9));
    overflow: hidden;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.kid-gallery-file-dropzone-active[b-7tduoqbj5f] {
    border-color: var(--color-kitabee-amber);
    background: rgba(255, 193, 7, 0.12);
    box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.14);
}

.kid-gallery-file-input-native[b-7tduoqbj5f] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.kid-gallery-file-dropzone-copy[b-7tduoqbj5f] {
    display: grid;
    gap: 0.45rem;
    justify-items: center;
    text-align: center;
    pointer-events: none;
}

.kid-gallery-file-dropzone-copy i[b-7tduoqbj5f] {
    font-size: 1.35rem;
    color: var(--color-kitabee-amber);
}

.kid-gallery-file-dropzone-copy strong[b-7tduoqbj5f],
.kid-gallery-upload-selection strong[b-7tduoqbj5f] {
    color: var(--color-text);
    font-size: 0.96rem;
    font-weight: 800;
}

.kid-gallery-file-dropzone-copy span[b-7tduoqbj5f],
.kid-gallery-file-dropzone-copy small[b-7tduoqbj5f],
.kid-gallery-upload-preview-copy span[b-7tduoqbj5f],
.kid-gallery-upload-note[b-7tduoqbj5f] {
    color: var(--color-text-secondary);
}

.kid-gallery-upload-selection[b-7tduoqbj5f] {
    margin-top: 0.8rem;
    display: grid;
    gap: 0.55rem;
}

.kid-gallery-upload-preview-grid[b-7tduoqbj5f] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 0.7rem;
}

.kid-gallery-upload-preview-card[b-7tduoqbj5f] {
    display: grid;
    gap: 0.65rem;
    padding: 0.7rem;
    border-radius: 1rem;
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
}

.kid-gallery-upload-preview-visual[b-7tduoqbj5f] {
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 0.95rem;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(255, 248, 220, 0.68), rgba(255, 255, 255, 0.94));
    border: 1px solid rgba(255, 193, 7, 0.16);
}

.kid-gallery-upload-preview-image[b-7tduoqbj5f],
.kid-gallery-upload-preview-placeholder[b-7tduoqbj5f] {
    width: 100%;
    height: 100%;
}

.kid-gallery-upload-preview-image[b-7tduoqbj5f] {
    display: block;
    object-fit: cover;
}

.kid-gallery-upload-preview-placeholder[b-7tduoqbj5f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #b45309;
    font-size: 1.35rem;
}

.kid-gallery-upload-preview-placeholder-video[b-7tduoqbj5f] {
    background: linear-gradient(145deg, rgba(219, 234, 254, 0.92), rgba(239, 246, 255, 0.96));
    color: #1d4ed8;
}

.kid-gallery-upload-preview-remove[b-7tduoqbj5f] {
    position: absolute;
    top: 0.55rem;
    right: 0.55rem;
    color: var(--color-danger);
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.94);
}

.kid-gallery-upload-preview-copy[b-7tduoqbj5f] {
    display: grid;
    gap: 0.18rem;
}

.kid-gallery-upload-preview-copy strong[b-7tduoqbj5f] {
    color: var(--color-text);
    font-size: 0.92rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.kid-gallery-upload-note[b-7tduoqbj5f] {
    min-height: 2.9rem;
    display: flex;
    align-items: center;
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
    line-height: 1.5;
}

.kid-gallery-card-actions[b-7tduoqbj5f] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.kid-gallery-lightbox[b-7tduoqbj5f] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.92);
    display: grid;
    place-items: center;
    padding: 1.25rem;
}

.kid-gallery-lightbox:focus[b-7tduoqbj5f] {
    outline: none;
}

.kid-gallery-lightbox-close[b-7tduoqbj5f] {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 10000;
    background: rgba(255, 255, 255, 0.12);
    color: white;
    border-color: rgba(255, 255, 255, 0.25);
}

.kid-gallery-lightbox-shell[b-7tduoqbj5f] {
    width: min(100%, 88rem);
    max-height: calc(100vh - 2.5rem);
    display: grid;
}

.kid-gallery-lightbox-content[b-7tduoqbj5f] {
    min-height: min(72vh, 44rem);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
}

.kid-gallery-lightbox-stage[b-7tduoqbj5f] {
    position: relative;
    min-height: min(72vh, 44rem);
    border-radius: 1.35rem;
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.22);
}

.kid-gallery-lightbox-overlay[b-7tduoqbj5f] {
    position: absolute;
    left:0rem;
    right: 0rem;
    top: 0rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 0rem;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.18), rgba(15, 23, 42, 0.74));
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.18);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.18s ease, transform 0.18s ease;
    pointer-events: none;
}

.kid-gallery-lightbox-shell:hover .kid-gallery-lightbox-overlay[b-7tduoqbj5f],
.kid-gallery-lightbox-shell:focus-within .kid-gallery-lightbox-overlay[b-7tduoqbj5f] {
    opacity: 1;
    transform: translateY(0);
}

.kid-gallery-lightbox-overlay strong[b-7tduoqbj5f],
.kid-gallery-lightbox-overlay span[b-7tduoqbj5f] {
    color: white;
    margin: 0;
}

.kid-gallery-lightbox-overlay strong[b-7tduoqbj5f] {
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.4;
}

.kid-gallery-lightbox-overlay span[b-7tduoqbj5f] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.2rem;
    padding: 0.4rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.18);
    font-size: 0.84rem;
    font-weight: 800;
}

.kid-gallery-lightbox-nav[b-7tduoqbj5f] {
    width: 3.25rem;
    height: 3.25rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    cursor: pointer;
    transition: transform 0.18s ease, background-color 0.18s ease, opacity 0.18s ease;
}

.kid-gallery-lightbox-nav:hover:not(:disabled)[b-7tduoqbj5f] {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.2);
}

.kid-gallery-lightbox-nav:disabled[b-7tduoqbj5f] {
    opacity: 0.3;
    cursor: default;
}

.kid-gallery-lightbox-image[b-7tduoqbj5f],
.kid-gallery-lightbox-video[b-7tduoqbj5f] {
    width: 100%;
    max-width: 100%;
    max-height: min(72vh, 44rem);
    object-fit: contain;
}

.theme-dark .kid-gallery-kicker[b-7tduoqbj5f],
.theme-dark .kid-gallery-modal-pill[b-7tduoqbj5f] {
    background: var(--color-brand-soft);
    color: var(--color-brand-soft-text);
    border: 1px solid rgba(251, 191, 36, 0.18);
}

.theme-dark .kid-gallery-avatar-fallback[b-7tduoqbj5f],
.theme-dark .kid-gallery-filter-active[b-7tduoqbj5f] {
    color: #713f12;
}

.theme-dark .kid-gallery-filter:not(.kid-gallery-filter-active)[b-7tduoqbj5f] {
    background: rgba(15, 23, 42, 0.42);
    border-color: rgba(251, 191, 36, 0.42);
    color: #fcd34d;
}

.theme-dark .kid-gallery-filter:not(.kid-gallery-filter-active):hover[b-7tduoqbj5f] {
    background: rgba(251, 191, 36, 0.14);
    border-color: var(--color-kitabee-amber);
    color: #fde68a;
}

.theme-dark .kid-gallery-file-dropzone[b-7tduoqbj5f] {
    border-color: rgba(251, 191, 36, 0.28);
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.08), rgba(15, 23, 42, 0.3));
}

.theme-dark .kid-gallery-file-dropzone-active[b-7tduoqbj5f] {
    border-color: var(--color-kitabee-amber);
    background: rgba(251, 191, 36, 0.12);
    box-shadow: 0 0 0 4px rgba(251, 191, 36, 0.16);
}

.theme-dark .kid-gallery-upload-preview-card[b-7tduoqbj5f],
.theme-dark .kid-gallery-upload-note[b-7tduoqbj5f],
.theme-dark .kid-gallery-delete-context[b-7tduoqbj5f] {
    background: rgba(15, 23, 42, 0.34);
    border-color: var(--color-border);
}

.theme-dark .kid-gallery-upload-preview-visual[b-7tduoqbj5f] {
    background: linear-gradient(145deg, rgba(251, 191, 36, 0.11), rgba(15, 23, 42, 0.46));
    border-color: rgba(251, 191, 36, 0.18);
}

.theme-dark .kid-gallery-upload-preview-placeholder[b-7tduoqbj5f] {
    color: var(--color-brand-soft-text);
}

.theme-dark .kid-gallery-upload-preview-placeholder-video[b-7tduoqbj5f] {
    background: linear-gradient(145deg, rgba(37, 99, 235, 0.2), rgba(15, 23, 42, 0.52));
    color: var(--color-info);
}

.theme-dark .kid-gallery-upload-preview-remove[b-7tduoqbj5f] {
    background: rgba(15, 23, 42, 0.78);
    border-color: rgba(148, 163, 184, 0.28);
}

@media (max-width: 960px) {
    .kid-gallery-topbar[b-7tduoqbj5f],
    .kid-gallery-hero[b-7tduoqbj5f],
    .kid-gallery-modal-header[b-7tduoqbj5f],
    .kid-gallery-upload-header[b-7tduoqbj5f] {
        flex-direction: column;
        align-items: stretch;
    }

    .kid-gallery-top-actions[b-7tduoqbj5f],
    .kid-gallery-hero-tools[b-7tduoqbj5f] {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .kid-gallery-profile[b-7tduoqbj5f],
    .kid-gallery-top-actions[b-7tduoqbj5f],
    .kid-gallery-modal-actions[b-7tduoqbj5f],
    .kid-gallery-upload-actions[b-7tduoqbj5f] {
        flex-direction: column;
        align-items: stretch;
    }

    .kid-gallery-grid[b-7tduoqbj5f],
    .kid-gallery-upload-grid[b-7tduoqbj5f] {
        grid-template-columns: 1fr;
    }

    .kid-gallery-top-actions .btn[b-7tduoqbj5f],
    .kid-gallery-modal-actions .btn[b-7tduoqbj5f],
    .kid-gallery-upload-actions .btn[b-7tduoqbj5f] {
        width: 100%;
    }

    .kid-gallery-lightbox-shell[b-7tduoqbj5f] {
        max-height: calc(100vh - 1.5rem);
    }

    .kid-gallery-lightbox-content[b-7tduoqbj5f] {
        grid-template-columns: 1fr;
    }

    .kid-gallery-lightbox-stage[b-7tduoqbj5f] {
        order: 1;
        min-height: min(56vh, 30rem);
    }

    .kid-gallery-lightbox-overlay[b-7tduoqbj5f] {
        left: 0.9rem;
        right: 0.9rem;
        bottom: 0.9rem;
        padding: 0.8rem 0.9rem;
    }

    .kid-gallery-lightbox-overlay strong[b-7tduoqbj5f] {
        font-size: 0.94rem;
    }

    .kid-gallery-lightbox-nav[b-7tduoqbj5f] {
        width: 100%;
        height: 2.9rem;
    }
}

@media (max-width: 560px) {
    .kid-gallery-card[b-7tduoqbj5f] {
        padding: 0.75rem;
    }

    .kid-gallery-card-type[b-7tduoqbj5f] {
        top: 1.35rem;
        right: 1.35rem;
    }

    .kid-gallery-card-delete[b-7tduoqbj5f] {
        top: 1.35rem;
        left: 1.35rem;
    }

    .kid-gallery-modal[b-7tduoqbj5f],
    .kid-gallery-upload[b-7tduoqbj5f] {
        width: 100%;
        padding: var(--space-lg);
    }
}
/* /Views/Pages/KitaAdmins/ActivityParticipants.razor.rz.scp.css */
.activity-participants-page[b-g359kixok2] {
    display: grid;
    gap: 1.25rem;
}

.activity-participants-header[b-g359kixok2] {
    align-items: flex-start;
    gap: 1rem;
}

.activity-participants-back[b-g359kixok2] {
    appearance: none;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0 0 0.65rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-text-secondary);
    font: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    cursor: pointer;
}

.activity-participants-alert[b-g359kixok2] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.activity-participants-context-card[b-g359kixok2],
.activity-participants-section[b-g359kixok2] {
    padding: 1.25rem;
}

.activity-participants-context-head[b-g359kixok2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: flex-start;
}

.activity-participants-context-icon[b-g359kixok2] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.activity-participants-context-copy[b-g359kixok2] {
    min-width: 0;
    display: grid;
    gap: 0.85rem;
}

.activity-participants-context-title-row[b-g359kixok2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.activity-participants-context-title[b-g359kixok2] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.2rem;
    font-weight: 850;
    letter-spacing: -0.02em;
}

.activity-participants-context-meta[b-g359kixok2],
.activity-participants-context-badges[b-g359kixok2] {
    display: flex;
    flex-wrap: wrap;
}

.activity-participants-context-meta[b-g359kixok2] {
    gap: 0.65rem 1rem;
    color: var(--color-text-muted);
    font-size: 0.86rem;
}

.activity-participants-context-meta span[b-g359kixok2] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
}

.activity-participants-context-badges[b-g359kixok2] {
    gap: 0.55rem;
}

.activity-participants-capacity-badge[b-g359kixok2] {
    background: rgba(255, 193, 7, 0.12);
    color: var(--color-warning);
    border: 1px solid rgba(255, 193, 7, 0.24);
}

.activity-participants-description[b-g359kixok2] {
    margin: 1rem 0 0;
    color: var(--color-text-secondary);
    line-height: 1.6;
}

.activity-participants-section-head[b-g359kixok2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.activity-participants-section-head h2[b-g359kixok2] {
    margin: 0;
    color: var(--color-text);
    font-size: 1rem;
    font-weight: 850;
}

.activity-participants-section-head p[b-g359kixok2] {
    margin: 0.35rem 0 0;
    color: var(--color-text-muted);
    line-height: 1.55;
}

.activity-participants-summary[b-g359kixok2] {
    flex: 0 0 auto;
}

.activity-participants-list[b-g359kixok2] {
    margin-top: 1rem;
}

.activity-participants-inline-empty[b-g359kixok2] {
    padding: 1.2rem 0;
}

.activity-participants-empty[b-g359kixok2] {
    padding: 3rem 1rem;
}

.activity-participants-empty-icon[b-g359kixok2] {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 1rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-danger-bg);
    color: var(--color-danger);
    font-size: 1rem;
}

@media (max-width: 900px) {
    .activity-participants-context-head[b-g359kixok2] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .activity-participants-context-head .btn[b-g359kixok2] {
        grid-column: 1 / -1;
        justify-self: flex-start;
    }
}

@media (max-width: 640px) {
    .activity-participants-context-card[b-g359kixok2],
    .activity-participants-section[b-g359kixok2] {
        padding: 1rem;
    }

    .activity-participants-section-head[b-g359kixok2],
    .activity-participants-header[b-g359kixok2] {
        flex-direction: column;
        align-items: stretch;
    }

    .activity-participants-context-head[b-g359kixok2] {
        grid-template-columns: 1fr;
    }
}
/* /Views/Pages/KitaAdmins/Announcements.razor.rz.scp.css */
.ann-page[b-e2q15y3k30] {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ann-dashboard-header[b-e2q15y3k30] {
    margin-bottom: 0;
}

.ann-header-actions[b-e2q15y3k30] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ann-header-actions .btn[b-e2q15y3k30] {
    min-height: 44px;
}

.ann-filter-card[b-e2q15y3k30] {
    padding: 24px;
}

.ann-filter-bar[b-e2q15y3k30] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

.ann-search-wrap[b-e2q15y3k30] {
    position: relative;
    flex: 1;
    min-width: 220px;
}

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

.ann-search-input[b-e2q15y3k30] {
    padding-left: 42px !important;
}

.ann-filter-controls[b-e2q15y3k30] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.ann-filter-select[b-e2q15y3k30] {
    min-width: 180px;
    max-width: 220px;
}

.ann-page .form-input[b-e2q15y3k30],
.ann-page textarea.form-input[b-e2q15y3k30],
.ann-page select.form-input[b-e2q15y3k30] {
    border-radius: var(--radius-xl);
    background: var(--color-bg);
    border-color: var(--color-border);
}

.ann-page .form-input:focus[b-e2q15y3k30],
.ann-page textarea.form-input:focus[b-e2q15y3k30],
.ann-page select.form-input:focus[b-e2q15y3k30] {
    outline: none;
    border-color: var(--color-kitabee-amber);
    box-shadow: 0 0 0 3px var(--color-brand-soft-subtle);
    background: var(--color-surface);
}

.ann-grid[b-e2q15y3k30] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 32px;
}

.ann-list[b-e2q15y3k30],
.ann-sidebar[b-e2q15y3k30] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ann-card[b-e2q15y3k30] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    border-radius: 24px;
    box-shadow: var(--shadow-sm);
    padding: 24px;
}

.ann-card-pinned[b-e2q15y3k30] {
    border-color: var(--color-brand-soft-strong);
    border-top: 4px solid var(--color-kitabee-amber);
    position: relative;
}

.ann-card-header[b-e2q15y3k30] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.ann-card-header-left[b-e2q15y3k30] {
    display: flex;
    gap: 12px;
    min-width: 0;
}

.ann-card-header-right[b-e2q15y3k30] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ann-icon[b-e2q15y3k30] {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.ann-icon-red[b-e2q15y3k30] { background: var(--color-danger-bg); color: var(--color-danger); }
.ann-icon-green[b-e2q15y3k30] { background: var(--color-success-bg); color: var(--color-success); }
.ann-icon-yellow[b-e2q15y3k30] { background: var(--color-brand-soft-strong); color: var(--color-brand-soft-text); }
.ann-icon-purple[b-e2q15y3k30] { background: var(--color-purple-bg); color: var(--color-purple); }
.ann-icon-gray[b-e2q15y3k30] { background: var(--color-border-light); color: var(--color-text-secondary); }

.ann-card-title[b-e2q15y3k30] {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: var(--color-text);
}

.ann-title-row[b-e2q15y3k30] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ann-card-meta[b-e2q15y3k30] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--color-text-muted);
}

.ann-card-content[b-e2q15y3k30] {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.65;
    color: var(--color-text-secondary);
}

.ann-inline-note[b-e2q15y3k30] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 600;
}

.ann-inline-note-blue[b-e2q15y3k30] {
    background: var(--color-blue-soft);
    color: var(--color-info);
}

.ann-media-preview[b-e2q15y3k30] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 16px;
}

.ann-media-tile[b-e2q15y3k30] {
    height: 78px;
    border-radius: 14px;
    background: var(--color-border-light);
    color: var(--color-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.ann-card-footer[b-e2q15y3k30] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: var(--color-text-muted);
    font-size: 14px;
}

.ann-card-stats[b-e2q15y3k30] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.ann-stat[b-e2q15y3k30] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ann-pin-pill[b-e2q15y3k30] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--color-kitabee-yellow) 0%, var(--color-kitabee-amber) 100%);
    color: var(--color-brand-soft-text);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -0.01em;
    box-shadow: inset 0 1px 0 var(--color-surface-overlay-border);
    flex-shrink: 0;
}

.ann-pin-pill i[b-e2q15y3k30] {
    font-size: 13px;
    color: var(--color-brand-soft-text);
}

.ann-read-more[b-e2q15y3k30] {
    border: none;
    background: transparent;
    padding: 0;
    font-weight: 700;
    color: var(--color-brand-soft-text);
    cursor: pointer;
}

.ann-actions-dropdown[b-e2q15y3k30] {
    position: relative;
}

.ann-menu-btn[b-e2q15y3k30] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: transparent;
    color: var(--color-text-muted);
    border: none;
}

.ann-dropdown-menu[b-e2q15y3k30] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 150px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 16px;
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    z-index: 10;
}

.ann-dropdown-menu button[b-e2q15y3k30] {
    width: 100%;
    border: none;
    background: transparent;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.ann-dropdown-menu button:hover[b-e2q15y3k30] {
    background: var(--color-border-light);
}

.ann-side-card[b-e2q15y3k30],
.ann-tip-card[b-e2q15y3k30] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    border-radius: 24px;
    box-shadow: var(--shadow-sm);
    padding: 24px;
}

.ann-sidebar-title[b-e2q15y3k30] {
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 800;
    color: var(--color-text);
}

.ann-quick-actions[b-e2q15y3k30],
.ann-categories-list[b-e2q15y3k30] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ann-quick-btn[b-e2q15y3k30] {
    width: 100%;
    border-radius: 14px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    font-weight: 700;
    color: var(--color-text-secondary);
}

.ann-quick-btn-yellow[b-e2q15y3k30] { background: var(--color-brand-soft); }
.ann-quick-btn-blue[b-e2q15y3k30] { background: var(--color-blue-soft); }
.ann-quick-btn-green[b-e2q15y3k30] { background: var(--color-success-bg); }

.ann-category-item[b-e2q15y3k30] {
    width: 100%;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 14px;
    padding: 8px 10px;
    cursor: pointer;
}

.ann-category-item:hover[b-e2q15y3k30],
.ann-category-item.active[b-e2q15y3k30] {
    background: var(--color-border-light);
}

.ann-category-left[b-e2q15y3k30] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ann-category-icon[b-e2q15y3k30] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ann-tip-card[b-e2q15y3k30] {
    background: linear-gradient(135deg, var(--color-kitabee-yellow) 0%, var(--color-kitabee-amber) 100%);
    color: var(--color-brand-soft-text);
    text-align: center;
    box-shadow: var(--shadow-md);
}

.ann-mascot-image[b-e2q15y3k30] {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    object-fit: cover;
    display: block;
    margin: 0 auto 12px;
}

.ann-tip-card h3[b-e2q15y3k30] {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 800;
}

.ann-tip-card p[b-e2q15y3k30] {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.6;
}

.ann-tip-btn[b-e2q15y3k30] {
    border: none;
    background: var(--color-surface);
    color: var(--color-brand-soft-text);
    border-radius: 999px;
    padding: 10px 16px;
    font-weight: 700;
    cursor: pointer;
}

.theme-dark .ann-pin-pill[b-e2q15y3k30] {
    background: var(--color-brand-soft-subtle);
    box-shadow: none;
}

.theme-dark .ann-tip-card[b-e2q15y3k30] {
    background: linear-gradient(135deg, var(--color-brand-soft) 0%, var(--color-brand-soft-strong) 100%);
}

@media (max-width: 1024px) {
    .ann-grid[b-e2q15y3k30] {
        grid-template-columns: 1fr;
    }

    .ann-sidebar[b-e2q15y3k30] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }
}

@media (max-width: 768px) {
    .ann-header-actions[b-e2q15y3k30],
    .ann-filter-bar[b-e2q15y3k30],
    .ann-filter-controls[b-e2q15y3k30],
    .ann-card-header[b-e2q15y3k30],
    .ann-card-footer[b-e2q15y3k30] {
        flex-direction: column;
        align-items: stretch;
    }

    .ann-header-actions .btn[b-e2q15y3k30],
    .ann-filter-select[b-e2q15y3k30] {
        width: 100%;
        max-width: none;
    }

    .ann-search-wrap[b-e2q15y3k30] {
        width: 100%;
    }

    .ann-card-header-right[b-e2q15y3k30] {
        align-self: flex-start;
    }

    .ann-sidebar[b-e2q15y3k30] {
        grid-template-columns: 1fr;
    }
}

.ann-stat-button[b-e2q15y3k30] {
    border: none;
    background: transparent;
    padding: 0;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.ann-stat-button:hover[b-e2q15y3k30],
.ann-stat-button:focus-visible[b-e2q15y3k30] {
    color: var(--color-brand-soft-text);
}

.ann-views-overlay[b-e2q15y3k30] {
    padding: 24px;
}

.ann-views-modal[b-e2q15y3k30] {
    width: min(760px, calc(100vw - 32px));
    max-height: min(760px, calc(100vh - 64px));
    overflow-y: auto;
    padding: 28px;
}

.ann-views-header[b-e2q15y3k30] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.ann-views-header p[b-e2q15y3k30] {
    margin: 6px 0 0;
    color: var(--color-text-muted);
    line-height: 1.55;
}

.ann-views-kicker[b-e2q15y3k30] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 7px 12px;
    margin-bottom: 10px;
    background: var(--color-brand-soft-subtle);
    color: var(--color-brand-soft-text);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ann-views-close[b-e2q15y3k30] {
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface-muted);
    color: var(--color-text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex: 0 0 auto;
}

.ann-views-summary[b-e2q15y3k30] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.ann-views-summary div[b-e2q15y3k30] {
    padding: 14px;
    border: 1px solid var(--color-border-light);
    border-radius: 18px;
    background: var(--color-bg);
}

.ann-views-summary strong[b-e2q15y3k30] {
    display: block;
    color: var(--color-text);
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}

.ann-views-summary span[b-e2q15y3k30] {
    display: block;
    margin-top: 6px;
    color: var(--color-text-muted);
    font-size: 13px;
    font-weight: 800;
}

.ann-views-filters[b-e2q15y3k30] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.ann-views-filter[b-e2q15y3k30] {
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface-muted);
    color: var(--color-text-secondary);
    padding: 9px 14px;
    font: inherit;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
}

.ann-views-filter.active[b-e2q15y3k30] {
    border-color: var(--color-kitabee-amber);
    background: linear-gradient(180deg, var(--color-kitabee-yellow) 0%, var(--color-kitabee-amber) 100%);
    color: var(--color-brand-soft-text);
}

.ann-views-list[b-e2q15y3k30] {
    display: grid;
    gap: 10px;
    max-height: 420px;
    overflow-y: auto;
    padding-right: 4px;
}

.ann-viewer-row[b-e2q15y3k30] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--color-border-light);
    border-radius: 18px;
    background: var(--color-surface);
}

.ann-viewer-avatar[b-e2q15y3k30] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: var(--color-brand-soft-subtle);
    color: var(--color-brand-soft-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.ann-viewer-copy[b-e2q15y3k30] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.ann-viewer-copy strong[b-e2q15y3k30],
.ann-viewer-copy span[b-e2q15y3k30] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ann-viewer-copy strong[b-e2q15y3k30] {
    color: var(--color-text);
    font-size: 14px;
}

.ann-viewer-copy span[b-e2q15y3k30] {
    color: var(--color-text-muted);
    font-size: 13px;
}

.ann-viewer-status[b-e2q15y3k30] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    padding: 8px 11px;
    font-size: 12px;
    font-weight: 850;
    white-space: nowrap;
}

.ann-viewer-status.is-viewed[b-e2q15y3k30] {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.ann-viewer-status.is-pending[b-e2q15y3k30] {
    background: var(--color-border-light);
    color: var(--color-text-muted);
}

.ann-views-empty[b-e2q15y3k30] {
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 32px 16px;
    border: 1px dashed var(--color-border);
    border-radius: 20px;
    color: var(--color-text-muted);
    text-align: center;
}

.ann-views-empty i[b-e2q15y3k30] {
    font-size: 24px;
    color: var(--color-brand-soft-text);
}

.ann-views-empty p[b-e2q15y3k30] {
    margin: 0;
    font-weight: 800;
}

.theme-dark .ann-views-summary div[b-e2q15y3k30],
.theme-dark .ann-viewer-row[b-e2q15y3k30] {
    background: var(--color-surface-muted);
}

@media (max-width: 640px) {
    .ann-views-modal[b-e2q15y3k30] {
        width: calc(100vw - 24px);
        padding: 22px;
    }

    .ann-views-summary[b-e2q15y3k30] {
        grid-template-columns: 1fr;
    }

    .ann-viewer-row[b-e2q15y3k30] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .ann-viewer-status[b-e2q15y3k30] {
        grid-column: 1 / -1;
        justify-content: center;
    }
}
/* /Views/Pages/KitaAdmins/AppointmentCreate.razor.rz.scp.css */
.admin-appointment-create-page[b-2hbktqicl1] {
    display: grid;
    gap: var(--space-2xl);
}

.admin-appointment-create-back[b-2hbktqicl1],
.admin-appointment-create-header[b-2hbktqicl1] {
    margin-bottom: 0;
}

.admin-appointment-create-layout[b-2hbktqicl1] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.9fr);
    gap: var(--space-xl);
    align-items: start;
}

.admin-appointment-create-card[b-2hbktqicl1],
.admin-appointment-create-side-card[b-2hbktqicl1],
.admin-appointment-create-state-card[b-2hbktqicl1] {
    border-radius: var(--radius-2xl);
}

.admin-appointment-create-card[b-2hbktqicl1] {
    display: grid;
    gap: var(--space-xl);
    padding: var(--space-2xl);
}

.admin-appointment-create-card-head[b-2hbktqicl1] {
    display: grid;
    gap: var(--space-md);
}

.admin-appointment-create-card-head h2[b-2hbktqicl1],
.admin-appointment-create-side-card h3[b-2hbktqicl1],
.admin-appointment-create-state-card h1[b-2hbktqicl1] {
    margin: 0;
    color: var(--color-text);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.admin-appointment-create-card-head h2[b-2hbktqicl1] {
    font-size: var(--font-size-xl);
}

.admin-appointment-create-card-head p[b-2hbktqicl1],
.admin-appointment-create-side-card p[b-2hbktqicl1],
.admin-appointment-create-state-card p[b-2hbktqicl1] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.6;
    max-width: 68ch;
}

.admin-appointment-create-kita-chip[b-2hbktqicl1] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    margin-top: var(--space-sm);
    padding: 0.45rem 0.75rem;
    border-radius: var(--radius-full);
    background: var(--color-brand-soft);
    color: var(--color-brand-soft-text);
    font-size: var(--font-size-xs);
    font-weight: 800;
}

.admin-appointment-create-grid[b-2hbktqicl1] {
    display: grid;
    gap: var(--space-lg);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-appointment-create-grid .form-group[b-2hbktqicl1] {
    margin-bottom: 0;
}

.admin-appointment-create-full[b-2hbktqicl1] {
    grid-column: 1 / -1;
}

.admin-appointment-create-note[b-2hbktqicl1] {
    padding: var(--space-lg);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--color-kitabee-amber) 10%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-kitabee-amber) 18%, transparent);
}

.admin-appointment-create-note p[b-2hbktqicl1] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    line-height: 1.6;
}

.admin-appointment-create-actions[b-2hbktqicl1] {
    display: flex;
    gap: var(--space-md);
    justify-content: flex-end;
}

.admin-appointment-create-side-card[b-2hbktqicl1] {
    position: sticky;
    top: calc(var(--space-xl) + 84px);
    display: grid;
    gap: var(--space-lg);
    padding: var(--space-2xl);
}

.admin-appointment-create-side-icon[b-2hbktqicl1],
.admin-appointment-create-state-icon[b-2hbktqicl1] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-kitabee-amber) 14%, transparent);
    color: var(--color-kitabee-amber);
    font-size: 1.2rem;
}

.admin-appointment-create-state-icon-danger[b-2hbktqicl1] {
    background: color-mix(in srgb, var(--color-danger) 14%, transparent);
    color: var(--color-danger);
}

.admin-appointment-create-side-list[b-2hbktqicl1] {
    margin: 0;
    padding-left: 1.15rem;
    color: var(--color-text-muted);
    display: grid;
    gap: var(--space-sm);
    font-size: var(--font-size-sm);
    line-height: 1.6;
}

.admin-appointment-create-side-list li[b-2hbktqicl1]::marker {
    color: var(--color-kitabee-amber);
}

.admin-appointment-create-state[b-2hbktqicl1] {
    min-height: 60vh;
    display: grid;
    place-items: center;
}

.admin-appointment-create-state-card[b-2hbktqicl1] {
    width: min(100%, 32rem);
    padding: var(--space-2xl);
    display: grid;
    gap: var(--space-lg);
    text-align: center;
    justify-items: center;
}

.admin-appointment-create-spinner[b-2hbktqicl1] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    border: 0.25rem solid color-mix(in srgb, var(--color-kitabee-amber) 18%, transparent);
    border-top-color: var(--color-kitabee-amber);
    animation: admin-appointment-create-spin-b-2hbktqicl1 0.9s linear infinite;
}

.admin-appointment-create-alert[b-2hbktqicl1] {
    margin: 0;
}

.theme-dark .admin-appointment-create-note[b-2hbktqicl1] {
    background: rgba(251, 191, 36, 0.1);
    border-color: rgba(251, 191, 36, 0.2);
}

.theme-dark .admin-appointment-create-kita-chip[b-2hbktqicl1] {
    background: rgba(251, 191, 36, 0.13);
    border: 1px solid rgba(251, 191, 36, 0.2);
}

@keyframes admin-appointment-create-spin-b-2hbktqicl1 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1080px) {
    .admin-appointment-create-layout[b-2hbktqicl1] {
        grid-template-columns: 1fr;
    }

    .admin-appointment-create-side-card[b-2hbktqicl1] {
        position: static;
    }
}

@media (max-width: 720px) {
    .admin-appointment-create-card[b-2hbktqicl1],
    .admin-appointment-create-side-card[b-2hbktqicl1],
    .admin-appointment-create-state-card[b-2hbktqicl1] {
        padding: var(--space-xl);
    }

    .admin-appointment-create-grid[b-2hbktqicl1] {
        grid-template-columns: 1fr;
    }

    .admin-appointment-create-actions[b-2hbktqicl1] {
        flex-direction: column-reverse;
    }

    .admin-appointment-create-actions .btn[b-2hbktqicl1] {
        width: 100%;
        justify-content: center;
    }
}
/* /Views/Pages/KitaAdmins/Appointments.razor.rz.scp.css */
.apt-page[b-zuvjjfcf7g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xl);
}

.apt-dashboard-header[b-zuvjjfcf7g] {
    margin-bottom: 0;
}

.apt-header-actions[b-zuvjjfcf7g] {
    align-items: center;
}

.apt-grid[b-zuvjjfcf7g] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: var(--space-2xl);
    align-items: start;
}

.apt-list[b-zuvjjfcf7g],
.apt-sidebar[b-zuvjjfcf7g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.apt-filter-card[b-zuvjjfcf7g] {
    padding: var(--space-xl);
}

.apt-filter-bar[b-zuvjjfcf7g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg);
}

.apt-search-wrap[b-zuvjjfcf7g] {
    position: relative;
    flex: 1;
}

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

.apt-search-input[b-zuvjjfcf7g] {
    padding-left: 40px;
}

.apt-filter-controls[b-zuvjjfcf7g] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.apt-filter-select[b-zuvjjfcf7g] {
    min-width: 160px;
    width: auto;
}

.apt-card[b-zuvjjfcf7g] {
    border: 1px solid var(--color-border-light);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.apt-card:hover[b-zuvjjfcf7g] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.apt-card-requested[b-zuvjjfcf7g] {
    border-color: var(--color-warning-border-soft);
}

.apt-card-confirmed[b-zuvjjfcf7g] {
    border-color: var(--color-success-border-soft);
}

.apt-card-completed[b-zuvjjfcf7g] {
    border-color: var(--color-info-border-soft);
}

.apt-card-cancelled[b-zuvjjfcf7g] {
    border-color: var(--color-danger-border-soft);
}

.apt-card-header[b-zuvjjfcf7g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-lg);
    margin-bottom: var(--space-lg);
}

.apt-card-header-left[b-zuvjjfcf7g] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    min-width: 0;
    flex: 1;
}

.apt-card-header-right[b-zuvjjfcf7g] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-shrink: 0;
}

.apt-card-copy[b-zuvjjfcf7g] {
    min-width: 0;
    flex: 1;
}

.apt-icon[b-zuvjjfcf7g] {
    width: 50px;
    height: 50px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-lg);
    flex-shrink: 0;
}

.apt-icon-requested[b-zuvjjfcf7g] {
    background: var(--color-warning-bg);
    color: var(--color-warning);
}

.apt-icon-confirmed[b-zuvjjfcf7g] {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.apt-icon-completed[b-zuvjjfcf7g] {
    background: var(--color-info-bg);
    color: var(--color-info);
}

.apt-icon-cancelled[b-zuvjjfcf7g] {
    background: var(--color-danger-bg);
    color: var(--color-danger);
}

.apt-icon-default[b-zuvjjfcf7g] {
    background: var(--color-border-light);
    color: var(--color-text-secondary);
}

.apt-title-row[b-zuvjjfcf7g] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.apt-card-title[b-zuvjjfcf7g] {
    margin: 0;
    font-size: var(--font-size-lg);
}

.apt-card-meta[b-zuvjjfcf7g] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    margin: 0;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.apt-card-meta span[b-zuvjjfcf7g] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.apt-time-pill[b-zuvjjfcf7g] {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: var(--radius-full);
    background: var(--color-border-light);
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: 700;
}

.apt-card-content[b-zuvjjfcf7g] {
    margin-bottom: var(--space-lg);
    color: var(--color-text-secondary);
    line-height: 1.6;
}

.apt-card-footer[b-zuvjjfcf7g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg);
    padding-top: var(--space-md);
    border-top: 1px solid var(--color-border-light);
}

.apt-card-stats[b-zuvjjfcf7g] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-lg);
}

.apt-stat[b-zuvjjfcf7g] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.apt-action-row[b-zuvjjfcf7g] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.apt-danger-btn[b-zuvjjfcf7g] {
    color: var(--color-danger);
    border-color: var(--color-danger-border-soft);
}

.apt-danger-btn:hover[b-zuvjjfcf7g] {
    background: var(--color-danger-bg);
    color: var(--color-danger);
    border-color: var(--color-danger-border-soft);
}

.apt-actions-dropdown[b-zuvjjfcf7g] {
    position: relative;
}

.apt-menu-btn[b-zuvjjfcf7g] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    cursor: pointer;
    color: var(--color-text-muted);
    background: transparent;
    border: none;
    font-size: var(--font-size-sm);
}

.apt-menu-btn:hover[b-zuvjjfcf7g] {
    background: var(--color-border-light);
    color: var(--color-text);
}

.apt-dropdown-menu[b-zuvjjfcf7g] {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    min-width: 150px;
    z-index: 100;
    overflow: hidden;
}

.apt-dropdown-menu button[b-zuvjjfcf7g] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    width: 100%;
    padding: var(--space-md) var(--space-lg);
    background: none;
    border: none;
    font-size: var(--font-size-sm);
    font-family: var(--font-family);
    color: var(--color-text);
    cursor: pointer;
}

.apt-dropdown-menu button:hover[b-zuvjjfcf7g] {
    background: var(--color-border-light);
}

.apt-dropdown-menu .text-danger[b-zuvjjfcf7g] {
    color: var(--color-danger);
}

.apt-side-card[b-zuvjjfcf7g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.apt-sidebar-title[b-zuvjjfcf7g] {
    margin: 0;
    font-size: var(--font-size-lg);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.apt-quick-actions[b-zuvjjfcf7g],
.apt-overview-list[b-zuvjjfcf7g],
.apt-status-list[b-zuvjjfcf7g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.apt-quick-btn[b-zuvjjfcf7g] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    width: 100%;
    padding: var(--space-md) var(--space-lg);
    border-radius: var(--radius-lg);
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text-secondary);
    transition: all 0.15s ease;
}

.apt-quick-btn:hover[b-zuvjjfcf7g] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
}

.apt-quick-btn-yellow[b-zuvjjfcf7g] {
    background: var(--color-brand-soft);
}

.apt-quick-btn-yellow i[b-zuvjjfcf7g] {
    color: var(--color-brand-soft-text);
}

.apt-quick-btn-green[b-zuvjjfcf7g] {
    background: var(--color-success-bg);
}

.apt-quick-btn-green i[b-zuvjjfcf7g] {
    color: var(--color-success);
}

.apt-quick-btn-blue[b-zuvjjfcf7g] {
    background: var(--color-info-bg);
}

.apt-quick-btn-blue i[b-zuvjjfcf7g] {
    color: var(--color-info);
}

.apt-overview-item[b-zuvjjfcf7g],
.apt-status-item[b-zuvjjfcf7g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    padding: 12px 14px;
    border-radius: var(--radius-lg);
    background: var(--color-bg);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.apt-overview-item strong[b-zuvjjfcf7g],
.apt-status-item strong[b-zuvjjfcf7g] {
    color: var(--color-text);
}

.apt-status-item[b-zuvjjfcf7g] {
    border: none;
    width: 100%;
    font-family: var(--font-family);
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease;
}

.apt-status-item:hover[b-zuvjjfcf7g] {
    background: var(--color-border-light);
}

.apt-status-item.active[b-zuvjjfcf7g] {
    background: var(--color-brand-soft-subtle);
    color: var(--color-brand-soft-text);
}

.apt-status-left[b-zuvjjfcf7g] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.apt-status-dot[b-zuvjjfcf7g] {
    width: 10px;
    height: 10px;
    border-radius: var(--radius-full);
}

.apt-status-dot-requested[b-zuvjjfcf7g] {
    background: var(--color-warning);
}

.apt-status-dot-confirmed[b-zuvjjfcf7g] {
    background: var(--color-success);
}

.apt-status-dot-completed[b-zuvjjfcf7g] {
    background: var(--color-info);
}

.apt-status-dot-cancelled[b-zuvjjfcf7g] {
    background: var(--color-danger);
}

.apt-status-dot-default[b-zuvjjfcf7g] {
    background: var(--color-text-muted);
}

.apt-form-modal[b-zuvjjfcf7g] {
    max-width: 620px;
}

.apt-form-grid[b-zuvjjfcf7g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-lg);
}

.apt-form-full[b-zuvjjfcf7g] {
    grid-column: 1 / -1;
}

@media (max-width: 1100px) {
    .apt-grid[b-zuvjjfcf7g] {
        grid-template-columns: 1fr;
    }

    .apt-sidebar[b-zuvjjfcf7g] {
        order: -1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .apt-filter-bar[b-zuvjjfcf7g],
    .apt-card-header[b-zuvjjfcf7g],
    .apt-card-footer[b-zuvjjfcf7g] {
        flex-direction: column;
        align-items: stretch;
    }

    .apt-filter-controls[b-zuvjjfcf7g],
    .apt-sidebar[b-zuvjjfcf7g] {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column;
    }

    .apt-filter-select[b-zuvjjfcf7g] {
        width: 100%;
    }

    .apt-card-header-right[b-zuvjjfcf7g],
    .apt-action-row[b-zuvjjfcf7g] {
        justify-content: flex-start;
    }

    .apt-form-grid[b-zuvjjfcf7g] {
        grid-template-columns: 1fr;
    }
}
/* /Views/Pages/KitaAdmins/AuditLogs.razor.rz.scp.css */
.audit-reference-page[b-qrv96lxtw1] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.audit-page-header[b-qrv96lxtw1] {
    margin-bottom: 0;
}

.audit-header-actions[b-qrv96lxtw1] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.audit-advanced-filter-btn[b-qrv96lxtw1],
.audit-export-btn[b-qrv96lxtw1] {
    min-width: 176px;
}

.audit-filter-card[b-qrv96lxtw1] {
    padding: 24px;
}

.audit-filter-row[b-qrv96lxtw1] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.audit-search-wrap[b-qrv96lxtw1] {
    position: relative;
    flex: 1 1 360px;
    min-width: 260px;
}

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

.audit-search-input[b-qrv96lxtw1] {
    padding-left: 44px;
    background: var(--color-surface);
}

.audit-select-group[b-qrv96lxtw1] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.audit-filter-select[b-qrv96lxtw1] {
    width: 180px;
    background: var(--color-surface);
}

.audit-advanced-filters[b-qrv96lxtw1] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-border-light);
}

.audit-checkbox[b-qrv96lxtw1] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-bg);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 600;
}

.audit-checkbox input[b-qrv96lxtw1] {
    accent-color: var(--color-kitabee-amber);
}

.audit-layout-grid[b-qrv96lxtw1] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(320px, 1fr);
    gap: 24px;
    align-items: start;
}

.audit-main-column[b-qrv96lxtw1],
.audit-side-column[b-qrv96lxtw1] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.audit-card-panel[b-qrv96lxtw1] {
    padding: 0;
    overflow: hidden;
}

.audit-section-header[b-qrv96lxtw1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 24px;
}

.audit-section-header-tight[b-qrv96lxtw1] {
    padding-bottom: 12px;
}

.audit-section-header-border[b-qrv96lxtw1] {
    border-bottom: 1px solid var(--color-border-light);
}

.audit-section-title[b-qrv96lxtw1] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: var(--font-size-lg);
    font-weight: 800;
}

.audit-section-icon-danger[b-qrv96lxtw1] {
    color: var(--color-danger);
}

.audit-results-count[b-qrv96lxtw1] {
    font-size: var(--font-size-xs);
    font-weight: 700;
    color: var(--color-text-muted);
}
.audit-section-toolbar[b-qrv96lxtw1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.audit-page-size-field[b-qrv96lxtw1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--font-size-xs);
    font-weight: 800;
    color: var(--color-text-muted);
    white-space: nowrap;
}

.audit-page-size-select[b-qrv96lxtw1] {
    width: auto;
    min-width: 88px;
    height: 38px;
    padding: 0 12px;
}

.audit-alert-list[b-qrv96lxtw1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 24px 24px;
}

.audit-alert[b-qrv96lxtw1] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border-left: 4px solid transparent;
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}

.audit-alert-danger[b-qrv96lxtw1] {
    background: var(--color-danger-bg);
    border-left-color: var(--color-danger);
    color: var(--color-danger);
}

.audit-alert-warning[b-qrv96lxtw1] {
    background: var(--color-warning-bg);
    border-left-color: var(--color-warning);
    color: var(--color-warning);
}

.audit-alert-info[b-qrv96lxtw1] {
    background: var(--color-info-bg);
    border-left-color: var(--color-info);
    color: var(--color-info);
}

.audit-alert-icon[b-qrv96lxtw1] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 20px;
    padding-top: 1px;
    font-size: 15px;
}

.audit-alert-title[b-qrv96lxtw1],
.audit-alert-detail[b-qrv96lxtw1],
.audit-alert-time[b-qrv96lxtw1] {
    margin: 0;
}

.audit-alert-title[b-qrv96lxtw1] {
    font-size: var(--font-size-sm);
    font-weight: 700;
}

.audit-alert-detail[b-qrv96lxtw1],
.audit-alert-time[b-qrv96lxtw1] {
    font-size: var(--font-size-xs);
    opacity: 0.92;
}

.audit-alert-time[b-qrv96lxtw1] {
    margin-top: 4px;
}

.audit-inline-empty[b-qrv96lxtw1] {
    padding: 0 24px 24px;
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.audit-table-empty-state[b-qrv96lxtw1] {
    padding-top: 48px;
    padding-bottom: 48px;
}

.audit-table-container[b-qrv96lxtw1] {
    overflow-x: auto;
}

.audit-reference-table[b-qrv96lxtw1] {
    min-width: 920px;
}

.audit-reference-table thead th[b-qrv96lxtw1] {
    background: var(--color-bg);
    border-bottom-color: var(--color-border-light);
}

.audit-reference-table td[b-qrv96lxtw1] {
    vertical-align: middle;
}

.audit-reference-table tbody tr:hover td[b-qrv96lxtw1] {
    background: var(--color-border-light);
}

.audit-table-row-failed td[b-qrv96lxtw1],
.audit-reference-table tbody tr.audit-table-row-failed:hover td[b-qrv96lxtw1] {
    background: var(--color-danger-bg);
}

.audit-timestamp[b-qrv96lxtw1] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text);
}

.audit-relative[b-qrv96lxtw1] {
    margin-top: 4px;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.audit-user-cell[b-qrv96lxtw1],
.audit-top-user-meta[b-qrv96lxtw1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.audit-user-avatar[b-qrv96lxtw1] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.audit-avatar-fallback[b-qrv96lxtw1] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: var(--font-size-xs);
    font-weight: 800;
    letter-spacing: 0.4px;
}

.audit-avatar-amber[b-qrv96lxtw1] {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
}

.audit-avatar-blue[b-qrv96lxtw1] {
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
}

.audit-avatar-green[b-qrv96lxtw1] {
    background: linear-gradient(135deg, #16a34a, #4ade80);
}

.audit-avatar-purple[b-qrv96lxtw1] {
    background: linear-gradient(135deg, #9333ea, #c084fc);
}

.audit-user-name[b-qrv96lxtw1],
.audit-user-role[b-qrv96lxtw1],
.audit-resource-name[b-qrv96lxtw1],
.audit-resource-meta[b-qrv96lxtw1],
.audit-stat-label[b-qrv96lxtw1],
.audit-stat-sublabel[b-qrv96lxtw1] {
    margin: 0;
}

.audit-user-name[b-qrv96lxtw1],
.audit-resource-name[b-qrv96lxtw1],
.audit-stat-label[b-qrv96lxtw1] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text);
}

.audit-user-role[b-qrv96lxtw1],
.audit-resource-meta[b-qrv96lxtw1],
.audit-stat-sublabel[b-qrv96lxtw1] {
    margin-top: 2px;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.audit-action-badge[b-qrv96lxtw1] {
    gap: 6px;
}

.audit-badge-create[b-qrv96lxtw1] {
    background: var(--color-purple-bg);
    color: var(--color-purple);
}

.audit-badge-update[b-qrv96lxtw1] {
    background: var(--color-warning-bg);
    color: var(--color-warning);
}

.audit-badge-delete[b-qrv96lxtw1] {
    background: var(--color-danger-bg);
    color: var(--color-danger);
}

.audit-badge-view[b-qrv96lxtw1] {
    background: var(--color-brand-soft-subtle);
    color: var(--color-brand-soft-text);
}

.audit-badge-login[b-qrv96lxtw1] {
    background: var(--color-info-bg);
    color: var(--color-info);
}

.audit-ip-cell[b-qrv96lxtw1] {
    white-space: nowrap;
    color: var(--color-text-secondary);
}

.audit-pagination[b-qrv96lxtw1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 16px 24px 24px;
    border-top: 1px solid var(--color-border-light);
}

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

.audit-pagination-buttons[b-qrv96lxtw1] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.audit-sidebar-list[b-qrv96lxtw1] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 0 24px 24px;
}

.audit-stat-row[b-qrv96lxtw1],
.audit-top-user-row[b-qrv96lxtw1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.audit-stat-meta[b-qrv96lxtw1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.audit-stat-icon[b-qrv96lxtw1] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}

.audit-stat-icon-success[b-qrv96lxtw1] {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.audit-stat-icon-danger[b-qrv96lxtw1] {
    background: var(--color-danger-bg);
    color: var(--color-danger);
}

.audit-stat-icon-info[b-qrv96lxtw1] {
    background: var(--color-info-bg);
    color: var(--color-info);
}

.audit-stat-icon-purple[b-qrv96lxtw1] {
    background: var(--color-purple-bg);
    color: var(--color-purple);
}

.audit-sidebar-number[b-qrv96lxtw1] {
    font-size: var(--font-size-2xl);
    font-weight: 800;
    color: var(--color-text);
}

.audit-top-user-count[b-qrv96lxtw1] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text-secondary);
    white-space: nowrap;
}

.audit-quick-actions[b-qrv96lxtw1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 24px 24px;
}

.audit-quick-button[b-qrv96lxtw1] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.audit-quick-button:hover[b-qrv96lxtw1] {
    background: var(--color-border-light);
    border-color: var(--color-border);
    color: var(--color-text);
}

.audit-quick-button i[b-qrv96lxtw1] {
    width: 18px;
    text-align: center;
}

@media (max-width: 1200px) {
    .audit-layout-grid[b-qrv96lxtw1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .audit-page-header[b-qrv96lxtw1] {
        flex-direction: column;
        align-items: stretch;
    }

    .audit-header-actions[b-qrv96lxtw1] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .audit-advanced-filter-btn[b-qrv96lxtw1],
    .audit-export-btn[b-qrv96lxtw1] {
        width: 100%;
    }

    .audit-filter-row[b-qrv96lxtw1],
    .audit-advanced-filters[b-qrv96lxtw1] {
        flex-direction: column;
        align-items: stretch;
    }

    .audit-search-wrap[b-qrv96lxtw1],
    .audit-select-group[b-qrv96lxtw1],
    .audit-filter-select[b-qrv96lxtw1],
    .audit-checkbox[b-qrv96lxtw1] {
        width: 100%;
    }

    .audit-select-group[b-qrv96lxtw1] {
        flex-direction: column;
    }

    .audit-pagination[b-qrv96lxtw1] {
        flex-direction: column;
        align-items: flex-start;
    }
    .audit-section-toolbar[b-qrv96lxtw1],
    .audit-page-size-field[b-qrv96lxtw1],
    .audit-page-size-select[b-qrv96lxtw1] {
        width: 100%;
    }

    .audit-section-toolbar[b-qrv96lxtw1] {
        align-items: flex-start;
        justify-content: flex-start;
    }
}
.audit-selection-column[b-qrv96lxtw1] {
    width: 56px;
    min-width: 56px;
    text-align: center;
}

.audit-selection-checkbox[b-qrv96lxtw1] {
    width: 18px;
    height: 18px;
    accent-color: var(--color-kitabee-amber);
    cursor: pointer;
}

.audit-delete-selected-btn[b-qrv96lxtw1] {
    border-color: rgba(220, 38, 38, 0.35);
    color: var(--color-danger);
}

.audit-delete-selected-btn:hover[b-qrv96lxtw1] {
    background: var(--color-danger-bg);
}

.audit-delete-modal-backdrop[b-qrv96lxtw1] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(6px);
}

.audit-delete-modal[b-qrv96lxtw1] {
    width: min(460px, 100%);
    padding: 28px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
    box-shadow: var(--shadow-xl);
}

.audit-delete-modal-icon[b-qrv96lxtw1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 18px;
    border-radius: var(--radius-xl);
    background: var(--color-danger-bg);
    color: var(--color-danger);
    font-size: 20px;
}

.audit-delete-modal-copy h2[b-qrv96lxtw1] {
    margin: 0 0 8px;
    color: var(--color-text);
    font-size: var(--font-size-xl);
    font-weight: 900;
}

.audit-delete-modal-copy p[b-qrv96lxtw1] {
    margin: 0;
    color: var(--color-text-secondary);
    line-height: 1.6;
}

.audit-delete-error[b-qrv96lxtw1] {
    display: flex;
    gap: 10px;
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: var(--radius-lg);
    background: var(--color-danger-bg);
    color: var(--color-danger);
    font-weight: 700;
}

.audit-delete-modal-actions[b-qrv96lxtw1] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
    flex-wrap: wrap;
}
/* /Views/Pages/KitaAdmins/Chat.razor.rz.scp.css */
.chat-threads-title[b-59puad7ykk] {
    margin: 0;
    padding: var(--space-md) var(--space-lg) var(--space-sm);
    font-size: 16px;
    font-weight: 700;
    color: var(--color-text);
}

.chat-thread-date[b-59puad7ykk] {
    color: var(--color-text-muted);
    display: block;
    font-size: var(--font-size-xs);
    margin-top: 2px;
}

.chat-empty-hint[b-59puad7ykk] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    padding: var(--space-md) var(--space-lg);
    margin: 0;
}

.chat-messages-list[b-59puad7ykk] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.message-bubble p[b-59puad7ykk] {
    margin: 0;
}

.chat-message-time[b-59puad7ykk] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    display: block;
    margin-top: 2px;
}

.chat-empty-state[b-59puad7ykk] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--color-text-muted);
    font-size: 15px;
}
/* /Views/Pages/KitaAdmins/CreateActivity.razor.rz.scp.css */
.admin-activity-editor-header[b-f77sjjep4g] {
    margin-bottom: var(--space-xl);
}

.admin-activity-editor-layout[b-f77sjjep4g] {
    align-items: start;
}

.admin-activity-editor-card[b-f77sjjep4g],
.admin-activity-editor-summary-card[b-f77sjjep4g],
.admin-activity-editor-note-card[b-f77sjjep4g],
.admin-activity-editor-state-card[b-f77sjjep4g] {
    border-radius: var(--radius-2xl);
}

.admin-activity-editor-card[b-f77sjjep4g],
.admin-activity-editor-summary-card[b-f77sjjep4g],
.admin-activity-editor-note-card[b-f77sjjep4g] {
    padding: var(--space-2xl);
}

.admin-activity-editor-card[b-f77sjjep4g] {
    display: grid;
    gap: var(--space-xl);
}

.admin-activity-editor-section-head[b-f77sjjep4g] {
    display: flex;
    gap: var(--space-lg);
    justify-content: space-between;
    align-items: start;
}

.admin-activity-editor-section-head p[b-f77sjjep4g],
.admin-activity-editor-note-copy p[b-f77sjjep4g],
.admin-activity-editor-summary-card p[b-f77sjjep4g],
.admin-activity-editor-state-card p[b-f77sjjep4g] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.6;
}

.admin-activity-editor-kita-chip[b-f77sjjep4g] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    padding: 0.45rem 0.75rem;
    border-radius: var(--radius-full);
    background: var(--color-brand-soft);
    color: var(--color-brand-soft-text);
    font-size: var(--font-size-xs);
    font-weight: 800;
}

.admin-activity-editor-grid[b-f77sjjep4g] {
    display: grid;
    gap: var(--space-lg);
}

.admin-activity-editor-grid-2[b-f77sjjep4g] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-activity-editor-grid .form-group[b-f77sjjep4g] {
    margin-bottom: 0;
}

.admin-activity-editor-full[b-f77sjjep4g] {
    grid-column: 1 / -1;
}

.admin-activity-editor-toggle-row[b-f77sjjep4g] {
    padding: var(--space-lg);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--color-info) 6%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-info) 14%, transparent);
}

.admin-activity-editor-checkbox[b-f77sjjep4g] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    font-weight: 700;
    color: var(--color-text-secondary);
}

.admin-activity-editor-note-card[b-f77sjjep4g] {
    display: flex;
    gap: var(--space-lg);
    align-items: center;
    justify-content: space-between;
}

.admin-activity-editor-note-copy[b-f77sjjep4g] {
    display: grid;
    gap: var(--space-sm);
}

.admin-activity-editor-note-copy h3[b-f77sjjep4g],
.admin-activity-editor-summary-card h3[b-f77sjjep4g],
.admin-activity-editor-state-card h1[b-f77sjjep4g] {
    margin: 0;
    color: var(--color-text);
    font-weight: 800;
    letter-spacing: -0.02em;
}

.admin-activity-editor-actions[b-f77sjjep4g] {
    display: flex;
    gap: var(--space-md);
    justify-content: flex-end;
}

.admin-activity-editor-summary-card[b-f77sjjep4g] {
    top: calc(var(--space-xl) + 84px);
    display: grid;
    gap: var(--space-lg);
}

.admin-activity-editor-summary-icon[b-f77sjjep4g],
.admin-activity-editor-state-icon[b-f77sjjep4g] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-kitabee-amber) 14%, transparent);
    color: var(--color-kitabee-amber);
    font-size: 1.2rem;
}

.admin-activity-editor-state-icon-danger[b-f77sjjep4g] {
    background: color-mix(in srgb, var(--color-danger) 14%, transparent);
    color: var(--color-danger);
}

.admin-activity-editor-summary-list[b-f77sjjep4g] {
    display: grid;
    gap: var(--space-md);
}

.admin-activity-editor-summary-row[b-f77sjjep4g] {
    display: flex;
    gap: var(--space-md);
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 85%, transparent);
}

.admin-activity-editor-summary-row:last-child[b-f77sjjep4g] {
    border-bottom: none;
    padding-bottom: 0;
}

.admin-activity-editor-summary-row span[b-f77sjjep4g] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.admin-activity-editor-summary-row strong[b-f77sjjep4g] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    text-align: right;
}

.admin-activity-editor-tips-card[b-f77sjjep4g] {
    border-radius: var(--radius-2xl);
}

.admin-activity-editor-alert[b-f77sjjep4g] {
    margin-bottom: var(--space-xl);
}

.admin-activity-editor-state[b-f77sjjep4g] {
    min-height: 60vh;
    display: grid;
    place-items: center;
}

.admin-activity-editor-state-card[b-f77sjjep4g] {
    width: min(100%, 32rem);
    padding: var(--space-2xl);
    display: grid;
    gap: var(--space-lg);
    text-align: center;
    justify-items: center;
}

.admin-activity-editor-spinner[b-f77sjjep4g] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    border: 0.25rem solid color-mix(in srgb, var(--color-kitabee-amber) 18%, transparent);
    border-top-color: var(--color-kitabee-amber);
    animation: admin-activity-editor-spin-b-f77sjjep4g 0.9s linear infinite;
}

.theme-dark .admin-activity-editor-toggle-row[b-f77sjjep4g] {
    background: rgba(14, 165, 233, 0.08);
    border-color: rgba(14, 165, 233, 0.16);
}

.theme-dark .admin-activity-editor-kita-chip[b-f77sjjep4g] {
    background: rgba(251, 191, 36, 0.13);
    border: 1px solid rgba(251, 191, 36, 0.2);
}

@keyframes admin-activity-editor-spin-b-f77sjjep4g {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1080px) {
    .admin-activity-editor-summary-card[b-f77sjjep4g] {
        position: static;
    }
}

@media (max-width: 720px) {
    .admin-activity-editor-card[b-f77sjjep4g],
    .admin-activity-editor-summary-card[b-f77sjjep4g],
    .admin-activity-editor-note-card[b-f77sjjep4g],
    .admin-activity-editor-state-card[b-f77sjjep4g] {
        padding: var(--space-xl);
    }

    .admin-activity-editor-grid-2[b-f77sjjep4g] {
        grid-template-columns: 1fr;
    }

    .admin-activity-editor-section-head[b-f77sjjep4g],
    .admin-activity-editor-note-card[b-f77sjjep4g],
    .admin-activity-editor-actions[b-f77sjjep4g],
    .admin-activity-editor-summary-row[b-f77sjjep4g] {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-activity-editor-summary-row strong[b-f77sjjep4g] {
        text-align: left;
    }

    .admin-activity-editor-actions .btn[b-f77sjjep4g],
    .fb-page-header-actions .btn[b-f77sjjep4g] {
        width: 100%;
        justify-content: center;
    }
}
/* /Views/Pages/KitaAdmins/FoodPlanEditor.razor.rz.scp.css */
.food-plan-editor-page[b-60ftz1vnv9] {
    display: grid;
    gap: var(--space-xl);
    font-family: var(--font-family);
}

.food-plan-editor-header[b-60ftz1vnv9] {
    margin-bottom: 0;
}

.food-plan-editor-back[b-60ftz1vnv9] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--color-text-secondary);
    font-family: inherit;
    font-size: var(--font-size-sm);
    font-weight: 700;
    cursor: pointer;
    transition: color 0.2s ease;
}

.food-plan-editor-back:hover[b-60ftz1vnv9] {
    color: var(--color-text);
}

.food-plan-editor-alert[b-60ftz1vnv9] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.food-plan-editor-week-card[b-60ftz1vnv9],
.food-plan-editor-card[b-60ftz1vnv9],
.food-plan-editor-day-card[b-60ftz1vnv9],
.food-plan-editor-side-card[b-60ftz1vnv9],
.food-plan-editor-empty-state[b-60ftz1vnv9] {
    border-radius: 28px;
}

.food-plan-editor-week-bar[b-60ftz1vnv9],
.food-plan-editor-week-left[b-60ftz1vnv9],
.food-plan-editor-week-actions[b-60ftz1vnv9],
.food-plan-editor-section-head[b-60ftz1vnv9],
.food-plan-editor-day-header[b-60ftz1vnv9],
.food-plan-editor-meal-head[b-60ftz1vnv9],
.food-plan-editor-side-title[b-60ftz1vnv9],
.food-plan-editor-alert-item[b-60ftz1vnv9] {
    display: flex;
    align-items: center;
}

.food-plan-editor-week-bar[b-60ftz1vnv9],
.food-plan-editor-section-head[b-60ftz1vnv9],
.food-plan-editor-day-header[b-60ftz1vnv9],
.food-plan-editor-alert-item[b-60ftz1vnv9] {
    justify-content: space-between;
}

.food-plan-editor-week-bar[b-60ftz1vnv9] {
    gap: 1rem;
}

.food-plan-editor-week-left[b-60ftz1vnv9] {
    gap: 1rem;
}

.food-plan-editor-week-nav[b-60ftz1vnv9] {
    width: 2.9rem;
    height: 2.9rem;
    border: none;
    border-radius: 999px;
    background: var(--color-neutral-bg);
    color: var(--color-text-secondary);
    font-family: inherit;
    font-size: 0.96rem;
    cursor: pointer;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.food-plan-editor-week-nav:hover[b-60ftz1vnv9] {
    transform: translateY(-1px);
    background: var(--color-info-bg);
    color: var(--color-text);
}

.food-plan-editor-week-copy[b-60ftz1vnv9] {
    display: grid;
    gap: 0.25rem;
}

.food-plan-editor-week-copy h2[b-60ftz1vnv9],
.food-plan-editor-section-head h2[b-60ftz1vnv9],
.food-plan-editor-day-header h3[b-60ftz1vnv9],
.food-plan-editor-meal-head h4[b-60ftz1vnv9],
.food-plan-editor-side-title h3[b-60ftz1vnv9],
.food-plan-editor-empty-state h2[b-60ftz1vnv9] {
    margin: 0;
    color: var(--color-text);
    font-family: inherit;
}

.food-plan-editor-week-copy h2[b-60ftz1vnv9] {
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.food-plan-editor-week-copy p[b-60ftz1vnv9],
.food-plan-editor-section-head p[b-60ftz1vnv9],
.food-plan-editor-day-header p[b-60ftz1vnv9],
.food-plan-editor-meal-head p[b-60ftz1vnv9],
.food-plan-editor-field-hint[b-60ftz1vnv9],
.food-plan-editor-summary-item span[b-60ftz1vnv9],
.food-plan-editor-overview-item span[b-60ftz1vnv9],
.food-plan-editor-alert-item span[b-60ftz1vnv9],
.food-plan-editor-inline-empty[b-60ftz1vnv9],
.food-plan-editor-empty-state p[b-60ftz1vnv9] {
    margin: 0;
    color: var(--color-text-muted);
    font-family: inherit;
}

.food-plan-editor-week-actions[b-60ftz1vnv9] {
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.food-plan-editor-week-action-btn[b-60ftz1vnv9] {
    min-width: 11rem;
}

.food-plan-editor-layout[b-60ftz1vnv9] {
    display: grid;
    grid-template-columns: minmax(0, 2.1fr) minmax(18rem, 0.95fr);
    gap: var(--space-xl);
    align-items: start;
}

.food-plan-editor-main[b-60ftz1vnv9],
.food-plan-editor-side[b-60ftz1vnv9],
.food-plan-editor-form-grid[b-60ftz1vnv9],
.food-plan-editor-day-grid[b-60ftz1vnv9],
.food-plan-editor-summary-grid[b-60ftz1vnv9],
.food-plan-editor-overview-list[b-60ftz1vnv9],
.food-plan-editor-alert-list[b-60ftz1vnv9] {
    display: grid;
    gap: var(--space-lg);
}

.food-plan-editor-side[b-60ftz1vnv9] {
    position: sticky;
    top: 6.5rem;
}

.food-plan-editor-card[b-60ftz1vnv9],
.food-plan-editor-day-card[b-60ftz1vnv9],
.food-plan-editor-side-card[b-60ftz1vnv9] {
    padding: var(--space-xl);
}

.food-plan-editor-section-head[b-60ftz1vnv9],
.food-plan-editor-side-title[b-60ftz1vnv9] {
    gap: 0.85rem;
}

.food-plan-editor-section-head[b-60ftz1vnv9] {
    margin-bottom: var(--space-lg);
}

.food-plan-editor-section-head h2[b-60ftz1vnv9],
.food-plan-editor-side-title h3[b-60ftz1vnv9] {
    font-size: 1.05rem;
    font-weight: 800;
}

.food-plan-editor-side-title i[b-60ftz1vnv9] {
    color: var(--color-kitabee-amber);
}

.food-plan-editor-form-grid[b-60ftz1vnv9] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.food-plan-editor-field[b-60ftz1vnv9] {
    display: grid;
    gap: 0.45rem;
    align-content: start;
}

.food-plan-editor-field label[b-60ftz1vnv9] {
    color: var(--color-text-secondary);
    font-size: 0.85rem;
    font-weight: 700;
    font-family: inherit;
}

.food-plan-editor-input[b-60ftz1vnv9] {
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: 18px;
    padding: 0.9rem 1rem;
    background: var(--color-surface-overlay-strong);
    color: var(--color-text);
    font-family: inherit;
    font-size: var(--font-size-base);
    resize: vertical;
}

.food-plan-editor-input:focus[b-60ftz1vnv9] {
    outline: none;
    border-color: rgba(37, 99, 235, 0.42);
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
}

.food-plan-editor-input[type="date"][b-60ftz1vnv9] {
    appearance: none;
    min-height: 3.25rem;
    color-scheme: light;
}

.food-plan-editor-input[b-60ftz1vnv9]::placeholder {
    color: var(--color-text-muted);
}

.food-plan-editor-textarea[b-60ftz1vnv9] {
    min-height: 7.75rem;
}

.food-plan-editor-day-header[b-60ftz1vnv9] {
    gap: 1rem;
    margin: -0.25rem -0.25rem var(--space-lg);
    padding: 1.1rem 1.25rem;
    border-radius: 22px;
}

.food-plan-editor-day-header h3[b-60ftz1vnv9] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 1.05rem;
    font-weight: 800;
}

.food-plan-editor-day-count[b-60ftz1vnv9] {
    min-width: 4.8rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    background: var(--color-surface-overlay);
    color: var(--color-text-secondary);
    text-align: center;
    font-size: 0.82rem;
    font-weight: 700;
    font-family: inherit;
}

.food-plan-editor-day-monday[b-60ftz1vnv9] {
    background: linear-gradient(135deg, rgba(254, 240, 138, 0.48) 0%, rgba(253, 224, 71, 0.3) 100%);
    border-left: 5px solid #f5b301;
}

.food-plan-editor-day-tuesday[b-60ftz1vnv9] {
    background: linear-gradient(135deg, rgba(191, 219, 254, 0.5) 0%, rgba(147, 197, 253, 0.3) 100%);
    border-left: 5px solid #60a5fa;
}

.food-plan-editor-day-wednesday[b-60ftz1vnv9] {
    background: linear-gradient(135deg, rgba(187, 247, 208, 0.5) 0%, rgba(134, 239, 172, 0.3) 100%);
    border-left: 5px solid #4ade80;
}

.food-plan-editor-day-thursday[b-60ftz1vnv9] {
    background: linear-gradient(135deg, rgba(233, 213, 255, 0.48) 0%, rgba(196, 181, 253, 0.3) 100%);
    border-left: 5px solid #a78bfa;
}

.food-plan-editor-day-friday[b-60ftz1vnv9] {
    background: linear-gradient(135deg, rgba(251, 207, 232, 0.48) 0%, rgba(249, 168, 212, 0.28) 100%);
    border-left: 5px solid #f472b6;
}

.food-plan-editor-day-default[b-60ftz1vnv9] {
    background: linear-gradient(135deg, rgba(226, 232, 240, 0.54) 0%, rgba(203, 213, 225, 0.3) 100%);
    border-left: 5px solid #94a3b8;
}

.food-plan-editor-day-grid[b-60ftz1vnv9] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.food-plan-editor-meal-slot[b-60ftz1vnv9] {
    display: grid;
    gap: 0.85rem;
    padding: 1.1rem;
    border: 1px solid var(--color-neutral-border-soft);
    border-radius: 22px;
    background: var(--color-surface-overlay-strong);
}

.food-plan-editor-meal-head[b-60ftz1vnv9] {
    gap: 0.75rem;
}

.food-plan-editor-meal-head h4[b-60ftz1vnv9] {
    font-size: 0.98rem;
    font-weight: 800;
}

.food-plan-editor-meal-icon[b-60ftz1vnv9],
.food-plan-editor-alert-icon[b-60ftz1vnv9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 16px;
}

.food-plan-editor-meal-icon[b-60ftz1vnv9] {
    font-size: 1rem;
}

.food-plan-editor-meal-tone-breakfast[b-60ftz1vnv9] {
    background: rgba(254, 240, 138, 0.72);
    color: #b45309;
}

.food-plan-editor-meal-tone-lunch[b-60ftz1vnv9] {
    background: rgba(253, 186, 116, 0.62);
    color: #c2410c;
}

.food-plan-editor-meal-tone-snack[b-60ftz1vnv9] {
    background: rgba(216, 180, 254, 0.62);
    color: #7c3aed;
}

.food-plan-editor-meal-tone-default[b-60ftz1vnv9] {
    background: rgba(191, 219, 254, 0.62);
    color: #1d4ed8;
}

.food-plan-editor-summary-grid[b-60ftz1vnv9],
.food-plan-editor-overview-list[b-60ftz1vnv9] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.food-plan-editor-summary-item[b-60ftz1vnv9],
.food-plan-editor-overview-item[b-60ftz1vnv9],
.food-plan-editor-inline-empty[b-60ftz1vnv9] {
    padding: 1rem;
    border-radius: 18px;
    background: var(--color-neutral-bg);
    border: 1px solid var(--color-neutral-border-soft);
}

.food-plan-editor-summary-item strong[b-60ftz1vnv9],
.food-plan-editor-overview-item strong[b-60ftz1vnv9],
.food-plan-editor-alert-item strong[b-60ftz1vnv9] {
    color: var(--color-text);
    font-size: 1rem;
    font-weight: 800;
}

.food-plan-editor-alert-list[b-60ftz1vnv9] {
    gap: 0.85rem;
}

.food-plan-editor-alert-item[b-60ftz1vnv9] {
    gap: 0.85rem;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    background: var(--color-neutral-bg);
    border: 1px solid var(--color-neutral-border-soft);
}

.food-plan-editor-alert-item > div[b-60ftz1vnv9] {
    flex: 1;
    min-width: 0;
}

.food-plan-editor-alert-item p[b-60ftz1vnv9] {
    margin: 0 0 0.2rem;
    color: var(--color-text);
    font-weight: 700;
}

.food-plan-editor-allergen-gluten[b-60ftz1vnv9],
.food-plan-editor-allergen-eggs[b-60ftz1vnv9] {
    background: rgba(254, 240, 138, 0.72);
    color: #a16207;
}

.food-plan-editor-allergen-dairy[b-60ftz1vnv9] {
    background: rgba(191, 219, 254, 0.72);
    color: #1d4ed8;
}

.food-plan-editor-allergen-nuts[b-60ftz1vnv9] {
    background: rgba(254, 205, 211, 0.72);
    color: #be123c;
}

.food-plan-editor-allergen-fish[b-60ftz1vnv9] {
    background: rgba(253, 186, 116, 0.72);
    color: #c2410c;
}

.food-plan-editor-allergen-other[b-60ftz1vnv9] {
    background: rgba(226, 232, 240, 0.82);
    color: #475569;
}

.food-plan-editor-empty-state[b-60ftz1vnv9] {
    padding: 3rem 1.5rem;
}

.food-plan-editor-empty-icon[b-60ftz1vnv9] {
    margin-bottom: 1rem;
    color: var(--color-danger);
    font-size: 2.4rem;
}

.theme-dark .food-plan-editor-input[type="date"][b-60ftz1vnv9] {
    color-scheme: dark;
}

.theme-dark .food-plan-editor-day-monday[b-60ftz1vnv9] {
    background: linear-gradient(135deg, rgba(120, 90, 20, 0.42) 0%, rgba(92, 66, 15, 0.18) 100%);
    color: #fcd34d;
}

.theme-dark .food-plan-editor-day-tuesday[b-60ftz1vnv9] {
    background: linear-gradient(135deg, rgba(20, 56, 126, 0.42) 0%, rgba(17, 39, 87, 0.18) 100%);
    color: #bfdbfe;
}

.theme-dark .food-plan-editor-day-wednesday[b-60ftz1vnv9] {
    background: linear-gradient(135deg, rgba(21, 84, 52, 0.42) 0%, rgba(20, 61, 40, 0.18) 100%);
    color: #bbf7d0;
}

.theme-dark .food-plan-editor-day-thursday[b-60ftz1vnv9] {
    background: linear-gradient(135deg, rgba(76, 29, 149, 0.42) 0%, rgba(55, 20, 110, 0.18) 100%);
    color: #ddd6fe;
}

.theme-dark .food-plan-editor-day-friday[b-60ftz1vnv9] {
    background: linear-gradient(135deg, rgba(131, 24, 67, 0.42) 0%, rgba(91, 18, 46, 0.18) 100%);
    color: #fbcfe8;
}

.theme-dark .food-plan-editor-day-default[b-60ftz1vnv9] {
    background: var(--color-neutral-bg);
    color: var(--color-text);
}

.theme-dark .food-plan-editor-meal-tone-breakfast[b-60ftz1vnv9] {
    background: rgba(120, 90, 20, 0.42);
    color: #fcd34d;
}

.theme-dark .food-plan-editor-meal-tone-lunch[b-60ftz1vnv9] {
    background: rgba(124, 45, 18, 0.42);
    color: #fdba74;
}

.theme-dark .food-plan-editor-meal-tone-snack[b-60ftz1vnv9] {
    background: rgba(88, 28, 135, 0.42);
    color: #d8b4fe;
}

.theme-dark .food-plan-editor-meal-tone-default[b-60ftz1vnv9] {
    background: rgba(30, 64, 175, 0.38);
    color: #bfdbfe;
}

.theme-dark .food-plan-editor-allergen-gluten[b-60ftz1vnv9],
.theme-dark .food-plan-editor-allergen-eggs[b-60ftz1vnv9] {
    background: rgba(120, 90, 20, 0.34);
    color: #fcd34d;
}

.theme-dark .food-plan-editor-allergen-dairy[b-60ftz1vnv9] {
    background: rgba(20, 56, 126, 0.34);
    color: #bfdbfe;
}

.theme-dark .food-plan-editor-allergen-nuts[b-60ftz1vnv9] {
    background: rgba(131, 24, 67, 0.34);
    color: #fbcfe8;
}

.theme-dark .food-plan-editor-allergen-fish[b-60ftz1vnv9] {
    background: rgba(124, 45, 18, 0.34);
    color: #fdba74;
}

.theme-dark .food-plan-editor-allergen-other[b-60ftz1vnv9] {
    background: rgba(71, 85, 105, 0.34);
    color: #cbd5e1;
}

@media (max-width: 1180px) {
    .food-plan-editor-layout[b-60ftz1vnv9] {
        grid-template-columns: 1fr;
    }

    .food-plan-editor-side[b-60ftz1vnv9] {
        position: static;
    }
}

@media (max-width: 900px) {
    .food-plan-editor-form-grid[b-60ftz1vnv9],
    .food-plan-editor-day-grid[b-60ftz1vnv9],
    .food-plan-editor-summary-grid[b-60ftz1vnv9],
    .food-plan-editor-overview-list[b-60ftz1vnv9] {
        grid-template-columns: 1fr;
    }

    .food-plan-editor-week-bar[b-60ftz1vnv9],
    .food-plan-editor-week-actions[b-60ftz1vnv9] {
        flex-direction: column;
        align-items: stretch;
    }

    .food-plan-editor-week-action-btn[b-60ftz1vnv9] {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .food-plan-editor-back[b-60ftz1vnv9],
    .food-plan-editor-week-nav[b-60ftz1vnv9],
    .food-plan-editor-week-actions[b-60ftz1vnv9],
    .food-plan-editor-layout[b-60ftz1vnv9] {
        width: 100%;
    }

    .food-plan-editor-card[b-60ftz1vnv9],
    .food-plan-editor-day-card[b-60ftz1vnv9],
    .food-plan-editor-side-card[b-60ftz1vnv9],
    .food-plan-editor-week-card[b-60ftz1vnv9] {
        padding: 1rem;
        border-radius: 22px;
    }

    .food-plan-editor-week-left[b-60ftz1vnv9] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .food-plan-editor-week-copy[b-60ftz1vnv9] {
        width: calc(100% - 6.8rem);
        min-width: 12rem;
    }

    .food-plan-editor-day-header[b-60ftz1vnv9] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Views/Pages/KitaAdmins/GroupAssignments.razor.rz.scp.css */
.ka-group-assignments-header[b-sr018sr7gc] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: var(--space-lg);
    flex-wrap: wrap;
}

.ka-group-assignments-header-main[b-sr018sr7gc] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.ka-group-assignments-header-copy[b-sr018sr7gc] {
    display: grid;
    gap: 10px;
}

.ka-group-assignments-header-copy .page-title[b-sr018sr7gc],
.ka-group-assignments-header-copy .page-subtitle[b-sr018sr7gc] {
    margin: 0;
}

.ka-group-assignments-header-actions[b-sr018sr7gc],
.ka-group-assignments-footer[b-sr018sr7gc] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.ka-group-assignments-summary[b-sr018sr7gc] {
    margin-bottom: var(--space-lg);
}

.ka-group-summary-grid[b-sr018sr7gc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.ka-group-summary-card[b-sr018sr7gc] {
    padding: 16px;
}

.ka-group-summary-inline[b-sr018sr7gc] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 8px;
}

.ka-group-manage-grid[b-sr018sr7gc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ka-group-manage-section[b-sr018sr7gc] {
    padding: 18px;
    display: grid;
    gap: 16px;
}

.ka-group-manage-section-head[b-sr018sr7gc] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.ka-group-manage-section-head .text-sm[b-sr018sr7gc] {
    margin: 8px 0 0;
}

.ka-group-assignment-list[b-sr018sr7gc] {
    display: grid;
    gap: 10px;
    max-height: 440px;
    overflow-y: auto;
    padding-right: 4px;
}

.ka-group-assignment-row[b-sr018sr7gc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    border-radius: var(--radius-xl);
    border: 1px solid var(--color-border);
    background: var(--color-surface-subtle);
    cursor: pointer;
}

.ka-group-assignment-row input[b-sr018sr7gc] {
    margin-top: 4px;
}

.ka-group-assignment-copy[b-sr018sr7gc] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.ka-group-assignment-copy strong[b-sr018sr7gc],
.ka-group-assignment-copy span[b-sr018sr7gc] {
    overflow-wrap: anywhere;
}

.ka-group-color-swatch[b-sr018sr7gc] {
    display: inline-flex;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
    flex-shrink: 0;
}

@media (max-width: 1100px) {
    .ka-group-summary-grid[b-sr018sr7gc],
    .ka-group-manage-grid[b-sr018sr7gc] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .ka-group-assignments-header-actions[b-sr018sr7gc],
    .ka-group-assignments-footer[b-sr018sr7gc],
    .ka-group-manage-section-head[b-sr018sr7gc] {
        width: 100%;
    }

    .ka-group-summary-grid[b-sr018sr7gc],
    .ka-group-manage-grid[b-sr018sr7gc] {
        grid-template-columns: 1fr;
    }
}
/* /Views/Pages/KitaAdmins/Groups.razor.rz.scp.css */
.ka-group-cards[b-raesbitxhe] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
}

.ka-group-card[b-raesbitxhe] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ka-group-card-head[b-raesbitxhe] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.ka-group-card-title[b-raesbitxhe] {
    margin: 0;
    font-size: 20px;
}

.ka-group-card-badges[b-raesbitxhe] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.ka-group-card-description[b-raesbitxhe] {
    margin: 0;
    color: var(--color-text-secondary);
    line-height: 1.7;
    min-height: 48px;
}

.ka-group-card-metrics[b-raesbitxhe] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.ka-group-card-metric[b-raesbitxhe] {
    padding: 12px 14px;
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    background: var(--color-surface-subtle);
    display: grid;
    gap: 6px;
}

.ka-group-card-actions[b-raesbitxhe] {
    display: flex;
    gap: 8px;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid var(--color-border-light);
    flex-wrap: wrap;
}

.ka-group-color-swatch[b-raesbitxhe] {
    display: inline-flex;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
    flex-shrink: 0;
}

.ka-group-color-swatch-lg[b-raesbitxhe] {
    width: 42px;
    height: 42px;
    border-width: 3px;
}

.ka-group-color-field[b-raesbitxhe] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.ka-group-color-picker[b-raesbitxhe] {
    width: 72px;
    height: 48px;
    padding: 4px;
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    cursor: pointer;
}

.ka-group-toggle[b-raesbitxhe] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--color-text-primary);
    font-weight: 600;
}

.ka-group-manage-modal[b-raesbitxhe] {
    max-width: 1120px;
}

.ka-group-manage-head[b-raesbitxhe] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: var(--space-lg);
}

.ka-group-summary-grid[b-raesbitxhe] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: var(--space-lg);
}

.ka-group-summary-card[b-raesbitxhe] {
    padding: 16px;
}

.ka-group-summary-inline[b-raesbitxhe] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 8px;
}

.ka-group-manage-grid[b-raesbitxhe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: var(--space-lg);
}

.ka-group-manage-section[b-raesbitxhe] {
    padding: 18px;
    display: grid;
    gap: 16px;
}

.ka-group-manage-section-head[b-raesbitxhe] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.ka-group-manage-section-head .text-sm[b-raesbitxhe] {
    margin: 8px 0 0;
}

.ka-group-assignment-list[b-raesbitxhe] {
    display: grid;
    gap: 10px;
    max-height: 440px;
    overflow-y: auto;
    padding-right: 4px;
}

.ka-group-assignment-row[b-raesbitxhe] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    border-radius: var(--radius-xl);
    border: 1px solid var(--color-border);
    background: var(--color-surface-subtle);
    cursor: pointer;
}

.ka-group-assignment-row input[b-raesbitxhe] {
    margin-top: 4px;
}

.ka-group-assignment-copy[b-raesbitxhe] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.ka-group-assignment-copy strong[b-raesbitxhe],
.ka-group-assignment-copy span[b-raesbitxhe] {
    overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
    .ka-group-manage-grid[b-raesbitxhe],
    .ka-group-summary-grid[b-raesbitxhe] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .ka-group-cards[b-raesbitxhe],
    .ka-group-card-metrics[b-raesbitxhe],
    .ka-group-manage-grid[b-raesbitxhe],
    .ka-group-summary-grid[b-raesbitxhe] {
        grid-template-columns: 1fr;
    }

    .ka-group-color-field[b-raesbitxhe] {
        grid-template-columns: 1fr;
    }

    .ka-group-manage-head[b-raesbitxhe],
    .ka-group-manage-section-head[b-raesbitxhe] {
        flex-direction: column;
    }
}
/* /Views/Pages/KitaAdmins/Invitations.razor.rz.scp.css */
.inv-page[b-6ny764scxh] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.inv-page-header[b-6ny764scxh] {
    margin-bottom: 0;
}

.inv-toolbar-card[b-6ny764scxh] {
    padding: 20px 24px;
}

.inv-toolbar[b-6ny764scxh] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.inv-search-input[b-6ny764scxh] {
    flex: 1 1 320px;
    min-width: 240px;
}

.inv-filter-select[b-6ny764scxh] {
    width: 200px;
    max-width: 100%;
}

.inv-stats-grid[b-6ny764scxh] {
    margin-bottom: 0;
}

.inv-alert[b-6ny764scxh] {
    margin-bottom: 0;
}

.inv-actions[b-6ny764scxh] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .inv-toolbar[b-6ny764scxh] {
        flex-direction: column;
        align-items: stretch;
    }

    .inv-filter-select[b-6ny764scxh] {
        width: 100%;
    }
}
/* /Views/Pages/KitaAdmins/KitaAvailability.razor.rz.scp.css */
.ka-page[b-aiv44mr7v5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.ka-dashboard-shell[b-aiv44mr7v5] {
    align-items: start;
}

.ka-sidebar[b-aiv44mr7v5] {
    position: sticky;
    top: calc(var(--space-xl) + 84px);
    align-self: start;
}

.ka-intro-card[b-aiv44mr7v5],
.ka-schedule-card[b-aiv44mr7v5],
.ka-side-card[b-aiv44mr7v5] {
    overflow: hidden;
}

.ka-intro-card[b-aiv44mr7v5] {
    position: relative;
    border-color: var(--color-border-light);
    border-top: 4px solid var(--color-kitabee-amber);
    background: var(--color-surface);
}

.ka-intro-header[b-aiv44mr7v5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-lg);
    margin-bottom: var(--space-xl);
}

.ka-intro-copy[b-aiv44mr7v5] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-lg);
    min-width: 0;
}

.ka-intro-icon[b-aiv44mr7v5] {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-xl);
    background: var(--color-surface);
    border: 1px solid rgba(255, 193, 7, 0.28);
    color: var(--color-amber-800);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    box-shadow: var(--shadow-sm);
    flex-shrink: 0;
}

.ka-intro-badges[b-aiv44mr7v5] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ka-card-subtitle[b-aiv44mr7v5] {
    margin: 6px 0 0;
    color: var(--color-text-secondary);
    line-height: 1.6;
}

.ka-admin-panel[b-aiv44mr7v5] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.9fr);
    gap: var(--space-lg);
    align-items: end;
}

.ka-admin-field[b-aiv44mr7v5] {
    margin-bottom: 0;
}

.ka-admin-stats[b-aiv44mr7v5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-md);
}

.ka-admin-stat[b-aiv44mr7v5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 100%;
    padding: var(--space-lg);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-xl);
    background: var(--color-bg);
}

.ka-admin-stat span[b-aiv44mr7v5] {
    font-size: var(--font-size-xs);
    font-weight: 700;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.ka-admin-stat strong[b-aiv44mr7v5] {
    font-size: var(--font-size-base);
    color: var(--color-text);
    line-height: 1.35;
}

.ka-section-header[b-aiv44mr7v5] {
    margin-bottom: var(--space-xl);
}

.ka-day-list[b-aiv44mr7v5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.ka-day-card[b-aiv44mr7v5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    padding: var(--space-xl);
    border: 1px solid var(--color-border-light);
    border-left-width: 4px;
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.ka-day-card:hover[b-aiv44mr7v5],
.ka-day-card:focus-within[b-aiv44mr7v5] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.ka-day-card.is-available:nth-child(3n + 1)[b-aiv44mr7v5] {
    border-left-color: var(--color-info);
}

.ka-day-card.is-available:nth-child(3n + 2)[b-aiv44mr7v5] {
    border-left-color: var(--color-success);
}

.ka-day-card.is-available:nth-child(3n)[b-aiv44mr7v5] {
    border-left-color: var(--color-purple);
}

.ka-day-card.is-off[b-aiv44mr7v5] {
    border-left-color: var(--color-border);
}

.ka-day-header[b-aiv44mr7v5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-lg);
}

.ka-day-title[b-aiv44mr7v5] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    min-width: 0;
}

.ka-day-icon[b-aiv44mr7v5] {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-xl);
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    color: var(--color-brand-soft-text);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-sm);
    flex-shrink: 0;
}

.ka-day-card.is-available:nth-child(3n + 1) .ka-day-icon[b-aiv44mr7v5] {
    color: var(--color-info);
    border-color: var(--color-info-border-soft);
}

.ka-day-card.is-available:nth-child(3n + 2) .ka-day-icon[b-aiv44mr7v5] {
    color: var(--color-success);
    border-color: var(--color-success-border-soft);
}

.ka-day-card.is-available:nth-child(3n) .ka-day-icon[b-aiv44mr7v5] {
    color: var(--color-purple);
    border-color: var(--color-purple-border-soft);
}

.ka-day-card.is-off .ka-day-icon[b-aiv44mr7v5] {
    color: var(--color-text-muted);
    border-color: var(--color-border-light);
}

.ka-day-copy[b-aiv44mr7v5] {
    min-width: 0;
}

.ka-day-copy h4[b-aiv44mr7v5] {
    margin: 0;
    font-size: var(--font-size-lg);
}

.ka-day-copy p[b-aiv44mr7v5] {
    margin: 4px 0 0;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.ka-day-status[b-aiv44mr7v5] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex-shrink: 0;
}

.ka-time-grid[b-aiv44mr7v5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
    gap: var(--space-lg);
    align-items: end;
}

.ka-time-field[b-aiv44mr7v5] {
    margin-bottom: 0;
}

.ka-time-input[b-aiv44mr7v5] {
    background: var(--color-bg);
}

.ka-time-input:disabled[b-aiv44mr7v5] {
    background: var(--color-neutral-bg);
    color: var(--color-text-muted);
    cursor: not-allowed;
    opacity: 0.8;
}

.ka-interval-header[b-aiv44mr7v5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg);
}

.ka-interval-header h5[b-aiv44mr7v5] {
    margin: 0;
    font-size: var(--font-size-base);
}

.ka-interval-header p[b-aiv44mr7v5] {
    margin: 4px 0 0;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.ka-interval-add-btn[b-aiv44mr7v5] {
    flex-shrink: 0;
}

.ka-interval-list[b-aiv44mr7v5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.ka-interval-list .ka-time-grid[b-aiv44mr7v5] {
    padding: var(--space-lg);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-xl);
    background: var(--color-bg);
}

.ka-interval-actions[b-aiv44mr7v5] {
    display: flex;
    align-items: center;
}

.ka-interval-remove-btn[b-aiv44mr7v5] {
    min-height: 46px;
    white-space: nowrap;
}

.ka-side-card[b-aiv44mr7v5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.ka-save-card[b-aiv44mr7v5] {
    border-top: 4px solid var(--color-kitabee-amber);
}

.ka-save-card p[b-aiv44mr7v5] {
    margin: -0.2rem 0 0;
    color: var(--color-text-secondary);
    line-height: 1.6;
}

.ka-save-card-btn[b-aiv44mr7v5] {
    width: 100%;
    justify-content: center;
}

.ka-bottom-save[b-aiv44mr7v5] {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg);
    margin-top: var(--space-xl);
    padding: var(--space-lg);
    border: 1px solid rgba(255, 193, 7, 0.22);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--color-kitabee-amber) 10%, var(--color-surface));
}

.ka-bottom-save-copy[b-aiv44mr7v5] {
    display: grid;
    gap: 0.35rem;
}

.ka-bottom-save-copy strong[b-aiv44mr7v5] {
    color: var(--color-text);
    font-size: var(--font-size-base);
}

.ka-bottom-save-copy span[b-aiv44mr7v5] {
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    line-height: 1.55;
}

.ka-tip-list[b-aiv44mr7v5] {
    width: 100%;
}

.ka-mini-icon[b-aiv44mr7v5] {
    width: 42px;
    height: 42px;
    border-radius: var(--radius-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: var(--font-size-base);
}

.ka-mini-icon-yellow[b-aiv44mr7v5] {
    background: rgba(255, 213, 79, 0.22);
    color: var(--color-amber-800);
}

.ka-mini-icon-green[b-aiv44mr7v5] {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.ka-mini-icon-blue[b-aiv44mr7v5] {
    background: var(--color-info-bg);
    color: var(--color-info);
}

@media (max-width: 1100px) {
    .ka-admin-panel[b-aiv44mr7v5] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .ka-admin-stats[b-aiv44mr7v5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ka-sidebar[b-aiv44mr7v5] {
        position: static;
        top: auto;
    }

    .ka-bottom-save[b-aiv44mr7v5] {
        display: flex;
    }
}

@media (max-width: 768px) {
    .ka-intro-header[b-aiv44mr7v5],
    .ka-day-header[b-aiv44mr7v5],
    .ka-interval-header[b-aiv44mr7v5] {
        flex-direction: column;
        align-items: stretch;
    }

    .ka-intro-badges[b-aiv44mr7v5],
    .ka-day-status[b-aiv44mr7v5] {
        justify-content: space-between;
    }

    .ka-time-grid[b-aiv44mr7v5],
    .ka-admin-stats[b-aiv44mr7v5] {
        grid-template-columns: 1fr;
    }

    .ka-interval-actions[b-aiv44mr7v5] {
        justify-content: flex-end;
    }

    .ka-bottom-save[b-aiv44mr7v5] {
        flex-direction: column;
        align-items: stretch;
    }

    .ka-bottom-save .btn[b-aiv44mr7v5] {
        width: 100%;
        justify-content: center;
    }
}
/* /Views/Pages/KitaAdmins/Partners.razor.rz.scp.css */
.partners-page[b-fj12mvqhjs] {
    display: grid;
    gap: 1.5rem;
}

.partners-header[b-fj12mvqhjs] {
    margin-bottom: 0;
}

.partners-alert[b-fj12mvqhjs] {
    margin-bottom: 0;
}

.partners-toolbar-card[b-fj12mvqhjs] {
    padding: 1rem 1.25rem;
}

.partners-toolbar[b-fj12mvqhjs] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(180px, 0.7fr));
    gap: 0.9rem;
    align-items: center;
}

.partners-search-input[b-fj12mvqhjs],
.partners-filter-select[b-fj12mvqhjs] {
    width: 100%;
}

.partners-stats-grid[b-fj12mvqhjs] {
    margin-top: 0;
}

.partners-stat-warning[b-fj12mvqhjs] {
    background: #fff3cf;
    color: #b7791f;
}

.partners-grid[b-fj12mvqhjs] {
    display: grid;
    grid-template-columns: repeat(3, minmax(420px, 1fr));
    gap: 1.25rem;
}

.partner-card[b-fj12mvqhjs] {
    display: grid;
    gap: 1rem;
    padding: 1.35rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 84%, white);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

.partner-card-inactive[b-fj12mvqhjs] {
    opacity: 0.88;
}

.partner-card-header[b-fj12mvqhjs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.partner-card-copy[b-fj12mvqhjs] {
    display: flex;
    gap: 0.9rem;
    min-width: 0;
}

.partner-card-icon[b-fj12mvqhjs] {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.partner-tone-amber[b-fj12mvqhjs] {
    background: #fff3cf;
    color: #b7791f;
}

.partner-tone-orange[b-fj12mvqhjs] {
    background: #ffedd5;
    color: #c05621;
}

.partner-tone-blue[b-fj12mvqhjs] {
    background: #dbeafe;
    color: #2563eb;
}

.partner-tone-green[b-fj12mvqhjs] {
    background: #dcfce7;
    color: #15803d;
}

.partner-tone-rose[b-fj12mvqhjs] {
    background: #ffe4e6;
    color: #be123c;
}

.partner-tone-slate[b-fj12mvqhjs] {
    background: #e2e8f0;
    color: #334155;
}

.partner-card-heading[b-fj12mvqhjs] {
    min-width: 0;
    display: grid;
    gap: 0.45rem;
}

.partner-card-title[b-fj12mvqhjs] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--color-text);
}

.partner-card-badges[b-fj12mvqhjs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.partner-card-actions[b-fj12mvqhjs] {
    display: flex;
    gap: 0.45rem;
    flex-shrink: 0;
}

.partner-card-notes[b-fj12mvqhjs] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.6;
}

.partner-card-meta[b-fj12mvqhjs] {
    display: grid;
    gap: 0.55rem;
}

.partner-meta-item[b-fj12mvqhjs] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--color-text-muted);
    min-width: 0;
}

    .partner-meta-item i[b-fj12mvqhjs] {
        color: var(--color-kitabee-amber);
        width: 1rem;
        text-align: center;
        flex-shrink: 0;
    }

    .partner-meta-item span[b-fj12mvqhjs],
    .partner-meta-item a[b-fj12mvqhjs] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

.partner-link-panel[b-fj12mvqhjs] {
    border: 1px solid color-mix(in srgb, var(--color-border) 84%, white);
    border-radius: 1.1rem;
    padding: 1rem;
    display: grid;
    gap: 0.9rem;
}

.partner-link-panel-head[b-fj12mvqhjs] {
    display: flex;
    justify-content: space-between;
    gap: 0.9rem;
    align-items: flex-start;
}

.partner-link-kicker[b-fj12mvqhjs] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted);
    margin-bottom: 0.25rem;
}

.partner-link-title[b-fj12mvqhjs] {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    color: var(--color-text);
}

.partner-link-empty-copy[b-fj12mvqhjs] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.55;
}

.partner-link-url[b-fj12mvqhjs] {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 0.85rem;
    line-height: 1.55;
    padding: 0.8rem 0.9rem;
    border-radius: 0.95rem;
    background: color-mix(in srgb, var(--color-bg-soft) 78%, white);
    color: var(--color-text);
    overflow-wrap: anywhere;
}

.partner-link-meta[b-fj12mvqhjs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem 1.25rem;
    color: var(--color-text-muted);
    font-size: 0.9rem;
}

    .partner-link-meta strong[b-fj12mvqhjs] {
        color: var(--color-text);
        font-weight: 700;
    }

.partner-link-actions[b-fj12mvqhjs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.partners-empty-state[b-fj12mvqhjs] {
    padding-block: 3rem;
}

.partners-empty-icon[b-fj12mvqhjs] {
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 1.4rem;
    margin-inline: auto;
    margin-bottom: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ffe49a, #ffc93c);
    color: #8a5a00;
    font-size: 1.6rem;
}

.partners-modal[b-fj12mvqhjs] {
    width: min(680px, calc(100vw - 2rem));
}

.partners-modal-subtitle[b-fj12mvqhjs] {
    margin: -0.45rem 0 1rem;
    color: var(--color-text-muted);
    line-height: 1.6;
}

.partners-toggle-row[b-fj12mvqhjs] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: 0.15rem;
}

.partners-toggle-label[b-fj12mvqhjs] {
    margin: 0;
}

.partners-link-modal[b-fj12mvqhjs] {
    width: min(560px, calc(100vw - 2rem));
}

.partners-purpose-panel[b-fj12mvqhjs] {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
    padding: 1rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-kitabee-amber) 10%, white);
    border: 1px solid color-mix(in srgb, var(--color-kitabee-amber) 22%, var(--color-border));
}

.partners-purpose-icon[b-fj12mvqhjs] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff3cf;
    color: #b7791f;
    flex-shrink: 0;
}

.partners-purpose-panel strong[b-fj12mvqhjs] {
    display: block;
    margin-bottom: 0.3rem;
    color: var(--color-text);
}

.partners-purpose-panel p[b-fj12mvqhjs] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.6;
}

@media (max-width: 900px) {
    .partners-toolbar[b-fj12mvqhjs] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .partner-card-header[b-fj12mvqhjs] {
        flex-direction: column;
    }

    .partner-card-actions[b-fj12mvqhjs] {
        width: 100%;
        justify-content: flex-end;
    }

    .partner-link-panel-head[b-fj12mvqhjs] {
        flex-direction: column;
    }

    .partner-link-actions[b-fj12mvqhjs] {
        flex-direction: column;
    }

        .partner-link-actions .btn[b-fj12mvqhjs] {
            width: 100%;
            justify-content: center;
        }
}
/* /Views/Pages/KitaAdmins/Rooms.razor.rz.scp.css */
.rooms-page[b-32udsob35j] {
    display: grid;
    gap: 1.5rem;
}

.rooms-header[b-32udsob35j],
.rooms-alert[b-32udsob35j],
.rooms-stats-grid[b-32udsob35j] {
    margin-bottom: 0;
}

.rooms-toolbar-card[b-32udsob35j] {
    padding: 1rem 1.25rem;
}

.rooms-toolbar[b-32udsob35j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
    gap: 0.9rem;
    align-items: center;
}

.rooms-search-input[b-32udsob35j],
.rooms-filter-select[b-32udsob35j] {
    width: 100%;
}

.rooms-stat-warning[b-32udsob35j] {
    background: #fff3cf;
    color: #b7791f;
}

.rooms-grid[b-32udsob35j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(360px, 1fr));
    gap: 1.25rem;
}

.room-card[b-32udsob35j] {
    display: grid;
    gap: 1rem;
    padding: 1.35rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 84%, white);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

.room-card-inactive[b-32udsob35j] {
    opacity: 0.86;
}

.room-card-header[b-32udsob35j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.room-card-copy[b-32udsob35j] {
    display: flex;
    gap: 0.9rem;
    min-width: 0;
}

.room-card-icon[b-32udsob35j] {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
    background: #fff3cf;
    color: #b7791f;
}

.room-card-heading[b-32udsob35j] {
    min-width: 0;
    display: grid;
    gap: 0.45rem;
}

.room-card-title[b-32udsob35j] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.2;
}

.room-card-badges[b-32udsob35j],
.room-card-actions[b-32udsob35j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.room-card-actions[b-32udsob35j] {
    flex-shrink: 0;
}

.room-card-description[b-32udsob35j] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.6;
}

.room-card-meta[b-32udsob35j] {
    display: grid;
    gap: 0.55rem;
}

.room-meta-item[b-32udsob35j] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--color-text-muted);
    min-width: 0;
}

.room-meta-item i[b-32udsob35j] {
    color: var(--color-kitabee-amber);
    width: 1rem;
    text-align: center;
    flex-shrink: 0;
}

.room-meta-item span[b-32udsob35j] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.rooms-empty-state[b-32udsob35j] {
    padding-block: 3rem;
}

.rooms-empty-icon[b-32udsob35j] {
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 1.4rem;
    margin-inline: auto;
    margin-bottom: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ffe49a, #ffc93c);
    color: #8a5a00;
    font-size: 1.6rem;
}

.rooms-modal[b-32udsob35j] {
    width: min(680px, calc(100vw - 2rem));
}

.rooms-modal-subtitle[b-32udsob35j] {
    margin: -0.45rem 0 1rem;
    color: var(--color-text-muted);
    line-height: 1.6;
}

.rooms-toggle-row[b-32udsob35j] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: 0.15rem;
}

.rooms-toggle-label[b-32udsob35j] {
    margin: 0;
}

@media (max-width: 900px) {
    .rooms-toolbar[b-32udsob35j],
    .rooms-grid[b-32udsob35j] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .room-card-header[b-32udsob35j] {
        flex-direction: column;
    }

    .room-card-actions[b-32udsob35j] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Views/Pages/Notifications.razor.rz.scp.css */
.notif-page[b-soaqio47kd] {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.notif-header[b-soaqio47kd] {
    margin-bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-xl);
}

.notif-header-actions[b-soaqio47kd] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.notif-chip[b-soaqio47kd] {
    gap: 8px;
}

.notif-list-card[b-soaqio47kd] {
    padding: 24px;
}

.notif-list[b-soaqio47kd] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.notif-item[b-soaqio47kd] {
    padding: 24px;
    border: 1px solid var(--color-border-light);
    border-radius: 24px;
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.notif-item:hover[b-soaqio47kd] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.notif-item-unread[b-soaqio47kd] {
    border-color: rgba(255, 213, 79, 0.45);
    box-shadow: 0 0 0 1px rgba(255, 213, 79, 0.12), var(--shadow-sm);
}

.notif-item-head[b-soaqio47kd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.notif-item-head-left[b-soaqio47kd] {
    display: flex;
    gap: 14px;
    min-width: 0;
    flex: 1;
}

.notif-item-icon[b-soaqio47kd] {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.notif-tone-amber[b-soaqio47kd] {
    background: var(--color-brand-soft-subtle);
    color: var(--color-brand-soft-text);
}

.notif-tone-blue[b-soaqio47kd] {
    background: var(--color-info-bg);
    color: var(--color-info);
}

.notif-tone-purple[b-soaqio47kd] {
    background: var(--color-purple-bg);
    color: var(--color-purple);
}

.notif-tone-green[b-soaqio47kd] {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.notif-tone-warning[b-soaqio47kd] {
    background: var(--color-warning-bg);
    color: var(--color-warning);
}

.notif-tone-danger[b-soaqio47kd] {
    background: var(--color-danger-bg);
    color: var(--color-danger);
}

.notif-tone-slate[b-soaqio47kd] {
    background: var(--color-border-light);
    color: var(--color-text-secondary);
}

.notif-item-copy[b-soaqio47kd] {
    min-width: 0;
    flex: 1;
}

.notif-item-title-row[b-soaqio47kd] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.notif-item-title-row h3[b-soaqio47kd] {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
}

.notif-new-badge[b-soaqio47kd] {
    gap: 6px;
}

.notif-item-meta[b-soaqio47kd] {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--color-text-muted);
}

.notif-item-actions[b-soaqio47kd] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-shrink: 0;
}

.notif-item-message-stack[b-soaqio47kd] {
    margin: 16px 0 0 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.notif-item-message[b-soaqio47kd] {
    margin: 0;
    font-size: 15px;
    line-height: 1.65;
    color: var(--color-text-secondary);
    white-space: pre-line;
}

.notif-item-kita-line[b-soaqio47kd] {
    margin: 0;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--color-border-light);
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

.notif-item-kita-line i[b-soaqio47kd] {
    flex-shrink: 0;
    color: var(--color-brand-soft-text);
}

.notif-item-kita-line span[b-soaqio47kd] {
    overflow-wrap: anywhere;
}

.notif-delete-btn[b-soaqio47kd],
.notif-delete-all-btn[b-soaqio47kd] {
    border-color: rgba(220, 38, 38, 0.18);
    color: var(--color-danger);
}

.notif-delete-btn:hover[b-soaqio47kd],
.notif-delete-all-btn:hover[b-soaqio47kd] {
    background: var(--color-danger-bg);
    border-color: rgba(220, 38, 38, 0.28);
}

.notif-empty-state[b-soaqio47kd] {
    padding: 48px 24px;
}

.notif-empty-state p[b-soaqio47kd] {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 820px) {
    .notif-header[b-soaqio47kd] {
        flex-direction: column;
    }

    .notif-header-actions[b-soaqio47kd] {
        width: 100%;
    }

    .notif-item-head[b-soaqio47kd] {
        flex-direction: column;
    }

    .notif-item-actions[b-soaqio47kd] {
        width: 100%;
        justify-content: flex-start;
    }

    .notif-item-message-stack[b-soaqio47kd] {
        margin-left: 0;
    }
}
/* /Views/Pages/Parents/Announcements.razor.rz.scp.css */
.ann-page[b-fc8zbcruqn] {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ann-dashboard-header[b-fc8zbcruqn] {
    margin-bottom: 0;
}

.ann-header-actions[b-fc8zbcruqn] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ann-header-actions .btn[b-fc8zbcruqn] {
    min-height: 44px;
}

.ann-filter-card[b-fc8zbcruqn] {
    padding: 24px;
}

.ann-filter-bar[b-fc8zbcruqn] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

.ann-search-wrap[b-fc8zbcruqn] {
    position: relative;
    flex: 1;
    min-width: 220px;
}

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

.ann-search-input[b-fc8zbcruqn] {
    padding-left: 42px !important;
}

.ann-filter-controls[b-fc8zbcruqn] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.ann-filter-select[b-fc8zbcruqn] {
    min-width: 180px;
    max-width: 220px;
}

.ann-page .form-input[b-fc8zbcruqn],
.ann-page textarea.form-input[b-fc8zbcruqn],
.ann-page select.form-input[b-fc8zbcruqn] {
    border-radius: var(--radius-xl);
    background: var(--color-bg);
    border-color: var(--color-border);
}

.ann-page .form-input:focus[b-fc8zbcruqn],
.ann-page textarea.form-input:focus[b-fc8zbcruqn],
.ann-page select.form-input:focus[b-fc8zbcruqn] {
    outline: none;
    border-color: var(--color-kitabee-amber);
    box-shadow: 0 0 0 3px var(--color-brand-soft-subtle);
    background: var(--color-surface);
}

.ann-grid[b-fc8zbcruqn] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 32px;
}

.ann-list[b-fc8zbcruqn],
.ann-sidebar[b-fc8zbcruqn] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ann-card[b-fc8zbcruqn] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    border-radius: 24px;
    box-shadow: var(--shadow-sm);
    padding: 24px;
}

.ann-card-pinned[b-fc8zbcruqn] {
    border-color: var(--color-brand-soft-strong);
    border-top: 4px solid var(--color-kitabee-amber);
    position: relative;
}

.ann-card-header[b-fc8zbcruqn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.ann-card-header-left[b-fc8zbcruqn] {
    display: flex;
    gap: 12px;
    min-width: 0;
}

.ann-icon[b-fc8zbcruqn] {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.ann-icon-red[b-fc8zbcruqn] { background: var(--color-danger-bg); color: var(--color-danger); }
.ann-icon-green[b-fc8zbcruqn] { background: var(--color-success-bg); color: var(--color-success); }
.ann-icon-yellow[b-fc8zbcruqn] { background: var(--color-brand-soft-strong); color: var(--color-brand-soft-text); }
.ann-icon-purple[b-fc8zbcruqn] { background: var(--color-purple-bg); color: var(--color-purple); }
.ann-icon-gray[b-fc8zbcruqn] { background: var(--color-border-light); color: var(--color-text-secondary); }

.ann-card-title[b-fc8zbcruqn] {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: var(--color-text);
}

.ann-title-row[b-fc8zbcruqn] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ann-card-meta[b-fc8zbcruqn] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--color-text-muted);
}

.ann-card-content[b-fc8zbcruqn] {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.65;
    color: var(--color-text-secondary);
}

.ann-inline-note[b-fc8zbcruqn] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 600;
}

.ann-inline-note-blue[b-fc8zbcruqn] {
    background: var(--color-blue-soft);
    color: var(--color-info);
}

.ann-media-preview[b-fc8zbcruqn] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 16px;
}

.ann-media-tile[b-fc8zbcruqn] {
    height: 78px;
    border-radius: 14px;
    background: var(--color-border-light);
    color: var(--color-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.ann-card-footer[b-fc8zbcruqn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: var(--color-text-muted);
    font-size: 14px;
}

.ann-card-stats[b-fc8zbcruqn] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.ann-pin-pill[b-fc8zbcruqn] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--color-kitabee-yellow) 0%, var(--color-kitabee-amber) 100%);
    color: var(--color-brand-soft-text);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -0.01em;
    box-shadow: inset 0 1px 0 var(--color-surface-overlay-border);
    flex-shrink: 0;
}

.ann-pin-pill i[b-fc8zbcruqn] {
    font-size: 13px;
    color: var(--color-brand-soft-text);
}

.ann-react-btn[b-fc8zbcruqn] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-weight: 700;
    cursor: pointer;
}

.ann-react-btn:hover[b-fc8zbcruqn],
.ann-react-btn.reacted[b-fc8zbcruqn] {
    background: var(--color-danger-bg);
    border-color: var(--color-danger-border-soft);
    color: var(--color-danger);
}

.ann-read-more[b-fc8zbcruqn] {
    border: none;
    background: transparent;
    padding: 0;
    font-weight: 700;
    color: var(--color-brand-soft-text);
    cursor: pointer;
}

.ann-side-card[b-fc8zbcruqn],
.ann-tip-card[b-fc8zbcruqn] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    border-radius: 24px;
    box-shadow: var(--shadow-sm);
    padding: 24px;
}

.ann-sidebar-title[b-fc8zbcruqn] {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 800;
    color: var(--color-text);
}

.ann-categories-list[b-fc8zbcruqn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ann-category-item[b-fc8zbcruqn] {
    width: 100%;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 14px;
    padding: 8px 10px;
    cursor: pointer;
}

.ann-category-item:hover[b-fc8zbcruqn],
.ann-category-item.active[b-fc8zbcruqn] {
    background: var(--color-border-light);
}

.ann-category-left[b-fc8zbcruqn] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ann-category-icon[b-fc8zbcruqn] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ann-tip-card[b-fc8zbcruqn] {
    background: linear-gradient(135deg, var(--color-kitabee-yellow) 0%, var(--color-kitabee-amber) 100%);
    color: var(--color-brand-soft-text);
    text-align: center;
    box-shadow: var(--shadow-md);
}

.ann-tip-card-parent[b-fc8zbcruqn] {
    background: linear-gradient(135deg, var(--color-surface-warm-end) 0%, var(--color-kitabee-yellow) 100%);
}

.ann-mascot-image[b-fc8zbcruqn] {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    object-fit: cover;
    display: block;
    margin: 0 auto 12px;
}

.ann-tip-card h3[b-fc8zbcruqn] {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 800;
}

.ann-tip-card p[b-fc8zbcruqn] {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

.theme-dark .ann-pin-pill[b-fc8zbcruqn] {
    background: var(--color-brand-soft-subtle);
    box-shadow: none;
}

.theme-dark .ann-tip-card[b-fc8zbcruqn],
.theme-dark .ann-tip-card-parent[b-fc8zbcruqn] {
    background: linear-gradient(135deg, var(--color-brand-soft) 0%, var(--color-brand-soft-strong) 100%);
}

@media (max-width: 1024px) {
    .ann-grid[b-fc8zbcruqn] {
        grid-template-columns: 1fr;
    }

    .ann-sidebar[b-fc8zbcruqn] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }
}

@media (max-width: 768px) {
    .ann-header-actions[b-fc8zbcruqn],
    .ann-filter-bar[b-fc8zbcruqn],
    .ann-filter-controls[b-fc8zbcruqn],
    .ann-card-header[b-fc8zbcruqn],
    .ann-card-footer[b-fc8zbcruqn] {
        flex-direction: column;
        align-items: stretch;
    }

    .ann-header-actions .btn[b-fc8zbcruqn],
    .ann-filter-select[b-fc8zbcruqn] {
        width: 100%;
        max-width: none;
    }

    .ann-search-wrap[b-fc8zbcruqn] {
        width: 100%;
    }

    .ann-sidebar[b-fc8zbcruqn] {
        grid-template-columns: 1fr;
    }
}
/* /Views/Pages/Parents/AppointmentRequest.razor.rz.scp.css */
.appointment-request-page[b-mwen9p0tmj] {
    display: grid;
    gap: var(--space-2xl);
}

.appointment-request-header[b-mwen9p0tmj] {
    margin-bottom: 0;
}

.appointment-request-header-actions[b-mwen9p0tmj] {
    align-items: center;
}

.appointment-request-layout[b-mwen9p0tmj] {
    display: grid;
    gap: var(--space-xl);
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.9fr);
    align-items: start;
}

.appointment-request-card[b-mwen9p0tmj],
.appointment-request-side-card[b-mwen9p0tmj],
.appointment-request-state-card[b-mwen9p0tmj] {
    border-radius: var(--radius-2xl);
}

.appointment-request-card[b-mwen9p0tmj] {
    display: grid;
    gap: var(--space-xl);
    padding: var(--space-2xl);
}

.appointment-request-card-head[b-mwen9p0tmj] {
    display: grid;
    gap: var(--space-md);
}

.appointment-request-card-head h2[b-mwen9p0tmj],
.appointment-request-side-card h3[b-mwen9p0tmj],
.appointment-request-state-card h1[b-mwen9p0tmj] {
    margin: 0;
    color: var(--color-text);
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.appointment-request-card-head h2[b-mwen9p0tmj] {
    margin-top: 6px;
    font-size: var(--font-size-xl);
    font-weight: 800;
}

.appointment-request-side-card h3[b-mwen9p0tmj],
.appointment-request-state-card h1[b-mwen9p0tmj] {
    font-size: var(--font-size-lg);
    font-weight: 800;
}

.appointment-request-card-head p[b-mwen9p0tmj],
.appointment-request-side-card p[b-mwen9p0tmj],
.appointment-request-state-card p[b-mwen9p0tmj] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.6;
    max-width: 68ch;
}

.appointment-request-kicker[b-mwen9p0tmj] {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--color-kitabee-amber-dark, #9a5a00);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.appointment-request-grid[b-mwen9p0tmj] {
    display: grid;
    gap: var(--space-lg);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.appointment-request-full[b-mwen9p0tmj] {
    grid-column: 1 / -1;
}

.appointment-request-note[b-mwen9p0tmj] {
    padding: var(--space-lg);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--color-kitabee-amber) 10%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-kitabee-amber) 18%, transparent);
}

.appointment-request-note p[b-mwen9p0tmj] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    line-height: 1.6;
}

.appointment-request-actions[b-mwen9p0tmj] {
    display: flex;
    gap: var(--space-md);
    justify-content: flex-end;
}

.appointment-request-side-card[b-mwen9p0tmj] {
    display: grid;
    gap: var(--space-lg);
    padding: var(--space-2xl);
    position: sticky;
    top: calc(var(--space-xl) + 84px);
}

.appointment-request-side-icon[b-mwen9p0tmj],
.appointment-request-state-icon[b-mwen9p0tmj] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-kitabee-amber) 14%, transparent);
    color: var(--color-kitabee-amber);
    font-size: 1.2rem;
}

.appointment-request-state-icon-danger[b-mwen9p0tmj] {
    background: color-mix(in srgb, var(--color-danger, #dc2626) 14%, transparent);
    color: var(--color-danger, #dc2626);
}

.appointment-request-side-list[b-mwen9p0tmj] {
    margin: 0;
    padding-left: 1.15rem;
    color: var(--color-text-muted);
    display: grid;
    gap: var(--space-sm);
    font-size: var(--font-size-sm);
    line-height: 1.6;
}

.appointment-request-side-list li[b-mwen9p0tmj]::marker {
    color: var(--color-kitabee-amber);
}

.appointment-request-state[b-mwen9p0tmj] {
    min-height: 60vh;
    display: grid;
    place-items: center;
}

.appointment-request-state-card[b-mwen9p0tmj] {
    width: min(100%, 32rem);
    padding: var(--space-2xl);
    display: grid;
    gap: var(--space-lg);
    text-align: center;
    justify-items: center;
}

.appointment-request-loading-spinner[b-mwen9p0tmj] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    border: 0.25rem solid color-mix(in srgb, var(--color-kitabee-amber) 18%, transparent);
    border-top-color: var(--color-kitabee-amber);
    animation: appointment-request-spin-b-mwen9p0tmj 0.9s linear infinite;
}

.appointment-request-alert[b-mwen9p0tmj] {
    margin: 0;
}

@keyframes appointment-request-spin-b-mwen9p0tmj {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1080px) {
    .appointment-request-layout[b-mwen9p0tmj] {
        grid-template-columns: 1fr;
    }

    .appointment-request-side-card[b-mwen9p0tmj] {
        position: static;
    }
}

@media (max-width: 720px) {
    .appointment-request-card[b-mwen9p0tmj],
    .appointment-request-side-card[b-mwen9p0tmj],
    .appointment-request-state-card[b-mwen9p0tmj] {
        padding: var(--space-xl);
    }

    .appointment-request-header[b-mwen9p0tmj] {
        align-items: stretch;
    }

    .appointment-request-grid[b-mwen9p0tmj] {
        grid-template-columns: 1fr;
    }

    .appointment-request-actions[b-mwen9p0tmj] {
        flex-direction: column-reverse;
    }

    .appointment-request-actions .btn[b-mwen9p0tmj] {
        width: 100%;
        justify-content: center;
    }
}
/* /Views/Pages/Parents/Appointments.razor.rz.scp.css */
.apt-page[b-791s3456fs] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xl);
}

.apt-dashboard-header[b-791s3456fs] {
    margin-bottom: 0;
}

.apt-header-actions[b-791s3456fs] {
    align-items: center;
}

.apt-grid[b-791s3456fs] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: var(--space-2xl);
    align-items: start;
}

.apt-list[b-791s3456fs],
.apt-sidebar[b-791s3456fs] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.apt-filter-card[b-791s3456fs] {
    padding: var(--space-xl);
}

.apt-filter-bar[b-791s3456fs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg);
}

.apt-search-wrap[b-791s3456fs] {
    position: relative;
    flex: 1;
}

.apt-search-icon[b-791s3456fs] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-text-muted);
    pointer-events: none;
}

.apt-search-input[b-791s3456fs] {
    padding-left: 40px;
}

.apt-filter-controls[b-791s3456fs] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.apt-filter-select[b-791s3456fs] {
    min-width: 160px;
    width: auto;
}

.apt-card[b-791s3456fs] {
    border: 1px solid var(--color-border-light);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.apt-card:hover[b-791s3456fs] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.apt-card-requested[b-791s3456fs] {
    border-color: var(--color-warning-border-soft);
}

.apt-card-confirmed[b-791s3456fs] {
    border-color: var(--color-success-border-soft);
}

.apt-card-completed[b-791s3456fs] {
    border-color: var(--color-info-border-soft);
}

.apt-card-cancelled[b-791s3456fs] {
    border-color: var(--color-danger-border-soft);
}

.apt-card-header[b-791s3456fs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-lg);
    margin-bottom: var(--space-lg);
}

.apt-card-header-left[b-791s3456fs] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    min-width: 0;
    flex: 1;
}

.apt-card-header-right[b-791s3456fs] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-shrink: 0;
}

.apt-card-copy[b-791s3456fs] {
    min-width: 0;
    flex: 1;
}

.apt-icon[b-791s3456fs] {
    width: 50px;
    height: 50px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-lg);
    flex-shrink: 0;
}

.apt-icon-requested[b-791s3456fs] {
    background: var(--color-warning-bg);
    color: var(--color-warning);
}

.apt-icon-confirmed[b-791s3456fs] {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.apt-icon-completed[b-791s3456fs] {
    background: var(--color-info-bg);
    color: var(--color-info);
}

.apt-icon-cancelled[b-791s3456fs] {
    background: var(--color-danger-bg);
    color: var(--color-danger);
}

.apt-icon-default[b-791s3456fs] {
    background: var(--color-border-light);
    color: var(--color-text-secondary);
}

.apt-title-row[b-791s3456fs] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.apt-card-title[b-791s3456fs] {
    margin: 0;
    font-size: var(--font-size-lg);
}

.apt-card-meta[b-791s3456fs] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    margin: 0;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.apt-card-meta span[b-791s3456fs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.apt-time-pill[b-791s3456fs] {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: var(--radius-full);
    background: var(--color-border-light);
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: 700;
}

.apt-card-content[b-791s3456fs] {
    margin-bottom: var(--space-lg);
    color: var(--color-text-secondary);
    line-height: 1.6;
}

.apt-card-footer[b-791s3456fs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg);
    padding-top: var(--space-md);
    border-top: 1px solid var(--color-border-light);
}

.apt-card-stats[b-791s3456fs] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-lg);
}

.apt-stat[b-791s3456fs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.apt-action-row[b-791s3456fs] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.apt-danger-btn[b-791s3456fs] {
    color: var(--color-danger);
    border-color: var(--color-danger-border-soft);
}

.apt-danger-btn:hover[b-791s3456fs] {
    background: var(--color-danger-bg);
    color: var(--color-danger);
    border-color: var(--color-danger-border-soft);
}

.apt-actions-dropdown[b-791s3456fs] {
    position: relative;
}

.apt-menu-btn[b-791s3456fs] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    cursor: pointer;
    color: var(--color-text-muted);
    background: transparent;
    border: none;
    font-size: var(--font-size-sm);
}

.apt-menu-btn:hover[b-791s3456fs] {
    background: var(--color-border-light);
    color: var(--color-text);
}

.apt-dropdown-menu[b-791s3456fs] {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    min-width: 150px;
    z-index: 100;
    overflow: hidden;
}

.apt-dropdown-menu button[b-791s3456fs] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    width: 100%;
    padding: var(--space-md) var(--space-lg);
    background: none;
    border: none;
    font-size: var(--font-size-sm);
    font-family: var(--font-family);
    color: var(--color-text);
    cursor: pointer;
}

.apt-dropdown-menu button:hover[b-791s3456fs] {
    background: var(--color-border-light);
}

.apt-dropdown-menu .text-danger[b-791s3456fs] {
    color: var(--color-danger);
}

.apt-side-card[b-791s3456fs] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.apt-sidebar-title[b-791s3456fs] {
    margin: 0;
    font-size: var(--font-size-lg);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.apt-quick-actions[b-791s3456fs],
.apt-overview-list[b-791s3456fs],
.apt-status-list[b-791s3456fs] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.apt-quick-btn[b-791s3456fs] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    width: 100%;
    padding: var(--space-md) var(--space-lg);
    border-radius: var(--radius-lg);
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text-secondary);
    transition: all 0.15s ease;
}

.apt-quick-btn:hover[b-791s3456fs] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
}

.apt-quick-btn-yellow[b-791s3456fs] {
    background: var(--color-brand-soft);
}

.apt-quick-btn-yellow i[b-791s3456fs] {
    color: var(--color-brand-soft-text);
}

.apt-quick-btn-green[b-791s3456fs] {
    background: var(--color-success-bg);
}

.apt-quick-btn-green i[b-791s3456fs] {
    color: var(--color-success);
}

.apt-quick-btn-blue[b-791s3456fs] {
    background: var(--color-info-bg);
}

.apt-quick-btn-blue i[b-791s3456fs] {
    color: var(--color-info);
}

.apt-overview-item[b-791s3456fs],
.apt-status-item[b-791s3456fs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    padding: 12px 14px;
    border-radius: var(--radius-lg);
    background: var(--color-bg);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.apt-overview-item strong[b-791s3456fs],
.apt-status-item strong[b-791s3456fs] {
    color: var(--color-text);
}

.apt-status-item[b-791s3456fs] {
    border: none;
    width: 100%;
    font-family: var(--font-family);
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease;
}

.apt-status-item:hover[b-791s3456fs] {
    background: var(--color-border-light);
}

.apt-status-item.active[b-791s3456fs] {
    background: var(--color-brand-soft-subtle);
    color: var(--color-brand-soft-text);
}

.apt-status-left[b-791s3456fs] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.apt-status-dot[b-791s3456fs] {
    width: 10px;
    height: 10px;
    border-radius: var(--radius-full);
}

.apt-status-dot-requested[b-791s3456fs] {
    background: var(--color-warning);
}

.apt-status-dot-confirmed[b-791s3456fs] {
    background: var(--color-success);
}

.apt-status-dot-completed[b-791s3456fs] {
    background: var(--color-info);
}

.apt-status-dot-cancelled[b-791s3456fs] {
    background: var(--color-danger);
}

.apt-status-dot-default[b-791s3456fs] {
    background: var(--color-text-muted);
}

.apt-form-modal[b-791s3456fs] {
    max-width: 620px;
}

.apt-form-grid[b-791s3456fs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-lg);
}

.apt-form-full[b-791s3456fs] {
    grid-column: 1 / -1;
}

@media (max-width: 1100px) {
    .apt-grid[b-791s3456fs] {
        grid-template-columns: 1fr;
    }

    .apt-sidebar[b-791s3456fs] {
        order: -1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .apt-filter-bar[b-791s3456fs],
    .apt-card-header[b-791s3456fs],
    .apt-card-footer[b-791s3456fs] {
        flex-direction: column;
        align-items: stretch;
    }

    .apt-filter-controls[b-791s3456fs],
    .apt-sidebar[b-791s3456fs] {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column;
    }

    .apt-filter-select[b-791s3456fs] {
        width: 100%;
    }

    .apt-card-header-right[b-791s3456fs],
    .apt-action-row[b-791s3456fs] {
        justify-content: flex-start;
    }

    .apt-form-grid[b-791s3456fs] {
        grid-template-columns: 1fr;
    }
}
/* /Views/Pages/Parents/AuditLogs.razor.rz.scp.css */
.audit-reference-page[b-xvb7kx5woo] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.audit-page-header[b-xvb7kx5woo] {
    margin-bottom: 0;
}

.audit-export-btn[b-xvb7kx5woo] {
    min-width: 176px;
}

.audit-filter-card[b-xvb7kx5woo] {
    padding: 24px;
}

.audit-filter-row[b-xvb7kx5woo] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.audit-search-wrap[b-xvb7kx5woo] {
    position: relative;
    flex: 1 1 360px;
    min-width: 260px;
}

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

.audit-search-input[b-xvb7kx5woo] {
    padding-left: 44px;
    background: var(--color-surface);
}

.audit-select-group[b-xvb7kx5woo] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.audit-filter-select[b-xvb7kx5woo] {
    width: 180px;
    background: var(--color-surface);
}

.audit-advanced-filters[b-xvb7kx5woo] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-border-light);
}

.audit-checkbox[b-xvb7kx5woo] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-bg);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 600;
}

.audit-checkbox input[b-xvb7kx5woo] {
    accent-color: var(--color-kitabee-amber);
}

.audit-layout-grid[b-xvb7kx5woo] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(320px, 1fr);
    gap: 24px;
    align-items: start;
}

.audit-main-column[b-xvb7kx5woo],
.audit-side-column[b-xvb7kx5woo] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.audit-card-panel[b-xvb7kx5woo] {
    padding: 0;
    overflow: hidden;
}

.audit-section-header[b-xvb7kx5woo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 24px;
}

.audit-section-header-tight[b-xvb7kx5woo] {
    padding-bottom: 12px;
}

.audit-section-header-border[b-xvb7kx5woo] {
    border-bottom: 1px solid var(--color-border-light);
}

.audit-section-title[b-xvb7kx5woo] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: var(--font-size-lg);
    font-weight: 800;
}

.audit-section-icon-danger[b-xvb7kx5woo] {
    color: var(--color-danger);
}

.audit-results-count[b-xvb7kx5woo] {
    font-size: var(--font-size-xs);
    font-weight: 700;
    color: var(--color-text-muted);
}
.audit-section-toolbar[b-xvb7kx5woo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.audit-page-size-field[b-xvb7kx5woo] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--font-size-xs);
    font-weight: 800;
    color: var(--color-text-muted);
    white-space: nowrap;
}

.audit-page-size-select[b-xvb7kx5woo] {
    width: auto;
    min-width: 88px;
    height: 38px;
    padding: 0 12px;
}

.audit-alert-list[b-xvb7kx5woo] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 24px 24px;
}

.audit-alert[b-xvb7kx5woo] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border-left: 4px solid transparent;
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}

.audit-alert-danger[b-xvb7kx5woo] {
    background: var(--color-danger-bg);
    border-left-color: var(--color-danger);
    color: var(--color-danger);
}

.audit-alert-warning[b-xvb7kx5woo] {
    background: var(--color-warning-bg);
    border-left-color: var(--color-warning);
    color: var(--color-warning);
}

.audit-alert-info[b-xvb7kx5woo] {
    background: var(--color-info-bg);
    border-left-color: var(--color-info);
    color: var(--color-info);
}

.audit-alert-icon[b-xvb7kx5woo] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 20px;
    padding-top: 1px;
    font-size: 15px;
}

.audit-alert-title[b-xvb7kx5woo],
.audit-alert-detail[b-xvb7kx5woo],
.audit-alert-time[b-xvb7kx5woo] {
    margin: 0;
}

.audit-alert-title[b-xvb7kx5woo] {
    font-size: var(--font-size-sm);
    font-weight: 700;
}

.audit-alert-detail[b-xvb7kx5woo],
.audit-alert-time[b-xvb7kx5woo] {
    font-size: var(--font-size-xs);
    opacity: 0.92;
}

.audit-alert-time[b-xvb7kx5woo] {
    margin-top: 4px;
}

.audit-inline-empty[b-xvb7kx5woo] {
    padding: 0 24px 24px;
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.audit-table-empty-state[b-xvb7kx5woo] {
    padding-top: 48px;
    padding-bottom: 48px;
}

.audit-table-container[b-xvb7kx5woo] {
    overflow-x: auto;
}

.audit-reference-table[b-xvb7kx5woo] {
    min-width: 920px;
}

.audit-reference-table thead th[b-xvb7kx5woo] {
    background: var(--color-bg);
    border-bottom-color: var(--color-border-light);
}

.audit-reference-table td[b-xvb7kx5woo] {
    vertical-align: middle;
}

.audit-reference-table tbody tr:hover td[b-xvb7kx5woo] {
    background: var(--color-border-light);
}

.audit-table-row-failed td[b-xvb7kx5woo],
.audit-reference-table tbody tr.audit-table-row-failed:hover td[b-xvb7kx5woo] {
    background: var(--color-danger-bg);
}

.audit-timestamp[b-xvb7kx5woo] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text);
}

.audit-relative[b-xvb7kx5woo] {
    margin-top: 4px;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.audit-user-cell[b-xvb7kx5woo],
.audit-top-user-meta[b-xvb7kx5woo] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.audit-user-avatar[b-xvb7kx5woo] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.audit-avatar-fallback[b-xvb7kx5woo] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: var(--font-size-xs);
    font-weight: 800;
    letter-spacing: 0.4px;
}

.audit-avatar-amber[b-xvb7kx5woo] {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
}

.audit-avatar-blue[b-xvb7kx5woo] {
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
}

.audit-avatar-green[b-xvb7kx5woo] {
    background: linear-gradient(135deg, #16a34a, #4ade80);
}

.audit-avatar-purple[b-xvb7kx5woo] {
    background: linear-gradient(135deg, #9333ea, #c084fc);
}

.audit-user-name[b-xvb7kx5woo],
.audit-user-role[b-xvb7kx5woo],
.audit-resource-name[b-xvb7kx5woo],
.audit-resource-meta[b-xvb7kx5woo],
.audit-stat-label[b-xvb7kx5woo],
.audit-stat-sublabel[b-xvb7kx5woo] {
    margin: 0;
}

.audit-user-name[b-xvb7kx5woo],
.audit-resource-name[b-xvb7kx5woo],
.audit-stat-label[b-xvb7kx5woo] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text);
}

.audit-user-role[b-xvb7kx5woo],
.audit-resource-meta[b-xvb7kx5woo],
.audit-stat-sublabel[b-xvb7kx5woo] {
    margin-top: 2px;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.audit-action-badge[b-xvb7kx5woo] {
    gap: 6px;
}

.audit-badge-create[b-xvb7kx5woo] {
    background: var(--color-purple-bg);
    color: var(--color-purple);
}

.audit-badge-update[b-xvb7kx5woo] {
    background: var(--color-warning-bg);
    color: var(--color-warning);
}

.audit-badge-delete[b-xvb7kx5woo] {
    background: var(--color-danger-bg);
    color: var(--color-danger);
}

.audit-badge-view[b-xvb7kx5woo] {
    background: var(--color-brand-soft-subtle);
    color: var(--color-brand-soft-text);
}

.audit-badge-login[b-xvb7kx5woo] {
    background: var(--color-info-bg);
    color: var(--color-info);
}

.audit-ip-cell[b-xvb7kx5woo] {
    white-space: nowrap;
    color: var(--color-text-secondary);
}

.audit-pagination[b-xvb7kx5woo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 16px 24px 24px;
    border-top: 1px solid var(--color-border-light);
}

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

.audit-pagination-buttons[b-xvb7kx5woo] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.audit-sidebar-list[b-xvb7kx5woo] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 0 24px 24px;
}

.audit-stat-row[b-xvb7kx5woo],
.audit-top-user-row[b-xvb7kx5woo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.audit-stat-meta[b-xvb7kx5woo] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.audit-stat-icon[b-xvb7kx5woo] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}

.audit-stat-icon-success[b-xvb7kx5woo] {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.audit-stat-icon-danger[b-xvb7kx5woo] {
    background: var(--color-danger-bg);
    color: var(--color-danger);
}

.audit-stat-icon-info[b-xvb7kx5woo] {
    background: var(--color-info-bg);
    color: var(--color-info);
}

.audit-stat-icon-purple[b-xvb7kx5woo] {
    background: var(--color-purple-bg);
    color: var(--color-purple);
}

.audit-sidebar-number[b-xvb7kx5woo] {
    font-size: var(--font-size-2xl);
    font-weight: 800;
    color: var(--color-text);
}

.audit-top-user-count[b-xvb7kx5woo] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text-secondary);
    white-space: nowrap;
}

.audit-quick-actions[b-xvb7kx5woo] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 24px 24px;
}

.audit-quick-button[b-xvb7kx5woo] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.audit-quick-button:hover[b-xvb7kx5woo] {
    background: var(--color-border-light);
    border-color: var(--color-border);
    color: var(--color-text);
}

.audit-quick-button i[b-xvb7kx5woo] {
    width: 18px;
    text-align: center;
}

@media (max-width: 1200px) {
    .audit-layout-grid[b-xvb7kx5woo] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .audit-page-header[b-xvb7kx5woo] {
        flex-direction: column;
        align-items: stretch;
    }

    .audit-export-btn[b-xvb7kx5woo] {
        width: 100%;
    }

    .audit-filter-row[b-xvb7kx5woo],
    .audit-advanced-filters[b-xvb7kx5woo] {
        flex-direction: column;
        align-items: stretch;
    }

    .audit-search-wrap[b-xvb7kx5woo],
    .audit-select-group[b-xvb7kx5woo],
    .audit-filter-select[b-xvb7kx5woo],
    .audit-checkbox[b-xvb7kx5woo] {
        width: 100%;
    }

    .audit-select-group[b-xvb7kx5woo] {
        flex-direction: column;
    }

    .audit-pagination[b-xvb7kx5woo] {
        flex-direction: column;
        align-items: flex-start;
    }
    .audit-section-toolbar[b-xvb7kx5woo],
    .audit-page-size-field[b-xvb7kx5woo],
    .audit-page-size-select[b-xvb7kx5woo] {
        width: 100%;
    }

    .audit-section-toolbar[b-xvb7kx5woo] {
        align-items: flex-start;
        justify-content: flex-start;
    }
}
.audit-selection-column[b-xvb7kx5woo] {
    width: 56px;
    min-width: 56px;
    text-align: center;
}

.audit-selection-checkbox[b-xvb7kx5woo] {
    width: 18px;
    height: 18px;
    accent-color: var(--color-kitabee-amber);
    cursor: pointer;
}

.audit-delete-selected-btn[b-xvb7kx5woo] {
    border-color: rgba(220, 38, 38, 0.35);
    color: var(--color-danger);
}

.audit-delete-selected-btn:hover[b-xvb7kx5woo] {
    background: var(--color-danger-bg);
}

.audit-delete-modal-backdrop[b-xvb7kx5woo] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(6px);
}

.audit-delete-modal[b-xvb7kx5woo] {
    width: min(460px, 100%);
    padding: 28px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
    box-shadow: var(--shadow-xl);
}

.audit-delete-modal-icon[b-xvb7kx5woo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 18px;
    border-radius: var(--radius-xl);
    background: var(--color-danger-bg);
    color: var(--color-danger);
    font-size: 20px;
}

.audit-delete-modal-copy h2[b-xvb7kx5woo] {
    margin: 0 0 8px;
    color: var(--color-text);
    font-size: var(--font-size-xl);
    font-weight: 900;
}

.audit-delete-modal-copy p[b-xvb7kx5woo] {
    margin: 0;
    color: var(--color-text-secondary);
    line-height: 1.6;
}

.audit-delete-error[b-xvb7kx5woo] {
    display: flex;
    gap: 10px;
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: var(--radius-lg);
    background: var(--color-danger-bg);
    color: var(--color-danger);
    font-weight: 700;
}

.audit-delete-modal-actions[b-xvb7kx5woo] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
    flex-wrap: wrap;
}
/* /Views/Pages/Parents/Chat.razor.rz.scp.css */
.chat-layout[b-em81j1ya2e] {
    display: flex;
    height: calc(100vh - 120px);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-xl);
    overflow: hidden;
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
}

.chat-thread-list[b-em81j1ya2e] {
    width: 300px;
    border-right: 1px solid var(--color-border-light);
    overflow-y: auto;
    flex-shrink: 0;
}

.chat-thread-list .section-header[b-em81j1ya2e] {
    padding: var(--space-md) var(--space-lg) var(--space-sm);
    margin: 0;
    border-bottom: none;
}

.chat-thread-list .section-header h3[b-em81j1ya2e] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

.chat-thread-item[b-em81j1ya2e] {
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--color-border-light);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    transition: background 0.15s;
}

.chat-thread-item:hover[b-em81j1ya2e],
.chat-thread-active[b-em81j1ya2e] {
    background: var(--color-border-light);
}

.chat-thread-info[b-em81j1ya2e] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chat-thread-info strong[b-em81j1ya2e] {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-thread-info span[b-em81j1ya2e] {
    font-size: var(--font-size-xs);
}

.chat-thread-date[b-em81j1ya2e] {
    font-size: var(--font-size-xs);
    flex-shrink: 0;
}

.chat-messages-panel[b-em81j1ya2e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.chat-messages-header[b-em81j1ya2e] {
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--color-border-light);
    background: var(--color-surface);
}

.chat-messages-header h3[b-em81j1ya2e] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

.chat-messages-body[b-em81j1ya2e] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.chat-message[b-em81j1ya2e] {
    display: flex;
}

.chat-message-sent[b-em81j1ya2e] {
    justify-content: flex-end;
}

.chat-message-received[b-em81j1ya2e] {
    justify-content: flex-start;
}

.chat-message-content[b-em81j1ya2e] {
    max-width: 70%;
    padding: var(--space-md) var(--space-lg);
    border-radius: var(--radius-xl);
    font-size: var(--font-size-sm);
}

.chat-message-content p[b-em81j1ya2e] {
    margin: 0;
}

.chat-message-sent .chat-message-content[b-em81j1ya2e] {
    background: var(--color-kitabee-amber);
    color: var(--color-amber-800);
    border-bottom-right-radius: var(--radius-sm);
}

.chat-message-received .chat-message-content[b-em81j1ya2e] {
    background: var(--color-border-light);
    border-bottom-left-radius: var(--radius-sm);
}

.chat-message-time[b-em81j1ya2e] {
    font-size: 11px;
    display: block;
    margin-top: 4px;
}

.chat-input-area[b-em81j1ya2e] {
    padding: var(--space-md) var(--space-lg);
    border-top: 1px solid var(--color-border-light);
    background: var(--color-surface);
}

.chat-input-form[b-em81j1ya2e] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    width: 100%;
}

.chat-compose-input[b-em81j1ya2e] {
    flex: 1;
    min-height: 44px;
    border-radius: var(--radius-xl);
}

.chat-compose-input:focus[b-em81j1ya2e] {
    border-color: var(--color-kitabee-amber);
    box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.15);
}

.chat-send-btn[b-em81j1ya2e] {
    min-width: 108px;
    min-height: 44px;
    flex-shrink: 0;
}

.chat-messages-panel .empty-state[b-em81j1ya2e] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex: 1;
}

@media (max-width: 768px) {
    .chat-layout[b-em81j1ya2e] {
        flex-direction: column;
        height: auto;
        min-height: calc(100vh - 120px);
    }

    .chat-thread-list[b-em81j1ya2e] {
        width: 100%;
        max-height: 200px;
        border-right: none;
        border-bottom: 1px solid var(--color-border-light);
    }

    .chat-message-content[b-em81j1ya2e] {
        max-width: 85%;
    }

    .chat-input-form[b-em81j1ya2e] {
        flex-direction: column;
        align-items: stretch;
    }

    .chat-send-btn[b-em81j1ya2e] {
        width: 100%;
    }
}
/* /Views/Pages/Parents/FoodPlans.razor.rz.scp.css */
.fp-filter-card[b-xuzr1ahrlc] {
    padding: var(--space-xl);
    margin-bottom: var(--space-xl);
}

.fp-filter-bar[b-xuzr1ahrlc] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-lg);
}

.fp-filter-controls[b-xuzr1ahrlc] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.fp-filter-select[b-xuzr1ahrlc] {
    width: auto;
    min-width: 180px;
    flex: 0 0 220px;
}

.fp-next-meal-pill[b-xuzr1ahrlc] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: var(--space-sm);
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-bg);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.fp-next-meal-pill i[b-xuzr1ahrlc] {
    color: var(--color-info);
}

.fp-next-meal-pill strong[b-xuzr1ahrlc] {
    color: var(--color-text);
    font-weight: 800;
}

@media (max-width: 768px) {
    .fp-filter-bar[b-xuzr1ahrlc],
    .fp-filter-controls[b-xuzr1ahrlc] {
        flex-direction: column;
        align-items: stretch;
    }

    .fp-filter-select[b-xuzr1ahrlc] {
        width: 100%;
        min-width: 0;
        flex: 1 1 auto;
    }

    .fp-next-meal-pill[b-xuzr1ahrlc] {
        align-self: flex-start;
    }
}
/* /Views/Pages/Parents/Home.razor.rz.scp.css */
.home-page-header[b-xr291ixo69] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-xl);
}

.home-header-chips[b-xr291ixo69] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--space-sm);
    max-width: 360px;
}

.home-chip[b-xr291ixo69] {
    gap: 6px;
}

.home-stats-grid[b-xr291ixo69] {
    margin-bottom: var(--space-2xl);
}

.home-dashboard-grid[b-xr291ixo69] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.95fr);
    gap: var(--space-xl);
    align-items: start;
}

.home-dashboard-main[b-xr291ixo69],
.home-dashboard-side[b-xr291ixo69] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.home-section-head[b-xr291ixo69] {
    align-items: flex-start;
    gap: var(--space-lg);
}

.home-section-subtitle[b-xr291ixo69] {
    margin: 6px 0 0;
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.home-feed-list[b-xr291ixo69],
.home-event-list[b-xr291ixo69],
.home-kid-list[b-xr291ixo69],
.home-food-list[b-xr291ixo69] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.home-feed-item[b-xr291ixo69],
.home-event-item[b-xr291ixo69] {
    padding: var(--space-lg);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-xl);
}

.home-feed-copy[b-xr291ixo69] {
    min-width: 0;
    flex: 1;
}

.home-feed-title-row[b-xr291ixo69] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-sm);
    margin-bottom: 6px;
}

.home-feed-title-row strong[b-xr291ixo69] {
    font-size: var(--font-size-base);
}

.home-pinned-badge[b-xr291ixo69] {
    gap: 6px;
}

.home-feed-meta[b-xr291ixo69] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    margin-bottom: var(--space-sm);
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.home-feed-meta span[b-xr291ixo69] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.home-feed-preview[b-xr291ixo69] {
    margin: 0;
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
}

.home-event-item[b-xr291ixo69] {
    gap: var(--space-lg);
}

.home-event-date[b-xr291ixo69] {
    min-width: 64px;
    padding: 10px 12px;
    border-radius: var(--radius-lg);
    background: var(--color-surface-overlay);
    box-shadow: inset 0 0 0 1px var(--color-surface-overlay-border);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.home-event-date-day[b-xr291ixo69] {
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    color: var(--color-text);
}

.home-event-date-month[b-xr291ixo69] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--color-text-muted);
}

.home-quick-actions[b-xr291ixo69] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-kid-item[b-xr291ixo69] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: 14px;
    border-radius: var(--radius-xl);
    background: var(--color-bg);
}

.home-kid-avatar[b-xr291ixo69] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: var(--color-brand-soft-strong);
    color: var(--color-brand-soft-text);
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.home-kid-copy[b-xr291ixo69] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.home-kid-copy strong[b-xr291ixo69] {
    font-size: var(--font-size-sm);
}

.home-kid-copy span[b-xr291ixo69] {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.home-food-card[b-xr291ixo69] {
    background: linear-gradient(
        180deg,
        var(--color-surface-warm-start) 0%,
        var(--color-surface-warm-end) 100%);
}

.home-food-plan-head[b-xr291ixo69] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}

.home-food-plan-head h3[b-xr291ixo69] {
    margin: 0;
    font-size: var(--font-size-lg);
}

.home-food-plan-head p[b-xr291ixo69] {
    margin: 4px 0 0;
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.home-food-item[b-xr291ixo69] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-md);
    padding: 14px;
    border-radius: var(--radius-xl);
    background: var(--color-surface-overlay-strong);
    border: 1px solid var(--color-brand-soft-subtle);
}

.home-food-day[b-xr291ixo69] {
    min-width: 52px;
    height: 52px;
    border-radius: 16px;
    background: var(--color-brand-soft-strong);
    color: var(--color-brand-soft-text);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-sm);
    font-weight: 800;
}

.home-food-copy[b-xr291ixo69] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.home-food-copy strong[b-xr291ixo69] {
    font-size: var(--font-size-sm);
}

.home-food-copy span[b-xr291ixo69],
.home-food-copy small[b-xr291ixo69] {
    color: var(--color-text-secondary);
}

.home-food-copy small[b-xr291ixo69] {
    font-size: var(--font-size-xs);
}

.home-compact-empty[b-xr291ixo69] {
    padding: var(--space-lg) 0 0;
    text-align: left;
}

.home-compact-empty p[b-xr291ixo69] {
    margin-bottom: 0;
}

@media (max-width: 1100px) {
    .home-dashboard-grid[b-xr291ixo69] {
        grid-template-columns: 1fr;
    }

    .home-dashboard-side[b-xr291ixo69] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-food-card[b-xr291ixo69] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .home-page-header[b-xr291ixo69] {
        flex-direction: column;
    }

    .home-header-chips[b-xr291ixo69] {
        justify-content: flex-start;
        max-width: 100%;
    }

    .home-dashboard-side[b-xr291ixo69] {
        display: flex;
    }

    .home-section-head[b-xr291ixo69] {
        flex-direction: column;
    }

    .home-section-head .btn[b-xr291ixo69] {
        width: 100%;
    }

    .home-event-item[b-xr291ixo69] {
        flex-direction: column;
    }

    .home-food-plan-head[b-xr291ixo69] {
        flex-direction: column;
    }
}

@media (max-width: 540px) {
    .home-quick-actions[b-xr291ixo69] {
        grid-template-columns: 1fr;
    }

    .home-feed-meta[b-xr291ixo69] {
        flex-direction: column;
        gap: 6px;
    }

    .home-food-item[b-xr291ixo69] {
        grid-template-columns: 1fr;
    }

    .home-food-day[b-xr291ixo69] {
        width: 52px;
    }
}

.home-kita-list[b-xr291ixo69] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.home-kita-item[b-xr291ixo69] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: 16px;
    border-radius: var(--radius-xl);
    background: var(--color-bg);
    border: 1px solid var(--color-border-light);
}

.home-kita-head[b-xr291ixo69] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.home-kita-logo[b-xr291ixo69],
.home-kita-avatar[b-xr291ixo69] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    flex-shrink: 0;
}

.home-kita-logo[b-xr291ixo69] {
    object-fit: cover;
    border: 1px solid var(--color-border-light);
    background: var(--color-surface);
}

.home-kita-avatar[b-xr291ixo69] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    background: var(--color-brand-soft-strong);
    color: var(--color-brand-soft-text);
}

.home-kita-copy[b-xr291ixo69] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.home-kita-copy strong[b-xr291ixo69] {
    font-size: var(--font-size-sm);
}

.home-kita-copy span[b-xr291ixo69],
.home-kita-description[b-xr291ixo69] {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.home-kita-description[b-xr291ixo69] {
    margin: 0;
    line-height: 1.6;
}

.home-kita-pills[b-xr291ixo69],
.home-kita-kids[b-xr291ixo69] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.home-kita-pill[b-xr291ixo69],
.home-kita-kid-chip[b-xr291ixo69] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.home-kita-pill[b-xr291ixo69] {
    background: var(--color-surface-overlay);
    color: var(--color-text-secondary);
}

.home-kita-pill-muted[b-xr291ixo69],
.home-kita-kid-chip[b-xr291ixo69] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    color: var(--color-text-muted);
}

.home-kita-team-btn[b-xr291ixo69] {
    width: 100%;
    justify-content: center;
}

@media (max-width: 540px) {
    .home-kita-head[b-xr291ixo69] {
        align-items: flex-start;
    }

    .home-kita-pill[b-xr291ixo69],
    .home-kita-kid-chip[b-xr291ixo69] {
        max-width: 100%;
        white-space: normal;
    }
}
/* /Views/Pages/Parents/Kitas.razor.rz.scp.css */
.parent-kitas-header[b-lph2quzpqf] {
    align-items: flex-start;
}

.parent-kitas-stats[b-lph2quzpqf] {
    margin-bottom: var(--space-2xl);
}

.parent-kitas-grid[b-lph2quzpqf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--space-xl);
}

.parent-kitas-card[b-lph2quzpqf] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.parent-kitas-card-head[b-lph2quzpqf] {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
}

.parent-kitas-logo[b-lph2quzpqf],
.parent-kitas-avatar[b-lph2quzpqf] {
    width: 72px;
    height: 72px;
    border-radius: 20px;
    flex-shrink: 0;
}

.parent-kitas-logo[b-lph2quzpqf] {
    object-fit: cover;
    border: 1px solid var(--color-border-light);
    background: var(--color-surface);
}

.parent-kitas-avatar[b-lph2quzpqf] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-brand-soft-strong);
    color: var(--color-brand-soft-text);
    font-size: var(--font-size-lg);
    font-weight: 800;
}

.parent-kitas-title-block[b-lph2quzpqf] {
    min-width: 0;
}

.parent-kitas-title-block h2[b-lph2quzpqf] {
    margin: 0;
    font-size: var(--font-size-xl);
}

.parent-kitas-title-block p[b-lph2quzpqf] {
    margin: 6px 0 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.parent-kitas-description[b-lph2quzpqf] {
    margin: 0;
    color: var(--color-text-secondary);
    line-height: 1.65;
}

.parent-kitas-meta[b-lph2quzpqf],
.parent-kitas-kids[b-lph2quzpqf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.parent-kitas-meta-pill[b-lph2quzpqf],
.parent-kitas-kid-chip[b-lph2quzpqf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: var(--font-size-xs);
    font-weight: 700;
}

.parent-kitas-meta-pill[b-lph2quzpqf] {
    background: var(--color-surface-overlay);
    color: var(--color-text-secondary);
}

.parent-kitas-meta-pill-muted[b-lph2quzpqf],
.parent-kitas-kid-chip[b-lph2quzpqf] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    color: var(--color-text-muted);
}

.parent-kitas-actions[b-lph2quzpqf] {
    margin-top: auto;
}

.parent-kitas-actions .btn[b-lph2quzpqf] {
    width: 100%;
    justify-content: center;
}

@media (max-width: 768px) {
    .parent-kitas-header[b-lph2quzpqf] {
        flex-direction: column;
        gap: var(--space-md);
    }

    .parent-kitas-header .btn[b-lph2quzpqf] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 540px) {
    .parent-kitas-card-head[b-lph2quzpqf] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Views/Pages/Parents/KitaTeam.razor.rz.scp.css */
.parent-kita-team-header[b-9ljdkacdf1] {
    align-items: flex-start;
}

.parent-kita-team-stats[b-9ljdkacdf1] {
    margin-bottom: var(--space-2xl);
}

.parent-kita-team-grid[b-9ljdkacdf1] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.8fr);
    gap: var(--space-xl);
    align-items: start;
}

.parent-kita-team-members-card[b-9ljdkacdf1],
.parent-kita-team-sidebar-card[b-9ljdkacdf1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.parent-kita-team-section-head h2[b-9ljdkacdf1],
.parent-kita-team-linked-kids h3[b-9ljdkacdf1] {
    margin: 0;
    font-size: var(--font-size-lg);
}

.parent-kita-team-section-head p[b-9ljdkacdf1],
.parent-kita-team-description[b-9ljdkacdf1] {
    margin: 6px 0 0;
    color: var(--color-text-muted);
    line-height: 1.65;
}

.parent-kita-team-members-grid[b-9ljdkacdf1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--space-lg);
}

.parent-kita-team-member-card[b-9ljdkacdf1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: 18px;
    border-radius: var(--radius-xl);
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
}

.parent-kita-team-member-head[b-9ljdkacdf1] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.parent-kita-team-avatar-image[b-9ljdkacdf1],
.parent-kita-team-avatar-fallback[b-9ljdkacdf1] {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    flex-shrink: 0;
}

.parent-kita-team-avatar-image[b-9ljdkacdf1] {
    object-fit: cover;
    border: 1px solid var(--color-border-light);
    background: var(--color-surface);
}

.parent-kita-team-avatar-fallback[b-9ljdkacdf1] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-brand-soft-strong);
    color: var(--color-brand-soft-text);
    font-weight: 800;
}

.parent-kita-team-member-copy[b-9ljdkacdf1] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.parent-kita-team-member-copy strong[b-9ljdkacdf1] {
    font-size: var(--font-size-base);
}

.parent-kita-team-role-row[b-9ljdkacdf1],
.parent-kita-team-detail-list[b-9ljdkacdf1],
.parent-kita-team-kid-list[b-9ljdkacdf1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.parent-kita-team-role[b-9ljdkacdf1],
.parent-kita-team-job[b-9ljdkacdf1],
.parent-kita-team-kid-chip[b-9ljdkacdf1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: var(--font-size-xs);
    font-weight: 700;
}

.parent-kita-team-role-admin[b-9ljdkacdf1] {
    background: var(--color-warning-bg);
    color: var(--color-warning);
}

.parent-kita-team-role-educator[b-9ljdkacdf1] {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.parent-kita-team-job[b-9ljdkacdf1],
.parent-kita-team-kid-chip[b-9ljdkacdf1] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-light);
    color: var(--color-text-muted);
}

.parent-kita-team-member-meta[b-9ljdkacdf1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.parent-kita-team-member-meta span[b-9ljdkacdf1],
.parent-kita-team-detail-item[b-9ljdkacdf1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.parent-kita-team-sidebar-card[b-9ljdkacdf1] {
    background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-overlay) 100%);
}

.parent-kita-team-detail-list[b-9ljdkacdf1] {
    flex-direction: column;
}

.parent-kita-team-linked-kids[b-9ljdkacdf1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.parent-kita-team-kid-chip[b-9ljdkacdf1] {
    justify-content: space-between;
}

.parent-kita-team-kid-chip span[b-9ljdkacdf1] {
    color: var(--color-text-secondary);
}

.parent-kita-team-empty[b-9ljdkacdf1] {
    padding: var(--space-lg) 0 0;
}

@media (max-width: 1100px) {
    .parent-kita-team-grid[b-9ljdkacdf1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .parent-kita-team-header[b-9ljdkacdf1] {
        flex-direction: column;
        gap: var(--space-md);
    }

    .parent-kita-team-header .btn[b-9ljdkacdf1] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 540px) {
    .parent-kita-team-member-head[b-9ljdkacdf1] {
        flex-direction: column;
        align-items: flex-start;
    }

    .parent-kita-team-members-grid[b-9ljdkacdf1] {
        grid-template-columns: 1fr;
    }
}

.theme-dark .parent-kita-team-member-card[b-9ljdkacdf1] {
    background: var(--color-surface-overlay);
    border-color: var(--color-border);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18);
}

.theme-dark .parent-kita-team-sidebar-card[b-9ljdkacdf1] {
    background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-warm-end) 100%);
    border-color: var(--color-border);
}

.theme-dark .parent-kita-team-avatar-image[b-9ljdkacdf1] {
    border-color: var(--color-border);
    background: var(--color-surface);
}

.theme-dark .parent-kita-team-job[b-9ljdkacdf1],
.theme-dark .parent-kita-team-kid-chip[b-9ljdkacdf1] {
    background: var(--color-neutral-bg);
    border-color: var(--color-neutral-border-soft);
    color: var(--color-text-secondary);
}

.theme-dark .parent-kita-team-role-admin[b-9ljdkacdf1] {
    background: var(--color-warning-bg);
    color: #fdba74;
}

.theme-dark .parent-kita-team-role-educator[b-9ljdkacdf1] {
    background: var(--color-success-bg);
    color: #86efac;
}

.theme-dark .parent-kita-team-member-meta[b-9ljdkacdf1],
.theme-dark .parent-kita-team-detail-item[b-9ljdkacdf1],
.theme-dark .parent-kita-team-kid-chip span[b-9ljdkacdf1] {
    color: var(--color-text-secondary);
}
/* /Views/Pages/Parents/Letters.razor.rz.scp.css */
.parent-letters-header[b-58ls6q72lo] {
    margin-bottom: var(--space-lg);
}

.parent-letters-filter-card[b-58ls6q72lo],
.parent-letters-record-card[b-58ls6q72lo] {
    border: 1px solid var(--color-border);
    box-shadow: 0 20px 42px rgba(15, 23, 42, 0.05);
}

.parent-letters-record-card[b-58ls6q72lo] {
    background: var(--color-surface);
}

.parent-letters-record-icon[b-58ls6q72lo] {
    background: rgba(250, 204, 21, 0.18);
    color: var(--color-brand-soft-text);
}

.parent-letters-actions[b-58ls6q72lo] {
    align-items: flex-end;
}

.parent-letters-body-card[b-58ls6q72lo] {
    margin-top: var(--space-md);
    padding: var(--space-lg);
    border-radius: var(--radius-lg);
    background: var(--color-neutral-bg);
    border: 1px solid var(--color-border);
    color: var(--color-text);
    line-height: 1.7;
}

.parent-letters-body-card p[b-58ls6q72lo] {
    margin: 0 0 0.8rem;
}

.parent-letters-body-card p:last-child[b-58ls6q72lo] {
    margin-bottom: 0;
}

.parent-letters-signature[b-58ls6q72lo] {
    margin-top: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    color: var(--color-text-secondary);
}

.parent-letters-signature strong[b-58ls6q72lo] {
    color: var(--color-text);
}

.theme-dark .parent-letters-filter-card[b-58ls6q72lo],
.theme-dark .parent-letters-record-card[b-58ls6q72lo],
.theme-dark .parent-letters-helper-card[b-58ls6q72lo] {
    box-shadow: 0 20px 42px rgba(2, 6, 23, 0.28);
}

.theme-dark .parent-letters-body-card[b-58ls6q72lo] {
    background: rgba(15, 23, 42, 0.22);
}
@media (max-width: 760px) {
    .parent-letters-actions[b-58ls6q72lo] {
        align-items: stretch;
    }

    .parent-letters-actions .btn[b-58ls6q72lo] {
        width: 100%;
    }
}
/* /Views/Pages/Publics/ForgotPassword.razor.rz.scp.css */
.auth-container[b-ba48y2loo2] {
    max-width: 460px;
    margin: var(--space-4xl) auto;
    padding: 0 var(--space-lg);
}

.password-auth-card[b-ba48y2loo2] {
    position: relative;
    overflow: hidden;
    padding: var(--space-2xl);
    background: var(--color-surface);
    border: 1px solid var(--color-surface-overlay-border);
    box-shadow: 0 20px 44px rgba(146, 64, 14, 0.1);
}

.password-auth-card > *[b-ba48y2loo2] {
    position: relative;
    z-index: 1;
}

.password-hero[b-ba48y2loo2] {
    text-align: center;
    margin-bottom: var(--space-lg);
}

.password-hero-icon[b-ba48y2loo2] {
    width: 76px;
    height: 76px;
    margin: 0 auto var(--space-lg);
    border-radius: var(--radius-full);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-surface-overlay-border);
    background: linear-gradient(135deg, rgba(255, 213, 79, 0.28), rgba(255, 255, 255, 0.95));
    box-shadow: 0 14px 28px rgba(180, 119, 16, 0.14);
}

.password-hero-icon i[b-ba48y2loo2] {
    font-size: 28px;
    color: var(--color-amber-700);
}

.password-hero .auth-title[b-ba48y2loo2] {
    margin-bottom: var(--space-sm);
    color: var(--color-text);
    text-align: center;
}

.password-hero .auth-subtitle[b-ba48y2loo2] {
    max-width: 290px;
    margin: 0 auto;
    margin-bottom: 0;
    line-height: 1.65;
}

.password-auth-card .form-group[b-ba48y2loo2] {
    margin-bottom: var(--space-lg);
}

.password-alert[b-ba48y2loo2] {
    border: 1px solid transparent;
}

.password-alert i[b-ba48y2loo2] {
    flex-shrink: 0;
    font-size: 16px;
}

.alert-danger.password-alert[b-ba48y2loo2] {
    border-color: var(--color-danger-border-soft);
}

.alert-success.password-alert[b-ba48y2loo2] {
    border: 1px solid var(--color-success-border-soft);
}

.password-input-shell[b-ba48y2loo2] {
    position: relative;
}

.password-input-icon[b-ba48y2loo2] {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-muted);
    pointer-events: none;
}

.password-input-shell[b-ba48y2loo2]  .password-input {
    padding-left: 52px;
    background: var(--color-surface);
}

.password-input-shell[b-ba48y2loo2]  .password-input:disabled {
    background: #f8fafc;
    color: var(--color-text-muted);
}

.password-primary-action[b-ba48y2loo2] {
    margin-top: var(--space-sm);
    box-shadow: 0 16px 28px rgba(255, 193, 7, 0.22);
}

.password-primary-action .spinner[b-ba48y2loo2] {
    margin-right: 0;
}

.password-actions[b-ba48y2loo2] {
    margin-top: var(--space-lg);
}

.password-actions-centered[b-ba48y2loo2] {
    text-align: center;
}

.password-secondary-action[b-ba48y2loo2] {
    background: rgba(255, 255, 255, 0.72);
}

.password-text-link[b-ba48y2loo2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text-secondary);
}

.password-text-link:hover[b-ba48y2loo2] {
    color: var(--color-amber-700);
}

@media (max-width: 640px) {
    .auth-container[b-ba48y2loo2] {
        margin: var(--space-2xl) auto;
        padding: 0 var(--space-md);
    }

    .password-auth-card[b-ba48y2loo2] {
        padding: var(--space-xl) var(--space-lg);
        border-radius: 20px;
    }

    .password-hero-icon[b-ba48y2loo2] {
        width: 68px;
        height: 68px;
        margin-bottom: var(--space-md);
    }

    .password-hero-icon i[b-ba48y2loo2] {
        font-size: 24px;
    }
}
/* /Views/Pages/Publics/PublicForm.razor.rz.scp.css */
.public-form-page[b-68sgib7zo3] {
    min-height: 100vh;
    padding: 2rem 1rem 4rem;
    color: #1f2937;
    background:
        radial-gradient(circle at top left, rgba(250, 190, 45, 0.2), transparent 32rem),
        linear-gradient(145deg, #fffdf7, #eef8f5);
}

.public-form-shell[b-68sgib7zo3] {
    width: min(760px, 100%);
    margin: 0 auto;
}

.public-form-brand[b-68sgib7zo3] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 1.2rem;
    font-size: 1.05rem;
    font-weight: 850;
}

.public-form-brand-mark[b-68sgib7zo3] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 0.85rem;
    color: #1f2937;
    background: #fabe2d;
}

.public-form-card[b-68sgib7zo3],
.public-form-state[b-68sgib7zo3] {
    padding: clamp(1.25rem, 4vw, 2.5rem);
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 24px 70px rgba(31, 41, 55, 0.1);
}

.public-form-heading[b-68sgib7zo3] {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.public-form-heading h1[b-68sgib7zo3] {
    margin: 0.65rem 0 0.4rem;
    font-size: clamp(1.55rem, 5vw, 2.35rem);
    line-height: 1.12;
}

.public-form-heading p[b-68sgib7zo3],
.public-form-state p[b-68sgib7zo3] {
    color: #64748b;
}

.public-form-access[b-68sgib7zo3] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    color: #0f766e;
    background: #ccfbf1;
    font-size: 0.78rem;
    font-weight: 800;
}

.public-form-fields[b-68sgib7zo3] {
    display: grid;
    gap: 1.25rem;
    margin: 1.5rem 0;
}

.public-form-field[b-68sgib7zo3] {
    display: grid;
    gap: 0.55rem;
}

.public-form-field > label[b-68sgib7zo3] {
    font-weight: 750;
}

.public-form-field h2[b-68sgib7zo3] {
    margin: 0.8rem 0 0;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid #fabe2d;
    font-size: 1.1rem;
}

.public-form-options[b-68sgib7zo3] {
    display: grid;
    gap: 0.6rem;
}

.public-form-option[b-68sgib7zo3] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 3rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid #dbe3ea;
    border-radius: 0.85rem;
    background: #f8fafc;
}

.public-form-file-note[b-68sgib7zo3] {
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 0.85rem;
    color: #64748b;
    background: #f8fafc;
}

.public-form-submit[b-68sgib7zo3] {
    width: 100%;
    min-height: 3.2rem;
}

.public-form-gate[b-68sgib7zo3] {
    gap: 1rem;
}

.public-form-gate > i[b-68sgib7zo3] {
    color: #0f766e;
}

.public-form-gate-actions[b-68sgib7zo3] {
    display: grid;
    width: min(100%, 26rem);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 0.25rem;
}

.public-form-gate-actions .btn[b-68sgib7zo3] {
    justify-content: center;
    min-height: 3.1rem;
}

.public-form-gate-note[b-68sgib7zo3] {
    margin: 0;
    font-size: 0.92rem;
}

.public-form-state[b-68sgib7zo3] {
    display: grid;
    justify-items: center;
    min-height: 18rem;
    place-content: center;
    text-align: center;
}

.public-form-state > i[b-68sgib7zo3] {
    margin-bottom: 0.8rem;
    color: #64748b;
    font-size: 2.6rem;
}

.public-form-success > i[b-68sgib7zo3] {
    color: #16a34a;
}

@media (max-width: 600px) {
    .public-form-page[b-68sgib7zo3] {
        padding: 1rem 0.75rem 2.5rem;
    }

    .public-form-card[b-68sgib7zo3],
    .public-form-state[b-68sgib7zo3] {
        border-radius: 1.15rem;
    }

    .public-form-gate-actions[b-68sgib7zo3] {
        grid-template-columns: 1fr;
    }
}
/* /Views/Pages/Publics/ResetPassword.razor.rz.scp.css */
.reset-password-page[b-v85ccsc484] {
    height: 100vh;
    overflow-y: auto;
    scrollbar-width: none;
}

.reset-password-page[b-v85ccsc484]::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.auth-container[b-v85ccsc484] {
    max-width: 460px;
    margin: 1.25rem auto;
    padding: 0 var(--space-lg);
}

.password-auth-card[b-v85ccsc484] {
    position: relative;
    overflow: hidden;
    padding: var(--space-2xl);
    background: var(--color-surface);
    border: 1px solid var(--color-surface-overlay-border);
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.1);
}

.password-auth-card > *[b-v85ccsc484] {
    position: relative;
    z-index: 1;
}

.password-hero[b-v85ccsc484] {
    text-align: center;
    margin-bottom: var(--space-lg);
}

.password-hero-icon[b-v85ccsc484],
.password-state-icon[b-v85ccsc484] {
    width: 76px;
    height: 76px;
    margin: 0 auto var(--space-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    border: 1px solid var(--color-surface-overlay-border);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.1);
}

.password-hero-icon[b-v85ccsc484] {
    background: linear-gradient(135deg, rgba(187, 222, 251, 0.34), rgba(255, 255, 255, 0.95));
}

.password-hero-icon i[b-v85ccsc484] {
    font-size: 28px;
    color: var(--color-info);
}

.password-hero .auth-title[b-v85ccsc484] {
    margin-bottom: var(--space-sm);
    color: var(--color-text);
    text-align: center;
}

.password-hero .auth-subtitle[b-v85ccsc484] {
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 0;
    line-height: 1.65;
}

.password-auth-card .form-group[b-v85ccsc484] {
    margin-bottom: var(--space-lg);
}

.password-alert[b-v85ccsc484] {
    border: 1px solid transparent;
}

.password-alert i[b-v85ccsc484] {
    flex-shrink: 0;
    font-size: 16px;
}

.alert-danger.password-alert[b-v85ccsc484] {
    border-color: var(--color-danger-border-soft);
}

.password-state-card[b-v85ccsc484] {
    text-align: center;
}

.password-state-card .auth-title[b-v85ccsc484] {
    margin-bottom: var(--space-sm);
}

.password-state-card .auth-subtitle[b-v85ccsc484] {
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 0;
    line-height: 1.65;
}

.password-state-icon-danger[b-v85ccsc484] {
    background: linear-gradient(135deg, rgba(254, 226, 226, 0.95), rgba(255, 255, 255, 0.98));
    color: var(--color-danger);
}

.password-state-icon-success[b-v85ccsc484] {
    background: linear-gradient(135deg, rgba(220, 252, 231, 0.95), rgba(255, 255, 255, 0.98));
    color: var(--color-success);
}

.password-state-icon i[b-v85ccsc484] {
    font-size: 28px;
}

.password-state-message[b-v85ccsc484] {
    max-width: 300px;
    margin: 0 auto var(--space-lg);
    color: var(--color-text-secondary);
    font-size: var(--font-size-base);
    font-weight: 700;
    line-height: 1.65;
}

.password-input-shell[b-v85ccsc484] {
    position: relative;
}

.password-input-icon[b-v85ccsc484] {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-muted);
    pointer-events: none;
}

.password-input-shell[b-v85ccsc484]  .password-input {
    padding-left: 52px;
    background: var(--color-surface);
}

.password-input-shell[b-v85ccsc484]  .password-input:disabled {
    background: #f8fafc;
    color: var(--color-text-secondary);
}

.password-primary-action[b-v85ccsc484] {
    margin-top: var(--space-sm);
    box-shadow: 0 16px 28px rgba(255, 193, 7, 0.22);
}

.password-primary-action .spinner[b-v85ccsc484] {
    margin-right: 0;
}

.password-actions[b-v85ccsc484] {
    margin-top: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    align-items: stretch;
}

.password-text-link[b-v85ccsc484] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text-secondary);
}

.password-text-link:hover[b-v85ccsc484] {
    color: var(--color-amber-700);
}

@media (max-width: 640px) {
    .auth-container[b-v85ccsc484] {
        margin: 1rem auto;
        padding: 0 var(--space-md);
    }

    .password-auth-card[b-v85ccsc484] {
        padding: var(--space-xl) var(--space-lg);
        border-radius: 20px;
    }

    .password-hero-icon[b-v85ccsc484],
    .password-state-icon[b-v85ccsc484] {
        width: 68px;
        height: 68px;
        margin-bottom: var(--space-md);
    }

    .password-hero-icon i[b-v85ccsc484],
    .password-state-icon i[b-v85ccsc484] {
        font-size: 24px;
    }
}
/* /Views/Pages/SuperAdmins/AuditLogs.razor.rz.scp.css */
.audit-reference-page[b-kusdbkgovd] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.audit-page-header[b-kusdbkgovd] {
    margin-bottom: 0;
}

.audit-header-actions[b-kusdbkgovd] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.audit-advanced-filter-btn[b-kusdbkgovd],
.audit-export-btn[b-kusdbkgovd] {
    min-width: 176px;
}

.audit-filter-card[b-kusdbkgovd] {
    padding: 24px;
}

.audit-filter-row[b-kusdbkgovd] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.audit-search-wrap[b-kusdbkgovd] {
    position: relative;
    flex: 1 1 360px;
    min-width: 260px;
}

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

.audit-search-input[b-kusdbkgovd] {
    padding-left: 44px;
    background: var(--color-surface);
}

.audit-select-group[b-kusdbkgovd] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.audit-filter-select[b-kusdbkgovd] {
    width: 180px;
    background: var(--color-surface);
}

.audit-date-field[b-kusdbkgovd] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 600;
}

.audit-date-input[b-kusdbkgovd] {
    width: 160px;
    background: var(--color-surface);
}

.audit-advanced-filters[b-kusdbkgovd] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-border-light);
}

.audit-checkbox[b-kusdbkgovd] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-bg);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 600;
}

.audit-checkbox input[b-kusdbkgovd] {
    accent-color: var(--color-kitabee-amber);
}

.audit-layout-grid[b-kusdbkgovd] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(320px, 1fr);
    gap: 24px;
    align-items: start;
}

.audit-main-column[b-kusdbkgovd],
.audit-side-column[b-kusdbkgovd] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.audit-card-panel[b-kusdbkgovd] {
    padding: 0;
    overflow: hidden;
}

.audit-section-header[b-kusdbkgovd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 24px;
}

.audit-section-header-tight[b-kusdbkgovd] {
    padding-bottom: 12px;
}

.audit-section-header-border[b-kusdbkgovd] {
    border-bottom: 1px solid var(--color-border-light);
}

.audit-section-title[b-kusdbkgovd] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: var(--font-size-lg);
    font-weight: 800;
}

.audit-section-icon-danger[b-kusdbkgovd] {
    color: var(--color-danger);
}

.audit-results-count[b-kusdbkgovd] {
    font-size: var(--font-size-xs);
    font-weight: 700;
    color: var(--color-text-muted);
}
.audit-section-toolbar[b-kusdbkgovd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.audit-page-size-field[b-kusdbkgovd] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--font-size-xs);
    font-weight: 800;
    color: var(--color-text-muted);
    white-space: nowrap;
}

.audit-page-size-select[b-kusdbkgovd] {
    width: auto;
    min-width: 88px;
    height: 38px;
    padding: 0 12px;
}

.audit-alert-list[b-kusdbkgovd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 24px 24px;
}

.audit-alert[b-kusdbkgovd] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border-left: 4px solid transparent;
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}

.audit-alert-danger[b-kusdbkgovd] {
    background: var(--color-danger-bg);
    border-left-color: var(--color-danger);
    color: var(--color-danger);
}

.audit-alert-warning[b-kusdbkgovd] {
    background: var(--color-warning-bg);
    border-left-color: var(--color-warning);
    color: var(--color-warning);
}

.audit-alert-info[b-kusdbkgovd] {
    background: var(--color-info-bg);
    border-left-color: var(--color-info);
    color: var(--color-info);
}

.audit-alert-icon[b-kusdbkgovd] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 20px;
    padding-top: 1px;
    font-size: 15px;
}

.audit-alert-title[b-kusdbkgovd],
.audit-alert-detail[b-kusdbkgovd],
.audit-alert-time[b-kusdbkgovd] {
    margin: 0;
}

.audit-alert-title[b-kusdbkgovd] {
    font-size: var(--font-size-sm);
    font-weight: 700;
}

.audit-alert-detail[b-kusdbkgovd],
.audit-alert-time[b-kusdbkgovd] {
    font-size: var(--font-size-xs);
    opacity: 0.92;
}

.audit-alert-time[b-kusdbkgovd] {
    margin-top: 4px;
}

.audit-inline-empty[b-kusdbkgovd] {
    padding: 0 24px 24px;
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.audit-table-empty-state[b-kusdbkgovd] {
    padding-top: 48px;
    padding-bottom: 48px;
}

.audit-table-container[b-kusdbkgovd] {
    overflow-x: auto;
}

.audit-reference-table[b-kusdbkgovd] {
    min-width: 920px;
}

.audit-reference-table thead th[b-kusdbkgovd] {
    background: var(--color-bg);
    border-bottom-color: var(--color-border-light);
}

.audit-reference-table td[b-kusdbkgovd] {
    vertical-align: middle;
}

.audit-reference-table tbody tr:hover td[b-kusdbkgovd] {
    background: var(--color-border-light);
}

.audit-table-row-failed td[b-kusdbkgovd],
.audit-reference-table tbody tr.audit-table-row-failed:hover td[b-kusdbkgovd] {
    background: var(--color-danger-bg);
}

.audit-timestamp[b-kusdbkgovd] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text);
}

.audit-relative[b-kusdbkgovd] {
    margin-top: 4px;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.audit-user-cell[b-kusdbkgovd],
.audit-top-user-meta[b-kusdbkgovd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.audit-user-avatar[b-kusdbkgovd] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.audit-avatar-fallback[b-kusdbkgovd] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: var(--font-size-xs);
    font-weight: 800;
    letter-spacing: 0.4px;
}

.audit-avatar-amber[b-kusdbkgovd] {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
}

.audit-avatar-blue[b-kusdbkgovd] {
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
}

.audit-avatar-green[b-kusdbkgovd] {
    background: linear-gradient(135deg, #16a34a, #4ade80);
}

.audit-avatar-purple[b-kusdbkgovd] {
    background: linear-gradient(135deg, #9333ea, #c084fc);
}

.audit-user-name[b-kusdbkgovd],
.audit-user-role[b-kusdbkgovd],
.audit-resource-name[b-kusdbkgovd],
.audit-resource-meta[b-kusdbkgovd],
.audit-stat-label[b-kusdbkgovd],
.audit-stat-sublabel[b-kusdbkgovd] {
    margin: 0;
}

.audit-user-name[b-kusdbkgovd],
.audit-resource-name[b-kusdbkgovd],
.audit-stat-label[b-kusdbkgovd] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text);
}

.audit-user-role[b-kusdbkgovd],
.audit-resource-meta[b-kusdbkgovd],
.audit-stat-sublabel[b-kusdbkgovd] {
    margin-top: 2px;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.audit-action-badge[b-kusdbkgovd] {
    gap: 6px;
}

.audit-badge-create[b-kusdbkgovd] {
    background: var(--color-purple-bg);
    color: var(--color-purple);
}

.audit-badge-update[b-kusdbkgovd] {
    background: var(--color-warning-bg);
    color: var(--color-warning);
}

.audit-badge-delete[b-kusdbkgovd] {
    background: var(--color-danger-bg);
    color: var(--color-danger);
}

.audit-badge-view[b-kusdbkgovd] {
    background: var(--color-brand-soft-subtle);
    color: var(--color-brand-soft-text);
}

.audit-badge-login[b-kusdbkgovd] {
    background: var(--color-info-bg);
    color: var(--color-info);
}

.audit-ip-cell[b-kusdbkgovd] {
    white-space: nowrap;
    color: var(--color-text-secondary);
}

.audit-pagination[b-kusdbkgovd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 16px 24px 24px;
    border-top: 1px solid var(--color-border-light);
}

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

.audit-pagination-buttons[b-kusdbkgovd] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.audit-sidebar-list[b-kusdbkgovd] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 0 24px 24px;
}

.audit-stat-row[b-kusdbkgovd],
.audit-top-user-row[b-kusdbkgovd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.audit-stat-meta[b-kusdbkgovd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.audit-stat-icon[b-kusdbkgovd] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}

.audit-stat-icon-success[b-kusdbkgovd] {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.audit-stat-icon-danger[b-kusdbkgovd] {
    background: var(--color-danger-bg);
    color: var(--color-danger);
}

.audit-stat-icon-info[b-kusdbkgovd] {
    background: var(--color-info-bg);
    color: var(--color-info);
}

.audit-stat-icon-purple[b-kusdbkgovd] {
    background: var(--color-purple-bg);
    color: var(--color-purple);
}

.audit-sidebar-number[b-kusdbkgovd] {
    font-size: var(--font-size-2xl);
    font-weight: 800;
    color: var(--color-text);
}

.audit-top-user-count[b-kusdbkgovd] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text-secondary);
    white-space: nowrap;
}

.audit-quick-actions[b-kusdbkgovd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 24px 24px;
}

.audit-quick-button[b-kusdbkgovd] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.audit-quick-button:hover[b-kusdbkgovd] {
    background: var(--color-border-light);
    border-color: var(--color-border);
    color: var(--color-text);
}

.audit-quick-button i[b-kusdbkgovd] {
    width: 18px;
    text-align: center;
}

@media (max-width: 1200px) {
    .audit-layout-grid[b-kusdbkgovd] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .audit-page-header[b-kusdbkgovd] {
        flex-direction: column;
        align-items: stretch;
    }

    .audit-header-actions[b-kusdbkgovd] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .audit-advanced-filter-btn[b-kusdbkgovd],
    .audit-export-btn[b-kusdbkgovd] {
        width: 100%;
    }

    .audit-filter-row[b-kusdbkgovd],
    .audit-advanced-filters[b-kusdbkgovd] {
        flex-direction: column;
        align-items: stretch;
    }

    .audit-search-wrap[b-kusdbkgovd],
    .audit-select-group[b-kusdbkgovd],
    .audit-filter-select[b-kusdbkgovd],
    .audit-date-field[b-kusdbkgovd],
    .audit-date-input[b-kusdbkgovd],
    .audit-checkbox[b-kusdbkgovd] {
        width: 100%;
    }

    .audit-select-group[b-kusdbkgovd] {
        flex-direction: column;
    }

    .audit-pagination[b-kusdbkgovd] {
        flex-direction: column;
        align-items: flex-start;
    }
    .audit-section-toolbar[b-kusdbkgovd],
    .audit-page-size-field[b-kusdbkgovd],
    .audit-page-size-select[b-kusdbkgovd] {
        width: 100%;
    }

    .audit-section-toolbar[b-kusdbkgovd] {
        align-items: flex-start;
        justify-content: flex-start;
    }
}
.audit-selection-column[b-kusdbkgovd] {
    width: 56px;
    min-width: 56px;
    text-align: center;
}

.audit-selection-checkbox[b-kusdbkgovd] {
    width: 18px;
    height: 18px;
    accent-color: var(--color-kitabee-amber);
    cursor: pointer;
}

.audit-delete-selected-btn[b-kusdbkgovd] {
    border-color: rgba(220, 38, 38, 0.35);
    color: var(--color-danger);
}

.audit-delete-selected-btn:hover[b-kusdbkgovd] {
    background: var(--color-danger-bg);
}

.audit-delete-modal-backdrop[b-kusdbkgovd] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(6px);
}

.audit-delete-modal[b-kusdbkgovd] {
    width: min(460px, 100%);
    padding: 28px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    background: var(--color-surface);
    box-shadow: var(--shadow-xl);
}

.audit-delete-modal-icon[b-kusdbkgovd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 18px;
    border-radius: var(--radius-xl);
    background: var(--color-danger-bg);
    color: var(--color-danger);
    font-size: 20px;
}

.audit-delete-modal-copy h2[b-kusdbkgovd] {
    margin: 0 0 8px;
    color: var(--color-text);
    font-size: var(--font-size-xl);
    font-weight: 900;
}

.audit-delete-modal-copy p[b-kusdbkgovd] {
    margin: 0;
    color: var(--color-text-secondary);
    line-height: 1.6;
}

.audit-delete-error[b-kusdbkgovd] {
    display: flex;
    gap: 10px;
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: var(--radius-lg);
    background: var(--color-danger-bg);
    color: var(--color-danger);
    font-weight: 700;
}

.audit-delete-modal-actions[b-kusdbkgovd] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
    flex-wrap: wrap;
}
/* /Views/Pages/SuperAdmins/DemoRequests.razor.rz.scp.css */
.demo-request-review-filters[b-47vjn3iege] {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 1fr) minmax(150px, 220px);
    margin-bottom: var(--space-lg);
}

.demo-request-review-primary[b-47vjn3iege] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.demo-request-review-primary span[b-47vjn3iege] {
    color: var(--color-text-muted);
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.demo-request-review-status[b-47vjn3iege] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 900;
    gap: 7px;
    padding: 8px 11px;
    white-space: nowrap;
}

.demo-request-review-status--new[b-47vjn3iege] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.demo-request-review-status--contacted[b-47vjn3iege] {
    background: rgba(34, 197, 94, 0.14);
    color: #15803d;
}

.demo-request-review-status--closed[b-47vjn3iege] {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

.demo-request-review-actions[b-47vjn3iege] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.demo-request-review-modal[b-47vjn3iege] {
    max-width: min(920px, calc(100vw - 32px));
}

.demo-request-review-modal-head[b-47vjn3iege] {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: var(--space-lg);
}

.demo-request-review-modal-head p[b-47vjn3iege] {
    margin: 6px 0 0;
}

.demo-request-review-badges[b-47vjn3iege] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: var(--space-lg);
}

.demo-request-review-modal-grid[b-47vjn3iege] {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
    margin-bottom: var(--space-lg);
}

.demo-request-review-detail-card[b-47vjn3iege] {
    padding: 18px;
}

.demo-request-review-detail-list[b-47vjn3iege] {
    display: grid;
    gap: 12px;
}

.demo-request-review-detail-list div[b-47vjn3iege] {
    background: var(--color-surface-soft, #f8fafc);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 16px;
    padding: 12px;
}

.demo-request-review-detail-list span[b-47vjn3iege] {
    color: var(--color-text-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.demo-request-review-detail-list strong[b-47vjn3iege] {
    color: var(--color-text);
    display: block;
    overflow-wrap: anywhere;
}

.demo-request-review-status-form[b-47vjn3iege] {
    display: grid;
    gap: 12px;
}

.demo-request-review-timeline[b-47vjn3iege] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.demo-request-review-modal-actions[b-47vjn3iege] {
    justify-content: flex-end;
    margin-top: var(--space-lg);
}

.theme-dark .demo-request-review-detail-list div[b-47vjn3iege] {
    background: var(--color-surface-overlay);
    border-color: var(--color-border);
}

@media (max-width: 980px) {
    .demo-request-review-filters[b-47vjn3iege],
    .demo-request-review-modal-grid[b-47vjn3iege],
    .demo-request-review-timeline[b-47vjn3iege] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .demo-request-review-modal-head[b-47vjn3iege] {
        align-items: stretch;
        flex-direction: column;
    }

    .demo-request-review-actions[b-47vjn3iege] {
        flex-direction: column;
    }

    .demo-request-review-actions .btn[b-47vjn3iege] {
        width: 100%;
    }
}
/* /Views/Pages/SuperAdmins/RoomsManagement.razor.rz.scp.css */
.rooms-management-toolbar[b-43ikz0d0kg] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) 220px 180px;
    gap: 12px;
    align-items: center;
    width: min(100%, 860px);
}

.rooms-management-detail-grid[b-43ikz0d0kg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin-bottom: var(--space-lg);
}

.rooms-management-detail-card[b-43ikz0d0kg] {
    padding: 16px;
}

.rooms-management-detail-card strong[b-43ikz0d0kg] {
    display: block;
    margin-top: 6px;
}

.rooms-management-section-grid[b-43ikz0d0kg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
    margin-bottom: var(--space-lg);
}

.rooms-management-section-card[b-43ikz0d0kg] {
    padding: 16px;
}

.rooms-management-section-card p[b-43ikz0d0kg] {
    margin: 0;
    color: var(--color-text-secondary);
    line-height: 1.7;
    white-space: pre-wrap;
}

@media (max-width: 900px) {
    .rooms-management-toolbar[b-43ikz0d0kg] {
        grid-template-columns: 1fr;
        width: 100%;
    }
}
/* /Views/Pages/SuperAdmins/SupportTickets.razor.rz.scp.css */
.support-ticket-review-filters[b-9r9gr9bd8p] {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(150px, 210px));
    margin-bottom: var(--space-lg);
}

.support-ticket-review-reporter[b-9r9gr9bd8p] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.support-ticket-review-reporter span[b-9r9gr9bd8p] {
    color: var(--color-text-muted);
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.support-ticket-review-status[b-9r9gr9bd8p] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 900;
    gap: 7px;
    padding: 8px 11px;
    white-space: nowrap;
}

.support-ticket-review-status--new[b-9r9gr9bd8p] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.support-ticket-review-status--review[b-9r9gr9bd8p] {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

.support-ticket-review-status--resolved[b-9r9gr9bd8p] {
    background: rgba(34, 197, 94, 0.14);
    color: #15803d;
}

.support-ticket-review-status--closed[b-9r9gr9bd8p] {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

.support-ticket-review-attachment-badge[b-9r9gr9bd8p] {
    align-items: center;
    background: rgba(37, 99, 235, 0.12);
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 999px;
    color: #2563eb;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 900;
    gap: 7px;
    line-height: 1;
    padding: 8px 12px;
    white-space: nowrap;
}

.support-ticket-review-attachment-badge i[b-9r9gr9bd8p] {
    font-size: 0.9rem;
}

.support-ticket-review-modal[b-9r9gr9bd8p] {
    max-width: min(980px, calc(100vw - 32px));
}

.support-ticket-review-modal-head[b-9r9gr9bd8p] {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: var(--space-lg);
}

.support-ticket-review-modal-head p[b-9r9gr9bd8p] {
    margin: 6px 0 0;
}

.support-ticket-review-badges[b-9r9gr9bd8p] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: var(--space-lg);
}

.support-ticket-review-modal-grid[b-9r9gr9bd8p] {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
    margin-bottom: var(--space-lg);
}

.support-ticket-review-detail-card[b-9r9gr9bd8p],
.support-ticket-review-message-card[b-9r9gr9bd8p],
.support-ticket-review-attachment-card[b-9r9gr9bd8p] {
    padding: 18px;
}

.support-ticket-review-detail-list[b-9r9gr9bd8p] {
    display: grid;
    gap: 12px;
}

.support-ticket-review-detail-list div[b-9r9gr9bd8p] {
    background: var(--color-surface-soft, #f8fafc);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 16px;
    padding: 12px;
}

.support-ticket-review-detail-list span[b-9r9gr9bd8p] {
    color: var(--color-text-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.support-ticket-review-detail-list strong[b-9r9gr9bd8p] {
    color: var(--color-text);
    display: block;
    overflow-wrap: anywhere;
}

.support-ticket-review-status-form[b-9r9gr9bd8p] {
    display: grid;
    gap: 12px;
}

.support-ticket-review-message-card[b-9r9gr9bd8p] {
    margin-bottom: var(--space-lg);
}

.support-ticket-review-message-card p[b-9r9gr9bd8p] {
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin: 0;
    white-space: pre-wrap;
}

.support-ticket-review-empty-attachment[b-9r9gr9bd8p] {
    align-items: center;
    border: 1px dashed var(--color-border, #d7e3ef);
    border-radius: 20px;
    color: var(--color-text-muted);
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-height: 160px;
    text-align: center;
}

.support-ticket-review-empty-attachment i[b-9r9gr9bd8p] {
    color: var(--color-kitabee-amber, #d69e00);
    font-size: 2rem;
}

.support-ticket-review-attachment-image[b-9r9gr9bd8p] {
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 20px;
    display: block;
    max-height: 520px;
    object-fit: contain;
    width: 100%;
}

.theme-dark .support-ticket-review-detail-list div[b-9r9gr9bd8p],
.theme-dark .support-ticket-review-empty-attachment[b-9r9gr9bd8p],
.theme-dark .support-ticket-review-attachment-image[b-9r9gr9bd8p] {
    background: var(--color-surface-overlay);
    border-color: var(--color-border);
}

@media (max-width: 980px) {
    .support-ticket-review-filters[b-9r9gr9bd8p],
    .support-ticket-review-modal-grid[b-9r9gr9bd8p] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .support-ticket-review-modal-head[b-9r9gr9bd8p] {
        align-items: stretch;
        flex-direction: column;
    }
}

.support-ticket-review-attachment-open[b-9r9gr9bd8p] {
    background: transparent;
    border: none;
    cursor: zoom-in;
    display: block;
    padding: 0;
    position: relative;
    width: 100%;
}

.support-ticket-review-attachment-open-hint[b-9r9gr9bd8p] {
    align-items: center;
    background: rgba(15, 23, 42, 0.72);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 14px;
    top: 14px;
    transform: translateY(-4px);
    transition: opacity 0.18s ease, transform 0.18s ease;
    width: 42px;
}

.support-ticket-review-attachment-open:hover .support-ticket-review-attachment-open-hint[b-9r9gr9bd8p],
.support-ticket-review-attachment-open:focus-visible .support-ticket-review-attachment-open-hint[b-9r9gr9bd8p] {
    opacity: 1;
    transform: translateY(0);
}

.support-ticket-review-lightbox[b-9r9gr9bd8p] {
    align-items: center;
    background: rgba(2, 6, 23, 0.86);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 28px;
    position: fixed;
    z-index: 3000;
}

.support-ticket-review-lightbox-close[b-9r9gr9bd8p] {
    align-items: center;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    height: 46px;
    justify-content: center;
    position: fixed;
    right: 24px;
    top: 24px;
    width: 46px;
    z-index: 1;
}

.support-ticket-review-lightbox-shell[b-9r9gr9bd8p] {
    display: grid;
    gap: 16px;
    max-height: calc(100vh - 56px);
    max-width: min(1120px, calc(100vw - 56px));
    width: 100%;
}

.support-ticket-review-lightbox-topbar[b-9r9gr9bd8p] {
    align-items: center;
    color: #fff;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.support-ticket-review-lightbox-topbar span[b-9r9gr9bd8p] {
    color: rgba(255, 255, 255, 0.68);
    display: block;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.support-ticket-review-lightbox-topbar strong[b-9r9gr9bd8p] {
    display: block;
    overflow-wrap: anywhere;
}

.support-ticket-review-lightbox-download[b-9r9gr9bd8p] {
    align-items: center;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    border-radius: 999px;
    color: #3f2d00;
    display: inline-flex;
    font-weight: 900;
    gap: 8px;
    padding: 12px 16px;
    text-decoration: none;
    white-space: nowrap;
}

.support-ticket-review-lightbox-image[b-9r9gr9bd8p] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 24px;
    display: block;
    max-height: calc(100vh - 150px);
    object-fit: contain;
    width: 100%;
}

@media (max-width: 640px) {
    .support-ticket-review-lightbox[b-9r9gr9bd8p] {
        padding: 18px;
    }

    .support-ticket-review-lightbox-shell[b-9r9gr9bd8p] {
        max-width: calc(100vw - 36px);
    }

    .support-ticket-review-lightbox-topbar[b-9r9gr9bd8p] {
        align-items: stretch;
        flex-direction: column;
    }

    .support-ticket-review-lightbox-download[b-9r9gr9bd8p] {
        justify-content: center;
    }
}