/* ============================================
   نظام "الصفحات الفاخرة" (Premium Glass Pages) — منقول حرفيًا من قالب athraa-fse
   يُستخدم في: عن الجمعية، الحوكمة، التقارير (سنوية/ربعية/برامج/مجمّعة)
   ============================================ */
body.tn-premium-page .tn-header{ background-color:#2C3E50 !important; position:fixed; box-shadow:0 4px 20px rgba(0,0,0,.1); }
body.tn-premium-page .tn-header .tn-logo-img{ height:70px !important; filter:brightness(0) invert(1) !important; }
body.tn-premium-page .tn-pill-nav{ background:rgba(255,255,255,.08); }
body.tn-premium-page .tn-nav-item>a{ color:#fff !important; }
body.tn-premium-page .tn-account-btn{ color:#fff !important; border-color:rgba(255,255,255,.4) !important; }
body.tn-premium-page .tn-nav-toggle span{ background:#fff !important; }
@media(max-width:820px){ body.tn-premium-page .tn-pill-nav{ display:none !important; } }

:root{
  --primary-ethraa: var(--tn-primary);
  --gold-ethraa: var(--tn-gold);
  --glass-bg: rgba(251,248,242,.75);
  --glass-border: rgba(199,154,60,.28);
  --pp-text-dark: var(--tn-text-dark);
  --pp-text-muted: var(--tn-text-muted);
}

.reports-page-wrapper{
  position:relative; padding-top:150px; padding-bottom:80px; min-height:70vh;
  background-color:#f7f9fa; z-index:1; overflow:hidden; 
}
.reports-page-wrapper::before{
  content:''; position:absolute; inset:0;
  background:url('https://images.unsplash.com/photo-1550684848-fac1c5b4e853?auto=format&fit=crop&w=2000&q=80') center/cover fixed;
  filter:blur(20px); z-index:-2; transform:scale(1.1);
}
.reports-page-wrapper::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.92) 0%,rgba(233,240,241,.96) 100%); z-index:-1;
}
.reports-hero{ text-align:center; position:relative; z-index:2; margin-bottom:50px; }
.reports-hero-title{ font-size:clamp(28px,4vw,38px); font-weight:900; color:var(--pp-text-dark); margin-bottom:10px;  min-height:60px; }
.typing-cursor{ display:inline-block; width:4px; height:35px; background-color:var(--primary-ethraa); margin-right:5px; vertical-align:middle; animation:ppBlink .8s infinite; }
@keyframes ppBlink{ 0%,100%{ opacity:1; } 50%{ opacity:0; } }

.ethraa-year-section{ max-width:1200px; margin:0 auto 50px auto; position:relative; z-index:2; }
.ethraa-year-heading{ display:flex; align-items:center; margin-bottom:30px; padding:0 20px; }
.ethraa-year-badge{ background:var(--primary-ethraa); color:#fff; padding:10px 30px; border-radius:50px; font-size:clamp(18px,2.5vw,24px); font-weight:900; box-shadow:0 10px 20px rgba(130,161,168,.3);  }
.ethraa-year-line{ flex:1; height:2px; background:linear-gradient(to left,var(--glass-border),transparent); margin-right:20px; border-radius:2px; }

.ethraa-cards-container{ display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:30px; padding:0 20px; perspective:1000px; }

.ethraa-premium-card{ position:relative; border-radius:25px; text-decoration:none; color:var(--pp-text-dark); text-align:right; overflow:hidden; display:flex; flex-direction:column; transform-style:preserve-3d; padding:3px; box-shadow:0 10px 30px rgba(0,0,0,.04); cursor:pointer !important;  }
.ethraa-premium-card::before{ content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:conic-gradient(from 0deg,transparent 70%,var(--gold-ethraa) 100%); animation:ppSpinGlow 4s linear infinite; z-index:0; }
@keyframes ppSpinGlow{ 100%{ transform:rotate(360deg); } }
.ethraa-card-inner{ position:relative; z-index:1; padding:15px; height:100%; display:flex; flex-direction:column; background:var(--glass-bg); backdrop-filter:blur(25px); border-radius:22px; transition:background .4s ease; }
.ethraa-premium-card:hover .ethraa-card-inner{ background:#fff; }
.ethraa-image-box{ width:100%; height:auto; border-radius:18px; overflow:hidden; position:relative; margin-bottom:20px; transform:translateZ(30px); }
.ethraa-image-box img{ width:100%; height:auto; display:block; transition:transform .7s ease; aspect-ratio:16/10; object-fit:cover; }
.ethraa-premium-card:hover .ethraa-image-box img{ transform:scale(1.1); }
.ethraa-icon-overlay{ position:absolute; bottom:15px; right:15px; background:rgba(255,255,255,.95); width:45px; height:45px; border-radius:50%; display:flex; justify-content:center; align-items:center; color:var(--primary-ethraa); font-size:20px; box-shadow:0 5px 15px rgba(0,0,0,.1); transition:all .4s ease; }
.ethraa-premium-card:hover .ethraa-icon-overlay{ background:var(--primary-ethraa); color:#fff; transform:rotate(-10deg) scale(1.1); }
.ethraa-card-body{ display:flex; flex-direction:column; flex:1; padding:0 10px; transform:translateZ(20px); }
.ethraa-card-body h2{ font-size:18px; font-weight:800; margin-bottom:25px; color:var(--primary-ethraa); line-height:1.5; text-align:center; }
.ethraa-actions{ display:flex; gap:10px; margin-top:auto; opacity:0; transform:translateZ(40px) translateY(20px); transition:all .4s cubic-bezier(.175,.885,.32,1.275); pointer-events:none; }
.ethraa-premium-card:hover .ethraa-actions{ opacity:1; transform:translateZ(40px) translateY(0); pointer-events:auto; }
.ethraa-btn{ flex:1; display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:10px 0; border-radius:50px; font-weight:700; font-size:13px; text-decoration:none; transition:all .3s ease; cursor:pointer; border:none; }
.ethraa-btn-view{ background:var(--primary-ethraa); color:#fff; box-shadow:0 5px 15px rgba(130,161,168,.3); width:100%; border:1px solid var(--primary-ethraa); }
.ethraa-btn-view:hover{ background:var(--tn-primary-dark); color:#fff; }
.ethraa-btn-down{ background:transparent; color:var(--primary-ethraa); border:2px solid var(--primary-ethraa); }
.ethraa-btn-down:hover{ background:var(--primary-ethraa); color:#fff; }
.ethraa-empty{ text-align:center; width:100%; padding:40px; background:var(--glass-bg); border:1px dashed var(--glass-border); border-radius:20px; color:var(--pp-text-muted); font-weight:bold; font-size:18px;  }
.gov-return-btn{ display:inline-block; background:var(--gold-ethraa); color:#fff; padding:10px 25px; border-radius:30px; text-decoration:none; font-weight:bold; margin-bottom:20px; transition:.3s; }
.gov-return-btn:hover{ background:#b8962c; transform:translateY(-3px); }

.ethraa-content-block{ max-width:980px; margin:0 auto 40px; padding:0 20px; opacity:0; transform:translateY(24px); transition:opacity .8s cubic-bezier(.2,.65,.3,1), transform .8s cubic-bezier(.2,.65,.3,1); }
.ethraa-content-block.in{ opacity:1; transform:none; }
.ethraa-intro-card{ background:var(--glass-bg); backdrop-filter:blur(20px); border:1px solid var(--glass-border); border-radius:22px; padding:30px 34px; margin-bottom:34px; box-shadow:0 10px 30px rgba(0,0,0,.04); }
.ethraa-intro-card p{ font-size:16.5px; line-height:2; color:var(--pp-text-dark); margin:0; }
.ethraa-prose{ background:#fff; border-radius:22px; padding:34px 38px; box-shadow:0 10px 30px rgba(0,0,0,.05); margin-bottom:28px; }
.ethraa-prose h3{ color:var(--primary-ethraa); font-size:21px; font-weight:900; margin:0 0 14px; }
.ethraa-prose p{ font-size:16px; line-height:2; color:var(--pp-text-muted); margin:0 0 12px; }
.ethraa-prose p:last-child{ margin-bottom:0; }

.ethraa-about-lead{ background:var(--glass-bg); backdrop-filter:blur(20px); border:1px solid var(--glass-border); border-radius:26px; padding:40px 44px; margin-bottom:28px; position:relative; overflow:hidden; }
.ethraa-about-lead::before{ content:''; position:absolute; inset-inline-start:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg,var(--gold-ethraa),transparent); }
.ethraa-about-lead p{ font-size:17px; line-height:2.15; color:var(--pp-text-dark); margin:0 0 14px; position:relative; z-index:1; }
.ethraa-about-lead p:first-of-type{ font-weight:600; }
.ethraa-about-lead p:last-child{ margin-bottom:0; }

.ethraa-mv-grid{ display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-bottom:28px; }
.ethraa-mv-card{ background:#fff; border-radius:22px; padding:32px 30px; box-shadow:0 10px 30px rgba(0,0,0,.05); position:relative; overflow:hidden; transition:transform .35s ease, box-shadow .35s ease; }
.ethraa-mv-card:hover{ transform:translateY(-6px); box-shadow:0 20px 44px rgba(0,0,0,.09); }
.ethraa-mv-card::after{ content:''; position:absolute; top:-30px; inset-inline-end:-30px; width:90px; height:90px; border-radius:50%; background:radial-gradient(circle,rgba(199,154,60,.18),transparent 70%); }
.ethraa-mv-icon{ width:52px; height:52px; border-radius:16px; background:linear-gradient(135deg,var(--primary-ethraa),var(--gold-ethraa)); display:flex; align-items:center; justify-content:center; color:#fff; font-size:21px; margin-bottom:16px; position:relative; z-index:1; }
.ethraa-mv-card h3{ color:var(--pp-text-dark); font-size:19px; font-weight:900; margin:0 0 10px; position:relative; z-index:1; }
.ethraa-mv-card p{ font-size:15px; line-height:1.95; color:var(--pp-text-muted); margin:0; position:relative; z-index:1; }
@media(max-width:768px){ .ethraa-mv-grid{ grid-template-columns:1fr; } .ethraa-about-lead{ padding:28px 24px; } }

.ethraa-stats-row{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:18px; margin:30px 0 6px; }
.ethraa-stat-chip{ background:#fff; border-radius:18px; padding:24px 12px; text-align:center; box-shadow:0 10px 26px rgba(0,0,0,.05); }
.ethraa-stat-chip .num{ font-size:30px; font-weight:900; color:var(--gold-ethraa);  }
.ethraa-stat-chip .lbl{ font-size:13px; color:var(--pp-text-muted); font-weight:700; margin-top:6px; }

.ethraa-mini-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; margin-top:24px; }
.ethraa-mini-card{ background:#fff; border-radius:18px; padding:22px; box-shadow:0 8px 22px rgba(0,0,0,.05); border-inline-start:4px solid var(--gold-ethraa); }
.ethraa-mini-card i{ color:var(--primary-ethraa); font-size:20px; margin-bottom:10px; display:block; }
.ethraa-mini-card h4{ font-size:15.5px; color:var(--pp-text-dark); margin:0 0 6px; font-weight:800; }
.ethraa-mini-card p{ font-size:13.5px; color:var(--pp-text-muted); margin:0; line-height:1.7; }

.ethraa-board-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:20px; margin-top:10px; }
.ethraa-board-card{ background:#fff; border-radius:20px; padding:26px 18px; text-align:center; box-shadow:0 10px 26px rgba(0,0,0,.05); transition:transform .3s ease; }
.ethraa-board-card:hover{ transform:translateY(-6px); }
.ethraa-board-avatar{ width:64px; height:64px; border-radius:50%; background:var(--primary-ethraa); color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; margin:0 auto 14px; }
.ethraa-board-card h4{ font-size:15px; margin:0 0 4px; color:var(--pp-text-dark); font-weight:800; }
.ethraa-board-card span{ font-size:12.5px; color:var(--gold-ethraa); font-weight:700; }

.orgchart{ display:flex; flex-direction:column; align-items:center; gap:0; margin-top:20px; }
.org-node{ background:#fff; border-radius:16px; padding:14px 26px; text-align:center; box-shadow:0 8px 22px rgba(0,0,0,.06); font-weight:800; color:var(--pp-text-dark); font-size:14.5px; position:relative; }
.org-node small{ display:block; font-weight:600; color:var(--pp-text-muted); font-size:12px; margin-top:3px; }
.org-node.top{ background:var(--primary-ethraa); color:#fff; }
.org-node.top small{ color:rgba(255,255,255,.85); }
.org-line{ width:2px; height:26px; background:var(--glass-border); }
.org-row{ display:flex; gap:22px; flex-wrap:wrap; justify-content:center; position:relative; }
.org-branch{ display:flex; flex-direction:column; align-items:center; }

.iban-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; margin-top:24px; }
.iban-card{
    background:linear-gradient(135deg,var(--primary-ethraa) 0%,#0b4a44 100%); color:#fff; border-radius:20px;
    padding:24px 26px; position:relative; overflow:hidden; display:flex; gap:18px; align-items:center;
    box-shadow:0 16px 40px -18px rgba(15,118,110,.45); transition:transform .3s ease, box-shadow .3s ease;
}
.iban-card:hover{ transform:translateY(-4px); box-shadow:0 22px 48px -16px rgba(15,118,110,.55); }
.iban-card::before{ content:''; position:absolute; inset:0; background:radial-gradient(circle at 92% -10%,rgba(199,154,60,.35),transparent 55%); }
.iban-card::after{ content:''; position:absolute; inset-inline-start:0; top:0; bottom:0; width:5px; background:var(--gold-ethraa); }
.iban-card-info{ position:relative; flex:1; min-width:0; }
.iban-card b{ position:relative; display:flex; align-items:center; gap:8px; font-size:14px; color:var(--gold-ethraa); margin-bottom:12px; letter-spacing:.03em; font-weight:800; }
.iban-card .num{ position:relative; direction:ltr; text-align:left; font-family:monospace; font-size:14.5px; letter-spacing:.5px; word-break:break-all; background:rgba(255,255,255,.08); padding:8px 10px; border-radius:10px; }
.iban-card .bankname{ position:relative; font-size:11.5px; opacity:.75; margin-top:10px; }
.iban-copy{ position:relative; margin-top:14px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.2); color:#fff; padding:7px 16px; border-radius:20px; font-size:12px; font-weight:700; cursor:pointer; transition:.25s; }
.iban-copy:hover{ background:var(--gold-ethraa); border-color:var(--gold-ethraa); color:#2b2007; }
.iban-qr{ position:relative; flex:none; width:84px; height:84px; border-radius:14px; overflow:hidden; background:#fff; cursor:zoom-in; box-shadow:0 8px 20px rgba(0,0,0,.25); border:3px solid rgba(255,255,255,.9); }
.iban-qr img{ width:100%; height:100%; object-fit:cover; }
.iban-lightbox{ position:fixed; inset:0; z-index:999999; background:rgba(15,23,33,.85); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:opacity .3s ease, visibility .3s ease; }
.iban-lightbox.open{ opacity:1; visibility:visible; }
.iban-lightbox img{ max-width:min(420px,90vw); max-height:85vh; border-radius:16px; box-shadow:0 30px 60px rgba(0,0,0,.5); }

.ethraa-fact-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:16px; }
.ethraa-fact-card{ background:#fff; border-radius:18px; padding:20px 22px; box-shadow:0 8px 22px rgba(0,0,0,.05); border-inline-start:4px solid var(--gold-ethraa); transition:transform .3s ease, box-shadow .3s ease; }
.ethraa-fact-card:hover{ transform:translateY(-4px); box-shadow:0 16px 32px rgba(0,0,0,.08); }
.ethraa-fact-card i{ color:var(--primary-ethraa); font-size:18px; margin-bottom:10px; display:block; }
.ethraa-fact-card .fact-label{ font-size:12.5px; color:var(--pp-text-muted); margin:0 0 4px; font-weight:600; }
.ethraa-fact-card .fact-value{ font-size:16px; color:var(--pp-text-dark); font-weight:800; word-break:break-word; }

/* ===== محتوى عام إضافي (تبرع/تواصل/شكاوى/خدمات) ===== */
.content-block{ max-width:980px; margin:0 auto 40px; padding:0 20px; position:relative; z-index:2; opacity:0; transform:translateY(24px); transition:opacity .8s cubic-bezier(.2,.65,.3,1), transform .8s cubic-bezier(.2,.65,.3,1); }
.content-block.in{ opacity:1; transform:none; }
.section-title{ text-align:center; font-size:24px; font-weight:900; color:var(--pp-text-dark); margin:50px 0 20px; position:relative;  }
.section-title::after{ content:''; display:block; width:52px; height:3px; background:var(--gold-ethraa); margin:12px auto 0; border-radius:3px; }
.trust-note{ text-align:center; color:var(--pp-text-muted); font-size:13.5px; margin-top:28px; }
.store-card{ background:linear-gradient(135deg,var(--gold-ethraa),#b8962c); border-radius:24px; padding:40px; text-align:center; color:#2b2007; box-shadow:0 20px 50px rgba(212,175,55,.3); }
.store-card i{ font-size:40px; margin-bottom:14px; }
.store-card h2{ font-size:24px; margin:0 0 10px; font-weight:900; }
.store-card p{ margin:0 0 22px; opacity:.85; font-size:15px; }
.store-card .btn,.store-card a.btn{ display:inline-flex; align-items:center; gap:8px; background:#2C3E50; color:#fff; padding:15px 36px; border-radius:999px; text-decoration:none; font-weight:800; transition:.25s; border:0; cursor:pointer; font-size:15px;  }
.store-card .btn:hover,.store-card a.btn:hover{ background:#1c2833; transform:translateY(-3px); box-shadow:0 12px 26px rgba(0,0,0,.25); }

/* ===== نموذج عام (تواصل/شكاوى/خدمات) — أسماء الكلاسات منقولة حرفيًا من page-contact.php/page-complaints.php ===== */
.contact-grid{ max-width:1080px; margin:0 auto; padding:0 20px; display:grid; grid-template-columns:1fr 1.3fr; gap:26px; position:relative; z-index:2; }
@media(max-width:860px){ .contact-grid{ grid-template-columns:1fr; } }
.glass-card{ background:var(--glass-bg); backdrop-filter:blur(20px); border:1px solid var(--glass-border); border-radius:24px; padding:34px; box-shadow:0 15px 40px rgba(0,0,0,.05); opacity:0; transform:translateY(24px); transition:opacity .8s cubic-bezier(.2,.65,.3,1), transform .8s cubic-bezier(.2,.65,.3,1); }
.glass-card.in,.glass-card.reveal.in{ opacity:1; transform:none; }
/* عناصر بدون كلاس reveal/in لا يرصدها IntersectionObserver مطلقًا فتبقى مخفية للأبد
   (خطأ مكتشف في checkout.php وصفحات أخرى عديدة) — نضمن ظهورها دائمًا بصرف النظر عن
   وجود كلاس reveal من عدمه، بنفس أسلوب إصلاح year-section السابق. */
.glass-card,.content-block,.ethraa-content-block{ opacity:1 !important; transform:none !important; }

/* ===== مؤشر الرضا الحي (راضٍ/محايد/غير راضٍ) ===== */
.tn-sat-choices{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.tn-sat-btn{
    flex:1; min-width:120px; display:flex; flex-direction:column; align-items:center; gap:6px;
    background:#fff; border:1.5px solid var(--glass-border); border-radius:14px; padding:14px 10px;
    font-family:inherit; font-size:13px; font-weight:800; color:var(--pp-text-dark); cursor:pointer; transition:.2s;
}
.tn-sat-btn i{ font-size:22px; }
.tn-sat-btn.tn-sat-satisfied i{ color:#2f9e6b; }
.tn-sat-btn.tn-sat-neutral i{ color:var(--gold-ethraa); }
.tn-sat-btn.tn-sat-unsatisfied i{ color:#c0392b; }
.tn-sat-btn:hover{ transform:translateY(-3px); box-shadow:0 10px 22px -12px rgba(0,0,0,.2); border-color:var(--primary-ethraa); }
.tn-sat-bars{ display:flex; flex-direction:column; gap:12px; }
.tn-sat-bar-row{ display:flex; align-items:center; gap:10px; }
.tn-sat-bar-label{ flex:0 0 70px; font-size:12.5px; font-weight:800; color:var(--pp-text-dark); }
.tn-sat-bar-track{ flex:1; height:12px; background:rgba(0,0,0,.06); border-radius:20px; overflow:hidden; }
.tn-sat-bar-fill{ height:100%; border-radius:20px; transition:width .6s ease; }
.tn-sat-bar-fill.tn-sat-satisfied{ background:#2f9e6b; }
.tn-sat-bar-fill.tn-sat-neutral{ background:var(--gold-ethraa); }
.tn-sat-bar-fill.tn-sat-unsatisfied{ background:#c0392b; }
.tn-sat-bar-pct{ flex:0 0 36px; font-size:12px; font-weight:800; color:var(--pp-text-dark); text-align:left; }

/* ===== استبيان رضا متعدد الأسئلة ===== */
.tn-survey-identity{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:22px; }
.tn-survey-identity .form-group{ flex:1; min-width:160px; }
.tn-survey-q{ margin-bottom:22px; padding-bottom:18px; border-bottom:1px dashed var(--glass-border); }
.tn-survey-q:last-of-type{ border-bottom:none; margin-bottom:10px; }
.tn-survey-q-text{ font-weight:800; font-size:14px; color:var(--pp-text-dark); margin-bottom:12px; }
.tn-sat-radio.tn-sat-selected{ background:var(--primary-ethraa); border-color:var(--primary-ethraa); color:#fff; }
.tn-sat-radio.tn-sat-selected i{ color:#fff !important; }
.tn-survey-submit-btn{ width:100%; margin-top:8px; }
.tn-survey-result-q{ margin-bottom:24px; padding-bottom:20px; border-bottom:1px dashed var(--glass-border); }
.tn-survey-result-q:last-of-type{ border-bottom:none; margin-bottom:0; padding-bottom:0; }
.glass-card h2{ font-size:20px; color:var(--pp-text-dark); margin:0 0 22px; font-weight:900; }
.info-row{ display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.info-row:last-child{ margin-bottom:0; }
.info-row a,.info-row span{ color:var(--pp-text-dark); text-decoration:none; font-weight:700; font-size:14.5px; }
.icon-circle{ width:46px; height:46px; border-radius:14px; background:#EAF1F1; color:var(--primary-ethraa); display:flex; align-items:center; justify-content:center; flex:none; }
.icon-circle.gold{ background:#F3E7C8; color:#7A5B12; }
.icon-circle.navy{ background:#E4E9EC; color:var(--pp-text-dark); }
.icon-circle svg{ width:20px; height:20px; }
.icon-circle i{ font-size:17px; }
.hours-block{ margin-top:24px; padding-top:22px; border-top:1px solid var(--glass-border); }
.hours-block h3{ font-size:15px; color:var(--pp-text-dark); margin:0 0 6px; }
.hours-block p{ color:var(--pp-text-muted); font-size:14px; margin:0; }
.form-row{ display:flex; gap:16px; margin-bottom:16px; flex-wrap:wrap; }
.form-group{ flex:1; min-width:200px; }
.form-group label{ font-weight:700; color:var(--pp-text-dark); margin-bottom:7px; display:block; font-size:13.5px; }
.form-control{ width:100%; padding:13px 16px; border:2px solid #e2e8f0; border-radius:12px;  font-size:14.5px; background:#fff; transition:.25s; }
.form-control:focus{ border-color:var(--primary-ethraa); outline:none; box-shadow:0 0 0 4px rgba(130,161,168,.12); }
textarea.form-control{ resize:vertical; min-height:120px; }
.btn-submit{ background:var(--gold-ethraa); color:#fff; border:none; padding:15px 30px; border-radius:12px;  font-size:15.5px; font-weight:800; cursor:pointer; width:100%; transition:.3s ease; margin-top:6px; }
.btn-submit:hover{ background:#b8962c; transform:translateY(-2px); box-shadow:0 10px 20px rgba(212,175,55,.25); }
.alert{ padding:14px 18px; border-radius:12px; margin-bottom:20px; font-weight:700; font-size:14px; border:1px solid transparent; }
.alert-success{ background:#f0fdf4; color:#166534; border-color:#bbf7d0; }
.alert-error{ background:#fef2f2; color:#991b1b; border-color:#fecaca; }
.type-toggle{ display:flex; gap:10px; margin-bottom:20px; }
.type-toggle label{ flex:1; text-align:center; padding:13px; border-radius:12px; border:2px solid #e2e8f0; cursor:pointer; font-weight:700; font-size:14px; color:var(--pp-text-muted); transition:.2s; }
.type-toggle input{ display:none; }
.type-toggle input:checked + label{ border-color:var(--gold-ethraa); background:#FBF3DC; color:#7A5B12; }

.stats-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media(max-width:600px){ .stats-row{ grid-template-columns:1fr; } }
.stat-chip{ background:#fff; border-radius:18px; padding:26px; text-align:center; box-shadow:0 10px 26px rgba(0,0,0,.05); }
.stat-chip .num{ font-size:32px; font-weight:900;  color:var(--gold-ethraa); }
.stat-chip .lbl{ font-size:13.5px; color:var(--pp-text-muted); font-weight:700; margin-top:6px; }
.steps-card{ background:#fff; border-radius:22px; padding:34px; box-shadow:0 10px 30px rgba(0,0,0,.05); }
.steps{ counter-reset:step; list-style:none; padding:0; margin:0; }
.steps li{ counter-increment:step; position:relative; padding-inline-start:56px; margin-bottom:22px; min-height:36px; color:var(--pp-text-muted); font-size:15px; line-height:1.9; }
.steps li:last-child{ margin-bottom:0; }
.steps li::before{ content:counter(step); position:absolute; inset-inline-start:0; top:0; width:38px; height:38px; border-radius:50%; background:var(--primary-ethraa); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800;  }
.cta-card{ background:linear-gradient(135deg,var(--gold-ethraa),#b8962c); border-radius:24px; padding:40px; text-align:center; color:#2b2007; box-shadow:0 20px 50px rgba(212,175,55,.3); margin-top:30px; }
.cta-card a.btn{ display:inline-block; background:#2C3E50; color:#fff; padding:15px 40px; border-radius:999px; text-decoration:none; font-weight:800; transition:.25s; }
.cta-card a.btn:hover{ background:#1c2833; transform:translateY(-3px); box-shadow:0 12px 26px rgba(0,0,0,.25); }

/* ===== صفحة الخدمات الإلكترونية (نموذج ذكي) ===== */
.service-hero{ text-align:center; position:relative; z-index:2; margin-bottom:40px; }
.hero-icon-box{ width:70px; height:70px; background:var(--primary-ethraa); color:#fff; border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:30px; margin:0 auto 20px auto; box-shadow:0 10px 20px rgba(130,161,168,.3); }
.service-hero-title{ font-size:clamp(28px,4vw,36px); font-weight:900; color:var(--pp-text-dark); margin-bottom:10px; }
.service-form-container{ max-width:800px; margin:0 auto; padding:0 20px; position:relative; z-index:2; }
.service-card-inner{ background:rgba(251,248,242,.9); backdrop-filter:blur(25px); border:1px solid rgba(130,161,168,.2); border-radius:25px; padding:40px; box-shadow:0 20px 50px rgba(0,0,0,.05); }
.file-upload-wrapper{ border:2px dashed var(--primary-ethraa); padding:20px; text-align:center; border-radius:12px; background:#f8fafc; cursor:pointer; transition:.3s; display:block; }
.file-upload-wrapper:hover{ background:#eef2f3; border-color:var(--gold-ethraa); }
.file-upload-wrapper i{ color:var(--gold-ethraa); font-size:24px; margin-bottom:10px; display:block; }
.file-upload-wrapper input[type=file]{ display:none; }
.login-gate{ text-align:center; padding:20px 0; }
.login-gate i{ font-size:40px; color:var(--gold-ethraa); margin-bottom:16px; display:block; }
.login-gate p{ color:var(--pp-text-muted); font-size:15px; margin-bottom:24px; line-height:1.9; }
.login-gate .btns{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.login-gate a.btn{ display:inline-block; padding:13px 28px; border-radius:12px; text-decoration:none; font-weight:800; transition:.25s; }
.login-gate a.btn-primary{ background:var(--gold-ethraa); color:#fff; }
.login-gate a.btn-primary:hover{ background:#b8962c; }
.login-gate a.btn-outline{ border:2px solid var(--primary-ethraa); color:var(--primary-ethraa); }
.login-gate a.btn-outline:hover{ background:var(--primary-ethraa); color:#fff; }
.type-tabs{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-bottom:30px; }
.type-tabs a{ padding:10px 18px; border-radius:999px; font-weight:700; font-size:13.5px; border:2px solid #e2e8f0; color:var(--pp-text-muted); transition:.2s; }
.type-tabs a.active{ border-color:var(--gold-ethraa); background:#FBF3DC; color:#7A5B12; }
@media(max-width:768px){ .service-card-inner{ padding:25px 15px; } }

/* ===== المركز الإعلامي (أخبار/إعلانات) ===== */
.news-grid{ max-width:1200px; margin:0 auto; padding:0 20px; position:relative; z-index:2; display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:30px; }
.news-card{ background:var(--glass-bg); backdrop-filter:blur(25px); border:1px solid rgba(130,161,168,.2); border-radius:20px; overflow:hidden; box-shadow:0 15px 35px rgba(0,0,0,.05); transition:transform .4s ease, box-shadow .4s ease; display:flex; flex-direction:column; text-decoration:none; }
.news-card:hover{ transform:translateY(-10px); box-shadow:0 20px 40px rgba(130,161,168,.15); background:#fff; }
.news-img-box{ width:100%; height:220px; overflow:hidden; position:relative; }
.news-img-box img{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.news-card:hover .news-img-box img{ transform:scale(1.08); }
.news-date-badge{ position:absolute; top:15px; right:15px; background:rgba(255,255,255,.95); color:var(--primary-ethraa); padding:5px 15px; border-radius:50px; font-size:12px; font-weight:800; box-shadow:0 5px 15px rgba(0,0,0,.1); }
.news-content{ padding:25px; display:flex; flex-direction:column; flex:1; }
.news-title{ font-size:18px; font-weight:800; color:var(--pp-text-dark); margin-bottom:12px; line-height:1.5; transition:color .3s; }
.news-card:hover .news-title{ color:var(--gold-ethraa); }
.news-excerpt{ font-size:14px; color:var(--pp-text-muted); line-height:1.7; margin-bottom:20px; flex:1; }
.news-read-more{ display:inline-flex; align-items:center; gap:8px; color:var(--primary-ethraa); font-weight:800; font-size:14px; transition:.3s; align-self:flex-start; }
.news-card:hover .news-read-more{ color:var(--gold-ethraa); gap:12px; }
.empty-news{ grid-column:1/-1; text-align:center; padding:50px; background:rgba(255,255,255,.7); border:1px dashed rgba(130,161,168,.4); border-radius:20px; color:var(--pp-text-muted); }
.empty-news i{ font-size:40px; color:var(--gold-ethraa); margin-bottom:15px; }
.featured-story{ max-width:1200px; margin:0 auto 40px; padding:0 20px; position:relative; z-index:2; }
.featured-card{ display:grid; grid-template-columns:1.2fr 1fr; gap:0; background:var(--glass-bg); backdrop-filter:blur(25px); border:1px solid rgba(130,161,168,.2); border-radius:24px; overflow:hidden; box-shadow:0 20px 45px rgba(0,0,0,.07); text-decoration:none; transition:box-shadow .4s ease; }
.featured-card:hover{ box-shadow:0 25px 55px rgba(130,161,168,.18); }
.featured-img-box{ position:relative; min-height:320px; }
.featured-img-box img{ width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.featured-kicker{ position:absolute; top:20px; right:20px; background:var(--gold-ethraa); color:#fff; padding:6px 18px; border-radius:50px; font-size:12px; font-weight:800; }
.featured-body{ padding:40px; display:flex; flex-direction:column; justify-content:center; }
.featured-date{ color:var(--pp-text-muted); font-size:13px; font-weight:700; margin-bottom:12px; }
.featured-title{ font-size:26px; font-weight:900; color:var(--pp-text-dark); margin-bottom:16px; line-height:1.5; transition:color .3s; }
.featured-card:hover .featured-title{ color:var(--gold-ethraa); }
.featured-excerpt{ color:var(--pp-text-muted); font-size:15px; line-height:1.9; margin-bottom:20px; }
.featured-more{ display:inline-flex; align-items:center; gap:8px; color:var(--primary-ethraa); font-weight:800; font-size:15px; align-self:flex-start; }
.featured-card:hover .featured-more{ color:var(--gold-ethraa); }
.section-label{ max-width:1200px; margin:0 auto 24px; padding:0 20px; position:relative; z-index:2; font-size:20px; font-weight:900; color:var(--pp-text-dark); }
@media(max-width:860px){ .featured-card{ grid-template-columns:1fr; } .featured-img-box{ min-height:220px; } }
@media(max-width:768px){ .news-grid{ grid-template-columns:1fr; } }

/* ===== صفحات الحسابات (دخول/تسجيل/استرجاع) ===== */
.auth-wrapper{ position:relative; padding:160px 20px 90px; min-height:90vh; background-color:#f7f9fa; z-index:1; overflow:hidden;  display:flex; justify-content:center; }
.auth-wrapper::before{ content:''; position:absolute; inset:0; background:url('https://images.unsplash.com/photo-1550684848-fac1c5b4e853?auto=format&fit=crop&w=2000&q=80') center/cover fixed; filter:blur(20px); z-index:-2; transform:scale(1.1); }
.auth-wrapper::after{ content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.92) 0%,rgba(233,240,241,.96) 100%); z-index:-1; }
.auth-card{ position:relative; z-index:2; width:100%; max-width:440px; background:rgba(255,255,255,.9); backdrop-filter:blur(20px); border-radius:26px; padding:40px; box-shadow:0 25px 60px rgba(0,0,0,.08); }
.auth-card .logo{ text-align:center; margin-bottom:20px; }
.auth-card .logo img{ width:90px; }
.auth-card h1{ text-align:center; font-size:22px; font-weight:900; color:var(--pp-text-dark); margin-bottom:6px; }
.auth-card .sub{ text-align:center; color:var(--pp-text-muted); font-size:13.5px; margin-bottom:26px; }
.auth-footer-link{ text-align:center; margin-top:22px; font-size:13.5px; color:var(--pp-text-muted); }
.auth-footer-link a{ color:var(--primary-ethraa); font-weight:800; text-decoration:none; }

/* ===== حسابي (تبويبات + محادثة + اجتماعات) ===== */
.avatar-circle{ width:74px; height:74px; border-radius:50%; background:var(--primary-ethraa); color:#fff; display:flex; align-items:center; justify-content:center; font-size:30px; margin:0 auto 16px; box-shadow:0 10px 20px rgba(130,161,168,.3); }
.account-wrap{ max-width:1080px; margin:0 auto; padding:0 20px; position:relative; z-index:2; }
.acc-tabs{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:26px; }
.acc-tab-btn{ background:#fff; border:2px solid transparent; color:var(--pp-text-muted); padding:11px 22px; border-radius:30px;  font-weight:800; font-size:13.5px; cursor:pointer; transition:.25s; box-shadow:0 6px 16px rgba(0,0,0,.05); }
.acc-tab-btn.active{ border-color:var(--gold-ethraa); background:#FBF3DC; color:#7A5B12; }
.acc-tab-btn.admin-tab{ background:var(--pp-text-dark); color:#fff; }
.acc-panel{ display:none; }
.acc-panel.active{ display:block; }
.account-grid{ display:grid; grid-template-columns:1fr 1.2fr; gap:26px; }
@media(max-width:860px){ .account-grid{ grid-template-columns:1fr; } }
.req-item{ padding:14px 0; border-bottom:1px solid var(--glass-border); }
.req-item .rt{ font-weight:800; color:var(--pp-text-dark); font-size:14px; }
.req-item .rd{ font-size:12.5px; color:var(--pp-text-muted); margin-top:3px; }

.chat-shell{ display:flex; flex-direction:column; height:480px; }
.chat-thread-label{ font-size:13px; color:var(--pp-text-muted); margin-bottom:12px; font-weight:700; }
.chat-messages{ flex:1; overflow-y:auto; padding:10px 6px; display:flex; flex-direction:column; gap:10px; }
.chat-bubble-row{ display:flex; }
.chat-bubble-row.mine{ justify-content:flex-end; }
.chat-bubble-row.theirs{ justify-content:flex-start; }
.chat-bubble{ max-width:72%; padding:11px 16px; border-radius:18px; font-size:14px; line-height:1.7; word-break:break-word; }
.chat-bubble-row.mine .chat-bubble{ background:var(--gold-ethraa); color:#fff; border-bottom-left-radius:4px; }
.chat-bubble-row.theirs .chat-bubble{ background:#fff; color:var(--pp-text-dark); border-bottom-right-radius:4px; box-shadow:0 4px 12px rgba(0,0,0,.05); }
.chat-empty{ text-align:center; color:var(--pp-text-muted); font-size:13.5px; margin:auto; }
.chat-input-row{ display:flex; gap:8px; margin-top:14px; align-items:center; }
.chat-input-row input[type=text]{ flex:1; padding:13px 16px; border:2px solid #e2e8f0; border-radius:30px;  font-size:14px; }
.chat-send-btn{ flex:none; width:44px; height:44px; border-radius:50%; border:none; background:var(--gold-ethraa); color:#fff; font-size:16px; cursor:pointer; box-shadow:0 4px 12px rgba(0,0,0,.06); transition:.2s; }
.chat-send-btn:hover{ transform:scale(1.08); }

.meeting-banner{ background:linear-gradient(135deg,var(--primary-ethraa),var(--gold-ethraa)); color:#fff; border-radius:20px; padding:26px; text-align:center; margin-bottom:22px; }
.meeting-banner h3{ font-size:18px; margin:0 0 10px; color:#fff; }
.meeting-banner .btn-join{ display:inline-flex; align-items:center; gap:8px; background:#fff; color:var(--pp-text-dark); padding:12px 26px; border-radius:30px; text-decoration:none; font-weight:800; font-size:14px; margin-top:6px; border:0; cursor:pointer; }
.meeting-frame-wrap iframe{ width:100%; height:480px; border:0; border-radius:18px; box-shadow:0 20px 50px rgba(0,0,0,.15); }
.btn-end-meeting{ display:inline-flex; align-items:center; gap:6px; background:#fef2f2; color:#991b1b; border:none; padding:10px 22px; border-radius:30px; font-weight:800; font-size:13px; cursor:pointer; margin-top:12px; }

/* ===== مقال مفرد (خبر/إعلان) ===== */
.article-hero{ position:relative; height:55vh; min-height:380px; margin-top:0; }
.article-hero img{ width:100%; height:100%; object-fit:cover; }
.article-hero::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(44,62,80,.15) 0%,rgba(44,62,80,.85) 100%); }
.article-hero-content{ position:absolute; bottom:0; right:0; left:0; padding:50px 20px 40px; text-align:center; color:#fff; }
.article-kicker{ display:inline-block; background:var(--gold-ethraa); color:#fff; padding:6px 20px; border-radius:50px; font-size:12.5px; font-weight:800; margin-bottom:16px; }
.article-title{ font-size:clamp(24px,4vw,38px); font-weight:900; max-width:900px; margin:0 auto 14px; line-height:1.5; color:#fff; }
.article-date{ font-size:13.5px; opacity:.85; }
.article-body{ max-width:780px; margin:-40px auto 60px; padding:0 20px; position:relative; z-index:3; }
.article-body-inner{ background:#fff; border-radius:24px; padding:44px; box-shadow:0 20px 50px rgba(0,0,0,.08); font-size:16px; line-height:2.1; color:var(--pp-text-dark); }
.article-body-inner p{ margin-bottom:18px; }
.back-link{ display:inline-flex; align-items:center; gap:8px; color:var(--primary-ethraa); font-weight:800; text-decoration:none; margin-bottom:24px; font-size:14.5px; }
.back-link:hover{ color:var(--gold-ethraa); }
@media(max-width:768px){ .article-body-inner{ padding:28px 22px; } }

/* ===== نتائج البحث ===== */
.search-results-list{ max-width:780px; margin:0 auto; padding:0 20px; position:relative; z-index:2; display:flex; flex-direction:column; gap:18px; }
.search-result-card{ display:flex; gap:18px; background:#fff; border-radius:20px; padding:20px 24px; box-shadow:0 10px 30px rgba(0,0,0,.05); text-decoration:none; border-inline-start:4px solid var(--gold-ethraa); transition:transform .3s ease, box-shadow .3s ease; }
.search-result-card:hover{ transform:translateY(-4px); box-shadow:0 16px 34px rgba(0,0,0,.08); }
.search-result-icon{ flex:none; width:46px; height:46px; border-radius:14px; background:linear-gradient(135deg,var(--primary-ethraa),var(--gold-ethraa)); display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; }
.search-result-body h2{ font-size:17px; font-weight:800; color:var(--pp-text-dark); margin:0 0 6px; }
.search-result-body p{ font-size:14px; line-height:1.85; color:var(--pp-text-muted); margin:0 0 6px; }
.search-result-meta{ font-size:12px; color:var(--gold-ethraa); font-weight:700; }

@media(max-width:768px){
  .ethraa-cards-container{ grid-template-columns:1fr; width:95%; margin:0 auto; }
  .ethraa-actions{ opacity:1; transform:translateZ(40px) translateY(0); pointer-events:auto; }
  .ethraa-prose,.ethraa-intro-card{ padding:24px 20px; }
  .org-row{ gap:12px; }
  .org-node{ padding:12px 16px; font-size:13px; }
  .ethraa-fact-grid{ grid-template-columns:1fr 1fr; }
}