/* Friends keeps plans readable and invitations one clear action away. */
#groups:has(#meetupBuilder:not([hidden]))>:not(#meetupBuilder){display:none!important}
#groups .friend-actions{margin-bottom:24px}
#groups #newMeetup{background:var(--green);border-color:var(--green);color:#fff}
#groups #newMeetup strong{color:#fff}
#groups #newMeetup small{color:#deead9}
.friends-agenda-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin:24px 0 12px}
.friends-agenda-heading h3{margin:0;font-size:23px}.friends-agenda-heading small{font-size:13px;color:#58705f}
.meetup-day-heading{font-size:15px;font-weight:700;margin:20px 0 10px;color:#54705c}
.saved-meetup.meetup-next{background:#eef4e6;border-color:#b5cbaa;padding:20px}
.meetup-next>.eyebrow{display:block;margin-bottom:10px}
.saved-meetup .open-meetup{min-height:72px}.saved-meetup .open-meetup strong{font-size:22px;line-height:1.25}
.saved-meetup .open-meetup small{line-height:1.5}
.saved-meetup>.text-button{color:#5c7062;min-height:44px;font-size:13px;padding:8px 0}
.friends-checkin-action{margin-top:24px}
.friends-empty{margin:24px 0;padding:24px;background:#eef1e8;border-radius:18px}
.friends-empty h3{font-size:22px;line-height:1.25}.friends-empty p{font-size:16px;line-height:1.5}
.meetup-undo{background:#fff0d6;border-radius:14px;padding:14px;margin:12px 0;font-size:15px}
.meetup-undo p{margin:0 0 8px}.meetup-undo button{min-height:44px;font-size:15px}
#meetupForm #meetupInviteName{margin-bottom:16px}
#meetupForm #meetupNote{margin-bottom:10px}
body[data-screen="meetup"]:not(.full-map):not(.guiding){background:#f8f7ef}
body[data-screen="meetup"]:not(.full-map):not(.guiding) .mapwrap{visibility:hidden}
body[data-screen="meetup"]:not(.full-map):not(.guiding) :is(.gps-chip,.sheet-toolbar){display:none}
body[data-screen="meetup"]:not(.full-map):not(.guiding) #sheet{position:absolute;inset:80px 0 0;width:100%;height:auto;min-height:0;max-height:none;border-radius:0;box-shadow:none;background:#fffdf6}
body[data-screen="meetup"] .sheet-scroll{padding:12px 24px 24px}
body[data-screen="meetup"] #meetup{max-width:620px;margin:0 auto}
body[data-screen="meetup"] #sheet>.tabs{padding:8px max(16px,calc((100% - 620px)/2)) calc(10px + var(--safe));gap:8px;background:#f8f7ef}
body[data-screen="meetup"] header h1{background:transparent;box-shadow:none;padding:4px 0;font-size:27px}
body[data-screen="meetup"] header .help-button{background:transparent;box-shadow:none;border:0}
#meetup h2{font-size:32px;overflow-wrap:anywhere;margin-bottom:12px}
.meetup-receipt{font-size:16px;background:#eaf2df;border-radius:13px;padding:14px;margin:12px 0}
.meetup-past-note{font-size:16px;background:#fff0d6;padding:14px;border-radius:13px}
.meetup-local-status{font-size:14px;color:#54705c;margin:14px 0 8px}
.meetup-use-actions{display:grid;gap:10px;margin-top:18px}
.meetup-calendar-note,.meetup-snapshot-note{font-size:13px;color:#52695a;line-height:1.5}
.meetup-link-details summary{min-height:44px;display:list-item;line-height:1.5}
.meetup-delivery{display:none;flex:none;border-top:1px solid #dce5dd;padding:10px 20px;background:#fffdf6}
.meetup-flow-footer{display:none;flex:none;border-top:1px solid #dce5dd;padding:10px 20px;background:#fffdf6}
body[data-screen="groups"]:has(#meetupBuilder:not([hidden])):not(.full-map) .meetup-flow-footer{display:block}
.meetup-flow-footer .meetup-flow-controls{max-width:620px;margin:0 auto}
.friends-builder-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.friends-builder-heading h3{font-size:27px;margin:0}
.friends-builder-heading #cancelMeetup{width:auto;min-width:70px;font-size:15px}
body[data-screen="meetup"]:not(.full-map) .meetup-delivery:not([hidden]){display:block}
.meetup-delivery>div{display:flex;gap:10px;width:100%;max-width:620px;margin:auto}
.meetup-delivery button{min-width:0;min-height:56px;font-size:17px;flex:1}
.meetup-delivery #copyMeetup{flex:2}
.larger-text .meetup-delivery button{font-size:19px}
@media(min-width:701px){
 body[data-screen="meetup"] header{left:max(32px,calc((100% - 860px)/2));right:max(32px,calc((100% - 860px)/2))}
 body[data-screen="meetup"] .sheet-scroll{padding-top:24px}
 #groups .friend-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}
 #groups .friend-actions>.welcome-action{margin:0}
}
@media(max-width:380px){
 body[data-screen="meetup"] .sheet-scroll{padding-left:18px;padding-right:18px}
 .meetup-delivery{padding-left:16px;padding-right:16px}
 #meetup h2{font-size:28px}.meetup-venue h3{font-size:22px}
}