/* Hamza Halaqat — Quranic identity, v2.16.3. Presentation only.
   CSS is scoped to HHP interfaces to avoid changing WordPress site data or forms. */
:root {
  --hhp-olive:#4f5639;
  --hhp-olive2:#5d6544;
  --hhp-gold:#b78a38;
  --hhp-gold-dark:#805b1d;
  --hhp-bg:#f9f7f2;
  --hhp-card:#fffefb;
  --hhp-text:#23251c;
  --hhp-muted:#77786b;
  --hhp-green:#267b59;
  --hhp-red:#ba4a43;
  --hhp-orange:#b97827;
  --hhp-line:#e6e0d3;
  --hhp-cream:#f3eee4;
  --hhp-cream-2:#fbf9f4;
  --hhp-charcoal:#4f5639;
  --hhp-charcoal-2:#5d6544;
}
:where(.hhp-app,.hhp-login-shell,.hhp-history-page,.hhp-curriculum-page){
  font-family:Tajawal,"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  color:var(--hhp-text);
  line-height:1.75;
}
.hhp-standalone-body {background:#f8f6f0!important;color:var(--hhp-text)}
.hhp-standalone-frame {background:transparent!important;min-width:0}
.hhp-app {
  background:linear-gradient(165deg,#fffefa 0%,#faf8f3 42%,#f5f7f2 100%);
  box-shadow:0 24px 70px rgba(57,63,40,.075);
  border:1px solid rgba(184,138,56,.16);
  border-radius:22px;
}
/* Arabic Quranic green hero and subtle non-figurative geometric motif. */
.hhp-app .hhp-hero {
  background:linear-gradient(135deg,#353a27 0%,#4a5134 48%,#616849 100%)!important;
  border-radius:0 0 27px 27px;
  box-shadow:0 12px 36px rgba(55,60,38,.16);
  isolation:isolate;
}
.hhp-app .hhp-hero::after {
  content:"";position:absolute;pointer-events:none;inset:auto -90px -125px auto;
  width:290px;height:290px;border-radius:50%;border:1px solid rgba(227,193,118,.23);
  box-shadow:0 0 0 30px rgba(222,189,115,.03),0 0 0 66px rgba(222,189,115,.028);
  z-index:0;
}
.hhp-app .hhp-pattern {opacity:.085}
.hhp-app .hhp-hero :is(h1,h2),.hhp-app .hhp-hero a:not(.hhp-btn) {color:#fff}
.hhp-app .hhp-hero p {color:rgba(250,250,244,.88)}
.hhp-app .hhp-brand-logo {border:1px solid rgba(214,177,92,.65);background:#fffefa;border-radius:16px}
.hhp-app .hhp-main{padding:clamp(16px,2.5vw,30px)}
.hhp-app :is(.hhp-section-title h2,.hhp-history-heading h2,.hhp-teacher-welcome h2,.hhp-teacher-progress-intro h2){
  color:#414631;font-weight:800;letter-spacing:0;
}
.hhp-app :is(.hhp-stat-row>div,.hhp-student-card,.hhp-login-cardbox,.hhp-teacher-actions>a,.hhp-history-record,.hhp-history-student-head,.hhp-history-records,.hhp-history-directory,.hhp-history-exams,.hhp-curriculum-student-card,.hhp-supervisor-attendance-card,.hhp-supervisor-calendar,.hhp-student-panel,.hhp-front-metrics>div) {
  background:#fffefa;border-color:#e7e3d7;border-radius:18px;
  box-shadow:0 7px 26px rgba(66,71,49,.055);
}
.hhp-app .hhp-student-card{overflow:hidden;transition:border-color .18s,box-shadow .18s}
.hhp-app .hhp-student-card:hover,.hhp-app .hhp-curriculum-student-card:hover{
  border-color:#d7c29c;box-shadow:0 12px 28px rgba(66,71,49,.08);
}
.hhp-app :is(.hhp-status-label,.hhp-history-metrics strong,.hhp-history-grade b){color:#267b59}
.hhp-app .hhp-stat-row strong{color:#474d31}
.hhp-app :is(.hhp-stat-row span,.hhp-student-summary p,.hhp-history-record-title span){color:#8b8f80}
.hhp-app :is(.hhp-btn.primary,.hhp-btn.gold,.hhp-login-submit,.hhp-history-filters button,.hhp-supervisor-attendance-save){
  background:linear-gradient(120deg,#474d31,#5c6443)!important;
  color:#fff!important;border-color:#474d31!important;
  border-radius:13px;box-shadow:0 6px 17px rgba(69,75,48,.15);
  font-weight:800;transition:transform .16s,filter .16s;
}
.hhp-app :is(.hhp-btn.primary,.hhp-btn.gold,.hhp-login-submit,.hhp-history-filters button,.hhp-supervisor-attendance-save):hover{
  filter:brightness(1.075);transform:translateY(-1px);
}
.hhp-app .hhp-tabs a.active,.hhp-app .hhp-card-tabs button.active{background:#474d31!important;color:#fff!important;border-color:#474d31!important}
.hhp-app .hhp-tabs a:hover{border-color:#b78a38}
.hhp-app :is(.hhp-student-history-link,.hhp-curriculum-history-link,.hhp-home-btn,.hhp-history-student-head a){
  border-color:#d8c69f!important;background:#fcf8ec!important;color:#72541f!important;
  border-radius:12px;box-shadow:none;
}
.hhp-app :is(.hhp-student-open-arrow,.hhp-supervisor-calendar-day.selected){
  border-color:#b78a38!important;background:#fff7e8!important;color:#77551b!important;
}
.hhp-app :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  border:1px solid #dcdfd3!important;border-radius:12px!important;
  background:#fff!important;color:#383a30;box-shadow:none;
}
.hhp-app :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible,
.hhp-login-shell :is(input,button):focus-visible,
.hhp-app :is(button,a,[role=button]):focus-visible {
  outline:3px solid rgba(183,138,56,.42)!important;outline-offset:2px;
  border-color:#9c813c!important;
}
.hhp-app input[type=checkbox]{accent-color:#535b3c}
.hhp-app :is(.hhp-last-progress,.hhp-next-box,.hhp-history-filters,.hhp-student-learning-track,.hhp-curriculum-readonly-range){
  background:#f7f8f2;border-color:#dde8da;border-radius:14px;
}
.hhp-app :is(.hhp-history-heading,.hhp-teacher-welcome,.hhp-teacher-progress-intro){
  background:linear-gradient(135deg,#eff1e9 0%,#fffaf0 100%);
  border:1px solid #e3e5db;
  border-radius:20px;
}
.hhp-app :is(.hhp-progress-form,.hhp-attendance-period-form,.hhp-group-attendance-form){min-width:0}
.hhp-app .hhp-student-card-actions{gap:8px}
.hhp-app .hhp-student-open-arrow{min-width:40px!important;width:40px!important;height:40px!important;flex:0 0 40px!important}
.hhp-app .hhp-bottom-nav{background:#363a28!important;border:1px solid rgba(217,187,110,.25)!important;box-shadow:0 10px 33px rgba(50,54,37,.2)}
.hhp-app .hhp-bottom-nav a{color:#eceee5!important}
.hhp-app .hhp-bottom-nav a.active{color:#f2d390!important}
/* Unified attendance, monitoring and history cards */
.hhp-app :is(.hhp-history-metrics>div,.hhp-smart-metrics>div,.hhp-attendance-data-metrics>div){
  border-color:#e2e7dc;background:#fffefa;border-radius:15px;
}
.hhp-app :is(.hhp-history-record,.hhp-smart-entry){border-right:3px solid #b78a38}
.hhp-app :is(.hhp-history-notes,.hhp-announcements>div,.hhp-history-legacy-note){
  background:#fff8e9;border-color:#e7d5aa;color:#6c592c;
}
.hhp-app :is(.hhp-student-card,.hhp-history-records,.hhp-curriculum-student-card) *{overflow-wrap:break-word}
/* Readability on narrow screens. Preserve every functional field and data table. */
@media(max-width:700px){
  .hhp-standalone-body{background:#fbfaf6!important}
  .hhp-app{border:0;border-radius:0;box-shadow:none;max-width:none}
  .hhp-app .hhp-main{padding:15px 12px 100px}
  .hhp-app .hhp-hero{border-radius:0 0 22px 22px}
  .hhp-app :is(.hhp-history-heading,.hhp-teacher-welcome,.hhp-teacher-progress-intro){padding:15px}
  .hhp-app .hhp-section-title h2{font-size:20px}
  .hhp-app .hhp-student-card-actions{max-width:100%;flex-wrap:wrap}
  .hhp-app .hhp-student-summary{min-width:0!important}
}
@media(prefers-reduced-motion:reduce){
  .hhp-app :is(.hhp-student-card,.hhp-btn,.hhp-tabs a){transition:none!important}
}
/* Distinct Quranic welcome/login page. */
body.hhp-login-page,body.hhp-login-page:before {
  background:linear-gradient(135deg,#353a27 0%,#4a5134 50%,#3c412e 100%)!important;
}
body.hhp-login-page .hhp-login-shell {
  background:radial-gradient(circle at 15% 22%,rgba(211,179,109,.09),transparent 30%),
     linear-gradient(135deg,rgba(50,54,35,.2),rgba(71,77,50,.18))!important;
}
.hhp-login-shell .hhp-login-cardbox {
  border:1px solid #e3d9c3;
  background:#fffefa;
  box-shadow:0 28px 65px rgba(36,39,25,.24);
}
.hhp-login-shell .hhp-login-heading h1,.hhp-login-shell .hhp-login-cardbox h2{color:#3e432c}
.hhp-login-shell .hhp-login-logo-wrap{border-color:#e4d2ac}
.hhp-login-shell .hhp-login-heading>span{background:#f6f0e0;color:#88651e}
.hhp-login-shell .hhp-login-submit{background:linear-gradient(135deg,#474d31,#616947)!important;color:white!important}
.hhp-login-shell input[type=text],.hhp-login-shell input[type=password]{border-color:#dcdfd3}
/* Shared alert dialog and intelligence cards work outside .hhp-app on admin pages too. */
.hhp-alert-dialog{border-color:#e6dfcf;box-shadow:0 24px 70px rgba(50,55,35,.22);color:#3c3e33}
.hhp-alert-dialog-header{background:linear-gradient(120deg,#f0f2e9,#fffaf0)}
.hhp-alert-dialog-header h2{color:#474d31!important}
.hhp-alert-filters button.is-active{background:#474d31;border-color:#474d31}
.hhp-alert-entry{border-right-color:#b78a38;background:#fffefa}
.hhp-alert-footer button{background:#474d31}
.hhp-smart-dashboard{background:#fffefa;color:#383a30;border-color:#e7e3d7}
.hhp-smart-header h2{color:#474d31}
.hhp-smart-metrics strong{color:#555c3c}
.hhp-smart-metrics button{background:#fcfcf8;border-color:#e5e7df}
.hhp-smart-metrics button.is-active{background:#f5f6f2;border-color:#b78a38}
.hhp-smart-entry{background:#fffefa;border-color:#e5e7df}