/* JEM-59: /tools/pareto page around the Pareto Priority Lab (light DOM only; the lab itself is in a shadow root).
   First paint shows a skeleton in the lab's layout; it disappears when the shadow root attaches. */
main[data-pareto-lab] #pareto-tracker{display:block;margin:0;padding:0;background:none;border:0;box-shadow:none;min-height:60vh}
#pareto-tracker .pl2-project-fields{display:none!important}
#pareto-tracker .pl2-skeleton{display:grid;gap:16px;font-family:Manrope,system-ui,sans-serif}
#pareto-tracker .pl2-skel-card{background:#fff;border:1px solid #D5E0EE;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}
#pareto-tracker .pl2-skel-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#pareto-tracker .pl2-skel-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
#pareto-tracker .pl2-skel-chart{min-height:320px}
#pareto-tracker .pl2-skel-bars{flex:1 1 auto;display:flex;align-items:flex-end;gap:8px;min-height:220px;border-bottom:2px solid #E9EEF5}
#pareto-tracker .pl2-skel-bar{flex:1 1 0;border-radius:8px 8px 0 0}
#pareto-tracker .pl2-skel-focus{background:#111C2B;border-color:#111C2B;justify-content:center;min-height:240px}
#pareto-tracker .pl2-skel{display:block;border-radius:8px;background:linear-gradient(100deg,#E9EEF5 20%,#F5F7FA 40%,#E9EEF5 60%) 0 0/250% 100%;animation:pl2-shimmer 1.4s ease-in-out infinite}
#pareto-tracker .pl2-skel-focus .pl2-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%}
#pareto-tracker .pl2-skel-chip{width:120px;height:24px;border-radius:999px}
#pareto-tracker .pl2-skel-line{width:70%;height:14px}
#pareto-tracker .pl2-skel-short{width:40%}
#pareto-tracker .pl2-skel-mode{height:56px;border-radius:14px}
#pareto-tracker .pl2-skel-big{width:45%;height:44px}
#pareto-tracker .pl2-skel-strip{width:100%;height:22px}
#pareto-tracker .pl2-error{margin:0;padding:16px 20px;border-radius:14px;background:#FDECEA;color:#8A1C14;font:600 15px/1.4 Manrope,system-ui,sans-serif}
@keyframes pl2-shimmer{to{background-position:-150% 0}}
@media(max-width:860px){#pareto-tracker .pl2-skel-body{grid-template-columns:minmax(0,1fr)}#pareto-tracker .pl2-skel-chart{min-height:260px}#pareto-tracker .pl2-skel-focus{min-height:180px}}
@media(prefers-reduced-motion:reduce){#pareto-tracker .pl2-skel{animation:none}}
main[data-pareto-lab] .pl2-more{margin-top:18px}