/* /refineria/fabricar/ (encima de refineria.css; tokens de /tools/theme.css) */
.fb-pick__row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(7rem, .7fr) minmax(0, 1.6fr); gap: .8rem; align-items: end; }
.fb-pick .rf-num { display: grid; gap: .3rem; max-width: none; }
.fb-pick .rf-num input, .fb-pick select { width: 100%; }
.fb-pick select:disabled { opacity: .6; }
.fb-nerd { margin-top: .9rem; border-top: 1px solid var(--c-line); padding-top: .9rem; }
.fb-sys { grid-template-columns: minmax(0, 20rem); margin-bottom: .6rem; }

/* hero de resultado (HUD heredado de .rf-verdict) */
.fb-hero.is-ok { --v: var(--c-red); --hud-line: rgba(209,52,56,.7); }
.fb-big { margin-bottom: .1rem; }   /* tamaño/caja: .rf-verdict__big (refineria.css) */
.fb-big2 { margin-top: 0; color: var(--c-text); }
.fb-big em, .fb-big2 em { font-style: normal; color: var(--c-red-txt); font-family: var(--f-mono); font-variant-numeric: tabular-nums; }
.fb-costs { display: grid; grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr)); gap: .6rem; margin: .4rem 0 0; }
.fb-cost { background: var(--c-bg-2); border: 1px solid var(--c-line); border-radius: var(--r-sm); padding: .55rem .75rem; }
.fb-cost b { display: block; font: 700 1.1rem/1.25 var(--f-mono); font-variant-numeric: tabular-nums; color: var(--c-text); }
.fb-cost small { color: var(--c-muted); display: block; }
.fb-cost--total { border-color: rgba(209,52,56,.6); box-shadow: 0 0 0 1px rgba(209,52,56,.25) inset; }
.fb-cost--total b { color: var(--c-red-txt); }
.fb-cheap { margin: .7rem 0 0; padding: .55rem .75rem; border-left: 3px solid var(--c-red); background: var(--c-red-a); border-radius: var(--r-sm); font-weight: 600; }
.fb-per { display: block; margin-top: .1rem; font-size: 1rem; font-weight: 600; color: var(--c-muted); text-transform: none; letter-spacing: 0; white-space: nowrap; }

/* etiquetas en las tablas */
.fb-flag { display: inline-block; margin-left: .35rem; padding: .05rem .4rem; border-radius: 3px; font: 600 .66rem/1.5 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; background: var(--c-red-a); color: var(--c-red-txt); border: 1px solid rgba(209,52,56,.5); white-space: nowrap; }
.fb-sec { display: inline-block; margin-left: .35rem; padding: .02rem .38rem; border-radius: 3px; font: 700 .7rem/1.3 var(--f-mono); }
.fb-sec--hs { background: rgba(60,207,142,.14); color: var(--c-ok); }
.fb-sec--ls { background: rgba(242,177,60,.14); color: var(--c-warn); }
.fb-sec--ns { background: rgba(255,107,107,.14); color: var(--c-bad); }
.fb-also, .fb-sub { display: block; color: var(--c-muted); font-size: .78rem; font-weight: 400; }
.fb-comp summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; margin: .6rem 0 .2rem; font-weight: 600; }
.fb .rf-table td small { color: var(--c-muted); }

/* ¿ganas o pierdes? (texto siempre dice gana/pierde; el color solo acompaña) */
.fb .rf-profile-line { margin: .6rem 0 .2rem; }
.fb-net-h { margin: 1rem 0 .2rem; font: 600 .72rem/1.3 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--c-muted); }
.fb-net-h:first-child { margin-top: .2rem; }
.fb-verdict { margin: .2rem 0 .7rem; font-size: clamp(1.25rem, 2.6vw, 1.75rem); font-weight: 700; line-height: 1.25; }
.fb-verdict--cmp { font-size: clamp(1.15rem, 2.2vw, 1.4rem); }
.fb-verdict small { font-size: .85rem; font-weight: 600; color: var(--c-muted); }
.fb-verdict.is-gain { color: var(--c-ok); }
.fb-verdict.is-loss { color: var(--c-bad); }

@media (max-width: 760px) {
  .fb-pick__row { grid-template-columns: minmax(0, 1fr) 7rem; }
  .fb-pick__row .fb-fit { grid-column: 1 / -1; }
}