/* ═══════════ the record card — "cold paper" in the reveal frame ═══════════
   White sheet, hard letterhead feel, dotted leaders, navy ink. Rendered by
   casefile.js renderInto() for both the Call finale and the Email record. */

.revealcard{
  width:min(460px,90vw);text-align:left;
  background:#fff;border:1px solid var(--hair);border-radius:18px;
  box-shadow:0 2px 6px rgba(18,25,60,.04),0 40px 90px -30px rgba(18,25,60,.28);
  padding:24px 30px 20px;
  /* twelve rows must fit between the chrome and the glass bar; on anything
     shorter the card scrolls inside itself rather than clipping the stamp */
  max-height:calc(100vh - 190px);overflow-y:auto;
}
.rec-k{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.rec-firm{margin-top:4px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;
  font-size:21px;padding-bottom:11px;border-bottom:2px solid var(--ink)}
.rec-rows{margin-top:4px}
.rec-r{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  padding:5.5px 0;border-bottom:1px dotted #D9DDEA}
.rec-r dt{font-size:9px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;flex:none}
.rec-r dd{font-size:12.5px;font-weight:500;color:var(--navy-deep);text-align:right}
/* fields the agent never reached — furniture, not news */
.rec-r dd.tbd{color:var(--faint);font-weight:400;font-style:italic}

/* the disposition, as the rubber stamp it would be on paper */
.rec-stampline{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:14px;
  min-height:32px}
.rec-stamp{border:2px solid var(--navy);color:var(--navy);border-radius:4px;
  padding:6px 13px;font-size:11.5px;font-weight:600;letter-spacing:.14em;
  background:rgba(255,255,255,.85);flex:none;
  opacity:0;transform:scale(1.5) rotate(-8deg)}
.rec-stamp.declined{border-color:var(--declined);color:var(--declined)}
.rec-stamp.open{border-color:#98A1B2;color:var(--mut)}
.rec-stamp.land{animation:stampland .55s var(--e) forwards}
@keyframes stampland{
  0%{opacity:0;transform:scale(1.5) rotate(-8deg)}
  55%{opacity:1;transform:scale(.95) rotate(-4deg)}
  75%{transform:scale(1.03) rotate(-4deg)}
  100%{opacity:1;transform:scale(1) rotate(-4deg)}
}
.rec-stampnote{font-size:9px;letter-spacing:.13em;color:var(--faint);text-transform:uppercase;
  text-align:right;opacity:0;transition:opacity .6s var(--e) .25s}
.rec-stampnote.on{opacity:1}
.rec-note{margin-top:12px;padding-top:10px;border-top:1px solid var(--hair-soft);
  font-size:10.5px;line-height:1.55;color:var(--mut)}

/* When the window is short, the record goes WIDE instead of tall: the twelve
   rows split into two ruled columns, halving the height — the whole sheet and
   its stamp always in frame. */
@media (max-height:900px) and (min-width:760px){
  .chan-call .revealcard{width:min(790px,94vw)}
  .chan-call .revealcard .rec-rows{
    display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
}