/* Shell do Painel iAção — layout em 4 faixas (header, filtros, título, conteúdo),
   medidas literais do protótipo. Nenhuma cor literal aqui: tudo via token. */

.pnl{
  display:flex;
  flex-direction:column;
  height:100vh;
  height:100dvh;
  background:var(--white);
  color:var(--ink);
  font-family:var(--font-body);
  overflow:hidden;
}

/* ===== faixa 1: barra superior ===== */
.topbar{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:28px;
  padding:0 24px;
  height:56px;
  border-bottom:1px solid var(--gray-line);
}
.topbar__brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.topbar__logo{height:24px;width:auto;display:block}
.topbar__wordmark{
  font-family:var(--font-display);
  font-size:19px;
  letter-spacing:.03em;
  line-height:1;
  text-transform:uppercase;
}
.topbar__nav{display:flex;gap:0;flex:0 0 auto}
.nav-btn{
  background:none;
  border:0;
  border-bottom:2px solid transparent;
  cursor:pointer;
  padding:8px 14px;
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:19px;
  line-height:1;
  color:var(--ink-55);
}
.nav-btn--ativo{border-bottom-color:var(--red);color:var(--red)}
.topbar__right{margin-left:auto;display:flex;align-items:center;gap:16px;min-width:0}
.topbar__lag{
  font-size:12px;color:var(--ink-55);
  display:flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap;
}
.topbar__sep{width:1px;height:18px;background:var(--gray-line);flex:0 0 auto}
.topbar__email{
  font-size:12px;color:var(--ink-55);
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.theme-btn{
  flex:0 0 auto;background:none;border:1px solid var(--gray-line);color:var(--ink-55);
  cursor:pointer;width:30px;height:30px;
  display:flex;align-items:center;justify-content:center;padding:0;
}

/* ===== faixa 2: filtros globais ===== */
.filtros{
  flex:0 0 auto;
  display:flex;align-items:center;gap:18px;
  padding:10px 24px;
  border-bottom:1px solid var(--gray-line);
  flex-wrap:wrap;
}
.filtros__grupo{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.filtros__grupo--fim{margin-left:auto}
.filtro-rotulo{
  font-size:11px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--ink-35);font-weight:700;
}

/* ===== faixa 3: título da tela ===== */
.titulo{flex:0 0 auto;padding:22px 24px 0}
.titulo__filete{display:block;width:56px;height:3px;background:var(--red);margin-bottom:10px}
.titulo h1{font-size:40px;margin:0;line-height:.95}

/* ===== faixa 4: conteúdo ===== */
.conteudo{flex:1 1 auto;overflow-y:auto;padding:18px 24px 56px}

/* ícones inline (SVG stroke em currentColor) */
.icone{display:inline-block;flex:0 0 auto;vertical-align:middle}
.icone svg{display:block;width:100%;height:100%;stroke:currentColor;fill:none}