.clients-panel{min-height:430px;background:radial-gradient(circle at 85% 0,rgba(16,158,255,.10),transparent 32%),linear-gradient(145deg,#071a33,#051326)}
.clients-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.clients-head h3{margin:0 0 6px;font-size:26px}
.clients-head p{margin:0;color:var(--muted);font-size:12px}
.clients-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.clients-toolbar input{width:min(440px,100%);background:#07182e;border:1px solid #31557e;color:#fff;border-radius:10px;padding:12px 14px;outline:none}
.clients-toolbar input:focus{border-color:#20adff;box-shadow:0 0 0 3px rgba(32,173,255,.1)}
.clients-toolbar span{color:#7895b5;font-size:11px}
.clients-table .mail-missing{color:#ff8193}
.clients-table button:disabled{opacity:.35;cursor:not-allowed}
.email-modal-card textarea,.email-modal-card select,.email-modal-card input{width:100%;background:#07182e;border:1px solid #31557e;color:#fff;border-radius:10px;padding:11px 12px;outline:none}
.email-modal-card textarea{resize:vertical;min-height:150px;font:inherit}
.email-modal-card{width:min(760px,94vw);max-height:92vh;overflow:auto}
.mail-from,.email-security{margin:0 0 16px;padding:11px 13px;border:1px solid rgba(45,171,255,.24);border-radius:10px;background:rgba(27,147,230,.06);color:#9eb9d5;font-size:11px}
.mail-from strong{color:#e8f6ff}
.email-security{margin:16px 0 0;color:#78a8c8}
.email-attachment-field small{display:block;margin-top:7px;color:#7fa2c3;font-size:11px;font-weight:500}
.email-attachment-field input[type="file"]{padding:9px;background:#091d37}
.toast{z-index:10000!important;max-width:min(420px,calc(100vw - 32px));background:#0c294c!important;border-color:#3ab4ff!important;box-shadow:0 18px 50px rgba(0,0,0,.55)!important}
@media(max-width:700px){.clients-head,.clients-toolbar{align-items:stretch;flex-direction:column}.clients-head .btn{width:100%}}
.clients-status{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.client-reload-btn{position:relative;z-index:5;min-height:38px;padding:8px 14px;border:1px solid rgba(76,192,255,.65);border-radius:9px;background:#0b6fbd;color:#fff;font:700 12px/1 inherit;cursor:pointer;pointer-events:auto}
.client-reload-btn:hover{background:rgba(15,126,209,.3)}
.client-reload-btn:disabled{opacity:.7;cursor:wait}

.client-payments{margin-top:18px;padding:16px;border:1px solid rgba(54,164,235,.24);border-radius:14px;background:rgba(4,18,37,.42)}
.client-payments-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.client-payments-head>div{display:grid;gap:3px}.client-payments-head small{display:block;color:#6e9abd;font-size:9px;font-weight:800;letter-spacing:.18em}.client-payments-head strong{display:block;font-size:16px;line-height:1.25;color:#f2f8ff}.payment-list{display:grid;gap:10px}.payment-row{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(120px,.7fr);gap:14px;align-items:center;padding:13px 14px;border:1px solid rgba(72,132,183,.28);border-radius:12px;background:linear-gradient(145deg,#081d37,#06172d)}.payment-row>div{min-width:0}.payment-row small{display:block;color:#86a2ba;margin-top:5px;line-height:1.45;overflow-wrap:anywhere}.payment-row b{display:block;font-size:15px;line-height:1.2;color:#fff}.payment-status{font-size:9px;font-weight:900;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:#173653;white-space:nowrap}.payment-status.aprobado{color:#45e0a5;background:rgba(32,201,135,.12)}.payment-status.pendiente{color:#ffd45e;background:rgba(255,196,58,.12)}.payment-status.rechazado{color:#ff8293;background:rgba(255,80,108,.12)}.payment-empty{margin:0;padding:12px 0;color:#7895ae;font-size:11px}.payment-modal-card{width:min(700px,94vw);max-height:calc(100dvh - 32px);overflow:auto}.payment-modal-card input,.payment-modal-card select,.payment-modal-card textarea{width:100%;background:#07182e;border:1px solid #31557e;color:#fff;border-radius:10px;padding:11px 12px;outline:none}.payment-modal-card textarea{resize:vertical}@media(max-width:700px){.client-payments-head{align-items:stretch;flex-direction:column}.payment-row{grid-template-columns:1fr}.payment-row>div:last-child{text-align:left!important}}
.notification-fallido .notification-type{background:rgba(255,88,88,.12);color:#ff8d8d;border-color:rgba(255,88,88,.28)}
.notification-procesando .notification-type{background:rgba(255,193,7,.12);color:#ffd35c;border-color:rgba(255,193,7,.28)}
.notification-error{color:#ff9a9a;font-weight:600}