/* MailTemp account area — Google Account-inspired shell */
:root {
    --background: #ffffff;
    --foreground: #18181b;
    --ring: #71717a;
    --border: #e4e4e7;
    --muted: #71717a;
    --acct-blue: #18181b;
    --acct-blue-soft: #f1f1f3;
    --acct-surface: #ffffff;
    --acct-canvas: #ffffff;
    --acct-text: var(--foreground);
    --acct-muted: var(--muted);
    --acct-line: var(--border);
}

body.mailtemp-account {
    background-color: var(--acct-canvas);
    background-image: radial-gradient(color-mix(in oklab, var(--foreground) 7%, transparent) 1px, transparent 1px);
    background-size: 16px 16px;
    color: var(--acct-text);
    font-family: "Public Sans", -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Always reserve the vertical scrollbar's width, even on pages short enough
   not to need one — otherwise the centered shell shifts a few px sideways
   every time the page's content height crosses the scroll threshold. */
html:has(body.mailtemp-account) {
    overflow-y: scroll;
}

/* ---- Top bar ---- */
.acct-topbar {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 68px;
    padding: 0 clamp(16px, 2vw, 32px);
    background: var(--mt-surface);
    border-bottom: 1px solid var(--mt-line);
    box-shadow: 0 1px 8px rgba(32, 33, 36, .06);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    position: sticky;
    top: 0;
    z-index: 1030;
}

.acct-topbar-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    flex: 0 0 auto;
    padding: 5px 7px 5px 5px;
    border-radius: 12px;
}
.acct-topbar-brand:hover { background: var(--mt-surface-soft); }

.acct-topbar-brand-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
}

.acct-topbar-brand-icon img { display: block; width: 38px; height: 38px; }
.acct-topbar-dotmark { filter: drop-shadow(0 1px 0 rgba(255,255,255,.08)); }

.acct-topbar-brand-text {
    font-family: "Doto", "Public Sans", sans-serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .025em;
    color: var(--acct-text);
    white-space: nowrap;
}
.acct-topbar-brand-domain { display:inline-flex;align-items:center;min-height:18px;margin-left:7px;padding:2px 6px;transform:translateY(-3px);border-radius:6px;background:var(--foreground);color:#fff;font-family:"Public Sans",sans-serif;font-size:9px;font-weight:800;line-height:1;letter-spacing:.02em;box-shadow:0 2px 5px rgba(24,24,27,.13) }

.acct-topbar-spacer { flex: 1 1 auto; }
.acct-topbar-balance,.acct-topbar-plan{display:flex;align-items:center;gap:7px;min-height:36px;margin-right:7px;padding:5px 11px;border:1px solid var(--acct-line);border-radius:18px;background:var(--mt-surface);color:var(--acct-text);text-decoration:none;transition:.15s}.acct-topbar-balance:hover,.acct-topbar-plan:hover{border-color:var(--mt-line);background:var(--mt-surface);color:var(--acct-text)}.acct-topbar-balance span,.acct-topbar-plan span{color:var(--acct-muted);font-size:10px;text-transform:uppercase}.acct-topbar-balance strong,.acct-topbar-plan strong{font-size:13px;font-variant-numeric:tabular-nums}.acct-topbar-plan{background:var(--mt-surface)}.acct-topbar-plan strong{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-topbar-account-status{display:flex;align-items:center;min-height:38px;margin-right:7px;padding:2px;border:1px solid var(--acct-line);border-radius:21px;background:var(--mt-surface)}.acct-topbar-account-status .acct-topbar-balance,.acct-topbar-account-status .acct-topbar-plan{min-height:32px;margin:0;border:0}.acct-topbar-account-status .acct-topbar-balance{padding:4px 10px 4px 12px}.acct-topbar-account-status .acct-topbar-plan{gap:3px;padding:4px 8px 4px 10px;border-left:1px solid var(--acct-line);border-radius:0 17px 17px 0;background:var(--mt-surface-soft);color:var(--mt-muted)}.acct-topbar-account-status .acct-topbar-plan:hover{background:var(--mt-action);color:#fff}.acct-topbar-account-status .acct-topbar-plan strong{font-size:11px;font-weight:650}.acct-topbar-account-status .acct-topbar-plan svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.acct-topbar-tools { display: flex; align-items: center; gap: 4px; }
.acct-topbar-icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; color: var(--mt-text); background: transparent; }
.acct-topbar-icon:hover { background: var(--mt-surface-soft); }
.acct-topbar-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.acct-topbar-lang-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 13px;
    border-radius: 999px;
    border: 1px solid var(--acct-line);
    background: var(--mt-surface);
    color: var(--acct-text);
    font-size: 13px;
    font-weight: 600;
}

.acct-topbar-lang-btn:hover {
    background: var(--mt-surface-soft);
}

.acct-topbar-lang-btn img,
.acct-lang-menu img {
    width: 18px;
    height: 13px;
    object-fit: cover;
    border-radius: 2px;
    flex: 0 0 auto;
}

.acct-lang-menu {
    max-height: 320px;
    overflow-y: auto;
}

.acct-lang-menu .drop-down-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.acct-topbar-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--acct-blue);
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    flex: 0 0 auto;
    cursor: pointer;
    padding: 3px;
    border: 1px solid var(--mt-line);
    outline: 1px solid #d6dbe3;
    overflow: hidden;
}
.acct-topbar-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--mt-surface);
    object-fit: contain;
}
.acct-topbar-avatar:has(img),
.acct-account-avatar:has(img),
.acct-dashboard-avatar:has(img),
.acct-profile-avatar:has(img) {
    background: var(--mt-surface);
}

/* ---- Shell ---- */
.acct-shell {
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 24px;
    gap: 24px;
    box-sizing: border-box;
}
.acct-shell--standalone { grid-template-columns: minmax(0, 1fr); }
.acct-shell--standalone .acct-content { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

/* ---- Sidebar ---- */
.acct-sidebar {
    flex: 0 0 280px;
    position: sticky;
    top: 88px;
}

.acct-sidebar-link {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px 16px;
    border-radius: 0 20px 20px 0;
    color: var(--acct-text);
    text-decoration: none;
    margin-bottom: 2px;
    font-size: 14px;
}

.acct-sidebar-link:hover {
    background: var(--mt-surface-soft);
    color: var(--acct-text);
}

.acct-sidebar-link.active {
    background: var(--acct-blue-soft);
    color:var(--mt-link);
    font-weight: 600;
}
.acct-sidebar-plan { margin: 20px 8px 0; padding: 15px; border: 1px solid var(--acct-line); border-radius: 16px; background: var(--mt-surface); box-shadow: 0 3px 14px rgba(24,24,27,.045); }
.acct-sidebar-plan-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--acct-muted); font-size: 9px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.acct-sidebar-plan-label i { color:var(--mt-success-text); font-size: 12px; }
.acct-sidebar-plan > strong { display: block; margin-top: 8px; overflow: hidden; color: var(--foreground); font-size: 15px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.acct-sidebar-plan > small { display: block; margin-top: 2px; color: var(--acct-muted); font-size: 10px; text-transform: capitalize; }
.acct-sidebar-plan > a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 38px; margin-top: 13px; padding: 0 12px; border-radius: 10px; background: var(--mt-action); color: #fff; font-size: 11px; font-weight: 700; text-decoration: none; }
.acct-sidebar-plan > a:hover { background: var(--mt-action); color: #fff; }

.acct-sidebar-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

.acct-sidebar-link-icon svg { width: 20px; height: 20px; }
.acct-sidebar-link:nth-child(1) .acct-sidebar-link-icon { color:var(--mt-info-text); }
.acct-sidebar-link:nth-child(2) .acct-sidebar-link-icon { color: #7b3fb2; }
.acct-sidebar-link:nth-child(3) .acct-sidebar-link-icon { color:var(--mt-success-text); }
.acct-sidebar-link:nth-child(4) .acct-sidebar-link-icon { color: #d56e0c; }
.acct-sidebar-link:nth-child(5) .acct-sidebar-link-icon { color: #b80672; }
.acct-sidebar-link:nth-child(6) .acct-sidebar-link-icon { color: #1684c4; }
.acct-sidebar-link:nth-child(7) .acct-sidebar-link-icon { color: #9c4a00; }
.acct-sidebar-link.active .acct-sidebar-link-icon { color:var(--mt-link); }

/* ---- Account menu (topbar avatar dropdown) ---- */
.acct-topbar .drop-down {
    position: relative;
    flex: 0 0 auto;
}

.acct-topbar .drop-down > .drop-down-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    left: auto;
    z-index: 1060;
    display: block;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.acct-topbar .drop-down.active > .drop-down-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.acct-topbar .drop-down-menu {
    background: var(--acct-surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border: 1px solid var(--acct-line);
    box-shadow: 0 4px 24px rgba(32, 33, 36, .12);
    border-radius: 12px;
    -webkit-transform: none;
    transform: none;
    transition: opacity .16s ease, visibility .16s ease;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.acct-user-menu .acct-account-card {
    width: min(390px, calc(100vw - 24px));
    min-width: 0;
    padding: 20px 16px 14px;
    border-radius: 24px;
    background: var(--mt-surface-soft);
    text-align: center;
    box-shadow: 0 8px 30px rgba(32, 33, 36, .2);
}
.acct-account-email { margin: 0 0 16px; color: var(--acct-text); font-size: 14px; overflow-wrap: anywhere; }
.acct-account-avatar { display: flex; align-items: center; justify-content: center; width: 88px; height: 88px; margin: 0 auto; overflow: hidden; border: 3px solid var(--mt-line); outline: 2px solid #1a73e8; border-radius: 50%; background: var(--acct-blue); color: #fff; font-size: 34px; font-weight: 600; text-decoration: none; }
.acct-account-avatar img { width: 100%; height: 100%; object-fit: cover; }
.acct-account-avatar:hover { color: #fff; }
.acct-account-card h2 { margin: 18px 0 10px; color: var(--acct-text); font-size: 23px; font-weight: 400; }
.acct-account-manage { display: inline-flex; min-height: 40px; align-items: center; padding: 0 18px; border: 1px solid var(--mt-line); border-radius: 999px; color:var(--mt-link); font-size: 14px; font-weight: 600; text-decoration: none; }
.acct-account-manage:hover { background: var(--acct-blue-soft); color:var(--mt-link); }
.acct-account-status { display: flex; align-items: center; gap: 12px; margin-top: 18px; padding: 14px 18px; border-radius: 22px; background: var(--mt-surface); color: var(--mt-text); font-size: 14px; text-align: left; }
.acct-account-status i { color:var(--mt-info-text); font-size: 18px; }
.acct-account-actions { display: grid; grid-template-columns: 1fr 1fr; margin-top: 10px; overflow: hidden; border-radius: 22px; background: var(--mt-surface); }
.acct-account-actions a, .acct-account-actions button { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; width: 100%; padding: 10px; border: 0; background: transparent; color: var(--acct-text); text-decoration: none; font-family: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.acct-account-actions form { margin: 0; border-left: 1px solid var(--acct-line); }
.acct-account-actions a:hover, .acct-account-actions button:hover { background: var(--acct-blue-soft); color:var(--mt-link); }
.acct-account-legal { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 14px; color: var(--acct-muted); font-size: 12px; }
.acct-account-legal a { color: inherit; text-decoration: none; }
.acct-account-legal a:hover { text-decoration: underline; }
.acct-user-menu .acct-account-card { width:min(390px,calc(100vw - 16px)); padding:0; overflow:hidden; border:1px solid var(--mt-line); border-radius:20px; background:var(--mt-surface); box-shadow:0 18px 50px rgba(24,24,27,.16); text-align:left; }
.acct-profile-identity { display:grid; grid-template-columns:70px minmax(0,1fr) 40px; align-items:center; gap:15px; padding:22px 20px; }
.acct-profile-identity .acct-account-avatar { width:70px; height:70px; margin:0; border:2px solid var(--mt-line); outline:1px solid #cdd3dc; font-size:27px; }
.acct-profile-copy { min-width:0; }
.acct-profile-copy > span { display:block; margin-bottom:4px; color:var(--mt-muted); font-size:9px; font-weight:800; letter-spacing:.09em; }
.acct-profile-copy h2 { overflow:hidden; margin:0; color:var(--mt-text); font-family:"Doto","Public Sans",sans-serif; font-size:20px; font-weight:700; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.acct-profile-copy p { overflow:hidden; margin:4px 0 0; color:var(--mt-muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.acct-profile-settings { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid var(--mt-line); border-radius:12px; color:var(--mt-muted); text-decoration:none; }
.acct-profile-settings:hover { background:var(--mt-action); color:#fff; }
.acct-account-card .acct-account-status { margin:0 16px 10px; padding:11px 13px; border:1px solid var(--mt-line); border-radius:12px; background:var(--mt-surface); font-size:12px; }
.acct-account-card .acct-account-status i { color:var(--mt-success-text); font-size:15px; }
.acct-account-card .acct-account-actions { display:grid; grid-template-columns:1fr; margin:0 16px; border:1px solid var(--mt-line); border-radius:14px; background:var(--mt-surface); }
.acct-account-card .acct-account-actions a, .acct-account-card .acct-account-actions button { justify-content:flex-start; min-height:58px; padding:10px 14px; font-size:13px; }
.acct-account-card .acct-account-actions form { border-top:1px solid var(--mt-line); border-left:0; }
.acct-account-card .acct-account-actions a > span, .acct-account-card .acct-account-actions button > span { display:flex; flex-direction:column; }
.acct-account-card .acct-account-actions strong { font-size:13px; }
.acct-account-card .acct-account-actions small { margin-top:2px; color:var(--mt-muted); font-size:10px; font-weight:400; }
.acct-account-card .acct-account-actions button:hover { background:var(--mt-surface); color:var(--mt-danger-text); }
.acct-account-card .acct-account-legal { margin-top:0; padding:17px 14px; font-size:11px; }

.acct-menu-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--acct-blue);
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
}

.acct-menu-name {
    color: var(--acct-text);
    font-size: 14px;
}

.acct-menu-email {
    color: var(--acct-muted);
    font-size: 12px;
}

.acct-topbar .drop-down-item {
    color: var(--acct-text);
}
.acct-topbar button.drop-down-item { width: 100%; border: 0; background: transparent; font-family: inherit; text-align: left; cursor: pointer; }

.acct-topbar .drop-down-item:hover,
.acct-topbar .drop-down-item.active {
    background-color: var(--acct-blue-soft);
    color:var(--mt-link) !important;
}

.acct-topbar .drop-down-item.text-danger:hover {
    background-color: var(--mt-surface-soft);
    color:var(--mt-danger-text) !important;
}

/* ---- Content ---- */
.acct-content {
    flex: 1 1 auto;
    min-width: 0;
}

.acct-content .box {
    background: var(--acct-surface);
    border: 1px solid var(--acct-line);
    border-radius: 16px;
}

.domain-marketplace-workspace .box {
    padding: 25px;
    background: var(--acct-surface);
    border: 1px solid var(--acct-line);
    border-radius: 16px;
}

.acct-content .box-custom { border-radius: 16px; }

.acct-content h3 { font-size: 22px; font-weight: 500; }

/* ---- Dashboard profile overview ---- */
.acct-dashboard { max-width: 1050px; margin: 0 auto; padding: 8px 0 20px; }
.acct-dashboard-hero { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 22px; padding: 28px 30px; border: 1px solid var(--acct-line); border-radius: 20px; background: linear-gradient(135deg, var(--mt-surface) 0%, var(--mt-surface) 100%); }
.acct-dashboard-identity { display: flex; align-items: center; gap: 20px; min-width: 0; }
.acct-dashboard-avatar { display: flex; align-items: center; justify-content: center; width: 88px; height: 88px; flex: 0 0 auto; overflow: hidden; border: 4px solid var(--mt-line); outline: 2px solid #1a73e8; border-radius: 50%; background: #1a73e8; box-shadow: 0 2px 10px rgba(60,64,67,.18); color: #fff; font-size: 34px; font-weight: 500; }
.acct-dashboard-avatar img { width: 100%; height: 100%; object-fit: cover; }
.acct-dashboard-kicker { color:var(--mt-link); font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.acct-dashboard-hero h1 { margin: 3px 0 4px; color: var(--mt-text); font-size: 27px; font-weight: 400; letter-spacing: -.5px; }
.acct-dashboard-identity p { margin: 0 0 8px; color: var(--mt-muted); font-size: 14px; }
.acct-dashboard-active { display: inline-flex; align-items: center; gap: 6px; color:var(--mt-success-text); font-size: 12px; font-weight: 600; }
.acct-dashboard-hero-actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.acct-dashboard-hero-actions .btn, .acct-dashboard-manage { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 17px; border-radius: 999px; font-size: 13px; font-weight: 600; text-decoration: none; }
.acct-dashboard-manage { border: 1px solid var(--mt-line); color:var(--mt-link); }
.acct-dashboard-manage:hover { background: var(--acct-blue-soft); color:var(--mt-link); }
.acct-dashboard-stats { margin-bottom: 20px; }
.acct-dashboard-stats .acct-stat-card { min-height: 142px; padding: 22px 20px 20px 24px; box-sizing: border-box; }
.acct-dashboard-stats .acct-stat-card > .counter { display: grid; width: 100%; min-height: 98px; grid-template-columns: minmax(0, 1fr) 52px; align-items: center; gap: 16px; }
.acct-dashboard-stats .counter-info { min-width: 0; }
.acct-dashboard-stats .counter-amount { margin: 0 0 8px; color: var(--mt-text); font-size: 31px; font-weight: 500; line-height: 1; }
.acct-dashboard-stats .counter-title { margin: 0; color:var(--mt-muted); font-size: 13px; font-weight: 600; line-height: 1.3; text-transform: none; }
.acct-dashboard-stats .counter-icon { display: grid; width: 52px; height: 52px; margin: 0; padding: 0; place-items: center; border-radius: 12px; font-size: 18px; line-height: 1; }
.acct-dashboard-stats .counter-icon i { display: block; width: auto; height: auto; margin: 0; padding: 0; line-height: 1; }
.acct-stat-card { display: block; position: relative; overflow: hidden; color: inherit; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.acct-stat-card:hover { color: inherit; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(32,33,36,.1); }
.acct-stat-card::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--stat-color); }
.acct-stat-blue { --stat-color: #1a73e8; }
.acct-stat-violet { --stat-color: #7b3fb2; }
.acct-stat-pink { --stat-color: #b80672; }
.acct-stat-green { --stat-color: #0b8043; }
.acct-stat-card .counter-icon { background: color-mix(in srgb, var(--stat-color) 12%, white); color: var(--stat-color); }
.acct-dashboard-chart-section .box { padding: 24px; }
.acct-dashboard-chart-section .box-header h5 { font-size: 18px; font-weight: 500; }
.acct-dashboard-chart-section .box-header p { color: var(--acct-muted); font-size: 13px; }
.acct-chart-period { padding: 6px 10px; border-radius: 999px; background: var(--acct-blue-soft); color:var(--mt-link); font-size: 12px; font-weight: 600; white-space: nowrap; }
.acct-dashboard-chart-section .dashboard-chart { min-height: 0; height: 270px; }
.acct-dashboard-chart-section .dashboard-chart canvas { max-height: 270px; }

/* ---- Counter widgets (Dashboard, Wallet, Billing cards) ---- */
.acct-content .counter-icon {
    background-color: var(--acct-blue-soft);
    color:var(--mt-link);
}

/* ---- Form fields (Settings, etc.) ---- */
.acct-content .form-control:focus {
    border-color: var(--acct-blue);
}

/* ---- Tables (Domains, Wallet History, My Addresses, etc.) ---- */
/* The site's global .table/.badge/.btn/.pagination rules key off the
   admin-configurable --primary_color brand variable. Overridden here so
   this area always uses the Google Account blue regardless of that
   setting. !important matches the specificity fight in style.css, which
   sets its own !important on .table th. */
.acct-content .table th {
    background: transparent !important;
    color: var(--acct-muted) !important;
    font-weight: 600 !important;
    border-bottom: 1px solid var(--acct-line) !important;
}

.acct-content .table td,
.acct-content .table th,
.acct-content td:first-child,
.acct-content td:last-child {
    border-color: var(--acct-line) !important;
}

.acct-content .table-hover > tbody > tr:hover > * {
    --bs-table-bg-state: var(--acct-blue-soft);
}

/* ---- Buttons ---- */
.acct-content .btn-primary {
    background-color: var(--acct-blue) !important;
    border-color: var(--acct-blue) !important;
}

.acct-content .btn-primary:hover,
.acct-content .btn-primary:focus,
.acct-content .btn-primary:active {
    background-color: var(--mt-action) !important;
    border-color: var(--mt-line) !important;
}

.acct-content .btn-danger {
    background-color: #d93025 !important;
    border-color: #d93025 !important;
}

.acct-content .btn-danger:hover,
.acct-content .btn-danger:focus,
.acct-content .btn-danger:active {
    background-color: #b3261e !important;
    border-color: #b3261e !important;
}

.mailtemp-account :is(button, .btn, a, input, select, textarea, [role="button"]):focus-visible {
    outline: 2px solid color-mix(in oklab, var(--ring) 50%, transparent) !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

.acct-content :is(.btn-outline-primary, .btn-outline-secondary) {
    border-color: var(--border) !important;
    background: var(--mt-surface) !important;
    color: var(--foreground) !important;
}

.acct-content :is(.btn-outline-primary, .btn-outline-secondary):hover {
    border-color: var(--mt-line) !important;
    background: var(--mt-surface-soft) !important;
    color: var(--foreground) !important;
}

/* ---- Badges (status pills) ---- */
.acct-content .badge {
    border-radius: 999px;
    font-weight: 600;
    padding: 6px 12px;
}

/* ---- Pagination ---- */
.acct-content .page-item .page-link {
    color:var(--mt-link) !important;
}

.acct-content .page-item .page-link:hover {
    background: var(--acct-blue) !important;
    color: #fff !important;
}

.acct-content .page-item.active .page-link {
    background-color: var(--acct-blue) !important;
    border-color: var(--acct-blue) !important;
}

.acct-content .page-item[disabled] .page-link {
    color:var(--mt-link) !important;
}

/* ---- Wallet top-up amount / gateway chips ---- */
.acct-amount-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--acct-line);
    border-radius: 999px;
    cursor: pointer;
    font-size: 14px;
    color: var(--acct-text);
}

.btn-check:checked + .acct-amount-chip {
    background: var(--acct-blue-soft);
    border-color: var(--acct-blue);
    color:var(--mt-link);
    font-weight: 600;
}

/* ---- Wallet ---- */
.acct-wallet-header { max-width: 1050px; margin: 8px auto 26px; }
.acct-wallet-header h1 { margin: 3px 0 7px; color: var(--mt-text); font-size: 32px; font-weight: 400; letter-spacing: -.5px; }
.acct-wallet-header > p:last-child { margin: 0; color: var(--mt-muted); font-size: 15px; }
.acct-wallet-eyebrow { margin: 0; color:var(--mt-info-text); font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.acct-wallet-grid, .acct-wallet-history { max-width: 1050px; margin-left: auto; margin-right: auto; }
.acct-wallet-balance { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 286px; padding: 32px !important; overflow: hidden; border: 0 !important; background: linear-gradient(135deg, #0b57d0 0%, #1a73e8 100%) !important; color: #fff; box-shadow: 0 8px 20px rgba(11,87,208,.2); }
.acct-wallet-balance .counter { display: block; }
.acct-wallet-balance .counter-info { display: block; }
.acct-wallet-balance .counter-title { order: -1; margin: 0 0 9px; color: rgba(255,255,255,.8); font-size: 14px; font-weight: 500; text-transform: none; }
.acct-wallet-balance .counter-amount { margin: 0; color: #fff; font-size: 42px; font-weight: 400; letter-spacing: -.8px; }
.acct-wallet-balance-help { max-width: 280px; margin: 12px 0 0; color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.5; }
.acct-wallet-buckets { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 22px; }
.acct-wallet-buckets > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: 11px 13px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; background: rgba(255,255,255,.1); }
.acct-wallet-buckets span { color: rgba(255,255,255,.72); font-size: 11px; }
.acct-wallet-buckets strong { color: #fff; font-size: 16px; font-weight: 600; }
.acct-wallet-buckets small { color: rgba(255,255,255,.65); font-size: 10px; }
.acct-wallet-balance .counter-icon { position: absolute; top: 26px; right: 28px; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 16px; background: rgba(255,255,255,.16); color: #fff; }
.acct-wallet-topup { padding: 30px !important; }
.acct-wallet-section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.acct-wallet-section-heading h2 { margin: 0 0 5px; color: var(--mt-text); font-size: 20px; font-weight: 500; }
.acct-wallet-section-heading p { margin: 0; color: var(--mt-muted); font-size: 14px; }
.acct-wallet-lock { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 12px; background: var(--mt-surface-soft); color:var(--mt-info-text); }
.acct-wallet-label { display: block; margin-bottom: 10px; color: var(--mt-text); font-size: 13px; font-weight: 600; }
.acct-wallet-topup .acct-amount-chip { min-width: 68px; justify-content: center; min-height: 40px; border-radius: 10px; background: var(--mt-surface); }
.acct-wallet-topup .acct-amount-chip:hover { border-color: #0b57d0; background: var(--mt-surface); }
.acct-wallet-topup .btn-check:checked + .acct-amount-chip { background: var(--mt-surface-soft); border-color: #0b57d0; box-shadow: inset 0 0 0 1px #0b57d0; }
.acct-gateway-chip img { width: auto; max-width: 56px; height: 18px; object-fit: contain; }
.acct-wallet-submit { min-height: 44px; padding: 0 20px; border-radius: 999px; font-weight: 600; }
.acct-wallet-history { margin-top: 28px; padding: 30px !important; }
.acct-wallet-history .acct-wallet-section-heading { margin-bottom: 14px; }
.acct-wallet-history .table { margin-bottom: 0; }
.acct-wallet-history .table td, .acct-wallet-history .table th { padding-top: 15px; padding-bottom: 15px; }

/* ---- Domains ---- */
.acct-domains { max-width: 1050px; margin: 8px auto 0; }
.acct-domains-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.acct-domains-header h1 { margin: 3px 0 7px; color: var(--acct-text); font-size: 32px; font-weight: 400; letter-spacing: -.5px; }
.acct-domains-header p:last-child { margin: 0; color: var(--acct-muted); font-size: 15px; }
.acct-domains-add { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 0 20px; border-radius: 999px; white-space: nowrap; font-weight: 600; }
.acct-domains-summary { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; padding: 20px 24px; border: 1px solid var(--acct-line); border-radius: 16px; background: var(--acct-surface); }
.acct-domains-summary-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: var(--acct-blue-soft); color:var(--mt-link); font-size: 20px; }
.acct-domains-summary div { display: flex; flex-direction: column; }
.acct-domains-summary strong { color: var(--acct-text); font-size: 22px; font-weight: 500; line-height: 1.1; }
.acct-domains-summary div span { margin-top: 4px; color: var(--acct-muted); font-size: 13px; }
.acct-domains-summary .acct-domains-limit { margin-left: auto; align-items: flex-end; }
.acct-domains-list { padding: 28px !important; }
.acct-managed-domain-banner{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:16px 18px;border:1px solid var(--acct-line);border-radius:16px;background:var(--mt-surface);color:var(--acct-text);text-decoration:none;transition:.18s ease}
.acct-managed-domain-banner.is-coming-soon{cursor:not-allowed;background:var(--mt-surface);color:var(--mt-muted)}.acct-coming-soon-pill{flex:0 0 auto;padding:5px 9px;border:1px solid var(--mt-line);border-radius:999px;background:var(--mt-surface);color:var(--mt-text);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.acct-domain-coming-soon{display:flex;min-height:390px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:48px 24px;background:radial-gradient(circle at center,rgba(37,99,235,.06),transparent 42%),var(--mt-surface)}.acct-domain-coming-soon-icon{display:grid;place-items:center;width:72px;height:72px;margin:14px 0 20px;border-radius:20px;background:var(--mt-action);color:#fff;font-size:28px;box-shadow:0 12px 30px rgba(23,23,27,.16)}.acct-domain-coming-soon-badge{padding:6px 10px;border:1px solid var(--mt-line);border-radius:999px;background:var(--mt-surface);color:var(--mt-muted);font-size:10px;font-weight:800;letter-spacing:.12em}.acct-domain-coming-soon h2{margin:0 0 10px;font-size:28px}.acct-domain-coming-soon p{max-width:570px;margin:0 0 24px;color:var(--mt-muted);line-height:1.65}.acct-domain-coming-soon .btn{display:inline-flex;align-items:center;gap:9px;opacity:1}.acct-domain-coming-soon button.btn:disabled{cursor:not-allowed}
.domain-marketplace-workspace{min-height:calc(100vh - 118px);border:1px solid var(--acct-line);border-radius:18px;background:var(--mt-surface)}.domain-marketplace-workspace>.row{min-height:inherit}.domain-marketplace-workspace .app-email-sidebar{width:260px;background:var(--mt-surface)}.domain-marketplace-workspace .btn-compose{text-decoration:none}.domain-marketplace-content{min-width:0;overflow:auto;padding:30px;background-color:var(--mt-surface);background-image:radial-gradient(circle,#dfe3ea .75px,transparent .85px);background-size:16px 16px}.domain-marketplace-content .acct-managed-domains{max-width:1100px;margin:0 auto}.domain-marketplace-side-note{display:flex;flex-direction:column;gap:6px;margin:30px 22px;padding:16px;border:1px solid var(--mt-line);border-radius:14px;background:var(--mt-surface)}.domain-marketplace-side-note strong{font-size:14px}.domain-marketplace-side-note p{margin:0;color:var(--mt-muted);font-size:11px;line-height:1.5}
.acct-managed-domain-banner:hover{border-color:var(--mt-line);box-shadow:0 4px 14px rgba(60,64,67,.1);color:var(--acct-text);transform:translateY(-1px)}
.acct-managed-domain-banner-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--mt-action);color:#fff}.acct-managed-domain-banner span:nth-child(2){display:flex;flex:1;flex-direction:column}.acct-managed-domain-banner small{margin-top:2px;color:var(--acct-muted)}
.acct-domain-search-card{padding:28px!important}.acct-domain-search-copy{display:flex;align-items:center;gap:14px}.acct-domain-search-copy>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--mt-action);color:#fff}.acct-domain-search-copy h2{margin:0 0 4px;font-size:20px}.acct-domain-search-copy p{margin:0;color:var(--acct-muted)}
.acct-domain-search-form{margin-top:22px}.acct-domain-search-input{display:flex;align-items:center;gap:12px;padding-left:16px;border:1px solid var(--acct-line);border-radius:14px;background:var(--mt-surface);overflow:hidden}.acct-domain-search-input input{flex:1;min-width:0;height:52px;border:0;outline:0;font-size:16px}.acct-domain-search-input button{align-self:stretch;padding:0 22px;border:0;background:var(--mt-action);color:#fff;font-weight:600}.acct-domain-search-form textarea{width:100%;margin-top:12px;padding:12px 14px;border:1px solid var(--acct-line);border-radius:12px;outline:0;resize:vertical}
.acct-domain-search-feedback{padding-top:12px;color:var(--acct-muted);font-size:13px}.acct-domain-search-feedback:empty{display:none}.acct-domain-search-results{display:grid;gap:8px;margin-top:12px}.acct-domain-result{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;width:100%;padding:13px 14px;border:1px solid var(--acct-line);border-radius:13px;background:var(--mt-surface);color:var(--acct-text);text-align:left;transition:.16s ease}.acct-domain-result:hover{border-color:var(--mt-line);background:var(--mt-surface)}.acct-domain-result.is-selected{border-color:var(--mt-line);box-shadow:0 0 0 1px #202124}.acct-domain-result-name{display:flex;align-items:center;gap:10px;min-width:0}.acct-domain-result-name strong{overflow:hidden;text-overflow:ellipsis}.acct-domain-result-name small{padding:3px 7px;border-radius:999px;background:var(--mt-surface-soft);color:var(--acct-muted);font-size:10px;text-transform:uppercase}.acct-domain-result-price{display:flex;flex-direction:column;align-items:flex-end}.acct-domain-result-price small{color:var(--acct-muted);font-size:10px}.acct-domain-result-action{min-width:72px;padding:7px 10px;border-radius:9px;background:var(--mt-surface-soft);text-align:center;font-size:12px;font-weight:600}.acct-domain-result.is-selected .acct-domain-result-action{background:var(--mt-action);color:#fff}.acct-domain-search-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.acct-domain-search-submit[hidden]{display:none}.acct-domain-search-submit span{color:var(--acct-muted);font-size:12px}.acct-domain-search-submit button{padding:11px 16px;border:0;border-radius:10px;background:var(--mt-action);color:#fff;font-weight:600}
.acct-domain-process{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.acct-domain-process div{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;background:var(--acct-surface-subtle,#f6f8fc);font-size:12px}.acct-domain-order-status{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--mt-surface-soft);font-size:12px;font-weight:600}.acct-domain-order-status--active{background:var(--mt-surface-soft);color:var(--mt-success-text)}.acct-domain-order-status--rejected,.acct-domain-order-status--cancelled{background:var(--mt-surface-soft);color:#c5221f}.acct-domain-order-status--quoted,.acct-domain-order-status--awaiting_payment{background:var(--mt-surface-soft);color:var(--mt-info-text)}
.acct-domain-pay{display:flex;gap:6px;margin-top:8px}.acct-domain-pay select,.acct-domain-pay button{min-height:34px;border:1px solid var(--acct-line);border-radius:8px;background:var(--mt-surface);font-size:12px}.acct-domain-pay button{padding:0 12px;border-color:var(--mt-line);background:var(--mt-action);color:#fff;font-weight:600}.acct-domain-pay button:disabled{opacity:.45}.acct-domain-order-detail{display:block;margin-top:6px;color:var(--acct-muted);font-size:11px}
.acct-domain-order-link{display:inline-flex;align-items:center;gap:9px;color:var(--acct-text);text-decoration:none}.acct-domain-order-link i{font-size:11px;opacity:0;transform:translateX(-4px);transition:.15s}.acct-domain-order-link:hover{color:var(--mt-info-text)}.acct-domain-order-link:hover i{opacity:1;transform:none}.acct-domain-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--acct-muted);font-size:13px;font-weight:600;text-decoration:none}.acct-domain-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.acct-domain-detail-header h1{margin:3px 0 5px;font-family:"Doto","Public Sans",sans-serif;font-size:34px}.acct-domain-detail-header p{margin:0;color:var(--acct-muted)}.acct-domain-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;padding:20px 24px!important}.acct-domain-timeline div{display:flex;align-items:center;gap:9px;color:var(--acct-muted);font-size:12px}.acct-domain-timeline span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid var(--acct-line);border-radius:50%;background:var(--mt-surface);font-size:11px}.acct-domain-timeline .is-complete{color:var(--acct-text)}.acct-domain-timeline .is-complete span{border-color:var(--mt-line);background:var(--mt-action);color:#fff}.acct-domain-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.acct-domain-detail-card{padding:22px!important}.acct-domain-card-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.acct-domain-card-title>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--mt-surface-soft)}.acct-domain-card-title h2{margin:0 0 3px;font-size:17px}.acct-domain-card-title p{margin:0;color:var(--acct-muted);font-size:12px}.acct-domain-fact{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--acct-line);font-size:13px}.acct-domain-fact span{color:var(--acct-muted)}.acct-domain-fact strong{text-align:right}.acct-dns-row{display:grid;grid-template-columns:38px 48px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--acct-line);font-size:12px}.acct-dns-row b{font-size:10px}.acct-dns-row code{color:var(--acct-muted)}.acct-dns-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-dns-row i{color:var(--mt-muted)}.acct-dns-row i.is-ok{color:var(--mt-success-text)}.acct-domain-muted{margin:0;color:var(--acct-muted);font-size:13px}.acct-domain-renew-form{display:flex;gap:8px;margin-top:15px}.acct-domain-renew-form select{flex:1;min-width:0;padding:9px;border:1px solid var(--acct-line);border-radius:9px;background:var(--mt-surface)}.acct-domain-renew-form button{padding:9px 13px;border:0;border-radius:9px;background:var(--mt-action);color:#fff;font-weight:600}
.acct-domains-list th, .acct-domains-list td { padding: 15px 12px !important; }
.acct-domain-name { display: inline-flex; align-items: center; gap: 10px; color: var(--acct-text); font-weight: 600; }
.acct-domain-name i { color:var(--mt-link); }
.acct-domain-delete { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: transparent; color:var(--mt-danger-text); }
.acct-domain-delete:hover { background: var(--mt-surface-soft); }
.acct-domains-empty { display: flex; flex-direction: column; align-items: center; padding: 46px 20px 38px; text-align: center; }
.acct-domains-empty > span { display: inline-flex; align-items: center; justify-content: center; width: 70px; height: 70px; margin-bottom: 18px; border-radius: 22px; background: var(--acct-blue-soft); color:var(--mt-link); font-size: 28px; }
.acct-domains-empty h3 { margin: 0 0 8px; font-size: 20px; font-weight: 500; }
.acct-domains-empty p { max-width: 430px; margin: 0 0 20px; color: var(--acct-muted); font-size: 14px; }
.acct-domains-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; color: var(--acct-muted); font-size: 13px; }

/* ---- Favorite messages ---- */
.acct-messages { max-width: 1050px; margin: 8px auto 0; }
.acct-messages-header { margin-bottom: 22px; }
.acct-messages-header h1 { margin: 3px 0 7px; color: var(--acct-text); font-size: 32px; font-weight: 400; letter-spacing: -.5px; }
.acct-messages-header > p:last-child { margin: 0; color: var(--acct-muted); font-size: 15px; }
.acct-messages-summary { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; padding: 20px 24px; border: 1px solid var(--acct-line); border-radius: 16px; background: var(--acct-surface); }
.acct-messages-summary-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: var(--mt-surface-soft); color: #b80672; font-size: 20px; }
.acct-messages-summary div { display: flex; flex-direction: column; }
.acct-messages-summary strong { color: var(--acct-text); font-size: 22px; font-weight: 500; line-height: 1.1; }
.acct-messages-summary div span { margin-top: 4px; color: var(--acct-muted); font-size: 13px; }
.acct-messages-summary .acct-messages-limit { margin-left: auto; align-items: flex-end; }
.acct-messages-list { padding: 28px !important; }
.acct-messages-list th, .acct-messages-list td { padding: 14px 12px !important; }
.acct-message-sender { display: flex; align-items: center; gap: 11px; min-width: 190px; color: var(--acct-text); text-decoration: none; }
.acct-message-sender > span:last-child { display: flex; min-width: 0; flex-direction: column; }
.acct-message-sender strong, .acct-message-sender small { max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.acct-message-sender strong { font-size: 14px; font-weight: 600; }
.acct-message-sender small { margin-top: 2px; color: var(--acct-muted); font-size: 12px; }
.acct-message-avatar { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 auto; border-radius: 50%; background: var(--acct-blue-soft); color:var(--mt-link); font-weight: 700; }
.acct-message-subject { display: inline-block; max-width: 230px; overflow: hidden; color: var(--acct-text); text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.acct-message-sender:hover strong, .acct-message-subject:hover { color:var(--mt-link); }
.acct-message-actions { display: inline-flex; gap: 4px; }
.acct-message-actions a, .acct-message-actions button { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--acct-muted); text-decoration: none; }
.acct-message-actions a:hover { background: var(--acct-blue-soft); color:var(--mt-link); }
.acct-message-actions button { color:var(--mt-danger-text); }
.acct-message-actions button:hover { background: var(--mt-surface-soft); }
.acct-messages-empty { display: flex; flex-direction: column; align-items: center; padding: 46px 20px 38px; text-align: center; }
.acct-messages-empty > span { display: inline-flex; align-items: center; justify-content: center; width: 70px; height: 70px; margin-bottom: 18px; border-radius: 22px; background: var(--mt-surface-soft); color: #b80672; font-size: 28px; }
.acct-messages-empty h3 { margin: 0 0 8px; font-size: 20px; font-weight: 500; }
.acct-messages-empty p { max-width: 430px; margin: 0 0 20px; color: var(--acct-muted); font-size: 14px; }
.acct-messages-inbox { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 0 20px; border-radius: 999px; font-weight: 600; }
.acct-messages-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; color: var(--acct-muted); font-size: 13px; }

/* ---- Account settings ---- */
.acct-settings { container-type:inline-size; max-width: 1050px; margin: 8px auto 0; }
.acct-settings-header { margin-bottom: 26px; }
.acct-settings-header h1 { margin: 3px 0 7px; color: var(--acct-text); font-size: 32px; font-weight: 400; letter-spacing: -.5px; }
.acct-settings-header > p:last-child { margin: 0; color: var(--acct-muted); font-size: 15px; }
.acct-settings-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); align-items: start; gap: 22px; }
@container (max-width: 720px) {
  .acct-settings-layout { grid-template-columns: minmax(0,1fr); }
  .acct-profile-card { position:static; }
}
.acct-profile-card { position: sticky; top: 88px; padding: 30px 24px !important; text-align: center; }
.acct-profile-avatar-wrap { position: relative; width: 106px; margin: 0 auto; }
.acct-profile-avatar { display: flex; align-items: center; justify-content: center; width: 106px; height: 106px; overflow: hidden; border: 4px solid var(--mt-line); outline: 1px solid var(--border); border-radius: 50%; background: var(--acct-blue); color: #fff; box-shadow: 0 3px 12px rgba(32,33,36,.12); font-size: 36px; font-weight: 600; transition: opacity .18s ease, filter .18s ease; }
.acct-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
.acct-profile-avatar.is-uploading { opacity: .55; filter: grayscale(1); }
.acct-profile-camera.is-uploading { pointer-events: none; }
.acct-profile-camera.is-uploading i { animation: acct-camera-pulse .8s ease-in-out infinite alternate; }
.acct-profile-photo-status { min-height: 18px; margin: 7px 0 0; font-size: 11px; font-weight: 600; text-align: center; }
.acct-profile-photo-status:empty { display: none; }
.acct-profile-photo-status.is-uploading { color: var(--muted); }
.acct-profile-photo-status.is-success { color:var(--mt-success-text); }
.acct-profile-photo-status.is-error { color:var(--mt-danger-text); }
@keyframes acct-camera-pulse { to { opacity: .35; transform: scale(.88); } }
.acct-profile-camera { position: absolute; right: -2px; bottom: 2px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 3px solid var(--mt-line); border-radius: 50%; background: var(--acct-blue); color: #fff; cursor: pointer; box-shadow: 0 2px 6px rgba(32,33,36,.2); }
.acct-profile-camera:hover { background: #0842a0; }
.acct-profile-card h2 { margin: 20px 0 4px; font-size: 21px; font-weight: 500; }
.acct-profile-card > p { margin: 0; color: var(--acct-muted); font-size: 13px; overflow-wrap: anywhere; }
.acct-profile-status { display: inline-flex; align-items: center; gap: 6px; margin-top: 15px; padding: 6px 11px; border-radius: 999px; background: var(--mt-surface-soft); color:var(--mt-success-text); font-size: 12px; font-weight: 600; }
.acct-profile-divider { height: 1px; margin: 24px 0 18px; background: var(--acct-line); }
.acct-profile-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--acct-muted); font-size: 12px; text-align: left; }
.acct-profile-meta strong { color: var(--acct-text); font-weight: 600; text-align: right; }
.acct-profile-card .acct-profile-photo-help { margin-top: 18px; font-size: 11px; line-height: 1.5; }
.acct-settings-panels { display: grid; gap: 22px; }

/* ---- Checkout ---- */
.acct-checkout { width: 100%; max-width: 1080px; margin: 6px auto 40px; }
.acct-checkout-header { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.acct-checkout-back { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 auto; border: 1px solid var(--acct-line); border-radius: 13px; background: var(--mt-surface); color: var(--foreground); text-decoration: none; }
.acct-checkout-back:hover { background: var(--mt-surface-soft); color: var(--foreground); }
.acct-checkout-header h1 { margin: 2px 0 4px; color: var(--foreground); font-size: 30px; font-weight: 600; letter-spacing: -.03em; }
.acct-checkout-header > div > p:last-child { margin: 0; color: var(--acct-muted); font-size: 14px; }
.acct-checkout-secure { display: inline-flex; align-items: center; gap: 7px; margin-left: auto; padding: 8px 12px; border: 1px solid var(--acct-line); border-radius: 999px; background: var(--mt-surface); color: var(--acct-muted); font-size: 12px; font-weight: 600; }
.acct-checkout-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: start; gap: 22px; }
.acct-checkout-main { display: grid; gap: 18px; }
.acct-checkout-card, .acct-checkout-summary { border: 1px solid var(--acct-line); border-radius: 20px; background: var(--mt-surface); box-shadow: 0 4px 18px rgba(24,24,27,.045); }
.acct-checkout-card { padding: 24px; }
.acct-checkout-card-head { display: flex; align-items: center; gap: 13px; }
.acct-checkout-step { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 auto; border-radius: 11px; background: var(--mt-action); color: #fff; font-family: "Doto", sans-serif; font-size: 15px; font-weight: 700; }
.acct-checkout-card-head h2 { margin: 0 0 3px; color: var(--foreground); font-size: 18px; font-weight: 650; }
.acct-checkout-card-head p { margin: 0; color: var(--acct-muted); font-size: 12px; }
.acct-checkout-edit { margin-left: auto; padding: 7px 11px; border-radius: 9px; color: var(--foreground); font-size: 12px; font-weight: 700; text-decoration: none; }
.acct-checkout-edit:hover { background: var(--mt-surface-soft); color: var(--foreground); }
.acct-checkout-identity { display: grid; grid-template-columns: .75fr 1.25fr; gap: 12px; margin-top: 20px; }
.acct-checkout-identity > div { min-width: 0; padding: 13px 14px; border: 1px solid var(--mt-line); border-radius: 12px; background: var(--mt-surface); }
.acct-checkout-identity span, .acct-checkout-identity strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.acct-checkout-identity span { margin-bottom: 4px; color: var(--acct-muted); font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.acct-checkout-identity strong { color: var(--foreground); font-size: 13px; font-weight: 600; }
.acct-checkout-gateways { display: grid; gap: 10px; margin-top: 20px; }
.acct-checkout-gateway { position: relative; display: flex; align-items: center; gap: 12px; min-height: 68px; padding: 11px 14px; border: 1px solid var(--mt-line); border-radius: 14px; background: var(--mt-surface); cursor: pointer; transition: border-color .15s ease, background .15s ease, box-shadow .15s ease; }
.acct-checkout-gateway:hover { background: var(--mt-surface); border-color: var(--mt-line); }
.acct-checkout-gateway:has(input:checked) { border-color: var(--foreground); box-shadow: 0 0 0 1px var(--foreground); }
.acct-checkout-gateway input { position: absolute; opacity: 0; pointer-events: none; }
.acct-checkout-radio { display: inline-flex; width: 18px; height: 18px; flex: 0 0 auto; border: 2px solid var(--mt-line); border-radius: 50%; }
.acct-checkout-gateway input:checked + .acct-checkout-radio { border: 5px solid var(--foreground); }
.acct-checkout-gateway input:focus-visible + .acct-checkout-radio { outline: 3px solid color-mix(in oklab, var(--ring) 45%, transparent); outline-offset: 3px; }
.acct-checkout-gateway-name { display: flex; flex-direction: column; min-width: 0; }
.acct-checkout-gateway-name strong { color: var(--foreground); font-size: 14px; font-weight: 650; }
.acct-checkout-gateway-name small { margin-top: 2px; color: var(--acct-muted); font-size: 11px; }
.acct-checkout-gateway-logo { display: inline-flex; align-items: center; justify-content: center; min-width: 82px; height: 36px; margin-left: auto; padding: 5px 9px; border: 1px solid var(--mt-line); border-radius: 9px; background: var(--mt-surface); }
.acct-checkout-gateway-logo img { display: block; max-width: 66px; max-height: 23px; }
.acct-crypto-icons { display:inline-flex; align-items:center; margin-left:auto; padding-left:8px; }
.acct-crypto-icon { display:inline-flex; align-items:center; justify-content:center; width:27px; height:27px; margin-left:-5px; border:2px solid var(--mt-line); border-radius:50%; color:#fff; font-family:Arial,sans-serif; font-size:14px; font-weight:800; box-shadow:0 1px 3px rgba(24,24,27,.12); }
.acct-crypto-icon:first-child { margin-left:0; }
.acct-crypto-icon.is-btc { background:#f7931a; }
.acct-crypto-icon.is-ltc { background:#345d9d; }
.acct-crypto-icon.is-usdt { background:#26a17b; }
.acct-gateway-chip .acct-crypto-icons { margin-left:4px; padding-left:0; }
.acct-gateway-chip .acct-crypto-icon { width:20px; height:20px; font-size:10px; border-width:1px; }
.acct-checkout-assurance { display: flex; align-items: flex-start; gap: 12px; padding: 4px 8px; }
.acct-checkout-assurance > span { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 auto; border: 1px solid var(--acct-line); border-radius: 11px; background: var(--mt-surface); color: var(--foreground); }
.acct-checkout-assurance strong { display: block; margin: 1px 0 3px; color: var(--foreground); font-size: 12px; }
.acct-checkout-assurance p { margin: 0; color: var(--acct-muted); font-size: 11px; line-height: 1.45; }
.acct-checkout-summary { position: sticky; top: 92px; overflow: hidden; padding: 22px; }
.acct-checkout-summary-top { display: flex; align-items: center; gap: 13px; padding-bottom: 20px; border-bottom: 1px solid var(--acct-line); }
.acct-checkout-plan-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; flex: 0 0 auto; border-radius: 14px; background: var(--mt-action); color: #fff; font-size: 19px; }
.acct-checkout-summary-top > div > span { color: var(--acct-muted); font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.acct-checkout-summary-top h2 { margin: 2px 0 1px; color: var(--foreground); font-size: 19px; font-weight: 700; }
.acct-checkout-summary-top p { margin: 0; color: var(--acct-muted); font-size: 12px; }
.acct-checkout-prices { display: grid; gap: 13px; margin: 20px 0; }
.acct-checkout-prices > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.acct-checkout-prices dt, .acct-checkout-prices dd { margin: 0; color: var(--acct-muted); font-size: 12px; font-weight: 500; }
.acct-checkout-prices dd { color: var(--foreground); font-weight: 650; text-align: right; }
.acct-checkout-prices dt small { margin-left: 4px; padding: 2px 5px; border-radius: 5px; background: var(--mt-surface-soft); color: var(--foreground); font-size: 9px; text-transform: uppercase; }
.acct-checkout-prices .is-discount dd { color:var(--mt-success-text); }
.acct-checkout-coupon-toggle { display: flex; align-items: center; gap: 9px; width: 100%; padding: 11px 0; border: 0; border-top: 1px dashed var(--mt-line); border-bottom: 1px dashed var(--mt-line); background: transparent; color: var(--foreground); font-size: 12px; font-weight: 650; text-align: left; }
.acct-checkout-coupon-toggle span { flex: 1; }
.acct-checkout-coupon-toggle:hover { color: var(--mt-muted); }
.acct-checkout-coupon { margin-top: 14px; }
.acct-checkout-coupon label { display: block; margin-bottom: 6px; color: var(--foreground); font-size: 11px; font-weight: 700; }
.acct-checkout-coupon-row { display: flex; gap: 7px; }
.acct-checkout-coupon-row input { min-width: 0; height: 40px; flex: 1; padding: 0 11px; border: 1px solid var(--mt-line); border-radius: 10px; outline: 0; color: var(--foreground); font-size: 12px; text-transform: uppercase; }
.acct-checkout-coupon-row input:focus { border-color: var(--foreground); box-shadow: 0 0 0 3px color-mix(in oklab, var(--ring) 30%, transparent); }
.acct-checkout-coupon-row button { height: 40px; padding: 0 13px; border: 1px solid var(--foreground); border-radius: 10px; background: var(--mt-surface); color: var(--foreground); font-size: 11px; font-weight: 700; }
.acct-checkout-coupon-row button:hover { background: var(--mt-surface-soft); }
.acct-checkout-total { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-top: 20px; padding-top: 19px; border-top: 1px solid var(--acct-line); }
.acct-checkout-total > span { color: var(--foreground); font-size: 13px; font-weight: 700; }
.acct-checkout-total strong { color: var(--foreground); font-size: 26px; line-height: 1; letter-spacing: -.04em; }
.acct-checkout-total small { font-size: 11px; letter-spacing: 0; }
.acct-checkout-pay { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 50px; margin-top: 20px; padding: 0 18px; border: 0; border-radius: 13px; background: var(--mt-action); color: #fff; font-size: 13px; font-weight: 750; }
.acct-checkout-pay:hover { background: var(--mt-action); }
.acct-checkout-policy { margin: 13px 4px 0; color: var(--acct-muted); font-size: 10px; line-height: 1.5; text-align: center; }
.acct-checkout-policy a { color: var(--foreground); font-weight: 600; }
.acct-settings-panel { padding: 28px !important; }
.acct-settings-panel-heading { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 26px; padding-bottom: 20px; border-bottom: 1px solid var(--acct-line); }
.acct-settings-panel-heading > span { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 12px; background: var(--acct-blue-soft); color:var(--mt-link); font-size: 18px; }
.acct-settings-panel-heading h2 { margin: 0 0 4px; color: var(--acct-text); font-size: 19px; font-weight: 500; }
.acct-settings-panel-heading p { margin: 0; color: var(--acct-muted); font-size: 13px; }
.acct-settings-panel .form-label { margin-bottom: 7px; color: var(--mt-text); font-size: 13px; font-weight: 600; }
.acct-settings-panel .form-control { min-height: 46px; border-color: var(--mt-line); border-radius: 10px; background: var(--mt-surface); }
.acct-settings-panel .form-control:hover { border-color: var(--mt-line); }
.acct-settings-panel .form-control:focus { border-color: var(--acct-blue); box-shadow: 0 0 0 3px rgba(11,87,208,.12); }
.acct-field-help, .acct-password-tip { display: flex; align-items: flex-start; gap: 7px; margin: 8px 0 0; color: var(--acct-muted); font-size: 12px; line-height: 1.45; }
.acct-settings-actions { display: flex; justify-content: flex-end; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--acct-line); }
.acct-settings-actions .btn { display: inline-flex; align-items: center; gap: 9px; min-height: 43px; padding: 0 20px; border-radius: 999px; font-weight: 600; }
.acct-settings-actions .btn.is-loading { opacity: .7; }
.acct-password-field { margin-bottom: 16px; }
.acct-password-input { position: relative; }
.acct-password-input .form-control { padding-right: 46px; }
.acct-password-input button { position: absolute; top: 50%; right: 7px; z-index: 4; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; transform: translateY(-50%); border: 0; border-radius: 50%; background: transparent; color: var(--acct-muted); }
.acct-password-input button:hover { background: var(--mt-surface-soft); color: var(--acct-text); }
.acct-password-input .is-invalid { background-image: none; }

/* ---- Billing ---- */
.acct-billing { max-width: 1050px; margin: 8px auto 0; }
.acct-billing-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.acct-billing-header h1 { margin: 3px 0 7px; color: var(--acct-text); font-size: 32px; font-weight: 400; letter-spacing: -.5px; }
.acct-billing-header p:last-child { margin: 0; color: var(--acct-muted); font-size: 15px; }
.acct-billing-header-actions { display: flex; align-items: center; gap: 10px; }
.acct-billing-change, .acct-billing-renew { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 0 19px; border-radius: 999px; white-space: nowrap; font-weight: 600; }
.acct-billing-renew { border: 1px solid #188038; background: var(--mt-surface); color:var(--mt-success-text); }
.acct-billing-renew:hover { background: var(--mt-surface-soft); color: #0d652d; }
.acct-plan-card { position: relative; margin-bottom: 22px; overflow: hidden; border-radius: 20px; background: linear-gradient(135deg, #073b91 0%, #0b57d0 58%, #1a73e8 100%); color: #fff; box-shadow: 0 10px 28px rgba(11,87,208,.22); }
.acct-plan-card::after { content: ''; position: absolute; top: -90px; right: -70px; width: 250px; height: 250px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 34px rgba(255,255,255,.035), 0 0 0 68px rgba(255,255,255,.025); pointer-events: none; }
.acct-plan-main { position: relative; z-index: 1; display: flex; align-items: center; gap: 16px; padding: 30px 32px 18px; }
.acct-plan-icon { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; flex: 0 0 auto; border-radius: 16px; background: rgba(255,255,255,.16); font-size: 22px; }
.acct-plan-label { color: rgba(255,255,255,.75); font-size: 12px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.acct-plan-main h2 { margin: 2px 0 7px; color: #fff; font-size: 26px; font-weight: 500; }
.acct-plan-status { display: inline-flex; align-items: center; gap: 6px; color: #d7f8df; font-size: 12px; font-weight: 600; }
.acct-plan-price { position: absolute; z-index: 1; top: 34px; right: 34px; display: flex; align-items: flex-end; gap: 7px; }
.acct-plan-price strong { color: #fff; font-size: 30px; font-weight: 500; line-height: 1; }
.acct-plan-price span { color: rgba(255,255,255,.72); font-size: 13px; }
.acct-plan-details { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 8px; border-top: 1px solid rgba(255,255,255,.16); background: rgba(0,0,0,.08); }
.acct-plan-details > div { display: flex; flex-direction: column; gap: 5px; padding: 18px 32px; }
.acct-plan-details > div + div { border-left: 1px solid rgba(255,255,255,.16); }
.acct-plan-details span { color: rgba(255,255,255,.7); font-size: 12px; }
.acct-plan-details strong { color: #fff; font-size: 14px; font-weight: 600; }
.acct-plan-alert { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; padding: 12px 32px; background: var(--mt-surface-soft); color: #7a4d00; font-size: 13px; }
.acct-plan-renewal { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 16px 32px; border-top: 1px solid rgba(255,255,255,.18); background: rgba(4,26,72,.34); color: #fff; }
.acct-plan-renewal-copy { display: flex; align-items: center; gap: 12px; min-width: 0; }
.acct-plan-renewal-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.2); border-radius: 11px; background: rgba(255,255,255,.12); color: #dceaff; font-size: 14px; }
.acct-plan-renewal-copy > div { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.acct-plan-renewal-copy strong { color: #fff; font-size: 13px; font-weight: 700; }
.acct-plan-renewal-copy div > span { color: rgba(255,255,255,.74); font-size: 12px; line-height: 1.4; }
.acct-billing-cancel { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 0 14px; border: 1px solid rgba(255,255,255,.42); border-radius: 11px; background: rgba(255,255,255,.08); color: #fff !important; font-size: 12px; font-weight: 650; white-space: nowrap; }
.acct-billing-cancel:hover, .acct-billing-cancel:focus { border-color: var(--mt-line); background: var(--mt-surface); color: #17366d !important; box-shadow: 0 5px 16px rgba(0,0,0,.14); }
.subscription-cancel-open { overflow: hidden; }
.subscription-cancel-flow { position: fixed; z-index: 1090; inset: 0; display: grid; place-items: center; padding: 24px; }
.subscription-cancel-flow[hidden] { display: none; }
.subscription-cancel-backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(22,24,31,.52); backdrop-filter: blur(3px); }
.subscription-cancel-dialog { position: relative; width: min(100%, 560px); max-height: calc(100vh - 32px); overflow-y: auto; border: 1px solid var(--mt-line); border-radius: 24px; background: var(--mt-surface); box-shadow: 0 28px 80px rgba(18,23,38,.24); }
.subscription-cancel-close { position: absolute; z-index: 2; top: 18px; right: 18px; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--mt-line); border-radius: 12px; background: var(--mt-surface); color: var(--mt-muted); }
.subscription-cancel-step { display: none; padding: 38px; text-align: center; }
.subscription-cancel-step.is-active { display: block; animation: subscriptionCancelIn .2s ease-out; }
@keyframes subscriptionCancelIn { from { opacity: 0; transform: translateY(7px); } }
.subscription-cancel-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 16px; border-radius: 18px; background: var(--mt-action); color: #fff; font-size: 21px; }
.subscription-cancel-icon--blue { background: var(--mt-surface-soft); color:var(--mt-info-text); }
.subscription-cancel-icon--danger { background: var(--mt-surface-soft); color: #e33d45; }
.subscription-cancel-eyebrow { margin: 0 0 7px !important; color:var(--mt-info-text) !important; font-size: 11px !important; font-weight: 800; letter-spacing: .12em; }
.subscription-cancel-step h2 { margin: 0 40px 9px; color: var(--mt-text); font-size: 25px; font-weight: 650; }
.subscription-cancel-step > p:not(.subscription-cancel-eyebrow) { margin: 0 auto 22px; max-width: 440px; color: var(--mt-muted); font-size: 14px; line-height: 1.55; }
.subscription-cancel-reasons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 24px 0 18px; text-align: left; }
.subscription-cancel-reasons button { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; min-height: 62px; padding: 10px 13px; border: 1px solid var(--mt-line); border-radius: 14px; background: var(--mt-surface); color: var(--mt-text); font-size: 13px; font-weight: 600; text-align: left; transition: .16s ease; }
.subscription-cancel-reasons button:hover { border-color: #8bb8ff; background: var(--mt-surface); transform: translateY(-1px); }
.subscription-cancel-reasons button > i:first-child { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--mt-surface-soft); color:var(--mt-info-text); }
.subscription-cancel-reasons button > i:last-child { color: var(--mt-muted); font-size: 10px; }
.subscription-cancel-keep, .subscription-cancel-continue, .subscription-cancel-confirm, .subscription-cancel-back { border: 0; background: transparent; }
.subscription-cancel-keep, .subscription-cancel-back { color: var(--mt-muted); font-size: 13px; font-weight: 600; }
.subscription-retention-card { display: flex; align-items: center; gap: 15px; margin: 24px 0; padding: 17px; border: 1px solid #cfe0fb; border-radius: 16px; background: var(--mt-surface); text-align: left; }
.subscription-retention-card > i { display: grid; flex: 0 0 44px; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: #1769d2; color: #fff; }
.subscription-retention-card div { display: flex; flex-direction: column; gap: 3px; }
.subscription-retention-card strong { color: var(--mt-text); font-size: 14px; }
.subscription-retention-card span { color: var(--mt-muted); font-size: 12px; }
.subscription-retention-primary, .subscription-cancel-confirm { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; border-radius: 13px; font-size: 14px; font-weight: 700; }
.subscription-retention-primary { background: var(--mt-action); color: #fff; }
.subscription-retention-primary:hover { color: #fff; background: var(--mt-action); }
.subscription-cancel-continue { margin: 14px 0 17px; color: #bb343b; font-size: 13px; font-weight: 650; }
.subscription-cancel-back { display: block; margin: 0 auto; }
.subscription-cancel-back i { margin-right: 7px; }
.subscription-cancel-date { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 20px 0; padding: 15px; border-radius: 14px; background: var(--mt-surface-soft); color: var(--mt-text); }
.subscription-cancel-summary { display: grid; gap: 10px; margin: 0 0 22px; padding: 0; list-style: none; text-align: left; }
.subscription-cancel-summary li { display: flex; align-items: center; gap: 10px; color: var(--mt-muted); font-size: 13px; }
.subscription-cancel-summary i { color: #168653; }
.subscription-cancel-details { display: block; margin-bottom: 18px; text-align: left; }
.subscription-cancel-details span { display: block; margin-bottom: 7px; color: var(--mt-text); font-size: 12px; font-weight: 650; }
.subscription-cancel-details textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--mt-line); border-radius: 12px; color: var(--mt-text); resize: vertical; }
.subscription-cancel-confirm { margin: 10px 0 14px; border: 1px solid #efb8bb; background: var(--mt-surface); color: #c8333a; }
.subscription-cancel-confirm:hover { background: var(--mt-surface-soft); }
.acct-billing-history { padding: 28px !important; }
.acct-billing-secure { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 999px; background: var(--mt-surface-soft); color:var(--mt-success-text); font-size: 12px; font-weight: 600; white-space: nowrap; }
.acct-billing-history th, .acct-billing-history td { padding: 14px 11px !important; }
.acct-transaction-id { color: var(--acct-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
.acct-transaction-plan { display: flex; flex-direction: column; gap: 2px; }
.acct-transaction-plan strong { color: var(--acct-text); font-size: 14px; font-weight: 600; }
.acct-transaction-plan small { color: var(--acct-muted); font-size: 11px; }
.acct-payment-method { display: inline-flex; align-items: center; gap: 7px; text-transform: capitalize; }
.acct-payment-method i { color:var(--mt-link); }
.acct-billing-empty { display: flex; flex-direction: column; align-items: center; padding: 46px 20px 38px; text-align: center; }
.acct-billing-empty > span { display: inline-flex; align-items: center; justify-content: center; width: 70px; height: 70px; margin-bottom: 18px; border-radius: 22px; background: var(--acct-blue-soft); color:var(--mt-link); font-size: 28px; }
.acct-billing-empty h3 { margin: 0 0 8px; font-size: 20px; font-weight: 500; }
.acct-billing-empty p { margin: 0; color: var(--acct-muted); font-size: 14px; }
.acct-billing-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; color: var(--acct-muted); font-size: 13px; }

/* ---- Plans and pricing ---- */
.acct-plans { max-width: 1120px; margin: 0 auto; padding: 8px 0 24px; }
.acct-plans-header { max-width: 760px; margin: 0 auto 28px; text-align: center; }
.acct-plans-back { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 20px; color: var(--acct-muted); font-size: 13px; font-weight: 600; text-decoration: none; }
.acct-plans-back:hover { color:var(--mt-link); }
.acct-plans-header h1 { margin: 5px 0 10px; color: var(--acct-text); font-size: clamp(30px, 4vw, 42px); font-weight: 400; letter-spacing: -.8px; }
.acct-plans-header > p:not(.acct-wallet-eyebrow) { max-width: 650px; margin: 0 auto; color: var(--acct-muted); font-size: 15px; line-height: 1.6; }
.acct-plans-trust { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 18px; margin-top: 20px; color: var(--acct-muted); font-size: 12px; }
.acct-plans-trust span { display: inline-flex; align-items: center; gap: 6px; }
.acct-plans-trust i { color:var(--mt-success-text); }
.acct-plans-tabs { display: flex; width: max-content; max-width: 100%; margin: 0 auto 28px; padding: 5px; overflow-x: auto; border: 1px solid var(--acct-line); border-radius: 999px; background: var(--mt-surface); }
.acct-plans-tabs button { min-width: 112px; min-height: 40px; padding: 0 18px; border: 0; border-radius: 999px; background: transparent; color: var(--acct-muted); font-size: 13px; font-weight: 600; white-space: nowrap; }
.acct-plans-tabs button:hover { background: var(--mt-surface-soft); color: var(--acct-text); }
.acct-plans-tabs button.active { background: var(--acct-blue); color: #fff; box-shadow: 0 2px 7px rgba(11,87,208,.25); }
.acct-plans-content { overflow: visible; }
.acct-plans-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); align-items: stretch; gap: 20px; }
.acct-plan-option { position: relative; display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--acct-line); border-radius: 20px; background: var(--mt-surface); box-shadow: 0 3px 12px rgba(32,33,36,.06); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.acct-plan-option:hover { transform: translateY(-3px); border-color: #b9c9e4; box-shadow: 0 12px 30px rgba(32,33,36,.12); }
.acct-plan-option.is-featured { border: 2px solid var(--acct-blue); box-shadow: 0 10px 28px rgba(11,87,208,.15); }
.acct-plan-option.is-current { background: linear-gradient(180deg, var(--mt-surface) 0%, var(--mt-surface) 38%); }
.acct-plan-popular { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 34px; background: var(--acct-blue); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.acct-plan-option-head { padding: 25px 24px 20px; }
.acct-plan-option-title { display: flex; align-items: center; gap: 12px; }
.acct-plan-option-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 12px; background: var(--acct-blue-soft); color:var(--mt-link); }
.is-featured .acct-plan-option-icon { background: var(--acct-blue); color: #fff; }
.acct-plan-option-title h2 { margin: 0; color: var(--acct-text); font-size: 19px; font-weight: 600; }
.acct-current-plan { display: inline-flex; align-items: center; gap: 5px; margin-top: 4px; color:var(--mt-success-text); font-size: 11px; font-weight: 600; }
.acct-plan-description { min-height: 42px; margin: 17px 0; color: var(--acct-muted); font-size: 13px; line-height: 1.55; }
.acct-plan-option-price { display: flex; align-items: flex-end; min-height: 48px; color: var(--acct-text); }
.acct-plan-option-price > span { align-self: flex-start; margin: 7px 2px 0 0; font-size: 18px; }
.acct-plan-option-price strong { font-size: 38px; font-weight: 500; line-height: 1; letter-spacing: -1px; }
.acct-plan-option-price small { margin: 0 0 4px 7px; color: var(--acct-muted); font-size: 12px; }
.acct-plan-trial { display: flex; align-items: center; gap: 6px; margin: 12px 0 0; color:var(--mt-success-text); font-size: 12px; font-weight: 600; }
.acct-plan-option-action { padding: 0 24px 22px; }
.acct-plan-option-action .btn, .acct-plan-active-button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; border-radius: 999px; font-size: 13px; font-weight: 700; }
.acct-plan-secondary { border: 1px solid var(--acct-blue); color:var(--mt-link); }
.acct-plan-secondary:hover { background: var(--acct-blue-soft); color:var(--mt-link); }
.acct-plan-active-button { gap: 7px; background: var(--mt-surface-soft); color:var(--mt-success-text); }
.acct-plan-features { flex: 1 1 auto; padding: 22px 24px 26px; border-top: 1px solid var(--acct-line); background: var(--mt-surface); }
.acct-plan-features h3 { margin: 0 0 16px; color: var(--acct-text); font-size: 13px; font-weight: 700; }
.acct-plan-features ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.acct-plan-features li { display: flex; align-items: flex-start; gap: 9px; color: var(--mt-text); font-size: 12px; line-height: 1.45; }
.acct-plan-features li i { margin-top: 2px; color:var(--mt-success-text); }
.acct-plan-features li.is-unavailable { color: var(--mt-muted); }
.acct-plan-features li.is-unavailable i { color: var(--mt-muted); }
.acct-plan-features strong { color: var(--acct-text); font-weight: 700; }
.acct-plans-empty { padding: 48px 24px !important; text-align: center; }
.acct-plans-empty i { color:var(--mt-link); font-size: 32px; }
.acct-plans-empty h2 { margin: 12px 0 0; font-size: 20px; }
.acct-plans-footnote { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 24px 0 0; color: var(--acct-muted); font-size: 12px; text-align: center; }
@media (max-width: 767.98px) {
  .subscription-cancel-flow { align-items: end; padding: 10px; }
  .subscription-cancel-dialog { width: 100%; max-height: calc(100vh - 20px); border-radius: 22px; }
  .subscription-cancel-step { padding: 30px 20px 24px; }
  .subscription-cancel-step h2 { margin-right: 28px; margin-left: 28px; font-size: 22px; }
  .subscription-cancel-reasons { grid-template-columns: 1fr; }
  .subscription-cancel-reasons button { min-height: 56px; }
  .acct-domain-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .acct-domain-search-input { align-items: stretch; flex-wrap: wrap; padding: 12px; }
  .acct-domain-search-input input { height: 42px; }
  .acct-domain-search-input button { width: 100%; min-height: 44px; border-radius: 10px; }
  .acct-wallet-header { margin-top: 0; }
  .acct-wallet-header h1 { font-size: 28px; }
  .acct-wallet-balance { min-height: 220px; padding: 26px !important; }
  .acct-wallet-balance .counter-amount { font-size: 36px; }
  .acct-wallet-topup, .acct-wallet-history { padding: 22px !important; }
  .acct-user-menu .acct-account-card {
      position: fixed;
      top: 72px;
      right: 8px;
      left: auto;
      width: min(390px, calc(100vw - 16px));
      max-height: calc(100dvh - 80px);
      overflow-y: auto;
  }
  .acct-domains { margin-top: 0; }
  .acct-domains-header { align-items: flex-start; flex-direction: column; }
  .acct-domains-header h1 { font-size: 28px; }
  .acct-domains-list { padding: 22px !important; }
  .acct-messages { margin-top: 0; }
  .acct-messages-header h1 { font-size: 28px; }
  .acct-messages-list { padding: 22px !important; }
  .acct-settings { margin-top: 0; }
  .acct-settings-header h1 { font-size: 28px; }
  .acct-settings-layout { grid-template-columns: 1fr; }
  .acct-profile-card { position: static; }
  .acct-billing { margin-top: 0; }
  .acct-billing-header { align-items: flex-start; flex-direction: column; }
  .acct-billing-header h1 { font-size: 28px; }
  .acct-plan-price { position: relative; top: auto; right: auto; padding: 0 32px 24px; }
  .acct-plan-details { grid-template-columns: 1fr; }
  .acct-plan-details > div + div { border-top: 1px solid rgba(255,255,255,.16); border-left: 0; }
  .acct-plan-renewal { align-items: stretch; flex-direction: column; padding: 17px 22px 20px; }
  .acct-billing-cancel { width: 100%; }
  .acct-billing-history { padding: 22px !important; }
}

/* Phone account chrome: a compact utility bar and a real navigation drawer.
   The account details belong in the drawer instead of competing with the page. */
@media (max-width: 767.98px) {
    .mailtemp-account .acct-topbar {
        min-height: 52px;
        padding-inline: 12px;
        gap: 8px;
    }
    .mailtemp-account .acct-topbar .mt-brand-area,
    .mailtemp-account .acct-topbar .mt-account-label,
    .mailtemp-account .acct-topbar .mt-user-identity,
    .mailtemp-account .acct-topbar .acct-user-menu,
    .mailtemp-account .acct-topbar .acct-lang-switch,
    .mailtemp-account .acct-topbar .acct-topbar-account-status { display:none!important; }
    .mailtemp-account .acct-topbar .acct-topbar-spacer { flex:1 1 auto; }
    .mailtemp-account .acct-topbar .mt-plan-offer { margin-inline-start:auto!important; }
    .mailtemp-account .acct-topbar .mt-plan-trigger {
        display:grid!important;
        place-items:center!important;
        width:36px!important;
        min-width:36px!important;
        height:36px!important;
        min-height:36px!important;
        padding:0!important;
        border-radius:9px!important;
    }
    .mailtemp-account .acct-topbar .mt-plan-trigger-label { display:none!important; }
    .mailtemp-account .acct-topbar .mt-plan-trigger svg { width:19px!important; height:19px!important; }

    .mailtemp-account .acct-sidebar {
        display:none;
        flex-direction:column;
        gap:4px;
        width:var(--mt-mobile-drawer-width,min(272px,calc(100vw - 48px)))!important;
        padding:14px 12px 16px!important;
        overflow-y:auto;
    }
    .mailtemp-account.mt-account-menu-open .acct-sidebar { display:flex!important; }
    .mailtemp-account .acct-sidebar-link { width:100%; min-height:42px; border-radius:10px; }

}

/* The phone drawer shares the navigation breakpoint with the inbox. */
@media (max-width: 767.98px) {
    .mailtemp-account .acct-topbar .mt-brand-area,
    .mailtemp-account .acct-topbar .mt-account-label,
    .mailtemp-account .acct-topbar .mt-user-identity,
    .mailtemp-account .acct-topbar .acct-user-menu,
    .mailtemp-account .acct-topbar .acct-lang-switch,
    .mailtemp-account .acct-topbar .acct-topbar-account-status { display:none!important; }
    .mailtemp-account .acct-topbar [data-shell-sidebar] { display:flex!important; }
    .mailtemp-account .acct-sidebar { top:0!important; bottom:0!important; height:100dvh!important; }
    .mailtemp-account .acct-sidebar .mt-mobile-navigation { display:block; margin-bottom:10px; }
    .mailtemp-account .acct-sidebar .mt-back-inbox { position:static!important; flex:none; width:auto!important; margin:0 0 8px!important; }
    .mailtemp-account .acct-mobile-storage { display:block; margin-top:auto; padding:18px 0 0; color:var(--mt-muted); text-decoration:none; }
    .acct-mobile-storage-track { display:block; height:4px; margin-bottom:9px; border-radius:4px; background:var(--mt-line); overflow:hidden; }
    .acct-mobile-storage-track i { display:block; height:100%; min-width:3px; background:var(--mt-muted); }
    .acct-mobile-storage small { font-size:11px; }
}
@media (min-width:768px) { .acct-mobile-storage { display:none; } }


@media (max-width: 575.98px) {
    .acct-topbar-balance span { display: none; }
    .acct-topbar-plan span { display: none; }
    .acct-topbar-balance { padding-inline: 9px; }
    .acct-topbar-plan { padding-inline: 9px; }
    .domain-marketplace-content { padding: 18px; }
    .acct-domain-detail-header { flex-direction: column; }
    .acct-domain-detail-header h1 { font-size: 26px; overflow-wrap: anywhere; }
    .acct-domain-detail-grid { grid-template-columns: 1fr; }
    .acct-domain-timeline { grid-template-columns: 1fr 1fr; padding: 16px !important; }
    .acct-domain-renew-form { flex-direction: column; }
    .acct-domain-result { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
    .acct-domain-result-name small { display: none; }
    .acct-domain-result-action { grid-column: 1 / -1; }
    .acct-domain-search-submit { align-items: stretch; flex-direction: column; }
    .acct-domain-search-submit button { width: 100%; }
  .acct-wallet-history .table-responsive { overflow: visible; }
  .acct-wallet-history .table thead { display: none; }
  .acct-wallet-history .table tbody tr:has(td[data-label]) { display: block; margin-bottom: 12px; padding: 8px 14px; border: 1px solid var(--acct-line); border-radius: 14px; }
  .acct-wallet-history .table tbody tr:has(td[data-label]) td { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 9px 0 !important; border-width: 0 0 1px !important; text-align: right !important; }
  .acct-wallet-history .table tbody tr:has(td[data-label]) td:last-child { border-bottom: 0 !important; }
  .acct-wallet-history td[data-label]::before { content: attr(data-label); color: var(--acct-muted); font-size: 12px; font-weight: 600; text-align: left; }
  .acct-account-actions { grid-template-columns: 1fr; }
  .acct-account-actions a + a { border-top: 1px solid var(--acct-line); border-left: 0; }
  .acct-domains-header .acct-domains-add { width: 100%; }
  .acct-domains-list .table-responsive { overflow: visible; }
  .acct-domains-list .table thead { display: none; }
  .acct-domains-list .table tbody tr { display: block; margin-bottom: 12px; padding: 8px 14px; border: 1px solid var(--acct-line); border-radius: 14px; }
  .acct-domains-list .table tbody td { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 0 !important; border-width: 0 0 1px !important; text-align: right !important; }
  .acct-domains-list .table tbody td:last-child { border-bottom: 0 !important; }
  .acct-domains-list td[data-label]::before { content: attr(data-label); color: var(--acct-muted); font-size: 12px; font-weight: 600; text-align: left; }
  .acct-domains-footer { align-items: flex-start; flex-direction: column; }
  .acct-messages-list .table-responsive { overflow: visible; }
  .acct-messages-list .table thead { display: none; }
  .acct-messages-list .table tbody tr { display: block; margin-bottom: 12px; padding: 8px 14px; border: 1px solid var(--acct-line); border-radius: 14px; }
  .acct-messages-list .table tbody td { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 0 !important; border-width: 0 0 1px !important; text-align: right !important; }
  .acct-messages-list .table tbody td:last-child { border-bottom: 0 !important; }
  .acct-messages-list td[data-label]::before { content: attr(data-label); color: var(--acct-muted); font-size: 12px; font-weight: 600; text-align: left; }
  .acct-message-sender { min-width: 0; }
  .acct-message-sender strong, .acct-message-sender small { max-width: 165px; }
  .acct-message-subject { max-width: 180px; }
  .acct-messages-footer { align-items: flex-start; flex-direction: column; }
  .acct-settings-panel { padding: 22px !important; }
  .acct-settings-actions .btn { width: 100%; justify-content: center; }
  .acct-billing-header-actions { width: 100%; flex-wrap: wrap; }
  .acct-billing-header-actions .btn { flex: 1 1 auto; }
  .acct-billing-history .table-responsive { overflow: visible; }
  .acct-billing-history .table thead { display: none; }
  .acct-billing-history .table tbody tr { display: block; margin-bottom: 12px; padding: 8px 14px; border: 1px solid var(--acct-line); border-radius: 14px; }
  .acct-billing-history .table tbody td { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 0 !important; border-width: 0 0 1px !important; text-align: right !important; }
  .acct-billing-history .table tbody td:last-child { border-bottom: 0 !important; }
  .acct-billing-history td[data-label]::before { content: attr(data-label); color: var(--acct-muted); font-size: 12px; font-weight: 600; text-align: left; }
  .acct-billing-footer { align-items: flex-start; flex-direction: column; }
  .acct-dashboard-hero { padding: 24px 20px; }
  .acct-dashboard-identity { align-items: flex-start; flex-direction: column; }
  .acct-dashboard-hero-actions { width: 100%; flex-direction: column; }
  .acct-dashboard-hero-actions .btn, .acct-dashboard-manage { width: 100%; }
  .acct-dashboard-chart-section .box-header { flex-direction: column; }
  .acct-dashboard-chart-section .dashboard-chart { height: 220px; }
  .acct-plans-header { text-align: left; }
  .acct-plans-header > p:not(.acct-wallet-eyebrow) { margin-left: 0; }
  .acct-plans-trust { align-items: flex-start; flex-direction: column; gap: 9px; }
  .acct-plans-tabs { width: 100%; }
  .acct-plans-tabs button { flex: 1 0 auto; }
}

/* ---- Responsive ---- */
@media (max-width: 991.98px) {
    .acct-dashboard-hero { align-items: flex-start; flex-direction: column; }
    .acct-checkout-layout { grid-template-columns: 1fr; }
    .acct-checkout-summary { position: static; }
}

@media (max-width: 575.98px) {
    .acct-checkout { margin-top: 0; }
    .acct-checkout-header { align-items: flex-start; }
    .acct-checkout-header h1 { font-size: 25px; }
    .acct-checkout-secure { display: none; }
    .acct-checkout-card, .acct-checkout-summary { border-radius: 16px; }
    .acct-checkout-card { padding: 19px; }
    .acct-checkout-card-head { align-items: flex-start; }
    .acct-checkout-edit { padding-top: 4px; }
    .acct-checkout-identity { grid-template-columns: 1fr; }
    .acct-checkout-gateway { min-height: 64px; padding: 10px 12px; }
    .acct-checkout-gateway-name small { display: none; }
    .acct-checkout-gateway-logo { min-width: 70px; }
    .acct-checkout-total strong { font-size: 23px; }
}

/* Mobile account shell containment.
   Keep the horizontal account navigation scrollable inside itself without
   allowing the topbar, Bootstrap rows or charts to widen the whole page. */
@media (max-width: 767.98px) {
    html:has(body.mailtemp-account),
    body.mailtemp-account {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    @supports (overflow: clip) {
        html:has(body.mailtemp-account),
        body.mailtemp-account { overflow-x: clip; }
    }

    html:has(body.mailtemp-account) { overflow-y: auto; }

    .acct-topbar {
        width: 100%;
        max-width: 100%;
        gap: 5px;
        padding-inline: 8px;
        box-sizing: border-box;
    }

    .acct-topbar-brand {
        min-width: 0;
        width: 132px;
        max-width: 132px;
        flex: 0 1 132px;
        padding: 4px;
        overflow: hidden;
    }

    .acct-topbar-brand .acct-theme-logo {
        display: block;
        width: auto !important;
        height: 34px !important;
        max-width: 128px !important;
        object-fit: contain;
        object-position: left center;
    }

    .acct-topbar-spacer { min-width: 0; }
    .acct-topbar-account-status {
        min-width: 0;
        min-height: 36px;
        margin-right: 0;
        flex: 0 0 auto;
    }
    .acct-topbar-account-status .acct-topbar-balance { padding-inline: 8px; }
    .acct-topbar-account-status .acct-topbar-plan { max-width: 72px; padding-inline: 7px 5px; }
    .acct-topbar-account-status .acct-topbar-plan strong { max-width: 48px; }
    .acct-lang-switch { display: none; }
    .acct-topbar-avatar { width: 34px; height: 34px; padding: 2px; }

    .acct-shell,
    .acct-content,
    .acct-dashboard,
    .acct-dashboard > section {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .acct-shell { padding: 10px; gap: 10px; }
    .acct-content { overflow: hidden; }
    .acct-sidebar {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex: 0 0 auto;
        box-sizing: border-box;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
    }
    .acct-sidebar::-webkit-scrollbar { display: none; }
    .acct-sidebar-link { flex: 0 0 auto; }

    .acct-dashboard .row {
        width: auto;
        max-width: none;
    }
    .acct-dashboard .row > *,
    .acct-dashboard-identity,
    .acct-dashboard-identity > div,
    .acct-dashboard-hero-actions,
    .acct-stat-card,
    .acct-dashboard-chart-section .box,
    .acct-dashboard-chart-section .box-body,
    .acct-dashboard-chart-section .dashboard-chart {
        min-width: 0;
        max-width: 100%;
    }
    .acct-dashboard-hero h1,
    .acct-dashboard-identity p,
    .acct-dashboard .counter-title { overflow-wrap: anywhere; }
    .acct-dashboard-chart-section canvas {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 359.98px) {
    .acct-topbar-brand { width: 116px; max-width: 116px; flex-basis: 116px; }
    .acct-topbar-brand .acct-theme-logo { max-width: 112px !important; }
    .acct-topbar-account-status .acct-topbar-plan { max-width: 60px; }
    .acct-topbar-account-status .acct-topbar-plan strong { max-width: 36px; }
}

/* Keep the account dropdown fully 2D. The old perspective animation
   rasterizes the complete card and makes text look blurred on mobile. */
.mailtemp-account .acct-topbar {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--mt-surface);
}
.mailtemp-account .acct-topbar .drop-down > .drop-down-menu,
.mailtemp-account .acct-topbar .drop-down.active > .drop-down-menu,
.mailtemp-account .acct-user-menu > .acct-account-card {
    -webkit-transform: none !important;
    transform: none !important;
    filter: none !important;
    perspective: none !important;
    will-change: auto;
    backface-visibility: visible;
}
.mailtemp-account .acct-user-menu > .acct-account-card,
.mailtemp-account .acct-user-menu > .acct-account-card * {
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

/* Integrated NOWPayments checkout */
.crypto-checkout{max-width:1120px;margin:28px auto;padding:0 18px;color:var(--mt-text)}.crypto-checkout-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.crypto-checkout-head>a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mt-line);border-radius:14px;color:var(--mt-text)}.crypto-checkout-head>div{flex:1}.crypto-checkout-head p,.crypto-summary>p{margin:0 0 3px;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--mt-muted)}.crypto-checkout-head h1{margin:0;font-size:28px}.crypto-checkout-head span{color:var(--mt-muted)}.crypto-secure{display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--mt-line);border-radius:999px!important;background:var(--mt-surface-soft);color:var(--mt-success-text)!important;font-weight:700}.crypto-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.crypto-card,.crypto-summary{border:1px solid var(--mt-line);border-radius:22px;background:var(--mt-surface);box-shadow:0 16px 45px rgba(30,32,38,.07)}.crypto-card{padding:24px}.crypto-summary{padding:24px;height:max-content}.crypto-step{display:flex;gap:12px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--mt-line)}.crypto-step>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--mt-action);color:#fff;font-weight:800}.crypto-step div{display:flex;flex-direction:column}.crypto-step strong{font-size:17px}.crypto-step small{color:var(--mt-muted)}.crypto-coins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:20px}.crypto-coin{position:relative;display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--mt-line);border-radius:15px;cursor:pointer;transition:.18s}.crypto-coin:hover{border-color:var(--mt-line);background:var(--mt-surface)}.crypto-coin input{position:absolute;opacity:0}.crypto-coin:has(input:checked){border-color:var(--mt-line);box-shadow:0 0 0 2px rgba(23,23,28,.08)}.crypto-coin-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mt-surface-soft);font-weight:900}.crypto-coin>span:nth-of-type(2){display:flex;min-width:0;flex:1;flex-direction:column}.crypto-coin small{overflow:hidden;text-overflow:ellipsis;color:var(--mt-muted);white-space:nowrap}.crypto-coin>i{opacity:0}.crypto-coin:has(input:checked)>i{opacity:1}.crypto-primary{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:14px;border:0;border-radius:14px;background:var(--mt-action);color:#fff;font-weight:800}.crypto-error{display:flex;gap:9px;margin-top:18px;padding:13px;border:1px solid #f5c6c8;border-radius:13px;background:var(--mt-surface);color:var(--mt-danger-text)}.crypto-payment-panel{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;margin-top:22px}.crypto-qr{grid-row:span 2;display:grid;place-items:center;min-height:210px;border:1px solid var(--mt-line);border-radius:18px;background:var(--mt-surface)}.crypto-qr img,.crypto-qr canvas{padding:10px;border-radius:12px}.crypto-amount,.crypto-address{display:flex;flex-direction:column;justify-content:center;padding:17px;border:1px solid var(--mt-line);border-radius:16px;background:var(--mt-surface)}.crypto-amount>span,.crypto-address>span{font-size:12px;color:var(--mt-muted)}.crypto-amount>strong{margin:4px 0;font-size:28px}.crypto-amount>strong small{font-size:15px}.crypto-address code{margin:5px 0;overflow-wrap:anywhere;color:var(--mt-text)}.crypto-amount button,.crypto-address button{align-self:flex-start;border:0;background:transparent;padding:3px 0;color:var(--mt-text);font-weight:700}.crypto-amount button i,.crypto-address button i{margin-right:6px}.crypto-waiting{display:flex;align-items:center;gap:12px;margin-top:18px;padding:15px;border-radius:15px;background:var(--mt-surface-soft)}.crypto-waiting>div{display:flex;flex-direction:column}.crypto-waiting small{color:var(--mt-muted)}.crypto-pulse{width:12px;height:12px;border-radius:50%;background:#f3a61d;box-shadow:0 0 0 0 rgba(243,166,29,.5);animation:cryptoPulse 1.6s infinite}.crypto-summary h2{font-size:21px}.crypto-summary dl{margin:20px 0}.crypto-summary dl div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--mt-line)}.crypto-summary dd{font-weight:800}.crypto-summary ul{display:grid;gap:10px;padding:0;list-style:none}.crypto-summary li{display:flex;gap:8px;align-items:center}.crypto-summary li i{color:var(--mt-success-text)}.crypto-summary>small{display:block;margin-top:20px;color:var(--mt-muted)}.is-copied{color:var(--mt-success-text)!important}@keyframes cryptoPulse{70%{box-shadow:0 0 0 9px rgba(243,166,29,0)}100%{box-shadow:0 0 0 0 rgba(243,166,29,0)}}
@media(max-width:767.98px){.crypto-checkout{margin:12px auto;padding:0 10px}.crypto-checkout-head{align-items:flex-start}.crypto-checkout-head h1{font-size:22px}.crypto-secure{display:none}.crypto-layout{grid-template-columns:1fr}.crypto-card,.crypto-summary{border-radius:18px}.crypto-card{padding:17px}.crypto-coins{grid-template-columns:1fr}.crypto-payment-panel{grid-template-columns:1fr}.crypto-qr{grid-row:auto}.crypto-summary{order:-1}.crypto-summary ul,.crypto-summary>small{display:none}}

.crypto-currency-form{margin-top:20px}.crypto-currency-form .crypto-coins{margin-top:14px}.crypto-picker-tools{display:flex;align-items:center;gap:12px}.crypto-search{display:flex;align-items:center;min-width:0;flex:1;height:46px;padding:0 13px;border:1px solid var(--mt-line);border-radius:14px;background:var(--mt-surface);color:var(--mt-muted);transition:.16s}.crypto-search:focus-within{border-color:var(--mt-line);box-shadow:0 0 0 3px rgba(23,23,28,.08)}.crypto-search>i{margin-right:10px}.crypto-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--mt-text)}.crypto-search button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:9px;background:var(--mt-surface-soft);color:var(--mt-muted)}.crypto-result-count{flex:0 0 auto;color:var(--mt-muted);font-size:12px}.crypto-coin[hidden]{display:none!important}.crypto-no-results{margin:18px 0;padding:25px;border:1px dashed var(--mt-line);border-radius:15px;color:var(--mt-muted);text-align:center}.crypto-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 4px}.crypto-pagination[hidden]{display:none}.crypto-pagination button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--mt-line);border-radius:12px;background:var(--mt-surface);color:var(--mt-text)}.crypto-pagination button:hover:not(:disabled){border-color:var(--mt-line);background:var(--mt-action);color:#fff}.crypto-pagination button:disabled{cursor:not-allowed;opacity:.35}.crypto-pagination span{min-width:58px;color:var(--mt-muted);font-size:12px;font-weight:700;text-align:center}.crypto-currency-form .crypto-primary{width:100%;margin-top:14px}
@media(max-width:767.98px){.crypto-picker-tools{align-items:stretch;flex-direction:column;gap:7px}.crypto-result-count{padding-left:3px}.crypto-currency-form .crypto-coins{margin-top:10px}}
.crypto-minimum{margin-top:4px;color:var(--mt-success-text)!important;font-size:10px;font-weight:650;white-space:normal!important}
.crypto-coin.is-unavailable{cursor:not-allowed;opacity:.55;background:var(--mt-surface-soft)}.crypto-coin.is-unavailable:hover{border-color:var(--mt-line)}.crypto-coin.is-unavailable .crypto-minimum{color:var(--mt-danger-text)!important}
.crypto-coin-mark{overflow:hidden}.crypto-coin-mark img{display:block;width:30px;height:30px;object-fit:contain}.crypto-coin-mark>span{font-size:14px}.crypto-coin-mark>span[hidden]{display:none}

/* Billing transaction statuses are self-contained and do not rely on the retired theme colors. */
.acct-payment-status{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:92px;padding:6px 10px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:750;line-height:1;white-space:nowrap}.acct-payment-status i{font-size:10px}.acct-payment-status--completed{border-color:var(--mt-line);background:var(--mt-surface-soft);color:var(--mt-success-text)}.acct-payment-status--pending{border-color:#f0ddb5;background:var(--mt-surface-soft);color:#8a5700}.acct-payment-status--unpaid{border-color:var(--mt-line);background:var(--mt-surface-soft);color:var(--mt-muted)}.acct-payment-status--canceled,.acct-payment-status--failed{border-color:#f2c7c4;background:var(--mt-surface-soft);color:var(--mt-danger-text)}.acct-payment-status--refunded{border-color:var(--mt-line);background:var(--mt-surface-soft);color:#51469b}.acct-payment-status--unknown{border-color:var(--mt-line);background:var(--mt-surface-soft);color:var(--mt-muted)}

/* Wallet custom top-up amount. */
.acct-custom-amount{display:grid;gap:7px;margin-top:13px}.acct-custom-amount[hidden]{display:none}.acct-custom-amount>span:first-child{font-size:12px;font-weight:700}.acct-custom-amount-field{display:flex;align-items:center;height:46px;overflow:hidden;border:1px solid var(--mt-line);border-radius:12px;background:var(--mt-surface)}.acct-custom-amount-field:focus-within{border-color:var(--mt-line);box-shadow:0 0 0 3px rgba(24,24,27,.08)}.acct-custom-amount-field strong{padding:0 12px;color:var(--mt-muted)}.acct-custom-amount-field input{width:100%;height:100%;padding:0 13px 0 0;border:0;outline:0;background:transparent;color:var(--mt-text);font-weight:700}.acct-custom-amount small{color:var(--mt-muted);font-size:10px}.acct-wallet-topup .acct-amount-chip i{margin-right:6px;font-size:11px}
.acct-wallet-amount-options{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;clear:both;width:100%}.acct-wallet-amount-options>.btn-check{position:absolute!important}.acct-wallet-amount-options>.acct-amount-chip{width:100%;min-width:0;padding:8px 9px;white-space:nowrap}.acct-wallet-amount-options>.acct-amount-chip:last-child{white-space:normal;text-align:center;line-height:1.15}.acct-wallet-amount-options>.acct-amount-chip[hidden]{display:none!important}
@media(max-width:575.98px){.acct-wallet-amount-options{grid-template-columns:repeat(2,minmax(0,1fr))}.acct-wallet-amount-options>.acct-amount-chip:last-child{grid-column:1/-1}}
.acct-checkout-gateway.is-unavailable{cursor:not-allowed;background:var(--mt-surface-soft);opacity:.62}.acct-checkout-wallet-balance{display:flex;align-items:flex-end;flex-direction:column;margin-left:auto;white-space:nowrap}.acct-checkout-wallet-balance small{color:var(--mt-muted);font-size:9px;text-transform:uppercase}.acct-checkout-wallet-balance strong{font-size:13px}.acct-checkout-gateway:has(#wallet:checked){background:var(--mt-surface-soft);border-color:#18864b;box-shadow:0 0 0 1px #18864b}.acct-checkout-gateway #wallet:checked+.acct-checkout-radio{border-color:#18864b}
.acct-plan-wallet-modal .modal-dialog{max-width:520px}.acct-plan-wallet-modal .modal-content{position:relative;padding:30px;border:1px solid var(--mt-line);border-radius:22px;background:var(--mt-surface);box-shadow:0 28px 80px rgba(24,24,27,.2)}.acct-modal-close{position:absolute;top:18px;right:18px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:10px;background:var(--mt-surface-soft);color:var(--mt-muted)}.acct-plan-wallet-icon{display:grid;width:54px;height:54px;margin-bottom:20px;place-items:center;border-radius:16px;background:var(--mt-action);color:#fff;font-size:21px}.acct-plan-wallet-modal h2{margin:6px 0 9px;color:var(--mt-text);font-size:24px}.acct-plan-wallet-modal .modal-content>p:not(.acct-eyebrow){margin:0;color:var(--mt-muted);line-height:1.6}.acct-plan-wallet-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 14px}.acct-plan-wallet-summary span{display:flex;flex-direction:column;padding:13px;border:1px solid var(--mt-line);border-radius:13px;background:var(--mt-surface);color:var(--mt-muted);font-size:11px}.acct-plan-wallet-summary strong{margin-top:3px;color:var(--mt-text);font-size:18px}.acct-plan-wallet-modal .modal-content>small{display:flex;gap:8px;color:var(--mt-muted);font-size:11px;line-height:1.5}.acct-plan-wallet-modal .modal-content>small i{margin-top:2px;color:#2563eb}.acct-plan-wallet-actions{display:grid;gap:9px;margin-top:24px}.acct-plan-wallet-actions .btn{display:flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:750}.acct-plan-wallet-secondary{border:1px solid var(--mt-line);background:var(--mt-surface);color:var(--mt-text)}.acct-plan-wallet-secondary:hover{border-color:var(--mt-line);color:var(--mt-text)}@media(max-width:575.98px){.acct-plan-wallet-modal .modal-dialog{margin:12px}.acct-plan-wallet-modal .modal-content{padding:24px 20px;border-radius:18px}.acct-plan-wallet-summary{grid-template-columns:1fr}.acct-plan-wallet-modal h2{padding-right:30px;font-size:21px}}
.acct-domain-license-consent{display:flex;align-items:flex-start;gap:10px;margin-top:14px;color:var(--mt-muted);font-size:11px;line-height:1.5;cursor:pointer}.acct-domain-license-consent input{width:16px;height:16px;margin-top:1px;flex:0 0 16px;accent-color:#18181b}
.acct-domain-license-consent a{color:var(--mt-info-text);font-weight:750;text-decoration:underline;text-underline-offset:2px}.domain-cart-term{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 4px;padding:12px;border:1px solid var(--mt-line);border-radius:13px;background:var(--mt-surface)}.domain-cart-term>span{display:flex;align-items:center;gap:7px;color:var(--mt-text);font-size:10px}.domain-cart-term>span i{color:var(--mt-info-text);font-size:15px}.domain-cart-term select{height:38px;min-width:105px;padding:0 30px 0 11px;border:1px solid var(--mt-line);border-radius:10px;background:var(--mt-surface);color:var(--mt-text);font-size:11px;font-weight:700}.domain-cart-term select:focus{border-color:#1769e8;outline:3px solid rgba(23,105,232,.12)}
.acct-domain-release-wait{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #ead9b6;border-radius:12px;background:var(--mt-surface-soft);color:#805715}.acct-domain-release-wait>i{font-size:18px}.acct-domain-release-wait>div{display:flex;flex-direction:column}.acct-domain-release-wait strong{font-size:11px}.acct-domain-release-wait span{margin-top:2px;font-size:10px;line-height:1.4}

/* Domain shop uses the mailbox shell: catalog at left, persistent cart at right. */
.domain-shop .domain-marketplace-content{padding:0;background:var(--mt-surface)}.domain-shop-header{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px;border-bottom:1px solid var(--acct-line);background:var(--mt-surface)}.domain-shop-title{display:flex;align-items:center;gap:13px}.domain-shop-cart-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:var(--mt-action);color:#fff;font-size:17px}.domain-shop-title>div{display:flex;flex-direction:column}.domain-shop-title>div>span{color:var(--mt-info-text);font:800 9px/1.3 "Public Sans",sans-serif;letter-spacing:.12em}.domain-shop-title h1{margin:3px 0 0;font-size:21px;letter-spacing:-.02em}.domain-shop-my-domains{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--acct-line);border-radius:11px;color:var(--mt-text);font-size:12px;font-weight:700;text-decoration:none}.domain-shop-my-domains b{display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border-radius:99px;background:var(--mt-action);color:#fff;font-size:9px}.domain-shop-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:560px}.domain-shop-catalog{min-width:0;padding:24px;border-right:1px solid var(--acct-line);background-color:var(--mt-surface);background-image:radial-gradient(circle,#e3e6eb .7px,transparent .8px);background-size:15px 15px}.domain-shop-search{display:flex;align-items:center;gap:12px;height:54px;padding-left:17px;overflow:hidden;border:1px solid var(--mt-line);border-radius:15px;background:var(--mt-surface);box-shadow:0 3px 12px rgba(20,25,35,.04)}.domain-shop-search>i{color:var(--mt-muted)}.domain-shop-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:16px}.domain-shop-search button{align-self:stretch;padding:0 24px;border:0;background:var(--mt-action);color:#fff;font-weight:750}.domain-shop-search button:disabled{opacity:.55}.domain-shop-catalog-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 2px 12px}.domain-shop-catalog-heading h2{margin:0 0 3px;font-size:15px}.domain-shop-catalog-heading p{margin:0;color:var(--mt-muted);font-size:11px}.domain-shop-catalog-heading>span{display:grid;min-width:25px;height:25px;place-items:center;border-radius:99px;background:var(--mt-surface-soft);font-size:10px;font-weight:800}.domain-shop-feedback{display:flex;min-height:290px;align-items:center;justify-content:center;flex-direction:column;padding:30px;border:1px dashed var(--mt-line);border-radius:15px;background:rgba(255,255,255,.88);text-align:center}.domain-shop-feedback[hidden]{display:none}.domain-shop-feedback>span{display:grid;width:54px;height:54px;margin-bottom:14px;place-items:center;border-radius:16px;background:var(--mt-surface-soft);color:var(--mt-muted);font-size:20px}.domain-shop-feedback strong{font-size:14px}.domain-shop-feedback small{margin-top:6px;color:var(--mt-muted)}.domain-shop-results{display:grid;gap:8px}.domain-shop-result{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:11px 12px;border:1px solid var(--mt-line);border-radius:13px;background:var(--mt-surface);color:var(--mt-text);text-align:left;transition:.15s}.domain-shop-result:hover,.domain-shop-result.is-selected{border-color:var(--mt-line);box-shadow:0 3px 12px rgba(20,25,35,.07)}.domain-result-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:var(--mt-surface-soft)}.domain-result-copy,.domain-result-price{display:flex;min-width:0;flex-direction:column}.domain-result-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-result-copy small,.domain-result-price small{margin-top:3px;color:var(--mt-muted);font-size:9px;text-transform:uppercase}.domain-result-price{align-items:flex-end}.domain-result-price b{font-size:13px}.domain-result-add{display:flex;align-items:center;gap:6px;min-width:78px;justify-content:center;padding:8px 10px;border-radius:9px;background:var(--mt-surface-soft);font-size:11px;font-weight:750}.domain-shop-result.is-selected .domain-result-add{background:var(--mt-action);color:#fff}.domain-shop-cart{position:relative;padding:22px;background:var(--mt-surface)}.domain-cart-heading{display:flex;align-items:center;gap:11px;padding-bottom:18px;border-bottom:1px solid var(--mt-line)}.domain-cart-heading>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--mt-action);color:#fff}.domain-cart-heading>div{display:flex;flex-direction:column}.domain-cart-heading small{color:var(--mt-muted);font-size:8px;font-weight:800;letter-spacing:.13em}.domain-cart-heading h2{margin:2px 0 0;font-size:18px}.domain-cart-empty{display:flex;min-height:185px;align-items:center;justify-content:center;flex-direction:column;color:var(--mt-muted);text-align:center}.domain-cart-empty>span{display:grid;width:50px;height:50px;margin-bottom:12px;place-items:center;border:1px solid var(--mt-line);border-radius:50%;background:var(--mt-surface);font-size:17px}.domain-cart-empty p{max-width:210px;margin:0;font-size:11px;line-height:1.55}.domain-cart-product{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:18px;padding:13px;border:1px solid var(--mt-line);border-radius:13px;background:var(--mt-surface)}.domain-cart-globe{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--mt-action);color:#fff}.domain-cart-product>div{display:flex;min-width:0;flex-direction:column}.domain-cart-product strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.domain-cart-product small{margin-top:3px;color:var(--mt-muted);font-size:8px}.domain-cart-product>b{font-size:11px}.domain-cart-summary{display:flex;align-items:center;justify-content:space-between;margin:14px 0;padding:13px 2px;border-top:1px solid var(--mt-line);border-bottom:1px solid var(--mt-line);font-size:12px}.domain-cart-summary strong{font-size:16px}.domain-cart-payment h3{margin:15px 0 8px;font-size:11px}.domain-payment-option{display:block;margin-bottom:7px;cursor:pointer}.domain-payment-option input{position:absolute;opacity:0}.domain-payment-option>span{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--mt-line);border-radius:10px;background:var(--mt-surface);font-size:10px}.domain-payment-option input:checked+span{border-color:var(--mt-line);box-shadow:0 0 0 1px #18181b}.domain-payment-option small{color:var(--mt-muted)}.domain-cart-pay{display:flex;width:100%;min-height:43px;margin-top:15px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;background:var(--mt-action);color:#fff;font-size:11px;font-weight:800}.domain-cart-clear{display:block;margin-top:10px;color:var(--mt-muted);font-size:10px;text-align:center}.domain-cart-wallet{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:18px;padding:12px;border-radius:11px;background:var(--mt-surface-soft);font-size:10px}.domain-cart-wallet strong{font-size:11px}.domain-cart-wallet a{grid-column:2/-1;color:var(--mt-info-text);font-weight:700}.domain-shop-library{padding:24px;border-top:1px solid var(--acct-line);background:var(--mt-surface)}.domain-shop-section-title,.domain-shop-section-title>div{display:flex;align-items:center;justify-content:space-between;gap:11px}.domain-shop-section-title>div>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--mt-action);color:#fff}.domain-shop-section-title h2{margin:0 0 3px;font-size:16px}.domain-shop-section-title p{margin:0;color:var(--mt-muted);font-size:10px}.domain-shop-section-title>a{color:var(--mt-text);font-size:10px;font-weight:700}.domain-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}.domain-library-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border:1px solid var(--mt-line);border-radius:11px;color:var(--mt-text);text-decoration:none}.domain-library-card>span{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--mt-surface-soft)}.domain-library-card>div{display:flex;min-width:0;flex-direction:column}.domain-library-card strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.domain-library-card small{margin-top:2px;color:var(--mt-muted);font-size:8px;text-transform:uppercase}.domain-library-card>i{font-size:8px}.domain-library-empty{grid-column:1/-1;padding:25px;border:1px dashed var(--mt-line);border-radius:12px;color:var(--mt-muted);text-align:center}.domain-shop-gate{display:flex;min-height:500px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.domain-shop-gate>i{display:grid;width:62px;height:62px;margin-bottom:17px;place-items:center;border-radius:18px;background:var(--mt-action);color:#fff;font-size:22px}.domain-shop-gate h2{margin:0 0 8px}.domain-shop-gate p{color:var(--mt-muted)}.domain-shop-gate a{padding:10px 15px;border-radius:10px;background:var(--mt-action);color:#fff;font-weight:700}
@media(max-width:991.98px){.domain-shop-grid{grid-template-columns:1fr}.domain-shop-catalog{border-right:0}.domain-shop-cart{border-top:1px solid var(--acct-line)}.domain-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575.98px){.domain-shop-header{padding:12px 14px}.domain-shop-title h1{font-size:16px}.domain-shop-my-domains{font-size:0}.domain-shop-my-domains i,.domain-shop-my-domains b{font-size:10px}.domain-shop-catalog,.domain-shop-library{padding:14px}.domain-shop-search button{padding:0 14px}.domain-shop-result{grid-template-columns:36px minmax(0,1fr) auto}.domain-result-price{display:none}.domain-result-add{min-width:34px;font-size:0}.domain-result-add i{font-size:11px}.domain-library-grid{grid-template-columns:1fr}}
.domain-shop-feedback .tabler-loader-2{animation:domain-shop-spin .8s linear infinite}@keyframes domain-shop-spin{to{transform:rotate(360deg)}}

/* Managed-domain detail: self-contained icons and readable status hierarchy. */
.acct-domain-heading{display:flex;align-items:center;gap:14px}.acct-domain-heading>span{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:14px;background:var(--mt-action);color:#fff;font-size:21px}.acct-domain-detail-card{min-height:230px}.acct-domain-card-title>span{flex:0 0 40px;color:var(--mt-text);font-size:18px}.acct-domain-order-status{display:inline-flex!important;align-items:center;gap:7px}.acct-domain-order-status i{font-size:14px}.acct-domain-good{display:inline-flex;align-items:center;gap:6px;color:var(--mt-success-text)}.acct-domain-empty{display:flex;align-items:center;gap:13px;padding:16px;border:1px dashed var(--mt-line);border-radius:13px;background:var(--mt-surface)}.acct-domain-empty>i{color:var(--mt-muted);font-size:21px;animation:domain-shop-spin 1.2s linear infinite}.acct-domain-empty strong{font-size:12px}.acct-domain-empty p{margin:3px 0 0;color:var(--acct-muted);font-size:11px;line-height:1.45}
@media(max-width:575.98px){.acct-domain-heading{align-items:flex-start}.acct-domain-heading>span{width:42px;height:42px;flex-basis:42px}.acct-domain-timeline{grid-template-columns:1fr 1fr}.acct-domain-timeline div{font-size:10px}.acct-domain-detail-card{min-height:0}}

/* Purchased-domain library. External custom domains intentionally stay out of this UI. */
.managed-domain-library{padding:28px}.managed-domain-library-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.managed-domain-library-intro h2{margin:0 0 5px;font-size:20px}.managed-domain-library-intro p{margin:0;color:var(--mt-muted);font-size:12px}.managed-domain-library-intro>span{display:flex;align-items:center;gap:5px;padding:8px 12px;border:1px solid var(--mt-line);border-radius:99px;background:var(--mt-surface);color:var(--mt-muted);font-size:10px}.managed-domain-library-intro>span b{color:var(--mt-text);font-size:13px}.managed-domain-grid{display:grid;gap:10px}.managed-domain-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto 18px;align-items:center;gap:14px;padding:15px 17px;border:1px solid var(--mt-line);border-radius:15px;background:var(--mt-surface);color:var(--mt-text);text-decoration:none;box-shadow:0 3px 12px rgba(25,30,40,.025);transition:.16s}.managed-domain-card:hover{border-color:var(--mt-line);color:var(--mt-text);transform:translateY(-1px);box-shadow:0 8px 22px rgba(25,30,40,.07)}.managed-domain-card-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;background:var(--mt-surface-soft);font-size:18px}.managed-domain-card-copy{display:flex;min-width:0;flex-direction:column}.managed-domain-card-copy>strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.managed-domain-card-copy>span{display:flex;align-items:center;gap:5px;margin-top:4px;color:var(--mt-muted);font-size:10px}.managed-domain-card--active .managed-domain-card-copy>span{color:var(--mt-success-text)}.managed-domain-card--expired .managed-domain-card-copy>span{color:var(--mt-danger-text)}.managed-domain-card-date{display:flex;align-items:flex-end;flex-direction:column}.managed-domain-card-date small{color:var(--mt-muted);font-size:8px;text-transform:uppercase}.managed-domain-card-date b{margin-top:3px;font-size:11px}.managed-domain-card>i{color:var(--mt-muted)}.managed-domain-pagination{margin-top:20px}.managed-domain-library-empty{display:flex;min-height:390px;align-items:center;justify-content:center;flex-direction:column;padding:35px;border:1px dashed var(--mt-line);border-radius:18px;background:rgba(255,255,255,.88);text-align:center}.managed-domain-library-empty>span{display:grid;width:62px;height:62px;margin-bottom:17px;place-items:center;border-radius:18px;background:var(--mt-action);color:#fff;font-size:23px}.managed-domain-library-empty h2{margin:0 0 7px;font-size:19px}.managed-domain-library-empty p{max-width:440px;color:var(--mt-muted)}.managed-domain-library-empty a{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:11px;background:var(--mt-action);color:#fff;font-size:11px;font-weight:750;text-decoration:none}
@media(max-width:575.98px){.managed-domain-library{padding:15px}.managed-domain-library-intro{align-items:flex-start;flex-direction:column}.managed-domain-card{grid-template-columns:42px minmax(0,1fr) 14px;padding:13px}.managed-domain-card-icon{width:40px;height:40px}.managed-domain-card-date{display:none}}
.managed-domain-search{display:flex;height:48px;align-items:center;gap:10px;margin-bottom:17px;padding-left:14px;overflow:hidden;border:1px solid var(--mt-line);border-radius:13px;background:var(--mt-surface);box-shadow:0 3px 12px rgba(25,30,40,.03)}.managed-domain-search>i{color:var(--mt-muted)}.managed-domain-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--mt-text);font-size:12px}.managed-domain-search>a{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--mt-surface-soft);color:var(--mt-muted);text-decoration:none}.managed-domain-search button{align-self:stretch;padding:0 20px;border:0;background:var(--mt-action);color:#fff;font-size:11px;font-weight:750}.managed-domain-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:var(--mt-muted);font-size:10px}.managed-domain-pagination>nav{margin-left:auto}.managed-domain-pagination .pagination{margin:0}@media(max-width:575.98px){.managed-domain-search button{padding:0 13px}.managed-domain-pagination{align-items:flex-start;flex-direction:column}.managed-domain-pagination>nav{margin-left:0}}

/* First-visit domain onboarding. */
.domain-shop-header-actions{display:flex;align-items:center;gap:8px}.domain-tour-help{display:flex;align-items:center;gap:6px;padding:9px 11px;border:0;border-radius:10px;background:var(--mt-surface-soft);color:var(--mt-muted);font-size:10px;font-weight:700}.domain-tour[hidden]{display:none}.domain-tour{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:18px}.domain-tour-backdrop{position:absolute;inset:0;background:rgba(15,17,21,.62);backdrop-filter:blur(5px)}.domain-tour-dialog{position:relative;width:min(540px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:24px;background:var(--mt-surface);box-shadow:0 32px 90px rgba(0,0,0,.3)}.domain-tour-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:19px 22px 14px}.domain-tour-dialog>header>div{display:flex;flex-direction:column}.domain-tour-dialog>header span{color:var(--mt-info-text);font-size:8px;font-weight:850;letter-spacing:.14em}.domain-tour-dialog>header strong{margin-top:2px;font-size:13px}.domain-tour-dialog>header button{display:grid;width:33px;height:33px;place-items:center;border:0;border-radius:10px;background:var(--mt-surface-soft);color:var(--mt-muted)}.domain-tour-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:0 22px}.domain-tour-progress span{height:3px;border-radius:9px;background:var(--mt-surface-soft)}.domain-tour-progress span.is-active{background:var(--mt-action)}.domain-tour-slides{min-height:390px}.domain-tour-slide{display:none;padding:35px 42px 28px;text-align:center}.domain-tour-slide.is-active{display:flex;align-items:center;flex-direction:column;animation:domainTourIn .22s ease}.domain-tour-icon{display:grid;width:66px;height:66px;margin-bottom:19px;place-items:center;border-radius:20px;background:var(--mt-action);color:#fff;font-size:26px;box-shadow:0 12px 28px rgba(24,24,27,.17)}.domain-tour-slide>small{color:var(--mt-info-text);font-size:8px;font-weight:850;letter-spacing:.14em}.domain-tour-slide h2{max-width:410px;margin:8px 0 10px;font-size:24px;letter-spacing:-.035em}.domain-tour-slide>p{max-width:430px;margin:0;color:var(--mt-muted);font-size:12px;line-height:1.65}.domain-tour-example,.domain-tour-ready{display:flex;align-items:center;gap:11px;margin-top:25px;padding:14px 17px;border:1px solid var(--mt-line);border-radius:14px;background:var(--mt-surface)}.domain-tour-example>i{color:var(--mt-info-text);font-size:18px}.domain-tour-example span{font-family:"Doto","Public Sans",sans-serif;font-size:14px}.domain-tour-flow{display:flex;align-items:center;gap:10px;margin-top:28px}.domain-tour-flow span{display:flex;align-items:center;gap:7px;padding:11px 14px;border-radius:11px;background:var(--mt-surface-soft);font-size:11px;font-weight:750}.domain-tour-statuses{display:flex;align-items:center;gap:7px;margin-top:27px}.domain-tour-statuses span{display:flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid var(--mt-line);border-radius:99px;color:var(--mt-muted);font-size:9px}.domain-tour-statuses .is-done{border-color:var(--mt-line);background:var(--mt-surface-soft);color:var(--mt-success-text)}.domain-tour-statuses .tabler-loader-2{animation:domain-shop-spin 1s linear infinite}.domain-tour-aliases{display:grid;gap:7px;margin-top:24px}.domain-tour-aliases span{padding:8px 13px;border-radius:9px;background:var(--mt-surface-soft);color:var(--mt-text);font-family:"Doto","Public Sans",sans-serif;font-size:10px}.domain-tour-ready{text-align:left}.domain-tour-ready>i{color:var(--mt-success-text);font-size:25px}.domain-tour-ready>div{display:flex;flex-direction:column}.domain-tour-ready strong{font-size:12px}.domain-tour-ready span{margin-top:2px;color:var(--mt-muted);font-size:10px}.domain-tour-dialog>footer{display:flex;align-items:center;justify-content:space-between;padding:15px 22px 20px;border-top:1px solid var(--mt-line)}.domain-tour-dialog>footer>div{display:flex;gap:7px}.domain-tour-skip,.domain-tour-back,.domain-tour-next{display:flex;height:40px;align-items:center;justify-content:center;gap:6px;padding:0 14px;border:0;border-radius:10px;font-size:10px;font-weight:750}.domain-tour-skip,.domain-tour-back{background:var(--mt-surface-soft);color:var(--mt-muted)}.domain-tour-next{min-width:105px;background:var(--mt-action);color:#fff}.domain-tour-open{overflow:hidden}@keyframes domainTourIn{from{opacity:0;transform:translateX(9px)}to{opacity:1;transform:none}}@media(max-width:575.98px){.domain-tour{padding:10px}.domain-tour-dialog{border-radius:19px}.domain-tour-slides{min-height:400px}.domain-tour-slide{padding:28px 22px 20px}.domain-tour-slide h2{font-size:20px}.domain-tour-dialog>footer{padding:13px 15px 16px}.domain-tour-skip{padding:0 10px}.domain-tour-help{font-size:0}.domain-tour-help i{font-size:14px}.domain-shop-header-actions{gap:5px}}
/* Internal domain inventory and explicit licence release. */
.domain-inventory-market{margin-top:24px;padding:24px;border:1px solid var(--mt-line);border-radius:24px;background:var(--mt-surface)}.domain-inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.domain-inventory-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:18px;border:1px solid var(--mt-line);border-radius:18px;background:var(--mt-surface)}.domain-inventory-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--mt-surface-soft);color:var(--mt-info-text)}.domain-inventory-card div{min-width:0}.domain-inventory-card strong,.domain-inventory-card small{display:block}.domain-inventory-card strong{overflow:hidden;text-overflow:ellipsis}.domain-inventory-card small{margin-top:4px;color:var(--mt-muted)}.domain-inventory-card form{grid-column:1/-1}.domain-inventory-card button,.acct-domain-release-button{width:100%;border:0;border-radius:12px;padding:12px 16px;background:var(--mt-action);color:#fff;font-weight:700}.acct-domain-release-card{border-color:#f2c7c7!important;background:var(--mt-surface)!important}.acct-domain-release-button{background:#b42318}@media(max-width:900px){.domain-inventory-grid{grid-template-columns:1fr}.domain-inventory-market{padding:18px}}

/* Domain shop catalog switcher */
.domain-shop-header{position:sticky;top:0;z-index:25}.domain-shop-tabs{display:flex;align-items:stretch;gap:7px;min-width:0}.domain-shop-tabs>button{display:grid;grid-template-columns:38px minmax(0,auto) auto;align-items:center;gap:10px;min-width:235px;padding:8px 11px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--mt-muted);text-align:left;cursor:pointer;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}.domain-shop-tabs>button>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:var(--mt-surface-soft);color:var(--mt-muted)}.domain-shop-tabs>button>div{display:flex;min-width:0;flex-direction:column}.domain-shop-tabs>button small{color:var(--mt-info-text);font-size:7px;font-weight:850;letter-spacing:.13em}.domain-shop-tabs>button strong{margin-top:2px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.domain-shop-tabs>button>b{display:grid;min-width:22px;height:22px;padding:0 6px;place-items:center;border-radius:99px;background:var(--mt-surface-soft);font-size:9px}.domain-shop-tabs>button:hover{border-color:var(--mt-line);background:var(--mt-surface)}.domain-shop-tabs>button.is-active{border-color:var(--mt-line);background:var(--mt-action);color:#fff;box-shadow:0 6px 15px rgba(24,24,27,.12)}.domain-shop-tabs>button.is-active>span{background:var(--mt-surface);color:var(--mt-text)}.domain-shop-tabs>button.is-active small{color:#8fb9ff}.domain-shop-tabs>button.is-active>b{background:var(--mt-surface);color:var(--mt-text)}.domain-shop-panel[hidden]{display:none!important}.domain-inventory-market.domain-shop-panel{min-height:560px;margin:0;padding:28px;border:0;border-radius:0;background-color:var(--mt-surface);background-image:radial-gradient(circle,#e3e6eb .7px,transparent .8px);background-size:15px 15px}.domain-internal-hero{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:17px;max-width:1100px;margin:0 auto;padding:25px 27px;overflow:hidden;border-radius:20px;background:linear-gradient(115deg,var(--mt-action) 0 58%,#246bfd 58% 100%);color:#fff}.domain-internal-hero:after{position:absolute;right:-30px;top:-75px;width:230px;height:230px;border:34px solid rgba(255,255,255,.08);border-radius:50%;content:""}.domain-internal-hero>span{display:grid;width:54px;height:54px;place-items:center;border-radius:15px;background:var(--mt-surface);color:var(--mt-text);font-size:21px}.domain-internal-hero>div{position:relative;z-index:1}.domain-internal-hero small{color:#8fb9ff;font-size:8px;font-weight:850;letter-spacing:.15em}.domain-internal-hero h1{margin:5px 0 6px;color:#fff;font-size:25px;letter-spacing:-.035em}.domain-internal-hero p{max-width:630px;margin:0;color:rgba(255,255,255,.72);font-size:11px;line-height:1.55}.domain-internal-hero>b{position:relative;z-index:1;padding:10px 13px;border:1px solid rgba(255,255,255,.28);border-radius:99px;background:rgba(255,255,255,.12);font-size:10px;white-space:nowrap}.domain-inventory-market .domain-inventory-grid{max-width:1100px;margin:18px auto 0}.domain-inventory-market .managed-domain-pagination{max-width:1100px;margin:18px auto 0}.domain-inventory-card>a{display:flex;grid-column:1/-1;align-items:center;justify-content:center;gap:7px;padding:12px 16px;border-radius:12px;background:var(--mt-action);color:#fff;font-size:11px;font-weight:700;text-decoration:none}
@media(max-width:1199.98px){.domain-shop-tabs>button{min-width:190px}.domain-shop-tabs>button small{display:none}.domain-shop-tabs>button strong{font-size:11px}}
@media(max-width:767.98px){.domain-shop-header{align-items:stretch;flex-direction:column;padding:10px 12px}.domain-shop-tabs{display:grid;grid-template-columns:1fr 1fr}.domain-shop-tabs>button{grid-template-columns:30px minmax(0,1fr) auto;min-width:0;padding:7px}.domain-shop-tabs>button>span{width:30px;height:30px}.domain-shop-tabs>button strong{font-size:9px}.domain-shop-header-actions{justify-content:flex-end}.domain-inventory-market.domain-shop-panel{padding:14px}.domain-internal-hero{grid-template-columns:44px minmax(0,1fr);padding:20px}.domain-internal-hero>span{width:42px;height:42px}.domain-internal-hero h1{font-size:19px}.domain-internal-hero>b{grid-column:1/-1;justify-self:start}}

/* Deliberate, branded confirmation for releasing a purchased domain. */
.acct-domain-release-modal .modal-dialog{width:calc(100% - 28px);max-width:540px;margin:14px auto}.acct-domain-release-modal .modal-content{position:relative;padding:30px;border:1px solid var(--mt-line);border-radius:24px;background:var(--mt-surface);box-shadow:0 30px 90px rgba(17,18,23,.28)}.acct-domain-release-close{position:absolute;top:17px;right:17px;display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid var(--mt-line);border-radius:11px;background:var(--mt-surface);color:var(--mt-muted)}.acct-domain-release-modal-icon{display:grid;width:58px;height:58px;margin-bottom:18px;place-items:center;border-radius:17px;background:var(--mt-action);color:#fff;font-size:23px;box-shadow:0 10px 24px rgba(24,24,27,.17)}.acct-domain-release-kicker{margin:0 0 7px;color:var(--mt-danger-text);font-size:9px;font-weight:850;letter-spacing:.14em}.acct-domain-release-modal h2{margin:0;color:var(--mt-text);font-size:25px;letter-spacing:-.035em}.acct-domain-release-intro{margin:8px 0 20px;color:var(--mt-muted);font-size:12px;line-height:1.55}.acct-domain-release-name{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--mt-line);border-radius:15px;background:var(--mt-surface)}.acct-domain-release-name>i{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:11px;background:var(--mt-surface-soft);color:var(--mt-info-text);font-size:17px}.acct-domain-release-name>div{display:flex;min-width:0;flex-direction:column}.acct-domain-release-name small{color:var(--mt-muted);font-size:9px}.acct-domain-release-name strong{margin-top:2px;overflow:hidden;color:var(--mt-text);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.acct-domain-release-effects{display:grid;gap:12px;margin:20px 0;padding:0;list-style:none}.acct-domain-release-effects li{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:9px;color:var(--mt-muted);font-size:11px;line-height:1.5}.acct-domain-release-effects i{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:var(--mt-surface-soft);color:var(--mt-muted);font-size:12px}.acct-domain-release-effects li:first-child i{background:var(--mt-surface-soft);color:var(--mt-success-text)}.acct-domain-release-effects li:nth-child(2) i{background:var(--mt-surface-soft);color:var(--mt-danger-text)}.acct-domain-release-warning{display:flex;align-items:center;gap:9px;padding:12px 13px;border:1px solid #f1c5c1;border-radius:12px;background:var(--mt-surface-soft);color:#9f2219;font-size:10px;font-weight:700}.acct-domain-release-warning i{font-size:15px}.acct-domain-release-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;margin-top:22px}.acct-domain-release-actions button{display:flex;min-height:45px;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:12px;font-size:11px;font-weight:750}.acct-domain-release-cancel{border:1px solid var(--mt-line);background:var(--mt-surface);color:var(--mt-text)}.acct-domain-release-confirm{border:1px solid #b42318;background:#b42318;color:#fff}.acct-domain-release-confirm:hover{border-color:#941d14;background:#941d14}.acct-domain-release-confirm:focus,.acct-domain-release-cancel:focus,.acct-domain-release-close:focus{outline:3px solid rgba(36,107,253,.2);outline-offset:2px}
@media(max-width:575.98px){.acct-domain-release-modal{padding:0!important}.acct-domain-release-modal .modal-dialog{width:calc(100% - 20px);margin:10px auto}.acct-domain-release-modal .modal-content{padding:23px 19px 19px;border-radius:20px}.acct-domain-release-modal-icon{width:50px;height:50px;margin-bottom:15px;border-radius:15px;font-size:20px}.acct-domain-release-modal h2{padding-right:38px;font-size:22px}.acct-domain-release-intro{margin-bottom:16px}.acct-domain-release-actions{grid-template-columns:1fr}.acct-domain-release-confirm{grid-row:1}.acct-domain-release-cancel{grid-row:2}}
.managed-domain-payment-attempts{margin:0 0 22px;padding:18px;border:1px solid #f1d38b;border-radius:18px;background:var(--mt-surface)}.managed-domain-payment-attempts>div{display:flex;align-items:center;gap:12px;margin-bottom:12px}.managed-domain-payment-attempts>div>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff0c7;color:#9a6700;font-size:20px}.managed-domain-payment-attempts p{margin:3px 0 0;color:var(--mt-muted);font-size:13px}.managed-domain-payment-attempts>a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid #ead8aa;border-radius:13px;background:var(--mt-surface);color:var(--mt-text);text-decoration:none}.managed-domain-payment-attempts>a+a{margin-top:9px}.managed-domain-payment-attempts a span{display:flex;min-width:0;flex-direction:column}.managed-domain-payment-attempts a b{overflow:hidden;text-overflow:ellipsis}.managed-domain-payment-attempts a small{margin-top:2px;color:var(--mt-muted)}.acct-domain-payment-resume{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px!important;border-color:#f1d38b!important;background:linear-gradient(135deg,var(--mt-surface),var(--mt-surface))!important}.acct-domain-payment-resume-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--mt-action);color:#fff;font-size:24px}.acct-domain-payment-resume p{margin:0 0 4px;color:#a66b00;font-size:11px;font-weight:800;letter-spacing:.12em}.acct-domain-payment-resume h2{margin:0 0 5px;font-size:20px}.acct-domain-payment-resume div>span{color:var(--mt-muted);font-size:13px}.acct-domain-payment-resume>a{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:11px;background:var(--mt-action);color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}@media(max-width:767.98px){.acct-domain-payment-resume{grid-template-columns:auto 1fr}.acct-domain-payment-resume>a{grid-column:1/-1;justify-content:center}.managed-domain-payment-attempts>a{grid-template-columns:minmax(0,1fr) auto}.managed-domain-payment-attempts>a>strong{font-size:12px}.managed-domain-payment-attempts>a>i{display:none}}
.acct-domain-process-warning{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:15px 17px;border:1px solid #f3c8c8;border-radius:14px;background:var(--mt-surface);color:#a42b2b}.acct-domain-process-warning>i{margin-top:2px;font-size:21px}.acct-domain-process-warning div{display:flex;flex-direction:column;gap:3px}.acct-domain-process-warning span{color:#7c4a4a;font-size:13px;line-height:1.45}