/* ========================================================
       PADRÕES ARCADIS & VARIÁVEIS VISUAIS EXECUTIVAS (MULTITEMAS)
       ======================================================== */
    :root, #panel-facilities {
      --arcadis-orange: #E76A25;
      --arcadis-orange-hover: #D15919;
      --arcadis-dark: transparent;
      --arcadis-card-bg: #FFFFFF;
      --arcadis-card-hover: #F8FAFC;
      --arcadis-border: #E2E8F0;
      --arcadis-text-main: #1E293B;
      --arcadis-text-muted: #64748B;
      --arcadis-input-bg: #F8FAFC;
      --capsule-bg: #FFFFFF;
      --capsule-border: #E2E8F0;
      --disc-header-bg: #F8FAFC;
      --table-th-bg: #F8FAFC;
      --table-row-hover: #E6F4F3;
      --table-row-border: #F1F5F9;
      --logo-text-color: #004D4B;
      --accent-vale-yellow: #ECB11F;
      --vale-teal-dark: #004D4B;
      --vale-teal: #007E7A;
      --vale-teal-light: #E6F4F3;
      --vale-teal-border: #B2DFDC;

      /* Status Semânticos dos Projetos */
      --status-concluido: #1E874B;    /* Verde Vale / Adequado */
      --status-cancelado: #EF4444;    /* Vermelho */
      --status-pendente: #F59E0B;     /* Amarelo */
      --status-andamento: #007E7A;    /* Vale Teal */
      --status-paralisado: #6B7280;   /* Neutro */
    }

    #panel-facilities.theme-light {
      --arcadis-orange: #E76A25;
      --arcadis-orange-hover: #D15919;
      --arcadis-dark: #F1F5F9;
      --arcadis-card-bg: #FFFFFF;
      --arcadis-card-hover: #F8FAFC;
      --arcadis-border: #CBD5E1;
      --arcadis-text-main: #0F172A;
      --arcadis-text-muted: #64748B;
      --arcadis-input-bg: #FFFFFF;
      --capsule-bg: #F8FAFC;
      --capsule-border: #CBD5E1;
      --disc-header-bg: #E2E8F0;
      --table-th-bg: #E2E8F0;
      --table-row-hover: #F1F5F9;
      --table-row-border: #E2E8F0;
      --logo-text-color: #0F172A;
      --accent-vale-yellow: #ECB11F;

      --status-concluido: #E76A25;
      --status-cancelado: #EF4444;
      --status-pendente: #D97706;
      --status-andamento: #059669;
      --status-paralisado: #2563EB;
    }

    #panel-facilities.theme-vale {
      /* Padrão Oficial Vale & Arcadis (Conforme Dashboard Plano Diretor Serra Norte - Modo Corporativo Vale) */
      --vale-teal-dark: #004D4B;
      --vale-teal: #007E7A;
      --vale-teal-light: #E6F4F3;
      --vale-teal-border: #B2DFDC;
      --arcadis-orange: #007E7A;           /* Acento primário Vale Teal */
      --arcadis-orange-hover: #004D4B;
      --arcadis-dark: #F4F6F8;             /* Fundo corporativo claro */
      --arcadis-card-bg: #FFFFFF;          /* Cards brancos corporativos */
      --arcadis-card-hover: #F8FAFC;
      --arcadis-border: #E2E8F0;           /* Bordas cinza claro */
      --arcadis-text-main: #1E293B;        /* Texto principal escuro */
      --arcadis-text-muted: #64748B;       /* Texto secundário slate */
      --arcadis-input-bg: #F8FAFC;         /* Controles suaves */
      --capsule-bg: #FFFFFF;
      --capsule-border: #E2E8F0;
      --disc-header-bg: #F8FAFC;
      --table-th-bg: #F8FAFC;
      --table-row-hover: #E6F4F3;          /* Hover suave Vale Teal */
      --table-row-border: #F1F5F9;
      --logo-text-color: #004D4B;
      --accent-vale-teal: #007E7A;         /* Verde Vale: #007E7A */
      --accent-vale-deep: #004D4B;         /* Verde Escuro Vale: #004D4B */
      --accent-vale-yellow: #ECB11F;       /* Amarelo Vale: #ECB11F */
      --accent-vale-gray: #64748B;         /* Cinza Vale */

      --status-concluido: #1E874B;        /* Verde Vale / Adequado */
      --status-cancelado: #D32F2F;        /* Crítico */
      --status-pendente: #D9822B;         /* Atenção / Amarelo Vale */
      --status-andamento: #007E7A;        /* Vale Teal */
      --status-paralisado: #6B7280;       /* Neutro */
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    }

    #panel-facilities {
      background-color: transparent !important;
      color: #1E293B !important;
      padding: 0 !important;
      min-height: auto;
      transition: background-color 0.25s ease, color 0.25s ease;
    }

    /* ========================================================
       HEADER EXECUTIVO COM LOGO VETORIAL ARCADIS
       ======================================================== */
    .header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 16px;
      border-bottom: 2px solid var(--arcadis-border);
      margin-bottom: 16px;
      position: relative;
      z-index: 1000;
    }

    .header-left {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .header-logo svg {
      height: 40px;
      width: auto;
      display: block;
    }

    .header-title h1 {
      font-size: 22px;
      font-weight: 700;
      letter-spacing: -0.5px;
      color: var(--arcadis-text-main);
      text-transform: uppercase;
    }

    .header-title .subtitle {
      font-size: 13px;
      color: var(--arcadis-text-muted);
      margin-top: 2px;
    }

    .header-right {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    /* Seletor de Modo: apenas ícones */
    .mode-selector {
      display: flex;
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      border-radius: 8px;
      padding: 3px;
      gap: 3px;
    }

    .mode-btn {
      background: transparent;
      border: none;
      color: var(--arcadis-text-muted);
      padding: 8px 12px;
      border-radius: 6px;
      font-size: 16px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.2s ease;
    }

    .mode-btn:hover {
      color: var(--arcadis-text-main);
      background: #F8FAFC;
    }

    .mode-btn.active {
      background: var(--arcadis-orange);
      color: #FFFFFF;
      box-shadow: 0 2px 8px rgba(231, 106, 37, 0.4);
    }

    /* Badge e Botão de Sincronização em Tempo Real (Auto-Sync) */
    .badge-auto-sync {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: rgba(14, 165, 233, 0.12);
      border: 1px solid rgba(14, 165, 233, 0.4);
      color: #38BDF8;
      font-size: 11px;
      font-weight: 700;
      padding: 5px 12px;
      border-radius: 20px;
      cursor: pointer;
      transition: all 0.2s ease;
      box-shadow: 0 0 10px rgba(14, 165, 233, 0.15);
    }
    .badge-auto-sync:hover {
      background: rgba(14, 165, 233, 0.25);
      border-color: #38BDF8;
      color: #1E293B;
    }
    .sync-pulse-dot {
      width: 7px;
      height: 7px;
      background-color: #10B981;
      border-radius: 50%;
      box-shadow: 0 0 8px #10B981;
      animation: pulseSync 2s infinite ease-in-out;
    }
    @keyframes pulseSync {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.4; transform: scale(0.85); }
    }
    .btn-sync-header {
      background: #F8FAFC;
      border: 1px solid var(--arcadis-border);
      color: #CBD5E1;
      padding: 5px 12px;
      border-radius: 6px;
      font-size: 11px;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      cursor: pointer;
      transition: all 0.2s ease;
      height: 32px;
    }
    .btn-sync-header:hover {
      border-color: var(--arcadis-orange);
      color: #FFFFFF;
      background: rgba(231,106,37,0.15);
    }
    .btn-sync-header.spinning span.spin-icon {
      display: inline-block;
      animation: spinIcon 0.8s linear infinite;
    }
    @keyframes spinIcon {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

    .btn-action {
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      color: var(--arcadis-text-muted);
      padding: 8px 14px;
      border-radius: 8px;
      font-size: 16px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.2s ease;
    }

    .btn-action:hover {
      background: var(--arcadis-card-hover);
      color: var(--arcadis-text-main);
      border-color: var(--arcadis-orange);
    }

    /* Seletor de Temas (Dark / Claro / Vale) */
    .theme-dropdown-container {
      position: relative;
      display: inline-block;
      z-index: 2000;
    }

    .theme-dropdown-menu {
      display: none;
      position: absolute;
      top: calc(100% + 8px);
      right: 0;
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      border-radius: 10px;
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55);
      padding: 8px;
      min-width: 220px;
      z-index: 2500;
      animation: fadeIn 0.15s ease-out;
    }

    .theme-dropdown-menu.show {
      display: block;
    }

    .theme-dropdown-header {
      font-size: 10px;
      font-weight: 700;
      color: var(--arcadis-text-muted);
      text-transform: uppercase;
      letter-spacing: 0.8px;
      padding: 6px 10px 8px;
      border-bottom: 1px solid var(--arcadis-border);
      margin-bottom: 6px;
    }

    .theme-opt {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
      padding: 8px 12px;
      background: transparent;
      border: none;
      border-radius: 6px;
      color: var(--arcadis-text-main);
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      text-align: left;
      transition: background 0.15s;
    }

    .theme-opt:hover {
      background: var(--arcadis-card-hover);
    }

    .theme-opt.active {
      background: rgba(231, 106, 37, 0.15);
      color: var(--arcadis-orange);
      font-weight: 700;
    }

    #panel-facilities.theme-vale .theme-opt.active {
      background: rgba(0, 126, 122, 0.2);
      color: #34D399;
    }

    .theme-color-preview {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      display: inline-block;
      flex-shrink: 0;
    }

    /* ========================================================
       PADRAO DE CORES E FORMATOS OFICIAL CLIENTE VALE & ARCADIS
       (Referencia: Dashboard Plano Diretor Serra Norte - Carajas)
       ======================================================== */
    #panel-facilities.theme-vale,
    #panel-facilities.theme-vale * {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    }

    #panel-facilities.theme-vale .header {
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      border-radius: 16px;
      padding: 16px 24px;
      margin-bottom: 22px;
      position: relative;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
      z-index: 1000;
    }
    #panel-facilities.theme-vale .header::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0; height: 3px;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      background: linear-gradient(90deg, #007E7A 0%, #1E874B 50%, #ECB11F 100%);
      pointer-events: none;
    }

    #panel-facilities.theme-vale .header-title h1 {
      color: #004D4B !important;
      font-weight: 900 !important;
      letter-spacing: -0.3px;
    }

    #panel-facilities.theme-vale .header-title .subtitle {
      color: #64748B !important;
      font-weight: 600 !important;
    }

    #panel-facilities.theme-vale .theme-vale-badges {
      display: flex !important;
    }

    #panel-facilities.theme-vale .nav-tabs {
      display: flex !important;
      align-items: flex-end !important;
      gap: 6px !important;
      margin-bottom: 24px !important;
      padding: 0 4px !important;
      padding-bottom: 0px !important;
      border-bottom: 2px solid #CBD5E1 !important;
      background: transparent !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      scrollbar-width: none !important;
    }

    #panel-facilities.theme-vale .tab-btn {
      position: relative !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 8px !important;
      padding: 12px 22px !important;
      background: #F1F5F9 !important;
      border: 1px solid #CBD5E1 !important;
      border-bottom: 2px solid #CBD5E1 !important;
      color: #475569 !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      letter-spacing: 0.2px !important;
      border-radius: 8px 8px 0 0 !important;
      margin-bottom: -2px !important;
      cursor: pointer !important;
      white-space: nowrap !important;
      box-shadow: none !important;
      transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    #panel-facilities.theme-vale .tab-btn:hover {
      background: #FFFFFF !important;
      color: #007E7A !important;
      border-color: #94A3B8 !important;
      border-bottom: 2px solid #CBD5E1 !important;
      box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.03) !important;
    }

    #panel-facilities.theme-vale .tab-btn.active {
      background: #FFFFFF !important;
      border: 1.5px solid #CBD5E1 !important;
      border-top: 3.5px solid #007E7A !important;
      border-bottom: 2px solid #FFFFFF !important;
      color: #004D4B !important;
      font-weight: 800 !important;
      box-shadow: 0 -4px 12px rgba(0, 77, 75, 0.08) !important;
      z-index: 2 !important;
    }

    #panel-facilities.theme-vale .kpi-card,
    #panel-facilities.theme-vale .chart-card,
    #panel-facilities.theme-vale .table-card,
    #panel-facilities.theme-vale .filters-bar,
    #panel-facilities.theme-vale .ficha-tecnica,
    #panel-facilities.theme-vale .resumo-kpis,
    #panel-facilities.theme-vale .panel-section {
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
      border-radius: 14px;
    }

    #panel-facilities.theme-vale .kpi-title,
    #panel-facilities.theme-vale .filter-group label {
      color: #64748B !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    #panel-facilities.theme-vale .kpi-value {
      color: #1E293B !important;
      font-weight: 800 !important;
    }

    #panel-facilities.theme-vale .kpi-sub {
      color: #64748B !important;
    }

    #panel-facilities.theme-vale select,
    #panel-facilities.theme-vale input {
      background: #F8FAFC !important;
      border: 1px solid #CBD5E1 !important;
      color: #1E293B !important;
    }

    #panel-facilities.theme-vale select:focus,
    #panel-facilities.theme-vale input:focus {
      border-color: #007E7A !important;
      box-shadow: 0 0 0 2px rgba(0, 126, 122, 0.2) !important;
    }

    #panel-facilities.theme-vale table thead th {
      background: #F8FAFC !important;
      color: #475569 !important;
      border-bottom: 2px solid #E2E8F0 !important;
      font-weight: 700;
      text-transform: uppercase;
    }

    #panel-facilities.theme-vale table tbody td {
      background: #FFFFFF !important;
      color: #1E293B !important;
      border-bottom: 1px solid #F1F5F9 !important;
    }

    #panel-facilities.theme-vale table tbody tr:hover td {
      background: #E6F4F3 !important;
      color: #004D4B !important;
    }

    #panel-facilities.theme-vale .btn-action,
    #panel-facilities.theme-vale .mode-selector {
      background: #FFFFFF !important;
      border-color: #CBD5E1 !important;
      color: #475569 !important;
    }

    #panel-facilities.theme-vale .btn-action:hover {
      background: #E6F4F3 !important;
      border-color: #007E7A !important;
      color: #007E7A !important;
    }

    #panel-facilities.theme-vale .mode-btn.active {
      background: #007E7A !important;
      color: #FFFFFF !important;
      box-shadow: 0 2px 6px rgba(0, 126, 122, 0.3) !important;
    }

    #panel-facilities.theme-vale .badge-auto-sync {
      background: #E6F4F3 !important;
      border: 1px solid #B2DFDC !important;
      color: #007E7A !important;
    }

    #panel-facilities.theme-vale .btn-sync-header {
      background: #FFFFFF !important;
      border-color: #CBD5E1 !important;
      color: #475569 !important;
    }

    #panel-facilities.theme-vale .btn-sync-header:hover {
      border-color: #007E7A !important;
      color: #007E7A !important;
      background: #E6F4F3 !important;
    }

    #panel-facilities.theme-vale .btn-novo-projeto {
      background: #007E7A !important;
      border-color: #007E7A !important;
      color: #FFFFFF !important;
      box-shadow: 0 2px 8px rgba(0, 126, 122, 0.3) !important;
    }

    #panel-facilities.theme-vale .ficha-field {
      background: #F8FAFC !important;
      border: 1px solid #E2E8F0 !important;
    }
    #panel-facilities.theme-vale .ficha-label { color: #64748B !important; }
    #panel-facilities.theme-vale .ficha-value { color: #1E293B !important; }

    #panel-facilities.theme-vale .pill-btn {
      background: #FFFFFF !important;
      border-color: #CBD5E1 !important;
      color: #475569 !important;
    }
    #panel-facilities.theme-vale .pill-btn.active {
      background: #007E7A !important;
      border-color: #007E7A !important;
      color: #FFFFFF !important;
    }

    #panel-facilities.theme-vale #bannerSimulacaoTAC {
      background: #FFFFFF !important;
      border: 1px solid #B2DFDC !important;
      box-shadow: 0 4px 14px rgba(0, 126, 122, 0.08) !important;
    }
    #panel-facilities.theme-vale #bannerSimulacaoTAC h4,
    #panel-facilities.theme-vale #bannerSimulacaoTAC .tac-title {
      color: #004D4B !important;
    }
    #panel-facilities.theme-vale #bannerSimulacaoTAC p,
    #panel-facilities.theme-vale #bannerSimulacaoTAC .tac-subtitle {
      color: #64748B !important;
    }
    #panel-facilities.theme-vale #bannerSimulacaoTAC .tac-inner-card,
    #panel-facilities.theme-vale #bannerSimulacaoTAC > div > div {
      background: #EBF5F5 !important;
      border: 1px solid #C4E5E3 !important;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    }
    #panel-facilities.theme-vale #bannerSimulacaoTAC .tac-inner-card:hover {
      border-color: #007E7A !important;
    }
    #panel-facilities.theme-vale #bannerSimulacaoTAC .tac-inner-label {
      color: #007E7A !important;
      font-weight: 700 !important;
    }
    #panel-facilities.theme-vale #bannerSimulacaoTAC .tac-inner-val {
      color: #004D4B !important;
    }

    #panel-facilities.theme-vale .theme-dropdown-menu {
      background: #FFFFFF !important;
      border: 1px solid #CBD5E1 !important;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
      color: #1E293B !important;
    }
    #panel-facilities.theme-vale .theme-dropdown-item {
      color: #334155 !important;
    }
    #panel-facilities.theme-vale .theme-dropdown-item:hover {
      background: #E6F4F3 !important;
      color: #007E7A !important;
    }
    #panel-facilities.theme-vale .theme-dropdown-item.active {
      background: #007E7A !important;
      color: #FFFFFF !important;
    }

    /* Regra de Alternancia de Logos por Tema */
    .logo-vale-container {
      display: none;
    }
    .logo-arcadis-container {
      display: block;
    }
    #panel-facilities.theme-vale .logo-arcadis-container {
      display: none !important;
    }
    #panel-facilities.theme-vale .logo-vale-container {
      display: flex !important;
      align-items: center;
      gap: 12px;
    }
    #panel-facilities.theme-vale .logo-vale-box {
      background: #004543 !important;
      border: 1px solid #00605D !important;
      padding: 6px 14px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 2px 6px rgba(0, 69, 67, 0.2) !important;
    }
    .logo-vale-img {
      height: 32px;
      width: auto;
      display: block;
    }
    #panel-facilities.theme-vale .logo-divider-vale {
      width: 1px;
      height: 26px;
      background: #006E6B !important;
    }
    #panel-facilities.theme-vale .logo-arcadis-partner-box {
      background: #004543 !important;
      border: 1px solid #00605D !important;
      padding: 6px 12px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      gap: 8px;
      box-shadow: 0 2px 6px rgba(0, 69, 67, 0.2) !important;
    }

    /* Visibilidade do Painel de Atualizacoes: visivel apenas no Modo Controle */
    body.modo-cliente #tabBtnAtualizacoes {
      display: none !important;
    }

    /* ========================================================
       ESTILOS DO PAINEL DE CONTROLE DE ATUALIZAÇÕES (DE - PARA)
       ======================================================== */
    .resumo-kpis-grid-2x3 {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 16px !important;
      margin-bottom: 22px !important;
    }
    @media (max-width: 1024px) {
      .resumo-kpis-grid-2x3 {
        grid-template-columns: repeat(2, 1fr) !important;
      }
    }
    @media (max-width: 640px) {
      .resumo-kpis-grid-2x3 {
        grid-template-columns: 1fr !important;
      }
    }
    #panel-facilities.theme-vale .resumo-kpis-grid-2x3 .kpi-card {
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
      border-radius: 14px !important;
    }
    .badge-diff {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 3px 8px;
      border-radius: 6px;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.3px;
    }
    .badge-diff-success {
      background: rgba(16, 185, 129, 0.15);
      border: 1px solid rgba(16, 185, 129, 0.4);
      color: #10B981;
    }
    #panel-facilities.theme-light .badge-diff-success {
      background: #DCFCE7;
      border-color: #86EFAC;
      color: #15803D;
    }
    .badge-diff-warning {
      background: rgba(245, 158, 11, 0.15);
      border: 1px solid rgba(245, 158, 11, 0.4);
      color: #F59E0B;
    }
    #panel-facilities.theme-light .badge-diff-warning {
      background: #FEF3C7;
      border-color: #FCD34D;
      color: #B45309;
    }
    .badge-diff-info {
      background: rgba(14, 165, 233, 0.15);
      border: 1px solid rgba(14, 165, 233, 0.4);
      color: #38BDF8;
    }
    #panel-facilities.theme-light .badge-diff-info {
      background: #E0F2FE;
      border-color: #7DD3FC;
      color: #0369A1;
    }
    .badge-diff-danger {
      background: rgba(239, 68, 68, 0.15);
      border: 1px solid rgba(239, 68, 68, 0.4);
      color: #EF4444;
    }
    #panel-facilities.theme-light .badge-diff-danger {
      background: #FEE2E2;
      border-color: #FCA5A5;
      color: #B91C1C;
    }
    .badge-diff-secondary {
      background: rgba(168, 85, 247, 0.15);
      border: 1px solid rgba(168, 85, 247, 0.4);
      color: #C084FC;
    }
    #panel-facilities.theme-light .badge-diff-secondary {
      background: #F3E8FF;
      border-color: #D8B4FE;
      color: #7E22CE;
    }
    .badge-diff-neutral {
      background: rgba(148, 163, 184, 0.15);
      border: 1px solid rgba(148, 163, 184, 0.4);
      color: #94A3B8;
    }
    #panel-facilities.theme-light .badge-diff-neutral {
      background: #F1F5F9;
      border-color: #CBD5E1;
      color: #475569;
    }

    .val-de-badge {
      display: inline-block;
      padding: 3px 8px;
      border-radius: 4px;
      background: rgba(148, 163, 184, 0.12);
      border: 1px dashed rgba(148, 163, 184, 0.4);
      color: var(--arcadis-text-muted);
      font-size: 11px;
      font-weight: 600;
    }
    #panel-facilities.theme-vale .val-de-badge {
      background: #F1F5F9;
      color: #64748B;
      border-color: #CBD5E1;
    }

    .val-para-badge {
      display: inline-block;
      padding: 3px 8px;
      border-radius: 4px;
      background: rgba(0, 126, 122, 0.15);
      border: 1px solid rgba(0, 126, 122, 0.5);
      color: #34D399;
      font-size: 11px;
      font-weight: 700;
    }
    #panel-facilities.theme-vale .val-para-badge {
      background: #E6F4F3;
      color: #007E7A;
      border-color: #B2DFDC;
    }

    .seta-transicao {
      color: var(--arcadis-orange);
      font-weight: 900;
      margin: 0 6px;
      font-size: 13px;
    }
    #panel-facilities.theme-vale .seta-transicao {
      color: #007E7A;
    }

    .btn-acao-depara {
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      color: var(--arcadis-text-main);
      padding: 4px 10px;
      border-radius: 6px;
      font-size: 11px;
      font-weight: 700;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      transition: all 0.15s ease;
    }
    .btn-acao-depara:hover {
      background: var(--arcadis-orange);
      border-color: var(--arcadis-orange);
      color: #1E293B;
    }
    #panel-facilities.theme-vale .btn-acao-depara:hover {
      background: #007E7A;
      border-color: #005E5D;
    }

    /* Modal Comparativo Detalhado De-Para */
    .modal-depara-card {
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      border-radius: 12px;
      width: 95%;
      max-width: 960px;
      max-height: 90vh;
      display: flex;
      flex-direction: column;
      box-shadow: 0 25px 60px rgba(0,0,0,0.5);
      animation: modalFadeIn 0.2s ease-out;
      overflow: hidden;
    }
    #panel-facilities.theme-vale .modal-depara-card {
      background: #FFFFFF;
      border-color: #E2E8F0;
      box-shadow: 0 25px 60px rgba(0,0,0,0.15);
    }
    .coluna-snapshot {
      flex: 1;
      padding: 16px;
      border-radius: 8px;
      background: var(--arcadis-input-bg);
      border: 1px solid var(--arcadis-border);
    }
    #panel-facilities.theme-vale .coluna-snapshot {
      background: #F8FAFC;
      border-color: #E2E8F0;
    }
    .snapshot-campo-modificado {
      background: rgba(236, 177, 31, 0.12) !important;
      border: 1px solid rgba(236, 177, 31, 0.4) !important;
      padding: 6px 10px;
      border-radius: 6px;
      margin-bottom: 8px;
    }
    #panel-facilities.theme-vale .snapshot-campo-modificado {
      background: rgba(236, 177, 31, 0.15) !important;
      border-color: rgba(236, 177, 31, 0.5) !important;
    }

    /* Overrides Tema Claro */
    #panel-facilities.theme-light tbody td {
      color: #1E293B;
    }
    #panel-facilities.theme-light .btn-action,
    #panel-facilities.theme-light .mode-selector {
      background: #FFFFFF;
      border-color: #CBD5E1;
    }
    #panel-facilities.theme-light thead th {
      background: #F1F5F9;
      color: #475569;
      border-bottom: 1px solid #CBD5E1;
    }
    #panel-facilities.theme-light .disc-group-header td,
    #panel-facilities.theme-vale .disc-group-header td,
    #panel-facilities .disc-group-header td {
      background: #F8FAFC !important;
      color: #004D4B !important;
      border-color: #CBD5E1 !important;
    }
    #panel-facilities.theme-light .ficha-field {
      background: #F8FAFC;
      border-color: #CBD5E1;
    }
    #panel-facilities.theme-light .pill-btn {
      background: #F1F5F9;
      border-color: #CBD5E1;
      color: #475569;
    }
    #panel-facilities.theme-light .pill-btn.active {
      background: var(--arcadis-orange);
      color: #FFFFFF;
    }
    #panel-facilities.theme-light .progress-bar-container {
      background: #E2E8F0;
    }
    #panel-facilities.theme-light .specialist-name-link {
      color: #0F172A;
    }
    #panel-facilities.theme-light .specialist-name-link:hover {
      color: var(--arcadis-orange);
    }

    /* ========================================================
       NAVEGAÇÃO POR ABAS EXECUTIVAS
       ======================================================== */
    .nav-tabs {
      display: flex;
      gap: 10px;
      margin-bottom: 20px;
      border-bottom: 1px solid var(--arcadis-border);
      padding-bottom: 12px;
      overflow-x: auto;
    }

    .tab-btn {
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      color: var(--arcadis-text-muted);
      padding: 10px 20px;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 8px;
      transition: all 0.2s ease;
      white-space: nowrap;
    }

    .tab-btn:hover {
      background: var(--arcadis-card-hover);
      color: var(--arcadis-text-main);
      border-color: var(--arcadis-orange);
    }

    .tab-btn.active {
      background: var(--arcadis-orange);
      color: #FFFFFF;
      border-color: var(--arcadis-orange);
      box-shadow: 0 4px 14px rgba(231, 106, 37, 0.35);
    }

    .tab-view {
      display: none;
      animation: fadeIn 0.25s ease-in-out;
    }

    .tab-view.active {
      display: block;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(4px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* ========================================================
       BARRA DE FILTROS - LINHA ÚNICA
       ======================================================== */
    .filters-bar {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: flex-end;
      gap: 12px;
      background: var(--arcadis-card-bg);
      padding: 12px 18px;
      border-radius: 10px;
      border: 1px solid var(--arcadis-border);
      margin-bottom: 20px;
      overflow-x: auto;
    }

    .filter-group {
      display: flex;
      flex-direction: column;
      gap: 4px;
      flex: 1 1 0;
      min-width: 140px;
    }

    .filter-group label {
      font-size: 11px;
      font-weight: 600;
      color: var(--arcadis-text-muted);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      white-space: nowrap;
    }

    .filter-group select, .filter-group input {
      background: var(--arcadis-card-bg, #FFFFFF);
      border: 1px solid var(--arcadis-border);
      color: var(--arcadis-text-main);
      padding: 7px 10px;
      border-radius: 6px;
      font-size: 12px;
      outline: none;
      width: 100%;
      transition: border-color 0.2s;
    }

    .filter-group select:focus, .filter-group input:focus {
      border-color: var(--arcadis-orange);
    }

    .filters-actions-wrapper {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 1px;
      flex-shrink: 0;
    }

    .btn-reset {
      background: var(--arcadis-card-bg, #FFFFFF);
      border: 1px solid var(--arcadis-border);
      color: var(--arcadis-text-muted);
      padding: 7px 14px;
      border-radius: 6px;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      white-space: nowrap;
      transition: all 0.2s;
    }

    .btn-reset:hover {
      background: var(--arcadis-border);
      color: var(--arcadis-text-main);
    }

    /* Card Total de Projetos ao lado de Limpar Filtros no Modo Cliente */
    .card-top-cliente {
      display: none;
      background: rgba(231, 106, 37, 0.15);
      border: 1px solid var(--arcadis-orange);
      padding: 4px 12px;
      border-radius: 6px;
      text-align: center;
      white-space: nowrap;
    }

    .card-top-cliente .kpi-mini-title {
      font-size: 9px;
      color: #FB923C;
      text-transform: uppercase;
      font-weight: 700;
      letter-spacing: 0.5px;
    }

    .card-top-cliente .kpi-mini-val {
      font-size: 14px;
      font-weight: 800;
      color: #1E293B;
      line-height: 1.1;
    }

    /* Regras de Visibilidade de Modo */
    /* Regras de Visibilidade de Modo */
    body.modo-cliente #cardTopCliente {
      display: block !important;
    }

    body.modo-cliente #groupFiltroResp {
      display: none !important;
    }

    /* Demandas (Módulo 1) - Ocultar financeiros no Modo Cliente */
    body.modo-cliente #viewDemandas .kpi-financeiro,
    body.modo-cliente #viewDemandas .kpis-grid,
    body.modo-cliente #viewDemandas .execution-row.kpi-financeiro,
    body.modo-cliente #viewDemandas .col-financeiro,
    body.modo-cliente #viewDemandas .ficha-financeiro,
    body.modo-cliente #viewDemandas .chart-financeiro {
      display: none !important;
    }

    /* Medições (Módulo 3) - No Modo Cliente exibir os valores e cards nos mesmos moldes do Modo Controle */
    body.modo-cliente #viewMedicoes .kpis-grid {
      display: grid !important;
    }

    body.modo-cliente #viewMedicoes .kpi-financeiro {
      display: block !important;
    }

    body.modo-cliente #viewMedicoes .ato-financeiro {
      display: table-cell !important;
    }

    body.modo-cliente .card-ato-cliente,
    body.modo-controle .card-ato-cliente {
      display: none !important;
    }

    body.modo-cliente #cardEscalaFimAno {
      display: none !important;
    }

    /* ========================================================
       KPIS GRID
       ======================================================== */
    .kpis-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-bottom: 20px;
    }

    #viewMedicoes .kpis-grid-medicoes-2x3,
    #viewMedicoes .kpis-grid:first-of-type {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 16px !important;
      margin-bottom: 20px !important;
    }
    @media (max-width: 1024px) {
      #viewMedicoes .kpis-grid-medicoes-2x3,
      #viewMedicoes .kpis-grid:first-of-type {
        grid-template-columns: repeat(2, 1fr) !important;
      }
    }
    @media (max-width: 640px) {
      #viewMedicoes .kpis-grid-medicoes-2x3,
      #viewMedicoes .kpis-grid:first-of-type {
        grid-template-columns: 1fr !important;
      }
    }

    .kpi-card {
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      border-radius: 10px;
      padding: 16px 20px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

    .kpi-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0;
      width: 4px; height: 100%;
    }

    .kpi-orcamento::before { background: var(--arcadis-orange); }
    .kpi-medido::before { background: #10B981; }
    .kpi-saldo::before { background: #3B82F6; }
    .kpi-desvio::before { background: #F59E0B; }
    .kpi-geral::before { background: #A855F7; }

    .kpi-title {
      font-size: 11px;
      font-weight: 600;
      color: var(--arcadis-text-muted);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 6px;
    }

    .kpi-value {
      font-size: 24px;
      font-weight: 700;
      color: var(--arcadis-text-main);
      letter-spacing: -0.5px;
    }

    .kpi-sub {
      font-size: 11px;
      color: var(--arcadis-text-muted);
      margin-top: 4px;
    }

    /* Linha de Execução e Avanço Físico (Aba 1) */
    .execution-row {
      display: grid;
      grid-template-columns: 2fr 1fr;
      gap: 16px;
      margin-bottom: 20px;
    }

    .exec-card {
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      border-radius: 10px;
      padding: 16px 20px;
    }

    .progress-bar-container {
      width: 100%;
      height: 12px;
      background: var(--arcadis-card-bg, #FFFFFF);
      border-radius: 6px;
      overflow: hidden;
      margin: 10px 0 6px 0;
    }

    .progress-bar-fill {
      height: 100%;
      background: linear-gradient(90deg, #E76A25, #FB923C);
      border-radius: 6px;
      transition: width 0.4s ease;
    }

    /* ========================================================
       GRÁFICOS
       ======================================================== */
    .charts-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1.15fr 1.15fr;
      gap: 14px;
      margin-bottom: 20px;
    }

    body.modo-cliente .charts-grid {
      grid-template-columns: 1fr 1fr 1.15fr 1.15fr;
    }

    @media (max-width: 1550px) {
      .charts-grid {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
      }
    }

    .chart-card {
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      border-radius: 10px;
      padding: 16px;
      display: flex;
      flex-direction: column;
    }

    .chart-header {
      margin-bottom: 12px;
    }

    .chart-header h3 {
      font-size: 13px;
      font-weight: 700;
      color: var(--arcadis-text-main);
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .chart-header p {
      font-size: 11px;
      color: var(--arcadis-text-muted);
      margin-top: 2px;
    }

    .chart-container {
      flex: 1;
      position: relative;
      min-height: 220px;
    }

    /* ========================================================
       TABELA ANALÍTICA & FICHA TÉCNICA (ABA 1)
       ======================================================== */
    .main-grid {
      display: grid;
      grid-template-columns: 2.2fr 1fr;
      gap: 16px;
    }

    .table-card {
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      border-radius: 10px;
      padding: 16px;
      overflow: hidden;
    }

    .table-container {
      max-height: 520px;
      overflow-y: auto;
      margin-top: 10px;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      font-size: 12px;
      text-align: left;
    }

    thead th {
      background: var(--arcadis-card-bg, #FFFFFF);
      color: var(--arcadis-text-muted);
      font-weight: 600;
      padding: 10px 12px;
      position: sticky;
      top: 0;
      z-index: 2;
      border-bottom: 1px solid var(--arcadis-border);
      white-space: nowrap;
    }

    tbody tr {
      border-bottom: 1px solid rgba(36, 53, 77, 0.5);
      cursor: pointer;
      transition: background 0.15s;
    }

    tbody tr:hover {
      background: var(--arcadis-card-hover);
    }

    tbody tr.selected {
      background: rgba(231, 106, 37, 0.15);
      border-left: 3px solid var(--arcadis-orange);
    }

    tbody td {
      padding: 9px 12px;
      color: #E2E8F0;
    }

    .status-badge {
      display: inline-block;
      padding: 3px 8px;
      border-radius: 12px;
      font-size: 10px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      white-space: nowrap;
    }

    .status-concluido { background: rgba(231, 106, 37, 0.18); color: #FB923C; border: 1px solid #E76A25; }
    .status-andamento { background: rgba(16, 185, 129, 0.18); color: #34D399; border: 1px solid #10B981; }
    .status-pendente { background: rgba(245, 158, 11, 0.18); color: #FBBF24; border: 1px solid #F59E0B; }
    .status-paralisado { background: rgba(59, 130, 246, 0.18); color: #60A5FA; border: 1px solid #3B82F6; }
    .status-cancelado { background: rgba(239, 68, 68, 0.18); color: #F87171; border: 1px solid #EF4444; }

    /* Ficha Técnica */
    .ficha-card {
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      border-radius: 10px;
      padding: 16px;
      display: flex;
      flex-direction: column;
    }

    .ficha-content {
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-top: 12px;
      max-height: 620px;
      overflow-y: auto;
      padding-right: 4px;
    }

    .ficha-field {
      background: var(--arcadis-card-bg, #FFFFFF);
      padding: 10px 14px;
      border-radius: 8px;
      border: 1px solid var(--arcadis-border);
    }

    .ficha-field label {
      font-size: 10px;
      font-weight: 600;
      color: var(--arcadis-text-muted);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      display: block;
      margin-bottom: 3px;
    }

    .ficha-field .val {
      font-size: 13px;
      font-weight: 600;
      color: var(--arcadis-text-main);
    }

    .ficha-field .val-highlight {
      font-size: 16px;
      font-weight: 700;
      color: var(--arcadis-orange);
    }

    /* Sub-abas de Governança na Ficha Técnica */
    .ficha-subtab-btn {
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 6px;
      color: var(--arcadis-text-muted);
      font-size: 11px;
      font-weight: 700;
      padding: 6px 10px;
      cursor: pointer;
      transition: all 0.2s ease;
      white-space: nowrap;
    }
    .ficha-subtab-btn:hover {
      background: rgba(255, 255, 255, 0.08);
      color: #FFFFFF;
    }
    .ficha-subtab-btn.active {
      background: rgba(251, 146, 60, 0.15);
      border-color: #FB923C;
      color: #FB923C;
    }
    .gov-form-input {
      width: 100%;
      background: rgba(15, 23, 42, 0.8);
      border: 1px solid #CBD5E1;
      border-radius: 6px;
      padding: 7px 10px;
      color: #1E293B;
      font-size: 12px;
      outline: none;
      transition: border-color 0.2s;
      box-sizing: border-box;
    }
    .gov-form-input:focus {
      border-color: #FB923C;
    }
    .gov-badge {
      display: inline-block;
      padding: 2px 7px;
      border-radius: 4px;
      font-size: 10px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.3px;
    }

    /* ========================================================
       ABA 2: CARTEIRA & CRONOGRAMA DA EQUIPE
       ======================================================== */
    .team-controls-bar {
      display: flex;
      gap: 14px;
      align-items: center;
      background: var(--arcadis-card-bg);
      padding: 12px 18px;
      border-radius: 10px;
      border: 1px solid var(--arcadis-border);
      margin-bottom: 20px;
    }

    .team-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
      gap: 16px;
      margin-bottom: 24px;
    }

    /* Card do Especialista conforme modelo fornecido */
    .specialist-card {
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      border-radius: 10px;
      padding: 18px 20px;
      transition: all 0.2s ease;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .specialist-card:hover {
      border-color: var(--arcadis-orange);
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(0,0,0,0.25);
    }

    .specialist-card.active-specialist {
      border-color: #007E7A !important;
      background: #E6F4F3 !important;
      box-shadow: 0 0 0 2px rgba(0, 126, 122, 0.25) !important;
    }

    .specialist-top {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 12px;
    }

    .specialist-name-link {
      font-size: 14px;
      font-weight: 700;
      color: #1E293B;
      text-decoration: none;
      cursor: pointer;
      display: inline-block;
      transition: all 0.2s ease;
      text-transform: uppercase;
      letter-spacing: 0.3px;
    }

    .specialist-name-link:hover {
      color: var(--arcadis-orange);
      text-decoration: underline;
      transform: translateX(2px);
    }

    .specialist-disc {
      font-size: 11px;
      color: var(--arcadis-orange);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-top: 3px;
    }

    .specialist-badge {
      background: var(--arcadis-card-bg, #FFFFFF);
      border: 1px solid var(--arcadis-border);
      padding: 4px 10px;
      border-radius: 12px;
      font-size: 11px;
      color: var(--arcadis-text-muted);
      font-weight: 600;
      white-space: nowrap;
    }

    .specialist-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
      background: var(--arcadis-card-bg, #FFFFFF);
      padding: 10px 12px;
      border-radius: 8px;
      margin: 10px 0 12px 0;
      text-align: center;
    }

    .specialist-stats .stat-box .stat-num {
      font-size: 16px;
      font-weight: 800;
      line-height: 1.1;
    }

    .specialist-stats .stat-box .stat-lbl {
      font-size: 9px;
      color: var(--arcadis-text-muted);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-top: 3px;
      font-weight: 600;
    }

    .ver-carteira-link {
      font-size: 11px;
      color: var(--arcadis-orange);
      font-weight: 700;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      transition: all 0.2s ease;
      text-decoration: none;
    }

    .ver-carteira-link:hover {
      color: #FB923C;
      text-decoration: underline;
      transform: translateX(3px);
    }

    /* Gráfico Gantt Projetos Arcadis */
    .gantt-chart-card {
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      border-radius: 10px;
      padding: 20px;
      margin-bottom: 24px;
    }

    .gantt-title-wrapper {
      text-align: center;
      margin-bottom: 16px;
    }

    .gantt-title-wrapper h2 {
      font-size: 16px;
      font-weight: 800;
      color: #1E293B;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }

    .gantt-title-wrapper p {
      font-size: 11px;
      color: var(--arcadis-text-muted);
      margin-top: 4px;
    }

    .gantt-legend {
      display: flex;
      justify-content: center;
      gap: 24px;
      margin-top: 12px;
      font-size: 11px;
      color: var(--arcadis-text-muted);
    }

    .gantt-legend-item {
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .gantt-legend-color {
      width: 14px;
      height: 10px;
      border-radius: 2px;
    }

    /* Detalhe da Carteira do Especialista Selecionado */
    .demanda-detail-card {
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      border-radius: 10px;
      padding: 20px;
      margin-bottom: 24px;
      animation: fadeIn 0.3s ease;
    }

    #tabelaDemandasEspecialista td {
      color: #0F172A !important;
      font-size: 12px !important;
      vertical-align: middle !important;
    }

    #tabelaDemandasEspecialista .titulo-projeto-cell {
      color: #0F172A !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      line-height: 1.4 !important;
    }

    #tabelaDemandasEspecialista .cod-escritorio-cell {
      color: #007E7A !important;
      font-family: monospace !important;
      font-size: 11.5px !important;
      font-weight: 700 !important;
    }

    .detail-filter-pills {
      display: flex;
      gap: 8px;
      margin-top: 10px;
    }

    .pill-btn {
      background: var(--arcadis-card-bg, #FFFFFF);
      border: 1px solid var(--arcadis-border);
      color: var(--arcadis-text-muted);
      padding: 4px 10px;
      border-radius: 12px;
      font-size: 11px;
      cursor: pointer;
      font-weight: 600;
      transition: all 0.2s;
    }

    .pill-btn:hover {
      color: #FFFFFF;
      border-color: var(--arcadis-orange);
    }

    .pill-btn.active {
      background: var(--arcadis-orange);
      color: #FFFFFF;
      border-color: var(--arcadis-orange);
    }

    /* Agrupamento por Disciplina no Detalhamento de Frentes (Padrão Vale Corporativo) */
    #panel-facilities .table-gantt-ato thead th,
    #tabelaGanttDisciplinasTable thead th {
      background-color: #004D4B !important;
      color: #FFFFFF !important;
      font-size: 11px !important;
      font-weight: 900 !important;
      text-transform: uppercase !important;
      letter-spacing: 0.05em !important;
      border-bottom: 2px solid #003836 !important;
      padding: 13px 16px !important;
    }

    .disc-group-header td,
    #panel-facilities table tbody tr.disc-group-header td {
      background: #F8FAFC !important;
      color: #004D4B !important;
      font-weight: 800;
      font-size: 12.5px;
      letter-spacing: 0.2px;
      border-top: 1px solid #CBD5E1 !important;
      border-bottom: 1px solid #CBD5E1 !important;
    }

    #panel-facilities table tbody tr.disc-group-header:hover td {
      background: #F8FAFC !important;
    }

    .frente-row {
      transition: background 0.15s ease;
    }

    #panel-facilities table tbody tr.frente-row:hover td {
      background-color: #E6F4F3 !important;
    }

    /* ========================================================
       ESTILOS DA AGENDA DE VISITAS NO SITE (CAMPO) — PADRÃO GANTT ATO
       ======================================================== */
    .agenda-visitas-card {
      background: #FFFFFF !important;
      border: 1px solid #E2E8F0 !important;
      border-radius: 12px !important;
      padding: 20px;
      margin-top: 24px;
      margin-bottom: 24px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    }

    .agenda-pills {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
    }

    .agenda-pill-btn {
      background: #FFFFFF !important;
      border: 1px solid #CBD5E1 !important;
      color: #475569 !important;
      padding: 6px 14px;
      border-radius: 20px;
      font-size: 11.5px;
      font-weight: 700;
      cursor: pointer;
      transition: all 0.2s ease;
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .agenda-pill-btn:hover {
      border-color: #007E7A !important;
      color: #007E7A !important;
      background: #E6F4F3 !important;
    }

    .agenda-pill-btn.active {
      background: #007E7A !important;
      border-color: #005F5C !important;
      color: #FFFFFF !important;
      box-shadow: 0 2px 6px rgba(0,126,122,0.25) !important;
    }

    .table-agenda-visitas {
      width: 100%;
      border-collapse: collapse;
      font-size: 12px;
    }

    .table-agenda-visitas th {
      background: #F8FAFC !important;
      color: #475569 !important;
      font-size: 11px !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
      letter-spacing: 0.5px !important;
      padding: 10px 14px !important;
      border-bottom: 2px solid #CBD5E1 !important;
      text-align: left;
    }

    .table-agenda-visitas td {
      padding: 12px 14px !important;
      border-bottom: 1px solid #F1F5F9 !important;
      vertical-align: middle !important;
      color: #0F172A !important;
      background: #FFFFFF !important;
      font-size: 12px !important;
    }

    .table-agenda-visitas tr:hover td {
      background: #F8FAFC !important;
    }

    .badge-site-carajas {
      display: inline-block;
      padding: 3px 10px;
      background: #E6F4F3 !important;
      border: 1px solid #B2DFDC !important;
      color: #004D4B !important;
      border-radius: 12px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.5px;
      text-transform: uppercase;
    }

    .badge-data-visita {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-weight: 700;
      color: #1E293B !important;
      font-size: 12px;
      background: #F8FAFC !important;
      padding: 3px 10px;
      border-radius: 12px;
      border: 1px solid #CBD5E1 !important;
    }

    .colab-item-row {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 5px;
      font-size: 12px;
      color: #0F172A !important;
      font-weight: 700;
    }

    .colab-item-row:last-child {
      margin-bottom: 0;
    }

    .colab-marker {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      height: 18px;
      background: #E2E8F0 !important;
      color: #007E7A !important;
      border: 1px solid #CBD5E1 !important;
      border-radius: 50%;
      font-size: 10px;
      font-weight: 800;
      flex-shrink: 0;
    }

    .local-item-box {
      background: #F8FAFC !important;
      border: 1px solid #E2E8F0 !important;
      border-left: 3px solid #007E7A !important;
      padding: 5px 10px !important;
      margin-bottom: 5px !important;
      border-radius: 4px !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      color: #0F172A !important;
      line-height: 1.4 !important;
      box-shadow: 0 1px 2px rgba(0,0,0,0.02) !important;
    }

    .local-item-box:last-child {
      margin-bottom: 0;
    }

    /* ========================================================
       CÁPSULAS DE SES ACUMULADAS POR DISCIPLINA & PROFISSIONAL
       ======================================================== */
    .mini-stats-capsule {
      display: inline-flex;
      align-items: center;
      justify-content: space-around;
      background: #FFFFFF !important;
      border: 1px solid #CBD5E1 !important;
      border-radius: 8px;
      padding: 4px 12px;
      gap: 14px;
      min-width: 200px;
      box-shadow: none !important;
      transition: transform 0.15s ease, border-color 0.15s ease;
    }

    .mini-stats-capsule:hover {
      border-color: var(--arcadis-orange) !important;
    }

    .capsule-header,
    #panel-facilities .capsule-header,
    #panel-facilities.theme-light .capsule-header,
    #panel-facilities.theme-vale .capsule-header {
      background: #E2E8F0 !important;
      border-color: #CBD5E1 !important;
    }

    #panel-facilities .mini-stats-capsule,
    #panel-facilities.theme-light .mini-stats-capsule,
    #panel-facilities.theme-vale .mini-stats-capsule {
      background: #FFFFFF;
      border: 1px solid #CBD5E1;
    }

    .mini-stat-col {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      line-height: 1.1;
      text-align: center;
    }

    .mini-stat-num {
      font-size: 13px;
      font-weight: 800;
      letter-spacing: -0.2px;
    }

    /* Cores Conforme Especificado pelo Usuário: Verde, Laranja e Azul Escuro */
    .mini-stat-num.num-conc { color: #15803D !important; font-weight: 800 !important; }
    .mini-stat-num.num-and { color: #C2410C !important; font-weight: 800 !important; }
    .mini-stat-num.num-ini { color: #1E3A8A !important; font-weight: 800 !important; }

    .mini-stat-lbl {
      font-size: 8px !important;
      font-weight: 700 !important;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #475569 !important;
      margin-top: 2px;
    }

    /* Coluna Total - Sem balão de carimbo e sem fundo, mantendo cor e tamanho */
    .badge-total-disc,
    #panel-facilities .badge-total-disc,
    #panel-facilities.theme-light .badge-total-disc,
    #panel-facilities.theme-vale .badge-total-disc,
    .badge-total-prof,
    #panel-facilities .badge-total-prof,
    #panel-facilities.theme-light .badge-total-prof,
    #panel-facilities.theme-vale .badge-total-prof {
      display: inline-block !important;
      min-width: unset !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
      border-radius: 0 !important;
      font-size: 13px !important;
      font-weight: 800 !important;
      color: #007E7A !important;
      box-shadow: none !important;
      text-align: center !important;
    }

    /* ========================================================
       ABA 3: MEDIÇÕES BM & CONTRATO ATO & ESCALA FIM DE ANO
       ======================================================== */
    .bm-section {
      margin-bottom: 24px;
    }

    .card-ato-cliente {
      display: none;
      align-items: center;
      gap: 12px;
      background: rgba(16, 185, 129, 0.12);
      border: 1px solid #10B981;
      padding: 12px 18px;
      border-radius: 8px;
      margin-bottom: 16px;
    }

    .card-ato-cliente-icon {
      font-size: 22px;
    }

    .card-ato-cliente-text h4 {
      font-size: 13px;
      font-weight: 700;
      color: #34D399;
      text-transform: uppercase;
    }

    .card-ato-cliente-text p {
      font-size: 11px;
      color: #E2E8F0;
      margin-top: 2px;
    }

    .plantao-badge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 3px 8px;
      border-radius: 12px;
      font-size: 10px;
      font-weight: 700;
      text-transform: uppercase;
    }

    .plantao-ativo {
      background: rgba(16, 185, 129, 0.2);
      color: #34D399;
      border: 1px solid #10B981;
    }

    .plantao-recesso {
      background: rgba(148, 163, 184, 0.1);
      color: var(--arcadis-text-muted);
      border: 1px solid var(--arcadis-border);
    }

    /* ========================================================
       MEDIA QUERIES E IMPRESSÃO
       ======================================================== */
    @media (max-width: 1200px) {
      .kpis-grid { grid-template-columns: repeat(2, 1fr); }
      .charts-grid { grid-template-columns: 1fr; }
      .main-grid { grid-template-columns: 1fr; }
    }

    @media print {
      #panel-facilities {
        background: #FFFFFF !important;
        color: #000000 !important;
        padding: 10px !important;
      }
      .header, .kpi-card, .chart-card, .table-card, .ficha-card, .specialist-card, .demanda-detail-card, .gantt-chart-card {
        border-color: #CBD5E1 !important;
        background: #FFFFFF !important;
        color: #000000 !important;
        box-shadow: none !important;
      }
      .header-right, .filters-bar, .team-controls-bar, .nav-tabs {
        display: none !important;
      }
      .tab-view {
        display: block !important;
        page-break-after: always;
      }
      .kpi-value, .specialist-name-link, td {
        color: #000000 !important;
      }
      table th {
        background: #F1F5F9 !important;
        color: #000000 !important;
      }
    }

    /* ========================================================
       BOTÃO NOVO PROJETO & MODAL DE CADASTRO / IMPORTAÇÃO LD
       ======================================================== */
    .btn-novo-projeto {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: linear-gradient(135deg, #E76A25 0%, #D15919 100%);
      color: #FFFFFF;
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 8px;
      padding: 7px 15px;
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
      box-shadow: 0 2px 8px rgba(231, 106, 37, 0.35);
      transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      white-space: nowrap;
      user-select: none;
    }
    .btn-novo-projeto:hover {
      background: linear-gradient(135deg, #FB923C 0%, #E76A25 100%);
      box-shadow: 0 4px 14px rgba(231, 106, 37, 0.55);
      transform: translateY(-1px);
    }
    .btn-novo-projeto:active {
      transform: translateY(0);
    }
    #panel-facilities.theme-light .btn-novo-projeto {
      box-shadow: 0 2px 8px rgba(231, 106, 37, 0.25);
    }
    #panel-facilities.theme-vale .btn-novo-projeto {
      background: linear-gradient(135deg, #007E7A 0%, #005F5C 100%);
      border-color: #ECB11F;
      box-shadow: 0 2px 8px rgba(0, 126, 122, 0.4);
    }
    #panel-facilities.theme-vale .btn-novo-projeto:hover {
      background: linear-gradient(135deg, #009692 0%, #007E7A 100%);
      box-shadow: 0 4px 14px rgba(0, 126, 122, 0.6);
    }

    /* Modal Overlay & Card */
    .modal-novo-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(7, 12, 18, 0.82);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      z-index: 99999;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 16px;
      opacity: 0;
      transition: opacity 0.25s ease;
    }
    .modal-novo-overlay.show {
      display: flex;
      opacity: 1;
    }
    .modal-novo-card {
      background: var(--arcadis-card-bg);
      border: 1px solid var(--arcadis-border);
      border-radius: 14px;
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.05);
      width: 100%;
      max-width: 920px;
      max-height: 94vh;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      transform: scale(0.96);
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .modal-novo-overlay.show .modal-novo-card {
      transform: scale(1);
    }

    .modal-novo-header {
      padding: 16px 22px;
      border-bottom: 1px solid var(--arcadis-border);
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: rgba(0, 0, 0, 0.15);
    }
    .modal-novo-header-info {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .modal-novo-header-icon {
      width: 38px;
      height: 38px;
      border-radius: 8px;
      background: rgba(231, 106, 37, 0.15);
      border: 1px solid rgba(231, 106, 37, 0.3);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
    }
    .modal-novo-title {
      font-size: 16px;
      font-weight: 700;
      color: #1E293B;
      margin: 0;
    }
    .modal-novo-subtitle {
      font-size: 11px;
      color: var(--arcadis-text-muted);
      margin-top: 2px;
    }
    .modal-novo-close {
      background: transparent;
      border: none;
      color: var(--arcadis-text-muted);
      font-size: 24px;
      line-height: 1;
      cursor: pointer;
      padding: 4px 8px;
      border-radius: 6px;
      transition: all 0.2s;
    }
    .modal-novo-close:hover {
      color: #1E293B;
      background: rgba(255, 255, 255, 0.1);
    }

    .modal-novo-body {
      padding: 22px 28px;
      overflow-y: auto;
      flex: 1;
      max-height: calc(88vh - 130px);
    }

    /* Área de Importação da LD (XLSX / PDF) */
    .ld-import-box {
      border: 2px dashed rgba(231, 106, 37, 0.45);
      background: rgba(231, 106, 37, 0.04);
      border-radius: 10px;
      padding: 16px 20px;
      text-align: center;
      cursor: pointer;
      transition: all 0.2s ease;
      margin-bottom: 18px;
      position: relative;
    }
    .ld-import-box:hover, .ld-import-box.drag-over {
      border-color: #FB923C;
      background: rgba(231, 106, 37, 0.09);
      transform: translateY(-1px);
    }
    .ld-import-icon {
      font-size: 28px;
      margin-bottom: 6px;
      line-height: 1;
    }
    .ld-import-title {
      font-size: 13px;
      font-weight: 700;
      color: #FB923C;
      margin-bottom: 4px;
    }
    .ld-import-desc {
      font-size: 11px;
      color: var(--arcadis-text-muted);
      line-height: 1.4;
      max-width: 600px;
      margin: 0 auto;
    }

    /* Feedback de LD Carregada */
    .ld-feedback-card {
      display: none;
      background: rgba(16, 185, 129, 0.1);
      border: 1px solid rgba(16, 185, 129, 0.35);
      border-radius: 8px;
      padding: 12px 16px;
      margin-bottom: 18px;
      animation: fadeIn 0.3s ease;
    }
    .ld-feedback-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
    }
    .ld-feedback-title {
      font-size: 12px;
      font-weight: 700;
      color: #34D399;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .ld-badges-row {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 8px;
    }
    .ld-badge-item {
      font-size: 10px;
      font-weight: 600;
      padding: 3px 8px;
      border-radius: 4px;
      background: rgba(15, 23, 42, 0.5);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: #CBD5E1;
    }
    .ld-badge-item strong {
      color: #FB923C;
    }

    /* Preview de Entregáveis da LD */
    .ld-preview-box {
      display: none;
      margin-top: 12px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 6px;
      max-height: 220px;
      overflow-y: auto;
      background: rgba(10, 16, 26, 0.6);
    }
    .ld-preview-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 10px;
    }
    .ld-preview-table th {
      position: sticky;
      top: 0;
      background: var(--arcadis-card-bg, #FFFFFF);
      padding: 6px 8px;
      text-align: left;
      font-weight: 700;
      color: var(--arcadis-text-muted);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .ld-preview-table td {
      padding: 5px 8px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.04);
      color: #CBD5E1;
    }

    /* Formulário - Grid e Campos */
    .form-section-title {
      font-size: 11px;
      font-weight: 700;
      color: #FB923C;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin: 16px 0 10px 0;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .form-section-title::after {
      content: "";
      flex: 1;
      height: 1px;
      background: var(--arcadis-border);
    }
    .form-grid-novo {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .form-group-novo {
      display: flex;
      flex-direction: column;
    }
    .form-group-novo.span-2 {
      grid-column: span 2;
    }
    .form-group-novo.span-3 {
      grid-column: span 3;
    }
    .form-label-novo {
      font-size: 11px;
      font-weight: 600;
      color: var(--arcadis-text-muted);
      margin-bottom: 4px;
      display: flex;
      align-items: center;
      gap: 4px;
    }
    .form-label-novo .obrigatorio {
      color: #EF4444;
      font-weight: 700;
    }
    .form-input-novo, .form-select-novo, .form-textarea-novo {
      width: 100%;
      background: var(--arcadis-input-bg, #0F1824);
      border: 1px solid var(--arcadis-border, #24354D);
      border-radius: 6px;
      padding: 7px 10px;
      font-size: 12px;
      color: #1E293B;
      outline: none;
      transition: all 0.2s;
    }
    .form-input-novo:focus, .form-select-novo:focus, .form-textarea-novo:focus {
      border-color: #FB923C;
      box-shadow: 0 0 0 2px rgba(251, 146, 60, 0.2);
    }
    .form-input-novo.input-error, .form-select-novo.input-error {
      border-color: #EF4444 !important;
      background: rgba(239, 68, 68, 0.08) !important;
    }

    .modal-novo-footer {
      padding: 14px 22px;
      border-top: 1px solid var(--arcadis-border);
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      background: rgba(0, 0, 0, 0.15);
    }
    .btn-modal-cancelar {
      background: transparent;
      border: 1px solid #CBD5E1;
      color: var(--arcadis-text-muted);
      border-radius: 6px;
      padding: 7px 14px;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.2s;
    }
    .btn-modal-cancelar:hover {
      color: #FFFFFF;
      border-color: rgba(255, 255, 255, 0.3);
    }
    .btn-modal-limpar {
      background: transparent;
      border: 1px solid #CBD5E1;
      color: var(--arcadis-text-muted);
      border-radius: 6px;
      padding: 7px 14px;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.2s;
    }
    .btn-modal-limpar:hover {
      color: #FB923C;
      border-color: #FB923C;
    }
    .btn-modal-salvar {
      background: linear-gradient(135deg, #10B981 0%, #059669 100%);
      border: none;
      color: #FFFFFF;
      border-radius: 6px;
      padding: 7px 18px;
      font-size: 12px;
      font-weight: 700;
      cursor: pointer;
      box-shadow: 0 2px 8px rgba(16, 185, 129, 0.35);
      transition: all 0.2s;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .btn-modal-salvar:hover {
      background: linear-gradient(135deg, #34D399 0%, #10B981 100%);
      box-shadow: 0 4px 14px rgba(16, 185, 129, 0.5);
      transform: translateY(-1px);
    }

    /* Light Theme Modal Overrides */
    #panel-facilities.theme-light .modal-novo-card {
      background: #FFFFFF;
      border-color: #CBD5E1;
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }
    #panel-facilities.theme-light .modal-novo-header,
    #panel-facilities.theme-light .modal-novo-footer {
      background: #F8FAFC;
      border-color: #CBD5E1;
    }
    #panel-facilities.theme-light .modal-novo-title {
      color: #0F172A;
    }
    #panel-facilities.theme-light .form-section-title {
      color: #0F172A;
    }
    #panel-facilities.theme-light .form-input-novo,
    #panel-facilities.theme-light .form-select-novo,
    #panel-facilities.theme-light .form-textarea-novo {
      background: #FFFFFF;
      border-color: #CBD5E1;
      color: #0F172A;
    }
    #panel-facilities.theme-light .ld-import-box {
      background: #FFF7ED;
      border-color: #FB923C;
    }
    #panel-facilities.theme-light .ld-preview-box {
      background: #F8FAFC;
      border-color: #E2E8F0;
    }
    #panel-facilities.theme-light .ld-preview-table th {
      background: #F1F5F9;
      color: #475569;
    }
    #panel-facilities.theme-light .ld-preview-table td {
      color: #1E293B;
    }
    #panel-facilities.theme-light .btn-modal-cancelar,
    #panel-facilities.theme-light .btn-modal-limpar {
      border-color: #CBD5E1;
      color: #64748B;
    }
    #panel-facilities.theme-light .btn-modal-cancelar:hover,
    #panel-facilities.theme-light .btn-modal-limpar:hover {
      color: #0F172A;
      border-color: #94A3B8;
    }

    /* Toast Notification */
    .bi-toast {
      position: fixed;
      bottom: 24px;
      right: 24px;
      background: #064E3B;
      color: #1E293B;
      border: 1px solid #10B981;
      border-radius: 8px;
      padding: 12px 18px;
      font-size: 13px;
      font-weight: 600;
      box-shadow: 0 10px 25px rgba(0,0,0,0.4);
      z-index: 100000;
      display: flex;
      align-items: center;
      gap: 10px;
      opacity: 0;
      transform: translateY(10px);
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
      pointer-events: none;
    }
    /* Estilos da Seção 4: Entregáveis da LD por Disciplina */
    .entregavel-disc-card {
      background: rgba(15, 23, 42, 0.45);
      border: 1px solid var(--arcadis-border);
      border-radius: 8px;
      margin-bottom: 12px;
      overflow: hidden;
      transition: all 0.2s ease;
    }
    .entregavel-disc-header {
      background: rgba(231, 106, 37, 0.12);
      border-bottom: 1px solid rgba(231, 106, 37, 0.25);
      padding: 8px 14px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 12px;
      font-weight: 700;
      color: #FB923C;
    }
    .entregavel-disc-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 11px;
    }
    .entregavel-disc-table th {
      background: var(--arcadis-card-bg, #FFFFFF);
      color: var(--arcadis-text-muted);
      padding: 6px 10px;
      text-align: left;
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.4px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
    .entregavel-disc-table td {
      padding: 8px 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.04);
      color: #E2E8F0;
      vertical-align: middle;
    }
    .entregavel-disc-table tr:hover td {
      background: rgba(255, 255, 255, 0.02);
    }
    .select-recurso-doc {
      font-size: 11px;
      padding: 5px 8px;
      border-radius: 5px;
      min-width: 220px;
      background: #FFFFFF;
      border: 1px solid #CBD5E1;
      color: #1E293B;
      outline: none;
    }
    .select-recurso-doc:focus {
      border-color: #38BDF8;
    }
    .input-data-doc {
      font-size: 11px;
      padding: 4px 6px;
      border-radius: 5px;
      width: 130px;
      background: #FFFFFF;
      border: 1px solid rgba(56, 189, 248, 0.4);
      color: #38BDF8;
      font-weight: 600;
      outline: none;
    }
    .input-data-doc:focus {
      border-color: #38BDF8;
      box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.2);
    }

    .input-entregavel-edit {
      font-size: 11px;
      padding: 4px 6px;
      border-radius: 4px;
      background: #FFFFFF;
      border: 1px solid rgba(255, 255, 255, 0.18);
      color: #1E293B;
      outline: none;
      box-sizing: border-box;
      transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    }
    .input-entregavel-edit:focus {
      border-color: #38BDF8;
      box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.25);
      background: #0e1938;
    }
    .input-entregavel-edit::placeholder {
      color: rgba(148, 163, 184, 0.6);
      font-style: italic;
    }

    #panel-facilities.theme-light .entregavel-disc-card {
      background: #FFFFFF;
      border-color: #CBD5E1;
    }
    #panel-facilities.theme-light .entregavel-disc-header {
      background: #FFF7ED;
      border-color: #FED7AA;
      color: #C2410C;
    }
    #panel-facilities.theme-light .entregavel-disc-table th {
      background: #F8FAFC;
      color: #475569;
      border-color: #E2E8F0;
    }
    #panel-facilities.theme-light .entregavel-disc-table td {
      color: #1E293B;
      border-color: #F1F5F9;
    }
    #panel-facilities.theme-light .select-recurso-doc {
      background: #FFFFFF;
      border-color: #CBD5E1;
      color: #0F172A;
    }
    #panel-facilities.theme-light .input-data-doc {
      background: #FFFFFF;
      border-color: #38BDF8;
      color: #0284C7;
    }
    #panel-facilities.theme-light .input-entregavel-edit {
      background: #FFFFFF;
      border-color: #CBD5E1;
      color: #0F172A;
    }
    #panel-facilities.theme-light .input-entregavel-edit:focus {
      border-color: #0284C7;
      background: #F8FAFC;
    }
    #panel-facilities.theme-light .input-entregavel-edit::placeholder {
      color: #94A3B8;
    }

    #panel-facilities.theme-vale .input-entregavel-edit {
      background: #F8FAFC;
      border-color: #CBD5E1;
      color: #1E293B;
    }
    #panel-facilities.theme-vale .input-entregavel-edit:focus {
      border-color: #007E7A;
      box-shadow: 0 0 0 2px rgba(0, 126, 122, 0.25);
    }

    /* Chips de profissionais na Ficha da SE e botões de ação */
    .chip-prof-ficha {
      background: rgba(15, 24, 36, 0.9);
      border: 1px solid var(--arcadis-border);
      color: #E2E8F0;
      padding: 4px 9px;
      border-radius: 6px;
      font-size: 11px;
      font-weight: 600;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      transition: all 0.2s;
    }
    .chip-prof-ficha:hover {
      border-color: var(--arcadis-orange);
      color: #1E293B;
      background: rgba(231, 106, 37, 0.15);
      transform: translateY(-1px);
    }
    #panel-facilities.theme-light .chip-prof-ficha {
      background: #F1F5F9;
      border-color: #CBD5E1;
      color: #1E293B;
    }
    #panel-facilities.theme-light .chip-prof-ficha:hover {
      background: #FED7AA;
      border-color: #F97316;
      color: #9A3412;
    }
    #panel-facilities.theme-vale .chip-prof-ficha:hover {
      border-color: #007E7A;
      background: rgba(0, 126, 122, 0.2);
    }

    .btn-edit-demanda {
      background: #1E293B;
      border: 1px solid #38BDF8;
      color: #38BDF8;
      padding: 3px 8px;
      border-radius: 4px;
      font-size: 11px;
      cursor: pointer;
      font-weight: 600;
      transition: all 0.2s;
    }
    .btn-edit-demanda:hover {
      background: #0284C7;
      color: #FFFFFF;
    }
    .btn-del-demanda {
      background: #1E293B;
      border: 1px solid #EF4444;
      color: #EF4444;
      padding: 3px 6px;
      border-radius: 4px;
      font-size: 11px;
      cursor: pointer;
      transition: all 0.2s;
    }
    .btn-del-demanda:hover {
      background: #DC2626;
      color: #FFFFFF;
    }

    /* Filtro de Ano na Carteira de Demandas da Equipe */
    .box-filtro-ano-carteira {
      display: flex;
      align-items: center;
      gap: 6px;
      background: #FFFFFF;
      padding: 3px 10px;
      border-radius: 6px;
      border: 1px solid var(--arcadis-border);
      transition: all 0.2s ease;
    }
    .box-filtro-ano-carteira:focus-within {
      border-color: var(--arcadis-orange);
      box-shadow: 0 0 0 2px rgba(231, 106, 37, 0.2);
    }
    #filtroAnoCarteira {
      height: 28px;
      background-color: #F8FAFC !important;
      color: #1E293B !important;
      border: 1px solid #CBD5E1 !important;
      font-size: 12px;
      font-weight: 700;
      cursor: pointer;
      outline: none;
      padding: 2px 6px;
      border-radius: 6px;
    }
    #filtroAnoCarteira option {
      background-color: #0B132B !important;
      color: #FFFFFF !important;
      padding: 8px 12px;
      font-size: 12px;
      font-weight: 600;
    }
    #filtroAnoCarteira:hover,
    #filtroAnoCarteira:focus {
      background-color: #121E3E !important;
      color: #FFFFFF !important;
    }

    #panel-facilities.theme-light .box-filtro-ano-carteira {
      background: #FFFFFF;
      border-color: #CBD5E1;
    }
    #panel-facilities.theme-light #filtroAnoCarteira {
      background-color: #FFFFFF !important;
      color: #0F172A !important;
    }
    #panel-facilities.theme-light #filtroAnoCarteira option {
      background-color: #FFFFFF !important;
      color: #0F172A !important;
    }
    #panel-facilities.theme-light #filtroAnoCarteira:hover,
    #panel-facilities.theme-light #filtroAnoCarteira:focus {
      background-color: #F8FAFC !important;
      color: #0F172A !important;
    }

    #panel-facilities.theme-vale .box-filtro-ano-carteira {
      background: #FFFFFF;
      border-color: #CBD5E1;
    }
    #panel-facilities.theme-vale #filtroAnoCarteira {
      background-color: #F8FAFC !important;
      color: #1E293B !important;
      border-color: #CBD5E1 !important;
    }
    #panel-facilities.theme-vale #filtroAnoCarteira option {
      background-color: #FFFFFF !important;
      color: #1E293B !important;
    }
    #panel-facilities.theme-vale #filtroAnoCarteira:hover,
    #panel-facilities.theme-vale #filtroAnoCarteira:focus {
      background-color: #FFFFFF !important;
      color: #007E7A !important;
      border-color: #007E7A !important;
    }
  
    #panel-facilities select,
    #panel-facilities input {
      background: #F8FAFC !important;
      border: 1px solid #CBD5E1 !important;
      color: #1E293B !important;
      border-radius: 8px !important;
    }
    #panel-facilities select:focus,
    #panel-facilities input:focus {
      border-color: #007E7A !important;
      background: #FFFFFF !important;
      box-shadow: 0 0 0 2px rgba(0, 126, 122, 0.2) !important;
    }


/* ==========================================================================
   PADRONIZAÇÃO EXECUTIVA OFICIAL VALE & ARCADIS - PLANO DIRETOR 2.0
   Harmonização visual completa: fundo slate-50, cards brancos,
   tipografia Inter/Segoe UI, Vale Teal (#004D4B / #007E7A) & Laranja Arcadis (#E76A25)
   ========================================================================== */

#panel-facilities,
#panel-facilities.theme-vale {
  background-color: transparent !important;
  color: #1E293B !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

/* 1. Header & Sub-barras */
#panel-facilities .facilities-header-bar {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

/* 2. Navegação por Abas Executivas Corporativas (Padrão Abas Selecionáveis) */
#panel-facilities .nav-tabs {
  display: flex !important;
  align-items: flex-end !important;
  gap: 6px !important;
  margin-bottom: 24px !important;
  padding: 0 4px !important;
  padding-bottom: 0px !important;
  border-bottom: 2px solid #CBD5E1 !important;
  background: transparent !important;
  position: relative !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

#panel-facilities .tab-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 22px !important;
  background: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  border-bottom: 2px solid #CBD5E1 !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
  border-radius: 8px 8px 0 0 !important;
  margin-bottom: -2px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#panel-facilities .tab-btn:hover {
  background: #FFFFFF !important;
  color: #007E7A !important;
  border-color: #94A3B8 !important;
  border-bottom: 2px solid #CBD5E1 !important;
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.03) !important;
}

#panel-facilities .tab-btn.active {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  border-top: 3.5px solid #007E7A !important;
  border-bottom: 2px solid #FFFFFF !important;
  color: #004D4B !important;
  font-weight: 800 !important;
  box-shadow: 0 -4px 12px rgba(0, 77, 75, 0.08) !important;
  z-index: 2 !important;
}

/* 3. Barra de Filtros */
#panel-facilities .filters-bar {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  padding: 14px 18px !important;
  margin-bottom: 20px !important;
}

#panel-facilities .filter-group label {
  color: #64748B !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

#panel-facilities .filter-group select,
#panel-facilities .filter-group input {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  color: #1E293B !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  outline: none !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

#panel-facilities .filter-group select:focus,
#panel-facilities .filter-group input:focus {
  border-color: #007E7A !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 2px rgba(0, 126, 122, 0.2) !important;
}

#panel-facilities .btn-reset {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #475569 !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  font-size: 12px !important;
}

#panel-facilities .btn-reset:hover {
  background: #F1F5F9 !important;
  color: #1E293B !important;
  border-color: #94A3B8 !important;
}

/* 4. Cards Corporativos, KPIs e Gráficos */
#panel-facilities .kpi-card,
#panel-facilities .chart-card,
#panel-facilities .table-card,
#panel-facilities .ficha-card,
#panel-facilities .exec-card,
#panel-facilities .specialist-card,
#panel-facilities .demanda-detail-card,
#panel-facilities .gantt-chart-card,
#panel-facilities .agenda-visitas-card,
#panel-facilities .resumo-kpis-grid-2x3 .kpi-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

#panel-facilities .kpi-title {
  color: #64748B !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

#panel-facilities .kpi-value {
  color: #1E293B !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  letter-spacing: -0.5px !important;
}

#panel-facilities .kpi-sub {
  color: #64748B !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

/* Acentos Semânticos dos Indicadores */
#panel-facilities #kpiMedido,
#panel-facilities #kpiTeamConcluidas,
#panel-facilities #kpiBmTotalFaturado,
#panel-facilities #kpiSpciRealizadoTotal,
#panel-facilities #tacBannerSpciRealizado {
  color: #1E874B !important;
}

#panel-facilities #kpiDesvio,
#panel-facilities #lblPercAvanco,
#panel-facilities #kpiTeamAndamento,
#panel-facilities #tacBannerValorAditivo {
  color: #D97706 !important;
}

#panel-facilities #kpiSaldo,
#panel-facilities #kpiBmSaldoContrato,
#panel-facilities #tacBannerSpciTotal {
  color: #007E7A !important;
}

#panel-facilities #lblQtdProjetos {
  color: #1E293B !important;
}

/* 5. Linha de Progresso Físico */
#panel-facilities .progress-bar-container {
  background: #E2E8F0 !important;
  border-radius: 9999px !important;
  height: 10px !important;
}

#panel-facilities .progress-bar-fill {
  background: linear-gradient(90deg, #E76A25 0%, #FB923C 100%) !important;
  border-radius: 9999px !important;
}

/* 6. Cabeçalhos de Gráficos e Seções */
#panel-facilities .chart-header h3,
#panel-facilities .table-card h3,
#panel-facilities .ficha-card h3,
#panel-facilities .gantt-title-wrapper h2,
#panel-facilities .agenda-visitas-card h2,
#panel-facilities #detalheEspNome {
  color: #004D4B !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

#panel-facilities .chart-header p,
#panel-facilities .table-card p,
#panel-facilities .ficha-card p,
#panel-facilities .gantt-title-wrapper p,
#panel-facilities .agenda-visitas-card p {
  color: #64748B !important;
}

/* 7. Tabelas Analíticas e Listagens */
#panel-facilities table thead th,
#panel-facilities .table-agenda-visitas thead th {
  background: #F8FAFC !important;
  color: #475569 !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-bottom: 2px solid #E2E8F0 !important;
  padding: 10px 12px !important;
}

#panel-facilities table tbody td,
#panel-facilities .table-agenda-visitas tbody td {
  background: #FFFFFF !important;
  color: #1E293B !important;
  border-bottom: 1px solid #F1F5F9 !important;
  padding: 9px 12px !important;
  font-size: 12px !important;
}

#panel-facilities table tbody tr:hover td,
#panel-facilities .table-agenda-visitas tbody tr:hover td {
  background: #E6F4F3 !important;
  color: #004D4B !important;
}

#panel-facilities table tbody tr.disc-group-header:hover td {
  background: #F8FAFC !important;
  color: #C2410C !important;
}

#panel-facilities table tbody tr.selected td {
  background: #E6F4F3 !important;
  color: #004D4B !important;
  font-weight: 600 !important;
}

#panel-facilities table tbody tr.selected {
  border-left: 4px solid #007E7A !important;
}

/* 8. Ficha Técnica Lateral */
#panel-facilities .ficha-field {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
}

#panel-facilities .ficha-label {
  color: #64748B !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

#panel-facilities .ficha-value {
  color: #1E293B !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

/* 9. Badges de Status Operacional */
#panel-facilities .status-concluido { background: #DCFCE7 !important; color: #15803D !important; border: 1px solid #86EFAC !important; }
#panel-facilities .status-andamento { background: #E6F4F3 !important; color: #007E7A !important; border: 1px solid #B2DFDC !important; }
#panel-facilities .status-pendente  { background: #FEF3C7 !important; color: #B45309 !important; border: 1px solid #FCD34D !important; }
#panel-facilities .status-paralisado { background: #F1F5F9 !important; color: #475569 !important; border: 1px solid #CBD5E1 !important; }
#panel-facilities .status-cancelado { background: #FEE2E2 !important; color: #B91C1C !important; border: 1px solid #FCA5A5 !important; }

/* 10. Modais Executivos e Diálogos (Universal para todos os modais corporativos) */
.modal-novo-overlay,
#modalNovoProjeto,
#modalNovoBM,
#modalNovoIntegrante,
#modalEditarDemandaEspecialista,
#modalDeParaDetalhe,
#modalAtualizarBanco {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(15, 23, 42, 0.65) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  z-index: 99999 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  opacity: 0;
  transition: opacity 0.25s ease !important;
}

.modal-novo-overlay.show,
#modalNovoProjeto.show,
#modalNovoBM.show,
#modalNovoIntegrante.show,
#modalEditarDemandaEspecialista.show,
#modalDeParaDetalhe.show,
#modalAtualizarBanco.show {
  display: flex !important;
  opacity: 1 !important;
}

.modal-novo-card,
.modal-card,
.modal-depara-card {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
  color: #0F172A !important;
  transform: scale(0.96);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.modal-novo-overlay.show .modal-novo-card,
.modal-novo-overlay.show .modal-card,
.modal-novo-overlay.show .modal-depara-card {
  transform: scale(1) !important;
}

.modal-novo-header,
.modal-header {
  background: #F8FAFC !important;
  border-bottom: 1px solid #E2E8F0 !important;
  padding: 18px 24px !important;
}

.modal-novo-title,
.modal-title {
  color: #004D4B !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -0.2px !important;
}

.modal-novo-subtitle,
.modal-subtitle {
  color: #64748B !important;
  font-size: 12px !important;
  margin-top: 2px !important;
}

.modal-novo-close {
  background: transparent !important;
  border: none !important;
  color: #94A3B8 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  transition: all 0.15s ease !important;
}

.modal-novo-close:hover {
  color: #0F172A !important;
  background: #F1F5F9 !important;
}

.modal-novo-body {
  background: #FFFFFF !important;
  color: #0F172A !important;
  padding: 24px !important;
  overflow-y: auto !important;
}

.modal-novo-footer,
.modal-footer {
  background: #F8FAFC !important;
  border-top: 1px solid #E2E8F0 !important;
  padding: 16px 24px !important;
}

/* Área de Drop / Importação de LD e Planilhas */
.ld-import-box {
  background: #F0FDFA !important;
  border: 2px dashed #007E7A !important;
  border-radius: 12px !important;
  padding: 22px 18px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.ld-import-box:hover,
.ld-import-box.drag-over {
  border-color: #005E5B !important;
  background: #E6FFFA !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 126, 122, 0.12) !important;
}

.ld-import-title {
  color: #007E7A !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  margin-bottom: 4px !important;
}

.ld-import-desc {
  color: #475569 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

.form-section-title {
  color: #E76A25 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  margin: 18px 0 12px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.form-section-title::after {
  content: "" !important;
  flex: 1 !important;
  height: 1px !important;
  background: #E2E8F0 !important;
}

.form-label-novo {
  color: #334155 !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  margin-bottom: 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.form-input-novo,
.form-select-novo,
.form-textarea-novo {
  width: 100% !important;
  background: #F8FAFC !important;
  border: 1.5px solid #CBD5E1 !important;
  color: #0F172A !important;
  border-radius: 8px !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
  font-family: inherit !important;
  outline: none !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.02) !important;
  transition: all 0.15s ease-in-out !important;
  box-sizing: border-box !important;
}

.form-input-novo::placeholder,
.form-textarea-novo::placeholder {
  color: #94A3B8 !important;
}

.form-input-novo:focus,
.form-select-novo:focus,
.form-textarea-novo:focus {
  border-color: #007E7A !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(0, 126, 122, 0.15) !important;
}

.btn-modal-cancelar {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  color: #475569 !important;
  border-radius: 8px !important;
  padding: 9px 18px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.btn-modal-cancelar:hover {
  background: #F1F5F9 !important;
  border-color: #94A3B8 !important;
  color: #0F172A !important;
}

.btn-modal-salvar {
  background: linear-gradient(135deg, #007E7A 0%, #005E5B 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 9px 22px !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 126, 122, 0.3) !important;
  transition: all 0.15s ease !important;
}

.btn-modal-salvar:hover {
  background: linear-gradient(135deg, #005E5B 0%, #004D4B 100%) !important;
  box-shadow: 0 4px 12px rgba(0, 126, 122, 0.4) !important;
}

/* Badges de Regime Contratual na Equipe ATO */
.badge-regime-clt {
  background: #EFF6FF !important;
  color: #1D4ED8 !important;
  border: 1px solid #BFDBFE !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  display: inline-block !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 1px 2px rgba(29, 78, 216, 0.08) !important;
}

.badge-regime-pj {
  background: #FAF5FF !important;
  color: #7E22CE !important;
  border: 1px solid #E9D5FF !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  display: inline-block !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 1px 2px rgba(126, 34, 206, 0.08) !important;
}

.badge-regime-outros {
  background: #F1F5F9 !important;
  color: #475569 !important;
  border: 1px solid #CBD5E1 !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  display: inline-block !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}