:root {
  --bg: #f4f5f7;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface-muted: #f7f8fa;
  --ink: #171922;
  --muted: #686d7a;
  --faint: #969ba7;
  --line: #e2e4e9;
  --line-strong: #cfd2da;
  --accent: #5856d6;
  --accent-soft: #eeedff;
  --good: #0f7454;
  --good-soft: #e7f6f0;
  --warn: #915000;
  --warn-soft: #fff3da;
  --danger: #bb344b;
  --danger-soft: #ffedf0;
  --shadow: 0 12px 30px rgba(25, 28, 40, .08);
  --radius: 10px;
  --rail: 68px;
  color-scheme: light;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Internal task intake */
.work-heading-actions { display: flex; align-items: flex-end; gap: 22px; }
.create-task-button { min-height: 40px; gap: 7px; padding-inline: 15px; }
.create-task-button > span { font-size: 17px; font-weight: 400; line-height: 1; }
.jira-task-starter { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 430px); align-items: center; gap: 24px; margin: -8px 0 18px; padding: 16px 18px; border-block: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 74%, transparent); }
.jira-task-starter > div { min-width: 0; }
.jira-task-starter .eyebrow, .jira-task-starter strong, .jira-task-starter small { display: block; }
.jira-task-starter strong { margin-top: 4px; font-size: 13px; }
.jira-task-starter small { max-width: 660px; margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.jira-task-starter form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.jira-task-starter input { width: 100%; min-height: 40px; padding: 8px 11px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); color: var(--ink); font: 650 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.jira-task-starter input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); outline: 0; }
.jira-task-starter .button { min-height: 40px; white-space: nowrap; }
.manual-task-overlay { position: fixed; inset: 0; z-index: 120; display: grid; place-items: center; padding: 22px; overflow-y: auto; background: rgba(12, 14, 21, .62); backdrop-filter: blur(6px); animation: overlay-in .14s ease-out; }
.manual-task-dialog { width: min(880px, 100%); max-height: calc(100svh - 44px); overflow: auto; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-raised); box-shadow: var(--shadow); animation: manual-task-in .2s cubic-bezier(.2,.75,.25,1); }
.manual-task-dialog.is-loading { min-height: 220px; display: grid; place-content: center; justify-items: center; gap: 13px; }
.manual-task-dialog > header { position: sticky; top: 0; z-index: 3; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 25px 30px 20px; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--surface-raised) 94%, transparent); backdrop-filter: blur(12px); }
.manual-task-dialog > header h2 { margin: 3px 0 5px; font-size: 27px; letter-spacing: -.035em; }
.manual-task-dialog > header p { margin: 0; color: var(--muted); font-size: 12px; }
.manual-task-progress { display: flex; gap: 28px; padding: 15px 30px; border-bottom: 1px solid var(--line); color: var(--faint); font-size: 10px; font-weight: 720; letter-spacing: .06em; text-transform: uppercase; }
.manual-task-progress span { display: inline-flex; align-items: center; gap: 7px; }
.manual-task-progress b { color: inherit; font: inherit; }
.manual-task-progress .is-complete { color: var(--ink); }
.manual-task-progress .is-active { color: var(--accent); }
.manual-task-form { padding: 0 30px; }
.manual-task-section { padding: 26px 0 6px; border-bottom: 1px solid var(--line); }
.manual-task-section:last-of-type { border-bottom: 0; }
.manual-task-section-title { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; margin-bottom: 20px; }
.manual-task-section-title > span { color: var(--accent); font: 720 10px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.manual-task-section-title h3 { margin: 0 0 4px; font-size: 14px; }
.manual-task-section-title p { margin: 0; color: var(--muted); font-size: 11px; }
.manual-task-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.manual-task-grid .dialog-field { min-width: 0; }
.manual-template-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 9px; overflow: hidden; }
.manual-template { position: relative; min-height: 78px; cursor: pointer; }
.manual-template:not(:nth-child(3n)) { border-right: 1px solid var(--line); }
.manual-template:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
.manual-template input { position: absolute; opacity: 0; pointer-events: none; }
.manual-template > span { position: relative; height: 100%; display: grid; align-content: center; gap: 4px; padding: 14px 42px 14px 16px; background: var(--surface); transition: background .15s ease, color .15s ease; }
.manual-template strong, .manual-template small { display: block; }
.manual-template strong { font-size: 12px; }
.manual-template small { color: var(--muted); font-size: 10px; line-height: 1.35; }
.manual-template i { position: absolute; top: 13px; right: 14px; display: grid; width: 18px; height: 18px; place-items: center; border: 1px solid var(--line-strong); border-radius: 5px; color: transparent; font-size: 11px; font-style: normal; transition: border-color .15s ease, background .15s ease, color .15s ease; }
.manual-template:hover > span { background: var(--surface-muted); }
.manual-template input:checked + span { background: var(--accent-soft); color: var(--accent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 36%, transparent); }
.manual-template input:checked + span i { border-color: var(--accent); background: var(--accent); color: white; }
.manual-template input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: -2px; }
.manual-requirement-grid { align-items: stretch; margin-top: 18px; }
.manual-requirement-grid .dialog-field { grid-template-rows: auto minmax(132px, 1fr); margin-bottom: 0; }
.manual-requirement-grid .manual-context-field textarea { height: 100%; min-height: 132px; }
.manual-locale-control { display: grid; grid-template-rows: minmax(42px, auto) auto auto; gap: 9px; min-height: 132px; padding: 10px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); transition: border-color .15s ease, box-shadow .15s ease; }
.manual-locale-control:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.manual-locale-values { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 6px; }
.manual-locale-token { display: inline-grid; grid-template-columns: auto auto auto; align-items: center; gap: 6px; min-height: 30px; padding: 4px 7px 4px 9px; border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line)); border-radius: 6px; background: var(--accent-soft); color: var(--ink); cursor: pointer; }
.manual-locale-token strong { color: var(--accent); font-size: 10px; letter-spacing: .04em; }
.manual-locale-token span { color: var(--muted); font-size: 9px; }
.manual-locale-token i { color: var(--faint); font-size: 14px; font-style: normal; line-height: 1; }
.manual-locale-token:hover { border-color: var(--accent); }
.manual-locale-token:hover i { color: var(--accent); }
.manual-locale-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }
.manual-requirement-grid .manual-locale-entry input { min-width: 0; padding: 7px 8px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.manual-requirement-grid .manual-locale-entry input:focus { border-color: var(--accent); box-shadow: none; }
.manual-locale-entry .button { min-height: 34px; padding-inline: 12px; }
.manual-locale-help { color: var(--muted); font-size: 9px; line-height: 1.4; }
.intent-task-dialog { width: min(920px, 100%); }
.intent-task-form { padding: 0 30px; }
.intent-composer { padding: 28px 0 4px; }
.intent-composer-heading { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; margin-bottom: 20px; }
.intent-composer-heading > span { color: var(--accent); font: 720 10px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.intent-composer-heading h3 { margin: 0 0 5px; font-size: 16px; letter-spacing: -.01em; }
.intent-composer-heading p { max-width: 690px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.intent-request-field { display: block; }
.intent-request-field textarea { width: 100%; min-height: 270px; padding: 22px 22px 24px; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--surface); color: var(--ink); font: 500 15px/1.7 Inter, ui-sans-serif, sans-serif; resize: vertical; transition: border-color .15s ease, box-shadow .15s ease; }
.intent-request-field textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); outline: 0; }
.intent-request-field textarea::placeholder { color: var(--faint); }
.intent-composer-guidance { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 14px; padding: 13px 2px 17px; border-bottom: 1px solid var(--line); }
.intent-composer-guidance span { color: var(--faint); font-size: 9px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.intent-composer-guidance p { margin: 0; color: var(--muted); font-size: 10px; }
.manual-attachments { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px 18px; padding: 16px 2px; border-bottom: 1px solid var(--line); }
.manual-attachments > div:first-child strong, .manual-attachments > div:first-child small { display: block; }
.manual-attachments > div:first-child strong { margin-bottom: 4px; font-size: 11px; }
.manual-attachments > div:first-child small { color: var(--muted); font-size: 9px; line-height: 1.45; }
.manual-attachment-picker { position: relative; display: inline-flex; min-height: 36px; align-items: center; justify-content: center; padding: 0 13px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); color: var(--accent); cursor: pointer; font-size: 10px; font-weight: 700; transition: border-color .15s ease, background .15s ease; }
.manual-attachment-picker:hover { border-color: var(--accent); background: var(--accent-soft); }
.manual-attachment-picker.is-busy { color: var(--muted); cursor: wait; }
.manual-attachment-picker input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.manual-attachment-picker span { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.manual-attachment-picker .spinner { width: 13px; height: 13px; border-width: 2px; }
.manual-attachment-list { grid-column: 1 / -1; border-top: 1px solid var(--line); }
.manual-attachment-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 52px; border-bottom: 1px solid var(--line); }
.manual-attachment-row:last-child { border-bottom: 0; }
.manual-attachment-kind { display: grid; width: 26px; height: 30px; place-items: center; border: 1px solid var(--line-strong); border-radius: 5px; color: var(--accent); background: var(--surface-muted); font-size: 13px; }
.manual-attachment-row div strong, .manual-attachment-row div small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.manual-attachment-row div strong { font-size: 10px; }
.manual-attachment-row div small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.manual-attachment-row > button { border: 0; background: transparent; color: var(--muted); cursor: pointer; font-size: 9px; font-weight: 650; }
.manual-attachment-row > button:hover { color: var(--danger); }
.manual-review-section .manual-attachment-list { border-top: 0; }
.intent-sources { padding: 15px 2px 0; }
.intent-sources > summary { width: fit-content; color: var(--accent); cursor: pointer; font-size: 11px; font-weight: 680; list-style: none; }
.intent-sources > summary::-webkit-details-marker { display: none; }
.intent-sources > summary::before { content: "+"; display: inline-block; width: 18px; color: var(--faint); }
.intent-sources[open] > summary::before { content: "−"; }
.intent-sources > summary small { margin-left: 5px; color: var(--faint); font-weight: 500; }
.intent-sources .dialog-field { margin: 16px 0 4px; }
.intent-clarify-form { padding: 0 30px; }
.intent-understood { padding: 26px 0 21px; border-bottom: 1px solid var(--line); }
.intent-understood > span { display: block; margin-bottom: 7px; color: var(--faint); font-size: 9px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.intent-understood > strong { display: block; font-size: 16px; }
.intent-understood > p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.intent-question-list { display: grid; gap: 0; }
.intent-question { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 320px); align-items: center; gap: 28px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.intent-question > span strong, .intent-question > span small { display: block; }
.intent-question > span strong { font-size: 13px; }
.intent-question > span small { margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.intent-question > input, .intent-question > select { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); color: var(--ink); }
.intent-question > input:focus, .intent-question > select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); outline: 0; }
.intent-locale-question { align-items: start; }
.intent-locale-question > span { padding-top: 10px; }
.intent-locale-question .manual-locale-control { width: 100%; min-height: 122px; }
.intent-locale-question .manual-locale-entry input { min-width: 0; padding: 7px 8px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.intent-locale-question .manual-locale-entry input:focus { border-color: var(--accent); outline: 0; }
.intent-source-plan { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 18px; margin: 22px 0 2px; padding: 14px 16px; border-left: 2px solid var(--good); background: var(--good-soft); }
.intent-source-plan.needs-research { border-left-color: var(--warn); background: var(--warn-soft); }
.intent-source-plan span { font-size: 11px; font-weight: 720; }
.intent-source-plan p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.review-source-plan { margin: 22px 0 0; }
.manual-task-footer { position: sticky; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 18px -30px 0; padding: 17px 30px; border-top: 1px solid var(--line); background: color-mix(in srgb, var(--surface-raised) 95%, transparent); backdrop-filter: blur(12px); }
.manual-task-footer > div { display: flex; align-items: center; gap: 14px; }
.manual-task-footer small { color: var(--muted); font-size: 10px; }
.manual-review { padding: 26px 30px 2px; }
.manual-review-lead { max-width: 680px; padding-bottom: 24px; }
.manual-review-lead h3 { margin: 5px 0 9px; font-size: 24px; letter-spacing: -.03em; }
.manual-review-lead p { margin: 0; color: var(--muted); line-height: 1.55; white-space: pre-wrap; }
.manual-review dl { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; border-block: 1px solid var(--line); }
.manual-review dl div { padding: 15px 0; }
.manual-review dl div + div { padding-left: 18px; border-left: 1px solid var(--line); }
.manual-review dt { margin-bottom: 5px; color: var(--faint); font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.manual-review dd { margin: 0; font-size: 12px; font-weight: 680; }
.manual-review-section { padding: 22px 0; border-bottom: 1px solid var(--line); }
.manual-review-section > span { display: block; margin-bottom: 12px; color: var(--faint); font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.manual-review-section > div:not(.manual-review-locales) { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 18px; padding: 7px 0; }
.manual-review-section > div strong { color: var(--muted); font-size: 11px; font-weight: 580; }
.manual-review-locales { display: flex; flex-wrap: wrap; gap: 7px; }
.manual-review-ready, .manual-review-warning { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; margin-top: 22px; padding: 14px 16px; border-left: 2px solid var(--good); background: var(--good-soft); }
.manual-review-warning { border-left-color: var(--warn); background: var(--warn-soft); }
.manual-review-ready strong, .manual-review-warning strong { font-size: 12px; }
.manual-review-ready span, .manual-review-warning span { color: var(--muted); font-size: 11px; }
.manual-task-dialog > form[data-form="manual-task-create"] { padding: 0 30px; }
.internal-brief { border-color: color-mix(in srgb, var(--accent) 24%, var(--line)); }
@keyframes manual-task-in { from { opacity: 0; transform: translateY(12px) scale(.99); } }

@media (max-width: 760px) {
  .work-heading-actions { width: 100%; align-items: center; justify-content: space-between; }
  .jira-task-starter { grid-template-columns: 1fr; gap: 13px; margin-top: 0; }
  .manual-task-overlay { padding: 0; place-items: stretch; }
  .manual-task-dialog { width: 100%; max-height: 100svh; min-height: 100svh; border: 0; border-radius: 0; }
  .manual-task-dialog > header { padding: 20px 18px 17px; }
  .manual-task-progress { padding-inline: 18px; }
  .manual-task-form, .manual-review, .intent-task-form, .intent-clarify-form, .manual-task-dialog > form[data-form="manual-task-create"] { padding-inline: 18px; }
  .manual-task-grid, .manual-review dl { grid-template-columns: 1fr; }
  .manual-review dl div + div { padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }
  .manual-template-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .manual-template:not(:nth-child(3n)) { border-right: 0; }
  .manual-template:nth-child(-n+3) { border-bottom: 0; }
  .manual-template:nth-child(odd) { border-right: 1px solid var(--line); }
  .manual-template:nth-child(-n+4) { border-bottom: 1px solid var(--line); }
  .manual-task-footer { margin-inline: -18px; padding-inline: 18px; }
  .manual-task-footer small { display: none; }
  .intent-question { grid-template-columns: 1fr; gap: 12px; }
  .intent-source-plan { grid-template-columns: 1fr; gap: 5px; }
  .manual-attachments { grid-template-columns: 1fr; }
  .manual-attachment-picker { width: fit-content; }
}

@media (max-width: 480px) {
  .work-heading-actions { align-items: stretch; flex-direction: column; }
  .jira-task-starter form { grid-template-columns: 1fr; }
  .jira-task-starter .button { width: 100%; }
  .create-task-button { width: 100%; justify-content: center; }
  .manual-task-section-title { grid-template-columns: 24px minmax(0, 1fr); }
  .intent-composer-heading { grid-template-columns: 24px minmax(0, 1fr); }
  .intent-request-field textarea { min-height: 230px; padding: 17px; font-size: 14px; }
  .intent-composer-guidance { grid-template-columns: 1fr; gap: 5px; }
  .manual-template-list { grid-template-columns: 1fr; }
  .manual-template:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--line); }
  .manual-template:last-child { border-bottom: 0; }
  .manual-task-footer { align-items: stretch; }
  .manual-task-footer > div { justify-content: flex-end; }
}

html[data-theme="dark"] {
  --bg: #111218;
  --surface: #191b22;
  --surface-raised: #20222b;
  --surface-muted: #15171d;
  --ink: #f1f2f5;
  --muted: #a3a7b2;
  --faint: #777c88;
  --line: #2b2e38;
  --line-strong: #3a3e49;
  --accent: #9290ff;
  --accent-soft: #292747;
  --good: #58c9a1;
  --good-soft: #17352d;
  --warn: #efb252;
  --warn-soft: #3a2b17;
  --danger: #f08091;
  --danger-soft: #402029;
  --shadow: 0 14px 40px rgba(0, 0, 0, .28);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font-size: 14px; }
button, input, textarea, select { font: inherit; }
button, a, input, textarea, select { outline-color: var(--accent); outline-offset: 2px; }
button { color: inherit; }
a { color: inherit; }

.skip-link { position: fixed; top: 8px; left: 8px; z-index: 100; transform: translateY(-150%); padding: 8px 12px; background: var(--ink); color: var(--surface); border-radius: 6px; }
.skip-link:focus { transform: translateY(0); }
.boot-state { min-height: 100vh; display: grid; place-items: center; color: var(--muted); gap: 10px; }
.spinner { width: 22px; height: 22px; border: 2px solid var(--line); border-top-color: var(--accent); border-radius: 50%; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(1turn); } }

.app-shell { min-height: 100vh; padding-left: var(--rail); }
.rail { position: fixed; inset: 0 auto 0 0; z-index: 20; width: var(--rail); display: flex; flex-direction: column; align-items: center; padding: 12px 0; background: #171820; color: #d9dbe3; border-right: 1px solid #252731; }
.brand-mark { width: 38px; height: 38px; border: 0; border-radius: 11px; background: var(--accent); color: white; font-weight: 800; letter-spacing: -.03em; cursor: pointer; }
.rail-nav { display: grid; gap: 0; width: 100%; margin-top: 24px; }
.rail-button { display: grid; place-items: center; gap: 3px; min-height: 48px; padding: 5px 2px; border: 0; border-radius: 0; background: transparent; color: #9296a2; cursor: pointer; font-size: 10px; }
.rail-button .icon { font-size: 17px; line-height: 1; }
.rail-button .icon svg { display: block; width: 17px; height: 17px; }
.rail-button span:last-child { position: relative; }
.rail-button small { position: absolute; top: -12px; right: -13px; min-width: 16px; height: 16px; display: grid; place-items: center; padding: 0 4px; border-radius: 8px; background: var(--accent); color: white; font-size: 8px; font-weight: 800; }
.rail-button:hover, .rail-button.is-active { color: #fff; background: #2a2c36; }
.rail-button.is-locked { position: relative; color: #676b76; cursor: not-allowed; }
.rail-button.is-locked:hover { color: #777b87; background: transparent; }
.rail-button.is-locked::after { content: attr(data-tooltip); position: absolute; left: calc(100% + 10px); top: 50%; width: max-content; max-width: 230px; padding: 8px 10px; border: 1px solid #363945; border-radius: 7px; background: #20222b; color: #d9dbe3; box-shadow: 0 8px 24px rgba(0, 0, 0, .28); font-size: 10px; font-weight: 600; line-height: 1.35; text-align: left; transform: translate(5px, -50%); opacity: 0; pointer-events: none; transition: opacity .14s ease, transform .14s ease; }
.rail-button.is-locked:hover::after { transform: translate(0, -50%); opacity: 1; }
.rail-knowledge-icon, .rail-section-icon { position: relative; }
.rail-lock-icon { position: absolute; right: -8px; bottom: -5px; width: 9px; height: 7px; border: 1.5px solid currentColor; border-radius: 2px; background: #171820; }
.rail-lock-icon::before { content: ""; position: absolute; left: 1px; bottom: 5px; width: 4px; height: 4px; border: 1.5px solid currentColor; border-bottom: 0; border-radius: 4px 4px 0 0; }
.rail-footer { margin-top: auto; display: grid; gap: 8px; }
.rail-circle { width: 38px; height: 38px; border: 1px solid #363945; border-radius: 50%; background: transparent; color: #b9bdc7; cursor: pointer; }

.topbar { position: sticky; top: 0; z-index: 15; height: 58px; display: flex; align-items: center; gap: 14px; padding: 0 24px; background: color-mix(in srgb, var(--surface) 92%, transparent); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); }
.topbar-location { min-width: 0; }
.topbar-location strong { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.topbar-location small { display: block; margin-top: 2px; color: var(--muted); font-size: 11px; }
.topbar-status { display: flex; align-items: center; gap: 7px; margin-left: auto; color: var(--muted); font-size: 12px; }
.runtime-release { padding-left: 7px; border-left: 1px solid var(--line); color: var(--faint); font: 650 9px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; }
.runtime-update-banner { position: sticky; top: 58px; z-index: 14; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 11px 24px; border-bottom: 1px solid var(--accent); background: color-mix(in srgb, var(--accent-soft) 92%, var(--surface)); }
.runtime-update-banner strong, .runtime-update-banner small { display: block; }
.runtime-update-banner strong { font-size: 11px; }
.runtime-update-banner small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--good); box-shadow: 0 0 0 4px var(--good-soft); }
.topbar-action { border: 1px solid var(--line); background: var(--surface); border-radius: 7px; padding: 7px 10px; cursor: pointer; }
.topbar-action:hover { border-color: var(--line-strong); background: var(--surface-muted); }

.page { padding: 28px; max-width: 1680px; margin: 0 auto; }
.page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.eyebrow { display: block; margin-bottom: 7px; color: var(--accent); font-size: 10px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 8px; font-size: clamp(26px, 3vw, 38px); letter-spacing: -.04em; line-height: 1.04; }
h2 { margin-bottom: 7px; font-size: 22px; letter-spacing: -.025em; }
h3 { margin-bottom: 6px; font-size: 16px; letter-spacing: -.015em; }
.page-heading p, .lead { max-width: 680px; margin-bottom: 0; color: var(--muted); line-height: 1.55; }

.summary-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); background: var(--surface); border-radius: var(--radius); overflow: hidden; margin-bottom: 20px; }
.metric { padding: 17px 18px; border-right: 1px solid var(--line); }
.metric:last-child { border-right: 0; }
.metric strong { display: block; font-size: 22px; font-variant-numeric: tabular-nums; }
.metric span { color: var(--muted); font-size: 11px; }

.panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.queue-toolbar { display: flex; align-items: center; gap: 12px; padding: 14px; border-bottom: 1px solid var(--line); }
.segmented { display: inline-flex; gap: 3px; padding: 3px; background: var(--surface-muted); border: 1px solid var(--line); border-radius: 8px; }
.segment { border: 0; border-radius: 6px; padding: 7px 10px; background: transparent; color: var(--muted); cursor: pointer; white-space: nowrap; }
.segment.is-active { background: var(--surface); color: var(--ink); box-shadow: 0 1px 4px rgba(20, 22, 32, .08); }
.count { display: inline-grid; place-items: center; min-width: 19px; height: 19px; margin-left: 5px; padding: 0 5px; background: var(--surface-muted); border-radius: 9px; font-size: 10px; }
.segment.is-active .count { background: var(--accent-soft); color: var(--accent); }
.search { position: relative; min-width: 220px; margin-left: auto; }
.search input { width: 100%; height: 34px; padding: 0 12px 0 34px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--ink); }
.search span { position: absolute; left: 11px; top: 8px; color: var(--muted); }

.table-wrap { overflow: auto; }
.data-table { width: 100%; border-collapse: collapse; min-width: 760px; }
.data-table th { padding: 11px 14px; text-align: left; background: var(--surface-muted); border-bottom: 1px solid var(--line); color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.data-table td { padding: 13px 14px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table tbody tr[data-action] { cursor: pointer; }
.data-table tbody tr[data-action]:hover { background: var(--surface-muted); }
.task-key { color: var(--accent); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.task-title { display: block; max-width: 540px; font-weight: 650; }
.task-sub { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
.pill { display: inline-flex; align-items: center; gap: 5px; min-height: 24px; padding: 3px 8px; border-radius: 999px; background: var(--surface-muted); color: var(--muted); font-size: 11px; font-weight: 650; white-space: nowrap; }
.pill.good { background: var(--good-soft); color: var(--good); }
.pill.warn { background: var(--warn-soft); color: var(--warn); }
.pill.accent { background: var(--accent-soft); color: var(--accent); }
.empty { min-height: 260px; display: grid; place-items: center; text-align: center; padding: 30px; color: var(--muted); }
.empty strong { display: block; color: var(--ink); margin-bottom: 6px; }

.line-page { padding-top: 34px; }
.line-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 30px; }
.line-heading h1 { margin-bottom: 9px; font-size: clamp(34px, 4.2vw, 52px); }
.line-heading p { max-width: 620px; margin: 0; color: var(--muted); line-height: 1.55; }
.sync-cluster { display: flex; align-items: center; gap: 14px; padding-bottom: 2px; }
.jira-sync-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 116px; }
.sync-state { display: inline-flex; align-items: center; gap: 9px; color: var(--muted); font-size: 12px; white-space: nowrap; }

.line-board { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.line-tabs { display: flex; align-items: stretch; gap: 28px; min-height: 55px; padding: 0 18px; background: var(--surface); }
.line-tab { position: relative; display: grid; grid-template-columns: auto auto; grid-template-rows: 20px; align-content: center; align-items: center; gap: 8px; padding: 0 1px; border: 0; background: transparent; color: var(--muted); cursor: pointer; text-align: left; }
.line-tab::after { content: ""; position: absolute; inset: auto 0 -1px; height: 2px; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .18s ease; }
.line-tab:hover { color: var(--ink); }
.line-tab.is-active { color: var(--ink); }
.line-tab.is-active::after { transform: scaleX(1); }
.line-tab > span:first-child { font-weight: 670; line-height: 20px; }
.line-tab .count { margin: 0; background: transparent; color: var(--faint); }
.line-tab.is-active .count { background: var(--accent-soft); color: var(--accent); }

.line-list { overflow: hidden; background: var(--surface); }
.line-filters { display: flex; align-items: center; gap: 9px; padding: 14px 16px; border-bottom: 1px solid var(--line); background: var(--bg); }
.line-filters .search { width: min(390px, 38vw); min-width: 260px; margin: 0 auto 0 0; }
.line-filters .search input { height: 38px; background: var(--surface); }
.filter-select select { height: 38px; min-width: 145px; padding: 0 30px 0 11px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--ink); cursor: pointer; }
.filter-select select:hover, .line-filters .search input:hover { border-color: var(--line-strong); }
.filter-result { min-width: 74px; color: var(--muted); font-size: 11px; text-align: right; }

.line-table { min-width: 1020px; }
.line-table th { height: 39px; padding: 0 14px; background: var(--surface); }
.line-table th:first-child, .line-table td:first-child { padding-left: 18px; }
.line-table th:last-child, .line-table td:last-child { padding-right: 18px; }
.line-table td { height: 68px; padding-top: 12px; padding-bottom: 12px; }
.line-table tbody tr { animation: line-row-in .28s both; }
.line-table tbody tr[data-action]:hover { background: color-mix(in srgb, var(--surface-muted) 74%, transparent); }
.line-table tbody tr:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.line-table time { color: var(--muted); font-size: 12px; white-space: nowrap; }
.line-table .task-title { max-width: 480px; }
.line-table .task-sub:empty { display: none; }
.priority-label { display: block; margin-top: 4px; color: var(--faint); font-size: 10px; white-space: nowrap; }
.attention-note { color: var(--warn); }
.mobile-task-state { display: none; }
.workflow-stage { color: var(--faint); font-size: 12px; text-transform: capitalize; }
.workflow-stage.has-workflow { color: var(--ink); font-weight: 620; }
.assignee { display: flex; align-items: center; gap: 8px; min-width: 0; }
.assignee > span:last-child { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.avatar { flex: 0 0 auto; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: var(--surface-muted); border: 1px solid var(--line); color: var(--muted); font-size: 9px; font-weight: 750; }
.line-action-cell { width: 108px; text-align: right; }
.line-row-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.line-localize-action { min-height: 30px; padding: 5px 10px; font-size: 12px; white-space: nowrap; color: var(--accent); }
.row-action { padding: 7px 4px 7px 9px; border: 0; background: transparent; color: var(--muted); cursor: pointer; font-size: 12px; font-weight: 650; white-space: nowrap; }
.row-action span { display: inline-block; margin-left: 4px; transition: transform .16s ease; }
.row-action:hover { color: var(--accent); }
.row-action:hover span, .line-table tr:hover .row-action span { transform: translateX(3px); }
.row-action:disabled { color: var(--accent); cursor: progress; opacity: 1; }
.row-action:disabled span { transform: none; }
.task-row-spinner { display: inline-block; width: 12px; height: 12px; margin: 0 7px 0 0 !important; border: 2px solid color-mix(in srgb, var(--accent) 24%, transparent); border-top-color: var(--accent); border-radius: 50%; vertical-align: -2px; animation: generation-spin .72s linear infinite; }
.row-action-label { margin-left: 0 !important; }
.line-result-note { padding: 12px 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.line-empty { min-height: 320px; border-top: 0; }
@keyframes line-row-in { from { opacity: 0; transform: translateY(5px); } }

.work-page { padding-top: 34px; }
.work-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 30px; }
.work-heading h1 { margin-bottom: 9px; font-size: clamp(34px, 4.2vw, 52px); }
.work-heading p { max-width: 620px; margin: 0; color: var(--muted); line-height: 1.55; }
.work-total { display: flex; align-items: baseline; gap: 8px; padding-bottom: 4px; }
.work-total strong { font-size: 30px; letter-spacing: -.04em; }
.work-total span { color: var(--muted); font-size: 12px; }
.work-board { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.recent-workflow { display: grid; grid-template-columns: 3px minmax(0, 1fr) 168px; gap: 16px; align-items: center; min-height: 82px; padding: 13px 18px; border-bottom: 1px solid var(--line); background: var(--bg); }
.recent-workflow-marker { width: 3px; height: 46px; background: var(--accent); }
.recent-workflow-copy { min-width: 0; }
.recent-workflow-copy .eyebrow { margin-bottom: 5px; font-size: 9px; }
.recent-workflow-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.recent-workflow-copy small { display: flex; align-items: center; gap: 7px; margin-top: 5px; overflow: hidden; color: var(--muted); font-size: 10px; white-space: nowrap; }
.recent-workflow-copy small b { color: var(--ink); font-weight: 680; }
.recent-workflow-copy small span { color: var(--faint); }
.recent-workflow-action { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 8px 0; border: 0; border-radius: 0; background: transparent; color: var(--accent); cursor: pointer; text-align: left; }
.recent-workflow-action span { color: var(--muted); font-size: 9px; }
.recent-workflow-action strong { font-size: 12px; font-weight: 680; }
.recent-workflow-action i { grid-column: 2; grid-row: 1 / 3; color: var(--accent); font-style: normal; transition: transform .16s ease; }
.recent-workflow-action:hover { color: var(--ink); }
.recent-workflow-action:hover i { transform: translateX(3px); }
.recent-workflow-action:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.recent-workflow.is-opening { background: color-mix(in srgb, var(--accent-soft) 24%, var(--bg)); }
.recent-workflow-action:disabled { cursor: progress; opacity: 1; }
.recent-workflow-action:disabled .task-row-spinner { grid-column: 1; grid-row: 1 / 3; justify-self: start; }
.recent-workflow-action:disabled strong { grid-column: 1; grid-row: 1 / 3; padding-left: 22px; }
.work-tabs { min-height: 55px; display: flex; align-items: stretch; gap: 28px; padding: 0 18px; background: var(--surface); }
.work-tab { position: relative; display: grid; grid-template-columns: auto auto; grid-template-rows: 20px; align-content: center; align-items: center; gap: 8px; padding: 0 1px; border: 0; background: transparent; color: var(--muted); cursor: pointer; font-size: 12px; text-align: left; }
.work-tab::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; transform: scaleX(0); background: var(--accent); transition: transform .18s ease; }
.work-tab:hover { color: var(--ink); }
.work-tab.is-active { color: var(--ink); font-weight: 720; }
.work-tab.is-active::after { transform: scaleX(1); }
.work-tab b { min-width: 21px; padding: 2px 6px; border-radius: 999px; background: var(--surface-muted); color: var(--muted); font-size: 9px; text-align: center; }
.work-tab.is-active b { background: var(--accent-soft); color: var(--accent); }
.work-list { overflow: hidden; background: var(--surface); }
.work-list-head, .work-row { display: grid; grid-template-columns: 54px minmax(320px, 1fr) minmax(150px, .42fr) 122px 168px; gap: 18px; align-items: center; padding-inline: 18px; }
.work-list-head { min-height: 39px; border-bottom: 1px solid var(--line); background: var(--surface); color: var(--muted); font-size: 9px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.work-row { width: 100%; min-height: 76px; padding-block: 12px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); cursor: pointer; text-align: left; animation: line-row-in .28s both; transition: background .16s ease; }
.work-row:last-child { border-bottom: 0; }
.work-row:hover { background: color-mix(in srgb, var(--surface-muted) 74%, transparent); }
.work-row.is-historical { background: color-mix(in srgb, var(--surface-muted) 48%, transparent); }
.work-row.is-historical .work-task > strong, .work-row.is-historical .work-stage > strong { color: var(--muted); }
.work-row:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.work-row.is-opening { background: color-mix(in srgb, var(--accent-soft) 24%, transparent); cursor: progress; }
.work-row:disabled { color: var(--ink); opacity: 1; }
.work-index { color: var(--faint); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; }
.work-task, .work-stage, .work-updated { min-width: 0; }
.work-task strong, .work-task small, .work-stage strong, .work-stage small, .work-updated strong, .work-updated small { display: block; }
.work-task strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.work-task small, .work-stage small, .work-updated small { margin-bottom: 4px; color: var(--faint); font-size: 10px; }
.work-task .work-task-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 4px; }
.work-origin-badge { display: inline-flex; min-height: 18px; align-items: center; padding: 1px 6px; border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line)); border-radius: 4px; background: var(--accent-soft); color: var(--accent); font-size: 8px; font-weight: 760; letter-spacing: .06em; line-height: 1; text-transform: uppercase; }
.work-history-badge { display: inline-flex; min-height: 18px; align-items: center; padding: 1px 6px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface-muted); color: var(--muted); font-size: 8px; font-weight: 760; letter-spacing: .05em; line-height: 1; text-transform: uppercase; }
.work-task .work-mobile-stage { display: none; }
.work-stage strong, .work-updated strong { overflow: hidden; color: var(--muted); font-size: 12px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.work-next { display: grid; grid-template-columns: minmax(0, 1fr) 14px; align-items: center; gap: 10px; color: var(--accent); }
.work-next small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.work-next > span { justify-self: end; }
.work-next > span { transition: transform .16s ease; }
.work-row:hover .work-next > span { transform: translateX(4px); }
.work-empty { min-height: 360px; border-top: 1px solid var(--line); }
.work-empty .button { margin-top: 16px; }
.work-empty .button-row { justify-content: center; }
@media (prefers-reduced-motion: reduce) { .work-row { animation: none; } .work-tab::after, .work-next > span, .recent-workflow-action, .recent-workflow-action i { transition: none; } }

/* Approved English → Locales */
.localize-page { min-height: calc(100svh - 58px); background: var(--surface); }
.localize-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; padding: 36px clamp(28px, 4vw, 64px) 27px; border-bottom: 1px solid var(--line); background: var(--surface); }
.localize-heading h1 { margin: 5px 0 7px; font-size: clamp(38px, 4vw, 56px); line-height: .96; letter-spacing: -.055em; }
.localize-heading p { max-width: 650px; margin: 0; color: var(--muted); line-height: 1.55; }
.localize-layout { display: grid; grid-template-columns: 276px minmax(0, 1fr); min-height: calc(100svh - 196px); }
.localize-sidebar { position: relative; display: flex; min-width: 0; flex-direction: column; border-right: 1px solid var(--line); background: var(--surface-muted); }
.localize-sidebar-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 19px 14px; color: var(--muted); font-size: 10px; letter-spacing: .04em; text-transform: uppercase; }
.localize-sidebar-head span { display: grid; min-width: 22px; height: 22px; place-items: center; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink); }
.localize-job-list { display: grid; align-content: start; padding: 0 9px; }
.localize-job-list > p { padding: 20px 10px; color: var(--muted); font-size: 11px; }
.localize-job-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; padding: 14px 11px; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; cursor: pointer; transition: background .14s ease, transform .14s ease; }
.localize-job-row:first-child { border-top: 0; }
.localize-job-row:hover { background: color-mix(in srgb, var(--accent-soft) 50%, transparent); transform: translateX(2px); }
.localize-job-row.is-active { background: var(--accent-soft); }
.localize-job-row > span:first-child { min-width: 0; }
.localize-job-row strong, .localize-job-row small { display: block; }
.localize-job-row strong { font-size: 12px; }
.localize-job-row small { margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.localize-job-row .pill { width: fit-content; }
.localize-boundary { display: grid; gap: 4px; margin-top: auto; padding: 18px 20px 24px; border-top: 1px solid var(--line); }
.localize-boundary span { color: var(--good); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.localize-boundary small { color: var(--muted); font-size: 9px; line-height: 1.45; }
.localize-workspace { position: relative; min-width: 0; padding: 42px clamp(24px, 5vw, 76px) 90px; background: var(--surface); }
.localize-workspace > section { width: min(970px, 100%); margin-inline: auto; animation: localize-enter .22s cubic-bezier(.2,.75,.25,1); }
.localize-empty { display: grid; grid-template-columns: 118px minmax(0, 620px); align-items: center; gap: 34px; min-height: 480px; }
.localize-empty-mark { display: grid; width: 112px; height: 144px; place-items: center; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--surface-muted); color: var(--accent); font: 760 31px/1 ui-serif, Georgia, serif; box-shadow: 12px 12px 0 var(--accent-soft); }
.localize-empty h2 { max-width: 590px; margin: 8px 0 11px; font-size: clamp(28px, 4vw, 43px); line-height: 1.04; letter-spacing: -.045em; }
.localize-empty p { max-width: 600px; margin: 0 0 22px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.localize-composer > header, .localize-document-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.localize-composer > header h2, .localize-document-head h2 { margin: 6px 0 6px; font-size: clamp(27px, 3vw, 38px); letter-spacing: -.045em; }
.localize-composer > header p, .localize-document-head p { margin: 0; color: var(--muted); line-height: 1.5; }
.localize-document-head p a { color: var(--accent); font-weight: 650; text-decoration: none; }
.localize-setup-row { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr); gap: 20px; padding: 24px 0 20px; }
.localize-setup-row label, .localize-source-input, .localize-field-row label, .localize-locale-editor { display: grid; align-content: start; gap: 7px; color: var(--muted); font-size: 10px; font-weight: 700; }
.localize-setup-row input, .localize-setup-row select, .localize-source-input input, .localize-source-input textarea, .localize-field-row input, .localize-field-row textarea, .localize-locale-editor input, .localize-block-editor textarea { width: 100%; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--surface); color: var(--ink); font: 500 13px/1.55 Inter, ui-sans-serif, sans-serif; }
.localize-setup-row input, .localize-setup-row select, .localize-source-input input, .localize-field-row input, .localize-locale-editor input { min-height: 42px; padding: 9px 11px; }
.localize-source-input textarea, .localize-field-row textarea, .localize-block-editor textarea { padding: 14px; resize: vertical; }
.localize-source-input input:focus, .localize-source-input textarea:focus, .localize-setup-row input:focus, .localize-setup-row select:focus, .localize-field-row input:focus, .localize-field-row textarea:focus, .localize-locale-editor input:focus, .localize-block-editor textarea:focus { border-color: var(--accent); outline: 0; box-shadow: 0 0 0 3px var(--accent-soft); }
.localize-setup-row small, .localize-source-input small, .localize-locale-editor small { color: var(--faint); font-size: 9px; font-weight: 500; line-height: 1.4; }
.localize-source-tabs { display: flex; gap: 22px; margin-bottom: 20px; border-bottom: 1px solid var(--line); }
.localize-source-tab { position: relative; padding: 11px 0 12px; border: 0; background: transparent; color: var(--muted); cursor: pointer; font-size: 11px; font-weight: 680; }
.localize-source-tab::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--accent); content: ""; opacity: 0; transform: scaleX(.45); transition: opacity .14s ease, transform .14s ease; }
.localize-source-tab.is-active { color: var(--accent); }
.localize-source-tab.is-active::after { opacity: 1; transform: scaleX(1); }
.localize-text-input textarea { min-height: 300px; font-size: 14px; line-height: 1.65; }
.localize-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.localize-actions > span { color: var(--muted); font-size: 10px; line-height: 1.4; }
.localize-field-builder { display: grid; gap: 0; }
.localize-field-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 12px; }
.localize-field-head strong, .localize-field-head small { display: block; }
.localize-field-head small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.localize-field-row { display: grid; grid-template-columns: minmax(140px, .32fr) minmax(0, 1fr) 28px; align-items: start; gap: 14px; padding: 16px 0; border-top: 1px solid var(--line); }
.localize-field-row label > span { color: var(--faint); font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.localize-field-remove { display: grid; width: 28px; height: 28px; margin-top: 23px; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--muted); cursor: pointer; font-size: 18px; }
.localize-field-remove:hover { background: var(--danger-soft); color: var(--danger); }
.localize-task-picker { position: relative; min-width: 0; }
.localize-source-origin { display: grid; min-width: 0; align-content: start; gap: 9px; color: var(--muted); font-size: 10px; font-weight: 700; }
.localize-origin-switch { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 3px; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--surface-muted); }
.localize-origin-switch button { display: grid; gap: 3px; min-width: 0; padding: 10px 9px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); text-align: left; cursor: pointer; }
.localize-origin-switch button:hover { color: var(--ink); }
.localize-origin-switch button:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.localize-origin-switch button.is-active { background: var(--surface); color: var(--ink); box-shadow: 0 1px 3px rgb(24 29 34 / 10%); }
.localize-origin-switch strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.localize-origin-switch small { color: var(--faint); font-size: 8px; font-weight: 520; }
.localize-standalone-note { display: grid; gap: 3px; min-height: 46px; align-content: center; padding: 0 2px; }
.localize-standalone-note strong { color: var(--ink); font-size: 10px; }
.localize-standalone-note small { color: var(--muted); font-size: 9px; font-weight: 500; line-height: 1.45; }
.localize-task-picker > label { display: grid; gap: 7px; color: var(--muted); font-size: 10px; font-weight: 700; }
.localize-task-search { display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: center; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--surface); }
.localize-task-search:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.localize-task-search > span { color: var(--faint); text-align: center; }
.localize-task-search input { min-width: 0; min-height: 42px; padding: 9px 11px 9px 0; border: 0; outline: 0; background: transparent; color: var(--ink); font: 500 13px/1.4 Inter, ui-sans-serif, sans-serif; }
.localize-task-results { position: absolute; z-index: 5; top: calc(100% + 7px); right: 0; left: 0; max-height: 276px; overflow-y: auto; border: 1px solid var(--line-strong); border-radius: 9px; background: var(--surface); box-shadow: 0 18px 50px rgb(24 29 34 / 14%); }
.localize-task-results button { display: grid; width: 100%; grid-template-columns: 82px minmax(0, 1fr); gap: 12px; padding: 11px 13px; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; cursor: pointer; }
.localize-task-results button:first-child { border-top: 0; }
.localize-task-results button:hover, .localize-task-results button:focus-visible { background: var(--accent-soft); outline: 0; }
.localize-task-results strong { color: var(--accent); font-size: 10px; }
.localize-task-results span { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.localize-task-results p { margin: 0; padding: 14px; color: var(--muted); font-size: 10px; }
.localize-task-selected { display: flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 14px; margin-top: 8px; padding: 9px 11px; border-left: 2px solid var(--accent); background: var(--accent-soft); }
.localize-task-selected strong, .localize-task-selected small { display: block; }
.localize-task-selected strong { color: var(--accent); font-size: 10px; }
.localize-task-selected small { margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.localize-task-selected button { width: 26px; height: 26px; border: 0; border-radius: 50%; background: transparent; color: var(--muted); cursor: pointer; }
.localize-task-selected button:hover { background: var(--surface); color: var(--danger); }
.localize-preview-summary { display: grid; grid-template-columns: repeat(3, 1fr); margin: 22px 0; border-block: 1px solid var(--line); }
.localize-preview-summary span { padding: 14px 0; color: var(--muted); font-size: 10px; }
.localize-preview-summary span + span { padding-left: 18px; border-left: 1px solid var(--line); }
.localize-preview-summary b { margin-right: 5px; color: var(--ink); font-size: 17px; }
.localize-preview-document { max-height: 480px; overflow-y: auto; border-bottom: 1px solid var(--line); }
.localize-preview-block { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 22px; padding: 15px 0; border-top: 1px solid var(--line); }
.localize-preview-block:first-child { border-top: 0; }
.localize-preview-block > span { color: var(--faint); font-size: 9px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.localize-preview-block p { margin: 0; color: var(--ink); line-height: 1.55; white-space: pre-wrap; }
.localize-document-status { display: grid; justify-items: end; gap: 7px; }
.localize-document-status small { color: var(--faint); font: 9px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.localize-locale-editor { grid-template-columns: 130px minmax(0, 1fr); align-items: center; gap: 5px 16px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.localize-locale-editor small { grid-column: 2; }
.localize-target-picker { display: grid; min-width: 0; gap: 8px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.localize-target-picker > span { color: var(--faint); font-size: 9px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.localize-target-picker > small { color: var(--muted); font-size: 9px; line-height: 1.45; }
.localize-target-values { display: flex; min-height: 32px; flex-wrap: wrap; gap: 7px; }
.localize-locale-token { display: inline-grid; grid-template-columns: auto auto auto; align-items: center; gap: 7px; padding: 7px 8px 7px 10px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); color: var(--ink); cursor: default; text-align: left; }
.localize-locale-token:has(.localize-locale-remove:hover) { border-color: var(--danger); }
.localize-locale-token strong { color: var(--accent); font-size: 9px; }
.localize-locale-token span { color: var(--muted); font-size: 9px; }
.localize-locale-token i { color: var(--faint); font-style: normal; font-size: 13px; }
.localize-target-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; max-width: 430px; }
.localize-target-entry input { min-width: 0; min-height: 38px; padding: 8px 11px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); color: var(--ink); font: 500 11px/1.4 Inter, ui-sans-serif, sans-serif; }
.localize-target-entry input:focus { border-color: var(--accent); outline: 0; box-shadow: 0 0 0 3px var(--accent-soft); }
.localize-target-picker .localize-target-entry { max-width: 720px; grid-template-columns: minmax(180px, 1fr) auto auto; align-items: center; }
.localize-target-options { max-width: 720px; max-height: 260px; overflow-y: auto; border: 1px solid var(--line); border-radius: 8px; padding: 6px; background: var(--surface); }
.localize-target-options[hidden] { display: none; }
.localize-target-option { display: grid; grid-template-columns: 18px 64px minmax(0, 1fr); gap: 10px; align-items: center; padding: 9px 10px; border-radius: 5px; cursor: pointer; font-size: 13px; }
.localize-target-option:hover, .localize-target-option:focus-within { background: var(--accent-soft); }
.localize-target-option input { width: 16px; height: 16px; margin: 0; accent-color: var(--accent); }
.localize-target-option span { color: var(--muted); overflow-wrap: anywhere; }
.localize-target-picker > .localize-target-feedback { color: var(--muted); font-size: 12px; line-height: 1.5; }
.localize-target-picker input:invalid ~ button { border-color: var(--line); }
.localize-target-no-match { padding: 6px 10px; margin: 0; font-size: 13px; color: var(--muted); }
@media (max-width: 600px) { .localize-target-picker .localize-target-entry { grid-template-columns: minmax(0, 1fr) auto; } .localize-target-entry [data-action="toggle-localization-options"] { grid-column: 1 / -1; justify-self: start; } }
.localize-structure-heading { display: flex; align-items: end; justify-content: space-between; gap: 22px; padding: 25px 0 13px; }
.localize-structure-heading h3 { margin: 4px 0 0; font-size: 18px; }
.localize-structure-heading p { max-width: 650px; margin: 6px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.localize-structure-preview { border-block: 1px solid var(--line); }
.localize-structure-preview > summary { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; cursor: pointer; }
.localize-structure-preview > summary span { display: grid; gap: 2px; }
.localize-structure-preview > summary strong { font-size: 10px; }
.localize-structure-preview > summary small, .localize-structure-preview > summary > span:last-child { color: var(--faint); font-size: 9px; font-weight: 600; }
.localize-structure-preview ol { margin: 0; padding: 0 0 10px; list-style: none; }
.localize-structure-preview li { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 7px 0; border-top: 1px solid var(--line); }
.localize-structure-preview li b { color: var(--faint); font: 9px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }
.localize-structure-preview li span { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.localize-structure-preview li em { color: var(--muted); font-size: 9px; font-style: normal; }
.localize-block-list { display: grid; }
.localize-block-editor { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: start; gap: 10px 22px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.localize-block-editor > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding-top: 8px; }
.localize-block-editor > header > span { display: grid; min-width: 0; gap: 5px; }
.localize-block-editor b { font-size: 11px; }
.localize-block-editor small { color: var(--faint); font-size: 9px; font-weight: 500; }
.localize-block-body { min-width: 0; }
.localize-block-editor textarea { min-height: 90px; font-size: 13px; line-height: 1.6; }
.localize-block-editor > footer { grid-column: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.localize-block-editor > footer > div, .localize-block-order { display: flex; gap: 4px; }
.localize-block-editor > footer button, .localize-block-order button { min-height: 27px; padding: 4px 8px; border: 0; border-radius: 6px; background: var(--surface-muted); color: var(--muted); cursor: pointer; font: 650 9px/1.2 Inter, ui-sans-serif, sans-serif; }
.localize-block-order button { width: 25px; padding: 0; }
.localize-block-editor > footer button:hover:not(:disabled), .localize-block-order button:hover:not(:disabled) { background: var(--accent-soft); color: var(--accent); }
.localize-block-editor > footer button.danger:hover:not(:disabled) { background: var(--danger-soft); color: var(--danger); }
.localize-block-editor > footer button:disabled, .localize-block-order button:disabled { opacity: .38; cursor: default; }
.localize-structure-mode.is-translate { color: var(--accent) !important; }
.localize-preserved-source { align-self: center; padding: 11px 13px; border-left: 2px solid var(--accent); background: var(--surface-muted); font-size: 13px; line-height: 1.5; white-space: pre-wrap; }
.localize-unsaved { display: block; width: fit-content; margin-top: 10px; color: var(--warn); font-size: 10px; font-weight: 750; letter-spacing: .02em; }
.localize-outdated { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 18px; margin-top: 18px; padding: 13px 15px; border-left: 2px solid var(--warn); background: var(--warn-soft); }
.localize-outdated strong { color: var(--warn); font-size: 11px; }
.localize-outdated span { color: var(--muted); font-size: 10px; line-height: 1.45; }
.localize-checks { margin-top: 30px; padding: 22px 0; border-block: 1px solid var(--line); }
.localize-checks > header, .localize-confirm { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.localize-checks h3, .localize-confirm h3 { margin: 4px 0 0; font-size: 17px; }
.localize-suggestion-list { margin-top: 15px; }
.localize-suggestion { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 11px; padding: 12px 0; border-top: 1px solid var(--line); }
.localize-suggestion > span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: var(--warn-soft); color: var(--warn); font-size: 10px; font-weight: 800; }
.localize-suggestion strong { font-size: 10px; }
.localize-suggestion p, .localize-check-empty { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.localize-english-review { padding: 28px 0; border-bottom: 1px solid var(--line); }
.localize-english-review > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.localize-english-review h3 { margin: 4px 0 0; font-size: 18px; }
.localize-english-review > header p { max-width: 650px; margin: 7px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.localize-review-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-top: 20px; padding: 16px 0; border-block: 1px solid var(--line); }
.localize-review-context { display: grid; min-width: 270px; gap: 5px; }
.localize-review-context > span { color: var(--faint); font-size: 9px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.localize-review-context select { min-height: 38px; padding: 0 34px 0 11px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); color: var(--ink); font: 600 11px/1.4 Inter, ui-sans-serif, sans-serif; }
.localize-review-context small { color: var(--faint); font-size: 9px; }
.localize-review-context.is-locked strong { font-size: 12px; }
.localize-review-empty { margin: 17px 0 0; max-width: 760px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.localize-review-result { padding-top: 19px; }
.localize-review-summary { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 22px; align-items: center; }
.localize-review-summary > p { margin: 0; max-width: 760px; color: var(--ink); font-size: 12px; line-height: 1.55; }
.localize-review-score { display: grid; padding-right: 20px; border-right: 1px solid var(--line); }
.localize-review-score strong { font: 680 32px/1 Inter, ui-sans-serif, sans-serif; letter-spacing: -.05em; }
.localize-review-score span { margin-top: 6px; color: var(--ink); font-size: 9px; font-weight: 750; text-transform: uppercase; }
.localize-review-score small { margin-top: 3px; color: var(--faint); font-size: 8px; }
.localize-review-categories { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 20px; border-block: 1px solid var(--line); }
.localize-review-categories > span { display: grid; gap: 3px; padding: 11px 12px; border-right: 1px solid var(--line); }
.localize-review-categories > span:last-child { border-right: 0; }
.localize-review-categories b { font-size: 9px; }
.localize-review-categories small { color: var(--faint); font-size: 8px; }
.localize-review-categories .has-findings small { color: var(--warn); }
.localize-review-findings { margin-top: 12px; }
.localize-review-findings > div { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.localize-review-findings > div > span { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; background: var(--surface-muted); color: var(--accent); font-size: 9px; font-weight: 800; }
.localize-review-findings p { display: grid; gap: 3px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.localize-review-findings strong { color: var(--ink); font-size: 9px; text-transform: uppercase; }
.localize-english-diff { margin-top: 16px; border-top: 1px solid var(--line); }
.localize-english-diff > summary { display: flex; justify-content: space-between; padding: 13px 0; color: var(--ink); cursor: pointer; font-size: 11px; font-weight: 750; }
.localize-english-diff > summary span { color: var(--accent); font-size: 9px; }
.localize-english-diff article { display: grid; grid-template-columns: 110px repeat(2, minmax(0, 1fr)); gap: 14px; padding: 14px 0; border-top: 1px solid var(--line); }
.localize-english-diff article header, .localize-english-diff article span { color: var(--faint); font-size: 9px; font-weight: 750; text-transform: uppercase; }
.localize-english-diff article p { margin: 5px 0 0; font-size: 11px; line-height: 1.5; white-space: pre-wrap; }
.localize-review-actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.localize-review-actions > span { color: var(--muted); font-size: 10px; }
.localize-confirm { padding: 26px 0; border-bottom: 1px solid var(--line); }
.localize-confirm p { max-width: 580px; margin: 7px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.localize-translations { margin-top: 38px; padding-top: 4px; border-top: 2px solid var(--ink); }
.localize-delivery { display: grid; grid-template-columns: minmax(0, 1fr) 210px; align-items: start; gap: 12px 28px; margin-top: 38px; padding: 24px 0; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--line); }
.localize-delivery.is-outdated { border-top-color: var(--warn); }
.localize-delivery.is-failed { border-top-color: var(--danger); }
.localize-delivery.is-updating { border-top-color: var(--accent); }
.localize-delivery > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; grid-column: 1; }
.localize-delivery h3 { margin: 5px 0 0; font-size: 18px; }
.localize-delivery > p { grid-column: 1; max-width: 640px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.localize-delivery-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 13px; color: var(--faint); font: 9px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }
.localize-delivery-action { display: grid; grid-column: 2; grid-row: 1 / span 3; gap: 7px; text-align: center; }
.localize-delivery-action .button { width: 100%; }
.localize-delivery-action small { color: var(--faint); font-size: 9px; line-height: 1.35; }
.localize-publication-ready { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 22px; margin-top: 12px; padding: 17px 0; border-top: 1px solid var(--line); }
.localize-publication-ready strong, .localize-publication-ready small { display: block; }
.localize-publication-ready strong { font-size: 11px; }
.localize-publication-ready small { margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.localize-result-history { grid-column: 1 / -1; border-top: 1px solid var(--line); }
.localize-result-history > summary { display: flex; min-height: 44px; align-items: center; justify-content: space-between; color: var(--muted); cursor: pointer; font-size: 10px; font-weight: 750; }
.localize-result-history > summary strong { color: var(--accent); font-size: 9px; }
.localize-result-history ol { margin: 0; padding: 0; list-style: none; }
.localize-result-history li { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 54px; border-top: 1px solid var(--line); }
.localize-result-history li > span { color: var(--accent); font: 750 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.localize-result-history li strong, .localize-result-history li small { display: block; }
.localize-result-history li strong { font-size: 10px; }
.localize-result-history li small { margin-top: 3px; color: var(--faint); font-size: 8px; }
.localize-result-history li.is-current { background: var(--accent-soft); }
.localize-result-history-flags { display: flex; gap: 6px; }
.localize-generate { display: grid; gap: 14px; padding: 24px 0 20px; }
.localize-generate > header, .localize-generate > footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.localize-generate > footer { padding-top: 2px; }
.localize-generate > footer > span { max-width: 560px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.localize-generate h3 { margin: 4px 0 5px; font-size: 21px; }
.localize-generate p { max-width: 610px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.localize-generate .button { flex: 0 0 auto; }
.localize-selection-count { flex: 0 0 auto; color: var(--accent); font: 750 10px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }
.localize-batch-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 2px; }
.localize-batch-toolbar > label { display: grid; width: min(330px, 100%); grid-template-columns: 26px minmax(0, 1fr); align-items: center; border: 1px solid var(--line-strong); border-radius: 7px; }
.localize-batch-toolbar > label > span { color: var(--faint); text-align: center; }
.localize-batch-toolbar input { min-width: 0; min-height: 36px; padding: 7px 9px 7px 0; border: 0; outline: 0; background: transparent; color: var(--ink); font: 500 10px/1.4 Inter, ui-sans-serif, sans-serif; }
.localize-batch-toolbar > div { display: flex; gap: 6px; }
.localize-batch-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.localize-batch-row { display: grid; grid-template-columns: 17px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 56px; padding: 9px 11px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); cursor: pointer; }
.localize-batch-row:nth-child(even) { border-right: 0; }
.localize-batch-row:hover { background: var(--surface-muted); }
.localize-batch-row.is-failed { background: color-mix(in srgb, var(--danger-soft) 45%, transparent); }
.localize-batch-row input { accent-color: var(--accent); }
.localize-batch-row > span { display: grid; min-width: 0; gap: 2px; }
.localize-batch-row strong { font-size: 10px; letter-spacing: .03em; }
.localize-batch-row small { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.localize-batch-row em { color: var(--danger); font-size: 8px; font-style: normal; line-height: 1.35; }
.localize-locale-tabs { display: flex; gap: 5px; overflow-x: auto; padding: 7px 0 0; border-bottom: 1px solid var(--line); }
.localize-locale-tab { display: grid; min-width: 92px; gap: 2px; padding: 10px 13px 11px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); text-align: left; cursor: pointer; }
.localize-locale-tab strong { font-size: 11px; letter-spacing: .04em; }
.localize-locale-tab small { font-size: 9px; white-space: nowrap; }
.localize-locale-tab:hover { color: var(--ink); }
.localize-locale-tab.is-active { border-bottom-color: var(--accent); color: var(--accent); }
.localize-translation-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; padding: 25px 0 14px; }
.localize-translation-head h3 { margin: 4px 0 5px; font-size: 20px; }
.localize-translation-head p { max-width: 620px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.localize-translation-head-actions { display: flex; align-items: center; gap: 9px; }
.localize-editor-filters { display: flex; align-items: center; gap: 18px; min-height: 42px; border-block: 1px solid var(--line); }
.localize-editor-filters button { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; padding: 0; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); font: 700 10px/1 Inter, ui-sans-serif, sans-serif; cursor: pointer; }
.localize-editor-filters button:hover { color: var(--ink); }
.localize-editor-filters button.is-active { border-bottom-color: var(--accent); color: var(--accent); }
.localize-editor-filters button span { display: grid; min-width: 18px; height: 18px; place-items: center; border-radius: 9px; background: var(--surface-muted); color: var(--faint); font-size: 8px; }
.localize-translation-row { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); border-top: 1px solid var(--line); }
.localize-translation-row.has-issue { border-top-color: color-mix(in srgb, var(--danger) 48%, var(--line)); }
.localize-source-column, .localize-target-column { min-width: 0; padding: 17px 0 19px; }
.localize-source-column { padding-right: 24px; }
.localize-target-column { display: grid; gap: 8px; padding-left: 24px; border-left: 1px solid var(--line); }
.localize-source-column > span, .localize-target-column > span { color: var(--faint); font-size: 9px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.localize-source-column p { margin: 8px 0 0; color: var(--ink); font-size: 12px; line-height: 1.62; white-space: pre-wrap; }
.localize-target-column textarea { width: 100%; min-height: 78px; padding: 12px 13px; resize: vertical; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); color: var(--ink); font: 500 12px/1.62 Inter, ui-sans-serif, sans-serif; }
.localize-target-column textarea:focus { border-color: var(--accent); outline: 0; box-shadow: 0 0 0 3px var(--accent-soft); }
.localize-target-column textarea[readonly] { background: var(--panel); color: var(--muted); }
.localize-token-status { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 11px; }
.localize-token-status > span { color: var(--success); font-size: 8px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.localize-token-status.has-issue > span { color: var(--danger); }
.localize-token-status code { padding: 2px 5px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-muted); color: var(--muted); font: 8px/1.35 ui-monospace, SFMono-Regular, Menlo, monospace; }
.localize-inline-error { color: var(--danger); font-size: 9px; line-height: 1.45; }
.localize-inline-advice { color: var(--warn); font-size: 9px; line-height: 1.45; }
.localize-filter-empty { display: grid; min-height: 150px; align-content: center; justify-items: start; gap: 5px; border-bottom: 1px solid var(--line); }
.localize-filter-empty strong { font-size: 15px; }
.localize-filter-empty span { color: var(--muted); font-size: 10px; }
.localize-locale-savebar { position: sticky; bottom: 0; z-index: 4; margin-top: 0; padding: 14px 0; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 95%, transparent); box-shadow: 0 -10px 24px color-mix(in srgb, var(--ink) 7%, transparent); backdrop-filter: blur(12px); }
.localize-preserved-label { align-content: center; }
.localize-preserved-label strong { padding: 11px 13px; border-left: 2px solid var(--accent); background: var(--surface-muted); font-size: 12px; line-height: 1.5; }
.localize-locale-check { margin-top: 24px; padding: 17px 19px; border-left: 3px solid var(--success); background: var(--success-soft); }
.localize-locale-check.is-blocked { border-left-color: var(--danger); background: var(--danger-soft); }
.localize-locale-check.is-advisory { border-left-color: var(--warn); background: var(--warn-soft); }
.localize-locale-check > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.localize-locale-check strong, .localize-locale-check small { display: block; }
.localize-locale-check small { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.localize-locale-check ul { margin: 14px 0 0; padding: 0; list-style: none; }
.localize-locale-check li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 9px; padding: 10px 0; border-top: 1px solid color-mix(in srgb, var(--line) 76%, transparent); }
.localize-locale-check li > span { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; background: var(--surface); color: var(--accent); font-size: 9px; font-weight: 800; }
.localize-locale-check.is-blocked li > span { color: var(--danger); }
.localize-locale-check li strong { font-size: 10px; }
.localize-locale-check li p { margin: 3px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.localize-review-proposal { margin-top: 18px; padding: 19px; border: 1px solid color-mix(in srgb, var(--warn) 45%, var(--line)); background: color-mix(in srgb, var(--warn-soft) 58%, var(--surface)); }
.localize-review-proposal > header, .localize-review-proposal > footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.localize-review-proposal h4 { margin: 4px 0 0; font-size: 16px; }
.localize-review-proposal > footer { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.localize-review-diff { display: grid; grid-template-columns: 130px repeat(2, minmax(0, 1fr)); gap: 14px; padding: 14px 0; border-top: 1px solid var(--line); }
.localize-review-diff:first-of-type { margin-top: 14px; }
.localize-review-diff > span { color: var(--faint); font-size: 10px; font-weight: 750; text-transform: uppercase; }
.localize-review-diff small { color: var(--faint); font-size: 9px; font-weight: 700; text-transform: uppercase; }
.localize-review-diff p { margin: 5px 0 0; font-size: 12px; line-height: 1.5; white-space: pre-wrap; }
.localize-locale-approval { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.localize-locale-approval strong, .localize-locale-approval small { display: block; }
.localize-locale-approval small { margin-top: 4px; color: var(--muted); font-size: 10px; }
.localize-locale-history { margin-top: 18px; border-bottom: 1px solid var(--line); }
.localize-locale-history > summary { display: flex; align-items: center; justify-content: space-between; min-height: 46px; color: var(--ink); cursor: pointer; font-size: 11px; font-weight: 750; }
.localize-locale-history > summary strong { color: var(--accent); font-size: 9px; }
.localize-locale-history ol { margin: 0; padding: 0; list-style: none; }
.localize-locale-history li { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 58px; border-top: 1px solid var(--line); }
.localize-locale-history li > span { color: var(--accent); font: 750 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.localize-locale-history li > div:nth-child(2) { min-width: 0; }
.localize-locale-history li strong, .localize-locale-history li small { display: block; }
.localize-locale-history li strong { font-size: 10px; }
.localize-locale-history li small { margin-top: 3px; color: var(--faint); font-size: 8px; }
.localize-locale-history li.is-current { background: var(--accent-soft); }
.localize-history-compare { padding: 17px 0 5px; border-top: 1px solid var(--line); }
.localize-history-compare > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 9px; }
.localize-history-compare h4 { margin: 4px 0 0; font-size: 16px; }
.localize-history-compare > p { color: var(--muted); font-size: 10px; }
.localize-history-compare-row { display: grid; grid-template-columns: 120px repeat(2, minmax(0, 1fr)); gap: 14px; padding: 13px 0; border-top: 1px solid var(--line); }
.localize-history-compare-row > span, .localize-history-compare-row small { color: var(--faint); font-size: 9px; font-weight: 750; text-transform: uppercase; }
.localize-history-compare-row p { margin: 5px 0 0; font-size: 11px; line-height: 1.5; white-space: pre-wrap; }
.localize-locale-empty { display: grid; justify-items: start; gap: 6px; min-height: 180px; align-content: center; padding: 28px 0; border-bottom: 1px solid var(--line); }
.localize-locale-empty > span { color: var(--accent); font: 800 11px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.localize-locale-empty strong { font-size: 18px; }
.localize-locale-empty p { margin: 0; color: var(--muted); font-size: 11px; }
.localize-history { margin-top: 18px; }
.localize-history > summary { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; color: var(--muted); cursor: pointer; font-size: 11px; font-weight: 700; }
.localize-history > summary span { color: var(--accent); }
.localize-history ol { margin: 0; padding: 0; list-style: none; }
.localize-history li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 11px; padding: 9px 0; border-top: 1px solid var(--line); }
.localize-history li > span { color: var(--accent); font: 700 10px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }
.localize-history li strong, .localize-history li small { display: block; }
.localize-history li strong { font: 10px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }
.localize-history li small { margin-top: 3px; color: var(--faint); font-size: 9px; }
.localize-awaiting-source { padding-top: 80px; }
.localize-awaiting-source h2 { margin: 7px 0; font-size: 32px; }
.localize-awaiting-source p { max-width: 560px; margin: 0 0 20px; color: var(--muted); line-height: 1.55; }
.localize-busy { position: fixed; inset: 50% auto auto 50%; transform: translate(-50%, -50%); z-index: 120; display: flex; align-items: center; gap: 12px; width: max-content; max-width: min(420px, calc(100vw - 32px)); height: auto; padding: 18px 22px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: var(--shadow); pointer-events: none; }
.localize-busy strong { min-width: 0; color: var(--ink); font-size: 13px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.localize-busy .spinner { flex: 0 0 20px; width: 20px; height: 20px; }
@keyframes localize-enter { from { opacity: 0; transform: translateY(7px); } }
@media (prefers-reduced-motion: reduce) { .localize-workspace > section { animation: none; } .localize-job-row, .localize-source-tab::after { transition: none; } }

.workspace { display: grid; grid-template-columns: 206px minmax(0, 1fr) 310px; gap: 18px; align-items: start; }
.run-history-notice { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 18px; padding: 15px 18px; border-block: 1px solid color-mix(in srgb, var(--warn) 34%, var(--line)); background: color-mix(in srgb, var(--warn-soft) 54%, transparent); }
.run-history-notice .eyebrow { margin-bottom: 4px; color: var(--warn); }
.run-history-notice strong, .run-history-notice small { display: block; }
.run-history-notice small { margin-top: 4px; color: var(--muted); line-height: 1.45; }
.run-history-notice .button { flex: 0 0 auto; }
.jira-update-notice { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin: 0 0 18px; padding: 17px 19px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.jira-update-notice > div { min-width: 0; }
.jira-update-notice strong, .jira-update-notice small { display: block; }
.jira-update-notice small { margin-top: 5px; max-width: 850px; color: var(--muted); line-height: 1.48; }
.jira-update-notice ul { display: flex; flex-wrap: wrap; gap: 7px 14px; margin: 12px 0 0; padding: 0; list-style: none; }
.jira-update-notice li { display: inline-flex; gap: 6px; color: var(--muted); font-size: 12px; }
.jira-update-notice li strong { color: var(--text); }
.jira-update-notice .jira-update-change-kind { color: var(--warn); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.jira-update-diff { margin-top: 12px; }
.jira-update-diff summary { color: var(--text); font-size: 12px; font-weight: 700; cursor: pointer; }
.jira-update-notice.is-ready { border-color: color-mix(in srgb, var(--good) 40%, var(--line)); background: color-mix(in srgb, var(--good-soft) 46%, var(--surface)); }
.jira-update-notice.is-ready .eyebrow { color: var(--good); }
.jira-update-notice.is-blocked { border-color: color-mix(in srgb, var(--warn) 42%, var(--line)); background: color-mix(in srgb, var(--warn-soft) 44%, var(--surface)); }
.jira-update-notice.is-blocked .eyebrow { color: var(--warn); }
.jira-update-notice.is-current .eyebrow { color: var(--accent); }
.jira-update-notice .button { flex: 0 0 auto; }
.rolling-series-notice { margin: 0 0 18px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.rolling-series-notice > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.rolling-series-notice > header strong, .rolling-series-notice > header small { display: block; }
.rolling-series-notice > header small { margin-top: 4px; color: var(--muted); }
.rolling-series-batches { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
.rolling-series-batch { display: grid; grid-template-columns: auto auto; gap: 2px 12px; min-width: 150px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; color: var(--text); background: var(--surface-2); text-align: left; cursor: pointer; }
.rolling-series-batch span { color: var(--accent); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.rolling-series-batch strong { justify-self: end; font-size: 12px; }
.rolling-series-batch small { grid-column: 1 / -1; color: var(--muted); text-transform: capitalize; }
.rolling-series-batch.is-current { border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); background: color-mix(in srgb, var(--accent-soft) 40%, var(--surface)); }
.rolling-series-export { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 20px; align-items: center; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.rolling-series-export > div:first-child strong, .rolling-series-export > div:first-child small { display: block; }
.rolling-series-export > div:first-child small, .rolling-series-export > small { color: var(--muted); line-height: 1.45; }
.rolling-series-export > small { grid-column: 1 / -1; }
.workspace-nav, .inspector-stack { position: sticky; top: 78px; }
.workspace-nav { padding: 7px; }
.workspace-tab { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); cursor: pointer; text-align: left; }
.workspace-tab:hover { background: var(--surface-muted); color: var(--ink); }
.workspace-tab.is-active { background: var(--accent-soft); color: var(--accent); font-weight: 700; }
.workspace-tab:disabled { opacity: .42; cursor: not-allowed; }
.workspace-tab.is-active:disabled { opacity: 1; cursor: progress; }
.workspace-tab span:last-child { font-size: 10px; }
.content-column { min-width: 0; }
.content-header { padding: 20px 22px; border-bottom: 1px solid var(--line); }
.content-body { padding: 22px; }
.workflow-tab-loading { min-height: 280px; display: flex; align-items: center; justify-content: center; gap: 14px; color: var(--muted); }
.workflow-tab-loading > div { display: grid; gap: 4px; }
.workflow-tab-loading strong { color: var(--ink); font-size: 14px; }
.workflow-tab-loading small { max-width: 420px; line-height: 1.45; }
.inspector-stack { display: grid; gap: 14px; min-width: 0; }
.runtime-inspector, .knowledge-inspector { padding: 18px; }
.runtime-inspector p, .knowledge-inspector p { color: var(--muted); font-size: 12px; line-height: 1.5; }
.knowledge-inspector > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.knowledge-inspector h3 { margin: 4px 0 0; }
.knowledge-route-count { flex: 0 0 auto; color: var(--good); font-size: 10px; font-weight: 750; }
.knowledge-authorization-note { display: grid; gap: 3px; margin-top: 12px; padding: 10px 11px; border: 1px solid color-mix(in srgb, var(--good) 38%, var(--line)); border-radius: 7px; background: var(--good-soft); }
.knowledge-authorization-note strong { color: var(--good); font-size: 11px; }
.knowledge-authorization-note small { color: var(--muted); font-size: 9px; line-height: 1.4; }
.knowledge-route-section { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.knowledge-route-section > span { display: block; margin-bottom: 8px; color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.knowledge-inspector ul { margin: 0; padding: 0; list-style: none; }
.knowledge-inspector li { display: grid; grid-template-columns: 8px minmax(0, 1fr); align-items: start; gap: 8px; padding: 7px 0; color: var(--ink); font-size: 11px; line-height: 1.35; }
.knowledge-route-dot { width: 6px; height: 6px; margin-top: 4px; border-radius: 50%; background: var(--faint); }
.knowledge-route-dot.is-used { background: var(--good); }
.knowledge-route-unused { margin-top: 10px; border-top: 1px solid var(--line); }
.knowledge-route-unused > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 0; color: var(--muted); cursor: pointer; list-style: none; font-size: 11px; font-weight: 650; }
.knowledge-route-unused > summary::-webkit-details-marker { display: none; }
.knowledge-route-unused[open] > summary .locale-profile-expand { transform: rotate(180deg); }
.knowledge-route-unused > div { padding-bottom: 11px; }
.knowledge-route-unused > div > small { display: block; margin-top: 6px; color: var(--faint); font-size: 9px; line-height: 1.45; }
.knowledge-route-technical { padding-top: 10px; border-top: 1px solid var(--line); }
.knowledge-route-technical > summary { color: var(--faint); cursor: pointer; font-size: 9px; list-style-position: inside; }
.knowledge-route-technical > div { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; color: var(--faint); font-size: 9px; }
.knowledge-route-technical code { color: var(--muted); }
.fact-list { margin: 16px 0 0; }
.fact-list div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line); }
.fact-list dt { color: var(--muted); font-size: 11px; }
.fact-list dd { margin: 0; font-size: 11px; font-weight: 650; text-align: right; word-break: break-all; }
.stack { display: grid; gap: 12px; }
.section { padding: 17px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.section.muted { background: var(--surface-muted); }
.section-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 13px; }
.section-header h3 { margin: 0; }
.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.field { min-width: 0; }
.field.wide { grid-column: 1 / -1; }
.field-label { display: block; margin-bottom: 5px; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.field-value { min-height: 38px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-muted); line-height: 1.45; word-break: break-word; }
.source-row { display: grid; grid-template-columns: 32px minmax(0, 1fr) minmax(0, max-content); gap: 12px; align-items: center; padding: 13px 0; border-bottom: 1px solid var(--line); }
.source-row.has-selector { grid-template-columns: 22px 32px minmax(0, 1fr) minmax(0, max-content); }
.source-selector { display: grid; width: 22px; height: 32px; place-items: center; }
.source-selector input { width: 16px; height: 16px; accent-color: var(--accent); }
.source-row:last-child { border-bottom: 0; }
.source-icon { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-muted); color: var(--accent); font-weight: 800; }
.source-copy { min-width: 0; }
.source-title { display: block; min-width: 0; overflow-wrap: anywhere; color: var(--ink); font-weight: 750; line-height: 1.35; text-decoration: none; word-break: break-word; }
a.source-title:hover { color: var(--accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a.source-title:focus-visible { border-radius: 3px; color: var(--accent); }
.source-open-mark { display: inline-block; margin-left: 3px; color: var(--accent); font-size: .78em; text-decoration: none; transform: translateY(-1px); }
.source-actions { position: relative; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 8px; }
.source-actions .button, .source-actions .pill { flex: 0 0 auto; white-space: nowrap; }
.source-more { position: relative; flex: 0 0 auto; }
.source-more > summary { min-width: 58px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 7px; color: var(--muted); cursor: pointer; list-style: none; font-size: 11px; font-weight: 700; text-align: center; }
.source-more > summary::-webkit-details-marker { display: none; }
.source-more > summary::after { content: "\2026"; margin-left: 5px; color: var(--faint); letter-spacing: 1px; }
.source-more[open] > summary, .source-more > summary:hover { border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); color: var(--ink); }
.source-more-menu { position: absolute; z-index: 20; top: calc(100% + 6px); right: 0; display: grid; min-width: 190px; padding: 5px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); box-shadow: 0 12px 30px rgba(13, 17, 28, .16); }
.source-menu-action { width: 100%; padding: 9px 10px; border: 0; border-radius: 5px; background: transparent; color: var(--ink); cursor: pointer; font: inherit; font-size: 11px; font-weight: 650; text-align: left; }
.source-menu-action:hover { background: var(--surface-muted); }
.source-menu-action.is-danger { color: var(--danger); }
.source-menu-action:disabled { color: var(--faint); cursor: not-allowed; }
.source-row strong, .source-row small { display: block; }
.source-row small { margin-top: 3px; color: var(--muted); }
.source-row em { color: var(--muted); font-size: 10px; font-style: normal; }
.source-row p { max-width: 720px; margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; white-space: pre-wrap; }
.source-row.is-manual .source-icon { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); background: var(--accent-soft); }
.source-row.is-excluded { opacity: .68; }
.source-row.is-excluded .source-icon { color: var(--muted); }
.source-row-knowledge .source-icon { border-color: color-mix(in srgb, var(--accent) 38%, var(--line)); background: var(--accent-soft); }
.source-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.source-toolbar strong, .source-toolbar small { display: block; }
.source-toolbar small { margin-top: 4px; color: var(--muted); }
.source-status-stack { display: grid; }
.source-status-stack > .alert + .alert { margin-top: 12px; }
.source-batch-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 12px 0 14px; padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line)); border-radius: 12px; background: color-mix(in srgb, var(--accent-soft) 58%, var(--panel)); }
.source-batch-toolbar > label { display: flex; align-items: center; gap: 8px; font-weight: 700; }
.source-batch-toolbar > label input { width: 16px; height: 16px; accent-color: var(--accent); }
.source-batch-toolbar > div { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.source-batch-toolbar small { color: var(--muted); }
.source-list { margin-top: 14px; container-type: inline-size; }
.source-group { border-bottom: 1px solid var(--line); }
.source-group > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 0; cursor: pointer; list-style: none; }
.source-group > summary::-webkit-details-marker { display: none; }
.source-group > summary span, .source-group > summary strong, .source-group > summary small { display: block; }
.source-group > summary small { margin-top: 3px; color: var(--muted); font-weight: 500; }
.source-group > summary b { min-width: 28px; color: var(--muted); font-size: 12px; text-align: right; }
.source-group > div { padding-left: 14px; border-left: 2px solid var(--line); }
.source-empty-note { padding: 14px 0; color: var(--muted); font-size: 12px; }
.source-add-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.source-add-layout .manual-source-composer { min-width: 0; }
.linked-source-composer input[type="url"] { width: 100%; }
.source-review-panel { margin: 0 0 14px 44px; padding: 18px 20px; border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--line)); border-radius: 9px; background: color-mix(in srgb, var(--accent-soft) 28%, var(--surface)); }
.source-review-panel > header, .source-review-panel > footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.source-review-panel > header h3 { max-width: 760px; margin: 4px 0 5px; font-size: 15px; line-height: 1.4; }
.source-review-panel > header p, .source-review-panel > footer small { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.source-review-panel > footer { align-items: center; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.source-review-panel .button-row { flex: 0 0 auto; margin: 0; }
.source-document-review, .source-advanced-review { margin-top: 14px; border-top: 1px solid var(--line); }
.source-document-review summary, .source-advanced-review summary { padding: 12px 0 0; cursor: pointer; color: var(--ink); font-size: 12px; font-weight: 700; }
.source-document-review summary span { margin-left: 6px; color: var(--muted); font-weight: 500; }
.source-document-review pre { max-height: 24rem; margin: 12px 0 0; padding: 14px; overflow: auto; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--ink); font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; }
.source-advanced-review > .field-grid { margin-top: 14px; }
.source-authority-options { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 6px; margin: 0; padding: 10px; border: 1px solid var(--line); border-radius: 7px; }
.source-authority-options legend { padding: 0 5px; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.source-authority-options label { display: inline-flex; align-items: center; gap: 4px; padding: 4px 7px; border-radius: 5px; background: var(--surface); color: var(--muted); font-size: 10px; }
.source-authority-options label:has(input:checked) { background: var(--accent-soft); color: var(--accent); }
.source-authority-options label:has(input:disabled) { display: none; }
.source-fragment-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px 16px; max-height: 16rem; margin-top: 14px; overflow: auto; border-block: 1px solid var(--line); }
.source-fragment-list label { display: flex; align-items: flex-start; gap: 8px; min-width: 0; padding: 9px 2px; color: var(--muted); font-size: 11px; }
.source-fragment-list span, .source-fragment-list strong, .source-fragment-list small { min-width: 0; }
.source-fragment-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@container (max-width: 760px) {
  .source-batch-toolbar, .source-batch-toolbar > div { align-items: stretch; flex-direction: column; }
  .source-batch-toolbar .button { width: 100%; }
  .source-row { grid-template-columns: 32px minmax(0, 1fr); align-items: start; }
  .source-row.has-selector { grid-template-columns: 22px 32px minmax(0, 1fr); }
  .source-row.has-selector .source-actions { grid-column: 3; }
  .source-actions { grid-column: 2; justify-content: flex-start; max-width: none; }
  .source-more-menu { right: auto; left: 0; }
  .source-review-panel { margin-left: 0; }
  .source-review-panel > header, .source-review-panel > footer { align-items: stretch; flex-direction: column; }
  .source-fragment-list { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .source-add-layout { grid-template-columns: 1fr; }
}
.manual-source-composer { margin-bottom: 16px; padding: 20px; border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line)); border-radius: 10px; background: color-mix(in srgb, var(--accent-soft) 36%, var(--surface)); }
.manual-source-composer > header, .manual-source-composer > footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.manual-source-composer > header p { max-width: 640px; margin: 0; color: var(--muted); line-height: 1.5; }
.manual-context-help { margin-top: 16px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 72%, transparent); }
.manual-context-help > summary, .task-direction-help > summary { padding: 12px 0; color: var(--ink); font-size: 12px; font-weight: 750; cursor: pointer; }
.manual-context-help > div, .task-direction-help > div { padding: 0 0 14px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.manual-context-help p, .task-direction-help p { margin: 0 0 8px; }
.manual-context-help ul, .task-direction-help ul { margin: 8px 0 10px; padding-left: 18px; }
.manual-context-help li + li, .task-direction-help li + li { margin-top: 4px; }
.manual-source-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; margin-top: 20px; }
.manual-source-content { grid-column: 1 / -1; }
.manual-source-title { max-width: 620px; }
.manual-source-composer > footer { align-items: center; padding-top: 16px; border-top: 1px solid var(--line); }
.manual-source-composer > footer small { color: var(--muted); }
.task-update-preview pre { margin: 8px 0 0; padding: 12px; max-height: 240px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--ink); font: inherit; line-height: 1.5; }
.task-update-dialog { position: relative; width: min(920px, 100%); }
.task-update-dialog-body { padding: 22px; }
.task-update-dialog-body > .manual-source-composer { margin: 0; }
.task-update-impact { margin: 18px 0; padding: 14px 16px; border-left: 3px solid var(--accent); background: color-mix(in srgb, var(--accent-soft) 52%, var(--surface)); }
.task-update-impact p { margin: 5px 0 0; color: var(--muted); line-height: 1.5; }
.rule-list { margin: 0; padding-left: 20px; }
.rule-list li { padding: 5px 0; line-height: 1.45; }
.decision { padding: 20px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.decision-heading h3 { margin: 4px 0 6px; }
.decision-heading p { max-width: 760px; margin: 0 0 16px; color: var(--muted); line-height: 1.5; }
.decision fieldset { margin: 0; padding: 0; border: 0; }
.radio-option { display: flex; gap: 9px; align-items: flex-start; padding: 9px; margin-top: 6px; border: 1px solid var(--line); border-radius: 7px; cursor: pointer; }
.radio-option:has(input:checked) { border-color: var(--accent); background: var(--accent-soft); }
.radio-option small { display: block; margin-top: 2px; color: var(--muted); }
.decision-answer { display: grid; gap: 7px; margin-top: 16px; }
.decision-answer[hidden] { display: none; }
.decision-answer > span { color: var(--ink); font-size: 12px; font-weight: 750; }
.decision-answer textarea { min-height: 112px; resize: vertical; }
.decision-answer input[type="number"] { max-width: 220px; }
.decision-answer small { color: var(--muted); }
.decision-submit { margin-top: 16px; }
.source-capture-decision { padding: 20px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.source-capture-decision > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.source-capture-decision h3 { margin: 4px 0 6px; }
.source-capture-decision header p { max-width: 720px; margin: 0; color: var(--muted); line-height: 1.5; }
.source-capture-decision ul { margin: 18px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.source-capture-decision li { display: flex; justify-content: space-between; gap: 20px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.source-capture-decision li span { min-width: 0; overflow-wrap: anywhere; }
.source-capture-decision .linked-document-url { min-width: 0; color: var(--ink); text-decoration-color: color-mix(in srgb, var(--accent) 55%, transparent); text-decoration-thickness: 1px; text-underline-offset: 4px; overflow-wrap: anywhere; }
.source-capture-decision .linked-document-url:hover { color: var(--accent); text-decoration-color: currentColor; }
.source-capture-decision .linked-document-url:focus-visible { border-radius: 3px; outline: 2px solid var(--accent); outline-offset: 3px; }
.source-capture-decision li small { flex: 0 0 auto; color: var(--muted); }
.source-capture-decision footer { display: flex; justify-content: flex-end; gap: 10px; padding-top: 18px; }
@media (max-width: 720px) {
  .source-capture-decision > header, .source-capture-decision li, .source-capture-decision footer { align-items: stretch; flex-direction: column; }
  .source-capture-decision footer .button { width: 100%; }
}
.locale-decision { padding: 20px; border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--line)); border-radius: 10px; background: var(--surface); container-type: inline-size; }
.locale-decision > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.locale-decision > header > div { min-width: 0; }
.locale-decision h3 { margin: 3px 0 6px; }
.locale-decision header p { max-width: 720px; margin: 0; color: var(--muted); line-height: 1.5; }
.locale-decision header .button { flex: 0 0 auto; white-space: nowrap; }
.locale-mapping-head, .locale-mapping-row { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(260px, 1.3fr); gap: 18px; align-items: center; }
.locale-mapping-head { padding: 16px 0 7px; color: var(--faint); font-size: 10px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.locale-mapping-row { padding: 13px 0; border-bottom: 1px solid var(--line); }
.locale-market { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.locale-market strong { font-size: 14px; }
.locale-market > span { color: var(--accent); font-size: 12px; font-weight: 800; }
.locale-market small { margin-left: auto; color: var(--faint); font-size: 10px; }
.locale-mapping-row label > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.locale-exclusion label > span { display: block; margin-bottom: 5px; color: var(--muted); font-size: 10px; font-weight: 700; }
.locale-mapping-row select, .locale-exclusion textarea { width: 100%; min-width: 0; padding: 9px 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-muted); color: var(--ink); }
.locale-mapping-row select:focus, .locale-exclusion textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.locale-decision-action { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 16px; }
.locale-decision-action small { max-width: 560px; color: var(--muted); line-height: 1.45; }
.locale-stale-action { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 18px; }
.locale-stale-action p { margin: 0; color: var(--muted); line-height: 1.5; }
.locale-decision-stale > details { margin-top: 16px; color: var(--muted); font-size: 11px; }
.locale-decision-stale > details code { display: block; margin-top: 8px; color: var(--muted); }
.locale-exclusion { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.locale-exclusion summary { cursor: pointer; color: var(--muted); font-weight: 700; }
.locale-exclusion[open] summary { color: var(--danger); }
.locale-exclusion form { max-width: 720px; padding-top: 12px; }
.locale-exclusion form p { margin: 0 0 12px; color: var(--muted); line-height: 1.45; }
.locale-exclusion textarea { min-height: 76px; resize: vertical; }
.locale-exclusion .button { margin-top: 12px; }
@container (max-width: 660px) {
  .locale-decision > header, .locale-decision-action, .locale-stale-action { align-items: stretch; flex-direction: column; }
  .locale-decision header .button, .locale-decision-action .button, .locale-stale-action .button { width: 100%; }
  .locale-mapping-head { display: none; }
  .locale-mapping-row { grid-template-columns: 1fr; gap: 10px; align-items: start; }
  .locale-market small { margin-left: 0; }
  .locale-mapping-row label > span { position: static; width: auto; height: auto; margin-bottom: 5px; overflow: visible; clip-path: none; color: var(--muted); font-size: 10px; font-weight: 700; white-space: normal; }
}
.alert { display: flex; gap: 10px; padding: 13px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.alert[hidden] { display: none; }
.alert.warn { border-color: color-mix(in srgb, var(--warn) 35%, var(--line)); background: var(--warn-soft); color: var(--warn); }
.alert.good { border-color: color-mix(in srgb, var(--good) 35%, var(--line)); background: var(--good-soft); color: var(--good); }
.alert div { color: inherit; }
.alert small { display: block; margin-top: 3px; opacity: .85; }
.generation-status-stack { display: grid; gap: 12px; }
.task-analysis-notice { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 14px; margin: 0 0 18px; padding: 15px 18px; border-top: 1px solid color-mix(in srgb, var(--accent) 46%, var(--line)); border-bottom: 1px solid color-mix(in srgb, var(--accent) 46%, var(--line)); background: color-mix(in srgb, var(--accent-soft) 36%, transparent); }
.task-analysis-notice > div { display: grid; gap: 3px; min-width: 0; }
.task-analysis-notice strong { font-size: 14px; line-height: 1.35; }
.task-analysis-notice small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.task-analysis-spinner { width: 18px; height: 18px; border: 2px solid color-mix(in srgb, var(--accent) 24%, transparent); border-top-color: var(--accent); border-radius: 50%; animation: generation-spin .72s linear infinite; }
.task-analysis-track { display: block; height: 2px; margin-top: 7px; overflow: hidden; background: color-mix(in srgb, var(--accent) 14%, transparent); }
.task-analysis-track i { display: block; width: 32%; height: 100%; background: linear-gradient(90deg, transparent, var(--accent), transparent); animation: generation-sweep 1.15s cubic-bezier(.4, 0, .2, 1) infinite; }
.task-analysis-phase { align-self: start; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.task-analysis-notice.is-failed { border-color: color-mix(in srgb, var(--danger) 48%, var(--line)); background: color-mix(in srgb, var(--danger) 7%, transparent); }
.task-analysis-mark { display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid var(--danger); border-radius: 50%; color: var(--danger); font-size: 11px; font-weight: 800; }
.line-table tr.is-starting { pointer-events: none; opacity: .7; }
.button-row { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 16px; }
.button { min-height: 36px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--ink); cursor: pointer; font-weight: 650; }
.button:hover { border-color: var(--line-strong); background: var(--surface-muted); }
.button.primary { border-color: var(--accent); background: var(--accent); color: #fff; }
.button.primary:hover { filter: brightness(1.06); }
.button.danger { color: var(--danger); }
.durable-operation-actions { display: grid; justify-items: end; gap: 9px; align-self: stretch; }
.durable-operation-notice.is-cancelling { border-color: color-mix(in srgb, var(--warn) 42%, var(--line)); }
.durable-operation-notice.is-cancelled { border-color: color-mix(in srgb, var(--muted) 32%, var(--line)); background: color-mix(in srgb, var(--surface) 88%, var(--accent-soft)); }
.durable-operation-notice.is-cancelled .durable-operation-error { color: var(--muted); }
.button.block { width: 100%; }
.button:disabled { opacity: .43; cursor: not-allowed; filter: none; }
.jira-sync-button[aria-busy="true"] { opacity: 1; color: var(--muted); cursor: wait; }
.checkbox-line { display: flex; align-items: flex-start; gap: 9px; margin-top: 16px; color: var(--muted); line-height: 1.4; }
.source-preview { display: block; max-height: 8.4em; margin-top: 8px; padding: 9px 10px; overflow: auto; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--ink); font-size: 12px; white-space: pre-wrap; }
.source-full-review { margin: 8px 0 0 30px; }
.source-full-review summary { cursor: pointer; color: var(--accent); font-size: 12px; font-weight: 700; }
.source-full-review pre { max-height: 26rem; margin: 8px 0 0; padding: 12px; overflow: auto; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--ink); font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; }
.hash { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; overflow-wrap: anywhere; word-break: break-word; }

.flow-header { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 18px; }
.flow-header .button { flex: 0 0 auto; }
.flow-title { flex: 1; }
.flow-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 18px; align-items: start; }
.asset-tabs { display: flex; gap: 4px; overflow-x: auto; padding: 7px; border-bottom: 1px solid var(--line); }
.asset-tab { padding: 8px 12px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); cursor: pointer; white-space: nowrap; }
.asset-tab.is-active { background: var(--accent-soft); color: var(--accent); font-weight: 700; }
.editor { padding: 22px; }
.editor-field { margin-bottom: 17px; }
.editor-field label { display: flex; justify-content: space-between; margin-bottom: 6px; color: var(--muted); font-size: 11px; }
.editor-field input, .editor-field textarea { width: 100%; padding: 10px 11px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--ink); resize: vertical; line-height: 1.5; }
.editor-field textarea { min-height: 90px; }
.editor-field input:focus, .editor-field textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.editor-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 8px; }
.editor-footer small { color: var(--muted); }
.constraint-row { padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
.constraint-row:last-child { border-bottom: 0; }

.review-document { padding: 26px; }
.review-asset { padding: 20px 0; border-bottom: 1px solid var(--line); }
.review-asset:last-child { border-bottom: 0; }
.review-asset h3 { color: var(--accent); }
.review-asset dl { display: grid; gap: 10px; }
.review-asset dl div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 15px; }
.review-asset dt { color: var(--muted); font-size: 11px; }
.review-asset dd { margin: 0; line-height: 1.5; }

.jira-brief { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.jira-brief > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 20px 22px; background: var(--surface-muted); border-bottom: 1px solid var(--line); }
.jira-brief > header h3 { margin: 0; font-size: 18px; }
.brief-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.brief-meta span { min-width: 0; padding: 12px 16px; border-right: 1px solid var(--line); }
.brief-meta span:last-child { border-right: 0; }
.brief-meta small, .brief-meta strong { display: block; }
.brief-meta small { margin-bottom: 4px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.brief-meta strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.jira-brief-copy { padding: 24px 22px 26px; font-size: 15px; line-height: 1.72; white-space: pre-wrap; }
.review-section { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--line); }
.review-section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.review-section-heading h3 { margin: 0; font-size: 18px; }
.review-section-heading small { color: var(--muted); }
.review-heading-actions { display: flex; align-items: center; gap: 12px; }
.section-toggle { width: 34px; height: 34px; display: grid; flex: 0 0 34px; place-items: center; padding: 0; border: 1px solid var(--line-strong); border-radius: 7px; background: transparent; color: var(--accent); cursor: pointer; transition: border-color .16s ease, background .16s ease, color .16s ease; }
.section-toggle:hover { border-color: var(--accent); background: var(--accent-soft); }
.section-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.section-toggle-mark { position: relative; width: 14px; height: 14px; display: block; }
.section-toggle-mark::before, .section-toggle-mark::after { position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; border-radius: 2px; background: currentColor; content: ""; transform: translate(-50%, -50%); }
.section-toggle-mark::after { transform: translate(-50%, -50%) rotate(90deg); }
.section-toggle[aria-expanded="true"] .section-toggle-mark::after { opacity: 0; }
.source-usage-section { padding-top: 26px; }
.source-usage-section .review-section-heading { margin-bottom: 0; }
.source-usage-section .source-usage-list { margin-top: 18px; border-top: 0; }
.plan-section-copy { max-width: 680px; margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.evidence-list, .deliverable-list, .source-usage-list { border-top: 1px solid var(--line); }
.evidence-row { display: grid; grid-template-columns: 120px minmax(0, 1fr) minmax(150px, .65fr); gap: 18px; align-items: baseline; padding: 13px 2px; border-bottom: 1px solid var(--line); }
.evidence-row > span { color: var(--muted); font-size: 11px; }
.evidence-row > strong { font-size: 13px; line-height: 1.45; }
.evidence-row > small { color: var(--faint); text-align: right; }
.jira-links { display: grid; border-top: 1px solid var(--line); }
.jira-links a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; padding: 13px 2px; border-bottom: 1px solid var(--line); text-decoration: none; }
.jira-links a:hover span { color: var(--accent); }
.jira-links small { color: var(--muted); }

.deliverable-line { display: grid; grid-template-columns: 120px 80px minmax(0, 1fr); gap: 16px; align-items: baseline; padding: 13px 2px; border-bottom: 1px solid var(--line); }
.deliverable-line > span { color: var(--muted); font-size: 11px; }
.deliverable-line > strong { text-transform: capitalize; }
.deliverable-line > small { color: var(--muted); line-height: 1.45; }
.clarification-round { border: 1px solid var(--warn-border); border-radius: 16px; padding: 22px; background: var(--warn-soft); }
.clarification-round .plan-decisions { margin-top: 18px; }
.task-understanding-summary { max-width: 920px; color: var(--text-soft); font-size: 15px; line-height: 1.6; }
.plan-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 20px 0 0; border-block: 1px solid var(--line); }
.plan-facts > div { display: grid; gap: 5px; min-width: 0; padding: 14px 18px 14px 0; }
.plan-facts > div + div { padding-left: 18px; border-left: 1px solid var(--line); }
.plan-facts span { color: var(--faint); font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.plan-facts strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.plan-coverage-status { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; align-items: center; margin-top: 17px; padding: 12px 14px; border-left: 2px solid var(--good); background: var(--good-soft); }
.plan-coverage-status.is-attention { border-left-color: var(--warn); background: var(--warn-soft); }
.plan-coverage-status > span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: var(--good); color: white; font-size: 12px; font-weight: 800; }
.plan-coverage-status.is-attention > span { background: var(--warn); }
.plan-coverage-status strong, .plan-coverage-status small { display: block; }
.plan-coverage-status strong { font-size: 12px; }
.plan-coverage-status small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.plan-output-list { display: grid; }
.plan-output-row { display: grid; grid-template-columns: 30px minmax(0, 1fr) minmax(88px, auto); gap: 14px; align-items: center; min-height: 76px; padding: 13px 2px; }
.plan-output-row + .plan-output-row { border-top: 1px solid var(--line); }
.plan-output-number { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--accent); font-size: 9px; font-weight: 800; }
.plan-output-row strong, .plan-output-row p { display: block; }
.plan-output-row strong { font-size: 14px; }
.plan-output-row p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.plan-output-row > small { color: var(--accent); font-size: 10px; font-weight: 700; text-align: right; }
.plan-provenance-list { display: grid; border-top: 1px solid var(--line); }
.plan-provenance-row { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 14px; padding: 16px 2px; border-bottom: 1px solid var(--line); }
.plan-provenance-row > div { min-width: 0; }
.plan-provenance-mark { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 7px; color: var(--accent); font-size: 10px; font-weight: 800; }
.plan-provenance-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 12px; }
.plan-provenance-title strong { font-size: 13px; }
.plan-provenance-title small { color: var(--faint); font-size: 10px; }
.plan-provenance-row p { max-width: 820px; margin: 6px 0 8px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.plan-provenance-sources { display: flex; flex-wrap: wrap; gap: 5px; }
.plan-provenance-sources span { max-width: 100%; padding: 3px 6px; overflow-wrap: anywhere; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-muted); color: var(--muted); font-size: 9px; line-height: 1.35; }
.plan-fallback-reason { margin-top: 12px; border-left: 2px solid var(--warn); padding: 9px 12px; background: var(--warn-soft); }
.plan-fallback-reason summary { color: var(--text); cursor: pointer; font-size: 11px; font-weight: 700; }
.plan-fallback-reason p { margin: 7px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.plan-precedent-evidence { margin-top: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }
.plan-precedent-evidence > summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 16px; cursor: pointer; list-style: none; }
.plan-precedent-evidence > summary::-webkit-details-marker { display: none; }
.plan-precedent-evidence > summary span:first-child { display: grid; gap: 3px; }
.plan-precedent-evidence > summary strong { font-size: 12px; }
.plan-precedent-evidence > summary small, .plan-precedent-evidence > summary span:last-child { color: var(--muted); font-size: 10px; }
.plan-precedent-boundary { margin: 0 16px 12px; padding: 10px 12px; border-left: 2px solid var(--line-strong); background: var(--surface-muted); }
.plan-precedent-boundary strong { font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.plan-precedent-boundary p { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.precedent-evidence-list { border-top: 1px solid var(--line); }
.precedent-evidence-row { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(240px, 1.2fr) auto; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.precedent-evidence-row > div:first-child { display: grid; gap: 3px; min-width: 0; }
.precedent-evidence-row a, .precedent-evidence-row strong { color: var(--text); font-size: 11px; font-weight: 700; }
.precedent-evidence-row small { color: var(--muted); font-size: 9px; line-height: 1.4; }
.precedent-covered-note { margin: 12px 16px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.precedent-scan-errors { display: grid; gap: 4px; margin: 12px 16px; }
.precedent-scan-errors small { color: var(--muted); }
.plan-requirement-list { display: grid; margin: 0; padding: 0; list-style: none; }
.plan-requirement-list li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; padding: 12px 2px; }
.plan-requirement-list li + li { border-top: 1px solid var(--line); }
.plan-requirement-list li > span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--good-soft); color: var(--good); font-size: 10px; font-weight: 800; }
.plan-requirement-list strong { padding-top: 2px; font-size: 12px; font-weight: 600; line-height: 1.5; }
.plan-all-requirements { margin-top: 10px; }
.plan-simple-steps { display: grid; margin: 0; padding: 0; list-style: none; }
.plan-simple-steps li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 15px; padding: 16px 2px; }
.plan-simple-steps li + li { border-top: 1px solid var(--line); }
.plan-simple-steps li > span { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid var(--accent); border-radius: 50%; color: var(--accent); font-size: 10px; font-weight: 800; }
.plan-simple-steps strong { font-size: 13px; }
.plan-simple-steps p { max-width: 760px; margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.source-use { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 14px; padding: 17px 2px; border-bottom: 1px solid var(--line); }
.source-usage-list .source-use:last-child { border-bottom: 0; }
.source-use-mark { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 7px; color: var(--accent); font-size: 11px; font-weight: 800; }
.source-use-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.source-use p { max-width: 760px; margin: 7px 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.source-use small { display: block; margin-top: 8px; overflow: hidden; color: var(--faint); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.provenance-detail { margin-top: 9px; }
.provenance-detail summary { cursor: pointer; color: var(--accent); font-size: 11px; font-weight: 700; }
.provenance-detail p { margin: 7px 0 0; padding-left: 10px; border-left: 2px solid var(--line); color: var(--faint); font-size: 10px; }
.tag-row { display: flex; flex-wrap: wrap; gap: 5px; }
.tag-row span { padding: 3px 6px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-muted); color: var(--muted); font: 10px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.rules-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; list-style: none; }
.rules-disclosure > summary::-webkit-details-marker { display: none; }
.rules-disclosure > summary strong, .rules-disclosure > summary small { display: block; }
.rules-disclosure > summary small { margin-top: 4px; color: var(--muted); }
.rules-disclosure > summary > span:last-child { color: var(--accent); font-size: 12px; font-weight: 700; }
.constraint-list { margin-top: 16px; border-top: 1px solid var(--line); }
.plan-decisions:not(:empty) { margin-top: 24px; }
.constraint-explained { display: grid; gap: 7px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.rules-disclosure .constraint-explained:last-child { border-bottom: 0; }
.constraint-explained > strong { line-height: 1.5; }
.constraint-explained > small { color: var(--muted); }
.context-boundary-heading { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 24px; }
.context-boundary-heading h3 { margin: 0; }
.context-boundary-heading p { max-width: 680px; margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.technical-boundaries { flex: 0 0 auto; }
.technical-boundaries > summary { display: flex; justify-content: flex-end; padding-top: 17px; color: var(--accent); cursor: pointer; font-size: 12px; font-weight: 700; list-style: none; outline: none; white-space: nowrap; }
.technical-boundaries > summary::-webkit-details-marker { display: none; }
.technical-boundaries-label { display: flex; align-items: center; gap: 7px; border-radius: 4px; }
.technical-boundaries > summary:focus-visible .technical-boundaries-label { outline: 2px solid var(--accent); outline-offset: 3px; }
.technical-boundaries-count { min-width: 19px; padding: 2px 5px; border-radius: 999px; background: var(--accent-soft); font-size: 10px; text-align: center; }
.technical-boundaries[open] { flex: 1 1 100%; width: 100%; }
.technical-boundaries[open] > summary { justify-content: flex-end; }
.technical-boundaries .constraint-list { margin-top: 14px; }
.technical-boundaries .constraint-explained:last-child { border-bottom: 0; }
.approval-composer, .approval-receipt { margin-top: 24px; padding: 22px; border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line)); border-radius: 10px; background: var(--accent-soft); }
.approval-composer > div > p { max-width: 700px; color: var(--muted); line-height: 1.55; }
.approval-composer > label:not(.checkbox-line), .review-note { display: grid; gap: 7px; margin-top: 18px; }
.approval-composer textarea, .review-note textarea { width: 100%; min-height: 96px; padding: 11px 12px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); color: var(--ink); resize: vertical; line-height: 1.5; }
.approval-composer label > span, .review-note > span { font-size: 11px; font-weight: 700; }
.approval-composer label > small { color: var(--muted); }
.plan-approval-simple > div > p { margin-bottom: 0; }
.plan-change-request { margin-top: 16px; border-block: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); }
.plan-change-request > summary { min-height: 44px; display: flex; align-items: center; justify-content: space-between; color: var(--accent); cursor: pointer; font-size: 11px; font-weight: 700; list-style: none; }
.plan-change-request > summary::-webkit-details-marker { display: none; }
.plan-change-request > summary::after { content: "+"; font-size: 17px; font-weight: 450; }
.plan-change-request[open] > summary::after { content: "−"; }
.plan-change-request .task-direction-field { display: grid; gap: 7px; padding-bottom: 16px; }
.plan-change-request textarea { margin-top: 0; }
.plan-adjustment-composer { border-style: dashed; margin-top: 16px; }
.plan-adjustment-composer form, .plan-amendment-record { display: grid; gap: 10px; }
.plan-adjustment-composer .task-direction-field { display: grid; gap: 7px; margin-top: 16px; }
.plan-amendment-record { border: 1px solid var(--line); border-radius: 10px; padding: 14px; background: var(--surface); }
.plan-amendment-record header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.plan-amendment-record p, .plan-amendment-record small { margin: 0; }
.plan-amendment-record.is-inactive { opacity: .68; }
.plan-amendment-diff { display: grid; gap: 8px; padding: 12px 0; border-top: 1px solid var(--line); }
.plan-amendment-diff > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.plan-amendment-diff section { min-width: 0; padding: 10px; border-radius: 8px; background: var(--surface); }
.plan-amendment-diff ul { margin: 6px 0 0; padding-left: 18px; overflow-wrap: anywhere; }
.plan-amendment-replace { border-top: 1px solid var(--line); padding-top: 10px; }
.plan-amendment-replace form { display: grid; gap: 10px; margin-top: 10px; }
@media (max-width: 720px) { .plan-amendment-diff > div { grid-template-columns: 1fr; } }
.task-direction-field > span small { color: var(--faint); font-weight: 650; }
.task-direction-help { margin: 12px 0 0; border-top: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); border-bottom: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); }
.task-direction-boundary { display: block; margin-top: 12px; color: var(--muted); line-height: 1.5; }
.approval-receipt { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.approval-receipt h3 { margin-bottom: 8px; }
.approval-receipt p { margin-bottom: 8px; white-space: pre-wrap; }
.approval-receipt small { color: var(--muted); }
.approval-check { flex: 0 0 auto; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--good); color: white; font-size: 19px; }

.copy-review { display: grid; gap: 22px; }
.review-guidance { display: grid; grid-template-columns: 28px minmax(0, 1fr) 28px minmax(0, 1fr); gap: 10px 14px; align-items: center; margin: 12px 0 20px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-muted); }
.review-guidance > span { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid var(--accent); border-radius: 50%; color: var(--accent); font-size: 11px; font-weight: 800; }
.review-guidance strong, .review-guidance small { display: block; }
.review-guidance small { margin-top: 3px; color: var(--muted); line-height: 1.4; }
.warning-resolution { margin: 10px 0 20px; padding: 16px; border: 1px solid color-mix(in srgb, var(--warn) 35%, var(--line)); border-radius: 9px; background: color-mix(in srgb, var(--warn-soft) 52%, var(--surface)); }
.warning-resolution > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.warning-resolution > header h3 { margin-bottom: 4px; }
.warning-resolution > header p { max-width: 720px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.warning-resolution > header .button { flex: 0 0 auto; }
.warning-resolution ol { display: grid; gap: 0; margin: 14px 0 11px; padding: 0; list-style: none; border-block: 1px solid var(--line); }
.warning-resolution li { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.warning-resolution li:last-child { border-bottom: 0; }
.warning-resolution li > span { color: var(--accent); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.warning-resolution li.is-later > span { color: var(--good); }
.warning-resolution li strong, .warning-resolution li p { display: block; }
.warning-resolution li p { margin: 3px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.warning-resolution code { padding: 1px 4px; border-radius: 4px; background: var(--surface); color: var(--ink); font-size: 10px; }
.warning-resolution > small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.review-warning-list { overflow: hidden; margin: 10px 0; border: 1px solid color-mix(in srgb, var(--warn) 38%, var(--line)); border-radius: 9px; background: color-mix(in srgb, var(--warn-soft) 34%, var(--surface)); }
.review-warning-list > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.review-warning-list > header h3 { margin: 3px 0 0; font-size: 15px; }
.review-warning-group { background: color-mix(in srgb, var(--surface) 84%, transparent); }
.review-warning-group + .review-warning-group { border-top: 1px solid var(--line-strong); }
.review-warning-group > h4 { margin: 0; padding: 9px 16px 7px; color: var(--faint); font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }
.review-warning-group.is-blocking > h4 { color: var(--danger); }
.review-warning-item { border-top: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 88%, transparent); }
.review-warning-item.is-blocking { box-shadow: inset 3px 0 0 var(--danger); }
.review-warning-item > summary { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 11px 16px; cursor: pointer; list-style: none; }
.review-warning-item > summary::-webkit-details-marker { display: none; }
.review-warning-item > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.review-warning-item > summary > span:nth-child(2) { min-width: 0; }
.review-warning-item > summary strong, .review-warning-item > summary small { display: block; }
.review-warning-item > summary strong { font-size: 12px; }
.review-warning-item > summary small { overflow: hidden; margin-top: 2px; color: var(--muted); font-size: 11px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.review-warning-state { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--warn-soft); color: var(--warn); font-size: 11px; font-weight: 850; }
.review-warning-item.is-blocking .review-warning-state { background: var(--danger-soft); color: var(--danger); }
.review-warning-expand { color: var(--accent); font-size: 10px; font-weight: 700; }
.review-warning-item[open] .review-warning-expand { font-size: 0; }
.review-warning-item[open] .review-warning-expand::after { content: "Hide"; font-size: 10px; }
.review-warning-details { padding: 0 16px 14px 50px; }
.review-warning-details > p { margin: 0; color: var(--ink); font-size: 12px; line-height: 1.55; }
.review-warning-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 11px; color: var(--muted); font-size: 11px; }
.review-warning-meta > span { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.review-warning-meta b, .review-warning-action b { color: var(--faint); font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.review-warning-meta code { padding: 2px 5px; border-radius: 4px; background: var(--surface-muted); color: var(--accent); font-size: 10px; }
.review-warning-action { display: block; margin-top: 10px; color: var(--muted); line-height: 1.45; }
.review-warning-cta { margin-top: 10px; padding-inline: 0; }
.review-warning-list > footer { padding: 10px 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; line-height: 1.45; }
.copy-asset { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.copy-asset > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 17px 18px; background: var(--surface-muted); border-bottom: 1px solid var(--line); }
.copy-asset > header h3 { margin: 0; font-size: 17px; }
.copy-field { padding: 0 18px; border-bottom: 1px solid var(--line); }
.copy-field:last-child { border-bottom: 0; }
.copy-field.is-active { background: color-mix(in srgb, var(--accent-soft) 24%, var(--surface)); }
.copy-field.is-selected { background: color-mix(in srgb, var(--accent-soft) 48%, var(--surface)); }
.copy-field.is-editing { background: color-mix(in srgb, var(--accent-soft) 28%, var(--surface)); }
.copy-field-row { min-width: 0; }
.copy-field.is-selectable .copy-field-row { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 12px; }
.copy-field-content { min-width: 0; }
.copy-field-select { padding-top: 18px; }
.copy-field-select input { width: 16px; height: 16px; margin: 0; accent-color: var(--accent); cursor: pointer; }
.copy-field-select input:disabled { cursor: default; }
.copy-field-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 14px; }
.copy-field-head > div > span, .copy-field-head > div > small { display: block; }
.copy-field-head > div > span { font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.copy-field-head > div > small { margin-top: 3px; color: var(--faint); font-size: 10px; }
.edit-button { display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px; border: 0; border-radius: 6px; background: transparent; color: var(--accent); cursor: pointer; font-size: 11px; font-weight: 700; }
.edit-button:hover { background: var(--accent-soft); }
.edit-button.is-active { background: var(--accent-soft); color: var(--accent); }
.copy-value { padding: 13px 0 17px; font-size: 15px; line-height: 1.62; white-space: pre-wrap; }
.copy-value-part + .copy-value-part { margin-top: 15px; }
.copy-value-part.is-greeting { font-weight: 700; }
.placeholder-row { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding: 10px 0 14px; border-top: 1px dashed var(--line); }
.placeholder-row > span { margin-right: 3px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }
.placeholder-row code { padding: 3px 6px; border-radius: 5px; background: var(--surface-muted); color: var(--accent); font-size: 10px; }
.review-note { margin-top: 18px; }
.english-approval-gate { margin-top: 24px; border-color: color-mix(in srgb, var(--accent) 34%, var(--line)); background: color-mix(in srgb, var(--accent-soft) 44%, var(--surface)); }
.english-approval-gate > h3 { margin-top: 5px; }
.english-approval-confirm { padding: 13px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); }
.english-approval-confirm > span { display: grid; gap: 4px; }
.english-approval-confirm strong { font-size: 12px; }
.english-approval-confirm small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.review-note > span small { color: var(--faint); font-weight: 600; }
.english-blocker-override { padding-left: 13px; border-left: 2px solid var(--danger); }
.english-blocker-override > span small { color: var(--danger); }
.unsaved-review-action { margin-top: 8px; }
[data-editor-locale] + [data-unsaved-review] { margin-top: 12px; }
.english-approval-gate.is-blocked, .locale-approval-gate.is-blocked { border-color: color-mix(in srgb, var(--danger) 42%, var(--line)); background: color-mix(in srgb, var(--danger-soft) 34%, var(--surface)); }
.english-review-phase { margin-top: 36px; padding-top: 22px; border-top: 1px solid var(--line-strong); }
.english-review-phase > header { margin-bottom: 13px; }
.english-review-phase > header h2 { margin: 4px 0 5px; font-size: 18px; }
.english-review-phase > header p { max-width: 760px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.english-review-phase > .alert + .alert { margin-top: 12px; }
.english-review-phase > .alert + .english-linguist-review { margin-top: 12px; }
.english-review-phase.is-running { cursor: progress; }
.durable-operation-notice { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: start; gap: 14px; margin: 0 0 16px; padding: 16px 17px; border: 1px solid color-mix(in srgb, var(--accent) 44%, var(--line)); border-radius: 9px; background: color-mix(in srgb, var(--accent-soft) 46%, var(--surface)); }
.durable-operation-notice > div { min-width: 0; display: grid; gap: 4px; }
.durable-operation-notice > div > strong { font-size: 14px; line-height: 1.35; }
.durable-operation-notice > div > small { max-width: 820px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.durable-operation-notice > .generation-status-spinner { margin-top: 2px; }
.durable-operation-attempt { align-self: start; color: var(--faint); font-size: 10px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
.durable-operation-track { display: block; height: 3px; margin-top: 7px; overflow: hidden; border-radius: 99px; background: color-mix(in srgb, var(--accent) 13%, var(--surface)); }
.durable-operation-track i { display: block; width: 34%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, transparent, var(--accent), transparent); animation: generation-sweep 1.15s cubic-bezier(.4, 0, .2, 1) infinite; }
.durable-operation-notice.is-failed { grid-template-columns: 22px minmax(0, 1fr) auto; border-color: color-mix(in srgb, var(--danger) 45%, var(--line)); background: color-mix(in srgb, var(--danger-soft) 40%, var(--surface)); }
.durable-operation-error { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--danger); color: #fff; font-size: 11px; font-weight: 850; }
.durable-operation-notice.is-failed > .button { align-self: center; }
.durable-operation-steps { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 8px; }
.durable-operation-steps span { padding: 5px 8px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--faint); font-size: 10px; font-weight: 720; }
.durable-operation-steps span.is-active { border-color: color-mix(in srgb, var(--accent) 50%, var(--line)); color: var(--accent); animation: review-step-pulse 1.25s ease-in-out infinite alternate; }
.durable-operation-steps span.is-complete { border-color: color-mix(in srgb, var(--good) 36%, var(--line)); background: var(--good-soft); color: var(--good); }
.human-exception-gate { border-color: color-mix(in srgb, var(--warn) 52%, var(--line)); background: color-mix(in srgb, var(--warn-soft) 45%, var(--surface)); }
.human-exception-boundary { display: grid; gap: 4px; margin: 16px 0 2px; padding: 12px 13px; border-left: 3px solid var(--warn); background: color-mix(in srgb, var(--surface) 68%, transparent); }
.human-exception-boundary strong { font-size: 12px; }
.human-exception-boundary small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.english-human-exception-check { padding: 12px 13px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.english-human-exception-check:has(input:checked) { border-color: color-mix(in srgb, var(--warn) 45%, var(--line)); }
.english-human-exception-check > span { display: grid; gap: 3px; }
.english-human-exception-check strong { color: var(--ink); font-size: 12px; }
.english-human-exception-check small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.english-human-exception-reason textarea:invalid { border-color: color-mix(in srgb, var(--warn) 45%, var(--line)); }
.approval-receipt.is-exception { border-color: color-mix(in srgb, var(--warn) 44%, var(--line)); background: color-mix(in srgb, var(--warn-soft) 48%, var(--surface)); }
.approval-receipt.is-exception .approval-check { background: var(--warn); }
.english-handoff { position: relative; margin: 28px 0 20px; padding: 22px 0; border-block: 1px solid var(--line-strong); }
.english-handoff > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: start; margin-bottom: 16px; }
.english-handoff > header h3 { margin: 4px 0 6px; font-size: 18px; }
.english-handoff > header p { max-width: 760px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.english-handoff-step { display: inline-grid; place-items: center; width: 30px; height: 30px; border: 1px solid color-mix(in srgb, var(--accent) 54%, var(--line)); border-radius: 50%; color: var(--accent); font-weight: 800; background: var(--accent-soft); }
.english-handoff-actions { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: var(--surface); }
.english-handoff-action { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 12px 18px; padding: 15px 17px; border-bottom: 1px solid var(--line); }
.english-handoff-action > div:first-child { display: grid; gap: 4px; }
.english-handoff-action small, .english-handoff-lock { color: var(--muted); line-height: 1.45; }
.english-handoff-action.is-sent { background: color-mix(in srgb, var(--good-soft) 34%, var(--surface)); }
.english-handoff-more > summary { padding: 12px 17px; color: var(--muted); font-size: 12px; font-weight: 700; cursor: pointer; }
.english-handoff-more[open] > summary { border-bottom: 1px solid var(--line); }
.english-handoff-more .english-handoff-action { border-bottom: 0; }
.english-handoff-lock { display: block; margin-top: 10px; font-size: 12px; }
.english-handoff.is-locked .english-handoff-actions { opacity: .72; }
.english-approval-gate { position: relative; }
.english-approval-gate > .english-handoff-step { position: absolute; top: 16px; right: 16px; }
.english-review-running { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 15px; align-items: start; padding: 17px 18px; border: 1px solid color-mix(in srgb, var(--accent) 48%, var(--line)); border-radius: 9px; background: color-mix(in srgb, var(--accent-soft) 48%, var(--surface)); }
.english-review-running-indicator { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, var(--line)); }
.english-review-running-indicator .generation-status-spinner { width: 20px; height: 20px; }
.english-review-running-copy h3 { margin: 4px 0 5px; font-size: 16px; }
.english-review-running-copy p { max-width: 760px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.english-review-running-copy > small { display: block; margin-top: 8px; color: var(--faint); font-size: 10px; }
.english-review-running-steps { display: flex; flex-wrap: wrap; gap: 7px; margin: 11px 0 9px; }
.english-review-running-steps span { padding: 5px 8px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--muted); font-size: 10px; font-weight: 720; }
.english-review-running-steps .is-active { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); color: var(--accent); animation: review-step-pulse 1.25s ease-in-out infinite alternate; }
.english-linguist-review { overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-muted); }
.english-linguist-review + .english-linguist-review { margin-top: 12px; }
.english-linguist-review > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 16px 17px; cursor: pointer; list-style: none; }
.english-linguist-review > summary::-webkit-details-marker { display: none; }
.english-linguist-review > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.linguist-summary-copy { min-width: 0; }
.linguist-summary-copy > strong, .linguist-summary-copy > small { display: block; }
.linguist-summary-copy > strong { margin-top: 4px; font-size: 15px; }
.linguist-summary-copy > small { max-width: 720px; margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.linguist-summary-state { display: grid; justify-items: end; gap: 5px; min-width: 170px; }
.linguist-summary-state > small { color: var(--muted); font-size: 10px; white-space: nowrap; }
.linguist-disclosure-label { color: var(--accent); font-size: 10px; font-weight: 750; }
.english-linguist-review[open] .linguist-disclosure-label { font-size: 0; }
.english-linguist-review[open] .linguist-disclosure-label::after { content: "Hide details"; font-size: 10px; }
.linguist-review-details { padding: 16px 17px 17px; border-top: 1px solid var(--line); background: var(--surface); }
.linguist-review-details > p { max-width: 920px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.quality-dimension-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; margin: 14px 0; }
.quality-dimension-grid > div { display: grid; gap: 7px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-muted); }
.quality-dimension-grid small { color: var(--muted); line-height: 1.45; }
.quality-dimension-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.quality-dimension-heading > span { color: var(--accent); font-size: 12px; font-weight: 800; white-space: nowrap; }
.quality-review-compact > p { max-width: 760px; }
.quality-readiness { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 15px 0; }
.quality-readiness > div { display: grid; gap: 4px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-muted); }
.quality-readiness > div.is-ready { border-color: color-mix(in srgb, var(--good) 34%, var(--line)); background: color-mix(in srgb, var(--good-soft) 55%, var(--surface)); }
.quality-readiness > div.is-blocked { border-color: color-mix(in srgb, var(--danger) 40%, var(--line)); background: color-mix(in srgb, var(--danger-soft) 48%, var(--surface)); }
.quality-readiness > div.is-pending { border-color: color-mix(in srgb, var(--warn) 34%, var(--line)); background: color-mix(in srgb, var(--warn-soft) 40%, var(--surface)); }
.quality-readiness span, .quality-compact-metrics span { color: var(--muted); font-size: 10px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.quality-readiness strong { font-size: 14px; }
.quality-readiness small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.quality-compact-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 13px 0; }
.quality-compact-metrics > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.quality-compact-metrics strong { font-size: 16px; white-space: nowrap; }
.quality-version-history, .quality-score-breakdown { margin: 10px 0; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.quality-version-history > summary, .quality-score-breakdown > summary { padding: 11px 13px; cursor: pointer; color: var(--ink); font-size: 11px; font-weight: 760; list-style-position: inside; }
.quality-version-history > p { margin: 0; padding: 0 13px 11px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.quality-version-history > div { display: flex; gap: 16px; padding: 10px 13px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }
.quality-version-history > div strong { color: var(--ink); }
.quality-score-breakdown .quality-dimension-grid { margin: 0; padding: 0 12px 12px; }
.quality-issues { margin-top: 18px; }
.quality-issues > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 9px; }
.quality-issues > header h3 { margin: 4px 0 0; font-size: 15px; }
.quality-issue-group { overflow: hidden; margin-top: 8px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.quality-issue-group.is-blocking { border-color: color-mix(in srgb, var(--danger) 42%, var(--line)); }
.quality-issue-group > summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 14px; cursor: pointer; list-style: none; }
.quality-issue-group > summary::-webkit-details-marker { display: none; }
.quality-issue-group > summary > span:first-child { min-width: 0; }
.quality-issue-group > summary strong, .quality-issue-group > summary small { display: block; }
.quality-issue-group > summary strong { font-size: 13px; }
.quality-issue-group > summary small { margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.quality-group-count { flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; background: var(--surface-muted); color: var(--muted); font-size: 10px; font-weight: 750; white-space: nowrap; }
.quality-group-body { padding: 0 14px 14px; border-top: 1px solid var(--line); }
.quality-group-scope { margin: 11px 0; color: var(--muted); font-size: 10px; }
.quality-issue-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.quality-issue-row > div > strong { font-size: 12px; }
.quality-issue-row p { margin: 4px 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.quality-issue-row > div > small { color: var(--faint); font-size: 10px; }
.quality-group-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.quality-acceptance { margin-top: 12px; padding-top: 11px; border-top: 1px solid var(--line); }
.quality-acceptance > summary { width: fit-content; cursor: pointer; color: var(--muted); font-size: 10px; font-weight: 730; }
.quality-acceptance form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: end; margin-top: 10px; }
.quality-acceptance label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; }
.quality-acceptance textarea { min-height: 72px; }
.quality-acceptance form > small { grid-column: 1 / -1; color: var(--faint); font-size: 10px; }
.quality-accepted-note { display: grid; gap: 3px; margin-top: 12px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--good) 35%, var(--line)); border-radius: 8px; background: color-mix(in srgb, var(--good-soft) 50%, var(--surface)); }
.quality-accepted-note strong { font-size: 11px; }
.quality-accepted-note small, .quality-group-boundary { color: var(--muted); font-size: 10px; line-height: 1.45; }
.copy-field.is-selected { scroll-margin-block: 96px; }
.quality-overview-technical, .quality-dimension-technical, .review-finding-technical { color: var(--faint); font-size: 10px; }
.quality-overview-technical { margin-top: 8px; }
.quality-overview-technical summary, .quality-dimension-technical summary, .review-finding-technical summary { width: fit-content; cursor: pointer; font-weight: 720; }
.quality-overview-technical[open] summary, .quality-dimension-technical[open] summary, .review-finding-technical[open] summary { color: var(--accent); }
.quality-overview-technical p, .quality-dimension-technical p { margin: 7px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.quality-revision-action { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 14px; padding: 14px 15px; border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line)); border-radius: 9px; background: color-mix(in srgb, var(--accent-soft) 45%, var(--surface)); }
.quality-revision-action > div { display: grid; gap: 4px; }
.quality-revision-action small { max-width: 720px; color: var(--muted); line-height: 1.45; }
.quality-revision-action .button { flex: 0 0 auto; }
.quality-revision-action.is-escalated { align-items: flex-start; border-color: color-mix(in srgb, var(--warn) 42%, var(--line)); background: color-mix(in srgb, var(--warn-soft) 42%, var(--surface)); }
.quality-remediation-progress { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 14px 0; }
.quality-remediation-progress > div { display: grid; gap: 3px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.quality-remediation-progress span { color: var(--muted); font-size: 12px; }
.quality-remediation-progress strong { font-size: 18px; }
.quality-remediation-progress strong.is-positive { color: var(--good); }
.quality-remediation-progress strong.is-negative { color: var(--danger); }
.trusted-eligibility { display: grid; gap: 4px; margin-bottom: 12px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; }
.trusted-eligibility small { color: var(--muted); line-height: 1.45; }
.trusted-eligibility.is-ready { border-color: color-mix(in srgb, var(--good) 40%, var(--line)); background: color-mix(in srgb, var(--good) 8%, var(--surface)); }
.trusted-eligibility.is-blocked { border-color: color-mix(in srgb, var(--warn) 42%, var(--line)); background: color-mix(in srgb, var(--warn-soft) 35%, var(--surface)); }
.deliverable-history-choice.is-disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 760px) {
  .quality-readiness { grid-template-columns: 1fr; }
  .quality-compact-metrics { grid-template-columns: 1fr; }
  .quality-acceptance form { grid-template-columns: 1fr; }
  .quality-acceptance form > small { grid-column: auto; }
}
.instruction-count { display: block; margin-top: -4px; color: var(--faint); font-size: 10px; text-align: right; }
.linguist-finding-list { margin-top: 13px; border-top: 1px solid var(--line); }
.linguist-review-boundary { display: block; margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); color: var(--faint); font-size: 10px; line-height: 1.5; }
.review-finding > div > small { display: block; margin-top: 3px; color: var(--muted); line-height: 1.45; }
.review-finding-copy { min-width: 0; }
.review-finding-technical { margin-top: 8px; }
.review-finding-technical dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 9px 0 0; padding: 10px 12px; border-left: 2px solid var(--line); background: var(--surface-muted); }
.review-finding-technical dl > div { min-width: 0; }
.review-finding-technical dl > .is-wide { grid-column: 1 / -1; }
.review-finding-technical dt { color: var(--faint); font-size: 9px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.review-finding-technical dd { margin: 3px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; }
.review-finding.is-blocking { border-bottom-color: color-mix(in srgb, var(--danger) 20%, var(--line)); }
.review-finding.is-blocking .check-icon { background: var(--danger-soft); color: var(--danger); }
.review-finding.is-warning .check-icon { background: var(--warn-soft); color: var(--warn); }
@media (max-width: 620px) {
  .review-finding-technical dl { grid-template-columns: 1fr; }
  .review-finding-technical dl > .is-wide { grid-column: auto; }
}
.locale-review-section { overflow: hidden; }
.locale-linguist-review { margin: 22px 0 0; padding: 17px 18px; border-block: 1px solid var(--line); background: var(--surface-muted); }
.locale-linguist-review .section-header { align-items: flex-start; }
.locale-linguist-review h4 { max-width: 720px; margin: 4px 0 0; font-size: 13px; line-height: 1.45; }
.locale-approval-gate { margin-top: 18px; padding: 17px 18px; border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--line)); border-radius: 9px; background: color-mix(in srgb, var(--accent-soft) 34%, var(--surface)); }
.locale-approval-gate > h4 { margin: 4px 0 5px; font-size: 15px; }
.locale-approval-gate > p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.locale-approval-confirm { margin-top: 14px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); }
.locale-approval-confirm > span { display: grid; gap: 4px; }
.locale-approval-confirm strong { font-size: 12px; }
.locale-approval-confirm small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.locale-approval-receipt { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-top: 18px; padding: 15px 17px; border: 1px solid color-mix(in srgb, var(--good) 34%, var(--line)); border-radius: 9px; background: var(--good-soft); }
.locale-approval-receipt > div { display: grid; gap: 4px; }
.locale-approval-receipt small { color: var(--muted); line-height: 1.45; }
.locale-blocker-resolution { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr); gap: 24px; margin: 18px; padding: 18px; border: 1px solid color-mix(in srgb, var(--warn) 52%, var(--line)); border-radius: 9px; background: color-mix(in srgb, var(--warn-soft) 54%, var(--surface)); }
.locale-blocker-resolution h4 { margin: 5px 0 7px; }
.locale-blocker-resolution p, .locale-blocker-resolution small { color: var(--muted); line-height: 1.5; }
.locale-blocker-resolution form { display: grid; gap: 12px; }
.locale-blocker-resolution textarea { width: 100%; min-height: 82px; padding: 10px 11px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); color: var(--ink); resize: vertical; }
.locale-blocker-resolution .button-row { margin-top: 0; }
.locale-review-actions { padding-top: 2px; }
.locale-stage { overflow: hidden; margin-bottom: 14px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.locale-stage.is-active { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); }
.locale-stage.is-complete { border-color: color-mix(in srgb, var(--good) 36%, var(--line)); }
.locale-stage.is-attention { border-color: color-mix(in srgb, var(--warn) 46%, var(--line)); }
.locale-stage.is-locked { border-color: var(--line); }
.locale-source-binding { background: var(--surface); }
.locale-source-binding > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 17px 18px; }
.locale-source-binding > header .eyebrow { margin-bottom: 5px; }
.locale-source-binding > header h3 { margin: 0; font-size: 17px; }
.locale-source-binding > header p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.source-hash-lock { flex: 0 0 auto; display: grid; justify-items: end; gap: 5px; }
.source-hash-lock span { color: var(--good); font-size: 10px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.locale-source-binding.is-attention .source-hash-lock span { color: var(--warn); }
.source-hash-lock code { padding: 4px 7px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--accent); font-size: 10px; }
.locale-source-binding > details { border-top: 1px solid var(--line); background: var(--surface); }
.locale-source-binding > details > summary { padding: 12px 18px; color: var(--accent); cursor: pointer; font-size: 11px; font-weight: 700; }
.locale-source-binding > details > summary:hover { background: var(--surface-muted); }
.locale-source-preview { padding: 0 18px 18px; }
.locale-source-preview .editor { border: 1px solid var(--line); border-radius: 8px; }
.locale-source-confirm { margin: 0; padding: 14px 18px; border-top: 1px solid var(--line); background: var(--surface); color: var(--ink); }
.locale-source-confirm > span { display: grid; gap: 4px; }
.locale-source-confirm strong { font-size: 12px; }
.locale-source-confirm small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.source-chain-blocker { display: grid; gap: 4px; padding: 14px 18px; border-top: 1px solid color-mix(in srgb, var(--warn) 38%, var(--line)); background: var(--warn-soft); color: var(--warn); }
.source-chain-blocker small { color: var(--muted); line-height: 1.45; }
.locale-generation-action { justify-content: flex-end; margin: -2px 0 18px; }
.locale-pipeline-overview { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 14px 18px; padding: 17px 18px; }
.locale-progress-ring { position: relative; width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--accent) var(--locale-progress), var(--surface-muted) 0); }
.locale-progress-ring::before { position: absolute; inset: 5px; border-radius: inherit; background: var(--surface); content: ""; }
.locale-progress-ring span { position: relative; font-size: 11px; font-weight: 800; }
.locale-progress-copy h3 { margin: 4px 0 3px; font-size: 17px; }
.locale-progress-copy p { margin: 0; color: var(--muted); font-size: 11px; }
.locale-progress-track { height: 3px; margin-top: 10px; overflow: hidden; border-radius: 99px; background: var(--surface-muted); }
.locale-progress-track i { display: block; height: 100%; border-radius: inherit; background: var(--accent); transition: width .24s ease; }
.locale-pipeline-actions { grid-column: 1 / -1; justify-self: stretch; }
.locale-pipeline-actions .button { width: 100%; }
.locale-pipeline-actions small { display: block; max-width: none; margin-top: 6px; color: var(--muted); font-size: 9px; text-align: left; }
.locale-batch-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 14px 18px; padding: 17px 18px; }
.locale-batch-summary { min-width: 0; }
.locale-batch-bar h3, .locale-batch-bar small { display: block; }
.locale-batch-bar h3 { margin: 4px 0 0; font-size: 17px; }
.locale-batch-bar small { max-width: 720px; margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.locale-stage-status { align-self: start; padding: 4px 7px; border: 1px solid var(--line); border-radius: 5px; color: var(--faint); font-size: 9px; font-weight: 760; letter-spacing: .05em; text-transform: uppercase; }
.locale-stage.is-active .locale-stage-status { border-color: color-mix(in srgb, var(--accent) 34%, var(--line)); color: var(--accent); }
.locale-stage.is-complete .locale-stage-status { border-color: color-mix(in srgb, var(--good) 32%, var(--line)); color: var(--good); }
.locale-stage.is-attention .locale-stage-status { border-color: color-mix(in srgb, var(--warn) 38%, var(--line)); color: var(--warn); }
.locale-batch-controls { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px 14px; min-width: 0; padding-top: 14px; border-top: 1px solid var(--line); }
.locale-batch-controls label { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; color: var(--muted); font-size: 10px; line-height: 1.35; }
.locale-batch-controls .button { white-space: nowrap; }
.locale-batch-controls .locale-select-all { border-color: color-mix(in srgb, var(--accent) 38%, var(--line)); background: var(--accent-soft); color: var(--accent); }
.locale-batch-controls .locale-select-all:hover { border-color: var(--accent); background: color-mix(in srgb, var(--accent-soft) 78%, var(--surface)); }
.locale-batch-controls .button.primary { flex: 1 0 100%; width: 100%; }
.locale-pipeline-list { border-top: 1px solid var(--line); }
.locale-review-section { border-bottom: 1px solid var(--line); background: var(--surface); }
.locale-review-section > summary { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto auto 18px; align-items: center; gap: 13px; min-height: 76px; padding: 10px 16px; cursor: pointer; list-style: none; }
.locale-review-section > summary::-webkit-details-marker { display: none; }
.locale-review-section > summary:hover { background: var(--surface-muted); }
.locale-review-section > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.locale-summary-copy { min-width: 0; justify-self: start; text-align: left; }
.locale-summary-copy strong, .locale-summary-copy small { display: block; }
.locale-summary-copy strong { font-size: 14px; }
.locale-summary-copy small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.locale-status-label { color: var(--muted); font-size: 10px; font-weight: 760; letter-spacing: .035em; text-transform: uppercase; white-space: nowrap; }
.locale-review-section.is-active .locale-status-label { color: var(--accent); }
.locale-review-section.is-reviewed .locale-status-label, .locale-review-section.is-approved .locale-status-label { color: var(--good); }
.locale-review-section.is-failed .locale-status-label { color: var(--danger); }
.locale-state-icon { position: relative; width: 22px; height: 22px; border: 1px solid var(--line-strong); border-radius: 50%; background: var(--surface); }
.locale-state-icon::after { position: absolute; inset: 0; display: grid; place-items: center; color: var(--muted); content: "·"; font-weight: 900; }
.locale-review-section.is-active .locale-state-icon { border: 2px solid var(--accent-soft); border-top-color: var(--accent); animation: locale-spin .8s linear infinite; }
.locale-review-section.is-active .locale-state-icon::after { content: ""; }
.locale-review-section.is-reviewed .locale-state-icon, .locale-review-section.is-approved .locale-state-icon { border-color: transparent; background: var(--good-soft); }
.locale-review-section.is-reviewed .locale-state-icon::after, .locale-review-section.is-approved .locale-state-icon::after { color: var(--good); content: "✓"; }
.locale-review-section.is-failed .locale-state-icon { border-color: transparent; background: var(--danger-soft); }
.locale-review-section.is-failed .locale-state-icon::after { color: var(--danger); content: "!"; }
.locale-approval-select { width: 18px; height: 18px; margin: 0; accent-color: var(--accent); cursor: pointer; }
.locale-select-spacer { width: 18px; }
.locale-disclosure { color: var(--muted); transition: transform .16s ease; }
.locale-review-section[open] > summary .locale-disclosure { transform: rotate(180deg); }
.locale-review-body { padding: 0; border-top: 1px solid var(--line); background: var(--surface); }
.review-sample-materials { margin: 18px; padding: 18px; border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line)); border-radius: 14px; background: color-mix(in srgb, var(--accent) 7%, transparent); }
.review-sample-materials > .eyebrow { display: block; margin: 0 0 12px; }
.review-sample-materials .copy-selection-toolbar { display: none; }
.full-locale-result { margin: 12px 18px 20px; border-top: 1px solid var(--line); }
.full-locale-result > summary { cursor: pointer; padding: 16px 0; color: var(--accent); font-weight: 700; }
.locale-review-body > .copy-review { gap: 22px; padding: 18px; }
.locale-review-body .copy-asset { border: 1px solid var(--line); border-radius: 10px; }
.locale-review-body .copy-asset + .copy-asset { border-top: 1px solid var(--line); }
.locale-review-body .copy-asset:last-child { border-bottom: 1px solid var(--line); }
.locale-linguist-review { margin: 0; border-top: 10px solid var(--surface-muted); border-bottom: 1px solid var(--line); }
.locale-linguist-review .section-header small { display: block; margin-top: 7px; color: var(--muted); font-size: 10px; }
.locale-linguist-review-compact { padding: 0; }
.locale-linguist-review-compact > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto 18px; align-items: center; gap: 12px; padding: 14px 18px; cursor: pointer; list-style: none; }
.locale-linguist-review-compact > summary::-webkit-details-marker { display: none; }
.locale-linguist-review-compact > summary:hover { background: color-mix(in srgb, var(--good-soft) 42%, var(--surface-muted)); }
.locale-linguist-review-compact > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.locale-linguist-review-compact > summary strong, .locale-linguist-review-compact > summary small { display: block; }
.locale-linguist-review-compact > summary strong { font-size: 12px; }
.locale-linguist-review-compact > summary small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.locale-linguist-review-compact[open] > summary .locale-disclosure { transform: rotate(180deg); }
.locale-linguist-review-compact > .locale-finding-list { margin: 0; padding: 13px 18px 16px; border-top: 1px solid var(--line); background: var(--surface); }
.locale-finding-list { margin-top: 13px; border-top: 1px solid var(--line); }
.locale-review-actions { margin: 0; padding: 16px 18px; }
.locale-review-body > .alert, .locale-review-body > .review-warning-list, .locale-review-body > .locale-failure, .locale-review-body > .locale-approval-receipt { margin-inline: 18px; }
.locale-failure { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 14px 0; padding: 13px 14px; border-left: 2px solid var(--danger); background: var(--danger-soft); }
.locale-failure strong, .locale-failure small { display: block; }
.locale-failure small { margin-top: 3px; color: var(--muted); }
@keyframes locale-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .locale-review-section.is-active .locale-state-icon { animation-duration: 1.8s; } .locale-progress-track i { transition: none; } }
.approval-receipt.is-preview { border-color: color-mix(in srgb, var(--warn) 40%, var(--line)); background: var(--warn-soft); }
.approval-receipt.is-preview .approval-check { background: var(--warn); }

.inline-comment, .inline-rewrite { margin: 0 -18px; border-top: 1px solid color-mix(in srgb, var(--accent) 36%, var(--line)); background: color-mix(in srgb, var(--accent-soft) 38%, var(--surface)); animation: inline-editor-in .16s ease-out; }
.inline-comment { padding: 16px 18px 18px; }
.inline-comment-heading, .inline-comment-footer, .inline-rewrite > header, .inline-rewrite > footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.inline-comment-heading strong, .inline-comment-heading small { display: block; }
.inline-comment-heading small { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.inline-comment-heading .eyebrow { margin-bottom: 5px; }
.inline-comment-close { flex: 0 0 auto; width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: var(--muted); cursor: pointer; font-size: 19px; line-height: 1; }
.inline-comment-close:hover { background: var(--surface); color: var(--ink); }
.inline-comment textarea { width: 100%; min-height: 86px; margin-top: 13px; padding: 11px 12px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); color: var(--ink); resize: vertical; line-height: 1.5; }
.inline-comment textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.inline-comment.is-generating { border-color: color-mix(in srgb, var(--accent) 62%, var(--line)); }
.inline-selected-fields { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px; }
.inline-selected-fields span { padding: 4px 7px; border-radius: 999px; background: var(--accent-soft); color: var(--accent); font-size: 10px; font-weight: 700; }
.generation-status { display: grid; gap: 9px; margin-top: 13px; padding: 11px 13px; border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--line)); border-radius: 8px; background: color-mix(in srgb, var(--accent-soft) 58%, var(--surface)); }
.generation-status-copy { display: flex; align-items: center; gap: 10px; }
.generation-status-copy > span:last-child { display: grid; gap: 2px; }
.generation-status-copy strong { font-size: 11px; }
.generation-status-copy small { color: var(--muted); font-size: 10px; line-height: 1.4; }
.generation-status-spinner, .generation-button-spinner { flex: 0 0 auto; border: 2px solid color-mix(in srgb, var(--accent) 24%, transparent); border-top-color: var(--accent); border-radius: 50%; animation: generation-spin .72s linear infinite; }
.generation-status-spinner { width: 17px; height: 17px; }
.generation-button-spinner { width: 14px; height: 14px; border-color: rgba(255, 255, 255, .28); border-top-color: #fff; }
.generation-progress-track { height: 3px; overflow: hidden; border-radius: 99px; background: color-mix(in srgb, var(--accent) 13%, var(--surface)); }
.generation-progress-track i { display: block; width: 34%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, transparent, var(--accent), transparent); animation: generation-sweep 1.15s cubic-bezier(.4, 0, .2, 1) infinite; }
.generation-button.is-generating { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.generation-button.is-generating:disabled { opacity: 1; cursor: progress; }
.inline-comment-footer { align-items: center; margin-top: 11px; }
.inline-comment-footer .button-row, .inline-rewrite > footer .button-row { margin-top: 0; }
.inline-comment-options { margin: 16px -18px -18px; border-top: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 76%, var(--surface-muted)); animation: inline-editor-in .16s ease-out; }
.inline-comment-options > header { padding: 15px 18px 11px; }
.inline-comment-options > header .eyebrow { margin-bottom: 5px; }
.inline-comment-options > header strong { display: block; font-size: 13px; }
.inline-option { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 14px 18px; border-top: 1px solid var(--line); }
.inline-option strong, .inline-option small { display: block; }
.inline-option small { max-width: 660px; margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.inline-manual-editor { padding: 17px 18px 18px; border-top: 1px solid var(--line); background: var(--surface); animation: inline-editor-in .16s ease-out; }
.inline-manual-fields { display: grid; gap: 15px; }
.inline-manual-fields .dialog-field { margin-bottom: 0; }
.inline-manual-editor textarea { min-height: 118px; margin-top: 0; }
.inline-manual-editor .button-row { justify-content: flex-end; }
.inline-field-editor { margin: 0 -18px; border-top: 1px solid color-mix(in srgb, var(--accent) 36%, var(--line)); background: color-mix(in srgb, var(--accent-soft) 38%, var(--surface)); animation: inline-editor-in .16s ease-out; }
.inline-field-editor form { padding: 16px 18px 18px; }
.inline-field-editor .inline-manual-fields { margin-top: 15px; }
.inline-field-editor .dialog-field { margin-bottom: 0; }
.inline-field-editor textarea { min-height: 118px; }
.inline-field-editor-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 14px; }
.inline-field-editor-footer small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.inline-rewrite > header { padding: 15px 18px 13px; }
.inline-rewrite > header p { margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.45; white-space: pre-wrap; }
.inline-rewrite > header .eyebrow { margin-bottom: 0; }
.inline-rewrite-comparison { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); }
.inline-rewrite-comparison > div { min-width: 0; padding: 15px 18px 17px; }
.inline-rewrite-comparison > div + div { border-left: 1px solid var(--line); }
.inline-rewrite-comparison span { color: var(--muted); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.inline-rewrite-comparison p { margin: 8px 0 0; font-size: 14px; line-height: 1.55; white-space: pre-wrap; }
.inline-rewrite-comparison .is-proposed { background: color-mix(in srgb, var(--accent-soft) 52%, var(--surface)); }
.inline-rewrite-comparison .is-proposed span { color: var(--accent); }
.inline-rewrite > footer { align-items: center; padding: 12px 18px 15px; border-top: 1px solid var(--line); }
.inline-rewrite > footer small { color: var(--muted); }
.copy-asset > .inline-comment, .copy-asset > .inline-rewrite { margin: 0; }
.copy-selection-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 14px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-muted); }
.copy-selection-toolbar > div:first-child { display: grid; gap: 3px; }
.copy-selection-toolbar strong { font-size: 12px; }
.copy-selection-toolbar small { color: var(--muted); font-size: 11px; }
.copy-selection-toolbar .button-row { margin: 0; }
.locale-review-body .locale-selection-composer { margin: 0; border-top: 10px solid var(--surface-muted); border-bottom: 1px solid var(--line); }
.locale-selection-composer .inline-selected-fields span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@keyframes inline-editor-in { from { opacity: 0; transform: translateY(-5px); } }
@keyframes generation-spin { to { transform: rotate(360deg); } }
@keyframes generation-sweep { from { transform: translateX(-120%); } to { transform: translateX(360%); } }
@keyframes review-step-pulse { from { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent); } to { box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent); } }
@media (prefers-reduced-motion: reduce) {
  .generation-status-spinner, .generation-button-spinner, .task-analysis-spinner { animation-duration: 1.8s; }
  .generation-progress-track i, .task-analysis-track i, .durable-operation-track i { width: 100%; animation: none; opacity: .55; }
  .english-review-running-steps .is-active, .durable-operation-steps span.is-active { animation: none; }
}

.dialog-overlay { position: fixed; inset: 0; z-index: 100; display: flex; justify-content: flex-end; padding: 14px; background: rgba(12, 14, 21, .58); backdrop-filter: blur(4px); animation: overlay-in .14s ease-out; }
.edit-dialog { width: min(620px, 100%); height: 100%; overflow: auto; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-raised); box-shadow: var(--shadow); animation: dialog-in .18s ease-out; }
.edit-dialog > header { position: sticky; top: 0; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px 24px; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--surface-raised) 94%, transparent); backdrop-filter: blur(10px); }
.edit-dialog > header h2 { margin-bottom: 4px; }
.edit-dialog > header p { margin: 0; color: var(--muted); }
.dialog-close { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); cursor: pointer; font-size: 21px; line-height: 1; }
.edit-dialog form { padding: 24px; }
.annotation-current { display: grid; gap: 14px; margin-bottom: 22px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.annotation-current > div + div { padding-top: 13px; border-top: 1px solid var(--line); }
.annotation-current small { color: var(--muted); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.annotation-current p { margin: 5px 0 0; line-height: 1.55; white-space: pre-wrap; }
.annotation-input textarea { min-height: 142px; }
.dialog-field { display: grid; gap: 9px; margin-bottom: 22px; }
.dialog-field > span strong, .dialog-field > span small { display: block; }
.dialog-field > span small { margin-top: 4px; color: var(--muted); font-weight: 400; line-height: 1.45; }
.dialog-field input, .dialog-field textarea, .dialog-field select { width: 100%; padding: 11px 12px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); color: var(--ink); resize: vertical; line-height: 1.55; }
.dialog-field input:focus, .dialog-field textarea:focus, .dialog-field select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.dialog-note { display: grid; gap: 4px; padding: 13px 14px; border-left: 3px solid var(--accent); background: var(--surface-muted); }
.dialog-note span { color: var(--muted); font-size: 11px; line-height: 1.45; }
.context-option { display: flex; align-items: flex-start; gap: 10px; margin: -4px 0 20px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.context-option:has(input:checked) { border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); background: var(--accent-soft); }
.context-option input { margin-top: 3px; }
.context-option strong, .context-option small { display: block; }
.context-option small { margin-top: 4px; color: var(--muted); line-height: 1.45; }
.button-row.split { justify-content: space-between; }
.button.quiet { border-color: transparent; color: var(--muted); }
.button.quiet:hover { color: var(--ink); }
@keyframes overlay-in { from { opacity: 0; } }
@keyframes dialog-in { from { opacity: 0; transform: translateX(14px); } }

.locale-grid { display: grid; gap: 10px; }
.locale-row { display: grid; grid-template-columns: 120px minmax(0, 1fr) 100px auto; gap: 14px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 8px; }
.locale-row small { color: var(--muted); }
.progress-track { height: 6px; background: var(--surface-muted); border-radius: 3px; overflow: hidden; }
.progress-track span { display: block; height: 100%; background: var(--good); }
.qa-validation-stack { display: grid; gap: 18px; }
.qa-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.qa-card { padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.qa-card strong { display: block; font-size: 24px; }
.qa-card span { color: var(--muted); font-size: 11px; }
.qa-section { margin: 0; }
.qa-section > h3 { margin-top: 0; }
.qa-legacy-notice { display: grid; gap: 12px; }
.qa-legacy-notice > .button-row, .qa-actions { margin-top: 0; }
.qa-check { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 13px 0; border-bottom: 1px solid var(--line); }
.qa-check:last-child { border-bottom: 0; }
.qa-check-copy { min-width: 0; display: grid; gap: 4px; }
.qa-check-copy strong { display: block; line-height: 1.25; overflow-wrap: anywhere; }
.qa-check-copy code { width: fit-content; max-width: 100%; color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.qa-check-copy small { display: block; color: var(--muted); line-height: 1.45; overflow-wrap: anywhere; }
.check-icon { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: var(--good-soft); color: var(--good); }

.deliverable-stack { display: grid; gap: 18px; }
.deliverable-legacy { display: grid; justify-items: start; gap: 12px; }
.deliverable-hero { padding: 27px; border: 1px solid var(--line); border-radius: 9px; background: linear-gradient(135deg, var(--surface) 50%, var(--accent-soft)); }
.deliverable-hero h2 { margin-bottom: 8px; }
.deliverable-control-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.deliverable-approval-state { display: flex; align-items: center; gap: 11px; }
.deliverable-approval-state > span:last-child { display: grid; gap: 3px; }
.deliverable-approval-state small { color: var(--muted); }
.deliverable-approval-form { display: grid; gap: 14px; max-width: 760px; }
.deliverable-approval-form fieldset { display: grid; gap: 9px; margin: 0; padding: 0; border: 0; }
.deliverable-approval-form legend { margin-bottom: 8px; font-weight: 800; }
.deliverable-history-choice { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; align-items: start; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); cursor: pointer; }
.deliverable-history-choice:has(input:checked) { border-color: var(--accent); background: var(--accent-soft); }
.deliverable-history-choice input { margin-top: 3px; }
.deliverable-history-choice span { display: grid; gap: 3px; }
.deliverable-history-choice small { color: var(--muted); line-height: 1.45; }
.deliverable-approval-form > .button { justify-self: start; }
.deliverable-link { grid-column: 1 / -1; display: flex; gap: 8px; padding-top: 14px; border-top: 1px solid var(--line); }
.deliverable-link input { flex: 1; min-width: 0; padding: 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-muted); color: var(--muted); }
.deliverable-export-section { overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.deliverable-export-section > header { padding: 18px; border-bottom: 1px solid var(--line); }
.deliverable-export-section > header h3 { margin: 5px 0 4px; }
.deliverable-export-section > header p { margin: 0; color: var(--muted); font-size: 11px; }
.export-format-list { display: grid; }
.export-format-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px 18px; padding: 15px 18px; border-bottom: 1px solid var(--line); }
.export-format-row > div:first-child { display: grid; gap: 4px; }
.export-format-row small { color: var(--muted); line-height: 1.45; }
.export-format-row.is-google { grid-template-columns: minmax(0, 1fr) auto auto; background: color-mix(in srgb, var(--accent-soft) 22%, var(--surface)); }
.export-format-row.is-google.is-published { background: color-mix(in srgb, var(--good-soft) 35%, var(--surface)); }
.google-publication-actions { display: flex; align-items: center; gap: 8px; }
.additional-formats > summary { padding: 13px 18px; color: var(--muted); cursor: pointer; font-size: 11px; font-weight: 700; list-style-position: inside; }
.additional-formats[open] > summary { border-bottom: 1px solid var(--line); }
.additional-formats .export-format-row { border-bottom: 0; }
.deliverable-note { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.format-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.format-option { display: block; padding: 14px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.format-option:has(input:checked) { border-color: var(--accent); background: var(--accent-soft); }
.format-option strong, .format-option small { display: block; }
.format-option small { margin-top: 4px; color: var(--muted); }

.toast-region { position: fixed; z-index: 80; right: 18px; bottom: 18px; display: grid; gap: 8px; }
.toast { max-width: 360px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-raised); box-shadow: var(--shadow); animation: toast-in .18s ease-out; }
.toast-problem { width: min(420px, calc(100vw - 36px)); max-width: 420px; padding: 15px 16px; border-color: color-mix(in srgb, var(--danger) 62%, var(--line)); }
.toast-problem-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.toast-problem-head strong { font-size: 13px; line-height: 1.35; }
.toast-problem-head button { width: 24px; height: 24px; padding: 0; border: 0; background: transparent; color: var(--muted); font: inherit; font-size: 18px; line-height: 1; cursor: pointer; }
.toast-problem > p { margin: 7px 0 10px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.toast-problem > small { display: block; font-size: 11px; line-height: 1.45; }
.toast-problem > small b { margin-right: 5px; color: var(--text); }
.toast-problem details { margin-top: 11px; padding-top: 9px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }
.toast-problem details summary { cursor: pointer; }
.toast-problem details code { display: inline-block; margin: 8px 8px 0 0; color: var(--muted); }
.toast-problem details span { color: var(--muted); }
.toast-problem details p { margin: 7px 0 0; color: var(--muted); font-size: 10px; line-height: 1.4; }
@keyframes toast-in { from { opacity: 0; transform: translateY(6px); } }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.knowledge-layout { display: grid; grid-template-columns: 258px minmax(0, 1fr); min-height: calc(100vh - 58px); }
.knowledge-sidebar { min-width: 0; position: sticky; top: 58px; align-self: start; height: calc(100vh - 58px); display: flex; flex-direction: column; padding: 28px 18px 20px; border-right: 1px solid var(--line); background: var(--surface); overflow-y: auto; }
.knowledge-sidebar-head { padding: 0 8px 22px; }
.knowledge-sidebar-head h1 { margin: 6px 0 8px; font-size: 22px; letter-spacing: -.035em; }
.knowledge-sidebar-head p, .knowledge-boundary p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.knowledge-sidebar nav { display: grid; gap: 5px; }
.knowledge-mobile-picker { display: none; }
.knowledge-brand { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px 10px; border: 1px solid transparent; border-radius: 8px; background: transparent; text-align: left; cursor: pointer; }
.knowledge-brand:hover { background: var(--surface-muted); }
.knowledge-brand.is-active { border-color: var(--line); background: var(--accent-soft); }
.knowledge-brand span, .knowledge-brand strong, .knowledge-brand small { display: block; min-width: 0; }
.knowledge-brand small { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.knowledge-brand > b { min-width: 21px; height: 21px; display: grid; place-items: center; border-radius: 50%; background: var(--warn-soft); color: var(--warn); font-size: 10px; }
.knowledge-boundary { margin-top: auto; padding: 15px 10px 2px; border-top: 1px solid var(--line); }
.knowledge-boundary strong { display: block; margin-bottom: 5px; font-size: 12px; }
.knowledge-workspace { min-width: 0; width: min(100%, 1020px); padding: 42px clamp(24px, 5vw, 70px) 90px; }
.knowledge-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; padding-bottom: 27px; border-bottom: 1px solid var(--line); }
.knowledge-hero h1 { margin: 8px 0 10px; font-size: clamp(38px, 5vw, 58px); line-height: .98; letter-spacing: -.055em; }
.knowledge-hero p { max-width: 680px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
.knowledge-score { flex: 0 0 auto; display: grid; justify-items: end; padding-top: 4px; }
.knowledge-score strong { font-size: 28px; letter-spacing: -.04em; }
.knowledge-score span { color: var(--muted); font-size: 11px; }
.knowledge-metrics { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--line); }
.knowledge-metrics > div { display: grid; gap: 3px; padding: 18px 16px; border-right: 1px solid var(--line); }
.knowledge-metrics > div:first-child { padding-left: 0; }
.knowledge-metrics > div:last-child { border-right: 0; }
.knowledge-metrics strong { font-size: 18px; letter-spacing: -.025em; }
.knowledge-metrics span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .055em; }
.knowledge-jumps { position: sticky; top: 70px; z-index: 8; display: flex; gap: 4px; width: 100%; max-width: 100%; margin: 16px 0 -10px; padding: 5px; border: 1px solid var(--line); border-radius: 9px; background: color-mix(in srgb, var(--surface) 94%, transparent); box-shadow: 0 5px 18px rgba(25, 28, 40, .05); backdrop-filter: blur(10px); overflow-x: auto; }
.knowledge-jumps button { padding: 7px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); font-size: 11px; white-space: nowrap; cursor: pointer; }
.knowledge-jumps button:hover, .knowledge-jumps button:focus-visible { background: var(--surface-muted); color: var(--ink); }
.knowledge-section { padding: 40px 0; border-bottom: 1px solid var(--line); }
.knowledge-section { scroll-margin-top: 115px; }
.knowledge-section > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 4px 16px; margin-bottom: 22px; }
.knowledge-section > header .eyebrow { grid-column: 1 / -1; }
.knowledge-section h2 { margin: 0; font-size: 25px; letter-spacing: -.035em; }
.knowledge-essence { max-width: 760px; margin: 0 0 25px; font-size: 17px; line-height: 1.6; }
.knowledge-tone-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; }
.knowledge-tone-list h4 { margin: 0 0 12px; font-size: 12px; text-transform: uppercase; letter-spacing: .07em; }
.knowledge-tone-list ul { display: grid; gap: 10px; margin: 0; padding-left: 18px; color: var(--muted); line-height: 1.52; }
.knowledge-readonly { align-self: center; color: var(--muted); font-size: 11px; }
.knowledge-rows { border-top: 1px solid var(--line); }
.knowledge-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 15px 0; border-bottom: 1px solid var(--line); }
.knowledge-row strong, .knowledge-row small { display: block; }
.knowledge-row strong { font-size: 13px; }
.knowledge-row a { text-decoration: none; }
.knowledge-row a:hover { color: var(--accent); }
.knowledge-row small { margin-top: 4px; color: var(--muted); font-size: 10px; text-transform: capitalize; }
.knowledge-decisions { display: grid; gap: 10px; }
.knowledge-decision { padding: 19px 20px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.knowledge-decision.is-blocking { border-left: 3px solid var(--warn); }
.knowledge-decision > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto 18px; align-items: center; gap: 14px; cursor: pointer; list-style: none; }
.knowledge-decision > summary::-webkit-details-marker { display: none; }
.knowledge-decision > summary strong { display: block; margin-top: 4px; font-size: 15px; }
.knowledge-decision[open] > summary { padding-bottom: 15px; border-bottom: 1px solid var(--line); }
.knowledge-decision[open] > summary .locale-profile-expand { transform: rotate(180deg); }
.knowledge-decision-body { padding-top: 8px; }
.knowledge-decision p { margin: 8px 0; color: var(--muted); line-height: 1.55; }
.knowledge-decision p b { color: var(--ink); }
.knowledge-decision .button-row { margin-top: 16px; }
.knowledge-record { display: grid; gap: 4px; margin-top: 14px; padding: 12px 13px; border-left: 2px solid var(--good); background: var(--good-soft); }
.knowledge-record span { line-height: 1.45; }
.knowledge-record small { color: var(--muted); }
.knowledge-approvals { border-top: 1px solid var(--line); }
.knowledge-approval { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 16px; min-height: 67px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.knowledge-approval strong, .knowledge-approval small { display: block; }
.knowledge-approval small { max-width: 560px; margin-top: 4px; color: var(--muted); font-size: 11px; }
.knowledge-approval-actions { display: flex; gap: 3px; }
.knowledge-pipeline-action { margin: 14px 0 6px; }
.knowledge-agent-findings { margin-top: 9px; color: var(--muted); }
.knowledge-agent-findings summary { cursor: pointer; font-size: 11px; font-weight: 700; }
.knowledge-agent-findings ul { margin: 8px 0; padding-left: 18px; }
.knowledge-agent-findings dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; margin: 9px 0 0; }
.knowledge-agent-findings dl div { min-width: 0; }
.knowledge-agent-findings dt { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }
.knowledge-agent-findings dd { margin: 2px 0 0; overflow-wrap: anywhere; color: var(--text); font-size: 11px; }
.knowledge-section-copy { margin: -10px 0 20px; color: var(--muted); }
.locale-profile-list { display: grid; gap: 7px; }
.locale-profile { border: 1px solid var(--line); border-radius: 8px; background: var(--surface); overflow: clip; }
.locale-profile[open] { border-color: var(--line-strong); }
.locale-profile summary { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto 18px; align-items: center; gap: 14px; min-height: 65px; padding: 10px 15px; cursor: pointer; list-style: none; }
.locale-profile summary::-webkit-details-marker { display: none; }
.locale-profile summary:hover { background: var(--surface-muted); }
.locale-profile-code { width: 42px; height: 30px; display: grid; place-items: center; border-radius: 6px; background: var(--surface-muted); font: 700 11px/1 ui-monospace, monospace; }
.locale-profile summary strong, .locale-profile summary small { display: block; }
.locale-profile summary small { max-width: 660px; margin-top: 3px; color: var(--muted); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.locale-profile-expand { color: var(--muted); transition: transform .16s ease; }
.locale-profile[open] .locale-profile-expand { transform: rotate(180deg); }
.locale-profile-body { padding: 18px 22px 20px 81px; border-top: 1px solid var(--line); background: var(--surface-muted); }
.locale-profile-body dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 0; }
.locale-profile-body dt { margin-bottom: 5px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .055em; }
.locale-profile-body dd { margin: 0; line-height: 1.45; }
.locale-profile-body p { margin: 18px 0 0; color: var(--muted); font-size: 11px; }

.knowledge-nav-item { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); font: inherit; text-align: left; cursor: pointer; }
.knowledge-nav-item:hover { background: var(--surface-muted); color: var(--ink); }
.knowledge-nav-item.is-active { background: var(--accent-soft); color: var(--ink); font-weight: 700; }
.knowledge-nav-item b { min-width: 22px; padding: 2px 6px; border-radius: 999px; background: var(--surface-muted); color: var(--muted); font-size: 10px; text-align: center; }
.knowledge-page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 30px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.knowledge-page-head h1 { margin: 6px 0 7px; font-size: clamp(34px, 4vw, 48px); letter-spacing: -.05em; }
.knowledge-page-head p { max-width: 650px; margin: 0; color: var(--muted); line-height: 1.55; }
.knowledge-inbox-layout { display: grid; grid-template-columns: minmax(260px, .68fr) minmax(440px, 1.32fr); gap: 26px; align-items: start; }
.knowledge-inbox-list { position: sticky; top: 80px; max-height: calc(100vh - 150px); border-top: 1px solid var(--line); overflow-y: auto; overscroll-behavior: contain; }
.knowledge-inbox-row { width: 100%; display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 15px 10px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; cursor: pointer; }
.knowledge-inbox-row:hover, .knowledge-inbox-row.is-active { background: var(--surface-muted); }
.knowledge-inbox-row strong, .knowledge-inbox-row small { display: block; }
.knowledge-inbox-row strong { font-size: 13px; line-height: 1.35; }
.knowledge-inbox-row small { margin-top: 4px; color: var(--muted); font-size: 10px; text-transform: capitalize; }
.knowledge-risk-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--muted); }
.knowledge-risk-dot.is-critical { background: var(--danger); }
.knowledge-risk-dot.is-high { background: var(--warn); }
.knowledge-request-detail { border-left: 1px solid var(--line); padding-left: 28px; }
.knowledge-request-detail > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.knowledge-request-detail h2 { max-width: 620px; margin: 7px 0 22px; font-size: 28px; letter-spacing: -.04em; }
.knowledge-diff { display: grid; grid-template-columns: 1fr 1fr; border-block: 1px solid var(--line); }
.knowledge-diff section { padding: 19px 20px 19px 0; }
.knowledge-diff section + section { padding-left: 20px; border-left: 1px solid var(--line); }
.knowledge-diff span { color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.knowledge-diff p { margin: 9px 0 0; line-height: 1.55; }
.knowledge-request-block { padding: 25px 0; border-bottom: 1px solid var(--line); }
.knowledge-request-block h3 { margin: 0 0 10px; font-size: 14px; }
.knowledge-request-block > p { color: var(--muted); line-height: 1.55; }
.knowledge-request-block dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 20px 0 0; }
.knowledge-request-block dt { margin-bottom: 5px; color: var(--muted); font-size: 10px; text-transform: uppercase; }
.knowledge-request-block dd { margin: 0; font-size: 12px; line-height: 1.45; }
.knowledge-evidence { padding: 13px 0; border-top: 1px solid var(--line); }
.knowledge-evidence strong, .knowledge-evidence small { display: block; }
.knowledge-evidence small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.knowledge-evidence p { margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.knowledge-section-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.knowledge-check-line { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 14px; padding: 12px 0; border-top: 1px solid var(--line); }
.knowledge-check-line small { grid-column: 1 / -1; color: var(--muted); }
.knowledge-request-detail > footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding-top: 22px; }
.knowledge-request-detail > footer > small { grid-column: 1 / -1; color: var(--muted); text-align: right; }
.knowledge-empty { padding: 34px; border: 1px dashed var(--line); color: var(--muted); text-align: center; }
.knowledge-empty p { margin-bottom: 0; }
.knowledge-brands-layout { display: grid; grid-template-columns: minmax(260px, .65fr) minmax(440px, 1.35fr); gap: 36px; }
.knowledge-brand-directory { border-top: 1px solid var(--line); }
.knowledge-brand-line { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 14px 9px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; cursor: pointer; }
.knowledge-brand-line:hover, .knowledge-brand-line.is-active { background: var(--surface-muted); }
.knowledge-brand-line strong, .knowledge-brand-line small { display: block; }
.knowledge-brand-line small { max-width: 420px; margin-top: 4px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-brand-line > span:last-child { color: var(--muted); font-size: 10px; white-space: nowrap; }
.knowledge-brand-profile h2 { margin: 7px 0 12px; font-size: 34px; letter-spacing: -.045em; }
.knowledge-brand-profile > p { color: var(--muted); font-size: 16px; line-height: 1.6; }
.knowledge-brand-profile .knowledge-tone-grid { margin: 28px 0; padding-block: 25px; border-block: 1px solid var(--line); }
.knowledge-rule-table { border-top: 1px solid var(--line); }
.knowledge-rule-table > div { display: grid; grid-template-columns: minmax(220px, 1.45fr) minmax(130px, .7fr) minmax(130px, .7fr) auto auto; align-items: center; gap: 18px; min-height: 58px; padding: 9px 5px; border-bottom: 1px solid var(--line); }
.knowledge-rule-head { color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.knowledge-rule-table strong, .knowledge-rule-table small { display: block; }
.knowledge-rule-table small { margin-top: 3px; color: var(--muted); text-transform: capitalize; }
.knowledge-trigger-strip { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 24px; }
.knowledge-trigger-strip span { padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 10px; text-transform: capitalize; }
.knowledge-agent-row { display: grid; grid-template-columns: minmax(0, 1fr) auto 150px; align-items: center; gap: 20px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.knowledge-agent-row strong, .knowledge-agent-row small, .knowledge-agent-row code { display: block; }
.knowledge-agent-row small { max-width: 650px; margin: 5px 0; color: var(--muted); line-height: 1.45; }
.knowledge-agent-row code { color: var(--muted); font-size: 10px; }
.knowledge-agent-row > span:last-child { color: var(--muted); font-size: 10px; text-transform: capitalize; }
.knowledge-guardrails { margin-top: 28px; padding: 20px 0; border-block: 1px solid var(--line); }
.knowledge-guardrails p { max-width: 800px; margin-bottom: 0; color: var(--muted); line-height: 1.55; }
.knowledge-history { border-top: 1px solid var(--line); }
.knowledge-history > div { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 20px; padding: 14px 5px; border-bottom: 1px solid var(--line); }
.knowledge-history time, .knowledge-history small { color: var(--muted); font-size: 10px; }
.knowledge-history strong, .knowledge-history small { display: block; text-transform: capitalize; }
.knowledge-request-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.knowledge-section-title small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; }
.knowledge-published-list { margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--line); }
.knowledge-published-record { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.knowledge-published-record strong { display: block; margin-top: 6px; font-size: 14px; }
.knowledge-published-record p { margin: 8px 0; color: var(--muted); line-height: 1.55; }
.knowledge-published-record small { color: var(--faint); font-size: 10px; text-transform: capitalize; }
.knowledge-record-actions, .knowledge-source-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
.knowledge-version-strip { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 28px; border-block: 1px solid var(--line); }
.knowledge-version-strip > div { display: grid; gap: 4px; padding: 18px; border-right: 1px solid var(--line); }
.knowledge-version-strip > div:first-child { padding-left: 4px; }
.knowledge-version-strip > div:last-child { border-right: 0; }
.knowledge-version-strip strong { font-size: 22px; }
.knowledge-version-strip span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }
.historical-review-summary { display: grid; grid-template-columns: repeat(4, 1fr); margin: 24px 0; border-block: 1px solid var(--line); }
.historical-review-summary > div { display: grid; gap: 4px; padding: 17px 18px; border-right: 1px solid var(--line); }
.historical-review-summary > div:first-child { padding-left: 0; }
.historical-review-summary > div:last-child { border-right: 0; }
.historical-review-summary strong { font-size: 20px; }
.historical-review-summary span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }
.historical-review-policy { margin-bottom: 22px; padding: 14px 16px; border-left: 3px solid var(--accent); background: var(--accent-soft); }
.historical-review-policy strong { display: block; margin-bottom: 4px; font-size: 12px; }
.historical-review-policy p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.historical-review-list { display: grid; gap: 18px; }
.historical-review-card { padding: 22px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.historical-review-card > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.historical-review-card h2 { margin: 5px 0 7px; font-size: 18px; line-height: 1.3; }
.historical-review-card h2 a { color: inherit; text-decoration: none; }
.historical-review-card h2 a:hover { color: var(--accent); }
.historical-review-card header p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.historical-review-card > section { padding: 17px 0 5px; }
.historical-review-card h3, .historical-review-card legend { margin: 0 0 10px; color: var(--muted); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.historical-document { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 0; border-top: 1px solid var(--line); }
.historical-document a, .historical-document small { display: block; }
.historical-document a { color: var(--ink); font-size: 12px; font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.historical-document a:hover { color: var(--accent); }
.historical-document small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.historical-recommendation { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; margin: 13px 0 16px; padding: 15px 16px !important; border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line)); border-radius: 8px; background: var(--accent-soft); }
.historical-recommendation strong, .historical-recommendation small { display: block; }
.historical-recommendation strong { margin: 4px 0 5px; font-size: 13px; }
.historical-recommendation p { margin: 0 0 6px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.historical-recommendation small { color: var(--accent); font-size: 10px; font-weight: 700; }
.historical-recommendation-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.historical-saved-decision { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; margin: 13px 0 16px; padding: 15px 16px !important; border: 1px solid color-mix(in srgb, var(--good) 38%, var(--line)); border-radius: 8px; background: color-mix(in srgb, var(--good-soft) 72%, var(--surface)); }
.historical-saved-decision strong, .historical-saved-decision small { display: block; }
.historical-saved-decision strong { margin: 4px 0 5px; font-size: 13px; }
.historical-saved-decision p { margin: 0 0 6px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.historical-saved-decision small { color: var(--good); font-size: 10px; font-weight: 700; }
.historical-saved-decision.is-paused { border-color: color-mix(in srgb, var(--warn) 38%, var(--line)); background: var(--warn-soft); }
.historical-saved-decision.is-paused small { color: var(--warn); }
.historical-saved-decision.is-rejected { border-color: var(--line); background: var(--surface-muted); }
.historical-saved-decision.is-rejected small { color: var(--muted); }
.historical-risks { margin: 10px 0 16px; color: var(--muted); font-size: 11px; }
.historical-risks summary { cursor: pointer; font-weight: 700; }
.historical-risks ul { margin: 9px 0 0; padding-left: 18px; line-height: 1.55; }
.historical-review-card form { padding-top: 17px; border-top: 1px solid var(--line); }
.historical-review-card fieldset { margin: 0 0 16px; padding: 0; border: 0; }
.historical-scope-help { margin: -3px 0 11px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.historical-scope-options { display: flex; flex-wrap: wrap; gap: 8px; }
.historical-scope-options label { display: flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 7px; color: var(--muted); font-size: 11px; cursor: pointer; }
.historical-decision-row { display: grid; grid-template-columns: 190px minmax(0, 1fr) auto; align-items: start; gap: 12px; }
.historical-decision-row label { display: grid; gap: 6px; color: var(--muted); font-size: 10px; font-weight: 700; }
.historical-decision-row label > small { color: var(--faint); font-size: 9px; font-weight: 500; line-height: 1.4; }
.historical-decision-row > .button { height: 44px; align-self: end; }
.historical-decision-row select, .historical-decision-row textarea { width: 100%; height: 44px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-muted); color: var(--ink); font: inherit; }
.historical-decision-row textarea { min-height: 44px; resize: vertical; }
.historical-policy-note { display: block; margin-top: 11px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.historical-source-empty { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px; }
.historical-source-empty p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.button.compact { min-height: 29px; padding: 5px 8px; font-size: 10px; }
.danger-text { color: var(--danger) !important; }
.knowledge-editor { width: min(680px, 100%); }
.knowledge-editor-context { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 22px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.knowledge-editor-context small, .knowledge-editor-context strong { display: block; }
.knowledge-editor-context small { margin-bottom: 4px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .055em; }
.knowledge-editor-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.knowledge-evidence-editor { margin: 2px 0 22px; padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.knowledge-evidence-editor h3 { margin: 0 0 4px; font-size: 14px; }
.knowledge-evidence-editor > p { margin: 0 0 18px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.knowledge-evidence-editor .dialog-field:last-child { margin-bottom: 0; }
.knowledge-editor-footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.knowledge-editor-overlay { align-items: center; justify-content: center; }
.knowledge-editor-v2 { width: min(820px, 100%); height: min(920px, calc(100svh - 28px)); background: var(--surface-raised); }
.knowledge-editor-v2 > header { padding: 23px 30px 21px; }
.knowledge-editor-v2 > header h2 { margin: 5px 0 6px; font-size: 28px; letter-spacing: -.035em; }
.knowledge-editor-v2 > header p { max-width: 650px; font-size: 12px; line-height: 1.5; }
.knowledge-editor-v2 form { padding: 0; }
.knowledge-editor-map { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 30px; border-bottom: 1px solid var(--line); background: var(--surface); }
.knowledge-editor-map span { display: flex; align-items: center; gap: 8px; padding: 13px 0; color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .045em; }
.knowledge-editor-map b { color: var(--accent); font-size: 9px; }
.knowledge-editor-section { display: grid; grid-template-columns: 176px minmax(0, 1fr); gap: 30px; padding: 30px; border-bottom: 1px solid var(--line); }
.knowledge-editor-step { display: flex; align-items: flex-start; gap: 11px; }
.knowledge-editor-step > span { width: 27px; height: 27px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--accent); font-size: 9px; font-weight: 800; }
.knowledge-editor-step h3 { margin: 2px 0 6px; font-size: 13px; line-height: 1.3; }
.knowledge-editor-step p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.knowledge-editor-fields { min-width: 0; }
.knowledge-editor-fields .dialog-field { margin-bottom: 20px; }
.knowledge-editor-fields .dialog-field:last-child { margin-bottom: 0; }
.knowledge-editor-fields .dialog-field > span strong { font-size: 12px; }
.knowledge-editor-fields .dialog-field > span strong em { margin-left: 6px; color: var(--faint); font-size: 8px; font-style: normal; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.knowledge-editor-fields .dialog-field input, .knowledge-editor-fields .dialog-field textarea, .knowledge-editor-fields .dialog-field select { border-color: var(--line); background: var(--surface); }
.knowledge-editor-fields .dialog-field textarea { min-height: 0; }
.knowledge-type-guide, .knowledge-advanced { margin: -7px 0 21px; border-bottom: 1px solid var(--line); }
.knowledge-type-guide > summary, .knowledge-advanced > summary { width: fit-content; padding: 0 0 12px; color: var(--accent); cursor: pointer; font-size: 10px; font-weight: 700; list-style: none; }
.knowledge-type-guide > summary::-webkit-details-marker, .knowledge-advanced > summary::-webkit-details-marker { display: none; }
.knowledge-type-guide > summary::after, .knowledge-advanced > summary::after { content: " +"; }
.knowledge-type-guide[open] > summary::after, .knowledge-advanced[open] > summary::after { content: " −"; }
.knowledge-type-guide > div { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; padding-bottom: 13px; }
.knowledge-type-guide p { margin: 0; padding: 9px 0; border-top: 1px solid var(--line); }
.knowledge-type-guide p strong, .knowledge-type-guide p span { display: block; }
.knowledge-type-guide p strong { font-size: 10px; }
.knowledge-type-guide p span { margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.4; }
.knowledge-channel-field { margin: 0 0 21px; padding: 0; border: 0; }
.knowledge-channel-field legend { padding: 0; font-size: 12px; font-weight: 700; }
.knowledge-channel-field legend span { margin-left: 5px; color: var(--faint); font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }
.knowledge-channel-field > p { margin: 5px 0 10px; color: var(--muted); font-size: 10px; }
.knowledge-channel-field > div { display: flex; flex-wrap: wrap; gap: 7px; }
.knowledge-channel-field label { position: relative; cursor: pointer; }
.knowledge-channel-field input { position: absolute; opacity: 0; pointer-events: none; }
.knowledge-channel-field label span { min-width: 64px; display: block; padding: 8px 11px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--muted); font-size: 10px; font-weight: 650; text-align: center; transition: border-color .15s ease, background .15s ease, color .15s ease; }
.knowledge-channel-field input:checked + span { border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); background: var(--accent-soft); color: var(--accent); }
.knowledge-channel-field input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 2px; }
.knowledge-advanced { margin-top: 1px; }
.knowledge-advanced .dialog-field { padding: 2px 0 18px; }
.knowledge-evidence-note { margin-bottom: 20px; padding: 1px 0 1px 13px; border-left: 2px solid var(--accent); }
.knowledge-evidence-note strong { font-size: 11px; }
.knowledge-evidence-note p { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.knowledge-editor-v2 .knowledge-editor-footer { position: sticky; bottom: 0; z-index: 2; align-items: center; justify-content: space-between; margin: 0; padding: 16px 30px; border-top: 1px solid var(--line); background: color-mix(in srgb, var(--surface-raised) 96%, transparent); box-shadow: 0 -8px 24px rgba(0, 0, 0, .08); backdrop-filter: blur(12px); }
.knowledge-editor-v2 .knowledge-editor-footer > div:first-child { display: grid; gap: 3px; }
.knowledge-editor-v2 .knowledge-editor-footer > div:first-child strong { font-size: 11px; }
.knowledge-editor-v2 .knowledge-editor-footer > div:first-child span { max-width: 390px; color: var(--muted); font-size: 9px; line-height: 1.4; }

.history-shell { display: grid; gap: 0; }
.history-summary { display: grid; grid-template-columns: .8fr .8fr .8fr 1.4fr; border-block: 1px solid var(--line); }
.history-summary > div { min-width: 0; display: grid; gap: 7px; padding: 15px 18px; border-right: 1px solid var(--line); }
.history-summary > div:first-child { padding-left: 0; }
.history-summary > div:last-child { padding-right: 0; border-right: 0; }
.history-summary span { color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.history-summary strong { overflow-wrap: anywhere; font-size: 17px; line-height: 1.25; }
.history-filters { display: flex; flex-wrap: wrap; gap: 7px; padding: 18px 0 24px; border-bottom: 1px solid var(--line); }
.history-filter { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--muted); cursor: pointer; font-size: 11px; }
.history-filter:hover { border-color: var(--line-strong); color: var(--ink); }
.history-filter.is-active { border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); background: var(--accent-soft); color: var(--accent); }
.history-filter b { min-width: 19px; padding: 2px 5px; border-radius: 999px; background: var(--surface-muted); color: inherit; font-size: 9px; text-align: center; }
.history-filter.is-active b { background: color-mix(in srgb, var(--accent) 13%, var(--surface)); }
.history-stage-list { display: grid; }
.history-stage { display: grid; grid-template-columns: 142px minmax(0, 1fr); gap: 20px; padding: 30px 0 4px; border-bottom: 1px solid var(--line); }
.history-stage:last-child { border-bottom: 0; }
.history-stage > header { display: flex; align-items: flex-start; gap: 10px; padding-top: 2px; }
.history-stage > header > span { width: 25px; height: 25px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--muted); font-size: 9px; font-weight: 800; }
.history-stage > header h2 { margin: 1px 0 3px; font-size: 13px; line-height: 1.3; }
.history-stage > header small { color: var(--muted); font-size: 10px; }
.history-timeline { position: relative; margin: 0; padding: 0 0 14px 22px; list-style: none; }
.history-timeline::before { content: ""; position: absolute; top: 7px; bottom: 0; left: 5px; width: 1px; background: var(--line); }
.history-event { position: relative; animation: history-enter .32s ease-out both; animation-delay: calc(var(--history-index) * 24ms); }
.history-marker { position: absolute; z-index: 1; top: 8px; left: -22px; width: 11px; height: 11px; display: grid; place-items: center; border: 2px solid var(--surface); border-radius: 50%; background: var(--line-strong); color: white; font-size: 7px; font-weight: 900; }
.history-event.is-human .history-marker { width: 17px; height: 17px; top: 5px; left: -25px; background: var(--accent); }
.history-event.is-attention .history-marker { width: 17px; height: 17px; top: 5px; left: -25px; background: var(--warn); }
.history-event > article { padding: 0 0 22px 10px; }
.history-event + .history-event > article { padding-top: 18px; border-top: 1px solid var(--line); }
.history-event + .history-event .history-marker { top: 26px; }
.history-event > article > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.history-event h3 { margin: 4px 0 0; font-size: 14px; line-height: 1.35; }
.history-event time { flex: 0 0 auto; padding-top: 3px; color: var(--muted); font-size: 10px; }
.history-kind { color: var(--muted); font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .07em; }
.history-event.is-human .history-kind { color: var(--accent); }
.history-event.is-attention .history-kind { color: var(--warn); }
.history-event > article > p { max-width: 690px; margin: 8px 0 5px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.history-actor { color: var(--faint); font-size: 10px; }
.history-technical { margin-top: 9px; }
.history-technical > summary { width: fit-content; display: flex; align-items: center; gap: 6px; color: var(--muted); cursor: pointer; font-size: 10px; list-style: none; }
.history-technical > summary::-webkit-details-marker { display: none; }
.history-technical > summary span { display: inline-block; transition: transform .18s ease; }
.history-technical[open] > summary span { transform: rotate(180deg); }
.history-technical-body { margin-top: 10px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.history-technical-body dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 11px; }
.history-technical-body dl div { min-width: 0; }
.history-technical-body dt { margin-bottom: 3px; color: var(--faint); font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.history-technical-body dd { margin: 0; color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.history-technical-body code { font-size: 9px; }
.history-technical-body pre { max-height: 260px; margin: 0; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--muted); font-size: 9px; line-height: 1.45; }
.history-empty { padding: 46px 20px; text-align: center; }
.history-empty p { color: var(--muted); }
@keyframes history-enter { from { opacity: 0; transform: translateY(4px); } }
@media (prefers-reduced-motion: reduce) { .history-event { animation: none; } .history-technical > summary span { transition: none; } }

@media (max-width: 1100px) {
  .localize-layout { grid-template-columns: 230px minmax(0, 1fr); }
  .localize-workspace { padding-inline: 32px; }
  .knowledge-layout { grid-template-columns: 220px minmax(0, 1fr); }
  .knowledge-workspace { padding-inline: 34px; }
  .knowledge-inbox-layout, .knowledge-brands-layout { grid-template-columns: minmax(220px, .75fr) minmax(360px, 1.25fr); }
  .workspace { grid-template-columns: 180px minmax(0, 1fr); }
  .workspace .inspector-stack { position: static; grid-column: 2; }
  .flow-layout { grid-template-columns: 1fr; }
  .flow-layout .inspector { position: static; }
  .data-table .hide-tablet { display: none; }
  .history-stage { grid-template-columns: 120px minmax(0, 1fr); }
}

/* Keep the audit inspector below the main workspace until all three columns
   have enough room. This avoids making a 1180px viewport less usable than a
   narrower tablet layout. */
@media (min-width: 821px) and (max-width: 1320px) {
  .workspace { grid-template-columns: 180px minmax(0, 1fr); }
  .workspace .inspector-stack { position: static; grid-column: 2; }
}

@media (max-width: 820px) {
  :root { --rail: 0px; }
  .app-shell { padding-left: 0; padding-bottom: 64px; }
  .rail { inset: auto 0 0; width: 100%; height: 58px; flex-direction: row; justify-content: center; padding: 5px 10px; border-top: 1px solid #2a2c35; border-right: 0; }
  .brand-mark, .rail-footer { display: none; }
  .rail-nav { display: flex; justify-content: center; width: auto; margin: 0; }
  .rail-button { min-width: 76px; min-height: 46px; }
  .localize-heading { padding: 28px 20px 22px; }
  .localize-layout { grid-template-columns: 1fr; }
  .localize-sidebar { border-right: 0; border-bottom: 1px solid var(--line); }
  .localize-job-list { display: flex; overflow-x: auto; padding-bottom: 8px; }
  .localize-job-row { min-width: 190px; border-top: 0; border-left: 1px solid var(--line); }
  .localize-job-row:first-child { border-left: 0; }
  .localize-boundary { display: none; }
  .localize-workspace { padding: 32px 22px 80px; }
  .localize-translation-row { grid-template-columns: 1fr; }
  .localize-target-column { padding-left: 0; border-top: 1px dashed var(--line); border-left: 0; }
  .localize-locale-savebar { bottom: 58px; }
  .knowledge-layout { grid-template-columns: 1fr; }
  .knowledge-sidebar { position: static; height: auto; padding: 18px 16px; border-right: 0; border-bottom: 1px solid var(--line); }
  .knowledge-sidebar-head { padding: 0 0 14px; }
  .knowledge-sidebar nav { display: flex; overflow-x: auto; }
  .knowledge-mobile-picker { display: grid; gap: 6px; margin-bottom: 12px; }
  .knowledge-mobile-picker > span { color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
  .knowledge-mobile-picker select { width: 100%; padding: 10px 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); }
  .knowledge-sidebar nav { display: flex; }
  .knowledge-nav-item { min-width: max-content; }
  .knowledge-brand { min-width: 190px; }
  .knowledge-boundary { margin-top: 14px; padding: 13px 0 0; }
  .knowledge-workspace { padding: 30px 22px 80px; }
  .knowledge-inbox-layout, .knowledge-brands-layout { grid-template-columns: 1fr; }
  .knowledge-inbox-list { position: static; max-height: 310px; overflow-y: auto; }
  .knowledge-request-detail { border-left: 0; padding-left: 0; }
  .knowledge-rule-table > div { grid-template-columns: minmax(190px, 1fr) auto auto; }
  .knowledge-rule-table > div > span:nth-child(2), .knowledge-rule-table > div > span:nth-child(3) { display: none; }
  .knowledge-agent-row { grid-template-columns: minmax(0, 1fr) auto; }
  .knowledge-agent-row > span:last-child { grid-column: 1 / -1; }
  .knowledge-approval { grid-template-columns: minmax(0, 1fr) auto; }
  .knowledge-approval-actions { grid-column: 1 / -1; }
  .knowledge-published-record { grid-template-columns: 1fr; }
  .knowledge-record-actions, .knowledge-source-actions { justify-content: flex-start; }
  .knowledge-row { align-items: start; grid-template-columns: 1fr; }
  .knowledge-editor-grid { grid-template-columns: 1fr; }
  .knowledge-editor-overlay { padding: 0; }
  .knowledge-editor-v2 { width: 100%; height: 100svh; border: 0; border-radius: 0; }
  .knowledge-editor-v2 > header { padding: 20px 20px 18px; }
  .knowledge-editor-v2 > header h2 { font-size: 24px; }
  .knowledge-editor-map { padding: 0 20px; overflow-x: auto; }
  .knowledge-editor-map span { min-width: 105px; }
  .knowledge-editor-section { grid-template-columns: 1fr; gap: 20px; padding: 25px 20px; }
  .knowledge-editor-step { max-width: 390px; }
  .knowledge-type-guide > div { grid-template-columns: 1fr; }
  .knowledge-editor-v2 .knowledge-editor-footer { align-items: stretch; flex-direction: column; padding: 14px 20px; }
  .knowledge-editor-v2 .knowledge-editor-footer .button-row { justify-content: flex-end; }
  .historical-review-summary { grid-template-columns: 1fr 1fr; }
  .historical-review-summary > div:nth-child(2) { border-right: 0; }
  .historical-review-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .historical-review-summary > div:nth-child(3) { padding-left: 0; }
  .historical-decision-row { grid-template-columns: 1fr; align-items: stretch; }
  .historical-decision-row .button { width: 100%; }
  .historical-source-empty, .historical-document { align-items: stretch; flex-direction: column; }
  .historical-recommendation, .historical-saved-decision { grid-template-columns: 1fr; align-items: stretch; }
  .topbar { padding: 0 16px; }
  .topbar-status { display: none; }
  .review-guidance { grid-template-columns: 28px minmax(0, 1fr); }
  .warning-resolution > header { align-items: stretch; flex-direction: column; }
  .warning-resolution > header .button { width: 100%; }
  .warning-resolution li { grid-template-columns: 1fr; gap: 4px; }
  .inline-rewrite-comparison { grid-template-columns: 1fr; }
  .inline-rewrite-comparison > div + div { border-top: 1px solid var(--line); border-left: 0; }
  .inline-rewrite > header, .inline-rewrite > footer { align-items: stretch; flex-direction: column; }
  .inline-rewrite > footer .button-row { justify-content: flex-end; }
  .page { padding: 20px 16px; }
  .summary-strip { grid-template-columns: repeat(2, 1fr); }
  .metric:nth-child(2) { border-right: 0; }
  .metric:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .queue-toolbar { align-items: stretch; flex-direction: column; }
  .segmented { overflow-x: auto; }
  .search { width: 100%; margin: 0; }
  .line-page { padding-top: 24px; }
  .line-heading { align-items: flex-start; flex-direction: column; margin-bottom: 22px; }
  .sync-cluster { width: 100%; justify-content: space-between; }
  .line-tabs { gap: 22px; overflow-x: auto; }
  .line-tab { flex: 0 0 auto; }
  .line-filters { align-items: stretch; flex-wrap: wrap; }
  .line-filters .search { width: 100%; min-width: 100%; }
  .filter-select { flex: 1; }
  .filter-select select { width: 100%; }
  .filter-result { display: grid; align-items: center; }
  .work-page { padding-top: 24px; }
  .work-heading { align-items: flex-start; flex-direction: column; margin-bottom: 22px; }
  .recent-workflow { grid-template-columns: 3px minmax(0, 1fr); }
  .recent-workflow-action { grid-column: 2; width: min(190px, 100%); }
  .work-list { overflow-x: auto; }
  .work-list-head, .work-row { grid-template-columns: 42px minmax(240px, 1fr) minmax(140px, .5fr) 100px; min-width: 760px; }
  .work-list-head > span:nth-child(4), .work-row .work-updated { display: none; }
  .workspace { grid-template-columns: 1fr; }
  .precedent-evidence-row { grid-template-columns: 1fr; gap: 7px; }
  .run-history-notice { align-items: stretch; flex-direction: column; }
  .run-history-notice .button { width: 100%; }
  .jira-update-notice { flex-direction: column; }
  .jira-update-notice .button { width: 100%; }
  .rolling-series-export { grid-template-columns: 1fr; }
  .rolling-series-export .button-row { align-items: stretch; flex-direction: column; }
  .rolling-series-export .button { width: 100%; }
  .workspace-nav { position: static; display: flex; overflow-x: auto; padding-bottom: 10px; scrollbar-width: thin; scrollbar-color: var(--line-strong) transparent; }
  .workspace-nav::-webkit-scrollbar, .work-tabs::-webkit-scrollbar { height: 5px; }
  .workspace-nav::-webkit-scrollbar-thumb, .work-tabs::-webkit-scrollbar-thumb { border-radius: 999px; background: var(--line-strong); }
  .workspace-tab { width: auto; flex: 0 0 auto; }
  .workspace .inspector-stack { grid-column: auto; }
  .field-grid { grid-template-columns: 1fr; }
  .manual-source-grid { grid-template-columns: 1fr; }
  .field.wide { grid-column: auto; }
  .brief-meta { grid-template-columns: repeat(2, 1fr); }
  .brief-meta span:nth-child(2) { border-right: 0; }
  .brief-meta span:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .evidence-row { grid-template-columns: 100px minmax(0, 1fr); gap: 10px 14px; }
  .evidence-row > small { grid-column: 2; text-align: left; }
  .locale-row { grid-template-columns: 90px minmax(160px, 1fr) 80px auto; min-width: 620px; }
  .locale-grid { overflow-x: auto; }
  .locale-source-binding > header { flex-direction: column; }
  .source-hash-lock { justify-items: start; }
  .locale-batch-controls { align-items: stretch; }
  .locale-blocker-resolution { grid-template-columns: 1fr; }
  .locale-review-section > summary { grid-template-columns: 24px minmax(0, 1fr) auto 20px 18px; }
  .history-summary { grid-template-columns: 1fr 1fr; }
  .history-summary > div:nth-child(2) { border-right: 0; }
  .history-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .history-summary > div:nth-child(3) { padding-left: 0; }
  .history-stage { grid-template-columns: 1fr; gap: 16px; }
  .history-stage > header { padding-left: 1px; }
}

@media (max-width: 560px) {
  .localize-heading { align-items: stretch; flex-direction: column; }
  .localize-heading .button { width: 100%; }
  .localize-empty { grid-template-columns: 1fr; align-items: start; gap: 25px; min-height: auto; padding-top: 28px; }
  .localize-empty-mark { width: 78px; height: 96px; box-shadow: 8px 8px 0 var(--accent-soft); font-size: 24px; }
  .localize-composer > header, .localize-document-head, .localize-checks > header, .localize-english-review > header, .localize-review-toolbar, .localize-review-actions, .localize-confirm, .localize-generate > header, .localize-generate > footer, .localize-translation-head, .localize-locale-check > header, .localize-locale-approval, .localize-delivery, .localize-review-proposal > header, .localize-review-proposal > footer, .localize-structure-heading { align-items: stretch; flex-direction: column; }
  .localize-delivery { grid-template-columns: 1fr; }
  .localize-delivery > header, .localize-delivery > p, .localize-delivery-meta, .localize-delivery-action { grid-column: 1; }
  .localize-delivery-action { grid-row: auto; width: 100%; }
  .localize-publication-ready { align-items: stretch; flex-direction: column; }
  .localize-publication-ready .button-row, .localize-publication-ready .button { width: 100%; }
  .localize-result-history li { grid-template-columns: 32px minmax(0, 1fr); padding-block: 9px; }
  .localize-result-history-flags { grid-column: 2; }
  .localize-document-status { justify-items: start; }
  .localize-setup-row, .localize-field-row, .localize-preview-block, .localize-block-editor, .localize-outdated { grid-template-columns: 1fr; }
  .localize-field-row { gap: 9px; }
  .localize-field-remove { margin-top: 0; justify-self: end; }
  .localize-source-tabs { gap: 17px; overflow-x: auto; }
  .localize-source-tab { flex: 0 0 auto; }
  .localize-preview-summary span { padding-inline: 8px; }
  .localize-preview-summary span + span { padding-left: 8px; }
  .localize-preview-block, .localize-block-editor { gap: 8px; }
  .localize-block-editor > footer { grid-column: auto; align-items: flex-start; flex-direction: column; }
  .localize-block-editor > footer > div { width: 100%; flex-wrap: wrap; }
  .localize-block-editor > footer > div button { flex: 1 1 auto; }
  .localize-structure-preview li { grid-template-columns: 25px minmax(0, 1fr); }
  .localize-structure-preview li em { grid-column: 2; }
  .localize-target-entry { max-width: none; }
  .localize-batch-toolbar { align-items: stretch; flex-direction: column; }
  .localize-batch-toolbar > label { width: 100%; }
  .localize-batch-toolbar > div { display: grid; grid-template-columns: 1fr 1fr; }
  .localize-batch-list { grid-template-columns: 1fr; }
  .localize-batch-row { border-right: 0; }
  .localize-locale-editor { grid-template-columns: 1fr; }
  .localize-locale-editor small { grid-column: auto; }
  .localize-actions { align-items: stretch; flex-direction: column; }
  .localize-actions .button, .localize-confirm .button-row, .localize-confirm .button { width: 100%; }
  .localize-review-context { min-width: 0; }
  .localize-review-toolbar .button, .localize-review-actions .button-row, .localize-review-actions .button { width: 100%; }
  .localize-review-summary { grid-template-columns: 1fr; }
  .localize-review-score { padding: 0 0 14px; border-right: 0; border-bottom: 1px solid var(--line); }
  .localize-review-categories { grid-template-columns: 1fr 1fr; }
  .localize-review-categories > span { border-bottom: 1px solid var(--line); }
  .localize-english-diff article { grid-template-columns: 1fr; gap: 7px; }
  .localize-generate .button, .localize-locale-approval .button-row, .localize-locale-approval .button { width: 100%; }
  .localize-locale-approval .button-row { display: grid; }
  .localize-translation-head-actions { align-items: stretch; justify-content: space-between; }
  .localize-translation-head-actions .button { flex: 1; }
  .localize-editor-filters { gap: 14px; overflow-x: auto; }
  .localize-history-compare-row { grid-template-columns: 1fr; gap: 6px; }
  .localize-locale-history li { grid-template-columns: 32px minmax(0, 1fr); padding-block: 10px; }
  .localize-locale-history li > .button-row { grid-column: 2; display: flex; }
  .localize-locale-history li > .button-row .button { width: auto; }
  .localize-review-diff { grid-template-columns: 1fr; gap: 7px; }
  .localize-review-proposal .button { width: 100%; }
  .localize-task-results button { grid-template-columns: 72px minmax(0, 1fr); }
  .task-analysis-notice { grid-template-columns: 20px minmax(0, 1fr); align-items: start; padding-inline: 14px; }
  .task-analysis-notice > .button, .task-analysis-phase { grid-column: 2; justify-self: start; }
  .task-analysis-notice > .button { width: 100%; margin-top: 6px; }
  .page-heading, .flow-header { flex-direction: column; }
  .plan-facts { grid-template-columns: 1fr; }
  .plan-facts > div { padding: 12px 0; }
  .plan-facts > div + div { padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }
  .plan-facts strong { white-space: normal; }
  .plan-output-row { grid-template-columns: 28px minmax(0, 1fr); }
  .plan-output-row > small { grid-column: 2; }
  .plan-coverage-status { align-items: start; }
  .plan-approval-simple .button-row, .plan-approval-simple .button { width: 100%; }
  .page-heading .button, .flow-header .button { width: 100%; }
  .summary-strip { grid-template-columns: 1fr 1fr; }
  .metric { padding: 13px; }
  .metric strong { font-size: 18px; }
  .line-heading h1 { font-size: 38px; }
  .work-heading h1 { font-size: 38px; }
  .work-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
  .recent-workflow { gap: 12px; padding-block: 17px; }
  .recent-workflow-copy strong { white-space: normal; }
  .recent-workflow-copy small { flex-wrap: wrap; white-space: normal; }
  .recent-workflow-action { width: 100%; }
  .work-tabs { gap: 20px; overflow-x: auto; }
  .work-tabs { padding-bottom: 5px; scrollbar-width: thin; scrollbar-color: var(--line-strong) transparent; }
  .work-tab { flex: 0 0 auto; white-space: nowrap; }
  .knowledge-workspace { padding-inline: 16px; }
  .knowledge-page-head { align-items: flex-start; flex-direction: column; }
  .knowledge-diff { grid-template-columns: 1fr; }
  .knowledge-diff section + section { padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }
  .knowledge-request-block dl { grid-template-columns: 1fr; }
  .knowledge-request-detail > footer { grid-template-columns: 1fr; }
  .knowledge-request-detail > footer > small { text-align: left; }
  .knowledge-rule-table > div { grid-template-columns: minmax(0, 1fr) auto; }
  .knowledge-rule-table > div > span:nth-child(2) { display: none; }
  .knowledge-history > div { grid-template-columns: 1fr; gap: 5px; }
  .knowledge-hero { flex-direction: column; }
  .knowledge-score { justify-items: start; }
  .knowledge-metrics { grid-template-columns: 1fr 1fr; }
  .knowledge-metrics > div:nth-child(2) { border-right: 0; }
  .knowledge-metrics > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .knowledge-metrics > div:nth-child(3) { padding-left: 0; }
  .knowledge-tone-grid { grid-template-columns: 1fr; gap: 25px; }
  .knowledge-section > header { grid-template-columns: 1fr; align-items: start; }
  .knowledge-section > header .eyebrow { grid-column: auto; }
  .knowledge-readonly { margin-top: 5px; }
  .knowledge-decision > summary { grid-template-columns: minmax(0, 1fr) auto 18px; }
  .knowledge-approval { grid-template-columns: 1fr; }
  .knowledge-approval-actions { grid-column: auto; flex-wrap: wrap; }
  .knowledge-agent-findings dl { grid-template-columns: 1fr; }
  .locale-profile summary { grid-template-columns: 48px minmax(0, 1fr) 18px; }
  .locale-profile summary .pill { grid-column: 2; justify-self: start; }
  .locale-profile-expand { grid-column: 3; grid-row: 1; }
  .locale-profile-body { padding: 17px; }
  .locale-profile-body dl { grid-template-columns: 1fr; gap: 14px; }
  .locale-pipeline-overview { margin-inline: -2px; padding-inline: 13px; }
  .locale-batch-controls { flex-direction: column; align-items: stretch; }
  .locale-batch-controls label { justify-content: flex-start; }
  .locale-batch-controls .button { width: 100%; }
  .locale-batch-controls .button.primary { flex-basis: auto; }
  .locale-review-section > summary { grid-template-columns: 24px minmax(0, 1fr) 20px 18px; grid-template-rows: auto auto; gap: 4px 10px; min-height: 76px; padding-inline: 12px; }
  .locale-review-section > summary .locale-state-icon { grid-column: 1; grid-row: 1 / 3; }
  .locale-review-section > summary .locale-summary-copy { grid-column: 2; grid-row: 1; width: 100%; }
  .locale-summary-copy small { width: 100%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .locale-review-section > summary .locale-status-label { grid-column: 2; grid-row: 2; justify-self: start; }
  .locale-review-section > summary > :nth-child(4) { grid-column: 3; grid-row: 1 / 3; align-self: center; }
  .locale-review-section > summary .locale-disclosure { grid-column: 4; grid-row: 1 / 3; align-self: center; }
  .sync-cluster { align-items: stretch; flex-direction: column; }
  .sync-cluster .button { width: 100%; }
  .line-board { border-radius: 10px; }
  .line-tabs { margin-right: 0; padding: 0 16px; }
  .filter-select { min-width: calc(50% - 5px); }
  .filter-result { width: 100%; text-align: left; }
  .line-table { min-width: 100%; table-layout: fixed; }
  .line-table th:first-child, .line-table td:first-child { width: 122px; padding-left: 16px; }
  .line-table th:nth-child(3), .line-table td:nth-child(3), .line-table th:nth-child(4), .line-table td:nth-child(4) { display: none; }
  .line-table th:last-child, .line-table td:last-child { display: none; }
  .line-table .task-title { display: -webkit-box; max-width: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
  .line-table td { height: 78px; padding-right: 8px; }
  .mobile-task-state { display: block; color: var(--muted); }
  .task-sub > span:not(.mobile-task-state) { display: none; }
  .work-list { overflow: hidden; }
  .work-list-head { display: none; }
  .work-row { grid-template-columns: 28px minmax(0, 1fr) 28px; gap: 10px; min-width: 0; min-height: 88px; padding: 13px 0; }
  .work-stage, .work-updated { display: none; }
  .work-task strong { white-space: normal; }
  .work-task .work-mobile-stage { display: block; color: var(--accent); }
  .work-next small { display: none; }
  .content-header, .content-body, .editor, .review-document { padding: 17px; }
  .history-summary > div { padding: 13px 11px; }
  .history-summary > div:nth-child(odd) { padding-left: 0; }
  .history-summary > div:nth-child(even) { padding-right: 0; }
  .history-summary strong { font-size: 14px; }
  .history-event > article > header { display: grid; gap: 5px; }
  .history-event time { grid-row: 2; }
  .history-technical-body dl { grid-template-columns: 1fr; }
  .qa-summary, .format-grid { grid-template-columns: 1fr; }
  .deliverable-control-bar, .export-format-row, .export-format-row.is-google { grid-template-columns: 1fr; align-items: stretch; }
  .deliverable-control-bar > .button, .export-format-row > .button { width: 100%; }
  .export-format-row .pill { justify-self: start; }
  .deliverable-link { flex-direction: column; }
  .review-asset dl div { grid-template-columns: 1fr; gap: 3px; }
  .editor-footer { align-items: stretch; flex-direction: column; }
  .editor-footer .button { width: 100%; }
  .jira-brief > header, .review-section-heading, .source-use-title, .copy-asset > header, .copy-field-head { align-items: stretch; flex-direction: column; }
  .review-heading-actions { justify-content: space-between; width: 100%; }
  .source-toolbar, .source-batch-toolbar, .source-batch-toolbar > div, .manual-source-composer > header, .manual-source-composer > footer { align-items: stretch; flex-direction: column; }
  .source-batch-toolbar .button { width: 100%; }
  .source-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .source-actions .button { width: 100%; white-space: normal; }
  .jira-brief > header .button { width: 100%; }
  .brief-meta { grid-template-columns: 1fr; }
  .brief-meta span { border-right: 0; border-bottom: 1px solid var(--line); }
  .brief-meta span:last-child { border-bottom: 0; }
  .jira-brief-copy { padding: 19px 17px 21px; font-size: 14px; }
  .evidence-row, .deliverable-line { grid-template-columns: 1fr; gap: 4px; }
  .evidence-row > small { grid-column: auto; }
  .jira-links a { grid-template-columns: 1fr; gap: 4px; overflow-wrap: anywhere; }
  .approval-composer, .approval-receipt { padding: 17px; }
  .english-review-phase { margin-top: 28px; }
  .durable-operation-notice, .durable-operation-notice.is-failed { grid-template-columns: 22px minmax(0, 1fr); }
  .durable-operation-attempt, .durable-operation-notice.is-failed > .button { grid-column: 2; justify-self: start; }
  .durable-operation-notice.is-failed > .button { width: 100%; }
  .english-handoff-action { grid-template-columns: 1fr; align-items: stretch; }
  .english-handoff-action > .pill { justify-self: start; }
  .english-handoff-action > .button, .english-handoff-action .google-publication-actions { width: 100%; }
  .english-handoff-action .google-publication-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .english-linguist-review > summary { grid-template-columns: 1fr; gap: 12px; }
  .linguist-summary-state { justify-items: start; min-width: 0; }
  .inline-comment-heading, .inline-comment-footer { align-items: stretch; flex-direction: column; }
  .copy-selection-toolbar { align-items: stretch; flex-direction: column; }
  .copy-selection-toolbar .button-row { justify-content: flex-end; }
  .inline-comment-footer > .button, .inline-comment-footer > .button-row { width: 100%; }
  .inline-comment-footer .button-row { justify-content: flex-end; }
  .inline-field-editor-footer { align-items: stretch; flex-direction: column; }
  .inline-field-editor-footer .button { width: 100%; }
  .inline-option { grid-template-columns: 1fr; gap: 10px; }
  .inline-option .button { width: 100%; }
  .dialog-overlay { padding: 0; }
  .edit-dialog { border-width: 0; border-radius: 0; }
  .edit-dialog > header, .edit-dialog form { padding: 18px; }
}
.historical-brand-selector { display: grid; gap: .35rem; min-width: min(22rem, 100%); text-align: left; }
.historical-brand-selector > span { color: var(--muted); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.historical-brand-selector select { min-height: 2.8rem; padding: .65rem .85rem; border: 1px solid var(--line); border-radius: .75rem; background: var(--surface); color: var(--text); font: inherit; font-weight: 700; }
.historical-brand-selector small { color: var(--muted); font-size: .78rem; }

/* Localize D6: compact pilot workspace, accessible navigation and responsive queue. */
.localize-heading { align-items: center; padding: 21px clamp(24px, 3vw, 44px) 19px; }
.localize-heading h1 { margin: 3px 0 5px; font-size: clamp(26px, 2.5vw, 30px); line-height: 1; letter-spacing: -.04em; }
.localize-heading p { max-width: 720px; font-size: 14px; }
.localize-heading .button-row { flex: 0 0 auto; }
.localize-heading-jobs, .localize-queue-toggle, .localize-sidebar-close, .localize-queue-scrim { display: none; }
.localize-layout { grid-template-columns: 280px minmax(0, 1fr); min-height: calc(100svh - 142px); }
.localize-sidebar-head { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; min-height: 58px; align-items: center; }
.localize-workspace { padding: 30px clamp(28px, 4vw, 62px) 96px; }
.localize-workspace > section { width: min(1120px, 100%); }
.localize-empty { grid-template-columns: minmax(0, 680px); min-height: 420px; }
.localize-empty h2 { font-size: clamp(28px, 3vw, 40px); }
.localize-document-head { align-items: center; padding-bottom: 18px; }
.localize-document-head h2 { margin: 5px 0; font-size: clamp(26px, 2.6vw, 30px); }
.localize-document-head h2:focus { outline: none; }
.localize-package-strip { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.localize-package-strip > div:first-child { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 4px 14px; }
.localize-package-strip .eyebrow { grid-column: 1 / -1; }
.localize-package-strip strong { font-size: 15px; }
.localize-package-strip small { color: var(--muted); }
.localize-package-strip > div:last-child { display: flex; align-items: center; gap: 10px; }
.localize-workspace-tabs { position: sticky; z-index: 2; top: 58px; display: flex; gap: 26px; overflow-x: auto; border-bottom: 1px solid var(--line-strong); background: color-mix(in srgb, var(--surface) 96%, transparent); backdrop-filter: blur(12px); }
.localize-workspace-tab { position: relative; flex: 0 0 auto; min-width: 72px; min-height: 50px; padding: 0; border: 0; background: transparent; color: var(--muted); font: 720 13px/1 Inter, ui-sans-serif, sans-serif; cursor: pointer; }
.localize-workspace-tab::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--accent); content: ""; opacity: 0; transform: scaleX(.5); transition: opacity .14s ease, transform .14s ease; }
.localize-workspace-tab:hover { color: var(--ink); }
.localize-workspace-tab.is-active { color: var(--accent); }
.localize-workspace-tab.is-active::after { opacity: 1; transform: scaleX(1); }
.localize-workspace-tab:focus-visible { border-radius: 4px; outline: 2px solid var(--accent); outline-offset: -4px; }
.localize-workspace-panel { min-width: 0; outline: none; }
.localize-workspace-panel:focus-visible { box-shadow: inset 0 0 0 2px var(--accent); }
.localize-source-workspace, .localize-audit-history { min-width: 0; }
.localize-audit-history { padding-top: 28px; }
.localize-audit-history > header { padding-bottom: 20px; border-bottom: 2px solid var(--ink); }
.localize-audit-history h3 { margin: 5px 0 7px; font-size: 22px; }
.localize-audit-history p { max-width: 720px; margin: 0; color: var(--muted); }
.localize-history-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; padding-top: 24px; }
.localize-history-columns h4 { margin: 0 0 9px; font-size: 13px; }
.localize-history-columns ol { margin: 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.localize-history-columns li { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; min-height: 62px; padding: 9px 0; border-bottom: 1px solid var(--line); }
.localize-history-columns li > span { color: var(--accent); font: 760 11px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.localize-history-columns li strong, .localize-history-columns li small { display: block; }
.localize-history-columns li strong { font-size: 12px; }
.localize-history-columns li small { margin-top: 3px; color: var(--muted); }
.localize-history-columns li > .button { grid-column: 2; justify-self: start; }
.localize-page button, .localize-page input, .localize-page select { min-height: 44px; }
.localize-page p, .localize-page textarea, .localize-page input, .localize-page select { font-size: 14px; }
.localize-page small, .localize-page .eyebrow { font-size: 12px; line-height: 1.45; }
.localize-page .pill { min-height: 24px; font-size: 10px; }
.localize-page .localize-job-row strong, .localize-page .localize-job-row small { font-size: 12px; }
.localize-page .localize-structure-preview li, .localize-page .localize-block-editor > header small, .localize-page .localize-token-status > span { font-size: 12px; }
.localize-page .localize-inline-error, .localize-page .localize-inline-advice { font-size: 12px; }
.localize-source-segments { display: grid; gap: 10px; }
.localize-source-segments label { display: grid; gap: 5px; }
.localize-source-segments label > span { color: var(--muted); font-size: 11px; font-weight: 700; }
.localize-source-segments textarea { width: 100%; }
.localize-locale-segments { display: grid; gap: 9px; }
.localize-locale-segments > label { display: grid; gap: 4px; }
.localize-locale-segments > label > span { color: var(--muted); font-size: 11px; font-weight: 700; }

@media (max-width: 1100px) {
  .localize-heading-jobs, .localize-queue-toggle { display: inline-flex; }
  .localize-layout { grid-template-columns: 1fr; }
  .localize-sidebar { position: fixed; z-index: 22; inset: 58px auto 0 var(--rail); display: none; width: min(360px, calc(100vw - var(--rail) - 24px)); border-right: 1px solid var(--line-strong); border-bottom: 0; box-shadow: 20px 0 55px rgb(24 29 34 / 18%); }
  .localize-sidebar-close { display: grid; width: 44px; height: 44px; place-items: center; border: 0; background: transparent; color: var(--muted); font-size: 22px; cursor: pointer; }
  .localize-job-list { display: grid; overflow-y: auto; padding: 0 9px; }
  .localize-job-row { min-width: 0; border-top: 1px solid var(--line); border-left: 0; }
  .localize-job-row:first-child { border-top: 0; }
  .localize-boundary { display: grid; }
  .localize-queue-scrim { position: fixed; z-index: 21; inset: 58px 0 0 var(--rail); width: auto; height: auto; border: 0; background: rgb(17 20 24 / 34%); opacity: 0; pointer-events: none; }
  .localize-page.has-open-queue .localize-sidebar { display: flex; }
  .localize-page.has-open-queue .localize-queue-scrim { display: block; opacity: 1; pointer-events: auto; }
  .localize-history-columns { grid-template-columns: 1fr 1fr; }
  .localize-history-columns > section:last-child { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
  .localize-sidebar { inset: 0 auto 58px 0; width: min(380px, calc(100vw - 20px)); }
  .localize-queue-scrim { inset: 0 0 58px; }
  .localize-heading { align-items: flex-start; padding: 18px 18px 16px; }
  .localize-heading p { display: none; }
  .localize-workspace { padding: 22px 18px 92px; }
  .localize-workspace-tabs { top: 58px; gap: 20px; }
  .localize-package-strip { align-items: flex-start; }
  .localize-document-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; }
  .localize-queue-toggle { align-self: start; }
  .localize-document-head > div:nth-child(2) { min-width: 0; }
  .localize-document-head h2 { font-size: 26px; }
  .localize-document-head p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .localize-locale-savebar { bottom: 58px; }
  .toast-region { right: 12px; bottom: calc(70px + env(safe-area-inset-bottom)); left: 12px; }
  .toast, .toast-problem { width: auto; max-width: none; }
}

@media (max-width: 560px) {
  .localize-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; }
  .localize-heading > div:first-child { min-width: 0; }
  .localize-heading h1 { font-size: 27px; }
  .localize-heading .button-row { display: grid; grid-template-columns: auto auto; }
  .localize-heading .button { width: auto; padding-inline: 12px; }
  .localize-heading-jobs { display: none; }
  .localize-document-head { grid-template-columns: auto minmax(0, 1fr); }
  .localize-document-status { grid-column: 2; justify-items: start; }
  .localize-package-strip { align-items: stretch; flex-direction: column; gap: 12px; }
  .localize-package-strip > div:first-child { grid-template-columns: 1fr; }
  .localize-package-strip > div:last-child { justify-content: space-between; }
  .localize-workspace-tabs { gap: 18px; margin-inline: -18px; padding-inline: 18px; }
  .localize-workspace-tabs { position: static; }
  .localize-workspace-tab { min-width: max-content; }
  .localize-history-columns { grid-template-columns: 1fr; gap: 24px; }
  .localize-history-columns > section:last-child { grid-column: auto; }
  .localize-batch-row { min-height: 64px; }
  .localize-translation-row { grid-template-columns: 1fr; }
  .localize-source-column { padding-right: 0; }
  .localize-target-column { padding-left: 0; border-top: 1px dashed var(--line); border-left: 0; }
}

@media (max-width: 360px) {
  .localize-heading, .localize-workspace { padding-inline: 14px; }
  .localize-heading .button-row { gap: 5px; }
  .localize-heading .button { padding-inline: 9px; }
  .localize-workspace-tabs { margin-inline: -14px; padding-inline: 14px; }
  .localize-package-strip > div:last-child { align-items: stretch; flex-direction: column; }
  .localize-package-strip .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .localize-page *, .localize-page *::before, .localize-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Localizations desktop workspace — UX1 */
.localize-desktop { background: var(--surface); min-height: calc(100svh - 58px); }
.localize-desktop .localize-workspace { max-width: 1680px; margin: auto; padding: 14px 28px 32px; }
.localize-desktop .localize-workspace > section { width: 100%; }
.localize-desktop .localize-document { border: 0; background: none; box-shadow: none; }
.localize-desktop .localize-document-head { display: flex; min-height: 54px; gap: 20px; padding: 0 0 10px; }
.localize-desktop .localize-job-heading { flex: 1; min-width: 0; }
.localize-desktop .localize-job-heading h2 { font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; margin: 0; }
.localize-desktop .localize-job-heading p { margin: 3px 0 0; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; white-space: normal; }
.localize-desktop .localize-workspace-tabs { position: sticky; top: 58px; height: 42px; gap: 26px; background: var(--surface); backdrop-filter: none; }
.localize-desktop .localize-workspace-tab { min-height: 42px; }
.localize-desktop .localize-workspace-panel { padding-top: 16px; }
.localize-desktop .button { min-height: 36px; font-size: 13px; }
.localize-desktop .eyebrow { text-transform: none; letter-spacing: 0; }
.localize-desktop .pill { width: fit-content; justify-self: start; flex: 0 0 auto; font-size: 12px; }
.localize-result-row .pill { gap: 6px; min-height: 28px; padding: 4px 10px; border-radius: 6px; line-height: 20px; }
.localize-result-row .pill.good::before { content: ""; width: 12px; height: 12px; flex: 0 0 12px; background: currentColor; clip-path: polygon(10% 48%, 36% 74%, 90% 20%, 100% 30%, 36% 94%, 0 58%); }
.localize-home-heading { display: flex; justify-content: space-between; align-items: center; margin: 4px 0 20px; gap: 24px; }
.localize-home-heading h1 { margin: 0 0 4px; font-size: 24px; letter-spacing: -.025em; }
.localize-home-heading p { margin: 0; color: var(--muted); }
.localize-home-row { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(100px, 200px) 150px 100px 20px; align-items: center; gap: 20px; padding: 12px 16px; width: 100%; text-align: left; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); font: inherit; cursor: pointer; }
.localize-home-row:hover { background: var(--surface-muted); }
.localize-home-row strong, .localize-home-row small { display: block; }
.localize-home-row strong { font-size: 14px; overflow-wrap: anywhere; }
.localize-home-row small, .localize-home-row time { margin-top: 4px; font-size: 12px; color: var(--muted); }
.localize-home-row > span { min-width: 0; overflow-wrap: anywhere; }
.localize-home-empty { padding: 64px 0; text-align: center; color: var(--muted); }
.localize-home-empty h2 { font-size: 18px; color: var(--ink); }
.localize-more { position: relative; }
.localize-more > summary { list-style: none; min-width: 36px; padding: 6px 8px; text-align: center; cursor: pointer; font-size: 20px; }
.localize-more > div { position: absolute; right: 0; top: 100%; z-index: 5; width: 190px; padding: 6px; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; }
.localize-more button { width: 100%; justify-content: flex-start; }
.localize-overlay { position: fixed; inset: 0; z-index: 100; display: flex; justify-content: flex-end; }
.localize-overlay-scrim { position: absolute; inset: 0; width: 100%; border: 0; background: rgb(20 22 30 / 24%); }
.localize-drawer { position: relative; width: min(640px, 78vw); height: 100%; background: var(--surface); border-left: 1px solid var(--line); display: flex; flex-direction: column; outline: none; }
.localize-drawer > header { min-height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 12px 24px; border-bottom: 1px solid var(--line); }
.localize-drawer h2 { margin: 0; font-size: 18px; }
.localize-drawer-body { padding: 24px; overflow: auto; }
.localize-drawer pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
.localize-drawer .localize-history-columns { grid-template-columns: 1fr; }

/* Source-first creation and localization list — UX2 */
.localize-home-controls { display: flex; align-items: center; justify-content: flex-start; gap: 20px; padding: 0 0 12px; border-bottom: 1px solid var(--line); }
.localize-home-controls input { width: min(320px, 35%); padding: 9px 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--ink); }
.localize-home-controls nav { display: flex; gap: 4px; }
.localize-home-controls button { padding: 8px 12px; border: 0; border-radius: 5px; background: none; color: var(--muted); cursor: pointer; font-size: 13px; }
.localize-home-controls button[aria-pressed="true"] { background: var(--surface-muted); color: var(--ink); }
.localize-desktop .localize-composer { max-width: 940px; margin: 0 auto; border: 0; border-radius: 0; box-shadow: none; }
.localize-desktop .localize-composer > header { padding: 16px 0 24px; border-bottom: 0; }
.localize-desktop .localize-composer > header h2 { font-size: 26px; margin: 0 0 8px; }
.localize-desktop .localize-composer form { padding: 0; }
.localize-create-source, .localize-create-languages, .localize-create-jira { padding: 22px 0; border-top: 1px solid var(--line); }
.localize-desktop .localize-composer h3 { margin: 0 0 16px; font-size: 14px; }
.localize-create-jira h3 span { color: var(--muted); font-weight: 400; margin-left: 6px; }
.localize-desktop .localize-source-tabs { margin: 0 0 16px; }
.localize-desktop .localize-source-input { margin: 0; }
.localize-desktop .localize-text-input textarea { min-height: 200px; }
.localize-desktop .localize-source-origin > span, .localize-desktop .localize-target-picker > span { display: none; }
.localize-desktop .localize-origin-switch { display: flex; gap: 8px; }
.localize-desktop .localize-origin-switch button { padding: 10px 16px; }
.localize-desktop .localize-origin-switch small, .localize-desktop .localize-standalone-note { display: none; }
.localize-desktop .localize-task-picker { margin-top: 16px; }
.localize-desktop .localize-actions { display: flex; justify-content: flex-end; gap: 10px; min-height: 64px; padding: 12px 0; background: var(--surface); }
.localize-desktop .localize-actions > span { margin-right: auto; color: var(--muted); font-size: 12px; }
.localize-desktop .localize-preview-document { padding: 0; }
.localize-desktop .localize-preview-block { padding: 18px 0; border-bottom: 1px solid var(--line); }

/* English document and on-demand review — UX3 */
.localize-desktop .localize-source-workspace { max-width: none; margin: 0; }
.localize-desktop .localize-english-toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.localize-english-toolbar > div:first-child { margin-right: auto; }
.localize-english-toolbar h3 { font-size: 20px; margin: 0 0 5px; }
.localize-english-toolbar p { color: var(--muted); margin: 0; }
.localize-desktop .localize-context-line { margin: 0; }
.localize-desktop .localize-context-line .localize-review-context { display: flex; align-items: center; gap: 12px; }
.localize-desktop .localize-context-line select { width: auto; max-width: 320px; min-height: 36px; }
.localize-context-line small { display: none; }
.localize-desktop .localize-block-list { display: block; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.localize-desktop .localize-block-editor { display: grid; grid-template-columns: 144px minmax(0, 1fr); gap: 16px; padding: 10px 16px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: var(--surface); box-shadow: none; }
.localize-desktop .localize-block-editor:last-child { border-bottom: 0; }
.localize-desktop .localize-block-editor > header { border: 0; padding: 8px 0 0; background: none; display: block; }
.localize-desktop .localize-block-editor > header b { font-size: 13px; }
.localize-desktop .localize-block-body { padding: 0; min-width: 0; }
.localize-desktop .localize-block-body textarea { padding: 6px 8px; min-height: 36px; border: 1px solid transparent; border-radius: 4px; background: transparent; font-size: 14px; line-height: 1.55; resize: vertical; }
.localize-desktop .localize-block-body textarea:not([readonly]):hover { border-color: var(--line); }
.localize-desktop .localize-block-body textarea:focus { outline: 2px solid var(--accent); outline-offset: 0; }
.localize-desktop .localize-block-body textarea[readonly] { resize: none; }
.localize-desktop .localize-source-workspace:not(.is-structure-editing) .localize-block-order,
.localize-desktop .localize-source-workspace:not(.is-structure-editing) .localize-block-editor > footer,
.localize-desktop .localize-source-workspace:not(.is-structure-editing) .localize-block-editor > header small,
.localize-desktop .localize-source-workspace:not(.is-structure-editing) .localize-source-segments label > span { display: none; }
.localize-desktop .is-structure-editing .localize-block-editor > footer { grid-column: 1 / -1; padding: 10px 0 0; }
.localize-desktop .localize-editor-actions, .localize-desktop .localize-locale-savebar { position: sticky; bottom: 0; z-index: 3; border-top: 1px solid var(--line); margin-top: 12px; background: var(--surface); }
.localize-desktop .localize-outdated { margin: 0 0 12px; padding: 9px 12px; border: 0; border-left: 2px solid var(--warn); border-radius: 0; }
.localize-drawer .localize-english-review { border: 0; border-radius: 0; box-shadow: none; padding: 0; }
.localize-drawer .localize-english-review > header { padding: 0 0 18px; }
.localize-drawer .localize-review-categories { display: flex; flex-wrap: wrap; }
.localize-drawer .localize-review-score strong { font-size: 42px; }

/* Vertical language overview and dedicated editor — UX4 */
.localize-overview-heading { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; }
.localize-overview-heading > div:first-child { margin-right: auto; }
.localize-overview-heading h3 { margin: 0 0 6px; font-size: 24px; }
.localize-overview-heading p { margin: 0; color: var(--muted); }
.localize-summary-line { display: flex; gap: 24px; padding: 14px 0; color: var(--muted); font-size: 13px; border-bottom: 1px solid var(--line); }
.localize-summary-line span:first-child { color: var(--ink); }
.localize-summary-line span:last-child { margin-left: auto; }
.localize-overview-row { display: flex; gap: 14px; align-items: center; border-bottom: 1px solid var(--line); }
.localize-overview-row > input { width: 16px; height: 16px; min-height: 16px; accent-color: var(--accent); }
.localize-locale-open { display: grid; grid-template-columns: 46px minmax(150px, 1fr) 130px 164px 16px; align-items: center; gap: 20px; width: 100%; padding: 12px 0; background: none; border: 0; color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.localize-locale-open:hover { background: var(--surface-muted); }
.localize-code { display: inline-flex; min-width: 36px; justify-content: center; padding: 7px 5px; border: 1px solid var(--line); border-radius: 5px; font-size: 12px; font-weight: 650; }
.localize-language { min-width: 0; }
.localize-language strong { display: block; font-size: 14px; }
.localize-language small { display: block; margin-top: 5px; color: var(--muted); overflow-wrap: anywhere; }
.localize-locale-open time { font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.localize-selection-toolbar { display: flex; align-items: center; gap: 12px; padding: 12px 0; }
.localize-selection-toolbar input { min-width: 140px; padding: 8px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); border-radius: 5px; }
.localize-selection-toolbar > span { margin-left: auto; color: var(--muted); }
.localize-overview-footer { display: flex; justify-content: flex-end; padding-top: 16px; }
.localize-desktop .localize-translations { margin: 0; padding: 0; border: 0; background: none; }
.localize-locale-editor-head { display: flex; align-items: center; gap: 20px; margin: 0 0 16px; }
.localize-locale-editor-head > div:first-of-type { flex: 1; }
.localize-locale-editor-head h3 { margin: 0 0 6px; font-size: 20px; }
.localize-locale-editor-head p { margin: 0; color: var(--muted); }
.localize-locale-switcher { display: flex; gap: 8px; align-items: center; }
.localize-locale-switcher select { max-width: 240px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--ink); }
.localize-locale-tools { display: flex; gap: 8px; align-items: center; margin-bottom: 20px; }
.localize-locale-tools .localize-editor-filters { margin: 0 auto 0 0; }
.localize-reference-head { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 6px 6px 0 0; background: var(--surface-muted); }
.localize-reference-head span { padding: 14px 20px; font-size: 13px; font-weight: 600; }
.localize-desktop .localize-translation-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; border: 1px solid var(--line); border-top: 0; margin: 0; border-radius: 0; background: var(--surface); }
.localize-desktop .localize-source-column, .localize-desktop .localize-target-column { min-width: 0; margin: 0; padding: 12px 16px; background: none; }
.localize-desktop .localize-target-column { border-left: 1px solid var(--line); }
.localize-desktop .localize-source-column > span, .localize-desktop .localize-target-column > span { font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--muted); }
.localize-desktop .localize-target-column textarea { min-height: 80px; padding: 10px 0; border: 1px solid transparent; border-radius: 4px; background: none; font-size: 14px; line-height: 1.65; }
.localize-desktop .localize-source-column p { padding-top: 10px; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.localize-desktop .localize-target-column textarea:focus { outline: 2px solid var(--accent); padding-inline: 8px; }
.localize-desktop .localize-token-status { padding-top: 10px; }
.localize-drawer .localize-locale-history { margin: 0; }
.localize-drawer .localize-locale-history:not([open]) > ol { display: block; }
.localize-desktop .localize-review-context > span { text-transform: none; letter-spacing: 0; font-size: 12px; }

/* Result readiness and publication — UX5 */
.localize-result-heading { margin: 0 0 16px; }
.localize-result-heading h3 { margin: 0 0 6px; font-size: 24px; }
.localize-result-heading p { margin: 0; color: var(--muted); }
.localize-result-state { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 0; border-block: 1px solid var(--line); }
.localize-result-state > div:first-child { flex: 1; }
.localize-result-state h4 { margin: 0 0 8px; font-size: 20px; }
.localize-result-state p { margin: 0; color: var(--muted); }
.localize-result-row { display: grid; grid-template-columns: 46px minmax(0, 1fr) 160px 60px; gap: 20px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--line); }
.localize-result-row strong { font-size: 14px; }
.localize-generation-brand { display: grid; gap: 4px; min-width: 200px; max-width: 310px; }
.localize-generation-brand .localize-review-context { margin: 0; }
.localize-generation-brand select { width: 100%; min-height: 36px; padding: 7px 10px; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--surface); color: var(--ink); font: inherit; font-size: 13px; }
.localize-generation-brand small, .localize-brand-help { color: var(--muted); font-size: 12px; }
.localize-generation-brand > .button { white-space: normal; text-align: left; justify-content: flex-start; }
.localize-output-settings { padding: 14px 0; border-bottom: 1px solid var(--line); }
.localize-output-settings > summary { width: fit-content; color: var(--muted); font-size: 13px; cursor: pointer; }
.localize-output-settings .localize-template-toolbar { display: grid; grid-template-columns: 110px minmax(0, 440px); align-items: center; gap: 10px 16px; margin-top: 16px; }
.localize-output-settings .localize-template-toolbar > label { color: var(--ink); font-size: 13px; font-weight: 600; }
.localize-template-controls { display: flex; align-items: center; gap: 8px; }
.localize-template-controls select { min-width: 0; flex: 1; min-height: 36px; padding: 7px 10px; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--surface); color: var(--ink); font: inherit; font-size: 13px; }
.localize-template-controls select:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.localize-import-notice { margin: 12px 0 18px; padding: 14px 16px; border-left: 3px solid var(--warn); border-radius: 0 6px 6px 0; background: var(--warn-soft); color: var(--ink); }
.localize-import-notice strong { font-size: 14px; }
.localize-import-notice p { margin: 6px 0 0; font-size: 13px; line-height: 1.55; }
.localize-import-notice:focus { outline: none; }
.localize-output-settings .localize-template-toolbar p, .localize-output-settings .localize-template-toolbar small { grid-column: 2; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
@media (max-width: 600px) {
  .localize-output-settings .localize-template-toolbar { grid-template-columns: minmax(0, 1fr); }
  .localize-output-settings .localize-template-toolbar p, .localize-output-settings .localize-template-toolbar small { grid-column: 1; }
}
@media (max-width: 600px) {
  .localize-result-state { align-items: flex-start; flex-direction: column; gap: 14px; }
  .localize-result-row { grid-template-columns: 38px minmax(0, 1fr) auto; column-gap: 12px; row-gap: 6px; }
  .localize-result-row > .localize-code { grid-column: 1; grid-row: 1 / 3; }
  .localize-result-row > strong { grid-column: 2; grid-row: 1; overflow-wrap: anywhere; }
  .localize-result-row > .pill { grid-column: 2; grid-row: 2; max-width: 100%; white-space: normal; }
  .localize-result-row > .button { grid-column: 3; grid-row: 1 / 3; }
}
.localize-google-unavailable { display: flex; align-items: center; gap: 12px; color: var(--muted); }
.localize-drawer .localize-locale-check { border: 0; padding: 0; }
.localize-drawer .localize-review-toolbar { display: grid; gap: 16px; }

/* Desktop verification fixes — UX6 */
.localize-desktop button, .localize-desktop input, .localize-desktop textarea, .localize-desktop select, .localize-desktop a { scroll-margin-block: 125px 90px; }
.localize-desktop .localize-translation-editor { display: block; color: var(--ink); font-size: 14px; font-weight: 400; }
.localize-desktop .localize-locale-savebar { box-shadow: none; backdrop-filter: none; }
.localize-desktop .localize-source-column p { font-weight: 400; margin-bottom: 0; }
.localize-desktop .localize-english-toolbar, .localize-locale-editor-head, .localize-locale-tools, .localize-selection-toolbar, .localize-result-state { flex-wrap: wrap; }
.localize-desktop .localize-job-heading { min-width: 0; }
.localize-desktop .localize-job-heading h2 { overflow-wrap: anywhere; }
.localize-desktop .localize-job-heading p { overflow-wrap: anywhere; }
.localize-drawer-body { min-height: 0; }
.localize-drawer .localize-history-columns li { flex-wrap: wrap; }
.localize-desktop textarea { field-sizing: content; }
@media (min-width: 821px) and (max-width: 1100px) {
  .localize-desktop .localize-document-head { gap: 12px; }
  .localize-desktop .localize-document-head > .button-row { gap: 4px; }
  .localize-desktop .localize-block-editor { grid-template-columns: 130px minmax(0, 1fr); padding: 10px 14px; }
  .localize-locale-editor-head { gap: 12px; }
  .localize-locale-switcher select { max-width: 180px; }
  .localize-home-row { grid-template-columns: minmax(180px, 1fr) 130px 130px 90px 16px; gap: 14px; }
}
.localize-desktop .localize-token-status { font-size: 12px; text-transform: none; letter-spacing: 0; }
.localize-desktop .localize-token-status code { font-size: 11px; }
.localize-desktop .localize-editor-filters button { font-size: 12px; font-weight: 600; }
.localize-desktop .localize-editor-filters button span { font-size: 11px; }
.localize-desktop .localize-token-status > span { font-size: 12px; text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--muted); }
.localize-desktop .localize-field-row label > span,
.localize-desktop .localize-preview-block > span,
.localize-desktop .localize-locale-token strong,
.localize-desktop .localize-locale-token span { font-size: 12px; text-transform: none; letter-spacing: 0; }
.localize-drawer .localize-locale-check li strong,
.localize-drawer .localize-locale-check li p { font-size: 13px; }

/* Content-sized English fields, including browsers without field-sizing. */
.localize-desktop .localize-block-body textarea { field-sizing: fixed; overflow-y: hidden; }
.localize-desktop .localize-english-toolbar .localize-context-line { margin-left: 12px; }
.localize-desktop .localize-english-toolbar .localize-review-context { gap: 8px; }
.localize-desktop .localize-english-toolbar .localize-review-context select { max-width: 260px; }
.localize-desktop .localize-source-segments { gap: 4px; }

/* The creator document is read-only; Body is a reading/editing group over stable paragraphs. */
.localize-desktop .localize-reading-content { min-width: 0; font-size: 14px; line-height: 1.65; }
.localize-reading-paragraph { min-height: 1.65em; white-space: pre-wrap; overflow-wrap: anywhere; }
.localize-reading-paragraph + .localize-reading-paragraph { margin-top: 1em; }
.localize-reading-paragraph.is-list-item { padding-left: 1.2em; position: relative; }
.localize-reading-paragraph.is-list-item::before { content: "•"; position: absolute; left: .25em; }
.localize-desktop .localize-reading-field.is-body { align-items: start; padding-block: 18px; }
.localize-reading-field.is-body > header { padding-top: 2px; }
.localize-body-row .localize-reading-content { padding-top: 10px; }
.localize-desktop .localize-body-row textarea { display: block; width: 100%; min-height: 0; resize: none; field-sizing: fixed; overflow-y: hidden; line-height: 1.65; padding: 0; }
.localize-desktop .localize-body-row .localize-body-textarea { margin-top: 10px; padding: 0; }
.localize-desktop .localize-body-row textarea:focus { padding: 0; outline: none; }
.localize-desktop .localize-body-row .localize-target-column:focus-within { box-shadow: inset 0 0 0 2px var(--accent); }
.localize-body-mapped-editor { padding-top: 10px; }
.localize-body-mapped-paragraph + .localize-body-mapped-paragraph,
.localize-body-paragraph-input + .localize-body-paragraph-input { margin-top: 1em; }
.localize-body-segment.is-bold { font-weight: 700; }
.localize-body-error { display: block; color: var(--danger); margin-top: 8px; }
.localize-body-error:empty { display: none; }
.localize-reading-paragraph.align-center { text-align: center; }
.localize-reading-paragraph.align-right { text-align: right; }
.localize-reading-paragraph.align-justify { text-align: justify; }
.localize-reading-paragraph.is-list-item::before { content: attr(data-list-marker); }
.localize-body-row .localize-reading-paragraph + .localize-reading-paragraph { margin-top: 1.65em; }
.localize-desktop .localize-target-column textarea { min-height: 36px; overflow-y: hidden; field-sizing: fixed; }
.localize-language-settings { margin: 12px 0; }
.localize-language-settings > summary { width: fit-content; cursor: pointer; color: var(--muted); font-size: 13px; }
.localize-language-settings form { padding: 12px 0; }

/* Versioned creator edits and project snapshots. */
.localize-creator-group { padding: 14px 0; border-bottom: 1px solid var(--line); }
.localize-creator-group h3 { margin: 0 0 10px; font-size: 14px; }
.localize-creator-group textarea { display: block; width: 100%; min-height: 60px; padding: 10px 12px; line-height: 1.6; margin: 6px 0; resize: vertical; }
.localize-creator-group [data-creator-block] + [data-creator-block] { margin-top: 16px; }
.localize-version-preview .button-row { flex-wrap: wrap; }
.localize-version-block { padding: 12px 0; border-bottom: 1px solid var(--line); }
.localize-version-block h4 { margin: 0 0 10px; }
.localize-version-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
.localize-version-columns > div { min-width: 0; overflow-wrap: anywhere; }
.localize-version-columns > div + div { border-left: 1px solid var(--line); padding-left: 20px; }
.localize-update-conflicts { flex-basis: 100%; padding: 12px 16px; background: var(--surface-muted); }
.localize-update-conflicts p { white-space: pre-wrap; }

/* Review workspaces use the page canvas; navigation stays available during work. */
.localize-subpage { padding: 20px 0; max-width: 1280px; margin-inline: auto; }
.localize-subpage > header { display: flex; align-items: center; gap: 20px; margin-bottom: 22px; }
.localize-subpage > header h3 { margin: 0; font-size: 22px; }
.localize-subpage .localize-english-review, .localize-subpage .localize-locale-check { padding: 0; border: 0; background: transparent; }
.localize-review-progress { display: flex; align-items: center; gap: 12px; padding: 14px 16px; margin: 0 0 20px; background: var(--surface-soft, #f7f7fb); border-radius: 8px; }
.localize-review-progress > div { display: grid; gap: 4px; }
.localize-review-progress span:last-child { color: var(--muted); font-size: 13px; }
.localize-review-notes { margin: 20px 0; color: var(--muted); font-size: 14px; }
.localize-review-notes summary { cursor: pointer; font-weight: 600; }
.localize-subpage .localize-review-summary { display: block; }
.localize-subpage .localize-review-summary > strong { font-size: 22px; }
.localize-subpage .localize-review-summary p { max-width: 90ch; margin-top: 10px; }
.localize-subpage .localize-review-toolbar { justify-content: flex-start; }
@media (max-width: 700px) { .localize-subpage > header { align-items: flex-start; flex-direction: column; gap: 8px; } }

.localize-guidance-list { display: grid; gap: 0; margin: 16px 0; }
.localize-guidance-card { padding: 20px 0; border-bottom: 1px solid var(--line); max-width: 920px; }
.localize-guidance-card header { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.localize-guidance-card header > span { font-size: 13px; color: var(--accent); font-weight: 650; }
.localize-guidance-card header strong { font-size: 15px; }
.localize-guidance-card p { margin: 8px 0; line-height: 1.6; font-size: 15px; }
.localize-guidance-card details { font-size: 13px; color: var(--muted); margin-top: 8px; }
.localize-guidance-card summary { cursor: pointer; }
.localize-guidance-card footer { margin-top: 10px; font-size: 12px; color: var(--muted); }
.localize-guidance-card footer .button { padding-left: 0; }
.localize-subpage .localize-review-proposal { margin-top: 20px; }
.localize-guidance-card footer { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.localize-guidance-suggestion b { display: block; font-size: 12px; color: var(--muted); margin-bottom: 4px; }
.localize-guidance-card blockquote { margin: 10px 0; padding: 8px 12px; border-left: 2px solid var(--accent); background: var(--surface-soft); font-size: 15px; }
.localize-guidance-card details p { white-space: pre-line; }

.localize-process-control { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1.2rem; margin: .8rem 0; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }

.localize-busy button { pointer-events: auto; }
.localize-overview-heading .localize-process-control { border: 0; padding: 0; margin: 0; }
.localize-overview-heading .localize-process-control > span { display: none; }

.localize-page .localize-locale-remove { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; width: 28px; min-height: 28px; height: 28px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--faint); cursor: pointer; }
.localize-locale-remove:hover { background: color-mix(in srgb, var(--danger) 12%, transparent); }
.localize-locale-remove:hover i { color: var(--danger); }
.localize-locale-remove:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* Keep row navigation and reversible deletion as separate click targets. */
.localize-home-item { display: flex; align-items: stretch; border-bottom: 1px solid var(--line); }
.localize-home-item .localize-home-row { flex: 1; min-width: 0; border-bottom: 0; }
.localize-home-item .localize-delete { flex: 0 0 72px; align-self: center; margin: 0 8px; }
.localize-home-item .localize-home-row:disabled { cursor: default; opacity: .7; }

/* Locales shares the Tasks list surfaces, tabs and row rhythm. */
.localize-desktop.is-home, .localize-desktop.is-home .localize-workspace { background: var(--bg); }
.localize-desktop.is-home .localize-workspace { padding-top: 28px; }
.localize-home-heading { margin: 0 0 26px; }
.localize-home-heading h1 { font-size: 32px; margin-bottom: 8px; }
.localize-home-tools { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-right: 18px; }
.localize-home-tools .work-tabs { flex: 1; min-width: 0; gap: 24px; overflow-x: auto; }
.localize-home-tools .work-tab { flex: 0 0 auto; white-space: nowrap; }
.localize-home-search { flex: 0 1 280px; min-width: 180px; margin: 10px 0; }
.localize-home-board { --locale-columns: 48px minmax(180px, 1fr) minmax(100px, .3fr) 132px 116px 70px; }
.localize-home-columns, .localize-home-board .localize-home-row { display: grid; grid-template-columns: var(--locale-columns); gap: 18px; align-items: center; padding-inline: 18px; }
.localize-home-columns { min-height: 39px; padding-right: 106px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 9px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.localize-home-board .localize-home-item:last-child { border-bottom: 0; }
.localize-home-board .localize-home-row { min-height: 76px; padding-block: 14px; transition: background .16s ease; }
.localize-home-board .localize-home-row:hover { background: color-mix(in srgb, var(--surface-muted) 74%, transparent); }
.localize-home-board .localize-home-row:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.localize-home-board .localize-home-task strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.localize-home-board .localize-home-task small { margin: 4px 0 0; color: var(--faint); font-size: 11px; }
.localize-home-board .localize-home-languages { color: var(--muted); font-size: 12px; line-height: 1.6; }
.localize-home-board .localize-home-updated { margin: 0; color: var(--muted); font-size: 12px; font-weight: 650; }
.localize-home-board .localize-home-next { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--accent); font-size: 12px; }
.localize-home-board .localize-delete { min-height: 32px; font-size: 11px; color: var(--muted); }
.localize-home-board .localize-delete:hover { color: var(--ink); }
.localize-home-board .localize-home-mobile-languages { display: none; }
@media (max-width: 1200px) {
  .localize-home-tools { flex-wrap: wrap; padding: 0; gap: 0; }
  .localize-home-tools .work-tabs { flex-basis: 100%; }
  .localize-home-search { flex: 1; max-width: 380px; margin: 8px 18px 12px; }
  .localize-home-board { --locale-columns: 32px minmax(160px, 1fr) 116px 100px 64px; }
  .localize-home-columns > :nth-child(3), .localize-home-board .localize-home-languages { display: none; }
  .localize-home-board .localize-home-mobile-languages { display: block; }
}
@media (max-width: 760px) {
  .localize-desktop.is-home .localize-workspace { padding: 20px 16px 32px; }
  .localize-home-heading { align-items: flex-start; flex-wrap: wrap; gap: 16px; }
  .localize-home-heading h1 { font-size: 26px; }
  .localize-home-board { --locale-columns: minmax(0, 1fr) 110px; }
  .localize-home-columns { display: none; }
  .localize-home-board .localize-home-row { gap: 12px; padding: 16px 12px; }
  .localize-home-board .work-index, .localize-home-board .localize-home-updated, .localize-home-board .localize-home-next { display: none; }
  .localize-home-board .localize-home-task strong { white-space: normal; font-size: 14px; }
  .localize-home-board .localize-home-task { grid-column: 1 / -1; }
  .localize-home-board .localize-home-item .localize-delete { flex-basis: 48px; align-self: flex-end; margin: 0 6px 12px 0; padding-inline: 4px; }
  .localize-home-board .localize-home-status .pill { font-size: 10px; }
}
.localize-reference-editor { padding: 8px; }
.localize-reference-editor summary { cursor: pointer; }
.localize-reference-editor form { display: grid; gap: 12px; margin-top: 12px; width: 300px; max-width: 65vw; }
.localize-reference-editor label { display: grid; gap: 4px; }
.localize-reference-editor input { min-width: 0; width: 100%; }
.localize-more:has(.localize-reference-editor[open]) > div { width: 330px; max-width: 75vw; }

.localize-preflight-table { width: 100%; border-collapse: collapse; margin: 24px 0; }
.localize-preflight-table th, .localize-preflight-table td { text-align: left; padding: 12px 8px; border-bottom: 1px solid var(--border, #393e49); }
.localize-preflight-findings li { margin: 12px 0; }

.localize-source-scope { margin: 20px 0; padding: 20px; border: 1px solid var(--line); border-radius: 12px; }
.localize-source-scope form { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 16px 0; }
.localize-source-scope label { flex: 1; min-width: 180px; }
.localize-source-scope select { display: block; width: 100%; margin-top: 8px; }
.localize-source-table { width: 100%; border-collapse: collapse; margin: 18px 0; table-layout: fixed; }
.localize-source-table td { border: 1px solid var(--border, #41434c); padding: 10px 14px; vertical-align: top; overflow-wrap: anywhere; }
.localize-source-table .localize-reading-paragraph { margin: 0; min-height: 1em; }
.localize-preview-document > .localize-reading-paragraph { margin: 0; min-height: 1em; }
.localize-template-preview { padding: 12px 16px 24px; border-bottom: 1px solid var(--line); }
.localize-template-columns { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; }
.localize-template-columns > div { min-width: 0; }
.localize-template-columns .localize-reading-paragraph { margin: 0; }
.localize-template-toolbar { padding: 12px 0; }
.localize-template-toolbar p { color: var(--muted); }
.localize-template-actions { display: flex; gap: 16px; justify-content: flex-end; align-items: center; padding: 16px; position: sticky; bottom: 0; background: var(--surface); border-top: 1px solid var(--line); }
.localize-template-rtl .localize-reading-paragraph { direction: rtl; text-align: right; }
.localize-template-rtl .is-list-item { padding-left: 0; padding-right: 1.2em; }
.localize-template-rtl .is-list-item::before { left: auto; right: .25em; }
@media (max-width: 850px) { .localize-template-columns { grid-template-columns: minmax(0,1fr); } }
.localize-template-rtl .localize-source-table { direction: ltr; }
.localize-template-rtl .localize-reading-paragraph[data-preserved="true"] { direction: ltr; text-align: left; }

.task-preview-dialog { width: min(820px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); margin: auto; padding: 0; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: var(--surface); box-shadow: 0 24px 80px #0003; }
.task-preview-dialog[open] { display: flex; flex-direction: column; }
.task-preview-dialog::backdrop { background: #15172066; }
.task-preview-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 24px 28px 16px; }
.task-preview-dialog h2 { margin: 6px 0 0; font-size: 23px; line-height: 1.3; overflow-wrap: anywhere; }
.task-preview-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding: 0 28px 20px; color: var(--muted); font-size: 13px; border-bottom: 1px solid var(--line); }
.task-preview-meta a { margin-left: auto; font-weight: 600; }
.task-preview-body { padding: 22px 28px; overflow-y: auto; min-height: 0; }
.task-preview-body h3 { margin: 0 0 12px; font-size: 15px; }
.task-preview-body section + section, .task-preview-comments { margin-top: 24px; }
.task-preview-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; font-size: 14px; }
.task-preview-body ul { padding-left: 20px; margin-bottom: 0; }
.task-preview-body li { margin: 8px 0; overflow-wrap: anywhere; }
.task-preview-loading { display: flex; align-items: center; gap: 12px; margin: 0; }
.task-preview-notice { padding: 12px 16px; border-left: 3px solid var(--accent); background: var(--bg); line-height: 1.5; }
.task-preview-comments > summary { cursor: pointer; font-weight: 600; }
.task-preview-comments article { padding: 18px 0; border-bottom: 1px solid var(--line); }
.task-preview-comments time { display: inline-block; margin-left: 12px; font-size: 12px; color: var(--muted); }
.task-preview-comments .task-preview-text { margin-top: 8px; }
.task-preview-dialog > footer { display: flex; gap: 16px; align-items: center; justify-content: space-between; padding: 18px 28px; border-top: 1px solid var(--line); }
.task-preview-dialog > footer > span { max-width: 240px; font-size: 12px; line-height: 1.5; color: var(--muted); }
@media (max-width: 600px) { .task-preview-dialog > header, .task-preview-body { padding: 20px; } .task-preview-meta { padding: 0 20px 16px; } .task-preview-dialog > footer { padding: 16px 20px; flex-direction: column; align-items: stretch; } .task-preview-dialog > footer > span { max-width: none; } .task-preview-meta a { margin-left: 0; } }

/* Shared Locales workspace: the same canvas and card as the task list. */
.localize-desktop, .localize-desktop .localize-workspace { background: var(--bg); }
.localize-desktop .localize-workspace { padding-top: 28px; }
.localize-desktop .localize-document-head { align-items: center; padding: 0 4px 24px; border: 0; }
.localize-desktop .localize-job-heading h2 { font-size: 21px; letter-spacing: -.025em; }
.localize-title-heading { display: flex; align-items: baseline; gap: 12px; }
.localize-title-heading h2 { min-width: 0; }
.localize-title-heading > button { flex-shrink: 0; }
.localize-title-editor { display: grid; gap: 6px; max-width: 760px; }
.localize-title-editor > label { font-size: 12px; font-weight: 600; }
.localize-title-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.localize-title-controls input { flex: 1 1 220px; min-width: 0; width: 100%; }
.localize-title-editor > small { color: var(--muted); font-size: 12px; }
.localize-title-editor [role="alert"] { color: var(--danger, #b42318); }
@media (max-width: 600px) {
  .localize-title-controls input { flex-basis: 100%; }
}
.localize-stage-card { min-width: 0; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.localize-desktop .localize-stage-card .localize-workspace-tabs { height: 56px; margin: 0; padding: 0 22px; gap: 28px; border-bottom: 1px solid var(--line); border-radius: 12px 12px 0 0; }
.localize-stage-card .localize-workspace-tab { min-height: 56px; font-size: 12px; }
.localize-stage-card .localize-workspace-tab.is-active { color: var(--ink); }
.localize-desktop .localize-stage-card .localize-workspace-panel { padding: 24px; }
.localize-stage-card .localize-locale-open { padding: 18px 12px; min-height: 82px; }
.localize-stage-card .localize-result-row { padding: 18px 12px; min-height: 76px; }
.localize-template-actions { flex-wrap: wrap; gap: 12px; padding: 16px 0; }
.localize-template-actions > span { margin-right: auto; color: var(--muted); font-size: 12px; }
.localize-generation-history { margin-top: 16px; padding: 16px 0 0; border-top: 1px solid var(--line); font-size: 13px; }
.localize-generation-history summary { cursor: pointer; color: var(--muted); }
.localize-generation-history article { padding: 18px 0; border-bottom: 1px solid var(--line); }
.localize-generation-history article:last-child { border: 0; padding-bottom: 0; }
.localize-generation-history header { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.localize-generation-history time { margin-left: auto; color: var(--muted); font-size: 12px; }
.localize-generation-history p { color: var(--muted); line-height: 1.6; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .localize-desktop .localize-workspace { padding: 20px 16px 32px; }
  .localize-desktop .localize-document-head { flex-wrap: wrap; padding-bottom: 18px; }
  .localize-desktop .localize-job-heading h2 { font-size: 18px; }
  .localize-desktop .localize-stage-card .localize-workspace-tabs { position: static; padding-inline: 16px; gap: 22px; }
  .localize-desktop .localize-stage-card .localize-workspace-panel { padding: 16px; }
  .localize-stage-card .localize-locale-open, .localize-stage-card .localize-result-row { padding-inline: 4px; }
  .localize-template-actions > span { flex-basis: 100%; }
}
.localize-overview-heading { flex-wrap: wrap; }
.localize-desktop .localize-awaiting-source { padding: 28px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
@media (max-width: 760px) {
  .localize-overview-heading > div:first-child { flex-basis: 100%; }
  .localize-generation-brand { flex: 1 1 180px; min-width: 0; max-width: 100%; }
  .localize-overview-heading > .button.primary { flex-basis: 100%; }
  .localize-stage-card .localize-locale-open { grid-template-columns: 40px minmax(0, 1fr) 16px; gap: 10px; }
  .localize-locale-open > .localize-code { grid-column: 1; grid-row: 1; }
  .localize-locale-open > .localize-language { grid-column: 2; grid-row: 1; }
  .localize-locale-open > .pill { grid-column: 2; grid-row: 2; }
  .localize-locale-open > time { grid-column: 2; grid-row: 3; }
  .localize-locale-open > span:last-child { grid-column: 3; grid-row: 1; }
}

.localize-stage-card .localize-workspace-tab::after { bottom: 0; }
@media (max-width: 760px) {
  .localize-template-actions, .localize-desktop .localize-editor-actions, .localize-desktop .localize-locale-savebar { bottom: 68px; z-index: 3; }
}
/* Select templates in the overview; preview and editing stay independent. */
.localize-overview-row { gap: 8px; padding-inline: 8px; }
.localize-row-select { flex: 0 0 32px; display: inline-flex; align-items: center; justify-content: center; align-self: stretch; margin: 0; cursor: pointer; }
.localize-desktop .localize-row-select input { width: 18px; height: 18px; min-height: 18px; margin: 0; accent-color: var(--accent); cursor: pointer; }
.localize-row-select:has(input:disabled) { cursor: default; opacity: .45; }
.localize-overview-row .localize-locale-open { flex: 1; min-width: 0; width: auto; }
.localize-overview-row.is-selected { background: color-mix(in srgb, var(--accent) 5%, var(--surface)); }
.localize-overview-row .localize-row-edit { flex: 0 0 auto; min-width: 58px; margin-left: 4px; }
.localize-template-selection { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.localize-template-selection .button:first-child { color: var(--accent); }
@media (max-width: 760px) {
  .localize-overview-row { padding-inline: 0; gap: 4px; }
  .localize-row-select { flex-basis: 24px; }
  .localize-overview-row .localize-row-edit { min-width: 42px; padding-inline: 8px; margin-left: 0; font-size: 12px; }
}

.localize-output-settings .localize-source-title-option { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; font-weight: 400; cursor: pointer; }
.localize-desktop .localize-source-title-option input { min-height: 18px; width: 18px; height: 18px; margin: 0; accent-color: var(--accent); }

/* Locales: common controls stay compact; content and actions carry the hierarchy. */
.localize-overview > .localize-template-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 8px 0 12px; }
.localize-overview > .localize-template-toolbar > p { flex-basis: 100%; order: 3; margin: 0; font-size: 12px; line-height: 1.5; }
.localize-overview .localize-template-selection { display: flex; gap: 4px; align-items: center; }
.localize-overview .localize-language small:empty { display: none; }
.localize-overview .localize-summary-line { margin-bottom: 8px; }
.localize-overview .localize-language-settings { margin-block: 8px; }
.localize-brand-current { grid-template-columns: auto 1fr; align-items: center; gap: 2px 10px; min-width: 160px; }
.localize-brand-current > span { color: var(--muted); font-size: 12px; }
.localize-brand-current > strong { font-size: 13px; }
.localize-brand-current > .button { grid-column: 1 / -1; padding: 2px 0; min-height: 28px; }
.localize-brand-change { grid-column: 1 / -1; padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.localize-brand-change label { font-size: 12px; font-weight: 600; }
.localize-brand-change p { margin: 10px 0; font-size: 12px; line-height: 1.5; }
.localize-source-scope h3 { margin: 0 0 8px; }
.localize-source-scope p, .localize-source-hint, .localize-source-manual p { color: var(--muted); font-size: 14px; line-height: 1.5; }
.localize-source-scope .localize-source-candidates { flex-basis: 100%; display: grid; gap: 8px; }
.localize-source-scope .localize-source-candidate { display: flex; align-items: start; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; min-width: 0; }
.localize-source-candidate:has(input:checked) { background: var(--accent-soft, #f3f1ff); border-color: var(--accent); }
.localize-source-candidate input { flex: 0 0 18px; width: 18px; min-height: 18px; height: 18px; margin: 2px 0; accent-color: var(--accent); }
.localize-source-candidate > span { display: grid; gap: 6px; min-width: 0; }
.localize-source-candidate strong { font-size: 14px; }
.localize-source-candidate small { color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.localize-source-manual { margin: 14px 0; font-size: 13px; }
.localize-source-manual > summary { cursor: pointer; color: var(--muted); }
.localize-source-manual form { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; margin: 12px 0; }
.localize-source-manual label { flex: 1; min-width: 0; }
.localize-source-manual select { display: block; width: 100%; min-width: 0; max-width: 100%; margin-top: 6px; padding: 10px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink); background: var(--surface); font: inherit; }
.localize-locale-segments textarea.is-bold { font-weight: 650; }
.localize-locale-segments > label { margin: 0; }
@media (max-width: 760px) {
  .localize-overview-heading { gap: 8px; margin-bottom: 8px; }
  .localize-overview-heading h3 { font-size: 20px; }
  .localize-overview-heading p { font-size: 12px; }
  .localize-brand-current { flex: 1 1 130px; grid-template-columns: auto 1fr; }
  .localize-overview .localize-template-selection { flex-wrap: wrap; }
  .localize-overview .localize-template-toolbar .button { padding: 7px 9px; min-height: 34px; }
  .localize-source-scope { padding: 14px; }
  .localize-source-manual form { display: grid; grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .localize-desktop .localize-document-head { display: grid; grid-template-columns: minmax(0,1fr); justify-items: start; gap: 8px; margin-bottom: 12px; padding-bottom: 0; }
  .localize-desktop .localize-document-head > .button { padding: 4px 8px; min-height: 32px; }
  .localize-desktop .localize-job-heading { width: 100%; text-align: left; }
  .localize-desktop .localize-document-head > .button-row { margin: 0; gap: 2px 4px; }
  .localize-desktop .localize-document-head > .button-row > .button { padding: 6px 8px; font-size: 11px; min-height: 32px; }
  .localize-overview > .localize-template-toolbar { padding-block: 4px 8px; gap: 4px 8px; }
  .localize-overview > .localize-template-toolbar > .button-row { margin: 0; }
}

/* Optional per-task names, beside the source and generation settings. */
.localize-protected-terms { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:12px 0 20px; }
.localize-protected-terms[hidden] { display:none; }
.localize-desktop .localize-source-workspace:has(.localize-protected-terms.is-editing) > .localize-editor-actions { position:static; }
.localize-protected-terms > .muted { overflow-wrap:anywhere; font-size:13px; }
.localize-protected-terms.is-editing { display:block; width:100%; box-sizing:border-box; padding:16px 18px; border:1px solid var(--border, #e0e2e9); border-radius:10px; background:var(--surface, #fff); }
.localize-protected-terms p { margin:6px 0 12px; font-size:13px; color:var(--muted, #717787); }
.localize-protected-terms textarea { display:block; width:100%; box-sizing:border-box; min-height:88px; resize:vertical; padding:10px 12px; font:inherit; border:1px solid var(--border, #e0e2e9); border-radius:8px; background:var(--surface, #fff); color:inherit; }
.localize-protected-terms .button-row { display:flex; gap:8px; }
.localize-protected-terms.is-saved { flex-direction:column; align-items:flex-start; gap:10px; }
.localize-protected-terms.is-saved > strong { font-size:13px; }
.localize-protected-terms-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; }
.localize-protected-terms-status { color:var(--muted); font-size:12px; }
.localize-protected-terms-status.is-unsaved { color:var(--accent); font-weight:600; }
.localize-protected-term-chips { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; min-width:0; }
.localize-protected-terms.is-editing .localize-protected-term-chips { margin:16px 0; }
.localize-protected-term-chip { display:inline-flex; align-items:center; gap:6px; max-width:100%; box-sizing:border-box; padding:4px 6px 4px 12px; border:1px solid var(--line); border-radius:18px; background:var(--surface-muted); color:var(--ink); font-size:13px; line-height:20px; }
.localize-protected-term-chip > span { min-width:0; overflow-wrap:anywhere; }
.localize-protected-terms.is-saved .localize-protected-term-chip { justify-content:center; padding-inline:12px; text-align:center; }
.localize-protected-term-chip.is-new { border-color:var(--accent); background:var(--accent-soft); }
.localize-protected-term-chip small { color:var(--accent); font-size:11px; white-space:nowrap; }
.localize-page .localize-protected-term-remove { display:inline-flex; align-items:center; justify-content:center; flex:0 0 24px; width:24px; min-width:24px; min-height:24px; height:24px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--muted); font:inherit; font-size:19px; cursor:pointer; }
.localize-page .localize-protected-term-remove:hover { color:var(--danger); background:var(--danger-soft); }
.localize-protected-term-remove:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.localize-protected-term-remove:disabled { opacity:.5; cursor:default; }
.localize-protected-terms label { display:block; margin:16px 0 8px; font-size:13px; font-weight:600; }
.localize-protected-terms-input-row { display:flex; align-items:flex-end; gap:12px; }
.localize-protected-terms-input-row textarea { flex:1; min-width:0; min-height:72px; }
.localize-protected-terms-input-row > .button { flex-shrink:0; }
.localize-protected-terms p.is-error { color:var(--danger); }
@media (max-width:600px) {
  .localize-protected-terms-input-row { flex-direction:column; align-items:stretch; }
  .localize-protected-terms-input-row > .button { align-self:flex-end; }
}

/* Creation uses the same single workspace surface as the English editor. */
.localize-desktop .localize-composer:not(.localize-preview) { max-width:1040px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.localize-desktop .localize-composer:not(.localize-preview) > header { padding:24px 28px; align-items:center; gap:16px; }
.localize-desktop .localize-composer:not(.localize-preview) > header h2 { margin:0 0 6px; font-size:22px; letter-spacing:-.025em; }
.localize-composer:not(.localize-preview) > header > .button { flex-shrink:0; }
.localize-desktop .localize-composer .localize-create-source,
.localize-desktop .localize-composer .localize-create-languages,
.localize-desktop .localize-composer .localize-create-jira { padding:22px 28px; }
.localize-desktop .localize-composer h3 { font-size:15px; margin-bottom:14px; }
.localize-composer .localize-source-tab { font-size:13px; }
.localize-composer .localize-source-input, .localize-composer .localize-task-picker > label { font-size:12px; }
.localize-composer .localize-source-input small { color:var(--muted); font-weight:400; }
.localize-composer .localize-target-picker { padding:0; border:0; gap:10px; }
.localize-composer .localize-target-values:empty, .localize-composer .localize-target-feedback:empty { display:none; }
.localize-composer .localize-target-picker .localize-target-entry { max-width:none; }
.localize-composer .localize-target-picker > small { font-size:12px; }
.localize-composer .localize-brand-help { margin:10px 0 0; font-size:12px; color:var(--muted); }
.localize-desktop .localize-composer .localize-origin-switch { width:fit-content; max-width:100%; gap:2px; border-color:var(--line); border-radius:8px; }
.localize-desktop .localize-composer .localize-origin-switch button { min-height:36px; padding:8px 14px; border-radius:6px; }
.localize-composer .localize-origin-switch strong { font-size:12px; }
.localize-composer .localize-source-origin { gap:0; }
.localize-desktop .localize-composer:not(.localize-preview) .localize-actions { margin-top:0; padding:18px 28px; min-height:80px; border-radius:0 0 12px 12px; background:var(--surface-muted); }
.localize-composer .localize-actions > .button { white-space:nowrap; }
.localize-composer .localize-field-row { grid-template-columns:minmax(120px,.32fr) minmax(0,1fr) 28px; }
.localize-composer .localize-field-row label { min-width:0; }
.localize-composer .localize-field-row label > span { font-size:11px; text-transform:none; letter-spacing:0; }
@media (max-width:820px) {
  .localize-desktop .localize-composer:not(.localize-preview) > header { padding:20px; flex-direction:row; align-items:flex-start; }
  .localize-desktop .localize-composer .localize-create-source,
  .localize-desktop .localize-composer .localize-create-languages,
  .localize-desktop .localize-composer .localize-create-jira { padding:20px; }
  .localize-desktop .localize-composer:not(.localize-preview) .localize-actions { padding:16px 20px; }
  .localize-composer .localize-field-row { grid-template-columns:minmax(0,1fr) 28px; }
  .localize-composer .localize-field-row label:nth-child(2) { grid-column:1; }
  .localize-composer .localize-field-remove { grid-column:2; grid-row:1; }
}
@media (max-width:480px) {
  .localize-desktop .localize-composer:not(.localize-preview) > header,
  .localize-desktop .localize-composer .localize-create-source,
  .localize-desktop .localize-composer .localize-create-languages,
  .localize-desktop .localize-composer .localize-create-jira { padding:16px; }
  .localize-desktop .localize-composer:not(.localize-preview) > header h2 { font-size:20px; }
  .localize-composer > header p { font-size:13px; }
  .localize-desktop .localize-composer:not(.localize-preview) .localize-actions { padding:16px; }
  .localize-page .localize-protected-term-remove { flex-basis:28px; width:28px; min-height:28px; height:28px; }
}

.localize-sms-settings { margin:16px 0; padding:20px; border:1px solid var(--line); border-radius:10px; background:var(--surface-muted); }
.localize-sms-settings p,.localize-sms-saved { color:var(--muted); font-size:13px; line-height:1.5; }
.localize-sms-inputs { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,280px); gap:24px; margin:18px 0; }
.localize-sms-toggle { display:flex; align-items:flex-start; gap:10px; }
.localize-page .localize-sms-toggle input { width:18px; height:18px; min-height:18px; margin:2px 0; accent-color:var(--accent); }
.localize-sms-toggle strong,.localize-sms-toggle small,.localize-sms-limit span,.localize-sms-limit small { display:block; }
.localize-sms-settings small { margin-top:5px; color:var(--muted); font-size:12px; font-weight:400; }
.localize-sms-limit > span { font-size:13px; font-weight:600; margin-bottom:8px; }
.localize-sms-limit input { width:100%; padding:9px 12px; border:1px solid var(--line-strong); border-radius:8px; background:var(--surface); color:var(--ink); }
.localize-sms-report { margin:16px 0; border:1px solid var(--line); border-radius:8px; padding:12px 16px; }
.localize-sms-report > div { display:flex; flex-wrap:wrap; gap:8px 16px; padding:6px 0; }
.localize-sms-report span { margin-left:auto; font-variant-numeric:tabular-nums; }
.localize-sms-report p,.localize-sms-report small { width:100%; margin:0; }
.localize-sms-report .has-issue { color:var(--danger); }
@media(max-width:600px) { .localize-sms-inputs { grid-template-columns:1fr;gap:18px; } .localize-sms-settings { padding:16px; } }

/* Locales guidance and read-only English comparison. */
.localize-next-step { margin:0 0 16px; padding:14px 18px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.localize-next-step-row { display:flex; align-items:center; justify-content:space-between; gap:12px 24px; }
.localize-next-step-copy { min-width:0; }
.localize-next-step-label { display:block; margin-bottom:4px; font-size:11px; line-height:1.3; font-weight:600; color:var(--muted); }
.localize-next-step-copy > strong { font-size:14px; font-weight:600; line-height:1.4; }
.localize-next-step-row > .button { flex-shrink:0; color:var(--accent); white-space:normal; max-width:280px; text-align:right; background:transparent; border:0; box-shadow:none; padding:8px 0 8px 8px; min-height:36px; }
.localize-next-step-row > .button:hover { color:var(--accent); background:transparent; text-decoration:underline; text-underline-offset:4px; }
.localize-next-step p { margin:4px 0 0; color:var(--muted); max-width:850px; line-height:1.5; font-size:13px; }
.localize-related-notice { margin:12px 0; padding:10px 0; color:var(--muted); font-size:13px; }
.localize-related-notice > summary { cursor:pointer; color:var(--ink); font-weight:600; }
.localize-related-notice p { margin:10px 0 6px; }
.localize-related-notice ul { list-style:none; padding:0; margin:8px 0 0; }
.localize-related-notice li { display:flex; flex-wrap:wrap; gap:8px 20px; padding:5px 0; }
.localize-related-notice li span { color:var(--muted); font-size:13px; }
.localize-compare-controls { display:flex; align-items:flex-end; gap:16px; flex-wrap:wrap; margin:20px 0; }
.localize-compare-controls label { display:grid; gap:8px; flex:1; min-width:210px; }
.localize-compare-controls select { width:100%; padding:10px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); font:inherit; }
.localize-comparison { margin:24px 0; }
.localize-diff-counts { color:var(--muted); line-height:1.8; }
.localize-diff-row { margin:12px 0; border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.localize-diff-row > h4 { margin:0; padding:10px 16px; background:var(--surface-muted); font-size:13px; }
.localize-diff-row > p { margin:10px 16px; color:var(--muted); }
.localize-diff-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.localize-diff-columns > div { padding:16px; min-width:0; }
.localize-diff-columns > div + div { border-left:1px solid var(--line); }
.localize-diff-columns small { display:block; color:var(--muted); margin-bottom:8px; }
.localize-diff-columns p { white-space:pre-wrap; overflow-wrap:anywhere; margin:0; line-height:1.65; }
.localize-diff-columns mark { color:inherit; border-radius:2px; }
.localize-diff-columns mark.is-before { background:var(--danger-soft); text-decoration:line-through; text-decoration-color:var(--danger); }
.localize-diff-columns mark.is-after { background:var(--good-soft); }
.localize-comparison details > summary, .localize-update-impact > summary { cursor:pointer; padding:12px 0; font-weight:600; }
.localize-table-scroll { overflow-x:auto; }
@media(max-width:760px) {
  .localize-next-step { padding:12px 14px; }
  .localize-next-step-row { flex-wrap:wrap; gap:12px; }
  .localize-next-step-row > .button { max-width:100%; text-align:left; }
  .localize-diff-columns { grid-template-columns:minmax(0,1fr); }
  .localize-diff-columns > div + div { border-left:0; border-top:1px solid var(--line); }
}

/* Versions: one workspace, shared columns, contextual actions. */
.versions-page{max-width:1180px;padding:0}
.versions-page>header{align-items:flex-start;flex-direction:column;gap:14px;margin:0 0 24px}
.versions-page>header>.button{padding:0;min-height:28px;color:var(--muted)}
.versions-page>header h3{font-size:26px;letter-spacing:-.6px}
.versions-workspace{min-width:0}
.versions-nav{display:flex;gap:24px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}
.versions-nav button{display:flex;align-items:center;gap:8px;flex-shrink:0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:12px 0 15px;color:var(--muted);font-family:inherit;font-size:13px;line-height:1.4;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s}
.versions-nav button:hover{color:var(--ink)}
.versions-nav button[aria-current]{border-bottom-color:var(--accent);color:var(--accent)}
.versions-nav button>span{font-size:11px;font-weight:500;background:var(--bg);color:var(--muted);padding:1px 6px;border-radius:4px;font-variant-numeric:tabular-nums}
.versions-nav button[aria-current]>span{background:var(--accent-soft);color:var(--accent)}
.versions-nav button:focus-visible,.versions-compare>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.versions-section>header{padding:24px 0 20px}
.versions-section>header h4{font-size:17px;line-height:1.4;margin:0 0 6px}
.versions-section>header p{font-size:13px;line-height:1.6;max-width:82ch;margin:0;color:var(--muted)}
.versions-table-wrap{min-width:0}
.versions-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;text-align:left}
.versions-table th,.versions-table td{border:0;border-bottom:1px solid var(--line);padding:16px 12px;vertical-align:top;overflow-wrap:anywhere;text-align:left}
.versions-table tr>*:first-child{padding-left:0;width:16%}
.versions-table tr>*:nth-child(2){width:40%}
.versions-table tr>*:nth-child(3){width:26%}
.versions-table tr>*:last-child{width:18%;padding-right:0}
.versions-table thead th{padding-top:10px;padding-bottom:10px;border-top:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:0}
.versions-table tbody th{font-weight:500}
.versions-table tbody th>strong{display:block;font-size:13px;line-height:1.6;color:var(--ink)}
.versions-table tbody tr{transition:background .15s}
.versions-table tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 30%,transparent)}
.versions-table small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:5px;font-weight:400}
.versions-current{display:inline-block;max-width:100%;margin-top:3px;font-size:10px;line-height:1.5;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:2px 6px}
.versions-changes{list-style:none;margin:0;padding:0;line-height:1.6;color:var(--ink)}
.versions-changes li+li{margin-top:3px}
.versions-date{font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums}
.versions-date small{max-width:100%;overflow-wrap:anywhere}
.versions-table .button{font-size:12px;white-space:normal;text-align:left;justify-content:flex-start;min-height:30px;padding:4px 8px;color:var(--accent);margin-left:-8px}
.versions-actions{display:flex;flex-wrap:wrap;gap:5px 12px}
.versions-muted{color:var(--muted);font-size:12px;line-height:1.6}
.versions-empty{padding:28px 0;border-block:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.7}
.versions-note,.versions-timezone{font-size:12px;line-height:1.7;color:var(--muted);margin:16px 0 0}
.versions-timezone{font-size:11px;padding-top:12px}
.versions-compare{margin-top:24px;border-top:1px solid var(--line)}
.versions-compare>summary{cursor:pointer;padding:16px 0;color:var(--accent);font-size:13px;font-weight:600}
.versions-compare .localize-compare-controls{padding-top:8px}
.versions-preview>.button{padding-left:0;color:var(--accent);font-size:12px}
.versions-preview-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}
.versions-preview-heading{margin:0;font-size:20px;line-height:1.4}
.versions-preview-head p{margin:6px 0 0;font-size:12px;color:var(--muted)}
.versions-preview-head>.button{flex-shrink:0;font-size:12px}
.versions-preview-locales{display:flex;gap:8px;overflow:auto;padding:24px 0 16px}
.versions-preview-locales .button{font-size:12px;min-height:32px;padding:7px 12px}
.versions-preview .localize-reference-head{margin-top:0;font-size:12px}
.versions-preview .localize-version-block{padding:20px 0}
.versions-preview .localize-version-block h4{font-size:12px;color:var(--muted);font-weight:600}
.versions-preview .localize-reading-paragraph{font-size:14px;line-height:1.7}
.versions-return{margin-bottom:16px}
@media(max-width:760px){
 .versions-nav{gap:20px}.versions-nav button{font-size:12px}
 .versions-table thead{display:none}
 .versions-table,.versions-table tbody{display:block}
 .versions-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:18px 0;border-top:1px solid var(--line)}
 .versions-table tr>*:first-child,.versions-table tr>*:nth-child(2),.versions-table tr>*:nth-child(3),.versions-table tr>*:last-child{width:auto;padding:0;border:0}
 .versions-table tr>*:first-child{grid-column:1;grid-row:1}
 .versions-table tr>*:nth-child(2){grid-column:1/-1;grid-row:2}
 .versions-table tr>*:nth-child(3){grid-column:1/-1;grid-row:3}
 .versions-table tr>*:last-child{grid-column:2;grid-row:1;max-width:145px}
 .versions-table tbody tr:last-child{border-bottom:1px solid var(--line)}
 .versions-preview-head{align-items:flex-start;flex-direction:column;gap:12px}
 .versions-page>header h3{font-size:23px}
 .versions-preview .localize-version-columns{gap:14px}
 .versions-preview .localize-version-columns>div+div{padding-left:12px}
}
@media(prefers-reduced-motion:reduce){.versions-nav button,.versions-table tbody tr{transition:none}}

/* Same reading surface for comparison and the text editor. */
.versions-compare .localize-compare-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:16px;margin:8px 0 24px;padding:0}
.versions-compare .localize-compare-controls label{display:grid;min-width:0;gap:7px;font-size:12px;color:var(--muted)}
.versions-compare .localize-compare-controls select{box-sizing:border-box;min-width:0;max-width:100%;width:100%;height:40px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:12px;padding:8px 28px 8px 10px}
.versions-compare .localize-compare-controls .button{font-size:12px;min-height:40px}
.versions-comparison{margin:0 0 24px;font-size:14px}
.versions-diff-summary{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;color:var(--muted);font-size:12px;padding:14px 0;border-top:1px solid var(--line)}
.versions-diff-summary strong{color:var(--ink);font-weight:600;margin-left:4px;font-variant-numeric:tabular-nums}
.versions-diff-head,.versions-diff-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
.versions-diff-head{background:var(--bg);border-block:1px solid var(--line);color:var(--muted);font-size:12px}
.versions-diff-head>span{padding:10px 18px}
.versions-diff-head>span+span{border-left:1px solid var(--line)}
.versions-diff-row{padding:0;border-bottom:1px solid var(--line);margin:0}
.versions-diff-row>h5{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin:0;padding:16px 18px 0;font-size:12px;font-weight:600;color:var(--ink)}
.versions-diff-row>h5>span{color:var(--muted);font-size:11px;font-weight:400}
.versions-diff-columns>div{padding:16px 18px 22px;min-width:0}
.versions-diff-columns>div+div{border-left:1px solid var(--line)}
.versions-diff-columns p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;color:var(--ink);font-size:14px}
.versions-diff-columns mark{color:inherit;border-radius:2px;padding:1px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.versions-diff-columns mark.is-before{background:var(--danger-soft);text-decoration:line-through;text-decoration-color:var(--danger)}
.versions-diff-columns mark.is-after{background:var(--good-soft)}
.versions-mobile-label{display:none}
.versions-diff-row>.versions-note{margin:10px 18px 0}
.versions-comparison .versions-unchanged>summary{padding:16px 0;font-size:12px;color:var(--muted);font-weight:500;cursor:pointer}
.versions-compare .localize-update-impact{padding-top:8px;font-size:12px;color:var(--muted)}
.versions-compare .localize-update-impact p{font-size:12px;max-width:85ch;line-height:1.6}
@media(max-width:760px){
 .versions-compare .localize-compare-controls{grid-template-columns:minmax(0,1fr);gap:12px}
 .versions-compare .localize-compare-controls .button{justify-self:start}
 .versions-diff-head{display:none}
 .versions-diff-columns{grid-template-columns:minmax(0,1fr)}
 .versions-diff-columns>div{padding:12px 0}
 .versions-diff-columns>div+div{border-left:0;border-top:1px dashed var(--line)}
 .versions-diff-row>h5{padding:16px 0 0}
 .versions-mobile-label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}
 .versions-diff-summary{gap:8px 16px}
}
@media(max-width:760px){
 .versions-nav{flex-wrap:wrap;gap:0 20px;overflow:visible}
 .versions-nav button{flex:1 1 calc(50% - 20px);justify-content:space-between}
}

/* Keep comparison controls below the sticky workspace navigation. */
.versions-compare,.versions-preview-heading{scroll-margin-top:150px}

/* Locales task header: title, compact metadata, then quiet resource links. */
.localize-desktop .localize-document-head--stacked { display:block; padding:0 4px 12px; margin-bottom:0; }
.localize-document-head--stacked .localize-job-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:8px; color:var(--muted); font-size:12px; }
.localize-document-head--stacked .localize-job-breadcrumb > .button,
.localize-document-head--stacked .localize-job-links > .button { padding:6px 0; min-height:32px; background:transparent; border:0; box-shadow:none; color:var(--muted); text-decoration:none; }
.localize-document-head--stacked .localize-job-breadcrumb > .button:hover,
.localize-document-head--stacked .localize-job-links > .button:hover { color:var(--accent); background:transparent; text-decoration:underline; text-underline-offset:4px; }
.localize-document-head--stacked .localize-title-heading h2 { margin-block:3px; }
.localize-document-head--stacked .localize-title-heading { justify-content:flex-start; align-items:baseline; gap:8px; }
.localize-document-head--stacked .localize-title-heading > .button { position:relative; display:inline-flex; align-items:center; justify-content:center; padding:8px; min-height:32px; width:32px; background:transparent; border:0; box-shadow:none; color:var(--muted); }
.localize-document-head--stacked .localize-title-heading > .button:hover { color:var(--accent); background:var(--accent-soft); }
.localize-document-head--stacked .localize-job-meta { width:100%; display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; position:relative; margin-top:4px; min-width:0; color:var(--muted); font-size:12px; }
.localize-header-locales > summary, .localize-header-assignee > summary { display:flex; align-items:center; gap:7px; cursor:pointer; list-style:none; min-height:32px; }
.localize-header-locales > summary::-webkit-details-marker, .localize-header-assignee > summary::-webkit-details-marker { display:none; }
.localize-header-locales > summary:hover, .localize-header-assignee > summary:hover { color:var(--accent); }
.localize-header-locales > summary:focus-visible, .localize-header-assignee > summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; border-radius:4px; }
.localize-header-assignee { min-width:0; max-width:100%; }
.localize-assignee-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.localize-assignee-avatar { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:var(--accent-soft); color:var(--accent); font-size:10px; font-weight:650; }
.localize-header-locale-list, .localize-assignee-panel { position:absolute; left:0; top:calc(100% + 6px); z-index:8; padding:14px; border:1px solid var(--line); border-radius:10px; background:var(--surface); box-shadow:0 8px 24px #0000000d; color:var(--ink); }
.localize-header-locale-list { display:flex; flex-wrap:wrap; gap:8px 18px; max-width:min(420px,100%); font-size:12px; font-weight:600; }
.localize-assignee-panel { width:min(480px,100%); }
.localize-assignee-panel .localize-assignee { display:grid; gap:8px; margin:0; }
.localize-assignee-panel .localize-assignee select { width:100%; max-width:100%; min-width:0; }
.localize-assignee-panel .localize-assignment-history { margin-top:12px; }
.localize-document-head--stacked .localize-job-links { width:100%; display:flex; flex-wrap:wrap; align-items:center; gap:4px 24px; padding-top:6px; margin-top:8px; border-top:1px solid var(--line); }
.localize-document-head--stacked .localize-more { margin-left:auto; }
.localize-document-head--stacked .localize-more > summary { font-size:12px; color:var(--muted); padding:6px 0; min-height:32px; display:flex; align-items:center; gap:5px; }
@media(max-width:760px) {
  .localize-desktop .localize-document-head--stacked { padding:0 0 12px; }
  .localize-document-head--stacked .localize-job-links { gap:4px 18px; }
  .localize-document-head--stacked .localize-job-meta { gap:4px 16px; }
  .localize-document-head--stacked .localize-more > div { max-width:calc(100vw - 64px); }
}

/* Immediate rename hint, also available on keyboard focus. */
.localize-document-head--stacked .localize-title-heading > [data-tooltip]::after { content:attr(data-tooltip); position:absolute; top:calc(100% + 6px); left:50%; transform:translateX(-50%); z-index:20; padding:6px 9px; border-radius:6px; background:var(--ink); color:var(--surface); font-size:12px; font-weight:500; line-height:1.4; white-space:nowrap; pointer-events:none; visibility:hidden; opacity:0; }
.localize-document-head--stacked .localize-title-heading > [data-tooltip]:is(:hover,:focus-visible)::after { visibility:visible; opacity:1; }
@media(max-width:760px) {
  .localize-document-head--stacked .localize-title-heading > [data-tooltip]::after { left:auto; right:0; transform:none; }
}

/* Versions fills its workspace; identity labels share a baseline. */
.localize-subpage.versions-page,
.localize-subpage:has(.localize-locale-history){max-width:none;width:100%;margin-inline:0}
.versions-table tbody th>strong{display:inline;margin-right:8px}
.versions-table tbody th>small{display:inline;margin-top:0;vertical-align:baseline}
.versions-table tbody th>.versions-current{margin-top:0;vertical-align:baseline}
@media(min-width:761px){
 .versions-table tr>*:first-child{width:24%}
 .versions-table tr>*:nth-child(2){width:34%}
 .versions-table tr>*:nth-child(3){width:26%}
 .versions-table tr>*:last-child{width:16%}
}

/* Translations: stable selection, status filters and compact settings. */
.localize-languages-toolbar { display:flex; align-items:center; gap:12px; padding:16px 0; border-bottom:1px solid var(--line); }
.localize-languages-toolbar .localize-select-visible { display:flex; flex:0 0 36px; align-items:center; justify-content:center; margin:0; }
.localize-languages-toolbar input[type="checkbox"], .localize-overview-row input[type="checkbox"] { width:18px; height:18px; accent-color:var(--accent); cursor:pointer; }
.localize-languages-toolbar select, .localize-languages-toolbar input[type="search"] { width:auto; min-height:38px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--ink); font:inherit; font-size:13px; }
.localize-languages-toolbar select { max-width:310px; padding:8px 28px 8px 10px; }
.localize-languages-toolbar input[type="search"] { min-width:120px; width:190px; padding:8px 12px; }
.localize-languages-toolbar .localize-add-language { margin-left:auto; white-space:nowrap; }
.localize-bulk-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; padding:12px; background:var(--accent-soft); border-bottom:1px solid var(--line); font-size:13px; }
.localize-bulk-actions > span:first-child { margin-right:8px; white-space:nowrap; }
.localize-bulk-actions .button { min-height:34px; padding:7px 10px; font-size:13px; }
.localize-bulk-actions > .quiet:last-child { margin-left:auto; }
.localize-selection-note { color:var(--muted); }
.localize-languages-empty { padding:24px 12px; color:var(--muted); }
.localize-translation-settings { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; padding:4px 0 16px; border-bottom:1px solid var(--line); }
.localize-desktop .localize-generation-brand.localize-brand-current,
.localize-desktop .localize-generation-brand.is-locked { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-width:0; font-size:13px; }
.localize-desktop .localize-generation-brand > span { color:var(--muted); font-size:12px; }
.localize-desktop .localize-generation-brand > strong { font-size:13px; font-weight:600; }
.localize-desktop .localize-generation-brand > .button[data-action="change-localization-brand"] { padding:5px 4px; min-height:30px; background:transparent; border:0; font-size:12px; font-weight:500; color:var(--accent); }
.localize-desktop .localize-generation-brand > .button[data-action="change-localization-brand"]:hover { text-decoration:underline; }
.localize-desktop .localize-generation-brand > .localize-brand-change { flex-basis:100%; max-width:520px; }
.localize-translation-settings .localize-review-context { min-width:0; }
.localize-translation-settings .localize-review-context small { display:none; }
.localize-add-languages-form > p { margin:0 0 20px; color:var(--muted); line-height:1.5; }
.localize-add-languages-form .localize-target-values:empty { display:none; }
.localize-add-languages-form .localize-actions { justify-content:flex-end; margin-top:24px; }
.localize-add-languages-form .localize-target-options { max-height:340px; overflow:auto; }
@media (max-width:700px) {
  .localize-languages-toolbar { flex-wrap:wrap; gap:10px; }
  .localize-languages-toolbar .localize-select-visible { flex-basis:28px; }
  .localize-languages-toolbar select { flex:1; min-width:0; max-width:calc(100% - 40px); }
  .localize-languages-toolbar input[type="search"] { flex:1; width:100px; }
  .localize-languages-toolbar .localize-add-language { font-size:12px; padding:8px 10px; }
  .localize-bulk-actions > span:first-child { flex-basis:100%; }
  .localize-translation-settings { gap:8px 16px; }
  .localize-add-languages-form .localize-target-entry { flex-wrap:wrap; }
}
@media (max-width:700px) {
  .localize-languages-toolbar { display:grid; grid-template-columns:28px minmax(0,1fr) auto; }
  .localize-languages-toolbar select { grid-column:2 / -1; width:100%; max-width:none; }
  .localize-languages-toolbar input[type="search"] { grid-column:1 / 3; width:100%; min-width:0; }
  .localize-languages-toolbar .localize-add-language { grid-column:3; }
}
.localize-translation-settings:has(.localize-brand-change) { align-items:flex-start; }
.localize-desktop .localize-brand-current:has(.localize-brand-change) { width:520px; max-width:100%; }
.localize-desktop .localize-brand-current .localize-brand-change { width:100%; min-width:0; }

/* Keep longer translated English actions together below the source heading. */
.localize-desktop .localize-english-toolbar > div:first-child { flex-basis:100%; }

/* Translations tools open in place without a drawer or page scrim. */
.localize-tool-popover { position:relative; margin:0; min-width:0; }
.localize-tool-popover > summary.button { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:38px; padding:8px 12px; list-style:none; font-size:13px; cursor:pointer; }
.localize-tool-popover > summary::-webkit-details-marker { display:none; }
.localize-tool-popover > summary[aria-disabled="true"] { opacity:.5; cursor:default; }
.localize-tool-popover[open] > summary { border-color:var(--accent); }
.localize-tool-menu { position:absolute; top:calc(100% + 8px); left:0; z-index:45; width:390px; max-width:calc(100vw - 48px); padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); box-shadow:0 12px 32px rgb(20 22 40 / 12%); white-space:normal; }
.localize-languages-toolbar .localize-select-visible { flex:0 0 auto; justify-content:flex-start; gap:8px; color:var(--muted); font-size:13px; white-space:nowrap; cursor:pointer; }
.localize-status-options { width:260px; padding:6px; }
.localize-filter-option { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:10px; border:0; border-radius:6px; color:var(--ink); background:transparent; font:inherit; font-size:13px; text-align:left; cursor:pointer; }
.localize-filter-option > span:last-child { color:var(--muted); font-size:12px; }
.localize-filter-option:hover { background:var(--bg); }
.localize-filter-option[aria-pressed="true"] { color:var(--accent); background:var(--accent-soft); }
.localize-add-menu { left:auto; right:0; }
.localize-add-languages-form { margin:0; }
.localize-add-languages-form > header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.localize-add-languages-form > header h3 { margin:0; font-size:16px; }
.localize-add-languages-form > header .button { padding:2px 6px; min-height:28px; font-size:20px; }
.localize-add-languages-form .localize-target-picker { gap:8px; padding:0; border:0; }
.localize-add-languages-form .localize-target-picker > input[type="search"] { width:100%; min-width:0; margin:0; min-height:38px; }
.localize-add-languages-form .localize-target-values[hidden] { display:none; }
.localize-add-languages-form .localize-target-options { margin:0; max-height:260px; overflow:auto; overscroll-behavior:contain; padding:4px 0; border:0; border-radius:0; }
.localize-add-languages-form .localize-target-option { min-height:42px; padding:9px 8px; border-radius:6px; gap:10px; font-size:13px; }
.localize-add-languages-form .localize-target-option:has(input:checked) { background:var(--accent-soft); }
.localize-add-languages-form .localize-target-option strong { min-width:48px; font-size:12px; }
.localize-add-languages-form .localize-target-option input { flex:0 0 16px; width:16px; height:16px; margin:0; accent-color:var(--accent); }
.localize-add-languages-form > footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:12px; margin-top:8px; border-top:1px solid var(--line); }
.localize-add-languages-form > footer > span { font-size:12px; color:var(--muted); }
.localize-add-languages-form [data-role="localization-target-feedback"]:empty { display:none; }
.localize-translation-settings:has(.localize-brand-change) { align-items:center; }
.localize-tool-popover > .localize-brand-trigger { justify-content:flex-start; min-height:42px; }
.localize-brand-trigger > span:first-child { color:var(--muted); font-size:12px; font-weight:400; }
.localize-brand-trigger > strong { font-size:16px; font-weight:600; }
.localize-brand-popover .localize-brand-change { margin:0; padding:0; border:0; background:transparent; }
.localize-brand-popover .localize-brand-change select { width:100%; margin-top:8px; min-height:38px; padding:8px 10px; border:1px solid var(--line); border-radius:7px; font:inherit; background:var(--surface); color:var(--ink); }
.localize-brand-popover .button-row { justify-content:flex-end; }
.localize-desktop .localize-generation-brand.is-locked { padding:9px 12px; border:1px solid var(--line); border-radius:7px; }
.localize-desktop .localize-generation-brand.is-locked > strong { font-size:16px; }
@media(max-width:900px) {
 .localize-languages-toolbar { flex-wrap:wrap; }
}
@media(max-width:700px) {
 .localize-languages-toolbar { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; }
 .localize-languages-toolbar .localize-select-visible { grid-column:1; }
 .localize-languages-toolbar .localize-filter-popover { grid-column:2; }
 .localize-languages-toolbar > input[type="search"] { grid-column:1; width:100%; min-width:0; }
 .localize-languages-toolbar .localize-add-language { grid-column:2; padding:0; margin:0; }
 .localize-languages-toolbar .localize-tool-popover { position:static; }
 .localize-languages-toolbar .localize-tool-menu { top:calc(100% - 8px); left:auto; right:0; max-width:100%; }
 .localize-tool-popover > summary.button { font-size:12px; gap:6px; padding:8px 10px; }
 .localize-brand-popover .localize-tool-menu { width:350px; }
}

@media(max-width:700px) {
 .localize-filter-popover > summary > span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
}

/* Brand and SMS share one compact settings pattern. */
.localize-translation-settings { position:relative; gap:12px; }
.localize-translation-settings > :is(.localize-brand-popover,.localize-sms-popover) { width:220px; flex:0 0 220px; }
.localize-tool-popover > summary.localize-settings-trigger { display:flex; width:100%; height:42px; padding:9px 12px; gap:10px; justify-content:flex-start; font-size:14px; }
.localize-settings-trigger > span:first-child { color:var(--muted); font-size:13px; font-weight:400; }
.localize-settings-trigger > strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:600; }
.localize-settings-trigger > span:last-child { margin-left:auto; }
.localize-settings-menu { width:420px; }
.localize-settings-menu .localize-sms-settings { margin:0; padding:0; border:0; border-radius:0; background:transparent; }
.localize-settings-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 4px; }
.localize-settings-heading h3 { margin:0; font-size:16px; }
.localize-settings-heading .button { padding:2px 6px; min-height:28px; font-size:20px; }
.localize-settings-menu p.localize-settings-scope { margin:0 0 14px; color:var(--muted); font-size:12px; line-height:1.5; }
.localize-settings-menu .localize-sms-inputs { display:grid; grid-template-columns:minmax(0,1fr) 130px; gap:18px; margin:16px 0; }
.localize-settings-menu .localize-sms-toggle { font-size:13px; }
.localize-settings-menu .localize-sms-toggle input { flex:0 0 16px; width:16px; height:16px; min-height:16px; margin:2px 0; accent-color:var(--accent); }
.localize-settings-menu .localize-sms-limit input { height:38px; padding:8px 10px; font:inherit; font-size:13px; }
.localize-settings-menu .localize-sms-limit > span { margin-bottom:6px; }
.localize-settings-help { margin:10px 0; font-size:12px; color:var(--muted); }
.localize-settings-help > summary { cursor:pointer; }
.localize-settings-help p { font-size:12px; margin:8px 0; }
.localize-settings-menu p.localize-settings-impact { margin:12px 0; font-size:12px; line-height:1.5; }
.localize-settings-footer { display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-top:16px; padding-top:12px; border-top:1px solid var(--line); }
.localize-settings-footer > span { margin-right:auto; font-size:11px; color:var(--muted); }
.localize-settings-footer .button { min-height:36px; font-size:13px; padding:8px 12px; }
.localize-desktop .localize-generation-brand.is-locked { width:220px; min-height:42px; padding:9px 12px; }
.localize-desktop .localize-generation-brand.is-locked > strong { font-size:14px; }
@media(max-width:700px) {
 .localize-translation-settings > :is(.localize-brand-popover,.localize-sms-popover) { position:static; width:calc(50% - 6px); flex:0 0 calc(50% - 6px); }
 .localize-tool-popover > summary.localize-settings-trigger { gap:6px; padding:8px 10px; }
 .localize-translation-settings .localize-settings-menu { top:calc(100% - 8px); left:0; right:auto; width:420px; max-width:100%; }
}
@media(max-width:420px) {
 .localize-settings-menu .localize-sms-inputs { grid-template-columns:minmax(0,1fr) 112px; gap:12px; }
 .localize-settings-trigger > span:first-child { font-size:12px; }
 .localize-settings-trigger > strong { font-size:13px; }
}

.localize-source-notes { margin: 0 0 24px; padding: 16px 20px; border: 1px solid #dedcf6; border-radius: 12px; background: #f8f7ff; color: #38334f; }
.localize-source-notes > strong { font-size: 14px; }
.localize-source-notes > p { margin: 6px 0 10px; color: #646078; font-size: 13px; line-height: 1.5; }
.localize-source-notes ul { display: flex; flex-wrap: wrap; gap: 8px 20px; max-height: 160px; overflow: auto; list-style: none; margin: 0; padding: 0; }
.localize-source-notes li { display: flex; align-items: baseline; gap: 8px; min-width: 0; font-size: 13px; }
.localize-source-notes q { white-space: pre-wrap; overflow-wrap: anywhere; font-weight: 600; quotes: "«" "»"; }
.localize-source-notes li span { white-space: nowrap; color: #777287; font-size: 12px; }

/* Source publication uses the existing result workspace and accent. */
.source-publish { margin: 24px 0 32px; padding: 0 0 24px; border-bottom: 1px solid var(--line); }
.source-publish header, .source-publish footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.source-publish h4 { margin: 0 0 7px; font-size: 18px; }
.source-publish header a { color: var(--accent, #6154d9); text-decoration: none; }
.source-publish > p, .source-publish-account, .source-publish footer > span { color: var(--muted, #707585); font-size: 14px; }
.source-publish-account { overflow-wrap: anywhere; }
.source-publish-locales, .source-publish-report { list-style: none; padding: 0; margin: 18px 0; }
.source-publish-locales > li { border-top: 1px solid var(--line); padding: 14px 0; }
.source-publish-row { display: flex; align-items: center; gap: 20px; min-width: 0; flex-wrap: wrap; }
.source-publish-row > label:first-child { display: flex; gap: 12px; align-items: center; min-width: 90px; }
.source-publish input[type=checkbox] { width: 18px; height: 18px; accent-color: var(--accent, #6154d9); margin: 0; }
.source-publish-row > span { flex: 1; color: var(--muted, #707585); font-size: 14px; min-width: 160px; }
.source-publish-row a, .source-publish-prior, .source-publish-diff summary { font-size: 13px; }
.source-publish-choice select { max-width: 100%; font: inherit; font-size: 13px; border: 1px solid var(--line); border-radius: 8px; padding: 9px 12px; background: var(--surface); color: inherit; }
.source-publish-diff { margin: 12px 0 0 30px; }
.source-publish-diff summary, .source-publish-prior summary { cursor: pointer; }
.source-publish-diff p { font-size: 13px; color: var(--muted, #707585); }
.source-publish-diff > div { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.source-publish-diff section { min-width: 0; background: var(--surface-muted); padding: 16px; border-radius: 8px; }
.source-publish-diff h5 { margin: 0 0 12px; }
.source-publish-diff pre { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 14px; max-height: 300px; overflow: auto; }
.source-publish-prior { display: block; margin: 10px 0 0 30px; }
.source-publish-prior a { display: block; padding-top: 6px; }
.source-publish-error { color: var(--danger) !important; }
.source-publish-report li { padding: 6px 0; font-size: 14px; }
.source-publish-report strong { margin-right: 12px; }
.source-publish-export-heading { font-size: 15px; color: var(--muted, #707585); margin: 0 0 16px; }
.source-publish :is(button,select,a,input):focus-visible { outline: 2px solid var(--accent, #6154d9); outline-offset: 3px; }
@media (max-width: 700px) {
  .source-publish header, .source-publish footer { align-items: flex-start; flex-direction: column; }
  .source-publish footer .button-row { width: 100%; flex-wrap: wrap; }
  .source-publish-row { gap: 12px; }
  .source-publish .button { min-height: 44px; white-space: normal; }
  .source-publish-choice { width: 100%; }
  .source-publish-choice select { width: 100%; }
  .source-publish-diff { margin-left: 0; }
  .source-publish-diff > div { grid-template-columns: 1fr; }
}

.localize-home-board .localize-job-number { font-variant-numeric:tabular-nums; white-space:nowrap; overflow-wrap:normal; }
.localize-home-board .localize-home-created { margin:0; font-size:12px; font-weight:500; color:var(--muted); font-variant-numeric:tabular-nums; white-space:nowrap; }
.localize-home-created > span,.localize-home-created > small { display:block; }
.localize-home-board .localize-home-created > small { margin:3px 0 0; font-size:11px; font-weight:400; }
@media(max-width:760px) {
 .localize-home-board .localize-home-row { grid-template-columns:minmax(0,1fr) auto; }
 .localize-home-board .localize-job-number { display:block; grid-column:1; grid-row:1; }
 .localize-home-board .localize-home-created { grid-column:2; grid-row:1; text-align:right; }
 .localize-home-board .localize-home-task { grid-row:2; }
 .localize-home-board .localize-home-status { grid-row:3; }
}

/* One result workspace, with secondary export methods disclosed on demand. */
.source-publish-locale-name { flex: 1; min-width: 180px; font-size: 14px; }
.source-publish-row > span { flex: 1; }
.source-publish-english > .localize-code { flex: 0 0 auto; min-width: 48px; margin-left: 30px; margin-right: 12px; }
.source-publish-connection { margin-top: 18px; color: var(--muted); font-size: 13px; }
.source-publish-connection summary, .localize-result-alternatives > summary { cursor: pointer; }
.localize-result-alternatives > summary { color: var(--muted); font-size: 14px; padding: 16px 0; }
.localize-result-alternatives[open] > summary { margin-bottom: 8px; }
.source-publish-row .localize-code { font-size: 12px; }
@media (max-width: 700px) {
  .source-publish-locale-name { flex-basis: calc(100% - 120px); min-width: 0; }
  .source-publish-row > span:not(.localize-code) { flex-basis: calc(100% - 100px); padding-left: 30px; }
}

.localize-google-backups { margin: 16px 0; font-size: 14px; color: var(--muted); }
.localize-google-backups summary { cursor: pointer; }
.localize-google-backups a { display: block; padding: 8px 0; }

/* Result actions share one toolbar; alternative exports stay within reach. */
.localize-result-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.localize-result-toolbar h3 { scroll-margin-top:24px; }
.localize-result-actions { display:flex; align-items:stretch; gap:6px; flex-shrink:0; }
.localize-result-menu { position:relative; }
.localize-result-menu > summary { display:flex; align-items:center; justify-content:center; width:44px; height:100%; min-height:44px; padding:0; list-style:none; cursor:pointer; font-size:22px; }
.localize-result-menu > summary::-webkit-details-marker { display:none; }
.localize-result-menu[open] > summary { border-color:var(--accent); color:var(--accent); }
.localize-result-menu-items { position:absolute; z-index:20; top:calc(100% + 8px); right:0; width:max-content; min-width:240px; max-width:min(420px,calc(100vw - 48px)); padding:6px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 8px 28px #20213718; }
.localize-result-menu-items .button { display:flex; justify-content:flex-start; width:100%; min-height:42px; height:auto; padding:10px 12px; border:0; background:transparent; text-align:left; white-space:normal; text-decoration:none; box-shadow:none; }
.localize-result-menu-items .button:hover { background:var(--accent-soft,#f1efff); }
.localize-result-bottom { display:flex; justify-content:flex-end; padding-top:16px; }
.localize-result-bottom .button { color:var(--muted); gap:8px; }
.localize-result-copy { color:var(--muted); }
@media(max-width:900px) {
  .localize-result-toolbar { align-items:flex-start; flex-direction:column; }
  .localize-result-actions { max-width:100%; }
  .localize-result-actions > .button { white-space:normal; height:auto; text-align:center; }
}
@media(max-width:480px) {
  .localize-result-actions { width:100%; }
  .localize-result-actions > .button { flex:1; }
}

/* Compact result footer: one utility row and one optional settings disclosure. */
.source-publish.source-publish-compact { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.source-publish-compact > .source-publish-locales { margin-bottom:0; }
.source-publish-compact > footer { padding:10px 0 0; border-top:1px solid var(--line); }
.source-publish-compact > footer .button-row { gap:16px; }
.source-publish-compact > footer .button { font-size:13px; min-height:36px; padding:6px 0; }
.source-publish-compact > footer [data-action="localization-result-top"] { gap:6px; color:var(--muted); }
.localize-result-extras { margin:2px 0 0; color:var(--muted); font-size:13px; }
.localize-result-extras > summary { width:fit-content; padding:8px 0; cursor:pointer; }
.localize-result-extra-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; padding:16px; margin-top:6px; border:1px solid var(--line); border-radius:10px; }
.localize-result-extra-content h5 { margin:0 0 10px; font-size:13px; color:var(--ink); }
.localize-result-extra-content .source-publish-connection { margin:0; }
.localize-result-extra-content .source-publish-connection p { margin:0 0 8px; line-height:1.5; }
.localize-result-extra-content .localize-output-settings { padding:0; border:0; }
.localize-result-extra-content .localize-template-toolbar { margin-top:0; grid-template-columns:1fr; }
.localize-result-extra-content .localize-template-toolbar p,
.localize-result-extra-content .localize-template-toolbar small { grid-column:1; }
@media(max-width:700px) {
  .source-publish-compact > footer { flex-direction:row; flex-wrap:wrap; align-items:center; gap:4px 12px; }
  .source-publish-compact > footer .button-row { width:auto; margin-left:auto; }
  .source-publish-compact > footer .button { min-height:44px; }
  .localize-result-extra-content { grid-template-columns:1fr; gap:20px; }
  .localize-result-extras > summary { padding:12px 0; }
}

/* Auxiliary settings are opened from the top action menu. */
.localize-result-extras:not([open]) { display:none; }
.localize-result-extras[open] { margin:0 0 20px; }
.localize-result-extras > summary { color:var(--ink); font-weight:600; }
.localize-result-menu-items .localize-result-settings-action { border-top:1px solid var(--line); border-radius:0; margin-top:4px; }

/* Compact locale counts free width for the actionable, shared next-step status. */
.localize-home-board { --locale-columns:48px minmax(180px,1fr) 112px 230px 116px 32px; }
.localize-home-board .localize-home-row { cursor:default; }
.localize-home-board .localize-home-row.is-deleted { opacity:.7; }
.localize-list-title { width:100%; text-align:left; border:0; padding:0; background:none; color:var(--ink); font:inherit; cursor:pointer; }
.localize-list-title:hover { color:var(--accent); }
.localize-list-title:disabled { color:inherit; cursor:default; }
.localize-home-board .localize-home-status .pill { max-width:100%; white-space:normal; line-height:1.4; text-align:left; }
.localize-home-board .localize-home-status small { margin-top:5px; font-size:11px; line-height:1.45; color:var(--muted); }
.localize-home-board .localize-home-next { border:0; background:none; font:inherit; font-size:19px; justify-content:center; min-height:36px; cursor:pointer; padding:0; }
.localize-home-board .localize-home-next:hover { background:var(--accent-soft); border-radius:6px; }
.localize-list-locales { position:relative; }
.localize-list-locales > summary { list-style:none; cursor:pointer; padding:7px 0; width:fit-content; white-space:nowrap; color:var(--ink); }
.localize-list-locales > summary::-webkit-details-marker { display:none; }
.localize-list-locales > summary span { margin-left:4px; color:var(--muted); }
.localize-list-locales[open] > summary { color:var(--accent); }
.localize-list-locale-panel { position:absolute; z-index:15; top:100%; right:0; width:300px; max-width:calc(100vw - 100px); background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:16px; box-shadow:0 8px 24px #00000012; }
.localize-list-locale-panel > strong { font-size:12px; }
.localize-list-locale-panel > div { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.localize-list-locale-panel > div > span { display:inline-block; border-radius:4px; background:var(--surface-muted); color:var(--muted); font-size:11px; padding:3px 7px; }
.localize-home-item:has(.localize-list-locales[open]) { position:relative; z-index:2; }
.localize-home-board:has(.localize-list-locales[open]) { overflow:visible; }
@media(max-width:1200px) {
 .localize-home-board { --locale-columns:32px minmax(150px,1fr) 96px 205px 92px 28px; }
 .localize-home-columns,.localize-home-board .localize-home-row { gap:12px; }
 .localize-home-columns > :nth-child(3),.localize-home-board .localize-home-languages { display:block; }
}
@media(max-width:1000px) {
 .localize-home-columns { display:none; }
 .localize-home-board .localize-home-row { grid-template-columns:minmax(0,1fr) auto; gap:10px; }
 .localize-home-board .localize-job-number { display:block; grid-column:1; grid-row:1; }
 .localize-home-board .localize-home-created { grid-column:2; grid-row:1; text-align:right; }
 .localize-home-board .localize-home-task { grid-column:1 / -1; grid-row:2; }
 .localize-home-board .localize-home-task strong { white-space:normal; }
 .localize-home-board .localize-home-languages { grid-column:1; grid-row:3; }
 .localize-home-board .localize-home-next { display:flex; grid-column:2; grid-row:3; min-width:36px; }
 .localize-home-board .localize-home-status { grid-column:1 / -1; grid-row:4; }
 .localize-home-board .localize-home-status .pill { font-size:12px; }
 .localize-list-locale-panel { left:0; right:auto; }
}
@media(pointer:coarse) { .localize-list-locales > summary,.localize-home-board .localize-home-next { min-height:44px; } }

.localize-home-board .localize-list-title { min-height:0; display:block; }
@media(pointer:coarse) { .localize-home-board .localize-list-title { min-height:44px; } }

/* Task navigation links leave locale disclosure and row actions independent. */
.localize-list-title, a.localize-home-next { text-decoration: none; }
.localize-generation-actions { display:flex; align-items:center; gap:16px; margin-left:auto; }
.localize-generation-time { color:var(--muted); font-size:13px; line-height:20px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.localize-generation-time strong { color:var(--ink); font-weight:600; }
.localize-generation-time:focus-visible { outline:2px solid var(--accent); outline-offset:4px; border-radius:3px; }
.localize-generation-actions .localize-add-language { margin-left:0; }
@media(max-width:1100px) {
  .localize-languages-toolbar { flex-wrap:wrap; }
}
@media(max-width:700px) {
  .localize-languages-toolbar .localize-generation-actions { grid-column:1 / -1; justify-content:flex-end; flex-wrap:wrap; width:100%; gap:10px 16px; }
  .localize-generation-time { white-space:normal; }
}

/* Empty space in active task rows is clickable; controls remain independent. */
.localize-home-board .localize-home-item:has(a.localize-list-title),
.localize-home-board .localize-home-item:has(a.localize-list-title) .localize-home-row { cursor: pointer; }

/* Translation progress: successful locales only, no estimated time or simulated progress. */
.localize-translation-progress { margin: 14px 0 18px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.localize-progress-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; font-size: 13px; }
.localize-progress-title { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font-weight: 600; }
.localize-progress-indicator { display: inline-block; flex: 0 0 auto; width: 15px; height: 15px; box-sizing: border-box; border: 2px solid var(--accent-soft); border-top-color: var(--accent); border-radius: 50%; }
.localize-progress-indicator.is-spinning { animation: generation-spin .9s linear infinite; }
.localize-progress-indicator.is-static { border-color: var(--accent); opacity: .65; }
.localize-progress-count { color: var(--muted); white-space: nowrap; }
.localize-progress-count strong { color: var(--ink); font-weight: 600; }
.localize-progress-bar { display: block; width: 100%; height: 4px; margin-top: 12px; border: 0; border-radius: 4px; overflow: hidden; appearance: none; background: var(--accent-soft); color: var(--accent); }
.localize-progress-bar::-webkit-progress-bar { background: var(--accent-soft); border-radius: 4px; }
.localize-progress-bar::-webkit-progress-value { background: var(--accent); border-radius: 4px; }
.localize-progress-bar::-moz-progress-bar { background: var(--accent); border-radius: 4px; }
.localize-progress-notes { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 9px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.localize-progress-warning { color: var(--warn); }
@media (max-width: 600px) { .localize-progress-heading { align-items: flex-start; flex-direction: column; gap: 7px; } .localize-translation-progress { padding: 14px; } }
@media (prefers-reduced-motion: reduce) { .localize-progress-indicator.is-spinning { animation: none; } }

/* Google access is visible before the result's locale list. */
.source-google-status { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; margin:16px 0; padding:12px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.source-google-status-copy { display:flex; flex-wrap:wrap; align-items:center; gap:5px 12px; min-width:0; flex:1 1 280px; font-size:13px; }
.source-google-status-copy strong { display:inline-flex; align-items:center; gap:8px; }
.source-google-status-copy small { flex-basis:100%; color:var(--muted); font-size:12px; line-height:1.5; }
.source-google-status-account { color:var(--muted); overflow-wrap:anywhere; min-width:0; }
.source-google-status-dot { width:7px; height:7px; flex:none; border-radius:50%; background:var(--muted); }
.source-google-status.is-good .source-google-status-dot { background:#239778; }
.source-google-status.is-warn .source-google-status-dot { background:#b87812; }
.source-google-status.is-checking .source-google-status-dot { background:var(--accent); }
.source-google-status-actions { display:flex; flex-wrap:wrap; gap:8px; }
@media(max-width:640px) { .source-google-status-actions { width:100%; } .source-google-status-actions .button { flex:1; } }

/* Google consent belongs to the signed-in account, not the current task. */
.account-dropdown:has(.google-documents-profile){width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 100px);overflow:auto;box-sizing:border-box}
.google-documents-profile{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:14px;margin-top:8px}
.google-documents-profile small{line-height:1.45;white-space:normal}
.google-profile-email{overflow-wrap:anywhere}
.google-profile-state{font-size:13px;color:var(--muted)}
.google-profile-state.is-connected{color:var(--success,#14805e)}
.google-profile-state.is-reconnect,.google-profile-state.is-unavailable{color:var(--warning,#a8640b)}
.google-profile-actions{display:flex;flex-wrap:wrap;gap:6px}
@media(max-width:600px){.account-dropdown:has(.google-documents-profile){position:fixed;top:68px;right:16px;width:calc(100vw - 32px)}}

.localize-generation-problem { margin: 16px 0; font-size: 13px; line-height: 1.5; }
.localize-generation-problem p { margin: 0 0 10px; }
.localize-generation-problem-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.localize-generation-problem .muted { color: var(--muted); }
.localize-generation-problem:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.localize-home-list-actions { display:flex; align-items:center; gap:10px; flex:0 1 408px; }
.localize-home-list-actions .localize-home-search { flex:0 1 280px; margin:10px 0; }
.localize-home-list-actions .localize-list-refresh { display:inline-flex; align-items:center; justify-content:center; gap:7px; width:118px; flex:0 0 118px; min-height:44px; height:44px; color:var(--muted); }
.localize-list-refresh:hover { color:var(--accent); }
.localize-list-refresh[aria-disabled="true"] { cursor:wait; opacity:.65; }
.localize-list-refresh.is-refreshing svg { animation:generation-spin 1s linear infinite; }
@media(max-width:1200px) { .localize-home-list-actions { width:100%; flex-basis:100%; padding:0 18px; } .localize-home-list-actions .localize-home-search { flex:1; max-width:none; margin:8px 0 12px; } }
@media(max-width:480px) { .localize-home-list-actions { padding:0 12px; gap:8px; } .localize-home-list-actions .localize-home-search { min-width:0; } .localize-list-refresh { width:108px; flex-basis:108px; font-size:12px; } }
@media(prefers-reduced-motion:reduce) { .localize-list-refresh.is-refreshing svg { animation:none; } }