/* Extends the existing Vetor Flow runtime; all rules are scoped to agendas. */
.agendas-workspace{min-width:0;color:var(--ui-text);font-family:'Manrope Variable',sans-serif}
.agendas-workspace h1{font-size:28px;line-height:1.25;margin:0 0 8px;font-weight:750}
.agendas-workspace h2{font-size:20px;line-height:1.4;margin:0 0 8px;font-weight:700}
.agendas-workspace h3{font-size:15px;line-height:1.5;margin:0;font-weight:700}
.agendas-workspace p{line-height:1.6;margin:0;color:var(--ui-muted);max-width:72ch}
.agendas-workspace button,.agendas-workspace input,.agendas-workspace select{font:inherit}
.agendas-workspace button{min-height:44px;cursor:pointer}
.agendas-workspace button:disabled{cursor:wait;opacity:.6}
.agendas-workspace :is(button,a,input,select):focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}
.ag-heading,.ag-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}
.ag-heading-actions,.ag-form-actions,.ag-resource-actions,.ag-period-buttons{display:flex;gap:8px;flex-wrap:wrap}
.ag-feedback{padding:14px 16px;background:var(--ui-accent-soft);color:var(--ui-text);margin:0 0 20px!important;border-radius:12px}
.ag-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px;border-bottom:1px solid var(--ui-border);padding-bottom:12px}
.ag-tabs button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--ui-muted);padding:10px 14px;border-radius:12px;font-weight:650}
.ag-tabs button[aria-pressed=true]{background:var(--ui-accent-soft);color:var(--ui-accent)}
.ag-calendar-controls{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;margin:0 0 14px}
.ag-period h2{margin:16px 0 0;text-transform:capitalize}
.ag-calendar-filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.agendas-workspace label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:650;min-width:0}
.agendas-workspace input,.agendas-workspace select{width:100%;min-width:0;min-height:44px;padding:10px 12px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;color:var(--ui-text);caret-color:var(--ui-accent)}
.agendas-workspace input::placeholder{color:var(--ui-muted)}
.ag-calendar-note{font-size:12px;margin-bottom:20px!important}
.ag-mobile-note{display:none}
.ag-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--ui-border);border-radius:12px;overflow:hidden;background:var(--ui-surface)}
.ag-calendar.ag-view-day{grid-template-columns:minmax(0,1fr)}
.ag-day{padding:14px 10px;min-width:0;min-height:160px;border-bottom:1px solid var(--ui-border);border-right:1px solid var(--ui-border)}
.ag-day h3{font-size:12px;color:var(--ui-muted);margin-bottom:16px;text-transform:capitalize}
.ag-day.ag-today h3{color:var(--ui-accent)}
.ag-day-events{display:flex;flex-direction:column;gap:10px}
.ag-event{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;background:var(--ui-accent-soft);border:0;border-radius:12px;padding:12px;color:var(--ui-text);overflow-wrap:anywhere;font-size:13px;line-height:1.5}
button.ag-event:hover{background:var(--ui-lane,#f1f4f6);outline:1px solid var(--ui-accent)}
.ag-event-time{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ui-accent)}
.ag-event small{font-size:11px;color:var(--ui-muted)}
.ag-no-events{font-size:12px}
.ag-view-day .ag-event{max-width:720px}
.ag-empty{padding:24px 0!important;color:var(--ui-muted)}
.ag-empty h3,.ag-empty p{margin-bottom:12px}
.ag-loading{padding:16px 0}
.ag-resource-list{display:flex;flex-direction:column}
.ag-resource{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--ui-border)}
.ag-resource h3{font-size:17px;margin-bottom:4px;overflow-wrap:anywhere}
.ag-resource a{display:inline-block;color:var(--ui-accent);text-underline-offset:4px;margin-top:10px;overflow-wrap:anywhere}
.ag-editor{margin-top:32px;padding-top:28px;border-top:1px solid var(--ui-border);max-width:960px;scroll-margin-top:24px}
.ag-editor>p{margin-bottom:24px}
.ag-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}
.ag-form-note{font-size:13px;margin:16px 0!important}
.agendas-workspace .ag-checkbox{flex-direction:row;align-items:center;gap:12px;margin:16px 0;font-weight:500}
.ag-checkbox input{width:22px;min-height:22px;height:22px;flex:0 0 22px;accent-color:var(--ui-accent)}
.ag-checkbox[hidden]{display:none}
.ag-form-actions{margin-top:20px}
.ag-error{color:var(--ui-danger)!important;line-height:1.6;margin:12px 0!important;overflow-wrap:anywhere}
.ag-conflicts{padding:20px;background:var(--ui-surface);border:1px solid var(--ui-danger);border-radius:12px;margin:20px 0}
.ag-conflicts ul{padding-left:20px;margin:14px 0;line-height:1.8}
.ag-cancel{margin-top:24px;padding-top:20px;border-top:1px solid var(--ui-border)}
.ag-stage-picker{max-width:640px}
body.public-agenda{display:block;min-height:100vh;height:auto;overflow:auto;background:var(--ui-bg,#fafbfc);margin:0}
.public-agenda main{max-width:1500px;margin:auto;padding:48px 32px}
.public-agenda footer{padding:24px 0;color:var(--ui-muted);font-size:12px}
@media(max-width:1100px){.ag-calendar-controls{flex-direction:column;align-items:stretch}.ag-calendar-filters>*{flex:1}.ag-event{padding:10px}}
@media(max-width:700px){.ag-heading,.ag-section-heading{flex-direction:column;gap:16px}.ag-heading{margin-bottom:24px}.ag-heading-actions{width:100%}.ag-heading-actions button{flex:1}.agendas-workspace h1{font-size:25px}.ag-tabs{gap:4px}.ag-tabs button{padding:10px;font-size:12px}.ag-calendar{display:block;border:0;border-radius:0;background:transparent}.ag-calendar-spacer{display:none}.ag-day{border:0;border-top:1px solid var(--ui-border);padding:20px 0;min-height:0}.ag-day-empty{display:none}.ag-day h3{font-size:14px;margin-bottom:12px}.ag-event{padding:16px}.ag-mobile-note{display:inline}.ag-calendar-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ag-calendar-filters>label:first-child{grid-column:1/-1}.ag-form-grid{grid-template-columns:minmax(0,1fr);gap:18px}.ag-resource{align-items:flex-start;flex-direction:column;gap:14px}.ag-period-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ag-period-buttons .btn{padding:10px;justify-content:center;font-size:12px}.public-agenda main{padding:28px 18px}.ag-editor{margin-top:24px}.agendas-workspace .btn{white-space:normal;justify-content:center}.ag-form-actions button{flex:1}}

.agendas-workspace [hidden]{display:none!important}
/* Calendar interactions extend the same tokens and native button semantics. */
.ag-resource-name,.ag-day-button{border:0;background:transparent;color:var(--ui-accent);font:inherit;font-weight:700;text-align:left;padding:0;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.ag-resource-name:hover,.ag-day-button:hover{color:var(--ui-text)}
.ag-selected-name{font-weight:650;color:var(--ui-text)!important;margin-top:4px!important}
.ag-time-scroll{max-height:620px;overflow:auto;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);scrollbar-color:var(--ui-muted) var(--ui-surface);scrollbar-width:thin}
.ag-time-grid{display:grid;grid-template-columns:56px repeat(7,minmax(0,1fr));min-width:0;align-items:stretch}
.ag-time-grid.ag-time-day{grid-template-columns:56px minmax(0,1fr)}
.ag-time-header,.ag-time-corner{position:sticky;top:0;z-index:2;background:var(--ui-surface);border-bottom:1px solid var(--ui-border);margin:0!important;padding:8px;font-size:12px!important;display:flex;align-items:center}
.ag-time-header .ag-day-button{font-size:12px;text-decoration:none}
.ag-time-corner{font-size:10px;color:var(--ui-muted)}
.ag-time-label{padding:12px 6px;color:var(--ui-muted);font-size:11px;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--ui-border)}
.ag-time-cell{min-height:64px;min-width:0;border-left:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);padding:4px;display:flex;flex-direction:column;gap:4px}
.ag-time-slot{min-height:44px;border:0;border-radius:12px;background:transparent;color:var(--ui-accent);padding:8px;font-size:12px;min-width:0;cursor:pointer}
.ag-time-cell>.ag-time-slot{flex:1;opacity:0}
.ag-time-cell:hover>.ag-time-slot,.ag-time-cell>.ag-time-slot:focus-visible{opacity:1;background:var(--ui-accent-soft)}
.ag-time-cell:focus-within{background:var(--ui-accent-soft)}
.ag-time-cell .ag-event{padding:10px;font-size:12px}
.ag-hour-picker{margin-top:14px;font-size:12px;color:var(--ui-accent)}
.ag-hour-picker summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.ag-hour-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.ag-hour-picker .ag-time-slot{background:var(--ui-accent-soft);padding:8px 4px}
.ag-process-fields{margin-bottom:0}
@media(max-width:700px){.ag-interactive .ag-day-empty{display:block}.ag-resource-name{font-size:17px}.ag-hour-picker>div{grid-template-columns:repeat(4,minmax(0,1fr))}.ag-day-button{font-size:14px}.ag-interactive .ag-day{padding:14px 0}.ag-resource-actions{width:100%}.ag-resource-actions button{flex:1}}

.ag-tabs button svg{width:18px;height:18px;flex:none}
