/* PRO-J shared branded page loader: matches the home-page loader */
#proj-loader { position:fixed !important; inset:0 !important; z-index:2147483646 !important; background:#fff !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; opacity:1; visibility:visible; pointer-events:auto; transition:opacity .16s ease,visibility .16s ease !important; }
#proj-loader.hidden { opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
#proj-loader #loader-canvas, #proj-loader .loader-ring, #proj-loader .loader-ring-2, #proj-loader .loader-ring2, #proj-loader .loader-glow { display:none !important; }
#proj-loader .loader-ring-wrap { position:relative !important; width:58px !important; height:58px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 0 12px !important; animation:none !important; }
#proj-loader .loader-center { position:relative !important; inset:auto !important; width:58px !important; height:58px !important; border-radius:17px !important; background:var(--g,#16a34a) !important; display:flex !important; align-items:center !important; justify-content:center !important; box-shadow:none !important; animation:ldMarkPop .28s cubic-bezier(.34,1.56,.64,1) both !important; }
#proj-loader .loader-center svg { width:27px !important; height:27px !important; fill:#fff !important; }
#proj-loader .loader-brand { margin:0 0 24px !important; font-family:system-ui,-apple-system,"Segoe UI",sans-serif !important; font-size:26px !important; line-height:1 !important; font-weight:800 !important; letter-spacing:-.03em !important; color:#171717 !important; animation:ldFadeUp .45s ease .1s both !important; }
#proj-loader .loader-brand .accent { color:var(--g,#16a34a) !important; background:none !important; -webkit-text-fill-color:initial !important; }
#proj-loader .loader-brand-tag { display:none !important; }
#proj-loader .loader-segs { width:180px !important; height:4px !important; display:block !important; margin:0 !important; border-radius:999px !important; overflow:hidden !important; background:#e5e7eb !important; animation:none !important; }
#proj-loader .loader-segs .seg { display:none !important; }
#proj-loader .loader-segs .seg:first-child { display:block !important; width:100% !important; height:100% !important; background:transparent !important; overflow:hidden !important; }
#proj-loader .loader-segs .seg:first-child .seg-fill { display:block !important; width:42% !important; height:100% !important; transform:none !important; border-radius:999px !important; background:var(--g,#16a34a) !important; animation:projLoaderBar 1s ease-in-out infinite !important; }
#proj-loader .loader-status { margin-top:12px !important; min-height:16px !important; font:600 11px/16px system-ui,-apple-system,"Segoe UI",sans-serif !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:#6b7280 !important; animation:ldFadeUp .45s ease .2s both !important; }
@keyframes ldMarkPop { from{opacity:0;transform:scale(.72)} to{opacity:1;transform:scale(1)} }
@keyframes ldFadeUp { from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:translateY(0)} }
@keyframes projLoaderBar { 0%{transform:translateX(-120%)} 50%{transform:translateX(145%)} 100%{transform:translateX(300%)} }
@media (prefers-reduced-motion:reduce){#proj-loader *{animation:none !important}}

/* Legacy loader hardening: no rotating rings/spinners anywhere on PRO-J pages. */
#proj-loader .spinner,#proj-loader .loader-spinner,#proj-loader .spin,#proj-loader [class*="spinner"]{animation:none!important;border-radius:0!important;border:0!important}
#proj-loader::before,#proj-loader::after{display:none!important}