.opp-app *{box-sizing:border-box}.opp-app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(1200px 600px at -10% -20%,#eaf2ff 0%,transparent 60%),radial-gradient(1000px 500px at 110% 10%,#f3eaff 0%,transparent 55%),#f6f7fb;color:#0f172a;font-size:14px;min-height:100vh;letter-spacing:-.005em}.opp-app input,.opp-app select,.opp-app textarea,.opp-app button{font-family:inherit;font-size:13px;border:1px solid #e2e8f0;border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s,transform .08s}.opp-app input,.opp-app select,.opp-app textarea{background:#fff;color:#0f172a}.opp-app input:focus,.opp-app select:focus,.opp-app textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.opp-app button{cursor:pointer;border-radius:10px;padding:8px 14px;background:#fff;border:1px solid #e2e8f0;color:#475569;font-weight:500}.opp-app button:hover{background:#f8fafc;border-color:#cbd5e1}.opp-app button:active{transform:translateY(1px)}.opp-app .app{max-width:1180px;margin:0 auto;padding:1.5rem 1rem 3rem}.opp-app .hdr{background:#fff;border:1px solid #e8edf5;border-radius:20px;padding:1.25rem 1.5rem;margin-bottom:1rem;box-shadow:0 1px 2px #0f172a0a,0 8px 24px -12px #0f172a14}.opp-app .hdr-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.opp-app .hdr h1{font-size:20px;font-weight:700;color:#0f172a;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.opp-app .hdr p{font-size:13px;color:#64748b;margin-top:4px}.opp-app .hdr-top>button{background:#0f172a;color:#fff;border-color:#0f172a;font-weight:600;padding:9px 16px;box-shadow:0 4px 12px -2px #0f172a40}.opp-app .hdr-top>button:hover{background:#1e293b;border-color:#1e293b}.opp-app .cfg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:1.25rem;padding-top:1.25rem;border-top:1px dashed #e8edf5}.opp-app .ci label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.opp-app .ci select,.opp-app .ci input{width:100%;padding:8px 12px;height:38px;background:#f8fafc;border-radius:10px}.opp-app .ci select:focus,.opp-app .ci input:focus{background:#fff}.opp-app .stats-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:.75rem}.opp-app .sc{flex:1 1 0;min-width:110px;background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer;border:1px solid #e8edf5;border-left:3px solid #cbd5e1;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:transform .15s,box-shadow .2s,border-color .15s,background .15s}.opp-app .sc:hover{transform:translateY(-1px);box-shadow:0 6px 16px -10px #0f172a2e}.opp-app .sc.active{border-color:#3b82f6;border-left-color:#3b82f6;background:#eff6ff}.opp-app .sc .lbl{font-size:10px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.opp-app .sc .val{font-size:18px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.opp-app .sc.s-ap{border-left-color:#34d399}.opp-app .sc.s-ap .val{color:#047857}.opp-app .sc.s-ap:hover{background:#ecfdf5}.opp-app .sc.s-al{border-left-color:#fbbf24}.opp-app .sc.s-al .val{color:#b45309}.opp-app .sc.s-al:hover{background:#fffbeb}.opp-app .sc.s-rp{border-left-color:#f87171}.opp-app .sc.s-rp .val{color:#b91c1c}.opp-app .sc.s-rp:hover{background:#fef2f2}.opp-app .sc.s-pt{border-left-color:#60a5fa}.opp-app .sc.s-pt .val{color:#1d4ed8}.opp-app .sc.s-pt:hover{background:#eff6ff}.opp-app .filter-panel{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 2px #0f172a0a}.opp-app .filter-panel h2{font-size:13px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px;color:#0f172a}.opp-app .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px}.opp-app .fi label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.opp-app .fi select,.opp-app .fi input{width:100%;padding:8px 12px;height:38px;background:#f8fafc;border-radius:10px}.opp-app .fi select:focus,.opp-app .fi input:focus{background:#fff}.opp-app .filter-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px dashed #e8edf5}.opp-app .res-count{font-size:12px;color:#64748b;flex:1;font-weight:500}.opp-app .btn-prim{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600;box-shadow:0 4px 12px -2px #3b82f666}.opp-app .btn-prim:hover{background:#2563eb;border-color:#2563eb}.opp-app .btn-sec{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.opp-app .btn-sec:hover{background:#e2e8f0}.opp-app .filter-panel input[type=text]{background:#f8fafc;border-radius:12px;padding:12px 16px;height:auto;font-size:14px}.opp-app .filter-panel input[type=text]:focus{background:#fff}.opp-app .toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem;align-items:center}.opp-app .toolbar button{font-size:12px;font-weight:600;padding:7px 12px}.opp-app .sel-info{font-size:12px;color:#64748b;font-weight:600;margin-left:auto}.opp-app .alert-banner{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:10px 16px;font-size:13px;color:#991b1b;margin-bottom:1rem;font-weight:500;display:flex;align-items:center;gap:8px}.opp-app .alert-banner:before{content:"⚠"}.opp-app .pc{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:1rem 1.25rem;margin-bottom:.75rem;border-left:5px solid #cbd5e1;box-shadow:0 1px 2px #0f172a0a;transition:box-shadow .2s,transform .15s,border-color .15s}.opp-app .pc:hover{box-shadow:0 8px 24px -12px #0f172a26;transform:translateY(-1px)}.opp-app .pc.sel{box-shadow:0 0 0 2px #3b82f6,0 8px 24px -12px #3b82f64d}.opp-app .pc.st-ap{border-left-color:#10b981}.opp-app .pc.st-al{border-left-color:#f59e0b}.opp-app .pc.st-rp{border-left-color:#ef4444}.opp-app .pc.st-vz{border-left-color:#cbd5e1}.opp-app .pc-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.opp-app .pc-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center;flex:1}.opp-app .badge{font-size:10.5px;padding:4px 10px;border-radius:999px;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;border:1px solid transparent}.opp-app .b-ap{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.opp-app .b-al{background:#fef3c7;color:#92400e;border-color:#fde68a}.opp-app .b-rp{background:#fee2e2;color:#991b1b;border-color:#fecaca}.opp-app .b-vz{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.opp-app .b-pot{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.opp-app .b-cat{background:#ede9fe;color:#5b21b6;border-color:#ddd6fe}.opp-app .b-forn{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.opp-app .pc-name{flex:1;min-width:220px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:6px}.opp-app .pc-name:hover input{color:#3b82f6}.opp-app .pc-name input{font-size:15px;font-weight:600;border:none;background:transparent;color:#0f172a;width:100%;outline:none;padding:0;cursor:pointer;letter-spacing:-.01em}.opp-app .pc-name input::placeholder{color:#cbd5e1;font-weight:500}.opp-app .pc-num{font-size:10px;color:#cbd5e1;font-weight:600;letter-spacing:.2px;white-space:nowrap;flex-shrink:0}.opp-app .btn-rm{background:none;border:none;color:#cbd5e1;padding:6px 8px;border-radius:8px}.opp-app .btn-rm:hover{background:#fee2e2;color:#dc2626}.opp-app .pc-top input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0}.opp-app .tipo-row{display:flex;gap:6px;margin-bottom:14px;align-items:center;flex-wrap:wrap;padding:8px 12px;background:#f8fafc;border-radius:10px}.opp-app .tipo-row span{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-right:4px}.opp-app .tbtn{font-size:11px;padding:5px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;color:#64748b;font-weight:600}.opp-app .tbtn.act{background:#dbeafe;color:#1e40af;border-color:#bfdbfe;box-shadow:0 1px 3px #3b82f633}.opp-app .sec-lbl{font-size:10px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.opp-app .sec-lbl:before{content:"";display:inline-block;width:4px;height:14px;border-radius:2px;background:linear-gradient(180deg,#3b82f6,#6366f1)}.opp-app .fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}.opp-app .fld{display:flex;flex-direction:column;gap:4px}.opp-app .fld label{font-size:11px;color:#475569;font-weight:600}.opp-app .fld input,.opp-app .fld select{padding:8px 10px;height:36px;background:#fff;border-radius:8px}.opp-app .fld textarea{padding:10px 12px;resize:vertical;min-height:74px;line-height:1.5;width:100%;border-radius:10px}.opp-app .fld input.auto{background:#f8fafc;color:#64748b;border-style:dashed;cursor:default;font-weight:500}.opp-app .auto-tag{font-size:10px;color:#94a3b8;font-weight:600}.opp-app .rg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.opp-app .rb{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #e8edf5;border-radius:12px;padding:12px 14px}.opp-app .rb-ttl{font-size:11px;font-weight:700;margin-bottom:8px;color:#0f172a;text-transform:uppercase;letter-spacing:.4px}.opp-app .rr{display:flex;justify-content:space-between;font-size:12px;margin-top:4px;color:#475569}.opp-app .rr span:last-child{font-weight:700;color:#0f172a}.opp-app .pot-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;padding:12px 16px;margin-bottom:14px}.opp-app .pot-box .pt{font-size:12px;font-weight:700;color:#1e3a8a;margin-bottom:4px;display:flex;align-items:center;gap:6px}.opp-app .pot-box .pt:before{content:"📈"}.opp-app .pot-box .pd{font-size:12px;color:#1e40af;line-height:1.5}.opp-app .val-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px dashed #e8edf5}.opp-app .vb{font-size:11px;padding:4px 10px;border-radius:8px;font-weight:600}.opp-app .vb-ok{background:#d1fae5;color:#065f46}.opp-app .vb-al{background:#fef3c7;color:#92400e}.opp-app .vb-fail{background:#fee2e2;color:#991b1b}.opp-app .ls{margin-top:12px;padding-top:12px;border-top:1px dashed #e8edf5}.opp-app .ls label{font-size:11px;color:#475569;font-weight:600;margin-bottom:8px;display:block}.opp-app .lg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.opp-app .lg input{font-size:11px;padding:7px 10px;height:32px;width:100%;background:#f8fafc;border-radius:8px}.opp-app .obs-box{margin-top:12px;padding-top:12px;border-top:1px dashed #e8edf5}.opp-app .obs-box label{font-size:11px;color:#475569;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:6px}.opp-app .add-btn{width:100%;padding:18px;border:2px dashed #cbd5e1;border-radius:16px;background:transparent;color:#64748b;cursor:pointer;margin-bottom:1rem;text-align:center;font-weight:600;font-size:13px;transition:border-color .15s,color .15s,background .15s,transform .1s}.opp-app .add-btn:hover{background:#3b82f60a;color:#3b82f6;border-color:#93c5fd}.opp-app .add-btn:active{transform:scale(.995)}.opp-app .good{color:#059669;font-weight:700}.opp-app .bad{color:#dc2626;font-weight:700}.opp-app .warn{color:#b45309;font-weight:700}@media(max-width:900px){.opp-app .sc{min-width:calc(50% - 4px);flex:0 1 calc(50% - 4px)}.opp-app .rg{grid-template-columns:1fr}}.opp-app .brand{display:flex;align-items:center}.opp-app .brand-logo{height:54px;width:auto;display:block;object-fit:contain}@media(max-width:600px){.opp-app .brand-logo{height:42px}}.opp-app .hero{display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem 1.25rem;margin-bottom:1rem}.opp-app .hero-logo{height:90px;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(15,23,42,.08))}@media(max-width:600px){.opp-app .hero-logo{height:64px}}.opp-app .save-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:1rem;padding-top:1rem;border-top:1px dashed #e8edf5}.opp-app .save-status{font-size:12px;color:#64748b;font-weight:500}.opp-app .btn-save{background:#16a34a;color:#fff;border:1px solid #16a34a;font-weight:600;padding:9px 18px;border-radius:10px;box-shadow:0 4px 12px -2px #16a34a4d}.opp-app .btn-save:hover:not(:disabled){background:#15803d;border-color:#15803d}.opp-app .btn-save:disabled{background:#cbd5e1;border-color:#cbd5e1;color:#fff;cursor:not-allowed;box-shadow:none;opacity:.7}.opp-app .user-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:4px 12px 4px 4px;text-decoration:none;color:#0f172a;font-size:13px;font-weight:500;transition:all .15s ease}.opp-app .user-chip:hover{border-color:#3b82f6;box-shadow:0 2px 8px -2px #3b82f640}.opp-app .user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.opp-app .user-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-app .btn-logout{background:#fff!important;color:#dc2626!important;border:1px solid #fecaca!important}.opp-app .btn-logout:hover{background:#fef2f2!important;border-color:#dc2626!important}@media(max-width:560px){.opp-app .user-name{max-width:120px;font-size:12px}}html[data-theme=dark] .opp-app{background:radial-gradient(1200px 600px at -10% -20%,#1e293b 0%,transparent 60%),radial-gradient(1000px 500px at 110% 10%,#312e81 0%,transparent 55%),#0b1220;color:#e2e8f0}html[data-theme=dark] .opp-app .hdr,html[data-theme=dark] .opp-app .card,html[data-theme=dark] .opp-app .prod-card,html[data-theme=dark] .opp-app .save-row,html[data-theme=dark] .opp-app .stats>div{background:#111827;border-color:#1f2937}html[data-theme=dark] .opp-app input,html[data-theme=dark] .opp-app select,html[data-theme=dark] .opp-app textarea{background:#0f172a;color:#e2e8f0;border-color:#1f2937}html[data-theme=dark] .opp-app input:focus,html[data-theme=dark] .opp-app select:focus,html[data-theme=dark] .opp-app textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f62e}html[data-theme=dark] .opp-app button{background:#1f2937;color:#e2e8f0;border-color:#334155}html[data-theme=dark] .opp-app button:hover{background:#273244;border-color:#475569}html[data-theme=dark] .opp-app .hdr h1,html[data-theme=dark] .opp-app .prod-card h3,html[data-theme=dark] .opp-app label{color:#e2e8f0}html[data-theme=dark] .opp-app .hdr p,html[data-theme=dark] .opp-app .muted{color:#94a3b8}html[data-theme=dark] .opp-app .hdr-top>button{background:#3b82f6;color:#fff;border-color:#3b82f6}html[data-theme=dark] .opp-app .user-chip{background:#111827;color:#e2e8f0;border-color:#1f2937}html[data-theme=dark] .opp-app .btn-logout{background:#111827!important;color:#fca5a5!important;border-color:#7f1d1d!important}html[data-theme=dark] .opp-app .btn-logout:hover{background:#1f1313!important}html[data-theme=dark] .opp-app .btn-theme{background:#111827;color:#fbbf24;border-color:#1f2937}.opp-app .btn-theme{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;cursor:pointer;font-size:16px;line-height:1;padding:0}.opp-app .btn-theme:hover{background:#f8fafc}.opp-app .scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.opp-app .scn{background:#fff;border:1px solid #e8edf5;border-radius:14px;padding:12px 14px;border-top:4px solid #cbd5e1}.opp-app .scn-ttl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;color:#0f172a;display:flex;align-items:center;gap:6px}.opp-app .scn-fg{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:0}.opp-app .scn-menor{border-top-color:#60a5fa;background:linear-gradient(180deg,#eff6ff,#fff 40%)}.opp-app .scn-ranq{border-top-color:#a78bfa;background:linear-gradient(180deg,#f5f3ff,#fff 40%)}.opp-app .scn-maior{border-top-color:#34d399;background:linear-gradient(180deg,#ecfdf5,#fff 40%)}.opp-app .rb.rb-ok{background:linear-gradient(180deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.opp-app .rb.rb-warn{background:linear-gradient(180deg,#fffbeb,#fef3c7);border-color:#fde68a}.opp-app .rb.rb-bad{background:linear-gradient(180deg,#fef2f2,#fee2e2);border-color:#fecaca}.opp-app .rb.rb-empty{opacity:.85}.opp-app .rb.scn-menor{border-top:3px solid #60a5fa}.opp-app .rb.scn-ranq{border-top:3px solid #a78bfa}.opp-app .rb.scn-maior{border-top:3px solid #34d399}@media(max-width:780px){.opp-app .scenarios{grid-template-columns:1fr;gap:10px}}@media(max-width:560px){.opp-app .hdr{padding:1rem}.opp-app .hdr-top{gap:.5rem}.opp-app .hdr-top .user-chip{order:1;flex:1 1 100%;justify-content:flex-start;max-width:100%}.opp-app .hdr-top>div:last-child{order:2;flex:1 1 100%;margin-left:0!important;justify-content:space-between;gap:6px!important}.opp-app .hdr-top>div:last-child>button{flex:1;min-width:0;padding:8px 10px;font-size:12px;white-space:nowrap}.opp-app .hdr-top>div:last-child>button.btn-theme{flex:0 0 38px;width:38px;height:38px;padding:0}.opp-app .user-name{max-width:none;font-size:13px}}html[data-theme=dark] .opp-app .scn{background:#111827;border-color:#1f2937}html[data-theme=dark] .opp-app .scn-menor{background:linear-gradient(180deg,#0f1e3a,#111827 50%)}html[data-theme=dark] .opp-app .scn-ranq{background:linear-gradient(180deg,#1e1b3a,#111827 50%)}html[data-theme=dark] .opp-app .scn-maior{background:linear-gradient(180deg,#0f2a1f,#111827 50%)}html[data-theme=dark] .opp-app .scn-ttl{color:#e2e8f0}html[data-theme=dark] .opp-app .rb.rb-ok{background:linear-gradient(180deg,#052e1d,#064e3b);border-color:#065f46}html[data-theme=dark] .opp-app .rb.rb-warn{background:linear-gradient(180deg,#3a2a05,#5a3d08);border-color:#854d0e}html[data-theme=dark] .opp-app .rb.rb-bad{background:linear-gradient(180deg,#3a0d10,#5a1a1f);border-color:#7f1d1d}