:root {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  color: #182739;
  background: #f5f7fa;
  font-size: 14px;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
button,
input,
select {
  font: inherit;
}
button {
  cursor: pointer;
  border: 1px solid #d5dde5;
  border-radius: 7px;
  background: white;
  color: #21384c;
  padding: 10px 15px;
  font-weight: 600;
}
button:hover {
  background: #e9f3f2;
}
button.primary {
  background: #147d72;
  color: white;
  border-color: #147d72;
}
button:disabled {
  opacity: 0.5;
  cursor: default;
}
input,
select {
  padding: 10px;
  border: 1px solid #cbd5df;
  border-radius: 6px;
  background: white;
  color: inherit;
}
input:focus,
button:focus-visible,
select:focus {
  outline: 3px solid #7ecfc3;
  outline-offset: 2px;
}
label {
  display: grid;
  gap: 7px;
}
aside {
  background: #11283b;
  color: #d1dee8;
  width: 235px;
  height: 100vh;
  position: fixed;
  padding: 30px 18px;
  display: flex;
  flex-direction: column;
}
.brand {
  font-size: 25px;
  font-weight: 750;
  letter-spacing: -1px;
  color: white;
  margin: 0 10px 34px;
}
.brand span {
  color: #64d1ba;
}
aside label {
  font-size: 11px;
  letter-spacing: 1px;
  margin: 0 10px 24px;
}
aside select {
  width: 100%;
  font-size: 13px;
  letter-spacing: 0;
}
nav button {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  color: #b9ccd9;
  margin: 5px 0;
  padding: 13px 16px;
}
nav button.active {
  background: #24475a;
  color: white;
  border-left: 3px solid #65d4be;
}
.aside-foot {
  margin-top: auto;
  font-size: 12px;
  padding: 14px;
  border-top: 1px solid #355063;
  line-height: 1.8;
}
main {
  margin-left: 235px;
  padding: 0 40px 40px;
  max-width: 1750px;
}
.top {
  height: 78px;
  border-bottom: 1px solid #e0e6eb;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: #647789;
}
.pill {
  display: inline-block;
  font-size: 11px;
  padding: 5px 9px;
  border-radius: 20px;
  background: #e3f3eb;
  color: #24664c;
  font-weight: 650;
}
.pill.warn {
  background: #fff0cf;
  color: #805e13;
}
.heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 32px 0 25px;
  gap: 16px;
}
h1 {
  font-size: 30px;
  letter-spacing: -1px;
  margin: 0 0 8px;
}
h2 {
  font-size: 17px;
  margin: 0 0 16px;
}
p {
  color: #647789;
  line-height: 1.6;
  margin: 0;
}
.eyebrow {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #688396;
  margin-bottom: 9px;
}
.actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 26px;
}
.card {
  background: white;
  border: 1px solid #e0e6ed;
  border-radius: 10px;
  padding: 23px;
}
.metric b {
  display: block;
  font-size: 29px;
  letter-spacing: -1px;
  margin: 10px 0;
}
.metric small {
  color: #7b8d9c;
}
.split {
  display: grid;
  grid-template-columns: 1fr 290px;
  gap: 22px;
}
.toolbar {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.toolbar input {
  flex: 1;
  min-width: 160px;
}
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
th {
  text-align: left;
  color: #748596;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  background: #f7f9fb;
}
td,
th {
  padding: 15px 12px;
  border-bottom: 1px solid #edf0f3;
}
td small {
  display: block;
  color: #7b8d9d;
  margin-top: 4px;
}
.tablewrap {
  overflow: auto;
}
.link {
  padding: 0;
  background: transparent;
  border: 0;
  color: #176e72;
  text-align: left;
}
.group {
  display: inline-block;
  background: #eff3f7;
  border-radius: 5px;
  padding: 4px 7px;
  font-size: 11px;
  margin: 2px;
}
.row {
  display: flex;
  justify-content: space-between;
  padding: 13px 0;
  border-bottom: 1px solid #edf0f4;
  gap: 12px;
}
.muted {
  color: #7c8c9b;
  font-size: 12px;
}
.empty {
  text-align: center;
  padding: 45px 20px;
}
.empty h2 {
  margin: 12px;
}
.login {
  max-width: 430px;
  margin: 12vh auto;
  padding: 38px;
  background: white;
  border: 1px solid #dce3e9;
  border-radius: 14px;
}
.login label {
  margin: 24px 0;
}
.login .brand {
  color: #19364b;
  margin-left: 0;
}
.login button {
  width: 100%;
}
dialog {
  border: 1px solid #d3dee7;
  border-radius: 12px;
  padding: 28px;
  width: min(700px, 95vw);
  max-height: 88vh;
  box-shadow: 0 20px 100px #142a3b40;
}
dialog::backdrop {
  background: #14293c70;
}
dialog label {
  margin-bottom: 16px;
}
dialog .actions {
  justify-content: flex-end;
  margin-top: 20px;
}
.flow {
  display: flex;
  gap: 8px;
  margin: 20px 0;
  flex-wrap: wrap;
}
.flow span {
  padding: 7px 10px;
  background: #edf4f3;
  border-radius: 5px;
  font-size: 12px;
}
#notice {
  position: fixed;
  bottom: 20px;
  right: 24px;
  background: #132f40;
  color: white;
  padding: 14px 20px;
  border-radius: 8px;
  display: none;
  max-width: 500px;
  z-index: 10;
}
.activity {
  padding: 14px 0;
  border-bottom: 1px solid #edf0f4;
}
.activity p {
  font-size: 13px;
  color: #344b60;
}
.banner {
  padding: 13px 18px;
  background: #eaf4f2;
  color: #366b65;
  border-radius: 7px;
  margin-bottom: 24px;
  font-size: 12px;
}
@media (max-width: 1000px) {
  .split {
    grid-template-columns: 1fr;
  }
  .metrics {
    grid-template-columns: repeat(2, 1fr);
  }
  main {
    padding: 0 20px 30px;
  }
}
@media (max-width: 680px) {
  aside {
    position: static;
    width: auto;
    height: auto;
    padding: 16px;
  }
  .brand {
    margin-bottom: 15px;
  }
  aside label {
    margin-bottom: 12px;
  }
  nav {
    display: flex;
    overflow: auto;
  }
  nav button {
    white-space: nowrap;
    width: auto;
  }
  .aside-foot {
    display: none;
  }
  main {
    margin: 0;
  }
  .heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .top {
    height: 55px;
  }
  h1 {
    font-size: 26px;
  }
  .card {
    padding: 16px;
  }
}

.activity-card {
  margin-top: 22px;
}

textarea {
  font: inherit;
  padding: 12px;
  border: 1px solid #cbd5df;
  border-radius: 6px;
  resize: vertical;
  width: 100%;
}
.message {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: inherit;
  line-height: 1.7;
  background: #f6f8fa;
  padding: 20px;
  border-radius: 8px;
}

/* GreenRope-inspired navigation; original VarsityCRM presentation. */
.app-header {
  display: flex;
  align-items: center;
  gap: 30px;
  background: #3f5063;
  color: white;
  padding: 0 30px;
  min-height: 76px;
}
.app-header .brand {
  margin: 0;
  font-size: 25px;
}
.app-header nav {
  display: flex;
  align-items: stretch;
  flex: 1;
  gap: 6px;
}
.app-header details {
  position: relative;
}
.app-header summary {
  padding: 27px 16px;
  cursor: pointer;
  list-style: none;
  font-weight: 550;
  color: #dce5ee;
}
.app-header details.current > summary {
  color: white;
  background: #314457;
}
.app-header details[open] > summary,
.app-header summary:hover {
  color: white;
  background: #52687d;
}
.app-header details.current > summary {
  box-shadow: inset 0 -3px #77d5c4;
}
.nav-menu button[aria-current="page"] {
  color: white;
  background: #24475a;
  box-shadow: inset 3px 0 #77d5c4;
}
.app-header summary:focus-visible {
  outline: 3px solid #77d5c4;
}
.nav-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background: #3f5063;
  padding: 9px;
  box-shadow: 0 12px 24px #17263530;
  border-radius: 0 0 8px 8px;
  z-index: 5;
}
.nav-menu button {
  color: #edf3f8;
  margin: 0;
  border: 0;
  padding: 13px 16px;
}
.nav-menu button:hover {
  background: #52687d;
}
.context-bar {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 16px 40px;
  background: #eef1f5;
  border-bottom: 1px solid #d9e0e7;
}
.context-bar label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}
.context-bar select {
  max-width: 300px;
  font-size: 13px;
}
.context-bar > .muted {
  margin-left: auto;
}
.feature-title {
  margin-top: 20px;
}
main {
  margin-left: 0;
  margin-right: auto;
  margin-left: auto;
  max-width: 1600px;
}
.top {
  height: 60px;
}
@media (max-width: 850px) {
  .app-header {
    padding: 15px;
    gap: 12px;
    flex-wrap: wrap;
  }
  .app-header nav {
    order: 3;
    width: 100%;
    flex-wrap: wrap;
  }
  .app-header summary {
    padding: 12px;
  }
  .context-bar {
    padding: 15px;
    flex-wrap: wrap;
    gap: 12px;
  }
  .context-bar label {
    flex: 1;
    min-width: 240px;
  }
  .context-bar select {
    flex: 1;
    min-width: 0;
  }
  .context-bar > .muted {
    margin-left: 0;
  }
  .nav-menu {
    min-width: 180px;
  }
  .app-header nav button {
    width: 100%;
  }
}

.editor-dialog {
  width: min(1400px, 97vw);
}
.editor-meta {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  margin-top: 20px;
}
.editor-layout {
  display: grid;
  grid-template-columns: 310px 1fr;
  gap: 20px;
}
.editor-layout h2 {
  margin-top: 20px;
}
.block-palette {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.block-palette button {
  padding: 7px;
}
.block-row {
  display: flex;
  border: 1px solid #dce4e9;
  border-radius: 5px;
  margin: 7px 0;
  align-items: center;
}
.block-row.chosen {
  border-color: #147d72;
  background: #edf8f5;
}
.block-row button {
  padding: 8px;
  border: 0;
  background: transparent;
}
.block-row button:first-child {
  flex: 1;
  text-align: left;
}
.email-frame {
  width: 100%;
  height: 650px;
  border: 1px solid #dce4e9;
  margin-top: 18px;
  background: #f1f4f7;
}
.email-frame.mobile {
  max-width: 375px;
}
.editor-canvas {
  min-width: 0;
}
#rendererror {
  color: #9b2323;
}
@media (max-width: 800px) {
  .editor-layout,
  .editor-meta {
    grid-template-columns: 1fr;
  }
  .email-frame {
    height: 500px;
  }
}
.honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.help-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr);
  gap: 22px;
  align-items: start;
}
.help-layout label {
  margin: 18px 0;
}
.help-article {
  margin-top: 26px;
  border-top: 2px solid #dfe9ed;
  padding-top: 22px;
  scroll-margin-top: 20px;
}
.help-article li,
.help-ask li {
  padding: 6px 0;
  line-height: 1.65;
}
.help-article p,
.help-ask p {
  margin: 12px 0;
}
.help-article button {
  margin: 4px;
}
.help-reference {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 14px;
}
.help-ask blockquote {
  margin: 12px 0;
  padding: 10px;
  border-left: 3px solid #318b81;
}
.help-article:focus {
  outline: 2px solid #168378;
  outline-offset: 5px;
}
@media (max-width: 900px) {
  .help-layout {
    grid-template-columns: 1fr;
  }
  .help-ask {
    order: -1;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
  }
}

.journey-editor {
  width: min(1200px, 96vw);
  max-width: 96vw;
}
.journey-toolbar {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin: 18px 0;
}
.journey-toolbar [aria-pressed="true"] {
  background: #164f87;
  color: white;
}
.journey-canvas {
  overflow: auto;
  max-height: 65vh;
  background: radial-gradient(#cbd5e1 1px, transparent 1px);
  background-size: 18px 18px;
  border: 1px solid #dbe3eb;
  border-radius: 14px;
  margin-bottom: 16px;
}
.journey-canvas svg {
  display: block;
  margin: auto;
  font-family: inherit;
}
.journey-wire {
  fill: none;
  stroke: #2583d9;
  stroke-width: 3;
}
.journey-no {
  stroke: #b46c32;
  stroke-dasharray: 7 4;
}
.journey-wire-label {
  font-size: 12px;
  fill: #334155;
  font-weight: 600;
  paint-order: stroke;
  stroke: #fff;
  stroke-width: 4px;
}
.journey-node rect {
  fill: white;
  stroke: #7aa3c5;
  stroke-width: 2;
}
.journey-node text {
  font-size: 13px;
  fill: #17324d;
  font-weight: 650;
  pointer-events: none;
}
.journey-node .journey-detail {
  font-size: 11px;
  font-weight: 400;
}
.journey-node[role="button"] {
  cursor: pointer;
}
.journey-node[role="button"]:hover rect,
.journey-node:focus rect {
  stroke: #0874ce;
  stroke-width: 4;
}
.journey-node:focus {
  outline: none;
}
.journey-start rect {
  fill: #dcfce7;
  stroke: #15803d;
}
.journey-branch rect {
  fill: #f3e8ff;
  stroke: #9333ea;
}
.journey-wait rect {
  fill: #fff7d6;
  stroke: #c58b00;
}
.journey-end rect {
  fill: #fff1f2;
  stroke: #be123c;
}
@media (max-width: 600px) {
  .journey-editor {
    padding: 14px;
  }
  .journey-toolbar span {
    font-size: 12px;
  }
  .journey-canvas {
    max-height: 52vh;
  }
}

/* Workspace appearance never touches exported email HTML. */
.workspace-logo{height:28px;max-width:90px;object-fit:contain;margin-right:10px}
button.primary{background:var(--workspace-accent,#147d72);border-color:var(--workspace-accent,#147d72)}
:root[data-theme=dark]{color-scheme:dark;background:#101a27;color:#e5edf5}
:root[data-theme=dark] :is(.card,.modal,.dropdown,.context-bar,.tablewrap,.activity-card){background:#172536;color:#e5edf5;border-color:#435269}
:root[data-theme=dark] :is(input,textarea,select,button){background:#203246;color:#edf4fa;border-color:#60758b}
:root[data-theme=dark] button.primary{background:var(--workspace-accent,#147d72)}
:root[data-theme=dark] :is(th,td,.row){border-color:#435269}
:root[data-theme=dark] .muted{color:#b2c5d7}
:root[data-density=compact] :is(td,th){padding:8px}
:root[data-density=compact] .card{padding:16px}

/* 0.7 workspace layout: compact navigation, contextual tabs and task-focused rails. */
:root {background:#f3f5f5;color:#263643;font-size:14px;}
.app-header {min-height:56px;padding:0 22px;gap:20px;background:#344252;flex-wrap:wrap;}
.app-header .brand {font-size:21px;letter-spacing:-.5px;white-space:nowrap;}
.app-header nav {gap:1px;min-width:0;flex-wrap:wrap;align-items:stretch;}
.app-header summary,.app-header nav .nav-direct {font-size:13px;padding:19px 10px;border:0;border-radius:0;font-weight:500;color:#e3e9ee;white-space:nowrap;}
.app-header nav .nav-direct {width:auto;display:block;margin:0;background:transparent;}
.app-header nav .nav-direct.current {box-shadow:inset 0 -3px #77d5c4;background:#314457;}
.app-header nav .nav-direct:hover {background:#52687d;}
.app-header .pill {font-size:11px;white-space:nowrap;}
.app-header details.current>summary {background:#314457;}
.nav-menu {min-width:230px;border-radius:0 0 6px 6px;padding:6px;}
.nav-menu button {font-size:13px;padding:11px 14px;}
.context-bar {padding:9px 24px;gap:18px;min-height:58px;background:#e9edef;align-items:center;}
.context-bar label {display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;}
.context-bar input,.context-bar select {padding:7px 9px;max-width:260px;min-width:130px;font-weight:400;font-size:13px;}
.context-bar label:nth-child(2) input {width:180px;}
.context-bar>.muted {font-size:11px;}
.workspace-tabs {display:flex;gap:3px;padding:0 24px;background:#fafbfb;border-bottom:1px solid #dbe3e5;overflow-x:auto;}
.workspace-tabs button {border:0;border-radius:0;background:transparent;color:#586c76;white-space:nowrap;font-weight:500;font-size:13px;padding:14px 15px;}
.workspace-tabs button[aria-current] {color:#116c59;box-shadow:inset 0 -3px #338d72;background:#f1f7f5;}
main[data-workspace] {margin:0;width:100%;max-width:none;padding:20px 24px 48px;min-width:0;}
main[data-workspace]>.top {margin:0 0 10px;font-size:10px;letter-spacing:.06em;}
main[data-workspace]>.heading {margin-bottom:16px;align-items:center;}
main[data-workspace] h1 {font-size:25px;line-height:1.2;margin:0 0 5px;letter-spacing:-.6px;}
main[data-workspace]>.heading p {font-size:13px;margin:0;color:#657882;}
main[data-workspace]>.heading .eyebrow {display:none;}
main[data-workspace]>.banner {margin-bottom:18px;padding:8px 13px;font-size:12px;border-radius:5px;}
.card {border:1px solid #e0e7e9;border-radius:8px;box-shadow:0 2px 8px #1d3b4810;padding:20px;}
.card h2 {font-size:18px;margin-top:0;}
.card h3 {font-size:14px;}
.card p {line-height:1.6;}
.workspace-sidebar {position:static;width:auto;height:auto;min-width:0;display:flex;flex-direction:column;padding:18px;gap:12px;color:#334c57;background:#f8fafa;border:1px solid #dbe4e6;border-radius:8px;}
.workspace-sidebar h2 {font-size:16px;margin:0;}
.workspace-sidebar h3 {font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:15px 0 0;color:#6b7e87;}
.workspace-sidebar button {font-size:12px;text-align:left;font-weight:500;}
.workspace-sidebar select,.workspace-sidebar input {width:100%;min-width:0;max-width:100%;font-size:12px;}
.workspace-sidebar label {font-size:12px;}
.contact-workspace {display:grid;grid-template-columns:255px minmax(0,1fr);gap:24px;align-items:start;}
.contact-results {min-width:0;}
.contact-sidebar {position:sticky;top:12px;}
.contact-searchbar {display:flex;gap:12px;align-items:end;justify-content:space-between;margin-bottom:14px;}
.search-label {flex:1;max-width:720px;font-size:12px;color:#647b86;}
.search-label input {width:100%;padding:12px;}
.results-meta {display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#78909a;gap:12px;}
.contact-card {background:#fff;border:1px solid #dfe6e9;border-radius:10px;box-shadow:0 3px 10px #17323f08;overflow:hidden;margin-bottom:15px;}
.contact-card-header {display:flex;align-items:center;gap:15px;padding:20px;}
.contact-avatar {width:48px;height:48px;flex:none;background:#218bc1;color:white;display:grid;place-items:center;border-radius:13px;font-size:23px;font-weight:600;}
.contact-identity {flex:1;min-width:0;}
.contact-name {font-size:17px;text-align:left;padding:0;overflow-wrap:anywhere;}
.contact-identity small {display:block;color:#77909b;}
.contact-card-body {display:grid;grid-template-columns:1fr auto;gap:16px;background:#f6fafb;border-top:1px solid #edf1f3;padding:15px 20px;}
.contact-card-body p {margin:0 0 8px;overflow-wrap:anywhere;}
.contact-email {color:#3c7893;font-size:13px;}
.contact-card-tools {display:flex;gap:8px;align-items:start;flex-wrap:wrap;justify-content:end;max-width:280px;}
.contact-card-tools button {font-size:11px;font-weight:500;padding:7px 10px;}
.contact-card .pill {font-size:11px;}
.contact-chips {display:flex;gap:5px;flex-wrap:wrap;}
.contact-chips .group {background:#f4edcc;color:#796b39;font-size:11px;border-radius:12px;}
.dashboard-workspace {display:grid;grid-template-columns:265px minmax(0,1fr);gap:22px;align-items:start;}
.dashboard-main {min-width:0;}
.dashboard-welcome {padding:23px;}
.dashboard-welcome h2 {font-size:21px;margin-top:18px;}
.calendar-tile {width:76px;text-align:center;border:1px solid #d9e4df;border-radius:7px;overflow:hidden;}
.calendar-tile>span {display:block;background:#389475;color:white;font-size:10px;padding:5px;}
.calendar-tile>b {font-size:32px;line-height:1.2;display:block;}
.calendar-tile>small {font-size:10px;color:#718a80;padding-bottom:7px;display:block;}
.quick-links {display:grid;gap:7px;margin:18px 0;}
.quick-links button {text-align:left;font-size:12px;color:#28775e;}
.todo-item {padding:10px 0;border-top:1px solid #e3eaec;font-size:12px;}
.todo-item small {display:block;margin-top:5px;color:#788990;}
.dashboard-main .metrics {gap:12px;}
.dashboard-main .metric {padding:15px;}
.dashboard-main .metric b {font-size:29px;}
.dashboard-main .metric p {font-size:12px;}
.dashboard-charts {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;}
.outcome-chart {border:1px solid #e1e8e9;background:#fff;border-radius:8px;padding:20px;}
.outcome-chart h3 {margin:0 0 20px;font-size:13px;color:#59727b;}
.chart-row {display:grid;grid-template-columns:120px 1fr 45px;gap:12px;align-items:center;margin:14px 0;font-size:12px;}
.chart-row>b {text-align:right;font-size:12px;}
.chart-track {height:12px;background:#edf2f2;border-radius:3px;overflow:hidden;}
.chart-track>span {display:block;height:100%;background:#319aca;border-radius:3px;}
.chart-row:nth-child(3n) .chart-track>span {background:#3eae8c;}
.chart-row:nth-child(4n) .chart-track>span {background:#9a83c8;}
.chart-empty {padding:40px 15px;text-align:center;border:1px dashed #dde5e8;color:#8ba0aa;font-size:12px;}
.reports-workspace {display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;}
.reports-workspace>h2,.reports-workspace>p {grid-column:1/-1;}
.report-sidebar {grid-column:1;align-self:start;}
.report-main {grid-column:2;min-width:0;grid-row:3/span 3;}
.report-empty {padding:60px 25px;background:#f8fafb;border:1px dashed #dae4e7;text-align:center;}
.automation-manager {position:relative;padding-left:285px;min-height:480px;}
.automation-manager>.heading {margin-left:-265px;padding-bottom:16px;border-bottom:1px solid #e1e8ea;}
.automation-folder-rail {position:absolute;left:18px;top:110px;width:240px;box-shadow:none;background:#f7fafa;padding:12px;}
.folder-navigation {display:grid;gap:4px;margin-bottom:18px;}
.folder-navigation button {display:flex;justify-content:space-between;text-align:left;font-size:12px;padding:10px;background:transparent;border:0;}
.folder-navigation button[aria-pressed=true] {background:#e3f0ed;color:#136e59;border-radius:4px;}
.automation-folder-rail label,.automation-folder-rail .actions {font-size:11px;margin:12px 0;}
.automation-folder-rail input,.automation-folder-rail select {max-width:100%;width:100%;}
.automation-manager>[data-automation-object] {flex-wrap:wrap;border-bottom:1px solid #e4eaec;padding:17px 0;}
.editor-dialog,.journey-editor,.workspace-dialog {width:96vw;max-width:1600px;height:94vh;max-height:94vh;padding:24px;}
.editor-dialog>form,.journey-editor>form {min-height:100%;}
.editor-dialog .editor-meta {margin:15px 0;grid-template-columns:1fr 2fr 2fr;}
.editor-dialog .editor-layout {grid-template-columns:minmax(0,1fr) 345px;gap:20px;align-items:start;}
.editor-dialog .editor-canvas {grid-column:1;grid-row:1;min-height:660px;background:#edf1f3;}
.editor-dialog .email-inspector {grid-column:2;grid-row:1;max-height:70vh;overflow-y:auto;padding:16px;}
.editor-dialog .email-frame {height:65vh;min-height:420px;}
.inspector-tabs {display:flex;gap:3px;position:sticky;top:-16px;background:#fff;z-index:1;border-bottom:1px solid #e0e7e8;padding:4px 0 10px;}
.inspector-tabs button {border:0;font-size:12px;padding:9px;}
.inspector-tabs button[aria-pressed=true] {color:#147d72;box-shadow:inset 0 -2px #147d72;}
.email-inspector label {font-size:12px;margin:10px 0;}
.email-inspector textarea,.email-inspector input,.email-inspector select {max-width:100%;}
.journey-studio {display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,380px);gap:18px;margin:18px 0;position:relative;}
.journey-studio>.journey-canvas {grid-column:1;grid-row:1;min-height:500px;max-height:70vh;overflow:auto;background-color:#f8fafb;background-image:radial-gradient(#d5e0e5 1px,transparent 1px);background-size:18px 18px;border:1px solid #d7e2e5;display:flex;justify-content:center;align-items:flex-start;}
.journey-studio>#seqrows {grid-column:2;grid-row:1;max-height:70vh;overflow:auto;min-width:0;}
.journey-inspector-hint {grid-column:2;grid-row:1;padding:30px;color:#718c96;border:1px dashed #cbdce1;align-self:start;pointer-events:none;}
.journey-studio.list-mode {display:block;}
.journey-studio.list-mode>.journey-inspector-hint {display:none;}
.journey-studio .activity-card {margin:0 0 15px;}
.journey-editor [data-seqadd] {font-size:11px;padding:7px 9px;}
.contact-tools-workspace {display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start;}
.contact-tools-main {min-width:0;}
[hidden] {display:none!important;}
@media(max-width:1150px){.app-header {gap:10px;padding:0 14px}.app-header nav {order:3;flex-basis:100%}.app-header .pill {margin-left:auto}.app-header summary,.app-header nav .nav-direct {padding:13px 10px}.context-bar {flex-wrap:wrap}.context-bar>.muted {display:none}.dashboard-workspace {grid-template-columns:230px minmax(0,1fr)}.dashboard-main .metrics {grid-template-columns:1fr 1fr}.dashboard-main>.split {grid-template-columns:1fr}.editor-dialog .editor-layout {grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:760px){main[data-workspace] {padding:16px 12px 35px}.app-header {padding:10px 12px}.app-header {position:relative}.app-header nav {flex-wrap:wrap;overflow:visible;align-items:stretch}.app-header details {position:static}.nav-menu {position:absolute;left:12px;right:12px;top:100%;max-height:65vh;overflow:auto}.context-bar {padding:10px 12px;gap:10px}.context-bar label {flex:1;min-width:150px;display:grid}.context-bar label input,.context-bar label select {width:100%;max-width:none;min-width:0}.context-bar label:nth-child(2){display:none}.workspace-tabs {padding:0 8px}.contact-workspace,.dashboard-workspace,.dashboard-charts,.reports-workspace,.contact-tools-workspace {grid-template-columns:1fr}.contact-sidebar {position:static}.contact-sidebar>button,.contact-sidebar>h3,.contact-sidebar>p {display:none}.contact-sidebar {display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-sidebar>h2 {grid-column:1/-1}.contact-card-header {padding:14px;gap:10px;flex-wrap:wrap}.contact-avatar {width:38px;height:38px;font-size:19px}.contact-name {font-size:15px}.contact-card-header>.actions {width:100%}.contact-card-body {grid-template-columns:1fr;padding:14px}.contact-card-tools {justify-content:start;max-width:none}.dashboard-welcome {display:none}.dashboard-main .metrics {grid-template-columns:1fr 1fr}.report-main {grid-column:1;grid-row:auto}.report-sidebar {grid-column:1}.automation-manager {padding:16px}.automation-manager>.heading {margin-left:0}.automation-folder-rail {position:static;width:100%;margin-bottom:15px}.folder-navigation {display:flex;overflow-x:auto}.folder-navigation button {white-space:nowrap}.editor-dialog,.journey-editor,.workspace-dialog {width:99vw;max-width:99vw;height:97vh;max-height:97vh;padding:14px}.editor-dialog .editor-meta,.editor-dialog .editor-layout {display:flex;flex-direction:column}.editor-dialog .email-inspector,.editor-dialog .editor-canvas {width:100%;max-height:none}.editor-dialog .editor-canvas {order:1;min-height:450px}.editor-dialog .email-inspector {order:2}.editor-dialog .email-frame {height:450px}.journey-studio {grid-template-columns:1fr}.journey-studio>#seqrows,.journey-inspector-hint {grid-column:1;grid-row:2}.journey-studio>.journey-canvas {max-height:55vh;min-height:320px}.contact-searchbar {flex-wrap:wrap}.chart-row {grid-template-columns:95px 1fr 35px;gap:7px}}
.contact-tools-menu {border-top:1px solid #dce6e9;padding-top:14px;}
.contact-tools-menu>summary {font-size:12px;font-weight:600;cursor:pointer;margin-bottom:10px;}
.contact-tools-menu>button {display:block;width:100%;margin:6px 0;}
.action-palette-more {padding:5px 10px;border:1px solid #d8e3e7;border-radius:5px;}
.action-palette-more>summary {cursor:pointer;font-size:12px;}
.action-palette-more .block-palette {padding:12px 0;}
@media(max-width:760px){.contact-tools-menu {grid-column:1/-1;}}
.editor-dialog #visualeditor>fieldset {display:grid;grid-template-columns:1fr 1.4fr 1.4fr 1fr;gap:14px;border:1px solid #dde5e8;border-radius:5px;padding:12px 16px;}
.editor-dialog #visualeditor>fieldset>p {grid-column:1/-1;font-size:11px;margin:0;}
.editor-dialog #visualeditor>fieldset label {font-size:12px;}
.editor-dialog #visualeditor>p {font-size:11px;margin:7px 0;}
.editor-dialog #visualeditor>.actions {justify-content:flex-start;gap:8px;flex-wrap:wrap;margin-top:12px;}
.editor-dialog #visualeditor>.actions button,.editor-dialog #visualeditor>.actions input,.editor-dialog #visualeditor>.actions select {font-size:11px;padding:8px;}
.editor-dialog>form>.actions,.journey-editor>form>.actions {position:sticky;bottom:-24px;background:white;padding:14px 0;border-top:1px solid #dfe7e9;z-index:3;}
.dashboard-main>.split {grid-template-columns:minmax(0,2fr) minmax(220px,1fr);}
.dashboard-main .tablewrap {max-width:100%;overflow-x:auto;}
@media(max-width:760px){.editor-dialog #visualeditor>fieldset {grid-template-columns:1fr 1fr}.dashboard-main>.split {grid-template-columns:minmax(0,1fr)}.dashboard-main .metrics {grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main .metric {min-width:0}.dashboard-main .metric p,.dashboard-main .metric small {overflow-wrap:anywhere}}

/* Follow-up screenshot controls: selections, paging, saved rules and compact automation. */
.contact-selection {display:flex;align-items:center;margin:0;flex:0 0 auto;}
.contact-selection input {width:18px;height:18px;margin:0;accent-color:#137e74;}
.contact-selection-bar,.contact-pagination {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;}
.contact-selection-bar span {font-size:12px;color:#586c7e;}
.contact-pagination {justify-content:center;border-top:1px solid #dce5eb;}
.contact-pagination span {min-width:180px;text-align:center;font-size:13px;}
.contact-view-options {padding:10px;margin:12px 0;border:1px solid #dce5eb;border-radius:7px;}
.contact-view-options legend {font-size:12px;color:#586c7e;}
.contact-view-options label {margin:8px 0;}
.contact-action-dialog {width:650px;max-width:94vw;}
.contact-action-dialog h2 {margin-bottom:15px;}
.contact-action-dialog #new-tag-fields {padding:16px;background:#f3f7f8;border-radius:8px;}
.contact-action-dialog details {padding:12px 0;}
.contact-action-dialog details ul {max-height:160px;overflow:auto;overflow-wrap:anywhere;}
.workflow-overview {display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:16px;background:#f6f9fa;border:1px solid #e2e9ed;border-radius:8px;margin-bottom:16px;}
.workflow-overview .dashboard-chart {margin:0;box-shadow:none;}
.workflow-overview small {display:block;color:#607489;}
.automation-search {max-width:500px;margin:15px 0 5px;}
.drip-summary {display:flex;gap:15px;flex-wrap:wrap;padding:15px;background:#f3f7f8;border-radius:7px;margin:15px 0;}
.drip-create-panel {border:1px solid #dde6ea;border-radius:8px;padding:16px;margin:20px 0;}
.drip-create-panel>summary {font-size:17px;font-weight:600;color:#137e74;cursor:pointer;}
.drip-create-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin-top:20px;}
.drip-create-grid>label {margin:0;}
.drip-create-grid>fieldset,.drip-create-grid>#drip-steps,.drip-create-grid>.drip-recurrence,.drip-create-grid>button {grid-column:1/-1;}
#drip-steps>fieldset {display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr) auto auto;gap:10px;align-items:end;border:1px solid #e0e8ec;margin:12px 0;padding:14px;border-radius:8px;}
#drip-steps>fieldset label {margin:0;}
.drip-recurrence {background:#f6f9fa;border-radius:6px;padding:12px;}
@media(max-width:760px){.contact-sidebar>.contact-view-options {grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;}.contact-sidebar>#resetcontacts {display:block;}.contact-sidebar>[data-nav] {display:block;}.workflow-overview {grid-template-columns:minmax(0,1fr);}.drip-create-grid {grid-template-columns:minmax(0,1fr);}.drip-create-grid>*,#drip-steps>fieldset>* {min-width:0;}#drip-steps>fieldset {grid-template-columns:1fr 1fr;}.contact-card-header .contact-selection {width:auto;}.contact-pagination span {min-width:120px;}.contact-workspace .results-meta {flex-wrap:wrap;gap:6px;}}

/* Contact record workspace, based on the supplied contact-record walkthrough. */
dialog.contact-record { width:min(1440px,96vw); max-width:96vw; max-height:94dvh; padding:0; border:0; border-radius:8px; background:#f4f6f8; }
.contact-record > form { padding:0; margin:0; }
.record-header { position:sticky; top:0; z-index:4; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 20px; color:white; background:#357eae; }
.record-header h2 { font-size:17px; color:inherit; margin:0; overflow-wrap:anywhere; }
.record-header button { background:transparent; color:white; border:0; font-size:26px; padding:0 8px; }
.record-tabs { display:flex; overflow-x:auto; gap:3px; padding:0 16px; background:white; border-bottom:1px solid #d7e0e5; }
.record-tabs button { flex:0 0 auto; border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; color:#506474; padding:14px 16px; }
.record-tabs button[aria-selected="true"] { border-bottom-color:#378758; color:#245d3c; font-weight:650; background:#f4faf6; }
.contact-record [hidden] { display:none !important; }
.record-panel { padding:20px; min-height:340px; }
.record-info-layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:22px; }
.record-info-main { min-width:0; }
.record-email { overflow-wrap:anywhere; }
.record-summary { min-width:0; align-self:start; padding:18px; border:1px solid #dce4e9; border-radius:7px; background:white; overflow-wrap:anywhere; }
.record-summary h3 { font-size:14px; margin:16px 0 8px; }
.record-summary p { margin:8px 0; }
.record-summary .contact-avatar { display:grid; width:58px; height:58px; place-items:center; font-size:25px; background:#268fd0; color:white; border-radius:14px; }
.contact-record #profilefieldpanels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 18px; padding:18px; margin:14px 0; border:1px solid #e1e7ec; background:white; border-radius:6px; }
.contact-record #profilefieldpanels > label { margin:0; min-width:0; font-size:12px; }
.contact-record #profilefieldpanels > label > span { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.contact-record #profilefieldpanels input,.contact-record #profilefieldpanels select,.contact-record #profilefieldpanels textarea { width:100%; min-width:0; margin-top:5px; padding:8px; }
.contact-record #profilefieldpanels button { padding:1px 6px; }
.record-crm-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:24px; }
.record-timeline { min-width:0; padding-left:24px; border-left:2px solid #c4d3df; }
.record-timeline .activity { position:relative; margin:14px 0; padding:16px; border:1px solid #dce4e9; border-radius:6px; background:white; }
.record-timeline .activity:before { content:''; position:absolute; width:13px; height:13px; left:-32px; top:20px; border-radius:50%; background:#428ab9; border:2px solid #f4f6f8; }
.record-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0; }
.record-groups > label { padding:14px; margin:0; background:white; border:1px solid #dce4e9; border-radius:6px; }
.record-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:22px 0; }
.record-stats .card { display:flex; flex-direction:column; gap:8px; margin:0; }
.record-stats strong { font-size:30px; color:#357eae; }
.record-footer { position:sticky; bottom:0; z-index:3; padding:12px 20px; margin:0 !important; border-top:1px solid #d7e0e5; background:white; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px; }
.record-save-status { margin-right:auto; font-size:12px; color:#546778; }
@media(max-width:1050px) { .contact-record #profilefieldpanels { grid-template-columns:repeat(2,minmax(0,1fr)); } .record-info-layout { grid-template-columns:minmax(0,1fr) 220px; } }
@media(max-width:700px) { .record-info-layout,.record-crm-layout { grid-template-columns:minmax(0,1fr); } .record-summary { order:-1; } .record-info-layout .record-summary { display:none; } .contact-record #profilefieldpanels,.record-groups,.record-stats { grid-template-columns:minmax(0,1fr); } .record-panel { padding:12px; } .record-tabs { padding:0 6px; } .record-tabs button { padding:12px; } .record-header { padding:10px 12px; } .record-header h2 { font-size:14px; } .record-footer { padding:10px 12px; } }
/* The legacy navigation's global aside rule must not position contact summaries. */
.contact-record aside.record-summary { position:static; width:auto; height:auto; display:block; color:#253b4c; }
@media(max-width:700px) { .contact-record .record-info-layout aside.record-summary { display:none; } }
.contact-record #profilefieldpanels input[type="checkbox"] { width:auto; }

/* Keep enlarged map content reachable by horizontal scrolling. */
.journey-studio>.journey-canvas {justify-content:flex-start;}
.journey-toolbar output {min-width:4ch;text-align:center;}

/* Video-guided workspaces: compact chrome, source-oriented mapping, wide canvas. */
.import-workspace {width:min(1240px,97vw);max-width:97vw;}
.import-section {border:1px solid #d4dfe4;padding:18px;margin:18px 0;min-width:0;}
.import-section legend {font-size:15px;font-weight:700;color:#245560;padding:0 8px;}
.import-section:nth-of-type(2) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;}
.source-mapping {max-height:360px;}
.source-mapping th {min-width:195px;position:sticky;top:0;z-index:1;text-transform:none;letter-spacing:normal;}
.source-mapping select {width:100%;min-width:175px;}
.source-mapping td {max-width:260px;overflow-wrap:anywhere;white-space:pre-wrap;}
.email-stages {display:flex;gap:2px;border-bottom:1px solid #cddde1;margin:18px 0;}
.email-stages button {border:0;border-radius:0;background:#edf3f4;padding:12px 28px;}
.email-stages button[aria-pressed=true] {background:#fff;border-bottom:3px solid #147d72;color:#0c645e;}
.email-stage-panel {padding:18px;background:#f5faf9;}
.template-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.template-grid article {border:1px solid #d7e2e5;padding:12px;min-width:0;}
.template-grid iframe {width:100%;height:250px;border:0;pointer-events:none;background:#fff;}
.journey-node {touch-action:none;}
.journey-studio {grid-template-columns:minmax(0,1fr) minmax(290px,340px);}
.journey-studio>.journey-canvas {min-height:420px;max-height:65vh;}
.journey-node.journey-branch rect {fill:#fff0d3;stroke:#cd962d;}
.journey-node.journey-wait rect {fill:#def0fa;stroke:#488fb0;}
.journey-node.journey-email rect,.journey-node.journey-add_group rect {fill:#e9f4df;stroke:#76a357;}
.journey-node.journey-end rect {fill:#f4e3df;stroke:#b46b56;}
.contact-card {border-radius:3px;box-shadow:none;margin-bottom:0;border-bottom:0;}
.contact-card:last-child {border-bottom:1px solid #dfe6e9;}
.contact-card-header {padding:10px 14px;gap:10px;}
.contact-card-body {padding:8px 14px;background:#fff;}
.contact-avatar {width:30px;height:30px;font-size:15px;}
.contact-card-tools button {padding:6px 9px;}
.workspace-tabs {border-bottom:1px solid #d0dde2;background:white;}
.workspace-tabs button {border-radius:0;}
@media(max-width:760px){
 .import-section:nth-of-type(2),.template-grid {grid-template-columns:1fr;}
 .email-stages button {padding:10px 16px;}
 .journey-studio {grid-template-columns:1fr;}
 .journey-studio>.journey-canvas {max-height:50vh;min-height:300px;}
 .contact-card-header>.actions {width:auto;}
}
.auxiliary-dialog {width:min(1100px,96vw);max-width:96vw;max-height:90vh;overflow:auto;}

/* Sales Command Center uses its own palette inside the existing CRM workspace. */
.sales-command{--sales-bg:#0c1018;--sales-panel:#121925;--sales-line:#2b384e;--sales-ink:#edf3fc;--sales-muted:#a6b4c9;--sales-blue:#a9bfff;display:grid;grid-template-columns:178px minmax(0,1fr);min-height:530px;border:1px solid var(--sales-line);border-radius:15px;overflow:hidden;background:var(--sales-bg);color:var(--sales-ink)}
.sales-command button{color:var(--sales-ink);background:#1a2435;border:1px solid var(--sales-line);border-radius:8px;font-size:13px;padding:8px 11px;text-align:left;white-space:normal}
.sales-command button:hover{background:#273552;border-color:#7195f7}
.sales-command button:focus-visible{outline:2px solid var(--sales-blue);outline-offset:2px}
.sales-side{position:static;display:block;width:auto;height:auto;min-width:0;background:#0f1520;border-right:1px solid var(--sales-line);padding:16px 11px}
.sales-side nav{display:grid;gap:5px;margin-top:12px}
.sales-side button{width:100%;border-color:transparent;background:transparent;color:var(--sales-muted)}
.sales-side button[aria-current=page]{background:#1c2a49;color:var(--sales-blue)}
.sales-kicker{color:var(--sales-blue);font-size:10px;font-weight:750;letter-spacing:1.35px;text-transform:uppercase}
.sales-body{min-width:0;padding:16px}
.sales-hero{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:19px;border:1px solid #2a3c5d;border-radius:12px;background:radial-gradient(ellipse at 85% 0%,#283b67,transparent 65%),#151d2f}
.sales-command h2{margin:0 0 5px;color:var(--sales-ink);line-height:1.2;font-size:17px}
.sales-hero h2{margin:4px 0;font-size:clamp(24px,3vw,39px);letter-spacing:-.05em}
.sales-command p,.sales-command small{margin:4px 0;color:var(--sales-muted);font-size:12px}
.sales-command .sales-cta{background:#9ab4ff;color:#101a2f;font-weight:750;flex:none}
.sales-command .sales-cta:hover{background:#bdceff}
.sales-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}
.sales-command .sales-metric{background:var(--sales-panel);min-width:0;padding:10px}
.sales-metric span,.sales-metric small,.sales-metric b{display:block;overflow-wrap:anywhere}
.sales-metric span{font-size:11px;color:var(--sales-blue)}
.sales-metric b{font-size:25px;margin:3px 0}
.sales-panel,.sales-empty{margin-top:12px;padding:13px;border:1px solid var(--sales-line);border-radius:10px;background:var(--sales-panel)}
.sales-stages{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:9px 0}
.sales-stages div{min-width:0;padding:7px;border:1px solid var(--sales-line);border-top:2px solid #779aff;border-radius:7px;background:#182234}
.sales-stages div:nth-child(4),.sales-stages div:nth-child(7){border-top-color:#62d5b2}
.sales-stages div:nth-child(5),.sales-stages div:nth-child(6){border-top-color:#c1a5ff}
.sales-stages b,.sales-stages small{display:block;overflow-wrap:anywhere}
.sales-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sales-reps>div,.sales-row,.sales-activity li{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--sales-line)}
.sales-reps small{display:block}
.sales-avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:8px;background:#243657;color:var(--sales-blue);font-weight:750}
.sales-avatar.violet{background:#33274b;color:#dbcaff}
.sales-row{justify-content:space-between;flex-wrap:wrap;margin-top:6px}
.sales-activity{list-style:none;margin:7px 0 0;padding:0}
.sales-activity li{justify-content:space-between;overflow-wrap:anywhere}
.sales-activity time{color:var(--sales-muted);white-space:nowrap;font-size:11px}
@media(max-width:1120px){.sales-stages{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:810px){.sales-command{grid-template-columns:1fr}.sales-side{border-right:0;border-bottom:1px solid var(--sales-line)}.sales-side nav{display:flex;overflow:auto;margin-top:4px}.sales-side button{width:auto;flex:none}.sales-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.sales-body{padding:10px}.sales-hero{align-items:flex-start;flex-direction:column;padding:13px;gap:8px}.sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-columns{grid-template-columns:1fr}}

.sales-planner{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:12px 0}
.sales-planner label{display:grid;gap:4px;color:var(--sales-muted);font-size:12px;min-width:0}
.sales-planner input,.sales-planner select{min-width:0;max-width:100%;padding:7px 9px;background:#0f1520;color:var(--sales-ink);border:1px solid var(--sales-line);border-radius:7px;color-scheme:dark}
.sales-table{overflow:auto}
.sales-table table{width:100%;color:var(--sales-ink);font-size:12px}
.sales-table td,.sales-table th{border-color:var(--sales-line);background:transparent;color:inherit}

.coach-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.coach-filters label {
  flex: 1 1 14rem;
}
.coach-desk ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.coach-work-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) minmax(9rem, 0.7fr);
  gap: 1rem;
  align-items: center;
  padding: 1rem 0;
  border-top: 1px solid #dce4ec;
  overflow-wrap: anywhere;
}
.coach-work-item p {
  margin: 0.25rem 0 0;
}
.coach-campaign-name {
  display: block;
  font-size: 0.8em;
  font-weight: normal;
}
@media (max-width: 680px) {
  .coach-work-item {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }
  .coach-work-item button {
    justify-self: start;
  }
}

.coach-school + .coach-school {
  margin-top: 1.25rem;
}
.coach-school h3 {
  margin-bottom: 0.5rem;
}
.coach-playbook {
  width: min(46rem, calc(100vw - 2rem));
  max-height: 85vh;
}
.coach-playbook details {
  padding: 0.65rem 0;
  border-bottom: 1px solid #dce4ec;
}
.coach-playbook details p {
  white-space: pre-line;
}

.coach-excerpt {
  white-space: pre-wrap;
}