.grade2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 12px}
.grupo{border:1px solid var(--line);border-radius:10px;padding:10px 12px 2px;margin:0 0 12px}
.grupo legend{padding:0 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.btn.primary,.barra-acoes .primary{background:var(--acc);color:#fff;border-color:var(--acc);font-weight:600}
.lista-obs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.obs-item{background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:10px;padding:10px 12px;display:grid;gap:4px;min-width:0}
.obs-item .topo{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:baseline}
.obs-item .quando{font-weight:650}
.obs-item .meta{color:var(--mut);font-size:.84rem;overflow-wrap:anywhere}
.obs-item .valores{display:flex;gap:6px 14px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.obs-item .valores span b{font-weight:650}
.obs-item .texto{white-space:pre-wrap;overflow-wrap:anywhere}
.obs-item .acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.warn.ok{border-left-color:var(--ok)}
.btn.small{padding:6px 10px;min-height:34px;font-size:.85rem}