/* Only the welding plots and messages extend the shared cladding HMI. */
#lab, #viewport { display: contents; }
.welding-trend-content { min-height: 0; flex: 1; overflow: auto; }
.welding-trend-content > section { height: 100%; }
#thermal-canvas, #section-canvas { display: block; width: 100%; height: 100%; min-height: 210px; }
#section-canvas { height: calc(100% - 42px); }
#comparison-canvas { display: block; width: 100%; height: 230px; }
#comparison-table table { width: 100%; border-collapse: collapse; font-size: var(--youxin-hmi-font-caption); }
#comparison-table th, #comparison-table td { padding: 6px 3px; border-bottom: 1px solid var(--youxin-hmi-border); text-align: left; }
#comparison-table small { display: block; color: var(--youxin-hmi-muted); }
#comparison-table .changed { background: var(--youxin-hmi-primary-soft); }
.comparison-chart-header h2 { font-size: var(--youxin-hmi-font-section); }
.finding { padding: 8px 0; color: var(--youxin-hmi-muted); font-size: var(--youxin-hmi-font-body); }
.finding strong { color: var(--youxin-hmi-text); }
.finding p { margin: 4px 0 0; }
.finding.warn strong { color: var(--youxin-hmi-warning); }
.finding.bad strong { color: var(--youxin-hmi-error); }
#help-dialog { inset: 0; margin: auto; width: min(580px,calc(100vw - 24px)); height: fit-content; max-height: calc(100dvh - 32px); overflow: auto; }
#help-dialog::backdrop { background: #0008; }
#help-content h3 { font-size: var(--youxin-hmi-font-section); }
#toast { position: fixed; z-index: 16000; bottom: 64px; left: 50%; width: max-content; max-width: calc(100vw - 24px); transform: translateX(-50%); background: var(--youxin-hmi-window-bg); }
.youxin-hmi-component-popover { max-height: min(680px,calc(100dvh - 132px)); overflow-y:auto; overscroll-behavior:contain; }
.welding-part-picker { display:grid; gap:6px; font-size:var(--youxin-hmi-font-caption); color:var(--youxin-hmi-muted); }
.welding-part-picker select { width:100%; min-width:0; min-height:34px; padding:6px 8px; border:1px solid var(--youxin-hmi-border); border-radius:7px; color:var(--youxin-hmi-text); background:var(--youxin-hmi-window-bg); font:inherit; }
.welding-part-note { font-size:var(--youxin-hmi-font-caption); line-height:1.65; color:var(--youxin-hmi-muted); margin:8px 0; }
.welding-peripheral-actions { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.welding-peripheral-actions button,.welding-hardware-action { min-height:34px; border-radius:7px; border:1px solid var(--youxin-hmi-border); background:transparent; color:var(--youxin-hmi-text); font:inherit; cursor:pointer; }
.welding-peripheral-actions button[aria-pressed="true"] { background:var(--youxin-hmi-primary-soft); }
.welding-peripheral-actions button:disabled,.welding-hardware-action:disabled { opacity:.45; cursor:not-allowed; }
.welding-hardware-action { width:100%; margin-top:8px; }
.welding-source-details { padding:10px 0; border-top:1px solid var(--youxin-hmi-border); font-size:var(--youxin-hmi-font-caption); color:var(--youxin-hmi-muted); line-height:1.65; overflow-wrap:anywhere; }
.welding-source-details summary { cursor:pointer; color:var(--youxin-hmi-text); }
.welding-source-details a { display:block; margin-top:8px; color:var(--youxin-hmi-primary); }
.welding-source-details p { margin:6px 0; }
@media(max-width:760px) { .youxin-hmi-component-popover { max-height:calc(100dvh - 154px); width:min(320px,calc(100vw - 24px)); } }