/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.2.11_@babel+core@7.29.7_supports-color@7.2.0__@types+node@20.19.43_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.2.11_@babel+core@7.29.7_supports-color@7.2.0__@types+node@20.19.43_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Microsoft YaHei", Arial, sans-serif;
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Microsoft YaHei", Arial, sans-serif;
    --default-mono-font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .static {
    position: static;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .h-full {
    height: 100%;
  }
  .min-h-full {
    min-height: 100%;
  }
  .grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .flex-col {
    flex-direction: column;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.knowledge-workspace {
  min-width: 0;
}
.knowledge-command-bar,.knowledge-list-header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.knowledge-command-bar {
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.knowledge-search {
  display: flex;
  min-width: 220px;
  max-width: 520px;
  height: 38px;
  flex: 1;
  align-items: center;
  padding: 0 11px;
  gap: 8px;
  border: 1px solid var(--border-strong);
  border-radius: 9px;
  background: #fbfcfe;
  color: #98a2b3;
}
.knowledge-search:focus-within {
  border-color: #84adff;
  box-shadow: 0 0 0 3px #2563eb14;
}
.knowledge-search input {
  min-width: 0;
  height: 34px;
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: #1d2939;
  font-size: 11px;
}
.knowledge-search>button {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
}
.knowledge-toolbar-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}
.knowledge-view-toggle {
  display: flex;
  padding: 3px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
}
.knowledge-view-toggle button {
  display: grid;
  width: 30px;
  height: 28px;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
}
.knowledge-view-toggle button.active {
  background: #fff;
  box-shadow: 0 1px 3px #1018281a;
  color: var(--primary);
}
.knowledge-metrics {
  display: grid;
  min-width: 0;
  margin-top: 14px;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 10px;
}
.knowledge-metrics article {
  display: flex;
  min-width: 0;
  min-height: 78px;
  align-items: center;
  padding: 13px;
  gap: 11px;
  border: 1px solid var(--border);
  border-radius: 11px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.knowledge-metric-icon {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
}
.knowledge-metric-icon.blue {
  background: #eff6ff;
  color: #2563eb;
}
.knowledge-metric-icon.violet {
  background: #f5f3ff;
  color: #7c3aed;
}
.knowledge-metric-icon.green {
  background: #ecfdf3;
  color: #079455;
}
.knowledge-metric-icon.red {
  background: #fef3f2;
  color: #d92d20;
}
.knowledge-metric-icon.amber {
  background: #fffaeb;
  color: #dc6803;
}
.knowledge-metrics article>div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.knowledge-metrics small {
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowledge-metrics strong {
  margin-top: 4px;
  color: #101828;
  font-size: 19px;
  letter-spacing: -.02em;
}
.knowledge-section {
  min-width: 0;
  margin-top: 14px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.knowledge-section.no-top {
  margin-top: 0;
}
.knowledge-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 15px;
  gap: 16px;
}
.knowledge-section-heading h2,.knowledge-list-header h2 {
  margin: 0;
  color: #101828;
  font-size: 16px;
  font-weight: 750;
  letter-spacing: -.015em;
}
.knowledge-section-heading p,.knowledge-list-header p {
  margin: 5px 0 0;
  color: #667085;
  font-size: 10px;
  line-height: 1.5;
}
.knowledge-section-heading>span {
  flex: 0 0 auto;
  color: #98a2b3;
  font-size: 10px;
}
.knowledge-library-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}
.knowledge-library-card {
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  transition: border-color .16s,box-shadow .16s,transform .16s;
}
.knowledge-library-card:hover {
  border-color: #c7d7f7;
  box-shadow: 0 8px 22px #2563eb14;
  transform: translateY(-1px);
}
.knowledge-library-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.knowledge-folder-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 0;
  border-radius: 10px;
  background: #eff6ff;
  color: #2563eb;
  cursor: pointer;
}
.knowledge-folder-icon.tone-product {
  background: #ecfdf3;
  color: #079455;
}
.knowledge-folder-icon.tone-pricing {
  background: #fffaeb;
  color: #dc6803;
}
.knowledge-folder-icon.tone-compliance {
  background: #f5f3ff;
  color: #7c3aed;
}
.knowledge-folder-icon.tone-sales {
  background: #fff1f3;
  color: #e11d48;
}
.knowledge-folder-icon.tone-faq {
  background: #ecfeff;
  color: #0891b2;
}
.knowledge-folder-icon.tone-market {
  background: #f0fdf4;
  color: #16a34a;
}
.knowledge-card-menu,.knowledge-row-actions {
  display: flex;
  align-items: center;
  gap: 3px;
}
.knowledge-card-menu button,.knowledge-row-actions button,.knowledge-row-actions a {
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
  text-decoration: none;
}
.knowledge-card-menu button:hover,.knowledge-row-actions button:hover,.knowledge-row-actions a:hover {
  background: #f2f4f7;
  color: #344054;
}
.knowledge-card-menu button:last-child:hover,.knowledge-row-actions button:last-child:hover {
  background: #fef3f2;
  color: #d92d20;
}
.knowledge-library-main {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 72px;
  flex-direction: column;
  align-items: flex-start;
  padding: 13px 0 9px;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.knowledge-library-main strong {
  width: 100%;
  overflow: hidden;
  color: #1d2939;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowledge-library-main span {
  display: -webkit-box;
  margin-top: 6px;
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.knowledge-tags {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: 5px;
}
.knowledge-tags>span {
  display: inline-flex;
  min-height: 23px;
  align-items: center;
  padding: 0 7px;
  gap: 4px;
  border: 1px solid #e4e9f1;
  border-radius: 6px;
  background: #f8fafc;
  color: #667085;
  font-size: 9px;
}
.knowledge-library-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 11px;
  gap: 8px;
  border-top: 1px solid #eef1f5;
  color: #98a2b3;
  font-size: 9px;
}
.knowledge-library-footer span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.knowledge-table-wrap {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow-x: auto;
}
.knowledge-table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
  background: #fff;
  text-align: left;
}
.knowledge-table th {
  height: 38px;
  padding: 0 11px;
  border-bottom: 1px solid var(--border);
  background: #f8fafc;
  color: #667085;
  font-size: 9px;
  font-weight: 700;
  white-space: nowrap;
}
.knowledge-table td {
  height: 58px;
  padding: 7px 11px;
  border-bottom: 1px solid #eef1f5;
  color: #475467;
  font-size: 10px;
  vertical-align: middle;
}
.knowledge-table tr:last-child td {
  border-bottom: 0;
}
.knowledge-table tbody tr:hover {
  background: #fbfcfe;
}
.knowledge-name-cell {
  display: flex;
  width: 100%;
  min-width: 180px;
  align-items: center;
  padding: 0;
  gap: 9px;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.knowledge-name-cell>span {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 7px;
  background: #eff6ff;
  color: #2563eb;
}
.knowledge-name-cell>div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.knowledge-name-cell strong,.knowledge-name-cell small {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowledge-name-cell strong {
  color: #1d2939;
  font-size: 10px;
}
.knowledge-name-cell small {
  margin-top: 3px;
  color: #98a2b3;
  font-size: 9px;
}
.knowledge-list-header {
  align-items: flex-start;
  margin-bottom: 16px;
}
.knowledge-list-header>div:first-child {
  min-width: 0;
}
.knowledge-eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: 7px;
  gap: 5px;
  color: var(--primary);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .04em;
}
.knowledge-filter-bar {
  display: grid;
  min-width: 0;
  margin-bottom: 14px;
  padding: 12px;
  grid-template-columns: minmax(220px,1fr) repeat(3,minmax(130px,.35fr)) auto;
  gap: 8px;
  border: 1px solid #e8ecf2;
  border-radius: 10px;
  background: #fafbfc;
}
.knowledge-filter-bar .knowledge-search {
  min-width: 0;
  background: #fff;
}
.knowledge-filter-bar select,.knowledge-retrieval-form select {
  min-width: 0;
  height: 38px;
  padding: 0 30px 0 10px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  outline: 0;
  background: #fff;
  color: #475467;
  font-size: 10px;
}
.knowledge-status {
  display: inline-flex;
  min-height: 25px;
  align-items: center;
  padding: 0 7px;
  gap: 4px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #667085;
  font-size: 9px;
  font-weight: 650;
  white-space: nowrap;
}
.knowledge-status.ready,.knowledge-status.completed {
  background: #ecfdf3;
  color: #079455;
}
.knowledge-status.failed {
  background: #fef3f2;
  color: #d92d20;
}
.knowledge-format {
  display: block;
  color: #344054;
  font-size: 9px;
}
.knowledge-cell-sub {
  display: block;
  margin-top: 2px;
  color: #98a2b3;
  font-size: 8px;
}
.knowledge-state-panel,.knowledge-empty {
  display: flex;
  min-height: 260px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: #fff;
  color: #98a2b3;
  text-align: center;
}
.knowledge-state-panel>strong,.knowledge-empty>strong {
  margin-top: 10px;
  color: #475467;
  font-size: 12px;
}
.knowledge-state-panel>span,.knowledge-empty p {
  max-width: 480px;
  margin: 5px 0 0;
  color: #98a2b3;
  font-size: 10px;
  line-height: 1.55;
}
.knowledge-state-panel>button,.knowledge-empty>button {
  margin-top: 14px;
}
.knowledge-state-panel.error {
  color: #d92d20;
}
.knowledge-empty {
  min-height: 230px;
  border: 0;
  background: #fbfcfe;
}
.knowledge-empty>span {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 50%;
  background: #f2f4f7;
  color: #98a2b3;
}
.knowledge-job-list {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
}
.knowledge-job-list>button {
  display: grid;
  min-width: 0;
  min-height: 68px;
  align-items: center;
  padding: 10px 12px;
  grid-template-columns: 34px minmax(200px,1fr) minmax(170px,.55fr) 105px 18px;
  gap: 10px;
  border: 0;
  border-bottom: 1px solid #eef1f5;
  background: #fff;
  cursor: pointer;
  text-align: left;
}
.knowledge-job-list>button:last-child {
  border-bottom: 0;
}
.knowledge-job-list>button:hover {
  background: #fbfcfe;
}
.knowledge-job-icon {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 8px;
  background: #f2f4f7;
  color: #667085;
}
.knowledge-job-icon.completed {
  background: #ecfdf3;
  color: #079455;
}
.knowledge-job-icon.failed {
  background: #fef3f2;
  color: #d92d20;
}
.knowledge-job-list>button>div:nth-child(2) {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.knowledge-job-list strong {
  overflow: hidden;
  color: #344054;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowledge-job-list small,.knowledge-job-list time {
  margin-top: 3px;
  color: #98a2b3;
  font-size: 8px;
}
.knowledge-job-progress {
  display: flex;
  flex-direction: column;
}
.knowledge-job-progress>span {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #eaecf0;
}
.knowledge-job-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #12b76a;
}
.knowledge-retrieval {
  min-width: 0;
}
.knowledge-retrieval-hero {
  display: flex;
  padding: 22px;
  gap: 14px;
  border: 1px solid #dbeafe;
  border-radius: 14px;
  background: linear-gradient(135deg,#f7faff,#eef5ff);
}
.knowledge-retrieval-hero>span {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 10px;
  background: #2563eb;
  box-shadow: 0 6px 15px #2563eb38;
  color: #fff;
}
.knowledge-retrieval-hero small {
  color: #2563eb;
  font-size: 9px;
  font-weight: 750;
}
.knowledge-retrieval-hero h2 {
  margin: 5px 0 0;
  color: #101828;
  font-size: 18px;
}
.knowledge-retrieval-hero p {
  max-width: 760px;
  margin: 7px 0 0;
  color: #667085;
  font-size: 10px;
  line-height: 1.6;
}
.knowledge-retrieval-form {
  display: grid;
  margin-top: 14px;
  padding: 15px;
  grid-template-columns: 190px minmax(0,1fr) auto;
  gap: 8px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.knowledge-retrieval-form>label {
  display: flex;
  min-width: 0;
  height: 38px;
  align-items: center;
  padding: 0 11px;
  gap: 8px;
  border: 1px solid #b9cdfc;
  border-radius: 9px;
  color: #2563eb;
}
.knowledge-retrieval-form input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #1d2939;
  font-size: 11px;
}
.knowledge-retrieval-results {
  margin-top: 14px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: #fff;
}
.knowledge-retrieval-results>button {
  display: grid;
  width: 100%;
  min-width: 0;
  align-items: flex-start;
  padding: 12px;
  grid-template-columns: 34px minmax(0,1fr) 18px;
  gap: 10px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
  text-align: left;
}
.knowledge-retrieval-results>button+button {
  margin-top: 8px;
}
.knowledge-retrieval-results>button:hover {
  border-color: #bfd2fa;
  background: #fbfdff;
}
.knowledge-retrieval-results>button>span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 8px;
  background: #eff6ff;
  color: #2563eb;
}
.knowledge-retrieval-results strong {
  color: #344054;
  font-size: 10px;
}
.knowledge-retrieval-results small {
  display: block;
  margin-top: 3px;
  color: #98a2b3;
  font-size: 8px;
}
.knowledge-retrieval-results p {
  display: -webkit-box;
  margin: 7px 0 0;
  overflow: hidden;
  color: #667085;
  font-size: 9px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.knowledge-trash-groups {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.knowledge-trash-groups>div {
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.knowledge-trash-groups h3 {
  margin: 0 0 9px;
  color: #344054;
  font-size: 11px;
}
.knowledge-trash-groups h3 span {
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #667085;
  font-size: 8px;
}
.knowledge-trash-groups article {
  display: grid;
  min-width: 0;
  align-items: center;
  padding: 9px 0;
  grid-template-columns: 30px minmax(0,1fr) auto;
  gap: 8px;
  border-top: 1px solid #eef1f5;
}
.knowledge-trash-groups article>span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 7px;
  background: #f2f4f7;
  color: #667085;
}
.knowledge-trash-groups article>div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.knowledge-trash-groups article strong {
  overflow: hidden;
  color: #344054;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowledge-trash-groups article small {
  margin-top: 3px;
  color: #98a2b3;
  font-size: 8px;
}
.knowledge-modal-backdrop {
  z-index: 80;
}
.knowledge-modal {
  width: min(680px,calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  border: 1px solid var(--border);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 24px 70px #10182838;
  overflow-y: auto;
}
.knowledge-modal.upload {
  width: min(760px,calc(100vw - 32px));
}
.knowledge-modal-header {
  display: flex;
  position: sticky;
  z-index: 2;
  top: 0;
  align-items: flex-start;
  justify-content: space-between;
  padding: 17px 18px;
  gap: 12px;
  border-bottom: 1px solid var(--border);
  background: #fff;
}
.knowledge-modal-header>div {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 10px;
}
.knowledge-modal-header>div>span {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  background: #eff6ff;
  color: #2563eb;
}
.knowledge-modal-header h2 {
  margin: 0;
  color: #101828;
  font-size: 15px;
}
.knowledge-modal-header p {
  margin: 4px 0 0;
  color: #667085;
  font-size: 9px;
}
.knowledge-modal-header>button {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #667085;
  cursor: pointer;
}
.knowledge-modal-header>button:hover {
  background: #f2f4f7;
  color: #344054;
}
.knowledge-modal-tabs {
  display: flex;
  padding: 11px 18px 0;
  gap: 6px;
  background: #fff;
}
.knowledge-modal-tabs button {
  display: inline-flex;
  height: 34px;
  align-items: center;
  padding: 0 11px;
  gap: 6px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #667085;
  cursor: pointer;
  font-size: 10px;
}
.knowledge-modal-tabs button.active {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #2563eb;
  font-weight: 700;
}
.knowledge-modal-body {
  padding: 17px 18px;
}
.knowledge-form-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.knowledge-field {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}
.knowledge-field.full {
  margin-bottom: 12px;
}
.knowledge-field>span,.knowledge-usage-settings legend {
  color: #475467;
  font-size: 9px;
  font-weight: 700;
}
.knowledge-field input,.knowledge-field select,.knowledge-field textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  outline: 0;
  background: #fff;
  color: #344054;
  font-size: 10px;
}
.knowledge-field input,.knowledge-field select {
  height: 38px;
  padding: 0 10px;
}
.knowledge-field textarea {
  padding: 9px 10px;
  resize: vertical;
  line-height: 1.5;
}
.knowledge-field input:focus,.knowledge-field select:focus,.knowledge-field textarea:focus {
  border-color: #84adff;
  box-shadow: 0 0 0 3px #2563eb14;
}
.knowledge-usage-settings {
  display: grid;
  margin: 15px 0 0;
  padding: 11px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px;
  border: 1px solid var(--border);
  border-radius: 9px;
}
.knowledge-usage-settings legend {
  padding: 0 5px;
}
.knowledge-usage-settings label {
  position: relative;
  cursor: pointer;
}
.knowledge-usage-settings input {
  position: absolute;
  opacity: 0;
}
.knowledge-usage-settings span {
  display: flex;
  min-height: 34px;
  align-items: center;
  padding: 0 9px;
  gap: 6px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: #fbfcfe;
  color: #667085;
  font-size: 9px;
}
.knowledge-usage-settings input:checked+span {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #2563eb;
}
.knowledge-form-error {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  padding: 9px 10px;
  gap: 7px;
  border: 1px solid #fecdca;
  border-radius: 8px;
  background: #fef3f2;
  color: #b42318;
  font-size: 9px;
  line-height: 1.5;
}
.knowledge-modal-footer {
  display: flex;
  position: sticky;
  z-index: 2;
  bottom: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 12px 18px;
  gap: 8px;
  border-top: 1px solid var(--border);
  background: #fff;
}
.knowledge-modal-footer>span {
  margin-right: auto;
  color: #98a2b3;
  font-size: 8px;
}
.knowledge-drop-zone {
  display: flex;
  min-height: 190px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 14px 0 12px;
  padding: 18px;
  border: 1px dashed #aac4f8;
  border-radius: 10px;
  background: #f8fbff;
  color: #667085;
  cursor: pointer;
  text-align: center;
}
.knowledge-drop-zone>input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.knowledge-drop-zone>span {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 50%;
  background: #eff6ff;
  color: #2563eb;
}
.knowledge-drop-zone>strong {
  margin-top: 9px;
  color: #344054;
  font-size: 11px;
}
.knowledge-drop-zone>small {
  margin-top: 5px;
  color: #98a2b3;
  font-size: 8px;
}
.knowledge-drop-zone>div {
  display: flex;
  width: 100%;
  max-height: 130px;
  flex-direction: column;
  margin-top: 12px;
  gap: 5px;
  overflow-y: auto;
}
.knowledge-drop-zone em {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 7px 8px;
  gap: 6px;
  border: 1px solid #dbeafe;
  border-radius: 7px;
  background: #fff;
  color: #475467;
  font-size: 9px;
  font-style: normal;
  text-align: left;
}
.knowledge-drop-zone em small {
  margin-left: auto;
}
.knowledge-url-note {
  display: flex;
  margin: 2px 0 12px;
  padding: 9px;
  gap: 7px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #f8fbff;
  color: #667085;
  font-size: 8px;
  line-height: 1.5;
}
.knowledge-url-note svg {
  flex: 0 0 auto;
  color: #2563eb;
}
.knowledge-viewer-backdrop {
  position: fixed;
  z-index: 90;
  inset: 0;
  display: grid;
  padding: 16px;
  place-items: center;
  background: #1018288a;
}
.knowledge-viewer {
  display: flex;
  width: min(1380px,100%);
  height: min(860px,calc(100vh - 32px));
  min-width: 0;
  flex-direction: column;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 28px 80px #1018284d;
  overflow: hidden;
}
.knowledge-viewer header {
  display: grid;
  min-width: 0;
  min-height: 60px;
  align-items: center;
  padding: 9px 12px;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 12px;
  border-bottom: 1px solid var(--border);
}
.knowledge-viewer header>button {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 8px;
  gap: 5px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: #fff;
  color: #667085;
  cursor: pointer;
  font-size: 9px;
}
.knowledge-viewer header>div:nth-child(2) {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.knowledge-viewer header strong {
  overflow: hidden;
  color: #1d2939;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowledge-viewer header small {
  margin-top: 3px;
  overflow: hidden;
  color: #98a2b3;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowledge-viewer header>div:last-child {
  display: flex;
  gap: 4px;
}
.knowledge-viewer header>div:last-child>button,.knowledge-viewer header>div:last-child>a {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 8px;
  gap: 5px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: #fff;
  color: #667085;
  cursor: pointer;
  font-size: 9px;
  text-decoration: none;
}
.knowledge-viewer header>div:last-child>button:hover,.knowledge-viewer header>div:last-child>a:hover {
  background: #f8fafc;
  color: #344054;
}
.knowledge-viewer header .danger:hover {
  border-color: #fecdca;
  background: #fef3f2;
  color: #d92d20;
}
.knowledge-viewer header .close {
  width: 32px;
  padding: 0;
}
.knowledge-viewer-body {
  display: grid;
  min-width: 0;
  min-height: 0;
  flex: 1;
  grid-template-columns: minmax(0,1fr) 320px;
}
.knowledge-document-preview {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  background: #eef1f5;
}
.knowledge-preview-toolbar {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  padding: 0 13px;
  border-bottom: 1px solid #d9dee7;
  background: #f8fafc;
  color: #667085;
  font-size: 9px;
  font-weight: 650;
}
.knowledge-preview-toolbar>span:last-child {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.knowledge-preview-toolbar .ready {
  color: #079455;
}
.knowledge-preview-toolbar .failed {
  color: #d92d20;
}
.knowledge-document-preview iframe {
  width: 100%;
  min-height: 0;
  flex: 1;
  border: 0;
  background: #525659;
}
.knowledge-document-preview pre {
  min-height: 0;
  flex: 1;
  margin: 18px;
  padding: 28px;
  overflow: auto;
  border: 1px solid #d9dee7;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 5px 18px #10182814;
  color: #344054;
  font-family: var(--font-sans);
  font-size: 11px;
  line-height: 1.75;
  white-space: pre-wrap;
}
.knowledge-image-preview {
  display: grid;
  min-height: 0;
  flex: 1;
  padding: 24px;
  place-items: center;
  overflow: auto;
}
.knowledge-image-preview img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 5px;
  box-shadow: 0 7px 24px #10182829;
}
.knowledge-document-sidebar {
  min-width: 0;
  overflow-y: auto;
  border-left: 1px solid var(--border);
  background: #fff;
}
.knowledge-side-section,.knowledge-edit-form {
  padding: 15px;
  border-bottom: 1px solid var(--border);
}
.knowledge-side-section h3,.knowledge-edit-form h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
  color: #344054;
  font-size: 10px;
}
.knowledge-side-section h3 span {
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #f2f4f7;
  color: #667085;
  font-size: 8px;
}
.knowledge-side-section dl {
  margin: 0;
}
.knowledge-side-section dl>div {
  display: grid;
  padding: 6px 0;
  grid-template-columns: 78px minmax(0,1fr);
  gap: 8px;
  border-bottom: 1px solid #f2f4f7;
}
.knowledge-side-section dt {
  color: #98a2b3;
  font-size: 8px;
}
.knowledge-side-section dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: #475467;
  font-size: 8px;
  text-align: right;
}
.knowledge-source-link {
  display: inline-flex;
  align-items: center;
  margin-top: 9px;
  gap: 5px;
  color: #2563eb;
  font-size: 8px;
  text-decoration: none;
}
.knowledge-side-section.versions>button {
  display: grid;
  width: 100%;
  min-width: 0;
  align-items: center;
  padding: 8px;
  grid-template-columns: 30px minmax(0,1fr) auto;
  gap: 7px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.knowledge-side-section.versions>button:hover,.knowledge-side-section.versions>button.active {
  border-color: #dbeafe;
  background: #f8fbff;
}
.knowledge-side-section.versions>button>span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 7px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 8px;
  font-weight: 750;
}
.knowledge-side-section.versions>button>div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.knowledge-side-section.versions strong {
  overflow: hidden;
  color: #475467;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowledge-side-section.versions small {
  margin-top: 3px;
  color: #98a2b3;
  font-size: 7px;
}
.knowledge-side-section.versions em {
  padding: 3px 5px;
  border-radius: 999px;
  background: #ecfdf3;
  color: #079455;
  font-size: 7px;
  font-style: normal;
}
.knowledge-edit-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.knowledge-edit-form>div:last-child {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}
.spin {
  animation: knowledge-spin 1s linear infinite;
}
@keyframes knowledge-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width:1180px) {
  .knowledge-library-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .knowledge-metrics {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .knowledge-filter-bar {
    grid-template-columns: minmax(220px,1fr) repeat(2,minmax(130px,.45fr));
  }
  .knowledge-filter-bar>:nth-child(4),.knowledge-filter-bar>:nth-child(5) {
    grid-row: 2;
  }
}
@media (max-width:900px) {
  .knowledge-library-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .knowledge-command-bar,.knowledge-list-header {
    align-items: stretch;
    flex-direction: column;
  }
  .knowledge-command-bar .knowledge-search {
    width: 100%;
    max-width: none;
  }
  .knowledge-toolbar-actions {
    flex-wrap: wrap;
  }
  .knowledge-filter-bar {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .knowledge-filter-bar>* {
    grid-row: auto !important;
  }
  .knowledge-filter-bar .knowledge-search {
    grid-column: 1/-1;
  }
  .knowledge-job-list>button {
    grid-template-columns: 34px minmax(0,1fr) 18px;
  }
  .knowledge-job-progress,.knowledge-job-list time {
    display: none;
  }
  .knowledge-trash-groups {
    grid-template-columns: 1fr;
  }
  .knowledge-viewer-body {
    grid-template-columns: minmax(0,1fr) 270px;
  }
  .knowledge-viewer header>button {
    width: 32px;
    overflow: hidden;
    padding: 0;
    font-size: 0;
  }
}
@media (max-width:700px) {
  .knowledge-metrics {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .knowledge-library-grid {
    grid-template-columns: 1fr;
  }
  .knowledge-retrieval-form {
    grid-template-columns: 1fr;
  }
  .knowledge-form-grid,.knowledge-usage-settings {
    grid-template-columns: 1fr;
  }
  .knowledge-modal-footer {
    flex-wrap: wrap;
  }
  .knowledge-modal-footer>span {
    width: 100%;
    margin: 0 0 4px;
  }
  .knowledge-viewer-backdrop {
    padding: 0;
  }
  .knowledge-viewer {
    width: 100%;
    height: 100vh;
    border: 0;
    border-radius: 0;
  }
  .knowledge-viewer header>div:last-child>button:not(.close),.knowledge-viewer header>div:last-child>a {
    display: none;
  }
  .knowledge-viewer-body {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }
  .knowledge-document-preview {
    min-height: 62vh;
  }
  .knowledge-document-sidebar {
    overflow: visible;
    border-top: 1px solid var(--border);
    border-left: 0;
  }
}
.knowledge-parse-error {
  background: #fffbfa;
}
.knowledge-parse-error h3 {
  color: #b42318;
}
.knowledge-parse-error p {
  margin: 0 0 10px;
  color: #b42318;
  font-size: 8px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.knowledge-parse-error button {
  width: 100%;
  justify-content: center;
}
.workbench-stack {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wb-refresh,.wb-primary {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 9px;
  cursor: pointer;
  font-weight: 650;
}
.wb-refresh {
  padding: 0 12px;
  border: 1px solid var(--border);
  background: #fff;
  color: var(--muted);
}
.wb-primary {
  padding: 0 15px;
  border: 0;
  background: var(--primary);
  color: #fff;
}
.wb-spin {
  animation: wb-spin .8s linear infinite;
}
@keyframes wb-spin {
  to {
    transform: rotate(360deg);
  }
}
.wb-live {
  color: var(--success) !important;
  font-weight: 650;
}
.wb-chart {
  min-height: 260px;
}
.wb-bars {
  display: flex;
  height: 148px;
  align-items: flex-end;
  padding-top: 16px;
  gap: 7px;
  border-bottom: 1px solid var(--border);
}
.wb-bars>div {
  display: flex;
  height: 100%;
  min-width: 5px;
  flex: 1;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
}
.wb-bars i,.wb-bars b {
  display: block;
  width: 42%;
  min-height: 2px;
  border-radius: 4px 4px 0 0;
  background: #3b82f6;
}
.wb-bars b {
  background: #22c55e;
}
.wb-distribution-card {
  min-height: 356px;
  background: linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}
.wb-distribution-card .card-heading {
  align-items: center;
  padding: 16px 18px 13px;
  border-bottom: 1px solid #eef2f6;
}
.wb-distribution-card .card-heading h3 {
  font-size: 14px;
}
.wb-distribution-card .card-heading p {
  font-size: 11px;
}
.wb-distribution-card.blue .card-heading-icon {
  background: #eff6ff;
  color: #2563eb;
}
.wb-distribution-card.violet .card-heading-icon {
  background: #f5f3ff;
  color: #7c3aed;
}
.wb-distribution {
  padding: 14px 18px 20px;
}
.wb-distribution-summary {
  display: grid;
  margin-bottom: 15px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}
.wb-distribution-summary>span {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  padding: 9px 11px;
  border: 1px solid #e4eaf2;
  border-radius: 10px;
  background: #fff;
  gap: 8px;
}
.wb-distribution-summary small {
  overflow: hidden;
  color: #667085;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-distribution-summary strong {
  color: #101828;
  font-size: 16px;
  line-height: 1;
}
.wb-distribution-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.wb-distribution-row {
  min-width: 0;
}
.wb-distribution-row-heading {
  display: grid;
  min-width: 0;
  align-items: center;
  margin-bottom: 6px;
  grid-template-columns: 25px minmax(0,1fr) auto;
  gap: 8px;
}
.wb-distribution-rank {
  display: grid;
  width: 23px;
  height: 23px;
  place-items: center;
  border-radius: 7px;
  background: #f2f4f7;
  color: #667085;
  font-size: 10px;
  font-weight: 800;
}
.wb-distribution-label {
  overflow: hidden;
  color: #344054;
  font-size: 12px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-distribution-row-heading>strong {
  color: #101828;
  font-size: 13px;
}
.wb-distribution-row-heading>strong small {
  color: #98a2b3;
  font-size: 9px;
  font-weight: 600;
}
.wb-distribution-track {
  height: 7px;
  margin-left: 33px;
  overflow: hidden;
  border-radius: 999px;
  background: #edf1f6;
}
.wb-distribution-track>span {
  display: block;
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 2px 6px rgba(37,99,235,.18);
  transition: width .25s ease;
}
.wb-distribution-card.blue .wb-distribution-track>span {
  background: linear-gradient(90deg,#60a5fa,#2563eb);
}
.wb-distribution-card.violet .wb-distribution-track>span {
  background: linear-gradient(90deg,#a78bfa,#7c3aed);
}
.wb-distribution-card.blue .wb-distribution-row:first-child .wb-distribution-rank {
  background: #dbeafe;
  color: #1d4ed8;
}
.wb-distribution-card.violet .wb-distribution-row:first-child .wb-distribution-rank {
  background: #ede9fe;
  color: #6d28d9;
}
.wb-distribution-empty {
  display: grid;
  min-height: 185px;
  margin: 0;
  place-items: center;
  color: #98a2b3;
  font-size: 12px;
}
.wb-panel-list {
  display: flex;
  flex-direction: column;
  padding: 4px 16px 15px;
}
.wb-panel-list button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 10px 2px;
  border: 0;
  border-bottom: 1px solid #eef2f6;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.wb-panel-list button:last-child {
  border-bottom: 0;
}
.wb-panel-list button>span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}
.wb-panel-list strong {
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-panel-list small {
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-panel-list svg {
  flex: 0 0 auto;
  color: #98a2b3;
}
.wb-compact-empty {
  min-height: 150px !important;
}
.wb-task-page,.wb-audit {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.wb-page-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid var(--border);
  gap: 14px;
}
.wb-page-toolbar>div {
  display: flex;
  gap: 8px;
}
.wb-filter-tabs {
  overflow-x: auto;
}
.wb-filter-tabs button {
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  white-space: nowrap;
}
.wb-filter-tabs button.active {
  background: var(--primary-soft);
  color: var(--primary);
  font-weight: 700;
}
.wb-task-list {
  display: flex;
  flex-direction: column;
}
.wb-task-list article {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  align-items: center;
  padding: 15px 18px;
  border-bottom: 1px solid #eef2f6;
  gap: 12px;
}
.wb-task-list article:last-child {
  border-bottom: 0;
}
.wb-task-list article.done {
  opacity: .58;
}
.wb-task-check {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid var(--border-strong);
  border-radius: 50%;
  background: #fff;
  color: var(--success);
  cursor: pointer;
}
.wb-task-check:disabled {
  cursor: default;
}
.wb-task-main {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.wb-task-main strong {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-task-main span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
}
.wb-task-meta {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 7px;
}
.wb-task-meta .priority {
  padding: 3px 7px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #475467;
  font-size: 10px;
  font-weight: 750;
}
.wb-task-meta .priority.high,.wb-task-meta .priority.urgent {
  background: #fef3f2;
  color: #b42318;
}
.wb-task-meta small {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--muted);
}
.wb-full-empty {
  display: grid;
  min-height: 280px;
  place-items: center;
  align-content: center;
  padding: 36px;
  color: var(--muted);
  text-align: center;
}
.wb-full-empty strong {
  margin-top: 12px;
  color: var(--text);
}
.wb-full-empty p {
  margin: 6px 0 0;
}
.wb-modal-backdrop {
  position: fixed;
  z-index: 120;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(15,23,42,.5);
}
.wb-modal {
  width: min(620px,100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(15,23,42,.25);
}
.wb-modal-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}
.wb-modal-heading h3 {
  margin: 0;
  font-size: 20px;
}
.wb-modal-heading p {
  margin: 5px 0 0;
  color: var(--muted);
}
.wb-modal-heading button {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}
.wb-modal label {
  display: block;
  margin-top: 15px;
}
.wb-modal label>span {
  display: block;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 650;
}
.wb-modal input,.wb-modal select,.wb-modal textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border-strong);
  border-radius: 9px;
  background: #fff;
  outline: 0;
}
.wb-modal input:focus,.wb-modal select:focus,.wb-modal textarea:focus {
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}
.wb-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 14px;
}
.wb-modal-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 22px;
  gap: 9px;
}
.wb-modal-actions>button:not(.wb-primary) {
  padding: 0 14px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
}
.wb-audit-heading {
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 12px;
  border-bottom: 1px solid var(--border);
}
.wb-audit-heading>span {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 11px;
  background: #ecfdf3;
  color: #039855;
}
.wb-audit-heading h2 {
  margin: 0;
  font-size: 17px;
}
.wb-audit-heading p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}
.wb-table-scroll {
  overflow: auto;
}
.wb-audit table {
  width: 100%;
  border-collapse: collapse;
}
.wb-audit th,.wb-audit td {
  padding: 12px 14px;
  border-bottom: 1px solid #eef2f6;
  text-align: left;
  white-space: nowrap;
}
.wb-audit th {
  background: #f8fafc;
  color: #667085;
  font-size: 11px;
}
.wb-audit td {
  font-size: 12px;
}
.wb-audit td strong,.wb-audit td small {
  display: block;
}
.wb-audit td small {
  margin-top: 3px;
  color: #98a2b3;
}
.wb-result {
  padding: 3px 7px;
  border-radius: 999px;
  background: #ecfdf3;
  color: #027a48;
  font-size: 10px;
  font-weight: 750;
}
.wb-result.failed,.wb-result.denied {
  background: #fef3f2;
  color: #b42318;
}
@media (max-width:760px) {
  .wb-page-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .wb-page-toolbar>div:last-child {
    justify-content: flex-end;
  }
  .wb-task-list article {
    grid-template-columns: 30px minmax(0,1fr);
  }
  .wb-task-meta {
    grid-column: 2;
    align-items: flex-start;
    flex-direction: row;
  }
  .wb-form-grid {
    grid-template-columns: 1fr;
  }
  .wb-modal-backdrop {
    padding: 12px;
  }
  .wb-modal {
    padding: 19px;
  }
}
.wb-task-toolbar {
  align-items: center;
}
.wb-task-toolbar-actions {
  align-items: center;
}
.wb-task-search {
  display: grid;
  width: 210px;
  height: 38px;
  align-items: center;
  padding: 0 8px 0 11px;
  grid-template-columns: 18px minmax(0, 1fr) 24px;
  gap: 5px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: #fff;
  color: #98a2b3;
}
.wb-task-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--text);
  font-size: 12px;
}
.wb-task-search > button {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
}
.wb-task-search:focus-within {
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .08);
}
.wb-task-list article {
  grid-template-columns: 34px minmax(0, 1fr) auto 68px;
}
.wb-task-title-line {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  margin: 0 !important;
  gap: 8px;
}
.wb-task-title-line strong {
  min-width: 0;
}
.wb-task-title-line .status {
  flex: 0 0 auto;
  padding: 3px 7px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #667085;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}
.wb-task-title-line .status.todo {
  background: #eff6ff;
  color: #175cd3;
}
.wb-task-title-line .status.in_progress {
  background: #fff7ed;
  color: #c2410c;
}
.wb-task-title-line .status.done {
  background: #ecfdf3;
  color: #067647;
}
.wb-task-title-line .status.cancelled {
  background: #f2f4f7;
  color: #667085;
}
.wb-task-row-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.wb-task-row-actions button {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  color: #667085;
  cursor: pointer;
}
.wb-task-row-actions button:hover {
  border-color: #b2ccff;
  background: #eff6ff;
  color: var(--primary);
}
.wb-task-row-actions button.danger:hover {
  border-color: #fda29b;
  background: #fef3f2;
  color: #b42318;
}
.wb-task-linked-record {
  display: flex;
  align-items: center;
  margin-top: 15px;
  padding: 10px 12px;
  gap: 9px;
  border: 1px solid #dbe5f4;
  border-radius: 9px;
  background: #f8fafc;
  color: #667085;
}
.wb-task-linked-record > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  font-size: 10px;
}
.wb-task-linked-record strong {
  margin-top: 3px;
  overflow: hidden;
  color: #344054;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-delete-warning {
  display: flex;
  align-items: flex-start;
  margin-top: 16px;
  padding: 11px 12px;
  gap: 9px;
  border: 1px solid #fda29b;
  border-radius: 9px;
  background: #fff7f6;
  color: #b42318;
}
.wb-delete-warning > span {
  display: flex;
  flex-direction: column;
}
.wb-delete-warning strong {
  font-size: 11px;
}
.wb-delete-warning small {
  margin-top: 3px;
  color: #b54708;
  font-size: 9px;
  line-height: 1.5;
}
.wb-task-modal-actions {
  align-items: center;
  justify-content: space-between;
}
.wb-task-modal-actions > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wb-task-modal-actions button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  gap: 6px;
  border-radius: 9px;
  cursor: pointer;
}
.wb-danger-button {
  border: 1px solid #fecdca;
  background: #fff;
  color: #b42318;
}
.wb-danger-button.armed {
  border-color: #d92d20;
  background: #d92d20;
  color: #fff;
}
.wb-related-button {
  border: 1px solid #d0d5dd;
  background: #fff;
  color: #475467;
}
@media (max-width: 1020px) {
  .wb-task-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .wb-task-toolbar > div {
    width: 100%;
  }
  .wb-task-toolbar-actions {
    justify-content: flex-end;
  }
  .wb-task-search {
    width: min(320px, 100%);
    margin-right: auto;
  }
}
@media (max-width: 760px) {
  .wb-task-toolbar-actions {
    flex-wrap: wrap;
  }
  .wb-task-search {
    width: 100%;
    flex: 1 0 100%;
  }
  .wb-task-list article {
    grid-template-columns: 30px minmax(0, 1fr) 68px;
  }
  .wb-task-meta {
    grid-column: 2;
  }
  .wb-task-row-actions {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
  .wb-task-modal-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }
  .wb-task-modal-actions > div {
    width: 100%;
  }
  .wb-task-modal-actions > div:last-child > button {
    flex: 1;
  }
}
:root {
  --background: #f4f7fb;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --text: #172033;
  --muted: #667085;
  --subtle: #98a2b3;
  --border: #e4e9f1;
  --border-strong: #d5dce7;
  --navy: #101828;
  --navy-soft: #1d2939;
  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --primary-soft: #eff6ff;
  --success: #12b76a;
  --warning: #f79009;
  --danger: #f04438;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-md: 0 8px 24px rgba(16, 24, 40, 0.08);
}
* {
  box-sizing: border-box;
}
html {
  min-width: 320px;
  background: var(--background);
}
body {
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background: var(--background);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 14px;
}
button,
input,
select {
  font: inherit;
}
button {
  color: inherit;
}
button:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.25);
  outline-offset: 2px;
}
.app-shell {
  min-height: 100vh;
}
.topbar {
  position: sticky;
  z-index: 50;
  top: 0;
  width: 100%;
  background: var(--navy);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
}
.topbar-inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  min-height: 64px;
  padding: 0 24px;
  gap: 24px;
}
.brand {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 176px;
  gap: 10px;
  color: white;
}
.brand-mark {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 10px;
  background: linear-gradient(145deg, #3b82f6, #2563eb);
  box-shadow: 0 5px 12px rgba(37, 99, 235, 0.32);
  font-size: 18px;
  font-weight: 800;
}
.brand-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  line-height: 1.2;
}
.brand-copy strong {
  font-size: 15px;
  letter-spacing: 0.01em;
}
.brand-copy small {
  margin-top: 3px;
  color: #98a2b3;
  font-size: 10px;
  white-space: nowrap;
}
.top-navigation {
  display: flex;
  min-width: 0;
  height: 64px;
  align-items: stretch;
  justify-content: center;
  overflow-x: auto;
  scrollbar-width: none;
}
.top-navigation::-webkit-scrollbar,
.side-navigation::-webkit-scrollbar {
  display: none;
}
.top-nav-item {
  position: relative;
  flex: 0 0 auto;
  min-width: 76px;
  padding: 0 14px;
  border: 0;
  background: transparent;
  color: #aeb8c7;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: color 160ms ease, background 160ms ease;
}
.top-nav-item::after {
  position: absolute;
  right: 14px;
  bottom: 0;
  left: 14px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: #60a5fa;
  content: "";
  opacity: 0;
  transform: scaleX(0.5);
  transition: opacity 160ms ease, transform 160ms ease;
}
.top-nav-item:hover {
  background: rgba(255, 255, 255, 0.04);
  color: white;
}
.top-nav-item.active {
  background: rgba(37, 99, 235, 0.12);
  color: white;
  font-weight: 650;
}
.top-nav-item.active::after {
  opacity: 1;
  transform: scaleX(1);
}
.topbar-actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.language-toggle,
.icon-button {
  display: inline-flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.05);
  color: #d0d5dd;
  cursor: pointer;
}
.language-toggle {
  padding: 0 10px;
  gap: 6px;
  font-size: 12px;
  font-weight: 650;
}
.language-toggle:hover,
.icon-button:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.09);
  color: white;
}
.icon-button {
  position: relative;
  width: 36px;
}
.notification-dot {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 6px;
  height: 6px;
  border: 1px solid var(--navy);
  border-radius: 50%;
  background: #f04438;
}
.account {
  display: flex;
  align-items: center;
  margin-left: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  gap: 8px;
  color: white;
  cursor: pointer;
}
.avatar {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  background: #344054;
  font-size: 12px;
  font-weight: 700;
}
.account-copy {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.account-copy strong {
  font-size: 12px;
}
.account-copy small {
  margin-top: 2px;
  color: #98a2b3;
  font-size: 10px;
}
.account-menu {
  position: absolute;
  z-index: 80;
  top: calc(100% + 12px);
  right: 0;
  width: 220px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--shadow-md);
  color: var(--text);
}
.account-menu > div {
  display: flex;
  flex-direction: column;
  padding: 14px 15px;
  border-bottom: 1px solid var(--border);
  gap: 4px;
}
.account-menu > div small {
  overflow: hidden;
  color: var(--muted);
  text-overflow: ellipsis;
}
.account-menu > button {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 11px 15px;
  border: 0;
  border-bottom: 1px solid #f1f3f6;
  background: #fff;
  gap: 9px;
  cursor: pointer;
  text-align: left;
}
.account-menu > button:hover {
  background: var(--surface-soft);
}
.mobile-menu-button {
  display: none;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.06);
  color: white;
  cursor: pointer;
}
.workspace-shell {
  display: grid;
  min-height: calc(100vh - 64px);
  grid-template-columns: 232px minmax(0, 1fr);
}
.sidebar {
  position: sticky;
  z-index: 30;
  top: 64px;
  display: flex;
  min-width: 0;
  height: calc(100vh - 64px);
  flex-direction: column;
  border-right: 1px solid var(--border);
  background: var(--surface);
}
.sidebar-heading {
  display: flex;
  height: 56px;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-bottom: 1px solid var(--border);
  color: #344054;
  font-size: 13px;
  font-weight: 700;
}
.sidebar-heading svg {
  color: var(--primary);
}
.side-navigation {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  padding: 12px;
  gap: 4px;
  overflow-y: auto;
}
.side-nav-item {
  display: grid;
  width: 100%;
  min-height: 42px;
  align-items: center;
  padding: 0 10px;
  grid-template-columns: 20px minmax(0, 1fr) 16px;
  gap: 9px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #475467;
  cursor: pointer;
  text-align: left;
  transition: background 150ms ease, color 150ms ease;
}
.side-nav-item span {
  overflow: hidden;
  font-weight: 550;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.side-nav-arrow {
  opacity: 0;
  transition: opacity 150ms ease, transform 150ms ease;
}
.side-nav-item:hover {
  background: #f2f4f7;
  color: #1d2939;
}
.side-nav-item:hover .side-nav-arrow {
  opacity: 0.55;
}
.side-nav-item.active {
  background: var(--primary-soft);
  color: var(--primary);
  font-weight: 650;
}
.side-nav-item.active .side-nav-arrow {
  opacity: 1;
  transform: translateX(1px);
}
.sidebar-footer {
  display: flex;
  margin: 12px;
  padding: 12px;
  gap: 10px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: #f6f9ff;
  color: var(--primary);
}
.sidebar-footer > svg {
  flex: 0 0 auto;
  margin-top: 1px;
}
.sidebar-footer div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.sidebar-footer strong {
  color: #344054;
  font-size: 11px;
}
.sidebar-footer span {
  margin-top: 3px;
  color: #7c8aa0;
  font-size: 10px;
  line-height: 1.4;
}
.sidebar-backdrop {
  display: none;
}
.main-content {
  min-width: 0;
  padding: 24px 28px 48px;
  overflow-x: hidden;
}
.page-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 22px;
  gap: 24px;
}
.breadcrumb {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 4px;
  color: var(--subtle);
  font-size: 11px;
}
.page-heading h1 {
  margin: 0;
  color: #101828;
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 750;
  letter-spacing: -0.025em;
  line-height: 1.25;
}
.page-heading p {
  margin: 7px 0 0;
  color: var(--muted);
  line-height: 1.6;
}
.connection-status {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 8px 11px;
  gap: 7px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  color: #667085;
  font-size: 11px;
  white-space: nowrap;
}
.status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #98a2b3;
  box-shadow: 0 0 0 3px #f2f4f7;
}
.section-block {
  min-width: 0;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.quick-section {
  margin-top: 0;
}
.section-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 16px;
}
.section-header h2 {
  margin: 0;
  color: #1d2939;
  font-size: 15px;
  font-weight: 700;
}
.section-header p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 11px;
}
.period-chip {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--surface-soft);
  color: #667085;
  font-size: 11px;
  white-space: nowrap;
}
.quick-actions {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(8, minmax(96px, 1fr));
  gap: 10px;
}
.quick-action {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 82px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 11px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #fff;
  color: #344054;
  cursor: pointer;
  text-align: left;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.quick-action:hover {
  border-color: #bfdbfe;
  box-shadow: 0 7px 18px rgba(37, 99, 235, 0.08);
  transform: translateY(-1px);
}
.quick-action > span:nth-child(2) {
  width: 100%;
  overflow: hidden;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quick-action-icon {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border-radius: 8px;
  background: var(--primary-soft);
  color: var(--primary);
}
.quick-action-plus {
  position: absolute;
  top: 13px;
  right: 11px;
  color: #b4bfcd;
}
.metrics-grid {
  display: grid;
  min-width: 0;
  margin-top: 20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.metric-card {
  position: relative;
  min-width: 0;
  min-height: 150px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.metric-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 9px;
}
.metric-icon.blue,
.metric-icon.sky,
.metric-icon.cyan {
  background: #eff6ff;
  color: #2563eb;
}
.metric-icon.indigo,
.metric-icon.violet {
  background: #f5f3ff;
  color: #7c3aed;
}
.metric-icon.emerald,
.metric-icon.green {
  background: #ecfdf3;
  color: #079455;
}
.metric-icon.amber,
.metric-icon.orange {
  background: #fffaeb;
  color: #dc6803;
}
.metric-icon.rose,
.metric-icon.red {
  background: #fef3f2;
  color: #d92d20;
}
.metric-card-title {
  margin-top: 13px;
  overflow: hidden;
  color: #667085;
  font-size: 11px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.metric-value {
  margin-top: 5px;
  color: #101828;
  font-size: 25px;
  font-weight: 750;
  letter-spacing: -0.03em;
  line-height: 1.2;
}
.metric-helper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 9px;
  gap: 8px;
  color: #98a2b3;
  font-size: 10px;
}
.metric-helper > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.metric-empty {
  flex: 0 0 auto;
  color: #b2bac6;
}
.chart-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.chart-card {
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 11px;
  overflow: hidden;
}
.card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 62px;
  padding: 13px 14px 10px;
  gap: 12px;
}
.card-heading h3,
.information-card-heading h3 {
  margin: 0;
  overflow: hidden;
  color: #344054;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-heading p {
  margin: 4px 0 0;
  color: #98a2b3;
  font-size: 10px;
}
.card-heading-icon {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 8px;
  background: var(--surface-soft);
  color: #667085;
}
.chart-empty {
  position: relative;
  display: flex;
  height: 176px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #eef1f5;
  background-color: #fbfcfe;
  background-image: linear-gradient(#edf1f6 1px, transparent 1px),
    linear-gradient(90deg, #edf1f6 1px, transparent 1px);
  background-size: 36px 36px;
  color: #98a2b3;
}
.chart-empty::before {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(251, 252, 254, 0.92) 0 25%, transparent 62%);
  content: "";
}
.chart-empty > * {
  position: relative;
  z-index: 1;
}
.chart-empty strong {
  margin-top: 8px;
  color: #667085;
  font-size: 11px;
}
.chart-empty span {
  margin-top: 4px;
  font-size: 10px;
}
.panel-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.information-card {
  min-width: 0;
  min-height: 154px;
  border: 1px solid var(--border);
  border-radius: 11px;
  overflow: hidden;
}
.information-card-heading {
  display: grid;
  min-width: 0;
  min-height: 48px;
  align-items: center;
  padding: 0 12px;
  grid-template-columns: 28px minmax(0, 1fr) 26px;
  gap: 7px;
  border-bottom: 1px solid #eef1f5;
}
.information-card-heading > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 7px;
  background: var(--primary-soft);
  color: var(--primary);
}
.information-card-heading button {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
}
.information-card-heading button:hover {
  background: var(--surface-soft);
  color: #475467;
}
.list-empty {
  display: flex;
  min-height: 104px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  text-align: center;
}
.empty-circle {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  background: #f2f4f7;
  color: #98a2b3;
}
.list-empty p {
  margin: 9px 0 0;
  color: #98a2b3;
  font-size: 10px;
}
.primary-button,
.secondary-button,
.icon-text-button,
.text-button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}
.primary-button {
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid var(--primary);
  background: var(--primary);
  color: white;
  box-shadow: 0 1px 2px rgba(37, 99, 235, 0.16);
}
.primary-button:hover:not(:disabled) {
  border-color: var(--primary-hover);
  background: var(--primary-hover);
}
.secondary-button,
.icon-text-button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid var(--border-strong);
  background: white;
  color: #475467;
}
.secondary-button:hover:not(:disabled),
.icon-text-button:hover:not(:disabled) {
  border-color: #b8c5d6;
  background: #f8fafc;
  color: #1d2939;
}
.text-button {
  min-height: 32px;
  padding: 0 6px;
  border: 0;
  background: transparent;
  color: var(--primary);
}
.primary-button:disabled,
.secondary-button:disabled,
.icon-text-button:disabled,
button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}
.prospecting-command-card,
.customer-results-card,
.prospecting-list-page,
.dedupe-page,
.customer-detail-page {
  min-width: 0;
}
.prospecting-command-card,
.customer-results-card,
.prospecting-list-page,
.dedupe-hero,
.dedupe-rule-list,
.detail-card,
.customer-activity-panel {
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.prospecting-command-card {
  padding: 22px;
}
.prospecting-command-heading {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.prospecting-command-heading > div:first-child {
  min-width: 0;
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: 9px;
  gap: 6px;
  color: var(--primary);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.prospecting-command-heading h2,
.list-page-heading h2,
.dedupe-hero h2,
.customer-detail-header h2 {
  margin: 0;
  color: #101828;
  font-size: 18px;
  font-weight: 750;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.prospecting-command-heading p,
.list-page-heading p,
.dedupe-hero p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.6;
}
.prospecting-heading-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}
.ai-search-form {
  display: grid;
  min-width: 0;
  margin-top: 20px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}
.ai-search-input {
  display: grid;
  min-width: 0;
  min-height: 48px;
  align-items: center;
  padding: 0 11px 0 15px;
  grid-template-columns: 22px minmax(0, 1fr) 28px;
  gap: 9px;
  border: 1px solid #b9cdfc;
  border-radius: 10px;
  background: #fbfdff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.06);
  color: var(--primary);
}
.ai-search-input:focus-within {
  border-color: #7aa7fb;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
}
.ai-search-input input {
  min-width: 0;
  height: 44px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #1d2939;
  font-size: 12px;
}
.ai-search-input input::placeholder,
.compact-search input::placeholder {
  color: #98a2b3;
}
.clear-search {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
}
.clear-search:hover {
  background: #eef2f7;
  color: #475467;
}
.search-submit {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  gap: 8px;
  border: 1px solid var(--primary);
  border-radius: 10px;
  background: var(--primary);
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.18);
  color: white;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}
.search-submit:hover {
  background: var(--primary-hover);
}
.filter-bar {
  display: grid;
  min-width: 0;
  margin-top: 14px;
  grid-template-columns: repeat(5, minmax(130px, 1fr)) auto;
  gap: 9px;
}
.filter-field {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}
.filter-field > span {
  color: #667085;
  font-size: 9px;
  font-weight: 650;
}
.filter-field select {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0 30px 0 10px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  outline: 0;
  background: white;
  color: #344054;
  cursor: pointer;
  font-size: 10px;
}
.filter-field select:focus {
  border-color: #84adff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}
.more-filter-button {
  display: inline-flex;
  min-height: 36px;
  align-self: end;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  gap: 7px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface-soft);
  color: #475467;
  cursor: pointer;
  font-size: 10px;
  font-weight: 650;
  white-space: nowrap;
}
.more-filter-button:hover {
  border-color: #b8c5d6;
  background: #f2f4f7;
}
.search-preferences {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
  padding-top: 14px;
  gap: 16px;
  border-top: 1px solid #edf0f4;
}
.toggle-control {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  padding: 0;
  gap: 10px;
  border: 0;
  background: transparent;
  color: #344054;
  cursor: pointer;
  text-align: left;
}
.toggle-control > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.toggle-control strong {
  color: #344054;
  font-size: 10px;
  font-weight: 700;
}
.toggle-control small {
  margin-top: 3px;
  color: #98a2b3;
  font-size: 9px;
  line-height: 1.4;
}
.toggle-track {
  position: relative;
  display: block;
  width: 34px;
  height: 19px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #d0d5dd;
  transition: background 160ms ease;
}
.toggle-track > span {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.24);
  transition: transform 160ms ease;
}
.toggle-control.active .toggle-track {
  background: var(--primary);
}
.toggle-control.active .toggle-track > span {
  transform: translateX(15px);
}
.toggle-control.compact {
  flex: 0 0 auto;
}
.toggle-control.compact small {
  display: none;
}
.customer-results-card {
  margin-top: 16px;
  overflow: hidden;
}
.results-toolbar {
  display: flex;
  min-width: 0;
  min-height: 70px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  gap: 16px;
  border-bottom: 1px solid var(--border);
}
.results-toolbar h2 {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 8px;
  color: #1d2939;
  font-size: 13px;
}
.results-toolbar h2 span {
  display: inline-flex;
  min-width: 22px;
  height: 20px;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #667085;
  font-size: 9px;
}
.results-toolbar p {
  margin: 4px 0 0;
  color: #98a2b3;
  font-size: 9px;
}
.results-view-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bulk-toolbar {
  display: flex;
  min-width: 0;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 18px;
  gap: 14px;
  border-bottom: 1px solid var(--border);
  background: #fafbfc;
}
.selection-count {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  color: #667085;
  font-size: 9px;
  font-weight: 650;
}
.empty-checkbox {
  display: inline-block;
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  border: 1px solid #cfd6e0;
  border-radius: 4px;
  background: white;
}
.bulk-toolbar > div {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: none;
}
.bulk-toolbar > div::-webkit-scrollbar {
  display: none;
}
.bulk-toolbar button {
  display: inline-flex;
  min-height: 30px;
  flex: 0 0 auto;
  align-items: center;
  padding: 0 8px;
  gap: 5px;
  border: 1px solid #e0e5ec;
  border-radius: 7px;
  background: white;
  color: #667085;
  font-size: 9px;
}
.customer-table-scroll {
  min-width: 0;
  overflow-x: auto;
}
.customer-table {
  width: 100%;
  min-width: 1700px;
  border-collapse: collapse;
}
.customer-table th {
  height: 42px;
  padding: 0 12px;
  border-bottom: 1px solid #edf0f4;
  color: #667085;
  font-size: 9px;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}
.customer-table th:first-child {
  width: 42px;
  text-align: center;
}
.results-empty {
  position: sticky;
  left: 0;
  display: flex;
  width: 100%;
  min-width: min(100%, 700px);
  min-height: 310px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 36px 20px;
  background: linear-gradient(180deg, #ffffff, #fbfcfe);
  text-align: center;
}
.results-empty-icon {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 14px;
  background: var(--primary-soft);
  color: var(--primary);
}
.results-empty h3 {
  margin: 15px 0 0;
  color: #344054;
  font-size: 13px;
}
.results-empty p {
  max-width: 450px;
  margin: 7px 0 0;
  color: #98a2b3;
  font-size: 10px;
  line-height: 1.7;
}
.results-empty > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 17px;
  gap: 8px;
}
.prospecting-list-page {
  padding: 0;
  overflow: hidden;
}
.list-page-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  gap: 18px;
  border-bottom: 1px solid var(--border);
}
.list-page-heading > div:first-child {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
}
.list-page-icon {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 11px;
  background: var(--primary-soft);
  color: var(--primary);
}
.list-filter-row {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  gap: 10px;
  border-bottom: 1px solid var(--border);
  background: #fafbfc;
}
.compact-search {
  display: grid;
  width: min(420px, 100%);
  min-width: 0;
  height: 36px;
  align-items: center;
  padding: 0 10px;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 7px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: white;
  color: #98a2b3;
}
.compact-search input {
  min-width: 0;
  height: 32px;
  border: 0;
  outline: 0;
  color: #344054;
  font-size: 10px;
}
.list-table-shell {
  min-width: 0;
  overflow-x: auto;
}
.list-table-head {
  display: grid;
  min-width: 1200px;
  min-height: 42px;
  align-items: center;
  padding: 0 14px;
  grid-auto-columns: minmax(120px, 1fr);
  grid-auto-flow: column;
  gap: 10px;
  border-bottom: 1px solid #edf0f4;
  color: #667085;
  font-size: 9px;
  font-weight: 700;
}
.list-page-empty {
  position: sticky;
  left: 0;
  display: flex;
  width: 100%;
  min-height: 390px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 36px 20px;
  text-align: center;
}
.list-page-empty > span {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  border-radius: 14px;
  background: #f2f4f7;
  color: #667085;
}
.list-page-empty h3 {
  margin: 14px 0 0;
  color: #344054;
  font-size: 13px;
}
.list-page-empty p {
  max-width: 440px;
  margin: 7px 0 0;
  color: #98a2b3;
  font-size: 10px;
  line-height: 1.7;
}
.dedupe-page {
  display: grid;
  gap: 14px;
}
.dedupe-hero {
  display: grid;
  min-width: 0;
  align-items: center;
  padding: 20px;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 14px;
}
.dedupe-hero > span:first-child {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 13px;
  background: #ecfdf3;
  color: #079455;
}
.dedupe-rule-list {
  overflow: hidden;
}
.dedupe-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px;
  gap: 18px;
  border-bottom: 1px solid var(--border);
}
.dedupe-section-heading h3 {
  margin: 0;
  color: #344054;
  font-size: 13px;
}
.dedupe-section-heading p {
  margin: 5px 0 0;
  color: #98a2b3;
  font-size: 9px;
}
.dedupe-rule {
  display: grid;
  min-width: 0;
  min-height: 68px;
  align-items: center;
  padding: 12px 18px;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 11px;
  border-bottom: 1px solid #edf0f4;
}
.dedupe-rule:last-child {
  border-bottom: 0;
}
.rule-check {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  background: white;
  color: white;
}
.rule-check.active {
  border-color: var(--primary);
  background: var(--primary);
}
.dedupe-rule strong {
  color: #344054;
  font-size: 10px;
}
.dedupe-rule p {
  margin: 4px 0 0;
  color: #98a2b3;
  font-size: 9px;
  line-height: 1.45;
}
.rule-status {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #667085;
  font-size: 8px;
  font-weight: 700;
}
.rule-status.active {
  background: #ecfdf3;
  color: #067647;
}
.dedupe-summary {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.dedupe-summary > div {
  display: flex;
  min-height: 94px;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: white;
  box-shadow: var(--shadow-sm);
}
.dedupe-summary span {
  color: #667085;
  font-size: 9px;
}
.dedupe-summary strong {
  margin-top: 7px;
  color: #101828;
  font-size: 22px;
}
.drawer-backdrop {
  position: fixed;
  z-index: 70;
  inset: 64px 0 0;
  border: 0;
  background: rgba(16, 24, 40, 0.32);
  cursor: default;
}
.customer-detail-drawer {
  position: fixed;
  z-index: 75;
  top: 64px;
  right: 0;
  bottom: 0;
  display: flex;
  width: min(460px, 92vw);
  flex-direction: column;
  border-left: 1px solid var(--border);
  background: white;
  box-shadow: -12px 0 30px rgba(16, 24, 40, 0.14);
  overflow-y: auto;
}
.drawer-heading {
  display: flex;
  min-height: 74px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  gap: 12px;
  border-bottom: 1px solid var(--border);
}
.drawer-heading > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}
.drawer-company-icon {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 10px;
  background: var(--primary-soft);
  color: var(--primary);
}
.drawer-heading > div > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.drawer-heading span {
  color: #98a2b3;
  font-size: 9px;
}
.drawer-heading strong {
  margin-top: 3px;
  color: #344054;
  font-size: 13px;
}
.drawer-heading > button {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #667085;
  cursor: pointer;
}
.drawer-heading > button:hover {
  background: #f2f4f7;
}
.drawer-actions {
  display: grid;
  padding: 12px 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  border-bottom: 1px solid var(--border);
}
.drawer-actions button,
.detail-primary-actions > button,
.activity-quick-actions button {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0 9px;
  gap: 6px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: white;
  color: #667085;
  font-size: 9px;
  font-weight: 650;
}
.detail-fields {
  display: grid;
  min-width: 0;
  margin: 0;
  padding: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}
.detail-fields > div {
  min-width: 0;
  min-height: 62px;
  padding: 10px 12px;
  border-right: 1px solid #edf0f4;
  border-bottom: 1px solid #edf0f4;
}
.detail-fields > div:nth-child(2n) {
  border-right: 0;
}
.detail-fields dt {
  color: #98a2b3;
  font-size: 8px;
  font-weight: 650;
}
.detail-fields dd {
  margin: 8px 0 0;
  color: #475467;
  font-size: 11px;
  font-weight: 650;
}
.detail-fields.compact {
  padding-top: 8px;
  padding-bottom: 8px;
}
.detail-fields.compact > div {
  min-height: 54px;
}
.drawer-section {
  margin: 0 16px 16px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.drawer-section h3 {
  margin: 0;
  color: #344054;
  font-size: 11px;
}
.drawer-empty-analysis {
  display: flex;
  align-items: flex-start;
  margin-top: 11px;
  padding: 12px;
  gap: 9px;
  border-radius: 8px;
  background: #f7f9ff;
  color: var(--primary);
}
.drawer-empty-analysis svg {
  flex: 0 0 auto;
}
.drawer-empty-analysis p {
  margin: 0;
  color: #667085;
  font-size: 9px;
  line-height: 1.6;
}
.open-full-detail {
  display: inline-flex;
  min-height: 42px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  margin: auto 16px 16px;
  padding: 0 14px;
  gap: 7px;
  border: 1px solid var(--primary);
  border-radius: 9px;
  background: var(--primary);
  color: white;
  cursor: pointer;
  font-size: 10px;
  font-weight: 700;
}
.customer-detail-page {
  display: grid;
  gap: 14px;
}
.customer-detail-header {
  display: flex;
  min-width: 0;
  align-items: flex-end;
  justify-content: space-between;
  padding: 18px;
  gap: 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: white;
  box-shadow: var(--shadow-sm);
}
.back-button {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0;
  gap: 4px;
  border: 0;
  background: transparent;
  color: var(--primary);
  cursor: pointer;
  font-size: 9px;
}
.back-button svg {
  transform: rotate(180deg);
}
.customer-identity {
  display: flex;
  min-width: 0;
  align-items: center;
  margin-top: 9px;
  gap: 12px;
}
.customer-identity > span {
  display: grid;
  width: 50px;
  height: 50px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 13px;
  background: var(--primary-soft);
  color: var(--primary);
}
.customer-identity small {
  color: #98a2b3;
  font-size: 8px;
}
.customer-identity h2 {
  margin-top: 2px;
}
.customer-identity p {
  margin: 4px 0 0;
  color: #98a2b3;
  font-size: 9px;
}
.detail-primary-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
}
.customer-detail-layout {
  display: grid;
  min-width: 0;
  align-items: start;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 14px;
}
.customer-detail-main {
  display: grid;
  min-width: 0;
  gap: 14px;
}
.detail-card {
  min-width: 0;
  overflow: hidden;
}
.detail-card-heading {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  gap: 12px;
  border-bottom: 1px solid var(--border);
}
.detail-card-heading h3 {
  margin: 0;
  color: #344054;
  font-size: 12px;
}
.detail-card-heading span,
.detail-card-heading svg {
  color: #98a2b3;
  font-size: 9px;
}
.detail-large-empty {
  display: flex;
  min-height: 190px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: #fbfcfe;
  color: var(--primary);
  text-align: center;
}
.detail-large-empty strong {
  margin-top: 10px;
  color: #475467;
  font-size: 11px;
}
.detail-large-empty p {
  max-width: 490px;
  margin: 7px 0 0;
  color: #98a2b3;
  font-size: 9px;
  line-height: 1.7;
}
.customer-activity-panel {
  position: sticky;
  top: 88px;
  min-width: 0;
  overflow: hidden;
}
.activity-panel-tabs {
  display: grid;
  min-height: 47px;
  align-items: stretch;
  padding: 0 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid var(--border);
}
.activity-panel-tabs button {
  position: relative;
  border: 0;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
  font-size: 9px;
  font-weight: 650;
}
.activity-panel-tabs button.active {
  color: var(--primary);
}
.activity-panel-tabs button.active::after {
  position: absolute;
  right: 9px;
  bottom: 0;
  left: 9px;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--primary);
  content: "";
}
.activity-quick-actions {
  display: grid;
  padding: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  border-bottom: 1px solid var(--border);
}
.activity-empty {
  display: flex;
  min-height: 320px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  color: #98a2b3;
  text-align: center;
}
.activity-empty strong {
  margin-top: 10px;
  color: #667085;
  font-size: 10px;
}
.activity-empty p {
  margin: 6px 0 0;
  color: #98a2b3;
  font-size: 9px;
  line-height: 1.6;
}
.reserved-page {
  display: flex;
  min-height: 520px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  text-align: center;
}
.reserved-icon {
  display: grid;
  width: 64px;
  height: 64px;
  place-items: center;
  border-radius: 17px;
  background: var(--primary-soft);
  color: var(--primary);
}
.reserved-page h2 {
  margin: 18px 0 0;
  font-size: 20px;
}
.reserved-page > p {
  max-width: 440px;
  margin: 9px 0 0;
  color: var(--muted);
  line-height: 1.7;
}
.task-types {
  width: min(620px, 100%);
  margin-top: 28px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-soft);
}
.task-types > span {
  display: block;
  margin-bottom: 12px;
  color: #667085;
  font-size: 11px;
  font-weight: 650;
}
.task-types > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.task-chip {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 10px;
  border: 1px solid #dbe4f0;
  border-radius: 999px;
  background: white;
  color: #475467;
  font-size: 10px;
}
.toast {
  position: fixed;
  z-index: 100;
  right: 24px;
  bottom: 24px;
  display: grid;
  max-width: min(420px, calc(100vw - 32px));
  min-height: 48px;
  align-items: center;
  padding: 10px 10px 10px 13px;
  grid-template-columns: 20px minmax(0, 1fr) 28px;
  gap: 9px;
  border: 1px solid #c7d7fe;
  border-radius: 11px;
  background: #fff;
  box-shadow: var(--shadow-md);
  color: #344054;
  font-size: 11px;
}
.toast.error {
  border-color: #fecdca;
  background: #fff7f6;
  color: #b42318;
}
.password-modal {
  width: min(480px, 100%);
}
.password-feedback {
  display: grid;
  align-items: flex-start;
  margin: -3px 0 5px;
  padding: 12px 13px;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid #abefc6;
  border-radius: 11px;
  background: #ecfdf3;
  color: #067647;
}
.password-feedback.error {
  border-color: #fecdca;
  background: #fff4f2;
  color: #b42318;
}
.password-feedback svg {
  margin-top: 1px;
}
.password-feedback > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}
.password-feedback strong {
  font-size: 12px;
}
.password-feedback span {
  font-size: 11px;
  line-height: 1.55;
}
.password-hint {
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 12px;
}
.toast > svg {
  color: var(--success);
}
.toast span {
  line-height: 1.5;
}
.toast button {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
}
.toast button:hover {
  background: #f2f4f7;
  color: #475467;
}
@media (max-width: 1380px) {
  .topbar-inner {
    padding: 0 16px;
    gap: 14px;
  }
  .brand {
    min-width: 150px;
  }
  .top-nav-item {
    min-width: 68px;
    padding: 0 10px;
    font-size: 12px;
  }
  .quick-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .filter-bar {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
  }
  .more-filter-button {
    min-height: 36px;
  }
}
@media (max-width: 1120px) {
  .account-copy,
  .brand-copy small {
    display: none;
  }
  .brand {
    min-width: auto;
  }
  .workspace-shell {
    grid-template-columns: 208px minmax(0, 1fr);
  }
  .metrics-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .main-content {
    padding-right: 20px;
    padding-left: 20px;
  }
  .prospecting-command-heading {
    flex-direction: column;
    gap: 15px;
  }
  .prospecting-heading-actions {
    width: 100%;
    flex-wrap: wrap;
  }
  .customer-detail-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .customer-activity-panel {
    position: static;
  }
  .activity-empty {
    min-height: 220px;
  }
}
@media (max-width: 900px) {
  .topbar-inner {
    display: flex;
    min-height: 60px;
    flex-wrap: wrap;
    padding: 10px 14px 0;
    gap: 8px;
  }
  .brand {
    margin-right: auto;
  }
  .mobile-menu-button {
    display: inline-flex;
  }
  .topbar-actions {
    gap: 5px;
  }
  .top-navigation {
    width: calc(100% + 28px);
    height: 44px;
    order: 4;
    justify-content: flex-start;
    margin: 0 -14px;
    padding: 0 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
  .top-nav-item {
    min-width: auto;
    padding: 0 12px;
  }
  .top-nav-item::after {
    right: 10px;
    left: 10px;
  }
  .workspace-shell {
    display: block;
    min-height: calc(100vh - 104px);
  }
  .sidebar {
    position: fixed;
    z-index: 60;
    top: 0;
    bottom: 0;
    left: 0;
    width: min(280px, 84vw);
    height: 100vh;
    box-shadow: var(--shadow-md);
    transform: translateX(-105%);
    transition: transform 190ms ease;
  }
  .sidebar.open {
    transform: translateX(0);
  }
  .sidebar-backdrop {
    position: fixed;
    z-index: 55;
    inset: 0;
    display: block;
    border: 0;
    background: rgba(16, 24, 40, 0.42);
  }
  .main-content {
    padding: 20px 16px 40px;
  }
  .drawer-backdrop {
    inset: 100px 0 0;
  }
  .customer-detail-drawer {
    top: 100px;
  }
  .customer-detail-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .detail-primary-actions {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (max-width: 720px) {
  .language-toggle {
    width: 36px;
    padding: 0;
  }
  .language-toggle span,
  .account {
    display: none;
  }
  .page-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  .connection-status {
    align-self: flex-start;
  }
  .quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .chart-grid,
  .panel-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .prospecting-command-card {
    padding: 16px;
  }
  .prospecting-heading-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .prospecting-heading-actions .primary-button {
    grid-column: 1 / -1;
  }
  .ai-search-form {
    grid-template-columns: minmax(0, 1fr);
  }
  .filter-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .search-preferences {
    align-items: flex-start;
  }
  .results-toolbar,
  .bulk-toolbar,
  .list-page-heading,
  .list-filter-row,
  .dedupe-section-heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .results-view-actions,
  .bulk-toolbar > div {
    width: 100%;
    justify-content: flex-start;
  }
  .results-view-actions {
    flex-wrap: wrap;
  }
  .bulk-toolbar {
    padding: 12px 14px;
  }
  .list-page-heading > .primary-button,
  .list-filter-row .compact-search {
    width: 100%;
  }
  .dedupe-hero {
    align-items: start;
    grid-template-columns: 42px minmax(0, 1fr);
  }
  .dedupe-hero > span:first-child {
    width: 42px;
    height: 42px;
  }
  .dedupe-hero .toggle-control {
    grid-column: 1 / -1;
  }
  .dedupe-summary {
    grid-template-columns: minmax(0, 1fr);
  }
  .customer-detail-drawer {
    width: min(440px, 100%);
  }
  .detail-primary-actions > button {
    flex: 1 1 120px;
  }
}
@media (max-width: 460px) {
  .brand-mark {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    font-size: 16px;
  }
  .brand-copy strong {
    font-size: 13px;
  }
  .main-content {
    padding: 18px 12px 32px;
  }
  .section-block {
    padding: 15px;
  }
  .metrics-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .metric-card {
    min-height: 142px;
  }
  .toast {
    right: 16px;
    bottom: 16px;
    left: 16px;
    max-width: none;
  }
  .prospecting-command-heading h2,
  .list-page-heading h2,
  .dedupe-hero h2,
  .customer-detail-header h2 {
    font-size: 16px;
  }
  .prospecting-heading-actions,
  .filter-bar {
    grid-template-columns: minmax(0, 1fr);
  }
  .search-preferences {
    flex-direction: column;
  }
  .search-submit {
    width: 100%;
  }
  .results-toolbar,
  .list-page-heading,
  .dedupe-section-heading,
  .customer-detail-header {
    padding-right: 14px;
    padding-left: 14px;
  }
  .results-view-actions,
  .results-view-actions .icon-text-button {
    width: 100%;
  }
  .drawer-actions,
  .activity-quick-actions {
    grid-template-columns: minmax(0, 1fr);
  }
  .detail-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .detail-fields > div,
  .detail-fields > div:nth-child(2n) {
    border-right: 0;
  }
  .customer-identity {
    align-items: flex-start;
  }
}
.live-data-badge {
  display: inline-flex;
  min-height: 28px;
  flex: 0 0 auto;
  align-items: center;
  padding: 0 10px;
  gap: 7px;
  border: 1px solid #abefc6;
  border-radius: 999px;
  background: #ecfdf3;
  color: #067647;
  font-size: 9px;
  font-weight: 700;
  white-space: nowrap;
}
.live-data-badge > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #12b76a;
  box-shadow: 0 0 0 3px rgba(18, 183, 106, 0.12);
}
.row-checkbox {
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: var(--primary);
  cursor: pointer;
}
.bulk-toolbar .bulk-primary {
  border-color: #b2ccff;
  background: var(--primary-soft);
  color: var(--primary);
  font-weight: 700;
}
.bulk-toolbar .bulk-primary:hover:not(:disabled) {
  border-color: #84adff;
  background: #dbeafe;
}
.live-customer-table {
  min-width: 1770px;
}
.live-lead-table {
  min-width: 1380px;
}
.customer-table td {
  height: 62px;
  max-width: 220px;
  padding: 8px 12px;
  border-bottom: 1px solid #edf0f4;
  color: #475467;
  font-size: 9px;
  line-height: 1.45;
  vertical-align: middle;
  white-space: nowrap;
}
.customer-table tbody tr {
  background: white;
  transition: background 140ms ease;
}
.customer-table tbody tr:hover {
  background: #f8fbff;
}
.customer-table tbody tr:last-child td {
  border-bottom: 0;
}
.customer-table td:first-child {
  text-align: center;
}
.company-link {
  display: grid;
  min-width: 200px;
  align-items: center;
  padding: 0;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.company-link > span:first-child,
.lead-company > span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 8px;
  background: var(--primary-soft);
  color: var(--primary);
  font-size: 11px;
  font-weight: 750;
}
.company-link > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.company-link strong,
.lead-company strong {
  overflow: hidden;
  color: #1d2939;
  font-size: 10px;
  font-weight: 700;
  text-overflow: ellipsis;
}
.company-link small {
  margin-top: 3px;
  color: #98a2b3;
  font-size: 8px;
}
.company-link:hover strong {
  color: var(--primary);
}
.table-link {
  display: inline-flex;
  max-width: 150px;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  color: var(--primary);
  text-decoration: none;
  text-overflow: ellipsis;
}
.table-link:hover {
  text-decoration: underline;
}
.email-cell {
  max-width: 190px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.email-status,
.lead-status {
  display: inline-flex;
  min-height: 23px;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #667085;
  font-size: 8px;
  font-weight: 700;
}
.email-status.verified,
.lead-status.verified,
.lead-status.qualified,
.lead-status.converted {
  background: #ecfdf3;
  color: #067647;
}
.email-status.pending,
.lead-status.new {
  background: #fffaeb;
  color: #b54708;
}
.email-status.invalid,
.lead-status.disqualified {
  background: #fef3f2;
  color: #b42318;
}
.email-status.not_found,
.lead-status.contacted {
  background: #f2f4f7;
  color: #475467;
}
.fit-score {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid #b2ccff;
  border-radius: 50%;
  background: var(--primary-soft);
  color: var(--primary);
  font-size: 9px;
  font-weight: 800;
}
.fit-score.large {
  width: 44px;
  height: 44px;
  font-size: 13px;
}
.row-action {
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #b2ccff;
  border-radius: 7px;
  background: var(--primary-soft);
  color: var(--primary);
  cursor: pointer;
  font-size: 8px;
  font-weight: 700;
}
.row-action:hover:not(:disabled) {
  border-color: #84adff;
  background: #dbeafe;
}
.row-action-group {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.row-action.favorite {
  border-color: #f5c451;
  background: #fff9e8;
  color: #a15c00;
}
.row-action.favorite:hover:not(:disabled) {
  border-color: #e6a817;
  background: #fff3c4;
}
.row-action.favorite.active {
  border-color: #d9e1ea;
  background: #f2f4f7;
  color: #667085;
}
.row-action.remove {
  border-color: #fecdca;
  background: #fff7f6;
  color: #b42318;
}
.row-action.remove:hover:not(:disabled) {
  border-color: #fda29b;
  background: #fee4e2;
}
.drawer-action-stack {
  display: grid;
  margin-top: auto;
  padding: 0 16px 16px;
  gap: 8px;
}
.drawer-action-stack .open-full-detail {
  width: 100%;
  margin: 0;
}
.drawer-favorite-button {
  display: inline-flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  gap: 7px;
  border: 1px solid #f2bd42;
  border-radius: 9px;
  background: #fff9e8;
  color: #9a5b05;
  cursor: pointer;
  font-size: 10px;
  font-weight: 700;
}
.drawer-favorite-button:hover:not(:disabled) {
  border-color: #dfa10d;
  background: #fff3c4;
}
.favorite-list-page {
  display: grid;
  min-width: 0;
  gap: 16px;
}
.favorite-list-heading {
  overflow: visible;
}
.favorite-list-heading .list-page-heading {
  border-bottom: 0;
}
.favorite-filter-card {
  padding: 18px 20px 14px;
}
.favorite-filter-card .ai-search-form {
  margin-top: 0;
}
.favorite-filter-footer {
  display: flex;
  min-height: 34px;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 10px;
  gap: 12px;
  border-top: 1px solid #edf0f4;
  color: #667085;
  font-size: 9px;
}
.favorite-remove-button {
  border-color: #fecdca !important;
  background: #fff7f6 !important;
  color: #b42318 !important;
}
.favorite-remove-button:hover:not(:disabled) {
  border-color: #fda29b !important;
  background: #fee4e2 !important;
}
.favorite-customer-table {
  min-width: 1450px;
}
.favorite-company {
  display: grid;
  min-width: 190px;
  align-items: center;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
}
.favorite-company > span:first-child {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 8px;
  background: #fff4d6;
  color: #a15c00;
  font-size: 11px;
  font-weight: 750;
}
.favorite-company > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.favorite-company strong {
  overflow: hidden;
  color: #1d2939;
  font-size: 10px;
  text-overflow: ellipsis;
}
.favorite-company small {
  margin-top: 3px;
  color: #98a2b3;
  font-size: 8px;
}
.favorite-empty-state svg {
  color: #d89a0d;
}
.table-state {
  position: sticky;
  left: 0;
  display: flex;
  width: 100%;
  min-height: 250px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  gap: 8px;
  background: linear-gradient(180deg, #fff, #fbfcfe);
  color: #98a2b3;
  text-align: center;
}
.table-state strong {
  color: #475467;
  font-size: 11px;
}
.table-state span {
  max-width: 460px;
  font-size: 9px;
  line-height: 1.6;
}
.table-state.error {
  color: var(--danger);
}
.table-pagination {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 18px;
  gap: 14px;
  border-top: 1px solid var(--border);
  background: #fafbfc;
  color: #667085;
  font-size: 9px;
}
.table-pagination > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.table-pagination button {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 9px;
  gap: 4px;
  border: 1px solid var(--border-strong);
  border-radius: 7px;
  background: white;
  color: #475467;
  cursor: pointer;
  font-size: 9px;
}
.table-pagination strong {
  min-width: 48px;
  color: #344054;
  text-align: center;
}
.drawer-live-summary {
  display: flex;
  align-items: center;
  margin: 16px 18px 0;
  padding: 13px;
  gap: 11px;
  border: 1px solid #d1e0ff;
  border-radius: 10px;
  background: #f5f8ff;
}
.drawer-live-summary > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.drawer-live-summary strong {
  color: #344054;
  font-size: 10px;
}
.drawer-live-summary span:not(.fit-score) {
  margin-top: 3px;
  color: #667085;
  font-size: 8px;
  line-height: 1.45;
}
.live-detail-fields {
  margin-top: 14px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.live-detail-fields dd {
  overflow: hidden;
  text-overflow: ellipsis;
}
.lead-list-card {
  margin-top: 0;
}
.lead-list-heading {
  display: flex;
  min-width: 0;
  min-height: 82px;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  gap: 16px;
  border-bottom: 1px solid var(--border);
}
.lead-list-heading > div:first-child {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
}
.lead-list-heading h2 {
  margin: 0;
  color: #1d2939;
  font-size: 15px;
}
.lead-list-heading p {
  margin: 5px 0 0;
  color: #98a2b3;
  font-size: 9px;
}
.lead-heading-actions,
.lead-filter-controls {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}
.lead-heading-actions {
  flex: 0 0 auto;
}
.lead-filter-controls {
  width: min(650px, 100%);
}
.lead-filter-controls .compact-search {
  flex: 1;
}
.compact-select {
  min-width: 150px;
  height: 36px;
  padding: 0 30px 0 10px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  outline: 0;
  background: white;
  color: #344054;
  font-size: 10px;
}
.lead-company {
  display: flex;
  min-width: 180px;
  align-items: center;
  gap: 9px;
}
.danger-outline-button,
.danger-button,
.table-delete-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 9px;
  font-weight: 700;
  white-space: nowrap;
}
.danger-outline-button {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid #fecdca;
  background: #fff;
  color: #b42318;
}
.danger-outline-button:hover:not(:disabled),
.table-delete-button:hover:not(:disabled) {
  border-color: #fda29b;
  background: #fef3f2;
}
.table-delete-button {
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid #fecdca;
  background: white;
  color: #b42318;
}
.danger-button {
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid #d92d20;
  background: #d92d20;
  color: white;
}
.danger-button:hover:not(:disabled) {
  border-color: #b42318;
  background: #b42318;
}
.modal-backdrop {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  overflow-y: auto;
  background: rgba(16, 24, 40, 0.52);
  backdrop-filter: blur(2px);
}
.lead-modal,
.confirm-modal {
  width: min(680px, 100%);
  border: 1px solid var(--border);
  border-radius: 14px;
  background: white;
  box-shadow: 0 24px 60px rgba(16, 24, 40, 0.2);
}
.lead-modal {
  max-height: calc(100vh - 48px);
  overflow-y: auto;
}
.lead-modal-heading {
  display: flex;
  min-height: 74px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  gap: 14px;
  border-bottom: 1px solid var(--border);
}
.lead-modal-heading > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}
.lead-modal-heading > div > span {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 10px;
  background: var(--primary-soft);
  color: var(--primary);
}
.lead-modal-heading h2,
.confirm-modal h2 {
  margin: 0;
  color: #1d2939;
  font-size: 15px;
}
.lead-modal-heading p,
.confirm-modal p {
  margin: 4px 0 0;
  color: #667085;
  font-size: 9px;
  line-height: 1.55;
}
.lead-modal-heading > button {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
}
.lead-modal-heading > button:hover {
  background: #f2f4f7;
  color: #475467;
}
.lead-form-grid {
  display: grid;
  padding: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}
.lead-form-grid label {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 6px;
}
.lead-form-grid label.full-width {
  grid-column: 1 / -1;
}
.lead-form-grid label > span {
  color: #475467;
  font-size: 9px;
  font-weight: 650;
}
.lead-form-grid input,
.lead-form-grid select {
  width: 100%;
  min-width: 0;
  height: 38px;
  padding: 0 10px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  outline: 0;
  background: white;
  color: #344054;
  font-size: 10px;
}
.lead-form-grid input:focus,
.lead-form-grid select:focus {
  border-color: #84adff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.09);
}
.form-error {
  display: flex;
  align-items: center;
  margin: 0 18px;
  padding: 10px 12px;
  gap: 8px;
  border: 1px solid #fecdca;
  border-radius: 8px;
  background: #fef3f2;
  color: #b42318;
  font-size: 9px;
}
.lead-modal-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 13px 18px;
  gap: 8px;
  border-top: 1px solid var(--border);
  background: #fafbfc;
}
.confirm-modal {
  max-width: 420px;
  padding: 24px;
  text-align: center;
}
.confirm-icon {
  display: grid;
  width: 46px;
  height: 46px;
  margin: 0 auto 13px;
  place-items: center;
  border-radius: 50%;
  background: #fef3f2;
  color: #d92d20;
}
.confirm-modal p {
  margin-top: 8px;
}
.confirm-modal > div {
  display: flex;
  justify-content: center;
  margin-top: 19px;
  gap: 8px;
}
.import-heading-actions,
.result-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.import-history-shell {
  min-height: 390px;
}
.import-history-head,
.import-history-row {
  display: grid;
  min-width: 1240px;
  grid-template-columns: minmax(220px, 1.7fr) 135px 145px 72px 72px 92px 62px 110px 66px;
  align-items: center;
  gap: 12px;
}
.import-history-head {
  min-height: 42px;
  padding: 0 16px;
  border-bottom: 1px solid #edf0f4;
  background: #fafbfc;
  color: #667085;
  font-size: 9px;
  font-weight: 700;
}
.import-history-rows {
  min-width: 1240px;
}
.import-history-row {
  width: 100%;
  min-height: 66px;
  padding: 9px 16px;
  border: 0;
  border-bottom: 1px solid #edf0f4;
  background: white;
  color: #475467;
  text-align: left;
  font-size: 9px;
  cursor: pointer;
}
.import-history-row:hover {
  background: #f8faff;
}
.import-history-row > span {
  min-width: 0;
}
.import-history-row small {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: #98a2b3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.import-file-cell {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}
.import-file-cell > span:first-child {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  background: #ecfdf3;
  color: #079455;
}
.import-file-cell > span:last-child {
  min-width: 0;
}
.import-file-cell strong {
  display: block;
  overflow: hidden;
  color: #344054;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.import-status,
.analysis-preview i,
.import-detail-row i {
  display: inline-flex;
  width: fit-content;
  min-height: 22px;
  align-items: center;
  padding: 0 7px;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  font-weight: 750;
}
.status-completed,
.row-result-imported,
.analysis-valid {
  background: #ecfdf3;
  color: #067647;
}
.status-partial_failed,
.row-result-updated,
.row-result-skipped,
.analysis-duplicate {
  background: #fffaeb;
  color: #b54708;
}
.status-failed,
.row-result-failed,
.analysis-invalid {
  background: #fef3f2;
  color: #b42318;
}
.status-importing,
.status-ready {
  background: #eff4ff;
  color: #3538cd;
}
.status-cancelled {
  background: #f2f4f7;
  color: #475467;
}
.view-import-detail {
  display: inline-flex;
  align-items: center;
  color: var(--primary);
  font-weight: 700;
}
.import-loading {
  display: flex;
  min-height: 120px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #667085;
  font-size: 10px;
}
.import-modal-backdrop {
  padding: 18px;
}
.import-wizard,
.import-detail-modal {
  width: min(1040px, 100%);
}
.import-wizard .lead-modal-heading > div,
.import-detail-modal .lead-modal-heading > div {
  display: block;
}
.import-stepper {
  display: grid;
  padding: 15px 24px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--border);
  background: #fafbfc;
}
.import-stepper > div {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  color: #98a2b3;
  font-size: 9px;
}
.import-stepper > div > span {
  z-index: 1;
  display: grid;
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #d0d5dd;
  border-radius: 50%;
  background: white;
  font-weight: 800;
}
.import-stepper > div > i {
  position: absolute;
  top: 12px;
  right: 14px;
  left: 111px;
  height: 1px;
  background: #e4e7ec;
}
.import-stepper > div.active {
  color: #344054;
}
.import-stepper > div.active > span {
  border-color: var(--primary);
  background: var(--primary);
  color: white;
}
.import-wizard-body {
  min-height: 430px;
  padding: 20px;
}
.import-upload-step,
.mapping-step,
.review-import-step {
  display: grid;
  gap: 14px;
}
.import-dropzone {
  display: flex;
  min-height: 280px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 30px;
  gap: 8px;
  border: 1px dashed #84adff;
  border-radius: 12px;
  background: #f8faff;
  color: #344054;
  cursor: pointer;
}
.import-dropzone:hover {
  border-color: var(--primary);
  background: #eff4ff;
}
.import-dropzone > span {
  display: grid;
  width: 56px;
  height: 56px;
  margin-bottom: 5px;
  place-items: center;
  border-radius: 14px;
  background: white;
  color: var(--primary);
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.1);
}
.import-dropzone strong {
  font-size: 12px;
}
.import-dropzone small,
.parsed-file-summary small,
.review-config-grid small,
.import-result-step p {
  color: #667085;
  font-size: 9px;
}
.parsed-file-summary {
  display: flex;
  align-items: center;
  padding: 13px;
  gap: 10px;
  border: 1px solid #abefc6;
  border-radius: 10px;
  background: #f6fef9;
  color: #067647;
}
.parsed-file-summary > div {
  min-width: 0;
  flex: 1;
}
.parsed-file-summary strong,
.parsed-file-summary small {
  display: block;
}
.parsed-file-summary label {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #475467;
  font-size: 9px;
}
.parsed-file-summary select,
.mapping-toolbar select,
.mapping-toolbar input,
.field-mapping-grid select,
.import-batch-settings input,
.import-batch-settings select {
  min-width: 0;
  height: 36px;
  padding: 0 9px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  outline: 0;
  background: white;
  color: #344054;
  font-size: 9px;
}
.mapping-toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
.mapping-toolbar > label {
  display: grid;
  width: min(280px, 100%);
  gap: 5px;
  color: #475467;
  font-size: 9px;
  font-weight: 650;
}
.save-template-control {
  display: flex;
  align-items: center;
  gap: 6px;
}
.save-template-control button {
  height: 36px;
  padding: 0 10px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: white;
  color: #344054;
  font-size: 9px;
  font-weight: 700;
  cursor: pointer;
}
.field-mapping-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.field-mapping-grid label {
  display: grid;
  min-width: 0;
  gap: 5px;
}
.field-mapping-grid label > span {
  color: #475467;
  font-size: 9px;
  font-weight: 650;
}
.field-mapping-grid b {
  margin-left: 2px;
  color: #d92d20;
}
.mapping-preview,
.analysis-preview {
  display: grid;
  gap: 9px;
}
.mapping-preview > strong,
.analysis-preview > strong {
  color: #344054;
  font-size: 10px;
}
.mapping-preview > div {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 9px;
}
.mapping-preview table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}
.mapping-preview th,
.mapping-preview td {
  max-width: 180px;
  padding: 8px 10px;
  overflow: hidden;
  border-bottom: 1px solid #edf0f4;
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
}
.mapping-preview th {
  background: #fafbfc;
  font-weight: 750;
}
.import-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.import-summary-grid article {
  display: grid;
  padding: 14px;
  gap: 4px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #fafbfc;
}
.import-summary-grid article strong {
  color: #1d2939;
  font-size: 18px;
}
.import-summary-grid article span {
  color: #667085;
  font-size: 9px;
}
.review-config-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  gap: 14px;
}
.review-config-grid fieldset {
  display: grid;
  margin: 0;
  padding: 13px;
  gap: 8px;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.review-config-grid legend {
  padding: 0 5px;
  color: #344054;
  font-size: 9px;
  font-weight: 750;
}
.review-config-grid fieldset label {
  display: flex;
  align-items: flex-start;
  padding: 9px;
  gap: 8px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  cursor: pointer;
}
.review-config-grid fieldset label.selected {
  border-color: #84adff;
  background: #f8faff;
}
.review-config-grid fieldset input {
  margin-top: 2px;
}
.review-config-grid fieldset label span,
.import-batch-settings label {
  display: grid;
  gap: 5px;
}
.review-config-grid fieldset strong {
  color: #344054;
  font-size: 9px;
}
.import-batch-settings {
  display: grid;
  align-content: start;
  padding: 13px;
  gap: 13px;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.import-batch-settings label > span {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #344054;
  font-size: 9px;
  font-weight: 750;
}
.analysis-preview {
  max-height: 220px;
  overflow-y: auto;
  border: 1px solid var(--border);
  border-radius: 9px;
}
.analysis-preview > strong {
  position: sticky;
  z-index: 1;
  top: 0;
  padding: 9px 11px;
  background: #fafbfc;
  border-bottom: 1px solid var(--border);
}
.analysis-preview > div {
  display: grid;
  min-height: 38px;
  align-items: center;
  padding: 5px 10px;
  grid-template-columns: 45px minmax(140px, 1fr) minmax(150px, 1fr) minmax(130px, auto);
  gap: 9px;
  border-bottom: 1px solid #edf0f4;
  color: #667085;
  font-size: 8px;
}
.analysis-preview > div strong,
.analysis-preview > div small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.analysis-preview > div strong {
  color: #344054;
}
.import-wizard-actions {
  position: sticky;
  bottom: 0;
}
.import-result-step {
  display: flex;
  min-height: 390px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.result-success-icon {
  display: grid;
  width: 64px;
  height: 64px;
  place-items: center;
  border-radius: 50%;
  background: #ecfdf3;
  color: #079455;
}
.import-result-step h3 {
  margin: 14px 0 0;
  color: #1d2939;
  font-size: 16px;
}
.import-result-step p {
  margin: 7px 0 18px;
}
.import-result-step .import-summary-grid {
  width: min(680px, 100%);
}
.result-actions {
  margin-top: 18px;
}
.result-actions a,
.import-detail-modal a {
  text-decoration: none;
}
.import-detail-body {
  display: grid;
  padding: 18px;
  gap: 14px;
}
.import-detail-body .import-summary-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.import-detail-meta {
  display: grid;
  padding: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: #fafbfc;
}
.import-detail-meta span {
  display: grid;
  gap: 4px;
  color: #667085;
  font-size: 8px;
}
.import-detail-meta strong {
  overflow: hidden;
  color: #344054;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
}
.import-detail-rows {
  max-height: 300px;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 9px;
}
.import-detail-row {
  display: grid;
  min-width: 800px;
  min-height: 38px;
  align-items: center;
  padding: 6px 10px;
  grid-template-columns: 55px minmax(150px, 1fr) minmax(180px, 1fr) 90px minmax(180px, 1fr);
  gap: 9px;
  border-bottom: 1px solid #edf0f4;
  color: #667085;
  font-size: 8px;
}
.import-detail-row.head {
  position: sticky;
  z-index: 1;
  top: 0;
  background: #fafbfc;
  color: #475467;
  font-weight: 750;
}
.spin {
  animation: spin 0.9s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 720px) {
  .live-data-badge {
    align-self: flex-start;
  }
  .lead-list-heading,
  .table-pagination {
    align-items: flex-start;
    flex-direction: column;
  }
  .table-pagination > div {
    width: 100%;
    justify-content: space-between;
  }
  .favorite-filter-footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .compact-select {
    width: 100%;
  }
  .lead-heading-actions,
  .lead-filter-controls {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }
  .lead-heading-actions .primary-button,
  .danger-outline-button {
    width: 100%;
  }
  .lead-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .lead-form-grid label.full-width {
    grid-column: auto;
  }
  .modal-backdrop {
    align-items: start;
    padding: 12px;
  }
  .import-heading-actions,
  .mapping-toolbar,
  .result-actions {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }
  .import-heading-actions button,
  .result-actions > * {
    width: 100%;
  }
  .import-stepper {
    padding: 12px;
  }
  .import-stepper > div {
    justify-content: center;
  }
  .import-stepper > div strong,
  .import-stepper > div > i {
    display: none;
  }
  .import-wizard-body {
    padding: 14px;
  }
  .field-mapping-grid,
  .import-summary-grid,
  .review-config-grid,
  .import-detail-body .import-summary-grid,
  .import-detail-meta {
    grid-template-columns: minmax(0, 1fr);
  }
  .save-template-control {
    width: 100%;
  }
  .save-template-control input {
    flex: 1;
  }
  .analysis-preview > div {
    grid-template-columns: 38px minmax(120px, 1fr) minmax(110px, auto);
  }
  .analysis-preview > div small {
    display: none;
  }
}
.email-page-stack {
  display: grid;
  min-width: 0;
  gap: 16px;
}
.email-hero-card,
.email-page-toolbar,
.email-section-card,
.email-readiness-banner,
.email-sequence-card,
.email-account-grid > article,
.email-inbox-shell {
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: white;
  box-shadow: var(--shadow-sm);
}
.email-hero-card {
  display: flex;
  min-height: 174px;
  align-items: center;
  justify-content: space-between;
  padding: 28px;
  gap: 28px;
  overflow: hidden;
  background: radial-gradient(circle at 92% 15%, rgba(96, 165, 250, 0.22), transparent 27%),
    linear-gradient(125deg, #172554 0%, #1e3a8a 58%, #2563eb 100%);
  color: white;
}
.email-hero-card > div:first-child {
  max-width: 720px;
}
.email-eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 6px;
  color: #bfdbfe;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
}
.email-hero-card h2 {
  margin: 0;
  font-size: 22px;
  line-height: 1.35;
}
.email-hero-card p {
  max-width: 680px;
  margin: 9px 0 0;
  color: #dbeafe;
  font-size: 11px;
  line-height: 1.75;
}
.email-hero-actions {
  display: grid;
  width: 170px;
  flex: 0 0 auto;
  gap: 9px;
}
.email-hero-actions .primary-button {
  border-color: white;
  background: white;
  color: #1d4ed8;
}
.email-hero-actions .secondary-button {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: white;
}
.email-metrics-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.email-metric-card {
  display: flex;
  min-width: 0;
  min-height: 82px;
  align-items: center;
  padding: 14px;
  gap: 10px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: white;
  box-shadow: var(--shadow-sm);
}
.email-metric-card > span {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  background: #eff6ff;
  color: #2563eb;
}
.email-metric-card.green > span {
  background: #ecfdf3;
  color: #079455;
}
.email-metric-card.violet > span {
  background: #f5f3ff;
  color: #7c3aed;
}
.email-metric-card.amber > span {
  background: #fffaeb;
  color: #d97706;
}
.email-metric-card.cyan > span {
  background: #ecfeff;
  color: #0891b2;
}
.email-metric-card.red > span {
  background: #fef3f2;
  color: #d92d20;
}
.email-metric-card > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}
.email-metric-card small {
  overflow: hidden;
  color: #667085;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-metric-card strong {
  color: #101828;
  font-size: 17px;
}
.email-readiness-banner {
  display: grid;
  align-items: center;
  padding: 14px 16px;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 12px;
  border-color: #fedf89;
  background: #fffcf5;
}
.email-readiness-banner > span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 9px;
  background: #fff4d6;
  color: #b54708;
}
.email-readiness-banner strong,
.email-policy-note strong {
  color: #7a2e0e;
  font-size: 10px;
}
.email-readiness-banner p,
.email-policy-note p {
  margin: 4px 0 0;
  color: #854a0e;
  font-size: 9px;
  line-height: 1.6;
}
.email-overview-grid,
.email-account-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 16px;
}
.email-section-card {
  min-width: 0;
  padding: 18px;
  overflow: hidden;
}
.email-section-card.flush {
  padding: 0;
}
.email-card-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.email-card-heading > div:first-child {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}
.email-card-heading > div:first-child > span {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  background: var(--primary-soft);
  color: var(--primary);
}
.email-card-heading h3,
.email-studio-heading strong {
  margin: 0;
  color: #1d2939;
  font-size: 11px;
}
.email-card-heading p,
.email-studio-heading small {
  margin: 3px 0 0;
  color: #98a2b3;
  font-size: 8px;
  line-height: 1.5;
}
.email-mini-timeline {
  display: grid;
  margin-top: 16px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
}
.email-mini-timeline > div {
  min-width: 0;
  padding: 10px 9px;
  border: 1px solid #e4e7ec;
  border-radius: 9px;
  background: #fafbfc;
}
.email-mini-timeline span {
  display: block;
  color: var(--primary);
  font-size: 8px;
  font-weight: 750;
}
.email-mini-timeline strong {
  display: block;
  margin-top: 5px;
  color: #344054;
  font-size: 8px;
  line-height: 1.45;
}
.email-create-sequence-button {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  margin-top: 13px;
  padding: 0 12px;
  gap: 7px;
  border: 1px solid #b2ccff;
  border-radius: 8px;
  background: var(--primary-soft);
  color: var(--primary);
  cursor: pointer;
  font-size: 9px;
  font-weight: 750;
}
.email-rule-list {
  display: grid;
  margin-top: 14px;
  gap: 8px;
}
.email-rule-list > div {
  display: grid;
  align-items: center;
  padding: 9px 10px;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 7px;
  border-radius: 8px;
  background: #f8fafc;
  color: #079455;
}
.email-rule-list span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.email-rule-list strong {
  color: #344054;
  font-size: 8px;
}
.email-rule-list small {
  color: #98a2b3;
  font-size: 8px;
}
.email-empty-state,
.email-loading-panel {
  display: flex;
  min-height: 220px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  text-align: center;
}
.email-empty-state > span {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 13px;
  background: var(--primary-soft);
  color: var(--primary);
}
.email-empty-state strong,
.email-loading-panel strong {
  margin-top: 11px;
  color: #344054;
  font-size: 11px;
}
.email-empty-state p {
  max-width: 440px;
  margin: 6px 0 14px;
  color: #98a2b3;
  font-size: 9px;
  line-height: 1.65;
}
.email-loading-panel {
  min-height: 420px;
  gap: 8px;
  color: var(--primary);
}
.email-loading-panel.error {
  color: #d92d20;
}
.email-page-toolbar {
  display: flex;
  min-height: 82px;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  gap: 16px;
}
.email-page-toolbar > div:first-child {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
}
.email-page-toolbar > div:first-child > span {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 11px;
  background: var(--primary-soft);
  color: var(--primary);
}
.email-page-toolbar h2 {
  margin: 0;
  color: #101828;
  font-size: 17px;
}
.email-page-toolbar p {
  margin: 5px 0 0;
  color: #667085;
  font-size: 9px;
  line-height: 1.55;
}
.email-toolbar-tabs {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 3px;
  gap: 3px;
  border-radius: 8px;
  background: #f2f4f7;
}
.email-toolbar-tabs button,
.email-filter-strip button,
.email-editor-modes button {
  min-height: 29px;
  padding: 0 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #667085;
  cursor: pointer;
  font-size: 8px;
}
.email-toolbar-tabs button.active,
.email-filter-strip button.active,
.email-editor-modes button.active {
  background: white;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12);
  color: var(--primary);
  font-weight: 750;
}
.email-sequence-card {
  overflow: hidden;
}
.email-sequence-summary {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 76px;
  align-items: center;
  padding: 14px 18px;
  grid-template-columns: auto minmax(220px, 1fr) 72px 72px 20px;
  gap: 14px;
  border: 0;
  background: white;
  cursor: pointer;
  text-align: left;
}
.email-sequence-summary > span:nth-child(2) {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}
.email-sequence-summary > span:nth-child(2) strong {
  color: #1d2939;
  font-size: 11px;
}
.email-sequence-summary > span:nth-child(2) small {
  overflow: hidden;
  color: #98a2b3;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-sequence-status,
.email-message-status,
.email-account-badge {
  display: inline-flex;
  min-height: 23px;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 999px;
  background: #fffaeb;
  color: #b54708;
  font-size: 8px;
  font-weight: 750;
  white-space: nowrap;
}
.email-sequence-status.active,
.email-message-status.delivered,
.email-message-status.opened,
.email-message-status.replied,
.email-account-badge.connected {
  background: #ecfdf3;
  color: #067647;
}
.email-message-status.bounced,
.email-message-status.failed,
.email-account-badge.error {
  background: #fef3f2;
  color: #b42318;
}
.email-sequence-stats {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.email-sequence-stats b {
  color: #344054;
  font-size: 12px;
}
.email-sequence-stats small {
  color: #98a2b3;
  font-size: 7px;
}
.email-sequence-summary > svg {
  color: #98a2b3;
  transition: transform 150ms ease;
}
.email-sequence-summary > svg.open {
  transform: rotate(90deg);
}
.email-sequence-detail {
  padding: 0 18px 20px;
  border-top: 1px solid #edf0f4;
  background: #fbfcfe;
}
.email-recipient-sources {
  display: flex;
  min-width: 0;
  align-items: center;
  padding: 13px 0;
  gap: 6px;
  border-bottom: 1px solid #edf0f4;
  overflow-x: auto;
}
.email-recipient-sources > div {
  display: flex;
  min-width: 210px;
  margin-right: auto;
  flex-direction: column;
  gap: 3px;
}
.email-recipient-sources > div strong {
  color: #344054;
  font-size: 9px;
}
.email-recipient-sources > div small {
  color: #98a2b3;
  font-size: 7px;
}
.email-recipient-sources > button {
  display: inline-flex;
  min-height: 30px;
  flex: 0 0 auto;
  align-items: center;
  padding: 0 8px;
  gap: 5px;
  border: 1px solid #d1e0ff;
  border-radius: 7px;
  background: white;
  color: var(--primary);
  cursor: pointer;
  font-size: 8px;
  white-space: nowrap;
}
.email-sequence-settings {
  display: flex;
  flex-wrap: wrap;
  padding: 13px 0;
  gap: 7px;
}
.email-sequence-settings span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 9px;
  gap: 5px;
  border: 1px solid #e4e7ec;
  border-radius: 999px;
  background: white;
  color: #667085;
  font-size: 8px;
}
.email-automation-control-bar,
.email-sequence-panel-heading,
.email-sequence-panel-actions {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.email-automation-control-bar {
  padding: 14px 0;
  border-bottom: 1px solid #edf0f4;
}
.email-automation-control-bar > div:first-child,
.email-sequence-panel-heading > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}
.email-automation-control-bar strong,
.email-sequence-panel-heading strong {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #344054;
  font-size: 10px;
}
.email-automation-control-bar small,
.email-sequence-panel-heading small {
  color: #98a2b3;
  font-size: 8px;
  line-height: 1.45;
}
.email-automation-control-bar > div:last-child {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
}
.email-sequence-enrollment-panel,
.email-sequence-editor-panel,
.email-reply-automation-panel,
.email-sequence-enrollments,
.email-sequence-steps-section {
  margin: 4px 0 14px;
  padding: 14px;
  border: 1px solid #d1e0ff;
  border-radius: 11px;
  background: #fff;
}
.email-sequence-editor-panel {
  border-color: #b2ccff;
  background: linear-gradient(180deg, #f5f8ff 0%, #fff 38%);
}
.email-sequence-settings-form,
.email-step-editor-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.email-sequence-settings-form label,
.email-step-editor-grid label,
.email-new-reply-rule label {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}
.email-sequence-settings-form label.wide,
.email-step-editor-grid label.wide {
  grid-column: span 2;
}
.email-sequence-settings-form label > span,
.email-step-editor-grid label > span,
.email-new-reply-rule label > span {
  color: #667085;
  font-size: 7px;
  font-weight: 700;
}
.email-sequence-settings-form input,
.email-sequence-settings-form select,
.email-sequence-settings-form textarea,
.email-step-editor-grid input,
.email-step-editor-grid textarea,
.email-new-reply-rule input,
.email-new-reply-rule select,
.email-new-reply-rule textarea {
  width: 100%;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  background: #fff;
  color: #344054;
  outline: 0;
  font: inherit;
  font-size: 8px;
}
.email-sequence-settings-form textarea,
.email-step-editor-grid textarea,
.email-new-reply-rule textarea {
  resize: vertical;
  line-height: 1.55;
}
.email-sequence-toggle-grid {
  display: flex;
  flex-wrap: wrap;
  margin-top: 11px;
  gap: 7px;
}
.email-sequence-toggle-grid label,
.email-step-editor-grid label.email-inline-check {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 9px;
  flex-direction: row;
  gap: 6px;
  border: 1px solid #e4e7ec;
  border-radius: 7px;
  background: #fff;
  color: #667085;
  font-size: 8px;
}
.email-sequence-panel-heading {
  margin-bottom: 12px;
}
.email-sequence-heading-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}
.email-sequence-heading-actions > span {
  color: #667085;
  font-size: 8px;
  font-weight: 700;
}
.email-sequence-heading-actions > button,
.email-heading-add-button {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 8px;
  gap: 5px;
  border: 1px solid #84adff;
  border-radius: 7px;
  background: #f5f8ff;
  color: var(--primary);
  cursor: pointer;
  font-size: 7px;
  font-weight: 700;
}
.email-sequence-panel-heading > span {
  flex: 0 0 auto;
  color: #667085;
  font-size: 8px;
  font-weight: 700;
}
.email-sequence-panel-heading > button {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: #f2f4f7;
  color: #667085;
  cursor: pointer;
}
.email-sequence-source-tabs {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
}
.email-sequence-source-tabs > button {
  display: inline-flex;
  min-height: 30px;
  flex: 0 0 auto;
  align-items: center;
  padding: 0 9px;
  gap: 5px;
  border: 1px solid #e4e7ec;
  border-radius: 7px;
  background: white;
  color: #667085;
  cursor: pointer;
  font-size: 8px;
}
.email-sequence-source-tabs > button.active {
  border-color: #84adff;
  background: #eff4ff;
  color: var(--primary);
  font-weight: 750;
}
.email-sequence-source-tabs > label {
  display: flex;
  min-width: 170px;
  min-height: 30px;
  align-items: center;
  margin-left: auto;
  padding: 0 9px;
  gap: 6px;
  border: 1px solid #e4e7ec;
  border-radius: 7px;
  background: #fff;
  color: #98a2b3;
}
.email-sequence-source-tabs input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #344054;
  font-size: 8px;
}
.email-sequence-recipient-list {
  display: grid;
  max-height: 240px;
  margin-top: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  overflow-y: auto;
}
.email-sequence-recipient-list > label {
  display: grid;
  min-width: 0;
  min-height: 47px;
  align-items: center;
  padding: 7px 9px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  background: #fcfcfd;
  cursor: pointer;
}
.email-sequence-recipient-list > label:has(input:checked) {
  border-color: #84adff;
  background: #f5f8ff;
}
.email-sequence-recipient-list > label span,
.email-enrollment-table > div > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.email-sequence-recipient-list strong,
.email-enrollment-table strong {
  overflow: hidden;
  color: #344054;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-sequence-recipient-list small,
.email-enrollment-table small {
  overflow: hidden;
  color: #98a2b3;
  font-size: 7px;
  line-height: 1.45;
  text-overflow: ellipsis;
}
.email-sequence-recipient-list em {
  color: #667085;
  font-size: 7px;
  font-style: normal;
}
.email-sequence-list-status {
  display: flex;
  min-height: 58px;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #98a2b3;
  font-size: 8px;
}
.email-sequence-panel-actions {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eaecf0;
}
.email-sequence-panel-actions > span {
  color: #667085;
  font-size: 8px;
}
.email-reply-automation-panel {
  border-color: #abefc6;
  background: linear-gradient(180deg, #f6fef9 0%, #fff 32%);
}
.email-new-reply-rule {
  margin-bottom: 10px;
  padding: 11px;
  border: 1px dashed #84adff;
  border-radius: 9px;
  background: #f8faff;
}
.email-new-reply-rule > label {
  margin-top: 9px;
}
.email-new-rule-controls {
  display: flex;
  align-items: flex-end;
  margin-top: 9px;
  gap: 9px;
}
.email-new-rule-controls > label:not(.email-inline-check) {
  max-width: 135px;
}
.email-new-rule-controls > button {
  margin-left: auto;
}
.email-reply-rule-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.email-reply-rule-grid > article {
  display: flex;
  min-width: 0;
  padding: 11px;
  flex-direction: column;
  gap: 9px;
  border: 1px solid #d0d5dd;
  border-radius: 9px;
  background: white;
}
.email-reply-rule-title {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
}
.email-reply-rule-title strong {
  overflow: hidden;
  color: #344054;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-reply-rule-title > input {
  min-width: 0;
  flex: 1;
  padding: 6px 7px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #344054;
  outline: 0;
  font: inherit;
  font-size: 9px;
  font-weight: 700;
}
.email-reply-rule-title > input:hover,
.email-reply-rule-title > input:focus {
  border-color: #b2ccff;
  background: #f8faff;
}
.email-icon-danger {
  display: grid;
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: #fef3f2;
  color: #b42318;
  cursor: pointer;
}
.email-rule-intent {
  display: inline-flex;
  min-height: 20px;
  flex: 0 0 auto;
  align-items: center;
  padding: 0 6px;
  border-radius: 999px;
  background: #eff4ff;
  color: var(--primary);
  font-size: 6px;
  font-weight: 800;
  letter-spacing: 0.02em;
}
.email-rule-intent.unsubscribe,
.email-rule-intent.not_interested,
.email-rule-intent.sensitive {
  background: #fef3f2;
  color: #b42318;
}
.email-rule-intent.out_of_office {
  background: #fffaeb;
  color: #b54708;
}
.email-reply-rule-grid label {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}
.email-reply-rule-grid label > span {
  color: #667085;
  font-size: 7px;
  font-weight: 650;
}
.email-reply-rule-grid textarea,
.email-reply-rule-grid select {
  width: 100%;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  background: white;
  color: #344054;
  outline: 0;
  font: inherit;
  font-size: 8px;
}
.email-reply-rule-grid textarea {
  min-height: 58px;
  resize: vertical;
  line-height: 1.5;
}
.email-reply-rule-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.email-reply-rule-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.email-reply-rule-footer > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.email-reply-rule-grid .email-inline-check {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  gap: 5px;
  color: #667085;
  font-size: 7px;
}
.email-reply-rule-footer > button {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding: 0 8px;
  gap: 4px;
  border: 1px solid #84adff;
  border-radius: 6px;
  background: #f5f8ff;
  color: var(--primary);
  cursor: pointer;
  font-size: 7px;
}
.email-reply-decision-card {
  margin: 12px 14px 0;
  padding: 11px 12px;
  border: 1px solid #abefc6;
  border-radius: 9px;
  background: #f6fef9;
}
.email-reply-decision-card > div:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #067647;
}
.email-reply-decision-card > div:first-child > span {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.email-reply-decision-card strong {
  color: #344054;
  font-size: 9px;
}
.email-reply-decision-card small {
  color: #667085;
  font-size: 7px;
}
.email-reply-decision-card p {
  margin: 8px 0;
  color: #475467;
  font-size: 8px;
  line-height: 1.55;
}
.email-reply-decision-card > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.email-reply-decision-card > div:last-child span {
  display: inline-flex;
  min-height: 23px;
  align-items: center;
  padding: 0 7px;
  gap: 4px;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  background: white;
  color: #667085;
  font-size: 7px;
}
.email-enrollment-table {
  display: grid;
  gap: 6px;
}
.email-enrollment-table > div {
  display: grid;
  min-width: 0;
  align-items: center;
  padding: 8px 9px;
  grid-template-columns: minmax(150px, 0.9fr) minmax(110px, 0.5fr) minmax(180px, 1.2fr);
  gap: 10px;
  border: 1px solid #eaecf0;
  border-radius: 7px;
  background: #fcfcfd;
}
.email-enrollment-table b {
  color: #344054;
  font-size: 8px;
}
.email-sequence-steps-section {
  border-color: #e4e7ec;
}
.email-step-editor {
  margin-bottom: 14px;
  padding: 13px;
  border: 1px solid #84adff;
  border-radius: 10px;
  background: #f8faff;
}
.email-step-editor-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 11px;
  gap: 10px;
}
.email-step-editor-heading > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.email-step-editor-heading strong {
  color: #344054;
  font-size: 10px;
}
.email-step-editor-heading small {
  color: #98a2b3;
  font-size: 7px;
}
.email-step-editor-heading > button {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: #fff;
  color: #667085;
  cursor: pointer;
}
.email-step-editor-grid label.body {
  grid-column: 1 / -1;
}
.email-step-editor-grid label.body textarea {
  min-height: 230px;
}
.email-variable-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 9px;
  gap: 5px;
  color: #667085;
}
.email-variable-strip span {
  padding: 4px 6px;
  border: 1px solid #d1e0ff;
  border-radius: 5px;
  background: #fff;
  color: var(--primary);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 6px;
}
.email-sequence-panel-actions > div {
  display: flex;
  gap: 7px;
}
.email-danger-button {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 8px;
  gap: 5px;
  border: 1px solid #fecdca;
  border-radius: 7px;
  background: #fef3f2;
  color: #b42318;
  cursor: pointer;
  font-size: 7px;
}
.email-sequence-timeline {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.email-sequence-timeline article {
  position: relative;
  min-width: 0;
  padding-top: 25px;
}
.email-sequence-timeline article::before {
  position: absolute;
  top: 36px;
  right: -8px;
  left: 24px;
  height: 1px;
  background: #b2ccff;
  content: "";
}
.email-sequence-timeline article:last-child::before {
  display: none;
}
.email-step-day {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--primary);
  font-size: 8px;
  font-weight: 750;
}
.email-step-dot {
  position: relative;
  z-index: 1;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 2px solid #84adff;
  border-radius: 50%;
  background: white;
  color: var(--primary);
  font-size: 8px;
  font-weight: 800;
}
.email-sequence-timeline article > div {
  min-height: 195px;
  margin-top: 9px;
  padding: 11px;
  border: 1px solid #e4e7ec;
  border-radius: 9px;
  background: white;
}
.email-sequence-timeline small {
  color: #98a2b3;
  font-size: 7px;
}
.email-sequence-timeline h3 {
  min-height: 31px;
  margin: 5px 0;
  color: #1d2939;
  font-size: 9px;
  line-height: 1.45;
}
.email-sequence-timeline p {
  min-height: 56px;
  margin: 0;
  color: #667085;
  font-size: 8px;
  line-height: 1.55;
}
.email-sequence-timeline article > div > span {
  display: flex;
  align-items: flex-start;
  margin-top: 7px;
  gap: 4px;
  color: #079455;
  font-size: 7px;
  line-height: 1.4;
}
.email-sequence-timeline details {
  margin-top: 9px;
}
.email-sequence-timeline article > div > button {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  margin-top: 9px;
  padding: 0 7px;
  gap: 4px;
  border: 1px solid #84adff;
  border-radius: 6px;
  background: #f5f8ff;
  color: var(--primary);
  cursor: pointer;
  font-size: 7px;
}
.email-sequence-timeline summary {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  padding: 0 7px;
  gap: 4px;
  border: 1px solid #d1e0ff;
  border-radius: 6px;
  background: #f5f8ff;
  color: var(--primary);
  cursor: pointer;
  font-size: 7px;
  list-style: none;
}
.email-sequence-timeline details > strong {
  display: block;
  margin-top: 8px;
  color: #344054;
  font-size: 8px;
  line-height: 1.45;
}
.email-sequence-timeline details > pre {
  max-height: 180px;
  margin: 6px 0 0;
  padding: 8px;
  border-radius: 6px;
  background: #f8fafc;
  color: #667085;
  overflow: auto;
  font-family: inherit;
  font-size: 7px;
  line-height: 1.5;
  white-space: pre-wrap;
}
.email-ai-studio {
  display: grid;
  min-width: 0;
  min-height: 620px;
  grid-template-columns: minmax(230px, 0.7fr) minmax(360px, 1.35fr) minmax(250px, 0.8fr);
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  background: white;
  box-shadow: var(--shadow-sm);
}
.email-ai-studio > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.email-ai-chat,
.email-draft-editor {
  border-right: 1px solid var(--border);
}
.email-studio-heading {
  display: flex;
  min-height: 58px;
  align-items: center;
  padding: 11px 14px;
  gap: 9px;
  border-bottom: 1px solid var(--border);
  background: #fafbfc;
}
.email-studio-heading > span {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 8px;
  background: var(--primary-soft);
  color: var(--primary);
}
.email-studio-heading > div:nth-child(2) {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.email-editor-modes {
  display: inline-flex;
  margin-left: auto;
  padding: 2px;
  border-radius: 7px;
  background: #eaecf0;
}
.email-chat-thread {
  display: flex;
  flex: 1;
  min-height: 0;
  flex-direction: column;
  padding: 16px 14px;
  overflow-y: auto;
}
.email-ai-message {
  display: flex;
  padding: 11px;
  gap: 8px;
  border-radius: 10px;
  background: #f5f8ff;
  color: var(--primary);
}
.email-ai-message svg {
  flex: 0 0 auto;
}
.email-ai-message p {
  margin: 0;
  color: #475467;
  font-size: 9px;
  line-height: 1.7;
}
.email-ai-model-controls {
  display: grid;
  margin-top: 12px;
  padding: 10px;
  gap: 10px;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  background: #fbfcfe;
}
.email-ai-control-row {
  display: grid;
  align-items: end;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
}
.email-ai-model-select {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}
.email-ai-model-select > span:first-child,
.email-thinking-copy strong {
  color: #344054;
  font-size: 9px;
  font-weight: 700;
}
.email-ai-select-shell {
  display: flex;
  position: relative;
  min-width: 0;
  height: 36px;
  align-items: center;
  border: 1px solid #cfd5df;
  border-radius: 8px;
  background: #fff;
}
.email-ai-select-shell:focus-within {
  border-color: #84adff;
  box-shadow: 0 0 0 3px #2563eb12;
}
.email-ai-select-shell select {
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 0 31px 0 10px;
  border: 0;
  outline: 0;
  appearance: none;
  background: transparent;
  color: #344054;
  cursor: pointer;
  font-size: 9px;
  font-weight: 650;
}
.email-ai-select-shell > svg {
  position: absolute;
  right: 9px;
  pointer-events: none;
  color: #667085;
}
.email-thinking-control {
  display: flex;
  min-width: 104px;
  height: 36px;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px 0 9px;
  gap: 8px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  text-align: left;
}
.email-thinking-control.active {
  border-color: #84adff;
  background: #eff6ff;
}
.email-thinking-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0;
}
.email-thinking-copy small {
  color: #667085;
  font-size: 7px;
  line-height: 1.2;
}
.email-ai-knowledge {
  display: grid;
  gap: 7px;
  padding-top: 9px;
  border-top: 1px solid #eaecf0;
}
.email-ai-knowledge > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.email-ai-knowledge > div:first-child strong,
.email-ai-source-list > strong {
  color: #344054;
  font-size: 9px;
}
.email-ai-knowledge > div:first-child small,
.email-ai-knowledge > p {
  margin: 0;
  color: #667085;
  font-size: 7px;
}
.email-knowledge-dropdown {
  position: relative;
}
.email-knowledge-dropdown > summary {
  display: flex;
  min-height: 40px;
  align-items: center;
  justify-content: space-between;
  padding: 6px 9px;
  gap: 10px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  list-style: none;
  color: #475467;
  cursor: pointer;
}
.email-knowledge-dropdown > summary::-webkit-details-marker {
  display: none;
}
.email-knowledge-dropdown[open] > summary {
  border-color: #84adff;
  background: #eff6ff;
  box-shadow: 0 0 0 3px #2563eb12;
}
.email-knowledge-dropdown > summary > span {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
}
.email-knowledge-dropdown > summary > span > svg {
  flex: 0 0 auto;
  color: #2563eb;
}
.email-knowledge-dropdown > summary > span > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1px;
}
.email-knowledge-dropdown > summary strong {
  overflow: hidden;
  color: #344054;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-knowledge-dropdown > summary small {
  color: #98a2b3;
  font-size: 7px;
}
.email-knowledge-dropdown > summary > svg {
  flex: 0 0 auto;
  color: #667085;
  transition: transform 160ms ease;
}
.email-knowledge-dropdown[open] > summary > svg {
  transform: rotate(180deg);
}
.email-knowledge-menu {
  display: flex;
  position: absolute;
  z-index: 12;
  top: calc(100% + 5px);
  right: 0;
  left: 0;
  max-height: 230px;
  padding: 6px;
  flex-direction: column;
  gap: 3px;
  border: 1px solid #d0d5dd;
  border-radius: 9px;
  overflow-y: auto;
  background: #fff;
  box-shadow: 0 12px 28px #1018281f;
}
.email-knowledge-menu-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 5px 6px;
  gap: 8px;
  border-bottom: 1px solid #eef1f5;
  color: #667085;
  font-size: 7px;
}
.email-knowledge-menu-heading > div {
  display: flex;
  gap: 3px;
}
.email-knowledge-menu-heading button {
  padding: 3px 5px;
  border: 0;
  border-radius: 5px;
  background: #f2f4f7;
  color: #475467;
  cursor: pointer;
  font-size: 7px;
}
.email-knowledge-menu label {
  display: grid;
  min-width: 0;
  min-height: 36px;
  align-items: center;
  padding: 5px 6px;
  grid-template-columns: 15px minmax(0, 1fr);
  gap: 7px;
  border-radius: 6px;
  cursor: pointer;
}
.email-knowledge-menu label:hover {
  background: #f8fafc;
}
.email-knowledge-menu input {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: var(--primary);
}
.email-knowledge-menu label > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1px;
}
.email-knowledge-menu label strong {
  overflow: hidden;
  color: #344054;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-knowledge-menu label small {
  color: #98a2b3;
  font-size: 7px;
}
.email-ai-source-list {
  display: flex;
  flex-direction: column;
  padding: 9px;
  gap: 5px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #f8fbff;
}
.email-ai-source-list > span,
.email-ai-reply-editor > div > span {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #475467;
  font-size: 8px;
}
.email-ai-source-list > span svg,
.email-ai-reply-editor > div > span svg {
  flex: 0 0 auto;
  color: #2563eb;
}
.email-ai-source-list > span small,
.email-ai-reply-editor > div > span small {
  margin-left: auto;
  color: #667085;
  font-size: 7px;
}
.email-thinking-switch {
  position: relative;
  width: 26px;
  height: 14px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #d0d5dd;
  transition: background 160ms ease;
}
.email-thinking-switch i {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.24);
  transition: transform 160ms ease;
}
.email-thinking-control.active .email-thinking-switch {
  background: var(--primary);
}
.email-thinking-control.active .email-thinking-switch i {
  transform: translateX(12px);
}
.email-prompt-chips {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
  gap: 6px;
}
.email-prompt-chips button,
.email-variable-list button {
  min-height: 27px;
  padding: 0 8px;
  border: 1px solid #d1e0ff;
  border-radius: 999px;
  background: white;
  color: #475467;
  cursor: pointer;
  font-size: 8px;
}
.email-ai-results {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #e4e7ec;
}
.email-ai-results::before {
  width: 100%;
  color: #667085;
  content: "可选主题";
  font-size: 8px;
  font-weight: 700;
}
.email-chat-form {
  padding: 11px;
  border-top: 1px solid var(--border);
}
.email-chat-form textarea {
  width: 100%;
  min-height: 82px;
  padding: 10px;
  resize: vertical;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  outline: 0;
  color: #344054;
  font-family: inherit;
  font-size: 9px;
  line-height: 1.55;
}
.email-chat-form textarea:focus,
.email-editor-field input:focus,
.email-editor-field textarea:focus,
.email-account-field input:focus {
  border-color: #84adff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}
.email-chat-form button {
  display: inline-flex;
  width: 100%;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  gap: 6px;
  border: 0;
  border-radius: 8px;
  background: var(--primary);
  color: white;
  cursor: pointer;
  font-size: 9px;
  font-weight: 700;
}
.email-chat-form button:disabled,
.email-editor-footer button:disabled {
  cursor: wait;
  opacity: 0.65;
}
.email-draft-editor {
  padding-bottom: 11px;
}
.email-editor-field {
  display: flex;
  min-width: 0;
  padding: 12px 14px 0;
  flex-direction: column;
  gap: 6px;
}
.email-editor-field.grow {
  flex: 1;
}
.email-editor-field > span,
.email-account-field > span {
  color: #667085;
  font-size: 8px;
  font-weight: 700;
}
.email-editor-field input,
.email-editor-field textarea,
.email-account-field input {
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  outline: 0;
  background: white;
  color: #344054;
  font-family: inherit;
  font-size: 9px;
}
.email-editor-field textarea {
  min-height: 350px;
  flex: 1;
  resize: vertical;
  line-height: 1.75;
}
.email-editor-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 11px 14px 0;
  padding-top: 11px;
  gap: 10px;
  border-top: 1px solid #edf0f4;
}
.email-ai-warning-list {
  display: grid;
  margin: 10px 14px 0;
  gap: 5px;
}
.email-ai-warning-list span {
  display: flex;
  align-items: flex-start;
  padding: 7px 8px;
  gap: 5px;
  border-radius: 7px;
  background: #fff7ed;
  color: #b54708;
  font-size: 8px;
  line-height: 1.45;
}
.email-editor-footer span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #079455;
  font-size: 8px;
}
.email-editor-footer span.danger {
  color: #d92d20;
}
.email-editor-footer button {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--primary);
  border-radius: 7px;
  background: var(--primary);
  color: white;
  cursor: pointer;
  font-size: 8px;
}
.email-personalization-panel {
  background: #fbfcfe;
}
.email-variable-list {
  display: flex;
  flex-wrap: wrap;
  padding: 14px;
  gap: 6px;
}
.email-variable-list button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 7px;
  background: white;
  color: #344054;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.email-review-checklist {
  display: grid;
  margin: 0 14px;
  gap: 7px;
}
.email-review-checklist > strong {
  margin-bottom: 2px;
  color: #344054;
  font-size: 9px;
}
.email-review-checklist > div {
  display: grid;
  min-height: 34px;
  align-items: center;
  padding: 0 8px;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  border: 1px solid #e4e7ec;
  border-radius: 7px;
  background: white;
  color: #475467;
  font-size: 8px;
}
.email-review-checklist > div > span {
  color: #079455;
}
.email-review-checklist > div > span.warning {
  color: #f79009;
}
.email-review-checklist small {
  color: #98a2b3;
  font-size: 7px;
}
.email-risk-note {
  display: flex;
  margin: auto 14px 14px;
  padding: 10px;
  gap: 7px;
  border: 1px solid #fedf89;
  border-radius: 8px;
  background: #fffcf5;
  color: #b54708;
}
.email-risk-note svg {
  flex: 0 0 auto;
}
.email-risk-note p {
  margin: 0;
  color: #854a0e;
  font-size: 8px;
  line-height: 1.55;
}
.email-compact-search,
.email-inbox-search {
  display: grid;
  min-width: 220px;
  min-height: 34px;
  align-items: center;
  padding: 0 10px;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 5px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  color: #98a2b3;
}
.email-compact-search input,
.email-inbox-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #344054;
  font-size: 8px;
}
.email-sent-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.email-sent-toolbar-actions .email-compact-search {
  grid-template-columns: 18px minmax(0, 1fr) auto;
}
.email-compact-search > button {
  display: grid;
  padding: 3px;
  place-items: center;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
}
.email-compact-search > button:hover {
  background: #f2f4f7;
  color: #475467;
}
.email-filter-strip {
  display: flex;
  min-height: 47px;
  align-items: center;
  padding: 8px 14px;
  gap: 4px;
  border-bottom: 1px solid var(--border);
  background: #fafbfc;
}
.email-filter-strip > button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.email-filter-strip > button > span {
  display: inline-flex;
  min-width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border-radius: 999px;
  background: #eaecf0;
  color: #667085;
  font-size: 7px;
  font-weight: 750;
}
.email-filter-strip > button.active > span {
  background: #eff4ff;
  color: var(--primary);
}
.email-filter-strip > small {
  margin-left: auto;
  color: #98a2b3;
  font-size: 8px;
}
.email-table-scroll {
  min-width: 0;
  overflow-x: auto;
}
.email-data-table {
  width: 100%;
  min-width: 850px;
  border-collapse: collapse;
}
.email-data-table th,
.email-data-table td {
  height: 46px;
  padding: 8px 12px;
  border-bottom: 1px solid #edf0f4;
  color: #667085;
  font-size: 8px;
  text-align: left;
  white-space: nowrap;
}
.email-data-table th {
  background: #fafbfc;
  color: #475467;
  font-weight: 750;
}
.email-data-table td strong {
  color: #344054;
}
.email-inbox-shell {
  display: grid;
  min-height: 620px;
  grid-template-columns: 185px minmax(270px, 0.8fr) minmax(360px, 1.4fr);
  overflow: hidden;
}
.email-inbox-folders {
  display: flex;
  padding: 12px 9px;
  flex-direction: column;
  gap: 4px;
  border-right: 1px solid var(--border);
  background: #fafbfc;
}
.email-inbox-folders button {
  display: grid;
  min-height: 36px;
  align-items: center;
  padding: 0 9px;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  gap: 5px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #667085;
  cursor: pointer;
  font-size: 8px;
  text-align: left;
}
.email-inbox-folders button.active {
  background: var(--primary-soft);
  color: var(--primary);
  font-weight: 750;
}
.email-toolbar-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.email-toolbar-tabs button small {
  min-width: 16px;
  padding: 2px 5px;
  border-radius: 999px;
  background: #e4e7ec;
  color: #667085;
  font-size: 7px;
  line-height: 1.4;
}
.email-toolbar-tabs button.active small {
  background: #dbeafe;
  color: #1d4ed8;
}
.email-inbox-folders small {
  color: #98a2b3;
  font-size: 7px;
}
.email-thread-list {
  min-width: 0;
  border-right: 1px solid var(--border);
}
.email-inbox-search {
  min-width: 0;
  margin: 11px;
}
.email-reply-list {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.email-reply-list > button {
  display: grid;
  min-width: 0;
  min-height: 72px;
  align-items: center;
  padding: 10px 12px;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 9px;
  border: 0;
  border-bottom: 1px solid #edf0f4;
  background: white;
  cursor: pointer;
  text-align: left;
}
.email-reply-list > button.active {
  background: #f5f8ff;
}
.email-reply-list > button > span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 9px;
  background: var(--primary-soft);
  color: var(--primary);
  font-size: 10px;
  font-weight: 750;
}
.email-reply-list > button > div {
  min-width: 0;
}
.email-reply-list strong,
.email-reply-list p,
.email-reply-list small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-reply-list strong {
  color: #344054;
  font-size: 9px;
}
.email-reply-list p {
  margin: 4px 0;
  color: #667085;
  font-size: 8px;
}
.email-reply-list small {
  color: #98a2b3;
  font-size: 7px;
}
.email-reply-list b {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 50%;
  background: var(--primary);
  color: white;
  font-size: 7px;
}
.email-conversation-pane {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.email-conversation-heading {
  display: flex;
  min-height: 66px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border);
}
.email-conversation-heading > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}
.email-conversation-heading strong {
  color: #1d2939;
  font-size: 11px;
}
.email-conversation-heading small {
  color: #98a2b3;
  font-size: 8px;
}
.email-conversation-actions {
  display: flex !important;
  min-width: auto !important;
  align-items: center;
  flex: 0 0 auto;
  flex-direction: row !important;
  gap: 8px !important;
}
.email-conversation-actions button {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 9px;
  gap: 5px;
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  background: #fff;
  color: #475467;
  cursor: pointer;
  font-size: 8px;
}
.email-conversation-actions button:hover {
  border-color: #84adff;
  color: #1d4ed8;
}
.email-conversation-actions button:disabled {
  cursor: wait;
  opacity: .6;
}
.email-conversation-actions > span {
  padding: 5px 8px;
  border-radius: 999px;
  background: #ecfdf3;
  color: #067647;
  font-size: 7px;
  font-weight: 750;
}
.email-message-body {
  flex: 1;
  padding: 22px;
  color: #475467;
  font-size: 10px;
  line-height: 1.8;
  white-space: pre-wrap;
}
.email-ai-reply-box {
  display: grid;
  align-items: center;
  margin: 14px;
  padding: 12px;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 8px;
  border: 1px solid #d1e0ff;
  border-radius: 9px;
  background: #f5f8ff;
  color: var(--primary);
}
.email-ai-reply-box strong {
  color: #344054;
  font-size: 9px;
}
.email-ai-reply-box p {
  margin: 3px 0 0;
  color: #667085;
  font-size: 8px;
  line-height: 1.5;
}
.email-ai-reply-box button {
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid #b2ccff;
  border-radius: 7px;
  background: white;
  color: var(--primary);
  font-size: 8px;
}
.email-ai-reply-editor {
  display: flex;
  margin: 0 14px 14px;
  padding: 12px;
  flex-direction: column;
  gap: 8px;
  border: 1px solid #e4e7ec;
  border-radius: 9px;
  background: #fff;
}
.email-ai-reply-editor label {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.email-ai-reply-editor label > span,
.email-ai-reply-editor > div > strong {
  color: #344054;
  font-size: 9px;
  font-weight: 700;
}
.email-ai-reply-editor textarea {
  min-height: 150px;
  padding: 10px;
  resize: vertical;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  color: #344054;
  font: inherit;
  font-size: 9px;
  line-height: 1.65;
}
.email-ai-reply-editor textarea:focus {
  border-color: #84adff;
  box-shadow: 0 0 0 3px #2563eb14;
}
.email-ai-reply-editor > p {
  display: flex;
  align-items: flex-start;
  margin: 0;
  gap: 5px;
  color: #b54708;
  font-size: 8px;
}
.email-ai-reply-editor > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.email-suppression-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
}
.email-suppression-summary article {
  display: flex;
  min-height: 72px;
  align-items: center;
  justify-content: center;
  padding: 11px;
  flex-direction: column;
  gap: 4px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: white;
  box-shadow: var(--shadow-sm);
}
.email-suppression-summary span {
  color: #101828;
  font-size: 16px;
  font-weight: 750;
}
.email-suppression-summary strong {
  color: #667085;
  font-size: 8px;
  font-weight: 650;
}
.email-policy-note {
  display: flex;
  align-items: flex-start;
  padding: 14px 16px;
  gap: 10px;
  border: 1px solid #abefc6;
  border-radius: 11px;
  background: #f6fef9;
  color: #079455;
}
.email-policy-note strong {
  color: #067647;
}
.email-policy-note p {
  color: #027a48;
}
.email-account-badge.not-connected {
  background: #f2f4f7;
  color: #475467;
}
.email-gmail-identity {
  display: flex;
  align-items: center;
  padding: 4px 0 16px;
  gap: 12px;
  border-bottom: 1px solid #edf0f4;
}
.email-gmail-identity > span {
  display: grid;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 13px;
  background: #fef3f2;
  color: #d92d20;
}
.email-gmail-identity strong {
  color: #1d2939;
  font-size: 11px;
}
.email-gmail-identity p {
  margin: 5px 0 0;
  color: #667085;
  font-size: 9px;
  line-height: 1.6;
}
.email-account-field {
  display: flex;
  margin-top: 14px;
  flex-direction: column;
  gap: 6px;
}
.email-account-field small {
  color: #98a2b3;
  font-size: 8px;
}
.email-account-policy {
  border-color: #cdddf8;
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.76), rgba(255, 255, 255, 0.96) 44%);
}
.email-policy-fields {
  display: grid;
  margin-top: 14px;
  grid-template-columns: minmax(220px, 1fr) minmax(165px, 0.75fr) minmax(165px, 0.75fr) minmax(180px, 0.8fr);
  align-items: end;
  gap: 14px;
}
.email-policy-fields .email-account-field,
.email-policy-fields .email-google-button {
  margin-top: 0;
}
.email-account-field input:disabled {
  border-color: #e4e7ec;
  background: #f2f4f7;
  color: #667085;
  cursor: not-allowed;
}
.email-policy-switch {
  display: flex;
  min-height: 40px;
  padding: 0 12px;
  align-items: center;
  gap: 8px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: white;
  color: #344054;
  font-size: 9px;
  font-weight: 700;
}
.email-policy-switch input {
  accent-color: #2563eb;
}
.email-policy-switch:has(input:disabled) {
  background: #f2f4f7;
  color: #667085;
}
.email-policy-readonly {
  display: flex;
  min-height: 40px;
  padding: 9px 12px;
  align-items: center;
  gap: 8px;
  border: 1px solid #fedf89;
  border-radius: 8px;
  background: #fffaeb;
  color: #93370d;
  font-size: 9px;
  font-weight: 700;
}
.email-google-button {
  display: inline-flex;
  width: 100%;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  gap: 7px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: white;
  color: #344054;
  cursor: pointer;
  font-size: 9px;
  font-weight: 750;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}
.email-google-button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.email-callback-preview {
  display: grid;
  margin-top: 12px;
  padding: 10px;
  gap: 5px;
  border: 1px solid #dce5f0;
  border-radius: 8px;
  background: #f8fafc;
}
.email-callback-preview small {
  color: #667085;
  font-size: 8px;
}
.email-callback-preview code {
  overflow-wrap: anywhere;
  color: #0f3f7f;
  font-size: 8px;
}
.email-setup-checklist {
  display: grid;
  margin-top: 14px;
  gap: 7px;
}
.email-setup-checklist > div {
  display: grid;
  min-height: 38px;
  align-items: center;
  padding: 0 9px;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 5px;
  border-radius: 8px;
  background: #f8fafc;
}
.public-consent-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 28px 18px;
  background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 34%),
    #f6f8fc;
  color: #172033;
}
.public-consent-card,
.public-policy-card {
  width: min(100%, 620px);
  padding: 34px;
  border: 1px solid #dfe6f0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 20px 55px rgba(26, 47, 78, 0.1);
}
.public-policy-card {
  width: min(100%, 760px);
}
.public-consent-brand {
  margin-bottom: 26px;
  color: #2563eb;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
}
.public-consent-status {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  border-radius: 50%;
  background: #e8f0ff;
  color: #1d4ed8;
  font-size: 22px;
  font-weight: 800;
}
.public-consent-status.success {
  background: #dcfce7;
  color: #15803d;
}
.public-consent-status.error {
  background: #fee2e2;
  color: #b91c1c;
}
.public-consent-card h1,
.public-policy-card h1 {
  margin: 0 0 12px;
  font-size: clamp(26px, 4vw, 34px);
}
.public-consent-card p,
.public-policy-card p {
  color: #526075;
  line-height: 1.75;
}
.public-consent-card form {
  margin: 24px 0 14px;
}
.public-consent-card button {
  width: 100%;
  padding: 13px 18px;
  border: 0;
  border-radius: 10px;
  background: #2563eb;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}
.public-consent-card small {
  display: block;
  color: #7a8699;
  line-height: 1.6;
}
.public-consent-card footer {
  display: grid;
  margin-top: 28px;
  padding-top: 20px;
  gap: 6px;
  border-top: 1px solid #e7ecf3;
  color: #7a8699;
  font-size: 12px;
}
.public-consent-card footer a {
  width: fit-content;
  color: #2563eb;
}
.public-policy-card h2 {
  margin: 26px 0 6px;
  font-size: 17px;
}
.public-policy-card a {
  color: #1d4ed8;
  text-underline-offset: 3px;
}
.public-policy-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 26px;
  color: #526075;
  font-size: 13px;
}
.public-policy-topline .public-consent-brand {
  margin: 0;
  text-decoration: none;
}
.public-home-page {
  min-height: 100vh;
  background: radial-gradient(circle at 85% 6%, rgba(37, 99, 235, 0.13), transparent 25%),
    linear-gradient(180deg, #f7faff 0, #fff 44%);
  color: #152139;
}
.public-home-nav,
.public-home-hero,
.public-home-features,
.public-home-disclosure,
.public-home-footer {
  width: min(calc(100% - 40px), 1160px);
  margin-inline: auto;
}
.public-home-nav {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.public-home-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #152139;
  text-decoration: none;
}
.public-home-logo span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #2563eb;
  color: #fff;
  font-weight: 850;
}
.public-home-nav nav,
.public-home-footer nav {
  display: flex;
  align-items: center;
  gap: 22px;
}
.public-home-nav nav a,
.public-home-footer nav a {
  color: #536179;
  text-decoration: none;
  font-size: 14px;
  font-weight: 650;
}
.public-home-nav nav .public-home-login {
  padding: 10px 17px;
  border-radius: 10px;
  background: #152139;
  color: #fff;
}
.public-home-hero {
  min-height: 610px;
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
  gap: clamp(44px, 8vw, 100px);
  padding-block: 78px 96px;
}
.public-home-eyebrow,
.public-home-section-heading > p,
.public-home-disclosure > div > p {
  margin: 0 0 16px;
  color: #2563eb;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .15em;
}
.public-home-hero h1 {
  max-width: 720px;
  margin: 0;
  font-size: clamp(42px, 6.2vw, 72px);
  line-height: 1.02;
  letter-spacing: -.045em;
}
.public-home-summary {
  max-width: 680px;
  margin: 28px 0 0;
  color: #536179;
  font-size: clamp(17px, 2vw, 20px);
  line-height: 1.75;
}
.public-home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}
.public-home-primary,
.public-home-secondary {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 11px;
  text-decoration: none;
  font-weight: 750;
}
.public-home-primary {
  background: #2563eb;
  color: #fff;
  box-shadow: 0 12px 28px rgba(37, 99, 235, .22);
}
.public-home-secondary {
  border: 1px solid #ccd6e5;
  background: rgba(255, 255, 255, .76);
  color: #263650;
}
.public-home-google-card {
  padding: 34px;
  border: 1px solid #dce4ef;
  border-radius: 22px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 24px 70px rgba(29, 56, 95, .12);
}
.public-home-google-card > span {
  color: #2563eb;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .13em;
}
.public-home-google-card h2 {
  margin: 14px 0 12px;
  font-size: 26px;
  line-height: 1.18;
}
.public-home-google-card p,
.public-home-google-card li {
  color: #5c687b;
  line-height: 1.65;
}
.public-home-google-card ul {
  display: grid;
  margin: 20px 0 0;
  padding: 20px 0 0 20px;
  gap: 9px;
  border-top: 1px solid #e4e9f1;
}
.public-home-features {
  padding-block: 96px;
  border-top: 1px solid #e4e9f1;
}
.public-home-section-heading h2,
.public-home-disclosure h2 {
  max-width: 700px;
  margin: 0;
  font-size: clamp(30px, 4vw, 46px);
  letter-spacing: -.035em;
}
.public-home-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 44px;
}
.public-home-feature-grid article {
  min-height: 220px;
  padding: 28px;
  border: 1px solid #e0e6ef;
  border-radius: 16px;
  background: #fff;
}
.public-home-feature-grid article > span {
  color: #2563eb;
  font-size: 12px;
  font-weight: 850;
}
.public-home-feature-grid h3 {
  margin: 32px 0 10px;
  font-size: 21px;
}
.public-home-feature-grid p,
.public-home-disclosure > p {
  color: #647086;
  line-height: 1.7;
}
.public-home-disclosure {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
  align-items: end;
  gap: 60px;
  padding: 64px;
  border-radius: 22px;
  background: #152139;
  color: #fff;
}
.public-home-disclosure > p {
  margin: 0;
  color: #c7d1df;
}
.public-home-footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 36px;
  margin-top: 96px;
  padding-block: 34px 48px;
  border-top: 1px solid #e0e6ef;
}
.public-home-footer > div {
  display: grid;
  gap: 6px;
  color: #667388;
  font-size: 13px;
}
.public-home-footer strong {
  color: #22314a;
}
.public-home-footer a {
  color: inherit;
}
@media (max-width: 820px) {
  .public-home-nav nav a:not(.public-home-login) {
    display: none;
  }
  .public-home-hero,
  .public-home-disclosure {
    grid-template-columns: 1fr;
  }
  .public-home-hero {
    padding-block: 54px 72px;
  }
  .public-home-feature-grid {
    grid-template-columns: 1fr;
  }
  .public-home-disclosure {
    gap: 30px;
    padding: 36px 26px;
  }
  .public-home-footer {
    flex-direction: column;
  }
  .public-home-footer nav {
    flex-wrap: wrap;
  }
}
.email-setup-checklist > div > span {
  color: #98a2b3;
}
.email-setup-checklist > div > span.ready {
  color: #079455;
}
.email-setup-checklist strong {
  color: #475467;
  font-size: 8px;
}
.email-setup-checklist small {
  color: #98a2b3;
  font-size: 7px;
}
.email-protection-grid {
  display: grid;
  margin-top: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.email-protection-grid > div {
  display: flex;
  min-height: 62px;
  align-items: center;
  padding: 11px;
  gap: 8px;
  border: 1px solid #e4e7ec;
  border-radius: 9px;
  background: #fafbfc;
  color: #f79009;
}
.email-protection-grid span {
  color: #475467;
  font-size: 8px;
  line-height: 1.5;
}
.email-template-library {
  display: grid;
  min-width: 0;
  min-height: 640px;
  grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  background: white;
  box-shadow: var(--shadow-sm);
}
.email-template-sidebar {
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-right: 1px solid var(--border);
  background: #fafbfc;
}
.email-template-sidebar-heading {
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  gap: 10px;
  border-bottom: 1px solid var(--border);
}
.email-template-sidebar-heading > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.email-template-sidebar-heading strong {
  color: #1d2939;
  font-size: 10px;
}
.email-template-sidebar-heading small {
  color: #98a2b3;
  font-size: 8px;
}
.email-template-sidebar-heading button {
  display: inline-flex;
  min-height: 29px;
  align-items: center;
  padding: 0 9px;
  gap: 4px;
  border: 1px solid #b2ccff;
  border-radius: 7px;
  background: white;
  color: var(--primary);
  cursor: pointer;
  font-size: 8px;
  font-weight: 700;
}
.email-template-search {
  display: flex;
  align-items: center;
  margin: 11px;
  padding: 0 9px;
  gap: 6px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: white;
  color: #98a2b3;
}
.email-template-search input {
  width: 100%;
  min-width: 0;
  height: 34px;
  border: 0;
  outline: 0;
  color: #344054;
  font: inherit;
  font-size: 8px;
}
.email-template-list {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  padding: 0 8px 10px;
  gap: 5px;
  overflow-y: auto;
}
.email-template-list > button {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 86px;
  align-items: start;
  padding: 10px;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 7px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
}
.email-template-list > button:hover {
  background: #f2f4f7;
}
.email-template-list > button.active {
  border-color: #b2ccff;
  background: #eff4ff;
}
.email-template-list > button > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 7px;
  background: white;
  color: var(--primary);
}
.email-template-list > button > div {
  min-width: 0;
}
.email-template-list strong,
.email-template-list p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-template-list strong {
  color: #1d2939;
  font-size: 9px;
}
.email-template-list p {
  margin: 5px 0;
  color: #667085;
  font-size: 8px;
}
.email-template-list small {
  color: #98a2b3;
  font-size: 7px;
}
.email-template-list em {
  padding: 3px 5px;
  border-radius: 999px;
  background: white;
  color: #475467;
  font-size: 7px;
  font-style: normal;
  font-weight: 700;
}
.email-template-no-results {
  padding: 28px 12px;
  color: #98a2b3;
  font-size: 9px;
  text-align: center;
}
.email-template-editor-shell {
  min-width: 0;
  background: white;
}
.email-template-editor {
  display: flex;
  height: 100%;
  min-width: 0;
  flex-direction: column;
}
.email-template-editor-heading {
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  padding: 11px 16px;
  gap: 12px;
  border-bottom: 1px solid var(--border);
  background: #fafbfc;
}
.email-template-editor-heading > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}
.email-template-editor-heading > div > span {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 8px;
  background: var(--primary-soft);
  color: var(--primary);
}
.email-template-editor-heading > div > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}
.email-template-editor-heading strong {
  color: #1d2939;
  font-size: 10px;
}
.email-template-editor-heading small {
  color: #98a2b3;
  font-size: 8px;
}
.email-template-fields {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  padding: 15px 16px 10px;
  gap: 12px;
}
.email-template-fields label {
  display: flex;
  min-height: 0;
  flex-direction: column;
  gap: 6px;
}
.email-template-fields label.grow {
  flex: 1;
}
.email-template-fields label > span {
  color: #667085;
  font-size: 8px;
  font-weight: 700;
}
.email-template-fields input,
.email-template-fields textarea {
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  outline: 0;
  background: white;
  color: #344054;
  font: inherit;
  font-size: 9px;
}
.email-template-fields input:focus,
.email-template-fields textarea:focus {
  border-color: #84adff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}
.email-template-fields textarea {
  min-height: 320px;
  flex: 1;
  resize: vertical;
  line-height: 1.75;
}
.email-template-validation {
  display: flex;
  flex-wrap: wrap;
  padding: 0 16px 12px;
  gap: 7px;
}
.email-template-validation span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 8px;
  gap: 5px;
  border-radius: 7px;
  font-size: 8px;
}
.email-template-validation span.ready {
  background: #ecfdf3;
  color: #027a48;
}
.email-template-validation span.warning {
  background: #fffaeb;
  color: #b54708;
}
.email-template-validation span.error {
  background: #fef3f2;
  color: #b42318;
}
.email-template-editor-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 12px 16px;
  gap: 8px;
  border-top: 1px solid var(--border);
  background: #fafbfc;
}
.email-template-editor-actions small {
  margin-right: auto;
  color: #98a2b3;
  font-size: 8px;
}
.email-template-editor-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.email-sender-chip {
  display: flex;
  min-width: 220px;
  align-items: center;
  padding: 9px 12px;
  gap: 9px;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  background: #f9fafb;
  color: #667085;
}
.email-sender-chip.ready {
  border-color: #abefc6;
  background: #ecfdf3;
  color: #079455;
}
.email-sender-chip > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.email-sender-chip strong {
  color: #344054;
  font-size: 10px;
}
.email-sender-chip small {
  color: #667085;
  font-size: 8px;
}
.email-send-mode-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.email-send-mode-tabs > button {
  display: flex;
  min-width: 0;
  min-height: 68px;
  align-items: center;
  padding: 12px 14px;
  gap: 11px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: white;
  color: #667085;
  cursor: pointer;
  text-align: left;
  box-shadow: var(--shadow-sm);
}
.email-send-mode-tabs > button.active {
  border-color: #84adff;
  background: #f5f8ff;
  color: var(--primary);
  box-shadow: inset 0 0 0 1px #84adff;
}
.email-send-mode-tabs > button > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}
.email-send-mode-tabs strong {
  color: #1d2939;
  font-size: 11px;
}
.email-send-mode-tabs small {
  color: #667085;
  font-size: 8px;
  line-height: 1.4;
}
.email-send-notice {
  display: flex;
  align-items: flex-start;
  padding: 11px 13px;
  gap: 9px;
  border: 1px solid #fedf89;
  border-radius: 10px;
  background: #fffaeb;
  color: #b54708;
}
.email-send-notice > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.email-send-notice strong {
  font-size: 10px;
}
.email-send-notice p {
  margin: 0;
  color: #93370d;
  font-size: 8px;
  line-height: 1.5;
}
.email-send-layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(250px, 0.82fr) minmax(360px, 1.25fr) minmax(260px, 0.82fr);
  gap: 12px;
  align-items: start;
}
.email-send-card {
  display: flex;
  min-width: 0;
  min-height: 620px;
  flex-direction: column;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: white;
  box-shadow: var(--shadow-sm);
}
.email-send-card.settings {
  min-height: 0;
}
.email-send-card-heading {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
  gap: 9px;
}
.email-send-card-heading > span {
  display: grid;
  width: 27px;
  height: 27px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 8px;
  background: var(--primary);
  color: white;
  font-size: 10px;
  font-weight: 800;
}
.email-send-card-heading > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.email-send-card-heading strong {
  color: #1d2939;
  font-size: 11px;
}
.email-send-card-heading small {
  color: #667085;
  font-size: 8px;
  line-height: 1.4;
}
.email-recipient-source-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 10px;
  gap: 6px;
}
.email-recipient-source-tabs button {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  gap: 5px;
  border: 1px solid #e4e7ec;
  border-radius: 7px;
  background: #f9fafb;
  color: #475467;
  cursor: pointer;
  font-size: 8px;
}
.email-recipient-source-tabs button.active {
  border-color: #84adff;
  background: #f5f8ff;
  color: var(--primary);
  font-weight: 700;
}
.email-recipient-search {
  display: flex;
  min-height: 34px;
  align-items: center;
  padding: 0 9px;
  gap: 7px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  color: #98a2b3;
}
.email-recipient-search input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #344054;
  font: inherit;
  font-size: 9px;
}
.email-recipient-search button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--primary);
  cursor: pointer;
  font-size: 8px;
  font-weight: 700;
}
.email-recipient-picker {
  display: flex;
  max-height: 440px;
  min-height: 300px;
  margin-top: 9px;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  overflow-y: auto;
}
.email-recipient-picker > button {
  display: grid;
  min-width: 0;
  min-height: 64px;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  padding: 9px;
  gap: 7px;
  border: 1px solid #edf0f4;
  border-radius: 9px;
  background: white;
  color: #475467;
  cursor: pointer;
  text-align: left;
}
.email-recipient-picker > button:hover,
.email-recipient-picker > button.selected {
  border-color: #84adff;
  background: #f8faff;
}
.email-recipient-check {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  color: var(--primary);
}
.email-recipient-picker button.selected .email-recipient-check {
  border-color: #84adff;
  background: #eff4ff;
}
.email-recipient-picker button > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.email-recipient-picker strong,
.email-recipient-picker p,
.email-recipient-picker small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-recipient-picker strong {
  color: #344054;
  font-size: 9px;
}
.email-recipient-picker p {
  margin: 0;
  color: #475467;
  font-size: 8px;
}
.email-recipient-picker small {
  color: #98a2b3;
  font-size: 7px;
}
.email-recipient-picker em {
  padding: 3px 5px;
  border-radius: 999px;
  background: #ecfdf3;
  color: #027a48;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
}
.email-inline-loading,
.email-picker-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 36px 8px;
  gap: 7px;
  color: #98a2b3;
  font-size: 9px;
}
.email-manual-recipient {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 7px;
}
.email-manual-recipient span {
  color: #667085;
  font-size: 8px;
  font-weight: 700;
}
.email-manual-recipient textarea {
  min-height: 300px;
  padding: 10px;
  resize: vertical;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  outline: 0;
  color: #344054;
  font: inherit;
  font-size: 9px;
  line-height: 1.7;
}
.email-selection-summary {
  display: flex;
  min-height: 32px;
  align-items: center;
  margin-top: 9px;
  padding: 0 9px;
  gap: 6px;
  border-radius: 7px;
  background: #f5f8ff;
  color: var(--primary);
  font-size: 8px;
  font-weight: 700;
}
.email-selected-recipient-list {
  display: grid;
  max-height: 155px;
  margin-top: 8px;
  padding: 8px;
  gap: 5px;
  overflow-y: auto;
  border: 1px solid #d1e0ff;
  border-radius: 8px;
  background: #f8faff;
}
.email-selected-recipient-list > strong {
  color: var(--primary);
  font-size: 8px;
}
.email-selected-recipient-list > span {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  padding: 6px 7px;
  gap: 6px;
  border-radius: 6px;
  background: white;
}
.email-selected-recipient-list span > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1px;
}
.email-selected-recipient-list b,
.email-selected-recipient-list small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-selected-recipient-list b {
  color: #344054;
  font-size: 8px;
}
.email-selected-recipient-list small {
  color: #667085;
  font-size: 7px;
}
.email-selected-recipient-list button {
  display: grid;
  padding: 3px;
  place-items: center;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
}
.email-selected-recipient-list button:hover {
  background: #fef3f2;
  color: #d92d20;
}
.email-compose-field {
  display: flex;
  margin-bottom: 10px;
  flex-direction: column;
  gap: 6px;
}
.email-compose-field.grow {
  flex: 1;
}
.email-compose-field > span,
.email-schedule-field > span {
  color: #667085;
  font-size: 8px;
  font-weight: 700;
}
.email-compose-field input,
.email-compose-field select,
.email-compose-field textarea,
.email-schedule-field input {
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  outline: 0;
  background: white;
  color: #344054;
  font: inherit;
  font-size: 9px;
}
.email-compose-field textarea {
  min-height: 270px;
  flex: 1;
  resize: vertical;
  line-height: 1.75;
}
.email-compose-field input:focus,
.email-compose-field select:focus,
.email-compose-field textarea:focus,
.email-schedule-field input:focus,
.email-manual-recipient textarea:focus {
  border-color: #84adff;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}
.email-variable-hint {
  display: flex;
  align-items: flex-start;
  padding: 8px 9px;
  gap: 6px;
  border-radius: 7px;
  background: #f5f8ff;
  color: #475467;
  font-size: 8px;
  line-height: 1.45;
}
.email-variable-hint svg {
  flex: 0 0 auto;
  color: var(--primary);
}
.email-attachment-panel {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #edf0f4;
}
.email-attachment-panel > label {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 9px;
  gap: 5px;
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  color: #344054;
  cursor: pointer;
  font-size: 8px;
  font-weight: 700;
}
.email-attachment-panel > label input {
  display: none;
}
.email-attachment-panel > small {
  margin-left: 8px;
  color: #98a2b3;
  font-size: 7px;
}
.email-attachment-panel > div {
  display: flex;
  margin-top: 7px;
  flex-wrap: wrap;
  gap: 5px;
}
.email-attachment-panel > div > span {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  padding: 5px 6px;
  gap: 4px;
  border-radius: 6px;
  background: #f2f4f7;
  color: #475467;
  font-size: 7px;
}
.email-attachment-panel span button {
  display: grid;
  padding: 0;
  place-items: center;
  border: 0;
  background: transparent;
  color: #98a2b3;
  cursor: pointer;
}
.email-send-options {
  display: grid;
  gap: 7px;
}
.email-send-options > button {
  display: grid;
  min-height: 48px;
  grid-template-columns: 22px minmax(0, 1fr) 30px;
  align-items: center;
  padding: 8px 9px;
  gap: 7px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #f9fafb;
  color: #667085;
  cursor: pointer;
  text-align: left;
}
.email-send-options > button.active {
  border-color: #84adff;
  background: #f5f8ff;
  color: var(--primary);
}
.email-send-options button > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.email-send-options strong {
  color: #344054;
  font-size: 9px;
}
.email-send-options small {
  color: #667085;
  font-size: 7px;
}
.email-send-options i {
  position: relative;
  width: 29px;
  height: 17px;
  border-radius: 999px;
  background: #d0d5dd;
}
.email-send-options i::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: white;
  content: "";
  transition: transform 160ms ease;
}
.email-send-options button.active i {
  background: var(--primary);
}
.email-send-options button.active i::after {
  transform: translateX(12px);
}
.email-delivery-choice {
  display: grid;
  margin-top: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.email-delivery-choice button {
  display: inline-flex;
  min-height: 35px;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  gap: 5px;
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  background: white;
  color: #475467;
  cursor: pointer;
  font-size: 8px;
}
.email-delivery-choice button.active {
  border-color: var(--primary);
  background: var(--primary-soft);
  color: var(--primary);
  font-weight: 700;
}
.email-schedule-field {
  display: flex;
  margin-top: 9px;
  flex-direction: column;
  gap: 5px;
}
.email-preflight-explainer {
  display: flex;
  align-items: flex-start;
  margin-top: 12px;
  padding: 10px;
  gap: 7px;
  border-radius: 8px;
  background: #ecfdf3;
  color: #079455;
}
.email-preflight-explainer > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.email-preflight-explainer strong {
  font-size: 9px;
}
.email-preflight-explainer p {
  margin: 0;
  color: #027a48;
  font-size: 7px;
  line-height: 1.5;
}
.email-preview-button,
.email-confirm-button {
  display: inline-flex;
  width: 100%;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  margin-top: 11px;
  gap: 6px;
  border: 0;
  border-radius: 8px;
  background: var(--primary);
  color: white;
  cursor: pointer;
  font-size: 9px;
  font-weight: 750;
}
.email-preview-button:disabled,
.email-confirm-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.email-preflight-result {
  margin-top: 11px;
  padding: 10px;
  border: 1px solid #abefc6;
  border-radius: 9px;
  background: #f6fef9;
}
.email-preflight-result.blocked {
  border-color: #fecdca;
  background: #fffafa;
}
.email-preflight-status {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #079455;
}
.email-preflight-result.blocked .email-preflight-status {
  color: #d92d20;
}
.email-preflight-status strong {
  font-size: 10px;
}
.email-preflight-counts {
  display: grid;
  margin: 9px 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}
.email-preflight-counts span {
  display: flex;
  padding: 6px;
  flex-direction: column;
  border-radius: 6px;
  background: white;
  color: #667085;
  font-size: 7px;
}
.email-preflight-counts b {
  color: #1d2939;
  font-size: 12px;
}
.email-preflight-result > p {
  display: flex;
  align-items: flex-start;
  margin: 5px 0 0;
  gap: 5px;
  color: #b54708;
  font-size: 7px;
  line-height: 1.45;
}
.email-real-preview {
  display: grid;
  margin-top: 9px;
  padding-top: 9px;
  gap: 5px;
  border-top: 1px solid #e4e7ec;
}
.email-real-preview > strong {
  color: #344054;
  font-size: 8px;
}
.email-real-preview > span {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  padding: 6px;
  gap: 7px;
  border-radius: 6px;
  background: white;
}
.email-real-preview span > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1px;
}
.email-real-preview b {
  color: #344054;
  font-size: 7px;
}
.email-real-preview small,
.email-real-preview em {
  overflow: hidden;
  color: #98a2b3;
  font-size: 6px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-real-preview em {
  max-width: 52%;
}
.email-confirm-button {
  background: #079455;
}
.email-table-action {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding: 0 7px;
  gap: 4px;
  border: 1px solid #fda29b;
  border-radius: 6px;
  background: #fff;
  color: #b42318;
  cursor: pointer;
  font-size: 7px;
}
.public-consent-card form input {
  width: 100%;
  margin-bottom: 10px;
  padding: 11px 12px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  font: inherit;
}
@media (max-width: 1380px) {
  .email-metrics-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .email-sequence-timeline {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .email-sequence-timeline article:nth-child(3)::before,
  .email-sequence-timeline article:nth-child(6)::before {
    display: none;
  }
  .email-send-layout {
    grid-template-columns: minmax(250px, 0.8fr) minmax(350px, 1.2fr);
  }
  .email-send-card.settings {
    min-height: 0;
    grid-column: 1 / -1;
  }
}
@media (max-width: 1120px) {
  .email-overview-grid,
  .email-account-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .email-policy-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .email-ai-studio {
    grid-template-columns: minmax(260px, 0.75fr) minmax(400px, 1.25fr);
    overflow-x: auto;
  }
  .email-send-layout {
    grid-template-columns: 1fr;
  }
  .email-send-card.settings {
    grid-column: auto;
  }
  .email-template-library {
    grid-template-columns: minmax(230px, 285px) minmax(0, 1fr);
  }
  .email-personalization-panel {
    grid-column: 1 / -1;
    min-height: 320px;
    border-top: 1px solid var(--border);
  }
  .email-risk-note {
    margin-top: 14px;
  }
  .email-inbox-shell {
    grid-template-columns: 170px minmax(250px, 0.75fr) minmax(330px, 1.25fr);
    overflow-x: auto;
  }
  .email-reply-rule-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .email-sequence-settings-form,
  .email-step-editor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .email-hero-card,
  .email-page-toolbar,
  .email-readiness-banner {
    align-items: flex-start;
    flex-direction: column;
  }
  .email-hero-card {
    padding: 22px 18px;
  }
  .email-policy-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .email-hero-actions,
  .email-page-toolbar > .primary-button,
  .email-page-toolbar > .secondary-button,
  .email-compact-search,
  .email-toolbar-tabs {
    width: 100%;
  }
  .email-toolbar-tabs button {
    flex: 1;
  }
  .email-metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .email-readiness-banner {
    display: flex;
  }
  .email-readiness-banner .secondary-button {
    width: 100%;
  }
  .email-mini-timeline,
  .email-suppression-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .email-page-toolbar {
    padding: 16px;
  }
  .email-sequence-summary {
    grid-template-columns: auto minmax(0, 1fr) 18px;
  }
  .email-automation-control-bar,
  .email-sequence-source-tabs {
    align-items: stretch;
    flex-direction: column;
  }
  .email-automation-control-bar > div:last-child,
  .email-sequence-source-tabs > label {
    width: 100%;
    margin-left: 0;
  }
  .email-automation-control-bar > div:last-child > button {
    flex: 1;
  }
  .email-sequence-recipient-list,
  .email-reply-rule-fields,
  .email-sequence-settings-form,
  .email-step-editor-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .email-sequence-settings-form label.wide,
  .email-step-editor-grid label.wide {
    grid-column: auto;
  }
  .email-new-rule-controls,
  .email-sequence-heading-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .email-enrollment-table > div {
    grid-template-columns: minmax(0, 1fr);
  }
  .email-sequence-stats {
    display: none;
  }
  .email-sequence-timeline {
    grid-template-columns: minmax(0, 1fr);
  }
  .email-sequence-timeline article::before {
    display: none;
  }
  .email-sequence-timeline article > div {
    min-height: 0;
  }
  .email-sequence-timeline h3,
  .email-sequence-timeline p {
    min-height: 0;
  }
  .email-ai-studio {
    display: flex;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
  }
  .email-template-library {
    display: flex;
    min-height: 0;
    flex-direction: column;
  }
  .email-template-sidebar {
    max-height: 360px;
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  .email-template-editor-shell {
    min-height: 560px;
  }
  .email-template-editor-actions {
    align-items: stretch;
    flex-wrap: wrap;
  }
  .email-template-editor-actions small {
    width: 100%;
    margin-right: 0;
  }
  .email-ai-chat,
  .email-draft-editor {
    min-height: 520px;
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  .email-personalization-panel {
    min-height: 360px;
  }
  .email-inbox-shell {
    display: flex;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
  }
  .email-inbox-folders {
    overflow-x: auto;
    flex-direction: row;
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  .email-inbox-folders button {
    min-width: 118px;
    flex: 0 0 auto;
  }
  .email-thread-list {
    min-height: 300px;
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  .email-conversation-pane {
    min-height: 380px;
  }
  .email-protection-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .email-send-mode-tabs {
    grid-template-columns: 1fr;
  }
  .email-send-card {
    min-height: 0;
  }
}
@media (max-width: 460px) {
  .email-metrics-grid,
  .email-mini-timeline,
  .email-suppression-summary,
  .email-protection-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .email-hero-card h2 {
    font-size: 18px;
  }
  .email-card-heading,
  .email-editor-footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .email-ai-reply-box {
    grid-template-columns: 22px minmax(0, 1fr);
  }
  .email-ai-reply-box button {
    grid-column: 1 / -1;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
.dedupe-live-page {
  display: grid;
  min-width: 0;
  gap: 14px;
}
.dedupe-live-hero,
.dedupe-live-panel {
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.dedupe-live-hero {
  display: grid;
  align-items: center;
  padding: 20px;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  gap: 15px;
}
.dedupe-live-icon {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(145deg, #eaf2ff, #edfdf6);
  color: #155eef;
}
.dedupe-live-hero .eyebrow {
  color: #155eef;
}
.dedupe-live-hero h2 {
  margin: 5px 0 0;
  color: #101828;
  font-size: 18px;
}
.dedupe-live-hero p {
  max-width: 720px;
  margin: 7px 0 0;
  color: #667085;
  font-size: 10px;
  line-height: 1.65;
}
.dedupe-live-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}
.dedupe-master-switch {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 11px;
  gap: 8px;
  border: 1px solid #d0d5dd;
  border-radius: 9px;
  background: #fff;
  color: #475467;
  font-size: 9px;
  font-weight: 750;
}
.dedupe-master-switch > span {
  position: relative;
  width: 28px;
  height: 16px;
  border-radius: 999px;
  background: #d0d5dd;
  transition: background 150ms ease;
}
.dedupe-master-switch > span > span {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.25);
  transition: transform 150ms ease;
}
.dedupe-master-switch.active {
  border-color: #abefc6;
  background: #ecfdf3;
  color: #067647;
}
.dedupe-master-switch.active > span {
  background: #17b26a;
}
.dedupe-master-switch.active > span > span {
  transform: translateX(12px);
}
.dedupe-live-stats {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.dedupe-live-stats article {
  display: flex;
  min-width: 0;
  min-height: 78px;
  align-items: center;
  padding: 14px;
  gap: 11px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.dedupe-live-stats article > span {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 10px;
  background: #f2f4f7;
  color: #475467;
}
.dedupe-live-stats article:nth-child(2) > span,
.dedupe-live-stats article:nth-child(3) > span {
  background: #fff4ed;
  color: #e04f16;
}
.dedupe-live-stats article:nth-child(4) > span {
  background: #ecfdf3;
  color: #079455;
}
.dedupe-live-stats strong,
.dedupe-live-stats small {
  display: block;
}
.dedupe-live-stats strong {
  color: #101828;
  font-size: 19px;
}
.dedupe-live-stats small {
  margin-top: 3px;
  color: #667085;
  font-size: 9px;
}
.dedupe-live-layout {
  display: grid;
  min-width: 0;
  align-items: start;
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: 12px;
}
.dedupe-live-main,
.dedupe-live-side {
  display: grid;
  min-width: 0;
  gap: 12px;
}
.dedupe-live-side {
  position: sticky;
  top: 78px;
}
.dedupe-live-panel {
  overflow: hidden;
}
.dedupe-live-panel-heading {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  gap: 12px;
  border-bottom: 1px solid #eaecf0;
}
.dedupe-live-panel-heading h3 {
  margin: 0;
  color: #344054;
  font-size: 12px;
}
.dedupe-live-panel-heading p {
  margin: 4px 0 0;
  color: #98a2b3;
  font-size: 9px;
}
.dedupe-live-panel-heading > span {
  padding: 4px 8px;
  border-radius: 999px;
  background: #ecfdf3;
  color: #067647;
  font-size: 8px;
  font-weight: 750;
}
.dedupe-live-rules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dedupe-live-rules > button {
  display: grid;
  min-width: 0;
  min-height: 72px;
  align-items: center;
  padding: 13px 15px;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 10px;
  border: 0;
  border-right: 1px solid #eaecf0;
  border-bottom: 1px solid #eaecf0;
  background: #fff;
  text-align: left;
}
.dedupe-live-rules > button:nth-child(2n) {
  border-right: 0;
}
.dedupe-live-rules > button:nth-last-child(-n + 2) {
  border-bottom: 0;
}
.dedupe-live-rules > button:hover:not(:disabled) {
  background: #f9fafb;
}
.dedupe-live-rules > button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.dedupe-rule-check {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  color: #fff;
}
.dedupe-live-rules > button.active .dedupe-rule-check {
  border-color: #155eef;
  background: #155eef;
}
.dedupe-live-rules strong,
.dedupe-live-rules small {
  display: block;
}
.dedupe-live-rules strong {
  color: #344054;
  font-size: 10px;
}
.dedupe-live-rules small {
  margin-top: 4px;
  color: #98a2b3;
  font-size: 8px;
  line-height: 1.45;
}
.dedupe-rule-state {
  padding: 4px 7px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #667085;
  font-size: 8px;
  font-weight: 750;
}
.dedupe-live-rules > button.active .dedupe-rule-state {
  background: #ecfdf3;
  color: #067647;
}
.dedupe-live-filters {
  display: grid;
  padding: 11px 14px;
  grid-template-columns: minmax(180px, 1fr) 130px 115px;
  gap: 8px;
  border-bottom: 1px solid #eaecf0;
  background: #fcfcfd;
}
.dedupe-live-filters label {
  display: flex;
  min-width: 0;
  min-height: 32px;
  align-items: center;
  padding: 0 9px;
  gap: 7px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #98a2b3;
}
.dedupe-live-filters input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #344054;
  font-size: 9px;
}
.dedupe-live-filters label button {
  display: grid;
  padding: 0;
  place-items: center;
  border: 0;
  background: transparent;
  color: #98a2b3;
}
.dedupe-live-filters select {
  min-width: 0;
  min-height: 32px;
  padding: 0 8px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #475467;
  font-size: 9px;
}
.dedupe-live-empty {
  display: flex;
  min-height: 190px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px;
  color: #98a2b3;
  text-align: center;
}
.dedupe-live-empty.error {
  color: #d92d20;
}
.dedupe-live-empty h4 {
  margin: 9px 0 0;
  color: #475467;
  font-size: 11px;
}
.dedupe-live-empty p {
  margin: 6px 0 0;
  font-size: 9px;
}
.dedupe-live-match-list {
  display: grid;
}
.dedupe-live-match-list > article {
  padding: 15px 16px;
  border-bottom: 1px solid #eaecf0;
}
.dedupe-live-match-list > article:last-child {
  border-bottom: 0;
}
.dedupe-match-flow {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr);
  gap: 8px;
}
.dedupe-match-flow > div {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #f9fafb;
}
.dedupe-match-flow small,
.dedupe-match-flow strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dedupe-match-flow small {
  color: #98a2b3;
  font-size: 8px;
}
.dedupe-match-flow strong {
  margin-top: 4px;
  color: #344054;
  font-size: 10px;
}
.dedupe-match-flow > span {
  display: grid;
  place-items: center;
  color: #f79009;
}
.dedupe-match-details {
  display: flex;
  align-items: center;
  margin-top: 9px;
  flex-wrap: wrap;
  gap: 6px;
  color: #667085;
  font-size: 8px;
}
.dedupe-match-details > span:not(.dedupe-review-status),
.dedupe-match-details time {
  padding: 3px 6px;
  border-radius: 5px;
  background: #f2f4f7;
}
.dedupe-review-status {
  padding: 3px 6px;
  border-radius: 5px;
  font-weight: 750;
}
.dedupe-review-status.pending {
  background: #fff6ed;
  color: #c4320a;
}
.dedupe-review-status.resolved {
  background: #ecfdf3;
  color: #067647;
}
.dedupe-review-status.ignored {
  background: #f2f4f7;
  color: #667085;
}
.dedupe-live-match-list article > p {
  margin: 8px 0 0;
  color: #667085;
  font-size: 9px;
}
.dedupe-match-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  gap: 7px;
}
.dedupe-match-actions > button {
  display: inline-flex;
  min-height: 29px;
  align-items: center;
  padding: 0 9px;
  gap: 5px;
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  background: #fff;
  color: #475467;
  font-size: 8px;
  font-weight: 700;
}
.dedupe-match-actions > button.primary-button {
  border-color: #155eef;
  background: #155eef;
  color: #fff;
}
.dedupe-period-summary {
  display: grid;
}
.dedupe-period-summary > div {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  border-bottom: 1px solid #eaecf0;
}
.dedupe-period-summary > div:last-child {
  border-bottom: 0;
}
.dedupe-period-summary span {
  color: #667085;
  font-size: 9px;
}
.dedupe-period-summary strong {
  color: #101828;
  font-size: 15px;
}
.dedupe-run-list {
  display: grid;
}
.dedupe-run-list > div {
  display: grid;
  min-width: 0;
  align-items: center;
  padding: 11px 13px;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 8px;
  border-bottom: 1px solid #eaecf0;
}
.dedupe-run-list > div:last-child {
  border-bottom: 0;
}
.dedupe-run-list > div > span {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 8px;
  background: #ecfdf3;
  color: #079455;
}
.dedupe-run-list > div > span.has-duplicates {
  background: #fff4ed;
  color: #e04f16;
}
.dedupe-run-list strong,
.dedupe-run-list small {
  display: block;
}
.dedupe-run-list strong {
  overflow: hidden;
  color: #344054;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dedupe-run-list small,
.dedupe-run-list time {
  margin-top: 3px;
  color: #98a2b3;
  font-size: 7px;
}
.dedupe-no-runs {
  margin: 0;
  padding: 22px 14px;
  color: #98a2b3;
  font-size: 9px;
  text-align: center;
}
@media (max-width: 1120px) {
  .dedupe-live-hero {
    grid-template-columns: 50px minmax(0, 1fr);
  }
  .dedupe-live-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }
  .dedupe-live-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .dedupe-live-side {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .dedupe-live-hero {
    align-items: start;
    padding: 15px;
    grid-template-columns: 42px minmax(0, 1fr);
  }
  .dedupe-live-icon {
    width: 42px;
    height: 42px;
  }
  .dedupe-live-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .dedupe-live-actions > button {
    justify-content: center;
  }
  .dedupe-live-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dedupe-live-rules {
    grid-template-columns: minmax(0, 1fr);
  }
  .dedupe-live-rules > button,
  .dedupe-live-rules > button:nth-child(2n),
  .dedupe-live-rules > button:nth-last-child(-n + 2) {
    border-right: 0;
    border-bottom: 1px solid #eaecf0;
  }
  .dedupe-live-rules > button:last-child {
    border-bottom: 0;
  }
  .dedupe-live-filters {
    grid-template-columns: minmax(0, 1fr);
  }
  .dedupe-live-side {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 460px) {
  .dedupe-live-stats {
    grid-template-columns: minmax(0, 1fr);
  }
  .dedupe-match-flow {
    grid-template-columns: minmax(0, 1fr);
  }
  .dedupe-match-flow > span {
    transform: rotate(90deg);
  }
  .dedupe-match-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .dedupe-match-actions > button {
    justify-content: center;
  }
}
.ai-match-panel {
  margin-top: 16px;
  padding: 15px;
  border: 1px solid #c7d7fe;
  border-radius: 12px;
  background: radial-gradient(circle at 100% 0, rgba(129, 140, 248, 0.13), transparent 34%),
    linear-gradient(135deg, #f8faff 0%, #f5f7ff 100%);
}
.ai-match-heading {
  display: grid;
  min-width: 0;
  align-items: center;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 11px;
}
.ai-match-icon,
.ai-run-summary > span:first-child {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 10px;
  background: linear-gradient(135deg, #4f46e5, #2563eb);
  box-shadow: 0 6px 14px rgba(79, 70, 229, 0.18);
  color: white;
}
.ai-match-heading > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.ai-match-heading strong {
  color: #202a44;
  font-size: 11px;
}
.ai-match-heading > div > span {
  margin-top: 4px;
  color: #667085;
  font-size: 9px;
  line-height: 1.5;
}
.human-review-badge {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  padding: 0 9px;
  gap: 5px;
  border: 1px solid #b7e4ca;
  border-radius: 999px;
  background: #ecfdf3;
  color: #067647;
  font-size: 8px;
  font-weight: 750;
  white-space: nowrap;
}
.ai-match-controls {
  display: grid;
  min-width: 0;
  align-items: end;
  margin-top: 13px;
  grid-template-columns: minmax(240px, 1fr) minmax(220px, 280px) auto;
  gap: 9px;
}
.ai-match-brief {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}
.ai-match-brief > span {
  color: #667085;
  font-size: 8px;
  font-weight: 700;
}
.ai-match-brief input {
  width: 100%;
  min-width: 0;
  height: 38px;
  padding: 0 11px;
  border: 1px solid #c9d3ee;
  border-radius: 8px;
  outline: 0;
  background: rgba(255, 255, 255, 0.9);
  color: #344054;
  font-size: 10px;
}
.ai-match-brief input:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.knowledge-multi-select {
  position: relative;
  min-width: 0;
}
.knowledge-multi-select summary {
  display: flex;
  height: 38px;
  align-items: center;
  padding: 0 11px;
  gap: 7px;
  border: 1px solid #c9d3ee;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  color: #3f4c6b;
  cursor: pointer;
  font-size: 9px;
  font-weight: 700;
  list-style: none;
}
.knowledge-multi-select summary::-webkit-details-marker {
  display: none;
}
.knowledge-multi-select summary::after {
  margin-left: auto;
  content: "⌄";
  color: #667085;
  font-size: 13px;
}
.knowledge-multi-select[open] summary {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.knowledge-select-menu {
  position: absolute;
  z-index: 25;
  top: calc(100% + 6px);
  right: 0;
  left: 0;
  max-height: 260px;
  padding: 6px;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  background: white;
  box-shadow: 0 14px 30px rgba(16, 24, 40, 0.16);
  overflow-y: auto;
}
.knowledge-select-menu label {
  display: grid;
  min-width: 0;
  align-items: center;
  padding: 8px;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
  border-radius: 7px;
  cursor: pointer;
}
.knowledge-select-menu label:hover {
  background: #f5f7ff;
}
.knowledge-select-menu input {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: #4f46e5;
}
.knowledge-select-menu label > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.knowledge-select-menu strong {
  overflow: hidden;
  color: #344054;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.knowledge-select-menu small {
  margin-top: 3px;
  color: #98a2b3;
  font-size: 8px;
}
.knowledge-empty {
  display: block;
  padding: 14px 8px;
  color: #98a2b3;
  font-size: 9px;
  line-height: 1.5;
  text-align: center;
}
.ai-recommend-button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  gap: 7px;
  border: 1px solid #4f46e5;
  border-radius: 8px;
  background: linear-gradient(135deg, #4f46e5, #2563eb);
  box-shadow: 0 6px 13px rgba(79, 70, 229, 0.18);
  color: white;
  cursor: pointer;
  font-size: 9px;
  font-weight: 750;
  white-space: nowrap;
}
.ai-recommend-button:hover:not(:disabled) {
  filter: brightness(0.96);
}
.knowledge-coverage {
  display: flex;
  flex-wrap: wrap;
  margin-top: 11px;
  gap: 7px;
}
.knowledge-coverage > span {
  display: inline-flex;
  min-height: 23px;
  align-items: center;
  padding: 0 8px;
  gap: 7px;
  border: 1px solid #e4e7ec;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.65);
  color: #98a2b3;
  font-size: 8px;
}
.knowledge-coverage > span.ready {
  border-color: #c7d7fe;
  background: white;
  color: #475467;
}
.knowledge-coverage strong {
  display: inline-grid;
  min-width: 16px;
  height: 16px;
  place-items: center;
  border-radius: 999px;
  background: #eef2ff;
  color: #4f46e5;
  font-size: 7px;
}
.ai-run-summary {
  display: grid;
  min-width: 0;
  align-items: center;
  padding: 13px 18px;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 11px;
  border-bottom: 1px solid #c7d7fe;
  background: linear-gradient(90deg, #eef2ff, #f8faff);
}
.ai-run-summary > div {
  min-width: 0;
}
.ai-run-summary strong {
  color: #303b5c;
  font-size: 10px;
}
.ai-run-summary p {
  max-width: 900px;
  margin: 4px 0 0;
  color: #667085;
  font-size: 8px;
  line-height: 1.5;
}
.ai-run-summary > button {
  min-height: 31px;
  padding: 0 10px;
  border: 1px solid #a5b4fc;
  border-radius: 7px;
  background: white;
  color: #4f46e5;
  cursor: pointer;
  font-size: 8px;
  font-weight: 700;
  white-space: nowrap;
}
.recommendation-score-cell {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.recommendation-label {
  display: inline-flex;
  min-height: 21px;
  align-items: center;
  padding: 0 7px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #667085;
  font-size: 7px;
  font-weight: 750;
}
.recommendation-label.recommended {
  background: #ecfdf3;
  color: #067647;
}
.recommendation-label.caution {
  background: #fffaeb;
  color: #b54708;
}
.recommendation-label.review {
  background: #fef3f2;
  color: #b42318;
}
.recommendation-evidence-preview {
  display: flex;
  width: 250px;
  min-width: 0;
  flex-direction: column;
  padding: 7px 8px;
  gap: 4px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fafbff;
  cursor: pointer;
  text-align: left;
  white-space: normal;
}
.recommendation-evidence-preview > span {
  display: -webkit-box;
  color: #344054;
  font-size: 8px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.recommendation-evidence-preview small {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  color: #b54708;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drawer-recommendation {
  display: grid;
  margin: 14px 18px 0;
  gap: 12px;
}
.recommendation-score-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.recommendation-score-grid > div {
  display: flex;
  min-width: 0;
  min-height: 52px;
  flex-direction: column;
  justify-content: center;
  padding: 7px;
  border: 1px solid #e0e7ff;
  border-radius: 8px;
  background: #fafbff;
  text-align: center;
}
.recommendation-score-grid span {
  overflow: hidden;
  color: #667085;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recommendation-score-grid strong {
  margin-top: 4px;
  color: #4338ca;
  font-size: 10px;
}
.drawer-recommendation section {
  padding: 11px;
  border: 1px solid #e4e7ec;
  border-radius: 9px;
  background: #fff;
}
.drawer-recommendation h3 {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 6px;
  color: #344054;
  font-size: 9px;
}
.drawer-recommendation ul {
  display: grid;
  margin: 8px 0 0;
  padding-left: 17px;
  gap: 5px;
  color: #475467;
  font-size: 8px;
  line-height: 1.5;
}
.drawer-recommendation section > p {
  margin: 7px 0 0;
  color: #667085;
  font-size: 8px;
  line-height: 1.55;
}
.drawer-recommendation .recommendation-risks {
  border-color: #fedf89;
  background: #fffcf5;
}
.recommendation-risks h3 {
  color: #b54708;
}
.recommendation-sources > div {
  display: grid;
  max-height: 260px;
  margin-top: 8px;
  gap: 7px;
  overflow-y: auto;
}
.recommendation-sources article {
  padding: 8px;
  border-left: 2px solid #818cf8;
  background: #f8f9ff;
}
.recommendation-sources article > span,
.recommendation-sources article > strong {
  display: block;
}
.recommendation-sources article > span {
  color: #6366f1;
  font-size: 7px;
  font-weight: 700;
}
.recommendation-sources article > strong {
  margin-top: 3px;
  color: #344054;
  font-size: 8px;
}
.recommendation-sources article > p {
  display: -webkit-box;
  margin: 5px 0 0;
  color: #667085;
  font-size: 7px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media (max-width: 1120px) {
  .ai-match-controls {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  }
  .ai-recommend-button {
    grid-column: 1 / -1;
  }
}
@media (max-width: 720px) {
  .ai-match-heading,
  .ai-run-summary {
    align-items: start;
    grid-template-columns: 38px minmax(0, 1fr);
  }
  .human-review-badge,
  .ai-run-summary > button {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .ai-match-controls {
    grid-template-columns: minmax(0, 1fr);
  }
  .ai-recommend-button {
    grid-column: auto;
  }
  .knowledge-select-menu {
    right: auto;
    width: min(360px, calc(100vw - 64px));
  }
}
@media (max-width: 460px) {
  .ai-match-panel {
    margin-right: -2px;
    margin-left: -2px;
    padding: 12px;
  }
  .recommendation-score-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}