/* ========================================================================
   KingsAdmin Stage 7.38 — Dark Teal Brand Unification

   Official primary brand color:
     #003C32 — Dark Teal

   Supporting brand colors:
     #547A6E — Sage Teal
     #0F2C3D — Deep Navy

   Brand rule:
     - Side menus: solid #003C32
     - Hero surfaces: solid #003C32
     - Primary actions: #003C32
     - #547A6E is secondary/supporting, not the dominant application color.
     - No cream/beige/terracotta gradients on side menus or hero surfaces.

   This stylesheet intentionally loads after the earlier theme layers.
   ======================================================================== */

:root{
  --ka-primary:#003C32;
  --ka-primary-2:#547A6E;
  --ka-primary-deep:#0F2C3D;
  --ka-sidebar-color:#003C32;
  --sidebar:#003C32;
  --ka-hero:#003C32;
  --ka-focus:rgba(0,60,50,.30);
}

/* ------------------------------------------------------------------------
   Main application side menu — solid Dark Teal.
   Keep --ka-sidebar untouched: it is the shell WIDTH token (276px).
   ------------------------------------------------------------------------ */
.sidebar{
  background:#003C32!important;
  background-image:none!important;
}
.sidebar-section-label,
.sidebar-footer-label{
  color:rgba(255,255,255,.70)!important;
}
.sidebar .nav-link{
  color:#FFFFFF!important;
}
.sidebar .nav-link:hover{
  background:rgba(255,255,255,.10)!important;
  color:#FFFFFF!important;
}
.sidebar .nav-link.active,
.sidebar .nav-link.active-parent{
  background:rgba(0,47,40,.46)!important;
  color:#FFFFFF!important;
  box-shadow:inset 3px 0 0 rgba(255,255,255,.90)!important;
}
.sidebar .nav-link.active .nav-symbol,
.sidebar .nav-link.active-parent .nav-symbol{
  background:rgba(255,255,255,.10)!important;
  color:#FFFFFF!important;
}
.sidebar .subnav-link{
  color:rgba(255,255,255,.80)!important;
}
.sidebar .subnav-link:hover,
.sidebar .subnav-link.active{
  color:#FFFFFF!important;
  background:rgba(255,255,255,.08)!important;
}

/* ------------------------------------------------------------------------
   Hero surfaces — exact solid #003C32.
   ------------------------------------------------------------------------ */
.report-hero,.pcs-hero,.profile-hero,.pulse-hero,.ev-hero,.ev-detail-hero,.calendar-hero,
.platform-hero,.church-detail-hero,.cs-hero,.member-hero,.mp-hero,.mp-detail-hero,.mp-form-hero,
.mp-wall-hero,.mp-answered-hero,.disc-hero,.my-hero,.studio-hero,.studio-course-hero,.form-hero,
.assessment-hero,.course-hero,.spx-hero,.spx-studio-hero,.spx-builder-hero,.spx-form-hero,
.spx-day-hero,.spx-detail-hero,.fc-hero,.fc-page-hero,.fc-form-hero,.fc-share-hero,.fc-group-hero,
.lm-hero,.lm-form-hero,.faith-hero,.ka-security-hero{
  background:#003C32!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 20px 48px rgba(0,47,40,.20)!important;
}

/* Hero metrics remain in the same teal family — no cream wash. */
:is(
  .report-hero,.pcs-hero,.profile-hero,.pulse-hero,.ev-hero,.ev-detail-hero,.calendar-hero,
  .platform-hero,.church-detail-hero,.cs-hero,.member-hero,.mp-hero,.mp-detail-hero,.mp-form-hero,
  .mp-wall-hero,.mp-answered-hero,.disc-hero,.my-hero,.studio-hero,.studio-course-hero,.form-hero,
  .assessment-hero,.course-hero,.spx-hero,.spx-studio-hero,.spx-builder-hero,.spx-form-hero,
  .spx-day-hero,.spx-detail-hero,.fc-hero,.fc-page-hero,.fc-form-hero,.fc-share-hero,.fc-group-hero,
  .lm-hero,.lm-form-hero,.faith-hero,.ka-security-hero
) :is(
  .hero-card,.hero-stat,.hero-metric,.hero-signal,.hero-action,.hero-panel,
  [class*="hero-card"],[class*="hero-stat"],[class*="hero-metric"]
){
  background:rgba(0,47,40,.28)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:none!important;
}

body:not(.ks-login-body) :is(
  .report-hero,.pcs-hero,.profile-hero,.pulse-hero,.ev-hero,.ev-detail-hero,.calendar-hero,
  .platform-hero,.church-detail-hero,.cs-hero,.member-hero,.mp-hero,.mp-detail-hero,.mp-form-hero,
  .mp-wall-hero,.mp-answered-hero,.disc-hero,.my-hero,.studio-hero,.studio-course-hero,.form-hero,
  .assessment-hero,.course-hero,.spx-hero,.spx-studio-hero,.spx-builder-hero,.spx-form-hero,
  .spx-day-hero,.spx-detail-hero,.fc-hero,.fc-page-hero,.fc-form-hero,.fc-share-hero,.fc-group-hero,
  .lm-hero,.lm-form-hero,.faith-hero,.ka-security-hero
) :is(h1,h2,h3,h4,h5,h6,p,.eyebrow,[class*="-kicker"]){
  color:#FFFFFF!important;
}

/* Community cover photos can remain visible, but the brand overlay is Deep Teal. */
.fc-group-hero.has-cover{
  background-color:#003C32!important;
  background-image:linear-gradient(90deg,rgba(0,60,50,.96),rgba(0,60,50,.72)),var(--group-cover)!important;
}

/* Fallback/banner surfaces follow the same primary color. */
.fallback-hero,
.fallback-hero img{
  background:#003C32!important;
  background-image:none!important;
}
.fallback-hero .ks-banner-overlay{
  background:linear-gradient(90deg,rgba(0,47,40,.72),rgba(0,60,50,.08))!important;
}

/* ------------------------------------------------------------------------
   Primary actions and interactive emphasis.
   Danger/destructive controls are intentionally not touched.
   ------------------------------------------------------------------------ */
:is(
  .btn-primary,.button-primary,.ka-btn-primary,.ka-auth-primary,.profile-security-action,
  .ks-login-submit,.ks-login-button,.ev-btn.primary,.disc-btn.primary,.fc-btn.primary,
  .mp-btn.primary,.pcs-btn.primary,.report-btn.primary,.platform-btn.primary,
  button[type="submit"]:not(.danger):not(.btn-danger):not(.ka-danger)
){
  background:#003C32!important;
  border-color:#003C32!important;
  color:#FFFFFF!important;
}
:is(
  .btn-primary,.button-primary,.ka-btn-primary,.ka-auth-primary,.profile-security-action,
  .ks-login-submit,.ks-login-button,.ev-btn.primary,.disc-btn.primary,.fc-btn.primary,
  .mp-btn.primary,.pcs-btn.primary,.report-btn.primary,.platform-btn.primary,
  button[type="submit"]:not(.danger):not(.btn-danger):not(.ka-danger)
):hover{
  background:#002F28!important;
  border-color:#002F28!important;
  color:#FFFFFF!important;
}

:is(a,button,input,select,textarea):focus-visible{
  outline-color:#003C32!important;
}

/* ------------------------------------------------------------------------
   Account recovery/security pages — match the application and website.
   ------------------------------------------------------------------------ */
.ka-auth-brand-panel{
  background:#003C32!important;
  background-image:none!important;
}
.ka-auth-card-head>span,
.ka-auth-card .ka-auth-kicker,
.ka-auth-back,
.ks-login-security-row a,
.ka-security-card-head>span{
  color:#003C32!important;
}
.ka-security-field input:focus,
.ka-auth-field input:focus,
.ks-field input:focus{
  border-color:#003C32!important;
  box-shadow:0 0 0 3px rgba(0,60,50,.18)!important;
}
.ka-auth-status-icon{
  color:#003C32!important;
  background:#E5ECEB!important;
}

/* Login page: Dark Teal leads; sage is kept only as a supporting accent. */
.ks-login-body{
  background:#003C32!important;
  background-image:none!important;
}
.ks-login-shell,
.ks-login-preview,
.ks-banner-carousel{
  border-color:rgba(0,60,50,.20)!important;
}
.ks-brand-mark{
  background:#003C32!important;
  background-image:none!important;
}
.ks-password-toggle{
  color:#003C32!important;
}

/* Small brand/accent states can retain the supporting sage teal. */
.disc-links a.active:after,
.fc-nav-links a.active:after{
  background:#547A6E!important;
}

/* Preserve the established responsive shell geometry. */
@media(max-width:1120px){
  .app-frame{margin-left:0!important}
  .sidebar{width:min(88vw,310px)!important}
}