:root {
  --cis-sidebar: 17rem;
  --cis-accent: #206bc4;
}

html { scroll-behavior: smooth; }
body { min-height: 100vh; }
button, a, input, select, textarea, summary { outline-offset: 3px; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid color-mix(in srgb, var(--cis-accent) 55%, transparent); }
.navbar-vertical { width: var(--cis-sidebar); }
.navbar-vertical + .page-wrapper { margin-left: var(--cis-sidebar); }
.navbar-brand { gap: .75rem; align-items: center; }
.brand-mark { display: inline-grid; place-items: center; min-width: 3rem; height: 3rem; padding: 0 .6rem; border-radius: .55rem; background: var(--tblr-primary); color: white; font-weight: 800; letter-spacing: .08em; }
.brand-mark--sidebar { min-width: 2.5rem; height: 2.5rem; font-size: .8rem; }
.brand-copy { color: var(--tblr-body-color); font-size: .9rem; line-height: 1.1; text-align: left; }
.brand-copy small { color: var(--tblr-secondary); font-size: .65rem; font-weight: 500; }
.route-kicker { color: var(--tblr-primary); font-family: var(--tblr-font-monospace); font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.sidebar-context { margin-top: auto; width: 100%; padding: 1rem; border-top: 1px solid var(--tblr-border-color); }
.sidebar-context a { display: block; margin-top: .4rem; color: inherit; font-size: .82rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-tree-item { width: 100%; margin: .1rem 0; }
.nav-tree__summary { display: flex; width: calc(100% - 1rem); min-height: 2.5rem; margin: 0 .5rem; padding: .5rem .75rem; align-items: center; justify-content: space-between; border-radius: .45rem; color: var(--tblr-body-color); cursor: pointer; font-size: .86rem; font-weight: 600; list-style: none; }
.nav-tree__summary::-webkit-details-marker { display: none; }
.nav-tree__summary:hover { background: var(--tblr-bg-surface-secondary); }
.nav-tree__chevron { width: 1rem; height: 1rem; flex: none; fill: none; stroke: var(--tblr-secondary); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; transition: transform .15s ease; }
.nav-tree[open] > .nav-tree__summary .nav-tree__chevron { transform: rotate(90deg); }
.nav-tree__children { display: grid; gap: .1rem; margin: .1rem .5rem .35rem; padding: 0; list-style: none; }
.nav-tree__children .nav-link { position: relative; min-height: 2.25rem; margin-left: .75rem; padding: .45rem .75rem .45rem 1.75rem; border-radius: .4rem; color: var(--tblr-secondary); font-size: .8rem; }
.nav-tree__children .nav-link:hover { background: var(--tblr-bg-surface-secondary); color: var(--tblr-body-color); }
.nav-tree__children .nav-link.active { border: 0; background: color-mix(in srgb, var(--tblr-primary) 11%, transparent); color: var(--tblr-primary); font-weight: 600; }
.nav-tree__children .nav-item.active::after { display: none; }
.app-toolbar { min-height: 3.5rem; border-bottom: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); }
.page-body { min-height: calc(100vh - 3.5rem); padding: 1.5rem 0 3rem; }
.state-card { max-width: 54rem; margin: 2rem auto; border-style: dashed; }
.state-symbol { color: var(--tblr-primary); font-size: 1.25rem; }
.page-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.page-heading h1 { margin: .35rem 0; font-size: clamp(1.7rem, 3vw, 2.25rem); }
.flow-rail { display: flex; align-items: center; gap: .65rem; padding: .75rem 1rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); font-family: var(--tblr-font-monospace); font-size: .75rem; }
.flow-rail strong { color: var(--tblr-primary); }
.toolbar-card { margin-bottom: 1rem; }
.mapping-flow { margin-top: 1rem; overflow: hidden; }
.mapping-flow + .mapping-flow { margin-top: 1rem; }
.mapping-flow .card-header { min-height: 4.5rem; background: var(--tblr-bg-surface-secondary); }
.mapping-table thead th { position: sticky; top: 0; z-index: 1; background: var(--tblr-bg-surface-secondary); }
.mapping-table td { padding-top: .65rem; padding-bottom: .65rem; }
.mapping-table th:nth-child(1) { width: 28%; }
.mapping-table th:nth-child(2) { width: 36%; }
.mapping-table th:nth-child(3) { width: 14%; }
.mapping-table th:nth-child(4) { width: 22%; }
.mapping-source-value { display: flex; align-items: center; min-height: 2rem; max-width: 100%; width: fit-content; padding: .25rem .5rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); color: var(--tblr-body-color); font-family: var(--tblr-font-monospace); font-size: .78rem; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; }
.mapping-field { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; }
.mapping-field-required { color: var(--tblr-danger); font-weight: 700; }
.mapping-flow__meta { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: .75rem; }
.mapping-group-row { background: color-mix(in srgb, var(--tblr-primary) 6%, var(--tblr-bg-surface-secondary)); }
.mapping-group-cell { padding: 0 !important; border-top: 1px solid color-mix(in srgb, var(--tblr-primary) 24%, var(--tblr-border-color)); }
.mapping-group-bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.mapping-group-toggle { display: grid; width: 100%; min-height: 2.75rem; grid-template-columns: 1rem minmax(0, 1fr) auto; align-items: center; gap: .55rem; padding: .55rem .75rem; border: 0; border-left: 3px solid var(--tblr-primary); background: transparent; color: inherit; text-align: left; }
.mapping-group-save { margin-right: .75rem; white-space: nowrap; }
.mapping-group-toggle:hover { background: color-mix(in srgb, var(--tblr-primary) 7%, transparent); }
.mapping-group-toggle__icon { display: inline-flex; color: var(--tblr-primary); transform: rotate(0); }
.mapping-group-toggle[aria-expanded="false"] .mapping-group-toggle__icon { transform: rotate(-90deg); }
.mapping-group-title { display: inline-flex; align-items: center; gap: .35rem; font-size: .8rem; font-weight: 700; }
.mapping-group-meta { color: var(--tblr-secondary); font-family: var(--tblr-font-monospace); font-size: .68rem; font-weight: 500; }
.custom-field-flow .card-header { border-left: 3px solid var(--tblr-primary); }
.cis-custom-field-registry .card-header { border-left: 3px solid var(--tblr-success); }
.cis-custom-field-registry code, .cis-issue-custom-fields code { color: var(--tblr-teal); }
.cis-issue-custom-fields .card-header { background: color-mix(in srgb, var(--tblr-success) 7%, var(--tblr-bg-surface)); }
.custom-field-table td:first-child { min-width: 15rem; }
.custom-field-table td:nth-child(2) { min-width: 12rem; }
.custom-field-table td:nth-child(3) { min-width: 13rem; }
.custom-field-table td:nth-child(4) { min-width: 15rem; }
.custom-field-authority { min-width: 8.5rem; padding: .4rem .65rem .4rem 2.75rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface-secondary); }
.sprint-mapping-flow .card-header { border-left: 3px solid var(--tblr-azure); }
.sprint-mapping-flow:focus { outline: 2px solid color-mix(in srgb, var(--tblr-primary) 45%, transparent); outline-offset: 2px; }
.state-inline { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.sprint-route { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; padding: .75rem 1rem; border: 1px solid color-mix(in srgb, var(--tblr-azure) 28%, var(--tblr-border-color)); border-radius: var(--tblr-border-radius); background: color-mix(in srgb, var(--tblr-azure) 5%, var(--tblr-bg-surface)); }
.sprint-route > div { display: grid; min-width: 9rem; }
.sprint-route span:not(.badge) { color: var(--tblr-secondary); font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.sprint-route strong { font-size: .9rem; }
.sprint-route__arrow, .sprint-mapping-row__arrow { color: var(--tblr-azure); font-size: 1.1rem; font-weight: 700; }
.sprint-route .badge { margin-left: auto; }
.sprint-mapping-list { display: grid; gap: .75rem; }
.sprint-mapping-row { display: grid; grid-template-columns: minmax(12rem, 1fr) auto minmax(14rem, 1fr) auto auto; align-items: center; gap: .75rem; padding: .85rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); }
.sprint-mapping-row label { display: grid; gap: .3rem; margin: 0; font-size: .75rem; font-weight: 700; }
.sprint-mapping-row label small { color: var(--tblr-secondary); font-size: .68rem; font-weight: 400; }
.sprint-mapping-row__status { min-width: 6.5rem; text-align: center; }
.sprint-mapping-row .btn svg { width: 1rem; height: 1rem; }
.sprint-mapping-empty { display: grid; justify-items: center; gap: .25rem; padding: 1.25rem; border: 1px dashed var(--tblr-border-color); border-radius: var(--tblr-border-radius); color: var(--tblr-secondary); text-align: center; }
.sprint-mapping-empty[hidden] { display: none; }
.sprint-mapping-footer { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
.custom-value-summary { display: grid; width: 100%; min-width: 13rem; grid-template-columns: minmax(0, 1fr) auto 1rem; align-items: center; gap: .5rem; padding: .45rem .55rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); color: inherit; text-align: left; }
.custom-value-summary:hover, .custom-value-summary[aria-expanded="true"] { border-color: color-mix(in srgb, var(--tblr-primary) 55%, var(--tblr-border-color)); background: color-mix(in srgb, var(--tblr-primary) 5%, var(--tblr-bg-surface)); }
.custom-value-summary > span:first-child { display: grid; min-width: 0; }
.custom-value-summary strong, .custom-value-summary small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.custom-value-summary small { color: var(--tblr-secondary); font-size: .68rem; }
.custom-value-summary svg { width: 1rem; height: 1rem; color: var(--tblr-secondary); transition: transform .15s ease; }
.custom-value-summary[aria-expanded="true"] svg { transform: rotate(180deg); }
.custom-value-editor-row[hidden] { display: none; }
.custom-value-editor-row td { padding: 0 !important; background: color-mix(in srgb, var(--tblr-primary) 4%, var(--tblr-bg-surface)); }
.custom-value-editor { display: grid; gap: 1rem; padding: 1rem 1.25rem 1.25rem; border-top: 1px solid color-mix(in srgb, var(--tblr-primary) 30%, var(--tblr-border-color)); box-shadow: inset 3px 0 var(--tblr-primary); }
.custom-value-editor__header, .custom-value-editor__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.custom-value-editor__modes { display: grid; grid-template-columns: repeat(2, minmax(12rem, 1fr)); gap: .75rem; max-width: 42rem; }
.custom-value-editor__modes label { display: flex; align-items: flex-start; gap: .65rem; min-height: 4rem; padding: .75rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); cursor: pointer; }
.custom-value-editor__modes label:has(input:checked) { border-color: var(--tblr-primary); box-shadow: inset 3px 0 var(--tblr-primary); }
.custom-value-editor__modes input { margin-top: .15rem; accent-color: var(--tblr-primary); }
.custom-value-editor__modes span { display: grid; }
.custom-value-editor__modes small { color: var(--tblr-secondary); }
.custom-value-direct { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; padding: .75rem; border: 1px dashed var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); }
.custom-value-entries { display: grid; gap: .5rem; margin-top: .75rem; }
.custom-value-entry { display: grid; grid-template-columns: minmax(10rem, 1fr) auto minmax(12rem, 1fr) auto; align-items: center; gap: .5rem; max-width: 52rem; }
.custom-value-entry__arrow { color: var(--tblr-primary); font-weight: 700; }
.custom-value-entry .btn svg { width: 1rem; height: 1rem; }
.custom-value-empty { margin-top: .75rem; padding: .75rem; border: 1px dashed var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); }
.cis-issue-type-scope { min-width: 13rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface-secondary); }
.cis-issue-type-scope summary { display: flex; align-items: center; gap: .45rem; min-height: 2rem; padding: .35rem .5rem; cursor: pointer; font-size: .78rem; font-weight: 600; list-style: none; }
.cis-issue-type-scope summary::-webkit-details-marker { display: none; }
.cis-issue-type-scope summary > :first-child { flex: 1; }
.cis-issue-type-scope__icon { width: 1rem; height: 1rem; color: var(--tblr-secondary); transition: transform .15s ease; }
.cis-issue-type-scope[open] .cis-issue-type-scope__icon { transform: rotate(180deg); }
.cis-issue-type-scope__panel { padding: .5rem; border-top: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); }
.cis-issue-type-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem .6rem; max-height: 9rem; overflow: auto; }
.jira-custom-field-preview .table th, .jira-custom-field-preview .table td { vertical-align: middle; }
.jira-custom-field-preview__value { display: inline-block; max-width: 18rem; overflow-wrap: anywhere; padding: .2rem .4rem; border-radius: .25rem; background: var(--tblr-bg-surface-secondary); }
[data-mapping].is-dirty { background: color-mix(in srgb, var(--tblr-warning) 8%, transparent); box-shadow: inset 3px 0 var(--tblr-warning); }
.filter-section + .filter-section { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--tblr-border-color); }
.filter-section__heading { display: flex; align-items: baseline; gap: .6rem; margin-bottom: .75rem; }
.filter-section__heading span { color: var(--tblr-secondary); font-size: .72rem; }
.backlog-window-grid { display: grid; grid-template-columns: repeat(2, minmax(12rem, 1fr)) minmax(8rem, .5fr); gap: 1rem; max-width: 52rem; }
.backlog-options-grid { display: grid; grid-template-columns: repeat(2, minmax(14rem, 1fr)) minmax(10rem, .65fr) auto; gap: 1rem; align-items: end; }
.filter-picker { position: relative; }
.filter-picker__summary { display: flex; align-items: center; min-height: 2.75rem; cursor: pointer; list-style: none; overflow: hidden; }
.filter-picker__summary::-webkit-details-marker { display: none; }
.filter-picker__summary span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.filter-picker__menu { position: absolute; z-index: 20; top: calc(100% + .4rem); width: min(22rem, 80vw); overflow: hidden; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); box-shadow: var(--tblr-box-shadow-dropdown); }
.filter-picker__search { padding: .75rem; border-bottom: 1px solid var(--tblr-border-color); }
.filter-picker__options { max-height: 16rem; overflow: auto; padding: .35rem; }
.filter-picker__option { display: flex; align-items: center; gap: .65rem; min-height: 2.5rem; padding: .45rem .6rem; border-radius: calc(var(--tblr-border-radius) - 2px); cursor: pointer; }
.filter-picker__option:hover { background: var(--tblr-bg-surface-secondary); }
.filter-picker__footer { display: flex; justify-content: space-between; gap: .5rem; padding: .6rem .75rem; border-top: 1px solid var(--tblr-border-color); }
.filter-evidence { display: flex; flex-wrap: wrap; justify-content: center; gap: .35rem; margin-top: .6rem; }
.card-header .filter-evidence { justify-content: flex-start; }
.backlog-not-closed { min-height: 2.75rem; margin: 0 0 .05rem; align-items: center; }
.backlog-not-closed .form-check-label small { display: block; color: var(--tblr-secondary); }
.backlog-search-actions { display: flex; gap: .5rem; justify-content: flex-end; }
.backlog-bulk-actions { display: grid; grid-template-columns: minmax(16rem, 1fr) auto; align-items: center; gap: .75rem 1.25rem; margin-top: 1rem; padding: .9rem 1rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface-secondary); box-shadow: inset 3px 0 var(--tblr-primary); }
.backlog-bulk-actions__copy { display: grid; gap: .1rem; }
.backlog-bulk-actions__copy span { color: var(--tblr-primary); font-size: .68rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.backlog-bulk-actions__copy strong { font-size: .88rem; }
.backlog-bulk-actions__copy small { color: var(--tblr-secondary); }
.backlog-bulk-actions__buttons { display: flex; gap: .5rem; }
.backlog-bulk-actions__buttons .btn { white-space: nowrap; }
.backlog-bulk-actions__states { display: grid; grid-column: 1 / -1; gap: .5rem; }
.backlog-bulk-actions__states > :empty { display: none; }
.backlog-bulk-actions__states .filtered-pull-complete { margin-top: 0; }
.filtered-pull-complete { display: flex; align-items: center; gap: .6rem; margin-top: .75rem; padding: .7rem .85rem; border: 1px solid color-mix(in srgb, var(--tblr-success) 34%, var(--tblr-border-color)); border-radius: var(--tblr-border-radius); background: color-mix(in srgb, var(--tblr-success) 9%, var(--tblr-bg-surface)); color: var(--tblr-success); font-size: .82rem; }
.filtered-pull-complete__icon { display: inline-grid; place-items: center; width: 1.35rem; height: 1.35rem; border-radius: 50%; background: var(--tblr-success); color: white; font-size: .8rem; font-weight: 800; }
.filtered-pull-complete strong:last-child { font-size: 1rem; }
.table { margin-bottom: 0; }
.table th { font-size: .7rem; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.table td { vertical-align: middle; }
.table code { font-size: .72rem; }
.issue-source { display: inline-flex; align-items: center; gap: .3rem; white-space: nowrap; }
.issue-source strong { color: var(--tblr-secondary); font-size: .72rem; font-weight: 700; }
.table-actions { display: flex; align-items: center; flex-wrap: nowrap; gap: .25rem; min-width: 7.5rem; }
.empty-row { padding: 2.5rem !important; text-align: center; color: var(--tblr-secondary); }
.metric-strip { display: flex; flex-wrap: wrap; gap: .75rem; }
.metric { min-width: 7rem; padding: .65rem .85rem; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); }
.metric span { display: block; color: var(--tblr-secondary); font-size: .7rem; text-transform: uppercase; }
.metric strong { display: block; margin-top: .15rem; font-size: 1.15rem; }
.dashboard-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.dashboard-metric { display: grid; min-height: 8rem; align-content: space-between; padding: 1rem; border: 1px solid var(--tblr-border-color); border-top: 3px solid var(--tblr-primary); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); color: inherit; text-decoration: none; }
.dashboard-metric:hover { border-color: var(--tblr-primary); color: inherit; }
.dashboard-metric span, .dashboard-metric small { color: var(--tblr-secondary); }
.dashboard-metric span { font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.dashboard-metric strong { font-size: 2rem; line-height: 1; }
.dashboard-metric small { font-weight: 600; }
.issue-editor-layout { display: grid; grid-template-areas: "main rail"; grid-template-columns: minmax(0, 1fr) minmax(18rem, 20rem); gap: 1rem; align-items: start; }
.issue-editor-main { grid-area: main; min-width: 0; }
.issue-editor-rail { position: sticky; top: 4.5rem; grid-area: rail; min-width: 0; }
.issue-editor-rail__metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.issue-editor-rail__metrics .metric { min-width: 0; padding: .55rem; text-align: center; }
.issue-editor-rail__metrics .metric span { font-size: .6rem; }
.cis-dialog { width: min(92vw, 52rem); max-height: 90vh; padding: 0; border: 0; border-radius: .65rem; background: transparent; color: var(--tblr-body-color); }
.cis-dialog::backdrop { background: rgba(15, 23, 42, .55); }
.cis-dialog__surface { max-height: 90vh; overflow: auto; border: 1px solid var(--tblr-border-color); border-radius: .65rem; background: var(--tblr-bg-surface); box-shadow: var(--tblr-box-shadow-card); }
.dialog-header, .dialog-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; }
.dialog-header { border-bottom: 1px solid var(--tblr-border-color); }
.dialog-footer { border-top: 1px solid var(--tblr-border-color); justify-content: flex-end; }
.dialog-body { padding: 1.25rem; }
.login-page { background: radial-gradient(circle at 50% -20%, color-mix(in srgb, var(--tblr-primary) 12%, transparent), transparent 45%), var(--tblr-bg-surface-secondary); }
.login-page .card { border-top: 3px solid var(--tblr-primary); }
.auth-divider { display: flex; align-items: center; gap: .75rem; margin: 1.25rem 0 .75rem; color: var(--tblr-secondary); font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.auth-divider::before, .auth-divider::after { height: 1px; flex: 1; background: var(--tblr-border-color); content: ""; }
.user-account-link { color: var(--tblr-body-color); font-weight: 600; text-decoration: none; }
.user-account-link:hover { color: var(--tblr-primary); }
.account-page { max-width: 64rem; }
.account-card { overflow: hidden; }
.account-identity { min-height: 5rem; }
.account-auth-list { border-left: 4px solid var(--tblr-primary); }
.account-auth-row { display: grid; min-height: 6rem; grid-template-columns: 2.5rem minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: 1.1rem 1.25rem; }
.account-auth-row + .account-auth-row { border-top: 1px solid var(--tblr-border-color); }
.account-auth-row--form { align-items: start; }
.account-auth-mark { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border: 1px solid var(--tblr-border-color); border-radius: 50%; background: var(--tblr-bg-surface-secondary); color: var(--tblr-primary); font-weight: 800; }
.account-auth-copy { min-width: 0; }
.account-auth-copy > strong, .account-auth-copy > span { display: block; }
.account-auth-copy > span { margin-top: .2rem; color: var(--tblr-secondary); font-size: .8rem; }
.account-password-form { max-width: 42rem; margin-top: 1rem; }
.job-evidence { margin-top: .5rem; font-family: var(--tblr-font-monospace); font-size: .72rem; color: var(--tblr-secondary); }
.language-block + .language-block { margin-top: .75rem; padding-top: .75rem; border-top: 1px solid var(--tblr-border-color); }
.term-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: .5rem; margin-top: .5rem; }
.source-panel { white-space: pre-wrap; font-size: .85rem; }
.translation-queue-table td { vertical-align: middle; }
.translation-queue-table .cis-issue-link { display: inline-block; max-width: 15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.system-issue { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.system-issue code { color: var(--tblr-body-color); font-weight: 700; }
.translation-review-dialog { width: min(96vw, 90rem); }
.translation-modal-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.translation-modal-document { min-width: 0; overflow: hidden; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); }
.translation-modal-document__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem 1rem; border-bottom: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface-secondary); }
.translation-modal-document__header h3 { margin: 0; font-size: .875rem; }
.translation-modal-document__content { min-height: 14rem; max-height: 20rem; overflow: auto; }
.translation-modal-editor .markdown-editor__textarea, .translation-modal-editor .markdown-preview { min-height: 18rem; max-height: 28rem; overflow: auto; }
.markdown-editor { overflow: hidden; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); }
.markdown-editor__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1rem; border-bottom: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface-secondary); }
.markdown-editor__toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem; padding: .35rem .55rem; border-bottom: 1px solid var(--tblr-border-color); }
.markdown-editor__divider { width: 1px; height: 1.5rem; margin: 0 .3rem; background: var(--tblr-border-color); }
.markdown-editor__textarea { min-height: 22rem; padding: 1rem; border: 0; border-radius: 0; font-family: var(--tblr-font-monospace); line-height: 1.65; resize: vertical; }
.markdown-editor__textarea:focus { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--tblr-primary) 45%, transparent); }
.markdown-editor__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .45rem .75rem; border-top: 1px solid var(--tblr-border-color); color: var(--tblr-secondary); font-size: .7rem; }
.markdown-preview { min-height: 22rem; padding: 1.25rem; overflow-wrap: anywhere; }
.markdown-preview > :first-child { margin-top: 0; }
.markdown-preview > :last-child { margin-bottom: 0; }
.markdown-preview h1, .markdown-preview h2, .markdown-preview h3 { margin-top: 1.35em; padding-bottom: .35rem; border-bottom: 1px solid var(--tblr-border-color); }
.markdown-preview pre { padding: 1rem; overflow: auto; border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface-secondary); }
.markdown-preview code { color: inherit; }
.markdown-preview blockquote { padding-left: 1rem; border-left: 3px solid var(--tblr-primary); color: var(--tblr-secondary); }
.markdown-preview__empty { display: grid; min-height: 18rem; place-items: center; color: var(--tblr-secondary); }
.snapshot-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.snapshot-field { overflow: hidden; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface); }
.snapshot-field--wide { grid-column: 1 / -1; }
.snapshot-field__header { display: flex; min-height: 3rem; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem .9rem; border-bottom: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface-secondary); }
.snapshot-field__header h3 { margin: 0; font-size: .875rem; }
.snapshot-wide-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.snapshot-system { min-width: 0; }
.snapshot-system + .snapshot-system { border-left: 1px solid var(--tblr-border-color); }
.snapshot-system__label { padding: .6rem 1rem 0; color: var(--tblr-secondary); font-size: .65rem; font-weight: 700; letter-spacing: .04em; }
.snapshot-clamp { position: relative; max-height: 12rem; overflow: hidden; }
.snapshot-clamp.is-clamped::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3.5rem; background: linear-gradient(transparent, var(--tblr-bg-surface)); content: ""; pointer-events: none; }
.snapshot-clamp.is-expanded { max-height: none; }
.snapshot-plain { padding: .65rem 1rem 1rem; overflow-wrap: anywhere; white-space: pre-wrap; }
.snapshot-markdown { min-height: 0; padding: .65rem 1rem 1rem; }
.snapshot-toggle { margin: .15rem .5rem .5rem; }
.snapshot-compact-values { padding: .6rem .9rem; }
.snapshot-compact-value { display: grid; grid-template-columns: 4.25rem minmax(0, 1fr); gap: .6rem; padding: .35rem 0; }
.snapshot-compact-value span { color: var(--tblr-secondary); font-size: .65rem; font-weight: 700; letter-spacing: .04em; }
.snapshot-compact-value strong { overflow-wrap: anywhere; font-weight: 500; }
.translation-compare > [class*="col-"] { display: flex; }
.translation-compare .markdown-editor { display: flex; width: 100%; flex-direction: column; }
.translation-source__preview { flex: 1; overflow: auto; }
.translation-workbench [data-md-panel] { flex: 1; }
.translation-workbench [data-md-panel="edit"]:not([hidden]) { display: flex; }
.translation-workbench .markdown-editor__textarea { min-height: 22rem; flex: 1; }
.sticky-actions { position: sticky; bottom: 0; z-index: 2; padding: .75rem; border-top: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); }
.btn, .nav-link { min-height: 2.75rem; }
.btn-sm { min-height: 2.25rem; }
.btn-icon { min-width: 2.75rem; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001s !important; transition-duration: .001s !important; scroll-behavior: auto !important; } }
@media (max-width: 1199.98px) {
  .issue-editor-layout { grid-template-areas: "rail" "main"; grid-template-columns: 1fr; }
  .issue-editor-rail { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
  .issue-editor-rail > .card { margin-bottom: 1rem !important; }
}
@media (max-width: 991.98px) {
  .navbar-vertical { width: 100%; }
  .navbar-vertical + .page-wrapper { margin-left: 0; }
  .sidebar-context { display: none; }
  .page-body { padding-top: 1rem; }
  .backlog-options-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .snapshot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .snapshot-wide-values { grid-template-columns: 1fr; }
  .snapshot-system + .snapshot-system { border-top: 1px solid var(--tblr-border-color); border-left: 0; }
  .translation-modal-compare { grid-template-columns: 1fr; }
  .dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  .page-heading { align-items: flex-start; flex-direction: column; }
  .flow-rail { width: 100%; justify-content: center; }
  .responsive-table thead { display: none; }
  .responsive-table tbody, .responsive-table tr, .responsive-table td { display: block; width: 100%; }
  .responsive-table tr { padding: .75rem; border-bottom: 1px solid var(--tblr-border-color); }
  .responsive-table td { display: grid; grid-template-columns: 8rem minmax(0,1fr); gap: .75rem; padding: .4rem !important; border: 0; }
  .responsive-table td::before { content: attr(data-label); color: var(--tblr-secondary); font-size: .7rem; font-weight: 700; text-transform: uppercase; }
  .responsive-table .custom-value-editor-row { padding: 0; }
  .responsive-table .custom-value-editor-row td { display: block; padding: 0 !important; }
  .responsive-table .custom-value-editor-row td::before { display: none; }
  .custom-value-editor { padding: 1rem; }
  .custom-value-editor__header, .custom-value-editor__toolbar { align-items: flex-start; flex-direction: column; }
  .custom-value-editor__modes { grid-template-columns: 1fr; }
  .custom-value-entry { grid-template-columns: minmax(0, 1fr) auto; }
  .custom-value-entry [data-custom-map-source] { grid-column: 1 / -1; }
  .custom-value-entry__arrow { display: none; }
  .state-inline { align-items: flex-start; flex-direction: column; }
  .sprint-route { align-items: flex-start; }
  .sprint-route__arrow { transform: rotate(90deg); }
  .sprint-route .badge { margin-left: 0; }
  .sprint-mapping-row { grid-template-columns: minmax(0, 1fr) auto; }
  .sprint-mapping-row label { grid-column: 1 / -1; }
  .sprint-mapping-row__arrow { display: none; }
  .sprint-mapping-row__status { min-width: 0; text-align: left; }
  .sprint-mapping-footer .table-actions { width: 100%; margin-left: 0 !important; }
  .sprint-mapping-footer .table-actions .btn { flex: 1 1 auto; }
  .table-actions { min-width: 0; flex-wrap: wrap; }
  .mapping-table .mapping-group-row { padding: 0; }
  .mapping-group-toggle { grid-template-columns: 1rem minmax(0, 1fr); }
  .mapping-group-meta { grid-column: 2; }
  .backlog-window-grid, .backlog-options-grid { grid-template-columns: 1fr; }
  .snapshot-grid { grid-template-columns: 1fr; }
  .filter-picker__menu { position: static; width: 100%; margin-top: .4rem; }
  .backlog-search-actions .btn { flex: 1 1 100%; }
  .backlog-search-actions .btn-ghost-secondary { flex: 0 0 auto; }
  .backlog-bulk-actions { grid-template-columns: 1fr; }
  .backlog-bulk-actions__buttons { display: grid; grid-template-columns: 1fr; }
  .backlog-bulk-actions__states { grid-column: 1; }
  .markdown-editor__header { align-items: flex-start; flex-direction: column; }
  .markdown-editor__header .btn-group { width: 100%; }
  .markdown-editor__header .btn { flex: 1; }
  .issue-editor-rail { grid-template-columns: 1fr; }
  .dashboard-metrics { grid-template-columns: 1fr; }
  .account-auth-row { grid-template-columns: 2.5rem minmax(0, 1fr); }
  .account-auth-row > .badge, .account-auth-row > .btn { grid-column: 2; justify-self: start; }
}

.cis-issue-filters { background: var(--tblr-bg-surface-secondary, #f8fafc); }
.cis-filter-actions, .cis-list-footer { display: flex; align-items: center; justify-content: flex-end; gap: .5rem; }
.cis-list-footer { justify-content: space-between; }
@media (max-width: 767.98px) {
  .cis-filter-actions > * { flex: 1; }
  .cis-list-footer { align-items: flex-start; flex-direction: column; }
}
.hierarchy-card {
  border-left: 3px solid var(--tblr-primary);
}

.hierarchy-strip {
  display: grid;
  grid-template-columns: minmax(0, 2fr) repeat(2, minmax(7rem, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background: var(--tblr-border-color);
}

.hierarchy-strip > div {
  min-width: 0;
  padding: 0.85rem 1rem;
  background: var(--tblr-bg-surface);
}

.hierarchy-strip span,
.hierarchy-strip strong {
  display: block;
}

.hierarchy-strip span {
  color: var(--tblr-secondary);
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.hierarchy-strip strong {
  margin-top: 0.25rem;
  overflow-wrap: anywhere;
}

.automation-source-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background: var(--tblr-border-color);
}

.automation-source-grid > div {
  min-width: 0;
  padding: .85rem 1rem;
  background: var(--tblr-bg-surface);
}

.automation-source-grid span,
.automation-source-grid strong {
  display: block;
}

.automation-source-grid span {
  color: var(--tblr-secondary);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.automation-source-grid strong {
  margin-top: .3rem;
  overflow-wrap: anywhere;
}

.automation-flow-rail {
  display: grid;
  grid-template-columns: minmax(5rem, auto) 1rem minmax(8rem, 1fr) 1rem minmax(8rem, 1fr);
  align-items: center;
  gap: .35rem;
  min-width: 0;
}

.automation-flow-node {
  min-width: 0;
  padding: .55rem .7rem;
  overflow-wrap: anywhere;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background: var(--tblr-bg-surface-secondary);
}

.automation-flow-node small {
  display: block;
  color: var(--tblr-secondary);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .04em;
}

.automation-flow-arrow {
  color: var(--tblr-secondary);
  text-align: center;
}

@media (max-width: 575.98px) {
  .hierarchy-strip { grid-template-columns: 1fr; }
  .automation-source-grid { grid-template-columns: 1fr; }
  .automation-flow-rail { grid-template-columns: 1fr; }
  .automation-flow-arrow { transform: rotate(90deg); }
}