/* PRECISA DE VOCÊ (protótipo 05/10, Guardião do Studio). Versão atual do Studio (2.18): usa os tokens de styles.css.
   Prefixo pz-. Atenção (alguém precisa de você) = --atencao; feito = --ok; ação que põe a Bruna para agir = .btn-save. */
body,body.light{--pz-at:var(--atencao);--pz-at-bg:var(--atencao-claro)}

/* menu: contador de pendentes (cor de atenção, nunca o coral) */
.nav-item .badge.pz-badge,body.light .nav-item .badge.pz-badge{background:var(--pz-at-bg);color:var(--pz-at)}
.mn-badge.pz-badge{background:var(--warm)!important;color:#fff!important}
body.light .mn-badge.pz-badge{background:var(--pz-at)!important}

/* ícones (Phosphor via icones.js) */
.pz-ic{fill:currentColor;stroke:none;flex:none}
.pz-ic .pt{fill:currentColor;stroke:none}

/* topo */
.pz-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pz-topo .section-intro{margin-bottom:18px}
.pz-seg{flex:none}
.pz-seg .dpill{height:36px;padding:0 14px}
.pz-n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:11.5px;font-weight:800;background:var(--pz-at-bg);color:var(--pz-at);margin-left:2px}
.pz-seg .dpill.on .pz-n{background:rgba(255,255,255,.22);color:inherit}

/* lista */
.pz-lista{display:flex;flex-direction:column;gap:12px;max-width:1180px}
.pz-card{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(160deg,var(--surface),var(--bg-1));padding:18px 20px 20px;display:flex;flex-direction:column;gap:14px;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.pz-card.saindo{opacity:0;transform:translateY(-6px)}
.pz-h{display:flex;align-items:center;gap:10px;min-width:0}
.pz-tipo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--pz-at-bg);color:var(--pz-at);flex:none}
.pz-tipo.calmo{background:var(--surface-2);color:var(--muted)}
.pz-tipo-t{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pz-at)}
.pz-sep{color:var(--muted-2)}
.pz-quando{font-size:13px;color:var(--muted);white-space:nowrap}
.pz-link{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;margin:-8px -10px;border-radius:9px;font-size:13px;font-weight:600;color:var(--txt);white-space:nowrap;min-height:36px}
.pz-link:hover{background:var(--surface-2)}
.pz-link:focus-visible{outline:2px solid var(--lime);outline-offset:1px}
.pz-h .pz-link{margin-left:auto}
.pz-corpo{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:start}
.pz-ctx{display:flex;flex-direction:column;gap:12px;min-width:0;padding-left:44px}
.pz-pessoa{display:flex;align-items:center;gap:10px;min-width:0}
.pz-av{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
.pz-pessoa b{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pz-tri{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);white-space:nowrap}
.pz-q{font-size:17px;font-weight:700;letter-spacing:-.015em;line-height:1.35;color:var(--txt);margin:0;overflow-wrap:anywhere}
.pz-eb{display:flex;align-items:center;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2)}
.pz-eb .ajq{margin-left:6px}
.pz-blk{display:flex;flex-direction:column;gap:6px}
.pz-fala{margin:0;padding:10px 14px;border-radius:4px 14px 14px 14px;background:var(--surface-2);border:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--txt);max-width:520px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.pz-txt{margin:0;font-size:14px;line-height:1.55;color:var(--txt);overflow-wrap:anywhere}
.pz-valor{font-size:30px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--txt);line-height:1.1}
.pz-ext{align-self:flex-start;margin:0 -10px}

/* coluna da ação */
.pz-acao{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);min-width:0}
.pz-lbl-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pz-lbl{font-size:13px;font-weight:700;color:var(--txt)}
.pz-escopo{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--bg-1);border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.pz-escopo.so{color:var(--info);border-color:color-mix(in srgb,var(--info) 30%,transparent);background:color-mix(in srgb,var(--info) 8%,transparent)}
.pz-acao textarea,.pz-acao input{width:100%;border-radius:11px;border:1px solid var(--line-2);background:var(--bg-1);color:var(--txt);padding:11px 13px;font:inherit;font-size:14.5px;line-height:1.5}
.pz-acao textarea{resize:vertical;min-height:96px}
.pz-acao textarea:focus,.pz-acao input:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px var(--lime-soft)}
.pz-acao .erro textarea,.pz-acao .erro input,.pz-acao textarea.erro,.pz-acao input.erro{border-color:var(--bad)}
.pz-erro{font-size:13px;color:var(--bad);margin-top:-4px}
.pz-bts{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.pz-bts .btn-save,.pz-bts .btn-ghost{min-height:44px;padding:0 20px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.pz-bts .btn-save:disabled{opacity:.55}
.pz-orc{display:flex;flex-direction:column;gap:4px;padding-bottom:6px}
.pz-orc-v{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pz-orc-v b{font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pz-orc-v .pz-link{margin:0 -10px}

/* estados */
.pz-vazio{display:flex;align-items:center;gap:16px;padding:26px 24px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(160deg,var(--surface),var(--bg-1));max-width:1180px}
.pz-vazio-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok);flex:none}
.pz-vazio.erro .pz-vazio-ic{background:color-mix(in srgb,var(--bad) 10%,transparent);color:var(--bad)}
.pz-vazio div{display:flex;flex-direction:column;gap:3px;min-width:0}
.pz-vazio b{font-size:15.5px;font-weight:700}
.pz-vazio span{font-size:14px;color:var(--muted)}
.pz-vazio .btn-ghost{margin-left:auto;min-height:44px}
.pz-skel{height:210px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:pzSk 1.4s linear infinite;max-width:1180px}
.pz-skel+.pz-skel{height:170px;opacity:.7}
@keyframes pzSk{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.pz-skel{animation:none}.pz-card{transition:none}}

/* já resolvidos */
.pz-feitos{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(160deg,var(--surface),var(--bg-1));max-width:1180px;overflow:hidden}
.pz-feito{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;padding:16px 20px;border-top:1px solid var(--line);align-items:start}
.pz-feito:first-child{border-top:0}
.pz-f-l1{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);min-width:0;flex-wrap:wrap}
.pz-f-l1 b{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.pz-f-l1 .pz-quem{color:var(--txt);font-weight:600}
.pz-f-q{margin:4px 0 0;font-size:14.5px;font-weight:600;color:var(--txt);overflow-wrap:anywhere}
.pz-f-r{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pz-f-r span{font-weight:700;color:var(--txt);margin-right:4px}
.pz-f-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--muted)}
.pz-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
.pz-chip.ok{background:color-mix(in srgb,var(--ok) 11%,transparent);color:var(--ok);border-color:transparent}
.pz-chip.at{background:var(--pz-at-bg);color:var(--pz-at);border-color:transparent}
.pz-chip .ajq{margin-left:0}
.pz-feito .pz-link{margin:-4px -10px 0 0}

@media (max-width:1100px){
  .pz-corpo{grid-template-columns:minmax(0,1fr)}
  .pz-ctx{padding-left:0}
}
@media (max-width:820px){
  .pz-topo{flex-direction:column;gap:0}
  .pz-seg{width:100%;margin-bottom:16px}
  .pz-seg .dpill{flex:1;justify-content:center;height:40px}
  .pz-card{padding:16px}
  .pz-q{font-size:16px}
  .pz-h .pz-link span{display:none}
  .pz-h .pz-link{padding:8px;margin:-8px -6px -8px auto;min-width:40px;justify-content:center}
  .pz-acao{padding:14px}
  .pz-bts{display:grid;grid-template-columns:1fr 1fr}
  .pz-bts .btn-save:only-child,.pz-bts>:only-child{grid-column:1 / -1}
  .pz-bts .btn-save,.pz-bts .btn-ghost{width:100%}
  .pz-feito{grid-template-columns:30px minmax(0,1fr) auto;padding:14px 12px 14px 16px;gap:12px}
  .pz-feito .pz-tipo{width:30px;height:30px}
  .pz-feito>.pz-link{margin:-8px 0 0;padding:8px;min-width:40px;justify-content:center}
  .pz-feito>.pz-link span{display:none}
  .pz-vazio{flex-wrap:wrap}
  .pz-vazio .btn-ghost{margin-left:0;width:100%}
  .pz-lista,.pz-feitos{padding-bottom:110px}
  .pz-feitos{padding-bottom:0;margin-bottom:110px}
}