/* Private cloud page: layer explorer, diagram fills, storage picker, 3 2 1 1 0 rule */

/* Layer explorer: each band can be selected in the diagram */
#m-stack .pc-band{cursor:pointer}
#m-stack .pc-band.m-dim{opacity:.45}
#m-stack .pc-band:hover .zone{stroke:var(--orange);stroke-width:2}
.motion-svg .pc-dot{fill:var(--orange)}

/* Diagram fills that the shared vocabulary does not cover */
.pc-mem{fill:#BFDBFE;stroke:#3B82F6;stroke-width:1.5}
.pc-dirty{fill:#FDBA74;stroke:#EA580C;stroke-width:1.5}
.pc-stale{fill:#E2E8F0;stroke:#94A3B8;stroke-width:1.5}
.pc-blk rect{fill:#FDF4FF;stroke:#E879F9;stroke-width:1.5}
.pc-bucket{fill:#FFF7ED;stroke:#F97316;stroke-width:2;stroke-linejoin:round}
.pc-obj{fill:#fff;stroke:#FB923C;stroke-width:2}
.pc-lock rect{fill:#F97316}
.pc-lock path{fill:none;stroke:#F97316;stroke-width:2;stroke-linecap:round}
.motion-svg .pc-fw{fill:#86198F;font-weight:700}
.n.pc-green rect{fill:#F0FDF4;stroke:#16A34A}
.tag.pc-tag-blue rect{fill:#DBEAFE;stroke:#BFDBFE}
.tag.pc-tag-blue text{fill:#1E40AF}

/* Short lead in text above a diagram inside a section */
.pc-intro{max-width:780px;margin:0 0 18px;color:var(--muted);line-height:1.65}
.pc-after{margin:22px 0 0}

/* Storage picker in the storage tiers panel */
.pc-pick{border-top:1px solid var(--line);padding-top:12px;gap:10px}
.pc-pick .sim-h{margin:0;font-size:1rem}
.pc-why{margin:0;font-size:.9rem;line-height:1.6;color:var(--text);background:var(--orange-tint);border:1px solid var(--orange-border);border-radius:10px;padding:10px 12px}
.pc-why b{color:var(--ink)}

/* Tables */
.pc-table{padding:6px 18px;margin-top:22px}
.pc-table td:first-child{white-space:nowrap}

/* The 3 2 1 1 0 rule */
.pc-rule{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pc-rule li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.pc-rule b{font-family:var(--font-heading);font-size:2.25rem;line-height:1;font-weight:700;background-image:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;width:fit-content;padding-right:.05em}
.pc-rule span{font-size:.92rem;line-height:1.5;color:var(--text)}

@media (max-width:900px){
  .pc-rule{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .pc-table{padding:4px 10px}
  .pc-table table{min-width:620px}
  .pc-table td:first-child{white-space:normal}
  .pc-rule{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Pod lifecycle and recovery classes */
.pc-slot{fill:#fff;stroke:#CBD5E1;stroke-width:1.5}
.pc-heat{fill:#F97316}
.pc-ring{fill:none;stroke:#F97316;stroke-width:2}
.pc-tick{fill:none;stroke:#16A34A;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.pc-ghost{opacity:.45}
.pc-rpo{fill:#FFEDD5;stroke:#F97316;stroke-width:1.5}
.pc-rto{fill:#F3E8FF;stroke:#8B5CF6;stroke-width:1.5}
.pc-mark{fill:#16A34A;stroke:#fff;stroke-width:2}
.pc-arrow{fill:#CBD5E1}
.pc-source{margin:10px 0 0;font-size:.85rem;color:var(--subtle)}
.pc-plat td:first-child{white-space:nowrap}
@media (max-width:700px){.pc-plat table{min-width:760px}}

/* Phase 2: storage networks, RAID */
.gap-note{margin-top:8px}
.pc-q{fill:var(--purple);opacity:.55}
.pc-disk{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.5}
.pc-disk.pc-fail{fill:#FFF1F2;stroke:#E11D48;stroke-dasharray:6 5}
.pc-dat{fill:var(--cyan-tint);stroke:var(--cyan)}
.pc-par{fill:#FFF7ED;stroke:var(--orange)}
.pc-mir{fill:#F5F3FF;stroke:var(--purple)}
.pc-bl{font-family:var(--font-mono);font-size:12px;font-weight:600;fill:var(--ink);text-anchor:middle}