.workspace.account-layout {
  grid-template-columns:190px minmax(0,1fr);
  max-width:1450px;
}
.account-layout .right-rail {display:none}
.account-center {min-width:0;animation:enter .3s ease}
.account-center svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.account-page-heading {display:flex;align-items:center;justify-content:space-between;padding:4px 0 25px;gap:20px}
.account-page-heading .page-eyebrow {font-size:10px;letter-spacing:1.9px;margin-bottom:11px}
.account-page-heading h1 {font-size:29px;color:#244f40;letter-spacing:-.6px}
.account-page-heading p:not(.page-eyebrow) {font-size:13px;color:#8b9b8b;margin-top:10px;line-height:1.8}
.account-wordmark {font-size:61px;font-weight:800;letter-spacing:-5px;color:#cfddc6;transform:rotate(-7deg);padding-right:16px}
.account-wordmark span {color:#aac38f}
.account-hero {display:flex;align-items:center;justify-content:space-between;gap:28px;padding:29px 31px;background:linear-gradient(110deg,#edf4e8 0%,#f7faf3 100%);border:1px solid #e0e9d9;border-radius:14px}
.account-person {display:flex;align-items:center;gap:21px;min-width:0}
.account-large-avatar,.account-edit-avatar {display:flex;align-items:center;justify-content:center;background:#dbe9d3;color:#648753;font-weight:650;border-radius:50%;overflow:hidden;flex-shrink:0}
.account-large-avatar {height:88px;width:88px;border:5px solid #ffffffa1;box-shadow:0 3px 13px #31573208;font-size:33px}
.account-large-avatar img,.account-edit-avatar img {width:100%;height:100%;object-fit:cover}
.account-person-copy {min-width:0}
.account-name-line {display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.account-name-line h2 {font-size:23px;line-height:1.5;overflow-wrap:anywhere;color:#305738;letter-spacing:-.4px}
.account-person-copy>p {font-size:12px;color:#829179;margin-top:9px;line-height:1.8;max-width:440px;overflow-wrap:anywhere;white-space:pre-wrap}
.account-joined {display:block;font-size:10px;color:#9da993;margin-top:13px}
.account-level-badge {color:#608c51;border:1px solid #c4d6b7;background:#e5efdd;padding:2px 7px;border-radius:5px;font-family:Consolas,monospace;font-size:11px;line-height:1.5;white-space:nowrap}
.account-identity-block {border-left:1px solid #dce6d5;padding:5px 0 5px 30px;flex-shrink:0}
.account-identity-block>span {font-size:10px;color:#98a78e}
.account-identity-block>div {display:flex;align-items:center;gap:12px;margin:5px 0}
.account-identity-block strong {font:600 23px/1.5 Consolas,monospace;color:#3e7249;letter-spacing:1px}
.account-identity-block small {font-size:10px;color:#a1ad98}
.account-copy-button {width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#7d9771}
.account-copy-button svg {width:15px;height:15px}
.account-copy-button:hover {background:#dfead8;color:#4f7f42}
.account-identity-group {display:grid;gap:14px}
.account-identity-block>.account-identity-row {display:grid;gap:0;margin:0}
.account-identity-row>span {font-size:10px;color:#98a78e}
.account-identity-row>div {display:flex;align-items:center;gap:12px;margin:5px 0}
.account-identity-row small {line-height:1.8}
.account-mute-banner {display:flex;gap:10px;flex-wrap:wrap;background:#fbf6e8;border:1px solid #eee5cc;padding:13px 18px;border-radius:9px;margin-top:18px;color:#998050;font-size:12px;line-height:1.8}
.account-growth {display:grid;grid-template-columns:285px minmax(0,1fr);gap:20px;margin-top:22px}
.account-level-card {background:#204f41;border-radius:12px;padding:25px;color:#d7e5d2;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.account-level-card:after {content:'h';position:absolute;right:10px;bottom:-48px;font-size:155px;font-weight:800;color:#ffffff03;transform:rotate(-10deg);pointer-events:none}
.account-section-kicker {display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:.3px;color:#acbfa6}
.account-section-kicker svg {height:17px;width:17px;color:#c2d5a7}
.account-level-number {display:flex;align-items:baseline;gap:3px;font-size:64px;line-height:1.2;letter-spacing:-3px;font-weight:650;color:#e7f3d5;margin:18px 0}
.account-level-number>span:first-child {font-size:19px;letter-spacing:1px;margin-right:3px;font-weight:500;color:#bdd0ae}
.account-level-number .account-next-level {font-size:10px;letter-spacing:0;font-weight:400;color:#9bb797;margin-left:auto}
.account-progress-label {display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#a6bda0;position:relative;z-index:1}
.account-progress-label b {color:#e3eed8;font-weight:500}
.account-progress {appearance:none;display:block;width:100%;height:6px;border:0;border-radius:20px;overflow:hidden;background:#48705a;color:#cee997;margin-top:10px}
.account-progress::-webkit-progress-bar {background:#48705a;border-radius:20px}
.account-progress::-webkit-progress-value {background:#cbe697;border-radius:20px;transition:width .4s ease}
.account-progress::-moz-progress-bar {background:#cbe697;border-radius:20px}
.account-level-total {font-size:10px;color:#9bb798;margin-top:14px;line-height:1.8}
.account-level-total strong {font-weight:500;color:#d5e4c8}
.account-tasks-card,.account-panel {background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}
.account-section-title {display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-section-title .page-eyebrow {font-size:8px;letter-spacing:1.5px;color:#a5b09b;margin-bottom:8px;line-height:1.5}
.account-section-title h2 {font-size:17px;color:#426147;letter-spacing:-.2px}
.account-section-title>svg {color:#bdcbb4;height:23px;width:23px}
.account-completion {font-size:10px;color:#98a28d;white-space:nowrap}
.account-task-list {margin-top:9px}
.account-task {display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eff2eb}
.account-task:last-child {border-bottom:0;padding-bottom:8px}
.account-task-icon {width:33px;height:33px;border-radius:9px;background:#f1f5eb;color:#94a779;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.account-task-icon svg {width:17px;height:17px}
.account-task.is-complete .account-task-icon {background:#edf4e6;color:#90ab6f}
.account-task-copy {flex:1;min-width:0}
.account-task-copy h3 {display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:12px;font-weight:550;color:#607856;line-height:1.7}
.account-task-copy h3>span {font-size:9px;color:#a3ad7b;font-weight:400;background:#f6f7ed;padding:0 5px;border-radius:3px;white-space:nowrap}
.account-task-copy p {font-size:10px;color:#a1ad95;line-height:1.7;margin-top:3px}
.account-task-action {flex-shrink:0}
.account-task-action .button {font-size:10px;min-height:29px;padding:5px 9px}
.account-task-done,.account-task-auto {font-size:10px;color:#8ca979;white-space:nowrap}
.account-task-auto {color:#abb49d;font-size:9px}
.account-task-foot {font-size:9px;color:#b0b7a6;line-height:1.8;margin-top:9px}
.account-settings-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;align-items:stretch}
.account-panel {padding:27px}
.account-avatar-editor {display:flex;align-items:center;gap:16px;margin-top:25px;margin-bottom:21px}
.account-edit-avatar {width:59px;height:59px;font-size:23px}
.account-avatar-editor .button {font-size:11px;min-height:33px;padding:7px 11px;gap:6px}
.account-avatar-editor .button svg {width:14px;height:14px}
.account-avatar-editor p {font-size:10px;line-height:1.8;color:#a1ad97;margin-top:9px}
.account-text-button {font-size:10px;color:#a2aa95;margin-left:13px;text-decoration:underline;text-underline-offset:3px}
.account-inline-status {font-size:11px;color:#799367;line-height:1.8}
.account-inline-status:empty {display:none}
.account-panel .field {margin:18px 0}
.account-panel .field label {font-size:12px;color:#7d9271}
.account-panel .field label small {color:#b0b9a5;font-size:9px}
.account-panel .input-control {font-size:12px;border-color:#e3e9dc;background:#fcfdfb;border-radius:7px;color:#617753;line-height:1.7}
.account-panel textarea {resize:vertical;min-height:89px}
.account-panel .field-help {color:#adb6a1;font-size:10px;line-height:1.8;margin-top:9px}
.account-profile-actions {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}
.account-profile-actions span {font-size:10px;color:#a8a57d;line-height:1.7}
.account-profile-actions .button {font-size:11px;min-height:35px;padding:8px 17px;flex-shrink:0}
.account-security-status {display:flex;align-items:center;gap:11px;background:#f7f7ef;padding:17px 14px;border-radius:9px;border:1px solid #efefde;margin-top:26px}
.account-security-symbol {color:#b0b18a;display:flex}
.account-security-symbol svg {width:27px;height:27px}
.account-security-status>div {flex:1;min-width:0}
.account-security-status strong {font-size:12px;color:#92976c;font-weight:550}
.account-security-status p {font-size:10px;color:#aab095;line-height:1.8;margin-top:5px}
.account-security-dot {height:6px;width:6px;border-radius:50%;background:#c2c79f;flex-shrink:0}
.account-security-status.is-secure {background:#f0f6e9;border-color:#e3ecd8}
.account-security-status.is-secure strong {color:#6b8d50}
.account-security-status.is-secure .account-security-symbol {color:#8eaf68}
.account-security-status.is-secure .account-security-dot {background:#91b968}
.account-security-setting {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:21px 0;border-bottom:1px solid #edf1e7}
.account-security-setting h3 {font-size:12px;font-weight:550;color:#788e68;line-height:1.8}
.account-security-setting p {font-size:10px;color:#a7b09a;line-height:1.85;margin-top:4px}
.account-security-setting .button {font-size:10px;min-height:30px;padding:6px 10px;flex-shrink:0}
.account-recovery-count {display:inline-block;font-size:9px;font-weight:400;color:#9aab85;margin-left:5px}
.account-security-note {display:flex;align-items:flex-start;gap:8px;margin-top:20px;font-size:10px;color:#aab49d;line-height:1.95}
.account-security-note svg {width:13px;height:13px;margin-top:3px;color:#b1bea1}
.account-agents-panel {margin-top:22px}
.account-agent-intro {font-size:12px;color:#829476;line-height:1.95;margin-top:15px;max-width:720px}
.account-agent-toolbar {display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:18px}
.account-agent-toolbar .button {font-size:11px;min-height:34px}
.account-agent-guide {font-size:11px;color:#648957;text-decoration:underline;text-underline-offset:4px}
.account-agent-toolbar .account-text-button {margin:0;font-size:11px}
.account-agent-revoke-all {margin-left:auto!important;color:#a06d5b}
.account-agent-list {margin-top:17px}
.account-agent-list ul {list-style:none;margin:0;padding:0}
.account-agent-list li {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid #edf1e7}
.account-agent-list li>.button {flex-shrink:0;font-size:11px}
.account-agent-session {min-width:0}
.account-agent-label {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.account-agent-label h3 {font-size:13px;color:#56734c;overflow-wrap:anywhere}
.account-agent-label>span {font-size:10px;color:#8a9b7e}
.account-agent-scopes {display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}
.account-agent-scopes span {font-size:10px;line-height:1.6;padding:2px 7px;border-radius:4px;background:#f1f6eb;color:#76945f}
.account-agent-session p {font-size:10px;color:#96a58b;line-height:1.9}
.account-agent-empty {font-size:12px;line-height:1.9;color:#8d9e81;background:#f6f9f2;border-radius:8px;padding:17px}
.account-agent-error {color:#a16b54;font-size:12px;line-height:1.9;background:#fff7f0;border-radius:8px;padding:15px}
.account-agent-foot {font-size:10px;color:#9ba990;line-height:1.9;margin-top:17px}
.account-agent-form-row {display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:17px}
.account-agent-form-row .field {margin-top:0}
.account-agent-scope-picker {margin:0 0 18px;padding:0;border:0;min-width:0}
.account-agent-scope-picker legend {font-size:12px;color:#7d9670;margin-bottom:11px}
.account-agent-all {display:flex;align-items:center;gap:9px;font-size:12px;color:#658651;line-height:1.8;padding:12px;background:#eff5e8;border-radius:7px 7px 0 0;cursor:pointer}
.account-agent-scope-options {border:1px solid #e4ecdB;border-radius:0 0 7px 7px;padding:0 12px}
.account-agent-scope-options label {display:flex;align-items:flex-start;gap:9px;padding:11px 0;cursor:pointer}
.account-agent-scope-options label+label {border-top:1px solid #eef2e9}
.account-agent-scope-picker input,.account-agent-security-ack input {accent-color:#6f9662;width:16px;height:16px;flex-shrink:0;margin-top:2px}
.account-agent-scope-options span {min-width:0}
.account-agent-scope-options strong {font-size:12px;color:#648253;font-weight:550;line-height:1.7}
.account-agent-scope-options small {display:block;font-size:11px;color:#8e9e81;line-height:1.8;margin-top:3px}
.account-agent-security-ack {display:flex;gap:9px;align-items:flex-start;background:#fff6ed;border:1px solid #f0dfce;border-radius:7px;padding:12px;color:#9a7655;font-size:11px;line-height:1.9;margin-bottom:19px;cursor:pointer}
.account-agent-security-ack[hidden] {display:none}
.account-agent-token {font:13px/1.85 Consolas,monospace!important;overflow-wrap:anywhere;word-break:break-all;resize:vertical}
.account-agent-token-note {font-size:11px;color:#94a485;line-height:1.9;margin-top:15px}
.account-history {background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:22px}
.account-history summary {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 25px;cursor:pointer;font-size:12px;color:#78906b;list-style:none}
.account-history summary::-webkit-details-marker {display:none}
.account-history summary small {font-size:10px;color:#aeb7a0;margin-left:10px}
.account-history[open] summary>span:last-child {transform:rotate(45deg)}
.account-history-content {padding:0 25px 12px}
.account-history ol {list-style:none;margin:0;padding:0}
.account-history li {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #f0f3ec}
.account-history li strong {display:block;color:#819775;font-size:11px;font-weight:500;line-height:1.8;overflow-wrap:anywhere}
.account-history time {display:block;font-size:9px;color:#b2baa8;margin-top:5px}
.account-history-amount {white-space:nowrap;font-size:15px;color:#91a96f;font-family:Consolas,monospace}
.account-history-amount small {font-size:9px;color:#adb99b;font-family:inherit}
.account-history-empty {font-size:11px;line-height:1.9;color:#9fac92;padding:4px 0 14px}
.account-quick-links {display:flex;align-items:center;gap:23px;flex-wrap:wrap;padding:24px 3px 9px;color:#a5b097;font-size:10px}
.account-quick-links a:hover {color:#62894c;text-decoration:underline;text-underline-offset:4px}
.account-quick-links>span {margin-left:auto;letter-spacing:.5px;color:#bec6b4}
.account-dialog {width:450px;max-width:calc(100vw - 32px);position:fixed;border-radius:14px;border-color:#e1e9d9;padding:0;color:#647b55}
.account-dialog-wide {width:650px}
.account-dialog form {position:relative;padding:30px}
.account-dialog .page-eyebrow {font-size:9px;letter-spacing:1.5px;color:#a5b096;margin-bottom:16px}
.account-dialog h2 {font-size:22px;color:#476c40;line-height:1.5}
.account-dialog-description {font-size:12px;line-height:1.95;color:#93a386;margin:11px 0 22px}
.account-dialog-close {position:absolute;top:12px;right:13px;font-size:24px;color:#a2b094;line-height:1;width:28px;height:28px;border-radius:6px}
.account-dialog-close:hover {background:#f0f5e9}
.account-dialog .field label {font-size:12px;color:#7d9670}
.account-dialog .input-control {font-size:13px;color:#5f7f50;background:#fbfcf9;border-color:#e2e9da}
.account-dialog .input-control:focus {border-color:#9cb985;box-shadow:0 0 0 3px #a7c58b14}
.account-dialog-actions {display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:25px}
.account-dialog-actions .button {font-size:12px;min-height:38px}
.account-danger {background:#a06d5b;color:#fff;border:1px solid #a06d5b}
.account-danger:hover {background:#8d5c4c}
.account-code-input {font-family:Consolas,'Microsoft YaHei',monospace;letter-spacing:1px}
.account-code-input::placeholder {font-family:inherit;letter-spacing:0;font-size:11px;color:#adbaa1}
.account-setup-grid {display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:center;padding:3px 0 15px}
.account-qr {padding:7px;background:white;border:1px solid #e7ecdF;border-radius:10px;width:190px}
.account-qr svg {display:block;width:100%;height:auto;fill:#000;stroke:none}
.account-step {display:block;font-size:9px;letter-spacing:1px;color:#aab69b;margin-bottom:9px}
.account-setup-instructions h3 {font-size:14px;color:#6e8a5d}
.account-setup-instructions p {font-size:11px;color:#9dac8e;line-height:1.9;margin-top:9px}
.account-secret-row {display:flex;gap:4px;align-items:center;margin-top:13px}
.account-secret-row .input-control {min-width:0;font-family:Consolas,monospace;font-size:11px;padding:9px;letter-spacing:.3px}
.account-setup-instructions .account-setup-expires {font-size:9px;color:#b0bba3;line-height:1.8}
.account-recovery-codes {display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#f5f8ef;border:1px solid #e7eddF;border-radius:9px;padding:18px 12px}
.account-recovery-codes code {font-family:Consolas,monospace;font-size:13px;letter-spacing:.6px;text-align:center;color:#6e8c5c;line-height:1.8;white-space:nowrap}
.account-recovery-tools {display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.account-recovery-tools .button {font-size:11px;min-height:34px;padding:7px 11px}
.account-recovery-tools svg {width:13px;height:13px}
.account-acknowledge {display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#8b9f7b;line-height:1.9;margin-top:23px;cursor:pointer}
.account-acknowledge input {accent-color:#6f9662;width:16px;height:16px;margin-top:3px;flex-shrink:0}
.account-avatar-preview {display:flex;justify-content:center;margin:21px 0 14px}
.account-avatar-preview img {width:160px;height:160px;object-fit:cover;border-radius:50%;border:5px solid #edf4e5}
.account-avatar-preview-note {font-size:11px;color:#a4b096;text-align:center}
.account-signed-out {text-align:center;padding-block:50px}
.account-signed-out>svg {height:37px;width:37px;color:#8cae6b;margin-bottom:17px}
.account-signed-out h1 {font-size:23px;color:#527b47}
.account-signed-out p {font-size:13px;line-height:1.9;color:#9bac8c;margin:17px 0 24px}
.account-center button:focus-visible,.account-center a:focus-visible,.account-center summary:focus-visible {outline:2px solid #92b277;outline-offset:3px}
.account-center button:disabled {opacity:.55;cursor:wait}
@media(max-width:1200px) {
  .workspace.account-layout {grid-template-columns:172px minmax(0,1fr)}
  .account-hero {padding:25px;gap:20px}
  .account-large-avatar {width:75px;height:75px;font-size:30px}
  .account-person {gap:15px}
  .account-identity-block {padding-left:22px}
  .account-growth {grid-template-columns:250px minmax(0,1fr);gap:17px}
  .account-level-card {padding:22px}
  .account-tasks-card {padding:22px}
  .account-task {gap:9px}
  .account-task-copy h3 {font-size:11px}
  .account-task-copy p {font-size:9px}
  .account-settings-grid {gap:17px}
  .account-panel {padding:23px}
}
@media(max-width:1030px) {
  .workspace.account-layout {grid-template-columns:165px minmax(0,1fr)}
  .account-growth {grid-template-columns:1fr}
  .account-level-card {padding:25px 28px}
  .account-level-number {margin:13px 0}
  .account-level-number .account-next-level {font-size:12px}
  .account-level-total {font-size:11px}
  .account-progress-label {font-size:11px}
  .account-settings-grid {grid-template-columns:1fr}
  .account-task-copy h3 {font-size:12px}
  .account-task-copy p {font-size:11px}
  .account-hero {align-items:flex-start;flex-direction:column;gap:21px}
  .account-identity-block {border-left:0;border-top:1px solid #dce6d5;padding:14px 0 0;width:100%;display:flex;align-items:center;gap:15px}
  .account-identity-block>div {margin:0}
  .account-identity-block strong {font-size:18px}
  .account-identity-block small {margin-left:auto}
  .account-identity-group:has(.account-identity-row + .account-identity-row) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .account-identity-group small {margin-left:0}
}
@media(max-width:720px) {
  .workspace.account-layout {display:block}
  .account-page-heading {padding:1px 0 21px}
  .account-page-heading h1 {font-size:25px}
  .account-page-heading .page-eyebrow {font-size:9px}
  .account-page-heading p:not(.page-eyebrow) {font-size:12px}
  .account-wordmark {font-size:48px;padding-right:8px;letter-spacing:-4px}
  .account-hero {padding:23px 20px;gap:20px}
  .account-person {gap:14px;align-items:flex-start}
  .account-large-avatar {width:65px;height:65px;border-width:3px;font-size:27px}
  .account-name-line {gap:7px}
  .account-name-line h2 {font-size:20px;width:100%}
  .account-person-copy>p {font-size:11px;line-height:1.9;margin-top:10px}
  .account-joined {font-size:9px;line-height:1.8;margin-top:10px}
  .account-identity-block {flex-wrap:wrap;gap:8px 13px}
  .account-identity-block small {font-size:9px;margin-left:0}
  .account-identity-block strong {font-size:19px}
  .account-growth {margin-top:17px;gap:17px}
  .account-level-card {padding:23px}
  .account-level-number {font-size:58px;margin:13px 0 16px}
  .account-tasks-card,.account-panel {padding:22px 20px}
  .account-section-title h2 {font-size:16px}
  .account-section-title .page-eyebrow {font-size:8px;letter-spacing:1.1px}
  .account-task {gap:10px;flex-wrap:wrap;padding:15px 0}
  .account-task-copy h3 {font-size:12px;gap:6px}
  .account-task-copy p {font-size:10px}
  .account-task-icon {width:29px;height:29px;border-radius:7px}
  .account-task-action {margin-left:39px}
  .account-task-foot {font-size:9px;line-height:1.9;margin-top:15px}
  .account-settings-grid {margin-top:17px;gap:17px}
  .account-panel .field label {font-size:12px}
  .account-panel .input-control {font-size:14px}
  .account-avatar-editor {gap:13px;margin-top:23px}
  .account-avatar-editor p {font-size:9px}
  .account-security-status {margin-top:23px}
  .account-security-setting {gap:12px}
  .account-security-setting h3 {font-size:12px}
  .account-security-setting p {font-size:10px}
  .account-history {margin-top:17px}
  .account-agents-panel {margin-top:17px}
  .account-agent-toolbar {gap:12px}
  .account-agent-revoke-all {margin-left:0!important}
  .account-agent-form-row {grid-template-columns:1fr;gap:0}
  .account-agent-list li {align-items:flex-start;gap:11px}
  .account-agent-label {gap:5px}
  .account-agent-label>span {display:block;width:100%}
  .account-history summary {padding:19px 20px}
  .account-history-content {padding-inline:20px}
  .account-quick-links {gap:17px;line-height:1.8;padding-top:23px}
  .account-quick-links>span {width:100%;margin:0}
  .account-dialog form {padding:28px 23px}
  .account-dialog h2 {font-size:21px}
  .account-dialog .input-control {font-size:14px}
  .account-dialog-actions {gap:8px;margin-top:22px}
  .account-dialog-actions .button {font-size:11px;padding-inline:12px}
  .account-setup-grid {grid-template-columns:1fr;gap:20px}
  .account-qr {width:184px;margin:auto}
  .account-secret-row .input-control {font-size:11px}
  .account-recovery-codes {padding:15px 8px;gap:9px}
  .account-recovery-codes code {font-size:12px;letter-spacing:.3px}
  .account-recovery-tools {gap:8px}
  .account-recovery-tools .button {font-size:10px;padding-inline:9px}
  .account-acknowledge {font-size:11px}
}
@media(min-width:500px) and (max-width:720px) {
  .account-task {flex-wrap:nowrap}
  .account-task-action {margin-left:0}
}