/* Shared wayfinding for workspace settings. Form controllers keep their drafts. */
.settings-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}
.settings-layout>.settings-navigation{display:flex;flex-direction:column;flex-wrap:nowrap;gap:16px;position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow:auto;scrollbar-width:thin;border:0;padding:2px 6px 12px 2px}
.settings-nav-search{display:block;margin:0;font-size:11px;color:var(--muted)}
.settings-nav-search input{width:100%;min-width:0;margin:6px 0 0;padding:8px 10px;font-size:12px}
.settings-navigation .settings-nav-group{display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px;min-width:0}
.settings-navigation .settings-nav-group>p{margin:0 10px 5px;font-size:10px;color:var(--subtle)}
.settings-navigation .settings-nav-group>p small{display:block;font-size:10px;font-weight:400;letter-spacing:0;margin-top:3px}
.settings-navigation .settings-nav-button{display:flex;width:100%;align-items:center;text-align:left;min-height:36px;padding:8px 10px;font-size:12px;gap:9px;border:1px solid transparent;border-radius:6px;white-space:normal}
.settings-nav-button>span{min-width:0;flex:1;overflow-wrap:anywhere}
.settings-navigation .settings-nav-child{padding-left:28px;font-size:11px;color:var(--muted)}
.settings-navigation .settings-nav-child .material-icon{width:14px;height:14px}
.settings-navigation .contains-current{color:var(--ink)}
.settings-nav-button [data-settings-draft]{width:6px;height:6px;flex:none;border-radius:50%;background:#e5bc78}
.settings-navigation .settings-platform-boundary{border-top:1px solid var(--line);padding-top:16px}
.settings-advanced>summary{padding:8px 10px;color:var(--muted);font-size:11px;cursor:pointer;border-radius:6px}
.settings-advanced>summary:hover{background:var(--hover);color:var(--ink)}
.settings-advanced>summary:focus-visible,.settings-overview-advanced>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.settings-content{max-width:900px}
.settings-content .settings-actions{position:static}
.settings-workflow-page .settings-actions{position:sticky}
.settings-overview-search{display:block;max-width:600px;margin:0 0 24px;font-size:12px;color:var(--muted)}
.settings-overview-search input{width:100%;margin:8px 0 0;padding:11px 13px}
.settings-overview-group{margin:0 0 26px}
.settings-overview-group>h3{font-size:12px;color:var(--muted);font-weight:600;margin:0 0 12px}
.settings-overview-group>h3>span{display:block;margin-top:4px;color:var(--subtle);font-size:11px;font-weight:400}
.settings-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.settings-overview-card{display:flex;gap:12px;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:8px;padding:18px 16px;min-width:0;background:var(--surface);color:var(--ink)}
.settings-overview-card:hover{background:var(--hover);border-color:#465062}
.settings-overview-card>span:nth-child(2){min-width:0;flex:1}
.settings-overview-card strong{display:block;font-size:13px;font-weight:550}
.settings-overview-card small{display:block;margin-top:5px;color:var(--subtle);line-height:1.6;font-size:11px;overflow-wrap:anywhere}
.settings-overview-card em{display:block;font-style:normal;color:#e5bc78;font-size:11px;margin-top:8px}
.settings-card-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;background:var(--accent-soft);color:#a9cdfb;border-radius:7px}
.settings-card-icon .material-icon{width:16px;height:16px}
.settings-card-arrow{color:var(--subtle);flex:none}
.settings-overview-advanced{border-top:1px solid var(--line);margin-bottom:24px;padding-top:16px}
.settings-overview-advanced>summary{cursor:pointer;color:var(--muted);font-size:12px;padding:4px 0}
.settings-overview-advanced[open]>.settings-overview-grid{margin-top:14px}
.settings-overview .settings-platform-boundary{border-top:1px solid var(--line);padding-top:20px}
.settings-draft-summary{padding:12px 14px;border:1px solid #59472b;border-radius:6px;background:#252117;color:#e5cc9b;font-size:12px;line-height:1.6;margin:0 0 22px;overflow-wrap:anywhere}
.settings-workflow-context{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:7px;margin-bottom:24px}
.settings-workflow-context>div{min-width:0}
.settings-workflow-context strong{font-size:12px;font-weight:550}
.settings-workflow-context p{margin:5px 0 0;font-size:11px;color:var(--subtle);line-height:1.6}
.settings-workflow-context>button{flex:none}
.settings-workflow-page .workflow-settings{margin:0;border:0;padding:0}
@media(max-width:1200px){
 .settings-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}
 .settings-overview-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:1000px){
 .settings-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .settings-navigation-toggle{display:flex;justify-content:flex-start;gap:10px;width:100%;min-height:44px;text-align:left}
 .settings-navigation-toggle>span:first-of-type{flex:1;min-width:0}
 .settings-navigation-toggle>.select-chevron{flex:none}
 .settings-layout>.settings-navigation{display:none;position:static;max-height:none;overflow:visible;border-bottom:1px solid var(--line);padding:0 0 20px}
 .settings-layout.navigation-open>.settings-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
 .settings-nav-search,.settings-navigation>.settings-nav-button,.settings-navigation>[data-settings-no-results],.settings-navigation>.settings-platform-boundary{grid-column:1/-1}
 .settings-navigation .settings-nav-group{align-self:start}
 .settings-navigation .settings-nav-button{min-height:44px}
 .settings-nav-search input{font-size:16px;min-height:44px}
 .settings-layout .settings-actions{position:static}
 .settings-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .settings-workflow-context{flex-wrap:wrap}
 .settings-content .settings-page-heading{scroll-margin-top:90px}
}
@media(max-width:600px){
 .settings-overview-grid{grid-template-columns:minmax(0,1fr)}
 .settings-overview-card{padding:16px}
 .settings-overview-search input{font-size:16px;min-height:44px}
 .settings-workflow-context>button{width:100%}
}
@media(max-width:360px){
 .settings-layout.navigation-open>.settings-navigation{grid-template-columns:minmax(0,1fr)}
 .settings-navigation .settings-nav-child{padding-left:22px}
}