#diagnosticAgentPage .da-flash-panel { min-width:0; padding:20px; color:var(--da-app-text); background:var(--da-app-panel); border:1px solid var(--da-app-line); border-radius:18px; }
#diagnosticAgentPage .da-flash-panel [hidden] { display:none!important; }
#diagnosticAgentPage .da-flash-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
#diagnosticAgentPage .da-flash-heading h2 { margin:0; font-size:20px; color:var(--da-app-text); }
#diagnosticAgentPage .da-flash-heading p { margin:6px 0 0; color:var(--da-app-muted); font-size:13px; }
#diagnosticAgentPage .da-flash-heading>span,.da-flash-card-head>span { padding:5px 9px; border:1px solid var(--da-app-line); border-radius:7px; font-size:12px; color:var(--da-app-accent); white-space:nowrap; }
#diagnosticAgentPage .da-flash-target { display:flex; flex-wrap:wrap; gap:8px 14px; padding:12px; border-radius:10px; background:var(--da-app-wash); color:var(--da-app-muted); font-size:12px; overflow-wrap:anywhere; }
#diagnosticAgentPage .da-flash-target strong { color:var(--da-app-text); }
#diagnosticAgentPage .da-flash-settings { display:flex; align-items:flex-end; gap:12px; margin:16px 0; }
#diagnosticAgentPage .da-flash-settings label { flex:1; max-width:420px; }
#diagnosticAgentPage .da-flash-settings label,#diagnosticAgentPage .da-flash-parameters label { display:flex; flex-direction:column; gap:7px; color:var(--da-app-muted); font-size:12px; }
#diagnosticAgentPage .da-flash-settings input,#diagnosticAgentPage .da-flash-parameters :is(input:not([type=checkbox]),select) { box-sizing:border-box; min-width:0; width:100%; padding:10px; color:var(--da-app-text); background:var(--da-app-wash); border:1px solid var(--da-app-line); border-radius:8px; font:inherit; }
#diagnosticAgentPage .da-flash-panel button { border:1px solid var(--da-app-line); border-radius:8px; padding:9px 13px; background:var(--da-app-wash); color:var(--da-app-accent); cursor:pointer; font-size:13px; box-shadow:none; }
#diagnosticAgentPage .da-flash-panel button:disabled { opacity:.5; cursor:not-allowed; }
#diagnosticAgentPage .da-flash-panel :is(button,input,select):focus-visible { outline:2px solid #60a5fa; outline-offset:2px; }
#diagnosticAgentPage .da-flash-parameters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:14px; border:1px solid var(--da-app-line); border-radius:10px; margin-bottom:16px; }
#diagnosticAgentPage label.da-flash-check { flex-direction:row; align-items:center; }
#diagnosticAgentPage .da-flash-parameters>p { grid-column:1/-1; color:var(--da-app-muted); font-size:12px; margin:0; }
#diagnosticAgentPage .da-flash-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
#diagnosticAgentPage .da-flash-card { min-width:0; padding:16px; border:1px solid var(--da-app-line); border-radius:12px; background:var(--da-app-wash); }
#diagnosticAgentPage .da-flash-card.is-running { border-color:#3b82f6; }
#diagnosticAgentPage .da-flash-card.has-error { border-color:#e88a70; }
#diagnosticAgentPage .da-flash-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#diagnosticAgentPage .da-flash-card h3 { font-size:16px; margin:0; color:var(--da-app-text); }
#diagnosticAgentPage .da-flash-card>p { font-size:12px; color:var(--da-app-muted); line-height:1.7; }
#diagnosticAgentPage .da-flash-stages { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0 10px; }
#diagnosticAgentPage .da-flash-stages>span { flex:1 0 auto; padding:6px; border-radius:6px; border:1px solid var(--da-app-line); color:var(--da-app-muted); font-size:11px; text-align:center; }
#diagnosticAgentPage .da-flash-stages>.is-current { color:#fff; background:#2563eb; border-color:#2563eb; }
#diagnosticAgentPage .da-flash-stages>.is-done { color:#17b8a1; border-color:#17b8a1; }
#diagnosticAgentPage .da-flash-bar { height:7px; border-radius:8px; background:var(--da-app-panel); overflow:hidden; }
#diagnosticAgentPage .da-flash-bar>div { height:100%; border-radius:8px; background:linear-gradient(90deg,#00bda7,#3b82f6); transition:width .2s; }
#diagnosticAgentPage .da-flash-bar .is-indeterminate { width:35%!important; animation:da-flash-wait 1.8s ease-in-out infinite; }
#diagnosticAgentPage .da-flash-status { min-height:38px; overflow-wrap:anywhere; }
#diagnosticAgentPage .has-error .da-flash-status,#diagnosticAgentPage .da-flash-error { color:#ef8970; }
body.light #diagnosticAgentPage .has-error .da-flash-status,body.light #diagnosticAgentPage .da-flash-error { color:#b42318; }
#diagnosticAgentPage .da-flash-buttons { display:flex; gap:8px; flex-wrap:wrap; }
#diagnosticAgentPage button[data-flash-start] { color:#fff; background:#2563eb; border-color:#2563eb; }
#diagnosticAgentPage button[data-flash-waveform] { color:#fff; background:#2563eb; border-color:#2563eb; }
#diagnosticAgentPage .da-flash-file { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; padding-top:12px; border-top:1px solid var(--da-app-line); font-size:12px; overflow-wrap:anywhere; }
#diagnosticAgentPage .da-flash-file>span { min-width:0; flex:1 1 220px; }
#diagnosticAgentPage .da-flash-file a { color:var(--da-app-accent); }
#diagnosticAgentPage .da-flash-detail { min-width:0; margin-top:12px; }
#diagnosticAgentPage .da-flash-detail>summary { cursor:pointer; color:var(--da-app-accent); font-size:13px; padding:8px 0; }
#diagnosticAgentPage .da-flash-parser { min-width:0; max-width:100%; overflow:hidden; }
#diagnosticAgentPage .da-flash-parser :is(.vi-chart-wrap,.d11-timeline-panel,.fault-analysis-table-wrap) { max-width:100%; overflow:auto; }
#diagnosticAgentPage .da-flash-parser :is(.vi-chart-wrap,.d11-timeline-chart) canvas { max-width:100%; }
#diagnosticAgentPage .da-flash-parser .vi-ctrl-row { flex-wrap:wrap; }
#diagnosticAgentPage .da-flash-parser .fault-summary { display:flex; flex-wrap:wrap; }
#diagnosticAgentPage .da-flash-parser .fault-summary-item { min-width:90px; }
@keyframes da-flash-wait { 0% { transform:translateX(-110%); } 100% { transform:translateX(390%); } }
@media(max-width:1450px) { #diagnosticAgentPage .da-flash-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:600px) { #diagnosticAgentPage .da-flash-panel { padding:14px; } #diagnosticAgentPage .da-flash-parameters { grid-template-columns:minmax(0,1fr); } #diagnosticAgentPage .da-flash-settings { flex-wrap:wrap; } #diagnosticAgentPage .da-flash-settings label { flex-basis:100%; max-width:none; } #diagnosticAgentPage .da-flash-heading { align-items:flex-start; } }
@media(prefers-reduced-motion:reduce) { #diagnosticAgentPage .da-flash-bar .is-indeterminate { animation:none; opacity:.65; } }

#diagnosticAgentPage .da-flash-panel { box-sizing:border-box; max-width:100%; }
#diagnosticAgentPage .da-flash-parser .fault-summary-grid { grid-template-columns:repeat(auto-fit,minmax(95px,1fr)); }
#diagnosticAgentPage .da-flash-parser .vi-ctrl-item { min-width:90px; }
#diagnosticAgentPage .da-flash-parser .fault-table-wrap { max-width:100%; overflow:auto; }
#diagnosticAgentPage .da-evidence-card li span { min-width:0; overflow-wrap:anywhere; }
#diagnosticAgentPage .da-flash-panel button[data-flash-start],body.light #diagnosticAgentPage .da-flash-panel button[data-flash-start] { color:#fff; background:#2563eb; border-color:#2563eb; }

#diagnosticAgentPage .da-flash-parser .fault-data-table-wrap { max-width:100%; overflow:auto; }
#diagnosticAgentPage .da-flash-parser .d11-timeline-head { flex-wrap:wrap; }
#diagnosticAgentPage .da-flash-parser .d11-timeline-canvas { max-width:100%; }
#diagnosticAgentPage .da-flash-parser .vi-ctrl-item input { min-width:90px; }