/* PRONTUÁRIO — ficha v2 (FRONT 12/10). Prefixo pr- pra não colidir com nada do console.
   Usa as variáveis do console quando existem; os valores depois da vírgula são o fallback. */
.pr-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}
.pr-kpi{background:var(--card,#0f0f0f);border:1px solid var(--line,#262626);border-radius:12px;padding:13px 14px}
.pr-lab{font-family:'Barlow Condensed',Arial,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted2,#6b6b72);margin-bottom:6px}
.pr-big{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:800;font-size:24px;line-height:1.05}
.pr-sub{font-size:12px;color:var(--muted,#a1a1aa);margin-top:3px}
.pr-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid;white-space:nowrap}
.pr-chip svg{width:13px;height:13px}
.pr-good{color:#aef05a;border-color:#2f4417;background:#141f09}
.pr-warn{color:#f3c06a;border-color:#4a3917;background:#1e1606}
.pr-bad{color:#f59782;border-color:#4a2620;background:#1e0f0c}
.pr-mut{color:var(--muted,#a1a1aa);border-color:var(--line,#262626);background:#121212}
.pr-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:18px}
.pr-panel{background:var(--card,#0f0f0f);border:1px solid var(--line,#262626);border-radius:12px;padding:16px 18px}
.pr-ptit{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:800;font-size:15px;letter-spacing:.8px;text-transform:uppercase;margin:0 0 14px;color:var(--lime,#c8fa00)}
.pr-n{color:var(--muted2,#6b6b72);font-weight:700}
.pr-tl{position:relative;list-style:none;margin:0;padding:0}
.pr-tl:before{content:"";position:absolute;left:13px;top:4px;bottom:4px;width:2px;background:var(--line,#262626)}
.pr-tl li{position:relative;padding:0 0 16px 40px}
.pr-tl li:last-child{padding-bottom:0}
.pr-ic{position:absolute;left:0;top:-1px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg,#0a0a0a)}
.pr-ic svg{width:13px;height:13px}
.pr-ic-cart{background:#1e1606;color:#f0a92b}.pr-ic-mail{background:#161a06;color:#c8fa00}
.pr-ic-paid{background:#141f09;color:#7fbf1a}.pr-ic-fail{background:#1e0f0c;color:#f4603e}
.pr-ic-dl{background:#06161a;color:#5aa9e6}.pr-ic-sys{background:#15151a;color:#a1a1aa}.pr-ic-login{background:#141f09;color:#7fbf1a}
.pr-ttl{font-weight:600;font-size:14px}
.pr-meta{font-size:12px;color:var(--muted2,#6b6b72);margin-top:1px}
.pr-det{font-size:12.5px;color:var(--muted,#a1a1aa);margin-top:2px}
.pr-flag{display:inline-flex;align-items:center;gap:4px;margin-left:6px;font-size:11px;font-weight:600;color:#f3c06a;background:#1e1606;border:1px solid #4a3917;border-radius:999px;padding:1px 7px;vertical-align:middle}
.pr-flag svg{width:10px;height:10px}
.pr-mails{list-style:none;margin:0;padding:0}
.pr-mails li{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 8px;margin:0 -8px;border-radius:8px;border-top:1px solid var(--line,#262626)}
.pr-mails li:first-child{border-top:0}
.pr-clk{cursor:pointer}.pr-clk:hover{background:#161616}
.pr-mt{font-size:13.5px;font-weight:600}
.pr-ms{font-size:12.5px;color:var(--muted,#a1a1aa)}
.pr-ver{color:#5aa9e6;font-weight:600}
.pr-carregando{opacity:.55}
.pr-erro{position:absolute;right:8px;bottom:-4px;font-size:11.5px;color:#f59782}
.pr-vazio,.pr-nota{font-size:13px;color:var(--muted2,#6b6b72)}
.pr-nota{margin-top:12px;border-top:1px solid var(--line,#262626);padding-top:10px}
.pr-modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.75);display:flex;align-items:flex-start;justify-content:center;padding:36px 16px;overflow:auto}
.pr-sheet{width:100%;max-width:560px}
.pr-mhead{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}
.pr-mtit{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:800;font-size:18px;color:#f4f4f5}
.pr-x{width:34px;height:34px;flex:0 0 auto;border-radius:9px;border:1px solid var(--line,#262626);background:#101010;color:#f4f4f5;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pr-x svg{width:16px;height:16px}
.pr-frame{width:100%;height:70vh;border:0;border-radius:12px;background:#f4f4f5}
@media(max-width:860px){.pr-kpis{grid-template-columns:1fr 1fr}.pr-cols{grid-template-columns:1fr}}
