/* System Review 2026-08-10: dynamic, accessible, lightweight corporate UI */
:root{--ael-radius:18px;--ael-shadow:0 12px 34px rgba(15,39,71,.08);--ael-line:#dce5ee;--ael-surface:#fff;--ael-muted:#617187}
.review-hero,.workspace-command-hero{background:linear-gradient(135deg,#0f2747 0%,#17375e 58%,#205d4a 100%)!important;color:#fff!important;border-radius:24px;padding:28px;box-shadow:var(--ael-shadow);position:relative;overflow:hidden}
.review-hero:after,.workspace-command-hero:after{content:"";position:absolute;right:-80px;top:-110px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 38px rgba(255,255,255,.035)}
.review-hero h1,.review-hero h2,.review-hero h3,.workspace-command-hero h1,.workspace-command-hero h2,.workspace-command-hero h3{color:#fff!important}.review-hero p,.workspace-command-hero p{color:#dce9f4!important}.workspace-command-hero .eyebrow,.review-hero .eyebrow{color:#ffd35c!important}
.review-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.review-card{background:#fff;border:1px solid var(--ael-line);border-radius:var(--ael-radius);padding:19px;box-shadow:0 7px 22px rgba(15,39,71,.05);position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.review-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:var(--card-accent,#1f5eff)}.review-card:hover{transform:translateY(-2px);box-shadow:var(--ael-shadow);border-color:#c7d8e5}.review-card h3{margin:.2rem 0 .55rem;color:#0f2747}.review-card p{color:var(--ael-muted)}
.review-action,.review-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:11px;background:#0f2747;color:#fff!important;text-decoration:none!important;font-weight:800;border:1px solid transparent;transition:.16s ease}.review-action:hover,.review-tab:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,39,71,.14)}.review-action.green{background:#18a56a}.review-action.gold{background:#d4a017;color:#0f2747!important}.review-action.blue{background:#1f5eff}.review-action.light{background:#f4f7fa;color:#0f2747!important;border-color:#d9e3ec}.review-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.review-tabs.scroll{overflow:auto;flex-wrap:nowrap;scroll-snap-type:x proximity;padding-bottom:5px}.review-tabs.scroll>*{scroll-snap-align:start;flex:0 0 auto}
.public-topic-strip{display:flex;gap:9px;overflow:auto;padding:2px 0 7px;scroll-snap-type:x proximity}.public-topic-strip a{scroll-snap-align:start;flex:0 0 auto;padding:9px 13px;border-radius:999px;background:#fff;border:1px solid #dbe5ee;text-decoration:none;color:#17375e;font-weight:800}.public-topic-strip a.active{background:#17375e;color:#fff}
.dynamic-data-card{background:linear-gradient(180deg,#fff,#f9fbfd);border:1px solid #dce5ed;border-radius:18px;padding:20px;box-shadow:0 8px 22px rgba(15,39,71,.045)}.dynamic-data-card .metric{font-size:2rem;font-weight:900;color:#17375e}.dynamic-data-card small{color:#68788c}
.review-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:process}.review-process-step{position:relative;background:#fff;border:1px solid #dbe5ee;border-radius:16px;padding:16px 14px 16px 48px;min-height:78px}.review-process-step:before{counter-increment:process;content:counter(process);position:absolute;left:13px;top:16px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#17375e;color:#fff;font-size:.75rem;font-weight:900}
.profile-media-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center}.profile-photo{width:112px;height:112px;border-radius:24px;object-fit:cover;border:1px solid #dbe5ee;background:#f4f7fa}.org-logo-large{width:120px;height:120px;object-fit:contain;border-radius:22px;background:#fff;border:1px solid #dbe5ee;padding:8px;box-sizing:border-box}
.security-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.security-status{border:1px solid #dbe5ee;border-radius:15px;padding:15px;background:#fff}.security-status strong{display:block;color:#0f2747}.security-status.ok{border-left:5px solid #18a56a}.security-status.warn{border-left:5px solid #d4a017}
.camera-panel{background:#07192e;border-radius:18px;padding:14px;color:#fff}.camera-panel video{width:100%;max-height:360px;border-radius:14px;background:#000}.scanner-actions{display:flex;gap:8px;flex-wrap:wrap}.scan-status{padding:10px 12px;border-radius:10px;background:#eef5fb;color:#17375e;margin-top:8px}
.app-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.phone-app-card{border:1px solid #dce5ed;background:#fff;border-radius:25px;padding:12px;box-shadow:0 10px 28px rgba(15,39,71,.07)}.phone-app-screen{border-radius:19px;background:linear-gradient(160deg,#0f2747,#1f5eff);min-height:150px;padding:17px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.phone-app-screen strong{font-size:1.1rem}.phone-app-card .review-action{width:100%;box-sizing:border-box;margin-top:10px}
.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:#f6f9fc}.content .card,.public-card{content-visibility:auto;contain-intrinsic-size:300px}
.public-menu-panel{max-height:min(70vh,560px);overflow:auto}.public-menu[open] .public-menu-panel{animation:aelMenu .14s ease-out}@keyframes aelMenu{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.review-card-grid,.security-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-process{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.review-card-grid,.security-status-grid,.app-showcase-grid,.review-process{grid-template-columns:1fr}.review-hero,.workspace-command-hero{padding:21px;border-radius:18px}.profile-media-card{grid-template-columns:1fr}.profile-photo,.org-logo-large{width:96px;height:96px}.review-action,.review-tab{min-height:44px}.public-menu-panel{left:10px!important;right:10px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}