@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Outfit:wght@400;500;600;700&display=swap");

/* =========================================================
   ColdBreeze — structural UI layer (not just palette)
   ========================================================= */

:root {
  --cb-radius: 12px;
  --cb-radius-sm: 8px;
  --cb-radius-lg: 18px;
  --cb-font: "Outfit", "Segoe UI", system-ui, sans-serif;
  --cb-mono: "IBM Plex Mono", ui-monospace, monospace;
  --cb-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --cb-nav-h: 56px;
  --cb-content: 1320px;
  --cb-gap: 16px;
  --cb-pad: 20px;
  --cb-page-inline: 24px;
  --cb-border: 1px solid color-mix(in srgb, var(--color-secondary) 70%, transparent);
  --cb-elev: 0 1px 0 color-mix(in srgb, var(--color-text) 4%, transparent),
             0 12px 40px color-mix(in srgb, var(--color-shadow-opaque) 35%, transparent);
  --cb-elev-sm: 0 1px 2px color-mix(in srgb, var(--color-shadow-opaque) 25%, transparent);
}

/* ---------- base ---------- */
html, body, .ui, .ui.button, .ui.input > input, .ui.form input, .ui.menu,
.ui.dropdown, .ui.header, .ui.label, .ui.table, textarea, select,
.overflow-menu-items, .flex-item-title, .flex-item-body {
  font-family: var(--cb-font) !important;
}

code, pre, .mono, .sha, .commit-list .sha, .gt-mono, kbd,
.CodeMirror, .cm-editor, .blob-excerpt, .lines-num, .lines-code,
.repository.file.list .file-header, .ui.table.file-content,
.timeline-item .badge, .commit-summary, .diff-file-box .header {
  font-family: var(--cb-mono) !important;
}

body {
  letter-spacing: 0.005em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background:
    radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 60%),
    radial-gradient(900px 500px at 100% 0%, color-mix(in srgb, var(--color-primary) 6%, transparent), transparent 55%),
    var(--color-body) !important;
  background-attachment: fixed !important;
}

a {
  transition: color 140ms var(--cb-ease);
}

/* ---------- navbar: app chrome ---------- */
#navbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  min-height: var(--cb-nav-h);
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px;
  background: color-mix(in srgb, var(--color-nav-bg) 86%, transparent) !important;
  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  box-shadow: 0 8px 30px color-mix(in srgb, var(--color-shadow-opaque) 18%, transparent);
}

#navbar .navbar-left,
#navbar .navbar-right {
  display: flex !important;
  align-items: center !important;
  gap: 4px;
  flex-wrap: nowrap;
}

#navbar-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 10px !important;
  margin-right: 6px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--color-primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--color-primary) 22%, transparent);
}

#navbar-logo img {
  width: 22px !important;
  height: 22px !important;
  filter: saturate(1.05);
}

#navbar-logo::after {
  content: "ColdBreeze";
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: -0.02em;
  color: var(--color-text-dark);
}

#navbar .item {
  border-radius: 999px !important;
  min-height: 34px;
  padding: 6px 12px !important;
  font-weight: 500 !important;
  transition: background-color 150ms var(--cb-ease), color 150ms var(--cb-ease), transform 120ms var(--cb-ease) !important;
}

#navbar .item:hover {
  background: color-mix(in srgb, var(--color-primary) 12%, var(--color-hover-opaque)) !important;
}

#navbar .item.active,
#navbar a.item.active {
  background: color-mix(in srgb, var(--color-primary) 18%, transparent) !important;
  color: var(--color-text-dark) !important;
}

#navbar .item:active {
  transform: translateY(1px);
}

/* ---------- page frame ---------- */
.page-content {
  padding-top: 8px !important;
  padding-bottom: 48px !important;
}

/* one shared page column — header + body must share the same x/width */
.page-content > .ui.container,
.page-content > .secondary-nav > .ui.container,
.page-content > .cb-repohead > .ui.container,
.secondary-nav.cb-repohead > .ui.container,
.cb-pagehead,
.cb-subnav,
.cb-footer > .ui.container {
  max-width: var(--cb-content) !important;
  width: min(100% - (var(--cb-page-inline) * 2), var(--cb-content)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* nested containers stay full width of parent column */
.page-content .ui.container .ui.container,
.secondary-nav .ui.container .ui.container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ---------- buttons ---------- */
.ui.button {
  border-radius: 999px !important;
  font-weight: 560 !important;
  letter-spacing: 0.01em;
  min-height: 36px;
  padding: 0.65em 1.15em !important;
  transition: background-color 150ms var(--cb-ease), border-color 150ms var(--cb-ease),
    transform 120ms var(--cb-ease), color 150ms var(--cb-ease), filter 150ms var(--cb-ease) !important;
  box-shadow: none !important;
}

.ui.button:active:not(.disabled) {
  transform: translateY(1px);
}

.ui.primary.button,
.ui.green.button {
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--color-primary) 92%, #fff 8%),
    var(--color-primary)) !important;
  color: var(--color-primary-contrast) !important;
  border: 1px solid color-mix(in srgb, var(--color-primary) 80%, #000 20%) !important;
}

.ui.primary.button:hover,
.ui.green.button:hover {
  filter: brightness(1.06);
  background: var(--color-primary-hover) !important;
}

.ui.basic.button,
.ui.secondary.button {
  border: 1px solid color-mix(in srgb, var(--color-secondary) 85%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 70%, transparent) !important;
}

.ui.mini.button,
.ui.tiny.button,
.ui.icon.button {
  border-radius: var(--cb-radius-sm) !important;
}

/* ---------- surfaces ---------- */
.ui.segment,
.ui.attached.segment,
.ui.modal,
.ui.card,
.ui.cards > .card,
.box-body,
.issue-content,
.comment-list .comment,
.timeline-item .comment-container,
.repository.file.editor .commit-form-wrapper,
.ui.form .field > .selection.dropdown,
.ui.dropdown .menu {
  border-radius: var(--cb-radius) !important;
}

.ui.segment,
.ui.attached.segment {
  border: var(--cb-border) !important;
  box-shadow: var(--cb-elev-sm) !important;
  background: color-mix(in srgb, var(--color-box-body) 94%, transparent) !important;
}

.ui.attached.header,
.ui.top.attached.header {
  border-radius: var(--cb-radius) var(--cb-radius) 0 0 !important;
  border: var(--cb-border) !important;
  border-bottom: none !important;
  background: color-mix(in srgb, var(--color-box-header) 92%, transparent) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}

.ui.bottom.attached.segment {
  border-radius: 0 0 var(--cb-radius) var(--cb-radius) !important;
}

/* ---------- inputs ---------- */
.ui.input > input,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="search"],
.ui.form input[type="password"],
.ui.form input[type="number"],
.ui.form textarea,
.ui.form select,
.ui.search > .prompt {
  border-radius: var(--cb-radius-sm) !important;
  min-height: 40px;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 80%, transparent) !important;
  background: color-mix(in srgb, var(--color-input-background) 96%, transparent) !important;
  transition: border-color 150ms var(--cb-ease), box-shadow 150ms var(--cb-ease) !important;
}

.ui.input > input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.ui.form select:focus,
.ui.search > .prompt:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px var(--color-primary-alpha-20) !important;
}

.ui.label {
  border-radius: 999px !important;
  font-weight: 500 !important;
}

/* =========================================================
   LANDING — full template rewrite (.cb-landing)
   ========================================================= */
.page-content.home.cb-landing {
  max-width: var(--cb-content);
  width: min(100% - 28px, var(--cb-content));
  margin: 0 auto;
  padding: clamp(28px, 5vw, 56px) 0 48px !important;
}

.cb-landing__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: clamp(20px, 3vw, 36px);
  align-items: stretch;
  margin-bottom: clamp(20px, 3vw, 28px);
}

.cb-landing__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(8px, 1.5vw, 16px) 4px;
  min-width: 0;
}

.cb-landing__eyebrow {
  margin: 0 0 14px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-primary);
}

.cb-landing__title {
  margin: 0 0 16px;
  font-size: clamp(2.2rem, 4.8vw, 3.4rem);
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-weight: 700;
  color: var(--color-text-dark);
}

.cb-landing__lede {
  margin: 0 0 26px;
  max-width: 38ch;
  font-size: 1.08rem;
  line-height: 1.65;
  color: var(--color-text-light-1);
}

.cb-landing__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}

.cb-landing__actions .ui.button {
  min-height: 44px;
  padding: 0.8em 1.4em !important;
}

.cb-landing__meta {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}

.cb-landing__meta li {
  font-size: 0.86rem;
  color: var(--color-text-light-2);
  font-family: var(--cb-mono);
}

.cb-landing__meta li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 8px;
  background: color-mix(in srgb, var(--color-primary) 70%, transparent);
  vertical-align: middle;
}

.cb-landing__panel {
  border-radius: var(--cb-radius-lg);
  border: 1px solid color-mix(in srgb, var(--color-secondary) 70%, transparent);
  background:
    linear-gradient(165deg,
      color-mix(in srgb, var(--color-primary) 10%, var(--color-box-body)),
      var(--color-box-body) 45%);
  box-shadow: var(--cb-elev);
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}

.cb-landing__panel-top {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent);
  background: color-mix(in srgb, var(--color-box-header) 80%, transparent);
}

.cb-landing__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
}

.cb-landing__panel-label {
  font-family: var(--cb-mono);
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  color: var(--color-text-light-1);
  flex: 1;
}

.cb-landing__panel-badge {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-primary);
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);
  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
}

.cb-landing__panel-body {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}

.cb-landing__kv {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: var(--cb-radius-sm);
  border: 1px solid color-mix(in srgb, var(--color-secondary) 50%, transparent);
  background: color-mix(in srgb, var(--color-body) 35%, var(--color-box-body));
}

.cb-landing__kv span {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-light-2);
  font-weight: 600;
}

.cb-landing__kv code {
  font-family: var(--cb-mono) !important;
  font-size: 0.88rem;
  color: var(--color-text-dark);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cb-landing__panel-foot {
  padding: 14px 18px 16px;
  border-top: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent);
}

.cb-landing__panel-foot a {
  font-weight: 560;
  font-size: 0.92rem;
  color: var(--color-primary);
}

.cb-landing__strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.cb-landing__cap {
  padding: 18px 16px;
  border-radius: var(--cb-radius);
  border: 1px solid color-mix(in srgb, var(--color-secondary) 65%, transparent);
  background: color-mix(in srgb, var(--color-box-body) 90%, transparent);
  box-shadow: var(--cb-elev-sm);
}

.cb-landing__cap strong {
  display: block;
  margin-bottom: 8px;
  font-size: 0.95rem;
  letter-spacing: -0.01em;
  color: var(--color-text-dark);
}

.cb-landing__cap p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--color-text-light-1);
}

/* =========================================================
   AUTH — full template rewrite (.cb-auth)
   ========================================================= */
.page-content.user.signin.cb-auth,
.page-content.user.signup.cb-auth {
  min-height: calc(100dvh - var(--cb-nav-h) - 40px);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 28px 16px 48px !important;
}

.cb-auth__shell {
  width: min(100%, 420px);
  margin: 0 auto;
}

.cb-auth__card {
  border-radius: var(--cb-radius-lg);
  border: 1px solid color-mix(in srgb, var(--color-secondary) 70%, transparent);
  background: var(--color-box-body);
  box-shadow: var(--cb-elev);
  padding: 28px 28px 24px;
}

.cb-auth__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.cb-auth__mark {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 85%, #fff), var(--color-primary));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent);
}

.cb-auth__brand-text {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-primary);
}

.cb-auth__header {
  margin-bottom: 22px;
}

.cb-auth__header h1 {
  margin: 0 0 8px;
  font-size: 1.55rem;
  line-height: 1.15;
  letter-spacing: -0.03em;
  font-weight: 700;
  color: var(--color-text-dark);
}

.cb-auth__header p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--color-text-light-1);
}

.cb-auth__form .field {
  margin-bottom: 16px !important;
}

.cb-auth__label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.cb-auth__label-row label {
  margin: 0 !important;
}

.cb-auth__label-row a {
  font-size: 0.86rem;
}

.cb-auth__form input[type="text"],
.cb-auth__form input[type="password"],
.cb-auth__form input[type="email"] {
  min-height: 44px !important;
  border-radius: var(--cb-radius-sm) !important;
}

.cb-auth__form .ui.primary.button {
  min-height: 46px !important;
  margin-top: 4px !important;
  width: 100% !important;
}

.cb-auth__remember {
  margin-bottom: 8px !important;
}

.cb-auth__foot {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.cb-auth__passkey,
.cb-auth .signin-passkey {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 75%, transparent);
  background: color-mix(in srgb, var(--color-body) 40%, var(--color-box-body));
  font-weight: 500;
}

.cb-auth__passkey:hover,
.cb-auth .signin-passkey:hover {
  background: color-mix(in srgb, var(--color-primary) 10%, var(--color-hover-opaque));
  color: var(--color-text-dark);
}

.cb-auth__switch {
  margin: 0;
  font-size: 0.92rem;
  color: var(--color-text-light-1);
}

.cb-auth__switch a {
  font-weight: 560;
}

/* =========================================================
   EXPLORE / LISTS — card rows
   ========================================================= */
.page-content.explore .ui.secondary.pointing.tabular.menu,
.repository .ui.secondary.pointing.tabular.menu,
.dashboard .ui.secondary.pointing.tabular.menu,
.user.profile .ui.secondary.pointing.tabular.menu,
.secondary-nav.ui.menu {
  border: none !important;
  background: color-mix(in srgb, var(--color-box-body) 80%, transparent) !important;
  border-radius: 999px !important;
  padding: 4px !important;
  gap: 2px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-secondary) 55%, transparent);
  margin-bottom: 18px !important;
  overflow-x: auto;
}

.page-content.explore .ui.secondary.pointing.tabular.menu .item,
.repository .ui.secondary.pointing.tabular.menu .item,
.dashboard .ui.secondary.pointing.tabular.menu .item,
.user.profile .ui.secondary.pointing.tabular.menu .item,
.secondary-nav.ui.menu .item {
  border: none !important;
  border-radius: 999px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  font-weight: 500 !important;
}

.page-content.explore .ui.secondary.pointing.tabular.menu .item.active,
.repository .ui.secondary.pointing.tabular.menu .item.active,
.dashboard .ui.secondary.pointing.tabular.menu .item.active,
.user.profile .ui.secondary.pointing.tabular.menu .item.active,
.secondary-nav.ui.menu .item.active {
  background: color-mix(in srgb, var(--color-primary) 18%, var(--color-box-body)) !important;
  color: var(--color-text-dark) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 30%, transparent);
}

.flex-list {
  display: flex;
  flex-direction: column;
  gap: 10px !important;
  border: none !important;
  background: transparent !important;
}

.flex-list .flex-item {
  border: 1px solid color-mix(in srgb, var(--color-secondary) 65%, transparent) !important;
  border-radius: var(--cb-radius) !important;
  background: color-mix(in srgb, var(--color-box-body) 92%, transparent) !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  box-shadow: var(--cb-elev-sm);
  transition: border-color 150ms var(--cb-ease), transform 150ms var(--cb-ease),
    background-color 150ms var(--cb-ease), box-shadow 150ms var(--cb-ease) !important;
}

.flex-list .flex-item:hover {
  border-color: color-mix(in srgb, var(--color-primary) 40%, var(--color-secondary)) !important;
  background: color-mix(in srgb, var(--color-primary) 6%, var(--color-box-body)) !important;
  transform: translateY(-1px);
  box-shadow: var(--cb-elev);
}

.flex-item-title {
  font-weight: 600 !important;
  letter-spacing: -0.015em;
  font-size: 1.02rem !important;
}

.flex-item-body,
.flex-item .text.muted {
  color: var(--color-text-light-2) !important;
}

/* explore filter bar */
.page-content.explore .ui.small.secondary.filter.menu,
.page-content.explore .ui.form.ignore-dirty {
  margin-bottom: 14px !important;
}

.page-content.explore .ui.small.fluid.action.input input {
  min-height: 42px;
  border-radius: 999px 0 0 999px !important;
}

.page-content.explore .ui.small.fluid.action.input .ui.button,
.page-content.explore .ui.small.icon.button {
  border-radius: 0 999px 999px 0 !important;
}

/* =========================================================
   DASHBOARD
   ========================================================= */
.dashboard .flex-list .flex-item,
.dashboard-repos .list-item {
  border-radius: var(--cb-radius) !important;
}

.dashboard .ui.attached.segment,
.dashboard .feeds,
.dashboard .issue.list {
  border-radius: var(--cb-radius) !important;
}

/* =========================================================
   REPOSITORY chrome
   ========================================================= */
.repository .header-wrapper,
.repository .repo-header {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 60%, transparent) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--color-primary) 8%, var(--color-box-body)),
      var(--color-box-body)) !important;
  padding: 16px 18px !important;
  margin-bottom: 14px !important;
  box-shadow: var(--cb-elev-sm);
}

.repository .repo-title .divider,
.repository .repo-title {
  letter-spacing: -0.02em;
}

.repository .repo-buttons .ui.button,
.repository .repo-header .ui.button {
  border-radius: 999px !important;
}

.repository .ui.tabs.container,
.repository .repository-menu {
  margin-top: 8px !important;
}

.repository .repository-menu.ui.menu,
.repository .ui.menu.overflow-menu {
  border: none !important;
  background: color-mix(in srgb, var(--color-box-body) 80%, transparent) !important;
  border-radius: 999px !important;
  padding: 4px !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-secondary) 55%, transparent);
}

.repository .repository-menu .item,
.repository .ui.menu.overflow-menu .item {
  border-radius: 999px !important;
  border: none !important;
  margin: 0 !important;
}

.repository .repository-menu .item.active,
.repository .ui.menu.overflow-menu .item.active {
  background: color-mix(in srgb, var(--color-primary) 18%, var(--color-box-body)) !important;
}

/* file browser */
.repository.file.list #repo-files-table,
.repository.file.list .ui.table,
#repo-files-table {
  border-radius: var(--cb-radius) !important;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 65%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
}

#repo-files-table thead th,
.ui.table thead th {
  background: color-mix(in srgb, var(--color-box-header) 90%, transparent) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
}

#repo-files-table tr:hover td,
.ui.table tr:hover td {
  background: color-mix(in srgb, var(--color-primary) 6%, var(--color-hover-opaque)) !important;
}

.repository.file.list #file-content,
.repository .diff-file-box,
.CodeMirror,
.cm-editor,
.non-diff-file-content {
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 65%, transparent) !important;
  overflow: hidden;
  box-shadow: var(--cb-elev-sm);
}

.repository .file-header,
.diff-file-box .header,
.file-header {
  background: color-mix(in srgb, var(--color-box-header) 94%, transparent) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  font-family: var(--cb-mono) !important;
  font-size: 0.86rem !important;
}

/* clone / branch buttons */
.repository .ui.action.input,
.repository .ui.labeled.button,
.repository .branch-dropdown {
  border-radius: var(--cb-radius-sm) !important;
}

/* commit list */
#commits-table,
.commit-list {
  border-radius: var(--cb-radius) !important;
  overflow: hidden;
}

.commit-list .list-header,
#commits-table thead th {
  background: color-mix(in srgb, var(--color-box-header) 92%, transparent) !important;
}

/* issues / PR list */
.issue.list > .item,
.issue-list .flex-item,
#issue-list .flex-item {
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 60%, transparent) !important;
  margin-bottom: 8px !important;
  padding: 12px 14px !important;
  background: color-mix(in srgb, var(--color-box-body) 92%, transparent) !important;
}

.issue.list > .item:hover,
#issue-list .flex-item:hover {
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-secondary)) !important;
}

/* comments */
.comment-list .comment,
.timeline-item .comment-container {
  border: 1px solid color-mix(in srgb, var(--color-secondary) 60%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  overflow: hidden;
}

.comment-list .comment .comment-header,
.timeline-item .comment-header {
  background: color-mix(in srgb, var(--color-box-header) 92%, transparent) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 45%, transparent) !important;
}

/* markdown */
.markup,
.markdown {
  line-height: 1.7 !important;
}

.markup h1, .markup h2, .markup h3,
.markdown h1, .markdown h2, .markdown h3 {
  letter-spacing: -0.02em;
  font-weight: 650 !important;
}

.markup pre,
.markdown pre,
.markup code,
.markdown code {
  border-radius: 8px !important;
}

/* =========================================================
   TABLES / MENUS / MODALS
   ========================================================= */
.ui.table {
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 65%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  overflow: hidden;
}

.ui.menu:not(#navbar):not(.overflow-menu):not(.secondary-nav):not(.repository-menu) {
  border-radius: var(--cb-radius) !important;
}

.ui.dropdown .menu {
  border: 1px solid color-mix(in srgb, var(--color-secondary) 70%, transparent) !important;
  box-shadow: var(--cb-elev) !important;
  padding: 6px !important;
}

.ui.dropdown .menu > .item {
  border-radius: var(--cb-radius-sm) !important;
  margin: 2px 0 !important;
}

.ui.modal {
  border: 1px solid color-mix(in srgb, var(--color-secondary) 65%, transparent) !important;
  box-shadow: var(--cb-elev) !important;
  overflow: hidden;
}

.ui.modal > .header {
  background: color-mix(in srgb, var(--color-box-header) 94%, transparent) !important;
  font-weight: 650 !important;
  letter-spacing: -0.015em;
}

/* =========================================================
   FOOTER
   ========================================================= */
.page-footer,
.footer {
  margin-top: 28px !important;
  padding: 22px 16px !important;
  border-top: 1px solid color-mix(in srgb, var(--color-secondary) 40%, transparent) !important;
  background: color-mix(in srgb, var(--color-nav-bg) 70%, transparent) !important;
}

.page-footer .left-links,
.page-footer .right-links,
.footer .container {
  opacity: 0.85;
  font-size: 0.9rem;
}

.powered-by-footer a[href*="gitea.com"] {
  opacity: 0.55;
}

/* =========================================================
   SCROLLBAR / SELECTION
   ========================================================= */
* {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--color-secondary) 80%, transparent) transparent;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--color-secondary) 80%, transparent);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

::selection {
  background: color-mix(in srgb, var(--color-primary) 35%, transparent);
  color: var(--color-text-dark);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 960px) {
  .cb-landing__hero {
    grid-template-columns: 1fr;
  }
  .cb-landing__strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  #navbar-logo::after { display: none; }
  .page-content.home.cb-landing {
    width: min(100% - 18px, var(--cb-content));
  }
  .cb-landing__title {
    font-size: clamp(1.9rem, 9vw, 2.4rem);
  }
  .cb-landing__strip {
    grid-template-columns: 1fr;
  }
  .page-content.user.signin.cb-auth,
  .page-content.user.signup.cb-auth {
    align-items: flex-start !important;
    padding-top: 28px !important;
  }
  .cb-auth__card {
    padding: 22px 18px 20px;
  }
  .page-content > .ui.container,
  .page-content > .secondary-nav > .ui.container,
  .secondary-nav.cb-repohead > .ui.container {
    width: min(100% - 16px, var(--cb-content)) !important;
  }
  .repository .header-wrapper,
  .repository .repo-header {
    padding: 12px !important;
  }
  .cb-pagehead__inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .cb-pagehead__actions {
    width: 100%;
  }
  .cb-profile__grid > .column {
    width: 100% !important;
  }
}

/* =========================================================
   APP SHELL v5 — pageheads, panels, tabs, lists, chrome
   ========================================================= */
.page-content.cb-app {
  padding-bottom: 36px;
}

.cb-pagehead {
  width: min(100% - 32px, var(--cb-content));
  margin: 8px auto 0;
}

.cb-pagehead__inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 4px 8px;
}

.cb-pagehead__eyebrow,
.cb-repohead__eyebrow {
  margin: 0 0 6px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-primary);
}

.cb-pagehead__title {
  margin: 0;
  font-size: clamp(1.45rem, 2.4vw, 1.85rem);
  line-height: 1.15;
  letter-spacing: -0.03em;
  font-weight: 700;
  color: var(--color-text-dark);
}

.cb-pagehead__lede {
  margin: 8px 0 0;
  max-width: 52ch;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--color-text-light-1);
}

.cb-pagehead__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.cb-panel {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 65%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 94%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  padding: 16px !important;
}

.cb-dashboard .cb-panel,
.cb-explore .cb-panel,
.cb-profile .cb-panel {
  margin-top: 4px;
}

.cb-dashboard__body {
  margin-top: 8px !important;
}

.cb-subnav {
  width: min(100% - 32px, var(--cb-content));
  margin: 0 auto 12px !important;
  border: none !important;
  border-radius: var(--cb-radius-lg) !important;
  background: color-mix(in srgb, var(--color-box-body) 88%, transparent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-secondary) 55%, transparent);
  padding: 4px 8px !important;
}

.cb-subnav__menu {
  border: none !important;
  background: transparent !important;
  margin: 0 !important;
}

.cb-tabs-wrap {
  width: min(100%, var(--cb-content));
  margin: 0 auto 14px;
}

.cb-tabs.ui.menu,
.cb-tabs.ui.secondary.pointing.menu {
  border: none !important;
  background: color-mix(in srgb, var(--color-box-body) 82%, transparent) !important;
  border-radius: 999px !important;
  padding: 4px !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-secondary) 55%, transparent);
  margin: 0 !important;
  overflow-x: auto;
}

.cb-tabs .item {
  border: none !important;
  border-radius: 999px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  font-weight: 500 !important;
}

.cb-tabs .item.active {
  background: color-mix(in srgb, var(--color-primary) 18%, var(--color-box-body)) !important;
  color: var(--color-text-dark) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 30%, transparent);
}

.cb-list {
  gap: 10px !important;
}

.cb-list__item {
  border-radius: var(--cb-radius) !important;
}

.cb-list__empty {
  padding: 28px 16px !important;
  text-align: center;
  color: var(--color-text-light-2);
  border: 1px dashed color-mix(in srgb, var(--color-secondary) 70%, transparent) !important;
  border-radius: var(--cb-radius) !important;
  background: color-mix(in srgb, var(--color-body) 40%, var(--color-box-body)) !important;
}

.cb-empty {
  text-align: center;
  padding: 40px 20px;
}

.cb-empty__mark {
  width: 14px;
  height: 14px;
  margin: 0 auto 14px;
  border-radius: 4px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 85%, #fff), var(--color-primary));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary) 16%, transparent);
}

.cb-empty__title {
  margin: 0 0 8px;
  font-size: 1.2rem;
  letter-spacing: -0.02em;
  color: var(--color-text-dark);
}

.cb-empty__desc {
  margin: 0 auto 18px;
  max-width: 42ch;
  color: var(--color-text-light-1);
  line-height: 1.55;
}

.cb-empty__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

/* repo header rewrite surface */
.cb-repohead {
  margin-bottom: 10px;
}

.cb-repohead__card.repo-header,
.repository .cb-repohead__card {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 60%, transparent) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--color-primary) 9%, var(--color-box-body)),
      var(--color-box-body)) !important;
  padding: 18px 18px 14px !important;
  margin-bottom: 12px !important;
  box-shadow: var(--cb-elev-sm);
}

.cb-repohead__title {
  letter-spacing: -0.02em;
  font-weight: 650 !important;
}

.cb-repohead__actions .ui.button,
.cb-repohead__actions .ui.labeled.button {
  border-radius: 999px !important;
}

.cb-repo__sidebar .repo-home-sidebar-top,
.cb-repo__sidebar .repo-home-sidebar-bottom,
.repo-home-sidebar-top,
.repo-home-sidebar-bottom {
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 60%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 94%, transparent) !important;
  padding: 14px !important;
  margin-bottom: 12px !important;
  box-shadow: var(--cb-elev-sm);
}

.cb-banner.ui.warning.message {
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-warning) 35%, var(--color-secondary)) !important;
}

/* profile */
.cb-profile__main {
  margin-top: 12px;
}

#profile-avatar-card {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 65%, transparent) !important;
  box-shadow: var(--cb-elev-sm) !important;
  overflow: hidden;
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent) !important;
}

#profile-avatar-card .header {
  letter-spacing: -0.02em;
  font-weight: 650 !important;
}

#profile-avatar-card .username {
  font-family: var(--cb-mono) !important;
  font-size: 0.92rem;
  color: var(--color-text-light-1);
}

/* dashboard vue sidebar mount */
#dashboard-repo-list.flex-container-sidebar,
.dashboard .flex-container-sidebar {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 65%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 94%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  padding: 12px !important;
}

/* footer rewrite */
.page-footer.cb-footer {
  margin-top: 36px !important;
  padding: 0 !important;
  border-top: 1px solid color-mix(in srgb, var(--color-secondary) 40%, transparent) !important;
  background: color-mix(in srgb, var(--color-nav-bg) 78%, transparent) !important;
}

.cb-footer__inner {
  width: min(100% - 32px, var(--cb-content));
  margin: 0 auto;
  padding: 22px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.cb-footer__brand {
  font-weight: 650;
  letter-spacing: -0.02em;
  color: var(--color-text-dark);
  margin-right: 8px;
}

.cb-footer .left-links,
.cb-footer .right-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  opacity: 0.9;
  font-size: 0.9rem;
}

/* issues dashboard shell inherits */
.dashboard.issues .cb-panel,
.dashboard.issues .flex-container-main,
.cb-issues .cb-panel,
.cb-milestones .cb-panel,
.cb-issue-list .cb-panel {
  border-radius: var(--cb-radius-lg) !important;
}

.dashboard .flex-container-nav .ui.vertical.menu,
.cb-sidenav.ui.vertical.menu,
.cb-sidenav.ui.menu {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 60%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 92%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  padding: 6px !important;
}

.dashboard .flex-container-nav .ui.vertical.menu .item,
.cb-sidenav .item {
  border-radius: var(--cb-radius-sm) !important;
  margin: 2px 0 !important;
}

.dashboard .flex-container-nav .ui.vertical.menu .item.active,
.cb-sidenav .item.active {
  background: color-mix(in srgb, var(--color-primary) 16%, var(--color-box-body)) !important;
}

/* =========================================================
   APP SHELL v6 — issues / settings / org shells
   ========================================================= */
.cb-issues__body,
.cb-milestones__body,
.cb-settings__body {
  margin-top: 8px !important;
  gap: 16px !important;
}

.cb-issue-list__toolbar {
  margin: 8px 0 12px !important;
  gap: 8px;
  flex-wrap: wrap;
}

.cb-issue-list__panel {
  margin-bottom: 16px;
}

.cb-issue-pins {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.cb-issue-pins .issue-card {
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 60%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 94%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  padding: 12px !important;
}

.cb-milestone-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cb-milestone-card.milestone-card,
.milestone-list .milestone-card {
  list-style: none;
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 60%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  padding: 14px 16px !important;
}

.cb-milestone-card progress,
.milestone-list progress {
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  accent-color: var(--color-primary);
}

/* settings shell */
.cb-settings .flex-container-nav {
  min-width: 220px;
}

.cb-settings .cb-panel .ui.form,
.cb-settings .cb-panel .ui.segment,
.cb-settings .cb-panel .ui.table {
  border-radius: var(--cb-radius) !important;
}

.cb-settings .cb-sidenav .header.item {
  font-size: 0.72rem !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-text-light-1) !important;
  opacity: 0.9;
  background: transparent !important;
  border: none !important;
}

/* org shell */
.cb-orghead {
  margin-top: 8px;
  margin-bottom: 10px;
}

.cb-orghead__card {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  border-radius: var(--cb-radius-lg);
  border: 1px solid color-mix(in srgb, var(--color-secondary) 60%, transparent);
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--color-primary) 9%, var(--color-box-body)),
      var(--color-box-body));
  box-shadow: var(--cb-elev-sm);
  padding: 18px;
}

.cb-orghead .org-avatar,
.cb-orghead img.org-avatar {
  border-radius: var(--cb-radius) !important;
  width: 88px !important;
  height: 88px !important;
}

.cb-orghead__title {
  letter-spacing: -0.02em;
  font-weight: 650 !important;
  margin-top: 0 !important;
}

.cb-org__main {
  margin-top: 4px;
}

.cb-org .ui.attached.segment,
.cb-org .ui.top.attached.header {
  border-radius: var(--cb-radius) !important;
  border-color: color-mix(in srgb, var(--color-secondary) 60%, transparent) !important;
}

.cb-org .ui.top.attached.header {
  background: color-mix(in srgb, var(--color-box-body) 94%, transparent) !important;
}

/* issue list filters inside panel */
.cb-issue-list .list-header,
.cb-issues .list-header,
.cb-milestones .list-header {
  gap: 10px;
  margin-bottom: 12px !important;
}

.cb-issue-list .issue-list-toolbar,
.repository.issue-list .issue-list-toolbar {
  border-radius: var(--cb-radius-sm);
  padding: 8px;
  background: color-mix(in srgb, var(--color-body) 35%, var(--color-box-body));
}

@media (max-width: 768px) {
  .cb-orghead__card {
    flex-direction: column;
  }
  .cb-settings__body {
    flex-direction: column !important;
  }
}

/* =========================================================
   APP SHELL v7 — issue detail, issuelist rows, code browse
   ========================================================= */
.cb-issue-row.flex-item,
#issue-list.cb-list .flex-item {
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  padding: 12px 14px !important;
  margin: 0 0 8px !important;
  transition: border-color 140ms var(--cb-ease), box-shadow 140ms var(--cb-ease);
}

.cb-issue-row:hover,
#issue-list.cb-list .flex-item:hover {
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-secondary)) !important;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--color-shadow-opaque) 22%, transparent);
}

.cb-issue-row .issue-title,
#issue-list .issue-title {
  font-weight: 600 !important;
  letter-spacing: -0.015em;
  color: var(--color-text-dark) !important;
}

.cb-issue-row .index,
#issue-list .index {
  font-family: var(--cb-mono) !important;
  font-size: 0.85rem;
  opacity: 0.85;
}

.cb-issue-row .labels-list .ui.label,
#issue-list .labels-list .ui.label {
  border-radius: 999px !important;
}

/* issue / PR detail */
.cb-issue-view.page-content {
  padding-top: 4px !important;
}

.cb-issue-view > .ui.container {
  width: min(100% - (var(--cb-page-inline) * 2), var(--cb-content)) !important;
}

.cb-issue-view .cb-issue-title.issue-title-header {
  border-radius: var(--cb-radius-lg);
  border: 1px solid color-mix(in srgb, var(--color-secondary) 60%, transparent);
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--color-primary) 8%, var(--color-box-body)),
      var(--color-box-body));
  box-shadow: var(--cb-elev-sm);
  padding: 12px 16px 10px !important;
  margin-bottom: 12px !important;
  width: 100% !important;
  box-sizing: border-box;
}

.cb-issue-view .issue-title {
  gap: 10px;
}

.cb-issue-view .issue-title h1 {
  letter-spacing: -0.03em;
  font-weight: 700 !important;
  line-height: 1.2;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem) !important;
}

.cb-issue-view .issue-title .index {
  font-family: var(--cb-mono) !important;
  font-weight: 500;
  opacity: 0.7;
}

.cb-issue-view .issue-state-label {
  border-radius: 999px !important;
  font-weight: 600 !important;
}

.cb-issue-view .issue-title-meta {
  margin-top: 8px !important;
  gap: 8px;
}

.cb-issue-content.issue-content {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.cb-issue-content > .issue-content-left {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

.cb-issue-content > .issue-content-right,
.cb-issue-sidebar.issue-content-right {
  flex: 0 0 280px !important;
  width: 280px !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* timeline: reclaim avatar gutter without breaking badges */
.cb-issue-view .comment-list.prevent-before-timeline,
.cb-issue-view .issue-content-left.comment-list {
  margin: 0 !important;
  padding: 0 !important;
}

.cb-issue-view .comment-list .timeline.cb-timeline,
.cb-issue-view .comment-list .cb-timeline {
  margin-left: 48px !important;
  padding-left: 12px !important;
}

.cb-issue-view .comment-list .timeline-item {
  margin-left: 12px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.cb-issue-view .comment-list .timeline-item.comment > .content {
  margin-left: -12px !important;
}

.cb-issue-view .comment-list .timeline-item .timeline-avatar {
  left: -56px !important;
}

.cb-timeline .timeline-item.comment .comment-container,
.cb-comment .comment-container {
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  overflow: hidden;
}

.cb-timeline .comment-header {
  background: color-mix(in srgb, var(--color-body) 30%, var(--color-box-body)) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 50%, transparent) !important;
  padding: 8px 12px !important;
}

.cb-timeline .comment-body.ui.segment,
.cb-timeline .comment-body {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 12px 14px !important;
  margin: 0 !important;
}

.cb-issue-sidebar.issue-content-right {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 60%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 94%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  padding: 12px !important;
  box-sizing: border-box;
}

.cb-issue-sidebar .ui.header,
.cb-issue-sidebar .divider {
  opacity: 0.95;
}

.cb-issue-sidebar .ui.header {
  margin: 0 0 8px !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cb-issue-sidebar .divider {
  margin: 10px 0 !important;
}

/* list shell: less outer air */
.cb-issue-list.page-content > .ui.container,
.repository.issue-list.page-content > .ui.container {
  width: min(100% - (var(--cb-page-inline) * 2), var(--cb-content)) !important;
}

.cb-issue-list__panel,
.cb-issue-list .cb-panel {
  padding: 12px !important;
}

.cb-issue-row.flex-item,
#issue-list.cb-list .flex-item {
  padding: 10px 12px !important;
  margin: 0 0 6px !important;
}

@media (max-width: 991.98px) {
  .cb-issue-content.issue-content {
    flex-direction: column !important;
    gap: 14px !important;
  }
  .cb-issue-content > .issue-content-left,
  .cb-issue-content > .issue-content-right,
  .cb-issue-sidebar.issue-content-right {
    width: 100% !important;
    flex: 1 1 auto !important;
  }
  .cb-issue-view .comment-list .timeline.cb-timeline,
  .cb-issue-view .comment-list .cb-timeline {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .cb-issue-view .comment-list .timeline-item {
    margin-left: 0 !important;
  }
  .cb-issue-view .comment-list .timeline-item.comment > .content {
    margin-left: 0 !important;
  }
}

/* code browse */
.cb-code .repo-view-content.cb-panel,
.cb-repo .repo-home-filelist.cb-panel {
  padding: 12px !important;
}

.cb-filetable#repo-files-table,
#repo-files-table.cb-filetable {
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  overflow: hidden;
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent);
}

.cb-filetable__head.repo-file-last-commit,
.cb-filetable .repo-file-last-commit {
  background: color-mix(in srgb, var(--color-primary) 7%, var(--color-box-body)) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 50%, transparent) !important;
}

.cb-filetable__row.repo-file-item,
.cb-filetable .repo-file-item {
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 40%, transparent) !important;
  transition: background 120ms var(--cb-ease);
}

.cb-filetable .repo-file-item:hover {
  background: color-mix(in srgb, var(--color-primary) 6%, transparent) !important;
}

.cb-filetable .entry-name {
  font-weight: 500;
}

.cb-filetable .repo-file-cell.message {
  font-size: 0.9rem;
  color: var(--color-text-light-1);
}

.cb-fileview .cb-fileview__header.file-header,
.cb-fileview .file-header {
  border-radius: var(--cb-radius) var(--cb-radius) 0 0 !important;
  background: color-mix(in srgb, var(--color-primary) 7%, var(--color-box-body)) !important;
  border-color: color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
}

.cb-fileview .ui.bottom.attached.segment {
  border-radius: 0 0 var(--cb-radius) var(--cb-radius) !important;
  border-color: color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  overflow: hidden;
}

.cb-fileview__commit {
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
}

.cb-commits__panel {
  margin-top: 10px;
}

.cb-commits .commits-table,
.cb-commits table {
  border-radius: var(--cb-radius) !important;
}

.repository.view.issue .ui.menu.tabular,
.cb-issue-view .ui.menu.tabular {
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--color-box-body) 82%, transparent) !important;
  border: none !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-secondary) 55%, transparent);
  padding: 4px !important;
}

.repository.view.issue .ui.menu.tabular .item,
.cb-issue-view .ui.menu.tabular .item {
  border-radius: 999px !important;
  border: none !important;
}

/* =========================================================
   APP SHELL v8 — releases, wiki, actions, notifs, diff, 404
   ========================================================= */
.cb-release-card.release-entry,
#release-list .cb-release-card {
  display: grid;
  gap: 12px;
  margin-bottom: 14px !important;
}

.cb-release-card__detail.ui.segment,
#release-list .ui.segment.detail {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
}

.cb-release-card__meta,
#release-list .meta {
  font-family: var(--cb-mono);
  font-size: 0.85rem;
}

.cb-releases .release-list-title {
  letter-spacing: -0.02em;
  font-weight: 650 !important;
}

/* wiki */
.cb-wiki__header.ui.dividing.header {
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  padding-bottom: 12px !important;
}

.cb-wiki__content.wiki-content-parts {
  border-radius: var(--cb-radius-lg);
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent);
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent);
  box-shadow: var(--cb-elev-sm);
  padding: 18px !important;
  margin-top: 12px;
}

.cb-wiki .wiki-pages-list {
  border-radius: var(--cb-radius) !important;
  overflow: hidden;
}

/* actions */
.cb-actions__layout.flex-container {
  gap: 16px;
}

.cb-actions__nav .ui.vertical.menu {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  overflow: hidden;
}

.cb-actions__toolbar.ui.header {
  border-radius: var(--cb-radius) var(--cb-radius) 0 0 !important;
  background: color-mix(in srgb, var(--color-primary) 7%, var(--color-box-body)) !important;
}

.cb-action-run.flex-item,
.cb-actions__runs .flex-item {
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 50%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  margin-bottom: 8px !important;
  padding: 12px 14px !important;
}

.cb-action-run:hover {
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-secondary)) !important;
}

/* notifications */
.cb-notif-row.notifications-item,
.cb-notifications .notifications-item {
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 50%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  padding: 12px 14px !important;
  margin-bottom: 8px !important;
  transition: border-color 140ms var(--cb-ease), box-shadow 140ms var(--cb-ease);
}

.cb-notif-row:hover {
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-secondary)) !important;
}

.cb-notifications__toolbar .cb-tabs.ui.menu {
  border-radius: 999px !important;
}

/* PR tabs + diff */
.cb-pr-tabs.ui.pull.tabs.container,
.cb-pr-tabs {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

.cb-pr-tabs .tabs.divider,
.cb-pr-tabs .ui.tabs.divider {
  display: none !important;
  margin: 0 !important;
  border: none !important;
  height: 0 !important;
}

.cb-pr-tabs .ui.tabular.menu,
.cb-pr-tabs .ui.top.attached.pull.tabular.menu,
.cb-pr-tabs .cb-tabs {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  flex-wrap: wrap;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--color-box-body) 82%, transparent) !important;
  border: none !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-secondary) 55%, transparent);
  padding: 3px !important;
  margin: 0 !important;
  min-height: 0 !important;
}

.cb-pr-tabs .ui.tabular.menu .item,
.cb-pr-tabs .cb-tabs .item {
  border-radius: 999px !important;
  border: none !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  min-height: 0 !important;
  font-weight: 500 !important;
}

.cb-pr-tabs .ui.tabular.menu .item.active,
.cb-pr-tabs .cb-tabs .item.active {
  background: color-mix(in srgb, var(--color-primary) 18%, var(--color-box-body)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 28%, transparent);
}

.cb-pr-tabs .ui.tabular.menu .item .ui.label,
.cb-pr-tabs .cb-tabs .item .ui.label {
  border-radius: 999px !important;
  margin-left: 6px !important;
}

.cb-diff__detail.diff-detail-box,
.cb-diff .diff-detail-box {
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 94%, transparent) !important;
  box-shadow: none !important;
  padding: 8px 12px !important;
  margin: 0 0 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.cb-diff .diff-file-box,
.cb-commit .diff-file-box {
  border-radius: var(--cb-radius) !important;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  box-shadow: none !important;
  margin: 0 0 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.cb-diff .diff-file-box .header,
.cb-commit .diff-file-box .header {
  background: color-mix(in srgb, var(--color-primary) 7%, var(--color-box-body)) !important;
}

.cb-commit__header.commit-header {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--color-primary) 8%, var(--color-box-body)),
      var(--color-box-body)) !important;
  box-shadow: var(--cb-elev-sm);
}

/* status pages */
.cb-status__card.status-page-error {
  max-width: 560px;
  margin: 48px auto !important;
  padding: 32px 28px !important;
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent);
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent);
  box-shadow: var(--cb-elev);
  text-align: center;
}

.cb-status__code {
  font-family: var(--cb-mono) !important;
  font-size: 3rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.04em;
  color: color-mix(in srgb, var(--color-primary) 70%, var(--color-text)) !important;
  margin-bottom: 8px !important;
}

.cb-status__msg {
  color: var(--color-text-light-1);
}

/* =========================================================
   APP SHELL v9 — spacing / margin density pass
   ========================================================= */
.page-content.cb-app {
  padding-bottom: 28px;
}

.cb-pagehead {
  width: min(100% - (var(--cb-page-inline) * 2), var(--cb-content));
  margin: 4px auto 0;
}

.repository .header-wrapper {
  margin-bottom: 8px !important;
}

.cb-issue-view .ui.menu.tabular,
.repository.view.issue .ui.menu.tabular {
  margin: 0 0 12px !important;
}

/* =========================================================
   APP SHELL v10 — alignment + density (audit-driven)
   metrics @1440: header was x80/w1280, body x100/w1240
   comment gutter ate ~61px; title/sidebar over-carded
   ========================================================= */

/* kill full-bleed secondary-nav band that fights the column */
.secondary-nav.cb-repohead {
  background: transparent !important;
  margin-bottom: 8px !important;
  padding-top: 8px !important;
  width: 100% !important;
  max-width: none !important;
}

.cb-repohead__card.repo-header,
.repository .cb-repohead__card {
  padding: 12px 14px !important;
  margin-bottom: 8px !important;
  border-radius: var(--cb-radius) !important;
}

.cb-repohead__eyebrow {
  display: none !important;
}

/* issue title: strip heavy card chrome — underline only */
.cb-issue-view .cb-issue-title.issue-title-header {
  border: none !important;
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 4px 0 12px !important;
  margin-bottom: 16px !important;
}

.cb-issue-view .issue-title h1 {
  font-size: clamp(1.25rem, 1.8vw, 1.55rem) !important;
  line-height: 1.25 !important;
}

/* main/sidebar: denser, more comment width */
.cb-issue-content.issue-content {
  gap: 16px !important;
}

.cb-issue-content > .issue-content-right,
.cb-issue-sidebar.issue-content-right {
  flex: 0 0 260px !important;
  width: 260px !important;
}

.cb-issue-sidebar.issue-content-right {
  border-radius: var(--cb-radius) !important;
  padding: 10px 12px !important;
  background: color-mix(in srgb, var(--color-box-body) 88%, transparent) !important;
}

/* timeline: compact avatar column — reclaim ~40px into comments */
.cb-issue-view .comment-list .timeline.cb-timeline,
.cb-issue-view .comment-list .cb-timeline {
  margin-left: 44px !important;
  padding-left: 8px !important;
}

.cb-issue-view .comment-list .timeline-item {
  margin-left: 0 !important;
  padding-top: 4px !important;
  padding-bottom: 10px !important;
}

.cb-issue-view .comment-list .timeline-item.comment > .content {
  margin-left: 0 !important;
}

.cb-issue-view .comment-list .timeline-item .timeline-avatar {
  left: -52px !important;
  width: 36px !important;
  height: 36px !important;
}

.cb-issue-view .comment-list .timeline-item .timeline-avatar img,
.cb-issue-view .comment-list .timeline-item .timeline-avatar .avatar {
  width: 36px !important;
  height: 36px !important;
}

.cb-issue-view .comment-list .timeline:before {
  left: 18px !important;
}

.cb-timeline .timeline-item.comment .comment-container,
.cb-comment .comment-container {
  border-radius: var(--cb-radius-sm) !important;
  box-shadow: none !important;
}

.cb-timeline .comment-header {
  padding: 6px 10px !important;
}

.cb-timeline .comment-body.ui.segment,
.cb-timeline .comment-body {
  padding: 10px 12px !important;
}

/* PR tabs sit flush under title */
.cb-issue-view .cb-pr-tabs {
  margin: 0 0 12px !important;
}

/* fluid PR files/commits container: same column, no padded bleed */
.page-content.cb-diff > .ui.container.fluid,
.page-content.cb-commits > .ui.container.fluid,
.page-content.pull.files > .ui.container.fluid,
.page-content.pull.commits > .ui.container.fluid,
.ui.container.fluid.padded {
  max-width: var(--cb-content) !important;
  width: min(100% - (var(--cb-page-inline) * 2), var(--cb-content)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* kill Gitea diff sticky bar negative margins */
.page-content.cb-diff .diff-detail-box,
.diff-detail-box.sticky,
.repository .diff-detail-box {
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
}

/* PR merge box denser + aligned with comments */
.cb-issue-view .pull-merge-box,
.cb-issue-view .timeline-item.pull-merge-box {
  margin-left: 0 !important;
}

.cb-issue-view .pull-merge-box > .content,
.cb-issue-view .merge-section {
  border-radius: var(--cb-radius-sm) !important;
}

.cb-issue-view .merge-section.ui.attached.segment,
.cb-issue-view .pull-merge-box .ui.attached.segment {
  border-color: color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  box-shadow: none !important;
}

/* PR commits table inside column */
.cb-commits .commit-table,
.cb-commits .ui.attached.table.segment {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: var(--cb-radius) !important;
  overflow: hidden;
}

/* list rows denser */
.cb-issue-row.flex-item,
#issue-list.cb-list .flex-item {
  padding: 8px 10px !important;
  margin: 0 0 4px !important;
  border-radius: var(--cb-radius-sm) !important;
  box-shadow: none !important;
}

.cb-issue-list__panel,
.cb-issue-list .cb-panel {
  padding: 10px !important;
}

/* panels less puffy globally in app shell */
.page-content.cb-app .cb-panel {
  padding: 12px !important;
  border-radius: var(--cb-radius) !important;
}

@media (max-width: 991.98px) {
  .cb-issue-content > .issue-content-right,
  .cb-issue-sidebar.issue-content-right {
    width: 100% !important;
    flex: 1 1 auto !important;
  }
  .cb-issue-view .comment-list .timeline.cb-timeline,
  .cb-issue-view .comment-list .cb-timeline {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .cb-issue-view .comment-list .timeline-item .timeline-avatar {
    position: static !important;
    left: auto !important;
    margin-bottom: 6px;
  }
}

/* =========================================================
   APP SHELL v12 — icon scale + spacing (PR/issue audit)
   - merge svg 40px overflowed 36px avatar box
   - event/commit icons sat off avatar rail
   - title→tabs / sidebar combo spacing too airy
   ========================================================= */

/* unified icon rhythm */
.cb-issue-view svg.svg,
.cb-issue-view .octicon,
.cb-pr-tabs svg,
.cb-diff svg,
.cb-commits svg {
  flex-shrink: 0;
}

.cb-issue-view .ui.button > svg,
.cb-issue-view .ui.button .svg,
.cb-issue-view .btn > svg {
  width: 16px !important;
  height: 16px !important;
}

.cb-issue-view .ui.tiny.button > svg,
.cb-issue-view .ui.compact.tiny.button > svg {
  width: 14px !important;
  height: 14px !important;
}

/* state label: icon + text gap */
.cb-issue-view .issue-state-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  line-height: 1.2 !important;
}

.cb-issue-view .issue-state-label > svg,
.cb-issue-view .issue-state-label .svg {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}

/* title meta denser */
.cb-issue-view .issue-title-meta {
  margin-top: 6px !important;
  gap: 8px !important;
  align-items: center !important;
}

.cb-issue-view .issue-title-meta .btn.interact-fg,
.cb-issue-view .issue-title-meta button.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  margin-left: 2px !important;
  vertical-align: middle;
}

.cb-issue-view .issue-title-meta .btn.interact-fg svg,
.cb-issue-view .issue-title-meta button.btn svg {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
}

.cb-issue-view .cb-issue-title.issue-title-header {
  padding: 2px 0 10px !important;
  margin-bottom: 10px !important;
}

/* PR tabs: tighter icon/text/label */
.cb-pr-tabs .ui.tabular.menu .item,
.cb-pr-tabs .cb-tabs .item {
  gap: 6px !important;
  padding: 6px 10px !important;
}

.cb-pr-tabs .ui.tabular.menu .item > svg,
.cb-pr-tabs .cb-tabs .item > svg {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
}

.cb-pr-tabs .ui.tabular.menu .item .ui.label,
.cb-pr-tabs .cb-tabs .item .ui.label {
  margin-left: 2px !important;
  padding: 2px 7px !important;
  min-width: 1.4em;
  justify-content: center;
}

.cb-issue-view .cb-pr-tabs {
  margin: 0 0 10px !important;
}

/* merge icon must fit avatar column */
.cb-issue-view .pull-merge-box .timeline-avatar,
.cb-issue-view .timeline-item.pull-merge-box .timeline-avatar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  overflow: hidden;
}

.cb-issue-view .pull-merge-box .timeline-avatar > svg,
.cb-issue-view .timeline-item.pull-merge-box .timeline-avatar > svg {
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
}

/* event / commit rail icons: center on avatar track */
.cb-issue-view .comment-list .timeline-item.event,
.cb-issue-view .comment-list .timeline-item.commits-list {
  position: relative;
  padding-left: 0 !important;
  padding-top: 2px !important;
  padding-bottom: 6px !important;
  gap: 8px !important;
  min-height: 28px;
  align-items: center !important;
}

.cb-issue-view .comment-list .timeline-item.event > svg,
.cb-issue-view .comment-list .timeline-item.event > .svg,
.cb-issue-view .comment-list .timeline-item.commits-list > svg,
.cb-issue-view .comment-list .timeline-item.commits-list .avatar + svg,
.cb-issue-view .comment-list .timeline-item.event .badge svg,
.cb-issue-view .comment-list .timeline-item .badge svg,
.cb-issue-view .comment-list .timeline-item.event .timeline-badge svg {
  width: 16px !important;
  height: 16px !important;
}

/* event/commit badges sit on the avatar rail */
.cb-issue-view .comment-list .timeline-item.event > .badge,
.cb-issue-view .comment-list .timeline-item.commits-list .badge,
.cb-issue-view .comment-list .timeline-item .badge {
  position: absolute !important;
  left: -45px !important;
  top: 50% !important;
  transform: translateY(-50%);
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: color-mix(in srgb, var(--color-box-body) 96%, var(--color-body)) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  z-index: 1;
}

.cb-issue-view .comment-list .timeline-item.event > .badge > svg.svg,
.cb-issue-view .comment-list .timeline-item.commits-list .badge > svg.svg,
.cb-issue-view .comment-list .timeline-item .badge > svg.svg,
.cb-issue-view .comment-list .timeline-item .badge svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  margin: 0 !important;
}

/* commits-list is a block with nested flex row — keep rail space */
.cb-issue-view .comment-list .timeline-item.commits-list {
  padding-left: 0 !important;
}

.cb-issue-view .comment-list .timeline-item.commits-list > .flex-text-block {
  position: relative;
  padding-left: 0 !important;
  gap: 8px !important;
  align-items: center !important;
}

.cb-issue-view .comment-list .timeline-item.commits-list .avatar img {
  width: 20px !important;
  height: 20px !important;
}

/* comment avatar images crisp */
.cb-issue-view .comment-list .timeline-item .timeline-avatar img {
  border-radius: 999px !important;
  object-fit: cover;
}

/* sidebar: less divider air, tighter combos */
.cb-issue-sidebar .divider {
  margin: 6px 0 !important;
}

.cb-issue-sidebar .issue-sidebar-combo {
  margin: 0 !important;
  padding: 2px 0 !important;
}

.cb-issue-sidebar .issue-sidebar-combo .ui.header,
.cb-issue-sidebar .ui.header {
  margin: 0 0 4px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.cb-issue-sidebar .issue-sidebar-combo .ui.header svg,
.cb-issue-sidebar .ui.header svg {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  opacity: 0.85;
}

.cb-issue-sidebar {
  padding: 8px 10px !important;
}

/* merge box content denser */
.cb-issue-view .pull-merge-box > .content {
  margin-left: 0 !important;
}

.cb-issue-view .pull-merge-box .merge-section,
.cb-issue-view .merge-section.ui.segment {
  padding: 10px 12px !important;
}

.cb-issue-view .pull-merge-box .ui.attached.segment {
  padding: 8px 12px !important;
}

/* repo secondary nav: icon-text gap */
.cb-repohead .ui.secondary.menu .item > svg,
.repository .header-wrapper .ui.secondary.menu .item > svg,
.overflow-menu-items .item > svg {
  width: 16px !important;
  height: 16px !important;
  margin: 0 6px 0 0 !important;
}

.cb-repohead .ui.secondary.menu .item,
.overflow-menu-items .item {
  gap: 6px !important;
}

/* diff detail toolbar icons */
.cb-diff .diff-detail-box svg,
.diff-detail-box svg {
  width: 16px !important;
  height: 16px !important;
}

.cb-diff .diff-detail-box {
  gap: 8px !important;
  align-items: center !important;
}

/* commits list row icons */
.cb-commits .commit-list svg,
.cb-commits .commits-table svg {
  width: 16px !important;
  height: 16px !important;
}

/* =========================================================
   APP SHELL v13 — high-traffic page shells
   new issue/PR, compare, branches, tags, search,
   milestones, labels, graph, packages, projects,
   activity, editor, release form
   ========================================================= */

/* new issue / PR form */
.cb-issue-new .cb-new-form,
.cb-compare .cb-new-form {
  gap: 16px;
}

.cb-new-form__main.ui.segment,
.cb-new-form .ui.segment.content {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
}

.cb-new-form #issue_title {
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  border-radius: var(--cb-radius-sm) !important;
}

.cb-new-form__side.issue-content-right,
.cb-new-form .issue-content-right.cb-panel {
  border-radius: var(--cb-radius-lg) !important;
  padding: 10px 12px !important;
}

.cb-issue-choose__list.cb-panel {
  padding: 0 !important;
  overflow: hidden;
}

.cb-choose-card.ui.attached.segment {
  border: none !important;
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 50%, transparent) !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 14px 16px !important;
}

.cb-choose-card:last-child {
  border-bottom: none !important;
}

.cb-choose-card strong {
  font-size: 1rem;
  letter-spacing: -0.02em;
  color: var(--color-text-dark);
}

/* compare / new PR */
.cb-compare .cb-compare__title.ui.header,
.cb-compare > .ui.container > .ui.header {
  letter-spacing: -0.03em;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
}

.cb-compare__chooser.choose.branch {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px !important;
  padding: 14px 16px !important;
}

.cb-compare__chooser .ui.basic.small.button {
  border-radius: 999px !important;
  font-weight: 500 !important;
}

.cb-compare__chooser .compare-separator {
  font-family: var(--cb-mono);
  font-weight: 600;
  padding: 0 4px;
}

.cb-compare .pullrequest-form,
.cb-compare .ui.segment.flex-text-block {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent);
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent);
  box-shadow: var(--cb-elev-sm);
  padding: 14px !important;
  margin-top: 12px;
}

.cb-compare__diff .diff-detail-box,
.cb-compare .diff-detail-box {
  border-radius: var(--cb-radius) !important;
}

/* branches */
.cb-branches .cb-panel-head.ui.header,
.cb-branches .ui.top.attached.header {
  border-radius: var(--cb-radius-lg) var(--cb-radius-lg) 0 0 !important;
  background: color-mix(in srgb, var(--color-primary) 7%, var(--color-box-body)) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  border-bottom: none !important;
  padding: 12px 16px !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em;
}

.cb-branches__panel.ui.attached.table.segment,
.cb-branches .ui.attached.table.segment {
  border-radius: 0 0 var(--cb-radius-lg) var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  overflow: hidden;
  margin-bottom: 16px !important;
}

.cb-branches .branch-name {
  font-family: var(--cb-mono);
  font-weight: 500;
}

.cb-branches .commit-divergence {
  gap: 4px;
}

.cb-branches .commit-divergence .bar {
  border-radius: 999px;
  height: 6px !important;
}

.cb-branches .btn.interact-bg {
  border-radius: var(--cb-radius-sm) !important;
}

/* tags */
.cb-tags .cb-panel-head.ui.header,
.cb-tags .ui.top.attached.header {
  border-radius: var(--cb-radius-lg) var(--cb-radius-lg) 0 0 !important;
  background: color-mix(in srgb, var(--color-primary) 7%, var(--color-box-body)) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  padding: 12px 16px !important;
  font-weight: 650 !important;
}

.cb-tags__list,
.cb-tags #tags-table {
  border-radius: 0 0 var(--cb-radius-lg) var(--cb-radius-lg);
}

.cb-tags .tag-list-row {
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 45%, transparent) !important;
  transition: background-color 140ms var(--cb-ease);
}

.cb-tags .tag-list-row:hover {
  background: color-mix(in srgb, var(--color-primary) 6%, transparent);
}

.cb-tags .tag-list-row-title {
  font-family: var(--cb-mono);
  font-weight: 600 !important;
  letter-spacing: -0.02em;
}

/* repo code search */
.cb-repo-search.cb-panel,
.cb-repo-search .cb-panel {
  padding: 16px !important;
}

/* milestones / labels */
.cb-milestones__list.milestone-list,
.cb-milestones .milestone-list {
  display: grid;
  gap: 10px;
  padding: 12px !important;
}

.cb-milestone-card.milestone-card,
.cb-milestones .milestone-card {
  list-style: none;
  border-radius: var(--cb-radius) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 50%, transparent) !important;
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  padding: 14px 16px !important;
  margin: 0 !important;
  transition: border-color 140ms var(--cb-ease);
}

.cb-milestone-card:hover,
.cb-milestones .milestone-card:hover {
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-secondary)) !important;
}

.cb-milestone-card .milestone-header h3,
.cb-milestones .milestone-header h3 {
  letter-spacing: -0.02em;
  font-weight: 650 !important;
}

.cb-milestone-card progress,
.cb-milestones progress {
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
}

.cb-milestone-form .ui.form.cb-panel,
.cb-labels .cb-panel,
.cb-release-form__body.ui.form {
  padding: 18px !important;
}

.cb-labels .issue-navbar,
.cb-milestone-form .issue-navbar,
.cb-issue-choose__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

/* graph / activity / packages / projects */
.cb-graph #git-graph-container.cb-panel {
  padding: 14px 16px !important;
  overflow: auto;
}

.cb-graph #git-graph-container .ui.header.dividing {
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 50%, transparent) !important;
  padding-bottom: 12px !important;
  margin-bottom: 12px !important;
  letter-spacing: -0.02em;
}

.cb-activity__layout {
  gap: 16px;
}

.cb-activity .flex-container-nav .ui.vertical.menu,
.cb-activity .flex-container-nav .menu {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  box-shadow: var(--cb-elev-sm);
  overflow: hidden;
}

.cb-packages .cb-panel,
.cb-projects .cb-panel {
  padding: 16px !important;
}

.cb-project-view .ui.container {
  margin-bottom: 8px;
}

/* editor */
.cb-editor .repo-editor-header {
  margin-bottom: 10px;
}

.cb-editor .ui.top.attached.header {
  border-radius: var(--cb-radius-lg) var(--cb-radius-lg) 0 0 !important;
  background: color-mix(in srgb, var(--color-primary) 6%, var(--color-box-body)) !important;
}

.cb-editor .ui.bottom.attached.segment {
  border-radius: 0 0 var(--cb-radius-lg) var(--cb-radius-lg) !important;
  border-color: color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  overflow: hidden;
}

.cb-editor .repo-editor-menu.ui.menu {
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--color-box-body) 88%, transparent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-secondary) 50%, transparent);
  border: none !important;
  padding: 3px !important;
}

.cb-editor .repo-editor-menu .item {
  border-radius: 999px !important;
  border: none !important;
  margin: 0 !important;
  padding: 8px 12px !important;
}

/* release form */
.cb-release-form .ui.dividing.header {
  letter-spacing: -0.03em;
  font-weight: 700 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 50%, transparent) !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px !important;
}

.cb-release-form__body.ui.form .field > label,
.cb-release-form .ui.form .field > label {
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}

/* generic page shells: denser toolbar buttons */
.cb-branches .ui.button,
.cb-tags .ui.button,
.cb-milestones .ui.button,
.cb-labels .ui.button,
.cb-compare .ui.button,
.cb-issue-new .ui.button,
.cb-issue-choose .ui.button {
  border-radius: 999px !important;
}

.cb-branches svg,
.cb-tags svg,
.cb-milestones svg,
.cb-labels svg,
.cb-graph svg,
.cb-compare svg {
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .cb-compare__chooser.choose.branch {
    flex-direction: column;
    align-items: stretch;
  }

  .cb-new-form.issue-content {
    flex-direction: column !important;
  }

  .cb-new-form__side {
    width: 100% !important;
  }
}

/* =========================================================
   APP SHELL v14 — create/empty/wiki-edit/migrate/org/admin
   ========================================================= */

/* form pages: create repo / org / migrate options */
.cb-form-page .ui.container.medium-width,
.cb-create .ui.container.medium-width {
  max-width: min(720px, 100%);
}

.cb-form-page .ui.top.attached.header,
.cb-create .ui.top.attached.header {
  border-radius: var(--cb-radius-lg) var(--cb-radius-lg) 0 0 !important;
  background: color-mix(in srgb, var(--color-primary) 7%, var(--color-box-body)) !important;
  border-color: color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  letter-spacing: -0.03em;
  font-weight: 700 !important;
  padding: 14px 18px !important;
}

.cb-form-page__body.ui.attached.segment,
.cb-create .cb-form-page__body {
  border-radius: 0 0 var(--cb-radius-lg) var(--cb-radius-lg) !important;
  border-color: color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  padding: 20px 22px !important;
  background: color-mix(in srgb, var(--color-box-body) 96%, transparent) !important;
}

.cb-form-page .ui.form .field > label,
.cb-create .ui.form .field > label,
.cb-migrate .ui.form .field > label {
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}

.cb-form-page .ui.primary.button,
.cb-create .ui.primary.button,
.cb-wiki-edit .ui.primary.button {
  border-radius: 999px !important;
}

/* empty repo guide */
.cb-empty-repo__guide.ui.attached.segment {
  border-radius: 0 0 var(--cb-radius-lg) var(--cb-radius-lg) !important;
  border-color: color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  overflow: hidden;
}

.cb-empty-repo .ui.top.attached.header {
  border-radius: var(--cb-radius-lg) var(--cb-radius-lg) 0 0 !important;
  background: color-mix(in srgb, var(--color-primary) 6%, var(--color-box-body)) !important;
  letter-spacing: -0.03em;
  font-weight: 700 !important;
}

.cb-empty-repo__guide .item h3 {
  letter-spacing: -0.02em;
  font-weight: 650 !important;
  margin-bottom: 10px !important;
}

.cb-empty-repo__guide pre,
.cb-empty-repo__guide code {
  font-family: "IBM Plex Mono", ui-monospace, monospace !important;
  font-size: 12.5px !important;
  border-radius: var(--cb-radius-md) !important;
}

.cb-empty-repo__guide .repo-button-row .ui.button {
  border-radius: 999px !important;
}

/* migrate service cards */
.cb-migrate .migrate-entries.ui.cards {
  gap: 14px;
  margin-top: 8px;
}

.cb-migrate .migrate-entry.ui.card {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, transform 0.15s ease, background 0.15s ease;
  background: color-mix(in srgb, var(--color-box-body) 94%, transparent) !important;
}

.cb-migrate .migrate-entry.ui.card:hover {
  border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-secondary)) !important;
  background: color-mix(in srgb, var(--color-primary) 5%, var(--color-box-body)) !important;
  transform: translateY(-1px);
}

.cb-migrate .migrate-entry .header {
  letter-spacing: -0.02em;
  font-weight: 700 !important;
}

/* forks list */
.cb-forks__list h2.ui.header {
  letter-spacing: -0.03em;
  font-weight: 700 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 50%, transparent) !important;
  padding-bottom: 10px !important;
}

/* wiki edit */
.cb-wiki-edit .ui.header {
  letter-spacing: -0.03em;
  font-weight: 700 !important;
}

.cb-wiki-edit__form.cb-panel {
  padding: 18px 20px !important;
  margin-top: 8px;
}

/* org members / teams */
.cb-org-members .flex-list,
.cb-org-teams .ui.grid {
  margin-top: 4px;
}

.cb-org-members .flex-item,
.cb-org-teams .ui.top.attached.header {
  border-radius: var(--cb-radius-md) !important;
}

.cb-org-teams .ui.top.attached.header {
  background: color-mix(in srgb, var(--color-primary) 5%, var(--color-box-body)) !important;
  border-color: color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
}

.cb-org-teams .ui.attached.segment.members {
  border-color: color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  min-height: 52px;
}

.cb-org-teams .ui.bottom.attached.header {
  border-radius: 0 0 var(--cb-radius-md) var(--cb-radius-md) !important;
  border-color: color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
}

.cb-org-members .ui.primary.button,
.cb-org-teams .ui.primary.button,
.cb-org-team-form .ui.primary.button {
  border-radius: 999px !important;
}

.cb-org-team .ui.container {
  margin-top: 4px;
}

/* admin + org settings reuse cb-settings */
.cb-admin .cb-settings__body,
.cb-org-settings .cb-settings__body {
  gap: 20px;
  align-items: flex-start;
}

.cb-admin.page-content .ui.container.fluid.padded {
  max-width: var(--cb-content);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--cb-page-inline) !important;
  padding-right: var(--cb-page-inline) !important;
}

.cb-admin .cb-sidenav .header.item,
.cb-org-settings .cb-sidenav .header.item {
  letter-spacing: -0.02em;
  font-weight: 700 !important;
}

.cb-admin .cb-panel .ui.top.attached.header,
.cb-org-settings .cb-panel .ui.top.attached.header,
.cb-settings .cb-panel .ui.top.attached.header {
  border-radius: var(--cb-radius-md) var(--cb-radius-md) 0 0 !important;
  background: color-mix(in srgb, var(--color-primary) 5%, var(--color-box-body)) !important;
}

.cb-admin .cb-panel .ui.attached.segment,
.cb-admin .cb-panel .ui.attached.table.segment,
.cb-org-settings .cb-panel .ui.attached.segment {
  border-color: color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
}

.cb-admin .ui.primary.button,
.cb-settings .ui.primary.button {
  border-radius: 999px !important;
}

/* editor upload dropzone area */
.cb-editor .field .dropzone,
.cb-editor .ui.comment.form .field {
  border-radius: var(--cb-radius-lg);
}

@media (max-width: 767px) {
  .cb-migrate .migrate-entries.ui.cards {
    flex-direction: column;
  }

  .cb-form-page .ui.form.left-right-form .inline.field > label {
    width: 100% !important;
  }
}
/* =========================================================
   APP SHELL v15 — auth suite, watchers, blame, packages, density
   ========================================================= */

/* expand auth shell to all auth page roots */
.page-content.user.signin.cb-auth,
.page-content.user.signup.cb-auth,
.page-content.user.forgot.password.cb-auth,
.page-content.user.reset.password.cb-auth,
.page-content.user.activate.cb-auth,
.page-content.user.link-account.cb-auth {
  min-height: calc(100dvh - var(--cb-nav-h) - 40px);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 28px 16px 48px !important;
}

.cb-auth__shell--wide {
  width: min(100%, 460px);
}

.cb-auth__card--center {
  text-align: center;
}

.cb-auth__card--tabs {
  padding-bottom: 12px;
  margin-bottom: 14px;
}

.cb-auth__tabs {
  margin-top: 4px !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.cb-auth__msg {
  margin: 0 0 8px;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--color-text-light-1);
}

.cb-auth__eyebrow {
  margin: 0 0 10px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-primary);
}

.cb-auth__details {
  margin: 12px 0 16px;
  padding: 10px 12px;
  border-radius: var(--cb-radius-sm);
  border: 1px solid color-mix(in srgb, var(--color-secondary) 60%, transparent);
  background: color-mix(in srgb, var(--color-body) 35%, var(--color-box-body));
}

.cb-auth__details summary {
  cursor: pointer;
  font-weight: 560;
  color: var(--color-text-dark);
}

.cb-auth__webauthn {
  padding: 8px 0 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.cb-auth__webauthn h3 {
  margin: 0;
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

.cb-auth__webauthn-wait {
  margin-top: 8px;
  min-height: 44px;
  color: var(--color-text-light-1);
  font-size: 0.92rem;
}

.cb-auth__error {
  text-align: left;
  border-radius: var(--cb-radius-md) !important;
  margin-bottom: 14px !important;
}

.cb-auth__form input[type="number"] {
  min-height: 44px !important;
  border-radius: var(--cb-radius-sm) !important;
}

/* watchers / user cards */
.cb-watchers .ui.container,
.cb-user-cards {
  max-width: var(--cb-content);
}

.cb-user-cards__title {
  border: none !important;
  letter-spacing: -0.03em;
  font-weight: 700 !important;
  margin: 8px 0 18px !important;
  padding-bottom: 0 !important;
}

.cb-user-cards__list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cb-user-card {
  border-radius: var(--cb-radius-md) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 60%, transparent) !important;
  box-shadow: none !important;
  background: var(--color-box-body) !important;
  padding: 16px !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.cb-user-card:hover {
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-secondary)) !important;
  box-shadow: var(--cb-elev) !important;
}

.cb-user-card .name {
  margin: 0;
  font-size: 1rem;
  letter-spacing: -0.02em;
}

.cb-user-card .meta {
  font-size: 0.86rem;
  color: var(--color-text-light-1);
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 1.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* blame */
.cb-blame-page .cb-blame,
.cb-blame {
  border-radius: var(--cb-radius-lg);
  overflow: hidden;
}

.cb-blame__header.file-header {
  border-radius: var(--cb-radius-md) var(--cb-radius-md) 0 0 !important;
  background: color-mix(in srgb, var(--color-primary) 5%, var(--color-box-body)) !important;
  border-color: color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
}

.cb-blame__body {
  border-color: color-mix(in srgb, var(--color-secondary) 55%, transparent) !important;
  border-radius: 0 0 var(--cb-radius-md) var(--cb-radius-md) !important;
}

.cb-blame .blame-info,
.cb-blame .code-inner {
  font-family: var(--fonts-monospace), "IBM Plex Mono", ui-monospace, monospace;
}

.cb-blame .blame-commit {
  border-right: 1px solid color-mix(in srgb, var(--color-secondary) 50%, transparent);
}

/* packages */
.cb-packages .cb-panel,
.cb-packages__search {
  border-radius: var(--cb-radius-md);
}

.cb-packages__list {
  gap: 10px !important;
}

.cb-packages__item {
  border-radius: var(--cb-radius-md) !important;
  border: 1px solid color-mix(in srgb, var(--color-secondary) 55%, transparent);
  padding: 12px 14px !important;
  background: var(--color-box-body);
  transition: border-color 0.15s ease;
}

.cb-packages__item:hover {
  border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-secondary));
}

.cb-package-view {
  gap: 16px;
}

.cb-package-view__title {
  letter-spacing: -0.03em;
}

.cb-package-view__side {
  border-radius: var(--cb-radius-md) !important;
}

/* editor patch + projects form */
.cb-editor-patch .repo-editor-header,
.cb-editor-patch .ui.top.attached.header {
  border-radius: var(--cb-radius-md) var(--cb-radius-md) 0 0 !important;
}

.cb-project-form .cb-panel {
  max-width: 720px;
}

/* settings / admin density polish */
.cb-settings .cb-settings__body,
.cb-admin .cb-settings__body,
.cb-org-settings .cb-settings__body {
  gap: 18px;
}

.cb-settings .ui.form .field,
.cb-admin .ui.form .field,
.cb-org-settings .ui.form .field {
  margin-bottom: 14px !important;
}

.cb-settings .ui.attached.segment,
.cb-admin .ui.attached.segment {
  padding: 16px 18px !important;
}

.cb-settings .ui.top.attached.header,
.cb-admin .ui.top.attached.header {
  padding: 12px 18px !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em;
}

.cb-settings .ui.table td,
.cb-admin .ui.table td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* code search page */
.cb-code-search .ui.container {
  max-width: var(--cb-content);
}

@media (max-width: 767px) {
  .cb-user-cards__list {
    grid-template-columns: 1fr;
  }

  .cb-auth__shell--wide {
    width: min(100%, 420px);
  }
}