.agenda-page{display:grid;gap:16px}
.agenda-toolbar p{max-width:760px}
.agenda-google-panel{display:flex;align-items:center;gap:10px;justify-content:flex-end;background:#eef7ff;border:1px solid #cfe7fb;border-radius:18px;padding:12px 14px}
.agenda-google-panel div{margin-right:auto;display:grid;gap:2px}
.agenda-google-panel b{color:#123955}
.agenda-google-panel span{font-size:13px;color:var(--muted)}
.agenda-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.agenda-date-actions{display:flex;gap:8px;flex-wrap:wrap}
.user-chips{display:flex;gap:8px;flex-wrap:wrap}
.user-chip{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:9px 12px;font-weight:700;cursor:pointer}
.user-chip.active{background:#0f4f79;color:white;border-color:#0f4f79}
.readonly-filter{padding:10px 12px}
.agenda-days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.agenda-day{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(15,79,121,.06)}
.agenda-day.active{background:#0f4f79;color:#fff;border-color:#0f4f79}
.agenda-day span,.agenda-day small{display:block;font-size:12px;opacity:.78}
.agenda-day b{display:block;font-size:25px;margin:4px 0}
.agenda-alerts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.agenda-layout{display:grid;grid-template-columns:1.45fr .85fr;gap:18px;align-items:start}
.agenda-main-card,.agenda-side-card{min-width:0}
.agenda-list{display:grid;gap:10px}
.agenda-event{width:100%;display:grid;grid-template-columns:84px 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:13px;cursor:pointer}
.agenda-event:hover{border-color:#8ec5ea;box-shadow:0 10px 25px rgba(15,79,121,.08)}
.agenda-event.late{border-color:#f2b8b5;background:#fffafa}
.agenda-event-time b,.agenda-event-time span,.agenda-event-time small{display:block}
.agenda-event-time{font-weight:800;color:#0f4f79;font-size:18px}
.agenda-event-time small{font-size:12px;color:var(--muted);font-weight:700;margin-top:2px}
.agenda-event-main{display:grid;gap:3px}
.agenda-event-main b{font-size:15px;color:var(--ink)}
.agenda-event-main small{font-size:13px;color:#425466}
.agenda-event-main em{font-size:12px;color:var(--muted);font-style:normal}
.quick-slots{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.quick-slots h4{margin:0 0 10px;color:#123955}
.quick-slots>div{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.slot-add{border:1px dashed #9bc9e8;background:#f8fcff;border-radius:14px;padding:9px 6px;color:#0f4f79;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:5px}
.slot-add b{background:#0f4f79;color:white;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}
.mini-list .agenda-event{grid-template-columns:70px 1fr}
.mini-list .agenda-event .status{grid-column:1/-1;justify-self:start}
@media(max-width:1050px){
  .agenda-layout,.agenda-alerts{grid-template-columns:1fr}
  .agenda-days{grid-template-columns:repeat(4,1fr)}
  .quick-slots>div{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:700px){
  .agenda-google-panel{align-items:stretch;flex-direction:column}
  .agenda-google-panel div{margin-right:0}
  .agenda-days{grid-template-columns:repeat(2,1fr)}
  .agenda-event{grid-template-columns:1fr}
  .quick-slots>div{grid-template-columns:repeat(2,1fr)}
}
