/* Lane A owns this file. Components added by the events engine.
   assets/css/app.css belongs to Lane B - nothing here edits it. */

.badge{display:inline-block;font-size:.72em;letter-spacing:.06em;text-transform:uppercase;
  padding:2px 8px;border-radius:3px;margin-left:8px;vertical-align:middle}
.badge-closed{background:#e4e0d5;color:#6b6455}

.counter{font-weight:700;margin:.4em 0 .8em}
.counter .bar{display:block;height:6px;background:#e4e0d5;border-radius:3px;margin-top:6px;overflow:hidden;max-width:320px}
.counter .bar i{display:block;height:100%;background:var(--green,#4a7c4e)}

.closed-note{font-size:1.05em}

form.jsform{display:grid;gap:14px;max-width:520px;margin-top:8px}
form.jsform label{display:block;font-weight:600}
form.jsform .hint{display:block;font-weight:400;font-size:.85em;opacity:.7;margin-top:2px}
form.jsform input,form.jsform textarea{width:100%;padding:11px 12px;margin-top:5px;
  border:1px solid #cfc9ba;border-radius:4px;font:inherit;background:#fff;box-sizing:border-box}
form.jsform input:focus,form.jsform textarea:focus{outline:2px solid var(--green,#4a7c4e);outline-offset:1px}
form.jsform input[name=party_size]{max-width:120px}
form.jsform .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
form.jsform button[disabled]{opacity:.55;cursor:progress}
.formmsg{margin:0;font-weight:600;min-height:1.2em}
.formmsg.err{color:#a33}
.formmsg.ok{color:var(--green,#4a7c4e)}

.share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}
.share .copied{font-weight:600;color:var(--green,#4a7c4e)}

.photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:18px 0}
.photos img{width:100%;height:100%;object-fit:cover;border-radius:4px;display:block}

.btn-nav{padding:7px 14px;font-size:.9em}
@media (max-width:640px){
  .nav{flex-wrap:wrap;gap:10px}
  form.jsform{max-width:none}
}

/* invite script cards */
.script{border:1px solid #ded9cc;border-radius:5px;padding:16px 18px;margin:18px 0;background:#fdfcf9}
.script-label{font-family:Montserrat,system-ui,sans-serif;font-weight:700;font-size:.95em;margin-bottom:3px}
.script-note{font-size:.9em;opacity:.75;margin:0 0 10px}
.script-text{margin:0 0 12px;padding:12px 14px;border-left:3px solid var(--green,#4a7c4e);
  background:#fff;white-space:pre-wrap;font-size:.97em;border-radius:0 3px 3px 0}
.script .btn{margin-right:8px}