/* SIDEBAR */
  .sidebar{
    background:#fff;
    /*border-top:1px solid #eef2f7;*/
    border-right:1px solid #eef2f7;
   
    /*min-height:80vh;*/
    padding:18px 0 18px 14px;
    width:220px;  
    /* ===== ADICIONAR ESSAS DUAS LINHAS ===== */
    position: sticky;
    top: 80px;
    /* ======================================= */

    align-self: flex-start; /* importante! sem isso o sticky não funciona em flex */
    max-height: 100vh;      /* opcional: evita sidebar maior que a tela */
    overflow-y: auto;       /* opcional: scroll interno se o menu for longo */



  }
  .sidebar-title{
    font-weight:800;
    color:#0f172a;
    margin:4px 6px 14px;
    font-size:14px;
    letter-spacing:.2px;
  }

  .menu{ list-style:none; padding:0; margin:0; }

  .menu li{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 12px;
    margin-bottom:8px;
    border-radius:0;
    cursor:pointer;
    color:#475569;
    font-weight:600;
    transition: background .15s ease, color .15s ease;
    user-select:none;
  }
  .menu li i{ font-size:18px; color:#64748b; transition: color .15s ease; }

  .menu li:hover{ background:#eaf2ff; color:#0d6efd; }
  .menu li:hover i{ color:#0d6efd; }

  .menu li.active{ background:#eaf2ff; color:#0d6efd; }
  .menu li.active i{ color:#0d6efd; }

  /* Barrinha azul (hover + active) */
  .menu li::after{
    content:"";
    position:absolute;
    right:0; top:0; bottom:0;
    width:0;
    background:#0d6efd;
    transition: width .2s ease;
    z-index:2;
  }

  /*TESTE*/

  /*TESTE*/
  .menu li:hover::after,
  .menu li.active::after{ width:4px; }

  .content-area{ padding:20px; }

  .muted{ color:#64748b; font-weight:600; font-size:13px; }
  .filter-input{ min-width:170px; }

  /* Cards */
  .dashboard-card{
    position: relative;
    padding:20px;
    border:none;
    border-radius:14px;
    background:#fff;
    border:1px solid rgba(13,110,253,0.08);
    box-shadow: 0 10px 30px rgba(13,110,253,0.08), 0 2px 8px rgba(13,110,253,0.05);
    transition: all .2s ease;
  }
  .dashboard-card::before{
    content:"";
    position:absolute; top:0; left:0;
    width:100%; height:4px;
    background:#0d6efd;
    border-top-left-radius:14px;
    border-top-right-radius:14px;
    opacity:.7;
  }
  .dashboard-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(13,110,253,0.15);
  }
  .dashboard-card h6{ color:#64748b; font-weight:700; margin-bottom:6px; }
  .dashboard-card h2{ font-weight:900; margin-top:6px; margin-bottom:2px; color:#0f172a; letter-spacing:-.2px; }

  .kpi-sub{ font-size:13px; font-weight:700; color:#64748b; }
  .kpi-sub.warn{ color:#b45309; }
  .kpi-sub.ok{ color:#15803d; }

  .fw-900{ font-weight:900; }
  .mono{
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 13px; color:#0f172a;
  }

  /* Boxes */
  .box{
    border:1px solid #eef2f7;
    border-radius:14px;
    padding:14px;
    background:#fff;
  }
  .box-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
  .box-title{ font-weight:900; color:#0f172a; }
  .box-chip{
    font-size:12px; font-weight:800; color:#0d6efd; background:#eaf2ff;
    padding:8px 10px; border-radius:999px; white-space:nowrap;
  }

  /* Table */
  .table thead th{
    color:#0f172a;
    font-weight:800;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
  }
  .table tbody td{ border-color:#eef2f7; }

  @media(max-width:991px){
    .sidebar{ display:none; }
    .content-area{ padding:14px; }
    .filter-input{ min-width:100%; }
  }

/*CSS ESPECIFICO PRO LINK DO SIDEBAR*/

/* Sidebar: não mudar aparência quando o link já foi visitado */
.sidebar a,
.sidebar a:link,
.sidebar a:visited {
  color: inherit;          /* ou coloque sua cor fixa, ex: #0d6efd */
  text-decoration: none;
}

/* opcional: hover/focus/active consistentes */
.sidebar a:hover,
.sidebar a:focus,
.sidebar a:active {
  color: inherit;          /* ou sua cor de hover */
  text-decoration: none;
  outline: none;
}

/*FAZER O MENU LATRRAL SUMIR*/

/* ══════════════════════════════════════════════
   NEUTRALIZA BOOTSTRAP NAS TABELAS MEDHUB
   ══════════════════════════════════════════════ */

/* Neutraliza herança de dark-background/light-background E Bootstrap table vars */
.mh-card {
  --default-color:   #1a2340;
  --heading-color:   #0f172a;
  --contrast-color:  #1a2340;
  --background-color: #ffffff;
  --surface-color:   #ffffff;

  --bs-table-bg:              #ffffff;
  --bs-table-accent-bg:       transparent;
  --bs-table-striped-bg:      #ffffff;
  --bs-table-striped-color:   #1a2340;
  --bs-table-active-bg:       #f0f5ff;
  --bs-table-active-color:    #1a2340;
  --bs-table-hover-bg:        #f0f5ff;
  --bs-table-hover-color:     #1a2340;
  --bs-table-color:           #1a2340;
  --bs-table-border-color:    #f0f4fc;
}

/* Força cor de texto escura em td/th — !important pois color:var(--contrast-color) vaza do tema */
.mh-card tbody td,
.mh-card thead th {
  color: #1a2340 !important;
}

/* Fundo branco nas linhas */
.mh-card tbody tr {
  background-color: #ffffff !important;
}
.mh-card tbody tr:hover {
  background-color: #f0f5ff !important;
}
.mh-card thead tr,
.mh-card thead th {
  background-color: #f4f7fc !important;
  color: #6b7a99 !important;
  border-color: #e2e8f4 !important;
}
.mh-card tbody td {
  border-color: #f0f4fc !important;
  background-color: transparent !important;
}