/* Layout CommandCenter: adaptação visual sem substituir a autorização Ubuntu. */
:root{--sidebar-w:214px;--topbar-h:60px;--line:#1e3448;--cyan:#28bff0;--green:#35d39a}
body.uv-command-app,body.uv-command-login{font-family:"Segoe UI",Arial,sans-serif;background:#050b13;color:#f4f8fb}
.uv-command-app .cc-shell{padding-left:var(--sidebar-w);min-height:100svh}
.uv-command-app .cc-sidebar{width:var(--sidebar-w);padding:0;height:100svh;min-height:0;position:fixed;top:0;left:0;overflow:hidden;z-index:70}
.uv-command-app .cc-logo-wrap{height:104px;padding:16px 10px;flex-shrink:0;display:flex}
.uv-command-app .cc-logo-wrap img{width:126px;max-width:100%;background:white;border-radius:3px;padding:3px}
.uv-command-app .cc-menu{padding:16px 10px 12px;flex:1;overflow:auto;display:block}
.uv-command-app .cc-menu-title{margin:16px 0 7px;padding:0 2px}
.uv-command-app .cc-menu-title:first-child{margin-top:0}
.uv-command-app .cc-menu a{display:flex;align-items:center;gap:9px;min-height:36px;padding:8px 9px;margin:2px 0;border:0;border-radius:7px;color:#91acce;font-size:11px;font-weight:600;white-space:normal}
.uv-command-app .cc-menu a.active{background:#12334a;color:#d9f3ff}
.uv-nav-icon{font-size:14px;width:15px;display:inline-flex;justify-content:center;color:#5f9bc6;flex-shrink:0}
.uv-command-app .cc-side-user{margin:0 10px 8px;padding:12px 5px;gap:8px;flex-shrink:0;min-width:0}
.uv-command-app .cc-side-user>div{min-width:0;overflow:hidden}.uv-command-app .cc-side-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.uv-command-app .cc-side-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.uv-command-app .cc-side-user form{margin:0;flex-shrink:0}.uv-logout{background:none;border:0;color:#91acce;cursor:pointer;font:inherit;font-size:10px;padding:6px}
.uv-logout:hover{color:#fff}
.uv-command-app .cc-topbar{position:fixed;left:var(--sidebar-w);right:0;top:0;height:var(--topbar-h);z-index:65;padding:0 20px;background:#07111c}
.uv-command-app .cc-content{padding-top:var(--topbar-h);min-height:100svh}
.uv-command-app .uv-command-content{width:min(100%,1700px);max-width:none;margin:auto;padding:28px clamp(16px,3vw,42px) 65px;min-height:calc(100svh - var(--topbar-h))}
.uv-command-app .uv-command-content-live{width:100%;padding:0;margin:0;max-width:none}
.uv-command-app .monitoring-page{width:100%;min-height:calc(100svh - var(--topbar-h));padding:0;margin:0}
.uv-command-app .monitor-console{min-height:calc(100svh - var(--topbar-h))}
.uv-command-app .monitor-workspace{min-width:0}
.uv-command-app .monitor-grid-wrap{flex:1;min-height:0}
.uv-command-app .monitor-camera-item[hidden],.uv-command-app .monitor-device-group[hidden]{display:none!important}
.uv-command-app .monitor-workspace-head{top:var(--topbar-h)}
.uv-command-app .monitor-actions .btn-primary{font-size:10px;padding:7px 11px;min-height:34px}
.uv-command-app .monitor-modal-backdrop{position:fixed}
.uv-command-login .login-command{min-height:100svh;display:grid;grid-template-columns:minmax(0,64.4%) minmax(370px,35.6%)}
.uv-command-login .login-hero{min-height:100svh}
.uv-command-login .login-logo{width:255px;max-width:100%;background:white;border-radius:4px;padding:4px}
.uv-command-login .login-copy h1{font-size:clamp(48px,5vw,78px);line-height:1.03;margin:24px 0 18px}
.uv-command-login .login-side{min-height:100svh}
.uv-command-login .login-box{width:min(100%,430px)}
.uv-command-login .auth-panel{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;width:100%;max-width:none}
.uv-command-login .auth-panel h1{font-size:29px;margin:20px 0 10px;letter-spacing:-.025em}
.uv-command-login .auth-panel p{color:#7893aa;margin:0 0 24px}
.uv-command-login .auth-panel .form-grid{display:grid;grid-template-columns:1fr;gap:14px}
.uv-command-login .field{display:flex;flex-direction:column;gap:7px;font-size:12px}
.uv-command-login .field span{font-size:12px;font-weight:700;color:#d9e5ed}
.uv-command-login .field input{width:100%;min-height:43px;background:#edf4ff;color:#071522;border-radius:6px;border:1px solid #9fb7d0;font-size:13px}
.uv-command-login .field input:focus{border-color:#36c3e7}
.uv-command-login .auth-panel .btn.primary{width:100%;background:linear-gradient(90deg,#21bfdc,#369fe5);color:#03121c;border-radius:7px;min-height:44px;justify-content:space-between;padding:12px 14px}
.uv-command-login .tabs{background:#0b1c2a;margin:13px 0 18px;border-radius:6px}
.uv-command-login .tab.active{background:#16425b;color:#ebfaff}
.uv-command-login .subtle-link{color:#80c5fb;font-size:11px}
.uv-command-login .notice{margin-bottom:13px}
@media(max-width:1150px){.uv-command-login .login-command{grid-template-columns:1fr}.uv-command-login .login-hero{display:none}.uv-command-login .login-side{min-height:100svh;padding:28px 24px}}
@media(max-width:850px){.uv-command-app .cc-shell{padding-left:0}.uv-command-app .cc-sidebar{position:relative;top:auto;left:auto;width:100%;height:auto;min-height:0;overflow:visible}.uv-command-app .cc-logo-wrap{height:60px}.uv-command-app .cc-menu{display:flex;overflow-x:auto;gap:5px;padding:5px 10px}.uv-command-app .cc-menu-title,.uv-command-app .cc-side-user{display:none}.uv-command-app .cc-menu a{white-space:nowrap;flex-shrink:0}.uv-command-app .cc-topbar{position:relative;left:auto;right:auto;height:auto;min-height:46px;padding:8px 12px}.uv-command-app .cc-content{padding-top:0}.uv-command-app .uv-command-content{padding:20px 14px 50px}.uv-command-app .uv-command-content-live{padding:0}.uv-command-app .monitor-workspace-head{top:0}.uv-command-app .monitor-library{left:0;top:0}}
@media(max-width:580px){.uv-command-login .login-side{padding:22px 18px}.uv-command-login .login-box{width:100%}.uv-command-app .cc-crumb{flex-wrap:wrap}.uv-command-app .system-pill{font-size:8px}.uv-command-app .monitor-grid-wrap{padding:7px}}
@media(prefers-reduced-motion:reduce){.uv-command-app *, .uv-command-login *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.uv-command-app .monitor-grid{--monitor-cols:2;--monitor-rows:2}
