/* itemcalc.css: Item Stats tool layout only (TOOL lane). Colours, frames and type come from base.css variables. */
.itc { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-4); }
@media (min-width: 1000px) {
  .itc { grid-template-columns: minmax(0, 5fr) minmax(0, 5fr); align-items: start; }
  .itc-detail { position: sticky; top: var(--sp-3); }
}
.itc fieldset.chips { align-items: center; }
.itc fieldset.chips legend { float: left; margin-right: var(--sp-2); font-size: var(--fs-s); color: var(--c-ink-soft); }
.itc-field { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); }
.itc-field label { font-size: var(--fs-s); color: var(--c-ink-soft); }
.itc-sel { min-height: var(--tap); max-width: 100%; }
.itc-lvl { font-variant-numeric: tabular-nums; }
.itc-step { min-width: var(--tap); justify-content: center; }
.itc-in { width: 5.5em; min-height: var(--tap); text-align: center; }
.itc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); }
.itc-status { font-size: var(--fs-s); color: var(--c-ink-soft); overflow-wrap: anywhere; }
.itc-item { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-1) var(--sp-3); margin-top: 0; }
.itc-ref { font-size: var(--fs-1); }
.itc-sub { display: inline-flex; flex-wrap: wrap; gap: var(--sp-2); font-size: var(--fs-s); }
.itc-stars, .itc-lv { color: var(--c-ink-soft); }
.itc-stats td.num { white-space: nowrap; font-variant-numeric: tabular-nums; }
.itc-rarbox { display: inline-flex; align-items: center; gap: var(--sp-1); }