.manager-events-page{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.events-shell{display:grid;gap:14px;padding:16px}.events-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 9%,var(--panel)),color-mix(in srgb,var(--brand) 7%,var(--panel)))}.events-toolbar h1{margin:3px 0;font-size:clamp(24px,3vw,34px)}.events-toolbar p{margin:0}.events-toolbar-actions,.month-navigation{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.month-navigation label{display:grid;gap:4px;color:var(--muted);font-size:11px;font-weight:800}.month-navigation input{min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}.month-navigation .pill{width:40px;height:40px;padding:0;font-size:22px}.events-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.event-summary-card{display:grid;gap:5px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.event-summary-card span{color:var(--muted);font-size:11px;font-weight:800}.event-summary-card strong{font-size:24px}.events-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:14px;align-items:start}.events-calendar-panel,.events-upcoming{padding:16px}.events-weekdays,.events-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.events-weekdays{margin-top:12px;color:var(--muted);font-size:11px;font-weight:850;text-align:center}.events-weekdays span{padding:8px}.events-calendar{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line);gap:1px}.event-day{display:flex;min-height:112px;min-width:0;flex-direction:column;gap:5px;padding:7px;border:0;background:var(--panel);color:var(--text);text-align:left}.event-day.outside{background:color-mix(in srgb,var(--panel-2) 70%,var(--panel));color:var(--muted)}.event-day.today{box-shadow:inset 0 0 0 2px var(--accent)}.event-day-number{align-self:flex-end;font-size:11px;font-weight:850}.event-chip{display:block;width:100%;overflow:hidden;padding:5px 6px;border:1px solid color-mix(in srgb,var(--event-tone,var(--accent)) 42%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--event-tone,var(--accent)) 12%,var(--panel));color:var(--text);font-size:10px;font-weight:750;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.event-chip[data-type="capacitacion"]{--event-tone:var(--brand)}.event-chip[data-type="evento"]{--event-tone:var(--accent-2)}.event-chip[data-type="reunion"]{--event-tone:var(--warn)}.event-chip[data-type="activacion"]{--event-tone:var(--ok)}.event-chip[data-status="cancelado"]{opacity:.58;text-decoration:line-through}.event-day-add{margin-top:auto;border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:850;cursor:pointer}.events-upcoming{position:sticky;top:10px}.upcoming-list{display:grid;gap:8px;margin-top:12px}.upcoming-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;width:100%;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--text);text-align:left;cursor:pointer}.upcoming-date{display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));font-size:10px;font-weight:850}.upcoming-copy{display:grid;gap:3px;min-width:0}.upcoming-copy strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.upcoming-copy span{color:var(--muted);font-size:10px}.event-dialog{width:min(1600px,calc(100% - 16px));max-height:97dvh;margin:1.5dvh auto auto;overflow:auto}.event-dialog form{max-height:97dvh}.event-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 24px}.event-form-grid label{display:grid;gap:6px;color:var(--text);font-size:12px;font-weight:800}.event-form-grid label span{color:var(--muted);font-size:10px}.event-form-grid .full{grid-column:1/-1}.event-form-grid .half{grid-column:span 2}.event-form-grid input,.event-form-grid select,.event-form-grid textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font:inherit}.event-form-grid input,.event-form-grid select{min-height:44px}.event-form-grid textarea{resize:vertical}.event-form-grid :focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 48%,transparent);outline-offset:1px}.event-dialog-actions{display:grid;grid-template-columns:auto 1fr auto auto;margin:0;padding:14px 24px;border-top:1px solid var(--line)}.events-empty{padding:24px;color:var(--muted);text-align:center}.events-loading .events-calendar-panel,.events-loading .events-upcoming{opacity:.72}@media(max-width:900px){.event-dialog{width:min(760px,calc(100% - 28px))}.event-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-form-grid .half{grid-column:auto}}@media(max-width:1050px){.events-toolbar{align-items:flex-start;flex-direction:column}.events-layout{grid-template-columns:1fr}.events-upcoming{position:static}.events-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.events-shell{padding:10px}.events-toolbar-actions{width:100%}.month-navigation{width:100%}.month-navigation label{flex:1}.month-navigation input{width:100%}.events-summary{grid-template-columns:1fr 1fr}.events-calendar{display:flex;overflow-x:auto;gap:10px;border:0;background:transparent;scroll-snap-type:x mandatory}.events-weekdays{display:none}.event-day{min-width:82%;min-height:180px;border:1px solid var(--line);border-radius:13px;scroll-snap-align:start}.event-day.outside{display:none}.event-form-grid{grid-template-columns:1fr;padding:14px}.event-form-grid .full,.event-form-grid .half{grid-column:auto}.event-dialog-actions{grid-template-columns:1fr 1fr}.event-dialog-actions span{display:none}.event-dialog-actions .danger{grid-column:1/-1}.events-toolbar-actions>.btn{flex:1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.event-dialog{overscroll-behavior:contain}.event-dialog form{max-height:none}.event-form-grid{flex-shrink:0}

.event-dialog{position:fixed;inset:var(--event-dialog-top,8px) 0 auto;margin:0 auto;max-height:var(--event-dialog-height,calc(100dvh - 16px));overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable}.event-dialog form{max-height:none;flex-shrink:0}
