/* ---------- theme toggle ---------- */
  .header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
  .theme-toggle{
    display:inline-flex;align-items:center;gap:8px;
    border:1px solid var(--line);background:var(--bg-card);color:var(--black);
    border-radius:999px;padding:9px 13px;font-family:inherit;font-size:12.5px;
    font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .12s ease;
  }
  .theme-toggle:hover{border-color:var(--orange);transform:translateY(-1px);}
  .theme-icon{font-size:16px;line-height:1;}
  .theme-label{white-space:nowrap;}

  body.dark-mode nav.tabs,
  body.dark-mode .card,
  body.dark-mode .stat-card,
  body.dark-mode .panel,
  body.dark-mode .gate .card,
  body.dark-mode .product-options,
  body.dark-mode .product-option,
  body.dark-mode select.field,
  body.dark-mode textarea.field,
  body.dark-mode input.field,
  body.dark-mode .scale-btn,
  body.dark-mode .nps-btn,
  body.dark-mode .btn.secondary,
  body.dark-mode .attn-card,
  body.dark-mode .attn-card .attn-scores span{
    background:var(--bg-card);
    color:var(--black);
    border-color:var(--line);
  }

  body.dark-mode .sub-pill,
  body.dark-mode .product-arrow:hover,
  body.dark-mode .product-option:hover,
  body.dark-mode .product-option.active,
  body.dark-mode .trend-col:hover,
  body.dark-mode .trend-col.selected{
    background:#2b2f38;
  }

  body.dark-mode .bar-track{background:#30343d;}
  body.dark-mode .empty-state,
  body.dark-mode .muted-small,
  body.dark-mode .q-hint,
  body.dark-mode .page-desc,
  body.dark-mode .trend-label,
  body.dark-mode .trend-hint,
  body.dark-mode .filter-field label,
  body.dark-mode .stat-card .stat-label,
  body.dark-mode table.resp-table th{
    color:var(--muted);
  }

  body.dark-mode table.resp-table td{border-bottom-color:#313641;}
  body.dark-mode table.resp-table th{border-bottom-color:var(--line);}

  /* Mantém os textos das respostas legíveis no modo escuro */
  body.dark-mode .comment-cell{
    color:#f5f5f5;
  }
  body.dark-mode .comment-cell .muted-small{
    color:var(--muted);
  }

  body.dark-mode .pill{background:#4d2a8f;color:#f5edff;}
  body.dark-mode table.resp-table tbody tr{
    transition:background .15s ease;
  }
  body.dark-mode table.resp-table tbody tr:hover{
    background:#292d36;
  }
  body.dark-mode .attn-card{background:#2a2223;border-left-color:#e0453b;}
  body.dark-mode .nps-scale-labels{color:var(--muted);}

  /* Legendas da composição do NPS no modo escuro */
  body.dark-mode .nps-legend{
    color:#f1f3f7;
  }
  body.dark-mode .nps-legend span{
    color:#f1f3f7;
  }
  body.dark-mode .nps-legend .dot-lg{
    opacity:1;
  }

  body.dark-mode footer.foot{border-top-color:var(--line);}
  body.dark-mode .divider .rule{border-top-color:var(--purple);}
  body.dark-mode .theme-toggle{background:#242832;}

  @media(max-width:760px){
    .header-actions{width:100%;justify-content:space-between;}
    .theme-toggle{padding:9px 12px;}
  }

  @media(max-width:480px){
    .header-actions{align-items:stretch;}
    nav.tabs{flex:1;}
    nav.tabs button{flex:1;padding-left:12px;padding-right:12px;}
    .theme-toggle{width:100%;justify-content:center;}
  }