/* 4.2.69 - Responsividade exclusiva da area Funcionarios.
   Nao altera botoes globais, menu, bandeiras ou outras paginas. */
#app.cdesck-app-root .employee-layout-v424,
#app.cdesck-app-root .employee-layout-v424 *{box-sizing:border-box}
#app.cdesck-app-root .employee-layout-v424{min-width:0;max-width:100%;gap:clamp(12px,2vw,24px)}
#app.cdesck-app-root .employee-layout-v424 .employee-form,
#app.cdesck-app-root .employee-layout-v424 .employee-directory{min-width:0;max-width:100%}
#app.cdesck-app-root .employee-form .form-grid.refined,
#app.cdesck-app-root .employee-form .children-grid{min-width:0;max-width:100%;gap:clamp(10px,1.5vw,18px)}
#app.cdesck-app-root .employee-form .form-field{min-width:0;max-width:100%}
#app.cdesck-app-root .employee-form .form-field :is(input,select,textarea){min-width:0;max-width:100%;width:100%}
#app.cdesck-app-root .employee-form .form-card-head{min-width:0;max-width:100%;flex-wrap:wrap;gap:12px}
#app.cdesck-app-root .employee-form .standard-form-search{min-width:0;max-width:100%;flex-wrap:wrap}
#app.cdesck-app-root .employee-form .standard-form-search .field{min-width:0!important;max-width:100%!important}
#app.cdesck-app-root .employee-form .employee-form-section{min-width:0}
#app.cdesck-app-root .employee-form .employee-form-section .customer-form-section-title{overflow-wrap:anywhere}
#app.cdesck-app-root .employee-form .policy,
#app.cdesck-app-root .employee-form .acknowledgement{max-width:100%;overflow-wrap:break-word}
#app.cdesck-app-root .employee-layout-v424 .employee-directory .employee-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(min-width:769px) and (max-width:1200px){
 #app.cdesck-app-root .employee-form .employee-form-section{padding:clamp(14px,2vw,24px)!important;margin-left:clamp(12px,1.8vw,22px)!important;margin-right:clamp(12px,1.8vw,22px)!important}
 #app.cdesck-app-root .employee-form .form-grid.refined{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app.cdesck-app-root .employee-form .form-grid.refined .full{grid-column:1/-1}
 #app.cdesck-app-root .employee-form .form-field label{font-size:14px!important;line-height:1.45!important}
 #app.cdesck-app-root .employee-form .form-field .field{font-size:14px!important}
}
@media(max-width:768px){
 #app.cdesck-app-root .employee-layout-v424{display:block!important;width:100%!important}
 #app.cdesck-app-root .employee-form .form-card-head{display:flex;flex-direction:column;align-items:stretch}
 #app.cdesck-app-root .employee-form .standard-form-search{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:stretch!important}
 #app.cdesck-app-root .employee-form .standard-form-search .field{width:100%!important;min-width:0!important;min-height:44px}
 #app.cdesck-app-root .employee-form .standard-form-search .btn{width:auto!important;min-width:90px!important;max-width:none!important}
 #app.cdesck-app-root .employee-form .employee-form-section{margin:14px 12px 0!important;padding:16px 14px!important;border-radius:14px!important}
 #app.cdesck-app-root .employee-form .form-grid.refined{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
 #app.cdesck-app-root .employee-form .form-grid.refined .form-field,
 #app.cdesck-app-root .employee-form .form-grid.refined .full{grid-column:1/-1!important}
 #app.cdesck-app-root .employee-form .children-grid{grid-template-columns:minmax(0,1fr) minmax(70px,.42fr)!important;gap:10px!important}
 #app.cdesck-app-root .employee-form .form-field label{font-size:16px!important;line-height:1.4!important}
 #app.cdesck-app-root .employee-form .form-field :is(input,select,textarea){font-size:16px!important;line-height:1.4!important;min-height:46px}
 #app.cdesck-app-root .employee-form .customer-form-section-title{font-size:18px!important;line-height:1.3!important}
 #app.cdesck-app-root .employee-form .sensitive-note{overflow-wrap:anywhere}
 #app.cdesck-app-root .employee-form .form-actions{display:flex;flex-wrap:wrap;gap:10px}
 #app.cdesck-app-root .employee-form .form-actions .btn,
 #app.cdesck-app-root .employee-form .form-actions .confirm{max-width:100%!important}
 #app.cdesck-app-root .employee-layout-v424 .employee-directory{margin-top:20px}
}
@media(max-width:390px){
 #app.cdesck-app-root .employee-form .standard-form-search{grid-template-columns:minmax(0,1fr)!important}
 #app.cdesck-app-root .employee-form .standard-form-search .btn{width:100%!important}
 #app.cdesck-app-root .employee-form .children-grid{grid-template-columns:minmax(0,1fr)!important}
}