/* =========================================================
   HAQQANIA PORTAL — EASY THEME SETTINGS
   Sirf neeche diye gaye rang badlein. Poora portal update ho jayega.
   ========================================================= */
:root{
  --hq-primary:#0f4d38;        /* Main green */
  --hq-primary-dark:#073a2b;   /* Dark green */
  --hq-primary-mid:#1d6b4d;    /* Medium green */
  --hq-accent:#d8bd73;         /* Gold */
  --hq-accent-soft:#f3e8bf;    /* Light gold */
  --hq-bg:#f7f9f7;             /* Page background */
  --hq-card:#fffdf8;           /* Card background */
  --hq-header:#fffdf8;         /* Top header */
  --hq-sidebar:#073a2b;        /* Sidebar start */
  --hq-sidebar-end:#1d6b4d;    /* Sidebar end */
  --hq-bottom-nav:#073a2b;     /* Mobile bottom navigation */
  --hq-text:#263c31;           /* Main text */
  --hq-muted:#718078;          /* Secondary text */
  --hq-on-primary:#ffffff;     /* Text on dark/main colours */
  --hq-on-accent:#5e4c20;      /* Text on accent */
  --hq-border:#e2e9e4;         /* Borders */
  --hq-danger:#d85c56;
  --hq-success:#2f855a;

  /* Internal mapping — normally do not edit below this line */
  --ap-bg:var(--hq-bg);
  --ap-text:var(--hq-text);
  --ap-muted:var(--hq-muted);
  --ap-green-950:var(--hq-primary-dark);
  --ap-green-900:var(--hq-primary-dark);
  --ap-green-850:var(--hq-primary);
  --ap-green-800:var(--hq-primary);
  --ap-green-700:var(--hq-primary-mid);
  --ap-green-600:var(--hq-primary-mid);
  --ap-green-500:#4b9a76;
  --ap-green-soft:#e6f3eb;
  --ap-gold:var(--hq-accent);
  --ap-gold-2:#ead79d;
  --ap-gold-soft:var(--hq-accent-soft);
  --ap-border:var(--hq-border);
  --ap-card:var(--hq-card);
}

/* Global portal colours */
html{background:var(--hq-bg)!important}
body.ap-body,.ap-main{background:var(--hq-bg)!important;color:var(--hq-text)!important}
.ap-topbar{background:color-mix(in srgb,var(--hq-header) 96%,transparent)!important;border-bottom-color:var(--hq-border)!important}
.ap-mobile-menu,.primary-action,.form-submit{background:var(--hq-primary)!important;border-color:var(--hq-primary)!important;color:var(--hq-on-primary)!important;box-shadow:0 3px 0 var(--hq-primary-dark)!important}
.ap-top-action,.ap-lang-chip{background:var(--hq-card)!important;border-color:var(--hq-border)!important;color:var(--hq-primary)!important}
.ap-title strong,.section-title h2,.ap-section-head h2{color:var(--hq-primary-dark)!important}

/* Sidebar / drawer */
.ap-sidebar{background:linear-gradient(165deg,var(--hq-sidebar),var(--hq-primary) 52%,var(--hq-sidebar-end))!important;color:var(--hq-on-primary)!important;box-shadow:-14px 0 36px color-mix(in srgb,var(--hq-primary-dark) 36%,transparent)!important}
html[dir="ltr"] .ap-sidebar{box-shadow:14px 0 36px color-mix(in srgb,var(--hq-primary-dark) 36%,transparent)!important}
.ap-brand strong,.ap-side-student strong{color:var(--hq-on-primary)!important}.ap-brand span,.ap-side-student small{color:#cde0d2!important}
.ap-nav a{color:#e8f3eb!important}.ap-nav .nav-icon{background:color-mix(in srgb,#fff 10%,transparent)!important;color:#d6eadc!important}
.ap-nav a.active{background:linear-gradient(135deg,var(--hq-accent-soft),color-mix(in srgb,var(--hq-accent-soft) 78%,var(--hq-card)))!important;color:var(--hq-on-accent)!important;box-shadow:inset -3px 0 var(--hq-accent),0 4px 14px rgba(0,0,0,.14)!important}
html[dir="ltr"] .ap-nav a.active{box-shadow:inset 3px 0 var(--hq-accent),0 4px 14px rgba(0,0,0,.14)!important}
.ap-nav a.active .nav-icon{background:#f6e9bd!important;color:#7b6429!important}
.ap-lang a.active{background:var(--hq-accent-soft)!important;color:#5d4b1f!important}

/* Dashboard featured area */
.ap-home-profile{background:linear-gradient(130deg,var(--hq-sidebar),var(--hq-primary) 58%,var(--hq-sidebar-end))!important;box-shadow:0 5px 0 color-mix(in srgb,var(--hq-primary-dark) 90%,#000),0 16px 30px color-mix(in srgb,var(--hq-primary) 18%,transparent)!important}
.ap-home-avatar{background:linear-gradient(145deg,#fff7df,var(--hq-accent-soft))!important;box-shadow:0 4px 0 #b9a05f,0 10px 18px rgba(0,0,0,.18)!important}
.ap-summary a{border:1px solid color-mix(in srgb,var(--hq-primary) 9%,var(--hq-border))!important}
.ap-quick,.att-day,.request-item,.document-card,.profile-info,.result-card,.announcement-card,.form-card,.result-sheet,.surface,.empty-state{background:var(--hq-card)!important;border-color:var(--hq-border)!important}

/* Bottom navigation */
.ap-bottom-nav{background:var(--hq-bottom-nav)!important;box-shadow:0 5px 0 color-mix(in srgb,var(--hq-primary-dark) 92%,#000),0 12px 26px color-mix(in srgb,var(--hq-primary-dark) 26%,transparent)!important}
.ap-bottom-nav a{color:#cfe0d3!important}.ap-bottom-nav a.active{background:var(--hq-accent-soft)!important;color:var(--hq-on-accent)!important;box-shadow:0 3px 0 #c9ad63!important}

/* Old approved Intro/Login structure — recoloured to match portal */
.haq-intro{background:var(--hq-sidebar)!important;color:var(--hq-on-primary)!important}
.haq-intro-overlay{background:linear-gradient(180deg,color-mix(in srgb,var(--hq-primary-dark) 64%,transparent) 0%,color-mix(in srgb,var(--hq-primary) 72%,transparent) 42%,color-mix(in srgb,var(--hq-primary-dark) 94%,transparent) 100%)!important}
.haq-intro:after{background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--hq-accent) 22%,transparent),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.10),transparent 18%,transparent 82%,rgba(0,0,0,.10))!important}
.haq-lang-chip,.haq-skip{border-color:color-mix(in srgb,var(--hq-accent) 36%,transparent)!important;background:color-mix(in srgb,var(--hq-primary-dark) 60%,transparent)!important;color:#fff6dc!important}
.haq-logo-card{background:linear-gradient(145deg,#fffdf8,var(--hq-accent-soft))!important;border-color:#ead7a0!important}
.haq-intro-copy h1{color:#fff6dc!important}.haq-intro-copy h2,.haq-bismillah{color:#ead18a!important}
.haq-intro-copy p{color:#d9e8dc!important}
.haq-feature{background:linear-gradient(180deg,color-mix(in srgb,var(--hq-primary) 82%,transparent),color-mix(in srgb,var(--hq-primary-dark) 92%,transparent))!important;border-color:color-mix(in srgb,var(--hq-accent) 24%,transparent)!important}
.haq-feature-icon{background:linear-gradient(145deg,var(--hq-accent),#f0d999)!important;color:var(--hq-primary-dark)!important}
.haq-intro-enter{background:linear-gradient(135deg,var(--hq-primary),var(--hq-primary-dark))!important;border-color:var(--hq-accent)!important;color:#fff8e5!important}
.haq-intro-enter b{background:linear-gradient(145deg,#f1d98e,var(--hq-accent))!important;color:var(--hq-primary-dark)!important}
.haq-intro-progress span{background:linear-gradient(90deg,var(--hq-accent),#f4dfa7)!important}

.haq-login-page{background:var(--hq-bg)!important}.haq-login-wash{background:linear-gradient(180deg,rgba(250,253,250,.84),rgba(247,250,247,.95) 46%,rgba(241,247,243,.98) 100%)!important}
.haq-login-top{background:color-mix(in srgb,var(--hq-header) 88%,transparent)!important;border-bottom-color:color-mix(in srgb,var(--hq-primary) 12%,transparent)!important}
.haq-login-brand strong{color:var(--hq-primary-dark)!important}.haq-login-brand small{color:var(--hq-muted)!important}
.haq-lang-chip.light{background:var(--hq-card)!important;border-color:var(--hq-border)!important;color:var(--hq-primary-dark)!important}
.haq-login-card{background:linear-gradient(180deg,rgba(255,253,248,.98),rgba(248,251,248,.98))!important;border-color:color-mix(in srgb,var(--hq-primary) 12%,var(--hq-border))!important;box-shadow:0 18px 46px color-mix(in srgb,var(--hq-primary-dark) 13%,transparent)!important}
.haq-login-card h1{color:var(--hq-primary-dark)!important}.haq-login-kicker{color:var(--hq-accent)!important}.haq-login-sub{color:var(--hq-muted)!important}
.haq-input-wrap{background:#fff!important;border-color:var(--hq-border)!important}.haq-input-wrap:focus-within{border-color:var(--hq-primary-mid)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--hq-primary) 10%,transparent)!important}
.haq-login-submit{background:linear-gradient(135deg,var(--hq-primary),var(--hq-primary-dark))!important;border-color:var(--hq-primary)!important;color:var(--hq-on-primary)!important}
.haq-login-submit b{background:linear-gradient(145deg,#f1d98e,var(--hq-accent))!important;color:var(--hq-primary-dark)!important}
.haq-login-secondary a,.haq-install-auth{background:var(--hq-card)!important;border-color:var(--hq-border)!important;color:var(--hq-primary-dark)!important}
.haq-login-showcase{background:linear-gradient(180deg,color-mix(in srgb,var(--hq-primary-dark) 50%,transparent),color-mix(in srgb,var(--hq-primary-dark) 88%,transparent)),url('../images/haqqania-building.jpg') center/cover no-repeat!important;border-color:color-mix(in srgb,var(--hq-accent) 28%,transparent)!important}
.showcase-portal{background:var(--hq-accent-soft)!important;color:#5e4c1e!important}


/* ADMIN THEME CONTROL — FINAL OVERRIDES */
body.ap-body,.ap-main,.page-intro{background:var(--hq-bg)!important;color:var(--hq-text)!important}
.ap-topbar{background:var(--hq-header)!important;border-color:var(--hq-border)!important}
.ap-sidebar{background:linear-gradient(165deg,var(--hq-sidebar),var(--hq-primary) 54%,var(--hq-sidebar-end))!important}
.ap-bottom-nav{background:var(--hq-bottom-nav)!important}
.ap-home-profile{background:linear-gradient(130deg,var(--hq-sidebar),var(--hq-primary) 58%,var(--hq-sidebar-end))!important;color:var(--hq-on-primary)!important}
.ap-home-profile h1,.ap-home-profile h2,.ap-home-profile h3,.ap-home-profile strong,.ap-home-profile .salam,.ap-home-profile .latin{color:var(--hq-on-primary)!important}
.ap-quick,.att-day,.document-card,.profile-info,.result-card,.announcement-card,.form-card,.result-sheet,.surface,.empty-state{background:var(--hq-card)!important;border-color:var(--hq-border)!important}
.ap-quick-icon,.ap-activity-icon,.ap-update-icon{background:color-mix(in srgb,var(--hq-primary) 12%,var(--hq-card))!important;color:var(--hq-primary)!important}
.ap-summary a{background:linear-gradient(145deg,color-mix(in srgb,var(--hq-primary) 10%,var(--hq-card)),var(--hq-card))!important;border-color:var(--hq-border)!important;color:var(--hq-text)!important}
.ap-summary a strong,.ap-summary a b{color:var(--hq-primary-dark)!important}
.ap-push-prompt{background:linear-gradient(135deg,color-mix(in srgb,var(--hq-primary) 10%,var(--hq-card)),var(--hq-card))!important;border-color:var(--hq-border)!important}
.ap-push-prompt-icon{background:var(--hq-primary)!important;color:var(--hq-on-primary)!important}
.badge,.new-badge,.version-pill{background:var(--hq-accent-soft)!important;color:var(--hq-on-accent)!important}
input:focus,select:focus,textarea:focus{border-color:var(--hq-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--hq-primary) 12%,transparent)!important}