/* ===== 19a12. ADVANCED WORKSPACES — inputs beside inspectable evidence ===== */
.ma-advanced-lab {
    --aw-bg: #0b1118; --aw-surface: #14212b; --aw-text: #e6edf3;
    --aw-muted: #a8bacb; --aw-accent: #17b6a0; --aw-line: #354550;
    background: var(--aw-bg); color: var(--aw-text); color-scheme: dark;
    border: 1px solid var(--aw-line); border-radius: 8px; padding: clamp(14px, 2.2vw, 28px);
    font-size: 14px; line-height: 1.55; text-align: left; min-width: 0;
}
.ma-advanced-lab *, .ma-advanced-lab *::before, .ma-advanced-lab *::after { box-sizing: border-box; }
.ma-advanced-lab h3, .ma-advanced-lab h4, .ma-advanced-lab label { color: var(--aw-text); text-transform: none; letter-spacing: normal; }
.ma-advanced-lab h3 { font-size: clamp(21px, 2.1vw, 28px); line-height: 1.25; margin: 24px 0 10px; }
.ma-advanced-lab h4 { font-size: 16px; line-height: 1.45; margin: 0 0 12px; }
.ma-advanced-lab p { max-width: 78ch; margin: 0 0 14px; color: inherit; }
.ma-aw-top { display: flex; align-items: end; gap: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--aw-line); }
.ma-aw-picker { flex: 1 1 55%; min-width: 0; }
.ma-aw-picker label { display: block; font-weight: 600; margin-bottom: 8px; }
.ma-advanced-lab .ma-aw-local { flex: 1 1 35%; font-size: 12px; color: var(--aw-muted); margin: 0; }
.ma-advanced-lab input:not([type=file]), .ma-advanced-lab textarea, .ma-advanced-lab select {
    display: block; width: 100%; max-width: 100%; min-width: 0; border: 1px solid #52616b;
    border-radius: 4px; background: #080e14; color: var(--aw-text); padding: 10px 12px;
    font: inherit; box-shadow: none; height: auto;
}
.ma-advanced-lab textarea { font: 12px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; resize: vertical; min-height: 155px; tab-size: 4; }
.ma-advanced-lab select { min-height: 44px; padding-right: 30px; white-space: normal; }
.ma-advanced-lab :focus-visible { outline: 2px solid var(--aw-accent); outline-offset: 3px; }
.ma-aw-description { color: var(--aw-muted) !important; }
.ma-aw-help { margin: 0 0 18px; font-size: 13px; }
.ma-aw-help summary { color: #71d7c8; cursor: pointer; padding: 5px 0; }
.ma-aw-help p { margin-top: 12px; color: var(--aw-muted); }
.ma-aw-toolbar, .ma-aw-runbar, .ma-aw-pages, .ma-aw-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ma-aw-toolbar { padding: 0 0 18px; border-bottom: 1px solid var(--aw-line); margin-bottom: 22px; }
.ma-advanced-lab .ma-aw-button {
    display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 13px;
    border: 1px solid #52616b; border-radius: 4px; background: var(--aw-surface); color: var(--aw-text);
    font-family: inherit; font-size: 12px; line-height: 1.4; font-weight: 600;
    letter-spacing: normal; text-transform: none; cursor: pointer; box-shadow: none; white-space: normal;
}
.ma-advanced-lab .ma-aw-button:hover:not(:disabled) { border-color: var(--aw-accent); background: #1a303b; }
.ma-advanced-lab .ma-aw-primary { background: var(--aw-accent); border-color: var(--aw-accent); color: #061310; font-size: 14px; }
.ma-advanced-lab .ma-aw-primary:hover:not(:disabled) { background: #48cdb9; color: #061310; }
.ma-advanced-lab .ma-aw-button:disabled { opacity: .5; cursor: default; }
.ma-aw-layout { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr); gap: 26px; align-items: start; }
.ma-aw-form, .ma-aw-evidence, .ma-aw-area, .ma-aw-section { min-width: 0; }
.ma-aw-evidence { padding-left: 24px; border-left: 1px solid var(--aw-line); scroll-margin-top: 85px; }
.ma-aw-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
.ma-aw-wide { grid-column: 1 / -1; }
.ma-aw-field { min-width: 0; }
.ma-aw-field > label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 6px; }
.ma-advanced-lab .ma-aw-import, .ma-advanced-lab .ma-aw-file-label { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 11px; color: var(--aw-muted); margin: 7px 0 0; }
.ma-advanced-lab .ma-aw-file-label { margin: 0; max-width: 220px; }
.ma-advanced-lab input[type=file] { color: var(--aw-muted); font: inherit; max-width: 100%; width: 190px; background: transparent; border: 0; padding: 0; }
.ma-advanced-lab input[type=file]::file-selector-button { border: 1px solid #52616b; background: var(--aw-surface); color: var(--aw-text); padding: 11px 8px; min-height: 44px; border-radius: 4px; cursor: pointer; }
.ma-aw-runbar { margin: 22px 0 12px; }
.ma-advanced-lab .ma-aw-muted, .ma-advanced-lab .ma-aw-empty { color: var(--aw-muted); font-size: 12px; }
.ma-aw-empty { padding: 20px 0; }
.ma-advanced-lab .ma-aw-error { color: #ffb7be; border: 1px solid #ff8a93; padding-left: 12px; overflow-wrap: anywhere; }
.ma-aw-status { margin: 18px 0 0 !important; font-size: 12px; min-height: 20px; }
.ma-aw-metrics { display: flex; flex-wrap: wrap; gap: 12px 22px; padding: 14px 0; border-bottom: 1px solid var(--aw-line); margin: 0 0 20px; }
.ma-aw-metrics dt { color: var(--aw-muted); font-size: 11px; font-weight: 400; }
.ma-aw-metrics dd { color: var(--aw-text); font-size: 18px; line-height: 1.4; font-weight: 600; margin: 4px 0 0; overflow-wrap: anywhere; }
.ma-aw-section { margin: 24px 0; }
.ma-aw-table-wrap { width: 100%; overflow: auto; max-height: 680px; border: 1px solid var(--aw-line); border-radius: 4px; }
.ma-advanced-lab .ma-aw-table { width: 100%; border-collapse: collapse; margin: 0; font-size: 12px; line-height: 1.5; }
.ma-advanced-lab .ma-aw-table th, .ma-advanced-lab .ma-aw-table td { text-align: left; padding: 9px 12px; vertical-align: top; border: 0; border-bottom: 1px solid var(--aw-line); min-width: 95px; max-width: 380px; overflow-wrap: anywhere; white-space: pre-wrap; }
.ma-advanced-lab .ma-aw-table th { color: #c2d5e3; background: var(--aw-surface); font-size: 11px; font-weight: 600; position: sticky; top: 0; z-index: 1; }
.ma-advanced-lab .ma-aw-table tr:last-child td { border-bottom: 0; }
.ma-advanced-lab .ma-aw-table summary { cursor: pointer; min-width: 150px; }
.ma-advanced-lab .ma-aw-table pre { font-size: 11px; color: var(--aw-text); background: transparent; white-space: pre-wrap; overflow-wrap: anywhere; max-width: 380px; margin: 10px 0; padding: 0; border: 0; }
.ma-aw-pages { justify-content: space-between; font-size: 11px; margin-top: 10px; }
.ma-aw-actions { padding: 14px; border: 1px solid var(--aw-accent); background: var(--aw-surface); margin-bottom: 20px; }
.ma-aw-actions p { flex-basis: 100%; font-size: 12px; margin-bottom: 0; }
.ma-aw-path { margin-bottom: 16px; }
.ma-aw-path ol { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.ma-aw-path li { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ma-aw-node { border: 1px solid #52616b; border-radius: 4px; padding: 7px 10px; font-size: 12px; overflow-wrap: anywhere; }
.ma-aw-edge { color: #71d7c8; font-size: 11px; overflow-wrap: anywhere; }
.ma-aw-edge::after { content: ' →'; }
.ma-aw-scope { margin-top: 25px; padding-top: 18px; border-top: 1px solid var(--aw-line); }
.ma-aw-scope ul { padding-left: 18px; margin: 0; color: var(--aw-muted); font-size: 12px; }
.ma-aw-scope li { margin: 0 0 10px; }
.ma-aw-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 1100px) { .ma-aw-layout { grid-template-columns: minmax(240px, .9fr) minmax(0, 1.1fr); gap: 18px; } .ma-aw-evidence { padding-left: 18px; } }
@media (max-width: 899px) { .ma-aw-layout { grid-template-columns: minmax(0, 1fr); } .ma-aw-evidence { border-left: 0; padding: 22px 0 0; border-top: 1px solid var(--aw-line); } .ma-aw-top { align-items: start; flex-direction: column; gap: 12px; } .ma-aw-picker { width: 100%; } }
@media (max-width: 420px) { .ma-aw-fields { grid-template-columns: minmax(0, 1fr); } .ma-aw-top { padding-bottom: 14px; } .ma-aw-metrics { gap: 12px; } .ma-aw-metrics > div { flex-basis: 45%; } .ma-aw-toolbar { gap: 10px; } }
@media (prefers-reduced-motion: reduce) { .ma-advanced-lab *, .ma-advanced-lab *::before, .ma-advanced-lab *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }