:root { --inspector-sidebar-width:260px; }
.run-picker { position:relative; min-width:0; }
.run-picker>span { display:block; margin-bottom:6px; color:var(--muted); font-size:12px; }
.run-picker summary { display:flex; align-items:center; gap:8px; height:38px; padding:0 12px; border:1px solid var(--border); border-radius:6px; background:var(--panel); color:var(--text); cursor:pointer; font-size:13px; list-style:none; }
.run-picker summary::-webkit-details-marker { display:none; }
.run-picker summary::after { content:'▾'; margin-left:auto; }
#run-picker-value { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.run-picker summary:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.run-picker #run-select { position:absolute; z-index:30; top:100%; left:0; width:100%; height:auto; margin-top:4px; max-height:min(320px,50vh); overflow-y:auto; overscroll-behavior:contain; background:var(--panel); color:var(--text); box-shadow:0 8px 24px #0006; }
.run-picker option { padding:8px 10px; cursor:pointer; }
.run-picker option:hover { background:var(--accent-bg); color:var(--text); }
.run-picker option:checked { background:var(--accent-bg); color:var(--accent); font-weight:600; }
.run-picker optgroup { padding:6px 0; }
.sidebar { width:var(--inspector-sidebar-width); padding:20px 14px; }
main { margin-left:var(--inspector-sidebar-width); }
.topbar { margin-bottom:10px; }
.topbar .eyebrow { margin:0; }
.run-summary { margin-top:10px; }
.sidebar-header { display:flex; align-items:center; gap:8px; margin-bottom:20px; }
.sidebar-header .brand { flex:1; min-width:0; gap:8px; margin:0; }
.brand-mark { flex:none; }
.brand-text { min-width:0; }
.brand-text strong { font-size:13px; }
.brand-text>.muted { display:block; font-size:11px; }
#sidebar-toggle { padding:2px 7px; font-size:23px; line-height:1; background:transparent; flex:none; }
.navigation button { display:flex; align-items:center; gap:6px; }
.navigation button .nav-label { display:inline; width:auto; font:inherit; color:inherit; }
.sidebar-actions { margin-top:auto; padding-top:24px; }
#settings-button { display:flex; align-items:center; gap:10px; width:100%; background:transparent; border-color:transparent; text-align:left; }
#settings-button>span:first-child { font-size:20px; }
.sidebar[data-collapsed="true"] { width:68px; padding:20px 10px; }
.sidebar[data-collapsed="true"] .brand,
.sidebar[data-collapsed="true"] .environment,
.sidebar[data-collapsed="true"] .sidebar-label,
.sidebar[data-collapsed="true"] .nav-label { display:none; }
.sidebar[data-collapsed="true"] .sidebar-header { justify-content:center; }
.sidebar[data-collapsed="true"] .navigation button,
.sidebar[data-collapsed="true"] #settings-button { justify-content:center; padding:10px; gap:0; }
.sidebar[data-collapsed="true"] .navigation button>span:first-child { width:auto; }
.sidebar[data-collapsed="true"]~main { margin-left:68px; }
.settings-dialog { width:min(440px,calc(100vw - 32px)); padding:24px; border:1px solid var(--border); border-radius:12px; background:var(--panel); color:var(--text); box-shadow:0 20px 80px #0008; }
.settings-dialog::backdrop { background:#0009; }
.settings-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
#close-settings { border:0; background:transparent; padding:0 6px; font-size:24px; }
.settings-dialog .button-row { justify-content:flex-end; margin-top:20px; }
.settings-dialog.configuration-dialog { width:min(920px,calc(100vw - 32px)); }
#close-configuration { border:0; background:transparent; padding:0 6px; font-size:24px; }
.configuration-json { margin:0; max-height:65vh; overflow:auto; padding:16px; border:1px solid var(--border); border-radius:6px; background:var(--background); font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre; }
.json-dialog-link { padding:0; border:0; border-radius:0; background:transparent; color:var(--muted); font:inherit; text-decoration:underline dotted; text-underline-offset:3px; white-space:normal; text-align:left; }
.json-dialog-link:hover:not(:disabled) { background:transparent; color:var(--accent); }
#questions-card .question>.card-heading .id-link { text-transform:uppercase; }
.live-toggle { display:inline-flex; align-items:center; gap:8px; }
.view-toolbar>div:first-child { flex-direction:row; flex-wrap:wrap; }
.view-toolbar .capture-status { margin:0; }
.view-toolbar { margin-top:10px; }
.live-toggle-track { position:relative; display:inline-block; width:30px; height:18px; border-radius:12px; background:var(--subtle); }
.live-toggle-track::after { content:''; position:absolute; top:3px; left:3px; width:12px; height:12px; border-radius:50%; background:var(--text); transition:transform .15s; }
.live-toggle[aria-checked="true"] .live-toggle-track { background:var(--green); }
.live-toggle[aria-checked="true"] .live-toggle-track::after { transform:translateX(12px); background:var(--background); }
@media(max-width:640px) {
  .sidebar,.sidebar[data-collapsed="true"] { position:static; width:100%; padding:12px; }
  main,.sidebar[data-collapsed="true"]~main { margin-left:0; }
  .sidebar-header { margin-bottom:10px; }
  .sidebar[data-collapsed="true"] .sidebar-header { justify-content:flex-start; margin:0; }
  .sidebar .environment { display:none; }
  .sidebar .navigation { margin-top:10px; }
  .sidebar .navigation button>span:first-child { display:inline-block; }
  .sidebar-actions { padding-top:8px; }
  .sidebar[data-collapsed="true"] { display:flex; flex-direction:row; align-items:center; gap:8px; }
  .sidebar[data-collapsed="true"] .navigation { margin:0; flex:1; }
  .sidebar[data-collapsed="true"] .sidebar-actions { margin:0; padding:0; }
}