/* ConsentMode · casco único do workspace (v3)
   Uma só barra lateral, um só topo, um só logo e uma regra de espaçamento (grade de 8 px) para todas as telas. */
:root {
  --cm-font: Roboto, 'Helvetica Neue', Arial, sans-serif;
  --cm-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --cm-bg: #f8fafd; --cm-surface: #ffffff; --cm-surface-2: #f1f4f9;
  --cm-ink: #1f1f1f; --cm-ink-2: #444746; --cm-muted: #5f6368;
  --cm-line: #e1e3e1; --cm-line-2: #c4c7c5;
  --cm-blue: #0b57d0; --cm-blue-500: #1a73e8; --cm-blue-50: #e8f0fe; --cm-blue-100: #d3e3fd; --cm-blue-ink: #041e49;
  --cm-green: #146c2e; --cm-green-50: #e6f4ea; --cm-red: #b3261e; --cm-red-50: #fce8e6;
  --cm-orange: #9a4b00; --cm-orange-50: #feefe3; --cm-yellow: #7a5900; --cm-yellow-50: #fef7e0;
  --cm-radius: 12px; --cm-radius-sm: 8px;
  --cm-rail: 264px; --cm-top: 64px;
  --cm-gap: 24px; --cm-pad: 32px;
  --cm-shadow: 0 1px 2px rgba(60, 64, 67, .08), 0 1px 3px 1px rgba(60, 64, 67, .06);
  --cm-shadow-up: 0 4px 12px rgba(60, 64, 67, .18);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.cm-app { margin: 0; background: var(--cm-bg); color: var(--cm-ink); font: 400 14px/20px var(--cm-font); -webkit-font-smoothing: antialiased; }
.cm-app a { color: var(--cm-blue); }
.cm-app h1, .cm-app h2, .cm-app h3, .cm-app h4 { font-family: var(--cm-font); letter-spacing: 0; }
.cm-skip { position: absolute; left: -9999px; top: 8px; z-index: 100; padding: 8px 16px; border-radius: 8px; background: #fff; box-shadow: var(--cm-shadow-up); }
.cm-skip:focus { left: 8px; }
.cm-app :focus-visible { outline: 2px solid var(--cm-blue-500); outline-offset: 2px; }

/* ---------- marca ---------- */
.cm-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--cm-ink); text-decoration: none; font: 500 20px/1 var(--cm-font); letter-spacing: -.2px; white-space: nowrap; }
.cm-brand svg { width: 28px; height: 28px; flex: none; }
.cm-brand b { font-weight: 500; color: var(--cm-green); }
.cm-app a.cm-brand { color: var(--cm-ink); }

/* ---------- barra lateral ---------- */
.cm-rail { position: fixed; inset: 0 auto 0 0; z-index: 40; width: var(--cm-rail); display: flex; flex-direction: column; background: var(--cm-surface); border-right: 1px solid var(--cm-line); }
.cm-rail-head { height: var(--cm-top); display: flex; align-items: center; padding: 0 24px; flex: none; }
.cm-nav { flex: 1; overflow-y: auto; padding: 8px 12px 16px; }
.cm-nav-label { margin: 16px 16px 8px; font: 500 12px/16px var(--cm-font); color: var(--cm-muted); }
.cm-nav-label:first-child { margin-top: 8px; }
.cm-nav a { display: flex; align-items: center; gap: 12px; height: 40px; padding: 0 16px; border-radius: 20px; color: var(--cm-ink-2); text-decoration: none; font: 500 14px/20px var(--cm-font); }
.cm-nav a + a { margin-top: 2px; }
.cm-nav a svg { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cm-nav a:hover { background: var(--cm-surface-2); color: var(--cm-ink); }
.cm-nav a[aria-current="page"] { background: var(--cm-blue-100); color: var(--cm-blue-ink); }
.cm-nav a .cm-badge { margin-left: auto; }
.cm-rail-foot { flex: none; padding: 16px; border-top: 1px solid var(--cm-line); display: grid; gap: 12px; }
.cm-plan { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 16px; border-radius: var(--cm-radius-sm); background: var(--cm-surface-2); }
.cm-plan span { font-size: 12px; color: var(--cm-muted); }
.cm-plan b { font-weight: 500; font-size: 14px; }
.cm-logout { height: 36px; border: 1px solid var(--cm-line-2); border-radius: 18px; background: #fff; color: var(--cm-ink-2); font: 500 14px var(--cm-font); cursor: pointer; }
.cm-logout:hover { background: var(--cm-surface-2); }

/* ---------- topo ---------- */
.cm-main { margin-left: var(--cm-rail); min-height: 100vh; display: flex; flex-direction: column; }
.cm-top { position: sticky; top: 0; z-index: 30; height: var(--cm-top); display: flex; align-items: center; gap: 16px; padding: 0 var(--cm-pad); background: rgba(255, 255, 255, .96); backdrop-filter: saturate(180%) blur(8px); border-bottom: 1px solid var(--cm-line); }
.cm-menu { display: none; width: 40px; height: 40px; margin-left: -8px; border: 0; border-radius: 50%; background: none; color: var(--cm-ink-2); cursor: pointer; }
.cm-menu svg { width: 24px; height: 24px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; }
.cm-menu:hover { background: var(--cm-surface-2); }
.cm-top .cm-brand { display: none; }
.cm-crumbs { min-width: 0; display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--cm-muted); white-space: nowrap; overflow: hidden; }
.cm-crumbs a { color: var(--cm-muted); text-decoration: none; }
.cm-crumbs a:hover { color: var(--cm-blue); text-decoration: underline; }
.cm-crumbs [aria-current] { color: var(--cm-ink); font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
.cm-crumbs .sep { color: var(--cm-line-2); }
.cm-top-actions { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.cm-engine { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px; border-radius: 16px; background: var(--cm-surface-2); color: var(--cm-ink-2); font: 500 12px var(--cm-font); white-space: nowrap; }
.cm-engine i { width: 8px; height: 8px; border-radius: 50%; background: #9aa0a6; }
.cm-engine.is-on { background: var(--cm-green-50); color: var(--cm-green); }
.cm-engine.is-on i { background: #1e8e3e; }
.cm-engine.is-busy i { animation: cm-pulse 1.4s ease-in-out infinite; }
@keyframes cm-pulse { 50% { opacity: .35; } }

/* ---------- página ---------- */
.cm-page { width: 100%; max-width: 1280px; margin: 0 auto; padding: var(--cm-pad) var(--cm-pad) 64px; flex: 1; }
.cm-pagehead { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; margin-bottom: var(--cm-gap); }
.cm-pagehead h1 { margin: 0; font: 400 28px/36px var(--cm-font); color: var(--cm-ink); }
.cm-pagehead p { margin: 4px 0 0; max-width: 720px; color: var(--cm-muted); font-size: 14px; line-height: 20px; }
.cm-stack { display: grid; gap: var(--cm-gap); }
.cm-grid-2 { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--cm-gap); align-items: start; }

/* cartões */
.cm-card { background: var(--cm-surface); border: 1px solid var(--cm-line); border-radius: var(--cm-radius); }
.cm-card-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px 16px; }
.cm-card-head h2 { margin: 0; font: 500 16px/24px var(--cm-font); }
.cm-card-head p { margin: 2px 0 0; color: var(--cm-muted); font-size: 13px; }
.cm-card-body { padding: 0 24px 24px; }
.cm-card-foot { padding: 12px 24px; border-top: 1px solid var(--cm-line); }
.cm-link { display: inline-flex; align-items: center; gap: 4px; color: var(--cm-blue); font: 500 14px var(--cm-font); text-decoration: none; white-space: nowrap; }
.cm-link:hover { text-decoration: underline; }

/* indicadores */
.cm-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--cm-gap); }
.cm-kpi { padding: 20px 24px; background: var(--cm-surface); border: 1px solid var(--cm-line); border-radius: var(--cm-radius); }
.cm-kpi span { display: block; font: 500 13px/20px var(--cm-font); color: var(--cm-muted); }
.cm-kpi strong { display: block; margin-top: 8px; font: 400 32px/40px var(--cm-font); color: var(--cm-ink); }
.cm-kpi small { display: block; margin-top: 4px; font-size: 12px; line-height: 16px; color: var(--cm-muted); }
.cm-kpi.is-alert strong { color: var(--cm-red); }

/* botões */
.cm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 20px; border: 1px solid var(--cm-line-2); border-radius: 20px; background: #fff; color: var(--cm-blue); font: 500 14px/1 var(--cm-font); text-decoration: none; cursor: pointer; white-space: nowrap; }
.cm-btn:hover { background: var(--cm-blue-50); }
.cm-btn.is-primary { border-color: var(--cm-blue); background: var(--cm-blue); color: #fff; }
.cm-btn.is-primary:hover { background: #0842a0; box-shadow: var(--cm-shadow); }
.cm-btn svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 2.2; fill: none; stroke-linecap: round; }

/* lista de atividade */
.cm-activity { list-style: none; margin: 0; padding: 0; }
.cm-activity li { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 12px 24px; border-top: 1px solid var(--cm-line); }
.cm-activity li:first-child { border-top: 0; }
.cm-activity b { font-weight: 500; overflow-wrap: anywhere; }
.cm-activity small { grid-column: 1; color: var(--cm-muted); font-size: 12px; }
.cm-activity .cma-pill { grid-row: 1 / span 2; grid-column: 2; align-self: center; }

/* passos de ajuda */
.cm-help { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--cm-gap); }
.cm-help a { display: grid; grid-template-columns: 40px 1fr; gap: 4px 16px; padding: 20px 24px; background: var(--cm-surface); border: 1px solid var(--cm-line); border-radius: var(--cm-radius); color: var(--cm-ink); text-decoration: none; }
.cm-help a:hover { border-color: var(--cm-blue-100); box-shadow: var(--cm-shadow); }
.cm-help i { grid-row: span 2; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--cm-blue-50); color: var(--cm-blue); font: 500 14px var(--cm-font); font-style: normal; }
.cm-help b { font-weight: 500; }
.cm-help span { color: var(--cm-muted); font-size: 13px; }

/* busca da lista */
.cm-search { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; min-width: 260px; border: 1px solid var(--cm-line-2); border-radius: 20px; background: #fff; }
.cm-search svg { width: 18px; height: 18px; stroke: var(--cm-muted); stroke-width: 2; fill: none; }
.cm-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; font: 400 14px var(--cm-font); color: var(--cm-ink); }
.cm-search:focus-within { border-color: var(--cm-blue-500); box-shadow: 0 0 0 1px var(--cm-blue-500); }

.cm-foot { padding: 24px var(--cm-pad); border-top: 1px solid var(--cm-line); color: var(--cm-muted); font-size: 12px; display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; }
.cm-foot a { color: var(--cm-muted); text-decoration: none; }
.cm-foot a:hover { color: var(--cm-blue); }
.cm-foot nav { display: flex; flex-wrap: wrap; gap: 16px; }

/* gaveta no celular */
.cm-scrim { display: none; }
@media (max-width: 1024px) {
  :root { --cm-pad: 24px; }
  .cm-rail { transform: translateX(-100%); transition: transform .2s ease; box-shadow: none; }
  body.cm-nav-open .cm-rail { transform: none; box-shadow: var(--cm-shadow-up); }
  body.cm-nav-open .cm-scrim { display: block; position: fixed; inset: 0; z-index: 35; border: 0; background: rgba(32, 33, 36, .4); }
  .cm-main { margin-left: 0; }
  .cm-menu { display: inline-grid; place-items: center; }
  .cm-top .cm-brand { display: inline-flex; font-size: 18px; }
  .cm-top .cm-brand svg { width: 24px; height: 24px; }
  .cm-crumbs { display: none; }
  .cm-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cm-grid-2 { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  :root { --cm-pad: 16px; --cm-gap: 16px; }
  .cm-top { gap: 8px; }
  .cm-engine { display: none; }
  .cm-top .cm-btn.is-primary { width: 40px; padding: 0; }
  .cm-top .cm-btn.is-primary span { display: none; }
  .cm-pagehead h1 { font-size: 24px; line-height: 32px; }
  .cm-kpi { padding: 16px; }
  .cm-kpi strong { font-size: 28px; line-height: 36px; }
  .cm-help { grid-template-columns: 1fr; }
  .cm-card-head { padding: 16px 16px 12px; }
  .cm-card-body { padding: 0 16px 16px; }
  .cm-activity li { padding: 12px 16px; }
  .cm-search { min-width: 0; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .cm-rail { transition: none; } .cm-engine.is-busy i { animation: none; } }

/* ---------- relatório dentro do casco ---------- */
.cm-app .cma-dom, .cm-app a.cma-dom { color: var(--cm-ink); }
.cm-app a.cma-dom:hover { color: var(--cm-blue); }
.cmr-portal .cm-page { max-width: 1240px; }
.cmr-portal .cmr { max-width: none; }
.cmr-portal .cmr-foot { display: none; }
.cmr-portal .cmr-kicker, .cmr-portal .cmr th, .cmr-portal .cmr-tablebox th { text-transform: none; letter-spacing: 0; }
.cmr-portal .cmr td { overflow-wrap: anywhere; }
.cmr-portal .cmr-head h1 { font-weight: 400; }
/* conteúdo herdado (Plano de correção) dentro do casco */
.cm-legacy .cm-legacy-content > section:first-child { margin-top: 0; }
.cm-legacy .kicker { text-transform: none; letter-spacing: 0; }
@media (max-width: 640px) { .cma-hide-sm { display: none !important; } }

/* ---------- páginas públicas (Como funciona, Tutoriais, Segurança, Verificar selo, termos): mesmo logo e um só menu ---------- */
.cm-pub { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 32px; height: 64px; padding: 0 max(24px, calc((100% - 1180px) / 2)); background: rgba(255, 255, 255, .96); backdrop-filter: saturate(180%) blur(8px); border-bottom: 1px solid var(--cm-line); font-family: var(--cm-font); }
.cm-pub .cm-brand { display: inline-flex; }
.cm-pub nav { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.cm-pub nav a { height: 36px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: 18px; color: var(--cm-ink-2); font: 500 14px var(--cm-font); text-decoration: none; }
.cm-pub nav a:hover { background: var(--cm-surface-2); color: var(--cm-ink); }
.cm-pub nav a[aria-current="page"] { color: var(--cm-blue); background: var(--cm-blue-50); }
.cm-pub .cm-btn { flex: none; }
@media (max-width: 860px) {
  .cm-pub { gap: 12px; padding: 0 16px; }
  .cm-pub nav { display: none; }
  .cm-pub .cm-btn { margin-left: auto; height: 36px; padding: 0 16px; }
}

/* ---------- sininho e conta (topo) ---------- */
.cm-plan { color: inherit; text-decoration: none; }
.cm-app a.cm-plan { color: var(--cm-ink); }
.cm-app a.cm-plan:hover { background: var(--cm-blue-50); }
.cm-bell-wrap, .cm-user-wrap { position: relative; }
.cm-iconbtn { position: relative; width: 40px; height: 40px; display: inline-grid; place-items: center; border: 0; border-radius: 50%; background: none; color: var(--cm-ink-2); cursor: pointer; }
.cm-iconbtn:hover, .cm-iconbtn[aria-expanded="true"] { background: var(--cm-surface-2); }
.cm-iconbtn svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cm-bell-n { position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--cm-red); color: #fff; font: 500 11px/18px var(--cm-font); text-align: center; box-shadow: 0 0 0 2px #fff; }
.cm-bell-n[hidden], .cm-pop[hidden] { display: none !important; }
.cm-avatar { width: 32px; height: 32px; display: inline-grid; place-items: center; margin: 0 4px; padding: 0; border: 0; border-radius: 50%; background: #0b57d0; color: #fff; font: 500 14px var(--cm-font); cursor: pointer; box-shadow: 0 0 0 4px transparent; }
.cm-avatar:hover, .cm-avatar[aria-expanded="true"] { box-shadow: 0 0 0 4px var(--cm-surface-2); }
.cm-avatar.is-lg { width: 56px; height: 56px; font-size: 24px; cursor: default; margin: 0 auto 8px; }
.cm-pop { position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; width: 400px; max-width: calc(100vw - 24px); background: #fff; border-radius: 16px; box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15), 0 1px 3px rgba(60, 64, 67, .3); overflow: hidden; }
.cm-pop-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 16px 12px 20px; border-bottom: 1px solid var(--cm-line); }
.cm-pop-head b { font: 500 16px/24px var(--cm-font); }
.cm-pop-head .cm-link, .cm-pop-foot .cm-link { border: 0; background: none; padding: 4px 8px; border-radius: 8px; cursor: pointer; font-size: 13px; }
.cm-pop-head .cm-link:hover { background: var(--cm-blue-50); text-decoration: none; }
.cm-pop-foot { display: flex; justify-content: space-between; padding: 8px 12px; border-top: 1px solid var(--cm-line); }
.cm-notif-list { list-style: none; margin: 0; padding: 0; max-height: min(480px, 70vh); overflow-y: auto; }
.cm-notif-list li + li { border-top: 1px solid var(--cm-line); }
.cm-notif-list a, .cm-notif-list li > div { display: grid; grid-template-columns: 32px 1fr; gap: 12px; padding: 12px 20px; color: var(--cm-ink); text-decoration: none; }
.cm-notif-list a:hover { background: var(--cm-surface-2); }
.cm-notif-list li.is-new { background: #f4f8fe; }
.cm-notif-list li.is-new .cm-n-tx b::after { content: ""; display: inline-block; width: 8px; height: 8px; margin-left: 8px; border-radius: 50%; background: var(--cm-blue-500); vertical-align: 1px; }
.cm-n-ic { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; font: 700 14px var(--cm-font); background: var(--cm-blue-50); color: var(--cm-blue); }
.cm-n-ic.is-crit, .cm-n-ic.is-erro { background: var(--cm-red-50); color: var(--cm-red); }
.cm-n-ic.is-grave { background: var(--cm-orange-50); color: var(--cm-orange); }
.cm-n-ic.is-mod { background: var(--cm-yellow-50); color: var(--cm-yellow); }
.cm-n-ic.is-ok { background: var(--cm-green-50); color: var(--cm-green); }
.cm-n-tx { min-width: 0; display: grid; gap: 2px; }
.cm-n-tx b { font: 500 14px/20px var(--cm-font); overflow-wrap: anywhere; }
.cm-n-tx span { color: var(--cm-ink-2); font-size: 13px; line-height: 18px; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cm-n-tx small { color: var(--cm-muted); font-size: 12px; }
.cm-notif-empty { display: grid; gap: 4px; padding: 32px 24px; text-align: center; color: var(--cm-muted); }
.cm-notif-empty b { color: var(--cm-ink); font-weight: 500; }
.cm-usermenu { width: 300px; padding-bottom: 8px; }
.cm-user-id { display: grid; justify-items: center; gap: 2px; padding: 20px 16px 16px; border-bottom: 1px solid var(--cm-line); margin-bottom: 8px; text-align: center; }
.cm-user-id b { font: 500 16px/24px var(--cm-font); }
.cm-user-id small { color: var(--cm-muted); font-size: 13px; overflow-wrap: anywhere; }
.cm-usermenu a, .cm-usermenu button { display: flex; align-items: center; width: 100%; height: 40px; padding: 0 20px; border: 0; background: none; color: var(--cm-ink); font: 400 14px var(--cm-font); text-decoration: none; text-align: left; cursor: pointer; }
.cm-usermenu a[hidden] { display: none; }
.cm-app .cm-usermenu a { color: var(--cm-ink); }
.cm-usermenu a:hover, .cm-usermenu button:hover { background: var(--cm-surface-2); }
@media (max-width: 640px) {
  .cm-top-actions { gap: 4px; }
  .cm-pop { position: fixed; left: 12px; right: 12px; top: 60px; width: auto; }
}

/* Logo oficial (SVG vetorizado do arquivo da marca) */
.cm-brand .cm-logo{display:block;height:28px;width:auto;max-width:100%}
.cm-auth .cm-brand .cm-logo,.cm-pub .cm-brand .cm-logo{height:30px}

/* Caixas de seleção em todo o site: setinha própria, com respiro da borda direita (03/11/2026) */
select:not([multiple]):not([size]) {
  -webkit-appearance: none !important; appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444746' d='M7.4 8.6 12 13.2l4.6-4.6L18 10l-6 6-6-6z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 16px center !important; background-size: 20px 20px !important;
  padding-right: 48px !important; padding-left: 16px !important; text-overflow: ellipsis; cursor: pointer;
}
select:not([multiple]):not([size]):disabled { opacity: .6; cursor: default; }
select:not([multiple]):not([size])::-ms-expand { display: none; }
/* painel de notificações vazio: gatinho dormindo, em tons de cinza */
.cm-notif-empty { justify-items: center; padding: 28px 24px 32px; gap: 6px; }
.cm-notif-empty .cm-gato { margin-bottom: 10px; }
.cm-notif-empty b { font-size: 15px; }
.cm-notif-empty span { font-size: 13px; }
.cm-notif-empty .cm-link, .cm-notif-more .cm-link { margin-top: 8px; font-size: 13px; }
.cm-notif-more { padding: 10px 20px; text-align: center; }
.cm-gato .g0 { fill: var(--cm-surface-2, #f1f3f4); }
.cm-gato .g1 { fill: #e8eaed; stroke: #9aa0a6; stroke-width: 2; }
.cm-gato .g2 { fill: #f8f9fa; stroke: #9aa0a6; stroke-width: 2; stroke-linejoin: round; }
.cm-gato .g3 { fill: none; stroke: #bdc1c6; stroke-width: 1.6; stroke-linecap: round; }
.cm-gato .g4 { fill: none; stroke: #9aa0a6; stroke-width: 10; stroke-linecap: round; }
.cm-gato .g5 { fill: none; stroke: #e8eaed; stroke-width: 6; stroke-linecap: round; }
.cm-gato .g6 { fill: none; stroke: #5f6368; stroke-width: 1.8; stroke-linecap: round; }
.cm-gato .g7 { fill: #9aa0a6; }
.cm-gato .g8 { fill: #9aa0a6; font: 500 12px/1 Roboto, Arial, sans-serif; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .cm-gato .g1, :root:not([data-theme="light"]) .cm-gato .g5 { fill: #3c4043; stroke-opacity: .9; } :root:not([data-theme="light"]) .cm-gato .g5 { stroke: #3c4043; fill: none; } :root:not([data-theme="light"]) .cm-gato .g2 { fill: #5f6368; } }

/* Celular (04/11): logo no tamanho do Google e idioma dentro do menu */
@media (max-width: 1024px) {
  .cm-top .cm-brand { flex: none; }
  .cm-top .cm-brand .cm-logo { height: 24px !important; max-width: none !important; }
  .cm-top .cm-lang { display: none !important; }
  .cm-rail .cm-lang { display: flex; width: 100%; position: relative; }
  .cm-rail .cm-lang-btn { width: 100%; justify-content: flex-start; height: 44px; }
  .cm-rail .cm-lang-nome { flex: 1; text-align: left; max-width: none; }
  .cm-rail .cm-lang-lista { top: auto !important; bottom: calc(100% + 6px); left: 0; right: auto !important; width: 100%; }
}
/* atalhos de ajuda com ícone (sem numeração) */
.cm-help i svg { width: 20px; height: 20px; fill: currentColor; }
/* O plano fica só em Configurações › Plano (04/11): sai do rodapé do menu lateral */
.cm-rail .cm-rail-foot .cm-plan { display: none !important; }