.opr-stats {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.opr-stat { display:flex; align-items:center; gap:11px; padding:14px; }
.opr-stat-icon,.opr-symbol { display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:9px; background:var(--brand-soft); color:var(--brand); }
.opr-stat-icon.opr-blue { background:#edf2fb; color:#325f85; }
.opr-stat-icon.opr-amber { background:#fff4df; color:#825815; }
.opr-stat div > span,.opr-identity small { display:block; color:var(--muted); font-size:11px; }
.opr-stat strong { display:block; font-size:23px; letter-spacing:-.04em; line-height:1.25; }
.opr-stat strong small { margin-left:3px; font-size:11px; }
.opr-panel { overflow:hidden; }
.opr-filters { display:flex; flex-wrap:wrap; align-items:end; gap:10px; padding:0 20px 14px; }
.opr-filters .field { flex:0 1 160px; min-width:0; }
.opr-filters .field:first-child { flex:1 1 220px; }
.opr-table { min-width:660px; }
.opr-identity { display:flex; align-items:center; gap:9px; }
.opr-identity small { margin-top:2px; }
.opr-symbol { width:33px; height:33px; }
.opr-symbol .flag-box { width:auto; height:auto; border:0; background:none; }
.opr-detail { display:grid; gap:14px; min-width:0; }
.opr-detail-title { display:flex; align-items:flex-start; justify-content:space-between; gap:9px; }
.opr-detail-title h3 { overflow-wrap:anywhere; font-size:17px; }
.opr-detail-title p { font-size:12px; overflow-wrap:anywhere; }
.opr-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; overflow:hidden; margin:0; border:1px solid var(--line); border-radius:10px; background:var(--line); }
.opr-detail-grid > div { padding:9px 10px; background:var(--surface); }
.opr-detail-grid dt { color:var(--muted); font-size:11px; }
.opr-detail-grid dd { margin:2px 0 0; font-size:13px; font-weight:650; overflow-wrap:anywhere; }
.opr-detail-section,.opr-note { font-size:13px; }
.opr-detail-section p { font-size:12px; }
.opr-files { display:flex; flex-wrap:wrap; gap:5px; margin:5px 0 0; padding:0; list-style:none; }
.opr-files li { padding:4px 7px; border-radius:6px; background:var(--canvas); color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.opr-note { padding:9px 11px; border-radius:8px; background:var(--canvas); color:var(--ink); overflow-wrap:anywhere; }
.opr-note-amber { background:#fff4df; color:#775516; }
.opr-note p,.opr-history li p { margin-top:2px; white-space:pre-wrap; }
.opr-history { padding:8px 11px; border:1px solid var(--line); border-radius:8px; font-size:12px; }
.opr-history summary { cursor:pointer; font-weight:700; }
.opr-history ol { padding:0; margin:8px 0 0; list-style:none; }
.opr-history li { padding:7px 0; border-top:1px solid var(--line); overflow-wrap:anywhere; }
.opr-history li div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:3px 8px; }
.opr-history li small { color:var(--muted); }
.opr-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:7px; padding-top:12px; margin-top:10px; border-top:1px solid var(--line); }
.opr-error { color:#93433b; margin-top:5px; font-size:12px; }
@media(max-width:540px) {
  .opr-stats { gap:6px; }
  .opr-stat { padding:8px; gap:5px; flex-direction:column; align-items:flex-start; }
  .opr-stat-icon { width:28px; height:28px; }
  .opr-stat strong { font-size:18px; }
  .opr-filters { padding-inline:12px; }
  .opr-filters .field { flex:1 1 105px; }
  .opr-filters .field:first-child { flex-basis:100%; }
}