/* /Pages/CRM/Components/CrmCustomerDatatable.razor.rz.scp.css */
.crm-table tbody tr[b-gitcszzzix] {
    cursor: pointer;
    transition: all .15s ease;
    border-color: var(--ct-border-color);
}

    .crm-table tbody tr:hover[b-gitcszzzix] {
        background: rgba(var(--ct-primary-rgb), 0.08);
    }

    .crm-table tbody tr.selected-row[b-gitcszzzix] {
        background: rgba(var(--ct-primary-rgb), 0.15);
        border-left: 3px solid var(--ct-primary);
    }

.crm-table td[b-gitcszzzix],
.crm-table th[b-gitcszzzix] {
    vertical-align: middle;
    padding-top: 18px;
    padding-bottom: 18px;
    border-color: var(--ct-border-color);
}

.crm-table thead th[b-gitcszzzix] {
    background: var(--ct-card-bg);
    color: var(--ct-secondary-color);
    font-weight: 600;
}

.avatar-title[b-gitcszzzix] {
    font-size: 13px;
}

.crm-table .table-light[b-gitcszzzix] {
    --bs-table-bg: transparent !important;
}
/* /Pages/CRM/Components/CustomerDetailsPanel.razor.rz.scp.css */
.crm-details-backdrop[b-6mcfgahc92] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.35);
    z-index: 1040;
    animation: fadeIn-b-6mcfgahc92 .2s ease;
}

.crm-details-panel[b-6mcfgahc92] {
    position: fixed;
    top: 0;
    right: 0;
    width: 1200px;
    max-width: 100%;
    height: 100vh;
    background: var(--ct-body-bg);
    z-index: 1050;
    overflow-y: auto;
    padding: 32px;
    box-shadow: -10px 0 40px rgba(0,0,0,.15);
    animation: slideIn-b-6mcfgahc92 .25s ease;
}

.crm-details-header[b-6mcfgahc92] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 32px;
}

.crm-info-list[b-6mcfgahc92] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.crm-info-item[b-6mcfgahc92] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .crm-info-item span[b-6mcfgahc92] {
        color: var(--ct-secondary-color);
        font-size: 14px;
    }

    .crm-info-item strong[b-6mcfgahc92] {
        font-size: 16px;
        font-weight: 600;
    }

@keyframes slideIn-b-6mcfgahc92 {

    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes fadeIn-b-6mcfgahc92 {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

</style[b-6mcfgahc92] >
/* /Pages/CRM/CrmPage.razor.rz.scp.css */
.crm-layout[b-s5o8is8oso] {
    display: flex;
    height: 100vh;
    background: #f5f7fb;
    font-family: Inter, sans-serif;
}

.sidebar[b-s5o8is8oso] {
    width: 260px;
    background: linear-gradient(180deg, #07162f 0%, #0b1830 100%);
    color: white;
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
}

.logo-wrapper[b-s5o8is8oso] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 40px;
}

.logo-icon[b-s5o8is8oso] {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #91c63d;
    color: #07162f;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-text[b-s5o8is8oso] {
    font-size: 24px;
    font-weight: 700;
}

    .logo-text .green[b-s5o8is8oso] {
        color: #91c63d;
    }

.nav-menu[b-s5o8is8oso] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.nav-item[b-s5o8is8oso] {
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 18px;
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    transition: 0.2s;
}

    .nav-item:hover[b-s5o8is8oso] {
        background: rgba(255,255,255,0.08);
        color: white;
    }

    .nav-item.active[b-s5o8is8oso] {
        background: linear-gradient(90deg, #8cc63f 0%, #4b6920 100%);
        color: white;
    }

.sidebar-bottom[b-s5o8is8oso] {
    margin-top: auto;
}

.main-content[b-s5o8is8oso] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.topbar[b-s5o8is8oso] {
    height: 80px;
    background: white;
    border-bottom: 1px solid #e6e9ef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
}

.search-box[b-s5o8is8oso] {
    width: 420px;
    height: 48px;
    border: 1px solid #dfe5ef;
    border-radius: 14px;
    display: flex;
    align-items: center;
    padding: 0 18px;
    gap: 12px;
    background: #f8fafc;
}

    .search-box input[b-s5o8is8oso] {
        border: none;
        background: transparent;
        width: 100%;
        outline: none;
    }

.topbar-right[b-s5o8is8oso] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.icon-btn[b-s5o8is8oso] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: none;
    background: #f5f7fb;
    cursor: pointer;
}

.user-box[b-s5o8is8oso] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.avatar[b-s5o8is8oso] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #0f172a;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.user-name[b-s5o8is8oso] {
    font-weight: 700;
}

.user-role[b-s5o8is8oso] {
    font-size: 13px;
    color: #7b8595;
}

.content-wrapper[b-s5o8is8oso] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

.crm-table-area[b-s5o8is8oso] {
    flex: 1;
    padding: 32px;
    overflow: auto;
}

.page-header h1[b-s5o8is8oso] {
    font-size: 34px;
    margin-bottom: 4px;
}

.page-header p[b-s5o8is8oso] {
    color: #6b7280;
}

.action-bar[b-s5o8is8oso],
.filter-bar[b-s5o8is8oso] {
    display: flex;
    gap: 14px;
    margin-top: 24px;
}

.btn[b-s5o8is8oso] {
    height: 46px;
    border-radius: 12px;
    border: 1px solid #dce2eb;
    background: white;
    padding: 0 18px;
    cursor: pointer;
    font-weight: 600;
}

.btn-primary[b-s5o8is8oso] {
    background: #8dc63f;
    border: none;
    color: white;
}

.search-input[b-s5o8is8oso],
.select[b-s5o8is8oso] {
    height: 46px;
    border-radius: 12px;
    border: 1px solid #dce2eb;
    padding: 0 16px;
    background: white;
}

.search-input[b-s5o8is8oso] {
    width: 280px;
}

.table-wrapper[b-s5o8is8oso] {
    margin-top: 24px;
    background: white;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
}

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

    .crm-table th[b-s5o8is8oso] {
        background: #f8fafc;
        text-align: left;
        padding: 18px;
        font-size: 14px;
        color: #64748b;
    }

    .crm-table td[b-s5o8is8oso] {
        padding: 18px;
        border-top: 1px solid #edf1f5;
    }

    .crm-table tr[b-s5o8is8oso] {
        cursor: pointer;
        transition: 0.2s;
    }

        .crm-table tr:hover[b-s5o8is8oso] {
            background: #f8fbf3;
        }

        .crm-table tr.selected[b-s5o8is8oso] {
            background: #eef8dd;
        }

.customer-cell[b-s5o8is8oso] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.customer-avatar[b-s5o8is8oso] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
}

.status[b-s5o8is8oso] {
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}

    .status.active[b-s5o8is8oso] {
        background: #dcfce7;
        color: #15803d;
    }

    .status.inactive[b-s5o8is8oso] {
        background: #fee2e2;
        color: #b91c1c;
    }

.details-panel[b-s5o8is8oso] {
    width: 520px;
    background: white;
    border-left: 1px solid #e5e7eb;
    padding: 24px;
    overflow: auto;
}

.details-header[b-s5o8is8oso] {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.details-company[b-s5o8is8oso] {
    display: flex;
    gap: 14px;
}

.details-avatar[b-s5o8is8oso] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.details-meta[b-s5o8is8oso] {
    color: #6b7280;
    margin-top: 4px;
}

.close-btn[b-s5o8is8oso] {
    border: none;
    background: transparent;
    font-size: 20px;
    cursor: pointer;
}

.details-actions[b-s5o8is8oso] {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}

.tabs[b-s5o8is8oso] {
    display: flex;
    gap: 18px;
    margin-top: 28px;
    border-bottom: 1px solid #e5e7eb;
}

.tab[b-s5o8is8oso] {
    border: none;
    background: transparent;
    padding-bottom: 14px;
    font-weight: 600;
    cursor: pointer;
    color: #64748b;
}

    .tab.active[b-s5o8is8oso] {
        color: #8dc63f;
        border-bottom: 3px solid #8dc63f;
    }

.card[b-s5o8is8oso] {
    margin-top: 24px;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 24px;
}

    .card h3[b-s5o8is8oso] {
        margin-bottom: 20px;
    }

.info-grid[b-s5o8is8oso] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.info-item[b-s5o8is8oso] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .info-item label[b-s5o8is8oso] {
        color: #64748b;
        font-size: 14px;
    }

.activity-list[b-s5o8is8oso] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.activity-item[b-s5o8is8oso] {
    display: flex;
    gap: 14px;
}

.activity-dot[b-s5o8is8oso] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #8dc63f;
    margin-top: 6px;
}
/* /Pages/Login.razor.rz.scp.css */
body[b-mwecx5vbaf] {
    margin: 0;
    font-family: 'Segoe UI', sans-serif;
    background: linear-gradient(135deg, #051229 0%, #0b1f45 100%);
    height: 100vh;
}

.login-container[b-mwecx5vbaf] {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.login-card[b-mwecx5vbaf] {
    width: 100%;
    max-width: 720px;
    background: rgba(255,255,255,0.96);
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
    text-align: center;
}

.logo[b-mwecx5vbaf] {
    width: 100%;
    margin-bottom: 20px;
}

h1[b-mwecx5vbaf] {
    margin: 0;
    color: #051229;
    font-size: 42px;
    font-weight: 700;
}

.subtitle[b-mwecx5vbaf] {
    margin-top: 12px;
    margin-bottom: 35px;
    color: #666;
    font-size: 18px;
}

.microsoft-button[b-mwecx5vbaf] {
    width: 100%;
    height: 58px;
    border: none;
    border-radius: 12px;
    background: #ac9a84;
    color: white;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: all 0.2s ease;
}

    .microsoft-button:hover[b-mwecx5vbaf] {
        transform: translateY(-2px);
        background: #97846d;
    }

    .microsoft-button img[b-mwecx5vbaf] {
        width: 24px;
        height: 24px;
    }

.login-footer[b-mwecx5vbaf] {
    margin-top: 30px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

    .login-footer span[b-mwecx5vbaf] {
        color: #ac9a84;
        font-weight: 600;
    }

@media(max-width: 600px) {

    .login-card[b-mwecx5vbaf] {
        padding: 30px 20px;
    }

    h1[b-mwecx5vbaf] {
        font-size: 32px;
    }

    .subtitle[b-mwecx5vbaf] {
        font-size: 16px;
    }
}