/* UrbanXentra Enterprise UI system — dashboard, studios, and monitor windows. */
:root{--uxe-bg:#070a0f;--uxe-panel:#10151d;--uxe-line:#344052;--uxe-text:#e8edf3;--uxe-muted:#9aa8b8;--uxe-gold:#e2b44f;--uxe-danger:#ff767d;--uxe-success:#55d69b;--uxe-radius:12px}
*,*:before,*:after{box-sizing:border-box}html,body{max-width:100%;margin:0}body{color:var(--uxe-text);background:var(--uxe-bg);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{min-width:0}button:not([disabled]),select:not([disabled]),input[type=checkbox]:not([disabled]),input[type=range]:not([disabled]){cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.48}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--uxe-gold)!important;outline-offset:2px!important}::selection{color:#071018;background:#79d5ff}
#main-dashboard>main{isolation:isolate}#main-dashboard>aside,#main-dashboard>main,.workspace-panel,.workspace-panel>*{min-width:0;min-height:0}.workspace-panel{isolation:isolate;contain:none!important;overflow:auto!important;scrollbar-gutter:stable}.workspace-panel :where(button,input,select){min-height:34px}.workspace-panel :where(p,li,label,td,th){font-size:max(11px,inherit);line-height:1.5}.workspace-panel small{font-size:10px!important;line-height:1.4}.workspace-panel h2{font-size:clamp(20px,2vw,30px)!important;line-height:1.15}.workspace-panel h3{font-size:clamp(13px,1.2vw,17px)!important;line-height:1.25}.workspace-panel :where(article,section,aside,form,table){max-width:100%}.workspace-panel table{width:100%;border-collapse:collapse}.workspace-panel :where(td,th){overflow-wrap:anywhere}.workspace-panel :where(.text-\[7px\],.text-\[8px\],.text-\[9px\],.text-\[10px\]){font-size:11px!important}
.shell-sidebar-toggle{display:flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #705522;border-radius:9px;padding:7px 10px;color:#f6dda2;background:#1c160d;font-size:11px;font-weight:800;white-space:nowrap}.shell-sidebar-toggle:hover{border-color:var(--uxe-gold);background:#2a2010}#main-dashboard.sidebar-compact>aside{width:76px!important;min-width:76px!important;flex-basis:76px!important}#main-dashboard.sidebar-compact .brand-sidebar{min-height:82px;padding:8px}#main-dashboard.sidebar-compact .brand-sidebar img{width:58px;height:58px;border-radius:12px}#main-dashboard.sidebar-compact .brand-sidebar div,#main-dashboard.sidebar-compact .brand-sidebar i,#main-dashboard.sidebar-compact #agent-list .agent-card>:not(:first-child),#main-dashboard.sidebar-compact>aside>div:last-child{display:none!important}#main-dashboard.sidebar-compact #agent-list{padding:8px 6px}#main-dashboard.sidebar-compact #agent-list .agent-card{display:grid;min-width:0;place-items:center;padding:9px 5px}
.studio-primary,.studio-secondary,.workspace-panel button{overflow-wrap:anywhere}.studio-project-actions,.project-heading>div:last-child,.core-worker-controls{max-width:100%}.studio-input{min-height:38px}.studio-file,.repair-agent,.layer-card,.diagnostic,.suggestion-card,.history-item{min-width:0}.studio-file span:last-child,.repair-agent strong,.repair-agent small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-output-tabs,.workspace-nav{scrollbar-gutter:stable}.editor-shell,.code-editor,.studio-output iframe{width:100%;max-width:100%}.code-editor{overscroll-behavior:contain}
dialog{max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}dialog[open]{display:flex;flex-direction:column}dialog>form{min-width:0;min-height:0;max-width:100%;max-height:100%;overflow:auto}dialog :where(input,select,textarea,button){max-width:100%}.uxe-system-status{position:fixed;right:16px;bottom:16px;z-index:9999;max-width:min(480px,calc(100vw - 32px));border:1px solid #7b3036;border-radius:10px;padding:11px 14px;color:#ffd7d9;background:#2a0e12ef;box-shadow:0 14px 40px #000b;font-size:12px;line-height:1.45}.uxe-system-status:empty{display:none}
.xentra-media-studio,.xentra-media-monitor{width:100%;height:100dvh;overflow:hidden}.xentra-media-studio .app-shell,.xentra-media-monitor .external-shell{width:100%;max-width:100vw;min-width:0;min-height:0}.xentra-media-studio .app-header>*{min-width:0}.xentra-media-studio .header-actions{min-width:0;scrollbar-gutter:stable}.xentra-media-studio .editing-area>*{min-width:0;min-height:0}.xentra-media-studio :where(.left-panel,.right-panel,.monitor-column,.timeline-dock,.timeline-scroll){overscroll-behavior:contain}.xentra-media-studio :where(.section-tabs,.edit-buttons,.timeline-options,.header-actions){scrollbar-width:thin}.xentra-media-studio dialog :where(form,section,article,aside,div){min-width:0}.xentra-media-monitor .panel-content{min-width:0;min-height:0;overflow:auto}
@media(max-width:1200px){.workspace-panel>div>section:first-child{position:relative;z-index:1}.workspace-panel>div>section:first-child .flex{min-width:0}#mission-workspace .grid.grid-cols-2{grid-template-columns:minmax(0,1fr)!important}.project-heading{align-items:flex-start!important;flex-direction:column}.project-heading>div:last-child{display:flex;flex-wrap:wrap}.xentra-media-studio .app-header{align-content:center}.xentra-media-studio .header-actions{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important}}
@media(max-width:900px){#main-dashboard:not(.sidebar-compact)>aside{width:190px!important;min-width:190px!important;flex-basis:190px!important}.workspace-panel{scrollbar-gutter:auto}.workspace-panel :where(button,input,select,textarea){font-size:12px}.xentra-media-studio{height:auto;min-height:100dvh;overflow:auto}.xentra-media-studio .app-shell{height:auto!important;min-height:100dvh}.xentra-media-studio .editing-area{grid-template-columns:minmax(200px,240px) minmax(0,1fr)!important;min-width:0!important}.xentra-media-studio .right-panel{display:none}.xentra-media-studio .timeline-dock{width:100%;min-width:0!important}.xentra-media-studio .timeline-scroll{overflow:auto}}
@media(max-width:640px){#main-dashboard{display:block!important;height:auto!important;min-height:100dvh;overflow:auto!important}#main-dashboard>aside{position:relative;width:100%!important;min-width:0!important;max-height:180px;flex-basis:auto!important}#main-dashboard>main{height:auto!important;min-height:calc(100dvh - 180px)}.app-topbar{position:sticky;top:0}.xentra-media-studio .editing-area{display:block!important;min-height:0!important}.xentra-media-studio .left-panel{max-height:300px;border-bottom:1px solid var(--uxe-line)}.xentra-media-studio .monitor-column{min-height:460px}.xentra-media-studio .timeline-dock{height:330px!important}.xentra-media-monitor header,.xentra-media-monitor footer{display:flex;flex-wrap:wrap;height:auto!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}