.aa-mercury {
  --aa-canvas: #fbfcfd;
  --aa-ink: #1e1e2a;
  --aa-muted: #646474;
  --aa-border: #ebecf0;
  --aa-accent: #5754d6;
  --aa-accent-dark: #4643b7;
  --aa-wash: #f1f0fc;
  --aa-selected: #f0f0f4;
  --aa-danger: #b42318;
  --aa-success: #26734d;
  --aa-radius-control: 8px;
  --aa-radius-badge: 6px;
  --aa-radius-panel: 12px;
  min-height: 100dvh;
  overflow-x: clip;
  color: var(--aa-ink);
  background: var(--aa-canvas);
  font: 15px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Jobs workspace & job drawer scoped geometry */
.aa-workspace-content.is-jobs .aa-button,
.aa-workspace-content.is-jobs .aa-icon-button,
.aa-workspace-content.is-jobs .aa-text-button,
.aa-workspace-content.is-jobs .aa-input,
.aa-workspace-content.is-jobs input,
.aa-workspace-content.is-jobs select,
.aa-workspace-content.is-jobs .aa-search,
.aa-workspace-content.is-jobs .aa-tabs .aa-tab,
.aa-workspace-content.is-jobs .aa-mode-menu {
  border-radius: var(--aa-radius-control);
}

.aa-workspace-content.is-jobs .aa-badge {
  border-radius: var(--aa-radius-badge);
}

.aa-workspace-content.is-jobs .aa-panel {
  border-radius: var(--aa-radius-panel);
}

.aa-mercury .aa-job-dialog {
  border-radius: var(--aa-radius-panel);
}

.aa-mercury .aa-job-dialog .aa-button,
.aa-mercury .aa-job-dialog .aa-icon-button,
.aa-mercury .aa-job-dialog .aa-text-button,
.aa-mercury .aa-job-dialog .aa-input,
.aa-mercury .aa-job-dialog input,
.aa-mercury .aa-job-dialog select,
.aa-mercury .aa-job-dialog .aa-drawer-tabs .aa-tab,
.aa-mercury .aa-job-dialog .aa-job-title-toggle {
  border-radius: var(--aa-radius-control);
}

.aa-mercury .aa-job-dialog .aa-badge {
  border-radius: var(--aa-radius-badge);
}

.aa-mercury .aa-job-dialog .aa-panel {
  border-radius: var(--aa-radius-panel);
}

.aa-mercury .aa-workspace-content.is-jobs .aa-page-header,
.aa-mercury .aa-workspace-content.is-jobs .aa-dashboard-tab-row,
.aa-mercury .aa-workspace-content.is-jobs .aa-dashboard-summary,
.aa-mercury .aa-workspace-content.is-jobs .aa-dashboard-toolbar {
  margin-bottom: 8px;
}

.aa-mercury,
.aa-mercury * {
  box-sizing: border-box;
}

.aa-mercury button,
.aa-mercury input,
.aa-mercury select,
.aa-mercury textarea {
  color: inherit;
  font: inherit;
}

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

.aa-mercury button,
.aa-mercury select,
.aa-mercury input[type="checkbox"],
.aa-mercury input[type="radio"] {
  cursor: pointer;
}

.aa-mercury button {
  border: 0;
}

.aa-mercury button:disabled,
.aa-mercury input:disabled,
.aa-mercury select:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.aa-mercury h1,
.aa-mercury h2,
.aa-mercury h3,
.aa-mercury h4,
.aa-mercury p,
.aa-mercury dl,
.aa-mercury dd,
.aa-mercury ol,
.aa-mercury ul {
  margin: 0;
}

.aa-mercury h1 {
  font-size: 26px;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 1.25;
}

.aa-mercury h2 {
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1.3;
}

.aa-mercury h3 {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
}

.aa-mercury h4 {
  font-size: 14px;
  font-weight: 600;
}

.aa-mercury svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  stroke-width: 1.7;
}

.aa-mercury :focus-visible {
  outline: 2px solid var(--aa-accent);
  outline-offset: 3px;
}

.aa-mercury [hidden] {
  display: none !important;
}

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

.aa-mercury .aa-skip-link {
  position: fixed;
  top: -100px;
  left: 16px;
  z-index: 200;
  padding: 12px 18px;
  color: var(--aa-accent);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgb(30 30 42 / 12%);
}

.aa-mercury .aa-skip-link:focus {
  top: 8px;
}

.aa-mercury .aa-button,
.aa-mercury .aa-icon-button,
.aa-mercury .aa-text-button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 15px;
  color: var(--aa-ink);
  background: #fff;
  border: 1px solid var(--aa-border);
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
  transition: 120ms background-color, 120ms border-color, 120ms color;
}

.aa-mercury .aa-button:hover,
.aa-mercury .aa-icon-button:hover {
  background: var(--aa-selected);
}

.aa-mercury .aa-button-primary {
  color: #fff;
  background: var(--aa-accent);
  border-color: var(--aa-accent);
}

.aa-mercury .aa-button-primary:hover {
  color: #fff;
  background: var(--aa-accent-dark);
  border-color: var(--aa-accent-dark);
}

.aa-mercury .aa-button-danger {
  color: var(--aa-danger);
  background: #fff7f6;
  border-color: #f3d2cc;
}

.aa-mercury .aa-button-danger:hover {
  background: #fde9e5;
}

.aa-mercury .aa-button-small {
  min-height: 30px;
  padding: 5px 11px;
  font-size: 12px;
}

.aa-mercury .aa-icon-button {
  min-width: 36px;
  padding: 8px;
}

.aa-mercury .aa-icon-button.aa-button-small {
  min-width: 30px;
  padding: 5px;
}

.aa-mercury .aa-text-button {
  min-height: 0;
  padding: 4px 0;
  color: var(--aa-accent);
  background: transparent;
  border: 0;
  border-radius: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.aa-mercury .aa-muted {
  color: var(--aa-muted);
}

.aa-mercury .aa-small {
  font-size: 12px;
}

.aa-mercury .aa-eyebrow {
  color: var(--aa-muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.aa-mercury .aa-panel {
  background: #fff;
  border: 1px solid var(--aa-border);
  border-radius: 12px;
  box-shadow: 0 2px 5px rgb(30 30 42 / 4%);
}

.aa-mercury .aa-input {
  width: 100%;
  min-height: 40px;
  padding: 9px 12px;
  color: var(--aa-ink);
  background: #fff;
  border: 1px solid #dfe0e7;
  border-radius: 10px;
  font-size: 13px;
}

.aa-mercury textarea.aa-input {
  resize: vertical;
  line-height: 1.65;
}

.aa-mercury .aa-input::placeholder {
  color: #9696a3;
}

.aa-mercury .aa-input[readonly] {
  color: var(--aa-muted);
  background: var(--aa-canvas);
}

.aa-mercury .aa-input[aria-invalid="true"] {
  border-color: var(--aa-danger);
}

.aa-mercury input[type="checkbox"],
.aa-mercury input[type="radio"] {
  width: 16px;
  height: 16px;
  accent-color: var(--aa-accent);
}

.aa-mercury .aa-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
}

.aa-mercury .aa-badge-muted {
  color: var(--aa-muted);
  background: #f4f4f7;
}

.aa-mercury .aa-badge-fit {
  color: var(--aa-accent-dark);
  background: var(--aa-wash);
}

.aa-mercury .aa-badge-success {
  color: var(--aa-success);
  background: #eef7f2;
}

.aa-mercury .aa-badge-warning {
  color: #8a651c;
  background: #fcf6e9;
}

.aa-mercury .aa-status-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  background: var(--aa-success);
  border-radius: 50%;
}

.aa-mercury .aa-status-dot.is-paused {
  background: #a77a22;
}

.aa-mercury .aa-company-mark {
  display: inline-flex;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #57546e;
  background: var(--aa-wash);
  border-radius: 8px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.aa-mercury .aa-company-mark-lg {
  width: 40px;
  height: 40px;
  font-size: 12px;
}

.aa-mercury .aa-company-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

.aa-mercury .aa-tabs {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.aa-mercury .aa-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  color: var(--aa-muted);
  background: transparent;
  border-radius: 8px;
  font-size: 13px;
  white-space: nowrap;
}

.aa-mercury .aa-tab:hover {
  color: var(--aa-ink);
  background: var(--aa-canvas);
}

.aa-mercury .aa-tab.is-active {
  color: var(--aa-ink);
  background: var(--aa-selected);
}

.aa-mercury .aa-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0;
  color: var(--aa-ink);
  background: transparent;
  font-size: 24px;
  font-weight: 650;
  letter-spacing: -0.055em;
}

.aa-mercury .aa-brand-mark {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: var(--aa-accent);
  border-radius: 8px;
}

.aa-mercury .aa-brand-mark svg {
  width: 18px;
  height: 18px;
}

.aa-mercury .aa-sidebar {
  position: fixed;
  z-index: 30;
  top: 16px;
  bottom: 16px;
  left: 16px;
  display: flex;
  width: 256px;
  min-width: 0;
  flex-direction: column;
  padding: 16px 12px 12px;
  background: #fff;
  border: 1px solid var(--aa-border);
  border-radius: 20px;
  box-shadow: 0 2px 6px rgb(30 30 42 / 4%);
  transition: 160ms width, 160ms padding;
}

.aa-mercury .aa-sidebar-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 6px;
}

.aa-mercury .aa-sidebar-toggle {
  min-width: 28px;
  padding: 5px;
  color: #8a8a99;
  background: transparent;
  border: 0;
}

.aa-mercury .aa-sidebar-nav {
  flex: 1;
  min-height: 0;
  margin-top: 36px;
  overflow: auto;
}

.aa-mercury .aa-sidebar-nav > .aa-eyebrow {
  display: block;
  padding: 0 12px;
  margin-bottom: 12px;
}

.aa-mercury .aa-nav-item {
  display: flex;
  width: 100%;
  min-height: 43px;
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  margin: 3px 0;
  color: var(--aa-muted);
  background: transparent;
  border-radius: 7px;
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
}

.aa-mercury .aa-nav-item:hover {
  color: var(--aa-ink);
  background: var(--aa-canvas);
}

.aa-mercury .aa-nav-item.is-active {
  color: var(--aa-ink);
  background: var(--aa-selected);
  font-weight: 500;
}

.aa-mercury .aa-nav-count {
  min-width: 21px;
  padding: 1px 5px;
  margin-left: auto;
  color: var(--aa-accent);
  background: var(--aa-wash);
  border-radius: 5px;
  font-size: 10px;
  text-align: center;
}

.aa-mercury .aa-sidebar-footer {
  padding-top: 12px;
  border-top: 1px solid var(--aa-border);
}

.aa-mercury .aa-profile-control {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 9px;
  padding: 8px 5px;
  background: transparent;
  border-radius: 8px;
  font-size: 12px;
  text-align: left;
}

.aa-mercury .aa-profile-control:hover {
  background: var(--aa-selected);
}

.aa-mercury .aa-profile-avatar {
  display: inline-flex;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: var(--aa-muted);
  background: #f1f1f5;
  border-radius: 50%;
  font-size: 10px;
}

.aa-mercury .aa-profile-copy {
  min-width: 0;
  flex: 1;
}

.aa-mercury .aa-profile-copy strong,
.aa-mercury .aa-profile-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aa-mercury .aa-profile-copy strong {
  font-size: 12px;
  font-weight: 500;
}

.aa-mercury .aa-profile-copy small {
  color: var(--aa-muted);
  font-size: 10px;
  text-transform: capitalize;
}

.aa-mercury .aa-profile-menu {
  position: fixed;
  z-index: 50;
  bottom: 100px;
  left: 24px;
  width: 240px;
  padding: 6px;
  background: #fff;
  border: 1px solid var(--aa-border);
  border-radius: 12px;
  box-shadow: 0 8px 28px rgb(30 30 42 / 7%);
}

.aa-mercury .aa-profile-menu button,
.aa-mercury .aa-more-links button {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  color: var(--aa-ink);
  background: transparent;
  border-radius: 7px;
  font-size: 13px;
  text-align: left;
}

.aa-mercury .aa-profile-menu button:hover,
.aa-mercury .aa-more-links button:hover {
  background: var(--aa-selected);
}

.aa-mercury .aa-workspace-shell {
  min-width: 0;
  min-height: calc(100dvh - 32px);
  margin: 16px 16px 16px 280px;
  overflow: clip;
  background: #fff;
  border: 1px solid var(--aa-border);
  border-radius: 20px;
  box-shadow: 0 2px 5px rgb(30 30 42 / 4%);
  transition: 160ms margin-left;
}

.aa-mercury .aa-workspace-shell.is-fixed-workspace {
  display: flex;
  height: calc(100dvh - 32px);
  min-height: 650px;
  flex-direction: column;
}

.aa-mercury .aa-workspace-content {
  min-width: 0;
  padding: 16px 16px 20px;
}

.aa-mercury .aa-workspace-content.is-inbox {
  display: flex;
  height: 100%;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  padding-bottom: 0;
}

.aa-mercury.aa-sidebar-collapsed .aa-sidebar {
  width: 80px;
  padding-right: 8px;
  padding-left: 8px;
}

.aa-mercury.aa-sidebar-collapsed .aa-workspace-shell {
  margin-left: 104px;
}

.aa-mercury.aa-sidebar-collapsed .aa-sidebar-top {
  flex-direction: column;
  gap: 10px;
}

.aa-mercury.aa-sidebar-collapsed .aa-brand-name,
.aa-mercury.aa-sidebar-collapsed .aa-nav-label,
.aa-mercury.aa-sidebar-collapsed .aa-profile-copy,
.aa-mercury.aa-sidebar-collapsed .aa-profile-control > svg,
.aa-mercury.aa-sidebar-collapsed .aa-sidebar-nav > .aa-eyebrow {
  display: none;
}

.aa-mercury.aa-sidebar-collapsed .aa-nav-item,
.aa-mercury.aa-sidebar-collapsed .aa-profile-control {
  justify-content: center;
}

.aa-mercury.aa-sidebar-collapsed .aa-nav-item {
  position: relative;
  padding: 11px 5px;
}

.aa-mercury.aa-sidebar-collapsed .aa-nav-count {
  position: absolute;
  top: 2px;
  right: 0;
  min-width: 15px;
  padding: 0 3px;
  font-size: 8px;
}

.aa-mercury .aa-mobile-header,
.aa-mercury .aa-bottom-nav {
  display: none;
}

.aa-mercury .aa-page-header {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.aa-mercury .aa-page-heading {
  min-width: 0;
}

.aa-mercury .aa-page-heading > p {
  margin-top: 6px;
  color: var(--aa-muted);
  font-size: 12px;
}

.aa-mercury .aa-page-heading > div {
  display: flex;
  align-items: center;
  gap: 9px;
}

.aa-mercury .aa-page-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.aa-mercury .aa-credit-strip {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  color: var(--aa-accent-dark);
  background: var(--aa-wash);
  border-radius: 20px;
  font-size: 12px;
}

.aa-mercury .aa-dashboard-tab-row {
  position: relative;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--aa-border);
}

.aa-mercury .aa-mode-control {
  position: relative;
}

.aa-mercury .aa-mode-menu {
  position: absolute;
  z-index: 25;
  top: calc(100% + 8px);
  right: 0;
  width: 310px;
  padding: 6px;
  background: #fff;
  border: 1px solid var(--aa-border);
  border-radius: 12px;
  box-shadow: 0 10px 32px rgb(30 30 42 / 12%);
}

.aa-mercury .aa-mode-menu button {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  background: transparent;
  border-radius: 8px;
  text-align: left;
}

.aa-mercury .aa-mode-menu button:hover,
.aa-mercury .aa-mode-menu button[aria-checked="true"] {
  background: var(--aa-wash);
}

.aa-mercury .aa-mode-menu strong,
.aa-mercury .aa-mode-menu small {
  display: block;
}

.aa-mercury .aa-mode-menu strong {
  font-size: 13px;
  font-weight: 500;
}

.aa-mercury .aa-mode-menu small {
  margin-top: 3px;
  color: var(--aa-muted);
  font-size: 10px;
  line-height: 1.5;
}

.aa-mercury .aa-dashboard-summary {
  margin-bottom: 12px;
}

.aa-mercury .aa-dashboard-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1.4;
}

.aa-mercury .aa-dashboard-status-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
  line-height: 1.4;
}

.aa-mercury .aa-dashboard-status strong {
  font-size: 12px;
  font-weight: 500;
}

.aa-mercury .aa-dashboard-status span {
  color: var(--aa-muted);
  font-size: 12px;
}

.aa-mercury .aa-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.aa-mercury .aa-metric-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  min-height: 80px;
  height: auto;
  padding: 12px;
}

.aa-mercury .aa-metric-card > span {
  color: var(--aa-muted);
  font-size: 12px;
  line-height: 1.4;
  white-space: normal;
}

.aa-mercury .aa-metric-card > strong {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.15;
  white-space: normal;
}

.aa-mercury .aa-metric-card > small {
  color: var(--aa-muted);
  font-size: 12px;
  line-height: 1.4;
  white-space: normal;
}

.aa-workspace-content.is-jobs .aa-metric-card > strong,
.aa-workspace-content.is-jobs .aa-badge,
.aa-workspace-content.is-jobs time,
.aa-workspace-content.is-jobs .aa-pagination {
  font-variant-numeric: tabular-nums;
}

.aa-mercury .aa-dashboard-toolbar,
.aa-mercury .aa-inbox-toolbar {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 13px;
}

.aa-mercury .aa-stage-tabs .aa-tab {
  padding: 8px 10px;
  font-size: 11px;
}

.aa-mercury .aa-stage-tabs .aa-badge {
  padding: 2px 5px;
  font-size: 9px;
}

.aa-mercury .aa-search-tools,
.aa-mercury .aa-inbox-search-tools,
.aa-mercury .aa-inbox-filter-tools {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
}

.aa-mercury .aa-search {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  background: #fff;
  border: 1px solid var(--aa-border);
  border-radius: 9px;
}

.aa-mercury .aa-search svg {
  width: 15px;
  height: 15px;
  color: #92929f;
}

.aa-mercury .aa-search input {
  width: 150px;
  min-width: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 12px;
}

.aa-mercury .aa-search-tools > label:last-child,
.aa-mercury .aa-inbox-search-tools > label:last-of-type {
  width: 112px;
}

.aa-mercury .aa-search-tools .aa-input,
.aa-mercury .aa-inbox-toolbar .aa-input {
  min-height: 35px;
  padding: 6px 9px;
  border-radius: 9px;
  font-size: 11px;
}

.aa-mercury .aa-job-table {
  min-width: 0;
  overflow: hidden;
  box-shadow: none;
}

.aa-mercury .aa-table-scroll {
  overflow-x: auto;
  overflow-y: visible;
  overscroll-behavior: contain;
}

.aa-mercury .aa-job-table table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  table-layout: fixed;
}

.aa-mercury .aa-job-table .aa-col-company {
  width: 30%;
}

.aa-mercury .aa-job-table .aa-col-posting {
  width: 45%;
}

.aa-mercury .aa-job-table .aa-col-updated {
  width: 13%;
}

.aa-mercury .aa-job-table .aa-col-action {
  width: 12%;
}

.aa-mercury .aa-job-table th {
  position: sticky;
  z-index: 2;
  top: 0;
  padding: 8px 16px;
  color: var(--aa-muted);
  background: #fdfdfe;
  border-bottom: 1px solid var(--aa-border);
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: left;
  text-transform: uppercase;
}

.aa-mercury .aa-job-table td {
  min-height: 60px;
  height: auto;
  padding: 8px 16px;
  border-bottom: 1px solid var(--aa-border);
  vertical-align: middle;
}

.aa-mercury .aa-job-table tbody tr:last-child td {
  border-bottom: 0;
}

.aa-mercury .aa-job-table tbody tr:hover {
  background: #fdfdff;
}

.aa-mercury .aa-job-company,
.aa-mercury .aa-job-posting {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 10px;
  padding: 0;
  background: transparent;
  text-align: left;
}

.aa-mercury .aa-job-company > span:last-child,
.aa-mercury .aa-job-posting > span {
  min-width: 0;
}

.aa-mercury .aa-job-company strong,
.aa-mercury .aa-job-posting strong {
  display: block;
  overflow: hidden;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aa-mercury .aa-job-company .aa-badge {
  margin-top: 4px;
  font-size: 11px;
  line-height: 16px;
}

.aa-mercury .aa-job-posting {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.aa-mercury .aa-job-posting > span {
  display: flex;
  max-width: 100%;
  align-items: center;
  gap: 7px;
}

.aa-mercury .aa-job-posting .aa-badge {
  font-size: 11px;
  line-height: 16px;
}

.aa-mercury .aa-job-posting small {
  overflow: hidden;
  color: var(--aa-muted);
  font-size: 11px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aa-mercury .aa-job-table td time {
  color: var(--aa-muted);
  font-size: 11px;
  line-height: 16px;
}

.aa-mercury .aa-table-state {
  display: flex;
  min-height: 270px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  padding: 32px;
  color: var(--aa-muted);
  font-size: 12px;
  text-align: center;
}

.aa-mercury .aa-table-state strong {
  color: var(--aa-ink);
  font-size: 14px;
}

.aa-mercury .aa-pagination {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 14px;
  color: var(--aa-muted);
  background: #fdfdfe;
  border-top: 1px solid var(--aa-border);
  font-size: 10px;
}

.aa-mercury .aa-pagination > div {
  display: flex;
  align-items: center;
  gap: 7px;
}

.aa-mercury .aa-empty-state {
  display: flex;
  min-height: 260px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  padding: 56px 24px;
  color: var(--aa-muted);
  text-align: center;
}

.aa-mercury .aa-empty-state > svg {
  width: 30px;
  height: 30px;
  color: #a0a0b0;
}

.aa-mercury .aa-empty-state h2,
.aa-mercury .aa-empty-state h3 {
  color: var(--aa-ink);
}

.aa-mercury .aa-empty-state p {
  max-width: 420px;
  font-size: 13px;
}

.aa-mercury .aa-review-stage {
  padding: 16px 10px 4px;
  background: linear-gradient(180deg, #fafaff, #fff 72%);
  border-radius: 12px;
}

.aa-mercury .aa-review-progress {
  display: flex;
  max-width: 980px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 auto 12px;
  color: var(--aa-muted);
  font-size: 11px;
}

.aa-mercury .aa-review-card {
  max-width: 980px;
  min-height: 460px;
  margin: 0 auto;
  overflow: hidden;
}

.aa-mercury .aa-review-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  gap: 34px;
  padding: 32px;
}

.aa-mercury .aa-review-company {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.aa-mercury .aa-review-company h2 {
  margin-top: 2px;
  font-size: 22px;
}

.aa-mercury .aa-review-company p {
  margin-top: 4px;
  color: var(--aa-muted);
  font-size: 12px;
}

.aa-mercury .aa-review-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0;
}

.aa-mercury .aa-review-description {
  display: -webkit-box;
  overflow: hidden;
  color: var(--aa-muted);
  font-size: 13px;
  line-height: 1.8;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}

.aa-mercury .aa-review-fit {
  padding: 22px;
  background: var(--aa-canvas);
  border: 1px solid var(--aa-border);
  border-radius: 12px;
}

.aa-mercury .aa-review-fit > h3 {
  margin: 10px 0 20px;
  font-size: 15px;
}

.aa-mercury .aa-review-fit-columns {
  display: grid;
  gap: 18px;
}

.aa-mercury .aa-review-fit-columns h4 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
  font-size: 11px;
}

.aa-mercury .aa-review-fit-columns h4 svg {
  width: 14px;
  height: 14px;
  color: var(--aa-accent);
}

.aa-mercury .aa-detail-list {
  display: grid;
  gap: 7px;
  padding: 0;
  list-style: none;
}

.aa-mercury .aa-detail-list li {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  color: var(--aa-muted);
  font-size: 11px;
  line-height: 1.6;
}

.aa-mercury .aa-detail-list li svg {
  width: 13px;
  height: 13px;
  margin-top: 2px;
  color: var(--aa-success);
}

.aa-mercury .aa-review-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  padding: 16px 24px;
  background: #fdfdfe;
  border-top: 1px solid var(--aa-border);
}

.aa-mercury .aa-review-actions .aa-button-primary {
  min-width: 130px;
}

.aa-mercury .aa-dialog {
  padding: 0;
  color: var(--aa-ink);
  background: #fff;
  border: 1px solid var(--aa-border);
  border-radius: 16px;
  box-shadow: 0 16px 56px rgb(30 30 42 / 20%);
}

.aa-mercury .aa-dialog::backdrop {
  background: rgb(22 22 36 / 27%);
  backdrop-filter: blur(2px);
}

.aa-mercury .aa-dialog[open] {
  display: flex;
  flex-direction: column;
}

.aa-mercury .aa-job-dialog {
  position: fixed;
  inset: 8px 0 8px auto;
  width: min(492px, 100vw);
  max-width: 100vw;
  height: calc(100dvh - 16px);
  max-height: calc(100dvh - 16px);
  margin: 0;
  overflow: hidden;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.aa-mercury .aa-job-dialog[data-motion="enter-start"],
.aa-mercury .aa-job-dialog[data-motion="closing"] {
  transform: translateX(100%);
}

.aa-mercury .aa-job-dialog[data-motion="entering"] {
  transform: translateX(0);
}

.aa-mercury .aa-job-dialog[data-motion="closing"] {
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .aa-mercury .aa-job-dialog {
    transition: none;
  }
}

.aa-mercury .aa-reply-dialog,
.aa-mercury .aa-login-details-dialog,
.aa-mercury .aa-referral-dialog,
.aa-mercury .aa-confirm-dialog,
.aa-mercury .aa-more-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
}

.aa-mercury .aa-reply-dialog {
  width: min(768px, calc(100vw - 32px));
  max-height: 90dvh;
}

.aa-mercury .aa-login-details-dialog {
  width: min(580px, calc(100vw - 32px));
  max-height: 90dvh;
}

.aa-mercury .aa-referral-dialog {
  width: min(720px, calc(100vw - 32px));
  max-height: 90dvh;
}

.aa-mercury .aa-confirm-dialog,
.aa-mercury .aa-more-dialog {
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100dvh - 48px);
}

.aa-mercury .aa-dialog-header {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px 18px;
}

.aa-mercury .aa-dialog-header h2 {
  font-size: 21px;
}

.aa-mercury .aa-dialog-header p {
  margin-top: 5px;
  color: var(--aa-muted);
  font-size: 12px;
}

.aa-mercury .aa-dialog-body {
  min-height: 0;
  padding: 0 24px 24px;
  overflow: auto;
}

.aa-mercury .aa-dialog-footer {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 9px;
  padding: 16px 24px;
  border-top: 1px solid var(--aa-border);
}

.aa-mercury .aa-dialog-floating-close {
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 14px;
}

.aa-mercury .aa-job-dialog-title {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: flex-start;
  gap: 12px;
}

.aa-mercury .aa-job-dialog-title > div {
  min-width: 0;
  flex: 1;
}

.aa-mercury .aa-job-dialog-title p {
  margin: 4px 0 0;
  overflow: visible;
  color: var(--aa-muted);
  font-size: 12px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.aa-mercury .aa-job-dialog-title h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
}

.aa-mercury .aa-job-dialog-title h2[data-expanded="false"],
.aa-mercury .aa-job-dialog-title h2:not([data-expanded="true"]) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.aa-mercury .aa-job-dialog-title h2[data-expanded="true"] {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

.aa-mercury .aa-job-title-toggle {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  margin: 2px 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: var(--aa-accent);
  background: transparent;
  border: 0;
  border-radius: var(--aa-radius-control, 8px);
  box-shadow: none;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
}

.aa-mercury .aa-job-title-toggle:hover {
  color: var(--aa-accent-dark);
  text-decoration: underline;
}

.aa-mercury .aa-job-title-toggle:focus-visible {
  outline: 2px solid var(--aa-accent);
  outline-offset: 2px;
}

.aa-mercury .aa-job-title-toggle[hidden] {
  display: none !important;
}

.aa-mercury .aa-job-dialog[data-scroll-whole="true"] {
  overflow-y: auto;
}

.aa-mercury .aa-job-dialog[data-scroll-whole="true"] .aa-job-dialog-body {
  overflow: visible;
  flex: 0 0 auto;
}

.aa-mercury .aa-drawer-tabs {
  flex: 0 0 auto;
  width: fit-content;
  max-width: calc(100% - 32px);
  margin: 12px 16px 0;
  padding: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.aa-mercury .aa-drawer-tabs .aa-tab {
  flex: 0 0 auto;
}

.aa-mercury .aa-job-dialog-body {
  min-width: 0;
  flex: 1 1 auto;
  padding: 16px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.aa-mercury .aa-job-dialog .aa-detail-stack {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.aa-mercury .aa-job-dialog .aa-job-overview {
  gap: 24px;
}

.aa-mercury .aa-job-overview section > h3 {
  margin: 0 0 12px;
  color: var(--aa-muted);
  font-size: 13px;
  font-weight: 500;
}
.aa-mercury .aa-job-dialog .aa-detail-stack section > h3 {
  margin-bottom: 9px;
  font-size: 13px;
}

.aa-mercury .aa-job-dialog-header {
  flex: 0 0 auto;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
}

.aa-mercury .aa-job-dialog-header .aa-company-mark-lg {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  font-size: 13px;
}

.aa-mercury .aa-job-dialog-header > .aa-icon-button {
  min-width: 36px;
  flex: 0 0 auto;
}

.aa-mercury .aa-job-dialog-meta {
  display: flex;
  min-width: 0;
  flex: 0 0 auto;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding: 0 16px;
  color: var(--aa-muted);
  font-size: 12px;
}

.aa-mercury .aa-job-dialog-meta > span:not(.aa-badge) {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
  overflow-wrap: anywhere;
}

.aa-mercury .aa-job-dialog-meta svg {
  width: 13px;
  height: 13px;
}

.aa-mercury .aa-job-location::before {
  width: 3px;
  height: 3px;
  flex: 0 0 auto;
  content: "";
  background: #aaa8b6;
  border-radius: 50%;
}

.aa-mercury .aa-drawer-tabs::-webkit-scrollbar {
  display: none;
}

.aa-mercury .aa-drawer-tabs .aa-tab > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}


.aa-mercury .aa-job-overview .aa-job-details-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0;
}

.aa-mercury .aa-job-overview .aa-job-details-grid > div {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  align-items: baseline;
  gap: 6px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.aa-mercury .aa-job-overview .aa-job-details-grid dt {
  flex: 0 0 auto;
  color: var(--aa-muted);
  font-size: 12px;
  font-weight: 400;
}

.aa-mercury .aa-job-overview .aa-job-details-grid dd {
  margin: 0;
  color: var(--aa-ink);
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 500;
}

.aa-mercury .aa-job-dialog .aa-job-section p,
.aa-mercury .aa-job-dialog .aa-pre-wrap {
  color: #555563;
  font-size: 13px;
  line-height: 1.7;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}


.aa-mercury .aa-job-summary {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.aa-mercury .aa-job-dialog .aa-job-summary p {
  margin: 0;
  line-height: 1.65;
}

.aa-mercury .aa-job-description-disclosure > summary {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  cursor: pointer;
  list-style: none;
}

.aa-mercury .aa-job-description-disclosure > summary::-webkit-details-marker {
  display: none;
}

.aa-mercury .aa-job-description-title {
  font-size: 13px;
  font-weight: 500;
}

.aa-mercury .aa-job-description-action {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--aa-accent);
  font-size: 11px;
}

.aa-mercury .aa-job-description-action svg {
  width: 14px;
  height: 14px;
}

.aa-mercury .aa-description-hide,
.aa-mercury details[open] .aa-description-show {
  display: none;
}

.aa-mercury details[open] .aa-description-hide {
  display: inline;
}

.aa-mercury details[open] .aa-job-description-action svg {
  transform: rotate(180deg);
}

.aa-mercury .aa-job-description-disclosure > p {
  margin-top: 12px;
}

.aa-mercury .aa-job-dialog .aa-job-skills {
  margin: 0;
  color: #555563;
  font-size: 13px;
  line-height: 1.6;
  white-space: normal;
  overflow-wrap: anywhere;
}

.aa-mercury .aa-job-dialog .aa-company-industry {
  display: block;
  margin: 0 0 8px;
  padding: 0;
  color: var(--aa-muted);
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 12px;
  line-height: 1.4;
}

.aa-mercury .aa-job-highlights {
  display: grid;
  gap: 8px;
  padding: 0;
  list-style: none;
}

.aa-mercury .aa-job-highlights li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #555563;
  font-size: 12px;
  line-height: 1.55;
}

.aa-mercury .aa-job-highlights li > span:first-child {
  color: var(--aa-accent);
  font-size: 18px;
  line-height: 0.9;
}


.aa-mercury .aa-job-dialog .aa-detail-list {
  gap: 9px;
}

.aa-mercury .aa-job-dialog .aa-detail-list li {
  gap: 9px;
  font-size: 12px;
  line-height: 1.5;
}

.aa-mercury .aa-job-dialog .aa-detail-list-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
  border-radius: 50%;
}

.aa-mercury .aa-job-dialog .aa-detail-list-icon svg {
  width: 11px;
  height: 11px;
  margin: 0;
}

.aa-mercury .aa-job-dialog .aa-detail-list-match .aa-detail-list-icon {
  color: var(--aa-success);
  background: #eef7f2;
}

.aa-mercury .aa-job-dialog .aa-detail-list-gap .aa-detail-list-icon {
  color: var(--aa-danger);
  background: #fff2f0;
  border: 1px solid #f2c9c3;
}

.aa-mercury .aa-job-dialog .aa-detail-list-evidence .aa-detail-list-icon {
  color: var(--aa-muted);
  background: var(--aa-canvas);
}

.aa-mercury .aa-job-dialog-footer {
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  box-sizing: border-box;
  min-height: 64px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px));
  background: var(--aa-canvas);
  border-top: 1px solid var(--aa-border);
}

.aa-mercury .aa-job-dialog-footer > :only-child {
  margin-left: auto;
}

.aa-mercury .aa-job-dialog-footer-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex-wrap: wrap;
}

.aa-mercury .aa-document-list {
  display: grid;
  gap: 8px;
}

.aa-mercury .aa-document-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px;
  color: var(--aa-ink);
  background: var(--aa-canvas);
  border: 1px solid var(--aa-border);
  border-radius: 10px;
  text-decoration: none;
}

.aa-mercury .aa-document-row:hover {
  background: var(--aa-wash);
}

.aa-mercury .aa-document-row > span {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

.aa-mercury .aa-document-row strong,
.aa-mercury .aa-document-row small {
  display: block;
}

.aa-mercury .aa-document-row strong {
  font-size: 12px;
  font-weight: 500;
}

.aa-mercury .aa-document-row small {
  margin-top: 2px;
  color: var(--aa-muted);
  font-size: 9px;
}

.aa-mercury .aa-document-row.is-disabled {
  opacity: 0.65;
}

.aa-mercury .aa-timeline {
  display: grid;
  gap: 0;
  padding: 0;
  list-style: none;
}

.aa-mercury .aa-timeline li {
  position: relative;
  display: flex;
  gap: 12px;
  min-height: 54px;
}

.aa-mercury .aa-timeline li > span {
  width: 9px;
  height: 9px;
  margin-top: 5px;
  background: var(--aa-accent);
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--aa-accent);
}

.aa-mercury .aa-timeline li:not(:last-child)::before {
  position: absolute;
  top: 15px;
  bottom: 0;
  left: 4px;
  content: "";
  border-left: 1px solid #d9d7ed;
}

.aa-mercury .aa-timeline strong,
.aa-mercury .aa-timeline time {
  display: block;
}

.aa-mercury .aa-timeline strong {
  font-size: 12px;
  font-weight: 500;
}

.aa-mercury .aa-timeline time {
  margin-top: 3px;
  color: var(--aa-muted);
  font-size: 10px;
}

.aa-mercury .aa-confirmation {
  padding: 15px;
  color: var(--aa-success);
  background: #eef7f2;
  border-radius: 10px;
}

.aa-mercury .aa-confirmation h3 {
  display: flex;
  align-items: center;
  gap: 7px;
}

.aa-mercury .aa-confirmation p {
  margin: 7px 0;
  font-size: 11px;
}

.aa-mercury .aa-confirmation a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--aa-success);
  font-size: 11px;
}

.aa-mercury .aa-contact-list {
  display: grid;
  gap: 9px;
}

.aa-mercury .aa-contact-list article {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 10px 0;
  border-bottom: 1px solid var(--aa-border);
}

.aa-mercury .aa-contact-list article > div {
  min-width: 0;
  flex: 1;
}

.aa-mercury .aa-contact-list strong,
.aa-mercury .aa-contact-list p,
.aa-mercury .aa-contact-list blockquote {
  display: block;
  overflow-wrap: anywhere;
}

.aa-mercury .aa-contact-list strong {
  font-size: 12px;
  font-weight: 500;
}

.aa-mercury .aa-contact-list p,
.aa-mercury .aa-contact-list blockquote {
  margin: 3px 0 0;
  color: var(--aa-muted);
  font-size: 10px;
}

.aa-mercury .aa-history {
  display: grid;
  gap: 9px;
  padding: 0;
  list-style: none;
}

.aa-mercury .aa-history li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 9px;
  border-bottom: 1px solid var(--aa-border);
  font-size: 11px;
}

.aa-mercury .aa-history time {
  flex: 0 0 auto;
  color: var(--aa-muted);
  font-size: 9px;
}

.aa-mercury .aa-job-dialog .aa-fit-summary {
  padding: 16px;
  background: var(--aa-wash);
  border: 1px solid var(--aa-border);
  border-radius: 11px;
}

.aa-mercury .aa-job-dialog .aa-fit-header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.aa-mercury .aa-job-dialog .aa-fit-reason {
  margin: 10px 0;
  font-size: 13px;
  line-height: 1.65;
}

.aa-mercury .aa-job-dialog .aa-fit-confidence {
  margin: 6px 0 0;
  color: var(--aa-muted);
  font-size: 11px;
  line-height: 1.4;
}

.aa-mercury .aa-job-dialog .aa-fit-scope {
  margin: 6px 0 0;
  color: var(--aa-muted);
  font-size: 11px;
  line-height: 1.45;
}

.aa-mercury .aa-review-fit-scope {
  margin: 4px 0 8px;
  line-height: 1.45;
}

.aa-mercury .aa-job-dialog .aa-fit-summary h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}


.aa-mercury .aa-empty-inline {
  padding: 28px 16px;
  color: var(--aa-muted);
  background: var(--aa-canvas);
  border-radius: 10px;
  font-size: 12px;
  text-align: center;
}

.aa-mercury .aa-section-tabs {
  margin-bottom: 22px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--aa-border);
}

.aa-mercury .aa-outreach-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.aa-mercury .aa-outreach-opportunity {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 21px;
}

.aa-mercury .aa-outreach-opportunity header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.aa-mercury .aa-outreach-opportunity header > div {
  min-width: 0;
  flex: 1;
}

.aa-mercury .aa-outreach-opportunity h2 {
  font-size: 15px;
}

.aa-mercury .aa-outreach-opportunity header p {
  margin-top: 4px;
  color: var(--aa-muted);
  font-size: 11px;
}

.aa-mercury .aa-outreach-contact-count {
  display: flex;
  align-items: baseline;
  gap: 7px;
  padding: 22px 0;
  margin: 20px 0;
  border-top: 1px solid var(--aa-border);
  border-bottom: 1px solid var(--aa-border);
}

.aa-mercury .aa-outreach-contact-count strong {
  font-size: 28px;
  font-weight: 500;
}

.aa-mercury .aa-outreach-contact-count span {
  color: var(--aa-muted);
  font-size: 10px;
}

.aa-mercury .aa-outreach-packages {
  display: grid;
  gap: 24px;
}

.aa-mercury .aa-outreach-package {
  overflow: hidden;
}

.aa-mercury .aa-package-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 25px;
  border-bottom: 1px solid var(--aa-border);
}

.aa-mercury .aa-package-header > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
}

.aa-mercury .aa-package-header h2 {
  font-size: 20px;
}

.aa-mercury .aa-package-header p {
  color: var(--aa-muted);
  font-size: 11px;
}

.aa-mercury .aa-package-content {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 1fr);
}

.aa-mercury .aa-package-messages {
  min-width: 0;
  padding: 26px;
}

.aa-mercury .aa-package-messages article + article {
  padding-top: 22px;
  margin-top: 22px;
  border-top: 1px solid var(--aa-border);
}

.aa-mercury .aa-package-messages h3 {
  margin: 13px 0 18px;
  font-size: 16px;
}

.aa-mercury .aa-package-messages small {
  display: block;
  margin-top: 18px;
  color: var(--aa-muted);
  font-size: 10px;
}

.aa-mercury .aa-package-details {
  padding: 26px;
  background: #fdfdfe;
  border-left: 1px solid var(--aa-border);
}

.aa-mercury .aa-package-details h3 {
  margin: 0 0 10px;
  font-size: 13px;
}

.aa-mercury .aa-package-details h3:not(:first-child) {
  margin-top: 26px;
}

.aa-mercury .aa-package-details ul {
  display: grid;
  gap: 10px;
  padding: 0;
  list-style: none;
}

.aa-mercury .aa-package-details li {
  min-width: 0;
}

.aa-mercury .aa-package-details strong,
.aa-mercury .aa-package-details span {
  display: block;
  overflow-wrap: anywhere;
}

.aa-mercury .aa-package-details strong {
  font-size: 11px;
  font-weight: 500;
}

.aa-mercury .aa-package-details span {
  margin-top: 2px;
  color: var(--aa-muted);
  font-size: 9px;
}

.aa-mercury .aa-package-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 25px;
  color: var(--aa-muted);
  background: #fdfdfe;
  border-top: 1px solid var(--aa-border);
  font-size: 10px;
}

.aa-mercury .aa-package-footer > div {
  display: flex;
  gap: 8px;
}

.aa-mercury .aa-outreach-activity {
  padding: 26px;
}

.aa-mercury .aa-outreach-activity > header {
  padding-bottom: 18px;
}

.aa-mercury .aa-outreach-activity > header p {
  margin-top: 5px;
  color: var(--aa-muted);
  font-size: 11px;
}

.aa-mercury .aa-activity-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 21px 0;
  border-top: 1px solid var(--aa-border);
}

.aa-mercury .aa-activity-symbol {
  display: inline-flex;
  width: 33px;
  height: 33px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: var(--aa-accent);
  background: var(--aa-wash);
  border-radius: 50%;
}

.aa-mercury .aa-activity-symbol svg {
  width: 15px;
  height: 15px;
}

.aa-mercury .aa-activity-row > div:nth-child(2) {
  min-width: 0;
  flex: 1;
}

.aa-mercury .aa-activity-row h3 {
  font-size: 13px;
}

.aa-mercury .aa-activity-row p,
.aa-mercury .aa-activity-row span {
  margin-top: 4px;
  color: var(--aa-muted);
  font-size: 10px;
}

.aa-mercury .aa-activity-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.aa-mercury .aa-settings-content,
.aa-mercury .aa-billing-content {
  max-width: 980px;
  padding: 0 16px 8px;
  margin: 30px auto 0;
}

.aa-mercury .aa-section-title {
  padding-bottom: 8px;
  margin-bottom: 10px;
}

.aa-mercury .aa-section-title h2 {
  margin-bottom: 7px;
}

.aa-mercury .aa-section-title p {
  color: var(--aa-muted);
  font-size: 12px;
}

.aa-mercury .aa-field-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(260px, 1.65fr);
  gap: 32px;
  align-items: start;
  padding: 24px 0;
  border-bottom: 1px solid var(--aa-border);
}

.aa-mercury .aa-field-row:last-child {
  border-bottom: 0;
}

.aa-mercury .aa-field-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
}

.aa-mercury .aa-field-help {
  max-width: 350px;
  margin-top: 5px;
  color: var(--aa-muted);
  font-size: 12px;
  line-height: 1.6;
}

.aa-mercury .aa-field-error {
  min-height: 18px;
  margin-top: 6px;
  color: var(--aa-danger);
  font-size: 12px;
}

.aa-mercury .aa-field-error:empty {
  visibility: hidden;
}

.aa-mercury .aa-settings-modes {
  overflow: hidden;
  border: 1px solid var(--aa-border);
  border-radius: 12px;
}

.aa-mercury .aa-settings-mode {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 15px;
  background: #fff;
  border-bottom: 1px solid var(--aa-border);
}

.aa-mercury .aa-settings-mode:last-child {
  border-bottom: 0;
}

.aa-mercury .aa-settings-mode.is-active {
  background: var(--aa-wash);
}

.aa-mercury .aa-settings-mode > span {
  min-width: 0;
  flex: 1;
}

.aa-mercury .aa-settings-mode strong,
.aa-mercury .aa-settings-mode small {
  display: block;
}

.aa-mercury .aa-settings-mode strong {
  font-size: 13px;
  font-weight: 500;
}

.aa-mercury .aa-settings-mode small {
  margin-top: 4px;
  color: var(--aa-muted);
  font-size: 10px;
  line-height: 1.5;
}

.aa-mercury .aa-limit-input {
  max-width: 160px;
}

.aa-mercury .aa-toggle-list {
  display: grid;
  gap: 8px;
}

.aa-mercury .aa-toggle-list label {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 14px;
  background: var(--aa-canvas);
  border: 1px solid var(--aa-border);
  border-radius: 10px;
}

.aa-mercury .aa-toggle-list label > span {
  min-width: 0;
  flex: 1;
}

.aa-mercury .aa-toggle-list strong,
.aa-mercury .aa-toggle-list small {
  display: block;
}

.aa-mercury .aa-toggle-list strong {
  font-size: 12px;
  font-weight: 500;
}

.aa-mercury .aa-toggle-list small {
  margin-top: 3px;
  color: var(--aa-muted);
  font-size: 10px;
}

.aa-mercury .aa-profile-card {
  padding: 24px 26px;
}

.aa-mercury .aa-profile-card > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 8px;
}

.aa-mercury .aa-export-row {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 30px 0;
  border-bottom: 1px solid var(--aa-border);
}

.aa-mercury .aa-export-row > span {
  display: inline-flex;
  width: 50px;
  height: 50px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: var(--aa-accent);
  background: var(--aa-wash);
  border-radius: 12px;
}

.aa-mercury .aa-export-row > div {
  min-width: 0;
  flex: 1;
}

.aa-mercury .aa-export-row h3 {
  font-size: 14px;
}

.aa-mercury .aa-export-row p,
.aa-mercury .aa-export-row small {
  display: block;
  margin-top: 5px;
  color: var(--aa-muted);
  font-size: 11px;
}

.aa-mercury .aa-export-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 17px 0;
  color: var(--aa-muted);
  font-size: 11px;
}

.aa-mercury .aa-billing-warning {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  margin-bottom: 20px;
  color: var(--aa-danger);
  background: #fff1ef;
  border: 1px solid #f3d2cc;
  border-radius: 12px;
}

.aa-mercury .aa-billing-warning > span {
  min-width: 0;
  flex: 1;
  font-size: 11px;
}

.aa-mercury .aa-billing-warning strong {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}

.aa-mercury .aa-billing-plan {
  padding: 25px;
  box-shadow: none;
}

.aa-mercury .aa-billing-plan > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.aa-mercury .aa-billing-plan header h3 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 6px 0 8px;
  font-size: 25px;
  font-weight: 400;
}

.aa-mercury .aa-billing-plan header p:last-child {
  color: var(--aa-muted);
  font-size: 11px;
}

.aa-mercury .aa-billing-price {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1.3;
  text-align: right;
}

.aa-mercury .aa-billing-price span {
  display: block;
  margin-top: 4px;
  color: var(--aa-muted);
  font-size: 10px;
  letter-spacing: 0;
}

.aa-mercury .aa-billing-usage {
  padding-top: 21px;
  margin: 28px 0;
  border-top: 1px solid var(--aa-border);
}

.aa-mercury .aa-billing-usage > div,
.aa-mercury .aa-billing-usage > p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.aa-mercury .aa-billing-usage > div {
  margin-bottom: 10px;
  font-size: 12px;
}

.aa-mercury progress {
  display: block;
  width: 100%;
  height: 7px;
  overflow: hidden;
  appearance: none;
  background: #eeeef4;
  border: 0;
  border-radius: 7px;
}

.aa-mercury progress::-webkit-progress-bar {
  background: #eeeef4;
}

.aa-mercury progress::-webkit-progress-value {
  background: var(--aa-accent);
  border-radius: 7px;
}

.aa-mercury progress::-moz-progress-bar {
  background: var(--aa-accent);
  border-radius: 7px;
}

.aa-mercury .aa-billing-usage > p {
  margin-top: 10px;
  color: var(--aa-muted);
  font-size: 10px;
}

.aa-mercury .aa-billing-usage > p strong {
  color: var(--aa-ink);
  font-size: 11px;
  font-weight: 500;
}

.aa-mercury .aa-billing-plan > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: var(--aa-muted);
  font-size: 10px;
}

.aa-mercury .aa-billing-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 27px 0;
  border-bottom: 1px solid var(--aa-border);
}

.aa-mercury .aa-billing-row:last-child {
  border-bottom: 0;
}

.aa-mercury .aa-billing-row h3 {
  margin-bottom: 7px;
  font-size: 14px;
}

.aa-mercury .aa-billing-row p {
  color: var(--aa-muted);
  font-size: 12px;
}

.aa-mercury .aa-inbox-toolbar {
  flex-wrap: wrap;
  padding: 5px 0 17px;
  margin: 0;
}

.aa-mercury .aa-folder-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.aa-mercury .aa-folder-tabs .aa-button.is-active {
  color: #fff;
  background: var(--aa-accent);
  border-color: var(--aa-accent);
}

.aa-mercury .aa-inbox-unread {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px;
  font-size: 11px;
  white-space: nowrap;
}

.aa-mercury .aa-inbox-panes {
  display: grid;
  min-height: 0;
  flex: 1;
  grid-template-columns: minmax(280px, 1fr) minmax(0, 2fr);
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--aa-border);
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
}

.aa-mercury .aa-inbox-list-region,
.aa-mercury .aa-inbox-reader-region {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
}

.aa-mercury .aa-inbox-list-region {
  background: #fdfdfe;
  border-right: 1px solid var(--aa-border);
}

.aa-mercury .aa-mail-list-meta {
  display: flex;
  min-height: 45px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 14px;
  color: var(--aa-muted);
  border-bottom: 1px solid var(--aa-border);
  font-size: 10px;
}

.aa-mercury .aa-mail-list-meta label,
.aa-mercury .aa-mail-list-meta > div {
  display: flex;
  align-items: center;
  gap: 9px;
}

.aa-mercury .aa-mail-list {
  min-height: 0;
  flex: 1;
  overflow: auto;
  overscroll-behavior: contain;
}

.aa-mercury .aa-mail-list-item {
  display: flex;
  min-width: 0;
  border-bottom: 1px solid var(--aa-border);
}

.aa-mercury .aa-mail-list-item:hover,
.aa-mercury .aa-mail-list-item.is-active {
  background: var(--aa-wash);
}

.aa-mercury .aa-mail-list-item > label {
  flex: 0 0 auto;
  padding: 17px 0 0 14px;
}

.aa-mercury .aa-mail-row {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  padding: 13px 14px 14px 11px;
  background: transparent;
  text-align: left;
}

.aa-mercury .aa-mail-row > span {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.aa-mercury .aa-mail-row strong,
.aa-mercury .aa-mail-row b,
.aa-mercury .aa-mail-row p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aa-mercury .aa-mail-row strong,
.aa-mercury .aa-mail-row b {
  font-size: 11px;
  font-weight: 500;
}

.aa-mercury .aa-mail-list-item.is-unread .aa-mail-row strong,
.aa-mercury .aa-mail-list-item.is-unread .aa-mail-row b {
  color: var(--aa-ink);
  font-weight: 700;
}

.aa-mercury .aa-mail-row time,
.aa-mercury .aa-mail-row p,
.aa-mercury .aa-mail-row > span:last-child > small:last-child {
  color: var(--aa-muted);
  font-size: 9px;
}

.aa-mercury .aa-mail-row > span:last-child {
  justify-content: flex-start;
}

.aa-mercury .aa-mail-loading {
  display: grid;
  gap: 8px;
  padding: 12px;
}

.aa-mercury .aa-mail-loading span {
  display: block;
  height: 82px;
  background: linear-gradient(90deg, #f4f4f7 20%, #fafafd 50%, #f4f4f7 80%);
  border-radius: 10px;
  background-size: 200% 100%;
  animation: aa-mercury-loading 1.3s infinite linear;
}

@keyframes aa-mercury-loading {
  to { background-position: -200% 0; }
}

.aa-mercury .aa-inbox-reader-region {
  background: #fff;
}

.aa-mercury .aa-mail-reader {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
}

.aa-mercury .aa-inbox-mobile-bar {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 9px 14px;
  border-bottom: 1px solid var(--aa-border);
}

.aa-mercury .aa-inbox-mobile-bar > div,
.aa-mercury .aa-reader-actions {
  display: flex;
  gap: 5px;
}

.aa-mercury .aa-mail-reader-scroll {
  min-height: 0;
  flex: 1;
  padding: 26px 28px;
  overflow: auto;
  overscroll-behavior: contain;
}

.aa-mercury .aa-mail-reader-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.aa-mercury .aa-mail-reader-header h2 {
  margin-bottom: 21px;
  font-size: 20px;
  line-height: 1.45;
}

.aa-mercury .aa-mail-sender {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.aa-mercury .aa-mail-sender > div {
  min-width: 0;
}

.aa-mercury .aa-mail-sender strong,
.aa-mercury .aa-mail-sender span,
.aa-mercury .aa-mail-sender time {
  display: block;
  overflow-wrap: anywhere;
}

.aa-mercury .aa-mail-sender strong {
  font-size: 11px;
  font-weight: 500;
}

.aa-mercury .aa-mail-sender span,
.aa-mercury .aa-mail-sender time {
  margin-top: 2px;
  color: var(--aa-muted);
  font-size: 9px;
}

.aa-mercury .aa-mail-application {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px;
  margin: 24px 0;
  background: var(--aa-wash);
  border-radius: 10px;
}

.aa-mercury .aa-mail-application strong,
.aa-mercury .aa-mail-application p {
  display: block;
}

.aa-mercury .aa-mail-application strong {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
}

.aa-mercury .aa-mail-application p {
  color: var(--aa-muted);
  font-size: 10px;
}

.aa-mercury .aa-mail-body {
  min-height: 180px;
  color: #444451;
  font-size: 13px;
  line-height: 1.78;
  overflow-wrap: anywhere;
}

.aa-mercury .aa-sanitized-email :first-child {
  margin-top: 0;
}

.aa-mercury .aa-sanitized-email :last-child {
  margin-bottom: 0;
}

.aa-mercury .aa-sanitized-email a {
  color: var(--aa-accent);
}

.aa-mercury .aa-sanitized-email table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

.aa-mercury .aa-sanitized-email td,
.aa-mercury .aa-sanitized-email th {
  padding: 6px;
  border: 1px solid var(--aa-border);
}

.aa-mercury .aa-mail-attachments {
  padding-top: 18px;
  margin-top: 24px;
  border-top: 1px solid var(--aa-border);
}

.aa-mercury .aa-mail-attachments h3 {
  margin-bottom: 10px;
  font-size: 12px;
}

.aa-mercury .aa-mail-attachments > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.aa-mercury .aa-mail-reader-footer {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 18px;
  background: #fdfdfe;
  border-top: 1px solid var(--aa-border);
}

.aa-mercury .aa-mail-reader-footer label {
  width: min(230px, 55%);
}

.aa-mercury .aa-inbox-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 12px;
  margin-bottom: 8px;
  border-radius: 9px;
  font-size: 11px;
}

.aa-mercury .aa-inbox-notice-success {
  color: var(--aa-success);
  background: #eef7f2;
}

.aa-mercury .aa-inbox-notice-error {
  color: var(--aa-danger);
  background: #fff1ef;
}

.aa-mercury .aa-inbox-notice button {
  color: inherit;
  background: transparent;
  text-decoration: underline;
}

.aa-mercury .aa-reply-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.aa-mercury .aa-reply-body .aa-field-label {
  margin-top: 7px;
  font-size: 12px;
}

.aa-mercury .aa-notice {
  position: fixed;
  z-index: 90;
  right: 22px;
  bottom: 20px;
  display: flex;
  max-width: min(470px, calc(100vw - 32px));
  align-items: center;
  gap: 14px;
  padding: 13px 15px;
  color: #fff;
  background: var(--aa-ink);
  border-radius: 12px;
  box-shadow: 0 6px 24px rgb(30 30 42 / 20%);
  font-size: 12px;
}

.aa-mercury .aa-notice > span {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: center;
  gap: 8px;
}

.aa-mercury .aa-notice button {
  padding: 2px;
  color: #fff;
  background: transparent;
}

.aa-mercury .aa-upgrade-header {
  position: sticky;
  z-index: 20;
  top: 0;
  display: flex;
  min-height: 66px;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
  background: rgb(255 255 255 / 96%);
  border-bottom: 1px solid var(--aa-border);
  backdrop-filter: blur(12px);
}

.aa-mercury .aa-upgrade-content {
  padding-bottom: 64px;
}

.aa-mercury .aa-upgrade-hero {
  max-width: 760px;
  padding: 54px 24px 34px;
  margin: auto;
  text-align: center;
}

.aa-mercury .aa-upgrade-hero h1 {
  margin: 13px 0 18px;
  font-size: 50px;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 1.14;
}

.aa-mercury .aa-upgrade-hero h1 span {
  color: var(--aa-accent);
}

.aa-mercury .aa-upgrade-hero > p {
  color: var(--aa-muted);
  font-size: 14px;
}

.aa-mercury .aa-upgrade-hero > small {
  display: block;
  margin-top: 12px;
  color: #838392;
  font-size: 10px;
}

.aa-mercury .aa-upgrade-cards {
  display: flex;
  gap: 24px;
  max-width: 980px;
  padding: 18px 24px 20px;
  margin: 0 auto;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

.aa-mercury .aa-plan-card {
  display: flex;
  width: 360px;
  min-width: 340px;
  flex: 1;
  flex-direction: column;
  padding: 24px;
  border-radius: 16px;
  scroll-snap-align: center;
}

.aa-mercury .aa-plan-card.is-selected {
  border-color: var(--aa-accent);
  box-shadow: 0 0 0 1px var(--aa-accent), 0 6px 20px rgb(87 84 214 / 5%);
}

.aa-mercury .aa-plan-card > div:first-child {
  min-height: 24px;
  margin-bottom: 13px;
}

.aa-mercury .aa-plan-card h2 {
  font-size: 24px;
}

.aa-mercury .aa-plan-card > p {
  min-height: 42px;
  margin: 8px 0 20px;
  color: var(--aa-muted);
  font-size: 12px;
}

.aa-mercury .aa-plan-card > strong {
  font-size: 34px;
  font-weight: 400;
  letter-spacing: -0.04em;
}

.aa-mercury .aa-plan-card > strong small {
  color: var(--aa-muted);
  font-size: 11px;
  letter-spacing: 0;
}

.aa-mercury .aa-plan-card ul {
  display: grid;
  flex: 1;
  gap: 10px;
  padding: 22px 0;
  list-style: none;
}

.aa-mercury .aa-plan-card li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--aa-muted);
  font-size: 11px;
}

.aa-mercury .aa-plan-card li svg {
  width: 14px;
  height: 14px;
  margin-top: 1px;
  color: var(--aa-success);
}

.aa-mercury .aa-upgrade-primary {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  padding: 19px 24px 48px;
  text-align: center;
}

.aa-mercury .aa-upgrade-primary > .aa-button {
  min-width: 230px;
  min-height: 44px;
  padding: 13px 24px;
}

.aa-mercury .aa-upgrade-primary p {
  color: var(--aa-muted);
  font-size: 10px;
}

.aa-mercury .aa-upgrade-comparison {
  max-width: 950px;
  padding: 0 24px 45px;
  margin: 22px auto 0;
}

.aa-mercury .aa-upgrade-comparison > .aa-section-title {
  margin-bottom: 24px;
  text-align: center;
}

.aa-mercury .aa-upgrade-comparison .aa-section-title h2 {
  font-size: 27px;
}

.aa-mercury .aa-comparison-table {
  overflow: hidden;
  box-shadow: none;
}

.aa-mercury .aa-comparison-table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: left;
}

.aa-mercury .aa-comparison-table th,
.aa-mercury .aa-comparison-table td {
  padding: 18px 24px;
  border-bottom: 1px solid var(--aa-border);
  font-size: 12px;
  font-weight: 400;
}

.aa-mercury .aa-comparison-table thead th {
  color: var(--aa-muted);
  background: #fdfdfe;
  font-size: 10px;
}

.aa-mercury .aa-comparison-table > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  padding: 18px;
  color: var(--aa-muted);
  font-size: 11px;
}

.aa-mercury .aa-comparison-table > div strong {
  color: var(--aa-accent);
  font-size: 20px;
  font-weight: 500;
}

.aa-mercury .aa-upgrade-sample {
  display: grid;
  max-width: 1100px;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  padding: 48px 35px;
  margin: 20px auto 0;
  border-top: 1px solid var(--aa-border);
}

.aa-mercury .aa-upgrade-sample h2 {
  max-width: 360px;
  margin: 12px 0 18px;
  font-size: 31px;
}

.aa-mercury .aa-upgrade-sample p {
  margin-bottom: 16px;
  color: var(--aa-muted);
  font-size: 13px;
  line-height: 1.8;
}

.aa-mercury .aa-sample-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.aa-mercury .aa-sample-actions > button {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px;
  background: #fff;
  border: 1px solid var(--aa-border);
  border-radius: 10px;
  text-align: left;
}

.aa-mercury .aa-sample-actions > button:hover {
  background: var(--aa-wash);
  border-color: #c9c6ea;
}

.aa-mercury .aa-sample-actions > button > span {
  min-width: 0;
  flex: 1;
}

.aa-mercury .aa-sample-actions strong,
.aa-mercury .aa-sample-actions small {
  display: block;
}

.aa-mercury .aa-sample-actions strong {
  font-size: 12px;
  font-weight: 500;
}

.aa-mercury .aa-sample-actions small {
  margin-top: 5px;
  color: var(--aa-muted);
  font-size: 10px;
}

.aa-mercury .aa-referral-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  padding-top: 22px;
}

.aa-mercury .aa-referral-body h2 {
  font-size: 23px;
  letter-spacing: -0.65px;
  line-height: 1.35;
}

.aa-mercury .aa-referral-body h2 span {
  display: block;
  color: var(--aa-accent);
}

.aa-mercury .aa-referral-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 24px 0 12px;
}

.aa-mercury .aa-referral-metrics > div {
  padding: 14px;
  background: var(--aa-wash);
  border-radius: 15px;
  text-align: center;
}

.aa-mercury .aa-referral-metrics small,
.aa-mercury .aa-referral-metrics strong {
  display: block;
}

.aa-mercury .aa-referral-metrics small {
  color: var(--aa-muted);
  font-size: 10px;
}

.aa-mercury .aa-referral-metrics strong {
  margin-top: 6px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.1;
}

.aa-mercury .aa-referral-progress-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  color: var(--aa-muted);
  font-size: 9px;
}

.aa-mercury .aa-referral-sharing {
  padding: 16px;
  margin-top: 18px;
  background: var(--aa-canvas);
  border: 1px solid var(--aa-border);
  border-radius: 16px;
}

.aa-mercury .aa-referral-sharing > div {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 9px 0 12px;
}

.aa-mercury .aa-referral-sharing .aa-input {
  min-width: 0;
  font-size: 10px;
}

.aa-mercury .aa-referral-sharing > .aa-button {
  width: 100%;
}

.aa-mercury .aa-clipboard-fallback {
  margin: 10px 0;
  overflow-wrap: anywhere;
  color: var(--aa-muted);
  font-size: 9px;
}

.aa-mercury .aa-referral-body > aside {
  padding: 20px;
  background: var(--aa-canvas);
  border: 1px solid var(--aa-border);
  border-radius: 18px;
}

.aa-mercury .aa-referral-body > aside h3 {
  margin-bottom: 16px;
}

.aa-mercury .aa-referral-body dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.aa-mercury .aa-referral-body dl > div {
  padding: 12px;
  background: #fff;
  border: 1px solid var(--aa-border);
  border-radius: 10px;
}

.aa-mercury .aa-referral-body dt {
  color: var(--aa-muted);
  font-size: 9px;
}

.aa-mercury .aa-referral-body dd {
  margin-top: 5px;
  overflow-wrap: anywhere;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1160px) {
  .aa-mercury .aa-outreach-grid {
    grid-template-columns: 1fr;
  }

  .aa-mercury .aa-package-content {
    grid-template-columns: 1fr;
  }

  .aa-mercury .aa-package-details {
    border-top: 1px solid var(--aa-border);
    border-left: 0;
  }
}

@media (max-width: 1023px) {
  .aa-mercury .aa-page-actions {
    gap: 6px;
  }

  .aa-mercury .aa-field-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .aa-mercury .aa-review-body {
    grid-template-columns: 1fr;
  }

  .aa-mercury .aa-inbox-search-tools {
    width: 100%;
  }

  .aa-mercury .aa-inbox-search-tools .aa-search {
    flex: 1;
  }

  .aa-mercury .aa-inbox-search-tools .aa-search input {
    width: 100%;
  }

  .aa-mercury .aa-inbox-panes {
    display: flex;
  }

  .aa-mercury .aa-inbox-list-region,
  .aa-mercury .aa-inbox-reader-region {
    width: 100%;
  }

  .aa-mercury .aa-inbox-reader-region {
    display: none;
  }

  .aa-mercury .aa-inbox-panes.has-reader .aa-inbox-reader-region {
    display: flex;
  }

  .aa-mercury .aa-inbox-panes.has-reader .aa-inbox-list-region {
    display: none;
  }

  .aa-mercury .aa-workspace-content.is-inbox:has(.aa-inbox-panes.has-reader) .aa-inbox-toolbar {
    display: none;
  }

  .aa-mercury .aa-inbox-mobile-bar {
    display: flex;
  }

  .aa-mercury .aa-inbox-list-region {
    border-right: 0;
  }
}

@media (max-width: 767px) {
  .aa-mercury h1 {
    font-size: 24px;
  }

  .aa-mercury .aa-sidebar,
  .aa-mercury .aa-profile-menu {
    display: none;
  }

  .aa-mercury .aa-mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px 4px;
  }

  .aa-mercury .aa-mobile-header .aa-brand {
    font-size: 21px;
  }

  .aa-mercury .aa-workspace-shell,
  .aa-mercury.aa-sidebar-collapsed .aa-workspace-shell {
    min-height: calc(100dvh - 150px);
    margin: 8px 8px calc(80px + env(safe-area-inset-bottom));
    border-radius: 16px;
  }

  .aa-mercury .aa-workspace-shell.is-fixed-workspace {
    display: flex;
    height: calc(100dvh - 150px);
    min-height: 420px;
  }

  .aa-mercury .aa-workspace-content {
    padding: 14px 12px 18px;
  }

  .aa-mercury .aa-workspace-content.is-inbox {
    min-height: 0;
    padding-bottom: 0;
  }

  .aa-mercury .aa-bottom-nav {
    position: fixed;
    z-index: 40;
    inset: auto 0 0;
    display: flex;
    min-height: 68px;
    justify-content: space-around;
    padding: 8px 8px max(8px, env(safe-area-inset-bottom));
    background: rgb(255 255 255 / 96%);
    border-top: 1px solid var(--aa-border);
    backdrop-filter: blur(14px);
  }

  .aa-mercury .aa-bottom-nav button {
    display: flex;
    min-width: 64px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    padding: 5px 8px;
    color: var(--aa-muted);
    background: transparent;
    border-radius: 8px;
    font-size: 10px;
  }

  .aa-mercury .aa-bottom-nav button.is-active {
    color: var(--aa-accent);
    background: var(--aa-wash);
  }

  .aa-mercury .aa-bottom-nav svg {
    width: 20px;
    height: 20px;
  }

  .aa-mercury .aa-page-header {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
  }

  .aa-mercury .aa-page-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .aa-mercury .aa-credit-strip {
    order: 3;
  }

  .aa-workspace-content.is-jobs .aa-page-header .aa-page-heading p {
    display: none;
  }

  .aa-workspace-content.is-jobs .aa-page-actions .aa-workspace-refresh {
    display: none;
  }

  .aa-mercury .aa-dashboard-tab-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
  }

  .aa-mercury .aa-dashboard-tab-row > .aa-tabs,
  .aa-mercury .aa-mode-control,
  .aa-mercury .aa-mode-control > .aa-button {
    width: 100%;
  }

  .aa-mercury .aa-mode-menu {
    right: auto;
    left: 0;
    width: min(100%, 330px);
  }

  .aa-mercury .aa-metric-grid {
    gap: 8px;
  }

  .aa-mercury .aa-metric-card {
    min-height: 80px;
    padding: 10px;
  }

  .aa-mercury .aa-metric-card > strong {
    font-size: 24px;
  }

  .aa-mercury .aa-dashboard-toolbar {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
  }

  .aa-mercury .aa-dashboard-toolbar .aa-stage-tabs {
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }

  .aa-mercury .aa-dashboard-toolbar .aa-stage-tabs::-webkit-scrollbar {
    display: none;
  }

  .aa-mercury .aa-dashboard-toolbar .aa-stage-tabs .aa-tab {
    flex-shrink: 0;
  }

  .aa-mercury .aa-dashboard-toolbar .aa-search-tools {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: 100%;
  }

  .aa-mercury .aa-dashboard-toolbar .aa-search-tools .aa-search {
    flex: 1;
    min-width: 0;
  }

  .aa-mercury .aa-dashboard-toolbar .aa-search-tools .aa-search input {
    width: 100%;
  }

  .aa-mercury .aa-dashboard-toolbar .aa-search-tools #aa-job-sort,
  .aa-mercury .aa-dashboard-toolbar .aa-search-tools label:has(#aa-job-sort) {
    width: 96px;
    min-width: 96px;
    max-width: 96px;
    flex-shrink: 0;
  }

  .aa-mercury .aa-job-table table {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .aa-mercury .aa-job-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .aa-mercury .aa-job-table tbody {
    display: block;
    width: 100%;
  }

  .aa-mercury .aa-job-table tbody tr[data-record-id] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 12px;
    border-bottom: 1px solid var(--aa-border);
  }

  .aa-mercury .aa-job-table tbody tr[data-record-id]:last-child {
    border-bottom: 0;
  }

  .aa-mercury .aa-job-table tbody tr[data-record-id] td {
    display: block;
    height: auto;
    min-height: 0;
    padding: 0;
    border: 0;
  }

  .aa-mercury .aa-job-cell-company {
    grid-column: 1 / -1;
  }

  .aa-mercury .aa-job-cell-posting {
    grid-column: 1 / -1;
  }

  .aa-mercury .aa-job-cell-updated {
    grid-column: 1;
    display: flex !important;
    align-items: center;
  }

  .aa-mercury .aa-job-cell-action {
    grid-column: 2;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
  }

  .aa-mercury .aa-job-table tbody tr:not([data-record-id]) {
    display: block;
    width: 100%;
  }

  .aa-mercury .aa-job-table tbody tr:not([data-record-id]) td {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    border: 0;
  }

  .aa-mercury .aa-job-table tbody tr[data-record-id] .aa-job-company strong,
  .aa-mercury .aa-job-table tbody tr[data-record-id] .aa-job-posting strong {
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .aa-mercury .aa-job-table tbody tr[data-record-id] .aa-job-posting small {
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .aa-mercury .aa-job-table tbody tr[data-record-id] .aa-job-posting > span {
    flex-wrap: wrap;
    gap: 4px;
  }

  .aa-mercury .aa-job-cell-action .aa-button,
  .aa-mercury .aa-pagination button {
    min-height: 44px;
  }

  .aa-mercury .aa-job-company,
  .aa-mercury .aa-job-posting {
    min-height: 44px;
  }

  .aa-mercury .aa-job-title-toggle {
    min-height: 44px;
  }

  .aa-mercury .aa-job-dialog-footer .aa-button,
  .aa-mercury .aa-job-dialog-header > .aa-icon-button {
    min-height: 44px;
    min-width: 44px;
  }

  .aa-mercury .aa-review-stage {
    padding: 20px 2px 4px;
  }

  .aa-mercury .aa-review-card {
    min-height: 410px;
    max-height: 560px;
    overflow: auto;
  }

  .aa-mercury .aa-review-body {
    gap: 20px;
    padding: 20px 16px;
  }

  .aa-mercury .aa-review-company h2 {
    font-size: 19px;
  }

  .aa-mercury .aa-review-actions {
    position: sticky;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 12px;
  }

  .aa-mercury .aa-review-actions .aa-button {
    min-width: 0;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 11px;
  }

  .aa-mercury .aa-job-dialog {
    inset: 0;
    width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
  }

  .aa-mercury .aa-reply-dialog,
  .aa-mercury .aa-login-details-dialog,
  .aa-mercury .aa-more-dialog,
  .aa-mercury .aa-confirm-dialog {
    position: fixed;
    inset: auto 0 0;
    width: 100vw;
    max-width: 100vw;
    max-height: 85dvh;
    margin: 0;
    border-radius: 16px 16px 0 0;
  }

  .aa-mercury .aa-referral-dialog {
    width: calc(100vw - 16px);
    max-height: 92dvh;
  }

  .aa-mercury .aa-dialog-header {
    padding: 19px 18px 16px;
  }

  .aa-mercury .aa-dialog-body {
    padding: 0 18px 20px;
  }

  .aa-mercury .aa-dialog-footer {
    padding: 14px 18px;
  }

  .aa-mercury .aa-job-dialog-header {
    gap: 12px;
    padding: 12px;
  }

  .aa-mercury .aa-job-dialog-header .aa-company-mark-lg {
    width: 40px;
    height: 40px;
  }

  .aa-mercury .aa-job-dialog-title h2 {
    font-size: 18px;
  }

  .aa-mercury .aa-job-dialog-meta {
    gap: 8px;
    padding: 0 12px;
  }

  .aa-mercury .aa-drawer-tabs {
    max-width: calc(100% - 24px);
    margin: 12px 12px 0;
  }

  .aa-mercury .aa-job-dialog-body {
    padding: 12px;
  }

  .aa-mercury .aa-job-dialog .aa-job-overview {
    gap: 16px;
  }

  .aa-mercury .aa-job-dialog-footer {
    min-height: auto;
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
  }

  .aa-mercury .aa-inbox-header .aa-page-actions .aa-button span {
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .aa-mercury .aa-inbox-filter-tools,
  .aa-mercury .aa-folder-tabs {
    width: 100%;
  }

  .aa-mercury .aa-folder-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .aa-mercury .aa-inbox-filter-tools {
    flex-wrap: wrap;
  }

  .aa-mercury .aa-inbox-filter-tools > label:last-child {
    min-width: 160px;
    flex: 1;
  }

  .aa-mercury .aa-mail-reader-scroll {
    padding: 22px 16px;
  }

  .aa-mercury .aa-reader-actions {
    display: none;
  }

  .aa-mercury .aa-mail-application,
  .aa-mercury .aa-mail-reader-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .aa-mercury .aa-mail-reader-footer label {
    width: 100%;
  }

  .aa-mercury .aa-package-header,
  .aa-mercury .aa-package-footer,
  .aa-mercury .aa-activity-row,
  .aa-mercury .aa-billing-plan > header,
  .aa-mercury .aa-billing-plan > footer,
  .aa-mercury .aa-billing-row,
  .aa-mercury .aa-export-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .aa-mercury .aa-package-footer > div,
  .aa-mercury .aa-package-footer .aa-button,
  .aa-mercury .aa-activity-actions,
  .aa-mercury .aa-billing-plan > footer .aa-button,
  .aa-mercury .aa-billing-row .aa-button,
  .aa-mercury .aa-export-row .aa-button {
    width: 100%;
  }

  .aa-mercury .aa-activity-actions {
    justify-content: flex-start;
  }

  .aa-mercury .aa-settings-content,
  .aa-mercury .aa-billing-content {
    padding: 0 2px;
    margin-top: 20px;
  }

  .aa-mercury .aa-profile-card {
    padding: 20px 16px;
    margin-bottom: 20px;
  }

  .aa-mercury .aa-profile-card > header {
    flex-wrap: wrap;
  }

  .aa-mercury .aa-billing-plan {
    padding: 19px 16px;
  }

  .aa-mercury .aa-billing-price {
    font-size: 28px;
    text-align: left;
  }

  .aa-mercury .aa-billing-usage > p {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .aa-mercury .aa-upgrade-header {
    gap: 10px;
    padding: 10px 12px;
  }

  .aa-mercury .aa-upgrade-header .aa-brand-name {
    display: none;
  }

  .aa-mercury .aa-upgrade-hero {
    padding-top: 38px;
  }

  .aa-mercury .aa-upgrade-hero h1 {
    font-size: clamp(36px, 11vw, 48px);
  }

  .aa-mercury .aa-upgrade-cards {
    padding-right: max(16px, calc(50% - 160px));
    padding-left: max(16px, calc(50% - 160px));
  }

  .aa-mercury .aa-plan-card {
    width: 320px;
    min-width: 320px;
  }

  .aa-mercury .aa-upgrade-comparison {
    padding-right: 12px;
    padding-left: 12px;
  }

  .aa-mercury .aa-comparison-table {
    overflow-x: auto;
  }

  .aa-mercury .aa-comparison-table table {
    min-width: 560px;
  }

  .aa-mercury .aa-comparison-table > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .aa-mercury .aa-upgrade-sample {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 36px 18px;
  }

  .aa-mercury .aa-referral-body {
    grid-template-columns: 1fr;
    gap: 18px;
    padding-top: 26px;
  }

  .aa-mercury .aa-notice {
    right: 16px;
    bottom: calc(80px + env(safe-area-inset-bottom));
  }

  .aa-mercury.aa-upgrade-root .aa-notice {
    bottom: 18px;
  }
}


@media (max-height: 480px) {
  .aa-mercury .aa-job-dialog {
    overflow-y: auto;
  }

  .aa-mercury .aa-job-dialog-body {
    overflow: visible;
    flex: 0 0 auto;
  }
}

@media (max-width: 420px) {
  .aa-mercury .aa-page-actions .aa-button {
    flex: 1;
  }


  .aa-mercury .aa-tabs .aa-tab {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 11px;
  }

  .aa-mercury .aa-search-tools {
    flex-wrap: wrap;
  }

  .aa-mercury .aa-search-tools > label:last-child {
    width: 100%;
  }

  .aa-mercury .aa-review-progress {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .aa-mercury .aa-review-actions {
    grid-template-columns: 1fr 1fr;
  }

  .aa-mercury .aa-review-actions .aa-button-primary {
    grid-column: 1 / -1;
  }

  .aa-mercury .aa-referral-sharing > div {
    align-items: stretch;
    flex-direction: column;
  }

  .aa-mercury .aa-referral-body dl {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aa-mercury *,
  .aa-mercury *::before,
  .aa-mercury *::after {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

/* ==========================================================================
 * Documents Workspace & Editor Scoped Styles
 * ========================================================================== */

.aa-mercury .is-documents {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.aa-mercury .aa-documents-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: var(--aa-radius-control);
  background: var(--aa-wash);
  color: var(--aa-ink);
  font-size: 14px;
}

.aa-mercury .aa-active-profile-card {
  padding: 24px;
  margin-bottom: 20px;
}

.aa-mercury .aa-profile-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.aa-mercury .aa-profile-card-title h2 {
  margin: 6px 0 4px;
  font-size: 20px;
  font-weight: 700;
}

.aa-mercury .aa-profile-card-title p {
  color: var(--aa-muted);
  font-size: 14px;
}

.aa-mercury .aa-profile-card-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.aa-mercury .aa-draft-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--aa-border);
  margin-bottom: 20px;
}

.aa-mercury .aa-draft-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}

.aa-mercury .aa-draft-actions-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.aa-mercury .aa-draft-split-view,
.aa-mercury .aa-editor-split-view {
  display: grid;
  grid-template-columns: minmax(360px, 1.2fr) minmax(340px, 1fr);
  gap: 24px;
  align-items: start;
}

.aa-mercury .aa-draft-form-column,
.aa-mercury .aa-editor-form-pane {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.aa-mercury .aa-draft-preview-column,
.aa-mercury .aa-editor-preview-pane {
  position: sticky;
  top: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.aa-mercury .aa-pdf-frame-container {
  width: 100%;
  height: 680px;
  border: 1px solid var(--aa-border);
  border-radius: var(--aa-radius-control);
  background: #ffffff;
  overflow: hidden;
}

.aa-mercury .aa-pdf-frame {
  width: 100%;
  height: 100%;
  border: none;
}

.aa-mercury .aa-pdf-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--aa-muted);
  font-size: 14px;
}

.aa-mercury .aa-section-card {
  border: 1px solid var(--aa-border);
  border-radius: var(--aa-radius-panel);
  padding: 16px;
  background: #ffffff;
  margin-bottom: 12px;
}

.aa-mercury .aa-section-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.aa-mercury .aa-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

.aa-mercury .aa-item-row {
  padding: 12px;
  border: 1px solid var(--aa-border);
  border-radius: var(--aa-radius-control);
  background: var(--aa-canvas);
  margin-bottom: 10px;
}

.aa-mercury .aa-bullets-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
}

.aa-mercury .aa-held-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: #fffbeb;
  border: 1px solid #fef3c7;
  border-radius: var(--aa-radius-control);
  color: #92400e;
  font-size: 14px;
}

.aa-mercury .aa-locked-banner {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: var(--aa-wash);
  border-radius: var(--aa-radius-control);
  color: var(--aa-muted);
  font-size: 13px;
  margin-bottom: 14px;
}

.aa-mercury .aa-ai-assistant-card {
  padding: 16px;
  border: 1px solid #e0e7ff;
  border-radius: var(--aa-radius-panel);
  background: var(--aa-wash);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.aa-mercury .aa-ai-assistant-card h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--aa-ink);
  display: flex;
  align-items: center;
  gap: 6px;
}

.aa-mercury .aa-ai-assistant-card p {
  margin: 0;
  font-size: 13px;
  color: var(--aa-muted);
}

.aa-mercury .aa-ai-proposal-card {
  padding: 14px;
  background: #ffffff;
  border: 1px solid var(--aa-border);
  border-radius: var(--aa-radius-control);
  margin-top: 10px;
}

.aa-mercury .aa-proposal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.aa-mercury .aa-applications-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}

.aa-mercury .aa-application-doc-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px;
  min-height: 180px;
}

.aa-mercury .aa-application-doc-card.is-held {
  border-color: #f59e0b;
  background: #fffdfa;
}

.aa-mercury .aa-doc-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.aa-mercury .aa-doc-card-header h3 {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
}

.aa-mercury .aa-doc-card-header p {
  margin: 0;
  font-size: 13px;
  color: var(--aa-muted);
}

.aa-mercury .aa-doc-readiness-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 12px 0;
  font-size: 13px;
  color: var(--aa-muted);
}

.aa-mercury .aa-doc-indicator {
  display: flex;
  align-items: center;
  gap: 6px;
}

.aa-mercury .aa-doc-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--aa-border);
}

.aa-mercury .aa-badge-active {
  background: #ecfdf5;
  color: #065f46;
}

.aa-mercury .aa-badge-draft {
  background: #eff6ff;
  color: #1e40af;
}

.aa-mercury .aa-badge-attention {
  background: #fef3c7;
  color: #92400e;
}

.aa-mercury .aa-tab-badge {
  margin-left: 6px;
  padding: 1px 6px;
  font-size: 11px;
  font-weight: 600;
  border-radius: var(--aa-radius-badge);
}

@media (max-width: 900px) {
  .aa-mercury .aa-draft-split-view,
  .aa-mercury .aa-editor-split-view {
    grid-template-columns: 1fr;
  }
  .aa-mercury .aa-draft-preview-column,
  .aa-mercury .aa-editor-preview-pane {
    position: static;
  }
  .aa-mercury .aa-field-row {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
 * Answer Library & Application Questions Scoped Styles
 * ========================================================================== */

.aa-mercury .is-answers {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.aa-mercury .aa-answers-notice {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  border-radius: var(--aa-radius-control, 8px);
  border: 1px solid var(--aa-line, #e5e7eb);
  background: var(--aa-wash, #f9fafb);
  color: var(--aa-ink, #111827);
  font-size: 14px;
}

.aa-mercury .aa-answers-notice.aa-notice-error {
  background: #fff1f2;
  border-color: #fecdd3;
  color: #9f1239;
}

.aa-mercury .aa-answers-notice.aa-notice-success {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #065f46;
}

.aa-mercury .aa-answers-notice.aa-notice-warning {
  background: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}

.aa-mercury .aa-notice-content {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.aa-mercury .aa-notice-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.aa-mercury .aa-notice-actions {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}

.aa-mercury .aa-answers-toolbar {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-radius: var(--aa-radius-panel, 12px);
  background: var(--aa-surface, #ffffff);
  border: 1px solid var(--aa-line, #e5e7eb);
}

.aa-mercury .aa-answers-search {
  width: 100%;
}

.aa-mercury .aa-answers-filters {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.aa-mercury .aa-filter-group {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.aa-filter-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--aa-muted, #6b7280);
  margin-right: 2px;
}

.aa-mercury .aa-answers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 16px;
}

.aa-mercury .aa-answer-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 20px;
  border-radius: var(--aa-radius-panel, 12px);
  background: var(--aa-surface, #ffffff);
  border: 1px solid var(--aa-line, #e5e7eb);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.aa-mercury .aa-answer-card:hover {
  border-color: #d1d5db;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.aa-mercury .aa-answer-card.is-tombstone {
  background: #f9fafb;
  border-style: dashed;
}

.aa-mercury .aa-answer-card.is-excluded {
  opacity: 0.75;
}

.aa-mercury .aa-answer-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.aa-mercury .aa-answer-badges {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.aa-mercury .aa-answer-card-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.aa-mercury .aa-answer-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.aa-mercury .aa-answer-question {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--aa-ink, #111827);
  line-height: 1.4;
}

.aa-mercury .aa-answer-context {
  margin: 0;
  font-size: 13px;
  color: var(--aa-muted, #6b7280);
}

.aa-mercury .aa-answer-text-wrap {
  margin: 4px 0 8px;
}

.aa-mercury .aa-answer-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--aa-ink, #1f2937);
  white-space: pre-wrap;
  word-break: break-word;
}

.aa-mercury .aa-answer-deleted-notice,
.aa-mercury .aa-answer-rejected-notice {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--aa-radius-control, 6px);
  font-size: 13px;
  background: var(--aa-wash, #f3f4f6);
  color: var(--aa-muted, #4b5563);
}

.aa-mercury .aa-answer-card-footer {
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid var(--aa-line-subtle, #f3f4f6);
}

.aa-mercury .aa-answer-meta {
  font-size: 12px;
  color: var(--aa-muted, #9ca3af);
}

.aa-mercury .aa-answers-pagination {
  display: flex;
  justify-content: center;
  padding: 16px 0;
}

.aa-mercury .aa-answers-empty {
  padding: 48px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.aa-mercury .aa-field-immutable-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border-radius: var(--aa-radius-control, 8px);
  background: var(--aa-wash, #f9fafb);
  border: 1px solid var(--aa-line, #e5e7eb);
  margin-bottom: 16px;
}

.aa-mercury .aa-immutable-group strong {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--aa-muted, #6b7280);
  margin-bottom: 2px;
}

.aa-mercury .aa-immutable-group p {
  margin: 0;
  font-size: 14px;
  color: var(--aa-ink, #111827);
}

/* Badges */
.aa-mercury .aa-badge-scope {
  background: #f0fdf4;
  color: #166534;
  border: 1px solid #bbf7d0;
}

.aa-mercury .aa-badge-confirmed {
  background: #ecfdf5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}

.aa-mercury .aa-badge-learned {
  background: #f5f3ff;
  color: #5b21b6;
  border: 1px solid #ddd6fe;
}

.aa-mercury .aa-badge-rejected {
  background: #fff1f2;
  color: #9f1239;
  border: 1px solid #fecdd3;
}

.aa-mercury .aa-badge-excluded {
  background: #fffbeb;
  color: #92400e;
  border: 1px solid #fde68a;
}

.aa-mercury .aa-badge-deleted {
  background: #f3f4f6;
  color: #4b5563;
  border: 1px solid #e5e7eb;
}

.aa-mercury .aa-badge-revision {
  background: #f8fafc;
  color: #64748b;
  border: 1px solid #e2e8f0;
  font-family: ui-monospace, monospace;
}

/* ==========================================================================
 * Application Drawer Questions Section
 * ========================================================================== */

.aa-mercury .aa-application-questions {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.aa-mercury .aa-questions-section-header h3 {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 700;
  color: var(--aa-ink, #111827);
}

.aa-mercury .aa-questions-section-header p {
  margin: 0;
  font-size: 13px;
  color: var(--aa-muted, #6b7280);
}

.aa-mercury .aa-attempt-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: var(--aa-radius-control, 8px);
  background: var(--aa-wash, #f9fafb);
  border: 1px solid var(--aa-line, #e5e7eb);
  flex-wrap: wrap;
}

.aa-mercury .aa-attempt-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--aa-muted, #4b5563);
}

.aa-mercury .aa-attempt-pills {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.aa-mercury .aa-attempt-pill {
  padding: 4px 10px;
  border-radius: var(--aa-radius-badge, 16px);
  border: 1px solid var(--aa-line, #d1d5db);
  background: var(--aa-surface, #ffffff);
  color: var(--aa-ink, #374151);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.aa-mercury .aa-attempt-pill:hover {
  border-color: #9ca3af;
}

.aa-mercury .aa-attempt-pill.is-active {
  background: #111827;
  color: #ffffff;
  border-color: #111827;
}

.aa-mercury .aa-attempt-status-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: var(--aa-radius-control, 8px);
  background: #fef3c7;
  border: 1px solid #fde68a;
  color: #92400e;
  font-size: 13px;
}

.aa-mercury .aa-questions-empty-notice,
.aa-mercury .aa-questions-error-notice {
  padding: 24px;
  text-align: center;
  border-radius: var(--aa-radius-panel, 8px);
  background: var(--aa-wash, #f9fafb);
  border: 1px dashed var(--aa-line, #e5e7eb);
  color: var(--aa-muted, #6b7280);
  font-size: 14px;
}

.aa-mercury .aa-questions-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.aa-mercury .aa-question-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-radius: var(--aa-radius-panel, 10px);
  background: var(--aa-surface, #ffffff);
  border: 1px solid var(--aa-line, #e5e7eb);
}

.aa-mercury .aa-question-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.aa-mercury .aa-question-title-wrap {
  flex: 1;
}

.aa-mercury .aa-question-title {
  margin: 0 0 2px;
  font-size: 14px;
  font-weight: 600;
  color: var(--aa-ink, #111827);
  line-height: 1.4;
}

.aa-mercury .aa-question-context {
  margin: 0;
  font-size: 12px;
  color: var(--aa-muted, #6b7280);
}

.aa-mercury .aa-question-source-badges {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.aa-mercury .aa-question-values {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border-radius: var(--aa-radius-control, 8px);
  background: var(--aa-wash, #f9fafb);
  border: 1px solid var(--aa-line-subtle, #f3f4f6);
}

.aa-mercury .aa-value-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--aa-muted, #6b7280);
  margin-bottom: 2px;
}

.aa-mercury .aa-value-text {
  font-size: 13px;
  color: var(--aa-ink, #1f2937);
  white-space: pre-wrap;
  word-break: break-word;
}

.aa-mercury .aa-preference-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.aa-mercury .aa-preference-text {
  font-size: 13px;
  font-weight: 500;
  color: var(--aa-ink, #111827);
}

.aa-mercury .aa-preference-badges {
  display: flex;
  align-items: center;
  gap: 6px;
}

.aa-mercury .aa-preference-none {
  font-size: 13px;
  font-style: italic;
}

.aa-mercury .aa-source-protection-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  border-radius: var(--aa-radius-control, 6px);
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

.aa-mercury .aa-source-protection-header {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
}

.aa-mercury .aa-source-protection-reason {
  margin: 0;
  font-size: 12px;
  color: #64748b;
  line-height: 1.4;
}

.aa-mercury .aa-source-protection-action {
  margin-top: 4px;
}

.aa-mercury .aa-question-feedback-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 6px;
}

.aa-mercury .aa-feedback-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.aa-mercury .aa-thumb-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: var(--aa-radius-control, 6px);
  border: 1px solid var(--aa-line, #d1d5db);
  background: var(--aa-surface, #ffffff);
  color: var(--aa-ink, #374151);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.aa-mercury .aa-thumb-btn:hover:not(:disabled) {
  border-color: #9ca3af;
  background: var(--aa-wash, #f9fafb);
}

.aa-mercury .aa-thumb-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.aa-mercury .aa-thumb-btn.aa-thumb-up.is-active {
  background: #ecfdf5;
  border-color: #10b981;
  color: #065f46;
}

.aa-mercury .aa-thumb-btn.aa-thumb-down.is-active {
  background: #fff1f2;
  border-color: #f43f5e;
  color: #9f1239;
}

.aa-mercury .aa-review-meta {
  font-size: 12px;
  color: var(--aa-muted, #9ca3af);
}

.aa-mercury .aa-correction-editor {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  border-radius: var(--aa-radius-control, 8px);
  background: #fffbeb;
  border: 1px solid #fde68a;
  margin-top: 6px;
}

.aa-mercury .aa-correction-editor-header h5 {
  margin: 0 0 2px;
  font-size: 13px;
  font-weight: 600;
  color: #92400e;
}

.aa-mercury .aa-correction-editor-header p {
  margin: 0;
}

.aa-mercury .aa-correction-editor-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  .aa-mercury .aa-answers-grid {
    grid-template-columns: 1fr;
  }
  .aa-mercury .aa-answers-toolbar {
    padding: 12px;
  }
  .aa-mercury .aa-answers-filters {
    gap: 12px;
  }
  .aa-mercury .aa-question-feedback-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Job profiles */
.aa-mercury .aa-profiles-grid {
  display: grid;
  gap: 12px;
}

.aa-mercury .aa-profile-editor {
  margin-bottom: 12px;
}

.aa-mercury .aa-profile-card-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.aa-mercury .aa-profile-roles {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
}

.aa-mercury .aa-profile-roles li {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.aa-mercury .aa-profile-role-remove {
  width: 18px;
  height: 18px;
  padding: 0;
}

.aa-mercury .aa-profile-role-add {
  display: flex;
  gap: 8px;
}