:root{--paper:#f3f1e7;--paper-2:#e8e6da;--ink:#202a26;--muted-ink:#6d7771;--grid:#cfd4ca;--green:#15966a;--orange:#d98226;--red:#d75561;--blue:#377bc3;--plant-state:#7a847e}
*{box-sizing:border-box}.vegetation-page{background:#e7e6dd;color:var(--ink)}.vegetation-page .app-shell{background:linear-gradient(135deg,#eeede5,#dadbd2)}.vegetation-page .sidebar{background:#f6f5ed;border-color:#c8ccc3}.vegetation-page .brand{color:#202a26}.vegetation-page .brand-mark{border-color:#377bc3;color:#15966a;box-shadow:0 0 0 4px #377bc31c;border-radius:50%}.vegetation-page nav a{color:#69736d}.vegetation-page nav a:hover,.vegetation-page nav a.active{color:#107958;background:linear-gradient(90deg,#15966a12,transparent);box-shadow:inset 3px 0 #15966a}.vegetation-page .source-legend{border-color:#d1d4cc}.vegetation-page .source-legend span{color:#69736d}.vegetation-page .source-real{background:#15966a;box-shadow:0 0 7px #15966a}.vegetation-page .source-demo{background:#d98226}.vegetation-page .system-card{background:#e5eee8;border-color:#c6d4ca}.vegetation-page .system-card small{color:#718078}.vegetation-page .system-card strong{color:#24302a}.vegetation-page main{max-width:1700px}.vegetation-page h1,.vegetation-page h2{color:#202a26}.vegetation-page .subtitle{color:#6e7872}.vegetation-page .eyebrow,.vegetation-page .section-label{color:#147e5c}.vegetation-page .clock small{color:#69736d}.vegetation-page .panel{background:var(--paper);border:1px solid #c8ccc3;border-radius:5px;box-shadow:0 18px 42px #4851491c,inset 0 1px #fff}.vegetation-page .panel:before{display:none}.vegetation-page footer{color:#6a756e}.vegetation-page footer b{color:#25332c}
.schematic-panel{padding:0!important;overflow:hidden}.schematic-topbar{min-height:82px;padding:13px 18px;display:grid;grid-template-columns:1fr minmax(280px,470px) auto;align-items:center;gap:18px;border-bottom:1px solid #c8ccc3;background:#f8f7ef}.schematic-identity{display:flex;align-items:center;gap:12px}.diagram-logo{width:48px;height:48px;border:3px solid #377bc3;border-radius:50%;display:grid;place-items:center;color:#147e5c;font:800 18px "Space Grotesk";box-shadow:0 0 0 4px #377bc314}.schematic-identity small,.schematic-identity strong{display:block}.schematic-identity small{font:500 7px "JetBrains Mono";color:#7b857f;letter-spacing:1px}.schematic-identity strong{font:600 12px "Space Grotesk";margin-top:5px;color:#26312b}.code-readout{height:42px;border:1px solid #bbb9a9;background:#fffef7;display:flex;align-items:center;gap:9px;padding:0 13px;box-shadow:inset 0 0 14px #d4d0bc44}.code-readout i{width:4px;height:100%;background:#d2aa24}.code-readout code{font:500 14px "JetBrains Mono";color:#333b37}.code-readout code b{color:#147e5c}.code-readout span{margin-left:auto;width:8px;height:22px;background:#d2aa24;animation:cursorBlink 1s steps(1) infinite}.plant-live{display:flex;align-items:center;gap:7px;border:1px solid #15966a66;background:#eef7f1;padding:8px 10px;color:#147e5c;font:600 7px "JetBrains Mono";letter-spacing:.7px}.plant-live i{width:7px;height:7px;border-radius:50%;background:#15966a;box-shadow:0 0 7px #15966a}.plant-live.offline{border-color:#d9822666;color:#a8651f;background:#faf1e5}.plant-live.offline i{background:#d98226;box-shadow:0 0 7px #d98226}
.schematic-board{height:min(720px,calc(100vh - 230px));min-height:600px;position:relative;overflow:hidden;background-color:var(--paper);background-image:linear-gradient(#d9dcd4 1px,transparent 1px),linear-gradient(90deg,#d9dcd4 1px,transparent 1px),linear-gradient(#ecece5 1px,transparent 1px),linear-gradient(90deg,#ecece5 1px,transparent 1px);background-size:44px 44px,44px 44px,11px 11px,11px 11px}.technical-drawing{position:absolute;left:16%;right:0;top:0;width:84%;height:100%;z-index:2}.technical-drawing text{fill:#27332d;font:600 13px "JetBrains Mono";text-anchor:middle;letter-spacing:.4px}.technical-drawing text.sub{fill:#7c8881;font-size:9px}.technical-drawing .pin-labels text{text-anchor:start;fill:#b76a1d;font-size:11px}.wire{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:url(#lineGlow)}.wire circle{stroke:none}.wire-orange{stroke:#d98226}.wire-orange circle{fill:#d98226}.wire-green{stroke:#15966a}.wire-green circle{fill:#15966a}.esp-board rect,.esp-board path,.esp-board .pins path{fill:#f8f7ef;stroke:#28332d;stroke-width:3}.esp-board .chip{fill:#e7e7de}.esp-board .chip-notch{fill:none}.plant-character .leaf-line{fill:#ecf3e9;stroke:#26342c;stroke-width:4;stroke-linejoin:round}.plant-character .leaf-vein{fill:none;stroke:#7b9182;stroke-width:2;stroke-dasharray:7 8}.plant-face .face-disc{fill:#fffef7;stroke:var(--plant-state);stroke-width:3;filter:url(#lineGlow)}.plant-face .eye{fill:var(--plant-state)}.plant-face .mouth{fill:none;stroke:var(--plant-state);stroke-width:4;stroke-linecap:round}.plant-face .sad-mouth,.plant-face .flat-mouth,.plant-face .tear{display:none}.plant-face .tear{fill:#4b94d7;stroke:#2f74b2;stroke-width:1}.pot-drawing path,.probe-drawing rect,.probe-drawing path{fill:none;stroke:#27332d;stroke-width:4;stroke-linejoin:round}.pot-drawing .soil-fill{fill:#d7c5ad;stroke:#27332d}.pot-drawing .soil-hatch{fill:url(#soilHatch);stroke:none}.probe-drawing rect{fill:#f8f7ef}.probe-drawing .probe-fill{stroke:#c9676f;stroke-width:3}
.moisture-console{position:absolute;left:25px;top:45px;bottom:45px;width:15%;min-width:145px;z-index:5;font-family:"JetBrains Mono";display:flex;flex-direction:column}.moisture-console>small{font-size:10px;letter-spacing:1px;color:#3d4842}.moisture-console>span{font-size:8px;color:#7c8680;margin-top:4px}.moisture-console>strong{font-size:19px;color:var(--plant-state);margin-top:24px}.moisture-console>b{font-size:38px;color:var(--plant-state);margin-top:8px}.moisture-console b em{font-style:normal}.vertical-scale{position:absolute;left:15px;right:0;top:170px;bottom:10px}.scale-track{position:absolute;left:22px;top:0;bottom:0;width:42px;border:2px solid #9ca39d;background:#f9f8f0;overflow:hidden}.scale-track i{position:absolute;left:3px;right:3px;bottom:3px;height:calc(var(--moisture)*1% - 6px);background:var(--plant-state);transition:height .8s ease,background .3s}.vertical-scale .mark{position:absolute;left:78px;color:#6c7770;font:500 11px "JetBrains Mono";white-space:nowrap}.vertical-scale .mark:before{content:"";position:absolute;right:calc(100% + 8px);top:7px;width:60px;border-top:2px dotted #858d87}.mark-high{top:38%}.mark-low{top:68%}
.diagram-status{position:absolute;left:19%;bottom:20px;z-index:6;max-width:430px;border-left:4px solid var(--plant-state);padding:10px 15px;background:#fffef4e8;box-shadow:0 5px 16px #6670671c}.diagram-status small,.diagram-status strong,.diagram-status span{display:block}.diagram-status small{font:500 7px "JetBrains Mono";color:#727e76;letter-spacing:1px}.diagram-status strong{font:600 14px "Space Grotesk";margin:5px 0;color:#29342e}.diagram-status span{font:500 10px "JetBrains Mono";color:var(--plant-state)}.diagram-legend{position:absolute;right:22px;bottom:24px;z-index:6;display:flex;gap:18px;color:#68736c;font:500 8px "JetBrains Mono"}.diagram-legend span{display:flex;align-items:center;gap:6px}.diagram-legend i{width:28px;border-top:3px solid}.diagram-legend .orange{border-color:#d98226}.diagram-legend .green{border-color:#15966a}
.schematic-board[data-state=dry]{--plant-state:#d75561}.schematic-board[data-state=dry] .happy-mouth{display:none}.schematic-board[data-state=dry] .sad-mouth,.schematic-board[data-state=dry] .tear{display:block}.schematic-board[data-state=dry] .snake-plant{animation:plantDroop 2.6s ease-in-out infinite;transform-origin:360px 430px}.schematic-board[data-state=good]{--plant-state:#15966a}.schematic-board[data-state=good] .snake-plant{animation:plantSway 3.8s ease-in-out infinite;transform-origin:360px 430px}.schematic-board[data-state=wet]{--plant-state:#377bc3}.schematic-board[data-state=wet] .happy-mouth{display:none}.schematic-board[data-state=wet] .flat-mouth{display:block}.schematic-board[data-state=offline]{--plant-state:#7c8580}.schematic-board[data-state=offline] .snake-plant,.schematic-board[data-state=offline] .esp-board{opacity:.52}.schematic-board[data-state=offline] .happy-mouth{display:none}.schematic-board[data-state=offline] .flat-mouth{display:block}
.telemetry-strip{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #c8ccc3;border-top:0;background:#c8ccc3;gap:1px}.telemetry-strip article{background:#faf9f2;padding:15px 13px;min-width:0}.telemetry-strip span,.telemetry-strip strong,.telemetry-strip small{display:block}.telemetry-strip span{font:500 7px "JetBrains Mono";letter-spacing:.7px;color:#79847d}.telemetry-strip strong{font:500 16px "JetBrains Mono";margin:7px 0;color:#28342d}.telemetry-strip strong b{font-size:22px;color:#147e5c}.telemetry-strip small{font:400 7px "JetBrains Mono";color:#707b74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-panel{margin-top:15px}.history-panel .panel-head>b{color:#6e7972;font:500 8px "JetBrains Mono"}.soil-chart{height:145px;margin-top:15px;border:1px solid #c8ccc3;background-color:#f8f7ef;background-image:linear-gradient(#dde0d8 1px,transparent 1px),linear-gradient(90deg,#dde0d8 1px,transparent 1px);background-size:100% 36px,50px 100%;display:grid;place-items:center;color:#707a73;font:400 9px "JetBrains Mono";overflow:hidden}.soil-chart svg{width:100%;height:100%;display:block}.status-dot.offline{background:#d98226;box-shadow:0 0 8px #d98226}.demo-pill{border-radius:2px;background:#edf6f0;color:#147e5c}.demo-pill.offline{background:#faf1e5;color:#a8651f}@keyframes cursorBlink{50%{opacity:0}}@keyframes plantSway{50%{transform:rotate(1deg)}}@keyframes plantDroop{50%{transform:rotate(-1.4deg) translateY(3px)}}@media(max-width:1250px){.schematic-topbar{grid-template-columns:1fr auto}.code-readout{grid-column:1/-1;grid-row:2}.technical-drawing{left:12%;width:94%}.moisture-console{width:14%;min-width:120px}.telemetry-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.schematic-board{height:650px}.technical-drawing{left:80px;top:75px;width:110%;height:80%}.moisture-console{left:12px;top:24px;bottom:70px;min-width:105px}.moisture-console>strong{font-size:14px}.moisture-console>b{font-size:27px}.scale-track{width:30px}.vertical-scale .mark{left:63px;font-size:9px}.diagram-legend{display:none}.diagram-status{left:120px;bottom:12px}.telemetry-strip{grid-template-columns:1fr 1fr}}@media(max-width:560px){.schematic-topbar{grid-template-columns:1fr}.plant-live{justify-self:start}.code-readout{min-width:0}.code-readout code{font-size:11px}.technical-drawing{left:60px;top:105px;width:137%;height:69%}.moisture-console{width:92px}.vertical-scale .mark{display:none}.diagram-status{left:95px;right:8px;max-width:none}.telemetry-strip{grid-template-columns:1fr 1fr}.telemetry-strip strong b{font-size:19px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}