/* Additive UI styles for promotion preview and private passport, no hotel price override. */
.hotel-promotion-box{margin-block:20px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface2)}
.hotel-promotion-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.hotel-promotion-form label{flex:1 1 155px;min-width:125px}.hotel-promotion-form button{margin-bottom:2px}.hotel-promotion-applied{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-radius:12px;padding:12px;background:var(--surface);margin:12px 0}.hotel-promo-price{display:grid;gap:3px;background:var(--surface2);border-radius:10px;padding:10px;margin:10px 0}.hotel-promo-price strong{color:var(--text)}
.passport-personal{margin-top:20px}.passport-personal-trips{display:flex;flex-wrap:wrap;gap:8px}.trip-flashbacks{margin-bottom:20px}.trip-flashback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.trip-flashback-item{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface2)}.trip-flashback-item strong,.trip-flashback-item small{display:block}.trip-flashback-item small{color:var(--muted);margin-top:5px}
@media(max-width:570px){.hotel-promotion-form{display:grid}.hotel-promotion-form label{min-width:0}.passport-personal .row{flex-wrap:wrap}}

.trip-collab-join{margin-bottom:18px}.trip-join-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.trip-join-form label{flex:1 1 220px}.trip-invite-generated{margin:20px 0}.trip-share-code{display:inline-block;font-size:25px;letter-spacing:4px;background:var(--surface2);padding:12px 18px;border-radius:12px;margin:8px}

.trip-collab-actions{display:inline-flex;align-items:end;gap:8px;flex-wrap:wrap}.trip-collab-actions select{width:auto;min-width:135px}.trip-collab-actions label{font-size:12px}