.smartqr-op-box{border-radius:16px;padding:16px;margin-bottom:20px;max-width:1100px}
.smartqr-op-dark{background:linear-gradient(180deg,#16232f 0%, #0f1c29 100%);color:#fff;border:1px solid rgba(255,255,255,0.06);box-shadow:0 12px 40px rgba(0,0,0,.25)}
.smartqr-op-box h3{margin-top:0;margin-bottom:12px;font-size:18px;font-weight:600}
.op-row{display:flex;gap:8px;margin-bottom:10px}
#smartqr-op-code{flex:1;padding:10px 12px;border:1px solid rgba(255,255,255,0.12);border-radius:12px;background:rgba(15,23,42,0.65);color:#fff}
.op-btn{background:linear-gradient(90deg,#00a7ff 0%,#0077ff 100%);color:#fff;border:none;border-radius:12px;padding:9px 16px;cursor:pointer;font-weight:600}
.op-result{margin-top:12px}
.op-card{background:rgba(15,23,42,0.35);border:1px solid rgba(255,255,255,0.05);border-radius:14px;padding:12px 14px;line-height:1.4}
.op-status-bad,.badge-red{background:rgba(248,113,113,.12);color:#fecaca;font-weight:600;border-radius:9999px;padding:3px 10px;font-size:12px;display:inline-block}
.op-status-ok,.badge-green{background:rgba(34,197,94,.12);color:#bbf7d0;font-weight:600;border-radius:9999px;padding:3px 10px;font-size:12px;display:inline-block}
.op-filter{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.op-filter select{background:rgba(15,23,42,0.65);color:#fff;border:1px solid rgba(255,255,255,0.12);border-radius:10px;padding:4px 6px}
.op-table-wrap{overflow-x:auto}
.op-table{width:100%;border-collapse:collapse}
.op-table th,.op-table td{border:1px solid rgba(255,255,255,0.06);padding:6px 8px;font-size:13px;vertical-align:top}
.op-table th{background:rgba(15,23,42,0.35)}
.op-table-wide-comment td:last-child{min-width:280px;max-width:520px;white-space:normal}
@media(max-width:720px){
  .op-row{flex-direction:column}
  .op-filter{flex-direction:column;align-items:flex-start}
  .op-table{display:block;overflow-x:auto}
}