/* ============================================
   جمعية التنمية الأهلية — هوية الصفحات الداخلية
   مطبَّقة حصريًا على #tn-interior-content — لا تؤثر على الهيدر/الفوتر أو الرئيسية
   ============================================ */
#tn-interior-content{
  background-color:var(--tn-cream);
  padding-top:108px;
  line-height:1.7;
}
@media (max-width:980px){ #tn-interior-content{ padding-top:76px; } }

/* ===== صندوق محتوى موحَّد ===== */
#tn-interior-content .tn-content-box,
#tn-interior-content .tn-doc-viewer,
#tn-interior-content .tn-table-wrap{
  background-color:#fff;
}

/* ===== هيرو الصفحة الداخلية — بصمة إثراء الهندسية الذهبية الأصلية خلف العنوان ===== */
#tn-interior-content .tn-page-hero{
  background:var(--tn-cream);
  padding:60px 5% 40px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
#tn-interior-content .tn-page-hero::before{
  content:'';
  position:absolute;
  inset:-50px -25% auto -25%;
  height:280px;
  z-index:0;
  pointer-events:none;
  opacity:.1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23C79A3C' stroke-width='1'%3E%3Cpolygon points='50,8 92,50 50,92 8,50'/%3E%3Cpolygon points='26,26 74,26 74,74 26,74'/%3E%3C/g%3E%3C/svg%3E");
  background-size:90px 90px;
  background-repeat:repeat;
}
#tn-interior-content .tn-page-hero > *{ position:relative; z-index:1; }
#tn-interior-content .tn-page-hero h1{
  color:var(--tn-primary-dark);
  font-size:clamp(2rem,4.2vw,3rem);
}
#tn-interior-content .tn-page-hero h1::after{
  content:'';
  display:block;
  width:110px; height:4px;
  margin:16px auto 0;
  background:linear-gradient(90deg,transparent,var(--tn-gold),transparent);
}
#tn-interior-content .tn-page-hero p{
  color:var(--tn-text-muted);
  max-width:640px;
  margin:16px auto 0;
  font-size:16px;
}

.tn-section{ padding:56px 0; }
.tn-section-head{ text-align:center; margin-bottom:34px; }
.tn-eyebrow{ color:var(--tn-gold); font-weight:800; letter-spacing:.03em; }
.tn-section-head h2{ color:var(--tn-primary-dark); margin-top:8px; }
.tn-section-head h2 span{ color:var(--tn-gold); }

/* ===== أزرار ===== */
#tn-interior-content .tn-btn-outline{ border:1.5px solid var(--tn-primary); color:var(--tn-primary-dark); background:#fff; }
#tn-interior-content .tn-btn-outline:hover{ background:var(--tn-primary); color:#fff; }
#tn-interior-content .tn-btn-gold{ background:var(--tn-gold-light); border:1px solid var(--tn-gold); color:var(--tn-primary-dark); }
#tn-interior-content .tn-btn-gold:hover{ background:var(--tn-gold); color:#fff; }

/* ===== صناديق المحتوى العامة ===== */
#tn-interior-content .tn-content-box{
  border:1px solid var(--tn-line);
  border-radius:18px;
  padding:30px;
  font-size:15px;
  line-height:2;
  color:var(--tn-text-dark);
}

/* ===== بطاقات البرامج/التقارير/الأخبار ===== */
#tn-interior-content .tn-card{
  background:#fff;
  border:1px solid var(--tn-line);
  border-radius:16px;
  overflow:hidden;
  transition:.25s;
}
#tn-interior-content .tn-card:hover{ box-shadow:0 16px 34px rgba(15,123,108,.12); transform:translateY(-3px); border-color:var(--tn-primary); }
#tn-interior-content .tn-card-body{ padding:18px; }
#tn-interior-content .tn-card-body h3{ color:var(--tn-primary-dark); font-size:1.05rem; margin-bottom:8px; }
#tn-interior-content .tn-card-body p{ color:var(--tn-text-muted); font-size:14px; line-height:1.8; }
#tn-interior-content .tn-card-img{ aspect-ratio:16/10; overflow:hidden; }
#tn-interior-content .tn-card-img img{ width:100%; height:100%; object-fit:cover; }
#tn-interior-content .tn-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:22px; }

/* ===== عارض الوثائق (PDF/صورة) ===== */
#tn-interior-content .tn-doc-viewer{ border:3px double var(--tn-gold); border-radius:20px; box-shadow:0 18px 44px rgba(201,162,39,.1); padding:14px; margin-bottom:20px; }
#tn-interior-content .tn-doc-viewer iframe{ width:100%; height:75vh; min-height:520px; border:0; display:block; border-radius:10px; background:#fff; }
#tn-interior-content .tn-doc-viewer img{ width:100%; display:block; border-radius:10px; }
#tn-interior-content .tn-doc-actions{ display:flex; gap:12px; justify-content:center; }
#tn-interior-content .tn-doc-actions a{ display:inline-flex; align-items:center; gap:8px; padding:10px 20px; border-radius:10px; font-weight:700; }
#tn-interior-content .tn-doc-view{ background:#fff; border:1px solid var(--tn-primary); color:var(--tn-primary); }
#tn-interior-content .tn-doc-dl{ background:var(--tn-gold-light); border:1px solid var(--tn-gold); color:var(--tn-primary-dark); }

/* ===== نماذج ===== */
#tn-interior-content .tn-form-field{ margin-bottom:16px; }
#tn-interior-content .tn-form-field label{ display:block; font-weight:700; margin-bottom:6px; color:var(--tn-text-dark); font-size:14px; }
#tn-interior-content .tn-form-field input,
#tn-interior-content .tn-form-field select,
#tn-interior-content .tn-form-field textarea{
  width:100%; padding:12px 14px; border:1px solid var(--tn-line); border-radius:10px; font-family:inherit; font-size:14px; background:#fff;
}
#tn-interior-content .tn-form-field input:focus,
#tn-interior-content .tn-form-field select:focus,
#tn-interior-content .tn-form-field textarea:focus{ outline:none; border-color:var(--tn-primary); }
#tn-interior-content .tn-form-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:640px){ #tn-interior-content .tn-form-row{ grid-template-columns:1fr; } }
#tn-interior-content .tn-submit-btn{ background:var(--tn-primary); color:#fff; border:0; padding:13px 30px; border-radius:10px; font-weight:700; font-family:'Reem Kufi',sans-serif; cursor:pointer; display:inline-flex; align-items:center; gap:8px; }
#tn-interior-content .tn-submit-btn:hover{ background:var(--tn-primary-dark); }
#tn-interior-content .tn-alert{ padding:14px 18px; border-radius:10px; margin-bottom:20px; font-size:14px; }
#tn-interior-content .tn-alert-ok{ background:#E7F6F2; color:var(--tn-primary-dark); border:1px solid var(--tn-primary); }
#tn-interior-content .tn-alert-err{ background:#FDECEC; color:#B42318; border:1px solid #F4A19A; }

/* ===== الدفع (Moyasar) ===== */
#tn-interior-content .tn-checkout-summary{ display:flex; align-items:center; gap:16px; background:linear-gradient(135deg,var(--tn-primary-dark),var(--tn-primary)); color:#fff; border-radius:18px; padding:22px; margin-bottom:20px; }
#tn-interior-content .tn-checkout-summary-icon{ width:52px; height:52px; border-radius:14px; background:rgba(255,255,255,.15); color:var(--tn-gold); display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
#tn-interior-content .tn-checkout-summary-info{ flex:1; }
#tn-interior-content .tn-checkout-summary-label{ font-size:13px; opacity:.85; }
#tn-interior-content .tn-checkout-summary-title{ font-weight:700; }
#tn-interior-content .tn-checkout-summary-amount{ font-family:'Reem Kufi',sans-serif; font-weight:800; font-size:1.4rem; color:var(--tn-gold); white-space:nowrap; }
#tn-interior-content .tn-checkout-card{ background:#fff; border:2px solid var(--tn-gold-light); border-radius:18px; padding:24px; }
#tn-interior-content .tn-checkout-form{ display:flex; flex-direction:column; gap:12px; }
#tn-interior-content .tn-checkout-field{ display:flex; align-items:center; gap:10px; border:1px solid var(--tn-gold-light); border-radius:10px; padding:0 14px; }
#tn-interior-content .tn-checkout-field:focus-within{ border-color:var(--tn-gold); }
#tn-interior-content .tn-checkout-field input{ border:0; padding:12px 0; flex:1; font-family:inherit; font-size:14px; background:transparent; }
#tn-interior-content .tn-checkout-field input:focus{ outline:none; }
#tn-interior-content .tn-checkout-trust{ display:flex; justify-content:center; gap:18px; margin-top:16px; font-size:12px; color:var(--tn-text-muted); flex-wrap:wrap; }

/* ===== حسابي (تبويبات + محادثة) ===== */
#tn-interior-content .tn-account-tabs{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:24px; border-bottom:1px solid var(--tn-line); padding-bottom:2px; }
#tn-interior-content .tn-tab-btn{ background:none; border:0; padding:10px 16px; font-weight:700; color:var(--tn-text-muted); cursor:pointer; border-bottom:3px solid transparent; display:flex; align-items:center; gap:8px; font-family:'Reem Kufi',sans-serif; font-size:14px; }
#tn-interior-content .tn-tab-btn.tn-tab-active{ color:var(--tn-primary-dark); border-bottom-color:var(--tn-primary); }
#tn-interior-content .tn-tab-panel{ display:none; }
#tn-interior-content .tn-tab-panel.tn-tab-active{ display:block; }
#tn-interior-content .tn-chat-box{ border:1px solid var(--tn-line); border-radius:16px; overflow:hidden; background:#fff; }
#tn-interior-content .tn-chat-messages{ height:420px; overflow-y:auto; padding:18px; display:flex; flex-direction:column; gap:10px; }
#tn-interior-content .tn-chat-msg{ max-width:70%; padding:10px 14px; border-radius:14px; font-size:14px; line-height:1.6; }
#tn-interior-content .tn-chat-me{ align-self:flex-end; background:var(--tn-primary); color:#fff; border-bottom-left-radius:4px; }
#tn-interior-content .tn-chat-them{ align-self:flex-start; background:var(--tn-cream); color:var(--tn-text-dark); border-bottom-right-radius:4px; }
#tn-interior-content .tn-chat-form{ display:flex; border-top:1px solid var(--tn-line); }
#tn-interior-content .tn-chat-form input{ flex:1; border:0; padding:14px; font-family:inherit; font-size:14px; }
#tn-interior-content .tn-chat-form input:focus{ outline:none; }
#tn-interior-content .tn-chat-form button{ background:var(--tn-primary); color:#fff; border:0; padding:0 22px; cursor:pointer; }

/* ===== جداول ===== */
#tn-interior-content .tn-table-wrap{ border:1px solid var(--tn-line); border-radius:16px; overflow:hidden; }
#tn-interior-content .tn-table{ width:100%; border-collapse:collapse; }
#tn-interior-content .tn-table th{ background:var(--tn-primary-dark); color:#fff; padding:12px 14px; text-align:right; font-size:13px; }
#tn-interior-content .tn-table td{ padding:12px 14px; font-size:14px; border-top:1px solid var(--tn-line); }
#tn-interior-content .tn-table tbody tr:hover{ background:var(--tn-cream); }