/* ===== Step 12: correlation analytics in the admin panel ===== */
#adminShell .f12 .f12-item{ padding:12px 2px; border-bottom:1px solid rgba(255,255,255,.09); }
#adminShell .f12 .f12-item:last-child{ border-bottom:0; }
#adminShell .f12 .f12-h{ font-size:13px; font-weight:800; color:#eafaf1; margin-bottom:5px; }
#adminShell .f12 .f12-txt{ font-size:12.5px; line-height:1.55; color:#c7d5da; }
#adminShell .f12 .f12-txt b{ color:#8fe3c0; }
#adminShell .f12 .f12-bars{ margin-top:8px; display:grid; gap:6px; }
#adminShell .f12 .f12-bar{ display:grid; grid-template-columns:110px 1fr 42px; align-items:center; gap:8px; font-size:11.5px; color:#cdd8de; }
#adminShell .f12 .f12-bar .t{ height:9px; border-radius:999px; background:rgba(255,255,255,.1); overflow:hidden; }
#adminShell .f12 .f12-bar .t i{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#34d399,#059669); }
#adminShell .f12 .f12-bar .t i.warn{ background:linear-gradient(90deg,#fb923c,#ef4444); }
#adminShell .f12 .f12-none{ font-size:12.5px; color:#9fb0b6; padding:8px 2px; }