/* Etiqueta al lado de Responsable; sin recuadro ni espacio vertical extra. */
button.client-debt-notice{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;gap:3px;width:auto;min-width:0;max-width:100%;height:20px;min-height:20px;margin:0 0 0 5px;padding:0 5px;border:1px solid #ed4452;border-radius:4px;background:rgba(105,12,25,.16);color:#ff6972;font:600 9px/1 Inter,system-ui,sans-serif;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;box-shadow:none;text-transform:none;animation:clientDebtSignal405 2.4s ease-in-out infinite}
button.client-debt-notice:hover{background:rgba(151,20,36,.24);border-color:#ff6972;color:#ff9ca2;animation-play-state:paused}
button.client-debt-notice:focus-visible{outline:2px solid #ff6972;outline-offset:3px;animation-play-state:paused}
button.client-debt-notice>span{font-size:10px}
/* Centrado real de las insignias, sin depender de sus distintas líneas base. */
:is(.pcv2-head,.player-top)>div:has(>button.client-debt-notice){display:flex;flex-wrap:wrap;align-items:center;gap:4px 5px;min-width:0}
:is(.pcv2-head,.player-top)>div:has(>button.client-debt-notice)>:is(.pcv2-name,.player-name){flex:0 0 100%;min-width:0}
:is(.pcv2-head,.player-top)>div:has(>button.client-debt-notice)>:is(.pcv2-badge,.tag,button.client-debt-notice){margin:0!important}
@keyframes clientDebtSignal405{0%,100%{color:#ff6972;border-color:#ed4452;box-shadow:0 0 0 rgba(246,42,62,0)}50%{color:#ff9ca2;border-color:#ff6972;box-shadow:0 0 8px rgba(246,42,62,.32)}}
@media(prefers-reduced-motion:reduce){button.client-debt-notice{animation:none;box-shadow:0 0 5px rgba(246,42,62,.2)}}
dialog.client-debt-detail{box-sizing:border-box;position:fixed;inset:0;transform:none;width:min(620px,calc(100vw - 28px));max-width:calc(100vw - 28px);height:fit-content;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #455163;border-radius:15px;background:#090e15;color:#e8edf5;font:13px/1.45 Inter,system-ui,sans-serif;box-shadow:0 24px 80px #000a;overflow:auto;color-scheme:dark}
dialog.client-debt-detail::backdrop{background:#02050bcc;backdrop-filter:blur(3px)}
.client-debt-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid #293340}
.client-debt-detail>header small{color:#dda6b3;font-size:9px;letter-spacing:1px}
.client-debt-detail h2{margin:4px 0;font:700 24px/1.2 Rajdhani,Inter,sans-serif;color:#f2f4fa}
.client-debt-detail p{margin:5px 0;color:#b2bdcc;overflow-wrap:anywhere}
.client-debt-detail button{width:auto;min-height:32px;padding:6px 12px;border:1px solid #415167;border-radius:8px;background:#101925;color:#dce7f7;font:600 12px Inter,sans-serif;cursor:pointer}
.client-debt-detail button:focus-visible{outline:2px solid #edb3bf;outline-offset:3px}
.client-debt-detail>header button{flex:none;font-size:22px;padding:1px 10px}
.client-debt-detail>section{padding:16px 20px}
.client-debt-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding:10px 12px;border:1px solid #77414c;border-radius:9px;background:#27151c;color:#ffc4ca}
.client-debt-summary>strong{font-size:20px;font-variant-numeric:tabular-nums}
.client-debt-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #26313d;text-align:left;overflow-wrap:anywhere}
.client-debt-line b{color:#e5ebf5;font-size:12px}
.client-debt-line small{display:block;margin-top:3px;color:#9eafc4;font-size:10px;font-weight:400}
.client-debt-line>strong{text-align:right;color:#ffc4ca;font-size:15px;white-space:nowrap}
.client-debt-detail .client-debt-detail-note{margin-top:14px;color:#92a4bb;font-size:10px}
.client-debt-detail .client-debt-settled{color:#96dbb2}
.client-debt-payment-action{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;margin-top:14px}
.client-debt-detail a.client-debt-pay{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 13px;border:1px solid #ed6d72;border-radius:8px;background:linear-gradient(145deg,#9d2834,#601a26);color:#fff1f2;font:700 12px/1.2 Inter,system-ui,sans-serif;text-decoration:none;white-space:normal;text-align:center}
.client-debt-detail a.client-debt-pay:hover{background:#a22f3c;border-color:#ff9da0}
.client-debt-detail a.client-debt-pay:focus-visible{outline:2px solid #ff9da0;outline-offset:3px}
.client-debt-payment-action>small{flex:1 1 180px;color:#a7b7c9;font-size:10px;line-height:1.4}
.client-debt-detail>footer{display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid #293340}
@media(max-width:420px){.client-debt-detail>header,.client-debt-detail>section,.client-debt-detail>footer{padding:14px}.client-debt-line{grid-template-columns:minmax(0,1fr)}.client-debt-line>strong{text-align:left}}