body.beta-ui{--beta-glow:color-mix(in srgb,var(--brand) 15%,transparent)}
body.beta-ui .topnav{display:none}
body.beta-ui .app-shell{max-width:1660px;padding-top:18px}
.beta-shell{display:grid;gap:22px}
.beta-header{
  position:sticky;top:8px;z-index:60;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:18px;padding:11px 14px;
  border:1px solid var(--line);border-radius:18px;
  background:color-mix(in srgb,var(--panel) 94%,transparent);
  backdrop-filter:blur(16px);box-shadow:var(--shadow-soft)
}
.beta-brand{display:flex;align-items:center;gap:9px}
.beta-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--brand-soft);font-size:20px}
.beta-brand b,.beta-brand small{display:block}
.beta-brand b{font-size:.96rem}
.beta-brand small{margin-top:2px;color:var(--muted);font-size:.56rem;font-weight:850;letter-spacing:.07em}
.beta-nav{display:flex;gap:5px;align-items:center;min-width:0;overflow:auto}
.beta-nav a,.beta-nav button{
  appearance:none;border:0;background:transparent;color:var(--muted);
  padding:8px 10px;border-radius:10px;font:inherit;font-size:.75rem;font-weight:800;
  text-decoration:none;white-space:nowrap;cursor:pointer
}
.beta-nav a:hover,.beta-nav button:hover,.beta-nav a.active{background:var(--panel-2);color:var(--ink)}
.beta-nav a.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 45%,var(--line));background:var(--brand-soft);color:var(--brand-ink)}
.beta-header-actions{display:flex;justify-content:flex-end}
.beta-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:30px 4px 12px}
.beta-kicker{font-size:.62rem;font-weight:900;letter-spacing:.12em;color:var(--brand);text-transform:uppercase}
.beta-hero h1{margin:5px 0 7px;font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.055em;line-height:.95}
.beta-hero p{margin:0;color:var(--muted);font-size:1rem;max-width:720px}
.beta-summary{display:flex;gap:8px}
.beta-summary>div{min-width:112px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.beta-summary b,.beta-summary span{display:block}
.beta-summary b{font-size:1.6rem}
.beta-summary span{margin-top:2px;color:var(--muted);font-size:.65rem}
.beta-section{display:grid;gap:12px}
.beta-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.beta-section-head.compact{align-items:center}
.beta-section-head>div:first-child>span{display:block;color:var(--muted);font-size:.58rem;font-weight:900;letter-spacing:.1em}
.beta-section-head h2{margin:3px 0 0;font-size:1.25rem;letter-spacing:-.025em}
.beta-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(470px,100%),1fr));gap:14px}
.beta-room-card,.beta-panel{border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow-soft)}
.beta-room-card{padding:18px;display:grid;gap:14px}
.beta-room-card:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));box-shadow:0 18px 55px var(--beta-glow)}
.beta-room-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.beta-room-identity{display:flex;gap:12px;min-width:0}
.beta-room-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:var(--brand-soft);font-size:1.35rem}
.beta-room-card h2{margin:2px 0 3px;font-size:1.35rem}
.beta-room-card p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.45}
.beta-live{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;font-size:.62rem;font-weight:850;background:var(--panel-2);color:var(--muted);white-space:nowrap}
.beta-live.online{color:var(--good);background:color-mix(in srgb,var(--good) 12%,var(--panel))}
.beta-live.stale{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,var(--panel))}
.beta-metric-grid,.beta-focus-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.beta-focus-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.beta-metric{appearance:none;text-align:left;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);color:var(--ink);padding:10px;min-width:0}
.beta-metric>span,.beta-metric>b,.beta-metric>small{display:block}
.beta-metric>span{color:var(--muted);font-size:.62rem;font-weight:780}
.beta-metric>b{margin:5px 0 2px;font-size:1.18rem;letter-spacing:-.025em;white-space:nowrap}
.beta-metric>small{color:var(--muted);font-size:.54rem}
.beta-metric.clickable{cursor:pointer}
.beta-metric.clickable:hover,.beta-metric.clickable:focus-visible{border-color:var(--brand);background:var(--brand-soft);outline:none}
.beta-metric:disabled{opacity:.62}
.beta-actor-row{display:flex;gap:6px;flex-wrap:wrap}
.beta-actor{padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);font-size:.62rem;color:var(--muted)}
.beta-actor b{margin-left:4px;color:var(--ink)}
.beta-actor.on{border-color:color-mix(in srgb,var(--good) 45%,var(--line));color:var(--good)}
.beta-actor.off{opacity:.72}
.beta-actor.unknown{border-style:dashed}
.beta-relay-row{display:flex;gap:6px;flex-wrap:wrap}
.beta-relay{display:inline-grid;grid-template-columns:auto auto;gap:5px;align-items:center;padding:5px 8px;border:1px solid var(--line);border-radius:9px;font-size:.58rem;color:var(--muted);background:var(--surface-inset)}
.beta-relay b{color:var(--ink)}
.beta-relay.on{border-color:color-mix(in srgb,var(--good) 50%,var(--line));color:var(--good)}
.beta-relay.off{opacity:.72}
.beta-relay.unknown{border-style:dashed}
.beta-relay-row.large .beta-relay{padding:8px 10px;font-size:.66rem}
.beta-room-actions{display:flex;gap:7px;flex-wrap:wrap}
.beta-truth{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:13px 15px;border:1px dashed var(--line);border-radius:15px;color:var(--muted);font-size:.68rem}
.beta-truth b{color:var(--ink)}
.beta-room-page{display:grid;gap:16px}
.beta-room-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;padding:18px 2px 4px}
.beta-back{display:inline-block;margin-bottom:10px;color:var(--brand);text-decoration:none;font-size:.7rem;font-weight:850}
.beta-room-title{display:flex;gap:14px;align-items:center}
.beta-room-title>span{font-size:2.2rem}
.beta-room-title h1{margin:3px 0 4px;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.96;letter-spacing:-.05em}
.beta-room-title p{margin:0;color:var(--muted)}
.beta-room-page-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.beta-room-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.55fr);gap:14px;align-items:start}
.beta-stack{display:grid;gap:14px}
.beta-panel{padding:16px}
.beta-panel-note{margin:0 0 11px;color:var(--muted);font-size:.68rem}
.beta-actor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.beta-actor-grid>div{display:grid;gap:4px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}
.beta-actor-grid span{font-size:.63rem;color:var(--muted)}
.beta-actor-grid b{font-size:.95rem}
.beta-actor-grid .on{border-color:color-mix(in srgb,var(--good) 50%,var(--line))}
.beta-actor-grid .on b{color:var(--good)}
.beta-actor-grid .unknown{border-style:dashed}
.beta-actor-grid small{color:var(--muted);font-size:.55rem}
.beta-relay-block{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:16px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.beta-relay-block>div:first-child b,.beta-relay-block>div:first-child small{display:block}
.beta-relay-block>div:first-child small{margin-top:3px;color:var(--muted);font-size:.6rem}
.beta-source-list{display:grid;gap:7px}
.beta-source-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2)}
.beta-source-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}
.beta-source-dot.online{background:var(--good)}
.beta-source-dot.stale{background:var(--warn)}
.beta-source-row b,.beta-source-row small{display:block}
.beta-source-row small{margin-top:2px;color:var(--muted);font-size:.57rem}
.beta-source-row>span:last-child{font-size:.57rem;color:var(--muted)}
.beta-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.beta-edit-grid label{display:grid;gap:5px}
.beta-edit-grid label>span{font-size:.62rem;font-weight:800;color:var(--muted)}
.beta-edit-grid .wide{grid-column:1/-1}
.beta-edit-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.beta-tool-list{display:grid;gap:7px;margin-top:10px}
.beta-tool-list a,.beta-tool-list button{appearance:none;text-decoration:none;text-align:left;display:grid;gap:2px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--ink);padding:10px;cursor:pointer}
.beta-tool-list a:hover,.beta-tool-list button:hover{border-color:var(--brand);background:var(--brand-soft)}
.beta-tool-list b{font-size:.72rem}
.beta-tool-list span{color:var(--muted);font-size:.57rem}
.beta-domain-truth{display:grid;gap:8px}
.beta-domain-truth>div:not(.beta-kicker){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;font-size:.62rem}
.beta-domain-truth span{color:var(--muted)}
.beta-domain-truth code{font-size:.52rem;max-width:165px;overflow:hidden;text-overflow:ellipsis}
.beta-empty{grid-column:1/-1;text-align:center;padding:44px;border:1px dashed var(--line);border-radius:20px;background:var(--panel)}
.beta-empty h2{margin:0}
.beta-empty p{color:var(--muted)}
.beta-empty-inline{padding:12px;color:var(--muted);font-size:.65rem}
.beta-relay-history{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.beta-relay-controls{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.beta-relay-controls button{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:9px;padding:6px 8px;font-size:.62rem;font-weight:780;cursor:pointer}
.beta-relay-controls button.active{border-color:var(--brand);background:var(--brand-soft)}
.beta-relay-controls button:disabled{opacity:.35;cursor:not-allowed}
.beta-relay-controls small{margin-left:4px;color:var(--muted)}
.beta-relay-lane .analytics-lane-track{background:repeating-linear-gradient(135deg,var(--surface-inset),var(--surface-inset) 7px,color-mix(in srgb,var(--line) 35%,var(--surface-inset)) 7px,color-mix(in srgb,var(--line) 35%,var(--surface-inset)) 8px)}
.beta-relay-seg{position:absolute;top:0;bottom:0}
.beta-relay-seg.on{background:var(--good);opacity:.78}
.beta-relay-seg.off{background:var(--muted);opacity:.12}
.beta-relay-seg.unknown{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--warn) 30%,transparent),color-mix(in srgb,var(--warn) 30%,transparent) 4px,transparent 4px,transparent 8px);opacity:.85}
.beta-relay-note{margin-top:8px;color:var(--muted);font-size:.56rem;line-height:1.45}

@media(max-width:1100px){
  .beta-header{grid-template-columns:auto 1fr}
  .beta-header-actions{grid-column:1/-1;justify-content:flex-start}
  .beta-focus-metrics{grid-template-columns:repeat(3,1fr)}
  .beta-room-columns{grid-template-columns:1fr}
}
@media(max-width:760px){
  body.beta-ui .app-shell{padding-left:10px;padding-right:10px}
  .beta-header{position:static;grid-template-columns:1fr}
  .beta-nav{order:3}
  .beta-header-actions{grid-column:auto}
  .beta-hero{grid-template-columns:1fr}
  .beta-summary{overflow:auto}
  .beta-room-grid{grid-template-columns:1fr}
  .beta-metric-grid,.beta-focus-metrics{grid-template-columns:repeat(2,1fr)}
  .beta-room-card-head,.beta-room-page-head{align-items:flex-start;flex-direction:column}
  .beta-room-page-actions{justify-content:flex-start}
  .beta-actor-grid{grid-template-columns:repeat(2,1fr)}
  .beta-relay-block{grid-template-columns:1fr}
}
@media(max-width:470px){
  .beta-metric-grid,.beta-focus-metrics,.beta-actor-grid,.beta-edit-grid{grid-template-columns:1fr 1fr}
  .beta-edit-grid .wide{grid-column:1/-1}
  .beta-summary>div{min-width:92px}
}


/* Room-first BETA 0.3 — context-aware adaptive rail + mobile slide drawer */
body.beta-ui .app-shell{max-width:1840px;padding-top:10px}
body.beta-ui.beta-drawer-open{overflow:hidden}

.beta-shell{gap:0}
.beta-skip-link{
  position:fixed;left:16px;top:-60px;z-index:140;
  padding:9px 12px;border:1px solid var(--brand);border-radius:10px;
  background:var(--panel);color:var(--brand-ink);font-size:.72rem;font-weight:850;
  text-decoration:none;box-shadow:var(--shadow)
}
.beta-skip-link:focus{top:14px}
.beta-topbar{
  position:sticky;top:8px;z-index:80;
  min-height:58px;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);
  align-items:center;gap:14px;padding:8px 10px;
  border:1px solid var(--line);border-radius:17px;
  background:color-mix(in srgb,var(--panel) 94%,transparent);
  backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)
}
.beta-topbar-left,.beta-top-actions{display:flex;align-items:center;gap:8px}
.beta-top-actions{justify-content:flex-end}
.beta-brand{color:var(--ink);text-decoration:none}
.beta-menu-trigger,.beta-icon-action,.beta-rail-toggle{
  appearance:none;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);
  display:grid;place-items:center;width:38px;height:38px;border-radius:11px;
  text-decoration:none;cursor:pointer;font:inherit
}
.beta-menu-trigger{display:none;font-size:1rem}
.beta-icon-action:hover,.beta-menu-trigger:hover,.beta-rail-toggle:hover{border-color:var(--brand);background:var(--brand-soft)}
.beta-top-context{text-align:center;line-height:1.1}
.beta-top-context span,.beta-top-context b{display:block}
.beta-top-context span{font-size:.53rem;font-weight:900;letter-spacing:.12em;color:var(--muted)}
.beta-top-context b{margin-top:3px;font-size:.74rem}
.beta-context-switcher{
  display:grid;grid-template-columns:auto minmax(150px,240px) auto;
  gap:7px;align-items:center
}
.beta-context-switcher>span{
  font-size:.5rem;font-weight:900;letter-spacing:.1em;color:var(--muted)
}
.beta-context-switcher select{
  min-width:0;padding:7px 30px 7px 10px;border-radius:9px;
  border:1px solid var(--line);background:var(--panel-2);color:var(--ink);
  font-size:.7rem;font-weight:820
}
.beta-context-switcher small{color:var(--muted);font-size:.55rem;white-space:nowrap}

.beta-frame{
  display:grid;grid-template-columns:214px minmax(0,1fr);gap:18px;
  align-items:start;padding-top:18px;transition:grid-template-columns .2s ease
}
.beta-frame.compact{grid-template-columns:68px minmax(0,1fr)}
.beta-content{min-width:0;display:grid;gap:22px;outline:none}
.beta-rail{
  position:sticky;top:84px;z-index:55;height:calc(100vh - 98px);
  display:flex;flex-direction:column;gap:12px;padding:10px;
  border:1px solid var(--line);border-radius:18px;
  background:color-mix(in srgb,var(--panel) 96%,transparent);
  box-shadow:var(--shadow-soft);overflow:hidden
}
.beta-rail-head{height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.beta-rail-caption,.beta-nav-group-title{
  font-size:.52rem;font-weight:900;letter-spacing:.12em;color:var(--muted);white-space:nowrap
}
.beta-rail-toggle{width:30px;height:30px;border-radius:9px}
.beta-rail-nav{display:grid;gap:13px;overflow:auto}
.beta-nav-group{display:grid;gap:4px}
.beta-nav-group-title{padding:2px 8px 4px}
.beta-rail-nav a,.beta-rail-nav button,.beta-rail-foot a{
  appearance:none;width:100%;border:0;background:transparent;color:var(--muted);
  display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;
  min-height:39px;padding:4px 7px;border-radius:11px;text-decoration:none;text-align:left;
  font:inherit;font-size:.72rem;font-weight:800;cursor:pointer;white-space:nowrap
}
.beta-rail-nav a:hover,.beta-rail-nav button:hover,.beta-rail-foot a:hover{
  background:var(--panel-2);color:var(--ink)
}
.beta-rail-nav a.active{
  color:var(--brand-ink);background:var(--brand-soft);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 42%,var(--line))
}
.beta-nav-icon{display:grid;place-items:center;width:30px;height:30px;font-size:.9rem}
.beta-nav-label{overflow:hidden;text-overflow:ellipsis}
.beta-space-nav{
  padding-top:10px;border-top:1px solid var(--line)
}
.beta-space-link .beta-space-icon{
  display:grid;place-items:center;width:30px;height:30px;border-radius:9px;
  background:var(--surface-inset);border:1px solid var(--line);font-size:.8rem
}
.beta-space-link .beta-nav-label b,
.beta-space-link .beta-nav-label small{display:block;overflow:hidden;text-overflow:ellipsis}
.beta-space-link .beta-nav-label b{font-size:.68rem;color:var(--ink)}
.beta-space-link .beta-nav-label small{margin-top:1px;font-size:.49rem;color:var(--muted)}
.beta-space-link.active .beta-space-icon{background:var(--brand-soft);border-color:var(--brand)}
.beta-rail-foot{margin-top:auto;display:grid;gap:5px;border-top:1px solid var(--line);padding-top:9px}
.beta-rail-foot small{padding:0 8px;color:var(--muted);font-size:.49rem;line-height:1.4}
.beta-frame.compact .beta-nav-label,
.beta-frame.compact .beta-nav-group-title,
.beta-frame.compact .beta-rail-caption{display:none}
.beta-frame.compact .beta-rail-nav a,
.beta-frame.compact .beta-rail-nav button,
.beta-frame.compact .beta-rail-foot a{grid-template-columns:1fr;padding:4px}
.beta-frame.compact .beta-rail-head{justify-content:center}
.beta-frame.compact .beta-rail-toggle{transform:rotate(180deg)}

.beta-drawer-scrim{display:none}
.beta-room-tabs{
  position:sticky;top:78px;z-index:48;
  display:flex;gap:5px;overflow-x:auto;padding:7px;
  border:1px solid var(--line);border-radius:14px;
  background:color-mix(in srgb,var(--panel) 95%,transparent);backdrop-filter:blur(16px)
}
.beta-room-tabs a{
  flex:0 0 auto;padding:7px 10px;border-radius:9px;
  color:var(--muted);text-decoration:none;font-size:.64rem;font-weight:820
}
.beta-room-tabs a:hover,.beta-room-tabs a:focus-visible,
.beta-room-tabs a.active{
  color:var(--brand-ink);background:var(--brand-soft);outline:none
}
.beta-room-tabs a.active{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 42%,var(--line))
}
.beta-scroll-target{scroll-margin-top:132px}

.beta-hero{padding-top:18px}
.beta-hero h1{font-size:clamp(2.25rem,4.5vw,4rem)}
.beta-room-page-head{padding-top:8px}

@media(max-width:1100px){
  .beta-frame{grid-template-columns:68px minmax(0,1fr)}
  .beta-frame .beta-nav-label,
  .beta-frame .beta-nav-group-title,
  .beta-frame .beta-rail-caption{display:none}
  .beta-frame .beta-rail-nav a,
  .beta-frame .beta-rail-nav button,
  .beta-frame .beta-rail-foot a{grid-template-columns:1fr;padding:4px}
  .beta-frame .beta-rail-head{justify-content:center}
  .beta-topbar{grid-template-columns:minmax(200px,1fr) auto minmax(180px,1fr)}
}

@media(max-width:760px){
  body.beta-ui .app-shell{padding:7px 8px 16px}
  .beta-topbar{
    top:6px;grid-template-columns:minmax(0,1fr) auto;
    min-height:54px;border-radius:15px;padding:7px 8px
  }
  .beta-menu-trigger{display:grid}
  .beta-top-context,.beta-context-switcher{display:none}
  .beta-classic-top{display:none}
  .beta-brand small{font-size:.5rem}
  .beta-frame,.beta-frame.compact{display:block;padding-top:12px}
  .beta-content{gap:16px}
  .beta-rail{
    position:fixed;z-index:100;left:8px;top:8px;bottom:8px;
    width:min(300px,calc(100vw - 42px));height:auto;
    transform:translateX(calc(-100% - 20px));transition:transform .22s ease;
    border-radius:18px;padding:12px
  }
  .beta-frame .beta-nav-label,
  .beta-frame .beta-nav-group-title,
  .beta-frame .beta-rail-caption,
  .beta-frame.compact .beta-nav-label,
  .beta-frame.compact .beta-nav-group-title,
  .beta-frame.compact .beta-rail-caption{display:block}
  .beta-frame .beta-rail-nav a,
  .beta-frame .beta-rail-nav button,
  .beta-frame .beta-rail-foot a,
  .beta-frame.compact .beta-rail-nav a,
  .beta-frame.compact .beta-rail-nav button,
  .beta-frame.compact .beta-rail-foot a{grid-template-columns:30px minmax(0,1fr);padding:4px 7px}
  .beta-frame .beta-rail-head,.beta-frame.compact .beta-rail-head{justify-content:space-between}
  .beta-rail-toggle{display:none}
  body.beta-drawer-open .beta-rail{transform:translateX(0)}
  .beta-drawer-scrim{
    position:fixed;inset:0;z-index:95;border:0;padding:0;
    background:rgba(0,0,0,.42);backdrop-filter:blur(2px);cursor:pointer
  }
  body.beta-drawer-open .beta-drawer-scrim{display:block}
  .beta-room-tabs{top:70px;margin-left:-1px;margin-right:-1px}
  .beta-scroll-target{scroll-margin-top:120px}
  .beta-hero{padding-top:12px}
  .beta-hero h1{font-size:clamp(2.1rem,12vw,3.2rem)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .beta-frame,.beta-rail{transition:none}
  .beta-room-card{transition:none}
}


/* BETA 0.4 — GrowDock application shell */
:root{
  --beta-rail-wide:240px;
  --beta-rail-compact:72px;
  --beta-dock-height:64px;
}

body.beta-ui{
  padding-bottom:calc(var(--beta-dock-height) + 34px);
}

.beta-frame{
  grid-template-columns:var(--beta-rail-wide) minmax(0,1fr);
}
.beta-frame.compact{
  grid-template-columns:var(--beta-rail-compact) minmax(0,1fr);
}
.beta-frame .beta-rail{
  width:var(--beta-rail-wide);
}
.beta-frame.compact .beta-rail{
  width:var(--beta-rail-compact);
}

.beta-growdock{
  position:fixed;
  z-index:38;
  left:50%;
  bottom:12px;
  width:min(930px,calc(100vw - 32px));
  min-height:var(--beta-dock-height);
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:7px;
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent);
  border-radius:20px;
  background:color-mix(in srgb,var(--panel) 92%,transparent);
  box-shadow:
    0 18px 48px rgba(9,35,18,.16),
    inset 0 1px 0 color-mix(in srgb,#fff 54%,transparent);
  backdrop-filter:blur(18px) saturate(1.2);
}

.beta-growdock-nav{
  display:grid;
  grid-template-columns:repeat(5,minmax(74px,1fr));
  gap:3px;
  min-width:0;
}

.beta-dock-item{
  min-width:0;
  height:48px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:var(--muted);
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  gap:6px;
  padding:6px 9px;
  text-decoration:none;
  font-size:.69rem;
  font-weight:820;
  white-space:nowrap;
}

button.beta-dock-item{
  width:100%;
  font:inherit;
  font-size:.69rem;
  font-weight:820;
  text-align:left;
}

.beta-dock-item:hover,
.beta-dock-item:focus-visible{
  background:var(--panel-2);
  color:var(--ink);
  outline:none;
}

.beta-dock-item.active{
  background:var(--brand-soft);
  color:var(--brand-ink);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 26%,var(--line));
}

.beta-dock-icon{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:8px;
  font-size:1rem;
}

.beta-growdock-meta{
  display:flex;
  align-items:center;
  gap:7px;
  padding-left:7px;
  border-left:1px solid var(--line);
}

.beta-dock-status{
  min-width:154px;
  display:grid;
  grid-template-columns:9px minmax(0,1fr);
  align-items:center;
  gap:7px;
  padding:5px 8px;
  border-radius:12px;
  color:var(--muted);
}

.beta-dock-status-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#7e8d83;
  box-shadow:0 0 0 4px color-mix(in srgb,#7e8d83 12%,transparent);
}

.beta-dock-status.online .beta-dock-status-dot{
  background:#31c96a;
  box-shadow:0 0 0 4px color-mix(in srgb,#31c96a 14%,transparent);
}
.beta-dock-status.stale .beta-dock-status-dot{
  background:#e0a339;
  box-shadow:0 0 0 4px color-mix(in srgb,#e0a339 14%,transparent);
}
.beta-dock-status.offline .beta-dock-status-dot{
  background:#8a9690;
}

.beta-dock-status-copy{
  min-width:0;
}
.beta-dock-status-copy b,
.beta-dock-status-copy span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.beta-dock-status-copy b{
  color:var(--ink);
  font-size:.65rem;
}
.beta-dock-status-copy span{
  margin-top:1px;
  font-size:.56rem;
  color:var(--muted);
}

.beta-dock-action{
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 12px;
  border-radius:12px;
  background:var(--brand);
  color:#fff;
  text-decoration:none;
  font-size:.67rem;
  font-weight:880;
  white-space:nowrap;
}
.beta-dock-action:hover,
.beta-dock-action:focus-visible{
  filter:brightness(1.04);
  outline:2px solid color-mix(in srgb,var(--brand) 28%,transparent);
  outline-offset:2px;
}

@media(max-width:1100px){
  .beta-frame,
  .beta-frame.compact{
    grid-template-columns:var(--beta-rail-compact) minmax(0,1fr);
  }
  .beta-frame .beta-rail,
  .beta-frame.compact .beta-rail{
    width:var(--beta-rail-compact);
  }
  .beta-growdock{
    width:min(790px,calc(100vw - 28px));
  }
  .beta-growdock-meta{
    display:none;
  }
}

@media(max-width:760px){
  :root{
    --beta-dock-height:68px;
  }

  body.beta-ui{
    padding-bottom:calc(var(--beta-dock-height) + env(safe-area-inset-bottom) + 10px);
  }

  .beta-frame,
  .beta-frame.compact{
    grid-template-columns:minmax(0,1fr);
  }

  .beta-frame .beta-rail,
  .beta-frame.compact .beta-rail{
    width:min(300px,calc(100vw - 44px));
  }

  .beta-growdock{
    left:0;
    bottom:0;
    width:100%;
    min-height:var(--beta-dock-height);
    transform:none;
    grid-template-columns:minmax(0,1fr);
    padding:6px 7px calc(6px + env(safe-area-inset-bottom));
    border-left:0;
    border-right:0;
    border-bottom:0;
    border-radius:18px 18px 0 0;
  }

  .beta-growdock-nav{
    grid-template-columns:repeat(5,1fr);
    gap:1px;
  }

  .beta-dock-item,
  button.beta-dock-item{
    height:52px;
    grid-template-columns:1fr;
    grid-template-rows:24px auto;
    justify-items:center;
    gap:1px;
    padding:4px 2px;
    text-align:center;
    font-size:.55rem;
  }

  .beta-dock-icon{
    width:25px;
    height:25px;
    font-size:1.05rem;
  }

  .beta-growdock-meta{
    display:none;
  }
}

@media(max-width:380px){
  .beta-dock-item,
  button.beta-dock-item{
    font-size:.49rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .beta-growdock,
  .beta-dock-item,
  .beta-dock-action{
    transition:none!important;
  }
}


/* BETA 0.7 — Curve Studio */
.beta-automation-panel{
  overflow:hidden;
}
.beta-curve-studio{
  display:grid;
  gap:14px;
}
.beta-curve-studio-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.beta-curve-studio-head h2{
  margin:3px 0 4px;
}
.beta-curve-studio-head p{
  margin:0;
  color:var(--muted);
  max-width:760px;
}
.beta-curve-profile-status{
  flex:0 0 auto;
  display:grid;
  justify-items:end;
  gap:4px;
}
.beta-curve-profile-status small{
  color:var(--muted);
  font-size:.65rem;
}
.beta-curve-safety{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:9px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));
  border-radius:12px;
  background:color-mix(in srgb,var(--brand-soft) 52%,var(--panel));
  font-size:.72rem;
}
.beta-curve-safety span{color:var(--muted)}
.beta-phase-controls{
  display:grid;
  grid-template-columns:minmax(150px,190px) minmax(150px,190px) minmax(220px,1fr);
  gap:10px;
  align-items:end;
}
.beta-phase-controls label,
.beta-curve-toolbar-actions label,
.beta-curve-point-editor label,
.beta-pulse-add label{
  display:grid;
  gap:4px;
}
.beta-phase-controls label>span,
.beta-curve-toolbar-actions label>span,
.beta-curve-point-editor label>span,
.beta-pulse-add label>span{
  color:var(--muted);
  font-size:.62rem;
  font-weight:820;
}
.beta-phase-controls input,
.beta-curve-toolbar-actions input,
.beta-curve-toolbar-actions select,
.beta-curve-point-editor input,
.beta-pulse-add input{
  min-height:38px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel);
  color:var(--ink);
  padding:7px 9px;
}
.beta-phase-summary{
  min-height:58px;
  display:grid;
  align-content:center;
  gap:2px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel-2);
}
.beta-phase-summary b{font-size:.79rem}
.beta-phase-summary small{color:var(--muted)}
.beta-curve-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
  padding:5px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel-2);
}
.beta-curve-tabs button{
  min-height:50px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--muted);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
}
.beta-curve-tabs button.active{
  background:var(--panel);
  color:var(--brand-ink);
  box-shadow:0 2px 12px rgba(9,35,18,.08),inset 0 0 0 1px color-mix(in srgb,var(--brand) 28%,var(--line));
}
.beta-curve-tabs button span{font-size:1.12rem}
.beta-curve-tabs button b{font-size:.69rem}
.beta-curve-workspace{
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--panel);
  overflow:hidden;
}
.beta-curve-toolbar{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 12px;
  border-bottom:1px solid var(--line);
}
.beta-curve-toolbar>div:first-child{
  display:grid;
  gap:2px;
}
.beta-curve-toolbar>div:first-child small{color:var(--muted)}
.beta-curve-toolbar-actions{
  display:flex;
  align-items:end;
  gap:8px;
}
.beta-curve-toolbar-actions label{
  grid-template-columns:auto auto;
  align-items:center;
}
.beta-curve-toolbar-actions label>span{
  grid-column:1/-1;
}
.beta-curve-toolbar-actions small{
  color:var(--muted);
  font-size:.6rem;
}
.beta-curve-chart-shell{
  padding:12px 12px 5px;
}
.beta-curve-chart{
  width:100%;
  height:clamp(240px,32vw,350px);
  display:block;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  touch-action:none;
  cursor:crosshair;
  background:var(--panel-2);
}
.beta-curve-night-bg{
  fill:color-mix(in srgb,#42536b 14%,var(--panel-2));
}
.beta-curve-day-bg{
  fill:color-mix(in srgb,#f3d56d 13%,transparent);
}
.beta-curve-grid{
  stroke:color-mix(in srgb,var(--line) 85%,transparent);
  stroke-width:1;
  vector-effect:non-scaling-stroke;
}
.beta-curve-grid.horizontal{
  stroke-dasharray:4 7;
}
.beta-curve-axis{
  fill:var(--muted);
  font-size:19px;
  font-weight:700;
  pointer-events:none;
}
.beta-phase-line{
  stroke-width:2;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:6 7;
}
.beta-phase-line.day{stroke:#d99d15}
.beta-phase-line.night{stroke:#6c7b9e}
.beta-curve-actual-line{
  fill:none;
  stroke:color-mix(in srgb,var(--ink) 50%,transparent);
  stroke-width:2.4;
  stroke-dasharray:7 6;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
}
.beta-curve-band{
  fill:none;
  stroke:color-mix(in srgb,var(--brand) 45%,transparent);
  stroke-width:1.4;
  stroke-dasharray:3 5;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
}
.beta-curve-legend .actual{
  color:var(--ink);
  font-weight:760;
}
.beta-curve-legend .target-band{
  color:var(--brand-ink);
}
.beta-curve-line{
  fill:none;
  stroke:var(--brand);
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
}
.beta-curve-point{
  cursor:grab;
  outline:none;
}
.beta-curve-point:active{cursor:grabbing}
.beta-curve-point circle:first-child{
  fill:var(--panel);
  stroke:var(--brand);
  stroke-width:3;
  vector-effect:non-scaling-stroke;
}
.beta-curve-point circle:last-child{
  fill:var(--brand);
}
.beta-curve-point.selected circle:first-child{
  stroke-width:5;
}
.beta-curve-legend{
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
  padding:7px 2px 2px;
  color:var(--muted);
  font-size:.61rem;
}
.beta-curve-legend span{
  display:flex;
  align-items:center;
  gap:5px;
}
.beta-curve-legend i{
  width:8px;
  height:8px;
  border-radius:50%;
}
.beta-curve-legend i.day{background:#d99d15}
.beta-curve-legend i.night{background:#6c7b9e}
.beta-curve-point-editor{
  display:flex;
  align-items:end;
  gap:8px;
  min-height:64px;
  padding:8px 12px 12px;
}
.beta-curve-point-editor.muted{
  align-items:center;
  color:var(--muted);
  font-size:.68rem;
}
.beta-pulse-list{
  display:grid;
  gap:7px;
  padding:12px;
}
.beta-pulse-row{
  display:grid;
  grid-template-columns:60px minmax(100px,1fr) 62px 32px;
  align-items:center;
  gap:8px;
  min-height:38px;
}
.beta-pulse-time{font-weight:850}
.beta-pulse-bar{
  height:10px;
  position:relative;
  border-radius:999px;
  background:var(--panel-2);
  overflow:hidden;
}
.beta-pulse-bar i{
  position:absolute;
  top:0;
  bottom:0;
  min-width:5px;
  border-radius:999px;
  background:var(--brand);
}
.beta-pulse-row button{
  width:30px;height:30px;border:1px solid var(--line);border-radius:8px;
  background:var(--panel);color:var(--muted);cursor:pointer;
}
.beta-pulse-add{
  display:grid;
  grid-template-columns:minmax(130px,180px) minmax(130px,180px) auto;
  gap:8px;
  align-items:end;
  margin-top:6px;
  padding-top:10px;
  border-top:1px solid var(--line);
}
.beta-curve-savebar{
  position:sticky;
  bottom:76px;
  z-index:10;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb,var(--panel) 94%,transparent);
  backdrop-filter:blur(14px);
}
.beta-curve-savebar>div{
  display:grid;
  gap:1px;
}
.beta-curve-savebar>div span{
  color:var(--muted);
  font-size:.6rem;
  overflow:hidden;
  text-overflow:ellipsis;
}
.beta-curve-loading{
  min-height:140px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:var(--muted);
}
@media(max-width:760px){
  .beta-curve-studio-head{
    display:grid;
  }
  .beta-curve-profile-status{
    justify-items:start;
  }
  .beta-phase-controls{
    grid-template-columns:1fr 1fr;
  }
  .beta-phase-summary{
    grid-column:1/-1;
  }
  .beta-curve-tabs button{
    display:grid;
    justify-items:center;
    gap:1px;
    padding:5px 2px;
  }
  .beta-curve-tabs button b{
    font-size:.57rem;
  }
  .beta-curve-toolbar{
    display:grid;
  }
  .beta-curve-toolbar-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .beta-curve-point-editor{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .beta-curve-point-editor button{
    grid-column:1/-1;
  }
  .beta-pulse-add{
    grid-template-columns:1fr 1fr;
  }
  .beta-pulse-add button{
    grid-column:1/-1;
  }
  .beta-curve-savebar{
    bottom:72px;
    grid-template-columns:minmax(0,1fr) auto;
  }
  .beta-curve-savebar>span{
    grid-column:1/-1;
  }
}
@media(max-width:430px){
  .beta-phase-controls{
    grid-template-columns:1fr;
  }
  .beta-phase-summary{
    grid-column:auto;
  }
  .beta-pulse-row{
    grid-template-columns:52px minmax(80px,1fr) 48px 30px;
  }
  .beta-curve-chart{
    height:250px;
  }
}


/* BETA 0.6 canonical GrowSpace display metadata */
.beta-room-card,
.beta-room-page{
  --beta-space-accent:var(--brand);
  --beta-space-accent-soft:var(--brand-soft);
}
.beta-space-accent-green{--beta-space-accent:#43c67a;--beta-space-accent-soft:rgba(67,198,122,.12)}
.beta-space-accent-lime{--beta-space-accent:#9fcf3a;--beta-space-accent-soft:rgba(159,207,58,.12)}
.beta-space-accent-amber{--beta-space-accent:#d99d15;--beta-space-accent-soft:rgba(217,157,21,.12)}
.beta-space-accent-violet{--beta-space-accent:#9b7cff;--beta-space-accent-soft:rgba(155,124,255,.12)}
.beta-space-accent-blue{--beta-space-accent:#5998ff;--beta-space-accent-soft:rgba(89,152,255,.12)}
.beta-space-accent-cyan{--beta-space-accent:#38bfc7;--beta-space-accent-soft:rgba(56,191,199,.12)}
.beta-space-accent-rose{--beta-space-accent:#df6b8c;--beta-space-accent-soft:rgba(223,107,140,.12)}
.beta-space-accent-neutral{--beta-space-accent:#8c96a5;--beta-space-accent-soft:rgba(140,150,165,.12)}
.beta-room-card[class*="beta-space-accent-"]{
  border-top-color:color-mix(in srgb,var(--beta-space-accent) 58%,var(--line));
}
.beta-room-card[class*="beta-space-accent-"] .beta-room-icon,
.beta-room-page[class*="beta-space-accent-"] .beta-room-hero-icon{
  background:var(--beta-space-accent-soft);
  color:var(--beta-space-accent);
}
.beta-room-page[class*="beta-space-accent-"] .beta-kicker{
  color:var(--beta-space-accent);
}
.beta-room-hero-icon{
  display:grid;
  place-items:center;
  flex:0 0 52px;
  width:52px;
  height:52px;
  border-radius:16px;
  font-size:1.45rem;
}


/* BETA 0.7 Crop Cycle / Recipe ------------------------------------------- */
.beta-crop-panel{display:grid;gap:14px}
.beta-crop-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}

.beta-crop-meta-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px
}
.beta-crop-meta-strip>div,
.beta-recipe-target,
.beta-recipe-context{
  min-width:0;
  padding:11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel-2)
}
.beta-crop-meta-strip span,
.beta-crop-meta-strip b,
.beta-crop-meta-strip small,
.beta-recipe-target span,
.beta-recipe-target b,
.beta-recipe-target small,
.beta-recipe-context span,
.beta-recipe-context b,
.beta-recipe-context small{display:block}
.beta-crop-meta-strip span,
.beta-recipe-target span,
.beta-recipe-context span{
  color:var(--muted);
  font-size:.58rem;
  font-weight:820
}
.beta-crop-meta-strip b,
.beta-recipe-context b{
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:.8rem
}
.beta-crop-meta-strip small,
.beta-recipe-target small,
.beta-recipe-context small{
  margin-top:3px;
  color:var(--muted);
  font-size:.52rem;
  line-height:1.4
}

.beta-recipe-target-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px
}
.beta-recipe-target b{
  margin:5px 0 1px;
  font-size:1.15rem;
  letter-spacing:-.025em
}

.beta-recipe-context-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px
}

.beta-recipe-subsection{
  display:grid;
  gap:8px;
  padding-top:12px;
  border-top:1px solid var(--line)
}
.beta-recipe-subsection h3,
.beta-grow-event-composer h3{margin:3px 0 0;font-size:.92rem}

.beta-recipe-measurements,
.beta-grow-event-list{display:grid;gap:6px}

.beta-recipe-measurement,
.beta-grow-event-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-inset)
}
.beta-recipe-measurement b,
.beta-recipe-measurement small,
.beta-grow-event-row b,
.beta-grow-event-row small{display:block}
.beta-recipe-measurement small,
.beta-grow-event-row small{
  margin-top:2px;
  color:var(--muted);
  font-size:.53rem
}
.beta-recipe-measurement-values{
  display:flex;
  gap:10px;
  align-items:center;
  color:var(--muted);
  font-size:.57rem
}
.beta-recipe-measurement-values b{
  display:inline;
  margin-left:3px;
  color:var(--ink)
}

.beta-grow-event-row{
  grid-template-columns:auto minmax(0,1fr) auto
}
.beta-grow-event-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:var(--panel-2)
}

.beta-manual-override{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:11px 12px;
  border:1px solid color-mix(in srgb,var(--warn) 45%,var(--line));
  border-radius:12px;
  background:color-mix(in srgb,var(--warn) 8%,var(--panel))
}
.beta-manual-override span,
.beta-manual-override b,
.beta-manual-override small{display:block}
.beta-manual-override>div>span{
  color:var(--warn);
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.08em
}
.beta-manual-override>div>b{margin-top:3px;font-size:.76rem}
.beta-manual-override>div>small{margin-top:2px;color:var(--muted);font-size:.52rem}

.beta-grow-event-composer{
  display:grid;
  gap:12px;
  padding:13px;
  border:1px solid color-mix(in srgb,var(--brand) 42%,var(--line));
  border-radius:14px;
  background:color-mix(in srgb,var(--brand) 5%,var(--panel))
}
.beta-grow-event-composer[hidden]{display:none}
.beta-grow-event-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px
}
.beta-grow-event-grid label{display:grid;gap:5px}
.beta-grow-event-grid label>span{
  color:var(--muted);
  font-size:.58rem;
  font-weight:800
}
.beta-grow-event-grid .wide{grid-column:1/-1}
.beta-grow-event-grid input,
.beta-grow-event-grid select,
.beta-grow-event-grid textarea{width:100%}

.beta-override-details{
  padding:10px 11px;
  border:1px dashed var(--line);
  border-radius:11px;
  background:var(--surface-inset)
}
.beta-override-details summary{
  cursor:pointer;
  font-size:.65rem;
  font-weight:850
}
.beta-override-details[open] summary{margin-bottom:10px}

.beta-crop-safety{
  padding:9px 11px;
  border:1px dashed var(--line);
  border-radius:11px;
  color:var(--muted);
  font-size:.58rem;
  line-height:1.5
}

.beta-crop-empty{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding:14px;
  border:1px dashed var(--line);
  border-radius:13px;
  background:var(--surface-inset)
}
.beta-crop-empty b{font-size:.85rem}
.beta-crop-empty p{
  max-width:720px;
  margin:5px 0 0;
  color:var(--muted);
  font-size:.62rem;
  line-height:1.5
}
.beta-crop-boundary{
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-size:.54rem;
  font-weight:820
}

@media(max-width:1050px){
  .beta-crop-meta-strip,
  .beta-recipe-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .beta-recipe-context-grid{grid-template-columns:1fr}
}

@media(max-width:620px){
  .beta-crop-meta-strip,
  .beta-recipe-target-grid,
  .beta-grow-event-grid{grid-template-columns:1fr}
  .beta-grow-event-grid .wide{grid-column:auto}
  .beta-recipe-measurement{grid-template-columns:1fr}
  .beta-recipe-measurement-values{justify-content:flex-start}
  .beta-crop-empty{align-items:flex-start;flex-direction:column}
}

/* BETA 0.7 P5 — contextual measurement advisory, never actuator authority */
.beta-advisory{display:grid;gap:9px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--surface-inset)}
.beta-advisory-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.beta-advisory-head span,.beta-advisory-head b,.beta-advisory-head small{display:block}
.beta-advisory-head>div>span{color:var(--brand);font-size:.52rem;font-weight:900;letter-spacing:.09em}
.beta-advisory-head>div>b{margin-top:3px;font-size:.76rem}
.beta-advisory-head>div>small{margin-top:2px;color:var(--muted);font-size:.52rem}
.beta-advisory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.beta-advisory-grid>div{min-width:0;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}
.beta-advisory-grid>div.good{border-color:color-mix(in srgb,var(--good) 45%,var(--line))}
.beta-advisory-grid>div.warn{border-color:color-mix(in srgb,var(--warn) 55%,var(--line))}
.beta-advisory-grid span,.beta-advisory-grid b,.beta-advisory-grid small{display:block}
.beta-advisory-grid span{color:var(--muted);font-size:.54rem;font-weight:800}
.beta-advisory-grid b{margin-top:4px;font-size:.82rem}
.beta-advisory-grid small{margin-top:2px;color:var(--muted);font-size:.5rem}
.beta-advisory-limit{margin:0;color:var(--muted);font-size:.54rem;line-height:1.45}
.beta-advisory-empty{padding:9px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:.58rem}
@media(max-width:760px){.beta-advisory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}