.form .field input{height:52px;padding:10px;font-size:16px}.form .field span{font-size:14px}.form .field input[type=date]{font-size:16px}.form .field input[type=date]::-webkit-datetime-edit{font-size:16px}aside{overflow-y:auto}aside footer{margin-top:18px;line-height:14px;position:static;bottom:auto;left:auto;right:auto}.nav{min-height:36px;line-height:16px}.nav svg{flex:none}
.clientFormView{--client-sidebar-width:clamp(245px, 21.62vw, 313px);color:#092859}.clientFormView aside{width:var(--client-sidebar-width);padding:20px 17px}.clientFormView main{min-width:0;width:calc(100% - var(--client-sidebar-width));margin-left:var(--client-sidebar-width)}.clientFormView.sidebarHidden main{width:100%;margin-left:0}.clientFormView .brand{gap:17px;padding-bottom:27px}.clientFormView .brand>i{flex:none;width:54px;height:54px;font-size:14px}.clientFormView .brand b{font-size:20px}.clientFormView .brand small{font-size:14px}.clientFormView aside>p{font-size:13px}.clientFormView .nav{border-radius:10px;gap:17px;min-height:45px;font-size:14px}.clientFormView .nav svg{width:20px;height:20px}.clientFormView aside footer{font-size:12px;line-height:1.5}.clientFormView header{gap:24px;height:auto;min-height:66px;padding:12px 28px}.clientFormView header b{font-size:18px}.clientFormView header small{font-size:14px}.clientFormView .menuToggle{white-space:nowrap;font-size:14px}.clientFormView .headright mark{white-space:nowrap;font-size:12px}.clientFormView .blue,.clientFormView .outline{justify-content:center;padding:9px 18px;font-size:16px}.clientFormView main>section{max-width:none;padding:0 24px 24px}.clientFormView .detailTop{gap:16px;min-height:70px;margin:0 -24px 20px;padding:14px 28px}.clientFormView .detailTop b{font-size:20px}.clientFormView .detailTop small{font-size:14px}.clientFormView .detailTop .outline{border-color:#dce5f1}.clientFormView .formbox.clientForm{max-width:none;box-shadow:none;border-color:#bad1ed;border-radius:15px;padding:18px 21px 14px;container:client-form/inline-size}.clientForm .formHeading{display:block}.clientForm .formHeading h3{color:#092859;font-size:18px;line-height:1.3}.clientForm .formHeading p{margin:2px 0 0;font-size:14px;line-height:1.4}.clientForm .notice{color:#174d95;margin-top:10px;font-size:14px}.successToast{z-index:100;color:#147842;background:#edfff4;border:1px solid #a8e8c4;border-radius:8px;align-items:center;gap:7px;max-width:min(280px,100vw - 32px);min-height:38px;padding:9px 12px;font-size:12px;font-weight:600;display:flex;position:fixed;top:18px;right:20px;box-shadow:0 5px 14px #115b3324}.successToast svg{color:#0fa95a;flex:none}.clientForm h4{color:#092859;text-transform:uppercase;margin:0 0 10px;font-size:14px;font-weight:700;line-height:1.25}.clientIdentity{grid-template-columns:174px minmax(0,1fr);align-items:start;gap:10px;margin-top:10px;display:grid}.clientForm .clientPanel,.clientPhotoPanel{background:#f4f9ff;border:1px solid #c9dbf2;border-radius:8px;min-width:0;padding:12px}.clientPhotoPanel{background:#fff}.clientPhotoPanel h4{margin-bottom:8px}.clientPhoto{aspect-ratio:3/4;text-align:center;color:#366191;cursor:pointer;background:#f3f7fc;border:1px dashed #87acd7;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;display:flex;position:relative}.clientPhoto:focus-visible{outline-offset:2px;outline:3px solid #adcfff}.clientPhoto b{font-size:14px;line-height:1.3}.clientPhoto strong{color:#092859;font-size:14px}.clientPhoto img{object-fit:cover;border-radius:6px;width:100%;height:100%;position:absolute;inset:0}.clientPhoto button{color:#c33361;cursor:pointer;background:#fff;border:1px solid #d7537b;border-radius:6px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:6px;right:6px}.clientPhotoPanel p{text-align:center;color:#587aa4;margin:8px 0 0;font-size:12px;line-height:1.35}.clientPhotoFields{gap:8px;margin-top:10px;display:grid}.identityFields{grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;gap:10px 12px;display:grid}.clientForm .field{min-width:0;margin:0}.clientForm .field>span{color:#092859;text-transform:uppercase;min-height:0;margin:0 0 5px;font-size:14px;font-weight:700;line-height:1.25;display:block}.clientForm .field>span em{color:#e73c32;font-style:normal}.clientForm .name{grid-column:1/-1}.clientForm .cpf{grid-column:span 10}.clientForm .birth{grid-column:span 8}.clientForm .age{grid-column:span 6}.clientForm .benefit{background:0 0;border:0;border-radius:0;grid-column:1/-1;width:auto;padding:0;display:block}.clientForm .secondBenefit{grid-column:1/-1}.clientForm .secondBenefit>span{align-items:center;gap:8px;display:flex}.clientForm .secondBenefit>span small{color:#2458d3;text-transform:none;background:#eaf1ff;border:1px solid #9dbbff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:500;line-height:1.2}.clientForm .twoBenefits{grid-column:1/-1}.clientForm .field input:not([type=checkbox]),.clientForm .field select,.clientForm .field textarea,.clientForm .benefitTrigger{color:#092859;background:#effff6;border:1px solid #12bb69;border-radius:7px;width:100%;min-width:0;max-width:100%;font-family:Arial,sans-serif;height:38px!important;padding:7px 12px!important;font-size:16px!important;font-weight:400!important;line-height:1.25!important}.clientForm .field input::placeholder,.clientForm .field textarea::placeholder{color:#7f98b5;opacity:1;text-transform:none}.clientForm .field input[type=date]::-webkit-datetime-edit{font:inherit!important}.clientForm .field input[aria-label=cidade]{font-size:14px!important}.clientForm .field textarea{resize:vertical;text-transform:none;background:#fff;border-color:#c4d7ed;min-height:38px}.clientForm .field input.fieldEmpty,.clientForm .field select.fieldEmpty,.clientForm .field textarea.fieldEmpty,.clientForm .benefitTrigger.fieldEmpty{background:#fff0b3!important;border-color:#dba900!important}.clientForm .field input.fieldFilled,.clientForm .field select.fieldFilled,.clientForm .field textarea.fieldFilled,.clientForm .benefitTrigger.fieldFilled{color:#08254b!important;background:#e7fff2!important;border-color:#12b96a!important;font-weight:600!important}.clientForm .field input.fieldReadonly{color:#7590ad;background:#edf3fa!important;border-color:#c8d8ea!important}.clientForm .field input:focus-visible,.clientForm .field select:focus-visible,.clientForm .field textarea:focus-visible,.clientForm button:focus-visible{outline-offset:2px;outline:2px solid #8db9ff}.clientForm .benefitTrigger,.clientForm .benefit select{height:42px!important}.clientForm .benefitTrigger>span{font:inherit;text-transform:none;margin:0}.clientForm .benefitTrigger>svg{flex:none}.clientForm .benefitChoices{min-width:0;max-width:100%;max-height:260px}.clientForm .benefitChoices label{font-size:14px;line-height:1.35}.clientForm .benefitChoices label span{text-transform:none;font:inherit;margin:0}.clientForm .toggle{border-color:#2450c0;gap:10px;height:auto;min-height:42px;padding:6px 10px;font-size:12px;line-height:1.3}.clientForm .toggle i{width:34px;height:24px}.clientForm .toggle i:after{width:18px;height:18px}.clientForm .toggle.active i:after{left:13px}.clientForm .copyInput{gap:10px;min-width:0}.clientForm .copyInput button{color:#1748dc;border-color:#1a4fff;width:38px;height:36px}.clientForm .cpf .copyInput{position:relative}.clientForm .cpf .copyInput input{padding-right:35px!important}.clientForm .cpf .copyInput button{color:#46698c;background:0 0;border:0;width:26px;height:32px;position:absolute;right:4px}.clientForm .cpfDuplicate .copyInput input{box-shadow:0 0 0 1px #dc2626;background:#fff0f0!important;border-color:#dc2626!important}.clientForm .cpfDuplicateNotice{color:#c51616;margin-top:6px;font-size:12px;font-weight:700;line-height:1.25;display:block}.clientForm .contactPanel{margin-top:10px}.contactFields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px 12px;display:grid}.clientForm .contactFields .field{grid-column:auto}.clientForm .dateWithUpdate{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px;display:grid}.clientForm .dateWithUpdate input{min-width:0}.clientForm .dateUpdateButton{color:#087c4a;cursor:pointer;background:#e9fff4;border:1px solid #0ca862;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid}.clientForm .dateUpdateButton:hover{background:#d5f8e7}.clientForm .dateUpdateButton:active{transform:translateY(1px)}.clientForm .dateUpdateButton:disabled{color:#91a5bb;cursor:not-allowed;background:#edf3fa;border-color:#c8d8ea;transform:none}.clientForm .contactPanel h4{margin-bottom:11px}.clientForm .observationsPanel{background:#fff;margin-top:12px;padding-top:10px;padding-bottom:10px}.clientForm .observationsPanel textarea{min-height:70px;height:70px!important}.clientForm .save{flex-wrap:wrap;gap:12px;margin-top:14px}@container client-form (max-width:950px){.clientIdentity{grid-template-columns:170px minmax(0,1fr)}.clientForm .clientPanel,.clientPhotoPanel{padding:12px}.identityFields{gap:10px 12px}.clientForm .twoBenefits,.clientForm .benefit{grid-column:1/-1}.clientForm .field>span{font-size:14px}.contactFields{gap:10px 12px}}@container client-form (max-width:740px){.identityFields{grid-template-columns:repeat(12,minmax(0,1fr))}.clientIdentity{grid-template-columns:142px minmax(0,1fr)}.clientPhotoPanel{padding:12px}.clientForm .cpf,.clientForm .birth{grid-column:span 5}.clientForm .age{grid-column:span 2}.clientForm .benefit,.clientForm .twoBenefits{grid-column:1/-1}.clientForm .toggle{min-height:44px}}@container client-form (max-width:520px){.clientIdentity{grid-template-columns:minmax(0,1fr)}.clientPhotoPanel{justify-self:start;width:174px}.clientForm .cpf,.clientForm .birth{grid-column:1/-1}.clientForm .age{grid-column:span 5}.contactFields{grid-template-columns:minmax(0,1fr)}.clientForm .save button{flex:auto}}@media (max-width:1100px){.clientFormView header{gap:14px;padding:12px 20px}.clientFormView header small{font-size:12px}.clientFormView .headright mark,.clientFormView .menuToggle span{display:none}}@media (max-width:760px){.clientFormView main{width:100%;margin-left:0}.clientFormView main>section{padding:0 12px 20px}.clientFormView header{padding:12px 14px}.clientFormView header small{display:none}.clientFormView header b{font-size:16px}.clientFormView .headright{gap:0}.clientFormView .blue,.clientFormView .outline{padding:9px 12px;font-size:14px}.clientFormView .detailTop{flex-wrap:wrap;gap:10px;margin:0 -12px 12px;padding:12px 14px}.clientFormView .detailTop>div{flex:120px;width:auto}.clientFormView .detailTop b{font-size:17px}.clientFormView .detailTop small{font-size:12px}.clientFormView .formbox.clientForm{padding:14px 12px}}.clientForm .observations{position:relative}.clientForm .observations textarea{padding-bottom:22px!important}.clientForm .observationCount{color:#6c8aad;font-size:12px;position:absolute;bottom:7px;right:9px}
