/* ADA8 · Auditoria Inteligente de Websites. Complementa ferramentas.css, roi-dive.css e dx.css. */

/* ── Mergulho ──────────────────────────────────────── */
.wa-talk { gap: .8rem; }
.wa-talk .dive-q { font-size: clamp(1.2rem, 2.4vw, 1.6rem); }
.wa-talk .dive-hint:empty { display: none; }
.wa-talk .dive-form[hidden] { display: none; }
.wa-talk .dive-input { font-size: 1.1rem; }
.wa-talk .dive-ack[data-cat="desempenho"] { color: rgba(127,227,210,.9); }
.wa-talk .dive-ack[data-cat="seo"] { color: rgba(159,214,176,.95); }
.wa-talk .dive-ack[data-cat="seguranca"] { color: rgba(168,196,236,.95); }
.wa-talk .dive-ack[data-cat="experiencia"] { color: rgba(231,196,106,.95); }
.dive-status.is-error { color: #F3B7A8; }
.wa-dive.is-busy .dive-status { color: rgba(233,244,239,.7); }

/* ── Página ────────────────────────────────────────── */
.wa-dim[data-cat="desempenho"] { --c: #3f8f80; }
.wa-dim[data-cat="seo"] { --c: #4f624f; }
.wa-dim[data-cat="seguranca"] { --c: #5b7fb0; }
.wa-dim[data-cat="experiencia"] { --c: #b8892c; }
#wa-host { overflow-wrap: anywhere; }
.wa-when { margin: .35rem 0 0; overflow-wrap: anywhere; }
.dx-level[data-level="excelente"] { color: var(--brass-700); background: rgba(212,168,75,.16); }
.dx-level[data-level="critico"] { color: #9a3b2c; background: rgba(178,74,58,.12); }
.wa-bars { margin-top: .4rem; }
.wa-bars li { grid-template-columns: 7.5rem 1fr 2rem; }

.wa-st { display: inline-block; flex: none; width: 10px; height: 10px; border-radius: 50%; background: #bebab2; vertical-align: middle; }
.wa-st.ok { background: #3f8f80; }
.wa-st.warn { background: #d4a84b; }
.wa-st.fail { background: #b24a3a; }
.wa-st.na { background: transparent; border: 1.5px solid #bebab2; }
.wa-legend { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .5rem; font-size: .9rem; color: var(--gray-500); margin: -.3rem 0 .9rem; }
.wa-legend .wa-st:not(:first-child) { margin-left: .6rem; }

.wa-vitals-head { display: flex; justify-content: space-between; align-items: baseline; gap: .8rem; flex-wrap: wrap; }
.wa-vitals-head h3 { margin-bottom: .8rem; }
.wa-vitals { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .7rem; }
.wa-vital { border: 1px solid var(--gray-300); border-radius: var(--radius); padding: .85rem .9rem; background: #FCFBF8; display: flex; flex-direction: column; gap: .3rem; }
.wa-vital[data-st="ok"] { border-color: rgba(63,143,128,.4); }
.wa-vital[data-st="warn"] { border-color: rgba(212,168,75,.55); }
.wa-vital[data-st="fail"] { border-color: rgba(178,74,58,.45); }
.wa-vital strong.is-na { font-size: 1rem; font-weight: 400; color: var(--gray-500); }
.wa-vital-l { font-size: .9rem; color: var(--gray-700); line-height: 1.3; }
.wa-vital strong { font-size: 1.35rem; font-weight: 500; color: var(--gray-1000); font-variant-numeric: tabular-nums; }
.wa-vital-h { font-size: .8rem; color: var(--gray-500); display: flex; align-items: center; gap: .35rem; line-height: 1.3; }
.wa-psi-note { margin: .9rem 0 0; }

.wa-prios, .wa-plan-list { list-style: none; counter-reset: wp; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .7rem; }
.wa-prios li, .wa-plan-list li { counter-increment: wp; position: relative; border: 1px solid var(--gray-300); border-radius: var(--radius); padding: .95rem 1rem 1rem 3rem; background: #FCFBF8; }
.wa-prios li::before, .wa-plan-list li::before { content: counter(wp); position: absolute; left: 1rem; top: .85rem; font-size: 1.4rem; font-weight: 300; color: var(--gray-500); }
.wa-prios li.wa-none { padding-left: 1rem; }
.wa-prios li.wa-none::before { content: none; }
.wa-prio-h { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .7rem; margin-bottom: .45rem; }
.wa-meta { font-size: .9rem; color: var(--gray-500); }
.wa-prios strong, .wa-plan-list strong { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem .6rem; font-weight: 500; color: var(--gray-1000); margin-bottom: .3rem; }
.wa-prios p, .wa-plan-list p { margin: .25rem 0 0; font-size: 1rem; line-height: 1.55; color: var(--gray-700); }
.wa-val { font-size: .9rem; font-weight: 400; color: var(--gray-500); font-variant-numeric: tabular-nums; }
.wa-fix { color: var(--gray-1000) !important; }
.wa-fix b { font-weight: 500; color: var(--moss-700); }

.wa-cat { border-top: 1px solid var(--gray-300); }
.wa-cat:last-child { border-bottom: 1px solid var(--gray-300); }
.wa-cat summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: .6rem; padding: .85rem .2rem; font-weight: 500; color: var(--gray-1000); }
.wa-cat summary::-webkit-details-marker { display: none; }
.wa-cat summary::after { content: '+'; margin-left: .2rem; color: var(--gray-500); font-weight: 300; font-size: 1.2rem; }
.wa-cat[open] summary::after { content: '−'; }
.wa-cat summary i { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.wa-cat-s { margin-left: auto; font-size: .9rem; font-weight: 400; color: var(--gray-500); text-align: right; }
.wa-list { list-style: none; margin: 0 0 .9rem; padding: 0; }
.wa-list li { display: flex; gap: .75rem; align-items: flex-start; padding: .7rem .2rem; border-top: 1px dashed #ECE7DD; }
.wa-list li > .wa-st { margin-top: .45rem; }
.wa-list li > div { flex: 1; min-width: 0; }
.wa-row { display: flex; justify-content: space-between; gap: .8rem; align-items: baseline; flex-wrap: wrap; }
.wa-lbl { font-weight: 500; color: var(--gray-1000); }
.wa-list p { margin: .2rem 0 0; font-size: 1rem; line-height: 1.55; color: var(--gray-700); }
.wa-limits { margin: .7rem 0 0; padding-left: 1.1rem; }
.wa-limits li + li { margin-top: .3rem; }

@media (max-width: 1000px) { .wa-vitals { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .wa-vitals { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
  .wa-vital { padding: .7rem .75rem; }
  .wa-vital strong { font-size: 1.15rem; }
  .wa-prios li, .wa-plan-list li { padding: .85rem .85rem .9rem 2.4rem; }
  .wa-prios li::before, .wa-plan-list li::before { left: .8rem; font-size: 1.2rem; }
  .wa-bars li { grid-template-columns: 6.2rem 1fr 1.8rem; }
  .wa-cat-s { font-size: .8rem; }
  .wa-talk .dive-q { font-size: 1.15rem; }
}
@media print { #wa-intro, #btn-plan, #btn-plan-redo, .dx-invite .btn { display: none !important; } .wa-cat { break-inside: avoid; } }