/* Laravel member parity overrides. Loaded after member.css. */
#mainbox-right > #claimbox {
  margin-top: 0 !important;
}

.website-formbox {
  margin-top: 41.25px !important;
}

#formbox.article-formbox form ul {
  padding-bottom: 41px !important;
}

.article-formbox .member-field-control,
.website-formbox .website-field-control {
  align-items: center !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 6px 8px !important;
}

.article-formbox input[type="text"] {
  box-sizing: border-box !important;
  height: 32px !important;
  max-width: 698px !important;
  min-height: 0 !important;
  padding: 5px !important;
  width: 698px !important;
}

.article-formbox select {
  box-sizing: border-box !important;
  height: 32px !important;
  max-width: 698px !important;
  min-height: 0 !important;
  padding: 4px 6px !important;
  width: 698px !important;
}

.article-formbox #art_intro {
  box-sizing: border-box !important;
  height: 120px !important;
  max-width: 698px !important;
  min-height: 120px !important;
  padding: 5px !important;
  width: 698px !important;
}

.article-formbox .ck.ck-editor {
  max-width: 698px !important;
  width: 698px !important;
}

.article-formbox .ck.ck-editor__main > .ck-editor__editable {
  min-height: 420px !important;
}

.article-formbox .member-actions {
  align-items: center !important;
  display: grid !important;
  grid-template-columns: 128px minmax(0, 1fr) !important;
  justify-content: stretch !important;
}

.article-formbox .member-actions .btn,
.website-formbox .website-actions .btn {
  border-radius: 7px !important;
  box-shadow: 0 8px 18px rgba(37,99,235,.16) !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 7px !important;
}

.article-formbox .member-actions input[type="submit"] {
  grid-column: 2 !important;
  width: 100% !important;
}

.article-formbox .member-actions input[type="reset"] {
  grid-column: 1 !important;
  margin-top: 12px !important;
  width: 128px !important;
}

.website-formbox select {
  max-width: 320px !important;
  width: 320px !important;
}

.website-formbox #web_url {
  max-width: 300px !important;
  width: 300px !important;
}

.website-formbox #web_name,
.website-formbox #web_tags {
  max-width: 280px !important;
  width: 280px !important;
}

.website-formbox #web_intro {
  max-width: 420px !important;
  min-height: 150px !important;
  width: 420px !important;
}

.website-formbox #web_ip {
  max-width: 200px !important;
  width: 200px !important;
}

.website-formbox #web_grank,
.website-formbox #web_brank,
.website-formbox #web_srank,
.website-formbox #web_arank {
  max-width: 72px !important;
  width: 72px !important;
}

.website-formbox #meta_btn,
.website-formbox #data_btn {
  height: 32px !important;
  min-height: 32px !important;
  min-width: 86px !important;
  padding: 0 12px !important;
}

.website-formbox #meta_btn.is-loading,
.website-formbox #data_btn.is-loading {
  cursor: wait !important;
  opacity: .72 !important;
}

#msg .member-auto-fetch {
  background: linear-gradient(135deg, #eff6ff, #e0f2fe) !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 999px !important;
  color: #1d4ed8 !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  height: 24px !important;
  line-height: 22px !important;
  padding: 0 10px !important;
  text-decoration: none !important;
}

#msg .member-auto-fetch:hover {
  background: linear-gradient(135deg, #2563eb, #38bdf8) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.member-inline-loading {
  animation: memberInlineSpin .72s linear infinite;
  border: 2px solid #dbeafe;
  border-top-color: #2563eb;
  border-radius: 999px;
  display: inline-block;
  height: 12px;
  margin-right: 2px;
  vertical-align: -2px;
  width: 12px;
}

#myDialog.myDialog {
  align-items: center !important;
  background: rgba(15, 23, 42, .38) !important;
  bottom: 0 !important;
  display: none;
  height: auto !important;
  justify-content: center !important;
  left: 0 !important;
  margin: 0 !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: auto !important;
  z-index: 99999 !important;
}

#myDialog.myDialog[aria-hidden="false"] {
  display: flex !important;
}

#myDialog.myDialog #Dialogmsg {
  background: linear-gradient(135deg, #ffffff, #f8fbff) !important;
  border: 1px solid rgba(37, 99, 235, .18) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .24) !important;
  color: #14532d !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 24px !important;
  min-width: 280px !important;
  padding: 30px 34px !important;
  position: relative !important;
  text-align: center !important;
}

#myDialog.myDialog #Dialogmsg::before {
  animation: memberInlineSpin .72s linear infinite;
  border: 3px solid #dbeafe;
  border-top-color: #2563eb;
  border-radius: 999px;
  content: "";
  display: inline-block;
  height: 18px;
  margin-right: 10px;
  vertical-align: -4px;
  width: 18px;
}

@keyframes memberInlineSpin {
  to {
    transform: rotate(360deg);
  }
}

.website-formbox .website-actions {
  align-items: center !important;
  display: grid !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
  justify-content: stretch !important;
}

.website-formbox .website-actions input[type="reset"] {
  grid-column: 1 !important;
  width: 128px !important;
}

.website-formbox .website-actions input[type="submit"] {
  grid-column: 2 !important;
  width: 100% !important;
}

.profile-formbox .profile-actions .member-field-control,
.editpwd-formbox .member-actions .member-field-control {
  align-items: center !important;
  display: grid !important;
  gap: 0 8px !important;
  grid-template-columns: 128px minmax(0, 1fr) !important;
  justify-content: stretch !important;
  width: 100% !important;
}

.profile-formbox .profile-actions .btn,
.editpwd-formbox .member-actions .btn {
  border-radius: 7px !important;
  box-shadow: 0 8px 18px rgba(37,99,235,.16) !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 7px !important;
}

.profile-formbox .profile-actions input[type="reset"],
.editpwd-formbox .member-actions input[type="reset"] {
  grid-column: 1 !important;
  margin-top: 12px !important;
  width: 128px !important;
}

.profile-formbox .profile-actions input[type="submit"],
.editpwd-formbox .member-actions input[type="submit"] {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
}

.member-list-empty #listbox,
.member-empty-list #listbox {
  min-height: 247px !important;
}

@media (max-width: 760px) {
  .article-formbox input[type="text"],
  .article-formbox select,
  .article-formbox #art_intro,
  .article-formbox .ck.ck-editor,
  .website-formbox select,
  .website-formbox #web_url,
  .website-formbox #web_name,
  .website-formbox #web_tags,
  .website-formbox #web_intro,
  .website-formbox #web_ip,
  .website-formbox #web_grank,
  .website-formbox #web_brank,
  .website-formbox #web_srank,
  .website-formbox #web_arank {
    max-width: 100% !important;
    width: 100% !important;
  }

  .article-formbox .member-actions,
  .website-formbox .website-actions,
  .profile-formbox .profile-actions .member-field-control,
  .editpwd-formbox .member-actions .member-field-control {
    grid-template-columns: 1fr !important;
  }
}

/* Keep the promotion workflow inside the viewport on phones and tablets. */
@media (max-width: 900px) {
  body.member-module-promotion { overflow-x: hidden !important; }
  body.member-module-promotion #wrapper,
  body.member-module-promotion #header,
  body.member-module-promotion #topbox,
  body.member-module-promotion #mainbox,
  body.member-module-promotion #mainbox-left,
  body.member-module-promotion #mainbox-right { box-sizing: border-box; max-width: 100% !important; min-width: 0 !important; width: 100% !important; }
  body.member-module-promotion #topbox { display: flex !important; align-items: center; }
  body.member-module-promotion #sobox { display: none !important; }
  body.member-module-promotion .logo.member-text-logo { box-sizing: border-box; flex: 1 1 auto !important; max-width: 100% !important; min-width: 0 !important; width: auto !important; }
  body.member-module-promotion .logo.member-text-logo span { max-width: 100% !important; overflow-wrap: anywhere; }
  body.member-module-promotion #mainbox-left { overflow: hidden !important; }
  body.member-module-promotion #mainbox-left .sidebar { box-sizing: border-box; display: flex !important; gap: 8px; max-width: 100% !important; overflow-x: auto !important; padding: 8px !important; width: 100% !important; overscroll-behavior-inline: contain; scrollbar-width: thin; }
  body.member-module-promotion #mainbox-left .sidebar h3 { display: none !important; }
  body.member-module-promotion #mainbox-left .sidebar li { flex: 0 0 auto; margin: 0 !important; width: auto !important; }
  body.member-module-promotion #mainbox-left .sidebar li a { align-items: center; display: inline-flex !important; min-height: 44px; padding: 0 14px !important; white-space: nowrap; width: auto !important; }
}

@media (max-width: 360px) {
  body.member-module-promotion .logo.member-text-logo span { font-size: 25px !important; }
}

/* Promotion purchase workflow */
.promotion-page .body { padding: 18px !important; }
.promotion-heading { align-items: center; border-bottom: 1px solid #e6edf5; display: flex; justify-content: space-between; margin-bottom: 18px; padding: 2px 2px 18px; }
.promotion-eyebrow { color: #2375d8; display: block; font-size: 12px; font-weight: 800; margin-bottom: 5px; }
.promotion-heading h1 { color: #172b43; font-size: 22px; font-weight: 800; letter-spacing: 0; line-height: 1.35; margin: 0 0 6px; }
.promotion-heading p { color: #728197; font-size: 13px; margin: 0; }
.promotion-assurance { align-items: center; background: #f0f8f5; border: 1px solid #cae9dc; border-radius: 7px; color: #34705c; display: flex; flex: 0 0 auto; gap: 9px; margin-left: 16px; padding: 10px 12px; }
.promotion-assurance i { color: #1d9672; font-size: 19px; }
.promotion-assurance span { display: grid; font-size: 11px; }
.promotion-assurance strong { color: #245847; font-size: 13px; }
.promotion-empty { align-items: center; background: #f8fafc; border: 1px dashed #bdcada; border-radius: 7px; display: flex; gap: 14px; margin-bottom: 22px; padding: 20px; }
.promotion-empty > i { color: #7d93ad; font-size: 24px; }
.promotion-empty div { display: grid; flex: 1; gap: 3px; }
.promotion-empty strong { color: #283e57; font-size: 14px; }
.promotion-empty span { color: #75859a; }
.promotion-empty a { background: #246fe5; border-radius: 6px; color: #fff; font-weight: 700; padding: 9px 15px; text-decoration: none; }
.promotion-site-select { align-items: center; background: #f7f9fc; border: 1px solid #e2e9f2; border-radius: 7px; display: flex; gap: 14px; margin-bottom: 16px; padding: 12px 14px; }
.promotion-site-select label { color: #31465f; flex: 0 0 auto; font-size: 14px; font-weight: 800; }
.promotion-site-select select { background: #fff; border: 1px solid #cbd7e5; border-radius: 6px; color: #263b53; flex: 1; height: 40px; min-width: 0; padding: 0 10px; }
.promotion-site-select select:disabled { background: #eef2f6; color: #7d8b9b; cursor: not-allowed; }
.promotion-plan-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.promotion-plan { background: #fff; border: 1px solid #dce5ef; border-radius: 8px; box-sizing: border-box; cursor: pointer; min-height: 300px; overflow: hidden; padding: 20px 16px 16px; position: relative; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.promotion-plan:hover { border-color: #98b8dd; box-shadow: 0 9px 20px rgba(39, 65, 96, .08); transform: translateY(-2px); }
.promotion-plan.is-selected { border-color: #2874d7; box-shadow: 0 0 0 2px rgba(40, 116, 215, .12), 0 10px 22px rgba(39, 91, 160, .10); }
.promotion-plan input { opacity: 0; position: absolute; }
.promotion-radio-mark { align-items: center; border: 1px solid #b7c6d8; border-radius: 50%; color: transparent; display: flex; height: 18px; justify-content: center; position: absolute; right: 14px; top: 14px; width: 18px; }
.promotion-radio-mark i { font-size: 9px; }
.promotion-plan.is-selected .promotion-radio-mark { background: #2874d7; border-color: #2874d7; color: #fff; }
.promotion-plan-badge { background: #e95445; border-radius: 0 0 0 6px; color: #fff; font-size: 11px; font-weight: 800; padding: 5px 9px; position: absolute; right: 0; top: 0; }
.promotion-plan.is-recommended .promotion-radio-mark { right: 63px; }
.promotion-plan > strong { color: #1f344c; display: block; font-size: 18px; line-height: 1.35; }
.promotion-plan > small { color: #8491a2; display: block; font-size: 12px; margin-top: 3px; }
.promotion-price { color: #e24c3f; display: block; font-family: Arial, sans-serif; font-size: 34px; font-weight: 800; line-height: 1; margin: 22px 0 18px; }
.promotion-price em { font-size: 16px; font-style: normal; margin-right: 2px; }
.promotion-price small { color: #8b98a9; font-family: "Microsoft YaHei", sans-serif; font-size: 11px; font-weight: 400; margin-left: 4px; }
.promotion-plan ul { border-top: 1px solid #edf1f5; display: grid; gap: 10px; list-style: none; margin: 0; padding: 16px 0 0; }
.promotion-plan li { color: #53657a; font-size: 12px; line-height: 1.45; }
.promotion-plan li i { color: #25a178; margin-right: 7px; }
.promotion-checkout-bar { align-items: center; background: #263b53; border-radius: 7px; color: #fff; display: flex; justify-content: space-between; margin-top: 16px; padding: 13px 14px 13px 18px; }
.promotion-checkout-bar > div { align-items: baseline; display: flex; gap: 9px; }
.promotion-checkout-bar > div > span { color: #c7d1dc; }
.promotion-checkout-bar strong { color: #ffcf65; font-family: Arial, sans-serif; font-size: 24px; }
.promotion-checkout-bar strong em { font-size: 14px; font-style: normal; }
.promotion-checkout-bar small { background: rgba(255,255,255,.10); border-radius: 4px; color: #e4ebf3; padding: 3px 7px; }
.promotion-checkout-bar button,.promotion-submit-website { align-items: center; background: #f2b84b; border: 0; border-radius: 6px; box-sizing: border-box; color: #352b18; cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 800; gap: 7px; height: 42px; justify-content: center; min-width: 132px; padding: 0 18px; text-decoration: none; }
.promotion-checkout-bar button:hover,.promotion-submit-website:hover { background: #ffc85d; color: #352b18; text-decoration: none; }
.promotion-payment-note { color: #7b899a; font-size: 12px; margin: 9px 2px 0; }
.promotion-payment-note i { color: #3d82d4; margin-right: 5px; }
.promotion-orders { border-top: 1px solid #e4eaf1; margin-top: 24px; padding-top: 18px; }
.promotion-section-title { align-items: center; display: flex; justify-content: space-between; margin-bottom: 10px; }
.promotion-section-title h2 { color: #243a52; font-size: 16px; letter-spacing: 0; margin: 0; }
.promotion-section-title span { color: #96a1af; font-size: 11px; }
.promotion-order-row { align-items: center; border-bottom: 1px solid #edf1f5; display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr) 108px 70px 58px 28px; min-height: 68px; padding: 7px 2px; }
.promotion-order-main { display: grid; gap: 1px; min-width: 0; }
.promotion-order-main strong { color: #2b4058; font-size: 13px; }
.promotion-order-main span { color: #637489; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.promotion-order-main small { color: #a0a9b5; font-size: 10px; }
.promotion-order-date { color: #78879a; font-size: 11px; }
.promotion-order-amount { color: #283d55; font-family: Arial, sans-serif; text-align: right; }
.promotion-order-status { border-radius: 4px; font-size: 11px; padding: 4px 5px; text-align: center; }
.status-pending { background: #fff3d9; color: #98620b; }
.status-paid,.status-active { background: #e5f6ef; color: #167457; }
.status-completed { background: #e9f2ff; color: #2869ba; }
.status-cancelled,.status-refunded,.status-refund_pending,.status-expired { background: #f0f2f5; color: #7f8995; }
.promotion-order-row form button { background: transparent; border: 0; color: #9ba6b3; cursor: pointer; height: 28px; padding: 0; width: 28px; }
.promotion-order-row form button:hover { color: #d44c43; }
.promotion-orders-empty { background: #f8fafc; color: #8996a6; padding: 22px; text-align: center; }
.promotion-order-action-placeholder { width: 28px; }
.sr-only { height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; clip: rect(0, 0, 0, 0); }
.sidebar .icon-promotion i { color: #ef9f2f; font-size: 12px; margin-right: 7px; }

@media (max-width: 760px) {
  body.member-module-promotion { overflow-x: hidden !important; }
  body.member-module-promotion #sobox { display: none !important; }
  body.member-module-promotion #mainbox-left { overflow: hidden !important; }
  body.member-module-promotion #mainbox-left .sidebar { overflow-x: auto !important; overscroll-behavior-inline: contain; }
  .promotion-page .body { padding: 14px !important; }
  .promotion-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .promotion-assurance { margin: 0; width: auto; }
  .promotion-site-select { align-items: stretch; flex-direction: column; gap: 7px; }
  .promotion-plan-grid { grid-template-columns: 1fr; }
  .promotion-plan { min-height: 0; }
  .promotion-checkout-bar { align-items: stretch; flex-direction: column; gap: 12px; }
  .promotion-checkout-bar button,.promotion-submit-website { width: 100%; }
  .promotion-order-row { gap: 7px; grid-template-columns: minmax(0, 1fr) 68px 28px; padding: 11px 0; }
  .promotion-order-date { display: none; }
  .promotion-order-amount { grid-column: 2; grid-row: 1; }
  .promotion-order-status { grid-column: 2; grid-row: 2; }
  .promotion-order-row form,.promotion-order-action-placeholder { grid-column: 3; grid-row: 1 / span 2; }
}
/* Claim actions: clear primary and secondary commands. */
#claimbox .claim-submit-bar {
  gap: 12px !important;
  padding: 18px 0 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#claimbox .claim-submit-bar .btn,
#claimbox .claim-input-row .claim-next-btn {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  gap: 8px !important;
  height: 46px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-height: 46px !important;
  min-width: 142px !important;
  padding: 0 20px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

#claimbox .claim-submit-bar .claim-verify-btn,
#claimbox .claim-input-row .claim-next-btn {
  border: 1px solid #246fe5 !important;
  color: #fff !important;
  background: #246fe5 !important;
  box-shadow: 0 9px 20px rgba(36, 111, 229, .20) !important;
}

#claimbox .claim-submit-bar .claim-restart-btn {
  border: 1px solid #cdd9e8 !important;
  color: #31506f !important;
  background: #fff !important;
  box-shadow: 0 7px 16px rgba(31, 53, 86, .07) !important;
}

#claimbox .claim-submit-bar .claim-verify-btn:hover,
#claimbox .claim-input-row .claim-next-btn:hover {
  border-color: #1d5fc7 !important;
  background: #1d5fc7 !important;
  box-shadow: 0 12px 24px rgba(36, 111, 229, .26) !important;
  transform: translateY(-1px) !important;
}

#claimbox .claim-submit-bar .claim-restart-btn:hover {
  border-color: #8eabd0 !important;
  color: #246fe5 !important;
  background: #f7faff !important;
  box-shadow: 0 10px 20px rgba(31, 53, 86, .10) !important;
  transform: translateY(-1px) !important;
}

#claimbox .claim-submit-bar .btn:focus-visible,
#claimbox .claim-input-row .claim-next-btn:focus-visible {
  outline: 3px solid rgba(36, 111, 229, .22) !important;
  outline-offset: 3px !important;
}

@media (max-width: 520px) {
  #claimbox .claim-submit-bar {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  #claimbox .claim-submit-bar .btn {
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* Unified member form actions. Keep list and claim controls independent. */
.editpwd-formbox .member-actions,
.profile-formbox .profile-actions,
.article-formbox .member-actions,
.weblink-formbox .weblink-actions,
.website-formbox .website-actions {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
  min-height: 0 !important;
  padding: 10px 14px 2px !important;
}

.editpwd-formbox .member-actions .member-field-control,
.profile-formbox .profile-actions .member-field-control,
.weblink-formbox .weblink-actions .weblink-field-control {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  grid-column: 2 !important;
  justify-content: flex-start !important;
  width: auto !important;
}

.article-formbox .member-actions > .btn,
.website-formbox .website-actions > .btn {
  grid-column: auto !important;
}

.article-formbox .member-actions,
.website-formbox .website-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: flex-start !important;
  padding-left: 162px !important;
}

.article-formbox .member-actions > strong,
.website-formbox .website-actions > strong {
  display: none !important;
}

.editpwd-formbox .member-actions .btn,
.profile-formbox .profile-actions .btn,
.article-formbox .member-actions .btn,
.weblink-formbox .weblink-actions .btn,
.website-formbox .website-actions .btn {
  align-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  height: 42px !important;
  justify-content: center !important;
  line-height: 40px !important;
  margin: 0 !important;
  min-height: 42px !important;
  min-width: 112px !important;
  padding: 0 22px !important;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
  width: auto !important;
}

.editpwd-formbox .member-actions .btn.primary,
.profile-formbox .profile-actions .btn.primary,
.article-formbox .member-actions .btn.primary,
.weblink-formbox .weblink-actions .btn.primary,
.website-formbox .website-actions .btn.primary {
  background: #246fe5 !important;
  border-color: #246fe5 !important;
  box-shadow: 0 8px 18px rgba(36, 111, 229, .20) !important;
  color: #fff !important;
  order: 1 !important;
}

.editpwd-formbox .member-actions .btn.secondary,
.profile-formbox .profile-actions .btn.secondary,
.article-formbox .member-actions .btn.secondary,
.weblink-formbox .weblink-actions .btn.secondary,
.website-formbox .website-actions .btn.secondary {
  background: #fff !important;
  border-color: #cbd8e8 !important;
  box-shadow: 0 5px 14px rgba(31, 53, 86, .07) !important;
  color: #40566f !important;
  order: 2 !important;
}

.editpwd-formbox .member-actions .btn.primary:hover,
.profile-formbox .profile-actions .btn.primary:hover,
.article-formbox .member-actions .btn.primary:hover,
.weblink-formbox .weblink-actions .btn.primary:hover,
.website-formbox .website-actions .btn.primary:hover {
  background: #1d5fc7 !important;
  border-color: #1d5fc7 !important;
  box-shadow: 0 11px 22px rgba(36, 111, 229, .26) !important;
  transform: translateY(-1px) !important;
}

.editpwd-formbox .member-actions .btn.secondary:hover,
.profile-formbox .profile-actions .btn.secondary:hover,
.article-formbox .member-actions .btn.secondary:hover,
.weblink-formbox .weblink-actions .btn.secondary:hover,
.website-formbox .website-actions .btn.secondary:hover {
  background: #f7faff !important;
  border-color: #8eabd0 !important;
  color: #246fe5 !important;
  transform: translateY(-1px) !important;
}

.editpwd-formbox .member-actions .btn:focus-visible,
.profile-formbox .profile-actions .btn:focus-visible,
.article-formbox .member-actions .btn:focus-visible,
.weblink-formbox .weblink-actions .btn:focus-visible,
.website-formbox .website-actions .btn:focus-visible {
  outline: 3px solid rgba(36, 111, 229, .22) !important;
  outline-offset: 3px !important;
}

@media (max-width: 760px) {
  .editpwd-formbox .member-actions,
  .profile-formbox .profile-actions,
  .article-formbox .member-actions,
  .weblink-formbox .weblink-actions,
  .website-formbox .website-actions {
    display: flex !important;
    padding: 10px 0 2px !important;
  }

  .editpwd-formbox .member-actions > strong,
  .profile-formbox .profile-actions > strong,
  .article-formbox .member-actions > strong,
  .weblink-formbox .weblink-actions > strong,
  .website-formbox .website-actions > strong {
    display: none !important;
  }

  .editpwd-formbox .member-actions .member-field-control,
  .profile-formbox .profile-actions .member-field-control,
  .weblink-formbox .weblink-actions .weblink-field-control {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }

  .editpwd-formbox .member-actions .btn,
  .profile-formbox .profile-actions .btn,
  .article-formbox .member-actions .btn,
  .weblink-formbox .weblink-actions .btn,
  .website-formbox .website-actions .btn {
    min-width: 0 !important;
    width: 100% !important;
  }
}