:root{--bg:#0f1720;--surface:#17222e;--line:#26333f;--ink:#e7eef4;--soft:#9db0be;--accent:#eda430;--ok:#4fb57e;--warn:#e0a431;--crit:#e5665f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1100px;margin:0 auto;padding:24px}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.topbar h1{margin:0;font-size:1.3rem}.conn{align-items:center;gap:10px;display:flex}.tabs{background:var(--surface);border:1px solid var(--line);border-radius:9px;gap:4px;padding:3px;display:flex}.tab{color:var(--soft);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 14px;font-size:.85rem}.tab.active{background:var(--accent);color:#16202b;font-weight:700}.btn{background:var(--accent);color:#16202b;cursor:pointer;border:none;border-radius:8px;padding:9px 14px;font-size:.9rem;font-weight:700;text-decoration:none}.btn.ghost{color:var(--soft);border:1px solid var(--line);background:0 0}.btn:disabled{opacity:.6;cursor:default}.pill{border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600}.pill.ok{color:var(--ok);background:#4fb57e26}.alert{color:#f0b4b4;background:#e15a5a1f;border:1px solid #c13a3a;border-radius:8px;margin:20px 0;padding:12px 14px}.alert.banner-info{border-color:var(--ok);color:var(--ok);background:#4fb57e1f}.alert.banner-aviso{border-color:var(--warn);color:var(--warn);background:#e0a4311f}.alert.banner-critico{border-color:var(--crit);color:var(--crit);background:#e5665f1f}.empty{color:var(--soft);text-align:center;padding:32px 0}main h2{align-items:center;gap:10px;margin:24px 0 16px;display:flex}.count{background:var(--surface);border:1px solid var(--line);color:var(--soft);border-radius:999px;padding:2px 9px;font-size:.8rem}.status-toggle{width:fit-content;margin:24px 0 0}.status-toggle .count{background:#ffffff14;border-color:#0000}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.card img{object-fit:contain;background:#fff;width:100%;height:170px}.noimg{height:170px;color:var(--soft);background:#0c141c;place-items:center;font-size:.8rem;display:grid}.card .body{flex-direction:column;gap:8px;padding:12px;display:flex}.title{color:var(--ink);font-size:.92rem;font-weight:600;line-height:1.35;text-decoration:none}.title:hover{color:var(--accent)}.star{color:var(--accent);margin-right:4px}.meta{justify-content:space-between;align-items:center;display:flex}.status{text-transform:uppercase;letter-spacing:.04em;color:var(--soft);font-size:.72rem}.s-active{color:var(--ok)}.s-paused{color:var(--accent)}.sub{color:var(--soft);font-size:.78rem}.user{color:var(--soft);font-size:.85rem}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:340px;padding:28px;display:flex}.login h1{margin:0;font-size:1.15rem}.login .sub{margin:-8px 0 4px}.login label{color:var(--soft);flex-direction:column;gap:6px;font-size:.82rem;display:flex}.login input{border:1px solid var(--line);color:var(--ink);background:#0c141c;border-radius:8px;padding:10px 12px;font-size:.95rem}.login input:focus{outline:2px solid var(--accent);outline-offset:1px}.login .btn{text-align:center;margin-top:4px}.login .link-toggle{margin-top:-4px;font-size:.8rem}.config{flex-direction:column;gap:40px;display:flex}.config section h2{margin:0 0 4px;font-size:1.05rem}.config .hint{color:var(--soft);margin:0 0 16px;font-size:.85rem}.provider-form{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;max-width:520px;margin-bottom:20px;padding:16px;display:flex}.provider-form .row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.provider-form label{color:var(--soft);flex-direction:column;gap:6px;font-size:.82rem;display:flex}.provider-form input,.provider-form select{border:1px solid var(--line);color:var(--ink);background:#0c141c;border-radius:8px;padding:9px 11px;font-size:.9rem}.provider-list{flex-direction:column;gap:10px;display:flex}.provider-row{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px}.provider-info{align-items:center;gap:12px;display:flex}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 9px;font-size:.68rem;font-weight:700}.badge.txt{color:var(--accent);background:#eda43026}.badge.img{color:#45b8c6;background:#45b8c626}.provider-info .sub{color:var(--soft);margin-top:2px;font-size:.78rem}.provider-actions{gap:8px;margin-top:10px;display:flex}.btn.danger{color:#e5665f}.pill.off{color:var(--soft);background:#9db0be26;border-radius:999px;padding:4px 10px;font-size:.74rem}.test-result{border:1px solid var(--line);background:#0c141c;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:.85rem}.test-result.error{color:#e5665f}.test-image{border-radius:6px;max-width:220px;display:block}.task-table{flex-direction:column;gap:8px;display:flex}.task-row{background:var(--surface);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.task-row .sub{color:var(--soft);font-family:monospace;font-size:.76rem}.task-row select{border:1px solid var(--line);color:var(--ink);background:#0c141c;border-radius:8px;min-width:220px;padding:8px 10px;font-size:.85rem}.template-editor{border-top:1px dashed var(--line);flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;display:flex}.template-editor label{color:var(--soft);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.template-editor input,.template-editor textarea{border:1px solid var(--line);color:var(--ink);background:#0c141c;border-radius:8px;padding:8px 10px;font-family:monospace;font-size:.82rem}.template-editor textarea{resize:vertical}.brand-form{gap:8px;max-width:420px;margin-bottom:14px;display:flex}.brand-form input{border:1px solid var(--line);color:var(--ink);background:#0c141c;border-radius:8px;flex:1;padding:9px 11px;font-size:.9rem}.brand-list{flex-wrap:wrap;gap:8px;display:flex}.brand-chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:.85rem;display:inline-flex}.brand-chip button{color:var(--soft);cursor:pointer;background:0 0;border:none;border-radius:50%;width:20px;height:20px;font-size:1rem;line-height:1}.brand-chip button:hover{color:var(--crit);background:#e5665f33}.rascunhos-layout{grid-template-columns:300px 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.rascunhos-layout{grid-template-columns:1fr}}.rascunhos-list{flex-direction:column;gap:12px;display:flex}.new-draft-form{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.new-draft-form label{color:var(--soft);flex-direction:column;gap:6px;font-size:.8rem;display:flex}.new-draft-form textarea,.new-draft-form select{border:1px solid var(--line);color:var(--ink);background:#0c141c;border-radius:8px;padding:8px 10px;font-size:.88rem}.new-draft-form .row{gap:8px;display:flex}.draft-cards{flex-direction:column;gap:8px;display:flex}.draft-card{background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:left;width:100%;color:var(--ink);border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;display:flex;position:relative}.draft-card.active{border-color:var(--accent)}.draft-title{font-size:.85rem;line-height:1.3}.draft-score{color:var(--soft);font-family:monospace;font-size:.78rem;position:absolute;top:10px;right:12px}.status-pill{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:.68rem;font-weight:700}.st-draft{color:var(--soft);background:#9db0be26}.st-validating{color:var(--warn);background:#e0a43126}.st-ready{color:var(--ok);background:#4fb57e26}.st-published{color:#45b8c6;background:#45b8c626}.st-paused{color:var(--soft);background:#9db0be26}.st-error{color:var(--crit);background:#e5665f26}.draft-detail{flex-direction:column;gap:20px;display:flex}.draft-header{justify-content:space-between;align-items:center;display:flex}.draft-header h2{margin:0;font-size:1.1rem}.raw-input-form{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}.raw-input-form summary{cursor:pointer;margin-bottom:10px;font-size:.9rem;font-weight:700}.raw-input-form .row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.raw-input-form label{color:var(--soft);flex-direction:column;gap:5px;font-size:.78rem;display:flex}.raw-input-form input,.raw-input-form textarea,.raw-input-form select{border:1px solid var(--line);color:var(--ink);background:#0c141c;border-radius:8px;padding:8px 10px;font-size:.86rem}.raw-input-form .checkbox{flex-direction:row;align-items:center;gap:8px;margin:6px 0 12px}.raw-input-form .hint{margin-top:8px;display:block}.draft-actions{flex-wrap:wrap;gap:10px;display:flex}.validation-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}.score-row{align-items:center;gap:14px;margin-bottom:14px;display:flex}.score-big{font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800}.checks{flex-direction:column;gap:8px;display:flex}.check-row{background:#0c141c;border-radius:8px;align-items:flex-start;gap:12px;padding:8px 10px;display:flex}.check-score{text-align:center;border-radius:6px;min-width:32px;padding:2px 0;font-family:monospace;font-size:.82rem;font-weight:700}.check-row.pass .check-score{color:var(--ok)}.check-row.fail .check-score{color:var(--crit)}.check-row.na .check-score{color:var(--soft)}.check-label{font-size:.85rem}.check-detail{color:var(--soft);margin-top:2px;font-size:.76rem}.package-view{flex-direction:column;gap:18px;display:flex}.package-section{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.package-section h3{text-transform:uppercase;letter-spacing:.04em;color:var(--soft);margin:0 0 10px;font-size:.85rem}.package-section ul,.package-section ol{flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:.88rem;display:flex}.package-section p{margin:0;font-size:.9rem;line-height:1.6}.package-section mark{color:#ffb4af;background:#e5665f40;border-radius:3px;padding:1px 3px}.titles-list{flex-direction:column;gap:6px;display:flex}.title-option{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#0c141c;border-radius:8px;justify-content:space-between;gap:10px;padding:8px 12px;font-size:.86rem;display:flex}.title-option.chosen{border-color:var(--ok);background:#4fb57e1a}.title-option .len{color:var(--soft);font-family:monospace;font-size:.76rem}.image-script .sub{color:var(--soft);margin-top:2px;font-size:.78rem}.faq-list{margin:0}.faq-list dt{margin-top:8px;font-size:.86rem;font-weight:700}.faq-list dt:first-child{margin-top:0}.faq-list dd{color:var(--soft);margin:4px 0 0;font-size:.84rem}.alert.warn{border-color:var(--warn);color:var(--warn);background:#e0a4311f}.images-section{flex-direction:column;gap:14px;display:flex}.images-header{justify-content:space-between;align-items:center;display:flex}.images-header h3{margin:0;font-size:.95rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.image-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.image-card.approved{border-color:var(--ok)}.image-card img{object-fit:contain;background:#fff;width:100%;height:180px}.image-body{flex-direction:column;gap:8px;padding:10px 12px;display:flex}.image-role{text-transform:capitalize;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;display:flex}.image-actions{flex-wrap:wrap;gap:6px;display:flex}.image-actions .btn{padding:6px 10px;font-size:.78rem}.color-form,.reuse-form{gap:6px;margin-top:4px;display:flex}.color-form input,.reuse-form input,.reuse-form select{border:1px solid var(--line);color:var(--ink);background:#0c141c;border-radius:6px;flex:1;padding:6px 8px;font-size:.8rem}.checklist-panel{border:1px solid var(--line);background:#0c141c;border-radius:8px;flex-direction:column;gap:6px;margin-top:4px;padding:10px;display:flex}.checklist-panel .checkbox{color:var(--ink);flex-direction:row;align-items:center;gap:8px;font-size:.78rem;display:flex}.checklist-panel .btn{align-self:flex-start;margin-top:6px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.library-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.library-card img{object-fit:contain;background:#fff;width:100%;height:170px}.library-body{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.library-body .sub{color:var(--soft);text-transform:capitalize;font-size:.78rem}.ads{flex-direction:column;gap:16px;display:flex}.listing-picker{border:1px solid var(--line);background:#0c141c;border-radius:8px;flex-direction:column;gap:4px;max-height:140px;padding:8px 10px;display:flex;overflow-y:auto}.listing-picker .checkbox{color:var(--ink);flex-direction:row;align-items:center;gap:8px;font-size:.82rem;display:flex}.campaign-list{flex-direction:column;gap:10px;display:flex}.campaign-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.campaign-head{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.campaign-head .sub{color:var(--soft);margin-top:2px;font-size:.78rem}.campaign-head-right{align-items:center;gap:10px;display:flex}.metric-chip{color:var(--soft);font-family:monospace;font-size:.78rem}.campaign-body{border-top:1px solid var(--line);flex-direction:column;gap:16px;padding:0 16px 16px;display:flex}.metric-form{margin-top:4px}.metric-form .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.metric-form input{border:1px solid var(--line);color:var(--ink);background:#0c141c;border-radius:8px;width:120px;padding:7px 9px;font-size:.82rem}.metric-form input[type=date]{width:145px}.tbl-scroll{overflow-x:auto}.metrics-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.82rem}.metrics-table th,.metrics-table td{text-align:left;border-bottom:1px solid var(--line);padding:7px 10px}.metrics-table th{color:var(--soft);text-transform:uppercase;letter-spacing:.03em;font-size:.74rem;font-weight:600}.insights-panel{flex-direction:column;gap:12px;display:flex}.check-row.sev-critical .check-score{color:var(--crit)}.check-row.sev-warn .check-score{color:var(--warn)}.check-row.sev-info .check-score{color:#45b8c6}.ai-analysis{border:1px solid var(--line);background:#0c141c;border-radius:8px;padding:12px 14px}.ai-analysis h4{color:var(--soft);margin:0 0 6px;font-size:.82rem}.ai-analysis p{margin:0;font-size:.88rem;line-height:1.6}.reclamacoes{flex-direction:column;gap:16px;display:flex}.st-open{color:var(--soft);background:#9db0be26}.st-in_mediation{color:var(--warn);background:#e0a43126}.st-answered{color:#45b8c6;background:#45b8c626}.st-closed{color:var(--ok);background:#4fb57e26}.complaint-list{flex-direction:column;gap:10px;display:flex}.complaint-card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:12px;overflow:hidden}.complaint-card.urg-critico{border-left-color:var(--crit)}.complaint-card.urg-atencao{border-left-color:var(--warn)}.complaint-card.urg-ok{border-left-color:var(--ok)}.complaint-head{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.complaint-head .sub{color:var(--soft);margin-top:2px;font-size:.78rem}.complaint-head-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.complaint-body{border-top:1px solid var(--line);flex-direction:column;gap:14px;padding:0 16px 16px;display:flex}.complaint-body .row{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:12px;display:flex}.complaint-body select{border:1px solid var(--line);color:var(--ink);background:#0c141c;border-radius:8px;padding:7px 9px;font-size:.84rem}.urgency-pill{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:.68rem;font-weight:700}.urgency-pill.urg-critico{color:var(--crit);background:#e5665f26}.urgency-pill.urg-atencao{color:var(--warn);background:#e0a43126}.urgency-pill.urg-ok{color:var(--ok);background:#4fb57e26}.urgency-pill.urg-sem_prazo{color:var(--soft);background:#9db0be26}.messages-history{border:1px solid var(--line);background:#0c141c;border-radius:8px;flex-direction:column;gap:6px;max-height:160px;padding:10px 12px;display:flex;overflow-y:auto}.message-item{font-size:.84rem;line-height:1.5}.reply-box{flex-direction:column;gap:8px;display:flex}.reply-textarea{border:1px solid var(--line);color:var(--ink);resize:vertical;background:#0c141c;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.88rem}.analysis-panel{flex-direction:column;gap:12px;display:flex}.analysis-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.analysis-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.reason-list{flex-direction:column;gap:4px;margin:0 0 10px;padding-left:18px;font-size:.84rem;display:flex}.reason-list .len{color:var(--soft);font-family:monospace;font-size:.76rem}.faq-suggestion{color:var(--soft);border:1px solid var(--line);background:#0c141c;border-radius:8px;padding:8px 10px;font-size:.82rem}.dashboard-header{flex-wrap:wrap;align-items:baseline;gap:12px;margin:8px 0 16px;display:flex}.dashboard-header h2{margin:0}.dashboard-header .hint{color:var(--soft);margin-right:auto;font-size:.82rem}.metric-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:28px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.metric-titulo{color:var(--soft);font-size:.78rem}.metric-valor{font-size:1.25rem;font-weight:700}.metric-valor.indisponivel{color:var(--soft);font-size:.95rem;font-style:italic;font-weight:400}.metric-var{width:fit-content;font-size:.78rem}.metric-var.bom{color:var(--ok)}.metric-var.ruim{color:var(--crit)}.desempenho-lista{flex-direction:column;gap:6px;margin-bottom:28px;display:flex}.desempenho-row{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-size:.85rem;display:flex}.desempenho-titulo{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.desempenho-un{color:var(--soft)}
