/*
 * Ngo-Alshula-sa v4.1.6 — Production UX Refinement
 * Focus: Dashboard, Hero, Cards, Mobile, Empty States, Notifications, Visual Polish.
 */
:root{
  --ngo-ux-surface:#ffffff;
  --ngo-ux-soft:#fff7ed;
  --ngo-ux-soft-2:#f8fafc;
  --ngo-ux-line:rgba(15,23,42,.085);
  --ngo-ux-shadow:0 18px 50px rgba(15,23,42,.085);
  --ngo-ux-shadow-strong:0 26px 70px rgba(15,23,42,.14);
  --ngo-ux-focus:0 0 0 4px rgba(255,90,0,.18);
}

html{scroll-behavior:smooth}
body{font-feature-settings:"kern";text-rendering:optimizeLegibility;background:linear-gradient(180deg,#fff,#fff 46%,#f8fafc)}

/* Header polish */
.ngo-site-header{box-shadow:0 1px 0 rgba(15,23,42,.04)}
.ngo-site-header.is-scrolled{box-shadow:0 14px 36px rgba(15,23,42,.09);background:rgba(255,255,255,.97)}
.ngo-header-inner{position:relative}.ngo-brand{min-width:0}.ngo-brand-name{letter-spacing:-.01em}.ngo-brand-tagline{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ngo-main-menu a{transition:background .18s ease,color .18s ease,transform .18s ease}.ngo-main-menu a:hover{transform:translateY(-1px)}
.ngo-mobile-toggle:focus-visible,.ngo-main-menu a:focus-visible,.ngo-btn:focus-visible,.ngo-dash-action-card:focus-visible{outline:none;box-shadow:var(--ngo-ux-focus)}

/* Enterprise Hero polish */
.ngo-hero{isolation:isolate;min-height:560px;display:flex;align-items:center;background:
  radial-gradient(circle at 12% 18%,rgba(255,90,0,.18),transparent 30%),
  radial-gradient(circle at 85% 15%,rgba(255,176,0,.12),transparent 28%),
  linear-gradient(135deg,#fff7ed 0%,#ffffff 48%,#f8fafc 100%)}
.ngo-hero:before{content:"";position:absolute;inset:auto -8% -28% -8%;height:48%;background:linear-gradient(180deg,transparent,rgba(255,90,0,.055));border-radius:50% 50% 0 0;z-index:-1}
.ngo-hero-grid{position:relative;z-index:1}.ngo-eyebrow{box-shadow:0 10px 28px rgba(255,90,0,.12);background:rgba(255,247,237,.92);color:#9a3412;border:1px solid #fed7aa}
.ngo-hero h1{letter-spacing:-.035em}.ngo-hero p{font-size:clamp(1rem,1.4vw,1.18rem);line-height:2;color:#475569}.ngo-hero-actions{align-items:center}.ngo-btn{min-height:46px;box-shadow:none}.ngo-btn-primary{box-shadow:0 18px 34px rgba(255,90,0,.22)}.ngo-btn:hover{transform:translateY(-2px)}
.ngo-hero-panel{position:relative;overflow:hidden;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);box-shadow:var(--ngo-ux-shadow-strong)}
.ngo-hero-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--ngo-primary),var(--ngo-accent));opacity:.9}.ngo-panel-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ngo-panel-card:hover{transform:translateY(-3px);border-color:#fed7aa;box-shadow:0 12px 34px rgba(15,23,42,.07)}

/* Sections and cards */
.ngo-section{position:relative}.ngo-section-head{border-bottom:1px solid rgba(15,23,42,.06);padding-bottom:18px}.ngo-section-title{letter-spacing:-.025em}.ngo-section-desc{line-height:1.9}.ngo-grid{align-items:stretch}
.ngo-card,.ngo-archive-card,.ngo-dynamic-card,.ngo-unified-card,.ngo-widget-card{position:relative;border-color:var(--ngo-ux-line);box-shadow:0 10px 30px rgba(15,23,42,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.ngo-card:hover,.ngo-archive-card:hover,.ngo-dynamic-card:hover,.ngo-unified-card:hover{transform:translateY(-4px);box-shadow:var(--ngo-ux-shadow);border-color:rgba(255,90,0,.26)}
.ngo-card:where(.ngo-dynamic-card,.ngo-unified-card)::after,.ngo-archive-card::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--ngo-primary),var(--ngo-accent));opacity:0;transition:opacity .18s ease}.ngo-card:hover::after,.ngo-archive-card:hover::after{opacity:1}
.ngo-card h3,.ngo-archive-card h2{letter-spacing:-.015em}.ngo-icon{box-shadow:inset 0 0 0 1px rgba(255,90,0,.08);background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#c2410c}.ngo-stat strong{letter-spacing:-.03em}.ngo-progress{height:11px;background:#f1f5f9}.ngo-progress span{box-shadow:0 0 0 1px rgba(255,255,255,.35) inset}

/* Empty states */
.ngo-empty,.ngo-empty-state,.ngo-no-results{display:grid;gap:8px;place-items:start;background:linear-gradient(135deg,#fff,#fff7ed);border:1px dashed #fed7aa;border-radius:22px;padding:24px;color:#64748b;box-shadow:0 10px 28px rgba(15,23,42,.035)}
.ngo-empty:before,.ngo-empty-state:before,.ngo-no-results:before{content:"•";display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ffedd5;color:#c2410c;font-size:26px;line-height:1}

/* Notifications and badges */
.ngo-admin-note,.ngo-alert,.ngo-notice,.ngo-dash-notification{border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.045)}
.ngo-admin-note{background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;border-inline-start:5px solid var(--ngo-primary)}
.ngo-quality-badge,.ngo-smart-app-badge,.ngo-mini-meta,.ngo-event-date{box-shadow:0 8px 20px rgba(255,90,0,.08)}

/* Dashboard premium UX */
.ngo-dash-pro{background:radial-gradient(circle at top right,rgba(255,90,0,.07),transparent 28%),#f6f8fb}.ngo-dash-main{min-width:0}.ngo-dash-pro-hero{position:relative;overflow:hidden}.ngo-dash-pro-hero:after{content:"";position:absolute;inset:auto auto -80px -80px;width:220px;height:220px;border-radius:50%;background:rgba(255,90,0,.08)}
.ngo-dash-pro-stat{position:relative;overflow:hidden}.ngo-dash-pro-stat:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--ngo-primary),var(--ngo-accent));opacity:.75}.ngo-dash-pro-stat strong{letter-spacing:-.03em}.ngo-dash-widget{transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.ngo-dash-widget:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(15,23,42,.07);border-color:#fed7aa}.ngo-dash-action-card{transition:background .18s ease,border-color .18s ease,transform .18s ease}.ngo-dash-action-card:hover{transform:translateY(-2px)}
.ngo-dash-request-row{transition:background .18s ease,border-color .18s ease,transform .18s ease}.ngo-dash-request-row:hover{transform:translateX(-2px)}.ngo-dash-health strong{white-space:nowrap}

/* Service tracking and forms */
.ngo-service-tracking,.ngo-service-form,.ngo-form-card{border-radius:24px;border:1px solid var(--ngo-ux-line);box-shadow:0 14px 38px rgba(15,23,42,.055);background:#fff}.ngo-service-tracking input,.ngo-service-form input,.ngo-service-form textarea,.ngo-service-form select{border-radius:14px;border:1px solid #e2e8f0;min-height:44px}.ngo-service-tracking input:focus,.ngo-service-form input:focus,.ngo-service-form textarea:focus,.ngo-service-form select:focus{outline:none;border-color:#fdba74;box-shadow:var(--ngo-ux-focus)}

/* Mobile UX */
@media(max-width:900px){
  body{font-size:15.5px}.ngo-container{width:min(100% - 28px,1180px)}.ngo-header-inner{min-height:70px;gap:12px}.ngo-brand-logo img{max-height:44px}.ngo-brand-name{font-size:1rem}.ngo-brand-tagline{display:none}.ngo-mobile-toggle{min-height:42px;padding:9px 12px;border-radius:14px}.ngo-main-menu{right:14px!important;left:14px!important;top:calc(100% + 8px)!important;border-radius:24px;box-shadow:0 30px 80px rgba(15,23,42,.22)}.ngo-main-menu li>a{font-size:.96rem}.ngo-hero{min-height:auto;padding:46px 0 42px}.ngo-hero h1{font-size:clamp(1.85rem,9vw,3rem)}.ngo-hero p{font-size:1rem}.ngo-hero-actions .ngo-btn{flex:1 1 100%;width:100%}.ngo-hero-panel{border-radius:24px;padding:18px}.ngo-section{padding:46px 0}.ngo-section-head{display:grid;gap:10px}.ngo-grid{gap:16px}.ngo-card,.ngo-archive-card-body,.ngo-project-card .ngo-project-body{padding:18px}.ngo-card-thumb{margin:-18px -18px 14px}.ngo-footer{padding-top:38px}.ngo-footer-grid{gap:20px}.ngo-dash-main{padding:16px!important}.ngo-dash-widget{padding:18px;border-radius:20px}.ngo-dash-pro-hero{border-radius:22px}.ngo-dash-pro-grid{gap:14px}.ngo-dash-request-row:hover{transform:none}}
@media(max-width:520px){.ngo-container{width:min(100% - 22px,1180px)}.ngo-page-hero{padding:38px 0}.ngo-section-title{font-size:1.55rem}.ngo-dash-pro-stats{grid-template-columns:1fr!important}.ngo-btn{width:100%}.ngo-filter-pills{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.ngo-filter-pills a{white-space:nowrap}.ngo-meta-list li{padding:11px 12px}}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ngo-btn:hover,.ngo-card:hover,.ngo-archive-card:hover,.ngo-dynamic-card:hover,.ngo-unified-card:hover,.ngo-dash-widget:hover,.ngo-dash-pro-stat:hover{transform:none!important}}