.account-page .account-panel-actions,
.account-page .account-form-actions,
.account-page .account-material-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.account-page .account-panel-actions {
  justify-content: flex-end;
}

.account-material-views {
  display: inline-flex;
  gap: 4px;
  margin: 0 0 18px;
  padding: 4px;
  border: 1px solid rgba(38, 61, 49, 0.18);
  border-radius: 10px;
  background: rgba(230, 237, 231, 0.72);
}

.account-material-views button {
  min-height: 44px;
  padding: 8px 18px;
  color: #55665c;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-weight: 650;
}

.account-material-views button[aria-pressed="true"] {
  color: #203b2d;
  border-color: rgba(38, 61, 49, 0.24);
  background: #fffdf8;
  box-shadow: 0 4px 12px rgba(38, 61, 49, 0.08);
}

.account-material-form {
  margin: 0 0 22px;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(38, 61, 49, 0.22);
  border-left: 4px solid #3e5d4c;
  border-radius: 12px;
  background: #f8f7f1;
}

.account-material-form[hidden] {
  display: none;
}

.account-material-form .account-subheading {
  align-items: flex-start;
  margin-bottom: 18px;
}

.account-material-form h3,
.account-data-management h3,
.account-capability-note h4 {
  margin: 2px 0 0;
  color: #1f3529;
  font-family: var(--font-serif);
  font-size: clamp(21px, 2.4vw, 27px);
  font-weight: 500;
}

.account-close-button {
  min-height: 44px;
  padding: 6px 12px;
  color: #506158;
  border: 1px solid rgba(38, 61, 49, 0.2);
  border-radius: 7px;
  background: #fffdf8;
  cursor: pointer;
  font: inherit;
}

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

.account-material-form label {
  display: grid;
  gap: 7px;
  margin-bottom: 16px;
  color: #405247;
  font-weight: 650;
}

.account-material-form input,
.account-material-form select,
.account-material-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  color: #1c2c23;
  border: 1px solid rgba(38, 61, 49, 0.3);
  border-radius: 7px;
  background: #fffefb;
  font: inherit;
}

.account-material-form textarea {
  min-height: 92px;
  resize: vertical;
  line-height: 1.65;
}

.account-material-form input:focus-visible,
.account-material-form select:focus-visible,
.account-material-form textarea:focus-visible,
.account-material-views button:focus-visible,
.account-close-button:focus-visible {
  outline: 3px solid rgba(177, 91, 65, 0.28);
  outline-offset: 2px;
  border-color: #8e4a38;
}

.account-material-card footer {
  align-items: flex-end;
  gap: 14px;
}

.account-material-actions {
  justify-content: flex-end;
}

.account-material-actions .account-record-action {
  min-height: 44px;
  padding: 7px 11px;
  border: 1px solid rgba(38, 61, 49, 0.24);
  border-radius: 7px;
  background: #fffdf8;
  text-decoration: none;
}

.account-material-actions .account-record-action.primary {
  color: #fffdf8;
  border-color: #2f5140;
  background: #2f5140;
}

.account-material-actions .account-record-action.danger {
  color: #8c3f32;
  border-color: rgba(140, 63, 50, 0.28);
}

.account-record-tag.warning {
  color: #765023;
  border-color: rgba(148, 105, 45, 0.24);
  background: #f6ead8;
}

.account-capability-note {
  padding: 20px;
  border: 1px dashed rgba(38, 61, 49, 0.28);
  border-radius: 10px;
  background: rgba(240, 240, 233, 0.78);
}

.account-data-management {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(38, 61, 49, 0.16);
}

.account-privacy-panel .account-data-management {
  margin-top: 24px;
  padding-top: 0;
  border-top: 0;
}

.account-data-management > .account-subheading {
  margin-bottom: 16px;
}

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

.account-capability-note h4 {
  margin: 4px 0 8px;
}

.account-capability-note p,
.account-data-receipt p {
  max-width: 760px;
  margin: 8px 0;
  color: #59685e;
  line-height: 1.75;
}

.account-capability-note form {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.account-capability-note label {
  display: grid;
  gap: 7px;
  color: #405247;
  font-weight: 650;
}

.account-capability-note input {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  color: #1c2c23;
  border: 1px solid rgba(38, 61, 49, 0.3);
  border-radius: 7px;
  background: #fffefb;
  font: inherit;
}

.account-capability-note.danger-zone {
  border-color: rgba(140, 63, 50, 0.3);
  background: rgba(250, 240, 235, 0.78);
}

.account-page .button.danger {
  color: #fff;
  border-color: #8c3f32;
  background: #8c3f32;
}

.account-data-receipt {
  margin-top: 16px;
  padding: 14px;
  border-radius: 8px;
  background: #fffdf8;
}

.account-data-receipt[hidden],
.account-data-receipt [hidden] {
  display: none;
}

.account-data-receipt dl {
  display: grid;
  gap: 8px;
  margin: 0 0 14px;
}

.account-data-receipt dl > div {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 10px;
}

.account-data-receipt dt {
  color: #6a756e;
}

.account-data-receipt dd {
  margin: 0;
  color: #203b2d;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.account-deletion-receipt {
  border: 1px solid rgba(140, 63, 50, 0.24);
  background: #fffaf6;
}

.account-deletion-receipt > strong {
  color: #7f3f33;
}

.account-deletion-receipt code {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  user-select: all;
}

.account-deletion-lookup-panel {
  grid-column: 1 / -1;
}

.account-deletion-lookup-panel .account-deletion-receipt {
  margin-top: 20px;
  padding: 18px;
}

.account-inline-editor {
  display: flex;
  align-items: end;
  gap: 14px;
  margin: -12px 0 22px;
  padding: 16px 20px;
  border: 1px solid rgba(38, 61, 49, 0.2);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  background: #f8f7f1;
}

.account-inline-editor[hidden],
.account-recovery-supplement[hidden] {
  display: none;
}

.account-inline-editor label {
  display: grid;
  flex: 1 1 260px;
  gap: 7px;
  color: #405247;
  font-weight: 650;
}

.account-inline-editor input {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  color: #1c2c23;
  border: 1px solid rgba(38, 61, 49, 0.3);
  border-radius: 7px;
  background: #fffefb;
  font: inherit;
}

.account-handbook-actions .account-record-action {
  min-height: 44px;
  padding: 7px 11px;
  border: 1px solid rgba(38, 61, 49, 0.24);
  border-radius: 7px;
  background: #fffdf8;
  text-decoration: none;
}

.account-handbook-actions .account-record-action.primary {
  color: #fffdf8;
  border-color: #2f5140;
  background: #2f5140;
}

.account-handbook-actions .account-record-action.danger {
  color: #8c3f32;
  border-color: rgba(140, 63, 50, 0.28);
}

.account-handbook-category-filter {
  grid-template-columns: minmax(220px, 1fr) minmax(180px, 0.45fr);
}

.account-production-start-form {
  border-left-color: #8e4a38;
  background: linear-gradient(135deg, #fffdf8, #f4f1e8);
}

.account-production-source {
  margin: -4px 0 18px;
  padding: 10px 12px;
  color: #41564a;
  border-left: 3px solid rgba(47, 81, 64, 0.42);
  background: rgba(230, 237, 231, 0.58);
  line-height: 1.65;
}

.account-production-stage-preview {
  margin: 2px 0 16px;
  padding: 16px;
  border: 1px solid rgba(38, 61, 49, 0.18);
  border-radius: 9px;
  background: #fffefb;
}

.account-production-stage-preview > strong {
  display: block;
  color: #203b2d;
  font-size: 17px;
}

.account-production-stage-preview > p {
  margin: 6px 0 0;
  color: #59685e;
  line-height: 1.65;
}

.account-production-stages {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 2px;
  padding: 0;
  list-style: none;
}

.account-production-stages li {
  padding: 7px 11px;
  color: #66756c;
  border: 1px solid rgba(38, 61, 49, 0.18);
  border-radius: 999px;
  background: #f8f7f1;
  font-size: 14px;
}

.account-production-stages li.is-current {
  color: #fffdf8;
  border-color: #2f5140;
  background: #2f5140;
  font-weight: 700;
}

.account-production-stages li.is-complete {
  color: #315442;
  border-color: rgba(47, 81, 64, 0.28);
  background: rgba(230, 237, 231, 0.76);
}

.account-production-stages--preview {
  margin-top: 12px;
}

.account-production-stages--preview li {
  color: #315442;
  border-color: rgba(47, 81, 64, 0.24);
  background: rgba(230, 237, 231, 0.62);
}

.account-production-followup {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 20px;
  padding: clamp(18px, 3vw, 24px);
  border: 1px solid rgba(47, 81, 64, 0.28);
  border-left: 4px solid #2f5140;
  border-radius: 12px;
  background: rgba(230, 237, 231, 0.62);
}

.account-production-followup[hidden] {
  display: none;
}

.account-production-followup h3 {
  margin: 3px 0 8px;
  color: #1f3529;
  font-family: var(--font-serif);
  font-size: clamp(21px, 2.4vw, 27px);
  font-weight: 500;
}

.account-production-followup p,
.account-production-followup small {
  display: block;
  max-width: 720px;
  margin: 0;
  color: #52645a;
  line-height: 1.7;
}

.account-production-followup small {
  margin-top: 6px;
}

.account-production-followup .account-inline-actions {
  flex: 0 0 auto;
}

.account-production-card.is-targeted {
  border-color: rgba(142, 74, 56, 0.58);
  box-shadow: 0 0 0 3px rgba(177, 91, 65, 0.14), 0 16px 36px rgba(38, 61, 49, 0.12);
}

.account-record-note {
  padding: 10px 12px;
  border-left: 3px solid rgba(62, 93, 76, 0.42);
  background: rgba(230, 237, 231, 0.52);
}

.account-lifecycle-note,
.account-material-summary {
  margin: -6px 0 18px;
  color: #58695f;
  line-height: 1.65;
}

.account-material-summary {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(38, 61, 49, 0.16);
  border-radius: 8px;
  background: rgba(230, 237, 231, 0.5);
}

.account-record-details {
  margin: 14px 0 0;
  border-top: 1px solid rgba(38, 61, 49, 0.14);
}

.account-record-details summary {
  width: fit-content;
  padding: 12px 0 4px;
  color: #315442;
  cursor: pointer;
  font-weight: 700;
}

.account-record-details dl {
  display: grid;
  gap: 7px;
  margin: 8px 0 0;
}

.account-record-details dl > div {
  display: grid;
  grid-template-columns: minmax(76px, 0.28fr) 1fr;
  gap: 12px;
}

.account-record-details dt {
  color: #6c786f;
}

.account-record-details dd {
  margin: 0;
  color: #24382d;
}

.account-material-transfer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 22px;
}

.account-material-transfer p {
  max-width: 760px;
  margin: 8px 0 0;
}

.account-material-transfer .button {
  flex: 0 0 auto;
}

.account-auth-tabs {
  margin: 0;
  border-bottom: 1px solid rgba(38, 61, 49, 0.16);
}

.account-auth-tabs button {
  min-height: 44px;
  cursor: pointer;
}

.account-auth-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.account-auth-actions .button {
  min-height: 44px;
}

.account-draft-note {
  margin: 16px 22px 22px;
  padding: 12px 14px;
  color: #52645a;
  border-left: 3px solid rgba(62, 93, 76, 0.46);
  background: rgba(230, 237, 231, 0.46);
  line-height: 1.65;
}

.account-tabs > a[hidden],
.account-panel[data-optional-capability="notifications"][hidden] {
  display: none !important;
}

.account-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

.account-auth-panel .account-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 500;
  line-height: 1.6;
}

.account-auth-panel .account-consent input {
  width: 20px;
  min-width: 20px;
  min-height: 20px;
  margin-top: 3px;
}

.account-auth-panel .account-consent a {
  color: #8e4a38;
  text-underline-offset: 3px;
}

.account-ledger-row {
  flex-wrap: wrap;
}

.account-ledger-row > .account-record-action {
  min-height: 44px;
  padding: 6px 10px;
  border: 1px solid rgba(38, 61, 49, 0.24);
  border-radius: 7px;
  background: #fffdf8;
}

.account-appeal-receipt {
  border-left: 3px solid #3e5d4c;
}

.account-recovery-supplement {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid rgba(142, 74, 56, 0.24);
  border-radius: 9px;
  background: #fffaf3;
}

.account-recovery-supplement > p {
  color: #59685e;
  line-height: 1.7;
}

@media (max-width: 820px) {
  .account-page .brand,
  .account-page .skip-link,
  .account-page button,
  .account-page .button,
  .account-page .account-record-action,
  .account-page .account-tabs > a,
  .account-page summary,
  .account-page select,
  .account-page input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([tabindex="-1"]),
  .account-page textarea,
  .account-page .account-consent {
    min-height: 44px;
  }

  .account-page summary {
    display: flex;
    align-items: center;
  }

  .account-page .account-panel-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .account-material-card footer {
    align-items: flex-start;
  }

  .account-material-actions {
    justify-content: flex-start;
  }

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

  .account-deletion-lookup-panel {
    grid-column: auto;
  }

  .account-inline-editor {
    align-items: stretch;
    flex-direction: column;
  }

  .account-material-transfer {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-production-followup {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 620px) {
  .account-tabs {
    position: static;
  }

  .account-page .account-panel-actions,
  .account-page .account-form-actions,
  .account-auth-actions,
  .account-deletion-receipt .account-inline-actions,
  .account-production-followup .account-inline-actions,
  .account-material-actions,
  .account-handbook-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .account-page .account-panel-actions .button,
  .account-page .account-form-actions .button,
  .account-auth-actions .button,
  .account-deletion-receipt .account-inline-actions .button,
  .account-production-followup .account-inline-actions .button,
  .account-material-actions .account-record-action,
  .account-handbook-actions .account-record-action {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .account-material-views {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    width: 100%;
  }

  .account-handbook-category-filter {
    grid-template-columns: 1fr;
  }

  .account-record-details dl > div {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .account-material-transfer .button {
    width: 100%;
    justify-content: center;
  }

  .account-form-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}