.summary-actions-bottom {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.summary-primary-actions {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.summary-primary-action {
  min-width: 0;
  min-height: 43px;
  padding: 0 14px;
  border: 1px solid #cfcfca;
  border-radius: 11px;
  background: #fff;
  color: #111;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 12.5px;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.summary-primary-action span { width: 16px; height: 16px; flex: 0 0 16px; }
.summary-primary-action svg { width: 16px; height: 16px; }
.summary-primary-action strong { white-space: nowrap; }
.summary-primary-action:hover { border-color: #111; transform: translateY(-1px); }
.summary-primary-action-dark { border-color: #111; background: #111; color: #fff; }
.summary-primary-action-dark:hover { background: #2a2a2a; }

.summary-primary-actions + .summary-actions-bottom {
  margin-top: 12px;
  padding-top: 0;
  border-top: 0;
}

.summary-head-actions {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(126px, 1fr));
  gap: 10px;
  margin-left: auto;
}

.summary-top-action {
  min-height: 66px;
  padding: 11px 14px;
  border: 1px solid #d4d4cf;
  border-radius: 13px;
  background: #fff;
  color: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.summary-top-action span { width: 17px; height: 17px; flex: 0 0 17px; }
.summary-top-action svg { width: 17px; height: 17px; }
.summary-top-action strong { font-size: 13.5px; white-space: nowrap; }
.summary-top-domain { align-items: center; justify-content: flex-start; text-align: left; }
.summary-top-domain em { min-width: 0; font-style: normal; }
.summary-top-domain em small,.summary-top-domain em strong { display: block; }
.summary-top-domain em small { overflow: hidden; color: #777; font-size: 10px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.summary-top-domain em strong { margin-top: 2px; }
.summary-top-action:hover { border-color: #111; transform: translateY(-2px); }
.summary-top-action-dark { border-color: #111; background: #111; color: #fff; }
.summary-top-action-dark:hover { background: #2a2a2a; }
.summary-head .share-site-button { margin-left: 4px; }

.website-logo-mark {
  position: relative;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border: 1px solid color-mix(in srgb, var(--logo-ink) 16%, transparent);
  border-radius: 14px;
  background: var(--logo-bg);
  color: var(--logo-ink);
  display: grid;
  place-items: center;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
}
.website-logo-mark b { position: relative; z-index: 1; font-size: 15px; font-weight: 850; letter-spacing: -.03em; }
.website-logo-mark i { position: absolute; right: -8px; bottom: -10px; width: 29px; height: 29px; border-radius: 50%; background: currentColor; opacity: .12; }
.summary-head > .website-logo-mark { width: 54px; height: 54px; flex-basis: 54px; border-radius: 15px; }
.selector-option .website-logo-mark { width: 39px; height: 39px; flex-basis: 39px; border-radius: 11px; }
.selector-option .website-logo-mark b { font-size: 12px; }

.website-action-card {
  min-width: 0;
  min-height: 126px;
  padding: 15px;
  border: 1px solid #dcdcd8;
  border-radius: 15px;
  background: #fff;
  color: #171717;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  text-align: left;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.website-action-card > span {
  width: 42px;
  height: 42px;
  margin-bottom: auto;
  border-radius: 11px;
  background: #f0f0ed;
  display: grid;
  place-items: center;
}

.website-action-card > span svg { width: 21px; height: 21px; }
.orders-action-card > span { position: relative; }
.website-action-count { position: absolute; top: -7px; right: -7px; min-width: 20px; height: 20px; padding: 0 5px; border: 2px solid #fff; border-radius: 999px; background: #111; color: #fff; display: grid; place-items: center; font-size: 9px; font-style: normal; font-weight: 850; }
.website-action-card strong { margin-top: 14px; font-size: 13px; line-height: 1.2; }
.website-action-card small { margin-top: 4px; color: #787874; font-size: 10px; line-height: 1.35; }
.website-action-card:hover { border-color: #111; box-shadow: 0 12px 26px rgba(0,0,0,.09); transform: translateY(-3px); }
.website-action-card.primary { border-color: #a9a9a4; background: linear-gradient(135deg,#fff 0%,#f4f4f1 58%,#e9e9e5 100%); color: #111; box-shadow: inset 0 1px 0 rgba(255,255,255,.9),0 6px 17px rgba(0,0,0,.055); animation: editWebsiteBorder 3s ease-in-out infinite; }
.website-action-card.primary > span { background: #111; color: #fff; }
.website-action-card.primary strong { color:#111; font-weight:800; }
.website-action-card.primary:hover { border-color:#111; background:linear-gradient(135deg,#fff 0%,#eeeeea 100%); }
@keyframes editWebsiteBorder {
  0%, 100% { border-color: #d2d2ce; box-shadow: 0 0 0 0 rgba(17,17,17,0); }
  50% { border-color: #111; box-shadow: 0 0 0 3px rgba(17,17,17,.06); }
}
.website-action-card.attention { border-color: #e2ba68; background: #fff9eb; }
.website-action-card.attention > span { background: #f7e8bd; }

@media (max-width: 1180px) {
  .summary-actions-bottom { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 641px) and (max-width: 1180px) {
  .main-dashboard:not(.simple-dashboard-view) .side-column {
    display: flex !important;
    flex-direction: column !important;
  }
  .main-dashboard:not(.simple-dashboard-view) .side-column > * { width: 100%; }
}

@media (min-width: 641px) {
  .main-dashboard:not(.simple-dashboard-view) .side-column #customDomainSection .domain-result-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px 100px;
    align-items: center;
    gap: 10px;
    padding: 13px;
  }
  .main-dashboard:not(.simple-dashboard-view) .side-column #customDomainSection .domain-result-row .round-icon {
    position: absolute;
    left: 13px;
    top: 13px;
  }
  .main-dashboard:not(.simple-dashboard-view) .side-column #customDomainSection .domain-result-name {
    grid-column: 1 / -1;
    grid-row: 1;
    min-height: 40px;
    padding-left: 51px;
  }
  .main-dashboard:not(.simple-dashboard-view) .side-column #customDomainSection .domain-price {
    grid-column: 1;
    grid-row: 2;
    text-align: left;
  }
  .main-dashboard:not(.simple-dashboard-view) .side-column #customDomainSection .domain-price small { display: none; }
  .main-dashboard:not(.simple-dashboard-view) .side-column #customDomainSection .year-select {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
  }
  .main-dashboard:not(.simple-dashboard-view) .side-column #customDomainSection .year-select select { width: 100%; padding: 0 22px 0 9px; }
  .main-dashboard:not(.simple-dashboard-view) .side-column #customDomainSection .domain-result-row .button {
    grid-column: 3;
    grid-row: 2;
    min-height: 40px;
    padding: 0 8px;
    white-space: nowrap;
  }
}

@media (max-width: 640px) {
  .summary-head { align-items:flex-start; }
  .summary-head-actions { order: 4; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 5px 0 0; }
  .summary-top-action { min-height: 44px; padding: 0 10px; border-radius: 10px; }
  .summary-top-action strong { font-size: 12px; }
  .summary-top-domain em small { font-size: 9px; }
  .summary-top-action span,.summary-top-action svg { width: 15px; height: 15px; }
  .summary-head .share-site-button { margin-left: auto; }
  .summary-primary-actions { margin-top: 14px; padding-top: 14px; gap: 8px; }
  .summary-primary-action { min-height: 40px; padding: 0 10px; border-radius: 10px; font-size: 11.5px; }
  .summary-primary-action span,.summary-primary-action svg { width: 15px; height: 15px; }
  .summary-actions-bottom { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; }
  .summary-actions-bottom .website-action-card {
    width: 100%;
    min-height: 82px;
    padding: 11px;
    border-radius: 12px;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    gap: 0;
  }
  .website-action-card > span { flex: 0 0 34px; width: 34px; height: 34px; margin: 0 0 auto; border-radius: 9px; }
  .website-action-card > span svg { width: 17px; height: 17px; }
  .website-action-card strong { min-width: 0; margin: 10px 0 0; font-size: 12px; line-height: 1.25; overflow-wrap: anywhere; }
  .website-action-card small { margin-top: 3px; font-size: 9.5px; line-height: 1.25; }
  .website-action-count { top: -6px; right: -6px; min-width: 19px; height: 19px; font-size: 8.5px; }
  .website-action-card:hover { transform: none; }
  .website-action-card.primary { animation-duration: 3.6s; }
}

@media (max-width: 360px) {
  .summary-primary-action { padding: 0 8px; font-size: 11px; }
  .summary-actions-bottom { gap: 8px; }
  .summary-actions-bottom .website-action-card { min-height: 78px; padding: 10px; }
  .website-action-card strong { font-size: 11.5px; }
}

@media (prefers-reduced-motion: reduce) {
  .website-action-card.primary { animation: none; }
}

/* Keep dashboard sections focused: titles and actions only. */
.main-dashboard .card-head > p,
.main-dashboard .tools-heading-copy small,
.main-dashboard .inline-domain-head > div > p,
.main-dashboard .finish-heading > div > p,
.main-dashboard .website-commerce .card-head > p,
.main-dashboard .gateway-connect-head small,
.main-dashboard .coupon-management-head small {
  display: none;
}