/* Premium + Login modal (single dialog). zoom cancels the site's html 0.8 x body 0.9 scaling. */
html.pm-lock{overflow:hidden}
/* Header: no background animation, straight bottom edge */
.header .star-bg,.header .particle1,.header .header-circles,.header .custom-shape-divider-bottom-1696181426{display:none!important}
.header-slim{padding-bottom:21px}
.header .app-store-buttons .btn{border-radius:14px!important}
.page-breadcrumb{display:block;margin:0 0 14px}
.mailbox .mailbox-body{height:426px;min-height:426px;max-height:426px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5cae0 transparent}
.mailbox .mailbox-body::-webkit-scrollbar{width:8px}
.mailbox .mailbox-body::-webkit-scrollbar-track{background:transparent}
.mailbox .mailbox-body::-webkit-scrollbar-thumb{background:#c5cae0;border-radius:8px}
.page-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 32px;background:var(--primary_color);color:var(--secondary_text_color,#fff);border-radius:16px 16px 0 0}
.page-titlebar h1{margin:0;font-size:32px;font-weight:700;line-height:1.25;color:var(--secondary_text_color,#fff)!important;text-transform:uppercase;letter-spacing:.5px}
.page-back-btn{display:inline-flex;align-items:center;flex-shrink:0;gap:6px;min-height:44px;padding:8px 20px;border-radius:10px;border:1px solid var(--secondary_color);background:var(--secondary_color);color:var(--secondary_text_color,#fff)!important;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none!important;transition:opacity .15s}
.page-back-btn:hover,.page-back-btn:focus-visible{opacity:.9}
.viewbox-body.v2 h2,.viewbox-body.v2 h2 *{font-size:24px!important;line-height:1.3!important}
.viewbox-body.v2 h3,.viewbox-body.v2 h3 *{font-size:20px!important;line-height:1.35!important}
@media (max-width:575px){
.page-titlebar{padding:16px 18px}
.page-titlebar h1{font-size:22px}
.page-back-btn{min-height:40px;padding:6px 14px}
.viewbox-body.v2 h2,.viewbox-body.v2 h2 *{font-size:22px!important}
.viewbox-body.v2 h3,.viewbox-body.v2 h3 *{font-size:18px!important}
}
.pm-overlay{position:fixed;left:0;top:0;width:100vw;height:100vh;zoom:1.3889;z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,15,40,.62);overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:inherit}
.pm-overlay[hidden]{display:none}
.pm-overlay *{box-sizing:border-box}
.pm-dialog{position:relative;width:100%;max-width:560px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;background:#fff;color:#1c2340;border-radius:18px;padding:26px 26px 22px;box-shadow:0 24px 70px rgba(0,0,0,.38);outline:0;font-size:15px;line-height:1.45}
.pm-dialog{scrollbar-width:thin;scrollbar-color:#c5cae0 transparent}
.pm-dialog::-webkit-scrollbar{width:8px}
.pm-dialog::-webkit-scrollbar-track{background:transparent;margin:18px 0}
.pm-dialog::-webkit-scrollbar-thumb{background:#c5cae0;border-radius:8px;border:2px solid #fff}
.pm-close{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;background:transparent;font-size:30px;line-height:1;color:#5b6280;border-radius:50%;cursor:pointer;z-index:2}
.pm-close:hover,.pm-close:focus-visible{background:rgba(0,0,0,.08)}
.pm-close:disabled{opacity:.35;cursor:not-allowed}
.pm-title{font-size:24px;font-weight:800;margin:0 40px 6px 0;color:#1c2340;line-height:1.2}
.pm-sub{margin:0 0 14px;color:#5b6280;font-size:14px}
.pm-muted{color:#6b7391;font-size:13px}
.pm-center{text-align:center;padding:6px 0 4px}
.pm-center .pm-title{margin:10px 0 6px}
.pm-link{color:var(--primary_color,#283E8A);font-weight:600;text-decoration:underline;cursor:pointer}

/* progress */
.pm-steps{list-style:none;display:flex;align-items:center;justify-content:center;gap:0;margin:0 40px 18px 0;padding:0}
.pm-steps[hidden]{display:none}
.pm-step{display:flex;align-items:center;gap:8px;color:#8a91ab;font-weight:600;font-size:13px}
.pm-step__dot{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e8ebf6;color:#5b6280;font-size:13px;font-weight:700;flex:none}
.pm-step.is-current{color:#1c2340}
.pm-step.is-current .pm-step__dot{background:var(--primary_color,#283E8A);color:#fff}
.pm-step.is-done .pm-step__dot{background:#198754;color:#fff}
.pm-step.is-done{color:#198754}
.pm-step__line{flex:1 1 24px;max-width:60px;min-width:16px;height:2px;background:#dfe3f1;margin:0 8px}

/* forms */
.pm-field{margin-bottom:14px;min-width:0}
.pm-field label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;color:#1c2340}
.pm-field input{width:100%;min-height:46px;border:1px solid #cdd2e6;border-radius:10px;padding:10px 14px;font-size:16px;background:#fff;color:#1c2340}
.pm-field input:focus{outline:2px solid var(--primary_color,#283E8A);outline-offset:1px;border-color:var(--primary_color,#283E8A)}
.pm-field input[aria-invalid=true]{border-color:#dc3545}
.pm-field__err{color:#dc3545;font-size:13px;margin-top:4px}
.pm-field__err:empty{display:none}
.pm-pass{position:relative}
.pm-pass input{padding-right:50px}
.pm-pass__toggle{position:absolute;right:0;top:0;width:46px;height:46px;border:0;background:transparent;color:#5b6280;cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center}
.pm-pass__toggle:focus-visible{outline:2px solid var(--primary_color,#283E8A)}
.pm-pass__toggle[aria-pressed=true]{color:var(--primary_color,#283E8A)}
.pm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.pm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.pm-check{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:14px}
.pm-check input{width:18px;height:18px}
.pm-alert{background:#fdecee;color:#a61b2b;border:1px solid #f5c2c7;border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:14px}
.pm-alert[hidden]{display:none}
.pm-switch{margin:14px 0 0;text-align:center;font-size:14px;color:#5b6280}

/* buttons */
.pm-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}
.pm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 24px;border-radius:10px;border:2px solid transparent;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;line-height:1.2}
.pm-btn--primary{background:var(--primary_color,#283E8A);color:#fff;border-color:var(--primary_color,#283E8A)}
.pm-btn--primary:hover{filter:brightness(1.1);color:#fff}
.pm-btn--ghost{background:#fff;color:#1c2340;border-color:#cdd2e6}
.pm-btn--ghost:hover{background:#f3f5fb}
.pm-btn--block{width:100%}
.pm-btn:disabled{opacity:.55;cursor:not-allowed}
.pm-btn:focus-visible,.pm-link:focus-visible,.pm-toggle__btn:focus-visible{outline:3px solid rgba(40,62,138,.45);outline-offset:2px}
.pm-spin{width:18px;height:18px;border:3px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:inline-block;animation:pmspin .8s linear infinite}
.pm-spin--lg{width:44px;height:44px;border-width:4px;border-color:#dfe3f1;border-top-color:var(--primary_color,#283E8A)}
.pm-btn--ghost .pm-spin{border-color:#cdd2e6;border-top-color:#1c2340}
@keyframes pmspin{to{transform:rotate(360deg)}}
.pm-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px 0;color:#5b6280}

/* plans */
.pm-toggle{display:flex;gap:4px;background:#eef0f8;padding:4px;border-radius:999px;width:fit-content;margin:0 auto 16px}
.pm-toggle__btn{min-height:44px;padding:8px 24px;border:0;border-radius:999px;background:transparent;font-weight:700;color:#5b6280;cursor:pointer}
.pm-toggle__btn.is-on{background:var(--primary_color,#283E8A);color:#fff}
.pm-toggle{margin-top:14px}
.plan-switcher .plan-switcher-item{position:relative}
.plan-switcher .plan-discount-badge{right:auto;left:50%;transform:translateX(-50%);white-space:nowrap}
.pm-toggle__btn{position:relative}
.pm-toggle__tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:2px 9px;border-radius:999px;background:var(--secondary_color,#009688);color:var(--secondary_text_color,#fff);font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap;pointer-events:none}
.pm-plans{display:grid;gap:12px}
.pm-plan{position:relative;display:block;border:2px solid #dfe3f1;border-radius:14px;padding:16px 16px 12px;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s}
.pm-plan input{position:absolute;opacity:0;pointer-events:none}
.pm-plan:hover{border-color:#b9c0e0}
.pm-plan.is-selected{border-color:var(--primary_color,#283E8A);box-shadow:0 6px 22px rgba(40,62,138,.18)}
.pm-plan:focus-within{outline:3px solid rgba(40,62,138,.35);outline-offset:2px}
.pm-plan.is-current{border-color:#198754}
.pm-plan__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pm-plan__name{font-size:19px;font-weight:800}
.pm-plan__price{font-size:26px;font-weight:800;color:var(--primary_color,#283E8A)}
.pm-plan__price small{font-size:13px;color:#6b7391;font-weight:600}
.pm-plan__desc{display:block;color:#5b6280;font-size:13px;margin-top:2px}
.pm-plan__cur{display:inline-block;margin-top:6px;color:#198754;font-weight:700;font-size:13px}
.pm-ribbon{position:absolute;top:-11px;right:14px;background:var(--primary_color,#283E8A);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}
.pm-feats{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;font-size:13px}
.pm-feats li.on{color:#1c2340}
.pm-feats li.off{color:#9aa1ba}

/* summary & payment */
.pm-sum{border:1px solid #e3e6f2;background:#f8f9fd;border-radius:12px;padding:14px 16px;margin-bottom:14px}
.pm-sum__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}
.pm-sum__row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:14px}
.pm-sum__row span:last-child,.pm-sum__row strong:last-child{text-align:right}
.pm-sum__total{border-top:1px solid #dfe3f1;margin-top:4px;padding-top:9px;font-weight:800;font-size:16px}
.pm-sum__note{margin:8px 0 0}
.pm-paddle{min-height:80px;margin-bottom:6px}
.pm-paddle .pm-btn{margin-top:4px}
.paddle-checkout-frame{width:100%}
.pm-secure{margin:8px 0 0;text-align:center;font-size:12px;color:#6b7391}
.pm-badge{width:64px;height:64px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#fff}
.pm-badge--ok{background:#198754}
.pm-badge--err{background:#dc3545}
.pm-badge--wait{background:#f0a500}
.pm-status{background:#d1f0df;color:#146c43;font-weight:700;padding:2px 12px;border-radius:999px}

@media (max-width:640px){
  .pm-overlay{padding:0;align-items:stretch}
  .pm-dialog{max-width:none;min-height:100%;max-height:none;border-radius:0;padding:22px 16px 20px}
  .pm-title{font-size:21px}
  .pm-grid2{grid-template-columns:1fr}
  .pm-feats{grid-template-columns:1fr}
  .pm-actions{flex-direction:column-reverse}
  .pm-actions .pm-btn{width:100%}
  .pm-step__label{display:none}
  .pm-step.is-current .pm-step__label{display:inline}
}
@media (prefers-reduced-motion:reduce){.pm-spin{animation-duration:2s}}

/* ===== Inbox: search toolbar, shared grid columns, rows ===== */
.mailbox{--mb-pad:24px;--mb-sbw:0px}
/* Bootstrap's stepped container widths made the inbox narrower than the address box on tablets; let it use the full available width */
.container:has(> .section-inner > .mailbox-container),.container:has(> .section-inner > .viewbox-container){max-width:1140px}
.mailbox-container,.mailbox-container .mail-content,.viewbox-container .box-content{width:100%}
.viewbox-container .box-content{max-width:1000px}
.viewbox .viewbox-body{min-height:426px}
.mailbox .mailbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px var(--mb-pad);background:#fff;border-bottom:1px solid #edf2f9}
.mailbox.empty:not(.is-searching) .mailbox-toolbar{display:none}
.mailbox-search-count{font-size:13px;color:#5b6280}
.mailbox-search{position:relative;width:280px;max-width:100%;margin-left:auto}
.mailbox-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8c92a5;pointer-events:none}
.mailbox-search-input{width:100%;height:40px;padding:0 40px 0 36px;border:1px solid #d8dcec;border-radius:10px;background:#fff;font-size:14px;color:#1c2340;outline:0;-webkit-appearance:none;appearance:none}
.mailbox-search-input::-webkit-search-cancel-button,.mailbox-search-input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.mailbox-search-input:focus{border-color:var(--primary_color);box-shadow:0 0 0 3px rgba(40,62,138,.15)}
.mailbox-search-clear{display:none;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;font-size:22px;line-height:1;color:#5b6280;cursor:pointer}
.mailbox-search.has-value .mailbox-search-clear{display:block}
.mailbox-search-clear:hover,.mailbox-search-clear:focus-visible{background:#eef0f8;outline:0}

.mailbox .mailbox-header{height:60px;align-items:center;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);column-gap:16px;padding:0 calc(var(--mb-pad) + var(--mb-sbw)) 0 var(--mb-pad)!important}
.mailbox .mailbox-header .mailbox-header-item{display:block!important;width:auto!important;min-width:0;padding:0!important;text-align:left!important}
.mailbox .mailbox-header .mailbox-header-item:nth-child(3){text-align:right!important}
.mailbox .mailbox-header .mailbox-header-item p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.mailbox .mailbox-body .mailbox-item.VIP-mailbox-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);column-gap:16px;align-items:center;position:relative;min-height:64px;padding:14px var(--mb-pad)!important;border-bottom:1px solid #edf2f9;cursor:pointer}
.mailbox .mailbox-body .mailbox-item.VIP-mailbox-item:hover{background:#f6f8ff!important}
.mailbox .mailbox-body .mailbox-item.VIP-mailbox-item:focus-visible{background:#eef2ff!important;outline:2px solid var(--primary_color);outline-offset:-2px}
.mailbox .vip-col{width:auto!important;min-width:0;overflow:hidden;display:block;text-align:left}
.mailbox .vip-col-time{text-align:right}
@media (min-width:768px){.mailbox .mailbox-header .mailbox-header-item:nth-child(2),.mailbox .vip-col-subject,.mailbox .vip-col-subject .vip-subject{text-align:center!important}}
.mailbox .vip-content{min-width:0;overflow:hidden}
.mailbox .vip-sender-row{display:flex;align-items:center;min-width:0;gap:0}
.mailbox .vip-sender{min-width:0;font-size:16px;line-height:1.35;font-weight:400;color:#1c2340;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mailbox .vip-email{font-size:13px;line-height:1.35;color:#6b7390;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mailbox .vip-subject{display:block!important;margin:0;font-size:15px;line-height:1.4;font-weight:400;color:#2c3350;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mailbox .vip-time{display:block;font-size:13px;line-height:1.35;color:#6b7390;font-weight:500}
.mailbox .is-unread .vip-sender{font-weight:700}
.mailbox .is-unread .vip-subject{font-weight:600;color:#1c2340}
.mailbox .vip-unread-dot{position:absolute;left:8px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#2563eb}
.mailbox .mb-sr,.mailbox .vip-time .t-full{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
@media (min-width:768px){
.mailbox .mailbox-item:hover .vip-time .t-short,.mailbox .mailbox-item:focus-visible .vip-time .t-short{display:none}
.mailbox .mailbox-item:hover .vip-time .t-full,.mailbox .mailbox-item:focus-visible .vip-time .t-full{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal}
}

.mailbox-nomatch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:300px;padding:24px;text-align:center}
.mailbox-nomatch-title{margin:0;font-size:18px;font-weight:700;color:#1c2340}
.mailbox-nomatch-clear{min-height:44px;padding:8px 20px;border:1px solid var(--primary_color);border-radius:10px;background:transparent;color:var(--primary_color);font-weight:600;cursor:pointer}
.mailbox-nomatch-clear:hover,.mailbox-nomatch-clear:focus-visible{background:var(--primary_color);color:#fff}

@media (max-width:767.98px){
.mailbox{--mb-pad:16px}
.mailbox .mailbox-toolbar{flex-wrap:wrap;padding:12px 16px}
.mailbox-search{order:1;width:100%;margin:0}
.mailbox-search-count{order:2;width:100%}
.mailbox-search-count:empty{display:none}
/* html zoom .8 x body zoom .9 shrinks text, so 22px renders at about 16px and stops iOS focus-zoom */
.mailbox-search-input{height:44px;font-size:22px;padding-left:40px}
.mailbox-search-icon{left:14px}
.mailbox-search-clear{width:44px;height:44px;right:0}
.mailbox .mailbox-header{display:none!important}
.mailbox .mailbox-body{height:auto;min-height:0;max-height:none;overflow:visible}
.mailbox .mailbox-body .mailbox-item.VIP-mailbox-item{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"sender time" "subject subject" "email email";column-gap:12px;row-gap:2px;min-height:44px;padding:12px 16px!important}
.mailbox .vip-col-sender,.mailbox .vip-content{display:contents}
.mailbox .vip-sender-row{grid-area:sender}
.mailbox .vip-col-subject{grid-area:subject}
.mailbox .vip-email{grid-area:email}
.mailbox .vip-col-time{grid-area:time}
.mailbox .vip-time{font-size:12px}
.mailbox .vip-unread-dot{position:static;flex:none;margin:0 8px 0 0}
}

/* ===== Opened email: same container and blue toolbar as the inbox ===== */
.viewbox .viewbox-header.vb-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:0 24px;background:var(--primary_color);color:#fff}
.vb-bar .vb-actions{display:flex;align-items:center;gap:4px}
.vb-bar .vb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;margin:0;border:0;border-radius:10px;background:transparent;color:#fff!important;font-size:15px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background .15s}
.vb-bar .vb-btn i{margin:0!important;color:#fff!important}
.vb-bar .vb-btn:hover{background:rgba(255,255,255,.18)!important;color:#fff!important;border:0!important}
.vb-bar .vb-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;background:rgba(255,255,255,.18)}
.vb-bar .vb-fav i.star-icon-color{color:#ffd24a!important}
.vb-bar .vb-fav[aria-pressed=true]{background:rgba(255,255,255,.14)}
.vb-bar .vb-back-short{display:none}
.viewbox .viewbox-body.vb-body{min-height:0;padding:0;background:#fff}
.vb-head{padding:24px 24px 16px}
.vb-subject{margin:0 0 16px;font-size:26px;line-height:1.3;font-weight:700;color:#1c2340;overflow-wrap:anywhere;word-break:break-word}
.vb-sender-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;row-gap:4px;align-items:center}
.vb-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#e8ecf8;background:color-mix(in srgb,var(--primary_color) 12%,#fff);color:var(--primary_color);font-size:16px;font-weight:700}
.vb-sender{min-width:0}
.vb-sender-name{font-size:16px;font-weight:700;color:#1c2340;overflow-wrap:anywhere}
.vb-sender-email{font-size:13px;color:#6b7391;overflow-wrap:anywhere}
.vb-date{font-size:13px;color:#6b7391;text-align:right;white-space:nowrap}
.vb-details{margin-top:12px;font-size:13px;color:#4a5273}
.vb-details summary{display:inline-block;padding:6px 0;cursor:pointer;color:var(--primary_color);font-weight:600}
.vb-details dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:6px 0 0}
.vb-details dt{font-weight:600;color:#1c2340}
.vb-details dd{margin:0;overflow-wrap:anywhere}
.viewbox-attachments.vb-attach{padding:16px 24px;border:0;border-top:1px solid #edf2f9}
.vb-attach:has(.can_see_attachments){min-height:150px}
.vb-attach .can_see_attachments h4{margin:0 0 12px;color:#fff;font-size:16px;padding:0 12px}
.vb-details dt{text-transform:capitalize}
.vb-content{padding:20px 24px 24px;border-top:1px solid #edf2f9;overflow:hidden}
.vb-content iframe{display:block;width:100%;min-height:80px;border:0}
.vb-unavailable{padding:48px 24px;text-align:center}
.vb-unavailable h2{margin:0 0 8px;font-size:22px;font-weight:700;color:#1c2340}
.vb-unavailable p{margin:0 0 20px;color:#6b7391}
.vb-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:10px;background:var(--primary_color);color:#fff;font-weight:600;text-decoration:none}
.vb-cta:hover,.vb-cta:focus-visible{color:#fff;opacity:.9}
@media (max-width:767.98px){
.viewbox .viewbox-header.vb-bar{padding:0 12px}
.vb-head{padding:16px}
.vb-subject{margin-bottom:12px;font-size:21px}
.vb-sender-row{grid-template-columns:auto minmax(0,1fr)}
.vb-date{grid-column:1 / -1;text-align:left;white-space:normal}
.viewbox-attachments.vb-attach{padding:12px 16px}
.vb-content{padding:16px}
}
@media (max-width:575.98px){
.vb-bar .vb-back-full{display:none}
.vb-bar .vb-back-short{display:inline}
}

/* Opened email keeps the inbox size; long content scrolls inside the body */
@media (min-width:768px){
.viewbox .viewbox-body.vb-body{height:426px;min-height:426px;max-height:426px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5cae0 transparent}
}
@media (max-width:767.98px){
.viewbox .viewbox-body.vb-body{min-height:426px}
}
/* Balanced gap between the intro section and Premium Plans */
.section:has(+ .plans-section){padding-bottom:16px}
.section:has(+ .plans-section) .mailbox-description .lead:last-child{margin-bottom:0}
.plans-section{padding-top:16px}
@media (max-width:767.98px){
.section:has(+ .plans-section){padding-bottom:8px}
.plans-section{padding-top:8px}
}
/* Download menu (opened email) */
.vb-more{position:relative;display:inline-flex}
.vb-bar .vb-morebtn{min-width:44px;min-height:44px}
.vb-menu[hidden],.vb-backdrop[hidden],.vb-menu-status[hidden],.vb-mi-spin[hidden],.vb-retry[hidden]{display:none!important}
.vb-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:1060;width:340px;max-width:calc(100vw - 32px);max-height:min(70vh,420px);overflow-y:auto;background:#fff;color:#1c2340;border-radius:12px;box-shadow:0 12px 32px rgba(20,28,60,.28);padding:6px;text-align:left}
.vb-menu .vb-menu-item{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#1c2340;text-align:left;cursor:pointer}
.vb-menu .vb-menu-item:hover:not(:disabled){background:#eef1fb}
.vb-menu .vb-menu-item:disabled{opacity:.6;cursor:progress}
.vb-menu .vb-menu-item:focus-visible,.vb-menu .vb-retry:focus-visible,.vb-menu .vb-menu-close:focus-visible{outline:2px solid var(--primary_color);outline-offset:1px;background:#eef1fb}
.vb-menu .vb-mi-icon{width:20px;text-align:center;color:var(--primary_color);flex:0 0 20px}
.vb-menu .vb-mi-text{display:flex;flex-direction:column;flex:1;min-width:0}
.vb-menu .vb-mi-text strong{font-size:15px;font-weight:600;line-height:1.3}
.vb-menu .vb-mi-text small{font-size:12.5px;color:#5a6280;line-height:1.35}
.vb-menu .vb-mi-spin{color:var(--primary_color)}
.vb-menu .vb-menu-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 6px 2px;padding:8px 10px;border-radius:8px;background:#eef1fb;font-size:13px;color:#1c2340}
.vb-menu .vb-menu-status.is-error{background:#fdecec;color:#9b1c1c}
.vb-menu .vb-retry{min-height:44px;padding:0 14px;border:1px solid currentColor;border-radius:8px;background:#fff;color:inherit;font-weight:600;cursor:pointer}
.vb-menu .vb-menu-close{display:none}
.vb-backdrop{display:none}
@media (max-width:767.98px){
 .vb-backdrop{display:block;position:fixed;inset:0;z-index:1050;background:rgba(10,14,30,.5)}
 .vb-menu{position:fixed;top:auto;left:0;right:0;bottom:0;width:auto;max-width:none;z-index:1060;max-height:85vh;max-height:85dvh;border-radius:16px 16px 0 0;padding:8px 12px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -8px 28px rgba(20,28,60,.3)}
 .vb-menu::before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:#cfd4e6;margin:2px auto 8px}
 .vb-menu .vb-menu-close{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:6px;border:1px solid #cfd4e6;border-radius:10px;background:#fff;color:#1c2340;font-weight:600;cursor:pointer}
 body.vb-sheet-open{overflow:hidden}
}

/* let the download dropdown escape the card; keep the rounded corners on the children */
.viewbox{overflow:visible!important}
.viewbox .viewbox-header.vb-bar{border-radius:16px 16px 0 0}
.viewbox .viewbox-body.vb-body{border-radius:0 0 16px 16px}