#clientes-root[hidden]{display:none!important}
#clientes-root .cl-head{display:flex;justify-content:space-between;align-items:start;gap:16px;flex-wrap:wrap;margin-bottom:20px}
#clientes-root h3{font-size:23px;letter-spacing:-.04em;margin:0 0 5px}
#clientes-root h4{font-size:15px;margin:26px 0 13px}
#clientes-root p{font-size:13px;color:#6B7D78;margin:0}
#clientes-root button{font-family:inherit;cursor:pointer;font-weight:600}
#clientes-root .cl-main{border:0;border-radius:10px;background:#0F3A36;color:white;padding:11px 17px}
#clientes-root .cl-main:hover{background:#176e53}
#clientes-root button:disabled{opacity:.55;cursor:wait}
#clientes-root .cl-secondary{border:1px solid #cbdcd4;background:white;color:#0F3A36;border-radius:10px;padding:10px 14px}
#clientes-root .cl-link{border:0;background:none;color:#176e53;padding:4px 0;margin-bottom:13px}
#clientes-root .cl-filters{display:grid;grid-template-columns:minmax(180px,1fr) 180px auto;align-items:end;gap:13px;margin-bottom:16px}
#clientes-root .cl-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:600}
#clientes-root input,#clientes-root select{width:100%;border:1px solid #cbdcd4;border-radius:10px;padding:11px 12px;color:#0F3A36;font:400 13px Poppins,Arial,sans-serif;background:#fff;min-width:0}
#clientes-root input:focus,#clientes-root select:focus{outline:2px solid #10B981;outline-offset:1px}
#clientes-root .cl-check{font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:8px;padding-bottom:13px}
#clientes-root .cl-check input{width:16px;height:16px}
#clientes-root .cl-scroll{overflow:auto}
#clientes-root .cl-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}
#clientes-root .cl-table th,#clientes-root .cl-table td{border-bottom:1px solid #e2ebe6;padding:13px 10px}
#clientes-root .cl-table th{color:#6B7D78;font-size:11px;font-weight:600}
#clientes-root .cl-table small,#clientes-root .cl-summary small{display:block;color:#6B7D78;font-size:11px;margin-top:3px}
#clientes-root .cl-empty{text-align:center;padding:35px!important;color:#6B7D78}
#clientes-root .cl-tag{display:inline-block;border-radius:30px;padding:5px 9px;background:#e3f0ff;color:#235b91;font-weight:600;font-size:11px}
#clientes-root .cl-msg{min-height:18px;margin:12px 0;color:#176e53}
#clientes-root .cl-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#clientes-root .cl-buttons{display:flex;gap:10px;flex-wrap:wrap}
#clientes-root .cl-end{justify-content:flex-end;margin-top:18px}
#clientes-root .cl-muted{margin-top:12px;color:#6B7D78}
#clientes-root .cl-tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid #dce6e2;margin-bottom:22px}
#clientes-root .cl-tabs button{white-space:nowrap;border:0;background:transparent;padding:12px;color:#6B7D78}
#clientes-root .cl-tabs button.active{color:#0F3A36;border-bottom:3px solid #10B981}
#clientes-root .cl-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#clientes-root .cl-summary>div{padding:15px;border:1px solid #e3ece9;border-radius:12px;overflow-wrap:anywhere}
#clientes-root .cl-summary strong{display:block;font-size:13px;margin-top:5px}
#clientes-root .cl-soon{color:#6B7D78;text-align:center;padding:40px 10px}
@media(max-width:720px){#clientes-root .cl-filters{grid-template-columns:1fr}#clientes-root .cl-fields,#clientes-root .cl-summary{grid-template-columns:1fr}#clientes-root .cl-check{padding-bottom:0}#clientes-root .cl-table{min-width:520px}#clientes-root .cl-head{align-items:stretch}#clientes-root .cl-head .cl-main{width:100%}}

#clientes-root .cl-field input.cl-input-error,
#clientes-root .cl-field select.cl-input-error{border:2px solid #c83333;background:#fff5f5;color:#7d2020}
#clientes-root .cl-field .cl-field-error{color:#b42318;font-size:11px;font-weight:600;line-height:1.5}
#clientes-root .cl-msg.cl-form-error{color:#b42318;font-weight:600}
#clientes-root .cl-field input.cl-input-error:focus,
#clientes-root .cl-field select.cl-input-error:focus{outline:2px solid #e35b5b}