/* Graph-first measurement workspace. The independent data window owns the table. */
#xf3 .measurement-workspace-layout{display:block;grid-template-columns:minmax(0,1fr);gap:0}
#xf3 .measurement-workspace-layout>.record-detail-pane{padding:0;border:0;background:transparent;min-width:0}
#xf3 .measurement-live{margin:0;scroll-margin-top:8px}
#xf3 .mo-graph-workspace{margin:0;width:100%}
#xf3 .mo-graph-workspace>.mo-chart-panel{padding:0;border:1px solid var(--product-line);border-radius:8px;background:var(--product-paper);overflow:hidden}
#xf3 .mo-file-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid var(--product-line)}
#xf3 .mo-file-heading-text{min-width:0;flex:1;display:flex;align-items:center;gap:20px}
#xf3 .mo-file-heading h2{margin:0;font-size:17px;line-height:1.4;font-weight:650;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--product-ink)}
#xf3 .mo-file-heading p{margin:0;font-size:12px;color:var(--product-muted);overflow-wrap:anywhere;min-width:0;flex:1}
#xf3 .mo-file-heading h2{flex:0 1 auto;max-width:48%}
#xf3 .mo-file-heading-actions{display:flex;gap:8px;align-items:center;flex:none}
#xf3 .mo-file-heading-actions button{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:35px;padding:7px 10px;font-size:13px;margin:0}
#xf3 .mo-file-heading-actions .mo-table-open{background:var(--product-accent);color:var(--product-on-accent);border-color:var(--product-accent);font-weight:600}
#xf3 .mo-file-heading-actions svg{width:18px;height:18px;flex:none}
#xf3 .mo-controls-line{display:flex;align-items:flex-end;gap:12px;padding:10px 16px 3px;flex-wrap:wrap}
#xf3 .mo-controls-line .mo-range-form{margin:0;gap:8px;flex:1}
#xf3 .mo-controls-line .mo-range-form label{font-size:11px;color:var(--product-muted)}
#xf3 .mo-controls-line :is(input,select){font-size:12px;padding:6px 8px;min-height:32px}
#xf3 .mo-controls-line .mo-method-choice{min-width:180px}
#xf3 .mo-controls-line .mo-method-choice select{max-width:250px;width:100%}
#xf3 .mo-controls-line button{min-height:32px;font-size:12px;padding:5px 8px;margin:0}
#xf3 .mo-controls-line .mo-zoom-controls{display:flex;gap:5px;align-items:center;margin-left:auto;flex:none}
#xf3 .mo-controls-line .mo-graph-link{padding:6px 8px;min-height:32px}
#xf3 .mo-graph-link svg{width:17px;height:17px;display:block}
#xf3 .mo-graph-workspace .mo-legend{display:flex;gap:6px 20px;flex-wrap:wrap;align-items:center;padding:11px 18px 9px;margin:0}
#xf3 .mo-graph-workspace .mo-legend button{display:inline-flex;align-items:center;gap:7px;font-size:16px;min-height:29px;padding:0;border:0;border-radius:0;background:transparent!important;color:var(--product-ink);margin:0}
#xf3 .mo-graph-workspace .mo-legend button[aria-pressed=false]{opacity:.42}
#xf3 .mo-graph-workspace .mo-legend button:disabled{opacity:.25}
#xf3 .mo-graph-workspace .mo-legend button:hover{opacity:1}
#xf3 .mo-graph-workspace .mo-legend button i{width:17px;height:0;border:0;border-top:2px solid var(--series-color);background:none;border-radius:0;flex:none}
#xf3 .mo-graph-workspace .mo-legend button i.mo-dashed{border-top-style:dashed}
#xf3 .mo-plot-layout{display:flex;align-items:stretch;min-width:0;position:relative;min-height:140px}
#xf3 .mo-plot-surface{position:relative;min-width:0;flex:1;padding:0 6px;overflow:hidden}
#xf3 .mo-graph-workspace .mo-chart{display:block;width:100%;margin:0}
#xf3 .mo-graph-workspace .mo-chart text{font-size:12px}
#xf3 .mo-graph-workspace .mo-time-tick text{font-size:14px}
#xf3 .mo-graph-workspace .mo-time-tick .mo-time-date{font-size:13px}
#xf3 .mo-selected-line{stroke:var(--product-ink);stroke-width:1.2;stroke-dasharray:4 4;pointer-events:none}
#xf3 .mo-file-tools{display:flex;flex-direction:column;justify-content:space-between;gap:14px;flex:0 0 58px;width:58px;height:100%;min-height:0;max-height:100%;overflow-y:auto;border-left:1px solid var(--product-line);padding:6px 5px 10px;background:color-mix(in srgb,var(--product-paper) 94%,var(--product-bg))}
#xf3 .mo-tool-group,#xf3 .mo-tool-bottom{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px}
#xf3 .mo-tool-bottom{margin-top:auto}
#xf3 .mo-file-tools .mo-tool{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:40px;min-height:40px;margin:0;padding:7px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--product-ink);text-decoration:none}
#xf3 .mo-file-tools .mo-tool:hover{color:var(--product-ink);background:var(--product-soft);border-color:var(--product-line)}
#xf3 .mo-file-tools .mo-tool svg{display:block;width:24px;height:24px;flex:none}
.mo-tool-label{position:fixed;z-index:10000;max-width:calc(100vw - 32px);padding:9px 13px;border:1px solid #7590ac;border-radius:6px;background:#0c192b;color:#f3f8ff;box-shadow:0 5px 18px #0006;pointer-events:none;font:600 14px/1.5 system-ui,sans-serif;white-space:nowrap}
#xf3 .mo-file-tools .mo-tool[data-danger]{margin-top:8px;color:#f1a5b4}
#xf3 .mo-file-tools .mo-tool[data-danger]:hover{background:#512d39;color:#ffd7df;border-color:#a45e70}
#xf3 .mo-workspace-status{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;min-height:31px;padding:6px 16px;border-top:1px solid var(--product-line);color:var(--product-muted);font-size:11px}
#xf3 .mo-workspace-status span:last-child{margin-left:auto}
#xf3 .mo-review-context{display:flex;gap:8px;align-items:center;padding:4px 16px;font-size:12px;flex-wrap:wrap}
#xf3 .mo-review-context button{font-size:11px;min-height:28px;padding:3px 7px}
#xf3 .mo-graph-guide{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(530px,calc(100% - 40px));padding:16px 20px;border:1px solid #526c88;border-radius:9px;background:#192b40;color:#e0eaf5;box-shadow:0 15px 45px #060e1e66;z-index:7;pointer-events:none;animation:mo-guide-fade 5s linear both}
#xf3 .mo-graph-guide header{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:8px}
#xf3 .mo-graph-guide strong{font-size:15px;font-weight:600;color:#f0f7ff}
#xf3 .mo-graph-guide p{margin:6px 0;font-size:13px;line-height:1.7;color:#d6e5f5}
#xf3 .mo-graph-guide small{display:block;font-size:11px;line-height:1.6;color:#a9c0d7;margin-top:9px}
#xf3 .mo-graph-guide header button{display:flex;align-items:center;justify-content:center;pointer-events:auto;padding:2px;min-height:25px;width:25px;margin:0;border:0;background:transparent;color:#b5c8dc}
#xf3 .mo-graph-guide header svg{width:17px;height:17px}
@keyframes mo-guide-fade{0%,40%{opacity:1}100%{opacity:0}}
.mo-summary-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mo-summary-dialog h2{margin:0;font-size:20px}.mo-summary-dialog .mo-summary-filename{overflow-wrap:anywhere;color:var(--product-muted);font-size:13px}
.mo-summary-dialog .mo-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:18px 0}
.mo-summary-dialog dl dt{font-size:12px;color:var(--product-muted)}.mo-summary-dialog dl dd{margin:5px 0 0;overflow-wrap:anywhere;font-size:13px}
.mo-summary-dialog details{margin:14px 0;border-top:1px solid var(--product-line);padding-top:12px}.mo-summary-dialog details dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.mo-summary-dialog .mo-summary-reviews{display:flex;gap:8px;flex-wrap:wrap}.mo-summary-dialog .mo-summary-reviews button{font-size:12px}
#xonic-dashboard-wireframe:has(.mo-graph-only) .main{padding:12px 18px}
#xonic-dashboard-wireframe:has(.mo-raw-sheet) .common-bar{display:none}
#xonic-dashboard-wireframe:has(.mo-raw-sheet) .main{padding:14px;max-width:none}
#xf3 .mo-raw-sheet .mo-sheet-heading{align-items:flex-start;gap:9px;margin-bottom:10px}
#xf3 .mo-sheet-heading h1{font-size:17px;overflow-wrap:anywhere}
#xf3 .mo-sheet-heading p{font-size:12px}
#xf3 .mo-sheet-heading>.mo-sheet-tools{display:flex;gap:7px;flex-wrap:wrap;flex-basis:100%;justify-content:flex-start;align-items:center}
#xf3 .mo-sheet-tools label{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}
#xf3 .mo-sheet-heading button,#xf3 .mo-sheet-heading a{font-size:12px;min-height:31px;padding:5px 8px;margin:0}
#xf3 .mo-sheet-heading a{display:inline-flex;border:1px solid var(--product-line);border-radius:5px;color:var(--product-ink);text-decoration:none}
#xf3 .mo-raw-sheet .mo-sheet-grid{max-height:calc(100vh - 180px);min-height:260px}
#xf3 .mo-sheet-status{font-size:11px;color:var(--product-muted);padding-top:7px}
@media(max-width:1100px){#xf3 .mo-file-period{display:none}#xf3 .mo-controls-line .mo-zoom-controls{margin-left:0}#xf3 .mo-file-heading{padding:12px 14px}#xf3 .mo-graph-workspace .mo-legend{gap:6px 16px}}
@media(max-width:700px){#xf3 .mo-file-heading{align-items:flex-start;flex-wrap:wrap}#xf3 .mo-file-heading-text{flex-basis:100%}#xf3 .mo-file-heading h2{font-size:15px}#xf3 .mo-controls-line{padding:9px 11px 4px}#xf3 .mo-controls-line .mo-range-form{flex-basis:100%}#xf3 .mo-graph-workspace .mo-legend{padding:9px 12px;gap:7px 14px}#xf3 .mo-graph-workspace .mo-legend button{font-size:15px}#xf3 .mo-plot-surface{overflow-x:auto}#xf3 .mo-file-tools{flex-basis:43px;width:43px;padding:6px 3px}#xf3 .mo-tool-group,#xf3 .mo-tool-bottom{gap:3px}#xf3 .mo-graph-guide{width:calc(100% - 16px);padding:13px}#xf3 .mo-graph-guide p{font-size:12px}.mo-summary-dialog .mo-summary-grid,.mo-summary-dialog details dl{grid-template-columns:1fr}#xf3 .mo-raw-sheet .mo-sheet-grid{max-height:calc(100vh - 280px)}}
@media(prefers-reduced-motion:reduce){#xf3 .mo-graph-guide{animation:none}}

@media(max-width:1100px){#xf3 .mo-file-heading-text{flex-wrap:wrap;gap:7px 16px}#xf3 .mo-file-heading h2{max-width:100%}#xf3 .mo-file-heading p{flex-basis:100%}}
@media(max-width:700px){#xf3 .mo-file-tools{flex-basis:53px;width:53px}}

/* Labels and values share one horizontal control row. */
#xf3 .mo-controls-line{align-items:center}
#xf3 .mo-controls-line .mo-range-form{align-items:center;gap:10px 18px}
#xf3 .mo-controls-line .mo-range-form label{display:flex;align-items:center;gap:8px;white-space:nowrap}
#xf3 .mo-controls-line .mo-range-form>span:not(.mo-range-status){padding-bottom:0}
#xf3 .mo-controls-line .mo-method-choice{min-width:0}
#xf3 .mo-controls-line .mo-method-choice select{width:240px;max-width:240px}
#xf3 .mo-controls-line .mo-range-status:empty{display:none}

/* Time selection precedes the legend; the average legend selects its calculation. */
#xf3 .mo-legend-toolbar{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:10px 16px}
#xf3 .mo-legend-toolbar .mo-range-form{display:flex;align-items:center;gap:8px;margin:0;flex:none;flex-wrap:wrap;max-width:100%}
#xf3 .mo-legend-toolbar .mo-range-form label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px}
#xf3 .mo-legend-toolbar .mo-range-form input{width:190px;min-height:32px;padding:6px;font-size:12px}
#xf3 .mo-legend-toolbar .mo-range-form>span:not(.mo-range-status){padding:0}
#xf3 .mo-legend-toolbar .mo-range-status:empty{display:none}
#xf3 .mo-legend-toolbar .mo-legend{gap:6px 13px;padding:0;min-width:0}
#xf3 .mo-legend-toolbar .mo-average-picker{display:inline-flex;align-items:center;gap:7px;margin:0;white-space:nowrap}
#xf3 .mo-legend-toolbar .mo-average-picker i{width:17px;height:0;border:0;border-top:2px dashed var(--series-color);border-radius:0;background:none;flex:none}
#xf3 .mo-legend-toolbar .mo-average-picker select{font-size:16px;min-height:32px;max-width:235px;padding:4px 25px 4px 8px;border:1px solid var(--product-line);border-radius:5px;background-color:var(--product-paper);color:var(--product-ink);cursor:pointer}
#xf3 .mo-legend-toolbar .mo-average-hidden{opacity:.5}
#xf3 .mo-graph-workspace .mo-legend button.mo-smooth-toggle{gap:8px;min-height:32px;padding:0 0 0 10px;border-left:1px solid var(--product-line);font-size:13px;white-space:nowrap;color:var(--product-muted)}
#xf3 .mo-smooth-track{display:inline-flex;align-items:center;width:34px;height:20px;padding:3px;border:1px solid var(--product-line);border-radius:12px;background:var(--product-soft);flex:none}
#xf3 .mo-smooth-track>span{display:block;width:12px;height:12px;border-radius:50%;background:var(--product-muted);transform:translateX(0)}
#xf3 .mo-smooth-toggle[aria-checked=true]{color:var(--product-ink)}
#xf3 .mo-smooth-toggle[aria-checked=true] .mo-smooth-track{background:var(--product-accent);border-color:var(--product-accent)}
#xf3 .mo-smooth-toggle[aria-checked=true] .mo-smooth-track>span{background:var(--product-on-accent);transform:translateX(14px)}
@media(prefers-reduced-motion:no-preference){#xf3 .mo-smooth-track,#xf3 .mo-smooth-track>span{transition:background-color .15s,transform .15s}}
#xf3 .mo-legend-toolbar .mo-zoom-controls{display:flex;gap:5px;align-items:center;margin-left:auto}
#xf3 .mo-legend-toolbar .mo-zoom-controls button{min-height:30px;padding:4px 7px;margin:0;font-size:12px}
@media(max-width:700px){#xf3 .mo-legend-toolbar{padding:10px 12px}#xf3 .mo-legend-toolbar .mo-range-form label{flex-wrap:wrap}#xf3 .mo-legend-toolbar .mo-range-form input{width:175px}}

.measurement-images-dialog>header{display:flex;align-items:center;justify-content:space-between}.measurement-images-dialog>p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.measurement-images-dialog .mo-images-upload{margin-top:20px;border-top:1px solid var(--product-line);padding-top:16px}.measurement-images-dialog .mo-images-upload>small{display:block;margin:8px 0 14px}.measurement-images-dialog [data-mimg=delete]{color:#f2a3b3}