/* Accesos de cobro: ficha, listado y formulario existente. */
#clientProfileModal #clientDetail.client-profile-v303 .quick.client-action-panel{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
#clientProfileModal #clientDetail.client-profile-v303 .quick #collectDebt{border-color:#b591f0;background:linear-gradient(125deg,#65449a,#312149);color:#fff;box-shadow:inset 0 1px 0 #eadbff30,0 5px 18px #602e9026}
#clientProfileModal #clientDetail.client-profile-v303 .quick #collectDebt .action-icon{color:#eee1ff}
#clientProfileModal #clientDetail.client-profile-v303 .quick #collectDebt:disabled{opacity:.45;cursor:not-allowed}
#clientProfileModal #clientDetail.client-profile-v303 button.client-debt-kpi-action{font:inherit;text-align:left;cursor:pointer;color:inherit;position:relative}
#clientProfileModal #clientDetail.client-profile-v303 button.client-debt-kpi-action:hover{border-color:#b591f0;background:linear-gradient(120deg,#271c38,#0b0e15)}
#clientProfileModal #clientDetail.client-profile-v303 button.client-debt-kpi-action small{color:#ccb3f2}
#clientProfileModal #clientDetail.client-profile-v303 button.client-debt-kpi-action:focus-visible,#clientProfileModal #collectDebt:focus-visible{outline:2px solid #cfb1ff;outline-offset:3px}
main>.workspace .client-list-debt{width:max-content;max-width:100%;cursor:default}
main>.workspace .client-list-debt .client-debt-popover{min-width:180px;max-width:min(260px,calc(100vw - 48px));padding:10px;border:1px solid #70558f;border-radius:10px;background:linear-gradient(135deg,#21192e,#0c1018);color:#ded1ee;box-shadow:0 12px 30px #000a;z-index:20}
main>.workspace .client-debt-popover>b{display:block;margin:0 0 8px;font-size:12px;color:#f0d8fa;white-space:normal}
main>.workspace .client-debt-popover .client-debt-quick{min-height:38px;width:100%;border-color:#a087d2;background:linear-gradient(120deg,#4e346c,#251d39);color:#f2e6ff;text-align:center}
main>.workspace .client-debt-quick:focus-visible,main>.workspace .client-list-debt:focus-visible{outline:2px solid #cfb1ff;outline-offset:3px}
#clientModal .modal.client-debt-modal{box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-width:460px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid #625477;border-radius:18px;background:radial-gradient(ellipse at 0 0,#7555b522,transparent 65%),linear-gradient(120deg,#070b13f7,#090e19ef 65%,#171329db),url('assets/lector-padel-fondo-v297.png') right bottom/auto 250px no-repeat #070c15;color:#e9e9f5;box-shadow:inset 0 1px #ddd0ff0c,0 24px 90px #000b;color-scheme:dark}
/* Acotado a este formulario: la regla móvil general no debe expandirlo. */
body.palmar-visual-beta[data-palmar-beta-page="clientes"] #clientModal:has(.client-debt-modal){align-items:center!important;padding:12px!important}
body.palmar-visual-beta[data-palmar-beta-page="clientes"] #clientModal #clientModalBody.client-debt-modal{box-sizing:border-box;width:min(460px,calc(100vw - 24px))!important;max-width:460px!important;margin:auto;padding:20px!important;max-height:calc(100dvh - 24px)!important}
#clientModal .client-debt-modal h2{display:flex;align-items:center;gap:9px;margin:5px 0 4px;font:700 25px/1.15 Rajdhani,Inter,system-ui,sans-serif}
#clientModal .client-debt-modal h2::before{content:'';width:27px;height:30px;flex:0 0 27px;background:url('assets/buffet-palmera-violeta-realista-20261022.png') center/contain no-repeat}
#clientModal .client-debt-modal p{margin:4px 0 9px;line-height:1.45;color:#adbbce;font-size:12px;overflow-wrap:anywhere}
#clientModal .client-debt-kicker{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#bda3e5}
#clientModal .client-debt-amount{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:10px 12px;border:1px solid #5e4d77;border-radius:11px;background:linear-gradient(110deg,#21192d99,#0a0f1ad9);color:#c8bbdf;font-size:12px}
#clientModal .client-debt-amount b{color:#d4baf7;font:700 24px/1.2 Inter,system-ui,sans-serif;white-space:nowrap}
#clientModal .client-debt-modal .field label{margin:7px 0 5px;font-size:11px}
#clientModal .client-debt-modal .input{box-sizing:border-box;height:40px;min-height:40px;padding:8px 11px;border:1px solid #35435a;border-radius:10px;background:#080e17;color:#e9e9f5;font:600 14px/1.2 Inter,system-ui,sans-serif}
#clientModal .client-debt-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 9px}
/* Artes existentes de Buffet: nueve secciones, sin estirar la pala. */
#clientModal .client-debt-methods button,#clientModal .client-debt-modal .actions button{--debt-art:url('assets/buffet-boton-efectivo-imagegen-20261022.png');--debt-art-height:78.5px;--debt-art-top:-15.65px;--debt-art-x:-8.9px;--debt-art-side:70.5px;appearance:none;box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:48px;min-height:48px;margin:0;padding:5px 14px 5px 58px;border:0;border-radius:11px;background:#06090e;color:#fff;font:700 11.5px/1.2 Inter,system-ui,sans-serif;text-shadow:0 1px 3px #000;text-align:center;white-space:normal;cursor:pointer;box-shadow:0 3px 10px #0005}
#clientModal [data-debt-method="transferencia"]{--debt-art:url('assets/buffet-boton-transferencia-imagegen-20261022.png')!important;--debt-art-height:74.4px!important;--debt-art-top:-13.1px!important;--debt-art-x:-4.45px!important;--debt-art-side:66.85px!important}
#clientModal .client-debt-methods button::before,#clientModal .client-debt-modal .actions button::before{content:'';position:absolute;z-index:-1;top:var(--debt-art-top);left:var(--debt-art-x);right:var(--debt-art-x);height:var(--debt-art-height);border:solid transparent;border-width:0 var(--debt-art-side);border-image-source:var(--debt-art);border-image-slice:0 650 0 650 fill;border-image-width:0 var(--debt-art-side);border-image-repeat:stretch;background:transparent;pointer-events:none}
#clientModal .client-debt-methods button[aria-pressed="false"]{filter:saturate(.8) brightness(.88)}
#clientModal .client-debt-methods button[aria-pressed="true"]{outline:1px solid #d0b9fa;outline-offset:1px}
#clientModal .client-debt-methods button[data-debt-method="combinado"]{grid-column:1/-1;--debt-art:url('assets/buffet-boton-pendiente-imagegen-20261022.png');--debt-art-height:78.5px;--debt-art-top:-15px;--debt-art-x:-5.5px;--debt-art-side:70.5px}
#clientModal .client-debt-modal .client-debt-step{margin:12px 0 0;font-size:11px;color:#cbb7e6}
#clientModal .client-debt-modal .actions:not(:has(#confirmDebtCollection:not([hidden]))){grid-template-columns:minmax(0,1fr);max-width:200px;margin-left:auto;margin-right:auto}
#clientModal .client-debt-combined{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;padding:0 10px 9px;border:1px solid #46506a;border-radius:10px;background:#0c1322bd}
#clientModal .client-debt-combined .field{min-width:0}
#clientModal #collectSplitSummary{grid-column:1/-1;margin-top:7px;color:#b5c4dc;font-size:10px;line-height:1.4}
#clientModal .client-debt-hint{font-size:10px!important;margin:8px 0!important}
#clientModal #collectError{padding:10px;border:1px solid #9d565e;border-radius:8px;color:#ffc7cf;background:#4c1d273d;font-size:12px}
#clientModal .client-debt-modal [hidden]{display:none!important}
#clientModal .client-debt-modal .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #354059}
#clientModal .client-debt-modal #cancelForm{--debt-art:url('assets/buffet-boton-deuda-imagegen-20261022.png');--debt-art-height:80px;--debt-art-top:-15.65px;--debt-art-x:-8px;--debt-art-side:71.55px}
#clientModal .client-debt-modal button:hover:not(:disabled){filter:brightness(1.12)}
#clientModal .client-debt-modal button:disabled{opacity:.5;cursor:wait}
#clientModal .client-debt-modal button:focus-visible{outline:2px solid #cfb1ff;outline-offset:3px}
@media(hover:none){main>.workspace .client-list-debt .client-debt-popover{position:static;display:block;margin-top:5px;box-shadow:none;padding:8px;min-width:0}main>.workspace .client-debt-popover .client-debt-quick{min-height:44px}}
@media(max-width:650px){#clientProfileModal #clientDetail.client-profile-v303 .quick.client-action-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){#clientModal .client-debt-methods button,#clientModal .client-debt-modal .actions button{padding-left:48px;padding-right:9px;font-size:11px}#clientModal .client-debt-amount b{font-size:22px}}