/* Chart workbench: preset-first progressive controls, not an indicator wall. */
.cw-presets{display:flex;align-items:center;gap:6px;padding:8px 0 4px;overflow-x:auto;scrollbar-width:thin}
.cw-presets>span{flex:0 0 auto;margin-right:2px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.cw-presets .button{flex:0 0 auto}
.cw-history-title{font-size:12px;font-weight:600;color:var(--text)}
.cw-preset-readback{margin:0;padding:3px 0 8px;color:var(--muted);font-size:11px;line-height:1.4}
.cw-advanced{border-block:1px solid var(--border);padding:0}
.cw-advanced>summary{display:flex;align-items:center;min-height:38px;cursor:pointer;color:var(--muted);font-size:11px;font-weight:600;padding:0}
.cw-advanced>summary::after{content:'+';margin-left:auto;font-size:16px}.cw-advanced[open]>summary::after{content:'−'}
.cw-advanced>.cw-panel{margin-inline:0}
.cw-changed{border-top:1px solid var(--border);padding:9px 0 8px;margin-top:5px}
.cw-changed header{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;flex-wrap:wrap}
.cw-changed h3{font-size:12px;line-height:1.4;margin:0;font-weight:600}
.cw-changed header>span{font-size:10px;line-height:1.4;color:var(--muted)}
.cw-changed p{font-size:12px;line-height:1.5;margin:4px 0 0}
.cw-changed .cw-change-range{color:var(--muted);font-size:11px}
.cw-change-compare{display:block}
.cw-toolbar,.cw-options,.cw-chart-footer,.cw-chart-footer>div,.cw-drawings{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cw-toolbar{padding:6px 0}
.cw-chart .button{min-height:40px;font-size:12px;padding:6px 10px}
.cw-chart .active,.cw-chart [aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:var(--selected)}
.cw-panel{padding:10px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cw-panel label:not(.cw-check),.cw-handoff label,.cw-rule-note label,.cw-editbar label{display:grid;gap:4px;font-size:11px;color:var(--muted)}
.cw-panel label:not(.cw-check){flex:1 1 210px}.cw-panel small{flex-basis:100%;color:var(--muted);font-size:11px}
.cw-check{display:flex!important;align-items:center;gap:7px;font-size:12px;min-height:36px}.cw-check input{width:17px;height:17px;min-height:17px;margin:0}
.cw-chart select,.cw-chart input[type=number],.cw-rule-note select,.cw-rule-note input{background:var(--surface);color:var(--text);border:1px solid var(--control);border-radius:4px;padding:6px 8px;max-width:100%;min-width:0;min-height:40px;font:inherit}
.cw-modebar{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:28px;padding:4px 0;font-size:10px;color:var(--muted);scroll-margin-top:72px}
.cw-modebar .button{min-height:32px;padding:3px 8px}
.cw-chart .mx-chart-canvas{touch-action:pan-y;cursor:crosshair}
.cw-chart .mx-chart-canvas.cw-editing{touch-action:none}
.cw-chart-footer{justify-content:space-between;font-size:10px;color:var(--muted);margin-top:3px}
.cw-chart-footer .button{min-height:36px;padding:4px 9px}
.cw-drawings{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}
.cw-drawing-picker{display:flex;align-items:center;gap:8px;font-size:11px;flex:1;min-width:0}.cw-drawing-picker select{flex:1;width:100px;font-size:12px}
.cw-editbar,.cw-handoff,.cw-activity,.cw-rule-note{border-top:1px solid var(--border);padding:10px 0;margin-top:8px;font-size:12px}
.cw-editbar strong{display:block;margin-bottom:6px}.cw-editbar details{padding:6px 0}.cw-editbar summary,.cw-data summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-size:11px}
.cw-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}
.cw-handoff{background:var(--selected);padding:12px;border:1px solid var(--primary);border-radius:4px}
.cw-handoff h3,.cw-event-thread h3{font-size:14px;margin:0 0 7px}.cw-handoff p,.cw-activity p,.cw-event-thread p{font-size:12px;line-height:1.45;margin:7px 0}.cw-handoff label{margin-block:8px}.cw-handoff .cw-options{margin-top:10px}
.cw-event-thread{border-left:2px solid var(--primary);padding:10px 12px;margin-top:10px;background:var(--surface)}.cw-event-thread ol{padding-left:20px;line-height:1.8}
.cw-activity header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.cw-activity small,.cw-editbar small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-block:5px}
.cw-notice{padding:8px;margin:6px 0;font-size:12px;background:var(--selected);border-left:2px solid var(--primary)}
.cw-data{margin-top:6px;color:var(--muted);padding:0}.cw-data summary{padding:0}.cw-data p{font-size:11px}.cw-data-scroll{max-height:210px;overflow:auto}.cw-data table{width:100%;font-size:11px;text-align:left}.cw-data td,.cw-data th{padding:5px;border-bottom:1px solid var(--border)}
.cw-rule-note{padding:12px;border:1px solid var(--border);border-left:3px solid var(--primary);margin-bottom:12px}.cw-rule-note p{margin:6px 0;line-height:1.5}.cw-rule-note form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.cw-rule-note small{display:block;color:var(--muted);margin-top:8px}.cw-order-link{display:block;min-height:44px;padding:10px 0}
@media(max-width:767px){
 .cw-presets{margin-inline:-2px;padding-inline:2px}.cw-presets>span{display:none}.cw-presets .button{flex:1;min-height:44px}
 .cw-preset-readback{min-height:35px}
 .cw-toolbar{gap:5px;padding-block:4px}.cw-toolbar .button{flex:1;min-height:44px;padding-inline:7px}
 .cw-panel{padding:8px}.cw-panel select,.cw-handoff input,.cw-handoff select,.cw-value-grid input,.cw-rule-note input,.cw-rule-note select{font-size:16px;min-height:44px}
 .cw-chart .mx-chart-canvas{height:220px}.cw-chart .terminal-chart-top{gap:4px}
 .cw-chart .terminal-chart-top>div:first-child{gap:5px}.cw-chart .terminal-chart-top b{font-size:20px}
 .cw-chart .mx-ranges{gap:3px}.cw-chart .mx-ranges .button{padding-inline:8px}
 .cw-drawing-picker{font-size:10px}.cw-drawing-picker select{font-size:12px}
 .cw-chart-footer{gap:4px}.cw-chart-footer>div{gap:4px}.cw-chart-footer .button{min-height:40px;padding-inline:8px}
 .cw-editbar .cw-options .button,.cw-options .button{min-height:44px}
 .cw-chart .terminal-legend{font-size:10px}
}
