.ui-view-grid-group { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; grid-auto-rows:minmax(24px,auto); gap:16px; align-items:start; }
.ui-view-grid-group > .ui-view-grid-item { grid-column:var(--ui-view-grid-column) / span var(--ui-view-grid-span) !important; grid-row:var(--ui-view-grid-row) !important; min-width:0 !important; max-width:100%; }
.ui-view-grid-group > .ui-view-grid-item :is(input,select,textarea) { max-width:100%; }
.settings-tabs.ui-view-grid-group > .ui-view-grid-item { width:100%; min-height:48px; white-space:normal; overflow-wrap:anywhere; text-align:left; margin:0; }
.ui-grid-layout-overlay { position:fixed; inset:0; z-index:150; display:grid; place-items:center; padding:16px; background:#112d4c99; box-sizing:border-box; }
.ui-grid-layout-dialog { width:min(100%,1040px); max-height:calc(100dvh - 32px); display:flex; flex-direction:column; overflow:hidden; border:1px solid #a5bfdf; border-radius:14px; background:#fff; color:#173b59; box-shadow:0 10px 40px #102f5b44; padding:20px; box-sizing:border-box; }
.ui-grid-layout-dialog * { box-sizing:border-box; min-width:0; }
.ui-grid-layout-dialog header h2 { margin:0 0 8px; font-size:22px; line-height:1.3; }
.ui-grid-layout-dialog header p { margin:0 0 16px; font-size:16px; line-height:1.5; }
.ui-grid-layout-dialog :is(button,select) { font-size:16px; line-height:1.35; min-height:48px; }
.ui-grid-layout-dialog button { cursor:pointer; }
.ui-grid-layout-dialog button:disabled { cursor:default; }
.ui-grid-layout-group-label { display:grid; gap:5px; font-size:16px; margin-bottom:14px; }
.ui-grid-layout-dialog select { padding:10px; border:1px solid #a5bfdf; border-radius:8px; width:100%; background:white; color:inherit; }
.ui-grid-layout-workspace { display:grid; grid-template-columns:minmax(180px,1fr) minmax(300px,2fr); gap:18px; min-height:0; overflow:auto; }
.ui-grid-layout-items { display:flex; flex-direction:column; gap:8px; align-self:start; }
.ui-grid-layout-pick { border:1px solid #b9d2eb; border-radius:8px; padding:10px 12px; background:#f1f6fd; text-align:left; color:#173b59; white-space:normal; overflow-wrap:anywhere; }
.ui-grid-layout-pick[aria-pressed=true] { border:2px solid #275eb4; background:#e3efff; font-weight:700; }
.ui-grid-layout-options { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.ui-grid-layout-options label { display:flex; align-items:center; gap:8px; font-size:16px; }
.ui-grid-layout-options input { width:22px; height:22px; accent-color:#275eb4; }
.ui-grid-layout-status { min-height:46px; margin:10px 0; font-size:15px; line-height:1.45; color:#344e67; }
.ui-grid-layout-board { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:minmax(56px,auto); gap:6px; position:relative; align-items:stretch; margin-bottom:10px; }
.ui-grid-layout-cell { border:1px dashed #a6bbd5; border-radius:7px; background:#f5f8fd; color:#58718a; min-width:0; padding:6px; }
.ui-grid-layout-cell:disabled { color:transparent; background:#edf2f8; }
.ui-grid-layout-tile { z-index:1; border:2px solid #7a9fce; border-radius:7px; padding:8px; color:#183c60; background:#e9f2ff; white-space:normal; overflow-wrap:anywhere; text-align:left; touch-action:none; cursor:grab !important; }
.ui-grid-layout-tile[aria-pressed=true] { background:#285db0; border-color:#17448d; color:white; }
.ui-grid-layout-dragging .ui-grid-layout-tile[aria-pressed=true] { opacity:.65; }
.ui-grid-layout-dialog footer { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; padding-top:16px; }
.ui-grid-layout-dialog :is(button,select,input):focus-visible { outline:3px solid #17448d; outline-offset:2px; }
@media(max-width:760px) {
 .ui-view-grid-group { grid-template-columns:minmax(0,1fr) !important; }
 .ui-view-grid-group > .ui-view-grid-item { grid-column:1 / -1 !important; grid-row:auto !important; width:100%; }
 .ui-grid-layout-overlay { padding:8px; }
 .ui-grid-layout-dialog { padding:14px; max-height:calc(100dvh - 16px); }
 .ui-grid-layout-workspace { grid-template-columns:minmax(0,1fr); }
 .ui-grid-layout-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ui-grid-layout-board { grid-auto-rows:minmax(56px,auto); }
 .ui-grid-layout-dialog footer > button { flex:1 1 150px; }
}

/* Settings root and its existing category parents stay intact at every width. */
.settings-page-shell.ui-view-grid-group { height:auto !important; min-height:0; grid-template-rows:none !important; overflow:visible; }
.settings-page-shell.ui-view-grid-group > .settings-panel:not([hidden]) { height:auto; overflow:visible; position:static; }
.settings-tabs.settings-tabs-categorized.ui-view-grid-item:not(.ui-view-grid-group) { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); }
.settings-tabs.ui-view-grid-item .settings-tab { min-height:48px; font-size:16px; line-height:1.35; white-space:normal !important; overflow-wrap:anywhere !important; }
.settings-tabs.ui-view-grid-item .settings-tab-category > span { font-size:14px; line-height:1.4; letter-spacing:normal; text-transform:none; }
.settings-tabs.ui-view-grid-group > .settings-tab-actions { grid-column:1 / -1; }
.settings-tab-category.ui-view-grid-group > span { grid-column:1 / -1; grid-row:1; }
.settings-tab-category.ui-view-grid-group > .ui-view-grid-item { grid-row:calc(var(--ui-view-grid-row) + 1) !important; min-height:48px; white-space:normal; overflow-wrap:anywhere; }
@media(max-width:760px) {
 .settings-tab-category.ui-view-grid-group > .ui-view-grid-item { grid-row:auto !important; }
}

.settings-tabs.ui-view-grid-item { container-name:ui-settings-navigation; container-type:inline-size; }
@container ui-settings-navigation (max-width:320px) {
 .settings-tabs.ui-view-grid-item .settings-tab-category:not(.ui-view-grid-group) { display:grid; grid-template-columns:minmax(0,1fr); }
 .settings-tabs.ui-view-grid-item .settings-tab-category:not(.ui-view-grid-group) > .settings-tab { width:100%; overflow-wrap:normal !important; word-break:normal; text-align:left; }
}