/* ConLupa PRO (prototipo). Usa tarjetas.css, bloques.css y pilares.css. Al cambiarlo, subir el ?v= en admin-pro.html. */
.pro-badge{font:700 .7rem var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:var(--sky);border-radius:999px;padding:.15rem .5rem;margin-left:.4rem;vertical-align:middle}
.pro #actuaciones,.pro #tradTexto{font:400 16px/1.55 var(--serif,Georgia,serif)}
.pro-lista{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.5rem}
.pro-lista li{border:1px solid var(--line);border-left:5px solid var(--line-2);border-radius:12px;padding:.7rem .9rem;background:var(--surface);min-width:0}
.pro-lista li.urg{border-left-color:var(--amber)}
.pro-lista li.hito{border-left-color:var(--red);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--red) 30%,transparent)}
.pro-lista p{margin:.25rem 0 0;overflow-wrap:anywhere}
.pro-tag{font:700 .7rem var(--body);text-transform:uppercase;letter-spacing:.04em;color:var(--red);margin-left:.3rem}
.pro-vence{font-size:1.25rem;margin:.6rem 0 .2rem}
.pro-vence b{color:var(--heading);font-variant-numeric:tabular-nums}
#vence details summary{cursor:pointer;color:var(--ink);font-weight:600;min-height:44px;display:flex;align-items:center}
.pro-glosario dl{display:grid;gap:.3rem;margin:.4rem 0 0}
.pro-glosario dt{font-weight:700;color:var(--heading)}
.pro-glosario dd{margin:0 0 .4rem;color:var(--text)}

/* ── panel PRO del abogado: suscripción ── */
.pp-estado{padding:1.3rem 1.4rem;margin:0 0 1.2rem}
.pp-estado h2{font-size:1.3rem;margin:0 0 .4rem;color:var(--heading)}
.pp-estado p{margin:.2rem 0 .8rem}
.pp-acc{display:flex;flex-wrap:wrap;gap:.5rem}
.pp-planes{display:grid;gap:.6rem;margin:.6rem 0}
@media (min-width:640px){.pp-planes{grid-template-columns:1fr 1fr}}
.pp-plan{display:grid;gap:.3rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.pp-plan b{font-size:1.05rem;color:var(--heading)}
.pp-precio{font:800 1.5rem var(--display);color:var(--heading)}
.pp-precio small{font:400 .85rem var(--body);color:var(--muted)}
.pp-plan small{color:var(--muted)}
.pp-plan .btn{justify-self:start;margin-top:.3rem}
.pp-fila{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pp-k{font:500 .75rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.pp-hasta{margin:.2rem 0 0!important}
.pp-mas{margin-top:.8rem;border-top:1px solid var(--line);padding-top:.6rem}
.pp-mas summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.pp-miem{list-style:none;margin:.4rem 0;padding:0;display:grid;gap:.3rem}
.pp-miem li{display:flex;justify-content:space-between;gap:1rem;align-items:center;min-height:40px}
.pp-ok{background:color-mix(in srgb,var(--green,#18915A) 12%,transparent);border-radius:10px;padding:.6rem .8rem;font-weight:600}
.linkbtn{background:none;border:0;color:var(--ink);font:inherit;cursor:pointer;padding:0;text-decoration:underline}

/* ── Mesa PRO: agenda, expedientes y ficha ── */
.mp{display:grid;gap:1.2rem;margin:0 0 1.4rem}
.mp section{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.1rem 1.2rem;min-width:0}
.mp h2{font-size:1.2rem;margin:0;color:var(--heading)}
.mp h2 small{font:400 .85rem var(--body);color:var(--muted);margin-left:.3rem}
.mp h3{font-size:1rem;margin:1.4rem 0 .5rem;color:var(--heading)}
.mp h3 small{color:var(--muted);font-weight:400}
.mp h4{margin:0 0 .5rem;color:var(--heading)}
.mp-h{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:.7rem}
.mp-ok{color:var(--green,#18915A);font-weight:600}
#mpMsg:empty{display:none}
.mp-ag,.mp-exps,.mp-pend,.mp-movs{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.mp-ag button,.mp-exps button{display:flex;gap:.9rem;align-items:flex-start;width:100%;text-align:left;background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--line-2);border-radius:12px;padding:.7rem .9rem;cursor:pointer;font:inherit;color:var(--text);min-height:48px}
.mp-exps button{flex-direction:column;gap:.15rem}
.mp-ag li.rojo button,.mp-pend li.rojo{border-left-color:var(--red)}
.mp-ag li.ambar button,.mp-pend li.ambar{border-left-color:var(--amber)}
@media (hover:hover) and (pointer:fine){.mp-ag button:hover,.mp-exps button:hover{border-color:var(--line-2)}}
.mp-cu{flex:none;width:7.5rem;font-weight:700;color:var(--heading);font-size:.9rem}
.mp-cu small,.mp-ag b+small,.mp-exps small{display:block;font-weight:400;color:var(--muted);font-size:.82rem}
.mp-ag b,.mp-exps b{display:block;color:var(--heading)}
.mp-et{color:var(--ink)!important}
.mp-badge{align-self:flex-start;margin-top:.3rem;font:600 .75rem var(--body);padding:.15rem .55rem;border-radius:999px;background:var(--line);color:var(--text)}
.mp-badge.rojo{background:color-mix(in srgb,var(--red) 15%,transparent);color:var(--red)}
.mp-badge.ambar{background:color-mix(in srgb,var(--amber) 22%,transparent);color:var(--heading)}
.mp-filtros{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .8rem}
.mp-filtros input{flex:1 1 14rem;min-height:44px}
.mp-chip{border:1px solid var(--line-2);background:transparent;border-radius:999px;padding:.35rem .8rem;font:600 .85rem var(--body);color:var(--muted);cursor:pointer;min-height:40px}
.mp-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.mp-vacio{text-align:center;padding:1.6rem 1rem;color:var(--muted)}
.mp-vacio b{display:block;color:var(--heading);font-size:1.05rem;margin-bottom:.3rem}
.mp-fh h2{font-size:1.35rem;margin:.6rem 0 .3rem}
.mp-fh p{margin:.2rem 0;color:var(--muted)}
.mp-acc{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 .4rem;padding:.6rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mp-pn{margin:.8rem 0;padding:1rem;border:1px solid var(--line-2);border-radius:14px;background:var(--bg)}
.mp-pn textarea{width:100%}
.mp-form .row{margin-top:.4rem}
.mp-pend li{border:1px solid var(--line);border-left:4px solid var(--line-2);border-radius:12px;padding:.55rem .8rem}
.mp-pend label{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;min-height:40px}
.mp-pend input{margin-top:.25rem;width:1.15rem;height:1.15rem;flex:none;accent-color:var(--ink)}
.mp-pend b{display:block;color:var(--heading)}
.mp-pend small{display:block;color:var(--text)}
.mp-movs li{border-left:3px solid var(--line-2);padding:.3rem 0 .5rem .9rem}
.mp-movs li.urg{border-left-color:var(--red)}
.mp-movs li.hecho{opacity:.65}
.mp-movs p{margin:.2rem 0;overflow-wrap:anywhere}
.mp-mf{font:500 .78rem var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.mp-pl{font-size:.92rem}
.mp-ap{font-size:.9rem;color:var(--red)}
.mp-bl{display:flex;gap:.6rem;align-items:flex-start;margin:.5rem 0}
.mp-bl span{flex:1;min-width:0}
.mp-bl textarea{width:100%;font:400 15px/1.5 var(--serif,Georgia,serif);margin-top:.3rem}
.mp-hechas{margin-top:.8rem}
.mp-hechas summary,.mp-sueltas>summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.mp-sueltas{margin:0 0 1.4rem;padding:.2rem 1rem;border:1px dashed var(--line-2);border-radius:14px}
.mp-sueltas[open]{padding-bottom:1rem}
#mpNotas{width:100%}
.mp-borrar{margin:1.4rem 0 0;text-align:right}
.mp-borrar .linkbtn{color:var(--red)}
@media (max-width:520px){.mp-cu{width:6rem}.mp-acc .btn{flex:1 1 calc(50% - .4rem)}}
.mp-ag b{font-size:.95rem;line-height:1.3}
.mp-pn .row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}