/* ===== Trust Hub v364+: visual novo (branco + verde, menu lateral em grupos coloridos, Poppins).
   É uma camada por cima do modo "km": só vale com html.h2. O resto do sistema não muda. ===== */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-ext-500.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-ext-600.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-ext-700.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- fonte e cores (claro = padrão) ---------- */
html.h2[data-theme] body,html.h2[data-theme] button,html.h2[data-theme] input,html.h2[data-theme] textarea,html.h2[data-theme] select{font-family:Poppins,'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif}
html.h2{--h-ac:#087a5b;--h-st:#065c45;--h-so:#e3f3ec;--h-bg:#f4f7f5;--h-sf:#ffffff;--h-tx:#142019;--h-mu:#4f5d56;--h-ln:#e1e8e4;--h-s2:#f7faf8;--h-ob:#fdf0dc;--h-ot:#8a5300;--h-bb:#e6efff;--h-bt:#1d4ea8;--h-nb:#eef2f0;--h-rb:#fde4e0;--h-rt:#9c2415;--hS:258px}
html.h2[data-theme="dark"]{--h-ac:#4fd6a6;--h-st:#7be3bd;--h-so:#10352a;--h-bg:#0b1210;--h-sf:#131c19;--h-tx:#e9efec;--h-mu:#a3b2ab;--h-ln:#24312c;--h-s2:#18231f;--h-ob:#3a2c10;--h-ot:#f0c26a;--h-bb:#16284a;--h-bt:#9dbcf5;--h-nb:#1c2824;--h-rb:#43201b;--h-rt:#f3a094}
html.h2.wa[data-theme="light"]{--w-bg:#ffffff;--w-panel:#f4f7f5;--w-sel:#eef2f0;--w-search:#f4f7f5;--w-line:#e1e8e4;--w-line2:#cfd9d4;--w-tx:#142019;--w-mut:#4f5d56;--w-in:#ffffff;--w-out:#d6f3e4;--w-chipon:#e3f3ec;--w-chipoff:#ffffff;--w-acc:#087a5b;--w-hover:#f4f7f5;--w-icon:#4f5d56}
html.h2.km[data-theme="light"]{--kbg:#f4f7f5;--kpn:#ffffff;--kln:#e1e8e4;--ktx:#142019;--kmu:#4f5d56;--kac:#087a5b;--kat:#065c45;--kabg:#e3f3ec;--w-acc:#087a5b}
html.h2.km[data-theme="dark"]{--w-bg:#131c19;--w-panel:#18231f;--w-sel:#1c2824;--w-search:#18231f;--w-line:#24312c;--w-line2:#33443d;--w-tx:#e9efec;--w-mut:#a3b2ab;--w-in:#18231f;--w-out:#0e4636;--w-chat:#0b1210;--w-chipon:#10352a;--w-chipoff:#131c19;--w-hover:#18231f;--w-acc:#4fd6a6;--bg:#131c19;--head:#131c19;--surf:#18231f;--chat:#0b1210;--line:#24312c;--line2:#33443d;--tx:#e9efec;--mut:#a3b2ab;--bub-in:#18231f;--bub-out:#0e4636;--accbg:#10352a;--hov:#18231f;--hov2:#1c2824;--kbg:#0b1210;--kpn:#131c19;--kln:#24312c;--ktx:#e9efec;--kmu:#a3b2ab;--kat:#4fd6a6;--kabg:#10352a}
html.h2.km[data-theme="dark"] body,html.h2.km[data-theme="dark"] .app{background:#0b1210}

/* ---------- menu lateral (só computador) ---------- */
@media(min-width:861px){
html.h2.km[data-theme] .app{grid-template-columns:var(--hS) var(--kB) minmax(0,1fr) 0;grid-template-rows:minmax(0,1fr);grid-template-areas:"rail ls mn sd"}
html.h2.km[data-theme] .app.crm{grid-template-columns:var(--hS) var(--kB) minmax(0,1fr) var(--kD)}
html.h2.km[data-theme] .app.v-crm{grid-template-columns:var(--hS) minmax(0,1fr);grid-template-areas:"rail cp"}
html.h2.km[data-theme] #kdvA{display:none!important}
html.h2.km[data-theme] .app>.rail{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start;height:auto;min-height:0;width:auto!important;padding:14px 10px 10px!important;gap:1px!important;background:var(--h-sf);border:0;border-right:1px solid var(--h-ln);overflow-y:auto;overflow-x:hidden;z-index:5;scrollbar-width:thin}
html.h2.km[data-theme] .rail .brand{margin:0 0 8px 6px!important;height:42px;flex:none}
html.h2.km[data-theme] .rail .brand .lb b{color:var(--h-tx);font-size:17px;font-weight:600}
html.h2.km[data-theme] .rail .brand .lb b i{color:var(--h-ac)}
html.h2.km[data-theme] .rail .brand .bl,html.h2.km[data-theme] .rail .brand .bl img{width:30px;height:30px;border-radius:8px}
html.h2.km[data-theme] .rail>button{width:100%;height:33px;flex:none;justify-content:flex-start;padding:0 12px;border-radius:8px;color:var(--h-tx);font-size:14px;font-weight:400;text-align:left}
html.h2.km[data-theme] .rail>button .lb{font-weight:400;flex:1;text-align:left}
html.h2.km[data-theme] .rail>button:hover{background:var(--h-s2)!important;color:var(--h-tx)}
html.h2.km[data-theme] .rail>button.on,html.h2.km[data-theme] .rail>button.on:hover{box-shadow:none!important;color:var(--h-tx);font-weight:400;background:color-mix(in srgb,var(--gc,#087a5b) 11%,transparent)!important}
html.h2.km[data-theme] .rail>button .nb{margin-left:auto!important;background:var(--h-ac)!important;color:#fff!important}
html.h2[data-theme="dark"] .rail>button .nb{color:#04140f!important}
html.h2.km[data-theme] .rail .sp{flex:1;min-height:8px}
/* títulos dos grupos: só eles têm cor */
html.h2.km[data-theme] .rail .h2g,html.h2.km[data-theme] .rail>button.h2gh,html.h2.km[data-theme] .rail>button.h2gh:hover,html.h2.km[data-theme] .rail>button.h2gh.on{display:flex;align-items:center;flex:none;height:33px;margin-top:8px;padding:0 12px;border-radius:8px;background:var(--gb)!important;border-left:4px solid var(--gc);color:var(--gc)!important;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
html.h2.km[data-theme] .rail>button.h2gh .lb{font-size:13px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:inherit}
html.h2.km[data-theme] .rail>button.h2gh:first-of-type{margin-top:0}
html.h2.km[data-theme] .rail>button.h2gh .h2car{margin-left:8px;font-size:11px;opacity:.9}
html.h2[data-theme="dark"] .rail .h2g,html.h2[data-theme="dark"] .rail>button.h2gh{--gc:var(--gd)!important;--gb:rgba(255,255,255,.07)!important}
html.h2[data-theme="dark"] .rail>button{--gc:var(--gd)}
.h2new{display:inline-block;margin-left:8px;padding:1px 6px;border-radius:5px;background:#f0b44c;color:#2a1c00;font-size:10px;font-weight:700;letter-spacing:0;text-transform:none}
/* assuntos dentro do menu, embaixo de Conversas */
html.h2.km[data-theme] .rail #topics{display:flex;flex-direction:column;flex:none;padding:2px 0 2px;border:0;overflow:visible;background:transparent;min-height:0}
html.h2.km[data-theme] .rail.cvoff #topics{display:none!important}
html.h2.km[data-theme] .rail #topics .tp-h{display:none}
html.h2.km[data-theme] .rail #topics .tp-s{font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--h-mu);padding:8px 12px 2px 26px}
html.h2.km[data-theme] .rail #topics .tp-i{padding:5px 10px 5px 26px;font-size:13px;font-weight:400;color:var(--h-tx);border-radius:8px;gap:8px}
html.h2.km[data-theme] .rail #topics .tp-i.sub{padding-left:44px;color:var(--h-tx)}
html.h2.km[data-theme] .rail #topics .tp-i:hover{background:var(--h-s2)}
html.h2.km[data-theme] .rail #topics .tp-i.on{background:color-mix(in srgb,#087a5b 11%,transparent)!important;color:var(--h-tx)!important;font-weight:400!important;box-shadow:none!important;border:0!important}
html.h2.km[data-theme] .rail #topics .tp-c{color:var(--h-mu);font-size:12px}
/* rodapé do menu: perfil, tema, sair */
html.h2.km[data-theme] .rail .h2ft{display:flex;align-items:center;gap:2px;flex:none;border-top:1px solid var(--h-ln);margin-top:8px;padding-top:8px}
html.h2.km[data-theme] .rail .h2ft .h2me{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0 6px;font-size:13px;color:var(--h-tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.h2.km[data-theme] .rail .h2ft .h2av{width:30px;height:30px;border-radius:50%;background:#0e4636;color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center;flex:none}
html.h2.km[data-theme] .rail .h2ft button{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--h-mu);padding:0;flex:none}
html.h2.km[data-theme] .rail .h2ft button:hover{background:var(--h-s2);color:var(--h-tx)}
html.h2.km[data-theme] .rail .h2ft button .lb{display:none!important}
html.h2.km[data-theme] .rail .h2ft button .ei{display:grid}
html.h2.km[data-theme] .rail .h2ft button svg{width:19px;height:19px}
html.h2.km[data-theme] #palPop{top:auto!important;bottom:60px!important;left:12px!important;right:auto!important}
}

/* ---------- tela de entrada ---------- */
html.h2 #lg.h2lg{background:var(--h-sf);display:block!important;overflow:auto;padding:0;place-items:stretch}
.h2lw{width:100%;min-height:100%;display:flex;flex-wrap:wrap}
.h2lf{flex:1 1 380px;display:flex;align-items:center;justify-content:center;padding:32px 24px;background:var(--h-sf)}
.h2lf form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;background:none;padding:0;border:0;box-shadow:none}
.h2lf .h2lbr{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.h2lf .h2lbr img{width:44px;height:44px}
.h2lf .h2lbr b{font-size:22px;font-weight:600;color:var(--h-tx)}
.h2lf .h2lbr b i{font-style:normal;color:var(--h-ac)}
.h2lf h2{font-size:26px;font-weight:600;color:var(--h-tx);margin:0}
.h2lf p.s{color:var(--h-mu);font-size:14px;margin:-6px 0 6px}
.h2lf label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--h-tx)}
.h2lf input{height:48px;border:1px solid var(--h-ln);border-radius:10px;padding:0 14px;font-size:15px;background:var(--h-sf);color:var(--h-tx);width:100%}
.h2lf input:focus{outline:2px solid var(--h-ac);outline-offset:1px;border-color:var(--h-ac)}
.h2lf .h2pw{position:relative}
.h2lf .h2pw button{position:absolute;right:6px;top:6px;height:36px;padding:0 10px;border-radius:8px;color:var(--h-mu);font-size:13px}
.h2lf button.go{height:48px;border-radius:10px;background:#087a5b;color:#fff;font-weight:600;font-size:15px;margin-top:4px}
.h2lf button.go:hover{background:#065c45}
.h2lf button.go[disabled]{opacity:.6}
.h2lf #lm{min-height:20px;color:var(--h-rt);font-size:14px;margin:0}
.h2lf .h2hp{font-size:13px;color:var(--h-mu)}
.h2lr{flex:1 1 380px;min-height:260px;background:linear-gradient(150deg,#0e4636 0%,#087a5b 55%,#12a377 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:48px;position:relative;overflow:hidden}
.h2lr h1{font-size:40px;font-weight:700;line-height:1.1;margin:0 0 8px}
.h2lr p{font-size:18px;opacity:.9;margin:0 0 26px;max-width:420px}
.h2lr ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.h2lr li{display:flex;gap:10px;align-items:center}
.h2lr li::before{content:"";width:8px;height:8px;border-radius:50%;background:#7be3bd;flex:none}
.h2lr svg.art{position:absolute;right:-40px;bottom:-40px;width:340px;height:340px;opacity:.16;stroke:#fff;fill:none;stroke-width:1.2}
@media(max-width:780px){.h2lr{padding:28px 24px;min-height:0;order:-1}.h2lr h1{font-size:28px}.h2lr ul,.h2lr svg.art{display:none}.h2lr p{margin:0;font-size:15px}}

/* ---------- botões que trocariam de visual ficam escondidos no visual novo ---------- */
html.h2 #navMod,html.h2 #navPal{display:none!important}
.h2g{display:none}

/* ---------- peças das telas novas ---------- */
.h2pg{padding:26px 30px 40px;display:flex;flex-direction:column;gap:18px;color:var(--h-tx);overflow:auto;height:100%;font-size:14px;line-height:1.45;background:var(--h-bg)}
.h2pg h1{font-size:24px;font-weight:600;margin:0}.h2pg h2{font-size:16px;font-weight:600;margin:0}.h2pg p{margin:0}
.h2mu{color:var(--h-mu)}.h2sm{font-size:13px}
.h2hd{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.h2hd>div:first-child{flex:1;min-width:220px}
.h2cd{background:var(--h-sf);border:1px solid var(--h-ln);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}
.h2lb{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--h-mu)}
.h2big{font-size:24px;font-weight:600}
.h2bt{min-height:42px;padding:0 16px;border-radius:10px;border:1px solid var(--h-ln);background:var(--h-sf);color:var(--h-tx);font-weight:500;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none}
.h2bt:hover{background:var(--h-s2)}.h2bt.p{background:#087a5b;border-color:#087a5b;color:#fff;font-weight:600}.h2bt.p:hover{background:#065c45}
.h2bt.d{color:var(--h-rt)}.h2bt.s{min-height:34px;padding:0 12px;font-size:13px;border-radius:8px}.h2bt[disabled]{opacity:.55;cursor:default}
.h2pl{min-height:38px;padding:0 16px;border-radius:20px;border:1px solid var(--h-ln);background:var(--h-sf);color:var(--h-tx);font-weight:500;font-size:14px;cursor:pointer}
.h2pl.on{background:#0e4636;border-color:#0e4636;color:#fff}
.h2ch{display:inline-block;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;background:var(--h-so);color:var(--h-st);white-space:nowrap}
.h2ch.co{background:var(--h-ob);color:var(--h-ot)}.h2ch.cb{background:var(--h-bb);color:var(--h-bt)}.h2ch.cn{background:var(--h-nb);color:var(--h-mu)}.h2ch.cr{background:var(--h-rb);color:var(--h-rt)}
.h2row{display:flex;align-items:center;gap:12px}.h2wrap{flex-wrap:wrap}.h2f1{flex:1;min-width:0}
.h2g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.h2g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.h2g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:1100px){.h2g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.h2pg{padding:16px 14px 90px}.h2g2,.h2g3{grid-template-columns:minmax(0,1fr)}}
.h2tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--h-ln)}.h2tabs button{padding:10px 14px;color:var(--h-mu);font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px}.h2tabs button.on{color:var(--h-st);font-weight:600;border-bottom-color:var(--h-ac)}
.h2tb{background:var(--h-sf);border:1px solid var(--h-ln);border-radius:14px;overflow:auto}
.h2tb table{width:100%;border-collapse:collapse;font-size:14px}
.h2tb th{text-align:left;padding:11px 14px;background:var(--h-s2);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--h-mu);white-space:nowrap}
.h2tb td{padding:11px 14px;border-top:1px solid var(--h-ln);vertical-align:middle}
.h2tb tr.clk{cursor:pointer}.h2tb tr.clk:hover td{background:var(--h-s2)}
.h2in,.h2pg select,.h2pg textarea,.h2md select,.h2md textarea{border:1px solid var(--h-ln);border-radius:10px;padding:10px 12px;background:var(--h-sf);color:var(--h-tx);font-size:14px;min-height:42px;width:100%}
.h2pg textarea,.h2md textarea{min-height:90px;resize:vertical;line-height:1.45}
.h2fl{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:500;color:var(--h-tx)}
.h2emp{padding:28px;text-align:center;color:var(--h-mu)}
/* janela (formulário) */
.h2ov{position:fixed;inset:0;background:rgba(10,20,16,.5);z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:4vh 14px;overflow:auto}
.h2md{width:100%;max-width:640px;background:var(--h-sf);color:var(--h-tx);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;font-size:14px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.h2md.w{max-width:860px}.h2md h2{font-size:19px;font-weight:600;margin:0}
.h2md .h2ft2{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:4px}
.h2toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#0e4636;color:#fff;padding:11px 18px;border-radius:12px;z-index:90;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:92vw}
.h2toast.err{background:#9c2415}
@media(min-width:861px){html.h2.km[data-theme] .rail>#navCont{display:flex!important}}

/* ---------- conversas com cara de WhatsApp ---------- */
/* áudio */
html.h2 .h2vp{display:flex;align-items:center;gap:10px;min-width:250px;max-width:330px;padding:4px 2px 0}
html.h2 .h2vpb{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--h-mu);flex:none}
html.h2 .h2vpb svg{width:28px;height:28px}
html.h2 .h2vpb:hover{background:rgba(0,0,0,.06)}
html.h2 .h2vpm{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html.h2 .h2vpw{display:flex;align-items:center;gap:2px;height:28px;cursor:pointer;touch-action:none}
html.h2 .h2vpw i{flex:1;min-width:2px;max-width:4px;border-radius:2px;background:#b7c4be}
html.h2 .b.out .h2vpw i{background:#9fc9b4}
html.h2 .h2vpw i.on{background:#087a5b}
html.h2 .h2vp.heard .h2vpw i.on{background:#34b7f1}
html.h2 .h2vpt{font-size:11px;color:var(--h-mu);line-height:1}
html.h2 .h2vps{min-width:38px;height:24px;border-radius:12px;background:#6b7c75;color:#fff;font-size:12px;font-weight:600;flex:none}
html.h2 .h2vpa{width:38px;height:38px;border-radius:50%;background:#dfe7e3;color:#087a5b;display:grid;place-items:center;flex:none}
html.h2 .h2vp.heard .h2vpa{color:#34b7f1}
html.h2 .h2vpa svg{width:20px;height:20px}
html.h2 .h2vpa[hidden],html.h2 .h2vps[hidden]{display:none}
html.h2[data-theme="dark"] .h2vpw i{background:#4b5c55}html.h2[data-theme="dark"] .b.out .h2vpw i{background:#3f7a63}html.h2[data-theme="dark"] .h2vpw i.on{background:#4fd6a6}html.h2[data-theme="dark"] .h2vpa{background:#24312c}
html.h2 .b .h2dl{border:0!important;background:none!important;padding:0!important;margin:2px 0 0 50px!important;font-size:11px!important;color:var(--h-mu)!important;text-decoration:underline;align-self:flex-start}
/* figurinha sem balão */
html.h2 .b.h2stk{background:transparent!important;box-shadow:none!important;padding:0!important}
html.h2 .b.h2stk::before,html.h2 .b.h2stk::after{display:none!important}
html.h2 .b.h2stk .meta{background:var(--h-sf);border-radius:10px;padding:2px 8px;align-self:flex-end;margin-top:2px}
/* vídeo e GIF */
html.h2 .h2vw{position:relative;display:block;line-height:0;border-radius:8px;overflow:hidden;background:#000;max-width:100%}
html.h2 .h2vw video{display:block;max-width:100%;max-height:340px}
html.h2 .h2vplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(11,20,16,.55);color:#fff;display:grid;place-items:center}
html.h2 .h2vplay svg{width:30px;height:30px}
html.h2 .h2vw.on .h2vplay,html.h2 .h2vw.on .h2vdur{display:none}
html.h2 .h2vdur{position:absolute;left:8px;bottom:8px;font-size:11px;line-height:1;color:#fff;background:rgba(11,20,16,.55);border-radius:8px;padding:4px 6px}
html.h2 .h2vw.gif{cursor:pointer}
html.h2 .h2gif{position:absolute;left:8px;top:8px;font-size:11px;font-weight:700;line-height:1;color:#fff;background:rgba(11,20,16,.55);border-radius:8px;padding:4px 6px}
html.h2 .h2vw.gif:not(.stop) .h2gif{opacity:.0}
/* gravação */
html.h2 .cmp.rec .recbar{background:var(--h-sf);border:1px solid var(--h-ln);gap:10px}
html.h2 .recbar #rcx{margin:0;order:-1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--h-rt)}
html.h2 .recbar #rcx:hover{background:var(--h-rb)}
html.h2 .recbar #rcx svg{width:20px;height:20px}
html.h2 .recbar #rt{font-variant-numeric:tabular-nums;min-width:38px}
html.h2 .recbar .h2rw{flex:1;min-width:0;height:30px}
/* painel de emojis, GIFs e figurinhas */
html.h2 .emo.h2ep{width:min(400px,92vw);padding:0;gap:0;flex-direction:column;flex-wrap:nowrap;background:var(--h-sf);border:1px solid var(--h-ln);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.18);overflow:hidden;left:12px}
html.h2 .emo.h2ep button{font-size:inherit;width:auto;height:auto;border-radius:8px}
html.h2 .h2et{display:flex;border-bottom:1px solid var(--h-ln)}
html.h2 .h2et button{flex:1;height:40px!important;font-size:13px!important;font-weight:500;color:var(--h-mu);border-radius:0!important;border-bottom:2px solid transparent}
html.h2 .h2et button.on{color:var(--h-st);border-bottom-color:var(--h-ac);font-weight:600}
html.h2 .h2ec{display:flex;gap:2px;padding:6px 8px 2px}
html.h2 .h2ec[hidden]{display:none}
html.h2 .h2ec button{flex:1;height:34px!important;font-size:19px!important;opacity:.55}
html.h2 .h2ec button.on{opacity:1;background:var(--h-so)}
html.h2 .h2eb{height:260px;overflow:auto;padding:4px 8px 8px}
html.h2 .h2el{font-size:12px;font-weight:600;color:var(--h-mu);padding:6px 4px}
html.h2 .h2eg{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}
html.h2 .h2eg button{height:40px!important;font-size:24px!important;line-height:1}
html.h2 .h2eg button:hover{background:var(--h-s2)}
html.h2 .h2mg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;min-height:150px;align-content:start}
html.h2 .h2mg p{grid-column:1/-1;padding:8px 4px}
html.h2 .h2mg button{aspect-ratio:1;border-radius:10px!important;overflow:hidden;background:var(--h-s2);padding:0;display:grid;place-items:center}
html.h2 .h2mg video,html.h2 .h2mg img{width:100%;height:100%;object-fit:cover}
html.h2 .h2mg img[alt="Figurinha"]{object-fit:contain;padding:6px}
html.h2 .h2mf{padding:8px 0 0}
html.h2 .h2mf .h2bt{width:100%!important;min-height:36px!important;height:36px!important}

/* ---------- painel: bloco de período ---------- */
html.h2 #h2pn{margin:12px 0 14px}
.h2pnw{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;align-items:start;font-size:14px;color:var(--h-tx)}
.h2pnw h2{font-size:16px;font-weight:600;margin:0}
@media(max-width:1100px){.h2pnw{grid-template-columns:minmax(0,1fr)}}
.h2k>div{background:var(--h-s2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.h2k b{font-size:20px;font-weight:600}
.h2pg2{gap:22px}
.h2ln{padding:6px 0;border-top:1px solid var(--h-ln)}.h2ln:first-of-type{border-top:0}
.h2bars{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:8px}
.h2bars button{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;border-radius:8px;padding:2px 0;color:var(--h-mu)}
.h2bars button:hover{background:var(--h-s2)}
.h2bars button i{display:block;width:70%;max-width:34px;background:#8fcbb4;border-radius:5px 5px 0 0}
.h2bars button.on i{background:#087a5b}.h2bars button.on span{color:var(--h-tx);font-weight:600}
.h2bars em{font-style:normal;font-size:11px;white-space:nowrap}.h2bars span{font-size:11px}
.h2bars.fin{height:130px}
.h2bars .h2st{width:70%;max-width:38px;display:flex;flex-direction:column;border-radius:5px 5px 0 0;overflow:hidden;min-height:2px}
.h2bars .h2st i{width:100%;max-width:none;border-radius:0}.h2bars .h2st i.a{background:#e3b672}.h2bars .h2st i.r{background:#2fa37c}
.h2bars button.on .h2st{outline:2px solid #0e4636;outline-offset:1px}
.h2dot{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:-1px}.h2dot.r{background:#2fa37c}.h2dot.a{background:#e3b672}
html.h2 select.h2sel{height:auto;min-height:32px;max-width:190px}
html.h2 .h2sel2{appearance:auto;padding:0 10px}
.h2neg{color:var(--h-rt)}
.h2lk{color:var(--h-ac);font-weight:600;text-decoration:underline;cursor:pointer;background:none;border:0;padding:0;font-size:inherit}
.h2lk2{text-align:left;color:var(--h-tx);cursor:pointer}.h2lk2:hover{text-decoration:underline}
.h2cb{cursor:pointer;border:0}.h2cb.offf{opacity:.4;text-decoration:line-through}
.h2act{white-space:nowrap;text-align:right}.h2act .h2bt{margin-left:6px}
.h2tb small{font-size:12px}
/* calendário */
.h2cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--h-ln);border:1px solid var(--h-ln);border-radius:14px;overflow:hidden}
.h2cal .hd{background:var(--h-s2);padding:8px;text-align:center;font-size:12px;font-weight:600;color:var(--h-mu)}
.h2cal .dy{background:var(--h-sf);min-height:104px;padding:6px;display:flex;flex-direction:column;gap:3px;font-size:12px;min-width:0}
.h2cal .dy.off{background:var(--h-s2)}.h2cal .dy.off b{color:var(--h-mu);font-weight:400}
.h2cal .dy.today b{background:#087a5b;color:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}
.h2cal .ev{display:block;width:100%;text-align:left;padding:2px 6px;border-radius:5px;font-size:11px;font-weight:600;background:var(--h-so);color:var(--h-st);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h2cal .ev.co{background:var(--h-ob);color:var(--h-ot)}.h2cal .ev.cb{background:var(--h-bb);color:var(--h-bt)}.h2cal .ev.cn{background:var(--h-nb);color:var(--h-mu)}
.h2cal .more{font-size:11px;color:var(--h-mu);text-align:left;text-decoration:underline}
@media(max-width:860px){.h2cal .dy{min-height:70px;padding:3px}.h2cal .ev{font-size:10px;padding:1px 3px}}
/* jornada */
.h2jb{display:grid;grid-template-columns:repeat(6,minmax(190px,1fr));gap:12px;overflow-x:auto;align-items:start;padding-bottom:6px}
.h2jcol{background:var(--h-s2);border:1px solid var(--h-ln);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:220px}
.h2jcol.over{outline:2px dashed var(--h-ac)}
.h2jcol header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.h2jl{display:flex;flex-direction:column;gap:8px}
.h2jc{background:var(--h-sf);border:1px solid var(--h-ln);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;cursor:pointer}
.h2jc:hover{border-color:var(--h-ac)}.h2jc.drag{opacity:.5}
.h2jc span{font-size:13px}.h2jc small{font-size:12px;color:var(--h-mu)}
.h2je{padding:14px 4px}

.h2pg select.h2pl{width:auto;min-height:38px}

/* ---------- cotações: editor ---------- */
.h2ed{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:16px;align-items:start}
@media(max-width:1100px){.h2ed{grid-template-columns:minmax(0,1fr)}}
.h2edl,.h2edr{display:flex;flex-direction:column;gap:14px;min-width:0}
.h2edr{position:sticky;top:0}
.h2op{border:1px solid var(--h-ln);border-radius:12px;margin-top:10px;background:var(--h-sf)}
.h2op summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}
.h2op summary::-webkit-details-marker{display:none}
.h2op[open] summary{border-bottom:1px solid var(--h-ln);background:var(--h-s2);border-radius:12px 12px 0 0}
.h2opb{padding:14px;display:flex;flex-direction:column;gap:12px}
.h2ph{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}
.h2pi{position:relative;display:block;width:96px;height:72px;border-radius:10px;overflow:hidden;border:1px solid var(--h-ln)}.h2pi.w{width:160px;height:90px}
.h2pi img{width:100%;height:100%;object-fit:cover}
.h2pi button{position:absolute;right:3px;top:3px;width:22px;height:22px;border-radius:50%;background:rgba(10,20,16,.7);color:#fff;font-size:15px;line-height:1}
.h2rt{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.h2rt .h2in{flex:1;min-width:120px}
.h2lkb{background:var(--h-s2);border:1px dashed var(--h-ln);border-radius:10px;padding:10px 12px;font-size:13px;word-break:break-all}
.h2okc{border-color:#1fa065;background:var(--h-so)}
.h2g4 .h2fl{min-width:0}

/* ---------- copiloto ---------- */
#h2co{position:fixed;right:18px;bottom:18px;z-index:60;font-family:Poppins,system-ui,sans-serif}
#h2cob{display:flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:24px;background:#0e4636;color:#fff;font-weight:600;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
#h2cob svg{width:20px;height:20px}
#h2co.on{width:min(400px,calc(100vw - 24px));height:min(620px,calc(100vh - 36px));background:var(--h-sf);color:var(--h-tx);border:1px solid var(--h-ln);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden;font-size:14px}
.h2coh{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--h-ln);background:var(--h-s2)}
.h2com{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px}
.h2cb2{max-width:88%;padding:9px 12px;border-radius:14px;line-height:1.45}
.h2cb2.u{align-self:flex-end;background:#0e4636;color:#fff}.h2cb2.a{align-self:flex-start;background:var(--h-s2);border:1px solid var(--h-ln)}
.h2cos{text-align:left;padding:9px 12px;border-radius:10px;background:var(--h-nb);color:var(--h-tx);font-size:14px}
.h2cos:hover{background:var(--h-so)}
.h2cof{display:flex;gap:8px;padding:10px 14px}
.h2cof .h2in{flex:1}
@media(min-width:861px){html.h2.km #h2co:not(.on){display:none}
html.h2.km[data-theme] .rail>button.h2cop,html.h2.km[data-theme] .rail>button.h2cop:hover{margin-top:8px;height:38px;justify-content:center;gap:8px;background:#0e4636!important;color:#fff!important;font-weight:600;border-radius:10px}
html.h2.km[data-theme] .rail>button.h2cop svg{width:18px;height:18px}}
@media(max-width:860px){#h2co:not(.on){display:none;bottom:86px}body:has(#app.v-crm) #h2co:not(.on){display:block}}
body:has(#lg:not([hidden])) #h2co{display:none!important}
.h2dt{margin:10px 0}.h2dt>summary{cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.75;padding:6px 0;list-style:none}.h2dt>summary::-webkit-details-marker{display:none}.h2dt>summary::after{content:' ▾';opacity:.6}.h2dt[open]>summary::after{content:' ▴'}

html.h2.km[data-theme] .rail .h2ft{flex-wrap:wrap;justify-content:space-between;row-gap:4px}
html.h2.km[data-theme] .rail .h2ft .h2me{flex:1 0 100%;padding:0 4px 2px;font-weight:600}
/* v378: títulos dos grupos só com a letra colorida */
html.h2.km[data-theme] .rail .h2g,html.h2.km[data-theme] .rail>button.h2gh,html.h2.km[data-theme] .rail>button.h2gh:hover,html.h2.km[data-theme] .rail>button.h2gh.on{background:none!important;border-left:0!important;border-radius:6px;height:28px;margin-top:14px;padding:0 12px;font-size:11.5px;font-weight:600;letter-spacing:.1em}
html.h2.km[data-theme] .rail>button.h2gh .lb{font-size:11.5px!important;font-weight:600!important}
html.h2.km[data-theme] .rail>button.h2gh:hover{background:var(--h-s2)!important}
html.h2.km[data-theme] .rail>button.h2gh:first-of-type{margin-top:2px}
/* v379: contato compartilhado igual ao WhatsApp */
.h2ct{min-width:230px;max-width:320px}.h2ct+.h2ct{margin-top:8px;border-top:1px solid rgba(128,128,128,.25);padding-top:6px}
.h2cth{display:flex;gap:10px;align-items:center;padding:2px 2px 8px}
.h2cta{width:42px;height:42px;border-radius:50%;background:#cfd8dc;color:#fff;display:grid;place-items:center;flex:none}.h2cta svg{width:26px;height:26px}.h2cta.s{width:36px;height:36px}.h2cta.s svg{width:22px;height:22px}
.h2ctn{min-width:0}.h2ctn b{display:block;font-weight:600;white-space:normal;overflow-wrap:anywhere}.h2ctn small{display:block;font-size:12.5px;opacity:.75;white-space:normal}.h2ctn small.h2cts{opacity:.6;font-style:italic}
.h2ctb{display:flex;flex-wrap:wrap;border-top:1px solid rgba(128,128,128,.28);margin:0 -4px -2px}
.h2ctb button{flex:1 1 auto;min-height:38px;padding:8px 8px;font:inherit;font-size:13.5px;font-weight:500;color:#087a5b;background:none;border:0;border-radius:8px;cursor:pointer;white-space:nowrap}
.h2ctb button:hover{background:rgba(128,128,128,.14)}.h2ctb button:disabled{opacity:.5}
html[data-theme="dark"] .h2ctb button{color:#5fd3a8}html.mod .b.out .h2ctb button{color:inherit}
.b.h2ctm .tx.h2ctx{white-space:normal;display:block}
.h2pl2{max-height:300px;overflow:auto;margin:8px 0;display:grid;gap:2px}
.h2pi2{display:flex;gap:10px;align-items:center;text-align:left;padding:8px;border-radius:10px;background:none;border:0;cursor:pointer;color:inherit;width:100%;font:inherit}.h2pi2:hover{background:rgba(128,128,128,.14)}.h2pi2 b{display:block;font-weight:500}.h2pi2 small{display:block;font-size:12.5px;opacity:.7}

/* ================= v380: visual novo no celular ================= */
/* menu "Mais": mesmos grupos coloridos do computador */
#msheet.h2ms .sh{display:block;max-height:88vh;overflow:auto;-webkit-overflow-scrolling:touch;background:var(--h-sf);padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;font-family:Poppins,system-ui,sans-serif}
#msheet.h2ms .h2msh{display:flex;align-items:center;gap:10px;padding:2px 2px 6px}
#msheet.h2ms .h2msh img{width:30px;height:30px;object-fit:contain}
#msheet.h2ms .h2msh b{font-size:17px;font-weight:600;color:var(--h-tx)}#msheet.h2ms .h2msh b i{font-style:normal;color:#087a5b}
#msheet.h2ms .h2msh span{flex:1;text-align:right;font-size:13px;color:var(--h-mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#msheet.h2ms .sh button.h2msx{width:38px;height:38px;flex:none;border-radius:50%;background:var(--h-s2);font-size:22px;font-weight:400;line-height:1;padding:0;display:grid;place-items:center;color:var(--h-tx)}
#msheet.h2ms .h2msg{margin:16px 4px 7px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gc)}
html[data-theme="dark"] #msheet.h2ms .h2msg{color:var(--gd)}
#msheet.h2ms .h2msi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#msheet.h2ms .h2msi button{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:48px;padding:10px 12px;border-radius:12px;background:var(--h-s2);font-size:14px;font-weight:500;color:var(--h-tx);text-align:left;line-height:1.2}
#msheet.h2ms .h2msi button svg{width:20px;height:20px;flex:none;color:var(--gc);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] #msheet.h2ms .h2msi button svg{color:var(--gd)}
#msheet.h2ms .h2msf{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--h-ln)}
#msheet.h2ms .h2msf button{flex:1 1 auto;flex-direction:row;justify-content:center;min-height:42px;padding:8px 14px;border-radius:999px;background:none;border:1px solid var(--h-ln);font-size:13.5px;font-weight:500;color:var(--h-tx)}
@media(max-width:700px){
 /* tabelas viram cartões */
 .h2tb{background:none;border:0;overflow:visible;border-radius:0}
 .h2tb table,.h2tb tbody{display:block}.h2tb thead{display:none}
 .h2tb tbody tr{display:block;background:var(--h-sf);border:1px solid var(--h-ln);border-radius:14px;padding:6px 14px;margin-bottom:10px}
 .h2tb td{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:8px 0;border-top:1px solid var(--h-ln);text-align:right;overflow-wrap:anywhere}
 .h2tb td:first-child{border-top:0;font-size:15px}
 .h2tb td[data-l]::before{content:attr(data-l);flex:none;max-width:45%;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--h-mu);text-align:left}
 .h2tb td[data-l=""]{justify-content:flex-end}.h2tb td[data-l=""]::before{display:none}
 .h2tb td.h2emp{display:none}.h2tb td.h2full{display:block;text-align:center}
 .h2tb tr.clk:hover td{background:none}
 /* contato compartilhado cabe na bolha */
 .h2ct{min-width:0;max-width:100%}.h2ctb button{flex:1 1 0;padding:8px 4px;font-size:13px}
 /* títulos e botões do topo */
 .h2pg h1{font-size:22px}.h2hd{gap:8px}.h2hd .h2bt{flex:1 1 auto}
 .h2md{width:100%;max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;margin:0}.h2ov{align-items:flex-end;padding:0}
 .h2md .h2ft2 .h2bt{flex:1 1 auto}
}
@media(max-width:700px){.h2md{overflow:auto}}
@media(max-width:700px){.h2tb table{min-width:0!important;width:100%}.h2jcol{max-width:100%}}
@media(max-width:700px){.h2tb td:first-child{justify-content:flex-start;text-align:left;font-weight:600}.h2tb td:first-child::before{display:none}.h2tb tbody tr{padding:4px 14px}}

/* ================= v382: menu lateral menos branco ================= */
html.h2.km[data-theme="light"] .app>.rail{background:linear-gradient(180deg,#eef6f2 0%,#f4f8f6 55%,#eaf4ef 100%);border-right:1px solid #dbe7e1}
html.h2.km[data-theme="dark"] .app>.rail{background:linear-gradient(180deg,#101a17 0%,#0e1614 100%)}
/* linha fina separando os grupos */
html.h2.km[data-theme] .rail .h2g{position:relative;margin-top:20px}
html.h2.km[data-theme] .rail .h2g::before{content:"";position:absolute;left:12px;right:12px;top:-9px;height:1px;background:var(--h-ln)}
html.h2.km[data-theme="light"] .rail .h2g::before{background:#d9e6df}
/* cabeçalho com a logo em um cartão branco */
html.h2.km[data-theme] .rail .brand{background:var(--h-sf);border:1px solid var(--h-ln);border-radius:14px;padding:10px 12px!important;margin:0 2px 12px!important;box-shadow:0 1px 2px rgba(16,58,46,.05)}
/* item escolhido e passar o mouse: cartão branco suave */
html.h2.km[data-theme="light"] .rail>button:not(.h2gh):hover{background:rgba(255,255,255,.75)!important}
html.h2.km[data-theme="light"] .rail>button:not(.h2gh).on{background:#fff!important;box-shadow:0 1px 3px rgba(16,58,46,.08)}
/* marca d'água da logo no fim do menu */
html.h2.km[data-theme] .rail .h2ft{position:relative}
html.h2.km[data-theme] .rail::after{content:"";flex:none;order:98;height:120px;margin:10px 0 -6px;background:url(/logo.svg?v=5) center/110px no-repeat;opacity:.07;pointer-events:none}
html.h2.km[data-theme="dark"] .rail::after{opacity:.1}
html.h2.km[data-theme] .rail .h2ft{order:99}
/* v383: lista de conversas com branco levemente esverdeado */
html.h2.km[data-theme="light"] .app>.list{background:#f8fbf9!important}
html.h2.km[data-theme="light"] .list .it.on{background:#e4f1ea!important}
html.h2.km[data-theme="light"] .list .it:hover{background:#eef6f2!important}
/* v384: Copiloto no topo do menu, discreto */
@media(min-width:861px){
html.h2.km[data-theme] .rail>button.h2cop,html.h2.km[data-theme] .rail>button.h2cop:hover{margin:0 2px 10px;height:34px;justify-content:center;gap:7px;background:var(--h-sf)!important;color:var(--h-ac)!important;border:1px solid var(--h-ln);font-weight:500;font-size:13px;border-radius:10px;box-shadow:none}
html.h2.km[data-theme] .rail>button.h2cop:hover{border-color:var(--h-ac)}
html.h2.km[data-theme] .rail>button.h2cop span{font-size:13px!important;font-weight:500!important;color:inherit!important}
html.h2.km[data-theme] .rail>button.h2cop svg{width:15px;height:15px}
html.h2.km[data-theme] .rail .brand{margin-bottom:8px!important}
}
/* v385: fim do menu sem espaço vazio (sem marca d'água) */
html.h2.km[data-theme] .rail::after{display:none}
html.h2.km[data-theme] .rail .h2ft{margin-top:14px}
/* v386: Copiloto no topo, na cor verde-escura */
@media(min-width:861px){
html.h2.km[data-theme] .rail>button.h2cop,html.h2.km[data-theme] .rail>button.h2cop:hover{background:#0e4636!important;color:#fff!important;border-color:#0e4636;height:36px;font-weight:600}
html.h2.km[data-theme] .rail>button.h2cop:hover{background:#12584a!important}
html.h2.km[data-theme] .rail>button.h2cop span{font-weight:600!important}
}
/* v386b: Copiloto no topo, verde mais fraco */
@media(min-width:861px){
html.h2.km[data-theme] .rail>button.h2cop,html.h2.km[data-theme] .rail>button.h2cop:hover{background:#4d8370!important;border-color:#4d8370;color:#fff!important}
html.h2.km[data-theme] .rail>button.h2cop:hover{background:#447766!important}
}
/* v390: miniatura na resposta a foto, vídeo, figurinha ou arquivo */
.q.h2qm{display:flex;align-items:center;gap:8px;padding-right:5px}
.q.h2qm .h2qtx{flex:1;min-width:0;overflow:hidden}
.q.h2qm .h2qth{flex:none;width:46px;height:46px;border-radius:6px;object-fit:cover;background:rgba(0,0,0,.12)}
.q.h2qm .h2qdoc{display:grid;place-items:center;font-size:10.5px;font-weight:600;letter-spacing:.04em;color:inherit}