/* 4.2.159: keep all three assignment controls visible on desktop, tablet and phone. */
#app.cdesck-app-root .form-card #se3,
#app.cdesck-app-root .form-card label[for="se3"],
#app.cdesck-app-root .form-card .form-field:has(> label[for="se3"]){display:block!important;visibility:visible!important;opacity:1!important;max-height:none!important;}
#app.cdesck-app-root .form-card #se3{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
@media(max-width:900px){#app.cdesck-app-root .desktop-two{grid-template-columns:minmax(0,1fr)!important}#app.cdesck-app-root .form-card .form-grid.refined{grid-template-columns:minmax(0,1fr)!important}#app.cdesck-app-root .form-card .form-field:has(> label[for="se3"]){grid-column:1/-1!important;}}
@media(max-width:600px){#app.cdesck-app-root .form-card{min-width:0!important;width:100%!important}#app.cdesck-app-root .form-card #se3{font-size:16px!important;min-height:44px!important;}}

/* iOS Safari and installed PWA: avoid :has() selector dependency and parent overflow clipping. */
#app .form-grid.refined > .form-field.full {display:block;visibility:visible;min-width:0;max-width:100%;}
#app .form-grid.refined #se3 {display:block!important;appearance:auto;-webkit-appearance:menulist;position:relative!important;visibility:visible!important;opacity:1!important;min-height:44px;width:100%!important;}
@supports (-webkit-touch-callout: none) {
 #app .form-card, #app .form-grid.refined {overflow:visible!important;}
 #app .form-grid.refined > .form-field {min-width:0!important;}
 #app select.field {font-size:16px!important;}
}