/* The sky island's furnace and workbench (js/smelting.js, js/workbench.js): the kitchen's rows (.ck-row,
   css/style.css), a little wider for three materials, and the workbench's tabs. */
#smeltWindow, #benchWindow { width: 500px; max-width: 96vw; }
#benchWindow .ck-row, #smeltWindow .ck-row { grid-template-columns: 1fr auto auto; }
#benchWindow .ck-out small, #smeltWindow .ck-out small { font-weight: 400; color: var(--muted); margin-left: 2px; }
#benchWindow .ck-go input, #smeltWindow .ck-go input { text-align: center; }
.bench-tabs { display: flex; gap: 6px; margin: 8px 0 4px; flex-wrap: wrap; }
.bench-tabs .set-btn { flex: 1; min-width: 0; }
.bench-tabs .set-btn.on { filter: brightness(1.25); box-shadow: 0 0 0 2px var(--brass-hi) inset; }
.ck-go .set-btn[disabled] { opacity: 0.45; cursor: default; }
.ck-go .ck-fee { align-self: center; margin-right: auto; color: var(--brass-hi); }

/* Life skill levels (js/lifeskills.js): the window's rows, and the lock on what needs a higher level. */
#lifeSkillWindow { width: 360px; max-width: 96vw; }
.sk-row { display: grid; grid-template-columns: 32px 1fr 84px; grid-template-rows: auto auto; column-gap: 8px; align-items: center; margin: 6px 0; }
.sk-row .ck-ico { grid-row: 1 / 3; width: 32px; height: 32px; }
.sk-row .sk-lv { color: var(--brass-hi); font-weight: 700; text-align: right; }
.sk-row .wd-bar { grid-column: 2; }
.sk-row small { grid-column: 3; color: var(--muted); text-align: right; white-space: nowrap; }
.sk-lock { display: block; color: #ff9c8a; font-size: 11px; white-space: nowrap; align-self: center; margin-right: auto; }
.plant-row .sk-lock { margin-left: auto; }
.plant-row[disabled] { opacity: 0.55; cursor: default; }
.ib-skills { margin-left: 6px; }