/* PapoBox — identidade azul (referências do dono, 19/10/2026). Camada de tema carregada por último.
   Troca de marca = editar os tokens abaixo. Ciano é decorativo: texto sobre ciano usa navy. */
:root{
 --pb-navy:#0B1F4D;--pb-brand:#0066FF;--pb-brand-hover:#0052CC;--pb-cyan:#00C2FF;
 --pb-bg:#F5F8FD;--pb-surface:#FFFFFF;--pb-surface2:#F0F6FF;--pb-ice:#E6F4FF;
 --pb-border:#D9E4F1;--pb-border2:#C3D3E8;--pb-text:#111827;--pb-muted:#536178;
 --pb-brand-ink:#0052CC;--pb-link:#0052CC;
 --pb-ok:#087F5B;--pb-ok-bg:#E8F7F0;--pb-warn:#945900;--pb-warn-bg:#FFF5D6;--pb-bad:#B42332;--pb-bad-bg:#FFF0F2;
 --pb-shadow:0 12px 40px rgba(11,31,77,.07);--pb-ring:0 0 0 3px #fff,0 0 0 6px #0052CC;
 --pb-glow:radial-gradient(900px 420px at 85% -8%,rgba(0,194,255,.14),transparent 60%),radial-gradient(700px 400px at -5% 105%,rgba(0,102,255,.08),transparent 55%);
 --pb-font:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
 --bg:var(--pb-bg);--panel:var(--pb-surface);--panel2:var(--pb-surface2);--line:var(--pb-border);--text:var(--pb-text);--muted:var(--pb-muted);--accent:var(--pb-brand);--cyan:var(--pb-link);--danger:var(--pb-bad);
 color-scheme:light;font-family:var(--pb-font);font-size:15px;
}
html[data-theme="dark"]{
 --pb-bg:#07142F;--pb-surface:#102650;--pb-surface2:#0D1F42;--pb-ice:rgba(0,102,255,.20);
 --pb-border:#29436B;--pb-border2:#365888;--pb-text:#F4F8FF;--pb-muted:#B5C5DE;--pb-brand-ink:#9CC8FF;--pb-link:#8DBEFF;
 --pb-ok:#7BE3BC;--pb-ok-bg:rgba(8,127,91,.28);--pb-warn:#FFD27A;--pb-warn-bg:rgba(148,89,0,.30);--pb-bad:#FFA3AE;--pb-bad-bg:rgba(180,35,50,.30);
 --pb-shadow:0 14px 44px rgba(0,0,0,.38);--pb-ring:0 0 0 3px #07142F,0 0 0 6px #8DBEFF;
 --pb-glow:radial-gradient(900px 420px at 85% -8%,rgba(0,194,255,.16),transparent 60%),radial-gradient(700px 400px at -5% 105%,rgba(0,102,255,.18),transparent 55%);
 color-scheme:dark;
}
@media(prefers-color-scheme:dark){html[data-theme="system"]{
 --pb-bg:#07142F;--pb-surface:#102650;--pb-surface2:#0D1F42;--pb-ice:rgba(0,102,255,.20);
 --pb-border:#29436B;--pb-border2:#365888;--pb-text:#F4F8FF;--pb-muted:#B5C5DE;--pb-brand-ink:#9CC8FF;--pb-link:#8DBEFF;
 --pb-ok:#7BE3BC;--pb-ok-bg:rgba(8,127,91,.28);--pb-warn:#FFD27A;--pb-warn-bg:rgba(148,89,0,.30);--pb-bad:#FFA3AE;--pb-bad-bg:rgba(180,35,50,.30);
 --pb-shadow:0 14px 44px rgba(0,0,0,.38);--pb-ring:0 0 0 3px #07142F,0 0 0 6px #8DBEFF;
 --pb-glow:radial-gradient(900px 420px at 85% -8%,rgba(0,194,255,.16),transparent 60%),radial-gradient(700px 400px at -5% 105%,rgba(0,102,255,.18),transparent 55%);
 color-scheme:dark;}}

body{background:var(--pb-glow),var(--pb-bg);background-attachment:fixed;color:var(--pb-text);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--pb-link)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:0;box-shadow:var(--pb-ring)}

/* Botões */
.btn{background:var(--pb-brand);color:#fff;border-radius:10px;font-weight:700;min-height:44px;padding:10px 18px;box-shadow:0 8px 20px rgba(0,102,255,.22)}
.btn:hover{background:var(--pb-brand-hover);transform:translateY(-1px)}
.btn.secondary{background:var(--pb-surface);color:var(--pb-text);border:1px solid var(--pb-border2);box-shadow:none}
.btn.secondary:hover{background:var(--pb-ice);border-color:var(--pb-brand)}
.btn.ghost{background:transparent;color:var(--pb-muted);border:1px solid var(--pb-border);box-shadow:none}
.btn.danger{background:var(--pb-bad-bg);color:var(--pb-bad);box-shadow:none}
.btn.small{min-height:36px}

/* Estrutura */
.sidebar{background:var(--pb-surface);border-right:1px solid var(--pb-border);box-shadow:var(--pb-shadow)}
.pb-logo-wrap{display:flex;align-items:center;margin:2px 0 20px;padding:6px 10px;background:#fff;border-radius:14px;border:1px solid var(--pb-border)}
.pb-logo{display:block;width:100%;max-width:190px;height:auto}
.workspace-switch{background:var(--pb-surface2);border-color:var(--pb-border)}
.workspace-initial{background:linear-gradient(135deg,var(--pb-brand),var(--pb-cyan));color:#fff}
.workspace-switch strong{color:var(--pb-text)}.workspace-switch small{color:var(--pb-muted)}
.nav button{color:var(--pb-muted);font-weight:700;font-size:14px;border-radius:12px;padding:12px 13px;min-height:44px}
.nav button:hover{background:var(--pb-surface2);color:var(--pb-text)}
.nav button.active,.simple-shell .nav button.active{background:var(--pb-ice);color:var(--pb-brand-ink);border-color:transparent;box-shadow:inset 3px 0 0 var(--pb-brand)}
.pb-count{margin-left:auto;font-style:normal;background:var(--pb-brand);color:#fff;border-radius:99px;font-size:11px;font-weight:800;padding:2px 8px}
.sidebar-bottom .btn.secondary{width:100%;margin-bottom:12px}
.user-mini{border-top-color:var(--pb-border)}.user-mini strong{color:var(--pb-text);font-size:12px}.user-mini small{color:var(--pb-muted)}
.avatar{background:var(--pb-ice);color:var(--pb-brand-ink)}
.topbar{border-bottom:1px solid var(--pb-border);background:color-mix(in srgb,var(--pb-bg) 82%,transparent);backdrop-filter:blur(10px)}
.breadcrumb{color:var(--pb-muted)}.breadcrumb b{color:var(--pb-text);font-weight:800;font-size:14px}
.page{max-width:1240px}
.page-title h1{color:var(--pb-text);font-weight:800;letter-spacing:-.6px}
.page-title p{color:var(--pb-muted);font-size:14px}
.eyebrow{color:var(--pb-brand-ink)}

/* Superfícies */
.panel,.stat,.agent-card,.modal,.chat-container,.inbox-contact,.crm-deal,.credit-catalog{background:var(--pb-surface);border:1px solid var(--pb-border);color:var(--pb-text)}
.panel,.stat,.agent-card{border-radius:20px;box-shadow:var(--pb-shadow)}
.panel p,.stat-note,.agent-card p,.modal>p,.muted{color:var(--pb-muted)}
.panel h2,.section-head h2{color:var(--pb-text);font-weight:800}
.agent-card{background:var(--pb-surface)}.agent-card:hover{border-color:var(--pb-brand)}
.agent-avatar{background:var(--pb-ice);color:var(--pb-brand)}
.agent-data{border-top-color:var(--pb-border);color:var(--pb-muted)}.agent-data b{color:var(--pb-text)}
.new-card{background:var(--pb-surface2);border:1.5px dashed var(--pb-border2);color:var(--pb-muted)}
.new-card .plus-circle{background:var(--pb-ice);border-color:transparent;color:var(--pb-brand)}
.stat-label{color:var(--pb-muted)}.stat-icon,.stat:nth-child(n) .stat-icon{background:var(--pb-ice);color:var(--pb-brand)}
.text-link{color:var(--pb-brand-ink);font-weight:700}
.tabs{border-bottom-color:var(--pb-border)}.tabs button{color:var(--pb-muted);font-weight:700}.tabs button.active{color:var(--pb-brand-ink);border-color:var(--pb-brand)}
.step{border-right-color:var(--pb-border)}.step-num{border-color:var(--pb-border2);color:var(--pb-muted)}.step.done .step-num{background:var(--pb-brand);border-color:var(--pb-brand);color:#fff}
.hero{background:linear-gradient(135deg,var(--pb-navy),#0A3FA8 60%,var(--pb-brand));border:0;color:#fff;border-radius:28px}
.hero:before{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}
.hero p{color:#D6E6FF}.hero h2 em{color:#7FE1FF}.hero .hero-badge{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}

/* Formulários */
.field label{color:var(--pb-text);font-weight:700}.field small{color:var(--pb-muted)}
.field input,.field textarea,.field select,.search,.simple-shell input,.simple-shell textarea,.simple-shell select{background:var(--pb-surface);border:1px solid var(--pb-border2);border-radius:10px;color:var(--pb-text);min-height:46px}
.field input::placeholder,.field textarea::placeholder,.search::placeholder{color:var(--pb-muted);opacity:.8}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--pb-brand)}
.config-toggle,.revision-summary>span,.tool-parameter,.copilot-card,.inbox-copilot-bar,.crm-stage{background:var(--pb-surface2);border-color:var(--pb-border);color:var(--pb-text)}
.config-toggle small{color:var(--pb-muted)}
.notice{background:var(--pb-ice);border-color:var(--pb-border2);color:var(--pb-brand-ink)}
.notice.warn{background:var(--pb-warn-bg);border-color:transparent;color:var(--pb-warn)}
.notice.error{background:var(--pb-bad-bg);border-color:transparent;color:var(--pb-bad)}
.badge{background:var(--pb-surface2);color:var(--pb-muted);font-weight:700}
.badge.green{background:var(--pb-ok-bg);color:var(--pb-ok)}.badge.red{background:var(--pb-bad-bg);color:var(--pb-bad)}.badge.purple{background:var(--pb-ice);color:var(--pb-brand-ink)}
.source-row{border-bottom-color:var(--pb-border)}.source-row small{color:var(--pb-muted)}
.empty h3{color:var(--pb-text)}.empty .icon{color:var(--pb-brand)}
.code{background:var(--pb-surface2);border-color:var(--pb-border);color:var(--pb-text)}
.progress{background:var(--pb-ice)}.progress span{background:linear-gradient(90deg,var(--pb-brand),var(--pb-cyan))}
.channel-card .channel-icon{background:var(--pb-ice);color:var(--pb-brand)}

/* Conversas */
.chat-header{background:var(--pb-surface2);border-bottom-color:var(--pb-border)}.chat-header small{color:var(--pb-muted)}
.message{background:var(--pb-surface2);border-color:var(--pb-border);color:var(--pb-text);border-radius:16px 16px 16px 4px}
.message.user{background:var(--pb-brand);border-color:var(--pb-brand);color:#fff;border-radius:16px 16px 4px 16px}
.message.operator{background:var(--pb-warn-bg);border-color:transparent;color:var(--pb-text)}.message small{color:inherit;opacity:.75}
.chat-form,.chat-footer{background:var(--pb-surface);border-top-color:var(--pb-border);color:var(--pb-muted)}
.chat-form input{background:var(--pb-surface);border-color:var(--pb-border2);color:var(--pb-text)}
.conversation{background:var(--pb-surface);border-color:var(--pb-border)}.conversation:hover{border-color:var(--pb-brand)}
.conversation.active{background:var(--pb-ice);border-color:var(--pb-brand)}.conversation p,.conversation-meta,.conversation>small{color:var(--pb-muted)}
.back-btn{background:var(--pb-surface);border-color:var(--pb-border);color:var(--pb-muted)}

/* Janelas, aviso e rodapé */
.modal{border-radius:20px;box-shadow:0 30px 100px rgba(11,31,77,.35)}.modal-overlay{background:rgba(7,20,47,.62)}
#toast{background:var(--pb-ok-bg);border:1px solid var(--pb-ok);color:var(--pb-ok);font-weight:700;font-size:13px}#toast.error{background:var(--pb-bad-bg);border-color:var(--pb-bad);color:var(--pb-bad)}
.legal-footer{border-top-color:var(--pb-border);color:var(--pb-muted)}.legal-footer a{color:var(--pb-muted)}
.credit-row,.tool-card,.tool-advanced{border-color:var(--pb-border)}.credit-row small,.tool-card p,.tool-card small{color:var(--pb-muted)}
.boot{color:var(--pb-muted)}.boot img{width:170px}

/* Entrada (login) */
.auth-page{background:var(--pb-bg)}
.auth-visual{background:linear-gradient(150deg,var(--pb-navy),#0A3FA8 62%,var(--pb-brand));border-right:0;color:#fff;background-image:linear-gradient(150deg,var(--pb-navy),#0A3FA8 62%,var(--pb-brand))}
.auth-visual h1{color:#fff}.auth-visual h1 span{color:#7FE1FF}.auth-visual>p,.auth-chips{color:#D6E6FF}.auth-visual .eyebrow{color:#7FE1FF}
.auth-visual>img{width:300px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28))}
.auth-visual .brand{background:#fff;border-radius:14px;padding:8px 12px;width:fit-content}
.auth-box h2{color:var(--pb-text)}.auth-box>p,.auth-legal,.auth-alt{color:var(--pb-muted)}.auth-alt button{color:var(--pb-brand-ink);font-weight:700}
.auth-main{background:var(--pb-bg)}

/* ===== Início PapoBox ===== */
.pb-home{display:grid;gap:16px}
.pb-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:30px 32px;border-radius:28px;color:#fff;background:linear-gradient(135deg,var(--pb-navy),#0A3FA8 58%,var(--pb-brand))}
.pb-hero:after{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(0,194,255,.45),transparent 65%);pointer-events:none}
.pb-hero>*{position:relative;z-index:1}
.pb-hero h1{margin:0 0 8px;font-size:clamp(24px,2.8vw,34px);letter-spacing:-.7px;font-weight:800;line-height:1.15}
.pb-hero p{margin:0;color:#D6E6FF;max-width:560px;font-size:15px;line-height:1.55}
.pb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pb-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);font-size:13px;font-weight:700}
.pb-dot{width:9px;height:9px;border-radius:50%;background:#7BF0C4;box-shadow:0 0 0 4px rgba(123,240,196,.25)}.pb-dot.off{background:#FFD27A;box-shadow:0 0 0 4px rgba(255,210,122,.25)}
.pb-ring{--p:0;width:116px;height:116px;border-radius:50%;background:conic-gradient(#7FE1FF calc(var(--p)*1%),rgba(255,255,255,.18) 0);display:grid;place-items:center;position:relative;flex:none}
.pb-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#0A2F7A}
.pb-ring span{position:relative;text-align:center;font-weight:800;font-size:26px;line-height:1}.pb-ring small{display:block;font-size:11px;font-weight:700;opacity:.8;margin-top:3px}
.pb-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pb-stat{display:flex;gap:14px;align-items:center;padding:18px;border-radius:20px;background:var(--pb-surface);border:1px solid var(--pb-border);box-shadow:var(--pb-shadow)}
.pb-stat .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--pb-ice);color:var(--pb-brand);flex:none}
.pb-stat .ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pb-stat b{display:block;font-size:28px;line-height:1;letter-spacing:-.6px}.pb-stat small{color:var(--pb-muted);font-size:13px;font-weight:600}
.pb-two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}
.pb-card{padding:22px;border-radius:20px;background:var(--pb-surface);border:1px solid var(--pb-border);box-shadow:var(--pb-shadow)}
.pb-card h2{margin:0 0 4px;font-size:17px;font-weight:800}.pb-card .sub{margin:0 0 16px;color:var(--pb-muted);font-size:14px}
.pb-next{border:1.5px solid var(--pb-brand);background:linear-gradient(160deg,var(--pb-ice),var(--pb-surface) 60%)}
.pb-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pb-brand-ink)}
.pb-next h2{font-size:23px;margin:6px 0 6px;letter-spacing:-.4px}.pb-next p{margin:0 0 16px;color:var(--pb-muted);line-height:1.55}
.pb-actions{display:flex;gap:10px;flex-wrap:wrap}
.pb-check{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.pb-check li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--pb-muted)}
.pb-check i{width:22px;height:22px;border-radius:50%;border:2px solid var(--pb-border2);display:grid;place-items:center;flex:none;font-style:normal}
.pb-check li.ok{color:var(--pb-text)}.pb-check li.ok i{background:var(--pb-brand);border-color:var(--pb-brand);color:#fff}
.pb-check i svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.pb-gap{padding:14px;border:1px solid var(--pb-border);border-radius:14px;background:var(--pb-surface2);margin-bottom:10px}
.pb-gap q{display:block;font-weight:800;quotes:none;margin-bottom:2px}.pb-gap small{display:block;color:var(--pb-muted);margin-bottom:10px;font-size:12.5px}
.pb-row{display:flex;gap:8px}.pb-row input{flex:1;min-width:0}.pb-row .btn{min-height:46px;white-space:nowrap}
.pb-empty{display:flex;gap:16px;align-items:center}.pb-empty img{width:96px;height:96px;object-fit:contain;flex:none}.pb-empty p{margin:0;color:var(--pb-muted)}
.pb-net{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--pb-border)}.pb-net:last-child{border:0}
.pb-net .lg{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;color:#fff}
.pb-net .lg svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pb-net .ig{background:linear-gradient(135deg,#F9A24D,#E1306C,#7B3FE4)}.pb-net .wa{background:linear-gradient(135deg,#34D399,#12A150)}.pb-net .tk{background:#111827}
.pb-net b{display:block}.pb-net small{color:var(--pb-muted)}.pb-net .btn,.pb-net .pb-state{margin-left:auto}
.pb-state{font-size:13px;font-weight:800;padding:6px 12px;border-radius:99px}.pb-state.ok{background:var(--pb-ok-bg);color:var(--pb-ok)}.pb-state.soon{background:var(--pb-surface2);color:var(--pb-muted)}
/* Assistente de primeira vez */
.pb-wiz{max-width:860px;margin:0 auto}
.pb-wiz .pb-steps{display:flex;gap:8px;margin-bottom:18px}.pb-wiz .pb-steps i{height:6px;flex:1;border-radius:99px;background:var(--pb-border)}.pb-wiz .pb-steps i.on{background:var(--pb-brand)}
.pb-wiz h1{margin:0 0 6px;font-size:28px;letter-spacing:-.6px;font-weight:800}.pb-wiz .lead{margin:0 0 20px;color:var(--pb-muted)}
.pb-segs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:20px}
.pb-seg{display:flex;gap:12px;align-items:center;text-align:left;padding:14px;border-radius:16px;background:var(--pb-surface);border:1.5px solid var(--pb-border);color:var(--pb-text);min-height:68px;transition:.15s;font-weight:700;font-size:14px}
.pb-seg:hover{border-color:var(--pb-brand);transform:translateY(-1px)}
.pb-seg[aria-pressed="true"]{border-color:var(--pb-brand);background:var(--pb-ice);box-shadow:inset 0 0 0 1px var(--pb-brand)}
.pb-seg .em{width:42px;height:42px;border-radius:12px;background:var(--pb-ice);display:grid;place-items:center;font-size:22px;flex:none}
.pb-seg small{display:block;font-weight:500;color:var(--pb-muted);font-size:12px;margin-top:2px}
.pb-wiz-mascot{float:right;width:130px;margin:-6px 0 0 12px}

/* Barra inferior no celular */
.pb-tabbar{display:none}
@media(max-width:1100px){.pb-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-two{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){
 .page{padding:20px 16px 110px}.pb-hero{grid-template-columns:minmax(0,1fr);padding:24px 20px}.pb-ring{width:96px;height:96px}
 .pb-row{flex-direction:column}.pb-stat{padding:14px}.pb-stat b{font-size:24px}.pb-wiz-mascot{display:none}
 .pb-tabbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px;border-radius:22px;background:color-mix(in srgb,var(--pb-surface) 94%,transparent);border:1px solid var(--pb-border2);backdrop-filter:blur(14px);box-shadow:0 14px 44px rgba(11,31,77,.22)}
 .pb-tabbar button{position:relative;display:grid;justify-items:center;gap:2px;padding:8px 2px;min-height:52px;border-radius:16px;background:transparent;color:var(--pb-muted);font-size:11px;font-weight:800}
 .pb-tabbar button[aria-current="page"]{background:var(--pb-ice);color:var(--pb-brand-ink)}
 .pb-tabbar .icon{width:21px;height:21px}.pb-tabbar .pb-count{position:absolute;top:4px;right:10px;margin:0;padding:1px 6px}
 .legal-footer{padding-bottom:84px}
}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand{background:none;letter-spacing:0;display:flex;align-items:center}.brand .pb-logo{width:180px;max-width:100%;height:auto}
.auth-box .brand .pb-logo{width:170px}
.pb-wiz{position:relative}.pb-wiz-mascot{position:absolute;right:0;top:-14px;margin:0;float:none;width:118px;height:auto}
.pb-wiz h1,.pb-wiz .lead{padding-right:136px}
.simple-tones{border:1px solid var(--pb-border);border-radius:14px;padding:14px;margin:6px 0 4px}.simple-tones legend{color:var(--pb-muted);font-weight:700;padding:0 6px}
.simple-tones .btn[aria-pressed="true"],.simple-shell .simple-tones .btn[aria-pressed="true"]{background:var(--pb-brand);color:#fff;border-color:var(--pb-brand)}
.toggle-row{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--pb-border);border-radius:14px;background:var(--pb-surface2);color:var(--pb-text);line-height:1.5}
.toggle-row input{accent-color:var(--pb-brand);width:18px;height:18px;margin-top:2px;flex:none}
@media(max-width:760px){.pb-wiz h1,.pb-wiz .lead{padding-right:0}}

.pb-state.warn{background:var(--pb-warn-bg);color:var(--pb-warn)}.pb-net small{display:block;max-width:46ch}

/* Conversas: atendimento turbo */
.pb-chips-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.pb-chipbtn{padding:9px 16px;border-radius:99px;border:1.5px solid var(--pb-border2);background:var(--pb-surface);color:var(--pb-muted);font-weight:800;font-size:13px;min-height:40px}
.pb-chipbtn[aria-pressed="true"]{background:var(--pb-brand);border-color:var(--pb-brand);color:#fff}
.pb-conv{position:relative}.pb-conv .conversation{padding-right:92px}
.pb-conv.needs .conversation{border-left:4px solid var(--pb-brand)}
.pb-take{position:absolute;right:10px;top:50%;transform:translateY(-50%);min-height:36px;padding:6px 14px}
.pb-turn{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 18px;border-radius:16px;border:1px solid var(--pb-border);margin-bottom:14px;background:var(--pb-surface)}
.pb-turn strong{display:block;font-size:15px}.pb-turn small{display:block;color:var(--pb-muted);font-size:13px;margin-top:2px}
.pb-turn.ai{background:linear-gradient(135deg,var(--pb-ice),var(--pb-surface))}
.pb-turn.human{background:linear-gradient(135deg,var(--pb-warn-bg),var(--pb-surface));border-color:transparent}
.pb-turn.closed{background:var(--pb-surface2)}
@media(max-width:760px){.pb-take{position:static;transform:none;margin:8px 0 0 auto;display:flex}.pb-conv .conversation{padding-right:15px}}

/* F23 approved auth prototype; isolated selectors, no panel layout changes. */

.pb-auth{--navy:#0B1F4D;--brand:#0066FF;--brand-h:#0052CC;--cyan:#00C2FF;--bg:#F5F8FD;--surface:#fff;--surface2:#F0F6FF;--ice:#E6F4FF;--border:#D9E4F1;--border2:#C3D3E8;--text:#111827;--muted:#536178;--ink:#0052CC;--ok:#087F5B;--bad:#B42332;--bad-bg:#FFF0F2;--shadow:0 20px 60px rgba(11,31,77,.14);--font:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) .pb-auth{--bg:#07142F;--surface:#102650;--surface2:#0D1F42;--ice:rgba(0,102,255,.2);--border:#29436B;--border2:#365888;--text:#F2F6FF;--muted:#A9BAD6;--ink:#7DB4FF;--ok:#4ADE9B;--bad:#FF8A98;--bad-bg:rgba(180,35,50,.2);--shadow:0 20px 60px rgba(0,0,0,.45);color-scheme:dark}}
html[data-theme=dark] .pb-auth{--bg:#07142F;--surface:#102650;--surface2:#0D1F42;--ice:rgba(0,102,255,.2);--border:#29436B;--border2:#365888;--text:#F2F6FF;--muted:#A9BAD6;--ink:#7DB4FF;--ok:#4ADE9B;--bad:#FF8A98;--bad-bg:rgba(180,35,50,.2);--shadow:0 20px 60px rgba(0,0,0,.45);color-scheme:dark} .pb-auth *{box-sizing:border-box} .pb-auth{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased;min-height:100vh}
.pa-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:100vh}
.pa-side{position:relative;overflow:hidden;color:#fff;background:radial-gradient(700px 420px at 90% 0%,rgba(0,194,255,.35),transparent 60%),linear-gradient(160deg,#0B1F4D 10%,#0A3AA0 100%);padding:48px clamp(24px,5vw,72px);display:flex;flex-direction:column;justify-content:center;gap:22px}
.pa-side:after{content:"";position:absolute;right:-120px;bottom:-120px;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.06)}
.pa-side .pa-logo{height:44px;width:auto;border-radius:10px;align-self:flex-start}
.pa-side h1{font-size:clamp(28px,3.4vw,42px);line-height:1.12;margin:6px 0 0;letter-spacing:-.02em;max-width:520px;text-wrap:balance}
.pa-side p{margin:0;color:#CFE0FF;font-size:17px;max-width:480px}
.pa-mascot{width:120px;height:120px;border-radius:28px;object-fit:cover;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.pa-benefits{position:relative;z-index:1;min-height:76px;max-width:440px}
.pa-benefit{position:absolute;inset:0 0 auto 0;display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:16px 18px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.pa-benefit.on{opacity:1;transform:none}.pa-benefit b{display:block;font-size:16px}.pa-benefit span{color:#CFE0FF;font-size:14px}
.pa-benefit .pa-ic{font-size:22px}
.pa-dots{position:relative;z-index:1;display:flex;gap:6px;margin-top:92px}.pa-dots i{width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.35);transition:width .3s,background .3s}.pa-dots i.on{width:26px;background:#fff}
.pa-main{display:grid;place-items:center;padding:32px max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px));background:radial-gradient(900px 420px at 85% -8%,rgba(0,194,255,.1),transparent 60%),var(--bg)}
.pa-card{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);padding:34px clamp(20px,4vw,36px) 26px}
.pa-card h2{margin:0 0 4px;font-size:27px;letter-spacing:-.01em;text-align:center}
.pa-card .pa-lead{margin:0 0 22px;text-align:center;color:var(--muted);font-size:15px}
.pa-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 6px}.pa-progress i{height:6px;border-radius:99px;background:var(--border)}.pa-progress i.on{background:var(--brand)}
.pa-pmeta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:18px}.pa-pmeta b{color:var(--text)} .pb-auth label{display:block;font-weight:700;font-size:14px;margin:14px 0 6px}
.pa-in{width:100%;min-height:50px;padding:12px 16px;border-radius:14px;border:1.5px solid var(--border2);background:var(--surface2);color:var(--text);font:16px var(--font)}
.pa-in:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(0,102,255,.18);background:var(--surface)}
.pa-in.err{border-color:var(--bad)}.pa-msg{margin:6px 0 0;font-size:13px;color:var(--bad);min-height:0}
.pa-pw{position:relative}.pa-pw button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--ink);font:700 13px var(--font);padding:8px 10px;border-radius:10px;cursor:pointer}
.pa-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:14px} .pb-auth a.pa-lnk, .pb-auth button.pa-lnk{color:var(--ink);font-weight:700;text-decoration:none;background:none;border:0;padding:0;font:inherit;font-weight:700;cursor:pointer} .pb-auth a.pa-lnk:hover, .pb-auth button.pa-lnk:hover{text-decoration:underline}
.pa-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;margin-top:22px;border-radius:14px;border:1.5px solid transparent;background:var(--brand);color:#fff;font:700 16px var(--font);cursor:pointer;box-shadow:0 8px 24px rgba(0,102,255,.28);transition:background .15s,transform .15s}
.pa-btn:hover{background:var(--brand-h);transform:translateY(-1px)}.pa-btn.ghost{background:transparent;color:var(--text);border-color:var(--border2);box-shadow:none}.pa-btn.ghost:hover{background:var(--surface2)}
.pa-btns{display:grid;grid-template-columns:auto 1fr;gap:10px}.pa-btns .pa-btn.ghost{width:auto;padding:0 22px}
.pa-btn:focus-visible,.pa-in:focus-visible, .pb-auth a:focus-visible, .pb-auth button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.pa-foot{margin-top:22px;padding-top:18px;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:14px}
.pa-tools{display:flex;justify-content:center;gap:6px;margin-top:14px}.pa-tools button{border:1px solid var(--border);background:var(--surface2);color:var(--muted);border-radius:99px;padding:6px 14px;font:700 13px var(--font);cursor:pointer}.pa-tools button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.pa-segs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
.pa-seg{border:1.5px solid var(--border2);background:var(--surface);color:var(--text);border-radius:16px;padding:14px 10px;text-align:center;font:700 14px var(--font);cursor:pointer;display:grid;gap:6px;justify-items:center;transition:border-color .15s,background .15s}
.pa-seg span{font-size:26px}.pa-seg:hover{border-color:var(--brand)}.pa-seg[aria-pressed=true]{border-color:var(--brand);background:var(--ice);box-shadow:0 0 0 3px rgba(0,102,255,.16)}
.pa-str{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.pa-str i{height:5px;border-radius:99px;background:var(--border)}.pa-str i.on1{background:#D9822B}.pa-str i.on2{background:#C9A400}.pa-str i.on3{background:#4BAF5E}.pa-str i.on4{background:var(--ok)}
.pa-hint{font-size:13px;color:var(--muted);margin:6px 0 0}
.pa-chk{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:14px;color:var(--muted)}.pa-chk input{width:20px;height:20px;margin-top:2px;accent-color:var(--brand);flex:none}
.pa-view[hidden]{display:none!important}
.pa-done{text-align:center}.pa-done .pa-ok{width:64px;height:64px;border-radius:50%;background:var(--ice);display:grid;place-items:center;margin:0 auto 14px;font-size:30px}
@media(max-width:900px){.pa-shell{grid-template-columns:1fr}.pa-side{padding:22px 20px;gap:10px}.pa-side h1{font-size:22px;margin:0}.pa-side p,.pa-benefits,.pa-dots,.pa-mascot{display:none}.pa-side .pa-logo{height:36px}.pa-main{align-items:start;padding-top:20px}}
@media(prefers-reduced-motion:reduce){ .pb-auth *{transition:none!important}}

.pb-auth .pa-pw .pa-in{padding-right:88px}.pb-auth .pa-card form{margin:0}.pb-auth .pa-seg{min-height:86px}.pb-auth #auth-error{color:var(--bad);margin-top:10px}.pb-auth .pa-side .pa-logo{height:44px;width:auto}.pb-auth .pa-side>a{align-self:flex-start}.pb-auth .pa-benefits .pa-benefit{animation:none}.pb-auth .pa-card .pa-chk{font-weight:400}.pb-auth .pa-card .pa-chk input{min-height:20px}.pb-auth .pa-in{box-sizing:border-box}