/* Shared attraction-card proportions and compact date controls. */
body#eventudo-app .app-shell .session:not(.coffee-break) .session-body{min-height:166px;row-gap:8px;padding-bottom:10px}
body#eventudo-app .timeline-toolbar{flex-wrap:wrap;align-items:center;gap:10px}
body#eventudo-app .timeline-date-group{display:flex;align-items:center;gap:7px;flex:0 1 auto;max-width:100%}
body#eventudo-app #timelineDate{width:220px;max-width:100%;flex:0 1 auto;padding-right:20px;font-size:11px}
body#eventudo-app .timeline-weekday{display:none}
body#eventudo-app .timeline-toolbar .filter-row{flex:1 1 145px;max-width:165px}
/* Minha Agenda uses the same outside time column and accent strip as Programação. */
body#eventudo-app .app-shell #agendaList{gap:13px}
body#eventudo-app .app-shell .attendance-card,body#eventudo-app .app-shell .attendance-card.agenda-next,body#eventudo-app .app-shell .attendance-card.agenda-live{position:relative;grid-template-columns:78px minmax(0,1fr);border:0!important;border-radius:0;background:transparent!important;box-shadow:none;overflow:visible}
body#eventudo-app .agenda-time{position:relative;margin:0;padding:17px 4px 10px 0;border:0!important;gap:4px;align-items:flex-start;background:transparent!important}
body#eventudo-app .agenda-time strong{font-size:18px}
body#eventudo-app .agenda-time:before{content:'';position:absolute;right:10px;top:25px;bottom:-13px;width:1px;background:#84d1dd}
body#eventudo-app .agenda-time:after{content:'';position:absolute;right:5px;top:21px;width:11px;height:11px;border-radius:50%;background:#0087a0;box-shadow:0 0 0 3px #fff}
body#eventudo-app .agenda-card-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-content:start;min-height:166px;margin:0;padding:13px 10px 10px;border:1px solid #e2e8ed;border-left:5px solid #0087a0;border-radius:9px;background:#fff}
body#eventudo-app .agenda-next .agenda-card-body{border-color:#ffecb1;border-left-color:#ffc20b;background:#fff8df}
body#eventudo-app .agenda-live .agenda-card-body{border-color:#0087a0}
body#eventudo-app .agenda-card-body>.attraction-kind{margin:0;padding-right:75px}
body#eventudo-app .agenda-title-row{display:block}
body#eventudo-app .agenda-title-row h3{font-size:17px;line-height:1.25;margin:0;padding-right:0}
body#eventudo-app .app-shell .attendance-card .agenda-state{position:absolute;right:9px;top:9px;margin:0;font-size:9px;padding:5px 7px}
body#eventudo-app .app-shell .attendance-card .agenda-state.upcoming{font-size:10px;padding:5px 8px}
body#eventudo-app .agenda-card-body:not(:has(>.attraction-kind)) .agenda-title-row h3{padding-right:70px}
body#eventudo-app .agenda-card-body p{margin:0}
body#eventudo-app #agendaEventFilter{width:100%;max-width:100%;height:38px;margin:10px 0 14px;padding:0 12px;border:1px solid #d5dde4;border-radius:10px;background:#fff;color:#052c43;font:inherit;font-size:12px}
body#eventudo-app .agenda-card-body{grid-template-columns:minmax(0,1fr) auto}
body#eventudo-app .agenda-card-body>.attraction-kind,body#eventudo-app .agenda-title-row{grid-column:1/-1}
body#eventudo-app .agenda-card-body>.agenda-event-name,body#eventudo-app .agenda-card-body>.agenda-room{grid-column:1;min-width:0}
body#eventudo-app .agenda-card-body>.agenda-event-name{grid-row:3}
body#eventudo-app .agenda-card-body>.agenda-room{grid-row:3}
body#eventudo-app .agenda-card-body>.agenda-schedule-control{grid-column:2;grid-row:3;align-self:center;justify-self:end}
body#eventudo-app .agenda-card-body>.agenda-card-actions{grid-column:1/-1}
body#eventudo-app .agenda-room{gap:6px}
body#eventudo-app .agenda-card-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 10px;align-items:center;margin-top:5px}
body#eventudo-app .agenda-card-actions>.agenda-details{grid-column:1;grid-row:1;justify-self:start}
body#eventudo-app .agenda-card-actions>.agenda-reminder-control{grid-column:2;grid-row:1;justify-self:end;border-left:1px solid #dce3e8;padding-left:7px}
body#eventudo-app .agenda-card-actions>.agenda-confirm{grid-column:1/-1;justify-self:start}
body#eventudo-app .agenda-expanded .agenda-card-body{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
body#eventudo-app .agenda-inline-details{grid-column:2;margin:0;padding:12px 10px 13px;border:1px solid #e2e8ed;border-top:0;border-left:5px solid #0087a0;border-radius:0 0 9px 9px;background:#fff}
body#eventudo-app .agenda-next .agenda-inline-details{border-color:#ffecb1;border-left-color:#ffc20b;background:#fff8df}
body#eventudo-app .program-inline-details{background:transparent;border:0;border-top:1px solid #dce3e8;border-radius:0}
@media(max-width:360px){body#eventudo-app .app-shell .attendance-card{grid-template-columns:69px minmax(0,1fr)}body#eventudo-app .agenda-card-actions{grid-template-columns:minmax(0,1fr)}body#eventudo-app .agenda-card-actions>.agenda-reminder-control{grid-column:1;grid-row:2;justify-self:start}body#eventudo-app .agenda-card-actions>.agenda-confirm{grid-row:3}}
body#eventudo-app .app-shell .going .schedule-check{display:inline-grid;place-items:center;flex:none;width:17px;height:17px;margin:0;border-radius:50%;background:#fff;color:#16833e;font-size:13px;font-weight:900;line-height:1}
body#eventudo-app .agenda-date-heading{font-size:12px;font-weight:500;text-transform:none;margin:10px 0 2px}
body#eventudo-app .agenda-event-heading{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:10px 0 5px;padding-bottom:6px;border-bottom:1px solid #dce3e8;color:#052c43}
body#eventudo-app .agenda-event-heading strong{font-size:16px;font-weight:700;line-height:1.35}
body#eventudo-app .agenda-group-date{font-size:12px;font-weight:500;color:#4b6278;line-height:1.4}
/* Same grid, metadata and disclosure placement as Programação. */
body#eventudo-app .app-shell .agenda-card-body{grid-template-columns:minmax(85px,.9fr) minmax(0,1.4fr);grid-template-rows:auto auto auto auto auto;column-gap:10px;row-gap:8px}
body#eventudo-app .agenda-card-body>.attraction-kind{grid-row:1;margin:0;font-size:10px;line-height:1.3;font-weight:600;padding-right:65px}
body#eventudo-app .agenda-title-row{grid-row:2}
body#eventudo-app .agenda-attraction-meta{grid-column:1/-1;grid-row:3;min-width:0;padding-right:112px;display:grid;gap:4px}
body#eventudo-app .agenda-attraction-meta p{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.5;margin:0}
body#eventudo-app .agenda-speaker svg{width:14px;height:14px;flex:none;color:#4b6278}
body#eventudo-app .agenda-card-body>.agenda-schedule-control{grid-column:2;grid-row:3;align-self:start;margin-top:0}
body#eventudo-app .agenda-card-body>.agenda-card-actions{display:contents}
body#eventudo-app .agenda-card-actions>.agenda-details{grid-column:1;grid-row:4;align-self:center}
body#eventudo-app .agenda-card-actions>.agenda-reminder-control{grid-column:2;grid-row:4;justify-self:stretch;align-self:center}
body#eventudo-app .agenda-card-actions>.agenda-confirm{grid-column:1/-1;grid-row:5}
body#eventudo-app .agenda-card-body>.agenda-inline-details{grid-column:1/-1;grid-row:6;width:100%;margin:0;padding:12px 0 0;border:0;border-top:1px solid #dce3e8;border-radius:0;background:transparent}
body#eventudo-app .agenda-expanded .agenda-card-body{border-bottom:1px solid #e2e8ed;border-radius:9px}
@media(max-width:360px){body#eventudo-app .app-shell .agenda-card-body{grid-template-columns:minmax(0,1fr)}body#eventudo-app .agenda-attraction-meta{padding-right:0}body#eventudo-app .agenda-card-body>.agenda-schedule-control{grid-column:1;grid-row:4;justify-self:start}body#eventudo-app .agenda-card-actions>.agenda-details{grid-column:1;grid-row:5}body#eventudo-app .agenda-card-actions>.agenda-reminder-control{grid-column:1;grid-row:6;justify-self:start}body#eventudo-app .agenda-card-actions>.agenda-confirm{grid-row:7}body#eventudo-app .agenda-card-body>.agenda-inline-details{grid-row:8}}
/* Time-based colors: upcoming teal, ended blue-gray, next yellow. */
body#eventudo-app .app-shell :is(.session.status-next:not(.coffee-break):not(.next) .session-body,.attendance-card:not(.agenda-ended):not(.agenda-next):not(.agenda-live) .agenda-card-body){background:#eef8fa;border-color:#b5dce3;border-left-color:#0087a0}
body#eventudo-app .app-shell :is(.session.status-ended:not(.coffee-break) .session-body,.attendance-card.agenda-ended .agenda-card-body){background:#f1f4f6;border-color:#d6dfe5;border-left-color:#8299a8}
body#eventudo-app .app-shell .attendance-card.agenda-ended .agenda-time:after{background:#8299a8}
body#eventudo-app .app-shell :is(.session.next:not(.coffee-break) .session-body,.attendance-card.agenda-next .agenda-card-body){background:#fff8df;border-color:#ffecb1;border-left-color:#ffc20b}
/* Align participation and reminder controls on the same right edge. */
body#eventudo-app .app-shell :is(.session:not(.coffee-break) .attendance-control,.agenda-card-body>.agenda-schedule-control){justify-self:end;justify-content:flex-end;width:100%;min-width:0}
body#eventudo-app .app-shell :is(.session:not(.coffee-break) .reminder-control,.agenda-card-actions>.agenda-reminder-control){justify-self:stretch;justify-content:flex-end;box-sizing:border-box;width:100%;min-width:0}
body#eventudo-app .app-shell .agenda-card-actions>.agenda-reminder-control{border:0!important;border-left:1px solid #dce3e8!important;border-radius:0;padding:3px 0 3px 7px;min-height:34px;background:transparent}
/* The scheduling button itself, rather than its wrapper, ends at 10 min. */
body#eventudo-app .app-shell :is(.session:not(.coffee-break),.attendance-card) .attendance-control{align-items:flex-end}
body#eventudo-app .app-shell :is(.session:not(.coffee-break),.attendance-card) .attendance-control .going{align-self:flex-end;margin-right:0}
body#eventudo-app .app-shell :is(.session:not(.coffee-break),.attendance-card) .reminder-options{margin-left:auto;margin-right:0;flex:none}
body#eventudo-app .app-shell :is(.session:not(.coffee-break),.attendance-card) .reminder-options{margin-left:0}
/* In-progress attractions: warm orange from the existing palette. */
body#eventudo-app .app-shell :is(.session.status-live:not(.coffee-break) .session-body,.attendance-card.agenda-live .agenda-card-body){background:#fff1e3;border-color:#ffbd80;border-left-color:#ff8500}
body#eventudo-app .app-shell .attendance-card.agenda-live .agenda-time:after{background:#ff8500}
body#eventudo-app .app-shell .agenda-card-actions>.agenda-confirm{justify-self:center;align-self:center;width:auto;max-width:100%;min-height:46px;padding:12px 20px;margin-top:10px;border:2px solid #052c43!important;border-radius:10px;background:#052c43!important;color:#fff!important;font-size:14px;font-weight:700;box-shadow:0 3px 8px #052c4326;cursor:pointer;transition:transform .18s,box-shadow .18s}
body#eventudo-app .app-shell .agenda-confirm:active{transform:scale(.97);box-shadow:none}
body#eventudo-app .app-shell .agenda-confirm:focus-visible{outline:3px solid #ff8500;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body#eventudo-app .app-shell .agenda-confirm{transition:none}}
body#eventudo-app .app-shell .agenda-card-actions>.agenda-confirm{background:#0087a0!important;border-color:#0087a0!important;box-shadow:0 3px 8px #0087a026}
/* Presence has its own orange action color and a restrained touch highlight. */
body#eventudo-app .app-shell .agenda-card-actions>.agenda-confirm{background:#ff8500!important;border-color:#e87500!important;color:#052c43!important;box-shadow:0 2px 5px #ff850020}
body#eventudo-app .app-shell .agenda-card-actions>.agenda-confirm{background:#ff8500!important;border:1px solid #006d82!important;color:#fff!important;box-shadow:-2px 2px 0 #006d82;transition:none}
body#eventudo-app .app-shell .agenda-confirm:active{transform:none;box-shadow:-2px 2px 0 #006d82}
body#eventudo-app .app-shell .agenda-confirm .presence-label{display:inline-block;margin:0;color:inherit;font:inherit;line-height:inherit}
body#eventudo-app .app-shell .agenda-inline-details .agenda-detail-description{font-size:11px;line-height:1.5}
body#eventudo-app .app-shell .agenda-details .details-chevron{color:#fff;border-color:#fff}
/* Keep both native selects in one row, including narrow Android screens. */
body#eventudo-app .app-shell .timeline-toolbar{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px;align-items:center}
body#eventudo-app .app-shell .timeline-date-group,body#eventudo-app .app-shell .timeline-toolbar .filter-row{width:100%;max-width:none;min-width:0;margin:0}
body#eventudo-app .app-shell #timelineDate,body#eventudo-app .app-shell .timeline-toolbar #roomFilter{width:100%;max-width:100%;min-width:0;height:35px;font-size:11px}
@media(max-width:360px){body#eventudo-app .app-shell #timelineDate,body#eventudo-app .app-shell .timeline-toolbar #roomFilter{font-size:10px;padding-left:26px;padding-right:16px}}