/* Eshraq App v1.9.3 — scale, spacing and brand repair */
#appView{--eshraq-ink:#123e36;--eshraq-green:#0b6b5e;--eshraq-green-2:#17836d;--eshraq-gold:#d99412;--eshraq-cream:#fbf8ef;--eshraq-paper:#fffdfa;--eshraq-line:#d7e4dc;--eshraq-shadow:0 14px 32px rgba(34,70,58,.10);color:var(--eshraq-ink);font-size:16px;font-weight:540}
#appView .content{max-width:1280px;margin:0 auto;padding:28px 34px 78px;background:radial-gradient(circle at 10% 8%,rgba(222,181,73,.11),transparent 22%),radial-gradient(circle at 88% 16%,rgba(37,132,104,.09),transparent 24%),linear-gradient(180deg,#fbfaf5 0%,#f8f5ea 52%,#fbfaf6 100%);min-height:calc(100vh - 70px)}
#appView .page{gap:24px}#appView .card{border:1px solid #d9e6df;background:#fff;box-shadow:var(--eshraq-shadow);border-radius:24px}#appView h1,#appView h2,#appView h3,#appView h4,#appView b,#appView strong{font-weight:900;color:var(--eshraq-ink)}#appView .muted{color:#667a72}
@media(min-width:901px){#appView.app-shell{padding-right:300px;transition:padding-right .22s ease}#appView.app-shell.eshraq-rail-collapsed{padding-right:88px}#appView .bottom-nav{width:300px;padding:18px 16px 26px;gap:7px;background:linear-gradient(180deg,#fffdf8 0%,#fffefa 72%,#f4f7ef 100%);border-left:1px solid #e6e0d2;box-shadow:-10px 0 30px rgba(40,65,54,.06);overflow-y:auto;overflow-x:visible;display:flex!important;flex-direction:column!important}#appView .eshraq-rail-brand{position:relative!important;inset:auto!important;min-height:190px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:18px 16px!important;margin:0 0 12px!important;border-radius:26px!important;background:linear-gradient(155deg,#fffaf0,#f8efd7)!important;border:1px solid rgba(214,168,55,.22)!important;box-shadow:0 12px 28px rgba(75,61,30,.06)!important;color:#123e36!important}#appView .eshraq-rail-brand img{width:118px!important;height:96px!important;object-fit:contain!important;filter:drop-shadow(0 6px 10px rgba(40,70,55,.08))!important;content:normal!important}#appView .eshraq-rail-brand strong{display:grid!important;gap:2px!important;text-align:center!important;line-height:1.3!important;font-size:0!important;white-space:normal!important;max-width:none!important;color:#123e36!important}#appView .eshraq-rail-brand strong::after{display:none!important;content:none!important}#appView .eshraq-rail-brand strong span{display:block!important;font-size:1.34rem!important;font-weight:950!important;color:#123e36!important}#appView .eshraq-rail-brand strong small{display:block!important;font-size:.92rem!important;font-weight:800!important;color:#49665d!important}#appView .eshraq-rail-toggle{position:absolute!important;left:10px!important;top:10px!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:1px solid #ead9a8!important;border-radius:12px!important;background:#fff4d3!important;color:#a76f08!important;font-size:1.15rem!important;cursor:pointer!important}#appView .bottom-nav button{position:relative;min-height:58px;display:flex;align-items:center;justify-content:flex-start;gap:13px;padding:9px 13px;border-radius:15px;border:1px solid transparent;background:transparent;color:#244c43;font-size:1rem;font-weight:850}#appView .bottom-nav button small{font-size:1rem!important;font-weight:900!important;color:inherit!important;line-height:1.25!important}#appView .bottom-nav button span{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:12px!important;font-size:1.12rem!important;font-weight:950!important;box-shadow:none!important}#appView .bottom-nav button[data-page="home"] span{background:#daf0e5;color:#0c715e}#appView .bottom-nav button[data-page="services"] span{background:#ffe9ad;color:#c67c00}#appView .bottom-nav button[data-page="appointments"] span{background:#dff3ed;color:#08755f}#appView .bottom-nav button[data-page="requests"] span{background:#e4edfa;color:#386da4}#appView .bottom-nav button[data-eshraq-web*="team"] span{background:#def1e7;color:#177158}#appView .bottom-nav button[data-eshraq-web*="blog"] span{background:#e7edff;color:#3d63a8}#appView .bottom-nav button[data-eshraq-web*="donate"] span{background:#ffe2e4;color:#cf4451}#appView .bottom-nav button[data-page="more"] span{background:#e9f0e4;color:#54715c}#appView .bottom-nav button.on{background:#eaf5ed;border-color:#cfe4d4;color:#095d4e;box-shadow:inset -4px 0 0 #0f7b65}#appView .bottom-nav button:hover{background:#f3f7f2}#appView .bottom-nav button::after{content:attr(data-tooltip);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:8px 11px;background:#143f36;color:#fff;border-radius:9px;white-space:nowrap;opacity:0;pointer-events:none;z-index:90;font-size:.82rem}#appView.eshraq-rail-collapsed .bottom-nav{width:88px;padding:12px 12px 20px}#appView.eshraq-rail-collapsed .eshraq-rail-brand{min-height:82px!important;padding:8px!important}#appView.eshraq-rail-collapsed .eshraq-rail-brand img{width:58px!important;height:58px!important}#appView.eshraq-rail-collapsed .eshraq-rail-brand strong{display:none!important}#appView.eshraq-rail-collapsed .bottom-nav button{justify-content:center;padding:7px}#appView.eshraq-rail-collapsed .bottom-nav button small{display:none!important}#appView.eshraq-rail-collapsed .bottom-nav button:hover::after,#appView.eshraq-rail-collapsed .bottom-nav button:focus-visible::after{opacity:1}}
#appView .topbar{min-height:70px;padding:10px 24px;background:rgba(255,255,255,.97);border-bottom:1px solid #e6ece8;box-shadow:0 4px 16px rgba(30,65,52,.04)}#appView .topbar .brand b{font-size:1rem!important}#appView .topbar .brand small{font-size:.78rem!important}
#appView #home>.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:0}#appView #home>.quick-grid .quick{min-height:118px;padding:17px 18px;border-radius:20px;border:1px solid #dde8e2;box-shadow:0 8px 20px rgba(39,74,62,.06)}#appView #home>.quick-grid .quick b{font-size:1.02rem!important}#appView #home>.quick-grid .quick small{font-size:.8rem!important}
#appView .eshraq-v190-section{display:grid;gap:16px;margin-top:2px}#appView .eshraq-v190-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}#appView .eshraq-v190-title{display:flex;align-items:center;gap:11px}#appView .eshraq-v190-title-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff0c6;color:#a86f00;font-weight:950;font-size:1.08rem}#appView .eshraq-v190-section h3{font-size:1.42rem;color:#12483d;margin:0;font-weight:950}#appView .eshraq-v190-section-head p{margin:4px 0 0;font-size:.9rem;color:#64766f}#appView .eshraq-v190-link{border:1px solid #c8ded2;background:#eff8f3;color:#0a6957;border-radius:999px;padding:9px 14px;font-size:.92rem;font-weight:900;cursor:pointer}
#appView .eshraq-home-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}#appView .eshraq-home-service{display:flex;flex-direction:column;gap:11px;min-height:208px;padding:22px;border-radius:22px;border:1px solid rgba(60,100,83,.14);box-shadow:0 10px 24px rgba(36,67,56,.07)}#appView .eshraq-home-service:nth-child(1){background:linear-gradient(145deg,#f5fffb,#dff5ec)}#appView .eshraq-home-service:nth-child(2){background:linear-gradient(145deg,#fffdf8,#fff0c7)}#appView .eshraq-home-service:nth-child(3){background:linear-gradient(145deg,#f8fbff,#e2effd)}#appView .eshraq-home-service:nth-child(4){background:linear-gradient(145deg,#fffafa,#fbe7e7)}#appView .eshraq-home-service:nth-child(5){background:linear-gradient(145deg,#fdfaff,#ece2f7)}#appView .eshraq-home-service-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.82);font-size:1.5rem;color:#0d765f;box-shadow:0 7px 16px rgba(50,80,68,.08)}#appView .eshraq-home-service-code{display:none!important}#appView .eshraq-home-service h4{font-size:1.12rem;line-height:1.5;color:#173f37;margin:0;font-weight:950;flex:1}#appView .eshraq-home-service button{align-self:flex-start;border:0;background:transparent;color:#0b6b5e;font-size:.96rem;font-weight:950;padding:0;cursor:pointer}#appView #eshraqHomeServices190 .eshraq-v190-link{display:none!important}
#appView .eshraq-home-knowledge{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:stretch}#appView .eshraq-home-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#appView .eshraq-home-article{overflow:hidden;border-radius:20px;background:#fff;border:1px solid #dbe4df;box-shadow:0 9px 22px rgba(36,67,56,.07)}#appView .eshraq-home-article-media{height:166px;background:linear-gradient(135deg,#dcefe4,#f8e5a5) center/cover no-repeat}#appView .eshraq-home-article-body{padding:15px 16px}#appView .eshraq-home-article-date{font-size:.76rem;color:#7f8c87}#appView .eshraq-home-article h4{margin:6px 0 5px;font-size:1.04rem;line-height:1.55;color:#153f37;font-weight:950}#appView .eshraq-home-article p{font-size:.82rem;line-height:1.62;color:#65766f;margin:0 0 10px}#appView .eshraq-home-article button{border:0;background:transparent;color:#08705c;font-size:.9rem;font-weight:950;padding:0;cursor:pointer}
#appView .eshraq-home-support{border-radius:22px;padding:24px;background:linear-gradient(180deg,#fff4d7,#eef5df);border:1px solid #e5d9b9;display:flex;flex-direction:column;justify-content:center;min-height:100%}#appView .eshraq-home-support h3{font-size:1.28rem;margin:0 0 9px;color:#12483d}#appView .eshraq-home-support p{font-size:.9rem;line-height:1.75;color:#61736b;flex:1}#appView .eshraq-home-support button{border:0;border-radius:12px;background:#0e735f;color:#fff;padding:11px 13px;font-size:.92rem;font-weight:950;cursor:pointer}
#appView .eshraq-home-specialists-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#appView .eshraq-home-specialist{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;padding:16px 17px;background:#fff;border:1px solid #dbe4df;border-radius:18px;box-shadow:0 7px 18px rgba(36,67,56,.06)}#appView .eshraq-home-specialist-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#dff2ea;color:#0b735e;font-size:1.3rem}#appView .eshraq-home-specialist h4{margin:0;font-size:1rem;color:#153f37}#appView .eshraq-home-specialist p{margin:4px 0 0;font-size:.8rem;color:#718078}#appView .eshraq-home-specialist button{border:1px solid #cae0d5;background:#f1f8f4;color:#0b6957;border-radius:10px;padding:8px 10px;font-size:.84rem;font-weight:900;cursor:pointer}
@media(max-width:1180px) and (min-width:901px){#appView .content{padding-inline:24px}#appView .eshraq-home-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#appView .eshraq-home-knowledge{grid-template-columns:1fr}#appView .eshraq-home-support{display:none}}@media(max-width:900px){#appView{font-size:15px}#appView .content{padding:16px 14px 94px}#appView #home>.quick-grid{grid-template-columns:1fr 1fr}#appView .eshraq-home-services-grid{grid-template-columns:1fr 1fr}#appView .eshraq-home-article-grid,#appView .eshraq-home-specialists-grid{grid-template-columns:1fr}#appView .eshraq-home-knowledge{grid-template-columns:1fr}#appView .eshraq-home-support{display:none}#appView .eshraq-v190-section-head{align-items:flex-start;flex-direction:column}}@media(max-width:560px){#appView .eshraq-home-services-grid,#appView #home>.quick-grid{grid-template-columns:1fr}}
#appView #home>.quick-grid.eshraq-approved-quick{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
#appView #home>.quick-grid.eshraq-approved-quick .quick{min-height:118px!important;border-radius:22px!important;background:#fff!important;border:1px solid #edf0ea!important;box-shadow:0 10px 26px rgba(50,72,61,.07)!important;display:grid!important;grid-template-columns:54px 1fr!important;grid-template-rows:auto auto!important;column-gap:14px!important;align-items:center!important;text-align:right!important;padding:18px 20px!important}
#appView #home>.quick-grid.eshraq-approved-quick .quick>span{grid-row:1/3;width:54px!important;height:54px!important;border-radius:16px!important;background:#dff2e8!important;color:#0b755f!important;display:grid!important;place-items:center!important;font-size:1.35rem!important}
#appView #home>.quick-grid.eshraq-approved-quick .quick:nth-child(2)>span{background:#ffe9d8!important;color:#d77a2a!important}
#appView #home>.quick-grid.eshraq-approved-quick .quick:nth-child(3)>span{background:#fff0ca!important;color:#d79b0c!important}
#appView #home>.quick-grid.eshraq-approved-quick .quick:nth-child(4)>span{background:#e6f1ff!important;color:#4d72ad!important}
#appView #home>.quick-grid.eshraq-approved-quick .quick b{font-size:1rem!important;margin:0!important}
#appView #home>.quick-grid.eshraq-approved-quick .quick small{font-size:.78rem!important;color:#6f7b76!important}
@media(max-width:900px){
  #appView #home>.quick-grid.eshraq-approved-quick{grid-template-columns:1fr 1fr!important}
}
@media(max-width:560px){#appView #home>.quick-grid.eshraq-approved-quick{grid-template-columns:1fr!important}}
