/* Scoped layout only; retain original typography, images and button appearance. */
dialog.fp-panel:has(input[name=starts_at]):has(input[name=note]){width:min(580px,calc(100vw - 32px));box-sizing:border-box;max-height:90dvh;overflow:auto;margin:auto}
dialog.fp-panel:has(input[name=starts_at]):has(input[name=note])>h2{margin-top:0}
dialog.fp-panel:has(input[name=starts_at]):has(input[name=note])>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}
dialog.fp-panel:has(input[name=starts_at]):has(input[name=note]) label{display:grid;gap:6px;min-width:0;grid-column:1/-1}
dialog.fp-panel:has(input[name=starts_at]):has(input[name=note]) input{min-width:0;width:100%;box-sizing:border-box}
dialog.fp-panel:has(input[name=starts_at]):has(input[name=note]) form>button{justify-self:start;max-width:100%}
@media(min-width:600px){dialog.fp-panel:has(input[name=starts_at]):has(input[name=note]) label:has(input[type=datetime-local]){grid-column:auto}}
.ct-invitations form>button{justify-self:start;max-width:100%}
.ct-invitations .fp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ct-invitations li>span{overflow-wrap:anywhere}

dialog.fp-panel:has(input[name=starts_at]):has(input[name=note]) form>button:first-of-type{justify-self:end}