/* dashboard.autocomputing.solar (p437, 2026-10-17): only what the hosting dashboard's dashboard.css does not already draw.
   The sign-in card is the hosting sign-in's own (shell/desktop_poc.css, 2026-10-18). Here: the plates for pages that need
   Solar dim until it is on; Process lists the builder's steps. */

/* ---- pages that need Solar ---- */
#poc-left-pane .hd-plate.is-locked .hd-plate-icon,
#poc-left-pane .hd-plate.is-locked .hd-navlabel { opacity: 0.45; }
.sl-lock { display: flex; align-items: center; justify-content: space-between; gap: 14px; max-width: 620px; }
.sl-lock p { margin: 0; font-size: 12.5pt; color: var(--hd-slate); }

/* ---- Process: the builder's steps ---- */
.sl-steps {
    list-style: none; counter-reset: sl-step; margin: 0 0 18px; padding: 0;
    display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px;
}
.sl-steps li {
    counter-increment: sl-step; display: flex; align-items: center; gap: 9px;
    padding: 9px 12px; background: #fff; border: 1px solid rgba(68, 70, 94, 0.18); border-left: 4px solid var(--hd-glow);
    border-radius: 2px; font-size: 14.5px; color: var(--hd-slate);
}
.sl-steps li::before {
    content: counter(sl-step); flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%;
    display: grid; place-items: center; font-family: 'JetBrains Mono', monospace; font-size: 11px;
    background: var(--hd-slate); color: var(--hd-accent);
}