.op-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.op-health{padding:22px}.op-score{font-size:52px;font-weight:750;letter-spacing:-2px;margin:18px 0;color:var(--accent,#46bba8)}.op-score small{font-size:16px;letter-spacing:0;margin-left:8px;color:var(--muted,#8996a9)}.op-critical{color:#e87777}.op-health ul{min-height:55px;padding-left:20px;line-height:1.7}.op-actions{display:flex;flex-wrap:wrap;gap:8px}.op-empty{padding:36px;text-align:center}.op-ai{padding:24px;max-width:1000px}.op-ai textarea,#op-form textarea{width:100%;min-height:88px}.op-ai pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;padding:12px}.op-ai details{margin:16px 0}.op-hash{overflow-wrap:anywhere;font-family:monospace;font-size:12px}.op-checks{max-height:240px;overflow:auto;padding:12px;border:1px solid var(--border,#334155);border-radius:8px}.op-checks label{display:flex;align-items:center;gap:10px;margin:8px 0}.op-checks input{width:auto}.op-timeline{max-height:300px;overflow:auto;border-left:2px solid #409d93;padding-left:16px}.op-timeline small{color:var(--muted,#8996a9)}#op-form label{margin-top:14px;display:block}#op-form input,#op-form select{width:100%}#op-form input[type=checkbox]{width:auto}#op-ai-answer{margin-top:24px}.table-wrap{overflow:auto}.sidebar nav{overflow-y:auto;min-height:0}.panel.table-wrap th,.panel.table-wrap td{white-space:normal;overflow-wrap:anywhere;max-width:360px}@media(max-width:600px){.op-grid{grid-template-columns:1fr}.op-health,.op-ai{padding:16px}.op-actions{flex-direction:column}.op-score{font-size:42px}}

.op-checks label span{display:flex;flex-direction:column;gap:2px}.op-checks label small{color:var(--muted,#8996a9)}.op-target-head{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.op-target-head label{margin:0!important}.op-target-head+.op-checks{margin-top:7px}#op-form input[type=radio]{width:auto}

#op-form .op-checks label{display:flex;min-height:44px;margin:0;padding:8px;cursor:pointer;gap:10px}
#op-form .op-checks input{flex:none;width:20px;height:20px;min-height:20px;margin:0}
@media(max-width:600px){
 .panel.table-wrap{padding:12px;overflow:visible;min-width:0}
 .panel.table-wrap table,.panel.table-wrap tbody,.panel.table-wrap tr,.panel.table-wrap td{display:block;width:100%;min-width:0;max-width:none}
 .panel.table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .panel.table-wrap tr+tr{border-top:2px solid var(--border);margin-top:12px;padding-top:12px}
 .panel.table-wrap td{padding:7px 0;border:0;overflow-wrap:anywhere}
 .panel.table-wrap td[data-label]:not([data-label=""])::before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:3px}
 .op-target-head{flex-wrap:wrap;gap:8px}
 .op-actions .btn{width:100%;white-space:normal}
}

/* 2.2.5 */
.op-actions-end{ justify-content:flex-end; }
/* 2.2.5: cabecalhos alinhados com o conteudo (o padrao do navegador centraliza <th>),
   no mesmo estilo das tabelas principais */
.panel.table-wrap table{ width:100%; border-collapse:collapse; }
.panel.table-wrap th{ text-align:left; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--faint); padding:10px 12px; border-bottom:1px solid var(--border); }
@media(min-width:601px){
  .panel.table-wrap td{ padding:9px 12px; vertical-align:middle; border-bottom:1px solid var(--border-soft, rgba(255,255,255,.04)); }
  .panel.table-wrap tr:last-child td{ border-bottom:0; }
}