/* Host self-service pages: sign-in, my events, new event. Builds on gallery.css. */
header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.header-link { color:var(--ink); font-size:13px; font-weight:800; text-decoration:none; }
.host-shell { padding-bottom:48px; }
.host-card { display:grid; gap:16px; margin:0 0 22px; padding:20px; border:1px solid var(--line); border-radius:22px; background:rgba(255,250,242,.88); box-shadow:0 12px 32px rgba(74,54,39,.055); }
.host-card h2 { margin:0; font-size:20px; }
.host-card p { margin:0; color:var(--muted); }
.host-card form { display:grid; gap:16px; }
.host-card fieldset { display:grid; gap:14px; margin:0; padding:0; border:0; }
.host-card legend { margin-bottom:10px; font-size:17px; font-weight:800; }
.host-card label { display:grid; gap:6px; color:var(--muted); font-size:12px; font-weight:800; }
.host-card input:not([type=checkbox]):not([type=radio]), .host-card select { width:100%; min-height:46px; padding:10px 13px; border:1px solid rgba(0,0,0,.14); border-radius:12px; color:var(--ink); background:white; font:inherit; }
.host-card .check { display:flex; align-items:flex-start; gap:10px; color:var(--ink); font-size:14px; font-weight:600; }
.host-card .check input { width:18px; height:18px; margin-top:2px; accent-color:var(--accent); }
.host-hint { color:var(--muted); font-size:12px; font-weight:600; }
.host-message { padding:12px 14px; border-radius:14px; background:rgba(45,33,25,.07); color:var(--ink); }
.host-message.error { background:rgba(180,40,30,.09); color:#8a2219; }
.package-list { display:grid; gap:10px; }
.host-card .package-option { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid rgba(0,0,0,.12); border-radius:16px; background:white; color:var(--ink); font-size:14px; font-weight:600; cursor:pointer; }
.host-card .package-option input { width:18px; height:18px; accent-color:var(--accent); }
.host-card .package-option strong { display:block; font-size:16px; }
.host-card .package-option .price { margin-left:auto; font-size:16px; font-weight:900; }
.event-list { display:grid; gap:14px; }
.event-row { display:grid; gap:10px; }
.event-row-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.event-row-head h2 { font-size:22px; }
.event-status { flex:none; padding:4px 10px; border-radius:99px; background:rgba(45,33,25,.08); font-size:12px; font-weight:800; }
.event-status.active { background:rgba(40,120,60,.12); color:#1f5a2e; }
.event-actions { display:flex; flex-wrap:wrap; gap:8px; }
.share-link.secondary { color:var(--ink); background:white; border:1px solid rgba(0,0,0,.14); }
.share-link.danger { background:#8a2219; }
@media(max-width:650px){ .event-actions .share-link { flex:1 1 100%; } .event-row-head { flex-direction:column; } }