/* ═══════════════════════════════════════════════════════════
   NECTUS · ledger.css — the open review queue
   Information design: state readable before the number.
   ═══════════════════════════════════════════════════════════ */

.led-tools{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin:26px 0 1px}
.filters{display:flex;gap:2px;flex-wrap:wrap}
.filters button{
  font-family:var(--mono);font-size:0.78rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--iron);padding:10px 15px;border:1px solid var(--hair-2);background:var(--pitch);
  transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);
}
.filters button:hover{color:var(--mercury)}
.filters button.on{color:var(--platinum);border-color:var(--hair-lit);background:var(--graphite)}
.filters button b{color:var(--steel);font-weight:400;margin-left:7px;font-variant-numeric:tabular-nums}

.search{position:relative;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--hair);padding:8px 0;min-width:220px}
.search svg{width:13px;height:13px;stroke:var(--iron);fill:none;stroke-width:1.4;flex:0 0 auto}
.search input{background:none;border:none;outline:none;color:var(--platinum);font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;width:100%}
.search input::placeholder{color:var(--steel);text-transform:uppercase;letter-spacing:.2em;font-size:0.78rem}

.led{border:1px solid var(--hair-2);border-top:none}
.led-hd,.row{
  display:grid;grid-template-columns:minmax(0,1.5fr) 108px 92px minmax(0,1fr) 196px;
  gap:14px;align-items:center;padding:14px 18px 14px 22px;position:relative;
}
.led-hd{border-bottom:1px solid var(--hair);background:var(--graphite)}
.led-hd span{font-family:var(--mono);font-size:0.73rem;letter-spacing:.22em;text-transform:uppercase;color:var(--iron)}
.row{border-bottom:1px solid var(--hair-2);background:var(--pitch);transition:background .3s var(--ease)}
.row:hover{background:var(--graphite)}
.row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .3s var(--ease)}
.row[data-st="hold"]::before{background:var(--hold)}
.row[data-st="live"]::before{background:var(--live)}
.row[data-st="deny"]::before{background:var(--deny)}
.row.mine{background:rgba(221,227,233,.035)}
.row.mine:hover{background:rgba(221,227,233,.06)}

.r-who{display:flex;align-items:center;gap:14px;min-width:0}
.r-th{
  width:52px;height:38px;flex:0 0 auto;background:var(--graphite);border:1px solid var(--hair-2);
  overflow:hidden;display:grid;place-items:center;
}
.r-th img{width:100%;height:100%;object-fit:cover}
.r-th svg{width:14px;fill:var(--steel)}
.r-nm{font-family:var(--disp);font-weight:500;font-size:1.22rem;text-transform:uppercase;line-height:1;color:var(--platinum);display:flex;align-items:center;gap:9px}
.r-you{font-family:var(--mono);font-size:0.7rem;letter-spacing:.2em;color:var(--void);background:var(--platinum);padding:3px 6px}
.r-em{font-family:var(--mono);font-size:0.75rem;letter-spacing:.06em;color:var(--iron);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r-lift{font-family:var(--disp);font-weight:700;font-size:1.5rem;font-variant-numeric:tabular-nums;line-height:1;color:var(--platinum)}
.r-lift small{font-family:var(--mono);font-size:0.72rem;letter-spacing:.14em;color:var(--iron);margin-left:3px}
.r-lift.under{color:var(--deny)}
.r-date{font-family:var(--mono);font-size:0.78rem;letter-spacing:.1em;color:var(--iron);font-variant-numeric:tabular-nums}
.acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.act{
  font-family:var(--mono);font-size:0.72rem;letter-spacing:.18em;text-transform:uppercase;
  padding:7px 11px;border:1px solid var(--hair);color:var(--mercury);white-space:nowrap;
  transition:border-color .25s var(--ease),color .25s var(--ease),background .25s var(--ease);
}
.act:hover{border-color:var(--platinum);color:var(--platinum)}
.act.ok:hover{border-color:rgba(127,184,140,.6);color:var(--live);background:rgba(127,184,140,.07)}
.act.no:hover{border-color:rgba(180,105,107,.6);color:var(--deny);background:rgba(180,105,107,.07)}
.led-empty{padding:52px 22px;text-align:center;font-family:var(--mono);font-size:0.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--iron);background:var(--pitch);border-bottom:1px solid var(--hair-2)}

@media (max-width:1040px){
  .led-hd{display:none}
  .row{grid-template-columns:1fr auto;row-gap:12px;padding:18px 18px 18px 22px}
  .row>*:nth-child(1){grid-column:1/-1}
  .acts{grid-column:1/-1;justify-content:flex-start}
}

/* ── film viewer ──────────────────────────────────────────── */
.film{position:fixed;inset:0;z-index:55;display:none;place-items:center;background:rgba(7,8,10,.9);backdrop-filter:blur(6px);padding:24px}
.film.on{display:grid}
.film-in{max-width:720px;width:100%;border:1px solid var(--hair);background:var(--pitch)}
.film-th{aspect-ratio:16/9;background:var(--graphite);display:grid;place-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--hair)}
.film-th img{width:100%;height:100%;object-fit:cover}
.film-th .none{font-family:var(--mono);font-size:0.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--steel);text-align:center;line-height:2.2;padding:20px}
.film-body{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.film-meta{font-family:var(--mono);font-size:0.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mercury);line-height:2}
.film-meta b{color:var(--platinum);font-weight:400}