/* Panel del cliente: barra lateral + inicio */
.dash{padding:28px 0 56px}
.pn{display:grid;grid-template-columns:272px minmax(0,1fr);gap:24px;align-items:start}
.pn-side{position:sticky;top:94px;display:grid;gap:14px}
.pn-user{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);min-width:0}
.pn-user>div{min-width:0}
.pn-user b{display:block;font:700 1rem var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-user small{display:block;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-av{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;font:700 1.1rem var(--display);background:linear-gradient(135deg,var(--brand-hi),var(--brand-lo))}
.pn-av.lg{width:64px;height:64px;border-radius:20px;font-size:1.6rem}
.pn-wallet{display:grid;gap:6px;padding:18px;border-radius:var(--r);color:#fff;background:linear-gradient(120deg,var(--brand),var(--brand-lo) 70%,#12001f);box-shadow:0 18px 36px -18px var(--brand-glow)}
.pn-wallet .eyebrow{color:rgba(255,255,255,.8)}
.pn-amt{font:700 2.4rem var(--display);letter-spacing:-.03em;line-height:1.1}
.pn-amt small{font-size:1rem;opacity:.75;margin-right:6px;font-weight:500}
.pn-wallet .btn{background:#fff;color:var(--brand);justify-self:start;margin-top:4px}
.pn-nav{display:grid;gap:4px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.pn-nav button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;cursor:pointer;color:var(--muted);font:600 .93rem var(--body);transition:.18s}
.pn-nav button:hover{background:var(--bg);color:var(--text)}
.pn-nav button[aria-selected="true"]{background:var(--brand-soft);color:var(--brand)}
.pn-nav button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.pn-nav .ico{width:1.25em;height:1.25em}
.pn-main{display:grid;gap:18px;min-width:0}
.pn-main .tab-content{display:grid;gap:18px}
.pn-main .tab-content[hidden]{display:none}
.pn-hello h1{font-size:clamp(1.5rem,3.4vw,2rem)}
.pn-hello p{margin-top:6px}
.pn-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pn-stat{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:4px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);transition:transform .2s,border-color .2s}
.pn-stat:hover{transform:translateY(-2px);border-color:var(--line-2)}
.pn-stat:focus-visible{outline:2px solid var(--brand)}
.pn-stat b{font:700 2rem var(--display);line-height:1}
.pn-stat span{font:600 .78rem var(--body);color:var(--muted)}
.pn-stat.ok b{color:var(--ok)}.pn-stat.warn b{color:var(--warn)}
.pn-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pn-q{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:3px;align-content:start;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);transition:transform .2s,border-color .2s,box-shadow .2s}
.pn-q:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 14px 28px -16px var(--brand-glow)}
.pn-q:focus-visible{outline:2px solid var(--brand)}
.pn-q .ico{width:1.6em;height:1.6em;color:var(--brand);margin-bottom:6px;padding:7px;box-sizing:content-box;background:var(--brand-soft);border-radius:12px}
.pn-q b{font:700 .98rem var(--display)}
.pn-q small{color:var(--muted);font-size:.78rem;line-height:1.35}
.pn-wa{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--r);background:linear-gradient(120deg,#e9fbf0,#f3fdf7);border:1px solid #bfeccf}
.pn-wa[hidden]{display:none}
.pn-wa>div{flex:1;min-width:0}
.pn-wa h3{font-size:1.05rem}
.pn-wa p{color:var(--muted);font-size:.9rem;margin-top:3px}
.pn-wa-ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#16c05b;color:#fff}
.pn-wa-ic .ico{width:1.5em;height:1.5em}
.pn-act{list-style:none;margin:0;padding:0;display:grid}
.pn-act li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}
.pn-act li:first-child{border-top:0;padding-top:0}
.pn-act .pt{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:1rem;background:var(--bg)}
.pn-act .pt.ok{background:var(--ok-soft);color:var(--ok)}.pn-act .pt.warn{background:var(--warn-soft);color:var(--warn)}.pn-act .pt.bad{background:var(--bad-soft);color:var(--bad)}.pn-act .pt.info{background:var(--blue-soft);color:var(--blue)}
.pn-act .tx{flex:1;min-width:0}
.pn-act b{display:block;font:600 .93rem var(--body)}
.pn-act small{display:block;color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}
.pn-act time{flex:none;color:var(--faint);font-size:.78rem;white-space:nowrap}
.pn-perfil{display:flex;align-items:center;gap:16px}
.pn-perfil h3{font-size:1.3rem;overflow-wrap:anywhere}
.pn-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.pn-dl>div{padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg)}
.pn-dl dt{font:600 .72rem var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.pn-dl dd{margin:3px 0 0;font-weight:600;overflow-wrap:anywhere}
.pn-pasos{margin:0;padding-left:22px;display:grid;gap:10px;color:var(--muted)}
.pn-pasos b{color:var(--text)}
.pn-faq{display:grid;gap:8px}
.pn-faq details{border:1px solid var(--line);border-radius:var(--r-sm);padding:0 16px;background:#fff}
.pn-faq summary{cursor:pointer;padding:14px 0;font:600 .95rem var(--body);list-style:none;display:flex;justify-content:space-between;gap:12px}
.pn-faq summary::-webkit-details-marker{display:none}
.pn-faq summary::after{content:'+';color:var(--brand);font-weight:700;font-size:1.2rem;line-height:1}
.pn-faq details[open] summary::after{content:'–'}
.pn-faq details p{padding:0 0 14px;color:var(--muted);font-size:.92rem}
@media (max-width:1020px){
  .pn{grid-template-columns:minmax(0,1fr);gap:16px}
  .pn-side{position:static;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
  .pn-user{grid-column:1}.pn-wallet{grid-column:2;grid-row:1}
  .pn-nav{grid-column:1/-1;display:flex;overflow-x:auto;gap:6px;border-radius:999px;padding:6px;position:sticky;top:76px;z-index:20;scrollbar-width:none}
  .pn-nav::-webkit-scrollbar{display:none}
  .pn-nav button{flex:none;padding:10px 16px;border-radius:999px}
  .pn-nav button[aria-selected="true"]{background:var(--brand);color:#fff}
  .pn-nav .ico{display:none}
  .pn-stats,.pn-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .pn-side{grid-template-columns:minmax(0,1fr)}
  .pn-wallet{grid-column:1;grid-row:auto;grid-template-columns:1fr auto;align-items:center}
  .pn-wallet .eyebrow{grid-column:1/-1}
  .pn-amt{font-size:2rem}
  .pn-wallet .btn{margin:0}
  .pn-wa{flex-wrap:wrap}.pn-wa .btn{width:100%}
  .pn-dl{grid-template-columns:1fr}
  .pn-act time{display:none}
  .dash .pad{padding:20px}
}