:root{--bg:#10140f;--panel:#171f16;--panel2:#202b1e;--text:#f4f7ef;--muted:#aeb9aa;--accent:#e84c2a;--ok:#5fd17b;--warn:#f2c94c;--bad:#ff6b6b;--line:#2f3b2c;--input:#0f150e}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(160deg,#0a0d09,#142014 50%,#21110d);color:var(--text);min-height:100vh}.hidden{display:none!important}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.2rem 1.4rem;border-bottom:1px solid var(--line);background:rgba(16,20,15,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}h1{margin:.1rem 0;font-size:1.45rem}h2{margin:.4rem 0 1rem}h3{margin:.2rem 0 .7rem}.muted{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:.75rem}.tabs{display:flex;gap:.4rem;overflow:auto;padding:.7rem 1.4rem;background:#11180f;border-bottom:1px solid var(--line);position:sticky;top:77px;z-index:9}.tabs button{white-space:nowrap;background:#1a2418}.tabs button.active{background:var(--accent);color:white}main{padding:1.2rem;max-width:1500px;margin:auto}.tab-pane{display:none}.tab-pane.active{display:block}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1rem}.card{background:rgba(23,31,22,.95);border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,.2)}.metric{font-size:2rem;font-weight:800;margin:.2rem 0}.metric small{font-size:.9rem;color:var(--muted)}button{border:0;border-radius:10px;padding:.62rem .85rem;background:#2d3b29;color:var(--text);cursor:pointer;font-weight:700}button:hover{filter:brightness(1.12)}button.primary{background:var(--accent)}button.success{background:#237a3a}button.danger{background:#8f2b2b}button.small{font-size:.8rem;padding:.35rem .55rem}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.65rem;background:var(--input);color:var(--text)}textarea{min-height:78px}label{display:block;font-weight:700;font-size:.85rem;margin:.5rem 0 .25rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem}.form-actions{display:flex;gap:.5rem;align-items:end;margin-top:.8rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;background:#121a11}th,td{padding:.6rem .7rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#202b1e;position:sticky;top:0;z-index:1}tr:hover td{background:#172216}.badge{display:inline-flex;align-items:center;padding:.18rem .5rem;border-radius:999px;background:#293627;font-size:.8rem}.badge.ok{background:#174c2b}.badge.warn{background:#584716}.badge.bad{background:#662424}.login-view{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{width:min(440px,100%);background:rgba(23,31,22,.95);border:1px solid var(--line);border-radius:22px;padding:1.4rem;box-shadow:0 20px 60px rgba(0,0,0,.4)}.error{color:var(--bad);font-weight:700}.toast{position:fixed;right:1rem;bottom:1rem;background:#21301f;border:1px solid var(--line);padding:.8rem 1rem;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:50}.alerts{display:grid;gap:.6rem}.alert{border-radius:14px;padding:.8rem;border:1px solid var(--line);background:#1b2519}.alert.hoch{border-color:#9b2e2e;background:#2b1717}.alert.mittel{border-color:#866a1b;background:#2b2413}.qr{width:92px;height:92px;background:white;border-radius:8px;padding:4px}.label-sheet{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.plant-label{background:white;color:#111;border:1px solid #111;border-radius:8px;padding:.65rem;display:grid;grid-template-columns:88px 1fr;gap:.6rem;align-items:center}.plant-label strong{display:block;font-size:1rem}.progress{height:10px;background:#0d120c;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent)}@media print{body{background:white;color:#111}.topbar,.tabs,.no-print,button,.form-actions{display:none!important}.card{box-shadow:none;border:1px solid #ccc;background:white}.tab-pane{display:block}.plant-label{break-inside:avoid}.qr{border:1px solid #333}}

.layout-card{margin-top:1rem}.layout-topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.layout-controls{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.layout-controls select{min-width:240px}.layout-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem;margin-bottom:1rem}.layout-stat{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:.75rem}.layout-stat strong{display:block;font-size:1.15rem}.layout-stat span{display:block;color:var(--muted);font-size:.85rem;margin-top:.15rem}.layout-legend{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.legend-item{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.9rem}.legend-swatch{width:14px;height:14px;border-radius:4px;display:inline-block;border:1px solid var(--line)}.legend-swatch.occupied{background:#244d30;border-color:#3f8e54}.legend-swatch.free{background:#24312a;border-color:#55655c}.greenhouse-layout{display:grid;gap:1rem}.row-card{border:1px solid var(--line);border-radius:16px;padding:.9rem;background:rgba(18,26,17,.9)}.row-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:.8rem}.row-meta{font-size:.9rem;color:var(--muted)}.place-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem}.place-box{display:flex;flex-direction:column;align-items:flex-start;gap:.22rem;min-height:88px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:.65rem;background:#223025}.place-box .place-code{font-weight:800}.place-box .place-status{font-size:.78rem;color:var(--muted)}.place-box .place-plant{font-size:.8rem;line-height:1.2;word-break:break-word}.place-box.occupied{background:linear-gradient(180deg,#29573a,#223428);border-color:#4fa16d}.place-box.free{background:linear-gradient(180deg,#1d2520,#18201b);border-color:#44564b}.layout-detail{margin-top:1rem;padding:.9rem;border:1px dashed var(--line);border-radius:14px;background:rgba(18,26,17,.75)}.layout-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;align-items:center}
.layout-pro-wrap{margin-top:.5rem}.layout-mode-hint{color:var(--muted);font-size:.9rem;margin:.25rem 0 1rem}.greenhouse-layout.pro{gap:1.1rem}.pro-row{background:rgba(18,26,17,.96)}.pro-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pro-place{position:relative;min-height:104px;background:var(--heat-bg,#223025);border-color:var(--heat-border,var(--line));transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.pro-place:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 10px 22px rgba(0,0,0,.22)}.pro-place[draggable="true"]{cursor:grab}.pro-place[draggable="true"]:active{cursor:grabbing}.place-extra{font-size:.78rem;color:#f5f5f5;opacity:.9;margin-top:auto}.pro-place.free .place-extra{color:var(--muted)}pre{white-space:pre-wrap;word-break:break-word;background:#0f150e;border:1px solid var(--line);border-radius:12px;padding:.8rem;color:var(--text)}@media(max-width:720px){.grid-2{grid-template-columns:1fr}.layout-controls{width:100%}.layout-controls select,.layout-controls button{width:100%}.pro-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.pro-place{min-height:92px}}

.twin-canvas{position:relative;min-height:460px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#10180f,#1a2418);overflow:hidden;margin-top:1rem}.twin-canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;opacity:.32}.twin-zone,.twin-object{position:absolute;border:2px solid #2d6a4f;border-radius:12px;padding:.45rem;background:rgba(23,31,22,.78);backdrop-filter:blur(2px);overflow:hidden}.twin-zone strong,.twin-object strong{display:block;font-size:.85rem}.twin-zone span,.twin-object span{font-size:.76rem;color:var(--muted)}.twin-object{border-color:#d4902f;background:rgba(50,35,13,.78)}.twin-object.sensor{border-color:#49a3ff}.twin-object.aktor{border-color:#e84c2a}.twin-object.bewässerung{border-color:#3dbb83}.twin-object.weg{border-color:#8f8f8f}.twin-object.tisch{border-color:#c08b5c}.control-warning{border:1px solid #9b2e2e;background:#2b1717;border-radius:14px;padding:.8rem;margin:.6rem 0}.command-status{font-weight:800}.command-status.queued{color:var(--warn)}.command-status.sent{color:var(--ok)}.command-status.blocked,.command-status.error{color:var(--bad)}