/* _content/EmergencyFlow.Admin/Components/Layout/MainLayout.razor.rz.scp.css */
/* MainLayout - Dark Mode */

.page[b-ik9kg9p1ah] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-ik9kg9p1ah] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--background);
}

.sidebar[b-ik9kg9p1ah] {
    background: var(--card-background);
    border-right: 1px solid var(--border);
}

.top-row[b-ik9kg9p1ah] {
    background: var(--card-background);
    border-bottom: 1px solid var(--border);
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 1.5rem;
}

.top-row span[b-ik9kg9p1ah] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.top-row a[b-ik9kg9p1ah] {
    color: var(--primary);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: color var(--transition-fast);
}

.top-row a:hover[b-ik9kg9p1ah] {
    color: var(--primary-hover);
}

@media (min-width: 641px) {
    .page[b-ik9kg9p1ah] {
        flex-direction: row;
    }

    .sidebar[b-ik9kg9p1ah] {
        width: 260px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex-shrink: 0;
    }

    .top-row[b-ik9kg9p1ah] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth a:first-child[b-ik9kg9p1ah] {
        flex: 1;
        text-align: right;
        width: 0;
    }
}

#blazor-error-ui[b-ik9kg9p1ah] {
    background: var(--danger-bg);
    border-top: 1px solid var(--danger);
    color: var(--danger);
    bottom: 0;
    display: none;
    left: 0;
    padding: 0.75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ik9kg9p1ah] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/EmergencyFlow.Admin/Components/Layout/NavMenu.razor.rz.scp.css */
/* NavMenu - Dark Mode */

.navbar-toggler[b-jlvm7mcl5z] {
    appearance: none;
    cursor: pointer;
    width: 3rem;
    height: 2.5rem;
    color: var(--text-primary);
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.5rem var(--background-secondary);
    transition: all var(--transition-fast);
}

.navbar-toggler:hover[b-jlvm7mcl5z] {
    background-color: var(--card-background-hover);
    border-color: var(--border-light);
}

.navbar-toggler:checked[b-jlvm7mcl5z] {
    background-color: var(--primary-light);
    border-color: var(--primary);
}

.top-row[b-jlvm7mcl5z] {
    height: 3.5rem;
    background: var(--background-secondary);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    padding: 0 1rem;
}

.navbar-brand[b-jlvm7mcl5z] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    letter-spacing: -0.025em;
}

.bi[b-jlvm7mcl5z] {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    vertical-align: middle;
    opacity: 0.7;
}

.bi-house-door-fill-nav-menu[b-jlvm7mcl5z] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a1a1a1' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-building-nav-menu[b-jlvm7mcl5z] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a1a1a1' class='bi bi-building' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-11zm2 0v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 4.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 6.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 8.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 10.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM3 0a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H3z'/%3E%3C/svg%3E");
}

.nav-scrollable[b-jlvm7mcl5z] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-jlvm7mcl5z] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-jlvm7mcl5z] {
        display: none;
    }

    .nav-scrollable[b-jlvm7mcl5z] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.nav-item[b-jlvm7mcl5z] {
    font-size: 0.875rem;
    padding: 0.25rem 0.75rem;
}

.nav-item:first-of-type[b-jlvm7mcl5z] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-jlvm7mcl5z] {
    padding-bottom: 1rem;
}

.nav-item[b-jlvm7mcl5z]  .nav-link {
    color: var(--text-secondary);
    border-radius: var(--radius-md);
    height: 2.75rem;
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
    transition: all var(--transition-fast);
}

.nav-item[b-jlvm7mcl5z]  a.active {
    background: var(--primary-light);
    color: var(--primary);
}

.nav-item[b-jlvm7mcl5z]  a.active .bi {
    opacity: 1;
}

.nav-item[b-jlvm7mcl5z]  a.active .bi-house-door-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233b82f6' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-jlvm7mcl5z]  a.active .bi-building-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%233b82f6' class='bi bi-building' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-11zm2 0v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 4.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 6.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 8.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM6 10.5v1h1v-1H6zm2 0v1h1v-1H8zm2 0v1h1v-1h-1zM3 0a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H3z'/%3E%3C/svg%3E");
}

.nav-item[b-jlvm7mcl5z]  .nav-link:hover {
    background: var(--card-background-hover);
    color: var(--text-primary);
}
/* _content/EmergencyFlow.Admin/Components/Pages/Admins/Create.razor.rz.scp.css */
/* Admin Create Page */

.page-header[b-hrzoenfd9t] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-hrzoenfd9t] {
    margin: 0;
}

.alert[b-hrzoenfd9t] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-danger[b-hrzoenfd9t] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.card[b-hrzoenfd9t] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    max-width: 600px;
}

.form-row[b-hrzoenfd9t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-group[b-hrzoenfd9t] {
    margin-bottom: 1.5rem;
}

.username-preview[b-hrzoenfd9t] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 0.75rem 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.username-preview .label[b-hrzoenfd9t] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.username-preview .value[b-hrzoenfd9t] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-weight: 600;
    color: var(--primary);
}

.form-group label[b-hrzoenfd9t] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-hrzoenfd9t] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control:focus[b-hrzoenfd9t] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-hint[b-hrzoenfd9t] {
    display: block;
    margin-top: 0.375rem;
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.info-box[b-hrzoenfd9t] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
}

.info-box h4[b-hrzoenfd9t] {
    margin: 0 0 0.75rem 0;
    color: var(--text-primary);
    font-size: 0.875rem;
    font-weight: 600;
}

.info-box ol[b-hrzoenfd9t] {
    margin: 0;
    padding-left: 1.25rem;
    color: var(--text-muted);
    font-size: 0.8125rem;
    line-height: 1.6;
}

.info-box li[b-hrzoenfd9t] {
    margin-bottom: 0.25rem;
}

.form-actions[b-hrzoenfd9t] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

.btn[b-hrzoenfd9t] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9375rem;
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer;
}

.btn-primary[b-hrzoenfd9t] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-hrzoenfd9t] {
    background: var(--primary-hover);
    color: white;
}

.btn-secondary[b-hrzoenfd9t] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-hrzoenfd9t] {
    background: var(--card-background-hover);
    border-color: var(--border-light);
    color: var(--text-primary);
}
/* _content/EmergencyFlow.Admin/Components/Pages/Admins/Details.razor.rz.scp.css */
/* Admin Details Page */

.page-header[b-df5x0n432z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-header h1[b-df5x0n432z] {
    margin: 0;
}

.page-header .subtitle[b-df5x0n432z] {
    margin: 0.25rem 0 0 0;
    color: var(--text-muted);
    font-size: 0.9375rem;
}

.header-actions[b-df5x0n432z] {
    display: flex;
    gap: 0.75rem;
}

.alert[b-df5x0n432z] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-danger[b-df5x0n432z] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-success[b-df5x0n432z] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.details-grid[b-df5x0n432z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.card[b-df5x0n432z] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

.card h3[b-df5x0n432z] {
    margin: 0 0 1rem 0;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.info-row[b-df5x0n432z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--border);
}

.info-row:last-of-type[b-df5x0n432z] {
    border-bottom: none;
}

.info-row .label[b-df5x0n432z] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.info-row .value[b-df5x0n432z] {
    color: var(--text-primary);
    font-size: 0.875rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.badge[b-df5x0n432z] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-full);
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.badge-success[b-df5x0n432z] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.badge-warning[b-df5x0n432z] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

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

.text-muted[b-df5x0n432z] {
    color: var(--text-muted);
}

.action-buttons[b-df5x0n432z] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}

.sessions-card[b-df5x0n432z] {
    margin-top: 1.5rem;
}

.table[b-df5x0n432z] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.5rem;
}

.table th[b-df5x0n432z],
.table td[b-df5x0n432z] {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.table th[b-df5x0n432z] {
    color: var(--text-muted);
    font-weight: 500;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.table td[b-df5x0n432z] {
    color: var(--text-primary);
    font-size: 0.875rem;
}

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

.btn[b-df5x0n432z] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer;
}

.btn-primary[b-df5x0n432z] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-df5x0n432z] {
    background: var(--primary-hover);
}

.btn-secondary[b-df5x0n432z] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-df5x0n432z] {
    background: var(--card-background-hover);
    border-color: var(--border-light);
}

.btn-warning[b-df5x0n432z] {
    background: #f59e0b;
    color: white;
}

.btn-warning:hover[b-df5x0n432z] {
    background: #d97706;
}

.btn-danger[b-df5x0n432z] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover[b-df5x0n432z] {
    background: #dc2626;
}

.btn-sm[b-df5x0n432z] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

/* Danger Zone */
.danger-zone[b-df5x0n432z] {
    margin-top: 1.5rem;
    border-color: rgba(239, 68, 68, 0.3);
    background: rgba(239, 68, 68, 0.02);
}

.danger-zone h3[b-df5x0n432z] {
    color: var(--danger);
}

.danger-zone .warning-text[b-df5x0n432z] {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
}

.delete-confirm[b-df5x0n432z] {
    background: var(--danger-bg);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: var(--radius-md);
    padding: 1rem;
}

.delete-confirm p[b-df5x0n432z] {
    margin: 0 0 1rem 0;
    color: var(--text-primary);
    font-size: 0.875rem;
}

.delete-confirm strong[b-df5x0n432z] {
    color: var(--danger);
}

.confirm-actions[b-df5x0n432z] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}
/* _content/EmergencyFlow.Admin/Components/Pages/Admins/Edit.razor.rz.scp.css */
/* Admin Edit Page */

.page-header[b-kua7wvr14d] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-kua7wvr14d] {
    margin: 0 0 0.25rem 0;
}

.page-header .subtitle[b-kua7wvr14d] {
    color: var(--text-muted);
    margin: 0;
    font-size: 0.875rem;
}

.alert[b-kua7wvr14d] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-danger[b-kua7wvr14d] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-warning[b-kua7wvr14d] {
    background: rgba(234, 179, 8, 0.1);
    color: #ca8a04;
    border: 1px solid rgba(234, 179, 8, 0.2);
}

.card[b-kua7wvr14d] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    max-width: 600px;
}

.form-row[b-kua7wvr14d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-group[b-kua7wvr14d] {
    margin-bottom: 1.5rem;
}

.form-group label[b-kua7wvr14d] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-kua7wvr14d] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control:focus[b-kua7wvr14d] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-hint[b-kua7wvr14d] {
    display: block;
    margin-top: 0.375rem;
    color: var(--text-muted);
    font-size: 0.8125rem;
    line-height: 1.5;
}

.info-box[b-kua7wvr14d] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 0.75rem 1rem;
    margin-bottom: 1.5rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.info-box.info-username[b-kua7wvr14d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.info-box .icon[b-kua7wvr14d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    background: var(--primary);
    color: white;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 600;
    flex-shrink: 0;
}

.badge[b-kua7wvr14d] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-full);
    font-size: 0.6875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    margin-left: 0.5rem;
}

.badge-success[b-kua7wvr14d] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.form-actions[b-kua7wvr14d] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

.btn[b-kua7wvr14d] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9375rem;
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer;
}

.btn-primary[b-kua7wvr14d] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-kua7wvr14d] {
    background: var(--primary-hover);
    color: white;
}

.btn-secondary[b-kua7wvr14d] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-kua7wvr14d] {
    background: var(--card-background-hover);
    border-color: var(--border-light);
    color: var(--text-primary);
}
/* _content/EmergencyFlow.Admin/Components/Pages/Admins/Index.razor.rz.scp.css */
/* Admin Index Page */

.page-header[b-e77zg1775z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.page-header h1[b-e77zg1775z] {
    margin: 0;
}

.alert[b-e77zg1775z] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-success[b-e77zg1775z] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.alert-danger[b-e77zg1775z] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.card[b-e77zg1775z] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

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

.table th[b-e77zg1775z],
.table td[b-e77zg1775z] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.table th[b-e77zg1775z] {
    background: var(--background-secondary);
    color: var(--text-muted);
    font-weight: 500;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.table td[b-e77zg1775z] {
    color: var(--text-primary);
    font-size: 0.875rem;
}

.table tbody tr:hover[b-e77zg1775z] {
    background: var(--background-secondary);
}

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

.phone-hint[b-e77zg1775z] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.8125rem;
    margin-right: 0.5rem;
}

.username-hint[b-e77zg1775z] {
    display: block;
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: 400;
}

.badge[b-e77zg1775z] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-full);
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.badge-success[b-e77zg1775z] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.badge-warning[b-e77zg1775z] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

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

.text-muted[b-e77zg1775z] {
    color: var(--text-muted);
}

.btn[b-e77zg1775z] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer;
}

.btn-primary[b-e77zg1775z] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-e77zg1775z] {
    background: var(--primary-hover);
    color: white;
}

.btn-secondary[b-e77zg1775z] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-e77zg1775z] {
    background: var(--card-background-hover);
    border-color: var(--border-light);
    color: var(--text-primary);
}

.btn-sm[b-e77zg1775z] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}
/* _content/EmergencyFlow.Admin/Components/Pages/AdminSetup.razor.rz.scp.css */
/* Admin Setup Page */

.setup-container[b-7jd1agwpdr] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.setup-box[b-7jd1agwpdr] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 420px;
}

.setup-box h1[b-7jd1agwpdr] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.setup-box h3[b-7jd1agwpdr] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 1.5rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.alert[b-7jd1agwpdr] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-danger[b-7jd1agwpdr] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.info-box[b-7jd1agwpdr] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.info-box p[b-7jd1agwpdr] {
    color: var(--primary);
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
}

.info-box p + p[b-7jd1agwpdr] {
    margin-top: 0.5rem;
}

.form-group[b-7jd1agwpdr] {
    margin-bottom: 1.25rem;
}

.form-group label[b-7jd1agwpdr] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-7jd1agwpdr] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control:focus[b-7jd1agwpdr] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-hint[b-7jd1agwpdr] {
    display: block;
    margin-top: 0.375rem;
    color: var(--text-muted);
    font-size: 0.75rem;
}

.username-display[b-7jd1agwpdr] {
    padding: 0.75rem 1rem;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--primary);
}

.user-info[b-7jd1agwpdr] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.user-info .info-row[b-7jd1agwpdr] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.user-info .info-row:not(:last-child)[b-7jd1agwpdr] {
    border-bottom: 1px solid var(--border);
}

.user-info .label[b-7jd1agwpdr] {
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.user-info .value[b-7jd1agwpdr] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-weight: 600;
    color: var(--primary);
    font-size: 0.875rem;
}

.btn-primary[b-7jd1agwpdr] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-7jd1agwpdr] {
    background: var(--primary-hover);
}

.btn-secondary[b-7jd1agwpdr] {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
}

.btn-secondary:hover[b-7jd1agwpdr] {
    background: var(--border);
}

.steps[b-7jd1agwpdr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.step[b-7jd1agwpdr] {
    font-size: 0.75rem;
    color: var(--text-muted);
    padding: 0.375rem 0.75rem;
    border-radius: var(--radius-full);
    background: var(--background-secondary);
}

.step.active[b-7jd1agwpdr] {
    background: var(--primary);
    color: white;
}

.step.completed[b-7jd1agwpdr] {
    background: var(--success-bg);
    color: var(--success);
}
/* _content/EmergencyFlow.Admin/Components/Pages/Backends/Create.razor.rz.scp.css */
/* Backends Create - Dark Mode */

.page-header[b-0cfs36f7uz] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-0cfs36f7uz] {
    margin: 0;
}

.form-card[b-0cfs36f7uz],
.success-card[b-0cfs36f7uz] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 2rem;
    max-width: 600px;
}

.form-group[b-0cfs36f7uz] {
    margin-bottom: 1.5rem;
}

.form-group label[b-0cfs36f7uz] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.form-control[b-0cfs36f7uz] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control[b-0cfs36f7uz]::placeholder {
    color: var(--text-muted);
}

.form-control:hover[b-0cfs36f7uz] {
    border-color: var(--border-light);
}

.form-control:focus[b-0cfs36f7uz] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-help[b-0cfs36f7uz] {
    display: block;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.form-actions[b-0cfs36f7uz] {
    display: flex;
    gap: 1rem;
}

.btn[b-0cfs36f7uz] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    font-family: inherit;
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary[b-0cfs36f7uz] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-0cfs36f7uz] {
    background: var(--primary-hover);
    color: white;
}

.btn-primary:disabled[b-0cfs36f7uz] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.btn-secondary[b-0cfs36f7uz] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-0cfs36f7uz] {
    background: var(--card-background-hover);
    color: var(--text-primary);
}

.btn-sm[b-0cfs36f7uz] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.alert-danger[b-0cfs36f7uz] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.alert-success[b-0cfs36f7uz] {
    background: var(--success-bg);
    color: var(--success);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(34, 197, 94, 0.2);
    font-size: 0.875rem;
}

.alert-success strong[b-0cfs36f7uz] {
    font-weight: 600;
}

.api-key-section[b-0cfs36f7uz] {
    margin-bottom: 1.5rem;
}

.api-key-section h3[b-0cfs36f7uz] {
    margin: 0 0 0.75rem 0;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.warning-text[b-0cfs36f7uz] {
    color: var(--warning);
    background: var(--warning-bg);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
    font-size: 0.875rem;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

.api-key-box[b-0cfs36f7uz] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    background: var(--background-secondary);
    padding: 1rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
}

.api-key-box code[b-0cfs36f7uz] {
    flex: 1;
    font-size: 0.9375rem;
    word-break: break-all;
    background: var(--background);
    color: var(--text-primary);
    padding: 0.625rem 0.75rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;
}

.copied-notice[b-0cfs36f7uz] {
    color: var(--success);
    font-size: 0.875rem;
    margin-top: 0.75rem;
    display: block;
    font-weight: 500;
}

.backend-info[b-0cfs36f7uz] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.backend-info dl[b-0cfs36f7uz] {
    margin: 0;
}

.backend-info dt[b-0cfs36f7uz] {
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.75rem;
}

.backend-info dt:first-child[b-0cfs36f7uz] {
    margin-top: 0;
}

.backend-info dd[b-0cfs36f7uz] {
    margin: 0.25rem 0 0 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.backend-info code[b-0cfs36f7uz] {
    background: var(--background);
    color: var(--text-primary);
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    border: 1px solid var(--border);
}

/* Modal styles */
.modal-overlay[b-0cfs36f7uz] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-0cfs36f7uz 0.15s ease-out;
}

@keyframes fadeIn-b-0cfs36f7uz {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.modal-content[b-0cfs36f7uz] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    max-width: 450px;
    width: 90%;
    animation: slideIn-b-0cfs36f7uz 0.15s ease-out;
}

@keyframes slideIn-b-0cfs36f7uz {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-content h3[b-0cfs36f7uz] {
    margin: 0 0 1rem 0;
    color: var(--text-primary);
    font-size: 1.125rem;
}

.modal-content p[b-0cfs36f7uz] {
    margin: 0.5rem 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.modal-content .text-muted[b-0cfs36f7uz] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.modal-actions[b-0cfs36f7uz] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.modal-wide[b-0cfs36f7uz] {
    max-width: 500px;
}

/* _content/EmergencyFlow.Admin/Components/Pages/Backends/Edit.razor.rz.scp.css */
/* Backends Edit - Dark Mode */

.page-header[b-0ac1rvy606] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-0ac1rvy606] {
    margin: 0;
}

.form-card[b-0ac1rvy606],
.success-card[b-0ac1rvy606] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 2rem;
    max-width: 600px;
}

.form-group[b-0ac1rvy606] {
    margin-bottom: 1.5rem;
}

.form-group label[b-0ac1rvy606] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.form-control[b-0ac1rvy606] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control[b-0ac1rvy606]::placeholder {
    color: var(--text-muted);
}

.form-control:hover[b-0ac1rvy606] {
    border-color: var(--border-light);
}

.form-control:focus[b-0ac1rvy606] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-help[b-0ac1rvy606] {
    display: block;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.form-actions[b-0ac1rvy606] {
    display: flex;
    gap: 1rem;
}

.readonly-info[b-0ac1rvy606] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    padding: 1rem 1.25rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.readonly-info h3[b-0ac1rvy606] {
    margin: 0 0 1rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
}

.readonly-info dl[b-0ac1rvy606] {
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5rem 1rem;
    align-items: center;
}

.readonly-info dt[b-0ac1rvy606] {
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.readonly-info dd[b-0ac1rvy606] {
    margin: 0;
    color: var(--text-primary);
    font-size: 0.875rem;
}

.readonly-info code[b-0ac1rvy606] {
    background: var(--background);
    color: var(--text-primary);
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.8125rem;
    border: 1px solid var(--border);
}

.api-key-regenerate-section[b-0ac1rvy606] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.api-key-regenerate-section h3[b-0ac1rvy606] {
    margin: 0 0 0.5rem 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
}

.text-muted[b-0ac1rvy606] {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.btn[b-0ac1rvy606] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    font-family: inherit;
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary[b-0ac1rvy606] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-0ac1rvy606] {
    background: var(--primary-hover);
    color: white;
}

.btn-primary:disabled[b-0ac1rvy606] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.btn-secondary[b-0ac1rvy606] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-0ac1rvy606] {
    background: var(--card-background-hover);
    color: var(--text-primary);
}

.btn-warning[b-0ac1rvy606] {
    background: var(--warning);
    color: #1a1a1a;
}

.btn-warning:hover[b-0ac1rvy606] {
    background: #d97706;
    color: #1a1a1a;
}

.btn-warning:disabled[b-0ac1rvy606] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.btn-sm[b-0ac1rvy606] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.alert-danger[b-0ac1rvy606] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.alert-success[b-0ac1rvy606] {
    background: var(--success-bg);
    color: var(--success);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(34, 197, 94, 0.2);
    font-size: 0.875rem;
}

.alert-success strong[b-0ac1rvy606] {
    font-weight: 600;
}

.alert-warning[b-0ac1rvy606] {
    background: var(--warning-bg);
    color: var(--warning);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(234, 179, 8, 0.2);
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.api-key-section[b-0ac1rvy606] {
    margin-bottom: 1.5rem;
}

.api-key-section h3[b-0ac1rvy606] {
    margin: 0 0 0.75rem 0;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.warning-text[b-0ac1rvy606] {
    color: var(--warning);
    background: var(--warning-bg);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
    font-size: 0.875rem;
    border: 1px solid rgba(245, 158, 11, 0.2);
}

.api-key-box[b-0ac1rvy606] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    background: var(--background-secondary);
    padding: 1rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
}

.api-key-box code[b-0ac1rvy606] {
    flex: 1;
    font-size: 0.9375rem;
    word-break: break-all;
    background: var(--background);
    color: var(--text-primary);
    padding: 0.625rem 0.75rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;
}

.copied-notice[b-0ac1rvy606] {
    color: var(--success);
    font-size: 0.875rem;
    margin-top: 0.75rem;
    display: block;
    font-weight: 500;
}

.backend-info[b-0ac1rvy606] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.backend-info dl[b-0ac1rvy606] {
    margin: 0;
}

.backend-info dt[b-0ac1rvy606] {
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.75rem;
}

.backend-info dt:first-child[b-0ac1rvy606] {
    margin-top: 0;
}

.backend-info dd[b-0ac1rvy606] {
    margin: 0.25rem 0 0 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.backend-info code[b-0ac1rvy606] {
    background: var(--background);
    color: var(--text-primary);
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    border: 1px solid var(--border);
}

.status-badge[b-0ac1rvy606] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-active[b-0ac1rvy606] {
    background: var(--success-bg);
    color: var(--success);
}

.status-suspended[b-0ac1rvy606] {
    background: var(--danger-bg);
    color: var(--danger);
}

/* Modal styles */
.modal-overlay[b-0ac1rvy606] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-0ac1rvy606 0.15s ease-out;
}

@keyframes fadeIn-b-0ac1rvy606 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.modal-content[b-0ac1rvy606] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    max-width: 450px;
    width: 90%;
    animation: slideIn-b-0ac1rvy606 0.15s ease-out;
}

@keyframes slideIn-b-0ac1rvy606 {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-content h3[b-0ac1rvy606] {
    margin: 0 0 1rem 0;
    color: var(--text-primary);
    font-size: 1.125rem;
}

.modal-content p[b-0ac1rvy606] {
    margin: 0.5rem 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.modal-actions[b-0ac1rvy606] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

/* _content/EmergencyFlow.Admin/Components/Pages/Customers/Create.razor.rz.scp.css */
/* Customers Create - Dark Mode */

.page-header[b-6yhkxnko1e] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-6yhkxnko1e] {
    margin: 0;
}

.form-card[b-6yhkxnko1e] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 2rem;
    max-width: 600px;
}

.form-group[b-6yhkxnko1e] {
    margin-bottom: 1.5rem;
}

.form-group label[b-6yhkxnko1e] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.form-control[b-6yhkxnko1e] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control[b-6yhkxnko1e]::placeholder {
    color: var(--text-muted);
}

.form-control:hover[b-6yhkxnko1e] {
    border-color: var(--border-light);
}

.form-control:focus[b-6yhkxnko1e] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-help[b-6yhkxnko1e] {
    display: block;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.url-preview[b-6yhkxnko1e] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.url-preview h4[b-6yhkxnko1e] {
    margin: 0 0 0.75rem 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.url-preview p[b-6yhkxnko1e] {
    margin: 0.375rem 0;
    font-size: 0.875rem;
    word-break: break-all;
    color: var(--text-secondary);
}

.url-preview p strong[b-6yhkxnko1e] {
    color: var(--text-primary);
}

.form-actions[b-6yhkxnko1e] {
    display: flex;
    gap: 1rem;
}

.btn[b-6yhkxnko1e] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    font-family: inherit;
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary[b-6yhkxnko1e] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-6yhkxnko1e] {
    background: var(--primary-hover);
    color: white;
}

.btn-primary:disabled[b-6yhkxnko1e] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.btn-secondary[b-6yhkxnko1e] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-6yhkxnko1e] {
    background: var(--card-background-hover);
    color: var(--text-primary);
}

.alert-danger[b-6yhkxnko1e] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}
/* _content/EmergencyFlow.Admin/Components/Pages/Customers/Details.razor.rz.scp.css */
/* Customers Details - Dark Mode */

.page-header[b-cax02mrt8c] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.page-header h1[b-cax02mrt8c] {
    margin: 0 0 0.5rem 0;
}

.header-actions[b-cax02mrt8c] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.details-grid[b-cax02mrt8c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.detail-card[b-cax02mrt8c] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

.detail-card h3[b-cax02mrt8c] {
    margin: 0 0 1rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.detail-card dl[b-cax02mrt8c] {
    margin: 0;
}

.detail-card dt[b-cax02mrt8c] {
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 1rem;
}

.detail-card dt:first-child[b-cax02mrt8c] {
    margin-top: 0;
}

.detail-card dd[b-cax02mrt8c] {
    margin: 0.375rem 0 0 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.detail-card code[b-cax02mrt8c] {
    background: var(--background);
    color: var(--text-primary);
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    border: 1px solid var(--border);
}

.detail-card a[b-cax02mrt8c] {
    color: var(--primary);
    word-break: break-all;
    transition: color var(--transition-fast);
}

.detail-card a:hover[b-cax02mrt8c] {
    color: var(--primary-hover);
}

.form-control-inline[b-cax02mrt8c] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-family: inherit;
    background: var(--background-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.form-control-inline:hover[b-cax02mrt8c] {
    border-color: var(--border-light);
}

.form-control-inline:focus[b-cax02mrt8c] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 2px var(--primary-light);
}

.backends-section[b-cax02mrt8c] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

.section-header[b-cax02mrt8c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.section-header h3[b-cax02mrt8c] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.section-header-actions[b-cax02mrt8c] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.data-table[b-cax02mrt8c] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.data-table th[b-cax02mrt8c],
.data-table td[b-cax02mrt8c] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.data-table th[b-cax02mrt8c] {
    background: var(--background-secondary);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.data-table tr:last-child td[b-cax02mrt8c] {
    border-bottom: none;
}

.data-table tbody tr[b-cax02mrt8c] {
    transition: background-color var(--transition-fast);
}

.data-table tbody tr:hover[b-cax02mrt8c] {
    background: var(--card-background-hover);
}

.data-table code[b-cax02mrt8c] {
    background: var(--background);
    color: var(--text-primary);
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.8125rem;
    border: 1px solid var(--border);
}

.status-badge[b-cax02mrt8c] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-pending[b-cax02mrt8c] {
    background: var(--warning-bg);
    color: var(--warning);
}

.status-active[b-cax02mrt8c] {
    background: var(--success-bg);
    color: var(--success);
}

.status-suspended[b-cax02mrt8c] {
    background: var(--danger-bg);
    color: var(--danger);
}

.empty-state[b-cax02mrt8c] {
    text-align: center;
    padding: 2rem;
    color: var(--text-muted);
}

.btn[b-cax02mrt8c] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary[b-cax02mrt8c] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-cax02mrt8c] {
    background: var(--primary-hover);
    color: white;
}

.btn-secondary[b-cax02mrt8c] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-cax02mrt8c] {
    background: var(--card-background-hover);
    color: var(--text-primary);
}

.btn-sm[b-cax02mrt8c] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.alert-success[b-cax02mrt8c] {
    background: var(--success-bg);
    color: var(--success);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-top: 1.5rem;
    border: 1px solid rgba(34, 197, 94, 0.2);
    font-size: 0.875rem;
}

.alert-danger[b-cax02mrt8c] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
    margin-top: 1.5rem;
}

.alert-warning[b-cax02mrt8c] {
    background: var(--warning-bg);
    color: var(--warning);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(234, 179, 8, 0.2);
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.btn-danger[b-cax02mrt8c] {
    background: var(--danger);
    color: white;
}

.btn-danger:hover[b-cax02mrt8c] {
    background: #dc2626;
    color: white;
}

.btn-danger:disabled[b-cax02mrt8c] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.action-buttons[b-cax02mrt8c] {
    display: flex;
    gap: 0.5rem;
}

/* Modal styles */
.modal-overlay[b-cax02mrt8c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-cax02mrt8c 0.15s ease-out;
}

@keyframes fadeIn-b-cax02mrt8c {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.modal-content[b-cax02mrt8c] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    max-width: 450px;
    width: 90%;
    animation: slideIn-b-cax02mrt8c 0.15s ease-out;
}

@keyframes slideIn-b-cax02mrt8c {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-content h3[b-cax02mrt8c] {
    margin: 0 0 1rem 0;
    color: var(--text-primary);
    font-size: 1.125rem;
}

.modal-content p[b-cax02mrt8c] {
    margin: 0.5rem 0;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.modal-content .text-muted[b-cax02mrt8c] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.modal-actions[b-cax02mrt8c] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.modal-wide[b-cax02mrt8c] {
    max-width: 500px;
}

.form-group[b-cax02mrt8c] {
    margin-bottom: 1rem;
}

.form-group label[b-cax02mrt8c] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.form-control[b-cax02mrt8c] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control:hover[b-cax02mrt8c] {
    border-color: var(--border-light);
}

.form-control:focus[b-cax02mrt8c] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 2px var(--primary-light);
}

.form-control[b-cax02mrt8c]::placeholder {
    color: var(--text-muted);
}

.btn:disabled[b-cax02mrt8c],
.btn-secondary:disabled[b-cax02mrt8c] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
    border-color: var(--border);
}

.btn-primary:disabled[b-cax02mrt8c] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

/* Connection Status Classes */
.connection-status[b-cax02mrt8c] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    border-radius: var(--radius-sm);
    font-size: 0.8125rem;
    font-weight: 500;
}

.status-connected-recent[b-cax02mrt8c] {
    background: var(--success-bg);
    color: var(--success);
}

.status-connected-warning[b-cax02mrt8c] {
    background: var(--warning-bg);
    color: var(--warning);
}

.status-offline[b-cax02mrt8c] {
    background: var(--danger-bg);
    color: var(--danger);
}

/* Deployment Section Styles */
.deployment-section[b-cax02mrt8c] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.deployment-status-grid[b-cax02mrt8c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.deployment-status-card[b-cax02mrt8c] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.deployment-error-card[b-cax02mrt8c] {
    grid-column: 1 / -1;
}

.deployment-status-label[b-cax02mrt8c] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.deployment-status-value[b-cax02mrt8c] {
    font-size: 0.9375rem;
    color: var(--text-primary);
}

.error-text[b-cax02mrt8c] {
    color: var(--danger);
}

.deployment-status-badge[b-cax02mrt8c] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.875rem;
    border-radius: 9999px;
    font-size: 0.8125rem;
    font-weight: 600;
    width: fit-content;
}

.status-notdeployed[b-cax02mrt8c] {
    background: var(--border);
    color: var(--text-muted);
}

.status-deploying[b-cax02mrt8c] {
    background: var(--info-bg, rgba(59, 130, 246, 0.1));
    color: var(--info, #3b82f6);
    animation: pulse-b-cax02mrt8c 2s ease-in-out infinite;
}

.status-running[b-cax02mrt8c] {
    background: var(--success-bg);
    color: var(--success);
}

.status-stopped[b-cax02mrt8c] {
    background: var(--warning-bg);
    color: var(--warning);
}

.status-error[b-cax02mrt8c] {
    background: var(--danger-bg);
    color: var(--danger);
}

@keyframes pulse-b-cax02mrt8c {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

/* Container Status */
.container-status-section[b-cax02mrt8c] {
    margin-top: 1.5rem;
}

.container-status-section h4[b-cax02mrt8c] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 1rem 0;
}

.container-status-grid[b-cax02mrt8c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.container-status-card[b-cax02mrt8c] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 0.875rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.container-running[b-cax02mrt8c] {
    border-left: 3px solid var(--success);
}

.container-stopped[b-cax02mrt8c] {
    border-left: 3px solid var(--danger);
}

.container-name[b-cax02mrt8c] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-primary);
    font-family: monospace;
}

.container-status[b-cax02mrt8c] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.container-health[b-cax02mrt8c] {
    font-size: 0.6875rem;
    font-weight: 500;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    width: fit-content;
}

.health-healthy[b-cax02mrt8c] {
    background: var(--success-bg);
    color: var(--success);
}

.health-unhealthy[b-cax02mrt8c] {
    background: var(--danger-bg);
    color: var(--danger);
}

.health-starting[b-cax02mrt8c] {
    background: var(--warning-bg);
    color: var(--warning);
}

/* Deployment Log */
.deployment-log-section[b-cax02mrt8c] {
    margin-top: 1.5rem;
}

.deployment-log-section h4[b-cax02mrt8c] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 0.75rem 0;
}

.deployment-log[b-cax02mrt8c] {
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    max-height: 300px;
    overflow-y: auto;
    font-family: monospace;
    font-size: 0.8125rem;
    line-height: 1.6;
}

.log-line[b-cax02mrt8c] {
    color: var(--text-secondary);
    white-space: pre-wrap;
    word-break: break-all;
}

.log-error[b-cax02mrt8c] {
    color: var(--danger);
    font-weight: 500;
}

/* Button variants for deployment */
.btn-warning[b-cax02mrt8c] {
    background: var(--warning);
    color: #000;
}

.btn-warning:hover[b-cax02mrt8c] {
    background: #ca8a04;
    color: #000;
}

/* Connection Indicator */
.connection-indicator[b-cax02mrt8c] {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 0.8125rem;
}

.connection-indicator.connected[b-cax02mrt8c] {
    color: #22c55e;
}

.connection-indicator.disconnected[b-cax02mrt8c] {
    color: var(--text-muted);
}

/* _content/EmergencyFlow.Admin/Components/Pages/Customers/Edit.razor.rz.scp.css */
/* Customers Edit - Dark Mode */

.page-header[b-18nqeu3r1i] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-18nqeu3r1i] {
    margin: 0;
}

.form-card[b-18nqeu3r1i] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 2rem;
    max-width: 600px;
}

.form-group[b-18nqeu3r1i] {
    margin-bottom: 1.5rem;
}

.form-group label[b-18nqeu3r1i] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.form-control[b-18nqeu3r1i] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control[b-18nqeu3r1i]::placeholder {
    color: var(--text-muted);
}

.form-control:hover:not(:disabled)[b-18nqeu3r1i] {
    border-color: var(--border-light);
}

.form-control:focus:not(:disabled)[b-18nqeu3r1i] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.form-control-readonly[b-18nqeu3r1i] {
    background: var(--background);
    color: var(--text-muted);
    cursor: not-allowed;
}

.form-help[b-18nqeu3r1i] {
    display: block;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.url-preview[b-18nqeu3r1i] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.url-preview h4[b-18nqeu3r1i] {
    margin: 0 0 0.75rem 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.url-preview p[b-18nqeu3r1i] {
    margin: 0.375rem 0;
    font-size: 0.875rem;
    word-break: break-all;
    color: var(--text-secondary);
}

.url-preview p strong[b-18nqeu3r1i] {
    color: var(--text-primary);
}

.form-actions[b-18nqeu3r1i] {
    display: flex;
    gap: 1rem;
}

.btn[b-18nqeu3r1i] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    font-family: inherit;
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary[b-18nqeu3r1i] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-18nqeu3r1i] {
    background: var(--primary-hover);
    color: white;
}

.btn-primary:disabled[b-18nqeu3r1i] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.btn-secondary[b-18nqeu3r1i] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-18nqeu3r1i] {
    background: var(--card-background-hover);
    color: var(--text-primary);
}

.alert-danger[b-18nqeu3r1i] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}
/* _content/EmergencyFlow.Admin/Components/Pages/Customers/Index.razor.rz.scp.css */
/* Customers Index - Dark Mode */

.page-header[b-c9uld4h9fy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.page-header h1[b-c9uld4h9fy] {
    margin: 0;
}

.btn[b-c9uld4h9fy] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    border: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary[b-c9uld4h9fy] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-c9uld4h9fy] {
    background: var(--primary-hover);
    color: white;
}

.btn-secondary[b-c9uld4h9fy] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-c9uld4h9fy] {
    background: var(--card-background-hover);
    color: var(--text-primary);
}

.btn-sm[b-c9uld4h9fy] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.data-table[b-c9uld4h9fy] {
    width: 100%;
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}

.data-table th[b-c9uld4h9fy],
.data-table td[b-c9uld4h9fy] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border);
}

.data-table th[b-c9uld4h9fy] {
    background: var(--background-secondary);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.data-table tr:last-child td[b-c9uld4h9fy] {
    border-bottom: none;
}

.data-table tbody tr[b-c9uld4h9fy] {
    transition: background-color var(--transition-fast);
}

.data-table tbody tr:hover[b-c9uld4h9fy] {
    background: var(--card-background-hover);
}

.data-table code[b-c9uld4h9fy] {
    background: var(--background);
    color: var(--text-primary);
    padding: 0.2rem 0.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.8125rem;
    border: 1px solid var(--border);
}

.status-badge[b-c9uld4h9fy] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-pending[b-c9uld4h9fy] {
    background: var(--warning-bg);
    color: var(--warning);
}

.status-active[b-c9uld4h9fy] {
    background: var(--success-bg);
    color: var(--success);
}

.status-suspended[b-c9uld4h9fy] {
    background: var(--danger-bg);
    color: var(--danger);
}

.empty-state[b-c9uld4h9fy] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 3rem;
    text-align: center;
}

.empty-state p[b-c9uld4h9fy] {
    color: var(--text-muted);
    margin-bottom: 1.5rem;
}
/* _content/EmergencyFlow.Admin/Components/Pages/Dashboard.razor.rz.scp.css */
/* Dashboard - Dark Mode */

.alert[b-g2rppfc3x6] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-success[b-g2rppfc3x6] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.alert-danger[b-g2rppfc3x6] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

/* Recovery Alerts Section */
.recovery-alerts[b-g2rppfc3x6] {
    background: rgba(245, 158, 11, 0.05);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.recovery-header[b-g2rppfc3x6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.recovery-header h3[b-g2rppfc3x6] {
    margin: 0;
    color: #f59e0b;
    font-size: 1rem;
    font-weight: 600;
}

.badge[b-g2rppfc3x6] {
    background: #f59e0b;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
}

.recovery-list[b-g2rppfc3x6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.recovery-item[b-g2rppfc3x6] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.recovery-info[b-g2rppfc3x6] {
    flex: 1;
}

.recovery-user[b-g2rppfc3x6] {
    font-weight: 600;
    color: var(--text-primary);
    font-size: 0.9375rem;
}

.recovery-email[b-g2rppfc3x6] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin-top: 0.125rem;
}

.recovery-meta[b-g2rppfc3x6] {
    color: var(--text-muted);
    font-size: 0.75rem;
    margin-top: 0.375rem;
}

.recovery-actions[b-g2rppfc3x6] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.btn-sm[b-g2rppfc3x6] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.btn-success[b-g2rppfc3x6] {
    background: #22c55e;
    color: white;
}

.btn-success:hover[b-g2rppfc3x6] {
    background: #16a34a;
}

.btn-danger[b-g2rppfc3x6] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover[b-g2rppfc3x6] {
    background: #dc2626;
}

/* Dashboard Stats */
.dashboard-stats[b-g2rppfc3x6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-g2rppfc3x6] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    text-align: center;
    transition: all var(--transition-fast);
}

.stat-card:hover[b-g2rppfc3x6] {
    border-color: var(--border-light);
}

.stat-card.active[b-g2rppfc3x6] {
    background: var(--primary-light);
    border-color: var(--primary);
}

.stat-value[b-g2rppfc3x6] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    letter-spacing: -0.025em;
}

.stat-card.active .stat-value[b-g2rppfc3x6] {
    color: var(--primary);
}

.stat-label[b-g2rppfc3x6] {
    font-size: 0.875rem;
    color: var(--text-muted);
    font-weight: 500;
}

.stat-card.active .stat-label[b-g2rppfc3x6] {
    color: var(--primary);
    opacity: 0.8;
}

/* Dashboard Actions */
.dashboard-actions[b-g2rppfc3x6] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

.dashboard-actions h3[b-g2rppfc3x6] {
    margin: 0 0 1rem 0;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}

.action-buttons[b-g2rppfc3x6] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn[b-g2rppfc3x6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    transition: all var(--transition-fast);
    border: none;
    cursor: pointer;
}

.btn-primary[b-g2rppfc3x6] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover[b-g2rppfc3x6] {
    background: var(--primary-hover);
    color: white;
}

.btn-secondary[b-g2rppfc3x6] {
    background: var(--card-background);
    color: var(--text-primary);
    border: 1px solid var(--border);
}

.btn-secondary:hover[b-g2rppfc3x6] {
    background: var(--card-background-hover);
    border-color: var(--border-light);
    color: var(--text-primary);
}

/* Backend Connection Status Cards */
.stat-card.success[b-g2rppfc3x6] {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.3);
}

.stat-card.success .stat-value[b-g2rppfc3x6] {
    color: #22c55e;
}

.stat-card.success .stat-label[b-g2rppfc3x6] {
    color: #22c55e;
    opacity: 0.8;
}

.stat-card.warning[b-g2rppfc3x6] {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.3);
}

.stat-card.warning .stat-value[b-g2rppfc3x6] {
    color: #f59e0b;
}

.stat-card.warning .stat-label[b-g2rppfc3x6] {
    color: #f59e0b;
    opacity: 0.8;
}

/* Backend Status Section */
.backend-status-section[b-g2rppfc3x6] {
    background: var(--card-background);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    margin-top: 2rem;
    margin-bottom: 2rem;
    overflow: hidden;
}

.section-toggle[b-g2rppfc3x6] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: transparent;
    border: none;
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--transition-fast);
}

.section-toggle:hover[b-g2rppfc3x6] {
    background: var(--card-background-hover);
}

.toggle-icon[b-g2rppfc3x6] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

/* Backend Table */
.backend-table[b-g2rppfc3x6] {
    width: 100%;
    border-collapse: collapse;
}

.backend-table thead[b-g2rppfc3x6] {
    background: rgba(255, 255, 255, 0.02);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.backend-table th[b-g2rppfc3x6] {
    padding: 0.75rem 1.25rem;
    text-align: left;
    font-weight: 500;
    font-size: 0.8125rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.backend-table td[b-g2rppfc3x6] {
    padding: 0.875rem 1.25rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.875rem;
    color: var(--text-primary);
}

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

.backend-table tbody tr:hover[b-g2rppfc3x6] {
    background: var(--card-background-hover);
}

.backend-table a[b-g2rppfc3x6] {
    color: var(--primary);
    text-decoration: none;
}

.backend-table a:hover[b-g2rppfc3x6] {
    text-decoration: underline;
}

/* Connection Indicator */
.connection-indicator[b-g2rppfc3x6] {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 0.8125rem;
}

.connection-indicator.connected[b-g2rppfc3x6] {
    color: #22c55e;
}

.connection-indicator.disconnected[b-g2rppfc3x6] {
    color: var(--text-muted);
}

/* Last Connected Time */
.last-connected.recent[b-g2rppfc3x6] {
    color: #22c55e;
}

.last-connected.warning[b-g2rppfc3x6] {
    color: #f59e0b;
}

.last-connected.old[b-g2rppfc3x6] {
    color: var(--text-muted);
}

.last-connected.never[b-g2rppfc3x6] {
    color: var(--text-muted);
    font-style: italic;
}

/* Sync Info */
.sync-info[b-g2rppfc3x6] {
    padding: 0.75rem 1.25rem;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-align: center;
    border-top: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.02);
}

/* Empty State */
.empty-state[b-g2rppfc3x6] {
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
}
/* _content/EmergencyFlow.Admin/Components/Pages/ForgotPassword.razor.rz.scp.css */
/* Forgot Password Page */

.login-container[b-s7hfelbk0w] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.login-box[b-s7hfelbk0w] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 400px;
}

.login-box h1[b-s7hfelbk0w] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.login-box h3[b-s7hfelbk0w] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.form-group[b-s7hfelbk0w] {
    margin-bottom: 1.5rem;
}

.form-group label[b-s7hfelbk0w] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-s7hfelbk0w] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control:focus[b-s7hfelbk0w] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-s7hfelbk0w] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-s7hfelbk0w] {
    background: var(--primary-hover);
}

.btn-secondary[b-s7hfelbk0w] {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-secondary:hover[b-s7hfelbk0w] {
    background: var(--border);
}

.alert-danger[b-s7hfelbk0w] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.alert-success[b-s7hfelbk0w] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(34, 197, 94, 0.2);
    font-size: 0.875rem;
}

.info-box[b-s7hfelbk0w] {
    background: var(--background-secondary);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.info-box p[b-s7hfelbk0w] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
}

.back-link[b-s7hfelbk0w] {
    text-align: center;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.back-link a[b-s7hfelbk0w] {
    color: var(--text-muted);
    font-size: 0.875rem;
    text-decoration: none;
    transition: color var(--transition-fast);
}

.back-link a:hover[b-s7hfelbk0w] {
    color: var(--primary);
}
/* _content/EmergencyFlow.Admin/Components/Pages/Login.razor.rz.scp.css */
/* Login Page - Dark Mode */

.login-container[b-jyux20zknw] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.login-box[b-jyux20zknw] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 400px;
}

.login-box h1[b-jyux20zknw] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    font-weight: 700;
}

.login-box h3[b-jyux20zknw] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 0.9375rem;
}

.form-group[b-jyux20zknw] {
    margin-bottom: 1.5rem;
}

.form-group label[b-jyux20zknw] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-jyux20zknw] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control[b-jyux20zknw]::placeholder {
    color: var(--text-muted);
}

.form-control:hover[b-jyux20zknw] {
    border-color: var(--border-light);
}

.form-control:focus[b-jyux20zknw] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-jyux20zknw] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-jyux20zknw] {
    background: var(--primary-hover);
}

.btn-primary:focus[b-jyux20zknw] {
    outline: none;
    box-shadow: 0 0 0 2px var(--background), 0 0 0 4px var(--primary);
}

.btn-primary:disabled[b-jyux20zknw] {
    background: var(--border);
    color: var(--text-muted);
    cursor: not-allowed;
}

.alert-danger[b-jyux20zknw] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.alert-info[b-jyux20zknw] {
    background: rgba(59, 130, 246, 0.1);
    color: var(--primary);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(59, 130, 246, 0.2);
    font-size: 0.875rem;
}

.forgot-password-link[b-jyux20zknw] {
    text-align: center;
    margin-top: 1.5rem;
}

.forgot-password-link a[b-jyux20zknw] {
    color: var(--text-muted);
    font-size: 0.875rem;
    text-decoration: none;
    transition: color var(--transition-fast);
}

.forgot-password-link a:hover[b-jyux20zknw] {
    color: var(--primary);
}
/* _content/EmergencyFlow.Admin/Components/Pages/Login2FA.razor.rz.scp.css */
/* 2FA Verification Page */

.login-container[b-zasvm7due1] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.login-box[b-zasvm7due1] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 400px;
}

.login-box h1[b-zasvm7due1] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.login-box h3[b-zasvm7due1] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.form-group[b-zasvm7due1] {
    margin-bottom: 1.5rem;
}

.form-group label[b-zasvm7due1] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-zasvm7due1] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control.code-input[b-zasvm7due1] {
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 0.5rem;
    font-family: 'Consolas', 'Monaco', monospace;
}

.form-control[b-zasvm7due1]::placeholder {
    color: var(--text-muted);
    letter-spacing: 0.3rem;
}

.form-control:focus[b-zasvm7due1] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-zasvm7due1] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-zasvm7due1] {
    background: var(--primary-hover);
}

.alert-danger[b-zasvm7due1] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.help-text[b-zasvm7due1] {
    margin-top: 1.5rem;
    padding: 1rem;
    background: var(--background-secondary);
    border-radius: var(--radius-md);
}

.help-text p[b-zasvm7due1] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
}

.back-link[b-zasvm7due1] {
    text-align: center;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.back-link a[b-zasvm7due1] {
    color: var(--text-muted);
    font-size: 0.875rem;
    text-decoration: none;
    transition: color var(--transition-fast);
}

.back-link a:hover[b-zasvm7due1] {
    color: var(--primary);
}
/* _content/EmergencyFlow.Admin/Components/Pages/PhoneVerify.razor.rz.scp.css */
/* Phone Verify Page */

.verify-container[b-wert7eexjt] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.verify-box[b-wert7eexjt] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 400px;
}

.verify-box h1[b-wert7eexjt] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.verify-box h3[b-wert7eexjt] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 1.5rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.alert[b-wert7eexjt] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-danger[b-wert7eexjt] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.alert-success[b-wert7eexjt] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.info-box[b-wert7eexjt] {
    background: var(--background-secondary);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.info-box p[b-wert7eexjt] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
}

.form-group[b-wert7eexjt] {
    margin-bottom: 1.5rem;
}

.form-group label[b-wert7eexjt] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-wert7eexjt] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control.code-input[b-wert7eexjt] {
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 0.5rem;
    font-family: 'Consolas', 'Monaco', monospace;
}

.form-control[b-wert7eexjt]::placeholder {
    letter-spacing: 0.3rem;
}

.form-control:focus[b-wert7eexjt] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-wert7eexjt] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-wert7eexjt] {
    background: var(--primary-hover);
}

.btn-link[b-wert7eexjt] {
    background: none;
    border: none;
    color: var(--primary);
    font-size: 0.875rem;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
}

.btn-link:hover[b-wert7eexjt] {
    color: var(--primary-hover);
}

.resend-section[b-wert7eexjt] {
    text-align: center;
    margin-top: 1.5rem;
    padding: 1rem;
    background: var(--background-secondary);
    border-radius: var(--radius-md);
}

.resend-section p[b-wert7eexjt] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0 0 0.5rem 0;
}

.steps[b-wert7eexjt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.step[b-wert7eexjt] {
    font-size: 0.6875rem;
    color: var(--text-muted);
    padding: 0.375rem 0.625rem;
    border-radius: var(--radius-full);
    background: var(--background-secondary);
}

.step.active[b-wert7eexjt] {
    background: var(--primary);
    color: white;
}

.step.completed[b-wert7eexjt] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}
/* _content/EmergencyFlow.Admin/Components/Pages/RecoveryComplete.razor.rz.scp.css */
/* Recovery Complete Page */

.recovery-container[b-ybpv8dudyc] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.recovery-box[b-ybpv8dudyc] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 420px;
}

.recovery-box h1[b-ybpv8dudyc] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.recovery-box h3[b-ybpv8dudyc] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 1.5rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.form-group[b-ybpv8dudyc] {
    margin-bottom: 1.25rem;
}

.form-group label[b-ybpv8dudyc] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-ybpv8dudyc] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control.code-input[b-ybpv8dudyc] {
    font-size: 1.25rem;
    text-align: center;
    letter-spacing: 0.4rem;
    font-family: 'Consolas', 'Monaco', monospace;
}

.form-control:focus[b-ybpv8dudyc] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-ybpv8dudyc] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-ybpv8dudyc] {
    background: var(--primary-hover);
}

.btn-secondary[b-ybpv8dudyc] {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-secondary:hover[b-ybpv8dudyc] {
    background: var(--border);
}

.alert-danger[b-ybpv8dudyc] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.alert-success[b-ybpv8dudyc] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(34, 197, 94, 0.2);
    font-size: 0.875rem;
}

.warning-box[b-ybpv8dudyc] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(245, 158, 11, 0.2);
    font-size: 0.8125rem;
    line-height: 1.5;
}

.info-box[b-ybpv8dudyc] {
    background: var(--background-secondary);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-top: 1.5rem;
}

.info-box p[b-ybpv8dudyc] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
}

.resend-section[b-ybpv8dudyc] {
    text-align: center;
    margin-top: 1.5rem;
    padding: 1rem;
    background: var(--background-secondary);
    border-radius: var(--radius-md);
}

.resend-section p[b-ybpv8dudyc] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0 0 0.5rem 0;
}

.btn-link[b-ybpv8dudyc] {
    background: none;
    border: none;
    color: var(--primary);
    font-size: 0.875rem;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
}

.btn-link:hover[b-ybpv8dudyc] {
    color: var(--primary-hover);
}
/* _content/EmergencyFlow.Admin/Components/Pages/Setup2FA.razor.rz.scp.css */
/* 2FA Setup Page */

.setup-container[b-nlwqm3z9bx] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.setup-box[b-nlwqm3z9bx] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 450px;
}

.setup-box h1[b-nlwqm3z9bx] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.setup-box h3[b-nlwqm3z9bx] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.qr-code-container[b-nlwqm3z9bx] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: white;
    border-radius: var(--radius-md);
}

.qr-code-container img[b-nlwqm3z9bx] {
    width: 200px;
    height: 200px;
}

.secret-display[b-nlwqm3z9bx] {
    text-align: center;
    margin-bottom: 2rem;
    padding: 1rem;
    background: var(--background-secondary);
    border-radius: var(--radius-md);
}

.secret-display p[b-nlwqm3z9bx] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin-bottom: 0.5rem;
}

.secret-display code[b-nlwqm3z9bx] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.875rem;
    color: var(--primary);
    word-break: break-all;
    display: block;
    padding: 0.5rem;
    background: var(--background);
    border-radius: var(--radius-sm);
}

.form-group[b-nlwqm3z9bx] {
    margin-bottom: 1.5rem;
}

.form-group label[b-nlwqm3z9bx] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-nlwqm3z9bx] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control.code-input[b-nlwqm3z9bx] {
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 0.5rem;
    font-family: 'Consolas', 'Monaco', monospace;
}

.form-control[b-nlwqm3z9bx]::placeholder {
    color: var(--text-muted);
    letter-spacing: 0.3rem;
}

.form-control:focus[b-nlwqm3z9bx] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-nlwqm3z9bx] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-nlwqm3z9bx] {
    background: var(--primary-hover);
}

.btn-secondary[b-nlwqm3z9bx] {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-secondary:hover[b-nlwqm3z9bx] {
    background: var(--border);
}

.alert-danger[b-nlwqm3z9bx] {
    background: var(--danger-bg);
    color: var(--danger);
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
    font-size: 0.875rem;
}

.help-text[b-nlwqm3z9bx] {
    margin-top: 1.5rem;
    padding: 1rem;
    background: var(--background-secondary);
    border-radius: var(--radius-md);
}

.help-text h4[b-nlwqm3z9bx] {
    color: var(--text-primary);
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.help-text ul[b-nlwqm3z9bx] {
    color: var(--text-muted);
    font-size: 0.8125rem;
    margin: 0;
    padding-left: 1.25rem;
}

.help-text li[b-nlwqm3z9bx] {
    margin-bottom: 0.25rem;
}

.loading[b-nlwqm3z9bx] {
    text-align: center;
    color: var(--text-muted);
    padding: 2rem;
}

.steps[b-nlwqm3z9bx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.step[b-nlwqm3z9bx] {
    font-size: 0.75rem;
    color: var(--text-muted);
    padding: 0.375rem 0.75rem;
    border-radius: var(--radius-full);
    background: var(--background-secondary);
}

.step.active[b-nlwqm3z9bx] {
    background: var(--primary);
    color: white;
}

.step.completed[b-nlwqm3z9bx] {
    background: var(--success-bg);
    color: var(--success);
}
/* _content/EmergencyFlow.Admin/Components/Pages/SetupPassword.razor.rz.scp.css */
/* Setup Password Page */

.setup-container[b-872hrojdmv] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--background);
    padding: 1rem;
}

.setup-box[b-872hrojdmv] {
    background: var(--card-background);
    border: 1px solid var(--border);
    padding: 2.5rem;
    border-radius: var(--radius-xl);
    width: 100%;
    max-width: 420px;
}

.setup-box h1[b-872hrojdmv] {
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.setup-box h3[b-872hrojdmv] {
    text-align: center;
    color: var(--text-muted);
    margin-bottom: 1.5rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.alert[b-872hrojdmv] {
    padding: 0.875rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-danger[b-872hrojdmv] {
    background: var(--danger-bg);
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.info-box[b-872hrojdmv] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
}

.info-box.success[b-872hrojdmv] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.2);
}

.info-box.success p[b-872hrojdmv] {
    color: var(--success);
}

.info-box p[b-872hrojdmv] {
    color: var(--primary);
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.5;
}

.info-box p + p[b-872hrojdmv] {
    margin-top: 0.5rem;
}

.user-info[b-872hrojdmv] {
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.user-info .info-row[b-872hrojdmv] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.user-info .label[b-872hrojdmv] {
    color: var(--text-muted);
    font-size: 0.8125rem;
}

.user-info .value[b-872hrojdmv] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-weight: 600;
    color: var(--primary);
    font-size: 0.875rem;
}

.form-group[b-872hrojdmv] {
    margin-bottom: 1.25rem;
}

.form-group label[b-872hrojdmv] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 0.875rem;
}

.form-control[b-872hrojdmv] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control:focus[b-872hrojdmv] {
    border-color: var(--primary);
    outline: none;
    box-shadow: 0 0 0 3px var(--primary-light);
}

.btn-primary[b-872hrojdmv] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-872hrojdmv] {
    background: var(--primary-hover);
}

.btn-secondary[b-872hrojdmv] {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--background-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-primary);
    font-size: 0.9375rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
}

.btn-secondary:hover[b-872hrojdmv] {
    background: var(--border);
}

.steps[b-872hrojdmv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
}

.step[b-872hrojdmv] {
    font-size: 0.75rem;
    color: var(--text-muted);
    padding: 0.375rem 0.75rem;
    border-radius: var(--radius-full);
    background: var(--background-secondary);
}

.step.active[b-872hrojdmv] {
    background: var(--primary);
    color: white;
}

.step.completed[b-872hrojdmv] {
    background: var(--success-bg);
    color: var(--success);
}