:root{
    /* Paleta base (ajustes finos em custom.css quando precisar) */
    --ink: #1B1B1F;           /* texto principal */
    --muted: #6B6B76;         /* texto secundário */
    --bg: #FFFFFF;            /* fundo */
    --card-bg: #FFFFFF;       /* cards/seções */
    --line: #ECEAF7;          /* bordas suaves */
    --indigo: #191765;        /* base institucional */
    --violet: #475569;        /* apoio intermediario para superfícies derivadas */
    --royal-violet: #334155;  /* destaque/ação institucional */
    --shell-bg: #FFFFFF;
    --shell-line: #D8E0EA;
    --shell-ink-soft: #4E5B6A;
    --feat-shell-side-gutter: .9rem;
    --feat-topnav-panel-height: 5.2rem;
    --feat-topnav-leading-width: 15.25rem;
  }

  /* Corpo e tipografia */
  html, body{
    background: var(--bg);
    color: var(--ink);
  }
  .text-muted, .small, .form-text{
    color: var(--muted) !important;
  }

  /* Cards/Seções (suavidade) */
  .card, .content .card, .content .section{
    background: var(--card-bg);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 3px 10px rgba(0,0,0,.04);
  }
  .card .card-title,
  .section h3{
    color: var(--indigo);
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 13px;
    margin-bottom: .5rem;
  }

  /* Botões principais com degradê */
  .btn-primary, .btn-info{
    color: #fff !important;
    border: 0;
    background: #1f2937;
    box-shadow: 0 6px 16px rgba(0,0,0,.12);
  }
  .btn{
    border-radius: 12px;
  }
  .btn-primary:hover, .btn-info:hover{
    filter: brightness(1.05);
  }

  /* Inputs */
  .form-control, .custom-select, .select2-selection{
    border-color: var(--line);
    border-radius: 10px !important;
  }
  .form-control:focus{
    border-color: #334155;
    box-shadow: 0 0 0 .2rem rgba(93,68,168,.16);
  }

  /* DataTables bordas suaves */
  table.dataTable, .table{
    border-color: var(--line);
  }
  .table thead th{
    border-bottom-color: var(--line);
  }
  body.feat-shell .table-striped tbody tr:nth-of-type(odd),
  body.feat-shell .table-striped tbody tr:nth-of-type(even),
  body.feat-shell table.dataTable tbody tr,
  body.feat-shell .table tbody tr{
    background-color: #ffffff !important;
  }
  body.feat-shell .table-hover tbody tr:hover,
  body.feat-shell table.dataTable tbody tr:hover{
    background-color: #f9fbff !important;
  }

  /* Barra superior com degradê institucional (FEAT RH) */
  .main-header{
    background: #0f172a !important;
  }

  .content-wrapper{
    background: #ffffff;
  }

  .content-header{
    padding: 1rem 1rem 0.45rem;
  }
  .content-header h1{
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .01em;
    color: var(--indigo);
  }
  .content-header .breadcrumb{
    background: rgba(15, 13, 120, .06);
    border-radius: 999px;
    padding: .2rem .7rem;
  }
  .content-header .breadcrumb-item,
  .content-header .breadcrumb-item a{
    color: var(--shell-ink-soft);
    font-size: .82rem;
  }

  .main-header.feat-header{
    border-bottom: 0;
    box-shadow: 0 8px 24px rgba(17, 10, 77, .16);
  }
  .main-header.feat-header .navbar-nav .nav-link{
    border-radius: 10px;
    transition: background-color .18s ease, opacity .18s ease;
  }
  .main-header.feat-header .navbar-nav .nav-link:hover{
    background-color: rgba(255,255,255,.15);
  }
  .feat-page-intro{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    background: #fff;
    border: 1px solid var(--shell-line);
    border-radius: 16px;
    padding: .95rem 1.1rem;
    box-shadow: 0 4px 14px rgba(25,23,101,.06);
  }
  .feat-page-intro h2{
    margin: 0;
    font-size: 1.05rem;
    color: var(--indigo);
    font-weight: 700;
    letter-spacing: .01em;
  }
  .feat-page-intro .feat-page-subtitle{
    margin: .28rem 0 0;
    color: var(--shell-ink-soft);
    font-size: .87rem;
    line-height: 1.4;
  }
  .feat-flex-fill { flex: 1 1 auto; }
  .feat-gap-6 { gap: 6px; }
  .feat-colaboradores-select-col { width: 36px; }
  .feat-colaboradores-grid-table { width: 100%; }
  .feat-notification-title-unread { color: #1f2937; }

  .feat-intro-metrics{
    display: inline-flex;
    align-items: center;
    padding: .3rem .65rem;
    border-radius: 999px;
    border: 1px solid rgba(25, 23, 101, .16);
    color: #313458;
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
  }

  .feat-dense-page .card{
    border: 1px solid var(--shell-line);
    border-radius: 16px;
    box-shadow: 0 5px 16px rgba(13, 11, 90, .06);
  }
  .feat-dense-page .card-header{
    background: linear-gradient(180deg, #ffffff 0, #fbfbff 100%);
    border-bottom: 1px solid var(--shell-line);
  }
  .feat-dense-page .table-responsive{
    border: 1px solid #eceef9;
    border-radius: 14px;
    overflow: auto;
    background: #fff;
  }
  .feat-dense-page .table thead th{
    background: #f9faff;
    color: #3a3d57;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    border-top: 0;
  }
  .feat-dense-page .table td{
    vertical-align: middle;
  }

  @media (max-width: 991px){
    .feat-page-intro{
      flex-direction: column;
      align-items: flex-start;
    }
    .content-header h1{
      font-size: 1.28rem;
    }
  }

/* O modal do Bootstrap usa ~1050; mantemos o header abaixo disso */
  .main-header  { position: relative; z-index: 1030 !important; }
  /* Garantia extra: modal e backdrop sempre acima */
  .modal-backdrop { z-index: 1055 !important; }
  .modal          { z-index: 1060 !important; }

  .content-wrapper, .content { position: relative; z-index: 1; }
  /* Evita clipping de dropdowns/modais no conteúdo */
  .content { overflow: visible !important; }

  .feat-alert-shell {
    padding: 15px;
  }

body.feat-shell .wrapper{
    min-height: 100vh;
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
  }

  body.feat-shell *,
  body.feat-shell *::before,
  body.feat-shell *::after{
    box-sizing: border-box;
  }

  body.feat-shell .skip-link{
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }

  body.feat-shell .skip-link:focus,
  body.feat-shell .skip-link:focus-visible{
    z-index: 2000;
    width: auto;
    height: auto;
    padding: .72rem 1rem;
    clip: auto;
    clip-path: none;
    border-radius: 12px;
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .18);
  }

  body.feat-shell img,
  body.feat-shell svg,
  body.feat-shell canvas,
  body.feat-shell video,
  body.feat-shell table{
    max-width: 100%;
  }

  body.feat-shell .content-wrapper,
  body.feat-shell .content,
  body.feat-shell .content > .container-fluid,
  body.feat-shell .container-fluid,
  body.feat-shell .row,
  body.feat-shell [class*="col-"],
  body.feat-shell .card,
  body.feat-shell .card-body,
  body.feat-shell .card-header,
  body.feat-shell .table-responsive,
  body.feat-shell .dataTables_wrapper{
    min-width: 0;
    max-width: 100%;
  }

  body.feat-shell .content .row,
  body.feat-shell .feat-screen-stage .row,
  body.feat-shell .feat-shell-panel-inner .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    max-width: 100%;
  }

  @media (max-width: 575.98px){
    body.feat-shell .content [class*="col-"],
    body.feat-shell .feat-screen-stage [class*="col-"],
    body.feat-shell .feat-shell-panel-inner [class*="col-"]{
      flex: 0 0 100% !important;
      width: 100% !important;
      max-width: 100% !important;
    }
  }

  body.feat-shell .btn,
  body.feat-shell .badge,
  body.feat-shell .dropdown-item,
  body.feat-shell .nav-link,
  body.feat-shell .breadcrumb,
  body.feat-shell .breadcrumb-item,
  body.feat-shell .form-control,
  body.feat-shell .custom-select,
  body.feat-shell label,
  body.feat-shell p,
  body.feat-shell span,
  body.feat-shell strong,
  body.feat-shell small,
  body.feat-shell td,
  body.feat-shell th{
    overflow-wrap: anywhere;
  }

  body.feat-shell.layout-navbar-fixed .wrapper .main-header,
  body.feat-shell.layout-navbar-fixed .wrapper .main-header.feat-header,
  body.feat-shell .wrapper .main-header.feat-header{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    margin-left: 0 !important;
  }

  body.feat-shell.feat-shell-context-empresa .content-wrapper,
  body.feat-shell.feat-shell-context-empresa .main-footer{
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.feat-shell.feat-shell-context-empresa .main-sidebar,
  body.feat-shell.feat-shell-context-empresa .main-sidebar::before{
    display: none !important;
  }

  .feat-shell-top{
    position: sticky;
    top: 0;
    z-index: 1040 !important;
    display: grid;
    grid-template-rows: auto auto;
    width: 100%;
    margin-top: 0 !important;
    padding-top: 0 !important;
    visibility: visible;
    opacity: 1;
    max-width: 100%;
    overflow-x: visible;
    overflow-y: visible;
    background: #0f172a;
    box-shadow: 0 18px 38px rgba(3, 8, 24, .34);
  }

  .feat-header-band,
  .feat-nav-band{
    position: relative;
    z-index: 1;
    display: block;
    visibility: visible;
    opacity: 1;
  }

  .feat-header-band{
    background: #0f172a;
  }

  .main-header.feat-header{
    position: relative;
    top: auto;
    z-index: auto !important;
    display: block;
    width: 100%;
    visibility: visible;
    opacity: 1;
    padding: .6rem 0 .32rem;
    border-bottom: 0;
    box-shadow: none;
    background: #0f172a !important;
    min-height: 5.1rem;
  }

  .feat-header-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1rem;
    min-height: 4.75rem;
    padding-left: var(--feat-shell-side-gutter) !important;
    padding-right: var(--feat-shell-side-gutter) !important;
    position: relative;
    z-index: 2;
    overflow: visible;
  }

  .feat-header-brand,
  .feat-header-actions{
    display: flex;
    align-items: center;
    gap: .85rem;
  }

  .feat-header-brand{
    min-width: 0;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 1rem;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .feat-header-actions{
    flex: 0 0 auto;
    padding: .16rem 0 .16rem .45rem;
    border-left: 1px solid rgba(255,255,255,.12);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .feat-header-actions .navbar-nav{
    flex-direction: row;
    align-items: center;
    gap: .55rem;
    flex-wrap: nowrap;
  }

  .feat-header-actions .nav-item{
    display: inline-flex;
    align-items: center;
  }

  .feat-header-menu-toggle,
  .feat-utility-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 14px;
    color: #fff !important;
    background: transparent;
    box-shadow: none;
  }

  .feat-header-logo,
  .feat-header-logo.brand-link{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: .3rem;
    min-width: 0;
    width: auto;
    flex: 0 0 auto;
    min-height: 4.35rem;
    padding: 0 !important;
    border-radius: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .feat-header-logo img{
    max-width: none;
    width: auto;
    height: 3.2rem;
    object-fit: contain;
    display: block;
    flex: 0 0 auto;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .feat-header-logo-wordmark{
    display: none !important;
    color: #fff;
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1;
    margin-left: -.04rem;
    white-space: nowrap;
  }

  .feat-header-copy{
    display: none !important;
  }

  .feat-header-copy:empty{
    display: none;
  }

  .feat-header-company{
    display: inline-flex;
    align-items: center;
    gap: .82rem;
    min-width: 0;
    max-width: 100%;
  }

  .feat-header-company-text{
    display: flex;
    flex-direction: column;
    min-width: 0;
    justify-content: center;
  }

  .feat-header-company-mark{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
    flex: 0 0 auto;
  }

  .feat-header-company-mark img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .feat-header-copy strong{
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.15;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .feat-header-panel-copy{
    display: flex;
    flex-direction: column;
    gap: .18rem;
    min-width: 0;
  }

  .feat-header-panel-copy span{
    color: rgba(255,255,255,.74);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .feat-user-toggle{
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 2.7rem;
    padding: .2rem 0 0 .18rem !important;
    border-radius: 0;
    color: #fff !important;
    background: transparent;
    box-shadow: none;
  }

  .feat-utility-link:hover,
  .feat-user-toggle:hover{
    background: rgba(4, 9, 24, .42);
  }

  .feat-user-toggle-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(6, 10, 26, .64);
    font-size: 1rem;
    flex: 0 0 auto;
  }

  .feat-user-toggle-copy{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    line-height: 1.05;
  }

  .feat-user-toggle-copy small{
    display: block;
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .feat-user-toggle-copy .feat-shell-account-context{
    text-transform: none;
  }

  .feat-shell-probe-padding{
    position: absolute;
    left: -100000px;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: normal;
    pointer-events: none;
    user-select: none;
  }

  .feat-user-toggle-copy strong{
    color: #fff;
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .feat-user-toggle-company{
    display: inline-flex;
    align-items: center;
    gap: .46rem;
    min-width: 0;
    max-width: 26rem;
  }

  .feat-user-avatar{
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex: 0 0 auto;
    background: rgba(6, 10, 26, .64);
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
  }

  .feat-user-avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .feat-user-company-logo{
    border-radius: 14px;
    background: rgba(255,255,255,.96);
    padding: .18rem;
  }

  .feat-user-toggle-company-mark{
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 0;
    box-shadow: none;
  }

  .feat-user-toggle-company-copy{
    min-width: 0;
  }

  .feat-user-toggle-company-copy small{
    display: block;
    margin: 0 0 .08rem;
    color: rgba(255,255,255,.72);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .feat-user-toggle-company-copy strong{
    display: block;
    max-width: 18rem;
    color: #fff;
    font-size: .98rem;
    font-weight: 800;
    line-height: 1.1;
    margin-left: -.02rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .feat-topnav-bar{
    position: relative;
    top: auto;
    z-index: 1041;
    display: block;
    width: 100%;
    visibility: visible;
    opacity: 1;
    max-width: 100%;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0;
  }

  .feat-topnav-shell{
    display: grid;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: stretch;
    min-height: var(--feat-topnav-panel-height);
    padding: .58rem var(--feat-shell-side-gutter);
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background: #111c31;
    box-shadow: none;
    backdrop-filter: blur(12px);
    overflow-x: visible;
    overflow-y: visible;
  }

  @media (min-width: 992px){
    .feat-header-band{
      background: #0f172a;
    }

    .feat-header-context,
    .feat-header-logo,
    .feat-header-company,
    .feat-header-actions,
    .feat-user-toggle,
    .feat-utility-link{
      visibility: visible;
      opacity: 1;
    }
  }

  [data-feat-topnav-region],
  .feat-primary-nav-region{
    min-width: 0;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
    position: relative;
    z-index: 1042;
  }

  .feat-primary-nav{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    gap: .5rem;
    min-width: 0;
    width: auto;
    max-width: none;
    visibility: visible;
    opacity: 1;
    overflow: visible !important;
    position: relative;
    z-index: 1043;
  }

  .feat-primary-nav-trigger{
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    justify-content: flex-start;
    min-width: 0;
    width: auto;
    max-width: 16rem;
    min-height: 2.75rem;
    padding: 0 .6rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff !important;
    font-size: .82rem;
    font-weight: 500;
    line-height: 1.15;
    box-shadow: none;
    white-space: nowrap;
  }

  .feat-primary-nav-trigger.is-active{
    color: #fff !important;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
  }

  .feat-primary-nav-trigger .feat-primary-nav-copy{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .12rem;
    min-width: 0;
    text-align: left;
  }

  .feat-primary-nav-trigger .feat-primary-nav-label{
    display: block;
    max-width: 14.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .feat-primary-nav-trigger .feat-primary-nav-meta{
    display: none;
    color: rgba(255,255,255,.66);
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .02em;
  }

  .feat-primary-nav-trigger.is-active .feat-primary-nav-meta{
    color: rgba(255,255,255,.78);
  }

  .feat-primary-nav-group{
    position: relative;
    min-width: 0;
    max-width: 16rem;
    display: inline-flex;
    align-items: center;
    z-index: 1;
  }

  .feat-primary-nav-group.is-open{
    z-index: 1046;
  }

  .feat-primary-nav-group-menu{
    z-index: 1047;
    width: min(296px, 92vw);
    min-width: 238px;
    max-height: min(70vh, 34rem);
    overflow-y: auto;
    margin-top: .45rem;
    padding: .5rem;
    border: 1px solid rgba(216, 223, 239, .95);
    border-radius: 16px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .12);
  }

  .feat-primary-nav-group[data-feat-group="recrutamento"] .feat-primary-nav-group-menu{
    width: min(380px, 92vw);
  }

  .feat-primary-nav-group[data-feat-group="engajamento"] .feat-primary-nav-group-menu,
  .feat-primary-nav-group[data-feat-group="desempenho e talentos"] .feat-primary-nav-group-menu,
  .feat-primary-nav-group[data-feat-group="operacao e resultado"] .feat-primary-nav-group-menu,
  .feat-primary-nav-group[data-feat-group="operacoes"] .feat-primary-nav-group-menu{
    width: min(380px, 92vw);
  }

  .feat-primary-nav-group-menu.dropdown-menu-right{
    right: 0;
    left: auto;
  }

  body.feat-shell [data-feat-topnav-root] .feat-primary-nav-region.nav,
  body.feat-shell [data-feat-topnav-root] [data-feat-topnav-region],
  body.feat-shell [data-feat-topnav-root] [data-feat-primary-nav]{
    overflow: visible !important;
  }

  @media (min-width: 768px){
    body.feat-shell .feat-primary-nav-group.show{
      position: relative;
      z-index: 1205 !important;
    }

    body.feat-shell .feat-primary-nav-group.show .feat-primary-nav-group-menu.show{
      position: absolute;
      top: calc(100% + .45rem) !important;
      transform: none !important;
      z-index: 1206 !important;
      pointer-events: auto;
      margin-top: 0;
    }

    body.feat-shell .feat-primary-nav-group.show .feat-primary-nav-group-menu.show:not(.dropdown-menu-right){
      left: 0 !important;
      right: auto !important;
    }

    body.feat-shell .feat-primary-nav-group.show .feat-primary-nav-group-menu.show.dropdown-menu-right{
      left: auto !important;
      right: 0 !important;
    }

    body.feat-shell .feat-header-row:has(.feat-primary-nav-group-menu.show){
      pointer-events: none;
    }

    body.feat-shell .feat-header-row:has(.feat-primary-nav-group-menu.show) .feat-header-brand,
    body.feat-shell .feat-header-row:has(.feat-primary-nav-group-menu.show) .feat-primary-nav-region,
    body.feat-shell .feat-header-row:has(.feat-primary-nav-group-menu.show) .feat-primary-nav,
    body.feat-shell .feat-header-row:has(.feat-primary-nav-group-menu.show) .feat-primary-nav-group,
    body.feat-shell .feat-header-row:has(.feat-primary-nav-group-menu.show) .feat-primary-nav-group-menu.show,
    body.feat-shell .feat-header-row:has(.feat-primary-nav-group-menu.show) .feat-primary-nav-subitem,
    body.feat-shell .feat-header-row:has(.feat-primary-nav-group-menu.show) .feat-header-actions{
      pointer-events: auto;
    }

    body.feat-shell .feat-primary-nav-group[data-feat-group="acessos"] .feat-primary-nav-group-menu{
      width: min(360px, calc(100vw - 2rem));
      min-width: 304px;
      max-width: calc(100vw - 2rem);
    }

    body.feat-shell .feat-primary-nav-group[data-feat-group="acessos"] .feat-primary-nav-subitem{
      min-height: 2.5rem;
      line-height: 1.2;
      white-space: normal;
    }

    body.feat-shell .feat-shell-top:has(.feat-primary-nav-group-menu.show),
    body.feat-shell [data-feat-topnav-root]:has(.feat-primary-nav-group-menu.show),
    body.feat-shell .feat-header-row:has(.feat-primary-nav-group-menu.show),
    body.feat-shell .feat-primary-nav-region:has(.feat-primary-nav-group-menu.show),
    body.feat-shell .feat-primary-nav:has(.feat-primary-nav-group-menu.show){
      position: relative;
      z-index: 1204 !important;
      overflow: visible !important;
    }

    body.feat-shell .feat-primary-nav-group.show,
    body.feat-shell .feat-primary-nav-group:has(.feat-primary-nav-group-menu.show){
      position: relative;
      z-index: 1205 !important;
    }

    body.feat-shell .feat-primary-nav-group.show .feat-primary-nav-group-menu.show,
    body.feat-shell .feat-primary-nav-group-menu.show{
      position: absolute;
      z-index: 1206 !important;
      pointer-events: auto;
    }

    body.feat-shell .feat-shell-top:has(.feat-primary-nav-group.show),
    body.feat-shell .feat-shell-top:has(.feat-primary-nav-group.is-open){
      margin-bottom: 0 !important;
    }

    body.feat-shell .feat-header-row:has(.feat-primary-nav-group.show),
    body.feat-shell .feat-header-row:has(.feat-primary-nav-group.is-open){
      min-height: var(--feat-topbar-height, 4.75rem) !important;
      align-items: center !important;
    }

    body.feat-shell .feat-primary-nav-region:has(.feat-primary-nav-group.show),
    body.feat-shell .feat-primary-nav-region:has(.feat-primary-nav-group.is-open){
      min-height: 0 !important;
      align-items: center !important;
      overflow: visible !important;
    }
  }

  .feat-primary-nav-subitem{
    display: flex;
    align-items: center;
    gap: .48rem;
    padding: .56rem .7rem;
    border-radius: 10px;
    color: #334155 !important;
    font-size: .78rem;
    font-weight: 600;
  }

  .feat-primary-nav-subitem.is-active{
    color: #13204e !important;
    background: rgba(51, 65, 85, .12);
  }

  .feat-primary-nav-family-list{
    display: grid;
    gap: .5rem;
  }

  .feat-primary-nav-family{
    display: grid;
    gap: .28rem;
    padding: .26rem;
    border: 1px solid rgba(226, 232, 240, .92);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.98) 100%);
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
  }

  .feat-primary-nav-family.is-active{
    border-color: rgba(207, 215, 232, .98);
    box-shadow: 0 10px 22px rgba(15, 23, 42, .08);
  }

  .feat-primary-nav-family.is-contextual{
    border-color: rgba(226, 232, 240, .92);
    box-shadow: none;
  }

  .feat-primary-nav-family-trigger{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    width: 100%;
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 12px;
    background: #fff;
    padding: .64rem .76rem;
    cursor: pointer;
    color: #1f2937;
    font-size: .78rem;
    font-weight: 700;
  }

  .feat-primary-nav-family-trigger.is-active{
    color: #fff;
    border-color: transparent;
    background: #334155;
    box-shadow: 0 10px 22px rgba(25, 23, 101, .22);
  }

  .feat-primary-nav-family-trigger.is-contextual:not(.is-active){
    border-color: rgba(226, 232, 240, .95);
    background: #fff;
    box-shadow: none;
  }

  .feat-primary-nav-group[data-feat-group="engajamento"] .feat-primary-nav-family-trigger.is-active,
  .feat-primary-nav-group[data-feat-group="desempenho e talentos"] .feat-primary-nav-family-trigger.is-active,
  .feat-primary-nav-group[data-feat-group="operacao e resultado"] .feat-primary-nav-family-trigger.is-active,
  .feat-primary-nav-group[data-feat-group="operacoes"] .feat-primary-nav-family-trigger.is-active{
    border-color: transparent;
    background: #1e5bff;
    color: #fff;
    box-shadow: 0 10px 22px rgba(30, 91, 255, .18);
  }

  .feat-primary-nav-family-copy{
    display: flex;
    flex-direction: column;
    gap: .18rem;
    min-width: 0;
  }

  .feat-primary-nav-family-label{
    display: block;
    line-height: 1.15;
  }

  .feat-primary-nav-family-meta{
    display: block;
    color: #64748b;
    font-size: .63rem;
    font-weight: 700;
  }

  .feat-primary-nav-family-trigger.is-active .feat-primary-nav-family-meta{
    color: rgba(255,255,255,.8);
  }

  .feat-primary-nav-family-trigger.is-contextual:not(.is-active) .feat-primary-nav-family-meta{
    color: #475569;
  }

  .feat-primary-nav-family.is-contextual:not(.is-active) .feat-primary-nav-family-label{
    color: #1f2937;
  }

  .feat-primary-nav-family-panel{
    display: none;
    gap: .2rem;
    padding: .3rem;
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 12px;
    background: #f8fbff;
  }

  .feat-primary-nav-family-panel.is-active{
    display: grid;
  }

  .feat-primary-nav-subgroup-list{
    display: grid;
    gap: .5rem;
  }

  .feat-primary-nav-subgroup-list > .feat-primary-nav-subitem{
    margin-bottom: 0;
  }

  .feat-primary-nav-subgroup{
    border: 1px solid rgba(223, 229, 242, .95);
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
  }

  .feat-primary-nav-subgroup-title{
    display: block;
    padding: .5rem .68rem;
    border-bottom: 1px solid rgba(231, 235, 244, .95);
    color: #475569;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    background: #f8fafc;
  }

  .feat-primary-nav-subgroup-items{
    display: grid;
    gap: .2rem;
    padding: .24rem;
  }

  @media (min-width: 992px){
    body.feat-shell-role-3.feat-shell-context-empresa .feat-header-row{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      gap: .45rem 1rem;
      padding-top: .2rem;
      padding-bottom: .18rem;
    }

    body.feat-shell-role-3.feat-shell-context-empresa .feat-header-brand{
      order: 1;
      margin: 0;
      gap: .72rem;
    }

    body.feat-shell-role-3.feat-shell-context-empresa .feat-header-logo,
    body.feat-shell-role-3.feat-shell-context-empresa .feat-header-logo.brand-link{
      margin: 0;
      padding: 0 !important;
      min-height: 3.85rem;
    }

    body.feat-shell-role-3.feat-shell-context-empresa .feat-header-logo img{
      height: 3.05rem;
      margin: 0;
    }

    body.feat-shell-role-3.feat-shell-context-empresa .feat-primary-nav-region{
      order: 2;
      flex: 1 0 100%;
      width: 100%;
      padding-top: .05rem;
    }

    body.feat-shell-role-3.feat-shell-context-empresa .feat-primary-nav{
      width: 100%;
      flex-wrap: wrap;
      gap: .55rem .7rem;
    }

    body.feat-shell-role-3.feat-shell-context-empresa .feat-header-actions{
      order: 3;
      margin-left: auto;
      min-width: 0;
    }

    body.feat-shell-role-3.feat-shell-context-empresa .feat-primary-nav-group[data-feat-group="recrutamento"] .feat-primary-nav-group-menu{
      width: min(520px, 96vw);
    }

    body.feat-shell-role-3.feat-shell-context-empresa .feat-primary-nav-subgroup-list-recrutamento{
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: start;
    }
  }

  /* Fallback estrutural do topo: deve existir, mas não competir com o shell canônico quando ele está saudável. */
  [data-feat-topnav-fallback],
  .feat-topnav-fallback{
    align-self: center;
    min-height: 3.1rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(8,16,38,.62);
    color: #fff;
    font-size: .82rem;
    font-weight: 700;
    padding: .72rem 1rem;
  }

  .feat-shell-nav-source{
    display: none !important;
  }

  .feat-global-menu-surface{
    display: none !important;
  }

  .feat-shell-drawer-scrim{
    position: fixed;
    inset: 0;
    z-index: 1044;
    border: 0;
    padding: 0;
    background: rgba(15, 23, 42, .38);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
  }

  body.feat-shell-drawer-open .feat-shell-drawer-scrim{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .feat-shell-drawer{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1045;
    width: min(320px, calc(100vw - .75rem)) !important;
    max-width: calc(100vw - .75rem);
    padding-top: 0;
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
    border-right: 1px solid rgba(222, 228, 242, .95);
    visibility: hidden;
    opacity: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(calc(-100% - 1.5rem));
    transition: transform .22s ease, opacity .18s ease, visibility .18s ease, box-shadow .22s ease;
  }

  body.feat-shell-drawer-open .feat-shell-drawer{
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    box-shadow: 0 24px 48px rgba(15, 23, 42, .24);
  }

  body.feat-shell-drawer-open .content-wrapper,
  body.feat-shell-drawer-open .main-header,
  body.feat-shell-drawer-open .main-footer{
    margin-left: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    max-width: 100vw !important;
  }

  html[data-feat-shell-bootstrap-state="degraded"] .feat-topnav-fallback{
    border-color: rgba(251, 191, 36, .28);
    background: rgba(120, 53, 15, .72);
    color: #fef3c7;
  }

  .feat-shell-drawer-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: 1rem 1rem .9rem;
    border-bottom: 1px solid rgba(216, 224, 239, .96);
    background: rgba(248, 250, 252, .94);
    position: sticky;
    top: 0;
    z-index: 1;
    backdrop-filter: blur(10px);
  }

  .feat-shell-drawer-head .brand{
    min-width: 0;
    max-width: calc(100% - 3.2rem);
    display: inline-flex;
    align-items: center;
  }

  .feat-shell-drawer-head .brand img{
    display: block;
    width: auto;
    max-width: min(190px, 100%);
    height: 2.55rem;
    object-fit: contain;
  }

  @media (max-width: 767.98px){
    .feat-shell-drawer{
      width: 100vw !important;
      max-width: 100vw;
      border-right-width: 0;
      transform: translateX(-100%);
    }

    body.feat-shell-drawer-open .feat-shell-drawer{
      box-shadow: 0 20px 40px rgba(15, 23, 42, .22);
    }
  }

  .feat-shell-drawer-head strong{
    color: #0f172a;
    font-size: .86rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .feat-shell-drawer-close{
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid rgba(203, 213, 225, .96);
    border-radius: 999px;
    background: #fff;
    color: #334155;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .feat-shell-drawer-body{
    min-width: 0;
    max-width: 100%;
    padding: .95rem;
    display: grid;
    gap: .9rem;
    align-content: start;
  }

  .feat-shell-drawer-group{
    display: grid;
    gap: .55rem;
    padding: .8rem;
    border: 1px solid rgba(216, 224, 239, .96);
    border-radius: 18px;
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 12px 26px rgba(15, 23, 42, .05);
  }

  .feat-shell-drawer-group-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
  }

  .feat-shell-drawer-group-head strong{
    color: #0f172a;
    font-size: .82rem;
    font-weight: 800;
  }

  .feat-shell-drawer-group-head span{
    color: #64748b;
    font-size: .66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
  }

  .feat-shell-drawer-group-body,
  .feat-shell-drawer-subgroup-items{
    display: grid;
    gap: .32rem;
  }

  .feat-shell-drawer-subgroup{
    display: grid;
    gap: .32rem;
    padding: .38rem;
    border-radius: 14px;
    background: rgba(248, 250, 252, .92);
    border: 1px solid rgba(226, 232, 240, .95);
  }

  .feat-shell-drawer-subgroup-title{
    color: #475569;
    font-size: .66rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: .18rem .24rem 0;
  }

  .feat-shell-drawer-link{
    display: flex;
    align-items: center;
    gap: .56rem;
    padding: .66rem .74rem;
    border-radius: 12px;
    color: #334155;
    font-size: .8rem;
    font-weight: 600;
    text-decoration: none;
    background: transparent;
  }

  .feat-shell-drawer-link:hover,
  .feat-shell-drawer-link:focus{
    color: #0f172a;
    background: rgba(226, 232, 240, .68);
    text-decoration: none;
  }

  .feat-shell-drawer-link.is-active{
    color: #fff;
    background: #334155;
    box-shadow: 0 10px 18px rgba(15, 23, 42, .16);
  }

  .feat-shell-drawer-link i{
    width: 1rem;
    text-align: center;
  }

  .feat-shell-panel{
    min-width: 0;
  }

  .feat-shell-panel-inner{
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(212, 221, 236, .96);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,248,254,.96) 100%);
    box-shadow: 0 20px 42px rgba(15, 23, 42, .08);
  }

  .feat-shell-panel-inner > :first-child{
    margin-top: 0;
  }

  .feat-admin-screen{
    display: grid;
    gap: 1rem;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .feat-screen-subheader-shell{
    display: block;
    min-width: 0;
  }

  .feat-screen-subheader,
  .feat-screen-subheader-shell > *{
    border: 1px solid rgba(216, 224, 239, .96);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,247,255,.96) 100%);
    box-shadow: 0 16px 32px rgba(15, 23, 42, .06);
  }

  .feat-screen-stage{
    display: grid;
    gap: 1rem;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .feat-shell .content-header{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1.05rem 1.2rem .95rem;
    border: 1px solid rgba(216, 224, 239, .96);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,247,255,.96) 100%);
    box-shadow: 0 16px 32px rgba(15, 23, 42, .06);
  }

  .feat-shell .content-header .container-fluid{
    display: block;
    padding: 0 !important;
  }

  .feat-shell .content-header .row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
  }

  .feat-shell .content-header [class*="col-"]{
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    padding: 0;
  }

  .feat-shell .content-header h1{
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    margin: 0;
    font-size: 1.22rem;
    line-height: 1.15;
  }

  .feat-shell .content-header h1::after{
    content: "";
    width: .55rem;
    height: .55rem;
    border-radius: 999px;
    background: #334155;
    box-shadow: 0 0 0 .3rem rgba(51, 65, 85, .14);
    flex: 0 0 auto;
  }

  .feat-shell .content-header .breadcrumb{
    justify-self: end;
    align-self: center;
    margin: 0;
    border: 1px solid rgba(215, 222, 238, .94);
    background: rgba(255,255,255,.72);
  }

  .feat-shell .content-header .breadcrumb-item + .breadcrumb-item::before{
    color: #7c86a3;
  }

  .feat-shell .content{
    display: grid;
    gap: 1rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .feat-shell .content > .container-fluid{
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
  }

  .feat-shell .content > *,
  .feat-shell .content .row,
  .feat-shell .content [class*="col-"],
  .feat-shell .card,
  .feat-shell .small-box,
  .feat-shell .info-box{
    min-width: 0;
    max-width: 100%;
  }

  .feat-shell .card,
  .feat-shell .small-box,
  .feat-shell .info-box{
    border-radius: 22px;
  }

  .feat-shell .table-responsive,
  .feat-shell .dataTables_wrapper{
    border-radius: 18px;
  }

  .feat-shell .feat-listing-surface,
  .feat-shell .feat-results-surface{
    display: grid;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(216, 224, 239, .95);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 34px rgba(15, 23, 42, .05);
  }

  .feat-shell .content-header,
  .feat-screen-subheader,
  .feat-screen-subheader-shell > *,
  .feat-shell-panel-inner{
    background: #ffffff;
  }

  .feat-shell .feat-results-toolbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
  }

  .feat-shell .feat-results-title{
    display: flex;
    align-items: center;
    gap: .8rem;
    min-width: 0;
  }

  .feat-shell .feat-results-title strong{
    color: #1f2a44;
    font-size: 1rem;
    font-weight: 700;
  }

  .feat-shell .feat-results-count{
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: .35rem .7rem;
    border-radius: 999px;
    background: rgba(51, 65, 85, .08);
    color: #334155;
    font-size: .78rem;
    font-weight: 800;
  }

  .feat-shell .feat-results-actions{
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
  }

  .content-wrapper{
    margin-left: 0 !important;
    padding-left: 0;
  }

  body.feat-shell .content-wrapper{
    margin-top: 0 !important;
    padding-top: 0 !important;
    min-height: calc(100vh - 8.8rem);
    display: block;
    width: 100%;
    visibility: visible;
    opacity: 1;
  }

  body.feat-shell-sidebarless .content-wrapper,
  body.feat-shell-sidebarless .main-footer,
  body.feat-shell-sidebarless .main-header{
    margin-left: 0 !important;
  }

  body.feat-shell-sidebarless .main-sidebar,
  body.feat-shell-sidebarless .main-sidebar::before{
    display: none !important;
  }

  @media (max-width: 1199.98px){
    .feat-topnav-shell{
      grid-template-columns: 1fr;
    }

    .feat-primary-nav{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .feat-shell .content-header{
      grid-template-columns: 1fr;
    }

    .feat-shell .content-header .breadcrumb{
      justify-self: start;
    }
  }

  @media (min-width: 1200px){
    .feat-topnav-fallback{
      display: none;
    }
  }

  @media (min-width: 992px) and (max-width: 1399.98px){
    .feat-topnav-shell{
      grid-template-columns: minmax(0, 1fr) auto;
      gap: .85rem;
    }

    .feat-primary-nav{
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: .65rem;
    }

    .feat-primary-nav-trigger{
      padding: .56rem .74rem;
    }
  }

  @media (max-width: 991.98px){
    .main-header.feat-header,
    .feat-topnav-bar,
    .feat-topnav-shell,
    .feat-header-row{
      max-width: 100%;
    }

    .feat-header-row{
      flex-wrap: wrap;
      align-items: center;
    }

    .feat-header-brand{
      min-width: 0;
      width: 100%;
    }

    .feat-header-copy{
      min-width: 0;
      flex: 1 1 100%;
    }

    .feat-header-copy strong,
    .feat-header-panel-copy span{
      white-space: normal;
      overflow: visible;
      text-overflow: clip;
    }

    .feat-header-actions{
      margin-left: auto;
      max-width: 100%;
      border-left: 0;
    }

    .feat-user-toggle-company{
      max-width: 18rem;
    }

    .feat-user-toggle-company-copy strong{
      max-width: 12.5rem;
      font-size: .9rem;
    }

    .feat-topnav-bar{
      padding: 0;
    }

    [data-feat-topnav-root] .feat-topnav-shell,
    .feat-topnav-shell{
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
    }

    .feat-header-logo{
      min-width: 10.6rem;
      min-height: 3.9rem;
      gap: .62rem;
      padding: .32rem .72rem .32rem .32rem;
    }

    .feat-header-logo-wordmark{
      font-size: .98rem;
    }

    .feat-user-toggle-copy strong{
      font-size: .78rem;
    }

    .feat-primary-nav{
      display: flex !important;
      flex-wrap: wrap;
      grid-template-columns: none !important;
      gap: .48rem;
    }

    .feat-primary-nav-region{
      display: flex !important;
      grid-column: 1 / -1;
      width: 100%;
      overflow: visible;
    }

    .feat-primary-nav-group{
      width: auto;
    }

    .feat-primary-nav-group-menu{
      width: 100%;
      min-width: 0;
      max-width: 100%;
    }

    .feat-topnav-fallback{
      display: none !important;
    }
  }

  @media (max-width: 767.98px){
    .feat-shell-top{
      background: #0f172a;
    }

    .main-header.feat-header{
      padding: .16rem 0 .08rem;
      min-height: auto;
    }

    .feat-header-brand{
      gap: .5rem;
      flex-wrap: nowrap;
      width: auto;
      flex: 0 1 auto;
    }

    .feat-header-row,
    .feat-header-actions{
      gap: .35rem;
    }

    .feat-header-row{
      min-height: 3.2rem;
      flex-wrap: nowrap;
      padding-left: var(--feat-shell-side-gutter) !important;
      padding-right: var(--feat-shell-side-gutter) !important;
      overflow: hidden;
    }

    .feat-primary-nav-region,
    .feat-primary-nav{
      display: none !important;
    }

    .feat-header-copy{
      display: none;
    }

    .feat-header-actions{
      margin-left: auto;
      padding: 0;
      border-radius: 0;
      min-width: 0;
      max-width: none;
      overflow: visible;
      background: transparent;
      box-shadow: none;
    }

    .feat-header-menu-toggle,
    .feat-utility-link{
      width: 2.18rem;
      height: 2.18rem;
    }

    .feat-header-logo{
      min-width: 0;
      min-height: 2.9rem;
      max-width: 100%;
      gap: .42rem;
      padding: .08rem .28rem .08rem .08rem;
    }

    .feat-header-logo img{
      max-width: min(118px, 32vw);
      width: auto;
      height: 1.86rem;
    }

    .feat-header-logo-wordmark{
      font-size: .86rem;
      letter-spacing: .06em;
    }

    .feat-header-actions .navbar-nav{
      gap: .35rem;
    }

    .feat-primary-nav{
      grid-template-columns: 1fr;
    }

    .feat-primary-nav-trigger{
      min-height: 3rem;
      padding: .72rem .88rem;
    }

    .feat-user-toggle{
      padding: .16rem !important;
      min-width: 0;
      max-width: none;
      overflow: visible;
      gap: .18rem;
      background: rgba(4, 9, 24, .42);
    }

    .feat-user-toggle-company{
      gap: .28rem;
      max-width: none;
      min-width: 0;
    }

    .feat-user-toggle > div,
    .feat-user-chevron{
      display: none !important;
    }

    .feat-user-toggle .feat-user-avatar{
      display: inline-flex !important;
    }

    .feat-user-toggle .feat-user-company-logo{
      display: none !important;
    }

    .feat-user-toggle-company-mark{
      width: 1.9rem;
      height: 1.9rem;
      border-radius: 14px;
      padding: .18rem;
      flex: 0 0 auto;
    }

    .feat-user-toggle-company-copy small{
      font-size: .56rem;
      margin-bottom: .08rem;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .feat-user-toggle-company-copy strong{
      max-width: 100%;
      font-size: .74rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .feat-user-toggle .feat-user-avatar:not(.feat-user-company-logo){
      width: 1.9rem;
      height: 1.9rem;
      font-size: .72rem;
    }

    .feat-user-chevron{
      margin-left: .12rem;
      font-size: .78rem;
      flex: 0 0 auto;
    }

    .feat-shell-panel-inner{
      padding: .9rem;
      border-radius: 20px;
    }

    .feat-shell .content-header{
      padding: .95rem 1rem .88rem;
      border-radius: 20px;
    }

    .feat-shell .content-header h1{
      font-size: 1.06rem;
    }

    .feat-shell .feat-listing-surface,
    .feat-shell .feat-results-surface{
      padding: .9rem;
      border-radius: 20px;
    }

    .feat-shell-drawer{
      width: min(286px, calc(100vw - 1rem)) !important;
      max-width: calc(100vw - 1rem);
    }

    .feat-shell-drawer-head{
      padding: .9rem .9rem .8rem;
    }

    .feat-shell-drawer-body{
      padding: .8rem;
    }
  }