/* ============================================================
   VESTIGE — the saleroom and customer accounts
   Theme tokens only; logical properties throughout so Arabic
   mirrors without a second sheet. Mobile first.
   ============================================================ */

/* ------------------------------------------------------------ account */
.acct .section-title{margin-bottom:.4rem}
.acct-narrow{max-width:620px}
.acct-lede{margin:1rem 0 2rem}
.acct-form{margin-top:2rem}
.pubform input[type=password],.pubform input[type=number]{
  display:block;width:100%;margin-top:.5rem;
  background:var(--obsidian-deep);color:var(--parchment);
  border:1px solid var(--filigree);padding:.65rem .8rem;
  font-family:var(--serif-body);font-size:1rem;letter-spacing:0;text-transform:none;
}
.pubform input[type=password]:focus,.pubform input[type=number]:focus{outline:none;border-color:var(--gold-soft)}
.acct-err{display:block;margin-top:.4rem;color:var(--crimson);font-family:var(--serif-body);
  font-size:.92rem;letter-spacing:0;text-transform:none}
.theme-dark .acct-err{color:var(--gold-pale)}
.acct-check{display:flex!important;align-items:flex-start;gap:.7rem;cursor:pointer}
.acct-check input{margin-top:.15rem;accent-color:var(--gold);width:1.05rem;height:1.05rem;flex:none}
.acct-check span{font-family:var(--serif-body);font-size:1rem;letter-spacing:0;text-transform:none;color:var(--parchment-dim)}
.acct-links{margin-top:1.4rem;font-size:.98rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem}
.acct-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}
.acct-sub{margin:.2rem 0 0;color:var(--muted);text-align:start}
.acct-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:2rem 0 1.4rem;
  position:sticky;top:4.6rem;z-index:5;padding:.5rem 0;background:rgba(var(--obsidian-rgb),.86);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.acct-tabs a{font-family:var(--serif-ui);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
  padding:.55rem .95rem;border:1px solid var(--filigree);color:var(--gold-soft);text-decoration:none}
.acct-tabs a:hover{border-color:var(--gold)}
.acct-card{border:1px solid var(--filigree);background:rgba(var(--surface-rgb),.55);
  padding:clamp(1.2rem,3vw,2.2rem);margin-bottom:1.4rem;scroll-margin-top:8rem}
.acct-h{font-family:var(--serif-display);font-weight:400;font-size:1.7rem;margin:0 0 1rem;color:var(--parchment)}
.acct-h3{font-family:var(--serif-ui);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--brass);margin:1.8rem 0 .7rem;font-weight:500}
.acct-note{color:var(--muted);font-size:.98rem;line-height:1.7}
.acct-status{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;color:var(--parchment)}
.acct-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--muted);flex:none}
.acct-status--approved .acct-dot{background:var(--gold)}
.acct-status--pending .acct-dot{background:var(--brass)}
.acct-status--suspended .acct-dot{background:var(--crimson)}
.acct-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--filigree)}
.acct-list li a{display:grid;grid-template-columns:auto 1fr auto;gap:.3rem 1rem;align-items:baseline;
  padding:.85rem 0;border-bottom:1px solid var(--filigree);color:var(--parchment-dim);text-decoration:none}
.acct-list li a:hover .acct-list__t{color:var(--gold-pale)}
.acct-list__no{font-family:var(--serif-ui);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}
.acct-list__t{color:var(--parchment);min-width:0;overflow:hidden;text-overflow:ellipsis}
.acct-list__v{white-space:nowrap}
.acct-tag{grid-column:2 / -1;justify-self:start;font-family:var(--serif-ui);font-size:.56rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted);border:1px solid var(--filigree);padding:.2rem .5rem}
.acct-tag.is-lead{color:var(--gold);border-color:var(--gold)}
@media (max-width:560px){
  .acct-list li a{grid-template-columns:1fr auto}
  .acct-list__no{grid-column:1 / -1}
  .acct-tabs{top:4rem}
}

/* ------------------------------------------------------------ saleroom */
.sr-hero .lede{margin-top:1.2rem}
.sr-steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.8rem;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:900px}
.sr-steps li{display:flex;gap:.8rem;align-items:center;border:1px solid var(--filigree);padding:.8rem 1rem;
  color:var(--parchment-dim)}
.sr-steps b{font-family:var(--serif-display);font-weight:400;font-size:1.7rem;color:var(--gold);line-height:1}
.sr-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.sr-band{padding-top:0}
.sr-band__head{display:flex;align-items:baseline;gap:.8rem;border-bottom:1px solid var(--filigree);
  padding-bottom:.8rem;margin-bottom:1.6rem}
.sr-band__h{font-family:var(--serif-display);font-weight:400;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);
  margin:0;color:var(--parchment)}
.sr-band__n{font-family:var(--serif-ui);font-size:.66rem;letter-spacing:.2em;color:var(--brass)}
.sr-empty{color:var(--muted);font-size:1.05rem}
.sr-terms .record-prose{margin-top:1rem}

.lots{display:grid;gap:clamp(1rem,2vw,1.8rem);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
@media (max-width:560px){.lots{grid-template-columns:1fr 1fr;gap:.8rem}}
.lotcard{display:flex;flex-direction:column;border:1px solid var(--filigree);background:rgba(var(--surface-rgb),.5);
  color:var(--parchment-dim);text-decoration:none;transition:border-color .5s ease,transform .7s var(--ease-vault)}
.lotcard:hover{border-color:var(--gold-soft);transform:translateY(-3px)}
.lotcard__frame{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--surface-2)}
.lotcard__frame img{width:100%;height:100%;object-fit:cover;display:block}
.lotcard__badge{position:absolute;inset-block-start:.6rem;inset-inline-start:.6rem;
  font-family:var(--serif-ui);font-size:.54rem;letter-spacing:.18em;text-transform:uppercase;
  padding:.3rem .55rem;background:rgba(var(--obsidian-rgb),.82);color:var(--gold-pale);border:1px solid var(--filigree-lit)}
.lotcard--live .lotcard__badge{background:var(--gold);color:var(--obsidian);border-color:var(--gold)}
.lotcard__body{display:flex;flex-direction:column;gap:.45rem;padding:.9rem 1rem 1rem;flex:1}
.lotcard__meta{display:flex;justify-content:space-between;gap:.5rem;font-family:var(--serif-ui);
  font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.lotcard__res--met{color:var(--gold)}
.lotcard__title{font-family:var(--serif-display);font-size:1.18rem;line-height:1.25;color:var(--parchment);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lotcard__sale{font-size:.86rem;color:var(--muted)}
.lotcard__foot{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:auto;
  padding-top:.6rem;border-top:1px solid var(--filigree)}
.lotcard__k{font-size:.86rem;color:var(--muted)}
.lotcard__v{font-family:var(--serif-display);font-size:1.25rem;color:var(--gold-pale)}
.theme-light .lotcard__v{color:var(--gold)}
.lotcard__clock{font-size:.88rem;color:var(--parchment-dim);font-variant-numeric:tabular-nums}
@media (max-width:560px){
  .lotcard__body{padding:.7rem .7rem .8rem}
  .lotcard__title{font-size:1.02rem}
  .lotcard__meta{flex-direction:column;gap:.2rem}
  .lotcard__foot{flex-direction:column;gap:.1rem}
  .lotcard__clock{font-size:.8rem}
}

/* the bid box on a lot */
.bidbox{border:1px solid var(--filigree-lit);background:rgba(var(--surface-rgb),.7);padding:clamp(1rem,2.5vw,1.6rem);
  margin:1.4rem 0;scroll-margin-top:7rem}
.bidbox__top{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}
.bidbox__phase,.bidbox__res{font-family:var(--serif-ui);font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;
  padding:.3rem .6rem;border:1px solid var(--filigree-lit);color:var(--gold-soft)}
.bidbox__phase--live{background:var(--gold);color:var(--obsidian);border-color:var(--gold)}
.bidbox__res--met{color:var(--gold);border-color:var(--gold)}
.bidbox__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .9rem;margin:1.1rem 0 .4rem}
.bidbox__k{display:block;width:100%;font-family:var(--serif-ui);font-size:.58rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--brass)}
.bidbox__v{font-family:var(--serif-display);font-size:clamp(2.2rem,1.6rem + 2vw,3.2rem);line-height:1;color:var(--parchment)}
.bidbox__v.is-flash{animation:srflash 1.2s var(--ease-vault)}
@keyframes srflash{0%{color:var(--gold)}100%{color:var(--parchment)}}
.bidbox__n{color:var(--muted)}
.bidbox__est{margin:.3rem 0 0;color:var(--muted)}
.bidbox__est b{color:var(--parchment-dim);font-weight:400}
.bidbox__clock{margin:1rem 0 .4rem;padding-top:1rem;border-top:1px solid var(--filigree)}
.bidbox__timer{display:block;font-family:var(--serif-display);font-size:1.7rem;color:var(--gold-pale);
  font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
html[dir="rtl"] .bidbox__timer{text-align:end}
.theme-light .bidbox__timer{color:var(--gold)}
.bidbox__timer.is-urgent{color:var(--crimson)}
.bidbox__when{display:block;color:var(--muted);font-size:.95rem}
.bidbox__ext{display:inline-block;margin-top:.4rem;font-size:.86rem;color:var(--gold)}
.bidbox__msg{min-height:1.4em;margin:.6rem 0;color:var(--gold-pale);font-size:1.02rem}
.theme-light .bidbox__msg{color:var(--gold)}
.bidbox__msg.is-err{color:var(--crimson)}
.bidbox__note{color:var(--muted);font-size:.96rem;line-height:1.65;margin:.6rem 0}
.bidbox__auth{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-top:.6rem}
.bidbox__watch{margin-top:.9rem}
.linkish{background:none;border:0;padding:0;font:inherit;color:var(--gold-soft);cursor:pointer;
  text-decoration:underline;text-underline-offset:3px}
.bidform{margin-top:.6rem}
.bidform__l{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;font-family:var(--serif-ui);
  font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:.5rem}
.bidform__min{letter-spacing:.1em}
.bidform__min b{color:var(--parchment);font-weight:500}
.bidform__row{display:flex;align-items:stretch;border:1px solid var(--filigree-lit);background:var(--obsidian-deep)}
.bidform__cur{display:flex;align-items:center;padding:0 .2rem 0 .8rem;color:var(--muted);font-size:1.2rem}
.bidform__row input{flex:1;min-width:0;background:transparent;border:0;color:var(--parchment);
  font-family:var(--serif-display);font-size:1.5rem;padding:.55rem .5rem;-moz-appearance:textfield}
.bidform__row input::-webkit-outer-spin-button,.bidform__row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bidform__row input:focus{outline:none}
.bidform__row:focus-within{border-color:var(--gold)}
.bidform__go{white-space:nowrap;border-width:0 0 0 1px}
.bidform__go.is-confirm{animation:srflash 1s ease}
.bidform__quick{display:flex;gap:.5rem;margin-top:.6rem;flex-wrap:wrap}
.bidform__step{background:transparent;border:1px solid var(--filigree);color:var(--gold-soft);padding:.45rem .8rem;
  font:inherit;font-size:.95rem;cursor:pointer;min-height:2.6rem}
.bidform__step:hover{border-color:var(--gold)}
@media (max-width:560px){
  .bidform__row{flex-wrap:wrap}
  .bidform__row input{flex:1 1 60%}
  .bidform__go{flex:1 1 100%;border-width:1px 0 0}
}

.bidlog{margin:1.2rem 0 1.8rem}
.bidlog__h{font-family:var(--serif-ui);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--brass);font-weight:500;margin:0 0 .6rem}
.bidlog__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--filigree);max-height:22rem;overflow:auto}
.bidlog__list li{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:baseline;
  padding:.55rem 0;border-bottom:1px solid var(--filigree);font-size:.98rem}
.bidlog__list li:first-child b{color:var(--gold-pale)}
.theme-light .bidlog__list li:first-child b{color:var(--gold)}
.bidlog__list li.is-mine span{color:var(--gold-soft)}
.bidlog__list b{font-weight:400;color:var(--parchment)}
.bidlog__list time{color:var(--muted);font-size:.86rem;white-space:nowrap}
.bidlog__empty{color:var(--muted)}
.sr-piece-link{margin-top:1.6rem}

/* the box on a piece page */
.srbox{border:1px solid var(--gold-soft);background:rgba(var(--surface-rgb),.7);padding:1rem 1.2rem;margin:1.2rem 0}
.srbox__eyebrow{margin:0 0 .5rem;font-family:var(--serif-ui);font-size:.58rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold-soft)}
.srbox__line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;margin:0 0 .3rem;color:var(--muted)}
.srbox__line b{font-family:var(--serif-display);font-size:1.6rem;font-weight:400;color:var(--parchment)}
.srbox__res{font-size:.88rem}
.srbox__when{margin:0 0 .9rem;color:var(--parchment-dim);font-size:.95rem}
.bidbox__ext[hidden],.bidlog__empty[hidden]{display:none}
.bidbox__when[hidden]{display:none}