:root{
  --bg:#f4f7f2;
  --panel:#fbfdf9;
  --surface:#eff5ee;
  --line:rgba(17,24,39,.08);
  --text:#173025;
  --muted:#627567;
  --strong:#0f5132;
  --strong-2:#1f7a49;
  --danger:#9b2c2c;
  --warn:#8a6d1c;
  --shadow:0 18px 40px rgba(19,47,33,.08);
  --radius:24px;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Manrope',sans-serif;background:radial-gradient(circle at top right, rgba(144,183,125,.18), transparent 28%),var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
code{padding:4px 8px;border-radius:999px;background:rgba(15,81,50,.08)}
.fpjj-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.fpjj-sidebar{padding:28px 22px;border-right:1px solid var(--line);background:rgba(255,255,255,.58);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:24px}
.fpjj-brand{display:flex;gap:14px;align-items:center}.fpjj-brand strong{display:block;font-size:18px}
.fpjj-brand small,.fpjj-kicker,.fpjj-empty p,.fpjj-table td small,.fpjj-sidebar-card p,.fpjj-meta,.fpjj-subtle{color:var(--muted)}
.fpjj-badge{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--strong),#2a8f56);color:#fff;font-weight:800;box-shadow:var(--shadow)}
.fpjj-nav{display:grid;gap:8px}
.fpjj-nav a{padding:12px 14px;border-radius:14px;color:var(--muted);font-weight:700;transition:.18s ease}
.fpjj-nav a:hover,.fpjj-nav a.is-active{background:rgba(31,122,73,.08);color:var(--strong)}
.fpjj-sidebar-card{margin-top:auto;padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:20px;box-shadow:var(--shadow)}
.fpjj-sidebar-card ol{margin:12px 0 0 18px;padding:0;color:var(--text);display:grid;gap:8px}
.fpjj-main{padding:28px 32px 22px;display:flex;flex-direction:column;gap:20px}
.fpjj-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.fpjj-header h1{font:700 34px/1.02 'Fraunces',serif;margin:6px 0 0}
.fpjj-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fpjj-admin-pill{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(31,122,73,.08);color:var(--strong);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.fpjj-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;margin:0}
.fpjj-grid,.fpjj-card-grid{display:grid;gap:18px}.fpjj-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.fpjj-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.fpjj-card,.fpjj-panel,.fpjj-table-wrap,.fpjj-form-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.fpjj-card{padding:22px}.fpjj-card h2,.fpjj-panel h2,.fpjj-form-card h2{font:600 24px/1.1 'Fraunces',serif;margin:0 0 12px}
.fpjj-metric{font-size:36px;font-weight:800;color:var(--strong);margin-top:10px}.fpjj-panel,.fpjj-form-card{padding:24px}
.fpjj-span-4{grid-column:span 4}.fpjj-span-5{grid-column:span 5}.fpjj-span-7{grid-column:span 7}.fpjj-span-8{grid-column:span 8}.fpjj-span-12{grid-column:span 12}
.fpjj-toolbar,.fpjj-toolbar-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.fpjj-toolbar{justify-content:space-between;margin-bottom:16px}
.fpjj-button{border:none;border-radius:14px;padding:12px 18px;background:var(--strong);color:#fff;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease;box-shadow:0 10px 22px rgba(15,81,50,.18)}
.fpjj-button:hover{transform:translateY(-1px);background:#10482d}.fpjj-button-secondary{background:rgba(31,122,73,.1);color:var(--strong);box-shadow:none}.fpjj-button-danger{background:#b54242}.fpjj-actions{display:flex;gap:8px;flex-wrap:wrap}
.fpjj-alert{padding:16px 18px;border-radius:18px;font-weight:700;border:1px solid var(--line)}.fpjj-alert.success{background:rgba(31,122,73,.1);color:var(--strong)}.fpjj-alert.error{background:rgba(181,66,66,.12);color:var(--danger)}
.fpjj-table-wrap{overflow:auto}.fpjj-table{width:100%;border-collapse:collapse;min-width:820px}.fpjj-table th,.fpjj-table td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.fpjj-table th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fpjj-chip{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.fpjj-chip.ok{background:rgba(31,122,73,.12);color:var(--strong)}.fpjj-chip.warn{background:rgba(200,160,54,.16);color:var(--warn)}.fpjj-chip.danger{background:rgba(181,66,66,.12);color:var(--danger)}.fpjj-chip.muted{background:rgba(148,163,184,.16);color:#475569}
.fpjj-form-card form,.fpjj-stack{display:grid;gap:16px}.fpjj-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fpjj-field{display:grid;gap:8px}.fpjj-field label{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.fpjj-field input,.fpjj-field select,.fpjj-field textarea{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(15,81,50,.14);background:#fff;color:var(--text);outline:none;transition:border-color .18s ease, box-shadow .18s ease}.fpjj-field input:focus,.fpjj-field select:focus,.fpjj-field textarea:focus{border-color:rgba(31,122,73,.5);box-shadow:0 0 0 4px rgba(31,122,73,.08)}.fpjj-field textarea{min-height:120px;resize:vertical}
.fpjj-note{padding:16px;border-radius:16px;background:var(--surface);border:1px dashed rgba(31,122,73,.18);color:var(--muted)}
.fpjj-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.fpjj-list-item{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.fpjj-list-item strong{display:block;margin-bottom:4px}
.fpjj-footer{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin-top:auto;padding-top:8px}.fpjj-empty{padding:34px;border:1px dashed rgba(15,81,50,.18);border-radius:20px;text-align:center;background:rgba(255,255,255,.5)}
.fpjj-hero{padding:28px;border-radius:28px;background:linear-gradient(135deg,#0f5132,#2d7e4f);color:#f8fff9;box-shadow:var(--shadow)}.fpjj-hero h2{font:700 34px/1.04 'Fraunces',serif;margin:0 0 10px}.fpjj-hero p{max-width:720px;margin:0;color:rgba(248,255,249,.82)}.fpjj-hero-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:18px;align-items:end}.fpjj-hero-stat{padding:18px;border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.fpjj-hero-stat strong{display:block;font-size:28px;margin-bottom:6px}
.fpjj-question{padding:18px;border-radius:20px;border:1px solid var(--line);background:#fff}.fpjj-question h3{margin:0 0 8px;font-size:18px}.fpjj-option{display:flex;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(15,81,50,.08);margin-top:8px}.fpjj-option input{margin-top:4px}
.fpjj-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.fpjj-result-box{padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.fpjj-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fpjj-copy{cursor:pointer}
.fpjj-auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}
.fpjj-auth-card{width:min(100%,480px);padding:28px;border-radius:28px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
.fpjj-auth-card h1{font:700 32px/1.04 'Fraunces',serif;margin:8px 0 12px}
.fpjj-countdown{display:grid;gap:6px;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.fpjj-countdown strong{font-size:30px;line-height:1}
.fpjj-countdown small{color:rgba(248,255,249,.82)}
.fpjj-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.fpjj-print-bar{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
@media print{
  .fpjj-sidebar,.fpjj-header,.fpjj-footer,.fpjj-print-bar,.fpjj-actions{display:none!important}
  .fpjj-shell{display:block}
  .fpjj-main{padding:0}
}
@media (max-width:1100px){.fpjj-shell{grid-template-columns:1fr}.fpjj-sidebar{border-right:none;border-bottom:1px solid var(--line)}.fpjj-span-4,.fpjj-span-5,.fpjj-span-7,.fpjj-span-8,.fpjj-span-12{grid-column:span 12}.fpjj-hero-grid,.fpjj-form-grid{grid-template-columns:1fr}}
@media (max-width:720px){.fpjj-main{padding:18px}.fpjj-header{flex-direction:column;align-items:flex-start}.fpjj-footer{flex-direction:column}.fpjj-list-item{flex-direction:column}}

/* ===== Melhorias de toque/feedback na prova ===== */
.fpjj-option{cursor:pointer;transition:border-color .15s ease, background .15s ease}
.fpjj-option:hover{border-color:rgba(31,122,73,.35)}
.fpjj-option:has(input:checked){border-color:var(--strong);background:rgba(31,122,73,.08)}
.fpjj-option input{width:20px;height:20px;accent-color:var(--strong);flex:0 0 auto}

/* ===== Adaptacao para celular ===== */
@media (max-width:600px){
  body{font-size:16px}
  .fpjj-main{padding:14px}
  .fpjj-hero{padding:18px;border-radius:20px}
  .fpjj-hero h2{font-size:22px;line-height:1.15}
  .fpjj-hero-grid{gap:14px}
  .fpjj-hero-stat strong{font-size:22px}
  .fpjj-countdown{padding:14px}
  .fpjj-countdown strong{font-size:26px}
  .fpjj-form-card,.fpjj-panel,.fpjj-card{padding:16px;border-radius:18px}
  .fpjj-form-card h2,.fpjj-panel h2,.fpjj-card h2{font-size:20px}
  .fpjj-question{padding:14px}
  .fpjj-question h3{font-size:16px;line-height:1.25}
  /* alvos de toque maiores nas alternativas */
  .fpjj-option{padding:14px;gap:14px;align-items:center}
  .fpjj-option input{width:24px;height:24px}
  /* botoes em coluna ocupando a largura toda */
  .fpjj-actions{flex-direction:column;align-items:stretch}
  .fpjj-actions .fpjj-button,.fpjj-actions form,.fpjj-actions form .fpjj-button{width:100%}
  .fpjj-toolbar{flex-direction:column;align-items:flex-start}
  .fpjj-result-grid,.fpjj-meta-grid{grid-template-columns:1fr 1fr}
  .fpjj-result-box{padding:14px}
}

/* Barra de acoes fixa no rodape durante a prova (celular) */
@media (max-width:600px){
  #fpjjProvaForm .fpjj-actions{
    position:sticky;
    bottom:0;
    background:linear-gradient(180deg, rgba(244,247,242,0), var(--bg) 28%);
    padding:12px 0 8px;
    margin-top:8px;
    z-index:5;
  }
}

/* ===== Linha de edicao de participante ===== */
.fpjj-edit-row{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end;flex:1}
.fpjj-edit-row .fpjj-field label{font-size:11px}
@media (max-width:600px){
  .fpjj-edit-row{grid-template-columns:1fr;width:100%}
  .fpjj-list-item .fpjj-edit-row .fpjj-actions .fpjj-button{width:100%}
}

/* =========================================================
   Refinamento visual (v2) — layout mais limpo e intuitivo
   ========================================================= */
:root{
  --bg:#f5f8f4;
  --panel:#ffffff;
  --surface:#f1f6f0;
  --line:rgba(17,40,28,.10);
  --line-strong:rgba(17,40,28,.16);
  --muted:#5e7268;
  --shadow:0 10px 30px rgba(19,47,33,.06);
  --shadow-sm:0 4px 14px rgba(19,47,33,.05);
}
body{background:radial-gradient(1200px 600px at 100% -10%, rgba(120,170,110,.16), transparent 60%),var(--bg)}

/* ---- Ícones ---- */
.fpjj-ico{width:18px;height:18px;flex:0 0 auto;display:inline-block;vertical-align:middle}
.fpjj-button .fpjj-ico{width:17px;height:17px}
.fpjj-nav .fpjj-ico{width:19px;height:19px;opacity:.85}

/* ---- Botões ---- */
.fpjj-button{border-radius:12px;padding:11px 16px;font-weight:700;letter-spacing:.01em;box-shadow:0 6px 16px rgba(15,81,50,.16)}
.fpjj-button-secondary{background:#fff;color:var(--strong);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm)}
.fpjj-button-secondary:hover{background:var(--surface);border-color:rgba(31,122,73,.35)}
.fpjj-button-danger{background:#fff;color:var(--danger);border:1px solid rgba(155,44,44,.28);box-shadow:var(--shadow-sm)}
.fpjj-button-danger:hover{background:rgba(181,66,66,.08)}
.fpjj-button-sm{padding:8px 12px;font-size:13px;border-radius:10px}

/* ---- Sidebar / navegação ---- */
.fpjj-sidebar{background:rgba(255,255,255,.72)}
.fpjj-nav a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;position:relative}
.fpjj-nav a.is-active{background:rgba(31,122,73,.10);color:var(--strong)}
.fpjj-nav a.is-active::before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:4px;height:20px;border-radius:4px;background:var(--strong)}
.fpjj-sidebar-card ol{list-style:none;margin:12px 0 0;counter-reset:step}
.fpjj-sidebar-card ol li{display:flex;align-items:center;gap:10px;counter-increment:step;color:var(--text);font-weight:600;font-size:14px}
.fpjj-sidebar-card ol li::before{content:counter(step);display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:rgba(31,122,73,.12);color:var(--strong);font-size:12px;font-weight:800;flex:0 0 auto}

/* ---- Cabeçalho de página ---- */
.fpjj-header h1{font-size:30px}
.fpjj-kicker{color:var(--strong);opacity:.85}

/* ---- Cartão de aplicação ---- */
.fpjj-app-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);padding:20px;display:grid;gap:16px}
.fpjj-app-card + .fpjj-app-card{margin-top:0}
.fpjj-app-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.fpjj-app-head h3{margin:0;font:600 19px/1.2 'Fraunces',serif}
.fpjj-app-meta{margin:4px 0 0;color:var(--muted);font-size:13px}
.fpjj-app-status{display:flex;gap:8px;flex-wrap:wrap}
.fpjj-status-dot{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface);color:var(--muted);border:1px solid var(--line)}
.fpjj-status-dot::before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor;flex:0 0 auto}
.fpjj-status-dot.on{color:var(--strong-2);background:rgba(31,122,73,.10);border-color:rgba(31,122,73,.22)}
.fpjj-status-dot.off{color:#94795a;background:rgba(180,150,90,.12);border-color:rgba(180,150,90,.22)}

/* ---- Caixa do link do aluno ---- */
.fpjj-linkbox{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.fpjj-linkbox-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.fpjj-linkbox code{flex:1;min-width:160px;background:transparent;padding:0;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---- Ações agrupadas ---- */
.fpjj-app-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end;padding-top:4px;border-top:1px solid var(--line)}
.fpjj-action-cluster{display:flex;flex-direction:column;gap:7px}
.fpjj-action-cluster .fpjj-row{display:flex;gap:8px;flex-wrap:wrap}
.fpjj-action-cluster form{margin:0}
.fpjj-action-label{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.fpjj-action-cluster-end{margin-left:auto;align-items:flex-end}

/* ---- Prova do aluno: progresso e questões ---- */
.fpjj-progress{height:8px;border-radius:999px;background:rgba(31,122,73,.12);overflow:hidden;margin-top:10px}
.fpjj-progress > span{display:block;height:100%;background:linear-gradient(90deg,var(--strong),var(--strong-2));width:0;transition:width .25s ease}
.fpjj-progress-text{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--muted);margin-top:8px}
.fpjj-question{box-shadow:var(--shadow-sm)}
.fpjj-qnum{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:rgba(31,122,73,.12);color:var(--strong);font-size:13px;font-weight:800;margin-right:8px}
.fpjj-question h3{display:flex;align-items:flex-start;gap:2px;font:600 17px/1.35 'Manrope',sans-serif}
.fpjj-question h3 .fpjj-qtext{flex:1}
.fpjj-question.answered{border-color:rgba(31,122,73,.35)}

@media (max-width:600px){
  .fpjj-app-actions{flex-direction:column;align-items:stretch;gap:14px}
  .fpjj-action-cluster-end{margin-left:0}
  .fpjj-action-cluster .fpjj-row .fpjj-button{flex:1}
  .fpjj-linkbox code{min-width:0;width:100%}
}

/* ---- Dashboard: cards de atalho com icone ---- */
.fpjj-card-action{position:relative;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.fpjj-card-action:hover{border-color:rgba(31,122,73,.4);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.fpjj-card-ico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(31,122,73,.1);color:var(--strong);margin-bottom:10px}
.fpjj-card-ico .fpjj-ico{width:20px;height:20px}

/* ---- Prova do aluno: barra fixa de envio e estado respondido ---- */
.fpjj-question.answered .fpjj-qnum{background:var(--strong);color:#fff}
.fpjj-option:has(input:checked){border-color:var(--strong);background:rgba(31,122,73,.06)}

/* =========================================================
   Refinamento elegante (v3) — "bonito e com classe"
   Paleta sóbria, tipografia serifada, detalhes dourados discretos
   ========================================================= */
:root{
  --bg:#f4f7f2;
  --panel:#ffffff;
  --strong:#0e4a31;
  --strong-2:#2f7d52;
  --gold:#b08a3e;
  --line:rgba(17,40,28,.09);
  --line-strong:rgba(17,40,28,.15);
  --muted:#5d7065;
  --shadow:0 16px 44px rgba(17,40,28,.07);
  --shadow-sm:0 3px 14px rgba(17,40,28,.05);
  --radius:22px;
}
body{
  background:
    radial-gradient(820px 460px at 100% -10%, rgba(176,138,62,.10), transparent 56%),
    radial-gradient(900px 520px at -8% 112%, rgba(47,125,82,.10), transparent 56%),
    var(--bg);
}

/* Ícones sempre contidos, qualquer que seja o cache de CSS */
svg.fpjj-ico{width:18px;height:18px}

/* ---- Marca / sidebar ---- */
.fpjj-sidebar{padding:26px 20px;gap:22px;background:rgba(255,255,255,.78)}
.fpjj-badge{width:46px;height:46px;border-radius:14px;font-size:16px;letter-spacing:.04em;background:linear-gradient(140deg,var(--strong),#2a8f56);box-shadow:0 10px 24px rgba(14,74,49,.24)}
.fpjj-brand strong{font-size:17px;letter-spacing:.01em}
.fpjj-brand small{font-size:12px}
.fpjj-nav a{gap:12px;padding:11px 12px;font-weight:600;font-size:14.5px;color:var(--muted)}
.fpjj-nav a .fpjj-ico{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(31,122,73,.07);color:var(--strong-2);opacity:1;padding:6px}
.fpjj-nav a:hover .fpjj-ico,.fpjj-nav a.is-active .fpjj-ico{background:rgba(14,74,49,.12);color:var(--strong)}
.fpjj-nav a.is-active{font-weight:700}

/* ---- Tipografia de cabeçalhos ---- */
.fpjj-header h1{font:700 31px/1.02 'Fraunces',serif;letter-spacing:-.01em}
.fpjj-kicker{position:relative;color:var(--strong);opacity:.9;padding-left:0}
.fpjj-card h2,.fpjj-panel h2,.fpjj-form-card h2,.fpjj-hero h2{letter-spacing:-.01em}

/* ---- Hero mais premium ---- */
.fpjj-hero{
  position:relative;overflow:hidden;border-radius:26px;
  background:
    radial-gradient(600px 300px at 88% -20%, rgba(176,138,62,.30), transparent 60%),
    linear-gradient(140deg,#0c3f29 0%,#10583a 52%,#2c7d50 100%);
  box-shadow:0 22px 50px rgba(12,63,41,.22);
}
.fpjj-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%);pointer-events:none}
.fpjj-hero .fpjj-kicker{color:rgba(232,224,200,.92);opacity:1}
.fpjj-hero-stat{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07)}
.fpjj-hero-stat strong{font-family:'Fraunces',serif;font-weight:600}

/* ---- Métricas e cartões ---- */
.fpjj-card,.fpjj-panel,.fpjj-form-card,.fpjj-table-wrap{box-shadow:var(--shadow-sm);border-color:var(--line)}
.fpjj-card{padding:20px}
.fpjj-metric{font-family:'Fraunces',serif;font-weight:600;font-size:34px}
.fpjj-meta{font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:700}

/* ---- Cartões de atalho do dashboard ---- */
.fpjj-card-action{padding:22px;border-radius:18px}
.fpjj-card-action strong{font-family:'Fraunces',serif;font-weight:600;font-size:18px}
.fpjj-card-ico{width:44px;height:44px;border-radius:13px;margin-bottom:14px;color:#fff;background:linear-gradient(140deg,var(--strong),#2a8f56);box-shadow:0 8px 20px rgba(14,74,49,.22)}
.fpjj-card-ico .fpjj-ico{width:21px;height:21px}
.fpjj-card-action:hover{transform:translateY(-3px);border-color:rgba(31,122,73,.3);box-shadow:var(--shadow)}

/* ---- Detalhe dourado discreto em listas de boas práticas ---- */
.fpjj-list-item{border-color:var(--line)}
.fpjj-list-item strong{font-weight:700}

/* ---- Botões: cantos e peso mais refinados ---- */
.fpjj-button{border-radius:12px;font-weight:700;letter-spacing:.005em}
.fpjj-button:hover{background:#0c3f29}

/* ---- Pílula de admin no topo ---- */
.fpjj-admin-pill{background:rgba(14,74,49,.07);border:1px solid var(--line);color:var(--strong);font-weight:700}

/* =========================================================
   v4 — Linguagem editorial / "dossiê de arbitragem"
   Menos card arredondado-flutuante, mais publicação impressa:
   filetes (hairlines), cantos sóbrios, moldura dourada, réguas de acento
   ========================================================= */
:root{
  --radius:8px;
  --shadow:none;
  --shadow-sm:none;
  --gold:#a9823a;
  --line:rgba(17,40,28,.14);
  --line-strong:rgba(17,40,28,.22);
}
body{background:#f1f4ec}

/* Painéis e cartões: planos, com filete em vez de sombra */
.fpjj-card,.fpjj-panel,.fpjj-form-card,.fpjj-table-wrap{
  box-shadow:none;border:1px solid var(--line);border-radius:8px;background:#fff;
}
.fpjj-panel,.fpjj-form-card{border-radius:8px}

/* Kicker com marca dourada (motivo editorial recorrente) */
.fpjj-kicker{display:inline-flex;align-items:center;gap:9px;letter-spacing:.16em}
.fpjj-kicker::before{content:"";width:20px;height:2px;background:var(--gold);flex:0 0 auto}

/* Faixa de indicadores: cartões planos com régua superior verde */
.fpjj-card{border-radius:6px;padding:20px}
.fpjj-card:has(.fpjj-metric){border-top:3px solid var(--strong)}
.fpjj-metric{font-family:'Fraunces',serif;font-weight:600;font-size:38px;margin-top:6px}
.fpjj-meta{letter-spacing:.1em}

/* Hero: faixa verde profunda com moldura dourada (sem brilho/gloss) */
.fpjj-hero{
  position:relative;overflow:hidden;border-radius:10px;border:none;
  background:linear-gradient(135deg,#0b3a26 0%,#0f5234 55%,#1b6541 100%);
  box-shadow:none;
}
.fpjj-hero::after{content:"";position:absolute;inset:12px;border:1px solid rgba(169,130,58,.45);border-radius:5px;pointer-events:none}
.fpjj-hero .fpjj-kicker::before{background:var(--gold)}
.fpjj-hero-stat{border-radius:6px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);backdrop-filter:none}
.fpjj-hero-stat strong{font-family:'Fraunces',serif;font-weight:600}

/* Cabeçalho de seção com régua inferior (cara de publicação) */
.fpjj-panel .fpjj-toolbar{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}
.fpjj-panel > .fpjj-kicker{margin-bottom:2px}

/* Atalhos: tiles planos com borda; hover = borda forte, sem flutuar */
.fpjj-card-action{border:1px solid var(--line);border-radius:6px;box-shadow:none;transition:border-color .15s ease,background .15s ease}
.fpjj-card-action:hover{transform:none;box-shadow:none;border-color:var(--strong);background:#fbfdf9}
.fpjj-card-action strong{font-family:'Fraunces',serif;font-weight:600;font-size:18px}
.fpjj-card-ico{width:42px;height:42px;border-radius:9px;box-shadow:none;background:linear-gradient(140deg,var(--strong),#2a8f56)}

/* Boas práticas: itens como linhas de pauta, divididas por filete */
.fpjj-list{gap:0}
.fpjj-list-item{border:none;border-bottom:1px solid var(--line);border-radius:0;padding:15px 2px;background:transparent}
.fpjj-list-item:last-child{border-bottom:none}
.fpjj-list-item strong{font-weight:700}

/* Botões e pílulas: cantos mais sóbrios */
.fpjj-button{border-radius:8px;box-shadow:none}
.fpjj-button:hover{transform:none}
.fpjj-button-secondary,.fpjj-button-danger{border-radius:8px}
.fpjj-admin-pill{border-radius:7px;letter-spacing:.08em}

/* Tabelas e formulários acompanham o tom */
.fpjj-field input,.fpjj-field select,.fpjj-field textarea{border-radius:8px}
.fpjj-note{border-radius:8px}

/* =========================================================
   v5 — Clean / minimalista
   Menos ornamento: sem dourado, linhas mais leves, mais respiro,
   hero verde sólido e calmo, métricas sem régua colorida
   ========================================================= */
:root{
  --bg:#f7f9f5;
  --line:rgba(17,40,28,.08);
  --line-strong:rgba(17,40,28,.13);
  --muted:#6b7a70;
}
body{background:#f7f9f5}

/* Kicker limpo, sem marca dourada */
.fpjj-kicker::before{display:none}
.fpjj-kicker{gap:0;font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--muted);opacity:1}

/* Mais respiro entre seções e dentro dos painéis */
.fpjj-main{gap:24px}
.fpjj-panel,.fpjj-form-card{padding:26px}
.fpjj-card{padding:22px}
.fpjj-card-grid,.fpjj-grid{gap:20px}

/* Cartões/painéis: filete bem leve */
.fpjj-card,.fpjj-panel,.fpjj-form-card,.fpjj-table-wrap{border-color:var(--line)}

/* Indicadores: sem régua verde no topo, número limpo */
.fpjj-card:has(.fpjj-metric){border-top:1px solid var(--line)}
.fpjj-metric{color:var(--strong);font-size:36px}
.fpjj-meta{color:var(--muted);letter-spacing:.08em;font-weight:700}

/* Hero: verde sólido sereno, sem moldura nem brilho */
.fpjj-hero{background:#0f5234;border-radius:14px}
.fpjj-hero::after{display:none}
.fpjj-hero h2{font-weight:600}
.fpjj-hero-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}

/* Atalhos: tile branco, ícone em tinta suave (sem bloco de gradiente) */
.fpjj-card-action{border-color:var(--line)}
.fpjj-card-action:hover{border-color:rgba(15,82,52,.38);background:#fff}
.fpjj-card-ico{background:rgba(15,82,52,.10);color:var(--strong);box-shadow:none}

/* Régua de seção discreta */
.fpjj-panel .fpjj-toolbar{border-bottom-color:var(--line)}
.fpjj-list-item{border-bottom-color:var(--line)}

/* Botões/sidebar um tom mais leves */
.fpjj-nav a .fpjj-ico{background:rgba(15,82,52,.06)}
.fpjj-admin-pill{background:rgba(15,82,52,.06)}

/* =========================================================
   v6 — "Fintech fresh" (estilo referência Quixotic)
   Tela cinza, cards brancos que destacam, verde vivo,
   títulos em sans bold, botões-pílula, cards-valor verdes
   ========================================================= */
:root{
  --bg:#e9ebe7;
  --panel:#ffffff;
  --surface:#f3f5f1;
  --ink:#19241f;
  --text:#19241f;
  --strong:#10864a;
  --strong-2:#1fa75c;
  --muted:#7b8a80;
  --line:rgba(17,40,28,.05);
  --line-strong:rgba(17,40,28,.12);
  --shadow:0 14px 34px rgba(20,45,32,.07);
  --shadow-sm:0 6px 20px rgba(20,45,32,.05);
  --radius:22px;
}
body{background:#e9ebe7;color:var(--ink)}

/* Tipografia: sans bold geométrico (sem serifa nos títulos) */
.fpjj-header h1{font-family:'Manrope',sans-serif;font-weight:800;font-size:40px;letter-spacing:-.025em}
.fpjj-hero h2,.fpjj-card h2,.fpjj-panel h2,.fpjj-form-card h2,.fpjj-auth-card h1{font-family:'Manrope',sans-serif!important;font-weight:800;letter-spacing:-.02em}
.fpjj-metric,.fpjj-hero-stat strong,.fpjj-card-action strong{font-family:'Manrope',sans-serif!important;font-weight:800}
.fpjj-metric{color:var(--ink);font-size:36px;letter-spacing:-.02em}

/* Cards brancos com cantos macios e sombra suave (destacam no cinza) */
.fpjj-card,.fpjj-panel,.fpjj-form-card,.fpjj-table-wrap{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-sm)}
.fpjj-card{border-radius:20px;padding:22px}
.fpjj-card:has(.fpjj-metric){border-top:1px solid var(--line)}
.fpjj-panel,.fpjj-form-card{border-radius:24px;padding:26px}

/* Kicker discreto, sem ornamento */
.fpjj-kicker::before{display:none}
.fpjj-kicker{gap:0;color:var(--muted);font-weight:700;letter-spacing:.1em;font-size:11px}

/* Hero como card branco; números em cards verdes (pegada "saldo") */
.fpjj-hero{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-sm);padding:30px}
.fpjj-hero::after{display:none}
.fpjj-hero h2{color:var(--ink)}
.fpjj-hero p{color:var(--muted)}
.fpjj-hero .fpjj-kicker{color:var(--strong-2)}
.fpjj-hero-stat{border:none;border-radius:18px;color:#eafff3;background:linear-gradient(140deg,var(--strong) 0%,var(--strong-2) 100%);box-shadow:0 12px 26px rgba(16,134,74,.22)}
.fpjj-hero-stat span{color:rgba(234,255,243,.85)}

/* Botões-pílula */
.fpjj-button{border-radius:999px;padding:12px 22px;background:var(--strong-2);font-weight:700;box-shadow:none}
.fpjj-button:hover{background:var(--strong);transform:none}
.fpjj-button-secondary{border-radius:999px;background:#fff;color:var(--ink);border:1px solid var(--line-strong);box-shadow:none}
.fpjj-button-secondary:hover{background:var(--surface);border-color:rgba(31,167,92,.4);color:var(--strong)}
.fpjj-button-danger{border-radius:999px;background:#fff;color:var(--danger);border:1px solid rgba(155,44,44,.25);box-shadow:none}

/* Sidebar branca; item ativo = ícone verde preenchido (rail fintech) */
.fpjj-sidebar{background:#fff;border-right:1px solid var(--line)}
.fpjj-nav a{font-weight:600;color:var(--muted)}
.fpjj-nav a .fpjj-ico{background:var(--surface);color:var(--muted)}
.fpjj-nav a:hover{color:var(--ink)}
.fpjj-nav a:hover .fpjj-ico{background:rgba(31,167,92,.12);color:var(--strong)}
.fpjj-nav a.is-active{color:var(--ink);background:transparent;font-weight:700}
.fpjj-nav a.is-active::before{display:none}
.fpjj-nav a.is-active .fpjj-ico{background:var(--strong-2);color:#fff}
.fpjj-badge{border-radius:14px;background:linear-gradient(140deg,var(--strong),var(--strong-2))}

/* Atalhos: tile branco, ícone em quadrado verde-claro */
.fpjj-card-action{border:1px solid var(--line);border-radius:18px;box-shadow:none}
.fpjj-card-action:hover{border-color:rgba(31,167,92,.4);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.fpjj-card-action strong{font-size:17px}
.fpjj-card-ico{width:42px;height:42px;border-radius:13px;background:rgba(31,167,92,.12);color:var(--strong);box-shadow:none}

/* Chips/percentuais como pílulas verdes */
.fpjj-chip{border-radius:999px;font-weight:700}
.fpjj-chip.ok{background:rgba(31,167,92,.15);color:var(--strong)}
.fpjj-admin-pill{border-radius:999px;background:var(--surface);color:var(--strong);border:1px solid var(--line)}

/* Listas como linhas limpas */
.fpjj-list-item{border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:15px 2px}
.fpjj-list-item:last-child{border-bottom:none}

/* Inputs arredondados coerentes */
.fpjj-field input,.fpjj-field select,.fpjj-field textarea,.fpjj-note{border-radius:14px}

/* =========================================================
   v7 — Densidade / compacto
   Cards e tipografia menores, menos padding e menos respiro,
   pra ocupar bem menos espaço vertical na tela principal
   ========================================================= */
:root{--radius:16px}

/* Menos respiro geral */
.fpjj-main{padding:22px 26px 18px;gap:14px}
.fpjj-card-grid,.fpjj-grid{gap:14px}
.fpjj-card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

/* Hero compacto */
.fpjj-hero{padding:20px 22px;border-radius:18px}
.fpjj-hero h2{font-size:23px;line-height:1.12;margin:0 0 6px}
.fpjj-hero p{font-size:13.5px;line-height:1.4}
.fpjj-hero-grid{gap:14px;align-items:center}
.fpjj-hero-stat{padding:13px 15px;border-radius:14px}
.fpjj-hero-stat strong{font-size:22px;margin-bottom:2px}
.fpjj-hero-stat span{font-size:12px}

/* Indicadores compactos */
.fpjj-card{padding:15px 16px;border-radius:14px}
.fpjj-metric{font-size:26px;margin-top:2px}
.fpjj-meta{font-size:10.5px}

/* Painéis compactos */
.fpjj-panel,.fpjj-form-card{padding:18px;border-radius:18px}
.fpjj-panel h2,.fpjj-card h2,.fpjj-form-card h2{font-size:19px;margin-bottom:8px}
.fpjj-toolbar{margin-bottom:12px}
.fpjj-panel .fpjj-toolbar{padding-bottom:10px;margin-bottom:12px}

/* Atalhos menores */
.fpjj-card-action{padding:15px;border-radius:14px}
.fpjj-card-action strong{font-size:15px}
.fpjj-card-action .fpjj-subtle{font-size:12.5px;line-height:1.35;margin:4px 0 0}
.fpjj-card-ico{width:34px;height:34px;border-radius:10px;margin-bottom:9px}
.fpjj-card-ico .fpjj-ico{width:17px;height:17px}

/* Boas práticas em linhas curtas */
.fpjj-list-item{padding:11px 2px}
.fpjj-list-item strong{font-size:14px;margin-bottom:2px}
.fpjj-list-item small{font-size:12.5px}

/* Cabeçalho da página menor */
.fpjj-header h1{font-size:30px}
.fpjj-header{align-items:center}

/* Tabela mais densa */
.fpjj-table th,.fpjj-table td{padding:11px 14px}

@media (max-width:600px){
  .fpjj-main{padding:14px;gap:12px}
  .fpjj-hero h2{font-size:20px}
}

/* =========================================================
   v8 — Faixa de indicadores do dashboard (4 números-chave)
   ========================================================= */
.fpjj-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fpjj-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:2px}
.fpjj-stat .fpjj-meta{font-size:11px;letter-spacing:.08em;color:var(--muted);font-weight:700}
.fpjj-stat .fpjj-metric{font-family:'Manrope',sans-serif;font-weight:800;font-size:34px;color:var(--ink);letter-spacing:-.02em;line-height:1.05;margin:4px 0 0}
.fpjj-stat-sub{font-size:12px;color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:6px;margin-top:2px}
.fpjj-stat-live{border-color:rgba(31,167,92,.28)}
.fpjj-stat-live .fpjj-metric{color:var(--strong)}
.fpjj-live-dot{width:8px;height:8px;border-radius:999px;background:var(--strong-2);box-shadow:0 0 0 0 rgba(31,167,92,.5);animation:fpjjPulse 1.6s infinite}
@keyframes fpjjPulse{0%{box-shadow:0 0 0 0 rgba(31,167,92,.45)}70%{box-shadow:0 0 0 7px rgba(31,167,92,0)}100%{box-shadow:0 0 0 0 rgba(31,167,92,0)}}
@media (max-width:900px){.fpjj-stat-row{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.fpjj-stat-row{grid-template-columns:1fr 1fr;gap:10px}.fpjj-stat{padding:14px}.fpjj-stat .fpjj-metric{font-size:28px}}

/* =========================================================
   v9 — Correção do cabeçalho da PROVA (único uso de .fpjj-hero)
   No visual fintech o hero ficou branco; aqui ele tem texto/cronômetro
   claros, então precisa voltar a ser verde pra ter contraste/legibilidade
   ========================================================= */
.fpjj-hero{
  background:linear-gradient(140deg,#0c3f29 0%,#10864a 60%,#1fa75c 100%)!important;
  color:#f3fff8!important;border:none;border-radius:20px;box-shadow:0 14px 30px rgba(12,63,41,.2);padding:24px}
.fpjj-hero::after{display:none}
.fpjj-hero h2{color:#fff!important;font-family:'Manrope',sans-serif;font-weight:800}
.fpjj-hero p{color:rgba(243,255,248,.85)!important}
.fpjj-hero .fpjj-kicker{color:rgba(243,255,248,.8)!important}
/* No hero verde, os blocos de número/cronômetro voltam a ser vidro translúcido */
.fpjj-hero .fpjj-hero-stat{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;color:#f3fff8;box-shadow:none}
.fpjj-hero .fpjj-hero-stat strong{color:#fff}
.fpjj-hero .fpjj-hero-stat span{color:rgba(243,255,248,.85)}
.fpjj-countdown{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16)}
.fpjj-countdown strong{color:#fff}
.fpjj-countdown small{color:rgba(243,255,248,.85)}

/* =========================================================
   v10 — Prova passo a passo (uma questao por vez)
   So a questao ativa aparece; navegacao Anterior/Proxima;
   pular sem responder manda a questao para o fim da fila
   ========================================================= */
#fpjjProvaForm .fpjj-question{display:none}
#fpjjProvaForm .fpjj-question.is-active{display:block;animation:fpjjFade .22s ease}
@keyframes fpjjFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.fpjj-quiz-nav{display:flex;gap:8px;align-items:center;margin-top:16px}
.fpjj-quiz-nav .fpjj-spacer{flex:1}
.fpjj-quiz-nav .fpjj-button{min-width:140px;justify-content:center}
.fpjj-quiz-nav .fpjj-button[disabled]{opacity:.4;cursor:not-allowed;transform:none}
.fpjj-quiz-hint{font-size:12px;font-weight:700;color:var(--muted);margin:10px 0 0}
.fpjj-quiz-done{text-align:center;padding:26px 18px;border:1px dashed var(--line-strong);border-radius:18px;background:var(--surface);margin-top:4px}
.fpjj-quiz-done h3{margin:0 0 6px;font:800 20px/1.2 'Manrope',sans-serif;color:var(--strong)}
.fpjj-quiz-done p{margin:0;color:var(--muted);font-size:14px}
.fpjj-quiz-done.is-hidden{display:none}
@media (max-width:560px){
  .fpjj-quiz-nav{flex-wrap:wrap}
  .fpjj-quiz-nav .fpjj-button{flex:1;min-width:0}
}

/* v11 — acoes por linha na relacao de notas (Abrir + Liberar nova tentativa) */
.fpjj-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.fpjj-row-actions form{margin:0}
.fpjj-row-actions .fpjj-button{padding:8px 12px;font-size:13px}
@media (max-width:560px){.fpjj-row-actions{justify-content:flex-start}.fpjj-row-actions .fpjj-button{width:auto}}

/* =========================================================
   v12 — Modo prova (lockdown): tela cheia, marca d'agua,
   bloqueio de copia/print. Dissuasor: print/gravacao real
   so o sistema operacional controla.
   ========================================================= */
.fpjj-exam.is-locked{display:none}
body.fpjj-exam-active{-webkit-user-select:none;-moz-user-select:none;user-select:none}
body.fpjj-exam-active input,body.fpjj-exam-active textarea{-webkit-user-select:text;user-select:text}
.fpjj-lock-gate,.fpjj-lock-warn{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,38,26,.55);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.fpjj-lock-warn[hidden]{display:none}
.fpjj-lock-card{background:#fff;border-radius:20px;max-width:520px;width:100%;padding:26px 26px 22px;box-shadow:0 30px 70px rgba(10,38,26,.32);text-align:left}
.fpjj-lock-card h2{font:800 22px/1.2 'Manrope',sans-serif;color:var(--ink);margin:6px 0 10px}
.fpjj-lock-hint{font-size:12px;line-height:1.5;color:var(--muted);margin:14px 0 0}
.fpjj-lock-count{font-size:13px;font-weight:800;color:#b54242;margin:4px 0 0}
.fpjj-watermark{position:fixed;inset:0;pointer-events:none;z-index:40;background-repeat:repeat;display:none}
body.fpjj-exam-active .fpjj-watermark{display:block}
@media print{
  html,body{background:#fff!important}
  body *{visibility:hidden!important}
  body::before{content:"Impressao bloqueada \2014 Prova FPJJ";visibility:visible;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font:800 22px/1.4 Arial,sans-serif;color:#000;padding:40px}
}

/* v13 — Correcao do admin: ilumina resposta marcada x correta */
.fpjj-review-option{position:relative;border:1px solid var(--line-strong);transition:none}
.fpjj-review-option.is-correct{border-color:var(--strong);background:rgba(31,122,73,.10)}
.fpjj-review-option.is-chosen-wrong{border-color:#b54242;background:rgba(181,66,66,.09)}
.fpjj-review-option.is-correct > strong{background:var(--strong);color:#fff}
.fpjj-review-option.is-chosen-wrong > strong{background:#b54242;color:#fff}
.fpjj-review-option > strong{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:8px;background:rgba(17,40,28,.06);font-weight:800;flex:0 0 auto}
.fpjj-review-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.fpjj-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:.01em}
.fpjj-tag.tag-ok{background:var(--strong);color:#fff}
.fpjj-tag.tag-err{background:#b54242;color:#fff}

/* v14 — Resultado da prova: layout mais claro e com sidebar melhor resolvida */
.fpjj-resultado-hero{
  margin-bottom:16px;
  padding:28px;
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.22), transparent 26%),
    linear-gradient(135deg,#0c3f29 0%, #10864a 58%, #1fa75c 100%);
  color:#f3fff8;
  box-shadow:0 22px 50px rgba(12,63,41,.22);
}
.fpjj-resultado-hero-inner{max-width:820px}
.fpjj-resultado-hero .fpjj-kicker{color:rgba(243,255,248,.8)!important}
.fpjj-resultado-hero h1{
  margin:10px 0 10px;
  font:800 clamp(30px,4.6vw,52px)/1.02 'Manrope',sans-serif;
  letter-spacing:-.04em;
  color:#fff;
}
.fpjj-resultado-hero-subtitle{
  margin:0;
  max-width:620px;
  font-size:15px;
  line-height:1.6;
  color:rgba(243,255,248,.88);
}
.fpjj-resultado-hero-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}
.fpjj-resultado-hero-badge{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
  backdrop-filter:blur(6px);
}
.fpjj-resultado-layout{align-items:start}
.fpjj-resultado-main,.fpjj-resultado-side{min-width:0}
.fpjj-resultado-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.fpjj-resultado-meta{display:grid;gap:8px;justify-items:end;text-align:right}
.fpjj-resultado-meta small{color:var(--muted);font-size:12px;font-weight:700}
.fpjj-resultado-highlight{border-style:solid;background:linear-gradient(180deg,rgba(31,122,73,.08),rgba(31,122,73,.03))}
.fpjj-resultado-questoes{gap:14px}
.fpjj-resultado-side{position:sticky;top:22px}
.fpjj-resultado-summary{font-weight:700}
.fpjj-resultado-side-stack{gap:12px}
.fpjj-resultado-side .fpjj-result-box strong{font-size:22px;line-height:1.1}
.fpjj-resultado-layout.is-participante .fpjj-resultado-header{align-items:end}
.fpjj-resultado-layout.is-participante .fpjj-resultado-side{position:static}
.fpjj-resultado-layout.is-participante .fpjj-resultado-main .fpjj-result-grid{margin-top:4px}
@media (max-width:900px){
  .fpjj-resultado-hero{padding:22px;border-radius:22px}
  .fpjj-resultado-header{grid-template-columns:1fr;display:grid}
  .fpjj-resultado-meta{justify-items:start;text-align:left}
  .fpjj-resultado-side{position:static}
}
@media (max-width:560px){
  .fpjj-resultado-hero{padding:18px}
  .fpjj-resultado-hero-meta{gap:8px}
  .fpjj-resultado-hero-badge{width:100%;justify-content:center}
}

/* =========================================================
   v14 — Lista de participantes (edicao inline)
   Os itens que contem formulario de edicao voltam a ter "cara de
   cartao" dentro do tema fintech (v6), com os campos alinhados em
   uma unica linha e os botoes Salvar/Remover na mesma base.
   Escopo: ":has(.fpjj-edit-row)" garante que so a tela de
   participantes muda — as listas de boas praticas do dashboard,
   que tambem usam .fpjj-list-item, continuam como linhas de pauta.
   ========================================================= */

/* Container do participante: cartao claro, em vez de herdar a
   "linha de pauta" definida no v4/v6/v7. align-items:end coloca
   Salvar e Remover na mesma linha de base dos inputs. */
.fpjj-list-item:has(.fpjj-edit-row){
  align-items:end;
  gap:14px;
  padding:14px 16px;
  border:1px solid var(--line-strong);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}

/* Grade dos campos em uma linha so: nome maior, demais equilibrados,
   e a coluna do botao Salvar encaixada no fim. Substitui o antigo
   "2fr 1fr auto" (que tinha 5 itens em 3 colunas e quebrava em 2 linhas). */
.fpjj-edit-row{
  grid-template-columns:1.6fr 1fr 1.4fr .9fr auto;
  gap:12px;
  align-items:end;
}
.fpjj-edit-row .fpjj-field input{padding:10px 12px}

/* O form de remover e irmao do form de edicao dentro do .fpjj-list-item:
   isto dispensa o style="margin:0" inline no HTML. */
.fpjj-list-item:has(.fpjj-edit-row) > form{margin:0}

/* Botoes da linha com altura/peso consistentes (sem ficarem chunky) */
.fpjj-list-item:has(.fpjj-edit-row) .fpjj-button{padding:10px 16px;white-space:nowrap}

/* ---- Tablet / telas medias ---- */
@media (max-width:720px){
  .fpjj-list-item:has(.fpjj-edit-row){flex-direction:column;align-items:stretch}
  .fpjj-edit-row{grid-template-columns:1fr 1fr}
  .fpjj-edit-row .fpjj-field:first-child{grid-column:1 / -1} /* nome na linha toda */
  .fpjj-edit-row .fpjj-actions{grid-column:1 / -1}
  .fpjj-list-item:has(.fpjj-edit-row) > form:last-child .fpjj-button{width:100%}
}

/* ---- Celular ---- */
@media (max-width:560px){
  .fpjj-edit-row{grid-template-columns:1fr}
}

/* =========================================================
   v15 — Aplicacoes: organizacao das barras de acao
   So presentacao: deixa os botoes dos cartoes de aplicacao e das
   tabelas de tentativas compactos e consistentes, e empurra a acao
   destrutiva para o fim de cada grupo, com leve separacao.
   Nenhuma logica nem markup do aplicacoes.php precisa mudar.
   ========================================================= */

/* ---- Barra de acoes do cartao de aplicacao ---- */
.fpjj-app-actions{gap:14px 22px}
.fpjj-app-actions .fpjj-button{padding:9px 14px;font-size:13px}
/* "Excluir" (destrutiva) fica por ultimo no grupo Gerenciar e separada
   das duas opcoes de limite, evitando clique acidental. */
.fpjj-action-cluster-end .fpjj-row form:has(.fpjj-button-danger){order:99;margin-left:8px}

/* ---- Acoes por linha nas tabelas de tentativas ---- */
/* Alinha as acoes a esquerda (mais facil de varrer numa tabela) e aperta o gap */
.fpjj-row-actions{justify-content:flex-start;gap:6px}
/* "Nova prova" (destrutiva, arquiva a tentativa) sempre por ultimo */
.fpjj-row-actions > form:has(.fpjj-button-danger){order:99;margin-left:6px}

/* ---- Celular: acoes da linha viram botoes de largura cheia ---- */
@media (max-width:560px){
  .fpjj-row-actions{flex-direction:column;align-items:stretch;gap:8px}
  .fpjj-row-actions > *{width:100%}
  .fpjj-row-actions .fpjj-button{width:100%}
}

/* =========================================================
   v16 — Aplicacoes: hierarquia visual mais clara nas acoes
   Numa tabela densa nenhum botao deve "gritar". As acoes de linha
   passam a ter peso uniforme e calmo: "Ver resultado" vira o lider
   sutil (tinta verde leve, sem fill pesado), "Devolver prova" e o
   toggle de limite ficam quietos (brancos), e "Nova prova" segue
   destrutiva em vermelho contido. O verde-solido para de se repetir
   em cada linha.
   ========================================================= */

/* Variante "lider": destaque suave, sem o fill verde forte */
.fpjj-button-lead{background:rgba(31,167,92,.12);color:var(--strong);border:1px solid transparent;box-shadow:none;font-weight:700}
.fpjj-button-lead:hover{background:rgba(31,167,92,.2);color:var(--strong);transform:translateY(-1px)}

/* Acoes de linha: peso uniforme, compactas, sem sombra de botao */
.fpjj-row-actions .fpjj-button{padding:7px 13px;font-size:13px;box-shadow:none}
.fpjj-row-actions .fpjj-button-secondary{border-color:var(--line-strong)}

/* Aplicacoes: remove qualquer brilho residual dos botoes */
.fpjj-aplicacoes-page .fpjj-button,
.fpjj-app-actions .fpjj-button,
.fpjj-row-actions .fpjj-button,
.fpjj-toolbar .fpjj-button{
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  text-shadow:none!important;
}
.fpjj-aplicacoes-page .fpjj-button:hover,
.fpjj-app-actions .fpjj-button:hover,
.fpjj-row-actions .fpjj-button:hover,
.fpjj-toolbar .fpjj-button:hover,
.fpjj-aplicacoes-page .fpjj-button:focus,
.fpjj-app-actions .fpjj-button:focus,
.fpjj-row-actions .fpjj-button:focus,
.fpjj-toolbar .fpjj-button:focus,
.fpjj-aplicacoes-page .fpjj-button:active,
.fpjj-app-actions .fpjj-button:active,
.fpjj-row-actions .fpjj-button:active,
.fpjj-toolbar .fpjj-button:active{
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}