/* Palme Oasis – VAbooster-style layout */

:root{
  --po-primary: #2b6777;
  --po-accent:  #52ab98;
  --sb-width:   250px;
  --sb-collapsed: 64px;
}

.btn-custom {
    background-color: #636B2E;
    border-color: #636B2E;
    color: #fff;
}
.btn-custom:hover {
    color: white;
    background-color: #54592A; /* slightly darker on hover */
    border-color: #54592A;
}

/* Base */
html, body{ height:100%; background:#f8fafc; color:#333; font-family:"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
a { text-decoration: none; }

/* Navbar bits */
.notif-circle{
  background:#e4e6eb; width:40px; height:40px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}
.notifBadge{
  top:-4px; right:-4px; font-size:.7rem; min-width:18px; height:18px;
  border-radius:50%; background-color:#dc3545; color:#fff;
  display:none; align-items:center; justify-content:center; padding:0 4px;
}

/* Desktop sidebar */
#sidebar { transition: width .25s ease; }
#sidebar.collapsed { width: var(--sb-collapsed) !important; }
#sidebar.collapsed #sidebarContent span { display:none; }
#sidebar.collapsed #sidebarContent i { margin-right: 0 !important; }
#toggleSidebar { width: 40px; }

/* Sidebar nav styles */
.sb .nav-link {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: #636B2E; /* base color */
  padding: .5rem .5rem;
  border-radius: .5rem;
}

.sb .nav-link i { 
  width: 1.25rem;
  text-align: center;
}

.sb .nav-link:hover {
  background: rgba(99, 107, 46, .08); /* lighter hover bg */
  color: #636B2E; /* keep main color */
}

.sb .nav-link.active {
  background: rgba(99, 107, 46, .15); /* slightly stronger active bg */
  color: #636B2E;
  font-weight: 600;
}


/* Submenu (std) */


/* Floating label when collapsed */
.floating-label{
  position:absolute; transform:translateY(-50%);
  background:#fff; color:#2b6777; border:1px solid #e5e7eb;
  border-radius:.5rem; padding:.25rem .5rem; pointer-events:none; z-index: 1051;
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
}
.floating-label-hover{ background:#fff; }
.floating-label-active{ background:#e8f3f1; }

/* Footer */
.footer-section .social-link{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px;
  border-radius:50%; background:#eef2f7; color:#4b5563; margin-right:.35rem; }
.footer-section .social-link:hover{ background:#e2e8f0; color:#111827; }

/* Mobile sticky footer (bell + burger) */
.custom-mobile-footer{
  position:fixed; bottom:16px; left:0; right:0; z-index:1050;
}
.custom-mobile-footer .notif-circle{ margin:0 auto; }

/* Utilities */
.card { border-radius:.75rem; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.card .card-header{ background:var(--po-primary); color:#fff; font-weight:500; }
.btn-primary{ background:var(--po-primary); border-color:var(--po-primary); }
.btn-primary:hover{ background:#236165; border-color:#236165; }
.btn-success{ background:var(--po-accent); border-color:var(--po-accent); }
.btn-success:hover{ background:#469285; border-color:#469285; }
.table thead th{ background:#e2f0ef; color:var(--po-primary); font-weight:600; }
.table tbody tr:hover{ background:#f1f8f7; }