/* Author-level flex utilities must not override the locked navigation state. */
[hidden] { display: none !important; }

.sales-confirmation {
  width: min(32rem, calc(100vw - 2rem));
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  margin: auto;
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: 1.5rem;
  background: var(--card);
  color: var(--card-foreground);
  box-shadow: 0 16px 48px rgb(0 0 0 / 20%);
}
.sales-confirmation::backdrop { background: rgb(0 0 0 / 35%); }

/* Contacts and audiences share one workspace, with navigation separate from actions. */
.sales-contact-controls { display: flex; flex-direction: column; gap: 1.25rem; }
.sales-contact-tabs { display: flex; gap: 1.5rem; border-bottom: 1px solid var(--border); }
.sales-contact-tab { padding: .75rem .125rem; border-bottom: 3px solid transparent; color: var(--muted-foreground); font-size: .875rem; font-weight: 600; text-decoration: none; }
.sales-contact-tab[aria-current="page"] { border-bottom-color: var(--primary); color: var(--primary); }
.sales-contact-tab:hover { color: var(--primary); }
.sales-contact-tab:focus-visible, .sales-archive-filter:focus-visible { outline: 2px solid var(--ring); outline-offset: 4px; border-radius: .25rem; }
.sales-contact-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.sales-contact-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .75rem; margin-left: auto; }
.sales-archive-filter { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.75rem; color: var(--muted-foreground); font-size: .875rem; cursor: pointer; }
.sales-archive-filter[aria-pressed="true"] { color: var(--foreground); }
.sales-filter-mark { display: inline-flex; align-items: center; justify-content: center; width: 1.125rem; height: 1.125rem; border: 1px solid var(--input); border-radius: .25rem; font-size: .75rem; }
.sales-archive-filter[aria-pressed="true"] .sales-filter-mark { background: var(--primary); border-color: var(--primary); color: var(--primary-foreground); }
@media (max-width: 480px) {
 .sales-contact-actions { width: 100%; margin-left: 0; justify-content: flex-start; }
 .sales-contact-tabs { gap: 1rem; }
}

.sales-readiness-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; }
.sales-readiness-grid > li { min-width: 0; overflow-wrap: anywhere; }
@media (min-width: 768px) { .sales-readiness-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sales-form-section{display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border,#e5e7eb)}
.sales-sequence-step{display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--border,#e5e7eb);border-radius:1rem;padding:1rem;min-width:0}
.sales-sequence-step legend{padding:0 .4rem}
.sales-execution-list{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}
.sales-execution-list li{min-width:0;overflow-wrap:anywhere}