.su-modal{display:flex;flex-direction:column;max-height:calc(100dvh - 40px)}
.su-modal>.su-header{flex-shrink:0;padding:20px 24px}
.su-modal>.su-layout{min-height:0;max-height:none;flex:1;overflow:hidden}
.su-modal .su-layout>nav{overflow-y:auto;min-height:0}
.su-modal .su-layout>main{display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:22px 24px}
.su-modal .su-layout>main>h3{flex-shrink:0;margin-bottom:12px}
.su-modal .su-controls{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}
.su-modal .su-fields{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
.su-controls .su-row{min-height:60px;padding:10px 0;gap:16px}
.su-preview{margin-top:16px;padding:12px;border-style:solid}
.su-preview-event{margin-top:8px;padding:2px 4px 16px}
.su-preview-event>span{display:block;width:100%;padding:2px 4px;border-radius:2px;box-sizing:border-box}
.su-modal .su-actions{flex-shrink:0;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-primary)}
.su-priority-colors .su-row{min-height:66px}
.su-priority-colors input[type=color]{width:48px!important;height:36px!important}
@media(max-width:650px){.su-modal{max-height:calc(100dvh - 20px)}.su-modal .su-layout{grid-template-columns:125px minmax(0,1fr)}.su-modal .su-layout>main{padding:16px 12px}.su-modal>.su-header{padding:16px}.su-modal .su-actions{gap:8px}.su-tabs{flex-wrap:wrap}}