/* One settings workspace: category navigation in the left rail and tabs above the form. */
.settings-console-body .app-sidebar {
    background: #f1f3f6;
    color: #14213d;
    border-right: 1px solid #e0e5ee;
}
.settings-console-body .sidebar-brand { color: #132444; }
.settings-console-body .brand-caption,
.settings-console-body .nav-section-label { color: #697995; }
.settings-console-body .sidebar-link { color: #172949; }
.settings-console-body .sidebar-link:hover { color: #245bdc; background: #e8eefc; }
.settings-console-body .sidebar-link.active {
    color: #245bdc;
    background: #fff;
    box-shadow: inset 3px 0 0 #3565ed;
}
.settings-console-body .sidebar-icon { background: #e5eaf4; color: #263959; }
.settings-console-body .sidebar-link.active .sidebar-icon { background: #edf2ff; color: #245bdc; }
.settings-console-body .sidebar-footer { border-color: #dbe2ec; }
.settings-console-body .sidebar-footer .small { color: #65738a !important; }
.settings-console-body .sidebar-footer .text-white { color: #253650 !important; }
.settings-console-body .sidebar-footer .btn-outline-light { color: #172949; border-color: #ccd5e3; }
.settings-console-body .sidebar-footer .btn-outline-light:hover { color: #245bdc; background: white; }
.settings-console-body .settings-back-link { font-size: .83rem; }
.settings-console-body .settings-back-link .sidebar-icon { font-size: 1.3rem; }
.settings-console-body .app-content { background: #f7f8fb; min-height: calc(100vh - 76px); }
.settings-console { max-width: 1560px; margin: 0 auto; }
.settings-console-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.4rem; }
.settings-console-title { color: #12213e; font-size: clamp(1.6rem,2.1vw,2.2rem); font-weight: 750; }
.settings-property-chip { font-size: .8rem; font-weight: 650; color: #344360; background: #fff; border: 1px solid #e0e5ee; border-radius: 100px; padding: .55rem 1rem; }
.settings-property-picker { min-width: min(100%,250px); }
.settings-section-tabs { display: flex; align-items: center; gap: .2rem; flex-wrap: wrap; width: fit-content; max-width: 100%; background: #e9edf4; border-radius: 16px; padding: .3rem; margin-bottom: 1.5rem; }
.settings-section-tab { display: inline-flex; align-items: center; justify-content: center; padding: .6rem .85rem; text-decoration: none; color: #1b2c49; font-size: .87rem; font-weight: 650; border-radius: 12px; white-space: nowrap; }
.settings-section-tab:hover { color: #245bdc; background: #f3f6ff; }
.settings-section-tab.is-active { background: #fff; color: #245bdc; box-shadow: 0 1px 3px rgba(22,39,77,.12); }
.settings-section-content .app-card { box-shadow: 0 1px 4px rgba(20,39,77,.05); }
.settings-placeholder-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; font-size: 1.6rem; color: #245bdc; background: #eef2ff; margin-bottom: 1.5rem; }
@media (max-width: 575.98px) {
    .settings-section-tabs { flex-wrap: nowrap; width: 100%; overflow-x: auto; scrollbar-width: thin; }
    .settings-section-tab { flex: 0 0 auto; }
}

/* Settings-only rail for the restored white dashboard application shell. */
.settings-console-body .cp-shell-main { min-width: 0; }
.cp-settings-workspace {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    min-height: calc(100vh - 76px);
    background: #f7f8fb;
}
.cp-settings-workspace > .cp-page-content { min-width: 0; width: 100%; }
.cp-settings-rail {
    border-right: 1px solid #dfe5ee;
    background: #f1f3f6;
    padding: 22px 14px;
    position: sticky;
    top: 0;
    height: calc(100vh - 76px);
    overflow-y: auto;
}
.cp-settings-rail-heading { font-size: .8rem; color: #677992; text-transform: uppercase; font-weight: 800; padding: 12px 14px; letter-spacing: .05em; }
.cp-settings-back { display: block; padding: 10px 13px; margin-bottom: 4px; border-radius: 10px; color: #344767; text-decoration: none; font-size: .85rem; }
.cp-settings-back:hover { color: #245bdc; background: #e5ecfb; }
.cp-settings-rail-link { display: flex; align-items: center; gap: 12px; border-radius: 10px; min-height: 42px; padding: 10px 12px; color: #152748; text-decoration: none; font-size: .92rem; font-weight: 600; }
.cp-settings-rail-link svg { width: 18px; height: 18px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cp-settings-rail-link:hover { background: #e7edfb; color: #245bdc; }
.cp-settings-rail-link.is-active { background: #fff; color: #245bdc; box-shadow: inset 3px 0 0 #3867ff; }
@media (max-width: 980px) {
    .cp-settings-workspace { grid-template-columns: 1fr; }
    .cp-settings-rail { position: static; height: auto; display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; padding: 10px; border-right: 0; border-bottom: 1px solid #dfe5ee; }
    .cp-settings-rail-heading, .cp-settings-back { display: none; }
    .cp-settings-rail-link { white-space: nowrap; flex: 0 0 auto; font-size: .82rem; }
}