/*
 * FEAT RH - Lote 7
 * Rebuild sistêmico do shell superior, superfícies e views prioritárias.
 */

:root{
  --feat-blue-deep:#060A1F;
  --feat-blue-primary:#0B0F2A;
  --feat-blue-secondary:#0F1C3F;
  --feat-blue-action:#1E5BFF;
  --feat-cyan:#22D3EE;
  --feat-indigo:#4F46E5;
  --feat-success:#10B981;
  --feat-warning:#F59E0B;
  --feat-danger:#EF4444;

  --feat-app-bg:#F6F8FC;
  --feat-surface:#FFFFFF;
  --feat-surface-soft:#F8FAFC;
  --feat-surface-muted:#EEF2FF;
  --feat-border:#E2E8F0;
  --feat-line:#E5E7EB;
  --feat-text:#0F172A;
  --feat-text-soft:#475569;
  --feat-text-muted:#64748B;

  --feat-radius-xs:12px;
  --feat-radius-sm:16px;
  --feat-radius-md:20px;
  --feat-radius-lg:24px;
  --feat-shadow-soft:0 14px 34px rgba(15,23,42,.08);
  --feat-shadow-strong:0 18px 40px rgba(6,10,31,.18);

  --feat-shell-max:1500px;
  --feat-shell-gutter:32px;
  --feat-shell-gutter-mobile:16px;
  --feat-topbar-height:82px;
  --feat-topbar-bg:linear-gradient(135deg,var(--feat-blue-deep),var(--feat-blue-primary));
}

html, body{
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  background:var(--feat-app-bg);
  color:var(--feat-text);
}

body.feat-shell{
  background:
    radial-gradient(circle at top center, rgba(30,91,255,.05), transparent 26%),
    var(--feat-app-bg);
}

body.feat-shell .wrapper,
body.feat-shell .content-wrapper{
  background:transparent !important;
}

body.feat-shell .content-wrapper{
  padding-top:0 !important;
  min-height:calc(100vh - var(--feat-topbar-height));
}

body.feat-shell .feat-shell-top{
  position:sticky;
  top:0;
  z-index:1045;
  background:var(--feat-topbar-bg);
  box-shadow:0 10px 34px rgba(6,10,31,.28);
}

body.feat-shell .main-header.feat-header{
  min-height:var(--feat-topbar-height);
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.feat-shell .feat-header-row{
  width:min(100%, var(--feat-shell-max));
  min-height:var(--feat-topbar-height);
  margin:0 auto;
  padding:0 var(--feat-shell-gutter) !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  overflow:visible;
}

body.feat-shell .feat-header-brand{
  min-width:0;
  gap:10px;
  align-items:center;
}

body.feat-shell .feat-header-menu-toggle{
  width:42px;
  height:42px;
  border:0;
  border-radius:14px;
  color:#fff;
  background:rgba(255,255,255,.08);
}

body.feat-shell .feat-header-logo{
  min-height:auto;
  padding:0;
  gap:10px;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.feat-shell .feat-header-logo img{
  width:50px;
  height:56px;
  max-width:50px;
  object-fit:contain;
}

body.feat-shell .feat-header-logo-wordmark{
  color:#fff !important;
  font-size:18px;
  font-weight:400;
  letter-spacing:-.04em;
  line-height:1;
}

body.feat-shell .feat-primary-nav-region{
  display:flex !important;
  align-items:center;
  width:100%;
  overflow:visible;
}

body.feat-shell .feat-primary-nav{
  display:flex !important;
  align-items:center;
  gap:4px;
  width:100%;
  min-width:0;
  overflow-x:visible;
  overflow-y:visible;
  padding:0;
  scrollbar-width:none;
  grid-template-columns:none !important;
}

body.feat-shell .feat-primary-nav::-webkit-scrollbar{
  display:none;
}

body.feat-shell .feat-primary-nav-group{
  width:auto !important;
  flex:0 0 auto;
  position:relative;
}

body.feat-shell .feat-primary-nav-trigger{
  min-height:44px;
  padding:0 10px;
  border:0;
  border-radius:0;
  color:rgba(255,255,255,.82);
  background:transparent;
  box-shadow:none;
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
}

body.feat-shell .feat-primary-nav-trigger:hover,
body.feat-shell .feat-primary-nav-trigger:focus,
body.feat-shell .feat-primary-nav-trigger.is-active{
  color:#fff;
  background:transparent;
  text-decoration:none;
}

body.feat-shell .feat-primary-nav-trigger.is-active{
  box-shadow:inset 0 -2px 0 var(--feat-cyan);
}

body.feat-shell .feat-primary-nav-trigger .feat-primary-nav-copy{
  gap:0;
}

body.feat-shell .feat-primary-nav-trigger .feat-primary-nav-label{
  font-size:1rem;
  font-weight:650;
  letter-spacing:0;
  line-height:1;
}

body.feat-shell .feat-primary-nav-trigger .feat-primary-nav-meta{
  display:none;
}

body.feat-shell .feat-primary-nav-trigger.dropdown-toggle::after,
body.feat-shell .feat-primary-nav-trigger::after{
  display:none !important;
}

body.feat-shell .feat-primary-nav-group-menu{
  display:none;
  position:absolute;
  top:calc(100% + 10px);
  min-width:320px;
  max-width:min(440px, calc(100vw - 2rem));
  padding:12px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:18px;
  background:rgba(255,255,255,.98);
  box-shadow:var(--feat-shadow-soft);
  backdrop-filter:blur(14px);
  z-index:1090 !important;
  left:0 !important;
  right:auto !important;
}

body.feat-shell .feat-primary-nav-group-menu.show{
  display:block;
}

body.feat-shell .feat-primary-nav-subitem,
body.feat-shell .feat-primary-nav-family-trigger{
  border-radius:10px;
  color:var(--feat-text-soft);
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
}

body.feat-shell .feat-primary-nav-subitem:hover,
body.feat-shell .feat-primary-nav-subitem:focus,
body.feat-shell .feat-primary-nav-subitem.is-active,
body.feat-shell .feat-primary-nav-family-trigger:hover,
body.feat-shell .feat-primary-nav-family-trigger.is-active{
  color:var(--feat-text);
  background:var(--feat-surface-muted);
}

body.feat-shell .feat-primary-nav-subgroup-title{
  color:var(--feat-text-muted);
  font-size:.73rem;
  letter-spacing:.08em;
}

body.feat-shell .feat-primary-nav-subitem{
  display:flex;
  align-items:center;
  min-height:40px;
  padding:8px 10px;
  background:transparent !important;
}

body.feat-shell .feat-primary-nav-subitem span{
  font-size:.94rem;
  font-weight:500;
}

body.feat-shell .feat-header-actions{
  margin-left:auto;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}

body.feat-shell .feat-header-actions .navbar-nav{
  gap:8px;
}

body.feat-shell .feat-utility-link{
  width:40px;
  height:40px;
  border-radius:12px;
  color:#fff !important;
  background:rgba(255,255,255,.08);
}

body.feat-shell .feat-utility-link:hover{
  background:rgba(255,255,255,.12) !important;
}

body.feat-shell .feat-user-toggle{
  gap:10px;
  padding:6px 8px !important;
  border-radius:14px;
  background:rgba(255,255,255,.06);
}

body.feat-shell .feat-user-toggle:hover{
  background:rgba(255,255,255,.1);
}

body.feat-shell .feat-user-toggle-copy small,
body.feat-shell .feat-user-toggle-company-copy small{
  color:rgba(255,255,255,.62) !important;
  font-size:.68rem;
}

body.feat-shell .feat-user-toggle-copy strong,
body.feat-shell .feat-user-toggle-company-copy strong{
  color:#fff;
  font-size:.92rem;
}

body.feat-shell .feat-user-toggle-company-mark{
  width:40px;
  height:40px;
  padding:6px;
  border-radius:14px;
  background:rgba(255,255,255,.08);
}

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

body.feat-shell .feat-shell-drawer{
  width:min(340px, calc(100vw - 1rem)) !important;
  border-left:1px solid rgba(226,232,240,.88);
  background:#fff;
  box-shadow:var(--feat-shadow-strong);
}

body.feat-shell .feat-shell-drawer-head{
  padding:20px 20px 16px;
  color:#fff;
  background:var(--feat-topbar-bg);
}

body.feat-shell .feat-shell-drawer-head strong{
  color:#fff;
  font-size:1rem;
}

body.feat-shell .feat-shell-drawer-close{
  color:#fff;
  background:rgba(255,255,255,.1);
}

body.feat-shell .feat-shell-drawer-body{
  padding:16px;
  background:#fff;
}

body.feat-shell .feat-shell-drawer-group{
  border:1px solid var(--feat-border);
  border-radius:18px;
  background:var(--feat-surface-soft);
}

body.feat-shell .feat-shell-drawer-group-head strong{
  color:var(--feat-text);
}

body.feat-shell .feat-shell-drawer-group-head span,
body.feat-shell .feat-shell-drawer-subgroup-title{
  color:var(--feat-text-muted);
}

body.feat-shell .feat-shell-drawer-link{
  min-height:44px;
  border-radius:10px;
  color:var(--feat-text-soft);
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
}

body.feat-shell .feat-shell-drawer-link:hover,
body.feat-shell .feat-shell-drawer-link:focus,
body.feat-shell .feat-shell-drawer-link.is-active{
  background:var(--feat-surface-muted);
  color:var(--feat-text);
}

body.feat-shell .feat-shell-drawer-link i,
body.feat-shell .feat-primary-nav-subitem i{
  display:none !important;
}

body.feat-shell .feat-shell-stage{
  padding:26px var(--feat-shell-gutter) 40px !important;
}

body.feat-shell .feat-shell-grid{
  width:min(100%, var(--feat-shell-max));
  gap:20px;
}

body.feat-shell .feat-shell-grid.has-panel{
  grid-template-columns:minmax(280px, 312px) minmax(0, 1fr);
}

body.feat-shell .feat-shell-panel-inner,
body.feat-shell .feat-screen-subheader-shell{
  border:1px solid var(--feat-border);
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:var(--feat-shadow-soft);
  backdrop-filter:blur(14px);
}

body.feat-shell .feat-shell-panel-inner{
  top:calc(var(--feat-topbar-height) + 16px);
}

body.feat-shell .content-header{
  margin-bottom:18px;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

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

body.feat-shell .content-header h1{
  color:var(--feat-text) !important;
  font-size:2rem !important;
  font-weight:800 !important;
  letter-spacing:-.05em;
}

body.feat-shell .content-header h1::after{
  display:none !important;
}

body.feat-shell .content-header .breadcrumb{
  padding:0;
  background:transparent;
}

body.feat-shell .content,
body.feat-shell .feat-screen-stage{
  background:transparent;
}

body.feat-shell .card,
body.feat-shell .small-box,
body.feat-shell .info-box,
body.feat-shell .feat-panel,
body.feat-shell .feat-list-card,
body.feat-shell .feat-results-surface,
body.feat-shell .feat-filter-sidebar,
body.feat-shell .feat-candidaturas-aside,
body.feat-shell .feat-candidaturas-main{
  border:1px solid var(--feat-border) !important;
  border-radius:20px !important;
  background:var(--feat-surface) !important;
  box-shadow:var(--feat-shadow-soft) !important;
}

body.feat-shell .card-header,
body.feat-shell .feat-candidaturas-main__header{
  background:transparent !important;
  border-bottom:1px solid rgba(226,232,240,.78);
}

body.feat-shell .card-title,
body.feat-shell h2,
body.feat-shell h3,
body.feat-shell h4{
  color:var(--feat-text);
}

body.feat-shell .btn{
  min-height:44px;
  border-radius:13px !important;
  font-weight:700;
  box-shadow:none !important;
  background-image:none !important;
}

body.feat-shell .btn-primary,
body.feat-shell .btn-info,
body.feat-shell .bg-feat{
  border-color:transparent !important;
  color:#fff !important;
  background:linear-gradient(135deg,var(--feat-blue-action), #2563EB) !important;
  box-shadow:0 16px 28px rgba(30,91,255,.22) !important;
}

body.feat-shell .btn-secondary,
body.feat-shell .btn-outline-secondary,
body.feat-shell .btn-outline-primary,
body.feat-shell .btn-outline-dark,
body.feat-shell .btn-success{
  color:var(--feat-text) !important;
  border-color:var(--feat-border) !important;
  background:#fff !important;
}

body.feat-shell .btn:hover{
  transform:translateY(-1px);
}

body.feat-shell .form-control,
body.feat-shell .custom-select,
body.feat-shell .select2-selection{
  min-height:44px;
  border-color:var(--feat-border) !important;
  border-radius:13px !important;
  box-shadow:none !important;
}

body.feat-shell .form-control:focus,
body.feat-shell .custom-select:focus{
  border-color:rgba(30,91,255,.44) !important;
  box-shadow:0 0 0 .22rem rgba(30,91,255,.12) !important;
}

body.feat-shell .table-responsive{
  border:1px solid rgba(226,232,240,.72) !important;
  border-radius:18px !important;
  background:#fff;
}

body.feat-shell .table thead th{
  border-top:0 !important;
  color:var(--feat-text-muted) !important;
  background:#F8FAFC !important;
  font-size:.74rem;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body.feat-shell .table tbody td{
  border-color:#ECF0F5 !important;
  color:var(--feat-text-soft);
}

body.feat-shell .badge{
  border-radius:999px;
}

body.feat-shell .feat-platform-command__hero,
body.feat-shell .feat-rpo-command__hero,
body.feat-shell .feat-auth-hero{
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  color:var(--feat-text) !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.feat-shell .feat-platform-command__eyebrow,
body.feat-shell .feat-rpo-command__eyebrow,
body.feat-shell .feat-auth-hero__kicker{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent !important;
  color:var(--feat-blue-action) !important;
  font-size:.74rem;
  letter-spacing:.1em;
}

body.feat-shell .feat-platform-command__title,
body.feat-shell .feat-rpo-command__title,
body.feat-shell .feat-auth-hero__title{
  color:var(--feat-text) !important;
  letter-spacing:-.05em;
}

body.feat-shell .feat-platform-command__subtitle,
body.feat-shell .feat-rpo-command__subtitle,
body.feat-shell .feat-auth-hero__text{
  color:var(--feat-text-soft) !important;
}

body.feat-shell .feat-platform-command__aside,
body.feat-shell .feat-rpo-command__aside,
body.feat-shell .feat-auth-hero__meta{
  gap:12px;
}

body.feat-shell .feat-platform-command__signal,
body.feat-shell .feat-rpo-command__signal,
body.feat-shell .feat-auth-hero__chip{
  border:1px solid var(--feat-border) !important;
  border-radius:16px !important;
  color:var(--feat-text) !important;
  background:var(--feat-surface) !important;
  box-shadow:var(--feat-shadow-soft);
}

body.feat-shell .feat-platform-command__signal-label,
body.feat-shell .feat-rpo-command__signal-label{
  color:var(--feat-text-muted) !important;
}

body.feat-shell .feat-platform-command__signal-value,
body.feat-shell .feat-rpo-command__signal-value{
  color:var(--feat-text) !important;
}

body.feat-shell .feat-platform-kpi-card,
body.feat-shell .feat-rpo-kpi-card,
body.feat-shell .feat-dashboard-grid > .feat-dashboard-span-3:nth-child(-n+4) .feat-dashboard-card,
body.feat-shell .feat-dashboard-shell .row:first-of-type .small-box,
body.feat-shell .feat-dashboard-shell .row:nth-of-type(2) .small-box{
  color:var(--feat-text) !important;
  border:1px solid var(--feat-border) !important;
  background:
    radial-gradient(circle at top right, rgba(30,91,255,.10), transparent 28%),
    linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%) !important;
  box-shadow:var(--feat-shadow-soft) !important;
}

body.feat-shell .feat-platform-kpi-card__label,
body.feat-shell .feat-platform-kpi-card__meta,
body.feat-shell .feat-rpo-kpi-card__label,
body.feat-shell .feat-rpo-kpi-card__meta,
body.feat-shell .feat-dashboard-kpi__eyebrow,
body.feat-shell .feat-dashboard-kpi__hint,
body.feat-shell .feat-dashboard-shell .small-box .inner p{
  color:var(--feat-text-muted) !important;
}

body.feat-shell .feat-platform-kpi-card__value,
body.feat-shell .feat-rpo-kpi-card__value,
body.feat-shell .feat-dashboard-kpi__value,
body.feat-shell .feat-dashboard-shell .small-box .inner h3{
  color:var(--feat-text) !important;
}

body.feat-shell .feat-dashboard-kpi::before{
  background:linear-gradient(180deg, var(--feat-blue-action) 0%, var(--feat-cyan) 100%) !important;
}

body.feat-shell .feat-dashboard-shell-grid,
body.feat-shell .feat-platform-shell-grid,
body.feat-shell .feat-rpo-shell-grid{
  gap:16px;
}

body.feat-shell .feat-filter-shell,
body.feat-shell .feat-rpo-toolbar__filters,
body.feat-shell .feat-candidaturas-filters,
body.feat-shell .feat-filter-card,
body.feat-shell .feat-summary__card{
  border:1px solid var(--feat-border) !important;
  background:var(--feat-surface-soft) !important;
  box-shadow:none !important;
}

body.feat-shell .feat-candidaturas-shell,
body.feat-shell .feat-listing-shell{
  gap:20px !important;
}

body.feat-shell .feat-main-panel__summary,
body.feat-shell .feat-platform-kpi-band,
body.feat-shell .feat-rpo-kpi-band{
  gap:16px !important;
}

body.feat-shell .feat-company-fallback{
  background:linear-gradient(135deg, rgba(30,91,255,.10), rgba(34,211,238,.12)) !important;
}

body.feat-shell .feat-shell-panel-inner .card,
body.feat-shell .feat-shell-panel-inner .feat-panel{
  box-shadow:none !important;
  border-color:transparent !important;
}

body.login-page,
body.login-page .login-box{
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
}

body.login-page:not(.feat-auth-has-bg){
  background:
    radial-gradient(circle at top center, rgba(30,91,255,.10), transparent 28%),
    linear-gradient(180deg, #F8FAFC 0%, #EEF4FF 100%) !important;
}

body.login-page.feat-auth-has-bg{
  background-image:var(--feat-auth-bg-image) !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}

body.login-page:not(.feat-auth-has-bg)::before{
  background:transparent !important;
}

body.login-page.feat-auth-has-bg::before{
  background:rgba(6,10,31,.06) !important;
}

body.login-page .login-box{
  width:min(640px, calc(100vw - 32px));
}

body.login-page .card,
body.login-page .auth-s14-card,
body.login-page .feat-auth-card,
body.login-page .tp-auth-card{
  border:1px solid var(--feat-border) !important;
  border-radius:24px !important;
  box-shadow:var(--feat-shadow-soft) !important;
  background:rgba(255,255,255,.74) !important;
  backdrop-filter:blur(10px);
}

body.login-page .login-card-body{
  background:rgba(255,255,255,.66) !important;
}

body.login-page .feat-auth-logo__link{
  gap:10px !important;
}

body.login-page .feat-auth-logo__img{
  width:80px !important;
  max-width:80px !important;
  height:80px !important;
  object-fit:contain;
}

body.login-page .feat-auth-logo__wordmark{
  color:var(--feat-text) !important;
  font-size:1.3rem !important;
  font-weight:800 !important;
  letter-spacing:-.04em !important;
  margin-left:0 !important;
}

body.login-page .auth-s14-hero,
body.login-page .feat-auth-hero{
  margin-bottom:18px !important;
  padding:24px !important;
  border-radius:24px !important;
  color:#fff !important;
  background:var(--feat-topbar-bg) !important;
  box-shadow:var(--feat-shadow-strong) !important;
}

body.login-page .auth-s14-hero h2,
body.login-page .feat-auth-hero__title{
  color:#fff !important;
}

body.login-page .auth-s14-hero p,
body.login-page .feat-auth-hero__text{
  color:rgba(255,255,255,.82) !important;
}

body.login-page .btn-primary,
body.login-page .bg-feat{
  border:0 !important;
  color:#fff !important;
  background:linear-gradient(135deg,var(--feat-blue-action), #2563EB) !important;
  box-shadow:0 16px 28px rgba(30,91,255,.22) !important;
}

body.login-page .form-control{
  min-height:46px;
  border-radius:13px !important;
  border-color:var(--feat-border) !important;
}

body.login-page .login-box-msg,
body.login-page .tp-auth-subtitle,
body.login-page .auth-s14-shell .text-muted{
  color:var(--feat-text-soft) !important;
}

@media (max-width: 1199.98px){
  body.feat-shell .feat-header-row{
    padding:14px 24px !important;
    grid-template-columns:auto 1fr auto;
  }

  body.feat-shell .feat-primary-nav-trigger{
    padding:0 12px;
  }

  body.feat-shell .feat-shell-stage{
    padding:24px 24px 32px !important;
  }
}

@media (max-width: 991.98px){
  body.feat-shell .feat-header-row{
    grid-template-columns:auto 1fr auto;
    gap:12px;
  }

  body.feat-shell .feat-header-logo-wordmark{
    font-size:18px;
  }

  body.feat-shell .feat-shell-grid.has-panel,
  body.feat-shell .feat-platform-shell-grid,
  body.feat-shell .feat-rpo-shell-grid,
  body.feat-shell .feat-candidaturas-shell,
  body.feat-shell .feat-listing-shell{
    grid-template-columns:1fr !important;
  }

  body.feat-shell .feat-shell-panel-inner{
    position:static;
  }
}

@media (max-width: 767.98px){
  body.feat-shell .feat-header-row{
    min-height:74px;
    padding:12px var(--feat-shell-gutter-mobile) !important;
    grid-template-columns:auto auto 1fr;
  }

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

  body.feat-shell .feat-header-actions{
    justify-self:end;
  }

  body.feat-shell .feat-user-toggle-copy strong,
  body.feat-shell .feat-user-toggle-company-copy strong,
  body.feat-shell .feat-user-toggle-copy small,
  body.feat-shell .feat-user-toggle-company-copy small{
    display:none !important;
  }

  body.feat-shell .feat-header-logo img{
    width:36px;
    height:42px;
  }

  body.feat-shell .feat-header-logo-wordmark{
    font-size:18px;
  }

  body.feat-shell .feat-shell-stage{
    padding:18px var(--feat-shell-gutter-mobile) 28px !important;
  }

  body.login-page .login-box{
    width:min(100vw - 20px, 560px);
    margin:1rem auto;
  }
}

/*
 * Lote 7 - topo 1:1 com a referência
 */
body.feat-shell{
  --feat-topbar-height:78px;
  --feat-topbar-bg:
    radial-gradient(circle at 0 0, rgba(30,91,255,.20), transparent 35%),
    linear-gradient(135deg, var(--feat-blue-deep), var(--feat-blue-primary));
}

body.feat-shell .feat-shell-top{
  background:var(--feat-topbar-bg);
}

body.feat-shell .topbar.main-header.feat-header{
  min-height:78px;
  display:flex;
  align-items:center;
  color:#fff;
  background:transparent !important;
  box-shadow:none !important;
}

body.feat-shell .topbar .feat-header-row{
  width:min(100%, var(--feat-shell-max));
  min-height:78px;
  display:flex !important;
  align-items:center;
  gap:12px;
  padding:0 32px !important;
  margin:0 auto;
}

body.feat-shell .topbar .brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex:0 0 auto;
}

body.feat-shell .topbar .brand-link{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff !important;
  text-decoration:none;
}

body.feat-shell .topbar .feat-header-logo img{
  width:auto;
  height:56px;
  max-width:none;
  display:block;
  object-fit:contain;
}

body.feat-shell .topbar .feat-header-logo-wordmark{
  font-size:18px !important;
  line-height:1;
  font-weight:400 !important;
  letter-spacing:-.04em !important;
  color:#fff !important;
}

body.feat-shell .topbar .feat-header-menu-toggle{
  display:none !important;
  min-height:40px;
  padding:0 12px;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  color:#fff;
}

body.feat-shell .topbar .feat-primary-nav-region{
  display:flex !important;
  align-items:center;
  flex:1 1 auto;
  min-width:0;
  overflow:visible;
}

body.feat-shell .topbar .feat-primary-nav{
  display:flex !important;
  align-items:center;
  gap:4px;
  flex:1 1 auto;
  overflow-x:visible;
  overflow-y:visible;
  scrollbar-width:none;
}

body.feat-shell .topbar .feat-primary-nav::-webkit-scrollbar{
  display:none;
}

body.feat-shell .topbar .feat-primary-nav-group{
  flex:0 0 auto;
  position:relative;
}

body.feat-shell .topbar .feat-primary-nav-trigger{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:12px;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.82);
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:650 !important;
  line-height:1;
  white-space:nowrap;
}

body.feat-shell .topbar .feat-primary-nav-trigger:hover,
body.feat-shell .topbar .feat-primary-nav-trigger:focus,
body.feat-shell .topbar .feat-primary-nav-trigger.is-active,
body.feat-shell .topbar .feat-primary-nav-group.is-open > .feat-primary-nav-trigger{
  background:rgba(255,255,255,.08);
  color:#fff;
}

body.feat-shell .topbar .feat-primary-nav-trigger.is-active,
body.feat-shell .topbar .feat-primary-nav-group.is-open > .feat-primary-nav-trigger{
  box-shadow:inset 0 -2px 0 var(--feat-cyan);
}

body.feat-shell .topbar .feat-primary-nav-trigger .feat-primary-nav-copy{
  display:block;
}

body.feat-shell .topbar .feat-primary-nav-trigger .feat-primary-nav-label{
  font-size:16px !important;
  font-weight:650 !important;
  line-height:1;
}

body.feat-shell .topbar .feat-primary-nav-trigger .feat-primary-nav-meta{
  display:none !important;
}

body.feat-shell .topbar .feat-primary-nav-group-menu{
  top:calc(100% + 10px);
  min-width:300px;
  max-width:min(440px, calc(100vw - 24px));
  padding:12px;
  border:1px solid var(--feat-border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--feat-shadow-soft);
}

body.feat-shell .topbar .feat-primary-nav-subitem{
  min-height:40px;
  padding:0 12px;
  border-radius:10px;
}

body.feat-shell .topbar .feat-primary-nav-subitem span{
  font-size:14px;
  font-weight:500;
}

body.feat-shell .topbar .actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
  position:relative;
  overflow:visible !important;
}

body.feat-shell .topbar .ghost,
body.feat-shell .topbar .primary{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:12px;
  border:0;
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  text-decoration:none;
  white-space:nowrap;
}

body.feat-shell .topbar .ghost{
  color:#fff !important;
  background:rgba(255,255,255,.08);
}

body.feat-shell .topbar .primary{
  color:#fff !important;
  font-weight:800;
  background:linear-gradient(135deg,var(--feat-blue-action),var(--feat-cyan));
  box-shadow:0 16px 28px rgba(30,91,255,.25);
}

body.feat-shell .topbar .feat-utility-link{
  width:auto;
  height:auto;
}

body.feat-shell .topbar .feat-topbar-user{
  position:relative;
  z-index:1300;
  overflow:visible !important;
}

body.feat-shell .topbar .user{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
}

body.feat-shell .topbar .feat-user-avatar,
body.feat-shell .topbar .user > span{
  width:40px;
  height:40px;
  border-radius:99px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,var(--feat-blue-action),var(--feat-cyan));
  color:#fff;
  font-size:13px;
  font-weight:800;
}

body.feat-shell .topbar .feat-user-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

body.feat-shell .topbar .user div{
  display:grid;
  gap:2px;
  text-align:left;
}

body.feat-shell .topbar .user b{
  margin:0;
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:1.1;
}

body.feat-shell .topbar .user small{
  color:rgba(255,255,255,.7) !important;
  font-size:12px;
  line-height:1.1;
}

body.feat-shell .topbar .feat-topbar-panel{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:260px;
  padding:14px;
  border:1px solid var(--feat-border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--feat-shadow-soft);
  z-index:1095;
  pointer-events:auto;
}

body.feat-shell .topbar .feat-topbar-panel strong{
  display:block;
  margin-bottom:6px;
  color:var(--feat-text);
  font-size:15px;
  font-weight:700;
}

body.feat-shell .topbar .feat-topbar-panel p{
  margin:0;
  color:var(--feat-text-soft);
  font-size:14px;
  line-height:1.45;
}

body.feat-shell .topbar .feat-topbar-panel-link{
  display:flex;
  align-items:center;
  min-height:40px;
  padding:0 12px;
  border-radius:10px;
  color:var(--feat-text-soft);
  font-size:14px;
  font-weight:500;
  position:relative;
  z-index:1;
  pointer-events:auto;
}

body.feat-shell .topbar .feat-topbar-panel-link:hover{
  background:var(--feat-surface-muted);
  color:var(--feat-text);
}

body.feat-shell .feat-shell-drawer-head .brand{
  display:flex;
  align-items:center;
  gap:10px;
}

body.feat-shell .feat-shell-drawer-head .brand strong{
  color:#fff;
  font-size:20px;
  font-weight:650;
  letter-spacing:-.04em;
}

body.feat-shell .feat-shell-drawer-head .brand img{
  width:auto;
  height:46px;
  display:block;
  object-fit:contain;
}

@media (max-width: 1200px){
  body.feat-shell .topbar .feat-header-row{
    flex-wrap:wrap;
    padding:18px 24px !important;
  }

  body.feat-shell .topbar .feat-primary-nav-region{
    order:3;
    flex-basis:100%;
  }
}

@media (max-width: 767.98px){
  body.feat-shell .topbar .feat-header-row{
    gap:14px;
    padding:14px 16px !important;
  }

  body.feat-shell .topbar .feat-header-menu-toggle{
    display:inline-flex !important;
  }

  body.feat-shell .topbar .feat-primary-nav-region{
    display:none !important;
  }

  body.feat-shell .topbar .actions{
    gap:8px;
  }

  body.feat-shell .topbar .actions > .ghost,
  body.feat-shell .topbar .actions > .primary{
    display:none;
  }

  body.feat-shell .topbar .user div{
    display:none;
  }

  body.feat-shell .topbar .feat-header-logo-wordmark{
    font-size:18px !important;
  }
}

/*
 * Lote 7 - refinamento final do shell
 * Replica o topo da referência com CTA isolado, utilitários em ícone
 * e superfícies claras sem leitura residual do AdminLTE.
 */
body.feat-shell {
  --feat-shell-content-max: 1500px;
  --feat-shell-stage-gap: 16px;
}

body.feat-shell .feat-shell-top,
body.feat-shell .topbar.main-header.feat-header {
  overflow: visible !important;
}

body.feat-shell .topbar .feat-header-row {
  flex-wrap: nowrap !important;
  justify-content: space-between;
}

body.feat-shell .topbar .brand {
  margin-right: 4px;
}

body.feat-shell .topbar .feat-primary-nav-region {
  flex: 1 1 auto;
  min-width: 0;
}

body.feat-shell .topbar .feat-primary-nav {
  gap: 2px;
}

body.feat-shell .topbar .feat-primary-nav-group {
  display: inline-flex;
  align-items: center;
}

body.feat-shell .topbar .feat-primary-nav-trigger {
  gap: 8px;
  padding: 0 14px;
  border-radius: 12px;
}

body.feat-shell .topbar .feat-primary-nav-trigger::before {
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  opacity: 0.94;
}

body.feat-shell .topbar .feat-primary-nav-group:nth-child(1) .feat-primary-nav-trigger::before,
body.feat-shell .topbar .feat-primary-nav-group[data-feat-group="dashboard"] .feat-primary-nav-trigger::before {
  content: "\f015";
}

body.feat-shell .topbar .feat-primary-nav-group:nth-child(2) .feat-primary-nav-trigger::before,
body.feat-shell .topbar .feat-primary-nav-group[data-feat-group="vagas"] .feat-primary-nav-trigger::before {
  content: "\f0b1";
}

body.feat-shell .topbar .feat-primary-nav-group:nth-child(3) .feat-primary-nav-trigger::before,
body.feat-shell .topbar .feat-primary-nav-group[data-feat-group="candidatos"] .feat-primary-nav-trigger::before {
  content: "\f0c0";
}

body.feat-shell .topbar .feat-primary-nav-group:nth-child(4) .feat-primary-nav-trigger::before,
body.feat-shell .topbar .feat-primary-nav-group[data-feat-group="entrevistas"] .feat-primary-nav-trigger::before {
  content: "\f073";
}

body.feat-shell .topbar .feat-primary-nav-group:nth-child(5) .feat-primary-nav-trigger::before,
body.feat-shell .topbar .feat-primary-nav-group[data-feat-group="avaliacoes"] .feat-primary-nav-trigger::before {
  content: "\f005";
}

body.feat-shell .topbar .feat-primary-nav-group:nth-child(6) .feat-primary-nav-trigger::before,
body.feat-shell .topbar .feat-primary-nav-group[data-feat-group="relatorios"] .feat-primary-nav-trigger::before {
  content: "\f080";
}

body.feat-shell .topbar .feat-primary-nav-group:nth-child(7) .feat-primary-nav-trigger::before,
body.feat-shell .topbar .feat-primary-nav-group[data-feat-group="contratacoes"] .feat-primary-nav-trigger::before {
  content: "\f4c0";
}

body.feat-shell .topbar .feat-primary-nav-group:nth-child(8) .feat-primary-nav-trigger::before,
body.feat-shell .topbar .feat-primary-nav-group[data-feat-group="banco de talentos"] .feat-primary-nav-trigger::before {
  content: "\f500";
}

body.feat-shell .topbar .feat-primary-nav-group[data-feat-group="recrutamento"] .feat-primary-nav-trigger::before,
body.feat-shell .topbar .feat-primary-nav-group[data-feat-group="operacao e resultado"] .feat-primary-nav-trigger::before,
body.feat-shell .topbar .feat-primary-nav-group[data-feat-group="people"] .feat-primary-nav-trigger::before,
body.feat-shell .topbar .feat-primary-nav-group[data-feat-group="ops"] .feat-primary-nav-trigger::before {
  content: "\f0c9";
}

body.feat-shell .topbar .feat-primary-nav-group-menu {
  margin-top: 0;
}

body.feat-shell .topbar .actions {
  gap: 12px;
}

body.feat-shell .topbar .ghost,
body.feat-shell .topbar .primary,
body.feat-shell .topbar .user {
  min-height: 48px;
}

body.feat-shell .topbar .feat-utility-link {
  position: relative;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 999px;
  font-size: 0;
  color: transparent !important;
  background: transparent;
}

body.feat-shell .topbar .feat-utility-link::before {
  font-family: "Font Awesome 5 Free";
  font-size: 21px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
}

body.feat-shell .topbar .feat-utility-link[aria-label*="Busca"]::before,
body.feat-shell .topbar .feat-utility-link:not(.feat-notification-toggle)::before {
  content: "\f002";
}

body.feat-shell .topbar .feat-notification-toggle::before {
  content: "\f0f3";
}

body.feat-shell .topbar .feat-notification-toggle::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 8px;
  width: 9px;
  height: 9px;
  border: 2px solid var(--feat-blue-primary);
  border-radius: 999px;
  background: var(--feat-blue-action);
}

body.feat-shell .topbar .primary {
  position: relative;
  gap: 12px;
  padding: 0 18px;
  border-radius: 14px;
  font-size: 1rem;
  font-weight: 800;
}

body.feat-shell .topbar .primary::before {
  content: "\2b";
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

body.feat-shell .topbar .primary::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  opacity: 0.9;
}

body.feat-shell .topbar .user {
  gap: 12px;
}

body.feat-shell .topbar .user::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.88);
}

body.feat-shell .topbar .feat-user-avatar,
body.feat-shell .topbar .user > span {
  box-shadow: 0 10px 22px rgba(30, 91, 255, 0.22);
}

body.feat-shell .topbar .feat-topbar-panel {
  min-width: 240px;
}

body.feat-shell .feat-shell-stage {
  padding-top: 36px !important;
}

body.feat-shell .feat-shell-grid,
body.feat-shell .feat-platform-shell-grid,
body.feat-shell .feat-rpo-shell-grid,
body.feat-shell .feat-dashboard-shell-grid,
body.feat-shell .feat-candidaturas-shell,
body.feat-shell .feat-listing-shell {
  gap: var(--feat-shell-stage-gap) !important;
  width: min(100%, var(--feat-shell-content-max));
  margin: 0 auto;
}

body.feat-shell .content-header,
body.feat-shell .feat-screen-subheader-shell,
body.feat-shell .feat-shell-panel-inner {
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
}

body.feat-shell .content-header {
  margin-bottom: 0;
}

body.feat-shell .content-header h1 {
  font-size: 2.35rem !important;
}

body.feat-shell .content-header .breadcrumb {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border-radius: 12px;
  box-shadow: none;
}

body.feat-shell .card,
body.feat-shell .small-box,
body.feat-shell .info-box,
body.feat-shell .feat-panel,
body.feat-shell .feat-list-card,
body.feat-shell .feat-results-surface,
body.feat-shell .feat-filter-sidebar,
body.feat-shell .feat-candidaturas-aside,
body.feat-shell .feat-candidaturas-main,
body.feat-shell .feat-listing-surface {
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
}

body.feat-shell .card-header,
body.feat-shell .feat-candidaturas-main__header {
  padding-top: 18px;
  padding-bottom: 18px;
}

body.feat-shell .card-body {
  padding: 20px;
}

body.feat-shell .small-box .inner,
body.feat-shell .info-box .info-box-content {
  padding-top: 2px;
  padding-bottom: 2px;
}

body.feat-shell .small-box .inner h3,
body.feat-shell .feat-dashboard-kpi__value,
body.feat-shell .feat-platform-kpi-card__value,
body.feat-shell .feat-rpo-kpi-card__value {
  font-size: 2.15rem !important;
  letter-spacing: -0.05em;
}

body.feat-shell .small-box .inner p,
body.feat-shell .feat-dashboard-kpi__eyebrow,
body.feat-shell .feat-platform-kpi-card__label,
body.feat-shell .feat-rpo-kpi-card__label {
  font-size: 0.92rem !important;
  letter-spacing: 0;
  text-transform: none !important;
}

body.feat-shell .table-responsive {
  border-radius: 18px !important;
  overflow: hidden;
}

body.feat-shell .table thead th {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 0.72rem;
}

body.feat-shell .table tbody td {
  padding-top: 14px;
  padding-bottom: 14px;
}

body.feat-shell .dataTables_wrapper .row:first-child,
body.feat-shell .feat-filter-surface .dataTables_wrapper .row:first-child {
  padding: 14px 16px !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

body.feat-shell .form-control,
body.feat-shell .custom-select,
body.feat-shell .select2-selection,
body.feat-shell .select2-container .select2-selection--single,
body.feat-shell .select2-container .select2-selection--multiple {
  background: #fff !important;
}

body.feat-shell .login-box .card,
body.login-page .auth-s14-hero,
body.login-page .feat-auth-hero {
  border-radius: 18px !important;
}

@media (max-width: 1199.98px) {
  body.feat-shell .topbar .feat-header-row {
    padding: 0 24px !important;
    gap: 16px;
  }

  body.feat-shell .topbar .feat-primary-nav-trigger {
    padding: 0 12px;
    font-size: 15px !important;
  }

  body.feat-shell .content-header h1 {
    font-size: 2rem !important;
  }
}

@media (max-width: 991.98px) {
  body.feat-shell .topbar .feat-header-row {
    flex-wrap: wrap !important;
    min-height: auto;
    padding: 16px 20px !important;
  }

  body.feat-shell .topbar .brand {
    min-width: 0;
  }

  body.feat-shell .topbar .feat-primary-nav-region {
    order: 3;
    flex-basis: 100%;
  }

  body.feat-shell .topbar .actions {
    margin-left: auto;
  }

  body.feat-shell .content-header h1 {
    font-size: 1.72rem !important;
  }
}

@media (max-width: 767.98px) {
  body.feat-shell .feat-shell-stage {
    padding-top: 24px !important;
  }

  body.feat-shell .topbar .feat-header-row {
    padding: 14px 16px !important;
  }

  body.feat-shell .topbar .actions {
    gap: 6px;
  }

  body.feat-shell .topbar .feat-utility-link,
  body.feat-shell .topbar .user > span,
  body.feat-shell .topbar .feat-user-avatar {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  body.feat-shell .topbar .user::after {
    display: none;
  }

  body.feat-shell .content-header h1 {
    font-size: 1.42rem !important;
  }
}

/*
 * Lote 7 - rodada 2
 * Congela o topo sem CTA principal, sem icones no menu principal
 * e com o bloco da conta orientado a identidade da conta/empresa.
 */
body.feat-shell .topbar .feat-primary-nav-trigger::before,
body.feat-shell .topbar .feat-primary-nav-group[data-feat-group] .feat-primary-nav-trigger::before,
body.feat-shell .topbar .feat-primary-nav-group:nth-child(n) .feat-primary-nav-trigger::before {
  content: none !important;
  display: none !important;
}

body.feat-shell .topbar .feat-primary-nav,
body.feat-shell .topbar .feat-primary-nav-region {
  gap: 4px;
}

body.feat-shell .topbar .feat-primary-nav-group {
  display: inline-flex;
  align-items: center;
}

body.feat-shell .topbar .feat-primary-nav-trigger {
  gap: 0;
  padding: 0 12px;
  border-radius: 12px;
  background: transparent !important;
  box-shadow: none !important;
}

body.feat-shell .topbar .feat-primary-nav-trigger:hover,
body.feat-shell .topbar .feat-primary-nav-trigger:focus,
body.feat-shell .topbar .feat-primary-nav-trigger.is-active,
body.feat-shell .topbar .feat-primary-nav-group.is-open > .feat-primary-nav-trigger {
  background: rgba(255, 255, 255, 0.08) !important;
}

body.feat-shell .topbar .feat-primary-nav-trigger.is-active,
body.feat-shell .topbar .feat-primary-nav-group.is-open > .feat-primary-nav-trigger {
  box-shadow: inset 0 -2px 0 var(--feat-cyan) !important;
}

body.feat-shell .topbar .primary,
body.feat-shell .topbar .feat-topbar-primary {
  display: none !important;
}

body.feat-shell .topbar .actions {
  gap: 12px;
}

body.feat-shell .topbar .ghost,
body.feat-shell .topbar .feat-utility-link {
  min-height: 40px;
  padding: 0 12px;
  border: 0;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
  font-size: 0.95rem !important;
  font-weight: 650;
  white-space: nowrap;
}

body.feat-shell .topbar .ghost:hover,
body.feat-shell .topbar .ghost:focus,
body.feat-shell .topbar .feat-utility-link:hover,
body.feat-shell .topbar .feat-utility-link:focus {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

body.feat-shell .topbar .feat-utility-link {
  position: relative;
  width: auto;
  min-width: 0;
  height: 40px;
  font-size: 0.95rem !important;
  color: #fff !important;
}

body.feat-shell .topbar .feat-utility-link::before,
body.feat-shell .topbar .feat-notification-toggle::before,
body.feat-shell .topbar .feat-utility-link[aria-label*="Busca"]::before,
body.feat-shell .topbar .feat-utility-link:not(.feat-notification-toggle)::before,
body.feat-shell .topbar .primary::before,
body.feat-shell .topbar .primary::after {
  content: none !important;
  display: none !important;
}

body.feat-shell .topbar .feat-notification-toggle::after {
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  border: 2px solid rgba(11, 15, 42, 0.96);
  background: var(--feat-cyan);
}

body.feat-shell .topbar .feat-topbar-user {
  position: relative;
}

body.feat-shell .topbar .user,
body.feat-shell .topbar .feat-user-toggle {
  min-height: 52px;
  gap: 12px;
  padding: 6px 10px 6px 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) !important;
  box-shadow: 0 14px 28px rgba(3, 7, 18, 0.18);
  backdrop-filter: blur(12px);
}

body.feat-shell .topbar .user:hover,
body.feat-shell .topbar .user:focus,
body.feat-shell .topbar .feat-user-toggle:hover,
body.feat-shell .topbar .feat-user-toggle:focus {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.08)) !important;
}

body.feat-shell .topbar .user::after {
  content: "\f107";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.88);
}

body.feat-shell .topbar .feat-user-avatar,
body.feat-shell .topbar .user > span {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 14px;
  box-shadow: none;
  background: linear-gradient(135deg, rgba(30, 91, 255, 0.95), rgba(34, 211, 238, 0.95));
}

body.feat-shell .topbar .feat-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.feat-shell .topbar .user div {
  min-width: 0;
  gap: 3px;
}

body.feat-shell .topbar .user b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

body.feat-shell .topbar .user small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, 0.74) !important;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.feat-shell .topbar .user small::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--feat-cyan), #7dd3fc);
  box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.12);
}

body.feat-shell .topbar .feat-topbar-panel {
  top: calc(100% + 12px);
  min-width: 280px;
  padding: 14px;
  border-radius: 18px;
}

body.feat-shell .topbar .feat-topbar-panel-account {
  right: 0;
}

@media (max-width: 991.98px) {
  body.feat-shell .topbar .actions {
    gap: 10px;
  }

  body.feat-shell .topbar .user b {
    max-width: 160px;
  }
}

@media (max-width: 767.98px) {
  body.feat-shell .topbar .feat-header-row {
    flex-wrap: nowrap !important;
  }

  body.feat-shell .topbar .actions {
    gap: 8px;
  }

  body.feat-shell .topbar .feat-utility-link {
    min-width: 40px;
    padding: 0 10px;
    font-size: 0;
    color: transparent !important;
  }

  body.feat-shell .topbar .feat-header-menu-toggle {
    min-width: 40px;
    padding: 0;
    font-size: 1rem;
    color: #fff !important;
  }

  body.feat-shell .topbar .feat-utility-link::after {
    display: none !important;
  }

  body.feat-shell .topbar .feat-utility-link[aria-label*="Busca"]::before,
  body.feat-shell .topbar .feat-utility-link:not(.feat-notification-toggle)::before,
  body.feat-shell .topbar .feat-notification-toggle::before {
    display: inline-block !important;
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 1;
  }

  body.feat-shell .topbar .feat-utility-link[aria-label*="Busca"]::before,
  body.feat-shell .topbar .feat-utility-link:not(.feat-notification-toggle)::before {
    content: "\f002" !important;
  }

  body.feat-shell .topbar .feat-notification-toggle::before {
    content: "\f0f3" !important;
  }

  body.feat-shell .topbar .user,
  body.feat-shell .topbar .feat-user-toggle {
    min-height: 44px;
    padding: 4px !important;
    border-radius: 14px;
  }

  body.feat-shell .topbar .user::after {
    display: none;
  }

  body.feat-shell .topbar .user > span,
  body.feat-shell .topbar .feat-user-avatar {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 12px;
  }
}


/* FEAT RH - Ajuste cirúrgico do header para referência visual do dashboard */
body.feat-shell .feat-shell-top{
  background:
    radial-gradient(circle at 0 0, rgba(30,91,255,.22), transparent 30%),
    linear-gradient(135deg,#05091d 0%, #0b1236 52%, #07102c 100%) !important;
}

body.feat-shell .feat-header-row{
  width:100%;
  max-width:none;
  min-height:78px;
  padding:0 28px !important;
  gap:22px;
}

body.feat-shell .feat-header-brand{
  min-width:150px;
}

body.feat-shell .brand-mark{
  width:36px;
  height:36px;
  flex:0 0 36px;
}

body.feat-shell .feat-header-logo-wordmark{
  font-size:22px;
  letter-spacing:-.035em;
}

body.feat-shell .feat-primary-nav-region{
  min-width:0;
}

body.feat-shell .feat-primary-nav{
  gap:14px;
  justify-content:flex-start;
}

body.feat-shell .feat-primary-nav-group{
  position:relative;
  display:inline-flex !important;
  align-items:stretch;
  flex:0 0 auto;
}

/* Restaura o menu superior no fluxo real de grupos/dropdowns. */
body.feat-shell .feat-primary-nav-trigger,
body.feat-shell .feat-primary-nav-link,
body.feat-shell .feat-primary-nav-trigger.feat-primary-nav-link{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:78px;
  padding:0;
  border:0 !important;
  border-radius:0 !important;
  color:rgba(255,255,255,.78) !important;
  background:transparent !important;
  box-shadow:none !important;
  white-space:nowrap;
  text-decoration:none !important;
  font-size:14px;
  line-height:1;
}

body.feat-shell .feat-primary-nav-link i{
  display:inline-flex !important;
  width:18px;
  height:18px;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.82);
  font-size:16px;
}

body.feat-shell .feat-primary-nav-link .feat-primary-nav-label{
  color:inherit !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:-.01em;
}

body.feat-shell .feat-primary-nav-trigger .feat-primary-nav-label{
  color:inherit !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:-.01em;
}

body.feat-shell .feat-primary-nav-trigger:hover,
body.feat-shell .feat-primary-nav-trigger:focus,
body.feat-shell .feat-primary-nav-trigger.is-active,
body.feat-shell .feat-primary-nav-group.is-open > .feat-primary-nav-trigger,
body.feat-shell .feat-primary-nav-link:hover,
body.feat-shell .feat-primary-nav-link:focus,
body.feat-shell .feat-primary-nav-link.is-active{
  color:#fff !important;
}

body.feat-shell .feat-primary-nav-trigger.is-active::after,
body.feat-shell .feat-primary-nav-group.is-open > .feat-primary-nav-trigger::after,
body.feat-shell .feat-primary-nav-link.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:#1397ff;
  box-shadow:0 0 18px rgba(19,151,255,.72);
}

body.feat-shell .feat-primary-nav-trigger.is-active,
body.feat-shell .feat-primary-nav-group.is-open > .feat-primary-nav-trigger,
body.feat-shell .feat-primary-nav-link.is-active{
  box-shadow:none !important;
}

body.feat-shell .feat-header-actions{
  display:flex !important;
  align-items:center;
  gap:12px;
  min-width:max-content;
}

body.feat-shell .feat-utility-link{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  padding:0 !important;
  border:0 !important;
  border-radius:12px !important;
  color:rgba(255,255,255,.88) !important;
  background:transparent !important;
  font-size:0 !important;
  text-decoration:none !important;
}

body.feat-shell .feat-utility-link:hover,
body.feat-shell .feat-utility-link:focus{
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
}

body.feat-shell .feat-utility-link::before{
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  font-size:18px;
  line-height:1;
}

body.feat-shell .feat-utility-link[data-feat-utility="search"]::before{content:"\f002";}
body.feat-shell .feat-utility-link[data-feat-utility="notifications"]::before{content:"\f0f3";}
body.feat-shell .feat-utility-link[data-feat-utility="messages"]::before{content:"\f27a";}

body.feat-shell .feat-notification-toggle::after{
  content:"2";
  position:absolute;
  top:2px;
  right:2px;
  width:17px;
  height:17px;
  display:grid !important;
  place-items:center;
  border:2px solid #0b1236;
  border-radius:999px;
  color:#fff;
  background:#1e5bff;
  font-size:10px;
  font-weight:800;
}

body.feat-shell .feat-header-primary-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 18px;
  border-radius:10px;
  color:#fff !important;
  background:linear-gradient(135deg,#1e5bff,#2563eb);
  box-shadow:0 18px 28px rgba(30,91,255,.28);
  text-decoration:none !important;
  white-space:nowrap;
}

body.feat-shell .feat-header-primary-cta span{
  font-size:24px;
  line-height:1;
  font-weight:400;
}

body.feat-shell .feat-header-primary-cta strong{
  font-size:14px;
  font-weight:700;
}

body.feat-shell .feat-header-primary-cta i{
  font-size:12px;
  opacity:.9;
}

body.feat-shell .feat-user-toggle{
  min-height:48px;
  padding:4px 0 4px 4px !important;
  gap:10px;
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
}

body.feat-shell .feat-user-toggle:hover,
body.feat-shell .feat-user-toggle:focus{
  background:rgba(255,255,255,.06) !important;
}

body.feat-shell .feat-user-avatar{
  width:44px;
  height:44px;
  border-radius:999px;
  overflow:hidden;
  border:2px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.12);
  color:#fff;
  font-weight:800;
}

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

body.feat-shell .feat-topbar-user .user > div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:112px;
}

body.feat-shell .feat-topbar-user .user b{
  color:#fff;
  font-size:14px;
  font-weight:750;
  line-height:1.1;
}

body.feat-shell .feat-topbar-user .user small{
  margin-top:3px;
  color:rgba(255,255,255,.72) !important;
  font-size:12px;
  line-height:1;
}

body.feat-shell .feat-user-chevron{
  margin-left:2px;
  color:rgba(255,255,255,.78);
  font-size:12px;
}

body.feat-shell .feat-topbar-panel{
  top:calc(100% + 10px);
  border:1px solid rgba(226,232,240,.9);
  border-radius:16px;
  box-shadow:var(--feat-shadow-soft);
}

@media (max-width:1280px){
  body.feat-shell .feat-header-row{padding:0 18px !important;gap:16px;}
  body.feat-shell .feat-primary-nav{gap:10px;}
  body.feat-shell .feat-primary-nav-link .feat-primary-nav-label,
  body.feat-shell .feat-primary-nav-trigger .feat-primary-nav-label{font-size:13px !important;}
}

@media (max-width:1080px){
  body.feat-shell .feat-primary-nav-link .feat-primary-nav-label,
  body.feat-shell .feat-primary-nav-trigger .feat-primary-nav-label{display:none;}
  body.feat-shell .feat-primary-nav{gap:16px;}
}

@media (max-width:860px){
  body.feat-shell .feat-header-menu-toggle{display:inline-flex !important;}
  body.feat-shell .feat-primary-nav-region{display:none !important;}
  body.feat-shell .feat-header-primary-cta{display:none;}
  body.feat-shell .feat-topbar-user .user > div,
  body.feat-shell .feat-user-chevron{display:none;}
}

@media (max-width:560px){
  body.feat-shell .feat-header-row{
    grid-template-columns:auto 1fr auto;
    padding:0 14px !important;
  }
  body.feat-shell .feat-header-logo-wordmark{font-size:18px;}
  body.feat-shell .feat-utility-link[data-feat-utility="search"]{display:none !important;}
}


/* FEAT RH - ajuste cirúrgico do logo do header
   - remove o ponto/bolão rosa do brand-mark
   - reduz o peso visual do wordmark FEAT RH
*/
body.feat-shell .brand-mark .dot,
body.feat-shell .topbar .brand-mark .dot,
body.feat-shell .feat-shell-drawer-head .brand-mark .dot {
  display: none !important;
  content: none !important;
}

body.feat-shell .feat-header-logo-wordmark,
body.feat-shell .topbar .feat-header-logo-wordmark {
  font-weight: 400 !important;
  font-size: 18px !important;
  letter-spacing: -0.025em !important;
}

body.feat-shell .feat-shell-drawer-head .brand strong {
  font-weight: 650 !important;
  letter-spacing: -0.025em !important;
}

/* FEAT RH - ajuste cirurgico do topo
   - encurta a coluna reservada da marca para aproximar o primeiro grupo;
   - aplica peso real 300 aos labels do menu;
   - libera os dropdowns no desktop removendo clipping do container.
*/
body.feat-shell .topbar .feat-header-row,
body.feat-shell .feat-header-row {
  gap: 16px !important;
}

body.feat-shell .topbar .brand,
body.feat-shell .topbar .feat-header-brand,
body.feat-shell .brand.feat-header-brand,
body.feat-shell .feat-header-brand {
  min-width: max-content !important;
  width: auto !important;
  flex: 0 0 auto !important;
  gap: 14px !important;
}

body.feat-shell .topbar .brand-link,
body.feat-shell .topbar .feat-header-logo,
body.feat-shell .feat-header-logo {
  min-width: 0 !important;
}

body.feat-shell .topbar .feat-primary-nav-region,
body.feat-shell .feat-primary-nav-region {
  min-width: 0 !important;
  overflow: visible !important;
}

body.feat-shell .topbar .feat-primary-nav,
body.feat-shell .feat-primary-nav {
  gap: 6px !important;
  overflow: visible !important;
}

body.feat-shell .topbar .feat-primary-nav-group,
body.feat-shell .feat-primary-nav-group {
  position: relative;
  overflow: visible !important;
}

body.feat-shell .topbar .feat-primary-nav-trigger,
body.feat-shell .topbar .feat-primary-nav-link,
body.feat-shell .feat-primary-nav-trigger,
body.feat-shell .feat-primary-nav-link {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

body.feat-shell .topbar .feat-primary-nav-trigger .feat-primary-nav-label,
body.feat-shell .topbar .feat-primary-nav-link .feat-primary-nav-label,
body.feat-shell .feat-primary-nav-trigger .feat-primary-nav-label,
body.feat-shell .feat-primary-nav-link .feat-primary-nav-label {
  font-size: 13px !important;
  font-weight: 300 !important;
}

body.feat-shell .topbar .feat-primary-nav-group-menu,
body.feat-shell .feat-primary-nav-group-menu {
  z-index: 1200 !important;
}

@media (min-width: 861px) {
  body.feat-shell .topbar .feat-primary-nav-region,
  body.feat-shell .topbar .feat-primary-nav,
  body.feat-shell .feat-primary-nav-region,
  body.feat-shell .feat-primary-nav {
    overflow: visible !important;
  }
}

/* FEAT RH - consolidacao final da geometria do topo
   Neutraliza a trilha antiga da marca para a nav principal iniciar
   imediatamente apos o logo/nome, sem reservar coluna fantasma. */
body.feat-shell .topbar .feat-header-row,
body.feat-shell .feat-header-row {
  padding-left: 16px !important;
  padding-right: 16px !important;
  gap: 16px !important;
}

body.feat-shell .topbar .brand.feat-header-brand,
body.feat-shell .topbar .feat-header-brand,
body.feat-shell .brand.feat-header-brand,
body.feat-shell .feat-header-brand {
  min-width: 0 !important;
  width: auto !important;
  flex: 0 0 auto !important;
  gap: 14px !important;
}

body.feat-shell .topbar .brand-link.feat-header-logo,
body.feat-shell .topbar .feat-header-logo,
body.feat-shell .feat-header-logo {
  min-width: 0 !important;
  width: auto !important;
  flex: 0 0 auto !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

body.feat-shell .topbar .feat-primary-nav-region,
body.feat-shell .feat-primary-nav-region {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 14px !important;
  padding-left: 0 !important;
  overflow: visible !important;
}

body.feat-shell .topbar .feat-primary-nav,
body.feat-shell .feat-primary-nav {
  width: auto !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  overflow: visible !important;
}

body.feat-shell .topbar .feat-primary-nav-trigger,
body.feat-shell .topbar .feat-primary-nav-link,
body.feat-shell .feat-primary-nav-trigger,
body.feat-shell .feat-primary-nav-link {
  font-size: 13px !important;
  font-weight: 300 !important;
}

body.feat-shell .feat-topbar-user .user b,
body.feat-shell .topbar .feat-topbar-user .user b {
  font-weight: 500 !important;
}

/* FEAT RH - autoridade final do shell do topo no desktop
   Consolida a gramática nova em flex e neutraliza as sobras de grid/pill
   que ainda faziam algumas views esconderem ou colapsarem os botões. */
@media (min-width: 861px) {
  body.feat-shell .feat-shell-top,
  body.feat-shell .topbar.main-header.feat-header,
  body.feat-shell .topbar .feat-header-row,
  body.feat-shell .topbar .feat-primary-nav-region,
  body.feat-shell .topbar .feat-primary-nav,
  body.feat-shell .topbar .feat-primary-nav-group {
    overflow: visible !important;
  }

  body.feat-shell .topbar .feat-header-row,
  body.feat-shell .feat-header-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.feat-shell .topbar .brand,
  body.feat-shell .topbar .feat-header-brand,
  body.feat-shell .brand.feat-header-brand,
  body.feat-shell .feat-header-brand {
    min-width: 0 !important;
    width: auto !important;
    flex: 0 0 auto !important;
    gap: 14px !important;
    margin-right: 0 !important;
  }

  body.feat-shell .topbar .brand-link,
  body.feat-shell .topbar .feat-header-logo,
  body.feat-shell .feat-header-logo {
    min-width: 0 !important;
    width: auto !important;
    flex: 0 0 auto !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
  }

  body.feat-shell .topbar .feat-primary-nav-region,
  body.feat-shell .feat-primary-nav-region {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 14px !important;
    padding-left: 0 !important;
  }

  body.feat-shell .topbar .feat-primary-nav,
  body.feat-shell .feat-primary-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    gap: 6px !important;
  }

  body.feat-shell .topbar .feat-primary-nav-group,
  body.feat-shell .feat-primary-nav-group {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    position: relative !important;
    min-width: 0 !important;
  }

  body.feat-shell .topbar .feat-primary-nav-trigger,
  body.feat-shell .topbar .feat-primary-nav-link,
  body.feat-shell .feat-primary-nav-trigger,
  body.feat-shell .feat-primary-nav-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    width: auto !important;
    padding: 0 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }

  body.feat-shell .topbar .feat-primary-nav-trigger::before,
  body.feat-shell .topbar .feat-primary-nav-link::before,
  body.feat-shell .feat-primary-nav-trigger::before,
  body.feat-shell .feat-primary-nav-link::before {
    content: none !important;
    display: none !important;
  }

  body.feat-shell .topbar .feat-primary-nav-trigger .feat-primary-nav-label,
  body.feat-shell .topbar .feat-primary-nav-link .feat-primary-nav-label,
  body.feat-shell .feat-primary-nav-trigger .feat-primary-nav-label,
  body.feat-shell .feat-primary-nav-link .feat-primary-nav-label {
    font-size: 13px !important;
    font-weight: 300 !important;
    letter-spacing: -0.01em !important;
    display: block !important;
  }

  body.feat-shell .topbar .feat-primary-nav-meta,
  body.feat-shell .feat-primary-nav-meta {
    display: none !important;
  }

  body.feat-shell .topbar .feat-primary-nav-region[hidden],
  body.feat-shell .topbar .feat-primary-nav[hidden] {
    display: flex !important;
  }

  body.feat-shell .topbar .feat-primary-nav-group-menu,
  body.feat-shell .feat-primary-nav-group-menu {
    z-index: 1200 !important;
  }
}

/* Sprint 46: utilitarios do topo precisam manter os icones corretos
   no desktop e no mobile, sem cair no seletor generico de busca. */
body.feat-shell .topbar .feat-notification-toggle::before,
body.feat-shell .topbar .feat-utility-link[data-feat-utility="notifications"]::before,
body.feat-shell .feat-notification-toggle::before,
body.feat-shell .feat-utility-link[data-feat-utility="notifications"]::before {
  content: "\f0f3" !important;
  display: inline-block !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  line-height: 1 !important;
}

body.feat-shell .topbar .feat-utility-link[data-feat-utility="messages"]::before,
body.feat-shell .feat-utility-link[data-feat-utility="messages"]::before {
  content: "\f27a" !important;
  display: inline-block !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  line-height: 1 !important;
}