/* Calendar controls use the established cards, buttons, dialogs and status chips. */
.calendar-children{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;align-items:start}
.calendar-child{min-width:0;margin:0}
.calendar-feed{padding:16px 0;border-bottom:1px solid var(--line,#d7e3d9)}
.calendar-feed h3{margin:0 0 8px}
.calendar-feed p{margin:8px 0}
.calendar-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.calendar-actions button{min-width:0;white-space:normal}
.calendar-child>.calendar-add{width:100%;margin-top:16px}
.calendar-event{border-top-color:#5c7d91;min-width:0;overflow-wrap:anywhere}
.calendar-event h3{margin:6px 0 12px}
.calendar-event p{margin:8px 0}
.calendar-source{color:var(--muted,#5f746c)}
.calendar-conflict{margin-top:12px}
.calendar-conflict p{margin:6px 0 0}
.calendar-preview>.calendar-event{margin:12px 0}
.calendar-connect label,.calendar-approval{min-width:0}
.calendar-connect input,.calendar-connect select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.calendar-approval{display:grid;gap:10px}
.calendar-approval p{margin-bottom:0}
.calendar-approval>button{width:100%}
.ux-type-filter[data-activity-kind=external]:before{background:#5c7d91}
@media(max-width:767px){.calendar-actions{display:grid;grid-template-columns:1fr 1fr}.calendar-actions .text-button{grid-column:1/-1}.calendar-connect,.calendar-preview{min-width:0}.calendar-child{padding:16px}.calendar-event{padding:16px}}

.audit-ui .ux-agenda .calendar-event{border-top-color:#5c7d91}