.op-app{--ink:#172033;--muted:#647087;--line:#dfe5ef;--soft:#f6f8fc;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(28,39,65,.10);overflow:hidden;margin:1.5rem 0}
.op-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.2rem;background:linear-gradient(135deg,#171b33,#34306d);color:#fff}.op-toolbar strong{display:block}.op-toolbar span{display:block;font-size:.82rem;opacity:.78;margin-top:.15rem}
.op-mini{display:flex;gap:.5rem;align-items:end;flex-wrap:wrap}.op-mini label{font-size:.72rem}.op-mini select{display:block;margin-top:.2rem;padding:.5rem;border-radius:9px}
.op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:var(--soft)}.op-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem}
.op-head{display:flex;gap:.7rem;align-items:flex-start;margin-bottom:.8rem}.op-head>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#ebe9ff;color:#4034b6;font-weight:800}.op-head h2{font-size:1rem;margin:0}.op-head p{font-size:.78rem;color:var(--muted);margin:.15rem 0 0}
.op-fields{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.op-fields label{font-size:.76rem;color:#4c5870}.op-fields input,.op-fields select{width:100%;box-sizing:border-box;margin-top:.25rem;border:1px solid #ccd4e2;border-radius:10px;padding:.62rem;background:#fff;color:var(--ink)}
.op-suffix{display:flex;align-items:center}.op-suffix input{border-radius:10px 0 0 10px}.op-suffix b{margin-top:.25rem;padding:.62rem .55rem;border:1px solid #ccd4e2;border-left:0;border-radius:0 10px 10px 0;background:#f4f6fa}
.op-results{padding:1.1rem}.op-verdict{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-radius:12px;margin-bottom:1rem}.op-verdict.ok{background:#eaf8f0;color:#17653a}.op-verdict.warn{background:#fff2e6;color:#8a4718}
.op-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.op-kpis article{border:1px solid var(--line);border-radius:15px;padding:.9rem}.op-kpis article.primary{background:#27224f;color:#fff;border-color:#27224f}.op-kpis span,.op-kpis small{display:block;font-size:.76rem;opacity:.78}.op-kpis strong{display:block;font-size:1.45rem;margin:.25rem 0}
.op-result-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:.8rem;margin-top:.8rem}.op-card{border:1px solid var(--line);border-radius:15px;padding:.9rem}.op-card-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.op-card-head h2{font-size:.95rem;margin:0}.op-card-head span{font-size:.72rem;color:var(--muted)}
.op-line{margin:.6rem 0}.op-line>div{display:flex;justify-content:space-between;font-size:.76rem}.op-line i{display:block;height:5px;background:#edf0f5;border-radius:99px;overflow:hidden;margin-top:.25rem}.op-line em{display:block;height:100%;background:currentColor;opacity:.35}.op-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:.6rem;margin-top:.7rem}
.op-table>div{padding:.65rem 0;border-bottom:1px solid var(--line)}.op-table span,.op-table small{display:block;font-size:.74rem;color:var(--muted)}.op-table strong{font-size:1rem}.op-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}
.op-history{margin:0 1.1rem 1.1rem;border:1px solid var(--line);border-radius:15px;padding:1rem}.op-history-head{display:flex;justify-content:space-between;align-items:center}.op-history-head h2{margin:0;font-size:1rem}.op-history-head p{font-size:.78rem;color:var(--muted);margin:.2rem 0}.op-history-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.op-history-list article{border:1px solid var(--line);border-radius:12px;padding:.7rem}.op-history-list article div{display:flex;justify-content:space-between;gap:.5rem}.op-history-list span,.op-history-list small{font-size:.7rem;color:var(--muted);display:block}.op-history-list b{display:block;margin:.3rem 0}.op-history canvas{width:100%;height:180px}
.op-lead{max-width:840px;font-size:1.08rem;color:var(--muted);margin-bottom:1.4rem}.op-copy{max-width:900px}.op-upsell{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.2rem;border-radius:18px;background:#f0efff;margin:1.2rem 0}.op-upsell span{font-size:.75rem;color:#655bc4;text-transform:uppercase;font-weight:800}.op-upsell h2{margin:.15rem 0}.op-upsell p{margin:.2rem 0;color:#566}.op-footer{font-size:.76rem;color:#7a8394}
@media(max-width:900px){.op-grid,.op-result-grid{grid-template-columns:1fr}.op-kpis{grid-template-columns:1fr 1fr}.op-history-list{grid-template-columns:1fr}.op-toolbar,.op-upsell{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.op-fields,.op-kpis{grid-template-columns:1fr}.op-verdict{flex-direction:column}}