/* V9-26: karta dávky ako okno nad Výrobou; tokeny a jazyk panelov výroby, pri 375 px bez posunu do strany. */
.build-card{width:min(720px,calc(100vw - 32px));max-width:100%;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);
 border-radius:var(--radius);color:var(--ink);background:var(--surface);overflow:auto}
.build-card::backdrop{background:#08152288}
.build-card .panel-head{position:sticky;top:0;z-index:1;gap:var(--space-3);padding-block:var(--space-3);background:var(--surface)}
.build-card :is(h2,h3,p,li,label,legend){overflow-wrap:anywhere}
.build-card h3{margin:0 0 var(--space-2);font-size:var(--text-md)}
.build-card-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}
.build-card-steps>li{display:grid;gap:var(--space-1);min-width:0;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-control);
 background:var(--surface-2)}
.build-card-steps>li>small{color:var(--muted)}
.build-card-steps>li.is-done{border-color:#226a4f55}
.build-card-steps>li.is-running{border-color:var(--accent);background:var(--accent-soft);font-weight:600}
.build-card-steps>li.is-next{border-style:dashed}
.build-card-fill,.build-card-step{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-2)}
.build-card-fill p{margin:0 0 var(--space-1)}
.build-card-items{margin:0;padding-left:var(--space-4)}
.build-card .field{display:grid;gap:var(--space-2);min-width:0;margin-bottom:var(--space-3)}
.build-card :is(input,select,textarea){width:100%;max-width:100%;min-width:0;min-height:var(--control-height);border:1px solid var(--line);
 border-radius:var(--radius-control);padding:var(--space-2);background:var(--surface);color:var(--ink);font:inherit}
.build-card-scrap{display:grid;grid-template-columns:minmax(0,8rem) minmax(0,1fr);gap:var(--space-3);margin:0 0 var(--space-3);padding:var(--space-3);
 border:1px solid var(--line-soft);border-radius:var(--radius-control)}
.build-card-scrap>legend{padding:0 var(--space-1);font-weight:600}
.build-card [data-build-card-notice][hidden]{display:none}
@media(max-width:599px){
 .build-card{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
 .build-card-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .build-card-scrap{grid-template-columns:minmax(0,1fr)}
 .build-card-actions>.btn{flex:1 1 100%;min-height:44px;white-space:normal}
}

/* V9-48: event times and inputs use the existing card, including the 375 px single column. */
.build-events-times{display:grid;gap:var(--space-2);margin:0}
.build-events-times>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-2)}
.build-events-times :is(dt,dd){min-width:0;margin:0;overflow-wrap:anywhere}
.build-events-times dd>small{display:block;color:var(--muted)}
.build-events-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3)}
@media(max-width:599px){.build-events-times>div,.build-events-inputs{grid-template-columns:minmax(0,1fr)}}

/* A4c redizajn V6.2 (snimky/v62-09, prototyp .gaugeb): prepínač 3D, Zboku a Zhora nad komorou a ukazovateľ výšky stavby vedľa plátna.
   Šírku plátna počíta paintChamber z rodiča .build-chamber-canvas; pod 600 px je ukazovateľ pod plátnom iba ako text. */
.build-chamber>.v62-seg{align-self:flex-start}
.build-chamber-stage{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:start}
.build-chamber-canvas{min-width:0}
.build-chamber-canvas>canvas{display:block}
.build-chamber-gauge{display:grid;justify-items:start;gap:2px;width:7.5rem}
.build-chamber-gauge>small{color:var(--muted);font-size:var(--text-xs);font-weight:600}
.build-chamber-gauge>strong{font-size:var(--text-xl);font-variant-numeric:tabular-nums}
.build-chamber-gauge>span{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}
.build-chamber-gauge>svg{width:14px;height:180px;margin-top:var(--space-2);border-radius:3px;overflow:hidden}
.build-chamber-gauge-track{fill:var(--line)}
.build-chamber-gauge-fill{fill:var(--accent)}
@media(max-width:599px){
 .build-chamber-stage{grid-template-columns:minmax(0,1fr)}
 .build-chamber-gauge{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);width:auto}
 .build-chamber-gauge>svg{display:none}
}