@import '_content/Excubo.Blazor.TreeViews/Excubo.Blazor.TreeViews.ggbo2a6x37.bundle.scp.css';
@import '_content/Volo.Abp.Account.Pro.Public.Blazor.Shared/Volo.Abp.Account.Pro.Public.Blazor.Shared.bt59d6l1jm.bundle.scp.css';
@import '_content/Volo.Abp.PermissionManagement.Blazor/Volo.Abp.PermissionManagement.Blazor.p33ll9g8os.bundle.scp.css';

/* /Pages/AgenticAiProposal/AgenticAIProposal.razor.rz.scp.css */
/* ============================================
   AgenticAI Proposal - Complete Stylesheet
   Matches the broker-facing screenshot designs
   ============================================ */

/* === LOADING === */
.agentic-loading[b-j6hbzrmm0c] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 400px !important;
    gap: 16px !important;
}

.loading-spinner-lg[b-j6hbzrmm0c] {
    width: 48px !important;
    height: 48px !important;
    border: 4px solid #e5e7eb !important;
    border-top-color: #1e3a5f !important;
    border-radius: 50% !important;
    animation: spin-b-j6hbzrmm0c 0.8s linear infinite !important;
}

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

/* === HEADER BAR === */
.agentic-header[b-j6hbzrmm0c] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 24px !important;
    background: #fff !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

.header-left[b-j6hbzrmm0c] {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.header-icon[b-j6hbzrmm0c] {
    width: 40px !important;
    height: 40px !important;
    background: #1e3a5f !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
}

.header-title[b-j6hbzrmm0c] {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1e3a5f !important;
    margin: 0 !important;
}

.header-subtitle[b-j6hbzrmm0c] {
    font-size: 13px !important;
    color: #6b7280 !important;
    margin: 0 !important;
}

.header-right[b-j6hbzrmm0c] {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.ai-badge[b-j6hbzrmm0c] {
    background: #f0f7ff !important;
    color: #1e3a5f !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.btn-header[b-j6hbzrmm0c] {
    padding: 8px 16px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #374151 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
}

    .btn-header:hover[b-j6hbzrmm0c] {
        background: #f9fafb !important;
    }

.btn-primary-header[b-j6hbzrmm0c] {
    background: #1e3a5f !important;
    color: #fff !important;
    border-color: #1e3a5f !important;
}

    .btn-primary-header:hover[b-j6hbzrmm0c] {
        background: #15294a !important;
    }

/* === TAB NAVIGATION === */
.agentic-tabs[b-j6hbzrmm0c] {
    display: flex !important;
    background: #fff !important;
    border-bottom: 2px solid #e5e7eb !important;
    padding: 0 24px !important;
    overflow-x: auto !important;
}

.tab-btn[b-j6hbzrmm0c] {
    padding: 14px 24px !important;
    border: none !important;
    background: none !important;
    font-size: 14px !important;
    color: #6b7280 !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -2px !important;
    white-space: nowrap !important;
    transition: all 0.2s !important;
}

    .tab-btn:hover[b-j6hbzrmm0c] {
        color: #1e3a5f !important;
    }

    .tab-btn.active[b-j6hbzrmm0c] {
        color: #1e3a5f !important;
        border-bottom-color: #1e3a5f !important;
        font-weight: 600 !important;
    }

.tab-icon[b-j6hbzrmm0c] {
    margin-right: 4px !important;
}

/* === CONTENT AREA === */
.agentic-content[b-j6hbzrmm0c] {
    padding: 24px !important;
    background: #f8f9fb !important;
    min-height: calc(100vh - 160px) !important;
}

/* === TAB PANELS === */
.tab-panel[b-j6hbzrmm0c] {
    max-width: 1300px !important;
    margin: 0 auto !important;
}

.two-column-layout[b-j6hbzrmm0c] {
    display: grid !important;
    grid-template-columns: 1fr 320px !important;
    gap: 24px !important;
}

.main-column[b-j6hbzrmm0c] {
    min-width: 0 !important;
}

.sidebar-column[b-j6hbzrmm0c] {
    min-width: 0 !important;
}

/* === CARDS === */
.card[b-j6hbzrmm0c] {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 20px 24px !important;
    margin-bottom: 20px !important;
}

.card-header[b-j6hbzrmm0c] {
    margin-bottom: 16px !important;
}

    .card-header h2[b-j6hbzrmm0c], .card-header h3[b-j6hbzrmm0c] {
        margin: 0 0 4px 0 !important;
        color: #1e3a5f !important;
        font-size: 18px !important;
    }

.card-subtitle[b-j6hbzrmm0c] {
    color: #6b7280 !important;
    font-size: 13px !important;
    margin: 0 !important;
}

.card h3[b-j6hbzrmm0c] {
    margin: 0 0 8px 0 !important;
    color: #1e3a5f !important;
    font-size: 16px !important;
}

/* === AI-ENHANCED CARDS === */
.ai-card[b-j6hbzrmm0c] {
    border-left: 4px solid #1e3a5f !important;
}

.ai-summary-card[b-j6hbzrmm0c] {
    background: #f0f7ff !important;
    border: 1px solid #bfdbfe !important;
}

.ai-summary-text[b-j6hbzrmm0c] {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #374151 !important;
}

.ai-tags[b-j6hbzrmm0c] {
    display: flex !important;
    gap: 8px !important;
    margin-top: 12px !important;
    flex-wrap: wrap !important;
}

.ai-tag[b-j6hbzrmm0c] {
    background: #e5e7eb !important;
    color: #374151 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
}

/* === INFO CARDS === */
.info-card[b-j6hbzrmm0c] {
    padding: 16px 20px !important;
}

    .info-card.green[b-j6hbzrmm0c] {
        border-left: 4px solid #10b981 !important;
    }

    .info-card.amber[b-j6hbzrmm0c] {
        border-left: 4px solid #f59e0b !important;
    }

    .info-card.blue[b-j6hbzrmm0c] {
        border-left: 4px solid #3b82f6 !important;
    }

    .info-card h3[b-j6hbzrmm0c] {
        font-size: 15px !important;
        margin-bottom: 6px !important;
    }

    .info-card p[b-j6hbzrmm0c] {
        font-size: 14px !important;
        color: #4b5563 !important;
        margin: 0 !important;
        line-height: 1.5 !important;
    }

/* === AI SECTIONS (in cards) === */
.ai-section[b-j6hbzrmm0c] {
    padding: 14px 18px !important;
    border-radius: 6px !important;
    margin-bottom: 12px !important;
}

    .ai-section.green[b-j6hbzrmm0c] {
        background: #f0fdf4 !important;
        border-left: 3px solid #10b981 !important;
    }

    .ai-section.amber[b-j6hbzrmm0c] {
        background: #fffbeb !important;
        border-left: 3px solid #f59e0b !important;
    }

    .ai-section.blue[b-j6hbzrmm0c] {
        background: #eff6ff !important;
        border-left: 3px solid #3b82f6 !important;
    }

    .ai-section h4[b-j6hbzrmm0c] {
        margin: 0 0 6px 0 !important;
        font-size: 14px !important;
    }

    .ai-section p[b-j6hbzrmm0c] {
        margin: 0 !important;
        font-size: 13px !important;
        color: #4b5563 !important;
        line-height: 1.5 !important;
    }

.total-premium[b-j6hbzrmm0c] {
    background: #fef2f2 !important;
    border-left: 3px solid #ef4444 !important;
    padding: 12px 18px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
}

/* === FORMS === */
.form-row[b-j6hbzrmm0c] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
}

    .form-row.three-col[b-j6hbzrmm0c] {
        grid-template-columns: 1fr 1fr 1fr !important;
    }

.form-group[b-j6hbzrmm0c] {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

    .form-group.full-width[b-j6hbzrmm0c] {
        grid-column: span 2 !important;
    }

    .form-group label[b-j6hbzrmm0c] {
        font-size: 13px !important;
        font-weight: 500 !important;
        color: #374151 !important;
    }

.form-input[b-j6hbzrmm0c] {
    padding: 8px 12px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    color: #111827 !important;
    background: #fff !important;
    transition: border-color 0.2s !important;
}

    .form-input:focus[b-j6hbzrmm0c] {
        outline: none !important;
        border-color: #1e3a5f !important;
        box-shadow: 0 0 0 3px rgba(30,58,95,0.1) !important;
    }

textarea.form-input[b-j6hbzrmm0c] {
    resize: vertical !important;
}

select.form-input[b-j6hbzrmm0c] {
    cursor: pointer !important;
}

/* === TAGS === */
.tag-container[b-j6hbzrmm0c] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 6px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    min-height: 38px !important;
    align-items: center !important;
}

.tag[b-j6hbzrmm0c] {
    background: #e0e7ff !important;
    color: #3730a3 !important;
    padding: 3px 10px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.tag-remove[b-j6hbzrmm0c] {
    background: none !important;
    border: none !important;
    color: #6366f1 !important;
    cursor: pointer !important;
    font-size: 14px !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.tag-input[b-j6hbzrmm0c] {
    border: none !important;
    outline: none !important;
    font-size: 14px !important;
    flex: 1 !important;
    min-width: 120px !important;
    padding: 4px !important;
}

/* === SUB-TABS === */
.sub-tabs[b-j6hbzrmm0c] {
    display: flex !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
    background: #fff !important;
}

.sub-tab[b-j6hbzrmm0c] {
    flex: 1 !important;
    padding: 12px 20px !important;
    border: none !important;
    background: #fff !important;
    font-size: 14px !important;
    color: #6b7280 !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    transition: all 0.2s !important;
    border-right: 1px solid #e5e7eb !important;
}

    .sub-tab:last-child[b-j6hbzrmm0c] {
        border-right: none !important;
    }

    .sub-tab.active[b-j6hbzrmm0c] {
        background: #1e3a5f !important;
        color: #fff !important;
    }

    .sub-tab:hover:not(.active)[b-j6hbzrmm0c] {
        background: #f9fafb !important;
    }

.sub-panel[b-j6hbzrmm0c] { /* no extra spacing needed */
}

/* === COVERAGE GROUPS === */
.coverage-group[b-j6hbzrmm0c] {
    margin: 12px 0 !important;
}

.coverage-label[b-j6hbzrmm0c] {
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

    .coverage-label.core[b-j6hbzrmm0c] {
        color: #dc2626 !important;
    }

    .coverage-label.specialist[b-j6hbzrmm0c] {
        color: #1e3a5f !important;
    }

    .coverage-label.optional[b-j6hbzrmm0c] {
        color: #6b7280 !important;
    }

.coverage-tags[b-j6hbzrmm0c] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 6px !important;
}

.coverage-tag[b-j6hbzrmm0c] {
    padding: 5px 14px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

    .coverage-tag.core[b-j6hbzrmm0c] {
        background: #fef2f2 !important;
        color: #dc2626 !important;
        border: 1px solid #fecaca !important;
    }

    .coverage-tag.specialist[b-j6hbzrmm0c] {
        background: #f0f7ff !important;
        color: #1e3a5f !important;
        border: 1px solid #bfdbfe !important;
    }

    .coverage-tag.optional[b-j6hbzrmm0c] {
        background: #f3f4f6 !important;
        color: #6b7280 !important;
        border: 1px solid #e5e7eb !important;
    }

    .coverage-tag.green[b-j6hbzrmm0c] {
        background: #f0fdf4 !important;
        color: #059669 !important;
        border: 1px solid #a7f3d0 !important;
    }

/* === DECISION TREE === */
.dt-progress[b-j6hbzrmm0c] {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    margin-bottom: 6px !important;
}

.progress-bar-container[b-j6hbzrmm0c] {
    width: 100% !important;
    height: 8px !important;
    background: #e5e7eb !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

    .progress-bar-container.small[b-j6hbzrmm0c] {
        height: 6px !important;
        width: 120px !important;
        display: inline-block !important;
    }

.progress-bar-fill[b-j6hbzrmm0c] {
    height: 100% !important;
    background: #1e3a5f !important;
    border-radius: 4px !important;
    transition: width 0.3s !important;
}

.dt-question-card[b-j6hbzrmm0c] {
    text-align: center !important;
    padding: 32px !important;
}

.dt-question-label[b-j6hbzrmm0c] {
    font-size: 13px !important;
    color: #6b7280 !important;
    margin-bottom: 8px !important;
}

.dt-question-text[b-j6hbzrmm0c] {
    font-size: 20px !important;
    color: #111827 !important;
    margin-bottom: 24px !important;
}

.dt-buttons[b-j6hbzrmm0c] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    max-width: 500px !important;
    margin: 0 auto 20px !important;
}

.dt-btn[b-j6hbzrmm0c] {
    padding: 14px 24px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

.dt-btn-yes[b-j6hbzrmm0c] {
    background: #1e3a5f !important;
    color: #fff !important;
    border: 2px solid #1e3a5f !important;
}

    .dt-btn-yes:hover[b-j6hbzrmm0c] {
        background: #15294a !important;
    }

    .dt-btn-yes.selected[b-j6hbzrmm0c] {
        background: #15294a !important;
        box-shadow: 0 0 0 3px rgba(30,58,95,0.3) !important;
    }

.dt-btn-no[b-j6hbzrmm0c] {
    background: #fff !important;
    color: #374151 !important;
    border: 2px solid #d1d5db !important;
}

    .dt-btn-no:hover[b-j6hbzrmm0c] {
        background: #f9fafb !important;
    }

    .dt-btn-no.selected[b-j6hbzrmm0c] {
        border-color: #1e3a5f !important;
        color: #1e3a5f !important;
    }

.dt-nav[b-j6hbzrmm0c] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.dt-complete-card[b-j6hbzrmm0c] {
    background: #f0fdf4 !important;
    border: 1px solid #a7f3d0 !important;
}

.dt-results-grid[b-j6hbzrmm0c] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 16px 0 !important;
}

.dt-result-item[b-j6hbzrmm0c] {
    padding: 10px 16px !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    font-size: 14px !important;
}

.dt-check[b-j6hbzrmm0c] {
    margin-right: 6px !important;
}

/* === SUITABILITY === */
.suitability-card[b-j6hbzrmm0c] {
    background: #f0fdf4 !important;
    border: 1px solid #a7f3d0 !important;
}

.suitability-score[b-j6hbzrmm0c] {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 12px 0 !important;
}

    .suitability-score span:first-child[b-j6hbzrmm0c] {
        font-weight: 500 !important;
        font-size: 14px !important;
    }

.score-bar-container[b-j6hbzrmm0c] {
    flex: 1 !important;
    height: 10px !important;
    background: #e5e7eb !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}

.score-bar-fill[b-j6hbzrmm0c] {
    height: 100% !important;
    background: linear-gradient(90deg, #10b981, #059669) !important;
    border-radius: 5px !important;
}

.score-value[b-j6hbzrmm0c] {
    font-size: 22px !important;
    font-weight: 700 !important;
}

    .score-value.green[b-j6hbzrmm0c] {
        color: #059669 !important;
    }

    .score-value.red[b-j6hbzrmm0c] {
        color: #dc2626 !important;
    }

.suitability-result[b-j6hbzrmm0c] {
    padding: 12px 16px !important;
    border-radius: 6px !important;
    margin: 12px 0 !important;
}

    .suitability-result.recommended[b-j6hbzrmm0c] {
        background: #fff !important;
        border: 1px solid #a7f3d0 !important;
    }

    .suitability-result span[b-j6hbzrmm0c] {
        font-weight: 600 !important;
    }

    .suitability-result p[b-j6hbzrmm0c] {
        margin: 4px 0 0 !important;
        font-size: 13px !important;
        color: #6b7280 !important;
    }

.standalone-scores[b-j6hbzrmm0c] {
    display: flex !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.score-badge[b-j6hbzrmm0c] {
    background: #f3f4f6 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    color: #6b7280 !important;
}

/* === RECOMMENDATIONS === */
.recommendation-columns[b-j6hbzrmm0c] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

.product-checkbox[b-j6hbzrmm0c] {
    padding: 12px 16px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    margin-bottom: 8px !important;
    transition: all 0.2s !important;
}

    .product-checkbox:hover[b-j6hbzrmm0c] {
        border-color: #1e3a5f !important;
    }

    .product-checkbox.selected[b-j6hbzrmm0c] {
        background: #f0fdf4 !important;
        border-color: #10b981 !important;
    }

    .product-checkbox label[b-j6hbzrmm0c] {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        cursor: pointer !important;
        width: 100% !important;
    }

.product-info[b-j6hbzrmm0c] {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

    .product-info strong[b-j6hbzrmm0c] {
        font-size: 14px !important;
    }

    .product-info .text-muted[b-j6hbzrmm0c] {
        font-size: 12px !important;
    }

.recommended-badge[b-j6hbzrmm0c] {
    background: #f0fdf4 !important;
    color: #059669 !important;
    padding: 3px 10px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border: 1px solid #a7f3d0 !important;
}

/* === LIMITS TABLE === */
.limits-header[b-j6hbzrmm0c] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

.limits-actions[b-j6hbzrmm0c] {
    display: flex !important;
    gap: 8px !important;
}

.limits-selector[b-j6hbzrmm0c] {
    max-width: 300px !important;
}

.section-toggle[b-j6hbzrmm0c] {
    cursor: pointer !important;
    padding: 12px 0 !important;
    font-size: 15px !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

.table-responsive[b-j6hbzrmm0c] {
    overflow-x: auto !important;
}

.limits-table[b-j6hbzrmm0c] {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-size: 14px !important;
}

    .limits-table th[b-j6hbzrmm0c] {
        background: #f9fafb !important;
        padding: 10px 14px !important;
        text-align: left !important;
        font-weight: 600 !important;
        color: #6b7280 !important;
        font-size: 13px !important;
        border-bottom: 2px solid #e5e7eb !important;
    }

    .limits-table td[b-j6hbzrmm0c] {
        padding: 12px 14px !important;
        border-bottom: 1px solid #f3f4f6 !important;
        vertical-align: top !important;
    }

    .limits-table.compact td[b-j6hbzrmm0c] {
        padding: 8px 12px !important;
    }

.priority-badge[b-j6hbzrmm0c] {
    padding: 2px 10px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

    .priority-badge.core[b-j6hbzrmm0c] {
        background: #fef2f2 !important;
        color: #dc2626 !important;
    }

    .priority-badge.optional[b-j6hbzrmm0c] {
        background: #f3f4f6 !important;
        color: #6b7280 !important;
    }

.priority-label[b-j6hbzrmm0c] {
    font-weight: 600 !important;
}

    .priority-label.core[b-j6hbzrmm0c] {
        color: #dc2626 !important;
    }

    .priority-label.specialist[b-j6hbzrmm0c] {
        color: #1e3a5f !important;
    }

.legal-min[b-j6hbzrmm0c] {
    color: #dc2626 !important;
    font-size: 13px !important;
}

.recommended-limit[b-j6hbzrmm0c] {
    color: #059669 !important;
    font-weight: 600 !important;
}

.override-input[b-j6hbzrmm0c] {
    width: 100px !important;
    padding: 4px 8px !important;
    font-size: 13px !important;
}

.basis-text[b-j6hbzrmm0c] {
    font-size: 12px !important;
    color: #6b7280 !important;
    max-width: 240px !important;
}

/* === SELECTED PRODUCTS === */
.programme-summary[b-j6hbzrmm0c] {
    background: #f0fdf4 !important;
    border: 1px solid #a7f3d0 !important;
}

.programme-cards[b-j6hbzrmm0c] {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    gap: 12px !important;
    margin-top: 12px !important;
}

.programme-product-card[b-j6hbzrmm0c] {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    padding: 16px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

    .programme-product-card:hover[b-j6hbzrmm0c] {
        border-color: #1e3a5f !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    }

    .programme-product-card h4[b-j6hbzrmm0c] {
        margin: 0 0 4px !important;
        font-size: 15px !important;
    }

.covers-count[b-j6hbzrmm0c] {
    font-size: 12px !important;
    color: #6b7280 !important;
}

.click-hint[b-j6hbzrmm0c] {
    font-size: 11px !important;
    color: #9ca3af !important;
    margin-top: 8px !important;
}

/* === RISK TAB === */
.risk-layout[b-j6hbzrmm0c] {
    display: grid !important;
    grid-template-columns: 240px 1fr !important;
    gap: 20px !important;
}

.risk-sidebar[b-j6hbzrmm0c] {
    min-width: 0 !important;
}

.risk-main[b-j6hbzrmm0c] {
    min-width: 0 !important;
}

.risk-progress[b-j6hbzrmm0c] {
    font-size: 13px !important;
    color: #6b7280 !important;
    margin-bottom: 12px !important;
}

.risk-product-item[b-j6hbzrmm0c] {
    padding: 10px 14px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    margin-bottom: 6px !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 14px !important;
    transition: all 0.2s !important;
}

    .risk-product-item.active[b-j6hbzrmm0c] {
        background: #1e3a5f !important;
        color: #fff !important;
        border-color: #1e3a5f !important;
    }

        .risk-product-item.active .text-muted[b-j6hbzrmm0c] {
            color: #93c5fd !important;
        }

.risk-question-header[b-j6hbzrmm0c] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

.risk-product-flow[b-j6hbzrmm0c] {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.flow-step[b-j6hbzrmm0c] {
    padding: 4px 12px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    background: #f3f4f6 !important;
    color: #6b7280 !important;
}

    .flow-step.active[b-j6hbzrmm0c] {
        background: #1e3a5f !important;
        color: #fff !important;
    }

.flow-arrow[b-j6hbzrmm0c] {
    color: #9ca3af !important;
    font-size: 14px !important;
}

.risk-question-card[b-j6hbzrmm0c] {
    padding: 24px !important;
}

.risk-question[b-j6hbzrmm0c] {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    flex-wrap: wrap !important;
}

.required-marker[b-j6hbzrmm0c] {
    color: #dc2626 !important;
    font-size: 16px !important;
}

.question-type-badge[b-j6hbzrmm0c] {
    background: #f3f4f6 !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    color: #6b7280 !important;
}

.risk-nav[b-j6hbzrmm0c] {
    display: flex !important;
    justify-content: space-between !important;
    margin-top: 20px !important;
}

.risk-chat[b-j6hbzrmm0c] {
    margin-top: 0 !important;
}

.risk-chat-footer[b-j6hbzrmm0c] {
    display: flex !important;
    gap: 16px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f3f4f6 !important;
    margin-bottom: 10px !important;
    font-size: 13px !important;
    color: #6b7280 !important;
}

    .risk-chat-footer span[b-j6hbzrmm0c] {
        cursor: pointer !important;
    }

.risk-chat-input[b-j6hbzrmm0c], .ai-chat-input-box[b-j6hbzrmm0c] {
    display: flex !important;
    gap: 8px !important;
}

.btn-send[b-j6hbzrmm0c] {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border: none !important;
    background: #1e3a5f !important;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    .btn-send:hover[b-j6hbzrmm0c] {
        background: #15294a !important;
    }

/* === ENDORSEMENTS === */
.endorsement-header-bar[b-j6hbzrmm0c] {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 14px 20px !important;
    margin-bottom: 20px !important;
    flex-wrap: wrap !important;
}

.endorsement-client h3[b-j6hbzrmm0c] {
    margin: 0 !important;
    font-size: 15px !important;
}

.endorsement-completeness[b-j6hbzrmm0c] {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #6b7280 !important;
}

.endorsement-actions[b-j6hbzrmm0c] {
    display: flex !important;
    gap: 8px !important;
    margin-left: auto !important;
}

.endorsement-layout[b-j6hbzrmm0c] {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    gap: 20px !important;
}

.endorsement-sidebar[b-j6hbzrmm0c] {
    min-width: 0 !important;
}

.endorsement-main[b-j6hbzrmm0c] {
    min-width: 0 !important;
}

.filter-row[b-j6hbzrmm0c] {
    display: flex !important;
    gap: 8px !important;
    margin: 8px 0 !important;
}

.form-input.small[b-j6hbzrmm0c] {
    font-size: 12px !important;
    padding: 4px 8px !important;
}

.endorsement-lib-item[b-j6hbzrmm0c] {
    padding: 10px 12px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    margin-bottom: 6px !important;
    font-size: 13px !important;
}

    .endorsement-lib-item strong[b-j6hbzrmm0c] {
        display: block !important;
        font-size: 13px !important;
    }

.endorsement-tags-small[b-j6hbzrmm0c] {
    display: flex !important;
    gap: 4px !important;
    margin-top: 4px !important;
}

.tag-small[b-j6hbzrmm0c] {
    background: #f3f4f6 !important;
    padding: 1px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    color: #6b7280 !important;
}

.view-toggle[b-j6hbzrmm0c] {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
    font-size: 13px !important;
    color: #6b7280 !important;
}

.toggle-btn[b-j6hbzrmm0c] {
    padding: 5px 14px !important;
    border: 1px solid #d1d5db !important;
    background: #fff !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    cursor: pointer !important;
}

    .toggle-btn.active[b-j6hbzrmm0c] {
        background: #1e3a5f !important;
        color: #fff !important;
        border-color: #1e3a5f !important;
    }

.endorsement-stats[b-j6hbzrmm0c] {
    display: flex !important;
    gap: 16px !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    margin-bottom: 16px !important;
}

.endorsement-tabs[b-j6hbzrmm0c] {
    margin-bottom: 16px !important;
}

.endorsement-rec-card[b-j6hbzrmm0c] {
    padding: 16px 20px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    margin-bottom: 12px !important;
}

    .endorsement-rec-card.accepted[b-j6hbzrmm0c] {
        background: #f0fdf4 !important;
        border-color: #a7f3d0 !important;
    }

.endorsement-rec-header[b-j6hbzrmm0c] {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-bottom: 4px !important;
}

.endorsement-icon[b-j6hbzrmm0c] {
    font-size: 16px !important;
}

.confidence-badge[b-j6hbzrmm0c] {
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

    .confidence-badge.high[b-j6hbzrmm0c] {
        background: #f0fdf4 !important;
        color: #059669 !important;
    }

    .confidence-badge.low[b-j6hbzrmm0c] {
        background: #f0fdf4 !important;
        color: #10b981 !important;
    }

/* === MARKET TAB === */
.market-rec-card[b-j6hbzrmm0c] {
    padding: 14px 20px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
}

    .market-rec-card.strong[b-j6hbzrmm0c] {
        border-left: 4px solid #10b981 !important;
    }

    .market-rec-card.normal[b-j6hbzrmm0c] {
        border-left: 4px solid #3b82f6 !important;
    }

    .market-rec-card.consider[b-j6hbzrmm0c] {
        border-left: 4px solid #f59e0b !important;
    }

    .market-rec-card.not-rec[b-j6hbzrmm0c] {
        border-left: 4px solid #ef4444 !important;
    }

.market-rec-header[b-j6hbzrmm0c] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 4px !important;
}

.rec-badge[b-j6hbzrmm0c] {
    padding: 3px 10px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

    .rec-badge.strong[b-j6hbzrmm0c] {
        background: #f0fdf4 !important;
        color: #059669 !important;
    }

    .rec-badge.normal[b-j6hbzrmm0c] {
        background: #f3f4f6 !important;
        color: #374151 !important;
    }

    .rec-badge.consider[b-j6hbzrmm0c] {
        background: #fffbeb !important;
        color: #b45309 !important;
    }

    .rec-badge.not-rec[b-j6hbzrmm0c] {
        background: #fef2f2 !important;
        color: #dc2626 !important;
    }

.market-status[b-j6hbzrmm0c] {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 12px 0 !important;
    font-size: 14px !important;
}

.market-count[b-j6hbzrmm0c] {
    color: #f59e0b !important;
    font-weight: 600 !important;
}

.alert-banner[b-j6hbzrmm0c] {
    padding: 10px 16px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    margin-bottom: 16px !important;
}

    .alert-banner.warning[b-j6hbzrmm0c] {
        background: #fffbeb !important;
        border: 1px solid #fde68a !important;
        color: #b45309 !important;
    }

.market-table[b-j6hbzrmm0c] {
    width: 100% !important;
    font-size: 14px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

    .market-table th[b-j6hbzrmm0c] {
        background: #f9fafb !important;
        padding: 10px 14px !important;
        font-weight: 600 !important;
        color: #6b7280 !important;
        font-size: 13px !important;
        text-align: left !important;
        border-bottom: 2px solid #e5e7eb !important;
    }

    .market-table td[b-j6hbzrmm0c] {
        padding: 12px 14px !important;
        border-bottom: 1px solid #f3f4f6 !important;
    }

.status-badge[b-j6hbzrmm0c] {
    padding: 3px 10px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

    .status-badge.eligible[b-j6hbzrmm0c] {
        background: #f0fdf4 !important;
        color: #059669 !important;
    }

    .status-badge.no-config[b-j6hbzrmm0c] {
        background: #f3f4f6 !important;
        color: #6b7280 !important;
    }

    .status-badge.outstanding[b-j6hbzrmm0c] {
        background: #fffbeb !important;
        color: #b45309 !important;
    }

.appetite-badge[b-j6hbzrmm0c] {
    padding: 3px 8px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

    .appetite-badge.good[b-j6hbzrmm0c] {
        background: #f0fdf4 !important;
        color: #059669 !important;
    }

    .appetite-badge.unknown[b-j6hbzrmm0c] {
        background: #f3f4f6 !important;
        color: #6b7280 !important;
    }

.status-text[b-j6hbzrmm0c] {
    font-size: 13px !important;
    font-weight: 500 !important;
}

    .status-text.selected[b-j6hbzrmm0c] {
        color: #059669 !important;
    }

    .status-text.not-selected[b-j6hbzrmm0c] {
        color: #6b7280 !important;
    }

.send-buttons[b-j6hbzrmm0c] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
}

.proposal-info[b-j6hbzrmm0c] {
    background: #f9fafb !important;
}

    .proposal-info ul[b-j6hbzrmm0c] {
        margin: 8px 0 !important;
        padding-left: 20px !important;
        font-size: 13px !important;
        color: #4b5563 !important;
    }

    .proposal-info li[b-j6hbzrmm0c] {
        margin: 4px 0 !important;
    }

/* === QUOTES === */
.quotes-layout[b-j6hbzrmm0c] {
    display: grid !important;
    grid-template-columns: 1fr 300px !important;
    gap: 20px !important;
}

.quotes-main[b-j6hbzrmm0c] {
    min-width: 0 !important;
}

.quotes-sidebar[b-j6hbzrmm0c] {
    min-width: 0 !important;
}

.quotes-list-header[b-j6hbzrmm0c] {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
    flex-wrap: wrap !important;
}

    .quotes-list-header h3[b-j6hbzrmm0c] {
        flex: 1 !important;
    }

.quotes-table[b-j6hbzrmm0c] {
    width: 100% !important;
    font-size: 13px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

    .quotes-table th[b-j6hbzrmm0c] {
        background: #f9fafb !important;
        padding: 8px 12px !important;
        font-weight: 600 !important;
        color: #6b7280 !important;
        font-size: 12px !important;
        text-align: left !important;
        border-bottom: 2px solid #e5e7eb !important;
    }

    .quotes-table td[b-j6hbzrmm0c] {
        padding: 10px 12px !important;
        border-bottom: 1px solid #f3f4f6 !important;
    }

.comparison-table[b-j6hbzrmm0c] {
    width: 100% !important;
    font-size: 13px !important;
}

    .comparison-table th[b-j6hbzrmm0c] {
        background: #f9fafb !important;
        padding: 10px 14px !important;
        font-weight: 600 !important;
        text-align: left !important;
        border-bottom: 2px solid #e5e7eb !important;
    }

    .comparison-table td[b-j6hbzrmm0c] {
        padding: 10px 14px !important;
        border-bottom: 1px solid #f3f4f6 !important;
    }

.better-badge[b-j6hbzrmm0c] {
    background: #f0fdf4 !important;
    color: #059669 !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin-left: 4px !important;
}

/* AI Broker Chat */
.ai-chat-card[b-j6hbzrmm0c] {
    position: sticky !important;
    top: 20px !important;
}

.ai-chat-messages[b-j6hbzrmm0c] {
    max-height: 300px !important;
    overflow-y: auto !important;
    margin: 12px 0 !important;
}

.ai-message[b-j6hbzrmm0c] {
    background: #f0f7ff !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #374151 !important;
}

/* === DOCUMENTS === */
.documents-header[b-j6hbzrmm0c] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
}

.documents-grid[b-j6hbzrmm0c] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}

.document-card[b-j6hbzrmm0c] {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    transition: all 0.2s !important;
}

    .document-card:hover[b-j6hbzrmm0c] {
        border-color: #1e3a5f !important;
    }

.doc-icon[b-j6hbzrmm0c] {
    font-size: 24px !important;
}

.doc-info[b-j6hbzrmm0c] {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

    .doc-info strong[b-j6hbzrmm0c] {
        font-size: 14px !important;
    }

.doc-status[b-j6hbzrmm0c] {
    padding: 3px 10px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

    .doc-status.completed[b-j6hbzrmm0c] {
        background: #f0fdf4 !important;
        color: #059669 !important;
    }

    .doc-status.in-progress[b-j6hbzrmm0c] {
        background: #fffbeb !important;
        color: #d97706 !important;
    }

    .doc-status.pending[b-j6hbzrmm0c] {
        background: #f3f4f6 !important;
        color: #6b7280 !important;
    }

/* === BUTTONS === */
.btn-primary[b-j6hbzrmm0c] {
    padding: 10px 20px !important;
    background: #1e3a5f !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

    .btn-primary:hover[b-j6hbzrmm0c] {
        background: #15294a !important;
    }

    .btn-primary.btn-lg[b-j6hbzrmm0c] {
        padding: 14px 28px !important;
        font-size: 15px !important;
    }

.btn-outline[b-j6hbzrmm0c] {
    padding: 8px 16px !important;
    background: #fff !important;
    color: #374151 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
}

    .btn-outline:hover[b-j6hbzrmm0c] {
        background: #f9fafb !important;
    }

    .btn-outline.btn-lg[b-j6hbzrmm0c] {
        padding: 14px 28px !important;
        font-size: 15px !important;
    }

    .btn-outline.btn-sm[b-j6hbzrmm0c] {
        padding: 4px 10px !important;
        font-size: 12px !important;
    }

    .btn-outline.btn-danger-outline[b-j6hbzrmm0c] {
        color: #dc2626 !important;
        border-color: #fecaca !important;
    }

.btn-link[b-j6hbzrmm0c] {
    background: none !important;
    border: none !important;
    color: #6b7280 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    text-decoration: underline !important;
    padding: 0 !important;
}

/* === UTILITIES === */
.text-muted[b-j6hbzrmm0c] {
    color: #6b7280 !important;
}

    .text-muted.small[b-j6hbzrmm0c], .small[b-j6hbzrmm0c] {
        font-size: 12px !important;
    }

.text-center[b-j6hbzrmm0c] {
    text-align: center !important;
}

/* === RESPONSIVE === */
@media (max-width: 1024px) {
    .two-column-layout[b-j6hbzrmm0c] {
        grid-template-columns: 1fr !important;
    }

    .recommendation-columns[b-j6hbzrmm0c] {
        grid-template-columns: 1fr !important;
    }

    .risk-layout[b-j6hbzrmm0c] {
        grid-template-columns: 1fr !important;
    }

    .endorsement-layout[b-j6hbzrmm0c] {
        grid-template-columns: 1fr !important;
    }

    .quotes-layout[b-j6hbzrmm0c] {
        grid-template-columns: 1fr !important;
    }

    .documents-grid[b-j6hbzrmm0c] {
        grid-template-columns: 1fr !important;
    }

    .form-row.three-col[b-j6hbzrmm0c] {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 768px) {
    .form-row[b-j6hbzrmm0c] {
        grid-template-columns: 1fr !important;
    }

        .form-row.three-col[b-j6hbzrmm0c] {
            grid-template-columns: 1fr !important;
        }

    .form-group.full-width[b-j6hbzrmm0c] {
        grid-column: span 1 !important;
    }

    .agentic-header[b-j6hbzrmm0c] {
        flex-direction: column !important;
        gap: 12px !important;
    }

    .header-right[b-j6hbzrmm0c] {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .send-buttons[b-j6hbzrmm0c] {
        grid-template-columns: 1fr !important;
    }

    .dt-buttons[b-j6hbzrmm0c] {
        grid-template-columns: 1fr !important;
    }
}
/* /Pages/Bindings.razor.rz.scp.css */
.datagrid-detail .table-responsive[b-rfkgo68okt] {
    min-height: inherit !important;
}

.datagrid-detail .tab-content[b-rfkgo68okt] {
    padding-top: 0px !important;
}
/* /Pages/Index.razor.rz.scp.css */
/* /Pages/InsuranceProducts.razor.rz.scp.css */
.datagrid-detail .table-responsive[b-g3akfmyzus] {
    min-height: inherit !important;
}

.datagrid-detail .tab-content[b-g3akfmyzus] {
    padding-top: 0px !important;
}
/* /Pages/OnboardingSessions.razor.rz.scp.css */
.datagrid-detail .table-responsive[b-fwfuy28cr0] {
    min-height: inherit !important;
}

.datagrid-detail .tab-content[b-fwfuy28cr0] {
    padding-top: 0px !important;
}
/* /Pages/Payments.razor.rz.scp.css */
.datagrid-detail .table-responsive[b-f7a341jt0y] {
    min-height: inherit !important;
}

.datagrid-detail .tab-content[b-f7a341jt0y] {
    padding-top: 0px !important;
}
/* /Pages/Policies.razor.rz.scp.css */
.datagrid-detail .table-responsive[b-k3u3wd3h5a] {
    min-height: inherit !important;
}

.datagrid-detail .tab-content[b-k3u3wd3h5a] {
    padding-top: 0px !important;
}
/* /Pages/PremiumFinanceAgreements.razor.rz.scp.css */
.datagrid-detail .table-responsive[b-knq9tspdlh] {
    min-height: inherit !important;
}

.datagrid-detail .tab-content[b-knq9tspdlh] {
    padding-top: 0px !important;
}
/* /Pages/ProductCatalog/ProductCatalog.razor.rz.scp.css */
/* ========================================
   Product Catalog Styles
   Coverlytic Admin - Product Management
   ======================================== */

/* ==================== Container ==================== */
.product-catalog-container[b-2his6c7v5u] {
    padding: 1.5rem 2rem;
    max-width: 1600px;
    margin: 0 auto;
    /*background-color: #f8f9fc;*/
    min-height: 100vh;
}

/* ==================== Page Header ==================== */
.page-header[b-2his6c7v5u] {
    margin-bottom: 1.5rem;
}

.header-content[b-2his6c7v5u] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.header-icon[b-2his6c7v5u] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #0B2545 0%, #134074 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem !important;
}

.header-text h1[b-2his6c7v5u] {
    font-size: 1.75rem !important;
    font-weight: 700;
    color: #0B2545;
    margin: 0 0 0.25rem 0;
}

.header-text .subtitle[b-2his6c7v5u] {
    font-size: 0.9rem !important;
    color: #64748b;
    margin: 0;
}

/* ==================== Info Box ==================== */
.info-box[b-2his6c7v5u] {
    background: #e8f4fd;
    border: 1px solid #b8daff;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.info-icon[b-2his6c7v5u] {
    color: #0B2545;
    font-size: 1.25rem !important;
    flex-shrink: 0;
    margin-top: 2px;
}

.info-content[b-2his6c7v5u] {
    font-size: 0.875rem !important;
    color: #334155;
    line-height: 1.6;
}

.info-content strong[b-2his6c7v5u] {
    color: #0B2545;
}

/* ==================== Statistics Cards ==================== */
.stats-grid[b-2his6c7v5u] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-2his6c7v5u] {
    background: white;
    border-radius: 12px;
    padding: 1.25rem;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.stat-card:hover[b-2his6c7v5u] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.stat-value[b-2his6c7v5u] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.stat-label[b-2his6c7v5u] {
    font-size: 0.8rem;
    color: #64748b;
    margin-top: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Stat card colors */
.stat-card.total .stat-value[b-2his6c7v5u] { color: #0B2545; }
.stat-card.core .stat-value[b-2his6c7v5u] { color: #16a34a; }
.stat-card.specialty .stat-value[b-2his6c7v5u] { color: #f59e0b; }
.stat-card.niche .stat-value[b-2his6c7v5u] { color: #8b5cf6; }
.stat-card.sic-rules .stat-value[b-2his6c7v5u] { color: #0ea5e9; }
.stat-card.ai-driven .stat-value[b-2his6c7v5u] { color: #00b4d8; }

/* ==================== Toolbar ==================== */
.toolbar[b-2his6c7v5u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.toolbar-left[b-2his6c7v5u] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.toolbar-right[b-2his6c7v5u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Search Box */
.search-box[b-2his6c7v5u] {
    position: relative;
    flex: 1;
    max-width: 320px;
}

.search-box i[b-2his6c7v5u] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 0.9rem;
}

.search-box input[b-2his6c7v5u] {
    width: 100%;
    padding: 0.625rem 2.5rem 0.625rem 2.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    background: white;
}

.search-box input:focus[b-2his6c7v5u] {
    outline: none;
    border-color: #00b4d8;
    box-shadow: 0 0 0 3px rgba(0, 180, 216, 0.1);
}

.search-box input[b-2his6c7v5u]::placeholder {
    color: #94a3b8;
}

.clear-search[b-2his6c7v5u] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
}

.clear-search:hover[b-2his6c7v5u] {
    color: #64748b;
    background: #f1f5f9;
}

/* Filter Dropdown */
.filter-dropdown[b-2his6c7v5u] {
    position: relative;
}

.filter-dropdown select[b-2his6c7v5u] {
    appearance: none;
    padding: 0.625rem 2.5rem 0.625rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.9rem;
    background: white;
    cursor: pointer;
    min-width: 160px;
}

.filter-dropdown select:focus[b-2his6c7v5u] {
    outline: none;
    border-color: #00b4d8;
}

.filter-dropdown i[b-2his6c7v5u] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    pointer-events: none;
    font-size: 0.75rem;
}

/* Toolbar Buttons */
.toolbar-right .btn[b-2his6c7v5u] {
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.toolbar-right .btn-outline-secondary[b-2his6c7v5u] {
    background: white;
    border-color: #e2e8f0;
    color: #475569;
}

.toolbar-right .btn-outline-secondary:hover[b-2his6c7v5u] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.toolbar-right .btn-primary[b-2his6c7v5u] {
    background: #00b4d8;
    border-color: #00b4d8;
    color: white;
}

.toolbar-right .btn-primary:hover[b-2his6c7v5u] {
    background: #0096c7;
    border-color: #0096c7;
}

/* ==================== Filter Pills ==================== */
.filter-pills[b-2his6c7v5u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.filter-pill[b-2his6c7v5u] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    font-size: 0.8rem;
    color: #475569;
    cursor: pointer;
    transition: all 0.2s ease;
}

.filter-pill:hover[b-2his6c7v5u] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.filter-pill.active[b-2his6c7v5u] {
    background: #e8f8f0;
    border-color: #16a34a;
    color: #16a34a;
}

.filter-pill.inactive[b-2his6c7v5u] {
    background: #fef2f2;
    border-color: #ef4444;
    color: #ef4444;
}

.filter-pill .bi-chevron-down[b-2his6c7v5u] {
    font-size: 0.7rem;
    opacity: 0.6;
}

.filter-icon[b-2his6c7v5u] {
    display: flex;
    align-items: center;
}

.clear-filters-btn[b-2his6c7v5u] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: none;
    font-size: 0.8rem;
    color: #64748b;
    cursor: pointer;
    transition: color 0.2s ease;
}

.clear-filters-btn:hover[b-2his6c7v5u] {
    color: #ef4444;
}

/* ==================== Products Table ==================== */
.products-table-container[b-2his6c7v5u] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.products-table[b-2his6c7v5u] {
    width: 100%;
    border-collapse: collapse;
}

.products-table thead[b-2his6c7v5u] {
    background: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
}

.products-table th[b-2his6c7v5u] {
    padding: 0.875rem 1rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.products-table tbody tr[b-2his6c7v5u] {
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.15s ease;
}

.products-table tbody tr:hover[b-2his6c7v5u] {
    background: #f8fafc;
}

.products-table tbody tr.inactive-row[b-2his6c7v5u] {
    opacity: 0.6;
}

.products-table td[b-2his6c7v5u] {
    padding: 0.875rem 1rem;
    vertical-align: middle;
}

/* Column widths */
.col-product[b-2his6c7v5u] { min-width: 200px; }
.col-category[b-2his6c7v5u] { width: 120px; }
.col-flag[b-2his6c7v5u] { width: 100px; text-align: center; }
.col-status[b-2his6c7v5u] { width: 90px; }
.col-actions[b-2his6c7v5u] { width: 100px; text-align: center; }

/* Product Info Cell */
.product-info[b-2his6c7v5u] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.product-name[b-2his6c7v5u] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.9rem;
}

.product-code[b-2his6c7v5u] {
    font-size: 0.75rem;
    color: #94a3b8;
    font-family: 'Monaco', 'Menlo', monospace;
}

/* Category Badges */
.category-badge[b-2his6c7v5u] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: capitalize;
}

.category-badge.core[b-2his6c7v5u] {
    background: #dcfce7;
    color: #16a34a;
}

.category-badge.specialty[b-2his6c7v5u] {
    background: #fef3c7;
    color: #d97706;
}

.category-badge.niche[b-2his6c7v5u] {
    background: #ede9fe;
    color: #7c3aed;
}

.category-badge.combined[b-2his6c7v5u] {
    background: #e0e7ff;
    color: #4f46e5;
}

.category-badge.default[b-2his6c7v5u] {
    background: #f1f5f9;
    color: #64748b;
}

/* Flag Icons */
.flag-yes[b-2his6c7v5u] {
    color: #16a34a;
    font-size: 1.1rem;
}

.flag-no[b-2his6c7v5u] {
    color: #cbd5e1;
    font-size: 1.1rem;
}

.flag-icon[b-2his6c7v5u] {
    font-size: 1rem;
}

.flag-icon.has-data[b-2his6c7v5u] {
    color: #0ea5e9;
}

.flag-icon.ai-driven[b-2his6c7v5u] {
    color: #00b4d8;
}

.flag-icon.rule-based[b-2his6c7v5u] {
    color: #16a34a;
}

.count-badge[b-2his6c7v5u] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 500;
}

.count-badge.has-data[b-2his6c7v5u] {
    background: #e0f2fe;
    color: #0284c7;
}

/* Status Badge */
.status-badge[b-2his6c7v5u] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-badge.active[b-2his6c7v5u] {
    background: #dcfce7;
    color: #16a34a;
}

.status-badge.inactive[b-2his6c7v5u] {
    background: #f1f5f9;
    color: #64748b;
}

/* Action Buttons */
.action-btn[b-2his6c7v5u] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    color: #64748b;
}

.action-btn:hover[b-2his6c7v5u] {
    background: #f1f5f9;
}

.action-btn.edit:hover[b-2his6c7v5u] {
    color: #0ea5e9;
    background: #e0f2fe;
}

.action-btn.delete:hover[b-2his6c7v5u] {
    color: #ef4444;
    background: #fef2f2;
}

/* No Data State */
.no-data[b-2his6c7v5u] {
    text-align: center;
    padding: 3rem !important;
}

.no-data-content[b-2his6c7v5u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    color: #94a3b8;
}

.no-data-content i[b-2his6c7v5u] {
    font-size: 3rem;
    opacity: 0.5;
}

/* ==================== Pagination ==================== */
.pagination-container[b-2his6c7v5u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: white;
    border-top: 1px solid #e2e8f0;
}

.pagination-info[b-2his6c7v5u] {
    font-size: 0.875rem;
    color: #64748b;
}

.pagination-controls[b-2his6c7v5u] {
    display: flex;
    gap: 0.25rem;
}

.pagination-btn[b-2his6c7v5u] {
    width: 36px;
    height: 36px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    color: #475569;
    transition: all 0.2s ease;
}

.pagination-btn:hover:not(:disabled)[b-2his6c7v5u] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.pagination-btn:disabled[b-2his6c7v5u] {
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination-btn.active[b-2his6c7v5u] {
    background: #0B2545;
    border-color: #0B2545;
    color: white;
}

/* ==================== Modals ==================== */
.modal-backdrop[b-2his6c7v5u] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    backdrop-filter: blur(2px);
}

.modal-dialog[b-2his6c7v5u] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
}

.modal-dialog.modal-sm[b-2his6c7v5u] {
    max-width: 400px;
}

.modal-content[b-2his6c7v5u] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-header[b-2his6c7v5u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-title[b-2his6c7v5u] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.modal-close[b-2his6c7v5u] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    transition: all 0.2s ease;
}

.modal-close:hover[b-2his6c7v5u] {
    background: #f1f5f9;
    color: #1e293b;
}

.modal-body[b-2his6c7v5u] {
    padding: 1.5rem;
}

.modal-footer[b-2his6c7v5u] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 12px 12px;
}

/* Form Styles */
.form-row[b-2his6c7v5u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

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

.form-group label[b-2his6c7v5u] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #475569;
    margin-bottom: 0.375rem;
}

.form-group .required[b-2his6c7v5u] {
    color: #ef4444;
}

.form-control[b-2his6c7v5u] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.form-control:focus[b-2his6c7v5u] {
    outline: none;
    border-color: #00b4d8;
    box-shadow: 0 0 0 3px rgba(0, 180, 216, 0.1);
}

.form-control[b-2his6c7v5u]::placeholder {
    color: #94a3b8;
}

textarea.form-control[b-2his6c7v5u] {
    resize: vertical;
    min-height: 80px;
}

.form-text[b-2his6c7v5u] {
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 0.25rem;
}

.checkbox-group[b-2his6c7v5u] {
    display: flex;
    align-items: center;
    padding-top: 1.75rem;
}

.checkbox-label[b-2his6c7v5u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
    color: #475569;
}

.checkbox-label input[type="checkbox"][b-2his6c7v5u] {
    width: 18px;
    height: 18px;
    accent-color: #00b4d8;
}

/* ==================== Import Modal ==================== */
.import-instructions[b-2his6c7v5u] {
    margin-bottom: 1rem;
    font-size: 0.9rem;
    color: #64748b;
}

.import-instructions a[b-2his6c7v5u] {
    color: #00b4d8;
    text-decoration: none;
}

.import-instructions a:hover[b-2his6c7v5u] {
    text-decoration: underline;
}

.file-upload-area[b-2his6c7v5u] {
    position: relative;
    border: 2px dashed #e2e8f0;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    transition: all 0.2s ease;
    background: #fafbfc;
}

.file-upload-area:hover[b-2his6c7v5u],
.file-upload-area.dragging[b-2his6c7v5u] {
    border-color: #00b4d8;
    background: #f0f9ff;
}

.file-upload-area input[type="file"][b-2his6c7v5u] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.upload-content[b-2his6c7v5u] {
    pointer-events: none;
}

.upload-content i[b-2his6c7v5u] {
    font-size: 2.5rem;
    color: #94a3b8;
    margin-bottom: 0.5rem;
}

.upload-content p[b-2his6c7v5u] {
    color: #64748b;
    margin: 0;
    font-size: 0.9rem;
}

.selected-file[b-2his6c7v5u] {
    display: inline-block;
    margin-top: 0.75rem;
    padding: 0.375rem 0.75rem;
    background: #e0f2fe;
    color: #0284c7;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
}

.import-result[b-2his6c7v5u] {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 8px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.import-result.has-errors[b-2his6c7v5u] {
    background: #fef2f2;
    border-color: #fecaca;
}

.result-summary[b-2his6c7v5u] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.75rem;
}

.result-item[b-2his6c7v5u] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.result-item.success[b-2his6c7v5u] { color: #16a34a; }
.result-item.skipped[b-2his6c7v5u] { color: #64748b; }
.result-item.error[b-2his6c7v5u] { color: #ef4444; }

.error-list[b-2his6c7v5u] {
    border-top: 1px solid #fecaca;
    padding-top: 0.75rem;
}

.error-item[b-2his6c7v5u] {
    font-size: 0.8rem;
    color: #dc2626;
    padding: 0.25rem 0;
}

.error-item .row-num[b-2his6c7v5u] {
    font-weight: 600;
    margin-right: 0.5rem;
}

.error-item.more[b-2his6c7v5u] {
    font-style: italic;
    color: #94a3b8;
}

/* ==================== Loading State ==================== */
.loading-overlay[b-2his6c7v5u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #64748b;
}

/* ==================== Responsive ==================== */
@media (max-width: 1400px) {
    .stats-grid[b-2his6c7v5u] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .stats-grid[b-2his6c7v5u] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .toolbar[b-2his6c7v5u] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .toolbar-left[b-2his6c7v5u],
    .toolbar-right[b-2his6c7v5u] {
        width: 100%;
    }
    
    .toolbar-right[b-2his6c7v5u] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    
    .products-table-container[b-2his6c7v5u] {
        overflow-x: auto;
    }
    
    .products-table[b-2his6c7v5u] {
        min-width: 900px;
    }
}

@media (max-width: 768px) {
    .product-catalog-container[b-2his6c7v5u] {
        padding: 1rem;
    }
    
    .stats-grid[b-2his6c7v5u] {
        grid-template-columns: 1fr 1fr;
    }
    
    .form-row[b-2his6c7v5u] {
        grid-template-columns: 1fr;
    }
    
    .modal-dialog[b-2his6c7v5u] {
        width: calc(100% - 2rem);
        margin: 1rem;
    }
    
    .filter-pills[b-2his6c7v5u] {
        overflow-x: auto;
        padding-bottom: 0.5rem;
    }
}
/* /Pages/ProductSuitability/ProductSuitabilityEngine.razor.rz.scp.css */
.product-suitability-engine[b-dlr36e66yy] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-dlr36e66yy] {
    margin-bottom: 24px;
}

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

.title-section[b-dlr36e66yy] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.header-icon[b-dlr36e66yy] {
    font-size: 32px;
    color: #0B2545;
}

.title-section h2[b-dlr36e66yy] {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: #0B2545;
}

.subtitle[b-dlr36e66yy] {
    margin: 4px 0 0 0;
    color: #6c757d;
    font-size: 14px;
}

/* Info Box */
.info-box[b-dlr36e66yy] {
    display: flex;
    gap: 12px;
    padding: 16px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin-bottom: 24px;
}

.info-icon[b-dlr36e66yy] {
    color: #0B2545;
    font-size: 18px;
    flex-shrink: 0;
}

.info-content[b-dlr36e66yy] {
    font-size: 13px;
    line-height: 1.6;
    color: #495057;
}

.info-content strong[b-dlr36e66yy] {
    color: #0B2545;
}

/* Tab Navigation */
.tab-navigation[b-dlr36e66yy] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #e9ecef;
    margin-bottom: 0;
}

.tab-button[b-dlr36e66yy] {
    padding: 12px 24px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #6c757d;
    position: relative;
    transition: all 0.2s ease;
}

.tab-button:hover[b-dlr36e66yy] {
    color: #0B2545;
    background-color: #f8f9fa;
}

.tab-button.active[b-dlr36e66yy] {
    color: #0B2545;
    background-color: #fff;
}

.tab-button.active[b-dlr36e66yy]::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #0B2545;
}

.tab-button i[b-dlr36e66yy] {
    margin-right: 8px;
}

/* How to Use Section */
.how-to-use-section[b-dlr36e66yy] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-top: none;
    border-radius: 0 0 8px 8px;
    margin-bottom: 24px;
}

.how-to-use-toggle[b-dlr36e66yy] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #495057;
    text-align: left;
}

.how-to-use-toggle:hover[b-dlr36e66yy] {
    background-color: #f8f9fa;
}

.how-to-use-toggle i:first-child[b-dlr36e66yy] {
    color: #0B2545;
}

.how-to-use-toggle span[b-dlr36e66yy] {
    flex: 1;
}

.how-to-use-toggle i:last-child[b-dlr36e66yy] {
    color: #6c757d;
}

.how-to-use-content[b-dlr36e66yy] {
    padding: 20px;
    border-top: 1px solid #e9ecef;
}

/* Tab Content */
.tab-content[b-dlr36e66yy] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-top: none;
    border-radius: 0 0 8px 8px;
    min-height: 400px;
}

/* Section Headers */
.section-header[b-dlr36e66yy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #e9ecef;
}

.section-title[b-dlr36e66yy] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-title h3[b-dlr36e66yy] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #0B2545;
}

.section-title i[b-dlr36e66yy] {
    font-size: 20px;
    color: #00b4d8;
}

.section-description[b-dlr36e66yy] {
    margin: 4px 0 0 0;
    color: #6c757d;
    font-size: 13px;
}

.section-actions[b-dlr36e66yy] {
    display: flex;
    gap: 8px;
}

/* Buttons */
.btn-primary[b-dlr36e66yy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background-color: #0B2545;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-primary:hover[b-dlr36e66yy] {
    background-color: #132d4f;
}

.btn-secondary[b-dlr36e66yy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background-color: #fff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover[b-dlr36e66yy] {
    background-color: #f8f9fa;
    border-color: #adb5bd;
}

.btn-danger[b-dlr36e66yy] {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover[b-dlr36e66yy] {
    background-color: #dc3545;
    color: #fff;
}

.btn-sm[b-dlr36e66yy] {
    padding: 4px 8px;
    font-size: 12px;
}

.btn-icon[b-dlr36e66yy] {
    padding: 6px;
    min-width: 32px;
    justify-content: center;
}

/* Cards & Accordions */
.category-card[b-dlr36e66yy] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin: 16px 20px;
    overflow: hidden;
}

.category-header[b-dlr36e66yy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background-color 0.2s;
}

.category-header:hover[b-dlr36e66yy] {
    background-color: #e9ecef;
}

.category-title[b-dlr36e66yy] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.category-title h4[b-dlr36e66yy] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #0B2545;
}

.badge[b-dlr36e66yy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    background-color: #e9ecef;
    color: #495057;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.badge-primary[b-dlr36e66yy] {
    background-color: #0B2545;
    color: #fff;
}

.badge-success[b-dlr36e66yy] {
    background-color: #198754;
    color: #fff;
}

.badge-warning[b-dlr36e66yy] {
    background-color: #ffc107;
    color: #212529;
}

.badge-danger[b-dlr36e66yy] {
    background-color: #dc3545;
    color: #fff;
}

.badge-info[b-dlr36e66yy] {
    background-color: #00b4d8;
    color: #fff;
}

.category-content[b-dlr36e66yy] {
    padding: 0;
}

.category-content.collapsed[b-dlr36e66yy] {
    display: none;
}

/* Tables */
.data-table[b-dlr36e66yy] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-dlr36e66yy],
.data-table td[b-dlr36e66yy] {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #e9ecef;
}

.data-table th[b-dlr36e66yy] {
    background-color: #f8f9fa;
    font-size: 12px;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.data-table td[b-dlr36e66yy] {
    font-size: 14px;
    color: #212529;
}

.data-table tr:hover[b-dlr36e66yy] {
    background-color: #f8f9fa;
}

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

/* Type Badges */
.type-badge[b-dlr36e66yy] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

.type-badge.text[b-dlr36e66yy] {
    background-color: #e3f2fd;
    color: #1565c0;
}

.type-badge.number[b-dlr36e66yy] {
    background-color: #fff3e0;
    color: #e65100;
}

.type-badge.boolean[b-dlr36e66yy] {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.type-badge.select[b-dlr36e66yy] {
    background-color: #f3e5f5;
    color: #7b1fa2;
}

.type-badge.date[b-dlr36e66yy] {
    background-color: #fce4ec;
    color: #c2185b;
}

.type-badge.bonus[b-dlr36e66yy] {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.type-badge.penalty[b-dlr36e66yy] {
    background-color: #ffebee;
    color: #c62828;
}

.type-badge.eligibility[b-dlr36e66yy] {
    background-color: #fff3e0;
    color: #e65100;
}

/* Score Change Display */
.score-change[b-dlr36e66yy] {
    font-weight: 600;
    font-size: 14px;
}

.score-change.positive[b-dlr36e66yy] {
    color: #2e7d32;
}

.score-change.negative[b-dlr36e66yy] {
    color: #c62828;
}

/* Toggle Switch */
.toggle-switch[b-dlr36e66yy] {
    position: relative;
    width: 44px;
    height: 24px;
}

.toggle-switch input[b-dlr36e66yy] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-dlr36e66yy] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.3s;
    border-radius: 24px;
}

.toggle-slider[b-dlr36e66yy]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

input:checked + .toggle-slider[b-dlr36e66yy] {
    background-color: #00b4d8;
}

input:checked + .toggle-slider[b-dlr36e66yy]:before {
    transform: translateX(20px);
}

/* Action Buttons */
.action-buttons[b-dlr36e66yy] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.action-btn[b-dlr36e66yy] {
    padding: 6px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s;
}

.action-btn.edit[b-dlr36e66yy] {
    color: #0B2545;
    background: none;
}

.action-btn.edit:hover[b-dlr36e66yy] {
    background-color: #e3f2fd;
}

.action-btn.delete[b-dlr36e66yy] {
    color: #dc3545;
    background: none;
}

.action-btn.delete:hover[b-dlr36e66yy] {
    background-color: #ffebee;
}

/* Required Indicator */
.required-indicator[b-dlr36e66yy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
}

.required-indicator.yes[b-dlr36e66yy] {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.required-indicator.no[b-dlr36e66yy] {
    background-color: #f5f5f5;
    color: #9e9e9e;
}

/* Product Selector */
.product-selector[b-dlr36e66yy] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.product-selector label[b-dlr36e66yy] {
    font-weight: 500;
    color: #495057;
    font-size: 14px;
}

.product-selector select[b-dlr36e66yy] {
    padding: 8px 12px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 14px;
    min-width: 200px;
    background-color: #fff;
}

.product-info[b-dlr36e66yy] {
    display: flex;
    gap: 12px;
}

.product-info .badge[b-dlr36e66yy] {
    font-size: 13px;
}

/* Sub-tabs for Products */
.sub-tabs[b-dlr36e66yy] {
    display: flex;
    gap: 0;
    border-bottom: 1px solid #e9ecef;
    background-color: #f8f9fa;
}

.sub-tab[b-dlr36e66yy] {
    padding: 10px 20px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: #6c757d;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sub-tab:hover[b-dlr36e66yy] {
    color: #0B2545;
    background-color: rgba(0, 0, 0, 0.03);
}

.sub-tab.active[b-dlr36e66yy] {
    color: #0B2545;
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    border-radius: 8px 8px 0 0;
}

.sub-tab i[b-dlr36e66yy] {
    font-size: 14px;
}

/* Loading State */
.loading-container[b-dlr36e66yy] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px;
    color: #6c757d;
}

.loading-container i[b-dlr36e66yy] {
    margin-right: 12px;
    animation: spin-b-dlr36e66yy 1s linear infinite;
}

@keyframes spin-b-dlr36e66yy {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Empty State */
.empty-state[b-dlr36e66yy] {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}

.empty-state i[b-dlr36e66yy] {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.empty-state h4[b-dlr36e66yy] {
    margin: 0 0 8px 0;
    font-size: 18px;
    color: #495057;
}

.empty-state p[b-dlr36e66yy] {
    margin: 0;
    font-size: 14px;
}

/* Modal Styles */
.modal-overlay[b-dlr36e66yy] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-dlr36e66yy] {
    background: #fff;
    border-radius: 12px;
    max-width: 600px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

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

.modal-header h3[b-dlr36e66yy] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #0B2545;
}

.modal-close[b-dlr36e66yy] {
    background: none;
    border: none;
    font-size: 20px;
    color: #6c757d;
    cursor: pointer;
}

.modal-close:hover[b-dlr36e66yy] {
    color: #212529;
}

.modal-body[b-dlr36e66yy] {
    padding: 24px;
}

.modal-footer[b-dlr36e66yy] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid #e9ecef;
}

/* Form Styles */
.form-group[b-dlr36e66yy] {
    margin-bottom: 20px;
}

.form-group label[b-dlr36e66yy] {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    color: #495057;
    font-size: 14px;
}

.form-group label.required[b-dlr36e66yy]::after {
    content: ' *';
    color: #dc3545;
}

.form-control[b-dlr36e66yy] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control:focus[b-dlr36e66yy] {
    outline: none;
    border-color: #00b4d8;
    box-shadow: 0 0 0 3px rgba(0, 180, 216, 0.1);
}

.form-control.error[b-dlr36e66yy] {
    border-color: #dc3545;
}

textarea.form-control[b-dlr36e66yy] {
    resize: vertical;
    min-height: 100px;
}

.form-row[b-dlr36e66yy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form-help[b-dlr36e66yy] {
    margin-top: 4px;
    font-size: 12px;
    color: #6c757d;
}

/* SIC Code Search */
.sic-code-search[b-dlr36e66yy] {
    display: flex;
    gap: 8px;
    padding: 16px 20px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.sic-code-search input[b-dlr36e66yy] {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 14px;
}

/* Import Result */
.import-result[b-dlr36e66yy] {
    padding: 16px;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 16px;
}

.import-result h4[b-dlr36e66yy] {
    margin: 0 0 12px 0;
    font-size: 15px;
    color: #0B2545;
}

.import-stats[b-dlr36e66yy] {
    display: flex;
    gap: 24px;
    margin-bottom: 12px;
}

.import-stat[b-dlr36e66yy] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.import-stat-label[b-dlr36e66yy] {
    color: #6c757d;
    font-size: 13px;
}

.import-stat-value[b-dlr36e66yy] {
    font-weight: 600;
    font-size: 14px;
}

.import-stat-value.success[b-dlr36e66yy] {
    color: #198754;
}

.import-stat-value.error[b-dlr36e66yy] {
    color: #dc3545;
}

.import-errors[b-dlr36e66yy] {
    margin-top: 12px;
    padding: 12px;
    background-color: #fff;
    border: 1px solid #f8d7da;
    border-radius: 6px;
    max-height: 150px;
    overflow-y: auto;
}

.import-errors h5[b-dlr36e66yy] {
    margin: 0 0 8px 0;
    font-size: 13px;
    color: #dc3545;
}

.import-errors ul[b-dlr36e66yy] {
    margin: 0;
    padding-left: 20px;
}

.import-errors li[b-dlr36e66yy] {
    font-size: 12px;
    color: #721c24;
    margin-bottom: 4px;
}

/* Responsive */
@media (max-width: 768px) {
    .product-suitability-engine[b-dlr36e66yy] {
        padding: 16px;
    }

    .header-content[b-dlr36e66yy] {
        flex-direction: column;
        gap: 16px;
    }

    .section-header[b-dlr36e66yy] {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }

    .section-actions[b-dlr36e66yy] {
        flex-wrap: wrap;
    }

    .tab-navigation[b-dlr36e66yy] {
        flex-wrap: wrap;
    }

    .tab-button[b-dlr36e66yy] {
        padding: 10px 16px;
        font-size: 13px;
    }

    .product-selector[b-dlr36e66yy] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .product-selector select[b-dlr36e66yy] {
        min-width: 100%;
    }

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

    .data-table[b-dlr36e66yy] {
        font-size: 13px;
    }

    .data-table th[b-dlr36e66yy],
    .data-table td[b-dlr36e66yy] {
        padding: 8px 12px;
    }
}
/* /Pages/Quotations.razor.rz.scp.css */
.datagrid-detail .table-responsive[b-c5sdj7tn5y] {
    min-height: inherit !important;
}

.datagrid-detail .tab-content[b-c5sdj7tn5y] {
    padding-top: 0px !important;
}
/* /Pages/Quotes.razor.rz.scp.css */
.datagrid-detail .table-responsive[b-ukq3rnh1jq] {
    min-height: inherit !important;
}

.datagrid-detail .tab-content[b-ukq3rnh1jq] {
    padding-top: 0px !important;
}