/* Bố cục trang Cấu hình; tái sử dụng token và nút chung, không ghi đè UI đã khóa. */
.configuration-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--button-icon-gap); min-height: 0; flex: 1; overflow: hidden; }
.configuration-layout__menu { display: flex; flex-direction: column; gap: var(--button-gap); padding: var(--button-gap); border: 0; border-radius: 0; background: var(--surface); overflow-y: auto; }
.configuration-layout__menu > .ui-button { justify-content: flex-start; flex-shrink: 0; background: var(--surface); color: #4b5563 !important; font-weight: 400; border: 0; border-radius: 0; }
.configuration-layout__menu > .ui-button:is(:hover, :focus-visible) { color: #000 !important; }
.configuration-layout__menu > .ui-button.configuration-layout__selected { background: #0876f5 !important; color: #fff !important; border-radius: 6px; }
.configuration-layout__panel { min-width: 0; overflow: auto; }
.configuration-layout__panel > .sidebar-shell__destination { padding: 0; min-height: 0; }
@media (max-width: 960px) {
 .configuration-layout { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
 .configuration-layout__menu { flex-direction: row; overflow-x: auto; }
}