/* Desktop hive: one screen, with the overview and working browser side by side.
   Short/zoomed viewports retain natural scrolling rather than clipping controls. */
/* The compact navigation is shared by every route, not just the hive. */
@media(min-width:1200px){
  .topbar{height:56px;min-height:56px;padding:0 24px;gap:24px;flex-wrap:nowrap}
  .topbar>.brand{font-size:24px}
  .topbar>.brand img{width:38px;height:38px}
  .topbar>nav{gap:16px;margin:0;width:auto;order:0;height:100%}
  .topbar>nav a{font-size:12px}
  .topbar>.header-actions{gap:8px}
  .topbar>.header-actions .local-label{display:none}
}
@media(min-width:1200px) and (min-height:720px){
  body.hive-home main{width:calc(100% - 48px);max-width:1920px;height:calc(100dvh - 90px);margin:auto}
  body.hive-home #view-live{height:100%;padding:16px 0;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.25fr);grid-template-rows:auto auto auto minmax(0,1fr);gap:12px 26px}
  #view-live>.intro{grid-column:1;grid-row:1;display:block;padding:0;min-width:0}
  #view-live .hive-card{display:none}
  #view-live .intro h1{font-size:clamp(34px,3.3vw,58px);line-height:1.08;letter-spacing:-1.8px;margin:10px 0}
  #view-live .intro h1 br{display:block}
  #view-live .intro h1 em{margin-left:0}
  #view-live .intro-copy>p{font-size:14px;line-height:1.6}
  #view-live .intro-copy>p br{display:none}
  #view-live .intro-links{margin-top:10px;font-size:12px}
  #view-live>.metrics{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
  #view-live .metrics>div{padding:8px 12px}
  #view-live .metrics>div:nth-child(2){border-right:0}
  #view-live .metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  #view-live .metrics>div>span{font-size:12px;letter-spacing:0}
  #view-live .metrics strong,#view-live .metrics .queen-value{font-size:24px;line-height:1.1;margin:5px 0 0}
  #view-live .metrics small{display:none}
  #view-live>.notice-strip{grid-column:1;grid-row:3;margin:0;padding:9px 11px;gap:9px;align-items:start}
  #view-live .notice-strip p{font-size:12px;line-height:1.5}
  #view-live .notice-strip>a{display:none}
  #view-live>.observation{grid-column:2;grid-row:1/-1;min-height:0;min-width:0;margin:0;display:grid;grid-template-rows:28px minmax(0,1fr) 105px;gap:8px}
  #view-live .observation>.section-bar{margin:0;padding:0;min-width:0}
  #view-live .observation>.section-bar .secondary{display:none}
  #view-live .observation-layout{min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(180px,1fr) 132px;gap:8px}
  #view-live .browser-panel:not(.expanded){min-height:0;display:flex;flex-direction:column}
  #view-live .browser-panel:not(.expanded) .browser-stage{flex:1;min-height:0;max-height:none;aspect-ratio:auto;container-type:size;background:#080b08}
  #view-live .browser-panel:not(.expanded) #capture-layer{width:min(100cqw,177.7778cqh);height:min(100cqh,56.25cqw);inset:0;margin:auto;transform:none;aspect-ratio:16/9}
  #view-live .browser-toolbar{height:34px;padding:0 9px;gap:7px;flex:none}
  #view-live .browser-toolbar .traffic{display:none}
  #view-live .browser-toolbar strong,#view-live .browser-toolbar>a,#view-live .bee-position{font-size:12px;white-space:nowrap}
  #view-live .browser-url{min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #view-live .browser-foot{height:30px;padding:0 10px;flex:none}
  #view-live .browser-foot,#view-live .browser-foot>span:nth-child(2),#view-live .browser-foot>button{font-size:12px}
  #view-live .bee-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:25px minmax(0,1fr);min-height:0;overflow:hidden}
  #view-live .sidebar-heading{grid-column:1;grid-row:1;padding:5px 9px;height:auto;font-size:12px}
  #view-live #bee-list{grid-column:1;grid-row:2;display:flex;min-height:0;max-height:none;overflow:auto;align-self:stretch}
  #view-live .bee-row{min-width:115px;flex:1;display:block;padding:8px;border-left:0;border-top:2px solid transparent}
  #view-live .bee-row.active{border-top-color:var(--yellow)}
  #view-live .bee-avatar{width:24px;height:24px;float:left;margin:0 5px 4px 0}
  #view-live .bee-row strong{font-size:12px;display:block}
  #view-live .bee-row strong span{display:block}
  #view-live .bee-row small{font-size:12px;clear:both;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #view-live .bee-state{display:block;clear:both;font-size:12px;margin-top:5px}
  #view-live .worker-info{grid-column:2;grid-row:1/-1;min-width:0;overflow:auto;padding:9px;border-left:1px solid var(--line)}
  #view-live .worker-info>div:first-child{font-size:12px}
  #view-live .worker-info h3{font-size:14px;margin:4px 0}
  #view-live .worker-info p{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  #view-live .micro-progress{margin-top:8px}
  #view-live .worker-progress-label{font-size:12px;margin-top:5px}
  #view-live .hatch-outline,#view-live .sidebar-fine{display:none}
  #view-live .terminal{margin:0;min-height:0;display:flex;flex-direction:column}
  #view-live .terminal-top{padding:6px 10px;font-size:12px;flex:none}
  #view-live .log-lines{height:auto;min-height:0;flex:1;padding:4px 10px;overflow:auto}
  #view-live .log-line{font-size:12px;grid-template-columns:65px 55px 40px 1fr;gap:8px;padding:3px 0}
  #view-live>.bottom-panels{grid-column:1;grid-row:4;align-self:start;display:grid;grid-template-columns:1fr;gap:8px;margin:0;min-height:0}
  #view-live .bottom-panels .section-bar{padding:7px 10px}
  #view-live .bottom-panels .section-bar h2{font-size:14px}
  #view-live .bottom-panels .secondary{display:none}
  #view-live .pipeline-steps>div{padding:8px 10px;display:flex;gap:8px;align-items:center}
  #view-live .pipeline-steps>div>span{margin:0;font-size:12px}
  #view-live .pipeline-steps strong{font-size:14px}
  #view-live .pipeline-steps p,#view-live .pipeline-steps small{display:none}
  #view-live .queen-card-body{padding:9px 12px;gap:14px}
  #view-live .queen-glyph{font-size:38px}
  #view-live .queen-card-body h3{font-size:14px}
  #view-live .queen-card-body p{font-size:12px;line-height:1.4;margin:5px 0;max-width:none}
  #view-live .queen-card-body a{font-size:12px}
  body.hive-home footer{width:calc(100% - 48px);max-width:1920px;height:34px;margin:0 auto;padding:0;gap:15px;font-size:12px}
  body.hive-home footer>a{font-size:15px}
  body.hive-home footer img{width:24px;height:24px}
  body.hive-home footer>div{font-size:12px}
  body.hive-home footer .local-label{font-size:12px}
}
@media(min-width:1200px) and (min-height:720px) and (max-height:780px){
  #view-live .intro h1{font-size:34px;margin:7px 0;line-height:1.05}
  #view-live .intro-copy>p{font-size:14px;line-height:1.45}
  #view-live .intro-links{margin-top:7px}
  #view-live .queen-card-body h3{display:none}
  body.hive-home #view-live{gap:9px 24px;padding:12px 0}
}