/* ========================================================================
   KingsAdmin Stage 7.28 — Teal First Brand System

   Official palette supplied for KingsAdmin:
     Deep navy       #0F2C3D
     Primary teal    #003C32
     Sage teal       #547A6E
     Soft sage       #A6B7A1
     Warm beige      #D4C8B5
     Terracotta      #C4936A
     Deep brown      #6E4E3D

   Direction:
     - Teal is the dominant identity across navigation, actions and heroes.
     - Navy anchors text and high-contrast structure.
     - Sage/beige keep working surfaces calm and ministry-oriented.
     - Terracotta is a restrained warm accent, not the main CTA color.
     - Semantic danger/warning colors remain functional for accessibility.

   This file intentionally loads LAST so it can safely modernize legacy
   burgundy/purple module styles without changing application logic.
   ======================================================================== */

:root{
  /* Official palette */
  --ka-navy:#0F2C3D;
  --ka-teal-deep:#003C32;
  --ka-teal:#547A6E;
  --ka-sage:#A6B7A1;
  --ka-beige:#D4C8B5;
  --ka-terracotta:#C4936A;
  --ka-brown:#6E4E3D;

  /* Application canvas / surfaces */
  --ka-bg:#F3F1EC;
  --ka-canvas:#F3F1EC;
  --ka-surface:#FFFEFB;
  --ka-surface-soft:#F0F3EF;
  --ka-surface-muted:#E3E8E1;
  --ka-surface-elevated:#FFFFFF;
  --ka-surface-tint:#EDF3F0;
  --ka-cream:#F3F1EC;
  --ka-cream-soft:#F8F5EF;

  /* Typography / structural hierarchy */
  --ka-text:#0F2C3D;
  --ka-text-2:#455D60;
  --ka-text-3:#6E7C76;
  --ka-primary:#003C32;
  --ka-primary-2:#547A6E;
  --ka-primary-deep:#0F2C3D;
  --ka-primary-darker:#0A202C;
  --ka-primary-soft:#DCE8E3;
  --ka-primary-faint:#F0F5F2;
  --ka-border:#CBD4CC;
  --ka-border-strong:#A6B7A1;

  /* Warm accents */
  --ka-gold:#C4936A;       /* legacy token now maps to terracotta */
  --ka-gold-hover:#D1A47D;
  --ka-gold-deep:#8A603F;
  --ka-gold-soft:#F2E7DC;
  --ka-clay:#C4936A;
  --ka-clay-soft:#F2E7DC;
  --ka-sage-soft:#E6ECE3;

  /* Semantic statuses — kept distinct from brand decoration */
  --ka-success:#3F7A65;
  --ka-success-soft:#E5F1EB;
  --ka-warning:#9A6A24;
  --ka-warning-soft:#FBF0DA;
  --ka-critical:#A6414B;
  --ka-critical-dark:#87343D;
  --ka-critical-soft:#F7E4E6;
  --ka-danger:var(--ka-critical);
  --ka-info:#4D7185;
  --ka-teal-soft:#E1ECE7;

  --ka-focus:rgba(84,122,110,.28);
  --ka-shadow-1:0 1px 2px rgba(15,44,61,.025),0 10px 28px rgba(15,44,61,.07);
  --ka-shadow-2:0 24px 58px rgba(15,44,61,.14);

  /* Legacy bridges used throughout older KingsAdmin modules. */
  --burgundy:var(--ka-primary);
  --burgundy-bright:var(--ka-primary-2);
  --burgundy-deep:var(--ka-primary-deep);
  --burgundy-soft:var(--ka-primary-soft);
  --wine:var(--ka-primary);
  --wine-dark:var(--ka-primary-deep);
  --wine-deep:var(--ka-primary-darker);
  --wine-900:var(--ka-primary-deep);
  --wine-950:var(--ka-primary-darker);
  --rose:var(--ka-primary-2);
  --purple:var(--ka-primary);
  --purple-soft:var(--ka-primary-soft);
  --sidebar:var(--ka-primary-deep);
  --sidebar-muted:#C6D2CC;
  --canvas:var(--ka-bg);
  --canvas-warm:var(--ka-cream-soft);
  --surface:var(--ka-surface);
  --ink:var(--ka-text);
  --ink-soft:var(--ka-text-2);
  --muted:var(--ka-text-2);
  --line:var(--ka-border);
  --line-soft:#E4E9E4;
  --wash:var(--ka-surface-soft);
  --gold:var(--ka-terracotta);

  --ka-wine:var(--ka-primary);
  --ka-wine-2:var(--ka-primary-2);
  --ka-wine-deep:var(--ka-primary-deep);
  --ka-wine-black:var(--ka-primary-darker);
  --ka-rose:var(--ka-primary-soft);
  --ka-rose-2:var(--ka-primary-faint);
  --ka-paper:var(--ka-surface);
  --ka-ink:var(--ka-text);
  --ka-ink-2:var(--ka-text-2);
  --ka-muted:var(--ka-text-2);
  --ka-soft:var(--ka-text-3);
  --ka-line:var(--ka-border);
  --ka-line-2:#E4E9E4;

  /* Intelligence/reporting */
  --report-wine:var(--ka-primary);
  --report-wine-2:var(--ka-primary-2);
  --report-deep:var(--ka-primary-deep);
  --report-ink:var(--ka-text);
  --report-muted:var(--ka-text-2);
  --report-soft:var(--ka-text-3);
  --report-line:var(--ka-border);
  --report-wash:var(--ka-surface-soft);
  --report-paper:var(--ka-surface);

  /* Pastoral care */
  --pcs-wine:var(--ka-primary);
  --pcs-wine-2:var(--ka-primary-2);
  --pcs-deep:var(--ka-primary-deep);
  --pcs-ink:var(--ka-text);
  --pcs-muted:var(--ka-text-2);
  --pcs-line:var(--ka-border);
  --pcs-wash:var(--ka-surface-soft);

  /* Platform administration */
  --pa-wine:var(--ka-primary);
  --pa-wine2:var(--ka-primary-2);
  --pa-deep:var(--ka-primary-deep);
  --pa-ink:var(--ka-text);
  --pa-muted:var(--ka-text-2);
  --pa-line:var(--ka-border);
  --pa-wash:var(--ka-surface-soft);

  /* Activity / events */
  --ac-wine:var(--ka-primary);
  --ac-wine2:var(--ka-primary-2);
  --ac-ink:var(--ka-text);
  --ac-muted:var(--ka-text-2);
  --ac-line:var(--ka-border);
  --ac-wash:var(--ka-surface-soft);
  --ev-wine:var(--ka-primary);
  --ev-wine2:var(--ka-primary-2);
  --ev-deep:var(--ka-primary-deep);
  --ev-ink:var(--ka-text);
  --ev-muted:var(--ka-text-2);
  --ev-line:var(--ka-border);
  --ev-wash:var(--ka-surface-soft);

  /* Prayer */
  --mp-wine:var(--ka-primary);
  --mp-wine-2:var(--ka-primary-2);
  --mp-deep:var(--ka-primary-deep);
  --mp-ink:var(--ka-text);
  --mp-muted:var(--ka-text-2);
  --mp-soft:var(--ka-text-3);
  --mp-line:var(--ka-border);
  --mp-wash:var(--ka-surface-soft);

  /* Church settings */
  --cs-wine:var(--ka-primary);
  --cs-wine2:var(--ka-primary-2);
  --cs-ink:var(--ka-text);
  --cs-muted:var(--ka-text-2);
  --cs-line:var(--ka-border);

  /* Discipleship */
  --disc:var(--ka-primary);
  --disc-dark:var(--ka-primary-deep);
  --disc-deep:var(--ka-primary-darker);
  --disc-light:var(--ka-primary-2);
  --disc-ink:var(--ka-text);
  --disc-muted:var(--ka-text-2);
  --disc-soft:var(--ka-text-3);
  --disc-line:var(--ka-border);
  --disc-wash:var(--ka-surface-soft);
  --disc-wash-2:var(--ka-cream-soft);
  --paper:var(--ka-surface);

  /* Faith Community */
  --fc:var(--ka-primary);
  --fc2:var(--ka-primary-2);
  --fcdeep:var(--ka-primary-deep);
  --fcink:var(--ka-text);
  --fcmuted:var(--ka-text-2);
  --fcsoft:var(--ka-text-3);
  --fcline:var(--ka-border);
  --fcwash:var(--ka-surface-soft);
  --fcwash2:var(--ka-cream-soft);

  /* Login */
  --ka-login-primary:var(--ka-primary);
  --ka-login-primary-deep:var(--ka-primary-deep);
  --ka-login-primary-2:var(--ka-primary-2);
  --ka-login-gold:var(--ka-terracotta);
  --ka-login-gold-soft:var(--ka-gold-soft);
  --ka-login-ink:var(--ka-text);
  --ka-login-muted:var(--ka-text-2);
  --ka-login-line:var(--ka-border);
}

/* ------------------------------------------------------------------------
   Canvas and readable working surfaces
   ------------------------------------------------------------------------ */
html{background:var(--ka-bg)!important}
body:not(.ks-login-body),.disc-body,.fc-body{
  color:var(--ka-text)!important;
  background:
    radial-gradient(circle at 96% 0%,rgba(84,122,110,.14),transparent 30rem),
    radial-gradient(circle at 3% 74%,rgba(166,183,161,.18),transparent 25rem),
    linear-gradient(180deg,#F7F5F0 0%,#F1F2ED 48%,#ECEFEA 100%)!important;
}
.app-frame,.page-shell,.disc-main,.fc-main{background:transparent!important}

.card,.table-card,.form-card,.enterprise-panel,.report-panel,.faith-panel,.pcs-panel,
.pcs-detail-main,.pcs-detail-side,.pcs-form-card,.platform-card,.platform-table-card,
.ac-panel,.prayer-table-card,.prayer-form-card,.current-rating-card,.profile-identity-card,
.profile-form-card,.pulse-card,.completed-item,.ev-panel,.ev-form-card,.calendar-card,
.pulse-section,.profile-panel,.lm-card,.lm-table-card,.lm-form-card,
.fc-rail-card,.fc-guidelines,.fc-group-card,.fc-form-card,.fc-form-help,.fc-table-card{
  background:var(--ka-surface)!important;
  border-color:var(--ka-border)!important;
  box-shadow:var(--ka-shadow-1)!important;
}

.report-metrics article,.pcs-metrics article,.platform-stats article,.member-stats article,
.faith-mini-signal,.faith-rating,.metric-card,.summary-card,.stat-card,.kpi-card,
[class*="metric-card"],[class*="stat-card"],[class*="summary-card"]{
  background:linear-gradient(180deg,#FFFFFF 0%,#EEF3EF 100%)!important;
  border-color:#CED9D1!important;
}

/* ------------------------------------------------------------------------
   Teal-first shell and navigation
   ------------------------------------------------------------------------ */
.topbar,.disc-nav,.fc-nav{
  background:rgba(255,254,251,.97)!important;
  border-color:rgba(166,183,161,.72)!important;
  box-shadow:0 5px 22px rgba(15,44,61,.07)!important;
}
.sidebar{
  background:
    radial-gradient(circle at 10% -8%,rgba(196,147,106,.14),transparent 20rem),
    radial-gradient(circle at 86% 88%,rgba(84,122,110,.22),transparent 23rem),
    linear-gradient(180deg,#0F2C3D 0%,#173B45 48%,#003C32 100%)!important;
}
.sidebar-section-label{color:#AFC2B9!important}
.nav-link{color:#E9F0EC!important}
.nav-link:hover{background:rgba(166,183,161,.12)!important;color:#fff!important}
.nav-link.active,.nav-link.active-parent{
  background:linear-gradient(90deg,rgba(84,122,110,.42),rgba(166,183,161,.10))!important;
  box-shadow:inset 3px 0 0 var(--ka-sage)!important;
  color:#fff!important;
}
.nav-link.active .nav-symbol,.nav-link.active-parent .nav-symbol{
  background:rgba(166,183,161,.17)!important;
  color:#EAF2ED!important;
}
.subnav-link{color:#C8D5CF!important}
.subnav-link.active{color:#DCE8E1!important}

body:not(.ks-login-body) :is(h1,h2,h3,h4,h5,h6),
.card h2,.card h3,.panel-head h2,.pcs-panel-head h2,.platform-table-head h2{
  color:var(--ka-text)!important;
}
body:not(.ks-login-body) p{color:var(--ka-text-2)}
a:not(.nav-link):not(.subnav-link):not(.btn):not(.platform-button):not(.pcs-btn):not(.faith-btn):not(.disc-btn):not(.fc-btn){
  color:var(--ka-primary);
}

.church-pill,.topbar-user,.notification-button,.topbar-signout,.menu-button{
  background:#FFFEFB!important;
  border-color:var(--ka-border)!important;
  color:var(--ka-primary-deep)!important;
}

/* Tables use teal structure instead of burgundy. */
.data-table th,.platform-table th,.pcs-table th,.ev-table th,.prayer-table th,.lm-table th,
table.data-table thead th,table.platform-table thead th,table.pcs-table thead th{
  background:linear-gradient(180deg,#365A60,#003C32)!important;
  color:#F7FBF9!important;
  border-bottom-color:rgba(166,183,161,.55)!important;
}
.data-table td,.platform-table td,.pcs-table td,.ev-table td,.lm-table td{
  border-bottom-color:#E1E7E2!important;
  color:#344D51!important;
}

/* ------------------------------------------------------------------------
   Teal heroes across all suites
   ------------------------------------------------------------------------ */
.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{
  background:
    radial-gradient(circle at 91% 8%,rgba(196,147,106,.22),transparent 25rem),
    radial-gradient(circle at 8% 100%,rgba(166,183,161,.12),transparent 22rem),
    linear-gradient(126deg,#0F2C3D 0%,#003C32 54%,#547A6E 100%)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 22px 54px rgba(15,44,61,.18)!important;
}

/* Cover-based Faith Community hero keeps imagery but shifts overlay teal. */
.fc-group-hero.has-cover{
  background-image:linear-gradient(90deg,rgba(15,44,61,.92),rgba(0,60,50,.76)),var(--group-cover)!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
) :is(h1,h2,h3,h4,h5,h6){color:#F8FBF9!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
) p{color:#E3ECE8!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
) :is(.eyebrow,.panel-kicker,.faith-section-kicker,.ac-kicker,.mp-kicker,.mp-panel-kicker,
.ev-kicker,.profile-kicker,.disc-kicker,.fc-kicker,[class*="-kicker"]){
  color:#C8D9D0!important;
}
body:not(.ks-login-body) :is(.report-hero,.faith-hero,.member-hero,.profile-hero) h1 :is(em,.accent,.highlight){
  color:#D6E4DC!important;
}

/* ------------------------------------------------------------------------
   Actions: teal owns primary CTAs; terracotta becomes a warm accent
   ------------------------------------------------------------------------ */
.btn-primary,.platform-button.primary,.pcs-btn.wine,.disc-btn,.fc-btn.primary,.ev-btn.primary,
.faith-btn.primary,.lm-btn.primary,.cs-login-primary,.ks-login-button,
input[type="submit"],button[type="submit"]{
  background:linear-gradient(135deg,#003C32,#547A6E)!important;
  color:#FFFFFF!important;
  border-color:#27474D!important;
  box-shadow:0 9px 22px rgba(0,60,50,.20)!important;
  text-shadow:none!important;
  font-weight:800!important;
}
.btn-primary:hover,.platform-button.primary:hover,.pcs-btn.wine:hover,.disc-btn:hover,
.fc-btn.primary:hover,.ev-btn.primary:hover,.faith-btn.primary:hover,.lm-btn.primary:hover,
.cs-login-primary:hover,.ks-login-button:hover,input[type="submit"]:hover,button[type="submit"]:hover{
  background:linear-gradient(135deg,#365C62,#63887C)!important;
  color:#FFFFFF!important;
  border-color:#003C32!important;
}

.disc-btn.light,.disc-btn.inverse,.fc-btn.inverse,.fc-btn.light{
  background:#FFFEFB!important;
  color:var(--ka-primary)!important;
  border:1px solid var(--ka-border)!important;
  box-shadow:none!important;
}
.disc-btn.dark{background:var(--ka-primary-deep)!important;color:#fff!important;border-color:var(--ka-primary-deep)!important}
.disc-btn.glass,.fc-btn.glass{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:none!important}

.btn-secondary,.platform-button.secondary,.pcs-btn.ghost,.ev-btn.secondary,.lm-btn.secondary,
.cs-login-secondary,.disc-btn.secondary,.fc-btn.secondary{
  background:#FFFEFB!important;
  color:var(--ka-primary)!important;
  border-color:var(--ka-border-strong)!important;
}
.btn-secondary:hover,.platform-button.secondary:hover,.pcs-btn.ghost:hover,.ev-btn.secondary:hover,
.lm-btn.secondary:hover,.cs-login-secondary:hover,.disc-btn.light:hover,.disc-btn.inverse:hover,
.fc-btn.inverse:hover,.fc-btn.light:hover{
  background:var(--ka-primary-faint)!important;
  border-color:var(--ka-primary-2)!important;
}

button.topbar-signout,.topbar-signout,.ka-more-signout button,.notification-button,.menu-button,
button[data-ka-mobile-more-close],button[data-ka-more],.ka-more-close{
  background:#FFFEFB!important;
  color:var(--ka-primary-deep)!important;
  border-color:var(--ka-border)!important;
  box-shadow:none!important;
}

/* Decorative accent pieces use sage/terracotta rather than gold/burgundy. */
.rating-symbol,.mini-icon,.action-icon,.connect-icon,.faith-explore-grid>*>span:first-child{
  background:var(--ka-sage-soft)!important;
  color:var(--ka-primary-deep)!important;
}
.faith-rating>a,.faith-action>b,.faith-connect-card>b,.faith-explore-grid b{color:var(--ka-primary)!important}
.faith-hero h1 em{color:#D6E4DC!important}

/* Current/selected calendar state gets a warm accent without taking over. */
.ev-suite-nav a.active{
  border-color:var(--ka-sage)!important;
  background:var(--ka-primary-soft)!important;
  color:var(--ka-primary-deep)!important;
}
.calendar-weekdays div{background:var(--ka-primary)!important;color:#F8FBF9!important}
.calendar-day.today{box-shadow:inset 0 0 0 2px var(--ka-terracotta)!important;background:#FAF5EF!important}
.calendar-entry{background:#E7EFEA!important;color:var(--ka-primary-deep)!important}
.calendar-entry.event{background:#F2E7DC!important;color:#6E4E3D!important}

.disc-links a,.fc-nav-links a{color:var(--ka-text-2)!important}
.disc-links a.active,.fc-nav-links a.active{color:var(--ka-primary)!important}
.disc-links a.active:after,.fc-nav-links a.active:after{background:var(--ka-primary-2)!important}

/* Common legacy elements with hard-coded burgundy in older modules. */
.report-bar-fill,.spx-progress>div{
  background:linear-gradient(90deg,#003C32,#547A6E)!important;
}
.spx-cover,.spx-detail-cover.no-image{
  background:linear-gradient(145deg,#0F2C3D,#547A6E)!important;
}
.spx-day-badge,.spx-day-number,.fc-group-icon,.fc-event-row time,.fc-status-chip,
.timeline-icon,.cs-login-experience .cs-login-icon{
  background:#E4ECE7!important;
  color:#003C32!important;
}
.spx-head>a,.spx-today-card footer b,.spx-plan-body>small,.spx-plan-body footer b,
.spx-studio-card-top span,.spx-studio-actions a,.spx-builder-actions a,.spx-day-row>b,
.spx-builder-list b,.activity-stream-legend b{
  color:#003C32!important;
}

/* ------------------------------------------------------------------------
   Forms and focus
   ------------------------------------------------------------------------ */
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  background:#FFFEFB!important;
  border-color:var(--ka-border-strong)!important;
  color:var(--ka-text)!important;
}
input:focus,select:focus,textarea:focus,.ks-field input:focus,.lm-field input:focus,
.lm-field select:focus,.lm-field textarea:focus{
  border-color:var(--ka-primary-2)!important;
  box-shadow:0 0 0 3px var(--ka-focus)!important;
  outline:0!important;
}
:where(a,button,input,select,textarea):focus-visible{outline-color:var(--ka-primary-2)!important}

:where(.eyebrow,.panel-kicker,.faith-section-kicker,.ac-kicker,.mp-kicker,.mp-panel-kicker,
.ev-kicker,.profile-kicker,.disc-kicker,.fc-kicker,[class*="-kicker"]){
  color:var(--ka-primary)!important;
}

/* ------------------------------------------------------------------------
   Church Login Experience administration
   ------------------------------------------------------------------------ */
.lm-page{
  --lm-purple:#003C32;
  --lm-purple-dark:#0F2C3D;
  --lm-purple-deep:#0A202C;
  --lm-purple-soft:#DCE8E3;
  --lm-gold:#C4936A;
  --lm-gold-soft:#F2E7DC;
  --lm-teal:#547A6E;
  --lm-bg:#F3F1EC;
  --lm-surface:#FFFEFB;
  --lm-text:#0F2C3D;
  --lm-text-2:#455D60;
  --lm-muted:#6E7C76;
  --lm-line:#CBD4CC;
}
.lm-page{background:transparent!important}

/* ------------------------------------------------------------------------
   Login — rich teal/navy environment with calm warm surface
   ------------------------------------------------------------------------ */
body.ks-login-body{
  color:var(--ka-text)!important;
  background:
    radial-gradient(circle at 84% 7%,rgba(196,147,106,.20),transparent 29rem),
    radial-gradient(circle at 8% 90%,rgba(84,122,110,.20),transparent 26rem),
    linear-gradient(135deg,#0A202C 0%,#0F2C3D 42%,#003C32 74%,#355F61 100%)!important;
}
.ks-login-card{background:#FFFEFB!important}
.ks-login-main h1{color:var(--ka-text)!important}
.ks-login-main:before,.ks-brand small{color:var(--ka-primary)!important}
.ks-field label{color:#40575A!important}
.ks-field input{background:#fff!important;border-color:var(--ka-border)!important;color:var(--ka-text)!important}
.ks-field input:focus{border-color:var(--ka-primary-2)!important;box-shadow:0 0 0 3px rgba(84,122,110,.22)!important}
.ks-password-toggle{background:#EEF3F0!important;color:var(--ka-primary)!important}
.ks-login-help{background:#F0F3EF!important;border-color:var(--ka-border)!important}
.ks-login-footer{background:#ECEBE5!important;border-color:var(--ka-border)!important}
.ks-church-login-logo-fallback{
  background:linear-gradient(145deg,#0F2C3D,#547A6E)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(15,44,61,.18)!important;
}
.ks-login-church-note strong{color:var(--ka-primary)!important}
.ks-login-preview-note{border-color:#D9C4AF!important;background:#F9F2EA!important;color:#6E4E3D!important}
.ks-brand-mark{background:linear-gradient(145deg,#0F2C3D,#003C32 58%,#547A6E)!important;box-shadow:0 8px 18px rgba(0,60,50,.18)!important}
.ks-alert{border-color:#E2C9CC!important;background:#FCF2F3!important;color:#87343D!important}
.ks-media-frame{background:#DDE5E0!important}
.ks-banner-carousel{background:#0F2C3D!important}

/* ------------------------------------------------------------------------
   Notifications / trays
   ------------------------------------------------------------------------ */
.notification-panel,.activity-tray,.ka-mobile-more-panel,.fc-mobile-more-panel,
.disc-activity-panel{
  background:#FFFEFB!important;
  border-color:var(--ka-border)!important;
}
.notification-panel-head,.activity-tray-head,.ka-more-head,.disc-activity-head{border-color:var(--ka-border)!important}
.notification-badge{background:var(--ka-terracotta)!important;color:#0F2C3D!important}

/* Destructive/urgent states stay semantic and visually separate from brand. */
.btn-danger,.platform-button.danger,.lm-btn.danger,.fc-btn.danger,.danger-button,.delete-button,
button.danger,button.delete,[data-action="delete"],.status-danger,.status-overdue,.chip-danger,
.priority.urgent,.priority.high,.needs-follow-up,.needs-attention,.critical-alert,.alert-critical{
  background:var(--ka-critical)!important;
  color:#fff!important;
  border-color:var(--ka-critical-dark)!important;
}
.btn-danger:hover,.platform-button.danger:hover,.lm-btn.danger:hover,.fc-btn.danger:hover,
.danger-button:hover,.delete-button:hover,button.danger:hover,button.delete:hover,[data-action="delete"]:hover{
  background:var(--ka-critical-dark)!important;
  color:#fff!important;
}
.status-success,.status-complete,.is-complete,.chip-success,.status-chip.active{
  background:#E5F1EB!important;color:#326C57!important;border-color:#C7DFD2!important;
}
.status-warning,.status-pending,.chip-warning{
  background:#FBF0DA!important;color:#81591F!important;border-color:#EAD1A2!important;
}
.status-info,.chip-info{background:#E7F0F3!important;color:#426879!important;border-color:#CCDCE2!important}

/* ------------------------------------------------------------------------
   Mobile / PWA shell
   ------------------------------------------------------------------------ */
@media(max-width:760px){
  body:not(.ks-login-body),.disc-body,.fc-body{
    background:linear-gradient(180deg,#F4F3EE 0%,#ECF0EB 100%)!important;
  }
  .sidebar{background:linear-gradient(180deg,#0F2C3D 0%,#003C32 100%)!important}
  .ka-mobile-dock,.fc-mobile-dock{
    background:rgba(255,254,251,.98)!important;
    border-color:var(--ka-border)!important;
  }
  .ka-dock-item.active,.fc-mobile-dock a.active{color:var(--ka-primary)!important}
  body.ks-login-body{background:#FFFEFB!important}
}