/**
 * Harmony Caregiving — shared palette (matches login.php)
 * Scoped layout tweaks: body.harmony-app
 */

:root {
  --lc-green: #1a5c45;
  --lc-green-mid: #2d6a4f;
  --lc-green-light: #40916c;
  --lc-mint: #95d5b2;
  --lc-surface: #ffffff;
  --lc-surface-2: #f1f5f4;
  --lc-text: #0f172a;
  --lc-muted: #64748b;
  --lc-border: rgba(15, 23, 42, 0.08);
  --lc-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.12);
  --lc-radius: 16px;
}

/* App shell (logged-in layout) */
body.harmony-app {
  font-family: "Outfit", "Noto Sans", system-ui, sans-serif;
  background: linear-gradient(180deg, #eef2f0 0%, #e4ebe7 100%);
  min-height: 100vh;
  text-transform: none;
}

/* Sidebar — same green story as login left panel */
body.harmony-app .sidebar-wrapper {
  background: linear-gradient(
    180deg,
    #0d2818 0%,
    var(--lc-green) 35%,
    var(--lc-green-mid) 65%,
    #163d2e 100%
  );
  box-shadow: 4px 0 32px rgba(13, 40, 24, 0.2);
}

body.harmony-app .sidebar-wrapper .sidebar-header {
  background: rgba(0, 0, 0, 0.28);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.harmony-app .sidebar-wrapper .sidebar-nav {
  background: transparent;
}

body.harmony-app .sidebar-wrapper .sidebar-nav .metismenu ul {
  background-color: transparent;
}

body.harmony-app .sidebar-wrapper .sidebar-nav .metismenu a {
  color: rgba(255, 255, 255, 0.92) !important;
}

body.harmony-app .sidebar-wrapper .sidebar-nav .metismenu a:hover,
body.harmony-app .sidebar-wrapper .sidebar-nav .metismenu a:focus {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

body.harmony-app .sidebar-wrapper .sidebar-nav .metismenu a:active {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
}

body.harmony-app .sidebar-wrapper .sidebar-nav .metismenu .mm-active > a {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
}

/* Top bar */
body.harmony-app .top-header .navbar {
  background: var(--lc-surface) !important;
  border-bottom: 1px solid var(--lc-border);
  box-shadow: 0 1px 0 rgba(26, 92, 69, 0.05);
}

body.harmony-app .top-header .btn-toggle a {
  color: var(--lc-green-mid) !important;
  border: 1px solid transparent;
}

body.harmony-app .top-header .btn-toggle a:hover,
body.harmony-app .top-header .btn-toggle a:focus {
  background-color: rgba(149, 213, 178, 0.28) !important;
  border-color: rgba(45, 106, 79, 0.15) !important;
  color: var(--lc-green) !important;
}

body.harmony-app .top-header .nav-right-links .nav-link {
  color: var(--lc-muted) !important;
}

body.harmony-app .top-header .nav-right-links .nav-link:hover,
body.harmony-app .top-header .nav-right-links .nav-link:focus {
  background-color: rgba(149, 213, 178, 0.22) !important;
  color: var(--lc-green-mid) !important;
}

/* Main content area */
body.harmony-app .main-wrapper {
  background: transparent;
}

body.harmony-app .main-wrapper .main-content {
  background: var(--lc-surface);
  border: 1px solid var(--lc-border);
  border-radius: var(--lc-radius);
  box-shadow: var(--lc-shadow);
}

/* Sidebar close (mobile) */
body.harmony-app .sidebar-wrapper .sidebar-header .sidebar-close {
  color: rgba(255, 255, 255, 0.85);
}

body.harmony-app .sidebar-wrapper .sidebar-header .sidebar-close:hover,
body.harmony-app .sidebar-wrapper .sidebar-header .sidebar-close:focus {
  background-color: rgba(255, 255, 255, 0.12);
}

/* Refined nav labels / dividers (care-sidenav-pro in sidebar.php) */
body.harmony-app .sidebar-wrapper .sidebar-nav.care-sidenav-pro .care-nav-section-label {
  color: rgba(255, 255, 255, 0.48);
  border-bottom-color: rgba(149, 213, 178, 0.22);
}

body.harmony-app .sidebar-wrapper .sidebar-nav.care-sidenav-pro .care-nav-divider {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(149, 213, 178, 0.28),
    transparent
  );
}

body.harmony-app .sidebar-wrapper .sidebar-nav.care-sidenav-pro #sidenav > li.mm-active > a {
  box-shadow:
    inset 0 0 0 1px rgba(149, 213, 178, 0.35),
    0 4px 20px rgba(0, 0, 0, 0.2);
}