/* Eshraq App v1.8.5 — native resource center; no embedded website iframe */
#appView .eshraq-resources{background:linear-gradient(145deg,#fffdf8,#f3faf7);border:1px solid rgba(11,107,94,.16)}
#appView .eshraq-resources-head h3::before{content:'✦';display:inline-grid;place-items:center;width:30px;height:30px;margin-left:8px;border-radius:10px;background:#fff0bf;color:#8a6512;font-size:.9rem;vertical-align:middle}
#appView .eshraq-resource-grid{gap:10px}
#appView .eshraq-resource-link{min-height:64px;border-width:1px;box-shadow:0 7px 18px rgba(23,58,52,.035)}
#appView .eshraq-resource-link:nth-child(6n+1){background:linear-gradient(145deg,#fff,#edf9f4);border-color:#cde7dd}
#appView .eshraq-resource-link:nth-child(6n+2){background:linear-gradient(145deg,#fff,#fff8df);border-color:#eedfa9}
#appView .eshraq-resource-link:nth-child(6n+3){background:linear-gradient(145deg,#fff,#eef7fc);border-color:#d4e8f3}
#appView .eshraq-resource-link:nth-child(6n+4){background:linear-gradient(145deg,#fff,#f6f0fb);border-color:#e5d8ef}
#appView .eshraq-resource-link:nth-child(6n+5){background:linear-gradient(145deg,#fff,#fff1eb);border-color:#efd9cf}
#appView .eshraq-resource-link:nth-child(6n){background:linear-gradient(145deg,#fff,#f1f5ff);border-color:#dbe2f3}
#appView .eshraq-resource-link::after{content:'›';margin-inline-start:auto;font-size:1.25rem;font-weight:900;color:#8b9a94}
#appView .eshraq-resource-link:hover::after{color:#0b6b5e}

#appView .resource-native-shell{display:grid;gap:14px}
#appView .resource-native-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;padding:22px;background:linear-gradient(135deg,#fffdf8,#f2faf7);border:1px solid rgba(11,107,94,.15);border-radius:22px;box-shadow:0 11px 30px rgba(23,58,52,.06)}
#appView .resource-native-hero::after{content:'';position:absolute;width:190px;height:190px;border-radius:50%;border:30px solid rgba(11,107,94,.045);left:-70px;bottom:-105px;pointer-events:none}
#appView .resource-native-mark{position:relative;z-index:1;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;font-size:1.55rem;font-weight:900;background:#dff4ec;color:#08705f;box-shadow:0 8px 22px rgba(11,107,94,.09)}
#appView .resource-native-hero h2{margin:0 0 4px;font-size:clamp(1.35rem,2.6vw,2rem)}
#appView .resource-native-hero p{margin:0;color:#697873;line-height:1.8;max-width:820px}
#appView .resource-native-eyebrow{display:inline-flex;margin-bottom:5px;color:#876719;font-size:.75rem;font-weight:850}
#appView .resource-native-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px}
#appView .resource-native-card{display:grid;gap:12px;padding:18px;border:1px solid #e4ddcf;border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 9px 25px rgba(23,58,52,.045)}
#appView .resource-native-card h3{margin:0;color:#173a34}
#appView .resource-native-card p{margin:0;color:#63736d;line-height:1.85}
#appView .resource-native-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}
#appView .resource-native-points li{display:flex;align-items:flex-start;gap:8px;min-height:58px;padding:10px 11px;border-radius:14px;background:#f7faf9;border:1px solid #e2ece8;color:#36534b;line-height:1.6}
#appView .resource-native-points li::before{content:'✓';display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:8px;background:#dff4ec;color:#08705f;font-weight:900}
#appView .resource-native-actions{display:grid;gap:10px;align-content:start;background:linear-gradient(145deg,#fffaf0,#fff)}
#appView .resource-native-actions .btn{display:flex;justify-content:center;align-items:center;text-decoration:none;min-height:44px}
#appView .resource-native-note{padding:10px 11px;border-radius:13px;background:#fff8e6;border:1px solid #ead898;color:#725818;font-size:.8rem;line-height:1.7}
#appView .resource-native-back{justify-self:start}

#appView #website[data-resource-theme='gold'] .resource-native-mark{background:#fff0bf;color:#8a6512}
#appView #website[data-resource-theme='blue'] .resource-native-mark{background:#e0f0f8;color:#226b91}
#appView #website[data-resource-theme='purple'] .resource-native-mark{background:#eee2f6;color:#6d468a}
#appView #website[data-resource-theme='coral'] .resource-native-mark{background:#ffe8df;color:#9a4b35}
#appView #website[data-resource-theme='rose'] .resource-native-mark{background:#fde7ee;color:#9a4564}

/* Desktop rail extras keep their labels readable while still compact. */
@media(min-width:901px){
  #appView .desktop-nav-extra{display:flex!important}
  #appView .eshraq-rail-collapsed .desktop-nav-extra small{display:none!important}
}

@media(max-width:900px){
  #appView .desktop-nav-extra{display:none!important}
  #appView .resource-native-body{grid-template-columns:1fr}
}
@media(max-width:680px){
  #appView .resource-native-hero{grid-template-columns:1fr;padding:16px}
  #appView .resource-native-mark{width:50px;height:50px;border-radius:15px}
  #appView .resource-native-points{grid-template-columns:1fr}
  #appView .resource-native-card{padding:14px;border-radius:17px}
}