html{font-size:16px}
:root{
  /* Radius scale — ver docs/architecture/DESIGN_SYSTEM.md §2 antes de usar um valor solto. */
  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:14px;
  --radius-pill:999px;
  --radius-circle:50%;
  /* Spacing scale — múltiplos de 2px a partir de 4px; usar em vez de valores soltos como 13/17/23px. */
  --space-xs:4px;
  --space-sm:8px;
  --space-md:14px;
  --space-lg:18px;
  --space-xl:28px;
  --bg:#f4f7fb;
  --panel:#fff;
  --line:#dfe7f1;
  --ink:#061735;
  --muted:#637087;
  --blue:#2064f6;
  --green:#1fa15a;
  --purple:#6d3cff;
  --purple-dark:#2b0b68;
  --purple-mid:#4b1fb2;
  --cyan:#13a7c7;
  --amber:#f4a62a;
  --org:#34c98d;
  --org-dark:#0f7a52;
  --org-soft:#e8faf1;
  --danger:#e33b4b;
  --soft-blue:#eaf2ff;
  --soft-green:#e9f8ef;
  --soft-purple:#f0ecff;
  --shadow:0 18px 45px rgba(12,31,68,.08);
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 8%,rgba(32,100,246,.16),transparent 32%),radial-gradient(circle at 82% 14%,rgba(109,60,255,.14),transparent 30%),linear-gradient(135deg,#eef6ff 0%,#f6f0ff 48%,#effbf7 100%);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}
/* ORG-SCOPE: fundo verde-água clarinho no portal do organization user (ver org-portal-guard.js), no lugar do lilás/roxo do painel superadmin */
body.is-org-portal{background:radial-gradient(circle at 10% 8%,rgba(52,201,141,.14),transparent 32%),radial-gradient(circle at 82% 14%,rgba(19,167,199,.12),transparent 30%),linear-gradient(135deg,#eafcf6 0%,#e6faf1 50%,#e3f9ee 100%)}
/* Título + relógio antigos do topbar (data/hora movidos pro sidebar, título
   movido pra dentro da caixa verde Organização, ver orgBanner()) — pedido
   do usuário 2026-08-11. Só escondido no portal do cliente; superadmin
   continua igual. */
.is-org-portal #topbar-title-block,.is-super-admin #topbar-title-block{display:none}
.is-org-portal .topbar-actions{order:4}
/* Caixa verde "Organização" removida do conteúdo (ver orgBanner() no-op) —
   30px de respiro entre o topbar e o início do conteúdo da view, no lugar
   dela (pedido do usuário 2026-08-11). */
.is-org-portal .topbar{margin-bottom:30px}
button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);font-size:.8rem;min-height:100vh}.main{min-width:0;padding:22px}.grid{display:grid;gap:var(--space-lg)}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-columns{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}

.sidebar{background:radial-gradient(circle at 35% 8%,rgba(143,108,255,.36),transparent 26%),linear-gradient(180deg,var(--purple-dark),#351080 48%,#1a083f 100%);border-right:1px solid rgba(255,255,255,.16);box-shadow:10px 0 34px rgba(26,8,63,.18);display:flex;flex-direction:column;height:100vh;overflow-y:auto;overflow-x:visible;padding:24px 18px;position:sticky;top:0;z-index:5}
.sidebar-credit-footer{color:rgba(255,255,255,.4);flex:0 0 auto;font-size:9px;font-weight:300;letter-spacing:.02em;margin:auto 0 0;overflow:hidden;padding-top:14px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sidebar-version-footer{color:rgba(255,255,255,.55);flex:0 0 auto;font-size:10px;font-weight:400;letter-spacing:.02em;margin:2px 0 0;text-align:center}.brand{align-items:center;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-md);box-shadow:0 18px 36px rgba(11,4,36,.22);display:flex;height:152px;justify-content:center;margin-bottom:22px;padding:6px 12px}.brand img{max-height:138px;max-width:100%;object-fit:contain}.nav{display:grid;gap:10px;overflow:visible}.nav-item{align-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:rgba(255,255,255,.86);cursor:pointer;display:flex;font-weight:800;gap:10px;isolation:isolate;overflow:hidden;padding:13px 14px;position:relative;text-align:left;transition:background .15s ease,border-color .15s ease,color .15s ease}.nav-item:before{background:var(--purple);border-radius:0 3px 3px 0;bottom:6px;content:"";left:0;opacity:0;position:absolute;top:6px;transition:opacity .15s ease;width:3px}.nav-item:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);color:#fff}.nav-item.is-active{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}.nav-item.is-active:before{opacity:1}.nav-icon{align-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);display:flex;flex:0 0 30px;height:30px;justify-content:center;position:relative;transition:background .15s ease;width:30px;z-index:2}.nav-icon svg{fill:currentColor;height:16px;width:16px}.nav-item.is-active .nav-icon{background:#d8ccff;border-color:rgba(255,255,255,.7);color:var(--purple-dark);z-index:2}.nav-item span:last-child{position:relative;z-index:2}

/* ORG-SCOPE: sidebar inteiro em degradê verde escuro pro portal do organization user (ver org-portal-guard.js), substituindo o roxo do painel superadmin só nesse contexto */
.sidebar.sidebar--org{background:radial-gradient(circle at 35% 8%,rgba(84,214,168,.32),transparent 26%),linear-gradient(180deg,var(--org-dark),#0e5c3f 48%,#082e21 100%)}
/* Logo com glow neon do portal da organização: sem card branco, a imagem já traz seu próprio fundo/halo escuro e se funde ao degradê do sidebar */
/* Altura fixa e compacta, abraçando a logo — a versão anterior amarrava a
   altura a var(--topbar-height), medida dinamicamente via JS pra alinhar com
   o topbar do conteúdo à direita, mas isso deixava sobrando um vão vazio
   grande acima e abaixo da logo sempre que o topbar media mais que a
   logo (127px). Revertido pra altura fixa 2026-08-11 (bug reportado pelo
   usuário: "duas caixas vermelhas" vazias em volta da logo). */
/* Espaçamento exato pedido pelo usuário 2026-08-11: 30px do topo até a logo,
   30px da caixa da logo até o card do relógio (o gap agora vem inteiro do
   margin-bottom daqui — .sidebar-clock não soma mais margin-top próprio, pra
   não dobrar o respiro). */
.brand.brand--org-glow{align-items:flex-start;background:transparent;border:0;box-shadow:none;height:92px;justify-content:center;margin:0 0 10px;overflow:hidden;padding:0 4px}
.brand.brand--org-glow img{height:160px;max-height:none;max-width:100%;object-fit:contain;transform:translateY(-54px)}
.is-super-admin .brand.brand--org-glow{align-items:center;background:transparent!important;border:0!important;box-shadow:none!important;height:auto;justify-content:center;margin:-50px 0 -32px;overflow:visible;padding:0}
.is-super-admin .brand.brand--org-glow img{display:block;filter:none!important;height:auto;max-height:none;max-width:100%;object-fit:contain;transform:none;width:220px}
/* Data + relógio do portal do cliente, movidos pro topo do menu lateral,
   acima da logo (pedido do usuário 2026-08-11) — mesma "moldura" dos blocos
   de hora do topbar (.clock-number), só que verde com borda branca tênue em
   vez do roxo original, pra combinar com o degradê do sidebar--org. */
.sidebar-clock{align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;margin:0 0 12px;min-height:70px;padding:10px 12px;transform:translateY(-10px)}
.sidebar-clock-date{color:rgba(255,255,255,.88);font-size:10px;font-weight:600;letter-spacing:.05em;text-align:center;text-transform:uppercase}
.sidebar-clock .clock-blocks{justify-content:center}
.sidebar-clock .clock-number{background:linear-gradient(180deg,var(--org),var(--org-dark));border:1px solid rgba(255,255,255,.55)}
.sidebar-clock .clock-separator{color:rgba(255,255,255,.75)}
.is-super-admin .sidebar-clock .clock-number{background:linear-gradient(180deg,var(--purple),var(--purple-dark));border-color:rgba(255,255,255,.38)}
.is-super-admin .sidebar-clock{border-color:rgba(255,255,255,.18);margin:30px 0 18px;transform:none}
.sidebar-bubbles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}
.sidebar-bubbles span{animation:bf-bubble-rise linear infinite;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6),rgba(255,255,255,.08) 60%,transparent 75%);border-radius:var(--radius-circle);bottom:-30px;box-shadow:inset 0 0 6px rgba(255,255,255,.3);position:absolute}
@keyframes bf-bubble-rise{0%{opacity:0;transform:translateY(0) translateX(0)}8%{opacity:.6}88%{opacity:.35}100%{opacity:0;transform:translateY(-112vh) translateX(var(--drift,12px))}}
/* ORG-SCOPE: comunicação visual verde perolado (degradê) da área "Organização" — ver comentário em dashboard.php e função renderOrganizacao em app.js */
.sidebar--org .nav{margin-top:50px}
.nav-group--org{display:grid;gap:6px;margin-bottom:2px}
.nav-item--org{border-color:rgba(52,201,141,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 10px rgba(52,201,141,.22)!important}
.nav-item--org:hover{background:rgba(52,201,141,.22)!important;border-color:rgba(52,201,141,.65)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 22px rgba(84,214,168,.45),0 16px 30px rgba(10,3,31,.34)!important}
.nav-item--org.is-active{background:linear-gradient(135deg,rgba(84,214,168,.5),rgba(196,240,222,.24))!important;border-color:rgba(84,214,168,.75)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 0 24px rgba(84,214,168,.5),0 0 48px rgba(52,201,141,.32),10px 12px 28px rgba(10,3,31,.22)!important}
.nav-item--org .nav-icon{background:rgba(52,201,141,.24);border-color:rgba(84,214,168,.5)}
.nav-item--org.is-active .nav-icon{background:#63d6ab;border-color:rgba(255,255,255,.7);color:#0a4a34}
.nav-sub--org{display:grid;gap:6px;padding-left:16px}
.nav-sub-item{padding:9px 12px!important;font-size:11px!important}
.org-scope-banner{align-items:flex-start;background:linear-gradient(135deg,#eafcf4,#cdf3e2);border:1px solid #63d6ab;border-radius:10px;color:#0a4a34;display:flex;font-size:11px;font-weight:800;gap:10px;line-height:1.5;margin-bottom:16px;padding:13px 16px}
/* Pedido do usuário 2026-08-07: topo da página fixo (topbar + card
   "Bem-vindo") — a rolagem passa por baixo desses dois, a "linha de corte"
   fica na base do card de boas-vindas. --topbar-height é medido em JS
   (updateStickyHeaderOffset) pra não depender de altura fixa chutada. */
.org-welcome-banner{position:sticky;top:var(--topbar-height,84px);z-index:19}
.org-scope-banner strong{color:#0f7a52;display:block;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
/* Título da página dentro da caixa verde "Organização" (pedido do usuário
   2026-08-11) — substitui o #view-title do topbar (escondido no portal via
   .is-org-portal abaixo). h1 normal é 27px; este é ~50% menor. */
.org-banner-page-title{color:var(--org-dark);font-size:14px;font-weight:900;line-height:1.2;margin:6px 0 0}
.org-card{border-color:rgba(52,201,141,.35)!important}
.org-card .section-head h2{color:var(--org-dark)}
.org-kpi-grid strong{color:var(--org-dark)}
.org-pill{background:var(--org-soft);border:1px solid #9de9c7;border-radius:var(--radius-pill);color:var(--org-dark);display:inline-flex;font-size:10px;font-weight:900;padding:5px 10px}.org-pill.is-active{background:var(--soft-green);border-color:#bfe9ce;color:var(--green)}.small-button.is-active{background:var(--soft-green);border-color:#bfe9ce;color:var(--green)}
.org-fields-preview{background:#f2fdf8;border:1px dashed #9de9c7;border-radius:var(--radius-md);display:grid;font-size:10px;gap:6px;padding:10px}
.org-connection-light{background:#d7dbe3;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-pill);display:inline-block;flex:0 0 auto;height:12px;width:12px}
.org-connection-light.is-on{background:var(--green);box-shadow:0 0 0 3px rgba(31,161,90,.22)}
.org-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.org-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.org-form-grid{grid-template-columns:1fr}}
.org-invite-form-grid{align-items:end;grid-template-columns:repeat(3,minmax(0,1fr))}
.org-invite-form-grid .form-actions{grid-column:1/-1}
@media(max-width:760px){.org-invite-form-grid{grid-template-columns:1fr}}
.field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23637087' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;background-size:13px;border-radius:12px;cursor:pointer;padding-right:34px}
.org-client-form-enter{animation:bf-org-form-open .9s cubic-bezier(.16,1,.3,1);overflow:hidden}
/* Organização > Suporte > Assistente/FAQ — chat simples, sem componente de
   mensagens novo (o card "Mensagens" ao lado é estático, fora de escopo). */
.org-faq-messages{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md);max-height:340px;overflow-y:auto}
.org-faq-message{animation:bf-faq-msg-in .2s ease;border-radius:var(--radius-md);font-size:12.5px;line-height:1.5;padding:9px 12px}
/* Bolha "nasce" (fade+leve crescimento) ao aparecer — pedido do usuário 2026-08-10, vale pras 3 superfícies que usam .org-faq-message (widget flutuante, painel do sidebar, card Assistente/FAQ) */
@keyframes bf-faq-msg-in{from{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.org-faq-message{animation:none}}
.org-faq-message--question{align-self:flex-end;background:var(--org-soft);color:var(--org-dark);font-weight:700}
.org-faq-message--answer{align-self:flex-start;background:var(--soft-blue);border:1px solid var(--line);max-width:92%}
.org-faq-message--answer p{margin:0 0 8px}
.org-faq-message--answer p:last-child{margin-bottom:0}
.org-faq-message--answer ol{margin:0 0 8px;padding-left:18px}
.org-faq-message--answer ol:last-child{margin-bottom:0}
.org-faq-message--answer li{margin:3px 0}

/* Ícone flutuante de Dúvidas — visível em qualquer tela do portal do cliente
   (fora do #view-root, renderizado uma vez em dashboard.php, mesmo padrão de
   widget global do .bf-bell-wrap). Mesma fonte de estado
   (state.orgFaqMessages/orgFaqAsking) do card Assistente/FAQ em
   Organização > Suporte — perguntar por aqui ou por lá é a mesma conversa. */
/* Gatilho deixou de ser um botão circular no canto inferior direito e virou
   o próprio Octo (grande, sem recorte) fixo na margem do menu — pedido do
   usuário 2026-08-10. Abaixo de 1100px o sidebar deixa de ser fixo lateral
   (vira coluna única, ver .app-shell), então o gatilho volta pro canto
   inferior direito de sempre, senão ficaria sem âncora nenhuma. */
.bf-faq-widget-wrap{bottom:100px;left:292px;position:fixed;width:96px;z-index:30}
@media(max-width:1100px){.bf-faq-widget-wrap{bottom:16px;left:auto;right:16px}}
.bf-faq-widget-button{background:none;border:0;cursor:pointer;display:block;padding:0;transition:transform .15s ease}
.bf-faq-widget-button:hover{transform:scale(1.05)}
.bf-faq-widget-avatar{display:block;filter:drop-shadow(0 10px 22px rgba(4,20,15,.35));width:96px}
/* Popover entra com fade+scale a partir do canto do botão em vez de aparecer abrupto (hidden→visível instantâneo) — abre no próximo frame via classe .is-open (ver initBfFaqWidget). Abre pra direita (left:0) porque o gatilho agora fica na borda esquerda, colado no menu. */
.bf-faq-widget-popover{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);bottom:104px;box-shadow:0 20px 50px rgba(12,31,68,.22);display:flex;flex-direction:column;font-size:13px;left:0;max-height:min(480px,calc(100vh - 140px));opacity:0;position:absolute;transform:translateY(8px) scale(.97);transform-origin:bottom left;transition:opacity .15s ease,transform .15s ease;width:min(440px,calc(100vw - 48px))}
.bf-faq-widget-popover[hidden]{display:none}
.bf-faq-widget-popover.is-open{opacity:1;transform:translateY(0) scale(1)}
@media(max-width:1100px){.bf-faq-widget-popover{left:auto;right:0;transform-origin:bottom right}}
.bf-faq-widget-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:12px 14px}
.bf-faq-widget-head-title{align-items:center;display:flex;gap:8px}
.bf-faq-widget-head-avatar{background:var(--org-soft);border-radius:var(--radius-circle);height:30px;object-fit:contain;padding:2px;width:30px}
.bf-faq-widget-head-text{display:flex;flex-direction:column;gap:1px;line-height:1.2}
.bf-faq-widget-head-text strong{font-size:14px}
.bf-faq-widget-head-text small{color:var(--muted);font-size:10.5px;font-weight:600}
/* Balão de boas-vindas do Octo (se apresenta ao abrir, antes da 1ª pergunta) — mesmo componente .org-faq-message--answer, só com avatar ao lado */
.org-faq-greeting{align-items:flex-start;display:flex;gap:7px}
.org-faq-greeting-avatar{background:var(--org-soft);border-radius:var(--radius-circle);flex:none;height:28px;object-fit:contain;padding:3px;width:28px}
.org-faq-greeting .org-faq-message--answer{margin:0}
.bf-faq-widget-close-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-circle);color:var(--muted);cursor:pointer;display:flex;height:26px;justify-content:center;transition:background .15s ease,color .15s ease;width:26px}
.bf-faq-widget-close-btn:hover{background:var(--soft-blue);color:var(--ink)}
.bf-faq-widget-messages{display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:12px 14px}
.bf-faq-widget-messages .org-faq-message{font-size:10.5px}
/* Campo em cima do botão (empilhado), não lado a lado — pedido do usuário 2026-08-10 */
.bf-faq-widget-form{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;padding:10px}
/* Cantos arredondados (antes era o input <input> cru, sem estilo nenhum, cantos retos) — pedido do usuário 2026-08-10 */
.bf-faq-widget-form input{background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink);font-size:13px;padding:10px 16px;width:100%}
.bf-faq-widget-form input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.18);outline:none}
.bf-faq-widget-form .primary-button{font-size:13px;width:100%}
@media(max-width:480px){.bf-faq-widget-wrap{bottom:16px;right:16px}}
@media(prefers-reduced-motion:reduce){.bf-faq-widget-popover{transition:none}}
.card-icon-title{align-items:center;display:flex;gap:10px}
.card-icon{align-items:center;background:rgba(52,201,141,.14);border-radius:9px;color:var(--org-dark);display:flex;flex:0 0 32px;height:32px;justify-content:center;width:32px}
.card-icon svg{fill:currentColor;height:17px;width:17px}
.org-plan-top-grid{align-items:stretch;margin-bottom:16px;gap:20px}
.org-plan-top-grid .org-card{display:flex;flex-direction:column}
.org-billing-alert{border-color:rgba(201,33,49,.4);box-shadow:0 0 0 1px rgba(201,33,49,.18)}
.pix-modal-overlay{align-items:center;background:rgba(15,20,35,.55);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}
.pix-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 24px 60px rgba(0,0,0,.28);max-width:340px;padding:24px;position:relative;text-align:center;width:calc(100% - 40px)}
.pix-modal h2{font-size:16px;margin:0 0 4px}
.pix-modal-amount{color:var(--org-dark,var(--purple-dark));font-size:24px;font-weight:800;margin:0 0 12px}
.pix-modal-qr{align-items:center;display:flex;justify-content:center;margin:0 auto 12px}
.pix-modal-qr img,.pix-modal-qr canvas{border-radius:var(--radius-md);height:220px!important;width:220px!important}
.pix-modal-code{background:#f7f8fb;border:1px solid var(--line);border-radius:var(--radius-md);font-family:Consolas,monospace;font-size:10px;padding:8px;resize:none;width:100%;word-break:break-all}
.pix-modal-close{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:22px;line-height:1;position:absolute;right:14px;top:10px}
.org-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:22px}
@media(max-width:1180px){.org-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Mesma curva/duração do form de "Novo Cliente", reaplicada em qualquer
   aba/painel que só aparece ao clicar (accordions de Brand da Marca,
   detalhe de matéria no Planejador) — sem max-height/overflow aqui porque
   esse conteúdo tem altura variável, então é só fade + leve subida (evita
   cortar conteúdo alto depois que anima). */
.bf-panel-open{animation:bf-fade-rise .9s cubic-bezier(.16,1,.3,1)}
/* Entrada da página inteira do workspace ao trocar de cliente — mesma
   curva, bem mais devagar (pedido explícito do usuário: "bem devagar"). */
.bf-page-open{animation:bf-fade-rise 1.3s cubic-bezier(.16,1,.3,1)}
@keyframes bf-fade-rise{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
/* Menus (cards) de Brand da Marca entram em cascata ao abrir a aba — cada
   um começa um pouco depois do anterior, mesma curva "premium" das outras
   animações. */
.bf-stagger-in>.org-accordion-card{animation:bf-fade-rise .6s cubic-bezier(.16,1,.3,1) backwards}
.bf-stagger-in>.org-accordion-card:nth-child(1){animation-delay:.05s}
.bf-stagger-in>.org-accordion-card:nth-child(2){animation-delay:.12s}
.bf-stagger-in>.org-accordion-card:nth-child(3){animation-delay:.19s}
.bf-stagger-in>.org-accordion-card:nth-child(4){animation-delay:.26s}
.bf-stagger-in>.org-accordion-card:nth-child(5){animation-delay:.33s}
.bf-stagger-in>.org-accordion-card:nth-child(6){animation-delay:.4s}
@keyframes bf-org-form-open{0%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;transform:translateY(-10px)}100%{max-height:900px;opacity:1;transform:translateY(0)}}
.org-workspace-shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-sm)}
.org-workspace-shortcut{background:#fff;border:1px solid rgba(52,201,141,.35);border-radius:var(--radius-md);cursor:pointer;display:grid;font:inherit;gap:2px;min-width:130px;padding:8px 10px;text-align:left}
.org-workspace-shortcut strong{color:var(--org-dark);font-size:11px}
.org-workspace-shortcut span{color:var(--muted);font-size:9px}
.org-workspace-shortcut.is-active{background:var(--org-soft);border-color:var(--org);box-shadow:0 0 0 1px var(--org)}
.org-workspace-shell{display:grid;gap:16px;grid-template-columns:170px minmax(0,1fr);margin-top:14px}
.org-workspace-nav{display:grid;gap:6px;height:max-content}
.org-workspace-nav button{align-items:center;background:#fff;border:1px solid rgba(52,201,141,.3);border-radius:var(--radius-md);color:var(--ink);cursor:pointer;display:flex;font-size:11px;font-weight:800;gap:var(--space-sm);padding:10px 12px;text-align:left}
.org-workspace-nav button.is-active{background:var(--org);border-color:var(--org);color:#fff}
.org-workspace-nav-icon{align-items:center;display:flex;flex:0 0 auto;height:16px;width:16px}
.org-workspace-nav-icon svg{fill:currentColor;height:100%;width:100%}
@media(max-width:760px){.org-workspace-shell{grid-template-columns:1fr}.org-workspace-nav{display:flex;flex-wrap:wrap}}
.org-fields-preview span{color:#9a5b0e}

.topbar{align-items:center;background:rgba(244,247,251,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;gap:20px;justify-content:space-between;margin:-22px -22px 10px;padding:22px;position:sticky;top:0;z-index:20}.topbar-actions{display:flex;flex-wrap:wrap;gap:10px}.topbar-actions a{text-decoration:none}.eyebrow{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.control-clock-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.app-version-badge{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em;margin:0;text-transform:uppercase}
/* Log de atualizações no topbar — UM card grande (não uma fileira de
   pilulas soltas), com as mensagens em carrossel DENTRO dele, avançando
   sozinho a cada 7s (ver script inline logo abaixo do card em
   dashboard.php). Sem bolinhas de navegação — tiradas a pedido do usuário
   pra caixa poder ficar mais baixa. Ver $bfChangelog em dashboard.php
   (editado manualmente a cada release notável, mais recente primeiro). */
.changelog-card{background:#fff;border:1.5px solid var(--org,#34c98d);border-radius:16px;box-shadow:0 10px 26px rgba(12,31,68,.07);display:flex;flex:1 1 auto;flex-direction:column;height:76px;justify-content:center;margin:0 16px;max-width:680px;min-width:340px;overflow:hidden;padding:10px 40px;position:relative}
/* Topbar do portal do cliente em 3 colunas (pedido do usuário 2026-08-11):
   bem-vindo+título (substitui a antiga caixa verde "Organização" dentro de
   cada view) / coluna reservada / novidades (.changelog-card, reordenado
   pra cá via `order`, mesmo elemento/JS de sempre, só reposicionado).
   Caixas aumentadas de 76px pra 100px de altura (pedido do usuário
   2026-08-11, revisão) — dá espaço pra data + título + descrição do card
   de novidades caberem sem cortar, mesmo mais estreito que o original. */
.is-org-portal .changelog-card{height:118px;margin:0;max-width:520px;min-width:320px;order:3;padding:14px 44px}
.is-org-portal .changelog-card .changelog-text{font-size:11.5px}
.is-org-portal .changelog-card .changelog-why{-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}
.is-super-admin .changelog-card{border-color:#c7b5ff;height:118px;margin:0;max-width:520px;min-width:320px;order:3;padding:14px 44px}
.is-super-admin .changelog-card .changelog-text{font-size:11.5px}
.is-super-admin .changelog-card .changelog-why{-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}
.topbar-welcome-card{background:linear-gradient(135deg,#eafcf4,#cdf3e2);border:1px solid #63d6ab;border-radius:16px;color:#0a4a34;display:flex;flex-direction:column;flex:0 1 260px;height:118px;justify-content:center;max-width:340px;min-width:220px;order:1;overflow:hidden;padding:12px 16px}
.topbar-welcome-card strong{color:#0f7a52;display:block;font-size:9px;letter-spacing:.04em;text-transform:uppercase}
.topbar-welcome-card span{display:block;font-size:11px;font-weight:800;line-height:1.35}
.topbar-welcome-card .org-banner-page-title{margin-top:3px}
.is-super-admin .topbar{margin-bottom:30px}
.is-super-admin .topbar-actions{order:4}
.is-super-admin .topbar-welcome-card{background:linear-gradient(135deg,#f5f1ff,#e9ddff);border-color:#c7b5ff;color:var(--purple-dark)}
.is-super-admin .topbar-welcome-card strong{color:var(--purple-mid)}
.is-super-admin .topbar-welcome-card .org-banner-page-title{color:var(--purple-dark)}
.topbar-octo-card{background:transparent;border:0;border-radius:0;box-shadow:none;flex:1 1 520px;height:118px;max-width:620px;min-width:360px;order:2;padding:0 8px;position:relative;z-index:25}
.topbar-octo-main{align-items:center;display:flex;gap:14px;height:100%}
.topbar-octo-avatar{filter:drop-shadow(0 10px 18px rgba(4,20,15,.24));flex:0 0 74px;height:74px;object-fit:contain;width:74px}
.topbar-octo-form{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0}
.topbar-octo-form label{color:var(--org-dark);font-size:10px;font-weight:950;letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,255,255,.5);text-transform:uppercase}
.topbar-octo-input-row{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 42px}
.topbar-octo-input-row input{background:rgba(255,255,255,.84);border:1px solid rgba(15,122,82,.28);border-radius:999px;box-shadow:0 8px 20px rgba(12,31,68,.06);color:var(--ink);font-size:12px;min-height:42px;min-width:0;padding:11px 16px;width:100%}
.topbar-octo-input-row input:focus{border-color:var(--org);box-shadow:0 0 0 3px rgba(52,201,141,.18);outline:none}
.topbar-octo-input-row button{align-items:center;background:linear-gradient(135deg,var(--org-dark),var(--org));border:0;border-radius:999px;box-shadow:0 10px 20px rgba(15,122,82,.24);color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;padding:0;width:42px}
.topbar-octo-input-row button svg{height:19px;width:19px}
.topbar-octo-input-row button:disabled,.topbar-octo-input-row input:disabled{cursor:not-allowed;opacity:.6}
.is-super-admin .topbar-octo-form label{color:var(--purple-dark)}
.is-super-admin .topbar-octo-input-row input{border-color:rgba(109,60,255,.26)}
.is-super-admin .topbar-octo-input-row input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(109,60,255,.18)}
.is-super-admin .topbar-octo-input-row button{background:linear-gradient(135deg,var(--purple-dark),var(--purple));box-shadow:0 10px 20px rgba(75,31,178,.24)}
.topbar-octo-answers{background:var(--panel);border:1px solid #bfe9ce;border-radius:14px;box-shadow:0 18px 44px rgba(12,31,68,.18);left:0;max-height:360px;overflow-y:auto;padding:12px;position:absolute;right:0;top:calc(100% + 8px);z-index:90}
.topbar-octo-answers[hidden]{display:none}
.topbar-octo-answers .org-faq-message{font-size:11.5px;line-height:1.45;padding:8px 10px}
.topbar-octo-answers .org-faq-greeting{display:none}
.org-faq-rating{align-items:center;background:#fffaf0;border:1px solid #f2d493;border-radius:12px;color:#5d3d00;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:5px 0 10px auto;max-width:min(92%,520px);padding:7px 9px}
.org-faq-rating span{font-size:10.5px;font-weight:900;line-height:1.25}
.org-faq-rating.is-rated{background:#f0fdf7;border-color:#bfe9ce;color:var(--org-dark)}
.org-faq-rating.is-loading{opacity:.72}
.org-faq-stars{display:inline-flex;gap:2px;white-space:nowrap}
.org-faq-stars button{background:transparent;border:0;color:#c8a75c;cursor:pointer;font-size:18px;line-height:1;padding:1px 2px;transition:color .15s ease,transform .15s ease}
.org-faq-stars button:hover{color:#f0b600;transform:translateY(-1px)}
.org-faq-stars button.is-active{color:#f0b600;text-shadow:0 1px 0 rgba(93,61,0,.16)}
.org-faq-stars button:disabled{cursor:default;transform:none}
.support-create-grid{grid-template-columns:1fr;margin-top:var(--space-md)}
.support-message-field{grid-column:auto}
.support-create-button{justify-self:start;white-space:nowrap}
.support-thread-list{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md);max-height:min(620px,calc(100vh - 360px));overflow-y:auto;padding-right:4px}
.support-thread-list--client{max-height:360px}
.support-thread-card{background:#fbfdff;border:1px solid var(--line);border-radius:var(--radius-md);display:grid;gap:var(--space-md);padding:var(--space-md)}
.support-thread-head{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between}
.support-thread-head strong{color:var(--ink);display:block;font-size:13px}
.support-thread-messages{display:flex;flex-direction:column;gap:8px}
.support-message{border-radius:var(--radius-md);font-size:12.5px;line-height:1.5;max-width:92%;padding:9px 12px}
.support-message--client{align-self:flex-start;background:var(--org-soft);border:1px solid rgba(52,201,141,.24);color:var(--org-dark)}
.support-message--admin{align-self:flex-end;background:var(--soft-blue);border:1px solid var(--line);color:var(--ink)}
.support-message-meta{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}
.support-message-meta strong{font-size:10px;text-transform:uppercase}
.support-message-meta span{color:var(--muted);font-size:10px;font-weight:800}
.support-message p{margin:0}
.support-message-body{display:grid;gap:6px}.support-message-body p{margin:0}.support-message-body ul,.support-message-body ol{margin:0;padding-left:18px}.support-message-body a{color:var(--blue);font-weight:800}
.support-attachments{display:grid;gap:8px;margin-top:10px}.support-attachment{align-items:center;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:var(--radius-md);color:inherit;display:flex;font-size:11px;font-weight:800;gap:8px;padding:8px;text-decoration:none}.support-attachment span{color:var(--muted);font-size:10px}.support-attachment--image{align-items:flex-start;flex-direction:column}.support-attachment--image img{border-radius:var(--radius-md);display:block;max-height:180px;max-width:100%;object-fit:cover}.support-attachment--video{align-items:flex-start;flex-direction:column}.support-attachment--video video{border-radius:var(--radius-md);max-height:240px;max-width:100%}
.support-reply-field textarea{min-height:78px}
.support-thread-actions{justify-content:flex-start;margin-top:0}
.atendimento-shell{align-items:start;display:grid;gap:var(--space-lg);grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.atendimento-sidebar{max-height:calc(100vh - 150px);position:sticky;top:calc(var(--topbar-height,84px) + 18px)}.atendimento-search{margin-top:var(--space-md)}.atendimento-filter-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:var(--space-md) 0}.atendimento-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:calc(100vh - 365px);overflow-y:auto;padding-right:4px}.atendimento-list-card{background:#fbfdff;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);cursor:pointer;display:grid;gap:4px;padding:var(--space-md);text-align:left;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.atendimento-list-card:hover,.atendimento-list-card.is-active{background:#fff;border-color:#c8b8ff;box-shadow:0 10px 24px rgba(75,31,178,.1)}.atendimento-list-card .status{justify-self:start}.atendimento-card-sub,.atendimento-card-summary{color:var(--muted);font-size:11px;line-height:1.35}.atendimento-card-title{font-size:12px;font-weight:900}.atendimento-empty{padding:10px}.atendimento-panel{min-height:520px}.atendimento-panel-head{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-md)}.atendimento-panel-head h2{font-size:20px;margin:8px 0 4px}.atendimento-messages{max-height:min(520px,calc(100vh - 420px));overflow-y:auto;padding:4px 4px 10px}.atendimento-editor{border-top:1px solid var(--line);display:grid;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md)}.support-editor-mount{min-height:150px}.atendimento-editor .org-draft-content{min-height:150px}
@media(max-width:960px){.support-create-grid{grid-template-columns:1fr}.support-message-field{grid-column:auto}.support-create-button{width:100%}.support-thread-head,.atendimento-panel-head{align-items:flex-start;flex-direction:column}.support-message{max-width:100%}.atendimento-shell{grid-template-columns:1fr}.atendimento-sidebar{max-height:none;position:static}.atendimento-list{max-height:360px}}
.topbar-octo-close{align-items:center;background:#fff;border:1px solid #bfe9ce;border-radius:999px;color:var(--org-dark);cursor:pointer;display:flex;font-size:16px;font-weight:950;height:26px;justify-content:center;position:absolute;right:8px;top:8px;width:26px;z-index:2}
.topbar-octo-close:hover{background:var(--org-soft)}
.is-super-admin .topbar-octo-answers{border-color:#d8ccff}
.is-super-admin .topbar-octo-close{border-color:#d8ccff;color:var(--purple-dark)}
.is-super-admin .topbar-octo-close:hover{background:var(--soft-purple)}
.changelog-track{display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}
.changelog-track::-webkit-scrollbar{display:none}
/* Setas delicadas — finas, meio transparentes por padrão, só ganham
   destaque no hover (não competem visualmente com o texto do meio). */
.changelog-nav{align-items:center;background:none;border:0;color:rgba(15,122,82,.35);cursor:pointer;display:flex;height:26px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:color .18s ease,transform .18s ease;width:22px;z-index:1}
.changelog-nav svg{height:16px;width:16px}
.changelog-nav:hover{color:var(--org-dark,#0f7a52)}
.changelog-nav-prev{left:8px}
.changelog-nav-prev:hover{transform:translateY(-50%) translateX(-2px)}
.changelog-nav-next{right:8px}
.changelog-nav-next:hover{transform:translateY(-50%) translateX(2px)}
.changelog-slide{display:flex;flex:0 0 100%;justify-content:center;min-width:0;scroll-snap-align:start}
.changelog-body{max-width:520px;min-width:0;text-align:center}
.changelog-head{align-items:baseline;column-gap:9px;display:flex;flex-wrap:wrap;justify-content:center;row-gap:2px}
.changelog-date{color:var(--muted);font-size:10px;font-weight:900;white-space:nowrap}
.changelog-text{color:var(--ink);font-size:13px;font-weight:800;line-height:1.35}
.changelog-why{color:var(--muted);display:block;font-size:11px;line-height:1.45;margin-top:5px}
@media(max-width:1180px){.changelog-card{display:none}}.control-clock{align-items:center;color:var(--purple);display:flex;flex-wrap:wrap;gap:var(--space-sm);white-space:normal}.clock-blocks{align-items:center;display:inline-flex;gap:var(--space-xs)}.clock-number{align-items:center;background:linear-gradient(180deg,var(--purple-mid),var(--purple-dark));border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-sm);box-shadow:0 8px 18px rgba(43,11,104,.18),inset 0 1px 0 rgba(255,255,255,.22);color:#fff;display:inline-flex;font-weight:950;height:26px;justify-content:center;min-width:32px;padding:0 7px}.clock-separator{color:var(--purple-mid);font-weight:950}h1{font-size:27px;line-height:1.1;margin:0}h2{font-size:14px;margin:0}h3{font-size:12px;margin:0}.muted{color:var(--muted)}

.primary-button,.ghost-button,.small-button{border:0;border-radius:var(--radius-pill);cursor:pointer;font-weight:900}.primary-button{background:linear-gradient(135deg,var(--purple-mid),var(--purple));box-shadow:0 10px 22px rgba(75,31,178,.22);color:#fff;padding:10px 16px;transition:box-shadow .15s ease,transform .15s ease}.primary-button:hover{box-shadow:0 12px 26px rgba(75,31,178,.3)}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{background:var(--line);box-shadow:none;color:var(--muted);cursor:not-allowed}.ghost-button,.small-button{background:#fff;border:1px solid var(--line);color:var(--ink);padding:9px 14px}.small-button{font-size:10px;padding:7px 10px}.card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,252,255,.92));border:1px solid rgba(32,100,246,.14);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:16px}.section-head{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.metric{display:grid;gap:10px}.metric span{color:var(--muted);font-size:10px;font-weight:800}.metric strong{font-size:26px}.metric small{color:var(--green);font-weight:800}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);padding:var(--space-md) 10px;text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:10px;text-transform:uppercase}.status{border-radius:var(--radius-pill);display:inline-flex;font-size:10px;font-weight:900;padding:5px 8px}.status.green{background:var(--soft-green);color:var(--green)}.status.blue{background:var(--soft-blue);color:var(--blue)}.status.amber{background:var(--danger);color:#fff}.status.purple{background:var(--soft-purple);color:var(--purple)}
.client-row{align-items:center;border-bottom:1px solid var(--line);display:grid;font-size:10px;gap:12px;grid-template-columns:44px minmax(120px,1fr) 74px 74px 68px 68px 68px 150px 220px;padding:13px 0}.client-row-head{border-bottom:2px solid var(--line);color:var(--muted);font-weight:600;padding:0 0 8px;text-transform:uppercase}.client-col-date,.client-col-metric-label,.client-col-metric-cell{text-align:center}.client-col-date{color:var(--ink);font-weight:400}.client-col-metric{font-weight:500;white-space:nowrap}.client-col-metric em{color:var(--danger,#c92131);font-style:normal;font-weight:400}.client-col-metric.is-empty{color:var(--danger,#c92131)}.client-col-blog{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-col-blog a{color:var(--purple-dark)}.client-col-name{font-size:11px;font-weight:600}@media(max-width:1100px){.client-row{grid-template-columns:44px minmax(0,1fr) auto}.client-row-head{display:none}.client-row>span{display:none}}.avatar{align-items:center;background:var(--soft-purple);border-radius:var(--radius-md);color:var(--purple);display:flex;font-weight:500;height:44px;justify-content:center}.article-card{display:grid;gap:var(--space-md)}.article-row{border-bottom:1px solid var(--line);padding:var(--space-md) 0}.article-title{font-size:14px;font-weight:900}.article-summary{color:var(--muted);line-height:1.45;margin:0}.progress{background:#eef3f9;border-radius:var(--radius-pill);height:10px;overflow:hidden}.progress span{background:linear-gradient(90deg,var(--green),var(--cyan));display:block;height:100%}.form-grid{display:grid;gap:var(--space-md)}.field{display:grid;gap:7px}.field label{font-size:10px;font-weight:900;text-transform:uppercase}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);padding:9px 10px;width:100%}.field textarea{min-height:110px;resize:vertical}.field-hint{color:var(--muted);display:block;font-size:9px;line-height:1.35}.timeline{display:grid;gap:12px}.timeline-item{border-left:4px solid var(--blue);padding:6px 0 6px 14px}.toast{align-items:center;background:var(--ink);border-radius:var(--radius-lg);bottom:22px;box-shadow:0 12px 28px rgba(0,0,0,.24);color:#fff;display:flex;font-family:'BF Poppins SemiBold',Inter,sans-serif;font-size:12.8px;font-weight:600;justify-content:center;min-height:96px;min-width:200px;max-width:280px;opacity:0;padding:var(--space-lg) 20px;position:fixed;right:22px;text-align:center;transform:translateY(12px);transition:.2s ease}.toast.is-visible{opacity:1;transform:translateY(0)}

.connection-defaults-top{margin-bottom:14px}.connection-title-row{align-items:center;margin-bottom:12px}.connection-title-row h2{font-size:18px;letter-spacing:.04em}.connection-summary{display:grid;gap:10px;min-width:230px}.inline-summary{align-items:center;display:flex;gap:var(--space-sm);min-width:0}.summary-pill{align-items:center;background:#fff8e8;border:1px solid #f4dca9;border-radius:var(--radius-md);display:flex;gap:var(--space-md);justify-content:space-between;padding:8px 9px}.summary-pill strong,.summary-pill span{font-size:10px}.summary-pill span{color:#9a6509;font-weight:900;text-transform:uppercase}.summary-pill.is-on{background:var(--soft-green);border-color:#bfe9ce}.summary-pill.is-on span{color:var(--green)}.summary-pill.is-danger{background:var(--danger);border-color:#d12b3a;color:#fff}.summary-pill.is-danger span,.summary-pill.is-danger strong{color:#fff}.connection-default-grid{align-items:end;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.connections-grid{display:flex;flex-wrap:wrap;gap:10px}.connection-panel{display:flex;flex:1 1 200px;flex-direction:column;gap:9px;max-width:260px;min-height:100%;padding:11px}.connection-panel:has(.status.amber){border-color:rgba(227,59,75,.38)}.connection-head{align-items:flex-start;display:grid;gap:7px;grid-template-columns:30px minmax(0,1fr)}.connection-head h2{font-size:12px;line-height:1.12;margin-bottom:4px}.connection-head .muted{font-size:10px;line-height:1.28}.connection-head .status{grid-column:1/-1;justify-self:start}.connection-icon{align-items:center;background:transparent;border:0;box-shadow:none;display:flex;height:30px;justify-content:center;width:30px}.connection-icon img{border-radius:var(--radius-sm);display:block;height:24px;object-fit:contain;width:24px}.connection-badge{background:#f7faff;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);font-size:9px;font-weight:900;padding:5px 8px;width:max-content}.toggle-row{align-items:center;background:var(--soft-blue);border:1px solid #cdddfd;border-radius:var(--radius-md);color:var(--ink);display:flex;font-size:10px;font-weight:900;gap:var(--space-sm);padding:9px 10px}.toggle-row input{height:14px;width:14px}.connection-fields{display:grid;gap:7px}.connection-fields .field{gap:5px}.connection-fields .field input,.connection-fields .field select,.connection-fields .field textarea{min-height:32px;padding:7px 8px}.guide{background:#fbfdff;border:1px solid var(--line);border-radius:var(--radius-md);padding:8px}.guide summary{cursor:pointer;font-size:10px;font-weight:950}.guide ol{color:var(--muted);display:grid;font-size:10px;gap:6px;line-height:1.3;margin:9px 0;padding-left:18px}.connection-actions{display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-top:auto}.connection-actions .primary-button,.connection-actions .ghost-button{font-size:10px;min-height:32px;padding:7px 8px}

.login-page{background:radial-gradient(circle at 16% 12%,rgba(19,167,199,.26),transparent 30%),radial-gradient(circle at 84% 14%,rgba(109,60,255,.22),transparent 28%),radial-gradient(circle at 74% 90%,rgba(31,161,90,.17),transparent 34%),linear-gradient(135deg,#edf7ff 0%,#f7f2ff 50%,#effbf6 100%);display:grid;min-height:100vh;padding:28px;place-items:center}.login-card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,253,255,.94));border:1px solid rgba(32,100,246,.16);border-radius:12px;box-shadow:0 24px 70px rgba(12,31,68,.14);display:flex;flex-direction:column;justify-content:center;min-height:min(430px,calc(100vw - 40px));overflow:hidden;padding:26px;position:relative;width:min(430px,calc(100vw - 40px))}.login-card:before{background:linear-gradient(90deg,#2064f6,#6d3cff,#13a7c7,#1fa15a);content:"";height:4px;inset:0 0 auto 0;position:absolute}.login-logo{display:block;margin:0 auto 18px;max-height:150px;max-width:100%;object-fit:contain;width:100%}.login-card h1{font-size:24px;line-height:1.12;margin:0 0 8px}.login-card .eyebrow{font-size:10px;margin-bottom:6px}.login-card .muted{font-size:11px;line-height:1.35;margin:10px 0 0}.login-form{display:grid;gap:10px;margin-top:18px}.login-form .field{gap:var(--space-xs)}.login-form .field label{font-size:10px}.login-form .field input{background:#fff;min-height:40px;padding:9px 11px}.password-field{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:6px}.password-field input{min-width:0}.password-toggle{background:#eef4ff;border:1px solid #c8dbff;border-radius:var(--radius-md);color:#174080;cursor:pointer;font-size:11px;font-weight:900;height:40px;padding:0 10px}.password-toggle:hover{background:#dfeaff}.login-form .primary-button,.login-form .ghost-button{align-items:center;display:flex;font-size:13px;justify-content:center;min-height:40px;text-decoration:none;width:100%}.login-note{background:#eaf2ff;border:1px solid #c8dbff;border-radius:var(--radius-md);color:#174080;font-size:13px;line-height:1.45;margin-top:14px;padding:12px}.client-login-page{background:radial-gradient(circle at 16% 12%,rgba(45,212,191,.24),transparent 28%),radial-gradient(circle at 84% 14%,rgba(20,184,166,.2),transparent 26%),radial-gradient(circle at 76% 90%,rgba(34,197,94,.18),transparent 34%),linear-gradient(135deg,#ecfdf5 0%,#f8fffb 52%,#e9fbf4 100%)}.client-login-page .login-card{border-color:rgba(20,184,166,.24);box-shadow:0 24px 70px rgba(10,92,76,.16)}.client-login-page .login-card:before{background:linear-gradient(90deg,#0f766e,#14b8a6,#22c55e,#84cc16)}.client-login-page .login-card h1{color:#0f3d37}.client-login-page .eyebrow{color:#047857}.client-login-page .primary-button{background:linear-gradient(135deg,#0f766e,#14b8a6);box-shadow:0 12px 24px rgba(15,118,110,.22)}.client-login-page .primary-button:hover{filter:brightness(.98)}.client-login-page .ghost-button,.client-login-page .password-toggle{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.client-login-page .field input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px rgba(20,184,166,.22);outline:none}.client-login-page .login-note{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
/* Card escuro pro portal do cliente: pedido do usuário pra usar a logo com fundo preto/glow (logo_3.png) sem aparecer como retângulo preto dentro do card branco — só o card escurece, a página ao redor continua no verde-menta claro original */
.client-login-page .login-card{background:linear-gradient(180deg,#0b1a15 0%,#0e2a20 55%,#071a14 100%);border-color:rgba(52,201,141,.32);box-shadow:0 24px 70px rgba(4,20,15,.35)}
.client-login-page .login-card h1{color:#f0fdf9}
.client-login-page .eyebrow{color:#6ee7b7}
.client-login-page .login-card .muted{color:rgba(240,253,249,.72)}
.client-login-page .ghost-button,.client-login-page .password-toggle{background:rgba(255,255,255,.08);border-color:rgba(110,231,183,.32);color:#d1fae5}
.client-login-page .ghost-button:hover,.client-login-page .password-toggle:hover{background:rgba(255,255,255,.14)}
.client-login-page .field label{color:rgba(240,253,249,.82)}
.client-login-page .login-note{background:rgba(255,255,255,.07);border-color:rgba(110,231,183,.28);color:#d1fae5}
.client-login-page .login-logo{max-height:188px}
.error{background:#ffecec;border:1px solid #ffc8c8;border-radius:var(--radius-md);color:#a51616;font-size:11px;font-weight:800;margin:7px 0 0;padding:7px}.qr{background:#fff;border:1px solid #dfe7f1;border-radius:var(--radius-md);display:block;height:150px;margin:12px auto;padding:8px;width:150px}.secret{background:#f4f7fb;border:1px solid #e5edf6;border-radius:var(--radius-md);font-family:Consolas,monospace;font-size:10px;padding:7px;text-align:center;word-break:break-all}.center-link{text-align:center;text-decoration:none}

@media(max-width:1400px){.connection-default-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{background:linear-gradient(135deg,var(--purple-dark),var(--purple-mid));position:static}.brand{height:120px}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-item.is-active,.nav-item.is-active:hover{transform:none}.kpi-grid,.two-columns,.three-columns{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}
@media(max-width:860px){.connection-title-row{align-items:flex-start;flex-direction:column}.inline-summary{flex-wrap:wrap}.connection-default-grid{grid-template-columns:1fr}}
@media(max-width:640px){.connection-panel{flex-basis:100%;max-width:none}}
@media(max-width:480px){.login-card{min-height:calc(100vw - 28px);padding:22px;width:calc(100vw - 28px)}.login-logo{max-height:120px}.login-card h1{font-size:21px}}
@media(prefers-reduced-motion:reduce){.nav-item,.nav-icon{transition:none}.nav-item:hover,.nav-item.is-active,.nav-item.is-active:hover,.nav-item:hover .nav-icon{transform:none}}
.connection-test-result{border-radius:var(--radius-md);font-size:10px;font-weight:800;line-height:1.3;min-height:0;padding:0}.connection-test-result.is-loading{background:#fff8e8;border:1px solid #f4dca9;color:#9a6509;padding:7px 8px}.connection-test-result.is-ok{background:var(--soft-green);border:1px solid #bfe9ce;color:var(--green);padding:7px 8px}.connection-test-result.is-error{background:var(--danger);border:1px solid #d12b3a;color:#fff;padding:7px 8px}.connection-actions button:disabled{cursor:wait;opacity:.65}
.guide a{color:var(--blue);font-weight:900;text-decoration:none}.guide a:hover{text-decoration:underline}.usage-card{background:linear-gradient(135deg,#fbf8ff,#f3fbff);border:1px solid #ded6ff;border-radius:10px;display:grid;gap:var(--space-sm);padding:9px}.usage-head{align-items:center;display:flex;gap:var(--space-sm);justify-content:space-between}.usage-head strong{color:var(--purple-dark);font-size:10px;text-transform:uppercase}.usage-head span{color:var(--muted);font-size:9px;font-weight:800;text-transform:capitalize}.usage-grid{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.usage-grid div{background:#fff;border:1px solid rgba(55,38,116,.1);border-radius:var(--radius-md);display:grid;gap:2px;min-width:0;padding:7px}.usage-grid small{color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}.usage-grid strong{color:var(--ink);font-size:11px;line-height:1.1;overflow-wrap:anywhere}.usage-grid span{color:var(--muted);font-size:8px;font-weight:800}
.test-time{display:block;font-size:9px;font-weight:800;margin-top:3px;opacity:.8}
.commercial-hero{background:linear-gradient(135deg,#fff,#f5f1ff 55%,#eefaff)}.commercial-flow{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:10px}.commercial-flow span{background:#fff;border:1px solid #ded6ff;border-radius:var(--radius-md);color:var(--purple-dark);font-size:10px;font-weight:950;padding:10px;text-align:center}.license-key-box{background:#0b1735;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:#fff;display:grid;gap:7px;margin-top:14px;padding:12px}.license-key-box code{background:rgba(255,255,255,.1);border-radius:var(--radius-md);color:#c8f7ff;font-size:18px;font-weight:950;letter-spacing:.08em;padding:10px;text-align:center}.license-key-box small{color:rgba(255,255,255,.72);font-weight:800}.commercial-ops{align-items:start}.compact-table th,.compact-table td{font-size:10px;padding:10px 8px}.compact-table strong{font-size:11px}.table-wrap{overflow:visible}@media(max-width:900px){.table-wrap{overflow-x:auto}}@media(max-width:1200px){.commercial-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-ops{grid-template-columns:1fr}}@media(max-width:640px){.commercial-flow{grid-template-columns:1fr}.license-key-box code{font-size:14px}}
.commercial-plan-form{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-plan-form .primary-button{grid-column:1/-1}@media(max-width:760px){.commercial-plan-form{grid-template-columns:1fr}}


.commercial-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.commercial-tab{background:#fff;border:1px solid #ded6ff;border-radius:var(--radius-pill);color:var(--purple-dark);cursor:pointer;font-size:11px;font-weight:950;padding:10px 14px}.commercial-tab.is-active{background:linear-gradient(135deg,var(--purple-mid),var(--purple));box-shadow:0 12px 28px rgba(75,31,178,.18);color:#fff}.commercial-stack-form{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-form-panel{background:rgba(255,255,255,.78);border:1px solid rgba(109,60,255,.16);border-radius:var(--radius-md);display:grid;gap:12px;padding:var(--space-md)}.commercial-form-panel h3{color:var(--purple-dark);font-size:13px;text-transform:uppercase}.commercial-form-panel .primary-button{margin-top:auto;width:100%}.commercial-form-panel h4{color:var(--purple-dark);font-size:13px;margin:0;text-transform:uppercase}.mini-grid{display:grid;gap:10px;grid-template-columns:1fr 92px}@media(max-width:1180px){.commercial-stack-form{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr 110px}}
.commercial-detail-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:14px}.commercial-cadastro-panel,.commercial-plano-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.commercial-span-all{grid-column:1/-1}.commercial-form-panel.commercial-detail-tab-panel[hidden]{display:none}@media(max-width:900px){.commercial-cadastro-panel,.commercial-plano-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.commercial-cadastro-panel,.commercial-plano-panel{grid-template-columns:1fr}}
.commercial-plano-panel .client-products-field{grid-column:auto}
.commercial-detail-expanded .commercial-plano-panel select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23637087' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--line);border-radius:var(--radius-md);box-sizing:border-box;color:var(--ink);cursor:pointer;height:36px;padding:8px 30px 8px 10px;width:100%}
.commercial-detail-expanded .commercial-plano-panel input{border:1px solid var(--line);border-radius:var(--radius-md);box-sizing:border-box;color:var(--ink);height:36px;padding:8px 10px;width:100%}
.commercial-detail-expanded .commercial-plano-panel textarea{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);min-height:90px;padding:8px 10px;resize:vertical;width:100%}
.commercial-plano-panel select:focus,.commercial-plano-panel input:focus,.commercial-plano-panel textarea:focus{box-shadow:0 0 0 3px rgba(32,100,246,.22);outline:none}
.commercial-plano-panel .small-button{font-size:9px;padding:6px 8px;white-space:nowrap}
.commercial-plano-panel .plan-product-row-3col{gap:6px;grid-template-columns:minmax(0,1fr) 72px auto!important}
.commercial-detail-expanded .commercial-plano-panel .plan-product-row-3col select{height:32px;padding:6px 22px 6px 6px}
.commercial-detail-expanded .commercial-plano-panel .plan-product-row-3col input{height:32px;padding:6px 6px}
.commercial-plano-panel .add-space-button{font-size:9px;padding:7px 8px;white-space:nowrap}
@media(max-width:900px){.commercial-plano-panel .client-products-field{grid-column:1/-1}}
.domain-spaces{display:grid;gap:10px}.domain-space{background:#fff;border:1px solid rgba(32,100,246,.14);border-radius:var(--radius-md);display:grid;gap:10px;padding:11px}.domain-space-head{align-items:flex-start;display:flex;gap:var(--space-sm);justify-content:space-between}.domain-space-head strong{color:var(--purple-dark);font-size:11px;text-transform:uppercase}.domain-space-head span{font-size:9px}.add-space-button{border-style:dashed;width:100%}.license-key-box code{white-space:normal;word-break:break-all}
.workspace-link-preview{background:linear-gradient(135deg,#f7f4ff,#eefaff);border:1px solid rgba(109,60,255,.16);border-radius:var(--radius-md);display:grid;gap:5px;padding:10px}.workspace-link-preview span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.workspace-link-preview strong{color:var(--purple-dark);font-size:11px;overflow-wrap:anywhere}.commercial-stage-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.commercial-stage-tabs .commercial-tab{border-radius:var(--radius-md);min-height:44px}.domain-space{gap:12px}.domain-space .field input{min-height:38px}.commercial-actions{display:flex;flex-wrap:wrap;gap:6px}.danger-soft{border-color:#ffd1d6;color:#c92131}.commercial-detail-row td{background:#fbfdff}.commercial-user-detail{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.commercial-user-detail section{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:12px}.commercial-user-detail h3{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.icon-pencil{background:#f6f0ff;border:1px solid #ded6ff;border-radius:var(--radius-md);color:var(--purple-dark);cursor:pointer;font-weight:900;height:26px;width:26px}@media(max-width:900px){.commercial-user-detail{grid-template-columns:1fr}.commercial-stage-tabs{grid-template-columns:1fr}}

.client-products-field,.plan-products-field{border:1px dashed rgba(109,60,255,.24);border-radius:var(--radius-md);display:grid;gap:9px;grid-column:1/-1;padding:10px}.client-products-field>label,.plan-products-field>label{font-size:10px;font-weight:900;text-transform:uppercase}.plan-products{display:grid;gap:var(--space-sm)}.plan-product-row{display:grid;gap:var(--space-sm);grid-template-columns:minmax(0,1fr) 120px}.plan-product-row input,.plan-product-row select{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);min-height:36px;padding:8px 10px;width:100%}.plan-products-field .plan-product-row{grid-template-columns:minmax(0,1fr) 156px}@media(max-width:760px){.plan-product-row{grid-template-columns:1fr}}

.commercial-edit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.products-catalog-card{grid-column:1/-1}.product-chip-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.product-chip-grid span{background:#fff;border:1px solid #ded6ff;border-radius:var(--radius-pill);color:var(--purple-dark);font-size:10px;font-weight:900;padding:8px 10px}@media(max-width:1180px){.commercial-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.commercial-edit-grid{grid-template-columns:1fr}}
/* Aba expansível (Editar produto/pacote/plano): título na mesma linha do campo, em vez de empilhado acima. */
.commercial-edit-grid .field{align-items:center;grid-template-columns:120px minmax(0,1fr);gap:6px 10px}.commercial-edit-grid .field label{margin:0;white-space:nowrap}.commercial-edit-grid .field textarea{align-self:start}@media(max-width:640px){.commercial-edit-grid .field{grid-template-columns:1fr}.commercial-edit-grid .field label{white-space:normal}}
.plans-menu-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.plans-menu-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,252,255,.92));border:1px solid rgba(32,100,246,.14);border-radius:var(--radius-md);box-shadow:var(--shadow);cursor:pointer;font:inherit;padding:var(--space-md);text-align:left;transition:border-color .15s,box-shadow .15s}.plans-menu-card:hover{border-color:#ded6ff}.plans-menu-card.is-active{border-color:var(--purple-mid);box-shadow:0 0 0 2px rgba(106,61,240,.22)}.plans-menu-card .plans-menu-icon{color:var(--purple-mid);display:block;font-size:18px;margin-bottom:6px}.plans-menu-card strong{color:var(--purple-dark);display:block;font-size:12px;font-weight:950;margin-bottom:4px}.plans-menu-card span{color:inherit;display:block;font-size:10px;opacity:.7}@media(max-width:900px){.plans-menu-cards{grid-template-columns:1fr}}
.plans-divider{border:none;border-top:1px solid var(--line);margin:20px 0 0}
.plans-tab-content{margin-top:50px}
.org-usage-card{background:linear-gradient(135deg,#fff,#f5f1ff 55%,#eefaff)}.org-usage-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.org-usage-metric{background:#fff;border:1px solid rgba(32,100,246,.14);border-radius:var(--radius-md);display:grid;gap:var(--space-xs);padding:12px}.org-usage-metric span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.org-usage-metric strong{color:var(--purple-dark);font-size:20px;font-weight:950}.org-usage-metric small{color:var(--muted);font-size:9px;font-weight:700}.org-usage-metric.is-empty strong{color:var(--danger,#c92131)}.org-usage-grid-client{margin:0 0 16px}@media(max-width:760px){.org-usage-grid{grid-template-columns:1fr}}
.org-connector-head-title{align-items:center;display:flex;gap:10px;min-width:0}.org-connector-logo{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);display:flex;flex:0 0 auto;height:34px;justify-content:center;overflow:hidden;width:34px}.org-connector-logo svg,.org-connector-logo img{display:block;height:26px;width:26px}.org-connector-fields{display:grid;gap:var(--space-md);margin:14px 0}
.org-usage-grid-client{gap:var(--space-sm)}.org-usage-grid-client .org-usage-metric{align-items:center;background:#fff;border:1px solid var(--line);box-sizing:border-box;display:flex;flex-direction:column;gap:2px;height:70px;justify-content:center;padding:4px 12px;text-align:center}.org-usage-grid-client .org-usage-metric span{color:var(--muted);font-size:9px}.org-usage-grid-client .org-usage-metric strong{color:var(--purple-dark);font-size:22px;line-height:1;white-space:nowrap}.org-usage-grid-client .org-usage-metric strong em{color:var(--danger);font-style:normal}.org-usage-grid-client .org-usage-metric.is-empty{border-color:var(--danger)}
.org-usage-metric-split{display:flex;gap:14px;justify-content:center}.org-usage-metric-split>div{display:flex;flex-direction:column;align-items:center;gap:1px}.org-usage-metric-split small{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.org-usage-metric-split strong{color:var(--purple-dark);font-size:16px;line-height:1.1}.org-usage-metric-split strong.is-used{color:var(--danger,#c92131)}
.org-draft-panel{padding:var(--space-md)}.org-draft-content{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);flex:1 1 auto;line-height:1.6;max-height:520px;min-height:0;overflow:auto;padding:var(--space-md)}.org-draft-content h1,.org-draft-content h2,.org-draft-content h3,.org-draft-content h4{color:var(--purple-dark);margin:14px 0 6px}.org-draft-content:focus{outline:2px solid rgba(32,100,246,.3)}.org-draft-image-slot{display:grid;gap:2px}.org-draft-image-slot select,.org-draft-image-slot input{border:1px solid var(--line);border-radius:var(--radius-md);min-height:36px;padding:6px 10px;width:100%}.org-draft-image-slot textarea{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);min-height:60px;padding:9px 10px;width:100%}
.org-draft-layout{align-items:stretch;display:grid;gap:16px;grid-template-columns:60% 1fr}@media(max-width:960px){.org-draft-layout{grid-template-columns:1fr}}
.org-draft-main{display:flex;flex-direction:column;min-height:360px;overflow:hidden}
.org-draft-editor-toolbar{align-items:center;background:#f4f7fb;border:1px solid var(--line);border-bottom:0;border-radius:var(--radius-md) 8px 0 0;display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:6px}.org-draft-editor-toolbar button{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;font-size:11px;font-weight:800;height:26px;min-width:26px;padding:0 6px}.org-draft-editor-toolbar button:hover{background:var(--soft-blue)}.org-draft-color-pick{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:11px;font-weight:800;gap:var(--space-xs);height:26px;padding:0 6px}.org-draft-color-pick input{border:0;height:16px;padding:0;width:20px}.org-draft-main .org-draft-content{border-radius:0 0 8px 8px}
.org-btn-schedule{background:var(--soft-blue);border-color:#cdddfd;color:var(--blue)}.org-btn-schedule:hover{background:#dbe8ff}.org-btn-publish{background:var(--soft-green);border-color:#bfe9ce;color:var(--green)}.org-btn-publish:hover{background:#d8f3e3}
.org-planejador-compose-grid{align-items:start;display:grid;gap:26px;grid-template-columns:minmax(248px,395px) minmax(0,1fr);margin-bottom:14px}.org-planejador-fields-col{display:grid;gap:var(--space-md)}.org-planejador-results-col{display:grid;gap:14px}.org-planejador-results-col .org-usage-grid-client{margin:0}.org-planejador-provider-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.org-planejador-provider-row .primary-button{white-space:nowrap}.org-planejador-ideas-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.org-planejador-ideas-placeholder{min-height:235px}.org-planejador-idea-card{display:flex;flex-direction:column;min-height:210px;padding:18px}.org-planejador-idea-card strong{font-size:12.5px;line-height:1.35}.org-planejador-idea-card p{line-height:1.45;margin:8px 0 0}.org-planejador-idea-card .commercial-actions{margin-top:auto;padding-top:12px}@media(max-width:1180px){.org-planejador-compose-grid{grid-template-columns:1fr}.org-planejador-ideas-placeholder{display:none}}@media(max-width:900px){.org-planejador-ideas-grid{grid-template-columns:1fr}}@media(max-width:760px){.org-planejador-provider-row{align-items:stretch;flex-direction:column}}
.org-workspace-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:2px}.org-workspace-header-titles{display:flex;flex-direction:column;gap:2px}.org-workspace-header-site{align-self:flex-end;text-align:right}
textarea.org-field-3lines,button.org-field-3lines{box-sizing:border-box;height:70px}textarea.org-field-3lines{max-height:70px;min-height:70px;resize:none}
.org-draft-side{display:grid;gap:var(--space-md);grid-auto-rows:min-content}.org-draft-field-block{display:grid;gap:6px}.org-draft-field-block label{font-size:10px;font-weight:900;text-transform:uppercase}.org-draft-field-head{align-items:center;display:flex;justify-content:space-between}.org-draft-field-block textarea{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);min-height:60px;padding:9px 10px;width:100%}.org-draft-schedule-row{display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr}.org-draft-schedule-row input{border:1px solid var(--line);border-radius:var(--radius-md);min-height:36px;padding:6px 10px;width:100%}
.org-copy-button{background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;font-size:9px;font-weight:900;padding:3px 9px;text-transform:uppercase}.org-copy-button:hover{background:var(--soft-blue);color:var(--blue)}
.org-draft-card{padding:0}.org-draft-header{align-items:center;display:flex;gap:10px;padding:var(--space-md)}.org-draft-caret{background:#fff8d6;border:1px solid #f0dfa0;border-radius:var(--radius-circle);color:#8a6d00;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:900;height:26px;transition:background .15s ease,transform .15s ease;width:26px}.org-draft-caret:hover{background:#fdf0b8}.org-draft-caret[aria-expanded="true"]{background:var(--soft-green);border-color:#bfe9ce;color:var(--green);transform:rotate(180deg)}.org-draft-title-input{background:none;border:0;border-radius:var(--radius-sm);flex:1 1 auto;font-size:13px;font-weight:900;min-width:0;padding:6px 8px}.org-draft-title-input:hover{background:#f4f7fb}.org-draft-title-input:focus{background:#fff;box-shadow:0 0 0 2px rgba(32,100,246,.25);outline:none}.org-draft-body{border-top:1px solid var(--line)}
.commercial-edit-grid-2col{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.commercial-edit-grid-2col{grid-template-columns:1fr}}
.commercial-edit-grid-3col{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1180px){.commercial-edit-grid-3col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.commercial-edit-grid-3col{grid-template-columns:1fr}}
.row-expand-toggle{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-circle);color:var(--purple);cursor:pointer;display:inline-flex;font-size:13px;font-weight:900;height:26px;justify-content:center;line-height:1;padding:0;transition:transform .15s ease;width:26px}.row-expand-toggle[aria-expanded="true"]{transform:rotate(180deg)}
.commercial-workspace-products-inline{min-width:180px}.commercial-workspace-products-inline .commercial-package-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}
.plan-product-row-3col{grid-template-columns:repeat(3,1fr)!important}@media(max-width:760px){.plan-product-row-3col{grid-template-columns:1fr!important}}
.commercial-workspaces-title{font-size:14.4px}
.commercial-detail-expanded{font-size:1.05em;padding:10px 0}.commercial-detail-expanded .field input,.commercial-detail-expanded .field select,.commercial-detail-expanded .field textarea{min-height:42px;padding:11px 12px}.commercial-detail-expanded .commercial-form-panel{padding:16px}
.clientes-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);margin:18px 0}.clientes-search-input{background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);flex:1;min-width:220px;padding:10px 16px}.clientes-period-filter{display:flex;gap:var(--space-sm)}.period-chip{background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;font-size:11px;font-weight:800;padding:9px 14px}.period-chip.is-active{background:var(--purple);border-color:var(--purple);color:#fff}
.commercial-users-table td,.commercial-users-table th{text-align:center;vertical-align:middle}
.commercial-package-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:8px}.org-shortcut-chip{align-items:center;background:#fff;border:1px solid rgba(32,100,246,.18);border-radius:var(--radius-pill);color:var(--purple-dark);display:inline-flex;font-size:10px;font-weight:900;gap:6px;padding:6px 6px 6px 12px}.chip-remove{background:none;border:none;border-radius:var(--radius-circle);color:var(--muted);cursor:pointer;font-size:13px;font-weight:900;height:18px;line-height:1;width:18px}.chip-remove:hover{background:var(--danger,#c92131);color:#fff}
.commercial-org-workspaces-section{margin-top:18px}.commercial-workspace-products-row td{background:#fbfdff;padding:10px 14px}
.commercial-org-workspaces-section select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23637087' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--line);border-radius:var(--radius-md);box-sizing:border-box;color:var(--ink);cursor:pointer;height:36px;padding:8px 30px 8px 10px;width:100%}
.commercial-org-workspaces-section input{border:1px solid var(--line);border-radius:var(--radius-md);box-sizing:border-box;color:var(--ink);height:36px;padding:8px 10px;width:100%}
.commercial-org-workspaces-section select:focus,.commercial-org-workspaces-section input:focus{box-shadow:0 0 0 3px rgba(32,100,246,.22);outline:none}
.commercial-org-workspaces-section .small-button{white-space:nowrap}
.round-check{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid var(--line);border-radius:var(--radius-circle);cursor:pointer;height:18px;position:relative;vertical-align:middle;width:18px}.round-check:checked{background:var(--org);border-color:var(--org)}.round-check:checked::after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}
.org-brand-form .org-card{padding:20px}.org-brand-form .field-hint{font-size:10.5px;line-height:1.5;margin-bottom:2px}.org-brand-form .section-head{margin-bottom:12px}.org-brand-form textarea{line-height:1.5}
.org-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.org-card .org-card-actions .small-button{padding:9px 18px}.org-card-soon{isolation:isolate;min-height:230px;overflow:hidden;position:relative}.org-card-soon-content{filter:blur(2.5px);opacity:.42;pointer-events:none;user-select:none}.org-card-soon-overlay{align-items:center;background:rgba(255,255,255,.74);border:1px solid rgba(52,201,141,.28);border-radius:var(--radius-md);box-shadow:0 18px 45px rgba(15,23,42,.14);display:flex;flex-direction:column;gap:6px;inset:16px;justify-content:center;position:absolute;text-align:center;z-index:1}.org-card-soon-overlay span{background:linear-gradient(135deg,var(--purple-mid),var(--purple));border-radius:var(--radius-pill);box-shadow:0 10px 22px rgba(75,31,178,.22);color:#fff;font-size:12px;font-weight:950;letter-spacing:.14em;padding:9px 16px}.org-card-soon-overlay small{color:var(--muted);font-size:10px;font-weight:850;max-width:210px}
.provider-chip-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.provider-chip{font-size:11px;padding:9px 16px}
.org-cta-checks{display:flex;flex-wrap:wrap;gap:var(--space-md) 22px;margin-top:14px}.org-cta-checks label{align-items:center;color:var(--ink);cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:var(--space-sm)}
.org-cta-grid{align-items:start;display:grid;gap:16px;grid-template-columns:20% 1fr auto}.org-cta-grid .field-hint{margin-top:1px}.org-cta-save-field{gap:7px}.org-cta-save-field label{visibility:hidden}.org-cta-save-field .small-button{padding:9px 18px;white-space:nowrap}
.org-split-grid{display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr}.org-split-grid>div+div{border-left:1px solid var(--line);padding-left:28px}
@media(max-width:760px){.org-cta-grid{grid-template-columns:1fr}.org-split-grid{grid-template-columns:1fr}.org-split-grid>div+div{border-left:0;padding-left:0}}
.org-accordion-card{padding:0;overflow:hidden;transition:background .15s ease}.org-accordion-card+.org-accordion-card{margin-top:16px}.org-accordion-head{align-items:center;background:none;border:0;cursor:pointer;display:flex;font:inherit;gap:var(--space-md);text-align:left;width:100%}.org-accordion-head:hover{background:rgba(52,201,141,.06)}.org-accordion-head-text{align-items:baseline;display:flex;flex:1 1 auto;gap:150px;min-width:0}.org-accordion-head-text h2{flex:0 0 auto;font-size:17px}.org-accordion-desc{color:var(--muted);flex:1 1 auto;font-size:11.5px;font-weight:400;line-height:1.4;min-width:0}.org-accordion-caret{color:var(--org-dark);flex:0 0 auto;font-size:16px;font-weight:900;transition:transform .15s ease}.org-accordion-head[aria-expanded="true"] .org-accordion-caret{transform:rotate(180deg)}.org-accordion-body{padding:20px 20px 20px}.org-accordion-card.is-open{background:var(--org-soft)}.org-accordion-card.is-open .org-accordion-head:hover{background:rgba(52,201,141,.12)}
.org-mask-layout{display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr;margin-top:12px}.org-mask-stack{display:flex;flex-direction:column;gap:var(--space-md)}.org-mask-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.org-mask-slot{display:flex;flex-direction:column;gap:8px;min-width:0}.org-mask-slot-title{color:var(--muted);font-size:10px;font-weight:900;line-height:1.3;min-height:27px;text-transform:uppercase}.org-mask-slot input[type="file"]{font-size:11px;min-height:36px}@media(max-width:1180px){.org-mask-layout{grid-template-columns:1fr}}@media(max-width:640px){.org-mask-grid{grid-template-columns:1fr}}
.org-mask-preview{align-items:center;background:#f4f7fb;border:1px dashed var(--line);border-radius:var(--radius-md);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.org-mask-preview:has(img){border-style:solid}.org-mask-placeholder-label{color:var(--muted);font-size:9px;padding:6px;text-align:center}.org-mask-remove{background:rgba(0,0,0,.6);border:none;border-radius:var(--radius-circle);color:#fff;cursor:pointer;font-size:14px;height:22px;line-height:1;position:absolute;right:4px;top:4px;width:22px}
.org-accordion-card.is-open .org-mask-preview,.org-accordion-card.is-open .field input[type="file"]{background:#fff}.org-accordion-card.is-open .field input[type="file"]{border-color:#fff}
.org-prompts-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:50px}@media(max-width:1180px){.org-prompts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.org-prompts-grid{grid-template-columns:1fr}}textarea[data-autogrow]{max-height:160px;min-height:90px;overflow-y:auto;resize:none;transition:height .1s ease}
textarea[data-autogrow].org-field-compact{box-sizing:border-box;max-height:50px;min-height:50px}

/* TIPOGRAFIA DA MARCA — ver orgTypographyBody/bindOrgTypographyActions em app-clientes-v1.js */
.typography-section-divider{border-top:1px solid var(--line);margin:28px 0 18px}
.typography-section-title{color:var(--org-dark);font-size:15px;margin:0 0 14px}
.typography-fields-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.typography-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.typography-fields-grid{grid-template-columns:1fr}}
.typography-field{background:#fff;border:1px solid var(--line);border-radius:10px;padding:var(--space-md)}
.typography-current{border-radius:var(--radius-sm);color:var(--org-dark);font-size:14px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.typography-search{border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:8px;min-height:34px;padding:6px 10px;width:100%}
.typography-font-list{border:1px solid var(--line);border-radius:var(--radius-md);display:grid;gap:2px;max-height:180px;overflow-y:auto;padding:4px}
.typography-font-row{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:7px 9px;text-align:left;width:100%}
.typography-font-row:hover{background:var(--org-soft)}
.typography-font-row.is-selected{background:var(--org-soft);border-color:#9de9c7}
.typography-font-name{font-size:13.5px}
.typography-font-meta{align-items:center;display:flex;flex:0 0 auto;gap:var(--space-sm)}
.typography-font-category{color:var(--muted);font-size:9.5px;text-transform:uppercase}
.typography-font-check{color:var(--org-dark);font-weight:900}
.typography-empty{color:var(--muted);font-size:12px;padding:10px}
.typography-weight-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.typography-weight-chip{background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;font-size:11px;font-weight:700;padding:5px 12px}
.typography-weight-chip.is-active{background:var(--org);border-color:var(--org);color:#fff}
.typography-preview{border:1px solid var(--line);border-radius:10px;display:grid;gap:var(--space-lg);grid-template-columns:1.4fr 1fr;margin-top:18px;padding:20px}@media(max-width:760px){.typography-preview{grid-template-columns:1fr}}
.typography-preview-block{display:grid;gap:var(--space-sm)}
.typography-preview-kicker{color:var(--org-dark);font-size:9.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.typography-preview-title{color:var(--ink);margin:0}
.typography-preview-body{color:var(--muted);line-height:1.6;margin:0}
.typography-preview-card{background:#0d1733;border-radius:var(--radius-md);padding:16px}.typography-preview-card .typography-preview-kicker{color:#9de9c7}.typography-preview-card .typography-preview-title{color:#fff}.typography-preview-card .typography-preview-body{color:rgba(255,255,255,.72)}
.typography-preview-fonttag{color:var(--muted);display:block;font-size:10px;font-weight:700;letter-spacing:.02em;margin:-2px 0 4px;text-transform:uppercase}
.typography-preview-card .typography-preview-fonttag{color:rgba(255,255,255,.5)}
.typography-recommendation{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px;margin-top:25px}@media(max-width:900px){.typography-recommendation{grid-template-columns:1fr}}
.typography-combo{background:#fff;border:1px solid var(--line);border-radius:10px;display:grid;gap:var(--space-sm);padding:var(--space-md)}
.typography-combo.is-primary{background:var(--org-soft);border-color:#9de9c7}
.typography-combo-label{color:var(--ink);font-size:16px}
.typography-combo-badge{background:var(--org);border-radius:var(--radius-pill);color:#fff;font-size:9.5px;font-weight:900;justify-self:start;padding:4px 10px;text-transform:uppercase}
.typography-combo-justification{color:var(--muted);font-size:12px;line-height:1.5;margin:0}
.typography-combo-usage{display:grid;gap:5px}
.typography-combo-usage-item{color:var(--ink);font-size:11.5px;line-height:1.5}
.typography-combo-usage-item strong{color:var(--org-dark);font-weight:800}
.typography-recommendation-empty{align-items:center;background:#f2fdf8;border:1px dashed #9de9c7;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px;margin-top:25px;padding:12px 14px}
.typography-recommendation-empty p{color:var(--org-dark);font-size:12.5px;margin:0}
.typography-apply-toggle-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.typography-apply-toggle{align-items:center;background:#fff;border:1px solid var(--line);color:var(--muted);display:inline-flex;gap:var(--space-sm)}
.typography-apply-toggle-dot{background:#c7cedb;border-radius:var(--radius-pill);display:inline-block;height:8px;transition:background .15s ease;width:8px}
.typography-apply-toggle.is-active{background:var(--soft-green);border-color:#bfe9ce;color:var(--green)}
.typography-apply-toggle.is-active .typography-apply-toggle-dot{background:var(--green);box-shadow:0 0 0 3px rgba(31,161,90,.22)}

/* Banco de Imagens BF — 5 botões de origem de imagem + popups "Gratuitas"/"Banco de Imagens BF" */
.org-draft-image-buttons{display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));margin-top:4px}
.org-draft-image-buttons .small-button{border-radius:10px;line-height:1.2;padding:8px 6px;text-align:center;white-space:normal;width:100%}
.org-draft-image-buttons .small-button:disabled{cursor:not-allowed;opacity:.45}
.org-image-prompt-label{color:var(--muted);display:block;font-size:10px;font-weight:900;margin:10px 0 5px;text-transform:uppercase}
.bf-modal-overlay{align-items:center;background:rgba(10,3,31,.55);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}
.bf-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 24px 60px rgba(10,3,31,.35);display:flex;flex-direction:column;max-height:88vh;max-width:720px;width:100%}
.bf-modal-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 20px}
.bf-modal-head h2{font-size:15px;margin:0}
.bf-modal-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:22px;line-height:1;padding:2px 6px}
.bf-modal-close:hover{color:#111}
.bf-modal-body{overflow-y:auto;padding:var(--space-lg) 20px}
.bf-image-bank-search-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:10px}
.bf-image-bank-search-row input,.bf-image-bank-search-row select{flex:1 1 200px}
.bf-image-bank-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
.bf-image-bank-thumb{aspect-ratio:1;background:#f2f4f8;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;padding:0;transition:border-color .15s ease,transform .15s ease}
.bf-image-bank-thumb:hover{border-color:var(--org);transform:scale(1.02)}
.bf-image-bank-thumb img{display:block;height:100%;object-fit:cover;width:100%}
.bf-image-bank-thumb:disabled{cursor:wait;opacity:.5}
.bf-image-bank-pager{align-items:center;display:flex;justify-content:space-between;margin-top:14px}
.bf-image-bank-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.bf-image-bank-suggestion{background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;font-size:11px;font-weight:700;padding:4px 12px}
.bf-image-bank-suggestion:hover{background:var(--soft-blue)}
.bf-image-bank-suggestion.is-active{background:var(--org);border-color:var(--org);color:#fff}

/* Reposicionamento manual (arrastar + zoom) do preview da imagem do blog/
   social — pedido do usuário 2026-08-05. O container mantém a proporção real
   do slot (800x418 blog, 1080x1080 social quadrado) via aspect-ratio; a
   imagem ORIGINAL (não a já cortada) é arrastada/escalada dentro dele sem
   nunca deixar espaço vazio (clamp em bfImageCropController, app-clientes-v1.js). */
.org-image-preview{aspect-ratio:var(--org-preview-ratio,800/418);background:#f2f4f8;border-radius:var(--radius-md);container-type:inline-size;margin:8px 0 0;overflow:hidden;position:relative}
.org-image-crop-viewport{cursor:grab;height:100%;overflow:hidden;position:relative;touch-action:none;width:100%}
.org-image-crop-viewport:active{cursor:grabbing}
.org-image-crop-viewport img{left:0;position:absolute;top:0;user-select:none;will-change:transform}
/* Prévia visual da moldura já aplicada — camada estática (não arrasta com a
   foto) por cima do preview de edição, só pra dar feedback real de que a
   moldura está salva; o arquivo final continua sendo montado no servidor
   (bf_planejador_rebuild_derived_image), isso aqui é só espelho visual. */
.org-image-crop-viewport img.org-moldura-preview-overlay{height:100%;left:0;object-fit:fill;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}
.org-tools-disabled{opacity:.45;pointer-events:none}

/* Cards de contagem em "Banco de imagens" (superadmin) — 3 números por grupo
   (total / sem categorização da IA / na fila), ver bf_image_bank_group_counts. */
.image-bank-stats{display:flex;gap:16px;margin:10px 0}
.image-bank-stat{display:flex;flex-direction:column}
.image-bank-stat strong{font-size:22px;line-height:1.1}
.image-bank-stat span{color:var(--muted,#6b7280);font-size:11px}
.image-bank-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:8px}
.image-bank-card-actions code{background:#f2f4f8;border-radius:4px;font-size:11px;padding:1px 4px}
.image-bank-progress{margin-top:10px}
.image-bank-progress-track{background:#e5e7eb;border-radius:var(--radius-pill);height:6px;overflow:hidden;width:100%}
.image-bank-progress-fill{background:#6d28d9;height:100%;transition:width .25s ease;width:0}
.image-bank-progress-label{color:var(--muted,#6b7280);display:block;font-size:11px;margin-top:4px}
.org-image-crop-controls{align-items:center;display:flex;gap:var(--space-sm);margin:16px 0 8px}
.org-image-crop-controls input[type=range]{flex:1 1 auto;min-height:auto}
.org-image-crop-controls [data-org-crop-save]{margin-left:auto;white-space:nowrap}
.org-image-crop-controls-zoomonly{margin-top:12px}
.org-image-file-actions-unified{display:flex;flex-wrap:nowrap;gap:6px;margin-top:8px}
.org-image-file-actions-unified .small-button{flex:1 1 0;font-size:16px;line-height:1;min-width:0;padding:8px 0;text-align:center}
.org-image-file-actions-unified .org-round-action{align-items:center;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:999px;box-shadow:0 7px 18px rgba(15,23,42,.14);color:#243044;display:inline-flex;flex:0 0 38px;height:38px;justify-content:center;padding:0;width:38px}
.org-image-file-actions-unified .org-round-action:hover{box-shadow:0 10px 22px rgba(15,23,42,.18);transform:translateY(-1px)}
.org-image-file-actions-unified .org-instagram-post-button{align-items:center;background:linear-gradient(135deg,#f9ce34 0%,#ee2a7b 48%,#6228d7 100%);border:0;border-radius:999px;box-shadow:0 10px 22px rgba(238,42,123,.25);color:#fff;display:inline-flex;flex:1 1 112px;font-size:12px;font-weight:950;gap:7px;height:38px;justify-content:center;letter-spacing:0;padding:0 14px;text-transform:none;white-space:nowrap}
.org-instagram-post-icon{align-items:center;background:#fff;border-radius:999px;display:inline-flex;height:20px;justify-content:center;width:20px}.org-instagram-post-icon svg{display:block;height:16px;width:16px}
.org-image-file-actions-unified .org-coachmark-wrap-icon{flex:1 1 0;margin-left:0}
.org-image-file-actions-unified .org-coachmark-wrap-icon .small-button{width:100%}

/* Caixinha de descrição ao passar o mouse (pedido do usuário 2026-08-06, pra
   trocar texto por ícone nos botões e ganhar espaço visual) — funciona em
   qualquer botão/elemento com data-tooltip, não só nesta linha. */
[data-tooltip]{position:relative}
[data-tooltip]::after{background:#0D1733;border-radius:var(--radius-sm);bottom:calc(100% + 7px);color:#fff;content:attr(data-tooltip);font-size:10px;font-weight:700;left:50%;max-width:180px;opacity:0;padding:6px 9px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%) translateY(4px);transition:opacity .15s ease,transform .15s ease;white-space:normal;z-index:20}
[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}

/* Arrasta-título sobre a imagem social (bfTextOverlayController,
   app-clientes-v4.js) — texto HTML real por cima do preview (nunca a imagem
   já com o texto desenhado, que fica escondida atrás: o crop-viewport mostra
   sempre o -original.jpg limpo), com as MESMAS fontes/proporções que o GD
   usa no servidor (bf_planejador_draw_social_title_overlay) pra a prévia
   bater com o resultado final. container-type:inline-size em
   .org-image-preview permite usar cqw (largura real do preview) em vez de vw. */
@font-face{font-family:'BF Bebas Neue';font-display:swap;src:url('/assets/fonts/BebasNeue-Regular.ttf') format('truetype')}
@font-face{font-family:'BF Poppins SemiBold';font-display:swap;font-weight:600;src:url('/assets/fonts/Poppins-SemiBold.ttf') format('truetype')}
@font-face{font-family:'BF Rohn Rounded';font-display:swap;src:url('/assets/fonts/RohnRounded-Heavy.ttf') format('truetype')}
@font-face{font-family:'BF Uni Sans';font-display:swap;src:url('/assets/fonts/UniSans-Heavy.ttf') format('truetype')}
@font-face{font-family:'BF Impact';font-display:swap;src:url('/assets/fonts/Impact.ttf') format('truetype')}
@font-face{font-family:'BF Times';font-display:swap;font-weight:700;src:url('/assets/fonts/TimesNewRoman-Bold.ttf') format('truetype')}
@font-face{font-family:'BF Gotham';font-display:swap;font-weight:700;src:url('/assets/fonts/Gotham-Bold.ttf') format('truetype')}
.org-text-grid{background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:10px 10px;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .1s ease;z-index:2}.org-text-grid.is-visible{opacity:1}
.org-text-overlay{border:1px dashed transparent;border-radius:8px;box-sizing:border-box;cursor:grab;height:calc(var(--org-text-box-h,.22)*100%);left:calc(var(--org-text-x,0.5)*100%);padding:0;position:absolute;top:calc(var(--org-text-y,0.5)*100%);touch-action:none;transform:translate(-50%,-50%);transform-origin:center;user-select:none;width:calc(var(--org-text-box-w,.9)*100%);z-index:3}
.org-text-overlay:hover{border-color:rgba(255,255,255,.78);box-shadow:0 0 0 1px rgba(0,0,0,.18),0 8px 24px rgba(0,0,0,.18)}.org-text-overlay:active{cursor:grabbing}.org-text-overlay.is-editing{border-color:rgba(255,255,255,.9);cursor:text;box-shadow:0 0 0 1px rgba(22,163,74,.65),0 10px 28px rgba(0,0,0,.2)}
.org-text-overlay-title{color:#fff;font-family:var(--org-text-font,'BF Bebas Neue'),sans-serif;font-size:calc(5cqw * var(--org-text-scale,1));line-height:1;text-shadow:calc(0.15cqw * var(--org-text-scale,1)) calc(0.15cqw * var(--org-text-scale,1)) calc(0.25cqw * var(--org-text-scale,1)) rgba(0,0,0,.45);word-break:break-word}
.org-text-overlay-desc{color:#fff;font-family:'BF Poppins SemiBold',sans-serif;font-size:calc(2cqw * var(--org-text-scale,1));line-height:1.3;margin-top:.35em;text-shadow:calc(0.1cqw * var(--org-text-scale,1)) calc(0.1cqw * var(--org-text-scale,1)) calc(0.2cqw * var(--org-text-scale,1)) rgba(0,0,0,.45)}
.org-text-overlay-title[contenteditable=true],.org-text-overlay-desc[contenteditable=true]{cursor:text;outline:none;user-select:text}.org-text-resize-handle,.org-text-box-width-handle,.org-text-box-height-handle{background:#fff;border:2px solid rgba(15,23,42,.72);box-shadow:0 4px 12px rgba(0,0,0,.25);opacity:0;pointer-events:none;position:absolute;touch-action:none;transition:opacity .12s ease,transform .12s ease;z-index:4}.org-text-resize-handle{border-radius:999px;bottom:-9px;cursor:nwse-resize;height:15px;right:-9px;width:15px}.org-text-box-width-handle{border-radius:999px;cursor:ew-resize;height:32px;right:-7px;top:50%;transform:translateY(-50%);width:10px}.org-text-box-height-handle{border-radius:999px;bottom:-7px;cursor:ns-resize;height:10px;left:50%;transform:translateX(-50%);width:32px}.org-text-overlay:hover .org-text-resize-handle,.org-text-overlay:hover .org-text-box-width-handle,.org-text-overlay:hover .org-text-box-height-handle,.org-text-overlay.is-editing .org-text-resize-handle,.org-text-overlay.is-editing .org-text-box-width-handle,.org-text-overlay.is-editing .org-text-box-height-handle{opacity:1;pointer-events:auto}.org-text-resize-handle:hover{transform:scale(1.12)}.org-text-box-width-handle:hover{transform:translateY(-50%) scale(1.08)}.org-text-box-height-handle:hover{transform:translateX(-50%) scale(1.08)}
.org-text-overlay-controls{align-items:center;display:flex;gap:var(--space-sm);margin:8px 0 8px}
.org-text-overlay-controls input[type=range]{flex:1 1 auto;min-height:auto}
[data-org-text-edit-toggle].is-active{background:var(--accent,#1565FF);color:#fff}
.org-text-overlay-editor-help{background:rgba(0,0,0,.03);border-radius:var(--radius-md);margin-top:16px;padding:8px}
.org-color-swatches{align-items:center;display:flex;flex-wrap:wrap;gap:6px}
.org-color-swatch{border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-circle);cursor:pointer;height:22px;padding:0;width:22px}
.org-color-swatch:hover{transform:scale(1.1)}
.org-color-swatch-custom{background:conic-gradient(red,#ff0,lime,cyan,blue,magenta,red);cursor:pointer;overflow:hidden;position:relative}
.org-color-swatch-custom input{cursor:pointer;height:200%;left:-50%;opacity:0;position:absolute;top:-50%;width:200%}
.org-font-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.org-font-picker button{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;font-size:14px;padding:6px 10px}
.org-font-picker button.is-active{background:var(--accent,#1565FF);border-color:var(--accent,#1565FF);color:#fff}
.org-draft-mask-block{margin-top:8px}
.org-mask-upload-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:4px}
.org-mask-upload-slot{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);display:grid;gap:6px;padding:8px;width:110px}
.org-mask-upload-thumb{align-items:center;aspect-ratio:1/1;background:#f4f7fb;border-radius:var(--radius-sm);display:flex;justify-content:center;overflow:hidden}
.org-mask-upload-thumb img{height:100%;object-fit:contain;width:100%}
.org-mask-upload-thumb .muted{font-size:10px;text-align:center}
.org-mask-upload-slot .small-button{width:100%}
.org-reference-image-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:6px}
.org-custom-image-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:4px}
.org-custom-image-row [data-org-custom-image-url]{flex:1 1 180px;min-width:0}
.org-image-file-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.org-image-file-actions .small-button{flex:1 1 auto}
.org-social-variants-grid{display:grid;gap:var(--space-sm);grid-template-columns:repeat(3,1fr);margin-top:10px}
.org-social-variant-thumb{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-md);cursor:grab;overflow:hidden;position:relative}
.org-social-variant-thumb.is-dragging{opacity:.4}
.org-social-variant-thumb img{display:block;height:100%;object-fit:cover;width:100%}
.org-social-variant-index{background:rgba(0,0,0,.55);border-radius:var(--radius-pill);bottom:4px;color:#fff;font-size:9px;font-weight:900;left:4px;padding:2px 6px;position:absolute}
.org-social-variant-delete{background:rgba(0,0,0,.55);border:none;border-radius:var(--radius-circle);color:#fff;cursor:pointer;font-size:13px;height:20px;line-height:18px;padding:0;position:absolute;right:4px;top:4px;width:20px}
.org-social-variant-delete:hover{background:#e33b4b}
.org-social-variant-download{background:rgba(0,0,0,.55);border:none;border-radius:var(--radius-circle);bottom:4px;color:#fff;cursor:pointer;font-size:11px;height:20px;line-height:18px;padding:0;position:absolute;right:4px;width:20px}
.org-social-variant-download:hover{background:var(--blue,#1565FF)}
.org-btn-generate-title{background:var(--soft-purple);border-color:#d6c8ff;color:var(--purple)}
.org-manual-title-block{display:grid;gap:6px;margin-top:4px}
.org-manual-title-block input[type=text]{padding:6px 8px}
.org-manual-desc-row{align-items:stretch;display:flex;gap:6px}
.org-manual-desc-row textarea{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);flex:1 1 auto;min-height:32px;padding:5px 7px;resize:vertical;width:auto}
.org-manual-desc-row [data-org-manual-title-insert]{flex:0 0 128px;font-size:9px;line-height:1.2;padding:4px 6px;white-space:nowrap}
.org-image-loading{align-items:center;background:rgba(255,255,255,.92);display:flex;flex-direction:column;gap:6px;inset:0;justify-content:center;position:absolute;z-index:2}
.org-image-loading[hidden]{display:none}
/* Setas de navegação do histórico de gerações (pedido do usuário
   2026-08-07) — sobrepostas no canto inferior do preview, mesmo z-index da
   moldura/overlay de texto pra ficar sempre visível por cima da foto. */
.org-image-version-nav{align-items:center;background:rgba(10,3,31,.55);border-radius:var(--radius-pill);bottom:8px;display:flex;gap:6px;left:50%;padding:4px 6px;position:absolute;transform:translateX(-50%);z-index:3}
.org-image-version-nav button{background:rgba(255,255,255,.15);border:none;border-radius:var(--radius-circle);color:#fff;cursor:pointer;font-size:14px;height:22px;line-height:1;width:22px}
.org-image-version-nav button:hover:not(:disabled){background:rgba(255,255,255,.3)}
.org-image-version-nav button:disabled{cursor:not-allowed;opacity:.35}
.org-image-version-count{color:#fff;font-size:10px;font-weight:800;min-width:28px;text-align:center}
.org-image-loading img{animation:bf-octopus-wiggle 1.1s ease-in-out infinite;height:min(250px,72%);max-height:250px;max-width:72%;object-fit:contain;width:min(250px,72%)}
.org-image-loading span{color:var(--org-dark);font-size:11.5px;font-weight:800}
@keyframes bf-octopus-wiggle{0%,100%{transform:rotate(-4deg) translateY(0)}25%{transform:rotate(3deg) translateY(-4px)}50%{transform:rotate(-2deg) translateY(2px)}75%{transform:rotate(4deg) translateY(-2px)}}
.org-draft-image-row{align-items:start;grid-template-columns:1fr}
.org-image-format-tabs{margin-top:14px}
.org-image-format-tab-buttons{background:rgba(52,201,141,.08);border-radius:var(--radius-lg);display:flex;gap:var(--space-xs);margin-bottom:12px;padding:5px}
.org-image-format-tab-buttons .small-button{background:none;border:none;border-radius:10px;color:var(--muted);flex:1;font-size:12px;overflow:hidden;padding:9px 10px;position:relative;text-align:center;transition:background .15s ease,color .15s ease}
.org-image-format-tab-buttons .small-button span{display:block;font-size:10px;font-weight:600;margin-top:1px;opacity:.7}
.org-image-format-tab-buttons .small-button:hover{background:rgba(52,201,141,.16);color:var(--org-dark)}
/* Aba ativa: mesmo verde do menu da Organização (--org/--org-dark), com um
   brilho passando por dentro em loop (pedido do usuário 2026-08-07: "brilho
   em água do mar") — uma faixa clara diagonal que atravessa o botão sem
   parar, via ::after animado e recortado pelo overflow:hidden do botão. */
.org-image-format-tab-buttons .small-button.is-active{background:linear-gradient(135deg,var(--org-dark),#146744 55%,var(--org-dark));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 18px rgba(52,201,141,.45),0 4px 14px rgba(15,122,82,.35);color:#fff}
.org-image-format-tab-buttons .small-button.is-active span{opacity:.85}
.org-image-format-tab-buttons .small-button.is-active::after{background:linear-gradient(120deg,transparent,rgba(255,255,255,.65),transparent);content:"";height:100%;left:-60%;pointer-events:none;position:absolute;top:0;width:45%;animation:bf-tab-shine 2.8s ease-in-out infinite}
@keyframes bf-tab-shine{0%{left:-60%}100%{left:130%}}
.org-draft-image-split{align-items:start;display:grid;gap:var(--space-lg);grid-template-columns:minmax(180px,41%) minmax(0,1fr);margin-top:8px}
.org-image-preview-col{display:grid;gap:2px}
.org-image-controls-col{display:grid;gap:2px;min-width:0}
@media(max-width:640px){.org-draft-image-split{grid-template-columns:1fr}}

/* Editor Tiptap do texto da matéria — reaproveita .org-draft-editor-toolbar/
   .org-draft-content/.org-draft-color-pick já existentes (o React monta com
   as mesmas classes); só o wrapper novo precisa herdar o flex de
   .org-draft-main pra manter o layout de sempre. */
.org-draft-editor-mount,.org-draft-editor-wrap{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
/* .org-draft-content já é a classe real do wrapper do editor (EditorContent
   do Tiptap monta com esse className, ver tiptap-editor-bundle-v2.js) — uma
   tentativa anterior de estilizar ".ProseMirror" (o contenteditable interno)
   criou uma caixa aninhada dentro dessa (com seu próprio min-height/padding,
   sem herdar o flex:1 1 auto do pai), fazendo o card parecer menor e cortado
   — revertido. Só reseta o outline de foco padrão do navegador no elemento
   interno de verdade, sem adicionar nenhuma caixa/tamanho novo. */
.org-draft-content .ProseMirror{outline:none}
.org-draft-editor-toolbar button.is-active{background:var(--soft-blue);border-color:#bcd6ff}
.org-draft-editor-toolbar button:disabled{cursor:not-allowed;opacity:.4}
.org-draft-font-pick,.org-draft-format-pick{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;font-size:11px;font-weight:700;height:26px;max-width:130px;padding:0 4px}
.org-draft-editor-sep{background:var(--line);height:20px;width:1px}
.org-draft-content img{border-radius:var(--radius-sm);height:auto;max-width:100%}
.org-draft-content .org-draft-video-embed{aspect-ratio:16/9;border-radius:var(--radius-sm);margin:10px 0;width:100%}
.org-draft-content table{border-collapse:collapse;margin:10px 0;width:100%}
.org-draft-content table td,.org-draft-content table th{border:1px solid var(--line);padding:6px 8px}
.org-draft-content table th{background:#f4f7fb;font-weight:800}
.org-draft-content blockquote{border-left:3px solid var(--org);color:var(--muted);margin:10px 0;padding:4px 12px}
.org-draft-content pre{background:#0a031f;border-radius:var(--radius-sm);color:#e6e6e6;overflow-x:auto;padding:10px 12px}
.org-draft-content code{background:#f4f7fb;border-radius:4px;padding:1px 5px}
.org-draft-content pre code{background:none;padding:0}
.bf-image-bank-pager span{color:var(--muted);font-size:11.5px}
.org-coachmark-wrap{display:inline-block;margin-left:6px;position:relative;text-transform:none;vertical-align:middle}
.org-coachmark-info{align-items:center;background:none;border:none;color:#f2b400;cursor:pointer;display:inline-flex;height:18px;justify-content:center;padding:0;width:18px}
.org-coachmark-info svg{height:15px;width:15px}
.org-coachmark-info:hover{color:#c98f00}
.org-coachmark{bottom:calc(100% + 20px);display:none;left:0;position:absolute;width:320px;z-index:90}
.org-coachmark-wrap:hover .org-coachmark,.org-coachmark-wrap:focus-within .org-coachmark{display:block}
.org-coachmark::before{background:var(--panel);bottom:-6px;content:"";height:14px;left:14px;position:absolute;transform:rotate(45deg);width:14px}
.org-coachmark-inner{background:var(--panel);border-radius:12px;box-shadow:0 12px 32px rgba(26,8,63,.22);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:400;padding:var(--space-md) 16px;position:relative;text-transform:none;z-index:1}
.org-coachmark-inner>strong{color:var(--purple-dark);display:block;font-size:13px;margin-bottom:8px}
.org-coachmark-inner p{font-size:12.5px;line-height:1.55;margin:0 0 8px}
.org-coachmark-inner p:last-child{margin-bottom:0}
.org-coachmark-list{display:grid;font-size:12.5px;gap:6px;line-height:1.55;margin:0 0 8px;padding-left:18px}
.bf-page-nav{bottom:auto;display:flex;flex-direction:column;gap:5px;left:16px;position:fixed;top:220px;z-index:60}
.bf-page-nav[hidden]{display:none}
.bf-page-nav button{align-items:center;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:var(--radius-circle);box-shadow:0 2px 8px rgba(26,8,63,.08);color:var(--muted);cursor:pointer;display:flex;height:26px;justify-content:center;opacity:.75;transition:background .15s ease,color .15s ease,opacity .15s ease;width:26px}
.bf-page-nav button svg{fill:currentColor;height:12px;width:12px}
.bf-page-nav button:hover{background:var(--panel);color:var(--purple-dark);opacity:1}
@media(max-width:1100px){.bf-page-nav{display:none}}

/* PEDIDOS: sino de notificações + tela de pedidos do superadmin — reaproveita
   os tokens de cor/sombra já existentes (--blue/--amber/--green/--danger,
   .card/.status/.small-button) em vez de criar uma paleta nova. */
.nav-badge{align-items:center;background:var(--danger);border-radius:var(--radius-pill);color:#fff;display:inline-flex;font-size:9px;font-weight:900;justify-content:center;margin-left:auto;min-width:16px;padding:2px 5px}
.nav-badge[hidden]{display:none}
.nav-badge--proto{background:var(--cyan);font-weight:800;padding:2px 7px;text-transform:uppercase}
/* DISCOVERY-TESTE: vermelho de proposito, pra nunca confundir com um menu de
   producao normal (mesmo espirito visual de .nav-item--org, so em --danger
   em vez de verde). */
.nav-item--test{border-color:rgba(227,59,75,.5)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 10px rgba(227,59,75,.25)!important}
.nav-item--test:hover{background:rgba(227,59,75,.2)!important;border-color:rgba(227,59,75,.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 22px rgba(227,59,75,.45),0 16px 30px rgba(10,3,31,.34)!important}
.nav-item--test.is-active{background:linear-gradient(135deg,rgba(227,59,75,.5),rgba(255,214,218,.24))!important;border-color:rgba(227,59,75,.75)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 0 24px rgba(227,59,75,.5),0 0 48px rgba(227,59,75,.32),10px 12px 28px rgba(10,3,31,.22)!important}
.nav-item--test .nav-icon{background:rgba(227,59,75,.24);border-color:rgba(227,59,75,.5)}
.nav-item--test.is-active .nav-icon{background:#f4a3ac;border-color:rgba(255,255,255,.7);color:#7a1120}

/* DISCOVERY-LAB: abas horizontais de topo, uma por motor do BrandForce AI
   (Discovery/Brand DNA/Strategy/AI Engine, ver docs/brand_discovery.txt).
   Mesmo padrao visual pill de .org-image-format-tab-buttons, mas em roxo
   neutro (tema do superadmin) em vez do verde --org (essa tela nao e
   organization-scoped). Contagem de abas e fixa (4), definida no plano. */
.discovery-lab-tabs{background:rgba(109,60,255,.08);border-radius:var(--radius-lg);display:flex;gap:var(--space-xs);margin-bottom:18px;padding:5px}
.discovery-lab-tabs button{background:none;border:none;border-radius:10px;color:var(--muted);cursor:pointer;flex:1;font:inherit;font-size:12px;font-weight:700;overflow:hidden;padding:11px 10px;position:relative;text-align:center;transition:background .15s ease,color .15s ease}
.discovery-lab-tabs button span{display:block;font-size:10px;font-weight:600;margin-top:2px;opacity:.7}
.discovery-lab-tabs button:hover{background:rgba(109,60,255,.14);color:var(--purple-dark)}
.discovery-lab-tabs button.is-active{background:linear-gradient(135deg,var(--purple-dark),var(--purple-mid) 55%,var(--purple-dark));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 18px rgba(109,60,255,.4),0 4px 14px rgba(43,11,104,.32);color:#fff}
.discovery-lab-tabs button.is-active span{opacity:.88}
.discovery-lab-wip{align-items:center;background:var(--panel);border:1px dashed var(--line);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;padding:60px 20px;text-align:center}
.discovery-lab-wip strong{color:var(--ink);font-size:14px;font-weight:900}
.discovery-lab-wip span{color:var(--muted);font-size:11px;max-width:420px}
.discovery-lab-wip-note{border-top:1px solid var(--line);font-size:10px;font-weight:800;margin-top:8px;max-width:340px;padding-top:10px;text-transform:uppercase}
.bf-bell-wrap{position:relative}
.bf-bell-button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;display:flex;height:38px;justify-content:center;position:relative;transition:background .15s ease,border-color .15s ease,transform .15s ease;width:38px}
.bf-bell-button:hover{background:var(--soft-blue);border-color:var(--blue);transform:translateY(-1px)}
.bf-bell-badge{background:var(--danger);border:2px solid #fff;border-radius:var(--radius-pill);color:#fff;font-size:9px;font-weight:900;min-width:16px;padding:1px 4px;position:absolute;right:-4px;text-align:center;top:-4px}
.bf-bell-badge[hidden]{display:none}
.bf-bell-popover{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 45px rgba(12,31,68,.18);margin-top:8px;max-height:400px;overflow-y:auto;padding:12px;position:absolute;right:0;top:44px;width:340px;z-index:80}
.bf-bell-popover[hidden]{display:none}
.bf-bell-popover-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}
.bf-bell-popover-list{display:grid;gap:var(--space-sm)}
.bf-bell-popover-item{background:#f7faff;border:1px solid var(--line);border-radius:var(--radius-md);font-size:12px;padding:8px 10px}
.bf-bell-popover-item strong{display:block;font-size:12.5px;margin-bottom:2px}
.bf-bell-popover-item span{color:var(--muted)}
.bf-toast-stack{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;position:fixed;right:24px;top:78px;z-index:200}
.bf-request-toast{animation:bf-toast-rise 4.5s ease forwards;background:var(--panel);border:1px solid var(--blue);border-radius:10px;box-shadow:0 14px 34px rgba(12,31,68,.2);max-width:300px;padding:10px 14px}
.bf-request-toast strong{color:var(--blue);display:block;font-size:12px}
.bf-request-toast span{color:var(--muted);font-size:11.5px}
@keyframes bf-toast-rise{0%{opacity:0;transform:translateY(18px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-10px)}}
.pedidos-accordion{margin-bottom:16px}
.pedidos-accordion-head{align-items:center;background:none;border:0;cursor:pointer;display:flex;font:inherit;gap:10px;justify-content:space-between;padding:0;text-align:left;width:100%}
.pedidos-accordion-head h2{margin:0}
.pedidos-accordion-caret{transition:transform .15s ease}
.pedidos-accordion.is-open .pedidos-accordion-caret{transform:rotate(90deg)}
.pedidos-accordion-body{display:none;margin-top:14px}
.pedidos-accordion.is-open .pedidos-accordion-body{display:block}
.status.gray{background:#eef1f6;color:var(--muted)}
/* AVISOS > NOVIDADES (BF-020) — título+texto na mesma linha do formulário e
   lista de publicadas com scroll próprio em vez de esticar a altura da
   página (pedido do usuário 2026-08-09). */
.avisos-form-row{align-items:end;display:flex;flex-wrap:wrap;gap:var(--space-md)}
.avisos-field-title{flex:0 0 260px}
.avisos-field-body{flex:1 1 320px;min-width:0}
.avisos-publish-button{white-space:nowrap}
.avisos-novidades-grid{align-items:start;display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr))}
.avisos-list-scroll{display:flex;flex-direction:column;max-height:min(560px,calc(100vh - 420px));min-height:200px;overflow-y:auto}
.avisos-list-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-sm) 0}
.avisos-list-row:last-child{border-bottom:0}
.avisos-list-text{line-height:1.5;min-width:0}
.avisos-list-text .field-hint{display:block;margin-top:2px}
.avisos-list-actions{display:flex;flex:0 0 auto;gap:var(--space-xs);white-space:nowrap}
.avisos-suggestion-list{max-height:min(560px,calc(100vh - 420px));min-height:200px}
.avisos-suggestion-row{background:linear-gradient(90deg,rgba(109,60,255,.06),rgba(255,255,255,0));border-radius:var(--radius-md);padding-left:var(--space-sm);padding-right:var(--space-sm)}
@media(max-width:960px){.avisos-novidades-grid{grid-template-columns:1fr}}
@media(max-width:760px){.avisos-form-row{align-items:stretch;flex-direction:column}.avisos-field-title{flex-basis:auto}.avisos-list-row{align-items:flex-start;flex-direction:column}}

/* AVISOS > BASE DE CONHECIMENTO — grupos por produto dentro da mesma lista
   .avisos-list-scroll/.avisos-list-row acima, sem componente novo. */
.faq-kb-group{padding:var(--space-sm) 0}
.faq-kb-group>strong{color:var(--purple-dark);display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.faq-kb-group .avisos-list-row{padding-left:var(--space-sm)}
.faq-kb-content-field{margin-top:var(--space-sm)}
.faq-kb-content-field label{display:block;margin-bottom:var(--space-sm)}
.faq-kb-save-actions,.faq-kb-import-actions{align-items:center;margin-top:var(--space-md);padding-top:0}
.faq-kb-import-actions{justify-content:flex-start}
.faq-kb-save-actions .primary-button,.faq-kb-import-actions .primary-button{min-width:150px}
.faq-kb-import-card textarea{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:12px;line-height:1.45}
.faq-kb-import-card .section-head{align-items:center}


.org-connector-logo-stack{display:inline-flex;align-items:center;width:auto;min-width:82px}.org-connector-logo-stack svg,.org-connector-logo-stack img{border:2px solid #fff;border-radius:999px;box-shadow:0 2px 8px rgba(15,23,42,.12);margin-left:-6px}.org-connector-logo-stack svg:first-child,.org-connector-logo-stack img:first-child{margin-left:0}
.connection-badge.is-active{background:var(--soft-green);border-color:#bfe9ce;color:var(--green)}.connection-badge.is-warning{background:#fff8e8;border-color:#f4dca9;color:#9a6509}


.org-share-panel{border:1px dashed rgba(15,23,42,.28);display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 240px;margin-top:18px;padding:16px;width:100%}
.org-share-main{min-width:0}.org-share-title{align-items:center;display:flex;gap:9px;margin:0 0 12px}.org-share-title strong{font-size:14px;letter-spacing:.02em;text-transform:uppercase}.org-share-title-icon{border:1px solid #111827;display:inline-block;height:16px;width:16px}.org-share-panel .org-social-variants-grid{display:flex;gap:12px;margin-top:0;max-width:100%;min-width:0;overflow-x:auto;padding:0 0 10px;scrollbar-gutter:stable}.org-share-panel .org-social-variant-thumb{appearance:none;background:#fff;border:1px solid rgba(15,23,42,.28);border-radius:8px;cursor:pointer;display:block;flex:0 0 clamp(150px,18vw,190px);height:auto;aspect-ratio:1/1;overflow:hidden;padding:0;position:relative}.org-share-panel[data-org-share-slot="story"] .org-social-variant-thumb{aspect-ratio:9/16;flex-basis:clamp(116px,13vw,150px)}.org-share-panel .org-social-variant-thumb img{display:block;height:100%;object-fit:cover;width:100%}.org-share-panel .org-social-variant-thumb.is-selected{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.16)}.org-share-selection-badge{align-items:center;background:#16a34a;border:2px solid #fff;border-radius:999px;box-shadow:0 7px 16px rgba(22,163,74,.28);color:#fff;display:flex;font-size:12px;font-weight:950;height:28px;justify-content:center;left:8px;position:absolute;top:8px;width:28px}.org-share-schedule{align-self:start;border-left:1px dashed rgba(15,23,42,.24);display:flex;flex-direction:column;gap:10px;justify-self:end;padding-left:18px;position:sticky;top:12px;width:240px}.org-share-schedule strong{font-size:12px;text-transform:uppercase}.org-share-schedule-row{display:grid;gap:8px}.org-share-schedule-row input{min-height:36px;width:100%}.org-share-schedule .org-instagram-post-button{flex:0 0 auto;width:100%}.org-calendar-legend{display:flex;gap:14px;margin:0 0 12px}.org-calendar-legend span,.org-calendar-status{align-items:center;display:inline-flex;font-size:11px;font-weight:900;gap:6px}.org-calendar-legend i,.org-calendar-status i,.org-calendar-dots i{border-radius:999px;display:inline-block;height:9px;width:9px}.is-scheduled{background:#facc15}.is-published{background:#22c55e}.org-calendar-status.is-scheduled,.org-calendar-status.is-published,.org-calendar-status.is-failed,.org-calendar-status.is-cancelled{background:transparent}.org-calendar-status.is-failed i{background:#ef4444}.org-calendar-status.is-cancelled i{background:#94a3b8}.org-calendar-three{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.org-calendar-month{border:1px solid var(--line);border-radius:8px;padding:10px}.org-calendar-month>strong{display:block;margin-bottom:8px;text-transform:capitalize}.org-calendar-weekdays,.org-calendar-grid{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.org-calendar-weekdays span{color:var(--muted);font-size:10px;font-weight:900;text-align:center}.org-calendar-day{align-items:center;aspect-ratio:1/1;background:#fbfdff;border:1px solid var(--line);border-radius:6px;display:flex;font-size:11px;justify-content:center;position:relative}.org-calendar-day.is-empty{background:transparent;border:0}.org-calendar-dots{bottom:4px;display:flex;gap:3px;position:absolute}.org-calendar-dots i{height:6px;width:6px}.org-calendar-post-list{display:grid;gap:10px}.org-calendar-post{align-items:center;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:90px minmax(0,1fr) auto;min-width:0;padding:10px}.org-calendar-post-thumbs{display:flex}.org-calendar-post-thumbs img{border:2px solid #fff;border-radius:6px;height:42px;margin-right:-16px;object-fit:cover;width:42px}.org-calendar-edit-row{display:flex;gap:6px;grid-column:1/-1;justify-content:flex-end}.org-calendar-edit-row input{max-width:140px;min-height:32px}.danger-text{color:#b91c1c}@media(max-width:900px){.org-share-panel,.org-calendar-three{grid-template-columns:1fr}.org-share-schedule{border-left:0;border-top:1px dashed rgba(15,23,42,.24);justify-self:stretch;padding-left:0;padding-top:12px;position:static;width:auto}.org-calendar-post{grid-template-columns:1fr}.org-calendar-edit-row{justify-content:flex-start;flex-wrap:wrap}}

/* Refinamento visual dos controles de imagem e publicação social. */
.org-image-file-actions-unified{align-items:center;gap:8px}
.org-image-file-actions-unified .small-button{font-size:14px}
.org-image-file-actions-unified .org-round-action{flex:0 0 36px;height:36px;width:36px;font-size:14px}
.org-instagram-post-button{align-items:center!important;display:inline-flex!important;gap:7px!important;justify-content:center!important;line-height:1!important;text-align:center!important}
.org-instagram-post-button span{align-items:center;display:inline-flex;line-height:1}
.org-instagram-post-button .org-instagram-post-icon{flex:0 0 20px;margin:0}
.org-share-schedule .org-instagram-post-button{background:#e8fff0;border:1px solid #b9efca;border-radius:999px;box-shadow:none;color:#12813c;font-size:11px;font-weight:900;height:40px;letter-spacing:0;padding:0 14px;text-transform:none;width:100%}
.org-share-schedule .org-instagram-post-button:hover{background:#d9fce6;box-shadow:0 8px 18px rgba(18,129,60,.14);transform:translateY(-1px)}
.org-share-schedule .org-instagram-post-icon{background:#fff;border-radius:7px;height:21px;width:21px}
.org-share-schedule .org-instagram-post-icon svg{height:16px;width:16px}
.org-share-schedule .small-button[data-org-share-schedule]{font-size:11px;font-weight:850;height:36px;line-height:1;padding:0 12px;text-transform:none}

/* Stories: reduz apenas o preview na tela; o arquivo final continua 1080x1920. */
.org-draft-image-slot-story .org-image-preview-col{justify-items:center}
.org-draft-image-slot-story .org-image-preview{width:min(50%,260px);min-width:190px}
.org-draft-image-slot-story .org-image-crop-controls,.org-draft-image-slot-story .org-image-file-actions-unified{justify-self:center;width:min(50%,260px);min-width:190px}
.org-share-panel[data-org-share-slot="story"] .org-social-variant-thumb{flex-basis:clamp(88px,8vw,112px)}
@media(max-width:900px){.org-draft-image-slot-story .org-image-preview,.org-draft-image-slot-story .org-image-crop-controls,.org-draft-image-slot-story .org-image-file-actions-unified{width:min(70%,260px)}}

.org-share-facebook-option{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#10233f;margin:2px 0 4px}
.org-share-facebook-option input{width:16px;height:16px;accent-color:#1877f2}

/* Toast de link (ver showLinkToast em app-clientes-v23.js) — o .toast padrão
   tem max-width:280px e text-align:center, bom pra mensagens curtas mas
   inviável pra copiar uma URL com token. Essa variante alarga o toast,
   alinha à esquerda e troca o texto por um rótulo curto + botão de copiar. */
.toast.toast-link{max-width:340px;min-width:280px;text-align:left;justify-content:space-between;gap:12px;padding:14px 16px}
.toast-link-label{flex:1;font-size:12.5px;line-height:1.35}
.toast-link-copy{align-items:center;background:rgba(255,255,255,.12);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:background .15s ease;width:34px}
.toast-link-copy:hover{background:rgba(255,255,255,.22)}
.toast-link-copy.is-copied{background:var(--green,#1f9d55)}

/* Modal de confirmação roxo (ver bfConfirm em app-clientes-v23.js) — substitui
   o window.confirm() nativo do navegador em todas as ações do painel. */
.bf-confirm-overlay{align-items:center;background:rgba(20,10,40,.45);backdrop-filter:blur(2px);display:flex;inset:0;justify-content:center;position:fixed;z-index:300}
.bf-confirm-modal{animation:bf-confirm-rise .16s ease;background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 48px rgba(28,10,64,.28);max-width:360px;padding:24px 26px;width:90%}
@keyframes bf-confirm-rise{0%{opacity:0;transform:translateY(10px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
.bf-confirm-message{color:var(--ink);font-size:14px;line-height:1.5;margin:0 0 20px}
.bf-confirm-actions{display:flex;gap:10px;justify-content:flex-end}
.bf-confirm-cancel,.bf-confirm-ok{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:'BF Poppins SemiBold',Inter,sans-serif;font-size:12.5px;font-weight:600;padding:10px 18px;transition:filter .15s ease}
.bf-confirm-cancel{background:#f1eefb;color:var(--purple-dark,#4b1fa8)}
.bf-confirm-ok{background:var(--purple,#6a2fe0);color:#fff}
.bf-confirm-ok.is-danger{background:var(--danger,#c92131)}
.bf-confirm-cancel:hover,.bf-confirm-ok:hover{filter:brightness(1.08)}


.faq-kb-upload-box{align-items:center;background:#fbfdff;border:1px dashed rgba(48,37,92,.28);border-radius:8px;display:flex;gap:var(--space-md);justify-content:space-between;margin:var(--space-sm) 0 var(--space-md);padding:var(--space-md)}
.faq-kb-upload-box strong{display:block;font-size:13px;margin-bottom:3px}
.faq-kb-upload-box .field-hint{display:block;max-width:640px}
.faq-kb-file-trigger{cursor:pointer;flex:0 0 auto;text-align:center}
@media(max-width:760px){.faq-kb-upload-box{align-items:stretch;flex-direction:column}.faq-kb-file-trigger{width:100%}}

.faq-kb-editor-grid{align-items:start;display:grid;gap:var(--space-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,.72fr);margin-bottom:var(--space-md)}
.faq-kb-editor-card,.faq-kb-import-card,.faq-kb-history-card{height:100%}
.faq-kb-editor-card textarea,.faq-kb-import-card textarea{min-height:250px;resize:vertical}
.faq-kb-history-list{display:flex;flex-direction:column;gap:10px;max-height:430px;overflow-y:auto;padding-right:4px}
.faq-kb-history-row{align-items:center;background:#fbfdff;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}
.faq-kb-history-text{display:grid;gap:3px;min-width:0}
.faq-kb-history-text strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.faq-kb-history-text span{color:var(--muted);font-size:10px;font-weight:800}
.faq-kb-subject-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--space-md)}
.faq-kb-subject-tab{align-items:center;background:#f7f4ff;border:1px solid rgba(92,64,160,.16);border-radius:8px;color:var(--purple-dark);cursor:pointer;display:inline-flex;font-family:'BF Poppins SemiBold',Inter,sans-serif;font-size:12px;font-weight:800;gap:7px;min-height:34px;padding:0 10px;transition:background .15s ease,border-color .15s ease,color .15s ease}
.faq-kb-subject-tab span{background:#fff;border:1px solid rgba(92,64,160,.16);border-radius:999px;color:var(--muted);font-size:10px;line-height:1;padding:4px 6px}
.faq-kb-subject-tab.is-active{background:var(--purple);border-color:var(--purple);color:#fff}
.faq-kb-subject-tab.is-active span{border-color:rgba(255,255,255,.24);color:var(--purple-dark)}
.faq-kb-list-scroll{max-height:min(620px,calc(100vh - 360px))}
@media(max-width:1280px){.faq-kb-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.faq-kb-history-card{grid-column:1/-1}}
@media(max-width:1100px){.faq-kb-editor-grid{grid-template-columns:1fr}.faq-kb-editor-card textarea,.faq-kb-import-card textarea{min-height:220px}.faq-kb-history-card{grid-column:auto}}
@media(max-width:760px){.faq-kb-subject-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.faq-kb-subject-tab{flex:0 0 auto}}

.wp-connector-release-grid{align-items:start;display:grid;gap:var(--space-md);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);margin-bottom:var(--space-md)}
.wp-connector-history-card{height:100%}
.wp-connector-history-list{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto;padding-right:4px}
.wp-connector-history-row{background:#fbfdff;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(120px,auto);padding:10px 12px}
.wp-connector-history-row strong{color:var(--ink);display:block;font-size:13px}
.wp-connector-history-row p{color:var(--muted);font-size:11.5px;line-height:1.45;margin:6px 0 0}
.wp-connector-history-meta{color:var(--muted);font-size:11px;line-height:1.4;text-align:right;word-break:break-word}
.wp-connector-history-meta span,.wp-connector-history-meta small{display:block}
@media(max-width:1050px){.wp-connector-release-grid{grid-template-columns:1fr}.wp-connector-history-list{max-height:300px}.wp-connector-history-row{grid-template-columns:1fr}.wp-connector-history-meta{text-align:left}}
.org-plugin-changelog{background:#f7faff;border:1px dashed rgba(32,100,246,.24);border-radius:var(--radius-md);display:grid;gap:6px;margin-top:14px;min-height:118px;padding:12px}.org-plugin-changelog strong{color:var(--purple-dark);font-size:11px;font-weight:950;text-transform:uppercase}.org-plugin-changelog p{line-height:1.45;margin:0;white-space:pre-wrap}

.org-bell-card{display:grid;gap:6px}.org-bell-card-head{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.org-bell-icon-btn{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:16px;font-weight:900;height:24px;justify-content:center;line-height:1;width:24px}.org-bell-icon-btn:hover{border-color:var(--danger);color:var(--danger)}.org-bell-card-actions{display:flex;justify-content:flex-start;margin-top:2px}.org-bell-like-btn{background:#fff;border:1px solid rgba(32,100,246,.24);border-radius:999px;color:var(--blue);cursor:pointer;font-family:'BF Poppins SemiBold',Inter,sans-serif;font-size:10px;font-weight:900;min-height:26px;padding:5px 10px}.org-bell-like-btn.is-liked{background:#ecfdf5;border-color:#22c55e;color:#15803d}

.bf-octo-speech{background:#fff;pointer-events:none;border:1px solid rgba(52,201,141,.28);border-radius:14px;bottom:92px;box-shadow:0 14px 34px rgba(12,31,68,.16);color:var(--ink);font-size:12px;font-weight:800;left:22px;line-height:1.4;max-width:260px;padding:10px 12px;position:absolute}.bf-octo-speech:after{border:8px solid transparent;border-top-color:#fff;bottom:-15px;content:"";left:28px;position:absolute}.bf-octo-speech[hidden]{display:none}
/* Balão do Octo agora nasce dentro de .topbar-octo-card (bug real corrigido
   2026-08-11, ver applyOctoVisibility/showOctoSpeech). Pedido do usuário no
   mesmo dia: em vez de aparecer abaixo do card, o balão cobre por cima do
   campo de pergunta (.topbar-octo-form) — como uma fala de verdade saindo
   do Octo, some sozinho depois de 8s (showOctoSpeech já cuida do timer). */
.topbar-octo-card{overflow:visible}
.topbar-octo-card .bf-octo-speech{bottom:auto;top:6px;left:88px;right:8px;max-width:none;margin-top:0;z-index:30}
.topbar-octo-card .bf-octo-speech:after{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:#fff;top:22px;bottom:auto;left:-15px}.octo-config-toggles{align-items:end;display:grid;gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0}.octo-message-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.octo-span-all{grid-column:1/-1}.octo-support-toggles{display:grid;gap:8px;margin:0 0 10px}.octo-support-toggles .octo-local-toggle{margin:0}.octo-local-toggle{margin:0 0 10px}@media(max-width:760px){.octo-config-toggles,.octo-message-grid{grid-template-columns:1fr}.bf-octo-speech{left:auto;right:0;max-width:min(260px,calc(100vw - 32px))}}
.is-super-admin .topbar-octo-card .bf-octo-speech{border-color:rgba(109,60,255,.28)}

.org-creative-shell{display:grid;gap:var(--space-md)}
.org-creative-toolbar{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:var(--space-md);justify-content:space-between;padding-bottom:var(--space-md)}
.org-creative-toolbar strong{display:block;font-size:18px}
.org-creative-toolbar p{margin:4px 0 0}
.org-creative-layout{align-items:start;display:grid;gap:var(--space-lg);grid-template-columns:minmax(240px,320px) minmax(0,1fr)}
.org-creative-controls{background:#fbfdff;border:1px solid var(--line);border-radius:var(--radius-md);display:grid;gap:var(--space-md);padding:var(--space-md)}
.org-creative-upload{cursor:pointer;text-align:center}
.org-creative-stage{display:grid;gap:var(--space-md);min-width:0}
.org-creative-preview{margin:auto;max-width:min(640px,100%);width:100%}
.org-creative-viewport>img{height:100%;object-fit:cover;width:100%}
.org-creative-text-overlay .org-text-overlay-title{white-space:pre-line}
.org-creative-text-overlay .org-text-overlay-desc{white-space:pre-line}
.org-creative-output-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}
.org-creative-versions{display:grid;gap:var(--space-sm)}
.org-creative-version-grid{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}
.org-creative-version{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;display:grid;gap:6px;padding:6px;text-align:left}
.org-creative-version img{aspect-ratio:1/1;border-radius:var(--radius-sm);display:block;object-fit:cover;width:100%}
.org-creative-version span{color:var(--muted);font-size:10px;font-weight:900}
.org-creative-empty{background:#fbfdff;border:1px dashed rgba(52,201,141,.38);border-radius:var(--radius-md);display:grid;gap:var(--space-sm);padding:var(--space-lg)}
.org-creative-mask-upload{align-items:center;background:#fbfdff;border:1px solid var(--line);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm)}
@media(max-width:960px){.org-creative-layout{grid-template-columns:1fr}.org-creative-controls{order:2}.org-creative-stage{order:1}.org-creative-toolbar{align-items:stretch;flex-direction:column}}