:root{
  --bg:#eef6fb;
  --surface:#ffffff;
  --surface-2:#f7fbff;
  --text:#123a69;
  --muted:#7891ab;
  --line:#d9e7f3;
  --primary:#1598d5;
  --primary-2:#48cae8;
  --accent:#43c49b;
  --shadow:0 12px 30px rgba(21,79,126,.08);
  --shadow-strong:0 18px 38px rgba(21,79,126,.12);
  --radius:22px;
}
:root[data-theme='dark']{
  --bg:#09182b;--surface:#0f243d;--surface-2:#132b48;--text:#eef8ff;--muted:#a5bed6;--line:#244561;--primary:#38b4ef;--primary-2:#7de2f6;--accent:#61d5ad;--shadow:0 14px 34px rgba(0,0,0,.28);--shadow-strong:0 20px 42px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg),#fff 36%));color:var(--text);direction:rtl;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.app{min-height:100vh}.main{padding:0 0 34px}.content,.donate-shell{width:min(1500px,calc(100% - 32px));margin:0 auto}.donate-shell{width:min(1240px,calc(100% - 24px))}.muted{color:var(--muted)}
/* HEADER */
.global-header{position:relative;min-height:148px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:18px max(24px,calc((100% - 1500px)/2));overflow:visible;background-size:cover;background-position:center;border-bottom:1px solid rgba(255,255,255,.32);box-shadow:0 10px 26px rgba(21,79,126,.09);isolation:isolate}
.global-header::before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}
.global-header::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,78,127,.68),rgba(20,153,211,.40) 48%,rgba(255,255,255,.24))}
.page-dashboard .global-header::before{background-image:url('hero/dashboard.jpg')}.page-donate .global-header::before{background-image:url('hero/donate.jpg')}.page-admin .global-header::before{background-image:url('hero/admin.jpg')}
.header-brand{display:flex;align-items:center;gap:14px;justify-self:start}.header-logo-wrap{background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.7);border-radius:18px;padding:8px;box-shadow:0 10px 22px rgba(0,0,0,.10)}.header-municipality-logo{width:68px;height:68px;object-fit:contain}.header-brand-copy{display:flex;flex-direction:column;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.16)}.header-brand-copy b{font-size:26px}.header-brand-copy span{font-size:13px;color:rgba(255,255,255,.92)}
.header-page-title{text-align:center;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.18)}.header-page-title b{display:block;font-size:34px;line-height:1.15}.header-page-title span{display:block;margin-top:6px;font-size:15px;color:rgba(255,255,255,.95)}
.header-actions{display:flex;gap:10px;justify-self:end}.icon-btn,.menu-toggle{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.90);color:var(--text);border-radius:16px;padding:11px 15px;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.10);backdrop-filter:blur(6px)}.menu-toggle{display:inline-flex;align-items:center;gap:8px;font-weight:800}.menu-toggle-icon{font-size:18px}
.top-dropdown-menu{position:absolute;top:82px;left:max(24px,calc((100% - 1500px)/2));min-width:240px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow-strong);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s ease;z-index:40}.menu-open .top-dropdown-menu{opacity:1;visibility:visible;transform:none}.top-menu-link{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;color:#173f6d}.top-menu-link:hover{background:#f2f9ff}.top-menu-link.active{background:linear-gradient(135deg,#189ddd,#53d0eb);color:#fff}.menu-note{padding:10px 12px 2px;color:#7891ab;font-size:13px}
/* FILTERS */
.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.dashboard-filters{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:var(--shadow)}.select,.input,textarea.input{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:15px;padding:12px 14px;outline:none}.dashboard-filters .select{min-width:230px;height:46px}.btn{border:0;border-radius:15px;padding:12px 17px;cursor:pointer;font-weight:800;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 10px 20px rgba(21,152,213,.20)}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.btn-soft{background:color-mix(in srgb,var(--primary),#fff 88%);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary),#fff 72%)}
/* CARDS */
.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.card{position:relative;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface),#f9fcff 70%));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:18px;overflow:hidden}.card::before{content:"";position:absolute;left:-38px;bottom:-46px;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle,rgba(87,208,238,.20),rgba(87,208,238,0) 70%);pointer-events:none}.kpi{min-height:155px}.kpi-icon{position:absolute;left:16px;bottom:16px;width:74px;height:74px;border-radius:22px;background:linear-gradient(180deg,#fbfeff,#eef9ff);border:1px solid #d8eaf6;display:grid;place-items:center;box-shadow:0 10px 20px rgba(31,131,192,.11)}.kpi-icon img{width:56px;height:56px;filter:drop-shadow(0 6px 10px rgba(20,91,143,.18))}.kpi .label{font-size:14px;color:var(--muted);font-weight:700}.kpi .value{font-size:31px;font-weight:900;line-height:1.15;margin-top:14px;max-width:72%}.kpi .delta{margin-top:6px;font-size:13px;color:var(--muted);max-width:72%}
.grid-2{display:grid;grid-template-columns:1.45fr .8fr;gap:14px;margin-top:14px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title h3{margin:0;font-size:20px;font-weight:900}.chart-wrap{position:relative;height:300px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--surface-2),var(--surface));padding:10px}.chart-wrap canvas{width:100%;height:100%;display:block}.chart-tooltip{position:absolute;background:rgba(8,42,72,.94);color:#fff;border-radius:12px;padding:9px 11px;display:grid;gap:3px;font-size:12px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.progress-list{display:grid;gap:10px}.progress-row{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:15px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px;text-align:right;color:var(--text);cursor:pointer}.progress-row.active{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 84%);border-color:var(--primary)}.progress-meta{font-size:12px}.progress-track{grid-column:1/-1;height:8px;border-radius:999px;background:#deedf6;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-2))}
/* donut */
.payment-reference-layout{display:grid;grid-template-columns:190px 1fr;gap:16px;align-items:center}.donut-wrap{display:flex;justify-content:center}.donut{width:168px;height:168px;border-radius:50%;position:relative;background:conic-gradient(#17b9d7 0 25%,#2f8cf4 25% 50%,#2e54d4 50% 75%,#7041d8 75% 100%);box-shadow:0 12px 26px rgba(20,100,160,.10)}.donut::after{content:"";position:absolute;inset:26px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.donut-center{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.donut-center strong{font-size:28px}.donut-center small{font-size:12px;color:var(--muted)}.payment-legend{display:grid;gap:8px}.payment-legend-row{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);background:var(--surface-2);border-radius:13px;padding:10px 11px;color:var(--text);cursor:pointer}.payment-legend-row i{width:12px;height:12px;border-radius:50%}.payment-legend-row.active{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 84%)}
.map-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.map-summary>div{background:var(--surface-2);border:1px solid var(--line);border-radius:15px;padding:14px;text-align:center}.map-summary b{display:block;font-size:24px}.map-summary span{font-size:12px;color:var(--muted)}.status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent),#fff 78%);color:#1e7d5c;font-size:12px;font-weight:800}.status.off{background:#eef2f6;color:#708090}.donations-card{margin-top:14px}.table-wrap{overflow:auto}.donations-scroll{max-height:360px;border:1px solid var(--line);border-radius:18px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 10px;border-bottom:1px solid var(--line);white-space:nowrap;text-align:right;font-size:13px}.table thead th{position:sticky;top:0;background:var(--surface-2);z-index:2;color:var(--muted)}.table tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface-2),transparent 25%)}
/* MAP */
.sq-map-card{margin-top:14px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.sq-map-head,.sq-map-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--surface-2)}.sq-map-head{border-bottom:1px solid var(--line)}.sq-map-footer{border-top:1px solid var(--line);background:var(--surface);font-size:13px}.sq-map-head h3{margin:0;font-size:20px}.sq-map-subtitle{font-size:12px}.sq-map-modes{display:flex;gap:8px;flex-wrap:wrap}.sq-map-mode,.sq-map-fullscreen{border:1px solid var(--line);background:#fff;color:#173f6d;border-radius:12px;padding:9px 12px;cursor:pointer}.sq-map-mode.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border-color:transparent}.sq-map-canvas{height:360px;position:relative;background:#d8edf8}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-start:5px}.active-dot{background:#20b978}.inactive-dot{background:#a7b6c4}
.sq-map-stage,.sq-map-tiles,.sq-map-points{position:absolute;inset:0}.sq-map-stage{overflow:hidden;touch-action:none;user-select:none}.sq-map-tile{position:absolute;width:256px;height:256px}.sq-map-controls{position:absolute;left:12px;top:12px;display:grid;gap:7px;z-index:3}.sq-map-controls button{width:40px;height:40px;border-radius:11px;border:1px solid #d8e4ef;background:rgba(255,255,255,.96);color:#173f6d;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.08)}.sq-map-credit{position:absolute;right:10px;bottom:10px;z-index:3;display:flex;gap:5px;align-items:center;background:rgba(255,255,255,.92);padding:7px 10px;border-radius:999px;font-size:11px}.sq-map-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(238,248,255,.82);color:#173f6d}.sq-map-loading.is-hidden{display:none}.sq-map-alert{position:absolute;z-index:4;top:12px;right:60px;left:60px;padding:10px 12px;border-radius:12px;background:#fff7e6;color:#7a5311;border:1px solid #eed19c}.sq-map-marker{position:absolute;transform:translate(-50%,-100%);width:28px;height:38px;border:0;background:transparent;cursor:pointer;z-index:3}.sq-map-marker span{display:block;width:28px;height:38px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#1ba7e0;box-shadow:0 7px 14px rgba(0,0,0,.18)}.sq-map-marker span::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:white;left:9px;top:9px}.sq-map-marker.is-off span{background:#9eafbc}.sq-map-popup{position:absolute;z-index:5;transform:translate(-50%,-100%);min-width:210px;background:white;color:#173f6d;border:1px solid #d8e4ef;border-radius:14px;padding:12px;box-shadow:0 14px 30px rgba(0,0,0,.14);display:grid;gap:4px}.sq-popup-close{position:absolute;left:7px;top:7px;width:28px;height:28px;border:0;border-radius:9px;background:#f1f7fb;cursor:pointer}.sq-map-card.is-fullscreen{position:fixed;inset:16px;z-index:80;background:var(--surface)}.sq-map-card.is-fullscreen .sq-map-canvas{height:calc(100vh - 128px)}.sq-map-open{overflow:hidden}
/* DONOR */
.donate-body{padding:0}.donate-body .global-header{margin:0 calc(50% - 50vw);width:100vw;padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:max(24px,calc((100vw - 1240px)/2))}.hero{margin:16px 0}.hero-copy{padding:20px;min-height:170px}.hero-3d-visual{position:absolute;left:20px;bottom:14px;width:140px;height:140px;display:grid;place-items:center}.hero-3d-visual img{width:120px;height:120px}.badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--primary),#fff 86%);color:var(--primary);font-size:12px;font-weight:800}.hero-copy h1{font-size:30px;margin:12px 0 8px}.hero-copy p{max-width:75%;color:var(--muted)}.water-purpose{display:flex;gap:8px;align-items:center;color:var(--primary);font-weight:800}.water-purpose i{width:5px;height:5px;border-radius:50%;background:var(--primary)}.donation-flow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.donation-options,.summary{padding:18px}.field{display:grid;gap:8px}.field label{font-weight:800}.option-gap{margin-top:16px}.field small{color:var(--muted)}.qty-stepper{display:grid;grid-template-columns:58px 1fr;gap:10px;direction:ltr;align-items:stretch}.qty-combo{display:grid;grid-template-rows:1fr 1fr;border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;min-height:64px}.qty-combo-btn{border:0;background:#fff;color:#173f6d;font-size:21px;font-weight:800;cursor:pointer;line-height:1}.qty-combo-btn+ .qty-combo-btn{border-top:1px solid var(--line)}.qty-combo-btn:hover{background:#f1f8fd}.qty-combo-btn:active{background:#e4f3fb}.qty-input{text-align:center;direction:ltr}.summary-details{display:grid;gap:8px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}.summary-total-box{display:flex;justify-content:space-between;align-items:center;margin:14px 0;padding:16px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.summary-total-box .total{font-size:28px}.payment-section{margin-top:16px}.payment-title{display:flex;align-items:center;gap:8px}.step-pill{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff}.payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.payment{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;cursor:pointer}.payment input{accent-color:var(--primary)}.donate-submit{width:100%;margin-top:14px}.design-note{font-size:12px;margin-top:8px}.success{display:none;text-align:center}.success.show{display:block}.tick{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:34px}.footer{text-align:center;color:var(--muted);font-size:12px;padding:18px}
/* ADMIN */
.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.page-head h2{margin:0}.admin-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.tab-3d-icon{width:24px;height:24px}.panel{display:none}.panel.active{display:block}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.full{grid-column:1/-1}.product-admin-row{display:grid;grid-template-columns:110px 2fr 1fr .8fr auto auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.danger-btn{color:#b34848}.modal{position:fixed;inset:0;background:rgba(7,29,50,.45);display:none;align-items:center;justify-content:center;padding:20px;z-index:80}.modal.open{display:flex}.modal-box{width:min(760px,100%);background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow-strong)}.modal-head{display:flex;align-items:center;justify-content:space-between}.close{border:0;background:var(--surface-2);color:var(--text);width:40px;height:40px;border-radius:12px;font-size:22px;cursor:pointer}
/* MOTION - always visible */
.motion-ready,.motion-in{opacity:1!important;transform:none!important}.motion-tilt{transition:transform .18s ease,box-shadow .18s ease}.ui-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.35);transform:scale(0);animation:ripple .68s ease-out;pointer-events:none}.btn,.menu-toggle,.icon-btn{position:relative;overflow:hidden}@keyframes ripple{to{transform:scale(3);opacity:0}}
@media(max-width:1250px){.cards{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}.payment-reference-layout{grid-template-columns:170px 1fr}.admin-tabs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.global-header{grid-template-columns:1fr auto;min-height:130px}.header-page-title{grid-column:1/-1;grid-row:2}.header-page-title b{font-size:26px}.content{width:min(100% - 20px,1500px)}.cards{grid-template-columns:repeat(2,1fr)}.donation-flow{grid-template-columns:1fr}.hero-copy p{max-width:100%;padding-left:120px}.grid-3,.form-grid{grid-template-columns:1fr}.product-admin-row{grid-template-columns:1fr}.admin-tabs{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.global-header{padding:12px;min-height:auto}.header-brand-copy b{font-size:21px}.header-brand-copy span{font-size:11px}.header-municipality-logo{width:52px;height:52px}.header-actions{gap:6px}.icon-btn,.menu-toggle{padding:9px 11px}.header-page-title b{font-size:22px}.header-page-title span{font-size:12px}.cards{grid-template-columns:1fr}.kpi{min-height:130px}.kpi .value{font-size:28px}.kpi-icon{width:64px;height:64px}.kpi-icon img{width:48px;height:48px}.payment-reference-layout{grid-template-columns:1fr}.donut{width:150px;height:150px}.map-summary{grid-template-columns:1fr}.sq-map-canvas{height:290px}.payment-grid{grid-template-columns:1fr}.hero-3d-visual{width:96px;height:96px}.hero-3d-visual img{width:88px;height:88px}.hero-copy p{padding-left:86px}.admin-tabs{grid-template-columns:1fr}}

/* ===== V4.2 latest approved dashboard updates ===== */
.page-dashboard .global-header.dashboard-clean-header{
  display:block;
  min-height:auto;
  padding:0;
  background:none;
  box-shadow:none;
  border:0;
  overflow:visible;
  isolation:auto;
}
.page-dashboard .global-header.dashboard-clean-header::before,
.page-dashboard .global-header.dashboard-clean-header::after{display:none!important}
.dashboard-hero-image{
  height:180px;
  background-image:url('hero/dashboard.jpg');
  background-size:cover;
  background-position:center;
  border-radius:0 0 22px 22px;
  box-shadow:0 10px 26px rgba(21,79,126,.10);
}
.header-tools-row{
  width:min(1500px,calc(100% - 32px));
  height:66px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  background:rgba(255,255,255,.98);
  border:1px solid var(--line);
  border-top:0;
  border-radius:0 0 20px 20px;
  box-shadow:0 10px 26px rgba(21,79,126,.06);
  padding:10px 14px;
}
.page-dashboard .header-actions{
  justify-self:auto;
  margin-inline-start:auto;
  display:flex;
  flex-direction:row;
  gap:10px;
}
.page-dashboard .menu-toggle,
.page-dashboard .icon-btn{
  background:linear-gradient(180deg,#ffffff,#f4faff);
  color:#153d69;
  border:1px solid #d5e6f3;
  box-shadow:0 8px 18px rgba(21,79,126,.08);
  min-height:44px;
}
.page-dashboard .theme-toggle{display:flex;gap:8px;align-items:center;padding-inline:13px}
.page-dashboard .sun-icon{font-size:17px}.page-dashboard .moon-icon{font-size:20px;color:#0e5f93}
.page-dashboard .top-dropdown-menu{
  top:230px;
  right:max(16px,calc((100% - 1500px)/2));
  left:auto;
  z-index:60;
}
.dashboard-content-latest{padding-top:14px}
.page-dashboard .dashboard-filters{
  margin-bottom:16px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--surface);
  box-shadow:0 10px 24px rgba(21,79,126,.06);
}
.reference-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.reference-kpi-card{
  min-height:176px;
  padding:18px 18px 16px;
  display:grid;
  grid-template-columns:1fr 112px;
  gap:12px;
  align-items:center;
  background:linear-gradient(180deg,#ffffff 0%,#f5fbff 100%);
  border:1px solid #d9e9f5;
  border-radius:20px;
  box-shadow:0 12px 28px rgba(26,103,156,.08);
  position:relative;
  overflow:hidden;
}
.reference-kpi-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:44px;
  background:linear-gradient(180deg,rgba(198,239,251,0),rgba(198,239,251,.34));
  pointer-events:none;
}
.reference-kpi-copy{position:relative;z-index:2;text-align:right}
.reference-kpi-title{font-weight:900;font-size:17px;color:#153d69}
.reference-kpi-value{font-size:34px;line-height:1.05;font-weight:900;color:#123a69;margin-top:7px;letter-spacing:-.4px}
.reference-kpi-unit{font-weight:700;color:#315a84;margin-top:3px}
.reference-kpi-foot{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}
.trend-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:#d9f8df;color:#159248;font-weight:900;font-size:13px}
.reference-kpi-meta{font-size:11px;color:#7891ab}
.reference-kpi-art{
  width:108px;height:108px;border-radius:24px;
  display:grid;place-items:center;
  background:linear-gradient(180deg,#f8fdff,#e7f8fd);
  border:1px solid #d7edf7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 22px rgba(24,149,201,.10);
  position:relative;z-index:2;
}
.reference-kpi-art img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 9px 12px rgba(27,127,183,.18))}
.reference-sparkline{position:absolute;left:16px;bottom:13px;width:105px;height:34px;z-index:3;overflow:visible}
.reference-sparkline path{fill:none;stroke:#1598e5;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.compact-metrics-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.compact-metric-card{min-height:112px;display:flex;align-items:center;gap:16px;padding:16px 18px}
.compact-metric-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(180deg,#f9fdff,#eaf8fd);border:1px solid #d7ebf6;display:grid;place-items:center}
.compact-metric-icon img{width:55px;height:55px;object-fit:contain}
.compact-metric-card .value{font-size:30px}
.dashboard-reference-grid{gap:16px;margin-top:16px}
.reference-panel-card{border-radius:20px!important;box-shadow:0 12px 28px rgba(26,103,156,.07)!important}
.reference-panel-card .chart-wrap{border-radius:16px;background:linear-gradient(180deg,#ffffff,#f6fcff)}
@media(max-width:1200px){.reference-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .dashboard-hero-image{height:135px;background-position:center}
  .header-tools-row{width:min(100% - 20px,1500px);height:60px;border-radius:0 0 16px 16px}
  .page-dashboard .top-dropdown-menu{top:185px;right:10px;left:10px}
  .reference-kpi-grid,.compact-metrics-row{grid-template-columns:1fr}
  .reference-kpi-card{grid-template-columns:1fr 92px;min-height:155px}
  .reference-kpi-art{width:88px;height:88px}.reference-kpi-art img{width:68px;height:68px}
  .reference-kpi-value{font-size:29px}
}

/* ===== V4.3 FINAL REFERENCE-ALIGNED DASHBOARD ===== */
.page-dashboard{background:#eef6fb;color:#123a69}
.page-dashboard .dashboard-reference-header{display:block!important;min-height:auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.page-dashboard .dashboard-reference-header::before,.page-dashboard .dashboard-reference-header::after{display:none!important}
.page-dashboard .dashboard-hero-image{height:174px;background:url('hero/dashboard.jpg') center/cover no-repeat;border-radius:0 0 24px 24px;box-shadow:0 12px 28px rgba(22,82,132,.10)}
.dashboard-toolbar-shell{width:min(1500px,calc(100% - 32px));height:54px;margin:0 auto;background:#fff;border:1px solid #d9e7f3;border-top:0;border-radius:0 0 18px 18px;display:flex;align-items:center;justify-content:flex-end;padding:7px 12px;box-shadow:0 8px 22px rgba(22,82,132,.05)}
.dashboard-toolbar-actions{display:flex;align-items:center;gap:8px}
.page-dashboard .menu-toggle,.page-dashboard .icon-btn{background:#fff!important;color:#133d6b!important;border:1px solid #d4e6f3!important;box-shadow:0 7px 16px rgba(25,87,135,.07)!important;min-height:40px!important;border-radius:14px!important;padding:9px 13px!important}
.page-dashboard .theme-toggle{display:flex;gap:6px;align-items:center}
.page-dashboard .sun-icon{font-size:15px}.page-dashboard .moon-icon{font-size:18px;color:#0c5c8c}
.page-dashboard .top-dropdown-menu{top:220px!important;right:max(16px,calc((100% - 1500px)/2))!important;left:auto!important}
.dashboard-main-final{padding-top:0!important}
.dashboard-content-final{width:min(1500px,calc(100% - 32px));margin:0 auto;padding:14px 0 28px!important}
.reference-filter-row{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr 1.05fr auto;gap:10px;align-items:center;padding:10px!important;margin:0 0 12px!important;background:#fff!important;border:1px solid #dbe9f4!important;border-radius:18px!important;box-shadow:0 8px 22px rgba(21,79,126,.05)!important}
.reference-date-box,.reference-filter-select,.reference-period-tabs{height:42px}
.reference-date-box{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border:1px solid #deebf5;background:#fbfdff;border-radius:12px;color:#264d77;font-weight:700;font-size:13px}
.reference-filter-select{padding:0 14px!important;border-radius:12px!important;background-color:#fbfdff!important;border-color:#deebf5!important;font-size:13px!important;color:#264d77!important}
.reference-period-tabs{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #deebf5;border-radius:12px;background:#fbfdff}
.reference-period-tabs button{border:0;background:transparent;color:#31567c;font-weight:800;font-size:12px;cursor:pointer}
.reference-period-tabs button+button{border-inline-start:1px solid #e6eff6}.reference-period-tabs button.active{background:linear-gradient(180deg,#0873b4,#095b91);color:#fff}
.reference-reset{width:42px;height:42px;border-radius:12px;border:1px solid #deebf5;background:#fbfdff;color:#245078;font-size:22px;cursor:pointer}
.reference-kpi-grid-final{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;direction:rtl}
.reference-kpi-card-final{position:relative;min-height:150px;padding:16px 16px 14px;display:grid;grid-template-columns:1fr 104px;gap:10px;align-items:center;background:linear-gradient(180deg,#ffffff 0%,#f5fbff 100%);border:1px solid #d8e8f4;border-radius:18px;box-shadow:0 8px 22px rgba(22,82,132,.07);overflow:hidden}
.reference-kpi-card-final::after{content:"";position:absolute;inset:auto 0 0 0;height:46px;background:linear-gradient(180deg,rgba(201,241,251,0),rgba(201,241,251,.42));pointer-events:none}
.ref-kpi-copy{position:relative;z-index:2;text-align:right;align-self:start;padding-top:2px}.ref-kpi-title{display:block;font-weight:900;font-size:16px;color:#153e70}.ref-kpi-value{display:block;font-size:32px;line-height:1.05;font-weight:900;color:#123a69;margin-top:6px}.ref-kpi-unit{display:block;color:#315c87;font-weight:700;margin-top:3px;font-size:13px}.ref-kpi-bottom{display:flex;align-items:center;gap:7px;margin-top:13px;flex-wrap:wrap}.trend-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:#d9f7df;color:#139346;font-weight:900;font-size:12px}.ref-kpi-caption{font-size:10px;color:#7e96af}.ref-kpi-art{width:100px;height:100px;border-radius:22px;background:linear-gradient(180deg,#f9fdff,#e8f8fd);border:1px solid #d8edf7;display:grid;place-items:center;box-shadow:0 8px 18px rgba(27,133,188,.09);position:relative;z-index:2}.ref-kpi-art img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 7px 11px rgba(22,125,181,.16))}.ref-mini-chart{position:absolute;right:16px;bottom:8px;width:95px;height:29px;z-index:3;overflow:visible}.ref-mini-chart path{fill:none;stroke:#1499e4;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.reference-dashboard-grid-final{display:grid;grid-template-columns:1.45fr .84fr .92fr;gap:12px;direction:ltr;margin-bottom:12px}.reference-dashboard-grid-final>article{direction:rtl}.ref-chart-card,.ref-ranking-card,.ref-payment-card,.ref-map-card,.ref-table-card{padding:14px!important;border-radius:18px!important;border:1px solid #d9e8f4!important;box-shadow:0 8px 22px rgba(22,82,132,.06)!important;background:#fff!important}.ref-title-row{margin-bottom:10px!important}.ref-title-row h3{font-size:17px!important;color:#153e70!important}.ref-view-link{font-size:12px;color:#159be0;font-weight:800}.ref-chart-wrap{height:250px!important;min-height:250px!important;background:linear-gradient(180deg,#ffffff,#f4fbff)!important;border:1px solid #e3edf6!important;border-radius:14px!important;padding:8px!important}.ref-chart-wrap canvas{height:100%!important}
.ref-ranking-list{display:grid;gap:9px!important}
.ref-ranking-list .progress-row{padding:11px 12px!important;border-radius:14px!important;background:#fbfdff!important;border:1px solid #e1edf6!important;grid-template-columns:1fr auto!important;min-height:58px;overflow:hidden;position:relative}
.ref-ranking-list .progress-row::after{content:"";position:absolute;inset:auto 0 0 0;height:28px;background:linear-gradient(180deg,rgba(233,248,255,0),rgba(233,248,255,.42));pointer-events:none}
.ref-ranking-list .progress-track{grid-column:1/-1;position:relative;height:10px!important;border-radius:999px;background:linear-gradient(90deg,#eaf6fc,#d6ecf7)!important;border:1px solid rgba(33,157,221,.16);box-shadow:inset 0 1px 1px rgba(255,255,255,.7), inset 0 -2px 6px rgba(20,70,110,.08);overflow:hidden}
.ref-ranking-list .progress-track::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.38) 36%,transparent 72%);opacity:.65}
.ref-ranking-list .progress-fill{position:relative;height:100%;border-radius:inherit;background:linear-gradient(90deg,#15a4e6 0%,#37c3fb 48%,#6ce0ff 100%)!important;box-shadow:0 0 0 1px rgba(255,255,255,.10) inset,0 6px 14px rgba(21,164,230,.24)}
.ref-ranking-list .progress-fill::before{content:"";position:absolute;inset:1px auto 1px 0;width:55%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,0))}
.ref-ranking-list .progress-fill::after{content:"";position:absolute;right:4px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffff 0 18%,#baf4ff 24%,#56d5ff 52%,#15a4e6 74%,rgba(21,164,230,.16) 100%);box-shadow:0 0 0 3px rgba(86,213,255,.16),0 3px 10px rgba(21,164,230,.28)}
.ref-ranking-list b{font-size:13px!important;position:relative;z-index:1}.ref-ranking-list .progress-meta{font-size:10px!important;position:relative;z-index:1}
.ref-payment-layout{display:grid;grid-template-columns:170px 1fr;gap:12px;align-items:center}.ref-payment-card .donut{width:160px!important;height:160px!important}.ref-payment-card .donut::after{inset:23px!important}.ref-payment-card .donut-center strong{font-size:23px!important}.ref-payment-legend{display:grid;gap:7px!important}.payment-legend-row{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid #e1edf6;border-radius:11px;background:#fbfdff;color:#244c76;cursor:pointer}.payment-legend-row i{width:10px;height:10px;border-radius:50%}.payment-legend-row span{font-size:12px;font-weight:700}.payment-legend-row b{font-size:12px}.payment-legend-row.active{outline:2px solid rgba(21,155,224,.18)}
.reference-bottom-grid-final{display:grid;grid-template-columns:1.05fr 1fr;gap:12px;direction:ltr}.reference-bottom-grid-final>article{direction:rtl}.ref-map-stats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.ref-map-stats span{padding:6px 10px;border-radius:999px;background:#f4f9fd;border:1px solid #e0ecf5;font-size:11px;color:#456a8e}.ref-map-card .sq-map-card{border-radius:14px!important;border:1px solid #dce9f3!important;box-shadow:none!important}.ref-map-card .sq-map-head{padding:8px!important;background:#f6fbff!important}.ref-map-card .sq-map-canvas{height:278px!important}.ref-map-card .sq-map-footer{padding:8px 10px!important;font-size:10px!important}.ref-map-card .sq-map-mode,.ref-map-card .sq-map-fullscreen{padding:7px 10px!important;border-radius:10px!important;font-size:11px!important}
.ref-table-wrap{max-height:326px!important;overflow:auto;border:1px solid #e1edf6;border-radius:14px}.ref-table-card .table th,.ref-table-card .table td{padding:8px 7px!important;font-size:10.5px!important}.ref-table-card .table thead th{background:#eef7fc!important;color:#345a80!important}.ref-table-card .status{padding:4px 7px!important;font-size:10px!important}
.dashboard-hidden-metrics{display:none!important}
.page-dashboard[data-theme='dark'] .reference-kpi-card-final{background:linear-gradient(180deg,#102742,#122c49 100%);border-color:#244763}.page-dashboard[data-theme='dark'] .ref-kpi-title,.page-dashboard[data-theme='dark'] .ref-kpi-value,.page-dashboard[data-theme='dark'] .ref-kpi-unit{color:#eef8ff!important}
:root[data-theme='dark'] .reference-filter-row,:root[data-theme='dark'] .dashboard-toolbar-shell,:root[data-theme='dark'] .ref-chart-card,:root[data-theme='dark'] .ref-ranking-card,:root[data-theme='dark'] .ref-payment-card,:root[data-theme='dark'] .ref-map-card,:root[data-theme='dark'] .ref-table-card{background:#0f243d!important;border-color:#244561!important}
:root[data-theme='dark'] .reference-date-box,:root[data-theme='dark'] .reference-filter-select,:root[data-theme='dark'] .reference-period-tabs,:root[data-theme='dark'] .reference-reset{background:#132b48!important;border-color:#244561!important;color:#eef8ff!important}
:root[data-theme='dark'] .ref-ranking-list .progress-row{background:#14314f!important;border-color:#2a5374!important}
:root[data-theme='dark'] .ref-ranking-list .progress-row::after{background:linear-gradient(180deg,rgba(67,135,182,0),rgba(67,135,182,.10))}
:root[data-theme='dark'] .ref-ranking-list .progress-track{background:linear-gradient(90deg,#163955,#102f49)!important;border-color:rgba(108,224,255,.16)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.05), inset 0 -2px 6px rgba(0,0,0,.24)}

.motion-ready,.motion-in{opacity:1!important;transform:none!important}
@media(max-width:1180px){.reference-filter-row{grid-template-columns:repeat(3,1fr)}.reference-kpi-grid-final{grid-template-columns:repeat(2,1fr)}.reference-dashboard-grid-final{grid-template-columns:1fr 1fr}.ref-chart-card{grid-column:1/-1}.reference-bottom-grid-final{grid-template-columns:1fr}.ref-payment-layout{grid-template-columns:150px 1fr}}
@media(max-width:760px){.page-dashboard .dashboard-hero-image{height:130px}.dashboard-toolbar-shell{width:calc(100% - 20px);height:50px}.page-dashboard .top-dropdown-menu{top:180px!important;right:10px!important;left:10px!important}.dashboard-content-final{width:calc(100% - 20px)}.reference-filter-row{grid-template-columns:1fr 1fr}.reference-date-box{grid-column:1/-1}.reference-period-tabs{grid-column:1/-1}.reference-kpi-grid-final{grid-template-columns:1fr}.reference-dashboard-grid-final{grid-template-columns:1fr}.reference-bottom-grid-final{grid-template-columns:1fr}.ref-payment-layout{grid-template-columns:1fr}.reference-kpi-card-final{grid-template-columns:1fr 88px}.ref-kpi-art{width:84px;height:84px}.ref-kpi-art img{width:65px;height:65px}.ref-kpi-value{font-size:28px}}

/* ===== V4.3 CONSISTENT DONOR + ADMIN VISUAL LANGUAGE ===== */
.reference-subpage{background:#eef6fb;color:#123a69}
.reference-subpage-shell{width:100%!important;max-width:none!important;padding:0!important}
.reference-subpage-header{display:block!important;min-height:auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.reference-subpage-header::before,.reference-subpage-header::after{display:none!important}
.reference-subpage-hero{height:165px;background-size:cover;background-position:center;border-radius:0 0 24px 24px;box-shadow:0 12px 28px rgba(22,82,132,.10)}
.donate-reference-hero{background-image:url('hero/donate.jpg')}
.reference-subpage-tools{width:min(1380px,calc(100% - 32px));height:54px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;background:#fff;border:1px solid #d9e7f3;border-top:0;border-radius:0 0 18px 18px;padding:7px 12px;box-shadow:0 8px 22px rgba(22,82,132,.05)}
.reference-subpage .menu-toggle,.reference-subpage .icon-btn{background:#fff!important;color:#133d6b!important;border:1px solid #d4e6f3!important;box-shadow:0 7px 16px rgba(25,87,135,.07)!important;min-height:40px!important;border-radius:14px!important;padding:9px 13px!important}

.reference-subpage-main,.reference-admin-main{width:min(1380px,calc(100% - 32px));margin:0 auto;padding:14px 0 26px!important}
.reference-admin-content{width:100%!important;max-width:none!important;padding:0!important}



.reference-donation-flow{grid-template-columns:1fr 1fr!important;gap:14px!important}.reference-form-card,.reference-summary-card{padding:18px!important;border-radius:20px!important;border:1px solid #d8e8f4!important;box-shadow:0 8px 22px rgba(22,82,132,.06)!important;background:#fff!important}.reference-summary-card .summary-total-box{box-shadow:0 10px 22px rgba(21,155,224,.16)!important}
.reference-admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.reference-admin-kpis>.card{padding:14px;display:flex;align-items:center;gap:12px;border-radius:18px!important;border:1px solid #d8e8f4!important;box-shadow:0 8px 22px rgba(22,82,132,.06)!important}.reference-admin-kpis img{width:54px;height:54px}.reference-admin-kpis b{display:block;font-size:15px}.reference-admin-kpis span{display:block;font-size:11px;color:#7b94ad}.reference-admin-tabs{background:#fff;padding:10px;border:1px solid #d8e8f4;border-radius:18px;box-shadow:0 8px 22px rgba(22,82,132,.05)}
.reference-subpage .card,.reference-admin-content .card{color:#123a69!important}.reference-subpage .muted,.reference-admin-content .muted{color:#7891ab!important}
:root[data-theme='dark'] .reference-subpage,:root[data-theme='dark'] .page-admin{background:#09182b;color:#eef8ff}:root[data-theme='dark'] .reference-subpage-tools,:root[data-theme='dark'] .reference-form-card,:root[data-theme='dark'] .reference-summary-card,:root[data-theme='dark'] .reference-admin-kpis>.card,:root[data-theme='dark'] .reference-admin-tabs{background:#0f243d!important;border-color:#244561!important}:root[data-theme='dark'] .reference-subpage .card,:root[data-theme='dark'] .reference-admin-content .card{color:#eef8ff!important}
@media(max-width:900px){.reference-donation-flow{grid-template-columns:1fr!important}.reference-admin-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.reference-subpage-hero{height:125px}.reference-subpage-tools{width:calc(100% - 20px);height:50px}.reference-subpage-main,.reference-admin-main{width:calc(100% - 20px)}.reference-admin-kpis{grid-template-columns:1fr}}

/* V4.4 visual-review fix: toolbar controls stay at the far right in RTL */
.dashboard-toolbar-shell,.reference-subpage-tools{direction:rtl;justify-content:flex-start!important}
.dashboard-toolbar-actions{direction:rtl}

/* ===== V4.6 TRUE visual correction ===== */
.page-dashboard .dashboard-toolbar-shell{
  position:relative!important;
  width:max-content!important;
  min-width:218px;
  margin:-22px max(16px,calc((100% - 1500px)/2)) 12px auto!important;
  height:58px!important;
  padding:8px 10px!important;
  border-radius:18px!important;
  overflow:visible!important;
  z-index:60!important;
}
.page-dashboard .dashboard-toolbar-actions{display:flex;align-items:center;gap:8px;direction:rtl}
.page-dashboard .menu-toggle,.page-dashboard .theme-toggle{
  min-height:42px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid #d7e7f3!important;
  color:#123a69!important;
  box-shadow:0 7px 16px rgba(25,87,135,.07)!important;
}
.page-dashboard .menu-toggle{min-width:112px!important;justify-content:center!important}
.page-dashboard .top-dropdown-menu{
  position:absolute!important;
  top:calc(100% + 9px)!important;
  right:0!important;
  left:auto!important;
  width:248px!important;
  min-width:248px!important;
  padding:10px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.99)!important;
  border:1px solid #d8e7f3!important;
  box-shadow:0 18px 42px rgba(21,79,126,.18)!important;
  z-index:100!important;
}
.page-dashboard .top-menu-link{
  min-height:48px;
  padding:12px 14px!important;
  border-radius:13px!important;
  font-size:14px;
  color:#173f6d!important;
}
.page-dashboard .top-menu-link + .top-menu-link{margin-top:6px}
.page-dashboard .top-menu-link.active{
  background:linear-gradient(135deg,#199fe0,#57d2ec)!important;
  color:#fff!important;
}
.dashboard-main-final .dashboard-content-final{
  transition:padding-top .22s ease!important;
  padding-top:8px!important;
}
.dashboard-reference-header.menu-open + .dashboard-main-final .dashboard-content-final{
  padding-top:178px!important;
}

/* Reference card art: actual lively illustrated images, not the old flat SVGs */
.reference-kpi-card-final{
  min-height:158px!important;
  grid-template-columns:1fr 122px!important;
  gap:12px!important;
  padding:14px 16px 12px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff 0%,#f6fbff 100%)!important;
  box-shadow:0 8px 22px rgba(22,82,132,.07)!important;
}
.reference-kpi-card-final::after{
  height:42px!important;
  background:linear-gradient(180deg,rgba(202,242,252,0),rgba(202,242,252,.50))!important;
}
.ref-kpi-art{
  width:118px!important;
  height:118px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:16px!important;
  overflow:hidden!important;
  align-self:center!important;
}
.ref-kpi-art::before,.ref-kpi-art::after{display:none!important}
.ref-kpi-art img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:16px!important;
  filter:drop-shadow(0 7px 12px rgba(19,121,173,.14))!important;
  animation:refArtFloat 4.8s ease-in-out infinite!important;
}
.reference-kpi-card-final:nth-child(2) .ref-kpi-art img{animation-delay:.35s!important}
.reference-kpi-card-final:nth-child(3) .ref-kpi-art img{animation-delay:.7s!important}
.reference-kpi-card-final:nth-child(4) .ref-kpi-art img{animation-delay:1.05s!important}
@keyframes refArtFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.015)}}
.ref-kpi-copy{padding-top:4px!important}
.ref-kpi-title{font-size:16px!important;color:#143d6d!important}
.ref-kpi-value{font-size:34px!important;margin-top:5px!important;color:#113a68!important}
.ref-kpi-unit{font-size:13px!important;color:#315d88!important}
.ref-kpi-bottom{margin-top:11px!important}
.trend-pill{padding:4px 10px!important;font-size:11px!important;background:#dff8e5!important;color:#149547!important}
.ref-kpi-caption{font-size:9.5px!important}
.ref-mini-chart{width:100px!important;height:30px!important;right:15px!important;bottom:7px!important}
.ref-mini-chart path{stroke:#159ee7!important;stroke-width:2.2!important}

@media(max-width:760px){
  .page-dashboard .dashboard-toolbar-shell{margin:-14px 10px 10px auto!important;min-width:206px!important;height:54px!important}
  .page-dashboard .top-dropdown-menu{top:calc(100% + 8px)!important;right:0!important;left:auto!important;width:230px!important;min-width:230px!important}
  .dashboard-reference-header.menu-open + .dashboard-main-final .dashboard-content-final{padding-top:165px!important}
  .reference-kpi-card-final{grid-template-columns:1fr 100px!important}
  .ref-kpi-art{width:96px!important;height:96px!important}
}

/* ===== V4.7 final visual correction ===== */
/* Menu: integrated directly under the button; no overlap, no artificial main-content gap */
.page-dashboard .dashboard-toolbar-shell{
  width:276px!important;
  min-width:276px!important;
  height:auto!important;
  min-height:58px!important;
  margin:-22px max(16px,calc((100% - 1500px)/2)) 10px auto!important;
  padding:8px!important;
  display:block!important;
  overflow:visible!important;
  border-radius:18px!important;
  position:relative!important;
  z-index:80!important;
}
.page-dashboard .dashboard-toolbar-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
}
.page-dashboard .menu-toggle{min-width:126px!important}
.page-dashboard .theme-toggle{min-width:90px!important}
.page-dashboard .top-dropdown-menu{
  position:static!important;
  width:100%!important;
  min-width:0!important;
  margin:8px 0 0!important;
  padding:8px!important;
  display:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  border-radius:16px!important;
  box-shadow:none!important;
  background:#f8fcff!important;
  border:1px solid #d8e7f3!important;
}
.page-dashboard .dashboard-reference-header.menu-open .top-dropdown-menu{display:block!important}
.page-dashboard .top-menu-link{min-height:44px!important;padding:10px 12px!important;font-size:13px!important}
.page-dashboard .top-menu-link + .top-menu-link{margin-top:5px!important}
.dashboard-reference-header.menu-open + .dashboard-main-final .dashboard-content-final{padding-top:8px!important}

/* Filters: stable single-line desktop arrangement */
.reference-filter-row{
  display:grid!important;
  grid-template-columns:1.28fr 1fr 1.12fr .95fr 1.15fr 48px!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px!important;
  margin-top:8px!important;
}
.reference-date-box{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  height:48px!important;
}
.reference-filter-select{min-width:0!important;width:100%!important;height:48px!important;font-size:12px!important}
.reference-period-tabs{height:48px!important}
.reference-period-tabs button{white-space:nowrap!important;font-size:12px!important;padding-inline:12px!important}
.reference-reset{width:48px!important;height:48px!important}

/* KPI cards: reference composition with illustrated art integrated into the card */
.reference-kpi-grid-final{gap:12px!important}
.reference-kpi-card-final{
  min-height:154px!important;
  grid-template-columns:1fr 136px!important;
  gap:6px!important;
  padding:14px 14px 12px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff 0%,#f4fbff 100%)!important;
  border:1px solid #d8e8f4!important;
  box-shadow:0 8px 20px rgba(22,82,132,.07)!important;
}
.reference-kpi-card-final::after{height:38px!important;background:linear-gradient(180deg,rgba(196,241,252,0),rgba(196,241,252,.48))!important}
.ref-kpi-copy{padding:2px 0 0!important;z-index:3!important}
.ref-kpi-title{font-size:16px!important;line-height:1.2!important}
.ref-kpi-value{font-size:33px!important;line-height:1.05!important;margin-top:5px!important}
.ref-kpi-unit{font-size:12px!important;margin-top:2px!important}
.ref-kpi-bottom{margin-top:10px!important;gap:6px!important}
.trend-pill{font-size:11px!important;padding:4px 9px!important}
.ref-kpi-caption{font-size:9px!important}
.ref-kpi-art{
  width:132px!important;
  height:124px!important;
  align-self:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.ref-kpi-art img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:14px!important;
  filter:drop-shadow(0 7px 11px rgba(20,115,170,.13))!important;
}
.ref-mini-chart{right:14px!important;bottom:6px!important;width:98px!important;height:28px!important}

/* Charts and panels: reference density */
.reference-dashboard-grid-final{gap:12px!important;margin-top:12px!important}
.reference-bottom-grid-final{gap:12px!important;margin-top:12px!important}
.ref-chart-card,.ref-ranking-card,.ref-payment-card,.ref-map-card,.ref-table-card{border-radius:17px!important;box-shadow:0 7px 18px rgba(22,82,132,.055)!important}
.ref-title-row h3{font-size:17px!important}
.ref-title-row .muted,.ref-view-link{font-size:11px!important}
.ref-chart-wrap{height:286px!important}

/* Donor/admin: eliminate blank bands and keep balanced content directly after hero */
.reference-subpage-hero{height:142px!important;border-radius:0 0 20px 20px!important}
.reference-subpage-tools{margin-top:0!important;height:50px!important}
.reference-subpage-main,.reference-admin-main{padding-top:10px!important}




.reference-donation-flow{gap:12px!important}
.reference-form-card,.reference-summary-card{padding:16px!important}
.reference-admin-kpis{gap:10px!important;margin-bottom:12px!important}
.reference-admin-kpis>.card{min-height:86px!important;padding:12px!important}
.reference-admin-kpis img{width:48px!important;height:48px!important}
.reference-admin-tabs{padding:8px!important;margin-bottom:12px!important}

@media(max-width:1180px){
  .reference-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .reference-date-box{grid-column:auto!important}
  .reference-period-tabs{grid-column:span 2!important}
  .reference-kpi-card-final{grid-template-columns:1fr 118px!important}
  .ref-kpi-art{width:114px!important;height:110px!important}
}
@media(max-width:760px){
  .page-dashboard .dashboard-toolbar-shell{width:250px!important;min-width:250px!important;margin:-14px 10px 8px auto!important}
  .reference-filter-row{grid-template-columns:1fr 1fr!important}
  .reference-date-box{grid-column:1/-1!important}
  .reference-period-tabs{grid-column:1/-1!important}
  .reference-reset{width:100%!important;grid-column:1/-1!important}
  .reference-kpi-card-final{grid-template-columns:1fr 104px!important}
  .ref-kpi-art{width:100px!important;height:98px!important}
}


/* ===== V4.8 final requested fix ===== */
.page-dashboard .dashboard-reference-header{
  position:relative!important;
  overflow:visible!important;
}
.page-dashboard .dashboard-toolbar-shell{
  position:relative!important;
  width:auto!important;
  min-width:214px!important;
  max-width:none!important;
  height:58px!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:-20px max(16px,calc((100% - 1500px)/2)) 10px auto!important;
  padding:8px 10px!important;
  border-radius:18px!important;
  overflow:visible!important;
  z-index:120!important;
}
.page-dashboard .dashboard-toolbar-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  direction:rtl!important;
}
.page-dashboard .menu-toggle{min-width:126px!important;}
.page-dashboard .theme-toggle{min-width:88px!important;}
.page-dashboard .top-dropdown-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  left:auto!important;
  width:250px!important;
  min-width:250px!important;
  margin:0!important;
  padding:10px!important;
  display:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  background:rgba(255,255,255,.99)!important;
  border:1px solid #d8e7f3!important;
  border-radius:18px!important;
  box-shadow:0 18px 34px rgba(20,78,125,.16)!important;
  z-index:220!important;
}
.page-dashboard .dashboard-reference-header.menu-open .top-dropdown-menu{display:block!important;}
.dashboard-reference-header.menu-open + .dashboard-main-final .dashboard-content-final{padding-top:8px!important;}

.reference-kpi-card-final{
  grid-template-columns:1fr 144px!important;
}
.ref-kpi-art{
  width:136px!important;
  height:118px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.ref-kpi-art img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
  background:transparent!important;
  filter:drop-shadow(0 10px 18px rgba(18,122,182,.16)) saturate(1.08) contrast(1.08)!important;
  image-rendering:auto;
}
@media(max-width:760px){
  .page-dashboard .dashboard-toolbar-shell{margin:-14px 10px 8px auto!important;}
  .page-dashboard .top-dropdown-menu{width:230px!important;min-width:230px!important;}
  .reference-kpi-card-final{grid-template-columns:1fr 108px!important;}
  .ref-kpi-art{width:102px!important;height:90px!important;}
}

/* ===== V5.0 maximum interactivity + performance ===== */
.reference-kpi-card-final,
.ref-chart-card,.ref-ranking-card,.ref-payment-card,.ref-map-card,.ref-table-card,
.progress-row,.payment-legend-row,.reference-filter-select,.reference-period-tabs button,.reference-reset,
.table tbody tr,.sq-map-mode,.sq-map-fullscreen{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,opacity .18s ease;
}
.reference-kpi-card-final{cursor:default;transform:translateZ(0);backface-visibility:hidden}
.reference-kpi-card-final:hover,.reference-kpi-card-final.is-hovered{
  transform:translateY(-4px) translateZ(0);
  box-shadow:0 16px 34px rgba(18,91,143,.14)!important;
  border-color:#b9dff1!important;
}
.reference-kpi-card-final:hover .ref-kpi-art img,.reference-kpi-card-final.is-hovered .ref-kpi-art img{transform:translateY(-3px) scale(1.035)}
.reference-kpi-card-final:hover .ref-mini-chart path,.reference-kpi-card-final.is-hovered .ref-mini-chart path{stroke-width:2.8!important;filter:drop-shadow(0 2px 3px rgba(21,158,231,.18))}
.ref-chart-card:hover,.ref-ranking-card:hover,.ref-payment-card:hover,.ref-map-card:hover,.ref-table-card:hover,
.ref-chart-card.is-hovered,.ref-ranking-card.is-hovered,.ref-payment-card.is-hovered,.ref-map-card.is-hovered,.ref-table-card.is-hovered{
  transform:translateY(-2px);
  box-shadow:0 13px 28px rgba(22,82,132,.10)!important;
  border-color:#c6e1f0!important;
}
.progress-row:hover,.payment-legend-row:hover,.payment-legend-row.hovered{
  transform:translateX(-3px);
  background:#eef9ff!important;
  border-color:#b9def0!important;
  box-shadow:0 7px 15px rgba(21,120,175,.08);
}
.progress-row:active,.payment-legend-row:active,.reference-period-tabs button:active,.reference-reset:active{transform:scale(.985)}
.table tbody tr[data-qr]{cursor:pointer}
.table tbody tr[data-qr]:hover,.table tbody tr[data-qr]:focus{background:#edf8fe!important;outline:none;box-shadow:inset -3px 0 0 #1598d5}
.reference-filter-select:hover,.reference-date-box:hover{border-color:#b9def0!important;background:#f8fdff!important}
.reference-filter-select.is-active-filter,.reference-date-box.is-filtered{border-color:#39b8e6!important;box-shadow:0 0 0 3px rgba(34,165,220,.10)!important;background:#f4fbff!important}
.reference-period-tabs button:hover{background:#edf8ff;color:#0e79b5}
.reference-period-tabs button.active{box-shadow:0 7px 14px rgba(21,120,175,.16)}
.reference-reset:hover{background:#eaf7fd!important;color:#0b78b5;transform:rotate(-16deg)}
.chart-wrap canvas{touch-action:pan-y;will-change:auto}
.donut{cursor:pointer;transition:transform .18s ease,filter .18s ease}
.donut:hover{transform:scale(1.035);filter:drop-shadow(0 10px 18px rgba(25,117,178,.14))}
.donut-wrap{position:relative}
.donut-hover-tip{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);z-index:5;white-space:nowrap;background:#103e69;color:#fff;border-radius:10px;padding:6px 9px;font-size:11px;box-shadow:0 8px 16px rgba(0,0,0,.14);pointer-events:none}
.dashboard-updated .reference-kpi-card-final{animation:dashboardPulse .24s ease}
@keyframes dashboardPulse{0%{opacity:.84}100%{opacity:1}}
.sq-map-tile{will-change:transform}.sq-map-tiles,.sq-map-points{will-change:transform}.sq-map-stage.is-dragging{cursor:grabbing!important}.sq-map-stage.is-dragging .sq-map-tile{pointer-events:none}
.sq-map-marker{transition:transform .16s ease,filter .16s ease}.sq-map-marker:hover{transform:translate(-50%,-100%) scale(1.18);filter:drop-shadow(0 5px 8px rgba(0,0,0,.20));z-index:5}
.sq-map-mode:hover,.sq-map-fullscreen:hover{transform:translateY(-1px);box-shadow:0 7px 14px rgba(20,91,143,.10)}
.ref-chart-card,.ref-ranking-card,.ref-payment-card,.ref-map-card,.ref-table-card{contain:layout paint style}
@media (prefers-reduced-motion:reduce){
  .reference-kpi-card-final,.ref-chart-card,.ref-ranking-card,.ref-payment-card,.ref-map-card,.ref-table-card,.progress-row,.payment-legend-row,.donut,.sq-map-marker{transition:none!important;animation:none!important;transform:none!important}
}

/* ===== V5.1 menu overlay hotfix ===== */
.page-dashboard .dashboard-reference-header{
  position:relative!important;
  z-index:5000!important;
}
.page-dashboard .dashboard-toolbar-shell{
  position:relative!important;
  overflow:visible!important;
  z-index:5100!important;
  height:58px!important;
  min-height:58px!important;
}
.page-dashboard .top-dropdown-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  left:auto!important;
  z-index:5200!important;
}
.page-dashboard .dashboard-main-final,
.page-dashboard .dashboard-content-final,
.page-dashboard .reference-filter-row,
.page-dashboard .reference-kpi-grid-final,
.page-dashboard .reference-dashboard-grid-final,
.page-dashboard .reference-bottom-grid-final{
  position:relative!important;
  z-index:1!important;
}
.page-dashboard .dashboard-content-final{
  padding-top:8px!important;
}
.page-dashboard .dashboard-reference-header.menu-open + .dashboard-main-final,
.page-dashboard .dashboard-reference-header.menu-open + .dashboard-main-final .dashboard-content-final{
  padding-top:0!important;
  margin-top:0!important;
}

/* ===== V5.2 remove mini chart from KPI cards ===== */
.ref-mini-chart,
.reference-sparkline{
  display:none !important;
}

/* ===== V5.3 header alignment fix ===== */
.page-dashboard .global-header.dashboard-reference-header{
  display:block !important;
  min-height:auto !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  isolation:auto !important;
}
.page-dashboard .global-header.dashboard-reference-header::before,
.page-dashboard .global-header.dashboard-reference-header::after{
  display:none !important;
}
.page-dashboard .dashboard-hero-image{
  margin:0 !important;
}
.page-dashboard .dashboard-toolbar-shell{
  margin:-20px max(16px,calc((100% - 1500px)/2)) 10px auto !important;
}
@media(max-width:760px){
  .page-dashboard .dashboard-toolbar-shell{
    margin:-14px 10px 8px auto !important;
  }
}

/* ===== V5.4 refined dark mode ===== */
:root[data-theme='dark']{
  --bg:#0b1b2d;
  --surface:#10263d;
  --surface-2:#15314c;
  --text:#eef7ff;
  --muted:#a9c2d7;
  --line:#294a66;
  --primary:#32b5ee;
  --primary-2:#6edcf4;
  --accent:#65d6ad;
  --shadow:0 12px 30px rgba(0,0,0,.22);
  --shadow-strong:0 18px 38px rgba(0,0,0,.32);
}
:root[data-theme='dark'] body,
:root[data-theme='dark'] .page-dashboard,
:root[data-theme='dark'] .reference-subpage,
:root[data-theme='dark'] .page-admin{
  background:#0b1b2d!important;
  color:#eef7ff!important;
}

/* toolbar / menu */
:root[data-theme='dark'] .dashboard-toolbar-shell,
:root[data-theme='dark'] .reference-subpage-tools{
  background:#102840!important;
  border-color:#294d69!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20)!important;
}
:root[data-theme='dark'] .page-dashboard .menu-toggle,
:root[data-theme='dark'] .page-dashboard .icon-btn,
:root[data-theme='dark'] .reference-subpage .menu-toggle,
:root[data-theme='dark'] .reference-subpage .icon-btn{
  background:#173650!important;
  color:#f2f8fd!important;
  border-color:#315875!important;
  box-shadow:0 6px 14px rgba(0,0,0,.18)!important;
}
:root[data-theme='dark'] .page-dashboard .moon-icon{color:#78ddff!important}
:root[data-theme='dark'] .top-dropdown-menu{
  background:#10283f!important;
  border-color:#31546f!important;
  box-shadow:0 18px 36px rgba(0,0,0,.32)!important;
}
:root[data-theme='dark'] .top-menu-link{color:#e9f6ff!important}
:root[data-theme='dark'] .top-menu-link:hover{background:#183b58!important}
:root[data-theme='dark'] .top-menu-link.active{background:linear-gradient(135deg,#188fc7,#38bce9)!important;color:#fff!important}

/* dashboard filters */
:root[data-theme='dark'] .reference-filter-row{
  background:#10283f!important;
  border-color:#294d69!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}
:root[data-theme='dark'] .reference-date-box,
:root[data-theme='dark'] .reference-filter-select,
:root[data-theme='dark'] .reference-period-tabs,
:root[data-theme='dark'] .reference-reset{
  background:#173650!important;
  border-color:#315875!important;
  color:#edf8ff!important;
}
:root[data-theme='dark'] .reference-filter-select option{background:#173650;color:#eef7ff}
:root[data-theme='dark'] .reference-period-tabs button{color:#bed4e5!important}
:root[data-theme='dark'] .reference-period-tabs button+button{border-inline-start-color:#315875!important}
:root[data-theme='dark'] .reference-period-tabs button:hover{background:#1d4564!important;color:#fff!important}
:root[data-theme='dark'] .reference-period-tabs button.active{background:linear-gradient(180deg,#179cd6,#117ab1)!important;color:#fff!important}
:root[data-theme='dark'] .reference-reset:hover{background:#1c4564!important;color:#fff!important}

/* KPI cards */
:root[data-theme='dark'] .reference-kpi-card-final{
  background:linear-gradient(180deg,#122b44 0%,#10263d 100%)!important;
  border-color:#294d69!important;
  box-shadow:0 9px 22px rgba(0,0,0,.20)!important;
}
:root[data-theme='dark'] .reference-kpi-card-final::after{
  background:linear-gradient(180deg,rgba(36,138,177,0),rgba(36,138,177,.12))!important;
}
:root[data-theme='dark'] .ref-kpi-title,
:root[data-theme='dark'] .ref-kpi-value,
:root[data-theme='dark'] .ref-kpi-unit{color:#eef8ff!important}
:root[data-theme='dark'] .ref-kpi-caption{color:#a9c2d7!important}
:root[data-theme='dark'] .trend-pill{background:#173f36!important;color:#72e0ad!important}
:root[data-theme='dark'] .reference-kpi-card-final:hover{
  border-color:#3a7899!important;
  box-shadow:0 16px 34px rgba(0,0,0,.30)!important;
}

/* dashboard panels */
:root[data-theme='dark'] .ref-chart-card,
:root[data-theme='dark'] .ref-ranking-card,
:root[data-theme='dark'] .ref-payment-card,
:root[data-theme='dark'] .ref-map-card,
:root[data-theme='dark'] .ref-table-card{
  background:#10263d!important;
  border-color:#294a66!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20)!important;
}
:root[data-theme='dark'] .ref-title-row h3{color:#eff8ff!important}
:root[data-theme='dark'] .ref-title-row .muted,
:root[data-theme='dark'] .ref-view-link{color:#9fbed5!important}
:root[data-theme='dark'] .ref-view-link{color:#57c9f3!important}
:root[data-theme='dark'] .ref-chart-wrap{
  background:linear-gradient(180deg,#14304b,#10263d)!important;
  border-color:#31516b!important;
}
:root[data-theme='dark'] .chart-tooltip{background:rgba(3,18,31,.96)!important;color:#fff!important}

/* ranking and payment */
:root[data-theme='dark'] .ref-ranking-list .progress-row,
:root[data-theme='dark'] .payment-legend-row{
  background:#15314c!important;
  border-color:#2d516d!important;
  color:#eaf6ff!important;
}
:root[data-theme='dark'] .progress-row:hover,
:root[data-theme='dark'] .payment-legend-row:hover,
:root[data-theme='dark'] .payment-legend-row.hovered{
  background:#1a3c59!important;
  border-color:#3b708f!important;
}
:root[data-theme='dark'] .ref-ranking-list .progress-track{background:#284860!important}
:root[data-theme='dark'] .ref-ranking-list .progress-meta{color:#9fbcd1!important}
:root[data-theme='dark'] .donut::after{background:#10263d!important;box-shadow:inset 0 0 0 1px #2d516d!important}
:root[data-theme='dark'] .donut-center strong{color:#f1f9ff!important}
:root[data-theme='dark'] .donut-center small{color:#a9c2d7!important}

/* map */
:root[data-theme='dark'] .ref-map-stats span{background:#15314c!important;border-color:#2d516d!important;color:#bdd3e3!important}
:root[data-theme='dark'] .ref-map-card .sq-map-card{background:#10263d!important;border-color:#2d516d!important}
:root[data-theme='dark'] .ref-map-card .sq-map-head,
:root[data-theme='dark'] .ref-map-card .sq-map-footer{background:#15314c!important;border-color:#2d516d!important;color:#c8dbe8!important}
:root[data-theme='dark'] .ref-map-card .sq-map-mode,
:root[data-theme='dark'] .ref-map-card .sq-map-fullscreen{background:#193a56!important;border-color:#315875!important;color:#eaf6ff!important}
:root[data-theme='dark'] .ref-map-card .sq-map-mode.active{background:linear-gradient(135deg,#179cd6,#4dc9ef)!important;color:#fff!important;border-color:transparent!important}

/* table */
:root[data-theme='dark'] .ref-table-wrap{border-color:#2d516d!important}
:root[data-theme='dark'] .ref-table-card .table thead th{background:#173650!important;color:#d7e7f3!important;border-bottom-color:#315875!important}
:root[data-theme='dark'] .ref-table-card .table td{color:#e9f5fd!important;border-bottom-color:#294a66!important}
:root[data-theme='dark'] .ref-table-card .table tbody tr:nth-child(even){background:#122d47!important}
:root[data-theme='dark'] .ref-table-card .table tbody tr:hover{background:#193b58!important}

/* donor + admin */
:root[data-theme='dark'] .reference-form-card,
:root[data-theme='dark'] .reference-summary-card,
:root[data-theme='dark'] .reference-admin-kpis>.card,
:root[data-theme='dark'] .reference-admin-tabs,
:root[data-theme='dark'] .reference-subpage .card,
:root[data-theme='dark'] .reference-admin-content .card{
  background:#10263d!important;
  border-color:#294a66!important;
  color:#eef7ff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}
:root[data-theme='dark'] .reference-subpage .card h1,
:root[data-theme='dark'] .reference-subpage .card h2,
:root[data-theme='dark'] .reference-subpage .card h3,
:root[data-theme='dark'] .reference-admin-content .card h1,
:root[data-theme='dark'] .reference-admin-content .card h2,
:root[data-theme='dark'] .reference-admin-content .card h3{color:#eef7ff!important}
:root[data-theme='dark'] .reference-subpage .muted,
:root[data-theme='dark'] .reference-admin-content .muted,
:root[data-theme='dark'] .reference-admin-kpis span{color:#a9c2d7!important}
:root[data-theme='dark'] .summary-row,
:root[data-theme='dark'] .payment{
  background:#15314c!important;
  border-color:#2d516d!important;
  color:#edf7ff!important;
}
:root[data-theme='dark'] .select,
:root[data-theme='dark'] .input,
:root[data-theme='dark'] textarea.input{
  background:#15314c!important;
  border-color:#315875!important;
  color:#eef7ff!important;
}
:root[data-theme='dark'] .qty-combo{background:#173650!important;border-color:#315875!important}:root[data-theme='dark'] .qty-combo-btn{background:#173650!important;color:#eef7ff!important}:root[data-theme='dark'] .qty-combo-btn+ .qty-combo-btn{border-color:#315875!important}:root[data-theme='dark'] .qty-combo-btn:hover{background:#1d4261!important}
:root[data-theme='dark'] .btn-ghost{background:#15314c!important;color:#eef7ff!important;border-color:#315875!important}

/* keep imagery vivid without bleaching */
:root[data-theme='dark'] .ref-kpi-art img,
:root[data-theme='dark'] .reference-admin-kpis img{
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.24)) saturate(1.08) contrast(1.04)!important;
}



/* ===== V5.7 toolbar text + alignment correction ===== */
.page-dashboard .integrated-toolbar-shell{
  width:min(1500px,calc(100% - 32px))!important;
  margin:-20px auto 12px!important;
  min-height:72px!important;
  height:auto!important;
  padding:10px 12px!important;
  border-radius:18px!important;
  position:relative!important;
  overflow:visible!important;
}
.page-dashboard .toolbar-strip{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  direction:ltr!important;
}
.page-dashboard .toolbar-filter-row.reference-filter-row{
  direction:ltr!important;
  display:grid!important;
  grid-template-columns:minmax(285px,1.35fr) minmax(190px,1fr) minmax(190px,1fr) minmax(170px,.9fr) minmax(260px,1.2fr) 52px!important;
  gap:10px!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-width:0!important;
}
.page-dashboard .toolbar-filter-row > *{direction:rtl!important;min-width:0!important}
.page-dashboard .toolbar-filter-row .reference-date-box{
  grid-column:1!important;
  width:100%!important;
  min-width:285px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  justify-content:space-between!important;
  padding-inline:14px!important;
}
.page-dashboard .toolbar-filter-row #dateRangeText{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:12px!important;
}
.page-dashboard .toolbar-filter-row #paymentFilter{grid-column:2!important}
.page-dashboard .toolbar-filter-row #pointTypeFilter{grid-column:3!important}
.page-dashboard .toolbar-filter-row #districtFilter{grid-column:4!important}
.page-dashboard .toolbar-filter-row .reference-period-tabs{
  grid-column:5!important;
  width:100%!important;
  min-width:260px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(62px,1fr))!important;
  overflow:hidden!important;
}
.page-dashboard .toolbar-filter-row .reference-period-tabs button{
  min-width:62px!important;
  padding-inline:8px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1!important;
}
.page-dashboard .toolbar-filter-row .reference-reset{
  grid-column:6!important;
  width:52px!important;
  min-width:52px!important;
}
.page-dashboard .integrated-toolbar-shell .dashboard-toolbar-actions{
  direction:rtl!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  justify-self:end!important;
  align-self:center!important;
}
.page-dashboard .integrated-toolbar-shell .top-dropdown-menu{
  top:calc(100% + 8px)!important;
  right:12px!important;
  left:auto!important;
}
:root[data-theme='dark'] .page-dashboard .toolbar-filter-row.reference-filter-row{
  background:transparent!important;
}
@media(max-width:1280px){
  .page-dashboard .toolbar-strip{grid-template-columns:1fr!important}
  .page-dashboard .integrated-toolbar-shell .dashboard-toolbar-actions{justify-self:end!important}
  .page-dashboard .toolbar-filter-row.reference-filter-row{
    grid-template-columns:minmax(260px,1.2fr) repeat(3,minmax(160px,1fr)) minmax(250px,1.15fr) 52px!important;
  }
  .page-dashboard .toolbar-filter-row .reference-date-box{min-width:260px!important}
  .page-dashboard .toolbar-filter-row .reference-period-tabs{min-width:250px!important}
}
@media(max-width:900px){
  .page-dashboard .integrated-toolbar-shell{width:calc(100% - 20px)!important;margin:-14px auto 10px!important}
  .page-dashboard .toolbar-filter-row.reference-filter-row{
    grid-template-columns:1fr 1fr!important;
    direction:rtl!important;
  }
  .page-dashboard .toolbar-filter-row .reference-date-box,
  .page-dashboard .toolbar-filter-row .reference-period-tabs,
  .page-dashboard .toolbar-filter-row .reference-reset{
    grid-column:1/-1!important;
    min-width:0!important;
    width:100%!important;
  }
  .page-dashboard .toolbar-filter-row #paymentFilter,
  .page-dashboard .toolbar-filter-row #pointTypeFilter,
  .page-dashboard .toolbar-filter-row #districtFilter{grid-column:auto!important}
}


/* ===== V5.9 payment card bottom-aligned legend ===== */
.ref-payment-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}
.ref-payment-card .ref-title-row{
  flex:0 0 auto!important;
  width:100%!important;
}
.ref-payment-layout{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:0!important;
  gap:14px!important;
}
.ref-payment-layout .donut-wrap{
  flex:0 0 auto!important;
  width:100%!important;
  min-height:224px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto!important;
}
.ref-payment-card .donut{
  width:216px!important;
  height:216px!important;
  margin:0 auto!important;
}
.ref-payment-card .donut::after{
  inset:31px!important;
}
.ref-payment-card .donut-center strong{
  font-size:35px!important;
}
.ref-payment-card .donut-center small{
  font-size:14px!important;
}
.ref-payment-layout .ref-payment-legend,
.ref-payment-layout .payment-legend{
  flex:0 0 auto!important;
  width:min(96%,420px)!important;
  margin:auto auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  justify-content:center!important;
}
.ref-payment-card .payment-legend-row{
  width:100%!important;
  min-height:48px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  margin:0!important;
}
.ref-payment-card .payment-legend-row span,
.ref-payment-card .payment-legend-row b{
  font-size:13px!important;
}
@media(max-width:900px){
  .ref-payment-card .donut{width:190px!important;height:190px!important}
  .ref-payment-card .donut::after{inset:27px!important}
  .ref-payment-layout .donut-wrap{min-height:198px!important}
  .ref-payment-layout .ref-payment-legend,
  .ref-payment-layout .payment-legend{
    width:100%!important;
    grid-template-columns:1fr!important;
  }
}


/* ===== V6.0 admin header matched to approved dashboard header ===== */
.page-admin .admin-dashboard-header{
  display:block!important;
  min-height:auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:auto!important;
  position:relative!important;
  z-index:5000!important;
}
.page-admin .admin-dashboard-header::before,
.page-admin .admin-dashboard-header::after{display:none!important}
.page-admin .admin-dashboard-header .dashboard-hero-image{
  height:174px!important;
  background:url('hero/dashboard.jpg') center/cover no-repeat!important;
  border-radius:0 0 24px 24px!important;
  box-shadow:0 12px 28px rgba(22,82,132,.10)!important;
}
.page-admin .admin-integrated-toolbar{
  width:min(1500px,calc(100% - 32px))!important;
  margin:-20px auto 12px!important;
  min-height:72px!important;
  height:auto!important;
  padding:10px 12px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:var(--surface)!important;
  box-shadow:0 8px 22px rgba(22,82,132,.08)!important;
  position:relative!important;
  z-index:5100!important;
  overflow:visible!important;
}
.page-admin .admin-integrated-toolbar .toolbar-strip{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  direction:ltr!important;
}
.page-admin .admin-integrated-toolbar .toolbar-strip>*{direction:rtl!important}
.page-admin .admin-toolbar-filter-row{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:minmax(280px,1.18fr) minmax(210px,1.1fr) minmax(180px,1.05fr) minmax(150px,.85fr) minmax(290px,1.18fr) 56px!important;
  gap:10px!important;
  align-items:center!important;
}
.page-admin .admin-toolbar-filter-row .reference-date-box,
.page-admin .admin-toolbar-filter-row .reference-filter-select,
.page-admin .admin-toolbar-filter-row .reference-period-tabs,
.page-admin .admin-toolbar-filter-row .reference-reset{height:48px!important}
.page-admin .admin-toolbar-filter-row .reference-date-box,
.page-admin .admin-toolbar-filter-row .reference-filter-select{width:100%!important}
.page-admin .admin-integrated-toolbar .dashboard-toolbar-actions{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  justify-self:end!important;
}
.page-admin .admin-integrated-toolbar .menu-toggle,
.page-admin .admin-integrated-toolbar .theme-toggle{
  min-height:48px!important;
  border-radius:14px!important;
}
.page-admin .admin-integrated-toolbar .top-dropdown-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:12px!important;
  left:auto!important;
  width:250px!important;
  min-width:250px!important;
  z-index:5200!important;
}
.page-admin .reference-admin-main{padding-top:0!important}
:root[data-theme='dark'] .page-admin .admin-integrated-toolbar{
  background:#102840!important;
  border-color:#294d69!important;
}
@media(max-width:1180px){
  .page-admin .admin-integrated-toolbar .toolbar-strip{grid-template-columns:1fr!important}
  .page-admin .admin-integrated-toolbar .dashboard-toolbar-actions{justify-self:end!important}
  .page-admin .admin-toolbar-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .page-admin .admin-toolbar-filter-row .reference-date-box{grid-column:span 2!important}
  .page-admin .admin-toolbar-filter-row .reference-period-tabs{grid-column:span 2!important}
}
@media(max-width:760px){
  .page-admin .admin-dashboard-header .dashboard-hero-image{height:130px!important}
  .page-admin .admin-integrated-toolbar{width:calc(100% - 20px)!important;margin:-14px auto 10px!important}
  .page-admin .admin-toolbar-filter-row{grid-template-columns:1fr 1fr!important}
  .page-admin .admin-toolbar-filter-row .reference-date-box,
  .page-admin .admin-toolbar-filter-row .reference-period-tabs,
  .page-admin .admin-toolbar-filter-row .reference-reset{grid-column:1/-1!important}
}


/* ===== V6.1 tooltip persistence + modern segmented donut ===== */
.chart-tooltip[hidden],.donut-hover-tip[hidden]{display:none!important}
.chart-tooltip{pointer-events:none!important}
.ref-payment-card .modern-donut{
  width:236px!important;height:236px!important;
  position:relative!important;
  background:none!important;
  border-radius:50%!important;
  overflow:visible!important;
  box-shadow:0 18px 36px rgba(5,45,78,.16)!important;
}
.ref-payment-card .modern-donut::after{display:none!important}
.payment-donut-svg{width:100%;height:100%;display:block;overflow:visible;transform:translateZ(0)}
.donut-segment{
  cursor:pointer;
  transform-box:view-box;
  transform-origin:120px 120px;
  transition:transform .20s cubic-bezier(.2,.8,.2,1),filter .20s ease,opacity .20s ease;
  stroke:var(--surface);
  stroke-width:2.6px;
  stroke-linejoin:round;
}
.donut-segment:hover,.donut-segment.hovered{
  transform:translate(var(--dx),var(--dy)) scale(1.045);
  filter:drop-shadow(0 9px 10px rgba(0,0,0,.20)) brightness(1.08);
  opacity:1;
}
.donut-segment.active{filter:drop-shadow(0 0 0 rgba(0,0,0,0)) brightness(1.12)}
.modern-donut:has(.donut-segment:hover) .donut-segment:not(:hover),
.modern-donut:has(.donut-segment.hovered) .donut-segment:not(.hovered){opacity:.76}
.ref-payment-card .modern-donut .donut-center{
  inset:51px!important;
  border-radius:50%;
  background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--line),0 5px 18px rgba(10,60,96,.09);
  pointer-events:none;
}
.ref-payment-card .modern-donut .donut-center strong{font-size:34px!important}
.ref-payment-card .modern-donut .donut-center small{font-size:13px!important}
.modern-donut .donut-hover-tip{
  bottom:-42px!important;
  z-index:20!important;
}
:root[data-theme='dark'] .donut-segment{stroke:#10263d!important}
:root[data-theme='dark'] .ref-payment-card .modern-donut .donut-center{background:#10263d!important;box-shadow:inset 0 0 0 1px #2d516d,0 6px 18px rgba(0,0,0,.22)!important}
@media(max-width:760px){.ref-payment-card .modern-donut{width:204px!important;height:204px!important}.ref-payment-card .modern-donut .donut-center{inset:44px!important}}
.modern-donut:hover{transform:none!important;filter:none!important}

/* V6.4 — Podium ranking for "أعلى نقاط التبرع" */
.ref-ranking-card{overflow:hidden;position:relative}
.ref-ranking-card::before{content:"";position:absolute;inset:64px 10px 10px;border-radius:18px;background:radial-gradient(circle at 50% 100%,rgba(70,188,244,.13),transparent 58%),linear-gradient(180deg,transparent 0 56%,rgba(228,246,255,.55) 100%);pointer-events:none}
.ref-ranking-card .ref-title-row{position:relative;z-index:2}
.ref-ranking-list{display:flex!important;align-items:flex-end;justify-content:center;gap:7px!important;min-height:360px;padding:34px 4px 6px!important;direction:ltr;position:relative;z-index:1}
.ref-ranking-list .podium-item{appearance:none;border:0;background:transparent;padding:0;margin:0;display:flex;flex:1 1 0;min-width:0;max-width:92px;flex-direction:column;align-items:stretch;justify-content:flex-end;cursor:pointer;color:#173f6d;font-family:inherit;position:relative;transition:transform .22s ease,filter .22s ease;outline:none}
.ref-ranking-list .podium-item:hover,.ref-ranking-list .podium-item:focus-visible,.ref-ranking-list .podium-item.active{transform:translateY(-4px);filter:drop-shadow(0 8px 12px rgba(31,123,184,.14))}
.ref-ranking-list .podium-card{height:var(--podium-height);min-height:126px;border:1px solid #d6e8f5;border-bottom:0;border-radius:20px 20px 4px 4px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(239,249,255,.90));box-shadow:0 10px 22px rgba(31,112,165,.08),inset 0 1px 0 #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 5px 8px;text-align:center;overflow:hidden;direction:rtl;position:relative}
.ref-ranking-list .podium-card::after{content:"";position:absolute;inset:auto -30% 0;height:38%;background:linear-gradient(180deg,transparent,rgba(64,177,237,.07));transform:skewY(-7deg);pointer-events:none}
.ref-ranking-list .podium-icon{font-style:normal;font-size:20px;line-height:1;color:#2e94ee;margin-bottom:4px;filter:drop-shadow(0 3px 7px rgba(46,148,238,.14))}
.ref-ranking-list .podium-card strong{font-size:11px;line-height:1.25;color:#153e70;max-width:100%;white-space:normal;position:relative;z-index:1}
.ref-ranking-list .podium-card small{font-size:8px;color:#6e93b6;margin-top:4px;direction:ltr;white-space:nowrap;position:relative;z-index:1}
.ref-ranking-list .podium-amount{font-weight:900;font-size:16px;color:#123e72;line-height:1.1;margin-top:auto;padding-top:8px;position:relative;z-index:1;white-space:nowrap}
.ref-ranking-list .podium-amount em{display:block;font-size:9px;font-style:normal;font-weight:800;margin-top:3px}
.ref-ranking-list .podium-rank{height:30px;display:grid;place-items:center;position:relative;z-index:3;margin-bottom:-12px}
.ref-ranking-list .podium-rank b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#69b8ff,#2175d5);color:#fff;border:3px solid #eef8ff;box-shadow:0 5px 12px rgba(30,111,190,.22);font-size:14px}
.ref-ranking-list .podium-base{height:52px;border-radius:7px 7px 18px 18px;background:linear-gradient(180deg,#68aff7,#3b83dc);border:1px solid rgba(28,109,189,.18);box-shadow:inset 0 10px 16px rgba(255,255,255,.20),0 7px 14px rgba(33,111,179,.12);display:grid;place-items:center;color:#fff;position:relative;overflow:hidden}
.ref-ranking-list .podium-base::before{content:"";position:absolute;inset:0 0 auto;height:8px;background:rgba(255,255,255,.30)}
.ref-ranking-list .podium-base b{font-size:20px;line-height:1;position:relative;z-index:1}
.ref-ranking-list .rank-one .podium-card{background:linear-gradient(180deg,#fffdf6,#fff8df);border-color:#f4d979;box-shadow:0 10px 26px rgba(208,153,18,.13),inset 0 1px 0 #fff}
.ref-ranking-list .rank-one .podium-rank b{background:linear-gradient(145deg,#f4c84c,#c78d08);border-color:#fff7d7;box-shadow:0 6px 14px rgba(191,133,7,.24)}
.ref-ranking-list .rank-one .podium-base{background:linear-gradient(180deg,#ffd75d,#d89b10);border-color:#e2ad22}
.ref-ranking-list .rank-one .podium-icon{color:#dda51c}
.ref-ranking-list .rank-two .podium-rank b{background:linear-gradient(145deg,#a9c6dc,#668cab)}
.ref-ranking-list .rank-two .podium-base{background:linear-gradient(180deg,#bfd6e7,#789dbb)}
.ref-ranking-list .rank-three .podium-rank b{background:linear-gradient(145deg,#e7a572,#b7632f);border-color:#fff0e5}
.ref-ranking-list .rank-three .podium-base{background:linear-gradient(180deg,#efb58c,#c87543)}
.ref-ranking-list .podium-crown{position:absolute;top:-20px;font-size:20px;color:#e4aa16;text-shadow:0 3px 8px rgba(208,150,12,.25)}
:root[data-theme='dark'] .ref-ranking-card::before{background:radial-gradient(circle at 50% 100%,rgba(49,145,205,.16),transparent 58%),linear-gradient(180deg,transparent 0 56%,rgba(13,49,77,.44) 100%)}
:root[data-theme='dark'] .ref-ranking-list .podium-card{background:linear-gradient(180deg,#163451,#112b45);border-color:#315873;box-shadow:0 10px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)}
:root[data-theme='dark'] .ref-ranking-list .podium-card strong,:root[data-theme='dark'] .ref-ranking-list .podium-amount{color:#e6f3ff}
:root[data-theme='dark'] .ref-ranking-list .podium-card small{color:#91afc7}
:root[data-theme='dark'] .ref-ranking-list .rank-one .podium-card{background:linear-gradient(180deg,#3b3418,#292711);border-color:#806d24}
@media(max-width:1100px){.ref-ranking-list{gap:5px!important}.ref-ranking-list .podium-item{max-width:none}.ref-ranking-list .podium-card strong{font-size:10px}.ref-ranking-list .podium-card small{font-size:7px}.ref-ranking-list .podium-amount{font-size:14px}}
@media(max-width:760px){.ref-ranking-list{min-height:330px;overflow-x:auto;justify-content:flex-start;padding-inline:6px!important}.ref-ranking-list .podium-item{flex:0 0 74px}}


/* V6.4.2 — rebuilt modern map */
.hailmap-card{margin-top:14px;border:1px solid #dce9f3;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f7fbff);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(20,84,131,.08)}
.hailmap-toolbar,.hailmap-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:linear-gradient(180deg,#f9fcff,#eef7fd);border-bottom:1px solid #dce9f3}
.hailmap-footer{border-top:1px solid #dce9f3;border-bottom:0;background:#fbfdff;font-size:11px;color:#4d6f90;flex-wrap:wrap}
.hailmap-toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hailmap-toolbar-note{font-size:12px;color:#53779b;font-weight:700}
.hailmap-select-wrap{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #d9e8f4;border-radius:12px;background:#fff;color:#244b75;font-size:12px;font-weight:700}
.hailmap-select-wrap select{border:0;background:transparent;color:#163e70;font-weight:800;outline:none;font-family:inherit;padding:0 0 0 8px;cursor:pointer}
.hailmap-fullscreen-btn{border:1px solid #d9e8f4;background:linear-gradient(135deg,#1ca8ea,#1489dd);color:#fff;border-radius:12px;padding:8px 14px;cursor:pointer;font-weight:800;box-shadow:0 8px 18px rgba(28,138,221,.18)}
.hailmap-canvas{height:330px;position:relative;background:linear-gradient(180deg,#cde9f9,#b9dcf0);overflow:hidden}
.hailmap-viewport,.hailmap-stage,.hailmap-tiles,.hailmap-markers,.hailmap-overlays{position:absolute;inset:0}
.hailmap-viewport{overflow:hidden;touch-action:none;user-select:none;cursor:grab}
.hailmap-viewport.is-dragging{cursor:grabbing}
.hailmap-tile{position:absolute;width:256px;height:256px;image-rendering:auto;user-select:none;pointer-events:none}
.hailmap-controls{position:absolute;left:12px;top:12px;display:grid;gap:8px;z-index:6}
.hailmap-control-btn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(210,228,242,.9);background:rgba(255,255,255,.96);backdrop-filter:blur(10px);color:#173f6d;font-size:22px;font-weight:700;cursor:pointer;box-shadow:0 10px 22px rgba(13,78,123,.10)}
.hailmap-control-btn.home{font-size:18px}
.hailmap-panel{position:absolute;z-index:6;top:12px;right:12px;display:grid;gap:10px;width:min(300px,calc(100% - 24px))}
.hailmap-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hailmap-chip{padding:10px 8px;border-radius:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(214,230,241,.95);box-shadow:0 10px 22px rgba(13,78,123,.08);text-align:center}
.hailmap-chip b{display:block;font-size:16px;color:#133e70;margin-bottom:2px}.hailmap-chip span{font-size:10px;color:#6284a4}
.hailmap-info{padding:12px 12px 10px;border-radius:18px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid rgba(214,230,241,.95);box-shadow:0 12px 28px rgba(13,78,123,.12);color:#173f6d}
.hailmap-info.is-empty .hailmap-info-details{display:none}
.hailmap-info-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.hailmap-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#ecf6fd;color:#1e7bb6;font-size:11px;font-weight:800}
.hailmap-title{font-size:18px;font-weight:900;color:#123d70;margin:0}
.hailmap-sub{font-size:12px;color:#6e8eac;margin-top:2px}
.hailmap-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;font-size:12px}
.hailmap-info-grid span{display:block;color:#6f90af;font-size:10px;margin-bottom:2px}.hailmap-info-grid b{color:#123d70}
.hailmap-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.hailmap-legend span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#f5fafe;border:1px solid #dfeef8;font-size:10px;color:#4a6f91}
.hailmap-legend i{width:9px;height:9px;border-radius:50%}.hailmap-legend .active{background:#17b26a}.hailmap-legend .inactive{background:#93a6b8}.hailmap-marker{position:absolute;transform:translate(-50%,-100%);width:36px;height:44px;border:0;background:transparent;cursor:pointer;z-index:5;filter:drop-shadow(0 8px 12px rgba(0,0,0,.20));transition:transform .16s ease,filter .16s ease}
.hailmap-marker:hover,.hailmap-marker.active{transform:translate(-50%,-100%) scale(1.12)}
.hailmap-pin{position:relative;display:block;width:36px;height:44px}
.hailmap-pin::before{content:"";position:absolute;inset:0;border-radius:56% 56% 56% 0;transform:rotate(-45deg);background:linear-gradient(145deg,#1bb4f2,#1378de);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.hailmap-marker.is-off .hailmap-pin::before{background:linear-gradient(145deg,#9eb6c9,#738ca3)}
.hailmap-pin::after{content:"";position:absolute;left:11px;top:11px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px rgba(31,132,220,.18)}
.hailmap-marker.active .hailmap-pin::after{box-shadow:0 0 0 7px rgba(26,169,236,.18),inset 0 0 0 2px rgba(31,132,220,.18)}
.hailmap-popup{position:absolute;min-width:220px;max-width:260px;transform:translate(-50%,-118%);padding:12px 12px 10px;border-radius:16px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid rgba(214,230,241,.95);box-shadow:0 16px 34px rgba(13,78,123,.16);z-index:7;color:#173f6d}
.hailmap-popup h4{margin:0 0 4px;font-size:15px;color:#123d70}.hailmap-popup small{display:block;color:#6f90af;margin-bottom:8px}
.hailmap-popup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;font-size:12px}.hailmap-popup-grid span{display:block;color:#6f90af;font-size:10px;margin-bottom:2px}.hailmap-popup-grid b{color:#123d70}
.hailmap-popup-close{position:absolute;left:8px;top:8px;width:26px;height:26px;border:0;border-radius:9px;background:#eff7fc;color:#366792;cursor:pointer}
.hailmap-credit{position:absolute;right:12px;bottom:12px;z-index:5;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(214,230,241,.95);font-size:11px;color:#44698c;box-shadow:0 10px 20px rgba(13,78,123,.08)}
.hailmap-loading{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(238,248,255,.56),rgba(232,244,251,.44));backdrop-filter:blur(1px);color:#123d70;font-size:18px;font-weight:900}
.hailmap-loading.is-hidden{display:none}
.hailmap-card.is-fullscreen{position:fixed!important;inset:16px!important;z-index:3000!important;border-radius:22px!important;box-shadow:0 18px 60px rgba(4,36,66,.28)!important}
.hailmap-card.is-fullscreen .hailmap-canvas{height:calc(100vh - 180px)!important}
.hailmap-card:fullscreen,.hailmap-card:-webkit-full-screen{padding:0;margin:0;width:100%;height:100%;background:#fff}.hailmap-card:fullscreen .hailmap-canvas,.hailmap-card:-webkit-full-screen .hailmap-canvas{height:calc(100vh - 180px)!important}
.hailmap-body-open{overflow:hidden}
:root[data-theme='dark'] .hailmap-card{background:linear-gradient(180deg,#10263d,#0f243d);border-color:#2d516d;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.16)}
:root[data-theme='dark'] .hailmap-toolbar,:root[data-theme='dark'] .hailmap-footer{background:linear-gradient(180deg,#15314c,#122b43);border-color:#2d516d;color:#c5dae9}
:root[data-theme='dark'] .hailmap-toolbar-note{color:#bfd4e4}
:root[data-theme='dark'] .hailmap-select-wrap{background:#193a56;border-color:#315875;color:#e4f3ff}
:root[data-theme='dark'] .hailmap-select-wrap select{color:#e4f3ff}
:root[data-theme='dark'] .hailmap-control-btn,:root[data-theme='dark'] .hailmap-chip,:root[data-theme='dark'] .hailmap-info,:root[data-theme='dark'] .hailmap-popup,:root[data-theme='dark'] .hailmap-credit{background:rgba(17,43,69,.94);border-color:#2d516d;color:#e6f3ff;box-shadow:0 12px 26px rgba(0,0,0,.20)}
:root[data-theme='dark'] .hailmap-chip b,:root[data-theme='dark'] .hailmap-title,:root[data-theme='dark'] .hailmap-info-grid b,:root[data-theme='dark'] .hailmap-popup h4,:root[data-theme='dark'] .hailmap-popup-grid b{color:#eff7ff}
:root[data-theme='dark'] .hailmap-chip span,:root[data-theme='dark'] .hailmap-sub,:root[data-theme='dark'] .hailmap-info-grid span,:root[data-theme='dark'] .hailmap-popup small,:root[data-theme='dark'] .hailmap-popup-grid span,:root[data-theme='dark'] .hailmap-credit{color:#9eb9cf}
:root[data-theme='dark'] .hailmap-badge,:root[data-theme='dark'] .hailmap-legend span{background:#163552;border-color:#2d516d;color:#d6e7f4}
@media (max-width:900px){.hailmap-toolbar,.hailmap-footer{flex-direction:column;align-items:stretch}.hailmap-panel{position:absolute;left:12px;right:12px;top:12px;width:auto}.hailmap-summary{grid-template-columns:repeat(3,1fr)}.hailmap-info{margin-top:4px}.hailmap-canvas{height:360px}}
@media (max-width:640px){.hailmap-canvas{height:320px}.hailmap-summary{grid-template-columns:1fr 1fr 1fr}.hailmap-chip b{font-size:14px}.hailmap-info-grid,.hailmap-popup-grid{grid-template-columns:1fr 1fr}.hailmap-panel{top:auto;bottom:12px}.hailmap-credit{bottom:88px}.hailmap-card.is-fullscreen .hailmap-canvas,.hailmap-card:fullscreen .hailmap-canvas,.hailmap-card:-webkit-full-screen .hailmap-canvas{height:calc(100vh - 210px)!important}}


/* V6.4.3 — map cleanup and hover interaction */
.ref-map-card .section-title.ref-title-row{margin-bottom:10px!important}
.hailmap-toolbar{justify-content:flex-start}
.hailmap-canvas{height:420px;position:relative}
.hailmap-credit{bottom:12px}
.hailmap-popup{pointer-events:auto}
.hailmap-marker{outline:none}
.hailmap-marker:hover,.hailmap-marker.active{filter:drop-shadow(0 10px 14px rgba(0,0,0,.22))}
@media (max-width:900px){.hailmap-canvas{height:370px}}
@media (max-width:640px){.hailmap-canvas{height:320px}}


/* V6.4.4 — functional date range selector */
.reference-date-box{position:relative;cursor:pointer;user-select:none;z-index:15}
.reference-date-box:focus-visible{outline:3px solid rgba(31,160,220,.18);outline-offset:2px}


/* V6.4.4 — true edge-to-edge map fullscreen */
.hailmap-card.is-fullscreen,
.hailmap-card:fullscreen,
.hailmap-card:-webkit-full-screen{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#cde9f9!important;
  overflow:hidden!important;
  z-index:99999!important;
}
.hailmap-card.is-fullscreen .hailmap-toolbar,
.hailmap-card:fullscreen .hailmap-toolbar,
.hailmap-card:-webkit-full-screen .hailmap-toolbar{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  left:auto!important;
  z-index:50!important;
  width:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hailmap-card.is-fullscreen .hailmap-toolbar-group,
.hailmap-card:fullscreen .hailmap-toolbar-group,
.hailmap-card:-webkit-full-screen .hailmap-toolbar-group{
  gap:8px!important;
}
.hailmap-card.is-fullscreen .hailmap-canvas,
.hailmap-card:fullscreen .hailmap-canvas,
.hailmap-card:-webkit-full-screen .hailmap-canvas{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
}
.hailmap-card.is-fullscreen .hailmap-fullscreen-btn,
.hailmap-card.is-fullscreen .hailmap-select-wrap,
.hailmap-card:fullscreen .hailmap-fullscreen-btn,
.hailmap-card:fullscreen .hailmap-select-wrap,
.hailmap-card:-webkit-full-screen .hailmap-fullscreen-btn,
.hailmap-card:-webkit-full-screen .hailmap-select-wrap{
  box-shadow:0 10px 28px rgba(4,36,66,.20)!important;
}
.hailmap-body-open{overflow:hidden!important}
.hailmap-body-open .ref-map-card{contain:none!important}
@media(max-width:640px){
  .hailmap-card.is-fullscreen .hailmap-canvas,
  .hailmap-card:fullscreen .hailmap-canvas,
  .hailmap-card:-webkit-full-screen .hailmap-canvas{
    height:100vh!important;
    min-height:100vh!important;
  }
  .hailmap-card.is-fullscreen .hailmap-toolbar,
  .hailmap-card:fullscreen .hailmap-toolbar,
  .hailmap-card:-webkit-full-screen .hailmap-toolbar{
    top:8px!important;
    right:8px!important;
  }
}


/* V6.4.4 — centered date range modal with visual-safe viewport positioning */


/* V6.4.2 compact date dropdown */
.date-filter-trigger{cursor:pointer;position:relative;text-align:right;min-width:0}
.date-filter-trigger .date-filter-trigger-icon{flex:0 0 auto;font-size:14px;opacity:.88}
.date-filter-trigger .date-filter-trigger-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}
.date-filter-trigger.is-filtered{border-color:#26a9e7;background:#f4fbff;box-shadow:0 0 0 3px rgba(38,169,231,.08)}
.date-filter-popover{position:fixed;z-index:2500;width:430px;max-width:calc(100vw - 24px);padding:14px;background:#fff;border:1px solid #d7e7f3;border-radius:16px;box-shadow:0 16px 38px rgba(16,67,104,.18);box-sizing:border-box;direction:rtl}
.date-filter-popover[hidden]{display:none!important}
.date-filter-popover-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.date-filter-popover-head strong{font-size:15px;color:#153e70}
.date-filter-close{width:32px;height:32px;border:1px solid #dfeaf3;border-radius:10px;background:#f7fafc;color:#466989;font-size:20px;line-height:1;cursor:pointer}
.date-filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.date-filter-field{display:grid;gap:5px;color:#5c7d9d;font-size:11px;font-weight:800}
.date-filter-field input{width:100%;height:40px;border:1px solid #d9e8f4;border-radius:10px;background:#fbfdff;color:#173f6d;font:inherit;padding:0 9px;direction:ltr;outline:none;box-sizing:border-box}
.date-filter-field input:focus{border-color:#26a9e7;box-shadow:0 0 0 3px rgba(38,169,231,.10)}
.date-filter-error{margin-top:9px;padding:8px 10px;border-radius:9px;background:#fff1f1;color:#b13b3b;font-size:11px;font-weight:700}
.date-filter-actions{display:flex;gap:8px;justify-content:flex-start;margin-top:12px}
.date-filter-actions button{border:0;border-radius:10px;min-height:38px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
.date-filter-apply{background:linear-gradient(135deg,#18a7e7,#137ed4);color:#fff}
.date-filter-clear{background:#edf7fd;color:#176da4}
.date-filter-cancel{background:#f3f5f7;color:#5b6f80}
:root[data-theme='dark'] .date-filter-trigger.is-filtered{background:#173651;border-color:#2ba7e7;box-shadow:0 0 0 3px rgba(43,167,231,.12)}
:root[data-theme='dark'] .date-filter-popover{background:#10283f;border-color:#2d516d;box-shadow:0 16px 38px rgba(0,0,0,.28)}
:root[data-theme='dark'] .date-filter-popover-head strong{color:#eef8ff}
:root[data-theme='dark'] .date-filter-close{background:#173651;border-color:#315875;color:#d7e8f5}
:root[data-theme='dark'] .date-filter-field{color:#a8c2d6}
:root[data-theme='dark'] .date-filter-field input{background:#173651;border-color:#315875;color:#eef8ff}
:root[data-theme='dark'] .date-filter-clear{background:#173d59;color:#8ad6ff}
:root[data-theme='dark'] .date-filter-cancel{background:#263c4f;color:#d5e5f1}
@media(max-width:560px){.date-filter-popover{width:calc(100vw - 16px);padding:12px}.date-filter-fields{grid-template-columns:1fr}.date-filter-actions{display:grid;grid-template-columns:1fr 1fr}.date-filter-apply{grid-column:1/-1}}

/* Saudi Riyal symbol system */
.sar-amount{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;direction:ltr}
.sar-amount-number{direction:ltr;unicode-bidi:isolate}
.sar-symbol-mark{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;flex:0 0 auto}
.sar-symbol-mark img{display:block;width:1.15em;height:auto;object-fit:contain}
.ref-kpi-value .sar-symbol-mark img,.payment-donut-total .sar-symbol-mark img{width:1.1em}
.podium-amount .sar-symbol-mark{display:block;margin-top:4px}
.podium-amount .sar-symbol-mark img{width:1em;margin-inline:auto}
.hailmap-popup-grid .sar-symbol-mark img,.table .sar-symbol-mark img,.summary .sar-symbol-mark img{width:1em}


/* V6.4 financial display refinement */
.sar-amount{display:inline-flex!important;align-items:center!important;gap:6px!important;direction:ltr!important;flex-direction:row!important;white-space:nowrap!important}
.sar-amount .sar-symbol-mark{order:0!important}
.sar-amount .sar-amount-number{order:1!important;direction:ltr!important;unicode-bidi:isolate!important}
.ref-kpi-value .sar-amount{justify-content:flex-start}
.ref-ranking-list .podium-amount{display:flex;align-items:center;justify-content:center}
.ref-ranking-list .podium-amount .sar-amount{gap:4px!important}
.ref-ranking-list .podium-amount .sar-symbol-mark{display:inline-flex!important;margin:0!important}
.ref-ranking-list .podium-amount .sar-symbol-mark img{width:.82em!important;margin:0!important}
.ref-payment-card .modern-donut .donut-center strong.payment-donut-total{font-size:25px!important;line-height:1!important}
.ref-payment-card .modern-donut .payment-donut-total .sar-amount{gap:5px!important}
.ref-payment-card .modern-donut .payment-donut-total .sar-symbol-mark img{width:.78em!important}


/* V6.4.5 — fit all podium monetary values inside their cards */
.ref-ranking-list .podium-card{padding-inline:3px!important}
.ref-ranking-list .podium-amount{width:100%!important;min-width:0!important;max-width:100%!important;padding-inline:0!important;overflow:visible!important;box-sizing:border-box!important}
.ref-ranking-list .podium-amount .sar-amount{max-width:100%!important;min-width:0!important;gap:3px!important;justify-content:center!important;font-size:15px;line-height:1!important}
.ref-ranking-list .podium-amount .sar-amount-number{min-width:0!important;line-height:1!important}
.ref-ranking-list .podium-amount .sar-symbol-mark{flex:0 0 auto!important}
.ref-ranking-list .podium-amount .sar-symbol-mark img{width:.78em!important;max-width:15px!important}
@media(max-width:1100px){.ref-ranking-list .podium-amount .sar-amount{font-size:13px!important;gap:2px!important}}


/* Refined dam-platform style donation curve */
.ref-chart-wrap{height:300px!important;min-height:300px!important;border-radius:18px!important;background:linear-gradient(180deg,#ffffff 0%,#f7fcff 56%,#eef9ff 100%)!important;border:1px solid #dcebf5!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;padding:12px!important;overflow:hidden}
.ref-chart-wrap canvas{cursor:crosshair}
.chart-tooltip{min-width:118px!important;border:1px solid rgba(91,194,240,.28)!important;background:rgba(7,44,72,.96)!important;border-radius:14px!important;padding:10px 12px!important;box-shadow:0 12px 28px rgba(3,33,56,.22)!important;backdrop-filter:blur(8px)}
.chart-tooltip b{font-size:12px}.chart-tooltip span{font-size:13px;font-weight:900;color:#6fddff}
:root[data-theme='dark'] .ref-chart-wrap{background:linear-gradient(180deg,#102b43 0%,#0e2940 52%,#0c253a 100%)!important;border-color:#315674!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important}


/* Donate page full-width row layout */
.page-donate .reference-donation-flow{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
.page-donate .reference-form-card,.page-donate .reference-summary-card{grid-column:1/-1!important;width:100%!important;max-width:none!important}
.page-donate .reference-form-card{grid-row:1!important}
.page-donate .reference-summary-card{grid-row:2!important}
.page-donate #successBox{grid-row:3!important}
.page-donate .reference-subpage-main,.page-donate .reference-donation-flow{width:100%!important}


/* Premium one-row payment selector */
.payment-grid-global{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:12px!important;overflow:visible!important}
.payment-brand{position:relative;min-height:76px!important;justify-content:center!important;padding:12px 14px!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#f7fbff)!important;border:1px solid #d7e6f2!important;box-shadow:0 8px 20px rgba(24,91,139,.06)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.payment-brand:hover{transform:translateY(-2px);border-color:#55b9ea!important;box-shadow:0 12px 26px rgba(24,91,139,.10)!important}
.payment-brand input{position:absolute;opacity:0;pointer-events:none}
.payment-brand-content{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-weight:800;color:#173f6d}
.payment-brand-content img{display:block;width:auto;height:34px;max-width:72px;object-fit:contain;flex:0 0 auto}
.payment-brand-content span{white-space:nowrap;font-size:15px}
.payment-brand:has(input:checked){border-color:#1aa5e5!important;box-shadow:0 0 0 3px rgba(26,165,229,.12),0 12px 28px rgba(24,91,139,.10)!important;background:linear-gradient(180deg,#f4fbff,#edf8fe)!important}
.payment-brand:has(input:checked)::after{content:'✓';position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#18a6e4;color:#fff;font-size:13px;font-weight:900}
:root[data-theme='dark'] .payment-brand{background:linear-gradient(180deg,#183753,#15324c)!important;border-color:#315976!important;box-shadow:none!important}
:root[data-theme='dark'] .payment-brand-content{color:#eef8ff}
:root[data-theme='dark'] .payment-brand:has(input:checked){background:linear-gradient(180deg,#19415e,#163a55)!important;border-color:#2bb0ee!important;box-shadow:0 0 0 3px rgba(43,176,238,.12)!important}
:root[data-theme='dark'] .payment-brand-content img{filter:none}
@media(max-width:980px){.payment-grid-global{grid-template-columns:repeat(4,minmax(170px,1fr))!important;overflow-x:auto!important;padding-bottom:6px!important;scrollbar-width:thin}.payment-brand{min-width:170px}}
@media(max-width:560px){.payment-grid-global{grid-template-columns:repeat(4,minmax(150px,1fr))!important}.payment-brand-content{gap:7px}.payment-brand-content img{height:30px;max-width:62px}.payment-brand-content span{font-size:13px}}


/* Compact donation data row */
.page-donate .donation-fields-row{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)!important;gap:16px!important;align-items:end!important;margin-top:6px!important}
.page-donate .donation-fields-row .field{margin:0!important;min-width:0!important}
.page-donate .donation-field-product .donor-select,.page-donate .donation-field-qty .qty-stepper{height:62px!important;min-height:62px!important}
.page-donate .donation-field-product .donor-select{width:100%!important}
.page-donate .donation-field-qty .qty-stepper{grid-template-columns:64px minmax(0,1fr)!important}
.page-donate .donation-field-qty .qty-combo{min-height:62px!important;height:62px!important}
.page-donate .donation-field-qty .qty-input{height:62px!important}
@media(max-width:820px){.page-donate .donation-fields-row{grid-template-columns:1fr!important}.page-donate .donation-field-product .donor-select,.page-donate .donation-field-qty .qty-stepper{height:auto!important;min-height:58px!important}}


/* Donate header balance refinement */
.page-donate .reference-subpage-header{position:relative!important;display:block!important;min-height:0!important;margin:0!important;padding:0!important}
.page-donate .reference-subpage-hero{height:132px!important;border-radius:0 0 22px 22px!important;box-shadow:0 10px 26px rgba(22,82,132,.10)!important}
.page-donate .reference-subpage-tools{position:absolute!important;top:16px!important;right:18px!important;left:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;z-index:8!important;display:flex!important;justify-content:flex-end!important}
.page-donate .reference-subpage-tools .theme-toggle{min-width:92px!important;height:58px!important;padding:0 16px!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.78)!important;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,250,255,.88))!important;box-shadow:0 14px 28px rgba(9,55,91,.20)!important;backdrop-filter:blur(12px)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}
.page-donate .reference-subpage-tools .theme-toggle::before{content:'المظهر';font-size:13px;font-weight:800;color:#173f6d;line-height:1}
.page-donate .reference-subpage-tools .theme-toggle span{font-size:16px!important;line-height:1!important}
:root[data-theme='dark'] .page-donate .reference-subpage-tools{background:transparent!important;border:0!important}
:root[data-theme='dark'] .page-donate .reference-subpage-tools .theme-toggle{background:linear-gradient(135deg,rgba(15,36,61,.96),rgba(24,49,77,.90))!important;border-color:rgba(108,159,199,.44)!important;color:#eef8ff!important;box-shadow:0 14px 28px rgba(0,0,0,.32)!important}
:root[data-theme='dark'] .page-donate .reference-subpage-tools .theme-toggle::before{color:#eef8ff!important}
.page-donate .reference-subpage-main{margin-top:14px!important}
@media(max-width:760px){.page-donate .reference-subpage-hero{height:118px!important}.page-donate .reference-subpage-tools{top:10px!important;right:10px!important}.page-donate .reference-subpage-tools .theme-toggle{min-width:82px!important;height:50px!important;padding:0 14px!important;border-radius:18px!important;gap:8px!important}.page-donate .reference-subpage-tools .theme-toggle::before{font-size:12px}.page-donate .reference-subpage-main{margin-top:10px!important}}
@media(max-width:430px){.page-donate .reference-subpage-tools .theme-toggle{min-width:72px!important;height:46px!important;padding:0 12px!important}.page-donate .reference-subpage-tools .theme-toggle::before{content:''}.page-donate .reference-subpage-tools .theme-toggle span{font-size:15px!important}}


/* Donor app / PWA full-screen experience */
html.donor-app-mode,html.donor-app-mode body{width:100%;min-width:100%;min-height:100%;margin:0!important;padding:0!important;overscroll-behavior:none;background:var(--bg)}
html.donor-app-mode body.page-donate{min-height:100dvh!important;height:100dvh!important;overflow:hidden!important}
html.donor-app-mode .donate-shell{width:100vw!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:0!important;max-width:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:var(--bg)}
html.donor-app-mode .reference-subpage-main{flex:1 1 auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;overflow:auto!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch}
html.donor-app-mode .reference-donation-flow{width:100%!important;max-width:none!important;margin:0!important;gap:10px!important}
html.donor-app-mode .reference-form-card,html.donor-app-mode .reference-summary-card{border-radius:18px!important;margin:0!important;box-shadow:0 8px 22px rgba(22,82,132,.06)!important}
html.donor-app-mode .reference-form-card{padding:14px!important}
html.donor-app-mode .reference-summary-card{padding:14px!important}
html.donor-app-mode .donation-fields-row{gap:10px!important}
html.donor-app-mode .footer{display:none!important}
html.donor-app-mode .reference-subpage-header{display:block!important;flex:0 0 auto!important;width:100%!important;margin:0!important;padding:0!important}
html.donor-app-mode .design-note{display:none!important}
@media(min-width:900px){
  html.donor-app-mode .reference-subpage-main{padding:14px 18px!important}
  html.donor-app-mode .reference-donation-flow{min-height:calc(100dvh - 28px)!important;align-content:start!important}
}
@media(max-width:700px){
  html.donor-app-mode .reference-subpage-main{padding:8px!important}
  html.donor-app-mode .reference-form-card,html.donor-app-mode .reference-summary-card{padding:12px!important;border-radius:16px!important}
  html.donor-app-mode .section-title h3{font-size:20px!important}
  html.donor-app-mode .section-title .muted{font-size:12px!important}
  html.donor-app-mode .donation-fields-row{grid-template-columns:1fr!important}
  html.donor-app-mode .payment-grid-global{grid-template-columns:repeat(4,minmax(130px,1fr))!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding-bottom:4px!important}
  html.donor-app-mode .payment-brand{min-width:130px!important;min-height:64px!important;scroll-snap-align:start}
  html.donor-app-mode .payment-brand-content img{height:26px!important;max-width:58px!important}
  html.donor-app-mode .summary-row{padding:9px 0!important}
  html.donor-app-mode .summary-total-box{margin:10px 0!important;padding:13px!important}
  html.donor-app-mode .payment-section{margin-top:10px!important}
  html.donor-app-mode .donate-submit{margin-top:10px!important;min-height:48px!important}
}
@media(max-width:430px){
  html.donor-app-mode .reference-subpage-main{padding:6px!important}
  html.donor-app-mode .reference-form-card,html.donor-app-mode .reference-summary-card{padding:10px!important;border-radius:14px!important}
  html.donor-app-mode .field label{font-size:13px!important}
  html.donor-app-mode .donor-select,html.donor-app-mode .qty-input{height:48px!important;font-size:14px!important}
  html.donor-app-mode .qty-combo{min-height:48px!important}
  html.donor-app-mode .payment-title h3{font-size:18px!important}
  html.donor-app-mode .payment-grid-global{grid-template-columns:repeat(4,minmax(118px,1fr))!important;gap:7px!important}
  html.donor-app-mode .payment-brand{min-width:118px!important;padding:8px!important}
  html.donor-app-mode .payment-brand-content{gap:5px!important}
  html.donor-app-mode .payment-brand-content span{font-size:12px!important}
}


/* PWA donor header restore — preserve approved visual header in app mode */
html.donor-app-mode .reference-subpage-hero{width:100%!important;height:132px!important;min-height:132px!important;border-radius:0 0 22px 22px!important;background-position:center!important;background-size:cover!important}
html.donor-app-mode .reference-subpage-tools{display:flex!important}
html.donor-app-mode .reference-subpage-main{min-height:0!important}
@media(max-width:760px){html.donor-app-mode .reference-subpage-hero{height:112px!important;min-height:112px!important;border-radius:0 0 18px 18px!important}}
@media(max-width:430px){html.donor-app-mode .reference-subpage-hero{height:96px!important;min-height:96px!important;border-radius:0 0 16px 16px!important}}


/* V6.4.6 — make SAR symbol visible inside donate summary total box */
.reference-summary-card .summary-total-box .sar-amount,
.summary-total-box .sar-amount{display:inline-flex!important;align-items:center!important;gap:8px!important;justify-content:flex-start!important}
.reference-summary-card .summary-total-box .sar-symbol-mark,
.summary-total-box .sar-symbol-mark{display:inline-flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important}
.reference-summary-card .summary-total-box .sar-symbol-mark img,
.summary-total-box .sar-symbol-mark img{display:block!important;width:1.18em!important;height:auto!important;opacity:1!important;filter:brightness(0) invert(1)!important}
.reference-summary-card .summary-total-box .sar-amount-number,
.summary-total-box .sar-amount-number{color:#fff!important}


/* V6.4.7 — clean Mada logo presentation */
.payment-brand-mada .payment-brand-content{gap:0!important;overflow:visible!important}
.payment-brand-mada .mada-payment-logo{width:auto!important;height:46px!important;max-width:124px!important;object-fit:contain!important;display:block!important;filter:none!important}
html.donor-app-mode .payment-brand-mada .mada-payment-logo{height:42px!important;max-width:116px!important}
:root[data-theme='dark'] .payment-brand-mada .mada-payment-logo{filter:none!important}
@media(max-width:760px){.payment-brand-mada .mada-payment-logo{height:40px!important;max-width:108px!important}}
@media(max-width:430px){.payment-brand-mada .mada-payment-logo{height:36px!important;max-width:98px!important}}


/* V6.4 — real carton visuals in admin and donor pages */
.product-thumb-cell{display:flex;align-items:center;justify-content:center}
.product-thumb-card{position:relative;width:96px;height:78px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#eef7fd);display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 10px 22px rgba(16,80,128,.08)}
.product-thumb-card img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(15,66,109,.18))}
.product-thumb-card span{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.94);color:#12406c;font-size:11px;font-weight:800;box-shadow:0 4px 10px rgba(9,55,91,.12)}
.donor-product-preview{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(38,156,213,.10),rgba(117,213,234,.09))}
.donor-product-thumb-wrap{position:relative;flex:0 0 104px;height:88px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#eef7fd);display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 10px 20px rgba(17,78,123,.08)}
.donor-product-thumb-wrap img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(13,66,110,.20))}
.donor-size-badge{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.96);color:#12406c;font-size:11px;font-weight:800;box-shadow:0 4px 10px rgba(9,55,91,.12)}
.donor-product-meta{display:grid;gap:5px}
.donor-product-meta b{font-size:20px;color:#163c67}
.donor-product-meta span{font-size:13px;color:var(--muted)}
.summary-row-product{align-items:flex-start}
.summary-product-value{display:inline-flex;align-items:center;gap:10px;text-align:right}
.summary-product-value img{width:58px;height:44px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(13,66,110,.18))}
:root[data-theme='dark'] .product-thumb-card,:root[data-theme='dark'] .donor-product-thumb-wrap{background:linear-gradient(180deg,rgba(20,46,76,.98),rgba(12,33,58,.98));border-color:rgba(96,145,187,.36)}
:root[data-theme='dark'] .product-thumb-card span,:root[data-theme='dark'] .donor-size-badge{background:rgba(13,33,58,.92);color:#eef8ff}
:root[data-theme='dark'] .donor-product-preview{background:linear-gradient(135deg,rgba(27,99,145,.18),rgba(23,74,117,.18));border-color:rgba(96,145,187,.32)}
:root[data-theme='dark'] .donor-product-meta b{color:#eef8ff}
@media(max-width:850px){.product-thumb-cell{justify-content:flex-start}.donor-product-preview{align-items:flex-start}.donor-product-meta b{font-size:18px}.summary-product-value img{width:52px;height:40px}}


/* V6.4.3 — top 3 dashboard cards in one row, map stays last */
.page-dashboard .reference-dashboard-grid-final{
  grid-template-columns:1.45fr .84fr .92fr !important;
}
.page-dashboard .reference-bottom-grid-final{
  grid-template-columns:1fr !important;
}
.page-dashboard .reference-dashboard-grid-final > .ref-chart-card{order:1}
.page-dashboard .reference-dashboard-grid-final > .ref-ranking-card{order:2}
.page-dashboard .reference-dashboard-grid-final > .ref-payment-card{order:3}
.page-dashboard .reference-bottom-grid-final > #donationTableSection{order:4}
.page-dashboard .reference-bottom-grid-final > .ref-map-card{order:5}
.page-dashboard .ref-chart-card,
.page-dashboard .ref-ranking-card,
.page-dashboard .ref-payment-card,
.page-dashboard .ref-table-card,
.page-dashboard .ref-map-card{
  width:100% !important;
}
.page-dashboard .ref-payment-layout{
  grid-template-columns:220px 1fr !important;
}
.page-dashboard .ref-map-card{
  margin-top:0 !important;
}
@media (max-width: 1180px){
  .page-dashboard .reference-dashboard-grid-final{grid-template-columns:1fr 1fr !important;}
  .page-dashboard .reference-dashboard-grid-final > .ref-chart-card{grid-column:1/-1 !important;}
}
@media (max-width: 760px){
  .page-dashboard .reference-dashboard-grid-final,
  .page-dashboard .reference-bottom-grid-final{grid-template-columns:1fr !important;}
  .page-dashboard .ref-payment-layout{grid-template-columns:1fr !important;}
}


/* V6.4.4 — hot drinks donation on donor page */
.donation-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.donation-type-btn{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#eef7fd);color:#163f6d;border-radius:16px;padding:13px 14px;font-weight:800;font-size:15px;cursor:pointer;transition:.22s ease;box-shadow:0 6px 14px rgba(12,65,107,.06)}
.donation-type-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(12,65,107,.10)}
.donation-type-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent;color:#fff;box-shadow:0 12px 24px rgba(21,155,224,.22)}
:root[data-theme='dark'] .donation-type-btn{background:linear-gradient(180deg,rgba(20,46,76,.98),rgba(12,33,58,.98));border-color:rgba(96,145,187,.32);color:#eef8ff}
:root[data-theme='dark'] .donation-type-btn.active{background:linear-gradient(135deg,#167fbd,#49c3e7);color:#fff;border-color:transparent}
#donorProductImage[src$="hot-drinks-pack.svg"],#summaryProductImage[src$="hot-drinks-pack.svg"]{padding:2px}
@media(max-width:820px){.donation-type-switch{grid-template-columns:1fr}.donation-type-btn{padding:12px 13px}}


/* V6.4.5 — platform-wide donation category integration */
.donation-type-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.donation-type-badge.water{background:#e5f6ff;color:#1378ad;border:1px solid #c8eafa}
.donation-type-badge.hot{background:#fff0df;color:#a85b12;border:1px solid #f5d4ad}
.product-control-grid{display:grid;grid-template-columns:1fr;gap:16px}
.hot-product-row .product-thumb-card{background:linear-gradient(180deg,#fffaf2,#fff0df)}
.hot-product-add{background:linear-gradient(135deg,#dc8b31,#f0b85d)!important}
:root[data-theme='dark'] .donation-type-badge.water{background:#163f57;color:#8bdcff;border-color:#2c607d}
:root[data-theme='dark'] .donation-type-badge.hot{background:#51351d;color:#ffd08b;border-color:#79512a}
:root[data-theme='dark'] .hot-product-row .product-thumb-card{background:linear-gradient(180deg,#402f20,#2a261f)}


/* V6.5.1 — dashboard header filters all in one row with corrected alignment */
.page-dashboard .integrated-toolbar-shell{
  width:min(1560px,calc(100% - 32px))!important;
  margin:-20px auto 12px!important;
  padding:12px 14px!important;
}
.page-dashboard .toolbar-strip{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
.page-dashboard .toolbar-filter-row.reference-filter-row{
  grid-template-columns:minmax(260px,1.35fr) minmax(170px,.9fr) minmax(170px,.9fr) minmax(170px,.95fr) minmax(170px,.9fr) minmax(250px,1.15fr) 52px!important;
  grid-auto-flow:column!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:0!important;
}
.page-dashboard .toolbar-filter-row #donationTypeFilter{grid-column:2!important; grid-row:1!important}
.page-dashboard .toolbar-filter-row #paymentFilter{grid-column:3!important; grid-row:1!important}
.page-dashboard .toolbar-filter-row #pointTypeFilter{grid-column:4!important; grid-row:1!important}
.page-dashboard .toolbar-filter-row #districtFilter{grid-column:5!important; grid-row:1!important}
.page-dashboard .toolbar-filter-row .reference-period-tabs{grid-column:6!important; grid-row:1!important; min-width:250px!important}
.page-dashboard .toolbar-filter-row .reference-reset{grid-column:7!important; grid-row:1!important}
.page-dashboard .toolbar-filter-row .reference-date-box{grid-column:1!important; grid-row:1!important; min-width:260px!important}
.page-dashboard .toolbar-filter-row .reference-filter-select,
.page-dashboard .toolbar-filter-row .reference-date-box,
.page-dashboard .toolbar-filter-row .reference-period-tabs,
.page-dashboard .toolbar-filter-row .reference-reset{
  margin:0!important;
  align-self:center!important;
}
.page-dashboard .toolbar-filter-row .select,
.page-dashboard .toolbar-filter-row .reference-date-box,
.page-dashboard .toolbar-filter-row .reference-reset,
.page-dashboard .toolbar-filter-row .reference-period-tabs{height:50px!important}
.page-dashboard .dashboard-toolbar-actions{
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  gap:10px!important;
}
.page-dashboard .dashboard-toolbar-actions .menu-toggle,
.page-dashboard .dashboard-toolbar-actions .theme-toggle{
  height:50px!important;
}
@media (max-width: 1480px){
  .page-dashboard .toolbar-filter-row.reference-filter-row{
    grid-template-columns:minmax(230px,1.25fr) repeat(4,minmax(145px,.85fr)) minmax(220px,1.05fr) 52px!important;
  }
}
@media (max-width: 1320px){
  .page-dashboard .toolbar-strip{grid-template-columns:1fr!important}
  .page-dashboard .dashboard-toolbar-actions{justify-self:end!important}
  .page-dashboard .toolbar-filter-row.reference-filter-row{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    row-gap:10px!important;
  }
  .page-dashboard .toolbar-filter-row .reference-date-box{grid-column:1 / span 2!important}
  .page-dashboard .toolbar-filter-row #donationTypeFilter{grid-column:3!important}
  .page-dashboard .toolbar-filter-row #paymentFilter{grid-column:4!important}
  .page-dashboard .toolbar-filter-row #pointTypeFilter{grid-column:1!important}
  .page-dashboard .toolbar-filter-row #districtFilter{grid-column:2!important}
  .page-dashboard .toolbar-filter-row .reference-period-tabs{grid-column:3 / span 1!important; min-width:0!important}
  .page-dashboard .toolbar-filter-row .reference-reset{grid-column:4!important; width:100%!important}
}

/* ===== V7.0 Integrated analytics, campaigns, finance, operations, reports ===== */
.page-dashboard .toolbar-filter-row.reference-filter-row{
  grid-template-columns:minmax(235px,1.35fr) minmax(145px,.82fr) minmax(150px,.85fr) minmax(145px,.82fr) minmax(155px,.9fr) minmax(145px,.82fr) minmax(245px,1.15fr) 50px!important;
}
.page-dashboard .toolbar-filter-row .reference-date-box{grid-column:1!important;grid-row:1!important;min-width:0!important}
.page-dashboard .toolbar-filter-row #donationTypeFilter{grid-column:2!important;grid-row:1!important}
.page-dashboard .toolbar-filter-row #campaignFilter{grid-column:3!important;grid-row:1!important}
.page-dashboard .toolbar-filter-row #paymentFilter{grid-column:4!important;grid-row:1!important}
.page-dashboard .toolbar-filter-row #pointTypeFilter{grid-column:5!important;grid-row:1!important}
.page-dashboard .toolbar-filter-row #districtFilter{grid-column:6!important;grid-row:1!important}
.page-dashboard .toolbar-filter-row .reference-period-tabs{grid-column:7!important;grid-row:1!important;min-width:0!important}
.page-dashboard .toolbar-filter-row .reference-reset{grid-column:8!important;grid-row:1!important}
@media(max-width:1500px){.page-dashboard .integrated-toolbar-shell{width:calc(100% - 20px)!important}.page-dashboard .toolbar-filter-row.reference-filter-row{grid-template-columns:minmax(215px,1.25fr) repeat(5,minmax(132px,.8fr)) minmax(225px,1.05fr) 48px!important;gap:7px!important}.page-dashboard .toolbar-filter-row .select{padding-inline:10px!important;font-size:12px!important}}
@media(max-width:1260px){.page-dashboard .toolbar-filter-row.reference-filter-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;row-gap:8px!important}.page-dashboard .toolbar-filter-row .reference-date-box{grid-column:1 / span 2!important}.page-dashboard .toolbar-filter-row #donationTypeFilter{grid-column:3!important}.page-dashboard .toolbar-filter-row #campaignFilter{grid-column:4!important}.page-dashboard .toolbar-filter-row #paymentFilter{grid-column:1!important;grid-row:2!important}.page-dashboard .toolbar-filter-row #pointTypeFilter{grid-column:2!important;grid-row:2!important}.page-dashboard .toolbar-filter-row #districtFilter{grid-column:3!important;grid-row:2!important}.page-dashboard .toolbar-filter-row .reference-period-tabs{grid-column:4!important;grid-row:2!important}.page-dashboard .toolbar-filter-row .reference-reset{grid-column:1/-1!important;grid-row:3!important;width:100%!important}}

.advanced-analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0}.advanced-analytics-grid>.card,.region-intelligence-grid>.card{padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}
.goal-widgets{display:grid;grid-template-columns:1fr 1fr;gap:12px}.goal-type{display:grid;gap:10px;padding:10px;border-radius:16px;background:color-mix(in srgb,var(--primary),transparent 94%);border:1px solid color-mix(in srgb,var(--primary),transparent 82%)}.goal-type.hot{background:rgba(232,145,82,.07);border-color:rgba(232,145,82,.22)}.goal-type h4{margin:0;font-size:14px}.goal-ring-item{display:flex;align-items:center;gap:10px}.goal-ring,.repeat-ring{--p:0;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) calc(var(--p)*1%),#e7f0f7 0);position:relative;flex:0 0 auto}.goal-ring::after,.repeat-ring::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--surface)}.goal-ring>div,.repeat-ring>div{z-index:1;text-align:center;display:grid}.goal-ring strong,.repeat-ring strong{font-size:16px;color:var(--text)}.goal-ring small,.repeat-ring small{font-size:9px;color:var(--muted)}.goal-values{display:grid;gap:3px}.goal-values b{font-size:14px}.goal-values span{font-size:10px;color:var(--muted)}
.ai-chip{display:inline-flex;font-size:9px;padding:4px 7px;border-radius:999px;background:linear-gradient(135deg,#7041d8,#159be0);color:#fff;margin-inline-start:6px}.mini-forecast-chart{width:100%;height:150px;display:block}.forecast-insights{display:grid;grid-template-columns:1fr 1fr;gap:8px}.forecast-insights>div{padding:9px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);display:grid;gap:3px}.forecast-insights span{font-size:10px;color:var(--muted)}.forecast-insights b{font-size:12px}
.smart-alerts{display:grid;gap:8px}.smart-alert{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line);font-size:11px}.smart-alert i{width:9px;height:9px;border-radius:50%;margin-top:3px;flex:0 0 auto}.smart-alert.warn i{background:#ee9a43}.smart-alert.info i{background:#159be0}.smart-alert.success i{background:#22b77a}.smart-alert span{line-height:1.45}
.region-intelligence-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:12px}.region-performance{display:grid;gap:7px;max-height:330px;overflow:auto}.region-performance-row{display:grid;grid-template-columns:32px minmax(145px,1.3fr) repeat(4,minmax(85px,.7fr));align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.region-rank{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:white;font-weight:900}.region-name{display:grid}.region-name span,.region-performance-row>div>span{font-size:9px;color:var(--muted)}.region-performance-row>div{display:grid;gap:2px}.region-performance-row b{font-size:11px}.growth.up b{color:#1fa36d}.growth.down b{color:#d75c5c}
.hailmap-heat{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.hailmap-heat-spot{position:absolute;width:var(--heat-size);height:var(--heat-size);border-radius:50%;transform:translate(-50%,-50%);filter:blur(18px);opacity:.56;mix-blend-mode:multiply}.hailmap-heat-spot.low{background:radial-gradient(circle,#ff9e42 0,rgba(255,158,66,.45) 38%,transparent 72%)}.hailmap-heat-spot.normal{background:radial-gradient(circle,#168ee8 0,rgba(22,142,232,.42) 38%,transparent 72%)}.hailmap-heat-spot.high{background:radial-gradient(circle,#20c376 0,rgba(32,195,118,.48) 38%,transparent 72%)}.hailmap-markers{z-index:4!important}.hailmap-overlays{z-index:7!important}.heatmap-toggle.active{background:linear-gradient(135deg,#159be0,#22bdc4)!important;color:#fff!important;border-color:transparent!important}

.donor-campaign-field{display:grid;gap:7px;margin:0 0 12px}.donor-campaign-field label{font-weight:800;font-size:13px}

/* Admin V7 */
.page-admin .reference-admin-tabs{grid-template-columns:repeat(7,minmax(0,1fr))!important}.campaign-admin-list,.users-admin-list{display:grid;gap:8px}.campaign-admin-row{display:grid;grid-template-columns:1.3fr .8fr .65fr .75fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.goal-settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.goal-settings-grid label{display:grid;gap:7px;font-size:12px;font-weight:800}.user-admin-row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.role-simulator{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.role-simulator label{font-size:12px;font-weight:800}.report-launch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-launch-grid a{padding:16px;border-radius:15px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);text-decoration:none;font-weight:800;text-align:center}.report-launch-grid a:hover{border-color:var(--primary);color:var(--primary)}

/* Feature pages */
.page-feature-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px}.page-feature-head h1{margin:0;color:var(--text)}.page-feature-head p{margin:5px 0 0;color:var(--muted)}.finance-kpis,.ops-kpis,.report-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:12px}.finance-kpi,.ops-kpi,.report-kpi{padding:17px;display:grid;gap:8px;min-height:105px}.finance-kpi span,.ops-kpi span,.report-kpi span{font-size:11px;color:var(--muted)}.finance-kpi b,.ops-kpi b,.report-kpi b{font-size:22px}.finance-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:12px;margin-bottom:12px}.finance-grid>.card,.finance-settings-card,.ops-grid>.card,.report-filter-card,.printable-report{padding:16px}.finance-chart{width:100%;height:260px}.cost-breakdown{display:grid;gap:9px}.cost-breakdown>div{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.ops-kpis{grid-template-columns:repeat(4,1fr)}.ops-grid{display:grid;grid-template-columns:1.2fr .8fr .9fr .9fr;gap:12px;margin-bottom:12px}.live-operations,.inventory-status,.active-regions{display:grid;gap:8px}.operation-row,.active-region-row,.ops-map-point{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.operation-row i,.map-dot{width:10px;height:10px;border-radius:50%;background:#22b77a}.operation-row i.working{background:#159be0;box-shadow:0 0 0 5px rgba(21,155,224,.12)}.operation-row div,.ops-map-point div{display:grid}.operation-row span,.ops-map-point span{font-size:10px;color:var(--muted)}.inventory-meter{display:grid;grid-template-columns:1fr auto;gap:6px}.inventory-meter progress{grid-column:1/-1;width:100%;accent-color:var(--primary);height:12px}.active-region-row{grid-template-columns:28px 1fr auto}.active-region-row>b{width:26px;height:26px;border-radius:50%;background:var(--primary);color:white;display:grid;place-items:center}.ops-map-list{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.map-dot.off{background:#9aaabb}.report-filters{display:grid;grid-template-columns:repeat(4,1fr) auto auto auto;gap:9px}.report-kpis{grid-template-columns:repeat(4,1fr)}

@media(max-width:1200px){.advanced-analytics-grid{grid-template-columns:1fr 1fr}.region-intelligence-grid,.finance-grid{grid-template-columns:1fr}.page-admin .reference-admin-tabs{grid-template-columns:repeat(4,1fr)!important}.finance-kpis{grid-template-columns:repeat(3,1fr)}.ops-grid{grid-template-columns:1fr 1fr}.ops-map-list{grid-template-columns:repeat(2,1fr)}.report-filters{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.advanced-analytics-grid,.region-intelligence-grid,.goal-widgets,.ops-grid{grid-template-columns:1fr}.region-performance-row{grid-template-columns:30px 1fr 1fr}.region-performance-row>div:nth-child(n+5){display:none}.page-admin .reference-admin-tabs{grid-template-columns:1fr 1fr!important}.campaign-admin-row,.user-admin-row,.goal-settings-grid{grid-template-columns:1fr}.finance-kpis,.ops-kpis,.report-kpis{grid-template-columns:1fr 1fr}.ops-map-list{grid-template-columns:1fr}.report-filters{grid-template-columns:1fr}.report-launch-grid{grid-template-columns:1fr}}

@media print{body{background:#fff!important}.global-header,.report-filter-card,.dashboard-toolbar-shell{display:none!important}.reference-admin-main{padding:0!important}.printable-report{border:0!important;box-shadow:none!important}.report-kpis{grid-template-columns:repeat(4,1fr)!important}.card{break-inside:avoid}}


/* V7.1 — interactive premium redesign for advanced analytics */
.advanced-analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.advanced-analytics-grid>.card,.region-intelligence-grid>.card{position:relative;overflow:hidden;border-radius:22px!important;border:1px solid #d7e8f4!important;background:linear-gradient(180deg,#fff,#f9fcff)!important;box-shadow:0 12px 30px rgba(22,82,132,.075)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.advanced-analytics-grid>.card:hover,.region-intelligence-grid>.card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(22,82,132,.13)!important;border-color:#b9def2!important}
.advanced-analytics-grid>.card::before,.region-intelligence-grid>.card::before{content:"";position:absolute;inset:0 auto auto 0;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(21,155,224,.08),transparent 68%);transform:translate(-35%,-35%);pointer-events:none}
.goal-widgets{gap:14px!important}.goal-type{padding:12px!important;border-radius:18px!important;background:linear-gradient(145deg,#f7fcff,#eef8fe)!important;border:1px solid #d9ebf6!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.goal-type.hot{background:linear-gradient(145deg,#fffaf6,#fff1e8)!important;border-color:#f1d8c6!important}
.goal-type-head{display:flex;align-items:center;gap:9px;margin-bottom:2px}.goal-type-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#fff;box-shadow:0 6px 14px rgba(17,76,119,.08);font-size:17px}.goal-type h4{font-size:14px!important;color:#163f6d}.goal-type-head small{font-size:9px;color:var(--muted)}
.goal-ring-item{appearance:none;width:100%;border:1px solid transparent;background:rgba(255,255,255,.72);border-radius:16px;padding:10px;display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;text-align:right;cursor:pointer;position:relative;overflow:hidden;transition:.2s ease;color:inherit}.goal-ring-item:hover,.goal-ring-item:focus-visible{transform:translateY(-2px) scale(1.01);border-color:#bfe4f6;background:#fff;box-shadow:0 10px 22px rgba(18,90,137,.11);outline:none}.goal-ring{width:68px!important;height:68px!important;transition:transform .25s ease,filter .25s ease}.goal-ring-item:hover .goal-ring{transform:scale(1.08) rotate(-3deg);filter:drop-shadow(0 8px 10px rgba(21,155,224,.18))}.goal-ring::after{inset:8px!important}.goal-ring strong{font-size:15px!important}.goal-values b{font-size:13px!important}.goal-values span{font-size:9px!important}.goal-progress-line{grid-column:1/-1;height:4px;border-radius:999px;background:#e6f1f7;overflow:hidden}.goal-progress-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#159be0,#41c5e6);transition:width .35s ease}.goal-ring-item-hot .goal-progress-line i{background:linear-gradient(90deg,#ec955d,#f3bd65)}
.forecast-card{min-width:0}.forecast-card .mini-forecast-chart{height:205px!important;min-height:205px!important;border-radius:16px;background:linear-gradient(180deg,#fbfeff,#f3faff);border:1px solid #e1edf6;padding:4px;cursor:crosshair}.forecast-insights{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-top:10px}.forecast-insight{appearance:none;border:1px solid #e0edf6;background:#fbfdff;border-radius:14px;padding:9px 10px;text-align:right;display:grid;gap:2px;color:inherit;cursor:pointer;transition:.2s ease}.forecast-insight:hover{transform:translateY(-2px);border-color:#b8dff2;box-shadow:0 9px 18px rgba(20,82,132,.08);background:#fff}.forecast-insight span{font-size:9px;color:var(--muted)}.forecast-insight b{font-size:12px;color:#153f6c}.forecast-insight small{font-size:8px;color:#8aa1b7}.advanced-chart-tooltip{position:absolute;z-index:20;min-width:132px;padding:9px 11px;border-radius:12px;background:rgba(12,41,69,.94);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.18);pointer-events:none;display:grid;gap:3px;font-size:10px;backdrop-filter:blur(6px)}.advanced-chart-tooltip[hidden]{display:none!important}.advanced-chart-tooltip b{font-size:10px}.advanced-chart-tooltip span{font-size:11px}
.alerts-card .smart-alerts{max-height:190px;overflow:auto;padding-inline:1px}.smart-alert{appearance:none!important;width:100%;text-align:right;cursor:pointer;align-items:center!important;border-radius:14px!important;padding:10px 11px!important;transition:.18s ease!important;color:inherit}.smart-alert:hover{transform:translateX(-4px);box-shadow:0 8px 18px rgba(19,78,118,.08);background:#fff}.smart-alert i{width:25px!important;height:25px!important;border-radius:9px!important;margin:0!important;display:grid!important;place-items:center!important;color:#fff;font-style:normal;font-size:10px;font-weight:900}.smart-alert.warn i{background:#ee9a43!important}.smart-alert.info i{background:#159be0!important}.smart-alert.success i{background:#22b77a!important}.smart-alert span{flex:1;font-size:10px}.smart-alert em{font-style:normal;color:#7c98b0;font-size:18px;line-height:1}
.region-intelligence-grid{grid-template-columns:1.45fr .95fr!important;gap:14px!important}.region-performance{gap:8px!important;max-height:355px!important;padding-inline:1px}.region-performance-row{appearance:none;width:100%;grid-template-columns:32px minmax(160px,1.4fr) repeat(4,minmax(82px,.72fr)) 18px!important;gap:9px!important;padding:10px 11px!important;border-radius:15px!important;background:linear-gradient(180deg,#fcfeff,#f6fbfe)!important;cursor:pointer;color:inherit;text-align:right;transition:.18s ease;position:relative}.region-performance-row:hover,.region-performance-row:focus-visible{transform:translateX(-4px);border-color:#b9def2!important;background:#fff!important;box-shadow:0 10px 20px rgba(18,82,125,.08);outline:none}.region-rank{background:linear-gradient(145deg,#64baf1,#178ad0)!important;box-shadow:0 5px 12px rgba(21,142,208,.16)}.region-name{min-width:0}.region-value-bar{display:block;height:4px;border-radius:999px;background:#e4eff5;margin-top:5px;overflow:hidden}.region-value-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#159be0,#42c7df)}.region-row-arrow{font-style:normal;color:#7d99b1;font-size:18px}.region-performance-row:hover .region-row-arrow{color:#159be0;transform:translateX(-2px)}
:root[data-theme='dark'] .advanced-analytics-grid>.card,:root[data-theme='dark'] .region-intelligence-grid>.card{background:linear-gradient(180deg,#102942,#0d2238)!important;border-color:#2a506c!important}:root[data-theme='dark'] .goal-type{background:linear-gradient(145deg,#153450,#112a43)!important;border-color:#315976!important}:root[data-theme='dark'] .goal-type.hot{background:linear-gradient(145deg,#3a2d26,#2d241f)!important;border-color:#765640!important}:root[data-theme='dark'] .goal-ring-item,:root[data-theme='dark'] .forecast-insight,:root[data-theme='dark'] .repeat-stats button,:root[data-theme='dark'] .region-performance-row,:root[data-theme='dark'] .smart-alert{background:#142f49!important;border-color:#315773!important}:root[data-theme='dark'] .goal-ring-item:hover,:root[data-theme='dark'] .forecast-insight:hover,:root[data-theme='dark'] .repeat-stats button:hover,:root[data-theme='dark'] .region-performance-row:hover,:root[data-theme='dark'] .smart-alert:hover{background:#193a58!important}:root[data-theme='dark'] .goal-ring::after,:root[data-theme='dark'] .repeat-ring::after{background:#102942!important}:root[data-theme='dark'] .forecast-card .mini-forecast-chart,:root[data-theme='dark'] .region-compare-chart{background:linear-gradient(180deg,#0d2238,#0b1d30);border-color:#294d68}:root[data-theme='dark'] .forecast-insight b,:root[data-theme='dark'] .goal-type h4{color:#eef8ff}:root[data-theme='dark'] .compare-chip span{background:#142f49;border-color:#315773;color:#bfd2e2}
@media(max-width:1280px){.advanced-analytics-grid{grid-template-columns:1fr 1fr!important}.region-intelligence-grid{grid-template-columns:1fr!important}.forecast-insights{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.advanced-analytics-grid,.goal-widgets{grid-template-columns:1fr!important}.forecast-insights{grid-template-columns:1fr 1fr!important}.region-performance-row{grid-template-columns:30px minmax(120px,1fr) 1fr!important}.region-performance-row>div:nth-of-type(n+4){display:none}.region-row-arrow{display:block!important}

/* V7.1 — premium interaction for new pages and control-center modules */
.page-feature-head{position:relative;overflow:hidden;padding:18px 20px;border:1px solid #d8e8f4;border-radius:22px;background:linear-gradient(135deg,#ffffff,#f1f9fe);box-shadow:0 10px 26px rgba(20,82,132,.07);margin-bottom:14px}.page-feature-head::after{content:"";position:absolute;left:-40px;top:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(21,155,224,.12),transparent 70%)}.page-feature-head h1{margin:0 0 5px;color:#153e70;font-size:28px}.page-feature-head p{margin:0;color:var(--muted);font-size:13px}
.finance-kpis,.ops-kpis,.report-kpis{gap:12px!important}.finance-kpi,.ops-kpi,.report-kpi{position:relative;overflow:hidden;min-height:112px;border-radius:20px!important;border:1px solid #d8e8f4!important;background:linear-gradient(160deg,#fff,#f5fbff)!important;box-shadow:0 10px 24px rgba(19,82,126,.07)!important;transition:.2s ease}.finance-kpi:hover,.ops-kpi:hover,.report-kpi:hover{transform:translateY(-4px);border-color:#b7def1!important;box-shadow:0 16px 30px rgba(19,82,126,.13)!important}.finance-kpi::before,.ops-kpi::before,.report-kpi::before{content:"";position:absolute;inset:auto -25px -35px auto;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,rgba(21,155,224,.10),transparent 70%)}.finance-kpi span,.ops-kpi span,.report-kpi span{font-size:11px!important;color:var(--muted)}.finance-kpi b,.ops-kpi b,.report-kpi b{font-size:23px!important;color:#153f6d;position:relative;z-index:1}
.finance-grid>.card,.finance-settings-card,.ops-grid>.card,.page-operations .reference-admin-content>section.card,.report-filter-card,.printable-report,.panel#campaignPanel>.card,.panel#usersPanel>.card,.panel#alertsPanel>.card,.panel#reportsPanel>.card{border-radius:22px!important;border:1px solid #d8e8f4!important;background:linear-gradient(180deg,#fff,#f9fcff)!important;box-shadow:0 12px 28px rgba(20,82,132,.07)!important;transition:.2s ease}.finance-grid>.card:hover,.ops-grid>.card:hover,.page-operations .reference-admin-content>section.card:hover,.report-filter-card:hover,.printable-report:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(20,82,132,.11)!important}
.finance-chart{height:280px!important;border:1px solid #e1edf6;border-radius:17px;background:linear-gradient(180deg,#fbfeff,#f4faff);cursor:crosshair}.cost-breakdown{gap:9px!important}.cost-breakdown>div{position:relative;overflow:hidden;border:1px solid #e0edf6;border-radius:15px;background:#fbfdff;padding:11px 12px;transition:.18s ease}.cost-breakdown>div:hover{transform:translateX(-4px);border-color:#b9dff2;background:#fff;box-shadow:0 8px 18px rgba(20,82,132,.07)}.cost-breakdown>div::after{content:"";position:absolute;right:0;bottom:0;height:3px;width:45%;background:linear-gradient(90deg,#159be0,#3fc4df)}
.goal-settings-grid label{border:1px solid #e0edf6;border-radius:15px;padding:10px;background:#fbfdff;transition:.18s ease}.goal-settings-grid label:focus-within{border-color:#89cdec;box-shadow:0 0 0 3px rgba(21,155,224,.09);background:#fff}
.live-operations,.active-regions,.inventory-status{display:grid;gap:8px}.operation-row,.active-region-row,.inventory-meter,.ops-map-point{border:1px solid #e0edf6!important;background:#fbfdff!important;border-radius:15px!important;padding:10px 12px!important;transition:.18s ease}.operation-row:hover,.active-region-row:hover,.inventory-meter:hover,.ops-map-point:hover{transform:translateX(-4px);background:#fff!important;border-color:#b9dff2!important;box-shadow:0 8px 18px rgba(20,82,132,.07)}.operation-row i,.map-dot{box-shadow:0 0 0 4px rgba(21,155,224,.08)}.inventory-meter progress{height:8px;border-radius:999px;overflow:hidden}.inventory-meter progress::-webkit-progress-bar{background:#e6f1f7}.inventory-meter progress::-webkit-progress-value{background:linear-gradient(90deg,#159be0,#3fc4df);border-radius:999px}.ops-map-list{gap:10px!important}.ops-map-point{min-height:68px;align-items:center}
.report-filter-card{padding:14px!important}.report-filters{gap:9px!important}.report-filters .select,.report-filters .btn{min-height:48px!important}.printable-report .table tbody tr{transition:.15s ease}.printable-report .table tbody tr:hover{background:#eef8fd!important;transform:none}.report-launch-grid a{position:relative;overflow:hidden;border:1px solid #e0edf6!important;background:linear-gradient(180deg,#fff,#f5fbff)!important;border-radius:16px!important;padding:14px!important;font-weight:800;color:#1d5f90;transition:.18s ease}.report-launch-grid a:hover{transform:translateY(-3px);border-color:#abd9ef!important;box-shadow:0 10px 20px rgba(20,82,132,.09)}.report-launch-grid a::after{content:'›';position:absolute;left:12px;color:#7ba6c4;font-size:18px}
.campaign-admin-row,.user-admin-row{border:1px solid #e0edf6!important;border-radius:16px!important;background:#fbfdff;padding:10px!important;margin-bottom:8px!important;transition:.18s ease}.campaign-admin-row:hover,.user-admin-row:hover{border-color:#b9dff2!important;background:#fff;box-shadow:0 9px 18px rgba(20,82,132,.07);transform:translateY(-1px)}.role-simulator{border:1px dashed #aed7eb;border-radius:16px;padding:12px;background:#f4fbff;margin-bottom:12px}.page-admin .reference-admin-tabs button{transition:.18s ease!important}.page-admin .reference-admin-tabs button:hover{transform:translateY(-2px)!important}.page-admin .reference-admin-tabs button.btn-primary{box-shadow:0 9px 20px rgba(21,155,224,.20)!important}
:root[data-theme='dark'] .page-feature-head,:root[data-theme='dark'] .finance-kpi,:root[data-theme='dark'] .ops-kpi,:root[data-theme='dark'] .report-kpi,:root[data-theme='dark'] .finance-grid>.card,:root[data-theme='dark'] .finance-settings-card,:root[data-theme='dark'] .ops-grid>.card,:root[data-theme='dark'] .page-operations .reference-admin-content>section.card,:root[data-theme='dark'] .report-filter-card,:root[data-theme='dark'] .printable-report,:root[data-theme='dark'] .panel#campaignPanel>.card,:root[data-theme='dark'] .panel#usersPanel>.card,:root[data-theme='dark'] .panel#alertsPanel>.card,:root[data-theme='dark'] .panel#reportsPanel>.card{background:linear-gradient(180deg,#102942,#0d2238)!important;border-color:#2b506c!important}:root[data-theme='dark'] .page-feature-head h1,:root[data-theme='dark'] .finance-kpi b,:root[data-theme='dark'] .ops-kpi b,:root[data-theme='dark'] .report-kpi b{color:#eef8ff}:root[data-theme='dark'] .finance-chart{background:linear-gradient(180deg,#0d2238,#0a1d30);border-color:#294e69}:root[data-theme='dark'] .cost-breakdown>div,:root[data-theme='dark'] .goal-settings-grid label,:root[data-theme='dark'] .operation-row,:root[data-theme='dark'] .active-region-row,:root[data-theme='dark'] .inventory-meter,:root[data-theme='dark'] .ops-map-point,:root[data-theme='dark'] .campaign-admin-row,:root[data-theme='dark'] .user-admin-row,:root[data-theme='dark'] .role-simulator,:root[data-theme='dark'] .report-launch-grid a{background:#142f49!important;border-color:#315773!important;color:#eef8ff}


/* V7.1.1 — removed repeat-donor and region-comparison cards; clean reflow */
.page-dashboard .advanced-analytics-grid{
  grid-template-columns:minmax(320px,1.05fr) minmax(430px,1.55fr) minmax(300px,.95fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
.page-dashboard .advanced-analytics-grid>.goal-card,
.page-dashboard .advanced-analytics-grid>.forecast-card,
.page-dashboard .advanced-analytics-grid>.alerts-card{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
}
.page-dashboard .region-intelligence-grid{
  grid-template-columns:1fr!important;
  gap:0!important;
}
.page-dashboard .region-performance-card{
  width:100%!important;
  grid-column:1/-1!important;
}
.page-dashboard .region-performance{
  max-height:355px!important;
}
@media(max-width:1280px){
  .page-dashboard .advanced-analytics-grid{grid-template-columns:1fr 1fr!important;}
  .page-dashboard .advanced-analytics-grid>.alerts-card{grid-column:1/-1!important;}
}
@media(max-width:760px){
  .page-dashboard .advanced-analytics-grid{grid-template-columns:1fr!important;}
  .page-dashboard .advanced-analytics-grid>.alerts-card{grid-column:auto!important;}
}


/* V7.2.0 — hard reflow after removed cards; unique classes avoid stale legacy grid */
.page-dashboard .analytics-reflow-v72{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:auto!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  margin:12px 0!important;
  padding:0!important;
  direction:rtl!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
.page-dashboard .analytics-reflow-v72>.card{
  grid-column:auto!important;
  grid-row:auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  align-self:stretch!important;
}
.page-dashboard .region-reflow-v72{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 12px!important;
  padding:0!important;
  gap:0!important;
  direction:rtl!important;
}
.page-dashboard .region-reflow-v72>.region-performance-card{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
.page-dashboard .region-reflow-v72 .region-performance{width:100%!important;max-width:none!important}
@media(max-width:1180px){
  .page-dashboard .analytics-reflow-v72{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-dashboard .analytics-reflow-v72>.alerts-card{grid-column:1/-1!important}
}
@media(max-width:760px){
  .page-dashboard .analytics-reflow-v72{grid-template-columns:1fr!important}
  .page-dashboard .analytics-reflow-v72>.alerts-card{grid-column:auto!important}
}


/* V7.3 canonical advanced-dashboard layout — legacy columns removed */
.page-dashboard .advanced-analytics-grid.analytics-reflow-v72{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;
 width:100%!important;max-width:none!important;margin:12px 0!important;padding:0!important;direction:rtl!important;align-items:stretch!important;
}
.page-dashboard .advanced-analytics-grid.analytics-reflow-v72>.card{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;}
.page-dashboard .region-intelligence-grid.region-reflow-v72{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:none!important;margin:0 0 12px!important;padding:0!important;gap:0!important;}
.page-dashboard .region-intelligence-grid.region-reflow-v72>.region-performance-card{grid-column:1/-1!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;}
.page-dashboard .region-intelligence-grid.region-reflow-v72 .region-performance{width:100%!important;max-width:none!important;}
@media(max-width:1180px){.page-dashboard .advanced-analytics-grid.analytics-reflow-v72{grid-template-columns:1fr 1fr!important}.page-dashboard .advanced-analytics-grid.analytics-reflow-v72>.alerts-card{grid-column:1/-1!important}}
@media(max-width:760px){.page-dashboard .advanced-analytics-grid.analytics-reflow-v72{grid-template-columns:1fr!important}.page-dashboard .advanced-analytics-grid.analytics-reflow-v72>.alerts-card{grid-column:auto!important}}


/* V7.5 — procurement / purchasing integration */
.procurement-finance-section{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0}.procurement-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.procurement-kpi{position:relative;display:grid;gap:6px;padding:17px 18px;border:1px solid #d9e8f4;border-radius:18px;background:linear-gradient(145deg,#fff,#f6fbff);box-shadow:0 8px 22px rgba(22,82,132,.06);text-decoration:none;color:#173f6d;overflow:hidden;transition:.2s ease}.procurement-kpi:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(22,82,132,.12)}.procurement-kpi span{font-weight:800}.procurement-kpi b{font-size:27px}.procurement-kpi small{color:var(--muted);font-size:11px}.procurement-kpi em{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:25px;color:#74a6c9}.procurement-kpi.completed{border-bottom:4px solid #f09a47}.procurement-kpi.commitments{border-bottom:4px solid #7b69da}.procurement-kpi.available{border-bottom:4px solid #2fad83}.procurement-kpi.donations{border-bottom:4px solid #159be0}.procurement-trend-card{padding:16px!important}.procurement-legend{display:flex;gap:18px;flex-wrap:wrap;margin:-4px 0 8px;color:var(--muted);font-size:12px}.procurement-legend span{display:inline-flex;align-items:center;gap:6px}.procurement-legend i{width:9px;height:9px;border-radius:50%}.donation-dot{background:#159be0}.purchase-dot{background:#f09a47}.balance-dot{background:#2fad83}.procurement-chart-wrap{height:250px;position:relative;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f5fbff);overflow:hidden;padding:8px}.procurement-chart-wrap canvas{width:100%;height:100%}.purchase-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.purchase-kpi{display:grid;gap:7px;min-height:104px}.purchase-kpi span{color:var(--muted);font-weight:700}.purchase-kpi b{font-size:24px}.purchase-kpi.done{border-bottom:4px solid #2fad83}.purchase-kpi.open{border-bottom:4px solid #7b69da}.purchase-kpi.request{border-bottom:4px solid #f09a47}.purchase-kpi.balance{border-bottom:4px solid #159be0}.purchase-filter-card{padding:12px!important;margin-bottom:14px}.purchase-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.purchase-analysis-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:14px}.purchase-analysis-grid>.card{padding:16px}.purchase-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#eef4f8;color:#58748d}.purchase-status.complete{background:#e2f7ee;color:#1b825d}.purchase-status.open{background:#fff2dd;color:#a76a12}.purchase-status.cancelled{background:#ffe7e7;color:#b33e3e}.purchase-bar{display:grid;gap:7px;margin:12px 0}.purchase-bar>div{display:flex;justify-content:space-between;align-items:center}.purchase-bar i{display:block;height:9px;background:#edf5fa;border-radius:999px;overflow:hidden}.purchase-bar i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#159be0,#65cbe8)}.purchase-type-split{display:flex;align-items:center;justify-content:center;gap:20px;min-height:200px}.purchase-type-ring{--water:70;position:relative;width:140px;height:140px;border-radius:50%;background:conic-gradient(#159be0 calc(var(--water)*1%),#f09a47 0);display:grid;place-items:center}.purchase-type-ring:after{content:"";position:absolute;inset:18px;border-radius:50%;background:var(--surface)}.purchase-type-ring strong,.purchase-type-ring span{position:relative;z-index:2}.purchase-type-ring strong{font-size:26px}.purchase-type-ring span{position:absolute;margin-top:48px;font-size:11px;color:var(--muted)}.purchase-type-detail{display:grid;gap:12px}.purchase-type-detail>div{display:grid;gap:3px}.purchase-type-detail span{font-size:12px;color:var(--muted)}.purchase-type-detail b{font-size:18px}.purchase-form-total{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:14px;background:linear-gradient(135deg,#eaf7ff,#f8fcff);border:1px solid var(--line)}.purchase-form-total b{font-size:22px}.admin-purchase-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.admin-purchase-summary>div{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);display:grid;gap:6px}.admin-purchase-summary span{color:var(--muted);font-size:12px}.admin-purchase-summary b{font-size:20px}.page-operations .ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
:root[data-theme='dark'] .procurement-kpi,:root[data-theme='dark'] .procurement-chart-wrap{background:linear-gradient(145deg,#102941,#0c2238);border-color:#274b67;color:#eef8ff}:root[data-theme='dark'] .purchase-form-total{background:#112d47;border-color:#31536c}:root[data-theme='dark'] .purchase-type-ring:after{background:#0f243d}
@media(max-width:1100px){.procurement-kpis{grid-template-columns:repeat(2,1fr)}.purchase-kpis{grid-template-columns:repeat(3,1fr)}.purchase-analysis-grid{grid-template-columns:1fr}.purchase-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.procurement-kpis,.purchase-kpis,.purchase-filters,.admin-purchase-summary{grid-template-columns:1fr}.purchase-type-split{flex-direction:column}.page-operations .ops-grid{grid-template-columns:1fr!important}}


/* V7.6 — fixed procurement KPI cards; prevent inline financial strip */
.page-dashboard .procurement-finance-section{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;margin:14px 0!important;width:100%!important}
.page-dashboard .procurement-kpis.procurement-kpis-fixed{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:100%!important;align-items:stretch!important}
.page-dashboard .procurement-kpis-fixed .procurement-kpi{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto auto!important;column-gap:10px!important;row-gap:6px!important;min-width:0!important;min-height:132px!important;padding:18px 20px!important;border:1px solid #d9e8f4!important;border-radius:20px!important;background:linear-gradient(155deg,#ffffff 0%,#f4faff 100%)!important;box-shadow:0 10px 24px rgba(22,82,132,.07)!important;text-decoration:none!important;color:#173f6d!important;overflow:hidden!important;position:relative!important}
.page-dashboard .procurement-kpis-fixed .procurement-kpi>span{grid-column:1/-1!important;font-size:14px!important;font-weight:900!important;line-height:1.35!important;white-space:normal!important}
.page-dashboard .procurement-kpis-fixed .procurement-kpi>b{grid-column:1/-1!important;display:block!important;font-size:28px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.page-dashboard .procurement-kpis-fixed .procurement-kpi>small{grid-column:1/-1!important;display:block!important;font-size:11px!important;line-height:1.5!important;color:var(--muted)!important;white-space:normal!important}
.page-dashboard .procurement-kpis-fixed .procurement-kpi>em{position:absolute!important;left:16px!important;top:18px!important;transform:none!important;font-size:22px!important}
.page-dashboard .procurement-kpis-fixed .procurement-kpi:hover{transform:translateY(-4px)!important;box-shadow:0 16px 32px rgba(22,82,132,.13)!important}
.page-dashboard .procurement-kpis-fixed .procurement-kpi.donations{border-bottom:4px solid #159be0!important}
.page-dashboard .procurement-kpis-fixed .procurement-kpi.completed{border-bottom:4px solid #f09a47!important}
.page-dashboard .procurement-kpis-fixed .procurement-kpi.commitments{border-bottom:4px solid #7b69da!important}
.page-dashboard .procurement-kpis-fixed .procurement-kpi.available{border-bottom:4px solid #2fad83!important}
:root[data-theme='dark'] .page-dashboard .procurement-kpis-fixed .procurement-kpi{background:linear-gradient(155deg,#102941,#0c2238)!important;border-color:#274b67!important;color:#eef8ff!important}
@media(max-width:1100px){.page-dashboard .procurement-kpis.procurement-kpis-fixed{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.page-dashboard .procurement-kpis.procurement-kpis-fixed{grid-template-columns:1fr!important}}

/* V7.7 unified line-chart tooltip and hover treatment */
.chart-tooltip.curve-tooltip-box,
.advanced-chart-tooltip.curve-tooltip-box{
  min-width:164px!important;
  border:1px solid rgba(56,153,226,.22)!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  background:rgba(255,255,255,.98)!important;
  color:#173f6d!important;
  box-shadow:0 16px 34px rgba(12,63,104,.18)!important;
  display:grid!important;
  gap:7px!important;
  backdrop-filter:blur(10px)!important;
}
:root[data-theme='dark'] .chart-tooltip.curve-tooltip-box,
:root[data-theme='dark'] .advanced-chart-tooltip.curve-tooltip-box{
  background:rgba(7,31,49,.96)!important;
  color:#eef8ff!important;
  border-color:rgba(114,199,255,.2)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.34)!important;
}
.curve-tip-title{
  font-size:15px!important;
  font-weight:900!important;
  color:inherit!important;
  display:block!important;
  line-height:1.2!important;
}
.curve-tip-row{
  display:grid!important;
  grid-template-columns:10px 1fr auto!important;
  align-items:center!important;
  gap:8px!important;
  font-size:12px!important;
  line-height:1.25!important;
}
.curve-tip-dot{width:10px;height:10px;border-radius:50%;display:block;box-shadow:0 0 0 3px rgba(21,155,224,.10)}
.curve-tip-label{color:var(--muted)!important;font-weight:700!important}
.curve-tip-value{font-size:16px!important;font-weight:900!important;color:#133f6e!important}
:root[data-theme='dark'] .curve-tip-value{color:#f5fbff!important}
#procurementTrend,#forecastChart,#financeTrend,#lineChart{cursor:crosshair}

/* V7.9 smart alert demo/content polish */
.smart-alert span{display:grid;gap:3px;min-width:0}
.smart-alert span b{font-size:11px;color:#173f6d;font-weight:900;line-height:1.35}
.smart-alert span small{font-size:9px;color:var(--muted);line-height:1.45;white-space:normal}
:root[data-theme='dark'] .smart-alert span b{color:#eef8ff}
.smart-alert[data-alert-id]:active{transform:translateX(-2px) scale(.995)}


/* V8.0 — donation goal card removed; remaining analytics cards re-aligned */
.page-dashboard .advanced-analytics-grid.analytics-reflow-v72{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-areas:"forecast alerts"!important;
  gap:14px!important;
  align-items:start!important;
  width:100%!important;
}
.page-dashboard .advanced-analytics-grid.analytics-reflow-v72>.forecast-card{grid-area:forecast!important;width:100%!important;min-width:0!important;}
.page-dashboard .advanced-analytics-grid.analytics-reflow-v72>.alerts-card{grid-area:alerts!important;width:100%!important;min-width:0!important;}
.page-dashboard .advanced-analytics-grid>.goal-card,.page-dashboard #goalWidgets{display:none!important;}
@media(max-width:760px){
 .page-dashboard .advanced-analytics-grid.analytics-reflow-v72{grid-template-columns:1fr!important;grid-template-areas:"forecast" "alerts"!important;}
}


/* V8.1 unified legends for all line charts */
.curve-legend{display:flex;align-items:center;justify-content:flex-start;gap:18px;flex-wrap:wrap;margin:2px 0 10px;color:var(--muted);font-size:12px;font-weight:700}
.curve-legend span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.legend-line{display:inline-block;width:30px;height:4px;border-radius:999px;background:#159be0;box-shadow:0 0 0 1px rgba(21,155,224,.08)}
.legend-line.previous{height:0;border-top:3px dashed #e0a52c;background:transparent;border-radius:0;box-shadow:none}
.legend-line.current,.legend-line.donations{background:#159be0}
.legend-line.purchases{height:0;border-top:3px dashed #f09a47;background:transparent;border-radius:0;box-shadow:none}
.legend-line.balance{background:#2fad83}
.procurement-legend.curve-legend{margin:-4px 0 10px}
.procurement-legend.curve-legend i{width:30px;height:4px;border-radius:999px}
.procurement-legend.curve-legend .purchase-dot{height:0;border-top:3px dashed #f09a47;background:transparent;border-radius:0}
.procurement-legend.curve-legend .donation-dot{background:#159be0}
.procurement-legend.curve-legend .balance-dot{background:#2fad83}
:root[data-theme='dark'] .curve-legend{color:#b9cee0}
@media(max-width:700px){.curve-legend{gap:12px;font-size:11px}.legend-line{width:24px}}

/* V8.3 — prominent, always-visible chart legends */
.curve-legend,
.procurement-legend.curve-legend,
.ref-curve-legend{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  min-height:44px!important;
  margin:8px 0 12px!important;
  padding:8px 10px!important;
  border:1px solid #dcebf5!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fbfdff,#f2f9fd)!important;
  color:#315d82!important;
  font-size:12px!important;
  font-weight:800!important;
  position:relative!important;
  z-index:4!important;
}
.curve-legend span,
.procurement-legend.curve-legend span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:30px!important;
  padding:5px 10px!important;
  border:1px solid #e1edf5!important;
  border-radius:999px!important;
  background:#fff!important;
  white-space:nowrap!important;
  color:#244f73!important;
  box-shadow:0 4px 10px rgba(22,82,132,.05)!important;
}
.legend-line,
.procurement-legend.curve-legend i{
  display:inline-block!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:5px!important;
  border-radius:999px!important;
  background:#159be0!important;
  opacity:1!important;
  visibility:visible!important;
  position:relative!important;
}
.legend-line.previous{
  height:5px!important;
  border:0!important;
  background:repeating-linear-gradient(90deg,#e0a52c 0 8px,transparent 8px 13px)!important;
}
.legend-line.current,.legend-line.donations,
.procurement-legend.curve-legend .donation-dot{background:#159be0!important}
.legend-line.purchases,
.procurement-legend.curve-legend .purchase-dot{
  height:5px!important;
  border:0!important;
  background:repeating-linear-gradient(90deg,#f09a47 0 8px,transparent 8px 13px)!important;
}
.legend-line.balance,
.procurement-legend.curve-legend .balance-dot{background:#2fad83!important}
:root[data-theme='dark'] .curve-legend,
:root[data-theme='dark'] .procurement-legend.curve-legend,
:root[data-theme='dark'] .ref-curve-legend{
  background:linear-gradient(180deg,#102a42,#0d2439)!important;
  border-color:#294c67!important;
  color:#d8e9f6!important;
}
:root[data-theme='dark'] .curve-legend span,
:root[data-theme='dark'] .procurement-legend.curve-legend span{
  background:#15334e!important;
  border-color:#315773!important;
  color:#e6f3fb!important;
}
@media(max-width:700px){
  .curve-legend,.procurement-legend.curve-legend,.ref-curve-legend{gap:7px!important;padding:7px!important}
  .curve-legend span,.procurement-legend.curve-legend span{font-size:11px!important;padding:5px 8px!important}
  .legend-line,.procurement-legend.curve-legend i{width:28px!important;flex-basis:28px!important}
}

/* V8.7 reports: purchases + hot drinks */
.report-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.report-type-badge,.report-source-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}
.report-type-badge.water{background:#e5f6ff;color:#087eae;border:1px solid #bee8fa}
.report-type-badge.hot{background:#fff0df;color:#a45b14;border:1px solid #f5d0a6}
.report-source-badge.donation{background:#e5f6ff;color:#087eae;border:1px solid #bee8fa}
.report-source-badge.purchase{background:#eeeafd;color:#6550c9;border:1px solid #d6cdf7}
.page-reports .table-wrap{max-height:560px;overflow:auto}
.page-reports .table{min-width:980px}
:root[data-theme='dark'] .report-type-badge.water,:root[data-theme='dark'] .report-source-badge.donation{background:rgba(21,155,224,.15);color:#8ad7ff;border-color:rgba(93,194,242,.24)}
:root[data-theme='dark'] .report-type-badge.hot{background:rgba(240,154,71,.13);color:#ffc27f;border-color:rgba(240,154,71,.24)}
:root[data-theme='dark'] .report-source-badge.purchase{background:rgba(123,105,218,.16);color:#c2b7ff;border-color:rgba(123,105,218,.28)}
@media(max-width:1100px){.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:640px){.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* V8.8 — remove forced empty height in smart alerts card */
.page-dashboard .advanced-analytics-grid.analytics-reflow-v72{align-items:start!important;}
.page-dashboard .advanced-analytics-grid.analytics-reflow-v72>.forecast-card,
.page-dashboard .advanced-analytics-grid.analytics-reflow-v72>.alerts-card{height:auto!important;min-height:0!important;align-self:start!important;}
.page-dashboard .alerts-card .smart-alerts{height:auto!important;min-height:0!important;max-height:230px!important;overflow-y:auto!important;overflow-x:hidden!important;}

/* V8.9 reports: dedicated print page + smart AI report */
.btn-ai{border:1px solid #6d5de7!important;background:linear-gradient(135deg,#6d5de7,#159be0)!important;color:#fff!important;box-shadow:0 8px 18px rgba(83,86,210,.18)!important}.btn-ai:hover{transform:translateY(-1px)}
.smart-report-panel{margin-top:14px;padding:18px!important;border:1px solid #cddff1!important;background:linear-gradient(180deg,#fff,#f7fbff)!important}.smart-report-panel[hidden]{display:none!important}.smart-report-head{align-items:flex-start!important}.smart-report-actions{display:flex;gap:8px;flex-wrap:wrap}.smart-report-content{display:grid;gap:14px}.smart-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.smart-summary-grid article{padding:14px;border:1px solid #dbe9f4;border-radius:14px;background:#fff;display:grid;gap:5px}.smart-summary-grid span{font-size:11px;color:var(--muted)}.smart-summary-grid b{font-size:21px;color:#174e7c}.smart-report-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:12px}.smart-report-grid section{border:1px solid #dbe9f4;border-radius:14px;background:#fff;padding:15px}.smart-report-grid h4{margin:0 0 9px;color:#173f6d}.smart-report-grid p,.smart-report-grid li{font-size:12px;line-height:1.8;color:#476884}.smart-report-grid ul{margin:0;padding-right:18px}.smart-rank-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #dbe9f4;font-size:12px}.smart-rank-row:last-child{border-bottom:0}:root[data-theme='dark'] .smart-report-panel,:root[data-theme='dark'] .smart-summary-grid article,:root[data-theme='dark'] .smart-report-grid section{background:#0b2133!important;border-color:#23435b!important}.page-reports .report-filters{grid-template-columns:repeat(4,minmax(0,1fr))!important}.page-reports .report-filters .btn{min-height:42px}
@media(max-width:1100px){.smart-report-grid{grid-template-columns:1fr}.smart-summary-grid{grid-template-columns:1fr 1fr}.page-reports .report-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.smart-summary-grid,.page-reports .report-filters{grid-template-columns:1fr!important}}

/* V9.0 — equal-height alignment for forecast + smart alerts row */
.page-dashboard .advanced-analytics-grid.analytics-reflow-v72{
  align-items:stretch!important;
}
.page-dashboard .advanced-analytics-grid.analytics-reflow-v72>.forecast-card,
.page-dashboard .advanced-analytics-grid.analytics-reflow-v72>.alerts-card{
  height:100%!important;
  min-height:0!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
}
.page-dashboard .advanced-analytics-grid.analytics-reflow-v72>.alerts-card{
  display:flex!important;
  flex-direction:column!important;
}
.page-dashboard .alerts-card .section-title{
  flex:0 0 auto!important;
}
.page-dashboard .alerts-card .smart-alerts{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.page-dashboard .alerts-card .smart-alerts>.smart-alert,
.page-dashboard .alerts-card .smart-alerts>.alert-item{
  flex:0 0 auto!important;
}
@media (max-width:900px){
  .page-dashboard .advanced-analytics-grid.analytics-reflow-v72{
    align-items:start!important;
  }
  .page-dashboard .advanced-analytics-grid.analytics-reflow-v72>.forecast-card,
  .page-dashboard .advanced-analytics-grid.analytics-reflow-v72>.alerts-card{
    height:auto!important;
    align-self:start!important;
  }
}

/* V9.1 — platform-wide contrast upgrade for light and dark themes */
:root{
  --muted:#536f89;
  --line:#b9cedf;
  --line-strong:#96b4ca;
  --secondary-text:#5a748d;
  --axis-text:#4e6d88;
  --grid-line:#bfd2e1;
}
:root[data-theme='dark']{
  --muted:#c8d8e7;
  --line:#456783;
  --line-strong:#61819a;
  --secondary-text:#c4d5e4;
  --axis-text:#bdd1e2;
  --grid-line:#496c87;
}

/* Secondary text: readable in both themes */
.muted,
.card small,
.section-title span,
.sq-map-subtitle,
.page-feature-head p,
.reference-kpi-meta,
.ref-kpi-meta,
.ref-card-subtitle,
.forecast-insight span,
.forecast-insight small,
.smart-alert span small,
.purchase-kpi span,
.purchase-type-detail span,
.admin-purchase-summary span,
.report-kpi span,
.finance-kpi span,
.ops-kpi span,
.table thead th,
.procurement-kpi small,
.procurement-legend,
.curve-tip-label{
  color:var(--muted)!important;
}

/* Borders, dividers, controls and chart containers */
.card,
.chart-wrap,
.ref-chart-wrap,
.procurement-chart-wrap,
.mini-forecast-chart,
.select,.input,textarea.input,
.dashboard-filters,
.table th,.table td,
.donations-scroll,
.payment-legend-row,
.progress-row,
.sq-map-card,
.purchase-filter-card,
.smart-alert,
.forecast-insight{
  border-color:var(--line)!important;
}

/* Improve subtle separators and tracks */
.table th,.table td{border-bottom-color:var(--line)!important}
.progress-track,
.purchase-bar i{background:color-mix(in srgb,var(--line),var(--surface) 38%)!important}

/* Dashboard chart text and legends */
.curve-legend,
.procurement-legend{
  color:var(--text)!important;
  font-weight:800!important;
}
.curve-legend span,
.procurement-legend span{
  color:var(--text)!important;
}

/* Hard-coded faint dashboard metadata from older versions */
.page-dashboard #procurementKpis .procurement-kpi>small{color:var(--muted)!important}
.reference-kpi-meta{color:var(--muted)!important}
.forecast-insight span{color:var(--muted)!important}
.forecast-insight small{color:var(--secondary-text)!important}

/* Light theme: slightly stronger chart surfaces and grid-adjacent edges */
:root:not([data-theme='dark']) .procurement-chart-wrap,
:root:not([data-theme='dark']) .ref-chart-wrap,
:root:not([data-theme='dark']) .mini-forecast-chart{
  background:linear-gradient(180deg,#ffffff 0%,#f1f8fc 100%)!important;
  border-color:var(--line-strong)!important;
}

/* Dark theme: remove washed-out secondary content */
:root[data-theme='dark'] .card,
:root[data-theme='dark'] .procurement-chart-wrap,
:root[data-theme='dark'] .ref-chart-wrap,
:root[data-theme='dark'] .mini-forecast-chart{
  border-color:var(--line)!important;
}
:root[data-theme='dark'] .procurement-chart-wrap,
:root[data-theme='dark'] .ref-chart-wrap,
:root[data-theme='dark'] .mini-forecast-chart{
  background:linear-gradient(180deg,#102a43 0%,#0d253b 100%)!important;
}
:root[data-theme='dark'] .table thead th,
:root[data-theme='dark'] .muted,
:root[data-theme='dark'] .card small,
:root[data-theme='dark'] .section-title span,
:root[data-theme='dark'] .smart-alert span small,
:root[data-theme='dark'] .forecast-insight span,
:root[data-theme='dark'] .forecast-insight small{
  color:var(--muted)!important;
}
:root[data-theme='dark'] .select,
:root[data-theme='dark'] .input,
:root[data-theme='dark'] textarea.input{
  border-color:var(--line-strong)!important;
}

/* Scrollbars: visible but unobtrusive */
:root{scrollbar-color:var(--line-strong) transparent}
.smart-alerts,.table-wrap,.donations-scroll{scrollbar-color:var(--line-strong) transparent}

/* Accessibility: prevent low-opacity text from older rules */
.card span,.card small,.card p,.table th,.table td,.section-title span{opacity:1!important}


/* V9.2 — unified Saudi Riyal symbol on the left for financial displays and monetary inputs */

.sar-inline-wrap .sar-amount,
p .sar-amount,
li .sar-amount,
small .sar-amount,
.rankline .sar-amount,
.print-kpi .sar-amount,
.smart-summary-grid .sar-amount{vertical-align:middle;display:inline-flex!important}
.money-input-wrap{position:relative;display:block;width:100%}
.money-input-wrap>.input,.money-input-wrap>input.input,.money-input-wrap>input{padding-left:46px!important;direction:ltr!important;text-align:right!important}
.money-input-wrap .money-input-symbol{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;pointer-events:none;opacity:.98}
.money-input-wrap .money-input-symbol img{width:1.05rem;height:auto;display:block;object-fit:contain}
:root[data-theme='dark'] .money-input-wrap .money-input-symbol img{filter:brightness(1.18)}
.print-kpi b .sar-amount{justify-content:center}


/* V9.3 — convert freeform financial summaries into compact tables */
.compact-summary-wrap{border:1px solid var(--line);border-radius:16px;overflow:auto;background:var(--surface-2)}
.compact-summary-table{min-width:100%;margin:0}
.compact-summary-table th,.compact-summary-table td{padding:10px 12px!important;font-size:13px!important;white-space:nowrap}
.compact-summary-table thead th{background:color-mix(in srgb,var(--surface-2),#dff0fb 20%)!important;color:var(--text)!important}
.compact-summary-table tbody tr:hover{background:color-mix(in srgb,var(--surface-2),#159be0 6%)}
.compact-summary-table tbody td:first-child,.compact-summary-table thead th:first-child{text-align:center;width:52px}
.summary-table-empty{padding:22px 14px;text-align:center;border:1px dashed var(--line);border-radius:16px;background:var(--surface-2)}
.purchase-analysis-grid .card .section-title{margin-bottom:10px}
.smart-table-block+.smart-table-block{margin-top:14px}
.smart-table-block h4{margin:0 0 9px}
.purchase-analysis-grid .card,.smart-report-grid section{overflow:hidden}
:root[data-theme='dark'] .compact-summary-wrap,:root[data-theme='dark'] .summary-table-empty{background:#10283d!important;border-color:#26455b!important}
:root[data-theme='dark'] .compact-summary-table thead th{background:#173650!important;color:#eff8ff!important;border-bottom-color:#315875!important}
:root[data-theme='dark'] .compact-summary-table tbody tr:nth-child(even){background:#112e46!important}
:root[data-theme='dark'] .compact-summary-table tbody tr:hover{background:#173a56!important}


/* V9.4 — stretch smart alerts list to the end of the card */
.page-dashboard .advanced-analytics-grid.analytics-reflow-v72>.alerts-card{display:flex!important;flex-direction:column!important;}
.page-dashboard .alerts-card .smart-alerts{flex:1 1 auto!important;display:grid!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;gap:10px!important;align-content:stretch!important;overflow:hidden!important;}
.page-dashboard .alerts-card .smart-alerts>.smart-alert{min-height:0!important;height:100%!important;display:flex!important;align-items:center!important;}
.page-dashboard .alerts-card .smart-alerts>.smart-alert span{display:grid!important;gap:4px!important;align-content:center!important;}
.page-dashboard .alerts-card .smart-alerts>.smart-alert small{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
@media (max-width:900px){
  .page-dashboard .alerts-card .smart-alerts{display:flex!important;grid-template-rows:none!important;overflow:auto!important;}
  .page-dashboard .alerts-card .smart-alerts>.smart-alert{min-height:60px!important;height:auto!important;}
}

/* V10.0 donor checkout + server-ready form */
.donor-info-section{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.donor-info-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.donor-info-head b{font-size:14px}.donor-info-head span{font-size:11px}
.anonymous-donation,.checkout-terms{display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-size:12px;line-height:1.55}.anonymous-donation{margin-bottom:12px}.anonymous-donation input,.checkout-terms input{margin-top:3px;accent-color:var(--primary)}
.donor-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.donor-info-grid .field:last-child{grid-column:1/-1}.donor-info-grid.is-anonymous{opacity:.46;pointer-events:none}
.payment-demo-note{display:grid;gap:4px;margin:14px 0;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary),var(--line) 70%);background:color-mix(in srgb,var(--primary),var(--surface) 94%);font-size:11px;line-height:1.6}.payment-demo-note b{color:var(--primary)}
.checkout-terms{margin:10px 0}.checkout-error{margin:10px 0;padding:10px 12px;border:1px solid #efb2b2;border-radius:12px;background:#fff0f0;color:#a13d3d;font-size:12px;font-weight:700}
.donate-submit.is-loading{opacity:.72;pointer-events:none}.receipt-payment-ref{margin-top:10px;font-size:12px;color:var(--muted);text-align:center}
:root[data-theme='dark'] .donor-info-section,:root[data-theme='dark'] .payment-demo-note{background:#142f49!important;border-color:#315773!important}
:root[data-theme='dark'] .checkout-error{background:#401f25;color:#ffd7d7;border-color:#73404a}
@media(max-width:650px){.donor-info-grid{grid-template-columns:1fr}.donor-info-grid .field:last-child{grid-column:auto}.donor-info-head{align-items:flex-start;flex-direction:column}}