/* inspection-templates.css — [SLICE11] Inspection template manager +
 * GENERAL FINDINGS + E4 cross-link styles. Scoped: Ops Hub rules live
 * under #opsHubOverlay, RO-detail rules under .s11-xlink / .s11-panelhead.
 * Phase B tokens only (ops palette in the hub; --line/--muted on the RO). */

/* --- Ops Hub: template manager ------------------------------------------ */
#opsHubOverlay .s11-badge {
  display: inline-block; padding: 1px 7px; border-radius: 999px;
  font-size: 11px; font-weight: 600; vertical-align: middle;
  border: 1px solid var(--ops-border, #DFE3E8); color: var(--ops-muted, #5B6470);
  background: #fff;
}
#opsHubOverlay .s11-badge-default { color: #7A5E14; border-color: #C9A53F; background: #FBF3D9; }
#opsHubOverlay .s11-badge-internal { color: #374151; background: #EEF1F4; }
#opsHubOverlay .s11-badge-stub { color: #8A4B0F; border-color: #E3B27A; background: #FDF1E3; }

#opsHubOverlay .s11-check { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; cursor: pointer; }
#opsHubOverlay .s11-group {
  border: 1px solid var(--ops-border, #DFE3E8); border-radius: 10px;
  padding: 10px; margin-bottom: 10px; background: #fff;
}
#opsHubOverlay .s11-group .s11-gname { flex: 1; min-width: 140px; font-weight: 600; }
#opsHubOverlay .s11-task { margin-top: 6px; }
#opsHubOverlay .s11-task .s11-tname { flex: 1; min-width: 140px; }
#opsHubOverlay .s11-task .s11-tcanned { max-width: 240px; }

/* --- Ops Hub: GENERAL FINDINGS ------------------------------------------- */
#opsHubOverlay .s11-findings {
  border-top: 1px solid var(--ops-border, #DFE3E8); margin-top: 12px; padding-top: 10px;
}
#opsHubOverlay .s11-findings-head { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }
#opsHubOverlay .s11-finding { display: flex; gap: 8px; align-items: center; padding: 5px 0; }
#opsHubOverlay .s11-ftext { flex: 1; font-size: 13px; }
#opsHubOverlay .s11-fstate {
  display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 700;
  border: 1px solid var(--ops-border, #DFE3E8); white-space: nowrap;
}
#opsHubOverlay .s11-fstate-ok { color: #1E7B34; background: #E7F6EC; border-color: #A9DDB6; }
#opsHubOverlay .s11-fstate-na { color: #5B6470; background: #EEF1F4; }
#opsHubOverlay .s11-fstate-attention { color: #9A3412; background: #FDECE4; border-color: #F2B79B; }
#opsHubOverlay .s11-fadd { margin-top: 8px; }

/* --- Cross-link panels (both surfaces) ------------------------------------ */
#opsHubOverlay .s11-xlink, .s11-xlink {
  border-top: 1px solid var(--ops-border, var(--line, #DFE3E8));
  margin-top: 12px; padding-top: 10px;
}
#opsHubOverlay .s11-xrow, .s11-xlink .s11-xrow {
  display: flex; gap: 10px; align-items: center; justify-content: space-between;
  padding: 5px 0; font-size: 13px;
}
.s11-panelhead {
  font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--muted, #5B6470); margin: 4px 0 8px;
}
.s11-xlink .s11-panelhead { margin-top: 2px; }

@media (max-width: 640px) {
  #opsHubOverlay .s11-task { flex-wrap: wrap; }
  #opsHubOverlay .s11-task .s11-tcanned { max-width: none; flex: 1; }
  .s11-xlink .s11-xrow { flex-direction: column; align-items: flex-start; }
}