/* Match the username/UID purchase card, with real links to separate pages. */
.xn-signin-account-card {
    width:100%; max-width:900px; margin:0 auto 24px; padding:0;
    color:#292927; background:#fff; border:1px solid #e7e3da; border-radius:8px;
    box-shadow:0 10px 28px rgba(35,33,28,.06); overflow:hidden;
}
.xn-signin-account-card__header {
    display:flex; align-items:center; gap:.65rem; margin:0; padding:1rem 1.35rem 0;
    background:#f7f6f2; border-bottom:1px solid #e7e3da;
}
.xn-signin-account-card__icon {
    display:flex; align-items:center; justify-content:center;
    width:34px; height:34px; flex:0 0 34px; margin-bottom:.8rem;
    color:#fff; background:#c15f3c; border-radius:7px; font-size:1rem;
}
.xn-signin-account-card__content { display:block; padding:1.5rem; }
.password-card .password-card__header {
    height:auto !important; padding:1rem 1.35rem 0 !important; gap:.65rem !important;
}
.password-card .password-card__header .password-card__icon { margin:0 0 .8rem !important; }
.password-card .xn-signin-password-heading { display:flex; align-self:stretch; }
.xn-signin-account-tabs { display:flex; align-self:stretch; align-items:stretch; gap:.2rem; min-width:0; }
.xn-signin-account-tabs .xn-signin-account-tab {
    position:relative; display:inline-flex; align-items:center; align-self:stretch;
    padding:.4rem .85rem .95rem; color:#706f69; background:transparent;
    border:0 !important; border-radius:0; font-size:.98rem; font-weight:500;
    line-height:1.4; letter-spacing:0; white-space:nowrap; text-decoration:none !important;
    outline:none !important; box-shadow:none !important;
}
.xn-signin-account-tabs .xn-signin-account-tab:hover,
.xn-signin-account-tabs .xn-signin-account-tab.is-active { color:#292927; }
.xn-signin-account-tabs .xn-signin-account-tab.is-active::after {
    content:''; position:absolute; right:.8rem; bottom:-1px; left:.8rem;
    height:2px; background:#c15f3c;
}
.xn-signin-account-tabs .xn-signin-account-tab:focus,
.xn-signin-account-tabs .xn-signin-account-tab:active {
    border:0 !important; outline:none !important; box-shadow:none !important; background:transparent;
}
.xn-signin-deletion-warning {
    margin:0 0 20px; padding:15px 16px; color:#706f69; background:#f7f6f2;
    border:1px solid #e7e3da; border-radius:7px; line-height:1.8;
}
.xn-signin-deletion-form { display:block; width:100%; margin:0; }
.xn-signin-deletion-editor { padding:18px; border:1px solid #e7e3da; border-radius:7px; background:#fff; }
.xn-signin-deletion-editor label { display:block; margin:0 0 9px; color:#292927; font-size:.9rem; font-weight:600; }
.xn-signin-deletion-code-row { display:flex; align-items:stretch; gap:10px; width:100%; }
.xn-signin-deletion-code-row input {
    flex:1 1 0; width:0; min-width:0; min-height:44px; padding:11px 13px;
    color:#292927; background:#fff; border:1px solid #d6d0c5; border-radius:7px; font-size:.95rem;
}
.xn-signin-deletion-code-row input:focus { outline:none; border-color:#c15f3c; box-shadow:0 0 0 3px rgba(193,95,60,.12); }
.xn-signin-deletion-hint { margin:9px 0 0; color:#88857e; font-size:.85rem; line-height:1.6; }
.xn-signin-deletion-send, .xn-signin-deletion-submit, .xn-signin-deletion-revoke,
.xn-signin-deletion-modal-cancel, .xn-signin-deletion-modal-confirm {
    min-height:44px; padding:11px 18px; border:0; border-radius:7px;
    font-size:.95rem; font-weight:600; line-height:1.5; cursor:pointer;
}
.xn-signin-deletion-send { flex:0 0 auto; color:#8d4538; background:#f5e4dd; white-space:nowrap; }
.xn-signin-deletion-submit { display:block; width:100%; margin-top:20px; color:#fff; background:#b33b32; }
.xn-signin-deletion-submit:hover { background:#9f3029; }
.xn-signin-deletion-pending p, .xn-signin-deletion-processing p { margin:0; color:#706f69; line-height:1.8; }
.xn-signin-deletion-revoke { margin-top:18px; color:#476354; background:#dfebe3; }
.xn-signin-deletion-revoke:hover { background:#cadfd2; }
.xn-signin-deletion-feedback { margin-bottom:18px; padding:12px 15px; color:#8d4538; background:#fbe9e4; border-radius:7px; line-height:1.7; }
.xn-signin-deletion-feedback[hidden], .xn-signin-deletion-modal[hidden] { display:none !important; }
.xn-signin-deletion-form button:disabled, .xn-signin-deletion-modal button:disabled { opacity:.65; cursor:wait; }
.xn-signin-deletion-modal { position:fixed; z-index:1060; inset:0; display:flex; align-items:center; justify-content:center; padding:20px; }
.xn-signin-deletion-modal-backdrop { position:absolute; inset:0; background:rgba(41,29,25,.42); }
.xn-signin-deletion-modal-dialog { position:relative; width:100%; max-width:380px; padding:24px; border:1px solid #ead7d0; border-radius:10px; background:#fff; box-shadow:0 14px 40px rgba(42,28,23,.2); outline:none; }
.xn-signin-deletion-modal-dialog h3 { margin:0; color:#342d2a; font-size:1.05rem; font-weight:600; }
.xn-signin-deletion-modal-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:22px; }
.xn-signin-deletion-modal-cancel { color:#655b57; background:#f0eeec; }
.xn-signin-deletion-modal-confirm { color:#fff; background:#63816f; }
.xn-signin-account-card button,
.xn-signin-deletion-modal button,
.xn-signin-account-card button:focus,
.xn-signin-deletion-modal button:focus,
.xn-signin-account-card button:active,
.xn-signin-deletion-modal button:active,
.xn-signin-account-card button:focus-visible,
.xn-signin-deletion-modal button:focus-visible {
    border:0 !important; outline:none !important; box-shadow:none !important;
}
.xn-signin-deletion-restricted { padding:15px 16px; color:#706f69; background:#f7f6f2; border:1px solid #e7e3da; border-radius:7px; }
.xn-signin-deletion-restricted p { margin:0; line-height:1.8; }
.xn-signin-deletion-send:disabled { cursor:default; }
@media(max-width:480px) {
    .xn-signin-account-card { border-right:0; border-left:0; border-radius:0; }
    .xn-signin-account-card__header { padding:.85rem .85rem 0; }
    .password-card .password-card__header { padding:.85rem .85rem 0 !important; }
    .xn-signin-account-card__content { padding:1rem; }
    .xn-signin-account-tabs .xn-signin-account-tab { padding:.4rem .35rem .85rem; font-size:.92rem; }
    .xn-signin-account-tab__detail { display:none; }
    .xn-signin-deletion-editor { padding:14px; }
    .xn-signin-deletion-code-row { flex-wrap:wrap; }
    .xn-signin-deletion-code-row input { flex-basis:100%; width:100%; }
    .xn-signin-deletion-send { width:100%; }
}