/* ===================================================
   NKHS Admin Panel — Layout & Design Fixes
=================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Hind+Siliguri:wght@400;500;600;700&display=swap');

body {
  font-family: 'Hind Siliguri', 'Inter', sans-serif !important;
  background-color: #fafbfd !important;
}

/* ========================================
   1. SIDEBAR FIXES
======================================== */
.leftside-menu {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 260px !important;
  background: #111827 !important;
  z-index: 1001 !important;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.05) !important;
}

.leftside-menu .logo {
  height: 70px !important;
  line-height: 70px !important;
  background: #0f172a !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 15px !important;
}

/* Sidebar Navigation Items */
.side-nav {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
  list-style: none !important;
}

.side-nav .side-nav-title {
  padding: 16px 20px 8px !important;
  letter-spacing: 0.05em !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  text-transform: uppercase !important;
}

.side-nav .side-nav-link {
  color: #d1d5db !important;
  display: flex !important;
  align-items: center !important;
  padding: 12px 20px !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.side-nav .side-nav-link:hover {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.side-nav-item.menuitem-active > .side-nav-link {
  color: #6366f1 !important;
  background-color: rgba(99, 102, 241, 0.1) !important;
  font-weight: 600 !important;
}

.side-nav .side-nav-link i {
  font-size: 18px !important;
  margin-right: 10px !important;
  width: 20px !important;
  text-align: center !important;
  display: inline-block !important;
}

/* Submenu Fixes */
.side-nav-second-level {
  padding-left: 0 !important;
  list-style: none !important;
  background-color: #0b0f19 !important;
}

.side-nav-second-level li a {
  padding: 10px 20px 10px 50px !important;
  color: #9ca3af !important;
  display: block !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.side-nav-second-level li a:hover,
.side-nav-second-level li.menuitem-active > a {
  color: #ffffff !important;
}

/* ========================================
   2. NAVBAR & TOPBAR FIXES
======================================== */
.content-page {
  margin-left: 260px !important;
  min-height: 100vh !important;
}

.content-page .content {
  padding: 30px 24px 80px !important;
}

.navbar-custom {
  background: #ffffff !important;
  height: 70px !important;
  padding: 0 24px !important;
  margin-left: 0 !important;
  min-height: 70px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important;
  border-bottom: 1px solid #f1f5f9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.navbar-custom .topbar-menu {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 0 !important;
  list-style: none !important;
}

/* User Profile Dropdown Fixes */
.nav-user {
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.nav-user .account-user-avatar {
  margin-right: 10px !important;
  display: inline-block !important;
  width: 36px !important;
  height: 36px !important;
}

.nav-user .account-user-avatar img {
  width: 36px !important;
  height: 36px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

.nav-user .account-user-name {
  display: block !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #1f2937 !important;
  line-height: 1.2 !important;
}

.nav-user .account-position {
  display: block !important;
  font-size: 11px !important;
  color: #6b7280 !important;
  line-height: 1.2 !important;
}

/* Mobile Toggle & App Search */
.button-menu-mobile {
  border: none !important;
  background: transparent !important;
  font-size: 22px !important;
  color: #4b5563 !important;
  padding: 0 10px !important;
  line-height: 70px !important;
  cursor: pointer !important;
}

.app-search {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.app-search .input-group {
  width: 260px !important;
  position: relative !important;
}

.app-search .form-control {
  border-radius: 20px 0 0 20px !important;
  padding-left: 16px !important;
  height: 38px !important;
  font-size: 13px !important;
  border: 1px solid #e5e7eb !important;
  border-right: none !important;
}

.app-search .btn-primary {
  border-radius: 0 20px 20px 0 !important;
  height: 38px !important;
  padding: 0 18px !important;
  background-color: #6366f1 !important;
  border-color: #6366f1 !important;
  font-size: 13px !important;
}

/* Responsive sidebar toggle handling */
@media (max-width: 991.98px) {
  .leftside-menu {
    margin-left: -260px !important;
  }
  .content-page {
    margin-left: 0 !important;
  }
  .sidebar-enable .leftside-menu {
    margin-left: 0 !important;
  }
}