html.admin-console .admin-context { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; }
html.admin-console .admin-context > div { display: grid; gap: 6px; min-width: 0; }
html.admin-console .admin-context > span { flex-basis: 100%; }
html.admin-console .admin-context span { white-space: normal; line-height: 1.65; overflow-wrap: anywhere; }
.settings-view-tabs { display: flex; gap: 24px; margin: -4px 0 18px; border-bottom: 1px solid #e4e9f0; }
.settings-view-tabs button { min-height: 40px; padding: 0 2px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #8591a2; font-size: 13px; cursor: pointer; }
.settings-view-tabs button[aria-selected="true"] { color: #2e74ed; border-color: #2e74ed; }
.console-table.settings-table { min-width: 820px; table-layout: auto; }
.console-table.settings-table th:nth-last-child(2), .console-table.settings-table td:nth-last-child(2) { position: static; min-width: 0; }
.console-table.settings-table th:last-child, .console-table.settings-table td:last-child { width: 106px; min-width: 106px; }
.console-table.settings-table.settings-table-has-status th:nth-last-child(2), .console-table.settings-table.settings-table-has-status td:nth-last-child(2) { position: sticky; right: 106px; width: 95px; min-width: 95px; max-width: 95px; z-index: 2; background: #fff; box-shadow: -8px 0 12px -12px #7187a4; }
.console-table.settings-table.settings-table-has-status th:nth-last-child(2) { background: #f7f8fa; }
.console-table.settings-table .console-number { width: 64px; color: #8794a7; font-size: 12px; }
.settings-table .console-name { min-width: 165px; max-width: 300px; }
.settings-table .settings-description { max-width: 360px; color: #8793a5; overflow-wrap: anywhere; }
.settings-table td { overflow-wrap: anywhere; }
.settings-table-cases { min-width: 1000px !important; }
.settings-table-banners { min-width: 850px !important; }
.settings-banner-thumb { display: block; width: 100px; height: 56px; border-radius: 4px; object-fit: contain; background: #f3f5f9; }
.settings-media-thumb { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 42px; border-radius: 5px; background: #f0f4fa; color: #8aa2c2; overflow: hidden; }
.settings-case-thumb { width: 100%; height: 100%; object-fit: contain; }
.settings-status { display: inline-flex; padding: 3px 7px; border-radius: 4px; background: #f1f3f7; color: #939dac; font-size: 11px; white-space: nowrap; }
.settings-status.is-enabled { background: #edf7f3; color: #398b70; }
.settings-muted { color: #a1aab7; font-size: 12px; white-space: nowrap; }
.settings-code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; color: #8c9aaf !important; font-size: 12px; }
.settings-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 18px; }
.settings-drawer .console-drawer-body .admin-config-card { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.settings-drawer .admin-inline-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 18px; }
.settings-drawer .admin-field-wide { display: block; margin: 22px 0 0; }
.settings-drawer .admin-inline-grid .admin-field-wide { grid-column: 1 / -1; margin: 0; }
.settings-drawer .admin-banner-row { display: grid; grid-template-columns: minmax(0,1fr); gap: 22px; padding: 0; border: 0; border-radius: 0; background: #fff; }
.settings-drawer .admin-banner-media { width: 100%; margin: 0; padding: 14px; border: 1px solid #e3e9f1; border-radius: 6px; background: #f7f9fc; }
.settings-drawer .admin-banner-thumb { width: 100% !important; max-width: 100% !important; height: 180px !important; max-height: 180px !important; object-fit: contain !important; }
.settings-drawer .admin-banner-media span { display: block; margin-top: 8px; color: #8e9bb0; text-align: center; font-size: 11px; }
.settings-drawer .admin-banner-fields { min-width: 0; }
.settings-drawer .admin-banner-upload { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; margin-top: 20px; min-width: 0; color: #718199; font-size: 12px; }
.settings-drawer .admin-banner-upload span, .settings-drawer .admin-banner-upload small { color: #95a1b3; overflow-wrap: anywhere; white-space: normal; line-height: 1.6; }
.settings-drawer .admin-help-text { display: block; margin: 8px 0; color: #98a4b5; font-size: 11px; line-height: 1.6; }
.settings-drawer .table-link { font-size: 12px !important; }
.settings-drawer .case-admin-media-preview { min-height: 130px; padding: 12px; border: 1px solid #e5eaf1; border-radius: 5px; background: #f6f8fc; color: #96a3b7; }
.settings-drawer .case-admin-media-preview img, .settings-drawer .case-admin-media-preview video { width: 100%; height: 130px; object-fit: contain; }
.settings-drawer .case-preset-editor { margin-top: 26px; padding: 20px 0 0; border: 0; border-top: 1px solid #e6ebf2; border-radius: 0; background: transparent; }
.settings-drawer .case-preset-head { align-items: flex-start; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.settings-drawer .case-preset-head strong { color: #566a85; font-size: 14px; }
.settings-drawer .case-preset-head span, .settings-drawer .case-preset-head b { color: #94a1b4; font-size: 11px; }
.settings-drawer .case-preset-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 16px; }
.settings-drawer .case-preset-field small { display: flex !important; flex-wrap: wrap; gap: 6px; align-items: center; }
.settings-drawer .case-preset-field > small span { color: #768aa4; font-size: 12px; }
.settings-drawer .case-preset-field code { padding: 2px 5px; border: 0; border-radius: 3px; background: #f0f4fa; color: #8397b4; font-size: 10px; }
.settings-drawer .case-preset-field em { font-size: 10px; color: #9aa9bc; }
.settings-drawer .case-preset-field p { color: #9aa8ba; font-size: 11px; line-height: 1.6; }
.settings-drawer .case-preset-upload { border: 1px solid #e1e8f1; border-radius: 6px; background: #f8fafe; }
.settings-drawer .case-preset-upload strong { color: #6786b3; font-size: 12px; }
.settings-drawer .case-preset-upload small { color: #9aa9bc; font-size: 10px; }
.settings-drawer .case-preset-uploaded { color: #7e91ad; font-size: 11px; }
.settings-drawer .digital-route-row, .settings-drawer .home-feature-route-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 22px 18px; padding: 0; border: 0; background: #fff; color: #667b97; }
.settings-drawer .digital-route-identity { grid-column: 1 / -1; padding-bottom: 16px; border-bottom: 1px solid #e7edf5; }
.settings-drawer .digital-route-identity strong { color: #607795; font-size: 13px; }
.settings-drawer .digital-route-identity code { color: #a2afc1; font-size: 11px; }
.settings-drawer .digital-route-workflow, .settings-drawer .digital-route-defaults, .settings-drawer .home-route-workflows { grid-column: 1 / -1; }
.settings-drawer .home-route-choice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; max-height: 270px; overflow-y: auto; padding: 8px 0; }
.settings-drawer .home-route-choice { display: flex; align-items: center; gap: 8px; padding: 12px; border: 1px solid #e2e8f1; border-radius: 5px; background: #fff; }
.settings-drawer .home-route-choice:has(input:checked) { border-color: #b0cdfa; background: #f4f8ff; }
.settings-drawer .home-route-choice span { min-width: 0; }
.settings-drawer .home-route-choice strong { display: block; color: #677e9c; font-size: 12px; overflow-wrap: anywhere; }
.settings-drawer .home-route-choice small { display: block; color: #a0afc2; font-size: 10px; overflow-wrap: anywhere; margin: 5px 0 0; }
.settings-drawer .home-route-choice input { flex: 0 0 auto; }
.settings-drawer textarea { min-height: 95px !important; }
.settings-drawer .digital-billing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.settings-drawer .security-note { margin-top: 20px; line-height: 1.7; font-size: 11px; }
.settings-material-page .admin-context { margin-bottom: 20px !important; }
html.admin-console .settings-material-page .admin-context strong { font-size: 21px; color: #263449; }
html.admin-console .settings-material-page .admin-context span { font-size: 12px; color: #94a1b4; }
.settings-material-page .material-admin-summary { gap: 12px; margin: 20px 0; }
.settings-material-page .material-summary-card { display: flex; align-items: center; gap: 12px; min-height: 80px; padding: 16px; border: 1px solid #e3e9f1; border-radius: 6px; background: #fff; color: #637896; text-align: left; box-shadow: none; }
.settings-material-page .material-summary-card:hover { border-color: #bfd2f0; background: #fbfdff; }
.settings-material-page .material-summary-card.active { border-color: #a8c7f6; background: #f2f7ff; color: #377ce8; }
.settings-material-page .material-summary-card i { display: grid; place-items: center; width: 33px; height: 33px; border: 0; border-radius: 6px; background: #edf3fb; color: #86a3ca; font-size: 14px; font-style: normal; }
.settings-material-page .material-summary-card.active i { background: #e4efff; color: #5e94e4; }
.settings-material-page .material-summary-card strong { color: #536b8b; font-size: 19px; }
.settings-material-page .material-summary-card small { color: #9aa8ba; font-size: 11px; white-space: normal; }
.settings-material-page .material-rule-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.settings-material-page .material-rule-card, .settings-material-page .material-rule-grid .material-rule-card { grid-template-columns: minmax(0,1fr) 110px 120px; align-items: end; gap: 14px; padding: 20px; border: 1px solid #e3e9f1; border-radius: 6px; background: #fff; margin: 16px 0 0; }
.settings-material-page .material-rule-card strong { color: #627792; font-size: 13px; }
.settings-material-page .material-rule-card > div small { color: #99a7b9; font-size: 11px; line-height: 1.6; }
.settings-material-page .material-rule-card label small { color: #8c9caf; font-size: 11px; }
html.admin-console .settings-material-page .material-rule-card select, html.admin-console .settings-material-page .material-rule-card input { min-height: 38px; background: #fff; border: 1px solid #dde5ef; color: #657c99; font-size: 13px; }
.settings-material-page .admin-config-card { margin-top: 20px; padding: 20px; }
.settings-material-page .admin-config-card .admin-config-row { padding: 18px 0; margin: 0; border: 0; border-bottom: 1px solid #e9eef5; border-radius: 0; background: #fff; }
.settings-material-page .admin-config-card .admin-config-row:last-child { border-bottom: 0; }
.settings-material-page .admin-config-row label small { color: #8394aa; font-size: 12px; }
.settings-material-page .material-section-divider { border-color: #e7edf4; color: #6d839f; }
.settings-material-page .material-section-divider strong { font-size: 13px; }
.settings-material-page .material-section-divider span { color: #9aa9bd; font-size: 11px; }
.settings-material-page .asset-admin-row { border-color: #e4ebf4; border-radius: 5px; background: #f9fbfe; color: #738aa7; }
.settings-material-page .asset-admin-row strong { color: #7289a6; font-size: 13px; }
.settings-material-page .asset-admin-row small { color: #a0aec0; font-size: 11px; }
.settings-material-page .asset-admin-icon { border: 0; border-radius: 5px; background: #ecf3fc; color: #89a6cc; }
.settings-material-page .admin-segment { border-color: #e4eaf2; background: #fff; }
.settings-material-page .admin-segment button { background: transparent; color: #97a7bd; border-color: #e4ebf5; }
.settings-material-page .admin-segment button.active { background: #edf4ff; color: #548ae0; box-shadow: none; }
.settings-material-page .material-admin-tabs { display: none; }
.settings-material-page .admin-help-text { color: #99a8bb; line-height: 1.6; }
.settings-material-page .admin-banner-upload span { overflow-wrap: anywhere; color: #9baabf; }
.settings-material-page .admin-banner-upload { grid-template-columns: minmax(0,1fr); gap: 8px; }
.settings-material-page .admin-save { width: auto; min-width: 150px; }
@media (max-width: 1200px) { .settings-material-page .material-rule-grid { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 900px) { .settings-material-page .material-admin-summary { grid-template-columns: repeat(2,minmax(0,1fr)); } .settings-material-page .material-rule-card, .settings-material-page .material-rule-grid .material-rule-card { grid-template-columns: repeat(2,minmax(0,1fr)); } .settings-material-page .material-rule-card > div { grid-column: 1 / -1; } }
@media (max-width: 700px) { .settings-form-grid, .settings-drawer .admin-inline-grid, .settings-drawer .digital-route-row, .settings-drawer .home-feature-route-row, .settings-drawer .digital-billing-grid, .settings-drawer .home-route-choice-grid, .settings-drawer .case-preset-grid { grid-template-columns: minmax(0,1fr); } .settings-drawer .digital-route-defaults, .settings-drawer .digital-route-workflow, .settings-drawer .home-route-workflows { grid-column: 1; } .settings-material-page .admin-config-card { padding: 16px; } .settings-material-page .admin-config-row.material-avatar-row, .settings-material-page .admin-config-row.material-voice-row { grid-template-columns: minmax(0,1fr); } .settings-material-page .material-summary-card { padding: 12px; gap: 8px; } }