/* QUBRO v1.20.0 — engineering brand layer. Visual only; never changes layouts,
   pointer events, touch-action, deck geometry or viewer/CAD functionality. */
:root{
  --bg:#0D1117;--panel:#161E29;--border:#394557;--aqua:#FF9D42;
  --muted:#A8B4C5;--green:#26C56E;
  --qubro-bg:#0D1117;--qubro-panel:#161E29;--qubro-steel:#3B4656;
  --qubro-orange:#FF7A00;--qubro-orange-light:#FFAB54;
  --qubro-x:#FF4D4F;--qubro-y:#26C56E;--qubro-z:#338CFF;
}
html{color-scheme:dark}
body{background:radial-gradient(ellipse 75% 470px at 50% -180px,#2A3344 0,transparent 100%),var(--qubro-bg);color:#F0F3F8}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{
  outline-color:#FFAB54;outline-offset:2px
}
.topbar{border-bottom-color:#3B4656;background:linear-gradient(110deg,#151C27,#101620)}
.brand{min-width:0;gap:9px}
.brand-icon{
  width:48px;height:48px;flex:none;border-color:#57616E;
  border-radius:12px;background:#101821;
  box-shadow:inset 0 1px 0 #ffffff19,0 3px 16px #0005
}
.brand-icon img{display:block;width:43px;height:43px;object-fit:contain}
.brand-text{min-width:0}
.brand-text strong{font-size:clamp(17px,2.1vw,21px);letter-spacing:.11em;color:#F7F8FB;font-weight:850}
.brand-text small{font-size:9px;letter-spacing:.1em;color:#AAB6C5}
.brand-text .version{color:#FFC28A}
.local-badge{background:#152821;border-color:#315C42;color:#A5F5C5}
.status-dot,.footer-pulse{background:#26C56E}
.intro .eyebrow{color:#F4B781}
.eyebrow-line{background:#FF7A00}
.intro h1 em{color:#FFA151}
.intro p{color:#BCC6D2}
.hero-open,
#io-dock .io-import,
#io-dock #cw-mobile-launch,
#cad-workspace-lab #cw-edit-apply,
#cad-workspace-lab #cw-section-create{
  background:linear-gradient(135deg,#FF9636,#F57200);
  color:#181713;border-color:#FFAD5E;font-weight:800;
  box-shadow:0 4px 18px #FF7A0026
}
.hero-open:hover,#io-dock .io-import:hover,#io-dock #cw-mobile-launch:hover{
  filter:brightness(1.09)
}
.viewport-card,.properties-card{border-color:#394557;background:#161E29}
.viewport-top,.viewport-bottom{background:#17202B;border-color:#394557}
.viewport-body{
  background:radial-gradient(ellipse at 50% 45%,#253346 0,#151E2A 43%,#0C121B 90%)
}
.model-symbol{background:#323B49;color:#FFAA53}
.model-title small,.viewport-bottom>span{color:#ADBAC9}
.view-controls{background:#111A25e8;border-color:#455262}
.view-btn.active{background:#674019;color:#FFE4CB}
.small-action.active{background:#563718;border-color:#D7822B;color:#FFCC94}
.icon-btn{background:#222E3C;border-color:#495869;color:#DFE5ED}
.viewer-hud{color:#B9C3D0}
.hud-dot{background:#FF7A00}
.gizmo-x{color:var(--qubro-x)!important}
.gizmo-y{color:var(--qubro-y)!important}
.gizmo-z{color:var(--qubro-z)!important}
.measure-tag{background:#362715;color:#FFBD7C;border-color:#76502B}
.property{background:linear-gradient(145deg,#1E2936,#19232F);border-color:#3F4C5A}
.prop-label small,.brand-text strong span{color:#FFAD61}
.scene-tree{background:#131E29;border-color:#455261}
.scene-item{background:#202D3B;border-color:#4C5A6B}
.scene-item.selected{border-color:#F28C33;box-shadow:inset 3px 0 0 #FF7A00}
#tools-deck-shell .tools-deck-head,
#files-deck-shell .tools-deck-head{
  background:linear-gradient(135deg,#272D36,#191F2B);border-color:#69503C
}
.tools-deck-eyebrow{color:#E9BB94}
.files-deck-shell{border-top-color:#6D5238}
.jump-nav a.active,.files-nav a.active{
  color:#FFE3C8;background:#56371F;border-color:#C87732
}
#cad-workspace-lab{
  --aqua:#FF9D42;--border:#576070
}
.cad-workspace-lab{
  background:linear-gradient(145deg,#252B35,#18212B);
  border-color:#7C5A40
}
.cad-workspace-lab h3{color:#FFE9D7}
.cad-workspace-lab .cw-edit-tool{
  background:#252B32;border-color:#875C38
}
.cad-workspace-lab .cw-edit-tool h3{color:#FFE4CC}
.cad-workspace-lab .cw-edit-status{background:#26342B;border-left-color:#26C56E;color:#DAEFDE}
#viewer .cw-touch-hint{
  background:#332718f2;border-color:#E19B59;color:#FFECDA
}
#viewer .cw-touch-hint button{
  background:#63401D;border-color:#F3AA65;color:#FFFFFF
}
#viewer.cw-topology-picking{outline-color:#FF9B44}
/* Keep axes semantically consistent in every theme. */
.axis-x,.coord-x{color:var(--qubro-x)}
.axis-y,.coord-y{color:var(--qubro-y)}
.axis-z,.coord-z{color:var(--qubro-z)}
footer.project-small a{color:#FFC18A!important}
/* Avoid enlarging controls in mobile / immersive mode. Only update colors. */
@media(max-width:540px){
 .topbar{padding-left:12px;padding-right:12px}
 .brand-icon{width:39px;height:39px;border-radius:10px}
 .brand-icon img{width:35px;height:35px}
 .brand-text strong{font-size:17px;letter-spacing:.07em}
 .brand-text small{font-size:8px;letter-spacing:.04em}
}
@media(prefers-reduced-motion:reduce){
 .hero-open,#io-dock .io-import,#io-dock #cw-mobile-launch{transition:none}
}