:root {
  /* Shared application typography. Branding and printed reports keep their own scale. */
  --font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size-page-title: 30px;
  --font-size-brand-heading: clamp(38px, 4.1vw, 46px);
  --font-size-section-title: 18px;
  --font-size-subsection-title: 12px;
  --font-size-body: 14px;
  --font-size-small: 13px;
  --font-size-label: 12px;
  --font-size-action: 13px;
  --font-size-status: 13px;
  --font-size-nav-meta: 10px;
  --font-size-metric: 23px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-title: 1.2;
  --line-height-body: 1.45;
  --line-height-table: 1.35;
  --line-height-label: 1.25;
  --letter-spacing-label: 0.06em;
  color-scheme: dark;
  --bg-app: #080d13;
  --bg-sidebar: #0d131b;
  --bg-surface: #101821;
  --bg-surface-hover: #15202c;
  --bg-surface-active: rgba(255, 100, 0, 0.075);
  --bg-panel: rgba(16, 24, 33, 0.78);
  --bg-panel-soft: rgba(255, 255, 255, 0.025);
  --border-subtle: rgba(148, 163, 184, 0.11);
  --border-default: rgba(148, 163, 184, 0.18);
  --border-focus: rgba(255, 100, 0, 0.82);
  --border-muted: rgba(148, 163, 184, 0.18);
  --text-primary: #f3f7fb;
  --text-secondary: #9eb0c6;
  --text-muted: #76869a;
  --text-disabled: rgba(158, 176, 198, 0.55);
  --brand-orange: #ff6400;
  --brand-orange-hover: #ff7a1f;
  --brand-orange-active: #e95b00;
  --brand-orange-muted: rgba(255, 100, 0, 0.1);
  --brand-primary: #ff6400;
  --brand-muted: rgba(255, 100, 0, 0.1);
  --success: #45d46a;
  --warning: #f5c84c;
  --danger: #e05050;
  --info: #7ea7d8;
  --status-success: #45d46a;
  --status-warning: #f5c84c;
  --status-danger: #e05050;
  --status-info: #7ea7d8;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --font-size-metric-sm: 23px;
  --font-size-metric-md: 24px;
  --font-size-metric-financial: 26px;
  --font-size-metric-secondary: 19px;
}

.circleback-status-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 16px;
}

.circleback-import-form {
  margin-top: 8px;
}

.notification-menu {
  position: relative;
  flex: 0 0 auto;
  align-self: flex-start;
}

.notification-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  min-height: 34px;
  padding: 5px 10px;
  white-space: nowrap;
}

.notification-icon {
  display: inline-flex;
  width: 17px;
  height: 17px;
}

.notification-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.notification-badge {
  display: inline-block;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--brand-orange);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

.notification-popover {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 40;
  width: clamp(560px, 52vw, 760px);
  max-width: calc(100vw - 48px);
  max-height: none;
  overflow-y: auto;
  box-sizing: border-box;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.32);
}

.notification-trigger.notification-attention {
  animation: gtm-notification-attention 1s ease-in-out infinite;
}

@keyframes gtm-notification-attention {
  0%, 100% {
    background: transparent;
    box-shadow: 0 0 0 0 rgba(255, 100, 0, 0);
  }
  50% {
    background: var(--brand-orange-muted);
    box-shadow: 0 0 0 4px rgba(255, 100, 0, 0.18);
  }
}

@media (prefers-reduced-motion: reduce) {
  .notification-trigger.notification-attention {
    animation: none;
    background: var(--brand-orange-muted);
    box-shadow: 0 0 0 3px rgba(255, 100, 0, 0.16);
  }
}

@media (max-width: 760px) {
  .notification-popover {
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
  }
}

.notification-popover.hidden {
  display: none;
}

.notification-popover-header,
.notification-item {
  padding: 8px 10px;
  border-bottom: 1px solid var(--border-subtle);
}

.notification-popover-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  color: var(--text-primary);
  font-size: var(--font-size-small);
}

.notification-popover-header span,
.notification-item span {
  color: var(--text-muted);
  font-size: 12px;
}

.notification-list {
  display: grid;
}

.notification-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
}

.notification-item > :first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.notification-item.unread {
  background: var(--brand-orange-muted);
}

.notification-item strong,
.notification-item p {
  margin: 0;
}

.notification-item p {
  margin-top: 3px;
  color: var(--text-secondary);
  font-size: var(--font-size-small);
}

.notification-empty {
  margin: 0;
  padding: 9px 10px 10px;
  font-size: var(--font-size-small);
}

.circleback-review {
  margin: 16px 0;
}

.circleback-review-list {
  display: grid;
  gap: 8px;
  margin: 12px 0 16px;
}

.circleback-review-item {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  background: var(--bg-panel-soft);
}

.circleback-review-item input {
  margin-top: 3px;
}

.circleback-meeting-list {
  margin-top: 16px;
}

* {
  box-sizing: border-box;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.35) transparent;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.3);
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.5);
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

body {
  margin: 0;
  background:
    linear-gradient(180deg, rgba(15, 23, 32, 0.78), rgba(8, 13, 19, 0) 280px),
    var(--bg-app);
  color: var(--text-primary);
  font-family: var(--font-family-sans);
  letter-spacing: 0;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-weight: var(--font-weight-normal);
}

body:has(.bavardio-fresh-login) {
  overflow: hidden;
}

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

.layout {
  display: grid;
  grid-template-columns: 218px 1fr;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  background: var(--bg-sidebar);
  border-right: 1px solid var(--border-subtle);
  padding: 14px 10px;
  scrollbar-gutter: stable;
}

.brand {
  display: grid;
  gap: 7px;
  justify-items: center;
  margin-bottom: 14px;
  padding: 2px 6px 12px;
  border-bottom: 1px solid var(--border-subtle);
}

.brand-logo-field {
  width: 154px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.84);
  border-radius: var(--radius-sm);
  background: #ffffff;
}

.brand img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

.brand .platform {
  color: var(--text-secondary);
  text-align: center;
  font-size: var(--font-size-small);
  line-height: 1.15;
}

.version {
  justify-self: center;
  padding: 4px 9px;
  background: rgba(126, 167, 216, 0.07);
  color: var(--status-info);
  font-size: var(--font-size-nav-meta);
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.nav-group {
  padding: 8px 0;
}

.nav-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--status-info);
  font-size: var(--font-size-nav-meta);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-label);
  margin: 0 10px 6px;
  opacity: 0.82;
}

.nav-toggle {
  position: relative;
  width: 12px;
  height: 12px;
  opacity: 0.72;
}

.nav-toggle::before,
.nav-toggle::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 999px;
}

.nav-toggle::before {
  left: 2px;
  right: 2px;
  top: 5px;
  height: 2px;
}

.nav-toggle.collapsed::after {
  top: 2px;
  bottom: 2px;
  left: 5px;
  width: 2px;
}

.nav-link {
  display: block;
  width: 100%;
  min-height: 32px;
  color: #d4deea;
  text-align: left;
  text-decoration: none;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  padding: 7px 10px 7px 14px;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  line-height: 1.15;
  position: relative;
}

.nav-link > span {
  display: block;
}

.nav-link[data-route="leads"] > span,
.nav-link[data-route="prospects"] > span,
.nav-link[data-route="customers"] > span,
.nav-link[data-route="mobile-leads"] > span,
.nav-link[data-route="mobile-prospects"] > span,
.nav-link[data-route="mobile-customers"] > span {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.lifecycle-icon,
.navigation-icon {
  width: 16px;
  height: 16px;
  margin-inline-end: 6px;
  vertical-align: -3px;
  flex-shrink: 0;
}

.nav-link.active {
  background: var(--bg-surface-active);
  color: var(--text-primary);
}

.nav-link.active::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  border-radius: 999px;
  background: var(--brand-orange);
}

.nav-link:hover {
  background: rgba(255, 255, 255, 0.045);
}

.main {
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding: 34px 40px 48px;
  min-width: 0;
  max-width: 1440px;
  width: 100%;
  overflow: hidden;
}

.main-scroll-region {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.section-navigation {
  position: sticky;
  top: 0;
  z-index: var(--gtm-z-section-header);
  height: 0;
  margin: 0;
  overflow: visible;
}

.section-navigation-trigger {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: calc(var(--gtm-z-section-header) + 3);
  width: 40px;
  min-height: 112px;
  padding: 10px 6px;
  border: 1px solid rgba(241, 90, 36, 0.32);
  border-right: 0;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  background: var(--bg-surface);
  color: var(--brand-orange);
  box-shadow: var(--shadow-sm);
  font: inherit;
  font-size: var(--font-size-action);
  font-weight: var(--font-weight-semibold);
  line-height: 1;
  writing-mode: vertical-rl;
  transform: translateY(-50%) rotate(180deg);
  cursor: pointer;
  transition: right 180ms ease, background 140ms ease, border-color 140ms ease;
}

.section-navigation-trigger:hover,
.section-navigation-trigger:focus-visible,
.section-navigation.open .section-navigation-trigger {
  background: var(--brand-orange-muted);
  border-color: rgba(241, 90, 36, 0.48);
}

.section-navigation.open .section-navigation-trigger {
  right: min(340px, 88vw);
}

.section-navigation-backdrop[hidden],
.section-navigation-panel[hidden] {
  display: none;
}

.section-navigation-backdrop {
  position: fixed;
  inset: 0;
  z-index: calc(var(--gtm-z-section-header) + 1);
  background: rgba(15, 23, 42, 0.16);
}

.section-navigation-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: calc(var(--gtm-z-section-header) + 2);
  width: min(340px, 88vw);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-left: 1px solid var(--border-light);
  background: var(--bg-surface);
  box-shadow: var(--shadow-lg);
  transform: translateX(100%);
  transition: transform 180ms ease;
}

.section-navigation.open .section-navigation-panel {
  transform: translateX(0);
}

.section-navigation-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border-light);
}

.section-navigation-panel-header h2 {
  margin: 0;
  color: var(--text-primary);
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-semibold);
}

.section-navigation-close {
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  background: var(--bg-subtle);
  color: var(--text-secondary);
  font: inherit;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.section-navigation-close:hover,
.section-navigation-close:focus-visible {
  color: var(--brand-orange);
  border-color: rgba(241, 90, 36, 0.28);
}

.section-navigation-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3px;
  padding: 14px 10px 10px;
  overflow-y: auto;
  overflow-x: hidden;
}

.section-navigation-link {
  width: 100%;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  font-size: var(--font-size-action);
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
}

.section-navigation-divider {
  height: 1px;
  margin: 3px 0;
  background: var(--border-light);
}

.section-navigation-link:hover,
.section-navigation-link:focus-visible,
.section-navigation-link.active {
  color: var(--brand-orange);
  background: var(--brand-orange-muted);
  border-color: rgba(241, 90, 36, 0.24);
}
[data-section-navigation-target="true"] {
  scroll-margin-top: calc(var(--gtm-section-toolbar-height) + 16px);
}

.auth-main {
  min-height: 100vh;
  display: grid;
  align-content: center;
  padding: var(--space-7);
  background: var(--bg-app);
}

.auth-main .status-strip,
.auth-main .panel {
  width: min(760px, 100%);
  margin-inline: auto;
}

.topbar {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 36px;
  padding-bottom: 20px;
}

.eyebrow {
  margin: 0 0 var(--space-2);
  color: var(--brand-orange);
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: var(--space-2);
  font-size: var(--font-size-page-title);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-title);
}

h2 {
  font-size: var(--font-size-section-title);
  font-weight: var(--font-weight-semibold);
}

h3 {
  font-size: var(--font-size-section-title);
}

.muted {
  color: var(--text-secondary);
  line-height: 1.5;
}

.login-legal {
  margin: var(--space-4) 0 var(--space-2);
  font-size: var(--font-size-small);
}

.login-legal a,
.legal-panel a {
  color: #bdd4f1;
  font-weight: var(--font-weight-semibold);
  text-decoration-color: rgba(189, 212, 241, 0.45);
  text-underline-offset: 3px;
}

.legal-panel p {
  max-width: 980px;
  color: var(--text-secondary);
  line-height: 1.65;
}

.bavardio-fresh-login {
  height: 100vh;
  height: 100svh;
  display: grid;
  grid-template-columns: minmax(360px, 560px) minmax(420px, 1fr);
  overflow: hidden;
  background: #f4f7fb;
  color: #172231;
}

.bavardio-fresh-login-form-panel {
  box-sizing: border-box;
  min-height: 0;
  height: 100%;
  padding: clamp(24px, 3.4vh, 44px) clamp(34px, 5vw, 64px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #ffffff;
  border-right: 1px solid #dce3ed;
  overflow: hidden;
}

.bavardio-fresh-login-logo {
  display: block;
  width: 220px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0 0 20px;
  background: transparent;
  filter: none;
  opacity: 1;
}

.bavardio-fresh-logo-fallback {
  display: none;
  margin: 0 0 clamp(20px, 3vh, 28px);
  color: #172231;
  font-size: 54px;
  line-height: 1;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
}

.bavardio-fresh-eyebrow {
  margin: 0 0 12px;
  color: var(--brand-orange);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-label);
  text-transform: uppercase;
}

.bavardio-fresh-login h1 {
  max-width: 520px;
  margin: 0 0 14px;
  color: #172231;
  font-size: var(--font-size-page-title);
  line-height: var(--line-height-title);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
}

.bavardio-fresh-muted {
  max-width: 520px;
  margin: 0;
  color: #66758a;
  font-size: var(--font-size-body);
  line-height: 1.52;
  font-weight: var(--font-weight-normal);
}

.bavardio-fresh-small {
  margin-top: clamp(14px, 2vh, 18px);
  font-size: var(--font-size-body);
}

.bavardio-fresh-login-form {
  display: grid;
  gap: 13px;
  width: 100%;
  max-width: 440px;
  margin-top: clamp(20px, 3vh, 28px);
}

.bavardio-fresh-login-form label {
  display: block;
  color: #172231;
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
  text-transform: none;
}

.bavardio-fresh-login-form input[type="text"],
.bavardio-fresh-login-form input[type="email"],
.bavardio-fresh-login-form input[type="password"] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 46px;
  margin-top: 8px;
  padding: 10px 13px;
  border: 1px solid #cfd8e5;
  border-radius: 6px;
  background: #ffffff;
  color: #172231;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-normal);
}

.bavardio-fresh-login-form input[type="text"]:focus,
.bavardio-fresh-login-form input[type="email"]:focus,
.bavardio-fresh-login-form input[type="password"]:focus {
  outline: 3px solid rgba(255, 100, 0, 0.18);
  outline-offset: 0;
  border-color: var(--brand-orange);
}

.bavardio-fresh-inline-link {
  justify-self: end;
  border: 0;
  background: transparent;
  color: #465a73;
  font: inherit;
  font-weight: var(--font-weight-semibold);
  padding: 0;
  cursor: pointer;
}

.bavardio-fresh-inline-link.align-left {
  justify-self: start;
}

.bavardio-fresh-inline-link:hover,
.bavardio-fresh-inline-link:focus-visible {
  color: var(--brand-orange);
  text-decoration: underline;
  text-underline-offset: 4px;
  outline: 0;
}

.password-field {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
}

.password-toggle {
  min-height: 44px;
  margin-top: 10px;
  border: 1px solid #cfd8e5;
  border-radius: 6px;
  background: #f8fafc;
  color: #465a73;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.password-toggle:hover,
.password-toggle:focus-visible {
  border-color: var(--brand-orange);
  color: #172231;
  outline: 3px solid rgba(255, 100, 0, 0.18);
}

.bavardio-fresh-check {
  display: flex !important;
  align-items: center;
  gap: 9px;
  color: #465a73 !important;
  font-size: var(--font-size-body) !important;
  font-weight: var(--font-weight-semibold) !important;
}

.bavardio-fresh-check input {
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: var(--brand-orange);
}

.bavardio-fresh-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: 6px;
  background: var(--brand-orange);
  color: #ffffff;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.bavardio-fresh-submit:hover,
.bavardio-fresh-submit:focus {
  background: var(--brand-orange-hover);
  outline: 3px solid rgba(255, 100, 0, 0.2);
  outline-offset: 2px;
}

.bavardio-fresh-legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: clamp(16px, 2.4vh, 24px) 0 0;
  color: #66758a;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
}

.bavardio-fresh-legal a {
  color: #465a73;
  text-decoration: none;
}

.bavardio-fresh-legal a:hover {
  color: var(--brand-orange);
  text-decoration: underline;
}

.bavardio-fresh-login-visual {
  position: relative;
  min-height: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #101b29;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.bavardio-fresh-login-photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  filter: none;
  z-index: 0;
}

.bavardio-fresh-login-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(9, 19, 32, 0.42);
  pointer-events: none;
}

.bavardio-fresh-login-visual-content,
.bavardio-fresh-login-copy {
  position: relative;
  z-index: 2;
  width: min(620px, 76%);
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.68);
}

.bavardio-fresh-login-visual-content h2,
.bavardio-fresh-login-copy h2 {
  margin: 0 0 22px;
  color: #fff;
  font-size: var(--font-size-brand-heading);
  line-height: 1.08;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0;
}

.bavardio-fresh-login-visual-content ul,
.bavardio-fresh-login-copy ul {
  margin: 0;
  padding-left: 22px;
  color: rgba(247, 250, 255, 0.9);
  font-size: var(--font-size-section-title);
  line-height: 1.78;
  font-weight: var(--font-weight-medium);
}

@media (max-width: 900px) {
  .bavardio-fresh-login {
    grid-template-columns: minmax(320px, 48vw) minmax(280px, 1fr);
  }

  .bavardio-fresh-login-form-panel {
    padding: 24px 30px;
  }

  .bavardio-fresh-login-logo {
    width: min(210px, 70vw);
    margin-bottom: 22px;
  }

  .bavardio-fresh-login h1 {
    font-size: var(--font-size-page-title);
  }

  .bavardio-fresh-muted {
    font-size: var(--font-size-body);
  }

  .bavardio-fresh-login-visual-content,
  .bavardio-fresh-login-copy {
    width: 82%;
  }

  .bavardio-fresh-login-visual-content h2,
  .bavardio-fresh-login-copy h2 {
    font-size: var(--font-size-page-title);
  }

  .bavardio-fresh-login-visual-content ul,
  .bavardio-fresh-login-copy ul {
    font-size: var(--font-size-body);
    line-height: 1.75;
  }
}

@media (max-width: 560px) {
  body:has(.bavardio-fresh-login) {
    overflow: auto;
  }

  .bavardio-fresh-login {
    display: block;
    height: auto;
    min-height: 100svh;
    overflow: visible;
  }

  .bavardio-fresh-login-form-panel {
    min-height: 100svh;
    height: auto;
    padding: 24px 28px;
    overflow: visible;
  }

  .bavardio-fresh-login-visual {
    display: none;
  }

  .bavardio-fresh-login-form {
    max-width: none;
  }

  .bavardio-fresh-login h1 {
    font-size: var(--font-size-page-title);
  }

  .bavardio-fresh-login-logo {
    width: min(210px, 76vw);
  }
}

.status-strip,
.panel {
  margin-bottom: 36px;
}

.panel {
  background: var(--bg-panel);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 22px;
}

.status-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 20px;
  background: linear-gradient(90deg, rgba(69, 212, 106, 0.055), rgba(126, 167, 216, 0.035));
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: var(--radius-md);
}

.attention-strip {
  align-items: stretch;
  background: rgba(16, 24, 33, 0.58);
}

.status-strip h2 {
  margin-bottom: 6px;
  font-size: var(--font-size-section-title);
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
  text-transform: none;
  letter-spacing: 0;
}

.status-strip p {
  margin: 0;
}

.attention-list {
  display: grid;
  gap: 8px;
  min-width: min(380px, 42vw);
  margin: 0;
  padding: 0;
  list-style: none;
}

.attention-item {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.025);
  color: var(--text-primary);
  cursor: pointer;
  padding: 8px 10px;
  text-align: left;
}

.attention-item:hover {
  border-color: rgba(255, 100, 0, 0.34);
  background: rgba(255, 100, 0, 0.055);
}

.attention-item strong {
  color: var(--brand-orange);
  font-size: var(--font-size-body);
}

.pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  min-width: 96px;
  border: 1px solid rgba(69, 212, 106, 0.2);
  border-radius: 999px;
  background: rgba(69, 212, 106, 0.09);
  color: var(--status-success);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  text-align: center;
  padding: 4px 12px;
}

.pill.needs_review {
  background: rgba(245, 200, 76, 0.1);
  border-color: rgba(245, 200, 76, 0.2);
  color: var(--status-warning);
}

.pill.ready_to_publish {
  border-color: rgba(126, 167, 216, 0.28);
  background: rgba(126, 167, 216, 0.1);
  color: #bdd4f1;
}

.pill.published {
  color: #07110b;
  background: var(--status-success);
}

.pill.danger {
  border-color: rgba(224, 80, 80, 0.34);
  background: rgba(224, 80, 80, 0.11);
  color: #ffb4b4;
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: center;
}

.btn {
  min-width: 126px;
  min-height: 40px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: var(--bg-surface);
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  padding: 9px 14px;
  transition: border-color 120ms ease, background-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.btn.primary {
  border-color: var(--brand-orange);
  background: var(--brand-orange);
  color: #130b04;
}

.btn.secondary {
  border-color: var(--border-muted);
  color: var(--text-primary);
}

.btn.danger {
  border-color: rgba(224, 80, 80, 0.4);
  background: #7f1717;
  color: white;
}

.btn.quiet-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-color: rgba(224, 80, 80, 0.22);
  background: rgba(224, 80, 80, 0.055);
  color: #f0b3b3;
}

.utility-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.printer-icon {
  position: relative;
  width: 15px;
  height: 14px;
  border: 1.5px solid currentColor;
  border-radius: 3px;
}

.printer-icon::before,
.printer-icon::after {
  content: "";
  position: absolute;
  left: 3px;
  right: 3px;
  border: 1.5px solid currentColor;
  background: var(--bg-surface);
}

.printer-icon::before {
  top: -7px;
  height: 7px;
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
}

.printer-icon::after {
  bottom: -5px;
  height: 6px;
  border-radius: 1px;
}

.btn:hover,
.page-link:hover {
  background: var(--bg-surface-hover);
}

.btn.primary:hover {
  background: var(--brand-orange-hover);
}

.btn.danger:hover,
.btn.quiet-danger:hover,
.btn.danger:focus-visible,
.btn.quiet-danger:focus-visible {
  border-color: rgba(224, 80, 80, 0.58);
  background: rgba(224, 80, 80, 0.18);
  color: #ffd7d7;
}

.btn:active,
.page-link:active,
.link-action:active {
  transform: translateY(1px);
}

.btn.primary:active {
  background: var(--brand-orange-active);
}

.btn:focus-visible,
.nav-link:focus-visible,
.link-action:focus-visible,
.metric:focus-visible,
.attention-item:focus-visible,
.quick-access-link:focus-visible,
.page-link:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

.btn:disabled {
  opacity: 0.45;
  color: var(--text-disabled);
  cursor: not-allowed;
}

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 0;
  margin-bottom: 36px;
  background: rgba(16, 24, 33, 0.56);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.compact-strip {
  align-items: center;
  margin-bottom: var(--space-5);
}

.metric {
  appearance: none;
  display: block;
  color: var(--text-primary);
  text-align: left;
  background: transparent;
  cursor: pointer;
  border-right: 1px solid var(--border-subtle);
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  min-height: 82px;
  padding: 16px 18px;
  transition: background-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.metric:hover {
  background: rgba(255, 100, 0, 0.055);
}

.metric:active {
  transform: translateY(1px);
}

.metric:last-child {
  border-right: 0;
}

.metric span {
  color: var(--text-secondary);
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-label);
}

.metric strong {
  display: block;
  margin-top: var(--space-2);
  font-size: var(--font-size-metric-sm);
  font-weight: var(--font-weight-semibold);
  line-height: 1.15;
  letter-spacing: 0;
}

.metric.financial strong {
  font-size: var(--font-size-metric-financial);
}

.command-center-filter-strip {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: var(--space-5);
}

.command-center-filter.active {
  background: rgba(255, 100, 0, 0.1);
  box-shadow: inset 0 -2px 0 var(--brand-orange);
}

.command-center-filter.active span,
.command-center-filter.active strong {
  color: var(--brand-orange);
}

.command-center-list-panel {
  margin-bottom: 36px;
}

.command-center-grid-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(150px, 190px) minmax(150px, 190px) auto;
  gap: 10px;
  align-items: end;
}

.command-center-grid-toolbar label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--text-secondary);
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-label);
  text-transform: uppercase;
}

.command-center-grid-toolbar input,
.command-center-grid-toolbar select {
  height: 34px;
  border-radius: 4px;
  padding: 7px 9px;
  font-size: var(--font-size-body);
}

.command-center-reset-sort {
  min-height: 34px;
  align-self: end;
  padding: 6px 2px;
}

.command-center-table-wrap {
  max-height: 62vh;
  background: rgba(8, 13, 19, 0.12);
  overflow: auto;
  scrollbar-width: thin;
}

.command-center-table th,
.command-center-table td {
  height: 42px;
  padding: 7px 10px;
  vertical-align: middle;
  white-space: nowrap;
}

.command-center-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  border-bottom: 1px solid var(--border-default);
  background: #151e29;
  color: var(--text-secondary);
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-label);
  text-transform: uppercase;
}

.command-center-table td {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.command-center-table td:nth-child(2) {
  min-width: 220px;
  max-width: 320px;
}

.command-center-table td:nth-child(5) {
  min-width: 240px;
  max-width: 340px;
}

.command-center-sort {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 0;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}

.command-center-sort.active {
  color: var(--brand-orange);
}

.sort-indicator {
  color: var(--brand-orange);
  font-size: var(--font-size-nav-meta);
  line-height: 1;
}

.command-center-type,
.command-center-status {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 22px;
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  padding: 2px 7px;
  overflow: hidden;
  color: var(--text-primary);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.command-center-status {
  color: var(--text-secondary);
}

.command-center-row-action {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
}

.empty-state {
  margin: 0;
  color: var(--text-secondary);
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}

.stacked-form {
  display: grid;
  gap: 28px;
}

.field {
  display: grid;
  gap: 6px;
}

.field.wide {
  grid-column: 1 / -1;
}

label {
  color: var(--text-secondary);
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: #0f1720;
  color: var(--text-primary);
  padding: 12px 14px;
  transition: border-color 120ms ease, background-color 120ms ease;
}

.static-field {
  width: 100%;
  min-height: 45px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: rgba(148, 163, 184, 0.055);
  color: var(--text-primary);
  padding: 12px 14px;
  font-weight: var(--font-weight-semibold);
}

.import-form {
  margin-bottom: 18px;
}

.import-note {
  margin: 12px 0 0;
}

.import-preview {
  display: grid;
  gap: 18px;
}

.import-counts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

input:hover,
select:hover,
textarea:hover {
  border-color: rgba(148, 163, 184, 0.28);
}

textarea {
  min-height: 160px;
  resize: vertical;
}

select[multiple] {
  min-height: 132px;
  padding: 8px;
}

select[multiple] option {
  padding: 7px 8px;
}

.crm-tag-picker {
  position: relative;
  display: grid;
  gap: 10px;
}

.crm-combobox {
  position: relative;
}

.crm-combobox-trigger {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--border-default);
  border-radius: 6px;
  background: var(--surface-deep);
  color: var(--text-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 12px;
  text-align: left;
  cursor: pointer;
}

.crm-combobox-trigger:hover,
.crm-combobox-trigger:focus-visible {
  border-color: rgba(148, 163, 184, 0.38);
  outline: none;
}

.crm-combobox-trigger:disabled {
  color: var(--text-muted);
  cursor: not-allowed;
}

.crm-combobox-popover {
  position: absolute;
  z-index: calc(var(--gtm-z-page-header) + 4);
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  display: grid;
  gap: 10px;
  max-height: 360px;
  border: 1px solid var(--border-default);
  border-radius: 6px;
  background: #10171f;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
  padding: 10px;
}

.crm-combobox-popover.hidden {
  display: none;
}

.crm-combobox-popover input[type="search"] {
  min-height: 38px;
}

.crm-combobox-options {
  display: grid;
  gap: 6px;
  max-height: 260px;
  overflow-x: hidden;
  overflow-y: auto;
}

.crm-combobox-footer {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--border-subtle);
  padding-top: 8px;
}

.crm-combobox-option {
  min-height: 34px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--text-secondary);
  padding: 7px 9px;
  text-align: left;
  cursor: pointer;
}

.crm-combobox-option:hover,
.crm-combobox-option:focus-visible,
.crm-combobox-option.selected {
  border-color: rgba(251, 100, 0, 0.36);
  color: var(--text-primary);
  background: rgba(251, 100, 0, 0.11);
  outline: none;
}

.crm-combobox-option.unavailable {
  border-color: rgba(234, 179, 8, 0.32);
  background: rgba(234, 179, 8, 0.1);
}

.crm-tag-chip-row,
.crm-tag-option-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.crm-tag-chip-row.compact {
  max-height: 72px;
  overflow: auto;
}

.crm-tag-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  max-width: 100%;
  border: 1px solid rgba(251, 100, 0, 0.28);
  border-radius: 999px;
  background: rgba(251, 100, 0, 0.12);
  color: var(--text-primary);
  padding: 5px 8px 5px 12px;
  font-size: var(--font-size-small);
  line-height: 1.2;
}

.crm-tag-chip.unavailable {
  border-color: rgba(234, 179, 8, 0.32);
  background: rgba(234, 179, 8, 0.1);
}

.crm-tag-chip button {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: rgba(8, 13, 19, 0.55);
  color: var(--text-secondary);
  cursor: pointer;
}

.crm-tag-chip button:hover,
.crm-tag-chip button:focus-visible {
  color: var(--text-primary);
  border-color: var(--border-default);
}

.crm-tag-option-list {
  flex-direction: column;
  align-items: stretch;
  max-height: 260px;
  overflow: auto;
  padding: 2px;
}

[data-crm-tag-picker] [data-crm-tag-options] {
  display: block;
  max-height: 260px;
  overflow-x: hidden;
  overflow-y: auto;
}

[data-crm-tag-picker] [data-crm-tag-options] .crm-tag-option {
  display: block;
  width: 100%;
  margin: 0 0 6px;
  white-space: normal;
}

[data-crm-tag-picker] [data-crm-tag-options] .crm-tag-option:last-child {
  margin-bottom: 0;
}

[data-crm-metadata-picker] .crm-tag-option-list {
  display: block;
  max-height: 260px;
  overflow-x: hidden;
  overflow-y: auto;
}

[data-crm-metadata-picker] .crm-tag-option-list .crm-tag-option {
  display: block;
  width: 100%;
  margin: 0 0 6px;
  white-space: normal;
}

[data-crm-metadata-picker] .crm-tag-option-list .crm-tag-option:last-child {
  margin-bottom: 0;
}

.crm-tag-option {
  width: 100%;
  min-height: 34px;
  border: 1px solid var(--border-subtle);
  border-radius: 6px;
  background: rgba(15, 23, 32, 0.84);
  color: var(--text-secondary);
  padding: 7px 9px;
  cursor: pointer;
  text-align: left;
}

.crm-tag-option:hover,
.crm-tag-option:focus-visible,
.crm-tag-option.selected {
  border-color: rgba(251, 100, 0, 0.45);
  color: var(--text-primary);
}

.crm-tag-option.selected {
  background: rgba(251, 100, 0, 0.14);
}

.crm-tag-option.hidden {
  display: none;
}

.crm-tag-empty {
  color: var(--text-muted);
  font-size: var(--font-size-small);
}

.internal-recipient-field.hidden {
  display: none;
}

.recipient-picker {
  position: relative;
  display: grid;
  gap: 10px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: rgba(15, 23, 32, 0.58);
  padding: 12px;
}

.recipient-selection-row,
.recipient-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.recipient-chip-row:empty::before {
  content: "No recipients selected";
  color: var(--text-muted);
  font-size: var(--font-size-small);
}

.recipient-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  min-height: 32px;
  border: 1px solid rgba(126, 167, 216, 0.26);
  border-radius: 999px;
  background: rgba(126, 167, 216, 0.1);
  color: var(--text-primary);
  padding: 5px 8px 5px 12px;
  font-size: var(--font-size-small);
  line-height: 1.2;
}

.recipient-chip.external {
  border-color: rgba(245, 200, 76, 0.28);
  background: rgba(245, 200, 76, 0.1);
}

.recipient-chip button {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: rgba(8, 13, 19, 0.55);
  color: var(--text-secondary);
  cursor: pointer;
}

.recipient-chip button:hover,
.recipient-chip button:focus-visible {
  border-color: var(--border-default);
  color: var(--text-primary);
}

.recipient-popover {
  position: absolute;
  z-index: calc(var(--gtm-z-page-header) + 8);
  top: calc(100% + 8px);
  left: 0;
  width: min(560px, 100%);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: #0d151e;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.38);
  padding: 14px;
  display: grid;
  gap: 12px;
}

.recipient-popover.hidden {
  display: none;
}

.recipient-popover-head,
.recipient-popover-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.recipient-manual-entry,
.recipient-selected-panel {
  display: grid;
  gap: 8px;
  border-top: 1px solid var(--border-subtle);
  padding-top: 12px;
}

.recipient-manual-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.recipient-status {
  min-height: 18px;
  color: var(--text-muted);
  font-size: var(--font-size-small);
}

.danger-text {
  color: #ffb4b4;
}

.recipient-close {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: rgba(15, 23, 32, 0.84);
  color: var(--text-secondary);
  cursor: pointer;
}

.recipient-close:hover,
.recipient-close:focus-visible {
  border-color: rgba(251, 100, 0, 0.45);
  color: var(--text-primary);
}

.recipient-option-list {
  display: grid;
  gap: 8px;
  max-height: 150px;
  overflow: auto;
  padding: 2px;
}

.recipient-option {
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: rgba(15, 23, 32, 0.84);
  color: var(--text-primary);
  padding: 8px 11px;
  text-align: left;
  cursor: pointer;
}

.recipient-option small {
  display: block;
  color: var(--text-secondary);
  font-size: var(--font-size-small);
}

.recipient-option:hover,
.recipient-option:focus-visible {
  border-color: rgba(251, 100, 0, 0.45);
}

.recipient-option.selected {
  border-color: rgba(126, 167, 216, 0.45);
  background: rgba(126, 167, 216, 0.1);
}

.recipient-checkbox {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  color: var(--brand-orange);
  font-weight: var(--font-weight-semibold);
}

.recipient-option.hidden {
  display: none;
}

.field-help {
  color: var(--text-muted);
  font-size: var(--font-size-small);
  line-height: 1.35;
}

.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(8, 13, 19, 0.22);
}

table {
  width: 100%;
  border-collapse: collapse;
  line-height: var(--line-height-table);
}

th,
td {
  border-bottom: 1px solid var(--border-subtle);
  padding: 13px 15px;
  text-align: left;
  vertical-align: top;
}

th {
  color: var(--text-secondary);
  font-size: var(--font-size-label);
  text-transform: uppercase;
}

.review-section {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-3);
  overflow: hidden;
}

.review-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(255, 255, 255, 0.025);
  padding: 12px 16px;
}

.review-actions {
  display: flex;
  gap: 8px;
}

.review-section.saved textarea {
  color: var(--muted);
  opacity: 0.8;
}

.review-section textarea {
  min-height: 140px;
  border: 0;
  border-top: 1px solid var(--border-subtle);
  border-radius: 0;
}

.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.alert {
  border: 1px solid rgba(69, 212, 106, 0.18);
  border-radius: var(--radius-md);
  background: rgba(69, 212, 106, 0.08);
  color: #9cffaf;
  padding: 14px 18px;
  margin-bottom: 18px;
}

.warning-alert {
  border-color: rgba(245, 200, 76, 0.24);
  background: rgba(245, 200, 76, 0.08);
  color: #ffe29a;
}

.bavardio-fresh-login .alert {
  border-color: #bfd5f4;
  background: #eef6ff;
  color: #1e3a5f;
  padding: 13px 15px;
  margin: 18px 0 0;
  font-size: var(--font-size-body);
  line-height: 1.48;
  font-weight: var(--font-weight-semibold);
}

.bavardio-fresh-login .success-alert {
  border-color: #b7dfc8;
  background: #eefaf3;
  color: #14532d;
}

.bavardio-fresh-login .warning-alert,
.bavardio-fresh-login .error-alert {
  border-color: #f3c7c7;
  background: #fff1f1;
  color: #8a1f1f;
}

.flash-alert {
  margin-top: -18px;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: var(--gtm-z-overlay);
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(3, 7, 12, 0.72);
}

.modal-dialog {
  width: min(520px, 100%);
  border: 1px solid rgba(224, 80, 80, 0.26);
  border-radius: var(--radius-md);
  background: #111923;
  padding: 24px;
}

.modal-dialog h2 {
  margin-bottom: 10px;
}

.modal-dialog p {
  color: var(--text-secondary);
  line-height: 1.55;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 22px;
}

.trash-icon {
  position: relative;
  width: 14px;
  height: 15px;
  border: 2px solid currentColor;
  border-top: 0;
  border-radius: 0 0 3px 3px;
}

.trash-icon::before,
.trash-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  background: currentColor;
  transform: translateX(-50%);
}

.trash-icon::before {
  top: -5px;
  width: 14px;
  height: 2px;
  border-radius: 999px;
}

.trash-icon::after {
  top: -8px;
  width: 7px;
  height: 2px;
  border-radius: 999px;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
}

.page-link {
  min-width: 38px;
  min-height: 38px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: var(--bg-surface);
  color: var(--text-primary);
  cursor: pointer;
}

.page-link.active {
  border-color: var(--brand-orange);
  background: var(--brand-orange-muted);
}

.audio-card {
  display: grid;
  gap: 10px;
  border-top: 1px solid var(--border-subtle);
  padding: 16px 0;
}

.relationship-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--space-4);
}

.relationship-card {
  display: grid;
  gap: var(--space-4);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  padding: var(--space-5);
}

.relationship-card h3,
.relationship-card p {
  margin-bottom: 0;
}

.relationship-card dl {
  display: grid;
  gap: var(--space-3);
  margin: 0;
}

.relationship-card dt {
  color: var(--text-secondary);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}

.relationship-card dd {
  margin: 3px 0 0;
  color: var(--text-primary);
  line-height: 1.45;
}

.detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: var(--space-4);
  align-items: start;
}

.relationship-detail-page {
  display: grid;
  gap: var(--space-5);
}

.back-link {
  justify-self: start;
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  font-weight: var(--font-weight-semibold);
  padding: 0;
}

.back-link::before {
  content: "\2190  ";
}

.back-link:hover,
.back-link:focus-visible {
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.relationship-identity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  padding: 18px 20px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(16, 24, 33, 0.52);
}

.relationship-identity h2 {
  margin-bottom: 4px;
  font-size: var(--font-size-section-title);
  line-height: var(--line-height-title);
}

.relationship-identity p {
  margin: 0;
  color: var(--text-secondary);
}

.identity-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 9px;
  color: var(--text-secondary);
  font-size: var(--font-size-small);
}

.lifecycle-pill {
  flex: 0 0 auto;
}

.relationship-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
  flex: 0 0 auto;
}

.customer-profile-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--border-subtle);
}

.customer-profile-tab {
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.03);
  color: var(--text-secondary);
  cursor: pointer;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
}

.customer-profile-tab:hover,
.customer-profile-tab:focus-visible {
  color: var(--text-primary);
  border-color: var(--border-strong);
}

.relationship-workspace {
  display: grid;
  grid-template-columns: minmax(0, 70%) minmax(280px, 30%);
  gap: var(--space-7);
  align-items: start;
}

.relationship-main,
.relationship-aside {
  min-width: 0;
}

.relationship-readonly-notice {
  margin: 0 0 var(--space-5);
  padding: 12px 14px;
  color: #6b3d04;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 6px;
  font-size: var(--font-size-small);
  line-height: 1.4;
}

.relationship-main {
  display: grid;
  gap: 28px;
}

.relationship-section,
.relationship-side-section {
  min-width: 0;
}

.relationship-section {
  padding-bottom: 28px;
  border-bottom: 1px solid var(--border-subtle);
}

.relationship-section:last-child,
.relationship-actions {
  border-bottom: 0;
}

.relationship-section h3,
.relationship-side-section h3,
.relationship-actions h3 {
  margin-bottom: var(--space-4);
  color: var(--text-primary);
  font-size: var(--font-size-section-title);
  line-height: 1.2;
}

.stripe-financials-section {
  display: grid;
  gap: var(--space-4);
}

.stripe-financial-block {
  display: grid;
  gap: var(--space-3);
}

.stripe-financial-block h4 {
  margin: 0;
  font-size: var(--font-size-body);
  line-height: 1.2;
}

.stripe-summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.compact-snapshot {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stripe-table-wrap {
  max-height: 280px;
  overflow: auto;
}

.stripe-table-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.stripe-table-wrap::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 999px;
}

.section-heading-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}

.section-heading-row h3 {
  margin-bottom: var(--space-1);
}

.crm-status {
  margin: 0;
  font-size: var(--font-size-small);
  line-height: 1.4;
}

.crm-status.connected {
  color: var(--status-success);
}

.crm-status.warning {
  color: var(--status-warning);
}

.small-btn {
  min-width: 92px;
  min-height: 36px;
  padding: 7px 11px;
}

.relationship-fields {
  display: grid;
  gap: 16px 18px;
}

.relationship-fields.two-column {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.relationship-fields.three-column {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.relationship-fields .field {
  gap: 6px;
}

.relationship-fields label {
  font-size: var(--font-size-label);
}

.relationship-fields input,
.relationship-fields select {
  min-height: 40px;
  padding: 9px 12px;
}

.relationship-fields textarea {
  padding: 10px 12px;
}

.compact-owner-context {
  display: grid;
  gap: 6px;
}

.communication-attachment-field input[type="file"] {
  min-height: 36px;
  padding: 7px 9px;
}

.communication-attachment-list {
  display: grid;
  gap: 5px;
  margin-top: 6px;
  color: var(--text-secondary);
  font-size: 12px;
}

.communication-attachment-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 5px 0;
  border-top: 1px solid var(--border-light);
}

.communication-attachment-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.communication-attachment-count {
  display: inline-flex;
  margin-top: 4px;
  color: var(--brand-orange);
  font-size: 12px;
  font-weight: 600;
}

.compact-textarea textarea,
textarea.compact-textarea {
  min-height: 96px;
}

.relationship-aside {
  display: grid;
  gap: var(--space-5);
  padding: 18px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(16, 24, 33, 0.46);
}

.relationship-side-section {
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--border-subtle);
}

.relationship-side-section:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.snapshot-list {
  display: grid;
  gap: 12px;
  margin: 0;
}

.snapshot-list dt {
  color: var(--text-secondary);
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}

.snapshot-list dd {
  margin: 2px 0 0;
  color: var(--text-primary);
  line-height: 1.35;
}

.activity-list {
  display: grid;
  gap: 12px;
}

.activity-list article {
  display: grid;
  gap: 3px;
}

.activity-list span,
.activity-list small {
  color: var(--text-secondary);
  line-height: 1.4;
}

.activity-list small {
  font-size: var(--font-size-small);
}

.customer-table-wrap table {
  min-width: 1180px;
}

.customer-metrics .metric {
  min-height: 82px;
}

.commercial-metrics,
.automation-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: var(--space-3);
}

.mini-metric,
.automation-card {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.018);
  padding: var(--space-4);
}

.mini-metric span,
.automation-card .snapshot-list dt {
  color: var(--text-secondary);
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}

.mini-metric strong {
  display: block;
  margin-top: 7px;
  color: var(--text-primary);
  font-size: var(--font-size-metric-secondary);
  font-weight: var(--font-weight-semibold);
  line-height: 1.18;
}

.docusign-envelope-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.docusign-envelope {
  border: 1px solid var(--border-subtle);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.018);
  padding: 14px;
}

.docusign-envelope h4 {
  margin: 0 0 4px;
  font-size: var(--font-size-section-title);
}

.customer-commercial-summary .section-heading-row {
  align-items: center;
}

.customer-activity-list {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.customer-activity-list article {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.018);
  padding: var(--space-4);
}

.automation-checks {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.automation-check {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  border: 1px solid rgba(69, 212, 106, 0.2);
  border-radius: 999px;
  background: rgba(69, 212, 106, 0.08);
  color: #9cffaf;
  padding: 7px 12px;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
}

.automation-card {
  display: grid;
  gap: var(--space-3);
}

.automation-card h3,
.automation-card p {
  margin: 0;
}

.customer-automation-list {
  display: grid;
  gap: var(--space-3);
}

.automation-summary-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(110px, 1fr));
  gap: 0;
  margin-bottom: 12px;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  background: var(--bg-app);
  overflow: hidden;
}

.automation-summary-grid .mini-metric {
  border: 0;
  border-right: 1px solid var(--border-light);
  border-radius: 0;
  box-shadow: none;
}

.automation-summary-grid .mini-metric:last-child {
  border-right: 0;
}

.customer-automation-row {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) minmax(260px, 1.4fr) auto;
  gap: var(--space-3);
  align-items: start;
  border: 1px solid var(--border-subtle);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.018);
  padding: var(--space-4);
}

.customer-automation-row > div:first-child p {
  margin: 5px 0 0;
}

.compact-actions {
  justify-content: flex-end;
  margin-top: 0;
}

.automation-preview {
  grid-column: 1 / -1;
  border-top: 1px solid var(--border-subtle);
  padding-top: var(--space-3);
}

.automation-preview p {
  margin: 7px 0 0;
  color: var(--text-secondary);
  line-height: 1.45;
}

.relationship-actions {
  display: grid;
  gap: var(--space-5);
}

.primary-record-action {
  display: flex;
}

.primary-record-action .btn {
  min-width: 146px;
}

.action-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.action-split > div {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.018);
}

.action-split p {
  margin: 0;
}

.secondary-workspace {
  padding-top: var(--space-2);
}

.activity-history-section {
  padding: var(--space-5) 0 0;
}

.relationship-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-3);
}

.relationship-sidebar {
  display: grid;
  gap: var(--space-4);
}

.relationship-sidebar dl {
  display: grid;
  gap: var(--space-4);
  margin: 0;
}

.relationship-sidebar dt {
  color: var(--text-secondary);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}

.relationship-sidebar dd {
  margin: 4px 0 0;
  color: var(--text-primary);
  line-height: 1.45;
}

.workflow-list.vertical {
  display: grid;
  gap: var(--space-2);
  align-items: stretch;
}

.row-title {
  border: 0;
  background: transparent;
  color: var(--text-primary);
  cursor: pointer;
  font-weight: var(--font-weight-medium);
  padding: 0;
  text-align: left;
}

.row-title:hover,
.row-title:focus-visible {
  color: var(--brand-orange);
  text-decoration: underline;
}

.meta-block {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
  color: var(--text-secondary);
  font-size: var(--font-size-small);
  padding: 8px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(16, 24, 33, 0.62);
}

.meta-block strong {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
}

.env-dot {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--text-secondary);
  min-height: 28px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(69, 212, 106, 0.06);
}

.env-dot::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--status-success);
}

.topbar-link {
  min-height: 28px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.025);
  color: var(--brand-orange);
  cursor: pointer;
  font-weight: var(--font-weight-semibold);
  padding: 4px 9px;
}

.topbar-link:hover,
.topbar-link:focus-visible {
  color: #ff9a57;
  outline: 0;
  text-decoration: underline;
}

.section-intro {
  margin-bottom: var(--space-4);
}

.section-intro.split {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.section-intro h2 {
  margin-bottom: var(--space-1);
}

.inline-form {
  display: grid;
  grid-template-columns: auto minmax(260px, 420px) auto auto;
  gap: var(--space-3);
  align-items: end;
}

.inline-form label {
  align-self: center;
  color: var(--status-info);
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}

.system-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.system-status-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  align-items: center;
  min-height: 96px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(8, 13, 19, 0.26);
  padding: var(--space-4);
}

.system-status-card > .system-status-label,
.system-status-card small {
  color: var(--text-secondary);
}

.system-status-description {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-normal);
  color: var(--text-muted);
}

.system-status-card em {
  justify-self: start;
  min-width: 0;
  border-radius: 999px;
  padding: 5px 12px;
  font-style: normal;
  font-weight: var(--font-weight-semibold);
  text-align: center;
}

.system-status-card small {
  grid-column: 1 / -1;
}

.status-ok {
  background: rgba(69, 212, 106, 0.1);
  color: var(--status-success);
}

.status-warn {
  background: rgba(245, 200, 76, 0.1);
  color: var(--status-warning);
}

.diagnostic-card {
  display: grid;
  gap: var(--space-4);
  margin-top: var(--space-4);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: rgba(8, 13, 19, 0.28);
  padding: var(--space-4);
}

.diagnostic-card h3 {
  margin: 0 0 var(--space-1);
  font-size: var(--font-size-section-title);
}

.diagnostic-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-3);
}

.diagnostic-row {
  display: grid;
  gap: 5px;
  min-height: 96px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: var(--bg-surface);
  padding: var(--space-3);
}

.diagnostic-row span {
  width: fit-content;
  border-radius: 999px;
  padding: 3px 9px;
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
}

.diagnostic-row.pass span {
  background: rgba(69, 212, 106, 0.1);
  color: var(--status-success);
}

.diagnostic-row.fail span {
  background: rgba(224, 80, 80, 0.12);
  color: #ffb4b4;
}

.diagnostic-row small {
  color: var(--text-secondary);
  line-height: 1.35;
}

.workflow-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(172px, 1fr));
  gap: 12px;
  align-items: center;
}

.command-center-access {
  display: grid;
  gap: 18px;
}

.workflow-block {
  display: grid;
  gap: 10px;
}

.action-list {
  grid-template-columns: repeat(auto-fit, minmax(180px, 220px));
}

.destination-list {
  padding-top: 2px;
  border-top: 1px solid var(--border-subtle);
}

.settings-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.settings-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: -18px 0 var(--space-5);
}

.settings-tab {
  min-height: 38px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: rgba(16, 24, 33, 0.58);
  color: var(--text-secondary);
  cursor: pointer;
  font-weight: var(--font-weight-semibold);
  padding: 8px 14px;
}

.settings-tab.active,
.settings-tab:hover {
  border-color: rgba(255, 100, 0, 0.42);
  background: rgba(255, 100, 0, 0.08);
  color: var(--text-primary);
}

.settings-card {
  display: grid;
  gap: var(--space-2);
  min-height: 120px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  color: var(--text-primary);
  padding: var(--space-5);
  text-align: left;
  cursor: pointer;
}

.settings-section-heading {
  margin: var(--space-5) 0 var(--space-3);
  color: var(--status-info);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}

.single-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.email-settings-form {
  margin-top: var(--space-4);
}

.compact-warning {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.compact-warning p {
  margin: 4px 0 0;
}

.users-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}

.users-toolbar h2 {
  margin: 0 0 var(--space-1);
}

.users-toolbar p {
  margin: 0;
}

.users-toolbar input {
  max-width: 360px;
}

.settings-card span,
.locked-note {
  color: var(--text-secondary);
}

.activity-access-panel {
  display: grid;
  gap: var(--space-4);
}

.activity-access-filters {
  display: grid;
  grid-template-columns: minmax(160px, 220px) minmax(120px, 160px) minmax(220px, 1fr);
  gap: var(--space-3);
  align-items: end;
}

.activity-access-filters label {
  display: grid;
  gap: 4px;
  color: var(--text-secondary);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
}

.activity-access-filters input,
.activity-access-filters select {
  width: 100%;
  min-height: 36px;
  padding: 6px 10px;
}

.activity-access-table {
  max-height: 280px;
  overflow: auto;
}

.activity-access-table th,
.activity-access-table td {
  vertical-align: top;
}

.checkbox-field {
  align-content: start;
}

.check-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  color: var(--text-primary);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
  text-transform: none;
}

.check-row input {
  width: auto;
}

.user-alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.link-action {
  min-height: 40px;
  min-width: 150px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: rgba(16, 24, 33, 0.58);
  color: var(--text-primary);
  cursor: pointer;
  font-weight: var(--font-weight-semibold);
  padding: 9px 12px;
}

.link-action:hover {
  border-color: rgba(255, 100, 0, 0.32);
  background: rgba(255, 100, 0, 0.06);
  color: var(--text-primary);
}

.action-card {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-align: left;
}

.action-symbol {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: rgba(8, 13, 19, 0.2);
}

.action-symbol::before,
.action-symbol::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  background: currentColor;
}

.action-symbol::before {
  width: 10px;
  height: 2px;
}

.action-symbol::after {
  width: 2px;
  height: 10px;
}

.action-chevron {
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  opacity: 0.72;
}

audio {
  width: 100%;
}

/* Bavardio Light Operations UI refinement */
:root {
  color-scheme: light;
  --bg-app: #ffffff;
  --bg-subtle: #f9fafc;
  --bg-sidebar: #ffffff;
  --bg-surface: #ffffff;
  --bg-surface-hover: #f9fafc;
  --bg-surface-active: #fff3ed;
  --bg-panel: #ffffff;
  --bg-panel-soft: #f9fafc;
  --bg-control: #f3f5f8;
  --border-default: #dde3eb;
  --border-light: #e7ebf0;
  --border-subtle: #e7ebf0;
  --border-muted: #dde3eb;
  --border-focus: rgba(241, 90, 36, 0.58);
  --border-strong: #cbd2dc;
  --text-primary: #172033;
  --text-secondary: #4b5563;
  --text-muted: #6b7280;
  --text-disabled: #9ca3af;
  --brand-orange: #f15a24;
  --brand-orange-hover: #d94f1f;
  --brand-orange-active: #bd421a;
  --brand-orange-muted: #fff3ed;
  --brand-primary: #f15a24;
  --brand-muted: #fff3ed;
  --success: #15803d;
  --warning: #b77900;
  --danger: #c2413a;
  --info: #2563eb;
  --status-success: #15803d;
  --status-warning: #b77900;
  --status-danger: #c2413a;
  --status-info: #2563eb;
  --gtm-section-blue: #2563eb;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --shadow-subtle: 0 1px 2px rgba(16, 24, 40, 0.04);
  --font-size-metric-sm: 22px;
  --font-size-metric-md: var(--font-size-metric);
  --font-size-metric-financial: 24px;
  --font-size-metric-secondary: 18px;
  --gtm-page-header-height: 78px;
  --gtm-section-toolbar-height: 58px;
  --gtm-z-table-header: 8;
  --gtm-z-section-header: 18;
  --gtm-z-page-header: 28;
  --gtm-z-overlay: 60;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #cbd2dc transparent;
}

*::-webkit-scrollbar-thumb {
  background: #cbd2dc;
}

*::-webkit-scrollbar-thumb:hover {
  background: #aeb8c6;
}

body {
  background: var(--bg-subtle);
  color: var(--text-primary);
  font-family: var(--font-family-sans);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-weight: var(--font-weight-normal);
}

.layout {
  grid-template-columns: 172px minmax(0, 1fr);
  background: var(--bg-subtle);
}

.sidebar {
  background: var(--bg-sidebar);
  border-right: 1px solid var(--border-default);
  padding: 14px 8px;
}

.brand {
  align-items: start;
  justify-items: start;
  gap: 5px;
  margin-bottom: 10px;
  padding: 4px 8px 14px;
  border-bottom-color: var(--border-light);
}

.brand img {
  width: 128px;
}

.brand .platform {
  color: var(--text-secondary);
  font-size: var(--font-size-small);
}

.version {
  justify-self: start;
  background: var(--bg-control);
  color: var(--text-muted);
  font-size: var(--font-size-nav-meta);
  font-weight: var(--font-weight-semibold);
}

.nav-group {
  padding: 6px 0;
}

.nav-title {
  margin: 0 8px 5px;
  color: var(--text-muted);
  font-size: var(--font-size-nav-meta);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-label);
}

.nav-link {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 33px;
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  padding: 7px 9px;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
}

.nav-icon {
  width: 17px;
  height: 17px;
  border: 1.5px solid currentColor;
  border-radius: 5px;
  opacity: 0.74;
}

.nav-link.active {
  background: transparent;
  color: var(--brand-orange);
  font-weight: var(--font-weight-semibold);
}

.nav-link.active::before {
  display: none;
}

.nav-link:hover {
  background: var(--bg-subtle);
  color: var(--text-primary);
}

.main {
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-width: none;
  padding: 22px 26px 32px;
  overflow: hidden;
}

.main-scroll-region {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.topbar {
  flex: 0 0 auto;
  z-index: var(--gtm-z-page-header);
  align-items: center;
  margin-bottom: var(--gtm-page-content-gap, 16px);
  padding: 0 0 10px;
  background: var(--bg-subtle);
  border-bottom: 1px solid var(--border-light);
  box-shadow: 0 8px 16px rgba(249, 250, 252, 0.82);
}

.eyebrow,
.settings-section-heading,
.inline-form label,
label,
.metric span,
.relationship-card dt,
.relationship-sidebar dt,
.snapshot-list dt,
.mini-metric span,
.automation-card .snapshot-list dt,
.system-status-card > .system-status-label,
.diagnostic-row span {
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-label);
  text-transform: uppercase;
}

.eyebrow {
  color: var(--text-muted);
}

h1 {
  font-size: var(--font-size-page-title);
  font-weight: var(--font-weight-bold);
}

h2 {
  font-size: var(--font-size-section-title);
  font-weight: var(--font-weight-semibold);
}

h3,
.relationship-section h3,
.relationship-side-section h3,
.relationship-actions h3,
.diagnostic-card h3,
.docusign-envelope h4 {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
}

.muted,
.legal-panel p,
.relationship-identity p,
.activity-list span,
.activity-list small,
.settings-card span,
.locked-note,
.diagnostic-row small,
.automation-preview p {
  color: var(--text-muted);
}

.meta-block {
  border-color: var(--border-light);
  border-radius: var(--radius-md);
  background: var(--bg-app);
  box-shadow: var(--shadow-subtle);
  font-size: var(--font-size-small);
}

.env-dot {
  background: transparent;
  color: var(--text-secondary);
}

.env-dot::before {
  background: var(--success);
}

.status-strip,
.panel {
  margin-bottom: 16px;
}

.panel,
.status-strip,
.relationship-identity,
.relationship-aside,
.relationship-card,
.mini-metric,
.automation-card,
.docusign-envelope,
.customer-activity-list article,
.action-split > div,
.system-status-card,
.diagnostic-card,
.diagnostic-row,
.recipient-picker,
.modal-dialog,
.review-section,
.table-wrap,
.customer-automation-row {
  background: var(--bg-app);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-subtle);
}

.panel {
  padding: 14px;
}

.status-strip {
  padding: 10px 12px;
  background: var(--bg-app);
}

.status-strip,
.attention-strip {
  border-left: 4px solid rgba(241, 90, 36, 0.42);
  background: #f8fafc;
}

.status-strip h2 {
  color: var(--text-primary);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
}

.btn,
.link-action,
.page-link,
.settings-tab,
.customer-profile-tab,
.crm-combobox-trigger,
.recipient-close,
.crm-tag-option,
.recipient-option {
  min-height: 35px;
  border-color: var(--border-default);
  border-radius: var(--radius-sm);
  background: var(--bg-app);
  color: var(--text-primary);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
}

.btn {
  min-width: auto;
  padding: 8px 12px;
}

.btn.primary {
  border-color: var(--brand-orange);
  background: var(--brand-orange);
  color: #ffffff;
  font-weight: var(--font-weight-semibold);
}

.btn.secondary,
.topbar-link {
  background: #ffffff;
  color: var(--text-primary);
}

.btn.danger,
.btn.quiet-danger {
  border-color: #f3c7c3;
  background: #fff5f4;
  color: var(--danger);
}

.btn:hover,
.page-link:hover,
.link-action:hover,
.settings-card:hover {
  background: var(--bg-surface-hover);
}

.btn.primary:hover {
  background: var(--brand-orange-hover);
  color: #ffffff;
}

.small-btn {
  min-height: 34px;
  min-width: auto;
  padding: 7px 10px;
}

.grid {
  gap: 0;
  margin-bottom: 14px;
  background: var(--bg-app);
  border-color: var(--border-light);
  box-shadow: var(--shadow-subtle);
}

.metric {
  min-height: 58px;
  border-right-color: var(--border-light);
  padding: 10px 12px;
}

.metric strong {
  margin-top: 4px;
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
}

input,
select,
textarea,
.static-field {
  min-height: 36px;
  border-color: var(--border-default);
  border-radius: var(--radius-sm);
  background: var(--bg-control);
  color: var(--text-primary);
  padding: 7px 10px;
  font-size: var(--font-size-body);
}

input[type="search"] {
  min-height: 36px;
  border-radius: var(--radius-md);
}

input:hover,
select:hover,
textarea:hover {
  border-color: var(--border-strong);
}

textarea {
  min-height: 112px;
}

.table-wrap {
  background: var(--bg-app);
  overflow: auto;
}

table {
  font-size: var(--font-size-body);
  line-height: var(--line-height-table);
}

th,
td {
  border-bottom-color: var(--border-light);
  padding: 8px 10px;
  vertical-align: middle;
}

th {
  position: sticky;
  top: 0;
  z-index: var(--gtm-z-table-header);
  background: var(--bg-subtle);
  color: var(--text-muted);
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-label);
  box-shadow: inset 0 -1px 0 var(--border-default);
}

tr:last-child td {
  border-bottom: 0;
}

.pill,
.automation-check,
.system-status-card em,
.diagnostic-row span {
  min-height: 0;
  min-width: auto;
  border-radius: 999px;
  padding: 3px 8px;
  background: transparent;
  border-color: var(--border-default);
  color: var(--text-secondary);
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
}

.pill::before,
.automation-check::before,
.status-ok::before,
.status-warn::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}

.pill {
  gap: 6px;
}

.pill.needs_review,
.status-warn,
.crm-status.warning {
  color: var(--warning);
}

.pill.ready_to_publish,
.pill.published,
.status-ok,
.crm-status.connected {
  color: var(--success);
}

.pill.danger,
.danger-text,
.diagnostic-row.fail span {
  color: var(--danger);
}

.crm-combobox-popover,
.recipient-popover {
  background: var(--bg-app);
  border-color: var(--border-default);
  box-shadow: 0 8px 22px rgba(16, 24, 40, 0.1);
}

.crm-combobox-option,
.recipient-option,
.crm-tag-option {
  background: var(--bg-app);
  color: var(--text-secondary);
}

.crm-combobox-option:hover,
.crm-combobox-option:focus-visible,
.crm-combobox-option.selected,
.recipient-option.selected,
.crm-tag-option.selected,
.settings-tab.active,
.settings-tab:hover,
.customer-profile-tab.active,
.customer-profile-tab:hover,
.customer-profile-tab:focus-visible {
  border-color: rgba(241, 90, 36, 0.32);
  background: var(--brand-orange-muted);
  color: var(--brand-orange);
}

.crm-tag-chip,
.recipient-chip {
  min-height: 28px;
  border-color: var(--border-default);
  background: var(--bg-control);
  color: var(--text-primary);
  font-size: var(--font-size-small);
}

.crm-tag-chip button,
.recipient-chip button {
  background: #ffffff;
  color: var(--text-muted);
}

.recipient-chip.external {
  border-color: #f1d594;
  background: #fff8e8;
}

.relationship-detail-page {
  gap: 14px;
}

.relationship-identity {
  padding: 12px 14px;
}

.relationship-identity h2 {
  font-size: var(--font-size-section-title);
  font-weight: var(--font-weight-semibold);
}

.relationship-workspace {
  gap: 18px;
}

.relationship-main {
  gap: 16px;
}

.relationship-section {
  padding-bottom: 16px;
  border-bottom-color: var(--border-light);
}

.relationship-aside {
  padding: 12px;
}

.snapshot-list,
.relationship-card dl,
.relationship-sidebar dl {
  gap: 9px;
}

.commercial-metrics,
.automation-grid {
  gap: 10px;
}

.customer-activity-list article,
.mini-metric,
.automation-card,
.action-split > div,
.docusign-envelope,
.customer-automation-row {
  padding: 10px;
}

.customer-automation-row {
  grid-template-columns: minmax(180px, 1fr) minmax(250px, 1.35fr) auto;
}

.automation-preview {
  border-top-color: var(--border-light);
}

.system-status-grid,
.settings-grid {
  gap: 10px;
}

.section-intro {
  margin-bottom: 10px;
}

.section-intro.split {
  gap: 12px;
}

.section-intro h2 {
  margin-bottom: 2px;
}

.section-intro p,
.status-strip p {
  line-height: 1.35;
}

.attention-strip {
  display: grid;
  grid-template-columns: minmax(240px, 0.9fr) minmax(340px, 1.4fr);
  align-items: center;
  gap: 12px;
  border-color: #d8e1ec;
  border-left-color: rgba(241, 90, 36, 0.72);
  background: linear-gradient(90deg, #fff8f3 0%, #f7f9fc 58%, #f4f7fb 100%);
  box-shadow: none;
}

.attention-list {
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
  gap: 6px;
  min-width: 0;
}

.attention-item {
  min-height: 32px;
  gap: 8px;
  padding: 6px 8px;
  font-size: var(--font-size-small);
}

.attention-item strong {
  font-size: var(--font-size-small);
}

.command-center-filter-strip {
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  margin-bottom: 12px;
  gap: 0;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  background: #eef3f8;
  box-shadow: none;
}

.command-center-filter-strip .metric {
  min-height: 58px;
  border-right: 1px solid #d7e0ea;
  background: transparent;
  padding: 10px 12px;
}

.command-center-filter-strip .metric:hover {
  background: #f8fafc;
}

.command-center-filter-strip .metric:last-child {
  border-right: 0;
}

.command-center-filter-strip .metric strong {
  margin-top: 3px;
  font-size: var(--font-size-metric);
}

.command-center-filter.active {
  background: #fff3eb;
  box-shadow: inset 0 3px 0 var(--brand-orange);
}

.command-center-list-panel {
  margin-bottom: 14px;
  padding: 10px 12px 12px;
  border-color: #c8d3df;
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.command-center-workbar {
  display: grid;
  grid-template-columns: minmax(190px, auto) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
  min-height: 50px;
  padding: 0 0 8px;
  border-bottom: 1px solid #d7e0ea;
  background: #f4f7fa;
}

.command-center-workbar-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  min-width: 190px;
}

.command-center-workbar-title .gtm-section-title {
  flex: 0 0 auto;
  margin: 0;
}

.command-center-workbar-title strong {
  color: var(--text-primary);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
}

.command-center-inline-count {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  border: 1px solid var(--border-light);
  border-radius: 999px;
  background: var(--bg-control);
  color: var(--text-muted);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  padding: 2px 8px;
}

.command-center-grid-toolbar {
  grid-template-columns: minmax(260px, 320px) minmax(112px, 154px) minmax(112px, 154px) auto;
  gap: 6px;
}

.command-center-grid-toolbar input,
.command-center-grid-toolbar select {
  height: 34px;
  padding: 6px 8px;
}

.command-center-table-wrap {
  max-height: min(58vh, 620px);
  border-color: var(--border-default);
  background: #ffffff;
  box-shadow: none;
}

.command-center-table th,
.command-center-table td {
  height: 38px;
  padding: 6px 8px;
}

.command-center-table th {
  top: 0;
  z-index: var(--gtm-z-table-header);
  border-bottom: 1px solid var(--border-default);
  background: #f7f9fc;
  color: #263241;
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-label);
}

.command-center-sort {
  color: inherit;
}

.command-center-type,
.command-center-status {
  min-height: 20px;
  padding: 2px 6px;
  font-size: var(--font-size-small);
}

.command-center-utility {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin-top: 2px;
  padding: 2px 0 0;
}

.command-center-access-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 0;
  padding: 0;
}

.package-delete-dialog {
  width: min(420px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  margin: auto;
  padding: 20px;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  background: #fff;
  color: var(--text-primary);
  box-shadow: 0 12px 40px rgba(15, 23, 42, .16);
}

.package-delete-dialog::backdrop { background: rgba(15, 23, 42, .3); }
.package-delete-dialog h2 { margin: 0 0 10px; font-size: var(--font-size-section-title); font-weight: var(--font-weight-semibold); }
.package-delete-dialog p { margin: 0; font-size: var(--font-size-small); line-height: 1.5; overflow-wrap: anywhere; }
.package-delete-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }
.package-delete-actions button {
  border: 1px solid var(--border-default);
  border-radius: 4px;
  background: #fff;
  color: var(--text-secondary);
  padding: 6px 12px;
  font: inherit;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}
.package-delete-actions [data-package-confirm] { color: #a13b35; border-color: #dfb9b5; }
.package-delete-actions button:hover { background: #f4f6f9; }
.package-delete-actions [data-package-confirm]:hover { background: #fff5f4; color: #7f1d1d; }
.package-delete-actions button:focus-visible { outline: 2px solid var(--brand-orange); outline-offset: 2px; }
.package-delete-actions button:disabled { opacity: .6; cursor: wait; }
.package-delete-dialog .package-delete-error { margin-top: 10px; color: #a13b35; }

.publishing-summary {
  margin-bottom: 12px;
}

.publishing-summary .gtm-section-title {
  margin-bottom: 4px;
}

.publishing-summary-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  font-size: var(--font-size-small);
}

.publishing-summary-line p {
  margin: 0;
}

.publishing-calendar .table-wrap {
  border-radius: 4px;
  background: var(--bg-app);
}

.publishing-calendar table {
  min-width: 980px;
  table-layout: fixed;
  font-size: var(--font-size-body);
}

.publishing-ready-col { width: 125px; }
.publishing-date-col { width: 195px; }
.publishing-saved-col { width: 182px; }
.publishing-workflow-col { width: 130px; }
.publishing-actions-col { width: 112px; }

.publishing-calendar th {
  background: #f4f6f9;
  color: #475569;
  padding: 8px 10px;
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
}

.publishing-calendar td {
  height: 56px;
  padding: 5px 10px;
  vertical-align: middle;
  line-height: 1.35;
}

.publishing-package strong {
  font-weight: var(--font-weight-semibold);
  overflow-wrap: anywhere;
}

.publishing-support {
  display: block;
  color: var(--text-muted);
  font-size: var(--font-size-label);
  margin-top: 2px;
}

.publishing-calendar input[type="datetime-local"] {
  width: 100%;
  min-width: 0;
  height: 32px;
  min-height: 32px;
  padding: 4px 6px;
  font-size: var(--font-size-body);
}

.publishing-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-secondary);
  font-size: var(--font-size-label);
  white-space: nowrap;
}

.publishing-status::before {
  content: "";
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #b7791f;
}

.publishing-status.is-ready::before { background: #27834a; }

.publishing-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.publishing-action {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 1px 0;
  color: var(--text-secondary);
  font-family: inherit;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  white-space: nowrap;
  cursor: pointer;
}

.publishing-action.publishing-status { font-size: var(--font-size-label); font-weight: var(--font-weight-normal); }
.publishing-delete { color: #a13b35; }
.publishing-action:hover:not(:disabled),
.publishing-action:focus-visible { color: var(--brand-orange); text-decoration: underline; }
.publishing-delete:hover:not(:disabled) { color: #7f1d1d; }
.publishing-action:focus-visible { outline: 2px solid var(--brand-orange); outline-offset: 3px; }
.publishing-action:disabled { color: var(--text-muted); cursor: default; opacity: .65; }

.quick-access-link {
  min-height: 30px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  padding: 5px 8px;
}

.quick-access-link + .quick-access-link {
  position: relative;
  margin-left: 8px;
}

.quick-access-link + .quick-access-link::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: var(--border-default);
}

.quick-access-link:hover,
.quick-access-link:focus-visible {
  background: var(--bg-control);
  color: var(--brand-orange);
}

.system-status-card {
  min-height: 70px;
  padding: 10px 12px;
}


.system-status-card em {
  min-width: 0;
  padding: 2px 7px;
}

.diagnostic-card {
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
}

.diagnostic-row {
  min-height: 72px;
  padding: 10px;
}

.settings-tabs {
  margin: -8px 0 12px;
}

.settings-tab {
  min-height: 32px;
  padding: 6px 10px;
}

.settings-section-heading {
  margin: 14px 0 8px;
}

.stacked-form {
  gap: 18px;
}

.form-grid {
  gap: 12px;
}

.field {
  gap: 5px;
}

.settings-card {
  min-height: 76px;
}

.workflow-list {
  gap: 8px;
}

/* Explicit subsection identity only: never target page titles, labels or controls.
   Match the original Add Content Package workflow labels throughout GTM. */
.main .gtm-section-title {
  margin: 0 0 8px;
  color: var(--gtm-section-blue);
  font-size: var(--font-size-subsection-title);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-label);
  letter-spacing: var(--letter-spacing-label);
  text-transform: uppercase;
}

/* Existing grid gaps and inline toolbars already provide their own spacing. */
.main :where(.package-fieldset, .automation-card, .stripe-financial-block,
  .section-heading-row, .review-head, .command-center-workbar-title,
  .command-center-utility) > .gtm-section-title {
  margin-bottom: 0;
}

/* Status strips already separate their introductory copy from the content. */
.main .status-strip .gtm-section-title {
  margin-bottom: 0;
}

.main .settings-section-heading.gtm-section-title {
  margin-top: 14px;
}

.package-intake-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-light);
}

.package-intake-title {
  min-width: 0;
}

.package-intake-title .eyebrow,
.package-intake-title h2 {
  margin: 0;
}

.package-intake-title h2 {
  margin-top: 3px;
  color: var(--text-primary);
  font-size: var(--font-size-section-title);
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.package-workflow-steps {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  color: var(--text-muted);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  list-style: none;
  white-space: nowrap;
}

.package-workflow-steps li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.package-workflow-steps li:not(:last-child)::after {
  content: "\2192";
  color: var(--text-muted);
  opacity: 0.74;
}

.package-workflow-steps .active {
  color: var(--brand-orange);
}

.package-intake-panel {
  padding: 14px 16px;
}

.package-intake-form {
  display: grid;
  gap: 14px;
}

.package-fieldset {
  display: grid;
  gap: 10px;
  padding-top: 2px;
}

.package-fieldset + .package-fieldset {
  padding-top: 12px;
  border-top: 1px solid var(--border-light);
}

.package-two-column,
.package-three-column {
  display: grid;
  gap: 12px;
}

.package-two-column {
  grid-template-columns: minmax(220px, 0.75fr) minmax(240px, 1fr);
}

.package-three-column {
  grid-template-columns: minmax(220px, 1fr) minmax(180px, 0.8fr) minmax(210px, 0.9fr);
}

.distribution-grid {
  display: grid;
  grid-template-columns: minmax(160px, 0.7fr) minmax(160px, 0.7fr) minmax(240px, 1fr);
  gap: 12px;
  align-items: start;
}

.distribution-grid fieldset {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
}

.distribution-grid legend,
.distribution-list-field {
  color: var(--text-primary);
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
}

.distribution-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-small);
}

.distribution-list-field {
  display: grid;
  gap: 6px;
}

.distribution-list-field > .field {
  margin: 0;
}

.distribution-list-field select {
  min-height: 104px;
}

.distribution-list-field .crm-combobox-popover,
.crm-tag-picker[data-metadata-type="lists"] .crm-combobox-popover {
  max-height: min(72vh, 620px);
}

.distribution-list-field .crm-tag-option-list,
.crm-tag-picker[data-metadata-type="lists"] .crm-tag-option-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  max-height: min(58vh, 520px);
  overflow-y: auto;
  overflow-x: hidden;
}

.distribution-list-field .crm-tag-option,
.crm-tag-picker[data-metadata-type="lists"] .crm-tag-option {
  width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

.distribution-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 9px;
  margin-top: 8px;
  color: var(--text-secondary);
  font-size: var(--font-size-label);
}

.distribution-preview strong {
  color: var(--text-primary);
}

.package-review-backdrop {
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.package-review-modal {
  width: min(88vw, 1320px);
  height: min(84vh, 860px);
  max-width: none;
  max-height: none;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 14px;
}

.package-review-head,
.package-review-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.package-review-head h2 {
  margin: 2px 0 3px;
  font-size: var(--font-size-page-title);
}

.package-review-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(220px, 0.9fr);
  gap: 12px;
  border: 1px solid var(--border-default);
  border-radius: 6px;
  background: #f8fafc;
  padding: 12px;
}

.package-review-summary strong {
  display: block;
  margin-bottom: 5px;
  color: var(--text-primary);
}

.package-review-summary p {
  margin: 3px 0;
  color: var(--text-secondary);
  font-size: var(--font-size-small);
}

.package-review-list-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.package-review-list-chips span {
  border: 1px solid var(--border-default);
  border-radius: 999px;
  background: #fff;
  padding: 4px 8px;
  color: var(--text-secondary);
  font-size: var(--font-size-small);
}

.package-review-scroll {
  min-height: 0;
  overflow: auto;
  display: grid;
  gap: 12px;
  padding-right: 4px;
}

.package-review-actions {
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid var(--border-light);
  padding-top: 12px;
}

@media (max-width: 900px) {
  .distribution-grid {
    grid-template-columns: 1fr;
  }

  .package-review-head {
    display: grid;
    grid-template-columns: 1fr;
  }

  .package-review-backdrop {
    padding: 12px;
  }

  .package-review-modal {
    width: calc(100vw - 24px);
    height: calc(100vh - 24px);
  }

  .package-review-summary {
    grid-template-columns: 1fr;
  }
}

.package-title-field input {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
}

.package-field input,
.package-field select {
  /* Native date controls must align with adjacent text/select controls at the shared type size. */
  height: 38px;
  min-height: 36px;
}

.package-source-field textarea {
  min-height: 190px;
  resize: vertical;
}

.package-podcast-field {
  transition: opacity 140ms ease;
}

.package-podcast-field.hidden {
  display: none;
}

.package-action-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 2px;
}

.action-symbol {
  background: var(--bg-control);
}

.modal-backdrop {
  background: rgba(23, 32, 51, 0.42);
}

.flash-alert {
  margin-top: -8px;
}

@media (max-width: 1100px) {
  :root {
    --gtm-page-header-height: 72px;
    --gtm-section-toolbar-height: 52px;
  }

  .layout {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: relative;
    height: auto;
  }

  .form-grid,
  .split,
  .detail-layout,
  .relationship-workspace,
  .section-intro.split,
  .command-center-workbar,
  .attention-strip,
  .package-intake-header,
  .package-two-column,
  .package-three-column,
  .users-toolbar,
  .compact-warning,
  .inline-form,
  .command-center-grid-toolbar,
  .customer-automation-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .relationship-fields.two-column,
  .relationship-fields.three-column,
  .automation-summary-grid,
  .settings-grid,
  .system-status-grid,
  .single-row,
  .action-split {
    grid-template-columns: 1fr;
  }

  .relationship-identity {
    align-items: flex-start;
    flex-direction: column;
  }

  .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-center-table-wrap {
    max-height: 56vh;
  }

  .metric:nth-child(2n) {
    border-right: 0;
  }
}

@media (max-width: 640px) {
  :root {
    --gtm-page-header-height: 64px;
    --gtm-section-toolbar-height: 0px;
  }

  .main {
    padding: var(--space-6) var(--space-5);
  }

  .topbar,
  .status-strip {
    flex-direction: column;
    align-items: flex-start;
  }

  .meta-block {
    justify-items: start;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .metric {
    border-right: 0;
    min-height: 74px;
    padding: 14px 16px;
  }

  .metric strong {
    font-size: var(--font-size-metric);
  }

  .metric.financial strong {
    font-size: var(--font-size-metric-md);
  }

  .command-center-grid-toolbar {
    grid-template-columns: 1fr;
  }

  .command-center-workbar-title {
    min-width: 0;
  }

  .package-intake-header {
    align-items: flex-start;
    gap: 8px;
  }

  .package-workflow-steps {
    white-space: normal;
  }

  .command-center-table-wrap {
    max-height: none;
    border: 0;
    background: transparent;
    overflow: visible;
  }

  .command-center-table,
  .command-center-table thead,
  .command-center-table tbody,
  .command-center-table tr,
  .command-center-table th,
  .command-center-table td {
    display: block;
  }

  .command-center-table thead {
    display: none;
  }

  .command-center-table tr {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    background: rgba(8, 13, 19, 0.18);
    margin-bottom: var(--space-3);
    overflow: hidden;
  }

  .command-center-table td {
    display: grid;
    grid-template-columns: 112px 1fr;
    gap: var(--space-3);
    border-bottom: 1px solid var(--border-subtle);
    padding: 10px 12px;
    height: auto;
    max-width: none;
    white-space: normal;
  }

  .command-center-table td::before {
    content: attr(data-label);
    color: var(--text-secondary);
    font-size: var(--font-size-label);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
  }

  .command-center-table td:last-child {
    border-bottom: 0;
  }
}

.print-root {
  display: none;
}

@media print {
  @page {
    size: letter portrait;
    margin: 0.55in;
  }

  @page landscape {
    size: letter landscape;
    margin: 0.45in;
  }

  :root {
    color-scheme: light;
  }

  html,
  body {
    width: auto;
    min-height: auto;
    background: #fff !important;
    color: #1f2933 !important;
    font-family: var(--font-family-sans);
    font-size: 10pt;
    line-height: 1.36;
  }

  body * {
    visibility: hidden !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .print-root,
  .print-root * {
    visibility: visible !important;
  }

  .layout,
  .main,
  .print-root {
    display: block !important;
    width: 100% !important;
    min-height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    color: #1f2933 !important;
    border: 0 !important;
    overflow: visible !important;
  }

  .sidebar,
  .topbar,
  .main > :not(.print-root),
  .modal-backdrop,
  button,
  input,
  select,
  textarea,
  .pagination,
  .filters,
  .form-grid,
  .button-row {
    display: none !important;
  }

  .print-root {
    position: static !important;
  }

  .print-root.print-landscape .print-document {
    page: landscape;
  }

  .print-document {
    display: block;
    background: #fff;
    color: #1f2933;
  }

  .print-header {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 14px;
    border-bottom: 3px solid #ff6400;
    break-after: avoid;
  }

  .print-brand {
    margin: 0 0 7px;
    color: #111827;
    font-size: 10pt;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }

  .print-header h1 {
    margin: 0;
    color: #111827;
    font-size: 21pt;
    line-height: 1.08;
  }

  .print-header h2 {
    margin: 6px 0 0;
    color: #374151;
    font-size: 16pt;
    line-height: 1.18;
  }

  .print-generated {
    min-width: 190px;
    color: #4b5563;
    font-size: 9pt;
    text-align: right;
  }

  .print-generated span,
  .print-generated strong {
    display: block;
  }

  .print-generated strong {
    margin: 3px 0 8px;
    color: #111827;
    font-size: 10pt;
  }

  .print-section {
    margin-top: 18px;
    break-inside: avoid;
  }

  .print-section h3 {
    margin: 0 0 8px;
    padding-left: 8px;
    border-left: 3px solid #ff6400;
    color: #111827;
    font-size: 12pt;
    line-height: 1.2;
  }

  .print-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 22px;
    margin: 0;
  }

  .print-fields div {
    display: grid;
    grid-template-columns: minmax(112px, 0.9fr) minmax(160px, 1.2fr);
    gap: 12px;
    padding: 5px 0;
    border-bottom: 1px solid #e5e7eb;
    break-inside: avoid;
  }

  .print-fields dt {
    color: #6b7280;
    font-weight: 700;
  }

  .print-fields dd {
    margin: 0;
    color: #111827;
    font-weight: 600;
  }

  .print-context {
    display: grid;
    grid-template-columns: 1.6fr 1fr 0.4fr;
    gap: 14px;
    color: #374151;
  }

  .print-context div {
    padding: 9px 10px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    break-inside: avoid;
  }

  .print-context strong,
  .print-context span {
    display: block;
  }

  .print-context strong {
    margin-bottom: 3px;
    color: #6b7280;
    font-size: 8.5pt;
    text-transform: uppercase;
  }

  .print-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-top: 16px;
    break-inside: avoid;
  }

  .print-metrics div {
    padding: 8px 10px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
  }

  .print-metrics span {
    display: block;
    color: #6b7280;
    font-size: 8.5pt;
    font-weight: 700;
    text-transform: uppercase;
  }

  .print-metrics strong {
    display: block;
    margin-top: 4px;
    color: #111827;
    font-size: 16pt;
    line-height: 1.1;
  }

  .print-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 9pt;
  }

  .print-table thead {
    display: table-header-group;
  }

  .print-table th,
  .print-table td {
    padding: 6px 7px;
    border: 1px solid #d9dee5;
    color: #1f2933;
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
  }

  .print-table th {
    background: #f3f4f6;
    color: #374151;
    font-size: 8.5pt;
    font-weight: 700;
    text-transform: uppercase;
  }

  .print-table tr {
    break-inside: avoid;
  }

  .print-table.compact {
    font-size: 8.8pt;
  }

  .print-muted {
    margin: 0;
    color: #6b7280;
  }

  .print-footer {
    margin-top: 24px;
    padding-top: 8px;
    border-top: 1px solid #d9dee5;
    color: #6b7280;
    font-size: 8.5pt;
  }

  a {
    color: #111827 !important;
    text-decoration: none !important;
  }
}

/* Shared operational actions for Podcasts and CRM administration. */
.action-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: fit-content;
  min-width: 0;
  min-height: 24px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 2px 0;
  color: var(--text-secondary);
  font-family: inherit;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.user-alert { color: #245b35; }
.user-alert.warning-alert,
.compact-warning { color: #71511a; }

.action-link-danger { color: #a13b35; }
.action-link:hover:not(:disabled):not([aria-disabled="true"]),
.action-link:focus-visible { color: var(--brand-orange); text-decoration: underline; background: transparent; }
.action-link-danger:hover:not(:disabled):not([aria-disabled="true"]) { color: #7f1d1d; }
.action-link:focus-visible { outline: 2px solid var(--brand-orange); outline-offset: 3px; }
.action-link:disabled,
.action-link[aria-disabled="true"] { color: #747b87; cursor: default; text-decoration: none; background: transparent; }
.action-link[aria-disabled="true"] { pointer-events: none; }
.action-link-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.action-link-row > span { color: var(--text-muted); }
.form-grid > .action-link-row { grid-column: 1 / -1; }
.field:has(> .action-link-row) { align-content: end; }
#user-form .field > .btn { justify-self: start; width: fit-content; }
.button-row:has(> .action-link) { gap: 6px 12px; }
.field:has(> .action-link:only-child) { align-content: end; justify-items: start; }

/* Shared compact submit treatment, based on Review Queue secondary buttons. */
.btn.compact-submit {
  justify-self: start;
  width: fit-content;
  max-width: 100%;
  min-height: 36px;
  border-radius: 5px;
  padding: 8px 12px;
}

/* Keep detail navigation in the stationary shared shell, outside scrolling content. */
.main:has(> .page-back-nav) { --gtm-page-content-gap: var(--space-3); }
.page-back-nav {
  flex: 0 0 auto;
  display: flex;
  margin-bottom: var(--gtm-page-content-gap);
}
.page-back-nav .back-link {
  color: var(--text-primary);
  font-size: var(--font-size-small);
  line-height: 20px;
  font-weight: var(--font-weight-medium);
}
.page-back-nav .back-link:hover,
.page-back-nav .back-link:focus-visible { color: var(--brand-orange); }
.page-back-nav .back-link:focus-visible { outline: 2px solid var(--border-focus); outline-offset: 2px; }

.contract-reference-summary { gap: 4px; overflow-wrap: anywhere; font-size: var(--font-size-small); }

.systems-table { width: 100%; font-size: var(--font-size-body); }
.systems-row { display: grid; grid-template-columns: .7fr 1fr 1.65fr 1fr 1fr; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--border-default); align-items: start; }
.systems-row > * { min-width: 0; overflow-wrap: anywhere; }
.systems-row small, .systems-options small { display: block; color: var(--text-muted); font-size: var(--font-size-label); margin-top: 3px; }
.systems-head { color: var(--text-secondary); font-weight: var(--font-weight-semibold); }
.systems-row .action-link { font-size: var(--font-size-small); min-height: 20px; }
.systems-error { color: #a13b35; font-size: var(--font-size-small); }
.systems-dialog { width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; box-sizing: border-box; border: 1px solid #d9dee6; border-radius: 6px; padding: 18px; background: #fff; color: #202d40; }
.systems-dialog::backdrop { background: rgb(22 34 50 / 35%); }
.systems-dialog h2 { font-size: var(--font-size-section-title); margin: 0 0 8px; }
.systems-dialog p { margin: 8px 0; font-size: var(--font-size-small); }
.systems-search { margin: 12px 0; }
.systems-search > div { display: flex; gap: 8px; margin-top: 5px; }
.systems-search input { flex: 1; min-width: 0; }
.systems-dialog input:not([type=radio]):not([type=checkbox]), .systems-dialog select { min-height: 36px; border: 1px solid #d9dee6; border-radius: 5px; padding: 7px; max-width: 100%; }
.systems-dialog input:focus-visible, .systems-dialog select:focus-visible { outline: 2px solid var(--brand-orange); outline-offset: 2px; }
.systems-dialog label, .systems-dialog legend { font-size: var(--font-size-label); }
.systems-options { display: grid; gap: 6px; border: 1px solid #e3e6ec; border-radius: 4px; margin: 10px 0; padding: 8px; max-height: 175px; overflow: auto; }
.systems-options label { display: flex; flex-direction: row; align-items: start; gap: 6px; text-transform: none; letter-spacing: normal; }
.systems-options input { flex: 0 0 14px; width: 14px; height: 14px; min-height: 0; padding: 0; margin: 2px 0 0; }
.systems-options[data-list-options], .systems-options[data-tag-options] { max-height: 110px; }
.systems-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; }
.systems-danger { color: #a13b35; }
.systems-details { display: grid; gap: 5px; margin: 10px 0; font-size: var(--font-size-small); }
.systems-details > div { display: grid; grid-template-columns: 105px 1fr; gap: 8px; }
.systems-details dd { margin: 0; overflow-wrap: anywhere; }
.systems-activity { font-size: var(--font-size-small); }
@media (max-width: 700px) {
  .systems-head { display: none; }
  .systems-row { grid-template-columns: 1fr 1fr; gap: 6px 12px; }
  .systems-row > strong { grid-column: 1 / -1; }
  .systems-row [data-label]::before { content: attr(data-label) ': '; color: var(--text-secondary); font-weight: var(--font-weight-medium); }
}

/* Microsoft OAuth and channel mapping use the shared compact integration layout. */
.microsoft-status { display:flex; flex-wrap:wrap; gap:8px 24px; margin:10px 0; }
.systems-dialog > label { display:block; margin:12px 0 4px; }
.systems-dialog > select { width:100%; min-height:36px; }
.microsoft-activity { max-height:320px; overflow:auto; }
.microsoft-activity article { border-bottom:1px solid #dce3ed; padding:10px 0; overflow-wrap:anywhere; }
.microsoft-activity p { margin:5px 0; }
.settings-search { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin:8px 0 14px; }
.settings-search label { margin:0; }
.settings-search input { width:min(280px,100%); min-height:36px; }
.settings-search [data-settings-results] { flex-basis:100%; }
.global-integration-row { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 24px; margin:8px 0; }
.integration-actions { display:inline-flex; gap:12px; }
.integration-target { scroll-margin-block-start:12px; }
.integration-target.settings-search-match { outline:1px solid #c6d4e7; outline-offset:4px; }
.integration-target.relationship-section { padding:10px 0; }
.publishing-setup-row td { background: #f8fafc; border-top: 1px solid var(--border-default); }
.publishing-setup-panel { display: grid; gap: 12px; padding: 12px 14px; color: var(--text-primary); }
.publishing-setup-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.publishing-setup-header h3 { margin: 0 0 3px; font-size: var(--font-size-section-title); }
.publishing-setup-header p { margin: 0; }
.publishing-setup-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 18px; }
.publishing-setup-grid > div { min-width: 0; }
.publishing-setup-grid strong { display: block; margin-bottom: 5px; font-size: var(--font-size-label); color: var(--text-secondary); text-transform: uppercase; }
.publishing-setup-grid code { display: inline-block; max-width: 100%; overflow-wrap: anywhere; border: 1px solid var(--border-default); border-radius: 4px; background: #fff; padding: 2px 5px; color: var(--text-primary); }
.publishing-setup-grid ul { margin: 0; padding-left: 18px; }
.publishing-setup-grid li { margin: 3px 0; }
.publishing-setup-grid p { margin: 0; }
.publishing-setup-grid pre { max-width: 100%; overflow: auto; margin: 0 0 6px; border: 1px solid var(--border-default); border-radius: 4px; background: #fff; padding: 8px; color: var(--text-primary); font-size: var(--font-size-small); line-height: 1.45; }
.publishing-setup-steps { margin: 0; padding-left: 20px; color: var(--text-secondary); font-size: var(--font-size-small); }
.publishing-setup-steps li { margin: 4px 0; }
@media (max-width: 760px) {
  .publishing-setup-header { display: grid; }
  .publishing-setup-grid { grid-template-columns: 1fr; }
}

/* Typography roles shared by every workflow, including dynamically rendered dialogs. */
button, input, select, textarea, table, nav, dialog, a, .pill {
  font-family: var(--font-family-sans);
}
input, select, textarea, .static-field, .package-title-field input {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-normal);
}
input::placeholder, textarea::placeholder {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-normal);
  color: var(--text-muted);
}
label, legend, th, .systems-head, .system-status-label {
  line-height: var(--line-height-label);
}
th, .systems-head {
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-label);
  text-transform: uppercase;
}
td, .systems-row { line-height: var(--line-height-table); }
td strong, .systems-row strong { font-weight: var(--font-weight-medium); }
small, .muted, .field-help, .identity-meta, .meta-block, .publishing-support,
.systems-row small, .systems-options small, .systems-details, .systems-activity {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-body);
}
.field-help strong, .meta-block strong { font-weight: var(--font-weight-medium); }
.btn, .action-link, .link-action, .page-link, .topbar-link, .back-link,
.publishing-action, .command-center-row-action, .quick-access-link,
.settings-tab, .customer-profile-tab, .package-delete-actions button {
  font-size: var(--font-size-action);
  font-weight: var(--font-weight-medium);
}
.pill, .system-status-card em, .command-center-status, .publishing-status,
.recipient-status, .crm-status {
  font-size: var(--font-size-status);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-table);
}
.system-status-description { text-transform: none; letter-spacing: normal; }
.nav-link { font-size: var(--font-size-action); }

.mini-metric-metadata strong {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-body);
  overflow-wrap: anywhere;
}

strong, b { font-weight: var(--font-weight-semibold); }
.global-integration-row strong, .microsoft-status strong {
  font-size: var(--font-size-status);
  font-weight: var(--font-weight-semibold);
}

/* Compact FluentCRM lookup utility; result tables grow only when a lookup returns. */
.panel.fluentcrm-lookup { padding: 10px 14px; min-height: 0; }
.fluentcrm-lookup-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 6px; }
.main .fluentcrm-lookup-heading .gtm-section-title,
.fluentcrm-lookup-heading p { margin: 0; }
.fluentcrm-lookup-heading p { font-size: 12px; line-height: 18px; }
.fluentcrm-lookup-form { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto; align-items: end; gap: 8px 12px; }
.fluentcrm-lookup-field { display: grid; gap: 3px; min-width: 0; }
.fluentcrm-lookup-field label { margin: 0; font-size: 11px; line-height: 14px; }
.fluentcrm-lookup-field input,
.fluentcrm-lookup-form .compact-submit { height: 36px; min-height: 36px; margin: 0; }
.fluentcrm-lookup-field input { width: 100%; min-width: 0; }
.fluentcrm-lookup > .table-wrap { margin-top: 10px; }
@media (min-width: 541px) and (max-width: 900px) {
  .fluentcrm-lookup-form { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
}
@media (max-width: 540px) {
  .fluentcrm-lookup-form { grid-template-columns: minmax(0, 1fr); }
}

.fluentcrm-lead-search-backdrop { align-items: flex-start; overflow: auto; padding: 28px 16px; }
.fluentcrm-lead-search-drawer {
  width: min(1180px, calc(100vw - 32px));
  max-height: calc(100vh - 56px);
  overflow: auto;
  padding: 16px;
}
.fluentcrm-lead-search-drawer .section-heading-row { align-items: flex-start; margin-bottom: 10px; }
.fluentcrm-lead-search-form {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(120px, .8fr) minmax(90px, .5fr) auto;
  align-items: end;
  gap: 8px 10px;
  margin-bottom: 10px;
}
.fluentcrm-lead-search-form .field { margin: 0; min-width: 0; }
.fluentcrm-lead-search-form .field.wide { grid-column: auto; }
.fluentcrm-lead-search-form input,
.fluentcrm-lead-search-form select,
.fluentcrm-lead-search-form .crm-combobox-trigger,
.fluentcrm-lead-search-form .compact-submit { min-height: 36px; height: 36px; }
.fluentcrm-lead-results { margin-top: 10px; }
.fluentcrm-lead-results .table-wrap { max-height: 320px; overflow: auto; }
.fluentcrm-import-review {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}
.fluentcrm-import-review .relationship-section { padding: 10px 0; border: 0; }
.fluentcrm-import-review .snapshot-list { margin: 8px 0; }
.compact-heading { gap: 8px 12px; margin-bottom: 8px; }

/* Product request workflow: compact Settings-native request intake, triage, and sign-off. */
.product-requests-panel {
  padding: 12px 14px;
}

.request-count-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0;
}

.request-count-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  border: 1px solid var(--border-default);
  border-radius: 4px;
  background: #fff;
  color: var(--text-secondary);
  cursor: pointer;
  padding: 5px 8px;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
}

.request-count-link strong {
  color: var(--text-primary);
}

.request-count-link:hover,
.request-count-link:focus-visible,
.request-count-link.active {
  border-color: rgba(241, 90, 36, 0.58);
  color: var(--brand-orange);
  outline: 0;
}

.request-count-link:focus-visible {
  box-shadow: 0 0 0 2px rgba(241, 90, 36, 0.16);
}

.request-toolbar {
  display: grid;
  grid-template-columns: minmax(130px, 180px) minmax(220px, 1fr);
  gap: 8px 10px;
  align-items: end;
  margin: 8px 0;
}

.request-toolbar .field {
  margin: 0;
}

.request-toolbar input,
.request-toolbar select {
  height: 36px;
  min-height: 36px;
  padding: 6px 9px;
}

.request-table-wrap {
  max-height: 360px;
  border-color: var(--border-default);
  background: #fff;
}

.request-table-wrap th {
  background: #f7f9fc;
  color: #263241;
}

.request-table-wrap th,
.request-table-wrap td {
  height: 36px;
  padding: 6px 8px;
  white-space: nowrap;
}

.request-workflow-grid {
  grid-template-columns: minmax(280px, 0.85fr) minmax(360px, 1.15fr);
  align-items: start;
}

.request-workflow-grid .panel {
  padding: 12px 14px;
}

.request-detail-panel {
  display: grid;
  gap: 10px;
}

.request-detail-panel .relationship-section {
  padding-bottom: 12px;
}

.request-copy-grid {
  display: grid;
  gap: 8px;
}

.request-copy-grid > div {
  min-width: 0;
}

.request-copy-grid strong {
  display: block;
  margin-bottom: 2px;
  color: var(--text-primary);
  font-size: var(--font-size-small);
}

.request-copy-grid p,
.request-history p {
  margin: 0;
  white-space: pre-wrap;
}

.request-history {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 20px;
  font-size: var(--font-size-small);
}

.request-history li::marker {
  color: var(--brand-orange);
}

.request-intelligence-section textarea {
  min-height: 220px;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.84rem;
  line-height: 1.45;
}

.request-intelligence-actions {
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.request-admin-form,
.request-signoff-form {
  gap: 12px;
  padding: 10px 0 12px;
  border-bottom: 1px solid var(--border-light);
}

.request-admin-form .relationship-fields,
.request-signoff-form .relationship-fields {
  gap: 8px 10px;
}

@media (max-width: 900px) {
  .request-workflow-grid,
  .request-toolbar {
    grid-template-columns: 1fr;
  }

  .request-table-wrap {
    max-height: none;
  }
}
@media (max-width: 1100px) {
  .fluentcrm-lead-search-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .fluentcrm-lead-search-backdrop { padding: 10px; }
  .fluentcrm-lead-search-drawer { width: calc(100vw - 20px); max-height: calc(100vh - 20px); }
  .fluentcrm-lead-search-form { grid-template-columns: minmax(0, 1fr); }
}

/* DocuSign: email completion is primary; optional transports have independent status. */
.docusign-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.main .docusign-heading .gtm-section-title { margin:0; }
.docusign-settings > p { margin:4px 0 8px; }
.docusign-status-rows { display:grid; grid-template-columns:130px minmax(0,1fr); gap:3px 12px; margin:8px 0; font-size:13px; line-height:20px; }
.docusign-status-rows dt { color:var(--text-secondary); }
.docusign-status-rows dd { margin:0; overflow-wrap:anywhere; }
.docusign-settings .docusign-test-result:empty { display:none; }
.docusign-history { margin-top:8px; font-size:13px; }
.docusign-history summary { cursor:pointer; width:fit-content; }
.docusign-history summary:hover,.docusign-history summary:focus-visible { color:var(--brand-orange); }
.docusign-history .table-wrap { margin-top:8px; }
@media(max-width:540px){.docusign-status-rows{grid-template-columns:110px minmax(0,1fr);gap:4px 8px;}}

/* Activity is a full-width sibling of the editor, not a card in its 70% column. */
.customer-activity-log { width:100%; min-width:0; }
.activity-log-heading { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.main .activity-log-heading h3 { margin:0; }
.activity-log-heading > span { color:var(--text-secondary); font-size:12px; }
.activity-log-toolbar { display:grid; grid-template-columns:minmax(140px,1fr) minmax(130px,1fr) minmax(130px,1fr) minmax(170px,2fr) minmax(125px,1fr); gap:8px; margin-bottom:8px; }
.activity-log-toolbar label,.activity-log-dates label { display:grid; gap:3px; min-width:0; font-size:11px; color:var(--text-secondary); }
.activity-log-toolbar input,.activity-log-toolbar select,.activity-log-dates input { width:100%; min-width:0; height:36px; padding:6px 9px; border-radius:4px; font-size:13px; }
.activity-log-dates { display:flex; align-items:end; flex-wrap:wrap; gap:8px; margin-bottom:8px; }
.activity-log-dates[hidden],.activity-log-details[hidden],.activity-load-more[hidden] { display:none; }
.activity-log-dates label { max-width:180px; }
.activity-log-row { padding:10px 0; border-top:1px solid var(--border-light); overflow-wrap:anywhere; }
.activity-log-meta { display:flex; flex-wrap:wrap; gap:4px 14px; font-size:11px; color:var(--text-secondary); }
.activity-log-meta span { color:var(--text-primary); }
.main .activity-log-row h4 { font-size:13px; font-weight:600; line-height:1.45; margin:3px 0; }
.activity-log-preview { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:3px 0; font-size:13px; line-height:1.45; }
.activity-log-row-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; font-size:12px; color:var(--text-secondary); }
.activity-log-row-actions .action-link,.activity-load-more { min-height:24px; padding:2px 0; font-size:12px; }
.activity-log-details { padding:8px 0 0; font-size:13px; }
.activity-log-body { white-space:pre-wrap; line-height:1.5; }
.activity-log-details dl { margin:8px 0; }
.activity-log-details dl > div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:10px; margin:3px 0; }
.activity-log-details dt { color:var(--text-secondary); }
.activity-log-details dd { margin:0; white-space:pre-wrap; }
.activity-attachment-list { display:grid; gap:5px; margin:8px 0; }
.activity-attachment-list > div { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; padding:5px 0; border-top:1px solid var(--border-light); }
.activity-attachment-list span { min-width:160px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.activity-attachment-list a { color:var(--brand-orange); font-size:12px; font-weight:700; text-decoration:none; }
.activity-attachment-list a:hover,.activity-attachment-list a:focus-visible { text-decoration:underline; }
.activity-load-more { margin-top:6px; }
.customer-activity-log :is(input,select,button,a):focus-visible { outline:2px solid var(--brand-orange); outline-offset:2px; }
@media(max-width:1100px){.activity-log-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));}.activity-log-search{grid-column:span 2;}}
@media(max-width:540px){.activity-log-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));}.activity-log-search{grid-column:1 / -1;grid-row:3;}.activity-log-meta time{flex-basis:100%;}}

/* Shared Google Calendar scheduling across all relationship lifecycle stages. */
.meeting-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.main .meeting-heading h3 { margin:0; }
.meeting-heading { margin-bottom:8px; }
.meeting-heading-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.meeting-heading-actions [hidden] { display:none; }
.meeting-sync-status { margin:0 0 8px; font-size:12px; }
.calendar-status-rows { display:grid; grid-template-columns:135px minmax(0,1fr); gap:4px 12px; margin:8px 0; font-size:13px; }
.calendar-status-rows dt { color:var(--text-secondary); }
.calendar-status-rows dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }
.meeting-row,.meeting-column-head { display:grid; grid-template-columns:1.1fr 1.3fr 1.4fr .8fr .7fr 1fr; gap:10px; min-width:0; }
.meeting-column-head { font-size:11px; color:var(--text-secondary); padding:6px 0; }
.meeting-row { padding:8px 0; border-top:1px solid var(--border-light); font-size:13px; }
.meeting-row > div { min-width:0; overflow-wrap:anywhere; }
.meeting-row small,.meeting-row strong,.meeting-row a { display:block; }
.meeting-row small { color:var(--text-secondary); font-size:11px; }
.meeting-row-actions { display:flex; flex-wrap:wrap; align-content:start; gap:4px 10px; }
.meeting-row .action-link { padding:0; min-height:24px; font-size:12px; }
.meeting-report-loading { color:var(--brand-orange); font-weight:700; }
.meeting-history { font-size:13px; margin-top:8px; }
.meeting-history summary { cursor:pointer; }
.meeting-dialog { width:min(620px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); overflow:auto; padding:20px; border:1px solid var(--border-light); border-radius:6px; background:#fff; color:var(--text-primary); }
.meeting-dialog::backdrop { background:rgba(20,30,45,.35); }
.meeting-dialog h2 { margin:0 0 8px; font-size:18px; }
.meeting-dialog h3 { font-size:14px; }
.meeting-dialog p { font-size:13px; }
.meeting-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; }
.meeting-form-grid label { display:grid; gap:3px; font-size:12px; min-width:0; }
.meeting-form-grid :is(input:not([type=checkbox]),select,textarea) { min-width:0; width:100%; min-height:36px; padding:6px 8px; border-radius:4px; font-size:13px; }
.meeting-form-grid fieldset { min-width:0; margin:0; padding:8px; border:1px solid var(--border-light); border-radius:4px; }
.meeting-form-grid legend { font-size:12px; }
.meeting-wide { grid-column:1 / -1; }
 .attendee-picker { position:relative; min-width:0; }
.attendee-search-row { display:flex; gap:6px; margin-top:3px; }
.attendee-search-row input { flex:1; }
.attendee-search-row .btn { min-height:36px; padding:5px 12px; border-radius:4px; }
.attendee-results { position:absolute; top:58px; left:0; right:0; z-index:2; max-height:190px; overflow:auto; background:#fff; border:1px solid var(--border-light); border-radius:4px; box-shadow:0 3px 10px #14202e18; padding:3px; }
.attendee-results button { display:block; width:100%; text-align:left; color:var(--text-primary); background:white; border:0; border-radius:3px; padding:5px 8px; font-size:12px; }
.attendee-results button[aria-selected=true],.attendee-results button:hover { background:#f0f3f6; }
.attendee-results small { display:block; color:var(--text-secondary); }
.attendee-results>span { display:block; padding:6px; font-size:12px; }
.attendee-chips { display:flex; flex-wrap:wrap; gap:4px; margin-top:5px; }
.attendee-chips:empty { display:none; }
.attendee-chip { display:inline-flex; align-items:center; max-width:100%; gap:5px; padding:1px 4px 1px 7px; background:#f5f6f8; border:1px solid var(--border-light); border-radius:4px; font-size:12px; }
.attendee-chip>span { overflow-wrap:anywhere; min-width:0; }
.attendee-chip button { flex:none; width:24px; height:24px; padding:0; border:0; background:transparent; color:var(--text-primary); font-size:17px; }
.attendee-picker [role=status] { font-size:12px; color:var(--text-secondary); }
.attendee-picker [role=status]:empty { display:none; }
.meeting-url { display:block; font-size:12px; overflow-wrap:anywhere; }
.meeting-dialog [hidden] { display:none; }
.meeting-dialog .systems-actions { margin-top:12px; }
.meeting-dialog :is(button,a,input,select,textarea):focus-visible { outline:2px solid var(--brand-orange); outline-offset:2px; }
.upcoming-meetings [data-meeting-feedback]:empty { display:none; }
@media(max-width:900px){.meeting-column-head{display:none;}.meeting-row{grid-template-columns:1fr 1fr;}}
@media(max-width:540px){.meeting-form-grid,.meeting-row{grid-template-columns:minmax(0,1fr);}.meeting-wide{grid-column:auto;}.meeting-dialog{padding:14px;}.calendar-status-rows{grid-template-columns:110px minmax(0,1fr);}}

/* Shared relationship scheduling action and compact user profile editor. */
.meeting-heading { justify-content:flex-start; flex-wrap:wrap; column-gap:clamp(24px,12vw,180px); }
.main .meeting-heading [data-schedule-meeting], .main .meeting-heading [data-refresh-meetings] { color:var(--gtm-section-blue); font-size:14px; font-weight:600; padding:0; background:transparent; border:0; }
.main .meeting-heading [data-schedule-meeting]:hover, .main .meeting-heading [data-refresh-meetings]:hover { text-decoration:underline; }
.main .meeting-heading [data-schedule-meeting]:focus-visible, .main .meeting-heading [data-refresh-meetings]:focus-visible { outline:2px solid var(--gtm-section-blue); outline-offset:4px; border-radius:2px; }
.main .meeting-heading [data-schedule-meeting]:disabled, .main .meeting-heading [data-refresh-meetings]:disabled { opacity:.55; }
.user-edit-dialog { width:min(560px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); box-sizing:border-box; overflow:auto; padding:20px; border:1px solid #d9dfe8; border-radius:6px; color:#172238; background:#fff; }
.user-edit-dialog::backdrop { background:rgb(15 23 42 / .35); }
.user-edit-dialog h2 { margin:0 0 6px; font-size:19px; }
.user-edit-dialog p { margin:6px 0 12px; }
.user-edit-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; }
.user-edit-grid label { display:flex; flex-direction:column; gap:4px; font-size:12px; }
.user-edit-grid input:not([type=checkbox]),.user-edit-grid select { width:100%; min-width:0; height:36px; box-sizing:border-box; border:1px solid #d9dfe8; border-radius:4px; padding:6px 8px; background:#f8fafc; color:#172238; }
.user-edit-grid .user-edit-check { grid-column:1/-1; flex-direction:row; align-items:center; }
.user-edit-dialog .systems-actions { margin-top:12px; }
@media(max-width:520px){.user-edit-grid{grid-template-columns:1fr}.meeting-heading{column-gap:24px}}

.user-edit-grid .user-edit-check { text-transform:none; letter-spacing:normal; gap:8px; }
.user-edit-grid .user-edit-check input[type=checkbox] { width:16px; height:16px; min-height:16px; margin:0; padding:0; flex:0 0 16px; }

.main a.user-name-edit { color:#172238; font-weight:600; text-decoration:none; }
.main a.user-name-edit:hover,.main a.user-name-edit:focus-visible { color:var(--gtm-section-blue); text-decoration:underline; }
.main a.user-name-edit:focus-visible { outline:2px solid var(--gtm-section-blue); outline-offset:3px; border-radius:2px; }


/* Relationship Detail only: compact executive summary, preserving metric order. */
.relationship-snapshot {
  container-type: inline-size;
  padding: 12px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
}
.relationship-snapshot .relationship-snapshot-metrics {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px 16px;
}
.relationship-snapshot-metrics > div {
  min-width: 0;
  overflow-wrap: anywhere;
}
.relationship-snapshot-metrics dt {
  font-weight: var(--font-weight-bold);
}
.relationship-snapshot-metrics dd {
  margin-top: 2px;
  font-size: var(--font-size-body);
  line-height: var(--line-height-table);
}
@container (max-width: 640px) {
  .relationship-snapshot .relationship-snapshot-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@container (max-width: 440px) {
  .relationship-snapshot .relationship-snapshot-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 280px) {
  .relationship-snapshot .relationship-snapshot-metrics { grid-template-columns: minmax(0, 1fr); }
}


/* Relationship Detail only: a darker base with a fine light edge for definition.
   Keep field borders and the shared styles on all other pages unchanged. */
.main:has(> .main-scroll-region > .relationship-detail-page) > .topbar,
.relationship-detail-page > .relationship-identity,
.relationship-detail-page > .relationship-workspace,
.relationship-detail-page .relationship-section:not(:last-child),
.relationship-detail-page .relationship-side-section:not(:last-child) {
  border-bottom: 2px solid var(--text-disabled);
  box-shadow: inset 0 -1px 0 var(--bg-app), 0 1px 0 var(--border-strong);
}
.relationship-detail-page > .relationship-workspace {
  padding-bottom: 12px;
}

/* Circleback report workspace only; existing GTM colors and typography. */
.circleback-section-workspace .circleback-report-section { margin-top:16px; padding:14px; border:1px solid var(--border-default); border-top:3px solid var(--gtm-section-blue); border-radius:8px; box-shadow:inset 0 1px 0 var(--bg-surface); min-width:0; }
.circleback-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.circleback-section-heading h4 { margin:0; flex:1 1 180px; }
.circleback-delivery-badge { white-space:normal; max-width:100%; }
.circleback-section-workspace .circleback-delivery-section { border-top:2px solid var(--border-default); margin-top:12px; padding-top:12px; min-width:0; }
.circleback-section-workspace p, .circleback-section-workspace pre, .circleback-section-workspace blockquote { overflow-wrap:anywhere; white-space:pre-wrap; }
.circleback-section-workspace pre { max-width:100%; }
.circleback-section-workspace input, .circleback-section-workspace textarea, .circleback-section-workspace select { max-width:100%; box-sizing:border-box; }
.circleback-section-workspace .button-row { flex-wrap:wrap; gap:8px; }
.circleback-section-workspace [hidden] { display:none!important; }
.circleback-sent-revision { margin:10px 0; padding:10px; border:1px solid var(--border-default); border-radius:6px; }
@media(max-width:560px){ .circleback-section-workspace .circleback-report-section {padding:10px;} .circleback-section-workspace .button-row button {flex:1 1 140px;white-space:normal;} }

.circleback-section-workspace blockquote small {display:block;margin-top:4px;}
.circleback-sync-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: .5rem 1rem; margin: .25rem 0; }
.circleback-sync-fields dt { font-weight: 700; }
.circleback-sync-fields dd { margin: 0; overflow-wrap: anywhere; }
.circleback-sync-review .circleback-summary-card { margin-top: .5rem; }
.circleback-sync-review pre { white-space: pre-wrap; overflow-wrap: anywhere; }

/* Tasks reuses the existing compact table, filter links, and user edit dialog. */
.tasks-toolbar,.tasks-filters { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.tasks-toolbar { justify-content:space-between; margin-bottom:12px; }
.tasks-header-actions { display:flex; flex-wrap:wrap; gap:var(--space-2); }
.tasks-header-actions .btn { width:96px; }
.tasks-page { min-width:0; }
.tasks-table table { table-layout:fixed; min-width:0; }
.tasks-table th,.tasks-table td { overflow-wrap:anywhere; padding:10px 8px; }

.tasks-table .row-title { white-space:normal; text-align:left; }
.task-wide { grid-column:1/-1; }
.task-edit-dialog textarea { box-sizing:border-box; width:100%; min-width:0; resize:vertical; border:1px solid #d9dfe8; border-radius:4px; padding:8px; font:inherit; background:#f8fafc; color:#172238; }
@media(max-width:600px) {
  .tasks-table table,.tasks-table tbody,.tasks-table tr { display:block; }
  .tasks-table thead { display:none; }
  .tasks-table tr + tr { border-top:2px solid var(--border-subtle); }
  .tasks-table td { display:grid; grid-template-columns:76px minmax(0,1fr); gap:10px; padding:8px 10px; font-size:12px; }
  .tasks-table td::before { content:attr(data-label); color:var(--text-secondary); font-size:var(--font-size-label); font-weight:var(--font-weight-semibold); text-transform:uppercase; }
  .tasks-table colgroup { display:none; }
  .tasks-filters { gap:8px 12px; }
}
/* Desktop tracker uses the viewport space already reserved by the page shell. */
@media(min-width:601px) {
  .main-scroll-region:has(> .tasks-page) { display:flex; flex-direction:column; overflow:hidden; }
  .main-scroll-region > .tasks-page { flex:1; min-height:0; display:flex; flex-direction:column; margin-bottom:0; }
  .tasks-page > .tasks-toolbar, .tasks-page > [data-task-search-form], .tasks-page > [data-task-feedback] { flex:none; }
  .main-scroll-region > .tasks-page > [data-task-list] { flex:1; min-height:0; display:flex; flex-direction:column; }
  .main-scroll-region > .tasks-page .tasks-table { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--border-strong) transparent; }
  .main-scroll-region > .tasks-page .tasks-table th { position:sticky; top:0; }
}
/* Tracker-only notes stay compact; full text remains in the shared editor. */
.tasks-page .tracker-notes { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; overflow-wrap:anywhere; white-space:pre-line; line-height:1.4; max-height:4.2em; }
.tasks-page [data-task-search-form] { display:flex; align-items:center; gap:var(--space-2); margin-bottom:var(--space-3); }
.tasks-page [data-task-search-form] label { flex:none; margin:0; }
.tasks-page [data-task-search] { flex:1; width:auto; min-width:0; }
.tasks-page [data-task-feedback] { margin:0 0 var(--space-2); }
.tasks-page [data-task-feedback]:empty { display:none; }
.tasks-page .tasks-table table { width:100%; }
@media(max-width:600px) {
  .tasks-page [data-task-search-form] { flex-wrap:wrap; }
  .tasks-page [data-task-search-form] label { flex-basis:100%; }
}

@media(max-width:600px) {
  .tasks-page .tasks-table .task-empty-state { display:block; }
  .tasks-page .tasks-table .task-empty-state::before { content:none; }
}

/* Team Tracker presentation only; shared desktop and stacked-mobile badges. */
.tasks-page .tracker-badge { display:inline-block; width:fit-content; max-width:100%; box-sizing:border-box; justify-self:start; align-self:start; border-radius:999px; padding:2px 7px; font-size:var(--font-size-label); line-height:var(--line-height-table); font-weight:var(--font-weight-semibold); white-space:normal; overflow-wrap:normal; }
.tasks-page .tracker-status--open { color:#475569; background:#edf1f5; }
.tasks-page .tracker-status--in-progress { color:#24558a; background:#e8f0fa; }
.tasks-page .tracker-status--blocked { color:#9b2424; background:#fce7e7; font-weight:var(--font-weight-bold); }
.tasks-page .tracker-status--done { color:#276343; background:#e9f3ec; }
.tasks-page .tracker-priority { font-weight:var(--font-weight-medium); }
.tasks-page .tracker-priority--high { color:#98451e; background:#fff2e8; }
.tasks-page .tracker-priority--normal { color:#715d30; background:#f7f3e9; }
.tasks-page .tracker-priority--low { color:#5b6470; background:#f3f4f6; }
.slack-update-controls label { display: flex; align-items: center; gap: 6px; min-width: 0; }
.slack-update-controls select, .slack-update-controls input { width: auto; max-width: 100%; }
.slack-update-controls { align-items: center; }

/* Meeting Brief: document hierarchy scoped to the existing report dialog. */
.meeting-report-dialog { max-width: 960px; }
.meeting-brief { color: var(--text-primary); line-height: 1.5; overflow-wrap: anywhere; }
.meeting-brief .brief-brand { font-weight: 700; letter-spacing: .14em; font-size: 12px; margin: 0 0 6px; }
.meeting-brief h2 { font-size: 26px; margin: 0 0 18px; }
.meeting-brief h3 { font-size: 16px; font-weight: 700; margin: 0 0 10px; }
.brief-meta { display: grid; grid-template-columns: 140px minmax(0,1fr); gap: 4px 16px; font-size: 13px; }
.brief-meta dt { font-weight: 600; }.brief-meta dd { margin: 0; }
.brief-section,.brief-snapshot { border-top: 1px solid #d9dfe5; padding-top: 16px; margin-top: 20px; }
.meeting-brief ul { padding-left: 20px; }.meeting-brief li { margin: 6px 0; }
.brief-item { margin: 12px 0; }.brief-item p { margin: 4px 0; }
.brief-detail { font-size: 12px; color: #526070; margin: 4px 0; }
.brief-decision { border-left: 3px solid #8797a7; padding: 8px 12px; margin: 8px 0; }
.meeting-brief .brief-checklist { list-style: none; padding-left: 0; }
@media (max-width: 520px) { .brief-meta { grid-template-columns: 1fr; gap: 2px; }.brief-meta dd { margin-bottom: 8px; } }
@media print {
 @page { margin: 18mm; }
 body:has(.meeting-report-dialog[open]) * { visibility: hidden; }
 body:has(.meeting-report-dialog[open]) .meeting-report-dialog, body:has(.meeting-report-dialog[open]) .meeting-report-dialog * { visibility: visible !important; }
 body:has(.meeting-report-dialog[open]) > :not(.meeting-report-dialog) { display: none !important; }
 .meeting-report-dialog[open] { display: block !important; position: absolute; inset: 0 auto auto 0; width: 100%; max-width: none; max-height: none; overflow: visible; border: 0; box-shadow: none; margin: 0; padding: 0; }
 .meeting-report-dialog::backdrop { background: transparent; }
 .meeting-report-dialog .brief-controls { display: none; }
 .meeting-brief { font-size: 10pt; color: #111; }
 .meeting-brief h3 { break-after: avoid; }.brief-item,.brief-decision,.brief-checklist li { break-inside: avoid; }
 .meeting-brief header { break-inside: avoid; }
}

/* Relationship Detail Circleback workspace; presentation only. */
.circleback-workspace { width:100%; min-width:0; }
.circleback-workspace-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--space-2) var(--space-4); align-items:start; margin-bottom:var(--space-4); }
.circleback-workspace-header > div:first-child { grid-column:1; grid-row:1 / 3; min-width:0; }
.main .circleback-workspace-header h3 { margin:0 0 var(--space-2); }
.circleback-workspace-header p { margin:0; }
.circleback-workspace-header > .button-row { grid-column:2; grid-row:1; justify-content:flex-end; flex-wrap:wrap; }
.circleback-workspace .circleback-import-fallback { grid-column:2; grid-row:2; justify-self:end; min-width:0; }
.circleback-workspace .circleback-import-fallback > summary { color:var(--text-secondary); font-size:var(--font-size-small); cursor:pointer; grid-column:2; grid-row:2; justify-self:end; }
.circleback-workspace .circleback-import-fallback[open] { display:contents; }
.circleback-workspace .circleback-import-body { grid-column:1 / -1; grid-row:3; padding:var(--space-3); border:1px solid var(--border-default); border-radius:var(--radius-sm); background:var(--bg-surface); min-width:0; }
.circleback-workspace .circleback-import-body form { margin-top:var(--space-3); }
.circleback-workspace-content { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,3fr); gap:var(--space-4); align-items:start; }
.circleback-workspace :is(.circleback-latest,.circleback-history) { min-width:0; }
.main .circleback-workspace-content h4 { margin:0 0 var(--space-3); font-size:var(--font-size-small); color:var(--text-secondary); font-weight:var(--font-weight-semibold); }
.circleback-workspace .circleback-summary-card { display:grid; gap:var(--space-3); padding:var(--space-4); border:1px solid var(--border-default); border-radius:var(--radius-md); background:var(--bg-surface); min-width:0; }
.circleback-workspace .circleback-summary-card > strong { font-size:var(--font-size-section-title); line-height:var(--line-height-title); color:var(--text-primary); }
.circleback-workspace :is(.circleback-meeting-meta,.circleback-source-meta,.circleback-action-states) { display:flex; flex-wrap:wrap; gap:var(--space-2) var(--space-3); }
.circleback-workspace :is(small,.circleback-meeting-meta,.circleback-source-meta) { color:var(--text-secondary); font-size:var(--font-size-small); }
.circleback-workspace .circleback-overview { line-height:var(--line-height-body); }
.circleback-workspace .circleback-state-pill { padding:var(--space-1) var(--space-2); border-radius:var(--radius-lg); background:var(--bg-subtle); color:var(--text-secondary); font-size:var(--font-size-label); border:1px solid var(--border-subtle); }
.circleback-workspace .circleback-report-actions { flex-wrap:wrap; }
.circleback-workspace .circleback-meeting-secondary { padding-top:var(--space-3); border-top:1px solid var(--border-subtle); }
.circleback-workspace .circleback-meeting-secondary .btn { color:var(--text-secondary); }
.circleback-workspace .circleback-history { padding:var(--space-3); border:1px solid var(--border-subtle); border-radius:var(--radius-sm); background:var(--bg-subtle); }
.circleback-workspace .circleback-history details { padding:var(--space-3) 0; border-top:1px solid var(--border-default); }
.circleback-workspace .circleback-history summary { cursor:pointer; font-size:var(--font-size-small); font-weight:var(--font-weight-semibold); }
.main .circleback-workspace .circleback-history details h4 { margin:var(--space-3) 0 var(--space-2); font-size:var(--font-size-label); }
.circleback-workspace .circleback-history ul { padding-left:var(--space-4); margin:0; }
.circleback-workspace .circleback-history li { margin:var(--space-2) 0; font-size:var(--font-size-small); }
.circleback-workspace :is(strong,span,small,p,a,summary,label) { overflow-wrap:anywhere; }
.circleback-workspace :is(input,textarea,select) { max-width:100%; min-width:0; }
@media(max-width:1000px) {
  .circleback-workspace-content { grid-template-columns:minmax(0,1fr); }
  .circleback-workspace-header { grid-template-columns:minmax(0,1fr); }
  .circleback-workspace-header > div:first-child { grid-column:1; grid-row:1; }
  .circleback-workspace-header > .button-row { grid-column:1; grid-row:2; justify-content:flex-start; }
  .circleback-workspace .circleback-import-fallback,
  .circleback-workspace .circleback-import-fallback > summary { grid-column:1; grid-row:3; justify-self:start; }
  .circleback-workspace .circleback-import-body { grid-row:4; }
}

/* Relationship Activity: bounded timeline and a full-detail reading pane. */
.customer-activity-log .activity-log-heading { justify-content:space-between; align-items:center; }
.activity-log-subtitle { margin:var(--space-1) 0 0; color:var(--text-secondary); font-size:var(--font-size-small); }
.customer-activity-log [data-activity-count] { flex:none; padding:var(--space-1) var(--space-2); border:1px solid var(--border-default); border-radius:var(--radius-sm); background:var(--bg-surface); }
.activity-log-workspace { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); border:1px solid var(--border-default); border-radius:var(--radius-md); background:var(--bg-surface); overflow:hidden; }
.activity-log-feed, .activity-detail-pane { min-width:0; max-height:520px; overflow-y:auto; scrollbar-gutter:stable; overscroll-behavior:contain; }
.activity-list-caption { position:sticky; top:0; z-index:1; display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--space-2); padding:var(--space-3); background:var(--bg-subtle); border-bottom:1px solid var(--border-default); color:var(--text-primary); font-size:var(--font-size-label); font-weight:var(--font-weight-semibold); }
.activity-list-caption span { color:var(--text-secondary); font-weight:var(--font-weight-normal); }
.customer-activity-log .activity-log-row { padding:var(--space-2) var(--space-3); border-top:0; border-bottom:1px solid var(--border-subtle); }
.customer-activity-log .activity-log-row:has([aria-expanded="true"]) { background:var(--bg-surface-active); box-shadow:inset 3px 0 var(--brand-orange); }
.customer-activity-log .activity-log-meta { gap:var(--space-1) var(--space-2); align-items:center; }
.customer-activity-log .activity-log-preview { -webkit-line-clamp:1; margin:var(--space-1) 0; color:var(--text-secondary); }
.customer-activity-log .activity-log-row-actions { justify-content:flex-start; gap:var(--space-2); }
.customer-activity-log .activity-log-row-actions button { margin-left:auto; }
.activity-category-chip { display:inline-block; padding:2px 6px; border:1px solid var(--border-subtle); border-radius:var(--radius-sm); color:var(--text-secondary); background:var(--bg-subtle); font-size:var(--font-size-label); }
.activity-detail-pane { padding:var(--space-4); border-left:1px solid var(--border-default); }
.main .activity-detail-pane h4, .main .activity-detail-heading h4 { margin:var(--space-2) 0; font-size:var(--font-size-body); line-height:var(--line-height-body); }
.activity-detail-heading p { margin:var(--space-1) 0; font-size:var(--font-size-small); }
.activity-detail-group { margin-top:var(--space-4); }
.main .activity-detail-group h5 { margin:0 0 var(--space-2); color:var(--text-secondary); font-size:var(--font-size-label); font-weight:var(--font-weight-semibold); }
.activity-detail-pane .activity-log-body { font-size:var(--font-size-small); }
.activity-detail-pane dl, .customer-activity-log .activity-log-details dl { margin:0; }
.activity-detail-pane dl > div, .customer-activity-log .activity-log-details dl > div { display:grid; grid-template-columns:minmax(95px,1fr) minmax(0,2fr); gap:var(--space-2); padding:var(--space-1) 0; border-bottom:1px solid var(--border-subtle); font-size:var(--font-size-small); }
.activity-detail-pane dt { color:var(--text-secondary); }
.activity-detail-pane dd { margin:0; white-space:pre-wrap; }
.activity-detail-pane :is(p,dd,a,h4,.activity-log-body), .customer-activity-log .activity-log-details { overflow-wrap:anywhere; }
.activity-reference-details { margin-top:var(--space-4); border-top:1px solid var(--border-default); padding-top:var(--space-3); font-size:var(--font-size-small); }
.activity-reference-details summary { cursor:pointer; color:var(--text-secondary); }
.activity-source-links { margin-top:var(--space-3); font-size:var(--font-size-small); }
.customer-activity-log .activity-load-more { margin:var(--space-2) var(--space-3); }
.customer-activity-log .activity-log-feed > [data-activity-results] > .muted { padding:var(--space-3); }
@media(min-width:1001px) { .customer-activity-log .activity-log-row .activity-log-details { display:none; } }
@media(max-width:1000px) {
  .activity-log-workspace { grid-template-columns:minmax(0,1fr); }
  .activity-detail-pane { display:none; }
  .activity-log-feed { max-height:560px; }
  .customer-activity-log .activity-log-details { margin-top:var(--space-3); padding:var(--space-3); background:var(--bg-surface); border:1px solid var(--border-subtle); border-radius:var(--radius-sm); }
  .customer-activity-log .activity-log-row-actions { min-height:32px; }
}
@media(max-width:540px) {
  .customer-activity-log .activity-log-heading { align-items:flex-start; gap:var(--space-2); }
  .activity-list-caption span { display:none; }
  .customer-activity-log .activity-log-meta time { flex-basis:auto; }
}

/* Relationship Detail's explicit A–Z index; shared navigation on other pages is unchanged. */
.relationship-section-navigation { --relationship-section-width:min(340px, calc(100vw - 44px)); z-index:var(--gtm-z-overlay); }
.relationship-section-navigation .section-navigation-panel { width:var(--relationship-section-width); max-height:100dvh; height:100dvh; min-width:0; }
.relationship-section-navigation.open .section-navigation-trigger { right:var(--relationship-section-width); }
.relationship-section-navigation .section-navigation-panel-header { flex:none; align-items:flex-start; }
.relationship-section-navigation .section-navigation-panel-header h2 { font-size:var(--font-size-section-title); }
.relationship-section-navigation .section-navigation-panel-header p { margin:var(--space-1) 0 0; color:var(--text-muted); font-size:var(--font-size-small); }
.relationship-section-navigation .section-navigation-close { flex:none; }
.relationship-section-search { flex:none; padding:var(--space-3) var(--space-4); border-bottom:1px solid var(--border-light); min-width:0; }
.relationship-section-search input { width:100%; min-width:0; font-size:var(--font-size-small); }
.relationship-section-navigation .section-navigation-list { flex:1; min-height:0; display:flex; flex-direction:column; overscroll-behavior:contain; padding:var(--space-2); }
.relationship-section-navigation .section-navigation-link { flex:none; display:block; text-decoration:none; white-space:normal; overflow-wrap:anywhere; }
.relationship-section-navigation [hidden] { display:none !important; }
.relationship-section-empty { padding:var(--space-3) var(--space-4); margin:0; color:var(--text-muted); font-size:var(--font-size-small); }
.relationship-section-navigation :is(a,button,input):focus-visible { outline:2px solid var(--gtm-section-blue); outline-offset:-2px; }
.relationship-detail-page [data-relationship-section] { scroll-margin-top:var(--space-4); }
.relationship-detail-page [data-relationship-section]:focus-visible { outline:2px solid var(--gtm-section-blue); outline-offset:-2px; }
@media (prefers-reduced-motion:reduce) { .relationship-section-navigation * { transition:none; } }

/* On-demand Relationship Activity refresh. */
.activity-heading-actions { display:flex; align-items:center; justify-content:flex-end; gap:var(--space-2); flex-wrap:wrap; }
.activity-refresh-status { margin:0 0 var(--space-2); font-size:var(--font-size-small); }
.customer-activity-log :is([data-activity-refresh],[data-activity-refresh-status])[hidden] { display:none; }
/* Customer Automations uses the full Relationship Detail content width. */
#customer-automations { width:100%; min-width:0; padding-inline-end:var(--space-4); }
.automation-control-center { min-width:0; }
.automation-status-bar { margin:var(--space-3) 0; font-weight:var(--font-weight-semibold); }
.automation-filters { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-bottom:var(--space-3); }
.automation-filters [aria-pressed="true"] { background:var(--brand-orange-muted); border-color:var(--brand-orange); }
/* One selected detail instance; the same DOM follows its row on narrow screens. */
.automation-rows { display:grid; grid-template-columns:minmax(0,38fr) minmax(0,62fr); gap:var(--space-3); align-items:start; }
.automation-master-list { min-width:0; max-height:680px; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.automation-detail-slot { min-width:0; }
.automation-row { display:block; margin-bottom:4px; }

.automation-select { grid-column:1; grid-row:var(--automation-index); display:grid; align-content:center; gap:var(--space-1); width:100%; height:76px; min-width:0; padding:var(--space-2) var(--space-3); text-align:left; font:inherit; color:var(--text-primary); background:var(--bg-surface); border:1px solid var(--border-default); border-radius:var(--radius-sm); cursor:pointer; }
.automation-select[aria-expanded="true"] { background:var(--brand-orange-muted); border-color:var(--brand-orange); box-shadow:inset 3px 0 var(--brand-orange); }
.automation-row-main { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:var(--space-2); min-width:0; font-size:var(--font-size-small); }
.automation-row-main strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.3; }
.automation-row-main .pill { font-size:var(--font-size-label); white-space:nowrap; }
.automation-list-summary { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; font-size:var(--font-size-small); line-height:1.4; color:var(--text-secondary); }
.automation-detail { position:static; min-width:0; display:block; border:1px solid var(--border-default); border-radius:var(--radius-sm); background:var(--bg-surface); }
.automation-detail > .automation-heading { padding:var(--space-3) var(--space-3) 0; }

.automation-detail[hidden] { display:none; }
.automation-actions { display:grid; gap:var(--space-2); padding:var(--space-3); border-bottom:1px solid var(--border-default); background:var(--bg-subtle); flex:none; }
.automation-actions .automation-primary { justify-self:start; min-width:172px; }
.automation-secondary-actions { display:flex; flex-wrap:wrap; gap:var(--space-2); }
.automation-actions button { white-space:nowrap; }
.automation-detail-body { overflow:visible; min-width:0; padding:var(--space-3); scrollbar-gutter:stable; overflow-wrap:anywhere; }
.automation-heading { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-2); }
.main .automation-detail h4 { margin:0 0 var(--space-2); font-size:var(--font-size-small); }
.automation-heading h4 { flex:1; }
.automation-trigger { margin:var(--space-2) 0 var(--space-3); color:var(--text-secondary); font-size:var(--font-size-small); }
.automation-row-content { display:grid; gap:var(--space-3); }
.automation-source-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-2) var(--space-3); margin:0; font-size:var(--font-size-small); }
.automation-source-facts dt { color:var(--text-secondary); }
.automation-source-facts dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }
.automation-proposal { min-width:0; font-size:var(--font-size-small); }
.automation-proposal .automation-source-facts { padding-top:var(--space-3); border-top:1px solid var(--border-default); margin-bottom:var(--space-3); }
.automation-communication-summary,.automation-message { white-space:pre-wrap; margin:var(--space-2) 0 0; }
.automation-expanded { padding-top:var(--space-3); margin-top:var(--space-3); border-top:1px solid var(--border-default); font-size:var(--font-size-small); }
.automation-expanded p { margin:var(--space-2) 0; }
.automation-control-center :is(button,summary,[tabindex]):focus-visible { outline:2px solid var(--gtm-section-blue); outline-offset:2px; }
.automation-reconcile { color:var(--text-secondary); font-size:var(--font-size-small); }
@media(max-width:900px) {
 .automation-rows { display:block; }
 .automation-master-list { max-height:none; overflow:visible; scrollbar-gutter:auto; }
 .automation-detail-slot { display:none; }
 .automation-row { display:block; margin-bottom:var(--space-2); }
 .automation-detail { position:static; margin-top:var(--space-2); max-height:none; }
 .automation-detail-body { overflow:visible; }
 .automation-actions { position:static; }
 .automation-select { height:80px; }
}
@media(max-width:400px) { .automation-secondary-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Global navigation: preserve existing shell width and responsive positioning. */
.sidebar .sidebar-search { display:block; margin:0 8px 10px; min-width:0; }
.sidebar .sidebar-search input { width:100%; min-width:0; box-sizing:border-box; padding:7px 9px; font:inherit; font-size:var(--font-size-nav-meta); }
.sidebar .sidebar-group-toggle { width:calc(100% - 16px); padding:5px 0; border:0; background:transparent; text-align:left; cursor:pointer; font-family:inherit; }
.sidebar .sidebar-group-toggle:hover { color:var(--text-primary); }
.sidebar .sidebar-group-toggle:focus-visible { outline:2px solid var(--brand-orange); outline-offset:2px; }
.sidebar .sidebar-chevron { font-size:16px; line-height:1; transform:rotate(0deg); }
.sidebar .sidebar-group-toggle[aria-expanded="true"] .sidebar-chevron { transform:rotate(90deg); }
.sidebar [hidden] { display:none !important; }
.sidebar-searching .nav-group { padding:0; }
.sidebar .sidebar-empty { margin:8px; font-size:var(--font-size-nav-meta); color:var(--text-muted); }

@media (max-width: 1100px) {
  .layout:has(> .sidebar [data-sidebar-search]) { grid-template-rows: auto minmax(0, 1fr); }
  .layout > .sidebar:has([data-sidebar-search]) { max-height:45vh; min-height:120px; }
  .layout:has(> .sidebar [data-sidebar-search]) > .main { height:100%; min-height:0; }
}
.sidebar .sidebar-group-toggle { gap:6px; }
.sidebar .sidebar-chevron { flex:none; }

/* Financial Reports leadership workspace */
/* Restore report context; summary values share the customer table body size. */
.topbar-financial-reports { --font-size-page-title:26px; margin-bottom:var(--space-2); padding-bottom:var(--space-1); }
.topbar-financial-reports .eyebrow { font-size:var(--font-size-label); margin-bottom:var(--space-1); }
.topbar-financial-reports h1 { font-size:var(--font-size-page-title); margin-bottom:var(--space-1); }
.topbar-financial-reports > div > .muted { font-size:var(--font-size-small); margin-bottom:0; }
@media (max-width:640px) {
  .topbar-financial-reports { --font-size-page-title:22px; gap:var(--space-3); }
}
.financial-report-compact{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin-bottom:10px;border:1px solid var(--border,#d9dee8);border-left:4px solid var(--accent,#ff6b35);border-radius:10px;background:var(--panel,#fff)}
.financial-report-compact h2,.financial-report-compact p{margin-top:2px;margin-bottom:2px}
.financial-report-compact h2 { font-size:20px; line-height:var(--line-height-title); }
.financial-report-compact .gtm-section-title { font-size:var(--font-size-label); }
.financial-report-metadata, .financial-report-context { font-size:var(--font-size-small); }
.financial-report-metrics{margin-bottom:10px}
.financial-report-metrics .metric{min-height:auto}
.financial-report-metrics .metric strong { font-size:var(--font-size-small); font-weight:var(--font-weight-semibold); color:var(--gtm-section-blue); }
.financial-report-metrics .metric span { font-size:var(--font-size-small); line-height:var(--line-height-label); }
#financial-report-customers td { font-size:var(--font-size-small); }
.financial-report-scroll{max-height:calc(100vh - 390px);min-height:320px;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-gutter:stable}
.financial-report-scroll .table-wrap{overflow-x:auto}
.financial-report-scroll table thead th{position:sticky;top:0;z-index:2;background:var(--panel,#fff)}
@media (max-width:900px){.financial-report-compact{align-items:flex-start;flex-direction:column}.financial-report-scroll{max-height:none;overflow:visible}}
@media print{.financial-report-scroll{max-height:none!important;overflow:visible!important}.financial-report-scroll table thead th{position:static}.financial-report-compact{break-inside:avoid}.sidebar,.notification-header,button{display:none!important}}

.financial-report-data-note{display:flex;flex-direction:column;justify-content:center;min-height:54px;padding:8px 12px;border-left:1px solid var(--border,#d9dee8);font-size:.9rem}
.financial-report-data-note span{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}
.financial-report-data-note strong{font-size:.9rem;font-weight:600}

.financial-report-metrics .metric { text-decoration: none; }

/* Shared in-page status banners, layered on the existing alert/flash mechanism. */
.alert.status-banner {
  --banner-background:#dcfce7;
  --banner-text:#14532d;
  --banner-border:#15803d;
  display:flex;
  align-items:flex-start;
  gap:var(--space-3);
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  margin:0 0 var(--space-4);
  padding:var(--space-4);
  border:2px solid var(--banner-border);
  border-left-width:6px;
  border-radius:var(--radius-md);
  background:var(--banner-background);
  color:var(--banner-text);
  font-size:var(--font-size-body);
  line-height:var(--line-height-body);
  font-weight:var(--font-weight-semibold);
}
.alert.status-banner--error {--banner-background:#fee2e2;--banner-text:#7f1d1d;--banner-border:#b91c1c;}
.alert.status-banner--warning {--banner-background:#fef3c7;--banner-text:#78350f;--banner-border:#a16207;}
.alert.status-banner--information {--banner-background:#dbeafe;--banner-text:#1e3a8a;--banner-border:#1d4ed8;}
.status-banner-icon {flex:0 0 24px;min-height:24px;font-size:22px;line-height:1.1;font-weight:var(--font-weight-bold);text-align:center;}
.status-banner-content {min-width:0;overflow-wrap:anywhere;}
.status-banner-label {display:block;font-weight:var(--font-weight-bold);}
.status-banner-message {display:block;}
@media (max-width:640px) {.alert.status-banner {padding:var(--space-3);}}
.financial-distribution { margin:0 0 8px; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.financial-distribution .action-link { padding:0; border:0; background:none; font-size:inherit; font-weight:600; white-space:nowrap; }
.financial-distribution .action-link:disabled { opacity:.55; cursor:default; }
.financial-email-preview { width:min(560px,calc(100vw - 32px)); max-height:80vh; overflow:auto; box-sizing:border-box; border:1px solid #d8e2ed; border-radius:12px; padding:20px; font-size:14px; overflow-wrap:anywhere; }
.financial-email-preview::backdrop { background:rgba(15,30,50,.4); }
.financial-email-body { white-space:pre-wrap; }
@media print { .financial-distribution { display:none; } }

/* Keep the existing contact action with Owner, separate from the Team label. */
.circleback-owner-control { display:grid; gap:4px; margin-bottom:12px; }
.circleback-owner-control [data-circleback-add-contact] { justify-self:start; }

/* Keep the saved task visibly focused after its row is refreshed. */
.tasks-table [data-edit-task]:focus { outline:2px solid var(--border-focus); outline-offset:2px; }

/* The existing relationship table reflows within the same shell on narrow screens. */
.mobile-pipeline, .mobile-relationship-context { min-width:0; overflow-wrap:anywhere; }
.mobile-pipeline table { width:100%; table-layout:fixed; }
.mobile-pipeline td, .mobile-pipeline th { overflow-wrap:anywhere; }
.mobile-pipeline [data-company-search] { width:100%; box-sizing:border-box; }
@media (max-width:640px) {
  .mobile-pipeline .table-wrap { overflow:visible; }
  .mobile-pipeline table, .mobile-pipeline tbody, .mobile-pipeline tr, .mobile-pipeline td { display:block; width:auto; min-width:0; }
  .mobile-pipeline tr[hidden] { display:none; }
  .mobile-pipeline thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .mobile-pipeline tr { border-bottom:1px solid var(--border); padding:8px 0; }
  .mobile-pipeline td { border:0; padding:4px 0; }
  .mobile-pipeline td[data-label]::before { content:attr(data-label) ': '; font-weight:600; }
}

.mobile-lead-dialog {width:min(560px,calc(100vw - 24px));box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto;}
.mobile-lead-dialog h2 {font-size:1.2rem;overflow-wrap:anywhere;}
.mobile-lead-dialog label {display:block;margin:10px 0;}
.mobile-lead-dialog input:not([type=checkbox]),.mobile-lead-dialog select {width:100%;min-width:0;box-sizing:border-box;}
.mobile-lead-dialog .user-edit-check {display:flex;gap:8px;align-items:flex-start;}
.company-candidates {list-style:none;padding:0;max-height:240px;overflow:auto;}
.company-candidates li {padding:10px 0;border-bottom:1px solid var(--border,#dbe2ed);overflow-wrap:anywhere;}
.company-candidates span {display:block;font-size:.9rem;margin:4px 0;}
.mobile-lead-dialog .systems-actions {display:flex;flex-wrap:wrap;gap:8px;}

.mobile-lead-dialog input[type=checkbox] {width:16px;height:16px;min-width:16px;flex:0 0 16px;padding:0;margin:2px 0;}

/* Keep task context compact in the existing responsive editor. */
.task-edit-dialog { width:min(980px,calc(100vw - 32px)); }
.task-edit-dialog .user-edit-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:760px){.task-edit-dialog .user-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.task-edit-dialog .user-edit-grid{grid-template-columns:1fr;}}

@media(min-width:761px){.task-edit-dialog{padding:16px}.task-edit-dialog .user-edit-grid{row-gap:6px}.task-edit-dialog .user-edit-grid input:not([type=checkbox]),.task-edit-dialog .user-edit-grid select{height:34px}}
/* Compact scoped operational resources reuse existing forms/tables. */
.resource-context-label { display:inline-block; font-size:var(--font-size-label); color:var(--text-secondary); margin-right:6px; }
.resource-documents table { table-layout:fixed; width:100%; min-width:0; }
.resource-documents th,.resource-documents td { overflow-wrap:anywhere; }
.resource-documents form { margin-top:12px; }
.resource-context-dialog { max-width:480px; }
.resource-context-dialog select { width:100%; box-sizing:border-box; }
@media(max-width:600px) { .resource-documents th,.resource-documents td { padding:8px 4px; font-size:12px; } }
/* Compact status stays outside rerendered pages and never obscures form errors. */
.gtm-loading-region { position:fixed; bottom:12px; left:12px; z-index:100; max-width:calc(100vw - 24px); pointer-events:none; display:grid; gap:4px; }
.gtm-loading-status { display:flex; align-items:center; gap:8px; padding:8px 12px; background:var(--bg-surface); border:1px solid var(--border-default); border-radius:6px; font-size:var(--font-size-status); box-shadow:0 2px 8px #0001; overflow-wrap:anywhere; }
.gtm-loading-spinner { display:inline-block; flex:none; width:14px; height:14px; margin-right:4px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:gtm-loading-spin .8s linear infinite; vertical-align:middle; }
@keyframes gtm-loading-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .gtm-loading-spinner { animation:none; } }
@media print { .gtm-loading-region { display:none; } }