@import url("sa_landing.css");
:root {
  --sa-ink: #17233b;
  --sa-muted: #768198;
  --sa-line: #e7ebf2;
  --sa-blue: #3658ed;
  --sa-bg: #f5f7fb;
  --bs-primary: #3658ed;
  --bs-primary-rgb: 54, 88, 237;
  --bs-body-font-family:
    Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bs-body-color: #17233b;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--sa-bg);
  font-size: 14px;
}
button,
a,
input,
select,
textarea {
  touch-action: manipulation;
}
a {
  color: var(--sa-blue);
  text-decoration: none;
}
button {
  font: inherit;
}
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1 {
  font-size: 29px;
  font-weight: 750;
  letter-spacing: -0.8px;
}
h2 {
  font-size: 18px;
  font-weight: 700;
}
h3 {
  font-size: 15px;
  font-weight: 700;
}
.btn {
  font-size: 13px;
  font-weight: 600;
  padding: 10px 16px;
  border-radius: 8px;
}
.btn-primary {
  background: var(--sa-blue);
  border-color: var(--sa-blue);
}
.btn-outline-secondary {
  border-color: #dbe1ec;
  color: #536078;
  background: #fff;
}
.btn-sm {
  padding: 6px 10px;
  font-size: 12px;
}
.form-control,
.form-select {
  font-size: 13px;
  min-height: 40px;
  border-color: #dce2ed;
  border-radius: 8px;
}
.form-label {
  font-weight: 600;
  font-size: 12px;
  color: #4b5870;
}
.form-check-label {
  font-size: 13px;
}
.form-control:focus,
.form-select:focus {
  border-color: #8296fa;
  box-shadow: 0 0 0 3px #3658ed13;
}
.sa-workspace {
  min-height: 100vh;
}
.sa-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: 230px;
  background: #121d32;
  color: #aebbd3;
  display: flex;
  flex-direction: column;
  padding: 27px 16px 20px;
  z-index: 30;
}
.sa-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 16px;
  font-weight: 750;
  color: inherit;
  letter-spacing: -0.3px;
}
.sa-mark {
  background: #3c58f2;
  color: white;
  border-radius: 12px;
  font-weight: 850;
  font-size: 18px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -1px;
  flex-shrink: 0;
}
.sa-brand small {
  display: block;
  font-size: 9px;
  letter-spacing: 2px;
  font-weight: 500;
  color: #7e91b5;
  margin-top: 4px;
}
.sa-sidebar .sa-brand {
  padding: 0 12px;
  color: white;
  margin-bottom: 32px;
}
.sa-sidebar nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow-y: auto;
}
.sa-sidebar nav > a {
  color: #aebbd3;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  font-size: 13px;
  border-radius: 8px;
  transition: 0.15s;
}
.sa-sidebar nav > a:hover {
  color: #fff;
  background: #1d2a43;
}
.sa-sidebar nav > a.active {
  color: #fff;
  background: #3554dc;
  box-shadow: 0 4px 14px #0002;
}
.sa-nav-icon {
  display: inline-flex;
  width: 19px;
}
.sa-nav-icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sa-sidebar-bottom {
  margin-top: auto;
  padding: 25px 14px 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
  font-size: 12px;
}
.sa-sidebar-bottom a {
  color: #d9e2f4;
}
.sa-pilot-dot {
  color: #778ba9;
  font-size: 10px;
  letter-spacing: 0.5px;
}
.sa-pilot-dot:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8df0ba;
  margin-right: 8px;
}
.sa-main {
  margin-left: 230px;
  min-height: 100vh;
}
.sa-topbar {
  height: 77px;
  background: #fff;
  border-bottom: 1px solid var(--sa-line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 34px;
  gap: 20px;
}
.sa-breadcrumb {
  color: #8590a6;
  font-size: 12px;
}
.sa-breadcrumb span {
  padding: 0 12px;
  color: #c4ccdb;
}
.sa-breadcrumb strong {
  font-weight: 600;
  color: #34415b;
}
.sa-user-tools {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sa-language {
  width: 78px;
  min-height: 32px;
  font-size: 11px;
  border: 0;
  background-color: transparent;
}
.sa-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #eceffa;
  color: #4059c0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.sa-user-name {
  font-size: 12px;
  font-weight: 600;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sa-text-button {
  border: 0;
  background: transparent;
  color: #7b879b;
  padding: 4px;
  font-size: 11px;
}
.sa-icon-button {
  border: 0;
  background: transparent;
  font-size: 24px;
  line-height: 1;
  width: 34px;
  height: 34px;
  color: #68748b;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sa-mobile-menu {
  display: none;
}
#sa-content {
  padding: 32px 34px;
  max-width: 1720px;
  margin: auto;
  outline: none;
}
.sa-page-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
}
.sa-page-heading h1 {
  margin: 0;
}
.sa-page-heading p {
  font-size: 13px;
  color: var(--sa-muted);
  margin: 8px 0 0;
}
.sa-heading-actions {
  display: flex;
  gap: 8px;
}
.sa-eyebrow {
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  font-weight: 700;
  color: var(--sa-blue);
  margin-bottom: 12px;
}
.sa-panel {
  background: #fff;
  border: 1px solid var(--sa-line);
  border-radius: 13px;
  box-shadow: 0 3px 12px #17233b03;
  overflow: hidden;
}
.sa-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 21px 23px;
  border-bottom: 1px solid var(--sa-line);
}
.sa-panel-head h2 {
  margin: 0;
  font-size: 15px;
}
.sa-panel-body {
  padding: 22px;
}
.sa-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 26px;
}
.sa-stat {
  padding: 22px 23px;
  background: #fff;
  border: 1px solid var(--sa-line);
  border-radius: 12px;
  position: relative;
}
.sa-stat > span {
  font-size: 12px;
  font-weight: 550;
  color: #7c889d;
  display: block;
  margin-bottom: 12px;
}
.sa-stat strong {
  font-size: 31px;
  letter-spacing: -1px;
  font-weight: 750;
  display: block;
}
.sa-stat small {
  font-size: 10px;
  color: #8b96a8;
  margin-top: 8px;
  display: block;
}
.sa-stat .sa-stat-icon {
  position: absolute;
  right: 19px;
  top: 18px;
  background: #f0f3ff;
  border-radius: 9px;
  width: 31px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4165df;
}
.sa-grid-main {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 23px;
  margin-bottom: 24px;
}
.sa-metric-row {
  padding: 17px 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border-bottom: 1px solid #eef1f6;
}
.sa-metric-row:last-child {
  border: 0;
}
.sa-metric-row strong {
  font-size: 13px;
}
.sa-metric-row small {
  display: block;
  font-size: 11px;
  color: #8b96a8;
  margin-top: 5px;
}
.sa-metric-identity {
  display: flex;
  gap: 12px;
  align-items: center;
}
.sa-source-icon {
  width: 35px;
  height: 35px;
  background: #f1f4f9;
  border-radius: 9px;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 800;
  color: #6f83a2;
}
.sa-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 650;
  padding: 4px 7px;
  white-space: nowrap;
  color: #68809f;
  background: #eef2f7;
}
.sa-pill.green {
  color: #248260;
  background: #eaf7f1;
}
.sa-pill.orange {
  color: #b17819;
  background: #fff5df;
}
.sa-pill.red {
  color: #c05056;
  background: #fcebed;
}
.sa-pill.blue {
  color: #4264cb;
  background: #edf1fe;
}
.sa-notice {
  display: flex;
  gap: 12px;
  padding: 16px 22px;
  border-bottom: 1px solid #edf0f6;
}
.sa-notice-icon {
  background: #fff6e7;
  color: #ca9d38;
  border-radius: 50%;
  min-width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
}
.sa-notice p {
  font-size: 12px;
  line-height: 1.6;
  margin: 0;
}
.sa-notice small {
  color: #8995ab;
  font-size: 10px;
}
.sa-onboard {
  padding: 28px;
  background: linear-gradient(115deg, #eef2ff, #f9fbff);
  border: 1px solid #dee5fc;
  border-radius: 12px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}
.sa-onboard p {
  font-size: 13px;
  color: #7b87a0;
  margin: 8px 0 0;
}
.sa-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 17px 21px;
  border-bottom: 1px solid var(--sa-line);
  flex-wrap: wrap;
}
.sa-search {
  flex: 1;
  min-width: 190px;
  max-width: 420px;
  position: relative;
}
.sa-search:before {
  content: "⌕";
  position: absolute;
  left: 12px;
  top: 5px;
  font-size: 24px;
  color: #a0aabc;
}
.sa-search input {
  padding-left: 38px;
}
.sa-toolbar .form-select {
  max-width: 190px;
}
.sa-result-count {
  margin-left: auto;
  font-size: 11px;
  color: #8a96aa;
}
.sa-table-wrap {
  overflow: auto;
}
.sa-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.sa-table th {
  padding: 14px 17px;
  background: #fafbfd;
  color: #8b95a8;
  font-size: 10px;
  font-weight: 650;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.sa-table td {
  padding: 16px 17px;
  border-top: 1px solid #edf0f6;
  color: #55617a;
  vertical-align: middle;
}
.sa-table tbody tr:hover {
  background: #fafbff;
}
.sa-table tbody tr.sa-selected {
  background: #eef3ff;
}
.sa-table td:first-child,
.sa-table th:first-child {
  padding-left: 23px;
}
.sa-table .sa-row-name {
  font-size: 12px;
  font-weight: 650;
  color: #243451;
  max-width: 400px;
}
.sa-table .sa-sub {
  color: #8c98aa;
  font-size: 10px;
  margin-top: 5px;
}
.sa-product-name {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sa-product-name img {
  height: 46px;
  width: 46px;
  border: 1px solid #edf0f6;
  object-fit: contain;
  border-radius: 8px;
  background: #f7f9fc;
}
.sa-row-actions {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  white-space: nowrap;
}
.sa-row-actions button {
  font-size: 11px;
  background: white;
  border: 1px solid #e3e7ef;
  border-radius: 6px;
  padding: 5px 8px;
  color: #536581;
}
.sa-row-actions button:hover {
  border-color: #9cadf4;
  color: var(--sa-blue);
}
.sa-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 21px;
  border-top: 1px solid var(--sa-line);
  font-size: 11px;
  color: #8b96aa;
}
.sa-pagination > div {
  display: flex;
  gap: 8px;
  align-items: center;
}
.sa-page-number {
  display: inline-grid;
  place-items: center;
  color: #fff;
  background: var(--sa-blue);
  width: 30px;
  height: 30px;
  border-radius: 6px;
}
.sa-tabs {
  display: flex;
  gap: 6px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.sa-tabs button {
  border: 1px solid transparent;
  background: transparent;
  font-size: 12px;
  color: #7d8aa1;
  padding: 9px 13px;
  border-radius: 7px;
}
.sa-tabs button.active {
  color: #3658ed;
  background: #e9eefe;
  border-color: #d8e1ff;
}
.sa-bulk {
  display: flex;
  gap: 9px;
  align-items: center;
  background: #edf2ff;
  border-top: 1px solid #d9e3fb;
  padding: 12px 21px;
  font-size: 12px;
  flex-wrap: wrap;
}
.sa-bulk select {
  max-width: 190px;
}
.sa-empty {
  padding: 58px 25px;
  text-align: center;
  color: #8a98ae;
}
.sa-empty .sa-empty-mark {
  display: inline-grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border-radius: 18px;
  background: #f2f5fb;
  color: #b0bdd1;
  font-size: 27px;
  margin-bottom: 18px;
}
.sa-empty h2 {
  font-size: 16px;
  color: #52617c;
}
.sa-empty p {
  font-size: 12px;
}
.sa-loading {
  padding: 50px;
  text-align: center;
  color: #8996ab;
}
.sa-loading:before {
  content: "";
  display: block;
  border: 2px solid #e4eafa;
  border-top-color: #496bef;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 0 auto 15px;
  animation: sa-spin 0.7s linear infinite;
}
@keyframes sa-spin {
  to {
    transform: rotate(360deg);
  }
}
.sa-footer {
  color: #a1aabd;
  font-size: 10px;
  padding: 5px 35px 22px;
  display: flex;
  justify-content: space-between;
}
.sa-alert {
  padding: 13px 34px;
  background: #fff5de;
  color: #987726;
  font-size: 12px;
  line-height: 1.6;
}
.sa-dialog {
  border: 0;
  border-radius: 15px;
  padding: 0;
  width: min(800px, 94vw);
  max-height: 90vh;
  color: var(--sa-ink);
  box-shadow: 0 30px 100px #17243b44;
}
.sa-dialog::backdrop {
  background: #12213b66;
  backdrop-filter: blur(3px);
}
.sa-dialog-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 25px;
  border-bottom: 1px solid var(--sa-line);
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 5;
}
.sa-dialog-top h2 {
  margin: 0;
}
#sa-dialog-body {
  padding: 24px;
}
.sa-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 20px;
}
.sa-form-grid .sa-wide {
  grid-column: 1/-1;
}
.sa-form-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 25px;
  padding-top: 19px;
  border-top: 1px solid var(--sa-line);
}
.sa-help {
  font-size: 11px;
  color: #8592a8;
  margin: 6px 0 0;
  line-height: 1.6;
}
.sa-json {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 11px;
  min-height: 95px;
}
.sa-code {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: #f5f7fb;
  border-radius: 8px;
  padding: 15px;
  font-size: 11px;
  max-height: 390px;
  overflow: auto;
}
.sa-toast-region {
  position: fixed;
  right: 25px;
  bottom: 23px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 100;
}
.sa-toast {
  padding: 15px 21px;
  border-radius: 10px;
  background: #18273f;
  color: #fff;
  box-shadow: 0 8px 35px #18273f33;
  font-size: 13px;
  max-width: 450px;
}
.sa-toast.error {
  background: #a13d46;
}
.sa-error {
  border: 1px solid #f2cbd0;
  background: #fff4f5;
  border-radius: 8px;
  padding: 13px;
  color: #b14d57;
  font-size: 12px;
  margin-bottom: 18px;
}
.sa-detail-block {
  padding: 17px 0;
  border-top: 1px solid var(--sa-line);
  margin-top: 20px;
}
.sa-detail-block h3 {
  margin-bottom: 16px;
}
.sa-form-language {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #9aa8c0;
  margin-bottom: 10px;
}
.sa-auth {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
}
.sa-auth-intro {
  background: #14213b;
  color: #fff;
  padding: clamp(35px, 7vw, 100px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sa-auth-intro .sa-brand {
  margin-bottom: 90px;
}
.sa-auth-intro h1 {
  font-size: clamp(34px, 4vw, 55px);
  max-width: 500px;
  letter-spacing: -1.8px;
  line-height: 1.14;
}
.sa-auth-intro p {
  color: #92a4c4;
  max-width: 400px;
  line-height: 1.8;
  margin-top: 20px;
  font-size: 15px;
}
.sa-auth-intro .sa-eyebrow {
  color: #97adfb;
}
.sa-auth-chain {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 60px;
  color: #a7b7d4;
  font-size: 12px;
}
.sa-auth-panel {
  padding: 50px max(30px, 8vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  position: relative;
}
.sa-auth-panel > .sa-language {
  position: absolute;
  right: 30px;
  top: 25px;
}
#sa-auth-content h2 {
  font-size: 26px;
  margin-bottom: 27px;
}
.sa-auth-form {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.sa-auth-tabs {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.sa-auth-tabs button {
  padding: 0;
  color: var(--sa-blue);
  background: transparent;
  border: 0;
  font-size: 12px;
  margin-right: 10px;
}
.sa-muted-link {
  font-size: 11px;
  color: #8b99b1;
  margin-top: 55px;
}
.sa-meter {
  height: 4px;
  background: #eef1f7;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 8px;
}
.sa-meter > span {
  display: block;
  height: 100%;
  background: #6ba99a;
}
.sa-protected {
  font-size: 10px;
  color: #8ca08e;
}
.sa-progress {
  width: 80px;
  accent-color: var(--sa-blue);
}
details > summary {
  font-size: 12px;
  font-weight: 650;
  color: #76849e;
  padding: 10px 0;
}
details[open] > summary {
  margin-bottom: 10px;
}
@media (min-width: 1500px) {
  #sa-content {
    padding: 40px 45px;
  }
  .sa-sidebar {
    width: 250px;
  }
  .sa-main {
    margin-left: 250px;
  }
}
@media (max-width: 1100px) {
  .sa-sidebar {
    width: 205px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .sa-main {
    margin-left: 205px;
  }
  #sa-content {
    padding: 25px 22px;
  }
  .sa-topbar {
    padding: 0 22px;
  }
  .sa-stats {
    gap: 10px;
  }
  .sa-stat {
    padding: 17px;
  }
  .sa-stat .sa-stat-icon {
    display: none;
  }
  .sa-grid-main {
    grid-template-columns: 1fr;
  }
  .sa-user-name {
    display: none;
  }
}
@media (max-width: 760px) {
  .sa-sidebar {
    transform: translateX(-100%);
    width: 235px;
    transition: transform 0.2s;
  }
  .sa-sidebar.open {
    transform: translateX(0);
    box-shadow: 10px 0 100px #0004;
  }
  .sa-main {
    margin-left: 0;
  }
  .sa-topbar {
    height: 64px;
    padding: 0 16px;
    gap: 8px;
  }
  .sa-mobile-menu {
    display: flex;
  }
  .sa-breadcrumb {
    font-size: 11px;
  }
  .sa-breadcrumb > span {
    padding: 0 6px;
  }
  .sa-user-tools {
    gap: 6px;
  }
  .sa-user-tools .sa-avatar {
    display: none;
  }
  .sa-user-tools .sa-text-button {
    font-size: 10px;
  }
  #sa-content {
    padding: 23px 14px;
  }
  h1 {
    font-size: 25px;
  }
  .sa-page-heading {
    align-items: flex-start;
  }
  .sa-stats {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .sa-stat {
    padding: 17px;
  }
  .sa-stat strong {
    font-size: 27px;
  }
  .sa-grid-main {
    gap: 15px;
  }
  .sa-toolbar {
    padding: 14px;
    gap: 8px;
  }
  .sa-search {
    min-width: 100%;
    max-width: none;
  }
  .sa-toolbar .form-select {
    max-width: 150px;
  }
  .sa-result-count {
    font-size: 10px;
  }
  .sa-table th,
  .sa-table td {
    padding: 13px;
  }
  .sa-page-heading p {
    font-size: 12px;
  }
  .sa-heading-actions .btn {
    padding: 9px 12px;
  }
  .sa-form-grid {
    grid-template-columns: 1fr;
  }
  .sa-form-grid .sa-wide {
    grid-column: auto;
  }
  .sa-dialog-top {
    padding: 17px;
  }
  #sa-dialog-body {
    padding: 18px;
  }
  .sa-auth {
    grid-template-columns: 1fr;
  }
  .sa-auth-intro {
    min-height: 270px;
    padding: 30px;
  }
  .sa-auth-intro .sa-brand {
    margin-bottom: 35px;
  }
  .sa-auth-intro h1 {
    font-size: 33px;
  }
  .sa-auth-intro p,
  .sa-auth-chain {
    display: none;
  }
  .sa-auth-panel {
    padding: 60px 30px 35px;
  }
  .sa-toast-region {
    right: 14px;
    left: 14px;
    bottom: 14px;
  }
  .sa-toast {
    max-width: none;
  }
  .sa-onboard {
    padding: 20px;
    align-items: flex-start;
    flex-direction: column;
  }
  .sa-footer {
    padding: 15px;
  }
  .sa-alert {
    padding: 12px 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    transition: none !important;
  }
}
/* v1.0.1 content editor and review panels */
.sa-cms-block {
  border: 1px solid #d9e2d8;
  border-radius: 10px;
  padding: 18px;
  margin: 18px 0;
  background: #f8faf7;
}
.sa-cms-block label {
  display: block;
  margin: 12px 0;
}
.sa-cms-block button {
  margin: 4px;
}
.sa-cms-item {
  padding: 12px;
  margin: 12px 0;
  background: white;
  border: 1px solid #d9e2d8;
}
.sa-cms-item textarea {
  margin-top: 8px;
}
.sa-ai-rows {
  max-height: 55vh;
  overflow: auto;
  margin: 16px 0;
}
.sa-ai-rows label {
  display: block;
  padding: 8px;
  border-bottom: 1px solid #e3e8e1;
}
#sa-help-link {
  font-size: 13px;
  margin-left: 16px;
}
#sa-cms-editor .sa-form-footer {
  flex-wrap: wrap;
}
#sa-cms-type {
  width: auto;
}
#sa-content > h1 {
  font-size: 30px;
  margin: 20px 0;
}
.sa-cms-block button,
[data-row],
[data-resolve],
[data-sms],
[data-accept],
[data-revision] {
  border: 1px solid #d7deef;
  border-radius: 6px;
  padding: 5px 9px;
  color: #3455a8;
  background: #fff;
  cursor: pointer;
}
.sa-cms-block button:hover,
[data-row]:hover,
[data-resolve]:hover,
[data-sms]:hover {
  background: #eef2ff;
}
.sa-cms-block .sa-panel-head button {
  min-width: 30px;
}

/* Shopassist cabinet v2: simplified dashboard */
.sa-v2-dashboard { max-width: 1440px; margin: 0 auto; }
.sa-v2-page-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:20px; }
.sa-v2-page-heading h1 { margin:0; }
.sa-v2-page-heading p { margin:8px 0 0; color:var(--sa-muted); font-size:13px; }
.sa-v2-sync { display:flex; align-items:center; gap:12px; padding:14px 16px; margin-bottom:20px; border:1px solid var(--sa-line); border-radius:11px; background:#fff; }
.sa-v2-sync > span:nth-child(2) { flex:1; min-width:0; }
.sa-v2-sync strong, .sa-v2-sync small { display:block; }
.sa-v2-sync strong { font-size:13px; }
.sa-v2-sync small { margin-top:3px; color:var(--sa-muted); font-size:11px; }
.sa-v2-sync-icon { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; flex:0 0 auto; font-weight:800; }
.sa-v2-sync-success .sa-v2-sync-icon { background:#eaf7f1; color:#248260; }
.sa-v2-sync-warning .sa-v2-sync-icon { background:#fff1e8; color:#b6612d; }
.sa-v2-sync-neutral .sa-v2-sync-icon { background:#eef2f7; color:#68809f; }
.sa-v2-sync a { font-size:12px; font-weight:650; white-space:nowrap; }
.sa-v2-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:20px; }
.sa-v2-stat { display:block; min-width:0; padding:20px; border:1px solid var(--sa-line); border-radius:12px; background:#fff; color:inherit; transition:.15s ease; }
.sa-v2-stat:hover { border-color:#cfd8f4; box-shadow:0 5px 18px #17233b0a; transform:translateY(-1px); }
.sa-v2-stat span { display:block; color:#7c889d; font-size:12px; font-weight:600; }
.sa-v2-stat strong { display:block; margin-top:10px; color:var(--sa-ink); font-size:30px; line-height:1; letter-spacing:-1px; }
.sa-v2-stat small { display:block; margin-top:8px; color:#98a2b3; font-size:10px; }
.sa-v2-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:18px; }
.sa-v2-grid-primary { grid-template-columns:1fr 1fr; }
.sa-v2-panel { min-width:0; }
.sa-v2-panel .sa-panel-head { align-items:flex-start; padding:18px 20px; }
.sa-v2-panel .sa-panel-head h2 { margin:0; }
.sa-v2-panel .sa-panel-head p { margin:5px 0 0; color:var(--sa-muted); font-size:11px; }
.sa-v2-panel .sa-panel-head > a { margin-top:1px; font-size:11px; font-weight:650; white-space:nowrap; }
.sa-v2-list { min-height:120px; }
.sa-v2-row { display:flex; align-items:center; gap:12px; padding:15px 20px; border-bottom:1px solid #eef1f6; color:inherit; }
a.sa-v2-row:hover { background:#fafbff; }
.sa-v2-row:last-child { border-bottom:0; }
.sa-v2-row-main { min-width:0; flex:1; }
.sa-v2-row-main strong, .sa-v2-row-main small { display:block; }
.sa-v2-row-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#243451; }
.sa-v2-row-main small { margin-top:5px; color:#8b96a8; font-size:10px; }
.sa-v2-row-meta { display:flex; flex-direction:column; align-items:flex-end; gap:5px; text-align:right; }
.sa-v2-row-meta small { color:#8b96a8; font-size:10px; }
.sa-v2-attention-item { display:flex; align-items:center; gap:11px; padding:15px 20px; border-bottom:1px solid #eef1f6; color:inherit; }
a.sa-v2-attention-item:hover { background:#fffdf8; }
.sa-v2-attention-item:last-child { border-bottom:0; }
.sa-v2-attention-item > span:nth-child(2) { flex:1; min-width:0; }
.sa-v2-attention-item strong, .sa-v2-attention-item small { display:block; }
.sa-v2-attention-item strong { font-size:12px; color:#3e4a61; }
.sa-v2-attention-item small { margin-top:4px; color:#8b96a8; font-size:10px; }
.sa-v2-attention-item b { color:#8390a7; font-size:13px; }
.sa-v2-attention-icon { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:#fff5df; color:#b17819; font-weight:800; flex:0 0 auto; }
.sa-v2-empty { padding:30px 24px; text-align:center; color:#8a98ae; }
.sa-v2-empty strong { display:block; color:#52617c; font-size:14px; }
.sa-v2-empty p { max-width:430px; margin:7px auto 15px; font-size:11px; line-height:1.6; }
.sa-v2-empty-compact { padding:28px 20px; }
.sa-v2-empty-ok { display:grid; place-items:center; width:34px; height:34px; margin:0 auto 9px; border-radius:50%; background:#eaf7f1; color:#248260; font-weight:800; }
.sa-v2-advanced { margin-top:4px; border:1px dashed #dce2ed; border-radius:10px; background:#fafbfd; }
.sa-v2-advanced summary { cursor:pointer; padding:13px 16px; color:#7b879b; font-size:11px; font-weight:650; list-style-position:inside; }
.sa-v2-advanced[open] summary { border-bottom:1px solid #e8ecf3; }
.sa-v2-advanced-body { padding:15px 16px; }
.sa-v2-advanced-body p { margin:0 0 12px; color:#8b96a8; font-size:11px; }
.sa-v2-technical-stats { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.sa-v2-technical-stats span { padding:8px 10px; border:1px solid #e3e8f0; border-radius:7px; background:#fff; color:#7b879b; font-size:10px; }
.sa-v2-technical-stats span b { color:#42506a; }
.sa-v2-technical-stats a { margin-left:auto; font-size:11px; font-weight:650; }
@media (max-width: 1000px) {
  .sa-v2-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sa-v2-grid, .sa-v2-grid-primary { grid-template-columns:1fr; }
}
@media (max-width: 620px) {
  .sa-v2-page-heading { flex-direction:column; }
  .sa-v2-stats { grid-template-columns:1fr 1fr; gap:10px; }
  .sa-v2-stat { padding:16px; }
  .sa-v2-stat strong { font-size:25px; }
  .sa-v2-sync { align-items:flex-start; }
  .sa-v2-sync a { display:none; }
  .sa-v2-row { padding:14px; }
  .sa-v2-row-meta small { display:none; }
}


/* v2 overview refinement */
.sa-v2-page-heading { margin-bottom: 18px; }
.sa-v2-page-heading h1 { font-size: 30px; letter-spacing: -0.9px; }
.sa-v2-page-heading p { max-width: 720px; font-size: 13px; line-height: 1.65; }
.sa-v2-sync { padding: 15px 18px; margin-bottom: 18px; }
.sa-v2-sync-success { border-color: #d9eee5; background: #fbfefc; }
.sa-v2-sync-warning { border-color: #f2dfc9; background: #fffdf9; }
.sa-v2-sync-neutral { background: #fbfcfe; }
.sa-v2-stats { gap: 12px; margin-bottom: 18px; }
.sa-v2-stat { position: relative; padding: 19px 20px; }
.sa-v2-stat b { position: absolute; right: 18px; bottom: 18px; color: #b1bac9; font-size: 14px; font-weight: 600; transition: .15s; }
.sa-v2-stat:hover b { color: var(--sa-blue); transform: translateX(2px); }
.sa-v2-stat strong { margin-top: 9px; }
.sa-v2-stat small { padding-right: 22px; }
.sa-v2-grid { gap: 16px; margin-bottom: 16px; }
.sa-v2-panel .sa-panel-head { min-height: 72px; }
.sa-v2-list { min-height: 132px; }
.sa-v2-row, .sa-v2-attention-item { min-height: 64px; }
.sa-v2-empty { padding-top: 34px; padding-bottom: 34px; }
.sa-v2-advanced { margin-top: 2px; }
.sa-v2-advanced summary { position: relative; padding: 13px 18px; }
.sa-v2-advanced summary::after { content: "↓"; position: absolute; right: 17px; color: #a2adbe; }
.sa-v2-advanced[open] summary::after { content: "↑"; }
.sa-v2-technical-stats span { line-height: 1.35; }


/* v2 overview final polish */
.sa-v2-panel .sa-panel-head { min-height: 66px; }
.sa-v2-list { min-height: 96px; }
.sa-v2-row, .sa-v2-attention-item { min-height: 58px; }
.sa-v2-empty { padding-top: 24px; padding-bottom: 24px; }
.sa-v2-empty-compact { padding-top: 22px; padding-bottom: 22px; }
.sa-v2-advanced { opacity: .82; transition: opacity .15s ease, border-color .15s ease; }
.sa-v2-advanced:hover, .sa-v2-advanced[open] { opacity: 1; }
.sa-v2-advanced summary { color: #8f99aa; font-weight: 600; }
.sa-footer { display: none !important; }


/* v2.1 simplified products */
.sa-v2-products-page { min-width: 0; }
.sa-v2-products-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; margin-bottom:18px; }
.sa-v2-products-heading h1 { margin:0; }
.sa-v2-products-heading p { margin:7px 0 0; color:var(--sa-muted); font-size:12px; }
.sa-v2-products-panel { overflow:visible; }
.sa-v2-products-tools { display:grid; grid-template-columns:minmax(240px, 1fr) auto minmax(180px, 220px); gap:12px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--sa-line); }
.sa-v2-products-search { position:relative; margin:0; }
.sa-v2-products-search > span { position:absolute; left:13px; top:7px; z-index:1; color:#9aa6ba; font-size:20px; line-height:1; }
.sa-v2-products-search input { padding-left:38px; }
.sa-v2-product-filters { display:flex; gap:5px; padding:3px; background:#f4f6fa; border-radius:9px; }
.sa-v2-product-filters button { border:0; background:transparent; color:#6d7a91; font-size:11px; font-weight:650; padding:8px 10px; border-radius:7px; white-space:nowrap; }
.sa-v2-product-filters button:hover { background:#fff; color:#344560; }
.sa-v2-product-filters button.active { background:#fff; color:var(--sa-blue); box-shadow:0 1px 4px #17233b10; }
.sa-v2-sort { display:flex; align-items:center; gap:8px; margin:0; }
.sa-v2-sort > span { font-size:10px; color:#8793a8; white-space:nowrap; }
.sa-v2-sort .form-select { min-height:36px; font-size:11px; }
.sa-v2-products-table-wrap { overflow:auto; }
.sa-v2-products-table { width:100%; border-collapse:collapse; table-layout:auto; }
.sa-v2-products-table th { padding:12px 14px; background:#fafbfd; border-bottom:1px solid var(--sa-line); color:#8b96aa; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; text-align:left; white-space:nowrap; }
.sa-v2-products-table td { padding:12px 14px; border-bottom:1px solid #edf0f6; vertical-align:middle; color:#526079; font-size:12px; }
.sa-v2-products-table tbody tr:hover { background:#fbfcff; }
.sa-v2-products-table tbody tr.sa-selected { background:#eef3ff; }
.sa-v2-products-table th:nth-child(2), .sa-v2-products-table td:nth-child(2) { width:48%; }
.sa-v2-products-table th:nth-child(3), .sa-v2-products-table td:nth-child(3) { min-width:110px; }
.sa-v2-products-table th:nth-child(4), .sa-v2-products-table td:nth-child(4) { min-width:125px; }
.sa-v2-check { width:38px; text-align:center !important; padding-left:16px !important; padding-right:4px !important; }
.sa-v2-product-cell { display:flex; align-items:center; gap:12px; min-width:280px; }
.sa-v2-product-cell img { width:48px; height:48px; object-fit:contain; border:1px solid #edf0f6; border-radius:9px; background:#f7f9fc; flex:0 0 auto; }
.sa-v2-product-copy { min-width:0; }
.sa-v2-product-name { border:0; padding:0; background:transparent; color:#243451; font-size:12px; line-height:1.35; font-weight:700; text-align:left; cursor:pointer; max-width:470px; }
.sa-v2-product-name:hover { color:var(--sa-blue); }
.sa-v2-product-meta { display:flex; gap:6px; align-items:center; margin-top:4px; color:#8a96aa; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sa-v2-product-category, .sa-v2-product-warning { display:inline-block; margin-top:4px; font-size:9px; }
.sa-v2-product-category { color:#78869d; }
.sa-v2-product-warning { color:#b17819; }
.sa-v2-price { color:#273650 !important; font-weight:700; white-space:nowrap; }
.sa-v2-stock { display:inline-flex; flex-direction:column; gap:2px; font-size:11px; font-weight:650; }
.sa-v2-stock small { font-size:9px; font-weight:500; color:#8b96aa; }
.sa-v2-stock.ok { color:#248260; }
.sa-v2-stock.warn { color:#a8751e; }
.sa-v2-stock.off { color:#b6575e; }
.sa-v2-stock.muted, .sa-v2-muted { color:#8b96aa; }
.sa-v2-row-menu { width:52px; text-align:right; }
.sa-v2-row-menu details { position:relative; display:inline-block; }
.sa-v2-row-menu summary { list-style:none; cursor:pointer; width:32px; height:32px; display:grid; place-items:center; border:1px solid #e1e6ef; border-radius:7px; background:#fff; color:#607089; font-weight:800; letter-spacing:1px; }
.sa-v2-row-menu summary::-webkit-details-marker { display:none; }
.sa-v2-row-menu details[open] summary { border-color:#9cadf4; color:var(--sa-blue); }
.sa-v2-row-menu details > div { position:absolute; right:0; top:37px; z-index:12; min-width:150px; padding:6px; background:#fff; border:1px solid #e1e6ef; border-radius:9px; box-shadow:0 12px 35px #17233b20; }
.sa-v2-row-menu details button { width:100%; border:0; background:transparent; padding:8px 10px; border-radius:6px; text-align:left; font-size:11px; color:#3b4c67; }
.sa-v2-row-menu details button:hover { background:#f3f6fb; color:var(--sa-blue); }
.sa-v2-products-empty { padding:55px 20px; text-align:center; color:#8996aa; }
.sa-v2-products-empty strong { display:block; color:#50607b; font-size:15px; }
.sa-v2-products-empty p { margin:7px 0 0; font-size:11px; }
.sa-v2-tree-advanced { margin:9px 0 12px; border-top:1px solid #eef1f6; padding-top:8px; }
.sa-v2-tree-advanced > summary { cursor:pointer; list-style:none; font-size:10px; color:#7d8aa1; font-weight:650; padding:5px 0; }
.sa-v2-tree-advanced > summary::-webkit-details-marker { display:none; }
.sa-v2-tree-advanced > summary:before { content:'›'; display:inline-block; margin-right:7px; transition:transform .15s; }
.sa-v2-tree-advanced[open] > summary:before { transform:rotate(90deg); }
.sa-v2-tree-advanced .sa-tree-modes { margin-top:8px; }
.sa-v2-tree-advanced .sa-tree-mode-caption, .sa-v2-tree-advanced .sa-tree-note { margin-top:7px; }
@media (max-width: 1200px) {
  .sa-v2-products-tools { grid-template-columns:1fr 1fr; }
  .sa-v2-product-filters { grid-column:1/-1; order:3; overflow:auto; }
}
@media (max-width: 760px) {
  .sa-v2-products-tools { grid-template-columns:1fr; padding:12px; }
  .sa-v2-product-filters { grid-column:auto; }
  .sa-v2-sort { justify-content:space-between; }
  .sa-v2-products-table th:nth-child(3), .sa-v2-products-table td:nth-child(3),
  .sa-v2-products-table th:nth-child(4), .sa-v2-products-table td:nth-child(4) { display:none; }
  .sa-v2-product-cell { min-width:220px; }
}

/* v2.2 products polish */
.sa-v2-products-topline {
  display:grid;
  grid-template-columns:minmax(280px,1fr) auto minmax(220px,260px);
  gap:12px;
  align-items:center;
  padding:16px 18px 12px;
}
.sa-v2-filter-toggle {
  min-height:40px;
  white-space:nowrap;
}
.sa-v2-filter-toggle.active {
  border-color:#b9c7fb;
  color:var(--sa-blue);
  background:#f4f6ff;
}
.sa-v2-products-statusbar {
  display:flex;
  align-items:center;
  padding:0 18px 14px;
  border-bottom:1px solid var(--sa-line);
}
.sa-v2-filter-panel {
  margin:0 18px 14px;
  padding:14px;
  border:1px solid var(--sa-line);
  border-radius:10px;
  background:#fafbfd;
  display:grid;
  grid-template-columns:repeat(3,minmax(160px,1fr)) auto;
  gap:12px;
  align-items:end;
}
.sa-v2-filter-panel[hidden] { display:none; }
.sa-v2-filter-panel label { margin:0; }
.sa-v2-filter-panel label > span {
  display:block;
  margin-bottom:6px;
  color:#7f8ca2;
  font-size:10px;
  font-weight:650;
}
.sa-v2-filter-panel .form-select { min-height:38px; font-size:11px; }
.sa-v2-filter-clear {
  min-height:38px;
  border:0;
  background:transparent;
  color:#6f7e96;
  font-size:11px;
  font-weight:650;
  padding:0 8px;
}
.sa-v2-filter-clear:hover { color:var(--sa-blue); }
.sa-v2-product-warning { display:none; }
.sa-v2-state-wrap {
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}
.sa-v2-state-reason {
  color:#9a7a38;
  font-size:9px;
  font-weight:500;
  white-space:nowrap;
}
.sa-v2-products-table tbody tr {
  transition:background-color .12s ease, box-shadow .12s ease;
}
.sa-v2-products-table tbody tr:hover {
  background:#f8faff;
  box-shadow:inset 3px 0 0 #d9e2ff;
}
.sa-v2-product-name:focus-visible,
.sa-v2-row-menu summary:focus-visible {
  outline:2px solid #a9b9ff;
  outline-offset:2px;
  border-radius:4px;
}

@media (max-width:1100px) {
  .sa-v2-products-topline { grid-template-columns:1fr auto; }
  .sa-v2-sort { grid-column:1/-1; justify-content:flex-end; }
  .sa-v2-filter-panel { grid-template-columns:1fr 1fr; }
}
@media (max-width:760px) {
  .sa-v2-products-topline { grid-template-columns:1fr; padding:12px; }
  .sa-v2-filter-toggle { width:100%; }
  .sa-v2-sort { grid-column:auto; justify-content:space-between; }
  .sa-v2-products-statusbar { padding:0 12px 12px; overflow:auto; }
  .sa-v2-filter-panel { margin:0 12px 12px; grid-template-columns:1fr; }
}

/* V2 suppliers: business-first source list */
.sa-v2-sources-page { max-width: 1320px; margin: 0 auto; }
.sa-v2-sources-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:18px; margin-bottom:18px; }
.sa-v2-sources-heading h1 { margin:0; }
.sa-v2-sources-heading p { margin:7px 0 0; color:var(--sa-muted); font-size:12px; }
.sa-v2-sources-panel { overflow:visible; }
.sa-v2-sources-toolbar { padding:16px 18px; border-bottom:1px solid var(--sa-line); }
.sa-v2-sources-toolbar .sa-v2-products-search { max-width:520px; display:block; }
.sa-v2-source-list { display:grid; gap:12px; padding:16px; }
.sa-v2-source-card { position:relative; border:1px solid #e3e8f1; border-radius:12px; background:#fff; padding:18px; transition:.15s ease; }
.sa-v2-source-card:hover { border-color:#cfd8ea; box-shadow:0 5px 18px #17233b08; }
.sa-v2-source-card.is-error { border-color:#efc9cd; box-shadow:inset 3px 0 0 #d85d66; }
.sa-v2-source-card.is-warning { border-color:#eadfc5; box-shadow:inset 3px 0 0 #d4a23e; }
.sa-v2-source-main { display:flex; align-items:flex-start; gap:13px; }
.sa-v2-source-copy { flex:1; min-width:0; }
.sa-v2-source-title-line { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.sa-v2-source-title-line > strong { font-size:14px; color:#243451; }
.sa-v2-source-meta { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:6px; color:#8290a6; font-size:11px; }
.sa-v2-source-status-detail { display:block; margin-top:6px; color:#8b96aa; font-size:10px; }
.sa-v2-source-status { display:inline-flex; align-items:center; border-radius:999px; padding:4px 8px; font-size:9px; font-weight:700; }
.sa-v2-source-status.ok { color:#248260; background:#eaf7f1; }
.sa-v2-source-status.running { color:#4264cb; background:#edf1fe; }
.sa-v2-source-status.waiting { color:#9a731f; background:#fff5df; }
.sa-v2-source-status.error { color:#b94c54; background:#fcebed; }
.sa-v2-source-alert { display:flex; align-items:flex-start; gap:10px; margin:14px 0 0 48px; padding:11px 13px; border-radius:9px; background:#fff5f5; color:#a94b53; }
.sa-v2-source-alert > span { width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:#fbe2e4; font-weight:800; flex:0 0 auto; }
.sa-v2-source-alert strong, .sa-v2-source-alert small { display:block; }
.sa-v2-source-alert strong { font-size:11px; }
.sa-v2-source-alert small { margin-top:3px; color:#a9777b; font-size:10px; }
.sa-v2-source-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-top:15px; }
.sa-v2-source-actions .btn { min-height:34px; padding:7px 11px; font-size:11px; }
.sa-v2-source-menu { position:relative; }
.sa-v2-source-menu > summary { list-style:none; cursor:pointer; width:34px; height:34px; display:grid; place-items:center; border:1px solid #e1e6ef; border-radius:8px; background:#fff; color:#607089; font-weight:800; letter-spacing:1px; }
.sa-v2-source-menu > summary::-webkit-details-marker { display:none; }
.sa-v2-source-menu[open] > summary { color:var(--sa-blue); border-color:#9cadf4; }
.sa-v2-source-menu > div { position:absolute; right:0; top:39px; z-index:20; min-width:190px; padding:6px; border:1px solid #e1e6ef; border-radius:9px; background:#fff; box-shadow:0 12px 35px #17233b20; }
.sa-v2-source-menu button { width:100%; border:0; background:transparent; border-radius:6px; padding:9px 10px; text-align:left; color:#3b4c67; font-size:11px; }
.sa-v2-source-menu button:hover { background:#f3f6fb; color:var(--sa-blue); }
.sa-v2-source-empty { padding:58px 24px; text-align:center; color:#8996aa; }
.sa-v2-source-empty strong { display:block; color:#50607b; font-size:15px; }
.sa-v2-source-empty p { max-width:480px; margin:8px auto 16px; font-size:11px; line-height:1.6; }
@media (max-width:760px) {
  .sa-v2-sources-heading { align-items:stretch; flex-direction:column; }
  .sa-v2-sources-heading .btn { align-self:flex-start; }
  .sa-v2-source-card { padding:14px; }
  .sa-v2-source-alert { margin-left:0; }
  .sa-v2-source-actions { justify-content:flex-start; flex-wrap:wrap; }
}

/* v2 review inbox */
.sa-v2-review-page{max-width:1180px;margin:0 auto}.sa-v2-review-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.sa-v2-review-heading h1{margin:0}.sa-v2-review-heading p{margin:6px 0 0;color:var(--sa-muted);font-size:12px}.sa-v2-review-panel{overflow:hidden}.sa-v2-review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--sa-line)}.sa-v2-review-toolbar .sa-v2-products-search{max-width:430px}.sa-v2-review-tabs{display:flex;gap:6px;background:#f3f5fa;padding:4px;border-radius:9px}.sa-v2-review-tabs button{border:0;background:transparent;color:#738099;padding:7px 11px;border-radius:7px;font-size:12px;font-weight:650}.sa-v2-review-tabs button.active{background:#fff;color:#3458df;box-shadow:0 1px 4px #17233b12}.sa-v2-review-list{padding:16px;display:grid;gap:12px}.sa-v2-review-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:14px;padding:17px 18px;border:1px solid #e6eaf2;border-radius:12px;background:#fff}.sa-v2-review-card.is-pending{border-left:3px solid #e3ad3e}.sa-v2-review-card.is-done{border-left:3px solid #59a985}.sa-v2-review-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#fff4dc;color:#ae7b16}.sa-v2-review-card.is-done .sa-v2-review-icon{background:#eaf7f1;color:#25805f}.sa-v2-review-kicker{text-transform:uppercase;letter-spacing:.9px;font-size:9px;font-weight:800;color:#a16f15;margin-bottom:5px}.sa-v2-review-card.is-done .sa-v2-review-kicker{color:#2e8265}.sa-v2-review-main h2{font-size:14px;margin:0 0 5px}.sa-v2-review-reason{font-size:12px;font-weight:650;color:#3f4e67;margin:0 0 5px}.sa-v2-review-explain{font-size:11px;line-height:1.55;color:#7c899e;margin:0}.sa-v2-review-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;color:#8c98aa;font-size:10px}.sa-v2-review-actions{display:flex;align-items:center;gap:7px;align-self:center}.sa-v2-review-actions .btn{white-space:nowrap}.sa-v2-review-tech{grid-column:2/-1;border-top:1px dashed #e5e9f1;margin-top:4px;padding-top:8px}.sa-v2-review-tech:not([open])>div{display:none}.sa-v2-review-tech summary{cursor:pointer;color:#8592a7;font-size:10px;padding:4px 0}.sa-v2-review-empty{text-align:center;padding:68px 24px 72px}.sa-v2-review-empty-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 17px;background:#eaf7f1;color:#238260;font-size:22px;font-weight:800}.sa-v2-review-empty h2{font-size:18px;color:#42516c;margin-bottom:8px}.sa-v2-review-empty p{max-width:480px;margin:0 auto 18px;color:#8794aa;font-size:12px;line-height:1.6}@media(max-width:760px){.sa-v2-review-toolbar{align-items:stretch;flex-direction:column}.sa-v2-review-toolbar .sa-v2-products-search{max-width:none}.sa-v2-review-tabs{width:100%}.sa-v2-review-tabs button{flex:1}.sa-v2-review-card{grid-template-columns:34px 1fr}.sa-v2-review-actions{grid-column:1/-1;justify-content:flex-end}.sa-v2-review-tech{grid-column:1/-1}}

/* v2 product lists */
.sa-v2-lists-page{max-width:1420px;margin:0 auto}.sa-v2-lists-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.sa-v2-lists-heading h1{margin:0 0 6px}.sa-v2-lists-heading p{margin:0;color:var(--sa-muted);font-size:12px}.sa-v2-lists-panel{overflow:visible}.sa-v2-lists-toolbar{padding:18px 20px;border-bottom:1px solid var(--sa-line)}.sa-v2-lists-toolbar .sa-v2-products-search{max-width:520px}.sa-v2-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.sa-v2-list-card{border:1px solid var(--sa-line);border-radius:13px;background:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:160px}.sa-v2-list-card:hover{border-color:#ccd6fb;box-shadow:0 8px 28px #17233b0a}.sa-v2-list-card-main{display:flex;align-items:flex-start;gap:15px;min-width:0}.sa-v2-list-icon{width:40px;height:40px;border-radius:10px;background:#eef2ff;color:#4564dc;display:grid;place-items:center;font-size:20px;font-weight:800;flex:0 0 auto}.sa-v2-list-copy{min-width:0}.sa-v2-list-copy h2{font-size:16px;margin:0 0 5px;color:#23314b}.sa-v2-list-copy>p{font-size:12px;color:#71809a;margin:0 0 18px}.sa-v2-list-usage{display:flex;flex-direction:column;gap:4px}.sa-v2-list-usage span{font-size:11px;font-weight:700;color:#52617a}.sa-v2-list-usage small{font-size:10px;color:#8491a7}.sa-v2-list-usage.is-empty span{color:#7d899d;font-weight:600}.sa-v2-list-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.sa-v2-list-menu{position:relative}.sa-v2-list-empty{padding:64px 24px;text-align:center;grid-column:1/-1}.sa-v2-list-empty-icon{width:58px;height:58px;border-radius:18px;background:#f1f4fa;color:#9eabc0;display:grid;place-items:center;margin:0 auto 16px;font-size:26px}.sa-v2-list-empty h2{font-size:17px;margin-bottom:8px}.sa-v2-list-empty p{color:#7f8ca2;max-width:480px;margin:0 auto 20px;font-size:12px;line-height:1.6}@media(max-width:980px){.sa-v2-list-grid{grid-template-columns:1fr}.sa-v2-list-card{align-items:flex-start;flex-direction:column}.sa-v2-list-actions{align-self:stretch}.sa-v2-list-actions .btn{flex:1}}@media(max-width:760px){.sa-v2-lists-heading{align-items:flex-start;flex-direction:column}.sa-v2-lists-heading .btn{width:100%}.sa-v2-list-grid{padding:14px}.sa-v2-list-card{padding:16px}}


/* v2 price rules */
.sa-v2-rules-page{max-width:1320px;margin:0 auto}.sa-v2-rules-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.sa-v2-rules-heading h1{margin:0 0 6px}.sa-v2-rules-heading p{margin:0;color:var(--sa-muted);font-size:12px}.sa-v2-rules-toolbar{padding:18px 20px;border-bottom:1px solid var(--sa-line)}.sa-v2-rules-toolbar .sa-v2-products-search{max-width:520px}.sa-v2-rule-list{display:grid;gap:12px;padding:18px}.sa-v2-rule-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px;border:1px solid var(--sa-line);border-radius:12px;background:#fff}.sa-v2-rule-card.is-active{box-shadow:inset 3px 0 0 #63ad8c}.sa-v2-rule-card.is-paused{opacity:.72}.sa-v2-rule-card-main{display:flex;gap:13px;min-width:0}.sa-v2-rule-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eef2ff;color:#4564dc;font-weight:800;flex:0 0 auto}.sa-v2-rule-copy{min-width:0}.sa-v2-rule-title-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sa-v2-rule-title-line h2{margin:0;font-size:15px}.sa-v2-rule-status{padding:4px 7px;border-radius:999px;font-size:9px;font-weight:750}.sa-v2-rule-status.ok{background:#eaf7f1;color:#248260}.sa-v2-rule-status.off{background:#eef1f5;color:#748199}.sa-v2-rule-copy>p{margin:5px 0 8px;color:#7b899f;font-size:11px}.sa-v2-rule-summary{font-size:12px;color:#40506a;font-weight:600}.sa-v2-rule-sale{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:7px;background:#fff5df;color:#9a711d;font-size:10px}.sa-v2-rule-actions{display:flex;gap:8px;flex:0 0 auto}.sa-v2-rule-empty{text-align:center;padding:68px 24px}.sa-v2-rule-empty-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 auto 16px;background:#eef2ff;color:#4564dc;font-size:22px;font-weight:850}.sa-v2-rule-empty h2{font-size:18px;margin-bottom:8px}.sa-v2-rule-empty p{max-width:590px;margin:0 auto 20px;color:#7f8ca2;font-size:12px;line-height:1.65}@media(max-width:760px){.sa-v2-rules-heading{align-items:flex-start;flex-direction:column}.sa-v2-rules-heading .btn{width:100%}.sa-v2-rule-card{align-items:flex-start;flex-direction:column}.sa-v2-rule-actions{width:100%}.sa-v2-rule-actions .btn{flex:1}}

/* v2 categories */
.sa-v2-categories-page{max-width:1420px;margin:0 auto}.sa-v2-categories-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.sa-v2-categories-heading h1{margin:0 0 6px}.sa-v2-categories-heading p{margin:0;color:var(--sa-muted);font-size:12px}.sa-v2-categories-panel{overflow:visible}.sa-v2-categories-toolbar{padding:18px 20px;border-bottom:1px solid var(--sa-line)}.sa-v2-categories-toolbar .sa-v2-products-search{max-width:520px}.sa-v2-category-tree{padding:20px;display:flex;flex-direction:column;gap:12px}.sa-v2-category-node{display:flex;flex-direction:column;gap:10px}.sa-v2-category-node.is-child{margin-left:30px}.sa-v2-category-children{display:flex;flex-direction:column;gap:10px;border-left:2px solid #e7ebf4;padding-left:18px}.sa-v2-category-card{border:1px solid var(--sa-line);border-radius:12px;background:#fff;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.sa-v2-category-card:hover{border-color:#ccd6fb;box-shadow:0 7px 24px #17233b08}.sa-v2-category-card-main{display:flex;align-items:center;gap:13px;min-width:0}.sa-v2-category-icon{width:38px;height:38px;border-radius:10px;background:#eef2ff;color:#4564dc;display:grid;place-items:center;font-size:14px}.sa-v2-category-copy h2{margin:0 0 4px;font-size:14px;color:#23314b}.sa-v2-category-copy p{margin:0;font-size:10px;color:#8793a7}.sa-v2-category-actions{flex:0 0 auto}.sa-v2-category-empty{text-align:center;padding:64px 24px}.sa-v2-category-empty-icon{width:58px;height:58px;border-radius:18px;background:#f1f4fa;color:#9eabc0;display:grid;place-items:center;margin:0 auto 16px}.sa-v2-category-empty h2{font-size:17px;margin-bottom:8px}.sa-v2-category-empty p{color:#7f8ca2;max-width:520px;margin:0 auto 20px;font-size:12px;line-height:1.6}@media(max-width:760px){.sa-v2-categories-heading{align-items:flex-start;flex-direction:column}.sa-v2-categories-heading .btn{width:100%}.sa-v2-category-tree{padding:14px}.sa-v2-category-node.is-child{margin-left:14px}.sa-v2-category-card{align-items:flex-start}.sa-v2-category-actions .btn{padding:7px 10px}}


/* v2 characteristics */
.sa-v2-parameters-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.sa-v2-parameters-heading h1{margin:0}.sa-v2-parameters-heading p{margin:6px 0 0;color:#7f8da4;font-size:12px}.sa-v2-parameters-panel{overflow:hidden}.sa-v2-parameters-toolbar{padding:16px 20px;border-bottom:1px solid var(--sa-line)}.sa-v2-parameter-list{padding:14px}.sa-v2-parameter-card{display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid #e4e9f2;border-radius:11px;background:#fff;margin-bottom:10px}.sa-v2-parameter-card:last-child{margin-bottom:0}.sa-v2-parameter-card:hover{border-color:#ccd6ea;background:#fbfcff}.sa-v2-parameter-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#eef2ff;color:#3e5fe8;font-size:20px;font-weight:800;flex:0 0 auto}.sa-v2-parameter-copy{min-width:0;flex:1}.sa-v2-parameter-copy h2{font-size:14px;margin:0 0 7px;color:#243451}.sa-v2-parameter-meta{display:flex;gap:14px;flex-wrap:wrap;color:#7d899e;font-size:11px}.sa-v2-parameter-meta strong{color:#52617b;font-weight:650}.sa-v2-parameter-actions{margin-left:auto}.sa-v2-parameter-empty{padding:70px 24px;text-align:center;color:#7f8da4}.sa-v2-parameter-empty-icon{width:54px;height:54px;border-radius:16px;background:#f1f4fa;color:#8291aa;display:grid;place-items:center;margin:0 auto 16px;font-size:24px;font-weight:800}.sa-v2-parameter-empty h2{font-size:17px;color:#52617b;margin-bottom:8px}.sa-v2-parameter-empty p{max-width:560px;margin:0 auto 18px;font-size:12px;line-height:1.6}@media(max-width:760px){.sa-v2-parameters-heading{flex-direction:column}.sa-v2-parameter-card{align-items:flex-start;flex-wrap:wrap}.sa-v2-parameter-actions{width:100%;margin-left:56px}}


/* v2 mappings */
.sa-v2-mappings-page{max-width:1220px;margin:0 auto}.sa-v2-mappings-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.sa-v2-mappings-heading h1{margin:0 0 5px;font-size:28px}.sa-v2-mappings-heading p{margin:0;max-width:760px;color:#7f8da4;font-size:12px;line-height:1.55}.sa-v2-mappings-panel{overflow:hidden}.sa-v2-mappings-toolbar{padding:16px 18px;border-bottom:1px solid #e6ebf2}.sa-v2-mapping-empty{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px}.sa-v2-mapping-empty-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#e9f7f0;color:#24805f;font-size:22px;font-weight:800;margin-bottom:14px}.sa-v2-mapping-empty h2{margin:0 0 8px;font-size:18px}.sa-v2-mapping-empty p{max-width:580px;margin:0 0 18px;color:#7c8aa1;font-size:12px;line-height:1.6}.sa-v2-mapping-summary{margin:16px 18px 0;padding:12px 14px;border-radius:10px;display:flex;align-items:flex-start;gap:10px}.sa-v2-mapping-summary>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-weight:800;flex:0 0 auto}.sa-v2-mapping-summary strong,.sa-v2-mapping-summary small{display:block}.sa-v2-mapping-summary strong{font-size:12px}.sa-v2-mapping-summary small{margin-top:3px;font-size:10px}.sa-v2-mapping-summary.success{border:1px solid #d5ece2;background:#fbfefc}.sa-v2-mapping-summary.success>span{background:#e5f6ee;color:#25805f}.sa-v2-mapping-summary.success small{color:#718d83}.sa-v2-mapping-summary.warning{border:1px solid #ecdba9;background:#fffdf7}.sa-v2-mapping-summary.warning>span{background:#fff0c7;color:#a97815}.sa-v2-mapping-summary.warning small{color:#8f7c4c}.sa-v2-mapping-list{padding:16px 18px 18px;display:grid;gap:10px}.sa-v2-mapping-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid #e1e7ef;border-left-width:3px;border-radius:11px;background:#fff;padding:14px 15px}.sa-v2-mapping-card.is-success{border-left-color:#65b895}.sa-v2-mapping-card.is-warning{border-left-color:#e0ad3f}.sa-v2-mapping-card.is-neutral{border-left-color:#a9b4c5}.sa-v2-mapping-status-icon{width:30px;height:30px;border-radius:9px;background:#f1f4fa;color:#52698b;display:grid;place-items:center;font-weight:800}.sa-v2-mapping-topline{display:flex;align-items:center;gap:8px}.sa-v2-mapping-topline strong{font-size:13px;color:#283852}.sa-v2-mapping-copy>small{display:block;margin-top:4px;color:#8390a4;font-size:10px}.sa-v2-mapping-badge{border-radius:999px;padding:3px 7px;font-size:9px;font-weight:750}.sa-v2-mapping-badge.success{background:#e6f6ef;color:#257f60}.sa-v2-mapping-badge.warning{background:#fff1cf;color:#a27418}.sa-v2-mapping-badge.neutral{background:#eef2f6;color:#718098}.sa-v2-mapping-pair{display:flex;align-items:center;gap:9px;margin-top:9px;font-size:11px;color:#4e5f78}.sa-v2-mapping-pair span{background:#f7f9fc;border:1px solid #e7ebf1;border-radius:7px;padding:5px 8px}.sa-v2-mapping-pair b{color:#9aa6b8}.sa-v2-mapping-actions{display:flex;align-items:center}@media(max-width:760px){.sa-v2-mappings-heading{flex-direction:column}.sa-v2-mapping-card{grid-template-columns:auto 1fr}.sa-v2-mapping-actions{grid-column:1/-1;justify-content:flex-end}.sa-v2-mapping-pair{flex-wrap:wrap}}


/* v2 marketplaces */
.sa-v2-marketplaces-page{min-width:0}.sa-v2-marketplaces-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.sa-v2-marketplaces-heading h1{margin:0}.sa-v2-marketplaces-heading p{margin:6px 0 0;color:var(--sa-muted);font-size:12px}.sa-v2-marketplaces-panel{overflow:visible}.sa-v2-marketplaces-toolbar{padding:16px 18px;border-bottom:1px solid var(--sa-line)}.sa-v2-marketplaces-toolbar .sa-v2-products-search{max-width:420px}.sa-v2-marketplace-list{padding:14px;display:grid;gap:12px}.sa-v2-marketplace-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid #e2e7ef;border-left:3px solid #d7deea;border-radius:12px;background:#fff}.sa-v2-marketplace-card.success{border-left-color:#45ad86}.sa-v2-marketplace-card.warning{border-left-color:#d9a63b}.sa-v2-marketplace-card.error{border-left-color:#d95d67}.sa-v2-marketplace-card.info{border-left-color:#4f7ee8}.sa-v2-marketplace-icon{width:42px;height:42px;border-radius:11px;background:#eef3ff;color:#4263d8;display:grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:.04em}.sa-v2-marketplace-main{min-width:0}.sa-v2-marketplace-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sa-v2-marketplace-title h3{margin:0;font-size:14px;color:#253550}.sa-v2-marketplace-main>p{margin:4px 0 0;color:#7e8aa0;font-size:10px}.sa-v2-marketplace-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:9px;color:#7e8aa0;font-size:10px}.sa-v2-marketplace-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:750}.sa-v2-marketplace-badge.success{background:#e7f6ef;color:#248260}.sa-v2-marketplace-badge.warning{background:#fff2d6;color:#9d711a}.sa-v2-marketplace-badge.error{background:#fbe2e4;color:#b94c54}.sa-v2-marketplace-badge.info{background:#eaf0ff;color:#4263d8}.sa-v2-marketplace-actions{display:flex;gap:8px;align-items:center}.sa-v2-marketplace-empty{min-height:260px;padding:48px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.sa-v2-marketplace-empty-icon{width:54px;height:54px;border-radius:15px;background:#eef3fb;color:#8291aa;display:grid;place-items:center;font-size:24px;margin-bottom:14px}.sa-v2-marketplace-empty h2{margin:0 0 7px;font-size:16px}.sa-v2-marketplace-empty p{max-width:520px;margin:0 0 17px;color:#7f8ba0;font-size:11px;line-height:1.6}.sa-v2-marketplace-sync{padding:2px 0}.sa-v2-marketplace-sync-advanced{margin-top:16px;border:1px solid #e1e6ef;border-radius:10px;background:#fbfcfe}.sa-v2-marketplace-sync-advanced>summary{padding:13px 15px;cursor:pointer;font-size:11px;font-weight:700;color:#63728a}.sa-v2-marketplace-sync-advanced>.sa-form-grid{padding:14px;border-top:1px solid #e7ebf2}@media(max-width:760px){.sa-v2-marketplaces-heading{align-items:flex-start;flex-direction:column}.sa-v2-marketplace-card{grid-template-columns:42px minmax(0,1fr)}.sa-v2-marketplace-actions{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}}

/* v2 exports */
.sa-v2-feeds-page{min-width:0}.sa-v2-feeds-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.sa-v2-feeds-heading h1{margin:0}.sa-v2-feeds-heading p{margin:6px 0 0;color:var(--sa-muted);font-size:12px}.sa-v2-feeds-panel{overflow:hidden}.sa-v2-feeds-toolbar{padding:16px 18px;border-bottom:1px solid var(--sa-line)}.sa-v2-feeds-toolbar .sa-v2-products-search{max-width:420px}.sa-v2-feed-list{padding:14px;display:grid;gap:12px}.sa-v2-feed-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid #e2e7ef;border-left:3px solid #d7deea;border-radius:12px;background:#fff}.sa-v2-feed-card.success{border-left-color:#45ad86}.sa-v2-feed-card.warning{border-left-color:#d9a63b}.sa-v2-feed-card.error{border-left-color:#d95d67}.sa-v2-feed-card.info{border-left-color:#4f7ee8}.sa-v2-feed-icon{width:40px;height:40px;border-radius:10px;background:#eef3ff;color:#4263d8;display:grid;place-items:center;font-weight:800;font-size:18px}.sa-v2-feed-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sa-v2-feed-title h3{margin:0;font-size:14px;color:#253550}.sa-v2-feed-main>p{margin:4px 0 0;color:#7e8aa0;font-size:10px}.sa-v2-feed-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:9px;color:#7e8aa0;font-size:10px}.sa-v2-feed-badge{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:750}.sa-v2-feed-badge.success{background:#e7f6ef;color:#248260}.sa-v2-feed-badge.warning{background:#fff2d6;color:#9d711a}.sa-v2-feed-badge.error{background:#fbe2e4;color:#b94c54}.sa-v2-feed-badge.info{background:#eaf0ff;color:#4263d8}.sa-v2-feed-actions{display:flex;gap:8px;align-items:center}.sa-v2-feed-more{min-width:38px}.sa-v2-feed-empty{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px 24px}.sa-v2-feed-empty-icon{width:54px;height:54px;border-radius:16px;background:#eef3fb;color:#6e83a5;display:grid;place-items:center;font-size:22px;margin-bottom:14px}.sa-v2-feed-empty h2{margin:0 0 8px;font-size:17px}.sa-v2-feed-empty p{max-width:590px;margin:0 0 18px;color:#7f8ba0;font-size:11px;line-height:1.6}@media(max-width:760px){.sa-v2-feeds-heading{align-items:flex-start;flex-direction:column}.sa-v2-feed-card{grid-template-columns:40px minmax(0,1fr)}.sa-v2-feed-actions{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}}

/* v2 external AI bridge */
.sa-v2-ai-page{min-width:0;max-width:1180px;margin:0 auto}.sa-v2-ai-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px}.sa-v2-ai-heading h1{margin:0;font-size:28px;color:#1f2e49}.sa-v2-ai-heading p{max-width:760px;margin:7px 0 0;color:#78869d;font-size:12px;line-height:1.6}.sa-v2-ai-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef3ff;color:#4c65c8;font-size:10px;font-weight:750;white-space:nowrap}.sa-v2-ai-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}.sa-v2-ai-step{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #e3e8f1;border-radius:10px;background:#fff;color:#8a96a9;font-size:11px;font-weight:650}.sa-v2-ai-step b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f0f3f8;color:#7e8ba0}.sa-v2-ai-step.is-active{border-color:#cbd8ff;background:#f7f9ff;color:#3455b5}.sa-v2-ai-step.is-active b{background:#4263e8;color:#fff}.sa-v2-ai-step.is-done{color:#2c805f}.sa-v2-ai-step.is-done b{background:#e5f6ef;color:#258261}.sa-v2-ai-card{padding:0;margin:0 0 14px;overflow:hidden}.sa-v2-ai-card-head{display:flex;gap:13px;padding:18px 20px;border-bottom:1px solid #e8ecf2}.sa-v2-ai-number{width:30px;height:30px;border-radius:9px;background:#eef3ff;color:#4263df;display:grid;place-items:center;font-size:12px;font-weight:800;flex:0 0 auto}.sa-v2-ai-card-head h2{margin:1px 0 4px;font-size:15px;color:#273750}.sa-v2-ai-card-head p{margin:0;color:#8390a4;font-size:10px;line-height:1.55}.sa-v2-ai-form,.sa-v2-ai-guide{padding:18px 20px}.sa-v2-ai-form .sa-form-grid{margin:0}.sa-v2-ai-advanced{margin-top:14px;border:1px solid #e3e8ef;border-radius:10px;background:#fbfcfe}.sa-v2-ai-advanced>summary{padding:12px 14px;cursor:pointer;color:#63728a;font-size:11px;font-weight:700}.sa-v2-ai-advanced>.sa-form-grid{padding:14px;border-top:1px solid #e8ecf2}.sa-v2-ai-advanced>p{margin:0;padding:0 14px 14px;color:#8a96a8;font-size:10px}.sa-v2-ai-actions{display:flex;justify-content:flex-end;margin-top:16px}.sa-v2-ai-ready{display:flex;align-items:center;gap:12px;margin:0 20px 18px;padding:13px 14px;border:1px solid #cee8dd;border-radius:10px;background:#f6fcf9}.sa-v2-ai-ready-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e2f6ee;color:#26825f;font-weight:800}.sa-v2-ai-ready strong{font-size:11px;color:#2d4059}.sa-v2-ai-ready p{margin:3px 0 0;color:#78899a;font-size:10px}.sa-v2-ai-guide ol{margin:0 0 14px;padding-left:20px;color:#53647c;font-size:11px;line-height:1.8}.sa-v2-ai-copybox{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e2e7f0;border-radius:10px;background:#f8fafd}.sa-v2-ai-copybox p{flex:1;margin:0;color:#596a82;font-size:10px;line-height:1.55}.sa-v2-ai-copybox .btn{white-space:nowrap}.sa-v2-ai-note{margin-top:12px;padding:10px 12px;border-radius:9px;background:#fff8e9;color:#8a6c2a;font-size:10px}.sa-v2-ai-drop{margin:18px 20px 0;padding:30px 20px;border:1.5px dashed #cbd4e3;border-radius:12px;background:#fbfcfe;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:7px;transition:.15s ease}.sa-v2-ai-drop.is-drag{border-color:#4f70e9;background:#f4f7ff}.sa-v2-ai-drop.has-file{border-style:solid;border-color:#bcd9cc;background:#f7fcf9}.sa-v2-ai-drop-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef3ff;color:#4c67d8;font-size:20px;font-weight:700}.sa-v2-ai-drop strong{font-size:12px;color:#2e3e57}.sa-v2-ai-drop span,.sa-v2-ai-drop small{font-size:10px;color:#8a96a9}.sa-v2-ai-card#sa-ai-step-3 .sa-v2-ai-actions{padding:0 20px 18px}.sa-v2-ai-review-empty{margin:18px 20px;padding:25px;border-radius:10px;background:#f8fafc;color:#8995a8;text-align:center;font-size:11px}.sa-v2-ai-review{padding:18px 20px}.sa-v2-ai-review-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:#f6f8fc}.sa-v2-ai-review-summary>div{display:flex;align-items:baseline;gap:7px}.sa-v2-ai-review-summary strong{font-size:20px;color:#243650}.sa-v2-ai-review-summary span,.sa-v2-ai-review-summary label{font-size:10px;color:#78869a}.sa-v2-ai-review-list{margin-top:12px;border:1px solid #e3e8ef;border-radius:10px;overflow:hidden}.sa-v2-ai-review-row{display:grid;grid-template-columns:22px 1fr;gap:9px;padding:12px 14px;border-bottom:1px solid #edf0f4;cursor:pointer}.sa-v2-ai-review-row:last-child{border-bottom:0}.sa-v2-ai-review-row>div{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:center}.sa-v2-ai-review-row strong{font-size:11px;color:#2a3b55}.sa-v2-ai-review-row span{font-size:11px;color:#52647c}.sa-v2-ai-review-row small{width:100%;font-size:9px;color:#929dae}.sa-v2-ai-review-zero{padding:22px;text-align:center;color:#8b97a9;font-size:11px}.sa-v2-ai-review-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}.sa-v2-ai-review-footer p{margin:0;color:#8490a3;font-size:10px}.sa-v2-ai-applied{padding:28px;text-align:center;border:1px solid #cee8dd;border-radius:10px;background:#f6fcf9}.sa-v2-ai-applied>div{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;background:#e2f6ee;color:#248260;font-weight:800}.sa-v2-ai-applied strong{font-size:14px;color:#2c3e58}.sa-v2-ai-applied p{margin:5px 0 0;color:#77879b;font-size:10px}@media(max-width:760px){.sa-v2-ai-heading{align-items:flex-start;flex-direction:column}.sa-v2-ai-steps{grid-template-columns:1fr 1fr}.sa-v2-ai-copybox,.sa-v2-ai-review-footer{align-items:stretch;flex-direction:column}.sa-v2-ai-copybox .btn,.sa-v2-ai-review-footer .btn{width:100%}}

/* V2 External AI: compact step-by-step flow */
.sa-v2-ai-step.is-available{cursor:pointer}
.sa-v2-ai-step:not(.is-available){cursor:default}
.sa-v2-ai-card.is-collapsed{box-shadow:none}
.sa-v2-ai-card.is-collapsed>:not(.sa-v2-ai-card-head){display:none!important}
.sa-v2-ai-card.is-collapsed .sa-v2-ai-card-head{border-bottom:0;padding-top:14px;padding-bottom:14px}
.sa-v2-ai-card.is-collapsed .sa-v2-ai-number{background:#f0f3f8;color:#7f8ca1}
.sa-v2-ai-card.is-collapsed.is-done .sa-v2-ai-number{background:#e5f6ef;color:#258261}
.sa-v2-ai-card.is-collapsed.is-done .sa-v2-ai-number{font-size:0}
.sa-v2-ai-card.is-collapsed.is-done .sa-v2-ai-number:after{content:"✓";font-size:12px}
.sa-v2-ai-card.is-collapsed .sa-v2-ai-card-head p{display:none}
.sa-v2-ai-guide>.sa-v2-ai-actions{margin-top:14px}
.sa-v2-ai-copybox .btn.btn-primary{box-shadow:0 4px 12px rgba(66,99,232,.14)}
@media(max-width:760px){.sa-v2-ai-card.is-collapsed .sa-v2-ai-card-head{padding:13px 14px}}

/* V2 system problems */
.sa-v2-problems-page{max-width:1180px;margin:0 auto;padding:28px 0 40px}.sa-v2-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.sa-v2-page-heading h1{margin:0 0 6px;font-size:28px;line-height:1.15;color:#14213d}.sa-v2-page-heading p{margin:0;max-width:760px;color:#7584a3;font-size:14px;line-height:1.55}.sa-v2-problems-count{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#fff0f0;color:#c84b55;font-weight:700;font-size:12px;white-space:nowrap}.sa-v2-problems-list{display:grid;gap:12px}.sa-v2-problem-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:18px 20px;background:#fff;border:1px solid #e4e9f3;border-left-width:3px;border-radius:14px}.sa-v2-problem-card.is-error{border-left-color:#e75d65}.sa-v2-problem-card.is-warning{border-left-color:#e3a72f}.sa-v2-problem-card.is-success{border-left-color:#45aa7b}.sa-v2-problem-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800}.is-error .sa-v2-problem-icon{background:#fff0f1;color:#d84f59}.is-warning .sa-v2-problem-icon{background:#fff7df;color:#bb851a}.is-success .sa-v2-problem-icon{background:#eaf8f1;color:#279667}.sa-v2-problem-main{min-width:0}.sa-v2-problem-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.sa-v2-problem-top h2{margin:4px 0 0;font-size:16px;line-height:1.35;color:#1a2743}.sa-v2-problem-top time{color:#7c8aa7;font-size:12px;white-space:nowrap}.sa-v2-problem-status{display:inline-flex;align-items:center;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#697895}.is-error .sa-v2-problem-status{color:#c94e58}.is-warning .sa-v2-problem-status{color:#a97817}.is-success .sa-v2-problem-status{color:#2d8f67}.sa-v2-problem-main>p{margin:8px 0 0;color:#65738f;font-size:13px;line-height:1.5}.sa-v2-problem-meta{display:flex;gap:12px;margin-top:8px;color:#8a96ae;font-size:12px}.sa-v2-problem-details{margin-top:12px;border-top:1px solid #edf0f6;padding-top:10px}.sa-v2-problem-details summary{cursor:pointer;display:inline-flex;align-items:center;color:#52627f;font-size:12px;font-weight:700}.sa-v2-problem-tech{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin-top:12px;padding:12px;border-radius:10px;background:#f7f9fc}.sa-v2-problem-tech div{display:flex;flex-direction:column;gap:2px}.sa-v2-problem-tech span{font-size:11px;color:#8793aa}.sa-v2-problem-tech strong{font-size:12px;color:#34415e;font-weight:650;overflow-wrap:anywhere}.sa-v2-problem-history{display:flex;flex-direction:column;gap:6px;margin-top:10px;color:#72809b;font-size:12px}.sa-v2-problem-history strong{color:#53617d}.sa-v2-problem-history span{display:block}.sa-v2-problems-empty{min-height:270px;background:#fff;border:1px solid #e4e9f3;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px}.sa-v2-problem-empty-icon{width:52px;height:52px;border-radius:16px;background:#eaf8f1;color:#259365;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin-bottom:14px}.sa-v2-problems-empty h2{margin:0 0 6px;font-size:18px;color:#1a2743}.sa-v2-problems-empty p{margin:0;max-width:470px;color:#7584a3;line-height:1.55}@media(max-width:760px){.sa-v2-problems-page{padding-top:18px}.sa-v2-page-heading{flex-direction:column}.sa-v2-problem-card{grid-template-columns:36px minmax(0,1fr);padding:16px}.sa-v2-problem-icon{width:34px;height:34px}.sa-v2-problem-top{flex-direction:column;gap:6px}.sa-v2-problem-tech{grid-template-columns:1fr}}


/* History V2 */
.sa-v2-history-page{max-width:1180px;margin:0 auto;padding:30px 0 70px}.sa-v2-history-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.sa-v2-history-heading h1{margin:0 0 5px;font-size:30px;color:#14213d}.sa-v2-history-heading p{margin:0;color:#7886a0}.sa-v2-history-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.sa-v2-history-filter{border:1px solid #d9e0ec;background:#fff;color:#66748f;border-radius:9px;padding:9px 14px;font-weight:600}.sa-v2-history-filter.active{background:#eef3ff;border-color:#cbd8ff;color:#315bea}.sa-v2-history-card{background:#fff;border:1px solid #dfe5ef;border-radius:14px;overflow:hidden}.sa-v2-history-item{display:grid;grid-template-columns:150px minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:17px 20px;border-bottom:1px solid #edf0f5;position:relative}.sa-v2-history-item:last-child{border-bottom:0}.sa-v2-history-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}.sa-v2-history-item.is-error:before{background:#ed5b63}.sa-v2-history-item.is-warn:before{background:#e1a72d}.sa-v2-history-item.is-info:before{background:#4b70f4}.sa-v2-history-time{color:#7c89a2;font-size:13px}.sa-v2-history-main{min-width:0;display:flex;flex-direction:column;gap:4px}.sa-v2-history-main strong{font-size:14px;color:#1e2b48}.sa-v2-history-main small{color:#7b88a1}.sa-v2-history-status{font-size:12px;font-weight:700;border-radius:999px;padding:6px 9px;white-space:nowrap}.sa-v2-history-status.is-ok{background:#e7f7ef;color:#25815e}.sa-v2-history-status.is-error{background:#fdebed;color:#c8454d}.sa-v2-history-status.is-warn{background:#fff4d8;color:#a77912}.sa-v2-history-status.is-info{background:#eaf0ff;color:#315bea}.sa-v2-history-status.is-muted{background:#f1f3f7;color:#6e7a91}.sa-v2-history-empty{text-align:center;padding:54px 24px}.sa-v2-history-empty>div{width:48px;height:48px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:#e8f6ef;color:#25815e;font-weight:800;font-size:22px}.sa-v2-history-empty h2{margin:0 0 7px;font-size:20px}.sa-v2-history-empty p{margin:0;color:#7b88a1}.sa-v2-history-advanced{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 2px}.sa-v2-history-advanced small{color:#8490a7}.sa-v2-history-page .btn-sm{padding:7px 11px}
@media(max-width:860px){.sa-v2-history-item{grid-template-columns:1fr auto;gap:8px 12px}.sa-v2-history-time{grid-column:1}.sa-v2-history-main{grid-column:1/-1}.sa-v2-history-status{grid-column:1}.sa-v2-history-item .btn{grid-column:2;grid-row:1/3}.sa-v2-history-advanced{align-items:flex-start;flex-direction:column}}


/* V2 advanced history: readable column headers with contextual help. */
.sa-history-th-label { vertical-align: middle; }
.sa-history-th-help {
  appearance: none;
  border: 1px solid #cfd8e8;
  background: #fff;
  color: #70809a;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  padding: 0;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-transform: none;
  letter-spacing: 0;
  vertical-align: middle;
  cursor: help;
}
.sa-history-th-help:hover,
.sa-history-th-help:focus-visible {
  color: var(--sa-primary, #315cf5);
  border-color: var(--sa-primary, #315cf5);
  outline: none;
}
.sa-history-tooltip {
  position: fixed;
  z-index: 10050;
  width: min(300px, calc(100vw - 20px));
  padding: 9px 11px;
  border-radius: 8px;
  background: #18233a;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: 0 8px 24px rgba(18,31,53,.18);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .12s ease, visibility .12s ease;
}
.sa-history-tooltip.show { opacity: 1; visibility: visible; }


/* Settings V2 */
.sa-v2-settings-page{max-width:1180px;margin:0 auto;padding:28px 0 56px}
.sa-v2-settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.sa-v2-settings-heading h1{margin:0 0 6px;font-size:30px;line-height:1.15;color:#17223b}
.sa-v2-settings-heading p{margin:0;color:#71809e;font-size:14px}
.sa-v2-settings-tabs{display:flex;gap:8px;margin-bottom:20px}
.sa-v2-settings-tab{border:1px solid transparent;background:transparent;color:#6b7894;border-radius:8px;padding:10px 14px;font-weight:600}
.sa-v2-settings-tab:hover{background:#f7f9fd;color:#2f5bea}
.sa-v2-settings-tab.active{background:#edf2ff;border-color:#cfdaff;color:#2f5bea}
.sa-v2-settings-form-card,.sa-v2-settings-card-list,.sa-v2-settings-empty{background:#fff;border:1px solid #dfe5ef;border-radius:14px}
.sa-v2-settings-form-card{padding:0 20px 18px}
.sa-v2-settings-form-card #sa-settings-editor{max-width:none}
.sa-v2-settings-rule-note{margin:20px 0;padding:16px 18px;background:#f7f9fd;border:1px solid #e1e7f2;border-radius:10px}
.sa-v2-settings-rule-note strong{display:block;margin-bottom:5px;color:#26334f}
.sa-v2-settings-rule-note p{margin:0;color:#71809e;line-height:1.5}
.sa-v2-settings-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sa-v2-settings-rule-grid>section{border:1px solid #e2e7f0;border-radius:12px;padding:18px}
.sa-v2-settings-rule-grid h2{font-size:16px;margin:0 0 14px;color:#26334f}
.sa-v2-settings-card-list{padding:14px}
.sa-v2-settings-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #e1e7f0;border-radius:12px}
.sa-v2-settings-card+.sa-v2-settings-card{margin-top:10px}
.sa-v2-settings-card-icon,.sa-v2-member-avatar{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#edf2ff;color:#335be8;font-weight:800;flex:0 0 auto}
.sa-v2-settings-card-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.sa-v2-settings-card-main strong{color:#26334f;font-size:15px}
.sa-v2-settings-card-main span{color:#52617e;font-size:14px}
.sa-v2-settings-card-main small{color:#8793aa}
.sa-v2-settings-empty{text-align:center;padding:56px 24px}
.sa-v2-settings-empty-icon{width:54px;height:54px;margin:0 auto 14px;border-radius:16px;background:#f0f4ff;color:#335be8;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}
.sa-v2-settings-empty h2{font-size:18px;margin:0 0 8px;color:#26334f}
.sa-v2-settings-empty p{max-width:560px;margin:0 auto 18px;color:#71809e;line-height:1.55}
.sa-v2-settings-modal-section .sa-v2-source-section-head{margin-bottom:16px}
.sa-v2-member-permissions{margin-top:18px;border:1px solid #dfe5ef;border-radius:10px;overflow:hidden}
.sa-v2-member-permissions>summary{cursor:pointer;padding:14px 16px;font-weight:700;color:#52617e;background:#fafbfe}
.sa-v2-member-permissions-body{padding:16px}
.sa-v2-member-permissions-body>p{margin:0 0 14px;color:#71809e}
.sa-v2-owner-note{margin-top:16px;padding:13px 15px;border:1px solid #cce9dd;background:#f3fbf7;color:#27765a;border-radius:9px;font-weight:600}
@media(max-width:800px){.sa-v2-settings-rule-grid{grid-template-columns:1fr}.sa-v2-settings-heading{flex-direction:column}.sa-v2-settings-card{align-items:flex-start;flex-wrap:wrap}.sa-v2-settings-card .btn{margin-left:56px}}

/* V2 settings: keep the sales-rules note full-width and place rule groups below it. */
#sa-settings-editor > .sa-form-grid > .sa-v2-settings-rule-note,
#sa-settings-editor > .sa-form-grid > .sa-v2-settings-rule-grid {
  grid-column: 1 / -1;
  min-width: 0;
}
.sa-v2-settings-rule-grid {
  align-items: start;
}
.sa-v2-settings-rule-grid > section {
  min-width: 0;
}
.sa-v2-settings-rule-grid > section > .sa-form-grid {
  grid-template-columns: 1fr;
  gap: 14px;
}
.sa-v2-settings-rule-grid .sa-field,
.sa-v2-settings-rule-grid .sa-form-group {
  min-width: 0;
}
@media (max-width: 800px) {
  #sa-settings-editor > .sa-form-grid > .sa-v2-settings-rule-note,
  #sa-settings-editor > .sa-form-grid > .sa-v2-settings-rule-grid {
    grid-column: auto;
  }
}

/* v16.4: export diagnostic experience */
.sa-dialog:has(.sa-dx){width:min(1080px,96vw);max-height:min(92vh,920px)}
.sa-dialog:has(.sa-dx) #sa-dialog-body{padding:0}
.sa-dialog:has(.sa-dx) .sa-dialog-top{padding:16px 24px}
.sa-dx{color:#1e293b;font-size:13px}.sa-dx-scroll{max-height:calc(min(92vh,920px) - 85px);overflow:auto;padding:22px 24px 28px}
.sa-dx-note{display:flex;align-items:center;gap:10px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px;padding:12px 14px;margin-bottom:18px}
.sa-dx-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sa-dx-stat{padding:15px;border:1px solid #dbe3ee;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:7px;min-width:0}.sa-dx-stat span{color:#475569;font-size:12px;font-weight:600}.sa-dx-stat strong{font-size:28px;line-height:1.2;font-variant-numeric:tabular-nums}.sa-dx-stat.sa-dx-good{background:#edfaf2;border-color:#b9ebcb}.sa-dx-stat.sa-dx-good strong{color:#147a42}.sa-dx-stat.sa-dx-warn{background:#fff8ea;border-color:#f4d49b}.sa-dx-stat.sa-dx-warn strong{color:#9a620b}.sa-dx-stat.sa-dx-info{background:#eef5ff;border-color:#bfdbfe}.sa-dx-stat.sa-dx-info strong{color:#225cd0}
.sa-dx-explain{margin:12px 0 20px;color:#475569;font-size:12px}.sa-dx-section{margin:22px 0}.sa-dx-section h3{font-size:16px;margin:0 0 12px;font-weight:750}.sa-dx-badge{display:inline-flex;align-items:center;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:750;white-space:nowrap}.sa-dx-badge.sa-dx-good{background:#dcfce7;color:#166534}.sa-dx-badge.sa-dx-warn{background:#fef3c7;color:#92400e}.sa-dx-badge.sa-dx-danger{background:#fee2e2;color:#991b1b}.sa-dx-badge.sa-dx-neutral{background:#eef2f7;color:#475569}.sa-dx-badge.sa-dx-info{background:#dbeafe;color:#1d4ed8}
.sa-dx-issues{border:1px solid #e2e8f0;border-radius:11px;overflow:hidden}.sa-dx-issue{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #eef2f7}.sa-dx-issue:last-child{border-bottom:0}.sa-dx-issue>strong{min-width:34px;color:#9f1239;background:#fff1f2;text-align:center;border-radius:7px;padding:6px}.sa-dx-issue>span:not(.sa-dx-badge){flex:1}.sa-dx-help{font-size:12px;color:#64748b;margin:0 0 10px}.sa-dx-conversions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sa-dx-conversion{display:flex;flex-direction:column;gap:7px;padding:12px 14px;background:#fffbeb;border:1px solid #f6d894;border-radius:10px}.sa-dx-conversion span{color:#92400e;font-weight:700}
.sa-dx-products-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sa-dx-products-head h3{margin:0}.sa-dx-count{color:#64748b;font-size:13px}.sa-dx-controls{display:flex;gap:8px;flex-wrap:wrap}.sa-dx-search,.sa-dx-controls select{height:36px;padding:7px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;min-width:155px}.sa-dx-products{margin-top:12px;display:grid;gap:8px}.sa-dx-product{border:1px solid #dbe3ee;border-radius:10px;overflow:hidden;background:#fff}.sa-dx-product[hidden]{display:none}.sa-dx-product>summary{cursor:pointer;padding:12px 14px;display:flex;align-items:center;gap:10px;justify-content:space-between;list-style:none}.sa-dx-product>summary::-webkit-details-marker{display:none}.sa-dx-product>summary:before{content:'▸';color:#64748b}.sa-dx-product[open]>summary:before{content:'▾'}.sa-dx-product-main{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.sa-dx-product-main strong{font-size:13px}.sa-dx-product-main span{font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis}.sa-dx-product-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sa-dx-product-detail{padding:14px 20px;border-top:1px solid #e2e8f0;background:#f8fafc}.sa-dx-meta{color:#64748b}.sa-dx-detail-list{padding:0;list-style:none;display:grid;gap:8px;margin:12px 0}.sa-dx-detail-list li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sa-dx-detail-list small{color:#94a3b8;font-family:monospace}.sa-dx-params{margin-top:12px}.sa-dx-params>summary{cursor:pointer;color:#1d4ed8}.sa-dx-params>div{margin-top:8px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.sa-dx-params>div>div{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #e2e8f0;gap:8px}.sa-dx-params>div>div:last-child{border:0}.sa-dx-empty,.sa-dx-footnote{font-size:12px;color:#64748b;margin:14px 0}.sa-dx-empty[hidden]{display:none}
@media(max-width:680px){.sa-dx-scroll{padding:14px}.sa-dx-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-dx-conversions{grid-template-columns:1fr}.sa-dx-issue{flex-wrap:wrap}.sa-dx-products-head{align-items:stretch}.sa-dx-controls{width:100%}.sa-dx-controls>*{flex:1;min-width:0}.sa-dx-product>summary{align-items:flex-start;flex-wrap:wrap}.sa-dx-product-badges{width:100%;justify-content:flex-start;margin-left:16px}}
/* v16.5: constrain diagnostics to viewport, header remains visible. */
.sa-dialog:has(.sa-dx){max-height:88dvh!important;height:auto!important;display:flex;flex-direction:column;overflow:hidden}
.sa-dialog:has(.sa-dx) .sa-dialog-top{position:relative;flex-shrink:0;background:#fff;z-index:2}
.sa-dialog:has(.sa-dx) #sa-dialog-body{min-height:0;flex:1;overflow:hidden}
.sa-dialog:has(.sa-dx) .sa-dx,.sa-dialog:has(.sa-dx) .sa-dx-scroll{height:100%;min-height:0;max-height:none}
.sa-dialog:has(.sa-dx) .sa-dx-scroll{overflow-y:auto;overscroll-behavior:contain}