.query-source-editor{margin:0 23px 17px;padding:16px;border:1px solid #3b5b51;border-radius:8px;background:#152c2b}.query-source-editor>label,.query-result-editor label{display:block;font-size:11px;color:#b0cdbe}.query-source-editor>label>span{float:right;font-family:var(--mono);font-size:9px;color:#7caa96}.query-code.input{display:block;box-sizing:border-box;width:100%;height:115px!important;min-height:70px;resize:vertical;margin-top:8px;padding:12px;font-family:var(--mono);font-size:10px!important;line-height:1.7;background:#0e1e26;color:#b7d6d1;white-space:pre;overflow:auto}.query-result-editor{margin:13px 0}.query-result-editor>summary{font-size:10px;color:#9abca9;cursor:pointer}.query-result-editor label{margin-top:10px}.query-result-editor textarea{height:190px!important}.query-source-editor>.button{margin-top:13px;font-size:10px}.query-error{font-size:11px;color:#ffc0ac;line-height:1.8;margin-top:10px}.query-result-table{margin:0 23px 20px;overflow:auto;border:1px solid #35564d;border-radius:7px}.query-result-table table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap;text-align:left}.query-result-table th{padding:10px 13px;background:#203f32;color:#a5c9ad;font-family:var(--mono);font-size:9px;font-weight:400}.query-result-table th>small{display:block;color:#789e89;font-size:8px;margin-top:5px}.query-result-table td{padding:12px 13px;border-top:1px solid #35534b;font-family:var(--mono);color:#bdd9cf;font-size:10px}.query-views-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 23px 12px}.query-views-heading>strong{font-size:12px;font-weight:500;color:#bdd6c4}.query-views-heading>.button{font-size:9px}.query-published-views{margin:0 23px;display:grid;gap:9px}.query-published-view{border:1px solid #3c5b4e;border-radius:7px;overflow:hidden;background:#18322a}.query-published-view>button{display:grid;grid-template-columns:1fr auto;gap:6px;padding:13px 15px;width:100%;text-align:left}.query-published-view strong{font-size:12px;color:#c2dfc9;font-weight:500}.query-published-view small{font-family:var(--mono);font-size:8px;color:#84aa93;grid-column:1}.query-published-view b{grid-column:2;grid-row:1/span 2;font-size:25px;color:#bfe1b4;font-weight:500}.query-published-view b.warning{color:#edc382}.query-published-view b.critical{color:#ffb59f}.query-published-view button>span{font-size:9px;color:#83b99b;grid-column:1/-1}.query-published-view>div{display:flex;justify-content:flex-end;gap:20px;padding:9px 15px;border-top:1px solid #365547}.query-published-view label{font-size:10px;color:#9ac3a9;display:flex;align-items:center;gap:5px}.query-standard-note{margin:18px 23px 22px;font-size:10px;line-height:1.9;color:#89b29b}.query-standard-note>code{font-size:9px;font-family:var(--mono);color:#b0ccbb}.query-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.query-metric-config .field-label{display:block;line-height:1.6;margin-top:14px}.query-metric-config .field-label>.input{display:block;margin-top:7px}.query-metric-config .config-title>code{font-family:var(--mono);font-size:8px;color:#7aab91;overflow-wrap:anywhere}.query-metric-config .threshold-inputs{margin-top:12px}.query-published-reference{display:grid;gap:5px;font-family:var(--mono);font-size:9px;color:#8fb49f;margin:17px 0}.query-metric-config>.button{font-size:11px}.query-metric-config .query-standard-note{margin:16px 0}@media(max-width:650px){.query-source-editor{margin:0 15px 15px;padding:12px}.query-result-table{margin:0 15px 17px}.query-views-heading{margin:0 15px 10px;flex-wrap:wrap}.query-published-views{margin:0 15px}.query-standard-note{margin:16px 15px}.query-config-grid{grid-template-columns:1fr;gap:0}.query-published-view b{font-size:22px}.query-published-view strong{font-size:11px}}
