.account-button{font:400 12px/1.4 var(--font-ui);letter-spacing:.02em;text-transform:none;background:#2d493d;color:#faf8ee!important;border:1px solid #7b8f7c;border-radius:3px;padding:10px 13px;min-height:40px;cursor:pointer;white-space:nowrap}
.account-button:hover{background:#3c5b4b!important;color:#fffaf0!important}.account-button.account-needs-attention{border-color:#c3a25c;color:#f1d89e!important}
.home-header .account-button{margin-left:12px}.home-header .motion-control{margin-left:auto}
.account-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:26px;background:#faf8ef;color:#203b31;border:1px solid #b8bbae;border-top:3px solid #b08b42;border-radius:5px;box-shadow:0 18px 60px #142b3440;font:400 16px/1.55 var(--font-body);z-index:100}
.account-dialog::backdrop{background:#19362d70;backdrop-filter:blur(4px)}.account-dialog [hidden]{display:none!important}
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding-bottom:15px;border-bottom:1px solid #d4d4c8}
.account-heading h2{margin:0;font:500 17px/1.4 var(--font-ui);text-transform:uppercase;color:#203b31}
.account-close{width:36px;height:36px;background:#f3e4da;color:#8c3e31;border:1px solid #c49a88;font:400 24px/1 var(--font-body);border-radius:3px;cursor:pointer}
.account-dialog p{margin:12px 0}.account-dialog #accountIdentity{overflow-wrap:anywhere;font-weight:500}.account-dialog #accountStatus{font-size:14px;color:#586258}
.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.account-dialog :is(button,a){font:500 13px/1.45 var(--font-ui);letter-spacing:0;text-transform:none;cursor:pointer}
.account-dialog .account-primary{background:#2b493b;color:#faf8ef;border:1px solid #294337;padding:11px 15px;border-radius:3px;text-decoration:none;min-height:44px;box-shadow:0 2px 4px #22392b15;display:inline-flex;align-items:center}
.account-dialog .account-primary:hover{background:#3b5b47}.account-dialog .account-secondary{padding:10px 13px;min-height:44px;border:1px solid #afb7a7;border-radius:3px;background:#f3f1e8;color:#294235}
.account-dialog .account-secondary:hover{background:#e8ecdf}.account-dialog :is(a,button):focus-visible{outline:2px solid #a68038;outline-offset:3px}
.account-signout{display:block;width:fit-content;max-width:100%;margin-top:8px;color:#684e32;text-decoration:underline;padding:8px 0}.account-dialog #accountError{padding:10px 12px;background:#faeee3;border-left:3px solid #b46c42;color:#7a3e26;font-size:14px}
#accountResolution{padding:4px 14px;background:#edead9;border:1px solid #cec6a6;border-radius:3px;font-size:14px}
.account-dialog .account-delete-link{display:block;margin-top:0;padding:8px 0;min-height:44px;background:none;border:0;color:#85594e;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:400}
.account-dialog .account-delete-link:hover{color:#67291f}.account-delete-note{font-size:14px;color:#586258}.account-delete-label{display:block;margin:22px 0 8px;font-size:14px}
.account-dialog #accountDeleteConfirmation{box-sizing:border-box;display:block;width:100%;min-height:46px;padding:10px 12px;background:#fffdf7;color:#203b31;border:1px solid #aeb5a6;border-radius:3px;font:400 16px/1.4 var(--font-ui)}
.account-dialog #accountDeleteConfirmation:focus-visible{outline:2px solid #a68038;outline-offset:3px}.account-dialog .account-danger{padding:11px 15px;min-height:44px;border:1px solid #87382c;background:#913e31;color:#fffaf1;border-radius:3px;font-size:14px}.account-dialog .account-danger:hover:enabled{background:#743024}
.account-dialog #accountDeleteCancel{font-size:14px}.account-dialog button:disabled{cursor:default;opacity:.55}.account-dialog #accountDeleteError{padding:10px 12px;background:#faeee3;border-left:3px solid #b46c42;color:#7a3e26;font-size:14px}.account-dialog #accountDeleteStatus{font-size:14px;color:#586258}
@media(max-width:600px){.home-header{flex-wrap:wrap}.home-header .account-button{margin-left:0}.account-dialog{padding:20px}.app-nav{flex-wrap:wrap}.account-button{font-size:12px}.account-actions>*{flex:1 1 auto;justify-content:center}}