.settings-page { min-height: 70vh; }
.settings-nav-card { top: 1rem; overflow: hidden; }
.settings-nav-card .list-group-item { border: 0; border-left: 3px solid transparent; padding: .9rem 1.25rem; }
.settings-nav-card .list-group-item.active { color: var(--bs-success); background: rgba(25, 135, 84, .08); border-left-color: var(--bs-success); }
.avatar-button { width: 128px; height: 128px; display: block; position: relative; border: 0; border-radius: 50%; padding: 0; background: var(--bs-tertiary-bg); }
.avatar-button img { width: 128px; height: 128px; border-radius: 50%; object-fit: cover; }
.avatar-edit { position: absolute; right: 2px; bottom: 7px; width: 36px; height: 36px; display: grid; place-items: center; color: white; background: var(--bs-success); border: 3px solid var(--bs-body-bg); border-radius: 50%; }
.permission-option { height: 100%; padding: .75rem; border: 1px solid var(--bs-border-color); border-radius: .6rem; }
.session-device-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--bs-tertiary-bg); }
.company-logo-preview { width: 140px; height: 90px; object-fit: contain; padding: .75rem; border: 1px solid var(--bs-border-color); border-radius: .75rem; background: white; }
[data-bs-theme="dark"] .card, [data-bs-theme="dark"] header, [data-bs-theme="dark"] .navbar { background-color: var(--bs-secondary-bg) !important; }
@media (max-width: 991.98px) { .settings-nav-card { position: static !important; } #settings-tabs { flex-direction: row; overflow-x: auto; } #settings-tabs .list-group-item { min-width: max-content; border-left: 0; border-bottom: 3px solid transparent; } #settings-tabs .list-group-item.active { border-bottom-color: var(--bs-success); } }