/* THE ROUND-3 LOOK OF THE ONE ACCESS PAGE (platform #952; Felipe 2026-10-13 approved the round-3 board). Built once
   from the approved mockup's own rules (its stage, its case blocks), so the page carries the board's look exactly; this
   file is the source from now on. The side panel's light look (the ground, the moving grid, the words) is shared by every
   door page since Felipe chose design B on 2026-10-18, so it lives in door-light.css, which the page links first. */

/* the stage that floats the class's covers (public/assets/access-side.js). Design B has no drawing: until the page shows a
   class's covers the stage takes no room, so the words sit in the middle of the panel (door-light.css). */
.sr3-stage { position: relative; flex: none; height: min(52vh, 470px); margin-top: 22px; }
.sr3-hint { font-size: 13px; color: var(--iso-ink-2); margin: 6px 0 0; min-height: 18px; }
@media (max-width: 760px) { .sr3-stage { flex: none; min-height: 0; height: 112px; margin-top: 12px; } .sr3-hint { display: none; } }
.auth-brand:not(.has-covers) .sr3-stage { height: 0; margin-top: 0; }
.auth-brand:not(.has-covers) .sr3-hint { display: none; }

/* the case blocks */
.rs-found{border:1px solid var(--coral-soft,#E8A488);background:var(--coral-tint,#fdf3ee);border-radius:12px;padding:14px 16px;margin:0 0 14px;font-size:14.5px;line-height:1.5}
.rs-found b{display:block;font-size:15px;margin-bottom:2px}
.rs-found.err{border-color:#e7b4a6;background:#fbefeb}
.rs-found.ok{border-color:#bfe3cc;background:#effaf3}
.rs-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border,#e4e7eb);border-radius:12px;padding:12px 14px;margin:0 0 10px;background:#fff;transition:box-shadow .2s,border-color .2s}
.rs-card.on{border-color:#191b20;box-shadow:0 0 0 1px #191b20}
.rs-card .dot{width:18px;height:18px;border-radius:99px;border:1px solid #cad0d9;flex:none;margin-top:2px}
.rs-card.on .dot{border:5px solid #191b20}
.rs-card b{display:block;font-size:14.5px}
.rs-card span{display:block;font-size:13px;color:var(--ink-2,#5c5e63);margin-top:2px}
.rs-card .mini{display:flex;gap:4px;margin-top:8px}
.rs-card .mini img{width:22px;aspect-ratio:3/4;object-fit:cover;border-radius:3px}
.rs-steps{display:flex;gap:10px;align-items:center;margin:0 0 18px;font-size:13px;flex-wrap:wrap}
.rs-steps i{font-style:normal;color:var(--ink-3,#5b6678)}
.rs-steps b{font-weight:600}
.rs-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border,#e4e7eb);border-radius:12px;padding:12px 14px;margin:0 0 10px;background:#fff;font-size:14px}
.rs-row b{font-size:14.5px}
.rs-row .st{font-size:12.5px;font-weight:500;padding:3px 9px;border-radius:99px;background:#f4f4f5;white-space:nowrap}
.rs-row .st.ok{background:#e9f7ef;color:#1d6b43}
.rs-row .st.pay{background:#fdf3ee;color:#a8472a}
.rs-row .st.err{background:#fbefeb;color:#a8472a}
.rs-code{font-family:JetBrains Mono,monospace;letter-spacing:.2em;text-align:center;background:var(--coral-tint,#fdf3ee)!important;border-color:var(--coral-soft,#E8A488)!important}
.rs-search{position:relative}
.rs-search input{padding-left:34px!important}
.rs-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#5c5e63}
.rs-count{font-size:12.5px;color:var(--ink-3,#5b6678);margin:6px 0 12px}
.rs-hidden{opacity:0;transform:translateY(6px);pointer-events:none}
.rs-in{transition:opacity .35s,transform .35s}
.rs-sheet{position:fixed;inset:0;background:rgba(25,27,32,.35);display:grid;place-items:end center;z-index:50}
.rs-sheet .in{background:#fff;width:min(560px,100%);max-height:86vh;overflow:auto;border-radius:16px 16px 0 0;padding:20px 20px 26px;box-shadow:0 -10px 40px -20px rgba(0,0,0,.4)}

/* THE CLASS PICKER (public/assets/class-picker.js): its cards are the board's .rs-card; these rules only make them buttons */
.cp-card { width: 100%; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.cp-card:focus-visible { outline: 2px solid var(--iso-accent); outline-offset: 2px; }
.cp-card .cp-body { display: block; min-width: 0; }
.cp-numbers { margin: 0 0 14px; } .cp-numbers a { color: var(--coral-text, #a8472a); font-weight: 500; }
.cp-privacy { font-size: 13px; color: var(--ink-3, #5b6678); margin: 10px 0 13px; line-height: 1.45; }