/* BRENDA SINAIS V22.2 — Analytics visual: cadastro -> FTD -> depósito */
.v22-2-analytics-view{--a-yellow:#ffe000;--a-green:#56e892;--a-blue:#64a8ff;--a-red:#ff6f7c;--a-muted:#708198}
.v22-2-analytics-head{align-items:center}.v22-2-analytics-head p{margin:6px 0 0;color:#6c7d94;font-size:8px;line-height:1.5}
.v22-2-range{display:flex;gap:4px;padding:4px;border:1px solid #1d2b3e;background:#07111d;border-radius:12px;flex-shrink:0}.v22-2-range button{height:32px;min-width:44px;border:0;border-radius:8px;background:transparent;color:#6e7f95;font-size:7px;font-weight:900;cursor:pointer;transition:background .18s ease,color .18s ease,transform .16s ease}.v22-2-range button:hover{color:#dce5ef}.v22-2-range button:active{transform:scale(.97)}.v22-2-range button.active{background:#25240d;color:var(--a-yellow);box-shadow:inset 0 0 0 1px #554d15}
.v22-2-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:10px}.v22-2-kpis article{min-height:118px;border:1px solid #1d2c3f;background:#081421;border-radius:16px;padding:15px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.v22-2-kpis article:after{content:"";position:absolute;right:-26px;top:-26px;width:90px;height:90px;border-radius:50%;background:rgba(255,224,0,.035)}.v22-2-kpis article.money:after{background:rgba(86,232,146,.035)}.v22-2-kpis span{font-size:6.5px;letter-spacing:.9px;color:#687990;font-weight:900}.v22-2-kpis strong{font-size:23px;letter-spacing:-.7px;margin:7px 0 3px;color:#f3f7fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v22-2-kpis small{font-size:6.5px;color:#586a80}.v22-2-kpis article.money strong{font-size:19px;color:#e9f8ef}
.v22-2-analytics-grid{display:grid;gap:10px;margin-bottom:10px}.v22-2-analytics-grid.primary{grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr)}.v22-2-analytics-grid.secondary{grid-template-columns:1fr 1fr 1fr}.v22-2-chart-card,.v22-2-funnel-card{min-height:320px}.v22-2-chart-card .admin-card-head>div,.v22-2-funnel-card .admin-card-head>div,.v22-2-analytics-grid.secondary .admin-card-head>div,.v22-2-campaign-card .admin-card-head>div,.v22-2-conversions-card .admin-card-head>div{display:grid;gap:3px}.v22-2-chart-card .admin-card-head small,.v22-2-funnel-card .admin-card-head small,.v22-2-analytics-grid.secondary .admin-card-head small,.v22-2-campaign-card .admin-card-head small,.v22-2-conversions-card .admin-card-head small{font-size:6.5px;color:#5f7188;font-weight:600}
.v22-2-chart-legend{display:flex;gap:14px;align-items:center;padding:11px 0 4px}.v22-2-chart-legend span{display:flex;align-items:center;gap:5px;color:#718197;font-size:6.5px;font-weight:800}.v22-2-chart-legend i{width:8px;height:8px;border-radius:50%}.v22-2-chart-legend .reg{background:var(--a-yellow)}.v22-2-chart-legend .ftd{background:var(--a-green)}.v22-2-chart-legend .volume{background:#263a54;border-radius:2px}
.v22-2-chart{min-height:235px;display:grid;place-items:center;overflow:hidden}.v22-2-chart svg{width:100%;height:235px;overflow:visible}.v22-2-chart .grid{stroke:#172538;stroke-width:1}.v22-2-chart .volume-bar{fill:#17283c}.v22-2-chart .reg-line{fill:none;stroke:var(--a-yellow);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.v22-2-chart .ftd-line{fill:none;stroke:var(--a-green);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.v22-2-chart .dot-reg{fill:var(--a-yellow);stroke:#081320;stroke-width:2}.v22-2-chart .dot-ftd{fill:var(--a-green);stroke:#081320;stroke-width:2}.v22-2-chart text{fill:#5d6e85;font-size:9px;font-family:inherit}.v22-2-chart .empty{color:#66788f;font-size:8px}
.v22-2-funnel{display:grid;gap:12px;padding-top:16px}.v22-2-funnel-step{display:grid;gap:6px}.v22-2-funnel-meta{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px}.v22-2-funnel-meta strong{font-size:8px;color:#e6edf5}.v22-2-funnel-meta b{font-size:13px;color:#f8fafc}.v22-2-funnel-meta em{font-style:normal;font-size:6.5px;color:#71839a;min-width:46px;text-align:right}.v22-2-funnel-track{height:10px;background:#111e2e;border-radius:999px;overflow:hidden}.v22-2-funnel-track i{display:block;height:100%;border-radius:999px;background:var(--a-yellow);min-width:2px;transition:width .45s cubic-bezier(.2,.8,.2,1)}.v22-2-funnel-step:nth-child(2) .v22-2-funnel-track i{background:#d6c735}.v22-2-funnel-step:nth-child(3) .v22-2-funnel-track i{background:var(--a-blue)}.v22-2-funnel-step:nth-child(4) .v22-2-funnel-track i{background:var(--a-green)}.v22-2-funnel-note{margin-top:15px;border:1px solid #1b2b3f;background:#07121f;border-radius:10px;padding:9px;color:#687a92;font-size:7px;line-height:1.5}
.v22-2-campaign-card{margin-bottom:10px}.v22-2-table-tools{display:flex;align-items:center;gap:8px}.v22-2-table-tools input{width:170px;height:30px;border:1px solid #26364b;background:#071321;color:#dfe7f0;border-radius:8px;padding:0 9px;font-size:7px;outline:0}.v22-2-table-tools input:focus{border-color:#5b5117}.v22-2-table-wrap{margin-top:10px}.v22-2-campaign-table{min-width:790px}.v22-2-campaign-table td:first-child strong{display:block;font-size:8px;color:#e7edf5;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v22-2-campaign-table td:first-child small{display:block;color:#586b83;font-size:6px;margin-top:3px}.v22-2-campaign-table .good{color:var(--a-green);font-weight:900}.v22-2-campaign-table .muted{color:#64768e}.v22-2-campaign-table .value{color:#e8eef6;font-weight:900}
.v22-2-source-list,.v22-2-games-list{display:grid;gap:9px;padding-top:12px}.v22-2-source-row,.v22-2-game-row{display:grid;gap:6px;padding-bottom:9px;border-bottom:1px solid #152336}.v22-2-source-row:last-child,.v22-2-game-row:last-child{border-bottom:0}.v22-2-source-top,.v22-2-game-top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.v22-2-source-top strong,.v22-2-game-top strong{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v22-2-source-top b,.v22-2-game-top b{font-size:8px;color:var(--a-yellow)}.v22-2-source-row small,.v22-2-game-row small{font-size:6.5px;color:#61738a}.v22-2-source-bar,.v22-2-game-bar{height:5px;border-radius:999px;background:#132134;overflow:hidden}.v22-2-source-bar i,.v22-2-game-bar i{display:block;height:100%;border-radius:999px;background:#6d651e}.v22-2-game-bar i{background:#28496e}
.v22-2-tracking-health{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding-top:12px}.v22-2-health-item{border:1px solid #1b2b3e;background:#07121e;border-radius:11px;padding:10px;display:grid;gap:4px}.v22-2-health-item span{font-size:6px;color:#61738a;font-weight:900;letter-spacing:.6px}.v22-2-health-item strong{font-size:18px}.v22-2-health-item.sent strong{color:var(--a-green)}.v22-2-health-item.failed strong{color:var(--a-red)}.v22-2-health-item.queued strong{color:var(--a-yellow)}.v22-2-health-caption{grid-column:1/-1;border:1px solid #1b2a3c;border-radius:10px;padding:9px;color:#63758c;font-size:7px;line-height:1.5}
.v22-2-conversion-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:11px}.v22-2-conversion{border:1px solid #1a293c;background:#07121f;border-radius:11px;padding:10px;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center}.v22-2-conversion>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#151c16;border:1px solid #2d513a;color:var(--a-green);font-size:7px;font-weight:950}.v22-2-conversion.ftd>span{background:#25230e;border-color:#544c16;color:var(--a-yellow)}.v22-2-conversion>div{display:grid;gap:3px;min-width:0}.v22-2-conversion strong{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v22-2-conversion small{font-size:6px;color:#5e7088;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v22-2-conversion b{font-size:9px;color:#e5edf5;white-space:nowrap}
.v22-2-loading{display:grid;place-items:center;min-height:120px;color:#687a91;font-size:8px}.v22-2-loading:before{content:"";width:20px;height:20px;border:2px solid #1d2e42;border-top-color:var(--a-yellow);border-radius:50%;animation:v22-2-spin .7s linear infinite;margin-bottom:8px}@keyframes v22-2-spin{to{transform:rotate(360deg)}}
.v22-2-empty{padding:28px 8px;text-align:center;color:#61738a;font-size:8px}
@media(max-width:1180px){.v22-2-kpis{grid-template-columns:repeat(3,1fr)}.v22-2-analytics-grid.primary{grid-template-columns:1fr}.v22-2-analytics-grid.secondary{grid-template-columns:1fr 1fr}.v22-2-analytics-grid.secondary>article:last-child{grid-column:1/-1}}
@media(max-width:820px){.v22-2-analytics-head{align-items:flex-start!important}.v22-2-range{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.v22-2-range button{width:100%}.v22-2-kpis{grid-template-columns:repeat(2,1fr)}.v22-2-kpis article{min-height:94px;padding:12px}.v22-2-kpis strong{font-size:20px}.v22-2-analytics-grid.secondary{grid-template-columns:1fr}.v22-2-analytics-grid.secondary>article:last-child{grid-column:auto}.v22-2-conversion-feed{grid-template-columns:1fr}.v22-2-table-tools{width:100%;justify-content:space-between}.v22-2-table-tools input{width:min(220px,65vw)}}
@media(max-width:520px){.v22-2-kpis{gap:6px}.v22-2-kpis article{border-radius:13px;min-height:88px}.v22-2-kpis span{font-size:5.8px}.v22-2-kpis strong{font-size:18px}.v22-2-kpis article.money strong{font-size:15px}.v22-2-chart-card,.v22-2-funnel-card{min-height:auto}.v22-2-chart svg{height:205px}.v22-2-chart{min-height:205px}.v22-2-chart-legend{gap:8px;flex-wrap:wrap}.v22-2-conversion{grid-template-columns:34px 1fr auto}.v22-2-conversion>span{width:34px;height:34px}.v22-2-table-tools{align-items:flex-end;flex-direction:column}.v22-2-table-tools input{width:100%}}
@media(prefers-reduced-motion:reduce){.v22-2-range button,.v22-2-funnel-track i{transition:none!important}.v22-2-loading:before{animation:none!important}}

/* V22.3 — custos de mídia + CPA/CPL + ROAS depósito */
.v22-2-campaign-table{min-width:1220px}
.v22-3-spend-card{margin-bottom:10px}
.v22-3-spend-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.6fr);gap:10px;padding-top:10px}
.v22-3-spend-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v22-3-spend-form label{display:grid;gap:5px;font-size:6.5px;color:#687b92;font-weight:800;letter-spacing:.2px}
.v22-3-spend-form label.wide,.v22-3-spend-form button.wide{grid-column:1/-1}
.v22-3-spend-form input{height:38px;border:1px solid #213147;background:#071321;color:#e8eef5;border-radius:10px;padding:0 11px;font-size:8px;outline:0}
.v22-3-spend-form input:focus{border-color:#5c5318;box-shadow:0 0 0 3px rgba(255,224,0,.05)}
.v22-3-spend-form button{height:42px;border:0;border-radius:11px;background:#ffe000;color:#121212;font-size:7px;font-weight:950;letter-spacing:.5px;cursor:pointer;transition:transform .16s ease,filter .16s ease}
.v22-3-spend-form button:hover{filter:brightness(1.03)}.v22-3-spend-form button:active{transform:scale(.99)}.v22-3-spend-form button:disabled{opacity:.6;cursor:wait}
.v22-3-spend-help{border:1px solid #1b2a3d;background:#07121e;border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.v22-3-spend-help strong{font-size:9px;color:#f0f4f8}.v22-3-spend-help p{margin:0;font-size:7px;line-height:1.55;color:#708198}.v22-3-spend-help small{font-size:6.5px;line-height:1.55;color:#5f7187}.v22-3-spend-help b{color:#cfd9e5}
.v22-3-spend-table{margin-top:12px}.v22-3-spend-table table{min-width:900px}.v22-3-delete-spend{border:1px solid #3a2430;background:#1b1017;color:#ff8a98;border-radius:8px;height:28px;padding:0 9px;font-size:6px;font-weight:900;cursor:pointer}
@media(max-width:1000px){.v22-3-spend-layout{grid-template-columns:1fr}.v22-3-spend-help{min-height:110px}}
@media(max-width:720px){.v22-3-spend-form{grid-template-columns:1fr 1fr}.v22-3-spend-form label.wide,.v22-3-spend-form button.wide{grid-column:1/-1}}
@media(max-width:520px){.v22-3-spend-form{grid-template-columns:1fr}.v22-3-spend-form label.wide,.v22-3-spend-form button.wide{grid-column:auto}.v22-3-spend-form input{height:42px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.v22-3-spend-form button{transition:none!important}}