/* Greenhouse Planner — additions to the shared shed styles (/shed/css/styles.css, shed.css). */

:root{--glz-fill:#cfe6f0;--glz-stroke:#4b97b8;--alu-fill:#c4cad0}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--glz-fill:#3d6577;--glz-stroke:#8fcbe4;--alu-fill:#7f8a94}}
:root[data-theme="dark"]{--glz-fill:#3d6577;--glz-stroke:#8fcbe4;--alu-fill:#7f8a94}

/* drawings: twinwall is see-through, so the framing behind it shows */
svg.plan .glz{fill:var(--glz-fill);fill-opacity:.38;stroke:var(--glz-stroke);stroke-width:.8}
svg.plan .alu{fill:var(--alu-fill);stroke:var(--ink-3);stroke-width:.5}
/* glazing layouts and cutting diagrams: panels in glazing blue */
svg.plan .pc{fill:color-mix(in srgb,var(--glz-fill) 55%,transparent);stroke:var(--glz-stroke)}
svg.plan .pc.full{fill:var(--glz-fill)}
#glazing .sheets rect:not(.sheet){fill:color-mix(in srgb,var(--glz-fill) 60%,transparent);stroke:var(--glz-stroke)}
#glazing .sheets .sheet{stroke:var(--glz-stroke)}
#glazing .sheets svg{height:150px}
.glz-acc{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:13px;color:var(--ink-2)}
.glz-acc b{color:var(--ink)}
#sheetsCard[hidden]{display:none}
#opFloor[hidden]{display:none}
/* milestone 2: cedar knee walls and bench slats, the house wall a lean-to stands against */
:root{--ced-fill:#d9a77b}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ced-fill:#8a5e3a}}
:root[data-theme="dark"]{--ced-fill:#8a5e3a}
svg.plan .ced{fill:var(--ced-fill);stroke:var(--wood-stroke);stroke-width:.6}
svg.plan .hse{fill:color-mix(in srgb,var(--ink-3) 18%,transparent);stroke:var(--ink-3);stroke-width:.6;stroke-dasharray:4 3}