/* Eshraq Administration — visual system V117. Presentation only: no business logic changes. */
:root{
  --eshraq-green:#0b6b5e;
  --eshraq-green-2:#0f7b69;
  --eshraq-gold:#d9a315;
  --eshraq-gold-soft:#f4d77f;
  --eshraq-cream:#fbf7ed;
  --eshraq-paper:#fffdf8;
  --eshraq-ink:#123e39;
  --eshraq-muted:#6f7d79;
  --eshraq-line:#eadfc7;
  --eshraq-shadow:0 14px 34px rgba(28,72,62,.08);
}
html,body{background:linear-gradient(180deg,#fffdf8 0,#f7f1e4 100%)!important;color:var(--eshraq-ink)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 8%,rgba(122,184,144,.12),transparent 24%),radial-gradient(circle at 92% 10%,rgba(231,190,86,.12),transparent 25%)}
#appView.app{background:transparent!important;min-height:100vh}
.main{background:transparent!important;padding:18px 22px 30px!important}
.topbar{background:linear-gradient(135deg,rgba(221,244,235,.94),rgba(239,249,244,.92) 55%,rgba(255,249,232,.88))!important;border:1px solid rgba(222,205,164,.66)!important;border-radius:20px!important;box-shadow:0 8px 26px rgba(46,80,71,.07)!important;backdrop-filter:blur(16px);padding:10px 14px!important;margin-bottom:16px!important}
.topbar h2{font-size:clamp(22px,2vw,31px)!important;color:#174e45!important;font-weight:900!important;letter-spacing:-.02em}
.page-brand-label{color:#8b6715!important;font-weight:850!important}
.topbar .muted{color:#6b7975!important}
.btn,.icon-btn{border-radius:12px!important}
.page{animation:eshraqPageIn .24s ease both}@keyframes eshraqPageIn{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Dashboard hero, visually inspired by the approved Administration mockup. */
#dashboard>.hero.card{position:relative!important;isolation:isolate;overflow:hidden!important;min-height:300px!important;padding:30px 36px!important;border:1px solid rgba(203,186,145,.7)!important;border-radius:26px!important;background-color:#e8f4ed!important;background-image:url('/assets/admin-hero-v117.svg?v=168')!important;background-position:left center!important;background-size:cover!important;background-repeat:no-repeat!important;box-shadow:var(--eshraq-shadow)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;margin-bottom:16px!important}
#dashboard>.hero.card>div:first-child{position:relative;z-index:1}
#dashboard>.hero.card>div:first-child{max-width:540px;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;backdrop-filter:none!important}
.admin-hero-logo-v166{display:block;width:min(230px,52vw);height:auto;max-height:76px;object-fit:contain;object-position:right center;margin:0 0 10px auto;filter:drop-shadow(0 2px 5px rgba(255,255,255,.85))}
#dashboard>.hero.card .eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(255,253,248,.72);color:#0d6b5e;font-weight:900;margin-bottom:8px;box-shadow:0 4px 14px rgba(34,92,75,.05)}
#dashboard>.hero.card h1{font-size:clamp(32px,4vw,50px)!important;line-height:1.14!important;color:#07584c!important;margin:4px 0 8px!important;font-weight:950!important;letter-spacing:-.04em;text-shadow:0 1px 12px rgba(255,255,255,.95)}
#dashboard>.hero.card p{font-size:17px!important;line-height:1.9!important;color:#355b54!important;max-width:510px;text-shadow:0 1px 10px rgba(255,255,255,.95)}

/* KPI cards */
#metrics.metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 16px!important}
#metrics>*{background:linear-gradient(180deg,#fff 0,#fffdf7 100%)!important;border:1px solid var(--eshraq-line)!important;border-radius:20px!important;box-shadow:0 8px 24px rgba(46,80,71,.055)!important;padding:18px!important;min-height:120px!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#metrics>*:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(46,80,71,.09)!important;border-color:#d8c690!important}
#metrics>*:nth-child(1){background:linear-gradient(180deg,#f1fbf7,#fff)!important}
#metrics>*:nth-child(2){background:linear-gradient(180deg,#f2f7ff,#fff)!important}
#metrics>*:nth-child(3){background:linear-gradient(180deg,#fff8e7,#fff)!important}
#metrics>*:nth-child(4){background:linear-gradient(180deg,#faf2ff,#fff)!important}
#metrics b,#metrics strong{color:#0b6b5e!important;font-size:30px!important;font-weight:950!important}

/* Existing cards become a unified app card system. */
#dashboard .grid2{gap:16px!important}
#dashboard .grid2>.card,#modulePage>.card,.module-card,.op-head,.card{border-color:var(--eshraq-line)!important;border-radius:22px!important;box-shadow:0 8px 24px rgba(46,80,71,.055)!important}
#dashboard .grid2>.card{background:rgba(255,253,248,.94)!important;padding:22px!important}
.section-title h3{font-size:20px!important;color:#164c43!important;font-weight:900!important}
.list-row,.setting-row{border-color:#eee4cf!important}
.badge.secure{background:#e5f5ed!important;color:#0b6b5e!important;border:1px solid #cbe8db!important}

/* Sidebar identity and navigation */
.sidebar .brand{padding:18px 10px 14px!important;min-height:104px!important;align-items:center!important;gap:10px!important}
.sidebar .brand b{font-size:18px!important;font-weight:950!important}.sidebar .brand span{color:#d9eee8!important;font-weight:700!important}
.sidebar-account-initial{background:#fff7df!important;color:#0b6b5e!important;border:2px solid rgba(234,194,81,.56)!important;box-shadow:0 6px 14px rgba(0,0,0,.09)!important}
#nav{padding-bottom:20px!important}
#nav button[data-page]{position:relative!important;color:#f7fbf9!important;font-weight:850!important;min-height:48px!important;padding:5px 10px!important;border-radius:15px!important;gap:16px!important}
#nav button[data-page]:hover{background:rgba(255,255,255,.105)!important}
#nav button[data-page].active{background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important;border-color:#e4bb4f!important;box-shadow:inset 3px 0 0 #e8bd52!important}
#nav button[data-page] .admin-nav-icon-v114{background:#fffdf7!important;border-radius:12px!important;width:38px!important;height:38px!important;flex-basis:38px!important}
#nav button[data-page] .admin-nav-icon-v114::before{font-size:22px!important}
.sidebar[data-collapsed="1"] #nav button[data-page]{overflow:visible!important}
.sidebar[data-collapsed="1"] #nav button[data-page]::after{position:absolute;inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%) scale(.96);opacity:0;pointer-events:none;white-space:nowrap;background:#103f39;color:#fff;padding:8px 11px;border-radius:10px;font-size:13px;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.15);transition:opacity .14s ease,transform .14s ease;z-index:30}
.sidebar[data-collapsed="1"] #nav button[data-page]:hover::after,.sidebar[data-collapsed="1"] #nav button[data-page]:focus-visible::after{opacity:1;transform:translateY(-50%) scale(1)}
.sidebar[data-collapsed="1"] #nav button[data-page="dashboard"]::after{content:"الرئيسية"}
.sidebar[data-collapsed="1"] #nav button[data-page="intake"]::after{content:"الطلبات الواردة"}
.sidebar[data-collapsed="1"] #nav button[data-page="beneficiaries"]::after{content:"المستفيدون"}
.sidebar[data-collapsed="1"] #nav button[data-page="cases"]::after{content:"الحالات"}
.sidebar[data-collapsed="1"] #nav button[data-page="sessions"]::after,.sidebar[data-collapsed="1"] #nav button[data-page="sessionsV099"]::after{content:"الجلسات"}
.sidebar[data-collapsed="1"] #nav button[data-page="appointments"]::after{content:"المواعيد"}
.sidebar[data-collapsed="1"] #nav button[data-page="assessments"]::after{content:"التقييمات"}
.sidebar[data-collapsed="1"] #nav button[data-page="referrals"]::after,.sidebar[data-collapsed="1"] #nav button[data-page="referralsV099"]::after{content:"الإحالات"}
.sidebar[data-collapsed="1"] #nav button[data-page="protection"]::after{content:"الحماية"}
.sidebar[data-collapsed="1"] #nav button[data-page="conversations"]::after{content:"المحادثات"}
.sidebar[data-collapsed="1"] #nav button[data-page="activities"]::after,.sidebar[data-collapsed="1"] #nav button[data-page="activitiesV099"]::after{content:"الأنشطة"}
.sidebar[data-collapsed="1"] #nav button[data-page="campaigns"]::after,.sidebar[data-collapsed="1"] #nav button[data-page="campaignsV099"]::after{content:"الحملات"}
.sidebar[data-collapsed="1"] #nav button[data-page="improvements"]::after,.sidebar[data-collapsed="1"] #nav button[data-page="improvementsV099"]::after{content:"التحسينات"}
.sidebar[data-collapsed="1"] #nav button[data-page="finance"]::after,.sidebar[data-collapsed="1"] #nav button[data-page="financeV099"]::after{content:"المالية"}
.sidebar[data-collapsed="1"] #nav button[data-page="team"]::after{content:"الفريق والصلاحيات"}
.sidebar[data-collapsed="1"] #nav button[data-page="centers"]::after{content:"المراكز والفرق"}
.sidebar[data-collapsed="1"] #nav button[data-page="quality"]::after{content:"الجودة"}
.sidebar[data-collapsed="1"] #nav button[data-page="dataQuality"]::after{content:"جودة البيانات"}
.sidebar[data-collapsed="1"] #nav button[data-page="reports"]::after{content:"التقارير"}
.sidebar[data-collapsed="1"] #nav button[data-page="audit"]::after{content:"التدقيق والأمان"}
.sidebar[data-collapsed="1"] #nav button[data-page="avatarGovernanceV099"]::after{content:"حوكمة الصور"}
.sidebar[data-collapsed="1"] #nav button[data-page="settings"]::after{content:"الإعدادات"}

/* Collapse control: one true centered button between two equal lines. */
.admin-sidebar-collapse-row-v114{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)!important;column-gap:10px!important;margin:4px 0 10px!important;min-height:50px!important}
.admin-sidebar-divider-line-v114{height:2px!important;background:linear-gradient(90deg,rgba(232,189,82,.2),#e8bd52,rgba(232,189,82,.2))!important}
.admin-sidebar-toggle-v114{width:46px!important;height:46px!important;min-width:46px!important;background:linear-gradient(180deg,#ffe39b,#f3c95f)!important;border:1px solid #c89419!important;color:#0b6b5e!important;font-size:24px!important;box-shadow:0 5px 16px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.78)!important}
.admin-sidebar-toggle-v114:hover{background:linear-gradient(180deg,#ffe9ac,#f6d16e)!important;transform:scale(1.03)}

/* Module pages: keep data/logic intact, enhance presentation. */
#modulePage{padding-top:2px!important}
#modulePage .op-head,#modulePage>.card:first-child{background:linear-gradient(135deg,#fffdf8 0,#f5faf6 100%)!important;border:1px solid var(--eshraq-line)!important}
#modulePage h2,#modulePage h3{color:#164c43!important;font-weight:950!important}
#modulePage .btn.primary{background:linear-gradient(180deg,#0f7b69,#0b6659)!important;border-color:#07564c!important;box-shadow:0 6px 16px rgba(11,107,94,.15)!important}
#modulePage table{background:#fff!important;border-radius:18px!important;overflow:hidden!important}
#modulePage th{background:#f7f2e7!important;color:#214f48!important;font-weight:900!important}
@media(max-width:700px){.page-brand-label{font-size:11px!important;line-height:1.45!important;letter-spacing:0!important}}

/* Small screens */
@media(max-width:1150px){#metrics.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}#dashboard>.hero.card{min-height:260px!important}}
@media(max-width:760px){.main{padding:10px!important}.topbar{border-radius:16px!important}#dashboard>.hero.card{padding:18px!important;min-height:245px!important;background-position:center!important}#dashboard>.hero.card>div:first-child{max-width:78%;padding:0!important;background:transparent!important}.admin-hero-logo-v166{width:min(190px,54vw);max-height:62px}#dashboard>.hero.card h1{font-size:31px!important}#metrics.metrics{grid-template-columns:1fr!important}}