/**
 * BASE Jurídica — tema visual (guia de marca 2026).
 * Navy #0D1B2A / #1B2C3D · Ouro #B79157 · Neutros #6B7280 / #F2F3F5
 * Herda layout do theme-base e remapeia tokens + tipografia.
 */
@import url('/css/theme-base.css');
@import url('/css/fonts-juridica.css');

:root,
body.theme-juridica,
body.instance-juridica {
    --jur-navy: #0D1B2A;
    --jur-navy-mid: #1B2C3D;
    --jur-gold: #B79157;
    --jur-gold-hover: #A07F4A;
    --jur-gold-soft: rgba(183, 145, 87, 0.18);
    --jur-grey: #6B7280;
    --jur-offwhite: #F2F3F5;
    --jur-white: #FFFFFF;

    --base-orange: var(--jur-gold);
    --base-orange-hover: var(--jur-gold-hover);
    --base-orange-soft: var(--jur-gold-soft);
    --base-charcoal: var(--jur-navy);
    --base-charcoal-mid: var(--jur-navy-mid);
    --base-charcoal-light: #243447;
    --base-white: var(--jur-white);
    --base-gray-bg: var(--jur-offwhite);
    --base-gray-text: var(--jur-grey);

    --cor-header-bg: var(--jur-navy);
    --cor-menu-bg: var(--jur-navy-mid);
    --cor-menu-link-texto: var(--jur-offwhite);
    --cor-menu-link-hover-bg: var(--jur-gold);
    --cor-menu-link-hover-texto: var(--jur-navy);
    --cor-dropdown-bg: var(--jur-navy-mid);
    --cor-dropdown-link-hover-bg: var(--jur-gold);

    --cor-texto-principal: var(--jur-navy);
    --cor-fundo-pagina: var(--jur-offwhite);
    --cor-link-padrao: var(--jur-navy);

    --cor-vermelho: var(--jur-gold);
    --cor-vermelho-escuro: var(--jur-gold-hover);
    --cor-chumbo: var(--jur-navy-mid);
    --cor-chumbo-escuro: var(--jur-navy);
}

body.theme-juridica,
body.instance-juridica {
    font-family: var(--font-body, "IBM Plex Sans", system-ui, sans-serif);
    background-color: var(--cor-fundo-pagina);
}

/* Sidebar navy + detalhe ouro */
body.theme-juridica .sidebar,
body.instance-juridica .sidebar {
    background: linear-gradient(180deg, var(--jur-navy) 0%, var(--jur-navy-mid) 100%);
    border-right: 1px solid rgba(183, 145, 87, 0.12);
}

body.theme-juridica .sidebar-subtitle,
body.instance-juridica .sidebar-subtitle {
    color: var(--jur-gold);
}

/* Cabeçalho com lockup de marca: o logo/ícone é a identidade, sem título/tagline em texto. */
body.theme-juridica .sidebar-header.has-brand-logo .sidebar-title,
body.theme-juridica .sidebar-header.has-brand-logo .sidebar-subtitle,
body.instance-juridica .sidebar-header.has-brand-logo .sidebar-title,
body.instance-juridica .sidebar-header.has-brand-logo .sidebar-subtitle {
    display: none !important;
}

body.theme-juridica .btn-primary,
body.theme-juridica .btn-login,
body.theme-juridica .btn.btn-primary,
body.instance-juridica .btn-primary,
body.instance-juridica .btn-login,
body.instance-juridica .btn.btn-primary {
    background: var(--jur-gold);
    border-color: var(--jur-gold);
    color: var(--jur-navy);
    font-weight: 600;
    letter-spacing: 0.02em;
}

body.theme-juridica .btn-primary:hover,
body.theme-juridica .btn-login:hover,
body.theme-juridica .btn.btn-primary:hover,
body.instance-juridica .btn-primary:hover,
body.instance-juridica .btn-login:hover,
body.instance-juridica .btn.btn-primary:hover {
    background: var(--jur-gold-hover);
    border-color: var(--jur-gold-hover);
    color: var(--jur-navy);
}

body.theme-juridica.login-page,
body.instance-juridica.login-page {
    background-image:
        radial-gradient(ellipse 80% 60% at 50% -10%, rgba(183, 145, 87, 0.16) 0%, transparent 55%),
        linear-gradient(180deg, var(--jur-navy) 0%, #08121c 100%);
}

body.theme-juridica.login-page .login-box,
body.instance-juridica.login-page .login-box {
    background: var(--jur-navy-mid);
    border-color: rgba(183, 145, 87, 0.25);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

body.theme-juridica.login-page .btn-login,
body.instance-juridica.login-page .btn-login {
    background: var(--jur-gold) !important;
    color: var(--jur-navy) !important;
}

body.theme-juridica.login-page .btn-login:hover,
body.instance-juridica.login-page .btn-login:hover {
    background: var(--jur-gold-hover) !important;
    color: var(--jur-navy) !important;
}

body.theme-juridica.login-page .login-header .logo-container--juridica,
body.instance-juridica.login-page .login-header .logo-container--juridica {
    width: auto;
    height: auto;
    max-width: 300px;
    padding: 0;
    margin-bottom: 1.25rem;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}

body.theme-juridica.login-page .login-header .logo-container--juridica .logo-img,
body.instance-juridica.login-page .login-header .logo-container--juridica .logo-img {
    width: auto;
    height: auto;
    max-height: 64px;
    max-width: 100%;
    border-radius: 0;
    object-fit: contain;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}

body.theme-juridica .login-box,
body.instance-juridica .login-box {
    border-color: rgba(183, 145, 87, 0.2);
}

body.theme-juridica .login-left,
body.instance-juridica .login-left {
    background: linear-gradient(160deg, var(--jur-navy) 0%, var(--jur-navy-mid) 50%, #2a3f52 100%);
}

body.theme-juridica .rodape,
body.instance-juridica .rodape {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    text-align: center;
    padding: 12px 16px !important;
    margin-top: 24px;
    background: var(--jur-navy, #0D1B2A) !important;
    color: rgba(242, 243, 245, 0.72) !important;
    border-top: 3px solid var(--jur-gold, #B79157) !important;
    font-family: var(--font-body, "IBM Plex Sans", system-ui, sans-serif);
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
}

body.theme-juridica .rodape img,
body.theme-juridica .rodape-logo,
body.instance-juridica .rodape img,
body.instance-juridica .rodape-logo {
    display: block !important;
    height: 22px !important;
    width: auto !important;
    max-height: 22px !important;
    max-width: 22px !important;
    object-fit: contain;
    flex-shrink: 0;
    opacity: 0.92;
}

body.theme-juridica .rodape span,
body.instance-juridica .rodape span,
body.theme-juridica .rodape-text,
body.instance-juridica .rodape-text {
    margin: 0;
    color: rgba(242, 243, 245, 0.72) !important;
}

body.theme-juridica .rodape .lastro-seal,
body.instance-juridica .rodape .lastro-seal,
.login-footer .lastro-seal {
    color: rgba(242, 243, 245, 0.8) !important;
    text-decoration: none !important;
    font-weight: 500;
    white-space: nowrap;
}

body.theme-juridica .rodape .lastro-seal:hover,
body.instance-juridica .rodape .lastro-seal:hover,
.login-footer .lastro-seal:hover {
    color: var(--jur-gold, #B79157) !important;
    text-decoration: underline !important;
}

body.theme-juridica .breadcrumb-back,
body.instance-juridica .breadcrumb-back {
    background: var(--jur-gold, #B79157) !important;
    color: var(--jur-navy, #0D1B2A) !important;
}

body.theme-juridica .breadcrumb-item a,
body.instance-juridica .breadcrumb-item a {
    color: var(--jur-navy, #0D1B2A) !important;
}

body.theme-juridica .breadcrumb-item a:hover,
body.instance-juridica .breadcrumb-item a:hover {
    color: var(--jur-gold, #B79157) !important;
}

body.theme-juridica .menu-item.active > a,
body.instance-juridica .menu-item.active > a,
body.theme-juridica .sidebar-menu .menu-item.active > a,
body.instance-juridica .sidebar-menu .menu-item.active > a {
    background: rgba(183, 145, 87, 0.18) !important;
    color: #F2F3F5 !important;
    font-weight: 600 !important;
    box-shadow: inset 3px 0 0 var(--jur-gold, #B79157) !important;
    border-radius: 8px !important;
}

body.theme-juridica .menu-item.active > a i,
body.instance-juridica .menu-item.active > a i {
    color: var(--jur-gold, #B79157) !important;
}

body.theme-juridica .submenu a.active,
body.instance-juridica .submenu a.active {
    background: rgba(183, 145, 87, 0.2) !important;
    box-shadow: inset 3px 0 0 var(--jur-gold, #B79157) !important;
    border-left: none !important;
    color: #fff !important;
}

body.theme-juridica .sidebar-menu,
body.instance-juridica .sidebar-menu {
    font-family: var(--font-display, "Montserrat", system-ui, sans-serif);
}

body.theme-juridica .menu-item > a,
body.instance-juridica .menu-item > a {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    gap: 10px;
}

body.theme-juridica .submenu a,
body.instance-juridica .submenu a {
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 9px 12px 9px 42px !important;
}

body.theme-juridica .submenu a i,
body.instance-juridica .submenu a i {
    width: 18px;
    margin-right: 8px;
    text-align: center;
    opacity: 0.9;
}

body.theme-juridica .menu-item,
body.instance-juridica .menu-item {
    margin: 0 10px 3px;
}

body.theme-juridica .submenu,
body.instance-juridica .submenu {
    margin: 2px 10px 8px;
    padding: 4px 0 6px !important;
}


body.theme-juridica .sidebar-brand-wide,
body.instance-juridica .sidebar-brand-wide {
    height: 40px;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
    display: block;
}

/* Ícone só no menu recolhido — evita o "b" solto acima da busca */
body.theme-juridica .sidebar-brand-icon,
body.instance-juridica .sidebar-brand-icon {
    display: none !important;
}

body.theme-juridica .sidebar.collapsed .sidebar-brand-wide,
body.instance-juridica .sidebar.collapsed .sidebar-brand-wide {
    display: none !important;
}

body.theme-juridica .sidebar.collapsed .sidebar-brand-icon,
body.instance-juridica .sidebar.collapsed .sidebar-brand-icon {
    display: block !important;
    height: 36px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
}

body.theme-juridica .sidebar-header.has-brand-logo,
body.instance-juridica .sidebar-header.has-brand-logo {
    height: auto;
    min-height: 64px;
    overflow: hidden;
}

body.theme-juridica .sidebar-search-input,
body.instance-juridica .sidebar-search-input {
    color: #F2F3F5 !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(183, 145, 87, 0.28) !important;
}

body.theme-juridica .sidebar-search-input::placeholder,
body.instance-juridica .sidebar-search-input::placeholder {
    color: rgba(242, 243, 245, 0.45) !important;
}

body.theme-juridica:not(.login-page) .main-wrapper a:not(.btn):not(.breadcrumb-back):not(.stat-card):not(.pd-hub-chip):not(.esc-aviso-btn):not(.esc-gate-link),
body.instance-juridica:not(.login-page) .main-wrapper a:not(.btn):not(.breadcrumb-back):not(.stat-card):not(.pd-hub-chip):not(.esc-aviso-btn):not(.esc-gate-link) {
    color: var(--jur-navy, #0D1B2A);
}

body.theme-juridica:not(.login-page) .main-wrapper a:not(.btn):not(.breadcrumb-back):not(.pd-hub-chip):not(.esc-aviso-btn):not(.esc-gate-link):hover,
body.instance-juridica:not(.login-page) .main-wrapper a:not(.btn):not(.breadcrumb-back):not(.pd-hub-chip):not(.esc-aviso-btn):not(.esc-gate-link):hover {
    color: var(--jur-gold, #B79157);
}

body.theme-juridica .jur-hero-ia,
body.instance-juridica .jur-hero-ia {
    background: linear-gradient(135deg, var(--jur-navy) 0%, var(--jur-navy-mid) 55%, var(--jur-gold) 160%) !important;
    color: #fff !important;
}

body.theme-juridica .jur-hero-ia > .card-body,
body.instance-juridica .jur-hero-ia > .card-body {
    background: transparent !important;
    color: #fff !important;
}

body.theme-juridica .jur-hero-ia :is(.card-title, h5, p, li, i, small, span:not(.badge)),
body.instance-juridica .jur-hero-ia :is(.card-title, h5, p, li, i, small, span:not(.badge)) {
    color: #fff !important;
}

/* Login: lockup claro no navy — sem caixa branca nem círculo do login.v2 */
body.theme-juridica.login-page .login-header .logo-container,
body.instance-juridica.login-page .login-header .logo-container,
body.theme-juridica.login-page .login-header .logo-container--brand,
body.instance-juridica.login-page .login-header .logo-container--brand,
body.theme-juridica.login-page .login-header .logo-container--juridica,
body.instance-juridica.login-page .login-header .logo-container--juridica {
    width: auto !important;
    height: auto !important;
    max-width: 280px;
    margin: 0 auto 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.theme-juridica.login-page .login-header .logo-img,
body.instance-juridica.login-page .login-header .logo-img {
    width: auto !important;
    height: auto !important;
    max-height: 56px !important;
    max-width: 100% !important;
    border-radius: 0 !important; /* login.v2 usa 50% e corta o lockup em elipse */
    object-fit: contain !important;
    overflow: visible !important;
    clip-path: none !important;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}

/* Lockup já traz o nome — evita título duplicado */
body.theme-juridica.login-page .login-header h2,
body.instance-juridica.login-page .login-header h2 {
    display: none;
}

/* Meu Dia / painéis — contraste legível */
body.theme-juridica .pd-hero-resumo,
body.instance-juridica .pd-hero-resumo {
    color: #374151 !important;
}

body.theme-juridica .pd-dia-vazio,
body.instance-juridica .pd-dia-vazio,
body.theme-juridica .text-muted,
body.instance-juridica .text-muted {
    color: #4b5563 !important;
}

body.theme-juridica .pd-eyebrow,
body.instance-juridica .pd-eyebrow {
    color: #475569 !important;
}

body.theme-juridica .pd-dia-item,
body.instance-juridica .pd-dia-item {
    border: 1px solid #e5e7eb;
    background: #fff;
}

body.theme-juridica .pd-dia-card,
body.instance-juridica .pd-dia-card {
    border-color: #e5e7eb;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

/* Hub do escritório (Meu Dia) — chips visíveis, sem roxo Alicerce */
body.theme-juridica .pd-narrativa,
body.instance-juridica .pd-narrativa {
    background: #F2F3F5;
    border: 1px solid #d1d5db;
}
body.theme-juridica .pd-narrativa-head,
body.instance-juridica .pd-narrativa-head {
    color: #0D1B2A;
}
body.theme-juridica .pd-narrativa-head i,
body.instance-juridica .pd-narrativa-head i {
    color: #B79157;
}
body.theme-juridica a.pd-hub-chip,
body.instance-juridica a.pd-hub-chip {
    background: #fff !important;
    border: 1px solid #1B2C3D !important;
    color: #0D1B2A !important;
    text-decoration: none !important;
}
body.theme-juridica a.pd-hub-chip:hover,
body.theme-juridica a.pd-hub-chip:focus,
body.instance-juridica a.pd-hub-chip:hover,
body.instance-juridica a.pd-hub-chip:focus {
    background: rgba(183, 145, 87, 0.14) !important;
    border-color: #B79157 !important;
    color: #0D1B2A !important;
    text-decoration: none !important;
}
body.theme-juridica a.pd-hub-chip.is-destaque,
body.instance-juridica a.pd-hub-chip.is-destaque {
    background: #0D1B2A !important;
    border-color: #0D1B2A !important;
    color: #fff !important;
}
body.theme-juridica a.pd-hub-chip.is-destaque:hover,
body.instance-juridica a.pd-hub-chip.is-destaque:hover {
    background: #1B2C3D !important;
    border-color: #B79157 !important;
    color: #fff !important;
}

body.theme-juridica a.esc-aviso-btn,
body.theme-juridica button.esc-aviso-btn,
body.instance-juridica a.esc-aviso-btn,
body.instance-juridica button.esc-aviso-btn {
    background: #B79157 !important;
    border: 1px solid #B79157 !important;
    color: #0D1B2A !important;
    text-decoration: none !important;
}
body.theme-juridica a.esc-aviso-btn:hover,
body.theme-juridica button.esc-aviso-btn:hover,
body.instance-juridica a.esc-aviso-btn:hover,
body.instance-juridica button.esc-aviso-btn:hover {
    background: #A07F4A !important;
    border-color: #A07F4A !important;
    color: #0D1B2A !important;
    text-decoration: none !important;
}
body.theme-juridica .esc-aviso-btn--ghost,
body.instance-juridica .esc-aviso-btn--ghost {
    background: #fff !important;
    border: 1px solid #0D1B2A !important;
    color: #0D1B2A !important;
}
body.theme-juridica .esc-aviso-btn--ghost:hover,
body.instance-juridica .esc-aviso-btn--ghost:hover {
    background: rgba(183, 145, 87, 0.14) !important;
    border-color: #B79157 !important;
    color: #0D1B2A !important;
}
body.theme-juridica .esc-gate-banner a.esc-gate-link,
body.instance-juridica .esc-gate-banner a.esc-gate-link {
    color: #F8F4EC !important;
}

/* Header: inbox / jornada / suporte — sem o lilás RD (#8B5CF6) */
body.theme-juridica .top-header .inbox-btn,
body.instance-juridica .top-header .inbox-btn {
    background: var(--jur-offwhite, #F2F3F5) !important;
    background-image: none !important;
    color: var(--jur-gold, #B79157) !important;
    box-shadow: none !important;
}
body.theme-juridica .top-header .inbox-btn i,
body.instance-juridica .top-header .inbox-btn i {
    color: var(--jur-gold, #B79157) !important;
}
body.theme-juridica .top-header .inbox-btn.jornada-alerta,
body.instance-juridica .top-header .inbox-btn.jornada-alerta,
body.theme-juridica .top-header .inbox-btn.jornada-alerta i,
body.instance-juridica .top-header .inbox-btn.jornada-alerta i {
    color: #b45309 !important;
}

/* =========================================================
 * Etapa 14-A — Shell: menu horizontal em cascata (Conceito 3)
 * Só aparência/navegação. Sidebar permanece fonte dos itens (mobile).
 * ========================================================= */

body.jur-shell-topnav {
  --jur-shell-nav-h: 48px;
}

/* Desktop: sidebar fora do fluxo; conteúdo full-bleed */
@media (min-width: 992px) {
  body.jur-shell-topnav .sidebar,
  body.jur-shell-topnav .rd-sidebar {
    position: fixed !important;
    left: -320px !important;
    width: 280px !important;
    z-index: 1200 !important;
    /* Sem transition no hide padrão — evita flash/deslize na troca de tela */
    transition: none !important;
  }
  body.jur-shell-topnav.jur-shell-drawer-anim .sidebar,
  body.jur-shell-topnav.jur-shell-drawer-anim .rd-sidebar {
    transition: left .2s ease !important;
  }
  body.jur-shell-topnav.jur-shell-drawer-open .sidebar,
  body.jur-shell-topnav.jur-shell-drawer-open .rd-sidebar {
    left: 0 !important;
  }
  body.jur-shell-topnav .main-wrapper,
  body.jur-shell-topnav #main-wrapper {
    margin-left: 0 !important;
  }
  body.jur-shell-topnav .top-header {
    left: 0 !important;
    height: auto !important;
    min-height: 60px;
    flex-wrap: wrap;
    padding: 0 !important;
    align-items: stretch;
    box-shadow: 0 1px 0 rgba(13, 27, 42, 0.08) !important;
  }
  body.jur-shell-topnav .jur-shell-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px;
    min-height: 60px;
    gap: 12px;
  }
  body.jur-shell-topnav .sidebar-toggle {
    /* Busca completa no drawer; no desktop o X/hamburger abre “Ver tudo” */
    opacity: .85;
  }
}

/* Brand no header (sidebar oculto) */
.jur-shell-brand {
  display: none;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--jur-navy, #0D1B2A);
  font-weight: 700;
  font-family: var(--font-display, "Montserrat", sans-serif);
  letter-spacing: .02em;
  white-space: nowrap;
}
body.jur-shell-topnav .jur-shell-brand {
  display: inline-flex;
}
.jur-shell-brand img {
  height: 28px;
  width: auto;
  display: block;
}
.jur-shell-brand span {
  font-size: .95rem;
  color: var(--jur-navy, #0D1B2A);
}

/* Faixa de áreas */
#jur-topnav {
  display: none;
  width: 100%;
  background: var(--jur-navy, #0D1B2A);
  border-top: 1px solid rgba(183, 145, 87, 0.18);
  position: relative;
  z-index: 998;
}
body.jur-shell-topnav #jur-topnav {
  display: block;
}
.jur-topnav-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 0 12px;
  min-height: var(--jur-shell-nav-h);
  align-items: stretch;
  overflow-x: auto;
  scrollbar-width: thin;
}
.jur-topnav-area {
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(242, 243, 245, 0.88);
  font-family: var(--font-body, "IBM Plex Sans", system-ui, sans-serif);
  font-size: .86rem;
  font-weight: 600;
  padding: 0 14px;
  height: var(--jur-shell-nav-h);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  border-radius: 0;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}
.jur-topnav-area i {
  font-size: .65rem;
  opacity: .7;
}
.jur-topnav-area:hover,
.jur-topnav-area.is-open {
  background: rgba(183, 145, 87, 0.18);
  color: #fff;
}
.jur-topnav-area.is-active {
  box-shadow: inset 0 -3px 0 var(--jur-gold, #B79157);
  color: #fff;
}

/* Painel cascata — dropdown compacto (não faixa full-width) */
.jur-topnav-cascade {
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  width: max-content;
  max-width: min(560px, calc(100vw - 24px));
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(13, 27, 42, 0.16);
  padding: 10px 12px 12px;
  z-index: 1100;
}
.jur-topnav-panel-title {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--jur-gold, #B79157);
  margin-bottom: 8px;
  padding: 0 4px;
}
.jur-topnav-panel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(148px, 1fr));
  gap: 2px 6px;
}
.jur-topnav-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 6px;
  color: var(--jur-navy, #0D1B2A) !important;
  text-decoration: none !important;
  font-size: .84rem;
  font-weight: 500;
  line-height: 1.25;
  background: transparent;
  border: 1px solid transparent;
  white-space: nowrap;
}
.jur-topnav-link i {
  width: .95rem;
  font-size: .78rem;
  text-align: center;
  color: var(--jur-gold, #B79157);
  opacity: .9;
  flex-shrink: 0;
}
.jur-topnav-link:hover {
  background: var(--jur-offwhite, #F2F3F5) !important;
  border-color: #e8eaed;
}
.jur-topnav-link.is-active {
  background: rgba(183, 145, 87, 0.12) !important;
  border-color: rgba(183, 145, 87, 0.35);
  font-weight: 650;
}

/* Busca no header (Conceito 3) */
body.jur-shell-topnav .jur-header-search {
  flex: 1 1 auto;
  max-width: 360px;
  margin: 0 12px;
  min-width: 160px;
}
body.jur-shell-topnav .jur-header-search .sidebar-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  padding: 0 12px;
  height: 36px;
}
body.jur-shell-topnav .jur-header-search .sidebar-search-wrap > i {
  color: #6b7280;
  font-size: .85rem;
  margin-right: 8px;
}
body.jur-shell-topnav .jur-header-search .sidebar-search-input {
  flex: 1;
  border: 0;
  background: transparent;
  outline: none;
  font-size: .88rem;
  color: var(--jur-navy, #0D1B2A);
  height: 34px;
  padding: 0;
}
body.jur-shell-topnav .jur-header-search .sidebar-search-input::placeholder {
  color: #9ca3af;
}
body.jur-shell-topnav .jur-header-search .sidebar-search-clear {
  border: 0;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  display: none;
  padding: 0 2px;
}
body.jur-shell-topnav .jur-shell-header-row .header-actions {
  margin-left: auto;
  flex-shrink: 0;
}

/* Conteúdo: aproveitar viewport (sem coluna central estreita) */
body.jur-shell-topnav .page-container,
body.jur-shell-topnav .main-content {
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
  padding-left: clamp(16px, 2vw, 28px);
  padding-right: clamp(16px, 2vw, 28px);
  box-sizing: border-box;
}
body.jur-shell-topnav .pd-painel {
  max-width: none !important;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0;
  padding-right: 0;
}
body.jur-shell-topnav .pd-dia-grid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
body.jur-shell-topnav .card,
body.jur-shell-topnav .pd-dia-card,
body.jur-shell-topnav .visao-bloco {
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(13, 27, 42, 0.05) !important;
  border: 1px solid #e8eaed !important;
}
body.jur-shell-topnav .pd-hero {
  border-radius: 14px;
  box-shadow: none;
  border: 1px solid #e8eaed;
}

/* Mobile: topnav compacto; sidebar volta como drawer (comportamento existente) */
@media (max-width: 991.98px) {
  body.jur-shell-topnav .sidebar,
  body.jur-shell-topnav .rd-sidebar {
    left: 0 !important; /* controlado pelo .mobile-open existente */
  }
  body.jur-shell-topnav #jur-topnav {
    display: none; /* mobile usa sidebar drawer completo */
  }
  body.jur-shell-topnav .jur-shell-brand span {
    display: none;
  }
  body.jur-shell-topnav .jur-header-search {
    max-width: none;
    margin: 0 6px;
  }
}

/* Header fixo com duas faixas: compensar conteúdo */
body.jur-shell-topnav .content-area {
  padding-top: 118px !important;
}
@media (max-width: 991.98px) {
  body.jur-shell-topnav .content-area {
    padding-top: 70px !important;
  }
  body.jur-shell-topnav .jur-shell-header-row {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 12px;
    min-height: 56px;
    gap: 8px;
  }
}

/* Overlay quando drawer desktop aberto */
body.jur-shell-topnav.jur-shell-drawer-open .sidebar-overlay {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}