/* Shared density for every Builds tab and its configuration/source pages. */
.main > main:has(> .builds-page) { padding:16px 24px; max-width:none; }
.builds-page { min-width:0; }
.builds-page.compact-builds .page-heading { margin-bottom:12px; gap:12px; }
.builds-page.compact-builds h1 { font-size:21px; letter-spacing:-.5px; margin:0; }
.builds-page.compact-builds h2 { font-size:17px; margin:4px 0 8px; }
.builds-page.compact-builds h3 { font-size:14px; }
.builds-page.compact-builds p { font-size:13px; line-height:1.5; margin:6px 0; }
.builds-page.compact-builds button,
.builds-page.compact-builds .button { font-size:12px; padding:7px 11px; }
.builds-page.compact-builds label { font-size:12px; margin-bottom:8px; }
.builds-page.compact-builds input:not([type=checkbox]),
.builds-page.compact-builds select { font-size:13px; padding:8px 10px; margin-top:4px; min-width:0; }
.builds-page.compact-builds details { padding:10px 0; }
.builds-page.compact-builds .panel,
.builds-page.compact-builds .action-card,
.builds-page.compact-builds .notes-action,
.builds-page.compact-builds .run-overview,
.builds-page.compact-builds .run-card,
.builds-page.compact-builds .product-artifact { padding:12px 14px; margin-bottom:12px; border-radius:7px; }
.builds-page.compact-builds .notice { padding:9px 12px; margin:10px 0; }
.builds-page.compact-builds .build-tabs { margin-bottom:12px; padding:0; gap:0; border-radius:6px; }
.builds-page.compact-builds .build-tabs a { min-height:36px; padding:8px 16px; font-size:13px; }
.builds-page.compact-builds .source-summary { display:flex; flex-wrap:wrap; align-items:start; gap:8px 16px; padding:8px 12px; margin:0 0 12px; }
.builds-page.compact-builds .source-history { order:-1; flex:1 1 320px; margin:0; max-width:650px; }
.builds-page.compact-builds .source-history { display:flex; flex-direction:row; align-items:center; gap:10px; white-space:nowrap; }
.builds-page.compact-builds .source-history select { margin:0; flex:1; }
.builds-page.compact-builds .source-branch-details { flex:1 1 250px; border:0; padding:2px 0; }
.builds-page.compact-builds .source-branch-details > summary { padding:6px 0; font-size:12px; }
.builds-page.compact-builds .source-summary-heading { margin:8px 0 0; gap:10px; }
.builds-page.compact-builds .branch-summary { gap:4px; margin:4px 0; }
.builds-page.compact-builds .branch-summary dd { font-size:12px; }
.builds-page.compact-builds .release-progress { margin:0 0 14px; }
.builds-page.compact-builds .progress-heading { align-items:center; gap:10px; }
.builds-page.compact-builds .progress-heading .eyebrow { display:none; }
.builds-page.compact-builds .progress-heading h2 { margin:3px 0; font-size:18px; }
.builds-page.compact-builds .progress-heading p { font-size:11px; margin:2px 0; }
.builds-page.compact-builds .progress-state { padding:4px 7px; font-size:11px; }
.builds-page.compact-builds .progress-summary { padding:8px 12px; margin:8px 0; gap:6px 14px; font-size:12px; border-radius:6px; }
.builds-page.compact-builds .progress-inspector,
.builds-page.compact-builds .build-inspector,
.builds-page.compact-builds .history-inspector { grid-template-columns:250px minmax(0,1fr); gap:12px; }
.builds-page.compact-builds .progress-stages,
.builds-page.compact-builds .progress-output { border-radius:7px; }
.builds-page.compact-builds .progress-stages h3 { margin:10px 12px 3px; }
.builds-page.compact-builds .progress-stages > small { margin:0 12px 6px; font-size:11px; }
.builds-page.compact-builds .progress-stages ol,
.builds-page.compact-builds .pilot-steps,
.builds-page.compact-builds .history-stages { max-height:clamp(300px,60vh,620px); padding:4px; }
.builds-page.compact-builds .progress-step { padding:7px 8px; gap:7px; margin:0; border-radius:5px; }
.builds-page.compact-builds .step-copy { gap:2px; }
.builds-page.compact-builds .step-copy strong { font-size:12px; line-height:1.35; }
.builds-page.compact-builds .step-copy small { font-size:10px; }
.builds-page.compact-builds .step-copy > span { font-size:11px; }
.builds-page.compact-builds .step-number,
.builds-page.compact-builds .step-marker { width:22px; height:22px; flex-basis:22px; font-size:11px; }
.builds-page.compact-builds .progress-output { padding:12px; }
.builds-page.compact-builds .output-heading h3 { margin:3px 0; }
.builds-page.compact-builds .output-heading .eyebrow { display:none; }
.builds-page.compact-builds .output-toolbar { margin:8px 0; gap:8px; }
.builds-page.compact-builds .output-toolbar label,
.builds-page.compact-builds .output-toolbar a { font-size:12px; }
.builds-page.compact-builds .stage-detail { padding:8px 10px; font-size:12px; margin:6px 0; }
.builds-page.compact-builds .output-footer { margin-top:6px; font-size:11px; }
.builds-page.compact-builds .source-repositories { gap:8px; margin:8px 0; }
.builds-page.compact-builds .source-repositories article { padding:10px; }
.builds-page.compact-builds .new-build-controls { border:1px solid var(--line); border-radius:6px; padding:0; margin:12px 0; }
.builds-page.compact-builds .new-build-controls > summary { padding:10px 12px; font-weight:600; font-size:13px; }
.builds-page.compact-builds .new-build-controls[open] { padding:0 12px 12px; }
.builds-page.compact-builds .new-build-controls[open] > summary { margin:0 -12px 10px; border-bottom:1px solid var(--line); }
.builds-page.compact-builds .build-toolbar { gap:12px; }
.builds-page.compact-builds .build-publish-options { gap:8px 16px; margin:8px 0; }
.builds-page.compact-builds .build-publish-options label { margin:0; }
.builds-page.compact-builds .release-actions { gap:12px; margin-bottom:0; }
.builds-page.compact-builds .release-actions .action-card,
.builds-page.compact-builds .release-actions .notes-action { margin:0; }
.builds-page.compact-builds .action-card small,
.builds-page.compact-builds .notes-action small { margin-top:6px; }
.builds-page.compact-builds .history-toolbar,
.builds-page.compact-builds .history { margin:10px 0; gap:10px; }
.builds-page.compact-builds .run-heading h2,
.builds-page.compact-builds .run-title h2 { font-size:17px; margin:4px 0; }
.builds-page.compact-builds .run-actions { gap:8px 12px; }
.builds-page.compact-builds .product-artifacts { gap:8px; margin-top:10px; }
.builds-page.compact-builds .product-artifact p { font-size:12px; margin:4px 0 8px; }
.builds-page.compact-builds .build-metrics { margin:10px 0; gap:8px; }
.builds-page.compact-builds .metric { padding:10px 12px; }
.builds-page.compact-builds .metric strong { display:inline; margin-left:8px; font-size:20px; }
.builds-page.compact-builds .stage-button { padding:8px; }
.builds-page.compact-builds .panel-heading,
.builds-page.compact-builds .log-heading { padding:10px 12px; }
.builds-page.compact-builds .log-toolbar { padding:8px 12px; }
.builds-page.compact-builds .log-panel .build-log-viewer { padding:0 12px; }
.builds-page.compact-builds .log-footer { padding:8px 12px; }
.builds-page.compact-builds .history-selectors { gap:12px; margin-bottom:12px; }
.builds-page.compact-builds .history-summary,
.builds-page.compact-builds .history-output { padding:12px; }
.builds-page.compact-builds .history-stages { gap:4px; }
.builds-page.compact-builds .history-stages button { padding:8px 10px; gap:3px; }
.builds-page.compact-builds .settings > summary,
.builds-page.compact-builds .build-setup > summary { padding:10px 12px; }
.builds-page.compact-builds .extension-destination { margin:10px 0; padding:12px; }
.builds-page.compact-builds .extension-progress { gap:12px; margin-top:10px; }
.builds-page.compact-builds .extension-versions { margin:10px 0; gap:16px; }
.builds-page.compact-builds .release-note-options { padding:8px 10px; margin:8px 0; }
.builds-page.compact-builds .release-note-options label { margin:0; }
.builds-page.compact-builds .build-log-tools button { padding:6px 9px; }
.builds-page.compact-builds .settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; margin:10px 0; }
.builds-page.compact-builds .settings-grid label { min-width:0; margin:0; }
.builds-page.compact-builds .branch-fields { gap:12px; margin:10px 0; }
.builds-page.compact-builds .branch-fields input { margin-bottom:4px; }
.builds-page.compact-builds .release-controls { background:var(--surface); border:1px solid var(--line); border-radius:7px; padding:10px 12px; margin:0 0 6px; }
.builds-page.compact-builds .release-controls-row { display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px 18px; }
.builds-page.compact-builds .release-controls-row > strong { font-size:13px; line-height:32px; white-space:nowrap; }
.builds-page.compact-builds .release-controls-mode { display:flex; align-items:center; gap:8px; min-height:32px; white-space:nowrap; margin:0; }
.builds-page.compact-builds .release-controls-row > .release-note-options { display:flex; flex-direction:column; margin:0; padding:0; max-width:240px; gap:5px; }
.builds-page.compact-builds .compact-options > label:first-child { display:flex; align-items:center; gap:.6rem; min-height:32px; flex-wrap:nowrap; white-space:nowrap; }
.builds-page.compact-builds .compact-options > label:not(:first-child) { display:block; font-size:11px; }
.builds-page.compact-builds .compact-options input:not([type=checkbox]) { max-width:240px; margin:3px 0 0; }
.builds-page.compact-builds .compact-options small { display:block; margin:0; font-size:11px; line-height:1.4; }
.builds-page.compact-builds .release-controls-row > button { margin-left:auto; white-space:nowrap; min-height:32px; }
.builds-page.compact-builds .release-controls-help { border:0; padding:3px 0 0; margin:0; }
.builds-page.compact-builds .release-controls-help > summary { color:var(--muted); font-size:11px; }
.builds-page.compact-builds .release-controls + .new-build-controls { margin:0 0 10px; }
.builds-page.compact-builds .release-controls + .new-build-controls > summary { padding:7px 12px; font-size:12px; }
/* One desktop frame for every release tab; stage details share the space with the log. */
@media(min-width:851px) {
    .builds-page.compact-builds .progress-inspector { height:clamp(440px,65vh,740px); grid-template-rows:minmax(0,1fr); align-items:stretch; }
    .builds-page.compact-builds .progress-stages { display:flex; flex-direction:column; min-height:0; }
    .builds-page.compact-builds .progress-stages ol { flex:1; min-height:0; max-height:none; }
    .builds-page.compact-builds .progress-output { display:flex; flex-direction:column; min-height:0; overflow:auto; }
    .builds-page.compact-builds .progress-output > * { flex-shrink:0; }
    .builds-page.compact-builds .source-stage-output:not([hidden]),
    .builds-page.compact-builds .source-stage-output > #source-release,
    .builds-page.compact-builds .source-stage-output .source-stage-content { display:flex; flex-direction:column; flex:1 0 auto; min-height:0; }
    .builds-page.compact-builds .source-stage-content > * { flex-shrink:0; }
    .builds-page.compact-builds .progress-output .build-log-viewer { display:flex; flex-direction:column; flex:1 0 180px; min-width:0; min-height:180px; }
    .builds-page.compact-builds .progress-output .build-log-tools { flex-shrink:0; }
    .builds-page.compact-builds .progress-output .build-log-output { flex:1; height:0; min-height:0; }
}
@media(max-width:850px) {
    .main > main:has(> .builds-page) { padding:16px; }
    .builds-page.compact-builds .progress-inspector,
    .builds-page.compact-builds .build-inspector,
    .builds-page.compact-builds .history-inspector { grid-template-columns:minmax(0,1fr); }
    .builds-page.compact-builds .progress-stages ol { max-height:none; }
    .builds-page.compact-builds .progress-stages li { flex-basis:200px; }
    .builds-page.compact-builds .history-stages { max-height:200px; }
    .builds-page.compact-builds .build-toolbar { flex-wrap:wrap; }
    .builds-page.compact-builds .settings-grid { grid-template-columns:minmax(0,1fr); }
}
@media(pointer:coarse) {
    .builds-page.compact-builds button,
    .builds-page.compact-builds .button,
    .builds-page.compact-builds .build-tabs a { min-height:44px; }
}