/* perfil: estilos consolidados por responsabilidade. */
#app-root:has(> .app-shell--analyst-profile) {
  width: 100%;
  max-width: none;
  margin: 0;
  box-shadow: none;
}

.app-shell--analyst-profile {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  grid-template-areas: "main";
}

.app-shell--analyst-profile > .app-barra-lateral, .app-shell--analyst-profile > .desktop-shell-header, .app-main--analyst-profile > .tablet-shell-header, .app-main--analyst-profile > .tablet-nav-scrim, .app-main--analyst-profile > .menu-tablet, .app-main--analyst-profile > .barra-superior, .app-main--analyst-profile > .navegacao-inferior, .app-main--analyst-profile > .menu-mobile {
  display: none;
}

.app-shell--analyst-profile > .app-main--analyst-profile {
  grid-area: main;
  display: block;
  min-width: 0;
  min-height: 100vh;
  background: var(--bg);
}

.app-main--analyst-profile > .page-container {
  width: 100%;
  margin: 0;
  padding: 0;
}

.perfil-page { --perfil-fundo: #f5f7fb; --perfil-superficie: #ffffff; --perfil-superficie-suave: #f8fafc; --perfil-superficie-forte: #eef2f7; --perfil-texto-forte: #141a2a; --perfil-texto: #344054; --perfil-texto-suave: #667085; --perfil-texto-sutil: #98a2b3; --perfil-linha: #e4e7ec; --perfil-azul: #2563eb; --perfil-violeta: #7c3aed; --perfil-verde: #0f766e; --perfil-amarelo: #b7791f; --perfil-perigo: #b42318; --perfil-sucesso: #12805c; --perfil-sombra: 0 12px 36px rgb(16 24 40 / 5%); --perfil-fonte: Inter, "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; display: grid; gap: 10px; width: 100%; margin: 0px auto; padding: 0px 0px 18px; color: var(--perfil-texto); font-family: var(--perfil-fonte); }

html[data-theme="dark"] .app-shell--analyst-profile > .app-main--analyst-profile { background: var(--system-dark-page, var(--bg)); }

html[data-theme="dark"] .perfil-page { --perfil-fundo: var(--system-dark-page, var(--bg)); --perfil-superficie: var(--card); --perfil-superficie-suave: var(--surface); --perfil-superficie-forte: var(--surface-hover); --perfil-texto-forte: var(--text); --perfil-texto: var(--text); --perfil-texto-suave: var(--text-2); --perfil-texto-sutil: var(--text-3); --perfil-linha: var(--border); --perfil-azul: var(--teal); --perfil-violeta: var(--ic-total-text); --perfil-verde: var(--ic-ok-text); --perfil-amarelo: var(--ic-wait-text); --perfil-perigo: var(--danger-text); --perfil-sucesso: var(--ic-ok-text); --perfil-sombra: 0 12px 28px rgb(0 0 0 / 24%); }

.perfil-page--funcao-gestao { --perfil-verde: var(--perfil-azul); --perfil-sucesso: var(--perfil-azul); }


.perfil-layout-barra-lateral, .perfil-layout-main { display: grid; align-content: start; gap: 12px; min-width: 0px; }

.perfil-layout-barra-lateral > :not(.perfil-pessoa), .perfil-layout-main { margin-inline: 12px; }

.perfil-pessoa { overflow: hidden; border: 0; border-radius: 0; }

.perfil-pessoa__capa { position: relative; height: 132px; background: linear-gradient(135deg, color-mix(in srgb, var(--perfil-azul) 28%, white), color-mix(in srgb, var(--perfil-verde) 26%, white)); }

.perfil-pessoa__capa-imagem, .perfil-pessoa__capa-padrao { display: block; width: 100%; height: 100%; }

.perfil-pessoa__capa-imagem { object-fit: cover; }

.perfil-pessoa__capa::after { position: absolute; inset: auto 0px 0px; height: 56px; background: linear-gradient(rgba(15, 23, 42, 0), rgba(15, 23, 42, 0.16)); content: ""; }

.perfil-pessoa__conteudo { position: relative; z-index: 1; display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: 12px; padding: 0px 14px 14px; }

.perfil-pessoa__foto { position: relative; z-index: 2; width: 72px; height: 72px; overflow: hidden; margin-top: -36px; border: 4px solid var(--perfil-superficie); border-radius: 50%; background: var(--perfil-superficie-suave); box-shadow: rgba(15, 23, 42, 0.14) 0px 10px 24px; }

.perfil-identidade__avatar.avatar { width: 100%; height: 100%; border: 0px; background: var(--perfil-superficie-suave); color: var(--perfil-azul); font-family: var(--perfil-fonte); font-size: 20px; font-weight: 700; box-shadow: none; }

.perfil-pessoa__texto { display: grid; gap: 3px; min-width: 0px; padding-top: 10px; }

.perfil-pessoa__texto h1 { overflow: hidden; margin: 0px; color: var(--perfil-texto-forte); font-size: 18px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; text-overflow: ellipsis; white-space: normal; }

.perfil-pessoa__texto > p { margin: 0px; color: var(--perfil-texto); font-size: 13px; font-weight: 500; line-height: 1.35; }

.perfil-pessoa__metadados { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 2px; color: var(--perfil-texto-suave); font-size: 12px; line-height: 1.3; }

.perfil-pessoa__metadados > span + span::before { margin-right: 6px; color: var(--perfil-texto-sutil); content: "-"; }

.perfil-pessoa__matricula, .perfil-pessoa__escopo { color: inherit; font: inherit; }

.perfil-pessoa__acoes { display: grid; grid-column: 1 / -1; gap: 8px; width: 100%; }

.perfil-pessoa__editar, .perfil-pessoa__sair { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 0px 12px; border: 1px solid var(--perfil-linha); border-radius: 10px; background: var(--perfil-superficie); color: var(--perfil-azul); width: 100%; font: 600 13px/1 var(--perfil-fonte); cursor: pointer; transition: background-color 150ms, border-color 150ms, color 150ms; }

.perfil-pessoa__editar .button-icon, .perfil-pessoa__sair .button-icon { font-size: 16px; }

.perfil-pessoa__sair { color: rgb(180, 35, 24); }

.perfil-pessoa__editar:hover, .perfil-pessoa__editar:focus-visible { border-color: color-mix(in srgb, var(--perfil-azul) 38%, var(--perfil-linha)); background: color-mix(in srgb, var(--perfil-azul) 6%, var(--perfil-superficie)); outline: none; }

.perfil-pessoa__sair:hover, .perfil-pessoa__sair:focus-visible { border-color: color-mix(in srgb, #b42318 36%, var(--perfil-linha)); background: color-mix(in srgb, #b42318 6%, var(--perfil-superficie)); outline: none; }


.perfil-painel { overflow: hidden; }

.perfil-painel__cabecalho { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 12px; padding: 16px 16px 8px; }

.perfil-painel__cabecalho > div { display: grid; gap: 2px; min-width: 0px; }

.perfil-painel__cabecalho h2 { margin: 0px; color: var(--perfil-texto-forte); font-size: 17px; font-weight: 700; letter-spacing: -0.015em; }

.perfil-painel__cabecalho p { margin: 0px; color: var(--perfil-texto-suave); font-size: 12px; }


.perfil-funcao-area-trabalho__rotulo { color: var(--perfil-violeta); font-size: 11px; font-weight: 600; letter-spacing: 0.03em; }


.perfil-funcao-area-trabalho__acoes { display: grid; margin: 0px 16px 18px; }

.perfil-funcao-area-trabalho__acao { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; min-height: 58px; padding: 11px 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--perfil-linha); background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }

.perfil-funcao-area-trabalho__acao-icone { color: var(--perfil-azul); font-size: 20px; }

.perfil-funcao-area-trabalho__acao > div { display: grid; gap: 2px; min-width: 0px; }

.perfil-funcao-area-trabalho__acao strong { color: var(--perfil-texto-forte); font-size: 13px; font-weight: 600; }

.perfil-funcao-area-trabalho__acao span { color: var(--perfil-texto-suave); font-size: 11px; overflow-wrap: anywhere; }

.perfil-funcao-area-trabalho__acao-seta { color: var(--perfil-texto-sutil); font-size: 17px; }


.perfil-configuracoes-surface { --perfil-configuracoes-fundo: #f5f7fb; --perfil-configuracoes-superficie: #ffffff; --perfil-configuracoes-texto-forte: #141a2a; --perfil-configuracoes-texto: #344054; --perfil-configuracoes-texto-suave: #667085; --perfil-configuracoes-linha: #e4e7ec; --perfil-configuracoes-azul: #2563eb; color: var(--perfil-configuracoes-texto); font-family: var(--perfil-fonte, Inter, "Segoe UI Variable", "Segoe UI", Roboto, sans-serif); }

html[data-theme="dark"] .perfil-configuracoes-surface { --perfil-configuracoes-fundo: var(--system-dark-page, var(--bg)); --perfil-configuracoes-superficie: var(--card); --perfil-configuracoes-texto-forte: var(--text); --perfil-configuracoes-texto: var(--text); --perfil-configuracoes-texto-suave: var(--text-2); --perfil-configuracoes-linha: var(--border); --perfil-configuracoes-azul: var(--teal); }

.perfil-configuracoes { width: 100vw; max-width: none; max-height: 100dvh; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; box-shadow: rgba(16, 24, 40, 0.24) 0px 28px 80px; }

.perfil-configuracoes__painel { overflow-y: auto; min-height: 100dvh; max-height: 100dvh; border-radius: 0px; background: var(--perfil-configuracoes-fundo); }

.perfil-configuracoes__cabecalho { position: sticky; top: 0px; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; border-bottom: 1px solid var(--perfil-configuracoes-linha); background: var(--perfil-configuracoes-superficie); }

.perfil-configuracoes__cabecalho > div { display: grid; gap: 3px; min-width: 0px; }

.perfil-configuracoes__cabecalho h2, .perfil-configuracoes__titulo h3 { margin: 0px; color: var(--perfil-configuracoes-texto-forte); font-weight: 700; }

.perfil-configuracoes__cabecalho h2 { font-size: 20px; letter-spacing: -0.02em; }

.perfil-configuracoes__cabecalho p, .perfil-configuracoes__titulo p { margin: 0px; color: var(--perfil-configuracoes-texto-suave); font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }

.perfil-configuracoes__secao { display: grid; gap: 16px; margin: 0px; padding: 16px; border: 1px solid var(--perfil-configuracoes-linha); border-radius: 16px; background: var(--perfil-configuracoes-superficie); }

.perfil-configuracoes .perfil-configuracoes__secao { margin: 10px; }

.perfil-configuracoes-inline { overflow: hidden; border: 1px solid var(--perfil-linha); border-radius: 16px; background: var(--perfil-configuracoes-fundo); }

.perfil-configuracoes-inline__cabecalho { display: grid; gap: 3px; padding: 16px 16px 10px; border-bottom: 1px solid var(--perfil-configuracoes-linha); background: var(--perfil-configuracoes-superficie); }

.perfil-configuracoes-inline__cabecalho h2 { margin: 0px; color: var(--perfil-configuracoes-texto-forte); font-size: 17px; font-weight: 700; letter-spacing: -0.015em; }

.perfil-configuracoes-inline__cabecalho p { margin: 0px; color: var(--perfil-configuracoes-texto-suave); font-size: 12px; line-height: 1.4; }

.perfil-configuracoes-inline__conteudo { display: grid; gap: 12px; padding: 12px; }

.perfil-page--funcao-gestao .perfil-opcao-capa.is-selected { box-shadow: 0 0 0 3px color-mix(in srgb, var(--perfil-configuracoes-azul) 12%, transparent); }

.perfil-configuracoes__titulo { display: grid; gap: 3px; }

.perfil-configuracoes__titulo h3 { font-size: 15px; }

.perfil-configuracoes__titulo--acao { display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; gap: 14px; }

.perfil-formulario, .perfil-formulario__campos { display: grid; gap: 14px; }

.perfil-formulario__campos { grid-template-columns: 1fr; }

.perfil-formulario__campos > .field { display: grid; gap: 6px; }

.perfil-campo-foto, .perfil-email-campo { grid-column: 1 / -1; }

/* Foto e email do Perfil: uma única definição, mobile-first e baseada nos tokens do domínio. */
.perfil-campo-foto__titulo { color: var(--perfil-configuracoes-texto); font-size: 11px; font-weight: 600; }

.perfil-campo-foto__controle { position: relative; display: grid; grid-template-columns: 60px minmax(0, 1fr); align-items: center; gap: 12px; width: 100%; min-height: 68px; padding: 5px 10px 5px 5px; border: 1px solid var(--perfil-configuracoes-linha); border-radius: 36px 12px 12px 36px; background: color-mix(in srgb, var(--perfil-configuracoes-superficie) 94%, var(--perfil-configuracoes-fundo)); cursor: pointer; transition: border-color 160ms, background-color 160ms, box-shadow 160ms, transform 160ms; }

.perfil-campo-foto__controle:hover, .perfil-campo-foto__controle:focus-within { border-color: color-mix(in srgb, var(--perfil-configuracoes-azul) 32%, var(--perfil-configuracoes-linha)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--perfil-configuracoes-azul) 10%, transparent); transform: translateY(-1px); }

.perfil-campo-foto__entrada { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }

.perfil-campo-foto__avatar { position: relative; display: grid; place-items: center; width: 56px; height: 56px; overflow: hidden; border: 1px solid var(--perfil-configuracoes-linha); border-radius: 50%; background: var(--perfil-configuracoes-fundo); color: var(--perfil-configuracoes-azul); font-size: 18px; }

.perfil-campo-foto__pre-visualizacao { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.perfil-campo-foto__pre-visualizacao[hidden], .perfil-campo-foto__espaco-reservado[hidden] { display: none; }

.perfil-campo-foto__espaco-reservado { color: var(--perfil-configuracoes-texto-suave); font-size: 22px; }

.perfil-campo-foto__camera { position: absolute; bottom: 4px; left: 43px; display: grid; place-items: center; width: 24px; height: 24px; border: 2px solid var(--perfil-configuracoes-superficie); border-radius: 50%; background: var(--perfil-configuracoes-azul); color: #ffffff; font-size: 12px; box-shadow: 0 6px 14px rgb(15 23 42 / 18%); }

.perfil-campo-foto__texto { display: grid; gap: 3px; min-width: 0; }

.perfil-campo-foto__texto strong { color: var(--perfil-configuracoes-texto-forte); font-size: 13px; font-weight: 700; }

.perfil-campo-foto__texto small { color: var(--perfil-configuracoes-texto-suave); font-size: 11px; font-weight: 600; }

.perfil-email-campo__estado { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }

.perfil-email-campo__selo { display: inline-flex; align-items: center; gap: 5px; width: fit-content; min-height: 23px; padding: 3px 8px; border-radius: 999px; color: var(--perfil-configuracoes-texto-suave); font-size: 11px; font-weight: 700; line-height: 1; }

.perfil-email-campo__selo--verificado { background: color-mix(in srgb, var(--perfil-verde, #0f766e) 10%, transparent); color: var(--perfil-verde, #0f766e); }

.perfil-email-campo__selo--pendente { background: color-mix(in srgb, var(--perfil-amarelo, #b7791f) 16%, transparent); color: var(--perfil-amarelo, #b7791f); }

.perfil-email-campo__verificar { padding: 2px 0; border: 0; background: transparent; color: var(--perfil-configuracoes-azul); font: 600 11px/1.3 var(--perfil-fonte, sans-serif); cursor: pointer; }

.perfil-email-campo__verificar:hover, .perfil-email-campo__verificar:focus-visible { text-decoration: underline; text-underline-offset: 3px; outline: none; }

.perfil-email-campo__ajuda { color: var(--perfil-configuracoes-texto-suave); font-size: 11px; line-height: 1.4; }

.perfil-cartao__acoes { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; padding-top: 2px; }

.perfil-configuracoes-surface .button, .perfil-configuracoes-surface .secondary-button { min-height: 40px; padding: 0px 13px; border-radius: 10px; font: 600 12px/1 var(--perfil-fonte, sans-serif); box-shadow: none; }

.perfil-configuracoes-surface .button { border: 1px solid var(--perfil-configuracoes-azul); background: var(--perfil-configuracoes-azul); color: rgb(255, 255, 255); }

.perfil-configuracoes-surface .secondary-button { border: 1px solid var(--perfil-configuracoes-linha); background: var(--perfil-configuracoes-superficie); color: var(--perfil-configuracoes-azul); }

.perfil-configuracoes-surface .button:hover, .perfil-configuracoes-surface .button:focus-visible, .perfil-configuracoes-surface .secondary-button:hover, .perfil-configuracoes-surface .secondary-button:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--perfil-configuracoes-azul) 12%, transparent); outline: none; }

.perfil-configuracoes-surface .secondary-button:hover, .perfil-configuracoes-surface .secondary-button:focus-visible { border-color: color-mix(in srgb, var(--perfil-configuracoes-azul) 38%, var(--perfil-configuracoes-linha)); background: color-mix(in srgb, var(--perfil-configuracoes-azul) 6%, var(--perfil-configuracoes-superficie)); }

.perfil-seguranca-vazio { display: flex; align-items: center; gap: 8px; min-height: 48px; color: var(--perfil-configuracoes-texto-suave); font-size: 11px; }

@media (min-width: 700px) {
  .perfil-page { width: min(100%, 1040px); gap: 14px; padding: 0px 0px 28px; }
  .perfil-pessoa { border: 1px solid var(--perfil-linha); border-radius: 18px; }
  .perfil-pessoa__capa { height: 156px; }
  .perfil-pessoa__conteudo { grid-template-columns: 84px minmax(0, 1fr) auto; gap: 18px; padding: 0px 20px 20px; }
  .perfil-pessoa__foto { width: 84px; height: 84px; margin-top: -42px; }
  .perfil-pessoa__texto h1 { font-size: 23px; }
  .perfil-pessoa__texto > p { font-size: 14px; }
  .perfil-pessoa__acoes { grid-column: auto; width: auto; min-width: 156px; }
  .perfil-pessoa__editar, .perfil-pessoa__sair { width: 100%; align-self: center; }
  .perfil-painel__cabecalho { padding-inline: 24px; }
  
  
  
  
  
  
  
  
  
  
  .perfil-configuracoes { width: min(94vw, 720px); max-width: 720px; max-height: min(92dvh, 860px); margin: auto; border-radius: 20px; }
  .perfil-configuracoes__painel { min-height: 0px; max-height: min(92dvh, 860px); border-radius: inherit; }
  .perfil-configuracoes .perfil-configuracoes__secao { margin: 12px; padding: 20px; }
  .perfil-configuracoes-inline__cabecalho { padding: 20px 20px 12px; }
  .perfil-configuracoes-inline__conteudo { padding: 12px; }
  .perfil-configuracoes-inline .perfil-configuracoes__secao { padding: 20px; }
  .perfil-configuracoes__titulo--acao { align-items: center; flex-direction: row; }
}

@media (min-width: 1200px) {
  .perfil-page { grid-template-columns: 300px minmax(0, 1fr); gap: 18px; width: min(100%, 1200px); align-items: start; }
  .perfil-layout-barra-lateral > :not(.perfil-pessoa), .perfil-layout-main { margin-inline: 0px; }
  .perfil-pessoa { border-radius: 18px; }
  .perfil-layout-barra-lateral, .perfil-layout-main { gap: 14px; }
  .perfil-pessoa__capa { height: 168px; }
  .perfil-pessoa__conteudo { grid-template-columns: 96px minmax(0, 1fr); gap: 14px; padding: 0px 24px 24px; }
  .perfil-pessoa__foto { width: 96px; height: 96px; margin-top: -48px; }
  .perfil-pessoa__texto { width: 100%; }
  .perfil-pessoa__texto h1 { font-size: 24px; white-space: normal; }
  .perfil-pessoa__acoes { grid-column: 1 / -1; width: 100%; margin-top: 4px; }
  .perfil-page--gestao { width: min(100%, 1240px); }
}

.perfil-formulario__campo--full { grid-column: 1 / -1; }

.perfil-campo-capa { display: grid; gap: 10px; }

.perfil-campo-capa__cabecalho { display: grid; gap: 3px; }

.perfil-campo-capa__titulo { color: var(--perfil-configuracoes-texto-suave); font-size: 11px; font-weight: 600; }

.perfil-campo-capa__cabecalho small, .perfil-campo-capa__estado { color: var(--perfil-configuracoes-texto-suave); font-size: 11px; font-weight: 600; }

.perfil-campo-capa__pre-visualizacao-conteiner { position: relative; width: min(100%, 420px); height: 120px; overflow: hidden; border: 1px solid var(--perfil-configuracoes-linha); border-radius: 16px; background: linear-gradient(135deg, color-mix(in srgb, var(--perfil-configuracoes-azul) 10%, transparent), color-mix(in srgb, var(--perfil-violeta) 8%, transparent)); box-shadow: rgba(15, 23, 42, 0.07) 0px 12px 28px; }

.perfil-campo-capa__pre-visualizacao, .perfil-campo-capa__espaco-reservado { width: 100%; height: 100%; }

.perfil-campo-capa__pre-visualizacao { display: block; object-fit: cover; }

.perfil-campo-capa__pre-visualizacao[hidden], .perfil-campo-capa__espaco-reservado[hidden] { display: none; }

.perfil-campo-capa__espaco-reservado { display: grid; place-items: center; gap: 6px; color: var(--perfil-configuracoes-azul); font-size: 12px; font-weight: 700; }

.perfil-campo-capa__espaco-reservado .ti { font-size: 22px; }

.perfil-campo-capa__ferramentas { display: flex; flex-wrap: wrap; gap: 8px; }

.perfil-campo-capa__envio { position: relative; overflow: hidden; }

.perfil-campo-capa__entrada { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); white-space: nowrap; }

.perfil-campo-capa__opcoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(86px, 1fr)); gap: 8px; width: min(100%, 520px); }

.perfil-opcao-capa { display: grid; gap: 6px; padding: 6px; border: 1px solid var(--perfil-configuracoes-linha); border-radius: 14px; background: var(--perfil-configuracoes-superficie); color: var(--perfil-configuracoes-texto); font: 600 11px/1.25 var(--perfil-fonte); cursor: pointer; transition: border-color 150ms, box-shadow 150ms, transform 150ms, background-color 150ms; }

.perfil-opcao-capa img { display: block; width: 100%; height: 56px; border-radius: 10px; object-fit: cover; }

.perfil-opcao-capa span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.perfil-opcao-capa:hover, .perfil-opcao-capa:focus-visible { border-color: color-mix(in srgb, var(--perfil-configuracoes-azul) 32%, var(--perfil-configuracoes-linha)); box-shadow: rgba(15, 23, 42, 0.08) 0px 10px 22px; transform: translateY(-1px); outline: none; }

.perfil-opcao-capa.is-selected { border-color: color-mix(in srgb, var(--perfil-configuracoes-azul) 60%, var(--perfil-configuracoes-superficie)); background: color-mix(in srgb, var(--perfil-configuracoes-azul) 8%, var(--perfil-configuracoes-superficie)); box-shadow: rgba(0, 126, 123, 0.1) 0px 0px 0px 3px; }

html[data-theme="dark"] .perfil-campo-foto__controle { border-color: var(--perfil-configuracoes-linha); background: var(--perfil-configuracoes-superficie); box-shadow: 0 18px 44px rgb(0 0 0 / 18%); }

html[data-theme="dark"] .perfil-campo-foto__avatar { border-color: var(--perfil-configuracoes-linha); background: var(--perfil-configuracoes-fundo); }

/* Componentes visuais exclusivos do Perfil. */
.perfil-pessoa, .perfil-revezamento-lista-cartao, .perfil-painel { min-width: 0px; border: 1px solid var(--perfil-linha); border-radius: 16px; background: var(--perfil-superficie); box-shadow: none; }

.perfil-revezamento-lista-cartao { overflow: hidden; }

.perfil-configuracoes::backdrop { background: rgba(15, 23, 42, 0.52); backdrop-filter: blur(3px); }

.perfil-formulario__campos > .field > label, .perfil-formulario__campos > .field > .perfil-campo-foto__titulo, .perfil-senha-formulario .field > label { color: var(--perfil-configuracoes-texto); font-size: 12px; font-weight: 600; }

.perfil-formulario__campos input, .perfil-senha-formulario input { width: 100%; min-height: 42px; padding: 0px 11px; border: 1px solid var(--perfil-configuracoes-linha); border-radius: 10px; background: var(--perfil-configuracoes-superficie); color: var(--perfil-configuracoes-texto-forte); font: 13px/1.2 var(--perfil-fonte, sans-serif); }

.perfil-formulario__campos input:focus, .perfil-senha-formulario input:focus { border-color: var(--perfil-configuracoes-azul); box-shadow: 0 0 0 3px color-mix(in srgb, var(--perfil-configuracoes-azul) 12%, transparent); outline: none; }

/* Recuperação de acesso e verificação de email */

.perfil-senha-formulario__campos { display: grid; grid-template-columns: 1fr; gap: 12px; }

.perfil-senha-formulario .field { display: grid; gap: 6px; }

.perfil-senha-formulario > .secondary-button { width: 100%; justify-self: stretch; }

.perfil-passkey-lista { display: grid; margin: 0px; padding: 0px; list-style: none; }

.perfil-passkey { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px 0px; border-top: 1px solid var(--perfil-configuracoes-linha); }

.perfil-passkey__icone { color: var(--perfil-configuracoes-azul); font-size: 19px; }

.perfil-passkey__texto { display: grid; gap: 2px; min-width: 0px; }

.perfil-passkey__texto strong { color: var(--perfil-configuracoes-texto-forte); font-size: 12px; font-weight: 600; }

.perfil-passkey__texto span { color: var(--perfil-configuracoes-texto-suave); font-size: 11px; overflow-wrap: anywhere; }

.perfil-passkey__remover { display: inline-flex; align-items: center; gap: 5px; padding: 0px; border: 0px; background: transparent; color: var(--perfil-perigo, #b42318); font: 600 11px/1.2 var(--perfil-fonte, sans-serif); cursor: pointer; }

@media (min-width: 700px) {
  .perfil-pessoa, .perfil-revezamento-lista-cartao, .perfil-painel { border-radius: 18px; box-shadow: var(--perfil-sombra); }
  .perfil-formulario__campos, .perfil-senha-formulario__campos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .perfil-senha-formulario > .secondary-button { width: auto; justify-self: end; }
}


.perfil-revezamento-individual,
.perfil-orientacao-cartao {
  --perfil-operacional-acao: var(--perfil-azul);
  --perfil-operacional-acao-hover: color-mix(in srgb, var(--perfil-azul) 88%, #000000);
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--perfil-linha);
  border-radius: 16px;
  background: var(--perfil-superficie);
  box-shadow: none;
}

.perfil-revezamento-individual__cabecalho {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 16px 16px 14px;
}

.perfil-revezamento-individual__cabecalho h2 {
  margin: 0;
  color: var(--perfil-texto-forte);
  font-size: 18px;
  font-weight: 720;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.perfil-revezamento-individual__icone {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border-radius: 10px;
  background: color-mix(in srgb, var(--perfil-azul) 10%, var(--perfil-superficie));
  color: var(--perfil-azul);
  font-size: 19px;
}

.perfil-revezamento-individual__status {
  display: flex;
  justify-content: flex-end;
  min-width: 0;
}

.perfil-revezamento-individual__status .status-pill {
  min-height: 28px;
  padding-inline: 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 650;
}

.perfil-revezamento-individual__conteudo {
  min-width: 0;
  padding: 0 14px 14px;
}

.perfil-revezamento-individual .revezamento-lista-list-card {
  width: 100%;
  min-width: 0;
  gap: 0;
  background: transparent;
}

.perfil-revezamento-individual .revezamento-lista-pessoa--profile,
.perfil-revezamento-individual .revezamento-lista-pessoa--profile.revezamento-lista-pessoa--pending,
.perfil-revezamento-individual .revezamento-lista-pessoa--profile.revezamento-lista-pessoa--progress,
.perfil-revezamento-individual .revezamento-lista-pessoa--profile.revezamento-lista-pessoa--done,
.perfil-revezamento-individual .revezamento-lista-pessoa--profile:hover,
.perfil-revezamento-individual .revezamento-lista-pessoa--profile.revezamento-lista-pessoa--pending:hover,
.perfil-revezamento-individual .revezamento-lista-pessoa--profile.revezamento-lista-pessoa--progress:hover,
.perfil-revezamento-individual .revezamento-lista-pessoa--profile.revezamento-lista-pessoa--done:hover {
  width: 100%;
  min-width: 0;
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

/* Até o breakpoint desktop, o card do Revezamento já é a grade de 12 colunas.
   O conteúdo interno precisa continuar transparente à grade para ocupar toda a largura. */
.perfil-revezamento-individual .revezamento-lista-pessoa--profile .revezamento-lista-pessoa__main {
  display: contents;
}

.perfil-revezamento-individual .revezamento-lista-status-compacto {
  display: none;
}

.perfil-revezamento-individual .revezamento-lista-local-control {
  grid-area: 1 / 1 / auto / 13;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--perfil-linha);
  border-radius: 12px;
  background: var(--perfil-superficie-suave);
}

.perfil-revezamento-individual .revezamento-lista-local-select {
  display: none;
}

.perfil-revezamento-individual .revezamento-lista-local-picker {
  display: block;
  width: 100%;
  min-width: 0;
}

.perfil-revezamento-individual .revezamento-lista-local-picker__trigger {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 3px;
  width: 100%;
  min-width: 0;
  min-height: 62px;
  padding: 10px 14px;
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  box-shadow: none;
  cursor: pointer;
}

.perfil-revezamento-individual .revezamento-lista-local-picker__trigger:hover {
  background: color-mix(in srgb, var(--perfil-azul) 4%, var(--perfil-superficie-suave));
}

.perfil-revezamento-individual .revezamento-lista-local-picker__trigger:focus-visible {
  background: color-mix(in srgb, var(--perfil-azul) 5%, var(--perfil-superficie-suave));
  outline: 2px solid color-mix(in srgb, var(--perfil-azul) 45%, transparent);
  outline-offset: -2px;
}

.perfil-revezamento-individual .revezamento-lista-local-picker__label {
  color: var(--perfil-texto-suave);
  font-size: 11px;
  font-weight: 550;
  line-height: 1.2;
}

.perfil-revezamento-individual .revezamento-lista-local-picker__content {
  display: block;
  width: 100%;
  min-width: 0;
}

.perfil-revezamento-individual .revezamento-lista-local-picker__value {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  color: var(--perfil-texto-forte);
  font-size: 17px;
  font-weight: 720;
  letter-spacing: -0.015em;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.perfil-revezamento-individual .revezamento-lista-horario {
  display: grid;
  grid-template-rows: auto auto auto;
  align-content: center;
  justify-items: center;
  gap: 4px;
  min-width: 0;
  min-height: 76px;
  margin-top: 10px;
  padding: 8px 3px;
  border-block: 1px solid var(--perfil-linha);
  border-left: 1px solid var(--perfil-linha);
  border-radius: 0;
  background: var(--perfil-superficie);
  text-align: center;
  box-shadow: none;
}

.perfil-revezamento-individual .revezamento-lista-horario[data-field="liberado"] {
  grid-area: 2 / 1 / auto / 4;
  border-radius: 10px 0 0 10px;
}

.perfil-revezamento-individual .revezamento-lista-horario[data-field="inicio"] { grid-area: 2 / 4 / auto / 7; }
.perfil-revezamento-individual .revezamento-lista-horario[data-field="fim"] { grid-area: 2 / 7 / auto / 10; }

.perfil-revezamento-individual .revezamento-lista-horario[data-field="retorno"] {
  grid-area: 2 / 10 / auto / 13;
  border-right: 1px solid var(--perfil-linha);
  border-radius: 0 10px 10px 0;
}

.perfil-revezamento-individual .revezamento-lista-horario--button:hover {
  background: color-mix(in srgb, var(--perfil-azul) 4%, var(--perfil-superficie));
}

.perfil-revezamento-individual .revezamento-lista-horario--button:focus-visible {
  position: relative;
  z-index: 1;
  background: color-mix(in srgb, var(--perfil-azul) 5%, var(--perfil-superficie));
  outline: 2px solid color-mix(in srgb, var(--perfil-azul) 42%, transparent);
  outline-offset: -2px;
  box-shadow: none;
}

.perfil-revezamento-individual .revezamento-lista-horario__icon {
  display: inline-grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border-radius: 7px;
  font-size: 14px;
}

.perfil-revezamento-individual .revezamento-lista-horario[data-field="liberado"] .revezamento-lista-horario__icon {
  background: color-mix(in srgb, var(--perfil-sucesso) 11%, transparent);
  color: var(--perfil-sucesso);
}

.perfil-revezamento-individual .revezamento-lista-horario[data-field="inicio"] .revezamento-lista-horario__icon {
  background: color-mix(in srgb, var(--perfil-perigo) 9%, transparent);
  color: var(--perfil-perigo);
}

.perfil-revezamento-individual .revezamento-lista-horario[data-field="fim"] .revezamento-lista-horario__icon {
  background: var(--perfil-superficie-forte);
  color: var(--perfil-texto-suave);
}

.perfil-revezamento-individual .revezamento-lista-horario[data-field="retorno"] .revezamento-lista-horario__icon {
  background: color-mix(in srgb, var(--perfil-violeta) 10%, transparent);
  color: var(--perfil-violeta);
}

.perfil-revezamento-individual .revezamento-lista-horario__label {
  color: var(--perfil-texto-suave);
  font-size: 10.5px;
  font-weight: 560;
  line-height: 1.15;
}

.perfil-revezamento-individual .revezamento-lista-horario__value,
.perfil-revezamento-individual .revezamento-lista-horario[data-field="inicio"] .revezamento-lista-horario__value,
.perfil-revezamento-individual .revezamento-lista-horario[data-field="fim"] .revezamento-lista-horario__value {
  max-width: 100%;
  overflow: hidden;
  color: var(--perfil-texto-forte);
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.perfil-revezamento-individual .revezamento-lista-actions {
  grid-area: 3 / 1 / auto / 13;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  gap: 8px;
  width: 100%;
  min-width: 0;
  margin-top: 12px;
}

.perfil-revezamento-individual .revezamento-lista-actions .secondary-button {
  width: 100%;
}

.perfil-revezamento-individual .revezamento-lista-botao-acao {
  min-height: 48px;
  margin: 0;
  border: 1px solid var(--perfil-linha);
  border-radius: 12px;
  background: var(--perfil-superficie);
  color: var(--perfil-texto);
  font-size: 13px;
  font-weight: 650;
  box-shadow: none;
}

.perfil-revezamento-individual .revezamento-lista-botao-acao--start {
  border-color: var(--perfil-operacional-acao);
  background: var(--perfil-operacional-acao);
  color: #ffffff;
}

.perfil-revezamento-individual .revezamento-lista-botao-acao--start:hover,
.perfil-revezamento-individual .revezamento-lista-botao-acao--start:focus-visible {
  border-color: var(--perfil-operacional-acao-hover);
  background: var(--perfil-operacional-acao-hover);
  color: #ffffff;
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--perfil-azul) 14%, transparent);
}

.perfil-revezamento-individual .revezamento-lista-botao-acao--started {
  border-color: color-mix(in srgb, var(--perfil-sucesso) 24%, var(--perfil-linha));
  background: color-mix(in srgb, var(--perfil-sucesso) 8%, var(--perfil-superficie));
  color: var(--perfil-sucesso);
  cursor: default;
}

.perfil-revezamento-individual .revezamento-lista-botao-acao--edit {
  width: 48px;
  min-width: 48px;
  padding: 0;
  justify-self: end;
  color: var(--perfil-texto-suave);
}

.perfil-revezamento-individual .revezamento-lista-botao-acao--edit:hover,
.perfil-revezamento-individual .revezamento-lista-botao-acao--edit:focus-visible {
  border-color: color-mix(in srgb, var(--perfil-azul) 34%, var(--perfil-linha));
  background: color-mix(in srgb, var(--perfil-azul) 5%, var(--perfil-superficie));
  color: var(--perfil-azul);
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--perfil-azul) 10%, transparent);
}

.perfil-orientacao-cartao__cabecalho {
  padding: 16px 16px 10px;
}

.perfil-orientacao-cartao__cabecalho h2 {
  margin: 0;
  color: var(--perfil-texto-forte);
  font-size: 18px;
  font-weight: 720;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.perfil-orientacao-cartao__conteudo {
  padding: 0 16px 16px;
}

.perfil-orientacao-cartao__mensagem {
  display: flex;
  align-items: center;
  min-height: 58px;
  margin: 0;
  padding: 13px 14px;
  border: 1px solid var(--perfil-linha);
  border-radius: 12px;
  background: var(--perfil-superficie-suave);
  color: var(--perfil-texto-forte);
  font-size: 14px;
  font-weight: 540;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.perfil-orientacao-cartao--vazio .perfil-orientacao-cartao__mensagem {
  color: var(--perfil-texto-suave);
}

@media (min-width: 700px) {
  /* O Perfil operacional não cresce junto com a viewport: em tablet/desktop,
     Revezamento e Direcionamento ficam em uma coluna de leitura compacta. */
  .perfil-page--operacional .perfil-layout-main {
    width: min(100%, 720px);
    justify-self: center;
  }

  .perfil-page--operacional .perfil-revezamento-individual {
    width: 100%;
  }

  .perfil-page--operacional .perfil-orientacao-cartao {
    width: min(100%, 560px);
    justify-self: start;
  }

  .perfil-revezamento-individual,
  .perfil-orientacao-cartao {
    border-radius: 16px;
    box-shadow: var(--perfil-sombra);
  }

  .perfil-revezamento-individual__cabecalho { display: none; }

  .perfil-revezamento-individual__conteudo { padding: 12px; }

  .perfil-revezamento-individual .revezamento-lista-pessoa--profile,
  .perfil-revezamento-individual .revezamento-lista-pessoa--profile.revezamento-lista-pessoa--pending,
  .perfil-revezamento-individual .revezamento-lista-pessoa--profile.revezamento-lista-pessoa--progress,
  .perfil-revezamento-individual .revezamento-lista-pessoa--profile.revezamento-lista-pessoa--done,
  .perfil-revezamento-individual .revezamento-lista-pessoa--profile:hover {
    gap: 10px 6px;
    padding: 10px;
    border: 0;
    border-radius: 12px;
    background: var(--perfil-superficie);
  }

  .perfil-revezamento-individual .revezamento-lista-status-compacto {
    grid-area: 1 / 1 / auto / 9;
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .perfil-revezamento-individual .revezamento-lista-status-compacto .status-pill {
    min-height: 26px;
    padding: 4px 9px;
    background: var(--revezamento-lista-status-bg, transparent);
    color: var(--revezamento-lista-status-color, var(--perfil-texto));
    font-size: 11px;
    font-weight: 700;
  }

  .perfil-revezamento-individual .revezamento-lista-status-compacto .status-pill__dot {
    width: 6px;
    height: 6px;
    box-shadow: none;
  }

  .perfil-revezamento-individual .revezamento-lista-local-control {
    grid-area: 1 / 9 / auto / 13;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .perfil-revezamento-individual .revezamento-lista-local-picker__trigger {
    justify-items: center;
    gap: 2px;
    min-height: 30px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    text-align: center;
    box-shadow: none;
  }

  .perfil-revezamento-individual .revezamento-lista-local-picker__label,
  .perfil-revezamento-individual .revezamento-lista-local-picker__value {
    color: var(--perfil-texto-suave);
    font-size: 11px;
  }

  .perfil-revezamento-individual .revezamento-lista-local-picker__value {
    color: var(--perfil-texto-forte);
    font-weight: 700;
  }

  .perfil-revezamento-individual .revezamento-lista-horario {
    grid-template-rows: auto auto;
    gap: 2px;
    min-height: 44px;
    margin-top: 0;
    padding: 7px 8px;
    border: 1px solid var(--perfil-linha);
    border-radius: 9px;
    background: var(--perfil-superficie-suave);
    box-shadow: none;
  }

  .perfil-revezamento-individual .revezamento-lista-horario[data-field="liberado"] { grid-area: 2 / 1 / auto / 4; }
  .perfil-revezamento-individual .revezamento-lista-horario[data-field="inicio"] { grid-area: 2 / 4 / auto / 7; }
  .perfil-revezamento-individual .revezamento-lista-horario[data-field="fim"] { grid-area: 2 / 7 / auto / 10; }
  .perfil-revezamento-individual .revezamento-lista-horario[data-field="retorno"] { grid-area: 2 / 10 / auto / 13; }

  .perfil-revezamento-individual .revezamento-lista-horario__icon { display: none; }

  .perfil-revezamento-individual .revezamento-lista-horario__label {
    color: var(--perfil-texto-suave);
    font-size: 11px;
    font-weight: 650;
  }

  .perfil-revezamento-individual .revezamento-lista-horario__value,
  .perfil-revezamento-individual .revezamento-lista-horario[data-field="inicio"] .revezamento-lista-horario__value,
  .perfil-revezamento-individual .revezamento-lista-horario[data-field="fim"] .revezamento-lista-horario__value {
    font-size: 12px;
    font-weight: 700;
  }

  .perfil-revezamento-individual .revezamento-lista-actions {
    grid-area: 3 / 1 / auto / 7;
    display: flex;
    gap: 6px;
    width: auto;
    margin-top: 0;
  }

  .perfil-revezamento-individual .revezamento-lista-botao-acao {
    min-height: 38px;
    border-color: var(--perfil-linha);
    border-radius: 9px;
    background: var(--perfil-superficie);
    color: var(--perfil-texto);
    font-size: 11px;
    font-weight: 600;
    box-shadow: none;
  }

  .perfil-revezamento-individual .revezamento-lista-botao-acao--start,
  .perfil-revezamento-individual .revezamento-lista-botao-acao--started {
    border-color: var(--perfil-linha);
    background: var(--perfil-superficie);
    color: var(--perfil-texto);
  }

  .perfil-revezamento-individual .revezamento-lista-botao-acao--edit {
    width: auto;
    min-width: 0;
    padding-inline: 7px;
  }

  .perfil-orientacao-cartao__cabecalho {
    min-height: 50px;
    padding: 12px 14px 8px;
  }

  .perfil-orientacao-cartao__cabecalho h2 {
    font-size: 14px;
    font-weight: 700;
  }

  .perfil-orientacao-cartao__conteudo {
    padding: 0 14px 14px;
  }

  .perfil-orientacao-cartao__mensagem {
    min-height: 48px;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 550;
  }
}

@media (min-width: 1200px) {
  /* No desktop, a coluna operacional continua compacta ao lado da identidade.
     O conteúdo não vira uma faixa horizontal só porque existe espaço disponível. */
  .perfil-page--operacional {
    grid-template-columns: 300px minmax(0, 700px);
    width: min(100%, 1018px);
  }

  .perfil-page--operacional .perfil-layout-main {
    width: 100%;
    justify-self: stretch;
  }

  .perfil-page--operacional .perfil-revezamento-individual .revezamento-lista-pessoa--profile .revezamento-lista-pessoa__main {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: center;
    gap: 10px 6px;
    padding: 2px;
  }
}

/* Perfil — edição operacional no mesmo padrão visual do aplicativo */

.perfil-revezamento-lista-edicao { --perfil-edicao-fundo: #f5f7fb; --perfil-edicao-superficie: #ffffff; --perfil-edicao-superficie-suave: #f8fafc; --perfil-edicao-texto-forte: #141a2a; --perfil-edicao-texto: #344054; --perfil-edicao-texto-suave: #667085; --perfil-edicao-linha: #e4e7ec; --perfil-edicao-azul: #2563eb; width: 100vw; max-width: none; max-height: 100dvh; margin: 0px; padding: 0px; border: 0; border-radius: 0; background: transparent; color: var(--perfil-edicao-texto); font-family: Inter, "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; box-shadow: rgba(16, 24, 40, 0.24) 0px 28px 80px; }

html[data-theme="dark"] .perfil-revezamento-lista-edicao { --perfil-edicao-fundo: var(--system-dark-page, var(--bg)); --perfil-edicao-superficie: var(--card); --perfil-edicao-superficie-suave: var(--surface); --perfil-edicao-texto-forte: var(--text); --perfil-edicao-texto: var(--text); --perfil-edicao-texto-suave: var(--text-2); --perfil-edicao-linha: var(--border); --perfil-edicao-azul: var(--teal); }

.perfil-revezamento-lista-edicao::backdrop { background: rgba(15, 23, 42, 0.52); backdrop-filter: blur(3px); }

.perfil-revezamento-lista-edicao__painel { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; min-height: 100dvh; max-height: 100dvh; border-radius: 0px; background: var(--perfil-edicao-fundo); }

.perfil-revezamento-lista-edicao__cabecalho { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; border-bottom: 1px solid var(--perfil-edicao-linha); background: var(--perfil-edicao-superficie); }

.perfil-revezamento-lista-edicao__titulo { display: grid; gap: 3px; min-width: 0px; }

.perfil-revezamento-lista-edicao__titulo-marca, .perfil-revezamento-lista-edicao__rotulo { display: none; }

.perfil-revezamento-lista-edicao__cabecalho h3 { margin: 0px; color: var(--perfil-edicao-texto-forte); font-size: 20px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; }

.perfil-revezamento-lista-edicao__cabecalho p { overflow: hidden; margin: 0px; color: var(--perfil-edicao-texto-suave); font-size: 12px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }

.perfil-revezamento-lista-edicao__fechar { display: inline-grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto; padding: 0px; border: 1px solid var(--perfil-edicao-linha); border-radius: 50%; background: var(--perfil-edicao-superficie); color: var(--perfil-edicao-texto-forte); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 18px; cursor: pointer; }

.perfil-revezamento-lista-edicao__fechar:hover, .perfil-revezamento-lista-edicao__fechar:focus-visible { border-color: color-mix(in srgb, var(--perfil-edicao-azul) 36%, var(--perfil-edicao-linha)); color: var(--perfil-edicao-azul); outline: none; }

.perfil-revezamento-lista-edicao__conteudo { overflow-y: auto; min-height: 0px; padding: 12px; }

.perfil-revezamento-lista-edicao__secao { overflow: hidden; border: 1px solid var(--perfil-edicao-linha); border-radius: 16px; background: var(--perfil-edicao-superficie); }

.perfil-revezamento-lista-edicao__secao + .perfil-revezamento-lista-edicao__secao { margin-top: 12px; }

.perfil-revezamento-lista-edicao__secao-cabecalho { display: grid; gap: 3px; padding: 18px 18px 0px; }

.perfil-revezamento-lista-edicao__secao-cabecalho > span { display: none; }

.perfil-revezamento-lista-edicao__secao-cabecalho > div { display: grid; gap: 3px; }

.perfil-revezamento-lista-edicao__secao-cabecalho strong { color: var(--perfil-edicao-texto-forte); font-size: 14px; font-weight: 700; line-height: 1.2; text-transform: none; }

.perfil-revezamento-lista-edicao__secao-cabecalho small { color: var(--perfil-edicao-texto-suave); font-size: 11px; line-height: 1.35; }

.perfil-revezamento-lista-edicao__grade, .perfil-revezamento-lista-edicao__justificativas { display: grid; gap: 12px; padding: 16px 18px 18px; }

.perfil-revezamento-lista-edicao__grade, .perfil-revezamento-lista-edicao__justificativas { grid-template-columns: 1fr; }

.perfil-revezamento-lista-edicao__campo { display: grid; align-content: start; gap: 6px; min-width: 0px; }

.perfil-revezamento-lista-edicao__rotulo { display: flex; align-items: center; gap: 6px; color: var(--perfil-edicao-texto); font-size: 12px; font-weight: 600; line-height: 1.2; }

.perfil-revezamento-lista-edicao__rotulo i { color: var(--perfil-edicao-azul); font-size: 15px; }

.perfil-revezamento-lista-edicao__campo select, .perfil-revezamento-lista-edicao__campo input, .perfil-revezamento-lista-edicao__campo textarea { width: 100%; min-width: 0px; border: 1px solid var(--perfil-edicao-linha); border-radius: 10px; background: var(--perfil-edicao-superficie); color: var(--perfil-edicao-texto-forte); font: 13px / 1.35 Inter, "Segoe UI Variable", "Segoe UI", Roboto, sans-serif; }

.perfil-revezamento-lista-edicao__campo select, .perfil-revezamento-lista-edicao__campo input { min-height: 42px; padding: 0px 10px; }

.perfil-revezamento-lista-edicao__campo input[type="time"] { font-variant-numeric: tabular-nums; }

.perfil-revezamento-lista-edicao__campo textarea { min-height: 86px; padding: 10px 11px; resize: vertical; }

.perfil-revezamento-lista-edicao__campo textarea::placeholder { color: var(--perfil-edicao-texto-suave); }

.perfil-revezamento-lista-edicao__campo select:focus, .perfil-revezamento-lista-edicao__campo input:focus, .perfil-revezamento-lista-edicao__campo textarea:focus { border-color: var(--perfil-edicao-azul); box-shadow: 0 0 0 3px color-mix(in srgb, var(--perfil-edicao-azul) 12%, transparent); outline: none; }

.perfil-revezamento-lista-edicao__acoes { display: grid; grid-template-columns: 1fr 1fr; justify-content: stretch; gap: 8px; padding: 14px 18px 18px; border-top: 1px solid var(--perfil-edicao-linha); background: var(--perfil-edicao-superficie); }

.perfil-revezamento-lista-edicao__cancelar, .perfil-revezamento-lista-edicao__salvar { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 0px 14px; border-radius: 10px; font: 600 13px / 1 Inter, "Segoe UI Variable", "Segoe UI", Roboto, sans-serif; cursor: pointer; }

.perfil-revezamento-lista-edicao__cancelar { border: 1px solid var(--perfil-edicao-linha); background: var(--perfil-edicao-superficie); color: var(--perfil-edicao-texto); }

.perfil-revezamento-lista-edicao__salvar { border: 1px solid var(--perfil-edicao-azul); background: var(--perfil-edicao-azul); color: rgb(255, 255, 255); }

.perfil-revezamento-lista-edicao__cancelar:hover, .perfil-revezamento-lista-edicao__cancelar:focus-visible, .perfil-revezamento-lista-edicao__salvar:hover, .perfil-revezamento-lista-edicao__salvar:focus-visible { filter: brightness(0.97); outline: none; }

@media (min-width: 700px) {
  .perfil-revezamento-lista-edicao { width: min(94vw, 680px); max-width: 680px; max-height: min(92dvh, 820px); margin: auto; border-radius: 20px; }
  .perfil-revezamento-lista-edicao__painel { min-height: 0px; max-height: min(92dvh, 820px); border-radius: inherit; }
  .perfil-revezamento-lista-edicao__grade { grid-template-columns: minmax(150px, 1.2fr) repeat(3, minmax(0, 1fr)); }
  .perfil-revezamento-lista-edicao__justificativas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .perfil-revezamento-lista-edicao__acoes { display: flex; grid-template-columns: none; justify-content: flex-end; }
}