/* ---------- fase 5: ventana IR / NAM ---------- */
.irm .tabs { margin-bottom: .7rem; }
.irm .tabs button { padding: .45rem .5rem; font-size: .8rem; }
.irgrid { display: grid; grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr); gap: 1rem; align-items: start; }
.irlist { min-width: 0; }
.irlist .status { margin: .3rem 0 .4rem; min-height: 1.1em; }
.irlist .scroll { max-height: 24rem; overflow: auto; display: flex; flex-direction: column; gap: .18rem; padding-right: .25rem; scrollbar-width: thin; scrollbar-color: #5a554c #1a1918; }
.irlist .scroll.colls { max-height: 26rem; }
.irrow { display: flex; align-items: baseline; gap: .6rem; width: 100%; padding: .26rem .55rem; text-align: left; cursor: pointer; border-radius: .25rem; border: .07rem solid #050403; background: linear-gradient(180deg, #2a2826, #1c1a19); color: var(--cream-dim); }
.irrow b { flex: none; width: 2.4rem; font: 600 .92rem var(--f-label); color: var(--amber); letter-spacing: .04em; }
.irrow span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .95rem; }
.irrow.has span { color: #fff3d8; }
.irrow:hover { border-color: var(--amber-dim); }
.irrow.cur { outline: .14rem solid var(--amber); outline-offset: -.14rem; background: linear-gradient(180deg, #4a3a1a, #2b2110); }
.irwork { min-width: 0; display: flex; flex-direction: column; gap: .6rem; }
.irdest { padding: .4rem .7rem; border-radius: .3rem; background: rgba(255,178,62,.07); border: .08rem solid rgba(255,178,62,.3); font-size: .98rem; }
.irdest b { color: #ffe7b8; }
.dialog .dropzone { display: flex; flex-direction: column; align-items: center; gap: .15rem; margin: 0 !important; padding: .7rem 1rem; text-align: center; cursor: pointer; border-radius: .4rem; border: .13rem dashed rgba(255,178,62,.5); background: rgba(0,0,0,.25);
  font: 500 .95rem var(--f-body) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--cream-dim) !important; }
.dropzone b { color: #fff3d8; font: 600 1.05rem var(--f-label); letter-spacing: .06em; text-transform: uppercase; }
.dialog .dropzone:hover, .dialog .dropzone.over { border-color: var(--amber); background: rgba(255,178,62,.1); }
.irform { display: flex; gap: 1rem; align-items: flex-start; flex-wrap: wrap; }
.irform .grow { flex: 1 1 16rem; min-width: 0; }
.irform label { margin-top: 0; }
.irform .opts { display: flex; flex-direction: column; gap: .1rem; padding-top: .15rem; }
.dialog .chk.small { margin: .12rem 0; font-size: .9rem; }
.irnotes { color: var(--cream-dim); font-size: .88rem; line-height: 1.3; }
.irnotes summary { cursor: pointer; padding: .1rem 0; }
.irnotes ul { margin: .25rem 0 0; padding-left: 1.1rem; }
.irshown-head { display: flex; align-items: baseline; gap: .7rem; flex-wrap: wrap; margin-bottom: .3rem; }
.irshown-head b { font: 600 1.05rem var(--f-label); color: #fff3d8; letter-spacing: .03em; }
.irshown-head small { color: var(--cream-dim); font-size: .86rem; }
.plots { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.plots figure { margin: 0; min-width: 0; }
.plots figcaption { margin-top: .15rem; color: var(--cream-dim); font-size: .8rem; text-align: center; }
canvas.irplot { display: block; width: 100%; height: 7rem; border-radius: .3rem; border: .08rem solid #3a3633; background: #0b0a09; font-size: 1rem; }
.iract { margin-top: .1rem; }
.iract .sp { flex: 1; }
.namtab .tablewrap.nam { max-height: none; }
.restoretable td.dim { color: var(--cream-dim); font-style: italic; }
.restoretable td.to { color: #ffe0a0; }
@media (max-width: 880px) {
  .irgrid { grid-template-columns: minmax(0, 1fr); }
  .plots { grid-template-columns: minmax(0, 1fr); }
}
.irinfo { display: flex; flex-direction: column; gap: .25rem; margin: .6rem 0 0; padding: .5rem .6rem; border-radius: .35rem; border: .08rem solid rgba(255,178,62,.3); background: rgba(0,0,0,.28); }
.irinfo.known { border-color: rgba(127,224,138,.45); }
.irinfo b { font: 500 .7rem var(--f-label); letter-spacing: .16em; text-transform: uppercase; color: var(--cream-dim); }
.irinfo span { color: #fff3d8; font-size: .98rem; line-height: 1.2; }
.irinfo .key { align-self: flex-start; margin-top: .15rem; }
.card .nam { margin-top: .12rem; color: #9af0a8; font-size: .86rem; font-weight: 600; }
#modelcard:has(.irinfo) .help { display: none; }