.grid-shell{--g-lime: #ccff00;--g-lime-dim: #9abf00;--g-navy-900: #0a1628;--g-navy-800: #111d33;--g-navy-700: #1a2940;--g-navy-600: #1e3a5f;--g-text: #eaeaea;--g-muted: #8aa0b8;--g-border: rgba(255, 255, 255, .08);--g-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--g-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--g-sans);color:var(--g-text);display:flex;flex-direction:column;gap:0;border:1px solid var(--g-navy-600);border-radius:12px;background:var(--g-navy-800);overflow:hidden}.grid-loading,.grid-error{padding:2rem;color:var(--g-muted);font-size:.9rem}.grid-error{color:#ff9b9b}.grid-toolbar{display:flex;align-items:center;gap:6px;padding:12px;border-bottom:1px solid var(--g-border);flex-wrap:wrap}.grid-toolbar .btn{flex:0 0 auto}.toolbar-spacer{flex:1 1 auto}.grid-search{display:flex;align-items:center;gap:6px;background:var(--g-navy-900);border:1px solid var(--g-navy-600);border-radius:8px;padding:0 10px;height:34px;min-width:140px;flex:1 1 160px}.grid-search svg{width:15px;height:15px;color:var(--g-muted);flex:0 0 auto}.grid-search-input{background:transparent;border:0;outline:none;color:var(--g-text);font-size:.85rem;width:100%}.grid-search-input::placeholder{color:var(--g-muted)}.btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--g-navy-600);background:var(--g-navy-900);color:var(--g-text);font-size:.82rem;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover{background:var(--g-navy-700)}.btn:focus-visible{outline:2px solid var(--g-lime);outline-offset:1px}.btn svg{width:15px;height:15px}.btn-toolbar.active{border-color:var(--g-lime)}.btn-primary{background:var(--g-lime);color:var(--g-navy-900);border-color:var(--g-lime);font-weight:600}.btn-primary:hover{background:var(--g-lime-dim)}.btn-secondary{background:var(--g-navy-700)}.btn-ghost{background:transparent}.btn:disabled{opacity:.5;cursor:default}.view-btn b{font-weight:600}.view-label{color:var(--g-muted);font-weight:400}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--g-lime);color:var(--g-navy-900);font-size:.7rem;font-weight:700}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:0;background:transparent;color:var(--g-muted);cursor:pointer}.icon-btn:hover{background:var(--g-navy-700);color:var(--g-text)}.icon-btn.on{color:var(--g-lime)}.icon-btn svg{width:15px;height:15px}.pop-wrap{position:relative}.pop-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:300px;max-width:calc(100vw - 16px);background:var(--g-navy-800);border:1px solid var(--g-navy-600);border-radius:10px;box-shadow:0 12px 40px #00000080}.pop-panel.pop-right{left:auto;right:0}.menu{padding:10px;display:flex;flex-direction:column;gap:8px}.menu-head{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--g-muted);text-transform:uppercase;letter-spacing:.04em}.menu-empty{color:var(--g-muted);font-size:.8rem;padding:6px 2px}.menu-note{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--g-muted)}.menu-note svg{width:13px;height:13px;color:var(--g-lime)}.menu-foot{display:flex;justify-content:flex-end;gap:6px;border-top:1px solid var(--g-border);padding-top:8px}.menu-add{display:flex;align-items:center;gap:6px;background:transparent;border:1px dashed var(--g-navy-600);color:var(--g-muted);border-radius:7px;padding:7px;font-size:.8rem;cursor:pointer}.menu-add:hover{border-color:var(--g-lime);color:var(--g-text)}.menu-add svg{width:13px;height:13px}.combi-toggle{display:inline-flex;border:1px solid var(--g-navy-600);border-radius:6px;overflow:hidden}.combi-toggle button{background:var(--g-navy-900);color:var(--g-muted);border:0;padding:3px 10px;font-size:.72rem;cursor:pointer}.combi-toggle button.on{background:var(--g-lime);color:var(--g-navy-900);font-weight:700}.cond-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}.cond-row{display:flex;align-items:center;gap:5px}.cond-combi{font-size:.72rem;color:var(--g-text);min-width:30px}.cond-combi.muted{color:var(--g-muted)}.cond-row select,.cond-row input,.range input{background:var(--g-navy-900);border:1px solid var(--g-navy-600);border-radius:6px;color:var(--g-text);font-size:.8rem;padding:4px 6px;min-width:0}.cond-row select{flex:0 1 auto}.cond-row>input{flex:1 1 80px}.range{display:inline-flex;gap:4px}.range input{width:70px}.enum-multi{display:inline-flex;flex-wrap:wrap;gap:6px;font-size:.78rem}.enum-multi label{display:inline-flex;align-items:center;gap:3px}.col-list{display:flex;flex-direction:column;gap:2px;max-height:340px;overflow:auto}.col-row{display:flex;align-items:center;justify-content:space-between;padding:4px;border-radius:6px}.col-row:hover{background:var(--g-navy-700)}.col-check{display:flex;align-items:center;gap:8px;font-size:.83rem;cursor:pointer}.view-list{display:flex;flex-direction:column;gap:2px;max-height:340px;overflow:auto}.view-item,.view-item-row{display:flex;align-items:center}.view-item{flex:1;text-align:left;background:transparent;border:0;color:var(--g-text);font-size:.84rem;padding:7px 8px;border-radius:6px;cursor:pointer}.view-item:hover{background:var(--g-navy-700)}.view-item-row.on .view-item,.view-item.on{color:var(--g-lime)}.view-item .muted{margin-left:auto}.muted{color:var(--g-muted);font-size:.72rem}.grid-scroll{position:relative;overflow:auto;max-height:62vh;min-height:240px}.grid-table{position:relative;min-width:100%}.grid-header-row{position:sticky;top:0;z-index:15;display:flex;background:var(--g-navy-900);border-bottom:1px solid var(--g-navy-600)}.grid-th{position:relative;display:flex;align-items:center;gap:2px;padding:0 4px 0 8px;box-sizing:border-box;font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--g-muted);background:var(--g-navy-900);border-right:1px solid var(--g-border);-webkit-user-select:none;user-select:none}.grid-th.pinned{position:sticky;z-index:16;box-shadow:6px 0 8px -6px #0009}.th-grip{background:transparent;border:0;color:var(--g-navy-600);cursor:grab;padding:2px;display:inline-flex}.grid-th:hover .th-grip{color:var(--g-muted)}.th-grip svg{width:13px;height:13px}.th-label{display:flex;align-items:center;gap:5px;flex:1;min-width:0;background:transparent;border:0;color:inherit;font:inherit;cursor:default;padding:0}.th-label.sortable{cursor:pointer}.th-label.sortable:hover{color:var(--g-text)}.th-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-sort{display:inline-flex;align-items:center;color:var(--g-muted)}.th-label.sortable .th-sort svg{width:12px;height:12px}.sort-order{font-size:.62rem;color:var(--g-lime);margin-left:1px}.th-pin{width:12px;height:12px;color:var(--g-lime);flex:0 0 auto}.th-resize{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;touch-action:none}.th-resize:hover,.th-resize.resizing{background:var(--g-lime)}.grid-body{width:100%}.grid-row{position:absolute;left:0;display:flex;width:100%;border-bottom:1px solid var(--g-border)}.grid-row:hover .grid-cell{background:var(--g-navy-700)}.grid-row.clickable,.group-row.clickable{cursor:pointer;color:inherit;text-decoration:none}.grid-row.clickable:focus-visible,.group-row.clickable:focus-visible{outline:2px solid var(--g-lime);outline-offset:-2px}.grid-cell{position:relative;display:flex;align-items:center;padding:0 10px;box-sizing:border-box;font-size:.83rem;background:var(--g-navy-800);border-right:1px solid var(--g-border);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.grid-cell.pinned{position:sticky;z-index:5;box-shadow:6px 0 8px -6px #0009}.grid-cell.align-right{justify-content:flex-end;text-align:right}.cell-mono{font-family:var(--g-mono);font-size:.8rem;color:var(--g-text);overflow:hidden;text-overflow:ellipsis}.cell-num{font-family:var(--g-mono);font-size:.8rem}.cell-num .unit{color:var(--g-muted);margin-left:3px;font-size:.72rem}.cell-date{font-family:var(--g-mono);font-size:.8rem;color:var(--g-muted)}.cell-text{overflow:hidden;text-overflow:ellipsis}.cell-empty{color:var(--g-navy-600)}.grid-th.gesperrt .th-text{color:var(--g-muted)}.th-gesperrt,.col-gesperrt{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--g-muted);cursor:help;border-radius:4px}.th-gesperrt svg,.col-gesperrt svg{width:12px;height:12px}.th-gesperrt:focus-visible,.col-gesperrt:focus-visible{outline:2px solid var(--g-lime);outline-offset:2px;color:var(--g-lime)}.col-row.gesperrt .col-check span{color:var(--g-muted)}.cell-gesperrt{color:var(--g-navy-600);cursor:help}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:.74rem;font-weight:500;border:1px solid transparent}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill.strom{color:#7fd4ff;background:#46a0dc24;border-color:#46a0dc4d}.pill.gas{color:#ffcf6b;background:#dcaa3c24;border-color:#dcaa3c4d}.pill.q-robotron{color:#b9c6ff;background:#788cf01f;border-color:#788cf047}.pill.q-topix{color:#c9b6ff;background:#a082f01f;border-color:#a082f047}.pill.q-admin{color:var(--g-muted);background:#ffffff0d;border-color:var(--g-border)}.pill.q-wim{color:#9be8c4;background:#5ac8961f;border-color:#5ac89647}.grid-empty{position:absolute;top:44px;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--g-muted);font-size:.9rem}.grid-empty b{color:var(--g-text)}.grid-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid var(--g-border);flex-wrap:wrap}.sprint2-hint{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--g-muted);opacity:.6;border:1px dashed var(--g-navy-600);border-radius:7px;padding:4px 9px}.sprint2-hint svg{width:13px;height:13px}.grid-footer-right{display:inline-flex;align-items:center;gap:12px}.grid-count{font-size:.78rem;color:var(--g-muted);font-family:var(--g-mono)}.grid-count-err{color:#ff9b9b;margin-right:8px}.agg-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.8rem}.agg-total{color:var(--g-text)}.agg-total b{color:var(--g-lime);font-weight:700;margin-right:4px;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em}.agg-chip{display:inline-flex;align-items:center;gap:5px;color:var(--g-muted)}.agg-chip .agg-label{font-size:.74rem}.agg-chip select{background:var(--g-navy-900);border:1px solid var(--g-navy-600);border-radius:6px;color:var(--g-text);font-size:.75rem;padding:2px 5px}.agg-chip .agg-val{color:var(--g-text);font-family:var(--g-mono);font-size:.78rem}.group-list{display:flex;flex-direction:column}.group-block{border-bottom:1px solid var(--g-border)}.group-header{display:flex;align-items:center;gap:8px;width:100%;background:var(--g-navy-900);border:0;border-left:3px solid var(--g-lime);color:var(--g-text);padding:10px 14px;cursor:pointer;text-align:left;font-size:.86rem;position:sticky;top:0}.group-header:hover{background:var(--g-navy-700)}.group-header svg{width:15px;height:15px;color:var(--g-muted);flex:0 0 auto}.group-value{font-weight:600}.group-count{margin-left:auto;color:var(--g-muted);font-family:var(--g-mono);font-size:.78rem}.group-rows{display:flex;flex-direction:column;background:var(--g-navy-800)}.group-row{display:flex;border-bottom:1px solid var(--g-border);height:38px}.group-row:hover{background:var(--g-navy-700)}.group-cell{display:flex;align-items:center;padding:0 10px;box-sizing:border-box;font-size:.82rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:0 0 auto}.group-cell.align-right{justify-content:flex-end}.group-rows-loading,.group-rows-more{padding:10px 16px;color:var(--g-muted);font-size:.78rem}