/* Small controls for signed-in, shared calendars. */
.cloud-empty-group{padding:27px 4px;color:#B8BDC7;font-size:13px;line-height:1.6}
.home-top{flex-wrap:wrap;gap:12px}.home-top .logo{margin-right:auto}.home-top #cloudAccount{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cloud-invite{margin-left:auto;margin-right:10px;font-size:12px;min-height:38px}.main-shell>header #new{margin-left:0}
.cloud-status{position:fixed;z-index:19;left:50%;translate:-50% 0;bottom:18px;padding:10px 17px;border-radius:18px;border:1px solid #4B6E9F;background:#25364F;color:#e7f0ff;font-size:11px;box-shadow:0 5px 25px #0004;max-width:calc(100vw - 30px)}.cloud-status.failed{background:#383323;border-color:#6a5b31;color:#F5D86E}
.cloud-delete{display:block;margin:17px auto 0;color:#B8BDC7;font-size:12px;padding:10px 16px;border-radius:16px}.cloud-delete:hover{background:#26292E;color:#fff}
#cloudInviteResult input{font-size:12px}#cloudInviteResult p{font-size:11px}#cloudInviteResult{margin-top:18px}#cloudCopyInvite{width:100%}
#cloudSaveEvent,#cloudSaveGroup,#cloudSavePoll,#cloudSaveShares,#cloudConfirmPoll,#cloudJoin,#cloudMakeInvite,#cloudSaveProfile{width:100%}
#cloudError:empty{display:none}#cloudError{font-size:12px;line-height:1.6;margin:16px 0}
#person:disabled{opacity:1;cursor:default}.cell:disabled{opacity:.75;cursor:default}.personrow{cursor:default}.planmeta .settingspanel:has(input:disabled){opacity:.7}
#overviewPolls{grid-column:1/-1;margin-top:20px}.poll-row small{white-space:nowrap}.result>small{font-size:10px;color:#B8BDC7;max-width:90px;text-align:right;line-height:1.5}
button:disabled{cursor:wait}button:disabled.primary{opacity:.55}.cell:disabled,#find:disabled{cursor:default}
@media(max-width:650px){.cloud-invite{font-size:10px;padding:8px 11px;margin-right:8px}.main-shell>header{gap:4px}.main-shell>header .breadcrumb{min-width:0;flex:1}.main-shell>header #groupName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:135px}.main-shell>header #new{font-size:14px;padding:12px 17px;min-width:auto}.home-top #cloudAccount{max-width:115px;font-size:11px}.cloud-status{bottom:12px}}

/* Little plans stay in the group, without another navigation layer. */
#homePlus[hidden],#upgrade[hidden]{display:none!important}
.plans-calendar{font-size:12px;color:#8AB7FF;padding:10px 0 10px 14px}
.event-overview-heading{align-items:center}
#eventCards.compact-events{display:flex;flex-direction:column;gap:10px}
.compact-events .event-card{min-height:0;padding:17px 18px;border-radius:24px;display:grid;grid-template-columns:43px minmax(0,1fr);grid-template-rows:auto auto;column-gap:13px;row-gap:5px;text-align:left}
.compact-events .event-card-top{grid-column:1;grid-row:1/3;align-self:center;margin:0}
.compact-events .event-card-icon{height:40px;width:40px;font-size:20px}
.compact-events .event-card>strong{grid-column:2;font-size:16px;line-height:1.4;margin:0;overflow-wrap:anywhere}
.compact-events .event-card-date{grid-column:2;font-size:11px;margin:0;line-height:1.5}
.compact-events .event-card-bottom{display:none}
.compact-events .personal-empty{padding:25px 18px}
.compact-events .personal-empty .personal-face{display:none}
.compact-events .personal-empty h2{font-size:20px;margin:0 0 8px}
.group-plans{margin-top:28px;display:flex;flex-direction:column;gap:24px}
.little-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.little-heading h2{font-size:16px;font-weight:500;margin:0}
.little-heading>button{font-size:23px;color:#B8BDC7;width:36px;height:36px;border-radius:12px}
.little-heading>button:hover{background:#26292e;color:#fff}
.little-plan{display:flex;width:100%;gap:13px;align-items:center;text-align:left;padding:13px 5px;border-bottom:1px solid #2b2e34;border-radius:0;color:#F5F6F8}
.little-plan:last-child{border-bottom:0}
.little-plan>span:last-child{min-width:0}
.little-plan b{display:block;font-size:14px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.little-plan small{display:block;font-size:11px;color:#B8BDC7;margin-top:3px}
.little-plan-icon{display:grid;place-items:center;height:35px;width:35px;flex:none;border-radius:13px;background:#343020;color:#F5D86E;font-size:19px}
.routine-icon{background:#25364F;color:#8AB7FF;font-size:24px}
.little-empty{text-align:left;color:#B8BDC7;font-size:12px;padding:15px 0;line-height:1.6}
.plan-choices{display:grid;gap:9px;margin-top:20px}
.plan-choices>button{display:flex;align-items:center;gap:16px;text-align:left;padding:17px 18px;border:1px solid #363a41;border-radius:19px;background:#26292e;color:#F5F6F8}
.plan-choices>button>span{width:22px;color:#8AB7FF;font-size:22px;text-align:center}
.plan-choices b{font-size:15px;font-weight:500}
.plan-choices>button:nth-child(3)>span{color:#F5D86E}
.plan-full{width:100%;margin-top:12px}
.proposal-list{margin-top:24px;text-align:left}
.proposal-list h3{font-size:13px;font-weight:500;margin:0 0 10px;color:#B8BDC7}
.time-proposal{border:1px solid #454a53;border-radius:19px;padding:15px;margin-bottom:10px;background:#111214}
.time-proposal>b{display:block;font-size:14px;font-weight:500;line-height:1.6}
.time-proposal>small{display:block;font-size:11px;color:#B8BDC7;margin-top:5px;line-height:1.6}
.proposal-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.proposal-actions>button{padding:9px 13px;border-radius:12px;background:#26292e;color:#F5F6F8;font-size:11px}
.proposal-actions>[data-proposal-action="accept"]{background:#8AB7FF;color:#111214}
.proposal-actions>span{font-size:11px;color:#B8BDC7}
#planRoutineFixed[hidden]{display:none}
#modal .event-form-row{gap:10px}
#modal input[type="datetime-local"],#modal input[type="date"],#modal input[type="time"]{min-width:0;max-width:100%;font-size:14px}
.event-overview-heading .plans-calendar{font-size:12px;font-weight:500;letter-spacing:0;padding:9px 13px;border:1px solid #363a41;border-radius:13px;line-height:1.3}
@media(max-width:650px){.app-shell .sidebar{display:none!important}.app-shell{display:block}.main-shell>header{padding:17px 19px}.event-overview{padding-top:6px}}

/* Clear entry points for learning and safely trying the live UI. */
.home-example{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:18px 19px;border:1px solid #4b6382;background:#1d293a;border-radius:23px;color:#f5f6f8;margin:8px 0 16px}
.home-example[hidden],.example-banner[hidden]{display:none!important}
.home-example b{display:block;font-size:16px;font-weight:500}.home-example small{display:block;font-size:12px;color:#b8c8de;margin-top:5px}
.example-spark{color:#f5d86e;font-size:27px}.example-banner{position:sticky;top:0;z-index:30;background:#203047;border-bottom:1px solid #3e5779;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;color:#e5efff}
.example-banner b{font-size:12px;font-weight:600}.example-banner small{display:block;font-size:9px;color:#b6c6dd;margin-top:3px}.example-actions{display:flex;gap:3px}.example-actions button{padding:7px;font-size:11px;color:#e5efff;border-radius:9px}.example-actions button:hover{background:#354b69}
.plan-choices>button>div{min-width:0}.plan-choices small{display:block;font-size:11px;line-height:1.4;color:#b8bdc7;margin-top:5px}
.plan-choices>button>span{flex:none}.proposal-notice{font-size:10px;color:#a8caff!important;margin-top:4px;display:block}
@media(max-width:650px){.main-shell>header #new{font-size:12px;padding:12px 13px}.main-shell>header #groupName{max-width:116px}.cloud-invite{margin-right:2px;padding:7px 9px}}
/* Keep example controls above the group's sticky navigation while scrolling. */
.example-banner{min-height:56px;z-index:40}
.example-mode .main-shell>header{top:56px}

/* Scannable group plan board. */
.event-overview-heading{padding:8px 0 18px!important;align-items:center}.event-overview-heading h1{font-size:23px!important}.plans-calendar{background:#263b58!important;border:1px solid #5278a5!important;color:#d9eaff!important;padding:12px 17px!important;border-radius:12px!important;font-size:13px!important}
.compact-events{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:22px}.compact-events .event-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:148px!important;padding:16px!important;border-radius:16px!important;background:#202631!important;border:1px solid #343e50!important;gap:11px!important}.compact-events .event-card strong{font-size:15px!important}.compact-events .event-card-date{font-size:11px!important;line-height:1.5}.compact-events .event-card-icon{width:32px!important;height:32px!important;font-size:20px!important}.compact-events .event-card-bottom{display:none!important}
.plan-box,.group-plans .little-section,#overviewPolls{padding:17px!important;border:1px solid #303844;border-radius:17px;background:#191e25;margin:0 0 14px!important}.plan-box h2,.little-heading h2{font-size:16px!important;margin:0;font-weight:600}.new-pill{font-size:9px;letter-spacing:.6px;background:#f7da73;color:#30270c;padding:4px 7px;border-radius:6px;margin-left:7px;vertical-align:middle}.section-empty{font-size:12px;color:#929baa;margin:15px 0 2px}.group-plans{display:flex!important;flex-direction:column;gap:0!important;margin:0!important}.group-plans .little-section:has([data-routine-id]){order:-1;background:#1b2632}.little-plan{padding:13px 0!important}.little-plan b{font-size:13px!important}.little-plan small{font-size:11px!important}#pastSection{opacity:.7}#proposalSection{border-color:#685c34;background:#24231e}#overviewPolls{background:#24231e}