:root{ --st-bg:#f4f7fb;--st-card:#fff;--st-text:#101828;--st-muted:#667085; --st-border:#dfe5ef;--st-primary:#08aeea;--st-accent:#222D3B; --st-cyan:#4fddff;--st-success:#039855;--st-danger:#b42318;--st-warning:#f79009; --st-topbar-h:58px;--st-sidebar-w:248px; } *{box-sizing:border-box} html.ssmia-app-html,html.ssmia-app-html body{margin:0!important;padding:0!important;width:100%!important;overflow-x:hidden} body.st-app-body,body.ssmia-app-body{margin:0!important;padding:0!important;background:var(--st-bg)!important;color:var(--st-text);font-family:Inter,Arial,Helvetica,sans-serif!important;min-height:100vh} body.ssmia-app-body #wpadminbar{display:none!important} .st-app-shell{min-height:100vh;width:100%} .st-front-wrap,.ssmia-front-wrap{width:100%;margin:0;min-height:100vh;padding-top:var(--st-topbar-h)} .st-client-topbar{position:fixed;top:0;left:0;right:0;z-index:1200;height:var(--st-topbar-h);padding:8px 18px;background:linear-gradient(180deg,#222d3b 0%,#1d2937 100%);border-bottom:1px solid #334357;display:flex;align-items:center;justify-content:space-between;gap:14px} .st-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#e9fbff;font-size:17px;min-width:0} .st-brand-logo{background:#fff;border-radius:10px;padding:6px 8px;border:1px solid #d8edf6;box-shadow:0 4px 10px rgba(0,0,0,.15);width:145px;max-height:52px;object-fit:contain} .st-brand-name{color:#e9fbff;font-weight:700} .ssmia-brand-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#113448;background:var(--st-cyan);border-radius:999px;padding:2px 8px;margin-left:6px} .st-topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto} .st-user-chip{color:#d8f8ff;font-size:12px;padding:6px 10px;border:1px solid #3a4d64;border-radius:8px} .st-mobile-menu-toggle-top{display:none;border:0;background:#1a2533;border-radius:8px;padding:8px;cursor:pointer} .st-mobile-menu-toggle-top span{display:block;width:18px;height:2px;background:#e6f8ff;margin:3px 0} .st-mobile-menu-backdrop{position:fixed;inset:0;top:var(--st-topbar-h);background:rgba(15,23,42,.52);z-index:1090;border:0;cursor:pointer} .st-mobile-menu-backdrop[hidden]{display:none!important} .st-sidebar-shell{position:fixed;top:var(--st-topbar-h);left:0;width:var(--st-sidebar-w);height:calc(100vh - var(--st-topbar-h));background:#222d3b!important;border-right:1px solid #334357!important;overflow-y:auto;z-index:1100} .st-main-column{margin-left:var(--st-sidebar-w);padding:14px 18px 28px;min-height:calc(100vh - var(--st-topbar-h));width:calc(100% - var(--st-sidebar-w))} .st-sidebar-shell .st-front-nav{display:flex;flex-direction:column;gap:4px;padding:8px} .st-sidebar-shell .st-front-nav a{display:flex;align-items:center;gap:8px;border-radius:10px;padding:7px 10px;color:#e6f8ff;background:transparent;border:1px solid #2a394b;min-height:34px;font-size:12px;text-decoration:none;font-weight:700} .st-sidebar-shell .st-front-nav a:hover{border-color:#4fddff70;background:#29404e} .st-sidebar-shell .st-front-nav a.active{background:var(--st-cyan);color:#113448;border-color:var(--st-cyan);font-weight:800} .st-nav-session{margin-top:8px;padding:8px;border-top:1px solid #334357} .ssmia-nav-promo{margin:8px;padding:12px;border-radius:10px;background:rgba(79,221,255,.08);border:1px solid rgba(79,221,255,.2);font-size:11px;color:#b8ecf8;line-height:1.45} .st-nav-logout{display:flex;align-items:center;gap:8px;border-radius:10px;padding:7px 10px;color:#ffb4b4;border:1px solid #5a3030;text-decoration:none;font-size:12px;font-weight:700} .st-star-btn,.st-front-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer;border:2px solid transparent;background:linear-gradient(135deg,#4fddff 0%,#08aeea 100%);color:#113448;box-shadow:0 8px 20px rgba(8,174,234,.22)} .st-front-secondary{background:#fff!important;color:#057aa4!important;border-color:#08aeea!important;box-shadow:none!important} .ssmia-panel-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#222d3b,#1a2533);color:#fff;border-radius:14px;padding:18px 20px;margin-bottom:16px} .ssmia-panel-kicker{margin:0 0 4px;font-size:11px;letter-spacing:.12em;opacity:.7;text-transform:uppercase} .ssmia-panel-title{margin:0;font-size:22px;font-weight:800} .ssmia-panel-sub{margin:6px 0 0;opacity:.8;font-size:13px} .ssmia-panel-actions{display:flex;flex-wrap:wrap;gap:8px} .ssmia-card{background:#fff;border:1px solid var(--st-border);border-radius:14px;padding:18px;margin-bottom:14px;box-shadow:0 8px 24px rgba(15,23,42,.05)} .ssmia-card h3{margin:0 0 12px;font-size:16px;font-weight:800} .ssmia-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px} .ssmia-stat-card{background:#fff;border:1px solid var(--st-border);border-radius:14px;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.06)} .ssmia-stat-value{display:block;font-size:24px;font-weight:800;color:#057aa4} .ssmia-stat-label{display:block;font-size:13px;font-weight:700;margin-top:4px} .ssmia-stat-hint{display:block;font-size:11px;color:var(--st-muted);margin-top:4px} .ssmia-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px} .ssmia-form p{margin:0 0 12px} .ssmia-form label{display:block;font-size:12px;font-weight:700;color:var(--st-muted);margin-bottom:6px} .ssmia-input,.ssmia-form textarea,.ssmia-form select{width:100%;padding:10px 12px;border:1px solid var(--st-border);border-radius:10px;font-size:14px;background:#fff} .ssmia-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .ssmia-col-12{grid-column:1/-1} .ssmia-btn-block{display:flex;width:100%;justify-content:center} .ssmia-btn-sm{min-height:34px;padding:6px 12px;font-size:12px} .ssmia-muted{color:var(--st-muted);font-size:14px} .ssmia-hint{font-size:12px;color:var(--st-muted);margin-top:8px} .ssmia-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700} .ssmia-badge--success{background:#ecfdf3;color:#027a48} .ssmia-badge--warning{background:#fffaeb;color:#b54708} .ssmia-badge--danger{background:#fef3f2;color:#b42318} .ssmia-badge--info{background:#eff8ff;color:#175cd3} .ssmia-badge--muted{background:#f2f4f7;color:#475467} .ssmia-notice{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:14px} .ssmia-notice--success{background:#ecfdf3;border:1px solid #6ce9a6;color:#027a48} .ssmia-notice--danger{background:#fef3f2;border:1px solid #fda29b;color:#b42318} .ssmia-notice--info{background:#eff8ff;border:1px solid #84caff;color:#175cd3} .ssmia-notice--warning{background:#fffaeb;border:1px solid #fedf89;color:#b54708} .ssmia-card--warning{border-color:#fedf89} .ssmia-module-card--featured{border-color:#4fddff;background:#eff8ff} .ssmia-module-card--featured h3{color:#057aa4} .ssmia-list{display:flex;flex-direction:column;gap:8px} .ssmia-list-item{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--st-border);border-radius:10px;text-decoration:none;color:inherit;transition:.15s} .ssmia-list-item:hover{border-color:#08aeea;background:#f8fafc} .ssmia-list-item--static{cursor:default} .ssmia-list-item strong{font-size:14px} .ssmia-list-item span{font-size:12px;color:var(--st-muted)} .ssmia-client-grid,.ssmia-module-grid,.ssmia-pub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px} .ssmia-client-card,.ssmia-module-card{display:block;background:#fff;border:1px solid var(--st-border);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:.15s} .ssmia-client-card:hover,.ssmia-module-card:hover{border-color:#08aeea;box-shadow:0 8px 24px rgba(15,23,42,.08)} .ssmia-client-card__head{display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#222d3b,#1a2533);min-height:80px} .ssmia-client-card__head img{max-height:36px;max-width:120px;object-fit:contain} .ssmia-client-card__body,.ssmia-module-card{padding:16px} .ssmia-module-card h3{margin:0 0 6px;font-size:15px;font-weight:800} .ssmia-module-card p{margin:0;font-size:13px;color:var(--st-muted)} .ssmia-pub-card{background:#fff;border:1px solid var(--st-border);border-radius:14px;overflow:hidden} .ssmia-pub-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block} .ssmia-pub-card__body{padding:12px;display:flex;flex-direction:column;gap:8px} .ssmia-preview{width:100%;border-radius:10px} .ssmia-preview--story{max-width:180px;margin:0 auto;display:block} .ssmia-empty{text-align:center;padding:32px} .ssmia-caption{font-size:14px;line-height:1.6;white-space:pre-wrap} .ssmia-hashtags{color:#057aa4;font-size:13px} .ssmia-agent-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--st-border);border-radius:14px;padding:14px 16px;margin-bottom:14px} .ssmia-agent-bar__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .ssmia-input--inline{width:auto;min-width:150px} .ssmia-pauta-list{display:flex;flex-direction:column;gap:12px} .ssmia-pauta-item{background:#fff;border:1px solid var(--st-border);border-radius:14px;padding:16px} .ssmia-pauta-item__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px} .ssmia-pauta-num{font-weight:800;color:#057aa4;font-size:12px} .ssmia-pauta-item h4{margin:0 0 6px;font-size:15px} .ssmia-pauta-item__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px} .ssmia-pauta-thumb{width:64px;height:80px;object-fit:cover;border-radius:8px;margin-left:auto} .ssmia-draft-card{border-top:1px solid var(--st-border);padding-top:12px} .ssmia-draft-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px} .ssmia-draft-section{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #f0f2f5} .ssmia-draft-section h5{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--st-muted)} .ssmia-draft-headline{font-size:18px;font-weight:800;line-height:1.3} .ssmia-draft-pre{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:1.55;background:#f8fafc;padding:12px;border-radius:10px;margin:0} .ssmia-draft-prompt{font-size:13px;line-height:1.5;color:#334155} .ssmia-draft-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px} .ssmia-feed-sim{max-width:420px;margin:0 auto;background:#fff;border:1px solid var(--st-border);border-radius:16px;overflow:hidden} .ssmia-feed-sim__profile{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--st-border)} .ssmia-feed-sim__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4fddff,#08aeea)} .ssmia-feed-sim__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#fafafa} .ssmia-feed-sim__cell{aspect-ratio:4/5;background:#eceff3;overflow:hidden} .ssmia-feed-sim__cell img{width:100%;height:100%;object-fit:cover;display:block} .ssmia-feed-sim__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;text-align:center;font-size:11px;color:var(--st-muted)} .ssmia-feed-sim__placeholder span{font-size:16px;font-weight:800;color:#057aa4} .ssmia-feed-sim__cell--empty{background:#f5f7fa} @media(max-width:900px){ .st-mobile-menu-toggle-top{display:flex;flex-direction:column} .st-sidebar-shell{transform:translateX(-100%);transition:transform .2s ease} .st-sidebar-shell.is-open{transform:translateX(0)} .st-main-column{margin-left:0;width:100%} .ssmia-form-grid{grid-template-columns:1fr} } (function () { 'use strict'; function qs(sel, ctx) { return (ctx || document).querySelector(sel); } function qsa(sel, ctx) { return Array.prototype.slice.call((ctx || document).querySelectorAll(sel)); } if (!window.ssmiaData) { return; } function apiPost(path, body) { return fetch(ssmiaData.restUrl + path, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-WP-Nonce': ssmiaData.nonce, }, body: body ? JSON.stringify(body) : undefined, }).then(function (r) { return r.json().then(function (d) { return { ok: r.ok, data: d }; }); }); } function setLoading(btn, text) { if (!btn) return function () {}; var orig = btn.textContent; btn.disabled = true; btn.textContent = text || 'Processando...'; return function () { btn.disabled = false; btn.textContent = orig; }; } // Mobile menu var toggle = qs('[data-ssmia-mobile-toggle]'); var sidebar = qs('[data-ssmia-mobile-target]'); var backdrop = qs('[data-ssmia-mobile-backdrop]'); function closeMenu() { if (sidebar) sidebar.classList.remove('is-open'); if (backdrop) backdrop.hidden = true; if (toggle) toggle.setAttribute('aria-expanded', 'false'); } if (toggle && sidebar) { toggle.addEventListener('click', function () { var open = sidebar.classList.toggle('is-open'); if (backdrop) backdrop.hidden = !open; toggle.setAttribute('aria-expanded', open ? 'true' : 'false'); }); } if (backdrop) backdrop.addEventListener('click', closeMenu); // Generate single post draft (gerar page) var form = qs('#ssmia-generate-form'); if (form) { form.addEventListener('submit', function (e) { e.preventDefault(); var btn = qs('#ssmia-generate-btn'); var result = qs('#ssmia-generate-result'); var done = setLoading(btn, 'Gerando rascunho...'); if (result) result.innerHTML = '
IA criando estratégia, copy e direção de arte...
'; var fd = new FormData(form); apiPost('generate', { client_id: fd.get('client_id'), post_theme: fd.get('post_theme'), post_objective: fd.get('post_objective'), offer_type: fd.get('offer_type') || '', }) .then(function (res) { if (!res.ok) throw new Error(res.data.error || 'Erro na geração'); var d = res.data; var html = 'Headline: ' + d.content.headline + '
'; } if (d.pautaId) { html += ''; } if (result) result.innerHTML = html; }) .catch(function (err) { if (result) result.innerHTML = '