/* ================================================================
   NEWORDER — Apple HIG 2026 · Liquid Glass additions
   ================================================================ */

/* ================================================================
   10. NEWORDER PAGE — Apple HIG 2026 additions
   يُضاف في نهاية unified-design-system.css
   ================================================================ */
/* ================================================================
   NEWORDER — Apple HIG 2026 · refined final version
   ================================================================ */

/* ================================================================
   NEWORDER — Apple HIG 2026 · final polish
   ================================================================ */

/* ================================================================
   NEWORDER — D3M version
   Layout by Bootstrap 5
   Visual styling by CSS only
   ================================================================ */

.d3m-order-card,
.d3m-side-card {
  background: var(--bs-tertiary-bg);
  border: 1px solid var(--glass-border);
  border-radius: 24px;
  box-shadow: var(--shadow-md);
}

.d3m-order-eyebrow {
  font-size: clamp(0.6875rem, 0.66rem + 0.12vw, 0.75rem);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-tertiary);
  margin-bottom: 0.5rem;
}

.d3m-search-spotlight,
.d3m-filter-wrap,
.d3m-support-note {
  background: var(--surface-2);
  border: 1px solid var(--glass-border);
  border-radius: 18px;
  padding: 16px;
}

.d3m-search .input-group-text,
.d3m-search .form-control {
  border-color: var(--glass-border);
  background: transparent;
}

.d3m-search .input-group-text {
  border-inline-end: 0;
}

.d3m-search .form-control {
  border-inline-start: 0;
}

.d3m-chip {
  min-height: 3.125rem;
  padding: 0.625rem 0.875rem;
  border-radius: 1rem;
  border: 1px solid var(--glass-border);
  background: var(--surface-1);
  color: var(--ink-secondary);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  box-shadow: none;
  transition:
    background-color var(--dur-fast) var(--ease-smooth),
    border-color var(--dur-fast) var(--ease-smooth),
    color var(--dur-fast) var(--ease-smooth),
    transform var(--dur-fast) var(--ease-spring);
}

[data-bs-theme="light"] .d3m-chip {
  background: var(--surface-1);
  border-color: rgba(0, 0, 0, 0.06);
}

[data-bs-theme="dark"] .d3m-chip {
  background: var(--surface-2);
  border-color: rgba(255, 255, 255, 0.06);
}

.d3m-chip i {
  font-size: 0.95rem;
  opacity: 0.88;
  line-height: 1;
  flex: 0 0 auto;
}

.d3m-chip span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-chip:hover,
.d3m-chip:focus-visible {
  background: rgba(var(--bs-primary-rgb), 0.06);
  border-color: rgba(var(--bs-primary-rgb), 0.14);
  color: var(--ink-primary);
  transform: translateY(-1px);
}

.d3m-chip.is-active,
.d3m-chip[aria-pressed="true"] {
  background: rgba(var(--bs-primary-rgb), 0.09);
  border-color: rgba(var(--bs-primary-rgb), 0.18);
  color: var(--bs-primary);
}

.d3m-form-section + .d3m-form-section {
  border-top: 1px solid var(--glass-border);
  margin-top: 22px;
  padding-top: 22px;
}

.d3m-submit-btn {
  border-radius: 16px;
}

.d3m-service-card,
.d3m-side-info-card {
  overflow: hidden;
}

.d3m-service-card-header {
  background: transparent;
  border-bottom: 1px solid var(--glass-border);
  padding: 18px 20px 12px;
}

.d3m-service-card-body {
  padding: 18px 20px 20px;
}

.d3m-service-price-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--surface-2);
  color: var(--ink-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.01em;
  border: 1px solid var(--glass-border);
  max-width: 100%;
}

.d3m-service-summary-head {
  margin-bottom: 16px;
}

.d3m-service-name {
  font-size: clamp(0.9375rem, 0.9rem + 0.18vw, 1rem);
  line-height: 1.8;
  color: var(--ink-primary);
  font-weight: 500;
  letter-spacing: -0.01em;
  margin-bottom: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-service-stats {
  margin-bottom: 12px;
}

.d3m-service-stat-cell {
  padding: 14px 0 0;
  border-top: 1px solid var(--glass-border);
}

.d3m-service-stat:nth-child(-n+2) .d3m-service-stat-cell {
  padding-top: 0;
  border-top: 0;
}

.d3m-service-stat-cell h6 {
  font-size: clamp(0.6875rem, 0.66rem + 0.12vw, 0.75rem);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-tertiary);
  margin: 0 0 6px;
  overflow-wrap: anywhere;
}

.d3m-service-stat-value {
  font-size: clamp(0.875rem, 0.84rem + 0.16vw, 0.9375rem);
  font-weight: 600;
  color: var(--ink-primary);
  line-height: 1.6;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-service-stats + .row {
  margin-top: 4px;
}

.d3m-service-description-wrap {
  width: 100%;
  border-top: 1px solid var(--glass-border);
  padding-top: 18px;
  background: transparent;
  border-radius: 0;
  padding-inline: 0;
  padding-bottom: 0;
}

.d3m-service-description-wrap h6 {
  font-size: clamp(0.6875rem, 0.66rem + 0.12vw, 0.75rem);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-tertiary);
  margin: 0 0 10px;
}

.d3m-service-description {
  font-size: clamp(0.875rem, 0.84rem + 0.16vw, 0.9375rem);
  line-height: 1.9;
  color: var(--ink-primary);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-side-info-content {
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 575.98px) {
  .d3m-chip {
    min-height: 3.375rem;
    padding: 0.5rem 0.375rem;
    gap: 0.25rem !important;
    border-radius: 0.875rem;
  }

  .d3m-chip i {
    font-size: 0.9375rem;
  }

  .d3m-chip span {
    font-size: 0.6875rem;
    -webkit-line-clamp: 2;
  }

  .d3m-service-stat {
    padding-top: 14px;
  }

  .d3m-service-stat:nth-child(2) {
    padding-top: 14px;
  }

  .d3m-service-price-badge {
    min-height: 28px;
    padding-inline: 10px;
    font-size: 11px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .d3m-service-card-header,
  .d3m-service-card-body {
    padding-inline: 18px;
  }
}

@media (max-width: 991.98px) {
  .d3m-order-card,
  .d3m-side-card {
    border-radius: 20px;
  }

  .d3m-search-spotlight,
  .d3m-filter-wrap,
  .d3m-support-note,
  .d3m-service-description-wrap {
    border-radius: 16px;
  }

  .d3m-chip {
    font-size: 0.75rem;
  }
}

/* ================================================================
   MASS ORDER — D3M
   Bootstrap for layout, CSS for visual styling only
   ================================================================ */

.d3m-massorder-card {
  min-width: 0;
}

.d3m-massorder-format-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-tertiary);
  margin-bottom: 0.5rem;
}

.d3m-massorder-format-code {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
  background: var(--surface-1);
  border: 1px solid var(--glass-border);
  color: var(--ink-primary);
  font-size: 0.8125rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-massorder-textarea {
  min-height: 320px;
  resize: vertical;
  line-height: 1.8;
}

@media (max-width: 991.98px) {
  .d3m-massorder-format-code {
    width: 100%;
  }

  .d3m-massorder-textarea {
    min-height: 280px;
  }
}

/* ================================================================
   DRIPFEED — D3M
   Bootstrap for layout, CSS for visual styling only
   ================================================================ */

.d3m-filter-wrap,
.d3m-table-card {
  background: var(--bs-tertiary-bg);
  border: 1px solid var(--glass-border);
  border-radius: 18px;
}

.d3m-history-pill {
  border-radius: 999px;
  font-weight: 600;
  padding-inline: 14px;
  min-height: 40px;
}

.d3m-history-pill:not(.active) {
  background: var(--surface-1);
  color: var(--ink-secondary);
  border: 1px solid var(--glass-border);
}

.d3m-history-pill:not(.active):hover {
  background: rgba(var(--bs-primary-rgb), 0.06);
  color: var(--ink-primary);
  border-color: rgba(var(--bs-primary-rgb), 0.14);
}

.d3m-table-card .table {
  margin-bottom: 0;
}

.d3m-table-card thead th {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-tertiary);
  background: transparent;
  border-bottom: 1px solid var(--glass-border);
  white-space: nowrap;
}

.d3m-table-card tbody td {
  vertical-align: middle;
}

.d3m-table-card tbody tr:not(:last-child) td {
  border-bottom: 1px solid rgba(127, 127, 127, 0.10);
}

.d3m-table-card tbody tr:hover td {
  background: rgba(var(--bs-primary-rgb), 0.025);
}

.d3m-table-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--surface-1);
  border: 1px solid var(--glass-border);
  color: var(--ink-primary);
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .d3m-filter-wrap,
  .d3m-table-card {
    border-radius: 16px;
  }

  .d3m-history-pill {
    min-height: 38px;
    padding-inline: 12px;
    font-size: 0.8125rem;
  }
}

/* ================================================================
   SERVICES — D3M
   Bootstrap for layout, CSS for visual styling only
   ================================================================ */

.d3m-filter-wrap,
.d3m-table-card {
  background: var(--bs-tertiary-bg);
  border: 1px solid var(--glass-border);
  border-radius: 18px;
}

.d3m-services-fav-col {
  width: 42px;
}

.d3m-services-icon-image {
  max-width: calc(1em + 6px);
  max-height: calc(1em + 6px);
}

.d3m-services-category-row td {
  background: transparent !important;
  border-bottom: 0 !important;
}

.d3m-services-category-row strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0.75rem 1rem;
  border-radius: 14px;
  background: var(--surface-1);
  border: 1px solid var(--glass-border);
  color: var(--ink-primary);
  font-weight: 600;
}

.d3m-favorite-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--surface-1);
  border: 1px solid var(--glass-border);
  color: var(--ink-tertiary);
  transition:
    color var(--dur-fast) var(--ease-smooth),
    background-color var(--dur-fast) var(--ease-smooth),
    border-color var(--dur-fast) var(--ease-smooth),
    transform var(--dur-fast) var(--ease-spring);
}

.d3m-favorite-toggle:hover {
  color: #f5b301;
  border-color: rgba(245, 179, 1, 0.24);
  background: rgba(245, 179, 1, 0.08);
}

.d3m-favorite-toggle.favorite-active,
.favorite-active.d3m-favorite-toggle {
  color: #f5b301;
  background: rgba(245, 179, 1, 0.10);
  border-color: rgba(245, 179, 1, 0.22);
}

.d3m-table-card .table {
  margin-bottom: 0;
}

.d3m-table-card thead th {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-tertiary);
  background: transparent;
  border-bottom: 1px solid var(--glass-border);
  white-space: nowrap;
}

.d3m-table-card tbody td {
  vertical-align: middle;
}

.d3m-table-card tbody tr:not(.d3m-services-category-row):not(:last-child) td {
  border-bottom: 1px solid rgba(127, 127, 127, 0.10);
}

.d3m-table-card tbody tr:not(.d3m-services-category-row):hover td {
  background: rgba(var(--bs-primary-rgb), 0.025);
}

.d3m-services-mobile-description {
  color: var(--ink-secondary);
  font-size: 0.875rem;
  line-height: 1.8;
  background: var(--surface-1);
}

@media (max-width: 991.98px) {
  .d3m-filter-wrap,
  .d3m-table-card {
    border-radius: 16px;
  }
}

 /* ================================================================
   ORDERS — D3M
   Bootstrap for layout, CSS for visual styling only
   ================================================================ */

.d3m-filter-wrap,
.d3m-table-card {
  background: var(--bs-tertiary-bg);
  border: 1px solid var(--glass-border);
  border-radius: 18px;
}

.d3m-history-pill {
  border-radius: 999px;
  font-weight: 600;
  padding-inline: 14px;
  min-height: 40px;
}

.d3m-history-pill:not(.active) {
  background: var(--surface-1);
  color: var(--ink-secondary);
  border: 1px solid var(--glass-border);
}

.d3m-history-pill:not(.active):hover {
  background: rgba(var(--bs-primary-rgb), 0.06);
  color: var(--ink-primary);
  border-color: rgba(var(--bs-primary-rgb), 0.14);
}

.d3m-table-card .table {
  margin-bottom: 0;
}

.d3m-table-card thead th {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-tertiary);
  background: transparent;
  border-bottom: 1px solid var(--glass-border);
  white-space: nowrap;
}

.d3m-table-card tbody td {
  vertical-align: middle;
}

.d3m-table-card tbody tr:not(:last-child) td {
  border-bottom: 1px solid rgba(127, 127, 127, 0.10);
}

.d3m-table-card tbody tr:hover td {
  background: rgba(var(--bs-primary-rgb), 0.025);
}

.d3m-table-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--surface-1);
  border: 1px solid var(--glass-border);
  color: var(--ink-primary);
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}

.d3m-details-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--surface-1);
  border: 1px solid var(--glass-border);
  color: var(--ink-secondary);
  text-decoration: none;
  transition:
    background-color var(--dur-fast) var(--ease-smooth),
    color var(--dur-fast) var(--ease-smooth),
    border-color var(--dur-fast) var(--ease-smooth);
}

.d3m-details-link:hover {
  color: var(--ink-primary);
  background: rgba(var(--bs-primary-rgb), 0.06);
  border-color: rgba(var(--bs-primary-rgb), 0.14);
}

.d3m-inline-note {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink-secondary);
}

@media (max-width: 991.98px) {
  .d3m-filter-wrap,
  .d3m-table-card {
    border-radius: 16px;
  }

  .d3m-history-pill {
    min-height: 38px;
    padding-inline: 12px;
    font-size: 0.8125rem;
  }
}

/* ================================================================
   SUBSCRIPTIONS — D3M
   Optional page-specific refinements
   ================================================================ */

.d3m-table-card .link {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* ================================================================
   ADD FUNDS — D3M
   Optional page-specific refinements
   ================================================================ */

.d3m-invoice-link {
  width: auto;
  height: auto;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 0.75rem;
  font-weight: 600;
}

@media (max-width: 991.98px) {
  .d3m-invoice-link {
    padding-inline: 10px;
  }
}
/* ================================================================
   REFUNDS — D3M
   Optional page-specific refinements
   ================================================================ */

.d3m-table-card td a {
  text-decoration: none;
}

.d3m-table-card td a:hover {
  text-decoration: underline;
}
/* ================================================================
   TICKETS — D3M
   Optional page-specific refinements
   ================================================================ */

.d3m-ticket-textarea {
  min-height: 180px;
  resize: vertical;
  line-height: 1.8;
}

.d3m-ticket-uploader {
  width: 100%;
}

.ticket-danger .btn-close {
  cursor: pointer;
}
/* ================================================================
   VIEW TICKET — D3M
   Bootstrap for layout, CSS for visual styling only
   ================================================================ */

.d3m-ticket-thread-head {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--glass-border);
}

.d3m-ticket-title {
  color: var(--ink-primary);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-ticket-bubble {
  width: 100%;
  padding: 1rem;
  border-radius: 18px;
  border: 1px solid var(--glass-border);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-ticket-bubble-user {
  background: rgba(var(--bs-primary-rgb), 0.05);
}

.d3m-ticket-bubble-support {
  background: var(--bs-tertiary-bg);
}

.d3m-ticket-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: var(--ink-secondary);
}

.d3m-ticket-file-link {
  text-decoration: none;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-ticket-file-link:hover {
  text-decoration: underline;
}

.d3m-ticket-textarea {
  min-height: 140px;
  resize: vertical;
  line-height: 1.8;
}

.d3m-ticket-uploader {
  width: 100%;
}

@media (max-width: 991.98px) {
  .d3m-ticket-bubble {
    border-radius: 16px;
  }

  .d3m-ticket-meta {
    font-size: 0.75rem;
    flex-wrap: wrap;
  }
}
/* ================================================================
   RESET PASSWORD — D3M
   Optional page-specific refinements
   ================================================================ */

.g-recaptcha {
  max-width: 100%;
  overflow: hidden;
}

@media (max-width: 575.98px) {
  .g-recaptcha {
    transform: scale(0.94);
    transform-origin: 0 0;
  }

  html[dir="rtl"] .g-recaptcha {
    transform-origin: 100% 0;
  }
}

/* ================================================================
   2FA — D3M
   Optional page-specific refinements
   ================================================================ */

#code {
  letter-spacing: 0.08em;
}

/* ================================================================
   SET NEW PASSWORD — D3M
   Optional page-specific refinements
   ================================================================ */

#password_new,
#password_confirm {
  letter-spacing: 0.01em;
}

/* ================================================================
   FAQ — D3M
   Optional page-specific refinements
   ================================================================ */

.d3m-side-info-content {
  line-height: 1.9;
}

.d3m-side-info-content h1,
.d3m-side-info-content h2,
.d3m-side-info-content h3,
.d3m-side-info-content h4,
.d3m-side-info-content h5,
.d3m-side-info-content h6 {
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}

.d3m-side-info-content p:last-child {
  margin-bottom: 0;
}

/* ================================================================
   API — D3M
   Bootstrap for layout, CSS for visual styling only
   ================================================================ */

.d3m-api-section + .d3m-api-section {
  padding-top: 1.5rem;
  border-top: 1px solid var(--glass-border);
}

.d3m-api-table td,
.d3m-api-table th {
  vertical-align: middle;
}

.d3m-api-table code {
  font-family: var(--hig-mono);
  font-size: 0.8125rem;
  color: var(--ink-primary);
  background: transparent;
  padding: 0;
}

.d3m-api-pre {
  margin: 0;
  padding: 1rem;
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  background: var(--bs-tertiary-bg);
  color: var(--ink-primary);
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

.d3m-api-pre code {
  font-family: var(--hig-mono);
  font-size: 0.8125rem;
  line-height: 1.8;
  color: inherit;
}

@media (max-width: 991.98px) {
  .d3m-api-pre {
    border-radius: 14px;
  }
}

/* ================================================================
   TERMS OF SERVICE — D3M
   Optional page-specific refinements
   ================================================================ */

.d3m-side-info-content {
  line-height: 1.9;
}

.d3m-side-info-content h1,
.d3m-side-info-content h2,
.d3m-side-info-content h3,
.d3m-side-info-content h4,
.d3m-side-info-content h5,
.d3m-side-info-content h6 {
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}

.d3m-side-info-content p:last-child {
  margin-bottom: 0;
}

/* ================================================================
   AFFILIATES — D3M
   Optional page-specific refinements
   ================================================================ */

.d3m-affiliate-link-cell {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-affiliate-link-cell a {
  text-decoration: none;
}

.d3m-affiliate-link-cell a:hover {
  text-decoration: underline;
}

/* ================================================================
   ACCOUNT — D3M
   Optional page-specific refinements
   ================================================================ */

#api_key,
#username,
#email,
#current-email {
  font-family: var(--bs-body-font-family);
}

#changeEmailModal .modal-content {
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-float);
}

#changeEmailError:empty {
  display: none !important;
}
/* ================================================================
   REFILL — D3M
   Optional page-specific refinements
   ================================================================ */

.d3m-table-card td a {
  text-decoration: none;
}

.d3m-table-card td a:hover {
  text-decoration: underline;
}

/* ================================================================
   UPDATES — D3M
   Optional page-specific refinements
   ================================================================ */

.d3m-updates-service-name {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-table-card tbody td {
  vertical-align: middle;
}

@media (max-width: 991.98px) {
  .d3m-updates-service-name {
    min-width: 220px;
  }
}

/* ================================================================
   BLOG — D3M
   Optional page-specific refinements
   ================================================================ */

.d3m-blog-post-title {
  color: var(--ink-primary);
  letter-spacing: -0.02em;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-blog-post-image {
  width: 100%;
  height: auto;
}

.d3m-blog-post-content {
  color: var(--ink-primary);
  line-height: 1.9;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-blog-post-content p:last-child {
  margin-bottom: 0;
}

/* ================================================================
   BLOG SINGLE — D3M
   Optional page-specific refinements
   ================================================================ */

.d3m-blog-single-title {
  color: var(--ink-primary);
  letter-spacing: -0.03em;
  line-height: 1.25;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-blog-post-content {
  color: var(--ink-primary);
  line-height: 1.95;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.d3m-blog-post-content p:last-child {
  margin-bottom: 0;
}

/* ================================================================
   CHILD PANEL — D3M
   Optional page-specific refinements
   ================================================================ */

.d3m-childpanel-ns-list li + li {
  margin-top: 0.25rem;
}

#price[readonly] {
  font-weight: 600;
}

/* ================================================================
   CONFIRM EMAIL — D3M
   Optional page-specific refinements
   ================================================================ */

.d3m-confirm-email-card .d3m-support-note {
  max-width: 100%;
}

.d3m-confirm-email-description {
  line-height: 1.9;
  color: var(--ink-primary);
}

.d3m-confirm-email-link {
  text-decoration: none;
  font-weight: 600;
}

.d3m-confirm-email-link:hover {
  text-decoration: underline;
}

#changeEmailModal .modal-content {
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-float);
}

#changeEmailError:empty {
  display: none !important;
}

/* ================================================================
   NOTIFICATIONS — D3M
   Optional page-specific refinements
   ================================================================ */

#confirmEmailSuccess:empty,
#confirmEmailError:empty {
  display: none !important;
}

.d3m-table-card .form-check-input {
  float: none;
  margin-top: 0;
}

.d3m-table-card td.text-center {
  vertical-align: middle;
}