.dhv-panel,
.dhv-storefront {
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px;
}

.dhv-storefront {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.dhv-panel,
.dhv-offer {
  border: 1px solid rgba(12, 18, 22, 0.14);
  border-radius: 8px;
  background: #ffffff;
  color: #111820;
}

.dhv-offer {
  padding: 20px;
}

.dhv-offer h2,
.dhv-panel h1 {
  margin: 0 0 12px;
  line-height: 1.2;
}

.dhv-kicker {
  margin: 0 0 6px;
  color: #00bfd3;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.dhv-price {
  margin: 0 0 12px;
  color: #071014;
  font-size: 1.4rem;
  font-weight: 800;
}

.dhv-offer__description {
  margin-bottom: 16px;
}

.dhv-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border: 0;
  border-radius: 6px;
  background: #071014;
  color: #ffffff;
  text-decoration: none;
  font-weight: 800;
  cursor: pointer;
}

.dhv-button:hover,
.dhv-button:focus {
  color: #071014;
  background: #00bfd3;
}

.dhv-button--light {
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.dhv-claim-form {
  display: grid;
  gap: 10px;
  max-width: 420px;
}

.dhv-claim-form input {
  min-height: 42px;
  padding: 9px 10px;
  border: 1px solid rgba(12, 18, 22, 0.2);
  border-radius: 6px;
}

.dhv-muted {
  color: #5c6870;
}

.dhv-auth-shell {
  min-height: calc(100vh - 72px);
  display: grid;
  place-items: center;
  padding: 48px 20px;
  background:
    radial-gradient(circle at 18% 10%, rgba(0, 191, 211, 0.16), transparent 28%),
    linear-gradient(135deg, #071014 0%, #101922 48%, #f3f7f8 48%, #ffffff 100%);
}

.dhv-auth-panel {
  width: min(100%, 460px);
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 24px 80px rgba(7, 16, 20, 0.24);
  color: #071014;
}

.dhv-auth-panel h1 {
  margin: 0 0 10px;
  font-size: clamp(2rem, 5vw, 3.4rem);
  line-height: 0.95;
  letter-spacing: 0;
}

.dhv-auth-form {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.dhv-auth-form label {
  font-weight: 800;
}

.dhv-auth-form input[type="text"],
.dhv-auth-form input[type="email"],
.dhv-auth-form input[type="password"] {
  width: 100%;
  min-height: 48px;
  padding: 11px 12px;
  border: 1px solid rgba(7, 16, 20, 0.22);
  border-radius: 6px;
  background: #ffffff;
  color: #071014;
  font: inherit;
}

.dhv-auth-form input:focus {
  outline: 2px solid rgba(0, 191, 211, 0.38);
  outline-offset: 2px;
  border-color: #00bfd3;
}

.dhv-auth-check {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 4px 0;
  color: #34424a;
  font-weight: 700;
}

.dhv-auth-check input {
  width: 18px;
  height: 18px;
}

.dhv-auth-message {
  margin: 18px 0 0;
  padding: 12px 14px;
  border-radius: 6px;
  background: rgba(0, 191, 211, 0.12);
  color: #071014;
  font-weight: 700;
}

.dhv-auth-message--error {
  background: rgba(211, 50, 50, 0.1);
  color: #7c1717;
}

.dhv-auth-alt {
  margin: 18px 0 0;
  color: #34424a;
}

.dhv-auth-alt a {
  color: #007d8c;
  font-weight: 800;
}

.dhv-account-app {
  width: min(100% - 32px, 1320px);
  margin: 32px auto 56px;
  color: #071014;
}

.dhv-account-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: clamp(24px, 4vw, 44px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: linear-gradient(135deg, #071014 0%, #101922 68%, #0d5a65 100%);
  color: #ffffff;
}

.dhv-account-hero h1 {
  max-width: 860px;
  margin: 0;
  font-size: clamp(2.4rem, 7vw, 5.4rem);
  line-height: 0.9;
  letter-spacing: 0;
}

.dhv-account-meta {
  margin: 14px 0 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 1rem;
}

.dhv-account-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.dhv-account-alert {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(0, 191, 211, 0.28);
  border-radius: 8px;
  background: rgba(0, 191, 211, 0.12);
}

.dhv-account-alert--error {
  border-color: rgba(211, 50, 50, 0.28);
  background: rgba(211, 50, 50, 0.1);
}

.dhv-account-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 28px;
}

.dhv-account-nav a {
  min-height: 92px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: #111a22;
  color: #ffffff;
  text-decoration: none;
}

.dhv-account-nav strong {
  display: block;
  font-size: 2rem;
  line-height: 1;
}

.dhv-account-nav span {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.68);
  font-weight: 800;
}

.dhv-account-section {
  margin-top: 18px;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(7, 16, 20, 0.12);
  border-radius: 8px;
  background: #ffffff;
}

.dhv-account-section--summary {
  background: #f8fbfc;
}

.dhv-client-snapshot {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.dhv-client-snapshot div {
  min-height: 92px;
  padding: 14px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
}

.dhv-client-snapshot span {
  display: block;
  color: #66727a;
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dhv-client-snapshot strong {
  display: block;
  margin-top: 8px;
  color: #071014;
  font-size: 1rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.dhv-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.dhv-section-heading h2 {
  margin: 0;
  font-size: clamp(1.8rem, 4vw, 3.2rem);
  line-height: 0.95;
  letter-spacing: 0;
}

.dhv-section-heading a,
.dhv-section-heading span {
  color: #007d8c;
  font-weight: 800;
}

.dhv-service-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}

.dhv-service-item,
.dhv-ticket-item,
.dhv-empty-state {
  padding: 18px;
  border: 1px solid rgba(7, 16, 20, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-service-item h3,
.dhv-ticket-item h3,
.dhv-empty-state h3 {
  margin: 10px 0 8px;
  line-height: 1.15;
}

.dhv-service-item p,
.dhv-ticket-item p,
.dhv-empty-state p {
  margin: 0;
  color: #47545c;
}

.dhv-service-item dl {
  display: grid;
  gap: 8px;
  margin: 18px 0;
}

.dhv-service-item dl div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.dhv-service-item dt {
  color: #66727a;
  font-weight: 800;
}

.dhv-service-item dd {
  margin: 0;
  text-align: right;
  font-weight: 800;
}

.dhv-inline-action,
.dhv-account-table a {
  color: #007d8c;
  font-weight: 800;
}

.dhv-status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(7, 16, 20, 0.08);
  color: #071014;
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dhv-status--active,
.dhv-status--paid,
.dhv-status--open,
.dhv-status--answered {
  background: rgba(0, 191, 211, 0.16);
  color: #005e69;
}

.dhv-status--unpaid,
.dhv-status--overdue,
.dhv-status--suspended,
.dhv-status--terminated {
  background: rgba(211, 50, 50, 0.1);
  color: #7c1717;
}

.dhv-table-wrap {
  overflow-x: auto;
}

.dhv-account-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}

.dhv-account-table th,
.dhv-account-table td {
  padding: 14px 12px;
  border-bottom: 1px solid rgba(7, 16, 20, 0.1);
  text-align: left;
  vertical-align: middle;
}

.dhv-account-table th {
  color: #66727a;
  font-size: 0.76rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dhv-support-layout {
  display: block;
  min-width: 0;
}

.dhv-ticket-list {
  display: grid;
  gap: 10px;
}

.dhv-ticket-form {
  display: grid;
  gap: 14px;
  padding: 20px;
  background: #ffffff;
}

.dhv-ticket-form label {
  display: grid;
  gap: 6px;
  font-weight: 800;
}

.dhv-ticket-form input,
.dhv-ticket-form select,
.dhv-ticket-form textarea {
  width: 100%;
  min-height: 44px;
  padding: 10px 11px;
  border: 1px solid rgba(7, 16, 20, 0.18);
  border-radius: 6px;
  background: #ffffff;
  color: #071014;
  font: inherit;
}

.dhv-ticket-form textarea {
  resize: vertical;
}

.dhv-support-heading-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.dhv-support-heading-actions > span {
  padding: 6px 9px;
  border-radius: 999px;
  background: #edf5f6;
  color: #52636c;
  font-size: 0.78rem;
  font-weight: 900;
}

@media (max-width: 920px) {
  .dhv-account-hero,
  .dhv-section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .dhv-account-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dhv-support-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .dhv-auth-shell {
    min-height: calc(100vh - 64px);
    place-items: stretch;
    padding: 24px 14px;
    background: linear-gradient(180deg, #071014 0%, #101922 34%, #f3f7f8 34%, #ffffff 100%);
  }

  .dhv-auth-panel {
    align-self: center;
  }

  .dhv-account-app {
    width: min(100% - 20px, 1320px);
    margin: 18px auto 36px;
  }

  .dhv-account-nav {
    grid-template-columns: 1fr;
  }
}

/* Account app shell */
body.page-id-17608 {
  overflow: hidden;
  background: #eef3f7;
}

body.page-id-17608 .dhv-site-header,
body.page-id-17608 .dhv-site-footer,
body.page-id-17608 .dhv-page-header {
  display: none;
}

body.page-id-17608 .dhv-main,
body.page-id-17608 .dhv-main--page,
body.page-id-17608 .dhv-page-content,
body.page-id-17608 .dhv-content {
  width: 100%;
  max-width: none;
  min-height: 100dvh;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body.page-id-17608 .dhv-panel {
  width: min(100% - 32px, 560px);
  margin: 14vh auto 0;
  padding: 28px;
}

body.page-id-17608 .dhv-account-shell {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;
  margin: 0;
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
  overflow: hidden;
  background: #eef3f7;
  color: #071014;
}

body.admin-bar.page-id-17608 .dhv-account-shell {
  top: 32px;
  height: calc(100dvh - 32px);
}

.dhv-account-sidebar {
  min-width: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 24px;
  padding: 18px 14px;
  border-right: 1px solid rgba(7, 16, 20, 0.1);
  background: #071014;
  color: #ffffff;
}

.dhv-account-brand {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 4px 8px;
}

.dhv-account-brand img {
  display: block;
  width: min(150px, 100%);
  height: auto;
}

.dhv-account-menu {
  display: grid;
  align-content: start;
  gap: 6px;
}

.dhv-account-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.68);
  text-decoration: none;
  font-weight: 850;
}

.dhv-account-menu a:hover,
.dhv-account-menu a:focus,
.dhv-account-menu a.is-active {
  border-color: rgba(0, 191, 211, 0.32);
  background: rgba(0, 191, 211, 0.12);
  color: #ffffff;
}

.dhv-account-menu strong {
  min-width: 28px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: #00bfd3;
  font-size: 0.78rem;
  text-align: center;
}

.dhv-sidebar-account {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  overflow: hidden;
}

.dhv-sidebar-account span,
.dhv-sidebar-account strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dhv-sidebar-account span {
  font-weight: 900;
}

.dhv-sidebar-account strong {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.78rem;
}

.dhv-sidebar-account a {
  margin-top: 8px;
  color: #00bfd3;
  font-weight: 900;
}

.dhv-account-workspace {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: 72px minmax(0, 1fr);
  overflow: hidden;
}

.dhv-account-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 22px;
  border-bottom: 1px solid rgba(7, 16, 20, 0.1);
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
}

.dhv-account-topbar .dhv-kicker {
  margin-bottom: 2px;
}

.dhv-account-topbar h1 {
  margin: 0;
  color: #071014;
  font-size: 1.55rem;
  line-height: 1;
  letter-spacing: 0;
}

.dhv-topbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.dhv-account-topbar .dhv-button--light {
  border: 1px solid rgba(7, 16, 20, 0.18);
  background: #ffffff;
  color: #071014;
}

.dhv-account-topbar .dhv-button--light:hover,
.dhv-account-topbar .dhv-button--light:focus {
  border-color: rgba(0, 191, 211, 0.6);
  background: rgba(0, 191, 211, 0.12);
  color: #071014;
}

.dhv-account-main {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 22px;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
}

.dhv-dashboard-overview,
.dhv-account-section {
  scroll-margin-top: 18px;
}

.dhv-dashboard-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.dhv-dashboard-kpi {
  min-height: 126px;
  display: grid;
  align-content: space-between;
  padding: 18px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
  color: #071014;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(7, 16, 20, 0.05);
}

.dhv-dashboard-kpi:hover,
.dhv-dashboard-kpi:focus {
  border-color: rgba(0, 191, 211, 0.5);
  box-shadow: 0 14px 34px rgba(0, 191, 211, 0.12);
}

.dhv-dashboard-kpi span,
.dhv-dashboard-kpi small {
  color: #6a7780;
  font-weight: 850;
}

.dhv-dashboard-kpi strong {
  display: block;
  margin: 10px 0;
  color: #071014;
  font-size: 2.25rem;
  line-height: 1;
}

.dhv-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, 0.8fr);
  gap: 14px;
  margin-top: 14px;
}

.dhv-dashboard-panel {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(7, 16, 20, 0.05);
}

.dhv-dashboard-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.dhv-dashboard-panel__head h2 {
  margin: 0;
  color: #071014;
  font-size: 1.35rem;
  line-height: 1.1;
}

.dhv-dashboard-panel__head > span {
  color: #007d8c;
  font-weight: 900;
}

.dhv-metric-bars {
  display: grid;
  gap: 14px;
}

.dhv-metric-row {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 12px;
}

.dhv-metric-row span,
.dhv-metric-row strong {
  color: #071014;
  font-weight: 900;
}

.dhv-metric-row div {
  height: 9px;
  border-radius: 999px;
  background: #e6edf2;
  overflow: hidden;
}

.dhv-metric-row i {
  display: block;
  width: var(--dhv-bar-width, 10%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #00bfd3, #0099ff);
}

.dhv-mini-details {
  display: grid;
  gap: 10px;
  margin: 0;
}

.dhv-mini-details div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.dhv-mini-details dt {
  color: #6a7780;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dhv-mini-details dd {
  margin: 0;
  color: #071014;
  font-weight: 900;
  overflow-wrap: anywhere;
}

body.page-id-17608 .dhv-account-section {
  margin-top: 14px;
  padding: 18px;
  box-shadow: 0 10px 30px rgba(7, 16, 20, 0.05);
}

body.page-id-17608 .dhv-section-heading h2 {
  font-size: 1.45rem;
  line-height: 1.1;
}

body.page-id-17608 .dhv-service-grid {
  grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
}

body.page-id-17608 .dhv-service-item,
body.page-id-17608 .dhv-ticket-item,
body.page-id-17608 .dhv-empty-state,
body.page-id-17608 .dhv-ticket-form {
  background: #f8fbfc;
}

@media (max-width: 1100px) {
  body.page-id-17608 .dhv-account-shell {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .dhv-dashboard-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dhv-dashboard-grid,
  .dhv-support-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 782px) {
  body.admin-bar.page-id-17608 .dhv-account-shell {
    top: 46px;
    height: calc(100dvh - 46px);
  }
}

@media (max-width: 760px) {
  body.page-id-17608 .dhv-account-shell {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr) 72px;
  }

  .dhv-account-sidebar {
    grid-row: 2;
    grid-template-rows: 1fr;
    padding: 8px;
    border-top: 1px solid rgba(7, 16, 20, 0.1);
    border-right: 0;
  }

  .dhv-account-brand,
  .dhv-sidebar-account {
    display: none;
  }

  .dhv-account-menu {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
  }

  .dhv-account-menu a {
    min-height: 54px;
    justify-content: center;
    padding: 8px 4px;
    text-align: center;
    font-size: 0.72rem;
  }

  .dhv-account-menu strong {
    display: none;
  }

  .dhv-account-workspace {
    grid-row: 1;
    grid-template-rows: 64px minmax(0, 1fr);
  }

  .dhv-account-topbar {
    padding: 10px 12px;
  }

  .dhv-account-main {
    padding: 12px;
  }

  .dhv-dashboard-kpis {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .dhv-dashboard-kpi {
    min-height: 104px;
    padding: 12px;
  }
}

/* Account visualizations and service detail panels */
.dhv-viz-ring,
.dhv-resource-ring {
  --dhv-ring-value: 0%;
  position: relative;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(#00bfd3 var(--dhv-ring-value), #e4edf2 0);
}

.dhv-viz-ring::after,
.dhv-resource-ring::after {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: inherit;
  background: #ffffff;
}

.dhv-viz-ring {
  width: 74px;
  height: 74px;
  margin: 8px 0;
}

.dhv-viz-ring i,
.dhv-resource-ring strong {
  position: relative;
  z-index: 1;
  color: #071014;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 950;
}

.dhv-dashboard-kpi {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px 12px;
}

.dhv-dashboard-kpi span:first-child,
.dhv-dashboard-kpi small {
  grid-column: 1;
}

.dhv-dashboard-kpi .dhv-viz-ring {
  grid-row: 1 / span 3;
  grid-column: 2;
}

.dhv-service-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.dhv-service-titleline {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.dhv-service-titleline h3 {
  min-width: 0;
  overflow-wrap: anywhere;
}

.dhv-service-titleline--detail {
  align-items: flex-start;
  margin-top: 8px;
}

.dhv-wp-mark {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: #071014;
  color: #ffffff;
}

.dhv-wp-mark--large {
  width: 48px;
  height: 48px;
  margin-top: 2px;
}

.dhv-wp-mark svg {
  display: block;
  width: 100%;
  height: 100%;
}

.dhv-wp-mark circle {
  fill: #071014;
}

.dhv-wp-mark path {
  fill: #ffffff;
}

.dhv-app-mark {
  border: 1px solid rgba(7, 16, 20, 0.14);
  background: #ffffff;
  color: #071014;
  border-radius: 10px;
}

.dhv-app-mark rect,
.dhv-app-mark path,
.dhv-app-mark circle,
.dhv-app-mark ellipse,
.dhv-app-mark line,
.dhv-app-mark polyline,
.dhv-app-mark polygon {
  fill: none;
  stroke: currentColor;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dhv-app-mark--variant-0 { background: #e9fbfd; color: #007d8c; border-color: #a7e7ee; }
.dhv-app-mark--variant-1 { background: #fff4df; color: #9a5a00; border-color: #f1d49d; }
.dhv-app-mark--variant-2 { background: #f0ecff; color: #5b43a6; border-color: #cec3f2; }
.dhv-app-mark--variant-3 { background: #eaf6ff; color: #176b9c; border-color: #b9dcef; }
.dhv-app-mark--variant-4 { background: #f2f8e8; color: #527b20; border-color: #cce0aa; }
.dhv-app-mark--variant-5 { background: #fff0f2; color: #a33d55; border-color: #efc0ca; }
.dhv-app-mark--variant-6 { background: #eef2f5; color: #3f5967; border-color: #c9d4db; }
.dhv-app-mark--variant-7 { background: #eef9f5; color: #26775f; border-color: #b9dfd2; }

.dhv-app-mark--image img {
  width: 22px;
  height: 22px;
  display: block;
  object-fit: contain;
}

.dhv-service-card-resources {
  display: grid;
  gap: 10px;
  margin: -2px 0 16px;
}

.dhv-service-card-resources div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px 10px;
}

.dhv-service-card-resources span,
.dhv-service-card-resources strong {
  color: #071014;
  font-size: 0.82rem;
  font-weight: 950;
}

.dhv-service-card-resources small {
  grid-column: 1 / -1;
  color: #66727a;
  font-size: 0.76rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.dhv-service-card-resources i {
  grid-column: 1 / -1;
  display: block;
  height: 8px;
  border-radius: 999px;
  background: #e3ebf0;
  overflow: hidden;
}

.dhv-service-card-resources b {
  display: block;
  width: var(--dhv-bar-width, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #00bfd3, #0099ff);
}

.dhv-section-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.dhv-section-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 950;
}

.dhv-section-actions a:first-child {
  border: 1px solid #071014;
  background: #071014;
  color: #ffffff;
}

.dhv-section-actions a:last-child {
  border: 1px solid rgba(7, 16, 20, 0.16);
  background: #ffffff;
  color: #007d8c;
}

.dhv-section-actions a:hover,
.dhv-section-actions a:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

.dhv-service-list {
  display: block;
}

.dhv-account-app.is-service-open .dhv-service-list {
  display: none;
}

.dhv-service-detail-stack {
  display: none;
  margin-top: 18px;
}

.dhv-account-app.is-service-open .dhv-service-detail-stack {
  display: block;
}

.dhv-detail-back {
  width: fit-content;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  padding: 7px 10px;
  border: 1px solid rgba(7, 16, 20, 0.14);
  border-radius: 8px;
  background: #ffffff;
  color: #007d8c;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

.dhv-detail-back:hover,
.dhv-detail-back:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

.dhv-service-detail {
  display: none;
  padding: 18px;
  border: 1px solid rgba(0, 191, 211, 0.22);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
  box-shadow: 0 16px 40px rgba(7, 16, 20, 0.08);
  scroll-margin-top: 18px;
}

.dhv-service-detail.is-active,
.dhv-service-detail:target {
  display: block;
}

.dhv-service-detail__hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(7, 16, 20, 0.1);
}

.dhv-service-detail__hero h3 {
  margin: 10px 0 4px;
  color: #071014;
  font-size: clamp(1.5rem, 3vw, 2.4rem);
  line-height: 1;
}

.dhv-service-detail__hero p {
  margin: 0;
  color: #5d6972;
  font-weight: 800;
}

.dhv-service-detail__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.dhv-service-detail__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.dhv-service-stat {
  min-height: 82px;
  padding: 14px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
}

.dhv-service-stat span,
.dhv-resource-meter span {
  display: block;
  color: #6a7780;
  font-size: 0.73rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dhv-service-stat strong,
.dhv-resource-meter strong {
  display: block;
  margin-top: 8px;
  color: #071014;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.dhv-resource-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.dhv-resource-meter {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 118px;
  padding: 14px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
}

.dhv-resource-ring {
  width: 82px;
  height: 82px;
}

.dhv-service-management {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.dhv-management-card {
  min-width: 0;
  min-height: 150px;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
}

.dhv-management-card--wide {
  grid-column: span 2;
}

.dhv-management-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.dhv-management-card span,
.dhv-management-card__head span {
  display: block;
  color: #007d8c;
  font-size: 0.73rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dhv-management-card h4 {
  margin: 2px 0 0;
  color: #071014;
  font-size: 1.12rem;
  line-height: 1.1;
}

.dhv-management-card p {
  margin: 0;
  color: #53616a;
  font-weight: 700;
  line-height: 1.35;
}

.dhv-management-card a {
  color: #007d8c;
  font-weight: 950;
}

.dhv-live-list {
  display: grid;
  gap: 8px;
}

.dhv-live-error {
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(211, 50, 50, 0.08);
  color: #7c1717 !important;
}

.dhv-email-account-list,
.dhv-wp-instance-list {
  display: grid;
  gap: 8px;
}

.dhv-email-account-list > div,
.dhv-wp-instance-list > div {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(7, 16, 20, 0.09);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-email-account-list strong,
.dhv-wp-instance-list strong {
  color: #071014;
  overflow-wrap: anywhere;
}

.dhv-email-account-list span,
.dhv-wp-instance-list span {
  color: #66727a;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: none;
}

.dhv-email-usage {
  display: grid !important;
  gap: 6px;
  width: 100%;
  margin-top: 2px;
}

.dhv-email-usage__labels {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #66727a !important;
}

.dhv-email-usage__labels small:last-child {
  flex: 0 0 auto;
  color: #3e505a;
}

.dhv-email-usage__track {
  display: block !important;
  width: 100%;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #dfe9ed;
}

.dhv-email-usage__fill {
  display: block !important;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #04a9bb, #007d8c);
  transition: width 220ms ease;
}

.dhv-email-usage__fill.has-usage {
  min-width: 2px;
}

.dhv-email-usage__track.is-near-limit .dhv-email-usage__fill {
  background: #d98c08;
}

.dhv-email-usage__track.is-critical .dhv-email-usage__fill {
  background: #c43b3b;
}

.dhv-email-usage__unlimited {
  color: #52636c !important;
}

.dhv-security-panel__intro {
  margin: -2px 0 4px !important;
  max-width: 760px;
}

.dhv-ssl-domain-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.dhv-ssl-domain-card {
  min-width: 0;
  display: grid;
  gap: 14px;
  padding: 15px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 10px;
  background: #f8fbfc;
}

.dhv-ssl-domain-card.is-secured {
  border-color: rgba(0, 149, 113, 0.24);
  background: linear-gradient(145deg, rgba(232, 251, 246, 0.72), #f8fbfc 58%);
}

.dhv-ssl-domain-card.is-self-signed,
.dhv-ssl-domain-card.is-not-yet-valid,
.dhv-ssl-domain-card.is-unverified {
  border-color: rgba(217, 140, 8, 0.34);
  background: linear-gradient(145deg, rgba(255, 246, 225, 0.76), #f8fbfc 58%);
}

.dhv-ssl-domain-card.is-expired,
.dhv-ssl-domain-card.is-not-covered {
  border-color: rgba(196, 59, 59, 0.25);
  background: linear-gradient(145deg, rgba(255, 239, 239, 0.72), #f8fbfc 58%);
}

.dhv-ssl-domain-card span {
  display: block;
  color: #5d6b74;
  font-size: 0.76rem;
  font-weight: 850;
  line-height: 1.3;
  text-transform: none;
}

.dhv-ssl-domain-card__head,
.dhv-ssl-domain-title,
.dhv-ssl-domain-card__foot {
  display: flex;
  align-items: center;
}

.dhv-ssl-domain-card__head {
  justify-content: space-between;
  gap: 12px;
}

.dhv-ssl-domain-title {
  min-width: 0;
  gap: 9px;
}

.dhv-ssl-domain-title strong {
  min-width: 0;
  color: #071014;
  font-size: 0.98rem;
  overflow-wrap: anywhere;
}

.dhv-ssl-domain-icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  display: grid !important;
  place-items: center;
  border: 1px solid rgba(0, 125, 140, 0.26);
  border-radius: 50%;
  background: #e8fbfd;
  color: #007d8c !important;
}

.dhv-ssl-domain-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dhv-ssl-status,
.dhv-ssl-type {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: #dff7ef;
  color: #087556 !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.02em;
  text-transform: uppercase !important;
}

.is-self-signed .dhv-ssl-status,
.is-not-yet-valid .dhv-ssl-status,
.is-unverified .dhv-ssl-status {
  background: #fff0cc;
  color: #915c00 !important;
}

.is-expired .dhv-ssl-status,
.is-not-covered .dhv-ssl-status {
  background: #ffe1e1;
  color: #982c2c !important;
}

.dhv-ssl-domain-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.dhv-ssl-domain-meta > div {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 9px 10px;
  border: 1px solid rgba(7, 16, 20, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
}

.dhv-ssl-domain-meta strong {
  color: #26353d;
  font-size: 0.78rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.dhv-ssl-domain-meta > .dhv-ssl-validity {
  gap: 5px;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.dhv-ssl-validity__date {
  color: #071014 !important;
  font-size: 0.86rem !important;
  line-height: 1.25 !important;
}

.dhv-ssl-domain-card .dhv-ssl-validity__remaining {
  width: max-content;
  max-width: 100%;
  margin-top: 2px;
  padding: 4px 7px;
  border-radius: 999px;
  background: #e8f1f3;
  color: #3f535d;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.01em;
}

.dhv-ssl-domain-meta > .dhv-ssl-validity.is-warning {
  border-color: #e1b24c;
  background: #fff8e5;
  box-shadow: inset 3px 0 0 #d69a15;
}

.dhv-ssl-validity.is-warning .dhv-ssl-validity__date {
  color: #6f4800 !important;
}

.dhv-ssl-domain-card .dhv-ssl-validity.is-warning .dhv-ssl-validity__remaining {
  background: #ffe7a8;
  color: #704600;
}

.dhv-ssl-domain-meta > .dhv-ssl-validity.is-critical,
.dhv-ssl-domain-meta > .dhv-ssl-validity.is-expired {
  border-color: #d66a45;
  background: #fff0e9;
  box-shadow: inset 3px 0 0 #b9472f;
}

.dhv-ssl-validity.is-critical .dhv-ssl-validity__date,
.dhv-ssl-validity.is-expired .dhv-ssl-validity__date {
  color: #842d1d !important;
}

.dhv-ssl-domain-card .dhv-ssl-validity.is-critical .dhv-ssl-validity__remaining,
.dhv-ssl-domain-card .dhv-ssl-validity.is-expired .dhv-ssl-validity__remaining {
  background: #b9472f;
  color: #fff;
}

.dhv-ssl-domain-card__foot {
  min-height: 28px;
  justify-content: space-between;
  gap: 10px;
}

.dhv-ssl-visit,
.dhv-ssl-visit:visited {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid #071014;
  border-radius: 8px;
  background: #071014;
  color: #fff !important;
  font-size: 0.78rem;
  font-weight: 950 !important;
  line-height: 1.2;
  text-decoration: none !important;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.dhv-ssl-visit:hover,
.dhv-ssl-visit:focus {
  border-color: #007d8c;
  background: #007d8c;
  color: #fff !important;
  text-decoration: none !important;
}

.dhv-ssl-visit:focus-visible {
  outline: 3px solid rgba(0, 188, 212, 0.36);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #fff;
}

.dhv-ssl-empty {
  display: grid;
  gap: 4px;
  padding: 14px;
  border: 1px dashed rgba(7, 16, 20, 0.18);
  border-radius: 9px;
  background: #f8fbfc;
}

.dhv-ssl-empty strong {
  color: #071014;
}

.dhv-ssl-empty span {
  color: #5d6b74;
  font-size: 0.84rem;
  font-weight: 750;
  text-transform: none;
}

@media (max-width: 900px) {
  .dhv-ssl-domain-list,
  .dhv-ssl-domain-meta {
    grid-template-columns: 1fr;
  }
}

.dhv-email-create {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 10px;
  margin-top: 4px;
}

.dhv-email-create label,
.dhv-email-create > p,
.dhv-email-create button {
  grid-column: 1 / -1;
}

.dhv-email-create label {
  color: #071014;
  font-size: 0.78rem;
  font-weight: 950;
}

.dhv-email-create input,
.dhv-email-create select {
  width: 100%;
  min-height: 42px;
  padding: 9px 10px;
  border: 1px solid rgba(7, 16, 20, 0.16);
  border-radius: 8px;
  background: #ffffff;
  color: #071014;
  font: inherit;
  font-weight: 800;
}

.dhv-email-address-input {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(7, 16, 20, 0.16);
  border-radius: 8px;
  background: #ffffff;
}

.dhv-email-address-input input {
  border: 0;
  border-radius: 0;
}

.dhv-email-address-input strong {
  padding: 0 10px;
  color: #53616a;
  font-size: 0.86rem;
  white-space: nowrap;
}

.dhv-email-create > p {
  min-height: 20px;
  color: #007d8c;
  font-weight: 900;
}

.dhv-email-create > p.is-error {
  color: #7c1717;
}

@media (max-width: 900px) {
  .dhv-service-detail__grid,
  .dhv-resource-grid,
  .dhv-service-management {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dhv-management-card--wide {
    grid-column: span 2;
  }
}

@media (max-width: 620px) {
  .dhv-service-detail__hero {
    flex-direction: column;
  }

  .dhv-service-detail__actions {
    justify-content: flex-start;
  }

  .dhv-service-detail__grid,
  .dhv-resource-grid,
  .dhv-service-management {
    grid-template-columns: 1fr;
  }

  .dhv-management-card--wide {
    grid-column: span 1;
  }

  .dhv-dashboard-kpi {
    grid-template-columns: 1fr;
  }

  .dhv-dashboard-kpi .dhv-viz-ring {
    grid-row: auto;
    grid-column: auto;
  }
}

.dhv-detail-back {
  width: fit-content;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  padding: 7px 10px;
  border: 1px solid rgba(7, 16, 20, 0.14);
  border-radius: 8px;
  background: #ffffff;
  color: #007d8c;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

.dhv-detail-back:hover,
.dhv-detail-back:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

.dhv-tool-trigger,
.dhv-management-card a:not(.dhv-link-button),
.dhv-wp-instance-list a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(7, 16, 20, 0.14);
  border-radius: 8px;
  background: #071014;
  color: #ffffff;
  text-decoration: none;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 950;
  cursor: pointer;
}

.dhv-tool-trigger:hover,
.dhv-tool-trigger:focus,
.dhv-management-card a:not(.dhv-link-button):hover,
.dhv-management-card a:not(.dhv-link-button):focus,
.dhv-wp-instance-list a:hover,
.dhv-wp-instance-list a:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

.dhv-tool-trigger.is-disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.dhv-tool-launcher {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

form[data-wordpress-form-removed] {
  display: none !important;
}

.dhv-tool-modal {
  display: none !important;
  position: fixed;
  z-index: 100000;
  top: 50%;
  left: 50%;
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100dvh - 80px);
  transform: translate(-50%, -50%);
  overflow: auto;
  padding: 18px;
  border: 1px solid rgba(7, 16, 20, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 28px 90px rgba(7, 16, 20, 0.28);
}

.dhv-tool-modal.is-open {
  display: grid !important;
}

.dhv-tool-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.dhv-tool-modal__head strong {
  color: #071014;
  font-size: 1.05rem;
  font-weight: 950;
}

.dhv-tool-modal__head button {
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid rgba(7, 16, 20, 0.14);
  border-radius: 8px;
  background: #f4f8fa;
  color: #071014;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 950;
  cursor: pointer;
}

.dhv-tool-modal__head button:hover,
.dhv-tool-modal__head button:focus {
  border-color: #00bfd3;
  background: rgba(0, 191, 211, 0.12);
}

.dhv-action-form {
  display: grid;
  gap: 8px;
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(7, 16, 20, 0.08);
}

.dhv-action-form h5 {
  margin: 0;
  color: #071014;
  font-size: 0.95rem;
  line-height: 1.15;
}

.dhv-action-form label {
  color: #071014;
  font-size: 0.78rem;
  font-weight: 950;
}

.dhv-action-form input,
.dhv-action-form select {
  width: 100%;
  min-height: 42px;
  padding: 9px 10px;
  border: 1px solid rgba(7, 16, 20, 0.16);
  border-radius: 8px;
  background: #ffffff;
  color: #071014;
  font: inherit;
  font-weight: 800;
}

.dhv-action-form__split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.dhv-action-form__split label {
  display: grid;
  gap: 6px;
}

.dhv-action-form > p {
  min-height: 20px;
  margin: 0;
  color: #007d8c;
  font-weight: 900;
}

.dhv-action-form > p.is-error {
  color: #7c1717;
}

.dhv-action-form > p a {
  color: #007d8c;
  font-weight: 950;
}

.dhv-subdomain-list {
  display: grid;
  gap: 8px;
}

.dhv-subdomain-list div {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(7, 16, 20, 0.09);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-subdomain-list strong {
  color: #071014;
  overflow-wrap: anywhere;
}

.dhv-email-account-list small,
.dhv-subdomain-list small {
  color: #66727a;
  font-size: 0.78rem;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.dhv-action-form .dhv-inline-action,
.dhv-link-button {
  justify-self: start;
  color: #007d8c;
  font-weight: 950;
}

.dhv-link-button {
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.dhv-link-button:disabled {
  cursor: wait;
  opacity: 0.62;
}

@media (max-width: 620px) {
  .dhv-action-form__split {
    grid-template-columns: 1fr;
  }
}

.dhv-wp-mark--mini {
  width: 30px;
  height: 30px;
}

.dhv-wp-instance-row {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
}

.dhv-wp-instance-row__body {
  display: grid !important;
  gap: 6px;
  min-width: 0;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  text-transform: none !important;
}

.dhv-wp-instance-list .dhv-wp-instance-title {
  min-height: 0;
  display: inline;
  justify-self: start;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #071014;
  font-size: 0.95rem;
  font-weight: 950;
  line-height: 1.25;
  text-align: left;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.dhv-wp-instance-list .dhv-wp-instance-title:hover,
.dhv-wp-instance-list .dhv-wp-instance-title:focus {
  background: transparent;
  color: #007d8c;
  text-decoration: underline;
}

.dhv-wp-instance-url,
.dhv-wp-instance-version {
  color: #66727a !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
}

.dhv-wp-instance-url {
  display: block !important;
  overflow-wrap: anywhere;
}

.dhv-wp-instance-actions {
  display: flex !important;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.dhv-wp-instance-list .dhv-wp-instance-action {
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(7, 16, 20, 0.14);
  border-radius: 8px;
  background: #ffffff;
  color: #007d8c;
  font-size: 0.82rem;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
}

.dhv-wp-instance-list .dhv-wp-instance-action--primary {
  border-color: #071014;
  background: #071014;
  color: #ffffff;
}

.dhv-wp-instance-list .dhv-wp-instance-action:hover,
.dhv-wp-instance-list .dhv-wp-instance-action:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

/* Viewport app navigation */
body.page-id-17608 .dhv-account-main {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  overflow: hidden;
  padding: 16px;
  scroll-behavior: auto;
}

body.page-id-17608 .dhv-dashboard-overview,
body.page-id-17608 .dhv-account-section {
  display: none;
  min-width: 0;
  min-height: 0;
  max-height: 100%;
  margin: 0;
}

body.page-id-17608 .dhv-dashboard-overview[hidden],
body.page-id-17608 .dhv-account-section[hidden] {
  display: none !important;
}

body.page-id-17608 .dhv-dashboard-overview.is-active,
body.page-id-17608 .dhv-account-section.is-active {
  display: block;
  overflow: auto;
  overscroll-behavior: contain;
}

body.page-id-17608 .dhv-dashboard-overview.is-active {
  display: grid;
  align-content: start;
  gap: 14px;
}

body.page-id-17608 #hosting.is-active {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
}

body.page-id-17608 #hosting .dhv-service-list,
body.page-id-17608 #hosting .dhv-service-detail-stack {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
}

body.page-id-17608 #hosting .dhv-section-heading {
  margin-bottom: 14px;
}

body.page-id-17608 #hosting .dhv-service-detail-stack {
  margin-top: 0;
}

body.page-id-17608 .dhv-account-app.is-service-open #hosting .dhv-service-list {
  display: none;
}

body.page-id-17608 .dhv-account-app.is-service-open #hosting .dhv-service-detail-stack {
  display: block;
}

body.page-id-17608 .dhv-service-detail {
  min-height: 0;
}

.dhv-service-tool-tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
  padding: 5px;
  border: 1px solid rgba(7, 16, 20, 0.12);
  border-radius: 8px;
  background: #edf3f7;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

.dhv-service-tool-tabs button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 8px 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #53616a;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 950;
  cursor: pointer;
}

.dhv-service-tool-tabs button:hover,
.dhv-service-tool-tabs button:focus,
.dhv-service-tool-tabs button.is-active {
  background: #071014;
  color: #ffffff;
}

.dhv-service-detail[data-active-tool] .dhv-service-management {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dhv-service-detail[data-active-tool] [data-service-tool-panel][hidden] {
  display: none !important;
}

.dhv-service-detail[data-active-tool] [data-service-tool-panel]:not([hidden]) {
  display: grid;
}

@media (max-width: 760px) {
  .dhv-service-tool-tabs {
    margin-top: 12px;
  }

  .dhv-service-detail[data-active-tool] .dhv-service-management {
    grid-template-columns: 1fr;
  }
}

.dhv-domain-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.7fr);
  gap: 14px;
  margin-bottom: 14px;
}

.dhv-domain-search-panel,
.dhv-domain-asset-panel {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(7, 16, 20, 0.05);
}

.dhv-domain-search-panel__copy h3,
.dhv-domain-asset-panel h3 {
  margin: 0 0 8px;
  color: #071014;
  font-size: 1.45rem;
  line-height: 1;
}

.dhv-domain-search-panel__copy p,
.dhv-domain-asset-panel p {
  margin: 0;
  color: #53616a;
  font-weight: 750;
  line-height: 1.4;
}

.dhv-domain-mode-tabs {
  display: inline-grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 4px;
  margin-top: 16px;
  padding: 4px;
  border: 1px solid rgba(7, 16, 20, 0.12);
  border-radius: 8px;
  background: #eef3f7;
}

.dhv-domain-mode-tabs button,
.dhv-domain-featured--account button,
.dhv-domain-card__actions button,
.dhv-domain-inline-actions button {
  min-height: 36px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #52616b;
  font: inherit;
  font-weight: 950;
  cursor: pointer;
}

.dhv-domain-mode-tabs button.is-active {
  background: #071014;
  color: #ffffff;
}

.dhv-domain-transfer-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-domain-transfer-help strong {
  color: #071014;
  font-size: 0.88rem;
}

.dhv-domain-transfer-help button {
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid rgba(7, 16, 20, 0.16);
  border-radius: 6px;
  background: #ffffff;
  color: #007d8c;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 950;
  cursor: pointer;
}

.dhv-domain-transfer-help button:hover,
.dhv-domain-transfer-help button:focus {
  border-color: #00bfd3;
  background: rgba(0, 191, 211, 0.12);
  color: #071014;
}

.dhv-domain-searchbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-top: 14px;
}

.dhv-domain-searchbar input {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid rgba(7, 16, 20, 0.16);
  border-radius: 8px;
  background: #ffffff;
  color: #071014;
  font: inherit;
  font-weight: 800;
}

.dhv-domain-featured--account {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.dhv-domain-featured--account.is-hidden {
  display: none;
}

.dhv-domain-featured--account button {
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  background: #f3f8fa;
  color: #071014;
}

.dhv-domain-featured--account button:hover,
.dhv-domain-featured--account button:focus {
  background: rgba(0, 191, 211, 0.14);
}

.dhv-domain-featured--account span,
.dhv-domain-featured--account button span {
  color: #66727a;
  font-size: 0.78rem;
  font-weight: 850;
}

.dhv-domain-result--account {
  display: grid;
  gap: 4px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-domain-result--account strong {
  color: #071014;
}

.dhv-domain-result--account span {
  color: #53616a;
  font-weight: 750;
}

.dhv-domain-result--account.is-good {
  border-color: rgba(0, 191, 211, 0.34);
  background: rgba(0, 191, 211, 0.1);
}

.dhv-domain-result--account.is-bad {
  border-color: rgba(211, 50, 50, 0.24);
  background: rgba(211, 50, 50, 0.08);
}

.dhv-domain-results-panel--account {
  margin-top: 12px;
}

.dhv-domain-results-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.dhv-domain-results-head strong {
  color: #071014;
}

.dhv-domain-results-head span {
  color: #007d8c;
  font-weight: 950;
}

.dhv-domain-results-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
}

.dhv-domain-card {
  min-width: 0;
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-domain-card span,
.dhv-domain-card small {
  color: #66727a;
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dhv-domain-card strong {
  color: #071014;
  overflow-wrap: anywhere;
}

.dhv-domain-card em {
  color: #007d8c;
  font-style: normal;
  font-weight: 950;
}

.dhv-domain-card.is-unavailable {
  opacity: 0.62;
}

.dhv-domain-attached {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 6px;
  background: rgba(0, 191, 211, 0.12);
  color: #005e69;
  font-size: 0.82rem;
  font-weight: 950;
}

.dhv-domain-card__actions,
.dhv-domain-inline-actions,
.dhv-domain-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.dhv-domain-card__actions a,
.dhv-domain-card__actions button,
.dhv-domain-inline-actions a,
.dhv-domain-inline-actions button,
.dhv-domain-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 950;
}

.dhv-domain-card__actions a,
.dhv-domain-inline-actions a,
.dhv-domain-actions a:last-child {
  background: #071014;
  color: #ffffff;
}

.dhv-domain-card__actions button,
.dhv-domain-inline-actions button,
.dhv-domain-actions a:first-child {
  border: 1px solid rgba(7, 16, 20, 0.16);
  background: #ffffff;
  color: #007d8c;
}

.dhv-domain-asset-panel dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.dhv-domain-asset-panel dl div {
  min-height: 74px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-domain-asset-panel dt {
  color: #66727a;
  font-size: 0.73rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dhv-domain-asset-panel dd {
  margin: 0;
  color: #071014;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 950;
}

@media (max-width: 980px) {
  .dhv-domain-workspace {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .dhv-domain-searchbar,
  .dhv-domain-mode-tabs,
  .dhv-domain-asset-panel dl {
    grid-template-columns: 1fr;
  }
}

/* Account action polish */
body.page-id-17608 .dhv-service-item {
  display: grid;
  align-content: start;
}

body.page-id-17608 .dhv-service-item a,
body.page-id-17608 .dhv-account-table a,
body.page-id-17608 .dhv-sidebar-account a,
body.page-id-17608 .dhv-section-heading a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(7, 16, 20, 0.14);
  border-radius: 8px;
  background: #ffffff;
  color: #007d8c;
  text-decoration: none;
  font-size: 0.84rem;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

body.page-id-17608 .dhv-service-item a:first-of-type,
body.page-id-17608 .dhv-account-table .dhv-domain-actions a:last-child,
body.page-id-17608 .dhv-section-heading a:first-child {
  border-color: #071014;
  background: #071014;
  color: #ffffff;
}

body.page-id-17608 .dhv-service-item a:hover,
body.page-id-17608 .dhv-service-item a:focus,
body.page-id-17608 .dhv-account-table a:hover,
body.page-id-17608 .dhv-account-table a:focus,
body.page-id-17608 .dhv-sidebar-account a:hover,
body.page-id-17608 .dhv-sidebar-account a:focus,
body.page-id-17608 .dhv-section-heading a:hover,
body.page-id-17608 .dhv-section-heading a:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

body.page-id-17608 .dhv-service-actions {
  gap: 8px;
  margin-top: 12px;
}

.dhv-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}

.dhv-card-actions .dhv-tool-trigger,
.dhv-tool-trigger--compact {
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 8px;
  font-size: 0.82rem;
  line-height: 1;
}

.dhv-management-card__head:has(.dhv-card-actions) {
  align-items: center;
}

@media (max-width: 620px) {
  body.page-id-17608 .dhv-service-item a,
  body.page-id-17608 .dhv-account-table a,
  body.page-id-17608 .dhv-sidebar-account a,
  body.page-id-17608 .dhv-section-heading a {
    white-space: normal;
  }
}

body.page-id-17608 .dhv-domain-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(7, 16, 20, 0.14);
  border-radius: 8px;
  background: #ffffff;
  color: #007d8c;
  font: inherit;
  font-size: 0.84rem;
  line-height: 1;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

body.page-id-17608 .dhv-domain-actions button:hover,
body.page-id-17608 .dhv-domain-actions button:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

.dhv-domain-renew-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 8px 0 14px;
}

.dhv-domain-renew-summary div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-domain-renew-summary span {
  color: #66727a;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dhv-domain-renew-summary strong {
  color: #071014;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.dhv-domain-renew-status {
  display: grid;
  gap: 6px;
  min-height: 20px;
  margin-top: 10px;
  color: #007d8c;
  font-weight: 900;
}

.dhv-domain-renew-status.is-error {
  color: #7c1717;
}

.dhv-domain-renew-status.is-success {
  padding: 12px;
  border: 1px solid rgba(0, 191, 211, 0.28);
  border-radius: 8px;
  background: rgba(0, 191, 211, 0.1);
  color: #071014;
}

.dhv-domain-renew-status span {
  color: #53616a;
}

.dhv-domain-renew-status button {
  justify-self: start;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid #071014;
  border-radius: 8px;
  background: #071014;
  color: #ffffff;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 950;
  cursor: pointer;
}

.dhv-domain-renew-status button:hover,
.dhv-domain-renew-status button:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

.dhv-plus-coverage-card {
  grid-column: 1 / -1;
  min-height: 0;
}

.dhv-plus-coverage-list {
  display: grid;
  gap: 8px;
}

.dhv-plus-coverage-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-plus-coverage-row strong {
  display: block;
  color: #071014;
  font-size: 1rem;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.dhv-plus-coverage-row span {
  margin-top: 3px;
  color: #53616a;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: none;
}

.dhv-plus-coverage-row b,
.dhv-plus-coverage-row em {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(0, 191, 211, 0.15);
  color: #007d8c;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.dhv-plus-coverage-row em {
  background: #eef4f7;
  color: #53616a;
  text-transform: capitalize;
}

.dhv-plus-coverage-empty,
.dhv-plus-coverage-disabled,
.dhv-plus-coverage-note {
  color: #53616a;
  font-weight: 800;
}

.dhv-plus-coverage-next {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 4px;
}

.dhv-plus-coverage-next strong {
  color: #071014;
  font-weight: 950;
}

.dhv-plus-coverage-next span {
  color: #007d8c;
  font-size: 0.9rem;
  font-weight: 950;
  text-transform: none;
}

.dhv-plus-coverage-candidates {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 4px;
}

.dhv-plus-coverage-candidates > span {
  color: #53616a;
  font-size: 0.76rem;
  font-weight: 950;
}

.dhv-plus-coverage-candidates button {
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(7, 16, 20, 0.12);
  border-radius: 8px;
  background: #ffffff;
  color: #007d8c;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 950;
  cursor: pointer;
}

.dhv-plus-coverage-candidates button:hover,
.dhv-plus-coverage-candidates button:focus {
  border-color: #00bfd3;
  background: rgba(0, 191, 211, 0.12);
  color: #071014;
}

.dhv-plus-coverage-modal {
  width: min(560px, calc(100vw - 32px));
}

.dhv-plus-coverage-modal__summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 8px 0 14px;
}

.dhv-plus-coverage-modal__summary div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-plus-coverage-modal__summary span {
  color: #66727a;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dhv-plus-coverage-modal__summary strong {
  color: #071014;
  font-weight: 950;
  overflow-wrap: anywhere;
}

@media (max-width: 720px) {
  .dhv-plus-coverage-row,
  .dhv-plus-coverage-modal__summary {
    grid-template-columns: 1fr;
  }

  .dhv-plus-coverage-next {
    align-items: flex-start;
    flex-direction: column;
  }
}

.dhv-renewal-created-notice {
  display: grid;
  gap: 5px;
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(0, 191, 211, 0.28);
  border-radius: 8px;
  background: rgba(0, 191, 211, 0.1);
  color: #071014;
}

.dhv-renewal-created-notice strong {
  font-weight: 950;
}

.dhv-renewal-created-notice span {
  color: #53616a;
  font-weight: 800;
}

@media (max-width: 620px) {
  body.page-id-17608 .dhv-domain-actions button {
    white-space: normal;
  }

  .dhv-domain-renew-summary {
    grid-template-columns: 1fr;
  }
}


/* Billing invoice actions */
body.page-id-17608 .dhv-invoice-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body.page-id-17608 .dhv-invoice-actions button,
body.page-id-17608 .dhv-invoice-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid #071014;
  border-radius: 8px;
  background: #071014;
  color: #ffffff;
  font: inherit;
  font-size: 0.84rem;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
  cursor: pointer;
}

body.page-id-17608 .dhv-invoice-actions a {
  border-color: rgba(7, 16, 20, 0.14);
  background: #ffffff;
  color: #007d8c;
}

body.page-id-17608 .dhv-invoice-actions button:hover,
body.page-id-17608 .dhv-invoice-actions button:focus,
body.page-id-17608 .dhv-invoice-actions a:hover,
body.page-id-17608 .dhv-invoice-actions a:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

.dhv-invoice-pay-action .dhv-button--light {
  border: 1px solid rgba(7, 16, 20, 0.14);
  background: #ffffff;
  color: #007d8c;
}

.dhv-invoice-pay-action .dhv-button--light:hover,
.dhv-invoice-pay-action .dhv-button--light:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

.dhv-invoice-modal {
  width: min(760px, calc(100vw - 32px));
}

.dhv-invoice-modal__body {
  display: grid;
  gap: 14px;
}

.dhv-invoice-loading {
  margin: 0;
  color: #53616a;
  font-weight: 850;
}

.dhv-invoice-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.dhv-invoice-summary div,
.dhv-invoice-totals div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-invoice-summary span,
.dhv-invoice-totals span {
  color: #66727a;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dhv-invoice-summary strong,
.dhv-invoice-totals strong {
  color: #071014;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.dhv-invoice-lines {
  display: grid;
  gap: 8px;
}

.dhv-invoice-lines h4 {
  margin: 0;
  color: #071014;
  font-size: 1rem;
  line-height: 1.1;
}

.dhv-invoice-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
}

.dhv-invoice-line div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.dhv-invoice-line strong {
  color: #071014;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.dhv-invoice-line span {
  color: #66727a;
  font-size: 0.78rem;
  font-weight: 850;
}

.dhv-invoice-line b {
  color: #071014;
  font-weight: 950;
  white-space: nowrap;
}

.dhv-invoice-totals {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.dhv-invoice-pay-action {
  display: flex;
  justify-content: flex-end;
  padding-top: 4px;
}

.dhv-invoice-pay-action .dhv-button {
  min-width: 140px;
}

@media (max-width: 720px) {
  .dhv-invoice-summary,
  .dhv-invoice-totals {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  body.page-id-17608 .dhv-invoice-actions button {
    white-space: normal;
  }

  .dhv-invoice-summary,
  .dhv-invoice-totals,
  .dhv-invoice-line {
    grid-template-columns: 1fr;
  }

  .dhv-invoice-pay-action {
    justify-content: stretch;
  }

  .dhv-invoice-pay-action .dhv-button {
    width: 100%;
  }
}

/* Native in-dashboard invoice payment */
.dhv-invoice-payment-modal {
  width: min(620px, calc(100vw - 32px));
  max-height: min(90dvh, 760px);
  padding: 0;
  overflow: hidden;
  grid-template-rows: auto minmax(0, 1fr);
  border-radius: 16px;
}

.dhv-invoice-payment-modal.is-open {
  display: grid !important;
}

.dhv-invoice-payment-modal .dhv-tool-modal__head {
  margin: 0;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(7, 16, 20, 0.1);
  background: #ffffff;
}

.dhv-invoice-payment-modal .dhv-tool-modal__head > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.dhv-invoice-payment-modal .dhv-tool-modal__head span {
  color: #007d8c;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dhv-invoice-payment-shell {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  background: #f4f8fa;
}

.dhv-invoice-payment-status {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 11px 18px;
  border-bottom: 1px solid rgba(7, 16, 20, 0.08);
  background: #eef8f9;
  color: #38515a;
  font-size: 0.84rem;
  font-weight: 850;
  line-height: 1.4;
}

.dhv-invoice-payment-status.is-error {
  color: #7c1717;
  background: #fff1f1;
}

.dhv-invoice-payment-status.is-success {
  color: #075d48;
  background: #e8fbf5;
}

.dhv-invoice-payment-content {
  min-height: 0;
  padding: 18px;
  overflow: auto;
}

.dhv-invoice-payment-review {
  display: grid;
  gap: 14px;
}

.dhv-invoice-payment-amount {
  display: grid;
  gap: 4px;
  padding: 20px;
  border-radius: 12px;
  background:
    radial-gradient(circle at 90% 0%, rgba(0, 191, 211, 0.22), transparent 42%),
    linear-gradient(135deg, #071014 0%, #0b333b 100%);
  color: #ffffff;
}

.dhv-invoice-payment-amount span,
.dhv-invoice-payment-amount small {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.76rem;
  font-weight: 800;
}

.dhv-invoice-payment-amount strong {
  font-size: clamp(2rem, 8vw, 3rem);
  line-height: 1;
}

.dhv-invoice-payment-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.dhv-invoice-payment-details > div {
  display: grid;
  gap: 5px;
  padding: 13px 14px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 10px;
  background: #ffffff;
}

.dhv-invoice-payment-details span,
.dhv-invoice-payment-method span {
  color: #63727a;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dhv-invoice-payment-details strong {
  color: #071014;
  font-size: 0.94rem;
}

.dhv-invoice-payment-method {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  padding: 15px;
  border: 1px solid rgba(0, 127, 137, 0.28);
  border-radius: 11px;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(7, 16, 20, 0.05);
}

.dhv-invoice-payment-method > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.dhv-invoice-payment-method strong {
  overflow-wrap: anywhere;
  color: #071014;
  font-size: 1rem;
}

.dhv-invoice-payment-method small {
  color: #68777e;
  font-size: 0.76rem;
  font-weight: 750;
}

.dhv-invoice-payment-card-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #dff8fa;
  color: #007d8c;
}

.dhv-invoice-payment-card-icon svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dhv-invoice-payment-method .dhv-invoice-payment-method__ready {
  padding: 6px 9px;
  border-radius: 999px;
  background: #dcf8ef;
  color: #08664f;
  font-size: 0.66rem;
  white-space: nowrap;
}

.dhv-invoice-payment-assurance {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 13px;
  border: 1px solid rgba(0, 127, 137, 0.16);
  border-radius: 9px;
  background: #edf9fa;
}

.dhv-invoice-payment-assurance > span {
  flex: 0 0 23px;
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #007d8c;
  color: #ffffff;
  font-weight: 950;
}

.dhv-invoice-payment-assurance p {
  margin: 1px 0 0;
  color: #3d535c;
  font-size: 0.8rem;
  font-weight: 750;
  line-height: 1.45;
}

.dhv-invoice-payment-unavailable {
  padding: 20px;
  border: 1px solid #efc3c3;
  border-radius: 11px;
  background: #fff7f7;
  color: #671d1d;
}

.dhv-invoice-payment-unavailable strong {
  display: block;
  font-size: 1rem;
}

.dhv-invoice-payment-unavailable p {
  margin: 7px 0 0;
  color: #7c3a3a;
  line-height: 1.5;
}

.dhv-invoice-payment-success {
  min-height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 28px;
  border: 1px solid #bcebdc;
  border-radius: 12px;
  background: #edfbf6;
  text-align: left;
}

.dhv-invoice-payment-success > span {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #08785c;
  color: #ffffff;
  font-size: 1.7rem;
  font-weight: 950;
}

.dhv-invoice-payment-success strong {
  color: #064c3b;
  font-size: 1.25rem;
}

.dhv-invoice-payment-success p {
  margin: 5px 0;
  color: #2d5f52;
}

.dhv-invoice-payment-success small {
  color: #52736a;
  font-weight: 750;
}

.dhv-invoice-payment-skeleton {
  display: grid;
  gap: 12px;
}

.dhv-invoice-payment-skeleton i {
  display: block;
  height: 76px;
  border-radius: 11px;
  background: linear-gradient(90deg, #e4ecef 25%, #f7fafb 50%, #e4ecef 75%);
  background-size: 220% 100%;
  animation: dhvPaymentSkeleton 1.3s linear infinite;
}

.dhv-invoice-payment-skeleton i:first-child {
  height: 126px;
}

@keyframes dhvPaymentSkeleton {
  to { background-position: -220% 0; }
}

.dhv-invoice-payment-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  border-top: 1px solid rgba(7, 16, 20, 0.1);
  background: #ffffff;
}

.dhv-invoice-payment-footer p {
  max-width: 330px;
  margin: 0;
  color: #53616a;
  font-size: 0.73rem;
  font-weight: 700;
  line-height: 1.42;
}

.dhv-invoice-payment-footer p strong {
  color: #20343c;
}

.dhv-invoice-payment-footer > div {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}

.dhv-invoice-payment-footer .dhv-button,
.dhv-invoice-pay-action button.dhv-button {
  border: 1px solid #007d8c;
  background: #007d8c;
  color: #ffffff;
}

.dhv-invoice-payment-footer .dhv-button:hover,
.dhv-invoice-payment-footer .dhv-button:focus,
.dhv-invoice-pay-action button.dhv-button:hover,
.dhv-invoice-pay-action button.dhv-button:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

.dhv-invoice-payment-footer .dhv-button--light {
  border-color: rgba(7, 16, 20, 0.16);
  background: #ffffff;
  color: #071014;
}

.dhv-invoice-payment-footer .dhv-button--light:hover,
.dhv-invoice-payment-footer .dhv-button--light:focus {
  border-color: #007d8c;
  background: #eef8f9;
  color: #071014;
}

.dhv-invoice-payment-footer button:disabled,
.dhv-invoice-payment-modal .dhv-tool-modal__head button:disabled {
  opacity: 0.58;
  cursor: wait;
}

@media (max-width: 620px) {
  .dhv-invoice-payment-modal {
    width: calc(100vw - 12px);
    max-height: calc(100dvh - 12px);
    border-radius: 11px;
  }

  .dhv-invoice-payment-modal .dhv-tool-modal__head,
  .dhv-invoice-payment-status,
  .dhv-invoice-payment-content,
  .dhv-invoice-payment-footer {
    padding-left: 14px;
    padding-right: 14px;
  }

  .dhv-invoice-payment-details {
    grid-template-columns: 1fr;
  }

  .dhv-invoice-payment-method {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dhv-invoice-payment-method .dhv-invoice-payment-method__ready {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .dhv-invoice-payment-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .dhv-invoice-payment-footer > div {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
  }

  .dhv-invoice-payment-footer .dhv-button {
    width: 100%;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dhv-invoice-payment-skeleton i {
    animation: none;
  }
}

/* Same-tab invoice PDF document viewer */
body.page-id-17608 .dhv-invoice-actions button[data-invoice-pdf] {
  border-color: rgba(7, 16, 20, 0.14);
  background: #ffffff;
  color: #007d8c;
}

.dhv-invoice-pay-action {
  gap: 10px;
  flex-wrap: wrap;
}

.dhv-invoice-pay-action button.dhv-button--light {
  border: 1px solid rgba(7, 16, 20, 0.14);
  background: #ffffff;
  color: #007d8c;
}

.dhv-invoice-pay-action button.dhv-button--light:hover,
.dhv-invoice-pay-action button.dhv-button--light:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

.dhv-invoice-pdf-modal {
  width: min(1120px, calc(100vw - 32px));
  height: min(88dvh, 920px);
  max-height: calc(100dvh - 32px);
  padding: 0;
  overflow: hidden;
  grid-template-rows: auto minmax(0, 1fr);
}

.dhv-invoice-pdf-modal.is-open {
  display: grid !important;
}

.dhv-invoice-pdf-modal .dhv-tool-modal__head {
  margin: 0;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(7, 16, 20, 0.1);
}

.dhv-invoice-pdf-shell {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  background: #eef3f7;
}

.dhv-invoice-pdf-status {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 10px 16px;
  color: #53616a;
  font-size: 0.88rem;
  font-weight: 900;
}

.dhv-invoice-pdf-status.is-error {
  color: #7c1717;
  background: rgba(211, 50, 50, 0.08);
}

.dhv-invoice-pdf-object {
  min-height: 0;
  padding: 12px;
  overflow: hidden;
}

.dhv-invoice-pdf-skeleton {
  height: 100%;
  min-height: 520px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
  color: #53616a;
  font-weight: 900;
}

.dhv-invoice-pdf-document,
.dhv-invoice-pdf-document iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 560px;
  border: 1px solid rgba(7, 16, 20, 0.12);
  border-radius: 8px;
  background: #ffffff;
}

.dhv-invoice-pdf-document p {
  margin: 16px;
  color: #53616a;
  font-weight: 900;
}

.dhv-invoice-pdf-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 16px;
  border-top: 1px solid rgba(7, 16, 20, 0.1);
  background: #ffffff;
}

.dhv-invoice-pdf-actions .is-disabled {
  pointer-events: none;
  opacity: 0.5;
}

@media (max-width: 720px) {
  .dhv-invoice-pdf-modal {
    width: calc(100vw - 16px);
    height: calc(100dvh - 24px);
  }

  .dhv-invoice-pdf-object {
    padding: 8px;
  }
}


/* Useful dashboard overview */
.dhv-dashboard-overview--useful {
  gap: 14px;
}

.dhv-dashboard-command-grid {
  display: grid;
  grid-template-columns: minmax(300px, 1.15fr) repeat(3, minmax(210px, 1fr));
  gap: 14px;
}

.dhv-command-card {
  min-width: 0;
  min-height: 164px;
  display: grid;
  align-content: space-between;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
  color: #071014;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(7, 16, 20, 0.05);
}

.dhv-command-card:hover,
.dhv-command-card:focus {
  border-color: rgba(0, 191, 211, 0.5);
  box-shadow: 0 14px 34px rgba(0, 191, 211, 0.12);
}

.dhv-command-card h2 {
  margin: 0;
  color: #071014;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 0.9;
  letter-spacing: 0;
}

.dhv-command-card p {
  margin: 0;
  color: #53616a;
  font-weight: 800;
  line-height: 1.35;
}

.dhv-command-card--attention {
  background: linear-gradient(135deg, #071014 0%, #0c242b 100%);
  color: #ffffff;
}

.dhv-command-card--attention h2,
.dhv-command-card--attention p {
  color: #ffffff;
}

.dhv-command-card--attention .dhv-kicker {
  color: #00bfd3;
}

.dhv-command-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.dhv-command-stack a {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
  text-decoration: none;
}

.dhv-command-stack a:hover,
.dhv-command-stack a:focus {
  border-color: rgba(0, 191, 211, 0.8);
  background: rgba(0, 191, 211, 0.14);
}

.dhv-command-stack strong {
  font-size: 1.35rem;
  line-height: 1;
  font-weight: 950;
}

.dhv-command-stack span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dhv-dashboard-meter {
  display: block;
  height: 9px;
  border-radius: 999px;
  background: #e6edf2;
  overflow: hidden;
}

.dhv-dashboard-meter i {
  display: block;
  width: var(--dhv-bar-width, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #00bfd3, #0099ff);
}

.dhv-dashboard-grid--useful {
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.72fr);
}

.dhv-attention-list {
  display: grid;
  gap: 10px;
}

.dhv-attention-item {
  min-width: 0;
  display: grid;
  grid-template-columns: 106px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f8fbfc;
  color: #071014;
  text-decoration: none;
}

.dhv-attention-item:hover,
.dhv-attention-item:focus {
  border-color: rgba(0, 191, 211, 0.52);
  background: rgba(0, 191, 211, 0.08);
}

.dhv-attention-item.is-urgent {
  border-color: rgba(211, 50, 50, 0.24);
  background: rgba(211, 50, 50, 0.08);
}

.dhv-attention-item > span {
  color: #007d8c;
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dhv-attention-item strong {
  min-width: 0;
  color: #071014;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.dhv-attention-item small {
  color: #53616a;
  font-size: 0.82rem;
  font-weight: 850;
  text-align: right;
}

.dhv-quick-actions-panel {
  display: grid;
  align-content: start;
}

.dhv-quick-action-grid {
  display: grid;
  gap: 9px;
}

.dhv-quick-action-grid a {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f8fbfc;
  color: #071014;
  text-decoration: none;
}

.dhv-quick-action-grid a:hover,
.dhv-quick-action-grid a:focus {
  border-color: rgba(0, 191, 211, 0.52);
  background: rgba(0, 191, 211, 0.08);
}

.dhv-quick-action-grid strong {
  color: #071014;
  font-weight: 950;
}

.dhv-quick-action-grid span {
  color: #53616a;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.25;
}

@media (max-width: 1280px) {
  .dhv-dashboard-command-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dhv-dashboard-grid--useful {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .dhv-dashboard-command-grid,
  .dhv-command-stack,
  .dhv-attention-item {
    grid-template-columns: 1fr;
  }

  .dhv-command-card {
    min-height: 0;
  }

  .dhv-attention-item small {
    text-align: left;
  }
}


/* Product grouping, card menus, and plan options */
body.page-id-17608 .dhv-account-menu {
  gap: 5px;
}

body.page-id-17608 .dhv-service-item,
.dhv-ai-solution-card {
  position: relative;
  padding-top: 42px;
}

.dhv-card-menu {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 4;
}

.dhv-card-menu > button {
  width: 34px;
  height: 34px;
  display: inline-grid;
  grid-template-columns: repeat(3, 4px);
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #071014;
  cursor: pointer;
}

.dhv-card-menu > button:hover,
.dhv-card-menu > button:focus,
.dhv-card-menu > button[aria-expanded="true"] {
  border-color: rgba(7, 16, 20, 0.14);
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(7, 16, 20, 0.12);
}

.dhv-card-menu > button span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
}

.dhv-card-menu__panel {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  width: 190px;
  display: grid;
  gap: 5px;
  padding: 8px;
  border: 1px solid rgba(7, 16, 20, 0.14);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 46px rgba(7, 16, 20, 0.18);
}

.dhv-card-menu__panel[hidden] {
  display: none !important;
}

body.page-id-17608 .dhv-card-menu__panel a,
.dhv-card-menu__panel button {
  width: 100%;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #071014;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 950;
  line-height: 1.15;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  white-space: normal;
}

body.page-id-17608 .dhv-card-menu__panel a:hover,
body.page-id-17608 .dhv-card-menu__panel a:focus,
.dhv-card-menu__panel button:hover,
.dhv-card-menu__panel button:focus {
  background: rgba(0, 191, 211, 0.12);
  color: #071014;
}

.dhv-ai-solution-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
  gap: 12px;
}

.dhv-ai-solution-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 42px 18px 18px;
  border: 1px solid rgba(7, 16, 20, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-ai-solution-card h3 {
  margin: 0;
  color: #071014;
  font-size: 1.12rem;
  line-height: 1.15;
}

.dhv-ai-solution-card p {
  margin: -4px 0 0;
  color: #53616a;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.dhv-ai-solution-card dl {
  display: grid;
  gap: 8px;
  margin: 4px 0 0;
}

.dhv-ai-solution-card dl div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.dhv-ai-solution-card dt {
  color: #66727a;
  font-weight: 900;
}

.dhv-ai-solution-card dd {
  margin: 0;
  color: #071014;
  text-align: right;
  font-weight: 950;
}

.dhv-plan-modal {
  width: min(820px, calc(100vw - 32px));
}

.dhv-plan-modal__body {
  display: grid;
  gap: 14px;
}

.dhv-plan-modal__context,
.dhv-plan-modal__status {
  margin: 0;
  color: #53616a;
  font-weight: 850;
}

.dhv-plan-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.dhv-plan-option {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid rgba(7, 16, 20, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-plan-option.is-current {
  border-color: rgba(0, 191, 211, 0.7);
  background: rgba(0, 191, 211, 0.1);
}

.dhv-plan-option span {
  color: #007d8c;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dhv-plan-option h3 {
  margin: 0;
  color: #071014;
  font-size: 1.3rem;
  line-height: 1.05;
}

.dhv-plan-option p {
  margin: 0;
  color: #53616a;
  font-weight: 800;
  line-height: 1.35;
}

.dhv-plan-option button {
  min-height: 40px;
  border: 1px solid #071014;
  border-radius: 8px;
  background: #071014;
  color: #ffffff;
  font: inherit;
  font-weight: 950;
  cursor: pointer;
}

.dhv-plan-option button:disabled {
  border-color: rgba(7, 16, 20, 0.12);
  background: #ffffff;
  color: #53616a;
  cursor: default;
}

.dhv-plan-option button:not(:disabled):hover,
.dhv-plan-option button:not(:disabled):focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

.dhv-plan-assist-note {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid rgba(0, 191, 211, 0.3);
  border-radius: 8px;
  background: rgba(0, 191, 211, 0.1);
  color: #071014;
}

.dhv-plan-assist-note[hidden] {
  display: none !important;
}

.dhv-plan-assist-note strong {
  font-weight: 950;
}

.dhv-plan-assist-note span {
  color: #53616a;
  font-weight: 850;
}

@media (max-width: 760px) {
  .dhv-account-menu {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .dhv-plan-options {
    grid-template-columns: 1fr;
  }

  .dhv-card-menu__panel {
    right: -6px;
  }
}


.dhv-plan-modal__status.is-error,
.dhv-plan-modal__status.is-success {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 8px;
}

.dhv-plan-modal__status.is-error {
  border: 1px solid rgba(211, 50, 50, 0.24);
  background: rgba(211, 50, 50, 0.08);
  color: #7c1717;
}

.dhv-plan-modal__status.is-success {
  border: 1px solid rgba(0, 191, 211, 0.3);
  background: rgba(0, 191, 211, 0.1);
  color: #071014;
}

.dhv-plan-modal__status strong {
  font-weight: 950;
}

.dhv-plan-modal__status span {
  color: #53616a;
  font-weight: 850;
}

.dhv-plan-modal__status button {
  justify-self: start;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid #071014;
  border-radius: 8px;
  background: #071014;
  color: #ffffff;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 950;
  cursor: pointer;
}

.dhv-plan-modal__status button:hover,
.dhv-plan-modal__status button:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

/* AI product workspace */
.dhv-ai-open-detail {
  justify-self: start;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid #071014;
  border-radius: 8px;
  background: #071014;
  color: #ffffff;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 950;
  cursor: pointer;
}

.dhv-ai-open-detail:hover,
.dhv-ai-open-detail:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

.dhv-ai-solution-detail {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.dhv-ai-solution-detail[hidden] {
  display: none !important;
}

.dhv-ai-detail-hero {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(7, 16, 20, 0.12);
  border-radius: 8px;
  background: linear-gradient(135deg, #071014 0%, #102029 62%, #0d6270 100%);
  color: #ffffff;
  box-shadow: 0 18px 46px rgba(7, 16, 20, 0.14);
}

.dhv-ai-detail-hero .dhv-kicker,
.dhv-ai-detail-hero h3,
.dhv-ai-detail-hero p {
  color: #ffffff;
}

.dhv-ai-detail-hero .dhv-kicker {
  color: #00bfd3;
}

.dhv-ai-detail-hero h3 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.8rem);
  line-height: 0.95;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.dhv-ai-detail-hero p:not(.dhv-kicker) {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 850;
  overflow-wrap: anywhere;
}

.dhv-ai-detail-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.dhv-ai-detail-summary div,
.dhv-ai-detail-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(7, 16, 20, 0.05);
}

.dhv-ai-detail-summary span,
.dhv-ai-status-list dt,
.dhv-ai-key-row span,
.dhv-ai-download span {
  display: block;
  color: #66727a;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dhv-ai-detail-summary strong,
.dhv-ai-status-list dd,
.dhv-ai-key-row code,
.dhv-ai-download strong {
  color: #071014;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.dhv-ai-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

.dhv-ai-detail-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 190px;
}

.dhv-ai-detail-card--wide {
  grid-column: 1 / -1;
}

.dhv-ai-detail-card p {
  margin: 0;
  color: #53616a;
  font-weight: 800;
  line-height: 1.45;
}

.dhv-ai-key-list,
.dhv-ai-download-list {
  display: grid;
  gap: 10px;
}

.dhv-ai-key-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-ai-key-row div {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.dhv-ai-key-row code {
  display: block;
  padding: 8px 10px;
  border-radius: 6px;
  background: #071014;
  color: #ffffff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.82rem;
  line-height: 1.3;
}

.dhv-ai-key-row button,
.dhv-ai-product-files,
.dhv-ai-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 11px;
  border: 1px solid rgba(7, 16, 20, 0.14);
  border-radius: 8px;
  background: #ffffff;
  color: #007d8c;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

.dhv-ai-key-row button:hover,
.dhv-ai-key-row button:focus,
.dhv-ai-product-files:hover,
.dhv-ai-product-files:focus,
.dhv-ai-download:hover,
.dhv-ai-download:focus {
  border-color: #00bfd3;
  background: #00bfd3;
  color: #071014;
}

.dhv-ai-status-list {
  display: grid;
  gap: 10px;
  margin: 0;
}

.dhv-ai-status-list div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-ai-status-list dd {
  margin: 0;
}

.dhv-ai-download {
  display: grid;
  justify-content: start;
  gap: 4px;
  min-height: 54px;
  text-align: left;
}

.dhv-ai-product-files {
  justify-self: start;
  border-color: #071014;
  background: #071014;
  color: #ffffff;
}

.dhv-ai-activation-list {
  display: grid;
  gap: 10px;
}

.dhv-ai-activation-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f8fbfc;
}

.dhv-ai-activation-row div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.dhv-ai-activation-row span {
  display: block;
  color: #66727a;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dhv-ai-activation-row strong {
  color: #071014;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.dhv-ai-empty {
  margin: 0;
  color: #53616a;
  font-weight: 850;
}

body.page-id-17608 .dhv-account-app.is-ai-solution-open .dhv-account-main {
  scroll-behavior: auto;
}

@media (max-width: 860px) {
  .dhv-ai-detail-summary,
  .dhv-ai-detail-grid,
  .dhv-ai-key-row,
  .dhv-ai-activation-row {
    grid-template-columns: 1fr;
  }

  .dhv-ai-detail-card--wide {
    grid-column: auto;
  }

  .dhv-ai-detail-hero {
    flex-direction: column;
  }
}

/* Clickable product cards */
body.page-id-17608 .dhv-service-grid,
body.page-id-17608 .dhv-ai-solution-grid {
  padding-top: 5px;
  margin-top: -5px;
}

body.page-id-17608 .dhv-service-actions,
body.page-id-17608 .dhv-ai-open-detail {
  display: none !important;
}

body.page-id-17608 .dhv-service-item[role="button"],
body.page-id-17608 .dhv-ai-solution-card[role="button"] {
  cursor: pointer;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease;
  will-change: transform;
}

body.page-id-17608 .dhv-service-item[role="button"]:hover,
body.page-id-17608 .dhv-service-item[role="button"]:focus-visible,
body.page-id-17608 .dhv-ai-solution-card[role="button"]:hover,
body.page-id-17608 .dhv-ai-solution-card[role="button"]:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(7, 16, 20, 0.08);
  background: #ffffff;
  box-shadow:
    inset 0 0 0 2px rgba(0, 191, 211, 0.68),
    0 18px 44px rgba(7, 16, 20, 0.14);
  outline: 0;
}

body.page-id-17608 .dhv-service-item[role="button"]:focus-visible,
body.page-id-17608 .dhv-ai-solution-card[role="button"]:focus-visible {
  box-shadow:
    inset 0 0 0 2px rgba(0, 191, 211, 0.78),
    0 0 0 3px rgba(0, 191, 211, 0.22),
    0 18px 44px rgba(7, 16, 20, 0.14);
}

body.page-id-17608 .dhv-service-item[role="button"]:active,
body.page-id-17608 .dhv-ai-solution-card[role="button"]:active {
  transform: translateY(-1px) scale(0.995);
}

body.page-id-17608 .dhv-service-item[role="button"] .dhv-card-menu,
body.page-id-17608 .dhv-ai-solution-card[role="button"] .dhv-card-menu {
  cursor: default;
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-17608 .dhv-service-item[role="button"],
  body.page-id-17608 .dhv-ai-solution-card[role="button"] {
    transition: none;
  }

  body.page-id-17608 .dhv-service-item[role="button"]:hover,
  body.page-id-17608 .dhv-service-item[role="button"]:focus-visible,
  body.page-id-17608 .dhv-ai-solution-card[role="button"]:hover,
  body.page-id-17608 .dhv-ai-solution-card[role="button"]:focus-visible,
  body.page-id-17608 .dhv-service-item[role="button"]:active,
  body.page-id-17608 .dhv-ai-solution-card[role="button"]:active {
    transform: none;
  }
}

/* WordPress install actions */
body.page-id-17608 .dhv-wp-instance-action {
  font: inherit;
  cursor: pointer;
}

body.page-id-17608 button.dhv-wp-instance-action {
  border: 1px solid rgba(7, 16, 20, 0.14);
}

body.page-id-17608 button.dhv-wp-instance-action:disabled {
  opacity: 0.68;
  cursor: wait;
}

/* JetBackup restore points */
.dhv-jetbackup-card {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.dhv-jetbackup-list {
  display: grid;
  gap: 10px;
}

.dhv-jetbackup-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
}

.dhv-jetbackup-row div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.dhv-jetbackup-row strong {
  color: #071014;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.dhv-jetbackup-row span,
.dhv-jetbackup-row small,
.dhv-jetbackup-empty {
  color: #53616a;
  font-size: 0.86rem;
  font-weight: 850;
}

.dhv-jetbackup-row small {
  text-align: right;
  white-space: nowrap;
}

.dhv-jetbackup-empty {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
}

@media (max-width: 720px) {
  .dhv-jetbackup-row {
    grid-template-columns: 1fr;
  }

  .dhv-jetbackup-row small {
    text-align: left;
    white-space: normal;
  }
}

/* Account management drawer */
body.page-id-17608 .dhv-sidebar-account {
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

body.page-id-17608 .dhv-sidebar-account:hover,
body.page-id-17608 .dhv-sidebar-account:focus {
  border-color: rgba(0, 191, 211, 0.42);
  background: rgba(0, 191, 211, 0.12);
  outline: none;
  transform: translateY(-1px);
}

.dhv-account-drawer-shell {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  justify-items: end;
  pointer-events: none;
}

.dhv-account-drawer-shell[hidden] {
  display: none;
}

.dhv-account-drawer-shell.is-open {
  pointer-events: auto;
}

.dhv-account-drawer-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(7, 16, 20, 0.46);
  backdrop-filter: blur(8px);
}

.dhv-account-drawer {
  position: relative;
  width: min(720px, calc(100vw - 24px));
  height: calc(100dvh - 24px);
  margin: 12px;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(7, 16, 20, 0.12);
  border-radius: 10px;
  background: #f7fafc;
  box-shadow: 0 26px 80px rgba(7, 16, 20, 0.28);
  color: #071014;
}

.dhv-account-drawer__header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  border-bottom: 1px solid rgba(7, 16, 20, 0.09);
  background: #ffffff;
}

.dhv-account-drawer__header h2 {
  margin: 0;
  font-size: clamp(1.6rem, 2.2vw, 2.3rem);
  line-height: 1;
  letter-spacing: 0;
}

.dhv-account-drawer__header span {
  display: block;
  margin-top: 8px;
  color: #53616a;
  font-weight: 850;
}

.dhv-account-drawer__header button {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(0, 191, 211, 0.7);
  border-radius: 8px;
  background: #e8fbfd;
  color: #071014;
  font-weight: 950;
  cursor: pointer;
}

.dhv-account-drawer__body {
  min-height: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
  overflow: auto;
}

.dhv-account-drawer__status,
.dhv-account-drawer__notice {
  margin: 0 14px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #e8fbfd;
  color: #006d7a;
  font-weight: 900;
}

.dhv-account-drawer__status:empty {
  display: none;
}

.dhv-account-drawer__status.is-error,
.dhv-account-drawer__notice {
  background: #fff0f0;
  color: #8f0808;
}

.dhv-account-drawer-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
}

.dhv-account-drawer-card--compact {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.dhv-account-drawer-card h3 {
  margin: 0;
  font-size: 1.12rem;
  line-height: 1.15;
  letter-spacing: 0;
}

.dhv-drawer-card-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.dhv-drawer-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.dhv-account-profile-form {
  display: grid;
  gap: 14px;
}

.dhv-account-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.dhv-account-field-grid label {
  display: grid;
  gap: 6px;
  margin: 0;
  font-weight: 900;
}

.dhv-account-field-grid span {
  color: #53616a;
  font-size: 0.76rem;
  text-transform: uppercase;
}

.dhv-account-field-grid input {
  width: 100%;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid rgba(7, 16, 20, 0.16);
  border-radius: 8px;
  background: #fbfdfe;
  color: #071014;
  font: inherit;
  font-weight: 850;
}

.dhv-drawer-list {
  display: grid;
  gap: 8px;
}

.dhv-drawer-list article {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f7fafc;
}

.dhv-drawer-list strong,
.dhv-drawer-list span,
.dhv-drawer-list small {
  overflow-wrap: anywhere;
}

.dhv-drawer-list small,
.dhv-drawer-list span {
  color: #53616a;
  font-weight: 850;
}

.dhv-account-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.dhv-account-stat-grid div {
  padding: 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f7fafc;
}

.dhv-account-stat-grid span,
.dhv-account-stat-grid strong {
  display: block;
}

.dhv-account-stat-grid span {
  color: #53616a;
  font-size: 0.76rem;
  font-weight: 950;
  text-transform: uppercase;
}

.dhv-account-stat-grid strong {
  margin-top: 6px;
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

.dhv-account-loading {
  min-height: 180px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(7, 16, 20, 0.18);
  border-radius: 8px;
  color: #53616a;
  font-weight: 950;
}

.dhv-security-state,
.dhv-setup-key {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #f7fafc;
}

.dhv-security-state.is-enabled {
  border-color: rgba(0, 191, 211, 0.32);
  background: #e8fbfd;
}

.dhv-security-state span,
.dhv-setup-key span {
  color: #53616a;
  font-weight: 850;
}

.dhv-setup-key code {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  background: #071014;
  color: #ffffff;
  font-size: 0.92rem;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.dhv-inline-form,
.dhv-contact-create-form,
.dhv-2fa-setup {
  display: grid;
  gap: 12px;
}

.dhv-inline-form label {
  display: grid;
  gap: 6px;
  font-weight: 900;
}

.dhv-inline-form span {
  color: #53616a;
  font-size: 0.76rem;
  text-transform: uppercase;
}

.dhv-inline-form input {
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid rgba(7, 16, 20, 0.16);
  border-radius: 8px;
  background: #fbfdfe;
  font: inherit;
  font-weight: 850;
}

.dhv-2fa-setup-shell {
  display: grid;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(0, 191, 211, 0.28);
  border-radius: 10px;
  background: linear-gradient(135deg, #f8fdfe 0%, #eef8fb 100%);
}

.dhv-2fa-setup-shell[hidden] {
  display: none;
}

.dhv-2fa-step {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  gap: 12px;
  align-items: start;
}

.dhv-2fa-step h4 {
  margin: 2px 0 4px;
  font-size: 1rem;
}

.dhv-2fa-step p {
  margin: 0;
  color: #53616a;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.45;
}

.dhv-2fa-step-index {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #071014;
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 950;
}

.dhv-2fa-secret-grid {
  display: grid;
  grid-template-columns: 152px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: stretch;
}

.dhv-2fa-qr-card {
  display: grid;
  place-items: center;
  min-height: 152px;
  padding: 10px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 12px 34px rgba(7, 16, 20, 0.08);
}

.dhv-2fa-qr-card svg {
  display: block;
  width: min(132px, 100%);
  height: auto;
}

.dhv-2fa-qr-card span {
  max-width: 120px;
  color: #53616a;
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.35;
  text-align: center;
}

.dhv-2fa-qr-card.is-empty {
  border-style: dashed;
  box-shadow: none;
}

.dhv-2fa-secret-grid .dhv-setup-key {
  min-width: 0;
}

.dhv-setup-key code.is-empty {
  color: rgba(255, 255, 255, 0.62);
}

.dhv-2fa-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  justify-content: end;
}

.dhv-2fa-actions .dhv-tool-trigger {
  white-space: nowrap;
}

.dhv-2fa-actions .is-disabled {
  pointer-events: none;
}

.dhv-2fa-verify-form {
  padding-top: 12px;
  border-top: 1px solid rgba(7, 16, 20, 0.1);
}

.dhv-2fa-disable-form {
  margin-top: 12px;
}

@media (max-width: 720px) {
  .dhv-2fa-step,
  .dhv-2fa-secret-grid {
    grid-template-columns: 1fr;
  }

  .dhv-2fa-step-index {
    width: 30px;
    height: 30px;
  }

  .dhv-2fa-actions {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
  }
}

.dhv-inline-status {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 8px;
  background: #e8fbfd;
  color: #006d7a;
  font-weight: 950;
}

@media (max-width: 720px) {
  .dhv-account-drawer {
    width: calc(100vw - 16px);
    height: calc(100dvh - 16px);
    margin: 8px;
  }

  .dhv-account-field-grid,
  .dhv-account-stat-grid,
  .dhv-account-drawer-card--compact {
    grid-template-columns: 1fr;
  }

  .dhv-drawer-card-head {
    display: grid;
  }

  .dhv-drawer-actions {
    justify-content: start;
  }
}

/* Shared authentication app shell */
body.dhv-auth-page {
  overflow: hidden;
  background: #05080c;
}

body.dhv-auth-page .dhv-site-footer,
body.dhv-auth-page .dhv-page-header {
  display: none;
}

body.dhv-auth-page .dhv-main,
body.dhv-auth-page .dhv-main--page,
body.dhv-auth-page .dhv-page-content,
body.dhv-auth-page .dhv-content {
  width: 100%;
  max-width: none;
  height: calc(100vh - 74px);
  height: calc(100dvh - 74px);
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
}

body.dhv-auth-page .dhv-auth-shell {
  width: 100%;
  height: 100%;
  min-height: 0;
  place-items: center;
  padding: clamp(14px, 2.4vh, 24px) clamp(14px, 3vw, 28px);
  overflow: hidden;
}

body.dhv-auth-page .dhv-auth-panel {
  width: min(100%, 430px);
  max-height: 100%;
  padding: clamp(20px, 3vh, 32px);
}

body.dhv-auth-page .dhv-auth-panel h1 {
  margin-bottom: 8px;
  font-size: clamp(2rem, 4.4vw, 3rem);
  line-height: 0.96;
}

body.dhv-auth-page .dhv-auth-panel .dhv-muted {
  margin: 0;
  font-size: 1rem;
  line-height: 1.45;
}

body.dhv-auth-page .dhv-auth-message {
  margin-top: 12px;
  padding: 10px 12px;
}

body.dhv-auth-page .dhv-auth-form {
  gap: 9px;
  margin-top: 15px;
}

body.dhv-auth-page .dhv-auth-form label {
  font-size: 0.92rem;
  line-height: 1.1;
}

body.dhv-auth-page .dhv-auth-form input[type="text"],
body.dhv-auth-page .dhv-auth-form input[type="email"],
body.dhv-auth-page .dhv-auth-form input[type="password"] {
  min-height: 43px;
  padding: 9px 11px;
}

body.dhv-auth-page .dhv-auth-check {
  margin: 0;
}

body.dhv-auth-page .dhv-auth-alt {
  margin-top: 11px;
}

@media (max-height: 760px) {
  body.dhv-auth-page .dhv-auth-shell {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  body.dhv-auth-page .dhv-auth-panel {
    padding: 18px 24px;
  }

  body.dhv-auth-page .dhv-auth-panel h1 {
    font-size: 2.18rem;
  }

  body.dhv-auth-page .dhv-auth-panel .dhv-muted,
  body.dhv-auth-page .dhv-auth-alt {
    font-size: 0.92rem;
  }

  body.dhv-auth-page .dhv-auth-form {
    gap: 7px;
    margin-top: 11px;
  }

  body.dhv-auth-page .dhv-auth-form input[type="text"],
  body.dhv-auth-page .dhv-auth-form input[type="email"],
  body.dhv-auth-page .dhv-auth-form input[type="password"] {
    min-height: 39px;
  }
}

@media (max-width: 720px) {
  body.dhv-auth-page .dhv-main,
  body.dhv-auth-page .dhv-main--page,
  body.dhv-auth-page .dhv-page-content,
  body.dhv-auth-page .dhv-content {
    height: calc(100vh - 64px);
    height: calc(100dvh - 64px);
  }

  body.dhv-auth-page .dhv-auth-shell {
    place-items: center;
    padding: 12px;
  }

  body.dhv-auth-page .dhv-auth-panel {
    width: min(100%, 420px);
  }
}

/* Existing-client account introduction */
.dhv-auth-shell--tour {
  padding: clamp(12px, 2.2vh, 22px) clamp(14px, 3vw, 32px);
}

body.dhv-auth-page .dhv-auth-panel--tour {
  width: min(100%, 980px);
  height: min(100%, 610px);
  min-height: 500px;
  padding: 0;
  overflow: hidden;
  background: #f8fafb;
}

.dhv-auth-tour__topbar,
.dhv-auth-tour__controls {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 66px;
  padding: 13px 24px;
  border-bottom: 1px solid rgba(7, 16, 20, 0.1);
  background: rgba(255, 255, 255, 0.96);
}

.dhv-auth-tour__topbar > div {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.dhv-auth-tour__topbar .dhv-kicker,
.dhv-auth-tour__topbar span {
  margin: 0;
}

.dhv-auth-tour__topbar span {
  color: #697a82;
  font-size: 0.8rem;
  font-weight: 800;
}

.dhv-auth-tour__skip {
  border: 0;
  background: transparent;
  color: #007f89;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.dhv-auth-tour__slides {
  height: calc(100% - 132px);
}

.dhv-auth-tour__slide {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
  height: 100%;
  min-height: 0;
  background: #f8fafb;
}

.dhv-auth-tour__slide[hidden] {
  display: none;
}

.dhv-auth-tour__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: clamp(30px, 4vw, 54px);
}

.dhv-auth-tour__copy .dhv-kicker {
  margin: 0 0 12px;
}

body.dhv-auth-page .dhv-auth-tour__copy h1 {
  max-width: 12ch;
  margin: 0 0 16px;
  font-size: clamp(2.15rem, 4vw, 3.35rem);
  line-height: 0.96;
  outline: 0;
}

.dhv-auth-tour__copy > p:not(.dhv-kicker) {
  max-width: 44ch;
  margin: 0;
  color: #4f626b;
  font-size: 1rem;
  line-height: 1.52;
}

.dhv-auth-tour__benefits {
  display: grid;
  gap: 9px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.dhv-auth-tour__benefits li {
  position: relative;
  padding-left: 24px;
  color: #263940;
  font-size: 0.9rem;
  font-weight: 750;
  line-height: 1.35;
}

.dhv-auth-tour__benefits li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: -1px;
  color: #00a9b4;
  font-weight: 950;
}

.dhv-auth-preview {
  display: grid;
  place-items: center;
  min-width: 0;
  padding: clamp(24px, 4vw, 48px);
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 10%, rgba(0, 184, 196, 0.2), transparent 35%),
    linear-gradient(145deg, #06171d 0%, #0b2730 100%);
}

.dhv-preview-window {
  width: min(100%, 470px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 15px;
  background: #eef3f5;
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.34);
  transform: rotate(0.6deg);
}

.dhv-preview-window__bar {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  background: #ffffff;
  color: #728087;
  font-size: 0.65rem;
  font-weight: 800;
}

.dhv-preview-window__bar i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d7e0e3;
}

.dhv-preview-window__bar i:first-child { background: #ff8b7c; }
.dhv-preview-window__bar i:nth-child(2) { background: #ffd270; }
.dhv-preview-window__bar i:nth-child(3) { background: #70d8b2; }
.dhv-preview-window__bar span { margin-left: auto; }

.dhv-preview-dashboard {
  display: grid;
  grid-template-columns: 54px 1fr;
  min-height: 285px;
}

.dhv-preview-dashboard aside {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  background: #07141a;
}

.dhv-preview-dashboard aside b {
  color: #00bac6;
  font-size: 0.68rem;
  letter-spacing: 0.08em;
}

.dhv-preview-dashboard aside span {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: #31434a;
}

.dhv-preview-dashboard aside span.is-active { background: #00aebb; }

.dhv-preview-dashboard main {
  padding: 23px;
  background: #f4f7f8;
}

.dhv-preview-dashboard main > small,
.dhv-preview-service-stack small,
.dhv-preview-ticket-head small,
.dhv-preview-message small {
  display: block;
  color: #6f8189;
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.dhv-preview-dashboard main > strong {
  display: block;
  margin-top: 4px;
  color: #071015;
  font-size: 1.35rem;
}

.dhv-preview-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 19px;
}

.dhv-preview-metrics span {
  min-width: 0;
  padding: 12px 10px;
  border: 1px solid #d9e2e5;
  border-radius: 9px;
  background: #fff;
  color: #61727a;
  font-size: 0.62rem;
}

.dhv-preview-metrics b {
  display: block;
  color: #071015;
  font-size: 1.1rem;
}

.dhv-preview-service {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 13px;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(7, 16, 20, 0.07);
}

.dhv-preview-service > i {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: linear-gradient(145deg, #00b8c4, #007f89);
}

.dhv-preview-service div { display: grid; gap: 2px; }
.dhv-preview-service b { font-size: 0.7rem; }
.dhv-preview-service small { color: #718087; font-size: 0.58rem; }
.dhv-preview-service em,
.dhv-preview-ticket-head em,
.dhv-preview-domain-row em {
  margin-left: auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: #dff7ed;
  color: #137153;
  font-size: 0.57rem;
  font-style: normal;
  font-weight: 900;
}

.dhv-preview-thread,
.dhv-preview-service-stack {
  display: grid;
  gap: 12px;
  min-height: 285px;
  padding: 20px;
}

.dhv-preview-ticket-head {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #d6e0e3;
}

.dhv-preview-ticket-head b { font-size: 0.78rem; }

.dhv-preview-message {
  max-width: 78%;
  padding: 10px 12px;
  border-radius: 10px 10px 10px 3px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(7, 16, 20, 0.07);
}

.dhv-preview-message.is-client {
  justify-self: end;
  border-radius: 10px 10px 3px 10px;
  background: #dff8fa;
}

.dhv-preview-message p {
  margin: 4px 0 0;
  color: #263940;
  font-size: 0.67rem;
  line-height: 1.4;
}

.dhv-preview-compose {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: end;
  padding: 9px 10px 9px 13px;
  border: 1px solid #ccd8dc;
  border-radius: 8px;
  background: #fff;
  color: #87949a;
  font-size: 0.65rem;
}

.dhv-preview-compose b {
  margin-left: auto;
  padding: 7px 11px;
  border-radius: 6px;
  background: #071015;
  color: #fff;
  font-size: 0.62rem;
}

.dhv-preview-product,
.dhv-preview-invoice,
.dhv-preview-domain-row {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px;
  border: 1px solid #d7e1e4;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(7, 16, 20, 0.06);
}

.dhv-preview-product__icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: #07141a;
  color: #00c1ce;
  font-weight: 950;
}

.dhv-preview-product div,
.dhv-preview-invoice div,
.dhv-preview-domain-row span { display: grid; gap: 2px; }
.dhv-preview-product b,
.dhv-preview-invoice b,
.dhv-preview-domain-row b { font-size: 0.72rem; }
.dhv-preview-product em,
.dhv-preview-invoice em,
.dhv-preview-domain-row small { color: #75868d; font-size: 0.59rem; font-style: normal; }
.dhv-preview-product > strong { margin-left: auto; color: #137153; font-size: 0.62rem; }
.dhv-preview-invoice > span { display: grid; gap: 3px; margin-left: auto; text-align: right; }
.dhv-preview-invoice > span b { font-size: 0.9rem; }
.dhv-preview-invoice > span small { color: #007f89; font-size: 0.58rem; font-weight: 850; }

.dhv-preview-domain-row > i {
  width: 29px;
  height: 29px;
  border: 7px solid #dff8fa;
  border-radius: 50%;
  background: #00aebb;
}

.dhv-auth-tour__slide--setup {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.88fr);
  background:
    linear-gradient(120deg, rgba(0, 184, 196, 0.07), transparent 48%),
    #f8fafb;
}

.dhv-auth-tour__slide--setup .dhv-auth-tour__copy h1 {
  max-width: 11ch;
}

.dhv-auth-tour__assurance {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin-top: 24px;
  padding: 13px 14px;
  border: 1px solid #cfe7e9;
  border-radius: 10px;
  background: #eefafa;
}

.dhv-auth-tour__assurance > span {
  display: grid;
  place-items: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #007f89;
  color: #fff;
  font-weight: 900;
}

.dhv-auth-tour__assurance p {
  margin: 0;
  color: #4f626b;
  font-size: 0.78rem;
  line-height: 1.4;
}

.dhv-auth-tour__assurance strong { color: #14262d; }

.dhv-auth-tour__form-card {
  align-self: center;
  margin: 28px 44px 28px 0;
  padding: 26px;
  border: 1px solid #d9e2e5;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(7, 16, 20, 0.12);
}

.dhv-auth-tour__form-card .dhv-auth-form { margin-top: 0; }
.dhv-auth-tour__form-card .dhv-auth-message + .dhv-auth-form { margin-top: 14px; }

.dhv-auth-tour__controls {
  min-height: 66px;
  border-top: 1px solid rgba(7, 16, 20, 0.1);
  border-bottom: 0;
}

.dhv-auth-tour__controls > div {
  display: flex;
  align-items: center;
  gap: 9px;
}

.dhv-auth-tour__controls .dhv-button {
  width: auto;
  min-width: 88px;
  min-height: 38px;
  padding: 8px 16px;
}

.dhv-auth-tour__controls .dhv-button--ghost {
  border: 1px solid #cbd7da;
  background: #fff;
  color: #22353c;
}

.dhv-auth-tour__controls .dhv-button:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.dhv-auth-tour__dots {
  display: flex;
  align-items: center;
  gap: 7px;
}

.dhv-auth-tour__dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #c1ced2;
  cursor: pointer;
  transition: width 160ms ease, background-color 160ms ease;
}

.dhv-auth-tour__dots button.is-active {
  width: 25px;
  background: #00aebb;
}

@media (max-height: 760px) and (min-width: 761px) {
  body.dhv-auth-page .dhv-auth-panel--tour {
    min-height: 430px;
  }

  .dhv-auth-tour__topbar,
  .dhv-auth-tour__controls {
    min-height: 54px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .dhv-auth-tour__slides { height: calc(100% - 108px); }
  .dhv-auth-tour__copy { padding: 26px 34px; }
  body.dhv-auth-page .dhv-auth-tour__copy h1 { font-size: 2.25rem; }
  .dhv-auth-tour__benefits { gap: 6px; margin-top: 14px; }
  .dhv-auth-preview { padding: 24px 34px; }
  .dhv-preview-dashboard,
  .dhv-preview-thread,
  .dhv-preview-service-stack { min-height: 245px; }
  .dhv-auth-tour__form-card { padding: 20px 24px; }
}

@media (max-width: 760px) {
  body.dhv-auth-page {
    overflow: auto;
  }

  body.dhv-auth-page .dhv-main,
  body.dhv-auth-page .dhv-main--page,
  body.dhv-auth-page .dhv-page-content,
  body.dhv-auth-page .dhv-content {
    height: auto;
    min-height: calc(100dvh - 64px);
    overflow: visible;
  }

  .dhv-auth-shell--tour {
    min-height: calc(100dvh - 64px);
    height: auto;
    padding: 10px;
    overflow: visible;
  }

  body.dhv-auth-page .dhv-auth-panel--tour {
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .dhv-auth-tour__topbar,
  .dhv-auth-tour__controls {
    min-height: 58px;
    padding: 10px 14px;
  }

  .dhv-auth-tour__topbar .dhv-kicker { font-size: 0.68rem; }
  .dhv-auth-tour__slides { height: auto; }

  .dhv-auth-tour__slide,
  .dhv-auth-tour__slide--setup {
    grid-template-columns: 1fr;
    height: auto;
  }

  .dhv-auth-tour__copy { padding: 28px 24px 24px; }
  body.dhv-auth-page .dhv-auth-tour__copy h1 { font-size: 2.25rem; }
  .dhv-auth-tour__benefits { margin-top: 17px; }
  .dhv-auth-preview { min-height: 260px; padding: 22px; }
  .dhv-preview-dashboard,
  .dhv-preview-thread,
  .dhv-preview-service-stack { min-height: 230px; }

  .dhv-auth-tour__slide--setup .dhv-auth-tour__copy { padding-bottom: 10px; }
  .dhv-auth-tour__form-card { margin: 14px 24px 30px; }
}

@media (prefers-reduced-motion: reduce) {
  .dhv-auth-tour__dots button { transition: none; }
}

.dhv-ticket-workspace {
  display: grid;
  grid-template-columns: minmax(270px, 340px) minmax(0, 1fr);
  gap: 16px;
  min-height: 0;
  height: min(680px, calc(100dvh - 230px));
}

.dhv-ticket-workspace--empty {
  display: block;
  height: auto;
}

.dhv-ticket-list[data-ticket-list] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
  overflow: auto;
  padding: 2px 4px 2px 2px;
}

button.dhv-ticket-item {
  display: grid;
  width: 100%;
  gap: 7px;
  min-height: 98px;
  padding: 14px;
  border: 1px solid rgba(7, 16, 20, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
  color: #071014;
  text-align: left;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

button.dhv-ticket-item:hover,
button.dhv-ticket-item:focus-visible,
button.dhv-ticket-item.is-active {
  border-color: rgba(0, 191, 211, 0.72);
  background: #ffffff;
  box-shadow: 0 14px 28px rgba(7, 16, 20, 0.08);
  transform: translateY(-1px);
  outline: none;
}

.dhv-ticket-item__top,
.dhv-ticket-reply-form__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.dhv-ticket-priority {
  color: #66727a;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dhv-ticket-item__subject {
  display: block;
  color: #071014;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.15;
}

.dhv-ticket-item__meta {
  color: #56636b;
  font-size: 0.9rem;
  font-weight: 700;
}

.dhv-ticket-thread {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(7, 16, 20, 0.12);
  border-radius: 8px;
  background: #ffffff;
}

.dhv-ticket-thread-empty {
  display: grid;
  place-content: center;
  min-height: 260px;
  padding: 28px;
  text-align: center;
}

.dhv-ticket-thread-empty--error {
  color: #7c1717;
}

.dhv-ticket-thread__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(7, 16, 20, 0.1);
  background: linear-gradient(135deg, #071014 0%, #0d333b 100%);
  color: #ffffff;
}

.dhv-ticket-thread__head h3,
.dhv-ticket-thread__head p {
  margin: 0;
}

.dhv-ticket-thread__head .dhv-kicker {
  color: #00bfd3;
}

.dhv-ticket-thread__head p:not(.dhv-kicker) {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 700;
}

.dhv-ticket-thread__head .dhv-status {
  border: 1px solid rgba(255, 255, 255, 0.62);
  background: #ffffff;
  color: #071014 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
}

.dhv-ticket-thread__head .dhv-status--active,
.dhv-ticket-thread__head .dhv-status--open,
.dhv-ticket-thread__head .dhv-status--answered {
  border-color: #bcefe3;
  background: #ddf8f1;
  color: #075c48 !important;
}

.dhv-ticket-thread__head .dhv-status--closed {
  border-color: #d9e0e3;
  background: #f1f4f5;
  color: #26353d !important;
}

.dhv-ticket-messages {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding: 18px;
  overflow: auto;
  background: #eef5f7;
}

.dhv-ticket-message {
  width: min(78%, 720px);
  padding: 13px 14px;
  border: 1px solid rgba(7, 16, 20, 0.1);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 18px rgba(7, 16, 20, 0.05);
}

.dhv-ticket-message.is-client {
  align-self: flex-end;
  border-color: rgba(0, 191, 211, 0.32);
  background: #e9fbfd;
}

.dhv-ticket-message.is-support {
  align-self: flex-start;
}

.dhv-ticket-message__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 7px;
  color: #5f6d75;
  font-size: 0.82rem;
  font-weight: 800;
}

.dhv-ticket-message__body {
  color: #071014;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.dhv-ticket-reply-form {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-top: 1px solid rgba(7, 16, 20, 0.1);
  background: #ffffff;
}

.dhv-ticket-reply-form label {
  color: #5f6d75;
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dhv-ticket-reply-form textarea {
  width: 100%;
  min-height: 84px;
  resize: none;
  padding: 11px 12px;
  border: 1px solid rgba(7, 16, 20, 0.18);
  border-radius: 8px;
  background: #ffffff;
  color: #071014;
  font: inherit;
}

.dhv-ticket-reply-form [data-ticket-reply-status] {
  color: #66727a;
  font-weight: 800;
}

body.dhv-ticket-modal-open {
  overflow: hidden;
}

.dhv-ticket-request-layer[hidden] {
  display: none !important;
}

.dhv-ticket-request-layer {
  position: fixed;
  z-index: 100500;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
}

.dhv-ticket-request-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgba(3, 12, 17, 0.7);
  backdrop-filter: blur(3px);
  cursor: default;
}

.dhv-ticket-request-modal {
  position: relative;
  z-index: 1;
  width: min(640px, 100%);
  max-height: calc(100dvh - 48px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.38);
}

.dhv-ticket-request-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px;
  border-bottom: 1px solid rgba(7, 16, 20, 0.1);
  background: linear-gradient(135deg, #f7fbfc 0%, #eaf6f7 100%);
}

.dhv-ticket-request-modal__head h3,
.dhv-ticket-request-modal__head p {
  margin: 0;
}

.dhv-ticket-request-modal__head h3 {
  margin-top: 3px;
  color: #071014;
  font-size: 1.35rem;
}

.dhv-ticket-request-modal__head p:not(.dhv-kicker) {
  max-width: 500px;
  margin-top: 6px;
  color: #52636c;
  font-size: 0.88rem;
  line-height: 1.45;
}

.dhv-ticket-request-modal__head > button {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(7, 16, 20, 0.14);
  border-radius: 50%;
  background: #ffffff;
  color: #071014;
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
}

.dhv-ticket-request-modal__head > button:hover,
.dhv-ticket-request-modal__head > button:focus-visible {
  border-color: #007d8c;
  background: #e8fbfd;
  color: #005e69;
}

.dhv-ticket-request-modal .dhv-ticket-form {
  min-height: 0;
  overflow: auto;
}

.dhv-ticket-form__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 0.42fr);
  gap: 12px;
}

.dhv-ticket-field > span {
  color: #26353d;
  font-size: 0.78rem;
  font-weight: 900;
}

.dhv-ticket-form__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 4px;
}

.dhv-ticket-form__actions .dhv-button {
  min-width: 128px;
}

@media (max-width: 1100px) {
  .dhv-ticket-workspace {
    grid-template-columns: 1fr;
    height: auto;
  }

  .dhv-ticket-list[data-ticket-list] {
    max-height: 260px;
  }

  .dhv-ticket-thread {
    min-height: 520px;
  }
}

@media (max-width: 720px) {
  .dhv-ticket-message {
    width: 100%;
  }

  .dhv-ticket-thread__head,
  .dhv-ticket-reply-form__actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .dhv-support-heading-actions {
    width: 100%;
    justify-content: space-between;
  }

  .dhv-ticket-request-layer {
    align-items: end;
    padding: 12px;
  }

  .dhv-ticket-request-modal {
    max-height: calc(100dvh - 24px);
    border-radius: 16px 16px 10px 10px;
  }

  .dhv-ticket-request-modal__head {
    padding: 17px;
  }

  .dhv-ticket-request-modal .dhv-ticket-form {
    padding: 17px;
  }

  .dhv-ticket-form__row {
    grid-template-columns: 1fr;
  }

  .dhv-ticket-form__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .dhv-ticket-form__actions .dhv-button {
    min-width: 0;
  }
}

.dhv-gbp-care-card {
  border-color: rgba(11, 151, 162, 0.34);
  background:
    radial-gradient(circle at 92% 0, rgba(0, 183, 194, 0.11), transparent 34%),
    #fff;
}

.dhv-gbp-care-intro {
  max-width: 760px;
}

.dhv-gbp-care-price {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  margin: 18px 0;
  padding: 13px 15px;
  border: 1px solid rgba(0, 127, 137, 0.18);
  border-radius: 9px;
  background: #f1fafb;
}

.dhv-gbp-care-price strong {
  color: #07161d;
  font-size: 1rem;
}

.dhv-gbp-care-price span {
  color: #5f6f77;
  font-size: 0.82rem;
}

.dhv-gbp-care-list {
  display: grid;
  gap: 9px;
}

.dhv-gbp-care-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 13px 14px;
  border: 1px solid #e0e8eb;
  border-radius: 9px;
  background: #fbfcfd;
}

.dhv-gbp-care-row strong,
.dhv-gbp-care-row span {
  display: block;
}

.dhv-gbp-care-row span {
  margin-top: 4px;
  color: #6a787f;
  font-size: 0.8rem;
  text-transform: capitalize;
}

.dhv-gbp-care-row button {
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid rgba(0, 127, 137, 0.28);
  border-radius: 7px;
  background: #fff;
  color: #007f89;
  font-weight: 800;
  cursor: pointer;
}

.dhv-gbp-care-empty,
.dhv-gbp-care-message,
.dhv-gbp-care-disabled {
  margin: 0;
  color: #66757c;
  font-size: 0.88rem;
}

.dhv-gbp-care-message {
  margin-top: 12px;
}

.dhv-gbp-modal {
  width: min(720px, calc(100vw - 28px));
  max-height: min(88vh, 900px);
  overflow-y: auto;
}

.dhv-gbp-modal form {
  display: grid;
  gap: 14px;
}

.dhv-gbp-modal form[hidden] {
  display: none;
}

.dhv-gbp-order-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.dhv-gbp-order-summary div {
  min-width: 0;
  padding: 13px;
  border: 1px solid #dce6e9;
  border-radius: 9px;
  background: #f7fafb;
}

.dhv-gbp-order-summary span,
.dhv-gbp-order-summary strong {
  display: block;
}

.dhv-gbp-order-summary span {
  margin-bottom: 5px;
  color: #6b7a81;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.dhv-gbp-order-summary strong {
  color: #07161d;
  line-height: 1.35;
}

.dhv-gbp-safe-note {
  margin: 0;
  padding: 14px;
  border-left: 3px solid #00aeba;
  background: #f0f9fa;
  color: #405159;
  line-height: 1.55;
}

.dhv-gbp-onboarding-head h3 {
  margin: 3px 0 7px;
  font-size: 1.55rem;
}

.dhv-gbp-onboarding-head p:last-child {
  margin: 0;
  color: #637279;
}

.dhv-gbp-modal label {
  display: grid;
  gap: 7px;
  color: #1d2c33;
  font-size: 0.86rem;
  font-weight: 800;
}

.dhv-gbp-modal label > span {
  color: #738188;
  font-size: 0.75rem;
  font-weight: 600;
}

.dhv-gbp-modal input,
.dhv-gbp-modal select,
.dhv-gbp-modal textarea {
  width: 100%;
  padding: 11px 12px;
  border: 1px solid #cfdadd;
  border-radius: 8px;
  background: #fff;
  color: #07161d;
  font: inherit;
}

.dhv-gbp-modal textarea {
  resize: vertical;
}

.dhv-gbp-modal input:focus,
.dhv-gbp-modal select:focus,
.dhv-gbp-modal textarea:focus {
  outline: 3px solid rgba(0, 183, 194, 0.18);
  border-color: #008e99;
}

.dhv-gbp-access-check {
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px !important;
  align-items: start;
  padding: 14px;
  border: 1px solid rgba(0, 127, 137, 0.22);
  border-radius: 9px;
  background: #f1fafb;
}

.dhv-gbp-access-check input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.dhv-gbp-access-check span {
  color: #2d4149 !important;
  font-size: 0.84rem !important;
  line-height: 1.5;
}

@media (max-width: 680px) {
  .dhv-gbp-order-summary {
    grid-template-columns: 1fr;
  }

  .dhv-gbp-care-row {
    grid-template-columns: 1fr;
  }

  .dhv-gbp-care-row button {
    width: 100%;
  }
}