@media(max-width:700px){
  .modal:has(.professional-form){z-index:10020!important;align-items:flex-end!important;padding:0!important;overflow:hidden!important}
  .modal:has(.professional-form) .modal-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0 16px calc(24px + env(safe-area-inset-bottom))!important;border-radius:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}
  .modal:has(.professional-form) .modal-head{position:sticky!important;z-index:8;top:0!important;display:flex!important;align-items:center!important;min-height:68px;margin:0 -16px 14px!important;padding:14px 16px!important;border-bottom:1px solid var(--line)!important;background:var(--white)!important}
  .modal:has(.professional-form) .modal-head h2{min-width:0;margin:0!important;font-size:21px!important;line-height:1.15!important}
  .modal:has(.professional-form) .modal-head .close{flex:0 0 40px;width:40px!important;height:40px!important;margin-left:auto!important}
  .professional-form,.professional-form *{box-sizing:border-box;min-width:0;max-width:100%}
  .professional-form{display:grid!important;gap:12px!important;width:100%!important;padding-bottom:4px!important}
  .professional-form-intro{grid-template-columns:44px minmax(0,1fr)!important;padding:12px!important}
  .professional-form-intro>i{width:44px!important;height:44px!important}
  .professional-form-section{width:100%!important;padding:13px!important;overflow:hidden!important}
  .professional-form-section>header,.professional-form-section>legend{grid-template-columns:31px minmax(0,1fr)!important;margin-bottom:14px!important}
  .professional-identity,.professional-form-section .commission-grid,.professional-appearance>div:last-child{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;width:100%!important}
  .professional-identity label:first-child{grid-column:auto!important}
  .professional-form label{display:block!important;width:100%!important;margin:0 0 13px!important;font-size:12px!important}
  .professional-form label:last-child{margin-bottom:0!important}
  .professional-form input:not([type=checkbox]):not([type=color]),.professional-form select{display:block!important;width:100%!important;max-width:100%!important;height:48px!important;margin:7px 0 0!important;padding:0 12px!important;border-radius:11px!important}
  .professional-form input[type=color]{display:block!important;width:100%!important;height:48px!important;margin-top:7px!important}
  .professional-form .check{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:46px;padding:10px 12px!important;border:1px solid var(--line);border-radius:11px}
  .professional-form .check input{width:20px!important;height:20px!important;margin:0!important}
  .professional-services{max-height:none!important}
  .professional-service{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:12px!important}
  .professional-service input{width:20px!important;height:20px!important;margin:0!important}
  .professional-save{position:static!important;display:block!important;width:100%!important;min-height:52px!important;margin:4px 0 0!important;box-shadow:none!important}
}
@media(min-width:701px){.modal:has(.professional-form) .modal-card{width:min(680px,calc(100vw - 40px))!important}.professional-form{padding-bottom:4px}.professional-save{position:static!important;box-shadow:none!important}}