.changes-main {
  overflow: hidden;
  background: #f3f5f8;
  color: #18202c;
}

.changes-shell {
  --changes-ink: #18202c;
  --changes-muted: #677284;
  --changes-line: #dfe4eb;
  --changes-blue: #3157d5;
  --changes-blue-soft: #eef2ff;
  display: grid;
  grid-template-rows: 72px auto minmax(0, 1fr);
  height: 100%;
  min-height: 0;
  background:
    radial-gradient(circle at 72% 0%, rgba(85, 104, 217, .07), transparent 28%),
    #f4f6f9;
}

.changes-topbar {
  display: grid;
  grid-template-columns: 245px minmax(280px, 620px) minmax(180px, 1fr);
  align-items: center;
  gap: 26px;
  padding: 0 24px;
  border-bottom: 1px solid #d9dfe7;
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(18px);
  z-index: 3;
}

.changes-brand-block { display: flex; align-items: center; gap: 12px; }
.changes-brand-block h2 { margin: 0; font-size: 20px; letter-spacing: -.02em; }
.changes-mark {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 11px;
  color: white;
  background: linear-gradient(145deg, #2d55d1, #6b48bb);
  box-shadow: 0 8px 18px rgba(49, 87, 213, .22);
  font-size: 19px;
  font-weight: 800;
}
.changes-kicker {
  display: block;
  color: #7a8493;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.changes-search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #d8dee8;
  border-radius: 10px;
  background: #f7f8fa;
  box-shadow: inset 0 1px 2px rgba(19, 30, 49, .03);
}
.changes-search:focus-within { border-color: #9cabec; background: white; box-shadow: 0 0 0 3px rgba(49, 87, 213, .09); }
.changes-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--changes-ink); font-size: 13px; }
.changes-search kbd { border: 1px solid #d4dae3; border-radius: 5px; padding: 2px 6px; color: #7b8593; background: white; font: 10px ui-monospace, monospace; }
.changes-workspace-chip { justify-self: end; display: flex; align-items: center; gap: 9px; min-width: 0; font-size: 12px; }
.changes-workspace-chip span { color: var(--changes-muted); }
.changes-workspace-chip strong { overflow: hidden; max-width: 190px; text-overflow: ellipsis; white-space: nowrap; padding: 6px 10px; border: 1px solid #dce1e8; border-radius: 7px; background: #fff; }

.changes-notice {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 7px 24px;
  color: #166534;
  border-bottom: 1px solid #bbebca;
  background: #ecfdf3;
  font-size: 13px;
  font-weight: 600;
}
.changes-notice span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: #22a85a; color: white; font-size: 11px; }
.changes-notice.error { color: #9f2626; border-color: #f1c0c0; background: #fff1f1; }
.changes-notice.error span { background: #d33d3d; }

.changes-layout {
  display: grid;
  grid-template-columns: 190px 340px minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
}

.changes-nav {
  min-height: 0;
  padding: 22px 14px;
  border-right: 1px solid var(--changes-line);
  background: #f7f8fa;
}
.changes-nav-heading { padding: 14px 10px 7px; color: #9098a5; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.changes-queue-button {
  display: flex;
  width: 100%;
  min-height: 37px;
  align-items: center;
  justify-content: space-between;
  border: 0;
  border-radius: 7px;
  padding: 0 10px;
  color: #505b6b;
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  font-weight: 650;
  text-align: left;
}
.changes-queue-button span { display: flex; align-items: center; gap: 9px; }
.changes-queue-button b { min-width: 24px; border-radius: 12px; padding: 2px 6px; color: #6d7685; background: #e9ecf1; font-size: 10px; text-align: center; }
.changes-queue-button:hover { color: #2c3850; background: #edf0f5; }
.changes-queue-button.active { color: #2747b8; background: #e8edff; box-shadow: inset 3px 0 0 #3c5dd5; }
.changes-queue-button.active b { color: #2747b8; background: #d6defc; }
.changes-policy-card { margin: 28px 5px 0; padding: 14px; border: 1px solid #dfe3eb; border-radius: 10px; background: white; box-shadow: 0 8px 24px rgba(25, 35, 52, .04); }
.changes-policy-card > span:first-child { color: #5849b5; }
.changes-policy-card strong { display: block; margin-top: 9px; font-size: 11px; }
.changes-policy-card p { margin: 5px 0 12px; color: var(--changes-muted); font-size: 10px; line-height: 1.5; }
.changes-policy-state { display: flex; align-items: center; gap: 6px; color: #247748; font-size: 9px; font-weight: 700; }
.changes-policy-state i { width: 6px; height: 6px; border-radius: 50%; background: #2db66e; box-shadow: 0 0 0 3px #e5f8ed; }

.changes-list-pane { display: grid; grid-template-rows: auto auto minmax(0, 1fr); min-width: 0; min-height: 0; border-right: 1px solid var(--changes-line); background: white; }
.changes-list-heading { display: flex; align-items: center; justify-content: space-between; padding: 22px 18px 14px; }
.changes-list-heading h3 { margin: 2px 0 0; font-size: 17px; letter-spacing: -.02em; }
.changes-icon-button { width: 31px; height: 31px; border: 1px solid #dbe0e8; border-radius: 7px; color: #677284; background: white; cursor: pointer; }
.changes-icon-button:hover { color: #3157d5; border-color: #acb9eb; }
.changes-list-filters { display: flex; gap: 3px; padding: 0 14px 12px; border-bottom: 1px solid #edf0f4; }
.changes-list-filters button { border: 0; border-radius: 6px; padding: 5px 8px; color: #7a8491; background: transparent; font-size: 10px; cursor: pointer; }
.changes-list-filters button.active { color: #2f4eb8; background: #eef2ff; font-weight: 700; }
.changes-list { min-height: 0; overflow: auto; padding: 8px; }
.change-card { display: block; width: 100%; margin-bottom: 5px; border: 1px solid transparent; border-radius: 9px; padding: 12px; color: inherit; background: transparent; cursor: pointer; text-align: left; transition: border-color .16s, background .16s, transform .16s; }
.change-card:hover { border-color: #e1e5ec; background: #f8f9fb; transform: translateY(-1px); }
.change-card.selected { border-color: #bec9f4; background: #f0f3ff; box-shadow: 0 5px 16px rgba(62, 85, 174, .08); }
.change-card-top, .change-card-meta, .change-card-footer { display: flex; align-items: center; }
.change-card-top { justify-content: space-between; margin-bottom: 7px; }
.change-kind { color: #555f70; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.change-kind.concord { color: #80541a; }
.change-kind.drive { color: #28629d; }
.change-id { color: #9199a5; font: 9px ui-monospace, SFMono-Regular, monospace; }
.change-card > strong { display: -webkit-box; overflow: hidden; margin-bottom: 4px; font-size: 12px; line-height: 1.35; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.change-card > p { overflow: hidden; margin: 0 0 9px; color: #778190; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.change-card-meta { gap: 7px; color: #8b94a1; font-size: 9px; }
.change-avatar { display: inline-grid; width: 22px; height: 22px; flex: 0 0 auto; place-items: center; border-radius: 7px; color: #30446f; background: linear-gradient(145deg, #dfe7f8, #eef2f8); font-size: 8px; font-weight: 800; }
.change-avatar.large { width: 32px; height: 32px; border-radius: 9px; font-size: 10px; }
.change-card-count { margin-left: auto; }
.change-card-footer { justify-content: space-between; margin-top: 10px; }
.change-card-footer > span:last-child { color: #7e8795; font-size: 9px; }
.change-status { display: inline-flex; align-items: center; gap: 5px; border-radius: 12px; padding: 4px 7px; color: #5f6875; background: #edf0f4; font-size: 9px; font-weight: 800; white-space: nowrap; }
.change-status i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.change-status.in_review { color: #9a6312; background: #fff5dc; }
.change-status.approved { color: #1f7546; background: #e7f8ee; }
.change-status.changes_requested { color: #a0402d; background: #fff0ea; }
.change-status.conflicted, .change-status.rejected { color: #a32f38; background: #fdebed; }
.change-status.landed { color: #3555af; background: #ebeffd; }
.change-status.abandoned { color: #6d7480; background: #eceef1; }
.changes-empty-list { display: grid; place-items: center; padding: 70px 20px; color: #8a93a1; text-align: center; }
.changes-empty-list span { font-size: 30px; }
.changes-empty-list h4 { margin: 12px 0 4px; color: #4d5869; }
.changes-empty-list p { margin: 0; font-size: 11px; }
.change-card.skeleton { height: 112px; border-color: #edf0f4; }
.change-card.skeleton i { display: block; width: 65%; height: 8px; margin: 10px 0; border-radius: 4px; background: linear-gradient(90deg, #eef1f5, #f7f8fa, #eef1f5); background-size: 200% 100%; animation: change-shimmer 1.3s infinite; }
.change-card.skeleton i:first-child { width: 30%; }.change-card.skeleton i:last-child { width: 45%; }
@keyframes change-shimmer { to { background-position: -200% 0; } }

.changes-detail { min-width: 0; min-height: 0; overflow: auto; background: #f5f7fa; }
.changes-empty-detail { display: grid; min-height: 100%; place-items: center; align-content: center; padding: 40px; color: #7d8796; text-align: center; }
.changes-empty-detail h3 { margin: 18px 0 6px; color: #374151; font-size: 18px; }.changes-empty-detail p { max-width: 390px; margin: 0; font-size: 12px; line-height: 1.6; }
.changes-empty-orbit { position: relative; display: grid; width: 82px; height: 82px; place-items: center; border: 1px dashed #b9c1ce; border-radius: 50%; }
.changes-empty-orbit::after { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #526bd1; box-shadow: 0 0 0 5px #e8ecfc; content: ""; transform: translate(35px, -24px); }
.changes-empty-orbit span { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; color: white; background: linear-gradient(145deg, #3157d5, #6646b3); font-size: 22px; }

.change-detail-card { min-height: 100%; background: #f7f8fa; }
.change-detail-header { padding: 23px 27px 17px; border-bottom: 1px solid var(--changes-line); background: white; }
.change-detail-breadcrumb { display: flex; gap: 8px; margin-bottom: 16px; color: #8992a0; font-size: 10px; }.change-detail-breadcrumb b { color: #c1c6ce; }.change-detail-breadcrumb strong { color: #4b5769; font-family: ui-monospace, monospace; }
.change-detail-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.change-detail-title-row h1 { margin: 8px 0 5px; color: #172131; font-size: clamp(19px, 2vw, 27px); line-height: 1.18; letter-spacing: -.035em; }
.change-detail-title-row p { max-width: 740px; margin: 0; color: #697587; font-size: 11px; line-height: 1.55; }
.change-detail-title-meta { display: flex; align-items: center; gap: 9px; color: #8b94a1; font-size: 9px; }
.change-hash { border-radius: 4px; padding: 3px 6px; color: #6d7583; background: #f0f2f5; font: 9px ui-monospace, monospace; }
.changes-more-button { width: 34px; height: 30px; border: 1px solid #dce1e8; border-radius: 7px; color: #7f8895; background: white; cursor: pointer; }
.change-detail-facts { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 20px; padding-top: 14px; border-top: 1px solid #edf0f4; }
.change-detail-facts > div { display: flex; align-items: center; gap: 9px; min-width: 100px; }
.change-detail-facts p { display: grid; gap: 2px; margin: 0; }.change-detail-facts small { color: #929aa6; font-size: 8px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }.change-detail-facts strong { color: #414c5d; font-size: 10px; }
.change-detail-tabs { display: flex; gap: 3px; padding: 0 27px; border-bottom: 1px solid var(--changes-line); background: white; }
.patchset-strip { display: flex; align-items: center; gap: 6px; border-top: 1px solid #edf0f4; border-bottom: 1px solid #dfe3e8; padding: 8px 27px; background: #f8f9fb; }.patchset-strip > span { margin-right: 4px; color: #818a98; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.patchset-strip button { border: 1px solid #d9dee6; border-radius: 999px; padding: 4px 9px; color: #647084; background: white; cursor: pointer; font-size: 8px; font-weight: 800; }.patchset-strip button.active { border-color: #6e78c9; color: white; background: #555fb5; box-shadow: 0 3px 9px rgba(66, 75, 159, .18); }
.change-detail-tabs button { position: relative; min-height: 43px; border: 0; padding: 0 11px; color: #7c8593; background: transparent; cursor: pointer; font-size: 10px; font-weight: 700; }
.change-detail-tabs button::after { position: absolute; right: 7px; bottom: -1px; left: 7px; height: 2px; border-radius: 2px; background: transparent; content: ""; }
.change-detail-tabs button.active { color: #2f4fbe; }.change-detail-tabs button.active::after { background: #3b5ed3; }
.change-detail-tabs b { margin-left: 4px; border-radius: 9px; padding: 1px 5px; color: #667085; background: #edf0f4; font-size: 8px; }
.change-detail-body { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 15px; align-items: start; padding: 18px; }
.change-primary-content, .change-review-rail { min-width: 0; }
.change-review-rail { display: grid; gap: 10px; position: sticky; top: 18px; }
.change-files-summary { display: flex; justify-content: space-between; margin-bottom: 9px; color: #798391; font-size: 9px; }.change-files-summary span:last-child { display: flex; align-items: center; gap: 5px; }.change-files-summary i { width: 7px; height: 7px; border-radius: 2px; }.change-files-summary i.added { background: #84d9a7; }.change-files-summary i.removed { background: #f3a7ac; }
.change-file { overflow: hidden; margin-bottom: 12px; border: 1px solid #dce1e8; border-radius: 9px; background: white; box-shadow: 0 5px 18px rgba(27, 39, 60, .035); }
.change-file-header { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 8px 11px; border-bottom: 1px solid #e5e8ed; background: #fbfcfd; }
.change-file-header > div { display: flex; align-items: center; gap: 9px; min-width: 0; }.change-file-header strong, .change-file-header small { display: block; overflow: hidden; text-overflow: ellipsis; }.change-file-header strong { color: #334052; font-size: 10px; line-height: 1.4; overflow-wrap: anywhere; white-space: normal; }.change-file-header small { margin-top: 3px; color: #8a93a0; font-size: 8px; white-space: nowrap; }
.change-file-icon { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 7px; color: #3157d5; background: #e9edfc; font-size: 10px; font-weight: 800; }.change-file-icon.concord_page { color: #895d24; background: #fbf0db; }
.change-operation { border-radius: 10px; padding: 3px 6px; color: #427050; background: #e9f7ee; font-size: 8px; font-weight: 800; text-transform: uppercase; }.change-operation.delete { color: #a13b42; background: #fdecef; }
.change-file-header button { border: 0; color: #89919e; background: transparent; cursor: pointer; }
.change-file-content.collapsed { display: none; }
.changes-code-diff { overflow: auto; max-height: 520px; padding: 7px 0; background: #fcfcfd; font: 9px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }
.changes-code-diff > div { display: grid; grid-template-columns: 30px 30px 20px minmax(0, 1fr); min-height: 20px; align-items: start; padding: 1px 8px; }.changes-code-diff > div > span { color: #b0b6bf; text-align: right; }.changes-code-diff code { color: #a1a8b3; text-align: center; }.changes-code-diff pre { margin: 0; white-space: pre-wrap; word-break: break-word; }
.changes-code-diff .added { background: #eaf8ef; }.changes-code-diff .added code { color: #23814c; }.changes-code-diff .removed { background: #fff0f1; }.changes-code-diff .removed code { color: #b43d45; }
.field-change { display: grid; grid-template-columns: 85px minmax(0, 1fr) minmax(0, 1fr); border-bottom: 1px solid #edf0f3; font-size: 9px; }.field-change > strong { padding: 10px; color: #667181; background: #fafbfc; }.field-change > div { display: flex; gap: 7px; min-width: 0; padding: 10px; }.field-change code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.field-before { color: #9e3942; background: #fff4f4; }.field-after { color: #267249; background: #f0faf4; }
.binary-diff-card { display: grid; grid-template-columns: minmax(150px, .7fr) minmax(240px, 1.3fr); min-height: 220px; }
.binary-preview { display: grid; place-items: center; align-content: center; gap: 10px; border-right: 1px solid #e2e6eb; color: #52617a; background: linear-gradient(145deg, #f1f3f7, #e5e9f0); }.binary-preview span { display: grid; min-width: 55px; min-height: 55px; place-items: center; border-radius: 12px; color: white; background: #53657c; box-shadow: 0 10px 25px rgba(39, 53, 73, .2); font-size: 11px; font-weight: 800; }.binary-preview.image span { background: linear-gradient(145deg, #3a79a6, #6756aa); font-size: 25px; }.binary-preview small { color: #718096; font-size: 9px; }
.binary-manifest { padding: 24px; }.binary-manifest > span { color: #87909d; font-size: 9px; text-transform: uppercase; }.binary-manifest > strong { display: block; margin: 5px 0 18px; font-size: 20px; }.binary-manifest dl { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 9px; margin: 0; font-size: 9px; }.binary-manifest dt { color: #8a93a0; }.binary-manifest dd { overflow: hidden; margin: 0; color: #425064; text-overflow: ellipsis; white-space: nowrap; }.binary-manifest code { font-size: 8px; }
.structured-diff .field-change:last-child { border-bottom: 0; }

.review-gate, .reviewers-card, .review-action-card, .change-integrity-card, .change-branch-card { border: 1px solid #dce1e8; border-radius: 9px; background: white; box-shadow: 0 5px 18px rgba(27, 39, 60, .035); }
.review-gate { padding: 12px; }.review-gate-heading { display: flex; align-items: center; gap: 8px; }.review-gate-heading > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #94691e; background: #fff2d7; font-weight: 800; }.review-gate.satisfied .review-gate-heading > span { color: #207447; background: #e3f7eb; }.review-gate-heading small, .review-gate-heading strong { display: block; }.review-gate-heading small { color: #9098a3; font-size: 7px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.review-gate-heading strong { margin-top: 2px; font-size: 9px; }.review-gate p { margin: 7px 0 0; color: #838c99; font-size: 8px; }
.approval-meter { overflow: hidden; height: 4px; margin-top: 11px; border-radius: 3px; background: #edf0f3; }.approval-meter i { display: block; width: var(--approval-progress); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #ddb850, #3eb46f); transition: width .25s; }
.reviewers-card { padding: 11px; }.reviewers-card > header { display: flex; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid #edf0f3; font-size: 9px; }.reviewers-card > header span { color: #8b94a0; }.reviewer-row { display: flex; align-items: center; gap: 7px; padding: 9px 0 2px; }.reviewer-row p { display: grid; flex: 1; gap: 2px; margin: 0; }.reviewer-row strong { font-size: 8px; }.reviewer-row small { color: #88919d; font-size: 7px; }.review-decision { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; font-size: 9px; }.review-decision.approve { color: #24764a; background: #e4f7eb; }.review-decision.reject { color: #a4313a; background: #fce9eb; }.review-decision.request_changes { color: #a06419; background: #fff1d7; }.review-decision.pending { color: #8a5a12; background: #fff3d6; }.reviewer-empty { display: grid; place-items: center; padding: 17px; color: #929aa5; font-size: 8px; }.reviewer-empty span { font-size: 18px; }.reviewer-empty p { margin: 5px 0 0; }
.review-action-card { padding: 11px; }.review-action-card label { display: block; margin-bottom: 6px; color: #687385; font-size: 8px; font-weight: 700; }.review-action-card textarea { width: 100%; resize: vertical; border: 1px solid #dce1e8; border-radius: 7px; padding: 8px; outline: 0; color: #394557; font-size: 9px; }.review-action-card textarea:focus { border-color: #9dabe4; box-shadow: 0 0 0 2px #eef1fd; }.review-action-grid { display: grid; gap: 5px; margin-top: 7px; }.review-button { min-height: 31px; border: 0; border-radius: 7px; cursor: pointer; font-size: 8px; font-weight: 800; }.review-button:disabled { cursor: not-allowed; opacity: .45; }.review-button.approve { color: white; background: #26764a; }.review-button.changes { color: #8c5d17; background: #fff0d4; }.review-button.reject { color: #a13c44; background: #fcebed; }
.land-button { display: flex; min-height: 39px; align-items: center; justify-content: space-between; border: 0; border-radius: 8px; padding: 0 13px; color: white; background: linear-gradient(100deg, #3157d5, #574db8); box-shadow: 0 8px 18px rgba(52, 77, 174, .22); cursor: pointer; font-size: 9px; font-weight: 800; }.land-button:hover { filter: brightness(1.05); transform: translateY(-1px); }.admin-override-button { border: 1px solid #e4c8a7; border-radius: 7px; padding: 8px; color: #8a5a20; background: #fff9ee; cursor: pointer; font-size: 8px; font-weight: 700; }
.abandon-change-button { border: 1px solid #e3b9bc; border-radius: 7px; padding: 8px; color: #9d3941; background: #fff5f5; cursor: pointer; font-size: 8px; font-weight: 800; }.abandon-change-button:hover { border-color: #cf858b; background: #fdebec; }
.change-branch-card { padding: 11px; }.change-branch-card > header { display: flex; align-items: center; justify-content: space-between; }.change-branch-card header small, .change-branch-card header strong { display: block; }.change-branch-card header small { color: #929aa6; font-size: 7px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.change-branch-card header strong { margin-top: 2px; font-size: 9px; }.change-branch-card header > span { color: #5669b6; }.change-branch-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin-top: 9px; }.change-branch-actions button { min-height: 29px; border: 1px solid #d9dfe8; border-radius: 6px; color: #536079; background: #f8f9fb; cursor: pointer; font-size: 8px; font-weight: 750; }.change-branch-actions button:last-child { grid-column: 1 / -1; }.change-branch-actions button:hover { border-color: #aeb9e6; color: #3151ba; background: #f0f3ff; }.change-branch-hint { margin: 9px 0 0; color: #89929f; font-size: 8px; line-height: 1.45; }.change-conflict-report { margin-top: 9px; border-radius: 7px; padding: 8px; color: #97333b; background: #fff0f1; }.change-conflict-report.clean { color: #277249; background: #ecf9f1; }.change-conflict-report > strong { font-size: 8px; }.change-conflict-report p { display: grid; gap: 2px; margin: 7px 0 0; font-size: 7px; line-height: 1.4; }.change-conflict-report p b { color: inherit; font-family: ui-monospace, monospace; }
.change-integrity-card { display: flex; align-items: center; gap: 9px; padding: 10px; }.change-integrity-card > span { color: #4e61a9; }.change-integrity-card p { display: grid; gap: 2px; min-width: 0; margin: 0; }.change-integrity-card strong { font-size: 8px; }.change-integrity-card small { overflow: hidden; color: #9098a3; font: 7px ui-monospace, monospace; text-overflow: ellipsis; }

.discussion-panel, .activity-panel { overflow: hidden; border: 1px solid #dce1e8; border-radius: 9px; background: white; }.discussion-panel > header, .activity-panel > header { display: flex; align-items: center; justify-content: space-between; padding: 16px; border-bottom: 1px solid #e8ebef; }.discussion-panel > header h3, .activity-panel > header h3 { margin: 3px 0 0; font-size: 14px; }.discussion-panel > header > span { color: #89919d; font-size: 9px; }
.discussion-stream { padding: 10px 16px; }.discussion-comment { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; padding: 11px 0; border-bottom: 1px solid #edf0f3; }.discussion-comment header { display: flex; justify-content: space-between; }.discussion-comment strong { font-size: 9px; }.discussion-comment time { color: #9098a4; font-size: 8px; }.discussion-comment p { margin: 6px 0 0; color: #505c6d; font-size: 10px; line-height: 1.55; }.discussion-empty { display: grid; place-items: center; padding: 50px 20px; color: #8b94a0; text-align: center; }.discussion-empty span { font-size: 28px; }.discussion-empty h4 { margin: 10px 0 4px; color: #4c5869; }.discussion-empty p { margin: 0; font-size: 9px; }
.discussion-composer { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; padding: 14px 16px; border-top: 1px solid #e7eaf0; background: #fafbfc; }.discussion-composer textarea { width: 100%; resize: vertical; border: 1px solid #d9dfe7; border-radius: 7px; padding: 9px; outline: 0; font-size: 10px; }.discussion-composer footer { display: flex; align-items: center; justify-content: space-between; margin-top: 7px; color: #929aa5; font-size: 8px; }.discussion-composer .primary-button { min-height: 29px; padding: 0 12px; font-size: 8px; }
.activity-panel { padding-bottom: 12px; }.activity-timeline { padding: 15px 18px 10px; }.activity-event { position: relative; display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; min-height: 57px; }.activity-event::before { position: absolute; top: 14px; bottom: -3px; left: 5px; width: 1px; background: #dfe4ea; content: ""; }.activity-event:last-child::before { display: none; }.activity-dot { position: relative; z-index: 1; width: 11px; height: 11px; margin-top: 2px; border: 3px solid #f7f8fa; border-radius: 50%; background: #aeb6c2; box-shadow: 0 0 0 1px #cfd5dd; }.activity-dot.latest { background: #4a63cb; box-shadow: 0 0 0 1px #7183d1; }.activity-event strong { font-size: 9px; }.activity-event p { margin: 3px 0 0; color: #8a93a0; font-size: 8px; }.activity-event small { display: block; margin-top: 4px; color: #a13a42; font-size: 8px; }

@media (max-width: 1180px) {
  .changes-layout { grid-template-columns: 64px 310px minmax(0, 1fr); }
  .changes-nav { padding: 18px 8px; }.changes-nav-heading, .changes-queue-button span, .changes-policy-card { display: none; }.changes-queue-button { justify-content: center; margin-bottom: 5px; }.changes-queue-button b { min-width: 28px; }
  .change-detail-body { grid-template-columns: minmax(0, 1fr) 190px; padding: 12px; }
}

@media (max-width: 900px) {
  .changes-topbar { grid-template-columns: auto minmax(180px, 1fr); }.changes-workspace-chip { display: none; }
  .changes-layout { grid-template-columns: 54px 280px minmax(460px, 1fr); overflow: auto; }
  .change-detail-body { grid-template-columns: 1fr; }.change-review-rail { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }.review-action-card, .land-button, .admin-override-button, .abandon-change-button { grid-column: 1 / -1; }
}