/* /Components/AccountManage/AccountFamily.razor.rz.scp.css */
body[b-ypaapj0oye] {
}
/* /Components/AccountManage/AccountStores.razor.rz.scp.css */
body[b-2hbsrwdbge] {
}
/* /Components/Account/Manage/CalendarIntegrations.razor.rz.scp.css */
.calendar-integrations-page[b-gac2qhbxv0] {
    color: #16213e;
}

.calendar-integrations-hero[b-gac2qhbxv0] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    margin-bottom: 24px;
    padding: 28px;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(104, 66, 244, .12), rgba(14, 165, 233, .12));
    border: 1px solid #e6eaf2;
}

.calendar-eyebrow[b-gac2qhbxv0] {
    display: inline-flex;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6842f4;
}

.calendar-integrations-hero h1[b-gac2qhbxv0] {
    margin: 0;
    font-size: 36px;
    font-weight: 950;
}

.calendar-integrations-hero p[b-gac2qhbxv0] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 17px;
}

.calendar-integration-actions[b-gac2qhbxv0] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.calendar-connect-button[b-gac2qhbxv0] {
    width: auto;
    margin-top: 0;
    white-space: nowrap;
}

.calendar-integrations-card[b-gac2qhbxv0],
.calendar-source-card[b-gac2qhbxv0],
.calendar-integration-message[b-gac2qhbxv0] {
    background: white;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.calendar-integration-message[b-gac2qhbxv0] {
    margin-bottom: 18px;
    font-weight: 850;
}

.calendar-integration-message.success[b-gac2qhbxv0] {
    border-color: #bbf7d0;
    color: #166534;
    background: #f0fdf4;
}

.calendar-integration-message.error[b-gac2qhbxv0] {
    border-color: #fecaca;
    color: #991b1b;
    background: #fef2f2;
}

.calendar-integrations-grid[b-gac2qhbxv0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 18px;
}

.calendar-source-card[b-gac2qhbxv0] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    gap: 18px;
    padding: 0;
}

.calendar-source-card.selected[b-gac2qhbxv0] {
    border-color: rgba(104, 66, 244, .32);
}

.calendar-source-card.shared[b-gac2qhbxv0] {
    background: #f8fafc;
}

.calendar-source-accent[b-gac2qhbxv0] {
    width: 8px;
    background: linear-gradient(180deg, #6842f4, #8b5cf6);
}

.calendar-source-main[b-gac2qhbxv0] {
    padding: 22px 22px 22px 0;
}

.calendar-source-title-row[b-gac2qhbxv0] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.calendar-source-title-row h2[b-gac2qhbxv0] {
    margin: 0;
    font-size: 21px;
    font-weight: 950;
}

.calendar-source-main p[b-gac2qhbxv0] {
    margin: 6px 0 0;
    color: #64748b;
    word-break: break-word;
}

.calendar-source-pill[b-gac2qhbxv0] {
    border-radius: 999px;
    padding: 5px 9px;
    background: #ede9fe;
    color: #5b21b6;
    font-size: 12px;
    font-weight: 950;
}

.shared-pill[b-gac2qhbxv0] {
    background: #dcfce7;
    color: #166534;
}

.calendar-toggle-row[b-gac2qhbxv0] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #eef2f7;
}

.calendar-toggle-row strong[b-gac2qhbxv0] {
    display: block;
    font-weight: 950;
}

.calendar-toggle-row p[b-gac2qhbxv0] {
    margin-top: 3px;
    font-size: 13px;
}

.calendar-toggle-row.disabled[b-gac2qhbxv0] {
    opacity: .55;
}

.calendar-switch[b-gac2qhbxv0] {
    position: relative;
    width: 52px;
    height: 30px;
    display: inline-flex;
}

.small-switch[b-gac2qhbxv0] {
    width: 46px;
    height: 26px;
}

.calendar-switch input[b-gac2qhbxv0] {
    opacity: 0;
    width: 0;
    height: 0;
}

.calendar-switch span[b-gac2qhbxv0] {
    position: absolute;
    inset: 0;
    cursor: pointer;
    background: #cbd5e1;
    border-radius: 999px;
    transition: .18s ease;
}

.calendar-switch span[b-gac2qhbxv0]::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    left: 4px;
    top: 4px;
    border-radius: 999px;
    background: white;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .2);
    transition: .18s ease;
}

.small-switch span[b-gac2qhbxv0]::before {
    width: 18px;
    height: 18px;
}

.calendar-switch input:checked + span[b-gac2qhbxv0] {
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
}

.calendar-switch input:checked + span[b-gac2qhbxv0]::before {
    transform: translateX(22px);
}

.small-switch input:checked + span[b-gac2qhbxv0]::before {
    transform: translateX(20px);
}

.calendar-shared-note[b-gac2qhbxv0] {
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #eef2ff;
    color: #3730a3;
    font-weight: 850;
}

.empty-calendar-integration-state h2[b-gac2qhbxv0] {
    margin-top: 0;
}

@media (max-width: 800px) {
    .calendar-integrations-hero[b-gac2qhbxv0] {
        flex-direction: column;
        align-items: stretch;
        padding: 20px;
        border-radius: 22px;
    }

    .calendar-integrations-hero h1[b-gac2qhbxv0] {
        font-size: 30px;
    }

    .calendar-integration-actions[b-gac2qhbxv0],
    .calendar-connect-button[b-gac2qhbxv0],
    .calendar-integration-actions .secondary-button[b-gac2qhbxv0] {
        width: 100%;
    }

    .calendar-integrations-grid[b-gac2qhbxv0] {
        grid-template-columns: 1fr;
    }
}

.auth-submit[b-gac2qhbxv0],
.secondary-button[b-gac2qhbxv0] {
    border: none;
    border-radius: 16px;
    padding: 13px 18px;
    font-size: 14px;
    font-weight: 950;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.auth-submit[b-gac2qhbxv0] {
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
}

.secondary-button[b-gac2qhbxv0] {
    background: #e5e7eb;
    color: #111827;
}

.secondary-button:disabled[b-gac2qhbxv0] {
    opacity: .55;
    cursor: not-allowed;
}

.calendar-live-sync-status[b-gac2qhbxv0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 900;
}

.calendar-live-sync-status span[b-gac2qhbxv0] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
}

.calendar-live-sync-status.active[b-gac2qhbxv0] {
    background: #f0fdf4;
    color: #166534;
}

.calendar-live-sync-status.active span[b-gac2qhbxv0] {
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .16);
}

.calendar-live-sync-status.pending[b-gac2qhbxv0] {
    background: #fffbeb;
    color: #92400e;
}

.calendar-live-sync-status.pending span[b-gac2qhbxv0] {
    background: #f59e0b;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, .16);
}

.calendar-integrations-sections[b-gac2qhbxv0] {
    display: grid;
    gap: 24px;
}

.calendar-integrations-section[b-gac2qhbxv0] {
    display: grid;
    gap: 14px;
}

.calendar-section-heading[b-gac2qhbxv0] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding: 0 4px;
}

.calendar-section-heading h2[b-gac2qhbxv0] {
    margin: 0;
    font-size: 22px;
    font-weight: 950;
    color: #16213e;
}

.calendar-section-heading p[b-gac2qhbxv0] {
    margin: 5px 0 0;
    color: #64748b;
}

.calendar-section-heading > span[b-gac2qhbxv0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 94px;
    border-radius: 999px;
    padding: 8px 12px;
    background: #f1f5f9;
    color: #334155;
    font-size: 13px;
    font-weight: 950;
    white-space: nowrap;
}

.shared-heading > span[b-gac2qhbxv0] {
    background: #dcfce7;
    color: #166534;
}

@media (max-width: 800px) {
    .calendar-section-heading[b-gac2qhbxv0] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.feed-card[b-gac2qhbxv0] {
    display: grid;
    gap: 18px;
    margin-bottom: 18px;
}

.feed-card h2[b-gac2qhbxv0] { margin: 0; }
.feed-card p[b-gac2qhbxv0] { margin: 6px 0 0; color: #64748b; }

.feed-form-grid[b-gac2qhbxv0] {
    display: grid;
    grid-template-columns: minmax(150px, .7fr) minmax(180px, 1fr) minmax(260px, 2fr) 90px auto;
    gap: 12px;
    align-items: end;
}

.feed-form-grid label[b-gac2qhbxv0],
.calendar-list-tools label[b-gac2qhbxv0] {
    display: grid;
    gap: 6px;
    font-weight: 850;
    color: #334155;
}

.feed-form-grid input[b-gac2qhbxv0],
.feed-form-grid select[b-gac2qhbxv0],
.calendar-list-tools input[b-gac2qhbxv0] {
    width: 100%;
    min-height: 44px;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 9px 12px;
    background: white;
    color: #0f172a;
}

.feed-color-field input[b-gac2qhbxv0] { padding: 4px; }

.calendar-list-tools[b-gac2qhbxv0] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    margin: 18px 0;
}

.calendar-list-tools label[b-gac2qhbxv0] { flex: 1; max-width: 520px; }
.calendar-list-tools label span[b-gac2qhbxv0] { font-size: 13px; }

.provider-pill[b-gac2qhbxv0] { background: #e0f2fe; color: #075985; }
.selected-pill[b-gac2qhbxv0] { background: #dcfce7; color: #166534; }
.warning-pill[b-gac2qhbxv0] { background: #fef3c7; color: #92400e; }

.calendar-remove-feed[b-gac2qhbxv0] {
    margin-top: 18px;
}

@media (max-width: 1100px) {
    .feed-form-grid[b-gac2qhbxv0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .feed-url-field[b-gac2qhbxv0] { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
    .feed-form-grid[b-gac2qhbxv0] { grid-template-columns: 1fr; }
    .feed-url-field[b-gac2qhbxv0] { grid-column: auto; }
    .calendar-list-tools[b-gac2qhbxv0] { align-items: stretch; flex-direction: column; }
    .calendar-list-tools label[b-gac2qhbxv0] { max-width: none; }
}


.calendar-remove-feed:disabled[b-gac2qhbxv0] {
    opacity: .6;
    cursor: wait;
}

.calendar-connections-card[b-gac2qhbxv0] {
    display: grid;
    gap: 18px;
    margin-bottom: 18px;
}

.calendar-connections-heading[b-gac2qhbxv0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.calendar-connections-heading h2[b-gac2qhbxv0] {
    margin: 0;
    font-size: 22px;
    font-weight: 950;
}

.calendar-connections-heading p[b-gac2qhbxv0] {
    margin: 6px 0 0;
    color: #64748b;
}

.calendar-connections-heading > strong[b-gac2qhbxv0] {
    border-radius: 999px;
    padding: 8px 12px;
    background: #ede9fe;
    color: #5b21b6;
    white-space: nowrap;
}

.calendar-connections-list[b-gac2qhbxv0] {
    display: grid;
    gap: 12px;
}

.calendar-connection-row[b-gac2qhbxv0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #f8fafc;
}

.calendar-connection-row > div[b-gac2qhbxv0] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.calendar-connection-row strong[b-gac2qhbxv0],
.calendar-connection-row span[b-gac2qhbxv0],
.calendar-connection-row small[b-gac2qhbxv0] {
    overflow-wrap: anywhere;
}

.calendar-connection-row > div > strong[b-gac2qhbxv0] {
    color: #0f172a;
    font-size: 16px;
}

.calendar-connection-row > div > span[b-gac2qhbxv0],
.calendar-connection-row > div > small[b-gac2qhbxv0] {
    color: #64748b;
}

.calendar-connection-row .danger-button[b-gac2qhbxv0] {
    flex: 0 0 auto;
}

@media (max-width: 700px) {
    .calendar-connections-heading[b-gac2qhbxv0],
    .calendar-connection-row[b-gac2qhbxv0] {
        align-items: stretch;
        flex-direction: column;
    }

    .calendar-connections-heading > strong[b-gac2qhbxv0],
    .calendar-connection-row .danger-button[b-gac2qhbxv0] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Account/Pages/AccessDenied.razor.rz.scp.css */
.auth-page[b-3m92g9hvwq] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-submit[b-3m92g9hvwq] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-3m92g9hvwq] {
        filter: brightness(.98);
    }

@media (max-width: 900px) {
    .auth-page[b-3m92g9hvwq] {
        padding: 18px;
    }

    .auth-shell[b-3m92g9hvwq] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-3m92g9hvwq] {
        font-size: 36px;
    }
}

.access-card[b-3m92g9hvwq] {
    width: 100%;
    max-width: 550px;
    margin: auto;
    padding: 40px;
    text-align: center;
    border-radius: 28px;
    background: rgba(255,255,255,.88);
    border: 1px solid #e6eaf2;
    box-shadow: 0 18px 45px rgba(24,36,68,.10);
}

.access-icon[b-3m92g9hvwq] {
    width: 110px;
    height: 110px;
    margin: 0 auto 24px;
    display: grid;
    place-items: center;
    font-size: 56px;
    border-radius: 28px;
    background: linear-gradient( 135deg, #fee2e2, #fff1f2 );
}

.access-card h1[b-3m92g9hvwq] {
    margin: 0 0 12px;
    font-size: 42px;
    font-weight: 900;
    color: #16213e;
}

.access-card p[b-3m92g9hvwq] {
    margin: 0;
    font-size: 17px;
    color: #64748b;
    line-height: 1.6;
}

.access-actions[b-3m92g9hvwq] {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.access-actions button[b-3m92g9hvwq] {
        flex: 1;
    }

.access-secondary[b-3m92g9hvwq] {
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    background: white;
    color: #334155;
    font-weight: 800;
    padding: 15px;
    cursor: pointer;
    transition: .2s;
}

.access-secondary:hover[b-3m92g9hvwq] {
        background: #f8fafc;
    }

@media (max-width: 600px) {
    .access-actions[b-3m92g9hvwq] {
        flex-direction: column;
    }

    .access-card[b-3m92g9hvwq] {
        padding: 30px 20px;
    }

        .access-card h1[b-3m92g9hvwq] {
            font-size: 32px;
        }
}

.access-icon.success[b-3m92g9hvwq] {
    background: linear-gradient(135deg, #dcfce7, #ecfdf5);
}

.access-icon.error[b-3m92g9hvwq] {
    background: linear-gradient(135deg, #fee2e2, #fef2f2);
}

.auth-card[b-3m92g9hvwq],
.auth-brand-panel[b-3m92g9hvwq],
.access-card[b-3m92g9hvwq] {
    backdrop-filter: blur(18px);
}

.auth-submit[b-3m92g9hvwq],
a.auth-submit[b-3m92g9hvwq],
.access-secondary[b-3m92g9hvwq],
a.access-secondary[b-3m92g9hvwq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
/* /Components/Account/Pages/ConfirmEmail.razor.rz.scp.css */
.auth-page[b-xou0go8gog] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-submit[b-xou0go8gog] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-xou0go8gog] {
        filter: brightness(.98);
    }

@media (max-width: 900px) {
    .auth-page[b-xou0go8gog] {
        padding: 18px;
    }

    .auth-shell[b-xou0go8gog] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-xou0go8gog] {
        font-size: 36px;
    }
}

.access-card[b-xou0go8gog] {
    width: 100%;
    max-width: 550px;
    margin: auto;
    padding: 40px;
    text-align: center;
    border-radius: 28px;
    background: rgba(255,255,255,.88);
    border: 1px solid #e6eaf2;
    box-shadow: 0 18px 45px rgba(24,36,68,.10);
}

.access-icon[b-xou0go8gog] {
    width: 110px;
    height: 110px;
    margin: 0 auto 24px;
    display: grid;
    place-items: center;
    font-size: 56px;
    border-radius: 28px;
    background: linear-gradient( 135deg, #fee2e2, #fff1f2 );
}

.access-card h1[b-xou0go8gog] {
    margin: 0 0 12px;
    font-size: 42px;
    font-weight: 900;
    color: #16213e;
}

.access-card p[b-xou0go8gog] {
    margin: 0;
    font-size: 17px;
    color: #64748b;
    line-height: 1.6;
}

.access-actions[b-xou0go8gog] {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.access-actions button[b-xou0go8gog] {
        flex: 1;
    }

.access-secondary[b-xou0go8gog] {
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    background: white;
    color: #334155;
    font-weight: 800;
    padding: 15px;
    cursor: pointer;
    transition: .2s;
}

.access-secondary:hover[b-xou0go8gog] {
        background: #f8fafc;
    }

@media (max-width: 600px) {
    .access-actions[b-xou0go8gog] {
        flex-direction: column;
    }

    .access-card[b-xou0go8gog] {
        padding: 30px 20px;
    }

        .access-card h1[b-xou0go8gog] {
            font-size: 32px;
        }
}

.confirm-status[b-xou0go8gog] {
    padding: 16px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e6eaf2;
}

.access-icon.success[b-xou0go8gog] {
    background: linear-gradient(135deg, #dcfce7, #ecfdf5);
}

.confirm-status[b-xou0go8gog] {
    margin-top: 24px;
}

.access-icon.error[b-xou0go8gog] {
    background: linear-gradient(135deg, #fee2e2, #fef2f2);
}

.auth-card[b-xou0go8gog],
.auth-brand-panel[b-xou0go8gog],
.access-card[b-xou0go8gog] {
    backdrop-filter: blur(18px);
}

.auth-submit[b-xou0go8gog],
a.auth-submit[b-xou0go8gog],
.access-secondary[b-xou0go8gog],
a.access-secondary[b-xou0go8gog] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.text-decoration-none[b-xou0go8gog] {
    text-decoration: none !important;
}

.text-center[b-xou0go8gog] {
    text-align: center !important;
}
/* /Components/Account/Pages/ConfirmEmailChange.razor.rz.scp.css */
.auth-page[b-jbu03s5auw] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-submit[b-jbu03s5auw] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-jbu03s5auw] {
        filter: brightness(.98);
    }

@media (max-width: 900px) {
    .auth-page[b-jbu03s5auw] {
        padding: 18px;
    }

    .auth-shell[b-jbu03s5auw] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-jbu03s5auw] {
        font-size: 36px;
    }
}

.access-card[b-jbu03s5auw] {
    width: 100%;
    max-width: 550px;
    margin: auto;
    padding: 40px;
    text-align: center;
    border-radius: 28px;
    background: rgba(255,255,255,.88);
    border: 1px solid #e6eaf2;
    box-shadow: 0 18px 45px rgba(24,36,68,.10);
}

.access-icon[b-jbu03s5auw] {
    width: 110px;
    height: 110px;
    margin: 0 auto 24px;
    display: grid;
    place-items: center;
    font-size: 56px;
    border-radius: 28px;
    background: linear-gradient( 135deg, #fee2e2, #fff1f2 );
}

.access-card h1[b-jbu03s5auw] {
    margin: 0 0 12px;
    font-size: 42px;
    font-weight: 900;
    color: #16213e;
}

.access-card p[b-jbu03s5auw] {
    margin: 0;
    font-size: 17px;
    color: #64748b;
    line-height: 1.6;
}

.access-actions[b-jbu03s5auw] {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.access-actions button[b-jbu03s5auw] {
        flex: 1;
    }

.access-secondary[b-jbu03s5auw] {
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    background: white;
    color: #334155;
    font-weight: 800;
    padding: 15px;
    cursor: pointer;
    transition: .2s;
}

.access-secondary:hover[b-jbu03s5auw] {
        background: #f8fafc;
    }

@media (max-width: 600px) {
    .access-actions[b-jbu03s5auw] {
        flex-direction: column;
    }

    .access-card[b-jbu03s5auw] {
        padding: 30px 20px;
    }

        .access-card h1[b-jbu03s5auw] {
            font-size: 32px;
        }
}

.confirm-status[b-jbu03s5auw] {
    padding: 16px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e6eaf2;
}

.access-icon.success[b-jbu03s5auw] {
    background: linear-gradient(135deg, #dcfce7, #ecfdf5);
}

.confirm-status[b-jbu03s5auw] {
    margin-top: 24px;
}

.success-message[b-jbu03s5auw] {
    padding: 16px;
    border-radius: 18px;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #166534;
    font-weight: 700;
}

.error-message[b-jbu03s5auw] {
    padding: 16px;
    border-radius: 18px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    font-weight: 700;
}

.access-icon.error[b-jbu03s5auw] {
    background: linear-gradient(135deg, #fee2e2, #fef2f2);
}

.auth-card[b-jbu03s5auw],
.auth-brand-panel[b-jbu03s5auw],
.access-card[b-jbu03s5auw] {
    backdrop-filter: blur(18px);
}

.auth-submit[b-jbu03s5auw],
a.auth-submit[b-jbu03s5auw],
.access-secondary[b-jbu03s5auw],
a.access-secondary[b-jbu03s5auw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.text-decoration-none[b-jbu03s5auw] {
    text-decoration: none !important;
}

.text-center[b-jbu03s5auw] {
    text-align: center !important;
}
/* /Components/Account/Pages/ExternalLogin.razor.rz.scp.css */
.auth-page[b-vwvbp8x1r4] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-shell[b-vwvbp8x1r4] {
    width: min(1100px, 100%);
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 28px;
}

.auth-brand-panel[b-vwvbp8x1r4],
.auth-card[b-vwvbp8x1r4] {
    border: 1px solid #e6eaf2;
    border-radius: 28px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .10);
}

.auth-brand-panel[b-vwvbp8x1r4] {
    padding: 36px;
    background: linear-gradient(135deg, #efeaff, #ffffff);
}

.auth-brand-panel h1[b-vwvbp8x1r4] {
    font-size: 48px;
    margin: 0 0 10px;
}

.auth-brand-panel p[b-vwvbp8x1r4] {
    max-width: 520px;
    color: #64748b;
    font-size: 18px;
    line-height: 1.6;
}

.auth-feature[b-vwvbp8x1r4] {
    margin-top: 14px;
    padding: 15px 18px;
    border-radius: 18px;
    background: white;
    border: 1px solid #e6eaf2;
    font-weight: 850;
}

.auth-card[b-vwvbp8x1r4] {
    padding: 30px;
}

.auth-header[b-vwvbp8x1r4] {
    text-align: center;
    margin-bottom: 24px;
}

.auth-icon[b-vwvbp8x1r4] {
    width: 64px;
    height: 64px;
    margin: 0 auto 14px;
    display: grid;
    place-items: center;
    border-radius: 22px;
    background: #efeaff;
    font-size: 32px;
}

.auth-header h2[b-vwvbp8x1r4] {
    margin: 0;
    font-size: 32px;
}

.auth-header p[b-vwvbp8x1r4] {
    margin: 8px 0 0;
    color: #718096;
}

.auth-field[b-vwvbp8x1r4] {
    margin-bottom: 16px;
}

.auth-field label[b-vwvbp8x1r4] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 850;
        color: #334155;
    }

.auth-input[b-vwvbp8x1r4] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 15px 16px;
    background: #fff;
    font-size: 15px;
    outline: none;
}

.auth-input:focus[b-vwvbp8x1r4] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.auth-submit[b-vwvbp8x1r4] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-vwvbp8x1r4] {
        filter: brightness(.98);
    }

.auth-error[b-vwvbp8x1r4],
.auth-validation[b-vwvbp8x1r4] {
    color: #dc2626;
    font-size: 13px;
}

@media (max-width: 900px) {
    .auth-page[b-vwvbp8x1r4] {
        padding: 18px;
    }

    .auth-shell[b-vwvbp8x1r4] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-vwvbp8x1r4] {
        font-size: 36px;
    }
}

.external-info[b-vwvbp8x1r4] {
    margin-bottom: 22px;
    padding: 16px;
    border-radius: 18px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e3a8a;
    font-weight: 700;
    line-height: 1.5;
}

.barcode-add-row .auth-input[b-vwvbp8x1r4] {
        flex: 1;
    }

.inventory-form-section .auth-field:last-child[b-vwvbp8x1r4] {
        margin-bottom: 0;
    }

.brand[b-vwvbp8x1r4] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 10px 18px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.unknown-field .auth-input[b-vwvbp8x1r4],
.unknown-field input[b-vwvbp8x1r4] {
    width: 100%;
    min-width: 0;
}

.store-article-table-row .auth-input[b-vwvbp8x1r4] {
    width: 100%;
    min-width: 0;
    padding: 12px;
}

.auth-brand-logo[b-vwvbp8x1r4] {
    width: 46px;
    height: 46px;
    object-fit: contain;
    flex: 0 0 auto;
}

/* =========================================================
   Consordo account pages
   ========================================================= */

.auth-brand-panel .brand[b-vwvbp8x1r4] {
    padding: 0 0 22px;
    margin-bottom: 26px;
}

.auth-brand-panel .brand span[b-vwvbp8x1r4] {
        font-size: 26px;
        font-weight: 950;
        color: #16213e;
    }

.auth-card[b-vwvbp8x1r4],
.auth-brand-panel[b-vwvbp8x1r4],
.access-card[b-vwvbp8x1r4] {
    backdrop-filter: blur(18px);
}

.auth-submit[b-vwvbp8x1r4],
a.auth-submit[b-vwvbp8x1r4],
.access-secondary[b-vwvbp8x1r4],
a.access-secondary[b-vwvbp8x1r4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

@media (max-width: 600px) {
    .auth-brand-panel[b-vwvbp8x1r4] {
        display: none;
    }

    .auth-shell[b-vwvbp8x1r4] {
        display: block;
    }

    .auth-card[b-vwvbp8x1r4] {
        padding: 24px;
    }

    .account-nav[b-vwvbp8x1r4] {
        grid-template-columns: 1fr;
    }

    .account-content-card[b-vwvbp8x1r4] {
        padding: 18px;
    }

        .account-content-card .table[b-vwvbp8x1r4],
        .account-content-card .table tbody[b-vwvbp8x1r4],
        .account-content-card .table tr[b-vwvbp8x1r4],
        .account-content-card .table td[b-vwvbp8x1r4] {
            display: block;
            width: 100%;
        }

            .account-content-card .table td[b-vwvbp8x1r4],
            .account-content-card .table td:first-child[b-vwvbp8x1r4],
            .account-content-card .table td:last-child[b-vwvbp8x1r4] {
                border: 1px solid #e6eaf2;
                border-radius: 16px;
                text-align: left;
            }
}
/* /Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
.auth-page[b-6qwen3m7zn] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-shell[b-6qwen3m7zn] {
    width: min(1100px, 100%);
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 28px;
}

.auth-brand-panel[b-6qwen3m7zn],
.auth-card[b-6qwen3m7zn] {
    border: 1px solid #e6eaf2;
    border-radius: 28px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .10);
}

.auth-brand-panel[b-6qwen3m7zn] {
    padding: 36px;
    background: linear-gradient(135deg, #efeaff, #ffffff);
}

.auth-brand-panel h1[b-6qwen3m7zn] {
    font-size: 48px;
    margin: 0 0 10px;
}

.auth-brand-panel p[b-6qwen3m7zn] {
    max-width: 520px;
    color: #64748b;
    font-size: 18px;
    line-height: 1.6;
}

.auth-feature[b-6qwen3m7zn] {
    margin-top: 14px;
    padding: 15px 18px;
    border-radius: 18px;
    background: white;
    border: 1px solid #e6eaf2;
    font-weight: 850;
}

.auth-card[b-6qwen3m7zn] {
    padding: 30px;
}

.auth-header[b-6qwen3m7zn] {
    text-align: center;
    margin-bottom: 24px;
}

.auth-icon[b-6qwen3m7zn] {
    width: 64px;
    height: 64px;
    margin: 0 auto 14px;
    display: grid;
    place-items: center;
    border-radius: 22px;
    background: #efeaff;
    font-size: 32px;
}

.auth-header h2[b-6qwen3m7zn] {
    margin: 0;
    font-size: 32px;
}

.auth-header p[b-6qwen3m7zn] {
    margin: 8px 0 0;
    color: #718096;
}

.auth-field[b-6qwen3m7zn] {
    margin-bottom: 16px;
}

.auth-field label[b-6qwen3m7zn] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 850;
        color: #334155;
    }

.auth-input[b-6qwen3m7zn] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 15px 16px;
    background: #fff;
    font-size: 15px;
    outline: none;
}

.auth-input:focus[b-6qwen3m7zn] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.auth-submit[b-6qwen3m7zn] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-6qwen3m7zn] {
        filter: brightness(.98);
    }

.auth-error[b-6qwen3m7zn],
.auth-validation[b-6qwen3m7zn] {
    color: #dc2626;
    font-size: 13px;
}

@media (max-width: 900px) {
    .auth-page[b-6qwen3m7zn] {
        padding: 18px;
    }

    .auth-shell[b-6qwen3m7zn] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-6qwen3m7zn] {
        font-size: 36px;
    }
}

.auth-links[b-6qwen3m7zn] {
    text-align: center;
    margin-top: 20px;
}

.auth-links a[b-6qwen3m7zn] {
        color: #6842f4;
        font-weight: 700;
        text-decoration: none;
    }

.auth-links a:hover[b-6qwen3m7zn] {
            text-decoration: underline;
        }

.barcode-add-row .auth-input[b-6qwen3m7zn] {
        flex: 1;
    }

.inventory-form-section .auth-field:last-child[b-6qwen3m7zn] {
        margin-bottom: 0;
    }

.brand[b-6qwen3m7zn] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 10px 18px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.unknown-field .auth-input[b-6qwen3m7zn],
.unknown-field input[b-6qwen3m7zn] {
    width: 100%;
    min-width: 0;
}

.store-article-table-row .auth-input[b-6qwen3m7zn] {
    width: 100%;
    min-width: 0;
    padding: 12px;
}

.auth-brand-logo[b-6qwen3m7zn] {
    width: 46px;
    height: 46px;
    object-fit: contain;
    flex: 0 0 auto;
}

/* =========================================================
   Consordo account pages
   ========================================================= */

.auth-brand-panel .brand[b-6qwen3m7zn] {
    padding: 0 0 22px;
    margin-bottom: 26px;
}

.auth-brand-panel .brand span[b-6qwen3m7zn] {
        font-size: 26px;
        font-weight: 950;
        color: #16213e;
    }

.auth-card[b-6qwen3m7zn],
.auth-brand-panel[b-6qwen3m7zn],
.access-card[b-6qwen3m7zn] {
    backdrop-filter: blur(18px);
}

.auth-links[b-6qwen3m7zn] {
    display: grid;
    gap: 9px;
}

.auth-submit[b-6qwen3m7zn],
a.auth-submit[b-6qwen3m7zn],
.access-secondary[b-6qwen3m7zn],
a.access-secondary[b-6qwen3m7zn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

@media (max-width: 600px) {
    .auth-brand-panel[b-6qwen3m7zn] {
        display: none;
    }

    .auth-shell[b-6qwen3m7zn] {
        display: block;
    }

    .auth-card[b-6qwen3m7zn] {
        padding: 24px;
    }

    .account-nav[b-6qwen3m7zn] {
        grid-template-columns: 1fr;
    }

    .account-content-card[b-6qwen3m7zn] {
        padding: 18px;
    }

        .account-content-card .table[b-6qwen3m7zn],
        .account-content-card .table tbody[b-6qwen3m7zn],
        .account-content-card .table tr[b-6qwen3m7zn],
        .account-content-card .table td[b-6qwen3m7zn] {
            display: block;
            width: 100%;
        }

            .account-content-card .table td[b-6qwen3m7zn],
            .account-content-card .table td:first-child[b-6qwen3m7zn],
            .account-content-card .table td:last-child[b-6qwen3m7zn] {
                border: 1px solid #e6eaf2;
                border-radius: 16px;
                text-align: left;
            }
}
/* /Components/Account/Pages/ForgotPasswordConfirmation.razor.rz.scp.css */
.auth-page[b-bnmqhsr3hw] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-submit[b-bnmqhsr3hw] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-bnmqhsr3hw] {
        filter: brightness(.98);
    }

@media (max-width: 900px) {
    .auth-page[b-bnmqhsr3hw] {
        padding: 18px;
    }

    .auth-shell[b-bnmqhsr3hw] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-bnmqhsr3hw] {
        font-size: 36px;
    }
}

.access-card[b-bnmqhsr3hw] {
    width: 100%;
    max-width: 550px;
    margin: auto;
    padding: 40px;
    text-align: center;
    border-radius: 28px;
    background: rgba(255,255,255,.88);
    border: 1px solid #e6eaf2;
    box-shadow: 0 18px 45px rgba(24,36,68,.10);
}

.access-icon[b-bnmqhsr3hw] {
    width: 110px;
    height: 110px;
    margin: 0 auto 24px;
    display: grid;
    place-items: center;
    font-size: 56px;
    border-radius: 28px;
    background: linear-gradient( 135deg, #fee2e2, #fff1f2 );
}

.access-card h1[b-bnmqhsr3hw] {
    margin: 0 0 12px;
    font-size: 42px;
    font-weight: 900;
    color: #16213e;
}

.access-card p[b-bnmqhsr3hw] {
    margin: 0;
    font-size: 17px;
    color: #64748b;
    line-height: 1.6;
}

.access-actions[b-bnmqhsr3hw] {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.access-actions button[b-bnmqhsr3hw] {
        flex: 1;
    }

@media (max-width: 600px) {
    .access-actions[b-bnmqhsr3hw] {
        flex-direction: column;
    }

    .access-card[b-bnmqhsr3hw] {
        padding: 30px 20px;
    }

        .access-card h1[b-bnmqhsr3hw] {
            font-size: 32px;
        }
}

.confirm-status[b-bnmqhsr3hw] {
    padding: 16px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e6eaf2;
}

.access-icon.success[b-bnmqhsr3hw] {
    background: linear-gradient(135deg, #dcfce7, #ecfdf5);
}

.confirm-status[b-bnmqhsr3hw] {
    margin-top: 24px;
}

.success-message[b-bnmqhsr3hw] {
    padding: 16px;
    border-radius: 18px;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #166534;
    font-weight: 700;
}

.access-icon.error[b-bnmqhsr3hw] {
    background: linear-gradient(135deg, #fee2e2, #fef2f2);
}

.auth-card[b-bnmqhsr3hw],
.auth-brand-panel[b-bnmqhsr3hw],
.access-card[b-bnmqhsr3hw] {
    backdrop-filter: blur(18px);
}

.auth-submit[b-bnmqhsr3hw],
a.auth-submit[b-bnmqhsr3hw],
.access-secondary[b-bnmqhsr3hw],
a.access-secondary[b-bnmqhsr3hw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.text-decoration-none[b-bnmqhsr3hw] {
    text-decoration: none !important;
}

.text-center[b-bnmqhsr3hw] {
    text-align: center !important;
}
/* /Components/Account/Pages/InvalidPasswordReset.razor.rz.scp.css */
.auth-page[b-mlhb3de8k1] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-submit[b-mlhb3de8k1] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-mlhb3de8k1] {
        filter: brightness(.98);
    }

@media (max-width: 900px) {
    .auth-page[b-mlhb3de8k1] {
        padding: 18px;
    }

    .auth-shell[b-mlhb3de8k1] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-mlhb3de8k1] {
        font-size: 36px;
    }
}

.access-card[b-mlhb3de8k1] {
    width: 100%;
    max-width: 550px;
    margin: auto;
    padding: 40px;
    text-align: center;
    border-radius: 28px;
    background: rgba(255,255,255,.88);
    border: 1px solid #e6eaf2;
    box-shadow: 0 18px 45px rgba(24,36,68,.10);
}

.access-icon[b-mlhb3de8k1] {
    width: 110px;
    height: 110px;
    margin: 0 auto 24px;
    display: grid;
    place-items: center;
    font-size: 56px;
    border-radius: 28px;
    background: linear-gradient( 135deg, #fee2e2, #fff1f2 );
}

.access-card h1[b-mlhb3de8k1] {
    margin: 0 0 12px;
    font-size: 42px;
    font-weight: 900;
    color: #16213e;
}

.access-card p[b-mlhb3de8k1] {
    margin: 0;
    font-size: 17px;
    color: #64748b;
    line-height: 1.6;
}

.access-actions[b-mlhb3de8k1] {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.access-actions button[b-mlhb3de8k1] {
        flex: 1;
    }

.access-secondary[b-mlhb3de8k1] {
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    background: white;
    color: #334155;
    font-weight: 800;
    padding: 15px;
    cursor: pointer;
    transition: .2s;
}

.access-secondary:hover[b-mlhb3de8k1] {
        background: #f8fafc;
    }

@media (max-width: 600px) {
    .access-actions[b-mlhb3de8k1] {
        flex-direction: column;
    }

    .access-card[b-mlhb3de8k1] {
        padding: 30px 20px;
    }

        .access-card h1[b-mlhb3de8k1] {
            font-size: 32px;
        }
}

.confirm-status[b-mlhb3de8k1] {
    padding: 16px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e6eaf2;
}

.access-icon.success[b-mlhb3de8k1] {
    background: linear-gradient(135deg, #dcfce7, #ecfdf5);
}

.confirm-status[b-mlhb3de8k1] {
    margin-top: 24px;
}

.error-message[b-mlhb3de8k1] {
    padding: 16px;
    border-radius: 18px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    font-weight: 700;
}

.access-icon.error[b-mlhb3de8k1] {
    background: linear-gradient(135deg, #fee2e2, #fef2f2);
}

.auth-card[b-mlhb3de8k1],
.auth-brand-panel[b-mlhb3de8k1],
.access-card[b-mlhb3de8k1] {
    backdrop-filter: blur(18px);
}

.auth-submit[b-mlhb3de8k1],
a.auth-submit[b-mlhb3de8k1],
.access-secondary[b-mlhb3de8k1],
a.access-secondary[b-mlhb3de8k1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.text-decoration-none[b-mlhb3de8k1] {
    text-decoration: none !important;
}

.text-center[b-mlhb3de8k1] {
    text-align: center !important;
}
/* /Components/Account/Pages/InvalidUser.razor.rz.scp.css */
.auth-page[b-ra0wv0n140] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-submit[b-ra0wv0n140] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-ra0wv0n140] {
        filter: brightness(.98);
    }

@media (max-width: 900px) {
    .auth-page[b-ra0wv0n140] {
        padding: 18px;
    }

    .auth-shell[b-ra0wv0n140] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-ra0wv0n140] {
        font-size: 36px;
    }
}

.access-card[b-ra0wv0n140] {
    width: 100%;
    max-width: 550px;
    margin: auto;
    padding: 40px;
    text-align: center;
    border-radius: 28px;
    background: rgba(255,255,255,.88);
    border: 1px solid #e6eaf2;
    box-shadow: 0 18px 45px rgba(24,36,68,.10);
}

.access-icon[b-ra0wv0n140] {
    width: 110px;
    height: 110px;
    margin: 0 auto 24px;
    display: grid;
    place-items: center;
    font-size: 56px;
    border-radius: 28px;
    background: linear-gradient( 135deg, #fee2e2, #fff1f2 );
}

.access-card h1[b-ra0wv0n140] {
    margin: 0 0 12px;
    font-size: 42px;
    font-weight: 900;
    color: #16213e;
}

.access-card p[b-ra0wv0n140] {
    margin: 0;
    font-size: 17px;
    color: #64748b;
    line-height: 1.6;
}

.access-actions[b-ra0wv0n140] {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.access-actions button[b-ra0wv0n140] {
        flex: 1;
    }

.access-secondary[b-ra0wv0n140] {
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    background: white;
    color: #334155;
    font-weight: 800;
    padding: 15px;
    cursor: pointer;
    transition: .2s;
}

.access-secondary:hover[b-ra0wv0n140] {
        background: #f8fafc;
    }

@media (max-width: 600px) {
    .access-actions[b-ra0wv0n140] {
        flex-direction: column;
    }

    .access-card[b-ra0wv0n140] {
        padding: 30px 20px;
    }

        .access-card h1[b-ra0wv0n140] {
            font-size: 32px;
        }
}

.confirm-status[b-ra0wv0n140] {
    padding: 16px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e6eaf2;
}

.access-icon.success[b-ra0wv0n140] {
    background: linear-gradient(135deg, #dcfce7, #ecfdf5);
}

.confirm-status[b-ra0wv0n140] {
    margin-top: 24px;
}

.error-message[b-ra0wv0n140] {
    padding: 16px;
    border-radius: 18px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    font-weight: 700;
}

.access-icon.error[b-ra0wv0n140] {
    background: linear-gradient(135deg, #fee2e2, #fef2f2);
}

.auth-card[b-ra0wv0n140],
.auth-brand-panel[b-ra0wv0n140],
.access-card[b-ra0wv0n140] {
    backdrop-filter: blur(18px);
}

.auth-submit[b-ra0wv0n140],
a.auth-submit[b-ra0wv0n140],
.access-secondary[b-ra0wv0n140],
a.access-secondary[b-ra0wv0n140] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.text-decoration-none[b-ra0wv0n140] {
    text-decoration: none !important;
}

.text-center[b-ra0wv0n140] {
    text-align: center !important;
}
/* /Components/Account/Pages/Lockout.razor.rz.scp.css */
.auth-page[b-x37rgtmtuo] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-submit[b-x37rgtmtuo] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-x37rgtmtuo] {
        filter: brightness(.98);
    }

@media (max-width: 900px) {
    .auth-page[b-x37rgtmtuo] {
        padding: 18px;
    }

    .auth-shell[b-x37rgtmtuo] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-x37rgtmtuo] {
        font-size: 36px;
    }
}

.access-card[b-x37rgtmtuo] {
    width: 100%;
    max-width: 550px;
    margin: auto;
    padding: 40px;
    text-align: center;
    border-radius: 28px;
    background: rgba(255,255,255,.88);
    border: 1px solid #e6eaf2;
    box-shadow: 0 18px 45px rgba(24,36,68,.10);
}

.access-icon[b-x37rgtmtuo] {
    width: 110px;
    height: 110px;
    margin: 0 auto 24px;
    display: grid;
    place-items: center;
    font-size: 56px;
    border-radius: 28px;
    background: linear-gradient( 135deg, #fee2e2, #fff1f2 );
}

.access-card h1[b-x37rgtmtuo] {
    margin: 0 0 12px;
    font-size: 42px;
    font-weight: 900;
    color: #16213e;
}

.access-card p[b-x37rgtmtuo] {
    margin: 0;
    font-size: 17px;
    color: #64748b;
    line-height: 1.6;
}

.access-actions[b-x37rgtmtuo] {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.access-actions button[b-x37rgtmtuo] {
        flex: 1;
    }

.access-secondary[b-x37rgtmtuo] {
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    background: white;
    color: #334155;
    font-weight: 800;
    padding: 15px;
    cursor: pointer;
    transition: .2s;
}

.access-secondary:hover[b-x37rgtmtuo] {
        background: #f8fafc;
    }

@media (max-width: 600px) {
    .access-actions[b-x37rgtmtuo] {
        flex-direction: column;
    }

    .access-card[b-x37rgtmtuo] {
        padding: 30px 20px;
    }

        .access-card h1[b-x37rgtmtuo] {
            font-size: 32px;
        }
}

.confirm-status[b-x37rgtmtuo] {
    padding: 16px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e6eaf2;
}

.access-icon.success[b-x37rgtmtuo] {
    background: linear-gradient(135deg, #dcfce7, #ecfdf5);
}

.confirm-status[b-x37rgtmtuo] {
    margin-top: 24px;
}

.error-message[b-x37rgtmtuo] {
    padding: 16px;
    border-radius: 18px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    font-weight: 700;
}

.access-icon.error[b-x37rgtmtuo] {
    background: linear-gradient(135deg, #fee2e2, #fef2f2);
}

.auth-card[b-x37rgtmtuo],
.auth-brand-panel[b-x37rgtmtuo],
.access-card[b-x37rgtmtuo] {
    backdrop-filter: blur(18px);
}

.auth-submit[b-x37rgtmtuo],
a.auth-submit[b-x37rgtmtuo],
.access-secondary[b-x37rgtmtuo],
a.access-secondary[b-x37rgtmtuo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.text-decoration-none[b-x37rgtmtuo] {
    text-decoration: none !important;
}

.text-center[b-x37rgtmtuo] {
    text-align: center !important;
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.auth-page[b-sh1l1m18fi] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-shell[b-sh1l1m18fi] {
    width: min(1100px, 100%);
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 28px;
}

.auth-brand-panel[b-sh1l1m18fi],
.auth-card[b-sh1l1m18fi] {
    border: 1px solid #e6eaf2;
    border-radius: 28px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .10);
}

.auth-brand-panel[b-sh1l1m18fi] {
    padding: 36px;
    background: linear-gradient(135deg, #efeaff, #ffffff);
}

.auth-brand-panel h1[b-sh1l1m18fi] {
    font-size: 48px;
    margin: 0 0 10px;
}

.auth-brand-panel p[b-sh1l1m18fi] {
    max-width: 520px;
    color: #64748b;
    font-size: 18px;
    line-height: 1.6;
}

.auth-feature[b-sh1l1m18fi] {
    margin-top: 14px;
    padding: 15px 18px;
    border-radius: 18px;
    background: white;
    border: 1px solid #e6eaf2;
    font-weight: 850;
}

.auth-card[b-sh1l1m18fi] {
    padding: 30px;
}

.auth-header[b-sh1l1m18fi] {
    text-align: center;
    margin-bottom: 24px;
}

.auth-icon[b-sh1l1m18fi] {
    width: 64px;
    height: 64px;
    margin: 0 auto 14px;
    display: grid;
    place-items: center;
    border-radius: 22px;
    background: #efeaff;
    font-size: 32px;
}

.auth-header h2[b-sh1l1m18fi] {
    margin: 0;
    font-size: 32px;
}

.auth-header p[b-sh1l1m18fi] {
    margin: 8px 0 0;
    color: #718096;
}

.auth-field[b-sh1l1m18fi] {
    margin-bottom: 16px;
}

.auth-field label[b-sh1l1m18fi] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 850;
        color: #334155;
    }

.auth-input[b-sh1l1m18fi] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 15px 16px;
    background: #fff;
    font-size: 15px;
    outline: none;
}

.auth-input:focus[b-sh1l1m18fi] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.auth-submit[b-sh1l1m18fi] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-sh1l1m18fi] {
        filter: brightness(.98);
    }

.auth-error[b-sh1l1m18fi],
.auth-validation[b-sh1l1m18fi] {
    color: #dc2626;
    font-size: 13px;
}

.auth-divider[b-sh1l1m18fi] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 26px 0 18px;
    color: #718096;
    font-weight: 800;
    font-size: 13px;
}

.auth-divider[b-sh1l1m18fi]::before,
    .auth-divider[b-sh1l1m18fi]::after {
        content: "";
        flex: 1;
        height: 1px;
        background: #e6eaf2;
    }

.external-login-box[b-sh1l1m18fi] {
    border: 1px solid #e6eaf2;
    border-radius: 18px;
    padding: 16px;
    background: #f8fafc;
}

@media (max-width: 900px) {
    .auth-page[b-sh1l1m18fi] {
        padding: 18px;
    }

    .auth-shell[b-sh1l1m18fi] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-sh1l1m18fi] {
        font-size: 36px;
    }
}

.auth-links[b-sh1l1m18fi] {
    text-align: center;
    margin-top: 20px;
}

.auth-links a[b-sh1l1m18fi] {
        color: #6842f4;
        font-weight: 700;
        text-decoration: none;
    }

.auth-links a:hover[b-sh1l1m18fi] {
            text-decoration: underline;
        }

.auth-checkbox[b-sh1l1m18fi] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 8px 0 18px;
    color: #334155;
    font-weight: 750;
}

.auth-checkbox input[b-sh1l1m18fi] {
        width: 18px;
        height: 18px;
        accent-color: #6842f4;
    }

.external-login-box button[b-sh1l1m18fi] {
    width: 100%;
    height: 54px;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    background: white;
    color: #334155;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.external-login-box button:hover[b-sh1l1m18fi] {
        background: #f8fafc;
        border-color: #cbd5e1;
        transform: translateY(-1px);
    }

.external-login-box button:active[b-sh1l1m18fi] {
        transform: translateY(0);
    }

.external-login-box button[b-sh1l1m18fi]::before {
        content: "";
        width: 18px;
        height: 18px;
        display: inline-block;
        background: linear-gradient(#f25022 0 0) top left / 8px 8px no-repeat, linear-gradient(#7fba00 0 0) top right / 8px 8px no-repeat, linear-gradient(#00a4ef 0 0) bottom left / 8px 8px no-repeat, linear-gradient(#ffb900 0 0) bottom right / 8px 8px no-repeat;
    }

.barcode-add-row .auth-input[b-sh1l1m18fi] {
        flex: 1;
    }

.inventory-form-section .auth-field:last-child[b-sh1l1m18fi] {
        margin-bottom: 0;
    }

.brand[b-sh1l1m18fi] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 10px 18px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.unknown-field .auth-input[b-sh1l1m18fi],
.unknown-field input[b-sh1l1m18fi] {
    width: 100%;
    min-width: 0;
}

.store-article-table-row .auth-input[b-sh1l1m18fi] {
    width: 100%;
    min-width: 0;
    padding: 12px;
}

.auth-brand-logo[b-sh1l1m18fi] {
    width: 46px;
    height: 46px;
    object-fit: contain;
    flex: 0 0 auto;
}

/* =========================================================
   Consordo account pages
   ========================================================= */

.auth-brand-panel .brand[b-sh1l1m18fi] {
    padding: 0 0 22px;
    margin-bottom: 26px;
}

.auth-brand-panel .brand span[b-sh1l1m18fi] {
        font-size: 26px;
        font-weight: 950;
        color: #16213e;
    }

.auth-card[b-sh1l1m18fi],
.auth-brand-panel[b-sh1l1m18fi],
.access-card[b-sh1l1m18fi] {
    backdrop-filter: blur(18px);
}

.auth-links[b-sh1l1m18fi] {
    display: grid;
    gap: 9px;
}

.auth-submit[b-sh1l1m18fi],
a.auth-submit[b-sh1l1m18fi],
.access-secondary[b-sh1l1m18fi],
a.access-secondary[b-sh1l1m18fi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

@media (max-width: 600px) {
    .auth-brand-panel[b-sh1l1m18fi] {
        display: none;
    }

    .auth-shell[b-sh1l1m18fi] {
        display: block;
    }

    .auth-card[b-sh1l1m18fi] {
        padding: 24px;
    }

    .account-nav[b-sh1l1m18fi] {
        grid-template-columns: 1fr;
    }

    .account-content-card[b-sh1l1m18fi] {
        padding: 18px;
    }

        .account-content-card .table[b-sh1l1m18fi],
        .account-content-card .table tbody[b-sh1l1m18fi],
        .account-content-card .table tr[b-sh1l1m18fi],
        .account-content-card .table td[b-sh1l1m18fi] {
            display: block;
            width: 100%;
        }

            .account-content-card .table td[b-sh1l1m18fi],
            .account-content-card .table td:first-child[b-sh1l1m18fi],
            .account-content-card .table td:last-child[b-sh1l1m18fi] {
                border: 1px solid #e6eaf2;
                border-radius: 16px;
                text-align: left;
            }
}


.auth-public-footer[b-sh1l1m18fi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 22px auto 0;
    color: #7b8496;
    font-size: 13px;
}

.auth-public-footer a[b-sh1l1m18fi] {
    color: #5f46c8;
    font-weight: 800;
    text-decoration: none;
}

.auth-public-footer a:hover[b-sh1l1m18fi] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (prefers-color-scheme: dark) {
    .auth-public-footer[b-sh1l1m18fi] {
        color: #9da7ba;
    }

    .auth-public-footer a[b-sh1l1m18fi] {
        color: #b6a8ff;
    }
}
/* /Components/Account/Pages/Logout.razor.rz.scp.css */
/* /Components/Account/Pages/Manage/ChangePassword.razor.rz.scp.css */
.form-floating > .form-control-plaintext[b-jt2dyj3ftd]::placeholder, .form-floating > .form-control[b-jt2dyj3ftd]::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus[b-jt2dyj3ftd]::placeholder, .form-floating > .form-control:focus[b-jt2dyj3ftd]::placeholder {
    text-align: start;
}

.account-content-card .row[b-jt2dyj3ftd],
.account-content-card .col-xl-6[b-jt2dyj3ftd],
.account-content-card .col-lg-6[b-jt2dyj3ftd],
.account-content-card .col-md-6[b-jt2dyj3ftd] {
    width: 100%;
    max-width: 640px;
}

.account-content-card .form-floating[b-jt2dyj3ftd],
.account-content-card .mb-3[b-jt2dyj3ftd] {
    margin-bottom: 16px;
}

.account-content-card .form-floating:not(.input-group)[b-jt2dyj3ftd] {
        display: flex;
        flex-direction: column-reverse;
        gap: 8px;
    }

.account-content-card .form-label[b-jt2dyj3ftd],
.account-content-card label[b-jt2dyj3ftd] {
    color: #334155;
    font-size: 14px;
    font-weight: 850;
}

.account-content-card .form-control[b-jt2dyj3ftd],
.account-content-card input[type="text"][b-jt2dyj3ftd],
.account-content-card input[type="email"][b-jt2dyj3ftd],
.account-content-card input[type="password"][b-jt2dyj3ftd],
.account-content-card input[type="tel"][b-jt2dyj3ftd] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 14px 16px;
    background: #fff;
    color: #16213e;
    font-size: 15px;
    outline: none;
}

.account-content-card .form-control:focus[b-jt2dyj3ftd],
    .account-content-card input:focus[b-jt2dyj3ftd] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.account-content-card .form-control:disabled[b-jt2dyj3ftd],
    .account-content-card input:disabled[b-jt2dyj3ftd] {
        background: #f8fafc;
        color: #64748b;
    }

.account-content-card .validation-message[b-jt2dyj3ftd],
.account-content-card .text-danger[b-jt2dyj3ftd] {
    margin-top: 6px;
    color: #dc2626;
    font-size: 13px;
    font-weight: 750;
}

.account-content-card .btn[b-jt2dyj3ftd],
.account-content-card button.btn[b-jt2dyj3ftd],
.account-content-card a.btn[b-jt2dyj3ftd] {
    min-height: 46px;
    border: 0;
    border-radius: 999px;
    padding: 11px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
    transition: .2s ease;
}

.account-content-card .btn:hover[b-jt2dyj3ftd] {
        filter: brightness(.98);
        transform: translateY(-1px);
    }

.account-content-card .btn-primary[b-jt2dyj3ftd] {
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
}

.account-content-card .btn-lg[b-jt2dyj3ftd] {
    min-height: 52px;
    font-size: 15px;
}

.account-content-card .w-100[b-jt2dyj3ftd] {
    width: 100%;
}
/* /Components/Account/Pages/Manage/DeletePersonalData.razor.rz.scp.css */
.form-floating > .form-control-plaintext[b-1cwigrkshv]::placeholder, .form-floating > .form-control[b-1cwigrkshv]::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus[b-1cwigrkshv]::placeholder, .form-floating > .form-control:focus[b-1cwigrkshv]::placeholder {
    text-align: start;
}

.account-content-card .form-floating[b-1cwigrkshv],
.account-content-card .mb-3[b-1cwigrkshv] {
    margin-bottom: 16px;
}

.account-content-card .form-floating:not(.input-group)[b-1cwigrkshv] {
        display: flex;
        flex-direction: column-reverse;
        gap: 8px;
    }

.account-content-card .form-label[b-1cwigrkshv],
.account-content-card label[b-1cwigrkshv] {
    color: #334155;
    font-size: 14px;
    font-weight: 850;
}

.account-content-card .form-control[b-1cwigrkshv],
.account-content-card input[type="text"][b-1cwigrkshv],
.account-content-card input[type="email"][b-1cwigrkshv],
.account-content-card input[type="password"][b-1cwigrkshv],
.account-content-card input[type="tel"][b-1cwigrkshv] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 14px 16px;
    background: #fff;
    color: #16213e;
    font-size: 15px;
    outline: none;
}

.account-content-card .form-control:focus[b-1cwigrkshv],
    .account-content-card input:focus[b-1cwigrkshv] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.account-content-card .form-control:disabled[b-1cwigrkshv],
    .account-content-card input:disabled[b-1cwigrkshv] {
        background: #f8fafc;
        color: #64748b;
    }

.account-content-card .validation-message[b-1cwigrkshv],
.account-content-card .text-danger[b-1cwigrkshv] {
    margin-top: 6px;
    color: #dc2626;
    font-size: 13px;
    font-weight: 750;
}

.account-content-card .btn[b-1cwigrkshv],
.account-content-card button.btn[b-1cwigrkshv],
.account-content-card a.btn[b-1cwigrkshv] {
    min-height: 46px;
    border: 0;
    border-radius: 999px;
    padding: 11px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
    transition: .2s ease;
}

.account-content-card .btn:hover[b-1cwigrkshv] {
        filter: brightness(.98);
        transform: translateY(-1px);
    }

.account-content-card .btn-danger[b-1cwigrkshv] {
    background: #dc2626;
}

.account-content-card .btn-lg[b-1cwigrkshv] {
    min-height: 52px;
    font-size: 15px;
}

.account-content-card .w-100[b-1cwigrkshv] {
    width: 100%;
}

.account-content-card .alert[b-1cwigrkshv],
.alert[b-1cwigrkshv] {
    margin: 0 0 18px;
    padding: 15px 17px;
    border-radius: 18px;
    border: 1px solid #e6eaf2;
    background: #f8fafc;
    color: #334155;
    font-weight: 750;
    line-height: 1.5;
}

.account-content-card .alert-warning[b-1cwigrkshv],
.alert-warning[b-1cwigrkshv] {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #9a3412;
}
/* /Components/Account/Pages/Manage/Email.razor.rz.scp.css */
.form-floating > .form-control-plaintext[b-flrrmt4k2q]::placeholder, .form-floating > .form-control[b-flrrmt4k2q]::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus[b-flrrmt4k2q]::placeholder, .form-floating > .form-control:focus[b-flrrmt4k2q]::placeholder {
    text-align: start;
}

.account-content-card .row[b-flrrmt4k2q],
.account-content-card .col-xl-6[b-flrrmt4k2q],
.account-content-card .col-lg-6[b-flrrmt4k2q],
.account-content-card .col-md-6[b-flrrmt4k2q] {
    width: 100%;
    max-width: 640px;
}

.account-content-card .form-floating[b-flrrmt4k2q],
.account-content-card .mb-3[b-flrrmt4k2q] {
    margin-bottom: 16px;
}

.account-content-card .form-floating:not(.input-group)[b-flrrmt4k2q] {
        display: flex;
        flex-direction: column-reverse;
        gap: 8px;
    }

.account-content-card .form-label[b-flrrmt4k2q],
.account-content-card label[b-flrrmt4k2q] {
    color: #334155;
    font-size: 14px;
    font-weight: 850;
}

.account-content-card .form-control[b-flrrmt4k2q],
.account-content-card input[type="text"][b-flrrmt4k2q],
.account-content-card input[type="email"][b-flrrmt4k2q],
.account-content-card input[type="password"][b-flrrmt4k2q],
.account-content-card input[type="tel"][b-flrrmt4k2q] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 14px 16px;
    background: #fff;
    color: #16213e;
    font-size: 15px;
    outline: none;
}

.account-content-card .form-control:focus[b-flrrmt4k2q],
    .account-content-card input:focus[b-flrrmt4k2q] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.account-content-card .form-control:disabled[b-flrrmt4k2q],
    .account-content-card input:disabled[b-flrrmt4k2q] {
        background: #f8fafc;
        color: #64748b;
    }

.account-content-card .validation-message[b-flrrmt4k2q],
.account-content-card .text-danger[b-flrrmt4k2q] {
    margin-top: 6px;
    color: #dc2626;
    font-size: 13px;
    font-weight: 750;
}

.account-content-card .btn[b-flrrmt4k2q],
.account-content-card button.btn[b-flrrmt4k2q],
.account-content-card a.btn[b-flrrmt4k2q] {
    min-height: 46px;
    border: 0;
    border-radius: 999px;
    padding: 11px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
    transition: .2s ease;
}

.account-content-card .btn:hover[b-flrrmt4k2q] {
        filter: brightness(.98);
        transform: translateY(-1px);
    }

.account-content-card .btn-primary[b-flrrmt4k2q] {
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
}

.account-content-card .btn-link[b-flrrmt4k2q] {
    min-height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #6842f4;
    font-weight: 850;
}

.account-content-card .btn-lg[b-flrrmt4k2q] {
    min-height: 52px;
    font-size: 15px;
}

.account-content-card .w-100[b-flrrmt4k2q] {
    width: 100%;
}
/* /Components/Account/Pages/Manage/ExternalLogins.razor.rz.scp.css */
.account-content-card .btn[b-ibtp13mi1f],
.account-content-card button.btn[b-ibtp13mi1f],
.account-content-card a.btn[b-ibtp13mi1f] {
    min-height: 46px;
    border: 0;
    border-radius: 999px;
    padding: 11px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
    transition: .2s ease;
}

.account-content-card .btn:hover[b-ibtp13mi1f] {
        filter: brightness(.98);
        transform: translateY(-1px);
    }

.account-content-card .btn-primary[b-ibtp13mi1f] {
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
}

.account-content-card .table[b-ibtp13mi1f] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.account-content-card .table td[b-ibtp13mi1f] {
        padding: 14px;
        background: #f8fafc;
        border-top: 1px solid #e6eaf2;
        border-bottom: 1px solid #e6eaf2;
        vertical-align: middle;
    }

.account-content-card .table td:first-child[b-ibtp13mi1f] {
            border-left: 1px solid #e6eaf2;
            border-radius: 16px 0 0 16px;
            font-weight: 850;
        }

.account-content-card .table td:last-child[b-ibtp13mi1f] {
            border-right: 1px solid #e6eaf2;
            border-radius: 0 16px 16px 0;
            text-align: right;
        }

@media (max-width: 600px) {
    .auth-brand-panel[b-ibtp13mi1f] {
        display: none;
    }

    .auth-shell[b-ibtp13mi1f] {
        display: block;
    }

    .auth-card[b-ibtp13mi1f] {
        padding: 24px;
    }

    .account-nav[b-ibtp13mi1f] {
        grid-template-columns: 1fr;
    }

    .account-content-card[b-ibtp13mi1f] {
        padding: 18px;
    }

        .account-content-card .table[b-ibtp13mi1f],
        .account-content-card .table tbody[b-ibtp13mi1f],
        .account-content-card .table tr[b-ibtp13mi1f],
        .account-content-card .table td[b-ibtp13mi1f] {
            display: block;
            width: 100%;
        }

            .account-content-card .table td[b-ibtp13mi1f],
            .account-content-card .table td:first-child[b-ibtp13mi1f],
            .account-content-card .table td:last-child[b-ibtp13mi1f] {
                border: 1px solid #e6eaf2;
                border-radius: 16px;
                text-align: left;
            }
}
/* /Components/Account/Pages/Manage/Family.razor.rz.scp.css */
[b-dz19nsgngb] .family-page {
    min-height: 0;
    padding: 0;
    background: transparent;
}

[b-dz19nsgngb] .family-panel {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

[b-dz19nsgngb] .family-panel > .page-header {
    margin: 0 0 20px;
    padding: 22px;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(104, 66, 244, .10), rgba(22, 163, 74, .08));
}

[b-dz19nsgngb] .family-panel > .page-header h1 {
    margin: 0;
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 950;
    letter-spacing: -.035em;
}

[b-dz19nsgngb] .family-panel > .page-header p {
    max-width: 720px;
    margin-top: 8px;
    color: #64748b;
}

[b-dz19nsgngb] .admin-section {
    margin-top: 16px;
    padding: 20px;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 12px 32px rgba(24, 36, 68, .06);
}

[b-dz19nsgngb] .admin-section h2 {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 950;
}

[b-dz19nsgngb] .admin-section > p,
[b-dz19nsgngb] .section-header-row p {
    margin: 0 0 16px;
    color: #64748b;
}

[b-dz19nsgngb] .family-form-row {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    align-items: end;
}

[b-dz19nsgngb] .family-form-row label:only-child {
    max-width: 420px;
}

[b-dz19nsgngb] .section-header-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
}

[b-dz19nsgngb] .child-editor {
    margin-top: 16px;
    padding: 18px;
    border: 1px dashed #cbd5e1;
    border-radius: 22px;
    background: #f8fafc;
}

[b-dz19nsgngb] .family-list {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

@media (max-width: 760px) {
    [b-dz19nsgngb] .family-panel > .page-header,
    [b-dz19nsgngb] .admin-section {
        padding: 16px;
        border-radius: 20px;
    }

    [b-dz19nsgngb] .family-form-row {
        grid-template-columns: 1fr;
    }

    [b-dz19nsgngb] .section-header-row {
        flex-direction: column;
    }

    [b-dz19nsgngb] .section-header-row .approve-button {
        width: 100%;
    }
}
/* /Components/Account/Pages/Manage/Index.razor.rz.scp.css */
.form-floating > .form-control-plaintext[b-xx8o6fgmcy]::placeholder, .form-floating > .form-control[b-xx8o6fgmcy]::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus[b-xx8o6fgmcy]::placeholder, .form-floating > .form-control:focus[b-xx8o6fgmcy]::placeholder {
    text-align: start;
}

.account-content-card .row[b-xx8o6fgmcy],
.account-content-card .col-xl-6[b-xx8o6fgmcy],
.account-content-card .col-lg-6[b-xx8o6fgmcy],
.account-content-card .col-md-6[b-xx8o6fgmcy] {
    width: 100%;
    max-width: 640px;
}

.account-content-card .form-floating[b-xx8o6fgmcy],
.account-content-card .mb-3[b-xx8o6fgmcy] {
    margin-bottom: 16px;
}

.account-content-card .form-floating:not(.input-group)[b-xx8o6fgmcy] {
        display: flex;
        flex-direction: column-reverse;
        gap: 8px;
    }

.account-content-card .form-label[b-xx8o6fgmcy],
.account-content-card label[b-xx8o6fgmcy] {
    color: #334155;
    font-size: 14px;
    font-weight: 850;
}

.account-content-card .form-control[b-xx8o6fgmcy],
.account-content-card input[type="text"][b-xx8o6fgmcy],
.account-content-card input[type="email"][b-xx8o6fgmcy],
.account-content-card input[type="password"][b-xx8o6fgmcy],
.account-content-card input[type="tel"][b-xx8o6fgmcy] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 14px 16px;
    background: #fff;
    color: #16213e;
    font-size: 15px;
    outline: none;
}

.account-content-card .form-control:focus[b-xx8o6fgmcy],
    .account-content-card input:focus[b-xx8o6fgmcy] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.account-content-card .form-control:disabled[b-xx8o6fgmcy],
    .account-content-card input:disabled[b-xx8o6fgmcy] {
        background: #f8fafc;
        color: #64748b;
    }

.account-content-card .validation-message[b-xx8o6fgmcy],
.account-content-card .text-danger[b-xx8o6fgmcy] {
    margin-top: 6px;
    color: #dc2626;
    font-size: 13px;
    font-weight: 750;
}

.account-content-card .btn[b-xx8o6fgmcy],
.account-content-card button.btn[b-xx8o6fgmcy],
.account-content-card a.btn[b-xx8o6fgmcy] {
    min-height: 46px;
    border: 0;
    border-radius: 999px;
    padding: 11px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
    transition: .2s ease;
}

.account-content-card .btn:hover[b-xx8o6fgmcy] {
        filter: brightness(.98);
        transform: translateY(-1px);
    }

.account-content-card .btn-primary[b-xx8o6fgmcy] {
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
}

.account-content-card .btn-lg[b-xx8o6fgmcy] {
    min-height: 52px;
    font-size: 15px;
}

.account-content-card .w-100[b-xx8o6fgmcy] {
    width: 100%;
}

.account-admin-actions[b-xx8o6fgmcy] {
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    padding-top: 1.25rem;
}

.account-action-grid[b-xx8o6fgmcy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.account-action-card[b-xx8o6fgmcy] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    color: inherit;
    text-decoration: none;
}

    .account-action-card:hover[b-xx8o6fgmcy] {
        border-color: rgba(15, 23, 42, 0.18);
        transform: translateY(-1px);
    }

.account-action-icon[b-xx8o6fgmcy] {
    font-size: 1.8rem;
}

.account-action-card small[b-xx8o6fgmcy] {
    color: #64748b;
}
/* /Components/Account/Pages/Manage/PersonalData.razor.rz.scp.css */
.account-content-card .row[b-3t0l0al0vo],
.account-content-card .col-xl-6[b-3t0l0al0vo],
.account-content-card .col-lg-6[b-3t0l0al0vo],
.account-content-card .col-md-6[b-3t0l0al0vo] {
    width: 100%;
    max-width: 640px;
}

.account-content-card .btn[b-3t0l0al0vo],
.account-content-card button.btn[b-3t0l0al0vo],
.account-content-card a.btn[b-3t0l0al0vo] {
    min-height: 46px;
    border: 0;
    border-radius: 999px;
    padding: 11px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
    transition: .2s ease;
}

.account-content-card .btn:hover[b-3t0l0al0vo] {
        filter: brightness(.98);
        transform: translateY(-1px);
    }

.account-content-card .btn-primary[b-3t0l0al0vo] {
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
}

.account-content-card .btn-danger[b-3t0l0al0vo] {
    background: #dc2626;
}
/* /Components/Account/Pages/Manage/RenamePasskey.razor.rz.scp.css */
.form-floating > .form-control-plaintext[b-lo4zog2kj2]::placeholder, .form-floating > .form-control[b-lo4zog2kj2]::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus[b-lo4zog2kj2]::placeholder, .form-floating > .form-control:focus[b-lo4zog2kj2]::placeholder {
    text-align: start;
}

.account-content-card .form-floating[b-lo4zog2kj2],
.account-content-card .mb-3[b-lo4zog2kj2] {
    margin-bottom: 16px;
}

.account-content-card .form-floating:not(.input-group)[b-lo4zog2kj2] {
        display: flex;
        flex-direction: column-reverse;
        gap: 8px;
    }

.account-content-card .form-label[b-lo4zog2kj2],
.account-content-card label[b-lo4zog2kj2] {
    color: #334155;
    font-size: 14px;
    font-weight: 850;
}

.account-content-card .form-control[b-lo4zog2kj2],
.account-content-card input[type="text"][b-lo4zog2kj2],
.account-content-card input[type="email"][b-lo4zog2kj2],
.account-content-card input[type="password"][b-lo4zog2kj2],
.account-content-card input[type="tel"][b-lo4zog2kj2] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 14px 16px;
    background: #fff;
    color: #16213e;
    font-size: 15px;
    outline: none;
}

.account-content-card .form-control:focus[b-lo4zog2kj2],
    .account-content-card input:focus[b-lo4zog2kj2] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.account-content-card .form-control:disabled[b-lo4zog2kj2],
    .account-content-card input:disabled[b-lo4zog2kj2] {
        background: #f8fafc;
        color: #64748b;
    }

.account-content-card .validation-message[b-lo4zog2kj2],
.account-content-card .text-danger[b-lo4zog2kj2] {
    margin-top: 6px;
    color: #dc2626;
    font-size: 13px;
    font-weight: 750;
}

.account-content-card .btn[b-lo4zog2kj2],
.account-content-card button.btn[b-lo4zog2kj2],
.account-content-card a.btn[b-lo4zog2kj2] {
    min-height: 46px;
    border: 0;
    border-radius: 999px;
    padding: 11px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
    transition: .2s ease;
}

.account-content-card .btn:hover[b-lo4zog2kj2] {
        filter: brightness(.98);
        transform: translateY(-1px);
    }

.account-content-card .btn-primary[b-lo4zog2kj2] {
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
}

.account-content-card .btn-lg[b-lo4zog2kj2] {
    min-height: 52px;
    font-size: 15px;
}

.account-content-card .w-100[b-lo4zog2kj2] {
    width: 100%;
}
/* /Components/Account/Pages/Manage/Security.razor.rz.scp.css */
body[b-5xtsv3qgea] {
}
/* /Components/Account/Pages/Manage/SetPassword.razor.rz.scp.css */
.form-floating > .form-control-plaintext[b-iff37t6wmj]::placeholder, .form-floating > .form-control[b-iff37t6wmj]::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus[b-iff37t6wmj]::placeholder, .form-floating > .form-control:focus[b-iff37t6wmj]::placeholder {
    text-align: start;
}

.account-content-card .row[b-iff37t6wmj],
.account-content-card .col-xl-6[b-iff37t6wmj],
.account-content-card .col-lg-6[b-iff37t6wmj],
.account-content-card .col-md-6[b-iff37t6wmj] {
    width: 100%;
    max-width: 640px;
}

.account-content-card .form-floating[b-iff37t6wmj],
.account-content-card .mb-3[b-iff37t6wmj] {
    margin-bottom: 16px;
}

.account-content-card .form-floating:not(.input-group)[b-iff37t6wmj] {
        display: flex;
        flex-direction: column-reverse;
        gap: 8px;
    }

.account-content-card .form-label[b-iff37t6wmj],
.account-content-card label[b-iff37t6wmj] {
    color: #334155;
    font-size: 14px;
    font-weight: 850;
}

.account-content-card .form-control[b-iff37t6wmj],
.account-content-card input[type="text"][b-iff37t6wmj],
.account-content-card input[type="email"][b-iff37t6wmj],
.account-content-card input[type="password"][b-iff37t6wmj],
.account-content-card input[type="tel"][b-iff37t6wmj] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 14px 16px;
    background: #fff;
    color: #16213e;
    font-size: 15px;
    outline: none;
}

.account-content-card .form-control:focus[b-iff37t6wmj],
    .account-content-card input:focus[b-iff37t6wmj] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.account-content-card .form-control:disabled[b-iff37t6wmj],
    .account-content-card input:disabled[b-iff37t6wmj] {
        background: #f8fafc;
        color: #64748b;
    }

.account-content-card .validation-message[b-iff37t6wmj],
.account-content-card .text-danger[b-iff37t6wmj] {
    margin-top: 6px;
    color: #dc2626;
    font-size: 13px;
    font-weight: 750;
}

.account-content-card .btn[b-iff37t6wmj],
.account-content-card button.btn[b-iff37t6wmj],
.account-content-card a.btn[b-iff37t6wmj] {
    min-height: 46px;
    border: 0;
    border-radius: 999px;
    padding: 11px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
    transition: .2s ease;
}

.account-content-card .btn:hover[b-iff37t6wmj] {
        filter: brightness(.98);
        transform: translateY(-1px);
    }

.account-content-card .btn-primary[b-iff37t6wmj] {
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
}

.account-content-card .btn-lg[b-iff37t6wmj] {
    min-height: 52px;
    font-size: 15px;
}

.account-content-card .w-100[b-iff37t6wmj] {
    width: 100%;
}
/* /Components/Account/Pages/Manage/Stores.razor.rz.scp.css */
body[b-fx3e9dexj2] {
}
/* /Components/Account/Pages/PendingApproval.razor.rz.scp.css */
.auth-page[b-0p38g8d0jn] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

@media (max-width: 900px) {
    .auth-page[b-0p38g8d0jn] {
        padding: 18px;
    }

    .auth-shell[b-0p38g8d0jn] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-0p38g8d0jn] {
        font-size: 36px;
    }
}

.access-card[b-0p38g8d0jn] {
    width: 100%;
    max-width: 550px;
    margin: auto;
    padding: 40px;
    text-align: center;
    border-radius: 28px;
    background: rgba(255,255,255,.88);
    border: 1px solid #e6eaf2;
    box-shadow: 0 18px 45px rgba(24,36,68,.10);
}

.access-icon[b-0p38g8d0jn] {
    width: 110px;
    height: 110px;
    margin: 0 auto 24px;
    display: grid;
    place-items: center;
    font-size: 56px;
    border-radius: 28px;
    background: linear-gradient( 135deg, #fee2e2, #fff1f2 );
}

.access-card h1[b-0p38g8d0jn] {
    margin: 0 0 12px;
    font-size: 42px;
    font-weight: 900;
    color: #16213e;
}

.access-card p[b-0p38g8d0jn] {
    margin: 0;
    font-size: 17px;
    color: #64748b;
    line-height: 1.6;
}

@media (max-width: 600px) {
    .access-actions[b-0p38g8d0jn] {
        flex-direction: column;
    }

    .access-card[b-0p38g8d0jn] {
        padding: 30px 20px;
    }

        .access-card h1[b-0p38g8d0jn] {
            font-size: 32px;
        }
}

.access-icon.success[b-0p38g8d0jn] {
    background: linear-gradient(135deg, #dcfce7, #ecfdf5);
}

.access-icon.error[b-0p38g8d0jn] {
    background: linear-gradient(135deg, #fee2e2, #fef2f2);
}

.auth-card[b-0p38g8d0jn],
.auth-brand-panel[b-0p38g8d0jn],
.access-card[b-0p38g8d0jn] {
    backdrop-filter: blur(18px);
}
/* /Components/Account/Pages/RedirectToLogin.razor.rz.scp.css */
/* /Components/Account/Pages/Register.razor.rz.scp.css */
.auth-page[b-s9axzhp6sz] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-shell[b-s9axzhp6sz] {
    width: min(1100px, 100%);
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 28px;
}

.auth-brand-panel[b-s9axzhp6sz],
.auth-card[b-s9axzhp6sz] {
    border: 1px solid #e6eaf2;
    border-radius: 28px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .10);
}

.auth-brand-panel[b-s9axzhp6sz] {
    padding: 36px;
    background: linear-gradient(135deg, #efeaff, #ffffff);
}

.auth-brand-panel h1[b-s9axzhp6sz] {
    font-size: 48px;
    margin: 0 0 10px;
}

.auth-brand-panel p[b-s9axzhp6sz] {
    max-width: 520px;
    color: #64748b;
    font-size: 18px;
    line-height: 1.6;
}

.auth-feature[b-s9axzhp6sz] {
    margin-top: 14px;
    padding: 15px 18px;
    border-radius: 18px;
    background: white;
    border: 1px solid #e6eaf2;
    font-weight: 850;
}

.auth-card[b-s9axzhp6sz] {
    padding: 30px;
}

.auth-header[b-s9axzhp6sz] {
    text-align: center;
    margin-bottom: 24px;
}

.auth-icon[b-s9axzhp6sz] {
    width: 64px;
    height: 64px;
    margin: 0 auto 14px;
    display: grid;
    place-items: center;
    border-radius: 22px;
    background: #efeaff;
    font-size: 32px;
}

.auth-header h2[b-s9axzhp6sz] {
    margin: 0;
    font-size: 32px;
}

.auth-header p[b-s9axzhp6sz] {
    margin: 8px 0 0;
    color: #718096;
}

.auth-field[b-s9axzhp6sz] {
    margin-bottom: 16px;
}

.auth-field label[b-s9axzhp6sz] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 850;
        color: #334155;
    }

.auth-input[b-s9axzhp6sz] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 15px 16px;
    background: #fff;
    font-size: 15px;
    outline: none;
}

.auth-input:focus[b-s9axzhp6sz] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.auth-submit[b-s9axzhp6sz] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-s9axzhp6sz] {
        filter: brightness(.98);
    }

.auth-error[b-s9axzhp6sz],
.auth-validation[b-s9axzhp6sz] {
    color: #dc2626;
    font-size: 13px;
}

.auth-divider[b-s9axzhp6sz] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 26px 0 18px;
    color: #718096;
    font-weight: 800;
    font-size: 13px;
}

.auth-divider[b-s9axzhp6sz]::before,
    .auth-divider[b-s9axzhp6sz]::after {
        content: "";
        flex: 1;
        height: 1px;
        background: #e6eaf2;
    }

.external-login-box[b-s9axzhp6sz] {
    border: 1px solid #e6eaf2;
    border-radius: 18px;
    padding: 16px;
    background: #f8fafc;
}

@media (max-width: 900px) {
    .auth-page[b-s9axzhp6sz] {
        padding: 18px;
    }

    .auth-shell[b-s9axzhp6sz] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-s9axzhp6sz] {
        font-size: 36px;
    }
}

.external-login-box button[b-s9axzhp6sz] {
    width: 100%;
    height: 54px;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    background: white;
    color: #334155;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.external-login-box button:hover[b-s9axzhp6sz] {
        background: #f8fafc;
        border-color: #cbd5e1;
        transform: translateY(-1px);
    }

.external-login-box button:active[b-s9axzhp6sz] {
        transform: translateY(0);
    }

.external-login-box button[b-s9axzhp6sz]::before {
        content: "";
        width: 18px;
        height: 18px;
        display: inline-block;
        background: linear-gradient(#f25022 0 0) top left / 8px 8px no-repeat, linear-gradient(#7fba00 0 0) top right / 8px 8px no-repeat, linear-gradient(#00a4ef 0 0) bottom left / 8px 8px no-repeat, linear-gradient(#ffb900 0 0) bottom right / 8px 8px no-repeat;
    }

.barcode-add-row .auth-input[b-s9axzhp6sz] {
        flex: 1;
    }

.inventory-form-section .auth-field:last-child[b-s9axzhp6sz] {
        margin-bottom: 0;
    }

.brand[b-s9axzhp6sz] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 10px 18px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.unknown-field .auth-input[b-s9axzhp6sz],
.unknown-field input[b-s9axzhp6sz] {
    width: 100%;
    min-width: 0;
}

.store-article-table-row .auth-input[b-s9axzhp6sz] {
    width: 100%;
    min-width: 0;
    padding: 12px;
}

.auth-brand-logo[b-s9axzhp6sz] {
    width: 46px;
    height: 46px;
    object-fit: contain;
    flex: 0 0 auto;
}

/* =========================================================
   Consordo account pages
   ========================================================= */

.auth-brand-panel .brand[b-s9axzhp6sz] {
    padding: 0 0 22px;
    margin-bottom: 26px;
}

.auth-brand-panel .brand span[b-s9axzhp6sz] {
        font-size: 26px;
        font-weight: 950;
        color: #16213e;
    }

.auth-card[b-s9axzhp6sz],
.auth-brand-panel[b-s9axzhp6sz],
.access-card[b-s9axzhp6sz] {
    backdrop-filter: blur(18px);
}

.auth-submit[b-s9axzhp6sz],
a.auth-submit[b-s9axzhp6sz],
.access-secondary[b-s9axzhp6sz],
a.access-secondary[b-s9axzhp6sz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

@media (max-width: 600px) {
    .auth-brand-panel[b-s9axzhp6sz] {
        display: none;
    }

    .auth-shell[b-s9axzhp6sz] {
        display: block;
    }

    .auth-card[b-s9axzhp6sz] {
        padding: 24px;
    }

    .account-nav[b-s9axzhp6sz] {
        grid-template-columns: 1fr;
    }

    .account-content-card[b-s9axzhp6sz] {
        padding: 18px;
    }

        .account-content-card .table[b-s9axzhp6sz],
        .account-content-card .table tbody[b-s9axzhp6sz],
        .account-content-card .table tr[b-s9axzhp6sz],
        .account-content-card .table td[b-s9axzhp6sz] {
            display: block;
            width: 100%;
        }

            .account-content-card .table td[b-s9axzhp6sz],
            .account-content-card .table td:first-child[b-s9axzhp6sz],
            .account-content-card .table td:last-child[b-s9axzhp6sz] {
                border: 1px solid #e6eaf2;
                border-radius: 16px;
                text-align: left;
            }
}
/* /Components/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
.auth-page[b-zm6hq4ce7c] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-submit[b-zm6hq4ce7c] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-zm6hq4ce7c] {
        filter: brightness(.98);
    }

@media (max-width: 900px) {
    .auth-page[b-zm6hq4ce7c] {
        padding: 18px;
    }

    .auth-shell[b-zm6hq4ce7c] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-zm6hq4ce7c] {
        font-size: 36px;
    }
}

.access-card[b-zm6hq4ce7c] {
    width: 100%;
    max-width: 550px;
    margin: auto;
    padding: 40px;
    text-align: center;
    border-radius: 28px;
    background: rgba(255,255,255,.88);
    border: 1px solid #e6eaf2;
    box-shadow: 0 18px 45px rgba(24,36,68,.10);
}

.access-icon[b-zm6hq4ce7c] {
    width: 110px;
    height: 110px;
    margin: 0 auto 24px;
    display: grid;
    place-items: center;
    font-size: 56px;
    border-radius: 28px;
    background: linear-gradient( 135deg, #fee2e2, #fff1f2 );
}

.access-card h1[b-zm6hq4ce7c] {
    margin: 0 0 12px;
    font-size: 42px;
    font-weight: 900;
    color: #16213e;
}

.access-card p[b-zm6hq4ce7c] {
    margin: 0;
    font-size: 17px;
    color: #64748b;
    line-height: 1.6;
}

.access-actions[b-zm6hq4ce7c] {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.access-actions button[b-zm6hq4ce7c] {
        flex: 1;
    }

@media (max-width: 600px) {
    .access-actions[b-zm6hq4ce7c] {
        flex-direction: column;
    }

    .access-card[b-zm6hq4ce7c] {
        padding: 30px 20px;
    }

        .access-card h1[b-zm6hq4ce7c] {
            font-size: 32px;
        }
}

.confirm-status[b-zm6hq4ce7c] {
    padding: 16px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e6eaf2;
}

.access-icon.success[b-zm6hq4ce7c] {
    background: linear-gradient(135deg, #dcfce7, #ecfdf5);
}

.confirm-status[b-zm6hq4ce7c] {
    margin-top: 24px;
}

.success-message[b-zm6hq4ce7c] {
    padding: 16px;
    border-radius: 18px;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #166534;
    font-weight: 700;
}

.error-message[b-zm6hq4ce7c] {
    padding: 16px;
    border-radius: 18px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    font-weight: 700;
}

.access-icon.error[b-zm6hq4ce7c] {
    background: linear-gradient(135deg, #fee2e2, #fef2f2);
}

.dev-link-box[b-zm6hq4ce7c] {
    margin-top: 20px;
    margin-bottom: 24px;
}

.dev-link[b-zm6hq4ce7c] {
    display: block;
    width: 100%;
    padding: 16px;
    border-radius: 18px;
    text-align: center;
    text-decoration: none;
    font-weight: 800;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    transition: .2s;
}

.dev-link:hover[b-zm6hq4ce7c] {
        filter: brightness(.95);
        color: white;
    }

.mt-3[b-zm6hq4ce7c] {
    margin-top: 16px;
}

.auth-card[b-zm6hq4ce7c],
.auth-brand-panel[b-zm6hq4ce7c],
.access-card[b-zm6hq4ce7c] {
    backdrop-filter: blur(18px);
}

.auth-submit[b-zm6hq4ce7c],
a.auth-submit[b-zm6hq4ce7c],
.access-secondary[b-zm6hq4ce7c],
a.access-secondary[b-zm6hq4ce7c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.text-decoration-none[b-zm6hq4ce7c] {
    text-decoration: none !important;
}

.text-center[b-zm6hq4ce7c] {
    text-align: center !important;
}
/* /Components/Account/Pages/ResendEmailConfirmation.razor.rz.scp.css */
.auth-page[b-pk8e4scem9] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-shell[b-pk8e4scem9] {
    width: min(1100px, 100%);
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 28px;
}

.auth-brand-panel[b-pk8e4scem9],
.auth-card[b-pk8e4scem9] {
    border: 1px solid #e6eaf2;
    border-radius: 28px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .10);
}

.auth-brand-panel[b-pk8e4scem9] {
    padding: 36px;
    background: linear-gradient(135deg, #efeaff, #ffffff);
}

.auth-brand-panel h1[b-pk8e4scem9] {
    font-size: 48px;
    margin: 0 0 10px;
}

.auth-brand-panel p[b-pk8e4scem9] {
    max-width: 520px;
    color: #64748b;
    font-size: 18px;
    line-height: 1.6;
}

.auth-feature[b-pk8e4scem9] {
    margin-top: 14px;
    padding: 15px 18px;
    border-radius: 18px;
    background: white;
    border: 1px solid #e6eaf2;
    font-weight: 850;
}

.auth-card[b-pk8e4scem9] {
    padding: 30px;
}

.auth-header[b-pk8e4scem9] {
    text-align: center;
    margin-bottom: 24px;
}

.auth-icon[b-pk8e4scem9] {
    width: 64px;
    height: 64px;
    margin: 0 auto 14px;
    display: grid;
    place-items: center;
    border-radius: 22px;
    background: #efeaff;
    font-size: 32px;
}

.auth-header h2[b-pk8e4scem9] {
    margin: 0;
    font-size: 32px;
}

.auth-header p[b-pk8e4scem9] {
    margin: 8px 0 0;
    color: #718096;
}

.auth-field[b-pk8e4scem9] {
    margin-bottom: 16px;
}

.auth-field label[b-pk8e4scem9] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 850;
        color: #334155;
    }

.auth-input[b-pk8e4scem9] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 15px 16px;
    background: #fff;
    font-size: 15px;
    outline: none;
}

.auth-input:focus[b-pk8e4scem9] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.auth-submit[b-pk8e4scem9] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-pk8e4scem9] {
        filter: brightness(.98);
    }

.auth-error[b-pk8e4scem9],
.auth-validation[b-pk8e4scem9] {
    color: #dc2626;
    font-size: 13px;
}

.auth-divider[b-pk8e4scem9] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 26px 0 18px;
    color: #718096;
    font-weight: 800;
    font-size: 13px;
}

.auth-divider[b-pk8e4scem9]::before,
    .auth-divider[b-pk8e4scem9]::after {
        content: "";
        flex: 1;
        height: 1px;
        background: #e6eaf2;
    }

@media (max-width: 900px) {
    .auth-page[b-pk8e4scem9] {
        padding: 18px;
    }

    .auth-shell[b-pk8e4scem9] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-pk8e4scem9] {
        font-size: 36px;
    }
}

.auth-links[b-pk8e4scem9] {
    text-align: center;
    margin-top: 20px;
}

.auth-links a[b-pk8e4scem9] {
        color: #6842f4;
        font-weight: 700;
        text-decoration: none;
    }

.auth-links a:hover[b-pk8e4scem9] {
            text-decoration: underline;
        }

.barcode-add-row .auth-input[b-pk8e4scem9] {
        flex: 1;
    }

.inventory-form-section .auth-field:last-child[b-pk8e4scem9] {
        margin-bottom: 0;
    }

.brand[b-pk8e4scem9] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 10px 18px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.unknown-field .auth-input[b-pk8e4scem9],
.unknown-field input[b-pk8e4scem9] {
    width: 100%;
    min-width: 0;
}

.store-article-table-row .auth-input[b-pk8e4scem9] {
    width: 100%;
    min-width: 0;
    padding: 12px;
}

.auth-brand-logo[b-pk8e4scem9] {
    width: 46px;
    height: 46px;
    object-fit: contain;
    flex: 0 0 auto;
}

/* =========================================================
   Consordo account pages
   ========================================================= */

.auth-brand-panel .brand[b-pk8e4scem9] {
    padding: 0 0 22px;
    margin-bottom: 26px;
}

.auth-brand-panel .brand span[b-pk8e4scem9] {
        font-size: 26px;
        font-weight: 950;
        color: #16213e;
    }

.auth-card[b-pk8e4scem9],
.auth-brand-panel[b-pk8e4scem9],
.access-card[b-pk8e4scem9] {
    backdrop-filter: blur(18px);
}

.auth-links[b-pk8e4scem9] {
    display: grid;
    gap: 9px;
}

.auth-submit[b-pk8e4scem9],
a.auth-submit[b-pk8e4scem9],
.access-secondary[b-pk8e4scem9],
a.access-secondary[b-pk8e4scem9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

@media (max-width: 600px) {
    .auth-brand-panel[b-pk8e4scem9] {
        display: none;
    }

    .auth-shell[b-pk8e4scem9] {
        display: block;
    }

    .auth-card[b-pk8e4scem9] {
        padding: 24px;
    }

    .account-nav[b-pk8e4scem9] {
        grid-template-columns: 1fr;
    }

    .account-content-card[b-pk8e4scem9] {
        padding: 18px;
    }

        .account-content-card .table[b-pk8e4scem9],
        .account-content-card .table tbody[b-pk8e4scem9],
        .account-content-card .table tr[b-pk8e4scem9],
        .account-content-card .table td[b-pk8e4scem9] {
            display: block;
            width: 100%;
        }

            .account-content-card .table td[b-pk8e4scem9],
            .account-content-card .table td:first-child[b-pk8e4scem9],
            .account-content-card .table td:last-child[b-pk8e4scem9] {
                border: 1px solid #e6eaf2;
                border-radius: 16px;
                text-align: left;
            }
}
/* /Components/Account/Pages/ResetPassword.razor.rz.scp.css */
.auth-page[b-hwwaozgdf4] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-shell[b-hwwaozgdf4] {
    width: min(1100px, 100%);
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 28px;
}

.auth-brand-panel[b-hwwaozgdf4],
.auth-card[b-hwwaozgdf4] {
    border: 1px solid #e6eaf2;
    border-radius: 28px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .10);
}

.auth-brand-panel[b-hwwaozgdf4] {
    padding: 36px;
    background: linear-gradient(135deg, #efeaff, #ffffff);
}

.auth-brand-panel h1[b-hwwaozgdf4] {
    font-size: 48px;
    margin: 0 0 10px;
}

.auth-brand-panel p[b-hwwaozgdf4] {
    max-width: 520px;
    color: #64748b;
    font-size: 18px;
    line-height: 1.6;
}

.auth-feature[b-hwwaozgdf4] {
    margin-top: 14px;
    padding: 15px 18px;
    border-radius: 18px;
    background: white;
    border: 1px solid #e6eaf2;
    font-weight: 850;
}

.auth-card[b-hwwaozgdf4] {
    padding: 30px;
}

.auth-header[b-hwwaozgdf4] {
    text-align: center;
    margin-bottom: 24px;
}

.auth-icon[b-hwwaozgdf4] {
    width: 64px;
    height: 64px;
    margin: 0 auto 14px;
    display: grid;
    place-items: center;
    border-radius: 22px;
    background: #efeaff;
    font-size: 32px;
}

.auth-header h2[b-hwwaozgdf4] {
    margin: 0;
    font-size: 32px;
}

.auth-header p[b-hwwaozgdf4] {
    margin: 8px 0 0;
    color: #718096;
}

.auth-field[b-hwwaozgdf4] {
    margin-bottom: 16px;
}

.auth-field label[b-hwwaozgdf4] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 850;
        color: #334155;
    }

.auth-input[b-hwwaozgdf4] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 15px 16px;
    background: #fff;
    font-size: 15px;
    outline: none;
}

.auth-input:focus[b-hwwaozgdf4] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.auth-submit[b-hwwaozgdf4] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-hwwaozgdf4] {
        filter: brightness(.98);
    }

.auth-error[b-hwwaozgdf4],
.auth-validation[b-hwwaozgdf4] {
    color: #dc2626;
    font-size: 13px;
}

.auth-divider[b-hwwaozgdf4] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 26px 0 18px;
    color: #718096;
    font-weight: 800;
    font-size: 13px;
}

.auth-divider[b-hwwaozgdf4]::before,
    .auth-divider[b-hwwaozgdf4]::after {
        content: "";
        flex: 1;
        height: 1px;
        background: #e6eaf2;
    }

@media (max-width: 900px) {
    .auth-page[b-hwwaozgdf4] {
        padding: 18px;
    }

    .auth-shell[b-hwwaozgdf4] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-hwwaozgdf4] {
        font-size: 36px;
    }
}

.auth-links[b-hwwaozgdf4] {
    text-align: center;
    margin-top: 20px;
}

.auth-links a[b-hwwaozgdf4] {
        color: #6842f4;
        font-weight: 700;
        text-decoration: none;
    }

.auth-links a:hover[b-hwwaozgdf4] {
            text-decoration: underline;
        }

.barcode-add-row .auth-input[b-hwwaozgdf4] {
        flex: 1;
    }

.inventory-form-section .auth-field:last-child[b-hwwaozgdf4] {
        margin-bottom: 0;
    }

.brand[b-hwwaozgdf4] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 10px 18px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.unknown-field .auth-input[b-hwwaozgdf4],
.unknown-field input[b-hwwaozgdf4] {
    width: 100%;
    min-width: 0;
}

.store-article-table-row .auth-input[b-hwwaozgdf4] {
    width: 100%;
    min-width: 0;
    padding: 12px;
}

.auth-brand-logo[b-hwwaozgdf4] {
    width: 46px;
    height: 46px;
    object-fit: contain;
    flex: 0 0 auto;
}

/* =========================================================
   Consordo account pages
   ========================================================= */

.auth-brand-panel .brand[b-hwwaozgdf4] {
    padding: 0 0 22px;
    margin-bottom: 26px;
}

.auth-brand-panel .brand span[b-hwwaozgdf4] {
        font-size: 26px;
        font-weight: 950;
        color: #16213e;
    }

.auth-card[b-hwwaozgdf4],
.auth-brand-panel[b-hwwaozgdf4],
.access-card[b-hwwaozgdf4] {
    backdrop-filter: blur(18px);
}

.auth-links[b-hwwaozgdf4] {
    display: grid;
    gap: 9px;
}

.auth-submit[b-hwwaozgdf4],
a.auth-submit[b-hwwaozgdf4],
.access-secondary[b-hwwaozgdf4],
a.access-secondary[b-hwwaozgdf4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

@media (max-width: 600px) {
    .auth-brand-panel[b-hwwaozgdf4] {
        display: none;
    }

    .auth-shell[b-hwwaozgdf4] {
        display: block;
    }

    .auth-card[b-hwwaozgdf4] {
        padding: 24px;
    }

    .account-nav[b-hwwaozgdf4] {
        grid-template-columns: 1fr;
    }

    .account-content-card[b-hwwaozgdf4] {
        padding: 18px;
    }

        .account-content-card .table[b-hwwaozgdf4],
        .account-content-card .table tbody[b-hwwaozgdf4],
        .account-content-card .table tr[b-hwwaozgdf4],
        .account-content-card .table td[b-hwwaozgdf4] {
            display: block;
            width: 100%;
        }

            .account-content-card .table td[b-hwwaozgdf4],
            .account-content-card .table td:first-child[b-hwwaozgdf4],
            .account-content-card .table td:last-child[b-hwwaozgdf4] {
                border: 1px solid #e6eaf2;
                border-radius: 16px;
                text-align: left;
            }
}
/* /Components/Account/Pages/ResetPasswordConfirmation.razor.rz.scp.css */
.auth-page[b-r7xyn3muh9] {
    min-height: 100vh;
    padding: 32px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
    color: #16213e;
}

.auth-submit[b-r7xyn3muh9] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-r7xyn3muh9] {
        filter: brightness(.98);
    }

@media (max-width: 900px) {
    .auth-page[b-r7xyn3muh9] {
        padding: 18px;
    }

    .auth-shell[b-r7xyn3muh9] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel h1[b-r7xyn3muh9] {
        font-size: 36px;
    }
}

.access-card[b-r7xyn3muh9] {
    width: 100%;
    max-width: 550px;
    margin: auto;
    padding: 40px;
    text-align: center;
    border-radius: 28px;
    background: rgba(255,255,255,.88);
    border: 1px solid #e6eaf2;
    box-shadow: 0 18px 45px rgba(24,36,68,.10);
}

.access-icon[b-r7xyn3muh9] {
    width: 110px;
    height: 110px;
    margin: 0 auto 24px;
    display: grid;
    place-items: center;
    font-size: 56px;
    border-radius: 28px;
    background: linear-gradient( 135deg, #fee2e2, #fff1f2 );
}

.access-card h1[b-r7xyn3muh9] {
    margin: 0 0 12px;
    font-size: 42px;
    font-weight: 900;
    color: #16213e;
}

.access-card p[b-r7xyn3muh9] {
    margin: 0;
    font-size: 17px;
    color: #64748b;
    line-height: 1.6;
}

.access-actions[b-r7xyn3muh9] {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.access-actions button[b-r7xyn3muh9] {
        flex: 1;
    }

.access-secondary[b-r7xyn3muh9] {
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    background: white;
    color: #334155;
    font-weight: 800;
    padding: 15px;
    cursor: pointer;
    transition: .2s;
}

.access-secondary:hover[b-r7xyn3muh9] {
        background: #f8fafc;
    }

@media (max-width: 600px) {
    .access-actions[b-r7xyn3muh9] {
        flex-direction: column;
    }

    .access-card[b-r7xyn3muh9] {
        padding: 30px 20px;
    }

        .access-card h1[b-r7xyn3muh9] {
            font-size: 32px;
        }
}

.confirm-status[b-r7xyn3muh9] {
    padding: 16px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e6eaf2;
}

.access-icon.success[b-r7xyn3muh9] {
    background: linear-gradient(135deg, #dcfce7, #ecfdf5);
}

.confirm-status[b-r7xyn3muh9] {
    margin-top: 24px;
}

.success-message[b-r7xyn3muh9] {
    padding: 16px;
    border-radius: 18px;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #166534;
    font-weight: 700;
}

.access-icon.error[b-r7xyn3muh9] {
    background: linear-gradient(135deg, #fee2e2, #fef2f2);
}

.auth-card[b-r7xyn3muh9],
.auth-brand-panel[b-r7xyn3muh9],
.access-card[b-r7xyn3muh9] {
    backdrop-filter: blur(18px);
}

.auth-submit[b-r7xyn3muh9],
a.auth-submit[b-r7xyn3muh9],
.access-secondary[b-r7xyn3muh9],
a.access-secondary[b-r7xyn3muh9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.text-decoration-none[b-r7xyn3muh9] {
    text-decoration: none !important;
}

.text-center[b-r7xyn3muh9] {
    text-align: center !important;
}
/* /Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
.external-login-form[b-wxgo6l12zp],
.external-login-list[b-wxgo6l12zp] {
    width: 100%;
}

.external-login-list[b-wxgo6l12zp] {
    display: grid;
    gap: 12px;
}

.external-login-button[b-wxgo6l12zp] {
    width: 100%;
    min-height: 54px;
    border: 1px solid #d8dee9;
    border-radius: 16px;
    padding: 12px 18px;
    background: #fff;
    color: #24324a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font: inherit;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}

.external-login-button[b-wxgo6l12zp]::before {
    content: none !important;
    display: none !important;
}

.external-login-button:hover[b-wxgo6l12zp] {
    border-color: #b8c2d1;
    background: #fbfcfe;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
    transform: translateY(-1px);
}

.external-login-button:active[b-wxgo6l12zp] {
    transform: translateY(0);
}

.external-login-button:focus-visible[b-wxgo6l12zp] {
    outline: 3px solid rgba(66, 133, 244, .24);
    outline-offset: 2px;
}

.external-login-google:hover[b-wxgo6l12zp] {
    border-color: #aebfdc;
}

.external-login-icon[b-wxgo6l12zp] {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}

.external-login-generic-icon[b-wxgo6l12zp] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    flex: 0 0 22px;
    background: #eef2ff;
    color: #5b3fd6;
    font-size: 12px;
    font-weight: 950;
}

.external-login-empty[b-wxgo6l12zp] {
    color: #64748b;
    text-align: center;
}

.external-login-empty p[b-wxgo6l12zp] {
    margin: 0;
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.account-page[b-aak3wfm3mb] {
    min-height: 100%;
    padding: 0;
    color: #16213e;
    background:
        radial-gradient(circle at top left, rgba(104, 66, 244, .14), transparent 34rem),
        linear-gradient(135deg, #f8faff, #f3f0ff);
}

.account-settings-header[b-aak3wfm3mb],
.account-content-card[b-aak3wfm3mb] {
    width: 100%;
    border: 1px solid #e6eaf2;
    background: rgba(255, 255, 255, .90);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .10);
    backdrop-filter: blur(18px);
}

.account-settings-header[b-aak3wfm3mb] {
    position: relative;
    z-index: 50;
    margin: 0 0 18px;
    border-radius: 30px;
    padding: 26px 30px 22px;
    display: grid;
    gap: 22px;
    overflow: visible;
}

.account-header-main[b-aak3wfm3mb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.account-brand[b-aak3wfm3mb] {
    display: flex;
    align-items: center;
    gap: 14px;
    color: inherit;
    text-decoration: none;
    flex-shrink: 0;
}

.account-brand img[b-aak3wfm3mb] {
    width: 52px;
    height: 52px;
    object-fit: contain;
}

.account-brand-title[b-aak3wfm3mb] {
    font-size: 28px;
    font-weight: 950;
    line-height: 1;
}

.account-brand-subtitle[b-aak3wfm3mb],
.account-kicker[b-aak3wfm3mb] {
    color: #8a94a6;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.account-hero-text[b-aak3wfm3mb] {
    text-align: right;
}

.account-hero-text h1[b-aak3wfm3mb] {
    margin: 5px 0 6px;
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 950;
    letter-spacing: -.04em;
}

.account-hero-text p[b-aak3wfm3mb] {
    margin: 0;
    color: #64748b;
    font-size: 17px;
    line-height: 1.6;
}

.account-content-card[b-aak3wfm3mb] {
    position: relative;
    z-index: 1;
    min-width: 0;
    border-radius: 28px;
    padding: 22px;
}

.account-content-card h3[b-aak3wfm3mb] {
    margin: 0 0 18px;
    font-size: 30px;
    font-weight: 950;
    letter-spacing: -.03em;
}

.account-content-card h4[b-aak3wfm3mb] {
    margin: 28px 0 14px;
    font-size: 22px;
    font-weight: 900;
}

.account-content-card p[b-aak3wfm3mb] {
    color: #64748b;
    font-size: 15px;
    line-height: 1.6;
}

.account-content-card hr[b-aak3wfm3mb] {
    border: none;
    border-top: 1px solid #e6eaf2;
    margin: 20px 0;
}

.account-content-card .row[b-aak3wfm3mb],
.account-content-card .col[b-aak3wfm3mb],
.account-content-card [class^="col-"][b-aak3wfm3mb],
.account-content-card [class*=" col-"][b-aak3wfm3mb] {
    width: 100%;
    max-width: none;
}

.account-content-card form[b-aak3wfm3mb] {
    width: 100%;
    max-width: none;
}

.account-content-card .table-responsive[b-aak3wfm3mb],
.account-content-card .table[b-aak3wfm3mb] {
    width: 100%;
}

.account-content-card .form-floating[b-aak3wfm3mb],
.account-content-card .mb-3[b-aak3wfm3mb] {
    margin-bottom: 16px;
}

.account-content-card .form-floating:not(.input-group)[b-aak3wfm3mb] {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
}

.account-content-card .form-label[b-aak3wfm3mb],
.account-content-card label[b-aak3wfm3mb] {
    color: #334155;
    font-size: 14px;
    font-weight: 850;
}

.account-content-card .form-control[b-aak3wfm3mb],
.account-content-card input[type="text"][b-aak3wfm3mb],
.account-content-card input[type="email"][b-aak3wfm3mb],
.account-content-card input[type="password"][b-aak3wfm3mb],
.account-content-card input[type="tel"][b-aak3wfm3mb],
.account-content-card select[b-aak3wfm3mb],
.account-content-card textarea[b-aak3wfm3mb] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 14px 16px;
    background: #fff;
    color: #16213e;
    font-size: 15px;
    outline: none;
}

.account-content-card .form-control:focus[b-aak3wfm3mb],
.account-content-card input:focus[b-aak3wfm3mb],
.account-content-card select:focus[b-aak3wfm3mb],
.account-content-card textarea:focus[b-aak3wfm3mb] {
    border-color: #8b5cf6;
    box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
}

.account-content-card .form-control:disabled[b-aak3wfm3mb],
.account-content-card input:disabled[b-aak3wfm3mb] {
    background: #f8fafc;
    color: #64748b;
}

.account-content-card .validation-message[b-aak3wfm3mb],
.account-content-card .text-danger[b-aak3wfm3mb] {
    margin-top: 6px;
    color: #dc2626;
    font-size: 13px;
    font-weight: 750;
}

.account-content-card .btn[b-aak3wfm3mb],
.account-content-card button.btn[b-aak3wfm3mb],
.account-content-card a.btn[b-aak3wfm3mb] {
    min-height: 46px;
    border: 0;
    border-radius: 999px;
    padding: 11px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
    transition: .2s ease;
}

.account-content-card .btn:hover[b-aak3wfm3mb] {
    filter: brightness(.98);
    transform: translateY(-1px);
}

.account-content-card .btn-primary[b-aak3wfm3mb] {
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
}

.account-content-card .btn-danger[b-aak3wfm3mb] {
    background: #dc2626;
}

.account-content-card .btn-link[b-aak3wfm3mb] {
    min-height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #6842f4;
    font-weight: 850;
}

.account-content-card .btn-lg[b-aak3wfm3mb] {
    min-height: 52px;
    font-size: 15px;
}

.account-content-card .w-100[b-aak3wfm3mb] {
    width: 100%;
}

.account-content-card .alert[b-aak3wfm3mb],
.alert[b-aak3wfm3mb] {
    margin: 0 0 18px;
    padding: 15px 17px;
    border-radius: 18px;
    border: 1px solid #e6eaf2;
    background: #f8fafc;
    color: #334155;
    font-weight: 750;
    line-height: 1.5;
}

.account-content-card .alert-success[b-aak3wfm3mb],
.alert-success[b-aak3wfm3mb] {
    border-color: #bbf7d0;
    background: #ecfdf5;
    color: #166534;
}

@media (max-width: 900px) {
    .account-settings-header[b-aak3wfm3mb] {
        padding: 22px;
    }

    .account-header-main[b-aak3wfm3mb] {
        align-items: flex-start;
        flex-direction: column;
    }

    .account-hero-text[b-aak3wfm3mb] {
        text-align: left;
    }
}

@media (max-width: 600px) {
    .account-settings-header[b-aak3wfm3mb],
    .account-content-card[b-aak3wfm3mb] {
        padding: 14px;
        border-radius: 22px;
    }

    .account-content-card .table[b-aak3wfm3mb],
    .account-content-card .table tbody[b-aak3wfm3mb],
    .account-content-card .table tr[b-aak3wfm3mb],
    .account-content-card .table td[b-aak3wfm3mb] {
        display: block;
        width: 100%;
    }

    .account-content-card .table td[b-aak3wfm3mb],
    .account-content-card .table td:first-child[b-aak3wfm3mb],
    .account-content-card .table td:last-child[b-aak3wfm3mb] {
        border: 1px solid #e6eaf2;
        border-radius: 16px;
        text-align: left;
    }
}
/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
.account-nav[b-4iy7coq3qd] {
    display: block;
}

.account-nav-group[b-4iy7coq3qd] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border: 1px solid #e6eaf2;
    border-radius: 20px;
    background: rgba(248, 250, 252, .75);
    overflow: visible;
}

.account-nav-title[b-4iy7coq3qd] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    color: #8a94a6;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.account-nav a[b-4iy7coq3qd],
.account-nav-dropdown-toggle[b-4iy7coq3qd] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 13px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #334155;
    font: inherit;
    font-size: 14px;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
    transition: .2s ease;
}

.account-nav-dropdown-toggle[b-4iy7coq3qd] {
    cursor: pointer;
    list-style: none;
}

.account-nav-dropdown-toggle[b-4iy7coq3qd]::-webkit-details-marker {
    display: none;
}

.account-nav a:hover[b-4iy7coq3qd],
.account-nav-dropdown-toggle:hover[b-4iy7coq3qd],
.account-nav-dropdown[open] > .account-nav-dropdown-toggle[b-4iy7coq3qd] {
    background: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(24, 36, 68, .08);
}

.account-nav a.active[b-4iy7coq3qd] {
    background: #6842f4;
    color: #ffffff;
    box-shadow: 0 12px 26px rgba(104, 66, 244, .22);
}

.account-nav-dropdown[b-4iy7coq3qd] {
    position: relative;
}

.account-nav-chevron[b-4iy7coq3qd] {
    font-size: 12px;
    line-height: 1;
    transition: .2s ease;
}

.account-nav-dropdown[open] > .account-nav-dropdown-toggle .account-nav-chevron[b-4iy7coq3qd] {
    transform: rotate(180deg);
}

.account-nav-dropdown-menu[b-4iy7coq3qd] {
    position: absolute;
    z-index: 1000;
    top: calc(100% + 8px);
    left: 0;
    min-width: 220px;
    display: grid;
    gap: 6px;
    padding: 8px;
    border: 1px solid #e6eaf2;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .16);
}

.account-nav-dropdown-menu-wide[b-4iy7coq3qd] {
    min-width: 250px;
}

.account-nav-dropdown-menu a[b-4iy7coq3qd] {
    width: 100%;
    justify-content: flex-start;
    border-radius: 12px;
}

@media (max-width: 700px) {
    .account-nav-group[b-4iy7coq3qd] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .account-nav a[b-4iy7coq3qd],
    .account-nav-dropdown[b-4iy7coq3qd],
    .account-nav-dropdown-toggle[b-4iy7coq3qd],
    .account-nav-title[b-4iy7coq3qd] {
        width: 100%;
        justify-content: flex-start;
    }

    .account-nav-dropdown-menu[b-4iy7coq3qd] {
        position: static;
        width: 100%;
        min-width: 0;
        margin-top: 6px;
        box-shadow: none;
    }
}
/* /Components/Account/Shared/RedirectToLogin.razor.rz.scp.css */
/* /Components/Account/Shared/ShowRecoveryCodes.razor.rz.scp.css */
.account-content-card .row[b-8gust5qa40],
.account-content-card .col-xl-6[b-8gust5qa40],
.account-content-card .col-lg-6[b-8gust5qa40],
.account-content-card .col-md-6[b-8gust5qa40] {
    width: 100%;
    max-width: 640px;
}

.account-content-card .alert[b-8gust5qa40],
.alert[b-8gust5qa40] {
    margin: 0 0 18px;
    padding: 15px 17px;
    border-radius: 18px;
    border: 1px solid #e6eaf2;
    background: #f8fafc;
    color: #334155;
    font-weight: 750;
    line-height: 1.5;
}

.account-content-card .alert-warning[b-8gust5qa40],
.alert-warning[b-8gust5qa40] {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #9a3412;
}
/* /Components/Account/Shared/StatusMessage.razor.rz.scp.css */
.account-content-card .alert[b-gqgdlheq63],
.alert[b-gqgdlheq63] {
    margin: 0 0 18px;
    padding: 15px 17px;
    border-radius: 18px;
    border: 1px solid #e6eaf2;
    background: #f8fafc;
    color: #334155;
    font-weight: 750;
    line-height: 1.5;
}
/* /Components/Admin/AuditLog.razor.rz.scp.css */
.audit-page[b-gw50il5a24] {
    display: grid;
    gap: 18px;
}

.audit-header[b-gw50il5a24] {
    align-items: center;
}

.audit-message[b-gw50il5a24] {
    border-radius: 18px;
    padding: 14px 16px;
    font-weight: 800;
}

.audit-message-success[b-gw50il5a24] {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #bbf7d0;
}

.audit-message-error[b-gw50il5a24] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.audit-filters[b-gw50il5a24] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 180px auto auto;
    gap: 14px;
    align-items: end;
}

.audit-checkbox[b-gw50il5a24] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 800;
    color: #475569;
    padding-bottom: 12px;
}

.audit-grid[b-gw50il5a24] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
    gap: 18px;
    align-items: start;
}

.audit-list-header[b-gw50il5a24],
.audit-detail-header[b-gw50il5a24] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: start;
    margin-bottom: 14px;
}

.audit-list-header span[b-gw50il5a24] {
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    padding: 6px 12px;
    font-weight: 900;
}

.audit-table-wrapper[b-gw50il5a24] {
    overflow-x: auto;
}

.audit-table[b-gw50il5a24] {
    width: 100%;
    border-collapse: collapse;
}

.audit-table th[b-gw50il5a24],
.audit-table td[b-gw50il5a24] {
    text-align: left;
    padding: 12px 10px;
    border-bottom: 1px solid var(--line);
    vertical-align: top;
}

.audit-table th[b-gw50il5a24] {
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #64748b;
}

.audit-table tbody tr[b-gw50il5a24] {
    cursor: pointer;
    transition: .15s;
}

.audit-table tbody tr:hover[b-gw50il5a24],
.audit-table tbody tr.selected[b-gw50il5a24] {
    background: #f8fafc;
}

.audit-table small[b-gw50il5a24] {
    display: block;
    max-width: 220px;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audit-action[b-gw50il5a24],
.audit-open[b-gw50il5a24],
.audit-reverted[b-gw50il5a24] {
    display: inline-flex;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 900;
}

.audit-action-created[b-gw50il5a24] {
    background: #ecfdf5;
    color: #047857;
}

.audit-action-updated[b-gw50il5a24] {
    background: #eff6ff;
    color: #1d4ed8;
}

.audit-action-deleted[b-gw50il5a24] {
    background: #fef2f2;
    color: #dc2626;
}

.audit-open[b-gw50il5a24] {
    background: #fff7ed;
    color: #c2410c;
}

.audit-reverted[b-gw50il5a24] {
    background: #f1f5f9;
    color: #475569;
}

.audit-empty[b-gw50il5a24] {
    border: 1px dashed var(--line);
    border-radius: 18px;
    padding: 18px;
    color: #64748b;
}

.audit-empty strong[b-gw50il5a24] {
    display: block;
    color: #0f172a;
    margin-bottom: 4px;
}

.audit-meta[b-gw50il5a24] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 18px;
}

.audit-meta div[b-gw50il5a24] {
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 10px 12px;
    background: #f8fafc;
    min-width: 0;
}

.audit-meta dt[b-gw50il5a24] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #64748b;
    font-weight: 900;
}

.audit-meta dd[b-gw50il5a24] {
    margin: 4px 0 0;
    word-break: break-word;
    color: #0f172a;
    font-weight: 750;
}

.audit-reverted-panel[b-gw50il5a24] {
    border-radius: 18px;
    background: #f1f5f9;
    border: 1px solid var(--line);
    padding: 14px;
    margin-bottom: 16px;
}

.audit-reason[b-gw50il5a24] {
    min-height: 80px;
}

.audit-json-grid[b-gw50il5a24] {
    display: grid;
    gap: 14px;
}

.audit-json-grid h3[b-gw50il5a24] {
    margin: 0 0 8px;
}

.audit-json-grid pre[b-gw50il5a24] {
    max-height: 340px;
    overflow: auto;
    border-radius: 16px;
    border: 1px solid var(--line);
    padding: 14px;
    background: #0f172a;
    color: #e2e8f0;
    font-size: 12px;
    white-space: pre-wrap;
}

@media (max-width: 1100px) {
    .audit-grid[b-gw50il5a24],
    .audit-filters[b-gw50il5a24] {
        grid-template-columns: 1fr;
    }
}

.audit-list-header > div small[b-gw50il5a24] {
    display: block;
    margin-top: .2rem;
    color: #64748b;
}

.audit-pagination[b-gw50il5a24] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding-top: 1rem;
}

.audit-pagination span[b-gw50il5a24] {
    font-weight: 800;
    color: #475569;
}


.audit-live-status[b-gw50il5a24] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.audit-live-status i[b-gw50il5a24] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #94a3b8;
}

.audit-live-status.connected i[b-gw50il5a24] {
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .14);
}

.audit-live-meta[b-gw50il5a24] {
    display: grid;
    justify-items: end;
    gap: 5px;
}

.audit-live-meta > small[b-gw50il5a24] {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

.audit-live-status.reconnecting[b-gw50il5a24] {
    color: #92400e;
}

.audit-live-status.reconnecting i[b-gw50il5a24] {
    background: #f59e0b;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, .14);
    animation: audit-live-pulse-b-gw50il5a24 1.2s ease-in-out infinite;
}

.audit-live-status.disconnected[b-gw50il5a24] {
    color: #b91c1c;
}

.audit-live-status.disconnected i[b-gw50il5a24] {
    background: #ef4444;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, .14);
}

.audit-live-update[b-gw50il5a24] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0 0 14px;
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    background: #eff6ff;
    color: #1d4ed8;
    padding: 10px 14px;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
    transition: transform .15s ease, background .15s ease;
}

.audit-live-update:hover[b-gw50il5a24] {
    background: #dbeafe;
    transform: translateY(-1px);
}

.audit-live-update span[b-gw50il5a24] {
    color: #22c55e;
    font-size: 10px;
}

@keyframes audit-live-pulse-b-gw50il5a24 {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: .4;
    }
}

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

    .audit-live-meta[b-gw50il5a24] {
        justify-items: start;
    }
}
/* /Components/Admin/ChildChores.razor.rz.scp.css */
.success-message[b-hw051ppdjb] {
    padding: 16px;
    border-radius: 18px;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #166534;
    font-weight: 700;
}

.approve-button[b-hw051ppdjb] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.admin-content[b-hw051ppdjb] {
    padding: 34px;
}

.admin-header[b-hw051ppdjb] {
    margin-bottom: 24px;
}

.admin-header h1[b-hw051ppdjb] {
        margin: 0;
        font-size: 34px;
        font-weight: 900;
    }

.admin-header p[b-hw051ppdjb] {
        margin: 6px 0 0;
        color: #64748b;
    }

.admin-card[b-hw051ppdjb] {
    background: white;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.secondary-button[b-hw051ppdjb],
.approve-button[b-hw051ppdjb],
.danger-button[b-hw051ppdjb] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.approve-button[b-hw051ppdjb] {
    background: #16a34a;
    color: white;
}

@media (max-width: 900px) {
    .app-layout[b-hw051ppdjb] {
        display: block;
        min-height: 100vh;
    }

    .mobile-topbar[b-hw051ppdjb] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1200;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(18px);
        border-bottom: 1px solid var(--line);
    }

        .mobile-topbar .logo[b-hw051ppdjb] {
            width: 34px;
            height: 34px;
            font-size: 18px;
            border-radius: 12px;
        }

        .mobile-topbar .brand-title[b-hw051ppdjb] {
            font-size: 18px;
        }

        .mobile-topbar .brand-subtitle[b-hw051ppdjb] {
            display: none;
        }

    .mobile-menu-button[b-hw051ppdjb] {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 21px;
    }

    .app-main[b-hw051ppdjb] {
        padding: 56px 0 0;
    }

    .admin-content[b-hw051ppdjb] {
        padding: 12px;
    }

    .admin-header[b-hw051ppdjb] {
        margin-bottom: 14px;
    }

        .admin-header h1[b-hw051ppdjb] {
            font-size: 26px;
        }

        .admin-header p[b-hw051ppdjb] {
            font-size: 14px;
        }

    .app-sidebar[b-hw051ppdjb] {
        position: fixed;
        z-index: 1300;
        top: 0;
        left: 0;
        width: min(84vw, 330px);
        height: 100dvh;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 24px 0 60px rgba(15, 23, 42, .18);
    }

    .mobile-nav-open .app-sidebar[b-hw051ppdjb] {
        transform: translateX(0);
    }

    .mobile-nav-backdrop[b-hw051ppdjb] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1250;
        border: 0;
        background: rgba(15, 23, 42, .38);
    }

    .nav a[b-hw051ppdjb] {
        min-height: 48px;
        font-size: 16px;
    }
}

@media (max-width: 900px) {
    .calendar-page[b-hw051ppdjb] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-hw051ppdjb] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-hw051ppdjb] {
            font-size: 28px;
        }

        .calendar-header p[b-hw051ppdjb] {
            font-size: 14px;
        }

        .calendar-add-button[b-hw051ppdjb],
        .calendar-header .approve-button[b-hw051ppdjb] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-hw051ppdjb] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-hw051ppdjb] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-hw051ppdjb] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-hw051ppdjb],
    .calendar-side-card[b-hw051ppdjb] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-hw051ppdjb] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-hw051ppdjb],
        .calendar-side-card h2[b-hw051ppdjb] {
            font-size: 22px;
        }

    .calendar-nav[b-hw051ppdjb] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-hw051ppdjb] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-hw051ppdjb] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-hw051ppdjb] {
        display: none;
    }

    .month-grid[b-hw051ppdjb],
    .calendar-grid[b-hw051ppdjb] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-hw051ppdjb] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-hw051ppdjb] {
            margin-bottom: 6px;
        }

    .other-month[b-hw051ppdjb] {
        display: none;
    }

    .calendar-event[b-hw051ppdjb] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-hw051ppdjb] {
        max-height: none;
    }

    .calendar-event-list[b-hw051ppdjb] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-hw051ppdjb] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-hw051ppdjb] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-hw051ppdjb] {
        align-items: flex-start;
    }

        .modal-header h2[b-hw051ppdjb] {
            font-size: 22px;
        }

    .modal-actions[b-hw051ppdjb] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-hw051ppdjb] {
            width: 100%;
        }
}

.child-today-card[b-hw051ppdjb] {
    margin-bottom: 40px;
}

.child-today-header[b-hw051ppdjb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.child-today-header h2[b-hw051ppdjb] {
        margin: 0;
    }

.child-today-header p[b-hw051ppdjb] {
        margin: 4px 0 0;
        color: #64748b;
        font-weight: 700;
    }

.today-chore-list[b-hw051ppdjb] {
    display: grid;
    gap: 10px;
}

.today-chore-row[b-hw051ppdjb] {
    display: grid;
    grid-template-columns: 52px 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.today-chore-row.completed[b-hw051ppdjb] {
        background: #ecfdf5;
        border-color: #bbf7d0;
    }

.today-chore-icon[b-hw051ppdjb] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: white;
    display: grid;
    place-items: center;
    font-size: 24px;
}

.today-chore-row strong[b-hw051ppdjb] {
    display: block;
    font-size: 16px;
}

.today-chore-row p[b-hw051ppdjb] {
    margin: 4px 0 0;
    color: #64748b;
    font-weight: 700;
}

.completed-pill[b-hw051ppdjb] {
    padding: 7px 12px;
    border-radius: 999px;
    background: #16a34a;
    color: white;
    font-size: 13px;
    font-weight: 900;
}

@media (max-width: 800px) {
    .admin-page[b-hw051ppdjb] {
        padding: 16px;
    }

    .page-header[b-hw051ppdjb] {
        flex-direction: column;
    }

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

    .page-header .approve-button[b-hw051ppdjb] {
        width: 100%;
    }
}

.admin-card[b-hw051ppdjb] {
    border-radius: 28px;
}

.page-header .approve-button[b-hw051ppdjb] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-hw051ppdjb] {
        padding: 16px;
    }

    .page-header[b-hw051ppdjb] {
        flex-direction: column;
    }

        .page-header .approve-button[b-hw051ppdjb] {
            width: 100%;
        }

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

        .form-row label:nth-child(2)[b-hw051ppdjb] {
            grid-column: auto;
            order: unset;
        }
}

.translation-header .approve-button[b-hw051ppdjb] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .translation-card[b-hw051ppdjb] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-hw051ppdjb] {
        flex-direction: column;
    }

        .translation-header h1[b-hw051ppdjb] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-hw051ppdjb] {
            width: 100%;
        }

    .translation-toolbar[b-hw051ppdjb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .family-page[b-hw051ppdjb] {
        padding: 14px;
    }

    .family-panel[b-hw051ppdjb] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-hw051ppdjb] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-hw051ppdjb] {
            width: 100%;
        }
}

.confirm-tasks-page .success-message[b-hw051ppdjb] {
    margin-bottom: 18px;
}

.good-behaviour-card[b-hw051ppdjb] {
    margin-bottom: 24px;
    display: grid;
    gap: 18px;
}

.good-behaviour-card h2[b-hw051ppdjb] {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 950;
}

.good-behaviour-card p[b-hw051ppdjb] {
    margin: 0;
    color: #64748b;
    font-weight: 650;
}

.good-behaviour-form[b-hw051ppdjb] {
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) minmax(120px, .6fr) minmax(220px, 1.4fr) auto;
    gap: 12px;
    align-items: end;
}

.good-behaviour-form label[b-hw051ppdjb] {
    display: grid;
    gap: 7px;
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.good-behaviour-form input[b-hw051ppdjb],
.good-behaviour-form select[b-hw051ppdjb] {
    min-height: 46px;
    width: 100%;
    border: 1px solid #dbe3ef;
    border-radius: 16px;
    padding: 11px 14px;
    background: #fff;
    color: #172033;
    font-size: 14px;
    font-weight: 750;
    outline: none;
}

.good-behaviour-form input:focus[b-hw051ppdjb],
.good-behaviour-form select:focus[b-hw051ppdjb] {
    border-color: #6842f4;
    box-shadow: 0 0 0 4px rgba(104, 66, 244, .12);
}

.good-behaviour-form .approve-button[b-hw051ppdjb] {
    min-height: 46px;
    padding-inline: 18px;
}

@media (max-width: 900px) {
    .good-behaviour-form[b-hw051ppdjb] {
        grid-template-columns: 1fr;
    }

    .good-behaviour-form .approve-button[b-hw051ppdjb] {
        width: 100%;
    }
}


.confirm-tasks-header[b-hw051ppdjb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.settings-icon-button[b-hw051ppdjb] {
    width: 44px;
    min-width: 44px;
    height: 44px;
    border: 1px solid #dbe3ef;
    border-radius: 14px;
    display: inline-grid;
    place-items: center;
    background: #ffffff;
    color: #334155;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.settings-icon-button:hover[b-hw051ppdjb] {
    transform: translateY(-1px);
    border-color: #8b5cf6;
    box-shadow: 0 12px 28px rgba(99, 102, 241, .16);
}

.settings-icon-button:focus-visible[b-hw051ppdjb] {
    outline: 3px solid rgba(139, 92, 246, .25);
    outline-offset: 2px;
}

@media (max-width: 640px) {
    .confirm-tasks-header[b-hw051ppdjb] {
        align-items: center;
    }

    .child-today-header[b-hw051ppdjb] {
        align-items: flex-start;
    }
}
/* /Components/Admin/Dashboard.razor.rz.scp.css */
.dashboard-page[b-0clkq2rj2c] {
    display: grid;
    gap: 18px;
}

.dashboard-section[b-0clkq2rj2c] {
    display: grid;
    gap: 12px;
}

.dashboard-section h2[b-0clkq2rj2c],
.dashboard-card h2[b-0clkq2rj2c] {
    margin: 0;
}

.dashboard-kpi-grid[b-0clkq2rj2c] {
    display: grid;
    grid-template-columns: repeat(5, minmax(140px, 1fr));
    gap: 12px;
}

.dashboard-kpi[b-0clkq2rj2c] {
    border: 1px solid #e6eaf2;
    border-radius: 20px;
    padding: 16px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(24, 36, 68, .06);
}

.dashboard-kpi strong[b-0clkq2rj2c] {
    display: block;
    color: var(--primary);
    font-size: 32px;
    line-height: 1;
}

.dashboard-kpi span[b-0clkq2rj2c] {
    display: block;
    margin-top: 8px;
    color: #16213e;
    font-weight: 950;
}

.dashboard-kpi small[b-0clkq2rj2c] {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-weight: 750;
}

.dashboard-two-column[b-0clkq2rj2c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.dashboard-card[b-0clkq2rj2c] {
    display: grid;
    gap: 14px;
}

.dashboard-card-header[b-0clkq2rj2c] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: start;
}

.dashboard-card-header span[b-0clkq2rj2c] {
    color: #64748b;
    font-weight: 800;
    font-size: 12px;
}

.dashboard-metric-row[b-0clkq2rj2c] {
    display: grid;
    gap: 8px;
}

.dashboard-metric-row > div:first-child[b-0clkq2rj2c] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-weight: 900;
}

.dashboard-meter[b-0clkq2rj2c] {
    height: 10px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.dashboard-meter span[b-0clkq2rj2c] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--primary);
}

.dashboard-feedback-list[b-0clkq2rj2c] {
    display: grid;
    gap: 10px;
}

.dashboard-feedback-row[b-0clkq2rj2c] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 12px 14px;
    color: inherit;
    text-decoration: none;
    background: #fff;
}

.dashboard-feedback-row:hover[b-0clkq2rj2c] {
    border-color: var(--primary);
}

.dashboard-feedback-row div[b-0clkq2rj2c] {
    display: grid;
    gap: 4px;
}

.dashboard-feedback-row span[b-0clkq2rj2c],
.dashboard-feedback-row small[b-0clkq2rj2c] {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.dashboard-feedback-row b[b-0clkq2rj2c] {
    justify-self: end;
    border-radius: 999px;
    padding: 5px 9px;
    background: #0f172a;
    color: #fff;
    font-size: 12px;
}

@media (max-width: 1200px) {
    .dashboard-kpi-grid[b-0clkq2rj2c] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .dashboard-two-column[b-0clkq2rj2c] {
        grid-template-columns: 1fr;
    }

    .dashboard-kpi-grid[b-0clkq2rj2c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .dashboard-kpi-grid[b-0clkq2rj2c] {
        grid-template-columns: 1fr;
    }

    .dashboard-feedback-row[b-0clkq2rj2c],
    .dashboard-card-header[b-0clkq2rj2c] {
        display: grid;
    }
}

.dashboard-customizer[b-0clkq2rj2c] {
    display: grid;
    gap: 12px;
}

.dashboard-customizer summary[b-0clkq2rj2c] {
    cursor: pointer;
    font-weight: 950;
    color: #16213e;
}

.dashboard-customizer-grid[b-0clkq2rj2c] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.dashboard-customizer-grid label[b-0clkq2rj2c] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 9px 13px;
    background: #f8fafc;
    font-weight: 850;
}

.dashboard-customizer p[b-0clkq2rj2c] {
    margin: 0;
    color: #64748b;
    font-size: 13px;
}

.dashboard-diagram-grid[b-0clkq2rj2c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.dashboard-diagram-card[b-0clkq2rj2c] {
    display: grid;
    gap: 15px;
}

.dashboard-diagram-card h2[b-0clkq2rj2c],
.dashboard-diagram-card p[b-0clkq2rj2c] {
    margin: 0;
}

.dashboard-diagram-card p[b-0clkq2rj2c] {
    margin-top: 4px;
    color: #64748b;
}

.dashboard-diagram-row[b-0clkq2rj2c] {
    display: grid;
    gap: 7px;
}

.dashboard-diagram-row > div:first-child[b-0clkq2rj2c] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.dashboard-diagram-track[b-0clkq2rj2c] {
    height: 18px;
    overflow: hidden;
    border-radius: 999px;
    background: #eef2ff;
}

.dashboard-diagram-track span[b-0clkq2rj2c] {
    display: block;
    min-width: 3px;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--primary), var(--primary2));
    transition: width .25s ease;
}

@media (max-width: 900px) {
    .dashboard-diagram-grid[b-0clkq2rj2c] { grid-template-columns: 1fr; }
}
/* /Components/Admin/GlobalArticles.razor.rz.scp.css */
body[b-unki5qqk2i] {
}

.auth-field[b-unki5qqk2i] {
    margin-bottom: 16px;
}

.auth-field label[b-unki5qqk2i] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 850;
        color: #334155;
    }

.auth-input[b-unki5qqk2i] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 15px 16px;
    background: #fff;
    font-size: 15px;
    outline: none;
}

.auth-input:focus[b-unki5qqk2i] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.approve-button[b-unki5qqk2i] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.danger-button[b-unki5qqk2i] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-unki5qqk2i] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.admin-content[b-unki5qqk2i] {
    padding: 34px;
}

.admin-header[b-unki5qqk2i] {
    margin-bottom: 24px;
}

.admin-header h1[b-unki5qqk2i] {
        margin: 0;
        font-size: 34px;
        font-weight: 900;
    }

.admin-header p[b-unki5qqk2i] {
        margin: 6px 0 0;
        color: #64748b;
    }

.admin-card[b-unki5qqk2i] {
    background: white;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.secondary-button[b-unki5qqk2i],
.approve-button[b-unki5qqk2i],
.danger-button[b-unki5qqk2i] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.secondary-button[b-unki5qqk2i] {
    background: #e5e7eb;
    color: #111827;
}

.approve-button[b-unki5qqk2i] {
    background: #16a34a;
    color: white;
}

.danger-button[b-unki5qqk2i] {
    background: #dc2626;
    color: white;
}

.event-modal[b-unki5qqk2i] {
    width: min(520px, 100%);
    border-radius: 28px;
    background: white;
    border: 1px solid #e6eaf2;
    box-shadow: 0 24px 80px rgba(15, 23, 42, .25);
    padding: 26px;
}

.modal-header[b-unki5qqk2i] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.modal-header h2[b-unki5qqk2i] {
        margin: 0;
        font-size: 26px;
        font-weight: 900;
    }

.modal-header p[b-unki5qqk2i] {
        margin: 6px 0 0;
        color: #64748b;
    }

.modal-close[b-unki5qqk2i] {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 999px;
    background: #f1f5f9;
    font-size: 24px;
    cursor: pointer;
}

.modal-actions[b-unki5qqk2i] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.meal-card[b-unki5qqk2i] {
    padding: 16px;
    border-radius: 18px;
    margin-top: 12px;
}

.meal-card p[b-unki5qqk2i] {
        margin: 6px 0 10px;
        color: #64748b;
    }

.meal-chip[b-unki5qqk2i] {
    display: inline-block;
    margin: 4px 6px 0 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 12px;
    font-weight: 800;
}

.meal-card[b-unki5qqk2i] {
    width: 100%;
    text-align: left;
    cursor: pointer;
    border: 1px solid #e6eaf2;
    background: #f8fafc;
}

.meal-card:hover[b-unki5qqk2i] {
        border-color: #8b5cf6;
    }

.barcode-add-row[b-unki5qqk2i] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.barcode-add-row .auth-input[b-unki5qqk2i] {
        flex: 1;
    }

.barcode-remove[b-unki5qqk2i] {
    border: none;
    background: transparent;
    cursor: pointer;
    margin-left: 6px;
    font-weight: 900;
    color: #3730a3;
}

.inventory-article-card[b-unki5qqk2i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.inventory-article-info[b-unki5qqk2i] {
    flex: 1;
    text-align: left;
}

.inventory-modal[b-unki5qqk2i] {
    width: min(1100px, 95vw);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.inventory-modal-body[b-unki5qqk2i] {
    margin-right: -12px;
}

.inventory-modal-body[b-unki5qqk2i] {
    flex: 1;
    overflow-y: auto;
    padding-right: 12px;
}

.inventory-form-grid[b-unki5qqk2i] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.inventory-form-section[b-unki5qqk2i] {
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 18px;
    background: #f9fafb;
}

.inventory-form-section h3[b-unki5qqk2i] {
        margin: 0 0 14px;
        font-size: 16px;
        font-weight: 900;
        color: #111827;
    }

.inventory-form-section .auth-field:last-child[b-unki5qqk2i] {
        margin-bottom: 0;
    }

.inventory-modal .modal-actions[b-unki5qqk2i] {
    position: sticky;
    bottom: 0;
    background: white;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #e5e7eb;
}

.modal-actions[b-unki5qqk2i] {
    flex-shrink: 0;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.modal-backdrop[b-unki5qqk2i] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(6px);
    display: grid;
    place-items: center;
    padding: 20px;
}

@media (max-width: 900px) {
    .app-layout[b-unki5qqk2i] {
        display: block;
        min-height: 100vh;
    }

    .mobile-topbar[b-unki5qqk2i] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1200;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(18px);
        border-bottom: 1px solid var(--line);
    }

        .mobile-topbar .logo[b-unki5qqk2i] {
            width: 34px;
            height: 34px;
            font-size: 18px;
            border-radius: 12px;
        }

        .mobile-topbar .brand-title[b-unki5qqk2i] {
            font-size: 18px;
        }

        .mobile-topbar .brand-subtitle[b-unki5qqk2i] {
            display: none;
        }

    .mobile-menu-button[b-unki5qqk2i] {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 21px;
    }

    .app-main[b-unki5qqk2i] {
        padding: 56px 0 0;
    }

    .admin-content[b-unki5qqk2i] {
        padding: 12px;
    }

    .admin-header[b-unki5qqk2i] {
        margin-bottom: 14px;
    }

        .admin-header h1[b-unki5qqk2i] {
            font-size: 26px;
        }

        .admin-header p[b-unki5qqk2i] {
            font-size: 14px;
        }

    .app-sidebar[b-unki5qqk2i] {
        position: fixed;
        z-index: 1300;
        top: 0;
        left: 0;
        width: min(84vw, 330px);
        height: 100dvh;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 24px 0 60px rgba(15, 23, 42, .18);
    }

    .mobile-nav-open .app-sidebar[b-unki5qqk2i] {
        transform: translateX(0);
    }

    .mobile-nav-backdrop[b-unki5qqk2i] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1250;
        border: 0;
        background: rgba(15, 23, 42, .38);
    }

    .nav a[b-unki5qqk2i] {
        min-height: 48px;
        font-size: 16px;
    }
}

@media (max-width: 900px) {
    .calendar-page[b-unki5qqk2i] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-unki5qqk2i] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-unki5qqk2i] {
            font-size: 28px;
        }

        .calendar-header p[b-unki5qqk2i] {
            font-size: 14px;
        }

        .calendar-add-button[b-unki5qqk2i],
        .calendar-header .approve-button[b-unki5qqk2i] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-unki5qqk2i] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-unki5qqk2i] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-unki5qqk2i] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-unki5qqk2i],
    .calendar-side-card[b-unki5qqk2i] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-unki5qqk2i] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-unki5qqk2i],
        .calendar-side-card h2[b-unki5qqk2i] {
            font-size: 22px;
        }

    .calendar-nav[b-unki5qqk2i] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-unki5qqk2i] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-unki5qqk2i] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-unki5qqk2i] {
        display: none;
    }

    .month-grid[b-unki5qqk2i],
    .calendar-grid[b-unki5qqk2i] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-unki5qqk2i] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-unki5qqk2i] {
            margin-bottom: 6px;
        }

    .other-month[b-unki5qqk2i] {
        display: none;
    }

    .calendar-event[b-unki5qqk2i] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-unki5qqk2i] {
        max-height: none;
    }

    .calendar-event-list[b-unki5qqk2i] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-unki5qqk2i] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-unki5qqk2i] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-unki5qqk2i] {
        align-items: flex-start;
    }

        .modal-header h2[b-unki5qqk2i] {
            font-size: 22px;
        }

    .modal-actions[b-unki5qqk2i] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-unki5qqk2i] {
            width: 100%;
        }
}

.unknown-field .auth-input[b-unki5qqk2i],
.unknown-field input[b-unki5qqk2i] {
    width: 100%;
    min-width: 0;
}

.store-article-table-row .auth-input[b-unki5qqk2i] {
    width: 100%;
    min-width: 0;
    padding: 12px;
}

@media (max-width: 800px) {
    .admin-page[b-unki5qqk2i] {
        padding: 16px;
    }

    .page-header[b-unki5qqk2i] {
        flex-direction: column;
    }

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

    .page-header .approve-button[b-unki5qqk2i] {
        width: 100%;
    }
}

.admin-card[b-unki5qqk2i] {
    border-radius: 28px;
}

.page-header .approve-button[b-unki5qqk2i] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-unki5qqk2i] {
        padding: 16px;
    }

    .page-header[b-unki5qqk2i] {
        flex-direction: column;
    }

        .page-header .approve-button[b-unki5qqk2i] {
            width: 100%;
        }

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

        .form-row label:nth-child(2)[b-unki5qqk2i] {
            grid-column: auto;
            order: unset;
        }
}

.translation-header .approve-button[b-unki5qqk2i] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .translation-card[b-unki5qqk2i] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-unki5qqk2i] {
        flex-direction: column;
    }

        .translation-header h1[b-unki5qqk2i] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-unki5qqk2i] {
            width: 100%;
        }

    .translation-toolbar[b-unki5qqk2i] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .family-page[b-unki5qqk2i] {
        padding: 14px;
    }

    .family-panel[b-unki5qqk2i] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-unki5qqk2i] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-unki5qqk2i] {
            width: 100%;
        }
}
/* /Components/Admin/Licenses.razor.rz.scp.css */
.license-admin-page[b-b8ge2sto49] {
    display: grid;
    gap: 1rem;
}

.license-admin-actions[b-b8ge2sto49],
.license-grant-grid[b-b8ge2sto49] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 1rem;
    align-items: end;
}

.license-grant-grid[b-b8ge2sto49] {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
}

.license-note-field[b-b8ge2sto49] {
    grid-column: 1 / -1;
}

.license-message[b-b8ge2sto49] {
    padding: .85rem 1rem;
    border-radius: 16px;
}

.license-message-success[b-b8ge2sto49] {
    background: #ecfdf5;
    color: #166534;
}

.license-message-error[b-b8ge2sto49] {
    background: #fef2f2;
    color: #991b1b;
}

.license-table-wrapper[b-b8ge2sto49] {
    overflow-x: auto;
}

.license-table[b-b8ge2sto49] {
    width: 100%;
    border-collapse: collapse;
}

.license-table th[b-b8ge2sto49],
.license-table td[b-b8ge2sto49] {
    padding: .85rem;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    vertical-align: top;
    text-align: left;
}

.license-table small[b-b8ge2sto49] {
    display: block;
    color: #64748b;
    margin-top: .2rem;
    word-break: break-all;
}

.license-ok[b-b8ge2sto49],
.license-blocked[b-b8ge2sto49] {
    display: inline-flex;
    padding: .25rem .6rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 800;
}

.license-ok[b-b8ge2sto49] {
    background: #dcfce7;
    color: #166534;
}

.license-blocked[b-b8ge2sto49] {
    background: #fee2e2;
    color: #991b1b;
}

.secondary-button[b-b8ge2sto49] {
    border: 1px solid rgba(15, 23, 42, .16);
    background: #fff;
    border-radius: 12px;
    padding: .5rem .75rem;
    font-weight: 800;
    margin-right: .35rem;
}

@media (max-width: 760px) {
    .license-admin-actions[b-b8ge2sto49],
    .license-grant-grid[b-b8ge2sto49] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Admin/ProductCatalog.razor.rz.scp.css */
.catalog-page[b-joiwwy74om] {
    --catalog-surface: rgba(255, 255, 255, .94);
    --catalog-surface-soft: #f8fafc;
    --catalog-border: #e2e8f0;
    --catalog-text: #0f172a;
    --catalog-muted: #64748b;
    --catalog-primary: #6842f4;
    --catalog-primary-soft: #ede9fe;
    --catalog-success: #15803d;
    --catalog-danger: #b91c1c;
    padding: 32px;
    color: var(--catalog-text);
}

.catalog-header[b-joiwwy74om] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.catalog-header h1[b-joiwwy74om] {
    margin: 4px 0 8px;
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.05;
    font-weight: 950;
    letter-spacing: -.04em;
}

.catalog-header p[b-joiwwy74om],
.catalog-panel > p[b-joiwwy74om],
.catalog-source-note p[b-joiwwy74om] {
    margin: 0;
    max-width: 850px;
    color: var(--catalog-muted);
    line-height: 1.65;
}

.catalog-eyebrow[b-joiwwy74om],
.catalog-step[b-joiwwy74om] {
    display: inline-block;
    color: var(--catalog-primary);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.catalog-alert[b-joiwwy74om] {
    margin-bottom: 18px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid;
    font-weight: 750;
}

.catalog-alert-success[b-joiwwy74om] {
    color: #166534;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.catalog-alert-error[b-joiwwy74om] {
    color: #991b1b;
    background: #fef2f2;
    border-color: #fecaca;
}

.catalog-source-note[b-joiwwy74om] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 18px 20px;
    margin-bottom: 20px;
    border: 1px solid #fed7aa;
    border-radius: 22px;
    background: linear-gradient(135deg, #fff7ed, #fffbeb);
}

.catalog-source-note strong[b-joiwwy74om] {
    display: block;
    margin-bottom: 4px;
}

.catalog-source-icon[b-joiwwy74om] {
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 15px;
    background: #ffedd5;
    font-size: 24px;
}

.catalog-stat-grid[b-joiwwy74om] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}

.catalog-stat-card[b-joiwwy74om],
.catalog-panel[b-joiwwy74om] {
    border: 1px solid var(--catalog-border);
    background: var(--catalog-surface);
    box-shadow: 0 18px 45px rgba(15, 23, 42, .07);
}

.catalog-stat-card[b-joiwwy74om] {
    padding: 18px;
    border-radius: 20px;
}

.catalog-stat-card span[b-joiwwy74om] {
    display: block;
    margin-bottom: 8px;
    color: var(--catalog-muted);
    font-size: 13px;
    font-weight: 800;
}

.catalog-stat-card strong[b-joiwwy74om] {
    font-size: 30px;
    font-weight: 950;
    letter-spacing: -.04em;
}

.catalog-action-grid[b-joiwwy74om] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.catalog-panel[b-joiwwy74om] {
    padding: 22px;
    margin-bottom: 18px;
    border-radius: 24px;
}

.catalog-action-grid .catalog-panel[b-joiwwy74om] {
    margin-bottom: 0;
}

.catalog-panel-heading[b-joiwwy74om] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.catalog-panel-heading h2[b-joiwwy74om] {
    margin: 3px 0 0;
    font-size: 21px;
    font-weight: 920;
    letter-spacing: -.02em;
}

.catalog-panel-icon[b-joiwwy74om] {
    display: grid;
    place-items: center;
    min-width: 42px;
    height: 42px;
    padding: 0 10px;
    border-radius: 14px;
    color: #4c1d95;
    background: var(--catalog-primary-soft);
    font-weight: 950;
}

.catalog-inline-form[b-joiwwy74om],
.catalog-search-row[b-joiwwy74om] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 18px;
}

.catalog-input[b-joiwwy74om] {
    width: 100%;
    min-height: 44px;
    padding: 11px 13px;
    border: 1px solid var(--catalog-border);
    border-radius: 14px;
    color: var(--catalog-text);
    background: var(--catalog-surface-soft);
    outline: none;
}

.catalog-input:focus[b-joiwwy74om] {
    border-color: var(--catalog-primary);
    box-shadow: 0 0 0 4px rgba(104, 66, 244, .12);
}

.catalog-button[b-joiwwy74om] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 15px;
    border: 0;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.catalog-button:hover:not(:disabled)[b-joiwwy74om] {
    transform: translateY(-1px);
}

.catalog-button:disabled[b-joiwwy74om] {
    opacity: .55;
    cursor: not-allowed;
}

.catalog-button-primary[b-joiwwy74om] {
    color: #fff;
    background: linear-gradient(135deg, var(--catalog-primary), #7c3aed);
    box-shadow: 0 10px 24px rgba(104, 66, 244, .22);
}

.catalog-button-secondary[b-joiwwy74om] {
    color: #334155;
    background: #e2e8f0;
}

.catalog-button-ghost[b-joiwwy74om] {
    color: #4c1d95;
    background: var(--catalog-primary-soft);
}

.catalog-template-link[b-joiwwy74om],
.catalog-link-button[b-joiwwy74om] {
    border: 0;
    color: var(--catalog-primary);
    background: transparent;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.catalog-upload-grid[b-joiwwy74om] {
    display: grid;
    grid-template-columns: 1fr 1.5fr auto;
    gap: 14px;
    align-items: end;
    margin-top: 18px;
}

.catalog-upload-grid label[b-joiwwy74om] {
    display: block;
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: 850;
}

.catalog-upload-grid small[b-joiwwy74om] {
    display: block;
    margin-top: 6px;
    color: var(--catalog-muted);
}

.catalog-file-input[b-joiwwy74om] {
    width: 100%;
    min-height: 44px;
    padding: 9px;
    border: 1px dashed #94a3b8;
    border-radius: 14px;
    background: var(--catalog-surface-soft);
}

.catalog-import-result[b-joiwwy74om] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    padding: 13px;
    border-radius: 14px;
    background: #f0fdf4;
}

.catalog-import-result strong[b-joiwwy74om],
.catalog-import-result span[b-joiwwy74om] {
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .75);
    font-size: 12px;
}

.catalog-job-list[b-joiwwy74om],
.catalog-product-list[b-joiwwy74om] {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}

.catalog-job-card[b-joiwwy74om] {
    padding: 15px;
    border: 1px solid var(--catalog-border);
    border-radius: 17px;
    background: var(--catalog-surface-soft);
}

.catalog-job-topline[b-joiwwy74om],
.catalog-product-title-row[b-joiwwy74om],
.catalog-pagination[b-joiwwy74om] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}

.catalog-job-metrics[b-joiwwy74om] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0;
}

.catalog-job-metrics span[b-joiwwy74om] {
    padding: 7px 10px;
    border-radius: 999px;
    background: var(--catalog-surface);
    color: var(--catalog-muted);
    font-size: 12px;
}

.catalog-status[b-joiwwy74om] {
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.catalog-status-completed[b-joiwwy74om] {
    color: #166534;
    background: #dcfce7;
}

.catalog-status-failed[b-joiwwy74om] {
    color: #991b1b;
    background: #fee2e2;
}

.catalog-status-running[b-joiwwy74om] {
    color: #1d4ed8;
    background: #dbeafe;
}

.catalog-status-queued[b-joiwwy74om] {
    color: #854d0e;
    background: #fef3c7;
}

.catalog-job-error[b-joiwwy74om] {
    margin: 10px 0 0;
    color: var(--catalog-danger);
    font-size: 13px;
}

.catalog-result-count[b-joiwwy74om] {
    padding: 7px 11px;
    border-radius: 999px;
    color: #4c1d95;
    background: var(--catalog-primary-soft);
    font-size: 12px;
    font-weight: 900;
}

.catalog-store-filter[b-joiwwy74om] {
    max-width: 250px;
}

.catalog-product-card[b-joiwwy74om] {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: start;
    padding: 16px;
    border: 1px solid var(--catalog-border);
    border-radius: 20px;
    background: var(--catalog-surface-soft);
}

.catalog-product-image-wrap[b-joiwwy74om] {
    display: grid;
    place-items: center;
    width: 88px;
    height: 88px;
    overflow: hidden;
    border: 1px solid var(--catalog-border);
    border-radius: 16px;
    background: #fff;
    font-size: 30px;
}

.catalog-product-image-wrap img[b-joiwwy74om] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.catalog-product-main[b-joiwwy74om] {
    min-width: 0;
}

.catalog-product-title-row[b-joiwwy74om] {
    align-items: flex-start;
}

.catalog-product-title-row h3[b-joiwwy74om] {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 920;
}

.catalog-product-title-row p[b-joiwwy74om],
.catalog-category[b-joiwwy74om] {
    margin: 0;
    color: var(--catalog-muted);
    font-size: 13px;
    line-height: 1.5;
}

.catalog-category[b-joiwwy74om] {
    margin-top: 8px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.catalog-nutriscore[b-joiwwy74om] {
    padding: 6px 9px;
    border-radius: 999px;
    color: #166534;
    background: #dcfce7;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.catalog-product-meta[b-joiwwy74om] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}

.catalog-product-meta span[b-joiwwy74om] {
    padding: 5px 8px;
    border-radius: 999px;
    color: #475569;
    background: #e2e8f0;
    font-size: 11px;
    font-weight: 800;
}

.catalog-offer-list[b-joiwwy74om] {
    display: grid;
    gap: 6px;
    margin-top: 12px;
}

.catalog-offer-row[b-joiwwy74om] {
    display: grid;
    grid-template-columns: minmax(120px, .8fr) minmax(100px, .8fr) minmax(90px, .6fr) auto;
    gap: 10px;
    align-items: center;
    padding: 8px 10px;
    border-radius: 12px;
    background: var(--catalog-surface);
    font-size: 12px;
}

.catalog-offer-price[b-joiwwy74om] {
    font-weight: 900;
}

.catalog-available[b-joiwwy74om] {
    color: var(--catalog-success);
    font-weight: 850;
}

.catalog-unavailable[b-joiwwy74om] {
    color: var(--catalog-danger);
    font-weight: 850;
}

.catalog-product-actions[b-joiwwy74om] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
}

.catalog-pagination[b-joiwwy74om] {
    justify-content: center;
    margin-top: 18px;
}

.catalog-pagination span[b-joiwwy74om],
.catalog-empty[b-joiwwy74om] {
    color: var(--catalog-muted);
}

.catalog-empty[b-joiwwy74om] {
    padding: 18px 0 4px;
    text-align: center;
}

@media (max-width: 1100px) {
    .catalog-stat-grid[b-joiwwy74om],
    .catalog-action-grid[b-joiwwy74om] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .catalog-upload-grid[b-joiwwy74om] {
        grid-template-columns: 1fr 1fr;
    }

    .catalog-upload-button[b-joiwwy74om] {
        justify-self: start;
    }

    .catalog-product-card[b-joiwwy74om] {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .catalog-product-image-wrap[b-joiwwy74om] {
        width: 72px;
        height: 72px;
    }

    .catalog-product-actions[b-joiwwy74om] {
        grid-column: 1 / -1;
        flex-direction: row;
        justify-content: flex-end;
    }
}

@media (max-width: 720px) {
    .catalog-page[b-joiwwy74om] {
        padding: 18px;
    }

    .catalog-header[b-joiwwy74om],
    .catalog-panel-heading[b-joiwwy74om],
    .catalog-product-title-row[b-joiwwy74om] {
        flex-direction: column;
    }

    .catalog-stat-grid[b-joiwwy74om],
    .catalog-action-grid[b-joiwwy74om],
    .catalog-upload-grid[b-joiwwy74om] {
        grid-template-columns: 1fr;
    }

    .catalog-inline-form[b-joiwwy74om],
    .catalog-search-row[b-joiwwy74om] {
        flex-direction: column;
        align-items: stretch;
    }

    .catalog-store-filter[b-joiwwy74om] {
        max-width: none;
    }

    .catalog-product-card[b-joiwwy74om] {
        grid-template-columns: 1fr;
    }

    .catalog-product-image-wrap[b-joiwwy74om] {
        width: 100%;
        height: 170px;
    }

    .catalog-offer-row[b-joiwwy74om] {
        grid-template-columns: 1fr 1fr;
    }

    .catalog-product-actions[b-joiwwy74om] {
        flex-direction: column;
    }
}

@media (prefers-color-scheme: dark) {
    .catalog-page[b-joiwwy74om] {
        --catalog-surface: rgba(20, 28, 47, .96);
        --catalog-surface-soft: #111827;
        --catalog-border: #334155;
        --catalog-text: #f8fafc;
        --catalog-muted: #a8b3c5;
        --catalog-primary-soft: #312e81;
    }

    .catalog-stat-card[b-joiwwy74om],
    .catalog-panel[b-joiwwy74om] {
        box-shadow: 0 18px 45px rgba(0, 0, 0, .22);
    }

    .catalog-source-note[b-joiwwy74om] {
        border-color: #7c2d12;
        background: linear-gradient(135deg, #2b1b12, #2a2411);
    }

    .catalog-source-icon[b-joiwwy74om] {
        background: #431407;
    }

    .catalog-button-secondary[b-joiwwy74om],
    .catalog-product-meta span[b-joiwwy74om] {
        color: #e2e8f0;
        background: #334155;
    }

    .catalog-button-ghost[b-joiwwy74om],
    .catalog-result-count[b-joiwwy74om] {
        color: #ddd6fe;
    }

    .catalog-alert-success[b-joiwwy74om],
    .catalog-import-result[b-joiwwy74om] {
        color: #bbf7d0;
        background: #052e16;
        border-color: #166534;
    }

    .catalog-alert-error[b-joiwwy74om] {
        color: #fecaca;
        background: #450a0a;
        border-color: #991b1b;
    }

    .catalog-product-image-wrap[b-joiwwy74om] {
        background: #fff;
    }

    .catalog-nutriscore[b-joiwwy74om] {
        color: #bbf7d0;
        background: #14532d;
    }
}
/* /Components/Admin/Translations.razor.rz.scp.css */
.approve-button[b-d4ytou9gtl] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-d4ytou9gtl],
.approve-button[b-d4ytou9gtl],
.danger-button[b-d4ytou9gtl] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.approve-button[b-d4ytou9gtl] {
    background: #16a34a;
    color: white;
}

@media (max-width: 900px) {
    .calendar-page[b-d4ytou9gtl] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-d4ytou9gtl] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-d4ytou9gtl] {
            font-size: 28px;
        }

        .calendar-header p[b-d4ytou9gtl] {
            font-size: 14px;
        }

        .calendar-add-button[b-d4ytou9gtl],
        .calendar-header .approve-button[b-d4ytou9gtl] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-d4ytou9gtl] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-d4ytou9gtl] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-d4ytou9gtl] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-d4ytou9gtl],
    .calendar-side-card[b-d4ytou9gtl] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-d4ytou9gtl] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-d4ytou9gtl],
        .calendar-side-card h2[b-d4ytou9gtl] {
            font-size: 22px;
        }

    .calendar-nav[b-d4ytou9gtl] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-d4ytou9gtl] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-d4ytou9gtl] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-d4ytou9gtl] {
        display: none;
    }

    .month-grid[b-d4ytou9gtl],
    .calendar-grid[b-d4ytou9gtl] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-d4ytou9gtl] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-d4ytou9gtl] {
            margin-bottom: 6px;
        }

    .other-month[b-d4ytou9gtl] {
        display: none;
    }

    .calendar-event[b-d4ytou9gtl] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-d4ytou9gtl] {
        max-height: none;
    }

    .calendar-event-list[b-d4ytou9gtl] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-d4ytou9gtl] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-d4ytou9gtl] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-d4ytou9gtl] {
        align-items: flex-start;
    }

        .modal-header h2[b-d4ytou9gtl] {
            font-size: 22px;
        }

    .modal-actions[b-d4ytou9gtl] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-d4ytou9gtl] {
            width: 100%;
        }
}

@media (max-width: 800px) {
    .admin-page[b-d4ytou9gtl] {
        padding: 16px;
    }

    .page-header[b-d4ytou9gtl] {
        flex-direction: column;
    }

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

    .page-header .approve-button[b-d4ytou9gtl] {
        width: 100%;
    }
}

.translation-summary[b-d4ytou9gtl] {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #4b5563;
    font-weight: 700;
    margin-bottom: 16px;
}

.page-header .approve-button[b-d4ytou9gtl] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

.form-row input:focus[b-d4ytou9gtl],
        .form-row select:focus[b-d4ytou9gtl],
        .translation-input:focus[b-d4ytou9gtl] {
            border-color: #667eea;
            box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.14);
        }

.translation-summary[b-d4ytou9gtl] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 2px 0 22px;
    padding: 10px 16px;
    border-radius: 999px;
    background: #f3f4f8;
    color: #374151;
    font-weight: 900;
}

.translation-default[b-d4ytou9gtl] {
    color: #4b5563;
    line-height: 1.4;
}

.translation-input[b-d4ytou9gtl] {
    width: 100%;
    min-height: 48px;
    border: 1px solid #dde2ea;
    border-radius: 16px;
    padding: 12px 14px;
    background: #fff;
    font: inherit;
    font-weight: 700;
    resize: vertical;
    outline: none;
}

.translation-badge[b-d4ytou9gtl] {
    display: inline-flex;
    margin-left: 8px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #fed7aa;
    color: #9a3412;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
    vertical-align: middle;
}

.translation-status[b-d4ytou9gtl] {
    margin-top: 16px;
    color: #4b5563;
    font-weight: 800;
}

@media (max-width: 700px) {
    .admin-page[b-d4ytou9gtl] {
        padding: 16px;
    }

    .page-header[b-d4ytou9gtl] {
        flex-direction: column;
    }

        .page-header .approve-button[b-d4ytou9gtl] {
            width: 100%;
        }

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

        .form-row label:nth-child(2)[b-d4ytou9gtl] {
            grid-column: auto;
            order: unset;
        }
}

/* TRANSLATIONS */

.translation-page[b-d4ytou9gtl] {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.translation-card[b-d4ytou9gtl] {
    background: white;
    border: 1px solid var(--line);
    border-radius: 28px;
    padding: 32px;
    box-shadow: var(--shadow);
}

.translation-header[b-d4ytou9gtl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 28px;
}

.translation-header h1[b-d4ytou9gtl] {
        margin: 0;
        font-size: 42px;
        font-weight: 900;
        color: var(--text);
    }

.translation-header p[b-d4ytou9gtl] {
        margin: 10px 0 0;
        color: var(--muted);
        font-size: 18px;
        line-height: 1.45;
    }

.translation-header .approve-button[b-d4ytou9gtl] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

.translation-toolbar[b-d4ytou9gtl] {
    display: grid;
    grid-template-columns: 240px minmax(320px, 1fr) 240px;
    gap: 18px;
    margin-bottom: 24px;
}

.translation-toolbar label[b-d4ytou9gtl] {
        display: grid;
        gap: 8px;
        font-weight: 900;
        color: #263247;
    }

.translation-toolbar input[b-d4ytou9gtl],
    .translation-toolbar select[b-d4ytou9gtl] {
        height: 56px;
        border: 1px solid #dbe3ef;
        border-radius: 18px;
        padding: 0 18px;
        background: white;
        font: inherit;
        font-weight: 800;
        outline: none;
    }

.translation-toolbar input:focus[b-d4ytou9gtl],
        .translation-toolbar select:focus[b-d4ytou9gtl],
        .translation-input:focus[b-d4ytou9gtl] {
            border-color: var(--primary);
            box-shadow: 0 0 0 4px rgba(104, 66, 244, .12);
        }

.translation-summary[b-d4ytou9gtl] {
    display: inline-flex;
    margin: 0 0 18px;
    padding: 10px 16px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-weight: 900;
}

.translation-table-wrap[b-d4ytou9gtl] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e6eaf2;
    border-radius: 22px;
}

.translation-table[b-d4ytou9gtl] {
    width: 100%;
    min-width: 1050px;
    border-collapse: collapse;
}

.translation-table th[b-d4ytou9gtl] {
        padding: 16px 18px;
        background: #f8fafc;
        color: #64748b;
        text-align: left;
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .08em;
    }

.translation-table td[b-d4ytou9gtl] {
        padding: 16px 18px;
        border-top: 1px solid #eef2f7;
        vertical-align: middle;
    }

.translation-table th:nth-child(1)[b-d4ytou9gtl],
        .translation-table td:nth-child(1)[b-d4ytou9gtl] {
            width: 260px;
        }

.translation-table th:nth-child(2)[b-d4ytou9gtl],
        .translation-table td:nth-child(2)[b-d4ytou9gtl] {
            width: 360px;
        }

.translation-table th:nth-child(4)[b-d4ytou9gtl],
        .translation-table td:nth-child(4)[b-d4ytou9gtl] {
            width: 110px;
            text-align: right;
        }

.translation-default[b-d4ytou9gtl] {
    color: #475569;
    line-height: 1.45;
}

.translation-input[b-d4ytou9gtl] {
    width: 100%;
    min-height: 54px;
    border: 1px solid #dbe3ef;
    border-radius: 16px;
    padding: 12px 14px;
    background: white;
    font: inherit;
    font-weight: 700;
    resize: vertical;
    outline: none;
}

.translation-badge[b-d4ytou9gtl] {
    display: inline-flex;
    margin-left: 8px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #fed7aa;
    color: #9a3412;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.translation-status[b-d4ytou9gtl] {
    margin: 16px 0 0;
    color: #334155;
    font-weight: 800;
}

@media (max-width: 900px) {
    .translation-card[b-d4ytou9gtl] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-d4ytou9gtl] {
        flex-direction: column;
    }

        .translation-header h1[b-d4ytou9gtl] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-d4ytou9gtl] {
            width: 100%;
        }

    .translation-toolbar[b-d4ytou9gtl] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .family-page[b-d4ytou9gtl] {
        padding: 14px;
    }

    .family-panel[b-d4ytou9gtl] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-d4ytou9gtl] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-d4ytou9gtl] {
            width: 100%;
        }
}

.translation-key-list[b-d4ytou9gtl] { display:flex; flex-wrap:wrap; gap:.3rem; margin-top:.45rem; }
.translation-key-list code[b-d4ytou9gtl] { font-size:.72rem; padding:.2rem .35rem; border-radius:.35rem; background:rgba(127,127,127,.12); }

.translation-exchange-actions[b-d4ytou9gtl] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.translation-export-button[b-d4ytou9gtl],
.translation-import-button[b-d4ytou9gtl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.translation-import-button[b-d4ytou9gtl] {
    position: relative;
    overflow: hidden;
}

.translation-import-button input[type="file"][b-d4ytou9gtl] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

@media (max-width: 760px) {
    .translation-exchange-actions[b-d4ytou9gtl] {
        width: 100%;
    }

    .translation-exchange-actions > *[b-d4ytou9gtl] {
        width: 100%;
    }
}


.translation-add-language-card[b-d4ytou9gtl] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) minmax(160px, .7fr) minmax(220px, 1fr);
    gap: 14px;
    align-items: end;
    margin: 18px 0;
    padding: 18px;
    border: 1px solid #dbe4f0;
    border-radius: 20px;
    background: #f8fafc;
}

.translation-add-language-card h2[b-d4ytou9gtl] {
    margin: 0 0 4px;
}

.translation-add-language-card p[b-d4ytou9gtl] {
    margin: 0;
    color: #64748b;
}

.translation-add-language-card label[b-d4ytou9gtl] {
    display: grid;
    gap: 7px;
    font-weight: 800;
    color: #334155;
}

.translation-copy-checkbox[b-d4ytou9gtl] {
    grid-column: 1 / -1;
    display: flex !important;
    grid-template-columns: auto 1fr;
    align-items: center;
}

.translation-add-language-actions[b-d4ytou9gtl] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 900px) {
    .translation-add-language-card[b-d4ytou9gtl] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Admin/UserApprovals.razor.rz.scp.css */
.approval-avatar[b-7koa7htt5a] {
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.approval-badge[b-7koa7htt5a] {
    width: fit-content;
}

.approve-button[b-7koa7htt5a] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.danger-button[b-7koa7htt5a] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-7koa7htt5a] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.admin-content[b-7koa7htt5a] {
    padding: 34px;
}

.admin-header[b-7koa7htt5a] {
    margin-bottom: 24px;
}

.admin-header h1[b-7koa7htt5a] {
        margin: 0;
        font-size: 34px;
        font-weight: 900;
    }

.admin-header p[b-7koa7htt5a] {
        margin: 6px 0 0;
        color: #64748b;
    }

.admin-card[b-7koa7htt5a] {
    background: white;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.user-table[b-7koa7htt5a] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.user-row[b-7koa7htt5a] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.user-info[b-7koa7htt5a] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.user-info strong[b-7koa7htt5a] {
        display: block;
        font-size: 15px;
        margin-bottom: 5px;
    }

.approval-avatar[b-7koa7htt5a] {
    width: 38px;
    height: 38px;
    border-radius: 13px;
    background: #eef2ff;
    color: #4f46e5;
    display: grid;
    place-items: center;
    font-weight: 900;
}

.approval-badge[b-7koa7htt5a] {
    display: inline-block;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
}

.approval-badge.approved[b-7koa7htt5a] {
        color: #15803d;
        background: #dcfce7;
    }

.approval-badge.pending[b-7koa7htt5a] {
        color: #c2410c;
        background: #ffedd5;
    }

.user-actions[b-7koa7htt5a] {
    display: flex;
    gap: 8px;
}

.secondary-button[b-7koa7htt5a],
.approve-button[b-7koa7htt5a],
.danger-button[b-7koa7htt5a] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.secondary-button[b-7koa7htt5a] {
    background: #e5e7eb;
    color: #111827;
}

.approve-button[b-7koa7htt5a] {
    background: #16a34a;
    color: white;
}

.danger-button[b-7koa7htt5a] {
    background: #dc2626;
    color: white;
}

@media (max-width: 800px) {
    .admin-page[b-7koa7htt5a] {
        grid-template-columns: 1fr;
    }

    .admin-sidebar[b-7koa7htt5a] {
        border-right: none;
        border-bottom: 1px solid #e6eaf2;
    }

    .user-row[b-7koa7htt5a] {
        grid-template-columns: 1fr;
    }

    .user-actions[b-7koa7htt5a] {
        justify-content: flex-end;
    }
}

.children-card[b-7koa7htt5a] {
    margin-top: 24px;
}

.children-header[b-7koa7htt5a] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-bottom: 18px;
}

.children-header h2[b-7koa7htt5a] {
        margin: 0;
    }

.children-header p[b-7koa7htt5a] {
        margin: 4px 0 0;
        color: #64748b;
    }

.child-create-hero[b-7koa7htt5a] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 18px;
    padding: 22px;
    border-radius: 28px;
    background: radial-gradient(circle at top left, rgba(104, 66, 244, .18), transparent 34%), linear-gradient(135deg, #f8fafc, #eef2ff);
    border: 1px solid #e0e7ff;
    margin-bottom: 24px;
}

.child-create-preview[b-7koa7htt5a] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border-radius: 24px;
    background: rgba(255,255,255,.75);
    box-shadow: 0 16px 36px rgba(15, 23, 42, .08);
}

.child-create-preview strong[b-7koa7htt5a] {
        display: block;
        font-size: 20px;
        font-weight: 900;
    }

.child-create-preview span[b-7koa7htt5a] {
        color: #64748b;
        font-weight: 700;
    }

.child-create-avatar[b-7koa7htt5a],
.child-big-icon[b-7koa7htt5a],
.child-modal-avatar[b-7koa7htt5a] {
    width: 72px;
    height: 72px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    font-size: 38px;
    background: white;
    box-shadow: 0 10px 24px rgba(24, 36, 68, .12);
}

.child-create-fields[b-7koa7htt5a] {
    display: grid;
    grid-template-columns: 1fr 240px auto;
    gap: 14px;
    align-items: end;
}

.form-field[b-7koa7htt5a] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.form-field label[b-7koa7htt5a] {
        font-size: 12px;
        font-weight: 900;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

.pretty-input[b-7koa7htt5a] {
    width: 100%;
    border: 1px solid #dbe3ef;
    border-radius: 16px;
    padding: 13px 15px;
    font-size: 14px;
    font-weight: 700;
    background: white;
    outline: none;
}

.pretty-input:focus[b-7koa7htt5a] {
        border-color: #6842f4;
        box-shadow: 0 0 0 4px rgba(104, 66, 244, .12);
    }

.child-create-button[b-7koa7htt5a] {
    border: none;
    border-radius: 18px;
    padding: 14px 20px;
    font-weight: 900;
    cursor: pointer;
    color: white;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    box-shadow: 0 12px 24px rgba(104, 66, 244, .24);
}

.children-grid[b-7koa7htt5a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}

.child-profile-card[b-7koa7htt5a] {
    padding: 20px;
    border-radius: 26px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    transition: transform .15s ease, box-shadow .15s ease;
}

.child-profile-card:hover[b-7koa7htt5a] {
        transform: translateY(-2px);
        box-shadow: 0 18px 40px rgba(15, 23, 42, .10);
    }

.child-card-info h3[b-7koa7htt5a] {
    margin: 14px 0 4px;
    font-size: 22px;
    font-weight: 900;
}

.child-card-info p[b-7koa7htt5a] {
    margin: 0;
    color: #64748b;
    font-weight: 700;
}

.child-card-actions[b-7koa7htt5a] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.empty-children[b-7koa7htt5a] {
    text-align: center;
    padding: 32px;
    border-radius: 24px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    color: #64748b;
}

.empty-children div[b-7koa7htt5a] {
        font-size: 42px;
        margin-bottom: 8px;
    }

.empty-children strong[b-7koa7htt5a] {
        display: block;
        color: #0f172a;
        font-size: 20px;
    }

.modal-backdrop[b-7koa7htt5a] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(6px);
    display: grid;
    place-items: center;
    padding: 20px;
}

.child-modal[b-7koa7htt5a] {
    width: min(560px, 100%);
    border-radius: 30px;
    background: white;
    box-shadow: 0 30px 80px rgba(15, 23, 42, .35);
    overflow: hidden;
}

.child-modal-header[b-7koa7htt5a] {
    display: grid;
    grid-template-columns: 72px 1fr auto;
    gap: 16px;
    align-items: center;
    padding: 22px;
    background: linear-gradient(135deg, #f8fafc, #eef2ff);
    border-bottom: 1px solid #e5e7eb;
}

.child-modal-header h2[b-7koa7htt5a] {
        margin: 0;
        font-size: 24px;
    }

.child-modal-header p[b-7koa7htt5a] {
        margin: 4px 0 0;
        color: #64748b;
    }

.modal-close-button[b-7koa7htt5a] {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 14px;
    background: white;
    cursor: pointer;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .10);
}

.child-modal-body[b-7koa7htt5a] {
    display: grid;
    gap: 16px;
    padding: 22px;
}

.child-modal-footer[b-7koa7htt5a] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 18px 22px;
    background: #f8fafc;
    border-top: 1px solid #e5e7eb;
}

@media (max-width: 900px) {
    .child-create-hero[b-7koa7htt5a],
    .child-create-fields[b-7koa7htt5a] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .app-layout[b-7koa7htt5a] {
        display: block;
        min-height: 100vh;
    }

    .mobile-topbar[b-7koa7htt5a] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1200;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(18px);
        border-bottom: 1px solid var(--line);
    }

        .mobile-topbar .logo[b-7koa7htt5a] {
            width: 34px;
            height: 34px;
            font-size: 18px;
            border-radius: 12px;
        }

        .mobile-topbar .brand-title[b-7koa7htt5a] {
            font-size: 18px;
        }

        .mobile-topbar .brand-subtitle[b-7koa7htt5a] {
            display: none;
        }

    .mobile-menu-button[b-7koa7htt5a] {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 21px;
    }

    .app-main[b-7koa7htt5a] {
        padding: 56px 0 0;
    }

    .admin-content[b-7koa7htt5a] {
        padding: 12px;
    }

    .admin-header[b-7koa7htt5a] {
        margin-bottom: 14px;
    }

        .admin-header h1[b-7koa7htt5a] {
            font-size: 26px;
        }

        .admin-header p[b-7koa7htt5a] {
            font-size: 14px;
        }

    .app-sidebar[b-7koa7htt5a] {
        position: fixed;
        z-index: 1300;
        top: 0;
        left: 0;
        width: min(84vw, 330px);
        height: 100dvh;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 24px 0 60px rgba(15, 23, 42, .18);
    }

    .mobile-nav-open .app-sidebar[b-7koa7htt5a] {
        transform: translateX(0);
    }

    .mobile-nav-backdrop[b-7koa7htt5a] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1250;
        border: 0;
        background: rgba(15, 23, 42, .38);
    }

    .nav a[b-7koa7htt5a] {
        min-height: 48px;
        font-size: 16px;
    }
}

@media (max-width: 900px) {
    .calendar-page[b-7koa7htt5a] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-7koa7htt5a] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-7koa7htt5a] {
            font-size: 28px;
        }

        .calendar-header p[b-7koa7htt5a] {
            font-size: 14px;
        }

        .calendar-add-button[b-7koa7htt5a],
        .calendar-header .approve-button[b-7koa7htt5a] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-7koa7htt5a] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-7koa7htt5a] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-7koa7htt5a] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-7koa7htt5a],
    .calendar-side-card[b-7koa7htt5a] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-7koa7htt5a] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-7koa7htt5a],
        .calendar-side-card h2[b-7koa7htt5a] {
            font-size: 22px;
        }

    .calendar-nav[b-7koa7htt5a] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-7koa7htt5a] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-7koa7htt5a] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-7koa7htt5a] {
        display: none;
    }

    .month-grid[b-7koa7htt5a],
    .calendar-grid[b-7koa7htt5a] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-7koa7htt5a] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-7koa7htt5a] {
            margin-bottom: 6px;
        }

    .other-month[b-7koa7htt5a] {
        display: none;
    }

    .calendar-event[b-7koa7htt5a] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-7koa7htt5a] {
        max-height: none;
    }

    .calendar-event-list[b-7koa7htt5a] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-7koa7htt5a] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-7koa7htt5a] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-7koa7htt5a] {
        align-items: flex-start;
    }

        .modal-header h2[b-7koa7htt5a] {
            font-size: 22px;
        }

    .modal-actions[b-7koa7htt5a] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-7koa7htt5a] {
            width: 100%;
        }
}

@media (max-width: 800px) {
    .admin-page[b-7koa7htt5a] {
        padding: 16px;
    }

    .page-header[b-7koa7htt5a] {
        flex-direction: column;
    }

    .form-row[b-7koa7htt5a] {
        grid-template-columns: 1fr;
    }

    .page-header .approve-button[b-7koa7htt5a] {
        width: 100%;
    }
}

.admin-card[b-7koa7htt5a] {
    border-radius: 28px;
}

.page-header .approve-button[b-7koa7htt5a] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-7koa7htt5a] {
        padding: 16px;
    }

    .page-header[b-7koa7htt5a] {
        flex-direction: column;
    }

        .page-header .approve-button[b-7koa7htt5a] {
            width: 100%;
        }

    .form-row[b-7koa7htt5a] {
        grid-template-columns: 1fr;
    }

        .form-row label:nth-child(2)[b-7koa7htt5a] {
            grid-column: auto;
            order: unset;
        }
}

.translation-header .approve-button[b-7koa7htt5a] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .translation-card[b-7koa7htt5a] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-7koa7htt5a] {
        flex-direction: column;
    }

        .translation-header h1[b-7koa7htt5a] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-7koa7htt5a] {
            width: 100%;
        }

    .translation-toolbar[b-7koa7htt5a] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .family-page[b-7koa7htt5a] {
        padding: 14px;
    }

    .family-panel[b-7koa7htt5a] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-7koa7htt5a] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-7koa7htt5a] {
            width: 100%;
        }
}
/* /Components/Admin/UserDetails.razor.rz.scp.css */
.approval-badge[b-1b54v0igjd] {
    width: fit-content;
}

.approve-button[b-1b54v0igjd] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.danger-button[b-1b54v0igjd] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.approval-badge[b-1b54v0igjd] {
    display: inline-block;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
}

.approval-badge.approved[b-1b54v0igjd] {
        color: #15803d;
        background: #dcfce7;
    }

.approval-badge.pending[b-1b54v0igjd] {
        color: #c2410c;
        background: #ffedd5;
    }

.secondary-button[b-1b54v0igjd],
.approve-button[b-1b54v0igjd],
.danger-button[b-1b54v0igjd] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.approve-button[b-1b54v0igjd] {
    background: #16a34a;
    color: white;
}

.danger-button[b-1b54v0igjd] {
    background: #dc2626;
    color: white;
}

.admin-detail-page[b-1b54v0igjd] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 32px;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
}

.user-detail-card[b-1b54v0igjd] {
    width: min(760px, 100%);
    padding: 34px;
    border-radius: 30px;
    background: rgba(255, 255, 255, .92);
    border: 1px solid #e6eaf2;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .10);
}

.user-detail-header[b-1b54v0igjd] {
    text-align: center;
    position: relative;
    margin-bottom: 28px;
}

.back-link[b-1b54v0igjd] {
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    border-radius: 999px;
    padding: 10px 16px;
    font-weight: 900;
    cursor: pointer;
    background: #e5e7eb;
    color: #111827;
}

.user-detail-avatar[b-1b54v0igjd] {
    width: 76px;
    height: 76px;
    margin: 0 auto 16px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 28px;
    font-weight: 900;
}

.user-detail-header h1[b-1b54v0igjd] {
    margin: 0;
    font-size: 30px;
    word-break: break-word;
}

.user-detail-header p[b-1b54v0igjd] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 13px;
}

.detail-section[b-1b54v0igjd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 18px;
    border-radius: 20px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.detail-label[b-1b54v0igjd] {
    display: block;
    margin-bottom: 8px;
    color: #64748b;
    font-size: 13px;
    font-weight: 900;
}

.roles-header[b-1b54v0igjd] {
    margin: 28px 0 14px;
}

.roles-header h2[b-1b54v0igjd] {
        margin: 0;
        font-size: 24px;
    }

.roles-header p[b-1b54v0igjd] {
        margin: 6px 0 0;
        color: #64748b;
    }

.role-grid[b-1b54v0igjd] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.role-tile[b-1b54v0igjd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border-radius: 20px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    cursor: pointer;
}

.role-tile.selected[b-1b54v0igjd] {
        background: #eef2ff;
        border-color: #8b5cf6;
    }

.role-tile strong[b-1b54v0igjd] {
        display: block;
        margin-bottom: 5px;
    }

.role-tile span[b-1b54v0igjd] {
        font-size: 13px;
        color: #64748b;
        font-weight: 700;
    }

@media (max-width: 700px) {
    .user-detail-card[b-1b54v0igjd] {
        padding: 24px;
    }

    .back-link[b-1b54v0igjd] {
        position: static;
        margin-bottom: 18px;
    }

    .detail-section[b-1b54v0igjd] {
        flex-direction: column;
        align-items: stretch;
    }

    .role-grid[b-1b54v0igjd] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .calendar-page[b-1b54v0igjd] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-1b54v0igjd] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-1b54v0igjd] {
            font-size: 28px;
        }

        .calendar-header p[b-1b54v0igjd] {
            font-size: 14px;
        }

        .calendar-add-button[b-1b54v0igjd],
        .calendar-header .approve-button[b-1b54v0igjd] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-1b54v0igjd] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-1b54v0igjd] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-1b54v0igjd] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-1b54v0igjd],
    .calendar-side-card[b-1b54v0igjd] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-1b54v0igjd] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-1b54v0igjd],
        .calendar-side-card h2[b-1b54v0igjd] {
            font-size: 22px;
        }

    .calendar-nav[b-1b54v0igjd] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-1b54v0igjd] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-1b54v0igjd] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-1b54v0igjd] {
        display: none;
    }

    .month-grid[b-1b54v0igjd],
    .calendar-grid[b-1b54v0igjd] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-1b54v0igjd] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-1b54v0igjd] {
            margin-bottom: 6px;
        }

    .other-month[b-1b54v0igjd] {
        display: none;
    }

    .calendar-event[b-1b54v0igjd] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-1b54v0igjd] {
        max-height: none;
    }

    .calendar-event-list[b-1b54v0igjd] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-1b54v0igjd] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-1b54v0igjd] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-1b54v0igjd] {
        align-items: flex-start;
    }

        .modal-header h2[b-1b54v0igjd] {
            font-size: 22px;
        }

    .modal-actions[b-1b54v0igjd] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-1b54v0igjd] {
            width: 100%;
        }
}

@media (max-width: 800px) {
    .admin-page[b-1b54v0igjd] {
        padding: 16px;
    }

    .page-header[b-1b54v0igjd] {
        flex-direction: column;
    }

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

    .page-header .approve-button[b-1b54v0igjd] {
        width: 100%;
    }
}

.page-header .approve-button[b-1b54v0igjd] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-1b54v0igjd] {
        padding: 16px;
    }

    .page-header[b-1b54v0igjd] {
        flex-direction: column;
    }

        .page-header .approve-button[b-1b54v0igjd] {
            width: 100%;
        }

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

        .form-row label:nth-child(2)[b-1b54v0igjd] {
            grid-column: auto;
            order: unset;
        }
}

.translation-header .approve-button[b-1b54v0igjd] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .translation-card[b-1b54v0igjd] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-1b54v0igjd] {
        flex-direction: column;
    }

        .translation-header h1[b-1b54v0igjd] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-1b54v0igjd] {
            width: 100%;
        }

    .translation-toolbar[b-1b54v0igjd] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .family-page[b-1b54v0igjd] {
        padding: 14px;
    }

    .family-panel[b-1b54v0igjd] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-1b54v0igjd] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-1b54v0igjd] {
            width: 100%;
        }
}

.delete-user-section[b-1b54v0igjd] {
    margin-top: 30px;
    padding: 22px;
    border: 1px solid #fecaca;
    border-radius: 22px;
    background: #fff7f7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.delete-user-section h2[b-1b54v0igjd] {
    margin: 0;
    color: #991b1b;
    font-size: 22px;
}

.delete-user-section p[b-1b54v0igjd] {
    margin: 7px 0 0;
    color: #7f1d1d;
    line-height: 1.5;
}

.delete-user-warning[b-1b54v0igjd] {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #fee2e2;
    color: #991b1b;
    font-weight: 800;
}

.permanent-delete-button[b-1b54v0igjd] {
    border: none;
    border-radius: 999px;
    padding: 11px 17px;
    background: #b91c1c;
    color: white;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    flex-shrink: 0;
}

.permanent-delete-button:hover:not(:disabled)[b-1b54v0igjd] {
    background: #991b1b;
}

.permanent-delete-button:disabled[b-1b54v0igjd],
.secondary-button:disabled[b-1b54v0igjd] {
    cursor: not-allowed;
    opacity: .55;
}

.delete-modal-backdrop[b-1b54v0igjd] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(15, 23, 42, .66);
    backdrop-filter: blur(4px);
}

.delete-modal[b-1b54v0igjd] {
    width: min(580px, 100%);
    max-height: 90dvh;
    overflow-y: auto;
    padding: 30px;
    border-radius: 26px;
    background: white;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .32);
}

.delete-modal-icon[b-1b54v0igjd] {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    background: #fee2e2;
    font-size: 30px;
}

.delete-modal h2[b-1b54v0igjd] {
    margin: 0;
    color: #991b1b;
    font-size: 26px;
}

.delete-modal > p[b-1b54v0igjd] {
    margin: 10px 0 0;
    color: #475569;
    line-height: 1.55;
}

.delete-impact-list[b-1b54v0igjd] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 18px 0;
    padding: 16px;
    border-radius: 16px;
    background: #f8fafc;
    color: #334155;
    font-size: 14px;
}

.delete-confirmation-label[b-1b54v0igjd] {
    display: block;
    margin-bottom: 8px;
    color: #334155;
    font-size: 14px;
}

.delete-confirmation-label strong[b-1b54v0igjd] {
    color: #991b1b;
    word-break: break-all;
}

.delete-confirmation-input[b-1b54v0igjd] {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid #fca5a5;
    border-radius: 14px;
    outline: none;
    font: inherit;
}

.delete-confirmation-input:focus[b-1b54v0igjd] {
    border-color: #dc2626;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, .12);
}

.delete-modal-actions[b-1b54v0igjd] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

@media (max-width: 700px) {
    .delete-user-section[b-1b54v0igjd] {
        align-items: stretch;
        flex-direction: column;
    }

    .delete-user-section .permanent-delete-button[b-1b54v0igjd],
    .delete-modal-actions button[b-1b54v0igjd] {
        width: 100%;
    }

    .delete-modal-actions[b-1b54v0igjd] {
        flex-direction: column-reverse;
    }
}
/* /Components/App.razor.rz.scp.css */
/* /Components/AppLayout.razor.rz.scp.css */
.app-layout[b-mvpsmyvvyh] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 270px 1fr;
}

.nav a[b-mvpsmyvvyh] {
    text-decoration: none;
    padding: 13px 14px;
    border-radius: 16px;
    font-weight: 750;
    color: #334155;
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 15px;
}

.nav a.active[b-mvpsmyvvyh] {
        background: #efeaff;
        color: #4f32d5;
    }

.app-sidebar small[b-mvpsmyvvyh] {
    color: #8a94a6;
    font-weight: 800;
    letter-spacing: .06em;
    margin: 22px 14px 0;
}

.avatar[b-mvpsmyvvyh] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--primary);
    color: white;
    font-weight: 900;
}

.tiny[b-mvpsmyvvyh] {
    font-size: 13px;
    color: var(--muted);
}

.app-main[b-mvpsmyvvyh] {
    padding: 28px 34px 40px;
}

.mobile-topbar[b-mvpsmyvvyh],
.mobile-nav-backdrop[b-mvpsmyvvyh] {
    display: none;
}

.mobile-brand[b-mvpsmyvvyh] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-menu-button[b-mvpsmyvvyh] {
    border: 0;
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--primary), var(--primary2));
    color: white;
    font-size: 24px;
    font-weight: 900;
}

.profile-link[b-mvpsmyvvyh] {
    text-decoration: none;
    color: inherit;
    transition: .2s;
}

.profile-link:hover[b-mvpsmyvvyh] {
        transform: translateY(-1px);
        box-shadow: 0 10px 24px rgba(24, 36, 68, .08);
    }

.logout-button[b-mvpsmyvvyh] {
    width: 100%;
    border: 1px solid #fee2e2;
    border-radius: 16px;
    padding: 12px 14px;
    background: #fef2f2;
    color: #dc2626;
    font-weight: 900;
    cursor: pointer;
}

.logout-button:hover[b-mvpsmyvvyh] {
        background: #fee2e2;
    }

.app-sidebar[b-mvpsmyvvyh] {
    position: sticky;
    top: 0;
    height: 100vh;
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(18px);
    border-right: 1px solid var(--line);
    padding: 28px 18px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    overflow: hidden;
}

.sidebar-scroll[b-mvpsmyvvyh] {
    flex: 1;
    overflow-y: auto;
    padding-right: 4px;
}

.sidebar-account[b-mvpsmyvvyh] {
    flex-shrink: 0;
    background: rgba(255, 255, 255, .9);
    padding-top: 12px;
    border-top: 1px solid var(--line);
}

.nav[b-mvpsmyvvyh] {
    display: grid;
    gap: 8px;
    margin-top: 0;
}

.nav-section-title[b-mvpsmyvvyh] {
    color: #8a94a6;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .06em;
    margin: 18px 14px 4px;
}

.profile[b-mvpsmyvvyh] {
    margin-top: 0;
}

.logout-form[b-mvpsmyvvyh] {
    margin-top: 10px;
}

.language-selector[b-mvpsmyvvyh] {
    display: grid;
    gap: 6px;
    margin-top: 12px;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 800;
}

.language-selector select[b-mvpsmyvvyh] {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 8px 10px;
    background: #ffffff;
    color: #172033;
}

.brand-title[b-mvpsmyvvyh] {
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
    color: #16213e;
}

.brand-subtitle[b-mvpsmyvvyh] {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8a94a6;
}

@media (max-width: 900px) {
    .app-layout[b-mvpsmyvvyh] {
        display: block;
        min-height: 100vh;
    }

    .mobile-topbar[b-mvpsmyvvyh] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1200;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(18px);
        border-bottom: 1px solid var(--line);
    }

        .mobile-topbar .logo[b-mvpsmyvvyh] {
            width: 34px;
            height: 34px;
            font-size: 18px;
            border-radius: 12px;
        }

        .mobile-topbar .brand-title[b-mvpsmyvvyh] {
            font-size: 18px;
        }

        .mobile-topbar .brand-subtitle[b-mvpsmyvvyh] {
            display: none;
        }

    .mobile-menu-button[b-mvpsmyvvyh] {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 21px;
    }

    .app-main[b-mvpsmyvvyh] {
        padding: 68px 12px 24px;
        min-width: 0;
        overflow-x: clip;
    }

    .admin-content[b-mvpsmyvvyh] {
        padding: 12px;
    }

    .admin-header[b-mvpsmyvvyh] {
        margin-bottom: 14px;
    }

        .admin-header h1[b-mvpsmyvvyh] {
            font-size: 26px;
        }

        .admin-header p[b-mvpsmyvvyh] {
            font-size: 14px;
        }

    .app-sidebar[b-mvpsmyvvyh] {
        position: fixed;
        z-index: 1300;
        top: 0;
        left: 0;
        width: min(84vw, 330px);
        height: 100dvh;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 24px 0 60px rgba(15, 23, 42, .18);
    }

    .mobile-nav-open .app-sidebar[b-mvpsmyvvyh] {
        transform: translateX(0);
    }

    .mobile-nav-backdrop[b-mvpsmyvvyh] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1250;
        border: 0;
        background: rgba(15, 23, 42, .38);
    }

    .nav a[b-mvpsmyvvyh] {
        min-height: 48px;
        font-size: 16px;
    }
}

.clickable-brand[b-mvpsmyvvyh] {
    cursor: pointer;
    transition: .15s ease;
}

.clickable-brand:hover[b-mvpsmyvvyh] {
        opacity: .9;
        transform: translateY(-1px);
    }

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

.page-header h1[b-mvpsmyvvyh] {
        margin: 0;
        font-size: 2rem;
    }

.page-header p[b-mvpsmyvvyh] {
        margin: 6px 0 0;
        color: #6b7280;
    }

.tiny[b-mvpsmyvvyh] {
    color: #6b7280;
    font-size: 0.9rem;
    margin: 10px 0 16px;
}

@media (max-width: 800px) {
    .admin-page[b-mvpsmyvvyh] {
        padding: 16px;
    }

    .page-header[b-mvpsmyvvyh] {
        flex-direction: column;
    }

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

    .page-header .approve-button[b-mvpsmyvvyh] {
        width: 100%;
    }
}

.page-header[b-mvpsmyvvyh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 28px;
}

.page-header h1[b-mvpsmyvvyh] {
        margin: 0;
        font-size: 2.4rem;
        line-height: 1;
        color: #172033;
    }

.page-header p[b-mvpsmyvvyh] {
        max-width: 520px;
        margin: 10px 0 0;
        color: #6b7280;
        font-size: 1.05rem;
    }

.page-header .approve-button[b-mvpsmyvvyh] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-mvpsmyvvyh] {
        padding: 16px;
    }

    .page-header[b-mvpsmyvvyh] {
        flex-direction: column;
    }

        .page-header .approve-button[b-mvpsmyvvyh] {
            width: 100%;
        }

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

        .form-row label:nth-child(2)[b-mvpsmyvvyh] {
            grid-column: auto;
            order: unset;
        }
}

.family-selector[b-mvpsmyvvyh] {
    padding: 12px;
}

.family-selector label[b-mvpsmyvvyh] {
        display: block;
        font-size: 0.75rem;
        opacity: 0.7;
        margin-bottom: 4px;
    }

.family-selector select[b-mvpsmyvvyh] {
        width: 100%;
        padding: 8px;
        border-radius: 8px;
    }

.family-page[b-mvpsmyvvyh] {
    min-height: calc(100vh - 56px);
    padding: 34px;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
}

.family-panel[b-mvpsmyvvyh] {
    width: min(1100px, 100%);
    margin: 0 auto;
    background: rgba(255, 255, 255, .92);
    border: 1px solid #e6eaf2;
    border-radius: 28px;
    padding: 30px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .10);
}

@media (max-width: 800px) {
    .family-page[b-mvpsmyvvyh] {
        padding: 14px;
    }

    .family-panel[b-mvpsmyvvyh] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-mvpsmyvvyh] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-mvpsmyvvyh] {
            width: 100%;
        }
}

.brand-button[b-mvpsmyvvyh] {
    border: 0;
    background: transparent;
    padding: 0;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.brand-logo[b-mvpsmyvvyh] {
    width: 42px;
    height: 42px;
    object-fit: contain;
    flex: 0 0 auto;
}

.mobile-topbar .brand-logo[b-mvpsmyvvyh] {
    width: 34px;
    height: 34px;
}

.app-error-card[b-mvpsmyvvyh] {
    max-width: 760px;
    margin: 40px auto;
    border: 1px solid #fee2e2;
    border-radius: 28px;
    padding: 34px;
    background: linear-gradient(135deg, #fff7ed, #ffffff);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .10);
    text-align: center;
}

.app-error-icon[b-mvpsmyvvyh] {
    width: 72px;
    height: 72px;
    margin: 0 auto 16px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    background: #ffedd5;
    font-size: 36px;
}

.app-error-card h1[b-mvpsmyvvyh] {
    margin: 0 0 10px;
    color: #16213e;
    font-size: 34px;
    font-weight: 900;
}

.app-error-card p[b-mvpsmyvvyh] {
    max-width: 560px;
    margin: 0 auto 18px;
    color: #64748b;
    line-height: 1.6;
}

.app-error-card details[b-mvpsmyvvyh] {
    margin: 18px auto;
    max-width: 560px;
    text-align: left;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 12px 14px;
    background: #ffffff;
}

.app-error-card summary[b-mvpsmyvvyh] {
    cursor: pointer;
    font-weight: 900;
    color: #334155;
}

.app-error-card code[b-mvpsmyvvyh] {
    display: block;
    margin-top: 10px;
    white-space: pre-wrap;
    word-break: break-word;
    color: #991b1b;
}

.app-error-actions[b-mvpsmyvvyh] {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.secondary-link[b-mvpsmyvvyh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 12px 18px;
    background: #ffffff;
    color: #334155;
    font-weight: 900;
    text-decoration: none;
}

@media (max-width: 700px) {
    .app-main :is(input, select, textarea, button)[b-mvpsmyvvyh] {
        max-width: 100%;
    }

    .app-main :is(.admin-card, .family-panel, .calendar-card, .feedback-card)[b-mvpsmyvvyh] {
        min-width: 0;
    }
}


.sidebar-legal-links[b-mvpsmyvvyh] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px 7px;
    padding: 8px 16px 2px;
    color: #98a2b3;
    font-size: 12px;
}

.sidebar-legal-links a[b-mvpsmyvvyh] {
    color: #667085;
    font-weight: 750;
    text-decoration: none;
}

.sidebar-legal-links a:hover[b-mvpsmyvvyh] {
    color: #6842f4;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (prefers-color-scheme: dark) {
    .sidebar-legal-links[b-mvpsmyvvyh],
    .sidebar-legal-links a[b-mvpsmyvvyh] {
        color: #98a2b3;
    }

    .sidebar-legal-links a:hover[b-mvpsmyvvyh] {
        color: #b8a9ff;
    }
}
/* /Components/Billing/Billing.razor.rz.scp.css */
.billing-page[b-o919wqpspb] {
    display: grid;
    gap: 1.25rem;
}

.billing-header[b-o919wqpspb],
.billing-status-card[b-o919wqpspb],
.billing-portal-card[b-o919wqpspb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.billing-header[b-o919wqpspb] {
    padding: 1.5rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(45, 112, 255, .12), rgba(18, 184, 134, .12));
    border: 1px solid rgba(15, 23, 42, .08);
}

.billing-kicker[b-o919wqpspb] {
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    color: #2563eb;
    font-size: .75rem;
}

.billing-header h1[b-o919wqpspb],
.billing-card h2[b-o919wqpspb],
.billing-status-card h2[b-o919wqpspb] {
    margin: 0;
}

.billing-header p[b-o919wqpspb],
.billing-card p[b-o919wqpspb],
.billing-status-card p[b-o919wqpspb] {
    color: #64748b;
    margin-bottom: 0;
}

.billing-grid[b-o919wqpspb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.billing-card[b-o919wqpspb],
.billing-status-card[b-o919wqpspb] {
    padding: 1.25rem;
    border-radius: 22px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
}

.billing-plan-card[b-o919wqpspb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.billing-status-active[b-o919wqpspb] {
    border-color: rgba(22, 163, 74, .25);
}

.billing-status-blocked[b-o919wqpspb] {
    border-color: rgba(220, 38, 38, .25);
}

.billing-status-pill[b-o919wqpspb] {
    display: inline-flex;
    padding: .25rem .6rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 800;
    background: #e0f2fe;
    color: #0369a1;
    margin-bottom: .5rem;
}

.billing-license-meta[b-o919wqpspb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: .75rem;
    margin: 0;
}

.billing-license-meta dt[b-o919wqpspb] {
    color: #64748b;
    font-size: .75rem;
}

.billing-license-meta dd[b-o919wqpspb] {
    margin: .15rem 0 0;
    font-weight: 700;
}

.billing-price strong[b-o919wqpspb] {
    display: block;
    font-size: 2rem;
}

.billing-price span[b-o919wqpspb] {
    color: #64748b;
}

.billing-features[b-o919wqpspb] {
    padding-left: 1.1rem;
    color: #475569;
}

.billing-warning[b-o919wqpspb],
.billing-message[b-o919wqpspb] {
    padding: .85rem 1rem;
    border-radius: 16px;
}

.billing-warning[b-o919wqpspb] {
    background: #fff7ed;
    color: #9a3412;
}

.billing-message-success[b-o919wqpspb] {
    background: #ecfdf5;
    color: #166534;
}

.billing-message-error[b-o919wqpspb] {
    background: #fef2f2;
    color: #991b1b;
}

.billing-request-box[b-o919wqpspb] {
    min-height: 110px;
}

.secondary-button[b-o919wqpspb] {
    border: 1px solid rgba(15, 23, 42, .16);
    background: #fff;
    border-radius: 14px;
    padding: .75rem 1rem;
    font-weight: 800;
}

@media (max-width: 760px) {
    .billing-header[b-o919wqpspb],
    .billing-status-card[b-o919wqpspb],
    .billing-portal-card[b-o919wqpspb] {
        flex-direction: column;
    }
}
/* /Components/Budget/Budget.razor.rz.scp.css */
.budget-page[b-uhiehl0fnh] { padding: 34px; }
.budget-header[b-uhiehl0fnh] { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
.budget-month-navigation[b-uhiehl0fnh] { display: flex; align-items: center; gap: 12px; }
.budget-month-navigation strong[b-uhiehl0fnh] { min-width: 150px; text-align: center; }
.budget-summary-grid[b-uhiehl0fnh] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.budget-summary-card[b-uhiehl0fnh] { display: grid; gap: 8px; }
.budget-summary-card span[b-uhiehl0fnh] { color: #64748b; font-weight: 750; }
.budget-summary-card strong[b-uhiehl0fnh] { font-size: 28px; }
.budget-balance[b-uhiehl0fnh] { border-color: #86efac; }
.budget-negative[b-uhiehl0fnh] { border-color: #fca5a5; }
.budget-entry-card[b-uhiehl0fnh], .budget-list-card[b-uhiehl0fnh] { margin-top: 18px; }
.budget-entry-form[b-uhiehl0fnh] { display: grid; grid-template-columns: 140px 2fr 1fr 140px 140px auto; gap: 12px; align-items: end; }
.budget-entry-form label[b-uhiehl0fnh] { display: grid; gap: 7px; color: #334155; font-size: 13px; font-weight: 800; }
.budget-entry-list[b-uhiehl0fnh] { display: grid; gap: 10px; }
.budget-entry-row[b-uhiehl0fnh] { display: grid; grid-template-columns: 1fr auto auto; gap: 14px; align-items: center; padding: 14px; border: 1px solid #e2e8f0; border-radius: 16px; }
.budget-entry-row > div[b-uhiehl0fnh] { display: grid; gap: 4px; }
.budget-entry-row span[b-uhiehl0fnh] { color: #64748b; font-size: 13px; }
.budget-income[b-uhiehl0fnh] { color: #15803d; }
.budget-expense[b-uhiehl0fnh], .budget-negative strong[b-uhiehl0fnh] { color: #b91c1c; }
.budget-message[b-uhiehl0fnh] { padding: 12px 16px; border-radius: 14px; background: #eff6ff; color: #1e3a8a; font-weight: 750; }
@media (max-width: 900px) {
  .budget-page[b-uhiehl0fnh] { padding: 14px; }
  .budget-header[b-uhiehl0fnh] { align-items: stretch; flex-direction: column; }
  .budget-summary-grid[b-uhiehl0fnh] { grid-template-columns: 1fr; }
  .budget-entry-form[b-uhiehl0fnh] { grid-template-columns: 1fr; }
  .budget-entry-row[b-uhiehl0fnh] { grid-template-columns: 1fr auto; }
  .budget-entry-row .danger-button[b-uhiehl0fnh] { grid-column: 1 / -1; width: 100%; }
}
/* /Components/Calendar/Calendar.razor.rz.scp.css */
.auth-field[b-q9t9iqfdbg] {
    margin-bottom: 16px;
}

.auth-field label[b-q9t9iqfdbg] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 850;
        color: #334155;
    }

.auth-input[b-q9t9iqfdbg] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 15px 16px;
    background: #fff;
    font-size: 15px;
    outline: none;
}

.auth-input:focus[b-q9t9iqfdbg] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.auth-submit[b-q9t9iqfdbg] {
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 15px 18px;
    margin-top: 8px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.auth-submit:hover[b-q9t9iqfdbg] {
        filter: brightness(.98);
    }

.approve-button[b-q9t9iqfdbg] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.danger-button[b-q9t9iqfdbg] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-q9t9iqfdbg] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-q9t9iqfdbg],
.approve-button[b-q9t9iqfdbg],
.danger-button[b-q9t9iqfdbg] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.secondary-button[b-q9t9iqfdbg] {
    background: #e5e7eb;
    color: #111827;
}

.approve-button[b-q9t9iqfdbg] {
    background: #16a34a;
    color: white;
}

.danger-button[b-q9t9iqfdbg] {
    background: #dc2626;
    color: white;
}

.calendar-page[b-q9t9iqfdbg] {
    color: #16213e;
}

.calendar-header[b-q9t9iqfdbg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

.calendar-header h1[b-q9t9iqfdbg] {
        margin: 0;
        font-size: 36px;
        font-weight: 900;
    }

.calendar-header p[b-q9t9iqfdbg] {
        margin: 8px 0 0;
        color: #718096;
        font-size: 18px;
    }

.calendar-card[b-q9t9iqfdbg],
.calendar-side-card[b-q9t9iqfdbg] {
    background: white;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    padding: 26px;
    box-shadow: 0 18px 45px rgba(24,36,68,.08);
}

.calendar-card-header[b-q9t9iqfdbg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

.calendar-card-header h2[b-q9t9iqfdbg],
    .calendar-side-card h2[b-q9t9iqfdbg] {
        margin: 0;
        font-size: 26px;
        font-weight: 900;
    }

.calendar-grid[b-q9t9iqfdbg] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
}

.calendar-day[b-q9t9iqfdbg] {
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 12px;
    background: #fff;
}

.calendar-day strong[b-q9t9iqfdbg] {
        display: block;
        margin-bottom: 12px;
        font-size: 17px;
    }

.calendar-list-item[b-q9t9iqfdbg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 14px;
}

.calendar-list-item p[b-q9t9iqfdbg] {
        margin: 6px 0 0;
        color: #718096;
    }

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

    .calendar-grid[b-q9t9iqfdbg] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.calendar-nav[b-q9t9iqfdbg] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.calendar-nav strong[b-q9t9iqfdbg] {
        min-width: 150px;
        text-align: center;
    }

.month-grid[b-q9t9iqfdbg] {
    grid-template-columns: repeat(7, 1fr);
}

.calendar-day[b-q9t9iqfdbg] {
    min-height: 130px;
}

.calendar-weekdays[b-q9t9iqfdbg] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: 10px;
    font-weight: 800;
    color: #64748b;
}

.calendar-weekdays div[b-q9t9iqfdbg] {
        text-align: center;
        padding: 8px;
    }

.calendar-layout[b-q9t9iqfdbg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 24px;
    align-items: start;
}

.calendar-side-card[b-q9t9iqfdbg] {
    max-height: calc(100vh - 170px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.calendar-event-list[b-q9t9iqfdbg] {
    overflow-y: auto;
    padding-right: 6px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.calendar-add-button[b-q9t9iqfdbg] {
    width: auto;
    margin-top: 0;
}

.calendar-day[b-q9t9iqfdbg] {
    cursor: pointer;
}

.calendar-day:hover[b-q9t9iqfdbg] {
        border-color: #8b5cf6;
    }

.calendar-event[b-q9t9iqfdbg] {
    width: 100%;
    border: none;
    text-align: left;
    margin-top: 6px;
    padding: 8px;
    border-radius: 10px;
    background: #dbeafe;
    color: #3154d4;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.calendar-list-item[b-q9t9iqfdbg] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 18px;
    padding: 14px;
    background: #f8fafc;
    text-align: left;
    cursor: pointer;
}

.calendar-list-item:hover[b-q9t9iqfdbg],
    .calendar-event:hover[b-q9t9iqfdbg] {
        filter: brightness(.97);
    }

.event-modal[b-q9t9iqfdbg] {
    width: min(520px, 100%);
    border-radius: 28px;
    background: white;
    border: 1px solid #e6eaf2;
    box-shadow: 0 24px 80px rgba(15, 23, 42, .25);
    padding: 26px;
}

.food-modal[b-q9t9iqfdbg] {
    max-height: calc(100dvh - 40px);
    overflow-y: auto;
}

.food-modal .modal-actions[b-q9t9iqfdbg] {
    position: sticky;
    bottom: 0;
    background: white;
}

.modal-header[b-q9t9iqfdbg] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.modal-header h2[b-q9t9iqfdbg] {
        margin: 0;
        font-size: 26px;
        font-weight: 900;
    }

.modal-header p[b-q9t9iqfdbg] {
        margin: 6px 0 0;
        color: #64748b;
    }

.modal-close[b-q9t9iqfdbg] {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 999px;
    background: #f1f5f9;
    font-size: 24px;
    cursor: pointer;
}

.modal-actions[b-q9t9iqfdbg] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.calendar-tabs[b-q9t9iqfdbg] {
    display: flex;
    gap: 10px;
    margin-bottom: 22px;
}

.calendar-tabs button[b-q9t9iqfdbg] {
        border: 1px solid #e6eaf2;
        background: white;
        border-radius: 999px;
        padding: 12px 18px;
        font-weight: 900;
        cursor: pointer;
        color: #64748b;
    }

.calendar-tabs button.active[b-q9t9iqfdbg] {
            background: linear-gradient(135deg, #6842f4, #8b5cf6);
            color: white;
            border-color: transparent;
        }

.barcode-add-row .auth-input[b-q9t9iqfdbg] {
        flex: 1;
    }

.inventory-form-section .auth-field:last-child[b-q9t9iqfdbg] {
        margin-bottom: 0;
    }

.inventory-modal .modal-actions[b-q9t9iqfdbg] {
    position: sticky;
    bottom: 0;
    background: white;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #e5e7eb;
}

.modal-actions[b-q9t9iqfdbg] {
    flex-shrink: 0;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.modal-backdrop[b-q9t9iqfdbg] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(6px);
    display: grid;
    place-items: center;
    padding: 20px;
}

@media (max-width: 900px) {
    .calendar-page[b-q9t9iqfdbg] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-q9t9iqfdbg] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-q9t9iqfdbg] {
            font-size: 28px;
        }

        .calendar-header p[b-q9t9iqfdbg] {
            font-size: 14px;
        }

        .calendar-add-button[b-q9t9iqfdbg],
        .calendar-header .approve-button[b-q9t9iqfdbg] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-q9t9iqfdbg] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-q9t9iqfdbg] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-q9t9iqfdbg] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-q9t9iqfdbg],
    .calendar-side-card[b-q9t9iqfdbg] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-q9t9iqfdbg] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-q9t9iqfdbg],
        .calendar-side-card h2[b-q9t9iqfdbg] {
            font-size: 22px;
        }

    .calendar-nav[b-q9t9iqfdbg] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-q9t9iqfdbg] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-q9t9iqfdbg] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-q9t9iqfdbg] {
        display: none;
    }

    .month-grid[b-q9t9iqfdbg],
    .calendar-grid[b-q9t9iqfdbg] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-q9t9iqfdbg] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-q9t9iqfdbg] {
            margin-bottom: 6px;
        }

    .other-month[b-q9t9iqfdbg] {
        display: none;
    }

    .calendar-event[b-q9t9iqfdbg] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-q9t9iqfdbg] {
        max-height: none;
    }

    .calendar-event-list[b-q9t9iqfdbg] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-q9t9iqfdbg] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-q9t9iqfdbg] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-q9t9iqfdbg] {
        align-items: flex-start;
    }

        .modal-header h2[b-q9t9iqfdbg] {
            font-size: 22px;
        }

    .modal-actions[b-q9t9iqfdbg] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-q9t9iqfdbg] {
            width: 100%;
        }
}

.unknown-field .auth-input[b-q9t9iqfdbg],
.unknown-field input[b-q9t9iqfdbg] {
    width: 100%;
    min-width: 0;
}

.store-article-table-row .auth-input[b-q9t9iqfdbg] {
    width: 100%;
    min-width: 0;
    padding: 12px;
}

@media (max-width: 800px) {
    .admin-page[b-q9t9iqfdbg] {
        padding: 16px;
    }

    .page-header[b-q9t9iqfdbg] {
        flex-direction: column;
    }

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

    .page-header .approve-button[b-q9t9iqfdbg] {
        width: 100%;
    }
}

.page-header .approve-button[b-q9t9iqfdbg] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-q9t9iqfdbg] {
        padding: 16px;
    }

    .page-header[b-q9t9iqfdbg] {
        flex-direction: column;
    }

        .page-header .approve-button[b-q9t9iqfdbg] {
            width: 100%;
        }

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

        .form-row label:nth-child(2)[b-q9t9iqfdbg] {
            grid-column: auto;
            order: unset;
        }
}

.translation-header .approve-button[b-q9t9iqfdbg] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .translation-card[b-q9t9iqfdbg] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-q9t9iqfdbg] {
        flex-direction: column;
    }

        .translation-header h1[b-q9t9iqfdbg] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-q9t9iqfdbg] {
            width: 100%;
        }

    .translation-toolbar[b-q9t9iqfdbg] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .family-page[b-q9t9iqfdbg] {
        padding: 14px;
    }

    .family-panel[b-q9t9iqfdbg] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-q9t9iqfdbg] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-q9t9iqfdbg] {
            width: 100%;
        }
}

.auth-submit[b-q9t9iqfdbg],
a.auth-submit[b-q9t9iqfdbg],
.access-secondary[b-q9t9iqfdbg],
a.access-secondary[b-q9t9iqfdbg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.calendar-hero[b-q9t9iqfdbg] {
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, rgba(104, 66, 244, .12), rgba(14, 165, 233, .12));
    border: 1px solid #e6eaf2;
}

.calendar-eyebrow[b-q9t9iqfdbg],
.calendar-section-label[b-q9t9iqfdbg] {
    display: inline-flex;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6842f4;
}

.calendar-header-actions[b-q9t9iqfdbg] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.calendar-manage-link[b-q9t9iqfdbg] {
    text-decoration: none;
    white-space: nowrap;
}

.calendar-summary-row[b-q9t9iqfdbg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.calendar-summary-card[b-q9t9iqfdbg] {
    border: 1px solid #e6eaf2;
    border-radius: 22px;
    background: white;
    padding: 18px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .06);
}

.calendar-summary-card span[b-q9t9iqfdbg] {
    color: #64748b;
    font-weight: 900;
    font-size: 13px;
}

.calendar-summary-card strong[b-q9t9iqfdbg] {
    display: block;
    margin-top: 4px;
    font-size: 32px;
    line-height: 1;
    font-weight: 950;
    color: #111827;
}

.calendar-summary-card p[b-q9t9iqfdbg] {
    margin: 7px 0 0;
    color: #64748b;
    font-size: 13px;
}

.calendar-day-topline[b-q9t9iqfdbg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.calendar-day-topline span[b-q9t9iqfdbg] {
    border-radius: 999px;
    padding: 3px 8px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 12px;
    font-weight: 950;
}

.today[b-q9t9iqfdbg] {
    background: #fbf7ff;
    border-color: rgba(139, 92, 246, .45);
}

.today-number[b-q9t9iqfdbg] {
    color: #6842f4;
}

.calendar-event[b-q9t9iqfdbg] {
    display: grid;
    gap: 2px;
    border-left: 4px solid transparent;
    line-height: 1.2;
}

.calendar-event-time[b-q9t9iqfdbg] {
    font-size: 11px;
    font-weight: 950;
    opacity: .82;
}

.calendar-event-title[b-q9t9iqfdbg] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-event-source[b-q9t9iqfdbg] {
    display: inline-flex;
    width: fit-content;
    margin-top: 2px;
    border-radius: 999px;
    padding: 2px 7px;
    background: rgba(255, 255, 255, .68);
    font-size: 10px;
    font-weight: 950;
}

.local-calendar-event[b-q9t9iqfdbg] {
    background: #dbeafe;
    color: #3154d4;
    border-left-color: #3154d4;
}

.external-calendar-event[b-q9t9iqfdbg] {
    background: #eef2ff;
    color: #4338ca;
    border-left-color: #6842f4;
}

.all-day-calendar-event[b-q9t9iqfdbg] {
    background: #fef3c7;
    color: #92400e;
    border-left-color: #f59e0b;
}

.food-calendar-event[b-q9t9iqfdbg] {
    background: #dcfce7;
    color: #166534;
    border-left-color: #22c55e;
}

.calendar-side-header[b-q9t9iqfdbg] {
    margin-bottom: 14px;
}

.calendar-list-item[b-q9t9iqfdbg] {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    border-left: 4px solid transparent;
}

.calendar-list-date[b-q9t9iqfdbg] {
    border-radius: 16px;
    background: white;
    border: 1px solid #e6eaf2;
    text-align: center;
    overflow: hidden;
}

.calendar-list-date strong[b-q9t9iqfdbg] {
    display: block;
    padding-top: 8px;
    font-size: 20px;
    line-height: 1;
}

.calendar-list-date span[b-q9t9iqfdbg] {
    display: block;
    padding: 4px 0 8px;
    color: #64748b;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
}

.calendar-list-content strong[b-q9t9iqfdbg] {
    display: block;
    font-size: 15px;
}

.calendar-list-content p[b-q9t9iqfdbg] {
    margin: 5px 0 8px;
}

.local-list-item[b-q9t9iqfdbg] {
    border-left-color: #3154d4;
}

.external-list-item[b-q9t9iqfdbg] {
    border-left-color: #6842f4;
}

.calendar-pill[b-q9t9iqfdbg] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    padding: 4px 9px;
    font-size: 11px;
    font-weight: 950;
}

.google-pill[b-q9t9iqfdbg] {
    background: #ede9fe;
    color: #5b21b6;
}

.local-pill[b-q9t9iqfdbg] {
    background: #dbeafe;
    color: #1d4ed8;
}

.empty-calendar-state[b-q9t9iqfdbg] {
    border: 1px dashed #cbd5e1;
    border-radius: 20px;
    padding: 18px;
    background: #f8fafc;
}

.empty-calendar-state strong[b-q9t9iqfdbg] {
    display: block;
    font-weight: 950;
}

.empty-calendar-state p[b-q9t9iqfdbg] {
    margin: 6px 0 0;
    color: #64748b;
}

.external-event-detail-grid[b-q9t9iqfdbg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.external-event-detail-grid div[b-q9t9iqfdbg] {
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 14px;
    background: #f8fafc;
}

.external-event-detail-grid span[b-q9t9iqfdbg] {
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.external-event-detail-grid strong[b-q9t9iqfdbg] {
    display: block;
    margin-top: 6px;
    font-weight: 950;
}

.external-event-note[b-q9t9iqfdbg] {
    margin: 16px 0 0;
    padding: 14px;
    border-radius: 16px;
    background: #eef2ff;
    color: #3730a3;
    font-weight: 800;
}

@media (max-width: 900px) {
    .calendar-hero[b-q9t9iqfdbg] {
        padding: 20px;
        border-radius: 22px;
    }

    .calendar-header-actions[b-q9t9iqfdbg] {
        width: 100%;
    }

    .calendar-manage-link[b-q9t9iqfdbg] {
        width: 100%;
    }

    .calendar-summary-row[b-q9t9iqfdbg] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .calendar-summary-card[b-q9t9iqfdbg] {
        padding: 14px;
    }

    .calendar-event-title[b-q9t9iqfdbg] {
        white-space: normal;
    }

    .external-event-detail-grid[b-q9t9iqfdbg] {
        grid-template-columns: 1fr;
    }
}

.calendar-sync-pill[b-q9t9iqfdbg] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    background: #f0fdf4;
    color: #166534;
    padding: 9px 13px;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.calendar-sync-pill[b-q9t9iqfdbg]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .16);
}

@media (max-width: 700px) {
    .calendar-sync-pill[b-q9t9iqfdbg] {
        width: 100%;
        justify-content: center;
    }
}

.calendar-field-hint[b-q9t9iqfdbg] {
    margin: 8px 2px 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.45;
}

.calendar-modal-message[b-q9t9iqfdbg] {
    margin: 12px 0 4px;
    border-radius: 14px;
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.45;
}

.calendar-modal-message.error[b-q9t9iqfdbg] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.modal-actions button:disabled[b-q9t9iqfdbg] {
    cursor: not-allowed;
    opacity: .6;
}

.calendar-settings-button[b-q9t9iqfdbg] { width:2.75rem; min-width:2.75rem; padding:.65rem; display:inline-grid; place-items:center; font-size:1.15rem; }
.calendar-color-picker[b-q9t9iqfdbg] { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.calendar-color-swatch[b-q9t9iqfdbg] { width:1.9rem; height:1.9rem; border-radius:999px; border:3px solid transparent; box-shadow:0 0 0 1px rgba(0,0,0,.18); cursor:pointer; }
.calendar-color-swatch.selected[b-q9t9iqfdbg] { border-color:white; box-shadow:0 0 0 3px currentColor; }
.calendar-custom-color[b-q9t9iqfdbg] { width:2.7rem; height:2.1rem; border:0; padding:0; background:transparent; }
/* /Components/Chores/Chores.razor.rz.scp.css */
.auth-field[b-vmnw5xgkg8] {
    margin-bottom: 16px;
}

.auth-field label[b-vmnw5xgkg8] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 850;
        color: #334155;
    }

.auth-input[b-vmnw5xgkg8] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 15px 16px;
    background: #fff;
    font-size: 15px;
    outline: none;
}

.auth-input:focus[b-vmnw5xgkg8] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.approve-button[b-vmnw5xgkg8] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.danger-button[b-vmnw5xgkg8] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-vmnw5xgkg8] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.admin-content[b-vmnw5xgkg8] {
    padding: 34px;
}

.admin-header[b-vmnw5xgkg8] {
    margin-bottom: 24px;
}

.admin-header h1[b-vmnw5xgkg8] {
        margin: 0;
        font-size: 34px;
        font-weight: 900;
    }

.admin-header p[b-vmnw5xgkg8] {
        margin: 6px 0 0;
        color: #64748b;
    }

.admin-card[b-vmnw5xgkg8] {
    background: white;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.secondary-button[b-vmnw5xgkg8],
.approve-button[b-vmnw5xgkg8],
.danger-button[b-vmnw5xgkg8] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.secondary-button[b-vmnw5xgkg8] {
    background: #e5e7eb;
    color: #111827;
}

.approve-button[b-vmnw5xgkg8] {
    background: #16a34a;
    color: white;
}

.danger-button[b-vmnw5xgkg8] {
    background: #dc2626;
    color: white;
}

.event-modal[b-vmnw5xgkg8] {
    width: min(520px, 100%);
    border-radius: 28px;
    background: white;
    border: 1px solid #e6eaf2;
    box-shadow: 0 24px 80px rgba(15, 23, 42, .25);
    padding: 26px;
}

.modal-header[b-vmnw5xgkg8] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.modal-header h2[b-vmnw5xgkg8] {
        margin: 0;
        font-size: 26px;
        font-weight: 900;
    }

.modal-header p[b-vmnw5xgkg8] {
        margin: 6px 0 0;
        color: #64748b;
    }

.modal-close[b-vmnw5xgkg8] {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 999px;
    background: #f1f5f9;
    font-size: 24px;
    cursor: pointer;
}

.modal-actions[b-vmnw5xgkg8] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.meal-list-card[b-vmnw5xgkg8] {
    margin-top: 24px;
}

.meal-card[b-vmnw5xgkg8] {
    padding: 16px;
    border-radius: 18px;
    margin-top: 12px;
}

.meal-card p[b-vmnw5xgkg8] {
        margin: 6px 0 10px;
        color: #64748b;
    }

.meal-chip[b-vmnw5xgkg8] {
    display: inline-block;
    margin: 4px 6px 0 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 12px;
    font-weight: 800;
}

.meal-card[b-vmnw5xgkg8] {
    width: 100%;
    text-align: left;
    cursor: pointer;
    border: 1px solid #e6eaf2;
    background: #f8fafc;
}

.meal-card:hover[b-vmnw5xgkg8] {
        border-color: #8b5cf6;
    }

.chore-user-option[b-vmnw5xgkg8] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    margin-bottom: 8px;
    cursor: pointer;
    background: #fff;
}

.chore-user-option:hover[b-vmnw5xgkg8] {
        background: #f9fafb;
    }

.barcode-add-row .auth-input[b-vmnw5xgkg8] {
        flex: 1;
    }

.inventory-form-section .auth-field:last-child[b-vmnw5xgkg8] {
        margin-bottom: 0;
    }

.inventory-modal .modal-actions[b-vmnw5xgkg8] {
    position: sticky;
    bottom: 0;
    background: white;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #e5e7eb;
}

.chore-modal[b-vmnw5xgkg8] {
    width: min(1400px, 95vw);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.chore-modal-body[b-vmnw5xgkg8] {
    overflow-y: auto;
    padding-right: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items: start;
}

.chore-modal-section[b-vmnw5xgkg8] {
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    padding: 18px;
}

.chore-modal-section h3[b-vmnw5xgkg8] {
        margin: 0 0 14px;
        font-size: 1rem;
    }

.modal-actions[b-vmnw5xgkg8] {
    flex-shrink: 0;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.chore-assignees-section[b-vmnw5xgkg8] {
    grid-column: 1 / -1;
}

.chore-user-option[b-vmnw5xgkg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 0;
}

.chore-user-left[b-vmnw5xgkg8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.chore-user-right[b-vmnw5xgkg8] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.chore-user-right input[b-vmnw5xgkg8] {
        width: 80px;
        text-align: right;
    }

.modal-backdrop[b-vmnw5xgkg8] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(6px);
    display: grid;
    place-items: center;
    padding: 20px;
}

@media (max-width: 900px) {
    .app-layout[b-vmnw5xgkg8] {
        display: block;
        min-height: 100vh;
    }

    .mobile-topbar[b-vmnw5xgkg8] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1200;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(18px);
        border-bottom: 1px solid var(--line);
    }

        .mobile-topbar .logo[b-vmnw5xgkg8] {
            width: 34px;
            height: 34px;
            font-size: 18px;
            border-radius: 12px;
        }

        .mobile-topbar .brand-title[b-vmnw5xgkg8] {
            font-size: 18px;
        }

        .mobile-topbar .brand-subtitle[b-vmnw5xgkg8] {
            display: none;
        }

    .mobile-menu-button[b-vmnw5xgkg8] {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 21px;
    }

    .app-main[b-vmnw5xgkg8] {
        padding: 56px 0 0;
    }

    .admin-content[b-vmnw5xgkg8] {
        padding: 12px;
    }

    .admin-header[b-vmnw5xgkg8] {
        margin-bottom: 14px;
    }

        .admin-header h1[b-vmnw5xgkg8] {
            font-size: 26px;
        }

        .admin-header p[b-vmnw5xgkg8] {
            font-size: 14px;
        }

    .app-sidebar[b-vmnw5xgkg8] {
        position: fixed;
        z-index: 1300;
        top: 0;
        left: 0;
        width: min(84vw, 330px);
        height: 100dvh;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 24px 0 60px rgba(15, 23, 42, .18);
    }

    .mobile-nav-open .app-sidebar[b-vmnw5xgkg8] {
        transform: translateX(0);
    }

    .mobile-nav-backdrop[b-vmnw5xgkg8] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1250;
        border: 0;
        background: rgba(15, 23, 42, .38);
    }

    .nav a[b-vmnw5xgkg8] {
        min-height: 48px;
        font-size: 16px;
    }
}

@media (max-width: 900px) {
    .calendar-page[b-vmnw5xgkg8] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-vmnw5xgkg8] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-vmnw5xgkg8] {
            font-size: 28px;
        }

        .calendar-header p[b-vmnw5xgkg8] {
            font-size: 14px;
        }

        .calendar-add-button[b-vmnw5xgkg8],
        .calendar-header .approve-button[b-vmnw5xgkg8] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-vmnw5xgkg8] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-vmnw5xgkg8] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-vmnw5xgkg8] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-vmnw5xgkg8],
    .calendar-side-card[b-vmnw5xgkg8] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-vmnw5xgkg8] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-vmnw5xgkg8],
        .calendar-side-card h2[b-vmnw5xgkg8] {
            font-size: 22px;
        }

    .calendar-nav[b-vmnw5xgkg8] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-vmnw5xgkg8] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-vmnw5xgkg8] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-vmnw5xgkg8] {
        display: none;
    }

    .month-grid[b-vmnw5xgkg8],
    .calendar-grid[b-vmnw5xgkg8] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-vmnw5xgkg8] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-vmnw5xgkg8] {
            margin-bottom: 6px;
        }

    .other-month[b-vmnw5xgkg8] {
        display: none;
    }

    .calendar-event[b-vmnw5xgkg8] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-vmnw5xgkg8] {
        max-height: none;
    }

    .calendar-event-list[b-vmnw5xgkg8] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-vmnw5xgkg8] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-vmnw5xgkg8] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-vmnw5xgkg8] {
        align-items: flex-start;
    }

        .modal-header h2[b-vmnw5xgkg8] {
            font-size: 22px;
        }

    .modal-actions[b-vmnw5xgkg8] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-vmnw5xgkg8] {
            width: 100%;
        }
}

.unknown-field .auth-input[b-vmnw5xgkg8],
.unknown-field input[b-vmnw5xgkg8] {
    width: 100%;
    min-width: 0;
}

.store-article-table-row .auth-input[b-vmnw5xgkg8] {
    width: 100%;
    min-width: 0;
    padding: 12px;
}

@media (max-width: 800px) {
    .admin-page[b-vmnw5xgkg8] {
        padding: 16px;
    }

    .page-header[b-vmnw5xgkg8] {
        flex-direction: column;
    }

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

    .page-header .approve-button[b-vmnw5xgkg8] {
        width: 100%;
    }
}

.admin-card[b-vmnw5xgkg8] {
    border-radius: 28px;
}

.page-header .approve-button[b-vmnw5xgkg8] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-vmnw5xgkg8] {
        padding: 16px;
    }

    .page-header[b-vmnw5xgkg8] {
        flex-direction: column;
    }

        .page-header .approve-button[b-vmnw5xgkg8] {
            width: 100%;
        }

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

        .form-row label:nth-child(2)[b-vmnw5xgkg8] {
            grid-column: auto;
            order: unset;
        }
}

.translation-header .approve-button[b-vmnw5xgkg8] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .translation-card[b-vmnw5xgkg8] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-vmnw5xgkg8] {
        flex-direction: column;
    }

        .translation-header h1[b-vmnw5xgkg8] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-vmnw5xgkg8] {
            width: 100%;
        }

    .translation-toolbar[b-vmnw5xgkg8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .family-page[b-vmnw5xgkg8] {
        padding: 14px;
    }

    .family-panel[b-vmnw5xgkg8] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-vmnw5xgkg8] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-vmnw5xgkg8] {
            width: 100%;
        }
}
/* /Components/family/FamilyMembers.razor.rz.scp.css */
.approve-button[b-i6gus3as5t] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-i6gus3as5t] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-i6gus3as5t],
.approve-button[b-i6gus3as5t],
.danger-button[b-i6gus3as5t] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.secondary-button[b-i6gus3as5t] {
    background: #e5e7eb;
    color: #111827;
}

.approve-button[b-i6gus3as5t] {
    background: #16a34a;
    color: white;
}

.tiny[b-i6gus3as5t] {
    font-size: 13px;
    color: var(--muted);
}

@media (max-width: 900px) {
    .calendar-page[b-i6gus3as5t] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-i6gus3as5t] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-i6gus3as5t] {
            font-size: 28px;
        }

        .calendar-header p[b-i6gus3as5t] {
            font-size: 14px;
        }

        .calendar-add-button[b-i6gus3as5t],
        .calendar-header .approve-button[b-i6gus3as5t] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-i6gus3as5t] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-i6gus3as5t] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-i6gus3as5t] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-i6gus3as5t],
    .calendar-side-card[b-i6gus3as5t] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-i6gus3as5t] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-i6gus3as5t],
        .calendar-side-card h2[b-i6gus3as5t] {
            font-size: 22px;
        }

    .calendar-nav[b-i6gus3as5t] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-i6gus3as5t] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-i6gus3as5t] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-i6gus3as5t] {
        display: none;
    }

    .month-grid[b-i6gus3as5t],
    .calendar-grid[b-i6gus3as5t] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-i6gus3as5t] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-i6gus3as5t] {
            margin-bottom: 6px;
        }

    .other-month[b-i6gus3as5t] {
        display: none;
    }

    .calendar-event[b-i6gus3as5t] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-i6gus3as5t] {
        max-height: none;
    }

    .calendar-event-list[b-i6gus3as5t] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-i6gus3as5t] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-i6gus3as5t] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-i6gus3as5t] {
        align-items: flex-start;
    }

        .modal-header h2[b-i6gus3as5t] {
            font-size: 22px;
        }

    .modal-actions[b-i6gus3as5t] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-i6gus3as5t] {
            width: 100%;
        }
}

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

.page-header h1[b-i6gus3as5t] {
        margin: 0;
        font-size: 2rem;
    }

.page-header p[b-i6gus3as5t] {
        margin: 6px 0 0;
        color: #6b7280;
    }

.tiny[b-i6gus3as5t] {
    color: #6b7280;
    font-size: 0.9rem;
    margin: 10px 0 16px;
}

@media (max-width: 800px) {
    .admin-page[b-i6gus3as5t] {
        padding: 16px;
    }

    .page-header[b-i6gus3as5t] {
        flex-direction: column;
    }

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

    .page-header .approve-button[b-i6gus3as5t] {
        width: 100%;
    }
}

.page-header[b-i6gus3as5t] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 28px;
}

.page-header h1[b-i6gus3as5t] {
        margin: 0;
        font-size: 2.4rem;
        line-height: 1;
        color: #172033;
    }

.page-header p[b-i6gus3as5t] {
        max-width: 520px;
        margin: 10px 0 0;
        color: #6b7280;
        font-size: 1.05rem;
    }

.page-header .approve-button[b-i6gus3as5t] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-i6gus3as5t] {
        padding: 16px;
    }

    .page-header[b-i6gus3as5t] {
        flex-direction: column;
    }

        .page-header .approve-button[b-i6gus3as5t] {
            width: 100%;
        }

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

        .form-row label:nth-child(2)[b-i6gus3as5t] {
            grid-column: auto;
            order: unset;
        }
}

.translation-header .approve-button[b-i6gus3as5t] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .translation-card[b-i6gus3as5t] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-i6gus3as5t] {
        flex-direction: column;
    }

        .translation-header h1[b-i6gus3as5t] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-i6gus3as5t] {
            width: 100%;
        }

    .translation-toolbar[b-i6gus3as5t] {
        grid-template-columns: 1fr;
    }
}

.admin-section[b-i6gus3as5t] {
    margin-top: 1.5rem;
}

.family-list[b-i6gus3as5t] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.family-list-item[b-i6gus3as5t] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.family-avatar[b-i6gus3as5t] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(99, 102, 241, 0.12);
    font-size: 1.25rem;
}

.status-message[b-i6gus3as5t] {
    margin-top: 0.85rem;
    color: #334155;
}

.empty-state[b-i6gus3as5t] {
    margin-top: 1.5rem;
    padding: 1.25rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.family-page[b-i6gus3as5t] {
    min-height: calc(100vh - 56px);
    padding: 34px;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
}

.family-panel[b-i6gus3as5t] {
    width: min(1100px, 100%);
    margin: 0 auto;
    background: rgba(255, 255, 255, .92);
    border: 1px solid #e6eaf2;
    border-radius: 28px;
    padding: 30px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .10);
}

.family-form-row[b-i6gus3as5t] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 260px auto;
    gap: 14px;
    align-items: end;
}

.family-form-row label[b-i6gus3as5t] {
        display: flex;
        flex-direction: column;
        gap: 7px;
        font-size: 12px;
        font-weight: 900;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

.family-form-row input[b-i6gus3as5t],
    .family-form-row select[b-i6gus3as5t] {
        width: 100%;
        border: 1px solid #dbe3ef;
        border-radius: 16px;
        padding: 13px 15px;
        font-size: 14px;
        font-weight: 700;
        background: white;
        outline: none;
    }

.family-form-row input:focus[b-i6gus3as5t],
        .family-form-row select:focus[b-i6gus3as5t] {
            border-color: #6842f4;
            box-shadow: 0 0 0 4px rgba(104, 66, 244, .12);
        }

.family-list[b-i6gus3as5t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 14px;
    margin-top: 1rem;
}

.family-list-item[b-i6gus3as5t] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 20px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.family-list-item strong[b-i6gus3as5t] {
        word-break: break-word;
    }

.family-avatar[b-i6gus3as5t] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 1.25rem;
}

@media (max-width: 800px) {
    .family-page[b-i6gus3as5t] {
        padding: 14px;
    }

    .family-panel[b-i6gus3as5t] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-i6gus3as5t] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-i6gus3as5t] {
            width: 100%;
        }
}

.family-form-row.single[b-i6gus3as5t] {
    grid-template-columns: minmax(260px, 420px);
}

.child-actions[b-i6gus3as5t] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
}

.danger-button[b-i6gus3as5t] {
    background: #dc2626;
    color: #fff;
}

.danger-button-soft[b-i6gus3as5t] {
    background: #fee2e2;
    color: #991b1b;
}

.danger-button:disabled[b-i6gus3as5t],
.secondary-button:disabled[b-i6gus3as5t] {
    cursor: not-allowed;
    opacity: .65;
}

@media (max-width: 760px) {
    .child-actions[b-i6gus3as5t] {
        width: 100%;
        justify-content: flex-start;
    }

    .child-actions button[b-i6gus3as5t] {
        flex: 1 1 120px;
    }
}


.family-settings-tabs[b-i6gus3as5t] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
    padding: 6px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #f8fafc;
}

.family-settings-tab[b-i6gus3as5t] {
    border: 0;
    border-radius: 14px;
    padding: 11px 16px;
    background: transparent;
    color: #475569;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.family-settings-tab.active[b-i6gus3as5t] {
    background: #6842f4;
    color: #fff;
    box-shadow: 0 8px 20px rgba(104, 66, 244, .2);
}

.family-general-settings .family-form-row[b-i6gus3as5t] {
    align-items: start;
}

.family-general-settings .tiny[b-i6gus3as5t] {
    display: block;
    margin-top: 6px;
}
/* /Components/family/FamilySetup.razor.rz.scp.css */
.approve-button[b-i3yzxwhn1s] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-i3yzxwhn1s],
.approve-button[b-i3yzxwhn1s],
.danger-button[b-i3yzxwhn1s] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.approve-button[b-i3yzxwhn1s] {
    background: #16a34a;
    color: white;
}

@media (max-width: 900px) {
    .calendar-page[b-i3yzxwhn1s] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-i3yzxwhn1s] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-i3yzxwhn1s] {
            font-size: 28px;
        }

        .calendar-header p[b-i3yzxwhn1s] {
            font-size: 14px;
        }

        .calendar-add-button[b-i3yzxwhn1s],
        .calendar-header .approve-button[b-i3yzxwhn1s] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-i3yzxwhn1s] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-i3yzxwhn1s] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-i3yzxwhn1s] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-i3yzxwhn1s],
    .calendar-side-card[b-i3yzxwhn1s] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-i3yzxwhn1s] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-i3yzxwhn1s],
        .calendar-side-card h2[b-i3yzxwhn1s] {
            font-size: 22px;
        }

    .calendar-nav[b-i3yzxwhn1s] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-i3yzxwhn1s] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-i3yzxwhn1s] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-i3yzxwhn1s] {
        display: none;
    }

    .month-grid[b-i3yzxwhn1s],
    .calendar-grid[b-i3yzxwhn1s] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-i3yzxwhn1s] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-i3yzxwhn1s] {
            margin-bottom: 6px;
        }

    .other-month[b-i3yzxwhn1s] {
        display: none;
    }

    .calendar-event[b-i3yzxwhn1s] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-i3yzxwhn1s] {
        max-height: none;
    }

    .calendar-event-list[b-i3yzxwhn1s] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-i3yzxwhn1s] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-i3yzxwhn1s] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-i3yzxwhn1s] {
        align-items: flex-start;
    }

        .modal-header h2[b-i3yzxwhn1s] {
            font-size: 22px;
        }

    .modal-actions[b-i3yzxwhn1s] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-i3yzxwhn1s] {
            width: 100%;
        }
}

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

.page-header h1[b-i3yzxwhn1s] {
        margin: 0;
        font-size: 2rem;
    }

.page-header p[b-i3yzxwhn1s] {
        margin: 6px 0 0;
        color: #6b7280;
    }

@media (max-width: 800px) {
    .admin-page[b-i3yzxwhn1s] {
        padding: 16px;
    }

    .page-header[b-i3yzxwhn1s] {
        flex-direction: column;
    }

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

    .page-header .approve-button[b-i3yzxwhn1s] {
        width: 100%;
    }
}

.page-header[b-i3yzxwhn1s] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 28px;
}

.page-header h1[b-i3yzxwhn1s] {
        margin: 0;
        font-size: 2.4rem;
        line-height: 1;
        color: #172033;
    }

.page-header p[b-i3yzxwhn1s] {
        max-width: 520px;
        margin: 10px 0 0;
        color: #6b7280;
        font-size: 1.05rem;
    }

.page-header .approve-button[b-i3yzxwhn1s] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-i3yzxwhn1s] {
        padding: 16px;
    }

    .page-header[b-i3yzxwhn1s] {
        flex-direction: column;
    }

        .page-header .approve-button[b-i3yzxwhn1s] {
            width: 100%;
        }

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

        .form-row label:nth-child(2)[b-i3yzxwhn1s] {
            grid-column: auto;
            order: unset;
        }
}

.translation-header .approve-button[b-i3yzxwhn1s] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .translation-card[b-i3yzxwhn1s] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-i3yzxwhn1s] {
        flex-direction: column;
    }

        .translation-header h1[b-i3yzxwhn1s] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-i3yzxwhn1s] {
            width: 100%;
        }

    .translation-toolbar[b-i3yzxwhn1s] {
        grid-template-columns: 1fr;
    }
}

.admin-section[b-i3yzxwhn1s] {
    margin-top: 1.5rem;
}

.family-grid[b-i3yzxwhn1s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.family-card[b-i3yzxwhn1s] {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    padding: 1rem;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
}

.family-icon[b-i3yzxwhn1s] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-size: 1.5rem;
    background: rgba(99, 102, 241, 0.12);
    margin-bottom: 0.75rem;
}

.family-card h3[b-i3yzxwhn1s] {
    margin: 0;
}

.family-card p[b-i3yzxwhn1s] {
    margin: 0.35rem 0 0;
    color: #64748b;
}

.family-page[b-i3yzxwhn1s] {
    min-height: calc(100vh - 56px);
    padding: 34px;
    background: linear-gradient(135deg, #f8faff, #f3f0ff);
}

.family-panel[b-i3yzxwhn1s] {
    width: min(1100px, 100%);
    margin: 0 auto;
    background: rgba(255, 255, 255, .92);
    border: 1px solid #e6eaf2;
    border-radius: 28px;
    padding: 30px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .10);
}

.family-form-row[b-i3yzxwhn1s] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 260px auto;
    gap: 14px;
    align-items: end;
}

.family-form-row label[b-i3yzxwhn1s] {
        display: flex;
        flex-direction: column;
        gap: 7px;
        font-size: 12px;
        font-weight: 900;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

.family-form-row input[b-i3yzxwhn1s],
    .family-form-row select[b-i3yzxwhn1s] {
        width: 100%;
        border: 1px solid #dbe3ef;
        border-radius: 16px;
        padding: 13px 15px;
        font-size: 14px;
        font-weight: 700;
        background: white;
        outline: none;
    }

.family-form-row input:focus[b-i3yzxwhn1s],
        .family-form-row select:focus[b-i3yzxwhn1s] {
            border-color: #6842f4;
            box-shadow: 0 0 0 4px rgba(104, 66, 244, .12);
        }

@media (max-width: 800px) {
    .family-page[b-i3yzxwhn1s] {
        padding: 14px;
    }

    .family-panel[b-i3yzxwhn1s] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-i3yzxwhn1s] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-i3yzxwhn1s] {
            width: 100%;
        }
}

.family-form-row.single[b-i3yzxwhn1s] {
    grid-template-columns: minmax(260px, 420px);
}
/* /Components/Feedback/Feedback.razor.rz.scp.css */
.feedback-header[b-n7epqt41m7] {
    align-items: stretch;
}

.feedback-header-card[b-n7epqt41m7] {
    min-width: 150px;
    border: 1px solid #e6eaf2;
    border-radius: 22px;
    padding: 18px;
    background: rgba(255, 255, 255, .9);
    display: grid;
    place-items: center;
    text-align: center;
    box-shadow: 0 14px 32px rgba(24, 36, 68, .08);
}

.feedback-header-card strong[b-n7epqt41m7] {
    font-size: 34px;
    color: var(--primary);
}

.feedback-header-card span[b-n7epqt41m7] {
    color: var(--muted);
    font-weight: 800;
}

.feedback-grid[b-n7epqt41m7] {
    display: grid;
    grid-template-columns: minmax(320px, 440px) 1fr;
    gap: 18px;
    align-items: start;
}

.feedback-form-card[b-n7epqt41m7],
.feedback-list-card[b-n7epqt41m7] {
    display: grid;
    gap: 12px;
}

.feedback-textarea[b-n7epqt41m7] {
    min-height: 150px;
    resize: vertical;
}

.feedback-message[b-n7epqt41m7] {
    margin-bottom: 16px;
    border-radius: 18px;
    padding: 14px 16px;
    font-weight: 850;
}

.feedback-message-success[b-n7epqt41m7] {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #bbf7d0;
}

.feedback-message-error[b-n7epqt41m7] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.feedback-empty[b-n7epqt41m7] {
    min-height: 240px;
    display: grid;
    place-items: center;
    text-align: center;
    color: var(--muted);
}

.feedback-empty div[b-n7epqt41m7] {
    font-size: 44px;
}

.feedback-empty strong[b-n7epqt41m7] {
    color: #16213e;
    font-size: 20px;
}

.feedback-list[b-n7epqt41m7] {
    display: grid;
    gap: 12px;
}

.feedback-item[b-n7epqt41m7] {
    border: 1px solid #e6eaf2;
    border-radius: 20px;
    padding: 16px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(24, 36, 68, .06);
}

.feedback-item-top[b-n7epqt41m7] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: start;
}

.feedback-status[b-n7epqt41m7] {
    border-radius: 999px;
    padding: 6px 10px;
    background: #f1f5f9;
    color: #334155;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.feedback-status-open[b-n7epqt41m7] {
    background: #eef2ff;
    color: #4f46e5;
}

.feedback-status-inprogress[b-n7epqt41m7] {
    background: #fef3c7;
    color: #92400e;
}

.feedback-status-done[b-n7epqt41m7] {
    background: #dcfce7;
    color: #166534;
}

.feedback-status-rejected[b-n7epqt41m7] {
    background: #fee2e2;
    color: #991b1b;
}

.feedback-chips[b-n7epqt41m7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0;
}

.feedback-chips span[b-n7epqt41m7] {
    border-radius: 999px;
    padding: 6px 10px;
    background: #f8fafc;
    border: 1px solid #e6eaf2;
    color: #475569;
    font-size: 12px;
    font-weight: 850;
}

.feedback-link[b-n7epqt41m7] {
    color: var(--primary);
    font-weight: 900;
    text-decoration: none;
}

.feedback-exception[b-n7epqt41m7] {
    margin-top: 12px;
    border-radius: 14px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid #e6eaf2;
}

.feedback-exception summary[b-n7epqt41m7] {
    cursor: pointer;
    font-weight: 900;
}

.feedback-exception code[b-n7epqt41m7] {
    display: block;
    margin-top: 8px;
    color: #334155;
    word-break: break-word;
}

@media (max-width: 1100px) {
    .feedback-grid[b-n7epqt41m7] {
        grid-template-columns: 1fr;
    }
}

.feedback-status-planned[b-n7epqt41m7] {
    background: #e0f2fe;
    color: #0369a1;
}

.feedback-status-intesting[b-n7epqt41m7] {
    background: #fce7f3;
    color: #be185d;
}

.feedback-status-resolved[b-n7epqt41m7],
.feedback-status-done[b-n7epqt41m7] {
    background: #dcfce7;
    color: #166534;
}

.feedback-messages[b-n7epqt41m7] {
    margin-top: 12px;
    border-radius: 14px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid #e6eaf2;
}

.feedback-messages summary[b-n7epqt41m7] {
    cursor: pointer;
    font-weight: 900;
}

.feedback-message-item[b-n7epqt41m7] {
    margin-top: 10px;
    border-top: 1px solid #e6eaf2;
    padding-top: 10px;
}

.feedback-message-item p[b-n7epqt41m7] {
    margin-bottom: 0;
    white-space: pre-wrap;
}

.feedback-admin-card[b-n7epqt41m7] {
    margin-top: 18px;
    display: grid;
    gap: 16px;
}

.feedback-admin-header[b-n7epqt41m7] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: end;
}

.feedback-admin-search[b-n7epqt41m7] {
    display: flex;
    gap: 10px;
    min-width: min(100%, 520px);
}

.feedback-admin-list[b-n7epqt41m7] {
    display: grid;
    gap: 14px;
}

.feedback-admin-item[b-n7epqt41m7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    gap: 18px;
}

.feedback-item-inner[b-n7epqt41m7] {
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.feedback-admin-actions[b-n7epqt41m7] {
    border-left: 1px solid #e6eaf2;
    padding-left: 18px;
    display: grid;
    gap: 12px;
    align-content: start;
}

.feedback-admin-note[b-n7epqt41m7] {
    min-height: 92px;
    resize: vertical;
}

.feedback-license-box[b-n7epqt41m7] {
    display: grid;
    gap: 10px;
    border-radius: 18px;
    padding: 14px;
    background: #fffbeb;
    border: 1px solid #fde68a;
}

.feedback-license-box strong[b-n7epqt41m7] {
    color: #92400e;
}

.feedback-license-actions[b-n7epqt41m7] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.danger-button[b-n7epqt41m7] {
    border: 0;
    border-radius: 14px;
    padding: 12px 14px;
    background: #fee2e2;
    color: #991b1b;
    font-weight: 900;
    cursor: pointer;
}

.danger-button:disabled[b-n7epqt41m7] {
    opacity: .65;
    cursor: not-allowed;
}

.feedback-admin-empty[b-n7epqt41m7] {
    min-height: 180px;
}

@media (max-width: 1100px) {
    .feedback-admin-header[b-n7epqt41m7],
    .feedback-admin-search[b-n7epqt41m7] {
        display: grid;
        width: 100%;
    }

    .feedback-admin-item[b-n7epqt41m7] {
        grid-template-columns: 1fr;
    }

    .feedback-admin-actions[b-n7epqt41m7] {
        border-left: 0;
        border-top: 1px solid #e6eaf2;
        padding-left: 0;
        padding-top: 16px;
    }
}

.feedback-form-card[b-n7epqt41m7],
.feedback-list-card[b-n7epqt41m7] {
    min-height: 760px;
}

.feedback-list-card[b-n7epqt41m7] {
    align-self: stretch;
    grid-template-rows: auto auto minmax(0, 1fr);
}

.feedback-card-title-row[b-n7epqt41m7] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.feedback-card-title-row h2[b-n7epqt41m7] {
    margin: 0;
}

.feedback-list-scroll[b-n7epqt41m7] {
    max-height: 560px;
    overflow-y: auto;
    padding-right: 6px;
}

.feedback-filters[b-n7epqt41m7],
.feedback-admin-filters[b-n7epqt41m7] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(150px, 190px) minmax(150px, 190px) auto auto;
    gap: 10px;
    align-items: center;
}

.feedback-checkbox-filter[b-n7epqt41m7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #475569;
    font-size: .9rem;
    font-weight: 900;
    white-space: nowrap;
}

.feedback-item-needs-review[b-n7epqt41m7],
.feedback-admin-item-needs-review[b-n7epqt41m7] {
    border-color: #f59e0b;
    background: linear-gradient(180deg, #fffbeb 0%, #ffffff 46%);
}

.feedback-status-unconfirmed[b-n7epqt41m7] {
    background: #ffedd5 !important;
    color: #9a3412 !important;
    box-shadow: inset 0 0 0 1px #fed7aa;
}

.feedback-chip-unconfirmed[b-n7epqt41m7] {
    background: #fffbeb !important;
    color: #92400e !important;
    border-color: #fde68a !important;
}

.feedback-chip-unconfirmed em[b-n7epqt41m7] {
    margin-left: 4px;
    font-style: normal;
    opacity: .78;
}

.feedback-review-note[b-n7epqt41m7] {
    color: #92400e;
    font-weight: 850;
}

.feedback-admin-filters[b-n7epqt41m7] {
    margin-top: -4px;
}

@media (max-width: 1100px) {
    .feedback-form-card[b-n7epqt41m7],
    .feedback-list-card[b-n7epqt41m7] {
        min-height: auto;
    }

    .feedback-list-scroll[b-n7epqt41m7] {
        max-height: 520px;
    }

    .feedback-filters[b-n7epqt41m7],
    .feedback-admin-filters[b-n7epqt41m7] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .feedback-filters[b-n7epqt41m7],
    .feedback-admin-filters[b-n7epqt41m7] {
        grid-template-columns: 1fr;
    }
}

.feedback-item-badges[b-n7epqt41m7] {
    display: grid;
    gap: 8px;
    justify-items: end;
    align-content: start;
}

.feedback-urgency[b-n7epqt41m7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
    border: 1px solid transparent;
}

.feedback-urgency-low[b-n7epqt41m7] {
    background: #ecfdf5;
    color: #047857;
    border-color: #bbf7d0;
}

.feedback-urgency-normal[b-n7epqt41m7] {
    background: #eff6ff;
    color: #1d4ed8;
    border-color: #bfdbfe;
}

.feedback-urgency-high[b-n7epqt41m7] {
    background: #fff7ed;
    color: #c2410c;
    border-color: #fed7aa;
}

.feedback-urgency-critical[b-n7epqt41m7] {
    background: #fef2f2;
    color: #b91c1c;
    border-color: #fecaca;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .10);
}

.feedback-chip-urgency-inline[b-n7epqt41m7] {
    font-weight: 950 !important;
}

.feedback-page-link-row[b-n7epqt41m7] {
    display: grid;
    gap: 4px;
    margin-top: 10px;
}

.feedback-page-link-text[b-n7epqt41m7] {
    display: block;
    max-width: 100%;
    border-radius: 12px;
    padding: 8px 10px;
    background: #f8fafc;
    border: 1px solid #e6eaf2;
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    word-break: break-all;
}

@media (max-width: 700px) {
    .feedback-item-top[b-n7epqt41m7] {
        display: grid;
    }

    .feedback-item-badges[b-n7epqt41m7] {
        justify-items: start;
    }
}

.feedback-header-card-wide[b-n7epqt41m7] {
    min-width: 130px;
}

.feedback-grid-admin[b-n7epqt41m7] {
    grid-template-columns: minmax(320px, 520px);
}

.feedback-admin-auto-confirm-note[b-n7epqt41m7] {
    border-radius: 16px;
    padding: 12px 14px;
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    font-weight: 850;
}

.feedback-details[b-n7epqt41m7] {
    display: block;
}

.feedback-details > summary[b-n7epqt41m7] {
    list-style: none;
}

.feedback-details > summary[b-n7epqt41m7]::-webkit-details-marker {
    display: none;
}

.feedback-item-summary[b-n7epqt41m7] {
    cursor: pointer;
    outline: none;
}

.feedback-item-summary[b-n7epqt41m7]::before {
    content: "▸";
    display: inline-block;
    margin-right: 8px;
    color: var(--primary);
    font-weight: 950;
    transition: transform .16s ease;
}

.feedback-details[open] > .feedback-item-summary[b-n7epqt41m7]::before {
    transform: rotate(90deg);
}

.feedback-item-body[b-n7epqt41m7] {
    margin-top: 12px;
}

.feedback-board-summary[b-n7epqt41m7] {
    display: grid;
    grid-template-columns: repeat(7, minmax(110px, 1fr));
    gap: 10px;
}

.feedback-summary-card[b-n7epqt41m7] {
    border: 1px solid #e6eaf2;
    border-radius: 18px;
    padding: 14px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(24, 36, 68, .05);
    text-align: left;
    cursor: pointer;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}

.feedback-summary-card:hover[b-n7epqt41m7] {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(24, 36, 68, .10);
}

.feedback-summary-card-active[b-n7epqt41m7] {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12), 0 14px 28px rgba(24, 36, 68, .10);
}

.feedback-board-summary strong[b-n7epqt41m7] {
    display: block;
    font-size: 28px;
    color: var(--primary);
    line-height: 1;
}

.feedback-board-summary span[b-n7epqt41m7] {
    display: block;
    margin-top: 6px;
    color: #64748b;
    font-weight: 850;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.feedback-live-status[b-n7epqt41m7] {
    border-radius: 999px;
    padding: 8px 12px;
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #bbf7d0;
    font-size: 12px;
    font-weight: 950;
}

.feedback-filters-no-button[b-n7epqt41m7] {
    grid-template-columns: minmax(180px, 1fr) minmax(150px, 190px) minmax(150px, 190px) auto;
}

.feedback-autosave-status[b-n7epqt41m7] {
    border-radius: 12px;
    padding: 8px 10px;
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
    font-size: 12px;
    font-weight: 900;
}

.feedback-autosave-status-saved[b-n7epqt41m7] {
    background: #ecfdf5;
    color: #047857;
    border-color: #bbf7d0;
}

.feedback-occurrence-badge[b-n7epqt41m7] {
    border-radius: 999px;
    padding: 7px 11px;
    background: #0f172a;
    color: #fff;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.feedback-exported-badge[b-n7epqt41m7] {
    border-radius: 999px;
    padding: 7px 11px;
    background: #ecfeff;
    color: #0e7490;
    border: 1px solid #a5f3fc;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.feedback-chips .feedback-chip-exported[b-n7epqt41m7] {
    background: #ecfeff;
    color: #0e7490;
    border-color: #a5f3fc;
}

.feedback-admin-note-view[b-n7epqt41m7] {
    border-radius: 14px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid #e6eaf2;
    margin: 10px 0;
}

.feedback-admin-note-view strong[b-n7epqt41m7] {
    color: #334155;
}

.feedback-admin-note-view p[b-n7epqt41m7] {
    margin: 6px 0 0;
    white-space: pre-wrap;
}

@media (max-width: 1100px) {
    .feedback-board-summary[b-n7epqt41m7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .feedback-filters-no-button[b-n7epqt41m7] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .feedback-board-summary[b-n7epqt41m7],
    .feedback-filters-no-button[b-n7epqt41m7] {
        grid-template-columns: 1fr;
    }
}

.feedback-list-card-full[b-n7epqt41m7] {
    min-height: 620px;
    margin-bottom: 18px;
}

@media (max-width: 1100px) {
    .feedback-list-card-full[b-n7epqt41m7] {
        min-height: auto;
    }
}



.feedback-summary-card-open[b-n7epqt41m7] {
    background: #eef2ff;
    border-color: #c7d2fe;
}

.feedback-summary-card-open strong[b-n7epqt41m7] {
    color: #4338ca;
}

.feedback-summary-card-review[b-n7epqt41m7] {
    background: #fffbeb;
    border-color: #fde68a;
}

.feedback-summary-card-review strong[b-n7epqt41m7] {
    color: #92400e;
}

.feedback-summary-card-critical[b-n7epqt41m7] {
    background: #fef2f2;
    border-color: #fecaca;
}

.feedback-summary-card-critical strong[b-n7epqt41m7] {
    color: #b91c1c;
}


.feedback-summary-card-license[b-n7epqt41m7] {
    background: #fdf4ff;
    border-color: #f5d0fe;
}

.feedback-summary-card-license strong[b-n7epqt41m7] {
    color: #a21caf;
}

.feedback-summary-card-resolved[b-n7epqt41m7] {
    background: #ecfdf5;
    border-color: #bbf7d0;
}

.feedback-summary-card-resolved strong[b-n7epqt41m7] {
    color: #047857;
}

.feedback-summary-card-bugs[b-n7epqt41m7] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.feedback-summary-card-bugs strong[b-n7epqt41m7] {
    color: #0f172a;
}

.feedback-summary-card-exported[b-n7epqt41m7] {
    background: #ecfeff;
    border-color: #a5f3fc;
}

.feedback-summary-card-exported strong[b-n7epqt41m7] {
    color: #0e7490;
}

.feedback-active-filter[b-n7epqt41m7] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-radius: 16px;
    padding: 10px 12px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-weight: 850;
}

.feedback-active-filter button[b-n7epqt41m7] {
    border: 0;
    border-radius: 999px;
    padding: 6px 10px;
    background: #dbeafe;
    color: #1e40af;
    font-weight: 950;
    cursor: pointer;
}

.feedback-closed-meta[b-n7epqt41m7] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.feedback-summary-type[b-n7epqt41m7] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    border-radius: 999px;
    padding: 4px 9px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.1;
}

.feedback-summary-type-unconfirmed[b-n7epqt41m7] {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

.feedback-details[open] .feedback-closed-meta[b-n7epqt41m7] {
    display: none;
}

.feedback-item-state-open[b-n7epqt41m7] {
    border-color: #c7d2fe;
    background: linear-gradient(90deg, #eef2ff 0, #ffffff 14%);
}

.feedback-item-state-planned[b-n7epqt41m7] {
    border-color: #bae6fd;
    background: linear-gradient(90deg, #f0f9ff 0, #ffffff 14%);
}

.feedback-item-state-inprogress[b-n7epqt41m7] {
    border-color: #fde68a;
    background: linear-gradient(90deg, #fffbeb 0, #ffffff 14%);
}

.feedback-item-state-intesting[b-n7epqt41m7] {
    border-color: #fbcfe8;
    background: linear-gradient(90deg, #fdf2f8 0, #ffffff 14%);
}

.feedback-item-state-resolved[b-n7epqt41m7],
.feedback-item-state-done[b-n7epqt41m7] {
    border-color: #bbf7d0;
    background: linear-gradient(90deg, #f0fdf4 0, #ffffff 14%);
}

.feedback-item-state-rejected[b-n7epqt41m7] {
    border-color: #fecaca;
    background: linear-gradient(90deg, #fef2f2 0, #ffffff 14%);
}

.feedback-admin-item:has(.feedback-details:not([open]))[b-n7epqt41m7] {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
}

.feedback-admin-item:has(.feedback-details:not([open])) .feedback-admin-actions[b-n7epqt41m7] {
    gap: 8px;
}

.feedback-admin-item:has(.feedback-details:not([open])) .feedback-admin-actions label[b-n7epqt41m7],
.feedback-admin-item:has(.feedback-details:not([open])) .feedback-review-note[b-n7epqt41m7],
.feedback-admin-item:has(.feedback-details:not([open])) .feedback-autosave-status[b-n7epqt41m7] {
    display: none;
}

.feedback-admin-item:has(.feedback-details:not([open])) .feedback-admin-field-note[b-n7epqt41m7],
.feedback-admin-item:has(.feedback-details:not([open])) .feedback-license-box[b-n7epqt41m7] {
    display: none;
}

.feedback-admin-item:has(.feedback-details:not([open])) .feedback-admin-actions .auth-input[b-n7epqt41m7] {
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 850;
}

.feedback-admin-item:has(.feedback-details:not([open])) .feedback-admin-actions[b-n7epqt41m7]::before {
    content: "Quick follow-up";
    color: #64748b;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .05em;
}

@media (max-width: 1100px) {
    .feedback-admin-item:has(.feedback-details:not([open]))[b-n7epqt41m7] {
        grid-template-columns: 1fr;
    }
}

.feedback-admin-toolbar[b-n7epqt41m7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.feedback-chatgpt-export[b-n7epqt41m7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    border-radius: 14px;
    padding: 10px 14px;
    border: 1px solid #c7d2fe;
    background: #eef2ff;
    color: #3730a3;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(79, 70, 229, .10);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.feedback-chatgpt-export:hover[b-n7epqt41m7] {
    background: #e0e7ff;
    box-shadow: 0 12px 26px rgba(79, 70, 229, .16);
    transform: translateY(-1px);
}

.feedback-chatgpt-export:focus-visible[b-n7epqt41m7] {
    outline: 3px solid rgba(79, 70, 229, .25);
    outline-offset: 2px;
}

.feedback-chatgpt-export span[b-n7epqt41m7] {
    font-size: 18px;
    line-height: 1;
}

.feedback-export-hint[b-n7epqt41m7] {
    border: 1px solid #e0e7ff;
    border-radius: 14px;
    padding: 10px 12px;
    background: #f8faff;
    color: #475569;
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 760px) {
    .feedback-admin-toolbar[b-n7epqt41m7],
    .feedback-chatgpt-export[b-n7epqt41m7] {
        width: 100%;
    }

    .feedback-admin-toolbar[b-n7epqt41m7] {
        justify-content: stretch;
    }
}

.feedback-pagination-toolbar[b-n7epqt41m7] { display:flex; gap:1rem; align-items:end; justify-content:space-between; flex-wrap:wrap; margin:1rem 0; }
.feedback-pagination-toolbar label[b-n7epqt41m7] { display:grid; gap:.3rem; font-weight:700; }
.feedback-pagination-toolbar select[b-n7epqt41m7] { min-width:6rem; }
.feedback-pagination-toolbar > div[b-n7epqt41m7] { display:flex; gap:.5rem; }
.feedback-admin-group[b-n7epqt41m7] { display:grid; gap:.8rem; margin-bottom:1.25rem; }
.feedback-admin-group-header[b-n7epqt41m7] { display:flex; justify-content:space-between; align-items:center; padding:.7rem 1rem; border-radius:.8rem; background:var(--surface-soft, rgba(127,127,127,.08)); }
.feedback-admin-group-header h3[b-n7epqt41m7] { margin:0; }
@media (max-width: 700px) { .feedback-pagination-toolbar > *[b-n7epqt41m7], .feedback-pagination-toolbar button[b-n7epqt41m7] { width:100%; } .feedback-pagination-toolbar > div[b-n7epqt41m7] { width:100%; } .feedback-pagination-toolbar > div button[b-n7epqt41m7] { flex:1; } }

.feedback-chatgpt-export[b-n7epqt41m7] {
    cursor: pointer;
    font: inherit;
}

.feedback-chatgpt-export:disabled[b-n7epqt41m7] {
    cursor: not-allowed;
    opacity: .55;
    transform: none;
    box-shadow: none;
}

.feedback-export-dialog-backdrop[b-n7epqt41m7] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(15, 23, 42, .62);
    backdrop-filter: blur(4px);
}

.feedback-export-dialog[b-n7epqt41m7] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    width: min(860px, 100%);
    max-height: min(820px, calc(100vh - 48px));
    overflow: hidden;
    border: 1px solid var(--border-color, #dbe3ef);
    border-radius: 22px;
    background: var(--surface, #ffffff);
    color: var(--text-color, #0f172a);
    box-shadow: 0 28px 80px rgba(15, 23, 42, .28);
}

.feedback-export-dialog-header[b-n7epqt41m7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 24px 16px;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.feedback-export-dialog-header h2[b-n7epqt41m7] {
    margin: 0;
}

.feedback-export-dialog-header p[b-n7epqt41m7] {
    margin: 5px 0 0;
    color: var(--muted-text, #64748b);
}

.feedback-export-dialog-close[b-n7epqt41m7] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 12px;
    background: var(--surface-soft, #f1f5f9);
    color: inherit;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}

.feedback-export-dialog-tools[b-n7epqt41m7] {
    display: grid;
    gap: 12px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.feedback-export-dialog-selection-tools[b-n7epqt41m7] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.feedback-export-dialog-selection-tools span[b-n7epqt41m7] {
    margin-left: auto;
    color: var(--muted-text, #64748b);
    font-size: 13px;
    font-weight: 800;
}

.feedback-export-dialog-list[b-n7epqt41m7] {
    display: grid;
    align-content: start;
    gap: 10px;
    overflow-y: auto;
    padding: 16px 24px;
}

.feedback-export-dialog-item[b-n7epqt41m7] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border: 1px solid var(--border-color, #dbe3ef);
    border-radius: 15px;
    background: var(--surface-soft, #f8fafc);
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.feedback-export-dialog-item:hover[b-n7epqt41m7] {
    border-color: #a5b4fc;
    box-shadow: 0 8px 20px rgba(79, 70, 229, .08);
    transform: translateY(-1px);
}

.feedback-export-dialog-item > input[b-n7epqt41m7] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
}

.feedback-export-dialog-item-content[b-n7epqt41m7] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.feedback-export-dialog-item-meta[b-n7epqt41m7],
.feedback-export-dialog-item-description[b-n7epqt41m7] {
    color: var(--muted-text, #64748b);
    font-size: 13px;
    line-height: 1.4;
}

.feedback-exported-inline[b-n7epqt41m7] {
    color: #0e7490;
    font-weight: 800;
}

.feedback-not-exported-inline[b-n7epqt41m7] {
    color: #b45309;
    font-weight: 800;
}

.feedback-export-dialog-item-description[b-n7epqt41m7] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.feedback-export-dialog-state[b-n7epqt41m7] {
    padding: 48px 24px;
    text-align: center;
    color: var(--muted-text, #64748b);
}

.feedback-export-dialog-footer[b-n7epqt41m7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    padding: 16px 24px 20px;
    border-top: 1px solid var(--border-color, #e2e8f0);
}

.feedback-export-dialog-link[b-n7epqt41m7] {
    text-decoration: none;
}

@media (max-width: 700px) {
    .feedback-export-dialog-backdrop[b-n7epqt41m7] {
        align-items: end;
        padding: 0;
    }

    .feedback-export-dialog[b-n7epqt41m7] {
        width: 100%;
        max-height: 92vh;
        border-radius: 22px 22px 0 0;
    }

    .feedback-export-dialog-header[b-n7epqt41m7],
    .feedback-export-dialog-tools[b-n7epqt41m7],
    .feedback-export-dialog-list[b-n7epqt41m7],
    .feedback-export-dialog-footer[b-n7epqt41m7] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .feedback-export-dialog-selection-tools span[b-n7epqt41m7] {
        width: 100%;
        margin-left: 0;
    }

    .feedback-export-dialog-footer > *[b-n7epqt41m7] {
        width: 100%;
    }
}

.feedback-group-filter[b-n7epqt41m7] {
    display: grid;
    gap: 5px;
    min-width: 180px;
    color: var(--muted-text, #64748b);
    font-size: 12px;
    font-weight: 800;
}

.feedback-group-filter > span[b-n7epqt41m7] {
    padding-left: 2px;
}

.feedback-active-group-filter[b-n7epqt41m7] {
    margin-top: 10px;
}

.feedback-group-badge[b-n7epqt41m7] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 9px;
    background: #e0f2fe;
    color: #075985;
    font-size: 12px;
    font-weight: 850;
}
/* /Components/Inventory/Inventory.razor.rz.scp.css */
.auth-field[b-8h0pzg9l20] {
    margin-bottom: 16px;
}

.auth-field label[b-8h0pzg9l20] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 850;
        color: #334155;
    }

.auth-input[b-8h0pzg9l20] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 15px 16px;
    background: #fff;
    font-size: 15px;
    outline: none;
}

.auth-input:focus[b-8h0pzg9l20] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.approve-button[b-8h0pzg9l20] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.danger-button[b-8h0pzg9l20] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-8h0pzg9l20] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.admin-content[b-8h0pzg9l20] {
    padding: 34px;
}

.admin-header[b-8h0pzg9l20] {
    margin-bottom: 24px;
}

.admin-header h1[b-8h0pzg9l20] {
        margin: 0;
        font-size: 34px;
        font-weight: 900;
    }

.admin-header p[b-8h0pzg9l20] {
        margin: 6px 0 0;
        color: #64748b;
    }

.admin-card[b-8h0pzg9l20] {
    background: white;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.secondary-button[b-8h0pzg9l20],
.approve-button[b-8h0pzg9l20],
.danger-button[b-8h0pzg9l20] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.secondary-button[b-8h0pzg9l20] {
    background: #e5e7eb;
    color: #111827;
}

.approve-button[b-8h0pzg9l20] {
    background: #16a34a;
    color: white;
}

.danger-button[b-8h0pzg9l20] {
    background: #dc2626;
    color: white;
}

.tiny[b-8h0pzg9l20] {
    font-size: 13px;
    color: var(--muted);
}

.event-modal[b-8h0pzg9l20] {
    width: min(520px, 100%);
    border-radius: 28px;
    background: white;
    border: 1px solid #e6eaf2;
    box-shadow: 0 24px 80px rgba(15, 23, 42, .25);
    padding: 26px;
}

.modal-header[b-8h0pzg9l20] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.modal-header h2[b-8h0pzg9l20] {
        margin: 0;
        font-size: 26px;
        font-weight: 900;
    }

.modal-header p[b-8h0pzg9l20] {
        margin: 6px 0 0;
        color: #64748b;
    }

.modal-close[b-8h0pzg9l20] {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 999px;
    background: #f1f5f9;
    font-size: 24px;
    cursor: pointer;
}

.modal-actions[b-8h0pzg9l20] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.meal-card[b-8h0pzg9l20] {
    padding: 16px;
    border-radius: 18px;
    margin-top: 12px;
}

.meal-card p[b-8h0pzg9l20] {
        margin: 6px 0 10px;
        color: #64748b;
    }

.meal-chip[b-8h0pzg9l20] {
    display: inline-block;
    margin: 4px 6px 0 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 12px;
    font-weight: 800;
}

.meal-card[b-8h0pzg9l20] {
    width: 100%;
    text-align: left;
    cursor: pointer;
    border: 1px solid #e6eaf2;
    background: #f8fafc;
}

.meal-card:hover[b-8h0pzg9l20] {
        border-color: #8b5cf6;
    }

.inventory-summary[b-8h0pzg9l20] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.inventory-stat-card[b-8h0pzg9l20] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.inventory-stat-title[b-8h0pzg9l20] {
    font-size: 13px;
    color: #6b7280;
    font-weight: 600;
}

.inventory-stat-card strong[b-8h0pzg9l20] {
    font-size: 28px;
    font-weight: 800;
}

.barcode-add-row[b-8h0pzg9l20] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.barcode-add-row .auth-input[b-8h0pzg9l20] {
        flex: 1;
    }

.barcode-list[b-8h0pzg9l20] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.barcode-remove[b-8h0pzg9l20] {
    border: none;
    background: transparent;
    cursor: pointer;
    margin-left: 6px;
    font-weight: 900;
    color: #3730a3;
}

.inventory-article-image[b-8h0pzg9l20] {
    margin-bottom: 10px;
}

.inventory-preview-image[b-8h0pzg9l20] {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 16px;
    margin-top: 10px;
}

.inventory-article-card[b-8h0pzg9l20] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.inventory-article-info[b-8h0pzg9l20] {
    flex: 1;
    text-align: left;
}

.inventory-article-image[b-8h0pzg9l20] {
    width: 72px;
    height: 72px;
    object-fit: contain;
    border-radius: 12px;
    flex-shrink: 0;
}

.inventory-modal[b-8h0pzg9l20] {
    width: min(1100px, 95vw);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.inventory-modal-scroll[b-8h0pzg9l20] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    margin-right: -12px;
    padding-right: 12px;
    scrollbar-gutter: stable;
}

.inventory-modal-body[b-8h0pzg9l20] {
    min-height: 0;
}

.inventory-form-grid[b-8h0pzg9l20] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.inventory-form-section[b-8h0pzg9l20] {
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 18px;
    background: #f9fafb;
}

.inventory-form-section h3[b-8h0pzg9l20] {
        margin: 0 0 14px;
        font-size: 16px;
        font-weight: 900;
        color: #111827;
    }

.inventory-form-section .auth-field:last-child[b-8h0pzg9l20] {
        margin-bottom: 0;
    }

.inventory-modal .modal-actions[b-8h0pzg9l20] {
    position: sticky;
    bottom: 0;
    background: white;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #e5e7eb;
}

.modal-actions[b-8h0pzg9l20] {
    flex-shrink: 0;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.modal-backdrop[b-8h0pzg9l20] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(6px);
    display: grid;
    place-items: center;
    padding: 20px;
}

@media (max-width: 900px) {
    .app-layout[b-8h0pzg9l20] {
        display: block;
        min-height: 100vh;
    }

    .mobile-topbar[b-8h0pzg9l20] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1200;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(18px);
        border-bottom: 1px solid var(--line);
    }

        .mobile-topbar .logo[b-8h0pzg9l20] {
            width: 34px;
            height: 34px;
            font-size: 18px;
            border-radius: 12px;
        }

        .mobile-topbar .brand-title[b-8h0pzg9l20] {
            font-size: 18px;
        }

        .mobile-topbar .brand-subtitle[b-8h0pzg9l20] {
            display: none;
        }

    .mobile-menu-button[b-8h0pzg9l20] {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 21px;
    }

    .app-main[b-8h0pzg9l20] {
        padding: 56px 0 0;
    }

    .admin-content[b-8h0pzg9l20] {
        padding: 12px;
    }

    .admin-header[b-8h0pzg9l20] {
        margin-bottom: 14px;
    }

        .admin-header h1[b-8h0pzg9l20] {
            font-size: 26px;
        }

        .admin-header p[b-8h0pzg9l20] {
            font-size: 14px;
        }

    .app-sidebar[b-8h0pzg9l20] {
        position: fixed;
        z-index: 1300;
        top: 0;
        left: 0;
        width: min(84vw, 330px);
        height: 100dvh;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 24px 0 60px rgba(15, 23, 42, .18);
    }

    .mobile-nav-open .app-sidebar[b-8h0pzg9l20] {
        transform: translateX(0);
    }

    .mobile-nav-backdrop[b-8h0pzg9l20] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1250;
        border: 0;
        background: rgba(15, 23, 42, .38);
    }

    .nav a[b-8h0pzg9l20] {
        min-height: 48px;
        font-size: 16px;
    }
}

@media (max-width: 900px) {
    .calendar-page[b-8h0pzg9l20] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-8h0pzg9l20] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-8h0pzg9l20] {
            font-size: 28px;
        }

        .calendar-header p[b-8h0pzg9l20] {
            font-size: 14px;
        }

        .calendar-add-button[b-8h0pzg9l20],
        .calendar-header .approve-button[b-8h0pzg9l20] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-8h0pzg9l20] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-8h0pzg9l20] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-8h0pzg9l20] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-8h0pzg9l20],
    .calendar-side-card[b-8h0pzg9l20] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-8h0pzg9l20] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-8h0pzg9l20],
        .calendar-side-card h2[b-8h0pzg9l20] {
            font-size: 22px;
        }

    .calendar-nav[b-8h0pzg9l20] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-8h0pzg9l20] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-8h0pzg9l20] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-8h0pzg9l20] {
        display: none;
    }

    .month-grid[b-8h0pzg9l20],
    .calendar-grid[b-8h0pzg9l20] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-8h0pzg9l20] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-8h0pzg9l20] {
            margin-bottom: 6px;
        }

    .other-month[b-8h0pzg9l20] {
        display: none;
    }

    .calendar-event[b-8h0pzg9l20] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-8h0pzg9l20] {
        max-height: none;
    }

    .calendar-event-list[b-8h0pzg9l20] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-8h0pzg9l20] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-8h0pzg9l20] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-8h0pzg9l20] {
        align-items: flex-start;
    }

        .modal-header h2[b-8h0pzg9l20] {
            font-size: 22px;
        }

    .modal-actions[b-8h0pzg9l20] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-8h0pzg9l20] {
            width: 100%;
        }
}

.unknown-field .auth-input[b-8h0pzg9l20],
.unknown-field input[b-8h0pzg9l20] {
    width: 100%;
    min-width: 0;
}

.store-article-table-row .auth-input[b-8h0pzg9l20] {
    width: 100%;
    min-width: 0;
    padding: 12px;
}

.tiny[b-8h0pzg9l20] {
    color: #6b7280;
    font-size: 0.9rem;
    margin: 10px 0 16px;
}

@media (max-width: 800px) {
    .admin-page[b-8h0pzg9l20] {
        padding: 16px;
    }

    .page-header[b-8h0pzg9l20] {
        flex-direction: column;
    }

    .form-row[b-8h0pzg9l20] {
        grid-template-columns: 1fr;
    }

    .page-header .approve-button[b-8h0pzg9l20] {
        width: 100%;
    }
}

.admin-card[b-8h0pzg9l20] {
    border-radius: 28px;
}

.page-header .approve-button[b-8h0pzg9l20] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-8h0pzg9l20] {
        padding: 16px;
    }

    .page-header[b-8h0pzg9l20] {
        flex-direction: column;
    }

        .page-header .approve-button[b-8h0pzg9l20] {
            width: 100%;
        }

    .form-row[b-8h0pzg9l20] {
        grid-template-columns: 1fr;
    }

        .form-row label:nth-child(2)[b-8h0pzg9l20] {
            grid-column: auto;
            order: unset;
        }
}

.translation-header .approve-button[b-8h0pzg9l20] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .translation-card[b-8h0pzg9l20] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-8h0pzg9l20] {
        flex-direction: column;
    }

        .translation-header h1[b-8h0pzg9l20] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-8h0pzg9l20] {
            width: 100%;
        }

    .translation-toolbar[b-8h0pzg9l20] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .family-page[b-8h0pzg9l20] {
        padding: 14px;
    }

    .family-panel[b-8h0pzg9l20] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-8h0pzg9l20] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-8h0pzg9l20] {
            width: 100%;
        }
}

.inventory-operation-message[b-8h0pzg9l20],
.global-article-notice[b-8h0pzg9l20] {
    margin: 0 0 16px;
    padding: 12px 16px;
    border: 1px solid #bfdbfe;
    border-radius: 16px;
    background: #eff6ff;
    color: #1e3a8a;
    font-weight: 750;
}

.inventory-readonly-fieldset[b-8h0pzg9l20] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.inventory-readonly-fieldset:disabled[b-8h0pzg9l20] {
    opacity: .78;
}

.inactive-family-chip[b-8h0pzg9l20] {
    background: #fee2e2;
    color: #991b1b;
}

.global-convert-button[b-8h0pzg9l20] {
    background: #ede9fe;
    color: #5b21b6;
}


.inventory-family-rules[b-8h0pzg9l20] {
    margin-top: 18px;
    border: 1px solid #c4b5fd;
    border-radius: 20px;
    padding: 18px;
    background: linear-gradient(135deg, #faf5ff, #eff6ff);
}

.inventory-family-rules-header[b-8h0pzg9l20] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.inventory-family-rules-header h3[b-8h0pzg9l20] {
    margin: 3px 0 5px;
    font-size: 19px;
    color: #312e81;
}

.inventory-family-rules-header p[b-8h0pzg9l20] {
    margin: 0;
    color: #64748b;
    font-weight: 650;
}

.inventory-family-rules-eyebrow[b-8h0pzg9l20] {
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #7c3aed;
}

.family-override-badge[b-8h0pzg9l20],
.family-default-badge[b-8h0pzg9l20] {
    flex-shrink: 0;
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 900;
}

.family-override-badge[b-8h0pzg9l20] {
    background: #ede9fe;
    color: #5b21b6;
}

.family-default-badge[b-8h0pzg9l20] {
    background: #e2e8f0;
    color: #475569;
}

.inventory-family-rules-grid[b-8h0pzg9l20] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.inventory-family-rules-actions[b-8h0pzg9l20] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 4px;
}

@media (max-width: 800px) {
    .modal-backdrop[b-8h0pzg9l20] {
        align-items: start;
        overflow-y: auto;
        padding: 10px;
    }

    .inventory-modal[b-8h0pzg9l20] {
        max-height: calc(100dvh - 20px);
    }

    .inventory-family-rules-header[b-8h0pzg9l20] {
        flex-direction: column;
    }

    .inventory-family-rules-grid[b-8h0pzg9l20] {
        grid-template-columns: 1fr;
    }

    .inventory-family-rules-actions[b-8h0pzg9l20] {
        flex-direction: column-reverse;
    }

    .inventory-family-rules-actions button[b-8h0pzg9l20] {
        width: 100%;
    }
}
/* /Components/Inventory/Stock.razor.rz.scp.css */
.auth-field[b-7sdxc50sin] {
    margin-bottom: 16px;
}

.auth-field label[b-7sdxc50sin] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 850;
        color: #334155;
    }

.auth-input[b-7sdxc50sin] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 15px 16px;
    background: #fff;
    font-size: 15px;
    outline: none;
}

.auth-input:focus[b-7sdxc50sin] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.approve-button[b-7sdxc50sin] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-7sdxc50sin] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.admin-content[b-7sdxc50sin] {
    padding: 34px;
}

.admin-header[b-7sdxc50sin] {
    margin-bottom: 24px;
}

.admin-header h1[b-7sdxc50sin] {
        margin: 0;
        font-size: 34px;
        font-weight: 900;
    }

.admin-header p[b-7sdxc50sin] {
        margin: 6px 0 0;
        color: #64748b;
    }

.admin-card[b-7sdxc50sin] {
    background: white;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.secondary-button[b-7sdxc50sin],
.approve-button[b-7sdxc50sin],
.danger-button[b-7sdxc50sin] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.secondary-button[b-7sdxc50sin] {
    background: #e5e7eb;
    color: #111827;
}

.approve-button[b-7sdxc50sin] {
    background: #16a34a;
    color: white;
}

.tiny[b-7sdxc50sin] {
    font-size: 13px;
    color: var(--muted);
}

.event-modal[b-7sdxc50sin] {
    width: min(520px, 100%);
    border-radius: 28px;
    background: white;
    border: 1px solid #e6eaf2;
    box-shadow: 0 24px 80px rgba(15, 23, 42, .25);
    padding: 26px;
}

.modal-header[b-7sdxc50sin] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.modal-header h2[b-7sdxc50sin] {
        margin: 0;
        font-size: 26px;
        font-weight: 900;
    }

.modal-header p[b-7sdxc50sin] {
        margin: 6px 0 0;
        color: #64748b;
    }

.modal-close[b-7sdxc50sin] {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 999px;
    background: #f1f5f9;
    font-size: 24px;
    cursor: pointer;
}

.modal-actions[b-7sdxc50sin] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.meal-chip[b-7sdxc50sin] {
    display: inline-block;
    margin: 4px 6px 0 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 12px;
    font-weight: 800;
}

.stock-row[b-7sdxc50sin] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid #e5e7eb;
}

.stock-row:last-child[b-7sdxc50sin] {
        border-bottom: none;
    }

.stock-row p[b-7sdxc50sin] {
        margin: 4px 0;
        color: #6b7280;
    }

.stock-actions[b-7sdxc50sin] {
    display: flex;
    gap: 8px;
}

.barcode-add-row .auth-input[b-7sdxc50sin] {
        flex: 1;
    }

.inventory-modal[b-7sdxc50sin] {
    width: min(1100px, 95vw);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.inventory-modal-body[b-7sdxc50sin] {
    margin-right: -12px;
}

.inventory-modal-body[b-7sdxc50sin] {
    flex: 1;
    overflow-y: auto;
    padding-right: 12px;
}

.inventory-form-section .auth-field:last-child[b-7sdxc50sin] {
        margin-bottom: 0;
    }

.inventory-modal .modal-actions[b-7sdxc50sin] {
    position: sticky;
    bottom: 0;
    background: white;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #e5e7eb;
}

.stock-detail-modal[b-7sdxc50sin] {
    width: min(1200px, 95vw);
    max-height: 90vh;
    overflow-y: auto;
}

.stock-detail-grid[b-7sdxc50sin] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media (max-width: 900px) {
    .stock-detail-grid[b-7sdxc50sin] {
        grid-template-columns: 1fr;
    }
}

.modal-actions[b-7sdxc50sin] {
    flex-shrink: 0;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.empty-children[b-7sdxc50sin] {
    text-align: center;
    padding: 32px;
    border-radius: 24px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    color: #64748b;
}

.empty-children div[b-7sdxc50sin] {
        font-size: 42px;
        margin-bottom: 8px;
    }

.empty-children strong[b-7sdxc50sin] {
        display: block;
        color: #0f172a;
        font-size: 20px;
    }

.modal-backdrop[b-7sdxc50sin] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(6px);
    display: grid;
    place-items: center;
    padding: 20px;
}

@media (max-width: 900px) {
    .app-layout[b-7sdxc50sin] {
        display: block;
        min-height: 100vh;
    }

    .mobile-topbar[b-7sdxc50sin] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1200;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(18px);
        border-bottom: 1px solid var(--line);
    }

        .mobile-topbar .logo[b-7sdxc50sin] {
            width: 34px;
            height: 34px;
            font-size: 18px;
            border-radius: 12px;
        }

        .mobile-topbar .brand-title[b-7sdxc50sin] {
            font-size: 18px;
        }

        .mobile-topbar .brand-subtitle[b-7sdxc50sin] {
            display: none;
        }

    .mobile-menu-button[b-7sdxc50sin] {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 21px;
    }

    .app-main[b-7sdxc50sin] {
        padding: 56px 0 0;
    }

    .admin-content[b-7sdxc50sin] {
        padding: 12px;
    }

    .admin-header[b-7sdxc50sin] {
        margin-bottom: 14px;
    }

        .admin-header h1[b-7sdxc50sin] {
            font-size: 26px;
        }

        .admin-header p[b-7sdxc50sin] {
            font-size: 14px;
        }

    .app-sidebar[b-7sdxc50sin] {
        position: fixed;
        z-index: 1300;
        top: 0;
        left: 0;
        width: min(84vw, 330px);
        height: 100dvh;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 24px 0 60px rgba(15, 23, 42, .18);
    }

    .mobile-nav-open .app-sidebar[b-7sdxc50sin] {
        transform: translateX(0);
    }

    .mobile-nav-backdrop[b-7sdxc50sin] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1250;
        border: 0;
        background: rgba(15, 23, 42, .38);
    }

    .nav a[b-7sdxc50sin] {
        min-height: 48px;
        font-size: 16px;
    }
}

@media (max-width: 900px) {
    .calendar-page[b-7sdxc50sin] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-7sdxc50sin] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-7sdxc50sin] {
            font-size: 28px;
        }

        .calendar-header p[b-7sdxc50sin] {
            font-size: 14px;
        }

        .calendar-add-button[b-7sdxc50sin],
        .calendar-header .approve-button[b-7sdxc50sin] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-7sdxc50sin] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-7sdxc50sin] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-7sdxc50sin] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-7sdxc50sin],
    .calendar-side-card[b-7sdxc50sin] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-7sdxc50sin] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-7sdxc50sin],
        .calendar-side-card h2[b-7sdxc50sin] {
            font-size: 22px;
        }

    .calendar-nav[b-7sdxc50sin] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-7sdxc50sin] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-7sdxc50sin] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-7sdxc50sin] {
        display: none;
    }

    .month-grid[b-7sdxc50sin],
    .calendar-grid[b-7sdxc50sin] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-7sdxc50sin] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-7sdxc50sin] {
            margin-bottom: 6px;
        }

    .other-month[b-7sdxc50sin] {
        display: none;
    }

    .calendar-event[b-7sdxc50sin] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-7sdxc50sin] {
        max-height: none;
    }

    .calendar-event-list[b-7sdxc50sin] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-7sdxc50sin] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-7sdxc50sin] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-7sdxc50sin] {
        align-items: flex-start;
    }

        .modal-header h2[b-7sdxc50sin] {
            font-size: 22px;
        }

    .modal-actions[b-7sdxc50sin] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-7sdxc50sin] {
            width: 100%;
        }
}

.stock-upload-panel[b-7sdxc50sin] {
    margin-bottom: 24px;
    overflow: hidden;
}

.stock-upload-header[b-7sdxc50sin] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.stock-upload-header h2[b-7sdxc50sin] {
        margin: 0;
        font-size: 24px;
        font-weight: 900;
    }

.stock-upload-header p[b-7sdxc50sin] {
        margin: 5px 0 0;
        color: #64748b;
        font-weight: 700;
    }

.stock-upload-icon[b-7sdxc50sin] {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: #eef2ff;
    font-size: 28px;
}

.store-upload-grid[b-7sdxc50sin] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 16px;
}

.store-upload-tile[b-7sdxc50sin] {
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 18px;
    background: radial-gradient(circle at top right, rgba(104, 66, 244, .12), transparent 34%), #f8fafc;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.store-upload-tile:hover[b-7sdxc50sin] {
        transform: translateY(-2px);
        border-color: #c4b5fd;
        box-shadow: 0 18px 40px rgba(15, 23, 42, .10);
    }

.store-upload-top[b-7sdxc50sin] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.store-upload-top strong[b-7sdxc50sin] {
        display: block;
        font-size: 18px;
        font-weight: 900;
    }

.store-upload-top p[b-7sdxc50sin] {
        margin: 3px 0 0;
        color: #64748b;
        font-size: 13px;
        font-weight: 700;
    }

.store-upload-avatar[b-7sdxc50sin] {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: white;
    box-shadow: 0 10px 24px rgba(24, 36, 68, .10);
    font-size: 24px;
}


.store-upload-methods[b-7sdxc50sin] {
    display: grid;
    gap: 10px;
}

.store-upload-unavailable[b-7sdxc50sin] {
    min-height: 120px;
    border: 1px dashed #cbd5e1;
    border-radius: 20px;
    background: rgba(255,255,255,.62);
    display: grid;
    place-items: center;
    text-align: center;
    padding: 16px;
    color: #64748b;
}

.store-upload-unavailable strong[b-7sdxc50sin] {
    color: #334155;
    font-weight: 900;
}

.store-upload-unavailable small[b-7sdxc50sin] {
    display: block;
    margin-top: 4px;
    font-weight: 700;
}

.store-upload-dropzone[b-7sdxc50sin] {
    min-height: 120px;
    border: 2px dashed #cbd5e1;
    border-radius: 20px;
    background: rgba(255,255,255,.75);
    display: grid;
    place-items: center;
    text-align: center;
    padding: 16px;
    cursor: pointer;
    transition: .15s ease;
}

.store-upload-dropzone:hover[b-7sdxc50sin] {
        border-color: #8b5cf6;
        background: white;
    }

.store-upload-input[b-7sdxc50sin] {
    display: none;
}

.store-upload-cloud[b-7sdxc50sin] {
    font-size: 30px;
    margin-bottom: 6px;
}

.store-upload-dropzone b[b-7sdxc50sin] {
    color: #111827;
    font-weight: 900;
}

.store-upload-dropzone small[b-7sdxc50sin] {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-weight: 700;
}

.store-article-product[b-7sdxc50sin] {
    min-width: 0;
}

.unknown-store-article-row[b-7sdxc50sin] {
    padding: 16px;
    border-radius: 18px;
    margin-bottom: 14px;
    border: 1px solid #e5e7eb;
}

.unknown-store-article-row:nth-child(even)[b-7sdxc50sin] {
        background: #f8fafc;
    }

.unknown-store-article-row:nth-child(odd)[b-7sdxc50sin] {
        background: white;
    }

.unknown-article-help[b-7sdxc50sin] {
    padding: 14px 16px;
    margin-bottom: 14px;
    border-radius: 18px;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
}

.unknown-article-help p[b-7sdxc50sin] {
        margin: 6px 0 0;
        color: #64748b;
        font-weight: 700;
        line-height: 1.4;
    }

.store-article-product[b-7sdxc50sin] {
    margin-bottom: 14px;
}

.store-article-title[b-7sdxc50sin] {
    font-weight: 900;
    font-size: 16px;
}

.store-article-code[b-7sdxc50sin] {
    margin-top: 4px;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

.unknown-article-fields[b-7sdxc50sin] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

.unknown-field:first-child[b-7sdxc50sin] {
    grid-column: span 2;
}

.unknown-field label[b-7sdxc50sin] {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 900;
    color: #64748b;
    text-transform: uppercase;
}

.unknown-field .auth-input[b-7sdxc50sin],
.unknown-field input[b-7sdxc50sin] {
    width: 100%;
    min-width: 0;
}

.store-article-table-row .auth-input[b-7sdxc50sin] {
    width: 100%;
    min-width: 0;
    padding: 12px;
}

.tiny[b-7sdxc50sin] {
    color: #6b7280;
    font-size: 0.9rem;
    margin: 10px 0 16px;
}

@media (max-width: 800px) {
    .admin-page[b-7sdxc50sin] {
        padding: 16px;
    }

    .page-header[b-7sdxc50sin] {
        flex-direction: column;
    }

    .form-row[b-7sdxc50sin] {
        grid-template-columns: 1fr;
    }

    .page-header .approve-button[b-7sdxc50sin] {
        width: 100%;
    }
}

.admin-card[b-7sdxc50sin] {
    border-radius: 28px;
}

.page-header .approve-button[b-7sdxc50sin] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-7sdxc50sin] {
        padding: 16px;
    }

    .page-header[b-7sdxc50sin] {
        flex-direction: column;
    }

        .page-header .approve-button[b-7sdxc50sin] {
            width: 100%;
        }

    .form-row[b-7sdxc50sin] {
        grid-template-columns: 1fr;
    }

        .form-row label:nth-child(2)[b-7sdxc50sin] {
            grid-column: auto;
            order: unset;
        }
}

.translation-header .approve-button[b-7sdxc50sin] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .translation-card[b-7sdxc50sin] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-7sdxc50sin] {
        flex-direction: column;
    }

        .translation-header h1[b-7sdxc50sin] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-7sdxc50sin] {
            width: 100%;
        }

    .translation-toolbar[b-7sdxc50sin] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .family-page[b-7sdxc50sin] {
        padding: 14px;
    }

    .family-panel[b-7sdxc50sin] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-7sdxc50sin] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-7sdxc50sin] {
            width: 100%;
        }
}

.stock-upload-message[b-7sdxc50sin] {
    margin: 16px 0;
    padding: 12px 14px;
    border-radius: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.stock-upload-message.success[b-7sdxc50sin] {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.28);
}

.stock-upload-message.error[b-7sdxc50sin] {
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.28);
}

.upload-in-progress[b-7sdxc50sin] {
    display: inline-flex;
    margin-top: 6px;
    font-weight: 800;
}

.stock-create-article-hint[b-7sdxc50sin] {
    display: block;
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #f0fdf4;
    color: #166534;
    font-size: 13px;
    font-weight: 700;
}

.stock-add-message[b-7sdxc50sin] {
    margin-top: 10px;
    padding: 12px 14px;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 800;
}

.stock-add-message.error[b-7sdxc50sin] {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.stock-add-message.success[b-7sdxc50sin] {
    background: #ecfdf5;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.approve-button:disabled[b-7sdxc50sin],
.secondary-button:disabled[b-7sdxc50sin] {
    opacity: .65;
    cursor: not-allowed;
}

.stock-replace-option[b-7sdxc50sin] { display: flex; gap: .65rem; align-items: center; margin: .75rem 0 1rem; padding: .8rem 1rem; border: 1px solid var(--border-color, #d8dee9); border-radius: .8rem; }
.stock-replace-option input[b-7sdxc50sin] { width: 1.1rem; height: 1.1rem; }
@media (max-width: 700px) { .stock-actions[b-7sdxc50sin] { width: 100%; display: grid; grid-template-columns: 1fr 1fr; } .stock-actions button[b-7sdxc50sin] { width: 100%; } }

.stock-line-import-toggle[b-7sdxc50sin] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 900;
    color: #334155;
}

.stock-line-import-toggle input[b-7sdxc50sin] {
    width: 18px;
    height: 18px;
}

.unknown-store-article-row.stock-line-excluded[b-7sdxc50sin] {
    opacity: .55;
    background: #f1f5f9;
}

.unknown-store-article-row.stock-line-excluded .unknown-article-fields[b-7sdxc50sin] {
    pointer-events: none;
}

.stock-import-line-review[b-7sdxc50sin] {
    display: grid;
    gap: 8px;
    margin: 0 0 22px;
    padding: 16px;
    border: 1px solid #dbe3ef;
    border-radius: 18px;
    background: #f8fafc;
}

.stock-import-line-review-header[b-7sdxc50sin] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #475569;
}

.stock-import-line[b-7sdxc50sin] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: white;
}

.stock-import-line > span[b-7sdxc50sin] {
    display: grid;
    gap: 2px;
}

.stock-import-line small[b-7sdxc50sin] {
    color: #64748b;
}


.stock-header-actions[b-7sdxc50sin] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.stock-settings-button[b-7sdxc50sin] {
    width: 44px;
    min-width: 44px;
    height: 44px;
    border: 1px solid #dbe3ef;
    border-radius: 14px;
    display: inline-grid;
    place-items: center;
    background: #ffffff;
    color: #334155;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.stock-settings-button:hover[b-7sdxc50sin] {
    transform: translateY(-1px);
    border-color: #8b5cf6;
    box-shadow: 0 12px 28px rgba(99, 102, 241, .16);
}

.stock-settings-button:focus-visible[b-7sdxc50sin] {
    outline: 3px solid rgba(139, 92, 246, .25);
    outline-offset: 2px;
}

@media (max-width: 700px) {
    .stock-header-actions[b-7sdxc50sin],
    .stock-header-actions .approve-button[b-7sdxc50sin] {
        width: 100%;
    }

    .stock-header-actions[b-7sdxc50sin] {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-8r0d1s55b1] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-8r0d1s55b1] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.public-layout[b-syv8aecs3r] {
    min-height: 100vh;
    color: var(--text);
}

.public-header[b-syv8aecs3r] {
    position: sticky;
    top: 0;
    z-index: 1000;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    min-height: 78px;
    padding: 14px clamp(18px, 4vw, 62px);
    border-bottom: 1px solid var(--line);
    background: rgba(255, 255, 255, .90);
    backdrop-filter: blur(18px);
}

.public-brand[b-syv8aecs3r] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--text);
    text-decoration: none;
}

.public-brand img[b-syv8aecs3r] {
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.public-brand span[b-syv8aecs3r] {
    display: grid;
    gap: 2px;
}

.public-brand strong[b-syv8aecs3r] {
    font-size: 22px;
    font-weight: 950;
    line-height: 1;
}

.public-brand small[b-syv8aecs3r] {
    color: #8a94a6;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.public-navigation[b-syv8aecs3r] {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.public-navigation a[b-syv8aecs3r],
.public-link-button[b-syv8aecs3r],
.public-primary-button[b-syv8aecs3r] {
    border-radius: 999px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 850;
    text-decoration: none;
}

.public-navigation a[b-syv8aecs3r] {
    color: #475569;
}

.public-navigation a:hover[b-syv8aecs3r] {
    color: #4f32d5;
    background: #efeaff;
}

.public-account-actions[b-syv8aecs3r] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.public-link-button[b-syv8aecs3r] {
    border: 1px solid var(--line);
    color: #334155;
    background: rgba(255, 255, 255, .78);
}

.public-primary-button[b-syv8aecs3r] {
    color: #fff;
    background: linear-gradient(135deg, var(--primary), var(--primary2));
    box-shadow: 0 10px 24px rgba(104, 66, 244, .24);
}

.public-link-button:hover[b-syv8aecs3r],
.public-primary-button:hover[b-syv8aecs3r] {
    transform: translateY(-1px);
}

.public-main[b-syv8aecs3r] {
    min-height: 60vh;
}

.public-footer[b-syv8aecs3r] {
    display: grid;
    grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(150px, 1fr));
    gap: 28px;
    padding: 42px clamp(18px, 5vw, 72px) 24px;
    border-top: 1px solid var(--line);
    background: rgba(255, 255, 255, .78);
}

.public-footer section[b-syv8aecs3r] {
    display: grid;
    align-content: start;
    gap: 10px;
}

.public-footer h2[b-syv8aecs3r] {
    margin: 0 0 4px;
    color: #16213e;
    font-size: 13px;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.public-footer section > a:not(.public-brand)[b-syv8aecs3r] {
    color: #64748b;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.public-footer section > a:hover[b-syv8aecs3r] {
    color: var(--primary);
}

.public-footer-brand p[b-syv8aecs3r] {
    max-width: 390px;
    margin: 5px 0 0;
    color: #718096;
    font-size: 13px;
    line-height: 1.65;
}

.public-footer-bottom[b-syv8aecs3r] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
    color: #8a94a6;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 980px) {
    .public-header[b-syv8aecs3r] {
        grid-template-columns: auto 1fr auto;
    }

    .public-navigation[b-syv8aecs3r] {
        display: none;
    }

    .public-footer[b-syv8aecs3r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .public-footer-brand[b-syv8aecs3r] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 650px) {
    .public-header[b-syv8aecs3r] {
        min-height: 68px;
        padding: 10px 14px;
    }

    .public-brand img[b-syv8aecs3r] {
        width: 40px;
        height: 40px;
    }

    .public-brand strong[b-syv8aecs3r] {
        font-size: 19px;
    }

    .public-brand small[b-syv8aecs3r],
    .public-link-button[b-syv8aecs3r] {
        display: none;
    }

    .public-primary-button[b-syv8aecs3r] {
        padding: 10px 13px;
    }

    .public-footer[b-syv8aecs3r] {
        grid-template-columns: 1fr;
    }

    .public-footer-brand[b-syv8aecs3r],
    .public-footer-bottom[b-syv8aecs3r] {
        grid-column: auto;
    }

    .public-footer-bottom[b-syv8aecs3r] {
        flex-direction: column;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-00ootrmr7d],
.components-reconnect-repeated-attempt-visible[b-00ootrmr7d],
.components-reconnect-failed-visible[b-00ootrmr7d],
.components-pause-visible[b-00ootrmr7d],
.components-resume-failed-visible[b-00ootrmr7d],
.components-rejoining-animation[b-00ootrmr7d] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-00ootrmr7d],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-00ootrmr7d],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-00ootrmr7d],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-00ootrmr7d],
#components-reconnect-modal.components-reconnect-retrying[b-00ootrmr7d],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-00ootrmr7d],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-00ootrmr7d],
#components-reconnect-modal.components-reconnect-failed[b-00ootrmr7d],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-00ootrmr7d] {
    display: block;
}


#components-reconnect-modal[b-00ootrmr7d] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-00ootrmr7d 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-00ootrmr7d 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-00ootrmr7d 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-00ootrmr7d]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-00ootrmr7d 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-00ootrmr7d {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-00ootrmr7d {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-00ootrmr7d {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-00ootrmr7d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-00ootrmr7d] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-00ootrmr7d] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-00ootrmr7d] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-00ootrmr7d] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-00ootrmr7d] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-00ootrmr7d] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-00ootrmr7d 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-00ootrmr7d] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-00ootrmr7d {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Meals/Meals.razor.rz.scp.css */
.auth-field[b-24gt1chail] {
    margin-bottom: 16px;
}

.auth-field label[b-24gt1chail] {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
        font-weight: 850;
        color: #334155;
    }

.auth-input[b-24gt1chail] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 15px 16px;
    background: #fff;
    font-size: 15px;
    outline: none;
}

.auth-input:focus[b-24gt1chail] {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 4px rgba(139, 92, 246, .14);
    }

.auth-divider[b-24gt1chail] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 26px 0 18px;
    color: #718096;
    font-weight: 800;
    font-size: 13px;
}

.auth-divider[b-24gt1chail]::before,
    .auth-divider[b-24gt1chail]::after {
        content: "";
        flex: 1;
        height: 1px;
        background: #e6eaf2;
    }

.approve-button[b-24gt1chail] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.danger-button[b-24gt1chail] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-24gt1chail] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.admin-content[b-24gt1chail] {
    padding: 34px;
}

.admin-header[b-24gt1chail] {
    margin-bottom: 24px;
}

.admin-header h1[b-24gt1chail] {
        margin: 0;
        font-size: 34px;
        font-weight: 900;
    }

.admin-header p[b-24gt1chail] {
        margin: 6px 0 0;
        color: #64748b;
    }

.admin-card[b-24gt1chail] {
    background: white;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.secondary-button[b-24gt1chail],
.approve-button[b-24gt1chail],
.danger-button[b-24gt1chail] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.secondary-button[b-24gt1chail] {
    background: #e5e7eb;
    color: #111827;
}

.approve-button[b-24gt1chail] {
    background: #16a34a;
    color: white;
}

.danger-button[b-24gt1chail] {
    background: #dc2626;
    color: white;
}

.event-modal[b-24gt1chail] {
    width: min(520px, 100%);
    border-radius: 28px;
    background: white;
    border: 1px solid #e6eaf2;
    box-shadow: 0 24px 80px rgba(15, 23, 42, .25);
    padding: 26px;
}

.modal-header[b-24gt1chail] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.modal-header h2[b-24gt1chail] {
        margin: 0;
        font-size: 26px;
        font-weight: 900;
    }

.modal-header p[b-24gt1chail] {
        margin: 6px 0 0;
        color: #64748b;
    }

.modal-close[b-24gt1chail] {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 999px;
    background: #f1f5f9;
    font-size: 24px;
    cursor: pointer;
}

.modal-actions[b-24gt1chail] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.meal-list-card[b-24gt1chail] {
    margin-top: 24px;
}

.meal-card[b-24gt1chail] {
    padding: 16px;
    border-radius: 18px;
    margin-top: 12px;
}

.meal-card p[b-24gt1chail] {
        margin: 6px 0 10px;
        color: #64748b;
    }

.meal-chip[b-24gt1chail] {
    display: inline-block;
    margin: 4px 6px 0 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 800px) {
    .meal-ingredient-row[b-24gt1chail] {
        grid-template-columns: 1fr;
    }
}

.meal-card[b-24gt1chail] {
    width: 100%;
    text-align: left;
    cursor: pointer;
    border: 1px solid #e6eaf2;
    background: #f8fafc;
}

.meal-card:hover[b-24gt1chail] {
        border-color: #8b5cf6;
    }

.barcode-add-row .auth-input[b-24gt1chail] {
        flex: 1;
    }

.meal-ingredient-row[b-24gt1chail] {
    display: grid;
    grid-template-columns: 1.5fr 110px 130px 110px;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}

.ingredient-remove-button[b-24gt1chail] {
    height: 48px;
    align-self: center;
}

.meal-modal[b-24gt1chail] {
    width: min(1400px, 95vw);
    max-width: 1400px;
    max-height: calc(100dvh - 40px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.meal-modal .modal-header[b-24gt1chail] {
    flex-shrink: 0;
}

.meal-modal-scroll[b-24gt1chail] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 8px;
}

.meal-modal .modal-actions[b-24gt1chail] {
    flex-shrink: 0;
    background: white;
}

.inventory-form-section .auth-field:last-child[b-24gt1chail] {
        margin-bottom: 0;
    }

.inventory-modal .modal-actions[b-24gt1chail] {
    position: sticky;
    bottom: 0;
    background: white;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #e5e7eb;
}

.modal-actions[b-24gt1chail] {
    flex-shrink: 0;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.modal-backdrop[b-24gt1chail] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(6px);
    display: grid;
    place-items: center;
    padding: 20px;
}

@media (max-width: 900px) {
    .app-layout[b-24gt1chail] {
        display: block;
        min-height: 100vh;
    }

    .mobile-topbar[b-24gt1chail] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1200;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(18px);
        border-bottom: 1px solid var(--line);
    }

        .mobile-topbar .logo[b-24gt1chail] {
            width: 34px;
            height: 34px;
            font-size: 18px;
            border-radius: 12px;
        }

        .mobile-topbar .brand-title[b-24gt1chail] {
            font-size: 18px;
        }

        .mobile-topbar .brand-subtitle[b-24gt1chail] {
            display: none;
        }

    .mobile-menu-button[b-24gt1chail] {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 21px;
    }

    .app-main[b-24gt1chail] {
        padding: 56px 0 0;
    }

    .admin-content[b-24gt1chail] {
        padding: 12px;
    }

    .admin-header[b-24gt1chail] {
        margin-bottom: 14px;
    }

        .admin-header h1[b-24gt1chail] {
            font-size: 26px;
        }

        .admin-header p[b-24gt1chail] {
            font-size: 14px;
        }

    .app-sidebar[b-24gt1chail] {
        position: fixed;
        z-index: 1300;
        top: 0;
        left: 0;
        width: min(84vw, 330px);
        height: 100dvh;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 24px 0 60px rgba(15, 23, 42, .18);
    }

    .mobile-nav-open .app-sidebar[b-24gt1chail] {
        transform: translateX(0);
    }

    .mobile-nav-backdrop[b-24gt1chail] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1250;
        border: 0;
        background: rgba(15, 23, 42, .38);
    }

    .nav a[b-24gt1chail] {
        min-height: 48px;
        font-size: 16px;
    }
}

@media (max-width: 900px) {
    .calendar-page[b-24gt1chail] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-24gt1chail] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-24gt1chail] {
            font-size: 28px;
        }

        .calendar-header p[b-24gt1chail] {
            font-size: 14px;
        }

        .calendar-add-button[b-24gt1chail],
        .calendar-header .approve-button[b-24gt1chail] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-24gt1chail] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-24gt1chail] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-24gt1chail] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-24gt1chail],
    .calendar-side-card[b-24gt1chail] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-24gt1chail] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-24gt1chail],
        .calendar-side-card h2[b-24gt1chail] {
            font-size: 22px;
        }

    .calendar-nav[b-24gt1chail] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-24gt1chail] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-24gt1chail] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-24gt1chail] {
        display: none;
    }

    .month-grid[b-24gt1chail],
    .calendar-grid[b-24gt1chail] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-24gt1chail] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-24gt1chail] {
            margin-bottom: 6px;
        }

    .other-month[b-24gt1chail] {
        display: none;
    }

    .calendar-event[b-24gt1chail] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-24gt1chail] {
        max-height: none;
    }

    .calendar-event-list[b-24gt1chail] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-24gt1chail] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-24gt1chail] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-24gt1chail] {
        align-items: flex-start;
    }

        .modal-header h2[b-24gt1chail] {
            font-size: 22px;
        }

    .modal-actions[b-24gt1chail] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-24gt1chail] {
            width: 100%;
        }
}

.unknown-field .auth-input[b-24gt1chail],
.unknown-field input[b-24gt1chail] {
    width: 100%;
    min-width: 0;
}

.store-article-table-row .auth-input[b-24gt1chail] {
    width: 100%;
    min-width: 0;
    padding: 12px;
}

@media (max-width: 800px) {
    .admin-page[b-24gt1chail] {
        padding: 16px;
    }

    .page-header[b-24gt1chail] {
        flex-direction: column;
    }

    .form-row[b-24gt1chail] {
        grid-template-columns: 1fr;
    }

    .page-header .approve-button[b-24gt1chail] {
        width: 100%;
    }
}

.admin-card[b-24gt1chail] {
    border-radius: 28px;
}

.page-header .approve-button[b-24gt1chail] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-24gt1chail] {
        padding: 16px;
    }

    .page-header[b-24gt1chail] {
        flex-direction: column;
    }

        .page-header .approve-button[b-24gt1chail] {
            width: 100%;
        }

    .form-row[b-24gt1chail] {
        grid-template-columns: 1fr;
    }

        .form-row label:nth-child(2)[b-24gt1chail] {
            grid-column: auto;
            order: unset;
        }
}

.translation-header .approve-button[b-24gt1chail] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .translation-card[b-24gt1chail] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-24gt1chail] {
        flex-direction: column;
    }

        .translation-header h1[b-24gt1chail] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-24gt1chail] {
            width: 100%;
        }

    .translation-toolbar[b-24gt1chail] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .family-page[b-24gt1chail] {
        padding: 14px;
    }

    .family-panel[b-24gt1chail] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-24gt1chail] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-24gt1chail] {
            width: 100%;
        }
}

.meal-operation-message[b-24gt1chail],
.global-meal-notice[b-24gt1chail] {
    margin: 0 0 16px;
    padding: 12px 16px;
    border: 1px solid #bfdbfe;
    border-radius: 16px;
    background: #eff6ff;
    color: #1e3a8a;
    font-weight: 750;
}

.global-meal-chip[b-24gt1chail] {
    margin-left: 8px;
    background: #ede9fe;
    color: #6d28d9;
}

.meal-readonly-fieldset[b-24gt1chail] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.meal-readonly-fieldset:disabled[b-24gt1chail] {
    opacity: .78;
}

.global-convert-button[b-24gt1chail] {
    background: #ede9fe;
    color: #5b21b6;
}

@media (max-width: 700px) {
    .meal-modal[b-24gt1chail] {
        width: 100%;
        max-height: 94dvh;
    }

    .meal-ingredient-row[b-24gt1chail] {
        grid-template-columns: 1fr;
    }
}

.meal-general-grid[b-24gt1chail] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(150px, .7fr) minmax(150px, .7fr);
    gap: 14px;
}

.meal-instruction-list[b-24gt1chail] {
    margin: 18px 0;
    padding: 18px;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #f8fafc;
}

.meal-instruction-list-header[b-24gt1chail] {
    display: flex;
    align-items: end;
    gap: 14px;
}

.meal-instruction-list-header .auth-field[b-24gt1chail] {
    flex: 1;
}

.meal-section-remove[b-24gt1chail] {
    margin-bottom: 16px;
}

.meal-instructions-input[b-24gt1chail] {
    min-height: 110px;
    resize: vertical;
}

.meal-instruction-list h4[b-24gt1chail] {
    margin: 4px 0 12px;
    color: #334155;
}

.meal-add-list-button[b-24gt1chail] {
    margin-top: 6px;
}

.meal-operation-message[b-24gt1chail],
.global-meal-notice[b-24gt1chail] {
    margin: 12px 0;
    padding: 12px 14px;
    border-radius: 14px;
    background: #eef2ff;
    color: #3730a3;
    font-weight: 750;
}

.meal-readonly-fieldset[b-24gt1chail] {
    min-width: 0;
    padding: 0;
    border: 0;
}

@media (max-width: 900px) {
    .meal-general-grid[b-24gt1chail] {
        grid-template-columns: 1fr;
    }

    .meal-instruction-list-header[b-24gt1chail] {
        align-items: stretch;
        flex-direction: column;
    }

    .meal-section-remove[b-24gt1chail] {
        align-self: flex-start;
        margin-bottom: 12px;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
.consordo-public-page[b-ld7bms4not] {
    width: min(1180px, calc(100% - 36px));
    margin: 0 auto;
    padding: 34px 0 70px;
}

.consordo-public-hero[b-ld7bms4not] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
    align-items: center;
    gap: clamp(34px, 6vw, 78px);
    min-height: 610px;
    padding: clamp(34px, 6vw, 70px);
    border-radius: 32px;
    color: #fff;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    box-shadow: 0 24px 60px rgba(104, 66, 244, .26);
}

.consordo-eyebrow[b-ld7bms4not] {
    display: inline-block;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.consordo-product-heading[b-ld7bms4not] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px 14px;
}

.consordo-product-name[b-ld7bms4not] {
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 950;
    line-height: 1;
    letter-spacing: -.035em;
}

.consordo-product-description[b-ld7bms4not] {
    color: rgba(255, 255, 255, .82);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.consordo-public-hero .consordo-eyebrow[b-ld7bms4not],
.consordo-public-cta .consordo-eyebrow[b-ld7bms4not] {
    color: rgba(255, 255, 255, .82);
}

.consordo-public-hero h1[b-ld7bms4not] {
    max-width: 720px;
    margin: 14px 0 18px;
    font-size: clamp(42px, 6vw, 70px);
    line-height: .98;
    letter-spacing: -.045em;
}

.consordo-public-hero > div:first-child > p[b-ld7bms4not] {
    max-width: 680px;
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-size: clamp(17px, 2vw, 21px);
    line-height: 1.65;
}

.consordo-action-row[b-ld7bms4not],
.consordo-link-row[b-ld7bms4not] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.consordo-action-row[b-ld7bms4not] {
    margin-top: 26px;
}

.consordo-primary-action[b-ld7bms4not],
.consordo-secondary-action[b-ld7bms4not] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 12px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}

.consordo-primary-action[b-ld7bms4not] {
    color: #4f32d5;
    background: #fff;
    box-shadow: 0 12px 28px rgba(34, 24, 82, .16);
}

.consordo-secondary-action[b-ld7bms4not] {
    border: 1px solid rgba(255, 255, 255, .32);
    color: #fff;
    background: rgba(255, 255, 255, .12);
}

.consordo-dashboard-preview[b-ld7bms4not] {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 28px;
    background: rgba(255, 255, 255, .13);
    backdrop-filter: blur(10px);
}

.consordo-preview-wide[b-ld7bms4not],
.consordo-preview-grid article[b-ld7bms4not] {
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 20px;
    background: rgba(255, 255, 255, .92);
    color: #16213e;
}

.consordo-preview-wide[b-ld7bms4not] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
}

.consordo-preview-wide > span[b-ld7bms4not],
.consordo-preview-grid article > span[b-ld7bms4not] {
    font-size: 27px;
}

.consordo-preview-wide div[b-ld7bms4not] {
    display: grid;
    gap: 3px;
}

.consordo-preview-wide small[b-ld7bms4not],
.consordo-preview-grid small[b-ld7bms4not] {
    color: #718096;
    font-weight: 750;
}

.consordo-preview-wide p[b-ld7bms4not] {
    margin: 2px 0 0;
    color: #64748b;
    font-size: 13px;
}

.consordo-preview-grid[b-ld7bms4not] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
}

.consordo-preview-grid article[b-ld7bms4not] {
    display: grid;
    gap: 5px;
    min-height: 125px;
    padding: 17px;
}

.consordo-public-section[b-ld7bms4not] {
    padding: 90px 0 25px;
}

.consordo-section-header[b-ld7bms4not] {
    max-width: 760px;
    margin-bottom: 28px;
}

.consordo-section-header .consordo-eyebrow[b-ld7bms4not],
.consordo-integration-card .consordo-eyebrow[b-ld7bms4not] {
    color: var(--primary);
}

.consordo-section-header h2[b-ld7bms4not],
.consordo-integration-card h2[b-ld7bms4not],
.consordo-public-cta h2[b-ld7bms4not] {
    margin: 8px 0 12px;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.05;
    letter-spacing: -.035em;
}

.consordo-section-header p[b-ld7bms4not],
.consordo-integration-card p[b-ld7bms4not] {
    margin: 0;
    color: #64748b;
    font-size: 17px;
    line-height: 1.7;
}

.consordo-feature-grid[b-ld7bms4not] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.consordo-public-card[b-ld7bms4not] {
    display: block;
    min-height: 225px;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(255, 255, 255, .90);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.consordo-card-icon[b-ld7bms4not] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: #efeaff;
    font-size: 24px;
}

.consordo-public-card h3[b-ld7bms4not] {
    margin: 20px 0 9px;
    font-size: 20px;
}

.consordo-public-card p[b-ld7bms4not] {
    margin: 0 0 16px;
    color: #64748b;
    line-height: 1.65;
}

.consordo-public-card > a[b-ld7bms4not],
.consordo-public-card > strong[b-ld7bms4not] {
    color: var(--primary);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.consordo-integration-card[b-ld7bms4not] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 22px;
    margin: 70px 0 10px;
    padding: clamp(26px, 5vw, 48px);
    border: 1px solid #d9e4f7;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(235, 243, 255, .95), rgba(255, 255, 255, .94));
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.consordo-google-icon[b-ld7bms4not] {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border: 1px solid #d9e4f7;
    border-radius: 18px;
    color: #4285f4;
    background: #fff;
    font-size: 29px;
    font-weight: 950;
}

.consordo-link-row[b-ld7bms4not] {
    margin-top: 20px;
}

.consordo-link-row a[b-ld7bms4not] {
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: #4f32d5;
    background: #fff;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

.consordo-trust-grid[b-ld7bms4not] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.consordo-link-card[b-ld7bms4not] {
    min-height: 260px;
    color: inherit;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease;
}

.consordo-link-card:hover[b-ld7bms4not] {
    transform: translateY(-3px);
    box-shadow: 0 24px 54px rgba(24, 36, 68, .12);
}

.consordo-public-cta[b-ld7bms4not] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 70px;
    padding: clamp(28px, 5vw, 50px);
    border-radius: 28px;
    color: #fff;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    box-shadow: 0 22px 55px rgba(104, 66, 244, .24);
}

.consordo-public-cta > div:first-child[b-ld7bms4not] {
    max-width: 720px;
}

.consordo-public-cta h2[b-ld7bms4not] {
    margin-bottom: 0;
}

@media (max-width: 980px) {
    .consordo-public-hero[b-ld7bms4not] {
        grid-template-columns: 1fr;
    }

    .consordo-feature-grid[b-ld7bms4not] {
        grid-template-columns: 1fr 1fr;
    }

    .consordo-trust-grid[b-ld7bms4not] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 650px) {
    .consordo-public-page[b-ld7bms4not] {
        width: min(100% - 24px, 1180px);
        padding-top: 14px;
    }

    .consordo-public-hero[b-ld7bms4not] {
        min-height: auto;
        padding: 25px;
        border-radius: 24px;
    }

    .consordo-public-hero h1[b-ld7bms4not] {
        font-size: 39px;
    }

    .consordo-preview-grid[b-ld7bms4not],
    .consordo-feature-grid[b-ld7bms4not],
    .consordo-trust-grid[b-ld7bms4not],
    .consordo-integration-card[b-ld7bms4not] {
        grid-template-columns: 1fr;
    }

    .consordo-primary-action[b-ld7bms4not],
    .consordo-secondary-action[b-ld7bms4not] {
        width: 100%;
    }

    .consordo-public-section[b-ld7bms4not] {
        padding-top: 65px;
    }

    .consordo-public-cta[b-ld7bms4not] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/DataDeletion.razor.rz.scp.css */
.simple-public-page[b-yfhq1j60zt] {
    width: min(1050px, calc(100% - 36px));
    margin: 0 auto;
    padding: 34px 0 70px;
}

.simple-public-hero[b-yfhq1j60zt] {
    padding: clamp(30px, 5vw, 52px);
    border-radius: 30px;
    color: #fff;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    box-shadow: 0 22px 55px rgba(104, 66, 244, .24);
}

.simple-public-hero.danger-accent[b-yfhq1j60zt] {
    background: linear-gradient(135deg, #7c3aed, #db2777);
}

.simple-public-hero.support-accent[b-yfhq1j60zt] {
    background: linear-gradient(135deg, #6842f4, #2f80ed);
}

.simple-public-hero > span[b-yfhq1j60zt] {
    color: rgba(255, 255, 255, .82);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.simple-public-hero h1[b-yfhq1j60zt] {
    max-width: 800px;
    margin: 12px 0 15px;
    font-size: clamp(38px, 5.4vw, 60px);
    line-height: 1;
    letter-spacing: -.04em;
}

.simple-public-hero p[b-yfhq1j60zt] {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-size: 18px;
    line-height: 1.65;
}

.simple-meta[b-yfhq1j60zt] {
    margin-top: 20px;
    color: rgba(255, 255, 255, .84);
    font-size: 13px;
}

.simple-hero-links[b-yfhq1j60zt],
.simple-link-row[b-yfhq1j60zt] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 22px;
}

.simple-hero-links a[b-yfhq1j60zt] {
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, .30);
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.simple-public-grid[b-yfhq1j60zt],
.deletion-choice-grid[b-yfhq1j60zt],
.support-link-grid[b-yfhq1j60zt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 20px;
}

.simple-public-card[b-yfhq1j60zt] {
    padding: clamp(23px, 4vw, 34px);
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.simple-public-card h2[b-yfhq1j60zt] {
    margin: 0 0 13px;
    font-size: clamp(22px, 3vw, 29px);
    letter-spacing: -.02em;
}

.simple-public-card p[b-yfhq1j60zt],
.simple-public-card li[b-yfhq1j60zt] {
    color: #58657b;
    line-height: 1.7;
}

.simple-public-card a[b-yfhq1j60zt] {
    color: #4f32d5;
    font-weight: 850;
    text-underline-offset: 3px;
}

.simple-public-card ul[b-yfhq1j60zt],
.simple-public-card ol[b-yfhq1j60zt] {
    display: grid;
    gap: 8px;
    padding-left: 23px;
}

.simple-card-icon[b-yfhq1j60zt] {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    margin-bottom: 18px;
    border-radius: 16px;
    background: #efeaff;
    font-size: 25px;
}

.simple-primary-link[b-yfhq1j60zt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 11px 16px;
    border-radius: 999px;
    color: #fff !important;
    background: linear-gradient(135deg, var(--primary), var(--primary2));
    box-shadow: 0 10px 24px rgba(104, 66, 244, .20);
    text-decoration: none;
}

.simple-note[b-yfhq1j60zt] {
    margin-top: 16px !important;
    padding: 14px;
    border-radius: 15px;
    background: #f8fafc;
    font-size: 13px;
}

.deletion-details-card[b-yfhq1j60zt],
.support-contact-card[b-yfhq1j60zt],
.simple-link-directory[b-yfhq1j60zt],
.simple-public-page > .simple-public-card[b-yfhq1j60zt] {
    margin-top: 20px;
}

.deletion-detail-grid[b-yfhq1j60zt],
.support-faq-grid[b-yfhq1j60zt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    margin-top: 18px;
}

.deletion-detail-grid > div[b-yfhq1j60zt],
.support-faq-grid details[b-yfhq1j60zt] {
    padding: 17px;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: #f8faff;
}

.deletion-detail-grid p[b-yfhq1j60zt] {
    margin-bottom: 0;
}

.simple-link-row a[b-yfhq1j60zt] {
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    font-size: 13px;
    text-decoration: none;
}

.support-link-card[b-yfhq1j60zt] {
    min-height: 245px;
    color: inherit;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease;
}

.support-link-card:hover[b-yfhq1j60zt] {
    transform: translateY(-3px);
    box-shadow: 0 24px 54px rgba(24, 36, 68, .12);
}

.support-link-card > span[b-yfhq1j60zt] {
    font-size: 28px;
}

.support-link-card strong[b-yfhq1j60zt] {
    color: var(--primary);
    font-size: 13px;
}

.support-faq-grid details summary[b-yfhq1j60zt] {
    cursor: pointer;
    color: #16213e;
    font-weight: 900;
}

.support-faq-grid details p[b-yfhq1j60zt] {
    margin-bottom: 0;
}

.support-contact-card[b-yfhq1j60zt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.support-contact-card > div[b-yfhq1j60zt] {
    max-width: 690px;
}

.simple-link-directory[b-yfhq1j60zt] {
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(255, 255, 255, .72);
}

.simple-link-directory h2[b-yfhq1j60zt] {
    margin-top: 0;
}

.simple-link-directory > div[b-yfhq1j60zt] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.simple-link-directory a[b-yfhq1j60zt] {
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: #4f32d5;
    background: #fff;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

@media (max-width: 760px) {
    .simple-public-page[b-yfhq1j60zt] {
        width: min(100% - 24px, 1050px);
        padding-top: 14px;
    }

    .simple-public-hero[b-yfhq1j60zt] {
        padding: 24px;
        border-radius: 24px;
    }

    .simple-public-hero h1[b-yfhq1j60zt] {
        font-size: 38px;
    }

    .simple-public-grid[b-yfhq1j60zt],
    .deletion-choice-grid[b-yfhq1j60zt],
    .support-link-grid[b-yfhq1j60zt],
    .deletion-detail-grid[b-yfhq1j60zt],
    .support-faq-grid[b-yfhq1j60zt] {
        grid-template-columns: 1fr;
    }

    .support-contact-card[b-yfhq1j60zt] {
        align-items: stretch;
        flex-direction: column;
    }

    .simple-primary-link[b-yfhq1j60zt] {
        width: 100%;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.account-content-card .validation-message[b-ou4uhe67lj],
.account-content-card .text-danger[b-ou4uhe67lj] {
    margin-top: 6px;
    color: #dc2626;
    font-size: 13px;
    font-weight: 750;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.approve-button[b-9gwqhsdshp] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-9gwqhsdshp] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.admin-card[b-9gwqhsdshp] {
    background: white;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.secondary-button[b-9gwqhsdshp],
.approve-button[b-9gwqhsdshp],
.danger-button[b-9gwqhsdshp] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.secondary-button[b-9gwqhsdshp] {
    background: #e5e7eb;
    color: #111827;
}

.approve-button[b-9gwqhsdshp] {
    background: #16a34a;
    color: white;
}

@media (max-width: 900px) {
    .calendar-page[b-9gwqhsdshp] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-9gwqhsdshp] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-9gwqhsdshp] {
            font-size: 28px;
        }

        .calendar-header p[b-9gwqhsdshp] {
            font-size: 14px;
        }

        .calendar-add-button[b-9gwqhsdshp],
        .calendar-header .approve-button[b-9gwqhsdshp] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-9gwqhsdshp] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-9gwqhsdshp] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-9gwqhsdshp] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-9gwqhsdshp],
    .calendar-side-card[b-9gwqhsdshp] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-9gwqhsdshp] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-9gwqhsdshp],
        .calendar-side-card h2[b-9gwqhsdshp] {
            font-size: 22px;
        }

    .calendar-nav[b-9gwqhsdshp] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-9gwqhsdshp] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-9gwqhsdshp] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-9gwqhsdshp] {
        display: none;
    }

    .month-grid[b-9gwqhsdshp],
    .calendar-grid[b-9gwqhsdshp] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-9gwqhsdshp] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-9gwqhsdshp] {
            margin-bottom: 6px;
        }

    .other-month[b-9gwqhsdshp] {
        display: none;
    }

    .calendar-event[b-9gwqhsdshp] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-9gwqhsdshp] {
        max-height: none;
    }

    .calendar-event-list[b-9gwqhsdshp] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-9gwqhsdshp] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-9gwqhsdshp] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-9gwqhsdshp] {
        align-items: flex-start;
    }

        .modal-header h2[b-9gwqhsdshp] {
            font-size: 22px;
        }

    .modal-actions[b-9gwqhsdshp] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-9gwqhsdshp] {
            width: 100%;
        }
}

.home-page[b-9gwqhsdshp] {
    padding: 34px;
}

.home-hero[b-9gwqhsdshp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-bottom: 24px;
    padding: 30px;
    border-radius: 30px;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    color: white;
    box-shadow: 0 22px 55px rgba(104,66,244,.25);
}

.home-hero h1[b-9gwqhsdshp] {
        margin: 0;
        font-size: 42px;
        font-weight: 950;
    }

.home-hero p[b-9gwqhsdshp] {
        margin: 8px 0 0;
        opacity: .9;
    }

.home-eyebrow[b-9gwqhsdshp] {
    font-weight: 900;
    opacity: .8;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.home-stats[b-9gwqhsdshp] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 18px;
}

.home-stat-card[b-9gwqhsdshp] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    background: white;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 14px 35px rgba(24,36,68,.07);
}

.home-stat-card span[b-9gwqhsdshp] {
        width: 54px;
        height: 54px;
        display: grid;
        place-items: center;
        border-radius: 18px;
        background: #f3f0ff;
        font-size: 28px;
    }

.home-stat-card strong[b-9gwqhsdshp] {
        display: block;
        font-size: 30px;
        line-height: 1;
    }

.home-stat-card p[b-9gwqhsdshp] {
        margin: 4px 0 0;
        color: #64748b;
        font-weight: 800;
    }

.home-grid[b-9gwqhsdshp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.home-panel-header[b-9gwqhsdshp] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 14px;
    margin-bottom: 14px;
}

.home-panel-header h2[b-9gwqhsdshp] {
        margin: 0;
        font-size: 24px;
        font-weight: 950;
    }

.home-panel-header p[b-9gwqhsdshp] {
        margin: 4px 0 0;
        color: #64748b;
    }

.home-list-item[b-9gwqhsdshp] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 0;
    border-bottom: 1px solid #eef2f7;
}

.home-list-item:last-child[b-9gwqhsdshp] {
        border-bottom: none;
    }

.home-list-icon[b-9gwqhsdshp] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #f8fafc;
    font-size: 23px;
    flex: 0 0 auto;
}

.home-list-item strong[b-9gwqhsdshp] {
    display: block;
}

.home-list-item p[b-9gwqhsdshp] {
    margin: 4px 0 0;
    color: #64748b;
}

.home-empty[b-9gwqhsdshp] {
    padding: 18px;
    border-radius: 18px;
    background: #f8fafc;
    color: #64748b;
    font-weight: 800;
}

@media (max-width: 1050px) {
    .home-stats[b-9gwqhsdshp],
    .home-grid[b-9gwqhsdshp] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .home-page[b-9gwqhsdshp] {
        padding: 18px;
    }

    .home-hero[b-9gwqhsdshp] {
        align-items: stretch;
        flex-direction: column;
    }

        .home-hero h1[b-9gwqhsdshp] {
            font-size: 34px;
        }

    .home-stats[b-9gwqhsdshp],
    .home-grid[b-9gwqhsdshp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .admin-page[b-9gwqhsdshp] {
        padding: 16px;
    }

    .page-header[b-9gwqhsdshp] {
        flex-direction: column;
    }

    .form-row[b-9gwqhsdshp] {
        grid-template-columns: 1fr;
    }

    .page-header .approve-button[b-9gwqhsdshp] {
        width: 100%;
    }
}

.admin-card[b-9gwqhsdshp] {
    border-radius: 28px;
}

.page-header .approve-button[b-9gwqhsdshp] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-9gwqhsdshp] {
        padding: 16px;
    }

    .page-header[b-9gwqhsdshp] {
        flex-direction: column;
    }

        .page-header .approve-button[b-9gwqhsdshp] {
            width: 100%;
        }

    .form-row[b-9gwqhsdshp] {
        grid-template-columns: 1fr;
    }

        .form-row label:nth-child(2)[b-9gwqhsdshp] {
            grid-column: auto;
            order: unset;
        }
}

.translation-header .approve-button[b-9gwqhsdshp] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .translation-card[b-9gwqhsdshp] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-9gwqhsdshp] {
        flex-direction: column;
    }

        .translation-header h1[b-9gwqhsdshp] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-9gwqhsdshp] {
            width: 100%;
        }

    .translation-toolbar[b-9gwqhsdshp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .family-page[b-9gwqhsdshp] {
        padding: 14px;
    }

    .family-panel[b-9gwqhsdshp] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-9gwqhsdshp] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-9gwqhsdshp] {
            width: 100%;
        }
}

.home-confirm-tasks[b-9gwqhsdshp] {
    margin-bottom: 18px;
}

.home-confirm-grid[b-9gwqhsdshp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
}

.home-confirm-child[b-9gwqhsdshp] {
    padding: 16px;
    border: 1px solid #e6eaf2;
    border-radius: 20px;
    background: #f8fafc;
}

.home-confirm-child header[b-9gwqhsdshp] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.home-confirm-child header span[b-9gwqhsdshp] {
    color: #64748b;
    font-size: 13px;
    font-weight: 800;
}

.home-confirm-row[b-9gwqhsdshp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-top: 1px solid #e2e8f0;
}

.home-confirm-row .approve-button[b-9gwqhsdshp] {
    flex: 0 0 auto;
}

.home-confirm-message[b-9gwqhsdshp] {
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #ecfdf5;
    color: #166534;
    font-weight: 800;
}

@media (max-width: 700px) {
    .home-confirm-row[b-9gwqhsdshp] {
        align-items: stretch;
        flex-direction: column;
    }

    .home-confirm-row .approve-button[b-9gwqhsdshp] {
        width: 100%;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
/* /Components/Pages/Privacy.razor.rz.scp.css */
.legal-page-shell[b-7avn3w8c9s] {
    width: min(1180px, calc(100% - 36px));
    margin: 0 auto;
    padding: 34px 0 70px;
}

.legal-page-hero[b-7avn3w8c9s] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    padding: clamp(30px, 5vw, 52px);
    border-radius: 30px;
    color: #fff;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    box-shadow: 0 22px 55px rgba(104, 66, 244, .24);
}

.legal-eyebrow[b-7avn3w8c9s] {
    display: inline-block;
    color: var(--primary);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.legal-page-hero .legal-eyebrow[b-7avn3w8c9s] {
    color: rgba(255, 255, 255, .82);
}

.legal-page-hero h1[b-7avn3w8c9s] {
    max-width: 790px;
    margin: 12px 0 15px;
    font-size: clamp(38px, 5.3vw, 62px);
    line-height: 1;
    letter-spacing: -.045em;
}

.legal-page-hero p[b-7avn3w8c9s] {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-size: 18px;
    line-height: 1.65;
}

.legal-page-meta[b-7avn3w8c9s] {
    flex: 0 0 auto;
    display: grid;
    gap: 8px;
    min-width: 220px;
    padding: 17px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 18px;
    background: rgba(255, 255, 255, .12);
    font-size: 13px;
}

.legal-page-meta a[b-7avn3w8c9s] {
    margin-top: 6px;
    color: #fff;
    font-weight: 900;
}

.legal-page-layout[b-7avn3w8c9s] {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 22px;
    margin-top: 22px;
}

.legal-table-of-contents[b-7avn3w8c9s] {
    position: sticky;
    top: 100px;
    align-self: start;
    display: grid;
    gap: 4px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(255, 255, 255, .90);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .07);
}

.legal-table-of-contents strong[b-7avn3w8c9s] {
    margin: 0 8px 8px;
    font-size: 13px;
    font-weight: 950;
}

.legal-table-of-contents a[b-7avn3w8c9s] {
    padding: 9px 10px;
    border-radius: 12px;
    color: #64748b;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.legal-table-of-contents a:hover[b-7avn3w8c9s] {
    color: #4f32d5;
    background: #efeaff;
}

.legal-page-content[b-7avn3w8c9s] {
    min-width: 0;
}

.legal-summary-grid[b-7avn3w8c9s] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.legal-summary-grid article[b-7avn3w8c9s],
.legal-card[b-7avn3w8c9s] {
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .07);
}

.legal-summary-grid article[b-7avn3w8c9s] {
    padding: 18px;
}

.legal-summary-grid span[b-7avn3w8c9s] {
    display: block;
    margin-bottom: 10px;
    font-size: 23px;
}

.legal-summary-grid strong[b-7avn3w8c9s] {
    font-size: 14px;
}

.legal-summary-grid p[b-7avn3w8c9s] {
    margin: 7px 0 0;
    color: #718096;
    font-size: 13px;
    line-height: 1.55;
}

.legal-card[b-7avn3w8c9s] {
    scroll-margin-top: 100px;
    margin-bottom: 18px;
    padding: clamp(24px, 4vw, 38px);
}

.legal-card h2[b-7avn3w8c9s] {
    margin: 0 0 16px;
    font-size: clamp(25px, 3vw, 34px);
    letter-spacing: -.025em;
}

.legal-card h3[b-7avn3w8c9s] {
    margin: 25px 0 8px;
    font-size: 18px;
}

.legal-card p[b-7avn3w8c9s],
.legal-card li[b-7avn3w8c9s] {
    color: #58657b;
    line-height: 1.75;
}

.legal-card p[b-7avn3w8c9s] {
    margin: 0 0 13px;
}

.legal-card ul[b-7avn3w8c9s],
.legal-card ol[b-7avn3w8c9s] {
    display: grid;
    gap: 8px;
    padding-left: 23px;
}

.legal-card a[b-7avn3w8c9s] {
    color: #4f32d5;
    font-weight: 800;
    text-underline-offset: 3px;
}

.google-disclosure-card[b-7avn3w8c9s] {
    border-color: #d7e5ff;
    background: linear-gradient(135deg, rgba(239, 246, 255, .95), rgba(255, 255, 255, .95) 40%);
}

.google-disclosure-header[b-7avn3w8c9s] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
}

.google-disclosure-header h2[b-7avn3w8c9s] {
    margin: 4px 0 0;
}

.google-disclosure-icon[b-7avn3w8c9s] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    flex: 0 0 auto;
    border: 1px solid #d7e5ff;
    border-radius: 17px;
    color: #4285f4;
    background: #fff;
    font-size: 27px;
    font-weight: 950;
}

.legal-table-scroll[b-7avn3w8c9s] {
    overflow-x: auto;
    margin: 15px 0 20px;
    border: 1px solid var(--line);
    border-radius: 17px;
}

.legal-table-scroll table[b-7avn3w8c9s] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
    background: #fff;
}

.legal-table-scroll th[b-7avn3w8c9s],
.legal-table-scroll td[b-7avn3w8c9s] {
    padding: 14px 15px;
    border-bottom: 1px solid var(--line);
    color: #58657b;
    text-align: left;
    vertical-align: top;
}

.legal-table-scroll th[b-7avn3w8c9s] {
    color: #16213e;
    font-size: 13px;
    font-weight: 950;
    background: #f8faff;
}

.legal-table-scroll tr:last-child td[b-7avn3w8c9s] {
    border-bottom: 0;
}

.legal-table-scroll code[b-7avn3w8c9s] {
    padding: 3px 6px;
    border-radius: 7px;
    color: #334155;
    background: #f1f5f9;
    font-size: 12px;
}

.legal-highlight-box[b-7avn3w8c9s] {
    margin: 23px 0;
    padding: 21px;
    border: 1px solid #d7e5ff;
    border-radius: 19px;
    background: #f7faff;
}

.legal-highlight-box h3[b-7avn3w8c9s] {
    margin-top: 0;
}

.legal-link-panel[b-7avn3w8c9s] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 17px;
}

.legal-link-panel a[b-7avn3w8c9s] {
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    font-size: 13px;
    text-decoration: none;
}

@media (max-width: 1050px) {
    .legal-summary-grid[b-7avn3w8c9s] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 850px) {
    .legal-page-hero[b-7avn3w8c9s] {
        align-items: stretch;
        flex-direction: column;
    }

    .legal-page-meta[b-7avn3w8c9s] {
        min-width: 0;
    }

    .legal-page-layout[b-7avn3w8c9s] {
        grid-template-columns: 1fr;
    }

    .legal-table-of-contents[b-7avn3w8c9s] {
        display: none;
    }
}

@media (max-width: 600px) {
    .legal-page-shell[b-7avn3w8c9s] {
        width: min(100% - 24px, 1180px);
        padding-top: 14px;
    }

    .legal-page-hero[b-7avn3w8c9s] {
        padding: 24px;
        border-radius: 24px;
    }

    .legal-page-hero h1[b-7avn3w8c9s] {
        font-size: 38px;
    }

    .legal-summary-grid[b-7avn3w8c9s] {
        grid-template-columns: 1fr;
    }

    .legal-card[b-7avn3w8c9s] {
        padding: 22px;
    }
}

/* Filled table-of-contents navigation */
.legal-table-of-contents[b-7avn3w8c9s] {
    gap: 8px;
    padding: 16px;
}

.legal-toc-heading[b-7avn3w8c9s] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 4px 5px 12px;
    border-bottom: 1px solid var(--line);
}

.legal-toc-heading-icon[b-7avn3w8c9s] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    border-radius: 13px;
    background: #efeaff;
    font-size: 18px;
}

.legal-toc-heading > span:last-child[b-7avn3w8c9s] {
    display: grid;
    min-width: 0;
}

.legal-toc-heading strong[b-7avn3w8c9s] {
    margin: 0;
    color: #16213e;
    font-size: 15px;
}

.legal-toc-heading small[b-7avn3w8c9s] {
    margin-top: 2px;
    color: #8490a5;
    font-size: 11px;
    font-weight: 700;
}

.legal-table-of-contents > a[b-7avn3w8c9s] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 15px;
    color: #475569;
    background: #f8fafc;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.legal-table-of-contents > a:hover[b-7avn3w8c9s],
.legal-table-of-contents > a:focus-visible[b-7avn3w8c9s] {
    color: #4f32d5;
    border-color: #ddd6fe;
    background: #f3f0ff;
    box-shadow: 0 9px 20px rgba(79, 50, 213, .09);
    transform: translateY(-1px);
    outline: none;
}

.legal-toc-icon[b-7avn3w8c9s] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 5px 13px rgba(24, 36, 68, .08);
    font-size: 16px;
}

.legal-toc-google[b-7avn3w8c9s] {
    color: #4285f4;
    font-weight: 950;
}

.legal-toc-copy[b-7avn3w8c9s] {
    display: grid;
    min-width: 0;
}

.legal-toc-copy strong[b-7avn3w8c9s] {
    margin: 0;
    color: #26324b;
    font-size: 12.5px;
    line-height: 1.25;
}

.legal-toc-copy small[b-7avn3w8c9s] {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: #7b879b;
    font-size: 10.5px;
    font-weight: 650;
    line-height: 1.35;
}

.legal-toc-arrow[b-7avn3w8c9s] {
    color: #a5afbf;
    font-size: 15px;
    font-weight: 900;
    transition: transform .16s ease, color .16s ease;
}

.legal-table-of-contents > a:hover .legal-toc-arrow[b-7avn3w8c9s],
.legal-table-of-contents > a:focus-visible .legal-toc-arrow[b-7avn3w8c9s] {
    color: #6842f4;
    transform: translateX(2px);
}

/* Make the destination section feel selected after an anchor jump. */
.legal-page-content > section:target[b-7avn3w8c9s] {
    border-color: #b9a9ff;
    box-shadow: 0 20px 50px rgba(104, 66, 244, .13);
}

@media (max-width: 850px) {
    .legal-table-of-contents[b-7avn3w8c9s] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 16px;
    }

    .legal-toc-heading[b-7avn3w8c9s] {
        grid-column: 1 / -1;
    }

    .legal-table-of-contents > a[b-7avn3w8c9s] {
        min-height: 68px;
    }
}

@media (max-width: 560px) {
    .legal-table-of-contents[b-7avn3w8c9s] {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 14px;
        border-radius: 20px;
    }

    .legal-table-of-contents > a[b-7avn3w8c9s] {
        min-height: 0;
        padding: 9px;
    }

    .legal-toc-copy small[b-7avn3w8c9s] {
        white-space: normal;
    }
}

@media (prefers-color-scheme: dark) {
    .legal-toc-heading strong[b-7avn3w8c9s],
    .legal-toc-copy strong[b-7avn3w8c9s] {
        color: #eef2ff;
    }

    .legal-toc-heading-icon[b-7avn3w8c9s] {
        background: #31265f;
    }

    .legal-toc-heading small[b-7avn3w8c9s],
    .legal-toc-copy small[b-7avn3w8c9s] {
        color: #a8b1c3;
    }

    .legal-table-of-contents > a[b-7avn3w8c9s] {
        color: #d4daea;
        background: #182033;
    }

    .legal-table-of-contents > a:hover[b-7avn3w8c9s],
    .legal-table-of-contents > a:focus-visible[b-7avn3w8c9s] {
        border-color: #55469a;
        background: #251d46;
    }

    .legal-toc-icon[b-7avn3w8c9s] {
        background: #202a40;
        box-shadow: none;
    }
}
/* /Components/Pages/Support.razor.rz.scp.css */
.simple-public-page[b-ej4b56a8a4] {
    width: min(1050px, calc(100% - 36px));
    margin: 0 auto;
    padding: 34px 0 70px;
}

.simple-public-hero[b-ej4b56a8a4] {
    padding: clamp(30px, 5vw, 52px);
    border-radius: 30px;
    color: #fff;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    box-shadow: 0 22px 55px rgba(104, 66, 244, .24);
}

.simple-public-hero.danger-accent[b-ej4b56a8a4] {
    background: linear-gradient(135deg, #7c3aed, #db2777);
}

.simple-public-hero.support-accent[b-ej4b56a8a4] {
    background: linear-gradient(135deg, #6842f4, #2f80ed);
}

.simple-public-hero > span[b-ej4b56a8a4] {
    color: rgba(255, 255, 255, .82);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.simple-public-hero h1[b-ej4b56a8a4] {
    max-width: 800px;
    margin: 12px 0 15px;
    font-size: clamp(38px, 5.4vw, 60px);
    line-height: 1;
    letter-spacing: -.04em;
}

.simple-public-hero p[b-ej4b56a8a4] {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-size: 18px;
    line-height: 1.65;
}

.simple-meta[b-ej4b56a8a4] {
    margin-top: 20px;
    color: rgba(255, 255, 255, .84);
    font-size: 13px;
}

.simple-hero-links[b-ej4b56a8a4],
.simple-link-row[b-ej4b56a8a4] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 22px;
}

.simple-hero-links a[b-ej4b56a8a4] {
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, .30);
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.simple-public-grid[b-ej4b56a8a4],
.deletion-choice-grid[b-ej4b56a8a4],
.support-link-grid[b-ej4b56a8a4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 20px;
}

.simple-public-card[b-ej4b56a8a4] {
    padding: clamp(23px, 4vw, 34px);
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.simple-public-card h2[b-ej4b56a8a4] {
    margin: 0 0 13px;
    font-size: clamp(22px, 3vw, 29px);
    letter-spacing: -.02em;
}

.simple-public-card p[b-ej4b56a8a4],
.simple-public-card li[b-ej4b56a8a4] {
    color: #58657b;
    line-height: 1.7;
}

.simple-public-card a[b-ej4b56a8a4] {
    color: #4f32d5;
    font-weight: 850;
    text-underline-offset: 3px;
}

.simple-public-card ul[b-ej4b56a8a4],
.simple-public-card ol[b-ej4b56a8a4] {
    display: grid;
    gap: 8px;
    padding-left: 23px;
}

.simple-card-icon[b-ej4b56a8a4] {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    margin-bottom: 18px;
    border-radius: 16px;
    background: #efeaff;
    font-size: 25px;
}

.simple-primary-link[b-ej4b56a8a4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 11px 16px;
    border-radius: 999px;
    color: #fff !important;
    background: linear-gradient(135deg, var(--primary), var(--primary2));
    box-shadow: 0 10px 24px rgba(104, 66, 244, .20);
    text-decoration: none;
}

.simple-note[b-ej4b56a8a4] {
    margin-top: 16px !important;
    padding: 14px;
    border-radius: 15px;
    background: #f8fafc;
    font-size: 13px;
}

.deletion-details-card[b-ej4b56a8a4],
.support-contact-card[b-ej4b56a8a4],
.simple-link-directory[b-ej4b56a8a4],
.simple-public-page > .simple-public-card[b-ej4b56a8a4] {
    margin-top: 20px;
}

.deletion-detail-grid[b-ej4b56a8a4],
.support-faq-grid[b-ej4b56a8a4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    margin-top: 18px;
}

.deletion-detail-grid > div[b-ej4b56a8a4],
.support-faq-grid details[b-ej4b56a8a4] {
    padding: 17px;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: #f8faff;
}

.deletion-detail-grid p[b-ej4b56a8a4] {
    margin-bottom: 0;
}

.simple-link-row a[b-ej4b56a8a4] {
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    font-size: 13px;
    text-decoration: none;
}

.support-link-card[b-ej4b56a8a4] {
    min-height: 245px;
    color: inherit;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease;
}

.support-link-card:hover[b-ej4b56a8a4] {
    transform: translateY(-3px);
    box-shadow: 0 24px 54px rgba(24, 36, 68, .12);
}

.support-link-card > span[b-ej4b56a8a4] {
    font-size: 28px;
}

.support-link-card strong[b-ej4b56a8a4] {
    color: var(--primary);
    font-size: 13px;
}

.support-faq-grid details summary[b-ej4b56a8a4] {
    cursor: pointer;
    color: #16213e;
    font-weight: 900;
}

.support-faq-grid details p[b-ej4b56a8a4] {
    margin-bottom: 0;
}

.support-contact-card[b-ej4b56a8a4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.support-contact-card > div[b-ej4b56a8a4] {
    max-width: 690px;
}

.simple-link-directory[b-ej4b56a8a4] {
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(255, 255, 255, .72);
}

.simple-link-directory h2[b-ej4b56a8a4] {
    margin-top: 0;
}

.simple-link-directory > div[b-ej4b56a8a4] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.simple-link-directory a[b-ej4b56a8a4] {
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: #4f32d5;
    background: #fff;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

@media (max-width: 760px) {
    .simple-public-page[b-ej4b56a8a4] {
        width: min(100% - 24px, 1050px);
        padding-top: 14px;
    }

    .simple-public-hero[b-ej4b56a8a4] {
        padding: 24px;
        border-radius: 24px;
    }

    .simple-public-hero h1[b-ej4b56a8a4] {
        font-size: 38px;
    }

    .simple-public-grid[b-ej4b56a8a4],
    .deletion-choice-grid[b-ej4b56a8a4],
    .support-link-grid[b-ej4b56a8a4],
    .deletion-detail-grid[b-ej4b56a8a4],
    .support-faq-grid[b-ej4b56a8a4] {
        grid-template-columns: 1fr;
    }

    .support-contact-card[b-ej4b56a8a4] {
        align-items: stretch;
        flex-direction: column;
    }

    .simple-primary-link[b-ej4b56a8a4] {
        width: 100%;
    }
}
/* /Components/Pages/Terms.razor.rz.scp.css */
.simple-public-page[b-btqr3o1wk4] {
    width: min(1050px, calc(100% - 36px));
    margin: 0 auto;
    padding: 34px 0 70px;
}

.simple-public-hero[b-btqr3o1wk4] {
    padding: clamp(30px, 5vw, 52px);
    border-radius: 30px;
    color: #fff;
    background: linear-gradient(135deg, #6842f4, #8b5cf6);
    box-shadow: 0 22px 55px rgba(104, 66, 244, .24);
}

.simple-public-hero.danger-accent[b-btqr3o1wk4] {
    background: linear-gradient(135deg, #7c3aed, #db2777);
}

.simple-public-hero.support-accent[b-btqr3o1wk4] {
    background: linear-gradient(135deg, #6842f4, #2f80ed);
}

.simple-public-hero > span[b-btqr3o1wk4] {
    color: rgba(255, 255, 255, .82);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.simple-public-hero h1[b-btqr3o1wk4] {
    max-width: 800px;
    margin: 12px 0 15px;
    font-size: clamp(38px, 5.4vw, 60px);
    line-height: 1;
    letter-spacing: -.04em;
}

.simple-public-hero p[b-btqr3o1wk4] {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-size: 18px;
    line-height: 1.65;
}

.simple-meta[b-btqr3o1wk4] {
    margin-top: 20px;
    color: rgba(255, 255, 255, .84);
    font-size: 13px;
}

.simple-hero-links[b-btqr3o1wk4],
.simple-link-row[b-btqr3o1wk4] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 22px;
}

.simple-hero-links a[b-btqr3o1wk4] {
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, .30);
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.simple-public-grid[b-btqr3o1wk4],
.deletion-choice-grid[b-btqr3o1wk4],
.support-link-grid[b-btqr3o1wk4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 20px;
}

.simple-public-card[b-btqr3o1wk4] {
    padding: clamp(23px, 4vw, 34px);
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.simple-public-card h2[b-btqr3o1wk4] {
    margin: 0 0 13px;
    font-size: clamp(22px, 3vw, 29px);
    letter-spacing: -.02em;
}

.simple-public-card p[b-btqr3o1wk4],
.simple-public-card li[b-btqr3o1wk4] {
    color: #58657b;
    line-height: 1.7;
}

.simple-public-card a[b-btqr3o1wk4] {
    color: #4f32d5;
    font-weight: 850;
    text-underline-offset: 3px;
}

.simple-public-card ul[b-btqr3o1wk4],
.simple-public-card ol[b-btqr3o1wk4] {
    display: grid;
    gap: 8px;
    padding-left: 23px;
}

.simple-card-icon[b-btqr3o1wk4] {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    margin-bottom: 18px;
    border-radius: 16px;
    background: #efeaff;
    font-size: 25px;
}

.simple-primary-link[b-btqr3o1wk4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 11px 16px;
    border-radius: 999px;
    color: #fff !important;
    background: linear-gradient(135deg, var(--primary), var(--primary2));
    box-shadow: 0 10px 24px rgba(104, 66, 244, .20);
    text-decoration: none;
}

.simple-note[b-btqr3o1wk4] {
    margin-top: 16px !important;
    padding: 14px;
    border-radius: 15px;
    background: #f8fafc;
    font-size: 13px;
}

.deletion-details-card[b-btqr3o1wk4],
.support-contact-card[b-btqr3o1wk4],
.simple-link-directory[b-btqr3o1wk4],
.simple-public-page > .simple-public-card[b-btqr3o1wk4] {
    margin-top: 20px;
}

.deletion-detail-grid[b-btqr3o1wk4],
.support-faq-grid[b-btqr3o1wk4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    margin-top: 18px;
}

.deletion-detail-grid > div[b-btqr3o1wk4],
.support-faq-grid details[b-btqr3o1wk4] {
    padding: 17px;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: #f8faff;
}

.deletion-detail-grid p[b-btqr3o1wk4] {
    margin-bottom: 0;
}

.simple-link-row a[b-btqr3o1wk4] {
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    font-size: 13px;
    text-decoration: none;
}

.support-link-card[b-btqr3o1wk4] {
    min-height: 245px;
    color: inherit;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease;
}

.support-link-card:hover[b-btqr3o1wk4] {
    transform: translateY(-3px);
    box-shadow: 0 24px 54px rgba(24, 36, 68, .12);
}

.support-link-card > span[b-btqr3o1wk4] {
    font-size: 28px;
}

.support-link-card strong[b-btqr3o1wk4] {
    color: var(--primary);
    font-size: 13px;
}

.support-faq-grid details summary[b-btqr3o1wk4] {
    cursor: pointer;
    color: #16213e;
    font-weight: 900;
}

.support-faq-grid details p[b-btqr3o1wk4] {
    margin-bottom: 0;
}

.support-contact-card[b-btqr3o1wk4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.support-contact-card > div[b-btqr3o1wk4] {
    max-width: 690px;
}

.simple-link-directory[b-btqr3o1wk4] {
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(255, 255, 255, .72);
}

.simple-link-directory h2[b-btqr3o1wk4] {
    margin-top: 0;
}

.simple-link-directory > div[b-btqr3o1wk4] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.simple-link-directory a[b-btqr3o1wk4] {
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: #4f32d5;
    background: #fff;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

@media (max-width: 760px) {
    .simple-public-page[b-btqr3o1wk4] {
        width: min(100% - 24px, 1050px);
        padding-top: 14px;
    }

    .simple-public-hero[b-btqr3o1wk4] {
        padding: 24px;
        border-radius: 24px;
    }

    .simple-public-hero h1[b-btqr3o1wk4] {
        font-size: 38px;
    }

    .simple-public-grid[b-btqr3o1wk4],
    .deletion-choice-grid[b-btqr3o1wk4],
    .support-link-grid[b-btqr3o1wk4],
    .deletion-detail-grid[b-btqr3o1wk4],
    .support-faq-grid[b-btqr3o1wk4] {
        grid-template-columns: 1fr;
    }

    .support-contact-card[b-btqr3o1wk4] {
        align-items: stretch;
        flex-direction: column;
    }

    .simple-primary-link[b-btqr3o1wk4] {
        width: 100%;
    }
}
/* /Components/Routes.razor.rz.scp.css */
/* /Components/Shared/FloatingFeedbackBubble.razor.rz.scp.css */
.floating-feedback[b-zztafda9he] {
    position: fixed;
    right: 24px;
    bottom: max(24px, env(safe-area-inset-bottom));
    z-index: 1450;
    pointer-events: none;
}

.floating-feedback-button[b-zztafda9he],
.floating-feedback-panel[b-zztafda9he] {
    pointer-events: auto;
}

.floating-feedback-button[b-zztafda9he] {
    position: relative;
    border: 0;
    min-height: 58px;
    border-radius: 999px;
    padding: 8px 18px 8px 8px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #ffffff, #f3f0ff);
    color: #172033;
    font-weight: 950;
    box-shadow: 0 18px 48px rgba(24, 36, 68, .22);
    cursor: pointer;
    border: 1px solid rgba(226, 232, 240, .95);
}

.floating-feedback-button[b-zztafda9he]::after {
    content: "";
    position: absolute;
    right: 22px;
    bottom: -8px;
    width: 18px;
    height: 18px;
    background: #f3f0ff;
    border-right: 1px solid rgba(226, 232, 240, .95);
    border-bottom: 1px solid rgba(226, 232, 240, .95);
    transform: rotate(45deg);
}

.floating-feedback-button:hover[b-zztafda9he] {
    transform: translateY(-2px);
    box-shadow: 0 22px 56px rgba(24, 36, 68, .26);
}

.floating-feedback-icon-wrap[b-zztafda9he] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--primary), var(--primary2));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4);
}

.floating-feedback-icon-wrap img[b-zztafda9he] {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.floating-feedback-backdrop[b-zztafda9he] {
    position: fixed;
    inset: 0;
    z-index: -1;
    border: 0;
    background: transparent;
    pointer-events: auto;
}

.floating-feedback-panel[b-zztafda9he] {
    width: min(420px, calc(100vw - 32px));
    margin-bottom: 14px;
    border: 1px solid #e6eaf2;
    border-radius: 26px;
    padding: 18px;
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(18px);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .24);
    display: grid;
    gap: 14px;
}

.floating-feedback-header[b-zztafda9he] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.floating-feedback-header h2[b-zztafda9he] {
    margin: 0;
    color: #172033;
    font-size: 22px;
    font-weight: 950;
}

.floating-feedback-header p[b-zztafda9he] {
    margin: 4px 0 0;
    color: #64748b;
    line-height: 1.35;
}

.floating-feedback-close[b-zztafda9he] {
    border: 0;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: #f8fafc;
    color: #475569;
    font-weight: 950;
    cursor: pointer;
}

.floating-feedback-types[b-zztafda9he] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.floating-feedback-type[b-zztafda9he] {
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    padding: 10px 8px;
    background: #ffffff;
    color: #334155;
    font-weight: 900;
    cursor: pointer;
}

.floating-feedback-type.active[b-zztafda9he] {
    border-color: transparent;
    background: linear-gradient(135deg, var(--primary), var(--primary2));
    color: white;
}

.floating-feedback-field[b-zztafda9he] {
    display: grid;
    gap: 6px;
    color: #475569;
    font-size: .82rem;
    font-weight: 900;
}

.floating-feedback-field input[b-zztafda9he],
.floating-feedback-field select[b-zztafda9he],
.floating-feedback-field textarea[b-zztafda9he] {
    width: 100%;
    border: 1px solid #e6eaf2;
    border-radius: 14px;
    padding: 11px 12px;
    background: #ffffff;
    color: #172033;
    font: inherit;
    font-weight: 700;
}

.floating-feedback-field textarea[b-zztafda9he] {
    min-height: 118px;
    resize: vertical;
}

.floating-feedback-page[b-zztafda9he] {
    display: flex;
    gap: 8px;
    align-items: center;
    border-radius: 14px;
    padding: 10px 12px;
    background: #f8fafc;
    color: #64748b;
    font-size: .85rem;
}

.floating-feedback-page strong[b-zztafda9he] {
    color: #334155;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.floating-feedback-actions[b-zztafda9he] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.floating-feedback-submit[b-zztafda9he] {
    border: 0;
    border-radius: 16px;
    padding: 12px 18px;
    background: linear-gradient(135deg, var(--primary), var(--primary2));
    color: white;
    font-weight: 950;
    cursor: pointer;
    min-width: 112px;
}

.floating-feedback-submit:disabled[b-zztafda9he] {
    opacity: .65;
    cursor: not-allowed;
}

.floating-feedback-link[b-zztafda9he] {
    color: var(--primary);
    font-weight: 950;
    text-decoration: none;
}

.floating-feedback-message[b-zztafda9he] {
    border-radius: 14px;
    padding: 11px 12px;
    font-weight: 850;
}

.floating-feedback-message-success[b-zztafda9he] {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #bbf7d0;
}

.floating-feedback-message-error[b-zztafda9he] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

@media (max-width: 700px) {
    .floating-feedback[b-zztafda9he] {
        right: 14px;
        bottom: max(14px, env(safe-area-inset-bottom));
    }

    .floating-feedback-button[b-zztafda9he] {
        min-height: 54px;
        padding-right: 12px;
    }

    .floating-feedback-button-text[b-zztafda9he] {
        display: none;
    }

    .floating-feedback-panel[b-zztafda9he] {
        width: calc(100vw - 28px);
    }
}

.floating-feedback-button[b-zztafda9he] {
    text-decoration: none;
}

.floating-feedback-button:focus-visible[b-zztafda9he] {
    outline: 3px solid rgba(91, 75, 255, .35);
    outline-offset: 4px;
}
/* /Components/Shopping/Shopping.razor.rz.scp.css */
.approve-button[b-n56emp3lns] {
    border: none;
    border-radius: 999px;
    font-weight: 800;
    cursor: pointer;
}

.admin-content[b-n56emp3lns] {
    padding: 34px;
}

.admin-header[b-n56emp3lns] {
    margin-bottom: 24px;
}

.admin-header h1[b-n56emp3lns] {
        margin: 0;
        font-size: 34px;
        font-weight: 900;
    }

.admin-header p[b-n56emp3lns] {
        margin: 6px 0 0;
        color: #64748b;
    }

.admin-card[b-n56emp3lns] {
    background: white;
    border: 1px solid #e6eaf2;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 18px 45px rgba(24, 36, 68, .08);
}

.secondary-button[b-n56emp3lns],
.approve-button[b-n56emp3lns],
.danger-button[b-n56emp3lns] {
    border: none;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.approve-button[b-n56emp3lns] {
    background: #16a34a;
    color: white;
}

.meal-chip[b-n56emp3lns] {
    display: inline-block;
    margin: 4px 6px 0 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 12px;
    font-weight: 800;
}

.stock-row[b-n56emp3lns] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid #e5e7eb;
}

.stock-row:last-child[b-n56emp3lns] {
        border-bottom: none;
    }

.stock-row p[b-n56emp3lns] {
        margin: 4px 0;
        color: #6b7280;
    }

@media (max-width: 900px) {
    .app-layout[b-n56emp3lns] {
        display: block;
        min-height: 100vh;
    }

    .mobile-topbar[b-n56emp3lns] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1200;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(18px);
        border-bottom: 1px solid var(--line);
    }

        .mobile-topbar .logo[b-n56emp3lns] {
            width: 34px;
            height: 34px;
            font-size: 18px;
            border-radius: 12px;
        }

        .mobile-topbar .brand-title[b-n56emp3lns] {
            font-size: 18px;
        }

        .mobile-topbar .brand-subtitle[b-n56emp3lns] {
            display: none;
        }

    .mobile-menu-button[b-n56emp3lns] {
        width: 38px;
        height: 38px;
        border-radius: 12px;
        font-size: 21px;
    }

    .app-main[b-n56emp3lns] {
        padding: 56px 0 0;
    }

    .admin-content[b-n56emp3lns] {
        padding: 12px;
    }

    .admin-header[b-n56emp3lns] {
        margin-bottom: 14px;
    }

        .admin-header h1[b-n56emp3lns] {
            font-size: 26px;
        }

        .admin-header p[b-n56emp3lns] {
            font-size: 14px;
        }

    .app-sidebar[b-n56emp3lns] {
        position: fixed;
        z-index: 1300;
        top: 0;
        left: 0;
        width: min(84vw, 330px);
        height: 100dvh;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 24px 0 60px rgba(15, 23, 42, .18);
    }

    .mobile-nav-open .app-sidebar[b-n56emp3lns] {
        transform: translateX(0);
    }

    .mobile-nav-backdrop[b-n56emp3lns] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1250;
        border: 0;
        background: rgba(15, 23, 42, .38);
    }

    .nav a[b-n56emp3lns] {
        min-height: 48px;
        font-size: 16px;
    }
}

@media (max-width: 900px) {
    .calendar-page[b-n56emp3lns] {
        width: 100%;
        overflow-x: hidden;
    }

    .calendar-header[b-n56emp3lns] {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 18px;
    }

        .calendar-header h1[b-n56emp3lns] {
            font-size: 28px;
        }

        .calendar-header p[b-n56emp3lns] {
            font-size: 14px;
        }

        .calendar-add-button[b-n56emp3lns],
        .calendar-header .approve-button[b-n56emp3lns] {
            width: 100%;
            padding: 13px 16px;
        }

    .calendar-tabs[b-n56emp3lns] {
        overflow-x: auto;
        padding-bottom: 4px;
        margin-bottom: 14px;
    }

        .calendar-tabs button[b-n56emp3lns] {
            flex: 0 0 auto;
            padding: 10px 14px;
            white-space: nowrap;
        }

    .calendar-layout[b-n56emp3lns] {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .calendar-card[b-n56emp3lns],
    .calendar-side-card[b-n56emp3lns] {
        padding: 14px;
        border-radius: 18px;
    }

    .calendar-card-header[b-n56emp3lns] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
    }

        .calendar-card-header h2[b-n56emp3lns],
        .calendar-side-card h2[b-n56emp3lns] {
            font-size: 22px;
        }

    .calendar-nav[b-n56emp3lns] {
        justify-content: space-between;
        gap: 8px;
    }

        .calendar-nav strong[b-n56emp3lns] {
            min-width: 0;
            flex: 1;
            font-size: 15px;
        }

        .calendar-nav button[b-n56emp3lns] {
            flex-shrink: 0;
            padding: 9px 12px;
        }

    .calendar-weekdays[b-n56emp3lns] {
        display: none;
    }

    .month-grid[b-n56emp3lns],
    .calendar-grid[b-n56emp3lns] {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .calendar-day[b-n56emp3lns] {
        min-height: unset;
        padding: 12px;
        border-radius: 14px;
    }

        .calendar-day strong[b-n56emp3lns] {
            margin-bottom: 6px;
        }

    .other-month[b-n56emp3lns] {
        display: none;
    }

    .calendar-event[b-n56emp3lns] {
        font-size: 13px;
        padding: 8px 10px;
        white-space: normal;
    }

    .calendar-side-card[b-n56emp3lns] {
        max-height: none;
    }

    .calendar-event-list[b-n56emp3lns] {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .calendar-list-item[b-n56emp3lns] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 12px;
    }

    .event-modal[b-n56emp3lns] {
        width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        padding: 18px;
        border-radius: 22px;
    }

    .modal-header[b-n56emp3lns] {
        align-items: flex-start;
    }

        .modal-header h2[b-n56emp3lns] {
            font-size: 22px;
        }

    .modal-actions[b-n56emp3lns] {
        flex-direction: column-reverse;
    }

        .modal-actions button[b-n56emp3lns] {
            width: 100%;
        }
}

@media (max-width: 800px) {
    .admin-page[b-n56emp3lns] {
        padding: 16px;
    }

    .page-header[b-n56emp3lns] {
        flex-direction: column;
    }

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

    .page-header .approve-button[b-n56emp3lns] {
        width: 100%;
    }
}

.admin-card[b-n56emp3lns] {
    border-radius: 28px;
}

.page-header .approve-button[b-n56emp3lns] {
        min-width: 190px;
        border-radius: 999px;
        padding: 14px 22px;
        white-space: normal;
    }

@media (max-width: 700px) {
    .admin-page[b-n56emp3lns] {
        padding: 16px;
    }

    .page-header[b-n56emp3lns] {
        flex-direction: column;
    }

        .page-header .approve-button[b-n56emp3lns] {
            width: 100%;
        }

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

        .form-row label:nth-child(2)[b-n56emp3lns] {
            grid-column: auto;
            order: unset;
        }
}

.translation-header .approve-button[b-n56emp3lns] {
        flex-shrink: 0;
        padding: 16px 26px;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .translation-card[b-n56emp3lns] {
        padding: 20px;
        border-radius: 22px;
    }

    .translation-header[b-n56emp3lns] {
        flex-direction: column;
    }

        .translation-header h1[b-n56emp3lns] {
            font-size: 32px;
        }

        .translation-header .approve-button[b-n56emp3lns] {
            width: 100%;
        }

    .translation-toolbar[b-n56emp3lns] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .family-page[b-n56emp3lns] {
        padding: 14px;
    }

    .family-panel[b-n56emp3lns] {
        padding: 20px;
        border-radius: 22px;
    }

    .family-form-row[b-n56emp3lns] {
        grid-template-columns: 1fr;
    }

        .family-form-row .approve-button[b-n56emp3lns] {
            width: 100%;
        }
}

.shopping-horizon-controls[b-n56emp3lns] { display: flex; align-items: end; gap: .75rem; flex-wrap: wrap; }
.shopping-horizon-controls label[b-n56emp3lns] { display: grid; gap: .25rem; font-weight: 700; }
.shopping-days-input[b-n56emp3lns] { width: 7rem; }
@media (max-width: 700px) { .shopping-horizon-controls[b-n56emp3lns] { width: 100%; } .shopping-horizon-controls > *[b-n56emp3lns] { flex: 1 1 100%; } .shopping-days-input[b-n56emp3lns] { width: 100%; } }

.shopping-horizon-message[b-n56emp3lns] {
    margin: 0 0 1rem;
    padding: .75rem 1rem;
    border: 1px solid var(--border-color, #d9e2ec);
    border-radius: .75rem;
    background: var(--surface-muted, rgba(127, 127, 127, .08));
}
/* /Components/Stores/FamilyStores.razor.rz.scp.css */
.stores-page[b-ty3d0xp9wb] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.stores-header[b-ty3d0xp9wb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

    .stores-header h1[b-ty3d0xp9wb] {
        margin: 0;
        color: #071f53;
        font-size: 2rem;
        font-weight: 900;
    }

    .stores-header p[b-ty3d0xp9wb] {
        margin: 6px 0 0;
        color: #64748b;
        font-weight: 700;
    }

.family-store-grid[b-ty3d0xp9wb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
}

.family-store-card[b-ty3d0xp9wb] {
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 18px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    gap: 18px;
}

    .family-store-card.enabled[b-ty3d0xp9wb] {
        border-color: #bbf7d0;
        background: linear-gradient(135deg, #ffffff, #f0fdf4);
    }

.family-store-main[b-ty3d0xp9wb] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.store-logo[b-ty3d0xp9wb] {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    font-size: 2rem;
    background: #f1f5f9;
}

.family-store-info h2[b-ty3d0xp9wb] {
    margin: 0;
    color: #071f53;
    font-size: 1.15rem;
    font-weight: 900;
}

.family-store-info p[b-ty3d0xp9wb] {
    margin: 4px 0;
    color: #64748b;
    font-weight: 700;
}

.store-meta[b-ty3d0xp9wb] {
    display: inline-flex;
    margin-top: 6px;
    font-size: 0.78rem;
    font-weight: 900;
    color: #1d4ed8;
    background: #dbeafe;
    padding: 5px 9px;
    border-radius: 999px;
}

    .store-meta.muted[b-ty3d0xp9wb] {
        color: #64748b;
        background: #f1f5f9;
    }

.family-store-status[b-ty3d0xp9wb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.enabled-badge[b-ty3d0xp9wb],
.disabled-badge[b-ty3d0xp9wb] {
    display: inline-flex;
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 0.78rem;
    font-weight: 900;
}

.enabled-badge[b-ty3d0xp9wb] {
    color: #166534;
    background: #dcfce7;
}

.disabled-badge[b-ty3d0xp9wb] {
    color: #475569;
    background: #f1f5f9;
}

.primary-action-button[b-ty3d0xp9wb],
.secondary-action-button[b-ty3d0xp9wb] {
    border: none;
    border-radius: 999px;
    padding: 10px 16px;
    font-weight: 900;
    cursor: pointer;
}

.primary-action-button[b-ty3d0xp9wb] {
    color: #ffffff;
    background: #2563eb;
}

.secondary-action-button[b-ty3d0xp9wb] {
    color: #071f53;
    background: #e2e8f0;
}

.empty-state[b-ty3d0xp9wb] {
    border: 1px dashed #cbd5e1;
    border-radius: 24px;
    padding: 28px;
    text-align: center;
    color: #64748b;
    background: #f8fafc;
}

    .empty-state h3[b-ty3d0xp9wb] {
        margin: 8px 0 4px;
        color: #071f53;
    }

.empty-icon[b-ty3d0xp9wb] {
    font-size: 2.5rem;
}

.empty-state[b-ty3d0xp9wb] {
    margin-top: 1.5rem;
    padding: 1.25rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(15, 23, 42, 0.08);
}


.store-meta-list[b-ty3d0xp9wb] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.store-meta-list .store-meta[b-ty3d0xp9wb] {
    margin-top: 0;
}

.global-store-meta[b-ty3d0xp9wb] {
    color: #6b21a8;
    background: #f3e8ff;
}
/* /Components/Stores/Stores.razor.rz.scp.css */
.stores-page[b-9ljubkb6fk] {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.content-card[b-9ljubkb6fk] {
    background: #ffffff;
    border-radius: 28px;
    padding: 34px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(226, 232, 240, 0.9);
}

.stores-header[b-9ljubkb6fk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
}

    .stores-header h1[b-9ljubkb6fk],
    .stores-header h2[b-9ljubkb6fk] {
        margin: 0;
        color: #071f53;
        font-weight: 900;
        letter-spacing: -0.03em;
    }

    .stores-header h1[b-9ljubkb6fk] {
        font-size: 2.1rem;
    }

    .stores-header h2[b-9ljubkb6fk] {
        font-size: 1.7rem;
    }

    .stores-header p[b-9ljubkb6fk] {
        margin: 10px 0 0;
        color: #4b587c;
        font-size: 1rem;
    }

.primary-action-button[b-9ljubkb6fk],
.secondary-action-button[b-9ljubkb6fk] {
    border: none;
    border-radius: 999px;
    padding: 12px 20px;
    font-weight: 800;
    cursor: pointer;
    font-size: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.primary-action-button[b-9ljubkb6fk] {
    background: #071f53;
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(7, 31, 83, 0.22);
}

    .primary-action-button:hover[b-9ljubkb6fk] {
        transform: translateY(-2px);
        box-shadow: 0 16px 30px rgba(7, 31, 83, 0.28);
    }

.secondary-action-button[b-9ljubkb6fk] {
    background: #eef2f7;
    color: #071f53;
}

    .secondary-action-button:hover[b-9ljubkb6fk] {
        background: #e2e8f0;
    }

.store-grid[b-9ljubkb6fk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 18px;
}

.store-card[b-9ljubkb6fk] {
    border: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 24px;
    padding: 22px;
    min-height: 190px;
    cursor: pointer;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

    .store-card:hover[b-9ljubkb6fk] {
        transform: translateY(-4px);
        border-color: #b8c7ff;
        box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12);
    }

.store-logo[b-9ljubkb6fk] {
    width: 64px;
    height: 64px;
    border-radius: 22px;
    background: #eef2ff;
    display: grid;
    place-items: center;
    font-size: 32px;
}

.store-details[b-9ljubkb6fk] {
    flex: 1;
}

    .store-details h2[b-9ljubkb6fk] {
        margin: 0;
        color: #071f53;
        font-size: 1.35rem;
        font-weight: 900;
    }

    .store-details p[b-9ljubkb6fk] {
        margin: 8px 0 0;
        color: #667085;
        font-size: 0.95rem;
    }

.store-metrics[b-9ljubkb6fk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 10px;
    color: #667085;
    font-size: 0.95rem;
}

.store-metrics span[b-9ljubkb6fk] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.store-usage-summary[b-9ljubkb6fk] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    align-self: flex-start;
    margin-bottom: 22px;
    border-radius: 999px;
    padding: 10px 14px;
    background: #eef2ff;
    color: #071f53;
    font-weight: 800;
}

.store-usage-summary strong[b-9ljubkb6fk] {
    display: inline-grid;
    place-items: center;
    min-width: 32px;
    height: 32px;
    border-radius: 999px;
    background: #ffffff;
    color: #071f53;
}

.store-card-footer[b-9ljubkb6fk] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #071f53;
    font-weight: 800;
    font-size: 0.9rem;
}

.arrow[b-9ljubkb6fk] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #eef2f7;
    display: grid;
    place-items: center;
}

.store-editor-card[b-9ljubkb6fk] {
    margin-top: 28px;
}

.form-row[b-9ljubkb6fk] {
    margin-top: 28px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .form-row label[b-9ljubkb6fk] {
        color: #667085;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        font-weight: 900;
        font-size: 0.78rem;
    }

.store-input[b-9ljubkb6fk] {
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    padding: 14px 16px;
    font-size: 1rem;
    color: #071f53;
    background: #ffffff;
    outline: none;
}

    .store-input:focus[b-9ljubkb6fk] {
        border-color: #071f53;
        box-shadow: 0 0 0 4px rgba(7, 31, 83, 0.08);
    }

.logo-section[b-9ljubkb6fk] {
    margin-top: 28px;
}

    .logo-section h3[b-9ljubkb6fk] {
        margin: 0 0 16px;
        color: #071f53;
        font-size: 1.25rem;
        font-weight: 900;
    }

.logo-picker[b-9ljubkb6fk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    gap: 14px;
}

.logo-option[b-9ljubkb6fk] {
    border: 1px solid #e2e8f0;
    background: #ffffff;
    border-radius: 20px;
    padding: 16px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #071f53;
    font-weight: 800;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

    .logo-option:hover[b-9ljubkb6fk] {
        transform: translateY(-2px);
        box-shadow: 0 12px 25px rgba(15, 23, 42, 0.1);
    }

    .logo-option.selected[b-9ljubkb6fk] {
        background: #eef2ff;
        border-color: #071f53;
        box-shadow: 0 0 0 4px rgba(7, 31, 83, 0.1);
    }

.logo-option-icon[b-9ljubkb6fk] {
    font-size: 30px;
}

.editor-actions[b-9ljubkb6fk] {
    margin-top: 28px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.empty-state[b-9ljubkb6fk] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 22px;
    padding: 34px;
    text-align: center;
    color: #667085;
}

    .empty-state h3[b-9ljubkb6fk] {
        margin: 10px 0 4px;
        color: #071f53;
    }

    .empty-state p[b-9ljubkb6fk] {
        margin: 0;
    }

.empty-icon[b-9ljubkb6fk] {
    font-size: 38px;
}

@media (max-width: 700px) {
    .content-card[b-9ljubkb6fk] {
        padding: 22px;
        border-radius: 22px;
    }

    .stores-header[b-9ljubkb6fk] {
        flex-direction: column;
    }

    .primary-action-button[b-9ljubkb6fk],
    .secondary-action-button[b-9ljubkb6fk] {
        width: 100%;
    }

    .store-grid[b-9ljubkb6fk] {
        grid-template-columns: 1fr;
    }

    .editor-actions[b-9ljubkb6fk] {
        flex-direction: column;
    }
}
.store-card.inactive[b-9ljubkb6fk] {
    opacity: 0.62;
}

.inactive-badge[b-9ljubkb6fk] {
    display: inline-flex;
    margin-top: 10px;
    border-radius: 999px;
    padding: 5px 10px;
    background: #fee2e2;
    color: #991b1b;
    font-weight: 900;
    font-size: 0.78rem;
}

.checkbox-row label[b-9ljubkb6fk] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #071f53;
    font-weight: 800;
}

.danger-action-button[b-9ljubkb6fk] {
    background: #fee2e2;
    color: #991b1b;
}

.form-row[b-9ljubkb6fk] {
    display: grid;
    grid-template-columns: 180px 1fr 180px;
    gap: 16px;
    margin-bottom: 20px;
    align-items: end;
}

.form-row label[b-9ljubkb6fk] {
        display: flex;
        flex-direction: column;
        gap: 6px;
        font-weight: 700;
        color: #374151;
    }

.form-row input[b-9ljubkb6fk],
    .form-row select[b-9ljubkb6fk],
    .admin-table input[b-9ljubkb6fk] {
        border: 1px solid #d1d5db;
        border-radius: 14px;
        padding: 11px 13px;
        font: inherit;
        background: white;
        outline: none;
    }

.form-row input:focus[b-9ljubkb6fk],
        .form-row select:focus[b-9ljubkb6fk],
        .admin-table input:focus[b-9ljubkb6fk] {
            border-color: #7c3aed;
            box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.12);
        }

@media (max-width: 800px) {
    .admin-page[b-9ljubkb6fk] {
        padding: 16px;
    }

    .page-header[b-9ljubkb6fk] {
        flex-direction: column;
    }

    .form-row[b-9ljubkb6fk] {
        grid-template-columns: 1fr;
    }

    .page-header .approve-button[b-9ljubkb6fk] {
        width: 100%;
    }
}

.form-row[b-9ljubkb6fk] {
    display: grid;
    grid-template-columns: 220px minmax(320px, 1fr) 220px;
    gap: 20px;
    margin-bottom: 24px;
}

.form-row label[b-9ljubkb6fk] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        font-weight: 800;
        color: #263247;
    }

.form-row input[b-9ljubkb6fk],
    .form-row select[b-9ljubkb6fk] {
        height: 56px;
        border: 1px solid #dde2ea;
        border-radius: 18px;
        padding: 0 18px;
        background: #fff;
        font: inherit;
        font-weight: 700;
        outline: none;
    }

.form-row input:focus[b-9ljubkb6fk],
        .form-row select:focus[b-9ljubkb6fk],
        .translation-input:focus[b-9ljubkb6fk] {
            border-color: #667eea;
            box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.14);
        }

@media (max-width: 1100px) {
    .form-row[b-9ljubkb6fk] {
        grid-template-columns: 1fr 1fr;
    }

        .form-row label:nth-child(2)[b-9ljubkb6fk] {
            grid-column: 1 / -1;
            order: 3;
        }
}

@media (max-width: 700px) {
    .admin-page[b-9ljubkb6fk] {
        padding: 16px;
    }

    .page-header[b-9ljubkb6fk] {
        flex-direction: column;
    }

        .page-header .approve-button[b-9ljubkb6fk] {
            width: 100%;
        }

    .form-row[b-9ljubkb6fk] {
        grid-template-columns: 1fr;
    }

        .form-row label:nth-child(2)[b-9ljubkb6fk] {
            grid-column: auto;
            order: unset;
        }
}

.empty-state[b-9ljubkb6fk] {
    margin-top: 1.5rem;
    padding: 1.25rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(15, 23, 42, 0.08);
}


.store-status-message[b-9ljubkb6fk] {
    border-radius: 18px;
    padding: 14px 18px;
    font-weight: 800;
    margin-top: 4px;
}

.store-status-message.success[b-9ljubkb6fk] {
    background: #dcfce7;
    border: 1px solid #86efac;
    color: #166534;
}

.store-status-message.error[b-9ljubkb6fk] {
    background: #fee2e2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.remove-action-button[b-9ljubkb6fk] {
    background: #991b1b;
    color: #ffffff;
}

.remove-action-button:hover[b-9ljubkb6fk] {
    background: #7f1d1d;
}

.remove-confirmation-panel[b-9ljubkb6fk] {
    margin-top: 22px;
    border: 1px solid #fecaca;
    background: #fff7f7;
    color: #7f1d1d;
    border-radius: 22px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
}

.remove-confirmation-panel strong[b-9ljubkb6fk] {
    display: block;
    color: #7f1d1d;
    font-size: 1rem;
    margin-bottom: 6px;
}

.remove-confirmation-panel p[b-9ljubkb6fk] {
    margin: 0;
    color: #991b1b;
}

.remove-confirmation-actions[b-9ljubkb6fk] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 800px) {
    .remove-confirmation-panel[b-9ljubkb6fk] {
        flex-direction: column;
        align-items: stretch;
    }

    .remove-confirmation-actions[b-9ljubkb6fk] {
        justify-content: stretch;
    }
}

.store-usage-summary-row[b-9ljubkb6fk] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

.store-usage-summary-row .store-usage-summary[b-9ljubkb6fk] {
    margin-bottom: 0;
}

.import-summary[b-9ljubkb6fk] {
    background: #f0fdf4;
    color: #166534;
}

.warning-action-button[b-9ljubkb6fk] {
    background: #fef3c7;
    color: #92400e;
}

.warning-action-button:hover[b-9ljubkb6fk] {
    background: #fde68a;
}

.clear-imports-confirmation-panel[b-9ljubkb6fk] {
    margin-top: 22px;
    border: 1px solid #fde68a;
    background: #fffbeb;
    color: #78350f;
    border-radius: 22px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
}

.clear-imports-confirmation-panel strong[b-9ljubkb6fk] {
    display: block;
    color: #78350f;
    font-size: 1rem;
    margin-bottom: 6px;
}

.clear-imports-confirmation-panel p[b-9ljubkb6fk] {
    margin: 0;
    color: #92400e;
}

@media (max-width: 800px) {
    .clear-imports-confirmation-panel[b-9ljubkb6fk] {
        flex-direction: column;
        align-items: stretch;
    }
}

.store-open-imports[b-9ljubkb6fk] {
    background: #fffbeb;
    color: #92400e;
    border-color: #fde68a !important;
}

.open-import-summary[b-9ljubkb6fk] {
    background: #f8fafc;
    color: #475569;
}

.open-import-summary.has-open-imports[b-9ljubkb6fk] {
    background: #fffbeb;
    color: #92400e;
}

.secondary-action-button:disabled[b-9ljubkb6fk],
.warning-action-button:disabled[b-9ljubkb6fk] {
    opacity: .55;
    cursor: not-allowed;
}

.store-card-action[b-9ljubkb6fk] {
    border: none;
    border-radius: 999px;
    padding: 9px 13px;
    font-weight: 900;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.edit-store-action[b-9ljubkb6fk] {
    background: #eef2f7;
    color: #071f53;
}

.edit-store-action:hover[b-9ljubkb6fk] {
    background: #e2e8f0;
}

.delete-store-action[b-9ljubkb6fk] {
    background: #fee2e2;
    color: #991b1b;
}

.delete-store-action:hover[b-9ljubkb6fk] {
    background: #fecaca;
}

.store-card-footer[b-9ljubkb6fk] {
    gap: 10px;
}

.clear-store-action[b-9ljubkb6fk] {
    background: #fffbeb;
    color: #92400e;
}

.clear-store-action:hover[b-9ljubkb6fk] {
    background: #fef3c7;
}
/* /Kids/Kids.razor.rz.scp.css */
/* =========================================================
   Kids screen + child themes
   Supports all themes: dino, ballerina, princess, knight,
   unicorn, space, pirate and jungle.
   ========================================================= */

.kid-screen[b-xh4uk505ja] {
    min-height: 100vh;
    padding: 28px;
    border-radius: 28px;
    color: var(--theme-dark);
    background: var(--theme-page-bg);
    border: 1px solid var(--theme-border);
}

.kid-banner[b-xh4uk505ja] {
    position: relative;
    width: 100%;
    border-radius: 28px 28px 0 0;
    overflow: hidden;
    line-height: normal;
    background: var(--theme-banner-bg);
}

.kid-banner-image[b-xh4uk505ja] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
}

.kid-banner-text[b-xh4uk505ja] {
    position: absolute;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 24px;
    text-align: center;
    line-height: 1.15;
    z-index: 3;
    color: var(--theme-dark);
}

.kid-banner-text h1[b-xh4uk505ja] {
        margin: 0;
        font-size: clamp(32px, 5vw, 64px);
        font-weight: 900;
        line-height: 1.05;
    }

.kid-banner-text p[b-xh4uk505ja] {
        margin: 10px 0 0;
        font-size: clamp(15px, 1.6vw, 22px);
        font-weight: 800;
        line-height: 1.2;
    }

.kid-score-card[b-xh4uk505ja] {
    width: min(620px, 85%);
    margin: clamp(-82px, -5vw, -42px) auto 24px;
    background: white;
    border-radius: 22px;
    padding: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .14);
    position: relative;
    z-index: 5;
}

.kid-score-card > div[b-xh4uk505ja] {
        display: grid;
        gap: 6px;
    }

.kid-score-card strong[b-xh4uk505ja] {
        font-size: 38px;
        font-weight: 900;
        color: var(--theme-dark);
    }

.score-icon[b-xh4uk505ja] {
    font-size: 42px;
}

.progress-bar[b-xh4uk505ja] {
    height: 9px;
    border-radius: 999px;
    background: #e5e7eb;
    overflow: hidden;
}

.progress-bar div[b-xh4uk505ja] {
        height: 100%;
        border-radius: 999px;
        background: var(--theme-primary);
    }

.kid-content-card[b-xh4uk505ja] {
    background: rgba(255, 255, 255, .84);
    border-radius: 26px;
    padding: 26px;
    margin-bottom:20px;
}

.kid-task[b-xh4uk505ja] {
    display: grid;
    grid-template-columns: 54px 1fr 42px 70px;
    gap: 14px;
    align-items: center;
    padding: 14px 18px;
    margin-top: 12px;
    background: white;
    border-radius: 18px;
    box-shadow: 0 6px 20px rgba(15, 23, 42, .06);
}

.task-icon[b-xh4uk505ja] {
    font-size: 30px;
}

.task-title[b-xh4uk505ja] {
    font-size: 17px;
    font-weight: 800;
}

.task-check[b-xh4uk505ja] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 2px solid currentColor;
    background: white;
    color: var(--theme-primary);
    font-weight: 900;
}

.task-points[b-xh4uk505ja] {
    color: var(--theme-primary);
    font-weight: 900;
    text-align: right;
}

.encouragement-card[b-xh4uk505ja] {
    margin-top: 22px;
    display: grid;
    grid-template-columns: 86px 1fr 72px;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    border-radius: 22px;
    border: 1px solid var(--theme-border);
    background: linear-gradient(135deg, var(--theme-card-start), var(--theme-card-end));
}

.encouragement-character[b-xh4uk505ja],
    .encouragement-card img[b-xh4uk505ja] {
        width: 72px;
        height: 72px;
        object-fit: contain;
        align-self: end;
    }

.encouragement-text strong[b-xh4uk505ja],
    .encouragement-card strong[b-xh4uk505ja] {
        display: block;
        font-size: 18px;
        font-weight: 900;
        color: var(--theme-dark);
        margin-bottom: 4px;
    }

.encouragement-text p[b-xh4uk505ja],
    .encouragement-card p[b-xh4uk505ja] {
        margin: 0;
        color: var(--theme-dark);
        opacity: .9;
    }

.encouragement-badge[b-xh4uk505ja],
    .encouragement-card span[b-xh4uk505ja] {
        justify-self: end;
        font-size: 38px;
        opacity: .9;
    }

.kid-character[b-xh4uk505ja] {
    width: 180px;
    height: 180px;
    object-fit: contain;
}

.kid-theme-dino[b-xh4uk505ja] {
    --theme-primary: #45a847;
    --theme-secondary: #8bd46f;
    --theme-border: #a7e0a3;
    --theme-dark: #075f22;
    /* Solid color until below the arch, then fade to white */
    --theme-solid-bg: #e8f6de;
    --theme-page-bg: linear-gradient( to bottom, var(--theme-solid-bg) 0, var(--theme-solid-bg) 520px, #ffffff 100% );
    --theme-banner-bg: linear-gradient(135deg, #d8f7c8, #8bd46f);
    --theme-card-start: #f1fbec;
    --theme-card-end: #ffffff;
    /* The arch uses the same solid color as the top part of the page */
    --theme-arch-bg: var(--theme-solid-bg);
}

.kid-theme-ballerina[b-xh4uk505ja] {
    --theme-primary: #ec4899;
    --theme-secondary: #ffb4d8;
    --theme-border: #f9a8d4;
    --theme-dark: #db2777;
    /* Solid color until below the arch, then fade to white */
    --theme-solid-bg: #fff0f7;
    --theme-page-bg: linear-gradient( to bottom, var(--theme-solid-bg) 0, var(--theme-solid-bg) 520px, #ffffff 100% );
    --theme-banner-bg: linear-gradient(135deg, #ffe4f1, #ffb4d8);
    --theme-card-start: #fff0f7;
    --theme-card-end: #ffffff;
    /* The arch uses the same solid color as the top part of the page */
    --theme-arch-bg: var(--theme-solid-bg);
}

.kid-theme-princess[b-xh4uk505ja] {
    --theme-primary: #a855f7;
    --theme-secondary: #d8b4fe;
    --theme-border: #d8b4fe;
    --theme-dark: #7e22ce;
    /* Solid color until below the arch, then fade to white */
    --theme-solid-bg: #faf0ff;
    --theme-page-bg: linear-gradient( to bottom, var(--theme-solid-bg) 0, var(--theme-solid-bg) 520px, #ffffff 100% );
    --theme-banner-bg: linear-gradient(135deg, #f8e7ff, #d8b4fe);
    --theme-card-start: #faf0ff;
    --theme-card-end: #ffffff;
    /* The arch uses the same solid color as the top part of the page */
    --theme-arch-bg: var(--theme-solid-bg);
}

.kid-theme-knight[b-xh4uk505ja] {
    --theme-primary: #475569;
    --theme-secondary: #94a3b8;
    --theme-border: #cbd5e1;
    --theme-dark: #1e293b;
    /* Solid color until below the arch, then fade to white */
    --theme-solid-bg: #eef2f7;
    --theme-page-bg: linear-gradient( to bottom, var(--theme-solid-bg) 0, var(--theme-solid-bg) 520px, #ffffff 100% );
    --theme-banner-bg: linear-gradient(135deg, #e2e8f0, #94a3b8);
    --theme-card-start: #f1f5f9;
    --theme-card-end: #ffffff;
    /* The arch uses the same solid color as the top part of the page */
    --theme-arch-bg: var(--theme-solid-bg);
}

.kid-theme-unicorn[b-xh4uk505ja] {
    --theme-primary: #d946ef;
    --theme-secondary: #f9a8d4;
    --theme-border: #f0abfc;
    --theme-dark: #a21caf;
    /* Solid color until below the arch, then fade to white */
    --theme-solid-bg: #fdf4ff;
    --theme-page-bg: linear-gradient( to bottom, var(--theme-solid-bg) 0, var(--theme-solid-bg) 520px, #ffffff 100% );
    --theme-banner-bg: linear-gradient(135deg, #fae8ff, #f9a8d4);
    --theme-card-start: #fdf4ff;
    --theme-card-end: #ffffff;
    /* The arch uses the same solid color as the top part of the page */
    --theme-arch-bg: var(--theme-solid-bg);
}

.kid-theme-space[b-xh4uk505ja] {
    --theme-primary: #2563eb;
    --theme-secondary: #7c3aed;
    --theme-border: #bfdbfe;
    --theme-dark: #1e3a8a;
    /* Solid color until below the arch, then fade to white */
    --theme-solid-bg: #eff6ff;
    --theme-page-bg: linear-gradient( to bottom, var(--theme-solid-bg) 0, var(--theme-solid-bg) 520px, #ffffff 100% );
    --theme-banner-bg: linear-gradient(135deg, #dbeafe, #c4b5fd);
    --theme-card-start: #eff6ff;
    --theme-card-end: #ffffff;
    /* The arch uses the same solid color as the top part of the page */
    --theme-arch-bg: var(--theme-solid-bg);
}

.kid-theme-pirate[b-xh4uk505ja] {
    --theme-primary: #b45309;
    --theme-secondary: #ef4444;
    --theme-border: #fed7aa;
    --theme-dark: #7c2d12;
    /* Solid color until below the arch, then fade to white */
    --theme-solid-bg: #fff7ed;
    --theme-page-bg: linear-gradient( to bottom, var(--theme-solid-bg) 0, var(--theme-solid-bg) 520px, #ffffff 100% );
    --theme-banner-bg: linear-gradient(135deg, #ffedd5, #fca5a5);
    --theme-card-start: #fff7ed;
    --theme-card-end: #ffffff;
    /* The arch uses the same solid color as the top part of the page */
    --theme-arch-bg: var(--theme-solid-bg);
}

.kid-theme-jungle[b-xh4uk505ja] {
    --theme-primary: #16a34a;
    --theme-secondary: #84cc16;
    --theme-border: #86efac;
    --theme-dark: #166534;
    /* Solid color until below the arch, then fade to white */
    --theme-solid-bg: #f0fdf4;
    --theme-page-bg: linear-gradient( to bottom, var(--theme-solid-bg) 0, var(--theme-solid-bg) 520px, #ffffff 100% );
    --theme-banner-bg: linear-gradient(135deg, #dcfce7, #bef264);
    --theme-card-start: #f0fdf4;
    --theme-card-end: #ffffff;
    /* The arch uses the same solid color as the top part of the page */
    --theme-arch-bg: var(--theme-solid-bg);
}

@media (max-width: 700px) {
    .kid-screen[b-xh4uk505ja] {
        padding: 14px;
        border-radius: 18px;
    }

    .kid-banner[b-xh4uk505ja] {
        border-radius: 20px 20px 0 0;
    }

    .kid-banner-text[b-xh4uk505ja] {
        top: 18px;
        padding: 0 14px;
    }

    .kid-score-card[b-xh4uk505ja] {
        width: 94%;
        grid-template-columns: 1fr;
        margin-top: -28px;
        padding: 18px;
    }

    .kid-task[b-xh4uk505ja] {
        grid-template-columns: 42px 1fr 36px 52px;
        padding: 12px;
    }

    .encouragement-card[b-xh4uk505ja] {
        grid-template-columns: 64px 1fr 44px;
        padding: 14px;
    }

        .encouragement-character[b-xh4uk505ja],
        .encouragement-card img[b-xh4uk505ja] {
            width: 58px;
            height: 58px;
        }
}

.kid-banner[b-xh4uk505ja] {
    position: relative;
    overflow: hidden;
    border-radius: 26px 26px 0 0;
}

.kid-banner[b-xh4uk505ja]::after {
        content: "";
        position: absolute;
        left: -8%;
        right: -8%;
        bottom: -76px;
        height: 150px;
        background: var(--theme-arch-bg);
        border-radius: 50% 50% 0 0;
        z-index: 2;
        pointer-events: none;
    }

.kid-banner-text[b-xh4uk505ja] {
    position: absolute;
    z-index: 3;
}

.kid-score-card[b-xh4uk505ja] {
    position: relative;
    z-index: 5;
}

.encouragement-character[b-xh4uk505ja] {
    width: 72px;
    height: 72px;
    object-fit: contain;
}

.encouragement-character.mirrored[b-xh4uk505ja] {
        justify-self: end;
        transform: scaleX(-1);
        opacity: 0.75;
    }

.score-header[b-xh4uk505ja] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.level-badge[b-xh4uk505ja] {
    width: 72px;
    height: 72px;
    object-fit: contain;
    flex-shrink: 0;
}

.points-block[b-xh4uk505ja] {
    display: flex;
    flex-direction: column;
}

.points-block strong[b-xh4uk505ja] {
        font-size: 3.5rem;
        line-height: 1;
    }

.points-block span[b-xh4uk505ja] {
        font-size: 1.1rem;
    }

.level-info[b-xh4uk505ja] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}