/* BIDROOM — room page cleanup. Loaded AFTER bidroom.css on room.html only.
   Strips the green accent to pure black & white and tidies the page so it
   matches the rest of the site. Also styles the Parking Payouts panel. */

/* 1) kill the green everywhere. On light areas the accent becomes ink; inside
      the dark trade/payday panels it becomes paper so marks stay visible. */
:root {
  --acid: #050505;
  --up: #050505;
  --down: #6f6d66;
}
.trade, .payday, .dark, .page-dark {
  --acid: #f2f1ed;
  --up: #f2f1ed;
}
::selection { background: #050505; color: #f2f1ed; }

/* dots/marks that sit on an ink background need a light fill */
.btn-acid::before { background: currentColor; }
.chip-grad::before { background: #f2f1ed; }
.chip-live .led { background: #050505; }
.wallet-chip .dot { background: #050505; }

/* up/down: no red/green — direction shown by the glyph, tone stays mono */
.up::before { content: "▲ "; font-size: 0.8em; }
.down::before { content: "▽ "; font-size: 0.8em; }
.dark .up, .page-dark .up, .trade .up, .payday .up, .modal .up { color: #f2f1ed; }

/* 2) light structural tidy — squared, quieter, more consistent spacing */
.room-head { margin-bottom: 26px; }
.registry { gap: 12px; }
.reg-card { background: transparent; }
.thesis-line { border-left: 3px solid #050505; }

/* 3) Parking Payouts panel ------------------------------------------------ */
.parking-stats {
  border: 1px solid #050505; background: #f2f1ed; padding: 22px 24px; margin: 0 0 20px;
}
.parking-stats .ps-head {
  display: flex; align-items: baseline; justify-content: space-between; gap: 14px;
  flex-wrap: wrap; border-bottom: 1px solid #050505; padding-bottom: 14px; margin-bottom: 18px;
}
.parking-stats .ps-title {
  font-family: var(--serif); font-weight: 800; font-size: 24px; line-height: 1; letter-spacing: -0.01em;
}
.parking-stats .ps-sub {
  font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gray-d);
}
.parking-stats .ps-hero { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
.parking-stats .ps-hero .big {
  font-family: var(--serif); font-weight: 800; font-size: clamp(38px, 6vw, 60px); line-height: 0.92; letter-spacing: -0.02em;
}
.parking-stats .ps-hero .cap {
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gray-d);
}
.parking-stats .ps-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #050505;
}
.parking-stats .ps-cell { padding: 14px 16px; border-right: 1px solid #050505; }
.parking-stats .ps-cell:last-child { border-right: 0; }
.parking-stats .ps-cell .v { font-family: var(--mono); font-size: 18px; font-weight: 600; }
.parking-stats .ps-cell .l { font-family: var(--mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gray-d); margin-top: 5px; }
/* parked-keys list (live from chain) */
.parking-stats .parked-block { margin-top: 18px; border: 1px solid #050505; }
.parking-stats .pl-head {
  display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
  padding: 10px 14px; border-bottom: 1px solid #050505;
  font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
}
.parking-stats .pl-stamp { color: var(--gray-d); }
.parking-stats .pl-stamp a { color: #050505; text-decoration: underline; }
.parking-stats .parked-list { display: flex; flex-direction: column; }
.parking-stats .pl-row {
  display: flex; align-items: center; gap: 12px; padding: 11px 14px;
  border-bottom: 1px solid var(--line); font-family: var(--mono); font-size: 12px;
}
.parking-stats .pl-row:last-child { border-bottom: 0; }
.parking-stats .pl-row.is-mine { background: #050505; color: #f2f1ed; }
.parking-stats .pl-row.is-mine .pl-owner { color: #f2f1ed; }
.parking-stats .pl-id { font-weight: 600; min-width: 78px; }
.parking-stats .pl-owner { color: #050505; text-decoration: underline; }
.parking-stats .pl-you { margin-left: auto; font-size: 9px; letter-spacing: 0.14em; border: 1px solid currentColor; padding: 3px 7px; }
.parking-stats .pl-earning { margin-left: auto; font-size: 10px; color: var(--gray-d); }
.parking-stats .pl-empty { padding: 14px; font-family: var(--mono); font-size: 11px; color: var(--gray-d); }
.parking-stats .pl-more {
  display: block; padding: 11px 14px; border-top: 1px solid #050505;
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
  color: #050505; text-decoration: none;
}
.parking-stats .pl-more:hover { background: #050505; color: #f2f1ed; }

.parking-stats .ps-cta {
  display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap;
  margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line);
}
.parking-stats .ps-note { font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--gray-d); max-width: 52ch; }
@media (max-width: 620px) {
  .parking-stats .ps-grid { grid-template-columns: 1fr; }
  .parking-stats .ps-cell { border-right: 0; border-bottom: 1px solid #050505; }
  .parking-stats .ps-cell:last-child { border-bottom: 0; }
}