.ops-table-tools { display: flex; align-items: center; gap: 10px; }
.ops-app-search { display: flex; align-items: center; gap: 6px; }
.ops-app-search label { color: #7f9b92; font: 500 8px "MongoDB Source Code Pro", monospace; letter-spacing: 1px; }
.ops-app-search input { width: min(290px, 24vw); border: 1px solid rgba(255,255,255,.2); background: #071d19; color: #f5f0e5; padding: 8px 10px; font: 500 9px "MongoDB Source Code Pro", monospace; }
.ops-app-search input:focus { border-color: var(--mdb-green); outline: 2px solid rgba(0,237,100,.18); }
.ops-app-search button { border: 1px solid rgba(255,255,255,.18); background: #0b2822; color: #acc2bb; padding: 8px 10px; font: 500 8px "MongoDB Source Code Pro", monospace; letter-spacing: 1px; cursor: pointer; }
.ops-app-search button:hover { border-color: var(--mdb-green); color: var(--mdb-green); }
.ops-app-search-status { min-width: 70px; color: var(--mdb-green); font: 500 8px "MongoDB Source Code Pro", monospace; }

@media (max-width: 980px) {
  .ops-table-tools { width: 100%; align-items: flex-start; flex-direction: column; }
  .ops-app-search { width: 100%; flex-wrap: wrap; }
  .ops-app-search label { width: 100%; }
  .ops-app-search input { width: min(100%, 420px); flex: 1; }
}
.ops-feedback { margin-top: 24px; padding: clamp(18px,3vw,30px); border: 1px solid rgba(0,237,100,.28); background: #061b17; }
.ops-feedback-head { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.ops-feedback-head span { color: var(--mdb-green); font: 600 9px "MongoDB Source Code Pro",monospace; letter-spacing: 1.4px; }
.ops-feedback-head h2 { margin: 8px 0 5px; color: #f5f0e5; font-size: clamp(24px,4vw,38px); }
.ops-feedback-head p { margin: 0; color: #8da69e; font-size: 11px; }
.ops-feedback-head > b { flex: none; padding: 7px 9px; border: 1px solid rgba(0,237,100,.35); color: var(--mdb-green); font: 600 9px "MongoDB Source Code Pro",monospace; letter-spacing: 1px; }
.ops-feedback-search { margin-top: 22px; }
.ops-feedback-search label { display: block; margin-bottom: 6px; color: #7f9b92; font: 500 8px "MongoDB Source Code Pro",monospace; letter-spacing: 1px; }
.ops-feedback-search > div { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 6px; }
.ops-feedback-search input { min-width: 0; border: 1px solid rgba(255,255,255,.2); background: #071d19; color: #f5f0e5; padding: 10px; font: 500 10px "MongoDB Source Code Pro",monospace; }
.ops-feedback-search input:focus { border-color: var(--mdb-green); outline: 2px solid rgba(0,237,100,.18); }
.ops-feedback-search button,.ops-feedback-clusters button { border: 1px solid rgba(255,255,255,.18); background: #0b2822; color: #acc2bb; padding: 9px 11px; font: 500 8px "MongoDB Source Code Pro",monospace; letter-spacing: 1px; cursor: pointer; }
.ops-feedback-clusters { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.ops-feedback-clusters button.selected { border-color: var(--mdb-green); color: var(--mdb-green); background: rgba(0,237,100,.08); }
.ops-feedback-status { min-height: 1.2em; margin: 12px 0; color: #7f9b92; font: 500 9px "MongoDB Source Code Pro",monospace; }
.ops-feedback-status.error { color: #ffab9b; }
.ops-feedback-list { display: grid; gap: 8px; }
.ops-feedback-card { padding: 15px; border: 1px solid rgba(255,255,255,.12); background: #071d19; }
.ops-feedback-card header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.ops-feedback-card header div { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ops-feedback-card header span { padding: 3px 6px; border: 1px solid rgba(0,237,100,.2); color: var(--mdb-green); font: 600 8px "MongoDB Source Code Pro",monospace; letter-spacing: .8px; text-transform: uppercase; }
.ops-feedback-card header time { color: #6f8c83; font: 500 8px "MongoDB Source Code Pro",monospace; }
.ops-feedback-card p { margin: 12px 0 0; color: #e3e9e5; font-size: 13px; line-height: 1.5; white-space: pre-wrap; }
.ops-feedback-card footer { margin-top: 10px; color: #779289; font: 500 8px "MongoDB Source Code Pro",monospace; letter-spacing: .5px; }
@media (max-width: 620px) { .ops-feedback-head { flex-direction: column; } .ops-feedback-search > div { grid-template-columns: 1fr 1fr; } .ops-feedback-search input { grid-column: 1 / -1; } }