/* CRM shell on top of admin app.css — keeps Bootstrap color modes + dark sidebar coherent */

html[data-bs-theme="dark"] .body-wrapper {
    background: var(--bs-body-bg);
}

html[data-bs-theme="dark"] .bodywrapper__inner .card {
    background-color: var(--bs-card-bg);
    border-color: var(--bs-border-color);
}

/* Skip link should stay above admin chrome */
.visually-hidden-focusable:focus {
    z-index: 9999;
}

/* Clients list — quick visual tone (follow-up / converted / rejected) */
tr.crm-client-row-tone--followup td:first-child {
    box-shadow: inset 4px 0 0 0 #e67e22;
}
tr.crm-client-row-tone--followup {
    background-color: rgba(230, 126, 34, 0.06);
}
tr.crm-client-row-tone--converted td:first-child {
    box-shadow: inset 4px 0 0 0 #1e8449;
}
tr.crm-client-row-tone--converted {
    background-color: rgba(39, 174, 96, 0.07);
}
tr.crm-client-row-tone--rejected td:first-child {
    box-shadow: inset 4px 0 0 0 #c0392b;
}
tr.crm-client-row-tone--rejected {
    background-color: rgba(192, 57, 43, 0.07);
}

.list-group-item.crm-client-row-tone--followup {
    border-left: 4px solid #e67e22;
    background-color: rgba(230, 126, 34, 0.06);
}
.list-group-item.crm-client-row-tone--converted {
    border-left: 4px solid #1e8449;
    background-color: rgba(39, 174, 96, 0.07);
}
.list-group-item.crm-client-row-tone--rejected {
    border-left: 4px solid #c0392b;
    background-color: rgba(192, 57, 43, 0.07);
}

.crm-legend-swatch {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
}
.crm-legend-swatch--followup {
    background-color: #e67e22;
}
.crm-legend-swatch--converted {
    background-color: #1e8449;
}
.crm-legend-swatch--rejected {
    background-color: #c0392b;
}