/*
 * Monte Campo brand system: vector assets are derived from the supplied logo artwork.
 * Scope overrides to the application shell and major branded surfaces so analytics
 * colors, metric meanings, and layout logic are not silently changed.
 */
:root {
  --mc-brand-charcoal: #322f30;
  --mc-brand-charcoal-deep: #292728;
  --mc-brand-orange: #ff914d;
  --mc-brand-teal: #079bab;
  --mc-brand-teal-dark: #087a85;
  --mc-brand-green: #7ed957;
  --mc-brand-green-dark: #3d7b26;
  --mc-brand-paper: #fbfaf7;
  --mc-brand-mist: #e7f7f5;
  --mc-green: #087a85;
  --mc-green-dark: #06646d;
  --mc-tan: #ff914d;
  --mc-ink: #322f30;
}
/* Wordmark belongs on light surfaces: its primary lettering is charcoal. */
.workspace-header {
  background: #fff;
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(90deg, var(--mc-brand-orange), var(--mc-brand-teal) 45%, var(--mc-brand-green)) 1;
  box-shadow: 0 4px 18px rgba(50,47,48,.06);
}
.workspace-brand-row { flex-basis: 234px; }
.workspace-brand { display: flex; align-items: center; min-height: 65px; }
.workspace-brand img.brand-wordmark {
  display: block;
  width: 226px;
  max-width: 100%;
  height: 62px;
  object-fit: contain;
  object-position: left center;
}
.workspace-topnav { gap: 2px; }
.workspace-topnav a {
  color: var(--mc-brand-charcoal);
  padding: 0 11px;
  font-weight: 720;
  border-bottom: 4px solid transparent;
}
.workspace-topnav a:hover {
  color: var(--mc-brand-teal-dark);
  background: #f1faf8;
}
.workspace-topnav a.selected {
  background: #e8f6f4;
  color: #075f68;
  border-bottom-color: var(--mc-brand-teal);
}
.workspace-topnav a:nth-child(1).selected { background: #fff2e9; color:#854514; border-bottom-color:var(--mc-brand-orange); }
.workspace-topnav a:nth-child(2).selected { background: #e8f6f4; border-bottom-color:var(--mc-brand-teal); }
.workspace-topnav a:nth-child(3).selected { background: #eff9e9; color:#366d20; border-bottom-color:var(--mc-brand-green); }
.workspace-topnav a:nth-child(4).selected { background: #e8f6f4; border-bottom-color:var(--mc-brand-teal); }
.workspace-topnav a:nth-child(5).selected { background: #fff2e9; color:#854514; border-bottom-color:var(--mc-brand-orange); }
.workspace-topnav a:nth-child(6).selected { background: #eff9e9; color:#366d20; border-bottom-color:var(--mc-brand-green); }
.header-settings { color: var(--mc-brand-charcoal); }
.header-settings:hover,.header-settings.selected { color:#075f68; background:#e8f6f4; }
.workspace-header a:focus-visible,.workspace-sidenav a:focus-visible,.sidebar-toggle:focus-visible,
.workspace-header .menu-button:focus-visible,.mobile-section-switcher a:focus-visible,
.workspace-body .sidebar button:focus-visible { outline:3px solid var(--mc-brand-orange); outline-offset:3px; }

/* Return the left navigation to a distinctive, readable dark branded rail. */
.workspace-body .sidebar {
  background:var(--mc-brand-charcoal);
  color:#f7f4f2;
  border-right:1px solid #4d494a;
}
.workspace-body .sidebar-intro { color:#e1dedd; }
.sidebar-brand { display:flex; align-items:center; gap:9px; }
.sidebar-brand img {
  width:30px; height:30px; padding:3px;
  border-radius:8px; background:#fff; object-fit:contain;
}
.workspace-body .sidebar-section-title { color:var(--mc-brand-orange); }
.workspace-body .side-nav-heading { color:#a9dfc3; }
.workspace-body .section-nav-link {
  color:#e2dddc;
  border-left:3px solid transparent;
  border-radius:8px;
  padding-left:11px;
}
.workspace-body .section-nav-link:hover { background:#484244; color:#fff; }
.workspace-body .section-nav-link.active {
  color:#fff;
  background:#4b4140;
  border-left:3px solid var(--mc-brand-orange);
  box-shadow:none;
}
.workspace-body .sidebar-footer { border-top-color:#565051; }
.workspace-body .sidebar-footer .section-nav-link { color:#e5e1e0; }
.workspace-body .sidebar-footer .section-nav-link:hover { color:#fff; }
.workspace-body .topbar { background:var(--mc-brand-paper); border-bottom-color:#e9e3dc; }
.workspace-body .topbar-stage { color:var(--mc-brand-charcoal); }
.sidebar-toggle { color:var(--mc-brand-charcoal); }
.sidebar-toggle:hover { background:var(--mc-brand-mist); border-color:var(--mc-brand-teal); }
.workspace-body .status-chip { background:#eaf8e4; color:#346d21; }
.workspace-body .status-chip span { background:var(--mc-brand-green-dark); }

/* Major branded surfaces; leave operational charts and status meanings intact. */
.workspace-body .page .button.primary { background:var(--mc-brand-teal-dark); color:#fff; box-shadow:0 5px 16px rgba(7,155,171,.18); }
.workspace-body .page .button.primary:hover { background:#065f69; }
.workspace-body .page .eyebrow { color:#ad5b25; }
.workspace-body .page .text-link { color:#087a85; }
.home-welcome {
  background:linear-gradient(120deg,#fffaf4 0%,#f6faf9 60%,#f0faed 100%);
  border-top:3px solid var(--mc-brand-teal);
}
.home-brand-lockup { display:block; }
.home-brand-lockup img {
  width:min(335px,100%);
  height:auto;
  max-height:95px;
  object-fit:contain;
  object-position:left center;
}
.home-quick-grid a:nth-child(1) { border-top:3px solid var(--mc-brand-teal); }
.home-quick-grid a:nth-child(2) { border-top:3px solid var(--mc-brand-orange); }
.home-quick-grid a:nth-child(3) { border-top:3px solid var(--mc-brand-green); }
.home-quick-grid a:nth-child(4) { border-top:3px solid var(--mc-brand-teal); }
.home-quick-grid a:nth-child(5) { border-top:3px solid var(--mc-brand-orange); }
.home-learning { border-left:4px solid var(--mc-brand-green); }
.dashboard-hero {
  background:linear-gradient(120deg,#fffaf5 0%,#f6faf9 60%,#eff9ee 100%);
  border-top:3px solid var(--mc-brand-teal);
}
.dashboard-hero::after { background:rgba(255,145,77,.09); }
.dashboard-brand-lockup { display:block; }
.dashboard-brand-lockup img {
  width:min(282px,100%);
  height:auto;
  max-height:78px;
  object-fit:contain;
  object-position:left center;
}
.dashboard-loading-inner img {
  width:94px;
  height:94px;
  object-fit:contain;
}
.dashboard-loading-bar i {
  background:linear-gradient(90deg,var(--mc-brand-orange),var(--mc-brand-teal),var(--mc-brand-green));
}
.tutorial-featured { background:var(--mc-brand-charcoal); border-top:4px solid var(--mc-brand-orange); }
.tutorial-featured .eyebrow { color:#ffc399; }
.tutorial-card:hover { border-color:var(--mc-brand-teal); }
.tour-highlight { outline-color:var(--mc-brand-orange)!important; }

/* Branded public entry points. */
.login-page {
  background-color:#f8f7f3;
  background-image:
    radial-gradient(circle at 12% 14%,rgba(255,145,77,.10),transparent 30%),
    radial-gradient(circle at 83% 80%,rgba(7,155,171,.09),transparent 32%);
}
.login-card { border-top:4px solid var(--mc-brand-teal); box-shadow:0 22px 60px rgba(50,47,48,.11); }
.login-brand { margin-bottom:24px; }
.login-brand-image { display:block; width:min(310px,100%); height:auto; margin:0 auto; }
.login-card h1 { color:var(--mc-brand-charcoal); }
.login-page .auth-action { border-color:var(--mc-brand-teal-dark); }
.login-page .auth-action.primary { background:var(--mc-brand-teal-dark); color:white; }
.login-page .auth-action.primary:hover { background:#055d66; }
.login-page .auth-action.secondary { color:var(--mc-brand-teal-dark); }
.login-page .auth-action.secondary:hover { background:#e9f8f7; }
.register-page { background:#f8f7f3; color:var(--mc-brand-charcoal); }
.register-page main { border-top:4px solid var(--mc-brand-teal); box-shadow:0 20px 55px rgba(50,47,48,.10); }
.register-brand { margin-bottom:24px; text-align:center; }
.register-brand img { display:block; width:min(305px,100%); height:auto; margin:0 auto; }
.register-page button,.register-page a.action { background:var(--mc-brand-teal-dark); border-color:var(--mc-brand-teal-dark); color:#fff; }
.register-page a.action { background:white; color:var(--mc-brand-teal-dark); }
.welcome-brand { margin:0 0 22px; }
.welcome-brand img { display:block; width:min(350px,100%); max-height:100px; object-fit:contain; object-position:left center; }

/* At the mobile breakpoint, show the same branding and colors in one drawer. */
@media(max-width:1050px) {
  .workspace-brand-row { flex-basis:auto; }
  .workspace-header .menu-button { color:var(--mc-brand-charcoal); }
  .workspace-body .mobile-section-switcher { border-color:#585253; }
  .workspace-body .mobile-section-switcher a { color:#eee9e6; }
  .workspace-body .mobile-section-switcher a:hover { color:#fff; background:#494345; }
  .workspace-body .mobile-section-switcher a.selected {
    color:#fff; background:#165961; box-shadow:inset 3px 0 0 var(--mc-brand-orange);
  }
  .workspace-body .nav-close { color:#fff; }
  .workspace-body .nav-close:hover { background:#544c4d; }
}
@media(max-width:640px) {
  .workspace-header { padding:0 13px; }
  .workspace-brand { min-height:54px; }
  .workspace-brand img.brand-wordmark { width:190px; height:50px; }
  .home-brand-lockup img { width:min(285px,100%); }
  .dashboard-brand-lockup img { width:min(238px,100%); }
}
@media(max-width:385px) {
  .workspace-brand img.brand-wordmark { width:162px; }
}