/* Results page ("The Guest List"). Loaded after styles.css; same palette + type. Completed / selected = the green of step 2. */
body.results .intro h1{font-size:64px}
.r-sub{font-size:17px;color:var(--text)}
.r-num{font:400 25px/1 var(--deco);letter-spacing:.04em;color:var(--bulb);text-shadow:0 0 14px rgba(247,230,202,.25)}
.r-facts{grid-template-columns:.8fr .8fr 1.3fr;max-width:820px}
.r-apps{margin:8px 0 0;font:400 15px/1.4 var(--sans);letter-spacing:.04em;color:rgba(241,232,214,.72)}
.r-apps[hidden]{display:none}
.r-collab-note{margin:14px auto 0;max-width:820px;text-align:center;font:400 13px/1.5 var(--sans);letter-spacing:.03em;color:rgba(241,232,214,.52)}
.panel.seat,.panel.guests{max-width:1000px;margin:22px auto 0}

/* check your seat */
.seat{padding:26px 30px 28px;border-color:rgba(126,235,244,.36);box-shadow:inset 0 1px 0 rgba(241,232,214,.06),0 0 34px rgba(73,195,212,.1)}
.seat-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.seat-head .hint{margin:0}
.seat-form{display:flex;gap:10px;margin-top:16px}
.seat-form .field{flex:1;height:60px}
.seat-form .field input{font-size:18px}
.seat-form .field.is-wallet .pre{color:var(--dim)}
.seat-form .btn{height:60px;padding:0 28px;font-size:16px}
.seat .msg{min-height:0;margin:6px 0 0}
.seat .msg:empty{display:none}
.seat-result{margin-top:12px;padding:22px;border-radius:16px}
.seat-result h3{margin:0;font:400 40px/1.05 var(--deco);text-transform:uppercase;letter-spacing:.08em}
.seat-result.yes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:26px;align-items:center;
  border:1px solid var(--goLine);background:linear-gradient(120deg,rgba(26,92,62,.38),rgba(4,16,13,.55) 60%);box-shadow:0 0 26px rgba(60,245,154,.12),inset 0 0 0 1px rgba(141,255,196,.05)}
.seat-result.yes h3{margin-top:12px;color:var(--bulb);text-shadow:0 0 18px rgba(247,230,202,.28)}
.stamp-pill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border:1px solid var(--goLine);border-radius:999px;background:rgba(60,245,154,.12);color:var(--goB);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.stamp-pill::before{content:"✓";color:var(--go)}
.res-who{margin:10px 0 0;font-size:18px}
.res-who b{color:var(--pearl);font-weight:600}
.res-facts{display:flex;gap:10px;margin:16px 0 0}
.res-facts div{flex:1;padding:10px 14px;border:1px solid var(--line2);border-radius:12px;background:rgba(2,6,7,.45)}
.res-facts dt{font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#a9bdbc}
.res-facts dd{margin:4px 0 0;font:300 30px/1 var(--deco);letter-spacing:.06em;color:var(--bulb)}
.res-next{margin:16px 0 14px;color:var(--text);font-size:15px}
.res-next a{color:var(--cyanB);font-weight:600;text-decoration:none}
.res-share{margin-top:2px;vertical-align:middle}
.res-card{position:relative}
.res-card .card-frame{border-color:var(--goLine);box-shadow:0 0 22px rgba(60,245,154,.14)}
.stamp{position:absolute;left:5%;top:9%;display:grid;justify-items:center;gap:2px;padding:9px 16px 8px;border:2px solid var(--go);border-radius:8px;background:rgba(2,14,9,.78);
  transform:rotate(-7deg);box-shadow:0 0 18px rgba(60,245,154,.4),inset 0 0 0 3px rgba(2,14,9,.9),inset 0 0 0 4px rgba(60,245,154,.55)}
.stamp b{font:500 30px/1 var(--deco);letter-spacing:.2em;margin-right:-.2em;text-transform:uppercase;color:var(--go);text-shadow:0 0 12px rgba(60,245,154,.6)}
.stamp span{font:600 11px/1.2 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--goB)}
.seat-result.no{border:1px solid var(--line2);background:rgba(2,6,7,.42)}
.seat-result.no h3{color:var(--silver)}
.seat-result.no p{margin:10px 0 0;font-size:16px;color:var(--text)}
.seat-result.no .res-alt{color:var(--muted);font-size:15px;max-width:640px}
.seat-result.no a{color:var(--cyanB);font-weight:600;text-decoration:none;white-space:nowrap}

/* selected guests grid */
.guests{padding:24px 26px 22px}
.guests-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.guests-head h2 span{margin-left:8px;font-size:23px;color:var(--go);text-shadow:0 0 10px rgba(60,245,154,.4)}
.filter{width:300px;height:44px;padding-left:14px;color:var(--dim)}
.filter input{padding:0 12px;font-size:15px}
.filter input::-webkit-search-cancel-button{filter:invert(.7)}
.g-grid{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px}
.g-item{display:flex;align-items:center;gap:12px;min-width:0;height:52px;padding:0 14px 0 9px;border:1px solid var(--line);border-radius:12px;background:rgba(2,6,7,.38)}
.g-av{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid rgba(60,245,154,.4);background:rgba(60,245,154,.08);color:var(--goB);font:600 12px/1 var(--sans);letter-spacing:.04em}
.g-handle{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pearl);font-weight:500;font-size:14.5px;text-decoration:none}
.g-handle:hover{color:var(--cyanB)}
.g-seat{flex:none;display:flex;align-items:baseline;gap:5px;font:400 19px/1 var(--deco);letter-spacing:.04em;color:var(--bulb)}
.g-seat small{font:600 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.g-empty{margin:18px 0 0;color:var(--muted);text-align:center}
.g-more{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}
.g-shown{font-size:13px;color:var(--dim)}

.selection-note{max-width:1000px;margin:20px auto 0;font-size:13px;line-height:1.6;color:var(--muted);text-align:center}
.selection-note b{color:var(--text);font-weight:600}
.selection-note code{font:500 12px var(--mono);color:var(--cyanB)}
.sample-tag{display:inline-block;margin-left:6px;padding:1px 8px;border:1px dashed rgba(247,230,202,.45);border-radius:999px;color:var(--bulb);font-style:normal;font-size:11.5px}
.foot a{color:var(--muted)}

@media (max-width:900px){
  .seat-result.yes{grid-template-columns:1fr}
  .res-card{order:-1}
}
@media (max-width:640px){
  body.results .intro h1{font-size:44px}
  .r-sub{font-size:15.5px}
  .r-num{font-size:22px}
  .r-facts{grid-template-columns:1fr 1fr}
  .seat{padding:20px 16px 20px}
  .seat-form{flex-direction:column}
  .seat-form .field{flex:none;height:56px}
  .seat-form .btn{height:52px}
  .seat-form .btn{width:100%}
  .seat-result{padding:16px}
  .seat-result h3{font-size:32px}
  .guests{padding:20px 14px}
  .filter{width:100%}
  .g-grid{grid-template-columns:1fr;gap:6px}
  .g-item{height:48px}
  .g-more{flex-direction:column;gap:8px}
}
.res-dl{margin:2px 0 0 8px;vertical-align:middle}
.res-saved{margin:12px 0 0;font-size:14px;color:var(--muted)}
#seatImg{display:block;width:100%;height:auto;border-radius:inherit}
#seatImg[hidden]{display:none}
@media (max-width:640px){.res-share,.res-dl{display:flex;justify-content:center;width:100%;box-sizing:border-box;margin:8px 0 0}}
.stamp[hidden]{display:none}
