.ss-login {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 60% 40%;
  font-family: Inter, Arial, sans-serif;
  color: #6b5e50;
  background: #f8f5f0;
}
.ss-login__intro {
  position: relative;
  overflow: hidden;
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background: linear-gradient(135deg, #f8f5f0 0%, #efe9df 52%, #f6f1e9 100%);
}
.ss-login__intro:before,
.ss-login__intro:after {
  content: '';
  position: absolute;
  width: 340px;
  height: 340px;
  border: 1px solid rgba(212, 163, 115, 0.18);
  transform: rotate(45deg);
}
.ss-login__intro:before {
  left: -190px;
  top: -130px;
}
.ss-login__intro:after {
  right: -190px;
  bottom: -130px;
}
.ss-login__intro h1 {
  font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.015em;
  margin: 26px 0 13px;
  color: #6b5e50;
}
.ss-login__intro p {
  margin: 0 0 28px;
  color: #958a7a;
  font-size: 12px;
  letter-spacing: 0.34em;
  text-transform: uppercase;
}
.ss-login__intro-line {
  height: 1px;
  width: 128px;
  background: linear-gradient(90deg, transparent, #d4a373, transparent);
}
.ss-login__diamond {
  width: 17px;
  height: 17px;
  border: 1px solid #d4a373;
  transform: rotate(45deg);
  position: relative;
}
.ss-login__diamond:after {
  content: '';
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(212, 163, 115, 0.65);
}
.ss-login__diamond--small {
  width: 10px;
  height: 10px;
  margin-top: 18px;
}
.ss-login__diamond--small:after {
  display: none;
}
.ss-login__panel {
  position: relative;
  min-height: 100vh;
  background: #eeecec;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 96px 46px 64px;
}
.ss-login__brand {
  position: absolute;
  top: 35px;
  left: 42px;
  color: #6b5e50;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.ss-login__brand span {
  font-family: 'Cormorant Garamond', 'Playfair Display', serif;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.ss-login__brand small {
  font-size: 8px;
  letter-spacing: 0.27em;
  text-transform: uppercase;
  margin-top: 6px;
  color: #958a7a;
}
.ss-login__card {
  width: 100%;
  max-width: 410px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(212, 163, 115, 0.34);
  box-shadow: 0 18px 50px rgba(107, 94, 80, 0.09);
  padding: 36px 42px 31px;
  backdrop-filter: blur(12px);
}
.ss-login__ornament {
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-bottom: 24px;
  color: #d4a373;
  font-size: 8px;
}
.ss-login__ornament i {
  display: block;
  width: 44px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #d4a373);
}
.ss-login__ornament i:last-child {
  background: linear-gradient(90deg, #d4a373, transparent);
}
.ss-login__card header {
  text-align: center;
  margin-bottom: 28px;
}
.ss-login__card h2 {
  font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  font-size: 30px;
  font-weight: 400;
  margin: 0;
  color: #958a7a;
}
.ss-login__card header p {
  font-size: 9px;
  color: #a69c8f;
  margin: 10px 0 0;
  text-transform: uppercase;
  letter-spacing: 0.19em;
}
.ss-login__card form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ss-login__card label {
  font-size: 10px;
  font-weight: 600;
  color: #817466;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.ss-login__field {
  display: flex;
  align-items: center;
  margin-top: 8px;
  border: 1px solid rgba(212, 163, 115, 0.45);
  height: 45px;
  padding: 0 13px;
  gap: 10px;
  background: rgba(248, 245, 240, 0.82);
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}
.ss-login__field:focus-within {
  border-color: #d4a373;
  box-shadow: 0 0 0 2px rgba(212, 163, 115, 0.1);
}
.ss-login__field span {
  color: #c69565;
  font-size: 14px;
}
.ss-login__field input {
  border: 0;
  outline: 0;
  flex: 1;
  font:
    12px Inter,
    Arial,
    sans-serif;
  color: #65594e;
  background: transparent;
  min-width: 0;
}
.ss-login__field input::placeholder {
  color: #b4aba0;
}
.ss-login__field button {
  border: 0;
  background: none;
  color: #b08b66;
  cursor: pointer;
  font-size: 14px;
}
.ss-login__submit {
  height: 46px;
  border: 1px solid #c99664;
  border-radius: 0;
  background: #d4a373;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 7px 16px rgba(212, 163, 115, 0.18);
}
.ss-login__submit:hover {
  background: #c89563;
}
.ss-login__submit:disabled {
  opacity: 0.65;
  cursor: wait;
}
.ss-login__panel > footer {
  text-align: center;
  color: #a69c8f;
  font-size: 9px;
  letter-spacing: 0.08em;
  position: absolute;
  bottom: 27px;
}
.ss-login__back,
.ss-login__resend {
  border: 0;
  background: none;
  color: #b28255;
  padding: 0;
  cursor: pointer;
  font-size: 10px;
  letter-spacing: 0.05em;
}
.ss-login__back {
  margin: -4px 0 18px;
}
.ss-login__otp {
  display: flex;
  gap: 7px;
  justify-content: space-between;
  margin-top: 12px;
}
.ss-login__otp input {
  width: 43px;
  height: 46px;
  text-align: center;
  font-size: 18px;
  color: #6b5e50;
  border: 1px solid rgba(212, 163, 115, 0.45);
  border-radius: 0;
  outline: none;
  background: #f8f5f0;
}
.ss-login__otp input:focus {
  border-color: #d4a373;
  box-shadow: 0 0 0 2px rgba(212, 163, 115, 0.1);
}
.ss-login__hint {
  text-align: center;
  font-size: 9px;
  color: #a69c8f;
  letter-spacing: 0.04em;
}
.ss-login__resend {
  display: block;
  margin: auto;
}
.ss-login__resend:disabled {
  opacity: 0.5;
}
.ss-login__error {
  margin: 0;
  padding: 10px 12px;
  border-left: 2px solid #b95d5d;
  background: #fff2f2;
  color: #8d3c3c;
  font-size: 10px;
}
.ss-login__ornament--footer {
  margin: 26px 0 0;
}
.ss-login__ornament--footer i {
  width: 31px;
}
@media (max-width: 900px) {
  .ss-login {
    grid-template-columns: 1fr;
  }
  .ss-login__intro {
    display: none;
  }
  .ss-login__panel {
    padding: 96px 22px 64px;
  }
  .ss-login__brand {
    left: 25px;
    top: 27px;
  }
  .ss-login__card {
    max-width: 420px;
    padding: 32px 25px;
  }
  .ss-login__otp input {
    width: 40px;
  }
}
.gemstone-configuration-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 720px) {
  .gemstone-configuration-grid {
    grid-template-columns: 1fr;
  }
}

/* Silverstone Image Management: compact seven-tab editor and media cards. */
.silverstone-image-management-content {
  margin-top: -16px;
  padding-top: 10px;
}
.silverstone-image-management-tabs > div > .sf-tabs__list {
  width: 100%;
  max-width: 896px;
  height: 36px;
  min-height: 36px;
  padding: 2px;
}
.silverstone-image-management-tabs > div > .sf-tabs__list .sf-tabs__tab {
  min-height: 32px;
  height: 32px;
  padding: 4px 14px;
  font:
    500 13px/20px Montserrat,
    sans-serif;
}
.silverstone-image-management-tabs > div > .sf-tabs__panel {
  padding-top: 24px;
}
.silverstone-image-management-tabs > div > .sf-tabs__panel > .sf-stack {
  gap: 28px;
}
.silverstone-image-management-tabs .sf-tabs__panel > .sf-stack > div:first-child h1 {
  margin: 0;
  color: #242424;
  font:
    600 20px/28px Montserrat,
    sans-serif;
}
.silverstone-image-management-tabs .sf-tabs__panel > .sf-stack > div:first-child > .sf-text {
  margin-top: 8px;
  color: #696969;
  font:
    400 13px/20px Montserrat,
    sans-serif;
}
.silverstone-image-management-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.silverstone-image-management-grid[data-columns='4'] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.silverstone-image-management-grid > .sf-card,
.silverstone-image-half-background {
  padding: 0;
  border: 1px solid #ebe8e6;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 3px 10px rgb(55 45 39 / 9%);
}
.silverstone-image-management-grid > .sf-card > .sf-card__body,
.silverstone-image-half-background > .sf-card__body {
  padding: 24px;
}
.silverstone-image-management-grid[data-columns='4'] > .sf-card > .sf-card__body {
  padding: 16px;
}
.silverstone-image-management-grid > .sf-card > .sf-stack {
  gap: 16px;
}
.silverstone-image-management-grid .sf-heading--headingSm,
.silverstone-image-management-grid .sf-heading--headingXs,
.silverstone-image-management-grid h3 {
  margin: 0;
  font:
    600 15px/20px Montserrat,
    sans-serif;
}
.silverstone-image-management-grid .sf-field {
  gap: 8px;
}
.silverstone-image-management-grid .sf-field__label,
.silverstone-image-management-grid .silverstone-image-pickers .sf-text,
.silverstone-image-half-background .sf-text:first-child {
  color: #414141;
  font:
    500 13px/18px Montserrat,
    sans-serif;
}
.silverstone-image-management-grid .sf-input {
  min-height: 36px;
  height: 36px;
  padding-inline: 12px;
  border-color: #d8d4d1;
  border-radius: 6px;
}
.silverstone-image-management-grid .sf-input__control {
  min-height: 34px;
  height: 34px;
  padding-block: 0;
  font-size: 13px;
}
.silverstone-image-pickers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.silverstone-image-pickers:has(> label:only-child) {
  grid-template-columns: 1fr;
}
.silverstone-image-pickers > label {
  display: grid;
  min-width: 0;
  gap: 8px;
}
.silverstone-image-pickers img,
.silverstone-image-pickers video,
.silverstone-image-placeholder {
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: 6px;
  object-fit: cover;
}
.silverstone-image-management-grid[data-columns='4'] .silverstone-image-pickers img,
.silverstone-image-management-grid[data-columns='4'] .silverstone-image-pickers video,
.silverstone-image-management-grid[data-columns='4'] .silverstone-image-placeholder {
  aspect-ratio: 1 / 1;
}
.silverstone-image-pickers > label[data-aspect='square'] img,
.silverstone-image-pickers > label[data-aspect='square'] video,
.silverstone-image-pickers > label[data-aspect='square'] .silverstone-image-placeholder {
  aspect-ratio: 1 / 1;
}
.silverstone-image-pickers > label[data-aspect='wide'] img,
.silverstone-image-pickers > label[data-aspect='wide'] video,
.silverstone-image-pickers > label[data-aspect='wide'] .silverstone-image-placeholder {
  aspect-ratio: 16 / 9;
}
.silverstone-image-pickers > label[data-aspect='vertical'] video,
.silverstone-image-pickers > label[data-aspect='vertical'] .silverstone-image-placeholder {
  width: min(100%, 162px);
  max-height: 288px;
  margin-inline: auto;
  aspect-ratio: 9 / 16;
}
.silverstone-image-management-grid .silverstone-image-pickers input[type='file'],
.silverstone-image-half-background input[type='file'] {
  width: 100%;
  min-width: 0;
  color: #868686;
  font:
    400 12px/32px Montserrat,
    sans-serif;
}
.silverstone-image-management-grid input[type='file']::file-selector-button,
.silverstone-image-half-background input[type='file']::file-selector-button {
  height: 34px;
  min-width: 111px;
  margin-right: 10px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: #f7e8e4;
  color: #1f1f1f;
  font:
    600 12px/34px Montserrat,
    sans-serif;
  cursor: pointer;
}
.silverstone-image-info {
  color: #a5a5a5;
  font-size: 12px;
}
.silverstone-image-half-background > .sf-stack {
  gap: 16px;
}
.silverstone-image-half-background > .sf-stack > div > .sf-text + .sf-text {
  margin-top: 6px;
  color: #7a7a7a;
  font-size: 11px;
}
.silverstone-half-background-picker {
  display: grid;
  gap: 10px;
}
.silverstone-half-background-picker img,
.silverstone-half-background-picker .silverstone-image-placeholder {
  width: 100%;
  aspect-ratio: 16 / 6;
  object-fit: cover;
}
.silverstone-image-management-tabs .sf-tabs__panel > .sf-stack > .sf-flex:last-child {
  min-height: 62px;
  padding-top: 24px;
  border-top: 1px solid #dfdddb;
}
.silverstone-image-save-error {
  color: #b94747;
  font-size: 12px;
}
.silverstone-image-management-tabs .sf-tabs__panel > .sf-stack > .sf-flex:last-child .sf-button {
  min-height: 36px;
  height: 36px;
  padding-inline: 24px;
  border-radius: 6px;
}
.silverstone-image-management-tabs
  .sf-tabs__panel
  > .sf-stack
  > .sf-flex:last-child
  .sf-button--outline {
  border-color: #737373;
  background: #737373;
  color: #fff;
}
.silverstone-image-management-tabs
  .sf-tabs__panel
  > .sf-stack
  > .sf-flex:last-child
  .sf-button:not(.sf-button--outline) {
  background: #171717;
  color: #fff;
}

@media (max-width: 1100px) {
  .silverstone-image-management-grid,
  .silverstone-image-management-grid[data-columns='4'] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .silverstone-image-management-tabs > div > .sf-tabs__list {
    display: flex;
    height: auto;
    overflow-x: auto;
  }
  .silverstone-image-management-grid,
  .silverstone-image-management-grid[data-columns='4'] {
    grid-template-columns: 1fr;
  }
}

/* Silverstone keeps table names for screen readers but does not paint them. */
body table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Silverstone keeps the title block visually open; the content itself provides
   the separation.  The shell default hairline made every migrated screen look
   one row taller than its reference. */
.ad-window .sf-page__header {
  border-block-end: 0 !important;
}

/* ShipmentDashboard uses a compact shadcn-style segmented control in the
   reference application.  Offset the generic ContentArea top gutter and keep
   the panel gap identical to that control. */
.shipment-channel-tabs {
  margin-block-start: -23px;
}

.shipment-channel-tabs > .sf-tabs__list {
  gap: 0;
  padding: 3px;
  min-block-size: 36px;
  block-size: 36px;
  width: 237px;
}

.shipment-channel-tabs .sf-tabs__tab {
  min-block-size: 30px;
  padding-block: 4px;
  padding-inline: 14px;
}

.shipment-channel-tabs > .sf-tabs__panel {
  padding-block-start: 24px;
}
.shipment-channel-tabs > .sf-tabs__panel > .sf-stack {
  gap: 13px !important;
}
.shipment-channel-tabs .shipment-status-filters,
.shipment-channel-tabs .silverstone-list-toolbar {
  padding-block: 0 !important;
}
.shipment-channel-tabs .silverstone-list-toolbar .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.shipment-channel-tabs .silverstone-list-toolbar .sf-input {
  min-height: 36px;
  height: 36px;
}
.shipment-channel-tabs .silverstone-list-toolbar .sf-field {
  flex: 0 0 197px;
  width: 197px;
}
.shipment-channel-tabs .silverstone-list-toolbar .sf-button {
  width: 135px;
  min-height: 32px;
  height: 32px;
  padding-block: 0;
}
.shipment-channel-tabs .silverstone-list-toolbar {
  margin-right: -8px;
}
.shipment-channel-tabs .shipment-status-filters {
  gap: 8px !important;
}
.shipment-channel-tabs .shipment-status-filters .sf-button {
  min-height: 28px;
  height: 28px;
  padding-block: 0;
  font:
    400 12px/16px Montserrat,
    sans-serif;
}
.shipment-channel-tabs .ad-table__th {
  height: 40px;
  padding-block: 0;
}

.silverstone-manual-order {
  inline-size: 844px;
  max-inline-size: calc(100% - 180px);
  margin: 0 0 0 88px;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.silverstone-create-order-page {
  min-height: 100vh;
  padding-bottom: 40px;
  font-family: Montserrat, sans-serif;
}
.silverstone-create-order-page > .ad-page__header {
  box-sizing: border-box;
  height: 120px;
  min-height: 120px;
  padding: 40px 88px 16px !important;
}
.silverstone-create-order-page .ad-page__heading {
  gap: 16px;
}
.silverstone-create-order-page .ad-page__heading > .sf-heading {
  font:
    700 20px/28px Montserrat,
    sans-serif !important;
}
.silverstone-create-order-page .ad-page__heading > .sf-text {
  font:
    400 14px/20px Montserrat,
    sans-serif;
}

.silverstone-manual-order__layout {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}
.silverstone-manual-order__layout > :first-child {
  grid-column: span 2;
}

.silverstone-manual-order .sf-card {
  padding: 0 !important;
  border-radius: 12px;
}
.silverstone-manual-order .sf-card > .sf-card__body {
  padding: 16px !important;
}

.silverstone-manual-order .sf-heading--headingLg,
.silverstone-manual-order .sf-heading--headingMd {
  font-size: 17px;
  line-height: 24px;
}

.silverstone-manual-order__main .sf-field__label {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.silverstone-manual-order .sf-input,
.silverstone-manual-order .sf-select {
  min-block-size: 36px;
  block-size: 36px;
  border-radius: 6px;
}
.silverstone-manual-order .sf-input__control {
  height: 100%;
  min-height: 0;
  padding-block: 0;
}
.silverstone-manual-order__main > .sf-card > .sf-card__body > .sf-stack {
  gap: 36px;
}
.silverstone-manual-order__main > .sf-card:first-child .sf-flex {
  min-height: 26px;
  height: 26px;
}
.silverstone-manual-order__main > .sf-card:first-child .sf-flex > .sf-flex {
  width: auto;
  gap: 4px;
}
.silverstone-manual-order__main > .sf-card:first-child .sf-button {
  width: auto;
  min-height: 26px;
  height: 26px;
  padding: 4px 12px;
  border-radius: 999px;
  font:
    400 12px/16px Montserrat,
    sans-serif;
}
.silverstone-manual-order__main > .sf-card:nth-child(2) .sf-grid {
  gap: 8px;
}

.silverstone-manual-order__details {
  position: sticky;
  inset-block-start: 16px;
}
.silverstone-manual-order__details > .sf-card__body > .sf-stack {
  gap: 36px;
}
.silverstone-manual-order__details .sf-field__label {
  font:
    400 14px/20px Montserrat,
    sans-serif;
}
.silverstone-manual-order__details .sf-choice,
.silverstone-manual-order__details .sf-choice__label {
  min-height: 24px;
  height: 24px;
}
.silverstone-manual-order__aside {
  gap: 16px;
}
.silverstone-manual-order__summary > .sf-card__body > .sf-stack {
  gap: 32px;
}
.silverstone-manual-order__summary .sf-flex {
  min-height: 20px;
}
.silverstone-manual-order__summary .sf-text {
  font:
    400 14px/20px Montserrat,
    sans-serif;
}
.silverstone-manual-order__total {
  padding-top: 8px;
  border-top: 1px solid #e5e7eb;
}
.silverstone-manual-order__hint.sf-text {
  font-size: 12px;
  line-height: 16.5px;
  white-space: nowrap;
}
.silverstone-manual-order__total .sf-text {
  font-weight: 600;
  line-height: 24px;
}
.silverstone-manual-order__summary .sf-button {
  width: 100%;
  min-height: 36px;
  height: 36px;
  border-radius: 6px;
}

.discounts-toolbar {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) 160px 142px 158px;
  gap: 12px !important;
  padding-block: 0 !important;
  min-height: 36px;
  height: 36px;
}

.discounts-toolbar .sf-field,
.discounts-toolbar .sf-button {
  inline-size: 100%;
}
.silverstone-discounts-page .ad-page__content {
  padding-top: 15px !important;
}
.silverstone-discounts-page .ad-page__content > .sf-stack {
  gap: 23px;
}
.silverstone-discounts-page .ad-page__heading > .sf-text {
  font:
    400 14px/20px Montserrat,
    sans-serif;
}
.discounts-toolbar .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.discounts-toolbar .sf-input,
.discounts-toolbar .sf-select,
.discounts-toolbar .sf-button {
  min-height: 36px;
  height: 36px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 7px rgb(0 0 0 / 8%);
}
.silverstone-discounts-page thead tr {
  height: 41px;
  background: #f8e8e5;
}
.silverstone-discounts-page .ad-tablewrap {
  border-color: #f3f4f6;
  border-radius: 10px;
  background: #fff;
}
.silverstone-discounts-page .ad-tablewrap thead tr {
  height: 41px;
}
.silverstone-discounts-page .ad-tablewrap .ad-table__th {
  height: 41px;
  padding-block: 8px;
  background: #f8e8e5;
}
.silverstone-discounts-page .ad-tablewrap tbody tr:only-child {
  height: 99px;
}
.silverstone-discounts-page .ad-tablewrap .ad-table__empty {
  height: 99px;
  padding: 0;
  background: #fff;
}
.silverstone-discount-empty {
  color: #9ca3af;
  font-size: 13px;
  font-weight: 400;
}
.legacy-discount-form {
  display: none !important;
}
.silverstone-discount-drawer {
  width: min(576px, 100vw) !important;
  max-width: 576px !important;
}
.silverstone-discount-drawer .sf-drawer__header {
  min-height: 61px;
  height: 61px;
  padding: 16px 24px;
  background: linear-gradient(90deg, #d6dce5 0%, #f5f5f5 50%, #d6dce5 100%);
}
.silverstone-discount-drawer .sf-drawer__header h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  line-height: 28px;
}
.silverstone-discount-drawer .sf-drawer__header h2::before {
  content: '◇';
  color: #667085;
  font-size: 18px;
  font-weight: 400;
}
.silverstone-discount-drawer .sf-drawer__body {
  padding: 0;
}
.silverstone-discount-editor {
  gap: 0 !important;
  padding-bottom: 68px;
}
.silverstone-discount-editor section {
  display: grid;
  gap: 16px;
  padding: 18px 5px 18px 18px;
  border-bottom: 1px solid var(--sf-color-border);
}
.silverstone-discount-editor section:first-child {
  gap: 20px;
  padding-top: 34px;
  padding-bottom: 22px;
}
.silverstone-discount-editor section:nth-child(2) {
  gap: 17.3px;
  padding-bottom: 26px;
}
.silverstone-discount-editor section > .sf-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.04em;
  color: #766f69;
  white-space: nowrap;
}
.silverstone-discount-editor section > .sf-heading::after {
  content: '';
  width: 100%;
  height: 1px;
  background: #aeb2b6;
}
.silverstone-discount-editor .sf-grid {
  gap: 16px;
}
.silverstone-discount-editor .sf-input__control,
.silverstone-discount-editor .sf-select {
  min-height: 36px;
  height: 36px;
  padding-block: 6px;
  border-radius: 999px;
}
.silverstone-discount-editor .sf-input {
  min-height: 36px;
  height: 36px;
  padding-inline: 12px;
  border-radius: 999px;
}
.silverstone-discount-editor .sf-input__control {
  min-height: 0;
  height: 34px;
  padding: 0;
}
.silverstone-discount-editor .sf-field {
  gap: 6px;
}
.silverstone-discount-editor .sf-field__label {
  min-height: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
.silverstone-discount-editor__hint {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #bed4ec;
  border-radius: 8px;
  background: #f1f7fd;
  color: #315b9b;
  font-size: 12px;
  line-height: 1.35;
}
.silverstone-discount-editor__warning {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #f4c98a;
  border-radius: 8px;
  background: #fff8e8;
  color: #a16207;
  font-size: 12px;
  line-height: 1.35;
}
.silverstone-discount-editor__scope-ok {
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #b9e3c3;
  border-radius: 8px;
  background: #f0fdf4;
  color: #16803a;
  font-size: 12px;
}
.silverstone-discount-target-picker {
  display: grid;
  gap: 8px;
}
.silverstone-discount-target-picker > p {
  margin: 0;
  padding: 10px;
  color: #8a8a8a;
  font-size: 12px;
  text-align: center;
}
.silverstone-discount-target-picker__list {
  max-height: 192px;
  overflow-y: auto;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}
.silverstone-discount-target-picker__list label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  font-size: 13px;
}
.silverstone-discount-target-picker__list label:last-child {
  border-bottom: 0;
}
.silverstone-discount-target-picker__selected {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.silverstone-discount-target-picker__selected button {
  padding: 3px 9px;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 11px;
}
.silverstone-discount-editor__help,
.silverstone-discount-editor__date small {
  margin: 5px 0 0;
  color: #8a8a8a;
  font-size: 11px;
  line-height: 1.35;
}
.silverstone-discount-editor__date {
  display: grid;
  gap: 5px;
  color: var(--sf-color-text);
  font-size: 12px;
}
.silverstone-discount-editor__date span em {
  color: #8a8a8a;
  font-style: normal;
}
.silverstone-discount-editor__date input {
  min-height: 36px;
  height: 36px;
  padding: 6px 12px;
  border: 1px solid var(--sf-color-border);
  border-radius: 999px;
  background: #fff;
  color: var(--sf-color-text);
  font: inherit;
}
.silverstone-discount-editor__check {
  display: grid;
  grid-template-columns: 14px 1fr;
  align-items: start;
  gap: 9px;
  color: var(--sf-color-text);
  cursor: pointer;
}
.silverstone-discount-editor__check input {
  width: 14px;
  height: 14px;
  margin: 2px 0 0;
  accent-color: #4285e1;
}
.silverstone-discount-editor__check span {
  display: grid;
  gap: 2px;
}
.silverstone-discount-editor__check strong {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
}
.silverstone-discount-editor__check small {
  color: #8a8a8a;
  font-size: 11px;
  line-height: 1.3;
}
.silverstone-discount-editor__advanced {
  padding: 12px;
  border: 1px solid var(--sf-color-border);
  border-radius: 8px;
}
.silverstone-discount-editor__advanced summary {
  cursor: pointer;
  font-weight: 600;
}
.silverstone-discount-editor__advanced[open] summary {
  margin-bottom: 16px;
}
.silverstone-discount-editor__footer {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 12;
  width: min(576px, 100vw);
  min-height: 68px;
  padding: 14px 24px;
  border-top: 1px solid var(--sf-color-border);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.04);
}
.silverstone-discount-editor__footer .sf-button {
  min-height: 36px;
  height: 36px;
  border-radius: 8px;
}

.silverstone-discount-toast,
.silverstone-gift-toast {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 80;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 380px;
  padding: 12px 14px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 28px rgb(0 0 0 / 16%);
  color: #b91c1c;
  font-size: 13px;
  line-height: 18px;
}
.silverstone-discount-toast button,
.silverstone-gift-toast button {
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  font-size: 20px;
  line-height: 22px;
}
.silverstone-discount-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  font-weight: 500;
}
.silverstone-discount-name,
.silverstone-discount-validity {
  display: grid;
  gap: 2px;
}
.silverstone-discount-name strong {
  font-size: 13px;
  font-weight: 500;
}
.silverstone-discount-name small,
.silverstone-discount-validity small {
  display: block;
  max-width: 160px;
  overflow: hidden;
  color: #9ca3af;
  font-size: 11px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.silverstone-discount-type,
.silverstone-discount-status {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}
.silverstone-discount-type.is-order {
  background: #dbeafe;
  color: #1d4ed8;
}
.silverstone-discount-type.is-product,
.silverstone-discount-status.is-active {
  background: #dcfce7;
  color: #15803d;
}
.silverstone-discount-type.is-making_charge {
  background: #ffedd5;
  color: #c2410c;
}
.silverstone-discount-type.is-gemstone_charge {
  background: #f3e8ff;
  color: #7e22ce;
}
.silverstone-discount-type.is-buy_x_get_y,
.silverstone-discount-status.is-scheduled {
  background: #fef9c3;
  color: #a16207;
}
.silverstone-discount-status.is-inactive {
  background: #f3f4f6;
  color: #4b5563;
}
.silverstone-discount-status.is-expired {
  background: #fee2e2;
  color: #b91c1c;
}
.silverstone-discount-variants {
  display: flex;
  justify-content: center;
  color: #ad6647;
  font-size: 13px;
  font-weight: 700;
}
.silverstone-discount-variants.is-empty {
  color: #9ca3af;
  font-weight: 400;
}
.silverstone-discount-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}
.silverstone-discount-actions button {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #374151;
  cursor: pointer;
}
.silverstone-discount-actions button:hover {
  background: #f3f4f6;
}
.silverstone-discount-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.silverstone-discount-actions svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}
.silverstone-discount-actions .is-toggle-on {
  color: #16a34a;
}
.silverstone-discount-actions .is-toggle-off {
  color: #9ca3af;
}
.silverstone-discount-actions .is-toggle-on svg,
.silverstone-discount-actions .is-toggle-off svg {
  fill: currentColor;
  stroke: none;
}
.silverstone-discount-actions .is-toggle-on circle,
.silverstone-discount-actions .is-toggle-off circle {
  fill: #fff;
}
.silverstone-discount-actions .is-delete {
  color: #ef4444;
}
.silverstone-discount-delete-modal {
  max-width: 512px;
}
.silverstone-discount-progress {
  max-width: 384px;
}
.silverstone-discount-progress .sf-modal__body {
  padding-top: 2px;
}
.silverstone-discount-progress__body {
  display: grid;
  gap: 9px;
}
.silverstone-discount-progress__body p {
  margin: 0;
  color: #6b7280;
  font-size: 13px;
}
.silverstone-discount-progress__track {
  display: block;
  appearance: none;
  border: 0;
  width: 100%;
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5e7eb;
}
.silverstone-discount-progress__track::-webkit-progress-bar {
  border-radius: inherit;
  background: #e5e7eb;
}
.silverstone-discount-progress__track::-webkit-progress-value {
  border-radius: inherit;
  background: #22c55e;
  transition: width 300ms ease;
}
.silverstone-discount-progress__track::-moz-progress-bar {
  border-radius: inherit;
  background: #22c55e;
  transition: width 300ms ease;
}
.silverstone-discount-progress__track.is-error::-webkit-progress-value,
.silverstone-discount-progress__track.is-error::-moz-progress-bar {
  background: #ef4444;
}
.silverstone-discount-progress__body small {
  color: #6b7280;
  font-size: 11px;
  text-align: center;
}

.silverstone-admin-profile {
  padding: 56px 28px 28px 24px;
}

.silverstone-admin-profile > div {
  max-inline-size: none;
  margin-inline: 0;
}

.silverstone-admin-profile__card {
  position: relative;
  min-height: 290px;
  padding: 24px 0 !important;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  overflow: visible !important;
}
.silverstone-admin-profile__card > .sf-card__body {
  display: grid;
  gap: 24px;
  width: 100%;
  padding: 0 !important;
  overflow: visible;
}
.silverstone-admin-profile__avatar {
  position: absolute;
  z-index: 1;
  top: -41px;
  left: 24px;
  display: grid;
  width: 80px;
  height: 80px;
  place-items: center;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #f7e7e4;
  color: #8a5a44;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
  font-size: 20px;
  font-weight: 600;
}
.silverstone-admin-profile__header {
  height: 94px;
  padding: 32px 24px 0;
}
.silverstone-admin-profile__header h1 {
  margin: 0;
  color: #252833;
  font:
    700 24px/32px Montserrat,
    sans-serif;
}
.silverstone-admin-profile__header p {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 0;
  color: #666970;
  font:
    14px/20px Montserrat,
    sans-serif;
}
.silverstone-admin-profile__header p svg,
.silverstone-admin-profile__content span svg {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}
.silverstone-admin-profile__content {
  display: grid;
  min-height: 122px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 48px 50px;
  gap: 24px;
  padding: 0 24px;
}
.silverstone-admin-profile__content > section {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}
.silverstone-admin-profile__content > section > span {
  display: flex;
  height: 20px;
  align-items: center;
  gap: 8px;
  color: #777980;
  font:
    14px/20px Montserrat,
    sans-serif;
}
.silverstone-admin-profile__content > section > strong {
  color: #252833;
  font:
    500 14px/20px Montserrat,
    sans-serif;
}
.silverstone-admin-profile__role {
  text-transform: capitalize;
}
.silverstone-admin-profile__status {
  display: inline-flex;
  width: fit-content;
  min-width: 76px;
  height: 22px;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px !important;
  line-height: 18px !important;
}
.silverstone-admin-profile__status svg {
  width: 12px;
  height: 12px;
}
.silverstone-admin-profile__status.is-active {
  background: #dcfce7;
  color: #166534;
}
.silverstone-admin-profile__status.is-inactive {
  background: #fee2e2;
  color: #991b1b;
}
.silverstone-admin-profile__permissions {
  display: grid;
  gap: 12px;
  padding: 0 24px;
}
.silverstone-admin-profile__permissions > span {
  color: #777980;
  font-size: 14px;
  font-weight: 600;
}
.silverstone-admin-profile__permissions > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.silverstone-admin-profile__permissions small {
  padding: 4px 9px;
  border-radius: 999px;
  background: #d1fae5;
  color: #166534;
  font-size: 12px;
}
@media (max-width: 680px) {
  .silverstone-admin-profile {
    padding-right: 24px;
  }
  .silverstone-admin-profile__content {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
  }
}

.silverstone-orders-content {
  margin-block-start: -12px;
  padding-block-start: 19px !important;
}

.silverstone-orders-content > .sf-stack {
  gap: 12px;
}
.silverstone-orders-content .silverstone-list-toolbar {
  width: 398px;
  height: 36px;
  min-height: 36px;
  gap: 12px;
  padding: 0;
}
.silverstone-orders-content .silverstone-list-toolbar .ad-toolbar__spacer {
  display: none;
}
.silverstone-orders-content .silverstone-list-toolbar .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.silverstone-orders-content .silverstone-list-toolbar .sf-field {
  flex: 0 0 248px;
  width: 248px;
}
.silverstone-orders-content .silverstone-list-toolbar .sf-input {
  width: 248px;
  min-height: 36px;
  height: 36px;
  border-color: #e5e7eb;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 7px rgb(0 0 0 / 8%);
}
.silverstone-orders-filter-button.sf-button {
  display: inline-flex;
  width: 138px;
  min-height: 36px;
  height: 36px;
  padding: 8px 10px 8px 14px;
  gap: 10px;
  border-color: #e5e7eb;
  border-radius: 999px;
  background: #fff;
  color: #242424;
  box-shadow: 0 2px 7px rgb(0 0 0 / 8%);
  font:
    500 14px/20px Montserrat,
    sans-serif;
}
.silverstone-orders-filter-button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 1.8;
}
.silverstone-orders-filter-button strong {
  display: grid;
  width: 20px;
  height: 20px;
  margin-left: auto;
  place-items: center;
  border-radius: 50%;
  background: #171717;
  color: #fff;
  font:
    600 12px/20px Montserrat,
    sans-serif;
}
.silverstone-orders-content .ad-tablewrap {
  border-color: #f3f4f6;
  border-radius: 0;
}
.silverstone-orders-content thead tr {
  height: 41px;
  background: #f8e8e5;
}
.silverstone-orders-content tbody tr {
  min-height: 82px;
}
.silverstone-orders-content th {
  color: #242424;
  font:
    500 14px/20px Montserrat,
    sans-serif;
  white-space: nowrap;
}
.silverstone-orders-content td {
  color: #4b5563;
  font:
    400 13px/18px Montserrat,
    sans-serif;
}
.silverstone-order-filters.sf-drawer__panel {
  width: 384px;
  max-width: 100vw;
  font-family: Montserrat, sans-serif;
}
.silverstone-order-filters .sf-drawer__header {
  box-sizing: border-box;
  height: 61px;
  min-height: 61px;
  padding: 16px 24px;
}
.silverstone-order-filters .sf-drawer__header .sf-heading {
  font:
    600 18px/28px Montserrat,
    sans-serif;
}
.silverstone-order-filters .sf-drawer__header .sf-button {
  width: 28px;
  min-height: 28px;
  height: 28px;
  padding: 0;
}
.silverstone-order-filters .sf-drawer__body {
  position: relative;
  box-sizing: border-box;
  height: calc(100% - 61px);
  padding: 16px 24px;
}
.silverstone-order-filters .sf-drawer__body > .sf-stack {
  gap: 16px;
}
.silverstone-order-filters .sf-field {
  gap: 8px;
}
.silverstone-order-filters .sf-field__label {
  height: 14px;
  color: #242424;
  font:
    500 14px/14px Montserrat,
    sans-serif;
}
.silverstone-order-filters .sf-select,
.silverstone-order-filters .sf-input,
.silverstone-order-filters .sf-field > .sf-input__control {
  box-sizing: border-box;
  width: 100%;
  min-height: 36px;
  height: 36px;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  background: #fff;
}
.silverstone-order-filters .sf-flex:has(> .sf-field) {
  gap: 16px;
}
.silverstone-order-filters .sf-flex:has(> .sf-field) > .sf-field {
  flex: 0 0 160px;
  width: 160px;
  min-width: 160px;
}
.silverstone-order-filter-actions {
  position: absolute;
  right: 24px;
  bottom: -3px;
  gap: 8px;
}
.silverstone-order-filter-actions .sf-button {
  min-height: 36px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 999px;
}

.silverstone-customers-content {
  margin-block-start: -12px;
  padding-block-start: 19px !important;
}

.silverstone-customers-content > .sf-stack {
  gap: 12px;
}
.silverstone-customers-content .silverstone-list-toolbar {
  width: 524px;
  height: 36px;
  min-height: 36px;
  gap: 8px;
  padding: 0;
  flex-wrap: nowrap;
}
.silverstone-customers-content .silverstone-list-toolbar .ad-toolbar__spacer {
  display: none;
}
.silverstone-customers-content .silverstone-list-toolbar .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.silverstone-customers-content .silverstone-list-toolbar .sf-field {
  flex: 0 0 249px;
  width: 249px;
}
.silverstone-customers-content .silverstone-list-toolbar .sf-input {
  width: 249px;
  min-height: 36px;
  height: 36px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 7px rgb(0 0 0 / 8%);
}
.silverstone-customers-content .silverstone-orders-filter-button.sf-button {
  width: 137.5px;
}
.silverstone-customer-export.sf-button {
  width: 121.5px;
  min-height: 32px;
  height: 32px;
  padding: 6px 10px;
  gap: 7px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 2px 7px rgb(0 0 0 / 8%);
  font:
    500 14px/20px Montserrat,
    sans-serif;
}
.silverstone-customer-export svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}
.silverstone-user-filters .silverstone-user-filter-date-label {
  margin-bottom: -8px;
  color: #242424;
  font:
    600 14px/20px Montserrat,
    sans-serif;
}
.silverstone-customer-dialog {
  width: 750px;
  max-width: calc(100vw - 32px);
  font-family: Montserrat, sans-serif;
}
.silverstone-customer-dialog .sf-modal__body {
  padding: 24px;
}
.silverstone-customer-dialog .sf-grid .sf-text {
  color: #6b7280;
  font-size: 14px;
  line-height: 20px;
}

.silverstone-customer-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 40px;
  block-size: 40px;
  flex: 0 0 40px;
  border-radius: 999px;
  background: #eef0f3;
  color: #555b66;
  font-weight: 600;
}

.silverstone-custom-design-page .ad-page__header {
  box-sizing: border-box;
  height: 68px;
  min-height: 68px;
  padding: 16px 24px !important;
  border-block-end: 0;
  align-items: center;
}

.silverstone-custom-design-toolbar {
  width: 382px;
  height: 36px;
  min-height: 36px;
  gap: 8px;
  padding: 0 !important;
  flex-wrap: nowrap;
}
.silverstone-custom-design-toolbar .ad-toolbar__spacer {
  display: none;
}
.silverstone-custom-design-toolbar .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.silverstone-custom-design-toolbar .sf-field:first-child {
  flex: 0 0 125px;
  width: 125px;
}
.silverstone-custom-design-toolbar .sf-field:nth-child(2) {
  flex: 0 0 249px;
  width: 249px;
}
.silverstone-custom-design-page .ad-page__heading > .sf-heading {
  width: fit-content;
}
.silverstone-custom-design-toolbar .sf-select,
.silverstone-custom-design-toolbar .sf-input {
  width: 100%;
  min-height: 36px;
  height: 36px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 7px rgb(0 0 0 / 8%);
}
.silverstone-custom-design-page .ad-page__heading > .sf-heading {
  font:
    600 24px/32px Montserrat,
    sans-serif;
}
.silverstone-custom-design-page > .ad-page__content {
  padding-block-start: 0 !important;
}
.silverstone-custom-design-page thead tr {
  height: 41px;
  background: #f8e8e5;
}
.silverstone-custom-design-page tbody tr {
  min-height: 76px;
}
.silverstone-custom-design-page tbody .sf-select {
  min-width: 138px;
  min-height: 36px;
  height: 36px;
  border-radius: 999px;
}
.silverstone-custom-design-actions .sf-button {
  width: 38px;
  min-width: 38px;
  min-height: 32px;
  height: 32px;
  padding: 6px;
  border-radius: 6px;
}
.silverstone-custom-design-actions .sf-button:last-child {
  width: 36px;
  min-width: 36px;
  background: #dc2626;
  color: #fff;
}
.silverstone-custom-design-actions svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.silverstone-communications-page .ad-page__header {
  padding-block: 18px;
  border-block-end: 0;
}

.silverstone-communications-page .ad-toolbar {
  padding-block: 0;
}

.silverstone-communications-page .ad-page__actions .sf-input,
.silverstone-communications-page .ad-page__actions .sf-select {
  min-block-size: 36px;
  block-size: 36px;
}
.silverstone-communications-page--support .ad-page__actions {
  margin-right: -8px;
}
.silverstone-communications-page--support .ad-toolbar {
  gap: 12px;
}
.silverstone-communications-page--support .ad-page__actions .sf-field:nth-child(1) {
  flex: 0 0 170px;
  width: 170px;
}
.silverstone-communications-page--support .ad-page__actions .sf-field:nth-child(2) {
  flex: 0 0 180px;
  width: 180px;
}
.silverstone-communications-page--support .ad-page__actions .sf-field:nth-child(3) {
  flex: 0 0 250px;
  width: 250px;
}
.silverstone-communications-content {
  padding-block-start: 8px !important;
  padding-inline: 24px !important;
}
.silverstone-communications-page--concierge .ad-page__header {
  padding: 40px 48px 20px !important;
}
.silverstone-communications-page--concierge .ad-page__heading {
  gap: 0 !important;
}
.silverstone-communications-page--concierge .ad-page__heading .sf-heading {
  font:
    600 20px/28px Montserrat,
    sans-serif !important;
}
.silverstone-communications-page--concierge .ad-page__heading .sf-text {
  font:
    400 14px/20px Montserrat,
    sans-serif !important;
}
.silverstone-communications-page--concierge .ad-page__actions {
  align-self: start;
  margin-top: 6px;
}
.silverstone-communications-page--concierge .ad-page__actions .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.silverstone-communications-page--concierge .ad-page__actions .sf-field,
.silverstone-communications-page--concierge .ad-page__actions .sf-select {
  width: 176px;
}
.silverstone-communications-page--concierge .silverstone-newsletter-content {
  padding-block-start: 0 !important;
  padding-inline: 48px !important;
}

.silverstone-communications-page--newsletter .ad-page__header {
  padding: 40px 48px 20px !important;
}
.silverstone-communications-page--newsletter .ad-page__heading {
  gap: 0 !important;
}
.silverstone-communications-page--newsletter .ad-page__heading .sf-heading {
  font:
    600 20px/28px Montserrat,
    sans-serif !important;
}
.silverstone-communications-page--newsletter .ad-page__heading .sf-text {
  font:
    400 14px/20px Montserrat,
    sans-serif !important;
}
.silverstone-communications-page--newsletter .ad-page__actions {
  align-self: start;
  margin-top: 6px;
  margin-right: -12px;
}
.silverstone-communications-page--newsletter .ad-page__actions .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.silverstone-communications-page--newsletter .ad-page__actions .sf-field,
.silverstone-communications-page--newsletter .ad-page__actions .sf-select {
  width: 176px;
}

.silverstone-newsletter-content {
  padding-block-start: 0 !important;
  padding-inline: 48px !important;
}

.silverstone-newsletter-empty {
  min-block-size: 152px;
  height: 154px;
  display: grid;
  place-items: center;
  border-radius: 8px;
}
.silverstone-newsletter-empty .sf-heading {
  color: #85878d;
  font:
    400 16px/24px Montserrat,
    sans-serif !important;
}

.silverstone-communications-page--newsletter .ad-toolbar {
  gap: 12px !important;
}
.silverstone-communications-page--newsletter .ad-page__actions .sf-button {
  width: 128px;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 14px !important;
  border-color: #111 !important;
  background: #111 !important;
  color: #fff !important;
}

.silverstone-pickup-content {
  padding-block-start: 2px !important;
}
.silverstone-pickup-content .silverstone-list-toolbar {
  padding-block: 9px !important;
  margin-bottom: 8px;
}

.silverstone-pickup-content .silverstone-list-toolbar .sf-field:first-child {
  flex: 0 0 384px;
  inline-size: min(100%, 384px);
}
.silverstone-pickup-content .silverstone-list-toolbar .sf-input,
.silverstone-pickup-content .silverstone-list-toolbar .sf-button {
  min-height: 36px;
  height: 36px;
}
.silverstone-pickup-content .silverstone-list-toolbar .sf-button {
  width: 82px;
}

.silverstone-pickup-page .ad-page__actions .sf-button {
  width: 150px;
  min-height: 36px !important;
  height: 36px !important;
  border-color: #111 !important;
  background: #111 !important;
  color: #fff !important;
}
.silverstone-pickup-page .ad-page__actions {
  margin-top: 8px;
}
.silverstone-pickup-page .ad-page__heading .sf-text {
  line-height: 20px;
}
.silverstone-pickup-modal {
  display: flex;
  flex-direction: column;
  width: 560px;
  max-width: 560px !important;
  min-height: 514px;
  max-height: calc(100vh - 48px);
  border-radius: 8px;
}
.silverstone-pickup-modal .sf-modal__header {
  padding: 20px 24px 4px;
}
.silverstone-pickup-modal .sf-modal__header h2 {
  font:
    600 20px/28px Montserrat,
    sans-serif !important;
}
.silverstone-pickup-modal .sf-modal__body {
  padding: 0 24px;
  overflow: visible;
}
.silverstone-pickup-modal .sf-modal__footer {
  margin-top: auto;
  padding: 14px 24px 24px;
}
.silverstone-pickup-form {
  gap: 8px !important;
}
.silverstone-pickup-form .sf-field {
  gap: 4px;
}
.silverstone-pickup-form .sf-input {
  min-height: 36px;
  height: 36px;
  padding-inline: 12px;
  border-radius: 7px;
}
.silverstone-pickup-form .sf-input__control {
  min-height: 0;
  height: 34px;
  padding: 0;
}
.silverstone-pickup-form .sf-grid {
  column-gap: 16px;
  row-gap: 10px;
}
.silverstone-pickup-form__switches {
  height: 32px;
  gap: 32px !important;
}
.silverstone-pickup-modal .sf-button {
  min-height: 36px;
  height: 36px;
  border-radius: 7px;
}
.silverstone-pickup-modal .sf-button:not(.sf-button--outline) {
  background: #171717;
  color: #fff;
}

.silverstone-image-management-page .ad-page__header {
  border-block-end: 0;
}

.silverstone-image-management-content {
  padding-block-start: 10px;
}

.silverstone-image-management-tabs .sf-tabs__list {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  padding: 2px;
  border: 0;
  border-radius: 10px;
  background: #f7f5f5;
}

.silverstone-image-management-tabs .sf-tabs__tab {
  justify-content: center;
  border: 0;
  border-radius: 8px;
}

.silverstone-image-management-tabs .sf-tabs__tab[aria-selected='true'] {
  background: #fff;
  box-shadow: 0 1px 4px rgb(0 0 0 / 7%);
}

.silverstone-image-management-tabs .sf-tabs__panel {
  padding-block-start: 24px;
}

.silverstone-image-placeholder {
  display: grid;
  place-items: center;
  inline-size: 100%;
  aspect-ratio: 4 / 5;
  border: 1px dashed var(--sf-color-border);
  border-radius: 8px;
  background: #faf8f7;
  color: var(--sf-color-textMuted);
  font-size: 12px;
  text-align: center;
}

.silverstone-metal-master-page .ad-page__header {
  border-block-end: 0;
  padding-block-end: 10px;
}

.silverstone-metal-master-page .ad-page__heading > p {
  margin-top: 10px;
  color: var(--sf-color-text);
  font-size: 16px;
  font-weight: 600;
}

.silverstone-metal-master-page .ad-page__content {
  padding-block-start: 0;
  padding-right: 32px;
}

.silverstone-metal-master-row {
  min-block-size: 44px;
  margin-bottom: -12px;
}

.silverstone-metal-table-wrap {
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}

.silverstone-metal-pagination {
  box-sizing: border-box;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 16px;
  border-top: 1px solid #e5e7eb;
  color: #262a32;
  font-size: 14px;
}

.silverstone-metal-pagination__summary {
  display: flex;
  align-items: center;
  gap: 12px;
}

.silverstone-metal-pagination__summary label {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #4b5563;
  font-size: 12px;
}

.silverstone-metal-pagination__summary select {
  height: 28px;
  padding: 0 6px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  color: #262a32;
  font: inherit;
}

.silverstone-metal-pagination .sf-pagination__page,
.silverstone-metal-pagination .sf-pagination__step {
  min-width: 36px;
  height: 36px;
  border: 0;
  border-radius: 6px;
  font-size: 14px;
}

.silverstone-metal-pagination .sf-pagination__step span {
  font-size: 0;
}

.silverstone-metal-pagination .sf-pagination__step span::after {
  font-size: 14px;
}

.silverstone-metal-pagination .sf-pagination__step:first-child span::after {
  content: 'Previous';
}

.silverstone-metal-pagination .sf-pagination__step:last-child span::after {
  content: 'Next';
}

.silverstone-metal-pagination .sf-pagination__page--current {
  background: #fbf1ee;
  color: #6b3f32;
  font-weight: 600;
}

.sf-modal__panel.silverstone-metal-modal {
  width: min(600px, calc(100vw - 32px)) !important;
  height: 324px;
  max-width: 600px !important;
  max-inline-size: 600px !important;
  border: 0;
  border-radius: 10px;
  box-shadow:
    inset 0 0 0 0.8px #e5e7eb,
    0 10px 15px -3px rgb(0 0 0 / 10%),
    0 4px 6px -4px rgb(0 0 0 / 10%);
}

.sf-modal:has(.silverstone-metal-modal) .sf-scrim {
  background: rgb(0 0 0 / 20%);
}
.silverstone-metal-modal .sf-modal__header {
  box-sizing: border-box;
  height: 58px;
  padding: 18px 24.8px 12px;
}
.silverstone-metal-modal .sf-modal__body {
  box-sizing: border-box;
  height: 189px;
  padding: 17px 24.8px 16px;
}
.silverstone-metal-modal .sf-modal__footer {
  box-sizing: border-box;
  height: 77px;
  padding: 0 24.8px 39px;
}
.silverstone-metal-modal__form {
  gap: 16px !important;
}
.silverstone-metal-modal .silverstone-metal-modal__form > .sf-field {
  display: grid !important;
  grid-template-columns: 125px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}
.silverstone-metal-modal .sf-modal__header h2 {
  font-size: 20px;
  line-height: 24px;
}
.silverstone-metal-modal__form .sf-field__label {
  margin: 0;
  color: #262a32;
  font-size: 14px;
  font-weight: 500;
}
.silverstone-metal-modal__form .sf-input,
.silverstone-metal-modal__form .sf-select {
  min-height: 36px;
  height: 36px;
}
.silverstone-metal-modal .sf-modal__footer .sf-button {
  height: 36px;
  border-radius: 8px;
}

.silverstone-metal-modal .sf-modal__footer .sf-button:first-child {
  width: 82px;
}

.silverstone-metal-modal .sf-modal__footer .sf-button:last-child {
  width: 65px;
  background: #141414;
  color: #fafafa;
}

.silverstone-metal-modal .sf-modal__close {
  position: absolute;
  top: 20.8px;
  right: 20.8px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  font-size: 22px;
  line-height: 20px;
}

.silverstone-metal-modal .sf-modal__close:focus-visible {
  outline: 0;
}

.silverstone-metal-tabs button {
  box-sizing: border-box;
  inline-size: 160px;
  min-inline-size: 160px;
  padding-inline: 0;
  border-radius: 0;
  background: #fbf1ee;
  color: var(--sf-color-text);
  font-weight: 600;
}

.silverstone-metal-master-actions {
  padding-block: 0;
  padding-inline: 0;
}
.silverstone-metal-master-actions > .sf-flex {
  transform: translateX(8px);
}

.silverstone-metal-master-actions .sf-field__label {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.silverstone-metal-master-actions .sf-button:first-child {
  min-width: 126px;
}
.silverstone-metal-master-actions .sf-button,
.silverstone-metal-master-actions .sf-input,
.silverstone-metal-tabs .sf-button {
  min-height: 38px;
  height: 38px;
}
.silverstone-metal-master-page .ad-page__content > .sf-stack {
  gap: 16px !important;
}
.silverstone-metal-search {
  position: relative;
  width: 250px;
}
.silverstone-metal-search > i {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 14px;
  width: 18px;
  height: 18px;
  color: #a0a1a6;
  font-size: 18px;
  font-style: normal;
  transform: translateY(-50%);
}
.silverstone-metal-search .sf-input__control {
  padding-left: 39px;
}
.silverstone-metal-master-page .ad-table th,
.silverstone-metal-master-page .ad-table td {
  text-align: center;
}
.silverstone-metal-master-page .ad-table {
  table-layout: fixed;
}
.silverstone-metal-master-page .ad-table th {
  height: 40px;
  padding-block: 8px;
}
.silverstone-metal-master-page .ad-table th:nth-child(1) {
  width: 12%;
}
.silverstone-metal-master-page .ad-table th:nth-child(2) {
  width: 18%;
}
.silverstone-metal-master-page .ad-table th:nth-child(3) {
  width: 17.5%;
}
.silverstone-metal-master-page .ad-table th:nth-child(4) {
  width: 23%;
}
.silverstone-metal-master-page .ad-table th:nth-child(5) {
  width: 29.5%;
}

.ad-master-page .ad-page__content {
  padding-block-start: 15px;
  padding-right: 32px;
}

.ad-master-page--material-color .ad-page__content {
  padding: 31px 48px 32px 40px;
}

.ad-master-page--material-color .silverstone-master-thumbnail {
  width: 56px;
  height: 56px;
}

.ad-master-page--material-color .ad-table td {
  height: 72px;
  padding-block: 8px;
}

.ad-master-page .ad-master-page__entity {
  color: var(--sf-color-text);
  font-size: 16px;
  font-weight: 600;
}

.ad-master-page .silverstone-master-actions {
  margin-left: auto;
  gap: 8px !important;
  padding-block: 0;
}

.ad-master-page .silverstone-master-actions > .sf-button {
  min-width: 130px;
}

.silverstone-master-search {
  position: relative;
  width: 250px;
}

.silverstone-master-search > i {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 14px;
  width: 18px;
  height: 18px;
  color: #a0a1a6;
  font-size: 18px;
  font-style: normal;
  transform: translateY(-50%);
}

.silverstone-master-search .sf-input__control {
  padding-left: 39px;
}

.ad-master-page .silverstone-master-actions .sf-button,
.ad-master-page .silverstone-master-actions .sf-input,
.ad-master-page .silverstone-master-actions .sf-select {
  min-block-size: 38px;
  block-size: 38px;
}

.ad-master-page .silverstone-master-actions > .sf-button:first-of-type {
  background: var(--sf-color-surface);
  color: var(--sf-color-text);
}

.ad-master-page .silverstone-master-actions .sf-button {
  min-height: 36px;
  height: 36px;
  background: #fff;
  color: var(--sf-color-text);
}

.ad-master-page--gemstone .silverstone-master-actions > .sf-button:first-of-type {
  width: 148px;
  min-width: 148px;
}

.ad-master-page--making-charge .silverstone-master-actions {
  gap: 16px !important;
}

.ad-master-page--making-charge .silverstone-master-actions > .sf-button {
  width: 130px;
  min-width: 130px;
}

.ad-master-page--making-charge .silverstone-making-filter-button {
  width: 135px !important;
  min-width: 135px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.silverstone-making-filter-button > svg {
  width: 18px;
  height: 18px;
}

.silverstone-making-filter-button > b {
  width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: #141414;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}

.ad-master-page--gemstone .silverstone-master-thumbnail {
  width: 56px;
  height: 56px;
}

.ad-master-page--gemstone .ad-table td {
  height: 72px;
  padding-block: 8px;
}

.ad-master-page--gemstone .ad-table th:last-child,
.ad-master-page--gemstone .ad-table td:last-child {
  position: sticky;
  right: 0;
  z-index: 3;
  min-width: 310px;
  width: 310px;
  background: #fff;
  box-shadow: -8px 0 8px -6px rgb(0 0 0 / 15%);
}

.ad-master-page--gemstone .ad-table th:last-child {
  z-index: 30;
  background: #f7e8e4;
}

.silverstone-gemstone-actions {
  justify-content: center;
  flex-wrap: nowrap;
}

.sf-modal__panel.silverstone-gemstone-config-modal {
  width: min(820px, calc(100vw - 32px)) !important;
  min-height: 199px;
  max-width: 820px !important;
  max-inline-size: 820px !important;
  max-height: calc(100vh - 48px) !important;
  max-block-size: calc(100vh - 48px) !important;
  border: 0;
  border-radius: 8px;
  box-shadow:
    inset 0 0 0 0.8px #e5e7eb,
    0 10px 15px -3px rgb(0 0 0 / 10%),
    0 4px 6px -4px rgb(0 0 0 / 10%);
}

.sf-modal:has(.silverstone-gemstone-config-modal) .sf-scrim {
  background: rgb(0 0 0 / 20%);
}

.silverstone-gemstone-config-modal .sf-modal__header {
  position: relative;
  box-sizing: border-box;
  height: 50px;
  padding: 27px 24.8px 6px;
}

.silverstone-gemstone-config-modal .sf-modal__header h2 {
  font-size: 20px;
  line-height: 20px;
}

.silverstone-gemstone-config-modal .sf-modal__close {
  position: absolute;
  top: 25px;
  right: 20.8px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  font-size: 22px;
  line-height: 20px;
}

.silverstone-gemstone-config-modal .sf-modal__close:focus-visible {
  outline: 0;
}

.silverstone-gemstone-config-modal .sf-modal__body {
  box-sizing: border-box;
  padding: 1px 24.8px 16px;
}

.silverstone-gemstone-config-modal .sf-modal__body > .sf-stack {
  gap: 16px;
}

.silverstone-gemstone-config-modal .sf-modal__body > .sf-stack > p:first-child {
  line-height: 20px;
}

.silverstone-gemstone-config-modal .sf-modal__body > .sf-stack > p:last-of-type {
  margin-top: -4px;
  line-height: 20px;
}

.silverstone-gemstone-config-modal .sf-field:has(select) {
  width: 320px;
}

.silverstone-gemstone-config-modal .sf-field:has(select) .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.silverstone-gemstone-config-modal .sf-field:has(select) .sf-select {
  min-height: 36px !important;
  height: 36px !important;
}

.sf-modal__panel.silverstone-gemstone-form-modal {
  width: min(700px, calc(100vw - 32px)) !important;
  height: 576px;
  max-width: 700px !important;
  max-inline-size: 700px !important;
  max-height: calc(100vh - 96px) !important;
  max-block-size: calc(100vh - 96px) !important;
  border: 0;
  border-radius: 10px;
  box-shadow:
    inset 0 0 0 0.8px #e5e7eb,
    0 10px 15px -3px rgb(0 0 0 / 10%),
    0 4px 6px -4px rgb(0 0 0 / 10%);
}

.sf-modal:has(.silverstone-gemstone-form-modal) .sf-scrim {
  background: rgb(0 0 0 / 20%);
}

.silverstone-gemstone-form-modal .sf-modal__header {
  position: relative;
  box-sizing: border-box;
  height: 54px;
  padding: 25px 24.8px 9px;
}

.silverstone-gemstone-form-modal .sf-modal__header h2 {
  font-size: 20px;
  line-height: 20px;
}

.silverstone-gemstone-form-modal .sf-modal__close {
  position: absolute;
  top: 23px;
  right: 20.8px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  font-size: 22px;
  line-height: 20px;
}

.silverstone-gemstone-form-modal .sf-modal__close:focus-visible {
  outline: 0;
}

.silverstone-gemstone-form-modal .sf-modal__body {
  box-sizing: border-box;
  height: 522px;
  padding: 18px 18.8px 24px 24.8px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #ead7c9 transparent;
}

.silverstone-gemstone-form-modal .sf-modal__body::-webkit-scrollbar {
  width: 6px;
}

.silverstone-gemstone-form-modal .sf-modal__body::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #ead7c9;
}

.silverstone-gemstone-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 17px;
  color: #171717;
  font-size: 14px;
}

.silverstone-gemstone-form > label {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.silverstone-gemstone-form > label:nth-child(-n + 2) {
  margin-bottom: 4px;
}

.silverstone-gemstone-form > label > span,
.silverstone-gemstone-file-field > p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.silverstone-gemstone-form > label > span small {
  color: #9ca0a8;
  font-size: 12px;
  font-weight: 400;
}

.silverstone-gemstone-form > label input,
.silverstone-gemstone-form > label select {
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  padding: 0 12px;
  border: 1px solid #d6d8dc;
  border-radius: 8px;
  background: #fff;
  color: #262a32;
  font: inherit;
  outline: 0;
}

.silverstone-gemstone-form > label input:focus,
.silverstone-gemstone-form > label select:focus {
  border-color: #7b7b7b;
  box-shadow: 0 0 0 1px #7b7b7b;
}

.silverstone-gemstone-form__wide {
  grid-column: 1 / -1;
}

.silverstone-gemstone-file-field > p {
  margin-bottom: 8px;
}

.silverstone-gemstone-upload {
  box-sizing: border-box;
  height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  overflow: hidden;
  border: 1px dashed #d6d8dc;
  border-radius: 8px;
  color: #858b95;
  cursor: pointer;
  text-align: center;
}

.silverstone-gemstone-upload input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.silverstone-gemstone-upload > i {
  width: 38px;
  height: 38px;
  font-size: 38px;
}

.silverstone-gemstone-upload strong {
  font-size: 14px;
  font-weight: 400;
}

.silverstone-gemstone-upload small {
  font-size: 12px;
}

.silverstone-gemstone-upload img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.silverstone-gemstone-form__footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.silverstone-gemstone-form__footer .sf-button {
  height: 38px;
  border-radius: 8px;
}

.silverstone-gemstone-form__footer .sf-button:last-child {
  min-width: 120px;
  background: #141414;
  color: #fafafa;
}

.sf-modal__panel.silverstone-making-charge-modal {
  width: min(600px, calc(100vw - 32px)) !important;
  height: 345px;
  max-width: 600px !important;
  max-inline-size: 600px !important;
  max-height: calc(100vh - 48px) !important;
  max-block-size: calc(100vh - 48px) !important;
  border: 0;
  border-radius: 10px;
  box-shadow:
    inset 0 0 0 0.8px #e5e7eb,
    0 10px 15px -3px rgb(0 0 0 / 10%),
    0 4px 6px -4px rgb(0 0 0 / 10%);
}

.sf-modal:has(.silverstone-making-charge-modal) .sf-scrim {
  background: rgb(0 0 0 / 20%);
}

.silverstone-making-charge-modal .sf-modal__header {
  position: relative;
  box-sizing: border-box;
  height: 50px;
  padding: 25px 24.8px 5px;
}

.silverstone-making-charge-modal .sf-modal__header h2 {
  font-size: 20px;
  line-height: 20px;
}

.silverstone-making-charge-modal .sf-modal__close {
  position: absolute;
  top: 23px;
  right: 20.8px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  font-size: 22px;
  line-height: 20px;
}

.silverstone-making-charge-modal .sf-modal__close:focus-visible {
  outline: 0;
}

.silverstone-making-charge-modal .sf-modal__body {
  box-sizing: border-box;
  height: 295px;
  padding: 5px 24.8px 24px;
  overflow: hidden;
}

.silverstone-making-charge-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 16px;
  color: #171717;
  font-size: 14px;
}

.silverstone-making-charge-form > p {
  grid-column: 1 / -1;
  height: 20px;
  margin: 0 0 15px;
  color: #42464d;
  line-height: 20px;
}

.silverstone-making-charge-form > label {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.silverstone-making-charge-form > label > span {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.silverstone-making-charge-form > label input,
.silverstone-making-charge-form > label select {
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  padding: 0 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #fff;
  color: #262a32;
  font: inherit;
  outline: 0;
}

.silverstone-making-charge-form__wide {
  grid-column: 1 / -1;
}

.silverstone-making-charge-form > label.silverstone-making-charge-form__wide {
  margin-bottom: 9px;
}

.silverstone-making-charge-form__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

.silverstone-making-charge-form__footer .sf-button.sf-button--solid {
  width: 78px;
  height: 36px;
  border-radius: 8px;
  background: #141414 !important;
  color: #fafafa !important;
}

.sf-modal__panel.silverstone-making-filter-modal {
  position: fixed;
  inset: 0 0 0 auto;
  width: 376px !important;
  height: 100vh;
  max-width: 376px !important;
  max-inline-size: 376px !important;
  max-height: none !important;
  max-block-size: none !important;
  border: 0;
  border-radius: 0;
  box-shadow: -12px 0 28px rgb(0 0 0 / 10%);
}

.sf-modal:has(.silverstone-making-filter-modal) .sf-scrim {
  background: rgb(0 0 0 / 20%);
}

.silverstone-making-filter-modal .sf-modal__header {
  position: relative;
  box-sizing: border-box;
  height: 60px;
  padding: 20px 24px 17px 16px;
  border-bottom: 1px solid #e5e7eb;
}

.silverstone-making-filter-modal .sf-modal__header h2 {
  font-size: 20px;
  line-height: 22px;
}

.silverstone-making-filter-modal .sf-modal__close {
  position: absolute;
  top: 20px;
  right: 24px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  font-size: 22px;
  line-height: 20px;
}

.silverstone-making-filter-modal .sf-modal__close:focus-visible {
  outline: 0;
}

.silverstone-making-filter-modal .sf-modal__body {
  box-sizing: border-box;
  height: calc(100vh - 60px);
  padding: 16px 24px 16px 16px;
}

.silverstone-making-filter-modal .sf-modal__body > .sf-stack {
  height: 100%;
  gap: 16px;
}

.silverstone-making-filter-modal .sf-select {
  height: 38px;
}

.silverstone-making-filter-modal .sf-modal__body > .sf-stack > .sf-flex:last-child {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}

.silverstone-making-filter-modal .sf-modal__body > .sf-stack > .sf-flex:last-child .sf-button {
  height: 36px;
  border-radius: 8px;
}

.silverstone-making-filter-modal
  .sf-modal__body
  > .sf-stack
  > .sf-flex:last-child
  .sf-button:last-child {
  width: 74px;
  background: #141414;
  color: #fafafa;
}

.silverstone-master-table-wrap {
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}

.ad-master-page .ad-table th,
.ad-master-page .ad-table td {
  text-align: center;
}

.ad-master-page .ad-table th {
  height: 40px;
  padding-block: 8px;
}

.silverstone-jewellery-images {
  justify-content: center;
  flex-wrap: nowrap;
}

.silverstone-jewellery-images figure {
  margin: 0;
  text-align: center;
}

.silverstone-jewellery-images img,
.silverstone-master-thumbnail {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 3px;
  object-fit: cover;
}

.silverstone-jewellery-images figcaption {
  margin-top: 2px;
  color: #6b7280;
  font-size: 12px;
  line-height: 14px;
}

.silverstone-master-pagination {
  box-sizing: border-box;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 16px;
  border-top: 1px solid #e5e7eb;
  color: #262a32;
  font-size: 14px;
}

.silverstone-master-pagination__summary {
  display: flex;
  align-items: center;
  gap: 12px;
}

.silverstone-master-pagination__summary label {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #4b5563;
  font-size: 12px;
}

.silverstone-master-pagination__summary select {
  height: 28px;
  padding: 0 6px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  color: #262a32;
  font: inherit;
}

.silverstone-master-pagination .sf-pagination__page,
.silverstone-master-pagination .sf-pagination__step {
  min-width: 36px;
  height: 36px;
  border: 0;
  border-radius: 6px;
  font-size: 14px;
}

.silverstone-master-pagination .sf-pagination__step span {
  font-size: 0;
}

.silverstone-master-pagination .sf-pagination__step span::after {
  font-size: 14px;
}

.silverstone-master-pagination .sf-pagination__step:first-child span::after {
  content: 'Previous';
}

.silverstone-master-pagination .sf-pagination__step:last-child span::after {
  content: 'Next';
}

.silverstone-master-pagination .sf-pagination__page--current {
  background: #fbf1ee;
  color: #6b3f32;
  font-weight: 600;
}

.silverstone-master-toast {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 80;
  max-width: 360px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 30px rgb(0 0 0 / 15%);
  color: #b42318;
  font-size: 14px;
}

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

.sf-modal__panel.silverstone-jewellery-modal {
  width: min(500px, calc(100vw - 32px)) !important;
  height: 698px;
  max-width: 500px !important;
  max-inline-size: 500px !important;
  max-height: calc(100vh - 21px) !important;
  max-block-size: calc(100vh - 21px) !important;
  margin-top: -5px;
  border: 0;
  border-radius: 10px;
  box-shadow:
    inset 0 0 0 0.8px #e5e7eb,
    0 10px 15px -3px rgb(0 0 0 / 10%),
    0 4px 6px -4px rgb(0 0 0 / 10%);
}

.sf-modal:has(.silverstone-jewellery-modal) .sf-scrim {
  background: rgb(0 0 0 / 20%);
}

.silverstone-jewellery-modal .sf-modal__header {
  position: relative;
  box-sizing: border-box;
  height: 61px;
  justify-content: center;
  padding: 20px 24px 14px;
}

.silverstone-jewellery-modal .sf-modal__header h2 {
  position: absolute;
  left: 50%;
  width: calc(100% - 96px);
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  transform: translateX(-50%);
}

.silverstone-jewellery-modal .sf-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  font-size: 22px;
  line-height: 20px;
}

.silverstone-jewellery-modal .sf-modal__close:focus-visible {
  outline: 0;
}

.silverstone-jewellery-modal .sf-modal__body {
  box-sizing: border-box;
  height: 637px;
  padding: 10px 24px 12px;
  overflow: hidden;
}

.silverstone-jewellery-form {
  display: flex;
  flex-direction: column;
  gap: 31px;
  color: #171717;
  font-size: 14px;
}

.silverstone-jewellery-form b {
  color: #dc2626;
  font-weight: 500;
}

.silverstone-jewellery-form__field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.silverstone-jewellery-form__field > span,
.silverstone-jewellery-form__uploads p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.silverstone-jewellery-form__field input,
.silverstone-jewellery-form__field select {
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #fff;
  color: #262a32;
  font: inherit;
  outline: 0;
}

.silverstone-jewellery-form__field input:focus,
.silverstone-jewellery-form__field select:focus {
  border-color: #7b7b7b;
  box-shadow: 0 0 0 1px #7b7b7b;
}

.silverstone-jewellery-form__field small,
.silverstone-jewellery-form__switch-row small {
  display: block;
  color: #777c85;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.silverstone-jewellery-form__switch-row {
  position: relative;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  cursor: pointer;
}

.silverstone-jewellery-form__switch-row strong {
  display: block;
  margin-bottom: 1px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.silverstone-jewellery-form__switch-row input {
  position: absolute;
  opacity: 0;
}

.silverstone-jewellery-form__switch-row > i {
  position: relative;
  flex: 0 0 auto;
  width: 40px;
  height: 20px;
  border-radius: 999px;
  background: #e5e7eb;
  transition: background 120ms ease;
}

.silverstone-jewellery-form__switch-row > i::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
  transition: transform 120ms ease;
}

.silverstone-jewellery-form__switch-row input:checked + i {
  background: #c89d70;
}

.silverstone-jewellery-form__switch-row input:checked + i::after {
  transform: translateX(20px);
}

.silverstone-jewellery-form__uploads {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.silverstone-jewellery-form__uploads p {
  margin-bottom: 8px;
}

.silverstone-jewellery-form__uploads p span {
  color: #8a8f98;
  cursor: help;
}

.silverstone-jewellery-upload {
  box-sizing: border-box;
  height: 126px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  overflow: hidden;
  border: 1px dashed #d6d8dc;
  border-radius: 8px;
  color: #858b95;
  cursor: pointer;
  text-align: center;
}

.silverstone-jewellery-upload input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.silverstone-jewellery-upload > i {
  width: 30px;
  height: 30px;
  font-size: 30px;
}

.silverstone-jewellery-upload strong {
  font-size: 12px;
  font-weight: 400;
}

.silverstone-jewellery-upload small {
  font-size: 11px;
}

.silverstone-jewellery-upload img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.silverstone-jewellery-form__footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: -1px;
}

.silverstone-jewellery-form__footer .sf-button {
  height: 38px;
  border-radius: 8px;
}

.silverstone-jewellery-form__footer .sf-button:first-child {
  width: 98px;
}

.silverstone-jewellery-form__footer .sf-button:last-child {
  width: 95px;
  background: #141414;
  color: #fafafa;
}

.sf-modal__panel.silverstone-material-color-modal {
  width: min(500px, calc(100vw - 32px)) !important;
  height: 638px;
  max-width: 500px !important;
  max-inline-size: 500px !important;
  max-height: calc(100vh - 48px) !important;
  max-block-size: calc(100vh - 48px) !important;
  border: 0;
  border-radius: 10px;
  box-shadow:
    inset 0 0 0 0.8px #e5e7eb,
    0 10px 15px -3px rgb(0 0 0 / 10%),
    0 4px 6px -4px rgb(0 0 0 / 10%);
}

.sf-modal:has(.silverstone-material-color-modal) .sf-scrim {
  background: rgb(0 0 0 / 20%);
}

.silverstone-material-color-modal .sf-modal__header {
  position: relative;
  box-sizing: border-box;
  height: 50px;
  padding: 24px 24.8px 8px;
}

.silverstone-material-color-modal .sf-modal__header h2 {
  font-size: 18px;
  line-height: 18px;
}

.silverstone-material-color-modal .sf-modal__close {
  position: absolute;
  top: 23px;
  right: 20.8px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  font-size: 22px;
  line-height: 20px;
}

.silverstone-material-color-modal .sf-modal__close:focus-visible {
  outline: 0;
}

.silverstone-material-color-modal .sf-modal__body {
  box-sizing: border-box;
  height: 588px;
  padding: 0 24.8px 24px;
  overflow: hidden;
}

.silverstone-material-color-form {
  color: #171717;
  font-size: 14px;
}

.silverstone-material-color-form__intro {
  height: 20px;
  margin: 0 0 32px;
  color: #42464d;
  font-size: 14px;
  line-height: 20px;
}

.silverstone-material-color-form__name {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 14px;
}

.silverstone-material-color-form__name > span,
.silverstone-material-color-form__upload-field > p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.silverstone-material-color-form__name input {
  box-sizing: border-box;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #9ca3af;
  border-radius: 8px;
  background: #fff;
  color: #262a32;
  font: inherit;
  outline: 0;
}

.silverstone-material-color-form__name input:focus {
  border-color: #707070;
  box-shadow: 0 0 0 1px #707070;
}

.silverstone-material-color-form__upload-field {
  margin-bottom: 15px;
}

.silverstone-material-color-form__upload-field > p {
  margin-bottom: 8px;
}

.silverstone-material-color-form__upload-field > p span {
  color: #8a8f98;
  cursor: help;
}

.silverstone-material-color-upload {
  box-sizing: border-box;
  height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  overflow: hidden;
  border: 1px dashed #d6d8dc;
  border-radius: 8px;
  color: #858b95;
  cursor: pointer;
  text-align: center;
}

.silverstone-material-color-upload input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.silverstone-material-color-upload > i {
  width: 38px;
  height: 38px;
  font-size: 38px;
}

.silverstone-material-color-upload strong {
  font-size: 14px;
  font-weight: 400;
}

.silverstone-material-color-upload small {
  font-size: 12px;
}

.silverstone-material-color-upload img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.silverstone-material-color-form__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: -1px;
}

.silverstone-material-color-form__footer .sf-button.sf-button--solid {
  width: 65px;
  height: 36px;
  border-radius: 8px;
  background: #141414 !important;
  color: #fafafa !important;
}

.ad-dashboard__recent-panel {
  min-height: 337px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.ad-page__content.ad-dashboard__content {
  padding: 16px 24px 32px !important;
  scrollbar-width: none;
}
.ad-page__content.ad-dashboard__content::-webkit-scrollbar {
  display: none;
}
.ad-dashboard__content > .sf-stack {
  gap: 16px;
  margin-right: 4px;
}
.ad-dashboard__kpi-grid.sf-grid {
  gap: 24px;
}
.ad-dashboard__kpi-card {
  height: 118px !important;
  block-size: 118px !important;
  margin-top: 20px;
}
.ad-dashboard__kpi-card > .sf-card__body {
  padding: 20px 24px !important;
}
.ad-dashboard__kpi-card .ad-stat {
  gap: 16px;
}
.ad-dashboard__kpi-card .ad-stat__badge {
  width: 58px !important;
  height: 58px !important;
  inline-size: 58px !important;
  block-size: 58px !important;
  flex: 0 0 58px;
  border-radius: 12px;
}
.ad-dashboard__kpi-card .ad-stat__label {
  font:
    500 14px/20px Montserrat,
    sans-serif;
  letter-spacing: 0;
}
.ad-dashboard__kpi-card .ad-stat__value {
  font:
    500 32px/39px Montserrat,
    sans-serif;
}
.ad-dashboard__kpi-card .ad-stat__body {
  flex: 1;
  align-items: flex-end;
  text-align: right;
}
.ad-dashboard__kpi-card .ad-stat__spark {
  display: none;
}
.ad-dashboard__status-section {
  margin-top: 16px;
}
.ad-dashboard__status-section .ad-dashboard__section-label {
  font:
    600 16px/20px Montserrat,
    sans-serif;
}
.ad-dashboard__status-section .sf-grid {
  gap: 23px 24px !important;
  margin-top: 24px;
}
.ad-dashboard__status-section .sf-card {
  height: 118px !important;
  block-size: 118px !important;
}
.ad-dashboard__status-section .sf-card > .sf-card__body {
  padding: 20px 24px !important;
}
.ad-dashboard__status-section .ad-stat {
  width: 100%;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 12px;
}
.ad-dashboard__status-section .ad-stat__badge {
  width: 46px !important;
  height: 46px !important;
  inline-size: 46px !important;
  block-size: 46px !important;
  flex: 0 0 46px;
  border-radius: 10px;
}
.ad-dashboard__status-section .ad-stat__label {
  font:
    400 15px/20px Montserrat,
    sans-serif;
  width: 70px;
  white-space: normal !important;
}
.ad-dashboard__status-section .ad-stat__value {
  font:
    500 30px/36px Montserrat,
    sans-serif;
}
.ad-dashboard__recent-panel > .sf-card__body {
  padding: 15px 0 0;
}
.ad-dashboard__recent-panel .ad-widget__heading {
  padding: 0;
}
.ad-dashboard__analytics-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 32px !important;
}
.ad-dashboard__analytics-grid > .sf-card {
  height: 485px !important;
  block-size: 485px !important;
}
.ad-dashboard__analytics-grid > .sf-card > .sf-card__body {
  padding: 20px !important;
}
.ad-dashboard__analytics-grid .ad-widget__heading > .sf-heading {
  font:
    600 18px/28px Montserrat,
    sans-serif;
}
.ad-dashboard__analytics-grid .ad-widget__heading + .sf-text {
  font:
    12px/20px Montserrat,
    sans-serif;
}
.ad-dashboard__analytics-grid .ad-medialist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.ad-dashboard__analytics-grid .ad-medialist__item {
  min-width: 0;
  padding: 0;
}
.ad-dashboard__breakdown-visual .ad-plot--radial {
  max-inline-size: 170px;
}
.ad-dashboard__operations-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin-top: 8px;
}
.ad-dashboard__operations-grid > .sf-card {
  height: 444px !important;
  block-size: 444px !important;
}
.ad-dashboard__operations-grid > .sf-card > .sf-card__body {
  padding: 16px !important;
}
.ad-dashboard__operations-grid .ad-widget__heading > .sf-heading,
.ad-dashboard__trend-panel .ad-widget__heading > .sf-heading {
  font:
    600 20px/28px Montserrat,
    sans-serif;
}
.ad-dashboard__trend-panel {
  height: 462px !important;
  block-size: 462px !important;
  margin-top: 8px;
}
.ad-dashboard__trend-panel > .sf-card__body {
  padding: 16px !important;
}
.silverstone-dashboard-gold-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}
.silverstone-dashboard-gold-controls select {
  height: 32px;
  min-height: 32px;
  padding: 0 28px 0 10px;
  border: 1px solid #e4e1de;
  border-radius: 8px;
  background: #fff;
  font-size: 12px;
}

.silverstone-dashboard-recent-orders {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.silverstone-dashboard-order-card {
  position: relative;
  display: grid;
  overflow: hidden;
  min-inline-size: 0;
  border: 1px solid var(--sf-color-border);
  border-radius: 12px;
  background: var(--sf-color-surface);
  color: var(--sf-color-text);
  text-decoration: none;
}

.silverstone-dashboard-order-card > .ad-dashboard__thumb {
  inline-size: 100%;
  block-size: 180px;
  object-fit: cover;
}

.silverstone-dashboard-order-card__status {
  position: absolute;
  z-index: 1;
  inset-block-start: 10px;
  inset-inline-end: 10px;
}

.silverstone-dashboard-order-card__count {
  position: absolute;
  z-index: 1;
  inset-block-start: 10px;
  inset-inline-start: 10px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgb(0 0 0 / 60%);
  color: #fff;
  font-size: 10px;
}

.silverstone-dashboard-order-card__body {
  display: grid;
  gap: 4px;
  padding: 12px;
}

.silverstone-dashboard-order-card__meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-inline-size: 0;
  font-size: 11px;
}

.silverstone-dashboard-order-card__meta:first-child strong {
  color: #c58d70;
}

.silverstone-gift-transactions .ad-page__content {
  padding-block-start: 16px;
}

.silverstone-gift-transactions .sf-card {
  border-radius: 12px;
}

.silverstone-gift-transactions .ad-page__content > .sf-stack {
  gap: 16px;
  margin-right: 4px;
}
.silverstone-gift-transactions .ad-page__content > .sf-stack > .sf-flex:first-child {
  gap: 12px !important;
}
.silverstone-gift-transactions .ad-page__content > .sf-stack > .sf-flex:first-child a {
  font:
    400 14px/20px Montserrat,
    sans-serif;
}
.silverstone-gift-transactions .ad-page__content > .sf-stack > .sf-flex:first-child h2 {
  font:
    600 24px/32px Montserrat,
    sans-serif;
}
.silverstone-gift-transaction-stats .sf-card {
  min-height: 78px;
  padding: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
}
.silverstone-gift-transaction-stats .sf-card__body {
  padding: 12px 14px;
}
.silverstone-gift-transaction-stats .ad-stat {
  position: relative;
  display: block;
  min-height: 52px;
  height: 52px !important;
}
.silverstone-gift-transaction-stats .ad-stat__badge {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border-radius: 10px;
  background: #edf9f4;
  color: #4fad90;
}
.silverstone-gift-transaction-stats .sf-card:nth-child(2) .ad-stat__badge {
  background: #fbf7e8;
  color: #9a8648;
}
.silverstone-gift-transaction-stats .sf-card:nth-child(3) .ad-stat__badge {
  background: #eef4ff;
  color: #547eea;
}
.silverstone-gift-transaction-stats .sf-card:nth-child(4) .ad-stat__badge {
  background: #fff8e9;
  color: #c58b32;
}
.silverstone-gift-transaction-stats .ad-stat__body {
  display: grid;
  gap: 3px;
  padding-left: 57px;
}
.silverstone-gift-transaction-stats .ad-stat__label {
  color: #8f8f8f;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.silverstone-gift-transaction-stats .ad-stat__value {
  font-size: 20px;
}
.silverstone-gift-transaction-filter-card {
  min-height: 70px;
  padding: 0;
  margin-top: 4px;
}
.silverstone-gift-transaction-filter-card > .sf-card__body {
  padding: 16px;
}

.silverstone-gift-transaction-filters {
  display: grid !important;
  grid-template-columns: minmax(0, 2.0833fr) repeat(4, minmax(0, 1fr));
  gap: 12px !important;
  padding: 0 !important;
}
.silverstone-gift-transaction-filters .ad-toolbar__spacer {
  display: none;
}

.silverstone-gift-transaction-filters .sf-field__label {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.silverstone-gift-transaction-filters .sf-input,
.silverstone-gift-transaction-filters .sf-select {
  min-height: 38px;
  height: 38px;
  border-radius: 8px;
}
.silverstone-gift-transaction-filters .sf-input__control {
  height: 38px;
  padding-block: 0;
}
.silverstone-gift-transaction-filters .sf-select {
  min-height: 36px;
  height: 36px;
  padding-block: 0;
  transform: translateY(-1px);
}
.silverstone-transaction-date-range {
  position: relative;
}
.silverstone-transaction-date-range summary {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid var(--sf-color-borderStrong);
  border-radius: 8px;
  background: #fff;
  color: var(--sf-color-textMuted);
  font-size: 13px;
  cursor: pointer;
  list-style: none;
}
.silverstone-transaction-date-range summary::-webkit-details-marker {
  display: none;
}
.silverstone-transaction-date-range > div {
  position: absolute;
  z-index: 20;
  top: 44px;
  right: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  width: 320px;
  padding: 14px;
  border: 1px solid var(--sf-color-border);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}
.silverstone-gift-transactions .ad-table__th {
  height: 40px;
  padding-block: 0;
  background: #f8e9e5;
  color: #292929;
  font-weight: 500;
}
.silverstone-gift-transactions .ad-tablewrap {
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #ececec;
  border-radius: 8px;
  background: #fff;
}
.silverstone-gift-transactions .ad-table {
  min-width: 1081.5px;
}
.silverstone-gift-transactions .ad-table__empty {
  height: 96px;
  padding: 0;
  color: #9ca3af;
  font-size: 13px;
  font-weight: 400;
}
.silverstone-gift-transaction-empty {
  color: #9ca3af;
  font-size: 13px;
  font-weight: 400;
}
.silverstone-gift-transaction-date,
.silverstone-gift-transaction-customer {
  display: grid;
  gap: 2px;
  line-height: 1.2;
}
.silverstone-gift-transaction-date small,
.silverstone-gift-transaction-customer small {
  color: #8f8f8f;
  font-size: 11px;
}
.silverstone-gift-pass-detail {
  max-width: 448px !important;
  overflow: hidden;
  border-radius: 16px;
}
.silverstone-gift-pass-detail .sf-modal__header {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px;
  padding: 0;
}
.silverstone-gift-pass-detail .sf-modal__header h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.silverstone-gift-pass-detail .sf-modal__close {
  position: static;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.18);
  color: #fff;
}
.silverstone-gift-pass-detail .sf-modal__body {
  padding: 0;
  overflow-y: auto;
}
.silverstone-gift-pass-detail__banner {
  position: relative;
  display: grid;
  min-height: 208px;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(206, 150, 126, 0.18), rgba(123, 32, 0, 0.1));
}
.silverstone-gift-pass-detail__banner img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.silverstone-gift-pass-detail__banner > div {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 42px 12px 14px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.72));
  color: #fff;
}
.silverstone-gift-pass-detail__banner > div small {
  display: block;
  font-size: 10px;
}
.silverstone-gift-pass-detail__gift {
  color: rgba(123, 32, 0, 0.3);
  font-size: 56px;
}
.silverstone-gift-pass-detail__section {
  display: grid;
  gap: 8px;
  padding: 12px 20px 16px;
  border-bottom: 1px solid #eee;
}
.silverstone-gift-pass-detail__section > small {
  color: #9a9a9a;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.silverstone-gift-pass-detail__section code {
  font-size: 12px;
  font-weight: 600;
}
.silverstone-gift-pass-detail__legacy {
  display: none !important;
}
.silverstone-gift-pass-detail .sf-modal__footer {
  padding: 12px 20px;
}
.silverstone-gift-pass-detail__actions {
  width: 100%;
}
.silverstone-gift-pass-detail__actions .sf-button {
  flex: 1;
}
.silverstone-gift-pass-detail__actions .sf-button:last-child {
  background: #25d366;
  color: #fff;
}

.silverstone-audit-page .ad-page__header {
  padding-block: 18px;
  border-block-end: 0;
}

.silverstone-audit-page .ad-page__actions {
  margin: 8px 4px 0 0;
}

.silverstone-audit-page .ad-page__actions > .sf-flex {
  gap: 8px;
}

.silverstone-audit-page .ad-page__actions .sf-field__label {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.silverstone-audit-action-filter {
  flex: 0 0 123.43px;
  width: 123.43px;
}

.silverstone-audit-action-filter .sf-field,
.silverstone-audit-action-filter .sf-select {
  width: 123.43px;
  height: 36px;
}

.silverstone-audit-search {
  position: relative;
  flex: 0 0 249px;
  width: 249px;
}

.silverstone-audit-search .sf-field,
.silverstone-audit-search .sf-input {
  width: 100%;
}

.silverstone-audit-search > i {
  position: absolute;
  z-index: 2;
  top: 9px;
  left: 13px;
  width: 18px;
  height: 18px;
  color: #a5a7ac;
  font-size: 18px;
  font-style: normal;
  pointer-events: none;
}

.silverstone-audit-page .ad-page__actions .sf-input,
.silverstone-audit-page .ad-page__actions .sf-select {
  min-block-size: 36px !important;
  block-size: 36px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  font:
    14px/20px Montserrat,
    sans-serif;
}

.silverstone-audit-search .sf-input__control {
  padding-left: 40px !important;
}

.silverstone-audit-page .silverstone-audit-action-filter .sf-select {
  border: 1px solid #e8e8e8 !important;
}

.silverstone-audit-content {
  padding-block-start: 2px !important;
  padding-right: 28px !important;
}

.silverstone-audit-error {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.silverstone-audit-content .ad-tablewrap {
  overflow: hidden;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  background: #fff;
}

.silverstone-audit-content .ad-table {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.silverstone-audit-content .ad-table thead {
  background: #f7e7e4 !important;
}

.silverstone-audit-content .ad-table thead tr,
.silverstone-audit-content .ad-table .ad-table__th {
  background: transparent !important;
}

.silverstone-audit-content .ad-table th {
  height: 40px;
  padding: 0 8px;
  color: #111;
  font:
    500 14px/20px Montserrat,
    sans-serif;
  text-transform: none;
}

.silverstone-audit-content .ad-table td {
  height: 52px;
  padding: 8px;
  color: #64676e;
  font-size: 12px;
}

.silverstone-audit-content .ad-table td.ad-table__empty {
  height: 96px;
  padding: 0 8px;
}

.silverstone-audit-content .ad-table td code {
  display: block;
  overflow: hidden;
  max-width: 360px;
  color: #565960;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.silverstone-audit-content .ad-table td small {
  color: #999ba1;
  font-size: 11px;
}

.silverstone-audit-content .ad-pagination {
  min-height: 53px;
  padding: 8px 16px;
  border-top: 1px solid #dedede;
  background: #fff;
}

.silverstone-reviews-page .ad-page__header {
  padding-block: 18px;
  border-block-end: 0;
}

.silverstone-reviews-page .ad-toolbar {
  padding-block: 0;
}

.silverstone-reviews-page .ad-page__actions .sf-field__label {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.silverstone-reviews-page .ad-page__actions .sf-input,
.silverstone-reviews-page .ad-page__actions .sf-select {
  min-block-size: 36px;
  block-size: 36px;
}
.silverstone-reviews-page .ad-page__actions .sf-field:nth-child(1) {
  flex: 0 0 120px;
  width: 120px;
}
.silverstone-reviews-page .ad-page__actions .sf-field:nth-child(2) {
  flex: 0 0 68px;
  width: 68px;
}
.silverstone-reviews-page .ad-page__actions .sf-field:nth-child(3) {
  flex: 0 0 250px;
  width: 250px;
}
.silverstone-reviews-page .ad-page__actions {
  margin-right: -8px;
}
.silverstone-reviews-page .ad-page__content {
  padding-top: 8px !important;
}

.silverstone-order-detail-page {
  box-sizing: border-box;
  min-height: 100vh;
  padding: 48px 24px 40px;
  font-family: Montserrat, sans-serif;
}
.silverstone-order-detail-header {
  display: flex;
  width: 100%;
  height: 32px;
  align-items: center;
  justify-content: space-between;
}
.silverstone-order-detail-header > .sf-flex {
  height: 32px;
  gap: 16px;
}
.silverstone-order-detail-header .sf-heading {
  font:
    700 24px/32px Montserrat,
    sans-serif !important;
}
.silverstone-order-detail-header .sf-status-badge {
  min-height: 22px;
  padding: 3px 10px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #4b5563;
  box-shadow: 0 2px 7px rgb(0 0 0 / 10%);
  font:
    500 12px/16px Montserrat,
    sans-serif;
}
.silverstone-order-detail-header > a {
  box-sizing: border-box;
  height: 32px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #fff;
  color: #242424;
  box-shadow: 0 2px 7px rgb(0 0 0 / 8%);
  font:
    500 14px/20px Montserrat,
    sans-serif;
  text-decoration: none;
}
.silverstone-order-detail {
  margin-top: 24px;
  padding: 0 !important;
}
.silverstone-order-detail > .sf-stack {
  gap: 24px;
}

.silverstone-order-detail__split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.silverstone-order-detail .sf-card {
  padding: 0 !important;
  border-radius: 12px;
}
.silverstone-order-detail .sf-card > .sf-card__body {
  padding: 24px !important;
}
.silverstone-order-detail .sf-card > .sf-card__body > .sf-stack {
  gap: 24px;
}
.silverstone-order-detail .sf-heading--headingXs {
  font:
    600 16px/24px Montserrat,
    sans-serif;
}
.silverstone-order-detail .ad-tablewrap {
  border: 0;
  border-radius: 0;
}
.silverstone-order-detail thead tr {
  height: 41px;
  background: #f5efed;
}
.silverstone-order-detail th {
  padding: 10px 16px;
  font:
    500 13px/20px Montserrat,
    sans-serif;
}
.silverstone-order-detail td {
  padding: 12px 16px;
  font:
    400 12px/18px Montserrat,
    sans-serif;
}
.silverstone-order-product {
  display: flex;
  min-width: 300px;
  align-items: center;
  gap: 16px;
}
.silverstone-order-product img {
  width: 64px;
  height: 64px;
  border-radius: 4px;
  object-fit: cover;
}
.silverstone-order-refund.sf-button {
  width: fit-content;
  min-height: 36px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 6px;
  background: #ef4444;
  color: #fff;
}

.silverstone-order-detail hr {
  inline-size: 100%;
  border: 0;
  border-block-start: 1px solid var(--sf-color-border);
}

.silverstone-order-history {
  display: flex;
  min-inline-size: 600px;
  overflow-x: auto;
  padding-block: 12px;
}

.silverstone-order-history__step {
  position: relative;
  display: grid;
  flex: 1 0 140px;
  justify-items: center;
  gap: 4px;
  text-align: center;
  font-size: 11px;
}

.silverstone-order-history__dot {
  z-index: 1;
  inline-size: 16px;
  block-size: 16px;
  border-radius: 999px;
  background: #26935b;
}

.silverstone-order-history__line {
  position: absolute;
  inset-block-start: 7px;
  inset-inline-start: 50%;
  inline-size: 100%;
  block-size: 2px;
  background: #26935b;
}

.silverstone-product-form__policy-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.silverstone-product-form__collection .sf-combobox__list:empty::before {
  content: 'Select collections';
  display: block;
  padding: 10px 14px;
  color: var(--sf-color-textMuted);
}

.silverstone-rich-editor {
  display: grid;
  gap: 0;
}

.silverstone-rich-editor__toolbar {
  display: grid;
  min-block-size: 68px;
  padding: 0;
  border: 1px solid var(--sf-color-border);
  border-block-end: 0;
  border-radius: 4px 4px 0 0;
  background: #fafafa;
}

.silverstone-rich-editor__toolbar > div {
  display: flex;
  align-items: center;
  min-inline-size: 0;
  overflow: hidden;
  border-block-end: 1px solid var(--sf-color-border);
}

.silverstone-rich-editor__toolbar > div:last-child {
  border-block-end: 0;
}

.silverstone-rich-editor__toolbar button {
  flex: 0 0 38px;
  inline-size: 38px;
  block-size: 34px;
  border: 0;
  border-inline-end: 1px solid var(--sf-color-border);
  background: transparent;
  color: var(--sf-color-text);
  font: inherit;
  cursor: pointer;
}

.silverstone-rich-editor > label {
  margin-block-end: 6px;
  font-size: 14px;
  font-weight: 500;
}

.silverstone-rich-editor textarea {
  box-sizing: border-box;
  inline-size: 100%;
  min-block-size: 100px;
  padding: 12px;
  border: 1px solid var(--sf-color-border);
  border-radius: 0;
  background: var(--sf-color-surface);
  color: var(--sf-color-text);
  font: inherit;
  resize: vertical;
}

.silverstone-rich-editor__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-block-size: 20px;
  padding-inline: 10px;
  border: 1px solid var(--sf-color-border);
  border-block-start: 0;
  color: var(--sf-color-textMuted);
  font-size: 9px;
}

.sf-page:has(.silverstone-product-form) .sf-page__actions a {
  display: inline-flex;
  align-items: center;
  min-block-size: 38px;
  padding-inline: 20px;
  border: 1px solid var(--sf-color-border);
  border-radius: 999px;
  background: var(--sf-color-surface);
  color: var(--sf-color-text);
  text-decoration: none;
}

@media (max-width: 760px) {
  .silverstone-order-detail__split {
    grid-template-columns: 1fr;
  }

  .silverstone-manual-order {
    inline-size: 100%;
  }

  .silverstone-manual-order__layout {
    grid-template-columns: 1fr;
  }

  .silverstone-product-form__policy-row {
    grid-template-columns: 1fr;
  }

  .silverstone-manual-order__details {
    position: static;
  }

  .shipment-channel-tabs {
    margin-block-start: -16px;
  }

  .discounts-toolbar {
    grid-template-columns: 1fr;
  }
}

/* Silverstone desktop chrome parity. These are application-shell choices, not
   reusable admin-shell defaults. */
@media (min-width: 64.01rem) {
  .ad-window .ad-brandmark {
    padding-inline: 24px !important;
  }

  .ad-window .ad-sidebar__scroll {
    padding-top: 0 !important;
  }

  .ad-window .ad-navgroup {
    padding-bottom: 4px !important;
  }

  .ad-window .ad-navgroup__list > .ad-navitem:not(:last-child) {
    margin-bottom: 4px;
  }

  .ad-window .ad-navitem__link {
    width: calc(100% - 32px) !important;
    margin-inline: 16px !important;
  }

  .ad-window .ad-navitem__children {
    padding-top: 4px;
  }

  .ad-window .ad-navitem__children .ad-navitem__link {
    width: calc(100% - 24px) !important;
    margin-left: 8px !important;
    margin-right: 16px !important;
  }

  .ad-window .ad-topbar__collapse {
    display: none !important;
  }

  .ad-topbar__actions {
    gap: 16px !important;
    margin-right: 4px;
  }

  .ad-periodpicker-wrap,
  .ad-periodpicker {
    width: 139px;
  }

  .ad-window .ad-periodpicker {
    min-height: 38px !important;
    height: 38px !important;
  }

  .ad-window .ad-account__body {
    display: none !important;
  }

  .ad-topbar__actions > .ad-menu:last-child {
    width: 36px;
  }

  .ad-topbar__actions > .ad-menu:last-child .sf-button {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 999px;
    background: #fff !important;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    color: #111 !important;
  }

  .ad-topbar__actions > .ad-counted,
  .ad-topbar__actions > .ad-counted .sf-button {
    width: 32px;
    height: 32px;
  }

  .ad-topbar__actions > .ad-counted .sf-button {
    min-width: 32px;
    min-height: 32px;
    padding: 0;
    border-radius: 999px;
    background: #fff !important;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
    color: #111 !important;
  }

  .ad-window .ad-navgroup__list > .ad-navitem > a.ad-navitem__link::after {
    margin-left: auto;
    content: '›';
    color: #111827;
    font: 24px/1 sans-serif;
  }
}

.silverstone-account-icon {
  display: inline-flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

/* Application-owned browser chrome and module utilities. These selectors are
   intentionally kept out of @wirewings/admin-shell: they reproduce the
   Silverstone application, not reusable admin-shell behavior. */
.ad-window {
  min-height: 100vh;
  background: #fff;
}
.ad-window > .ad-shell {
  top: 28px;
  bottom: 0;
  min-height: calc(100vh - 28px);
  height: calc(100vh - 28px);
  --ad-topbar-h: calc(var(--sf-space-xxxl) + var(--sf-space-lg));
}
.ad-window__bar {
  position: relative;
  z-index: 50;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 16px;
  background: #fff;
  box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
  color: #9ca3af;
}
.ad-window__lights {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
}
.ad-window__lights i {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #ef4444;
}
.ad-window__lights i:nth-child(2) {
  background: #facc15;
}
.ad-window__lights i:nth-child(3) {
  background: #22c55e;
}
.ad-window__history {
  display: flex;
  gap: 8px;
  margin-left: 16px;
}
.ad-window__history button,
.ad-window__fullscreen {
  padding: 2px;
  border: 0;
  background: transparent;
  color: #9ca3af;
  font: 20px/1 sans-serif;
  cursor: pointer;
}
.ad-window__fullscreen {
  margin-left: auto;
  font-size: 14px;
}

.ad-master-page__heading {
  margin: 0;
  color: var(--sf-color-text);
  font: 600 24px/32px var(--sf-type-headingSm-family);
}
.ad-master-page__entity {
  margin: 0;
  color: var(--sf-color-text);
  font: 600 16px/24px var(--sf-type-bodyLg-family);
}
.ad-master-page .sf-field:has(input[type='search']) > .sf-field__label,
.silverstone-master-actions .sf-field__label,
.silverstone-product-select .sf-choice__text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.ad-periodpicker-wrap {
  position: relative;
  display: inline-flex;
}
.ad-calendar-popover {
  z-index: 50;
  border: var(--sf-border-hairline) solid var(--sf-color-border);
  background: var(--sf-color-surface);
  box-shadow: var(--sf-elevation-raised);
}
.ad-calendar-popover__header,
.ad-calendar-popover__header > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sf-space-sm);
}
.ad-calendar-popover__header button {
  border: 0;
  background: transparent;
  color: var(--sf-color-text);
  font-size: var(--sf-type-headingXs-size);
}
.ad-calendar-popover__week,
.ad-calendar-popover__days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: var(--sf-space-xs);
  text-align: center;
}
.ad-calendar-popover__week {
  margin-block: var(--sf-space-md) var(--sf-space-xs);
  color: var(--sf-color-textMuted);
  font-size: var(--sf-type-caption-size);
  font-weight: var(--sf-type-bodyLg-weight);
}
.ad-calendar-popover__days button {
  aspect-ratio: 1;
  border: 0;
  border-radius: var(--sf-radius-circle);
  background: transparent;
  color: var(--sf-color-text);
}
.ad-calendar-popover__days button:hover,
.ad-calendar-popover__days button.is-range {
  background: color-mix(in srgb, var(--sf-color-primary) 18%, transparent);
}
.ad-calendar-popover__days button.is-selected {
  background: var(--sf-color-primary);
  color: var(--sf-color-onPrimary);
}
.ad-calendar-popover__days button.is-outside {
  color: var(--sf-color-textMuted);
  opacity: 0.55;
}

.ad-window .ad-page__header {
  gap: 4px;
  padding: 16px 24px 8px;
  background: var(--sf-color-background);
}
.ad-window .ad-page__header .sf-heading--headingMd {
  font-size: var(--sf-type-headingSm-size);
  line-height: var(--sf-type-headingSm-line);
}
.silverstone-product-filters .sf-heading {
  color: var(--sf-color-text);
}
.silverstone-product-filters .sf-switch {
  justify-content: space-between;
}
.silverstone-price-range {
  display: grid;
  gap: var(--sf-space-xs);
}
.silverstone-price-range input[type='range'] {
  width: 100%;
  margin: 0;
  accent-color: var(--sf-color-primary);
}
.silverstone-price-range input[type='range'] + input[type='range'] {
  margin-top: calc(var(--sf-space-md) * -1);
}

.ad-material-type-page .sf-material-type-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ad-material-type-page .sf-material-type-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}
@media (max-width: 900px) {
  .ad-material-type-page .sf-material-type-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* Operations parity: compact source actions and truthful real-record states. */
.silverstone-shipment-actions .sf-button,
.silverstone-shipment-actions > a,
.silverstone-pickup-actions .sf-button {
  box-sizing: border-box;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border-radius: 6px;
}
.silverstone-shipment-actions > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.silverstone-pickup-actions {
  min-width: 166px;
}
.silverstone-pickup-actions .sf-choice__text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.silverstone-pickup-actions .sf-choice,
.silverstone-pickup-actions .sf-choice__label {
  margin: 0;
}
.silverstone-support-message {
  display: block;
  max-width: 320px;
  white-space: normal;
  line-height: 18px;
}
.silverstone-support-message button {
  margin-left: 5px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #2563eb;
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
}
.silverstone-support-bulk {
  min-height: 44px;
  margin-bottom: 8px;
  padding: 6px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  font-size: 12px;
}
.silverstone-newsletter-status,
.silverstone-review-verified {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 3px 9px;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  background: #fff;
  color: #4b5563;
  font-size: 11px;
  font-weight: 500;
}
.silverstone-newsletter-status.is-subscribed,
.silverstone-review-verified.is-verified {
  border-color: #d1fae5;
  background: #ecfdf5;
  color: #047857;
}
.silverstone-newsletter-status.is-unsubscribed {
  border-color: #fee2e2;
  background: #fef2f2;
  color: #b91c1c;
}

/* Reviews & Ratings mirrors the source table, toggles and two dialogs. */
.silverstone-reviews-page .ad-table__th,
.silverstone-reviews-page .ad-table__td {
  text-align: center;
  vertical-align: middle;
}
.silverstone-reviews-page .ad-table__td:nth-child(2) {
  min-width: 120px;
  text-align: left;
}
.silverstone-reviews-page .ad-table__td:nth-child(4) {
  min-width: 120px;
}
.silverstone-reviews-page .ad-table__td:nth-child(8) {
  min-width: 142px;
}
.silverstone-reviews-page .ad-page__actions .sf-field:nth-child(2) {
  flex-basis: 132px;
  width: 132px;
}
.silverstone-review-thumbnail {
  position: relative;
  display: inline-flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px dotted #d1d5db;
  border-radius: 4px;
  background: #e5e7eb;
  color: #9ca3af;
}
.silverstone-review-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.silverstone-review-thumbnail span {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1px 4px;
  border-radius: 3px 0 0;
  background: #111;
  color: #fff;
  font-size: 10px;
}
.silverstone-review-rating {
  display: inline-flex;
  min-width: 68px;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 4px 9px;
  border: 2px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  color: #111;
  font-size: 13px;
}
.silverstone-review-status {
  min-width: 94px;
  padding: 7px 13px;
  border: 0;
  border-radius: 6px;
  background: #f44336;
  color: #fff;
  font:
    500 11px/16px Montserrat,
    sans-serif;
  cursor: pointer;
}
.silverstone-review-status.is-approved {
  background: #34d399;
}
.silverstone-review-status:disabled {
  cursor: default;
  opacity: 0.7;
}
.silverstone-review-featured {
  display: flex;
  justify-content: center;
}
.silverstone-review-featured .sf-choice__text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.silverstone-review-actions .sf-button {
  min-height: 32px;
  height: 32px;
  padding: 0 13px;
  border-radius: 6px;
  background: #fff;
}
.silverstone-review-actions .sf-button:last-child {
  width: 34px;
  min-width: 34px;
  padding: 0;
  color: #ef4444;
}
.silverstone-review-detail-modal {
  width: min(768px, calc(100vw - 32px));
  max-width: 768px !important;
  border-radius: 8px;
}
.silverstone-review-detail-modal .sf-modal__header {
  padding: 20px 24px 6px;
}
.silverstone-review-detail-modal .sf-modal__header h2 {
  font:
    600 20px/28px Montserrat,
    sans-serif !important;
}
.silverstone-review-detail-modal .sf-modal__body {
  padding: 12px 24px 24px;
}
.silverstone-review-detail {
  display: grid;
  gap: 20px;
}
.silverstone-review-detail__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.silverstone-review-detail__facts > div {
  display: grid;
  gap: 16px;
}
.silverstone-review-detail__fact {
  display: grid;
  gap: 4px;
}
.silverstone-review-detail__fact > span,
.silverstone-review-detail__images > span {
  color: #6b7280;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.silverstone-review-detail__fact > strong {
  color: #374151;
  font-size: 12px;
  font-weight: 500;
}
.silverstone-review-detail__fact > p {
  min-height: 150px;
  max-height: 150px;
  margin: 0;
  padding: 12px;
  overflow-y: auto;
  border-radius: 5px;
  background: #f9fafb;
  color: #374151;
  font-size: 12px;
  line-height: 18px;
}
.silverstone-review-detail__stars,
.silverstone-review-detail__stars > span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.silverstone-review-detail__stars svg {
  color: #facc15;
}
.silverstone-review-detail__stars strong {
  margin-left: 3px;
  color: #374151;
  font-size: 12px;
}
.silverstone-review-detail__status {
  justify-self: start;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #374151 !important;
  font-size: 10px !important;
}
.silverstone-review-detail__status.is-approved {
  background: #dcfce7;
  color: #166534 !important;
}
.silverstone-review-detail__content {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(100px, 1fr);
  align-items: start;
  gap: 16px;
}
.silverstone-review-detail__content > div:first-child {
  display: grid;
  gap: 16px;
  padding-top: 8px;
  border-top: 1px solid #f3f4f6;
}
.silverstone-review-detail__images {
  display: grid;
  max-height: 200px;
  gap: 10px;
  overflow-y: auto;
}
.silverstone-review-detail__images img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
}

@media (max-width: 720px) {
  .silverstone-review-detail__facts,
  .silverstone-review-detail__content {
    grid-template-columns: 1fr;
  }
}

.silverstone-section-tabs > .sf-tabs__list,
.silverstone-cms-tabs > .sf-tabs__list {
  width: min(100%, 448px);
  min-height: 36px;
  height: 36px;
  gap: 0;
  padding: 3px;
  border: 0;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.5);
}
.silverstone-cms-tabs {
  margin: 7.2px 24px 0;
}
.silverstone-section-tabs > .sf-tabs__list .sf-tabs__tab,
.silverstone-cms-tabs > .sf-tabs__list .sf-tabs__tab {
  flex: 1;
  min-height: 32px;
  padding-block: 4px;
  border: 0;
  border-radius: 9px;
}
.silverstone-section-tabs > .sf-tabs__list .sf-tabs__tab[aria-selected='true'],
.silverstone-cms-tabs > .sf-tabs__list .sf-tabs__tab[aria-selected='true'] {
  background: #fff;
  box-shadow: 0 1px 5px rgba(37, 31, 28, 0.22);
}
.silverstone-cms-tabs > .sf-tabs__panel {
  margin-top: 8px;
  padding-block: 0 16px;
}
.silverstone-cms-tabs .silverstone-list-toolbar {
  padding-block: 0 !important;
}
.silverstone-cms-tabs .silverstone-list-toolbar .ad-toolbar__spacer {
  display: none;
}
.silverstone-cms-tabs .silverstone-list-toolbar .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.silverstone-cms-tabs .silverstone-list-toolbar .sf-button {
  min-width: 187px;
  width: 187px;
  min-height: 36px;
  height: 36px;
}
.silverstone-cms-tabs .silverstone-list-toolbar .sf-field:has(.sf-select) {
  flex: 0 0 180px;
}
.silverstone-cms-tabs .silverstone-list-toolbar .sf-field:has(input) {
  flex: 0 0 250px;
}
.silverstone-cms-tabs .silverstone-list-toolbar .sf-input,
.silverstone-cms-tabs .silverstone-list-toolbar .sf-select {
  min-height: 36px;
  height: 36px;
}
.silverstone-cms-tabs .ad-table__th {
  height: 40px;
  padding-block: 0;
}
.silverstone-banner-editor-modal {
  display: flex;
  flex-direction: column;
  width: min(95vw, 1080px);
  max-width: 1080px !important;
  height: min(92vh, 664px);
  max-height: 92vh;
  overflow: hidden;
  border-radius: 8px;
}
.silverstone-banner-editor-modal .sf-modal__header {
  flex: 0 0 auto;
  padding: 20px 24px 0;
}
.silverstone-banner-editor-modal .sf-modal__header h2 {
  font:
    600 20px/28px Montserrat,
    sans-serif !important;
}
.silverstone-banner-editor-modal .sf-modal__body {
  flex: 1 1 auto;
  padding: 0 14px 16px 24.8px;
  overflow: visible !important;
}
.silverstone-banner-editor-description {
  display: block;
  margin-top: -1px;
  color: #6e7075;
  font-size: 14px;
  line-height: 20px;
}
.silverstone-banner-editor {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
  padding-top: 33px;
}
.silverstone-banner-editor__form {
  display: grid;
  gap: 16px;
}
.silverstone-banner-editor__form > .sf-field {
  width: 100%;
}
.silverstone-banner-editor__form .sf-field {
  gap: 8px;
}
.silverstone-banner-editor__form .sf-field__label {
  min-height: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
.silverstone-banner-editor__form .sf-input,
.silverstone-banner-editor__form .sf-select {
  min-height: 36px;
  height: 36px;
  border-radius: 7px;
}
.silverstone-banner-editor__form .sf-input {
  padding-inline: 12px;
}
.silverstone-banner-editor__form .sf-input__control {
  min-height: 0;
  height: 34px;
  padding: 0;
}
.silverstone-banner-editor__form .sf-grid {
  column-gap: 16px;
  row-gap: 16px;
}
.silverstone-banner-editor__form .sf-field:has(input[placeholder^='Enter button name']) {
  display: grid;
  grid-template-rows: auto auto;
  align-items: start;
  align-content: stretch;
  gap: 8px;
}
.silverstone-banner-media-field {
  display: grid;
  grid-template-rows: auto 172px;
  gap: 8px;
  align-items: start;
}
.silverstone-banner-media-label {
  display: block;
  margin-bottom: 8px;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.silverstone-banner-media {
  display: grid;
  min-height: 172px;
  place-items: center;
  padding: 32px;
  border: 2px dashed #d5d5d5;
  border-radius: 8px;
  color: #858991;
  cursor: pointer;
}
.silverstone-banner-media input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.silverstone-banner-media-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  fill: none;
  stroke: #9ca3af;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.silverstone-banner-media small,
.silverstone-banner-media em {
  font-size: 12px;
  font-style: normal;
}
.silverstone-banner-field-error,
.silverstone-banner-save-error {
  display: block;
  color: #ef4444;
  font-size: 12px;
  line-height: 16px;
}
.silverstone-banner-media img {
  max-width: 100%;
  max-height: 160px;
  object-fit: contain;
}
.silverstone-banner-style-editor {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  background: #fafafa;
}
.silverstone-banner-style-editor > .sf-flex:first-child > strong {
  font-size: 14px;
  line-height: 20px;
}
.silverstone-banner-device-tabs .sf-button {
  width: auto;
  min-width: 0;
  min-height: 26px;
  height: 26px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 12px;
  text-transform: capitalize;
}
.silverstone-banner-device-tabs {
  gap: 4px !important;
}
.silverstone-banner-device-tabs .sf-button:first-child {
  width: 75px;
}
.silverstone-banner-device-tabs .sf-button:last-child {
  width: 66px;
}
.silverstone-banner-device-tabs .sf-button--solid {
  background: #111 !important;
  color: #fff !important;
}
.silverstone-banner-style-head,
.silverstone-banner-style-row {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) 64px 44px;
  gap: 8px;
  align-items: center;
}
.silverstone-banner-style-head {
  color: #a2a3a7;
  font-size: 10px;
  line-height: 15px;
}
.silverstone-banner-style-row > span {
  color: #4d4f54;
  font-size: 12px;
  font-weight: 500;
}
.silverstone-banner-style-row .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.silverstone-banner-style-row .sf-select,
.silverstone-banner-style-row > input[type='number'] {
  width: 100%;
  min-height: 29px;
  height: 29px;
  padding: 0 10px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  background: #fff;
  font: inherit;
}
.silverstone-banner-style-row input[type='color'] {
  width: 36px;
  height: 32px;
  padding: 2px;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
}
.silverstone-banner-style-row--cta {
  grid-template-columns: 70px minmax(0, 1fr) 44px 44px;
  padding-top: 4px;
  border-top: 1px solid #e3e3e3;
}
.silverstone-banner-colour-input {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.silverstone-banner-colour-input > span {
  color: #6e7075;
  font-size: 9px;
  line-height: 9px;
}
.silverstone-banner-preview-label {
  display: block;
  color: #a2a3a7;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.04em;
}
.silverstone-banner-preview-wrap {
  display: grid;
  gap: 4px;
}
.silverstone-banner-preview {
  position: relative;
  height: 220px;
  overflow: hidden;
  border-radius: 8px;
  background: linear-gradient(135deg, #efe6d6, #d9c9b0);
  background-position: center;
  background-size: cover;
}
.silverstone-banner-preview--mobile {
  width: 190px;
  height: 340px;
  margin-inline: auto;
}
.silverstone-banner-preview > div {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 16px;
}
.silverstone-banner-preview strong,
.silverstone-banner-preview span,
.silverstone-banner-preview small {
  display: block;
}
.silverstone-banner-preview b {
  align-self: start;
  padding: 6px 16px;
  border-radius: 10px;
  font-size: 12px;
}
.silverstone-banner-editor-modal .sf-modal__footer {
  position: absolute;
  right: 14px;
  bottom: 25px;
  left: 24.8px;
  z-index: 2;
  display: flex;
  flex: 0 0 49px;
  justify-content: flex-end;
  min-height: 49px;
  height: 49px;
  padding: 12px 0 0;
  border-top: 1px solid #eee;
  background: #fff;
}
.silverstone-banner-editor-modal .sf-modal__close {
  position: absolute;
  top: 20.8px;
  right: 9.6px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  outline: none !important;
}
.silverstone-banner-editor-modal .sf-modal__footer .sf-button {
  width: 65px;
  min-width: 65px;
  min-height: 36px;
  height: 36px;
  background: #171717;
  color: #fff;
}
.silverstone-blogs-page .silverstone-cms-tabs .ad-page__header {
  padding-block: 8px;
  border-block-end: 0;
}
.silverstone-blogs-page .silverstone-cms-tabs .cms-inner-tabs {
  padding-block: 0;
}
.silverstone-blogs-page .silverstone-cms-tabs .cms-inner-tabs .sf-button {
  min-height: 34px;
  padding-block: 5px;
}
.silverstone-important-links-page {
  position: relative;
}
.silverstone-important-links-page .ad-page__description {
  color: var(--sf-color-text);
  font-weight: 600;
}
.silverstone-important-links-tabs > .sf-tabs__list {
  width: 192px;
  margin-left: 24px;
}
.silverstone-important-links-page__create {
  position: absolute;
  z-index: 2;
  top: 99px;
  right: 24px;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding-inline: 28px;
  border-radius: 999px;
  background: #fff;
  color: var(--sf-color-text);
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(37, 31, 28, 0.1);
}
.silverstone-currency-page .ad-page__description {
  color: var(--sf-color-text);
  font-weight: 600;
}
.silverstone-currency-page > .ad-table {
  margin-top: 12px;
}
.silverstone-promotional-script-page .ad-content-area {
  padding-top: 0;
}
.silverstone-promotional-script-page .ad-content-area > .sf-stack {
  gap: 16px;
}

.ad-calendar-popover {
  position: fixed !important;
  top: 69px !important;
  right: 32px !important;
  width: min(432px, calc(100vw - 32px)) !important;
  padding: 20px 24px !important;
  border-radius: 24px !important;
}
.ad-calendar-popover__header > strong {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
}
.ad-calendar-popover__header > strong svg {
  width: 24px;
  height: 24px;
}
.ad-calendar-popover__days {
  gap: 8px !important;
}
.ad-calendar-popover__days button {
  min-height: 38px;
}

.silverstone-gifts-summary .ad-page__header {
  border-block-end: 0;
  padding-bottom: 10px;
}
.silverstone-gifts-summary .ad-page__content {
  padding-top: 6px !important;
}
.silverstone-gifts-summary .ad-page__header .sf-text {
  font:
    12px/20px Montserrat,
    sans-serif;
  transform: translateY(-4px);
}
.silverstone-gifts-summary .ad-page__actions .sf-button {
  min-height: 28px;
  height: 28px;
  padding: 6px 12px;
  border: 0;
  border-radius: 999px;
  font:
    500 12px/16px Montserrat,
    sans-serif;
}
.silverstone-gifts-summary .ad-page__actions {
  margin-right: 4px;
}
.gifts-summary-range-toolbar {
  gap: 8px;
  padding: 0;
}
.gifts-summary-range-toolbar .ad-toolbar__spacer {
  display: none;
}
.gifts-summary-custom-range {
  display: flex;
  height: 26px;
  align-items: center;
  gap: 8px;
}
.gifts-summary-custom-range input {
  box-sizing: border-box;
  width: 133.5px;
  height: 26px;
  padding: 4px 8px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  font:
    12px/16px Montserrat,
    sans-serif;
}
.gifts-summary-custom-range > span {
  color: #9ca3af;
  font:
    12px/16px Montserrat,
    sans-serif;
}
.silverstone-gifts-summary .sf-card {
  min-height: 116px;
  padding: 0;
  border-left: 4px solid #c79273;
  border-radius: 12px;
}
.silverstone-gifts-summary .sf-card__body {
  padding: 16px;
}
.silverstone-gifts-summary .ad-page__content > .sf-stack {
  margin-right: 4px;
  transform: translateY(2px);
}
.silverstone-gifts-summary .ad-page__content > .sf-stack > .sf-grid {
  gap: 12px;
  margin-bottom: 8px;
}
.silverstone-gifts-summary .ad-stat {
  display: grid;
  gap: 7px;
  min-height: 82px;
}
.silverstone-gifts-summary .ad-stat__badge {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
.silverstone-gifts-summary .ad-stat__body {
  display: grid;
  grid-template-rows: 16px 24px;
  gap: 2px;
  height: 42px;
}
.silverstone-gifts-summary .ad-stat__label {
  color: #8f8f8f;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  text-transform: none;
}
.silverstone-gifts-summary .ad-stat__value {
  font-size: 20px;
  line-height: 24px;
}
.gift-summary-icon {
  width: 18px;
  height: 18px;
}
.silverstone-gifts-summary__table {
  min-height: 120px !important;
  height: 120px !important;
  box-sizing: border-box;
  border-left: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.silverstone-gifts-summary__table > .sf-card__body {
  display: block;
  width: calc(100% - 1px);
  margin: 0 0 1px 1px;
  padding: 0 !important;
}
.silverstone-gifts-summary__table .sf-heading {
  padding: 12px 16px 13px;
  font:
    16px/20px Montserrat,
    sans-serif;
}
.silverstone-gifts-summary__table .ad-table th {
  height: 36px;
  padding: 8px 16px;
  font:
    500 14px/20px Montserrat,
    sans-serif;
  text-transform: none;
}
.silverstone-gifts-summary__table .ad-table td {
  height: 36px;
  padding: 8px 16px;
  font:
    500 14px/20px Montserrat,
    sans-serif;
}
.silverstone-gifts-summary__table .ad-table td.ad-table__empty {
  height: 36px;
  padding: 0 16px;
  color: #6b7280;
  text-align: center;
}
.gift-summary-empty {
  font-size: 13px;
  font-weight: 400;
}
.silverstone-gifts-summary__table + .sf-text {
  margin-top: -4px;
  color: #a2a2a2;
  font:
    12px/16px Montserrat,
    sans-serif;
}
.gift-voucher-toolbar .sf-field:has(.sf-select) {
  flex: 0 0 78px;
  min-width: 78px;
}
.gift-voucher-toolbar .sf-field:has(input[type='text']) {
  flex: 0 0 250px;
  min-width: 220px;
}

.sf-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.sf-modal__close {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #4f4f4f;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.silverstone-gifts-page .ad-page__content {
  padding-top: 16px !important;
}
.silverstone-gift-tabs > .sf-tabs__list {
  width: 320px;
  height: 36px;
  gap: 0;
  padding: 3px;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.46);
}
.silverstone-gift-tabs > .sf-tabs__list .sf-tabs__tab {
  width: 50%;
  height: 30px;
  padding: 0 14px;
  border: 0;
  border-radius: 7px;
  margin: 0;
}
.silverstone-gift-tabs > .sf-tabs__list .sf-tabs__tab[aria-selected='true'] {
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
}
.silverstone-gift-tabs > .sf-tabs__panel {
  padding-top: 40px !important;
}
.silverstone-gift-tabs > .sf-tabs__panel:has(.silverstone-gift-pass) {
  padding-top: 32px !important;
}
.silverstone-gift-tabs > .sf-tabs__panel > .sf-stack {
  gap: 26px;
}
.gift-voucher-toolbar {
  gap: 12px !important;
  margin-right: 4px;
  padding: 0 !important;
}
.gift-voucher-toolbar .ad-toolbar__spacer {
  display: none;
}
.gift-voucher-toolbar .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.gift-voucher-toolbar .sf-button {
  min-height: 36px;
  height: 36px;
  padding-inline: 20px;
  border: 1px solid #e4e1de;
  background: #fff !important;
  color: #171717 !important;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.08);
}
.gift-voucher-toolbar .sf-select,
.gift-voucher-toolbar .sf-input {
  height: 36px;
  min-height: 36px;
  border-color: #e5e2df;
  background: #fff;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.08);
}
.gift-voucher-toolbar .sf-input__control {
  height: 36px;
  padding-block: 0;
}
.gift-voucher-toolbar .sf-select {
  padding-block: 0;
}
.gift-voucher-toolbar .sf-field:has(.sf-select) {
  flex-basis: 67.7px;
  min-width: 67.7px;
}
.gift-voucher-toolbar .sf-field:has(.sf-input) {
  flex: 0 0 251.2px;
  width: 251.2px;
}
.gift-voucher-toolbar .sf-button {
  width: 163.5px;
}
.silverstone-gift-tabs > .sf-tabs__panel > .sf-stack > .sf-flex > .sf-heading {
  font:
    600 18px/28px Montserrat,
    sans-serif;
}
.silverstone-gift-voucher-empty {
  align-self: center;
  width: max-content;
  margin: 58px auto 0;
  color: #9ca3af;
  font:
    400 16px/24px Montserrat,
    sans-serif;
  text-align: center;
  transform: translateX(-2px);
}

.silverstone-voucher-modal {
  max-width: 550px !important;
  min-height: 392px;
  border-radius: 10px;
}
.silverstone-voucher-modal .sf-modal__header {
  padding: 19.8px 24.8px 0;
}
.silverstone-voucher-modal .sf-modal__header h2 {
  width: 100%;
  font-size: 20px;
  line-height: 18px;
}
.silverstone-voucher-modal .sf-modal__close {
  position: absolute;
  top: 20.8px;
  right: 20.8px;
  width: 20px;
  height: 20px;
}
.silverstone-voucher-modal .sf-modal__body {
  padding: 3px 24.8px 0;
}
.silverstone-voucher-modal .sf-modal__footer {
  padding: 14px 24.8px 19.8px;
  transform: translateY(-4.8px);
}
.silverstone-voucher-modal .sf-modal__footer .sf-flex {
  gap: 8px;
}
.silverstone-voucher-modal .sf-modal__footer .sf-button--outline {
  width: 81.75px;
}
.silverstone-voucher-modal .sf-modal__footer .sf-button:not(.sf-button--outline) {
  width: 141.5px;
}
.silverstone-voucher-form {
  gap: 16px !important;
}
.silverstone-voucher-form > .sf-text {
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 20px;
}
.silverstone-voucher-form__row {
  display: grid;
  grid-template-columns: 115px 1fr;
  align-items: start;
  gap: 14px;
}
.silverstone-voucher-form__row > span {
  padding-top: 9px;
  font-size: 13px;
}
.silverstone-voucher-form__row .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.silverstone-voucher-form__row .sf-input,
.silverstone-voucher-form__row .sf-select {
  min-height: 36px;
  height: 36px;
  border-radius: 8px;
}
.silverstone-voucher-date-field input {
  width: 100%;
  min-height: 36px;
  height: 36px;
  padding: 0 12px;
  border: 1px solid var(--sf-color-border);
  border-radius: 8px;
  background: #fff;
  color: var(--sf-color-text);
  font: inherit;
}
.silverstone-voucher-date-field input[aria-invalid='true'] {
  border-color: #d98585;
}
.silverstone-voucher-date-field .silverstone-voucher-field-error {
  color: #cf5963;
}
.silverstone-voucher-form__row small {
  display: block;
  margin-top: 5px;
  color: #9a9a9a;
  font-size: 11px;
}
.silverstone-voucher-modal .sf-button {
  min-height: 36px;
  height: 36px;
  border-radius: 7px;
}
.silverstone-voucher-modal .sf-button:not(.sf-button--outline) {
  background: #171717;
  color: #fff;
}

.silverstone-gift-pass {
  gap: 16px !important;
  margin-right: 4px;
}
.silverstone-gift-pass__stats {
  gap: 12px !important;
}
.silverstone-gift-pass__stats .sf-card {
  min-height: 108px;
  padding: 0;
  border-left: 4px solid #151515;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
}
.silverstone-gift-pass__stats .sf-card:nth-child(2) {
  border-left-color: #50545b;
}
.silverstone-gift-pass__stats .sf-card:nth-child(3) {
  border-left-color: #8d9197;
}
.silverstone-gift-pass__stats .sf-card:nth-child(4) {
  border-left-color: #b8bbc0;
}
.silverstone-gift-pass__stats .sf-card__body {
  padding: 16px 12px;
}
.silverstone-gift-pass__stats .ad-stat {
  display: block;
  min-height: 74px;
  position: relative;
}
.silverstone-gift-pass__stats .ad-stat__badge {
  position: absolute;
  top: 0;
  right: 0;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 9px;
  background: #f4f4f4;
}
.silverstone-gift-pass__stats .ad-stat__body {
  display: grid;
  gap: 12px;
}
.silverstone-gift-pass__stats .ad-stat__label {
  color: #959595;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  text-transform: none;
}
.silverstone-gift-pass__stats .ad-stat__value {
  font-size: 28px;
}
.silverstone-gift-pass__heading {
  margin-top: 0;
}
.silverstone-gift-pass__heading .sf-heading {
  font:
    600 18px/28px Montserrat,
    sans-serif;
}
.silverstone-gift-pass__heading .sf-button {
  width: 151px;
  min-height: 36px;
  height: 36px;
  border-radius: 7px;
  background: #171717 !important;
  color: #fff !important;
}
.silverstone-gift-template-grid {
  max-width: 590px;
}
.silverstone-gift-template {
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
}
.silverstone-gift-template > .sf-card__body {
  padding: 0;
  gap: 0;
}
.silverstone-gift-template > .sf-card__body > .sf-stack {
  gap: 7px;
  padding: 0 12px 10px;
}
.silverstone-gift-template img,
.silverstone-gift-template__placeholder {
  width: calc(100% + 24px);
  aspect-ratio: 16/9;
  margin: 0 -12px 4px;
  object-fit: cover;
}
.silverstone-gift-template__placeholder {
  display: grid;
  place-items: center;
  background: #e8d6a8;
  font-size: 48px;
}
.silverstone-gift-template__actions {
  width: calc(100% + 24px);
  margin: 2px -12px -10px;
  padding: 6px 8px;
  border-top: 1px solid #eee;
}
.silverstone-gift-template__actions .sf-button {
  min-height: 28px;
  height: 28px;
  padding: 0 3px;
  font-size: 11px;
}

.silverstone-gift-template-modal {
  display: flex;
  flex-direction: column;
  height: min(568px, calc(100vh - 32px));
  min-height: 0;
  max-width: 512px !important;
  border-radius: 8px;
}
.silverstone-gift-template-modal .sf-modal__header {
  padding: 24.8px 24.8px 17.2px;
}
.silverstone-gift-template-modal .sf-modal__header h2 {
  width: 100%;
  font-size: 20px;
  line-height: 18px;
}
.silverstone-gift-template-modal .sf-modal__close {
  position: absolute;
  top: 20.8px;
  right: 20.8px;
  width: 20px;
  height: 20px;
}
.silverstone-gift-template-modal .sf-modal__body {
  flex: 1;
  min-height: 0;
  padding: 1px 24.8px 0;
  padding-right: 26.8px;
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}
.silverstone-gift-template-modal .sf-modal__footer {
  margin-top: auto;
  padding: 12px 24.8px 24px;
  transform: translateY(-1px);
}
.silverstone-gift-template-modal .sf-modal__footer .sf-flex {
  gap: 8px;
}
.silverstone-gift-template-form {
  gap: 14px !important;
}
.silverstone-gift-template-form .sf-field {
  gap: 4px;
}
.silverstone-gift-template-form .sf-input {
  min-height: 36px;
  height: 36px;
  border-radius: 7px;
}
.silverstone-gift-template-upload-field {
  display: grid;
  gap: 0;
  margin-top: 8px;
  color: #222;
  font-size: 13px;
}
.silverstone-gift-template-upload-field > span {
  height: 18px;
  line-height: 18px;
}
.silverstone-gift-template-upload {
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  min-height: 128px;
  height: 128px;
  padding: 8px;
  border: 1px dashed #d7d7d7;
  border-radius: 8px;
  color: #858991;
  cursor: pointer;
}
.silverstone-gift-template-upload input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.silverstone-gift-template-upload b {
  font-size: 28px;
  font-weight: 400;
}
.silverstone-gift-template-upload strong {
  font-size: 13px;
  font-weight: 400;
}
.silverstone-gift-template-upload small {
  font-size: 11px;
}
.silverstone-gift-template-upload img {
  max-width: 100%;
  max-height: 90px;
  object-fit: contain;
}
.silverstone-gift-template-modal .sf-button {
  min-height: 36px;
  height: 36px;
  border-radius: 7px;
}
.silverstone-gift-template-modal .sf-modal__footer .sf-button--outline {
  width: 82px;
}
.silverstone-gift-template-modal .sf-modal__footer .sf-button:not(.sf-button--outline) {
  width: 78.4px;
}
.silverstone-gift-template-modal .sf-button:not(.sf-button--outline) {
  background: #171717;
  color: #fff;
}
.silverstone-gift-template-view {
  max-width: 512px !important;
}
.silverstone-gift-template-view img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 8px;
}
.analytics-range-tabs {
  align-self: flex-end;
  margin-top: -72px;
  margin-bottom: 26px;
}
@media (max-width: 760px) {
  .analytics-range-tabs {
    align-self: stretch;
    margin: 0;
  }
}

/* Analytics — mirrors Silverstone's translucent report surfaces. */
.silverstone-report-page {
  --silverstone-report-paid: #10b981;
  --silverstone-report-pending: #f59e0b;
  --silverstone-report-cancelled: #ef4444;
  --silverstone-report-rose: #ce967e;
  --silverstone-report-amber: #d4a373;
  --silverstone-report-slate-300: #cbd5e1;
  --silverstone-report-slate-400: #94a3b8;
  --silverstone-report-slate-500: #64748b;
  --silverstone-report-slate-600: #475569;
}
.silverstone-report-page .ad-page__header {
  border-block-end: 0;
  padding-right: 28px;
}
.silverstone-report-page .ad-page__actions {
  align-self: start;
  margin-right: 4px;
}
.silverstone-report-page--sales .ad-page__content {
  padding-top: 8px !important;
}
.analytics-range-control {
  position: relative;
}
.analytics-range-control .analytics-range-tabs {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.1),
    0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.analytics-range-control .analytics-range-tabs .ad-toolbar__spacer {
  display: none;
}
.analytics-range-control .analytics-range-tabs .sf-button {
  min-height: 36px;
  height: 36px;
  padding: 8px 16px;
  gap: 6px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font:
    500 14px/20px Montserrat,
    sans-serif;
}
.analytics-range-control .analytics-range-tabs .sf-button > span {
  display: grid;
  width: 14px;
  height: 14px;
  place-items: center;
}
.analytics-range-control .analytics-range-tabs .sf-button > span svg {
  width: 14px;
  height: 14px;
}
.analytics-range-control .analytics-range-tabs .sf-button--solid {
  background: #ce967e;
  color: #fff;
}
.analytics-range-control--pills .analytics-range-tabs {
  gap: 8px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.analytics-range-control--pills .analytics-range-tabs .sf-button {
  min-height: 28px;
  height: 28px;
  padding: 6px 12px;
  border: 0 !important;
  border-radius: 999px;
  background: #f3f4f6;
  color: #60636a;
  font:
    500 12px/16px Montserrat,
    sans-serif;
}
.analytics-range-control--pills .analytics-range-tabs .sf-button--solid {
  background: #ce967e;
  color: #fff;
}
.analytics-range-control--pills .analytics-range-tabs .sf-button:focus-visible {
  outline: 0;
  box-shadow: none;
}
.analytics-range-control--pills.is-custom {
  display: flex;
  width: 603.9px;
  align-items: center;
  gap: 8px;
}
.analytics-range-control--pills.is-custom .analytics-range-tabs {
  justify-content: flex-start;
}
.analytics-range-control--pills .analytics-custom-range {
  justify-content: flex-start;
  width: 295.17px;
  height: 26px;
  gap: 8px;
  margin: 0;
}
.analytics-range-control--pills .analytics-custom-range input {
  width: 133.5px;
  height: 26px;
  padding: 4px 8px;
  border-color: #e8e8e8;
  border-radius: 8px;
  font:
    12px/16px Montserrat,
    sans-serif;
}
.analytics-range-control--pills .analytics-custom-range > span {
  flex: 0 0 12.17px;
  width: 12.17px;
  font:
    12px/16px Montserrat,
    sans-serif;
  text-align: center;
}
.analytics-custom-range {
  display: flex;
  width: 348px;
  height: 34px;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
  margin-left: auto;
  color: #b5b6ba;
}
.analytics-custom-range label {
  display: block;
}
.analytics-custom-range input {
  display: block;
  box-sizing: border-box;
  width: 159px;
  height: 34px;
  padding: 6px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  color: #56585e;
  font:
    14px/20px Montserrat,
    sans-serif;
  outline: 0;
}
.analytics-custom-range input:focus-visible {
  box-shadow: 0 0 0 2px rgba(206, 150, 126, 0.34);
}
.analytics-custom-empty {
  display: flex;
  min-height: 490px;
  flex-direction: column;
  align-items: center;
  padding-top: 85px;
  color: #b2b3b8;
}
.analytics-custom-empty i {
  width: 39px;
  height: 39px;
  margin-bottom: 15px;
  color: #c4c5c9;
  font-size: 39px;
  font-style: normal;
}
.analytics-custom-empty p {
  margin: 0;
  font-size: 16px;
}
.sales-report-body {
  gap: 22px !important;
}
.sales-report-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}
.sales-report-kpi {
  display: flex;
  min-width: 0;
  min-height: 93px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 19px 19px 17px;
  border: 1px solid #d2a28e;
  border-left-width: 4px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 2px 12px rgba(206, 150, 126, 0.07);
  backdrop-filter: blur(8px);
}
.sales-report-kpi > div {
  display: grid;
  min-width: 0;
  gap: 5px;
}
.sales-report-kpi span {
  color: #71717a;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}
.sales-report-kpi strong {
  overflow: hidden;
  color: #262a32;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales-report-kpi i {
  display: grid;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 9px;
  background: #f7e7e4;
  color: #ce967e;
  font-size: 20px;
  font-style: normal;
}
.sales-report-currencies {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.sales-report-currency {
  display: grid;
  min-height: 126px;
  align-content: start;
  gap: 5px;
  padding: 19px;
  border: 1px solid rgba(245, 231, 214, 0.8);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 4px 20px rgba(206, 150, 126, 0.08);
  backdrop-filter: blur(8px);
}
.sales-report-currency.is-empty {
  opacity: 0.5;
}
.sales-report-currency__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}
.sales-report-currency__head b {
  color: #5f6269;
  font-size: 14px;
  letter-spacing: 0.02em;
}
.sales-report-currency__head i {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 8px;
  background: #f7e7e4;
  color: #ce967e;
  font-size: 16px;
  font-style: normal;
}
.sales-report-currency > strong {
  color: #272b33;
  font-size: 21px;
  line-height: 26px;
}
.sales-report-currency > span {
  color: #8c8d92;
  font-size: 12px;
}
.sales-report-insights {
  display: grid;
  gap: 12px;
  margin-top: 4px;
}
.sales-report-insights > h2 {
  margin: 0;
  color: #363940;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.sales-report-insight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.sales-report-insight {
  display: grid;
  min-height: 100px;
  align-content: start;
  gap: 3px;
  padding: 15px;
  border: 1px solid rgba(245, 231, 214, 0.8);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 4px 20px rgba(206, 150, 126, 0.08);
  backdrop-filter: blur(8px);
}
.sales-report-insight > span {
  color: #8a8b90;
  font-size: 12px;
  line-height: 16px;
}
.sales-report-insight > strong {
  color: #272b33;
  font-size: 20px;
  line-height: 27px;
}
.sales-report-insight > small {
  color: #a2a3a7;
  font-size: 11px;
  line-height: 14px;
}
.sales-report-ga4 {
  min-height: 104px;
  margin-top: 4px;
  padding: 15px;
  border: 1px solid rgba(245, 231, 214, 0.8);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 4px 20px rgba(206, 150, 126, 0.08);
  backdrop-filter: blur(8px);
}
.sales-report-ga4 h3 {
  margin: 0 0 10px;
  color: #363940;
  font-size: 14px;
  line-height: 18px;
}
.sales-report-ga4 p {
  margin: 0 0 3px;
  color: #707177;
  font-size: 14px;
  line-height: 18px;
}
.sales-report-ga4 small {
  color: #a2a3a7;
  font-size: 11px;
}
.sales-report-body > .sf-grid .sf-card,
.sales-report-body > .sf-card {
  border-color: rgba(245, 231, 214, 0.8);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 4px 20px rgba(206, 150, 126, 0.08);
}
.sales-report-revenue-panel {
  grid-column: span 2;
}
.sales-report-body .report-panel > .sf-card__body {
  padding: 19px;
}
.sales-report-body .report-panel__heading {
  display: grid;
  gap: 3px;
}
.sales-report-body .report-panel__heading .sf-heading {
  color: #3e4148;
  font-size: 14px;
  line-height: 18px;
}
.sales-report-body .report-panel__heading .sf-text {
  color: #a0a1a6;
  font-size: 12px;
  line-height: 16px;
}
.sales-revenue-chart {
  display: block;
  width: 100%;
  height: 235px;
  overflow: visible;
}
.sales-revenue-chart line {
  stroke: #e9e9e9;
  stroke-width: 1;
}
.sales-revenue-chart text {
  fill: #74777d;
  font-size: 10px;
}
.sales-revenue-chart polygon {
  fill: rgba(206, 150, 126, 0.13);
  stroke: none;
}
.sales-revenue-chart polyline {
  fill: none;
  stroke: #ce967e;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sales-revenue-chart circle {
  fill: #ce967e;
  stroke: #fff;
  stroke-width: 1.5;
}
.sales-revenue-chart__date {
  font-size: 10px !important;
}
.sales-pie-wrap {
  display: grid;
  justify-items: center;
  gap: 12px;
}
.sales-payment-pie {
  width: 218px;
  height: 218px;
  border-radius: 50%;
  background: var(--silverstone-report-chart-background);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8);
}
.sales-quantity-chart {
  position: relative;
  width: 218px;
  height: 218px;
  margin: 0 auto;
  border-radius: 50%;
  background: var(--silverstone-report-chart-background);
}
.sales-quantity-chart > span {
  position: absolute;
  inset: 61px;
  border-radius: 50%;
  background: #fff;
}
.sales-chart-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
  color: #6f7177;
  font-size: 12px;
}
.sales-chart-legend span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.sales-chart-legend i {
  width: 38px;
  height: 10px;
  background: #ce967e;
}
.sales-chart-legend i.is-pending {
  background: #d4a373;
}
.sales-chart-legend i.is-cancelled {
  background: #f43f5e;
}
.sales-chart-legend i.is-payment-paid {
  background: #10b981;
}
.sales-chart-legend i.is-payment-pending {
  background: #f59e0b;
}
.sales-product-bars {
  display: grid;
  gap: 9px;
  min-height: 272px;
  align-content: center;
}
.sales-product-bar {
  display: grid;
  grid-template-columns: minmax(100px, 150px) minmax(0, 1fr) 58px;
  align-items: center;
  gap: 10px;
  min-height: 18px;
}
.sales-product-bar > span {
  overflow: hidden;
  color: #62656c;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales-product-bar > div {
  height: 14px;
  background: #f2f2f2;
}
.sales-product-bar > div > i {
  display: block;
  height: 100%;
  min-width: 1px;
  border-radius: 0 4px 4px 0;
  background: #ce967e;
  width: var(--silverstone-report-bar-width);
}
.sales-product-bar > b {
  color: #73767d;
  font-size: 10px;
  font-weight: 500;
  text-align: right;
}
.sales-report-body > .report-panel .ad-table thead,
.sales-report-body > .report-panel .ad-table__head {
  background: #f7f7f7;
}
.sales-report-body > .report-panel .ad-table th {
  color: #70737b;
  font-size: 11px;
  text-transform: uppercase;
}
.report-skeleton-line {
  display: block;
  width: 72px;
  height: 12px;
  border-radius: 5px;
  background: #ead8c8;
  animation: report-skeleton-pulse 1.5s ease-in-out infinite;
}
.sales-report-skeleton .sales-report-kpi {
  display: grid;
  justify-content: start;
  gap: 12px;
}
.sales-report-skeleton .sales-report-kpi strong {
  width: 108px;
  height: 26px;
}
.sales-report-skeleton .sales-report-currency > strong {
  width: 96px;
  height: 22px;
}
.sales-report-skeleton .sales-report-currency > span:last-child {
  width: 64px;
}
.report-skeleton-heading {
  width: 170px;
}
.sales-report-skeleton .sales-report-insight strong {
  width: 105px;
  height: 24px;
  margin-top: 5px;
}
.sales-report-skeleton .sales-report-ga4 > span:last-child {
  width: 55%;
  margin-top: 14px;
}
@keyframes report-skeleton-pulse {
  50% {
    opacity: 0.45;
  }
}
@media (max-width: 1050px) {
  .sales-report-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .silverstone-report-page .ad-page__header {
    align-items: stretch;
  }
  .silverstone-report-page .ad-page__actions {
    align-self: stretch;
  }
  .analytics-range-control .analytics-range-tabs {
    width: 100%;
  }
  .analytics-range-control .analytics-range-tabs .sf-button {
    flex: 1;
    padding-inline: 8px;
  }
  .analytics-range-popover {
    right: auto;
    left: 0;
    width: min(100%, 370px);
  }
  .sales-report-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales-report-currencies,
  .sales-report-insight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .sales-report-kpis,
  .sales-report-currencies,
  .sales-report-insight-grid {
    grid-template-columns: 1fr;
  }
}

.silverstone-report-page--orders .ad-page__content {
  padding-top: 8px !important;
}
.order-report-body {
  display: grid;
  gap: 24px;
}
.order-report-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}
.order-report-kpi {
  display: flex;
  min-height: 114px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 19px;
  border: 1px solid #d2a28e;
  border-left-width: 4px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 2px 12px rgba(206, 150, 126, 0.07);
}
.order-report-kpi > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.order-report-kpi span {
  color: #71717a;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
}
.order-report-kpi strong {
  overflow: hidden;
  color: #282c34;
  font-size: 24px;
  line-height: 29px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-report-kpi small {
  color: #9a9ba0;
  font-size: 12px;
  line-height: 16px;
}
.order-report-kpi > i {
  display: grid;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 9px;
  background: #f7e7e4;
  color: #ce967e;
  font-size: 20px;
  font-style: normal;
}
.order-report-chart-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 24px;
}
.order-report-panel,
.order-promotions {
  padding: 19px;
  border: 1px solid rgba(245, 231, 214, 0.8);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 4px 20px rgba(206, 150, 126, 0.08);
}
.order-report-chart-grid .order-report-panel {
  min-height: 353px;
}
.order-report-panel .report-panel__heading,
.order-promotions .report-panel__heading {
  display: grid;
  gap: 3px;
}
.order-report-panel .report-panel__heading h2,
.order-promotions .report-panel__heading h2 {
  margin: 0;
  color: #3e4148;
  font-size: 14px;
  line-height: 18px;
}
.order-report-panel .report-panel__heading p,
.order-promotions .report-panel__heading p {
  margin: 0;
  color: #a0a1a6;
  font-size: 12px;
  line-height: 16px;
}
.order-chart-wrap {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding-top: 15px;
}
.order-circular-chart {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--silverstone-report-chart-background);
}
.order-circular-chart.is-ring > span {
  position: absolute;
  inset: 55px;
  border-radius: 50%;
  background: #fff;
}
.order-chart-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  color: #666970;
  font-size: 10px;
  text-transform: uppercase;
}
.order-chart-legend span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.order-chart-legend i {
  width: 38px;
  height: 10px;
  background: var(--silverstone-report-legend-color);
}
.order-report-list-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.order-report-list-grid .order-report-panel {
  min-height: 250px;
}
.order-ranked-list {
  display: grid;
  margin-top: 11px;
}
.order-ranked-list > div {
  display: grid;
  grid-template-columns: 20px 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 43px;
  border-bottom: 1px solid #dedede;
}
.order-ranked-list > div:last-child {
  border-bottom: 0;
}
.order-ranked-list span {
  color: #a0a1a6;
  font-size: 11px;
}
.order-ranked-list i {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 6px;
  background: #f4f4f4;
  color: #a0a1a6;
  font-size: 14px;
  font-style: normal;
}
.order-ranked-list b {
  overflow: hidden;
  color: #5b5e65;
  font-size: 13px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-ranked-list em {
  padding: 4px 10px;
  border-radius: 999px;
  background: #f1f1f1;
  color: #666970;
  font-size: 11px;
  font-style: normal;
  white-space: nowrap;
}
.order-promotions {
  display: grid;
  gap: 20px;
}
.order-promotion-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.order-promotion-stats > div {
  display: grid;
  min-height: 130px;
  align-content: start;
  gap: 3px;
  padding: 15px;
  border: 1px solid #d7d7d7;
  border-radius: 12px;
  background: #fafafa;
}
.order-promotion-stats i {
  margin-bottom: 4px;
  font-size: 20px;
  font-style: normal;
}
.order-promotion-stats span {
  color: #74767c;
  font-size: 12px;
}
.order-promotion-stats strong {
  color: #22262e;
  font-size: 24px;
  line-height: 29px;
}
.order-promotion-stats small {
  color: #9b9ca1;
  font-size: 11px;
}
.order-promotion-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.order-promotion-panels > div {
  padding: 19px;
  border: 1px solid #d7d7d7;
  border-radius: 12px;
}
.order-promotion-panels header {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.order-promotion-panels header > i {
  font-size: 24px;
  font-style: normal;
}
.order-promotion-panels h3 {
  margin: 0 0 3px;
  color: #353940;
  font-size: 14px;
}
.order-promotion-panels p {
  margin: 0;
  color: #9a9ba0;
  font-size: 11px;
}
.order-promotion-panels > div > small {
  display: block;
  margin-top: 15px;
  padding-top: 11px;
  border-top: 1px solid #dedede;
  color: #a0a1a6;
  font-size: 11px;
  text-align: center;
}
.order-promotion-mini {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.order-promotion-mini > div,
.order-pass-stats > div {
  display: grid;
  gap: 3px;
  padding: 12px;
  border-radius: 9px;
  background: #f7f7f7;
}
.order-promotion-mini span,
.order-pass-stats span {
  color: #82848a;
  font-size: 11px;
}
.order-promotion-mini strong {
  color: #23272f;
  font-size: 24px;
}
.order-pass-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.order-pass-stats > div {
  text-align: center;
}
.order-pass-stats > div:nth-child(5) {
  grid-column: span 2;
  text-align: left;
}
.order-pass-stats strong {
  color: #23272f;
  font-size: 18px;
}
.order-template-list {
  display: grid;
  gap: 7px;
  margin-top: 13px;
  padding-top: 11px;
  border-top: 1px solid #dedede;
}
.order-template-list > b {
  color: #60636a;
  font-size: 11px;
}
.order-template-list > div {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border-radius: 8px;
  background: #f7f7f7;
}
.order-template-list > div > span {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 50%;
  background: #e9e9e9;
  font-size: 10px;
}
.order-template-list > div > strong,
.order-template-list > div > small,
.order-template-list > div > em {
  font-size: 11px;
  font-style: normal;
}
.order-template-list > div > strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-skeleton .order-report-kpi {
  display: grid;
  align-content: start;
  gap: 12px;
}
.report-skeleton .order-report-kpi strong {
  width: 108px;
  height: 26px;
}
.report-skeleton .order-report-kpi small {
  width: 78px;
}
.order-skeleton-circle {
  width: 220px;
  height: 220px;
  margin: 22px auto 0;
  border-radius: 50%;
  background: #ead8c8;
  animation: report-skeleton-pulse 1.5s ease-in-out infinite;
}
@media (max-width: 1050px) {
  .order-report-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .order-report-kpis,
  .order-report-chart-grid,
  .order-report-list-grid,
  .order-promotion-panels {
    grid-template-columns: 1fr;
  }
  .order-promotion-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .order-promotion-stats {
    grid-template-columns: 1fr;
  }
}

.silverstone-report-page--customers .ad-page__content {
  padding-top: 6px !important;
  padding-right: 32px;
}
.silverstone-report-page--customers .ad-page__actions,
.silverstone-report-page--engagement .ad-page__actions {
  margin: 12px 4px 0 0;
}
.customer-report-body {
  display: grid;
  gap: 24px;
}
.customer-report-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
.customer-report-kpi {
  display: grid;
  min-height: 116px;
  align-content: start;
  gap: 4px;
  padding: 15px;
  border-left: 4px solid #ce967e;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.customer-report-kpi > i {
  display: grid;
  width: 32px;
  height: 32px;
  margin-bottom: 3px;
  place-items: center;
  border-radius: 8px;
  background: #f7e7e4;
  color: #ce967e;
  font-size: 16px;
  font-style: normal;
}
.customer-report-kpi > span {
  overflow: hidden;
  color: #777980;
  font-size: 12px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer-report-kpi > strong {
  color: #242830;
  font-size: 18px;
  line-height: 22px;
}
.customer-report-table {
  overflow: hidden;
  border: 1px solid #dedede;
  border-radius: 13px;
  background: #fff;
}
.customer-report-table > h2 {
  margin: 0;
  padding: 12px 15px;
  border-bottom: 1px solid #dedede;
  color: #393c43;
  font-size: 14px;
  line-height: 18px;
}
.customer-report-table .ad-table {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.customer-report-table .ad-table th {
  height: 38px;
  padding: 8px 15px;
  color: #777980;
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
}
.customer-report-table .ad-table td {
  height: 43px;
  padding: 8px 15px;
  color: #666970;
  font-size: 13px;
}
.customer-report-table .ad-table td:first-child {
  color: #343840;
  font-weight: 500;
}
.customer-report-footer {
  margin: -12px 0 0;
  color: #a0a1a6;
  font-size: 12px;
}
.customer-report-footer a {
  color: #ce967e;
  text-decoration: none;
}
.customer-report-footer a:hover {
  text-decoration: underline;
}
.report-skeleton .customer-report-kpi > i {
  width: 32px;
}
.report-skeleton .customer-report-kpi > span {
  width: 80px;
}
.report-skeleton .customer-report-kpi > strong {
  width: 62px;
  height: 20px;
}
.customer-table-loading {
  display: grid;
  min-height: 75px;
  place-items: center;
  color: #a0a1a6;
  font-size: 13px;
}
.customer-table-empty {
  display: grid;
  min-height: 64px;
  place-items: center;
  color: #a0a1a6;
  font-size: 13px;
}
@media (max-width: 1100px) {
  .customer-report-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .customer-report-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.silverstone-report-page--engagement .ad-page__content {
  padding-top: 6px !important;
  padding-right: 32px;
}
.engagement-report-body {
  display: grid;
  gap: 24px;
}
.engagement-panel {
  padding: 15px;
  border: 1px solid #dedede;
  border-radius: 13px;
  background: #fff;
}
.engagement-report-body > .engagement-panel:nth-child(2) {
  min-height: 97px;
}
.engagement-report-body > .engagement-panel:nth-child(3) {
  min-height: 86px;
}
.engagement-panel h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: #3a3e45;
  font-size: 14px;
  line-height: 18px;
}
.engagement-panel h2 > i {
  color: #ce967e;
  font-size: 16px;
  font-style: normal;
}
.engagement-panel p {
  margin: 0;
  color: #73767d;
  font-size: 13px;
  line-height: 19px;
}
.engagement-split {
  display: flex;
  width: 100%;
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: #f2f2f2;
}
.engagement-split > i {
  width: var(--silverstone-report-bar-width);
  background: #ce967e;
}
.engagement-split > b {
  flex: 1;
  background: #8a5a44;
}
.engagement-legend {
  display: flex;
  gap: 18px;
  margin-top: 8px;
  color: #65686f;
  font-size: 12px;
}
.engagement-legend span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.engagement-legend i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ce967e;
}
.engagement-legend span:nth-child(2) i {
  background: #8a5a44;
}
.engagement-skeleton-bar {
  display: block;
  width: 100%;
  height: 12px;
  margin-top: 20px;
  border-radius: 999px;
  background: #ead8c8;
  animation: report-skeleton-pulse 1.5s ease-in-out infinite;
}
.engagement-skeleton-copy {
  width: 50%;
  margin-top: 18px;
}

.silverstone-discount-report .ad-page__header {
  padding-bottom: 6px;
  border-block-end: 0;
}
.silverstone-discount-report .ad-page__content {
  padding-top: 9px !important;
}
.silverstone-discount-report {
  font-family: Montserrat, sans-serif;
}
.silverstone-discount-report .ad-page__header .sf-text {
  font:
    12px/16px Montserrat,
    sans-serif;
}
.discount-report-dates {
  display: flex;
  align-items: end;
  gap: 8px;
  margin-right: 4px;
  transform: translateY(2px);
}
.discount-report-dates .sf-field {
  gap: 2px;
}
.discount-report-dates .sf-field__label {
  color: #85878d;
  font-size: 10px;
  line-height: 12px;
}
.silverstone-discount-report .discount-report-dates input.sf-input__control {
  width: 159px;
  min-height: 36px !important;
  height: 36px !important;
  padding: 4px 12px !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
  background: transparent;
  font:
    14px/20px Montserrat,
    sans-serif !important;
}
.discount-report-dates .sf-button {
  min-height: 36px;
  height: 36px;
}
.discount-report-body {
  position: relative;
  display: grid;
  gap: 16px;
  margin-top: -2px;
  margin-right: 8px;
}
.discount-report-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.discount-report-stats > div {
  display: grid;
  min-height: 65px;
  align-content: center;
  gap: 3px;
  padding: 11px;
  border: 1px solid #e0e0e0;
  border-radius: 9px;
  background: #f9fafb;
}
.discount-report-stats > div:nth-child(2) {
  border-color: rgba(206, 150, 126, 0.35);
  background: rgba(206, 150, 126, 0.08);
}
.discount-report-stats span {
  color: #83858b;
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
}
.discount-report-stats strong {
  color: #282c33;
  font-size: 16px;
  line-height: 20px;
}
.discount-report-stats > div:nth-child(2) strong {
  color: #c58d73;
}
.discount-report-table {
  overflow: hidden;
  border: 1px solid #dedede;
  border-radius: 13px;
  background: #fff;
}
.discount-report-table .ad-table {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.discount-report-table .ad-table thead {
  background: #f4e8e3;
}
.discount-report-table .ad-table th {
  height: 41px;
  padding: 10px 8px;
  color: #34373e;
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
}
.discount-report-table .ad-table td {
  height: 44px;
  padding: 9px 8px;
  font-size: 13px;
}
.discount-report-table .ad-table td.ad-table__empty {
  height: 93px;
  padding: 0 8px;
  color: #6b7280;
  text-align: center;
}
.discount-report-empty {
  font:
    14px/20px Montserrat,
    sans-serif;
  font-weight: 400;
}
.discount-report-type {
  display: inline-flex;
  padding: 3px 8px;
  border-radius: 999px;
  background: #f1f1f1;
  color: #60636a;
  font-size: 10px;
}
@media (max-width: 760px) {
  .discount-report-dates {
    flex-wrap: wrap;
  }
  .discount-report-stats {
    grid-template-columns: 1fr;
  }
}

.silverstone-faq-page .ad-content-area {
  padding-top: 8px;
}
.silverstone-faq-page__add {
  min-width: 126px;
  min-height: 38px;
  border-radius: 999px !important;
  background: #fff !important;
  color: #202026 !important;
}

.silverstone-expected-delivery__field {
  display: grid;
  width: min(100%, 256px);
  gap: 6px;
  font-size: 12px;
  color: var(--sf-color-textMuted);
}
.silverstone-expected-delivery__field input {
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--sf-color-border);
  border-radius: 6px;
  background: #fff;
  color: var(--sf-color-text);
  font: inherit;
}

/* RBAC — Silverstone card directory and staff table over Trimaani adapters. */
.silverstone-rbac-page .ad-page__header {
  border-block-end: 0;
}
.silverstone-rbac-page .ad-page__header h1 {
  font:
    600 24px/32px Montserrat,
    sans-serif;
}
.silverstone-rbac-page .ad-page__content {
  padding: 8px 24px 24px !important;
}
.silverstone-rbac-page .ad-page__content > .sf-stack {
  gap: 16px;
}
.silverstone-rbac-subhead {
  min-height: 36px;
  height: 36px;
  margin-right: 4px;
}
.silverstone-rbac-subhead > .sf-heading {
  font:
    600 16px/24px Montserrat,
    sans-serif;
}
.silverstone-rbac-subhead > .sf-button {
  width: 153px;
  min-height: 36px;
  height: 36px;
  border-radius: 999px;
  border: 0;
  background: #fff;
  color: #171717;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.08);
}
.silverstone-rbac-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 16px;
}
.silverstone-rbac-permissions .silverstone-rbac-card-grid {
  margin-top: 0;
}
.silverstone-rbac-card-grid > .sf-card {
  position: relative;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: #fff;
  box-shadow: inset 4px 4px 10px rgba(0, 0, 0, 0.25);
}
.silverstone-rbac-card-grid > .sf-card > .sf-card__body {
  padding: 20px;
}
.silverstone-rbac-card-grid .sf-heading {
  margin: 0 0 8px;
  font:
    600 18px/28px Montserrat,
    sans-serif;
  text-transform: capitalize;
}
.silverstone-rbac-card-actions {
  position: absolute;
  z-index: 1;
  top: 12px;
  right: 12px;
  display: flex;
  gap: 8px;
}
.silverstone-rbac-card-actions .sf-button {
  width: 42px;
  min-width: 42px;
  min-height: 36px;
  height: 36px;
  padding: 0;
  border-radius: 8px;
  border: 1px solid #979797;
  background: #fff;
  color: #171717;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.1),
    0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.silverstone-rbac-card-actions .sf-button:last-child {
  border-radius: 6px;
}
.silverstone-rbac-card-grid .sf-badge {
  min-height: 24px;
  padding: 4px 12px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #111;
  box-shadow: none;
  filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
  font:
    12px/16px Montserrat,
    sans-serif;
  text-transform: none;
}
.silverstone-rbac-card-description {
  margin: 0;
  color: #6b7280;
  font:
    14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-card-description > strong,
.silverstone-rbac-card-description > span {
  display: block;
}
.silverstone-rbac-card-description > strong,
.silverstone-rbac-card-permissions > strong {
  color: #111;
  font-weight: 500;
}
.silverstone-rbac-card-description button {
  margin-left: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6b7280;
  font:
    12px/16px Montserrat,
    sans-serif;
  text-decoration: underline;
}
.silverstone-rbac-card-permissions {
  margin-top: 12px;
  font:
    14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-card-permissions > strong {
  display: block;
  margin-bottom: 4px;
}
.silverstone-rbac-permission-title {
  display: flex;
  min-height: 28px;
  align-items: center;
  gap: 8px;
}
.silverstone-rbac-permission-title > .sf-heading {
  margin-bottom: 0;
}
.silverstone-rbac-role-assignments {
  margin-top: 16px;
}
.silverstone-rbac-role-assignments > strong {
  margin-bottom: 8px;
}
.silverstone-rbac-permissions .silverstone-rbac-card-grid > .sf-card {
  min-height: 136px;
}
.silverstone-rbac-no-data {
  grid-column: 1 / -1;
  padding: 40px 0;
  color: #6b7280;
  font:
    24px/32px Montserrat,
    sans-serif;
  text-align: center;
}
.silverstone-rbac-page .silverstone-list-toolbar {
  gap: 20px;
  padding: 0;
}
.silverstone-rbac-page .silverstone-list-toolbar .ad-toolbar__spacer {
  display: none;
}
.silverstone-rbac-page .silverstone-list-toolbar .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.silverstone-rbac-page .silverstone-list-toolbar .sf-field:has(.sf-select) {
  flex: 0 0 179px;
  width: 179px;
}
.silverstone-rbac-page .silverstone-list-toolbar .sf-select {
  width: 179px;
  min-height: 36px;
  height: 36px;
  border-radius: 999px;
  background: #fff;
}
.silverstone-rbac-page .silverstone-list-toolbar .sf-button {
  width: 196px;
  min-height: 36px;
  height: 36px;
  border-radius: 999px;
  border: 0;
  background: #fff;
  color: #171717;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.08);
}
.silverstone-rbac-staff .silverstone-list-toolbar {
  gap: 8px;
}
.silverstone-rbac-staff .silverstone-list-toolbar .sf-button {
  width: auto;
  padding: 8px 30px;
  font:
    500 14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-staff .silverstone-list-toolbar .sf-field:has(.sf-input) {
  flex: 0 0 249px;
  width: 249px;
}
.silverstone-rbac-staff .silverstone-list-toolbar .sf-input {
  width: 249px;
  min-height: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow:
    0 4px 6px -1px rgb(0 0 0 / 10%),
    0 2px 4px -2px rgb(0 0 0 / 10%);
}
.silverstone-rbac-staff .silverstone-list-toolbar .sf-input__control {
  width: 100%;
  height: 36px;
  padding: 8px 40px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  font:
    14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-staff-table {
  margin-right: 4px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
}
.silverstone-rbac-staff-table .ad-tablewrap {
  border-radius: 10px 10px 0 0 !important;
}
.silverstone-rbac-staff-table .ad-table {
  table-layout: fixed;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.silverstone-rbac-staff-table .ad-table thead {
  background: #f4e5df;
}
.silverstone-rbac-staff-table .ad-table th {
  height: 40px;
  padding: 0 8px;
  font:
    500 14px/20px Montserrat,
    sans-serif;
  text-align: center;
  text-transform: none;
}
.silverstone-rbac-staff-table .ad-table td {
  height: 49px;
  padding: 8px;
  font:
    14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-staff-table .ad-table th:nth-child(1),
.silverstone-rbac-staff-table .ad-table td:nth-child(1) {
  width: 10.4490546%;
}
.silverstone-rbac-staff-table .ad-table th:nth-child(2),
.silverstone-rbac-staff-table .ad-table td:nth-child(2) {
  width: 13.3167017%;
}
.silverstone-rbac-staff-table .ad-table th:nth-child(3),
.silverstone-rbac-staff-table .ad-table td:nth-child(3) {
  width: 7.2840074%;
}
.silverstone-rbac-staff-table .ad-table th:nth-child(4),
.silverstone-rbac-staff-table .ad-table td:nth-child(4) {
  width: 33.3265494%;
}
.silverstone-rbac-staff-table .ad-table th:nth-child(5),
.silverstone-rbac-staff-table .ad-table td:nth-child(5) {
  width: 15.7247899%;
}
.silverstone-rbac-staff-table .ad-table th:nth-child(6),
.silverstone-rbac-staff-table .ad-table td:nth-child(6) {
  width: 7.2840074%;
}
.silverstone-rbac-staff-table .ad-table th:nth-child(7),
.silverstone-rbac-staff-table .ad-table td:nth-child(7) {
  width: 12.6148908%;
}
.silverstone-rbac-staff-table .ad-table td:nth-child(1) {
  padding-inline: 24px;
  text-align: left;
}
.silverstone-rbac-staff-table .ad-table td:nth-child(2) {
  text-align: left;
}
.silverstone-rbac-staff-table .ad-table td:nth-child(3),
.silverstone-rbac-staff-table .ad-table td:nth-child(5),
.silverstone-rbac-staff-table .ad-table td:nth-child(6),
.silverstone-rbac-staff-table .ad-table td:nth-child(7) {
  text-align: center;
}
.silverstone-rbac-staff-table .ad-table td:nth-child(4) > .sf-flex {
  justify-content: flex-start;
}
.silverstone-rbac-staff-table .sf-badge {
  min-height: 20px;
  padding: 2px 10px;
  border: 0;
  border-radius: 999px;
  background: #f3f4f6;
  color: #1f2937;
  font:
    500 12px/16px Montserrat,
    sans-serif;
  text-transform: none;
}
.silverstone-rbac-staff-table .ad-table tbody tr:has(.silverstone-rbac-empty) td {
  height: 96px !important;
  min-height: 96px !important;
}
.silverstone-rbac-empty {
  display: inline-flex;
  min-height: 80px;
  align-items: center;
  color: #707070;
  font-size: 13px;
}
.silverstone-rbac-pagination {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 16px;
  border-top: 1px solid #eee;
  font:
    13px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-pagination > span:last-child {
  display: flex;
  align-items: center;
  gap: 8px;
}
.silverstone-rbac-pagination button {
  border: 0;
  background: transparent;
  color: #999;
}
.silverstone-rbac-pagination strong {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 7px;
  background: rgba(206, 150, 126, 0.18);
  font-weight: 500;
}

.silverstone-rbac-role-modal {
  width: 448px !important;
  min-height: 350px;
  max-width: calc(100vw - 32px) !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow:
    0 10px 15px -3px rgb(0 0 0 / 10%),
    0 4px 6px -4px rgb(0 0 0 / 10%) !important;
}
.silverstone-rbac-role-modal .sf-modal__header {
  position: relative;
  min-height: 65px;
  padding: 19px 13px 16px 24px;
}
.silverstone-rbac-role-modal .sf-modal__header::before {
  content: '';
  position: absolute;
  top: 30px;
  left: 165px;
  width: 64px;
  height: 1px;
  background: #d8d8d8;
}
.silverstone-rbac-role-modal .sf-modal__header::after {
  content: 'Assign Permissions';
  position: absolute;
  top: 20px;
  left: 245px;
  color: #8a8a8a;
  font:
    500 13px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-role-modal .sf-modal__header > .sf-heading {
  margin-left: 42px;
  color: #242424;
  font:
    600 14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-role-modal .sf-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  width: 20px;
  height: 20px;
  color: transparent;
  font-size: 0;
}
.silverstone-rbac-role-modal .sf-modal__close::before,
.silverstone-rbac-role-modal .sf-modal__close::after {
  content: '';
  position: absolute;
  top: 9px;
  left: 1px;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: #161616;
}
.silverstone-rbac-role-modal .sf-modal__close::before {
  transform: rotate(45deg);
}
.silverstone-rbac-role-modal .sf-modal__close::after {
  transform: rotate(-45deg);
}
.silverstone-rbac-role-modal .sf-modal__body {
  padding: 0 24px;
}
.silverstone-rbac-role-modal .sf-modal__body > .sf-stack {
  gap: 10px;
}
.silverstone-rbac-role-details {
  gap: 16px !important;
}
.silverstone-rbac-role-modal .sf-modal__body .sf-heading {
  margin-top: 3px;
  font:
    600 18px/18px Montserrat,
    sans-serif;
}
.silverstone-rbac-role-modal .sf-field {
  gap: 5px;
}
.silverstone-rbac-role-details .sf-field__label,
.silverstone-rbac-role-description > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.silverstone-rbac-role-modal .sf-input {
  min-height: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
}
.silverstone-rbac-role-modal .sf-input__control {
  height: 44px;
  padding: 12px 16px;
}
.silverstone-rbac-role-description {
  display: grid;
  gap: 5px;
  margin-top: 0;
}
.silverstone-rbac-role-description textarea {
  width: 100%;
  min-height: 104px;
  padding: 12px 16px;
  resize: none;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #242424;
  box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
  font:
    14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-field-error,
.silverstone-rbac-form-errors {
  color: #ef4444;
  font:
    12px/16px Montserrat,
    sans-serif;
}
.silverstone-rbac-role-details > .silverstone-rbac-field-error {
  margin-top: -8px;
}
.silverstone-rbac-role-modal .sf-modal__footer {
  padding: 22px 24px 16px;
}
.silverstone-rbac-role-modal .sf-modal__footer > .sf-flex {
  gap: 8px;
}
.silverstone-rbac-role-modal .sf-modal__footer .sf-button {
  min-height: 36px;
  height: 36px;
  border-radius: 8px;
}
.silverstone-rbac-role-modal .sf-modal__footer .sf-button:first-child {
  width: 88px;
  min-width: 88px;
}
.silverstone-rbac-role-modal .sf-modal__footer .sf-button:last-child {
  width: 114px;
  min-width: 114px;
  border: 0;
  background: #171717;
  color: #fff;
}
.silverstone-rbac-role-modal--step-2 .sf-modal__header > .sf-heading {
  color: #9a9a9a;
  font-weight: 400;
}
.silverstone-rbac-role-modal--step-2 .sf-modal__header::after {
  color: #242424;
  font-weight: 600;
}
.silverstone-rbac-role-modal--step-2 .sf-modal__footer .sf-button:last-child {
  width: 146px;
  min-width: 146px;
}
.silverstone-rbac-role-modal--step-2 .sf-modal__body > .sf-stack {
  gap: 16px;
}
.silverstone-rbac-role-modal--step-2 .sf-field {
  gap: 6px;
}
.silverstone-rbac-role-modal--step-2 .sf-field__label,
.silverstone-rbac-selected-permissions > .sf-text {
  color: #454545;
  font:
    500 13px/18px Montserrat,
    sans-serif;
}
.silverstone-rbac-role-modal--step-2 .sf-select {
  min-height: 42px;
  height: 42px;
  background: #fff;
}
.silverstone-rbac-selected-permissions > .sf-flex {
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid #e4e0de;
  border-radius: 6px;
  background: #fafafa;
}
.silverstone-rbac-selected-permissions > .sf-flex > .sf-text {
  color: #9a9a9a;
  font-size: 13px;
}
.silverstone-rbac-selected-permissions > .sf-flex > span {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 6px 4px 10px;
  border: 1px solid #e5e1df;
  border-radius: 999px;
  background: #fff;
  font:
    13px/18px Montserrat,
    sans-serif;
}
.silverstone-rbac-selected-permissions button {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #999;
  font-size: 16px;
}

.silverstone-rbac-permission-modal {
  top: 0;
  width: 512px !important;
  height: 304px;
  min-height: 304px;
  max-width: calc(100vw - 32px) !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
  box-shadow:
    0 10px 15px -3px rgb(0 0 0 / 10%),
    0 4px 6px -4px rgb(0 0 0 / 10%) !important;
}
.silverstone-rbac-permission-modal .sf-modal__header {
  position: relative;
  top: -1px;
  flex: 0 0 46px;
  height: 46px;
  padding: 22px 24px 0;
}
.silverstone-rbac-permission-modal .sf-modal__header > .sf-heading {
  position: relative;
  top: 0;
  font:
    600 18px/18px Montserrat,
    sans-serif;
}
.silverstone-rbac-permission-modal .sf-modal__close {
  position: absolute;
  top: 21px;
  right: 20px;
  width: 20px;
  height: 20px;
  color: transparent;
  font-size: 0;
}
.silverstone-rbac-permission-modal .sf-modal__close::before,
.silverstone-rbac-permission-modal .sf-modal__close::after {
  content: '';
  position: absolute;
  top: 9px;
  left: 1px;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: #161616;
}
.silverstone-rbac-permission-modal .sf-modal__close::before {
  transform: rotate(45deg);
}
.silverstone-rbac-permission-modal .sf-modal__close::after {
  transform: rotate(-45deg);
}
.silverstone-rbac-permission-modal .sf-modal__body {
  position: relative;
  top: -1px;
  flex: 0 0 181px;
  height: 181px;
  padding: 5px 24px 0;
}
.silverstone-rbac-permission-modal .sf-modal__body > .sf-stack {
  gap: 16px;
}
.silverstone-rbac-permission-modal .silverstone-rbac-field-error {
  margin: -14px 0 -10px;
}
.silverstone-rbac-permission-modal .sf-modal__body > .sf-stack > .sf-text {
  color: #727272;
  font:
    500 14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-permission-modal .sf-field {
  gap: 0;
}
.silverstone-rbac-permission-modal .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.silverstone-rbac-permission-modal .sf-select,
.silverstone-rbac-permission-modal .sf-input {
  min-height: 36px;
  height: 36px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
}
.silverstone-rbac-permission-modal .sf-select {
  border: 1px solid #e5e7eb;
  border-radius: 999px;
}
.silverstone-rbac-permission-modal .sf-input {
  padding: 0;
  border: 0;
}
.silverstone-rbac-permission-modal .sf-input__control {
  height: 36px;
  padding: 8px 16px;
}
.silverstone-rbac-permission-modal .sf-modal__footer {
  position: relative;
  top: -1px;
  flex: 0 0 76px;
  height: 76px;
  margin-top: auto;
  padding: 16px 24px 24px;
}
.silverstone-rbac-permission-modal .sf-modal__footer > .sf-flex {
  gap: 8px;
}
.silverstone-rbac-permission-modal .sf-modal__footer .sf-button {
  min-height: 36px;
  height: 36px;
  border-radius: 8px;
  font:
    500 14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-permission-modal .sf-modal__footer .sf-button:first-child {
  width: auto;
}
.silverstone-rbac-permission-modal .sf-modal__footer .sf-button:last-child {
  width: auto;
  border: 0;
  background: #171717;
  color: #fff;
}
.silverstone-rbac-permissions .silverstone-rbac-card-grid .sf-choice__text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.silverstone-rbac-staff-modal {
  top: 0;
  width: 500px !important;
  height: 373px;
  max-width: calc(100vw - 32px) !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  overflow: visible !important;
  display: flex;
  flex-direction: column;
  box-shadow:
    0 10px 15px -3px rgb(0 0 0 / 10%),
    0 4px 6px -4px rgb(0 0 0 / 10%) !important;
}
.silverstone-rbac-staff-modal--edit {
  height: 629px;
}
.silverstone-rbac-staff-modal .sf-modal__header {
  position: relative;
  top: -1px;
  flex: 0 0 48px;
  height: 48px;
  padding: 20px 24px 0;
}
.silverstone-rbac-staff-modal .sf-modal__header > .sf-heading {
  font:
    600 18px/18px Montserrat,
    sans-serif;
}
.silverstone-rbac-staff-modal .sf-modal__close {
  position: absolute;
  top: 21px;
  right: 20px;
  width: 20px;
  height: 20px;
  color: transparent;
  font-size: 0;
}
.silverstone-rbac-staff-modal .sf-modal__close::before,
.silverstone-rbac-staff-modal .sf-modal__close::after {
  content: '';
  position: absolute;
  top: 9px;
  left: 1px;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: #161616;
}
.silverstone-rbac-staff-modal .sf-modal__close::before {
  transform: rotate(45deg);
}
.silverstone-rbac-staff-modal .sf-modal__close::after {
  transform: rotate(-45deg);
}
.silverstone-rbac-staff-modal .sf-modal__body {
  position: relative;
  top: -1px;
  padding: 3px 24px 0;
  overflow: visible;
}
.silverstone-rbac-staff-modal:not(.silverstone-rbac-staff-modal--edit) .sf-modal__body {
  flex: 0 0 247px;
  height: 247px;
}
.silverstone-rbac-staff-modal--edit .sf-modal__body {
  flex: 0 0 504px;
  height: 504px;
}
.silverstone-rbac-staff-modal .sf-modal__body > .sf-stack {
  gap: 16px;
}
.silverstone-rbac-staff-modal .sf-modal__body > .sf-stack > .sf-text {
  margin-bottom: 16px;
  color: #707070;
  font:
    500 14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-staff-modal .sf-field {
  display: grid;
  grid-template-columns: 100.5px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}
.silverstone-rbac-password-field {
  display: grid;
  grid-template-columns: 100.5px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  font:
    500 14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-password-field > span:last-child {
  position: relative;
}
.silverstone-rbac-password-field input {
  width: 100%;
  height: 36px;
  padding: 4px 42px 4px 12px;
  border: 1px solid var(--sf-color-border);
  border-radius: 8px;
  background: #fff;
  color: var(--sf-color-text);
  font: inherit;
}
.silverstone-rbac-password-field button {
  position: absolute;
  top: 50%;
  right: 12px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #939aa6;
}
.silverstone-rbac-password-field svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
.silverstone-rbac-staff-permissions-field {
  display: grid;
  grid-template-columns: 100.5px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  font:
    500 14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-staff-permissions-field > span:first-child {
  padding-top: 8px;
}
.silverstone-rbac-staff-permissions-field > span:last-child {
  display: grid;
  max-height: 240px;
  gap: 8px;
  padding: 12px;
  overflow-y: auto;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  font-weight: 400;
}
.silverstone-rbac-staff-permissions-field > span:last-child > label {
  display: flex;
  min-height: 24px;
  align-items: center;
  gap: 8px;
}
.silverstone-rbac-staff-permissions-field input {
  width: 13px;
  height: 13px;
  accent-color: #171717;
}
.silverstone-rbac-staff-permissions-field em {
  color: #6b7280;
  font-style: normal;
}
.silverstone-rbac-form-errors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px 12px;
  padding-left: 116px;
}
.silverstone-rbac-staff-modal:has(.silverstone-rbac-form-errors) {
  height: auto;
  min-height: 372px;
}
.silverstone-rbac-staff-modal .sf-field__label {
  font:
    500 14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-staff-modal .sf-input,
.silverstone-rbac-staff-modal .sf-select {
  min-height: 36px;
  height: 36px;
  border-radius: 8px;
  background: #fff;
}
.silverstone-rbac-staff-modal .sf-input {
  padding: 0;
}
.silverstone-rbac-staff-modal .sf-input__control {
  width: 100%;
  height: 36px;
  padding: 4px 12px;
  font:
    14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-staff-modal .sf-select {
  min-height: 37px;
  height: 37px;
  font:
    14px Montserrat,
    sans-serif;
}
.silverstone-rbac-staff-modal .sf-modal__footer {
  margin-top: auto;
  padding: 16px 24px 24px;
}
.silverstone-rbac-staff-modal:not(.silverstone-rbac-staff-modal--edit) .sf-modal__footer {
  flex: 0 0 76px;
  height: 76px;
}
.silverstone-rbac-staff-modal--edit .sf-modal__footer {
  position: relative;
  top: -1px;
  flex: 0 0 76px;
  height: 76px;
}
.silverstone-rbac-staff-modal .sf-modal__footer > .sf-flex {
  gap: 8px;
}
.silverstone-rbac-staff-modal .sf-modal__footer .sf-button {
  min-height: 36px;
  height: 36px;
  border-radius: 8px;
  font:
    500 14px/20px Montserrat,
    sans-serif;
}
.silverstone-rbac-staff-modal .sf-modal__footer .sf-button:first-child {
  width: auto;
}
.silverstone-rbac-staff-modal .sf-modal__footer .sf-button:last-child {
  width: auto;
  border: 0;
  background: #171717;
  color: #fff;
}
.silverstone-rbac-staff .silverstone-rbac-subhead,
.silverstone-rbac-staff .silverstone-rbac-staff-table {
  margin-right: 4px;
}
.silverstone-rbac-staff-table td:nth-child(3) {
  text-transform: capitalize;
}
.silverstone-rbac-staff-table td:last-child .sf-button:last-child {
  width: 38px;
  min-width: 38px;
  padding: 0;
}
.silverstone-rbac-staff-table td:last-child > .sf-flex {
  justify-content: center;
  gap: 8px;
}
.silverstone-rbac-staff-table td:last-child .sf-button {
  min-height: 34px;
  height: 34px;
}
.silverstone-rbac-staff-table td:last-child .sf-button:first-child {
  width: 77px;
}

/* Product Style mirrors the compact Silverstone create/edit surface. */
.ad-master-page--product-style .sf-table tbody tr,
.ad-master-page--motif .sf-table tbody tr {
  height: 80px;
}
.ad-master-page--product-style .silverstone-master-thumbnail,
.silverstone-master-image-placeholder {
  width: 64px;
  height: 64px;
  border-radius: 0;
}
.silverstone-master-image-placeholder {
  display: grid;
  place-items: center;
  border: 1px dashed #dedede;
  color: #9aa0a6;
}
.silverstone-master-image-placeholder svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}
.sf-modal__panel.silverstone-product-style-modal,
.sf-modal__panel.silverstone-motif-modal,
.sf-modal__panel.silverstone-size-modal {
  top: -0.5px;
  width: 425px !important;
  height: 584px;
  min-height: 584px;
  max-width: calc(100vw - 32px) !important;
  border: 1px solid #e5e5e5;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.sf-modal:has(.silverstone-product-style-modal) .sf-scrim,
.sf-modal:has(.silverstone-motif-modal) .sf-scrim,
.sf-modal:has(.silverstone-size-modal) .sf-scrim {
  background: rgba(0, 0, 0, 0.2);
}
.silverstone-product-style-modal .sf-modal__header,
.silverstone-motif-modal .sf-modal__header,
.silverstone-size-modal .sf-modal__header {
  padding: 21px 20px 0 24px;
}
.silverstone-product-style-modal .sf-modal__header h2,
.silverstone-motif-modal .sf-modal__header h2,
.silverstone-size-modal .sf-modal__header h2 {
  font:
    600 18px/25px Montserrat,
    sans-serif;
}
.silverstone-product-style-modal .sf-modal__close,
.silverstone-motif-modal .sf-modal__close,
.silverstone-size-modal .sf-modal__close {
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #414141;
  font-size: 22px;
}
.silverstone-product-style-modal .sf-modal__body,
.silverstone-motif-modal .sf-modal__body,
.silverstone-size-modal .sf-modal__body {
  padding: 3.5px 24px 23px;
  overflow: hidden;
}
.sf-modal__panel.silverstone-motif-modal {
  height: 510px;
  min-height: 510px;
}
.sf-modal__panel.silverstone-size-modal {
  height: 460px;
  min-height: 460px;
}
.ad-master-page--size .silverstone-master-actions > .sf-button {
  order: 1;
}
.ad-master-page--size .silverstone-master-actions > .sf-field {
  order: 2;
}
.ad-master-page--size .silverstone-master-actions > .silverstone-master-search {
  order: 3;
}
.ad-master-page--size .ad-page__content {
  padding: 31px 48px 32px 40px !important;
}
.ad-master-page--size .ad-page__content > .sf-stack {
  gap: 20px !important;
}
.silverstone-product-style-form {
  display: grid;
  gap: 13px;
  font-family: Montserrat, sans-serif;
}
.silverstone-product-style-form__intro {
  margin: 0 0 18.5px;
  color: #6f6f6f;
  font-size: 13px;
  line-height: 18px;
}
.silverstone-product-style-form > label,
.silverstone-product-style-form__image-field {
  display: grid;
  gap: 6px;
  color: #242424;
  font-size: 13px;
  line-height: 18px;
}
.silverstone-product-style-form input:not([type='file']),
.silverstone-product-style-form select {
  width: 100%;
  height: 37px;
  padding: 8px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
  color: #262626;
  font:
    13px Montserrat,
    sans-serif;
  outline: none;
}
.silverstone-product-style-form input:not([type='file']):focus,
.silverstone-product-style-form select:focus {
  border-color: #7a7a7a;
}
.silverstone-product-style-form__image-field > p {
  margin: 0;
}
.silverstone-product-style-form__image-field b {
  color: #c74747;
}
.silverstone-product-style-upload {
  display: grid;
  place-items: center;
  align-content: center;
  height: 159px;
  border: 1px dashed #d8d8d8;
  border-radius: 8px;
  cursor: pointer;
  color: #737373;
  text-align: center;
}
.silverstone-product-style-upload input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.silverstone-product-style-upload i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 10px;
  color: #8e959d;
}
.silverstone-product-style-upload i svg {
  width: 36px;
  height: 36px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}
.silverstone-product-style-upload strong {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
}
.silverstone-product-style-upload small {
  color: #aaa;
  font-size: 11px;
  line-height: 17px;
}
.silverstone-product-style-upload img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.silverstone-product-style-form__footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 4px;
}
.silverstone-product-style-form__footer .sf-button {
  width: 65px;
  min-width: 65px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: 7px;
  background: #171717 !important;
  color: #fff !important;
  font-size: 12px;
}

.ad-master-page--collection .sf-table tbody tr {
  height: 64px;
}
.ad-master-page--collection .silverstone-master-thumbnail {
  width: 44px;
  height: 44px;
  border-radius: 3px;
  object-fit: cover;
}
.silverstone-collection-section-select {
  width: 296px;
  height: 36px;
  padding: 0 34px 0 12px;
  border: 1px solid #e5e5e5;
  border-radius: 999px;
  background: #fff;
  color: #343434;
  font:
    13px Montserrat,
    sans-serif;
}
.sf-modal__panel.silverstone-collection-modal {
  width: 768px !important;
  height: 660px;
  min-height: 660px;
  max-width: calc(100vw - 32px) !important;
  border: 1px solid #e5e5e5;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.sf-modal:has(.silverstone-collection-modal) .sf-scrim {
  background: rgba(0, 0, 0, 0.2);
}
.silverstone-collection-modal .sf-modal__header {
  padding: 21px 20px 0 24px;
}
.silverstone-collection-modal .sf-modal__header h2 {
  font:
    600 20px/27px Montserrat,
    sans-serif;
}
.silverstone-collection-modal .sf-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #414141;
  font-size: 22px;
}
.silverstone-collection-modal .sf-modal__body {
  padding: 34px 24px 24px;
  overflow: hidden;
}
.silverstone-collection-form {
  display: grid;
  gap: 14px;
  height: 100%;
  font-family: Montserrat, sans-serif;
}
.silverstone-collection-form label {
  display: grid;
  gap: 6px;
  color: #242424;
  font-size: 13px;
  line-height: 18px;
}
.silverstone-collection-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.silverstone-collection-form > label:nth-child(2) {
  margin-top: 8px;
}
.silverstone-collection-form > label:nth-child(3) {
  margin-top: 4px;
}
.silverstone-collection-form input:not([type='file']),
.silverstone-collection-form select,
.silverstone-collection-form textarea {
  width: 100%;
  height: 36px;
  padding: 8px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
  color: #262626;
  font:
    13px Montserrat,
    sans-serif;
  outline: none;
}
.silverstone-collection-form textarea {
  height: 64px;
  resize: none;
}
.silverstone-collection-form label small {
  color: #777;
  font-size: 11px;
  line-height: 15px;
}
.silverstone-collection-form__thumbnail > p {
  margin: 0 0 6px;
  color: #242424;
  font-size: 13px;
  line-height: 18px;
}
.silverstone-collection-form__thumbnail {
  margin-top: 2px;
}
.silverstone-collection-form__thumbnail > p span {
  margin-left: 6px;
  color: #9aa0a6;
}
.silverstone-collection-form__thumbnail > input {
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
  font:
    12px Montserrat,
    sans-serif;
}
.silverstone-collection-thumbnail-preview {
  display: grid;
  place-items: center;
  align-content: center;
  width: 96px;
  height: 96px;
  margin-top: 12px;
  border: 1px dashed #dadada;
  border-radius: 8px;
  color: #a0a5aa;
  text-align: center;
}
.silverstone-collection-thumbnail-preview i,
.silverstone-collection-thumbnail-preview svg {
  width: 26px;
  height: 26px;
}
.silverstone-collection-thumbnail-preview span,
.silverstone-collection-thumbnail-preview small {
  font-size: 11px;
  line-height: 17px;
}
.silverstone-collection-thumbnail-preview img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.silverstone-collection-form__footer {
  position: absolute;
  right: 24px;
  bottom: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: end;
  gap: 12px;
}
.silverstone-collection-form__footer .sf-button {
  height: 36px;
  min-height: 36px;
  border-radius: 7px;
  font-size: 12px;
}
.silverstone-collection-form__footer .sf-button:last-child {
  min-width: 153px;
  background: #171717 !important;
  color: #fff !important;
}
.silverstone-collection-form__footer .sf-button:first-child {
  min-width: 82px;
}

.ad-master-page--occasion .sf-table tbody tr {
  height: 80px;
}
.ad-master-page--occasion .silverstone-master-thumbnail,
.ad-master-page--occasion .silverstone-master-image-placeholder {
  width: 126px;
  height: 64px;
  border-radius: 3px;
  object-fit: cover;
}
.silverstone-master-drag {
  display: grid;
  place-items: center;
  width: 18px;
  height: 30px;
  color: #a5abb2;
  cursor: grab;
}
.silverstone-master-drag svg {
  width: 16px;
  height: 16px;
}
.silverstone-inline-switch {
  position: relative;
  width: 40px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #e6e6e6;
}
.silverstone-inline-switch[aria-pressed='true'] {
  background: #c99a73;
}
.silverstone-inline-switch span {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.15s ease;
}
.silverstone-inline-switch[aria-pressed='true'] span {
  transform: translateX(20px);
}
.silverstone-occasion-banner-button {
  min-width: 56px;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 7px;
  color: #242424;
}
.sf-modal__panel.silverstone-occasion-modal {
  width: 525px !important;
  height: 540px;
  min-height: 540px;
  max-width: calc(100vw - 32px) !important;
  border: 1px solid #e5e5e5;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.sf-modal__panel.silverstone-occasion-modal--edit {
  height: 638px;
  min-height: 638px;
}
.sf-modal:has(.silverstone-occasion-modal) .sf-scrim,
.sf-modal:has(.silverstone-banner-products-modal) .sf-scrim {
  background: rgba(0, 0, 0, 0.2);
}
.silverstone-occasion-modal .sf-modal__header,
.silverstone-banner-products-modal .sf-modal__header {
  padding: 21px 20px 0 24px;
}
.silverstone-occasion-modal .sf-modal__header h2,
.silverstone-banner-products-modal .sf-modal__header h2 {
  font:
    600 18px/25px Montserrat,
    sans-serif;
}
.silverstone-occasion-modal .sf-modal__close,
.silverstone-banner-products-modal .sf-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #414141;
  font-size: 22px;
}
.silverstone-occasion-modal .sf-modal__body {
  padding: 4.5px 24px 24px;
  overflow: hidden;
}
.silverstone-occasion-form {
  display: grid;
  gap: 14px;
  font-family: Montserrat, sans-serif;
}
.silverstone-occasion-form > p {
  margin: 0 0 17.5px;
  color: #6f6f6f;
  font-size: 13px;
  line-height: 18px;
}
.silverstone-occasion-form > label,
.silverstone-occasion-form__image-field {
  display: grid;
  gap: 6px;
  color: #242424;
  font-size: 13px;
  line-height: 18px;
}
.silverstone-occasion-form__image-field {
  gap: 8px;
}
.silverstone-occasion-form input:not([type='file']),
.silverstone-occasion-form textarea {
  width: 100%;
  height: 36px;
  padding: 8px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
  color: #262626;
  font:
    13px Montserrat,
    sans-serif;
  outline: none;
}
.silverstone-occasion-form textarea {
  height: 64px;
  resize: none;
}
.silverstone-occasion-form__image-field > p {
  margin: 0;
}
.silverstone-occasion-form__image-field b {
  color: #c74747;
}
.silverstone-occasion-form__image-field > p span {
  margin-left: 6px;
  color: #9aa0a6;
}
.silverstone-occasion-upload {
  display: grid;
  place-items: center;
  align-content: center;
  height: 160px;
  border: 1px dashed #d8d8d8;
  border-radius: 8px;
  cursor: pointer;
  color: #737373;
  text-align: center;
}
.silverstone-occasion-upload input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.silverstone-occasion-upload i,
.silverstone-occasion-upload i svg {
  width: 36px;
  height: 36px;
  margin-bottom: 8px;
  color: #8e959d;
}
.silverstone-occasion-upload strong {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
}
.silverstone-occasion-upload small {
  color: #aaa;
  font-size: 11px;
  line-height: 17px;
}
.silverstone-occasion-upload img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.silverstone-occasion-current-image {
  position: relative;
  width: 475px;
  height: 238px;
  overflow: hidden;
  border-radius: 8px;
}
.silverstone-occasion-current-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.silverstone-occasion-current-image button {
  position: absolute;
  top: 8px;
  right: 8px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #ef5757;
  color: #fff;
  font-size: 20px;
}
.silverstone-occasion-form__image-field > small {
  color: #888;
  font-size: 11px;
  line-height: 14px;
}
.silverstone-occasion-form__footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 3px;
  transform: translateY(-1px);
}
.silverstone-occasion-form__footer .sf-button {
  height: 36px;
  min-height: 36px;
  border-radius: 7px;
  font-size: 12px;
}
.silverstone-occasion-form__footer .sf-button:first-child {
  min-width: 82px;
}
.silverstone-occasion-form__footer .sf-button:last-child {
  min-width: 148px;
  background: #171717 !important;
  color: #fff !important;
}
.sf-modal__panel.silverstone-banner-products-modal {
  width: 512px !important;
  height: 655px;
  min-height: 655px;
  max-width: calc(100vw - 32px) !important;
  border-radius: 9px;
  overflow: hidden;
}
.silverstone-banner-products-modal .sf-modal__body {
  padding: 3px 24px 24px;
  overflow: hidden;
}
.silverstone-banner-products {
  display: grid;
  gap: 14px;
  font-family: Montserrat, sans-serif;
}
.silverstone-banner-products > p {
  margin: 0;
  padding-right: 8px;
  color: #555;
  font-size: 13px;
  line-height: 19px;
}
.silverstone-banner-products__search {
  position: relative;
}
.silverstone-banner-products__search i {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 17px;
  height: 17px;
  transform: translateY(-50%);
  color: #9aa0a6;
}
.silverstone-banner-products__search input {
  width: 100%;
  height: 36px;
  padding: 8px 12px 8px 38px;
  border: 1px solid #b9b9b9;
  border-radius: 8px;
  font:
    13px Montserrat,
    sans-serif;
}
.silverstone-banner-products__list {
  height: 332px;
  overflow: auto;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
}
.silverstone-banner-products__list > button {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 72px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
  color: #242424;
  text-align: left;
}
.silverstone-banner-products__list > button[aria-pressed='true'] {
  background: #faf4ef;
}
.silverstone-banner-products__list img,
.silverstone-banner-products__thumb {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 7px;
  object-fit: cover;
  color: #9aa0a6;
}
.silverstone-banner-products__list strong,
.silverstone-banner-products__list small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.silverstone-banner-products__list strong {
  font-size: 13px;
  font-weight: 500;
}
.silverstone-banner-products__list small,
.silverstone-banner-products__note {
  color: #8a8a8a;
  font-size: 11px;
  line-height: 16px;
}
.silverstone-banner-products__list b {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #c99a73;
  color: #fff;
  font-size: 11px;
}
.silverstone-banner-products__empty {
  margin: 0;
  padding: 32px;
  color: #8a8a8a;
  text-align: center;
}
.silverstone-banner-products__footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.silverstone-banner-products__footer .sf-button {
  height: 36px;
  min-height: 36px;
  border-radius: 7px;
  font-size: 12px;
}
.silverstone-banner-products__footer .sf-button:last-child {
  min-width: 65px;
  background: #171717 !important;
  color: #fff !important;
}

.ad-master-page--return-policy .ad-master-page__entity,
.ad-master-page--note .ad-master-page__entity {
  transform: translateY(-18px);
}
.ad-master-page--return-policy .silverstone-master-actions,
.ad-master-page--note .silverstone-master-actions {
  position: relative;
  z-index: 2;
  transform: translateY(35px);
}
.ad-master-page--return-policy .silverstone-master-actions > .silverstone-master-search,
.ad-master-page--note .silverstone-master-actions > .silverstone-master-search {
  order: 1;
}
.ad-master-page--return-policy .silverstone-master-actions > .sf-button,
.ad-master-page--note .silverstone-master-actions > .sf-button {
  order: 2;
  min-width: 230px;
}
.ad-master-page--return-policy .silverstone-master-actions > .sf-button::before,
.ad-master-page--note .silverstone-master-actions > .sf-button::before {
  content: '+';
  margin-right: 9px;
  font-size: 19px;
  font-weight: 400;
}
.ad-master-page--return-policy .silverstone-section-tabs,
.ad-master-page--note .silverstone-section-tabs {
  transform: translateY(-17px);
}
.ad-master-page--return-policy .silverstone-section-tabs > .sf-tabs__list,
.ad-master-page--note .silverstone-section-tabs > .sf-tabs__list {
  width: 190px;
  padding: 0;
  background: transparent;
}
.ad-master-page--return-policy .silverstone-section-tabs > .sf-tabs__list .sf-tabs__tab,
.ad-master-page--note .silverstone-section-tabs > .sf-tabs__list .sf-tabs__tab {
  flex: 0 0 auto;
  min-height: 36px;
  white-space: nowrap;
}
.ad-master-page--return-policy .silverstone-section-tabs > .sf-tabs__list .sf-tabs__tab:first-child,
.ad-master-page--note .silverstone-section-tabs > .sf-tabs__list .sf-tabs__tab:first-child {
  width: 125px;
}
.ad-master-page--return-policy .silverstone-section-tabs > .sf-tabs__list .sf-tabs__tab:last-child,
.ad-master-page--note .silverstone-section-tabs > .sf-tabs__list .sf-tabs__tab:last-child {
  width: 65px;
}
.ad-master-page--return-policy .silverstone-section-tabs > .sf-tabs__panel,
.ad-master-page--note .silverstone-section-tabs > .sf-tabs__panel {
  padding-top: 26px;
}
.ad-master-page--return-policy .sf-table tbody tr,
.ad-master-page--note .sf-table tbody tr {
  height: 96px;
}
.silverstone-content-cell {
  display: grid;
  gap: 3px;
  max-width: 355px;
  white-space: normal;
}
.silverstone-content-cell > span {
  display: block;
  line-height: 20px;
}
.silverstone-content-cell > button {
  width: max-content;
  padding: 0;
  border: 0;
  background: transparent;
  color: #5784d4;
  font:
    12px/18px Montserrat,
    sans-serif;
}
.sf-button.silverstone-content-delete {
  width: 38px;
  min-width: 38px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: 7px;
  background: #e3262e;
  color: #fff;
}
.silverstone-content-delete svg {
  width: 18px;
  height: 18px;
}
.silverstone-content-editor-card {
  width: calc(100% + 16.5px);
  min-height: 620px;
  padding: 43px 25px 25px;
  border-radius: 10px;
  background: #fff;
  transform: translateY(-50px);
  margin-bottom: -50px;
}
.silverstone-content-editor-card form {
  display: grid;
  gap: 28px;
}
.silverstone-content-editor-card label {
  display: grid;
  gap: 10px;
  color: #242424;
  font:
    500 13px/18px Montserrat,
    sans-serif;
}
.silverstone-content-editor-card__content {
  gap: 18px !important;
}
.silverstone-content-editor-card input {
  width: 100%;
  height: 36px;
  padding: 8px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  color: #242424;
  font:
    13px Montserrat,
    sans-serif;
}
.silverstone-rich-editor {
  overflow: hidden;
  border: 1px solid #e0e0e0;
  border-radius: 7px;
}
.silverstone-rich-editor__toolbar {
  display: flex;
  align-items: center;
  height: 36px;
  overflow: hidden;
  border-bottom: 1px solid #e0e0e0;
  background: #fafafa;
}
.silverstone-rich-editor__toolbar button {
  display: grid;
  place-items: center;
  width: 38px;
  min-width: 38px;
  height: 34px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #555;
  font: 600 14px serif;
}
.silverstone-rich-editor__area {
  min-height: 322px;
  padding: 10px;
  color: #343434;
  font:
    13px/20px Montserrat,
    sans-serif;
  outline: none;
  white-space: pre-wrap;
}
.silverstone-rich-editor__area:empty::before {
  content: 'Start writing...';
  color: #aaa;
}
.silverstone-rich-editor__status {
  display: flex;
  gap: 16px;
  height: 30px;
  padding: 7px 10px;
  border-top: 1px solid #e0e0e0;
  color: #777;
  font:
    9px/16px Montserrat,
    sans-serif;
}
.silverstone-rich-editor__status span:last-child {
  margin-left: auto;
}
.silverstone-content-editor-card__footer {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 10px;
}
.silverstone-content-editor-card__footer .sf-button {
  height: 36px;
  min-height: 36px;
  border-radius: 7px;
}
.silverstone-content-editor-card__footer .sf-button:first-child {
  min-width: 82px;
}
.silverstone-content-editor-card__footer .sf-button:last-child {
  min-width: 65px;
  background: #171717 !important;
  color: #fff !important;
}

/* Legacy readonly material-family route. */
.ad-material-type-page .ad-page__heading > .sf-text {
  transform: translateY(12px);
  color: #242424;
  font-weight: 600;
}
.ad-material-type-page > .ad-page__content {
  transform: translateY(-3px);
}
.ad-material-type-page .sf-material-type-grid {
  width: calc(100% - 4px);
  gap: 16px;
}
.ad-material-type-page .sf-material-type-card {
  height: 114px;
  min-height: 0;
  padding: 24px 16px 21px;
  border: 1px solid #e5e7eb;
  border-bottom-width: 4px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
  transition:
    transform 300ms ease,
    box-shadow 300ms ease;
}
.ad-material-type-page .sf-material-type-card--gold {
  border-bottom-color: #fbbf24;
}
.ad-material-type-page .sf-material-type-card--silver {
  border-bottom-color: #d1d5db;
}
.ad-material-type-page .sf-material-type-card--platinum {
  border-bottom-color: #9ca3af;
}
.ad-material-type-page .sf-material-type-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 20px rgb(0 0 0 / 12%);
}
.ad-material-type-page .sf-material-type-card .sf-text {
  color: #4b5563;
  font-size: 18px;
  font-weight: 600;
}
.ad-material-type-page .sf-material-type-card:first-child .sf-text {
  color: #d97706;
}
.sf-material-type-image {
  width: 64px;
  height: 64px;
  object-fit: contain;
  filter: drop-shadow(0 10px 8px rgb(0 0 0 / 12%));
  transition: transform 500ms ease;
}
.sf-material-type-card:hover .sf-material-type-image {
  transform: scale(1.1) rotate(6deg);
}

.ad-gemstone-history-page .ad-page__content > .sf-stack,
.ad-metal-history-page .ad-page__content > .sf-stack {
  width: calc(100% - 4px);
  gap: 12px;
  transform: translateY(-17px);
}
.silverstone-history-toolbar {
  width: calc(100% - 4px);
  min-height: 38px;
}
.silverstone-history-toolbar > .sf-text {
  color: #242424;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
}
.silverstone-history-toolbar > .sf-flex {
  align-items: center;
  gap: 10px;
}
.silverstone-history-search {
  position: relative;
  display: block;
}
.silverstone-history-search::before {
  content: '';
  position: absolute;
  left: 14px;
  top: 11px;
  width: 13px;
  height: 13px;
  border: 2px solid #9ca3af;
  border-radius: 50%;
}
.silverstone-history-search::after {
  content: '';
  position: absolute;
  left: 26px;
  top: 24px;
  width: 6px;
  height: 2px;
  transform: rotate(45deg);
  background: #9ca3af;
}
.silverstone-history-search input {
  width: 250px;
  height: 38px;
  padding: 8px 14px 8px 40px;
  border: 1px solid #dfc6b8;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 4px 8px rgb(0 0 0 / 8%);
  color: #555;
  font:
    13px Montserrat,
    sans-serif;
  outline: none;
}
.silverstone-history-toolbar .sf-button {
  width: 67px;
  min-width: 67px;
  height: 36px;
  min-height: 36px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 4px 8px rgb(0 0 0 / 8%);
  color: #242424;
}
.silverstone-history-table-wrap .ad-tablewrap {
  border-radius: 10px 10px 0 0;
}
.silverstone-history-table-wrap .ad-table {
  width: calc(100% - 2px);
  margin: 3px 1px 0;
}
.silverstone-history-table-wrap .ad-table thead tr,
.silverstone-history-table-wrap .ad-table__th {
  height: 40px;
}
.silverstone-history-table-wrap .ad-table tbody tr:not(:has(.ad-table__empty)),
.silverstone-history-table-wrap .ad-table tbody tr:not(:has(.ad-table__empty)) td {
  height: 37px;
}
.silverstone-history-table-wrap .silverstone-master-pagination {
  min-height: 54px;
  height: 54px;
}
.silverstone-history-table-wrap .sf-pagination,
.silverstone-history-table-wrap .sf-pagination__page,
.silverstone-history-table-wrap .sf-pagination__step,
.silverstone-history-table-wrap .sf-pagination__list {
  min-height: 36px;
  height: 36px;
}
.silverstone-history-table-wrap .ad-table caption {
  display: none;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Products list parity. */
.ad-product-list-page .ad-page__heading > .sf-text {
  transform: translateY(12px);
  color: #242424;
  font-weight: 600;
}
.ad-product-list-page > .ad-page__content > .sf-stack {
  width: calc(100% - 4px);
  transform: translateY(-11px);
}
.ad-product-list-page .silverstone-product-toolbar {
  width: 100%;
  height: 38px;
  min-height: 38px;
  padding: 0;
  border: 0;
  flex-wrap: nowrap;
}
.silverstone-product-toolbar > .sf-flex:first-child {
  gap: 24px;
  flex-wrap: nowrap;
}
.silverstone-product-toolbar > .sf-flex:first-child .sf-button {
  width: auto;
  height: 38px;
  min-height: 38px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  color: #737373;
  font-size: 14px;
}
.silverstone-product-toolbar > .sf-flex:first-child .sf-button:first-child {
  width: 90px;
}
.silverstone-product-toolbar > .sf-flex:first-child .sf-button:last-child {
  width: 78px;
}
.silverstone-product-toolbar > .sf-flex:first-child .sf-button--solid {
  border-bottom: 2px solid #171717 !important;
  color: #171717 !important;
}
.silverstone-product-toolbar > .sf-flex:last-child {
  gap: 8px;
  flex-wrap: nowrap;
  align-items: center;
  transform: translateY(-1px);
}
.silverstone-product-toolbar > .sf-flex:last-child > .sf-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  min-height: 36px;
  border: 0;
  border-radius: 999px;
  background: #fff !important;
  box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
  color: #242424 !important;
  font-size: 14px;
}
.silverstone-product-toolbar > .sf-flex:last-child > .sf-button:nth-of-type(1) {
  width: 141px;
}
.silverstone-product-toolbar > .sf-flex:last-child > .sf-button:nth-of-type(2) {
  width: 124px;
}
.silverstone-product-toolbar > .sf-flex:last-child > .sf-button:nth-of-type(3) {
  width: 131px;
  background: #fae9e4 !important;
}
.silverstone-product-toolbar > .sf-flex:last-child > .sf-button:nth-of-type(4) {
  width: 138px;
}
.silverstone-product-toolbar > .sf-flex:last-child > .sf-button i {
  display: inline-flex;
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.silverstone-product-toolbar > .sf-flex:last-child > .sf-field {
  width: 199px;
  min-width: 199px;
  height: 36px;
}
.silverstone-product-toolbar > .sf-flex:last-child > .sf-field > .sf-field__label {
  display: none;
}
.silverstone-product-toolbar > .sf-flex:last-child .sf-input {
  width: 199px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
}
.silverstone-product-toolbar > .sf-flex:last-child .sf-input__control {
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 0 16px;
}
.silverstone-product-filter-button b {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  margin-left: 6px;
  border-radius: 50%;
  background: #171717;
  color: #fff;
  font-size: 12px;
}
.silverstone-product-table-wrap {
  width: 100%;
  overflow-x: auto;
  border-radius: 10px 10px 0 0;
  background: #fff;
}
.silverstone-product-table-wrap .ad-tablewrap {
  overflow: visible;
  border-radius: 10px 10px 0 0;
}
.silverstone-product-table-wrap .ad-table {
  width: 1811px;
  min-width: 1811px;
  margin: 1px 0 0 1px;
}
.silverstone-product-table-wrap .ad-table caption {
  display: none;
}
.silverstone-product-table-wrap .ad-table thead tr,
.silverstone-product-table-wrap .ad-table__th {
  height: 42px;
  background: #f8e9e5;
  color: #242424;
  font-weight: 500;
}
.silverstone-product-table-wrap .ad-table tbody tr:not(:has(.ad-table__empty)),
.silverstone-product-table-wrap .ad-table tbody tr:not(:has(.ad-table__empty)) td {
  height: 123px;
}
.silverstone-product-table-wrap .ad-table th:last-child,
.silverstone-product-table-wrap .ad-table td:last-child {
  position: sticky;
  right: 0;
  width: 224px;
  min-width: 224px;
  background: #fff;
  box-shadow: -8px 0 8px -6px rgb(0 0 0 / 15%);
}
.silverstone-product-table-wrap .ad-table th:last-child {
  z-index: 30;
  background: #f8e9e5;
}
.silverstone-product-table-wrap .ad-table td:last-child {
  z-index: 3;
}
.silverstone-product-rail-heading {
  display: grid;
  gap: 1px;
  white-space: nowrap;
}
.silverstone-product-rail-heading small {
  color: #a0a0a0;
  font-size: 10px;
  font-weight: 400;
}
.silverstone-product-table-wrap + .silverstone-product-pagination {
  margin-top: -16px;
}
.silverstone-product-pagination {
  width: 100%;
  background: #fff;
}
.silverstone-product-actions {
  flex-wrap: nowrap;
  align-items: center;
}
.silverstone-product-actions a,
.silverstone-product-actions .sf-button {
  display: inline-grid;
  place-items: center;
  min-width: 40px;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 3px 10px rgb(0 0 0 / 7%);
  color: #242424;
}
.silverstone-product-actions a:nth-child(2) {
  min-width: 76px;
}
.ad-product-list-page .sf-drawer__panel--md {
  width: 350px;
  max-width: 350px;
}

.ad-product-drafts-page .ad-page__heading > .sf-text {
  color: #6b7280;
  font-size: 12px;
  line-height: 16px;
}
.ad-product-drafts-page .ad-page__actions .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.ad-product-drafts-page .ad-page__actions .sf-field {
  width: 254px;
  min-width: 254px;
}
.ad-product-drafts-page .ad-page__actions {
  transform: translate(-5px, 2px);
}
.ad-product-drafts-page .ad-page__actions .sf-input {
  width: 254px;
  height: 32px;
  min-height: 32px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
}
.ad-product-drafts-page .ad-page__actions .sf-input__control {
  width: 100%;
  height: 32px;
  min-height: 32px;
}
.ad-product-drafts-page > .ad-page__content > .sf-stack {
  width: calc(100% - 4px);
  transform: translateY(-18px);
}
.silverstone-drafts-table-wrap {
  width: 100%;
  border-radius: 10px 10px 0 0;
  background: #fff;
}
.silverstone-drafts-table-wrap .ad-tablewrap {
  border-radius: 10px 10px 0 0;
}
.silverstone-drafts-table-wrap .ad-table {
  width: calc(100% - 2px);
  margin: 2px 1px 0;
}
.silverstone-drafts-table-wrap .ad-table caption {
  display: none;
}
.silverstone-drafts-table-wrap .ad-table thead tr,
.silverstone-drafts-table-wrap .ad-table__th {
  height: 40px;
  background: #f8e9e5;
  color: #242424;
  font-weight: 600;
}
.silverstone-drafts-table-wrap .ad-table tbody tr:not(:has(.ad-table__empty)),
.silverstone-drafts-table-wrap .ad-table tbody tr:not(:has(.ad-table__empty)) td {
  height: 53px;
}
.silverstone-drafts-table-wrap + .silverstone-drafts-pagination {
  margin-top: -16px;
}
.silverstone-drafts-pagination {
  width: 100%;
  background: #fff;
}
.silverstone-draft-actions {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.silverstone-draft-actions__trigger.sf-button {
  width: 32px;
  min-width: 32px;
  min-height: 32px;
  height: 32px;
  padding: 7px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.silverstone-draft-actions__trigger svg {
  transform: rotate(90deg);
}
.silverstone-draft-actions .ad-menu__list {
  z-index: 35;
  width: 128px;
  padding: 4px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 10px rgb(0 0 0 / 12%);
}
.silverstone-draft-actions .ad-menu__item {
  justify-content: flex-start;
  min-height: 32px;
  height: 32px;
  padding: 6px 12px;
  border: 0;
  background: #fff;
  box-shadow: none;
}
.silverstone-draft-actions .ad-menu__item--danger {
  color: #dc2626;
}

.ad-low-stock-page .ad-page__actions .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.ad-low-stock-page .ad-page__actions .sf-field,
.ad-low-stock-page .ad-page__actions .sf-input {
  width: 250px;
  min-width: 250px;
  height: 36px;
  min-height: 36px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
}
.ad-low-stock-page .ad-page__actions .sf-input__control {
  width: 100%;
  height: 36px;
  min-height: 36px;
}
.ad-low-stock-page .ad-page__actions {
  transform: translateX(-4px);
}
.ad-low-stock-page > .ad-page__content > .sf-stack {
  width: calc(100% - 4px);
  transform: translateY(-18px);
}
.silverstone-low-stock-table-wrap {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.silverstone-low-stock-table-wrap .ad-tablewrap {
  border-radius: 10px;
}
.silverstone-low-stock-table-wrap .ad-table {
  width: calc(100% - 2px);
  margin: 2px 1px 0;
}
.silverstone-low-stock-table-wrap .ad-table caption {
  display: none;
}
.silverstone-low-stock-table-wrap .ad-table thead tr,
.silverstone-low-stock-table-wrap .ad-table__th {
  height: 40px;
  background: #f8e9e5;
  color: #242424;
  font-weight: 600;
}
.silverstone-low-stock-table-wrap .ad-table tbody tr:not(:has(.ad-table__empty)),
.silverstone-low-stock-table-wrap .ad-table tbody tr:not(:has(.ad-table__empty)) td {
  height: 81px;
}

/* Add / Edit product form parity. */
.silverstone-product-editor-skeleton {
  display: grid;
  gap: 16px;
}
.silverstone-product-editor-skeleton > span {
  width: 140px;
  height: 28px;
  border-radius: 5px;
  background: #e5e7eb;
}
.silverstone-product-editor-skeleton section {
  display: grid;
  gap: 16px;
  padding: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
}
.silverstone-product-editor-skeleton section > i {
  width: 172px;
  height: 20px;
  border-radius: 4px;
  background: #e5e7eb;
}
.silverstone-product-editor-skeleton section > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.silverstone-product-editor-skeleton section b {
  height: 58px;
  border-radius: 6px;
  background: linear-gradient(90deg, #f3f4f6 20%, #e5e7eb 40%, #f3f4f6 60%);
  background-size: 300% 100%;
  animation: silverstone-detail-pulse 1.4s ease infinite;
}
.silverstone-product-editor-skeleton > .sf-spinner {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.ad-product-editor-page .ad-page__actions {
  transform: translate(-4px, 36px);
}
.ad-product-editor-page .ad-page__actions .sf-button {
  width: 117px;
  min-width: 117px;
  height: 36px;
  min-height: 36px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
  color: #242424;
}
.ad-product-editor-page > .ad-page__content > .sf-stack {
  transform: translateY(-3px);
}
.ad-product-editor-page .silverstone-product-form {
  width: calc(100% + 8.5px);
  gap: 16px;
}
.ad-product-editor-page .silverstone-product-form .ad-form__section {
  width: 100%;
  margin: 0;
  padding: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  box-shadow: none;
}
.silverstone-product-form__information > legend {
  display: none;
}
.silverstone-product-form__information > .sf-grid {
  column-gap: 16px;
  row-gap: 16px;
}
.silverstone-product-form .sf-field {
  gap: 4px;
}
.silverstone-product-form .sf-field__label,
.silverstone-product-description-editor > label {
  min-height: 20px;
  font-size: 14px;
  line-height: 20px;
}
.silverstone-product-form__information > .sf-grid > .sf-field:nth-child(-n + 3) {
  min-height: 64px;
}
.silverstone-product-form__information > .sf-grid > .sf-field:nth-child(n + 4):nth-child(-n + 6) {
  min-height: 72px;
  gap: 8px;
}
.silverstone-product-multi-picker {
  position: relative;
  min-width: 0;
  display: grid;
  align-content: start;
}
.silverstone-product-multi-picker--compact {
  gap: 4px;
}
.silverstone-product-multi-picker--relaxed {
  gap: 8px;
}
.silverstone-product-multi-picker > label {
  min-height: 20px;
  height: 20px;
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.silverstone-product-multi-picker > button {
  width: 100%;
  height: 36px;
  padding: 8px 16px;
  overflow: hidden;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  background: #fff;
  color: #242424;
  font:
    500 14px/20px Montserrat,
    sans-serif;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.silverstone-product-multi-picker__popover {
  position: absolute;
  z-index: 80;
  top: 56px;
  left: 0;
  width: 333px;
  min-width: 260px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 10px 28px rgb(0 0 0 / 14%);
}
.silverstone-product-multi-picker__popover > input {
  width: calc(100% - 47px);
  height: 36px;
  margin: 8px 12px 8px 35px;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font:
    400 14px/20px Montserrat,
    sans-serif;
  outline: 0;
}
.silverstone-product-multi-picker__popover [role='listbox'] {
  max-height: 260px;
  padding: 4px;
  overflow-y: auto;
}
.silverstone-product-multi-picker__popover [role='option'] {
  width: 100%;
  min-height: 36px;
  padding: 8px;
  border: 0;
  border-radius: 4px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #242424;
  font:
    500 14px/20px Montserrat,
    sans-serif;
  text-align: left;
  cursor: pointer;
}
.silverstone-product-multi-picker__popover [role='option']:hover {
  background: #f3f4f6;
}
.silverstone-product-multi-picker__popover [role='option'] > span {
  width: 16px;
  height: 16px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  display: grid;
  place-items: center;
  font-size: 12px;
}
.silverstone-product-multi-picker__popover [aria-selected='true'] > span {
  border-color: #111;
  background: #111;
  color: #fff;
}
.silverstone-product-multi-picker__popover p {
  padding: 14px 10px;
  color: #6b7280;
  font-size: 14px;
}
.silverstone-product-multi-picker__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.silverstone-product-multi-picker__chips > span {
  padding: 2px 8px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  background: #f3f4f6;
  color: #242424;
  font-size: 12px;
  line-height: 16px;
}
.silverstone-product-form .sf-input,
.silverstone-product-form .sf-select,
.silverstone-product-form .sf-input__control {
  height: 36px;
  min-height: 36px;
}
.silverstone-product-form .sf-input,
.silverstone-product-form .sf-select {
  border-radius: 999px;
}
.silverstone-product-form__policy-row {
  min-height: 76px;
  transform: none;
}
.silverstone-product-form__policy-row .sf-field {
  gap: 8px;
}
.silverstone-product-description-editor {
  display: grid;
  gap: 4px;
  grid-column: 1 / -1;
}
.silverstone-product-description-editor > label {
  color: #242424;
  font-size: 14px;
  font-weight: 500;
}
.silverstone-product-description-editor .jodit-container {
  border-radius: 0;
}
.silverstone-product-form .sf-field__required {
  display: none;
}
.silverstone-product-form__common-fields > legend,
.silverstone-product-form__metal-group > legend,
.silverstone-product-form > .ad-form__section:last-of-type > legend {
  height: 24px;
  min-height: 24px;
  transform: translateY(21px);
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.silverstone-product-form__common-fields > .sf-grid:first-of-type {
  margin-top: 37px;
}
.silverstone-product-form__common-fields {
  padding-bottom: 36px !important;
}
.silverstone-product-form__common-fields .sf-field {
  min-height: 58px;
  gap: 4px;
}
.silverstone-product-form__common-fields .sf-field__label {
  min-height: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
.silverstone-product-gemstone-toggle {
  width: 100%;
  height: 46px;
  padding: 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #f9fafb;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font:
    700 14px/20px Montserrat,
    sans-serif;
  cursor: pointer;
}
.silverstone-product-gemstone-toggle > span:last-child {
  font-size: 18px;
  font-weight: 400;
  transform: translateY(-2px) rotate(0deg);
  transition: transform 160ms ease;
}
.silverstone-product-gemstone-toggle[aria-expanded='true'] > span:last-child {
  transform: translateY(2px) rotate(180deg);
}
.silverstone-product-gemstone-fields {
  padding-top: 12px;
}
.silverstone-product-shipping-fields {
  min-height: 216px;
  padding: 24px 0;
}
.silverstone-product-shipping-fields > .sf-heading {
  height: 20px;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.silverstone-product-shipping-fields > .sf-grid {
  margin-top: 24px;
  row-gap: 16px;
}
.silverstone-product-shipping-fields .sf-field {
  min-height: 54px;
}
.silverstone-product-form__metal-group > .silverstone-product-metal-main-grid {
  height: 172px;
  min-height: 172px;
  margin-top: 37px;
  align-items: start;
}
.silverstone-product-form__metal-group {
  padding-bottom: 19px !important;
}
.silverstone-product-form__metal-group .sf-field__label {
  min-height: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 14px;
}
.silverstone-product-metal-primary > .sf-field {
  gap: 7px;
  padding-top: 3px;
}
.silverstone-product-metal-primary {
  position: relative;
}
.silverstone-product-add-master-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: #4b5563;
  font:
    400 12px/16px Montserrat,
    sans-serif;
  cursor: pointer;
}
.silverstone-product-add-master-link:hover,
.silverstone-product-subsection-heading > button:hover {
  color: #111;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.silverstone-product-add-master-link--metal {
  position: absolute;
  z-index: 1;
  top: 2px;
  right: 0;
}
.silverstone-product-sku-field {
  position: relative;
  margin-top: 12px;
}
.silverstone-product-sku-field > .sf-field {
  gap: 10px;
}
.silverstone-product-sku-regenerate.sf-button {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 70px;
  min-width: 0;
  height: 16px;
  min-height: 16px;
  padding: 0;
  border: 0;
  color: #9b771b;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.silverstone-product-sku-help {
  display: block;
  margin-top: 8px;
  color: #6b7280;
  font-size: 12px;
  line-height: 16px;
}
.silverstone-product-making-charge {
  padding-top: 0;
}
.silverstone-product-making-charge > .sf-text {
  height: 14px;
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}
.silverstone-product-making-charge > div {
  min-height: 40px;
  margin-top: 4px;
  padding: 10px 12px;
  overflow: hidden;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  background: #f3f4f6;
  color: #242424;
  font-size: 14px;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.silverstone-product-available-colors {
  min-height: 100px;
}
.silverstone-product-subsection-heading {
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.silverstone-product-subsection-heading > .sf-heading {
  height: 20px;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.silverstone-product-subsection-heading > button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #4b5563;
  font:
    400 12px/16px Montserrat,
    sans-serif;
  cursor: pointer;
}
.silverstone-product-available-colors > .sf-text {
  margin-top: 8px;
  color: #374151;
  font-size: 12px;
  line-height: 16px;
}
.silverstone-product-available-colors > .sf-flex {
  margin-top: 12px;
}
.silverstone-product-available-colors .sf-choice__label {
  min-height: 32px;
  height: 32px;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.silverstone-product-size-weight {
  min-height: 54px;
}
.silverstone-product-size-weight > .sf-text {
  margin-top: 8px;
  color: #4b5563;
  font-size: 14px;
  line-height: 20px;
}
.silverstone-product-metal-status {
  min-height: 35px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
}
.silverstone-product-metal-status .sf-choice,
.silverstone-product-metal-status .sf-choice__label {
  min-height: 35px;
  height: 35px;
}
.silverstone-product-metal-status > div:last-child {
  grid-column: 2 / span 2;
  min-height: 35px;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.silverstone-product-metal-status > div:last-child .sf-text,
.silverstone-product-metal-status > div:last-child span {
  font-size: 14px;
  line-height: 14px;
}
.silverstone-product-metal-status > div:last-child span {
  color: #6b7280;
}
.silverstone-product-add-metal-group.sf-button {
  width: 171px;
  height: 36px;
  min-height: 36px;
  padding: 8px 16px;
  border-radius: 999px;
}
.ad-product-list-page .sf-drawer__header {
  width: calc(100% - 16px);
  height: 61px;
  min-height: 61px;
  margin-inline: 8px;
  padding: 16px;
}
.ad-product-list-page .sf-drawer__header .sf-heading {
  height: 28px;
  font-size: 18px;
  line-height: 28px;
}
.ad-product-list-page .sf-drawer__header .sf-button {
  width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
}
.ad-product-list-page .sf-drawer__body {
  width: calc(100% - 16px);
  height: calc(100% - 61px);
  margin-inline: 8px;
  padding: 16px;
  overflow-y: auto;
}
.silverstone-product-filter-actions {
  position: sticky;
  z-index: 2;
  bottom: -16px;
  width: 334px;
  height: 69px;
  min-height: 69px;
  box-sizing: border-box;
  margin: 0 -16px -16px;
  padding: 16px;
  border-top: 1px solid #e5e7eb;
  background: #fff;
}
.silverstone-product-filter-actions .sf-button {
  height: 36px;
  min-height: 36px;
}
.ad-product-drafts-page .silverstone-drafts-table-wrap .ad-tablewrap {
  width: calc(100% - 2px);
  margin-top: 2px;
  margin-left: 1px;
  border: 0;
}
.ad-low-stock-page .ad-page__heading > .sf-heading {
  transform: translateY(2px);
}
.ad-low-stock-page .silverstone-low-stock-table-wrap .ad-tablewrap {
  width: calc(100% - 2px);
  margin-top: 2px;
  margin-left: 1px;
  border: 0;
}
.silverstone-product-form__seo > .sf-grid {
  margin-top: 37px;
  row-gap: 16px;
}
.silverstone-product-form__seo .sf-field {
  gap: 4px;
}
.silverstone-product-form__seo .sf-field__label,
.silverstone-product-seo-list-field > label {
  min-height: 14px;
  height: 14px;
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}
.silverstone-product-form__seo textarea {
  box-sizing: border-box !important;
  block-size: 100px !important;
  min-height: 100px !important;
  height: 100px !important;
  max-height: 100px !important;
  border-radius: 6px;
}
.silverstone-product-seo-list-field {
  display: grid;
  gap: 4px;
}
.silverstone-product-seo-list-field > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px 40px;
  gap: 8px;
  align-items: center;
}
.silverstone-product-seo-list-field input {
  width: 100%;
  height: 36px;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  background: #fff;
  color: #242424;
  font:
    400 14px/20px Montserrat,
    sans-serif;
  outline: 0;
}
.silverstone-product-seo-list-field button {
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #4b5563;
  font-size: 18px;
  line-height: 32px;
}
.silverstone-product-seo-list-field button:last-child {
  border: 2px solid #d1d5db;
  border-radius: 4px;
  color: #242424;
}
.silverstone-product-form > .ad-form__actions .sf-button {
  width: auto;
  height: 36px;
  min-height: 36px;
  padding: 8px 32px;
  border-radius: 999px;
}
.silverstone-product-form > .ad-form__actions .sf-button:first-child {
  min-width: 106px;
}
.silverstone-product-form > .ad-form__actions .sf-button:last-child {
  min-width: 110px;
}

/* Product detail mirrors Silverstone's two-column, section-card composition. */
.silverstone-product-detail-skeleton {
  display: grid;
  grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
  gap: 20px;
}
.silverstone-product-detail-skeleton > div {
  display: grid;
  align-content: start;
  gap: 20px;
}
.silverstone-product-detail-skeleton section {
  display: grid;
  gap: 20px;
  padding: 24px;
  border: 1px solid #f3f4f6;
  border-radius: 16px;
  background: #fff;
}
.silverstone-product-detail-skeleton section > span {
  width: 112px;
  height: 12px;
  border-radius: 4px;
  background: #e5e7eb;
}
.silverstone-product-detail-skeleton section > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
}
.silverstone-product-detail-skeleton section i {
  height: 34px;
  border-radius: 4px;
  background: linear-gradient(90deg, #f3f4f6 20%, #e5e7eb 40%, #f3f4f6 60%);
  background-size: 300% 100%;
  animation: silverstone-detail-pulse 1.4s ease infinite;
}
.silverstone-product-detail-skeleton > .sf-spinner {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.silverstone-product-detail-page {
  box-sizing: border-box;
  min-height: 100vh;
  padding: 16px 24px 40px;
  font-family: Montserrat, sans-serif;
}
.silverstone-product-detail-page .ad-page__content > .sf-stack {
  gap: 20px;
}
.silverstone-product-detail-header {
  display: flex;
  width: 100%;
  height: 36px;
  min-height: 36px;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.silverstone-product-detail-header > a {
  color: #9ca3af;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}
.silverstone-product-detail-header__divider {
  color: #e5e7eb;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.silverstone-product-detail-header > .sf-heading {
  color: #1f2937;
  font-family: Montserrat, sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.silverstone-product-detail-header > h1 {
  margin: 0;
  color: #1f2937;
  font:
    600 16px/24px Montserrat,
    sans-serif;
}
.silverstone-product-detail-header__actions {
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 8px;
}
.silverstone-product-detail-header__actions > a,
.silverstone-product-detail-header__actions > .sf-button {
  box-sizing: border-box;
  min-height: 36px;
  height: 36px;
  padding: 8px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  color: #242424;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
}
.silverstone-product-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
  gap: 20px;
  align-items: start;
}
.silverstone-product-detail-grid > .sf-stack {
  gap: 20px;
}
.silverstone-product-detail-column {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 20px;
}
.silverstone-product-detail-card {
  overflow: hidden;
  border: 1px solid #f3f4f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}
.silverstone-product-detail-card > header {
  box-sizing: border-box;
  display: flex;
  min-height: 37px;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px 0;
  border-bottom: 1px solid #f3f4f6;
}
.silverstone-product-detail-card > header h2 {
  margin: 0;
  color: #000;
  font:
    600 14px/20px Montserrat,
    sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.silverstone-product-detail-card--pricing > header h2 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: none;
}
.silverstone-product-detail-card__body {
  padding: 20px 24px;
}
.silverstone-product-detail-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 20px;
}
.silverstone-product-detail-field {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.silverstone-product-detail-field > span,
.silverstone-product-detail-list > span {
  color: #9ca3af;
  font:
    600 10px/15px Montserrat,
    sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.silverstone-product-detail-field > strong {
  overflow-wrap: anywhere;
  color: #1f2937;
  font:
    600 14px/20px Montserrat,
    sans-serif;
  letter-spacing: 0.025em;
}
.silverstone-product-stock {
  min-width: 38px;
  min-height: 28px;
  padding: 4px 12px;
  border: 0;
  border-radius: 6px;
  font:
    600 14px/20px Montserrat,
    sans-serif;
}
.silverstone-product-stock.is-positive {
  background: #fef3c7;
  color: #b45309;
}
.silverstone-product-stock.is-empty {
  background: #fee2e2;
  color: #b91c1c;
}
.silverstone-product-stock:disabled {
  cursor: default;
}
.silverstone-product-stock-editor {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.silverstone-product-stock-editor input {
  box-sizing: border-box;
  width: 64px;
  height: 32px;
  padding: 4px 8px;
  border: 2px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
}
.silverstone-product-stock-editor button {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #d97706;
  font-size: 18px;
  cursor: pointer;
}
.silverstone-product-detail-list {
  margin-top: 20px;
}
.silverstone-product-detail-list > span {
  display: block;
  margin-bottom: 8px;
}
.silverstone-product-detail-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.silverstone-product-detail-chips .sf-badge {
  gap: 6px;
  border-color: #e5e7eb;
  background: #fff;
  color: #4b5563;
  font-size: 12px;
}
.silverstone-product-detail-chips .sf-badge:has(small) {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}
.silverstone-product-detail-chips small {
  color: #b45309;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.silverstone-product-detail-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 24px;
}
.silverstone-product-detail-meta > .silverstone-product-detail-field,
.silverstone-product-detail-meta > .silverstone-product-detail-list {
  margin-top: 20px;
}
.silverstone-product-detail-empty {
  margin: 0;
  color: #9ca3af;
  font-size: 14px;
  font-style: italic;
}
.silverstone-product-media {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.silverstone-product-primary-media video,
.silverstone-product-primary-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.silverstone-product-media-thumbnails > div {
  overflow: hidden;
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  background: #f9fafb;
}
.silverstone-product-media-thumbnails {
  display: flex;
  overflow-x: auto;
  padding-bottom: 4px;
  gap: 8px;
}
.silverstone-product-media-thumbnails video,
.silverstone-product-media-thumbnails img {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  object-fit: contain;
}
.silverstone-product-variants
  > .silverstone-product-detail-fields
  + .silverstone-product-detail-fields {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f3f4f6;
}
.silverstone-product-pricing-badge {
  padding: 2px 10px;
  border-radius: 999px;
  background: #fef3c7;
  color: #92400e;
  font:
    600 10px/15px Montserrat,
    sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.silverstone-product-pricing-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.silverstone-product-pricing-row {
  overflow: hidden;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-bottom-width: 4px;
  border-radius: 12px;
  background: #fafafa;
  transition:
    transform 0.2s ease,
    background 0.2s ease;
}
.silverstone-product-pricing-row:hover {
  background: #f4f4f5;
  transform: translateY(-2px) scale(1.015);
}
.silverstone-product-pricing-row.is-default {
  border-color: rgb(146 64 14 / 10%);
  background: #fffbeb;
}
.silverstone-product-pricing-row.is-default:hover {
  background: rgb(254 243 199 / 80%);
}
.silverstone-product-pricing-row > button {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1f2937;
  cursor: pointer;
  text-align: left;
}
.silverstone-product-pricing-row.is-default > button::before {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 999px;
  background: #a16207;
  content: '';
}
.silverstone-product-pricing-row > button > span {
  font:
    700 20px/20px Jost,
    Montserrat,
    sans-serif;
}
.silverstone-product-pricing-row > button > small {
  padding: 2px 8px;
  border-radius: 999px;
  background: #fde68a;
  color: #92400e;
  font:
    600 10px/15px Montserrat,
    sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.silverstone-product-pricing-row > button > i {
  margin-left: auto;
  color: #9ca3af;
  font-style: normal;
}
.silverstone-product-pricing-row dl {
  display: flex;
  margin: 12px 0 0;
  padding-top: 12px;
  border-top: 1px dashed #e5e7eb;
  flex-direction: column;
  gap: 6px;
}
.silverstone-product-pricing-row dl > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.silverstone-product-pricing-row dt {
  color: #6b7280;
  font-size: 12px;
  font-weight: 500;
}
.silverstone-product-pricing-row dd {
  margin: 0;
  color: #374151;
  font-size: 12px;
  font-weight: 600;
}
.silverstone-product-pricing-row dl > div:last-child dd {
  color: #111827;
  font-size: 14px;
}
.silverstone-product-pricing-note {
  margin: 12px 0 0;
  color: #6b7280;
  font-size: 10px;
  line-height: 15px;
}
.silverstone-product-pricing-note > span {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  border-radius: 999px;
  background: #a16207;
}
.silverstone-product-detail-back {
  display: inline-flex;
  margin-top: 24px;
  color: #4b5563;
  font-size: 14px;
  text-decoration: none;
}
.silverstone-product-detail-grid .sf-card {
  overflow: hidden;
  padding: 0;
  border: 1px solid #f3f4f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}
.silverstone-product-detail-grid .sf-card > .sf-stack {
  gap: 0;
}
.silverstone-product-detail-grid .sf-card > .sf-stack > .sf-heading {
  box-sizing: border-box;
  min-height: 37px;
  margin: 0;
  padding: 16px 24px 0;
  border-bottom: 1px solid #f3f4f6;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.silverstone-product-detail-grid .sf-card > .sf-stack > :not(.sf-heading) {
  margin-right: 24px;
  margin-left: 24px;
}
.silverstone-product-detail-grid .sf-card > .sf-stack > :nth-child(2) {
  margin-top: 20px;
}
.silverstone-product-detail-grid .sf-card > .sf-stack > :last-child {
  margin-bottom: 20px;
}
.silverstone-product-detail-grid .sf-grid {
  column-gap: 24px;
  row-gap: 20px;
}
.silverstone-product-detail-grid .sf-text {
  color: #9ca3af;
  font-size: 10px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.silverstone-product-detail-grid .sf-text strong,
.silverstone-product-detail-grid .sf-text .sf-status-badge {
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.025em;
  text-transform: none;
}
.silverstone-product-primary-media {
  overflow: hidden;
  height: 256px;
  border: 1px solid #f3f4f6;
  border-radius: 12px;
  background: #f9fafb;
}
.silverstone-product-primary-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.silverstone-product-media-thumbnails {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.silverstone-product-media-thumbnails img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
}
.silverstone-product-description {
  color: #374151;
  font-size: 14px;
  line-height: 22px;
}
.silverstone-product-description p {
  margin: 0 0 16px;
}
.silverstone-product-variant + .silverstone-product-variant {
  padding-top: 20px;
  border-top: 1px solid #f3f4f6;
}
@media (max-width: 1023px) {
  .silverstone-product-detail-grid {
    grid-template-columns: 1fr;
  }
}

/* Silverstone CMS utility pages: Promotional Script and FAQ. */
.silverstone-cms-list-page .ad-page__header {
  padding-bottom: 12px;
  border-bottom: 0;
}
.silverstone-cms-list-page .ad-page__description {
  margin-top: 9px;
  color: #191919;
  font:
    600 16px/20px Montserrat,
    sans-serif;
}
.silverstone-cms-list-page > .ad-table,
.silverstone-cms-table-card > .ad-table {
  overflow: hidden;
  border: 1px solid #e5e3e2;
  border-radius: 12px;
  background: #fff;
}
.silverstone-cms-list-page > .ad-table,
.silverstone-cms-table-card {
  margin-inline: 24px;
}
.silverstone-cms-list-page .ad-table table {
  table-layout: auto;
}
.silverstone-cms-list-page .ad-table th {
  height: 40px;
  padding: 0 16px;
  background: #faeeea;
  color: #191919;
  font:
    600 12px/16px Montserrat,
    sans-serif;
  text-align: center;
}
.silverstone-cms-list-page .ad-table td {
  height: 48px;
  padding: 6px 16px;
  color: #2b2b2b;
  font:
    400 12px/18px Montserrat,
    sans-serif;
  text-align: center;
}
.silverstone-promotional-script-page .ad-table th:nth-child(3),
.silverstone-promotional-script-page .ad-table td:nth-child(3),
.silverstone-faq-page .ad-table th:nth-child(2),
.silverstone-faq-page .ad-table td:nth-child(2) {
  text-align: left;
}
.silverstone-promotional-script-page > .ad-table {
  margin-top: 12px;
}
.silverstone-promotional-script-page .ad-table th:nth-child(1) {
  width: 9%;
}
.silverstone-promotional-script-page .ad-table th:nth-child(2) {
  width: 16%;
}
.silverstone-promotional-script-page .ad-table th:nth-child(3) {
  width: 34%;
}
.silverstone-promotional-script-page .ad-table th:nth-child(4) {
  width: 10%;
}
.silverstone-promotional-script-page .ad-table th:nth-child(5) {
  width: 9%;
}
.silverstone-promotional-script-page .ad-table th:nth-child(6) {
  width: 15%;
}
.silverstone-promotional-script-page .sf-switch {
  margin-inline: auto;
}
.silverstone-cms-list-page .ad-table .sf-button--sm {
  min-width: 78px;
  min-height: 36px;
  height: 36px;
  padding-inline: 20px;
  border-color: #e9e6e4;
  border-radius: 8px;
  background: #fff;
  color: #1f1f1f;
  box-shadow: 0 1px 4px rgb(0 0 0 / 5%);
}
.silverstone-faq-page .ad-page__actions .silverstone-faq-page__add {
  transform: translateY(40px);
  min-width: 124px;
  min-height: 38px;
  height: 38px;
  padding-inline: 28px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #1f1f1f;
  box-shadow: 0 2px 8px rgb(37 31 28 / 10%);
}
.silverstone-faq-page .silverstone-cms-table-card {
  margin-top: 26px;
}
.silverstone-faq-page .ad-table th:nth-child(1) {
  width: 9%;
}
.silverstone-faq-page .ad-table th:nth-child(2) {
  width: 38%;
}
.silverstone-faq-page .ad-table th:nth-child(3) {
  width: 15%;
}
.silverstone-faq-page .ad-table th:nth-child(4) {
  width: 20%;
}
.silverstone-faq-page .ad-table th:nth-child(5) {
  width: 9%;
}
.silverstone-faq-page .ad-table th:nth-child(6) {
  width: 16%;
}
.silverstone-faq-page .ad-table .sf-flex {
  flex-wrap: nowrap;
}
.silverstone-line-clamp {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.silverstone-trash-button {
  display: inline-grid;
  width: 38px;
  height: 36px;
  place-items: center;
  border: 1px solid #ece9e7;
  border-radius: 8px;
  background: #fff;
  color: #181818;
  box-shadow: 0 1px 4px rgb(0 0 0 / 4%);
  cursor: pointer;
}
.silverstone-trash-button svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}
.silverstone-cms-pagination {
  box-sizing: border-box;
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  border: 1px solid #e5e3e2;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #fff;
}
.silverstone-cms-pagination > .sf-text {
  color: #6b6b6b;
  font-size: 12px;
}
.silverstone-cms-pagination .sf-field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.silverstone-cms-pagination .sf-select {
  width: 76px;
  min-height: 32px;
  height: 32px;
}
.silverstone-cms-pagination .sf-pagination {
  gap: 4px;
}
.silverstone-cms-pagination .sf-pagination button,
.silverstone-cms-pagination .sf-pagination span {
  min-width: 30px;
  height: 30px;
  font-size: 12px;
}

.sf-modal__panel.silverstone-promotional-modal {
  width: min(550px, calc(100vw - 32px));
  max-width: 550px;
  border-radius: 10px;
}
.sf-modal__panel.silverstone-faq-modal {
  width: min(700px, calc(100vw - 32px));
  max-width: 700px;
  border-radius: 10px;
}
.silverstone-promotional-modal .sf-modal__header,
.silverstone-faq-modal .sf-modal__header {
  padding: 24px 25px 5px;
}
.silverstone-promotional-modal .sf-modal__header h2,
.silverstone-faq-modal .sf-modal__header h2 {
  font:
    600 18px/18px Montserrat,
    sans-serif;
}
.silverstone-promotional-modal .sf-modal__body,
.silverstone-faq-modal .sf-modal__body {
  padding: 8px 25px 0;
}
.silverstone-modal-description {
  margin-bottom: 16px;
  color: #6b6b6b;
  font:
    400 12px/18px Montserrat,
    sans-serif;
}
.silverstone-labelled-form {
  display: grid;
  gap: 16px;
}
.silverstone-labelled-form > .sf-field {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: center;
  column-gap: 16px;
}
.silverstone-labelled-form .sf-field__label {
  grid-column: 1;
  color: #242424;
  font:
    500 13px/18px Montserrat,
    sans-serif;
}
.silverstone-labelled-form .sf-input,
.silverstone-labelled-form .sf-select,
.silverstone-labelled-form .sf-textarea {
  grid-column: 2;
  min-height: 36px;
  border-color: #dedbd9;
  border-radius: 7px;
}
.silverstone-labelled-form .sf-input__control {
  min-height: 34px;
  height: 34px;
  padding-block: 0;
}
.silverstone-labelled-form .sf-textarea {
  padding: 9px 12px;
  resize: vertical;
}
.silverstone-labelled-form .sf-field__description,
.silverstone-labelled-form .sf-field__error {
  grid-column: 2;
  margin-top: 3px;
  font-size: 11px;
}
.silverstone-promotional-form {
  gap: 16px;
  margin-top: 12px;
  padding: 4px 0;
}
.silverstone-promotional-form > .sf-field {
  grid-template-columns: 113px minmax(0, 1fr);
}
.silverstone-promotional-form .sf-textarea {
  min-height: 64px;
  height: 64px;
}
.silverstone-faq-form {
  padding: 16px 0 13px;
}
.silverstone-faq-form > .sf-field,
.silverstone-faq-form .silverstone-labelled-switch {
  grid-template-columns: 150.5px minmax(0, 1fr);
}
.silverstone-faq-form .sf-input {
  padding-inline: 12px;
}
.silverstone-faq-form > .sf-field:nth-child(3) .sf-field__description {
  height: 16px;
  margin-top: 0;
  line-height: 16px;
}
.silverstone-faq-form .sf-textarea {
  min-height: 64px;
  height: 64px;
}
.silverstone-labelled-switch {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  align-items: center;
  column-gap: 16px;
}
.silverstone-labelled-switch > .sf-text:first-child {
  font-weight: 500;
}
.silverstone-labelled-switch > .sf-flex > .sf-text {
  color: #6b6b6b;
  font-size: 12px;
}
.silverstone-labelled-switch .sf-choice__text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.silverstone-faq-form .silverstone-labelled-switch,
.silverstone-faq-form .silverstone-labelled-switch .sf-choice__label {
  min-height: 20px;
  height: 20px;
}
.silverstone-faq-form .silverstone-labelled-switch .sf-choice__label,
.silverstone-faq-form .silverstone-labelled-switch .sf-switch__track {
  width: 40px;
}
.silverstone-faq-form .silverstone-labelled-switch .sf-switch__track {
  height: 20px;
  padding: 2px;
  transform: translateY(-1px);
}
.silverstone-form-error {
  margin: 10px 0 0 166px;
  color: #b94747;
  font-size: 12px;
}
.silverstone-promotional-modal .sf-modal__footer,
.silverstone-faq-modal .sf-modal__footer {
  min-height: 0;
  padding: 12px 25px 25px;
  border-top: 0;
}
.silverstone-faq-modal .sf-modal__footer {
  padding-top: 3px;
}
.silverstone-promotional-modal .sf-modal__footer .sf-flex,
.silverstone-faq-modal .sf-modal__footer .sf-flex {
  gap: 8px;
}
.silverstone-promotional-modal .sf-modal__footer .sf-button,
.silverstone-faq-modal .sf-modal__footer .sf-button {
  min-height: 36px;
  height: 36px;
  padding-inline: 17.4px;
  border-radius: 7px;
}
.silverstone-promotional-modal .sf-modal__footer .sf-button:not(.sf-button--outline),
.silverstone-faq-modal .sf-modal__footer .sf-button:not(.sf-button--outline) {
  background: #181818;
  color: #fff;
}

@media (max-width: 720px) {
  .silverstone-labelled-form > .sf-field,
  .silverstone-labelled-switch {
    grid-template-columns: 1fr;
    row-gap: 6px;
  }
  .silverstone-labelled-form .sf-input,
  .silverstone-labelled-form .sf-select,
  .silverstone-labelled-form .sf-textarea,
  .silverstone-labelled-form .sf-field__description,
  .silverstone-labelled-form .sf-field__error {
    grid-column: 1;
  }
  .silverstone-cms-pagination {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

/* Product editor controls that are backed by Trimaani's product/supply adapters. */
.silverstone-product-gemstone-toggle__label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.silverstone-product-gemstone-toggle__label small {
  padding: 2px 8px;
  border-radius: 999px;
  background: #e5e7eb;
  color: #1f2937;
  font-size: 12px;
  font-weight: 500;
}
.silverstone-product-gemstone-toggle__label small:first-of-type:not(:last-child) {
  background: #111827;
  color: #fff;
}
.silverstone-product-screw-options {
  display: grid;
  gap: 12px;
  padding-top: 4px;
}
.silverstone-product-screw-options > .sf-heading,
.silverstone-product-colour-stock > .sf-heading {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.silverstone-product-screw-row {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
.silverstone-product-screw-row .sf-button {
  width: auto;
  min-height: 32px;
  height: 32px;
  border-radius: 999px;
}
.silverstone-product-color-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
}
.silverstone-product-color-option {
  display: flex;
  min-height: 38px;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}
.silverstone-product-color-option.is-selected {
  border-color: #9ca3af;
  background: #f3f4f6;
}
.silverstone-product-color-option.is-default {
  border-color: #111;
  box-shadow: 0 0 0 1px #9ca3af;
}
.silverstone-product-color-option .sf-choice__label {
  height: auto;
  min-height: 20px;
  padding: 0;
  border: 0;
}
.silverstone-product-default-color,
.silverstone-product-color-option > span {
  padding: 2px 6px;
  border: 0;
  border-radius: 999px;
  background: #e5e7eb;
  color: #374151;
  font:
    600 10px/15px Montserrat,
    sans-serif;
}
.silverstone-product-color-option.is-default .silverstone-product-default-color {
  background: #111;
  color: #fff;
}
.silverstone-product-color-option > span {
  border: 1px solid #d1d5db;
  background: #f9fafb;
  font-size: 12px;
}
.silverstone-product-colour-stock {
  display: grid;
  gap: 8px;
  margin: 12px 0 18px;
}
.silverstone-product-colour-stock > .sf-text {
  color: #4b5563;
  font-size: 12px;
  line-height: 18px;
}
.silverstone-product-colour-stock__table-wrap {
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.silverstone-product-colour-stock table {
  width: 100%;
  border-collapse: collapse;
  color: #374151;
  font-size: 13px;
}
.silverstone-product-colour-stock th,
.silverstone-product-colour-stock td {
  height: 36px;
  padding: 7px 12px;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
}
.silverstone-product-colour-stock th {
  background: #f9fafb;
  color: #374151;
  font-weight: 600;
}
.silverstone-product-colour-stock tbody tr:last-child td {
  border-bottom: 0;
}
.silverstone-product-metal-status > .sf-choice:last-child {
  grid-column: auto;
  padding: 0;
}
.silverstone-product-color-library > legend {
  height: 24px;
  min-height: 24px;
  transform: translateY(21px);
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.silverstone-product-color-library > .sf-text {
  margin-top: 37px;
  color: #374151;
  font-size: 12px;
}
.silverstone-product-media-library-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 12px;
}
.silverstone-product-media-library-card {
  display: grid;
  min-width: 0;
  gap: 12px;
  padding: 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}
.silverstone-product-media-library-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.silverstone-product-media-library-card > header strong {
  font-size: 14px;
}
.silverstone-product-media-library-card > header span {
  padding: 2px 7px;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-size: 10px;
}
.silverstone-product-media-library-empty,
.silverstone-product-media-library-preview {
  display: grid;
  height: 142px;
  place-items: center;
  overflow: hidden;
  border: 1px dashed #d1d5db;
  border-radius: 6px;
  background: #f9fafb;
  color: #6b7280;
  font-size: 12px;
}
.silverstone-product-media-library-preview img,
.silverstone-product-media-library-preview video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.silverstone-product-media-library-card > .sf-text {
  color: #6b7280;
  font-size: 10px;
  line-height: 15px;
}

@media (max-width: 1023px) {
  .silverstone-product-media-library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .silverstone-product-detail-fields,
  .silverstone-product-detail-meta,
  .silverstone-product-media-library-grid {
    grid-template-columns: 1fr;
  }
  .silverstone-product-gemstone-toggle__label {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
}

/* Order detail: source card rhythm plus real payment/shipment adapter panels. */
.silverstone-order-detail-skeleton {
  display: grid;
  gap: 24px;
}
.silverstone-order-detail-skeleton > span {
  width: 192px;
  height: 40px;
  border-radius: 6px;
  background: #e5e7eb;
}
.silverstone-order-detail-skeleton > div,
.silverstone-order-detail-skeleton section > div {
  height: 256px;
  border-radius: 12px;
  background: linear-gradient(90deg, #f3f4f6 20%, #e5e7eb 40%, #f3f4f6 60%);
  background-size: 300% 100%;
  animation: silverstone-detail-pulse 1.4s ease infinite;
}
.silverstone-order-detail-skeleton section {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.silverstone-order-detail-skeleton > .sf-spinner {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
@keyframes silverstone-detail-pulse {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.silverstone-order-detail-card--payment,
.silverstone-order-detail-card--summary {
  min-height: 447px;
}
.silverstone-order-detail-card--customer,
.silverstone-order-detail-card--address {
  min-height: 252px;
}
.silverstone-order-detail-card--history {
  min-height: 180px;
}
.silverstone-order-detail-card--delivery {
  min-height: 178px;
}
.silverstone-order-payment-provider {
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}
.silverstone-order-payment-provider > .sf-heading {
  margin-bottom: 8px;
  font-size: 14px;
}
.silverstone-order-payment-provider > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 16px;
  border-radius: 8px;
  background: #f9fafb;
}
.silverstone-order-payment-provider .sf-text {
  color: #6b7280;
  font-size: 12px;
}
.silverstone-order-payment-provider .sf-text strong {
  overflow-wrap: anywhere;
  color: #242424;
  font-size: 13px;
}
.silverstone-order-shipment-panel {
  min-height: 463px;
}
.silverstone-order-shipment-panel__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.silverstone-order-shipment-panel__heading > div {
  display: grid;
  gap: 2px;
}
.silverstone-order-shipment-panel__heading .sf-muted {
  color: #6b7280;
  font-size: 12px;
}
.silverstone-order-shipment-record {
  display: grid;
  gap: 20px;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}
.silverstone-order-shipment-record .sf-text {
  color: #6b7280;
  font-size: 12px;
  line-height: 19px;
}
.silverstone-order-shipment-record .sf-text strong {
  color: #242424;
  font-size: 13px;
}
.silverstone-order-shipment-events {
  display: grid;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}
.silverstone-order-shipment-events > .sf-heading {
  margin-bottom: 2px;
  font-size: 14px;
}
.silverstone-order-shipment-events > div {
  display: grid;
  grid-template-columns: 8px max-content 1fr;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}
.silverstone-order-shipment-events > div > span {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #111;
}
.silverstone-order-shipment-events > div > .sf-muted:last-child {
  grid-column: 2 / -1;
}

@media (max-width: 760px) {
  .silverstone-order-detail-skeleton section,
  .silverstone-order-payment-provider > div {
    grid-template-columns: 1fr;
  }
  .silverstone-order-detail-card--payment,
  .silverstone-order-detail-card--summary,
  .silverstone-order-detail-card--customer,
  .silverstone-order-detail-card--address {
    min-height: auto;
  }
}