/* Clear sections, solid colours, one identity card. */
.pass-page{padding:16px 16px 28px;color:#294f5e;background:#f5f4ef;min-height:100%;font-family:var(--sans)}
.pass-page h2{font:700 19px/1.25 var(--sans);letter-spacing:-.025em;color:#294f5e;margin:0 0 13px}.pass-page button{touch-action:manipulation;cursor:pointer}.pass-page button:focus-visible,.pass-page summary:focus-visible{outline:2px solid #9e2432;outline-offset:3px}
.pass-identity{background:#ffda57;color:#493616;border-radius:20px;padding:18px;margin-bottom:25px;box-shadow:0 5px 15px #c9941518}.pass-identity-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:17px;border-bottom:1px solid #8c671b30;font-size:11px;color:#68501e}.pass-identity-top>span:first-child{font-weight:700;color:#493616}.pass-identity-person{display:flex;gap:13px;align-items:center;padding-top:17px}.pass-avatar{width:49px;height:49px;flex:none;border:2px solid #fff8dc;border-radius:50%;padding:0;background:#ffeaa0;color:#493616;overflow:hidden;display:grid;place-items:center;font:500 21px var(--serif)}.pass-avatar img{width:100%;height:100%;object-fit:cover}.pass-identity-person>div{min-width:0;flex:1}.pass-identity h1{font:600 21px/1.2 var(--sans);letter-spacing:-.025em;color:#493616;margin:0;overflow-wrap:anywhere}.pass-identity-person p{font-size:12px;color:#68501e;margin-top:5px}.pass-edit{font:600 11px var(--sans);color:#493616;background:#fff4c0;border:1px solid #a8792038;border-radius:20px;min-height:34px;padding:8px 13px;flex:none}.pass-profile-edit{display:grid;gap:12px;padding-top:18px}.pass-profile-edit label{font-size:11px;color:#68501e}.pass-profile-edit input{margin-top:5px;border-radius:9px;border:1px solid #a9c4cd;background:#fffaf0;color:#294f5e;padding:10px;font:400 14px var(--sans);width:100%}.pass-profile-edit>div{display:flex;gap:10px}.pass-profile-edit button{background:#fffaf0;border-radius:20px;color:#294f5e;padding:9px 20px;font:600 12px var(--sans)}
.pass-page .pass-private-groups{margin:0 0 25px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.pass-page .pass-private-groups>h2{font:700 19px/1.25 var(--sans);letter-spacing:-.025em;margin:0 0 13px}.pass-page .pass-private-group-list{gap:9px}.pass-page .pass-private-group-row{padding:16px;background:#fff;border:1px solid #dce3e1;box-shadow:0 2px 5px #294f5e05;border-radius:15px;gap:12px}.pass-page .pass-private-group-info{gap:11px}.pass-page .pass-private-group-info>b{font:600 14px/1.4 var(--sans);color:#294f5e}.pass-page .pass-private-group-info>small{display:none}.pass-page .pass-private-group-info .circle-avatars>span{height:27px;width:27px;border-color:#fff}.pass-page .pass-private-group-arrow{background:#9e2432;width:36px;height:36px}.pass-page .group-pass-shortcut.circle-loading{width:100%;margin:0 0 24px;background:#fff;border-color:#dce3e1}
.pass-plans,.pass-attendance{margin-bottom:25px}.pass-preferences{padding:17px;background:#fff;border:1px solid #dce3e1;border-radius:15px}.pass-preferences>div>span,.pass-preference-row>div>span{display:block;font:600 12px var(--sans);color:#526e78;margin-bottom:9px}.pass-choice{display:flex;gap:5px;background:#edf1ee;border-radius:11px;padding:4px}.pass-choice button{flex:1;min-width:0;padding:9px 11px;border-radius:8px;background:transparent;border:0;color:#617a82;font:500 12px var(--sans);min-height:36px}.pass-choice button[aria-pressed=true]{background:#ffda57;color:#493616;box-shadow:none}.pass-preference-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.pass-stepper{display:flex;align-items:center;justify-content:space-between;min-height:44px;border:1px solid #dce3e1;border-radius:11px;background:#fff}.pass-stepper button{width:40px;height:40px;background:#f1f4f0;color:#294f5e;border:0;border-radius:10px;font-size:20px}.pass-stepper b{font-size:15px;min-width:25px;text-align:center}
.pass-occasion{padding:17px;background:#fff;border:1px solid #dce3e1;border-radius:15px;margin-bottom:10px}.pass-occasion-head{display:flex;align-items:center;gap:13px;margin-bottom:15px}.pass-date{width:45px;height:49px;background:#fff0b4;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;color:#294f5e}.pass-date b{font:700 20px/1 var(--sans)}.pass-date span{font-size:9px;margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.pass-occasion h3{font:600 16px/1.25 var(--sans);color:#294f5e;margin:0}.pass-occasion-head p{font-size:11px;color:#71858b;margin-top:5px}.pass-rsvp{display:flex;gap:7px}.pass-rsvp>button{flex:1;min-width:0;min-height:38px;padding:9px 7px;border:1px solid #d5dddb;border-radius:9px;background:#fff;color:#617a82;font:500 12px var(--sans)}.pass-rsvp>button[aria-pressed=true]{background:#9e2432;border-color:#9e2432;color:#fffaf0}.pass-event-details{margin-top:13px;border-top:1px solid #edf0ea}.pass-event-details>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;color:#71858b;font-size:11px;padding-top:11px}.pass-event-details>summary::-webkit-details-marker{display:none}.pass-event-details[open]>summary>span{transform:rotate(180deg)}.pass-event-details>p{font-size:12px;line-height:1.65;color:#526e78;margin:12px 0}.pass-event-details>div{display:flex;gap:16px}.pass-event-details button{background:transparent;border:0;padding:6px 0;color:#9e2432;font:600 11px var(--sans)}
.pass-page .pwa-pass-button{margin:0 0 15px;background:#fff;border:1px solid #dce3e1;box-shadow:none;border-radius:15px;color:#294f5e;font-size:13px;padding:16px}.pass-page .pwa-pass-button>small{color:#71858b}.pass-page .mobile-dev-panel{margin:0;border-color:#dce3e1;background:#fff}.pass-page .admin{margin:20px 0}
@media(max-width:360px){.pass-page{padding:13px 12px 24px}.pass-identity{padding:15px}.pass-identity h1{font-size:18px}.pass-identity-person{gap:9px}.pass-avatar{width:43px;height:43px}.pass-preference-row{gap:12px}.pass-choice button{padding:8px 6px}}

/* Pass: yellow leads, with blue and pink separating practical choices. */
.pass-page{background:#fffbed;color:#493616}.pass-page h2,.pass-occasion h3,.pass-page .pass-private-group-info>b{color:#493616}
.pass-page .pass-private-group-row{background:#c9efff;border-color:#86cfe9;box-shadow:none}.pass-page .pass-private-group-row:nth-child(even){background:#ffd5e4;border-color:#f0a6bf}
.pass-preferences{background:#fff1b4;border-color:#eac557}.pass-choice{background:#fffbed}.pass-choice button{color:#68501e}.pass-choice button[aria-pressed=true]{background:#ffda57;color:#493616}
.pass-preferences>div>span,.pass-preference-row>div>span{color:#68501e}.pass-stepper{border-color:#eac557}.pass-stepper button{background:#ffda57;color:#493616}
.pass-occasion{border-color:#eac557}.pass-date{background:#ffda57;color:#493616}.pass-occasion:nth-of-type(even) .pass-date{background:#9cdef8}.pass-occasion:nth-of-type(3n) .pass-date{background:#ffc0d5}
.pass-occasion-head p,.pass-event-details>summary,.pass-event-details>p{color:#705b42}.pass-rsvp>button{color:#68452a;border-color:#e4c676}.pass-event-details{border-color:#f1dfae}
.pass-page .pwa-pass-button{background:#ffda57;border-color:#e5b02b;color:#493616}.pass-page .pwa-pass-button>small{color:#68501e}.pass-page .mobile-dev-panel{background:#fff2c4;border-color:#eac557}

.pass-page .pass-private-group-arrow,.pass-page .pass-rsvp>button[aria-pressed=true]{background:#b52636;border-color:#a31e2e;color:#fffaf0}