:root {
  --bg: #edf1f7;
  --surface: #ffffff;
  --surface-soft: #f6f8fc;
  --ink: #172033;
  --muted: #667085;
  --line: #dce3ee;
  --navy: #10233f;
  --primary: #3157d5;
  --primary-dark: #2446b6;
  --primary-soft: #e9efff;
  --cyan: #1c9bb6;
  --good: #087a55;
  --good-soft: #e9f8f1;
  --warn: #9a6500;
  --warn-soft: #fff5d9;
  --bad: #b42318;
  --bad-soft: #fff0ee;
  --shadow: 0 12px 32px rgba(16, 35, 63, 0.08);
  --radius: 14px;
}

* { box-sizing: border-box; }
html { color-scheme: light; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 0; font-size: 1.35rem; line-height: 1.2; letter-spacing: -0.02em; }
h2 { margin-bottom: 0; font-size: 1.05rem; }
h3 { margin-bottom: 0; font-size: 1rem; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.hidden { display: none !important; }
.muted { color: var(--muted); }
.mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
.eyebrow { color: var(--primary); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }

.topbar { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 76px; padding: 12px 24px; color: #fff; background: var(--navy); border-bottom: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 24px rgba(10, 24, 45, 0.18); }
.topbar .eyebrow { color: #9fd9e7; }
.brand, .top-actions, .login-brand { display: flex; align-items: center; gap: 10px; }
.brand-mark { display: grid; place-items: center; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, var(--primary), var(--cyan)); font-size: 0.9rem; font-weight: 900; box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); }
.brand-mark.large { width: 52px; height: 52px; border-radius: 16px; font-size: 1rem; }
.top-actions { justify-content: flex-end; flex-wrap: wrap; }
.top-actions form { margin: 0; }
.identity { display: flex; flex-direction: column; min-width: 92px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(255,255,255,.07); line-height: 1.15; }
.identity span { color: #c8d3e1; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; }

.shell { width: min(1640px, 100%); margin: 18px auto 48px; padding: 0 18px; }
.panel, .stat { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
.stats { display: grid; grid-template-columns: .8fr 1.4fr repeat(3, 1fr); gap: 10px; margin-bottom: 12px; }
.stat { min-height: 86px; padding: 13px 15px; }
.stat small { display: block; margin-bottom: 4px; color: var(--muted); font-size: .8rem; }
.stat b { font-size: 1.45rem; letter-spacing: -.03em; }
.identity-stat { border-top: 3px solid var(--cyan); }
.progress-stat { border-top: 3px solid var(--primary); }
.conflict-stat { border-top: 3px solid var(--bad); }
progress { display: block; width: 100%; height: 6px; margin-top: 8px; border: 0; border-radius: 10px; overflow: hidden; background: #e7ebf2; }
progress::-webkit-progress-bar { background: #e7ebf2; }
progress::-webkit-progress-value { background: linear-gradient(90deg, var(--primary), var(--cyan)); }
progress::-moz-progress-bar { background: linear-gradient(90deg, var(--primary), var(--cyan)); }

.notice { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; padding: 11px 13px; color: #6e5200; border: 1px solid #ead79d; border-radius: 12px; background: var(--warn-soft); }
.notice-icon { display: grid; place-items: center; flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; color: #fff; background: var(--warn); font-weight: 800; }
.toolbar { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; padding: 11px; }
.searchbox { flex: 1; }
.searchbox .input { width: 100%; }

.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 12px; border: 1px solid transparent; border-radius: 9px; font-size: .875rem; font-weight: 750; text-decoration: none; cursor: pointer; transition: border-color .15s, background .15s, transform .15s; }
.btn:hover { transform: translateY(-1px); }
.btn:disabled { cursor: not-allowed; opacity: .48; transform: none; }
.btn.primary { color: #fff; background: var(--primary); border-color: var(--primary); }
.btn.primary:hover { background: var(--primary-dark); }
.btn.secondary { color: var(--ink); background: #fff; border-color: var(--line); }
.topbar .btn.secondary { color: #fff; background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.2); }
.btn.danger { color: #ffd3cf; background: rgba(180,35,24,.15); border-color: rgba(255,180,172,.25); }
.btn.small { min-height: 32px; padding: 5px 9px; font-size: .78rem; }
.input { min-height: 42px; padding: 9px 11px; color: var(--ink); border: 1px solid #cfd8e6; border-radius: 9px; outline: none; background: #fff; }
.input:focus, .btn:focus-visible, .queue-item:focus-visible, .info:focus-visible { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(49,87,213,.16); outline: none; }
.input:disabled { color: #8992a2; background: #f0f2f6; }
.full { width: 100%; }
textarea.input { min-height: 116px; resize: vertical; }

.workspace { display: grid; grid-template-columns: 390px minmax(0, 1fr); gap: 14px; align-items: start; }
.queue { position: sticky; top: 92px; display: flex; flex-direction: column; max-height: calc(100vh - 108px); overflow: hidden; }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px; border-bottom: 1px solid var(--line); }
.queue-list { overflow: auto; overscroll-behavior: contain; }
.queue-item { display: block; width: 100%; padding: 12px 13px; color: var(--ink); text-align: left; border: 0; border-bottom: 1px solid var(--line); background: #fff; cursor: pointer; }
.queue-item:hover { background: #f8faff; }
.queue-item.active { background: var(--primary-soft); box-shadow: inset 4px 0 0 var(--primary); }
.queue-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); font-size: .76rem; }
.queue-text { display: -webkit-box; margin-top: 5px; overflow: hidden; font-size: .9rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.queue-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.queue-tags span, .queue-tags em, .queue-tags strong, .badges span { padding: 2px 7px; border-radius: 999px; background: #eef1f6; color: #536071; font-size: .7rem; font-style: normal; font-weight: 700; }
.queue-tags em { color: var(--good); background: var(--good-soft); }
.queue-tags strong { color: var(--bad); background: var(--bad-soft); }
.queue-status { padding: 2px 6px; border-radius: 999px; background: #eef1f6; font-weight: 800; }
.queue-status.reviewed { color: var(--good); background: var(--good-soft); }
.queue-status.needs_discussion { color: var(--warn); background: var(--warn-soft); }
.queue-empty { padding: 50px 20px; color: var(--muted); text-align: center; }
.pager { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px; border-top: 1px solid var(--line); }

.review { min-height: 540px; padding: 21px; }
.empty-state { padding: 90px 20px; color: var(--muted); text-align: center; }
.review-head, .section-heading, .judgment-head, .savebar { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.requirement-id { color: var(--muted); font-size: .82rem; }
.badges { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.save-state { text-align: right; }
.save-state small { display: block; font-size: .75rem; }
.saved, .saving, .save-error { font-size: .78rem; font-weight: 800; }
.saved { color: var(--good); }
.saving { color: var(--warn); }
.save-error { color: var(--bad); }

.requirement-card { margin: 16px 0; padding: 18px; border: 1px solid #cdd7e7; border-left: 4px solid var(--primary); border-radius: 12px; background: #f9fbff; }
.requirement-text { margin-top: 6px; font: 500 1.22rem/1.62 Georgia, "Times New Roman", serif; letter-spacing: .005em; user-select: text; }
.requirement-text::selection { color: #0e2340; background: #a8e4ef; }

.comparison-panel { margin: 16px 0; padding: 15px; border: 1px solid #bfd2da; border-radius: 13px; background: #f4fbfc; }
.judgment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.judgment-card { overflow: hidden; border: 1px solid #d3e1e6; border-radius: 11px; background: #fff; }
.judgment-head { padding: 9px 11px; border-bottom: 1px solid #dce7eb; }
.judgment-body { padding: 9px 11px; }
.judgment-body dl { margin: 0; }
.judgment-body dl div { display: grid; grid-template-columns: 90px 1fr; gap: 8px; padding: 4px 0; border-bottom: 1px solid #eef2f4; font-size: .8rem; }
.judgment-body dl div:last-child { border-bottom: 0; }
.judgment-body dt { color: var(--muted); }
.judgment-body dd { margin: 0; overflow-wrap: anywhere; font-weight: 650; }
.status-pill { padding: 4px 8px; border-radius: 999px; font-size: .75rem; font-weight: 800; }
.status-pill.ready { color: var(--good); background: var(--good-soft); }
.status-pill.conflict { color: var(--bad); background: var(--bad-soft); }
.status-pill.waiting { color: var(--warn); background: var(--warn-soft); }

.silver-panel { margin: 14px 0 18px; padding: 10px 12px; border: 1px dashed #b9c4d4; border-radius: 11px; background: #fafbfc; }
.silver-panel summary { color: var(--muted); font-size: .82rem; font-weight: 750; cursor: pointer; }
.silver-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.silver-grid > div { min-width: 0; padding: 9px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.silver-grid small, .silver-grid b { display: block; overflow-wrap: anywhere; }
.silver-grid small { color: var(--muted); font-size: .72rem; }
.silver-grid b { margin-top: 3px; font-size: .8rem; }
.silver-grid pre { max-height: 210px; margin: 5px 0 0; overflow: auto; white-space: pre-wrap; font-size: .75rem; }
.span-two { grid-column: span 2; }
.span-four { grid-column: span 4; }

.field-section { display: grid; grid-template-columns: 46px 1fr; gap: 13px; padding: 18px 0; border-top: 1px solid var(--line); }
.field-number { color: #a0a9b9; font: 800 1rem/1.4 "SFMono-Regular", Consolas, monospace; }
.field-title { display: flex; align-items: center; gap: 7px; margin-bottom: 10px; }
.info { display: grid; place-items: center; width: 22px; height: 22px; padding: 0; color: var(--primary); border: 1px solid #bfc9d9; border-radius: 50%; background: #fff; font-size: .75rem; font-weight: 900; cursor: help; }
.choice-row, .chips { display: flex; flex-wrap: wrap; gap: 7px; }
.choice-row input, .chips input { position: absolute; opacity: 0; pointer-events: none; }
.choice-row span, .chips span { display: block; padding: 8px 10px; border: 1px solid var(--line); border-radius: 9px; background: #fff; font-size: .86rem; cursor: pointer; transition: .15s; }
.choice-row input:focus-visible + span, .chips input:focus-visible + span { box-shadow: 0 0 0 3px rgba(49,87,213,.16); }
.choice-row input:checked + span, .chips input:checked + span { color: #2144ae; border-color: #8aa1ef; background: var(--primary-soft); box-shadow: inset 0 0 0 1px #b7c5f5; }
.chips.disabled { opacity: .46; }
.chips.disabled span { cursor: not-allowed; }

.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 10px 0; }
.field-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.field-card { min-width: 0; padding: 15px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-soft); }
.dimension-card, .evidence-card { margin: 10px 0; }
.evidence-controls { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.evidence-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.evidence-chip { display: flex; align-items: center; gap: 7px; max-width: 100%; padding: 6px 7px; border: 1px solid #cbd7e5; border-radius: 9px; background: #fff; font-size: .8rem; }
.evidence-chip q { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.evidence-chip small { color: var(--muted); }
.evidence-chip button { padding: 0 4px; color: var(--bad); border: 0; background: transparent; font-size: 1.05rem; cursor: pointer; }
.evidence-kind { padding: 2px 6px; border-radius: 999px; font-size: .65rem; font-weight: 850; }
.evidence-kind.expressed { color: #2144ae; background: var(--primary-soft); }
.evidence-kind.implied { color: var(--warn); background: var(--warn-soft); }
.evidence-kind.general { color: #526071; background: #eef1f5; }

.savebar { margin-top: 16px; padding: 14px; border: 1px solid #cbd8ee; border-radius: 11px; background: #f2f6ff; }
.save-actions { display: flex; gap: 8px; }
.protocol { padding-top: 8px; color: #8a94a5; font-size: .72rem; text-align: right; }
.tooltip { position: fixed; z-index: 100; padding: 9px 11px; color: #fff; border-radius: 9px; background: #14253e; box-shadow: 0 10px 30px rgba(0,0,0,.22); font-size: .78rem; }
.toast { position: fixed; right: 18px; bottom: 18px; z-index: 110; max-width: 420px; padding: 11px 14px; color: #fff; border-radius: 10px; background: var(--navy); box-shadow: 0 12px 30px rgba(0,0,0,.22); font-size: .88rem; font-weight: 700; }
.toast.error { background: var(--bad); }
.toast.warning { background: var(--warn); }
.toast.success { background: var(--good); }

.login-body { min-height: 100vh; display: grid; place-items: center; padding: 20px; background: radial-gradient(circle at 20% 20%, #dbe8ff 0, transparent 34%), radial-gradient(circle at 84% 78%, #cceef2 0, transparent 31%), #edf1f7; }
.login-card { width: min(460px, 100%); padding: 28px; border: 1px solid #d5deea; border-radius: 18px; background: #fff; box-shadow: 0 22px 60px rgba(16,35,63,.15); }
.login-card label { display: block; margin: 14px 0 5px; font-size: .88rem; font-weight: 750; }
.login-button { margin-top: 18px; }
.login-note { margin: 18px 0 0; padding-top: 14px; color: var(--muted); border-top: 1px solid var(--line); font-size: .78rem; }
.error-box { margin: 12px 0; padding: 10px 11px; color: var(--bad); border: 1px solid #f0c2bd; border-radius: 9px; background: var(--bad-soft); }

@media (max-width: 1180px) {
  .topbar { align-items: flex-start; }
  .workspace { grid-template-columns: 340px minmax(0, 1fr); }
  .stats { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 920px) {
  .topbar { position: static; flex-direction: column; }
  .top-actions { justify-content: flex-start; }
  .workspace { grid-template-columns: 1fr; }
  .queue { position: static; max-height: 480px; }
  .judgment-grid, .field-grid, .field-grid.three { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  body { font-size: 15px; }
  .topbar { padding: 13px; }
  .shell { margin-top: 12px; padding: 0 10px; }
  .top-actions, .toolbar { align-items: stretch; flex-direction: column; width: 100%; }
  .top-actions .btn, .top-actions form, .top-actions form .btn { width: 100%; }
  .identity { width: 100%; }
  .stats { grid-template-columns: 1fr 1fr; }
  .review { padding: 14px; }
  .review-head, .savebar { align-items: flex-start; flex-direction: column; }
  .save-state { text-align: left; }
  .silver-grid { grid-template-columns: 1fr; }
  .span-two, .span-four { grid-column: auto; }
  .field-section { grid-template-columns: 1fr; }
  .field-number { display: none; }
  .save-actions { width: 100%; }
  .save-actions .btn { flex: 1; }
}
/* Responsive admin/reference overview, built on the existing studio palette. */
.admin-shell { width: min(1920px, 100%); }
.overview-toolbar { flex-wrap: wrap; }
.overview-toolbar .searchbox { min-width: min(100%, 280px); }
.overview-panel { overflow: hidden; }
.overview-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 18px; border-bottom: 1px solid var(--line); }
.overview-heading h2 { margin: 3px 0; }
.overview-scroll { width: 100%; overflow: auto; max-height: min(68vh, 850px); overscroll-behavior: contain; }
.overview-table { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; font-size: .83rem; }
.overview-table th, .overview-table td { padding: 12px 13px; text-align: left; border-bottom: 1px solid var(--line); border-right: 1px solid #edf0f5; vertical-align: top; min-width: 115px; max-width: 300px; overflow-wrap: anywhere; }
.overview-table th { position: sticky; top: 0; z-index: 3; background: var(--navy); color: #fff; font-size: .75rem; white-space: nowrap; }
.overview-table th:first-child { left: 0; z-index: 5; }
.overview-table td:first-child { position: sticky; left: 0; z-index: 2; background: #f9fbff; font-weight: 750; }
.overview-table tr:hover td { background: #edf4ff; }
.overview-table .requirement-cell { min-width: 320px; max-width: 520px; white-space: normal; }
.overview-table .rationale-cell { min-width: 220px; max-width: 380px; }
@media (max-width: 800px) { .overview-toolbar .input, .overview-toolbar .btn { width: 100%; } .overview-heading { align-items: flex-start; } .overview-table .requirement-cell { min-width: 240px; max-width: 340px; } }

.correction-dialog{max-width:min(94vw,620px);width:100%;border:1px solid var(--border,#ddd);border-radius:16px;padding:24px;background:var(--surface,#fff);color:inherit}.correction-dialog::backdrop{background:rgba(0,0,0,.55)}.correction-dialog label{display:grid;gap:6px;margin:12px 0}.correction-dialog textarea{min-height:95px}.correct-btn{white-space:nowrap}

/* Two-pane adjudication interface: locked reference beside the editable expert form. */
.adjudication-layout { display:grid; grid-template-columns:minmax(240px, .8fr) minmax(370px, 1.2fr); gap:18px; align-items:start; margin-top:15px; }
.adjudication-layout .comparison-panel { position:sticky; top:88px; margin:0; max-height:calc(100vh - 105px); overflow-y:auto; }
.expert-pane { min-width:0; }
.expert-pane > .section-heading { margin:3px 0 10px; }
.help-copy { font-size:.9rem; color:var(--muted); line-height:1.55; margin:8px 0 12px; }
.change-help { border:1px solid #e2b96e; background:#fff5da; color:#714d06; padding:12px; border-radius:10px; line-height:1.5; }
.expert-pane textarea:required { border-color:#d9a753; }
@media (max-width:1300px) { .adjudication-layout { grid-template-columns:1fr; } .adjudication-layout .comparison-panel { position:static; max-height:none; } }

/* V6 approved adjudication wireframe */
@media (min-width: 921px) {
.workspace { grid-template-columns: clamp(150px, 15vw, 210px) minmax(0, 1fr); }
.queue { top: 85px; }
.adjudication-layout { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.adjudication-layout .comparison-panel { position: static; max-height: none; }
}
.queue .panel-head { display: block; padding: 12px 9px; }
.queue .panel-head h2 { font-size: .94rem; }
.queue .panel-head .muted { font-size: .68rem; }
.queue-item { padding: 9px 7px; }
.queue-top { display:block; min-width:0; }
.queue-top .mono { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:inherit; font-size:clamp(.57rem,.75vw,.73rem); font-weight:600; }
.queue-status { display:inline-block; max-width:100%; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.61rem; font-weight:500; }
.queue .pager { flex-wrap:wrap; }
.queue .pager .btn { font-size:.69rem; padding:7px; }
.adjudication-layout .comparison-panel,.expert-pane { border:1px solid var(--line); border-radius:12px; padding:12px; background:#fff; }
.adjudication-layout .comparison-panel { margin:0; }
.reference-fields { display:grid; gap:12px; }
.reference-requirement,.reference-field { padding:12px; background:var(--surface-soft); border:1px solid var(--line); border-radius:10px; min-width:0; }
.reference-requirement small { display:block; color:var(--muted); margin-bottom:8px; }
.reference-field h3 { font-size:.89rem; }
.reference-choices { margin-top:8px; }
.reference-choice { display:inline-block; padding:8px 9px; border:1px solid var(--line); border-radius:9px; font-size:.79rem; background:#fff; color:var(--muted); overflow-wrap:anywhere; }
.reference-choice.selected { color:#2144ae; border-color:#8aa1ef; background:var(--primary-soft); font-weight:700; }
.reference-dimensions { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.reference-text { font-size:.87rem; line-height:1.5; overflow-wrap:anywhere; }
.v6-hidden-select { position:absolute!important; width:1px!important; height:1px!important; opacity:0; pointer-events:none; }
.v6-select-buttons { margin-top:8px; }
.v6-select-buttons label { flex:1 1 auto; text-align:center; }
.v6-navigation { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:12px; padding:12px; position:sticky; bottom:0; background:#fff; border:1px solid var(--line); border-radius:10px; z-index:4; }
.v6-navigation .btn { white-space:nowrap; }
@media (max-width:920px) { .adjudication-layout { grid-template-columns:1fr; } }

/* V6.1 approved: compact queue and one unified action lane */
.queue-top .mono { font-size:clamp(.57rem,.75vw,.73rem); font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.queue-status { font-size:.61rem; font-weight:500; }
.v61-dropdowns .field-card { min-width:0; }
.v61-dropdowns select { width:100%; min-width:0; background:#fff; }
.v61-action-lane { position:sticky; bottom:0; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; padding:12px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 -2px 12px rgba(10,25,60,.055); }
.v61-action-lane .btn { white-space:nowrap; }
.v61-sync { display:flex; align-items:center; gap:7px; white-space:nowrap; font-size:.82rem; }
.v61-cloud { color:#4575c5; }
.v61-action-buttons { display:flex; align-items:center; gap:8px; }
@media(max-width:1100px) { .v61-action-lane { flex-wrap:wrap; } .v61-action-buttons { flex-wrap:wrap; } }
@media(max-width:600px) { .v61-action-lane { position:static; } .v61-action-buttons { width:100%; } .v61-action-buttons .btn { flex:1; white-space:normal; } }

/* V6.2: MacBook responsive action lane. In normal flow below both panels. */
.v61-action-lane {
  position:relative; bottom:auto; z-index:1;
  display:grid; grid-template-columns:max-content minmax(90px,1fr) max-content;
  align-items:center; gap:clamp(7px,1vw,16px);
  margin:16px 0 0; padding:12px 14px; min-width:0;
  box-shadow:none;
}
.v61-action-lane .btn { white-space:nowrap; width:auto; font-size:clamp(.72rem,.85vw,.9rem); padding:10px clamp(8px,1vw,14px); }
.v61-sync { justify-self:center; min-width:0; justify-content:center; font-size:.79rem; }
.v61-action-buttons { display:flex; justify-content:flex-end; align-items:center; gap:clamp(5px,.65vw,10px); min-width:0; flex-wrap:nowrap; }
@media (min-width: 1000px) {
  .v61-action-lane { grid-template-columns:max-content minmax(75px,1fr) max-content; }
}
@media (max-width: 999px) {
  .v61-action-lane { grid-template-columns:1fr; justify-items:stretch; gap:10px; }
  .v61-sync { grid-row:1; justify-self:center; }
  .v61-action-lane > #recordPrevious { grid-row:2; justify-self:start; }
  .v61-action-buttons { grid-row:3; justify-content:space-between; flex-wrap:wrap; }
  .v61-action-buttons .btn { flex:1 1 auto; }
}
@media (max-width: 600px) {
  .v61-action-lane { position:relative; }
  .v61-action-buttons { width:100%; }
}