/* Paleta y movimiento recuperados de Monday Vibe. Alcance: gestión Rossi. */
.pdg{font-family:Inter,"Segoe UI",system-ui,sans-serif;background:#f9fafb;padding:16px;border-radius:18px;color:#1f2937}
.pdg .pdg-head{background:linear-gradient(110deg,#2563eb12,#7c3aed14);border:1px solid #e5e7eb;backdrop-filter:blur(10px);box-shadow:0 10px 24px #3341550d;border-radius:18px}
.pdg .pdg-head h2,.pdg .pdc-view-title h3{background:linear-gradient(100deg,#2563eb,#9333ea,#db2777);background-clip:text;color:transparent;font-weight:900}
.pdg .pdg-head h2{font-size:26px}.pdg .pdc-view-title{margin:22px 0 14px}.pdg .pdc-view-title h3{font-size:25px;margin:0 0 5px}.pdg .pdc-view-title p{font-size:13px;color:#64748b;margin:0}
.pdg .pdg-tabs [aria-current=page]{background:#eff6ff;color:#2563eb;border-radius:10px 10px 0 0;box-shadow:inset 0 -3px #2563eb}
.pdg button,.pdg .pdg-card,.pdg input,.pdg select{transition:all .2s ease-in-out}
.pdg .pdg-card{box-shadow:0 1px 3px #0000000d;border-color:#e5e7eb}
.pdg .pdg-card:hover{box-shadow:0 10px 15px -3px #0000001a}
.pdg .pdc-kpi{position:relative;border:1px solid #dbeafe;border-top:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff);border-radius:16px;padding:22px;text-align:left;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 12px #3341550a}
.pdg .pdc-kpi:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 28px #33415522}.pdg .pdc-kpi strong{font-size:26px;font-weight:900;color:#1d4ed8;overflow-wrap:anywhere}.pdg .pdc-kpi small{font-size:13px}
.pdg .pdc-green{background:linear-gradient(135deg,#dcfce7,#fff);border-color:#bbf7d0;border-top-color:#22c55e}.pdg .pdc-green strong{color:#166534}
.pdg .pdc-yellow{background:linear-gradient(135deg,#fef9c3,#fff);border-color:#fef08a;border-top-color:#eab308}.pdg .pdc-yellow strong{color:#854d0e}
.pdg .pdc-orange{background:linear-gradient(135deg,#ffedd5,#fff);border-color:#fed7aa;border-top-color:#f97316}.pdg .pdc-orange strong{color:#9a3412}
.pdg .pdc-red{background:linear-gradient(135deg,#fee2e2,#fff);border-color:#fecaca;border-top-color:#ef4444}.pdg .pdc-red strong{color:#991b1b}
.pdg .pdc-purple{background:linear-gradient(135deg,#f3e8ff,#fff);border-color:#e9d5ff;border-top-color:#9333ea}.pdg .pdc-purple strong{color:#7e22ce}
.pdg .pdc-drill{position:absolute;right:9px;bottom:9px;border-radius:50%;background:#ffffffb3;width:24px;height:24px;text-align:center;color:#64748b;font-size:16px}
.pdg .pdc-slide-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.pdg .pdc-slide-nav h3{font-size:20px;text-align:center}.pdg progress{height:5px;accent-color:#7c3aed;width:100%}
.pdg .pdc-age-bars>div{display:grid;grid-template-columns:90px 1fr 120px;align-items:center;gap:12px;margin:16px 0;font-size:13px}.pdg .pdc-age-bars>div>div{height:20px;border-radius:6px;background:#e5e7eb;overflow:hidden}.pdg .pdc-age-bars i{display:block;height:100%;border-radius:6px;animation:pdc-bar-in .7s ease-out;transform-origin:left}.pdg .pdc-age-bars b{text-align:right;font-variant-numeric:tabular-nums}
.pdg .pdg-grid .pdc-age-bars>div{grid-template-columns:58px 1fr 80px;font-size:11px;gap:6px}.pdg .pdc-rank{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px}.pdg .pdc-rank>span{white-space:nowrap}
.pdg .pdc-finance-ratios{display:flex;gap:24px;flex-wrap:wrap;background:#eff6ff;border:1px solid #dbeafe;padding:16px;border-radius:10px;font-size:13px}
.pdg:fullscreen{overflow:auto;max-width:none;border-radius:0;padding:32px}.pdg-dialog[open]{animation:pdg-dialog-in 150ms ease-out}.pdg-dialog::backdrop{backdrop-filter:blur(3px)}
@keyframes pdc-bar-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:700px){.pdg{padding:10px}.pdg .pdg-head h2{font-size:23px}.pdg .pdc-kpi{padding:16px}.pdg .pdc-kpi strong{font-size:20px}.pdg .pdc-age-bars>div{grid-template-columns:66px 1fr 90px;gap:7px}.pdg .pdc-slide-nav h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.pdg *,.pdg-dialog{animation:none!important;transition:none!important}.pdg .pdc-kpi:hover{transform:none}}
.pdc-gantt .pdg-time-row{grid-template-columns:260px var(--pdc-time-width);gap:0;min-height:48px}.pdc-gantt .pdg-time-row>button{padding:10px 12px;background:#fff;min-height:48px}.pdc-gantt .pdg-track{width:var(--pdc-time-width);height:40px}.pdc-gantt details{padding:0;margin:0;border-radius:0;min-width:calc(var(--pdc-time-width) + 260px)}.pdc-gantt summary{padding:12px;background:#f8fafc}.pdc-gantt-axis{display:grid;grid-template-columns:260px var(--pdc-time-width);background:#eef2ff;min-width:calc(var(--pdc-time-width) + 260px);height:42px;z-index:4}.pdc-gantt-axis>b{padding:10px}.pdc-gantt-axis>div{position:relative}.pdc-gantt-axis span{position:absolute;padding:12px 2px;font-size:10px}.pdc-sticky .pdc-gantt-axis{position:sticky;top:0}.pdc-sticky .pdg-time-row>button,.pdc-sticky .pdc-gantt-axis>b{position:sticky;left:0;z-index:2;background:#fff}
/* Clientes: recovered ClientList.jsx visual specification, Monday ASK 20198692. */
#clientes-agencia .pdc-layout{display:flex;align-items:center;gap:6px;margin:0 0 14px}
#clientes-agencia .pdc-layout>span{margin-right:auto;color:#64748b;font-size:13px}
#clientes-agencia .pdc-layout button{border:1px solid #dbe3ef;border-radius:7px;background:#fff;color:#475569;padding:7px 12px;cursor:pointer}
#clientes-agencia .pdc-layout button[aria-pressed="true"]{background:#eff6ff;color:#1d4ed8;border-color:#2563eb;font-weight:600}
#clientes-agencia .pdc-client-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:12px}
#clientes-agencia .pdc-client-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:11px 12px;min-width:0;padding:17px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#1e293b;text-align:left;cursor:pointer;font:inherit;box-shadow:0 2px 5px #0f172a05;transition:all .2s;animation:pdc-client-slide .3s ease-out both;animation-delay:var(--pdc-entry-delay,0s)}
#clientes-agencia .pdc-client-card:hover{transform:translateY(-2px);background:#f8fafc;border-color:#94a3b8;box-shadow:0 6px 16px #0f172a0c}
#clientes-agencia .pdc-client-card:focus-visible{outline:3px solid #93c5fd;outline-offset:2px;background:#eff6ff;border-color:#2563eb}
#clientes-agencia .pdc-client-card:active{background:#eff6ff;border-color:#2563eb}
#clientes-agencia .pdc-client-identity{min-width:0;grid-column:1/-1;display:grid;gap:5px}
#clientes-agencia .pdc-client-identity strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:600;line-height:1.4}
#clientes-agencia .pdc-client-identity small,#clientes-agencia .pdc-client-condition{font-size:12px;color:#64748b}
#clientes-agencia .pdc-client-badges{display:flex;gap:5px;flex-wrap:wrap;grid-column:1/-1}
#clientes-agencia .pdc-client-badges>span{padding:4px 7px;border-radius:5px;font-size:12px;font-weight:600}
#clientes-agencia .pdc-client-credit{background:#16a34a;color:#fff}
#clientes-agencia .pdc-client-debit{background:#dc2626;color:#fff}
#clientes-agencia .pdc-client-condition{grid-column:1/-1}
#clientes-agencia .pdc-client-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1/-1;border-top:1px solid #edf2f7;padding-top:11px;font-size:16px;font-weight:600}
#clientes-agencia .pdc-client-balance small{font-size:12px;font-weight:400;color:#64748b}
#clientes-agencia [data-client-action="excel"]{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}
#clientes-agencia [data-client-action="pdf"]{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}
#clientes-agencia .pdc-client-empty{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:9px;padding:16px}
@keyframes pdc-client-slide{from{opacity:0;translate:-10px 0}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){#clientes-agencia .pdc-client-card{animation:none;transition:none}}
