/* Shared rule layout for the list, editor and template dialog. */
:is(#email-rules-table,#emailrules-edition) .onecup-rule-heading{cursor:pointer;gap:12px;outline-offset:-3px}
:is(#email-rules-table,#emailrules-edition) .onecup-rule-heading>div:first-child{min-width:0;flex:1}
:is(#email-rules-table,#emailrules-edition) .onecup-rule-heading .ibox-tools{flex:0 0 auto;position:static;margin:0}
.onecup-rule-heading .ibox-tools :is(i,svg){transition:transform .2s}
.onecup-rule-heading.is-expanded .ibox-tools :is(i,svg){transform:rotate(180deg)}
:is(#email-rules-table,#emailrules-edition) .onecup-rule-box{width:100%;min-width:0}
:is(#email-rules-table,#emailrules-edition) .onecup-rule-card{min-width:0;max-width:100%}
:is(#email-rules-table,#emailrules-edition) .onecup-rule-card>p{overflow-wrap:anywhere}
:is(#email-rules-table,#emailrules-edition) .onecup-rule-actions{width:max-content!important;max-width:100%;margin:10px 60px 0 auto;align-self:flex-end}
:is(#email-rules-table,#emailrules-edition) .onecup-rule-actions .btn-wrapper{display:flex!important;flex-wrap:nowrap!important;gap:0!important;width:auto!important}
:is(#email-rules-table,#emailrules-edition) .onecup-rule-actions .btn-group{margin:0!important;width:auto!important;flex:0 0 auto!important}
:is(#email-rules-table,#emailrules-edition) .onecup-rule-actions .btn{margin:0!important;white-space:nowrap;min-height:34px}
:is(#email-rules-table,#emailrules-edition) .onecup-rule-actions .btn-group+.btn-group>.btn{border-left:0!important}
#templatesupload .onecup-rule-template-tabs{margin:0 0 20px;width:100%}
#templatesupload .onecup-rule-template-tabs .btn-wrapper{display:flex;flex-wrap:nowrap;gap:0}
#templatesupload .onecup-rule-template-tabs .btn-group{flex:1 1 50%;min-width:0;margin:0!important}
#templatesupload .onecup-rule-template-tabs .btn{width:100%;white-space:nowrap}
#templatesupload .onecup-rule-template-tabs .btn-group+.btn-group>.btn{border-left:0!important}
:is(#templatesupload,#emailrulecreate) :is(.modal-body>div,[role=tabpanel],.form-group){width:100%;min-width:0;max-width:100%}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-filename{overflow-wrap:anywhere;font-size:14px}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-picker{position:relative;z-index:2}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-select{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:100%;text-transform:none;text-align:left}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-select>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-dropdown{position:relative;top:auto;left:auto;max-height:none;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--onecup-primary);background:#fff;width:100%;box-sizing:border-box}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-search{flex-shrink:0;padding:10px;border-bottom:1px solid #dbe2ed}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-search input{width:100%;margin:0;min-height:36px!important}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-dropdown .select2-body{display:block;max-height:210px;height:auto;overflow-y:auto;overscroll-behavior:contain}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-dropdown ul{height:auto;border:0}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-dropdown li{height:auto;min-height:38px;flex-shrink:0}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-dropdown a{display:flex;flex-direction:column;align-items:flex-start;gap:3px;height:auto;padding:9px 12px;width:100%}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-dropdown :is(a>span,a>strong){width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-dropdown a>span{font-size:12px}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-dropdown [aria-selected=true] a{background:var(--onecup-primary)!important;color:#fff!important}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-empty{padding:12px;justify-content:flex-start;align-items:flex-start}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-error{display:block;margin-top:12px}
@media(max-width:1199px){
 :is(#email-rules-table,#emailrules-edition) .rules-wrapper>.row{margin:0;width:100%}
 :is(#email-rules-table,#emailrules-edition) .onecup-rule-card{width:100%!important;margin-left:0!important;margin-right:0!important}
 :is(#email-rules-table,#emailrules-edition) .onecup-rule-actions .btn{font-size:12px!important}
 #templatesupload .onecup-rule-template-tabs .btn{font-size:11px!important;padding-left:8px!important;padding-right:8px!important}
 :is(#templatesupload,#emailrulecreate) .onecup-rule-template-dropdown .select2-body{max-height:180px}
}
@media(prefers-reduced-motion:reduce){.onecup-rule-heading .ibox-tools :is(i,svg){transition:none}}
/* Neutralize the legacy absolute placement of rule preview buttons. */
:is(#email-rules-table,#emailrules-edition) .onecup-rule-actions .btn-preview{position:static!important;inset:auto!important;transform:none!important}
#templatesupload .onecup-rule-template-tabs .btn{min-height:36px!important}
:is(#templatesupload,#emailrulecreate) .onecup-rule-template-dropdown a>*{color:inherit!important}
@media(max-width:1199px){#templatesupload .onecup-rule-template-tabs .btn{min-height:40px!important}}

#emailrulecreate .form-group{display:flex;flex-direction:column;align-items:stretch;flex:0 0 auto;margin-bottom:18px}
#emailrulecreate .form-group>label{align-self:flex-start}
#emailrulecreate .form-group>:is(input,select,textarea){width:100%;max-width:100%;box-sizing:border-box}
#emailrulecreate textarea{min-height:90px;resize:vertical;line-height:1.5}
#emailrulecreate .onecup-rule-create-hint{font-size:12px;line-height:1.5;color:#65718a;margin:6px 0 0}
#emailrulecreate .onecup-rule-template-filename{margin:0 0 10px}
#emailrulecreate .onecup-rule-template-select{min-height:40px!important}
#email-rules-table .onecup-rule-notes{white-space:pre-wrap}
#emailrulecreate textarea{height:100px!important;min-height:100px!important;line-height:1.5!important}
@media(min-width:1200px){
 #emailrulecreate .modal-dialog{margin:70px auto 25px!important}
 #emailrulecreate .modal-content{display:flex;flex-direction:column;max-height:calc(100dvh - 95px)}
 #emailrulecreate .modal-header,#emailrulecreate .modal-footer{flex-shrink:0}
 #emailrulecreate .modal-body{flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto;overflow-x:hidden}
}
@media(max-width:1199px){#email-rules-table .side-0 .onecup-module-create{border-radius:50%!important}}

/* Use the same creation tabs and predictive field as the other modals. */
#emailrulecreate .onecup-rule-predictive-options{top:100%;left:0;width:100%;}
#emailrulecreate .onecup-rule-predictive-options .select2-body{height:auto;}
#emailrulecreate .onecup-rule-predictive-options a>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;}
#emailrulecreate .onecup-rule-predictive-options [aria-selected=true] a{background:var(--onecup-primary)!important;color:#fff!important;}
#emailrulecreate .onecup-rule-predictive-options [aria-selected=true] a>span{color:inherit!important;}
#emailrulecreate .onecup-rule-template-tabs>.btn-wrapper{display:inline-flex!important;flex-wrap:nowrap!important;width:auto!important;max-width:100%;gap:0!important;}
#emailrulecreate .onecup-rule-template-tabs>.btn-wrapper>.btn-group{flex:0 0 auto!important;width:auto!important;margin:0!important;}
#emailrulecreate .onecup-rule-template-tabs{width:100%;justify-content:flex-start!important;}
#emailrulecreate .onecup-rule-template-tabs>.btn-wrapper{margin:0!important;}