/* ═══════════════════════════════════════════════════════════════
   Enterprise Meal Access System — pages/temp-rfid.css
═══════════════════════════════════════════════════════════════ */

/* ── ISSUE PANEL (left column) ────────────────────────────────── */
.cn-temp-panel {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 24px;
}
.cn-temp-panel-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ── POOL CARD CHIPS ──────────────────────────────────────────── */
.cn-available-pool {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.cn-pool-card {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  padding: 5px 11px;
  border-radius: 6px;
  background: var(--surface-hover);
  color: var(--accent);
  border: 1px solid var(--border);
  cursor: pointer;
  transition: all .12s;
  user-select: none;
}
.cn-pool-card:hover   { border-color: var(--accent); background: rgba(var(--accent-rgb, 99,102,241), .07); }
.cn-pool-card.selected { background: var(--accent); color: #fff; border-color: var(--accent); }

/* ── RECENTLY ISSUED CARDS (right column) ─────────────────────── */
.cn-tic {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--border);
  transition: background .12s;
}
.cn-tic:last-child { border-bottom: none; }
.cn-tic:hover      { background: var(--surface-hover); }
.cn-tic.expired    { opacity: .8; }

.cn-tic-body {
  flex: 1;
  min-width: 0;
}
.cn-tic-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cn-tic-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 5px;
  flex-wrap: wrap;
}
.cn-tic-exp {
  font-size: 11.5px;
  color: var(--text-muted);
  margin-top: 4px;
}
.cn-tic-exp.expired {
  color: #ef4444;
  font-weight: 600;
}

.cn-tic-action { flex-shrink: 0; }
.cn-tic-badge {
  font-size: 11px;
  font-weight: 600;
  color: #059669;
  background: rgba(16,185,129,.1);
  padding: 3px 10px;
  border-radius: 20px;
  letter-spacing: .2px;
}