.focus-layout-controls {display:grid;gap:20px;margin-top:20px;}
.focus-layout-controls fieldset {border:0;padding:0;min-width:0;}
.focus-layout-controls legend {font-weight:700;margin-bottom:10px;}
.focus-layout-presets,.focus-layout-choices {display:flex;flex-wrap:wrap;gap:8px;}
.focus-layout-controls button {min-height:44px;white-space:normal;}
.focus-layout-controls button[aria-pressed=true] {background:#c7fce0!important;color:#05145c!important;border-color:#c7fce0!important;}
.focus-layout-order {list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.focus-layout-order li {display:flex;align-items:center;gap:6px;border:1px solid #b5d8e044;border-radius:16px;padding:10px;background:#ffffff0a;}
.focus-layout-order strong {flex:1;min-width:0;overflow-wrap:anywhere;}
.focus-layout-order button {padding-inline:12px!important;}
.focus-layout-status {line-height:1.5;min-height:1.5em;}
html:has([data-focus-columns=one]) body.student-experience #app-shell#app-shell [data-claude-focus] .nature-focus-stage {grid-template-columns:minmax(0,1fr)!important;}
html:has([data-focus-density=compact]) body.student-experience #app-shell#app-shell [data-claude-focus] :is(.mc-room,.mc-room-coda,.focus-room-panel) {padding:12px!important;gap:8px!important;}
@media(min-width:1000px){
 html:has([data-view=focus][data-focus-menu=top]:not([hidden])) #app-shell.app-shell {display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr);}
 html:has([data-view=focus][data-focus-menu=top]:not([hidden])) #app-shell.app-shell .app-sidebar {position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:12px;grid-row:1;}
 html:has([data-view=focus][data-focus-menu=top]:not([hidden])) #app-shell .mc-nav--sidebar {display:flex!important;flex-direction:row!important;flex-wrap:wrap;flex:1;gap:6px;}
 html:has([data-view=focus][data-focus-menu=top]:not([hidden])) #app-shell .app-sidebar .sidebar-bottom {display:flex;flex-direction:row;flex-wrap:wrap;margin:0;gap:6px;}
 html:has([data-view=focus][data-focus-menu=top]:not([hidden])) #app-shell .app-main {grid-row:2;margin-inline:0!important;width:100%!important;max-width:none!important;}
 html:has([data-view=focus][data-focus-menu=top]:not([hidden])) #app-shell .app-sidebar :is(.brand,.account-pill,.sidebar-personalize) {max-width:200px;}
}
@media(max-width:640px){.focus-layout-order li{flex-wrap:wrap}.focus-layout-order strong{flex-basis:100%}.focus-layout-order button{flex:1}.focus-layout-presets button{flex:1 0 100%}}
/* Reserve all three rows so wrapped tools never cover timer controls. */
@media(max-width:640px){
 html body.student-experience #app-shell#app-shell[data-simple-workspace][data-active-view=focus] .app-view[data-view=focus][data-claude-focus] .mc-room__tabs {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:minmax(44px,auto);height:auto!important;min-height:148px!important;max-height:none!important;overflow:visible!important;align-content:start;box-sizing:border-box;}
}