/* Patient list toolbar. Loaded in head after Bootstrap. */
.patient-list-toolbar :is(#filterBtn, #columnDisplayToggle) {
    min-height: 44px;
    height: 44px;
    box-sizing: border-box;
    border: 1px solid #ffcfaa !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #fff 0%, #fffaf5 100%) !important;
    color: #eb7719 !important;
    box-shadow: 0 2px 8px rgba(235, 119, 25, .08) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0 14px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: .18s ease;
}
/* Keep geometry stable while Font Awesome and column count finish loading. */
.patient-list-toolbar #filterBtn { width: 94px; }
.patient-list-toolbar #columnDisplayToggle { width: 154px; white-space: nowrap; }
.patient-list-toolbar :is(#filterBtn, #columnDisplayToggle) > i { width: 1em; text-align: center; }
.patient-list-toolbar :is(#filterBtn, #columnDisplayToggle) :is(i, span) { color: inherit !important; }
.patient-list-toolbar :is(#filterBtn, #columnDisplayToggle):hover,
.patient-list-toolbar #columnDisplayToggle.show {
    background: linear-gradient(180deg, #fffaf5 0%, #fff3ea 100%) !important;
    border-color: #ffbe8a !important;
    color: #d86f10 !important;
    box-shadow: 0 0 0 .14rem rgba(235, 119, 25, .10) !important;
}
[data-theme="dark"] .patient-list-toolbar :is(#filterBtn, #columnDisplayToggle) {
    background: var(--input-bg) !important;
    border-color: var(--border-soft) !important;
    color: var(--text-main) !important;
    box-shadow: none !important;
}
[data-theme="dark"] .patient-list-toolbar :is(#filterBtn, #columnDisplayToggle):hover,
[data-theme="dark"] .patient-list-toolbar #columnDisplayToggle.show {
    background: var(--orange-soft) !important;
    border-color: var(--orange-border) !important;
    color: var(--main-orange) !important;
}
