:root{font:14px/1.45 Segoe UI,system-ui,sans-serif;color:var(--text-primary-color, #242424);background:var(--background-color, #fff);--edge: rgba(127, 127, 127, .28);--blue: #0078d4;--soft: rgba(0, 120, 212, .09)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--edge);background:var(--background-color, #fff);border-radius:4px;min-height:32px;padding:6px 12px}button:hover:not(:disabled){background:var(--soft)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}button.primary:hover:not(:disabled){filter:brightness(1.05)}.shell{max-width:1100px;margin:0 auto;padding:16px 20px 32px}header.top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.top-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.top-actions button{min-height:32px;min-width:32px;padding:4px;border:1px solid var(--edge);border-radius:4px;background:transparent;cursor:pointer;line-height:0;color:inherit}.top-actions button:disabled{opacity:.55;cursor:default}.top-actions button:not(:disabled):hover{background:#f3f3f3}header.top h1{font-size:20px;margin:0 0 4px}header.top p{margin:0;opacity:.75;max-width:52ch}.mock-banner{background:#fff4ce;border:1px solid #fde047;padding:8px 12px;border-radius:4px;margin-bottom:12px}.panel{border:1px solid var(--edge);border-radius:6px;padding:14px 16px;margin-bottom:16px}.panel h2{font-size:15px;margin:0 0 12px}.filter-hint{margin:0 0 12px;font-size:13px;opacity:.75;max-width:70ch}.filter-builder-layout{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:16px;align-items:start;margin-bottom:12px}.filter-palette{border:1px solid var(--edge);border-radius:8px;padding:10px 12px;background:#f8fafc}.filter-palette-title{margin:0 0 10px;font-size:12px;line-height:1.45;color:#526d86}.filter-palette-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.filter-palette-field{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #c5d4e8;border-radius:6px;background:#fff;cursor:grab;font-size:13px;-webkit-user-select:none;user-select:none}.filter-palette-field:hover{border-color:var(--blue);background:var(--soft)}.filter-palette-field--dragging{opacity:.6;cursor:grabbing}.filter-palette-grip{color:var(--blue);font-size:16px;line-height:1}.filter-canvas-wrap{min-width:0}.filter-canvas-label{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#526d86}.filter-tree-root{margin-bottom:0}.filter-tree-canvas{min-height:120px;padding:12px;border:2px dashed #9bb8d9;border-radius:8px;background:#fbfdff}.filter-tree-canvas.filter-drop-target{border-color:var(--blue);background:var(--soft)}.filter-group{margin-left:calc(var(--filter-depth, 0) * 16px);border-left:3px solid var(--soft);padding-left:12px;margin-bottom:10px}.filter-group-header{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px}.filter-combinator{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.filter-group-actions{display:flex;flex-wrap:wrap;gap:6px}.filter-group-body{display:flex;flex-direction:column;gap:6px;min-height:8px;padding:4px;border-radius:4px}.filter-group-body.filter-drop-target{background:var(--soft);outline:1px dashed var(--blue)}.filter-drop-slot{min-height:10px;margin:2px 0;border-radius:4px;border:1px dashed transparent;transition:min-height .1s,background .1s,border-color .1s}.filter-drop-slot:hover{border-color:#c5d4e8;background:#0078d40a}.filter-drop-slot.filter-drop-target{min-height:22px;background:var(--soft);border-color:var(--blue)}.filter-node{position:relative}.filter-node-condition{padding:10px;border:1px solid var(--edge);border-radius:8px;background:#fff;box-shadow:0 1px 2px #0000000f}.filter-node--dragging{opacity:.55}.filter-node-group>.filter-group{margin-top:4px}.filter-node-actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.filter-node-actions button{min-height:28px;padding:4px 8px;font-size:12px}.filter-drag-handle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:grab;min-height:52px;min-width:44px;padding:6px 8px;border:1px solid #9bb8d9;border-radius:6px;background:#e8f4fd;color:var(--blue);align-self:stretch;-webkit-user-select:none;user-select:none}.filter-drag-handle:hover{background:#d4ebfa;border-color:var(--blue)}.filter-drag-handle:active{cursor:grabbing}.filter-drag-grip{font-size:18px;line-height:1}.filter-drag-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.clause-row{display:grid;grid-template-columns:auto 1.2fr 1fr 1.4fr auto;gap:8px;align-items:end;margin-bottom:0}.clause-row label{display:grid;gap:4px;font-size:12px;font-weight:600}.clause-row select,.clause-row input{min-height:32px;padding:4px 8px;border:1px solid var(--edge);border-radius:4px;width:100%}.filter-value-host{display:block;min-width:0}.filter-combobox{position:relative;display:grid;grid-template-columns:1fr auto;align-items:stretch;width:100%}.filter-combobox input{min-height:32px;padding:4px 8px;border:1px solid var(--edge);border-radius:4px 0 0 4px;width:100%;border-right:0}.filter-combobox-toggle{min-height:32px;min-width:32px;padding:0 8px;border:1px solid var(--edge);border-radius:0 4px 4px 0;background:var(--panel, #f3f3f3);cursor:pointer;font-size:14px;line-height:1}.filter-combobox-toggle:hover{background:#e8e8e8}.filter-combobox-list{position:absolute;z-index:20;top:calc(100% + 2px);left:0;right:0;margin:0;padding:4px 0;max-height:220px;overflow-y:auto;list-style:none;background:#fff;border:1px solid var(--edge);border-radius:4px;box-shadow:0 4px 12px #0000001f}.filter-combobox-list li{padding:6px 10px;font-size:13px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-combobox-list li[role=option]:hover{background:#deecf9}.filter-combobox-empty,.filter-combobox-more{cursor:default;opacity:.75;font-size:12px}.filter-combobox-empty:hover,.filter-combobox-more:hover{background:transparent}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.toolbar label{display:inline-flex;align-items:center;gap:6px;font-size:13px}#wiql{width:100%;min-height:96px;font-family:ui-monospace,monospace;font-size:12px;padding:10px;border:1px solid var(--edge);border-radius:4px;resize:vertical}table.results{width:100%;border-collapse:collapse;font-size:13px}table.results th,table.results td{border-bottom:1px solid var(--edge);padding:8px 6px;text-align:left;vertical-align:top}table.results th{font-size:12px;opacity:.8}.status{min-height:1.4em;margin-top:8px;font-size:13px}.status.error{color:#a4262c}.save-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:12px}.save-row input{min-height:32px;padding:4px 8px;border:1px solid var(--edge);border-radius:4px}@media(max-width:860px){.filter-builder-layout,.clause-row{grid-template-columns:1fr}}