:root {
  /* The warm 9eb8f36 workspace palette. */
  --cbw-cream-0: oklch(98.5% 0.008 80);
  --cbw-cream-1: oklch(97.2% 0.014 80);
  --cbw-cream-2: oklch(93% 0.025 75);
  --cbw-cream-3: oklch(88% 0.03 75);
  --cbw-cocoa-950: oklch(25% 0.042 45);
  --cbw-cocoa-900: oklch(32% 0.045 45);
  --cbw-cocoa-800: oklch(38% 0.05 45);
  --cbw-cocoa-700: oklch(43% 0.048 45);
  --cbw-cocoa-600: oklch(50% 0.03 55);
  --cbw-cocoa-500: oklch(55% 0.025 55);
  --cbw-caramel-700: oklch(58% 0.09 60);
  --cbw-caramel-500: oklch(75% 0.09 65);
  --cbw-clay-500: oklch(83% 0.055 75);
  --cbw-terracotta-700: oklch(50% 0.14 45);
  --cbw-terracotta-600: oklch(58% 0.14 45);
  --cbw-terracotta-500: oklch(65% 0.14 45);
  --cbw-terracotta-100: oklch(93% 0.04 45);
  --cbw-green-700: #35664c;
  --cbw-green-100: #dcebdd;
  --cbw-amber-700: #805d19;
  --cbw-amber-100: #f4e8be;
  --cbw-red-700: #983a35;
  --cbw-red-100: #f4d9d5;
  --cbw-blue-700: #3e5f73;
  --cbw-blue-100: #dbe8ed;
  --cbw-border: oklch(32% 0.045 45 / 0.12);
  --cbw-border-strong: oklch(32% 0.045 45 / 0.22);
  --cbw-shadow-sm: 0 1px 2px oklch(32% 0.045 45 / 0.04), 0 18px 70px -58px oklch(32% 0.045 45 / 0.72);
  --cbw-shadow-lg: 0 28px 80px -34px oklch(32% 0.045 45 / 0.42);
  --cbw-radius-sm: 12px;
  --cbw-radius-md: 18px;
  --cbw-radius-lg: 24px;
  --cbw-sidebar-width: 256px;
  --cbw-topbar-height: 72px;
  --cbw-font-sans: "Instrument Sans", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cbw-font-display: "Fraunces", ui-serif, Georgia, serif;
  --cbw-focus-ring: oklch(45% 0.15 40);
  --cbw-accent: var(--cbw-terracotta-500);
  --cbw-accent-strong: var(--cbw-terracotta-700);
  --cbw-accent-soft: var(--cbw-terracotta-100);
  color-scheme: light;
  font-family: var(--cbw-font-sans);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

html[data-collabory-route^="brand/"] {
  --cbw-accent: var(--cbw-caramel-500);
  --cbw-accent-strong: var(--cbw-caramel-700);
  --cbw-accent-soft: oklch(92% 0.045 70);
}

html[data-collabory-route^="admin/"],
html[data-collabory-route="admin"] {
  --cbw-accent: var(--cbw-cocoa-900);
  --cbw-accent-strong: var(--cbw-cocoa-950);
  --cbw-accent-soft: var(--cbw-cream-2);
}

* {
  box-sizing: border-box;
}

html {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 100%;
  overflow-x: hidden;
  overflow-x: clip;
  background: var(--cbw-cream-1);
  scroll-behavior: smooth;
}

body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  overflow-x: hidden;
  overflow-x: clip;
  background: var(--cbw-cream-1);
  color: var(--cbw-cocoa-900);
  font-family: var(--cbw-font-sans);
  -webkit-font-smoothing: antialiased;
}

button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
}

button,
a,
select,
summary,
input[type="checkbox"] {
  -webkit-tap-highlight-color: transparent;
}

button:not(:disabled),
select:not(:disabled),
summary {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.56;
}

a {
  color: inherit;
}

:focus-visible {
  outline: 3px solid var(--cbw-focus-ring);
  outline-offset: 3px;
}

::selection {
  background: var(--cbw-terracotta-100);
  color: var(--cbw-cocoa-950);
}

[hidden] {
  display: none !important;
}

.cbw-visually-hidden,
.cbw-live {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.cbw-skip-link {
  position: fixed;
  z-index: 1000;
  top: 10px;
  left: 12px;
  padding: 10px 14px;
  border-radius: var(--cbw-radius-sm);
  background: var(--cbw-cocoa-950);
  color: var(--cbw-cream-0);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transform: translateY(-150%);
  transition: transform 160ms ease;
}

.cbw-skip-link:focus {
  transform: translateY(0);
}

.cbw-icon {
  display: block;
  flex: 0 0 auto;
}

.cbw-boot,
.cbw-fatal {
  position: relative;
  display: grid;
  min-height: 100vh;
  min-height: 100dvh;
  place-items: center;
  padding: 28px;
  background: var(--cbw-cream-1);
  text-align: center;
}

.cbw-boot::before {
  position: fixed;
  inset: 0 auto 0 0;
  width: var(--cbw-sidebar-width);
  border-right: 1px solid var(--cbw-border);
  background: oklch(96.5% 0.012 75);
  content: "";
}

.cbw-boot > * {
  position: relative;
}

.cbw-boot img {
  width: min(164px, 60vw);
  height: auto;
  padding: 10px 12px;
  border: 1px solid var(--cbw-border);
  border-radius: 14px;
  background: var(--cbw-cream-0);
  box-shadow: var(--cbw-shadow-sm);
}

.cbw-boot p {
  margin: 16px 0 0;
  color: var(--cbw-cocoa-600);
  font-size: 14px;
}

.cbw-boot-indicator {
  display: block;
  width: 42px;
  height: 3px;
  margin: 24px auto 0;
  overflow: hidden;
  border-radius: 999px;
  background: var(--cbw-cream-3);
}

.cbw-boot-indicator::after {
  display: block;
  width: 50%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--cbw-caramel-500), var(--cbw-terracotta-500));
  content: "";
  animation: cbw-boot-slide 1.1s ease-in-out infinite alternate;
}

.cbw-noscript {
  margin: 0;
  padding: 20px;
  background: var(--cbw-red-100);
  color: var(--cbw-red-700);
  text-align: center;
}

@keyframes cbw-boot-slide {
  from { transform: translateX(0); }
  to { transform: translateX(100%); }
}

.cbw-app {
  display: grid;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  grid-template-columns: var(--cbw-sidebar-width) minmax(0, 1fr);
  min-height: 100vh;
  min-height: 100dvh;
}

.cbw-sidebar {
  position: fixed;
  z-index: 40;
  inset: 0 auto 0 0;
  display: flex;
  width: var(--cbw-sidebar-width);
  min-height: 100vh;
  min-height: 100dvh;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: contain;
  border-right: 1px solid var(--cbw-border);
  background: oklch(96.5% 0.012 75);
  color: var(--cbw-cocoa-900);
  scrollbar-width: thin;
  scrollbar-color: var(--cbw-cream-3) transparent;
}

.cbw-brand {
  display: flex;
  min-height: var(--cbw-topbar-height);
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: 1px solid var(--cbw-border);
}

.cbw-brand > a {
  display: flex;
  min-height: 44px;
  min-width: 0;
  align-items: center;
  gap: 11px;
  color: var(--cbw-cocoa-900);
  text-decoration: none;
}

.cbw-logo {
  display: block;
  width: auto;
  height: 28px;
  max-width: 154px;
  object-fit: contain;
}

.cbw-brand > a > span:last-child {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.cbw-brand strong {
  font-family: var(--cbw-font-display);
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.cbw-brand small {
  overflow: hidden;
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-mark {
  display: inline-grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border: 1px solid var(--cbw-cocoa-900);
  border-radius: 12px;
  background: var(--cbw-cocoa-900);
  color: var(--cbw-cream-0);
  font-family: var(--cbw-font-display);
  font-size: 21px;
  box-shadow: 0 8px 22px -15px oklch(32% 0.045 45 / 0.75);
}

.cbw-nav {
  display: grid;
  align-content: start;
  gap: 2px;
  padding: 16px 12px 24px;
}

/* Ready for the grouped Run/Grow, Studio/You and Admin nav markup. */
.cbw-nav-group {
  display: grid;
  gap: 2px;
}

.cbw-nav-group > div {
  display: grid;
  gap: 2px;
}

.cbw-nav-group + .cbw-nav-group {
  margin-top: 22px;
}

.cbw-nav-label {
  margin: 0 12px 7px;
  color: var(--cbw-cocoa-500);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.cbw-nav-link {
  position: relative;
  display: flex;
  min-height: 40px;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: oklch(32% 0.045 45 / 0.76);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.cbw-nav-link:hover {
  background: oklch(100% 0 0 / 0.62);
  color: var(--cbw-cocoa-950);
}

.cbw-nav-link.is-active {
  border-color: var(--cbw-border);
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-950);
  box-shadow: inset 3px 0 var(--cbw-accent), 0 2px 10px -4px oklch(32% 0.045 45 / 0.25);
}

.cbw-workspace-switcher {
  display: grid;
  min-height: 66px;
  grid-template-columns: 40px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 10px;
  margin: 12px 12px 2px;
  padding: 10px 11px;
  border: 1px solid var(--cbw-border);
  border-radius: 16px;
  background: oklch(98.5% 0.008 80 / 0.72);
  color: var(--cbw-cocoa-900);
  text-decoration: none;
  box-shadow: 0 9px 26px -24px oklch(32% 0.045 45 / 0.7);
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.cbw-workspace-switcher:hover {
  border-color: var(--cbw-border-strong);
  background: var(--cbw-cream-0);
  box-shadow: var(--cbw-shadow-sm);
}

.cbw-workspace-switcher > span:first-child {
  display: flex;
}

.cbw-workspace-switcher > span:nth-child(2) {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.cbw-workspace-switcher strong,
.cbw-workspace-switcher small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-workspace-switcher strong {
  font-size: 12px;
  font-weight: 750;
}

.cbw-workspace-switcher small {
  color: var(--cbw-cocoa-500);
  font-size: 10px;
  text-transform: capitalize;
}

.cbw-workspace-switcher > .cbw-icon {
  color: var(--cbw-cocoa-500);
}

.cbw-sidebar-foot {
  display: grid;
  gap: 12px;
  margin-top: auto;
  padding: 16px 18px 20px;
  border-top: 1px solid var(--cbw-border);
}

.cbw-sidebar-foot p {
  margin: 0;
  color: var(--cbw-cocoa-500);
  font-size: 12px;
  line-height: 1.5;
}

.cbw-sidebar-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  padding: 14px;
  border: 1px solid oklch(98.5% 0.008 80 / 0.12);
  border-radius: 17px;
  background:
    radial-gradient(circle at 100% 0, oklch(75% 0.09 65 / 0.24), transparent 48%),
    linear-gradient(145deg, var(--cbw-cocoa-900), var(--cbw-cocoa-800));
  color: var(--cbw-cream-0);
  box-shadow: 0 18px 42px -28px oklch(25% 0.042 45 / 0.9);
}

.cbw-sidebar-card-icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid oklch(98.5% 0.008 80 / 0.14);
  border-radius: 11px;
  background: oklch(98.5% 0.008 80 / 0.1);
  color: var(--cbw-caramel-500);
}

.cbw-sidebar-card > div {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.cbw-sidebar-card strong {
  font-size: 12px;
  line-height: 1.3;
}

.cbw-sidebar-card p {
  color: oklch(98.5% 0.008 80 / 0.66);
  font-size: 10px;
  line-height: 1.45;
}

.cbw-sidebar-card a {
  display: inline-flex;
  width: fit-content;
  min-height: 40px;
  align-items: center;
  gap: 5px;
  margin-top: 2px;
  color: var(--cbw-cream-0);
  font-size: 11px;
  font-weight: 750;
  text-underline-offset: 3px;
}

.cbw-home-link {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  padding: 9px 11px;
  border: 1px solid var(--cbw-border);
  border-radius: 12px;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-800);
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
}

.cbw-home-link:hover {
  border-color: var(--cbw-border-strong);
  background: white;
}

.cbw-workspace {
  width: 100%;
  max-width: 100%;
  grid-column: 2;
  min-width: 0;
}

.cbw-topbar {
  position: sticky;
  z-index: 30;
  top: 0;
  display: grid;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: var(--cbw-topbar-height);
  grid-template-columns: minmax(140px, auto) minmax(220px, 520px) auto;
  align-items: center;
  gap: 16px;
  padding: 10px clamp(16px, 2.6vw, 32px);
  border-bottom: 1px solid var(--cbw-border);
  background: oklch(98.5% 0.008 80 / 0.96);
  box-shadow: 0 1px rgba(255, 255, 255, 0.72);
}

@supports (backdrop-filter: blur(12px)) {
  .cbw-topbar {
    background: oklch(98.5% 0.008 80 / 0.86);
    backdrop-filter: blur(16px) saturate(112%);
  }
}

.cbw-route-title {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.cbw-route-title p,
.cbw-route-title strong {
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-route-title p {
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cbw-route-title strong {
  color: var(--cbw-cocoa-900);
  font-size: 14px;
  font-weight: 600;
}

.cbw-global-search {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  gap: 9px;
  justify-self: center;
  padding: 0 14px;
  border: 1px solid var(--cbw-border);
  border-radius: 999px;
  border-color: transparent;
  background: oklch(93% 0.025 75 / 0.72);
  color: var(--cbw-cocoa-500);
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.cbw-global-search:focus-within {
  border-color: var(--cbw-border-strong);
  background: var(--cbw-cream-0);
  box-shadow: 0 0 0 4px oklch(65% 0.14 45 / 0.09);
}

.cbw-global-search:has(input:focus-visible) {
  outline: 3px solid var(--cbw-focus-ring);
  outline-offset: 2px;
}

.cbw-global-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--cbw-cocoa-900);
  font-size: 14px;
}

.cbw-global-search input::placeholder {
  color: var(--cbw-cocoa-500);
}

.cbw-top-actions,
.cbw-actions,
.cbw-row-actions,
.cbw-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}

.cbw-top-actions {
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.cbw-top-home {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding-inline: 5px;
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
}

.cbw-top-home:hover {
  color: var(--cbw-cocoa-900);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.cbw-icon-button {
  position: relative;
  display: inline-grid;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  padding: 0;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  color: var(--cbw-cocoa-700);
  transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.cbw-icon-button:hover:not(:disabled) {
  border-color: transparent;
  background: var(--cbw-cream-2);
}

.cbw-badge {
  position: absolute;
  top: -3px;
  right: -3px;
  display: grid;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  place-items: center;
  border: 2px solid var(--cbw-cream-1);
  border-radius: 999px;
  background: var(--cbw-accent);
  color: white;
  font-size: 9px;
  font-weight: 800;
}

.cbw-account-button {
  display: flex;
  min-height: 46px;
  max-width: 220px;
  align-items: center;
  gap: 10px;
  padding: 4px 9px 4px 5px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  text-align: left;
  transition: background-color 150ms ease, border-color 150ms ease;
}

.cbw-account-button:hover {
  border-color: transparent;
  background: var(--cbw-cream-2);
}

.cbw-avatar {
  position: relative;
  display: inline-grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  overflow: hidden;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  background: linear-gradient(145deg, var(--cbw-caramel-500), var(--cbw-cocoa-700));
  color: white;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  box-shadow: 0 4px 12px rgba(74, 48, 36, 0.15);
  isolation: isolate;
}

.cbw-avatar-fallback {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: grid;
  place-items: center;
}

.cbw-avatar img {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.cbw-avatar.is-brand {
  border-radius: 50%;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-700);
}

.cbw-avatar.is-brand img {
  padding: 5px;
  object-fit: contain;
}

.cbw-avatar.is-large {
  width: 72px;
  height: 72px;
  flex-basis: 72px;
  font-size: 20px;
}

.cbw-profile-media {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  place-items: center;
  background:
    radial-gradient(circle at 18% 18%, oklch(98.5% 0.008 80 / 0.72), transparent 26%),
    linear-gradient(145deg, var(--cbw-clay-500), var(--cbw-caramel-500));
  color: var(--cbw-cocoa-800);
  font-family: var(--cbw-font-display);
  font-size: clamp(28px, 5vw, 54px);
  font-weight: 650;
  isolation: isolate;
}

.cbw-profile-media-fallback {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: grid;
  place-items: center;
}

.cbw-profile-media img {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cbw-profile-media.is-brand {
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-700);
}

.cbw-profile-media.is-brand img {
  padding: clamp(14px, 8%, 34px);
  object-fit: contain;
}

.cbw-entity-cell {
  display: grid;
  min-width: 0;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  text-align: left;
}

.cbw-entity-cell > span:last-child {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.cbw-entity-cell strong,
.cbw-entity-cell small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-entity-cell strong {
  color: var(--cbw-cocoa-900);
  font-size: 12px;
}

.cbw-entity-cell small {
  color: var(--cbw-cocoa-500);
  font-size: 10px;
}

.cbw-account-copy {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.cbw-account-copy strong,
.cbw-account-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-account-copy strong {
  font-size: 13px;
}

.cbw-account-copy small {
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  text-transform: capitalize;
}

.cbw-popover-wrap {
  position: relative;
}

.cbw-popover {
  position: absolute;
  z-index: 80;
  top: calc(100% + 10px);
  right: 0;
  width: min(360px, calc(100vw - 24px));
  max-height: min(480px, calc(100vh - 100px));
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--cbw-border);
  border-radius: var(--cbw-radius-md);
  background: var(--cbw-cream-0);
  box-shadow: var(--cbw-shadow-lg);
}

.cbw-popover > header {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 14px 12px 18px;
  border-bottom: 1px solid var(--cbw-border);
  background: var(--cbw-cream-0);
}

.cbw-account-menu {
  width: min(280px, calc(100vw - 24px));
  padding: 8px;
}

.cbw-account-menu p {
  overflow: hidden;
  margin: 0 0 6px;
  padding: 9px 10px;
  color: var(--cbw-cocoa-500);
  font-size: 12px;
  text-overflow: ellipsis;
}

.cbw-account-menu a,
.cbw-account-menu button {
  display: flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--cbw-cocoa-800);
  font-size: 13px;
  font-weight: 650;
  text-align: left;
  text-decoration: none;
}

.cbw-account-menu a:hover,
.cbw-account-menu button:hover {
  background: var(--cbw-cream-2);
}

.cbw-activity-list {
  display: grid;
  margin: 0;
  padding: 8px;
  list-style: none;
}

.cbw-activity-list li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
}

.cbw-activity-list li + li {
  border-top: 1px solid var(--cbw-border);
}

.cbw-activity-icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
}

.cbw-activity-list li > span:last-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.cbw-activity-list strong {
  font-size: 13px;
}

.cbw-activity-list small,
.cbw-activity-list time {
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  line-height: 1.4;
}

.cbw-popover-empty {
  padding: 24px;
  color: var(--cbw-cocoa-500);
  font-size: 13px;
  text-align: center;
}

.cbw-main {
  width: min(100%, 1400px);
  max-width: 100%;
  min-width: 0;
  min-height: calc(100dvh - var(--cbw-topbar-height));
  margin: 0 auto;
  padding: 40px clamp(24px, 3vw, 40px) 56px;
  outline: 0;
}

.cbw-page-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 32px;
}

.cbw-page-header > div:first-child {
  min-width: 0;
  max-width: 780px;
}

.cbw-page-header h1,
.cbw-page-header p,
.cbw-section-heading,
.cbw-section-heading > div,
.cbw-section-heading h2,
.cbw-section-heading p,
.cbw-status-banner,
.cbw-status-banner > span,
.cbw-activity-list strong,
.cbw-activity-list small,
.cbw-profile-bio,
.cbw-checklist button > span:last-child,
.cbw-thread-header h2,
.cbw-thread-header p,
.cbw-dialog-header h2,
.cbw-dialog-copy {
  min-width: 0;
  overflow-wrap: anywhere;
}

.cbw-eyebrow {
  margin: 0 0 7px;
  color: var(--cbw-accent-strong);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.cbw-page-header h1,
.cbw-state h1,
.cbw-dialog-header h2,
.cbw-profile-head h2,
.cbw-billing-plan h2,
.cbw-dialog-profile h3,
.cbw-fatal-card h1 {
  margin: 0;
  color: var(--cbw-cocoa-950);
  font-family: var(--cbw-font-display);
  font-weight: 600;
  letter-spacing: -0.025em;
}

.cbw-page-header h1 {
  font-size: clamp(30px, 3.5vw, 40px);
  line-height: 1.04;
}

.cbw-page-header p:last-child {
  max-width: 680px;
  margin: 12px 0 0;
  color: var(--cbw-cocoa-600);
  font-size: 14px;
  line-height: 1.55;
}

.cbw-button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.cbw-button:hover:not(:disabled) {
  transform: translateY(-1px);
}

.cbw-button-primary {
  background: var(--cbw-cocoa-900);
  color: var(--cbw-cream-0);
  box-shadow: 0 10px 30px -20px oklch(32% 0.045 45 / 0.8);
}

.cbw-button-primary:hover:not(:disabled) {
  background: var(--cbw-cocoa-800);
  box-shadow: 0 12px 28px -20px oklch(32% 0.045 45 / 0.86);
}

.cbw-button-quiet {
  border-color: var(--cbw-border);
  background: oklch(98.5% 0.008 80 / 0.82);
  color: var(--cbw-cocoa-800);
}

.cbw-button-quiet:hover:not(:disabled) {
  border-color: var(--cbw-border-strong);
  background: var(--cbw-cream-0);
}

.cbw-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

.cbw-summary-card,
.cbw-panel,
.cbw-fatal-card {
  border: 1px solid var(--cbw-border);
  background: var(--cbw-cream-0);
  box-shadow: var(--cbw-shadow-sm);
}

.cbw-summary-card {
  display: grid;
  min-height: 132px;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 13px;
  padding: 20px;
  border-radius: var(--cbw-radius-lg);
}

.cbw-summary-icon {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid oklch(65% 0.14 45 / 0.13);
  border-radius: 12px;
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
}

.cbw-summary-card > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.cbw-summary-card p {
  margin: 0;
  color: var(--cbw-cocoa-500);
  font-size: 12px;
  font-weight: 500;
}

.cbw-summary-card strong {
  overflow: hidden;
  margin-top: 8px;
  color: var(--cbw-cocoa-950);
  font-family: var(--cbw-font-display);
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.08;
  text-overflow: ellipsis;
}

.cbw-summary-card small {
  margin-top: auto;
  padding-top: 8px;
  color: var(--cbw-cocoa-500);
  font-size: 10px;
  line-height: 1.35;
}

.cbw-panel {
  min-width: 0;
  margin-top: 20px;
  overflow: hidden;
  border-radius: var(--cbw-radius-lg);
}

.cbw-dashboard-grid,
.cbw-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.cbw-dashboard-grid > .cbw-panel,
.cbw-settings-grid > .cbw-panel {
  margin-top: 0;
}

.cbw-section-heading {
  display: flex;
  min-height: 76px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--cbw-border);
}

.cbw-section-heading h2 {
  margin: 0;
  color: var(--cbw-cocoa-950);
  font-family: var(--cbw-font-display);
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.025em;
}

.cbw-section-heading p {
  margin: 5px 0 0;
  color: var(--cbw-cocoa-500);
  font-size: 12px;
  line-height: 1.45;
}

.cbw-collection-toolbar {
  display: flex;
  min-height: 64px;
  align-items: flex-end;
  gap: 14px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--cbw-border);
  background: oklch(93% 0.025 75 / 0.5);
}

.cbw-collection-toolbar label {
  display: grid;
  gap: 4px;
}

.cbw-collection-toolbar label > span {
  color: var(--cbw-cocoa-500);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cbw-collection-toolbar select {
  min-width: 150px;
  min-height: 38px;
  padding: 7px 34px 7px 10px;
  border: 1px solid var(--cbw-border);
  border-radius: 9px;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-800);
  font-size: 12px;
}

.cbw-result-count {
  margin: 0 auto 9px 0;
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  font-weight: 650;
}

.cbw-collection-toolbar .cbw-button {
  min-height: 38px;
  margin-bottom: 0;
}

.cbw-table-wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.cbw-table-wrap table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.cbw-table-wrap caption {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.cbw-table-wrap th,
.cbw-table-wrap td {
  min-width: 0;
  padding: 13px 18px;
  border-bottom: 1px solid var(--cbw-border);
  text-align: left;
  vertical-align: middle;
}

.cbw-table-wrap th:first-child,
.cbw-table-wrap td:first-child {
  min-width: 0;
}

.cbw-table-wrap th {
  position: sticky;
  z-index: 2;
  top: 0;
  background: oklch(93% 0.025 75 / 0.55);
  color: var(--cbw-cocoa-500);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.cbw-table-wrap td {
  max-width: 320px;
  overflow-wrap: anywhere;
  color: var(--cbw-cocoa-700);
  line-height: 1.45;
}

.cbw-table-wrap tbody tr {
  transition: background-color 120ms ease;
}

.cbw-table-wrap tbody tr:hover {
  background: oklch(93% 0.025 75 / 0.38);
}

.cbw-table-wrap tbody tr:last-child td {
  border-bottom: 0;
}

/* Half-width dashboard tables stay readable as record cards even on wide screens. */
.cbw-dashboard-grid .cbw-table-wrap { overflow: visible; }
.cbw-dashboard-grid .cbw-table-wrap table,
.cbw-dashboard-grid .cbw-table-wrap tbody,
.cbw-dashboard-grid .cbw-table-wrap tr,
.cbw-dashboard-grid .cbw-table-wrap td { display: block; width: 100%; }
.cbw-dashboard-grid .cbw-table-wrap thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.cbw-dashboard-grid .cbw-table-wrap tbody { padding: 10px; }
.cbw-dashboard-grid .cbw-table-wrap tbody tr { padding: 10px 12px; border: 1px solid var(--cbw-border); border-radius: 14px; background: var(--cbw-cream-0); }
.cbw-dashboard-grid .cbw-table-wrap tbody tr + tr { margin-top: 9px; }
.cbw-dashboard-grid .cbw-table-wrap td,
.cbw-dashboard-grid .cbw-table-wrap td:first-child { display: grid; max-width: none; min-width: 0; grid-template-columns: minmax(86px, 30%) minmax(0, 1fr); gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--cbw-border); text-align: right; overflow-wrap: anywhere; }
.cbw-dashboard-grid .cbw-table-wrap td::before { color: var(--cbw-cocoa-500); content: attr(data-label); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-align: left; text-transform: uppercase; }
.cbw-dashboard-grid .cbw-table-wrap tbody tr td:last-child { border-bottom: 0; }
.cbw-dashboard-grid .cbw-table-wrap td > * { min-width: 0; max-width: 100%; justify-self: end; }
.cbw-dashboard-grid .cbw-entity-cell { width: min(100%, 320px); }
.cbw-dashboard-grid .cbw-row-actions { justify-content: flex-end; }

.cbw-row-actions {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex-wrap: wrap;
}

.cbw-row-button {
  max-width: 100%;
  min-width: 0;
  flex: 1 1 72px;
  min-height: 34px;
  padding: 7px 8px;
  border: 1px solid var(--cbw-border-strong);
  border-radius: 999px;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-800);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
  overflow-wrap: anywhere;
  white-space: normal;
}

.cbw-row-button:hover {
  border-color: var(--cbw-terracotta-500);
  color: var(--cbw-terracotta-700);
}

.cbw-row-button.is-quiet {
  border-color: transparent;
  background: transparent;
}

.cbw-status {
  display: inline-flex;
  min-height: 25px;
  align-items: center;
  gap: 6px;
  padding: 4px 9px;
  border-radius: 999px;
  background: var(--cbw-cream-2);
  color: var(--cbw-cocoa-600);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.cbw-status > span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.cbw-status.is-positive { background: var(--cbw-green-100); color: var(--cbw-green-700); }
.cbw-status.is-pending { background: var(--cbw-amber-100); color: var(--cbw-amber-700); }
.cbw-status.is-negative { background: var(--cbw-red-100); color: var(--cbw-red-700); }
.cbw-status.is-neutral { background: var(--cbw-cream-2); color: var(--cbw-cocoa-600); }

.cbw-state,
.cbw-filter-empty {
  display: grid;
  justify-items: center;
  padding: clamp(38px, 7vw, 72px) 22px;
  color: var(--cbw-cocoa-600);
  text-align: center;
}

.cbw-state-icon {
  display: grid;
  width: 54px;
  height: 54px;
  margin-bottom: 16px;
  place-items: center;
  border-radius: 18px;
  background: var(--cbw-cream-2);
  color: var(--cbw-cocoa-600);
}

.cbw-state h1,
.cbw-state h2 {
  margin: 0;
  color: var(--cbw-cocoa-950);
  font-family: var(--cbw-font-display);
  font-size: 25px;
  font-weight: 600;
}

.cbw-state > p:not(.cbw-eyebrow),
.cbw-filter-empty p {
  max-width: 520px;
  margin: 9px 0 18px;
  font-size: 13px;
  line-height: 1.55;
}

.cbw-state-error .cbw-state-icon {
  background: var(--cbw-red-100);
  color: var(--cbw-red-700);
}

.cbw-status-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  padding: 13px 14px 13px 17px;
  border: 1px solid var(--cbw-border);
  border-radius: 14px;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-700);
  font-size: 12px;
}

.cbw-status-banner > span {
  display: flex;
  align-items: center;
  gap: 11px;
}

.cbw-status-banner > span > span {
  display: grid;
  gap: 2px;
}

.cbw-status-banner.is-warning { border-color: rgba(128, 93, 25, 0.3); background: var(--cbw-amber-100); color: var(--cbw-amber-700); }
.cbw-status-banner.is-info { border-color: rgba(62, 95, 115, 0.24); background: var(--cbw-blue-100); color: var(--cbw-blue-700); }

.cbw-refresh-line {
  position: fixed;
  z-index: 100;
  top: calc(var(--cbw-topbar-height) + 8px);
  right: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border: 1px solid var(--cbw-border);
  border-radius: 999px;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-600);
  font-size: 11px;
  font-weight: 700;
  box-shadow: var(--cbw-shadow-sm);
}

.cbw-refresh-line > span {
  width: 11px;
  height: 11px;
  border: 2px solid var(--cbw-cream-3);
  border-top-color: var(--cbw-accent);
  border-radius: 50%;
  animation: cbw-spin 700ms linear infinite;
}

@keyframes cbw-spin { to { transform: rotate(360deg); } }

.cbw-health-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
  padding: 18px;
}

.cbw-health-grid article {
  display: flex;
  min-height: 68px;
  align-items: center;
  gap: 11px;
  padding: 12px;
  border: 1px solid var(--cbw-border);
  border-radius: 13px;
  background: oklch(93% 0.025 75 / 0.48);
}

.cbw-health-grid strong,
.cbw-health-grid p {
  margin: 0;
  font-size: 12px;
}

.cbw-health-grid p {
  margin-top: 3px;
  color: var(--cbw-cocoa-500);
  font-size: 10px;
}

.cbw-health-dot {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
  background: var(--cbw-amber-700);
  box-shadow: 0 0 0 4px var(--cbw-amber-100);
}

.cbw-health-dot.is-up { background: var(--cbw-green-700); box-shadow: 0 0 0 4px var(--cbw-green-100); }
.cbw-health-dot.is-warn { background: var(--cbw-caramel-500); box-shadow: 0 0 0 4px var(--cbw-accent-soft); }
.cbw-health-dot.is-down { background: var(--cbw-red-700); box-shadow: 0 0 0 4px var(--cbw-red-100); }

.cbw-details {
  margin: 0 18px 18px;
  padding: 12px 14px;
  border: 1px solid var(--cbw-border);
  border-radius: 12px;
  color: var(--cbw-cocoa-600);
  font-size: 11px;
}

.cbw-details summary {
  min-height: 28px;
  font-weight: 750;
}

.cbw-details ul {
  margin: 10px 0 0;
  padding-left: 18px;
  line-height: 1.55;
}

.cbw-conversation-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
  padding: 18px;
}

.cbw-conversation-grid button {
  display: grid;
  min-height: 72px;
  grid-template-columns: 36px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--cbw-border);
  border-radius: 16px;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-700);
  text-align: left;
  transition: border-color 150ms ease, transform 150ms ease, background-color 150ms ease;
}

.cbw-conversation-grid button:hover {
  border-color: color-mix(in oklab, var(--cbw-accent) 44%, transparent);
  background: var(--cbw-cream-1);
  transform: translateY(-1px);
}

.cbw-conversation-grid button > span:first-child {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 11px;
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
}

.cbw-conversation-grid button > span:nth-child(2) {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.cbw-conversation-grid strong,
.cbw-conversation-grid small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-conversation-grid strong { font-size: 12px; }
.cbw-conversation-grid small { color: var(--cbw-cocoa-500); font-size: 10px; }

.cbw-definition-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 18px;
  gap: 10px;
}

.cbw-definition-grid > div {
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--cbw-border);
  border-radius: 12px;
  background: oklch(93% 0.025 75 / 0.44);
}

.cbw-definition-grid dt {
  margin-bottom: 5px;
  color: var(--cbw-cocoa-500);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cbw-definition-grid dd {
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--cbw-cocoa-800);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.45;
}

.cbw-profile-head,
.cbw-billing-plan {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px;
  border-bottom: 1px solid var(--cbw-border);
}

.cbw-profile-head > div,
.cbw-billing-plan > div {
  min-width: 0;
}

.cbw-profile-head h2,
.cbw-billing-plan h2 {
  font-size: 26px;
}

.cbw-profile-head p,
.cbw-billing-plan p {
  margin: 5px 0 8px;
  color: var(--cbw-cocoa-500);
  font-size: 12px;
}

.cbw-profile-bio {
  margin: 0;
  padding: 20px 22px;
  border-bottom: 1px solid var(--cbw-border);
  color: var(--cbw-cocoa-600);
  font-size: 14px;
  line-height: 1.7;
  white-space: pre-wrap;
}

.cbw-switch {
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 4px;
  border-bottom: 1px solid var(--cbw-border);
}

.cbw-switch > span:first-child {
  display: grid;
  gap: 3px;
}

.cbw-switch strong { font-size: 12px; }
.cbw-switch small { color: var(--cbw-cocoa-500); font-size: 10px; }

.cbw-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.cbw-switch > span:last-child {
  position: relative;
  width: 44px;
  height: 26px;
  flex: 0 0 44px;
  border-radius: 999px;
  background: var(--cbw-cream-3);
  transition: background-color 160ms ease;
}

.cbw-switch > span:last-child::after {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 2px 5px rgba(45, 25, 16, 0.18);
  content: "";
  transition: transform 160ms ease;
}

.cbw-switch input:checked + span { background: var(--cbw-green-700); }
.cbw-switch input:checked + span::after { transform: translateX(18px); }
.cbw-switch input:focus-visible + span { outline: 3px solid var(--cbw-focus-ring); outline-offset: 3px; }

.cbw-settings-form {
  padding: 0 18px 18px;
}

.cbw-settings-form .cbw-form-actions {
  margin-top: 16px;
}

.cbw-dialog {
  width: min(680px, calc(100vw - 28px));
  max-height: min(88vh, 860px);
  max-height: min(88dvh, 860px);
  margin: auto;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--cbw-border-strong);
  border-radius: 28px;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-900);
  box-shadow: var(--cbw-shadow-lg);
}

.cbw-dialog::backdrop {
  background: oklch(32% 0.045 45 / 0.36);
  backdrop-filter: blur(4px);
}

.cbw-dialog-close-form {
  position: sticky;
  z-index: 3;
  top: 12px;
  float: right;
  margin: 12px 12px -56px 0;
}

.cbw-dialog-header {
  padding: 24px 74px 18px 24px;
  border-bottom: 1px solid var(--cbw-border);
}

.cbw-dialog-header h2 {
  font-size: 29px;
}

.cbw-dialog-copy {
  margin: 0;
  padding: 22px 24px 0;
  color: var(--cbw-cocoa-600);
  font-size: 14px;
  line-height: 1.6;
}

.cbw-dialog-setup-link {
  display: flex;
  width: fit-content;
  max-width: calc(100% - 48px);
  min-width: 0;
  margin: 16px 24px 0;
  white-space: normal;
  text-align: center;
  overflow-wrap: anywhere;
}

.cbw-form {
  padding: 22px 24px 24px;
}

.cbw-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.cbw-field {
  display: grid;
  min-width: 0;
  gap: 6px;
}

.cbw-field:has(textarea) {
  grid-column: 1 / -1;
}

.cbw-field > span {
  color: var(--cbw-cocoa-700);
  font-size: 11px;
  font-weight: 600;
}

.cbw-field input,
.cbw-field select,
.cbw-field textarea {
  width: 100%;
  min-height: 46px;
  padding: 11px 12px;
  border: 1px solid var(--cbw-border-strong);
  border-radius: 12px;
  outline: 0;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-900);
  font-size: 13px;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

.cbw-field textarea {
  min-height: 112px;
  resize: vertical;
  line-height: 1.55;
}

.cbw-field input:focus,
.cbw-field select:focus,
.cbw-field textarea:focus {
  border-color: oklch(65% 0.14 45 / 0.62);
  box-shadow: 0 0 0 4px oklch(65% 0.14 45 / 0.09);
}

.cbw-field input:focus-visible,
.cbw-field select:focus-visible,
.cbw-field textarea:focus-visible {
  outline: 3px solid var(--cbw-focus-ring);
  outline-offset: 2px;
}

.cbw-field small {
  color: var(--cbw-cocoa-500);
  font-size: 10px;
}

.cbw-form-error {
  margin: 16px 0 0;
  padding: 11px 13px;
  border-radius: 10px;
  background: var(--cbw-red-100);
  color: var(--cbw-red-700);
  font-size: 12px;
  line-height: 1.45;
}

.cbw-form-actions {
  justify-content: flex-end;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--cbw-border);
}

.cbw-dialog-profile {
  display: grid;
  justify-items: center;
  padding: 24px;
  text-align: center;
}

.cbw-dialog-profile-media {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  max-height: 280px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 19px;
  background: var(--cbw-cream-2);
}

.cbw-dialog-profile-identity {
  position: relative;
  z-index: 1;
  display: grid;
  width: calc(100% - 32px);
  max-width: 520px;
  min-width: 0;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  margin: -38px auto 0;
  padding: 13px 16px;
  border: 1px solid var(--cbw-border);
  border-radius: 18px;
  background: var(--cbw-cream-0);
  text-align: left;
  box-shadow: 0 20px 50px -38px oklch(25% 0.042 45 / 0.84);
}

.cbw-dialog-profile-identity > div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.cbw-dialog-profile-identity h3,
.cbw-dialog-profile-identity p {
  min-width: 0;
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
}

.cbw-dialog-profile-identity h3 {
  font-size: 25px;
  white-space: nowrap;
}

.cbw-dialog-profile-identity p {
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  white-space: nowrap;
}

.cbw-dialog-profile > .cbw-profile-bio {
  width: 100%;
  padding-inline: 0;
  text-align: left;
}

.cbw-dialog-profile > .cbw-profile-tags {
  width: 100%;
  justify-content: center;
  padding: 0;
}

.cbw-dialog-profile h3 {
  margin-top: 12px;
  font-size: 27px;
}

.cbw-dialog-profile > p {
  max-width: 520px;
  color: var(--cbw-cocoa-600);
  font-size: 13px;
  line-height: 1.6;
}

.cbw-dialog-profile .cbw-definition-grid {
  width: 100%;
  padding-inline: 0;
  text-align: left;
}

/* Functional card collections keep the spacious, warm workspace rhythm. */
.cbw-card-toolbar {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 20px;
  border-bottom: 1px solid var(--cbw-border);
  background: oklch(93% 0.025 75 / 0.42);
}

.cbw-card-toolbar .cbw-result-count {
  margin: 0 auto 0 0;
}

.cbw-card-toolbar .cbw-button {
  min-height: 38px;
}

.cbw-campaign-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 18px;
  padding: 20px;
}

.cbw-creator-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 15px;
  padding: 20px;
}

.cbw-campaign-card,
.cbw-creator-card {
  display: flex;
  min-width: 0;
  min-height: 310px;
  flex-direction: column;
  gap: 17px;
  padding: 18px;
  border: 1px solid var(--cbw-border);
  border-radius: 20px;
  background:
    linear-gradient(145deg, oklch(100% 0 0 / 0.64), transparent 46%),
    var(--cbw-cream-0);
  box-shadow: 0 18px 54px -46px oklch(32% 0.045 45 / 0.68);
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.cbw-campaign-card > header,
.cbw-creator-card > header,
.cbw-campaign-card > footer,
.cbw-creator-card > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.cbw-campaign-card > header {
  min-width: 0;
}

.cbw-campaign-card > header > .cbw-status {
  flex: 0 0 auto;
}

.cbw-campaign-card > footer,
.cbw-creator-card > footer {
  align-items: stretch;
  margin-top: auto;
  padding-top: 2px;
}

.cbw-campaign-card > footer .cbw-button,
.cbw-creator-card > footer .cbw-button {
  flex: 1 1 auto;
}

.cbw-campaign-brand {
  display: grid;
  min-width: 0;
  flex: 1 1 auto;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  overflow: hidden;
  color: var(--cbw-cocoa-700);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-campaign-brand > .cbw-avatar {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  border-radius: 10px;
}

.cbw-campaign-brand > span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-card-kicker {
  margin: 0 0 7px;
  color: var(--cbw-accent-strong);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.cbw-campaign-card > div > h3,
.cbw-creator-card > header h3 {
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--cbw-cocoa-950);
  font-family: var(--cbw-font-display);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.12;
}

.cbw-campaign-card > div > p:last-child {
  display: -webkit-box;
  overflow: hidden;
  margin: 10px 0 0;
  color: var(--cbw-cocoa-600);
  font-size: 12px;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.cbw-card-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.cbw-card-meta > div {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid var(--cbw-border);
  border-radius: 12px;
  background: oklch(93% 0.025 75 / 0.42);
}

.cbw-card-meta dt,
.cbw-deal-card dt,
.cbw-dialog-details dt {
  margin: 0 0 4px;
  color: var(--cbw-cocoa-500);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cbw-card-meta dd,
.cbw-deal-card dd,
.cbw-dialog-details dd {
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--cbw-cocoa-800);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}

/* Campaign cards use a visual brief cover and keep status separate from actions. */
.cbw-campaign-card {
  min-height: 430px;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-color: var(--cbw-border-strong);
  border-radius: 22px;
  background: var(--cbw-cream-0);
  box-shadow: 0 22px 60px -46px oklch(25% 0.042 45 / 0.8);
}

.cbw-campaign-visual {
  position: relative;
  display: flex;
  min-height: 112px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  padding: 18px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 10%, oklch(98% 0.015 75 / 0.34), transparent 30%),
    linear-gradient(135deg, var(--cbw-cocoa-900), var(--cbw-cocoa-700) 62%, var(--cbw-caramel-500));
  color: var(--cbw-cream-0);
}

.cbw-campaign-card:nth-child(4n + 2) .cbw-campaign-visual {
  background:
    radial-gradient(circle at 16% 12%, oklch(98% 0.015 75 / 0.3), transparent 28%),
    linear-gradient(135deg, oklch(38% 0.075 53), oklch(51% 0.1 47) 62%, oklch(67% 0.12 61));
}

.cbw-campaign-card:nth-child(4n + 3) .cbw-campaign-visual {
  background:
    radial-gradient(circle at 86% 20%, oklch(98% 0.015 75 / 0.32), transparent 26%),
    linear-gradient(135deg, oklch(34% 0.05 105), oklch(47% 0.07 91) 62%, oklch(65% 0.1 75));
}

.cbw-campaign-mark {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border: 1px solid oklch(98% 0.01 80 / 0.42);
  border-radius: 17px;
  background: oklch(98% 0.01 80 / 0.14);
  box-shadow: inset 0 1px 0 oklch(100% 0 0 / 0.2);
  backdrop-filter: blur(8px);
}

.cbw-campaign-visual-label {
  padding: 7px 10px;
  border: 1px solid oklch(98% 0.01 80 / 0.36);
  border-radius: 999px;
  background: oklch(25% 0.042 45 / 0.28);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.cbw-campaign-card > .cbw-campaign-card-header {
  min-height: 62px;
  padding: 12px 18px 0;
}

button.cbw-campaign-brand {
  min-height: 44px;
  margin: -4px 0;
  padding: 4px 6px 4px 4px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 140ms ease, color 140ms ease;
}

button.cbw-campaign-brand:hover {
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
}

button.cbw-campaign-brand:focus-visible {
  outline: 3px solid var(--cbw-focus-ring);
  outline-offset: 1px;
}

.cbw-campaign-owner {
  grid-template-columns: 26px minmax(0, 1fr);
}

.cbw-campaign-state {
  flex: 0 0 auto;
}

.cbw-campaign-copy {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  padding: 15px 18px 16px;
}

.cbw-campaign-tags {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}

.cbw-campaign-tags span {
  max-width: 100%;
  padding: 5px 8px;
  overflow: hidden;
  border: 1px solid var(--cbw-border);
  border-radius: 999px;
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
  font-size: 10px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-campaign-card > .cbw-campaign-copy > h3 {
  font-size: 24px;
  line-height: 1.08;
}

.cbw-campaign-card > .cbw-campaign-copy > p:last-child {
  margin-top: 11px;
  font-size: 13px;
  line-height: 1.58;
  -webkit-line-clamp: 3;
}

.cbw-campaign-card > .cbw-card-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  padding: 0 18px;
}

.cbw-campaign-card > .cbw-card-meta > div {
  padding: 10px 9px;
  border-radius: 13px;
}

.cbw-campaign-card .cbw-card-meta dt {
  font-size: 9px;
}

.cbw-campaign-card .cbw-card-meta dd {
  font-size: 12px;
  line-height: 1.35;
}

.cbw-campaign-card > footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  margin-top: auto;
  padding: 17px 18px 18px;
}

.cbw-campaign-card > footer .cbw-button {
  min-width: 0;
}

.cbw-campaign-card > footer .cbw-campaign-save {
  min-width: 96px;
}

.cbw-campaign-applicants {
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}

.cbw-campaign-card:focus-within {
  border-color: oklch(65% 0.14 45 / 0.56);
  box-shadow: 0 24px 62px -42px oklch(45% 0.12 45 / 0.72);
}

.cbw-creator-card > header {
  justify-content: flex-start;
}

.cbw-creator-card > header > div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.cbw-creator-card > header h3,
.cbw-creator-card > header p {
  overflow: hidden;
  text-overflow: ellipsis;
}

.cbw-creator-card > header p {
  margin: 0;
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  white-space: nowrap;
}

.cbw-creator-bio {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: var(--cbw-cocoa-600);
  font-size: 12px;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.cbw-creator-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cbw-creator-tags span {
  max-width: 100%;
  overflow: hidden;
  padding: 5px 9px;
  border: 1px solid var(--cbw-border);
  border-radius: 999px;
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
  font-size: 9px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Image-first creator profiles use only real profile fields and preserve the warm workspace language. */
.cbw-creator-card {
  min-height: 440px;
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.cbw-creator-media {
  position: relative;
  min-width: 0;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--cbw-cream-2);
}

.cbw-creator-media .cbw-profile-media {
  transition: transform 240ms cubic-bezier(.22, 1, .36, 1);
}

.cbw-creator-availability {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 12px;
  display: inline-flex;
  max-width: calc(100% - 24px);
  min-height: 30px;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  overflow: hidden;
  border: 1px solid oklch(98.5% 0.008 80 / 0.7);
  border-radius: 999px;
  background: oklch(25% 0.042 45 / 0.82);
  color: var(--cbw-cream-0);
  font-size: 9px;
  font-weight: 750;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: 0 10px 24px -16px oklch(25% 0.042 45 / 0.88);
  backdrop-filter: blur(8px);
}

.cbw-creator-card-body {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 13px;
  padding: 17px;
}

.cbw-creator-card-body > header {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.cbw-creator-card-body > header > div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.cbw-creator-card-body > header h3,
.cbw-creator-card-body > header p {
  min-width: 0;
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
}

.cbw-creator-card-body > header h3 {
  color: var(--cbw-cocoa-950);
  font-family: var(--cbw-font-display);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.12;
}

.cbw-creator-card-body > header p {
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  white-space: nowrap;
}

.cbw-creator-card-body > footer {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 9px;
  margin-top: auto;
  padding-top: 2px;
}

.cbw-creator-card-body > footer .cbw-button {
  min-width: 0;
  flex: 1 1 120px;
}

.cbw-creator-metrics {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.cbw-creator-metrics > div {
  min-width: 0;
  padding: 9px 7px;
  border: 1px solid var(--cbw-border);
  border-radius: 11px;
  background: oklch(93% 0.025 75 / 0.42);
  text-align: center;
}

.cbw-creator-metrics dt,
.cbw-profile-spotlight-metrics dt,
.cbw-profile-stats dt {
  min-width: 0;
  overflow-wrap: anywhere;
  margin: 0 0 4px;
  color: var(--cbw-cocoa-500);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.07em;
  line-height: 1.25;
  text-transform: uppercase;
  word-break: break-word;
}

.cbw-creator-metrics dd,
.cbw-profile-spotlight-metrics dd,
.cbw-profile-stats dd {
  min-width: 0;
  overflow: hidden;
  margin: 0;
  color: var(--cbw-cocoa-900);
  font-size: 11px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  .cbw-campaign-card:hover,
  .cbw-creator-card:hover,
  .cbw-deal-card:hover {
    border-color: color-mix(in oklab, var(--cbw-accent) 38%, var(--cbw-border));
    box-shadow: 0 24px 58px -44px oklch(32% 0.045 45 / 0.74);
    transform: translateY(-2px);
  }

  .cbw-creator-card:hover .cbw-creator-media .cbw-profile-media {
    transform: scale(1.025);
  }
}

/* Deal lifecycle wraps at every width; no horizontal board scrolling is needed. */
.cbw-deal-board-panel {
  overflow: hidden;
}

.cbw-deal-board {
  display: grid;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 14px;
  padding: 18px;
  overflow: hidden;
  background: oklch(93% 0.025 75 / 0.34);
}

.cbw-deal-column {
  min-width: 0;
  min-height: 360px;
  padding: 12px;
  border: 1px solid var(--cbw-border);
  border-radius: 19px;
  background: oklch(98.5% 0.008 80 / 0.66);
}

.cbw-deal-column > header {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 2px 9px;
}

.cbw-deal-column > header h3 {
  margin: 0;
  color: var(--cbw-cocoa-800);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cbw-deal-column > header > span {
  display: grid;
  min-width: 24px;
  height: 24px;
  padding-inline: 6px;
  place-items: center;
  border-radius: 999px;
  background: var(--cbw-cream-2);
  color: var(--cbw-cocoa-600);
  font-size: 10px;
  font-weight: 800;
}

.cbw-deal-card {
  display: grid;
  min-width: 0;
  gap: 10px;
  padding: 13px;
  border: 1px solid var(--cbw-border);
  border-radius: 15px;
  background: var(--cbw-cream-0);
  box-shadow: 0 14px 34px -30px oklch(32% 0.045 45 / 0.8);
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.cbw-deal-card + .cbw-deal-card {
  margin-top: 10px;
}

.cbw-deal-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.cbw-deal-card time {
  color: var(--cbw-cocoa-500);
  font-size: 9px;
  white-space: nowrap;
}

.cbw-deal-identity {
  display: grid;
  min-width: 0;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.cbw-deal-identity > .cbw-avatar {
  width: 36px;
  height: 36px;
  flex-basis: 36px;
}

.cbw-deal-identity > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.cbw-deal-identity h3,
.cbw-deal-identity p {
  min-width: 0;
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-deal-identity h3 {
  color: var(--cbw-cocoa-950);
  font-family: var(--cbw-font-display);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
}

.cbw-deal-identity p {
  color: var(--cbw-cocoa-500);
  font-size: 10px;
}

.cbw-deal-card > h3 {
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--cbw-cocoa-950);
  font-family: var(--cbw-font-display);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.cbw-deal-card > p {
  overflow: hidden;
  margin: -3px 0 0;
  color: var(--cbw-cocoa-500);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-deal-card > .cbw-deal-context {
  margin-top: -6px;
  color: var(--cbw-accent-strong);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.03em;
}

.cbw-deal-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.cbw-deal-card dl > div {
  min-width: 0;
  padding: 8px;
  border-radius: 10px;
  background: oklch(93% 0.025 75 / 0.45);
}

.cbw-deal-card > .cbw-row-button {
  width: 100%;
  min-height: 44px;
}

.cbw-column-empty {
  display: grid;
  min-height: 275px;
  margin: 0;
  place-items: center;
  border: 1px dashed var(--cbw-border-strong);
  border-radius: 14px;
  color: var(--cbw-cocoa-500);
  font-size: 10px;
  text-align: center;
}

/* Real inbox with a persistent conversation rail and message composer. */
.cbw-inbox {
  display: grid;
  min-width: 0;
  min-height: min(620px, calc(100dvh - 250px));
  height: calc(100dvh - 230px);
  max-height: 760px;
  grid-template-columns: 320px minmax(0, 1fr);
  margin-top: 20px;
  overflow: hidden;
  border: 1px solid var(--cbw-border);
  border-radius: var(--cbw-radius-lg);
  background: var(--cbw-cream-0);
  box-shadow: var(--cbw-shadow-sm);
}

.cbw-conversation-rail {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  border-right: 1px solid var(--cbw-border);
  background: oklch(96.5% 0.012 75 / 0.8);
}

.cbw-conversation-rail > header {
  flex: 0 0 auto;
  padding: 20px 18px 15px;
  border-bottom: 1px solid var(--cbw-border);
}

.cbw-conversation-rail > header .cbw-eyebrow {
  margin-bottom: 5px;
}

.cbw-conversation-rail h2,
.cbw-thread-header h2,
.cbw-thread-empty h3 {
  margin: 0;
  color: var(--cbw-cocoa-950);
  font-family: var(--cbw-font-display);
  font-weight: 600;
  letter-spacing: -0.025em;
}

.cbw-conversation-rail h2 {
  font-size: 22px;
}

.cbw-conversation-rail > div {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: var(--cbw-cream-3) transparent;
  scrollbar-width: thin;
}

.cbw-conversation-item {
  display: grid;
  width: 100%;
  min-height: 76px;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border: 0;
  border-bottom: 1px solid var(--cbw-border);
  background: transparent;
  color: var(--cbw-cocoa-700);
  text-align: left;
  transition: background-color 150ms ease, box-shadow 150ms ease;
}

.cbw-conversation-item > .cbw-avatar {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
}

.cbw-conversation-item:hover,
.cbw-conversation-item.is-active {
  background: var(--cbw-cream-0);
}

.cbw-conversation-item.is-active {
  box-shadow: inset 3px 0 var(--cbw-accent);
}

.cbw-conversation-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
}

.cbw-conversation-item > span:nth-child(2) {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.cbw-conversation-item strong,
.cbw-conversation-item small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-conversation-item strong {
  color: var(--cbw-cocoa-900);
  font-size: 11px;
}

.cbw-conversation-item small,
.cbw-conversation-item time {
  color: var(--cbw-cocoa-500);
  font-size: 9px;
}

.cbw-conversation-item time {
  align-self: start;
  padding-top: 4px;
  white-space: nowrap;
}

.cbw-thread {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.cbw-thread-header {
  display: grid;
  min-width: 0;
  min-height: 78px;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 15px 20px;
  border-bottom: 1px solid var(--cbw-border);
}

.cbw-thread-header > .cbw-avatar {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
}

.cbw-thread-header > div {
  min-width: 0;
}

.cbw-thread-header p {
  overflow: hidden;
  margin: 0 0 4px;
  color: var(--cbw-cocoa-500);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.cbw-thread-header h2 {
  overflow: hidden;
  font-size: 21px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-thread-header > .cbw-status {
  max-width: 100%;
  justify-self: end;
}

.cbw-message-list {
  display: flex;
  min-height: 0;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 22px;
  background:
    radial-gradient(circle at 92% 6%, oklch(75% 0.09 65 / 0.09), transparent 28%),
    oklch(97.2% 0.014 80 / 0.72);
  scrollbar-color: var(--cbw-cream-3) transparent;
  scrollbar-width: thin;
}

.cbw-message-bubble {
  align-self: flex-start;
  width: fit-content;
  max-width: min(78%, 560px);
  padding: 12px 14px;
  border: 1px solid var(--cbw-border);
  border-radius: 5px 17px 17px;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-800);
  box-shadow: 0 14px 30px -28px oklch(32% 0.045 45 / 0.84);
}

.cbw-message-bubble.is-mine {
  align-self: flex-end;
  border-color: var(--cbw-cocoa-900);
  border-radius: 17px 5px 17px 17px;
  background: var(--cbw-cocoa-900);
  color: var(--cbw-cream-0);
}

.cbw-message-bubble header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.cbw-message-bubble strong,
.cbw-message-bubble time {
  font-size: 9px;
}

.cbw-message-bubble time {
  color: currentColor;
  opacity: 0.62;
}

.cbw-message-bubble p {
  overflow-wrap: anywhere;
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.cbw-thread-empty {
  display: grid;
  min-height: 0;
  align-content: center;
  justify-items: center;
  padding: 32px;
  background: oklch(97.2% 0.014 80 / 0.7);
  color: var(--cbw-cocoa-500);
  text-align: center;
}

.cbw-thread-empty > span {
  display: grid;
  width: 54px;
  height: 54px;
  margin-bottom: 14px;
  place-items: center;
  border-radius: 18px;
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
}

.cbw-thread-empty h3 {
  font-size: 23px;
}

.cbw-thread-empty p {
  max-width: 380px;
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.55;
}

.cbw-message-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
  padding: 14px 16px;
  border-top: 1px solid var(--cbw-border);
  background: var(--cbw-cream-0);
}

.cbw-message-composer label {
  display: block;
  min-width: 0;
}

.cbw-message-composer textarea {
  display: block;
  width: 100%;
  min-height: 50px;
  max-height: 160px;
  resize: vertical;
  padding: 13px 14px;
  border: 1px solid var(--cbw-border-strong);
  border-radius: 15px;
  outline: 0;
  background: var(--cbw-cream-1);
  color: var(--cbw-cocoa-900);
  font-size: 13px;
  line-height: 1.5;
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.cbw-message-composer textarea:focus {
  border-color: oklch(65% 0.14 45 / 0.62);
  background: var(--cbw-cream-0);
  box-shadow: 0 0 0 4px oklch(65% 0.14 45 / 0.09);
}

.cbw-message-composer textarea:focus-visible {
  outline: 3px solid var(--cbw-focus-ring);
  outline-offset: 2px;
}

.cbw-message-composer > .cbw-button {
  min-height: 50px;
}

.cbw-message-composer .cbw-form-error {
  grid-column: 1 / -1;
  margin: 0;
}

/* Profile, account security and record dialogs. */
.cbw-profile-spotlight {
  display: grid;
  grid-template-columns: minmax(250px, 0.8fr) minmax(0, 1.2fr);
  overflow: hidden;
}

.cbw-profile-spotlight-media {
  min-width: 0;
  min-height: 390px;
  overflow: hidden;
  background: var(--cbw-cream-2);
}

.cbw-profile-spotlight-body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  padding: clamp(24px, 4vw, 48px);
}

.cbw-profile-spotlight-body h2 {
  min-width: 0;
  overflow-wrap: anywhere;
  margin: -4px 0 0;
  color: var(--cbw-cocoa-950);
  font-family: var(--cbw-font-display);
  font-size: clamp(30px, 3.2vw, 42px);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.04;
}

.cbw-profile-spotlight-body > p:not(.cbw-eyebrow) {
  min-width: 0;
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--cbw-cocoa-600);
  font-size: 13px;
  line-height: 1.65;
}

.cbw-profile-spotlight-body > .cbw-profile-identity {
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  font-weight: 650;
}

.cbw-profile-spotlight-metrics,
.cbw-profile-stats {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.cbw-profile-spotlight-metrics > div,
.cbw-profile-stats > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--cbw-border);
  border-radius: 13px;
  background: oklch(93% 0.025 75 / 0.42);
}

.cbw-profile-cover {
  height: 168px;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 20%, oklch(98.5% 0.008 80 / 0.36), transparent 20%),
    radial-gradient(circle at 86% 18%, oklch(65% 0.14 45 / 0.28), transparent 30%),
    linear-gradient(132deg, var(--cbw-cocoa-900), var(--cbw-cocoa-700) 58%, var(--cbw-caramel-500));
}

.cbw-profile-cover .cbw-profile-media {
  font-size: 38px;
}

.cbw-profile-card .cbw-profile-head {
  position: relative;
  z-index: 1;
  margin: -52px 22px 0;
  padding: 17px 18px;
  border: 1px solid var(--cbw-border);
  border-radius: 20px;
  background: var(--cbw-cream-0);
  box-shadow: 0 22px 54px -40px oklch(25% 0.042 45 / 0.88);
}

.cbw-profile-card .cbw-avatar.is-large {
  width: 88px;
  height: 88px;
  flex-basis: 88px;
  border: 4px solid var(--cbw-cream-0);
  box-shadow: 0 8px 24px -14px oklch(25% 0.042 45 / 0.72);
}

.cbw-profile-website {
  flex: 0 0 auto;
  margin-left: auto;
}

.cbw-profile-card > .cbw-profile-bio {
  margin-top: 17px;
}

.cbw-profile-bio.is-empty {
  color: var(--cbw-cocoa-500);
  font-style: italic;
}

.cbw-profile-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0 22px 20px;
}

.cbw-profile-tags {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0 22px 20px;
}

.cbw-profile-tags span {
  max-width: 100%;
  padding: 6px 10px;
  overflow: hidden;
  border: 1px solid var(--cbw-border);
  border-radius: 999px;
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
  font-size: 10px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-brand-profile-notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 0 22px 20px;
}

.cbw-brand-profile-notes article {
  display: grid;
  min-width: 0;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  padding: 15px;
  border: 1px solid var(--cbw-border);
  border-radius: 16px;
  background: oklch(93% 0.025 75 / 0.42);
}

.cbw-brand-profile-notes article > span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
}

.cbw-brand-profile-notes h3,
.cbw-brand-profile-notes p {
  margin: 0;
}

.cbw-brand-profile-notes h3 {
  color: var(--cbw-cocoa-900);
  font-size: 12px;
}

.cbw-brand-profile-notes p {
  margin-top: 5px;
  color: var(--cbw-cocoa-600);
  font-size: 11px;
  line-height: 1.55;
}

.cbw-profile-links {
  display: grid;
  min-width: 0;
  gap: 8px;
  padding: 0 22px 20px;
}

.cbw-profile-links > strong {
  color: var(--cbw-cocoa-700);
  font-size: 11px;
}

.cbw-profile-links > div {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: 8px 14px;
}

.cbw-security-panel > .cbw-actions {
  padding: 0 18px 18px;
}

.cbw-dialog-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 22px 24px 24px;
}

.cbw-dialog-details > div {
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--cbw-border);
  border-radius: 13px;
  background: oklch(93% 0.025 75 / 0.42);
}

.cbw-dialog-details > .is-wide {
  grid-column: 1 / -1;
}

.cbw-dialog-details dd {
  font-size: 12px;
  white-space: pre-wrap;
}

.cbw-dialog-links {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 4px;
}

.cbw-inline-link {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  color: var(--cbw-accent-strong);
  font-size: 11px;
  font-weight: 750;
  overflow-wrap: anywhere;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.cbw-inline-link:hover {
  color: var(--cbw-cocoa-900);
}

.cbw-deal-tools {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 24px 0;
}

.cbw-deal-tools > section {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--cbw-border);
  border-radius: 17px;
  background: oklch(93% 0.025 75 / 0.34);
}

.cbw-deal-tools > section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.cbw-deal-tools h3 {
  margin: 0;
  font-family: var(--cbw-font-display);
  font-size: 17px;
  font-weight: 600;
}

.cbw-deal-tools > section > header > span {
  color: var(--cbw-cocoa-500);
  font-size: 10px;
  font-weight: 750;
}

.cbw-checklist,
.cbw-deal-notes {
  display: grid;
  max-height: 240px;
  gap: 7px;
  overflow-y: auto;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.cbw-checklist button {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  gap: 9px;
  padding: 7px 8px;
  border: 0;
  border-radius: 11px;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-800);
  text-align: left;
}

.cbw-checklist button > span:first-child {
  display: grid;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  place-items: center;
  border: 1px solid var(--cbw-border-strong);
  border-radius: 7px;
  background: var(--cbw-cream-1);
  color: var(--cbw-cream-0);
  font-size: 11px;
}

.cbw-checklist .is-complete button > span:first-child {
  border-color: var(--cbw-green-700);
  background: var(--cbw-green-700);
}

.cbw-checklist .is-complete button > span:last-child {
  color: var(--cbw-cocoa-500);
  text-decoration: line-through;
}

.cbw-deal-notes li {
  padding: 9px 10px;
  border: 1px solid var(--cbw-border);
  border-radius: 11px;
  background: var(--cbw-cream-0);
}

.cbw-deal-notes strong,
.cbw-deal-notes time {
  color: var(--cbw-cocoa-500);
  font-size: 9px;
}

.cbw-deal-notes p {
  overflow-wrap: anywhere;
  margin: 4px 0;
  font-size: 11px;
  line-height: 1.5;
}

.cbw-inline-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
}

.cbw-inline-form label {
  min-width: 0;
}

.cbw-inline-form input,
.cbw-inline-form textarea {
  width: 100%;
  min-height: 44px;
  resize: vertical;
  border: 1px solid var(--cbw-border-strong);
  border-radius: 11px;
  background: var(--cbw-cream-0);
  padding: 10px 11px;
  color: var(--cbw-cocoa-900);
  font: inherit;
  font-size: 11px;
}

.cbw-inline-form .cbw-form-error {
  grid-column: 1 / -1;
}

/* Refined workspace controls, pagination and administration surfaces. */
.cbw-collection-toolbar {
  align-items: center;
  gap: 12px;
  background:
    linear-gradient(180deg, oklch(98.5% 0.008 80 / 0.82), oklch(93% 0.025 75 / 0.52));
}

.cbw-filter-controls {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: end;
  gap: 9px;
}

.cbw-filter-controls label {
  min-width: 142px;
}

.cbw-collection-toolbar label > span {
  padding-left: 2px;
  color: var(--cbw-cocoa-600);
}

.cbw-collection-toolbar select {
  width: 100%;
  min-width: 142px;
  min-height: 44px;
  appearance: none;
  padding: 9px 38px 9px 12px;
  border-color: var(--cbw-border-strong);
  border-radius: 12px;
  background-color: var(--cbw-cream-0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b5145' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11px center;
  box-shadow: 0 1px 0 oklch(98.5% 0.008 80 / 0.9), 0 8px 20px -18px oklch(32% 0.045 45 / 0.7);
  font-size: 12px;
  font-weight: 650;
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.cbw-collection-toolbar select:hover {
  border-color: var(--cbw-cocoa-500);
  background-color: white;
}

.cbw-collection-toolbar select:focus-visible {
  border-color: var(--cbw-accent-strong);
  outline: 3px solid var(--cbw-focus-ring);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px oklch(65% 0.14 45 / 0.09);
}

.cbw-result-count {
  display: inline-flex;
  min-height: 32px;
  flex: 0 0 auto;
  align-items: center;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid var(--cbw-border);
  border-radius: 999px;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-600);
  white-space: nowrap;
}

.cbw-collection-toolbar .cbw-result-count {
  margin-left: auto;
}

.cbw-pagination {
  display: flex;
  min-width: 0;
  min-height: 66px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 18px;
  border-top: 1px solid var(--cbw-border);
  background: oklch(98.5% 0.008 80 / 0.76);
}

.cbw-pagination p {
  margin: 0;
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.cbw-pagination > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
}

.cbw-pagination button {
  display: inline-grid;
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  border: 1px solid var(--cbw-border);
  border-radius: 12px;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-700);
  font-size: 12px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 8px 22px -20px oklch(32% 0.045 45 / 0.8);
  transition: transform 140ms ease, border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}

.cbw-pagination button:hover:not(:disabled) {
  border-color: var(--cbw-accent);
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
  transform: translateY(-1px);
}

.cbw-pagination button[aria-current="page"] {
  border-color: var(--cbw-accent-strong);
  background: var(--cbw-accent-strong);
  color: var(--cbw-cream-0);
  box-shadow: 0 10px 25px -16px var(--cbw-accent-strong);
}

.cbw-pagination button:disabled {
  background: var(--cbw-cream-1);
  box-shadow: none;
}

.cbw-pagination button:first-child .cbw-icon {
  transform: rotate(180deg);
}

.cbw-pagination.is-compact {
  display: grid;
  min-height: 58px;
  grid-template-columns: 1fr;
  gap: 6px;
  padding: 8px 12px;
}

.cbw-pagination.is-compact > div {
  overflow-x: auto;
  padding: 2px;
  scrollbar-width: thin;
}

.cbw-pagination.is-compact button {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 11px;
}

.cbw-bulk-toolbar {
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 18px;
  border-bottom: 1px solid oklch(98.5% 0.008 80 / 0.12);
  background:
    radial-gradient(circle at 100% 0, oklch(75% 0.09 65 / 0.2), transparent 36%),
    var(--cbw-cocoa-900);
  color: var(--cbw-cream-0);
}

.cbw-bulk-toolbar > strong {
  font-family: var(--cbw-font-display);
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
}

.cbw-bulk-toolbar > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.cbw-bulk-toolbar .cbw-button {
  min-height: 42px;
  border-color: oklch(98.5% 0.008 80 / 0.22);
  background: oklch(98.5% 0.008 80 / 0.09);
  color: var(--cbw-cream-0);
}

.cbw-bulk-toolbar .cbw-button:hover {
  border-color: oklch(98.5% 0.008 80 / 0.48);
  background: oklch(98.5% 0.008 80 / 0.16);
}

.cbw-button-danger,
.cbw-bulk-toolbar .cbw-button-danger {
  border-color: rgba(152, 58, 53, 0.35);
  background: var(--cbw-red-100);
  color: var(--cbw-red-700);
}

.cbw-button-danger:hover,
.cbw-bulk-toolbar .cbw-button-danger:hover {
  border-color: var(--cbw-red-700);
  background: #f8e4e1;
  color: #7f2f2b;
}

.cbw-select-cell {
  width: 54px;
  max-width: 54px !important;
  padding-right: 7px !important;
  padding-left: 14px !important;
}

.cbw-check {
  position: relative;
  display: inline-grid !important;
  width: 44px;
  min-width: 44px !important;
  height: 44px;
  min-height: 44px;
  place-items: center;
  cursor: pointer;
}

.cbw-check input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.cbw-check > span:not(.cbw-visually-hidden) {
  position: relative;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid var(--cbw-border-strong);
  border-radius: 7px;
  background: var(--cbw-cream-0);
  box-shadow: inset 0 0 0 1px oklch(98.5% 0.008 80 / 0.65);
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.cbw-check:hover > span:not(.cbw-visually-hidden) {
  border-color: var(--cbw-accent-strong);
  transform: scale(1.04);
}

.cbw-check input:checked + span,
.cbw-check input:indeterminate + span {
  border-color: var(--cbw-accent-strong);
  background: var(--cbw-accent-strong);
  box-shadow: 0 5px 14px -9px var(--cbw-accent-strong);
}

.cbw-check input:checked + span::after {
  width: 9px;
  height: 5px;
  margin-top: -2px;
  border-bottom: 2px solid var(--cbw-cream-0);
  border-left: 2px solid var(--cbw-cream-0);
  content: "";
  transform: rotate(-45deg);
}

.cbw-check input:indeterminate + span::after {
  width: 9px;
  height: 2px;
  border-radius: 2px;
  background: var(--cbw-cream-0);
  content: "";
}

.cbw-check input:focus-visible + span {
  outline: 3px solid var(--cbw-focus-ring);
  outline-offset: 3px;
}

.cbw-check input:disabled + span {
  opacity: 0.45;
  filter: grayscale(1);
}

.cbw-table-wrap tbody tr.is-selected,
.cbw-table-wrap tbody tr[data-selected="true"] {
  background: var(--cbw-accent-soft);
  box-shadow: inset 3px 0 var(--cbw-accent-strong);
}

.cbw-row-button {
  min-height: 40px;
}

.cbw-deal-profile {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 58px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: var(--cbw-cocoa-800);
  text-align: left;
  transition: border-color 140ms ease, background-color 140ms ease, transform 140ms ease;
}

.cbw-deal-profile:not(.is-static):hover {
  border-color: var(--cbw-border);
  background: var(--cbw-cream-1);
  transform: translateY(-1px);
}

.cbw-deal-profile > .cbw-avatar {
  width: 42px;
  height: 42px;
  flex-basis: 42px;
}

.cbw-deal-profile > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.cbw-deal-profile strong,
.cbw-deal-profile small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-deal-profile strong {
  font-size: 12px;
}

.cbw-deal-profile small {
  color: var(--cbw-cocoa-500);
  font-size: 10px;
}

.cbw-deal-profile > .cbw-icon {
  color: var(--cbw-cocoa-500);
}

.cbw-application-profile {
  display: grid;
  width: calc(100% - 48px);
  min-width: 0;
  min-height: 68px;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  margin: 18px 24px 0;
  padding: 9px 11px;
  border: 1px solid var(--cbw-border);
  border-radius: 16px;
  background: var(--cbw-cream-1);
  color: var(--cbw-cocoa-800);
  text-align: left;
  transition: border-color 140ms ease, background-color 140ms ease, transform 140ms ease;
}

.cbw-application-profile:hover {
  border-color: var(--cbw-accent);
  background: var(--cbw-cream-0);
  transform: translateY(-1px);
}

.cbw-application-profile > .cbw-avatar {
  width: 46px;
  height: 46px;
  flex-basis: 46px;
}

.cbw-application-profile > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.cbw-application-profile strong,
.cbw-application-profile small,
.cbw-application-profile em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-application-profile strong { font-size: 12px; }
.cbw-application-profile small { color: var(--cbw-cocoa-500); font-size: 9px; }
.cbw-application-profile em { color: var(--cbw-accent-strong); font-size: 9px; font-style: normal; font-weight: 750; }

/* Live administration metrics use real session data without a decorative fake counter. */
.cbw-presence-panel {
  display: grid;
  align-content: start;
  border: 1px solid var(--cbw-border);
  background:
    radial-gradient(circle at 92% 14%, rgba(53, 102, 76, 0.13), transparent 34%),
    var(--cbw-cream-0);
  box-shadow: var(--cbw-shadow-sm);
}

.cbw-presence-total {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  padding: 22px 20px;
  border-bottom: 1px solid var(--cbw-border);
}

.cbw-live-dot {
  position: relative;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--cbw-green-700);
  box-shadow: 0 0 0 5px rgba(53, 102, 76, 0.12);
}

.cbw-live-dot::after {
  position: absolute;
  inset: -5px;
  border: 1px solid rgba(53, 102, 76, 0.42);
  border-radius: inherit;
  content: "";
  animation: cbw-live-pulse 2.2s ease-out infinite;
}

@keyframes cbw-live-pulse {
  0%, 35% { opacity: 0.8; transform: scale(0.72); }
  80%, 100% { opacity: 0; transform: scale(1.5); }
}

.cbw-presence-total > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.cbw-presence-total strong {
  color: var(--cbw-cocoa-950);
  font-family: var(--cbw-font-display);
  font-size: clamp(34px, 5vw, 48px);
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 0.95;
}

.cbw-presence-total p,
.cbw-panel-note {
  margin: 0;
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  line-height: 1.5;
}

.cbw-source-pill {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 5px 9px;
  border: 1px solid rgba(53, 102, 76, 0.2);
  border-radius: 999px;
  background: var(--cbw-green-100);
  color: var(--cbw-green-700);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.cbw-presence-breakdown {
  display: grid;
  gap: 10px;
  padding: 18px 20px 8px;
}

.cbw-presence-breakdown h3 {
  margin: 0;
  color: var(--cbw-cocoa-800);
  font-size: 11px;
}

.cbw-presence-breakdown ul {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cbw-presence-breakdown li {
  display: flex;
  min-width: 0;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 9px;
  border-radius: 10px;
  color: var(--cbw-cocoa-600);
  font-size: 11px;
}

.cbw-presence-breakdown li:nth-child(odd) {
  background: oklch(93% 0.025 75 / 0.4);
}

.cbw-presence-breakdown li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-presence-breakdown li strong {
  display: grid;
  min-width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 9px;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-800);
  font-size: 10px;
}

.cbw-presence-roles {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 20px 20px;
}

.cbw-presence-roles > span {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 8px;
  padding: 6px 8px 6px 11px;
  border: 1px solid var(--cbw-border);
  border-radius: 999px;
  background: var(--cbw-cream-1);
  color: var(--cbw-cocoa-600);
  font-size: 10px;
  font-weight: 700;
}

.cbw-presence-roles strong {
  display: grid;
  min-width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  background: var(--cbw-cocoa-900);
  color: var(--cbw-cream-0);
  font-size: 9px;
}

.cbw-presence-panel > .cbw-panel-note {
  padding: 18px 20px;
}

/* Message review and participant profile controls. */
.cbw-thread-header:has(.cbw-thread-profile) {
  grid-template-columns: 46px minmax(0, 1fr) auto;
}

.cbw-thread-profile {
  display: inline-grid;
  width: 46px;
  height: 46px;
  padding: 2px;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  transition: border-color 140ms ease, background-color 140ms ease, transform 140ms ease;
}

.cbw-thread-profile:hover:not(:disabled) {
  border-color: var(--cbw-accent);
  background: var(--cbw-accent-soft);
  transform: translateY(-1px);
}

.cbw-thread-profile .cbw-avatar {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
}

.cbw-admin-inbox {
  min-height: min(680px, calc(100dvh - 230px));
  height: calc(100dvh - 214px);
  max-height: 820px;
  grid-template-columns: minmax(300px, 350px) minmax(0, 1fr);
}

.cbw-admin-inbox .cbw-conversation-rail > div {
  flex: 1 1 auto;
}

.cbw-admin-inbox .cbw-conversation-rail > .cbw-pagination {
  flex: 0 0 auto;
  border-top: 1px solid var(--cbw-border);
  background: var(--cbw-cream-1);
}

.cbw-admin-message header button {
  min-width: 0;
  min-height: 32px;
  overflow: hidden;
  padding: 3px 6px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: currentColor;
  font-size: 9px;
  font-weight: 800;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-admin-message header button:hover:not(:disabled) {
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
}

.cbw-readonly-footer {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--cbw-border);
  background: var(--cbw-cream-1);
  color: var(--cbw-cocoa-500);
  font-size: 10px;
  font-weight: 700;
  text-align: center;
}

/* A focused, order-like deal view keeps terms, progress and collaboration in one place. */
.cbw-dialog.is-wide {
  width: min(1080px, calc(100vw - 32px));
  max-height: min(92vh, 940px);
  max-height: min(92dvh, 940px);
}

.cbw-deal-workspace {
  display: grid;
  min-width: 0;
  gap: 16px;
  padding: 20px 24px 26px;
  background:
    radial-gradient(circle at 95% 0, oklch(75% 0.09 65 / 0.1), transparent 30%),
    var(--cbw-cream-0);
}

.cbw-deal-hero {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border: 1px solid var(--cbw-border);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0, oklch(65% 0.14 45 / 0.11), transparent 38%),
    linear-gradient(145deg, var(--cbw-cream-1), var(--cbw-cream-0));
  box-shadow: 0 20px 48px -42px oklch(25% 0.042 45 / 0.7);
}

.cbw-deal-hero > div,
.cbw-deal-hero-copy {
  display: grid;
  min-width: 0;
  gap: 6px;
}

.cbw-deal-hero h3,
.cbw-deal-section h3,
.cbw-deal-sidebar h3 {
  margin: 0;
  color: var(--cbw-cocoa-950);
  font-family: var(--cbw-font-display);
  font-weight: 600;
  letter-spacing: -0.025em;
}

.cbw-deal-hero h3 {
  overflow-wrap: anywhere;
  font-size: clamp(24px, 3.4vw, 34px);
  line-height: 1.08;
}

.cbw-deal-hero p,
.cbw-deal-section > p {
  margin: 0;
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  line-height: 1.55;
}

.cbw-deal-hero-status {
  display: grid;
  justify-items: end;
  gap: 7px;
}

.cbw-deal-hero-status > span:last-child {
  color: var(--cbw-cocoa-800);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.cbw-deal-parties {
  display: grid;
  min-width: 0;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding-top: 2px;
}

.cbw-deal-link {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid var(--cbw-border);
  border-radius: 14px;
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
}

.cbw-deal-party {
  display: grid;
  width: min(100%, 330px);
  min-width: 0;
  min-height: 70px;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 9px 11px;
  border: 1px solid var(--cbw-border);
  border-radius: 16px;
  background: var(--cbw-cream-0);
  color: var(--cbw-cocoa-800);
  text-align: left;
}

button.cbw-deal-party {
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

button.cbw-deal-party:hover:not(:disabled) {
  border-color: var(--cbw-accent);
  box-shadow: 0 16px 32px -28px var(--cbw-accent-strong);
  transform: translateY(-1px);
}

.cbw-deal-party > .cbw-avatar {
  width: 50px;
  height: 50px;
  flex-basis: 50px;
}

.cbw-deal-party > span,
.cbw-deal-party > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.cbw-deal-party strong,
.cbw-deal-party small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-deal-party strong {
  font-size: 12px;
}

.cbw-deal-party small {
  color: var(--cbw-cocoa-500);
  font-size: 10px;
}

.cbw-deal-party em {
  overflow: hidden;
  color: var(--cbw-accent-strong);
  font-size: 9px;
  font-style: normal;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-deal-timeline {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(5, minmax(112px, 1fr));
  gap: 0;
  overflow-x: auto;
  margin: 0;
  padding: 13px 14px 11px;
  grid-column: 1 / -1;
  border: 1px solid var(--cbw-border);
  border-radius: 18px;
  background: var(--cbw-cream-1);
  list-style: none;
  scrollbar-color: var(--cbw-cream-3) transparent;
  scrollbar-width: thin;
}

.cbw-deal-stage {
  position: relative;
  display: grid;
  min-width: 112px;
  gap: 4px;
  padding: 26px 8px 5px;
  color: var(--cbw-cocoa-500);
  font-size: 9px;
  font-weight: 750;
  text-align: center;
}

.cbw-deal-stage > span {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 3px solid var(--cbw-cream-1);
  border-radius: 50%;
  background: var(--cbw-cream-3);
  color: var(--cbw-cocoa-700);
  font-size: 9px;
  font-weight: 850;
  box-shadow: 0 0 0 1px var(--cbw-border-strong);
  transform: translateX(-50%);
}

.cbw-deal-stage:not(:last-child)::after {
  position: absolute;
  top: 11px;
  left: calc(50% + 14px);
  width: calc(100% - 28px);
  height: 2px;
  background: var(--cbw-cream-3);
  content: "";
}

.cbw-deal-stage.is-complete,
.cbw-deal-stage.is-done,
.cbw-deal-stage.is-current,
.cbw-deal-stage.is-active {
  color: var(--cbw-cocoa-800);
}

.cbw-deal-stage.is-complete > span,
.cbw-deal-stage.is-done > span {
  background: var(--cbw-green-700);
  color: var(--cbw-cream-0);
  box-shadow: 0 0 0 1px var(--cbw-green-700);
}

.cbw-deal-stage.is-complete:not(:last-child)::after,
.cbw-deal-stage.is-done:not(:last-child)::after {
  background: rgba(53, 102, 76, 0.5);
}

.cbw-deal-stage.is-current > span,
.cbw-deal-stage.is-active > span {
  background: var(--cbw-accent);
  color: var(--cbw-cream-0);
  box-shadow: 0 0 0 1px var(--cbw-accent-strong), 0 0 0 5px var(--cbw-accent-soft);
}

.cbw-deal-stage.is-cancelled > span {
  background: var(--cbw-red-700);
  color: var(--cbw-cream-0);
  box-shadow: 0 0 0 1px var(--cbw-red-700);
}

.cbw-deal-layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1.55fr) minmax(270px, 0.75fr);
  align-items: start;
  gap: 16px;
}

.cbw-deal-layout > div,
.cbw-deal-layout > main,
.cbw-deal-main,
.cbw-deal-primary,
.cbw-deal-sidebar {
  display: grid;
  min-width: 0;
  gap: 14px;
}

.cbw-deal-section,
.cbw-deal-sidebar > section {
  min-width: 0;
  padding: 17px;
  border: 1px solid var(--cbw-border);
  border-radius: 18px;
  background: var(--cbw-cream-0);
  box-shadow: 0 16px 40px -38px oklch(25% 0.042 45 / 0.68);
}

.cbw-deal-section > header,
.cbw-deal-sidebar > section > header {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 13px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--cbw-border);
}

.cbw-deal-section > header > span:first-child,
.cbw-deal-sidebar > section > header > span:first-child {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  border-radius: 11px;
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
}

.cbw-deal-section > header > div,
.cbw-deal-sidebar > section > header > div {
  display: grid;
  min-width: 0;
  flex: 1 1 auto;
  gap: 3px;
}

.cbw-deal-section > header p,
.cbw-deal-sidebar > section > header p {
  margin: 0;
  color: var(--cbw-cocoa-500);
  font-size: 10px;
  line-height: 1.45;
}

.cbw-deal-section h3,
.cbw-deal-sidebar h3 {
  font-size: 18px;
}

.cbw-deal-meta {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.cbw-deal-meta > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--cbw-border);
  border-radius: 13px;
  background: var(--cbw-cream-1);
}

.cbw-deal-meta > .is-wide {
  grid-column: 1 / -1;
}

.cbw-deal-meta dt {
  margin: 0 0 4px;
  color: var(--cbw-cocoa-500);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cbw-deal-meta dd {
  min-width: 0;
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--cbw-cocoa-800);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  white-space: pre-wrap;
}

.cbw-deal-sidebar {
  position: sticky;
  top: 0;
}

.cbw-deal-status-grid,
.cbw-deal-delivery-list,
.cbw-deal-activity-list,
.cbw-account-records {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cbw-deal-status-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cbw-deal-status-card,
.cbw-deal-status-grid > article,
.cbw-deal-delivery-list > li,
.cbw-deal-activity-list > li,
.cbw-account-records > li {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--cbw-border);
  border-radius: 13px;
  background: var(--cbw-cream-1);
  color: var(--cbw-cocoa-600);
  font-size: 11px;
  line-height: 1.5;
}

.cbw-deal-status-card strong,
.cbw-deal-status-grid > article strong,
.cbw-deal-delivery-list strong,
.cbw-deal-activity-list strong {
  display: block;
  margin-bottom: 3px;
  color: var(--cbw-cocoa-800);
  font-size: 11px;
}

.cbw-deal-status-grid > article small {
  display: block;
  margin-bottom: 4px;
  color: var(--cbw-cocoa-500);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.cbw-deal-section > .cbw-status-banner {
  margin: 12px 0 0;
}

.cbw-account-records > button {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 58px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px 11px;
  border: 1px solid var(--cbw-border);
  border-radius: 13px;
  background: var(--cbw-cream-1);
  color: var(--cbw-cocoa-700);
  text-align: left;
  transition: border-color 140ms ease, background-color 140ms ease, transform 140ms ease;
}

.cbw-account-records > button:hover {
  border-color: var(--cbw-accent);
  background: var(--cbw-cream-0);
  transform: translateY(-1px);
}

.cbw-account-records > button > span:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.cbw-account-records > button strong,
.cbw-account-records > button small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cbw-account-records > button strong {
  color: var(--cbw-cocoa-800);
  font-size: 11px;
}

.cbw-account-records > button small {
  color: var(--cbw-cocoa-500);
  font-size: 9px;
}

.cbw-deal-message-preview,
.cbw-deal-history,
.cbw-account-activity {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cbw-deal-message-preview > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  padding: 11px 12px;
  border: 1px solid var(--cbw-border);
  border-radius: 13px;
  background: var(--cbw-cream-1);
}

.cbw-deal-message-preview strong,
.cbw-deal-message-preview time {
  color: var(--cbw-cocoa-500);
  font-size: 9px;
}

.cbw-deal-message-preview p {
  grid-column: 1 / -1;
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--cbw-cocoa-700);
  font-size: 11px;
  line-height: 1.5;
}

.cbw-deal-history > li {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 10px;
}

.cbw-deal-history > li > span {
  position: relative;
  width: 9px;
  height: 9px;
  margin-top: 5px;
  border-radius: 50%;
  background: var(--cbw-green-700);
  box-shadow: 0 0 0 4px var(--cbw-green-100);
}

.cbw-deal-history > li:not(:last-child) > span::after {
  position: absolute;
  top: 13px;
  left: 4px;
  width: 1px;
  height: calc(100% + 21px);
  background: var(--cbw-border-strong);
  content: "";
}

.cbw-deal-history > li > div {
  display: grid;
  gap: 2px;
  padding-bottom: 12px;
}

.cbw-deal-history strong {
  color: var(--cbw-cocoa-800);
  font-size: 11px;
}

.cbw-deal-history time {
  color: var(--cbw-cocoa-500);
  font-size: 9px;
}

.cbw-deal-sidebar .cbw-deal-tools {
  grid-template-columns: 1fr;
  margin: 0;
}

.cbw-deal-section > .cbw-dialog-copy,
.cbw-deal-tools .cbw-dialog-copy,
.cbw-admin-account-section > .cbw-dialog-copy {
  margin: 0;
  padding: 0;
}

.cbw-deal-workspace-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

/* Admin account inspection keeps identity, controls and linked records distinct. */
.cbw-admin-account,
.cbw-admin-user {
  display: grid;
  min-width: 0;
  gap: 16px;
  padding: 20px 24px 26px;
}

.cbw-admin-account-hero,
.cbw-admin-user-hero {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 17px;
  border: 1px solid var(--cbw-border);
  border-radius: 19px;
  background:
    radial-gradient(circle at 100% 0, oklch(75% 0.09 65 / 0.14), transparent 42%),
    var(--cbw-cream-1);
}

.cbw-admin-account-hero > .cbw-avatar,
.cbw-admin-user-hero > .cbw-avatar,
.cbw-admin-account-hero .cbw-account-identity > .cbw-avatar,
.cbw-admin-user-hero .cbw-account-identity > .cbw-avatar {
  width: 72px;
  height: 72px;
  flex-basis: 72px;
}

.cbw-account-identity,
.cbw-admin-account-identity {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.cbw-admin-account-hero .cbw-account-identity,
.cbw-admin-user-hero .cbw-account-identity {
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

.cbw-admin-account-hero .cbw-account-identity > div,
.cbw-admin-user-hero .cbw-account-identity > div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.cbw-account-identity h3,
.cbw-admin-account-identity h3 {
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--cbw-cocoa-950);
  font-family: var(--cbw-font-display);
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.cbw-account-identity p,
.cbw-admin-account-identity p {
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--cbw-cocoa-500);
  font-size: 11px;
  line-height: 1.45;
}

.cbw-account-badges {
  display: flex;
  max-width: 240px;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.cbw-admin-account-grid,
.cbw-admin-user-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 14px;
}

.cbw-admin-account-section,
.cbw-admin-user-section,
.cbw-account-section {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--cbw-border);
  border-radius: 17px;
  background: var(--cbw-cream-0);
}

.cbw-admin-account-section > header,
.cbw-admin-user-section > header,
.cbw-account-section > header {
  display: grid;
  align-items: start;
  gap: 4px;
  margin-bottom: 12px;
  padding-bottom: 11px;
  border-bottom: 1px solid var(--cbw-border);
}

.cbw-admin-account-section > header p,
.cbw-admin-user-section > header p,
.cbw-account-section > header p {
  margin: 0;
  color: var(--cbw-cocoa-500);
  font-size: 10px;
  line-height: 1.45;
}

.cbw-admin-account-section h3,
.cbw-admin-user-section h3,
.cbw-account-section h3 {
  margin: 0;
  color: var(--cbw-cocoa-900);
  font-family: var(--cbw-font-display);
  font-size: 17px;
  font-weight: 600;
}

.cbw-account-stats {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.cbw-account-stats > div,
.cbw-account-stats > article {
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--cbw-border);
  border-radius: 12px;
  background: var(--cbw-cream-1);
}

.cbw-account-stats dt,
.cbw-account-stats article small {
  display: block;
  margin-bottom: 4px;
  color: var(--cbw-cocoa-500);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.cbw-account-stats dd,
.cbw-account-stats article strong {
  display: block;
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--cbw-cocoa-900);
  font-size: 13px;
  font-weight: 750;
}

.cbw-account-message-summary {
  display: grid;
  min-width: 0;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 11px;
  border: 1px solid var(--cbw-border);
  border-radius: 14px;
  background: var(--cbw-cream-1);
}

.cbw-account-message-summary > span:first-child {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 13px;
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
}

.cbw-account-message-summary > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.cbw-account-message-summary strong {
  overflow-wrap: anywhere;
  color: var(--cbw-cocoa-800);
  font-size: 11px;
}

.cbw-account-message-summary p {
  margin: 0;
  color: var(--cbw-cocoa-500);
  font-size: 9px;
  line-height: 1.45;
}

.cbw-account-activity > li {
  display: grid;
  min-width: 0;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  padding: 10px;
  border: 1px solid var(--cbw-border);
  border-radius: 13px;
  background: var(--cbw-cream-1);
}

.cbw-account-activity > li > span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 10px;
  background: var(--cbw-accent-soft);
  color: var(--cbw-accent-strong);
}

.cbw-account-activity > li > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.cbw-account-activity strong,
.cbw-account-activity small,
.cbw-account-activity time {
  overflow-wrap: anywhere;
}

.cbw-account-activity strong {
  color: var(--cbw-cocoa-800);
  font-size: 11px;
}

.cbw-account-activity small,
.cbw-account-activity time {
  color: var(--cbw-cocoa-500);
  font-size: 9px;
  line-height: 1.4;
}

.cbw-admin-account > .cbw-form-actions,
.cbw-admin-user > .cbw-form-actions {
  margin: 0;
}

body.cbw-nav-locked {
  overflow: hidden;
}

.cbw-toast {
  position: fixed;
  z-index: 200;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  max-width: min(380px, calc(100vw - 36px));
  padding: 13px 16px;
  border: 1px solid rgba(53, 102, 76, 0.25);
  border-radius: 13px;
  background: var(--cbw-green-100);
  color: var(--cbw-green-700);
  font-size: 12px;
  font-weight: 750;
  box-shadow: var(--cbw-shadow-lg);
  animation: cbw-toast-in 180ms ease-out;
}

.cbw-toast.is-error {
  border-color: rgba(152, 58, 53, 0.25);
  background: var(--cbw-red-100);
  color: var(--cbw-red-700);
}

@keyframes cbw-toast-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.cbw-fatal-card {
  width: min(520px, 100%);
  padding: clamp(28px, 6vw, 52px);
  border-radius: var(--cbw-radius-lg);
  text-align: left;
}

.cbw-fatal-card .cbw-mark {
  margin-bottom: 24px;
  background: var(--cbw-cocoa-900);
}

.cbw-fatal-logo {
  display: block;
  width: min(154px, 100%);
  max-width: 100%;
  height: auto;
  margin: 0 0 24px;
  object-fit: contain;
}

.cbw-fatal-card h1 {
  font-size: clamp(34px, 6vw, 48px);
  line-height: 1.02;
}

.cbw-fatal-card > p:not(.cbw-eyebrow) {
  margin: 14px 0 24px;
  color: var(--cbw-cocoa-600);
  line-height: 1.6;
}

.cbw-skeleton-app {
  display: grid;
  min-height: 100vh;
  min-height: 100dvh;
  grid-template-columns: var(--cbw-sidebar-width) minmax(0, 1fr);
  background: var(--cbw-cream-1);
}

.cbw-skeleton-side {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 14px;
  border-right: 1px solid var(--cbw-border);
  background: oklch(96.5% 0.012 75);
}

.cbw-skeleton-body {
  min-width: 0;
}

.cbw-skeleton-top {
  display: flex;
  min-height: var(--cbw-topbar-height);
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  padding: 14px clamp(16px, 2.6vw, 32px);
  border-bottom: 1px solid var(--cbw-border);
  background: oklch(98.5% 0.008 80 / 0.9);
}

.cbw-skeleton-main,
.cbw-main-loading {
  display: grid;
  gap: 22px;
  padding: 40px clamp(24px, 3vw, 40px);
}

.cbw-skeleton {
  display: block;
  overflow: hidden;
  border-radius: 10px;
  background: linear-gradient(100deg, var(--cbw-cream-2) 15%, var(--cbw-cream-0) 35%, var(--cbw-cream-2) 55%);
  background-size: 220% 100%;
  animation: cbw-shimmer 1.35s linear infinite;
}

.cbw-skeleton-side .cbw-skeleton {
  background: linear-gradient(100deg, var(--cbw-cream-2) 15%, var(--cbw-cream-0) 35%, var(--cbw-cream-2) 55%);
  background-size: 220% 100%;
}

@keyframes cbw-shimmer { to { background-position-x: -220%; } }

.cbw-skeleton-logo { width: 142px; height: 40px; margin: 0 6px 24px; }
.cbw-skeleton-nav { width: 100%; height: 40px; border-radius: 12px; }
.cbw-skeleton-search { width: min(480px, 55%); height: 43px; }
.cbw-skeleton-avatar { width: 44px; height: 44px; border-radius: 50%; }
.cbw-skeleton-title { width: min(460px, 70%); height: 58px; }
.cbw-skeleton-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.cbw-skeleton-card { height: 132px; }
.cbw-skeleton-table { height: 340px; border-radius: var(--cbw-radius-lg); }

.cbw-menu-button,
.cbw-sidebar-close,
.cbw-scrim {
  display: none;
}

@media (max-width: 1279px) {
  .cbw-deal-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1180px) {
  .cbw-topbar { grid-template-columns: minmax(130px, auto) minmax(180px, 1fr) auto; }
  .cbw-top-home { display: none; }
  .cbw-account-copy { display: none; }
  .cbw-account-button { padding-right: 4px; }
  .cbw-account-button > .cbw-icon { display: none; }
}

/* Keep data readable with the desktop sidebar still present at 1024px. */
@media (max-width: 1100px) {
  .cbw-table-wrap { overflow: visible; }
  .cbw-table-wrap table,
  .cbw-table-wrap tbody,
  .cbw-table-wrap tr,
  .cbw-table-wrap td { display: block; width: 100%; }
  .cbw-table-wrap thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
  .cbw-table-wrap tbody { padding: 10px; }
  .cbw-table-wrap tbody tr { padding: 10px 12px; border: 1px solid var(--cbw-border); border-radius: 14px; background: var(--cbw-cream-0); }
  .cbw-table-wrap tbody tr + tr { margin-top: 9px; }
  .cbw-table-wrap td,
  .cbw-table-wrap td:first-child { display: grid; max-width: none; min-width: 0; grid-template-columns: minmax(86px, 30%) minmax(0, 1fr); gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--cbw-border); text-align: right; overflow-wrap: anywhere; }
  .cbw-table-wrap td::before { color: var(--cbw-cocoa-500); content: attr(data-label); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-align: left; text-transform: uppercase; }
  .cbw-table-wrap tbody tr td:last-child { border-bottom: 0; }
  .cbw-table-wrap td > * { min-width: 0; max-width: 100%; justify-self: end; }
  .cbw-entity-cell { width: min(100%, 320px); }
  .cbw-row-actions { justify-content: flex-end; }
}

@media (max-width: 1023px) {
  :root { --cbw-topbar-height: calc(72px + env(safe-area-inset-top, 0px)); }
  .cbw-app,
  .cbw-skeleton-app { grid-template-columns: 1fr; }
  .cbw-workspace { grid-column: 1; }
  .cbw-sidebar {
    z-index: 100;
    width: min(288px, 88vw);
    transform: translateX(-104%);
    transition: transform 220ms cubic-bezier(.22, 1, .36, 1);
    box-shadow: var(--cbw-shadow-lg);
  }
  .cbw-app.is-nav-open .cbw-sidebar { transform: translateX(0); }
  .cbw-menu-button,
  .cbw-sidebar-close { display: inline-grid; }
  .cbw-sidebar-close { border-color: transparent; background: var(--cbw-cream-2); color: var(--cbw-cocoa-800); }
  .cbw-scrim {
    position: fixed;
    z-index: 90;
    inset: 0;
    border: 0;
    background: oklch(32% 0.045 45 / 0.38);
    backdrop-filter: blur(2px);
  }
  .cbw-app.is-nav-open .cbw-scrim { display: block; }
  .cbw-topbar {
    grid-template-columns: 44px minmax(110px, auto) minmax(180px, 1fr) auto;
    padding-top: calc(10px + env(safe-area-inset-top, 0px));
    padding-inline: max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right));
  }
  .cbw-brand { padding-top: calc(12px + env(safe-area-inset-top, 0px)); }
  .cbw-skeleton-top { padding-top: calc(14px + env(safe-area-inset-top, 0px)); }
  .cbw-skeleton-side { display: none; }
  .cbw-dashboard-grid,
  .cbw-settings-grid { grid-template-columns: 1fr; }
  .cbw-deal-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cbw-inbox { grid-template-columns: minmax(250px, 32%) minmax(0, 1fr); }
}

@media (max-width: 767px) {
  :root { --cbw-topbar-height: calc(118px + env(safe-area-inset-top, 0px)); }
  .cbw-topbar {
    grid-template-columns: 44px minmax(0, 1fr) auto;
    grid-template-rows: 44px 44px;
    gap: 8px 10px;
    padding: calc(10px + env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));
  }
  .cbw-brand { padding: calc(10px + env(safe-area-inset-top, 0px)) 20px 10px; }
  .cbw-skeleton-top { padding-top: calc(10px + env(safe-area-inset-top, 0px)); padding-bottom: 10px; }
  .cbw-global-search { display: flex; width: 100%; max-width: none; grid-column: 1 / -1; grid-row: 2; }
  .cbw-top-actions { grid-column: 3; grid-row: 1; }
  .cbw-top-actions > .cbw-icon-button:first-child { display: none; }
  .cbw-main { padding: 24px max(16px, env(safe-area-inset-left)) max(44px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-right)); }
  .cbw-page-header { display: grid; align-items: start; margin-bottom: 22px; }
  .cbw-page-header h1 { font-size: clamp(30px, 9vw, 38px); }
  .cbw-summary-grid,
  .cbw-skeleton-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .cbw-summary-card { min-height: 120px; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; padding: 14px; border-radius: 20px; }
  .cbw-summary-icon { width: 34px; height: 34px; border-radius: 10px; }
  .cbw-summary-card strong { font-size: 21px; }
  .cbw-section-heading { align-items: flex-start; padding: 16px; }
  .cbw-collection-toolbar { align-items: center; flex-wrap: wrap; padding: 12px 14px; }
  .cbw-result-count { margin: 0 auto 0 0; }
  .cbw-definition-grid { grid-template-columns: 1fr; }
  .cbw-form-grid { grid-template-columns: 1fr; }
  .cbw-field:has(textarea) { grid-column: auto; }
  .cbw-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 18px; }
  .cbw-dialog-header { padding: 22px 66px 16px 18px; }
  .cbw-dialog-setup-link { max-width: calc(100% - 36px); margin: 14px 18px 0; }
  .cbw-form { padding: 18px; }
  .cbw-status-banner { align-items: flex-start; flex-direction: column; }
  .cbw-status-banner .cbw-button { width: 100%; }
  .cbw-card-toolbar { padding-inline: 14px; }
  .cbw-campaign-grid,
  .cbw-creator-grid { gap: 12px; padding: 14px; }
  .cbw-campaign-card { min-height: 0; padding: 0; }
  .cbw-creator-card { min-height: 0; padding: 16px; }
  .cbw-creator-card { padding: 0; }
  .cbw-profile-spotlight { grid-template-columns: 1fr; }
  .cbw-profile-spotlight-media { min-height: 0; aspect-ratio: 16 / 10; }
  .cbw-profile-spotlight-body { padding: 24px; }
  .cbw-profile-cover { height: 142px; }
  .cbw-profile-card .cbw-profile-head { margin: -44px 16px 0; }
  .cbw-security-panel > .cbw-actions { padding-inline: 16px; }
}

@media (max-width: 700px) {
  .cbw-brand-profile-notes { grid-template-columns: 1fr; padding-inline: 16px; }
  .cbw-profile-card.is-brand .cbw-profile-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
  }
  .cbw-profile-website {
    width: 100%;
    margin-left: 0;
  }
  .cbw-profile-card.is-brand .cbw-profile-website { grid-column: 1 / -1; }
  .cbw-inbox {
    height: clamp(420px, calc(100dvh - var(--cbw-topbar-height) - 158px), 720px);
    max-height: none;
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(150px, 28%) minmax(0, 1fr);
  }
  .cbw-conversation-rail {
    max-height: none;
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--cbw-border);
  }
  .cbw-conversation-rail > header { padding: 15px 16px 12px; }
  .cbw-conversation-rail h2 { font-size: 19px; }
  .cbw-thread { min-height: 0; }
  .cbw-message-list { min-height: 0; }
  .cbw-message-composer { position: relative; z-index: 2; }
  .cbw-deal-board {
    grid-template-columns: 1fr;
  }
  .cbw-deal-column { min-height: 350px; }
  .cbw-dialog-details { grid-template-columns: 1fr; padding: 18px; }
  .cbw-dialog-details > .is-wide { grid-column: auto; }
  .cbw-deal-tools { grid-template-columns: 1fr; margin: 12px 18px 0; }
}

@media (max-width: 430px) {
  .cbw-route-title p { display: none; }
  .cbw-top-actions { gap: 4px; }
  .cbw-top-actions > .cbw-popover-wrap:first-of-type { display: block; }
  .cbw-summary-card { min-height: 104px; }
  .cbw-account-button { min-height: 44px; }
  .cbw-page-header .cbw-actions,
  .cbw-page-header .cbw-button { width: 100%; }
  .cbw-form-actions { flex-direction: column-reverse; }
  .cbw-form-actions .cbw-button { width: 100%; }
  .cbw-popover { position: fixed; top: calc(var(--cbw-topbar-height) + 6px); right: 8px; left: 8px; width: auto; }
  .cbw-card-toolbar { align-items: flex-start; flex-direction: column; }
  .cbw-card-toolbar .cbw-button { width: 100%; }
  .cbw-campaign-grid,
  .cbw-creator-grid { grid-template-columns: 1fr; padding: 12px; }
  .cbw-campaign-card { padding: 0; border-radius: 18px; }
  .cbw-creator-card { padding: 15px; border-radius: 17px; }
  .cbw-creator-card { padding: 0; }
  .cbw-campaign-visual { min-height: 98px; padding: 15px; }
  .cbw-campaign-card > .cbw-campaign-card-header { padding-inline: 15px; }
  .cbw-campaign-copy { padding-inline: 15px; }
  .cbw-campaign-card > .cbw-card-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-inline: 15px; }
  .cbw-campaign-card > .cbw-card-meta > div:last-child { grid-column: 1 / -1; }
  .cbw-campaign-card > footer { grid-template-columns: 1fr; padding: 15px; }
  .cbw-campaign-card > footer .cbw-button,
  .cbw-campaign-card > footer .cbw-campaign-save { width: 100%; }
  .cbw-campaign-applicants { justify-self: start; }
  .cbw-deal-board { padding: 12px; }
  .cbw-inbox { border-radius: 18px; }
  .cbw-thread { min-height: 0; }
  .cbw-thread-header { min-height: 70px; grid-template-columns: 38px minmax(0, 1fr); padding: 13px 14px; }
  .cbw-thread-header > .cbw-status { grid-column: 2; justify-self: start; }
  .cbw-thread-header h2 { font-size: 18px; }
  .cbw-message-list { min-height: 0; padding: 14px; }
  .cbw-message-bubble { max-width: 92%; }
  .cbw-message-composer { grid-template-columns: 1fr; padding: 12px; }
  .cbw-message-composer > .cbw-button { width: 100%; }
  .cbw-inline-form { grid-template-columns: 1fr; }
  .cbw-inline-form .cbw-button { width: 100%; }
  .cbw-profile-card .cbw-profile-head { gap: 12px; margin-inline: 14px; padding: 14px; }
  .cbw-profile-card .cbw-avatar.is-large { width: 76px; height: 76px; flex-basis: 76px; }
  .cbw-profile-card .cbw-profile-head h2 { font-size: 22px; overflow-wrap: anywhere; }
  .cbw-profile-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-inline: 16px; }
  .cbw-profile-tags,
  .cbw-profile-links { padding-inline: 16px; }
  .cbw-dialog-profile { padding: 18px; }
  .cbw-dialog-profile-identity { width: calc(100% - 20px); grid-template-columns: 60px minmax(0, 1fr); gap: 10px; padding: 11px 12px; }
  .cbw-dialog-profile-identity .cbw-avatar.is-large { width: 60px; height: 60px; flex-basis: 60px; }
  .cbw-dialog-profile-identity h3 { font-size: 21px; }
  .cbw-security-panel > .cbw-actions { flex-direction: column; }
  .cbw-security-panel > .cbw-actions .cbw-button { width: 100%; }
}

@media (max-width: 340px) {
  .cbw-summary-grid,
  .cbw-skeleton-grid { grid-template-columns: 1fr; }
  .cbw-route-title { max-width: 104px; }
  .cbw-main { padding-inline: 12px; }
  .cbw-section-heading { display: grid; }
  .cbw-collection-toolbar select { min-width: 132px; }
  .cbw-card-meta,
  .cbw-deal-card dl { grid-template-columns: 1fr; }
  .cbw-profile-card .cbw-profile-head { display: grid; justify-items: start; }
  .cbw-conversation-item time { display: none; }
  .cbw-conversation-item { grid-template-columns: 38px minmax(0, 1fr); }
}

@media (max-width: 1100px) {
  .cbw-table-wrap td.cbw-select-cell {
    display: flex;
    width: 100%;
    max-width: none !important;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0 !important;
  }
  .cbw-table-wrap td.cbw-select-cell::before { flex: 1 1 auto; }
}

@media (max-width: 900px) {
  .cbw-deal-layout { grid-template-columns: 1fr; }
  .cbw-deal-sidebar { position: static; }
  .cbw-deal-status-grid { grid-template-columns: repeat(3, minmax(120px, 1fr)); overflow-x: auto; }
  .cbw-admin-account-grid,
  .cbw-admin-user-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .cbw-collection-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 11px;
  }
  .cbw-filter-controls { grid-column: 1 / -1; }
  .cbw-filter-controls label { flex: 1 1 min(180px, 100%); }
  .cbw-collection-toolbar .cbw-result-count { margin: 0; }
  .cbw-collection-toolbar > .cbw-button { min-height: 44px; }
  .cbw-bulk-toolbar { align-items: flex-start; flex-direction: column; }
  .cbw-bulk-toolbar > div { width: 100%; justify-content: flex-start; }
  .cbw-pagination { padding-inline: 14px; }
  .cbw-pagination > div { overflow-x: auto; padding: 3px; scrollbar-width: thin; }
  .cbw-dialog.is-wide { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); }
  .cbw-deal-workspace,
  .cbw-admin-account,
  .cbw-admin-user { padding: 16px 18px 20px; }
  .cbw-application-profile { width: calc(100% - 36px); margin: 14px 18px 0; }
  .cbw-deal-hero { grid-template-columns: 1fr; }
  .cbw-deal-hero-status { justify-items: start; }
  .cbw-deal-party { width: 100%; }
  .cbw-deal-timeline { margin-inline: -2px; }
  .cbw-deal-meta { grid-template-columns: 1fr; }
  .cbw-presence-total { grid-template-columns: 16px minmax(0, 1fr); }
  .cbw-source-pill { grid-column: 2; width: fit-content; }
  .cbw-admin-account-hero,
  .cbw-admin-user-hero { grid-template-columns: 1fr; }
  .cbw-admin-account-hero > .cbw-avatar,
  .cbw-admin-user-hero > .cbw-avatar,
  .cbw-admin-account-hero .cbw-account-identity > .cbw-avatar,
  .cbw-admin-user-hero .cbw-account-identity > .cbw-avatar { width: 64px; height: 64px; flex-basis: 64px; }
  .cbw-admin-account-hero .cbw-account-identity,
  .cbw-admin-user-hero .cbw-account-identity { grid-template-columns: 64px minmax(0, 1fr); }
  .cbw-account-badges { max-width: none; justify-content: flex-start; }
  .cbw-admin-account-hero > .cbw-actions,
  .cbw-admin-user-hero > .cbw-actions { grid-column: 1 / -1; width: 100%; }
  .cbw-account-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .cbw-admin-inbox { height: clamp(540px, calc(100dvh - var(--cbw-topbar-height) - 90px), 760px); }
  .cbw-admin-inbox .cbw-conversation-rail > .cbw-pagination { min-height: 54px; }
  .cbw-thread-header:has(.cbw-thread-profile) { grid-template-columns: 46px minmax(0, 1fr) auto; }
}

@media (max-width: 520px) {
  .cbw-deal-timeline {
    grid-template-columns: repeat(5, minmax(56px, 1fr));
    padding-inline: 6px;
  }
  .cbw-deal-stage {
    min-width: 56px;
    padding-inline: 2px;
    font-size: 8px;
  }
  .cbw-filter-controls { display: grid; grid-template-columns: 1fr; }
  .cbw-filter-controls label,
  .cbw-collection-toolbar select { width: 100%; min-width: 0; }
  .cbw-collection-toolbar { grid-template-columns: 1fr; }
  .cbw-collection-toolbar .cbw-result-count,
  .cbw-collection-toolbar > .cbw-button { width: 100%; }
  .cbw-collection-toolbar .cbw-result-count { justify-content: center; }
  .cbw-pagination { align-items: flex-start; flex-direction: column; }
  .cbw-pagination > div { width: 100%; }
  .cbw-pagination button { flex: 0 0 44px; }
  .cbw-pagination.is-compact { gap: 7px; }
  .cbw-pagination.is-compact > div { justify-content: flex-start; }
  .cbw-bulk-toolbar .cbw-button { flex: 1 1 140px; }
  .cbw-presence-total,
  .cbw-presence-breakdown,
  .cbw-presence-roles { padding-inline: 15px; }
  .cbw-deal-workspace,
  .cbw-admin-account,
  .cbw-admin-user { padding-inline: 14px; }
  .cbw-application-profile { width: calc(100% - 28px); margin-inline: 14px; }
  .cbw-deal-hero,
  .cbw-deal-section,
  .cbw-deal-sidebar > section { padding: 14px; border-radius: 16px; }
  .cbw-deal-status-grid { grid-template-columns: 1fr; overflow: visible; }
  .cbw-deal-parties { grid-template-columns: 1fr; }
  .cbw-deal-link { justify-self: center; transform: rotate(90deg); }
  .cbw-deal-workspace-actions { display: grid; grid-template-columns: 1fr; }
  .cbw-deal-workspace-actions .cbw-button { width: 100%; }
  .cbw-admin-account-hero,
  .cbw-admin-user-hero { grid-template-columns: 1fr; padding: 14px; }
  .cbw-admin-account-hero > .cbw-avatar,
  .cbw-admin-user-hero > .cbw-avatar,
  .cbw-admin-account-hero .cbw-account-identity > .cbw-avatar,
  .cbw-admin-user-hero .cbw-account-identity > .cbw-avatar { width: 54px; height: 54px; flex-basis: 54px; }
  .cbw-admin-account-hero .cbw-account-identity,
  .cbw-admin-user-hero .cbw-account-identity { grid-template-columns: 54px minmax(0, 1fr); gap: 10px; }
  .cbw-account-identity h3,
  .cbw-admin-account-identity h3 { font-size: 21px; }
  .cbw-account-stats { grid-template-columns: 1fr; }
  .cbw-account-message-summary { grid-template-columns: 42px minmax(0, 1fr); }
  .cbw-account-message-summary .cbw-button { grid-column: 1 / -1; width: 100%; }
}

@media (max-width: 430px) {
  .cbw-thread-header:has(.cbw-thread-profile) {
    grid-template-columns: 46px minmax(0, 1fr);
  }
  .cbw-thread-header:has(.cbw-thread-profile) > .cbw-status {
    grid-column: 2;
    justify-self: start;
  }
  .cbw-readonly-footer { justify-content: flex-start; text-align: left; }
  .cbw-select-cell { width: auto; max-width: none !important; padding: 5px 0 !important; }
  .cbw-table-wrap td.cbw-select-cell { display: flex; align-items: center; justify-content: space-between; }
  .cbw-table-wrap td.cbw-select-cell::before { flex: 1 1 auto; }
}

@media (hover: none), (pointer: coarse) {
  .cbw-button,
  .cbw-row-button,
  .cbw-nav-link,
  .cbw-account-menu a,
  .cbw-account-menu button,
  .cbw-conversation-grid button,
  .cbw-conversation-item,
  .cbw-workspace-switcher,
  .cbw-sidebar-card a,
  .cbw-top-home,
  .cbw-inline-link {
    min-height: 44px;
  }

  .cbw-pagination button,
  .cbw-pagination.is-compact button,
  .cbw-admin-message header button,
  .cbw-row-button {
    min-height: 44px;
  }

  .cbw-button:hover,
  .cbw-row-button:hover,
  .cbw-nav-link:hover,
  .cbw-conversation-grid button:hover,
  .cbw-campaign-card:hover,
  .cbw-creator-card:hover,
  .cbw-deal-card:hover {
    transform: none;
  }

  .cbw-topbar,
  .cbw-dialog::backdrop,
  .cbw-scrim {
    backdrop-filter: none;
  }
}

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

@media (forced-colors: active) {
  .cbw-status,
  .cbw-summary-icon,
  .cbw-health-dot,
  .cbw-avatar,
  .cbw-mark,
  .cbw-campaign-card,
  .cbw-creator-card,
  .cbw-deal-card,
  .cbw-conversation-item,
  .cbw-check > span:not(.cbw-visually-hidden),
  .cbw-pagination button { border: 1px solid CanvasText; }
}

@media print {
  .cbw-sidebar,
  .cbw-topbar,
  .cbw-page-header .cbw-actions,
  .cbw-collection-toolbar,
  .cbw-pagination,
  .cbw-bulk-toolbar,
  .cbw-row-actions,
  .cbw-toast { display: none !important; }
  .cbw-app { display: block; }
  .cbw-workspace { display: block; }
  .cbw-main { width: 100%; padding: 0; }
  .cbw-panel,
  .cbw-summary-card { break-inside: avoid; box-shadow: none; }
}