/*
 * LP Campeonato - visual do plugin.
 *
 * COMO MUDAR O VISUAL (leia isto antes de mexer):
 *  1) Cores, cantos e fonte ficam TODOS na lista "--lpc-..." logo abaixo. Trocar um valor aqui
 *     muda o plugin inteiro (janelas, botões, abas, cartões, avisos, tabelas, shortcodes).
 *  2) Para não perder a mudança quando o plugin for atualizado, NÃO edite este arquivo: cole a
 *     mesma lista dentro de  :root { ... }  no CSS do tema (Aparência > Personalizar > CSS
 *     adicional, ou no CSS global do Elementor) mudando só os valores que quiser. Exemplo:
 *         :root { --lpc-primary: #1a6dff; --lpc-primary-ink: #ffffff; }
 *  3) Botões e abas do plugin usam classes próprias (.lpc-btn, .lpc-tab) e seletores reforçados
 *     ("html body ..."), porque temas como o Hello Elementor pintam TODO <button> de rosa por
 *     padrão. Não use as classes do tema (.btn, .button...) dentro do plugin.
 */
:root{
  /* --- cores principais --- */
  --lpc-primary:#10d97a;          /* botões de ação, destaques, aba ativa */
  --lpc-primary-hover:#2ee890;    /* botão de ação ao passar o mouse */
  --lpc-primary-ink:#031a0e;      /* texto em cima da cor principal */
  --lpc-link:#10d97a;             /* links dentro das janelas e da área do trader */
  /* --- fundos, bordas e textos --- */
  --lpc-card:#0d1f4a;             /* fundo das janelas e dos cartões */
  --lpc-bg:#07112b;               /* fundo dos campos de preencher e caixas internas */
  --lpc-line:#1f3a80;             /* bordas */
  --lpc-txt:#e8eefc;              /* texto normal */
  --lpc-mut:#9fb0d6;              /* texto secundário */
  --lpc-strong:#ffffff;           /* títulos em destaque */
  --lpc-overlay:rgba(3,7,18,.78); /* fundo escurecido atrás das janelas */
  /* --- avisos --- */
  --lpc-warn:#f5c542;             /* atenção (amarelo) */
  --lpc-err:#ef4444;              /* erro / perigo (vermelho) */
  --lpc-err-ink:#fca5a5;          /* texto de erro */
  --lpc-ok-ink:#86efac;           /* texto de sucesso */
  /* --- timers da aba Inscrição (mesmo estilo dos timers do site) --- */
  --lpc-timer-next:#2b7bff;       /* bolinha/borda do timer "começa em" (azul) */
  --lpc-timer-end:#10d97a;        /* bolinha do timer "termina em" (verde) */
  --lpc-timer-box:#0a1530;        /* fundo das caixinhas DIAS / HORAS / MIN / SEG */
  /* --- formas e fonte --- */
  --lpc-radius:12px;              /* cantos de botões, campos e cartões */
  --lpc-radius-lg:16px;           /* cantos das janelas */
  --lpc-font:inherit;             /* "inherit" = usa a fonte do site; ou ex.: 'Outfit',sans-serif */
}

body.lpc-lock{overflow:hidden}
.lpc-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}

/* ================= janelas (login, cadastro, nova senha...) ================= */
.lpc-overlay{position:fixed;inset:0;background:var(--lpc-overlay);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;font-family:var(--lpc-font)}
.lpc-overlay[hidden]{display:none}
.lpc-modal{background:var(--lpc-card);color:var(--lpc-txt);border:1px solid var(--lpc-line);border-radius:var(--lpc-radius-lg);width:100%;max-width:420px;padding:20px 22px 24px;box-shadow:0 20px 60px rgba(0,0,0,.5);font-size:15px;line-height:1.5;text-align:left}
.lpc-top{display:flex;justify-content:space-between;align-items:center;min-height:32px}
.lpc-pane[hidden],.lpc-back[hidden],[data-panel][hidden]{display:none}
.lpc-pane h3,.lpc-area h3{margin:4px 0 14px;font-size:1.5rem;line-height:1.2;font-weight:700;color:var(--lpc-strong)}
.lpc-area h2{color:var(--lpc-strong)}
.lpc-area h4{color:var(--lpc-txt);font-size:1.1rem;line-height:1.3}
.lpc-modal label,.lpc-inline label{display:block;font-size:13px;line-height:1.4;color:var(--lpc-mut);margin:0 0 12px;vertical-align:baseline}
.lpc-modal p,.lpc-area p{line-height:1.5}
.lpc-check{display:flex!important;gap:8px;align-items:flex-start}
.lpc-check input{margin-top:3px}
.lpc-modal small{display:block;margin-top:4px;font-size:12px}

/* campos de preencher */
html body .lpc-modal input:not([type=checkbox]),html body .lpc-inline input:not([type=checkbox]),html body .lpc-inline textarea{display:block;width:100%;box-sizing:border-box;margin:5px 0 0;padding:11px 12px;background:var(--lpc-bg);border:1px solid var(--lpc-line);border-radius:var(--lpc-radius);color:var(--lpc-txt);font-family:var(--lpc-font);font-size:15px;line-height:1.4;box-shadow:none;height:auto}
html body .lpc-modal input:not([type=checkbox]):focus,html body .lpc-inline input:not([type=checkbox]):focus,html body .lpc-inline textarea:focus{outline:2px solid var(--lpc-primary);outline-offset:0;border-color:var(--lpc-primary);box-shadow:none}
html body .lpc-modal input[type=checkbox],html body .lpc-inline input[type=checkbox]{width:auto;height:auto;margin:3px 0 0}
.lpc-msg{min-height:20px;font-size:13px;margin:2px 0 8px}
.lpc-msg.err{color:var(--lpc-err-ink)}.lpc-msg.ok{color:var(--lpc-ok-ink)}
.lpc-links{text-align:center;font-size:13px;color:var(--lpc-mut);margin:10px 0 0}
.lpc-sub{color:var(--lpc-mut);font-size:13px}
html body .lpc-modal a:not(.lpc-btn),html body .lpc-area a:not(.lpc-btn){color:var(--lpc-link);text-decoration:none}
html body .lpc-modal a:not(.lpc-btn):hover,html body .lpc-area a:not(.lpc-btn):hover{color:var(--lpc-link);text-decoration:underline}

/* ================= botões ================= */
/* Variantes: lpc-btn--primary (ação), lpc-btn--ghost (secundário), lpc-btn--danger (excluir). */
.lpc-btn{--b-bg:transparent;--b-ink:var(--lpc-txt);--b-line:var(--lpc-line);--b-bg-h:transparent;--b-ink-h:var(--lpc-txt);--b-line-h:var(--lpc-primary);--b-glow:none}
.lpc-btn--primary{--b-bg:var(--lpc-primary);--b-ink:var(--lpc-primary-ink);--b-line:var(--lpc-primary);--b-bg-h:var(--lpc-primary-hover);--b-ink-h:var(--lpc-primary-ink);--b-line-h:var(--lpc-primary-hover);--b-glow:0 0 24px color-mix(in srgb,var(--lpc-primary) 35%,transparent)}
.lpc-btn--ghost{--b-bg-h:color-mix(in srgb,var(--lpc-primary) 10%,transparent)}
.lpc-btn--danger{--b-bg:var(--lpc-err);--b-ink:#fff;--b-line:var(--lpc-err);--b-bg-h:color-mix(in srgb,var(--lpc-err) 80%,#000);--b-ink-h:#fff;--b-line-h:var(--lpc-err);--b-glow:none}
html body .lpc-btn.lpc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:auto;min-height:44px;margin:0;padding:11px 22px;background:var(--b-bg);color:var(--b-ink);border:1px solid var(--b-line);border-radius:var(--lpc-radius);box-shadow:var(--b-glow);font-family:var(--lpc-font);font-size:15px;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:none;text-decoration:none;text-align:center;white-space:normal;cursor:pointer;user-select:none;-webkit-appearance:none;appearance:none;transition:background-color .15s,border-color .15s,color .15s}
html body .lpc-btn.lpc-btn:hover,html body .lpc-btn.lpc-btn:focus{background:var(--b-bg-h);color:var(--b-ink-h);border-color:var(--b-line-h);box-shadow:var(--b-glow);text-decoration:none}
html body .lpc-btn.lpc-btn:focus-visible{outline:2px solid var(--lpc-primary);outline-offset:2px}
html body .lpc-btn.lpc-btn:disabled,html body .lpc-btn.lpc-btn[disabled]{opacity:.6;cursor:wait}
html body .lpc-btn.lpc-submit{display:flex;width:100%;margin-top:4px}
html body .lpc-inline .lpc-btn.lpc-submit{max-width:360px;margin:8px auto 0}
html body .lpc-modal .lpc-resend-btn{display:flex;width:100%;margin:10px 0 0;font-size:14px;font-weight:600}
html body .lpc-msg .lpc-resend-btn{display:inline-flex;width:auto;margin-top:8px}
html body .lpc-btn.lpc-cta{white-space:nowrap}

/* Voltar e fechar (×) das janelas: discretos, sem moldura */
html body .lpc-top .lpc-back,html body .lpc-top .lpc-x{background:transparent;border:0;border-radius:8px;box-shadow:none;color:var(--lpc-mut);cursor:pointer;font-family:var(--lpc-font);font-weight:500;min-height:0;padding:4px 8px;text-transform:none;white-space:nowrap}
html body .lpc-top .lpc-back{font-size:14px;line-height:1.4}
html body .lpc-top .lpc-x{font-size:28px;line-height:1;margin-left:auto}
html body .lpc-top .lpc-back:hover,html body .lpc-top .lpc-back:focus,html body .lpc-top .lpc-x:hover,html body .lpc-top .lpc-x:focus{background:transparent;color:var(--lpc-strong);box-shadow:none}
html body .lpc-top .lpc-back:focus-visible,html body .lpc-top .lpc-x:focus-visible{outline:2px solid var(--lpc-primary);outline-offset:2px}

/* ================= área do trader ================= */
.lpc-area{max-width:860px;margin:0 auto;padding:32px 16px;color:var(--lpc-txt);font-family:var(--lpc-font)}
.lpc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.lpc-head h2{margin:0}
.lpc-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--lpc-line);margin-bottom:20px}
html body .lpc-tabs .lpc-tab{display:inline-block;width:auto;min-height:0;margin:0;padding:10px 14px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;color:var(--lpc-mut);cursor:pointer;font-family:var(--lpc-font);font-size:15px;font-weight:500;line-height:1.4;text-transform:none;white-space:nowrap}
html body .lpc-tabs .lpc-tab:hover,html body .lpc-tabs .lpc-tab:focus{background:transparent;color:var(--lpc-txt);box-shadow:none}
html body .lpc-tabs .lpc-tab.on{color:var(--lpc-strong);border-bottom-color:var(--lpc-primary)}
html body .lpc-tabs .lpc-tab:focus-visible{outline:2px solid var(--lpc-primary);outline-offset:-2px}
.lpc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.lpc-card{background:var(--lpc-card);border:1px solid var(--lpc-line);border-radius:var(--lpc-radius);padding:16px;text-align:center}
.lpc-card b{display:block;font-size:28px;color:var(--lpc-strong)}.lpc-card span{color:var(--lpc-mut);font-size:12px}
html body .lpc-table{width:100%;border-collapse:collapse;margin:0;font-size:15px;background:transparent}
html body .lpc-table th,html body .lpc-table td{text-align:left;padding:10px;border:0;border-bottom:1px solid var(--lpc-line);line-height:1.4;vertical-align:middle;color:var(--lpc-txt)}
html body .lpc-table tbody tr>td,html body .lpc-table tbody tr>th,html body .lpc-table tbody tr:hover>td,html body .lpc-table tbody tr:hover>th{background:transparent}
.lpc-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}
.lpc-badge.ok{background:color-mix(in srgb,var(--lpc-primary) 15%,transparent);color:var(--lpc-ok-ink)}
.lpc-badge.warn{background:color-mix(in srgb,var(--lpc-warn) 15%,transparent);color:var(--lpc-warn)}
.lpc-badge.off{background:color-mix(in srgb,var(--lpc-mut) 15%,transparent);color:var(--lpc-mut)}
.lpc-code b{font-size:20px;letter-spacing:.5px}
.lpc-locked{font-size:12px;color:var(--lpc-mut)}
.lpc-inline{max-width:460px}
.lpc-flash{padding:10px 14px;border-radius:10px;margin-bottom:14px;font-size:14px}
.lpc-flash.ok{background:color-mix(in srgb,var(--lpc-primary) 15%,transparent);color:var(--lpc-ok-ink)}.lpc-flash.err{background:color-mix(in srgb,var(--lpc-err) 15%,transparent);color:var(--lpc-err-ink)}
.lpc-note{margin-top:18px}
.lpc-req{background:var(--lpc-card);border:1px solid var(--lpc-line);border-radius:var(--lpc-radius);padding:12px 14px;margin-bottom:10px}.lpc-req p{margin:6px 0 0}
.lpc-tip{background:color-mix(in srgb,var(--lpc-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--lpc-primary) 25%,transparent);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--lpc-txt);margin:4px 0 12px}
.lpc-steps{list-style:none;display:flex;margin:0 0 10px;padding:0}
.lpc-steps li{flex:1;text-align:center;position:relative;font-size:12px;color:var(--lpc-mut)}
.lpc-steps li i{display:block;width:16px;height:16px;border-radius:50%;background:var(--lpc-line);margin:0 auto 6px;position:relative;z-index:1}
.lpc-steps li:not(:first-child)::before{content:"";position:absolute;top:7px;left:-50%;width:100%;height:2px;background:var(--lpc-line)}
.lpc-steps li.done i,.lpc-steps li.done:not(:first-child)::before,.lpc-steps li.now:not(:first-child)::before{background:var(--lpc-primary)}
.lpc-steps li.done i{background:var(--lpc-primary)}
.lpc-steps li.now i{background:var(--lpc-warn);box-shadow:0 0 0 4px color-mix(in srgb,var(--lpc-warn) 20%,transparent)}
.lpc-steps li.done,.lpc-steps li.now{color:var(--lpc-txt);font-weight:600}
.lpc-steps li small{display:block;font-weight:400;color:var(--lpc-warn);font-size:11px;margin-top:2px}
.lpc-answer{background:color-mix(in srgb,var(--lpc-primary) 8%,transparent);border-left:3px solid var(--lpc-primary);padding:8px 10px;border-radius:6px}
.lpc-ask{background:color-mix(in srgb,var(--lpc-warn) 10%,transparent);border-left:3px solid var(--lpc-warn);padding:8px 10px;border-radius:6px}
.lpc-scope{background:color-mix(in srgb,var(--lpc-warn) 10%,transparent);border:1px solid color-mix(in srgb,var(--lpc-warn) 35%,transparent);border-radius:10px;padding:10px 12px;font-size:13px;margin:12px 0;max-width:460px}
/* cartão da inscrição: --c é a cor da situação (verde = concluída, amarelo = em análise, vermelho = recusada) */
.lpc-enroll{--c:var(--lpc-primary);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 14%,var(--lpc-bg)),var(--lpc-bg) 72%);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);border-radius:var(--lpc-radius-lg);padding:22px;margin:4px 0 14px;box-shadow:0 0 40px color-mix(in srgb,var(--c) 8%,transparent)}
.lpc-enroll--ok,.lpc-enroll--open{--c:var(--lpc-primary)}
.lpc-enroll--warn{--c:var(--lpc-warn)}
.lpc-enroll--err{--c:var(--lpc-err)}
.lpc-enroll--off{--c:var(--lpc-mut)}
.lpc-enroll-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.lpc-enroll-ico{flex:none;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;line-height:1;color:var(--c);background:color-mix(in srgb,var(--c) 22%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.lpc-enroll-head h3{margin:0 0 2px;font-size:1.4rem}
.lpc-enroll-label{display:block;font-size:12px;font-weight:600;color:var(--c);margin:0 0 8px}
.lpc-enroll-code{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed color-mix(in srgb,var(--c) 50%,transparent);border-radius:var(--lpc-radius);padding:16px 18px;background:rgba(0,0,0,.22)}
.lpc-enroll-code b{font-size:1.15rem;letter-spacing:.5px;color:var(--lpc-strong);word-break:break-all}
.lpc-enroll-lock{flex:none;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--c)}
.lpc-enroll-note{margin:14px 0 0}
.lpc-enroll .lpc-inline{max-width:none}
.lpc-enroll .lpc-tip{margin-top:0}
/* layout: caixas do suporte sempre na largura total */
.lpc-req,.lpc-scope,.lpc-inline.lpc-wide{width:100%;max-width:none;box-sizing:border-box}
.lpc-box{background:var(--lpc-card);border:1px solid var(--lpc-line);border-radius:var(--lpc-radius);padding:14px 16px;margin:12px 0}
.lpc-box h4{margin:0 0 8px}
.lpc-qr{width:210px;max-width:100%;margin:10px auto;background:#fff;border-radius:10px;padding:6px}
.lpc-qr svg{display:block;width:100%;height:auto}
.lpc-how{padding-left:20px;margin:0 0 6px}
.lpc-codelist{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0}
.lpc-codelist code{background:var(--lpc-bg);border:1px solid var(--lpc-line);border-radius:8px;padding:8px;text-align:center;font-size:15px;letter-spacing:1px;color:var(--lpc-txt)}
.lpc-captcha{min-height:0;margin:4px 0 8px;display:flex;justify-content:center}
.lpc-note-codes{background:color-mix(in srgb,var(--lpc-warn) 10%,transparent);border:1px solid color-mix(in srgb,var(--lpc-warn) 35%,transparent);border-radius:10px;padding:10px 12px;font-size:14px;margin:8px 0}
.lpc-danger-t{color:var(--lpc-err-ink);margin-top:28px}
.lpc-danger{border:1px solid color-mix(in srgb,var(--lpc-err) 40%,transparent);border-radius:var(--lpc-radius);padding:14px 16px;background:color-mix(in srgb,var(--lpc-err) 5%,transparent)}
.lpc-scope-red{background:color-mix(in srgb,var(--lpc-err) 10%,transparent);border-color:color-mix(in srgb,var(--lpc-err) 45%,transparent)}
.lpc-scope-red ul{margin:8px 0 0;padding-left:18px}

/* ================= shortcodes avulsos (podem ficar em qualquer lugar do tema) ================= */
.lpc-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--lpc-line);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;color:var(--lpc-txt)}
.lpc-dot{width:7px;height:7px;border-radius:50%;background:var(--lpc-primary);display:inline-block}
.lpc-edition-badge{display:inline-flex;gap:12px;align-items:center;border:1px solid var(--lpc-line);border-radius:999px;padding:5px 6px;font-size:14px;color:var(--lpc-txt)}
.lpc-edition-badge b{background:var(--lpc-card);color:var(--lpc-strong);border-radius:999px;padding:3px 12px;font-weight:600}
.lpc-edition-badge span{padding-right:10px;color:var(--lpc-mut)}
.lpc-periodo{color:var(--lpc-txt);font-size:14px}
.lpc-rank-table{color:var(--lpc-txt);background:var(--lpc-card);border-radius:var(--lpc-radius);overflow:hidden}
.lpc-podium{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-width:420px}
.lpc-podium li{display:flex;align-items:center;gap:10px;background:var(--lpc-card);border:1px solid var(--lpc-line);border-radius:10px;padding:10px 14px;color:var(--lpc-txt)}
.lpc-podium-medal{font-size:20px}
.lpc-podium-name{flex:1;font-weight:600}
.lpc-podium-points{color:var(--lpc-mut);font-size:13px}

/* ================= aba Inscrição: edições e timers ================= */
.lpc-season{background:var(--lpc-card);border:1px solid var(--lpc-line);border-radius:var(--lpc-radius-lg);padding:18px;margin:0 0 20px}
.lpc-season-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.lpc-season-head h3{margin:0!important}
.lpc-badge.run{background:color-mix(in srgb,var(--lpc-timer-end) 15%,transparent);color:var(--lpc-timer-end)}
.lpc-timer{--c:var(--lpc-timer-next);text-align:center;border:1px solid color-mix(in srgb,var(--c) 35%,transparent);border-radius:24px;padding:20px 16px 18px;margin:0 0 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 8%,var(--lpc-bg)),var(--lpc-bg));box-shadow:0 0 40px color-mix(in srgb,var(--c) 10%,transparent)}
.lpc-timer--end{--c:var(--lpc-timer-end)}
.lpc-timer--warn{--c:var(--lpc-warn)}
.lpc-timer-head{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.1rem;font-weight:600;color:var(--lpc-txt);margin-bottom:14px}
.lpc-timer-dot{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);flex:none}
.lpc-timer-boxes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:440px;margin:0 auto}
.lpc-timer-box{background:var(--lpc-timer-box);border:1px solid color-mix(in srgb,var(--c) 30%,var(--lpc-line));border-radius:16px;padding:12px 4px 10px;display:flex;flex-direction:column;align-items:center}
.lpc-timer-box strong{font-size:2rem;line-height:1.1;font-weight:800;color:var(--lpc-strong);font-variant-numeric:tabular-nums}
.lpc-timer-box span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lpc-mut);margin-top:4px}
.lpc-timer-note{color:var(--lpc-mut);font-size:14px;margin-top:14px;line-height:1.45}
.lpc-timer-note b{color:var(--lpc-txt)}
.lpc-timer--warn .lpc-timer-note{color:var(--lpc-warn)}
.lpc-timer.is-done .lpc-timer-box strong{opacity:.5}
.lpc-scope.lpc-scope--info{background:color-mix(in srgb,var(--lpc-timer-next) 10%,transparent);border-color:color-mix(in srgb,var(--lpc-timer-next) 40%,transparent);font-size:14px}
.lpc-notice-hint{text-align:center;margin-top:4px}
html body .lpc-area .lpc-linkbtn{background:none;border:0;padding:0;margin:0;color:var(--lpc-link);text-decoration:underline;font:inherit;cursor:pointer;box-shadow:none;min-height:0}
@media (max-width:480px){
  .lpc-season{padding:14px}
  .lpc-timer{padding:16px 10px 14px}
  .lpc-timer-boxes{gap:6px}
  .lpc-timer-box strong{font-size:1.5rem}
  .lpc-timer-box span{font-size:10px;letter-spacing:.1em}
}
.lpc-enroll-code--off{border-style:dashed;opacity:.9}
.lpc-enroll-code--off b{color:var(--lpc-mut);word-break:normal;overflow-wrap:normal;white-space:normal;font-size:1.05rem;letter-spacing:.2px}
.lpc-enroll-code--off .lpc-enroll-lock{color:var(--lpc-mut)}
.lpc-timer-head{text-align:center;flex-wrap:wrap}
.lpc-joinlink{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:0 0 14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--lpc-primary) 35%,transparent);border-radius:12px;background:color-mix(in srgb,var(--lpc-primary) 7%,transparent);font-size:.95rem}
.lpc-joinlink .lpc-btn{white-space:nowrap}
.lpc-phone{display:flex;gap:10px;align-items:flex-end}
.lpc-phone .lpc-ddi{flex:0 0 76px}
.lpc-phone .lpc-num{flex:1 1 auto;min-width:0}
.lpc-phone-hint{display:block;margin:-6px 0 12px;opacity:.75;font-size:.82rem;line-height:1.4}

/* Módulo Fiscal (API): bloco "Conexão com a API" dentro do cartão da inscrição (.lpc-enroll).
   Variantes: .lpc-api--ok (conectada), --warn (em análise), --err (conexão perdida), --off (não conectada / desconectada). */
.lpc-badge.err{background:color-mix(in srgb,var(--lpc-err) 15%,transparent);color:var(--lpc-err-ink)}
.lpc-api{--c:var(--lpc-mut);box-sizing:border-box;max-width:100%;min-width:0;margin:18px 0 0;padding:14px 0 0;border-top:1px solid color-mix(in srgb,var(--c) 30%,transparent);overflow-wrap:anywhere}
.lpc-api--ok{--c:var(--lpc-primary)}
.lpc-api--warn{--c:var(--lpc-warn)}
.lpc-api--err{--c:var(--lpc-err)}
.lpc-api--off{--c:var(--lpc-mut)}
.lpc-api-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px}
.lpc-api .lpc-badge{max-width:100%;white-space:normal;line-height:1.35}
.lpc-api-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 0}
.lpc-api-actions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 0}
.lpc-api-hint{margin:10px 0 0}
.lpc-api .lpc-msg{min-height:0;margin:0}
.lpc-api .lpc-msg:empty{display:none}
.lpc-api .lpc-msg.ok,.lpc-api .lpc-msg.err{margin:8px 0 0}
@media (max-width:480px){
  .lpc-api-actions{flex-direction:column}
  html body .lpc-api .lpc-btn.lpc-btn{width:100%;max-width:100%}
}

/* Módulo Fiscal (API): janelas da volta do fiscal (#lpc-fiscal-ov). Usam o overlay/modal do plugin; cabem em 360 px:
   texto quebra em qualquer ponto, botões sempre empilhados em largura total (Sim/Não nunca ficam lado a lado) e com 48 px de altura. */
.lpc-fiscal-modal{box-sizing:border-box;max-width:min(420px,100%);overflow-wrap:anywhere}
.lpc-fiscal-pane{min-width:0}
.lpc-fiscal-txt{margin:6px 0 16px;font-size:16px;line-height:1.5;color:var(--lpc-txt)}
.lpc-fiscal-txt b{color:var(--lpc-strong)}
.lpc-fiscal-btns{display:flex;flex-direction:column;gap:10px;margin:0}
html body .lpc-btn.lpc-btn.lpc-fiscal-btn{width:100%;max-width:100%;min-height:48px;font-size:16px}
.lpc-fiscal-list{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
html body .lpc-modal .lpc-fiscal-opt{display:flex;align-items:center;gap:12px;box-sizing:border-box;margin:0;padding:12px 14px;min-height:48px;border:1px solid var(--lpc-line);border-radius:var(--lpc-radius);background:var(--lpc-bg);color:var(--lpc-txt);font-size:16px;cursor:pointer}
html body .lpc-modal .lpc-fiscal-opt:has(input:checked){border-color:var(--lpc-primary)}
html body .lpc-modal .lpc-fiscal-opt input[type=radio]{display:inline-block;flex:0 0 auto;width:20px;height:20px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;accent-color:var(--lpc-primary)}
.lpc-fiscal-pane .lpc-msg{min-height:0;margin:10px 0 0}
.lpc-fiscal-pane .lpc-msg:empty{display:none}