/* Renovación visual aislada: conserva lógica de cartera y conexión Supabase */
.liftCarteraModal{background:rgba(12,15,20,.64);backdrop-filter:blur(5px)}
.liftCarteraPanel{width:min(96vw,900px);background:#f5f6f8;font-weight:400;box-shadow:-24px 0 80px rgba(0,0,0,.24);scrollbar-color:#c8ccd2 transparent}
.liftCarteraHead{padding:23px 28px 21px;background:#101114;color:#fff;border:0;gap:15px;box-shadow:0 5px 18px rgba(0,0,0,.08)}
.liftCarteraHeading{min-width:0}.liftCarteraEyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:.17em;color:#aeb0b7;margin-bottom:6px}
.liftCarteraHead h2{font-size:25px;font-weight:650;letter-spacing:-.035em;line-height:1.2}
.liftCarteraSubtitle{display:block;color:#afb2b9;font-size:11px;font-weight:350;margin-top:5px}
.liftCarteraClose{flex:0 0 39px;width:39px;height:39px;border:1px solid #42444b;background:#27282c;color:#fff;border-radius:11px;transition:.15s}
.liftCarteraClose:hover{background:#44464d}
.liftCarteraBody{padding:24px 28px 38px;max-width:100%}
.liftCarteraStats{gap:12px;margin-bottom:21px}
.liftStat{min-height:105px;padding:17px 18px;border:1px solid #e4e6e9;border-radius:15px;box-shadow:0 3px 12px rgba(15,23,42,.025)}
.liftStat:first-child{background:#17181b;color:#fff;border-color:#17181b}
.liftStat:first-child small{color:#bfc1c7}
.liftStat:nth-child(2){background:#fffafa;border-color:#f2d9d9}
.liftStat:nth-child(2) b{color:#b42332}
.liftStat small{font-size:10px;letter-spacing:.015em;font-weight:500;color:#777e89}
.liftStat b{font-size:24px;letter-spacing:-.045em;font-weight:700;margin-top:10px;line-height:1.2;overflow-wrap:anywhere}
.liftCarteraSearch{height:49px;border:1px solid #dfe2e6;border-radius:12px;padding:0 17px 0 42px;margin-bottom:17px;background:#fff;font:400 13px Poppins,Arial;outline:none;box-shadow:0 2px 8px rgba(0,0,0,.02)}
.liftCarteraSearch:focus{border-color:#17181b;box-shadow:0 0 0 3px rgba(17,17,17,.07)}
.liftCarteraSearch::placeholder{color:#969aa3}
.liftCarteraSearch{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23858b96' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:15px center}
.liftClientDebt{border:1px solid #e2e5e9;border-radius:17px;padding:18px;margin-bottom:15px;box-shadow:0 4px 20px rgba(20,25,35,.035)}
.liftClientHead{align-items:center;padding-bottom:14px;border-color:#eef0f2}
.liftClientName{font-size:16px;letter-spacing:-.025em;font-weight:650;line-height:1.35}
.liftClientPhone{font-size:11px;font-weight:400;color:#7a808b;margin-top:5px}
.liftClientTotal{min-width:130px}.liftClientTotal small{font-size:10px;font-weight:400;color:#818792}
.liftClientTotal b{font-size:21px;letter-spacing:-.04em;font-weight:700;margin:3px 0}
.liftClientActions{margin-top:13px}.liftClientActions button{background:#f4f5f7;color:#17181b;border:1px solid #e4e6e9;text-align:center;font-size:11px;font-weight:600;height:41px;border-radius:10px}
.liftClientActions button:hover{background:#e9ebef}
.liftDebt{background:#fafbfc;border:1px solid #e8eaee;border-radius:13px;padding:14px;margin-top:12px}
.liftDebtName{font-size:12px;font-weight:650}.liftDebtMeta{font-size:10px;font-weight:400;color:#737a86;line-height:1.65}
.liftDebtSaldo b{font-size:17px;font-weight:700;letter-spacing:-.03em}.liftDebtSaldo small{font-weight:400;color:#80858f}
.liftStatus{font-size:10px;font-weight:600;padding:5px 9px;background:#edf0f4;color:#505b68}
.liftDebt:has(.liftStatus) .liftStatus{border:1px solid #e2e5e9}
.liftDebtItems{border-color:#e9ebee;border-radius:10px;padding:9px 11px;margin-top:12px}
.liftDebtItem{font-weight:400;font-size:11px;padding:5px 0;align-items:baseline}.liftDebtItem+ .liftDebtItem{border-top:1px solid #f0f1f3}
.liftDebtItem b{font-weight:600;white-space:nowrap}
.liftDebtActions{gap:8px;margin-top:12px}
.liftDebtActions button{height:39px;border-radius:9px;font-size:10px;font-weight:550;border-color:#dfe2e6;transition:background .15s}
.liftDebtActions button:hover{background:#eceff2}.liftDebtActions button:first-child:hover{background:#35373b}
.liftDebtHistory{font-size:11px;font-weight:400;border-color:#e3e6e9}.liftPayRow b{font-weight:650}
.liftAbonoBox{gap:9px;margin-top:12px;padding-top:13px;border-color:#e5e7eb}
.liftAbonoBox input,.liftAbonoBox select{height:42px;border:1px solid #dfe2e6;border-radius:9px;background:#fff;font:400 11px Poppins,Arial;min-width:0}
.liftAbonoBox input:focus{outline:2px solid #c6c8cc;outline-offset:0}
.liftAbonoBox button{height:43px;border-radius:9px;font:600 11px Poppins,Arial}
.liftCarteraEmpty{padding:50px 15px;background:#fff;border:1px dashed #d7dbe1;border-radius:14px;font-weight:400;color:#737a85}
@media(max-width:620px){
.liftCarteraPanel{width:100vw}
.liftCarteraHead{padding:17px 16px}.liftCarteraHead h2{font-size:21px}.liftCarteraSubtitle{font-size:10px}
.liftCarteraBody{padding:15px 12px 28px}
.liftCarteraStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px}
.liftStat{padding:13px;min-height:89px}.liftStat:first-child{grid-column:1/-1}.liftStat b{font-size:21px;margin-top:7px}

.liftClientDebt{padding:13px;border-radius:14px}.liftClientName{font-size:14px}.liftClientTotal{min-width:105px}.liftClientTotal b{font-size:17px}
.liftDebt{padding:11px}.liftDebtActions{grid-template-columns:repeat(2,minmax(0,1fr))}.liftDebtActions button:last-child{grid-column:1/-1}
}
@media(max-width:380px){.liftClientHead{gap:6px}.liftClientTotal{min-width:96px}.liftClientTotal b{font-size:15px}.liftCarteraHead h2{font-size:19px}}