@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/NoCode.Platform.Designer/Components/LanguageSwitcher.razor.rz.scp.css */
/* ─── Language Switcher ─── */
.language-switcher[b-8bhfq52laf] {
    position: relative;
    margin-right: .75rem;
}

.lang-btn[b-8bhfq52laf] {
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .6rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    color: #4b5563;
    font-size: .78rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .15s;
    line-height: 1;
}

.lang-btn:hover[b-8bhfq52laf] {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #1f2937;
}

.lang-btn i.bi-translate[b-8bhfq52laf] {
    font-size: .85rem;
    color: #6366f1;
}

.lang-current[b-8bhfq52laf] {
    font-weight: 600;
    letter-spacing: .02em;
}

.lang-chevron[b-8bhfq52laf] {
    font-size: .55rem;
    opacity: .6;
    transition: transform .15s;
}

.lang-dropdown[b-8bhfq52laf] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 180px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    z-index: 1000;
    padding: .35rem;
    animation: langFadeIn-b-8bhfq52laf .12s ease;
}

@keyframes langFadeIn-b-8bhfq52laf {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.lang-option[b-8bhfq52laf] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    padding: .45rem .65rem;
    border: none;
    border-radius: 7px;
    background: transparent;
    color: #374151;
    font-size: .8rem;
    cursor: pointer;
    transition: all .12s;
    text-align: left;
}

.lang-option:hover[b-8bhfq52laf] {
    background: #f3f4f6;
}

.lang-option.active[b-8bhfq52laf] {
    background: #eef2ff;
    color: #4338ca;
    font-weight: 600;
}

.lang-option-code[b-8bhfq52laf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 20px;
    border-radius: 4px;
    background: #f1f5f9;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .03em;
    color: #475569;
    flex-shrink: 0;
}

.lang-option.active .lang-option-code[b-8bhfq52laf] {
    background: #c7d2fe;
    color: #3730a3;
}

.lang-option-name[b-8bhfq52laf] {
    flex-grow: 1;
}

.lang-check[b-8bhfq52laf] {
    color: #4338ca;
    font-size: .85rem;
    margin-left: auto;
}
/* _content/NoCode.Platform.Designer/Components/Layout/FullScreenLayout.razor.rz.scp.css */
.fullscreen-layout[b-ls7lkv1max] {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
}

.fullscreen-layout .fullscreen-main[b-ls7lkv1max] {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/* Override any default paddings/margins */
.fullscreen-layout .fullscreen-main > *[b-ls7lkv1max] {
    height: 100%;
}
/* _content/NoCode.Platform.Designer/Components/Layout/LoginLayout.razor.rz.scp.css */
/* ═══════════════════════════════════════
   Login Layout – Corporate Theme
   ═══════════════════════════════════════ */

.login-page-wrapper[b-jj3uyrkga6] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f2f5;
    background-image:
        radial-gradient(ellipse at 20% 50%, rgba(78, 115, 223, 0.08) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 20%, rgba(109, 91, 247, 0.06) 0%, transparent 50%);
    padding: 24px;
}
/* _content/NoCode.Platform.Designer/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-9b9veixee5] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-9b9veixee5] {
    flex: 1;
    background: #f0f2f5;
    min-height: 100vh;
}

.sidebar[b-9b9veixee5] {
    background: #1e293b;
}

/* ─── Top Bar ─── */
.top-bar[b-9b9veixee5] {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    height: 3.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
}

.top-bar-left[b-9b9veixee5] {
    display: flex;
    align-items: center;
}

.top-bar-right[b-9b9veixee5] {
    display: flex;
    align-items: center;
}

/* ─── User area ─── */
.top-bar-user[b-9b9veixee5] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.user-avatar[b-9b9veixee5] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, #4e73df, #224abe);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    font-weight: 600;
    flex-shrink: 0;
}

.user-info[b-9b9veixee5] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.user-name[b-9b9veixee5] {
    font-size: .82rem;
    font-weight: 600;
    color: #1a1d21;
}

.user-role[b-9b9veixee5] {
    font-size: .68rem;
    color: #858d97;
}

.btn-logout[b-9b9veixee5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    color: #858d97;
    text-decoration: none;
    transition: all .15s;
    margin-left: .25rem;
}

.btn-logout:hover[b-9b9veixee5] {
    background: #fee2e2;
    color: #dc2626;
}

/* ─── Content ─── */
.content[b-9b9veixee5] {
    padding-top: 1.5rem;
}

@media (max-width: 640.98px) {
    .top-bar[b-9b9veixee5] {
        justify-content: space-between;
    }
}

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

    .sidebar[b-9b9veixee5] {
        width: 240px;
        position: sticky;
        top: 0;
        flex-shrink: 0;
    }

    .top-bar[b-9b9veixee5] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-bar[b-9b9veixee5], article[b-9b9veixee5] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-9b9veixee5] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-9b9veixee5] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/NoCode.Platform.Designer/Components/Layout/NavMenu.razor.rz.scp.css */
/* ─── Brand ─── */
.sidebar-brand[b-y8610t9fkp] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.brand-icon[b-y8610t9fkp] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255,255,255,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: #fff;
    flex-shrink: 0;
}

.brand-text[b-y8610t9fkp] {
    font-size: .95rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: .01em;
    white-space: nowrap;
}

/* ─── Section Labels ─── */
.nav-section-label[b-y8610t9fkp] {
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .08em;
    color: rgba(255,255,255,.35);
    padding: .9rem 1.5rem .35rem;
    text-transform: uppercase;
}

/* ─── Toggler (mobile) ─── */
.navbar-toggler[b-y8610t9fkp] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    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.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-y8610t9fkp] {
    background-color: rgba(255, 255, 255, 0.5);
}

/* ─── Nav Items ─── */
.nav-item[b-y8610t9fkp] {
    font-size: 0.86rem;
    padding-bottom: 2px;
}

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

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

    .nav-item[b-y8610t9fkp]  .nav-link {
        color: rgba(255,255,255,.65);
        background: none;
        border: none;
        border-radius: 8px;
        height: 2.6rem;
        display: flex;
        align-items: center;
        line-height: 2.6rem;
        width: 100%;
        gap: .65rem;
        padding: 0 .75rem;
        transition: all .15s ease;
        font-weight: 400;
    }

.nav-item[b-y8610t9fkp]  a.active {
    background: rgba(255,255,255,.12);
    color: #fff;
    font-weight: 500;
}

.nav-item[b-y8610t9fkp]  .nav-link:hover {
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.9);
}

/* ─── Nav Icon ─── */
.nav-icon[b-y8610t9fkp] {
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
    opacity: .8;
}

.nav-item[b-y8610t9fkp]  a.active .nav-icon {
    opacity: 1;
}

.nav-text[b-y8610t9fkp] {
    white-space: nowrap;
}

/* ─── Scrollable ─── */
.nav-scrollable[b-y8610t9fkp] {
    display: none;
}

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

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

    .nav-scrollable[b-y8610t9fkp] {
        display: block;
        height: calc(100vh - 3.75rem);
        overflow-y: auto;
        padding-top: .25rem;
    }

    /* Thin scrollbar */
    .nav-scrollable[b-y8610t9fkp]::-webkit-scrollbar {
        width: 3px;
    }
    .nav-scrollable[b-y8610t9fkp]::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,.15);
        border-radius: 3px;
    }
}
/* _content/NoCode.Platform.Designer/Components/Layout/TenantSwitcher.razor.rz.scp.css */
/* ── Tenant Switcher ──────────────────────────────────────────────────────── */

.tenant-switcher[b-s1dcz2t1ov] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.tenant-btn[b-s1dcz2t1ov] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.3rem 0.65rem;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 0.5rem;
    color: inherit;
    cursor: pointer;
    transition: background 0.15s;
    font-size: 0.875rem;
}

.tenant-btn:hover[b-s1dcz2t1ov] {
    background: rgba(255,255,255,.15);
}

.tenant-badge[b-s1dcz2t1ov] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: var(--bs-primary, #0d6efd);
    color: #fff;
    font-weight: 700;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.tenant-name[b-s1dcz2t1ov] {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tenant-chevron[b-s1dcz2t1ov] {
    font-size: 0.7rem;
    opacity: 0.7;
    transition: transform 0.2s;
}

.tenant-switcher.open .tenant-chevron[b-s1dcz2t1ov] {
    transform: rotate(180deg);
}

/* ── Dropdown ───────────────────────────────────────────────────────────── */

.tenant-dropdown[b-s1dcz2t1ov] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 220px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 0.6rem;
    overflow: hidden;
    z-index: 1050;
}

.tenant-dropdown-header[b-s1dcz2t1ov] {
    padding: 0.5rem 0.85rem 0.25rem;
    border-bottom: 1px solid rgba(0,0,0,.06);
}

.tenant-dropdown-item[b-s1dcz2t1ov] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.85rem;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    color: #212529;
    transition: background 0.1s;
    font-size: 0.875rem;
    text-decoration: none;
}

.tenant-dropdown-item:hover[b-s1dcz2t1ov] {
    background: rgba(13,110,253,.07);
}

.tenant-dropdown-item.active[b-s1dcz2t1ov] {
    background: rgba(13,110,253,.1);
    font-weight: 600;
}

.tenant-item-badge[b-s1dcz2t1ov] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background: #e9ecef;
    font-weight: 700;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.tenant-item-info[b-s1dcz2t1ov] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.tenant-item-name[b-s1dcz2t1ov] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tenant-item-code[b-s1dcz2t1ov] {
    font-size: 0.75rem;
}

.tenant-dropdown-divider[b-s1dcz2t1ov] {
    height: 1px;
    background: rgba(0,0,0,.08);
    margin: 0.25rem 0;
}

.tenant-dropdown-link[b-s1dcz2t1ov] {
    color: #6c757d;
}

/* ── Backdrop (closes dropdown on outside click) ────────────────────────── */

.tenant-backdrop[b-s1dcz2t1ov] {
    position: fixed;
    inset: 0;
    z-index: 1049;
}
/* _content/NoCode.Platform.Designer/Components/Pages/Account/Login.razor.rz.scp.css */
/* ═══════════════════════════════════════
   Login Page – Corporate Theme
   ═══════════════════════════════════════ */

.login-card[b-4sldli8yel] {
    width: 100%;
    max-width: 400px;
    background: #fff;
    border-radius: 16px;
    padding: 40px 36px 32px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
}

/* ── Brand ── */
.login-brand[b-4sldli8yel] {
    text-align: center;
    margin-bottom: 32px;
}

.login-brand-icon[b-4sldli8yel] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: linear-gradient(135deg, #4e73df, #6d5bf7);
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 14px;
}

.login-brand-name[b-4sldli8yel] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 4px;
}

.login-brand-desc[b-4sldli8yel] {
    font-size: 0.85rem;
    color: #94a3b8;
    margin: 0;
}

/* ── Alert ── */
.login-alert[b-4sldli8yel] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 0.82rem;
    font-weight: 500;
    margin-bottom: 20px;
}

.login-alert-danger[b-4sldli8yel] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
}

.login-alert-warn[b-4sldli8yel] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
}

/* ── Form ── */
.login-form-group[b-4sldli8yel] {
    margin-bottom: 18px;
}

.login-form-label[b-4sldli8yel] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 6px;
}

.login-input-wrap[b-4sldli8yel] {
    position: relative;
}

.login-input-wrap > i[b-4sldli8yel] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 0.9rem;
    pointer-events: none;
}

.login-form-input[b-4sldli8yel] {
    display: block;
    width: 100%;
    padding: 11px 14px 11px 40px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.9rem;
    color: #1e293b;
    background: #f8fafc;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
    outline: none;
    font-family: inherit;
    box-sizing: border-box;
}

.login-form-input:focus[b-4sldli8yel] {
    border-color: #4e73df;
    box-shadow: 0 0 0 3px rgba(78, 115, 223, 0.12);
    background: #fff;
}

.login-form-input[b-4sldli8yel]::placeholder {
    color: #94a3b8;
}

/* ── Submit Button ── */
.login-btn[b-4sldli8yel] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #4e73df, #6d5bf7);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s ease, transform 0.1s ease;
    margin-top: 6px;
}

.login-btn:hover[b-4sldli8yel] {
    opacity: 0.92;
}

.login-btn:active[b-4sldli8yel] {
    transform: scale(0.99);
}

/* ── Footer ── */
.login-footer[b-4sldli8yel] {
    text-align: center;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid #f1f5f9;
    color: #94a3b8;
    font-size: 0.78rem;
}

.login-footer strong[b-4sldli8yel] {
    color: #475569;
    font-weight: 600;
}
/* _content/NoCode.Platform.Designer/Components/Pages/Admin/RoleManagement.razor.rz.scp.css */
/* ═══════════════════════════════════════
   Rol ve Yetki Yönetimi – Corporate Theme
   ═══════════════════════════════════════ */

/* ── Page Layout ── */
.rm-page[b-52svc7y47p] {
    padding: 0;
}

/* ── Header ── */
.rm-header[b-52svc7y47p] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    gap: 16px;
    flex-wrap: wrap;
}

.rm-header-left[b-52svc7y47p] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rm-title[b-52svc7y47p] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    line-height: 1.3;
}

.rm-subtitle[b-52svc7y47p] {
    font-size: 0.85rem;
    color: #64748b;
}

.rm-header-right[b-52svc7y47p] {
    flex-shrink: 0;
}

/* ── Loading ── */
.rm-loading[b-52svc7y47p] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 48px 0;
    color: #64748b;
    font-size: 0.9rem;
}

/* ── Cards ── */
.rm-card[b-52svc7y47p] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.rm-card-mb[b-52svc7y47p] {
    margin-bottom: 16px;
}

.rm-card-header[b-52svc7y47p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
    min-height: 52px;
}

.rm-card-title[b-52svc7y47p] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
    display: flex;
    align-items: center;
    gap: 4px;
}

.rm-card-actions[b-52svc7y47p] {
    display: flex;
    gap: 6px;
}

.rm-card-body[b-52svc7y47p] {
    padding: 20px;
}

/* ── Count Badge ── */
.rm-count-badge[b-52svc7y47p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #4e73df;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    min-width: 22px;
    height: 22px;
    border-radius: 11px;
    padding: 0 7px;
}

/* ── Role List ── */
.rm-role-list[b-52svc7y47p] {
    max-height: 520px;
    overflow-y: auto;
}

.rm-role-list[b-52svc7y47p]::-webkit-scrollbar {
    width: 4px;
}

.rm-role-list[b-52svc7y47p]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.rm-role-item[b-52svc7y47p] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.15s ease;
}

.rm-role-item:last-child[b-52svc7y47p] {
    border-bottom: none;
}

.rm-role-item:hover[b-52svc7y47p] {
    background: #f1f5f9;
}

.rm-role-item.active[b-52svc7y47p] {
    background: #eef2ff;
    border-left: 3px solid #4e73df;
}

.rm-role-icon[b-52svc7y47p] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 1rem;
    flex-shrink: 0;
}

.rm-role-icon.active[b-52svc7y47p] {
    background: #4e73df;
    color: #fff;
}

.rm-role-info[b-52svc7y47p] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rm-role-name[b-52svc7y47p] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rm-role-meta[b-52svc7y47p] {
    font-size: 0.75rem;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 6px;
}

.rm-role-count[b-52svc7y47p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 600;
    flex-shrink: 0;
}

/* ── Placeholder / Empty ── */
.rm-placeholder[b-52svc7y47p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    color: #94a3b8;
    text-align: center;
}

.rm-placeholder i[b-52svc7y47p] {
    font-size: 2.5rem;
    margin-bottom: 12px;
    opacity: 0.5;
}

.rm-placeholder p[b-52svc7y47p] {
    margin: 0;
    font-size: 0.9rem;
}

.rm-empty-sm[b-52svc7y47p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 32px 16px;
    color: #94a3b8;
    font-size: 0.85rem;
    text-align: center;
}

.rm-empty-sm i[b-52svc7y47p] {
    font-size: 1.4rem;
    opacity: 0.5;
}

/* ── Detail Grid ── */
.rm-detail-grid[b-52svc7y47p] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

.rm-detail-item[b-52svc7y47p] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rm-detail-label[b-52svc7y47p] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #94a3b8;
}

.rm-detail-value[b-52svc7y47p] {
    font-size: 0.9rem;
    color: #1e293b;
    font-weight: 500;
}

.rm-detail-value code[b-52svc7y47p] {
    background: #f1f5f9;
    color: #4e73df;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
}

/* ── Tags ── */
.rm-tag[b-52svc7y47p] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.rm-tag-default[b-52svc7y47p] {
    background: #f1f5f9;
    color: #64748b;
}

.rm-tag-warn[b-52svc7y47p] {
    background: #fef3c7;
    color: #92400e;
}

.rm-tag-blue[b-52svc7y47p] {
    background: #dbeafe;
    color: #1e40af;
}

.rm-tag-green[b-52svc7y47p] {
    background: #dcfce7;
    color: #166534;
}

.rm-tag-red[b-52svc7y47p] {
    background: #fee2e2;
    color: #991b1b;
}

/* ── Buttons ── */
.rm-btn[b-52svc7y47p] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    text-decoration: none;
    line-height: 1.4;
}

.rm-btn-primary[b-52svc7y47p] {
    background: #4e73df;
    color: #fff;
}

.rm-btn-primary:hover[b-52svc7y47p] {
    background: #3b5ec2;
}

.rm-btn-ghost[b-52svc7y47p] {
    background: transparent;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.rm-btn-ghost:hover[b-52svc7y47p] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.rm-btn-ghost-danger[b-52svc7y47p] {
    background: transparent;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.rm-btn-ghost-danger:hover[b-52svc7y47p] {
    background: #fef2f2;
    border-color: #fca5a5;
}

.rm-btn-ghost-danger:disabled[b-52svc7y47p] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.rm-btn-sm[b-52svc7y47p] {
    padding: 5px 12px;
    font-size: 0.75rem;
    border-radius: 6px;
    background: #4e73df;
    color: #fff;
}

.rm-btn-sm:hover[b-52svc7y47p] {
    background: #3b5ec2;
}

.rm-btn-icon[b-52svc7y47p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 0.75rem;
    padding: 0;
}

.rm-btn-icon-danger[b-52svc7y47p] {
    color: #94a3b8;
}

.rm-btn-icon-danger:hover[b-52svc7y47p] {
    color: #dc2626;
    background: #fef2f2;
}

/* ── Table ── */
.rm-table-wrap[b-52svc7y47p] {
    overflow-x: auto;
}

.rm-table[b-52svc7y47p] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.rm-table thead th[b-52svc7y47p] {
    padding: 10px 16px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #94a3b8;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    white-space: nowrap;
}

.rm-table tbody td[b-52svc7y47p] {
    padding: 10px 16px;
    color: #334155;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

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

.rm-table tbody tr:hover[b-52svc7y47p] {
    background: #f8fafc;
}

/* ── User Cell ── */
.rm-user-cell[b-52svc7y47p] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rm-user-avatar[b-52svc7y47p] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #4e73df;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

/* ── Modal ── */
.rm-modal-backdrop[b-52svc7y47p] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 24px;
}

.rm-modal[b-52svc7y47p] {
    background: #fff;
    border-radius: 14px;
    width: 100%;
    max-width: 480px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    animation: rmSlideUp-b-52svc7y47p 0.2s ease-out;
}

@keyframes rmSlideUp-b-52svc7y47p {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.rm-modal-header[b-52svc7y47p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px 16px;
    border-bottom: 1px solid #e2e8f0;
}

.rm-modal-title[b-52svc7y47p] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    display: flex;
    align-items: center;
}

.rm-modal-close[b-52svc7y47p] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: #f1f5f9;
    border-radius: 8px;
    color: #64748b;
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 0.8rem;
}

.rm-modal-close:hover[b-52svc7y47p] {
    background: #e2e8f0;
    color: #1e293b;
}

.rm-modal-body[b-52svc7y47p] {
    padding: 20px 24px;
}

.rm-modal-footer[b-52svc7y47p] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 16px 24px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 14px 14px;
}

/* ── Form ── */
.rm-form-group[b-52svc7y47p] {
    margin-bottom: 16px;
}

.rm-form-group:last-child[b-52svc7y47p] {
    margin-bottom: 0;
}

.rm-form-label[b-52svc7y47p] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 6px;
}

.rm-form-input[b-52svc7y47p] {
    display: block;
    width: 100%;
    padding: 9px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.875rem;
    color: #1e293b;
    background: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    outline: none;
    font-family: inherit;
    box-sizing: border-box;
}

.rm-form-input:focus[b-52svc7y47p] {
    border-color: #4e73df;
    box-shadow: 0 0 0 3px rgba(78, 115, 223, 0.12);
}

.rm-form-input[b-52svc7y47p]::placeholder {
    color: #94a3b8;
}

textarea.rm-form-input[b-52svc7y47p] {
    resize: vertical;
    min-height: 60px;
}

select.rm-form-input[b-52svc7y47p] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px;
    padding-right: 36px;
}

/* ── Alert ── */
.rm-alert-danger[b-52svc7y47p] {
    padding: 10px 14px;
    border-radius: 8px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
    font-size: 0.82rem;
    margin-top: 12px;
}

/* ── Responsive ── */
@media (max-width: 991.98px) {
    .rm-header[b-52svc7y47p] {
        flex-direction: column;
    }

    .rm-detail-grid[b-52svc7y47p] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 575.98px) {
    .rm-detail-grid[b-52svc7y47p] {
        grid-template-columns: 1fr;
    }

    .rm-card-header[b-52svc7y47p] {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
}
/* _content/NoCode.Platform.Designer/Components/Pages/Admin/TenantManagement.razor.rz.scp.css */
/* ═══════════════════════════════════════
   Tenant Yönetimi – Corporate Theme
   ═══════════════════════════════════════ */

.tenant-page[b-i5f9hlngij] { padding: 0; }

.tenant-header[b-i5f9hlngij] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; gap: 16px; flex-wrap: wrap; }
.tenant-header-left[b-i5f9hlngij] { display: flex; flex-direction: column; gap: 4px; }
.tenant-title[b-i5f9hlngij] { font-size: 1.5rem; font-weight: 700; color: #1e293b; margin: 0; display: flex; align-items: center; gap: 10px; }
.tenant-title i[b-i5f9hlngij] { color: #3b82f6; }
.tenant-subtitle[b-i5f9hlngij] { font-size: 0.85rem; color: #64748b; }

.tenant-loading[b-i5f9hlngij] { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 48px 0; color: #64748b; font-size: 0.9rem; }

/* Stats */
.tenant-stats[b-i5f9hlngij] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
.tenant-stat-card[b-i5f9hlngij] { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 16px 20px; }
.tenant-stat-icon[b-i5f9hlngij] { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 10px; font-size: 1.1rem; flex-shrink: 0; }
.tenant-stat-info[b-i5f9hlngij] { display: flex; flex-direction: column; gap: 2px; }
.tenant-stat-value[b-i5f9hlngij] { font-size: 1.25rem; font-weight: 700; color: #1e293b; }
.tenant-stat-label[b-i5f9hlngij] { font-size: 0.7rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.3px; font-weight: 600; }

/* Search */
.tenant-search-row[b-i5f9hlngij] { margin-bottom: 16px; }
.tenant-search-box[b-i5f9hlngij] { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 8px 14px; max-width: 320px; }
.tenant-search-box:focus-within[b-i5f9hlngij] { border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,.1); }
.tenant-search-box i[b-i5f9hlngij] { color: #94a3b8; }
.tenant-search-box input[b-i5f9hlngij] { border: none; outline: none; background: transparent; font-size: 0.85rem; color: #334155; width: 100%; }

/* Table */
.tenant-card[b-i5f9hlngij] { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; }
.tenant-table[b-i5f9hlngij] { width: 100%; border-collapse: collapse; font-size: 0.84rem; }
.tenant-table thead th[b-i5f9hlngij] { background: #f8fafc; padding: 12px 14px; text-align: left; font-weight: 600; color: #475569; border-bottom: 2px solid #e2e8f0; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.3px; }
.tenant-table tbody td[b-i5f9hlngij] { padding: 12px 14px; border-bottom: 1px solid #f1f5f9; color: #334155; vertical-align: middle; }
.tenant-table tbody tr:hover[b-i5f9hlngij] { background: #f8fafc; }
.tenant-code[b-i5f9hlngij] { background: #eff6ff; color: #1e40af; padding: 2px 8px; border-radius: 4px; font-size: 0.8rem; }
.tenant-name[b-i5f9hlngij] { font-weight: 600; color: #1e293b; }
.tenant-display-name[b-i5f9hlngij] { font-size: 0.75rem; color: #94a3b8; }
.tenant-domain[b-i5f9hlngij] { font-size: 0.82rem; color: #64748b; }
.tenant-date[b-i5f9hlngij] { font-size: 0.8rem; color: #94a3b8; }
.tenant-empty[b-i5f9hlngij] { text-align: center; padding: 40px 14px !important; color: #94a3b8; font-size: 0.9rem; }
.tenant-empty i[b-i5f9hlngij] { font-size: 1.5rem; margin-right: 8px; }

/* Badges */
.tenant-badge[b-i5f9hlngij] { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 0.72rem; font-weight: 600; }
.tenant-badge-success[b-i5f9hlngij] { background: #dcfce7; color: #166534; }
.tenant-badge-secondary[b-i5f9hlngij] { background: #f1f5f9; color: #64748b; }
.tenant-badge-danger[b-i5f9hlngij] { background: #fee2e2; color: #991b1b; }
.tenant-badge-primary[b-i5f9hlngij] { background: #dbeafe; color: #1e40af; }
.tenant-badge-info[b-i5f9hlngij] { background: #e0f2fe; color: #0c4a6e; }
.tenant-badge-light[b-i5f9hlngij] { background: #f8fafc; color: #64748b; border: 1px solid #e2e8f0; }

/* Buttons */
.tenant-btn[b-i5f9hlngij] { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: none; border-radius: 8px; font-size: 0.84rem; font-weight: 600; cursor: pointer; transition: all .15s; }
.tenant-btn-primary[b-i5f9hlngij] { background: #3b82f6; color: #fff; }
.tenant-btn-primary:hover[b-i5f9hlngij] { background: #2563eb; }
.tenant-btn-secondary[b-i5f9hlngij] { background: #f1f5f9; color: #475569; }
.tenant-btn-secondary:hover[b-i5f9hlngij] { background: #e2e8f0; }
.tenant-btn-danger[b-i5f9hlngij] { background: #ef4444; color: #fff; }
.tenant-btn-danger:hover[b-i5f9hlngij] { background: #dc2626; }
.tenant-icon-btn[b-i5f9hlngij] { background: none; border: 1px solid #e2e8f0; border-radius: 6px; padding: 5px 8px; cursor: pointer; color: #64748b; font-size: 0.82rem; transition: all .15s; margin-right: 4px; }
.tenant-icon-btn:hover[b-i5f9hlngij] { background: #eff6ff; color: #2563eb; border-color: #93c5fd; }
.tenant-icon-btn-danger:hover[b-i5f9hlngij] { background: #fef2f2; color: #dc2626; border-color: #fca5a5; }

/* Modal */
.tenant-modal-backdrop[b-i5f9hlngij] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 1050; }
.tenant-modal[b-i5f9hlngij] { background: #fff; border-radius: 12px; width: 560px; max-width: 95vw; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,.2); }
.tenant-modal-sm[b-i5f9hlngij] { width: 440px; }
.tenant-modal-header[b-i5f9hlngij] { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid #e2e8f0; }
.tenant-modal-header h3[b-i5f9hlngij] { margin: 0; font-size: 1.05rem; font-weight: 700; color: #1e293b; }
.tenant-modal-close[b-i5f9hlngij] { background: none; border: none; font-size: 1rem; color: #94a3b8; cursor: pointer; padding: 4px; }
.tenant-modal-close:hover[b-i5f9hlngij] { color: #1e293b; }
.tenant-modal-body[b-i5f9hlngij] { padding: 20px; }
.tenant-modal-body p[b-i5f9hlngij] { font-size: 0.88rem; color: #475569; line-height: 1.5; }
.tenant-modal-footer[b-i5f9hlngij] { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 20px; border-top: 1px solid #e2e8f0; background: #f8fafc; border-radius: 0 0 12px 12px; }

/* Form */
.tenant-form-group[b-i5f9hlngij] { margin-bottom: 14px; }
.tenant-form-group label[b-i5f9hlngij] { display: block; font-size: 0.8rem; font-weight: 600; color: #334155; margin-bottom: 4px; }
.tenant-form-group input[b-i5f9hlngij], .tenant-form-group select[b-i5f9hlngij] { width: 100%; padding: 8px 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 0.85rem; color: #334155; transition: border-color .15s; }
.tenant-form-group input:focus[b-i5f9hlngij], .tenant-form-group select:focus[b-i5f9hlngij] { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,.1); }
.tenant-form-group small[b-i5f9hlngij] { font-size: 0.72rem; color: #94a3b8; }
.tenant-form-row[b-i5f9hlngij] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }

/* Switch */
.tenant-switch-row[b-i5f9hlngij] { display: flex; align-items: center; gap: 10px; margin-top: 4px; }
.tenant-switch-row span[b-i5f9hlngij] { font-size: 0.85rem; color: #475569; }
.tenant-switch[b-i5f9hlngij] { position: relative; width: 42px; height: 24px; }
.tenant-switch input[b-i5f9hlngij] { opacity: 0; width: 0; height: 0; }
.tenant-switch-slider[b-i5f9hlngij] { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #cbd5e1; border-radius: 12px; transition: .2s; }
.tenant-switch-slider[b-i5f9hlngij]::before { content: ""; position: absolute; height: 18px; width: 18px; left: 3px; bottom: 3px; background: #fff; border-radius: 50%; transition: .2s; }
.tenant-switch input:checked + .tenant-switch-slider[b-i5f9hlngij] { background: #3b82f6; }
.tenant-switch input:checked + .tenant-switch-slider[b-i5f9hlngij]::before { transform: translateX(18px); }

/* Alert */
.tenant-alert-error[b-i5f9hlngij] { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; color: #991b1b; font-size: 0.84rem; margin-top: 12px; }

@@media (max-width: 768px) {
    .tenant-stats[b-i5f9hlngij] { grid-template-columns: repeat(2, 1fr); }
    .tenant-form-row[b-i5f9hlngij] { grid-template-columns: 1fr; }
}
/* _content/NoCode.Platform.Designer/Components/Pages/Admin/UserManagement.razor.rz.scp.css */
/* ═══════════════════════════════════════
   Kullanıcı Yönetimi – Corporate Theme
   ═══════════════════════════════════════ */

.um-page[b-7trcjlnuhg] { padding: 0; }

/* ── Header ── */
.um-header[b-7trcjlnuhg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    gap: 16px;
    flex-wrap: wrap;
}
.um-header-left[b-7trcjlnuhg] { display: flex; flex-direction: column; gap: 4px; }
.um-title[b-7trcjlnuhg] { font-size: 1.5rem; font-weight: 700; color: #1e293b; margin: 0; }
.um-subtitle[b-7trcjlnuhg] { font-size: 0.85rem; color: #64748b; }
.um-header-right[b-7trcjlnuhg] { flex-shrink: 0; }

/* ── Loading ── */
.um-loading[b-7trcjlnuhg] {
    display: flex; align-items: center; justify-content: center;
    gap: 10px; padding: 48px 0; color: #64748b; font-size: 0.9rem;
}

/* ── Stats Row ── */
.um-stats[b-7trcjlnuhg] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
.um-stat-card[b-7trcjlnuhg] {
    display: flex; align-items: center; gap: 14px;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 16px 20px;
}
.um-stat-icon[b-7trcjlnuhg] {
    display: flex; align-items: center; justify-content: center;
    width: 42px; height: 42px; border-radius: 10px; font-size: 1.1rem; flex-shrink: 0;
}
.um-stat-info[b-7trcjlnuhg] { display: flex; flex-direction: column; gap: 2px; }
.um-stat-value[b-7trcjlnuhg] { font-size: 1.25rem; font-weight: 700; color: #1e293b; }
.um-stat-label[b-7trcjlnuhg] { font-size: 0.7rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.3px; font-weight: 600; }

/* ── Card ── */
.um-card[b-7trcjlnuhg] {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden;
}
.um-card-header[b-7trcjlnuhg] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 20px; border-bottom: 1px solid #e2e8f0; background: #f8fafc;
}
.um-card-title[b-7trcjlnuhg] {
    font-size: 0.875rem; font-weight: 600; color: #334155;
    display: flex; align-items: center; gap: 8px;
}
.um-count-badge[b-7trcjlnuhg] {
    display: inline-flex; align-items: center; justify-content: center;
    background: #4e73df; color: #fff; font-size: 0.7rem; font-weight: 700;
    min-width: 22px; height: 22px; border-radius: 11px; padding: 0 7px;
}

/* ── Table ── */
.um-table-wrap[b-7trcjlnuhg] { overflow-x: auto; }
.um-table[b-7trcjlnuhg] { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.um-table thead th[b-7trcjlnuhg] {
    padding: 10px 16px; font-size: 0.7rem; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.5px; color: #94a3b8;
    background: #f8fafc; border-bottom: 1px solid #e2e8f0; white-space: nowrap;
}
.um-table tbody td[b-7trcjlnuhg] {
    padding: 12px 16px; color: #334155; border-bottom: 1px solid #f1f5f9; vertical-align: middle;
}
.um-table tbody tr:last-child td[b-7trcjlnuhg] { border-bottom: none; }
.um-table tbody tr:hover[b-7trcjlnuhg] { background: #f8fafc; }

/* ── User Cell ── */
.um-user-cell[b-7trcjlnuhg] { display: flex; align-items: center; gap: 12px; }
.um-avatar[b-7trcjlnuhg] {
    display: flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; border-radius: 50%;
    background: #4e73df; color: #fff; font-size: 0.8rem; font-weight: 700; flex-shrink: 0;
}
.um-user-info[b-7trcjlnuhg] { display: flex; flex-direction: column; gap: 1px; }
.um-user-name[b-7trcjlnuhg] { font-weight: 600; color: #1e293b; }
.um-user-email[b-7trcjlnuhg] { font-size: 0.75rem; color: #94a3b8; }
.um-text-muted[b-7trcjlnuhg] { color: #94a3b8; font-size: 0.82rem; }
.um-text-sm[b-7trcjlnuhg] { font-size: 0.82rem; color: #475569; }

/* ── Tags ── */
.um-tag[b-7trcjlnuhg] {
    display: inline-flex; align-items: center; padding: 2px 10px;
    border-radius: 20px; font-size: 0.7rem; font-weight: 600; white-space: nowrap;
}
.um-tag-blue[b-7trcjlnuhg] { background: #dbeafe; color: #1e40af; }
.um-tag-green[b-7trcjlnuhg] { background: #dcfce7; color: #166534; }
.um-tag-warn[b-7trcjlnuhg] { background: #fef3c7; color: #92400e; }
.um-tag-default[b-7trcjlnuhg] { background: #f1f5f9; color: #64748b; }

/* ── Actions ── */
.um-actions[b-7trcjlnuhg] { display: flex; gap: 4px; }
.um-btn-icon[b-7trcjlnuhg] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border: none; border-radius: 6px;
    background: transparent; cursor: pointer; transition: all 0.15s ease;
    font-size: 0.8rem; color: #64748b; padding: 0;
}
.um-btn-icon:hover[b-7trcjlnuhg] { color: #4e73df; background: #eef2ff; }
.um-btn-icon-danger:hover[b-7trcjlnuhg] { color: #dc2626; background: #fef2f2; }

/* ── Empty State ── */
.um-empty[b-7trcjlnuhg] {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    padding: 32px 16px; color: #94a3b8; font-size: 0.85rem; text-align: center;
}
.um-empty i[b-7trcjlnuhg] { font-size: 1.4rem; opacity: 0.5; }

/* ── Buttons ── */
.um-btn[b-7trcjlnuhg] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 16px; border: none; border-radius: 8px;
    font-size: 0.8rem; font-weight: 600; cursor: pointer;
    transition: all 0.15s ease; white-space: nowrap; line-height: 1.4;
}
.um-btn-primary[b-7trcjlnuhg] { background: #4e73df; color: #fff; }
.um-btn-primary:hover[b-7trcjlnuhg] { background: #3b5ec2; }
.um-btn-ghost[b-7trcjlnuhg] { background: transparent; color: #475569; border: 1px solid #e2e8f0; }
.um-btn-ghost:hover[b-7trcjlnuhg] { background: #f8fafc; border-color: #cbd5e1; }

/* ── Modal ── */
.um-modal-backdrop[b-7trcjlnuhg] {
    position: fixed; inset: 0; background: rgba(15,23,42,0.5);
    backdrop-filter: blur(4px); display: flex; align-items: center;
    justify-content: center; z-index: 1050; padding: 24px;
}
.um-modal[b-7trcjlnuhg] {
    background: #fff; border-radius: 14px; width: 100%; max-width: 480px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15); animation: umSlideUp-b-7trcjlnuhg 0.2s ease-out;
}
@keyframes umSlideUp-b-7trcjlnuhg {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
.um-modal-header[b-7trcjlnuhg] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 20px 24px 16px; border-bottom: 1px solid #e2e8f0;
}
.um-modal-title[b-7trcjlnuhg] { font-size: 1.05rem; font-weight: 700; color: #1e293b; margin: 0; }
.um-modal-close[b-7trcjlnuhg] {
    display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; border: none; background: #f1f5f9;
    border-radius: 8px; color: #64748b; cursor: pointer; transition: all 0.15s ease; font-size: 0.8rem;
}
.um-modal-close:hover[b-7trcjlnuhg] { background: #e2e8f0; color: #1e293b; }
.um-modal-body[b-7trcjlnuhg] { padding: 20px 24px; }
.um-modal-footer[b-7trcjlnuhg] {
    display: flex; justify-content: flex-end; gap: 8px;
    padding: 16px 24px; border-top: 1px solid #e2e8f0;
    background: #f8fafc; border-radius: 0 0 14px 14px;
}

/* ── Form ── */
.um-form-group[b-7trcjlnuhg] { margin-bottom: 16px; }
.um-form-group:last-child[b-7trcjlnuhg] { margin-bottom: 0; }
.um-form-label[b-7trcjlnuhg] { display: block; font-size: 0.8rem; font-weight: 600; color: #334155; margin-bottom: 6px; }
.um-form-input[b-7trcjlnuhg] {
    display: block; width: 100%; padding: 9px 14px;
    border: 1px solid #e2e8f0; border-radius: 8px;
    font-size: 0.875rem; color: #1e293b; background: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    outline: none; font-family: inherit; box-sizing: border-box;
}
.um-form-input:focus[b-7trcjlnuhg] { border-color: #4e73df; box-shadow: 0 0 0 3px rgba(78,115,223,0.12); }
.um-form-input[b-7trcjlnuhg]::placeholder { color: #94a3b8; }

/* ── Switch ── */
.um-switch-row[b-7trcjlnuhg] { display: flex; gap: 24px; margin-top: 8px; margin-bottom: 16px; }
.um-switch[b-7trcjlnuhg] {
    display: flex; align-items: center; gap: 10px; cursor: pointer; user-select: none;
}
.um-switch input[b-7trcjlnuhg] { display: none; }
.um-switch-slider[b-7trcjlnuhg] {
    width: 38px; height: 22px; background: #cbd5e1; border-radius: 11px;
    position: relative; transition: background 0.2s ease;
}
.um-switch-slider[b-7trcjlnuhg]::after {
    content: ''; position: absolute; top: 3px; left: 3px;
    width: 16px; height: 16px; background: #fff; border-radius: 50%;
    transition: transform 0.2s ease;
}
.um-switch input:checked + .um-switch-slider[b-7trcjlnuhg] { background: #4e73df; }
.um-switch input:checked + .um-switch-slider[b-7trcjlnuhg]::after { transform: translateX(16px); }
.um-switch-label[b-7trcjlnuhg] { font-size: 0.82rem; font-weight: 500; color: #475569; }

/* ── Alert ── */
.um-alert-danger[b-7trcjlnuhg] {
    padding: 10px 14px; border-radius: 8px; background: #fef2f2;
    border: 1px solid #fecaca; color: #dc2626; font-size: 0.82rem; margin-top: 12px;
}

/* ── Responsive ── */
@media (max-width: 991.98px) {
    .um-stats[b-7trcjlnuhg] { grid-template-columns: repeat(2, 1fr); }
    .um-header[b-7trcjlnuhg] { flex-direction: column; }
}
@media (max-width: 575.98px) {
    .um-stats[b-7trcjlnuhg] { grid-template-columns: 1fr; }
}
/* _content/NoCode.Platform.Designer/Components/Pages/DataSourceManagement.razor.rz.scp.css */
/* ═══════════════════════════════════════
   Veri Kaynakları – Corporate Theme
   ═══════════════════════════════════════ */

.ds-page[b-mzsnm8o5la] { padding: 0; }

/* ── Header ── */
.ds-header[b-mzsnm8o5la] {
    display: flex; justify-content: space-between; align-items: flex-start;
    margin-bottom: 24px; gap: 16px; flex-wrap: wrap;
}
.ds-header-left[b-mzsnm8o5la] { display: flex; flex-direction: column; gap: 4px; }
.ds-title[b-mzsnm8o5la] { font-size: 1.5rem; font-weight: 700; color: #1e293b; margin: 0; }
.ds-subtitle[b-mzsnm8o5la] { font-size: 0.85rem; color: #64748b; }
.ds-header-right[b-mzsnm8o5la] { flex-shrink: 0; }

/* ── Loading ── */
.ds-loading[b-mzsnm8o5la] {
    display: flex; align-items: center; justify-content: center;
    gap: 10px; padding: 48px 0; color: #64748b; font-size: 0.9rem;
}

/* ── Stats Row ── */
.ds-stats[b-mzsnm8o5la] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
.ds-stat-card[b-mzsnm8o5la] {
    display: flex; align-items: center; gap: 14px;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 16px 20px;
}
.ds-stat-icon[b-mzsnm8o5la] {
    display: flex; align-items: center; justify-content: center;
    width: 42px; height: 42px; border-radius: 10px; font-size: 1.1rem; flex-shrink: 0;
}
.ds-stat-info[b-mzsnm8o5la] { display: flex; flex-direction: column; gap: 2px; }
.ds-stat-value[b-mzsnm8o5la] { font-size: 1.25rem; font-weight: 700; color: #1e293b; }
.ds-stat-label[b-mzsnm8o5la] { font-size: 0.7rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.3px; font-weight: 600; }

/* ── Card ── */
.ds-card[b-mzsnm8o5la] { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; }
.ds-card-header[b-mzsnm8o5la] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 20px; border-bottom: 1px solid #e2e8f0; background: #f8fafc;
}
.ds-card-title[b-mzsnm8o5la] {
    font-size: 0.875rem; font-weight: 600; color: #334155;
    display: flex; align-items: center; gap: 8px;
}
.ds-count-badge[b-mzsnm8o5la] {
    display: inline-flex; align-items: center; justify-content: center;
    background: #4e73df; color: #fff; font-size: 0.7rem; font-weight: 700;
    min-width: 22px; height: 22px; border-radius: 11px; padding: 0 7px;
}

/* ── Table ── */
.ds-table-wrap[b-mzsnm8o5la] { overflow-x: auto; }
.ds-table[b-mzsnm8o5la] { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.ds-table thead th[b-mzsnm8o5la] {
    padding: 10px 16px; font-size: 0.7rem; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.5px; color: #94a3b8;
    background: #f8fafc; border-bottom: 1px solid #e2e8f0; white-space: nowrap;
}
.ds-table tbody td[b-mzsnm8o5la] {
    padding: 12px 16px; color: #334155; border-bottom: 1px solid #f1f5f9; vertical-align: middle;
}
.ds-table tbody tr:last-child td[b-mzsnm8o5la] { border-bottom: none; }
.ds-table tbody tr:hover[b-mzsnm8o5la] { background: #f8fafc; }

/* ── Name Cell ── */
.ds-name-cell[b-mzsnm8o5la] { display: flex; align-items: center; gap: 10px; }
.ds-type-icon[b-mzsnm8o5la] {
    display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; border-radius: 8px;
    background: #f1f5f9; color: #64748b; font-size: 0.85rem; flex-shrink: 0;
}
.ds-name[b-mzsnm8o5la] { font-weight: 600; color: #1e293b; }

/* ── Code ── */
.ds-code[b-mzsnm8o5la] { background: #f1f5f9; color: #4e73df; padding: 2px 8px; border-radius: 4px; font-size: 0.8rem; }
.ds-code-type[b-mzsnm8o5la] { color: #7c3aed; }
.ds-text-muted[b-mzsnm8o5la] { color: #94a3b8; font-size: 0.82rem; }
.ds-text-sm[b-mzsnm8o5la] { font-size: 0.82rem; color: #475569; }

/* ── Tags ── */
.ds-tag[b-mzsnm8o5la] {
    display: inline-flex; align-items: center; padding: 2px 10px;
    border-radius: 20px; font-size: 0.7rem; font-weight: 600; white-space: nowrap;
}
.ds-tag-sm[b-mzsnm8o5la] { padding: 1px 8px; font-size: 0.65rem; }
.ds-tag-blue[b-mzsnm8o5la] { background: #dbeafe; color: #1e40af; }
.ds-tag-cyan[b-mzsnm8o5la] { background: #cffafe; color: #155e75; }
.ds-tag-green[b-mzsnm8o5la] { background: #dcfce7; color: #166534; }
.ds-tag-warn[b-mzsnm8o5la] { background: #fef3c7; color: #92400e; }
.ds-tag-red[b-mzsnm8o5la] { background: #fee2e2; color: #991b1b; }
.ds-tag-default[b-mzsnm8o5la] { background: #f1f5f9; color: #64748b; }
.ds-tag-dark[b-mzsnm8o5la] { background: #1e293b; color: #e2e8f0; }

/* ── Actions ── */
.ds-actions[b-mzsnm8o5la] { display: flex; gap: 4px; }
.ds-btn-icon[b-mzsnm8o5la] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border: none; border-radius: 6px;
    background: transparent; cursor: pointer; transition: all 0.15s ease;
    font-size: 0.8rem; color: #64748b; padding: 0;
}
.ds-btn-icon:hover[b-mzsnm8o5la] { color: #4e73df; background: #eef2ff; }
.ds-btn-icon:disabled[b-mzsnm8o5la] { opacity: 0.6; cursor: not-allowed; pointer-events: none; }
.ds-btn-icon-success:hover[b-mzsnm8o5la] { color: #16a34a; background: #dcfce7; }
.ds-btn-icon-info:hover[b-mzsnm8o5la] { color: #0891b2; background: #cffafe; }
.ds-btn-icon-danger:hover[b-mzsnm8o5la] { color: #dc2626; background: #fef2f2; }

/* ── Row Test Result ── */
.ds-actions-cell[b-mzsnm8o5la] {
    position: relative;
}

.ds-row-test-result[b-mzsnm8o5la] {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 100;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 0.78rem;
    line-height: 1.3;
    min-width: 260px;
    max-width: 360px;
    box-shadow: 0 4px 24px rgba(0,0,0,.12), 0 1px 4px rgba(0,0,0,.06);
    animation: dsTestSlideIn-b-mzsnm8o5la .25s ease-out;
    white-space: nowrap;
}

@keyframes dsTestSlideIn-b-mzsnm8o5la {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.ds-row-test-ok[b-mzsnm8o5la] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1px solid #86efac;
    color: #14532d;
}

.ds-row-test-fail[b-mzsnm8o5la] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border: 1px solid #fca5a5;
    color: #7f1d1d;
}

.ds-row-test-icon[b-mzsnm8o5la] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    font-size: 1rem;
}

.ds-row-test-ok .ds-row-test-icon[b-mzsnm8o5la] {
    background: #bbf7d0;
    color: #16a34a;
}

.ds-row-test-fail .ds-row-test-icon[b-mzsnm8o5la] {
    background: #fecaca;
    color: #dc2626;
}

.ds-row-test-content[b-mzsnm8o5la] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
}

.ds-row-test-title[b-mzsnm8o5la] {
    font-weight: 600;
    font-size: 0.78rem;
}

.ds-row-test-detail[b-mzsnm8o5la] {
    font-size: 0.7rem;
    opacity: 0.8;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ds-row-test-time[b-mzsnm8o5la] {
    font-size: 0.65rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    flex-shrink: 0;
}

.ds-row-test-ok .ds-row-test-time[b-mzsnm8o5la] {
    background: #bbf7d0;
    color: #166534;
}

.ds-row-test-fail .ds-row-test-time[b-mzsnm8o5la] {
    background: #fecaca;
    color: #991b1b;
}

.ds-row-test-close[b-mzsnm8o5la] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 2px;
    line-height: 1;
    font-size: 0.85rem;
    opacity: 0.5;
    transition: opacity .15s;
    flex-shrink: 0;
}

.ds-row-test-close:hover[b-mzsnm8o5la] {
    opacity: 1;
}

.ds-row-test-ok .ds-row-test-close[b-mzsnm8o5la] { color: #166534; }
.ds-row-test-fail .ds-row-test-close[b-mzsnm8o5la] { color: #991b1b; }

/* ── Empty State ── */
.ds-empty[b-mzsnm8o5la] {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    padding: 32px 16px; color: #94a3b8; font-size: 0.85rem; text-align: center;
}
.ds-empty i[b-mzsnm8o5la] { font-size: 1.4rem; opacity: 0.5; }

/* ── Buttons ── */
.ds-btn[b-mzsnm8o5la] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 16px; border: none; border-radius: 8px;
    font-size: 0.8rem; font-weight: 600; cursor: pointer;
    transition: all 0.15s ease; white-space: nowrap; line-height: 1.4;
}
.ds-btn-primary[b-mzsnm8o5la] { background: #4e73df; color: #fff; }
.ds-btn-primary:hover[b-mzsnm8o5la] { background: #3b5ec2; }
.ds-btn-primary:disabled[b-mzsnm8o5la] { opacity: 0.6; cursor: not-allowed; }
.ds-btn-ghost[b-mzsnm8o5la] { background: transparent; color: #475569; border: 1px solid #e2e8f0; }
.ds-btn-ghost:hover[b-mzsnm8o5la] { background: #f8fafc; border-color: #cbd5e1; }
.ds-btn-ghost-success[b-mzsnm8o5la] { background: transparent; color: #16a34a; border: 1px solid #bbf7d0; }
.ds-btn-ghost-success:hover[b-mzsnm8o5la] { background: #f0fdf4; border-color: #86efac; }
.ds-btn-ghost-success:disabled[b-mzsnm8o5la] { opacity: 0.6; cursor: not-allowed; }

/* ── Modal ── */
.ds-modal-backdrop[b-mzsnm8o5la] {
    position: fixed; inset: 0; background: rgba(15,23,42,0.5);
    backdrop-filter: blur(4px); display: flex; align-items: center;
    justify-content: center; z-index: 1050; padding: 24px;
}
.ds-modal[b-mzsnm8o5la] {
    background: #fff; border-radius: 14px; width: 100%; max-width: 480px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15); animation: dsSlideUp-b-mzsnm8o5la 0.2s ease-out;
}
.ds-modal-lg[b-mzsnm8o5la] { max-width: 640px; }
.ds-modal-xl[b-mzsnm8o5la] { max-width: 960px; }
@keyframes dsSlideUp-b-mzsnm8o5la {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
.ds-modal-header[b-mzsnm8o5la] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 20px 24px 16px; border-bottom: 1px solid #e2e8f0;
}
.ds-modal-title[b-mzsnm8o5la] { font-size: 1.05rem; font-weight: 700; color: #1e293b; margin: 0; }
.ds-modal-close[b-mzsnm8o5la] {
    display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; border: none; background: #f1f5f9;
    border-radius: 8px; color: #64748b; cursor: pointer; transition: all 0.15s ease; font-size: 0.8rem;
}
.ds-modal-close:hover[b-mzsnm8o5la] { background: #e2e8f0; color: #1e293b; }
.ds-modal-body[b-mzsnm8o5la] { padding: 20px 24px; }
.ds-modal-footer[b-mzsnm8o5la] {
    display: flex; justify-content: flex-end; align-items: center; gap: 8px;
    padding: 16px 24px; border-top: 1px solid #e2e8f0;
    background: #f8fafc; border-radius: 0 0 14px 14px;
}

/* ── Form ── */
.ds-form-row[b-mzsnm8o5la] { display: flex; gap: 16px; }
.ds-form-half[b-mzsnm8o5la] { flex: 1; min-width: 0; }
.ds-form-group[b-mzsnm8o5la] { margin-bottom: 16px; }
.ds-form-group:last-child[b-mzsnm8o5la] { margin-bottom: 0; }
.ds-form-label[b-mzsnm8o5la] { display: block; font-size: 0.8rem; font-weight: 600; color: #334155; margin-bottom: 6px; }
.ds-form-input[b-mzsnm8o5la] {
    display: block; width: 100%; padding: 9px 14px;
    border: 1px solid #e2e8f0; border-radius: 8px;
    font-size: 0.875rem; color: #1e293b; background: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    outline: none; font-family: inherit; box-sizing: border-box;
}
.ds-form-input:focus[b-mzsnm8o5la] { border-color: #4e73df; box-shadow: 0 0 0 3px rgba(78,115,223,0.12); }
.ds-form-input[b-mzsnm8o5la]::placeholder { color: #94a3b8; }
.ds-form-mono[b-mzsnm8o5la] { font-family: 'Cascadia Code', 'Fira Code', monospace; font-size: 0.8rem; }
textarea.ds-form-input[b-mzsnm8o5la] { resize: vertical; min-height: 60px; }
select.ds-form-input[b-mzsnm8o5la] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; padding-right: 36px;
}
.ds-form-hint[b-mzsnm8o5la] { font-size: 0.72rem; color: #94a3b8; margin-top: 4px; display: block; }

/* ── Switch ── */
.ds-switch-row[b-mzsnm8o5la] { display: flex; gap: 24px; margin-top: 8px; margin-bottom: 16px; }
.ds-switch[b-mzsnm8o5la] { display: flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; }
.ds-switch input[b-mzsnm8o5la] { display: none; }
.ds-switch-slider[b-mzsnm8o5la] {
    width: 38px; height: 22px; background: #cbd5e1; border-radius: 11px;
    position: relative; transition: background 0.2s ease;
}
.ds-switch-slider[b-mzsnm8o5la]::after {
    content: ''; position: absolute; top: 3px; left: 3px;
    width: 16px; height: 16px; background: #fff; border-radius: 50%;
    transition: transform 0.2s ease;
}
.ds-switch input:checked + .ds-switch-slider[b-mzsnm8o5la] { background: #4e73df; }
.ds-switch input:checked + .ds-switch-slider[b-mzsnm8o5la]::after { transform: translateX(16px); }
.ds-switch-label[b-mzsnm8o5la] { font-size: 0.82rem; font-weight: 500; color: #475569; }

/* ── Test Result (Modal) ── */
.ds-test-result[b-mzsnm8o5la] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 10px;
    font-size: 0.82rem;
    margin-top: 12px;
    animation: dsTestSlideIn-b-mzsnm8o5la .25s ease-out;
}

.ds-test-success[b-mzsnm8o5la] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1px solid #86efac;
    color: #14532d;
}

.ds-test-error[b-mzsnm8o5la] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border: 1px solid #fca5a5;
    color: #7f1d1d;
}

.ds-test-result-icon[b-mzsnm8o5la] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex-shrink: 0;
    font-size: 1.1rem;
}

.ds-test-success .ds-test-result-icon[b-mzsnm8o5la] {
    background: #bbf7d0;
    color: #16a34a;
}

.ds-test-error .ds-test-result-icon[b-mzsnm8o5la] {
    background: #fecaca;
    color: #dc2626;
}

.ds-test-result-body[b-mzsnm8o5la] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.ds-test-result-title[b-mzsnm8o5la] {
    font-weight: 600;
    font-size: 0.82rem;
}

.ds-test-result-msg[b-mzsnm8o5la] {
    font-size: 0.75rem;
    opacity: 0.85;
}

.ds-test-result-meta[b-mzsnm8o5la] {
    font-size: 0.7rem;
    opacity: 0.7;
}

.ds-test-result-badge[b-mzsnm8o5la] {
    font-size: 0.68rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 12px;
    flex-shrink: 0;
}

.ds-test-success .ds-test-result-badge[b-mzsnm8o5la] {
    background: #bbf7d0;
    color: #166534;
}

.ds-test-error .ds-test-result-badge[b-mzsnm8o5la] {
    background: #fecaca;
    color: #991b1b;
}

/* ── Alert ── */
.ds-alert-danger[b-mzsnm8o5la] {
    padding: 10px 14px; border-radius: 8px; background: #fef2f2;
    border: 1px solid #fecaca; color: #dc2626; font-size: 0.82rem; margin-top: 12px;
}

/* ── Schema Browser ── */
.ds-schema-layout[b-mzsnm8o5la] { display: flex; gap: 0; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; min-height: 400px; }
.ds-schema-sidebar[b-mzsnm8o5la] { width: 280px; flex-shrink: 0; border-right: 1px solid #e2e8f0; background: #f8fafc; display: flex; flex-direction: column; }
.ds-schema-sidebar-header[b-mzsnm8o5la] {
    padding: 12px 16px; font-size: 0.7rem; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.5px; color: #94a3b8;
    border-bottom: 1px solid #e2e8f0; display: flex; align-items: center; gap: 6px;
}
.ds-schema-search[b-mzsnm8o5la] {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 12px; border-bottom: 1px solid #e2e8f0; background: #fff;
    position: relative;
}
.ds-schema-search > i[b-mzsnm8o5la] { color: #94a3b8; font-size: 0.75rem; flex-shrink: 0; }
.ds-schema-search-input[b-mzsnm8o5la] {
    flex: 1; border: none; outline: none; font-size: 0.8rem; color: #334155;
    background: transparent; min-width: 0;
}
.ds-schema-search-input[b-mzsnm8o5la]::placeholder { color: #cbd5e1; }
.ds-schema-search-clear[b-mzsnm8o5la] {
    display: flex; align-items: center; justify-content: center;
    width: 20px; height: 20px; border: none; background: #f1f5f9;
    border-radius: 50%; cursor: pointer; color: #64748b; font-size: 0.65rem;
    flex-shrink: 0; transition: all 0.15s ease;
}
.ds-schema-search-clear:hover[b-mzsnm8o5la] { background: #e2e8f0; color: #1e293b; }
.ds-schema-list[b-mzsnm8o5la] { max-height: 450px; overflow-y: auto; flex: 1; }
.ds-schema-list[b-mzsnm8o5la]::-webkit-scrollbar { width: 4px; }
.ds-schema-list[b-mzsnm8o5la]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.ds-schema-item[b-mzsnm8o5la] {
    display: flex; align-items: center; gap: 8px; width: 100%;
    padding: 8px 16px; border: none; background: transparent;
    text-align: left; cursor: pointer; border-bottom: 1px solid #f1f5f9;
    transition: background 0.15s ease; font-size: 0.8rem; color: #334155;
}
.ds-schema-item:hover[b-mzsnm8o5la] { background: #eef2ff; }
.ds-schema-item.active[b-mzsnm8o5la] { background: #dbeafe; border-left: 3px solid #4e73df; }
.ds-schema-item-name[b-mzsnm8o5la] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ds-schema-content[b-mzsnm8o5la] { flex: 1; min-width: 0; }
.ds-schema-detail-header[b-mzsnm8o5la] {
    display: flex; align-items: center; gap: 8px;
    padding: 14px 16px; border-bottom: 1px solid #e2e8f0;
    font-weight: 600; font-size: 0.875rem; color: #1e293b;
}

/* ── Responsive ── */
@media (max-width: 991.98px) {
    .ds-stats[b-mzsnm8o5la] { grid-template-columns: repeat(2, 1fr); }
    .ds-header[b-mzsnm8o5la] { flex-direction: column; }
    .ds-form-row[b-mzsnm8o5la] { flex-direction: column; gap: 0; }
    .ds-schema-layout[b-mzsnm8o5la] { flex-direction: column; }
    .ds-schema-sidebar[b-mzsnm8o5la] { width: 100%; border-right: none; border-bottom: 1px solid #e2e8f0; }
}
@media (max-width: 575.98px) {
    .ds-stats[b-mzsnm8o5la] { grid-template-columns: 1fr; }
}
/* _content/NoCode.Platform.Designer/Components/Pages/Error.razor.rz.scp.css */
/* ═══════════════════════════════════════
   Error Page – Corporate Theme
   ═══════════════════════════════════════ */

.err-page[b-neav4bp2nh] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    padding: 40px 24px;
}

.err-card[b-neav4bp2nh] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 48px 40px;
    max-width: 520px;
    width: 100%;
    text-align: center;
}

.err-icon[b-neav4bp2nh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #fef2f2;
    color: #dc2626;
    font-size: 1.6rem;
    margin-bottom: 20px;
}

.err-title[b-neav4bp2nh] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 8px;
}

.err-desc[b-neav4bp2nh] {
    font-size: 0.9rem;
    color: #64748b;
    margin: 0 0 24px;
    line-height: 1.5;
}

.err-detail[b-neav4bp2nh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    margin-bottom: 20px;
}

.err-detail-label[b-neav4bp2nh] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #94a3b8;
}

.err-detail-code[b-neav4bp2nh] {
    background: #f1f5f9;
    color: #4e73df;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.78rem;
    word-break: break-all;
}

.err-info[b-neav4bp2nh] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
    padding: 14px 18px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    font-size: 0.82rem;
    color: #1e40af;
    margin-bottom: 24px;
}

.err-info i[b-neav4bp2nh] {
    font-size: 1rem;
    margin-top: 1px;
    flex-shrink: 0;
}

.err-btn[b-neav4bp2nh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    border: none;
    border-radius: 8px;
    background: #4e73df;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s ease;
}

.err-btn:hover[b-neav4bp2nh] {
    background: #3b5ec2;
    color: #fff;
}
/* _content/NoCode.Platform.Designer/Components/Pages/HelpCenter.razor.rz.scp.css */
/* ═══════════════════════════════════════
   Yardım Merkezi – Corporate Theme
   ═══════════════════════════════════════ */

.help-page[b-32zjlw0mgz] { padding: 0; }

/* ── Header ── */
.help-header[b-32zjlw0mgz] {
    display: flex; justify-content: space-between; align-items: flex-start;
    margin-bottom: 28px; gap: 16px; flex-wrap: wrap;
}
.help-header-left[b-32zjlw0mgz] { display: flex; flex-direction: column; gap: 4px; }
.help-title[b-32zjlw0mgz] {
    font-size: 1.5rem; font-weight: 700; color: #1e293b; margin: 0;
    display: flex; align-items: center; gap: 10px;
}
.help-title i[b-32zjlw0mgz] { color: #3b82f6; }
.help-subtitle[b-32zjlw0mgz] { font-size: 0.85rem; color: #64748b; }
.help-header-right[b-32zjlw0mgz] { flex-shrink: 0; }

/* Search */
.help-search-box[b-32zjlw0mgz] {
    display: flex; align-items: center; gap: 8px;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 8px;
    padding: 8px 14px; min-width: 260px; transition: border-color .2s;
}
.help-search-box:focus-within[b-32zjlw0mgz] { border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,.1); }
.help-search-box i[b-32zjlw0mgz] { color: #94a3b8; font-size: 0.85rem; }
.help-search-box input[b-32zjlw0mgz] {
    border: none; outline: none; background: transparent;
    font-size: 0.85rem; color: #334155; width: 100%;
}
.help-search-box input[b-32zjlw0mgz]::placeholder { color: #94a3b8; }

/* ── Quick Nav Cards ── */
.help-nav-cards[b-32zjlw0mgz] {
    display: flex; gap: 12px; margin-bottom: 28px; flex-wrap: wrap;
}
.help-nav-card[b-32zjlw0mgz] {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 16px 20px; background: #fff; border: 1px solid #e2e8f0;
    border-radius: 10px; cursor: pointer; transition: all .2s; flex: 1; min-width: 130px;
}
.help-nav-card:hover[b-32zjlw0mgz] { border-color: #3b82f6; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.06); }
.help-nav-card.active[b-32zjlw0mgz] { border-color: #3b82f6; background: #eff6ff; box-shadow: 0 0 0 3px rgba(59,130,246,.1); }
.help-nav-icon[b-32zjlw0mgz] {
    width: 44px; height: 44px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 1.2rem;
}
.help-nav-label[b-32zjlw0mgz] { font-size: 0.8rem; font-weight: 600; color: #334155; text-align: center; }

/* ── Section ── */
.help-section[b-32zjlw0mgz] { margin-bottom: 40px; }
.help-section-header[b-32zjlw0mgz] {
    display: flex; align-items: center; gap: 16px; margin-bottom: 20px;
    padding-bottom: 16px; border-bottom: 2px solid #e2e8f0;
}
.help-section-icon[b-32zjlw0mgz] {
    width: 50px; height: 50px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; flex-shrink: 0;
}
.help-section-title[b-32zjlw0mgz] { font-size: 1.25rem; font-weight: 700; color: #1e293b; margin: 0; }
.help-section-desc[b-32zjlw0mgz] { font-size: 0.85rem; color: #64748b; margin: 4px 0 0 0; }

/* ── Cards ── */
.help-card[b-32zjlw0mgz] {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 10px;
    margin-bottom: 16px; overflow: hidden;
}
.help-card-header[b-32zjlw0mgz] {
    padding: 14px 20px; background: #f8fafc; border-bottom: 1px solid #e2e8f0;
    font-weight: 600; font-size: 0.9rem; color: #334155;
    display: flex; align-items: center; gap: 8px;
}
.help-card-header i[b-32zjlw0mgz] { color: #3b82f6; font-size: 1rem; }
.help-card-body[b-32zjlw0mgz] { padding: 20px; }
.help-card-body p[b-32zjlw0mgz] { font-size: 0.88rem; color: #475569; line-height: 1.65; margin: 0 0 12px 0; }
.help-card-body p:last-child[b-32zjlw0mgz] { margin-bottom: 0; }

/* Tip Card */
.help-card-tip[b-32zjlw0mgz] { border-color: #bbf7d0; }
.help-card-tip .help-card-header[b-32zjlw0mgz] { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
.help-card-tip .help-card-header i[b-32zjlw0mgz] { color: #16a34a; }

/* ── Steps ── */
.help-steps[b-32zjlw0mgz] {
    display: flex; flex-direction: column; gap: 0;
}
.help-step[b-32zjlw0mgz] {
    display: flex; gap: 16px; padding: 14px 0;
    border-bottom: 1px solid #f1f5f9;
}
.help-step:last-child[b-32zjlw0mgz] { border-bottom: none; }
.help-step-number[b-32zjlw0mgz] {
    width: 32px; height: 32px; border-radius: 50%;
    background: #3b82f6; color: #fff; font-size: 0.8rem; font-weight: 700;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    margin-top: 2px;
}
.help-step-content[b-32zjlw0mgz] { flex: 1; }
.help-step-content strong[b-32zjlw0mgz] { font-size: 0.88rem; color: #1e293b; display: block; margin-bottom: 4px; }
.help-step-content p[b-32zjlw0mgz] { font-size: 0.82rem; color: #64748b; margin: 0; line-height: 1.5; }

/* ── Component Grid ── */
.help-component-grid[b-32zjlw0mgz] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px;
}
.help-comp-group h4[b-32zjlw0mgz] {
    font-size: 0.85rem; font-weight: 700; color: #334155;
    margin: 0 0 10px 0; display: flex; align-items: center; gap: 6px;
    padding-bottom: 8px; border-bottom: 1px solid #e2e8f0;
}
.help-comp-group h4 i[b-32zjlw0mgz] { color: #3b82f6; }
.help-comp-group ul[b-32zjlw0mgz] {
    list-style: none; padding: 0; margin: 0;
    display: flex; flex-direction: column; gap: 6px;
}
.help-comp-group ul li[b-32zjlw0mgz] {
    font-size: 0.82rem; color: #475569; padding: 4px 0;
    border-bottom: 1px dashed #f1f5f9;
}
.help-comp-group ul li:last-child[b-32zjlw0mgz] { border-bottom: none; }
.help-comp-group ul li strong[b-32zjlw0mgz] { color: #1e293b; font-weight: 600; }

/* ── Feature List ── */
.help-feature-list[b-32zjlw0mgz] {
    display: flex; flex-direction: column; gap: 4px;
}
.help-feature[b-32zjlw0mgz] {
    display: flex; gap: 14px; padding: 12px 14px;
    border-radius: 8px; transition: background .15s;
}
.help-feature:hover[b-32zjlw0mgz] { background: #f8fafc; }
.help-feature > i[b-32zjlw0mgz] {
    font-size: 1.1rem; color: #3b82f6; margin-top: 2px; flex-shrink: 0;
}
.help-feature strong[b-32zjlw0mgz] { font-size: 0.85rem; color: #1e293b; display: block; margin-bottom: 2px; }
.help-feature p[b-32zjlw0mgz] { font-size: 0.8rem; color: #64748b; margin: 0; }

/* ── Data Source Types ── */
.help-ds-types[b-32zjlw0mgz] { display: flex; flex-direction: column; gap: 12px; }
.help-ds-type[b-32zjlw0mgz] {
    display: flex; gap: 14px; align-items: flex-start;
    padding: 14px; border: 1px solid #f1f5f9; border-radius: 8px;
}
.help-ds-type-icon[b-32zjlw0mgz] {
    width: 40px; height: 40px; border-radius: 8px; background: #eff6ff; color: #2563eb;
    display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0;
}
.help-ds-type strong[b-32zjlw0mgz] { font-size: 0.85rem; color: #1e293b; }
.help-ds-type p[b-32zjlw0mgz] { font-size: 0.8rem; color: #64748b; margin: 4px 0 0 0; }

/* ── Tips ── */
.help-tips[b-32zjlw0mgz] {
    list-style: none; padding: 0; margin: 0;
    display: flex; flex-direction: column; gap: 10px;
}
.help-tips li[b-32zjlw0mgz] {
    display: flex; align-items: flex-start; gap: 10px;
    font-size: 0.84rem; color: #475569; line-height: 1.5;
}
.help-tips li i[b-32zjlw0mgz] { font-size: 0.9rem; margin-top: 2px; flex-shrink: 0; }

/* ── Table ── */
.help-table[b-32zjlw0mgz] {
    width: 100%; border-collapse: collapse; font-size: 0.84rem;
}
.help-table thead th[b-32zjlw0mgz] {
    background: #f8fafc; padding: 10px 14px; text-align: left;
    font-weight: 600; color: #334155; border-bottom: 2px solid #e2e8f0;
    font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.3px;
}
.help-table tbody td[b-32zjlw0mgz] {
    padding: 10px 14px; border-bottom: 1px solid #f1f5f9; color: #475569;
}
.help-table tbody tr:hover[b-32zjlw0mgz] { background: #f8fafc; }
.help-table code[b-32zjlw0mgz] {
    background: #eff6ff; color: #1e40af; padding: 2px 6px;
    border-radius: 4px; font-size: 0.8rem;
}

/* ── Code Block ── */
.help-code[b-32zjlw0mgz] {
    background: #1e293b; border-radius: 8px; padding: 16px 20px;
    margin: 12px 0; overflow-x: auto;
}
.help-code code[b-32zjlw0mgz] {
    color: #e2e8f0; font-size: 0.82rem; font-family: 'Cascadia Code', 'Fira Code', monospace;
    white-space: pre; line-height: 1.6;
}

/* ── Alert ── */
.help-alert[b-32zjlw0mgz] {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 12px 16px; border-radius: 8px; font-size: 0.84rem; margin-top: 12px;
}
.help-alert i[b-32zjlw0mgz] { font-size: 1rem; margin-top: 1px; flex-shrink: 0; }
.help-alert-warning[b-32zjlw0mgz] {
    background: #fffbeb; border: 1px solid #fde68a; color: #92400e;
}
.help-alert-warning i[b-32zjlw0mgz] { color: #f59e0b; }

/* ── Flow Diagram ── */
.help-flow-diagram[b-32zjlw0mgz] {
    display: flex; align-items: center; justify-content: center; gap: 12px;
    padding: 24px 16px; flex-wrap: wrap;
}
.help-flow-item[b-32zjlw0mgz] {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.help-flow-icon[b-32zjlw0mgz] {
    width: 48px; height: 48px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center; font-size: 1.2rem;
}
.help-flow-item span[b-32zjlw0mgz] { font-size: 0.78rem; font-weight: 600; color: #334155; }
.help-flow-arrow[b-32zjlw0mgz] { color: #94a3b8; font-size: 1.2rem; }

/* ── Keyboard Tag ── */
kbd[b-32zjlw0mgz] {
    background: #f1f5f9; border: 1px solid #cbd5e1; border-radius: 4px;
    padding: 1px 6px; font-size: 0.78rem; font-family: inherit;
    color: #334155; box-shadow: 0 1px 0 #cbd5e1;
}

/* ── Utility ── */
.d-none[b-32zjlw0mgz] { display: none !important; }
.text-success[b-32zjlw0mgz] { color: #16a34a !important; }

/* ── Responsive ── */
@@media (max-width: 768px) {
    .help-nav-cards[b-32zjlw0mgz] { flex-direction: column; }
    .help-nav-card[b-32zjlw0mgz] { flex-direction: row; padding: 12px 16px; }
    .help-component-grid[b-32zjlw0mgz] { grid-template-columns: 1fr; }
    .help-flow-diagram[b-32zjlw0mgz] { flex-direction: column; }
    .help-flow-arrow[b-32zjlw0mgz] { transform: rotate(90deg); }
    .help-search-box[b-32zjlw0mgz] { min-width: 180px; }
    .help-header[b-32zjlw0mgz] { flex-direction: column; }
}
/* _content/NoCode.Platform.Designer/Components/RuntimeComponent.razor.rz.scp.css */
/* ── Enterprise / Grid Runtime Styles ────────────────────── */
.rt-grid-wrapper[b-a2u4lph0l8] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
}

.rt-grid-wrapper > .table-responsive[b-a2u4lph0l8] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

.rt-grid-header[b-a2u4lph0l8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    flex-wrap: wrap;
}

.rt-grid-title[b-a2u4lph0l8] {
    font-weight: 600;
    font-size: .95rem;
    color: #212529;
    white-space: nowrap;
}

.rt-grid-actions[b-a2u4lph0l8] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.rt-grid-search[b-a2u4lph0l8] {
    min-width: 180px;
    max-width: 260px;
}

[b-a2u4lph0l8] .rt-grid-table {
    font-size: .875rem;
    margin-bottom: 0 !important;
    table-layout: fixed;
    width: 100%;
}

[b-a2u4lph0l8] .rt-grid-table thead th {
    font-weight: 600;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .3px;
    white-space: nowrap;
    vertical-align: middle;
    padding: 8px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-a2u4lph0l8] .rt-grid-table tbody td {
    padding: 6px 12px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-a2u4lph0l8] .rt-grid-table tbody tr:hover {
    background-color: #e8f0fe !important;
}

[b-a2u4lph0l8] .rt-grid-table tbody tr:hover td {
    color: #212529;
}

.rt-grid-footer[b-a2u4lph0l8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

[b-a2u4lph0l8] .rt-grid-table tbody tr.table-primary {
    background-color: #cfe2ff !important;
}

[b-a2u4lph0l8] .rt-grid-table .form-check-input {
    margin: 0;
    cursor: pointer;
}

.rt-grid-actions .btn-success[b-a2u4lph0l8],
.rt-grid-actions .btn-danger[b-a2u4lph0l8] {
    white-space: nowrap;
}

/* Sortable column headers */
[b-a2u4lph0l8] .rt-grid-table thead th.eg-sortable {
    cursor: pointer;
    user-select: none;
}

[b-a2u4lph0l8] .rt-grid-table thead th.eg-sortable:hover {
    background-color: #e9ecef;
    color: #212529;
}

/* Column chooser dropdown */
.eg-column-chooser[b-a2u4lph0l8] {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1050;
    min-width: 200px;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    margin-top: 4px;
}

.eg-column-chooser-header[b-a2u4lph0l8] {
    padding: 8px 12px;
    border-bottom: 1px solid #dee2e6;
    background: #f8f9fa;
}

.eg-column-chooser-item[b-a2u4lph0l8] {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    cursor: pointer;
    font-size: .85rem;
}

.eg-column-chooser-item:hover[b-a2u4lph0l8] {
    background-color: #f8f9fa;
}

/* Footer aggregates */
[b-a2u4lph0l8] .rt-grid-table tfoot td {
    font-size: .78rem;
    padding: 6px 12px;
    background: #f8f9fa;
}

/* Group rows */
[b-a2u4lph0l8] .rt-grid-table tbody tr.table-secondary {
    background-color: #e9ecef !important;
}

[b-a2u4lph0l8] .rt-grid-table tbody tr.table-secondary td {
    padding: 6px 12px;
    border-bottom: 2px solid #dee2e6;
}

/* Column resize */
[b-a2u4lph0l8] .rt-grid-table thead th[style*="resize"] {
    min-width: 50px;
}

/* Batch editing bar */
[b-a2u4lph0l8] .eg-batch-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: #fff3cd;
    border-bottom: 1px solid #ffc107;
    font-size: 0.85rem;
    gap: 8px;
}

/* Dirty row indicator */
[b-a2u4lph0l8] .rt-grid-table tbody tr.table-warning {
    background-color: #fff3cd !important;
    border-left: 3px solid #ffc107;
}