/* Kimra: calm, simple, one page at a time. */
:root {
  color-scheme: light;
  --bg: #f7f7f8; --surface: #ffffff; --surface-2: #f2f2f4; --hover: #f5f6f8; --border: #e6e6ea; --border-strong: #d4d4da;
  --control-border: #8a8a93; --text: #17171c; --muted: #5b5b66; --faint: #6b6b75;
  --accent: #4353d8; --accent-ink: #ffffff; --accent-soft: #eef0fd; --accent-text: #3441b8; --focus: #4353d8;
  --thread-bg: #fbfaf5; --thread-line: #e7e1c8;
  --st-new: #4353d8; --st-open: #0b7a75; --st-waiting: #a15c00; --st-resolved: #1d7a3e; --st-closed: #62626d;
  --danger: #c0262d; --warn: #a15c00; --ok: #1d7a3e;
  --series-1: #4a6ee0; --series-2: #eb6834;
  --radius: 10px; --radius-sm: 7px;
  --shadow: 0 1px 2px rgb(16 16 24 / .05), 0 1px 1px rgb(16 16 24 / .03);
  --shadow-lg: 0 10px 30px rgb(16 16 24 / .12);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg: #111114; --surface: #19191d; --surface-2: #222228; --hover: #202026; --border: #2c2c33; --border-strong: #3a3a42;
    --control-border: #8a8a93; --text: #ececf1; --muted: #b0b0bb; --faint: #9a9aa4;
    --accent: #8b97ff; --accent-ink: #0d1030; --accent-soft: #23264a; --accent-text: #aab3ff; --focus: #aab3ff;
    --thread-bg: #1e1d18; --thread-line: #3d3826;
    --st-new: #aab3ff; --st-open: #5fd0c7; --st-waiting: #f0b35a; --st-resolved: #6fd08f; --st-closed: #a8a8b3;
    --danger: #ff8a80; --warn: #f0b35a; --ok: #6fd08f;
    --series-1: #6f8cff; --series-2: #e8773f;
    --shadow: none; --shadow-lg: 0 10px 30px rgb(0 0 0 / .5);
  }
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font-size: 14.5px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
a { color: var(--accent-text); }
h1, h2, h3 { letter-spacing: -0.01em; }
.skip { position: absolute; left: -9999px; top: 0; z-index: 100; background: var(--accent); color: var(--accent-ink); padding: 8px 12px; }
.skip:focus { left: 0; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
button, input, select, textarea { font: inherit; color: inherit; }
input, select, textarea { background: var(--surface); border: 1px solid var(--control-border); border-radius: var(--radius-sm); padding: 7px 10px; width: 100%; }
textarea { resize: vertical; line-height: 1.5; }
label { font-weight: 600; font-size: 0.88em; display: block; margin: 12px 0 4px; }
label.check { font-weight: 400; display: flex; gap: 8px; align-items: center; }
label.check input { width: auto; }
code { font: 0.9em ui-monospace, SFMono-Regular, Menlo, monospace; background: var(--surface-2); padding: 1px 5px; border-radius: 4px; }
.muted { color: var(--muted); }
.spacer { flex: 1; }
.offline { background: #f0b35a; color: #111; padding: 6px 12px; text-align: center; font-weight: 600; }

/* Buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: var(--surface); border: 1px solid var(--border-strong); border-radius: var(--radius-sm); padding: 6px 12px; cursor: pointer; min-height: 34px; font-weight: 550; text-decoration: none; color: var(--text); white-space: nowrap; box-shadow: var(--shadow); }
.btn:hover { background: var(--hover); }
.btn.primary { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
.btn.primary:hover { filter: brightness(1.07); }
.btn.ghost { background: transparent; border-color: transparent; box-shadow: none; }
.btn.ghost:hover { background: var(--surface-2); }
.btn.danger { color: var(--danger); }
.btn:disabled { opacity: 0.5; cursor: not-allowed; }
.btn.sm { min-height: 30px; padding: 3px 10px; font-size: 0.92em; }
.icon-btn { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: var(--radius-sm); border: 1px solid transparent; background: transparent; color: var(--muted); cursor: pointer; text-decoration: none; position: relative; font-size: 18px; }
.icon-btn:hover { background: var(--surface-2); color: var(--text); }
.icon-btn svg { width: 19px; height: 19px; }
.icon-btn.sm { width: 28px; height: 28px; }
.link-btn { background: none; border: 0; padding: 2px 4px; color: var(--muted); cursor: pointer; font-size: 0.9em; border-radius: 5px; font-weight: 500; }
.link-btn:hover { color: var(--accent-text); background: var(--accent-soft); }
kbd { font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; border: 1px solid var(--border-strong); border-bottom-width: 2px; border-radius: 4px; padding: 0 4px; background: var(--surface); color: var(--muted); }
.btn.primary kbd { background: transparent; color: inherit; border-color: currentColor; opacity: 0.75; }

/* Shell: top bar only */
.shell { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
.top { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 6px; padding: 0 16px; height: 56px; background: var(--surface); border-bottom: 1px solid var(--border); flex-shrink: 0; }
.brand { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--text); text-decoration: none; margin-right: 14px; white-space: nowrap; }
.brand img { width: 24px; height: 24px; }
.topnav { display: flex; gap: 2px; }
.topnav a { padding: 6px 11px; border-radius: var(--radius-sm); color: var(--muted); text-decoration: none; font-weight: 550; }
.topnav a:hover { color: var(--text); background: var(--surface-2); }
.topnav a[aria-current="page"] { color: var(--text); background: var(--surface-2); }
.search { flex: 1; max-width: 420px; margin-left: auto; position: relative; }
.search input { background: var(--surface-2); border-color: transparent; padding-left: 32px; border-radius: 8px; height: 34px; }
.search input:focus { background: var(--surface); border-color: var(--control-border); }
.search::before { content: ""; position: absolute; left: 11px; top: 50%; width: 11px; height: 11px; border: 1.7px solid var(--muted); border-radius: 50%; transform: translateY(-62%); }
.search::after { content: ""; position: absolute; left: 21px; top: 57%; width: 5px; height: 1.7px; background: var(--muted); transform: rotate(45deg); }
.search-key { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); }
.search input:focus ~ .search-key { display: none; }
.new-btn { margin-left: 6px; }
.bell .dot { position: absolute; top: 2px; right: 1px; background: var(--danger); color: #fff; border-radius: 10px; font-size: 10px; font-weight: 700; padding: 0 4px; line-height: 15px; }
.me-menu { position: relative; }
.me-menu summary { list-style: none; cursor: pointer; border-radius: 50%; padding: 3px; display: grid; }
.me-menu summary::-webkit-details-marker { display: none; }
.me-menu .menu { position: absolute; right: 0; top: 42px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-lg); padding: 6px; min-width: 220px; z-index: 30; }
.me-menu .menu p { margin: 4px 10px 8px; }
.me-menu .menu a, .me-menu .menu button { display: block; width: 100%; text-align: left; padding: 7px 10px; border-radius: 6px; color: var(--text); text-decoration: none; background: none; border: 0; cursor: pointer; }
.me-menu .menu a:hover, .me-menu .menu button:hover { background: var(--surface-2); }
main { flex: 1; min-height: 0; display: flex; flex-direction: column; }
main:focus { outline: none; }
#view { flex: 1; }

/* Avatars */
.av { --h: 220; display: inline-grid; place-items: center; flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; font-size: 11px; font-weight: 700; letter-spacing: .02em;
  background: hsl(var(--h) 70% 92%); color: hsl(var(--h) 55% 30%); }
.av.sm { width: 22px; height: 22px; font-size: 9.5px; }
.av.none { background: var(--surface-2); border: 1px dashed var(--border-strong); }
@media (prefers-color-scheme: dark) { .av { background: hsl(var(--h) 35% 26%); color: hsl(var(--h) 80% 85%); } }
.who { display: inline-flex; align-items: center; gap: 7px; }

/* Pages */
.page { padding: 24px 28px 48px; max-width: 1080px; margin: 0 auto; }
.page.wide { max-width: 1320px; }
.page h1 { font-size: 1.4rem; margin: 0 0 14px; }
.page h2 { font-size: 1.05rem; margin: 26px 0 8px; }
.page-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.page-head h1 { margin: 0; }
.page-head h1:focus { outline: none; }
.page-head .count { color: var(--faint); font-weight: 500; font-size: 0.8em; margin-left: 4px; }
.seg { display: inline-flex; background: var(--surface-2); border-radius: 8px; padding: 2px; }
.seg a { padding: 3px 12px; border-radius: 6px; color: var(--muted); text-decoration: none; font-weight: 550; font-size: .93em; }
.seg a[aria-current="page"] { background: var(--surface); color: var(--text); box-shadow: var(--shadow); }
.fchips { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; align-items: center; }
.fchips.tight { margin: 0; }
.fchip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px; border: 1px solid var(--border-strong); background: var(--surface); color: var(--text); text-decoration: none; font-size: .93em; font-weight: 500; }
.fchip:hover { background: var(--hover); }
.fchip[aria-current="page"] { background: var(--text); border-color: var(--text); color: var(--bg); }
.fchip .n { color: var(--faint); font-variant-numeric: tabular-nums; font-size: .92em; }
.fchip .n:empty { display: none; }
.fchip[aria-current="page"] .n { color: inherit; opacity: .7; }
.fchips .sep { width: 1px; height: 20px; background: var(--border-strong); margin: 0 4px; }
.searching { margin: -4px 0 14px; color: var(--muted); }
.bulk { display: flex; gap: 8px; align-items: center; background: var(--accent-soft); border-radius: var(--radius); padding: 8px 12px; margin-bottom: 12px; flex-wrap: wrap; }
.hint-note { margin: 0 0 12px; padding: 8px 12px; background: var(--accent-soft); border-radius: var(--radius-sm); font-size: 0.92em; }
.hint { font-size: .9em; }
.empty { padding: 56px 20px; text-align: center; color: var(--muted); }
.empty .big { font-size: 1.1rem; color: var(--text); font-weight: 600; margin: 0 0 4px; }

/* Ticket table */
.table-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.tt { width: 100%; border-collapse: collapse; }
.tt th { text-align: left; font-size: .78em; text-transform: uppercase; letter-spacing: .05em; color: var(--faint); font-weight: 600; padding: 10px 12px; border-bottom: 1px solid var(--border); background: var(--surface); white-space: nowrap; }
.tt td { padding: 11px 12px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.tt tbody tr:last-child td { border-bottom: 0; }
.tt .ck { width: 36px; padding-right: 0; }
.tt .ck input { width: 16px; height: 16px; }
.trow { cursor: pointer; }
.trow:hover { background: var(--hover); }
.trow[data-sel="true"] { background: var(--accent-soft); }
.trow .subj { color: var(--text); font-weight: 600; text-decoration: none; }
.trow .subj:hover { text-decoration: underline; }
.c-subj { min-width: 260px; }
.c-subj .sub { display: flex; gap: 8px; align-items: center; margin-top: 2px; font-size: .85em; color: var(--faint); flex-wrap: wrap; }
.c-up { text-align: right; white-space: nowrap; font-size: .9em; }
.tt th.c-up { text-align: right; }
.c-req, .c-as { white-space: nowrap; max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
.id { color: var(--faint); font-variant-numeric: tabular-nums; }
.tag { background: var(--surface-2); color: var(--muted); border-radius: 5px; padding: 0 6px; font-size: .95em; }
.kind-int { color: var(--accent-text); font-weight: 600; font-size: .95em; }

/* Status, priority, SLA */
.badge { display: inline-flex; align-items: center; gap: 6px; font-size: .86em; font-weight: 600; white-space: nowrap; }
.badge::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.st-new { color: var(--st-new); } .st-open { color: var(--st-open); } .st-waiting { color: var(--st-waiting); }
.st-resolved { color: var(--st-resolved); } .st-closed { color: var(--st-closed); }
.pri { display: inline-flex; align-items: center; gap: 6px; font-size: .9em; color: var(--muted); white-space: nowrap; }
.pri .bars { display: inline-flex; gap: 1.5px; align-items: flex-end; height: 11px; }
.pri .bars i { width: 3px; background: var(--border-strong); border-radius: 1px; }
.pri .bars i:nth-child(1) { height: 5px; } .pri .bars i:nth-child(2) { height: 8px; } .pri .bars i:nth-child(3) { height: 11px; }
.pri-low .bars i:nth-child(1), .pri-normal .bars i:nth-child(-n+2), .pri-high .bars i { background: var(--muted); }
.pri-high { color: var(--text); font-weight: 600; }
.pri-urgent { color: var(--danger); font-weight: 700; }
.pri-urgent .bars i { background: var(--danger); }
.sla { font-size: .88em; white-space: nowrap; color: var(--muted); }
.sla-breached { color: var(--danger); font-weight: 650; } .sla-at_risk { color: var(--warn); font-weight: 650; }
.sla-met { color: var(--ok); }

/* Board */
.board-page .hint { margin: -6px 0 14px; }
.board { display: grid; grid-template-columns: repeat(4, minmax(240px, 1fr)); gap: 14px; align-items: start; }
.col { background: var(--surface-2); border-radius: 12px; padding: 10px; min-height: 200px; border: 2px dashed transparent; transition: border-color .15s, background .15s; }
.col.over { border-color: var(--accent); background: var(--accent-soft); }
.col h2 { display: flex; align-items: center; gap: 8px; font-size: .92rem; margin: 2px 4px 10px; }
.col h2 .n { color: var(--faint); font-weight: 500; }
.dotc { width: 9px; height: 9px; border-radius: 50%; background: currentColor; }
.cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.tcard { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 10px 12px; box-shadow: var(--shadow); cursor: grab; }
.tcard:hover { border-color: var(--border-strong); }
.tcard.dragging { opacity: .5; }
.tcard .subj { color: var(--text); font-weight: 600; text-decoration: none; display: block; line-height: 1.35; }
.tcard .subj:hover { text-decoration: underline; }
.cmeta { font-size: .85em; color: var(--muted); margin-top: 4px; }
.cfoot { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.col-empty { color: var(--faint); font-size: .9em; text-align: center; padding: 20px 0; }

/* Ticket page */
.tpage { max-width: 1320px; margin: 0 auto; padding: 16px 28px 40px; }
.thead { padding-bottom: 14px; border-bottom: 1px solid var(--border); margin-bottom: 18px; }
.crumbs { display: flex; align-items: center; gap: 4px; margin-bottom: 10px; }
.back { color: var(--muted); text-decoration: none; font-weight: 550; padding: 3px 8px 3px 4px; border-radius: 6px; }
.back:hover { color: var(--text); background: var(--surface-2); }
.pager { font-size: .88em; margin-right: 4px; }
.thead h1 { font-size: 1.55rem; line-height: 1.25; margin: 0 0 4px; overflow-wrap: anywhere; }
.thead h1:focus { outline: none; }
.tmeta { color: var(--muted); margin: 0 0 14px; font-size: .93em; }
.pbar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.pchip { display: inline-flex; align-items: center; border: 1px solid var(--border-strong); border-radius: 8px; background: var(--surface); box-shadow: var(--shadow); height: 32px; overflow: hidden; }
.pchip:focus-within { outline: 2px solid var(--focus); outline-offset: 1px; }
.pchip label, .pchip .k { margin: 0; padding: 0 4px 0 10px; font-size: .8em; font-weight: 600; color: var(--faint); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
.pchip select { border: 0; background: transparent; padding: 0 26px 0 4px; height: 100%; width: auto; font-weight: 600; cursor: pointer; appearance: none; -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);
  background-position: calc(100% - 13px) 55%, calc(100% - 9px) 55%; background-size: 4px 4px; background-repeat: no-repeat; }
.pchip select:focus-visible { outline: none; }
.pchip select:disabled { cursor: default; background-image: none; padding-right: 10px; }
.pchip.static { padding-right: 10px; }
.pchip.static .sla { font-weight: 600; }
.thead .hint { margin: 6px 0 0; min-height: 1.2em; color: var(--muted); }

.tbody { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 28px; align-items: start; }
.convo { min-width: 0; }
.msgs { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 14px; }
.msg { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 14px 16px; box-shadow: var(--shadow); scroll-margin: 90px; }
.msg:focus { outline: none; }
.msg.from-team { border-left: 3px solid var(--accent); }
.msg.system { background: transparent; border: 0; box-shadow: none; padding: 2px 4px; color: var(--muted); font-size: .9em; text-align: center; }
.msg.anchored { outline: 2px solid var(--accent); outline-offset: 2px; }
.mhead { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.mhead > div { flex: 1; min-width: 0; }
.mhead .role { color: var(--faint); font-size: .88em; margin-left: 4px; }
.mhead time { color: var(--faint); font-size: .86em; white-space: nowrap; }
.mbody { white-space: pre-wrap; overflow-wrap: anywhere; }
.files { margin: 8px 0 0; padding-left: 18px; font-size: .9em; }
.mfoot { display: flex; gap: 6px; justify-content: flex-end; margin-top: 8px; margin-bottom: -4px; }
.has-threads { color: var(--accent-text); font-weight: 600; }
.mention { color: var(--accent-text); font-weight: 600; }
.banner { background: var(--accent-soft); padding: 10px 14px; border-radius: var(--radius); }
.note-only { padding: 12px 14px; border: 1px dashed var(--border-strong); border-radius: var(--radius); }
.composer { background: var(--surface); border: 1px solid var(--border-strong); border-radius: 12px; padding: 4px; box-shadow: var(--shadow); position: sticky; bottom: 12px; }
.composer:focus-within { border-color: var(--accent); }
.composer textarea { border: 0; min-height: 96px; padding: 10px 12px; background: transparent; }
.composer textarea:focus-visible { outline: none; }
.actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 6px 8px; }
.actions input[type=file] { width: auto; max-width: 220px; border: 0; padding: 0; font-size: .85em; color: var(--muted); background: transparent; }
.after { width: auto; height: 34px; padding: 0 8px; font-size: .92em; }

/* Right panel: team threads + details */
.panel { position: sticky; top: 72px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--shadow); max-height: calc(100dvh - 88px); display: flex; flex-direction: column; overflow: hidden; }
.ptabs { display: flex; border-bottom: 1px solid var(--border); padding: 0 8px; flex-shrink: 0; }
.ptabs button { background: none; border: 0; padding: 12px 10px 10px; font-weight: 600; color: var(--muted); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; display: inline-flex; gap: 6px; align-items: center; }
.ptabs button[aria-selected="true"] { color: var(--text); border-bottom-color: var(--accent); }
.ptabs .n { background: var(--accent); color: var(--accent-ink); border-radius: 999px; font-size: .75em; padding: 0 6px; line-height: 17px; }
.panel-scroll { overflow-y: auto; padding: 12px; }
.tnew { border: 1px solid var(--border-strong); border-radius: var(--radius); background: var(--surface); margin-bottom: 14px; }
.tnew:focus-within { border-color: var(--accent); }
.tnew textarea { border: 0; background: transparent; min-height: 56px; padding: 9px 11px; }
.tnew textarea:focus-visible { outline: none; }
.tnew .actions { padding: 4px 6px 6px; }
.tnew .actions input[type=file] { max-width: 170px; }
.about-pending { margin: 6px 6px 0; padding: 5px 8px; background: var(--accent-soft); border-radius: 6px; font-size: .86em; display: flex; gap: 6px; align-items: center; justify-content: space-between; }
.threads { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.thread { border: 1px solid var(--thread-line); background: var(--thread-bg); border-radius: var(--radius); padding: 10px 12px 6px; scroll-margin: 80px; }
.thread:focus { outline: none; }
.thread.is-resolved { background: var(--surface); border-color: var(--border); opacity: .85; }
.flash { animation: flash 1.4s ease-out; }
@keyframes flash { 0% { box-shadow: 0 0 0 3px var(--accent); } 100% { box-shadow: 0 0 0 3px transparent; } }
.about { display: block; width: 100%; text-align: left; background: none; border: 0; border-left: 2px solid var(--border-strong); padding: 0 0 0 8px; margin: 0 0 8px; font-size: .84em; color: var(--muted); cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.about:hover { color: var(--accent-text); border-left-color: var(--accent); }
.note .nhead { display: flex; align-items: center; gap: 7px; font-size: .92em; }
.note .nhead time { margin-left: auto; color: var(--faint); font-size: .9em; }
.note .nbody { white-space: pre-wrap; overflow-wrap: anywhere; margin: 3px 0 0 29px; }
.note .files { margin-left: 29px; }
.replies { list-style: none; margin: 10px 0 0 10px; padding: 0 0 0 12px; border-left: 2px solid var(--thread-line); display: grid; gap: 10px; }
.treply { margin: 10px 0 0 22px; }
.treply textarea { min-height: 58px; background: var(--surface); }
.treply .actions { padding: 6px 0 0; }
.tactions { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: .92em; }
.panel-empty { color: var(--muted); text-align: center; padding: 22px 10px; font-size: .92em; margin: 0; }
.resolved-threads { margin-top: 14px; }
.resolved-threads summary { cursor: pointer; color: var(--muted); font-weight: 600; font-size: .92em; padding: 4px 2px; }
.resolved-threads .threads { margin-top: 10px; }
.details section { padding: 4px 4px 14px; border-bottom: 1px solid var(--border); margin-bottom: 12px; }
.details section:last-child { border-bottom: 0; }
.details h3 { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: var(--faint); margin: 4px 0 8px; }
.details p { margin: 0 0 8px; }
.details label:first-of-type { margin-top: 0; }
.details .who { align-items: flex-start; }
.plain, .kv { list-style: none; margin: 0 0 8px; padding: 0; }
.plain li, .kv li { margin: 4px 0; overflow-wrap: anywhere; }
.kv li { display: flex; gap: 8px; flex-wrap: wrap; }
.kv li > span:first-child { color: var(--muted); min-width: 80px; }
.history li { font-size: .9em; }
.inline-form { display: flex; gap: 6px; margin-top: 6px; }
.inline-form input, .inline-form select { min-width: 0; }
.inline-form select { width: auto; }
.narrow { max-width: 70px; }

/* Other pages */
.card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px; margin-bottom: 14px; box-shadow: var(--shadow); }
.grid2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.tile { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 16px; box-shadow: var(--shadow); }
.tile .v { font-size: 1.7rem; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.tile .l { color: var(--muted); font-size: 0.88em; }
table { border-collapse: collapse; width: 100%; background: var(--surface); }
th, td { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--border); vertical-align: top; }
th { font-size: 0.82em; color: var(--muted); font-weight: 600; }
td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
.table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius); }
.chart { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px; position: relative; }
.chart svg { width: 100%; height: 220px; display: block; }
.chart .grid { stroke: var(--border); stroke-width: 1; }
.chart .axis { fill: var(--muted); font-size: 11px; }
.chart .s1 { fill: var(--series-1); } .chart .s2 { fill: var(--series-2); }
.chart .hit { fill: transparent; }
.chart .hit:hover, .chart .hit:focus { fill: var(--surface-2); opacity: 0.6; outline: none; }
.legend { display: flex; gap: 14px; font-size: 0.88em; color: var(--muted); margin-bottom: 6px; }
.legend i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 5px; vertical-align: -1px; }
.legend .l1 { background: var(--series-1); } .legend .l2 { background: var(--series-2); }
.tip { position: absolute; pointer-events: none; background: var(--text); color: var(--bg); padding: 6px 9px; border-radius: 6px; font-size: 0.85em; white-space: nowrap; }
.nlist { list-style: none; padding: 0; }
.nrow { display: flex; gap: 12px; justify-content: space-between; padding: 10px 4px; border-bottom: 1px solid var(--border); }
.nrow:last-child { border-bottom: 0; }
.nrow .subj { color: var(--text); }
.nrow .right { color: var(--faint); white-space: nowrap; font-size: .9em; }
.auth { max-width: 380px; margin: 12vh auto; padding: 0 16px; }
.auth .card { padding: 26px; }
.auth-brand { display: flex; gap: 8px; align-items: center; font-weight: 700; margin-bottom: 16px; }
.auth-brand img { width: 26px; height: 26px; }
.auth h1 { font-size: 1.35rem; margin: 0 0 4px; }
.auth .btn.primary { width: 100%; margin-top: 18px; min-height: 40px; }

.toast { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); background: var(--text); color: var(--bg); padding: 10px 16px; border-radius: 8px; opacity: 0; transition: opacity .2s; pointer-events: none; max-width: calc(100vw - 32px); z-index: 50; box-shadow: var(--shadow-lg); }
.toast.show { opacity: 1; }
.toast.err { background: #b3261e; color: #fff; }
.undo { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); background: var(--text); color: var(--bg); padding: 8px 10px 8px 16px; border-radius: 10px; display: flex; gap: 12px; align-items: center; z-index: 60; box-shadow: var(--shadow-lg); }
.undo[hidden] { display: none; }
.undo .btn { background: var(--bg); color: var(--text); }
dialog { border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--text); max-width: min(560px, calc(100vw - 32px)); width: 100%; padding: 22px; box-shadow: var(--shadow-lg); }
dialog::backdrop { background: rgb(10 10 20 / 0.4); }
dialog h2 { margin-top: 0; }
.keys { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; }
.row-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; flex-wrap: wrap; }
.code { font-family: ui-monospace, Menlo, monospace; background: var(--surface-2); padding: 8px; border-radius: 6px; word-break: break-all; }

/* Narrower screens */
@media (max-width: 1100px) {
  .c-pri, .c-up { display: none; }
  .tbody { grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; }
}
@media (max-width: 960px) {
  .tbody { grid-template-columns: 1fr; }
  .panel { position: static; max-height: none; }
  .board { grid-template-columns: repeat(4, 260px); overflow-x: auto; padding-bottom: 8px; }
  .c-req { display: none; }
}
@media (max-width: 760px) {
  .top { flex-wrap: wrap; height: auto; padding: 8px 12px; row-gap: 6px; }
  .brand span { display: none; }
  .brand { margin-right: 4px; }
  .topnav { order: 3; width: 100%; overflow-x: auto; }
  .search { order: 4; max-width: none; width: 100%; flex-basis: 100%; }
  .search-key { display: none; }
  .new-btn { margin-left: auto; }
  .page, .tpage { padding: 16px 14px 40px; }
  /* The table becomes a stack of cards */
  .tt thead { display: none; }
  .tt, .tt tbody, .tt tr, .tt td { display: block; }
  .tt tr { display: grid; grid-template-columns: auto 1fr auto; gap: 2px 10px; padding: 12px; border-bottom: 1px solid var(--border); }
  .tt td { padding: 0; border: 0; }
  .tt .ck { grid-row: 1 / 4; padding-top: 2px; }
  .tt .c-subj { grid-column: 2 / 4; min-width: 0; }
  .tt .c-st, .tt .c-as, .tt .c-due { display: inline-block; font-size: .9em; }
  .tt .c-st { grid-column: 2; } .tt .c-as { grid-column: 3; text-align: right; }
  .tt .c-due { grid-column: 2 / 4; }
  .btn { min-height: 40px; }
  .pchip { height: 36px; }
  .composer { position: static; }
  .btn kbd, .ptabs kbd { display: none; }
}
@media (pointer: coarse) { .btn kbd { display: none; } }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }
@media (forced-colors: active) {
  .badge::before, .dotc { background: CanvasText; }
  .trow[data-sel="true"] { outline: 2px solid Highlight; }
  .fchip[aria-current="page"], .seg a[aria-current="page"], .ptabs button[aria-selected="true"] { outline: 2px solid Highlight; }
}

/* Attach button (the real file input is visually hidden but still keyboard-focusable) */
.file-hidden { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.attach { color: var(--muted); max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
.attach span { overflow: hidden; text-overflow: ellipsis; }
.attach svg { width: 16px; height: 16px; flex-shrink: 0; }
.attach:has(+ .file-hidden:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }
/* Selects in the property bar are only as wide as their value */
.pchip select { field-sizing: content; }
/* Keep threads inside the panel */
.threads { grid-template-columns: minmax(0, 1fr); }
.thread, .note { min-width: 0; }
@media (max-width: 760px) { .top { position: static; } }

.new-thread { width: 100%; margin-bottom: 14px; justify-content: flex-start; color: var(--muted); }
.tmeta .sla { font-size: 1em; }
@media (max-width: 760px) {
  .tt tr { grid-template-columns: 28px 1fr auto; }
  .tt td.c-req, .tt td.c-pri, .tt td.c-up { display: none; }
  .composer .actions { display: grid; grid-template-columns: 1fr auto; }
  .composer .actions .spacer { display: none; }
  .composer .actions .after { grid-column: 1 / -1; width: 100%; grid-row: 1; }
  .composer .actions .attach { justify-self: start; }
  .composer .actions .btn.primary { justify-self: end; }
}
@media (max-width: 760px) {
  .fchips { flex-wrap: nowrap; overflow-x: auto; margin-left: -14px; margin-right: -14px; padding: 0 14px 2px; scrollbar-width: none; }
  .fchip { flex-shrink: 0; }
}

/* Kimra: purposeful hierarchy, connected work, room to read. */
:root { --bg:#f6f5f2; --surface:#fff; --surface-2:#f2f1ee; --hover:#f6f6f3; --border:#e5e4de; --border-strong:#d4d5cf; --control-border:#b7bcb8; --text:#202d2b; --muted:#5c6b68; --faint:#6c7874; --accent:#4e50ba; --accent-text:#4547a8; --accent-soft:#efeffb; --focus:#5658bf; --thread-bg:#f7f8f5; --thread-line:#e1e6da; --radius:9px; --radius-sm:6px; --shadow:0 1px 2px rgb(27 44 38 / .025); }
body { font-size:14px; }
.top { height:66px; padding:0 28px; gap:12px; }
.brand { font-size:19px; letter-spacing:-.7px; gap:10px; margin-right:20px; }
.brand img { width:29px; height:29px; }
.brand>span { display:flex; align-items:center; gap:14px; }
.workspace-name { font-size:11px; letter-spacing:.01em; font-weight:500; color:var(--muted); border-left:1px solid var(--border); padding-left:14px; max-width:130px; overflow:hidden; text-overflow:ellipsis; }
.topnav a { font-size:13px; padding:8px 11px; }
.topnav a[aria-current="page"] { background:var(--accent-soft); color:var(--accent-text); }
.search { max-width:290px; }
.search input { font-size:12px; background:var(--bg); height:33px; }
.btn { font-size:13px; min-height:35px; padding:6px 12px; box-shadow:none; }
.btn.primary { box-shadow:0 2px 3px rgb(50 52 124 / .12); }
.page { padding:34px 32px 60px; max-width:1260px; }
.page.wide { max-width:1510px; }
.page.narrow { max-width:860px; }
.page h1 { font-size:27px; letter-spacing:-1px; font-weight:650; margin:0 0 6px; line-height:1.25; }
.page-head { align-items:center; margin-bottom:25px; }
.eyebrow { color:var(--faint); letter-spacing:1.6px; font-size:10px; font-weight:700; margin:0 0 9px; }
.page-subtitle { color:var(--muted); margin:9px 0 0; font-size:13px; }
.page h1 .count { font-size:16px; font-weight:450; color:var(--muted); margin-left:8px; letter-spacing:0; }
.fchips { gap:5px; margin-bottom:22px; border-bottom:1px solid var(--border); padding-bottom:15px; }
.fchip { border:0; border-radius:5px; background:transparent; font-size:12px; padding:6px 10px; }
.fchip[aria-current="page"] { background:var(--text); color:var(--surface); }
.filterbar { display:flex; align-items:center; gap:8px; margin:0 0 17px; flex-wrap:wrap; }
.filterbar select,.filterbar input { width:auto; min-width:120px; max-width:220px; font-size:12px; padding:6px 9px; border-color:var(--border); background:var(--surface); height:34px; }
.filterbar input { min-width:230px; }
.filter-label { color:var(--faint); font-size:11px; margin-right:5px; }
.text-link { font-size:12px; text-decoration:none; margin-left:auto; }
.tt th,.issue-table th { background:var(--surface-2); font-size:10px; padding:12px 14px; letter-spacing:.07em; text-transform:uppercase; color:var(--faint); }
.tt td { padding:14px; }
.tt .subj { font-weight:570; font-size:13px; }
.c-subj .sub { font-size:10px; margin-top:5px; }
.table-card { box-shadow:0 2px 3px rgb(30 44 38 / .025); border-radius:8px; overflow:auto; }
.tt tr[data-sel="true"] { background:var(--accent-soft); }
.pagination { display:flex; align-items:center; gap:8px; margin-top:17px; font-size:12px; color:var(--muted); }
.workspace-tabs { display:flex; gap:24px; border-bottom:1px solid var(--border); margin-bottom:22px; }
.workspace-tabs a { color:var(--muted); font-size:13px; font-weight:550; text-decoration:none; padding:0 2px 13px; border-bottom:2px solid transparent; }
.workspace-tabs a[aria-current] { border-color:var(--accent); color:var(--accent-text); }
.issue-table { width:100%; border-collapse:collapse; }
.issue-table td { padding:17px 15px; border-top:1px solid var(--border); font-size:12px; }
.issue-table tr:hover { background:var(--hover); }
.issue-title { display:flex; gap:16px; align-items:center; text-decoration:none; color:var(--text); }
.issue-title strong { font-size:13px; font-weight:560; }
.mono { font:11px ui-monospace,SFMono-Regular,Menlo,monospace; color:var(--faint); white-space:nowrap; }
.issue-status { display:inline-flex; align-items:center; gap:7px; color:var(--muted); font-size:11px; white-space:nowrap; }
.issue-status i { width:9px; height:9px; border:1.5px solid currentColor; border-radius:50%; }
.status-ready { color:#817137; }.status-in_progress {color:#6565bb;}.status-in_progress i {background:linear-gradient(90deg,currentColor 50%,transparent 50%);}.status-in_review {color:#a26839;}.status-in_review i {background:currentColor;}.status-ready_to_release {color:#247b77;}.status-ready_to_release i {border-radius:2px;}.status-released {color:#2d7b59;}.status-released i {background:currentColor;}.status-cancelled {color:var(--faint); text-decoration:line-through;}
.customer-count { color:#37756a; background:#eef5f1; padding:4px 7px; border-radius:4px; font-size:10px; white-space:nowrap; }
.engineering-board { display:flex; gap:15px; overflow:auto; padding:4px 0 20px; align-items:flex-start; }
.engineering-column { flex:1 0 242px; max-width:300px; min-height:250px; background:var(--surface-2); border-radius:8px; padding:11px; }
.engineering-column h2 { display:flex; align-items:center; justify-content:space-between; font-size:11px; color:var(--faint); margin:2px 4px 15px; }
.engineering-cards { display:grid; gap:9px; }
.issue-card { display:block; color:var(--text); text-decoration:none; padding:14px; border:1px solid var(--border); border-radius:7px; background:var(--surface); box-shadow:var(--shadow); }
.issue-card:hover { border-color:var(--accent); }
.issue-card-key { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:10px; }
.issue-card h3 { font-size:13px; font-weight:600; line-height:1.5; margin:10px 0; }
.issue-card p { color:var(--muted); font-size:10px; margin:0; }
.issue-card-foot { margin-top:20px; display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--muted); font-size:10px; }
.column-empty { text-align:center; color:var(--faint); font-size:11px; padding:20px 0; }
.create-page { max-width:1040px; padding-top:80px; }
.create-page h1 { font-size:35px; letter-spacing:-1.3px; }
.create-choices { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:40px; }
.create-choice { background:var(--surface); padding:30px; border:1px solid var(--border); border-radius:12px; text-decoration:none; color:var(--text); transition:border-color .15s,transform .15s; }
.create-choice:hover { border-color:var(--accent); transform:translateY(-2px); }
.choice-symbol {display:flex;align-items:center;justify-content:center; width:42px;height:42px;border-radius:11px;font-size:24px;margin-bottom:28px;}
.support-symbol {background:#edf5f0;color:#2c7261;}.engineering-symbol {background:var(--accent-soft);color:var(--accent-text);}
.create-choice .eyebrow {display:block;}.create-choice h2 {font-size:22px;margin:8px 0 12px;}.create-choice p {font-size:13px;color:var(--muted);max-width:280px;line-height:1.8;min-height:48px;}
.choice-foot {border-top:1px solid var(--border);padding-top:23px;margin-top:28px;font-size:10px;color:var(--faint);display:flex;justify-content:space-between;align-items:center;}.choice-foot b {font-size:20px;font-weight:400;}
.quiet-note {font-size:12px;color:var(--muted);margin-top:25px;}.editor-form {margin-top:28px;}.editor-form label {margin-top:18px;}.editor-form textarea {background:var(--surface);}.editor-form>.row-actions {border-top:1px solid var(--border);padding-top:20px;margin-top:25px;}
.tpage {max-width:1510px;padding:27px 32px 60px;margin:auto;}.thead h1 {font-size:25px;letter-spacing:-.8px;}.tmeta {font-size:12px;}.thead {border-bottom:0;padding-bottom:9px;}.pbar {gap:7px;}.pchip {box-shadow:none;}.pchip label {font-size:9px;}.pchip select {font-size:12px;}.tbody {grid-template-columns:minmax(0,1fr) 340px;gap:25px;}.msg {padding:17px 19px;border-color:var(--border);box-shadow:none;}.mhead {font-size:12px;}.mhead time {font-size:10px;}.mbody {font-size:13px;line-height:1.75;margin-top:10px;}.mfoot {font-size:12px;}.panel {box-shadow:none;border-color:var(--border);}.ptabs {font-size:12px;}.nbody {font-size:12px;line-height:1.65;}.note .nhead {font-size:11px;}.thread {border-radius:7px;}.composer {box-shadow:none;}.audience {display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px;padding:9px 4px 12px;color:#337269;margin:0;font-weight:600;}.audience span:not(.audience-dot){font-weight:400;color:var(--muted);}.audience-dot {width:6px;height:6px;background:currentColor;border-radius:50%;}.audience.private {color:var(--muted);font-size:10px;}.composer textarea {border-top:1px solid var(--border);padding-top:14px;}.engineering-bridge {border:1px solid var(--border);border-left:3px solid #7776bd;border-radius:7px;background:var(--surface);margin:8px 0 24px;}.bridge-heading {display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:11px;}.bridge-icon {color:var(--accent);font-size:16px;}.bridge-empty {margin:0;padding:0 14px 12px;font-size:11px;}.bridge-items {border-top:1px solid var(--border);}.bridge-item {display:flex;align-items:center;gap:13px;padding:12px 14px;text-decoration:none;color:var(--text);font-size:12px;}.bridge-item strong {flex:1;font-weight:550;}.bridge-item:hover {background:var(--hover);}.bridge-item+.bridge-item {border-top:1px solid var(--border);}.mobile-ticket-tabs {display:none;}
.issue-heading {display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0;}.issue-heading h1 {font-size:29px;max-width:850px;}.issue-workbench {display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:58px;}.issue-main {min-width:0;}.issue-main section {padding:0 0 28px;margin-bottom:27px;border-bottom:1px solid var(--border);}.issue-main h2,.inspector-section h2 {font-size:13px;font-weight:650;margin:0 0 17px;}.section-head {display:flex;align-items:center;gap:15px;margin:25px 0 15px;}.section-head h2 {margin:0;}.issue-description .section-head {margin-top:0;}.section-head>.muted {margin-left:auto;font-size:11px;}.prose {white-space:pre-wrap;font-size:13px;line-height:1.8;overflow-wrap:anywhere;}.technical-code {white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border:1px solid var(--border);padding:16px;border-radius:6px;font-size:12px;}.technical-code code {background:none;padding:0;}.inspector-section {padding:0 0 24px;margin-bottom:25px;border-bottom:1px solid var(--border);}.inspector-section label {font-size:11px;font-weight:500;margin-top:14px;color:var(--muted);}.inspector-section select {font-size:12px;border-color:var(--border);}.inspector-section p {font-size:11px;line-height:1.7;}.inspector-meta {color:var(--faint);margin-top:18px;line-height:1.8;}.impact-request {display:grid;grid-template-columns:auto 1fr;gap:5px 8px;font-size:11px;text-decoration:none;border-top:1px solid var(--border);padding:12px 0;color:var(--text);}.impact-request strong {font-weight:550;}.impact-request>span:last-child {grid-column:2;color:var(--muted);font-size:10px;}.code-links {padding:0;list-style:none;font-size:11px;}.code-links li {padding:7px 0;overflow-wrap:anywhere;}.code-links a {text-decoration:none;}.add-link {font-size:12px;color:var(--muted);}.add-link summary {cursor:pointer;}.add-link .btn {margin-top:12px;}.issue-comment {padding:16px 0;border-bottom:1px solid var(--border);}.issue-comment .prose {font-size:12px;margin-top:10px;}.issue-comments {margin-bottom:20px;}.issue-comment .mhead time {margin-left:auto;}.linked-row {display:flex;gap:10px;align-items:center;padding:12px 0;font-size:12px;text-decoration:none;}.linked-row strong {flex:1;}.crumb-divider {color:var(--border-strong);margin:0 7px;}.issue-inspector {border-left:1px solid var(--border);padding-left:25px;}
.project-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}.project-tile {cursor:pointer;text-align:left;padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:8px;}.project-tile:hover {border-color:var(--accent);}.project-key {font-size:10px;color:var(--accent-text);background:var(--accent-soft);padding:5px 8px;border-radius:4px;font-weight:650;}.project-tile h2 {margin:22px 0 9px;font-size:17px;}.project-tile p {font-size:12px;color:var(--muted);min-height:38px;}.project-progress {height:3px;border-radius:2px;background:var(--surface-2);margin-top:25px;overflow:hidden;}.project-progress>span {display:block;height:100%;background:#4b8b75;}.project-foot {display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:10px;}.project-foot b {margin-left:15px;}.org-workbench {display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:45px;margin-top:35px;}.org-link {display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;}.org-member {display:flex;align-items:center;gap:10px;margin:17px 0;font-size:12px;}.org-workbench h2 {font-size:15px;}.org-workbench .inspector-section {border-left:1px solid var(--border);padding-left:25px;}
.integration-catalog {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0 42px;}.integration-provider {display:flex;align-items:flex-start;gap:15px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:9px;flex-wrap:wrap;}.integration-provider>div {flex:1;min-width:180px;}.integration-provider h2 {margin:0;font-size:17px;}.integration-provider p {font-size:12px;line-height:1.7;color:var(--muted);}.integration-provider .btn {margin-left:53px;}.provider-mark {display:inline-grid;place-items:center;flex-shrink:0;width:38px;height:38px;background:var(--text);color:var(--surface);border-radius:9px;font-size:12px;font-weight:750;letter-spacing:-.5px;}.provider-mark.slack {background:#f3e8f0;color:#723d64;font-size:24px;}.provider-mark.small {width:31px;height:31px;font-size:10px;border-radius:7px;}.capability {font-size:10px;color:#37756a;}.connection {background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:12px 0;}.connection-main {display:flex;align-items:center;gap:13px;padding:17px 20px;}.connection h3 {margin:0;font-size:13px;}.connection p {margin:3px 0 0;font-size:11px;}.connection-state {font-size:10px;color:#317662;background:#edf5ef;padding:5px 8px;border-radius:4px;}.connection-state.paused {color:var(--muted);background:var(--surface-2);}.connection-bottom {display:flex;align-items:center;gap:7px;padding:10px 20px;border-top:1px solid var(--border);font-size:10px;flex-wrap:wrap;}.event-entry {padding:14px 0;border-bottom:1px solid var(--border);font-size:12px;}.event-entry .tag {margin-left:10px;}.roomy {padding:65px 24px;}.empty-symbol {font-size:26px;color:var(--accent);}.loading-state {padding:60px;color:var(--muted);text-align:center;}
@media(prefers-color-scheme:dark){:root{--bg:#151a19;--surface:#1c2321;--surface-2:#252d2a;--hover:#242e2a;--border:#323b36;--border-strong:#47564f;--text:#e0e9e3;--muted:#acbbb2;--faint:#93a599;--accent:#9594ef;--accent-text:#b2b0ff;--accent-soft:#2c2b45;--control-border:#62746a;--thread-bg:#202822;--thread-line:#364534;}.customer-count,.connection-state {background:#263e31;color:#a5d2b7;}.status-in_progress {color:#aaa6ed;}.status-ready {color:#d2bd75;}.status-in_review {color:#d9a679;}.status-ready_to_release,.status-released {color:#84c6b2;}.audience {color:#8bcbb5;}}
@media(max-width:1200px){.workspace-name{display:none;}.top{padding:0 18px;gap:7px;}.brand{margin-right:8px;}.topnav a{padding:8px;}.search{max-width:210px;}.issue-workbench{gap:30px;}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:960px){.tbody{grid-template-columns:1fr;}.mobile-ticket-tabs{display:flex;gap:7px;position:sticky;top:66px;background:var(--bg);z-index:5;padding:10px 0 15px;}.mobile-ticket-tabs .btn{flex:1;}.mobile-ticket-tabs [aria-pressed="true"]{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent);}.mobile-conversation>.panel{display:none;}.mobile-team>.convo,.mobile-details>.convo{display:none;}.mobile-team .ptabs,.mobile-details .ptabs{display:none;}.tbody>.panel{position:static;max-height:none;}.panel-scroll{max-height:none;}.issue-workbench{grid-template-columns:minmax(0,1fr) 250px;gap:25px;}.issue-inspector{padding-left:20px;}.bridge-item{flex-wrap:wrap;}.bridge-item strong{flex-basis:60%;}}
@media(max-width:760px){.top{height:auto;padding:12px 16px;gap:9px;position:static;}.brand{margin-right:auto;}.brand>span{display:flex;}.topnav{order:5;width:100%;overflow:auto;border-top:1px solid var(--border);padding-top:9px;justify-content:space-between;}.topnav a{font-size:11px;padding:6px 8px;}.search{order:6;max-width:none;width:100%;margin:0;flex-basis:100%;}.new-btn{margin:0;font-size:12px;}.page,.tpage{padding:25px 17px 45px;}.page h1{font-size:24px;}.page-head{gap:12px;align-items:flex-start;}.page-head>.btn{font-size:11px;}.page-subtitle{font-size:12px;line-height:1.7;}.eyebrow{font-size:9px;}.filterbar{gap:7px;}.filter-label{display:none;}.filterbar select{min-width:0;max-width:none;flex:1 1 32%;font-size:11px;}.filterbar input{min-width:0;max-width:none;flex-basis:100%;}.text-link{font-size:11px;}.fchips{gap:3px;flex-wrap:nowrap;overflow:auto;padding-bottom:12px;}.fchip{white-space:nowrap;font-size:11px;}.tt td{padding:0;}.issue-table thead{display:none;}.issue-table tr{display:grid;grid-template-columns:1fr 1fr;padding:15px;gap:10px;border-top:1px solid var(--border);}.issue-table td{border:0;padding:0;font-size:11px;}.issue-table td:first-child{grid-column:1/-1;}.issue-title{align-items:flex-start;flex-direction:column;gap:5px;}.issue-title strong{font-size:13px;}.issue-table td:nth-child(3),.issue-table td:nth-child(4){display:none;}.issue-table td:nth-child(6){text-align:right;}.engineering-column{flex-basis:260px;}.create-page{padding-top:40px;}.create-page h1{font-size:29px;}.create-choices{grid-template-columns:1fr;margin-top:28px;gap:15px;}.create-choice{padding:23px;}.choice-symbol{margin-bottom:20px;}.create-choice p{max-width:none;}.choice-foot{margin-top:22px;}.mobile-ticket-tabs{top:0;}.pbar{gap:6px;}.pchip{max-width:calc(50% - 4px);}.pchip select{min-width:0;font-size:11px;}.thead h1{font-size:23px;}.bridge-heading{padding:10px;gap:5px;flex-wrap:wrap;}.bridge-heading .btn{font-size:10px;padding:4px 7px;}.bridge-item{gap:8px;font-size:11px;padding:12px;}.bridge-item strong{flex-basis:70%;}.bridge-item .muted{display:none;}.bridge-empty{font-size:10px;padding:0 10px 12px;}.mhead{font-size:11px;}.msg{padding:15px;}.mbody{font-size:12px;}.audience{font-size:10px;}.issue-heading{margin:22px 0;align-items:flex-start;}.issue-heading h1{font-size:24px;}.issue-heading .btn{font-size:11px;}.issue-workbench{display:flex;flex-direction:column;gap:20px;}.issue-inspector{border-left:0;padding-left:0;display:grid;grid-template-columns:1fr;}.issue-main section{padding-bottom:23px;margin-bottom:23px;}.issue-description .section-head{margin-top:0;}.project-grid{grid-template-columns:1fr;}.project-tile{padding:22px;}.org-workbench{grid-template-columns:1fr;gap:25px;}.org-workbench .inspector-section{border:0;padding:0;}.integration-catalog{grid-template-columns:1fr;gap:13px;}.integration-provider{padding:20px;}.section-head{align-items:flex-start;flex-wrap:wrap;}.section-head>.muted{margin-left:0;}.connection-main{padding:14px;gap:9px;flex-wrap:wrap;}.connection-state{font-size:9px;}.connection-bottom{padding:12px;}.connection-bottom>.muted{flex-basis:100%;}.connection-bottom>.spacer{display:none;}.connection-bottom .btn{font-size:10px;}.pagination{font-size:10px;}.pagination .btn{font-size:11px;}.editor-form input,.editor-form select,.editor-form textarea{font-size:16px;}.btn,.icon-btn{min-height:36px;}.issue-inspector select{font-size:16px;}.org-link{font-size:13px;}}
.business-days {border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;}.business-days legend{font-size:12px;font-weight:600;margin-bottom:5px;}.business-days .check{font-size:12px;}.dependency-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:11px;}.dependency-row a{flex:1;text-decoration:none;}.dependency-row .mono{display:block;margin-bottom:4px;}
.auth{max-width:430px;margin:9vh auto 0;padding:20px;}.auth>.card{padding:36px;border-radius:12px;background:var(--surface);box-shadow:0 15px 60px rgb(30 40 35 / .035);}.auth-brand{font-size:23px;letter-spacing:-.8px;margin-bottom:35px;}.auth-brand img{width:32px;height:32px;}.auth h1{font-size:26px;letter-spacing:-.7px;font-weight:600;margin:0 0 7px;}.auth-subtitle{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 26px;}.auth label{font-size:12px;margin-top:18px;}.auth .btn{width:100%;margin-top:24px;min-height:39px;}.auth p:last-child{font-size:12px;text-align:center;}.auth p:last-child a{text-decoration:none;}@media(max-width:760px){.auth{margin:5vh auto 0;}.auth>.card{padding:27px;}.auth input{font-size:16px;}}
.private-activity{border:1px solid var(--thread-line);background:var(--thread-bg);padding:12px;margin-bottom:17px;border-radius:6px;}.private-activity h3{font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin:0;}.private-activity>p{font-size:10px;margin:4px 0 10px;}.private-activity>div{font-size:11px;border-top:1px solid var(--border);padding:9px 0 0;margin-top:8px;line-height:1.65;}.private-activity time{display:block;color:var(--faint);font-size:10px;margin-top:3px;}.board-guidance{font-size:11px;color:var(--muted);margin:0 0 15px;}
.update-commitment{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:2px 0 14px;font-size:11px;color:var(--muted);}.update-commitment strong{font-weight:550;color:var(--text);}.update-commitment.overdue b{font-size:10px;color:var(--danger);}.impact-wrap{display:flex;align-items:center;gap:7px;}.impact-wrap .impact-request{flex:1;}.impact-wrap>.link-btn{flex-shrink:0;}
/* Four spaces, governed structures, and a consistent project hierarchy. */
.space-page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.space-title-block{display:flex;align-items:center;gap:18px}.space-title-block .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:7px}.space-emblem{display:inline-grid;place-items:center;flex-shrink:0;width:49px;height:49px;border-radius:13px;font-size:28px;font-weight:400}.space-emblem.customer,.space-empty-icon.customer{background:#e9f0e5;color:#48775c}.space-emblem.engineering,.space-empty-icon.engineering{background:#eeebf8;color:#6a66a8}.space-emblem.incident,.space-empty-icon.incident{background:#f8efd9;color:#ad843c}.space-emblem.change,.space-empty-icon.change{background:#f3e9ec;color:#9c6c79}.space-page-head h1{font-size:28px;letter-spacing:-.9px}.space-subnav{margin-bottom:29px}.space-subnav .workspace-tool{margin-left:auto;color:var(--faint);font-size:11px;font-weight:450}.space-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.space-section-heading h2{font-size:14px;font-weight:600;margin:0}.space-section-heading h2 .count{font-size:12px;color:var(--faint);font-weight:400;margin-left:5px}.space-section-heading>span{font-size:10px;color:var(--faint)}.space-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.space-project-card{display:flex;flex-direction:column;text-decoration:none;color:var(--text);padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:0 2px 4px rgb(30 40 35 / .018);min-height:225px}.space-project-card:hover{border-color:var(--accent);box-shadow:0 3px 12px rgb(45 40 85 / .04)}.project-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.project-open-arrow{color:var(--faint);font-size:18px;font-weight:400}.space-project-card h2{font-size:19px;font-weight:600;letter-spacing:-.5px;margin:0 0 10px}.space-project-card>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 25px;flex:1}.space-project-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:16px;font-size:10px;color:var(--faint)}.approved-label{color:#5c8467}.space-guidance{display:flex;align-items:center;gap:15px;border-top:1px solid var(--border);padding-top:25px;margin-top:45px;color:var(--muted)}.space-guidance>span{font-size:27px;color:#9aa58e}.space-guidance>div{max-width:750px}.space-guidance strong{font-size:11px;font-weight:600}.space-guidance p{font-size:11px;line-height:1.8;margin:6px 0 0}.space-guidance>a{margin-left:auto;white-space:nowrap;text-decoration:none;font-size:11px}.space-empty{padding:62px 25px 57px;background:var(--surface);border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;flex-direction:column;text-align:center}.space-empty.compact{padding:43px 25px}.space-empty-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:29px;margin-bottom:26px}.space-empty .eyebrow{font-size:8px;margin-bottom:14px}.space-empty h2{font-size:24px;font-weight:550;letter-spacing:-.6px;margin:0 0 12px}.space-empty p:not(.eyebrow){max-width:420px;font-size:12px;color:var(--muted);line-height:1.85;margin:0 0 22px}.space-empty .text-link{margin:15px 0 0;font-size:10px}.form-eyebrow{margin-top:25px}.field-description{font-size:11px;color:var(--faint);line-height:1.7;margin:7px 0 15px}.inline-guidance{background:var(--surface-2);border:1px solid var(--border);padding:16px 18px;border-radius:6px;margin:22px 0;font-size:11px;line-height:1.8;color:var(--muted)}.inline-guidance strong{font-size:11px;color:var(--text);font-weight:600}.inline-guidance p{margin:6px 0 0}.inline-guidance p:first-child{margin-top:0}.inline-guidance a{font-size:11px}.project-detail-heading{margin-top:26px}.template-provenance{display:flex;gap:12px;align-items:center;border:1px solid #dfe4d9;border-left:3px solid #a0b398;background:#f1f4ed;border-radius:6px;padding:14px 16px;margin:0 0 26px}.template-provenance>span{font-size:20px;color:#79946d}.template-provenance>div{display:flex;flex-direction:column;gap:5px}.template-provenance strong{font-size:11px;font-weight:600;color:#56744c}.template-provenance>div>span{font-size:10px;color:#829279}.work-item-link{display:flex;align-items:center;gap:12px;padding-left:calc(var(--depth,0)*20px);color:var(--text);text-decoration:none}.work-item-link strong{font-size:13px;font-weight:550}.hierarchy-branch{color:#a4ad9e;font-size:15px}.work-type{font-size:10px;color:var(--muted);background:var(--surface-2);padding:4px 7px;border-radius:4px;white-space:nowrap}.work-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);white-space:nowrap}.work-status i{width:8px;height:8px;border-radius:50%;border:1.4px solid currentColor}.work-in_progress,.work-in_review,.work-mitigating{color:#7570ae}.work-in_progress i,.work-mitigating i{background:linear-gradient(90deg,currentColor 50%,transparent 50%)}.work-closed,.work-released,.work-approved,.work-resolved{color:#53866b}.work-closed i,.work-released i,.work-approved i{background:currentColor}.work-review,.work-monitoring,.work-scheduled{color:#a28b47}.work-rejected{color:var(--danger)}.project-guidance{margin-top:32px;padding-top:25px;border-top:1px solid var(--border)}.project-guidance h2{font-size:13px;margin:0 0 15px}.project-guidance .prose{font-size:12px;color:var(--muted)}.work-edit-section label:first-child{margin-top:0}.work-edit-section label{margin-top:20px}.work-detail-form textarea{font-size:13px;line-height:1.8}.work-detail-form input,.work-detail-form select{font-size:13px}.work-extra-fields .work-field{margin-bottom:23px}.work-field label{font-size:12px}.work-field label .muted{font-size:10px;font-weight:400}.save-note{font-size:10px;margin-right:auto}.work-detail-form .row-actions{align-items:center}.change-review-box>.btn{width:100%}.review-secondary{display:flex;gap:8px;margin-top:8px}.review-secondary .btn{flex:1}.project-context-link{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:11px}.required-marker{font-size:9px;color:var(--accent-text);font-weight:500;margin-left:5px}.template-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.template-kind-tabs{display:inline-flex;padding:3px;gap:3px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2)}.template-kind-tabs button{font-size:11px;padding:7px 13px;background:transparent;border:0;color:var(--muted);border-radius:4px;cursor:pointer}.template-kind-tabs button.active{background:var(--surface);box-shadow:0 1px 3px rgb(25 40 30 / .05);color:var(--text)}.template-lifecycle{display:flex;align-items:center;gap:9px;color:var(--faint);font-size:9px}.template-lifecycle b{font-size:12px;color:#a1ad98;font-weight:400}.template-table{width:100%;border-collapse:collapse}.template-table th{padding:12px 17px;text-transform:uppercase;letter-spacing:.08em;font-size:9px;color:var(--faint);background:var(--surface-2)}.template-table td{padding:19px 17px;border-top:1px solid var(--border);font-size:11px}.template-table tr:hover{background:var(--hover)}.template-name{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--text);font-size:12px}.template-name strong{font-weight:550}.template-glyph{font-size:20px;color:#919b84}.version-label{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--faint);white-space:nowrap}.template-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap}.template-status>span{width:6px;height:6px;border:1px solid currentColor;border-radius:50%}.template-approved{color:#5b8563}.template-approved>span{background:currentColor}.template-submitted{color:#a18a46}.template-submitted>span{background:#dccb85}.template-draft{color:var(--faint)}.template-rejected{color:var(--danger)}.reviewer-guidance{display:flex;align-items:center;gap:15px;border-top:1px solid var(--border);padding-top:23px;margin-top:32px;color:var(--muted)}.reviewer-guidance>span{font-size:25px;color:#969f89}.reviewer-guidance>div{max-width:700px}.reviewer-guidance strong{font-size:11px;font-weight:600}.reviewer-guidance p{font-size:11px;line-height:1.8;margin:6px 0 0}.reviewer-guidance>a{margin-left:auto;white-space:nowrap}.template-state-banner{display:flex;align-items:center;gap:14px;border:1px solid var(--border);background:var(--surface-2);padding:17px 20px;border-radius:7px;margin-bottom:32px;color:var(--muted)}.template-state-banner>span{font-size:25px;color:#929c87}.template-state-banner strong{font-size:12px;font-weight:600;color:var(--text)}.template-state-banner p{font-size:11px;margin:5px 0 0;line-height:1.8}.template-state-banner.approved{background:#f0f4ec;border-color:#dce4d4}.template-state-banner.approved>span{color:#729062}.template-state-banner.submitted{background:#f8f5e9;border-color:#e8e0c8}.template-state-banner.submitted>span{color:#b09b62}.definition-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--border);margin-bottom:25px}.definition-meta>div{display:flex;flex-direction:column;gap:8px}.definition-meta span{font-size:10px;color:var(--faint)}.definition-meta strong{font-size:12px;font-weight:550}.definition-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:550;margin:25px 0 12px}.template-workbench .prose{font-size:12px;color:var(--muted)}.required-field-tags{display:flex;gap:7px;flex-wrap:wrap}.required-field-tags>span:not(.muted){font-size:10px;background:var(--surface-2);border:1px solid var(--border);padding:5px 8px;border-radius:4px;color:var(--muted)}.template-facts{display:grid;grid-template-columns:80px 1fr;gap:13px 15px;font-size:11px}.template-facts dt{color:var(--faint)}.template-facts dd{margin:0}.template-actions{display:flex;flex-direction:column;gap:10px}.template-actions p{line-height:1.85}.version-note{font-size:10px;line-height:1.9;color:var(--faint)}.template-defaults{border:0;padding:0;margin:25px 0}.template-defaults legend{font-size:12px;font-weight:600}.template-checkbox{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);margin:9px 0!important}.template-checkbox input{width:auto;accent-color:var(--accent)}.template-checkbox span{display:flex;flex-direction:column;gap:5px}.template-checkbox strong{font-size:12px;font-weight:550}.template-checkbox small{font-size:10px;color:var(--muted);font-weight:400}.template-review-entry{padding:17px 0;border-bottom:1px solid var(--border)}.template-review-entry strong{font-size:11px}.template-review-entry>span{font-size:10px;color:var(--faint);margin-left:15px}.template-review-entry p{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0 0}.create-space-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.create-space-links>a{display:flex;align-items:center;gap:15px;border:1px solid var(--border);background:var(--surface);padding:20px;border-radius:8px;color:var(--text);text-decoration:none}.create-space-links>a:hover{border-color:var(--accent)}.create-space-links .space-emblem{width:39px;height:39px;font-size:24px;border-radius:10px}.create-space-links>a>div{display:flex;flex-direction:column;gap:6px}.create-space-links strong{font-size:13px;font-weight:550}.create-space-links>a>div>span{font-size:10px;color:var(--muted)}.create-space-links b{margin-left:auto;font-size:18px;font-weight:400;color:var(--faint)}
@media(prefers-color-scheme:dark){.template-provenance,.template-state-banner.approved{background:#263325;border-color:#3c4c36}.template-provenance strong{color:#b0c5a0}.template-provenance>div>span{color:#8ca081}.template-state-banner.submitted{background:#332f22;border-color:#4b4533}.approved-label,.template-approved{color:#95ba96}.space-emblem.customer,.space-empty-icon.customer{background:#2d3d2a;color:#a4c797}.space-emblem.engineering,.space-empty-icon.engineering{background:#302c42;color:#b8b0db}.space-emblem.incident,.space-empty-icon.incident{background:#403726;color:#d6bd80}.space-emblem.change,.space-empty-icon.change{background:#3a2d33;color:#c8a1b0}}
@media(max-width:1100px){.space-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-lifecycle{display:none}.template-toolbar{gap:12px}.space-guidance>div{max-width:600px}.space-guidance>a{font-size:10px}.top .search[hidden]{display:none}}
@media(max-width:760px){.space-page-head{align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:25px}.space-title-block{gap:13px;align-items:flex-start}.space-emblem{width:40px;height:40px;font-size:23px;border-radius:11px}.space-title-block .eyebrow{font-size:7px;letter-spacing:1px}.space-page-head h1{font-size:24px}.space-page-head>.btn{font-size:11px}.space-project-grid{grid-template-columns:1fr;gap:13px}.space-project-card{padding:20px;min-height:190px}.project-card-top{margin-bottom:19px}.space-project-card h2{font-size:18px}.space-section-heading>span{display:none}.space-subnav{gap:20px;margin-bottom:24px}.space-subnav a{font-size:12px}.space-subnav .workspace-tool{font-size:9px;max-width:125px;text-align:right;line-height:1.7}.space-empty{padding:36px 20px}.space-empty h2{font-size:21px}.space-empty p:not(.eyebrow){font-size:11px}.space-guidance{align-items:flex-start;flex-wrap:wrap;margin-top:30px}.space-guidance>div{flex:1;min-width:220px}.space-guidance>a{margin-left:40px;font-size:11px}.space-guidance p{font-size:10px}.space-section-heading h2{font-size:13px}.project-detail-heading{align-items:flex-start;flex-wrap:wrap}.project-detail-heading .spacer{display:none}.project-detail-heading>.btn{margin-top:6px}.work-item-link{gap:8px;padding-left:calc(var(--depth,0)*10px);flex-wrap:wrap}.work-item-link strong{flex-basis:100%;font-size:12px}.work-items-table .issue-table td:nth-child(3),.work-items-table .issue-table td:nth-child(4){display:block}.work-items-table .issue-table td:nth-child(2){display:none}.work-items-table .issue-table td:nth-child(4){text-align:right}.work-items-table .issue-table td:nth-child(5){grid-column:1/-1}.template-provenance{padding:12px}.template-provenance strong{font-size:10px}.template-provenance>div>span{font-size:9px}.work-detail-form input,.work-detail-form textarea,.work-detail-form select{font-size:16px}.work-detail-form .row-actions{flex-wrap:wrap}.save-note{flex-basis:100%;font-size:9px}.template-table thead{display:none}.template-table tr{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:16px;border-top:1px solid var(--border)}.template-table td{padding:0;border:0;font-size:10px}.template-table td:first-child{grid-column:1/-1}.template-table td:nth-child(3){text-align:right}.template-table td:last-child{display:none}.template-kind-tabs{width:100%;display:flex}.template-kind-tabs button{flex:1;font-size:11px;padding:9px}.reviewer-guidance{align-items:flex-start;flex-wrap:wrap}.reviewer-guidance>div{flex:1;min-width:220px}.reviewer-guidance>a{margin-left:40px;font-size:10px}.reviewer-guidance p{font-size:10px}.template-state-banner{align-items:flex-start;padding:15px}.template-state-banner strong{font-size:11px}.template-state-banner p{font-size:10px}.definition-meta{grid-template-columns:1fr 1fr;gap:18px}.template-facts{font-size:12px}.create-space-links{grid-template-columns:1fr;gap:11px}.template-actions .btn{min-height:40px}.template-review-entry>span{display:block;margin:6px 0 0}.form-eyebrow{font-size:9px}}
.scope-lock-note{font-size:11px;color:#877a4d;background:#f6f1de;border:1px solid #e5ddbe;padding:13px 15px;line-height:1.8;border-radius:6px;margin-bottom:22px}input[readonly],textarea[readonly]{background:var(--surface-2);color:var(--muted)}@media(prefers-color-scheme:dark){.scope-lock-note{background:#353024;color:#ccbb82;border-color:#4b4430}}

/* Cobalt and Ice palette. Space accents identify context; status retains its meaning. */
:root{--bg:#f4f7ff;--surface:#fff;--surface-2:#edf2fc;--hover:#e7eefb;--border:#d9e2f3;--border-strong:#bacbdb;--control-border:#8398ae;--text:#142443;--muted:#50617e;--faint:#607187;--accent:#2855d9;--accent-ink:#fff;--accent-text:#2148bb;--accent-soft:#e8effd;--focus:#2855d9;--thread-bg:#f0f7fb;--thread-line:#c9dce8;--st-new:#245cc5;--st-open:#08746c;--st-waiting:#925300;--st-resolved:#19684c;--st-closed:#607187;--ok:#19684c;--warn:#925300;--danger:#be3044;--series-1:#2855d9;--series-2:#7546b4;--customer:#08746c;--customer-bg:#def5f2;--engineering:#245cc5;--engineering-bg:#e7efff;--incident:#925300;--incident-bg:#fff0cf;--change:#7546b4;--change-bg:#f1e8ff}
.topnav a[aria-current="page"]{background:var(--accent-soft);color:var(--accent-text)}
.space-emblem.customer,.space-empty-icon.customer{color:var(--customer);background:var(--customer-bg)}
.space-emblem.engineering,.space-empty-icon.engineering{color:var(--engineering);background:var(--engineering-bg)}
.space-emblem.incident,.space-empty-icon.incident{color:var(--incident);background:var(--incident-bg)}
.space-emblem.change,.space-empty-icon.change{color:var(--change);background:var(--change-bg)}
.template-provenance,.template-state-banner.approved{background:var(--customer-bg);border-color:color-mix(in srgb,var(--customer) 25%,var(--surface))}
.template-provenance strong,.template-provenance>span,.template-provenance>div>span,.approved-label,.template-approved,.work-closed,.work-released,.work-approved,.work-resolved{color:var(--customer)}
.work-in_progress,.work-in_review,.work-mitigating{color:var(--engineering)}
.work-review,.work-monitoring,.work-scheduled{color:var(--incident)}
.scope-lock-note,.template-state-banner.submitted{background:var(--incident-bg);color:var(--incident);border-color:color-mix(in srgb,var(--incident) 25%,var(--surface))}
@media(prefers-color-scheme:dark){:root{--bg:#0e1726;--surface:#152238;--surface-2:#1d2d44;--hover:#22354e;--border:#2b4058;--border-strong:#435c78;--control-border:#6c86a1;--text:#e7eff9;--muted:#b2c2d5;--faint:#9bafc6;--accent:#94b9ff;--accent-ink:#101f40;--accent-text:#b5cdff;--accent-soft:#20365b;--focus:#b5cdff;--thread-bg:#162c3d;--thread-line:#315166;--customer:#6ad9c2;--customer-bg:#163c3a;--engineering:#94b9ff;--engineering-bg:#20365b;--incident:#f6cc78;--incident-bg:#3c3220;--change:#c5a7ff;--change-bg:#34284b;--st-new:#94b9ff;--st-open:#6ad9c2;--st-waiting:#f6cc78;--st-resolved:#6ad9c2;--st-closed:#9bafc6;--ok:#6ad9c2;--warn:#f6cc78;--danger:#ffa2ad;--series-1:#94b9ff;--series-2:#c5a7ff}}

/* Public product demo and page guide. */
.demo-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 24px;background:var(--accent-soft);color:var(--accent-text);font-size:12px;border-bottom:1px solid var(--border)}.demo-banner span{color:var(--muted)}.demo-banner a:first-of-type{margin-left:auto}.demo-guide{display:block;max-width:1180px;margin:auto;padding:30px 32px 80px}.demo-guide-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:65px;gap:20px}.demo-guide h1{font-size:clamp(32px,4vw,48px);line-height:1.15;margin:16px 0 24px}.demo-lead{font-size:17px;line-height:1.8;max-width:780px;color:var(--muted)}.demo-summary{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.demo-summary span{padding:7px 11px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:12px}.demo-group{margin-top:42px}.demo-group h2{font-size:21px;margin-bottom:18px}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-card{display:block;text-decoration:none;padding:23px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text)}.demo-card:hover{border-color:var(--accent);background:var(--hover)}.demo-card strong{display:flex;justify-content:space-between;gap:14px;font-size:14px}.demo-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:12px 0 0}@media(max-width:800px){.demo-grid{grid-template-columns:1fr 1fr}.demo-banner{gap:8px 15px}.demo-banner a:first-of-type{margin-left:0}}@media(max-width:520px){.demo-grid{grid-template-columns:1fr}.demo-guide{padding:22px 20px 50px}.demo-guide-nav{margin-bottom:40px;font-size:12px}.demo-banner span{flex-basis:100%}}

/* Change records: persistent section tabs keep one form and one save operation. */
.change-section-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--border-strong);margin:0 0 26px;scrollbar-width:thin}.change-section-tabs [role=tab]{appearance:none;flex:0 0 auto;background:none;border:0;border-bottom:3px solid transparent;padding:14px 16px;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;border-radius:5px 5px 0 0}.change-section-tabs [role=tab]:hover{background:var(--hover);color:var(--text)}.change-section-tabs [aria-selected=true]{color:var(--accent-text);border-bottom-color:var(--accent);background:var(--accent-soft)}.change-section-panel{padding:0 0 18px}.change-section-panel>h2{font-size:20px;margin:0 0 24px}.change-section-panel[hidden]{display:none!important}.change-section-panel .work-field{margin:0 0 22px}.change-section-panel .work-field textarea{min-height:150px}.change-section-panel .work-field label{margin-top:12px}.change-section-panel .work-edit-section{border:0;padding-top:0}@media(max-width:760px){.change-section-tabs{margin-bottom:20px}.change-section-tabs [role=tab]{padding:12px;font-size:12px}}