/* Exact source-project KPI icon, Input/Search, and Select presentation.
   Loaded only for theme-light and theme-dark-compact. */

/* ---------- KPI icon/logo chips ---------- */
html.theme-light :is(
    .task-kpi-icon,
    .asset-metric-icon,
    .incident-metric-icon,
    .evidence-metric-icon,
    .quick-audit-metric-icon,
    .role-metric-icon,
    .admin-kpi-icon,
    .compliance-kpi > .icon,
    .vendor-kpi > .icon,
    .lifecycle-kpi > .kpi-icon,
    .audit-kpi > .icon,
    .audit-kpi > .kpi-icon,
    .ant-card:has(.ant-statistic) .ant-statistic-content-prefix
) {
    display: inline-grid;
    flex: 0 0 40px;
    place-items: center;
    width: 40px;
    height: 40px;
    margin-inline-end: 10px;
    border: 1px solid color-mix(in srgb, var(--kpi-accent, var(--metric-accent, var(--asset-accent, #1677ff))) 15%, white);
    border-radius: 12px;
    background: color-mix(in srgb, var(--kpi-accent, var(--metric-accent, var(--asset-accent, #1677ff))) 10%, white);
    color: var(--kpi-accent, var(--metric-accent, var(--asset-accent, #1677ff)));
    font-size: 18px;
    line-height: 1;
}

html.theme-light :is(.task-kpi-icon,.asset-metric-icon,.incident-metric-icon,.evidence-metric-icon,.quick-audit-metric-icon,.role-metric-icon,.admin-kpi-icon,.compliance-kpi > .icon,.vendor-kpi > .icon,.lifecycle-kpi > .kpi-icon,.audit-kpi > .icon,.audit-kpi > .kpi-icon,.ant-statistic-content-prefix) :is(.anticon,svg) {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    color: inherit;
    fill: currentColor;
    font-size: 18px;
}

html.theme-light .admin-kpi.blue .admin-kpi-icon,
html.theme-light .tone-blue .task-kpi-icon { --kpi-accent: #1677ff; }
html.theme-light .admin-kpi.purple .admin-kpi-icon,
html.theme-light .tone-purple .task-kpi-icon { --kpi-accent: #722ed1; }
html.theme-light .admin-kpi.cyan .admin-kpi-icon,
html.theme-light .tone-teal .task-kpi-icon { --kpi-accent: #08979c; }
html.theme-light .admin-kpi.green .admin-kpi-icon,
html.theme-light .tone-green .task-kpi-icon,
html.theme-light .tone-emerald .task-kpi-icon { --kpi-accent: #22a06b; }
html.theme-light .tone-red .task-kpi-icon { --kpi-accent: #ef4444; }
html.theme-light .tone-amber .task-kpi-icon { --kpi-accent: #f59e0b; }
html.theme-light .tone-remediation .task-kpi-icon { --kpi-accent: #0284c7; }

html.theme-light .compliance-kpi > .icon { width: 62px; height: 62px; flex-basis: 62px; border-radius: 50%; font-size: 28px; }
html.theme-light .vendor-kpi > .icon { width: 62px; height: 62px; flex-basis: 62px; border-radius: 12px; font-size: 29px; }
html.theme-light .lifecycle-kpi > .kpi-icon { width: 50px; height: 50px; flex-basis: 50px; border-radius: 10px; background: var(--kpi-accent, #1677ff); color: #fff; font-size: 24px; }
html.theme-light .admin-kpi-icon { width: 48px; height: 48px; flex-basis: 48px; border-radius: 11px; font-size: 22px; }
html.theme-light .role-metric-icon { width: 52px; height: 52px; flex-basis: 52px; border-radius: 50%; font-size: 23px; }
html.theme-light .evidence-metric-icon { width: 36px; height: 36px; flex-basis: 36px; border-radius: 11px; font-size: 17px; }
html.theme-light .quick-audit-metric-icon { width: 32px; height: 32px; flex-basis: 32px; border-radius: 9px; font-size: 14px; }

html.theme-dark-compact :is(
    .task-kpi-icon,.asset-metric-icon,.incident-metric-icon,.evidence-metric-icon,
    .quick-audit-metric-icon,.role-metric-icon,.admin-kpi-icon,
    .compliance-kpi > .icon,.vendor-kpi > .icon,.lifecycle-kpi > .kpi-icon,
    .audit-kpi > .icon,.audit-kpi > .kpi-icon,
    .ant-card:has(.ant-statistic) .ant-statistic-content-prefix
) {
    display: inline-grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--aurora-accent, #818cf8) 40%, transparent) !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--aurora-accent, #818cf8) 30%, transparent), color-mix(in srgb, var(--aurora-accent, #818cf8) 10%, transparent)) !important;
    color: color-mix(in srgb, var(--aurora-accent, #818cf8) 68%, #fff) !important;
    box-shadow: 0 8px 20px -8px color-mix(in srgb, var(--aurora-accent, #818cf8) 80%, transparent) !important;
    border-radius:5px
}

html.theme-dark-compact :is(.task-kpi-icon,.asset-metric-icon,.incident-metric-icon,.evidence-metric-icon,.quick-audit-metric-icon,.role-metric-icon,.admin-kpi-icon,.compliance-kpi > .icon,.vendor-kpi > .icon,.lifecycle-kpi > .kpi-icon,.audit-kpi > .icon,.audit-kpi > .kpi-icon,.ant-statistic-content-prefix) :is(.anticon,svg) {
    color: inherit !important;
    fill: currentColor;
}

/* ---------- Input and SearchBox ---------- */
html.theme-light :is(.ant-input,.ant-input-affix-wrapper,.ant-input-search .ant-input-affix-wrapper) {
    min-height: 40px;
    border-color: #d7e1ed !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #10203e !important;
    box-shadow: 0 2px 6px rgba(15,23,42,.025);
}

html.theme-light .ant-input-affix-wrapper > .ant-input,
html.theme-dark-compact .ant-input-affix-wrapper > .ant-input {
    min-height: auto;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.theme-light :is(.ant-input,.ant-input-affix-wrapper):hover { border-color: #86afea !important; }
html.theme-light :is(.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus-within) {
    border-color: #72a0ea !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
    outline: 0;
}

html.theme-light :is(.ant-input-prefix,.ant-input-suffix,.ant-input-search-icon) { color: #78879c; }
html.theme-light :is(.ant-input::placeholder,.ant-select-selection-placeholder) { color: #98a4b5 !important; }

html.theme-dark-compact :is(.ant-input,.ant-input-affix-wrapper,.ant-input-search .ant-input-affix-wrapper) {
    min-height: 40px;
    border-color: rgba(129,140,248,.22) !important;
    border-radius: 9px !important;
    background: #0c1430 !important;
    color: #eef2ff !important;
}

/* ---------- Select trigger ---------- */
html.theme-light .ant-select { color: #10203e; }
html.theme-light .ant-select:not(.ant-select-customize-input) .ant-select-selector,
html.theme-dark-compact .ant-select:not(.ant-select-customize-input) .ant-select-selector {
    display: flex;
    min-height: 40px;
    align-items: center;
    border-radius: 9px !important;
}

html.theme-light .ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-color: #d7e1ed !important;
    background: #fff !important;
    box-shadow: 0 2px 6px rgba(15,23,42,.025);
}

html.theme-light .ant-select-single .ant-select-selector :is(.ant-select-selection-item,.ant-select-selection-placeholder),
html.theme-dark-compact .ant-select-single .ant-select-selector :is(.ant-select-selection-item,.ant-select-selection-placeholder) {
    line-height: 38px !important;
}

html.theme-light .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: #86afea !important; }
html.theme-light .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-color: #72a0ea !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
}

html.theme-dark-compact .ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-color: rgba(129,140,248,.22) !important;
    background: #0c1430 !important;
    color: #eef2ff !important;
}

/* ---------- Select popup/option overlay ---------- */
html.theme-light .ant-select-dropdown {
    padding: 6px;
    overflow: hidden;
    border: 1px solid #dfe7f1 !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: #26364f !important;
    box-shadow: 0 18px 42px rgba(15,23,42,.16) !important;
}

html.theme-dark-compact .ant-select-dropdown {
    padding: 6px;
    overflow: hidden;
    border: 1px solid rgba(129,140,248,.32) !important;
    border-radius: 11px !important;
    background: linear-gradient(160deg,#161f44,#10173a) !important;
    color: #eef2ff !important;
    box-shadow: 0 22px 50px -14px rgba(0,0,0,.85) !important;
}

html.theme-light .ant-select-dropdown :is(.rc-virtual-list-holder,.ant-select-item),
html.theme-dark-compact .ant-select-dropdown :is(.rc-virtual-list-holder,.ant-select-item) {
    color: inherit;
}

html.theme-light .ant-select-item {
    min-height: 36px;
    padding: 8px 10px;
    border-radius: 7px;
    color: #344054 !important;
    line-height: 20px;
}

html.theme-dark-compact .ant-select-item {
    min-height: 36px;
    padding: 8px 10px;
    border-radius: 7px;
    color: #eef2ff !important;
    line-height: 20px;
}

html.theme-light .ant-select-item-option-active:not(.ant-select-item-option-disabled) { background: #edf4ff !important; color: #175fc4 !important; }
html.theme-light .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { background: #e2edff !important; color: #1557b0 !important; font-weight: 600; }
html.theme-dark-compact .ant-select-item-option-active:not(.ant-select-item-option-disabled) { background: rgba(99,102,241,.18) !important; color: #fff !important; }
html.theme-dark-compact .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { background: rgba(34,211,238,.14) !important; color: #a5f3fc !important; font-weight: 600; }

html.theme-light .ant-select-item-option-state { color: #1677ff; }
html.theme-dark-compact .ant-select-item-option-state { color: #67e8f9; }
html.theme-light .ant-select-dropdown .ant-empty-description { color: #7b8798; }
html.theme-dark-compact .ant-select-dropdown .ant-empty-description { color: #8b96b8; }