/* GroundCheck typography and canvas-view layout match — visual only. */
html,body{
  font-family:'Segoe UI',Arial,sans-serif!important;
  font-size:13px!important;
}
button,input,select,textarea{font-family:'Segoe UI',Arial,sans-serif!important}
.titlebar .brand{font-size:13px!important}
.titlebar .brand span,.titlebar .file{font-size:12px!important}
.tab{font-size:12px!important;padding:0 14px!important;height:28px!important;border-radius:0!important;display:flex!important;align-items:center!important}
.tabs{height:28px!important;padding:0!important;gap:0!important}
.tools{padding:4px 8px!important;gap:4px!important}
.tool{min-width:52px!important;padding:4px 8px!important;gap:2px!important;border-radius:6px!important;box-shadow:none!important}
.tool span:first-child{font-size:18px!important}.tool small{font-size:10px!important;line-height:1.2!important}
.panel h3{font-size:12px!important;padding:8px 12px!important}
.group-title{font-size:11px!important}.item b{font-size:12px!important}.item small{font-size:10px!important}
.field label{font-size:10px!important}.field input,.field select,.field textarea{font-size:11px!important}
.section h4{font-size:12px!important}.bottom-tabs button{font-size:12px!important}

/* Remove the Lightning full-width view dock and use GroundCheck positions. */
.view-dock{position:static!important;display:contents!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.view-dock-label{display:none!important}

/* GroundCheck: compact 2D/3D switch at upper-right. */
.view-dock .view-switch{
  position:absolute!important;top:8px!important;right:8px!important;left:auto!important;z-index:15!important;
  display:flex!important;gap:0!important;margin:0!important;padding:0!important;
  background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:6px!important;
  overflow:hidden!important;box-shadow:none!important;
}
.view-dock .view-switch button{
  min-width:0!important;width:auto!important;height:auto!important;padding:5px 14px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--muted)!important;font-size:12px!important;font-weight:400!important;line-height:1.2!important;
}
.view-dock .view-switch button:hover{background:var(--accent2)!important;color:var(--accent)!important}
.view-dock .view-switch button.active{background:#2e6fbb!important;color:#fff!important;font-weight:400!important}

/* GroundCheck: canvas command buttons centered at the top. */
.view-dock .canvas-toolbar{
  position:absolute!important;top:8px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  z-index:14!important;display:flex!important;align-items:center!important;gap:4px!important;
  padding:4px!important;margin:0!important;background:var(--panel)!important;border:1px solid var(--line)!important;
  border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.20)!important;backdrop-filter:none!important;
}
.view-dock .canvas-toolbar>button,.view-dock .canvas-toolbar .tool[data-tool="select"]{
  width:auto!important;min-width:30px!important;height:28px!important;padding:0 7px!important;margin:0!important;
  border:1px solid transparent!important;border-radius:4px!important;background:transparent!important;
  color:var(--text)!important;font-size:11px!important;font-weight:400!important;box-shadow:none!important;
}
.view-dock .canvas-toolbar>button:hover,.view-dock .canvas-toolbar .tool[data-tool="select"]:hover{
  background:var(--accent2)!important;border-color:var(--line)!important;color:var(--accent)!important;
}
.view-dock .canvas-toolbar .tool[data-tool="select"]{gap:3px!important}
.view-dock .canvas-toolbar .tool[data-tool="select"] span{font-size:13px!important}
.view-dock .canvas-toolbar .tool[data-tool="select"] small{font-size:10px!important;font-weight:400!important}
.view-dock .canvas-toolbar .tool[data-tool="select"].tool-active{background:var(--accent2)!important;border-color:var(--accent)!important;color:var(--accent)!important}

/* Keep the 3D-specific controls below the top row, without moving the 2D/3D selector. */
.view-dock .view3d-controls{
  position:absolute!important;top:48px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  z-index:13!important;max-width:calc(100% - 24px)!important;padding:5px!important;
  background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:8px!important;
  box-shadow:0 2px 8px rgba(0,0,0,.22)!important;overflow-x:auto!important;
}
.view-dock .view3d-controls.show{display:flex!important}
.view-dock .view3d-group{padding-right:6px!important}
.view-dock .view3d-controls button{height:28px!important;padding:0 8px!important;font-size:11px!important;border-radius:4px!important}
.view-dock .scale-control label,.view-dock .scale-value{font-size:10px!important}

@media(max-width:760px){
  .view-dock .canvas-toolbar{left:8px!important;transform:none!important}
  .view-dock .canvas-toolbar .tool[data-tool="select"] small{display:none!important}
  #expandCanvasBtn{font-size:0!important}#expandCanvasBtn::after{content:'⛶';font-size:14px!important}
  .view-dock .view-switch button{padding:5px 10px!important}
}