/* Bidder-only component layer. Palette owned by bidder-theme.css. */


  body { margin:0; background:
         radial-gradient(90% 50% at 12% -5%, color-mix(in srgb, var(--gold) 10.0%, transparent), transparent 60%),
         linear-gradient(180deg,var(--bg),var(--bg) 40%); color:var(--ink); min-height:100vh;
         font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif; }
  a, a:visited { color:var(--goldsoft); text-decoration:none; }
  a:hover { text-decoration:underline; }
  .mast { background:linear-gradient(180deg,var(--bg),var(--bg)); border-bottom:2px solid var(--gold);
          padding:.7rem 1.2rem; display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
  .mast img { height:34px; }
  .mast .t { font-family:"Hoefler Text","Didot",Georgia,serif; font-size:1.15rem; color:var(--ink); }
  .mast .t b { color:var(--gold); font-weight:600; }
  .mast .who { margin-left:auto; color:var(--muted); font-size:.76rem; }
  nav.bar { padding:.55rem 1.2rem; border-bottom:1px solid var(--line); font-size:.84rem;
            display:flex; gap:.9rem; flex-wrap:wrap; align-items:baseline; }
  main { max-width:1240px; margin:0 auto; padding:1.2rem 1rem 3rem; }
  .subhead { display:flex; align-items:baseline; gap:1rem; flex-wrap:wrap; margin:.2rem 0 1rem; }
  .subhead h1 { font-family:"Hoefler Text","Didot",Georgia,serif; font-weight:500;
                font-size:1.5rem; margin:0; }
  h2 { font-size:.72rem; letter-spacing:.2em; text-transform:uppercase;
       color:var(--gold); margin:1.8rem 0 .6rem; }
  .cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:.7rem; }
  .card { position:relative; overflow:hidden; background:
          radial-gradient(120% 160% at 85% -20%, color-mix(in srgb, var(--gold) 12.0%, transparent), transparent 55%), var(--card);
          border:1px solid var(--line); border-radius:12px; padding:.85rem 1rem; }
  .card::after { content:""; position:absolute; inset:0 0 auto 0; height:2px;
          background:linear-gradient(90deg,transparent,color-mix(in srgb, var(--gold) 70.0%, transparent),transparent); }
  .card .k { font-size:.64rem; letter-spacing:.18em; text-transform:uppercase;
             color:var(--muted); margin-bottom:.3rem; }
  .card .v { font-size:1.45rem; font-weight:800; font-variant-numeric:tabular-nums;
             background:linear-gradient(92deg,var(--ink) 0%,var(--goldsoft) 70%,var(--gold) 100%);
             -webkit-background-clip:text; background-clip:text; color:transparent; }
  .card .s { font-size:.72rem; color:var(--muted); margin-top:.2rem; }
  .panel { background:var(--card); border:1px solid var(--line); border-radius:14px;
           overflow:hidden; }
  .panel.pad { padding:.8rem 1rem; }
  table { width:100%; border-collapse:collapse; font-size:.86rem; }
  th { text-align:left; font-size:.66rem; letter-spacing:.12em; text-transform:uppercase;
       color:var(--muted); padding:.55rem .7rem; border-bottom:1px solid var(--line);
       background:var(--field); }
  td { padding:.5rem .7rem; border-bottom:1px solid var(--line); vertical-align:middle; }
  tr:last-child td { border-bottom:0; }
  td.n, th.n { text-align:right; font-variant-numeric:tabular-nums; }
  tbody tr:hover td { background:color-mix(in srgb, var(--gold) 5.0%, transparent); }
  .pill { font-size:.68rem; font-weight:800; padding:.12rem .5rem; border-radius:99px;
          white-space:nowrap; }
  .pill.open, .pill.closing, .pill.live, .pill.extended, .pill.paid { background:var(--positive-bg); color:var(--calm-positive); }
  .pill.draft { background:var(--warn-bg); color:var(--warn); }
  .pill.closed, .pill.cancelled { background:var(--field); color:var(--muted); }
  .pill.good { background:var(--positive-bg); color:var(--calm-positive); }
  .pill.warned { background:var(--warn-bg); color:var(--warn); }
  .pill.suspended { background:var(--negative-bg); color:var(--calm-negative); }
  .btn { display:inline-block; padding:.45rem 1rem; border-radius:8px; font-weight:700;
         border:1.5px solid var(--line); }
  .btn.gold { border-color:var(--gold); }
  .btn.solid { background:linear-gradient(135deg,var(--gold),var(--gold)); color:var(--on-gold); border:0; }
  .muted { color:var(--muted); }
  input.f, select.f, textarea.f { width:100%; box-sizing:border-box; padding:.55rem .7rem;
        border-radius:8px; border:1px solid var(--line); background:var(--field);
        color:var(--ink); font:inherit; }