/**
 * MP Client Hub — minimal client theme (eFormogi style).
 * ONLY: menu icons + subtle hover. NO color overrides on the header,
 * no background repaint, no gradient — the header keeps Perfex's own colors.
 */

/* menu item icons */
#theme-navbar-collapse ul.nav > li > a .mpc-ico {
  font-size: 15px;
  opacity: .75;
  transition: opacity .2s ease, transform .25s ease;
  margin-right: 2px;
}
#theme-navbar-collapse ul.nav > li > a:hover .mpc-ico {
  opacity: 1;
  transform: scale(1.12);
}

/* subtle hover — NO color swap, just slight background tint using currentColor area */
#theme-navbar-collapse ul.nav > li > a {
  transition: background .22s ease;
}
#theme-navbar-collapse ul.nav > li > a:hover {
  background: rgba(0,0,0,.045);
  border-radius: 8px;
}

/* footer: remove border + copyright line */
footer.footer,
footer.footer .copyright-footer,
body > footer {
  display: none !important;
}

/* stat cards — keep white panels, tiny lift on hover */
.section-client-dashboard dl a {
  transition: transform .2s ease, box-shadow .2s ease;
}
.section-client-dashboard dl a:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

/* welcome dashboard (home) — clean white hero, minimal */
.mpc-hero {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 30px 32px 26px;
  margin: 18px 0 22px;
}
.mpc-hero h1.mpc-title {
  font-size: clamp(22px, 2.6vw, 32px);
  font-weight: 700;
  color: #16171d;
  margin: 0 0 4px;
}
.mpc-hero p.mpc-sub {
  color: #6b7280;
  font-size: 14.5px;
  margin: 0 0 20px;
}

/* search — white with gray border, brand-colored focus ring only */
.mpc-search {
  display: flex; align-items: center; gap: 10px;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 99px;
  padding: 4px 4px 4px 16px;
  transition: border-color .22s ease, box-shadow .22s ease;
}
.mpc-search:focus-within {
  border-color: #2945FF;
  box-shadow: 0 0 0 3px rgba(41,69,255,.10);
}
.mpc-search i.mpc-s-ico { color: #9ca3af; font-size: 15px; }
.mpc-search input {
  flex: 1; background: transparent; border: none; outline: none;
  color: #16171d; font-size: 14.5px; padding: 9px 2px;
}
.mpc-search input::placeholder { color: #9ca3af; }
.mpc-search .mpc-search-btn {
  background: #2945FF; color: #fff; border: none; border-radius: 99px;
  padding: 10px 22px; font-weight: 600; cursor: pointer; font-size: 13.5px;
  transition: background .2s ease;
}
.mpc-search .mpc-search-btn:hover { background: #0E27CC; }

/* AI button — small brand accent, subtle */
.mpc-ai-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: #2945FF; color: #fff; border: none; border-radius: 99px;
  padding: 11px 22px; font-weight: 600; font-size: 14px; cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}
.mpc-ai-btn:hover { background: #0E27CC; transform: translateY(-1px); }
.mpc-ai-btn .mpc-ai-dot {
  width: 7px; height: 7px; border-radius: 99px; background: #4ade80;
  animation: mpcPulse 1.6s ease infinite;
}
@keyframes mpcPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.8)} }
