/* The workspace owns its inspector visibility at every breakpoint. */
.workspace.inspector-closed>.inspector{display:none!important}
@media(min-width:961px){.workspace.inspector-closed{grid-template-columns:220px minmax(0,1fr)!important}}
@media(min-width:961px) and (max-width:1100px){.workspace.inspector-closed{grid-template-columns:190px minmax(0,1fr)!important}}
/* A decorative outline around the whole canvas is not a focus control. */
#viewport:focus,#viewport:focus-visible{outline:none!important;box-shadow:none!important}
.library-public-entry{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:8px;background:var(--ui-control);color:var(--ui-text);font-size:12px;font-weight:600;text-decoration:none;transition:color .18s ease,background .18s ease}
.library-public-entry:hover,.library-public-entry:focus-visible{color:var(--ui-accent-ink);background:var(--ui-hover)}
.library-public-entry[aria-current="page"]{display:none}
#atlas-material-dialog .atlas-material-header>div{flex:1;min-width:0}
#atlas-material-dialog .atlas-material-return{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:40px;padding:7px 11px;border:0;border-radius:7px;background:var(--ui-control);color:var(--ui-text);font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;white-space:nowrap}
#atlas-material-dialog .atlas-material-return:hover{color:var(--ui-accent-ink)}
@media(max-width:760px){.library-public-entry{font-size:11px;min-height:36px;padding:8px 11px}#atlas-material-dialog .atlas-material-return{font-size:11px;padding:7px 9px}#atlas-material-dialog .atlas-material-header{gap:8px}}
@media(prefers-reduced-motion:reduce){.library-public-entry{transition:none}}

/* One knowledge toolbar, with native compact format tabs. */
.base-view-bar{gap:12px;justify-content:flex-start;flex-direction:row!important;align-items:center!important;padding-block:8px}
.base-view-bar .base-view-switch{margin-right:auto}
.base-view-bar>.library-scope-nav{display:none;flex:none;padding:3px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-control)}
body:is([data-base-view="catalog"],[data-base-view="public"]) .base-view-bar>.library-scope-nav{display:flex}
body:is([data-base-view="catalog"],[data-base-view="public"]) .library-public-entry{display:none}
.base-view-bar>.library-scope-nav>a{min-height:30px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600}
.base-view-bar>.library-scope-nav>a[aria-current="page"]{background:var(--ui-control-accent-fill,#F5A04F);color:var(--ui-control-on-accent,#211706)}
.base-view-bar .base-view-switch>button{min-height:36px;height:36px;padding-block:6px}
html body .base-view-bar .materials-tabs.seg-group :is(.seg-tab,.seg-ink-label,.seg-indicator){border-radius:6px!important}
.base-view-bar>.library-native-format-row{flex:0 0 300px;width:300px;padding:0;border:0;background:none}
.base-view-bar>.library-native-format-row:has([data-material-filter="video"]){flex-basis:360px;width:360px}
.base-view-bar>.library-native-format-row .materials-library-head{display:block!important;width:100%;margin:0}
.base-view-bar .materials-library-head>div:first-child{display:none}
.base-view-bar .materials-tabs.seg-group{--seg-h:30px;--seg-font:11px;--seg-gap:2px;min-height:38px;height:38px;border-radius:9px!important}
.base-view-bar .seg-tab{min-width:0;min-height:30px;height:30px;padding:4px 8px;border-radius:6px;font-size:11px}
.base-view-bar .library-format-icon{width:14px;height:14px}
.base-view-bar .seg-label{gap:5px!important}
.base-view-bar .materials-tabs:has([data-material-filter="video"]) .seg-tab,.base-view-bar .materials-tabs:has([data-material-filter="video"]) .seg-ink-label{padding-inline:4px!important}
.heading-actions .demo-access{margin:0;font-size:10px;gap:7px}
.heading-actions .demo-access select{height:32px;min-height:32px;font-size:11px;padding:4px 8px}
.library-entry-bar[hidden]{display:none!important}
#catalog-panel{border-top-left-radius:12px;border-top-right-radius:12px}
@media(min-width:1101px){body:is([data-base-view="catalog"],[data-base-view="public"]) .base-view-bar{flex-wrap:nowrap}.base-view-bar .base-view-switch{flex-shrink:1}.base-view-bar .base-view-switch button{font-size:11px;padding-inline:10px}}
@media(max-width:1100px){.base-view-bar{gap:8px}.base-view-bar .base-view-switch{flex:1 1 100%;margin:0}.base-view-bar>.library-scope-nav{margin-right:auto}}
@media(max-width:760px){.base-view-bar{gap:6px;padding-block:6px}.base-view-bar>.library-scope-nav>a{min-height:30px;padding:5px 7px;font-size:10px}.base-view-bar>.library-native-format-row{flex-basis:220px;width:220px}.base-view-bar .materials-tabs.seg-group{--seg-h:28px;--seg-font:10px;height:36px;min-height:36px}.base-view-bar .materials-tabs.seg-group:has([data-material-filter="video"]){--seg-cols:4!important;--seg-font:9px}.base-view-bar .seg-tab{padding:3px 5px}.base-view-bar .library-format-icon{width:12px;height:12px}.base-view-bar .seg-label{gap:3px!important}.heading-actions .demo-access{font-size:0}.heading-actions .demo-access select{font-size:10px}}
@media(max-width:760px){.base-view-bar>.library-native-format-row:has([data-material-filter="video"]){flex-basis:100%;width:100%}.base-view-bar .materials-tabs.seg-group:has([data-material-filter="video"]){--seg-font:10px}}
@media(max-width:760px){.base-view-bar .base-view-switch>button{min-height:38px;height:38px;padding-block:4px;line-height:1.3}.base-view-bar>.library-scope-nav>a{min-height:28px;height:28px;padding-block:4px}}
/* Approved compact native shell. The native format controller stays authoritative. */
.atlas-compact #atlas-app>main{padding-top:72px!important;padding-bottom:10px!important}
.atlas-compact:not(.atlas-editor-active) #atlas-app>main>.page-heading{display:none!important}
.atlas-compact #atlas-app>main>.base-view-bar{display:grid!important;grid-template-columns:minmax(155px,auto) minmax(390px,1fr) 132px 330px;grid-template-areas:"title tabs scope formats";align-items:center!important;gap:10px!important;height:48px!important;min-height:48px!important;flex:0 0 48px!important;margin:0 0 10px!important;padding:6px 0!important;border:0;background:none;box-sizing:border-box}
.atlas-compact .atlas-compact-title{grid-area:title;display:flex;align-items:center;gap:7px;min-width:0}
.atlas-compact .atlas-compact-title h1{font-size:18px!important;font-weight:600;line-height:1.15!important;letter-spacing:-.55px;white-space:nowrap;margin:0!important;padding:0}
.atlas-compact .atlas-compact-editor{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;color:var(--ui-muted);border:0;border-radius:6px;background:transparent;text-decoration:none}
.atlas-compact .atlas-compact-editor svg{width:17px;height:17px}
.atlas-compact .atlas-compact-editor:hover{color:var(--ui-accent-ink);background:var(--ui-hover)}
.atlas-compact #atlas-app>main>.base-view-bar>.base-view-switch{grid-area:tabs;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;width:100%;min-width:0;height:36px;min-height:36px;margin:0!important;padding:3px;border-radius:9px;box-sizing:border-box;flex:none!important}
.atlas-compact .base-view-bar .base-view-switch>button{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0!important;width:100%;height:28px!important;min-height:28px!important;padding:2px 6px!important;font-size:10px!important;line-height:1.15;white-space:normal;border-radius:6px}
.atlas-compact #atlas-app>main>.base-view-bar>.library-scope-nav{grid-area:scope;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:132px!important;height:34px;min-height:34px;margin:0!important;padding:3px;background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:9px;box-sizing:border-box;flex:none!important}
.atlas-compact .base-view-bar>.library-scope-nav>a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:26px!important;height:26px!important;padding:2px 5px!important;font-size:10px!important;line-height:1.1;border-radius:6px}
.atlas-compact #atlas-app>main>.base-view-bar>.atlas-compact-format-placeholder,.atlas-compact #atlas-app>main>.base-view-bar>.library-native-format-row{grid-area:formats;width:330px!important;min-width:0;height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border:0;background:none;flex:none!important;box-sizing:border-box}
.atlas-compact #atlas-app>main>.base-view-bar>.atlas-compact-format-placeholder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px!important;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-panel)}
.atlas-compact .atlas-compact-format-placeholder button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;height:26px;margin:0;padding:2px 3px;border:0;border-radius:6px;background:transparent;color:var(--ui-muted);font-size:10px;line-height:1.1;white-space:nowrap;opacity:.43;cursor:default}
.atlas-compact .atlas-compact-format-placeholder svg{width:13px;height:13px;flex:0 0 13px}
.atlas-compact .base-view-bar:has(>.library-native-format-row)>.atlas-compact-format-placeholder{display:none!important}
.atlas-compact .base-view-bar>.library-native-format-row .materials-library-head{display:block!important;margin:0!important;width:100%;height:34px}
.atlas-compact .base-view-bar>.library-native-format-row .materials-library-head>div:first-child{display:none!important}
.atlas-compact .base-view-bar .materials-tabs.seg-group{--seg-cols:4!important;--seg-h:26px;--seg-font:10px;--seg-gap:2px;width:100%;height:34px!important;min-height:34px!important;box-sizing:border-box;border-radius:9px!important}
.atlas-compact .base-view-bar .materials-tabs.seg-group :is(.seg-tab,.seg-ink-label){font-size:10px!important;padding:2px 3px!important;min-width:0;height:26px;min-height:26px;line-height:1.1}
.atlas-compact .base-view-bar .materials-tabs.seg-group .seg-label{gap:4px!important}
.atlas-compact .base-view-bar .library-format-icon{width:13px!important;height:13px!important}
/* Public library has three real controls; the fourth slot is inert presentation. */
.atlas-compact .base-view-bar .materials-tabs.seg-group:not(:has([data-material-filter="video"]))::after{content:"Видеоуроки";display:flex;align-items:center;justify-content:center;height:26px;grid-column:4;grid-row:1;pointer-events:none;color:var(--ui-muted);opacity:.4;font-size:10px;line-height:1.1}
.atlas-compact .map-area::before{content:none!important;display:none!important}
html[data-palette="light"] .atlas-compact .map-area,html[data-palette="light-warm"] .atlas-compact .map-area{background:color-mix(in srgb,var(--ui-bg-soft) 92%,#000 8%)!important}
@media(max-width:1250px){.atlas-compact #atlas-app>main>.base-view-bar{grid-template-columns:minmax(155px,1fr) 132px 330px;grid-template-areas:"title scope formats" "tabs tabs tabs";grid-template-rows:34px 36px;gap:6px 10px!important;height:84px!important;min-height:84px!important;flex-basis:84px!important;padding:4px 0!important}}
@media(max-width:760px){
 .atlas-compact #atlas-app>main{padding-top:70px!important;padding-bottom:7px!important}
 .atlas-compact #atlas-app>main>.base-view-bar{grid-template-columns:minmax(0,1fr) 132px;grid-template-areas:"title scope" "tabs tabs" "formats formats";grid-template-rows:30px 36px 34px;gap:5px 8px!important;height:118px!important;min-height:118px!important;flex-basis:118px!important;margin-bottom:8px!important;padding:4px 0!important}
 .atlas-compact .atlas-compact-title h1{font-size:17px!important;letter-spacing:-.5px}
 .atlas-compact .atlas-compact-editor{width:25px;height:25px;flex-basis:25px}
 .atlas-compact #atlas-app>main>.base-view-bar>.library-scope-nav{height:30px;min-height:30px;padding:2px}
 .atlas-compact .base-view-bar>.library-scope-nav>a{height:24px!important;min-height:24px!important;font-size:9px!important}
 .atlas-compact .base-view-bar .base-view-switch>button{font-size:9px!important;padding-inline:4px!important}
 .atlas-compact #atlas-app>main>.base-view-bar>.atlas-compact-format-placeholder,.atlas-compact #atlas-app>main>.base-view-bar>.library-native-format-row{width:100%!important}
}

/* Three equal tabs retain the established semantic SVG vocabulary. */
.atlas-compact .base-view-switch>button{gap:6px}.atlas-compact .base-view-switch>button>svg{display:block;width:16px;height:16px;flex:0 0 16px}.atlas-compact .base-view-switch>button>span{min-width:0}
.atlas-compact.atlas-editor-active #atlas-app>main>.page-heading{display:flex!important;flex:none;min-height:0;margin:0 0 8px;padding:0}.atlas-compact.atlas-editor-active #atlas-app>main>.page-heading>div:first-child{display:none}.atlas-compact.atlas-editor-active .heading-actions{display:flex!important;flex-wrap:wrap;width:100%;justify-content:flex-end;gap:8px}
.atlas-compact-status{display:block;flex:none;font-size:11px;color:var(--ui-muted);line-height:1.5}.atlas-compact-status:empty{display:none}
@media(max-width:760px){.atlas-compact .base-view-switch>button>svg{width:14px;height:14px;flex-basis:14px}.atlas-compact .base-view-switch>button{gap:5px}}