@import url("./xentra-enterprise-system.css");
/* UrbanXentra shared application shell — layout and navigation foundation. */
:root{--uxe-sidebar-width:248px;--uxe-header-gap:8px;--uxe-control-height:40px;--uxe-focus:#f2bd55}
html,body{width:100%;height:100%;overflow:hidden}
#main-dashboard{width:100%;height:100dvh;min-width:0;min-height:0;overflow:hidden}
#main-dashboard>aside{width:var(--uxe-sidebar-width)!important;min-width:var(--uxe-sidebar-width);flex:0 0 var(--uxe-sidebar-width);overflow:hidden}
#main-dashboard>main{min-width:0;min-height:0;overflow:hidden}
.app-topbar{position:relative;z-index:40;display:grid;flex:0 0 auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--uxe-header-gap);width:100%;min-height:58px;padding:8px 12px;overflow:visible}
.app-topbar-main{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-width:0}
.active-agent-badge{min-width:0;min-height:var(--uxe-control-height);padding:6px 9px;font-size:9px;line-height:1.15;overflow:hidden;text-overflow:ellipsis}
.active-agent-badge span{margin-top:3px;font-size:11px;line-height:1.1;overflow:hidden;text-overflow:ellipsis}
.workspace-nav{display:flex;align-items:stretch;gap:5px;width:100%;min-width:0;padding:4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#80612c #111}
.workspace-nav::-webkit-scrollbar{height:7px}.workspace-nav::-webkit-scrollbar-track{background:#111;border-radius:999px}.workspace-nav::-webkit-scrollbar-thumb{background:#80612c;border-radius:999px}
.workspace-tab{display:flex;flex:1 0 112px;align-items:center;justify-content:center;min-width:112px;min-height:var(--uxe-control-height);max-width:190px;padding:7px 9px;font-size:11px;font-weight:800;line-height:1.15;letter-spacing:.025em;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}
.workspace-tab:hover{transform:none}.workspace-tab:focus-visible,.system-chip:focus-visible,.agent-card:focus-visible{outline:3px solid var(--uxe-focus);outline-offset:2px}.workspace-tab[aria-selected="true"]{color:#fff9e8}
.system-controls{display:flex;align-items:stretch;justify-content:flex-end;gap:6px;min-width:0}.system-chip{min-width:90px;min-height:var(--uxe-control-height);padding:7px 10px;font-size:10px;line-height:1.15;white-space:normal;overflow-wrap:anywhere}
.workspace-panel{position:relative;width:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;contain:layout paint}.workspace-panel.hidden{display:none!important}
#mission-workspace{padding:clamp(20px,3vw,48px)!important}#studio-workspace,#repair-workspace,#design-workspace,#media-workspace{overflow:auto!important}.studio-grid,.repair-grid,.design-grid,.media-grid{min-width:0;min-height:0}
.workspace-panel button,.workspace-panel input,.workspace-panel select,.workspace-panel textarea{max-width:100%}
.workspace-panel iframe,.workspace-panel video,.workspace-panel canvas,.workspace-panel img{max-width:100%}
.workspace-panel section{min-width:0}
.studio-project-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.studio-project-actions .studio-input{flex:1 1 150px;width:auto!important;min-width:130px}
.studio-project-actions button{flex:0 1 auto;white-space:normal}
.studio-files{min-width:0;min-height:0;overflow:auto}
.studio-file-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.studio-file-actions button,.studio-preview-action{min-height:30px;border:1px solid #3f3f46;border-radius:7px;padding:5px 7px;color:#a1a1aa;background:#18181b;font-size:8px;font-weight:800;text-transform:uppercase}
.studio-file-actions button:hover,.studio-preview-action:hover{border-color:#d6a34f;color:#fff}
.studio-output-toolbar{display:flex;min-width:0;flex:0 0 44px;overflow:hidden}
.studio-output-tabs{display:flex;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.studio-output-tabs .output-tab{flex:0 0 auto;min-height:30px;white-space:nowrap}
.studio-preview-action{flex:0 0 31px;padding:4px;font-size:13px}
.studio-grid>.studio-editor,.studio-grid>.studio-output{min-width:0;min-height:0;overflow:hidden}
.editor-shell{min-width:0;min-height:0}
.code-editor{min-width:0;min-height:0}
.xentra-nav-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1450px){.app-topbar{grid-template-columns:1fr}.system-controls{width:100%;justify-content:flex-end}.system-chip{min-height:34px}}
@media(max-width:1100px){:root{--uxe-sidebar-width:220px}.app-topbar-main{grid-template-columns:1fr}.active-agent-badge{min-height:32px}.workspace-tab{flex:0 0 140px;max-width:165px}.system-controls{justify-content:stretch}.system-chip{flex:1 1 0;min-width:0}}
@media(max-width:760px){:root{--uxe-sidebar-width:176px}.brand-sidebar{min-height:176px;padding:10px}.brand-sidebar img{width:112px;height:112px}.app-topbar{padding:6px}.workspace-tab{flex-basis:130px;min-width:130px;font-size:10px}.system-chip{font-size:9px}#mission-workspace{padding:16px!important}}
@media(max-width:560px){#main-dashboard{display:block!important;overflow:auto}#main-dashboard>aside{width:100%!important;min-width:0;height:auto;max-height:210px}#main-dashboard>main{height:calc(100dvh - 210px)}.brand-sidebar{display:none}#agent-list{display:flex;gap:6px;padding:8px;overflow:auto}#agent-list .agent-card{min-width:124px}.app-topbar{position:sticky;top:0}.system-controls{overflow-x:auto}.system-chip{flex:0 0 112px}}
@media(prefers-reduced-motion:reduce){.workspace-tab,.system-action{transition:none!important}}

/* Enterprise workspace containment: every tool remains reachable without overlays. */
@media(max-width:1200px){
  #studio-workspace>div,#repair-workspace>div,#design-workspace>div,#media-workspace>div{height:auto!important;min-height:100%}
  .studio-grid,.repair-grid,.design-grid,.media-grid{grid-template-columns:minmax(0,1fr)!important;overflow:visible!important}
  .studio-grid{grid-template-rows:auto minmax(560px,72vh) minmax(460px,65vh)}
  .repair-grid{grid-template-rows:auto minmax(560px,72vh) auto}
  .design-grid{grid-template-rows:auto minmax(560px,72vh) auto}
  .media-grid{grid-template-rows:auto minmax(520px,70vh) auto}
  .studio-files,.studio-output,.repair-grid>aside,.design-grid>aside,.media-grid>aside{border-left:0!important;border-right:0!important;border-top:1px solid #27272a;overflow:auto!important}
  .repair-metrics{grid-template-columns:repeat(3,minmax(100px,1fr))!important}
  #studio-workspace>div>section:first-child>div:first-child,
  #repair-workspace>div>section:first-child>div:first-child,
  #design-workspace>div>section:first-child>div:first-child{align-items:flex-start!important;flex-wrap:wrap}
  #studio-workspace>div>section:first-child>div:first-child>div:last-child,
  #repair-workspace>div>section:first-child>div:first-child>div:last-child,
  #design-workspace>div>section:first-child>div:first-child>div:last-child{display:flex;flex:1 1 100%;flex-wrap:wrap}
}
@media(min-width:1201px){.studio-grid{overflow:hidden}.studio-grid>*{min-height:0}}
@media(max-width:820px){
  .app-topbar{grid-template-columns:minmax(0,1fr);overflow:hidden}
  .workspace-nav{scroll-snap-type:x proximity}
  .workspace-tab{scroll-snap-align:start}
  .system-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .repair-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #repair-stages,#enterprise-layers{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .core-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .core-center-grid,.core-policy-flow{grid-template-columns:minmax(0,1fr)!important}
  #mission-workspace .grid.grid-cols-2{grid-template-columns:minmax(0,1fr)!important}
  .studio-project-actions{justify-content:stretch}
  .studio-project-actions>*{flex:1 1 145px!important}
}
@media(max-width:560px){
  .studio-grid{grid-template-rows:auto minmax(480px,70vh) minmax(400px,60vh)}
  .repair-grid,.design-grid,.media-grid{grid-template-rows:auto minmax(480px,70vh) auto}
  .repair-metrics,#repair-stages,#enterprise-layers,.core-metric-grid{grid-template-columns:minmax(0,1fr)!important}
  .core-center{padding:14px!important}
  .studio-file-actions{grid-template-columns:minmax(0,1fr)}
}