/* Workshop Builder v0 — adición a la Console. Usa los tokens y componentes que ya existen
   (console.css = piel del Workbench sobre el prototipo Scout/Verifier de Work: page-intro, metric-card, panel,
   compact-list, chip, field, two-col, editor-header, details/summary, ext-btn, terr). Aquí solo hay lo que el Builder agrega. */

.wb-btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 13px;border:1px solid var(--rule);font-size:12.5px;color:var(--ink-2);background:transparent}
.wb-btn:hover:not(:disabled){color:var(--ink);border-color:var(--t-mv)}
.wb-btn.is-primary{border-color:var(--t-mv);color:var(--ink);background:color-mix(in srgb,var(--t-mv) 12%,transparent)}
.wb-btn.is-primary:hover{background:color-mix(in srgb,var(--t-mv) 20%,transparent)}
.wb-btn.is-on{border-color:var(--t-mv);color:var(--ink)}
.wb-btn.is-guard{border-color:color-mix(in srgb,var(--k-warn) 60%,transparent);color:var(--k-warn)}
.wb-btn:disabled{opacity:.5;cursor:not-allowed}
.wb-why{font-size:11px;color:var(--muted);font-style:italic}
.wb-x{font-size:11px;color:var(--muted);border-bottom:1px solid var(--rule-soft)}
.wb-x:hover{color:var(--k-bad);border-color:var(--k-bad)}
.wb-st b{font-weight:400;font-size:11px;line-height:1}
.wb-nr{border-style:dotted}

.wb-primary{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0 6px}
.wb-open select,.wb-sel,.wb-form input,.wb-form select,.wb-form textarea,.wb-inline input,.wb-inline select,.wb-f input,.wb-f select{
  min-width:0;max-width:100%;background:var(--card-2);border:1px solid var(--rule);color:var(--ink);font:inherit;font-size:13px;padding:6px 8px;border-radius:0}
.wb-open{display:flex;flex:0 1 46ch;min-width:0;max-width:100%}
.wb-open select{width:100%}
.wb-sel{font-size:11.5px;padding:3px 6px}
:is(.wb-form,.wb-inline,.wb-f) :is(input,select,textarea):focus{outline:none;border-color:var(--t-mv)}
.wb-save{margin:8px 0 0;font-size:11.5px;color:var(--k-ok)}
.wb-save.wb-bad{color:var(--k-bad)}
.wb-msg{min-height:1em;font-size:12px;color:var(--k-warn)}
.wb-msg:empty{min-height:0}
.wb-copybox{display:block;width:100%;margin-top:6px;background:var(--card-2);color:var(--ink);border:1px solid var(--rule);font-family:var(--fm);font-size:11px}

.wb-orient{margin:20px 0 18px}
.wb-metric{min-height:104px;grid-template-rows:auto auto auto;cursor:default}
.wb-metric:hover{background:var(--card)}
.wb-metric>strong{grid-column:1 / -1}
.wb-metric .m-label,.wb-metric small{grid-column:1 / -1}
.wb-desk{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}
.wb-desk .panel{padding:16px 18px;border:1px solid var(--rule-soft);background:var(--card);min-width:0}
.wb-res{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.wb-res li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.wb-res li>span{font-size:11.5px;color:var(--muted)}
.wb-inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.wb-inline input{flex:1 1 150px}
.wb-foot{margin-top:18px}

/* identidad → versión vigente → ciclo activo → candidato */
.wb-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.wb-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:16px 0 4px;border:1px solid var(--rule-soft)}
.wb-node{display:grid;gap:6px;align-content:start;padding:12px 14px;border-left:1px solid var(--rule-soft);position:relative;min-width:0}
.wb-node:first-child{border-left:0}
.wb-node strong{font-family:var(--fd);font-weight:400;font-size:18px;line-height:1.15}
.wb-node small{font-size:11.5px;color:var(--muted)}
.wb-node .chip{justify-self:start}
.wb-node.is-on{background:color-mix(in srgb,var(--t-mv) 7%,transparent);box-shadow:inset 0 2px 0 var(--t-mv)}

.wb-sec{padding:16px 0 4px;border-bottom:1px solid var(--rule-soft)}
.wb-h{display:flex;align-items:baseline;gap:12px;font-size:21px;margin-bottom:12px}
.wb-h>span{font-style:italic;font-size:17px;color:var(--t-mv);min-width:22px}
.wb-tl{list-style:none;margin:0;padding:0 0 0 14px;border-left:1px solid var(--rule);display:grid;gap:9px}
.wb-tl li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:baseline;position:relative;font-size:13px;color:var(--ink-2)}
.wb-tl li::before{content:'';position:absolute;left:-18px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--rule)}
.wb-tl li.is-now::before{background:var(--t-mv)}
.wb-tl time{font-size:11.5px;color:var(--muted);white-space:nowrap}
.wb-grid{display:grid;gap:6px}
.wb-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:8px 10px;border:1px solid var(--rule-soft);background:var(--card)}
.wb-row strong{display:block;font-size:13px;font-weight:400;color:var(--ink)}
.wb-row div>span{display:block;margin-top:2px;font-size:11.5px;color:var(--muted);overflow-wrap:anywhere}
.wb-counts{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:8px}
.wb-counts>span{display:inline-flex;gap:6px;align-items:center}
.wb-counts b{font-family:var(--fd);font-weight:400;font-size:20px}
.wb-next{font-family:var(--fd);font-size:19px;line-height:1.3;margin-bottom:6px}
.wb-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}

/* pasos */
.wb-steps{display:flex;flex-wrap:wrap;gap:0;margin:16px 0 6px;border:1px solid var(--rule-soft)}
.wb-steps button{flex:1 1 120px;display:flex;gap:8px;align-items:center;padding:9px 12px;font-size:12.5px;color:var(--muted);border-left:1px solid var(--rule-soft);text-align:left}
.wb-steps button:first-child{border-left:0}
.wb-steps button b{font-family:var(--fd);font-weight:400;font-size:18px;color:var(--ink-2)}
.wb-steps button[aria-current=step]{color:var(--ink);background:color-mix(in srgb,var(--t-mv) 9%,transparent);box-shadow:inset 0 -2px 0 var(--t-mv)}
.wb-steps button:disabled{opacity:.45;cursor:not-allowed}
.wb-step{padding:12px 0}
.wb-stepnav{border-top:1px solid var(--rule-soft);padding-top:12px}
.wb-form{display:grid;gap:12px;max-width:820px}
.wb-form .field input,.wb-form .field select,.wb-form .field textarea{width:100%}
.wb-check>span:last-child{font-size:13px;color:var(--ink-2)}
.wb-doc{display:grid;gap:8px;padding:12px;border:1px solid var(--rule-soft);background:var(--card)}
.wb-doc-h{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.wb-doc-h strong{font-family:var(--fd);font-weight:400;font-size:17px}
.wb-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;padding:6px 0 12px}
.wb-f{display:grid;gap:4px;align-content:start;padding:8px 10px;border:1px solid var(--rule-soft);border-left:2px solid var(--rule);background:var(--card);min-width:0}
.wb-f.is-set{border-left-color:var(--k-ok)}
.wb-f>label:first-child{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.wb-f small{font-size:11px;color:var(--muted)}
.wb-na{display:inline-flex;gap:5px;align-items:center;font-size:11.5px;color:var(--ink-2)}
.wb-alias{font-size:13px;color:var(--ink-2);overflow-wrap:anywhere}
.wb-add{margin-top:10px;padding-top:10px;border-top:1px dashed var(--rule-soft)}
.wb-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}
.wb-col{min-width:0;padding:10px;border:1px solid var(--rule-soft);background:var(--card)}
.wb-col-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.wb-col-h b{font-family:var(--fd);font-weight:400;font-size:22px}
.wb-col p{font-size:12px;line-height:1.4;color:var(--ink-2);margin-top:6px}
.wb-col p span{display:block;font-size:10.5px;color:var(--muted)}
.wb-col .none{color:var(--muted)}
.wb-nrl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}
.wb-carry{display:flex;flex-wrap:wrap;gap:8px 18px;border:1px solid var(--rule-soft);padding:10px 12px;margin:0}
.wb-carry label{font-size:13px;color:var(--ink-2);display:inline-flex;gap:6px;align-items:center}
.wb-guard{margin:16px 0 4px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--k-warn) 55%,transparent);border-left:3px solid var(--k-warn);background:color-mix(in srgb,var(--k-warn) 7%,transparent)}
.wb-guard strong{color:var(--k-warn);font-weight:500}
.wb-guard p{margin-top:6px;font-size:13px;line-height:1.55;color:var(--ink-2);max-width:70ch}

/* opciones del Builder en la barra lateral Multiverse */
.wb-mv{display:grid;gap:8px;padding:10px 0 12px;border-bottom:1px solid var(--rule-soft)}
.wb-mv>.kicker,.wb-mv-tms>.kicker{color:var(--tc)}
.wb-mv-opts{display:flex;flex-wrap:wrap;gap:6px}
.wb-clist{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.wb-clist li{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:13px}
.wb-clist .objlink{text-align:left;border-bottom:1px solid var(--rule);line-height:1.35}
.wb-clist .objlink:hover,.wb-clist .objlink[aria-current]{color:var(--ink);border-color:var(--tc)}
.wb-mv-tms{display:grid;gap:8px;padding-top:8px;border-top:1px dashed var(--rule-soft)}
.wb-links{display:flex;flex-direction:column;gap:4px;font-size:12.5px}
.wb-gates{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.wb-g{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start}
.wb-g strong{display:block;font-size:12.5px;font-weight:400;color:var(--ink)}
.wb-g span{display:block;font-size:11px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}

@container sheet (max-width:1050px){
  .wb-board{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wb-desk{grid-template-columns:minmax(0,1fr)}
}
@container sheet (max-width:680px){
  .wb-strip{grid-template-columns:minmax(0,1fr)}
  .wb-node{border-left:0;border-top:1px solid var(--rule-soft)}
  .wb-node:first-child{border-top:0}
  .wb-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wb-row{grid-template-columns:auto minmax(0,1fr);}
  .wb-row>:nth-child(n+3){grid-column:2}
  .wb-tl li{grid-template-columns:minmax(0,1fr)}
}

/* migas del Builder: más largas que las de Scout; se envuelven en vez de ensanchar la página (solo en vistas del Builder) */
.prov .crumb.is-wb{flex-wrap:wrap;gap:4px 10px;min-width:0;max-width:100%}
/* las etiquetas del encabezado del taller usan la letra de las etiquetas, no la monoespaciada del encabezado de ficha */
.editor-header .wb-tags .chip,.editor-header>.chip{font-family:var(--fb);font-size:10.5px;letter-spacing:.03em}
/* chips largos (nombres de fuente, títulos) se envuelven en vez de ensanchar la página */
.editor-header{flex-wrap:wrap}
.editor-header>div{min-width:0}
.wb-tags .chip,.wb-clist .chip,.wb-node .chip{white-space:normal;height:auto;min-height:20px;padding-block:3px;line-height:1.25;max-width:100%}
.wb-res a{overflow-wrap:anywhere}
.wb-g>span:first-child:empty{display:inline-block;width:0}
/* en el dock angosto, las filas van en dos columnas */
.wb-mv .wb-row{grid-template-columns:auto minmax(0,1fr);gap:6px 10px;padding:6px 8px}
.wb-mv .wb-row>:nth-child(n+3){grid-column:2;justify-self:start}
.wb-mv .wb-grid{margin-top:6px}