/* ==========================================================================
   Playvia — design system dos mockups aprovados
   Carvão #0c100d · superfície #111612 · lima #c8f36a · Manrope
   Admin claro #f9f9f7 com sidebar escura.
   ========================================================================== */

@font-face {
  font-family: 'Manrope';
  src: url('/assets/manrope-latin-wght-normal.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --charcoal: #0c100d;
  --surface: #111612;
  --surface2: #161c17;
  --fg: #f7f8f5;
  --muted: #b9bdb8;
  --line: #363c35;
  --lime: #c8f36a;
  --lime-bright: #d9fb85;
  --lime-dark: #a9d747;
  --lime-ink: #10140b;

  --admin-bg: #f9f9f7;
  --admin-fg: #111316;
  --admin-muted: #62676b;
  --admin-line: #d8dbd6;
  --admin-card: #ffffff;
  --green: #1f8a3b;
  --amber: #b97f10;
  --red: #c63737;

  --r-ctl: 7px;
  --r-panel: 12px;
  --font: 'Manrope', Arial, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: var(--font); font-size: 15px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
img { max-width: 100%; }
code { font-family: ui-monospace, Consolas, monospace; font-size: 0.92em; }

.pv-skip { position: absolute; left: -9999px; }
.pv-skip:focus { left: 8px; top: 8px; z-index: 99; background: var(--lime); color: var(--lime-ink); padding: 8px 14px; border-radius: var(--r-ctl); }
.pv-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ============================= SITE (dark) ============================= */
body.pv { background: var(--charcoal); color: var(--fg); }

.pv-container { width: 89%; max-width: 1400px; margin: 0 auto; }
.pv-desktop-only { display: none; }
@media (min-width: 981px) { .pv-desktop-only { display: inline; } }

.pv-icon { width: 18px; height: 18px; flex: none; }

.pv-logo { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 21px; letter-spacing: 0.02em; }
.pv-logo svg { width: 30px; height: 32px; }
.pv-brand-accent { color: var(--lime); }

/* Botões */
.pv-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  padding: 11px 21px; border-radius: var(--r-ctl); border: 1px solid transparent;
  font-weight: 700; font-size: 15px; transition: background 0.15s, transform 0.15s, border-color 0.15s;
}
.pv-button:active { transform: translateY(1px); }
.pv-primary { background: var(--lime); color: var(--lime-ink); }
.pv-primary:hover { background: var(--lime-bright); }
.pv-outline { background: transparent; color: var(--fg); border-color: var(--line); }
.pv-outline:hover { border-color: var(--muted); }
.pv-text-button { background: none; border: none; color: var(--fg); font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 0; }
.pv-text-button:hover { color: var(--lime); }
.pv-button:disabled { opacity: 0.55; cursor: not-allowed; }

/* Header */
.pv-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 18px; padding-bottom: 18px; }
.pv-header nav { display: flex; gap: 26px; font-size: 14.5px; color: var(--muted); }
.pv-header nav a:hover { color: var(--fg); }
@media (max-width: 700px) { .pv-header nav { display: none; } }

/* Hero */
.pv-hero { display: grid; gap: 34px; align-items: center; padding-top: 26px; padding-bottom: 44px; }
@media (min-width: 1251px) { .pv-hero { grid-template-columns: 1.05fr 1fr; } }
.pv-eyebrow { color: var(--lime); font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.14em; }
.pv-hero-copy h1 { font-size: clamp(38px, 6.4vw, 72px); font-weight: 800; line-height: 1.02; letter-spacing: -0.035em; margin: 14px 0 16px; }
.pv-hero-description { color: var(--muted); font-size: 17px; margin-bottom: 26px; }
.pv-hero-cta { padding: 15px 26px; font-size: 16px; }
.pv-payments { display: flex; align-items: center; gap: 10px; margin-top: 22px; color: var(--muted); font-size: 14px; }

/* Cena da TV (CSS puro — recarteia a referência sem usar a imagem do mockup) */
.pv-hero-scene { position: relative; border-radius: var(--r-panel); overflow: hidden; border: 1px solid var(--line); background: radial-gradient(120% 90% at 70% 10%, #1c241d 0%, var(--charcoal) 70%); min-height: 300px; display: grid; place-items: center; padding: 28px; }
.pv-tv { width: 100%; max-width: 520px; }
.pv-tv-screen { aspect-ratio: 16/9; border-radius: 10px; border: 2px solid #05070a; background: linear-gradient(160deg, #24405e 0%, #0e1a26 55%, #050a0f 100%); position: relative; overflow: hidden; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.55), inset 0 0 60px rgba(120, 190, 255, 0.06); }
.pv-tv-screen svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.pv-tv-ui { position: absolute; inset: auto 0 0 0; display: flex; gap: 8px; padding: 10px 12px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.72)); }
.pv-tv-ui span { display: inline-flex; flex-direction: column; align-items: center; gap: 3px; font-size: 8.5px; color: #dfe5ea; padding: 6px 9px; border-radius: 7px; background: rgba(255, 255, 255, 0.08); }
.pv-tv-ui span.on { background: #f2f4f6; color: #10151a; font-weight: 700; }
.pv-tv-stand { width: 38%; height: 12px; margin: 12px auto 0; border-radius: 4px; background: linear-gradient(#20261f, #0d110c); }
.pv-tv-base { width: 56%; height: 6px; margin: 4px auto 0; border-radius: 4px; background: #161a13; }

/* Etapas */
.pv-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; padding-top: 34px; padding-bottom: 34px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
@media (max-width: 980px) { .pv-steps { grid-template-columns: 1fr; } }
.pv-step { display: flex; gap: 14px; align-items: flex-start; }
.pv-step-number { flex: none; width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--line); display: grid; place-items: center; font-weight: 700; font-size: 14px; color: var(--muted); margin-top: 8px; }
.pv-step-icon { flex: none; width: 44px; height: 44px; border-radius: 10px; border: 1px solid var(--line); background: var(--surface); display: grid; place-items: center; color: var(--fg); }
.pv-step h3 { font-size: 16.5px; margin-bottom: 3px; }
.pv-step p { color: var(--muted); font-size: 14px; }

/* Planos */
.pv-pricing { padding-top: 56px; padding-bottom: 26px; }
.pv-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin: 12px 0 30px; }
.pv-section-heading h2 { font-size: clamp(28px, 3.6vw, 44px); font-weight: 800; letter-spacing: -0.035em; line-height: 1.06; }
.pv-section-heading p { color: var(--muted); font-size: 14.5px; max-width: 420px; }
.pv-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media (max-width: 980px) { .pv-plan-grid { grid-template-columns: 1fr; } }
.pv-plan { position: relative; border: 1px solid var(--line); background: var(--surface); border-radius: var(--r-panel); padding: 30px 26px; display: flex; flex-direction: column; gap: 6px; }
.pv-plan-featured { border-color: var(--lime); box-shadow: 0 0 0 1px var(--lime), 0 18px 50px rgba(200, 243, 106, 0.08); }
.pv-plan-badge { position: absolute; top: -13px; left: 24px; background: var(--lime); color: var(--lime-ink); font-size: 12px; font-weight: 800; padding: 4px 12px; border-radius: 999px; }
.pv-plan h3 { font-size: 22px; font-weight: 800; }
.pv-plan > p { color: var(--muted); font-size: 14px; min-height: 21px; }
.pv-plan-price { font-size: 36px; font-weight: 800; letter-spacing: -0.02em; margin-top: 12px; font-variant-numeric: tabular-nums; }
.pv-plan-days { color: var(--muted); font-size: 14px; }
.pv-plan .pv-button { margin: 18px 0 14px; width: 100%; }
.pv-device { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13.5px; }
.pv-plan-sub { color: var(--muted); font-size: 12.5px; margin-top: 2px; min-height: 17px; }
.pv-plan-save { color: var(--lime); font-size: 12.5px; font-weight: 700; min-height: 17px; }

/* Compatibilidade */
.pv-compatibility { padding-top: 40px; padding-bottom: 40px; display: grid; grid-template-columns: 1fr; gap: 26px; }
@media (min-width: 1251px) { .pv-compatibility { grid-template-columns: 1fr 1.35fr; align-items: center; } }
.pv-compatibility h2 { font-size: clamp(26px, 3.2vw, 40px); font-weight: 800; letter-spacing: -0.035em; line-height: 1.08; margin-top: 10px; }
.pv-device-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
@media (max-width: 700px) { .pv-device-grid { grid-template-columns: repeat(2, 1fr); } }
.pv-device-tile { border: 1px solid var(--line); background: var(--surface); border-radius: var(--r-panel); padding: 18px 14px; display: grid; justify-items: center; gap: 7px; text-align: center; }
.pv-device-tile .pv-icon { width: 24px; height: 24px; }
.pv-device-tile strong { font-size: 14.5px; }
.pv-device-tile span { color: var(--muted); font-size: 12px; }
.pv-device-grid small { grid-column: 1 / -1; color: var(--muted); font-size: 12px; }

/* FAQ */
.pv-faq { padding-top: 40px; padding-bottom: 64px; }
.pv-faq-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
@media (max-width: 980px) { .pv-faq-grid { grid-template-columns: 1fr; } }
.pv-faq details { border: 1px solid var(--line); background: var(--surface); border-radius: var(--r-panel); padding: 18px 20px; }
.pv-faq details[open] { border-color: rgba(200, 243, 106, 0.45); }
.pv-faq summary { list-style: none; cursor: pointer; font-weight: 700; font-size: 15px; display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.pv-faq summary::-webkit-details-marker { display: none; }
.pv-faq details p { color: var(--muted); font-size: 14px; margin-top: 12px; }
.pv-all-faq { color: var(--muted); }
.pv-all-faq:hover { color: var(--lime); }

/* Footer */
.pv-footer { border-top: 1px solid var(--line); padding-top: 34px; padding-bottom: 40px; display: flex; justify-content: space-between; gap: 26px; flex-wrap: wrap; }
.pv-footer p { color: var(--muted); font-size: 13.5px; margin-top: 10px; }
.pv-footer nav { display: flex; gap: 22px; align-items: center; }
.pv-footer nav a, .pv-footer nav button { color: var(--muted); font-size: 14px; background: none; border: none; font-weight: 600; }
.pv-footer nav a:hover, .pv-footer nav button:hover { color: var(--fg); }
.pv-footer-payments { display: flex; gap: 14px; align-items: center; color: var(--muted); font-size: 14px; }
.pv-disclaimer { color: var(--muted); font-size: 12px; opacity: 0.8; }

/* ====================== CHECKOUT / PEDIDO (dark) ====================== */
.pv-checkout-header { border-bottom: 1px solid var(--line); }
.pv-checkout-header .pv-container { display: flex; justify-content: space-between; align-items: center; padding-top: 16px; padding-bottom: 16px; }
.pv-back-link { color: var(--muted); font-size: 14.5px; font-weight: 600; }
.pv-back-link:hover { color: var(--fg); }

.pv-checkout-main { padding-top: 26px; padding-bottom: 60px; max-width: 1440px; }
.pv-progress { display: flex; justify-content: center; gap: 0; list-style: none; margin: 10px 0 40px; }
.pv-progress li { display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); position: relative; min-width: 130px; }
.pv-progress li::before { content: ''; position: absolute; top: 15px; right: calc(50% + 24px); width: calc(100% - 48px); height: 1px; background: var(--line); }
.pv-progress li:first-child::before { display: none; }
.pv-progress li span { width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--line); display: grid; place-items: center; font-size: 13.5px; font-weight: 700; }
.pv-progress li.pv-completed span { background: var(--lime); border-color: var(--lime); color: var(--lime-ink); }
.pv-progress li.pv-active { color: var(--fg); }
.pv-progress li.pv-active span { border-color: var(--lime); color: var(--lime); box-shadow: 0 0 0 3px rgba(200, 243, 106, 0.15); }
@media (max-width: 700px) { .pv-progress li { min-width: 90px; font-size: 12px; } }

.pv-checkout-layout { display: grid; gap: 22px; }
@media (min-width: 1251px) { .pv-checkout-layout { grid-template-columns: 1.5fr 1fr; align-items: start; } }
.pv-checkout-layout h1 { font-size: clamp(30px, 4.4vw, 52px); font-weight: 800; letter-spacing: -0.035em; line-height: 1.04; }
.pv-checkout-subtitle { color: var(--muted); margin: 10px 0 26px; }
.pv-checkout-form, .pv-summary, .pv-delivery, .pv-help { border: 1px solid var(--line); background: var(--surface); border-radius: var(--r-panel); padding: 26px; }
.pv-checkout-form h2, .pv-summary h2, .pv-delivery h2 { font-size: 19px; margin-bottom: 16px; }
.pv-checkout-form label, .pv-field label { display: block; font-size: 13.5px; font-weight: 700; margin: 14px 0 6px; }
.pv-checkout-form input, .pv-field input {
  width: 100%; padding: 12px 14px; border-radius: var(--r-ctl); border: 1px solid var(--line);
  background: var(--charcoal); color: var(--fg); font-family: inherit; font-size: 15px; outline: none;
}
.pv-checkout-form input:focus, .pv-field input:focus { border-color: var(--lime); }
.pv-checkout-form input::placeholder, .pv-field input::placeholder { color: #5a6158; }
.pv-form-divider { border-top: 1px solid var(--line); margin: 22px 0 6px; }

.pv-methods { border: none; }
.pv-methods legend { font-size: 19px; font-weight: 800; margin-bottom: 12px; }
.pv-method-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 370px) { .pv-method-options { grid-template-columns: 1fr; } }
.pv-method { display: flex; gap: 12px; align-items: center; border: 1px solid var(--line); border-radius: var(--r-ctl); padding: 13px 15px; cursor: pointer; }
.pv-method:has(input:checked) { border-color: var(--lime); box-shadow: 0 0 0 1px var(--lime); }
.pv-method input { width: 16px; height: 16px; accent-color: var(--lime); }
.pv-method strong { display: block; font-size: 15px; }
.pv-method small { color: var(--muted); font-size: 12.5px; }
.pv-method .pv-icon { width: 22px; height: 22px; }

.pv-payment-panel { border: 1px solid var(--line); border-radius: var(--r-ctl); padding: 18px; margin-top: 18px; background: var(--surface2); }
.pv-payment-description { display: flex; gap: 13px; margin-bottom: 16px; }
.pv-payment-description .pv-icon { width: 26px; height: 26px; color: var(--lime); }
.pv-payment-description h3 { font-size: 16px; }
.pv-payment-description p { color: var(--muted); font-size: 13.5px; margin-top: 2px; }
.pv-payment-description small { color: var(--muted); font-size: 12px; }
.pv-payment-panel .pv-button { width: 100%; padding: 14px; font-size: 15.5px; }
.pv-terms { color: var(--muted); font-size: 12.5px; margin-top: 14px; }
.pv-terms button, .pv-terms a { color: var(--fg); text-decoration: underline; background: none; border: none; font-size: 12.5px; }
.pv-form-message { margin-top: 12px; color: var(--lime); font-size: 14px; min-height: 18px; }
.pv-error-message { color: #ffb4a8; font-size: 14px; margin-top: 12px; min-height: 18px; }

.pv-checkout-aside { display: grid; gap: 16px; }
.pv-summary-product { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 18px; }
.pv-ticket-art { flex: none; width: 76px; height: 96px; border-radius: var(--r-panel); border: 1px solid var(--line); background: var(--surface2); display: grid; place-items: center; color: var(--fg); }
.pv-ticket-art .pv-icon { width: 34px; height: 34px; }
.pv-summary-product h3 { font-size: 16.5px; }
.pv-summary-product p { color: var(--muted); font-size: 13.5px; }
.pv-summary-product span { display: flex; gap: 7px; align-items: center; color: var(--muted); font-size: 13px; margin-top: 4px; }
.pv-total { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); padding-top: 16px; font-size: 17px; }
.pv-total strong:last-child { color: var(--lime); font-size: 26px; font-weight: 800; font-variant-numeric: tabular-nums; }
.pv-summary > p { color: var(--muted); font-size: 13px; margin-top: 8px; }
.pv-change-plan { display: inline-block; margin-top: 10px; color: var(--muted); font-size: 13.5px; text-decoration: underline; }
.pv-change-plan:hover { color: var(--fg); }

.pv-delivery > p { color: var(--muted); font-size: 14px; margin-bottom: 16px; }
.pv-code-preview { border: 1px solid var(--line); border-radius: var(--r-ctl); padding: 16px; background: var(--surface2); }
.pv-code-preview small { color: var(--muted); font-size: 12px; }
.pv-code-preview > div { display: flex; gap: 14px; align-items: center; margin-top: 10px; }
.pv-success-mark { flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--lime); color: var(--lime-ink); display: grid; place-items: center; }
.pv-code-preview h3 { font-size: 15px; }
.pv-copy-code { display: inline-flex; align-items: center; gap: 10px; background: var(--charcoal); border: 1px solid var(--line); color: var(--fg); border-radius: var(--r-ctl); padding: 8px 12px; font-size: 13px; margin-top: 8px; }
.pv-copy-code:hover { border-color: var(--lime); }
.pv-copy-code small { color: var(--muted); }

.pv-help { display: flex; gap: 13px; align-items: center; }
.pv-help .pv-icon { width: 24px; height: 24px; color: var(--lime); }
.pv-help p { color: var(--muted); font-size: 12.5px; }
.pv-help .pv-text-button { font-size: 14.5px; }
.pv-checkout-footnote { text-align: center; margin-top: 26px; }

/* QR / chave / status (pedido) */
.pv-qr-box { margin: 18px auto; width: 232px; height: 232px; background: #fff; border-radius: var(--r-panel); display: grid; place-items: center; overflow: hidden; }
.pv-qr-box img { width: 200px; height: 200px; image-rendering: pixelated; }
.pv-pix-code { background: var(--charcoal); border: 1px dashed var(--line); border-radius: var(--r-ctl); padding: 13px; font-family: ui-monospace, Consolas, monospace; font-size: 12px; color: var(--muted); word-break: break-all; max-height: 96px; overflow: hidden; }
.pv-key-card { border: 1px solid rgba(200, 243, 106, 0.5); background: linear-gradient(160deg, rgba(200, 243, 106, 0.08), rgba(200, 243, 106, 0.02)); border-radius: var(--r-panel); padding: 22px; margin-top: 18px; }
.pv-key-card h3 { color: var(--lime); font-size: 16px; display: flex; gap: 8px; align-items: center; margin-bottom: 12px; }
.pv-key-line { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.06); font-size: 14px; }
.pv-key-line:last-of-type { border-bottom: none; }
.pv-key-line .k { color: var(--muted); }
.pv-key-line .v { font-family: ui-monospace, Consolas, monospace; font-weight: 700; word-break: break-all; text-align: right; user-select: all; }
.pv-key-code { background: var(--charcoal); border-radius: var(--r-ctl); padding: 16px; font-family: ui-monospace, Consolas, monospace; font-size: 17px; font-weight: 800; letter-spacing: 0.06em; text-align: center; word-break: break-all; user-select: all; }

.pv-status-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; border-radius: 999px; font-size: 14px; font-weight: 800; border: 1px solid; }
.pv-st-pending { color: #ffd479; border-color: rgba(255, 212, 121, 0.4); background: rgba(255, 212, 121, 0.08); }
.pv-st-ok { color: var(--lime); border-color: rgba(200, 243, 106, 0.45); background: rgba(200, 243, 106, 0.08); }
.pv-st-bad { color: #ffb4a8; border-color: rgba(255, 180, 168, 0.4); background: rgba(255, 180, 168, 0.08); }
.pv-note { color: var(--muted); font-size: 13px; }
.pv-center { text-align: center; }
.pv-mt { margin-top: 18px; }
.pv-spinner { width: 34px; height: 34px; border: 3px solid rgba(200, 243, 106, 0.2); border-top-color: var(--lime); border-radius: 50%; animation: pv-spin 0.8s linear infinite; margin: 40px auto; }
@keyframes pv-spin { to { transform: rotate(360deg); } }
.pv-fab { position: fixed; right: 18px; bottom: 18px; z-index: 60; width: 54px; height: 54px; border-radius: 50%; background: #25d366; display: grid; place-items: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45); transition: transform 0.15s; }
.pv-fab:hover { transform: scale(1.08); }
.pv-fab svg { width: 27px; height: 27px; }

/* Diálogo */
.pv-dialog { border: 1px solid var(--line); background: var(--surface); color: var(--fg); border-radius: var(--r-panel); padding: 26px; max-width: 480px; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5); }
.pv-dialog::backdrop { background: rgba(5, 8, 6, 0.7); }
.pv-dialog-heading { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 14px; }
.pv-dialog-heading h2 { font-size: 19px; }
.pv-icon-button { background: none; border: none; color: var(--muted); display: grid; place-items: center; padding: 6px; border-radius: var(--r-ctl); }
.pv-icon-button:hover { color: var(--fg); background: var(--surface2); }
.pv-dialog-notice { border: 1px solid var(--line); background: var(--surface2); border-radius: var(--r-ctl); padding: 12px 14px; color: var(--muted); font-size: 13.5px; margin: 12px 0; }
.pv-dialog input[readonly] { width: 100%; padding: 12px; border-radius: var(--r-ctl); border: 1px solid var(--line); background: var(--charcoal); color: var(--lime); font-family: ui-monospace, Consolas, monospace; font-weight: 800; letter-spacing: 0.06em; text-align: center; margin-top: 6px; }
.pv-dialog label { font-size: 13px; color: var(--muted); }
.pv-muted { color: var(--muted); font-size: 13px; margin-top: 12px; }

/* ============================ ADMIN (claro) ============================ */
body.pv-admin { background: var(--admin-bg); color: var(--admin-fg); }
.pv-admin-shell { display: grid; grid-template-columns: 240px 1fr; min-height: 100vh; }
@media (max-width: 980px) { .pv-admin-shell { grid-template-columns: 1fr; } }
.pv-sidebar { background: var(--charcoal); color: var(--fg); padding: 22px 16px; display: flex; flex-direction: column; gap: 24px; position: sticky; top: 0; height: 100vh; }
@media (max-width: 980px) { .pv-sidebar { position: static; height: auto; flex-direction: row; align-items: center; overflow-x: auto; padding: 14px 16px; gap: 16px; } }
.pv-sidebar > div p { color: var(--muted); font-size: 12.5px; margin-top: 4px; }
.pv-sidebar nav { display: grid; gap: 4px; }
@media (max-width: 980px) { .pv-sidebar nav { grid-auto-flow: column; display: flex; } }
.pv-sidebar nav button {
  display: flex; align-items: center; gap: 11px; padding: 11px 13px; border-radius: var(--r-ctl);
  background: none; border: none; color: var(--muted); font-size: 14.5px; font-weight: 600; text-align: left; white-space: nowrap;
}
.pv-sidebar nav button:hover { color: var(--fg); background: rgba(255, 255, 255, 0.05); }
.pv-sidebar nav button.pv-nav-active { background: rgba(200, 243, 106, 0.13); color: var(--lime); }
.pv-store-link { margin-top: auto; display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13.5px; padding: 10px 13px; border-radius: var(--r-ctl); }
.pv-store-link:hover { color: var(--fg); background: rgba(255, 255, 255, 0.05); }
@media (max-width: 980px) { .pv-store-link { margin-top: 0; } }

.pv-admin-main { padding: 26px 34px 40px; min-width: 0; }
@media (max-width: 700px) { .pv-admin-main { padding: 18px 16px 30px; } }
.pv-admin-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 14px; }
.pv-admin-header h1 { font-size: 30px; font-weight: 800; letter-spacing: -0.03em; }
.pv-admin-header > div p { color: var(--admin-muted); font-size: 13.5px; }
.pv-admin-header-actions { display: flex; align-items: center; gap: 14px; }
.pv-date-range { display: inline-flex; gap: 8px; align-items: center; border: 1px solid var(--admin-line); background: #fff; border-radius: var(--r-ctl); padding: 9px 14px; font-size: 13.5px; font-weight: 600; }
.pv-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--charcoal); color: var(--lime); display: grid; place-items: center; font-size: 13px; font-weight: 800; }
.pv-admin-header-actions > span:last-child { font-size: 14px; font-weight: 600; }
@media (max-width: 700px) { .pv-admin-header-actions > span:last-child { display: none; } }

.pv-demo-notice { display: flex; align-items: center; gap: 10px; background: #eceff0; border: 1px solid var(--admin-line); border-radius: var(--r-ctl); padding: 10px 14px; font-size: 13.5px; font-weight: 700; margin-bottom: 20px; }
.pv-demo-notice small { color: var(--admin-muted); font-weight: 500; margin-left: auto; }
@media (max-width: 700px) { .pv-demo-notice small { display: none; } }

.pv-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 14px; }
@media (max-width: 1250px) { .pv-stats { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) { .pv-stats { grid-template-columns: 1fr; } }
.pv-stat { background: var(--admin-card); border: 1px solid var(--admin-line); border-radius: var(--r-panel); padding: 18px; display: grid; gap: 10px; }
.pv-stat > div { display: flex; gap: 12px; align-items: center; }
.pv-stat-icon { width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; background: rgba(200, 243, 106, 0.35); color: #3c4d17; }
.pv-stat-icon.amber { background: #fbeed0; color: var(--amber); }
.pv-stat-icon .pv-icon { width: 20px; height: 20px; }
.pv-stat h2 { font-size: 13px; font-weight: 700; color: var(--admin-muted); }
.pv-stat strong { font-size: 25px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.pv-stat > p { font-size: 12.5px; color: var(--admin-muted); }
.pv-stat > p b { color: var(--green); }
.pv-stat > p b.neg { color: var(--amber); }

.pv-admin-panel { background: var(--admin-card); border: 1px solid var(--admin-line); border-radius: var(--r-panel); padding: 20px; min-width: 0; }
.pv-panel-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.pv-panel-header h2 { font-size: 16.5px; display: flex; gap: 9px; align-items: center; }
.pv-mini-label { color: var(--admin-muted); font-size: 12.5px; }
.pv-dashboard-middle { display: grid; grid-template-columns: 1.7fr 1fr; gap: 14px; margin-bottom: 14px; }
@media (max-width: 1250px) { .pv-dashboard-middle { grid-template-columns: 1fr; } }
.pv-dashboard-bottom { display: grid; grid-template-columns: 1.7fr 1fr; gap: 14px; }
@media (max-width: 1250px) { .pv-dashboard-bottom { grid-template-columns: 1fr; } }

.pv-chart { display: grid; grid-template-columns: auto 1fr; gap: 10px; }
.pv-chart-labels { display: grid; grid-template-rows: repeat(5, 1fr); align-items: center; color: var(--admin-muted); font-size: 11.5px; text-align: right; font-variant-numeric: tabular-nums; }
.pv-bars { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; align-items: end; height: 220px; border-left: 1px solid var(--admin-line); border-bottom: 1px solid var(--admin-line); padding: 0 6px; }
.pv-bar-column { display: grid; grid-template-rows: 1fr auto; height: 100%; align-items: end; gap: 6px; text-align: center; }
.pv-bar { background: var(--lime); border-radius: 4px 4px 0 0; height: calc(var(--bar-height) - 0%); min-height: 4px; position: relative; }
.pv-bar span { position: absolute; top: -22px; left: 50%; transform: translateX(-50%); font-size: 10.5px; color: var(--admin-muted); white-space: nowrap; opacity: 0; }
.pv-bar-column:hover .pv-bar span { opacity: 1; }
.pv-bar-column small { color: var(--admin-muted); font-size: 11.5px; }

.pv-automation ol { list-style: none; display: grid; gap: 14px; }
.pv-automation li { display: flex; gap: 12px; }
.pv-automation li span { flex: none; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--lime-dark); color: #3c4d17; background: rgba(200, 243, 106, 0.25); display: grid; place-items: center; font-size: 13px; font-weight: 800; }
.pv-automation strong { font-size: 14px; }
.pv-automation p { color: var(--admin-muted); font-size: 12.5px; }
.pv-automation > small { display: block; color: var(--admin-muted); font-size: 12px; text-align: right; margin-top: 10px; }
.pv-status { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 700; padding: 5px 12px; border-radius: 999px; background: rgba(31, 138, 59, 0.1); color: var(--green); }
.pv-status i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.pv-status.pv-status-pending { background: rgba(185, 127, 16, 0.12); color: var(--amber); }

.pv-table-wrap { overflow-x: auto; }
.pv-table-wrap table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.pv-table-wrap th { text-align: left; color: var(--admin-muted); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; padding: 9px 10px; border-bottom: 1px solid var(--admin-line); white-space: nowrap; }
.pv-table-wrap td { padding: 11px 10px; border-bottom: 1px solid #ececea; vertical-align: top; }
.pv-table-wrap tr:hover td { background: #fbfbf9; }
.pv-empty { color: var(--admin-muted); text-align: center; padding: 26px 10px; }
.pv-stock-panel > div { display: flex; align-items: center; gap: 10px; padding: 12px 2px; border-bottom: 1px solid #ececea; font-size: 14.5px; }
.pv-stock-panel > div:last-of-type { border-bottom: none; }
.pv-stock-panel span { flex: 1; font-weight: 600; }
.pv-stock-panel strong { font-variant-numeric: tabular-nums; }
.pv-stock-panel .pv-icon { color: var(--admin-muted); width: 15px; height: 15px; }

.pv-button.pv-admin-button { background: #fff; border: 1px solid var(--admin-line); color: var(--admin-fg); font-size: 13.5px; padding: 8px 14px; }
.pv-button.pv-admin-button:hover { border-color: var(--admin-muted); }
.pv-button.pv-small { padding: 8px 14px; font-size: 13.5px; }
.pv-button.danger { background: #fdecec; color: var(--red); }
.pv-button.ghost-admin { background: #fff; border: 1px solid var(--admin-line); color: var(--admin-fg); }

.pv-table-filters { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.pv-search { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--admin-line); border-radius: var(--r-ctl); padding: 8px 12px; flex: 1; min-width: 200px; max-width: 380px; color: var(--admin-muted); }
.pv-search input { border: none; outline: none; font-family: inherit; font-size: 14px; width: 100%; background: none; color: var(--admin-fg); }
.pv-filter-label { display: grid; gap: 4px; font-size: 12px; color: var(--admin-muted); font-weight: 700; }
.pv-filter-label select, .pv-field select { padding: 9px 12px; border-radius: var(--r-ctl); border: 1px solid var(--admin-line); background: #fff; font-family: inherit; font-size: 14px; color: var(--admin-fg); outline: none; }

.pv-admin-copy { color: var(--admin-muted); font-size: 13px; margin: 10px 0; }
.pv-stock-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 14px 0; }
@media (max-width: 700px) { .pv-stock-cards { grid-template-columns: 1fr; } }
.pv-stock-cards article { border: 1px solid var(--admin-line); border-radius: var(--r-ctl); padding: 16px; display: grid; gap: 3px; }
.pv-stock-cards span { color: var(--admin-muted); font-size: 13px; font-weight: 600; }
.pv-stock-cards strong { font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums; }
.pv-stock-cards small { color: var(--admin-muted); font-size: 12px; }

.pv-settings dl { display: grid; gap: 0; margin: 14px 0; }
.pv-settings dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 11px 2px; border-bottom: 1px solid #ececea; font-size: 14px; }
.pv-settings dt { color: var(--admin-muted); font-weight: 600; }
.pv-settings dd { font-weight: 600; text-align: right; }

.pv-admin-footer { text-align: right; padding-top: 22px; }

/* Formulários admin (claro) */
.pv-field { margin-bottom: 14px; }
.pv-field input, .pv-field textarea, .pv-admin textarea { width: 100%; padding: 11px 13px; border-radius: var(--r-ctl); border: 1px solid var(--admin-line); background: #fff; color: var(--admin-fg); font-family: inherit; font-size: 14px; outline: none; }
.pv-field textarea, .pv-admin textarea { min-height: 120px; resize: vertical; font-family: ui-monospace, Consolas, monospace; font-size: 13px; }
.pv-field input:focus, .pv-field textarea:focus, .pv-admin textarea:focus { border-color: var(--lime-dark); }
.pv-field small { color: var(--admin-muted); font-size: 12px; display: block; margin-top: 4px; }
.pv-checkbox { display: flex; gap: 9px; align-items: center; font-size: 14px; font-weight: 600; margin: 10px 0; }
.pv-checkbox input { width: 17px; height: 17px; accent-color: #3c4d17; }
.pv-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 700px) { .pv-grid-2 { grid-template-columns: 1fr; } }
.pv-actions-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.pv-mini-btn { padding: 6px 12px; border-radius: var(--r-ctl); font-size: 12.5px; font-weight: 700; background: #fff; border: 1px solid var(--admin-line); color: var(--admin-fg); }
.pv-mini-btn:hover { border-color: var(--admin-muted); }
.pv-mini-btn.ok { background: rgba(31, 138, 59, 0.1); border-color: rgba(31, 138, 59, 0.3); color: var(--green); }
.pv-mini-btn.danger { background: #fdecec; border-color: rgba(198, 55, 55, 0.3); color: var(--red); }
.pv-alert { border-radius: var(--r-ctl); padding: 11px 14px; font-size: 13.5px; margin: 10px 0; display: none; }
.pv-alert.show { display: block; }
.pv-alert.err { background: #fdecec; color: var(--red); border: 1px solid rgba(198, 55, 55, 0.3); }
.pv-alert.ok { background: rgba(31, 138, 59, 0.08); color: var(--green); border: 1px solid rgba(31, 138, 59, 0.3); }
.pv-alert.warn { background: #fbeed0; color: var(--amber); border: 1px solid rgba(185, 127, 16, 0.35); }
.pv-progress-bar { height: 8px; border-radius: 999px; background: #ececea; overflow: hidden; }
.pv-progress-bar i { display: block; height: 100%; background: var(--lime-dark); transition: width 0.4s; }
.pv-live-log { max-height: 260px; overflow-y: auto; border: 1px solid var(--admin-line); border-radius: var(--r-ctl); padding: 10px 12px; font-family: ui-monospace, Consolas, monospace; font-size: 12px; display: grid; gap: 4px; background: #fff; }
.pv-live-log .l-ok { color: var(--green); }
.pv-live-log .l-fail { color: var(--red); }
.pv-live-log .l-info { color: var(--admin-muted); }
.pv-media-preview { max-width: 220px; max-height: 160px; border-radius: var(--r-ctl); border: 1px solid var(--admin-line); }
.pv-kpi-inline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 14px; }
@media (max-width: 700px) { .pv-kpi-inline { grid-template-columns: 1fr; } }

.pv-lock { max-width: 430px; margin: 10vh auto; }
.pv-admin .field-note { font-size: 12.5px; color: var(--admin-muted); }

/* Movimento reduzido */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
/* Atendimento e conta: extensão do sistema visual aprovado. */
::selection{background:var(--lime);color:var(--lime-ink)}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
a{text-underline-offset:4px}
.pv-hero-photo{order:2;min-height:370px;border-radius:12px;background-image:url('/assets/hero-approved.png');background-size:205% auto;background-position:97% 5%;background-repeat:no-repeat;aspect-ratio:1.4;background-color:var(--charcoal)}
.pv-hero-copy{order:1;max-width:640px}.pv-actions-row{gap:12px}.pv-hero{padding-top:38px;padding-bottom:52px}
@media(min-width:981px){.pv-hero{grid-template-columns:1fr 1.1fr}.pv-hero-photo{min-height:360px}.pv-hero-copy h1{font-size:clamp(42px,4.8vw,72px)}}
@media(max-width:980px){.pv-hero-photo{order:2;min-height:0;aspect-ratio:1.7;background-size:205% auto;background-position:97% 5%}.pv-hero-copy{order:1}.pv-hero-copy h1{font-size:clamp(38px,7vw,64px)}}
.pv-page{padding-top:45px;padding-bottom:80px;min-height:65vh}.pv-page h1,.pv-auth-intro h1{font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-.03em;margin:14px 0}.pv-page p{color:var(--muted)}
.pv-notice{border:1px solid var(--line);padding:20px;border-radius:12px;color:var(--muted)}
.pv-inquiry-form{margin-top:24px}.pv-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.pv-contact-fields label{grid-column:1/-1}.pv-contact-fields input{grid-column:1/-1}
.pv-selection{border:0;margin-top:32px;min-width:0}.pv-selection legend{font-size:19px;font-weight:800}.pv-selection>p{font-size:13px;color:var(--muted);margin:7px 0 14px}.pv-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pv-checkout-form .pv-choice{margin:0;position:relative;cursor:pointer;display:block}.pv-choice-body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100px;border:1px solid var(--line);border-radius:8px;padding:13px 8px;text-align:center;gap:6px;background:var(--charcoal)}
.pv-choice-body>span{font-size:12px;font-weight:500;color:var(--muted)}.pv-choice-body img{width:120px;height:34px;object-fit:contain}.pv-choice-body strong{font-size:15px}
.pv-checkout-form .pv-choice input{position:absolute;width:18px;height:18px;left:8px;top:8px;opacity:0;padding:0}.pv-choice input:checked+.pv-choice-body{border:2px solid var(--lime);background:#202b15;padding:12px 7px}.pv-choice input:checked+.pv-choice-body:after{content:'Selecionado';color:var(--lime);font-size:11px}.pv-choice input:focus-visible+.pv-choice-body{outline:2px solid var(--lime);outline-offset:3px}.pv-choice:hover .pv-choice-body{border-color:var(--muted)}
.pv-checkout-form .pv-consent{display:flex;gap:12px;align-items:flex-start;margin-top:28px;line-height:1.6;font-weight:500}.pv-checkout-form .pv-consent input{width:18px;height:18px;flex:none;margin-top:3px;accent-color:var(--lime)}.pv-consent span{font-size:13px;color:var(--muted)}
.pv-submit{width:100%;margin-top:22px;min-height:50px}.pv-form-message{color:#ffd1c8!important;background:#351b17;border:1px solid #845346;padding:14px;border-radius:8px;margin-top:18px;font-size:14px}.pv-form-message[hidden]{display:none}.pv-link{color:var(--lime);text-decoration:underline}
.pv-request-summary{margin-top:22px}.pv-request-summary .pv-eyebrow{margin-bottom:12px}.pv-request-summary hr{border:0;border-top:1px solid var(--line);margin:24px 0}.pv-request-summary h3{font-size:17px}.pv-next-steps{padding-left:21px;display:grid;gap:14px;color:var(--muted);margin:18px 0 24px;font-size:14px}.pv-request-summary .pv-plan-price{display:block;font-size:36px;margin-top:16px}.pv-checkout-form input::placeholder{color:#a6ada3}
.pv-auth-page{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:75px;padding-bottom:85px;align-items:start;max-width:1120px}.pv-auth-intro{padding-top:26px}.pv-auth-intro>p:not(.pv-eyebrow){color:var(--muted);font-size:17px;margin:22px 0;max-width:42ch}.pv-auth-intro h1{max-width:12ch}.pv-auth-page form{max-width:480px}.pv-auth-page .pv-text-button{font-size:12px;margin-top:8px}
.pv-account-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.pv-account-profile{display:flex;gap:22px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid var(--line)}.pv-account-profile strong{display:block;font-size:12px;color:var(--fg);margin-bottom:5px}.pv-account-requests{margin-top:55px}.pv-request-row{display:flex;justify-content:space-between;gap:22px;align-items:center;border-top:1px solid var(--line);padding:26px 0}.pv-request-row h3{font-size:20px;margin:8px 0}.pv-request-row p{font-size:13px;max-width:35ch}.pv-request-status{display:inline-block;color:var(--lime);font-size:12px;font-weight:700}.pv-account-empty{padding:28px 0;border-top:1px solid var(--line)}.pv-account-empty h3{font-size:21px;margin-bottom:10px}.pv-account-empty p{max-width:65ch}.pv-account-profile p{overflow-wrap:anywhere}.pv-dialog{margin:auto;width:calc(100% - 32px)}.pv-dialog p{color:var(--muted);font-size:14px}
@media(max-width:700px){.pv-header{gap:12px}.pv-header>.pv-button{font-size:12px;padding:10px 12px}.pv-logo{font-size:18px;gap:6px}.pv-logo svg{width:25px}.pv-auth-page{grid-template-columns:1fr;gap:28px;padding-top:20px}.pv-auth-intro h1{max-width:18ch}.pv-auth-page form{max-width:none}.pv-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pv-checkout-form{padding:20px}.pv-request-row{flex-direction:column;align-items:flex-start}.pv-account-heading{align-items:flex-start}.pv-account-heading>.pv-button{white-space:nowrap;font-size:12px}.pv-account-profile{gap:15px}.pv-hero{padding-top:24px}.pv-request-summary{margin-top:0}.pv-account-heading h1{font-size:32px;overflow-wrap:anywhere}}
.pv-inquiry-dialog { width: min(690px, calc(100vw - 30px)); max-height: 90vh; padding: 26px; border: 1px solid #c7cfc1; border-radius: 12px; background: #f9faf6; color: #161b13; font-family: inherit; overflow-y: auto; box-shadow: 0 25px 90px #0005; }
.pv-inquiry-dialog::backdrop { background: #071007b8; }
.pv-inquiry-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.pv-inquiry-heading h2 { font-size: 22px; }
.pv-inquiry-heading button { background: none; border: 1px solid #c2cbbb; border-radius: 7px; width: 36px; height: 36px; font-size: 24px; }
.pv-inquiry-details { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 22px 0; }
.pv-inquiry-details dt { color: #66725b; font-size: 12px; }
.pv-inquiry-details dd { margin: 4px 0 0; overflow-wrap: anywhere; font-size: 14px; }
.pv-inquiry-dialog .pv-admin-copy { margin: 18px 0; }
.pv-inquiry-dialog #inquiry-error { color: #922c21; font-size: 13px; margin: 14px 0; }
@media(max-width:600px) { .pv-inquiry-dialog { padding: 20px; } .pv-inquiry-details { grid-template-columns: 1fr; } }
.pv-inquiry-form select{width:100%;font-family:inherit;font-size:14px;padding:13px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--charcoal);color:var(--fg);margin-bottom:12px;min-height:48px}
/* QR de conexão disponível apenas no painel administrativo autenticado. */
.pv-ev-connect{margin-top:20px;padding-top:20px;border-top:1px solid var(--admin-line)}
.pv-ev-connect[hidden],.pv-ev-qr[hidden]{display:none}
.pv-ev-connect h3{font-size:17px;margin-bottom:8px}
.pv-ev-connection-message{color:var(--admin-fg);font-size:14px;margin:14px 0;max-width:65ch}
.pv-ev-connection-message:focus{outline:2px solid #607b2c;outline-offset:4px}
.pv-ev-connection-error{color:var(--red)}
.pv-ev-qr{display:block;width:320px;height:320px;max-width:100%;object-fit:contain;background:#fff;padding:20px;border:1px solid var(--admin-line);border-radius:8px;margin:18px 0}
@media(max-width:420px){.pv-ev-qr{width:280px;height:auto;aspect-ratio:1}}

/* Controle de listas: preserva os formulários enquanto os indicadores atualizam. */
.pv-lead-import,.pv-lead-queue{margin-bottom:14px}
.pv-lead-filters{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:16px;margin-bottom:20px}
.pv-lead-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e4e9e4;border:1px solid #e4e9e4;border-radius:12px;overflow:hidden;margin-bottom:14px}
.pv-lead-summary>div{padding:16px;background:#fff;display:flex;flex-direction:column;gap:4px}
.pv-lead-summary span{font-size:12px;color:#5d685f}
.pv-lead-summary strong{font-size:25px;line-height:1.2;font-variant-numeric:tabular-nums}
.pv-lead-next{padding:12px 16px;border-left:3px solid #a9d747;background:#f4f8ee;margin:16px 0;font-size:14px;overflow-wrap:anywhere}
.pv-lead-table{min-width:940px}
.pv-lead-table caption{text-align:left;padding:0 0 12px;font-size:12px;color:#5d685f}
.pv-lead-table td{font-size:12px;vertical-align:top}
.pv-lead-table td small{display:block;font-size:11px;margin-top:5px;max-width:220px;overflow-wrap:anywhere}
.pv-lead-table td strong{font-size:13px}
.pv-lead-pagination{justify-content:flex-end;margin-top:16px}
#lead-queue-error:empty{display:none}
#lead-import-report{overflow-wrap:anywhere}
@media(max-width:760px){.pv-lead-filters{grid-template-columns:1fr}.pv-lead-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pv-lead-summary>div{padding:12px}.pv-lead-pagination{justify-content:space-between}.pv-lead-summary strong{font-size:22px}}