/* JEM-58 Run B: /tools/oee page around the OEE tracker (light DOM only; the tracker itself is in a shadow root).
   First paint shows a skeleton in the tracker's layout; it disappears when the shadow root attaches. */
main[data-oee-tracker] #oee-tracker{display:block;margin:0;padding:0;background:none;border:0;box-shadow:none;min-height:60vh}
main[data-oee-tracker] #oee-tracker .oee2-project-fields{display:none!important}
#oee-tracker .oee2-skeleton{display:grid;gap:16px;font-family:Manrope,system-ui,sans-serif}
#oee-tracker .oee2-skel-card{background:#fff;border:1px solid #D5E0EE;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}
#oee-tracker .oee2-skel-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#oee-tracker .oee2-skel-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px}
#oee-tracker .oee2-skel-score{background:#0E2A47;border-color:#0E2A47;align-items:center;justify-content:center;min-height:300px}
#oee-tracker .oee2-skel{display:block;border-radius:8px;background:linear-gradient(100deg,#E9EEF5 20%,#F5F7FA 40%,#E9EEF5 60%) 0 0/250% 100%;animation:oee2-shimmer 1.4s ease-in-out infinite}
#oee-tracker .oee2-skel-score .oee2-skel{background:linear-gradient(100deg,rgba(255,255,255,.08) 20%,rgba(255,255,255,.18) 40%,rgba(255,255,255,.08) 60%) 0 0/250% 100%}
#oee-tracker .oee2-skel-chip{width:120px;height:24px;border-radius:999px}
#oee-tracker .oee2-skel-line{width:70%;height:14px}
#oee-tracker .oee2-skel-short{width:40%}
#oee-tracker .oee2-skel-mode{height:64px;border-radius:14px}
#oee-tracker .oee2-skel-field{height:48px;border-radius:12px}
#oee-tracker .oee2-skel-gauge{width:190px;height:150px;border-radius:120px 120px 24px 24px}
#oee-tracker .oee2-error{margin:0;padding:16px 20px;border-radius:14px;background:#FDECEA;color:#8A1C14;font:600 15px/1.4 Manrope,system-ui,sans-serif}
@keyframes oee2-shimmer{to{background-position:-150% 0}}
@media(max-width:860px){#oee-tracker .oee2-skel-body{grid-template-columns:minmax(0,1fr)}#oee-tracker .oee2-skel-score{min-height:220px}}
@media(max-width:480px){#oee-tracker .oee2-skel-modes{grid-template-columns:minmax(0,1fr)}#oee-tracker .oee2-skel-mode{height:52px}}
@media(prefers-reduced-motion:reduce){#oee-tracker .oee2-skel{animation:none}}
main[data-oee-tracker] .oee2-related{margin:18px 0 0;font:600 15px/1.5 Manrope,system-ui,sans-serif}
main[data-oee-tracker] .oee2-related a{color:#1749CC;text-underline-offset:3px}
