.merchant-body {
  --ws-ink: #142f2a;
  --ws-green: #246c50;
  --ws-muted: #71837c;
  background: #f5f7f6;
  color: var(--ws-ink);
}
.merchant-body .merchant-sidebar {
  width: 252px;
  position: fixed;
  inset: 0 auto 0 0;
  background: #132c26;
  border: 0;
  padding: 28px 18px 0;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  color: #dbe5dd;
  box-shadow: 5px 0 30px #18392e05;
}
.merchant-body .merchant-sidebar-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 8px;
  flex-shrink: 0;
}
.merchant-body .merchant-sidebar .merchant-logo {
  color: #f4f7f3;
  font-size: 30px;
}
.merchant-body .merchant-sidebar .merchant-logo b {
  color: #b0e3a2;
}
.workspace-edition {
  margin: 4px 0 0 !important;
  padding: 4px 6px;
  border: 1px solid #3e554a;
  border-radius: 4px;
  font-size: 6px !important;
  letter-spacing: 1px !important;
  color: #afc6b1 !important;
}
.merchant-body .merchant-business {
  display: flex;
  border-color: #3b5145;
  background: #1c372e;
  padding: 12px 11px;
  margin: 28px 4px 16px;
  gap: 10px;
  flex-shrink: 0;
}
.merchant-body .merchant-avatar {
  background: #c9eac5;
  color: #284e33;
  width: 32px;
  height: 32px;
  border-radius: 7px;
}
.merchant-body .merchant-business strong {
  color: #f1f5ed;
  font-size: 11px;
}
.merchant-body .merchant-business small {
  color: #95b19f;
  font-size: 9px;
}
.merchant-body .merchant-business > .i {
  width: 13px;
  margin-left: auto;
  flex-shrink: 0;
  color: #90aa99;
}
.workspace-nav-search {
  border: 1px solid #3a5145;
  background: transparent;
  color: #91a89a;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  margin: 0 4px 20px;
  padding: 9px;
  font: 10px "DM Sans";
  text-align: left;
  cursor: pointer;
  flex-shrink: 0;
}
.workspace-nav-search > .i {
  width: 14px;
  height: 14px;
}
.workspace-nav-search kbd {
  margin-left: auto;
  border: 1px solid #42594b;
  border-radius: 3px;
  padding: 2px 4px;
  font: 8px "DM Sans";
  color: #aac3ae;
}
.merchant-body .merchant-sidebar nav {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  min-height: 0;
  margin: 0;
  padding: 0 4px 14px;
  scrollbar-width: thin;
  scrollbar-color: #44624e transparent;
}
.workspace-nav-group {
  margin-bottom: 23px;
}
.workspace-nav-group h2 {
  font: 650 8px "DM Sans";
  letter-spacing: 1.35px;
  color: #7f9a88;
  margin: 4px 10px 11px;
}
.merchant-body .merchant-sidebar nav a {
  color: #b9cabb;
  padding: 9px 11px;
  gap: 11px;
  font-size: 11px;
  font-weight: 450;
  border-radius: 6px;
  margin: 3px 0;
  position: relative;
  display: flex;
  white-space: normal;
}
.merchant-body .merchant-sidebar nav a .i {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  color: #8daa96;
  stroke-width: 1.5;
}
.merchant-body .merchant-sidebar nav a:hover {
  background: #203e31;
  color: #e4f0df;
}
.merchant-body .merchant-sidebar nav a.active {
  background: #cee9b4;
  color: #25402d;
  font-weight: 650;
  box-shadow: 0 3px 10px #0001;
}
.merchant-body .merchant-sidebar nav a.active .i {
  color: #345b3c;
}
.workspace-nav-group a small {
  font-size: 7px;
  letter-spacing: 0.7px;
  margin-left: auto;
  border: 1px solid #4c6c52;
  color: #bdcf9f;
  padding: 2px 4px;
  border-radius: 3px;
}
.workspace-nav-group a.active small {
  border-color: #94b182;
  color: #355c36;
}
.workspace-sidebar-bottom {
  background: #132c26;
  border-top: 1px solid #304a3a;
  padding: 16px 11px 20px;
  flex-shrink: 0;
}
.workspace-sidebar-bottom > a {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 10px;
  color: #b1c6b6;
  text-decoration: none;
}
.workspace-sidebar-bottom > a > span:last-child {
  margin-left: auto;
  font-size: 8px;
  color: #71997e;
}
.workspace-connection-dot {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #b5dd7c;
  box-shadow: 0 0 0 4px #a2d0800c;
}
.merchant-body #merchant-logout {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  color: #829e8d;
  padding: 17px 0 0;
}
.merchant-body #merchant-logout .i {
  width: 14px;
  height: 14px;
}
.merchant-body .merchant-main {
  margin-left: 252px;
  min-width: 0;
}
.merchant-body .merchant-topbar {
  height: 72px;
  padding: 0 36px;
  background: #fff;
  border-bottom: 1px solid #e6ebe7;
  position: sticky;
  top: 0;
  z-index: 6;
  gap: 15px;
}
.workspace-breadcrumb {
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 11px;
  color: #92a299;
  min-width: 0;
}
.workspace-breadcrumb strong {
  font-size: 11px;
  color: #3b5447;
  font-weight: 550;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.merchant-body .merchant-topbar .workspace-top-actions {
  display: flex;
  gap: 18px;
  align-items: center;
}
.workspace-live-label {
  color: #668070;
  font-size: 9px !important;
  white-space: nowrap;
}
.workspace-live-label i {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #58a172;
  margin-right: 6px;
}
.workspace-icon-button {
  width: 33px;
  height: 33px;
  display: grid;
  place-items: center;
  border: 1px solid #e5ece6;
  background: white;
  border-radius: 7px;
  position: relative;
  cursor: pointer;
  color: #536e5c;
}
.workspace-icon-button .i {
  width: 16px;
  height: 16px;
}
.workspace-icon-button > i {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #639b64;
  right: 7px;
  top: 6px;
}
.workspace-user {
  display: flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  color: #3e5b4b;
}
.workspace-user > span {
  width: 32px;
  height: 32px;
  background: #edf2e9;
  border: 1px solid #dce7d4;
  display: grid;
  place-items: center;
  border-radius: 9px;
  font-size: 10px;
  font-weight: 650;
}
.merchant-body .merchant-topbar #merchant-user-name {
  font-size: 10px;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #52695a;
  font-weight: 500;
}
.workspace-user .i {
  width: 12px;
}
.merchant-body #merchant-content {
  padding: 31px 36px 25px;
  max-width: 1690px;
  min-height: calc(100vh - 126px);
}
.merchant-body .merchant-heading {
  margin-bottom: 26px;
  align-items: center;
}
.merchant-body .merchant-heading h1 {
  font: 750 27px/1.3 Manrope;
  letter-spacing: -1.1px;
  color: #203d30;
  margin: 7px 0 6px;
}
.merchant-body .merchant-heading p {
  font-size: 11px;
  line-height: 1.7;
  color: #7e8e85;
}
.merchant-body .merchant-eyebrow,
.ws-eyebrow {
  font: 650 8px "DM Sans";
  letter-spacing: 1.5px;
  color: #7a9281;
}
.ws-heading-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.merchant-body .g-btn {
  border-radius: 7px;
  font-size: 11px;
  font-weight: 600;
  gap: 7px;
}
.merchant-body .g-btn .i {
  width: 15px;
  height: 15px;
}
.merchant-body .g-btn.btn-primary {
  background: #2b704f;
  border: 1px solid #2b704f;
  color: #fff;
  box-shadow: 0 3px 7px #1a533310;
}
.merchant-body .g-btn.btn-primary:hover {
  background: #205d40;
}
.merchant-body .g-btn.btn-secondary {
  background: white;
  border-color: #dfe7de;
  color: #536b5c;
}
.ws-period {
  display: flex;
  gap: 9px;
  align-items: center;
  border: 1px solid #dfe7df;
  border-radius: 7px;
  padding: 9px 10px;
  background: #fff;
  color: #5d7766;
  flex-shrink: 0;
}
.ws-period .i {
  width: 14px;
  height: 14px;
}
.ws-period select {
  border: 0;
  outline: none;
  background: white;
  font: 500 10px "DM Sans";
  color: #5a7263;
  cursor: pointer;
}
.merchant-body .ws-onboarding-strip.merchant-welcome {
  display: flex;
  grid-template-columns: none;
  background: #edf3e8;
  color: #3e5e40;
  border: 1px solid #dbe6d3;
  border-radius: 8px;
  align-items: center;
  gap: 14px;
  margin: 0 0 23px;
  padding: 13px 16px;
}
.ws-strip-symbol {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid #d4e2ca;
  background: #f7faf3;
  border-radius: 8px;
  flex-shrink: 0;
}
.ws-strip-symbol .i {
  width: 17px;
  height: 17px;
  color: #638856;
}
.ws-onboarding-strip > div:nth-child(2) {
  min-width: 0;
}
.ws-onboarding-strip strong {
  font-size: 11px;
  color: #56724c;
}
.merchant-body .ws-onboarding-strip p {
  font-size: 10px;
  color: #819076;
  margin: 3px 0 0;
  line-height: 1.6;
  max-width: none;
}
.ws-strip-payment {
  margin-left: auto;
  color: #88987b;
  font-size: 9px;
  white-space: nowrap;
}
.ws-onboarding-strip > a {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  font-size: 10px;
  font-weight: 650;
  color: #60844e;
  text-decoration: none;
  white-space: nowrap;
}
.ws-onboarding-strip > a .i {
  width: 13px;
  height: 13px;
}
.merchant-body .ws-kpi-grid.merchant-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.12fr;
  gap: 18px;
  margin: 0 0 23px;
}
.merchant-body .ws-kpi-grid article {
  position: relative;
  min-width: 0;
  border-radius: 11px;
  padding: 22px;
  background: white;
  border: 1px solid #e3e9e3;
  overflow: hidden;
  min-height: 190px;
}
.ws-kpi header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.merchant-body .ws-kpi header > span {
  font-size: 8px;
  font-weight: 650;
  letter-spacing: 1px;
  color: #819287;
}
.ws-kpi header .i {
  height: 17px;
  width: 17px;
  color: #a4b5a7;
}
.merchant-body .ws-kpi > strong {
  font: 750 33px Manrope;
  letter-spacing: -1.2px;
  display: block;
  margin: 19px 0 10px;
  color: #284636;
}
.merchant-body .ws-kpi > strong span {
  display: inline;
  font-size: 25px;
  color: #879c8e;
  letter-spacing: -1px;
}
.ws-kpi footer {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 9px;
  color: #8e9c92;
}
.ws-kpi footer span {
  font-size: 10px;
}
.ws-zero-change {
  padding: 1px 5px;
  background: #f0f4ed;
  color: #8ca27f !important;
  border-radius: 3px;
}
.ws-mini-graph {
  display: flex;
  position: absolute;
  bottom: 19px;
  right: 18px;
  gap: 5px;
  align-items: end;
  opacity: 0.6;
}
.ws-mini-graph i {
  height: 2px;
  width: 7px;
  background: #c3d3bc;
}
.ws-kpi-detail {
  display: flex;
  gap: 8px;
  align-items: center;
  border-top: 1px solid #edf1eb;
  padding-top: 15px;
  margin-top: 15px;
  font-size: 8px;
  color: #9baa9b;
}
.ws-kpi-detail .i {
  margin-left: auto;
  width: 12px;
  height: 12px;
}
.ws-order-kpi dl {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  margin: 15px 0 0;
  border-top: 1px solid #edf1eb;
  padding-top: 13px;
}
.ws-order-kpi dt {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 8px;
  color: #869b8d;
}
.ws-order-kpi dd {
  margin: 4px 0 0 8px;
  font-size: 12px;
  font-weight: 650;
  color: #59725e;
}
.ws-dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  flex-shrink: 0;
}
.ws-dot.green {
  background: #6ca27d;
}
.ws-dot.amber {
  background: #d6b364;
}
.ws-dot.grey {
  background: #b7c2b6;
}
.merchant-body .ws-kpi-grid .ws-balance {
  background: #234c38;
  color: #f0f7ec;
  border-color: #234c38;
  padding: 22px;
  isolation: isolate;
}
.ws-balance-geometry {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  background: radial-gradient(circle at 90% 10%, #7aab5b2e, transparent 70%);
}
.ws-balance-geometry:before {
  content: "";
  position: absolute;
  width: 185px;
  height: 185px;
  right: -75px;
  top: -57px;
  border: 1px solid #9ab67d30;
  transform: rotate(38deg);
  box-shadow:
    0 0 0 18px #a9c0890b,
    0 0 0 37px #a9c0890a,
    0 0 0 60px #a9c08908;
}
.ws-balance header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.merchant-body .ws-balance header > span {
  font-size: 8px;
  letter-spacing: 1px;
  color: #c6dcb1;
  font-weight: 550;
}
.ws-balance header button {
  border: 0;
  background: none;
  color: #b0cba6;
  cursor: pointer;
  padding: 0;
}
.ws-balance header .i {
  width: 16px;
  height: 16px;
}
.merchant-body .ws-balance > strong {
  color: #f4f9ec;
  font: 650 32px Manrope;
  letter-spacing: -1px;
  margin: 16px 0 4px;
}
.ws-balance > p {
  font-size: 9px;
  color: #a5b99a;
  margin: 0 0 16px;
}
.ws-withdraw {
  width: 100%;
  border: 1px solid #78926b;
  background: #d5eabc;
  color: #3e653b;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 12px;
  font: 600 10px "DM Sans";
  opacity: 0.78 !important;
}
.ws-withdraw .i {
  width: 13px;
  height: 13px;
}
.ws-panel {
  background: white;
  border: 1px solid #e1e8e0;
  border-radius: 11px;
  overflow: hidden;
  min-width: 0;
  margin-bottom: 22px;
}
.ws-panel > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 22px 23px;
}
.ws-panel h2 {
  font: 750 14px Manrope;
  color: #39583f;
  margin: 5px 0 0;
  letter-spacing: -0.3px;
}
.ws-panel > header > a,
.ws-panel > header > button {
  color: #769569;
  font-size: 9px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ws-panel > header a .i {
  width: 12px;
  height: 12px;
}
.ws-analytics-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.65fr) minmax(230px, 1fr);
  gap: 21px;
}
.ws-segmented {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  background: #f4f7f2;
  border: 1px solid #e8ede4;
  border-radius: 7px;
}
.ws-segmented button {
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 6px 9px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #9aab90;
  font: 500 9px "DM Sans";
  cursor: pointer;
}
.ws-segmented button.active {
  background: white;
  color: #638256;
  box-shadow: 0 1px 4px #1e3e2210;
}
.ws-segmented .i {
  width: 12px;
  height: 12px;
}
.ws-chart-wrap {
  position: relative;
  padding: 0 18px 0 10px;
}
.ws-chart {
  width: 100%;
  display: block;
  min-height: 220px;
}
.ws-chart-empty {
  position: absolute;
  inset: 34px 15px 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  pointer-events: none;
}
.ws-chart-empty > span {
  width: 29px;
  height: 29px;
  border: 1px solid #e2ebdd;
  background: #f9fbf6;
  display: grid;
  place-items: center;
  border-radius: 8px;
  margin-bottom: 2px;
}
.ws-chart-empty .i {
  width: 15px;
  height: 15px;
  color: #94b67e;
}
.ws-chart-empty strong {
  font-size: 10px;
  font-weight: 550;
  color: #a5b49b;
}
.ws-chart-empty small {
  font-size: 9px;
  color: #b7c2af;
}
.ws-revenue > footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 17px 24px;
  border-top: 1px solid #edf2e9;
  font-size: 8px;
  color: #9aac93;
}
.ws-revenue > footer span {
  display: flex;
  gap: 6px;
  align-items: center;
}
.ws-approval > header > .i {
  width: 15px;
  color: #a7b59b;
}
.ws-approval-ring {
  width: 143px;
  height: 143px;
  margin: 0 auto 14px;
  position: relative;
  display: grid;
  place-items: center;
}
.ws-approval-ring svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.ws-approval-ring > span {
  font: 650 28px Manrope;
  color: #6e8d63;
  text-align: center;
}
.ws-approval-ring small {
  display: block;
  font: 9px "DM Sans";
  color: #9bac92;
  margin-top: 5px;
}
.ws-approval ul {
  padding: 0 22px;
  margin: 0;
  list-style: none;
}
.ws-approval li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  border-top: 1px solid #edf2e9;
  padding: 12px 0;
}
.ws-approval li > span {
  display: flex;
  gap: 7px;
  align-items: center;
  font-size: 9px;
  color: #768e6e;
}
.ws-approval li .i {
  width: 13px;
  height: 13px;
  color: #96ad8b;
}
.ws-approval li small {
  font-size: 8px;
  color: #a7b79b;
}
.ws-lower-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.65fr) minmax(230px, 1fr);
  gap: 21px;
}
.ws-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 7px 20px 28px;
}
.ws-shortcuts a {
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  padding: 5px 14px;
  text-decoration: none;
  border-right: 1px solid #eaf0e5;
}
.ws-shortcuts a:last-child {
  border: 0;
}
.ws-shortcuts a > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #deead5;
  border-radius: 8px;
  background: #f6faf0;
  color: #7fa462;
  margin-bottom: 5px;
}
.ws-shortcuts a > span .i {
  width: 16px;
  height: 16px;
}
.ws-shortcuts strong {
  font-size: 10px;
  color: #6a8859;
  font-weight: 550;
}
.ws-shortcuts small {
  font-size: 8px;
  color: #a1b08f;
}
.ws-shortcuts a > .i {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 6px;
  right: 15px;
  color: #b3c6a0;
}
.ws-developer-card {
  border-radius: 11px;
  background: #e7efdc;
  border: 1px solid #d5e2c5;
  padding: 23px;
  position: relative;
  overflow: hidden;
  margin-bottom: 22px;
}
.ws-code-mark {
  position: absolute;
  right: 17px;
  top: 14px;
  font: 500 28px monospace;
  color: #c1d0ad;
  transform: rotate(-8deg);
}
.ws-developer-card:after {
  content: "";
  width: 100px;
  height: 100px;
  border: 1px solid #cbd9b580;
  border-radius: 23px;
  transform: rotate(45deg);
  position: absolute;
  right: -30px;
  bottom: -30px;
  pointer-events: none;
}
.ws-developer-card .ws-eyebrow {
  font-size: 7px;
  color: #8a9b70;
}
.ws-developer-card h2 {
  font: 750 18px/1.35 Manrope;
  letter-spacing: -0.6px;
  color: #6b8451;
  margin: 13px 0 9px;
}
.ws-developer-card p {
  font-size: 9px;
  line-height: 1.8;
  color: #9ba880;
  max-width: 210px;
}
.ws-developer-card a {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  color: #7b975b;
  text-decoration: none;
  font-weight: 650;
  margin-top: 16px;
}
.ws-developer-card a .i {
  width: 12px;
  height: 12px;
}
.ws-email-note {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 9px;
  color: #94a486;
  padding: 2px 4px 5px;
}
.ws-email-note > .i {
  width: 13px;
  height: 13px;
}
.ws-email-note a {
  color: #819d68;
  margin-left: auto;
  white-space: nowrap;
  text-decoration: none;
}
.merchant-body .merchant-footer {
  font-size: 9px;
  color: #9caa92;
  border-top: 1px solid #e3eadd;
  margin: 0 36px;
  padding: 20px 0;
}
.merchant-body .merchant-footer b {
  font-weight: 400;
  margin: 0 7px;
  color: #c4cfb8;
}
.merchant-body .merchant-footer a {
  color: #95a386;
}
.workspace-mobile-close,
#workspace-menu,
.workspace-backdrop {
  display: none;
}
.ws-capability-note {
  display: flex;
  gap: 12px;
  align-items: center;
  border: 1px solid #dce6d7;
  border-radius: 8px;
  background: #edf3e8;
  padding: 15px 18px;
  margin-bottom: 23px;
  font-size: 11px;
  color: #6d8262;
  line-height: 1.7;
}
.ws-capability-note > .i {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: #8ba379;
}
.ws-capability-note > span:not(.ws-badge) {
  flex: 1;
}
.ws-badge {
  font-size: 8px;
  line-height: 1.4;
  border-radius: 4px;
  padding: 5px 7px;
  background: #f1f4ee;
  color: #8b9c7f;
  border: 1px solid #e3e9dc;
  display: inline-block;
  white-space: nowrap;
}
.ws-badge.mint {
  background: #e7f0df;
  border-color: #d6e5c9;
  color: #6b8c52;
}
.ws-badge.amber {
  background: #f8f3e4;
  border-color: #eee2c3;
  color: #a18d4e;
}
.ws-count {
  background: #edf3e6;
  color: #7c9466;
  border-radius: 5px;
  font-size: 9px;
  padding: 4px 7px;
}
.ws-list-toolbar {
  border-top: 1px solid #edf2e8;
  border-bottom: 1px solid #edf2e8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 13px 23px;
}
.ws-list-tabs {
  display: flex;
  gap: 18px;
}
.ws-list-tabs button {
  border: 0;
  background: none;
  font: 550 10px "DM Sans";
  padding: 5px 0;
  color: #a0af91;
  cursor: pointer;
}
.ws-list-tabs button.active {
  color: #65864c;
}
.ws-search-input {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #e0e8d8;
  border-radius: 6px;
  padding: 8px 10px;
  color: #a2b28f;
}
.ws-search-input .i {
  width: 13px;
  height: 13px;
}
.ws-search-input input {
  border: 0;
  outline: 0;
  font: 10px "DM Sans";
  color: #71885c;
  background: none;
  min-width: 0;
  width: 190px;
}
.ws-search-input input::placeholder {
  color: #adbaa0;
}
.ws-table-scroll {
  overflow: auto;
  max-width: 100%;
}
.ws-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 11px;
  white-space: nowrap;
}
.ws-table th {
  font-size: 8px;
  font-weight: 600;
  color: #a3b296;
  letter-spacing: 0.6px;
  background: #fafcf7;
  padding: 13px 24px;
}
.ws-table td {
  padding: 19px 24px;
  border-top: 1px solid #eef3e7;
  color: #7f956a;
  font-size: 10px;
}
.ws-table td > strong {
  display: block;
  color: #627e4b;
  font-size: 11px;
  font-weight: 600;
}
.ws-table td > small {
  display: block;
  margin-top: 5px;
  font-size: 9px;
  color: #a9b996;
}
.ws-table code {
  font-size: 10px;
  color: #7f9964;
}
.ws-table-identity {
  display: flex;
  gap: 11px;
  align-items: center;
}
.ws-table-identity > i {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 7px;
  background: #f3f8eb;
  color: #96b579;
}
.ws-table-identity > i .i {
  width: 16px;
  height: 16px;
}
.ws-table-identity strong {
  display: block;
  font-size: 11px;
  color: #6a884f;
  font-weight: 550;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ws-table-identity small {
  display: block;
  font-size: 9px;
  color: #a5b58f;
  margin-top: 4px;
}
.ws-table-actions {
  display: flex;
  gap: 7px;
}
.ws-table-actions button {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid #e4ecd9;
  border-radius: 5px;
  background: white;
  color: #90aa72;
  cursor: pointer;
}
.ws-table-actions .i {
  width: 13px;
  height: 13px;
}
.ws-empty {
  padding: 50px 25px 55px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.ws-empty > span {
  display: grid;
  place-items: center;
  border: 1px solid #dfe9d2;
  background: #f3f8eb;
  border-radius: 14px;
  width: 54px;
  height: 54px;
  color: #9cb879;
  margin-bottom: 20px;
}
.ws-empty > span > .i {
  height: 25px;
  width: 25px;
}
.ws-empty h2 {
  font: 700 18px Manrope;
  letter-spacing: -0.5px;
  color: #758d58;
  max-width: 450px;
  margin: 0 0 11px;
}
.ws-empty p {
  font-size: 11px;
  line-height: 1.85;
  color: #a0ae87;
  max-width: 400px;
  margin: 0 0 20px;
}
.ws-integrations-gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 24px;
}
.ws-integrations-gallery article {
  background: white;
  border: 1px solid #e2ead9;
  border-radius: 10px;
  padding: 23px;
  min-width: 0;
}
.ws-platform-logo {
  display: grid;
  place-items: center;
  width: 39px;
  height: 39px;
  border-radius: 10px;
  font: 750 19px Manrope;
  background: #f1e9f6;
  color: #9472a0;
}
.platform-shopify {
  background: #edf4df;
  color: #9bb667;
}
.platform-custom {
  background: #e8efdf;
  color: #89a565;
  font-size: 16px;
}
.platform-zapier {
  background: #fff0e3;
  color: #d7a572;
}
.ws-integrations-gallery h3 {
  font: 700 15px Manrope;
  color: #6e8653;
  margin: 18px 0 9px;
}
.ws-integrations-gallery p {
  font-size: 10px;
  color: #a0ae87;
  line-height: 1.8;
  min-height: 34px;
}
.ws-integrations-gallery button {
  display: flex;
  gap: 8px;
  align-items: center;
  font: 600 10px "DM Sans";
  color: #8ba569;
  border: 0;
  border-top: 1px solid #e8efde;
  background: none;
  padding: 15px 0 0;
  margin-top: 18px;
  width: 100%;
  cursor: pointer;
}
.ws-integrations-gallery button > .i {
  width: 12px;
  height: 12px;
  margin-left: auto;
}
.ws-guidance {
  padding: 22px 25px;
  border: 1px dashed #d6e3c6;
  background: #f3f8eb;
  border-radius: 10px;
  margin-bottom: 24px;
}
.ws-guidance strong {
  font-size: 12px;
  color: #7c975d;
}
.ws-guidance p {
  font-size: 11px;
  color: #a1b086;
  line-height: 1.8;
  margin: 8px 0;
}
.ws-guidance a {
  font-size: 10px;
  color: #89a967;
  text-decoration: none;
}
.ws-acquirer-hero {
  display: flex;
  align-items: center;
  gap: 23px;
  padding: 30px;
  background: #e9f1df;
  border: 1px solid #d5e2c5;
  border-radius: 13px;
  margin-bottom: 25px;
}
.ws-acquirer-mark {
  height: 69px;
  width: 69px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: #244b34;
  color: #cce6ae;
  font: 800 36px Manrope;
  flex-shrink: 0;
}
.ws-acquirer-hero h2 {
  font: 750 25px Manrope;
  color: #668049;
  margin: 8px 0;
}
.ws-acquirer-hero p {
  font-size: 11px;
  line-height: 1.8;
  color: #91a274;
  max-width: 480px;
}
.ws-acquirer-hero > .ws-badge {
  margin-left: auto;
}
.ws-capability-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.ws-capability-grid article {
  padding: 24px;
}
.ws-capability-grid article > span:first-child {
  color: #90ab6c;
}
.ws-capability-grid h3 {
  font: 700 14px Manrope;
  color: #6b8650;
  margin: 17px 0 8px;
}
.ws-capability-grid p {
  font-size: 11px;
  color: #a0af87;
  line-height: 1.8;
}
.ws-security-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  padding: 5px 4px;
}
.ws-security-grid article {
  padding: 10px 15px;
}
.ws-security-grid article > .i {
  width: 22px;
  height: 22px;
  color: #93ad70;
}
.ws-security-grid h3 {
  font: 650 13px Manrope;
  color: #6c8651;
  margin: 15px 0 9px;
}
.ws-security-grid p {
  font-size: 11px;
  line-height: 1.9;
  color: #a4b28c;
}
.ws-danger-link {
  border: 0;
  background: none;
  color: #b08b77;
  font: 550 10px "DM Sans";
  cursor: pointer;
}
.ws-docs-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  padding: 35px 40px;
  background: #1e3f2d;
  border-radius: 13px;
  margin-bottom: 26px;
  overflow: hidden;
  position: relative;
}
.ws-docs-hero .ws-eyebrow {
  color: #a3c28c;
  font-size: 8px;
}
.ws-docs-hero h2 {
  font: 650 30px/1.25 Manrope;
  letter-spacing: -1.2px;
  color: #ecf4df;
  margin: 16px 0 12px;
}
.ws-docs-hero p {
  font-size: 11px;
  line-height: 1.9;
  color: #a0b886;
  max-width: 430px;
}
.ws-docs-hero code {
  display: inline-block;
  font-size: 10px;
  color: #bdd19f;
  background: #35543980;
  border: 1px solid #55724870;
  padding: 9px 12px;
  border-radius: 6px;
  margin-top: 7px;
  word-break: break-all;
}
.ws-api-orbit {
  height: 180px;
  width: 230px;
  position: relative;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.ws-api-orbit:before,
.ws-api-orbit:after {
  content: "";
  position: absolute;
  inset: 20px;
  border: 1px solid #6f8a503d;
  transform: rotate(32deg);
  border-radius: 22px;
}
.ws-api-orbit:after {
  inset: 0 28px;
  transform: rotate(-28deg);
}
.ws-api-orbit > span {
  display: grid;
  place-items: center;
  height: 80px;
  width: 80px;
  border: 1px solid #759d5466;
  border-radius: 20px;
  background: linear-gradient(130deg, #8bb45b55, #34562966);
  font: 650 25px Manrope;
  color: #cee8a7;
  transform: rotate(-8deg);
  box-shadow: 0 0 35px #b6d78011;
}
.ws-api-orbit > i {
  position: absolute;
  font: 10px monospace;
  color: #9cb974;
  border: 1px solid #66804a66;
  background: #2c4b2f;
  border-radius: 6px;
  padding: 8px;
}
.ws-api-orbit > i:nth-of-type(1) {
  left: 0;
  top: 25px;
}
.ws-api-orbit > i:nth-of-type(2) {
  right: 0;
  top: 50px;
}
.ws-api-orbit > i:nth-of-type(3) {
  right: 29px;
  bottom: 5px;
}
.ws-doc-tabs {
  display: flex;
  gap: 27px;
  border-bottom: 1px solid #dde7d1;
  margin-bottom: 24px;
  overflow: auto;
}
.ws-doc-tabs button {
  border: 0;
  border-bottom: 2px solid transparent;
  color: #a0b187;
  background: none;
  font: 550 11px "DM Sans";
  padding: 12px 0 15px;
  white-space: nowrap;
  cursor: pointer;
}
.ws-doc-tabs button.active {
  color: #6b904d;
  border-color: #8dae60;
}
.ws-doc-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.ws-doc-cards article {
  padding: 25px;
}
.ws-doc-cards article > span:first-child {
  display: block;
  color: #8aac63;
  margin-bottom: 20px;
}
.ws-doc-cards h3 {
  font: 750 16px Manrope;
  color: #708b51;
  margin: 17px 0 10px;
}
.ws-doc-cards p {
  font-size: 11px;
  color: #a2b188;
  line-height: 1.9;
  min-height: 61px;
}
.ws-doc-cards button,
.ws-doc-cards a {
  display: flex;
  align-items: center;
  gap: 7px;
  font: 600 10px "DM Sans";
  background: none;
  border: 0;
  text-decoration: none;
  color: #86a660;
  padding: 0;
  cursor: pointer;
}
.ws-doc-cards .i {
  width: 17px;
  height: 17px;
}
.ws-doc-cards button .i,
.ws-doc-cards a .i {
  width: 12px;
  height: 12px;
}
.ws-guide-flow {
  padding: 23px 25px;
  border: 1px solid #e0e9d3;
  border-radius: 10px;
  background: #f1f6e9;
}
.ws-guide-flow h2 {
  font: 700 17px Manrope;
  color: #798f59;
  margin: 0 0 24px;
}
.ws-guide-flow ol {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  padding: 0;
  margin: 0;
}
.ws-guide-flow b {
  display: block;
  font-size: 12px;
  color: #a2b77d;
  margin-bottom: 12px;
}
.ws-guide-flow strong {
  display: block;
  font-size: 11px;
  font-weight: 650;
  color: #829d5f;
}
.ws-guide-flow p {
  font-size: 10px;
  color: #a4b28b;
  line-height: 1.8;
}
.ws-api-routes article {
  display: flex;
  gap: 15px;
  align-items: center;
  border-top: 1px solid #edf2e6;
  padding: 20px 24px;
}
.ws-method {
  font: 650 9px monospace;
  color: #729954;
  background: #ebf4df;
  border: 1px solid #dceacb;
  padding: 6px;
  border-radius: 5px;
}
.ws-api-routes code {
  color: #748e54;
  font-size: 11px;
  white-space: nowrap;
}
.ws-api-routes p {
  font-size: 10px;
  color: #a2b089;
  line-height: 1.8;
}
.ws-api-routes .ws-badge {
  margin-left: auto;
}
.ws-doc-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.ws-doc-text {
  padding: 25px;
}
.ws-doc-text h3 {
  font: 700 14px Manrope;
  color: #789252;
  margin: 0 0 16px;
}
.ws-doc-text h3:not(:first-child) {
  margin-top: 27px;
}
.ws-doc-text > code {
  display: block;
  color: #88a563;
  font-size: 10px;
  border: 1px solid #e0e9d1;
  background: #f4f8ed;
  padding: 12px;
  border-radius: 6px;
  overflow-wrap: anywhere;
}
.ws-doc-text p {
  font-size: 11px;
  color: #a4b58b;
  line-height: 1.9;
}
.ws-error-codes {
  margin: 0;
}
.ws-error-codes > div {
  display: flex;
  gap: 14px;
  padding: 9px 0;
  border-bottom: 1px solid #eef3e6;
  font-size: 10px;
}
.ws-error-codes dt {
  font-family: monospace;
  color: #86a05d;
}
.ws-error-codes dd {
  margin: 0;
  color: #a2b18a;
}
.ws-code-panel {
  background: #17372a;
  border: 1px solid #2e5038;
  border-radius: 11px;
  overflow: hidden;
  margin-bottom: 25px;
}
.ws-code-panel header {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  padding: 25px;
}
.ws-code-panel header h2 {
  font: 600 18px Manrope;
  color: #d0dfb5;
  margin: 10px 0 0;
}
.ws-code-panel header .ws-eyebrow {
  color: #8da878;
}
.ws-code-panel header button {
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #547445;
  background: #2e4e32;
  border-radius: 6px;
  padding: 8px 11px;
  color: #a9c08a;
  font: 10px "DM Sans";
  height: 34px;
  cursor: pointer;
}
.ws-code-panel header button .i {
  width: 13px;
  height: 13px;
}
.ws-code-tabs {
  display: flex;
  gap: 5px;
  padding: 0 25px;
  border-bottom: 1px solid #46653c80;
}
.ws-code-tabs button {
  padding: 9px 14px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  color: #86a476;
  font: 11px "DM Sans";
  cursor: pointer;
}
.ws-code-tabs button.active {
  border-color: #a8ce80;
  color: #d1e5b2;
}
.ws-code-panel pre {
  margin: 0;
  padding: 28px;
  color: #aec894;
  font:
    11px/2 ui-monospace,
    SFMono-Regular,
    monospace;
  overflow: auto;
  tab-size: 2;
}
.ws-code-panel footer {
  display: flex;
  gap: 9px;
  align-items: center;
  border-top: 1px solid #4c6b4166;
  padding: 16px 25px;
  font-size: 9px;
  line-height: 1.8;
  color: #88a574;
}
.ws-code-panel footer .i {
  height: 13px;
  width: 13px;
  flex-shrink: 0;
}
.ws-sdk-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.ws-sdk-grid article {
  padding: 25px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ws-sdk-grid article > span {
  font: 650 17px monospace;
  color: #8aa365;
  background: #eff5e6;
  border: 1px solid #dce8ce;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 14px;
}
.ws-sdk-grid h3 {
  font: 700 16px Manrope;
  color: #718e50;
  margin: 0 0 9px;
}
.ws-sdk-grid p {
  font-size: 11px;
  color: #a1b489;
  line-height: 1.9;
}
.ws-sdk-grid code {
  font-size: 10px;
  color: #90aa6d;
  margin: 5px 0 20px;
}
.ws-sdk-grid a {
  margin-top: auto;
  text-decoration: none;
}
.ws-footnote {
  font-size: 10px !important;
  color: #9fb385;
  line-height: 1.9;
}
.ws-guide-list article {
  display: flex;
  gap: 22px;
  padding: 25px 28px;
}
.ws-guide-list article > b {
  font: 650 21px Manrope;
  color: #b1c59b;
  flex-shrink: 0;
}
.ws-guide-list h3 {
  font: 700 16px Manrope;
  color: #73934f;
  margin: 0 0 10px;
}
.ws-guide-list p {
  font-size: 12px;
  line-height: 1.9;
  color: #9caf87;
  margin: 0;
}
.ws-checkout-preview,
.ws-secret-panel {
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 15px;
}
.ws-preview-product {
  height: 80px;
  width: 90px;
  display: grid;
  place-items: center;
  background: #ecf3e3;
  border: 1px solid #d9e6c9;
  border-radius: 12px;
  margin: 10px 0;
}
.ws-preview-product > .i {
  width: 35px;
  height: 35px;
  color: #95b46f;
}
.ws-checkout-preview h3 {
  font: 700 23px Manrope;
  margin: 0;
  overflow-wrap: anywhere;
}
.ws-checkout-preview p {
  font-size: 12px;
  line-height: 1.8;
  color: #859b6e;
  overflow-wrap: anywhere;
}
.ws-checkout-preview > strong {
  font: 700 31px Manrope;
  color: #688b4b;
}
.ws-checkout-preview small {
  font-size: 10px;
  color: #a2b98a;
}
.ws-secret-panel > p {
  font-size: 12px;
  line-height: 1.8;
  color: #7f9967;
}
.ws-secret-panel > code {
  display: block;
  max-width: 100%;
  background: #f2f7eb;
  border: 1px solid #dce8ce;
  border-radius: 7px;
  padding: 16px;
  word-break: break-all;
  color: #6f9152;
  font-size: 12px;
}
.ws-scope {
  padding: 15px;
  background: #f1f7e9;
  border: 1px solid #dbe7cc;
  border-radius: 7px;
}
.ws-scope code {
  color: #769b51;
  font-size: 11px;
}
.ws-scope p {
  font-size: 11px;
  color: #92a876;
  line-height: 1.8;
}
.ws-command {
  padding: 20px;
}
.ws-command > label {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #d6e3c4;
  border-radius: 7px;
  padding: 13px;
}
.ws-command input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  font: 13px "DM Sans";
  color: #557c34;
}
.ws-command > label > .i {
  width: 17px;
  color: #99b475;
}
.ws-command #ws-command-results {
  max-height: 330px;
  overflow: auto;
  padding-top: 12px;
}
.ws-command a {
  display: flex;
  gap: 13px;
  align-items: center;
  padding: 12px;
  border-radius: 6px;
  text-decoration: none;
  color: #6d8c4f;
  font-size: 12px;
}
.ws-command a:hover {
  background: #f0f6e7;
}
.ws-command a > .i {
  width: 15px;
  height: 15px;
  color: #a2bb80;
}
.ws-command a > small {
  margin-left: auto;
  font-size: 10px;
  color: #a2b98a;
}
.ws-notification-list {
  padding: 20px;
}
.ws-notification-list article {
  display: flex;
  gap: 15px;
  padding: 18px 0;
  border-bottom: 1px solid #e0ead4;
}
.ws-notification-list article > .i {
  width: 20px;
  height: 20px;
  color: #8aaa63;
  flex-shrink: 0;
}
.ws-notification-list strong {
  font-size: 12px;
  color: #668a47;
}
.ws-notification-list p {
  font-size: 12px;
  line-height: 1.8;
  color: #91a976;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.ws-notification-list small {
  font-size: 10px;
  color: #a6ba8d;
}
.merchant-body #merchant-dialog {
  border-color: #dce7d0;
}
.merchant-body #merchant-dialog textarea {
  width: 100%;
}
.merchant-body #merchant-dialog form .g-btn {
  justify-content: center;
}
.merchant-body #merchant-dialog .g-field {
  font-size: 12px;
  color: #5e7650;
}
.merchant-body #merchant-dialog h2 {
  color: #48663c;
}
.merchant-body #merchant-toast {
  background: #234d34;
  color: #e5f2d6;
}
.merchant-body .merchant-panel {
  border-color: #e0e8da;
}
.merchant-body .merchant-panel h2 {
  color: #536e43;
}
.merchant-body .merchant-product-grid h2 {
  color: #496938;
}
.merchant-body .merchant-product-mark {
  background: linear-gradient(140deg, #e1edcf, #eff5e5);
  color: #89ad5c;
}
.merchant-body .merchant-product-grid article {
  border-color: #e1ead6;
}
.merchant-body .merchant-product-grid article > strong {
  color: #4e6f3b;
}
.merchant-body .merchant-step-list button.active {
  background: #e6efd9;
  color: #71924e;
}
.merchant-body .merchant-step-list button.active b {
  background: #7d9e57;
  border-color: #7d9e57;
}
.merchant-body .merchant-chip {
  background: #edf4e3;
  border-color: #dce8cc;
  color: #789958;
}
.merchant-body .merchant-inline-note {
  background: #f2f6ec;
  border-color: #e0e9d5;
  color: #7f9469 !important;
}
.merchant-body a:focus-visible,
.merchant-body button:focus-visible {
  outline: 3px solid #84a957;
  outline-offset: 3px;
}
@media (min-width: 1700px) {
  .merchant-body #merchant-content {
    margin: auto;
  }
}
@media (max-width: 1250px) {
  .merchant-body .merchant-sidebar {
    width: 230px;
    padding: 24px 13px 0;
  }
  .merchant-body .merchant-main {
    margin-left: 230px;
  }
  .merchant-body #merchant-content {
    padding: 27px;
  }
  .merchant-body .merchant-topbar {
    padding: 0 27px;
  }
  .merchant-body .ws-kpi-grid.merchant-metrics {
    gap: 13px;
    grid-template-columns: 1fr 1fr;
  }
  .ws-kpi-grid article {
    min-height: 177px !important;
  }
  .ws-analytics-grid,
  .ws-lower-grid {
    grid-template-columns: minmax(0, 2fr) minmax(210px, 1fr);
    gap: 17px;
  }
  .ws-heading-actions {
    gap: 7px;
  }
  .ws-integrations-gallery,
  .ws-capability-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ws-doc-cards {
    gap: 14px;
  }
  .ws-doc-cards article {
    padding: 20px;
  }
  .ws-doc-cards h3 {
    font-size: 14px;
  }
  .ws-docs-hero {
    padding: 30px;
  }
  .ws-api-orbit {
    width: 170px;
  }
  .ws-api-routes article {
    flex-wrap: wrap;
    gap: 10px;
  }
  .ws-api-routes p {
    order: 4;
    flex-basis: 100%;
    margin: 0;
  }
  .ws-panel > header {
    padding: 20px;
  }
  .ws-shortcuts {
    padding: 7px 10px 25px;
  }
  .ws-shortcuts a {
    padding: 5px 10px;
  }
}
@media (max-width: 1000px) {
  .merchant-body .merchant-heading {
    align-items: flex-start;
  }
  .ws-heading-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .merchant-body .merchant-heading h1 {
    font-size: 25px;
  }
  .workspace-live-label {
    display: none;
  }
  .ws-strip-payment {
    display: none;
  }
  .ws-analytics-grid {
    grid-template-columns: 1fr;
  }
  .ws-approval {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  .ws-approval > header {
    grid-column: 1/-1;
    padding-bottom: 7px;
  }
  .ws-approval-ring {
    margin: 0 auto 20px;
    height: 124px;
    width: 124px;
  }
  .ws-approval ul {
    padding: 0 23px 15px 0;
  }
  .ws-lower-grid {
    grid-template-columns: 1fr 1fr;
  }
  .ws-shortcuts {
    grid-template-columns: 1fr 1fr;
    gap: 17px;
    padding: 6px 15px 24px;
  }
  .ws-shortcuts a:nth-child(2) {
    border: 0;
  }
  .ws-doc-cards,
  .ws-sdk-grid {
    grid-template-columns: 1fr;
  }
  .ws-doc-cards p {
    min-height: 0;
  }
  .ws-security-grid {
    gap: 8px;
  }
  .ws-docs-hero h2 {
    font-size: 26px;
  }
  .ws-doc-columns {
    grid-template-columns: 1fr;
  }
  .ws-guide-flow ol {
    grid-template-columns: 1fr 1fr;
  }
  .ws-doc-tabs {
    gap: 22px;
  }
  .ws-doc-tabs button {
    font-size: 10px;
  }
  .ws-email-note {
    flex-wrap: wrap;
  }
  .ws-email-note a {
    margin-left: 22px;
  }
  .ws-list-toolbar {
    flex-wrap: wrap;
    gap: 13px;
  }
  .ws-search-input {
    flex: 1;
    min-width: 180px;
  }
  .ws-search-input input {
    width: 100%;
  }
  .ws-capability-note .ws-badge {
    display: none;
  }
  .merchant-body .merchant-topbar #merchant-user-name {
    max-width: 95px;
  }
}
@media (max-width: 760px) {
  .merchant-body .merchant-sidebar {
    position: fixed;
    width: 270px;
    inset: 0 auto 0 0;
    height: 100dvh;
    transform: translateX(-100%);
    transition: transform 0.2s ease;
    z-index: 30;
    box-shadow: 15px 0 50px #11271c33;
    padding: 24px 17px 0;
  }
  .merchant-body .merchant-sidebar.is-open {
    transform: translateX(0);
  }
  .workspace-backdrop:not([hidden]) {
    display: block;
    position: fixed;
    inset: 0;
    border: 0;
    background: #0b211780;
    z-index: 29;
    backdrop-filter: blur(2px);
  }
  .merchant-body .merchant-sidebar-brand {
    gap: 8px;
  }
  .workspace-mobile-close {
    display: grid;
    place-items: center;
    margin-left: auto;
    width: 25px;
    height: 25px;
    border: 0;
    background: none;
    color: #a6bc9d;
  }
  .workspace-mobile-close .i {
    height: 16px;
    width: 16px;
  }
  .merchant-body .merchant-sidebar-brand .merchant-logo {
    font-size: 27px;
  }
  .merchant-body .merchant-business {
    display: flex;
    margin-top: 24px;
  }
  .merchant-body .merchant-sidebar nav {
    display: block;
    overflow: auto;
    margin: 0;
    padding: 0 4px 14px;
  }
  .merchant-body .merchant-sidebar nav a {
    white-space: nowrap;
    font-size: 12px;
    padding: 11px;
  }
  .merchant-body .merchant-sidebar nav a .i {
    display: block;
  }
  .merchant-body .merchant-main {
    margin: 0;
  }
  .merchant-body .merchant-topbar {
    padding: 0 20px;
    height: 65px;
  }
  .workspace-breadcrumb {
    gap: 10px;
  }
  .workspace-breadcrumb > span {
    display: none;
  }
  #workspace-menu {
    display: grid;
    place-items: center;
    border: 0;
    background: none;
    color: #7d9767;
    padding: 0;
    margin-right: 3px;
  }
  #workspace-menu .i {
    height: 21px;
    width: 21px;
  }
  .merchant-body .merchant-topbar .workspace-top-actions {
    gap: 11px;
  }
  .merchant-body .merchant-topbar #merchant-user-name {
    display: none;
  }
  .workspace-user .i {
    display: none;
  }
  .workspace-user > span {
    width: 29px;
    height: 29px;
    font-size: 9px;
  }
  .workspace-icon-button {
    height: 29px;
    width: 29px;
  }
  .merchant-body #merchant-content {
    padding: 24px 20px;
  }
  .merchant-body .merchant-heading {
    display: block;
    margin-bottom: 21px;
  }
  .merchant-body .merchant-heading h1 {
    font-size: 26px;
  }
  .merchant-body .merchant-heading p {
    font-size: 11px;
  }
  .ws-heading-actions {
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-top: 18px;
  }
  .ws-heading-actions .g-btn {
    margin-left: auto;
    font-size: 10px;
    padding: 10px;
  }
  .ws-period {
    padding: 10px;
  }
  .ws-period select {
    font-size: 10px;
  }
  .merchant-body .ws-onboarding-strip.merchant-welcome {
    padding: 12px;
    gap: 10px;
  }
  .ws-strip-symbol {
    height: 29px;
    width: 29px;
  }
  .ws-onboarding-strip strong {
    font-size: 10px;
  }
  .merchant-body .ws-onboarding-strip p {
    font-size: 9px;
  }
  .ws-onboarding-strip > a {
    font-size: 9px;
    gap: 3px;
    margin-left: auto;
  }
  .merchant-body .ws-kpi-grid.merchant-metrics {
    gap: 12px;
    margin-bottom: 20px;
  }
  .merchant-body .ws-kpi-grid article {
    padding: 17px;
    min-height: 172px !important;
  }
  .merchant-body .ws-kpi header > span {
    font-size: 7px;
    letter-spacing: 0.6px;
  }
  .ws-kpi header .i {
    height: 14px;
    width: 14px;
  }
  .merchant-body .ws-kpi > strong {
    font-size: 29px;
    margin: 17px 0 9px;
  }
  .merchant-body .ws-kpi > strong span {
    font-size: 23px;
  }
  .ws-kpi footer {
    font-size: 8px;
    line-height: 1.6;
    flex-wrap: wrap;
  }
  .ws-kpi-detail {
    font-size: 7px;
  }
  .ws-order-kpi dl {
    gap: 6px;
    margin-top: 11px;
    padding-top: 11px;
  }
  .ws-order-kpi dt {
    font-size: 7px;
    gap: 3px;
  }
  .ws-order-kpi dd {
    font-size: 11px;
  }
  .merchant-body .ws-kpi-grid .ws-balance {
    padding: 17px;
  }
  .merchant-body .ws-balance header > span {
    font-size: 7px;
    letter-spacing: 0.5px;
  }
  .merchant-body .ws-balance > strong {
    font-size: 26px;
    margin-top: 18px;
  }
  .ws-balance > p {
    font-size: 8px;
    line-height: 1.6;
    margin-bottom: 13px;
  }
  .ws-withdraw {
    font-size: 8px;
    padding: 8px;
  }
  .ws-balance header .i {
    width: 13px;
  }
  .ws-panel > header {
    padding: 18px;
  }
  .ws-panel h2 {
    font-size: 13px;
  }
  .ws-segmented button {
    font-size: 8px;
    padding: 5px 7px;
  }
  .ws-segmented .i {
    display: none;
  }
  .ws-chart-wrap {
    padding: 0 10px;
  }
  .ws-chart {
    min-height: 185px;
  }
  .ws-chart-empty {
    inset: 20px 10px 55px;
  }
  .ws-chart-empty strong {
    font-size: 9px;
  }
  .ws-chart-empty small {
    font-size: 8px;
  }
  .ws-chart-empty > span {
    height: 25px;
    width: 25px;
  }
  .ws-revenue > footer {
    padding: 13px 18px;
    font-size: 7px;
  }
  .ws-revenue > footer > span:last-child {
    display: none;
  }
  .ws-approval {
    grid-template-columns: 1fr 1fr;
  }
  .ws-approval > header {
    padding-bottom: 10px;
  }
  .ws-approval-ring {
    height: 115px;
    width: 115px;
  }
  .ws-approval ul {
    padding-right: 18px;
  }
  .ws-approval li {
    gap: 5px;
  }
  .ws-approval li > span {
    font-size: 8px;
  }
  .ws-approval li small {
    font-size: 7px;
  }
  .ws-lower-grid {
    grid-template-columns: 1fr;
  }
  .ws-shortcuts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 7px 10px 24px;
    gap: 0;
  }
  .ws-shortcuts a {
    padding: 5px 9px;
    border-right: 1px solid #eaf0e5 !important;
  }
  .ws-shortcuts a:last-child {
    border: 0 !important;
  }
  .ws-shortcuts a > span {
    height: 29px;
    width: 29px;
  }
  .ws-shortcuts strong {
    font-size: 8px;
  }
  .ws-shortcuts small {
    font-size: 7px;
    line-height: 1.6;
  }
  .ws-shortcuts a > .i {
    display: none;
  }
  .ws-developer-card {
    padding: 22px;
  }
  .ws-developer-card h2 {
    font-size: 21px;
  }
  .ws-developer-card p {
    max-width: 290px;
    font-size: 10px;
  }
  .ws-developer-card a {
    font-size: 10px;
  }
  .ws-code-mark {
    right: 30px;
    top: 30px;
    font-size: 40px;
  }
  .ws-email-note {
    font-size: 9px;
    align-items: flex-start;
  }
  .ws-email-note > span {
    flex: 1;
  }
  .merchant-body .merchant-footer {
    margin: 0 20px;
    font-size: 8px;
    line-height: 1.7;
  }
  .ws-capability-note {
    padding: 13px;
    font-size: 10px;
    align-items: flex-start;
    gap: 9px;
  }
  .ws-capability-note > .i {
    height: 15px;
    width: 15px;
    margin-top: 2px;
  }
  .ws-page-heading > .g-btn {
    margin-top: 15px;
  }
  .ws-badge {
    font-size: 7px;
  }
  .ws-table th,
  .ws-table td {
    padding: 14px 18px;
  }
  .ws-table td {
    font-size: 10px;
  }
  .ws-empty {
    padding: 40px 20px;
  }
  .ws-empty h2 {
    font-size: 17px;
  }
  .ws-empty p {
    font-size: 11px;
  }
  .ws-integrations-gallery {
    gap: 12px;
  }
  .ws-integrations-gallery article {
    padding: 17px;
  }
  .ws-integrations-gallery h3 {
    font-size: 13px;
  }
  .ws-integrations-gallery p {
    font-size: 9px;
    min-height: 32px;
  }
  .ws-integrations-gallery button {
    font-size: 9px;
  }
  .ws-integrations-gallery .ws-badge {
    font-size: 6px;
    white-space: normal;
  }
  .ws-guidance {
    padding: 20px;
  }
  .ws-guidance p {
    font-size: 10px;
  }
  .ws-acquirer-hero {
    padding: 21px;
    gap: 15px;
    flex-wrap: wrap;
  }
  .ws-acquirer-mark {
    height: 45px;
    width: 45px;
    font-size: 24px;
    border-radius: 11px;
  }
  .ws-acquirer-hero > div:nth-child(2) {
    flex: 1;
  }
  .ws-acquirer-hero h2 {
    font-size: 18px;
  }
  .ws-acquirer-hero p {
    font-size: 10px;
  }
  .ws-acquirer-hero > .ws-badge {
    margin-left: 60px;
  }
  .ws-capability-grid {
    gap: 13px;
  }
  .ws-capability-grid article {
    padding: 20px;
  }
  .ws-capability-grid h3 {
    font-size: 12px;
  }
  .ws-capability-grid p {
    font-size: 10px;
  }
  .ws-security-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .ws-security-grid article {
    padding: 15px;
  }
  .ws-security-grid h3 {
    font-size: 13px;
  }
  .ws-security-grid p {
    font-size: 11px;
  }
  .ws-docs-hero {
    padding: 26px;
    gap: 10px;
  }
  .ws-docs-hero h2 {
    font-size: 24px;
  }
  .ws-docs-hero p {
    font-size: 10px;
  }
  .ws-docs-hero code {
    font-size: 8px;
    padding: 9px;
  }
  .ws-api-orbit {
    display: none;
  }
  .ws-doc-tabs {
    gap: 24px;
  }
  .ws-doc-tabs button {
    font-size: 10px;
  }
  .ws-doc-cards article {
    padding: 23px;
  }
  .ws-doc-cards h3 {
    font-size: 17px;
  }
  .ws-doc-cards p {
    font-size: 11px;
    min-height: 0;
  }
  .ws-guide-flow {
    padding: 22px;
  }
  .ws-guide-flow ol {
    gap: 17px;
  }
  .ws-guide-flow strong {
    font-size: 10px;
  }
  .ws-guide-flow p {
    font-size: 9px;
  }
  .ws-api-routes article {
    padding: 16px 18px;
    gap: 9px;
  }
  .ws-api-routes code {
    font-size: 9px;
    white-space: normal;
    word-break: break-all;
    flex: 1;
  }
  .ws-api-routes .ws-badge {
    margin: 0;
  }
  .ws-doc-text {
    padding: 22px;
  }
  .ws-code-panel header {
    padding: 22px;
    flex-wrap: wrap;
  }
  .ws-code-panel header h2 {
    font-size: 17px;
  }
  .ws-code-panel header button {
    font-size: 9px;
  }
  .ws-code-tabs {
    padding: 0 13px;
  }
  .ws-code-tabs button {
    padding: 10px;
    font-size: 10px;
  }
  .ws-code-panel pre {
    font-size: 10px;
    padding: 22px;
    line-height: 1.9;
  }
  .ws-code-panel footer {
    padding: 16px 22px;
    font-size: 9px;
  }
  .ws-guide-list article {
    padding: 22px;
    gap: 15px;
  }
  .ws-guide-list article > b {
    font-size: 17px;
  }
  .ws-guide-list h3 {
    font-size: 14px;
  }
  .ws-guide-list p {
    font-size: 11px;
  }
  .ws-secret-panel,
  .ws-checkout-preview {
    padding: 24px;
  }
  .ws-secret-panel > code {
    font-size: 10px;
  }
  .merchant-body #merchant-dialog header,
  .merchant-body #merchant-dialog form {
    padding: 22px;
  }
}
@media (max-width: 365px) {
  .merchant-body #merchant-content {
    padding: 22px 15px;
  }
  .merchant-body .ws-kpi-grid article,
  .merchant-body .ws-kpi-grid .ws-balance {
    padding: 14px;
  }
  .merchant-body .ws-kpi > strong {
    font-size: 26px;
  }
  .merchant-body .ws-balance > strong {
    font-size: 25px;
  }
  .ws-kpi header > .i {
    display: none;
  }
  .ws-order-kpi dl {
    gap: 3px;
  }
  .ws-order-kpi dt {
    font-size: 6px;
  }
  .ws-strip-symbol {
    display: none;
  }
  .ws-onboarding-strip > a {
    font-size: 8px;
  }
  .ws-period {
    padding: 9px;
  }
  .ws-heading-actions .g-btn {
    font-size: 9px;
    gap: 4px;
  }
  .ws-heading-actions .g-btn > .i {
    width: 11px;
  }
  .ws-integrations-gallery {
    grid-template-columns: 1fr;
  }
  .ws-capability-grid {
    grid-template-columns: 1fr;
  }
  .ws-chart-empty strong {
    font-size: 8px;
  }
  .ws-approval li small {
    font-size: 6px;
  }
  .ws-shortcuts strong {
    font-size: 7px;
  }
  .ws-balance > p {
    font-size: 7px;
  }
  .ws-balance header > span {
    font-size: 6px !important;
  }
  .merchant-body .merchant-footer {
    margin: 0 15px;
  }
  .ws-doc-tabs {
    gap: 18px;
  }
  .ws-code-tabs button {
    font-size: 9px;
    padding: 9px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .merchant-body * {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}
/* Readability pass: secondary text remains legible on light surfaces. */
.merchant-body .merchant-sidebar nav a {
  font-size: 12px;
}
.workspace-nav-group h2 {
  font-size: 8.5px;
  color: #9bb39f;
}
.workspace-nav-search {
  font-size: 11px;
}
.workspace-sidebar-bottom > a,
.merchant-body #merchant-logout {
  font-size: 11px;
  color: #b6c8b4;
}
.merchant-body .merchant-heading p {
  font-size: 12px;
  color: #6a7b6a;
}
.merchant-body .merchant-eyebrow,
.ws-eyebrow {
  color: #6c8167;
  font-size: 9px;
}
.merchant-body .ws-onboarding-strip p {
  font-size: 11px;
  color: #667a5d;
}
.ws-onboarding-strip strong {
  font-size: 12px;
  color: #45633b;
}
.ws-onboarding-strip > a {
  font-size: 11px;
  color: #446c34;
}
.ws-strip-payment {
  font-size: 10px;
  color: #6b7b60;
}
.merchant-body .ws-kpi header > span {
  font-size: 9px;
  color: #64755f;
}
.ws-kpi footer,
.ws-kpi-detail {
  font-size: 10px;
  color: #718065;
}
.ws-order-kpi dt {
  font-size: 9px;
  color: #687c5e;
}
.ws-order-kpi dd {
  font-size: 13px;
  color: #48633f;
}
.merchant-body .ws-balance header > span {
  font-size: 9px;
  color: #d1e4bf;
}
.ws-balance > p {
  font-size: 10px;
  color: #b9d0a9;
}
.ws-withdraw {
  font-size: 10px;
}
.ws-panel h2 {
  font-size: 15px;
  color: #3c5736;
}
.ws-panel > header > a {
  font-size: 11px;
  color: #4d7340;
}
.ws-segmented button {
  font-size: 10px;
  color: #68815b;
}
.ws-segmented button.active {
  color: #436633;
}
.ws-chart-empty strong {
  color: #7b8c70;
  font-size: 11px;
}
.ws-chart-empty small {
  color: #87957d;
  font-size: 10px;
}
.ws-revenue > footer {
  font-size: 10px;
  color: #6a7f5c;
}
.ws-approval-ring > span {
  color: #587948;
}
.ws-approval-ring small,
.ws-approval li > span {
  font-size: 10px;
  color: #668154;
}
.ws-approval li small {
  font-size: 9px;
  color: #6b7e5c;
}
.ws-shortcuts strong {
  font-size: 11px;
  color: #4d703b;
}
.ws-shortcuts small {
  font-size: 9px;
  color: #71845e;
}
.ws-developer-card .ws-eyebrow {
  font-size: 8px;
  color: #657d4d;
}
.ws-developer-card h2 {
  color: #4b6732;
}
.ws-developer-card p {
  font-size: 11px;
  color: #6f8056;
}
.ws-developer-card a {
  font-size: 11px;
  color: #4c712f;
}
.ws-email-note {
  font-size: 11px;
  color: #6f805d;
  line-height: 1.8;
}
.ws-email-note a {
  color: #55783a;
}
.merchant-body .merchant-footer {
  font-size: 10px;
  color: #72815f;
}
.merchant-body .merchant-footer a {
  color: #677954;
}
.ws-capability-note {
  color: #567047;
  font-size: 12px;
}
.ws-badge,
.ws-integrations-gallery .ws-badge {
  font-size: 9px;
  color: #667956;
  white-space: normal;
}
.ws-badge.mint {
  color: #466c33;
  background: #e8f1df;
  border-color: #d2e0c2;
}
.ws-badge.amber {
  color: #836725;
  background: #faf3df;
  border-color: #eadbb5;
}
.ws-list-tabs button {
  font-size: 11px;
  color: #758565;
}
.ws-list-tabs button.active {
  color: #416732;
}
.ws-search-input input {
  font-size: 11px;
  color: #486539;
}
.ws-search-input input::placeholder {
  color: #78896c;
}
.ws-table th {
  font-size: 9px;
  color: #718360;
}
.ws-table td {
  font-size: 11px;
  color: #5d784b;
}
.ws-table td > strong,
.ws-table-identity strong {
  font-size: 12px;
  color: #456536;
}
.ws-table td > small,
.ws-table-identity small {
  font-size: 10px;
  color: #748960;
}
.ws-table code {
  color: #56733f;
}
.ws-empty h2 {
  color: #547438;
}
.ws-empty p {
  font-size: 12px;
  color: #73865b;
}
.ws-integrations-gallery h3 {
  color: #4b6c35;
}
.ws-integrations-gallery p {
  font-size: 11px;
  color: #758760;
}
.ws-integrations-gallery button {
  font-size: 11px;
  color: #54783b;
}
.ws-guidance strong {
  color: #537537;
}
.ws-guidance p {
  font-size: 12px;
  color: #768760;
}
.ws-guidance a {
  font-size: 11px;
  color: #557e39;
}
.ws-acquirer-hero h2 {
  color: #486831;
}
.ws-acquirer-hero p {
  font-size: 12px;
  color: #6e8255;
}
.ws-capability-grid h3 {
  color: #517138;
}
.ws-capability-grid p {
  font-size: 12px;
  color: #778960;
}
.ws-security-grid h3 {
  color: #4e7233;
}
.ws-security-grid p {
  font-size: 12px;
  color: #758a5c;
}
.ws-doc-tabs button {
  font-size: 12px;
  color: #72885b;
}
.ws-doc-tabs button.active {
  color: #496c31;
}
.ws-doc-cards h3 {
  color: #4c702f;
}
.ws-doc-cards p {
  font-size: 12px;
  color: #728857;
}
.ws-doc-cards button,
.ws-doc-cards a {
  font-size: 11px;
  color: #4c7730;
}
.ws-guide-flow h2 {
  color: #557437;
}
.ws-guide-flow strong {
  font-size: 12px;
  color: #597d3c;
}
.ws-guide-flow p {
  font-size: 11px;
  color: #758957;
}
.ws-api-routes code {
  font-size: 12px;
  color: #4d7131;
}
.ws-api-routes p {
  font-size: 11px;
  color: #758855;
}
.ws-doc-text h3 {
  color: #577b36;
}
.ws-doc-text p {
  font-size: 12px;
  color: #738953;
}
.ws-doc-text > code {
  font-size: 11px;
  color: #577b32;
}
.ws-error-codes dt {
  font-size: 11px;
  color: #557c31;
}
.ws-error-codes dd {
  font-size: 11px;
  color: #6b8350;
}
.ws-sdk-grid h3 {
  color: #4e7430;
}
.ws-sdk-grid p {
  font-size: 12px;
  color: #728a54;
}
.ws-sdk-grid code {
  font-size: 11px;
  color: #587d36;
}
.ws-footnote {
  font-size: 11px !important;
  color: #728a55;
}
.ws-guide-list h3 {
  color: #4d752e;
}
.ws-guide-list p {
  font-size: 12px;
  color: #6e8851;
}
.merchant-body .merchant-inline-note {
  color: #5f7649 !important;
}
.ws-secret-panel > p {
  color: #5d7b42;
}
.ws-scope p {
  color: #687f4c;
}
.ws-command a {
  color: #547535;
}
.ws-command a > small {
  color: #728854;
}
.ws-notification-list p {
  color: #678347;
}
.ws-notification-list small {
  color: #7a905a;
}
@media (max-width: 760px) {
  .ws-shortcuts strong {
    font-size: 10px;
  }
  .ws-shortcuts small {
    font-size: 8px;
  }
  .merchant-body .ws-kpi header > span {
    font-size: 8px;
  }
  .ws-kpi footer {
    font-size: 9px;
  }
  .ws-kpi-detail {
    font-size: 8px;
  }
  .ws-order-kpi dt {
    font-size: 8px;
  }
  .merchant-body .ws-balance header > span {
    font-size: 8px;
  }
  .ws-balance > p {
    font-size: 9px;
  }
  .ws-withdraw {
    font-size: 9px;
  }
  .merchant-body .ws-onboarding-strip p {
    font-size: 10px;
  }
  .ws-onboarding-strip strong {
    font-size: 11px;
  }
  .ws-onboarding-strip > a {
    font-size: 10px;
  }
  .ws-revenue > footer {
    font-size: 9px;
  }
  .ws-api-routes code {
    font-size: 10px;
  }
  .ws-api-routes .ws-badge {
    font-size: 8px;
  }
  .ws-panel > header > a {
    font-size: 10px;
  }
  .ws-email-note,
  .merchant-body .merchant-footer {
    font-size: 10px;
  }
  .ws-approval li small {
    font-size: 8px;
  }
  .ws-badge {
    font-size: 9px;
  }
  .ws-chart-empty strong {
    font-size: 10px;
  }
  .ws-chart-empty small {
    font-size: 9px;
  }
}
@media (max-width: 365px) {
  .ws-order-kpi dt {
    font-size: 7px;
  }
  .merchant-body .ws-balance header > span {
    font-size: 7px !important;
  }
  .ws-kpi footer {
    font-size: 8px;
  }
  .ws-shortcuts strong {
    font-size: 9px;
  }
  .ws-shortcuts small {
    font-size: 8px;
  }
  .ws-panel > header > a {
    font-size: 9px;
  }
}