/* ops özellikleri: Yönetim → Raporlar / Sistem */
.ops-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 16px; }
.ops-stats > .card { margin-top: 0; }
.ops-filters { display: flex; gap: 10px; flex-wrap: wrap; }
.ops-filters select { flex: 0 0 auto; width: auto; min-width: 160px; }
.ops-filters input { flex: 1 1 220px; }
.ops-table .ops-row { cursor: pointer; transition: background .12s; }
.ops-table .ops-row:hover, .ops-table .ops-row:focus { background: var(--surface-2); outline: none; }
.ops-table .ops-row:focus-visible { box-shadow: inset 2px 0 0 var(--accent-text); }
.ops-reason { max-width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ops-reason .ico { width: 12px; height: 12px; }
.ops-pager { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.ops-back { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 12px; color: var(--muted); font-size: 13px; font-weight: 550; }
.ops-back .ico { width: 14px; height: 14px; }
.ops-back:hover { color: var(--text); text-decoration: none; }
.ops-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.ops-chat { max-height: 360px; overflow-y: auto; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 8px 10px; background: var(--well); }
.ops-line { display: flex; gap: 8px; align-items: baseline; padding: 4px 0; border-bottom: 1px solid var(--border); font-size: 14px; word-break: break-word; }
.ops-line:last-child { border-bottom: 0; }
.ops-line.blocked span:last-child { color: var(--red-text); }
.ops-line.filtered span:last-child { color: var(--yellow-text); }
.ops-pun { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.ops-pun-row { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.ops-log { padding: 6px 0; border-bottom: 1px solid var(--border); }
.ops-log:last-child { border-bottom: 0; }
.ops-srv .s-label { display: flex; align-items: center; gap: 6px; }
.ops-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 4px; background: var(--muted-2); }
.ops-dot.up { background: var(--green); }
.ops-dot.down { background: var(--red); }
@media (max-width: 720px) {
  .ops-stats { grid-template-columns: 1fr; }
  .ops-reason { max-width: 180px; }
  .ops-filters select { width: 100%; }
}