/* Smart Sales 1.4.75 — marketing, importação, SMS dos Disparos e as regras do agente de IA (prefixo ss-). Mesmo padrão
   visual do Smart Sales (sales-crm.css, sx-*) e da plataforma (cp-*). Cabe em 390 px. */
.ss-mkt{display:flex;flex-direction:column;gap:12px;min-width:0}
.ss-subnav{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;padding:4px;background:#f7f5fd;border:1px solid #ece8f8;border-radius:12px;scrollbar-width:thin}
.ss-subnav button{border:0;background:transparent;border-radius:9px;padding:8px 12px;color:#6f6798;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}
.ss-subnav button[aria-selected=true]{background:#fff;color:#4c1d95;box-shadow:0 1px 4px #2c166e1f}
.ss-approval-note{display:flex;gap:8px;align-items:flex-start;margin:0;padding:9px 12px;border-radius:10px;background:#f1ebff;color:#4c1d95;font-size:13px}
.ss-approval-note svg{flex:0 0 16px;width:16px;height:16px;margin-top:2px}
.ss-section{min-width:0}
.ss-mkt .cp-card,.ss-imports .cp-card,.ss-section .cp-card{padding:16px}
.ss-ai-rules .ss-fieldset{background:#fff}
.ss-loading{padding:20px;color:#6f6798}
.ss-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ss-head h3{margin:2px 0 4px;font-size:19px;color:#25136c;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ss-head h3 small{font-size:13px;color:#6f6798;font-weight:600}
.ss-head p{margin:0;color:#6f6798;font-size:13px;max-width:760px}
.ss-head-actions,.ss-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ss-actions{justify-content:flex-end}
.ss-link{border:0;background:transparent;color:#5b21b6;font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:2px 0}
.ss-link.danger{color:#b42318}.ss-link:disabled{color:#b8b1d3;cursor:default}
.ss-muted{color:#6f6798;font-size:13px;margin:4px 0}
.ss-bad{color:#b42318}
.ss-error{padding:10px 12px;border-radius:8px;background:#fee2e2;color:#991b1b;font-weight:600;margin:8px 0}
.ss-error[hidden]{display:none}
.ss-returned{margin:6px 0 0;padding:8px 10px;border-radius:8px;background:#fff7e6;color:#8a5300;font-size:13px}
.ss-confirm{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#2c166e}
.ss-status{display:inline-block;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;white-space:nowrap;background:#f1f0f5;color:#5b5575}
.ss-status.good{background:#dcfce7;color:#166534}.ss-status.bad{background:#fee2e2;color:#991b1b}
.ss-status.warn{background:#fef3c7;color:#92400e}.ss-status.info{background:#e0f2fe;color:#075985}
.ss-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:12px}
.ss-cards article{background:#fff;border:1px solid #ece8f8;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.ss-cards span{color:#6f6798;font-size:12px;font-weight:600}.ss-cards strong{color:#25136c;font-size:20px}
.ss-cards.small{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.ss-cards.small strong{font-size:17px}
.ss-list{display:flex;flex-direction:column;gap:8px}
.ss-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px 14px;align-items:center;background:#fff;border:1px solid #ece8f8;border-radius:12px;padding:12px 14px;cursor:pointer;text-align:left}
.ss-row.static{cursor:default}
.ss-row:hover:not(.static),.ss-row:focus-visible{border-color:#c4b5fd;outline:none;box-shadow:0 0 0 3px #ede9fe}
.ss-row b{color:#25136c}.ss-row small{display:block;color:#6f6798;font-size:12px;margin-top:2px;overflow-wrap:anywhere}
.ss-row-stats{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#4b4370}
.ss-row-actions{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid #f1eef9;padding-top:8px}
.ss-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px}
.ss-kinds{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.ss-kind{display:flex;flex-direction:column;gap:6px;text-align:left;background:#fff;border:1px solid #e3dcf7;border-radius:14px;padding:14px;cursor:pointer;font:inherit}
.ss-kind:hover,.ss-kind:focus-visible{border-color:#7c3aed;box-shadow:0 0 0 3px #ede9fe;outline:none}
.ss-kind b{color:#25136c;font-size:15px}.ss-kind small{color:#6f6798;font-size:13px}.ss-kind em{color:#5b21b6;font-size:12px;font-style:normal;font-weight:700}
.ss-editor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;align-items:start}
.ss-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;align-content:start}
.ss-form>.cp-form-error,.ss-form>.cp-form-actions,.ss-form>.ss-error{grid-column:1/-1}
.ss-wide{grid-column:1/-1}
.ss-field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#2c166e;font-weight:600;min-width:0}
.ss-field input,.ss-field select,.ss-field textarea,.ss-two>input{border:1px solid #dcd5f1;border-radius:9px;padding:9px 10px;font:inherit;font-weight:400;color:#25136c;background:#fff;min-width:0;max-width:100%;width:100%;box-sizing:border-box}
.ss-field input[type=color]{padding:3px;height:38px}
.ss-field textarea{resize:vertical}
.ss-field small{font-weight:400;color:#6f6798}
.ss-field code{background:#f3effd;border-radius:5px;padding:1px 4px;font-size:11px;margin-right:2px;display:inline-block}
.ss-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.ss-fieldset{border:1px solid #e7e2f6;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}
.ss-fieldset legend{font-weight:700;color:#2c166e;padding:0 4px;font-size:13px}
.ss-check{display:inline-flex;align-items:flex-start;gap:7px;font-size:13px;color:#2c166e;font-weight:500}
.ss-check input{margin-top:3px}
.ss-check.small{font-size:12px;color:#6f6798}
.ss-check-pair{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.ss-checks{display:flex;flex-wrap:wrap;gap:6px 14px}
.ss-file{font-size:13px;color:#5b21b6;font-weight:700;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.ss-file input{font-size:12px;max-width:100%}
.ss-chips,.ss-add{display:flex;flex-wrap:wrap;gap:6px}
.ss-chip{border:1px solid #ddd3fb;background:#f7f4ff;color:#5b21b6;border-radius:999px;padding:4px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.ss-chip:hover{background:#ede9fe}
.ss-preview{position:sticky;top:calc(-1 * var(--cp-frame-top,0px) + 8px);display:flex;flex-direction:column;gap:8px;min-width:0}
.ss-preview h4,.cp-card>h4{margin:0 0 6px;color:#25136c}.ss-preview h4 small{color:#6f6798;font-weight:500}
.ss-frame{width:100%;height:520px;border:1px solid #ece8f8;border-radius:10px;background:#fff}
.ss-bubble{align-self:flex-start;max-width:100%;background:#e7ffdb;color:#1f2a1a;border-radius:12px 12px 12px 2px;padding:10px 12px;font-size:14px;line-height:1.45;overflow-wrap:anywhere;box-shadow:0 1px 2px #0000001a}
.ss-bubble.sms{background:#eef2ff;color:#1e1b4b}.ss-bubble.voice_broadcast{background:#fff7ed;color:#431407}
.ss-estimate{background:#f7f5fd;border-radius:10px;padding:10px 12px;font-size:13px;color:#2c166e}
.ss-estimate strong{font-size:18px}.ss-estimate ul,.ss-reasons{margin:6px 0 0;padding-left:18px;color:#6f6798;font-size:13px}
.ss-return{background:#fff7e6;border:1px solid #fde68a;border-radius:12px;padding:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}
.ss-return[hidden]{display:none}
.ss-table-wrap{overflow-x:auto;margin-top:8px}
.ss-table{width:100%;border-collapse:collapse;font-size:13px}
.ss-table th{text-align:left;color:#6f6798;font-weight:700;padding:6px 8px;border-bottom:1px solid #ece8f8;white-space:nowrap}
.ss-table td{padding:7px 8px;border-bottom:1px solid #f4f1fb;color:#2c166e;vertical-align:top}
.ss-table td small{display:block;color:#6f6798;font-size:11px}
.ss-grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.ss-grid-cards>.cp-card{display:flex;flex-direction:column;gap:6px}
.ss-grid-cards header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ss-grid-cards header b{color:#25136c}
.ss-grid-cards footer{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:auto;border-top:1px solid #f1eef9;padding-top:8px}
.ss-audience-counts{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:#4b4370}
.ss-sample{margin:6px 0 0;padding-left:18px;font-size:13px;color:#4b4370}
.ss-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:10px}
.ss-grow{flex:1 1 220px}
.ss-blocks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ss-blocks li{border:1px solid #e7e2f6;border-radius:12px;padding:10px;background:#fbfaff}
.ss-blocks li header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ss-blocks li header b{color:#4c1d95;font-size:13px}
.ss-icon{border:1px solid #e3dcf7;background:#fff;border-radius:7px;width:28px;height:28px;cursor:pointer;color:#5b21b6;font-weight:700}
.ss-icon:disabled{opacity:.4;cursor:default}
.ss-add{margin-top:8px}
.ss-post p{margin:0;font-size:13px;color:#2c166e}
.ss-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.ss-post-option{display:flex;flex-direction:column;gap:6px;border:1px solid #e3dcf7;background:#fff;border-radius:10px;padding:6px;text-align:left;cursor:pointer;font:inherit;font-size:12px;color:#2c166e}
.ss-post-option img{width:100%;height:100px;object-fit:cover;border-radius:7px}
.ss-post-option small{display:block;color:#6f6798}
.ss-ai-rules{display:flex;flex-direction:column;gap:10px}
.ss-ai-rules [data-rule-body]{display:flex;flex-direction:column;gap:10px}
.ss-ai-rules [hidden]{display:none!important}
.ss-imports{display:flex;flex-direction:column;gap:14px}
/* Disparos de mensagens (whatsapp-commerce.js) */
.wc-hub{max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.wc-hub-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.wc-hub-head h1{margin:3px 0 6px;color:#2d116d;font-size:28px}
.wc-hub-head p{margin:0;color:#89799b;font-size:13px;max-width:640px}
.wc-hub-switch{display:flex;gap:8px;padding:5px;background:#fff;border:1px solid #e9e1ef;border-radius:14px}
.wc-hub-switch button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;border-radius:10px;background:transparent;padding:9px 16px;font:inherit;cursor:pointer;color:#6f6798;min-width:150px}
.wc-hub-switch button b{font-size:14px}.wc-hub-switch button small{font-size:11px;color:#8b84a8}
.wc-hub-switch button[aria-selected=true]{background:#ede3fb;color:#5b21b6}
.wc-hub-body{min-width:0}
.wc-module>header h2{margin:3px 0 7px;color:#2d116d;font-size:20px}
@media(max-width:900px){.ss-editor-grid{grid-template-columns:minmax(0,1fr)}.ss-preview{position:static}.ss-frame{height:420px}}
@media(max-width:560px){.ss-form,.ss-two{grid-template-columns:minmax(0,1fr)}.ss-row{grid-template-columns:minmax(0,1fr)}.ss-row>.ss-status{justify-self:start}
  .wc-hub-switch{width:100%}.wc-hub-switch button{flex:1;min-width:0;padding:8px 10px}.ss-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Inside the agent editor of Smart IA (.si-editor label is a column): the checks stay in one line. */
.si-editor .ss-ai-rules .ss-check{flex-direction:row;align-items:flex-start;gap:7px;margin:0;font-size:13px;font-weight:600;color:#2c166e}
.si-editor .ss-ai-rules .ss-check input{width:auto;margin-top:2px}
.si-editor .ss-ai-rules .ss-field{margin:0}
.si-editor .ss-ai-rules .ss-fieldset{gap:6px}
.si-editor .ss-ai-rules .ss-checks{gap:6px 16px}
/* 1.4.117: Formulários do site (site-forms.js) */
.sf-fields{display:flex;flex-direction:column;gap:10px}
.sf-field{border:1px solid #ece8f8;border-radius:10px;padding:10px 12px;background:#fcfbff;display:flex;flex-direction:column;gap:8px;min-width:0}
.sf-field-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sf-field-head small{color:#6f6798;font-size:12px}.sf-field-head code{background:#f3effd;border-radius:5px;padding:1px 5px;font-size:11px}
.sf-kind{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#5b21b6;background:#f1ecfe;border-radius:999px;padding:2px 9px}
.sf-moves{margin-left:auto;display:flex;gap:10px}
.sf-moves .ss-link[disabled]{opacity:.35;cursor:default}
.sf-add{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:8px 10px;align-items:end}
.sf-code{display:flex;flex-direction:column;gap:12px}
.sf-code p{margin:0}
.sf-code-text{width:100%;box-sizing:border-box;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border:1px solid #dcd5f1;border-radius:10px;padding:10px;background:#faf9fe;color:#25136c;resize:vertical}
.sf-code-actions{display:flex;gap:8px;flex-wrap:wrap}
.sf-notes{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#4b4370}
.sf-notes code{background:#f3effd;border-radius:5px;padding:1px 4px;font-size:11px}
.sf-notes a{overflow-wrap:anywhere}
@media(max-width:560px){.sf-add{grid-template-columns:minmax(0,1fr)}.sf-moves{margin-left:0}}
/* 1.4.206: Entrar com o Google */
.ss-google{display:grid;gap:12px}
.ss-google-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 18px;border:1px solid #dadce0;border-radius:8px;background:#fff;color:#3c4043;font:inherit;font-weight:600;cursor:pointer;justify-self:start}
.ss-google-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px rgba(60,64,67,.25)}
.ss-google-btn:disabled{opacity:.6;cursor:default;box-shadow:none}