/* Responsive QA: preserve visual icon scale while providing comfortable touch targets. */
.mt-workspace .mail-reader-header-meta .mail-reader-date{padding-bottom:0;align-self:center}
.mt-workspace .email-card-last{box-shadow:none!important}
.mt-workspace .mt-sender-copy{flex-shrink:0}
@media(max-width:991px){
 .mt-workspace :is(.mt-reader-primary-actions,.mt-message-actions) button{min-width:38px!important;min-height:40px!important;padding:9px!important}
 .mt-workspace :is(.mt-sender-copy,.mt-reader-details-toggle){min-width:40px;min-height:40px}
 .mt-workspace .mt-reader-primary-actions{gap:0!important;overflow-x:auto!important;max-width:100%}
 .mt-workspace .mt-reader-primary-actions .mt-reader-divider{margin-inline:2px!important}
 .mt-workspace .mt-sender-trigger{min-height:36px}
 .mt-workspace #history :is(.mail-history-search,.mt-address-create-entry){min-height:44px}
 .mt-workspace #history :is(.mt-address-only,.mail-history-action){min-height:36px}
 .mt-workspace .mt-wallet-topup-modal>header button{width:44px;height:44px}
 .mt-workspace .mt-settings-panel>header button{min-width:44px;min-height:44px}
}
@media(max-width:991px){
 .mt-workspace .mt-message-actions{width:max-content!important;max-width:100%;flex-wrap:wrap}
 .mt-workspace .mt-message-actions button{flex:0 0 38px!important}
}
.mt-trash-retention-notice{display:flex;align-items:center;gap:8px;margin:0;padding:9px 16px;font-size:12px;line-height:1.5;color:var(--mt-muted);background:var(--mt-surface-soft);border-bottom:1px solid var(--mt-line)}
.mt-trash-retention-notice>i:first-child{font-size:15px;color:var(--mt-accent);flex:none}.mt-trash-retention-notice>span{min-width:0}.mt-trash-retention-notice>:is(a,button):last-child{display:inline-flex;align-items:center;gap:3px;margin-inline-start:auto;padding:0;border:0;background:transparent;color:var(--mt-accent);font:inherit;font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap}.mt-trash-retention-notice>:is(a,button):last-child:hover{text-decoration:underline}.mt-trash-retention-notice>:is(a,button):last-child .icon-base{font-size:14px}
.mt-trash-retention-notice[hidden]{display:none!important}
.mt-workspace .mt-reader-addresses{grid-template-columns:42px minmax(0,1fr)}
.mt-workspace .mt-reader-addresses .mail-reader-recipient{width:100%;max-width:none;min-width:0}
.mt-workspace .mail-reader-recipient .mt-sender-anchor{flex:1;min-width:0}
.mt-workspace .mt-sender-email{color:var(--mt-text);opacity:.85}
@media(max-width:767px){.mt-workspace .mt-reader-addresses{grid-template-columns:28px minmax(0,1fr)}}
.mt-account-embedded .btn-check:checked+.acct-amount-chip{color:var(--mt-text)!important;background:var(--mt-surface-soft)!important;border-color:var(--mt-text)!important;box-shadow:0 0 0 1px var(--mt-text)!important}
.mt-create-capacity-notice{margin:8px 16px;padding:14px;border:1px solid var(--mt-line);border-radius:10px;background:var(--mt-surface);font-size:13px;line-height:1.5;color:var(--mt-text)}
.mt-create-capacity-notice strong{font-weight:600}.mt-create-capacity-notice p{margin:6px 0 10px;color:var(--mt-muted)}.mt-create-capacity-notice a{color:var(--mt-text);text-decoration:underline}
.mt-create-capacity-notice button{min-height:40px;padding:8px 12px;border:1px solid var(--mt-line);border-radius:8px;background:var(--mt-action);color:var(--mt-action-text);font:inherit;cursor:pointer}.mt-create-capacity-notice button:disabled{opacity:.65;cursor:wait}.mt-create-capacity-notice [role=status]:empty{display:none}

@media(min-width:768px){
 .mt-workspace .email-card-last>.card-header>div:first-child{flex:1 1 0;min-width:0}
 .mt-workspace .mt-reader-addresses{grid-template-columns:42px minmax(0,1fr);width:100%}
 .mt-workspace .mt-sender-anchor{width:100%}
 .mt-workspace .mt-sender-trigger{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
.mt-organize-dialog #mt-organize-new svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45}

/* A trial limit is a compact decision; the full comparison lives on Plans. */
#unifiedPremiumModal.is-trial-complete .unified-premium-dialog {max-width:480px;margin-inline:auto;padding:16px}
#unifiedPremiumModal.is-trial-complete .modal-content {padding:28px 24px 20px;gap:8px}
#unifiedPremiumModal.is-trial-complete .mail-plan-summary-label,
#unifiedPremiumModal.is-trial-complete .mail-plan-comparison,
#unifiedPremiumModal.is-trial-complete .mail-premium-domain-preview,
#unifiedPremiumModal.is-trial-complete .mail-trial-complete {display:none!important}
#unifiedPremiumModal.is-trial-complete h3 {font-size:21px;line-height:1.3;margin:8px 0}
#unifiedPremiumModal.is-trial-complete p {font-size:14px;line-height:1.55;margin:0 0 12px}
#unifiedPremiumModal.is-trial-complete .btn-primary {background:#19191c!important;color:#fff!important;border:1px solid #777!important;box-shadow:none!important;min-height:44px}
#unifiedPremiumModal.is-trial-complete .btn-text-secondary {min-height:44px;color:var(--mt-text)!important}

.mt-manage-address-open {display:block;max-width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.mt-manage-address-open:hover {text-decoration:underline}
.mt-manage-address-open:focus-visible {outline:2px solid var(--mt-accent,#7773f6);outline-offset:3px;border-radius:3px}

.mt-unified-controls-locked #mt-directory-selection,
.mt-unified-controls-locked .mt-address-visibility,
.mt-unified-controls-locked .mt-manage-address-grip,
.mt-unified-controls-locked [data-manage-address-context-first] {display:none!important}

.mt-unified-organize-upgrade {display:none}
.mt-unified-controls-locked .mt-unified-organize-upgrade {display:flex;align-items:center;gap:8px;width:100%;padding:12px;border:1px solid var(--mt-line);border-radius:10px;background:transparent;color:var(--mt-text);font:inherit;font-size:13px;cursor:pointer;text-align:left}
.mt-unified-organize-upgrade svg {flex:none}
.mt-workspace.mt-unified-controls-locked #history .mt-manage-address-row {grid-template-columns:28px minmax(0,1fr) 28px 28px!important}
.mt-unified-controls-locked .mt-manage-address-grip-spacer {display:none!important}

.mt-workspace.mt-unified-controls-locked #history .mt-manage-address-avatar {grid-column:1;grid-row:1}
.mt-workspace.mt-unified-controls-locked #history .mt-manage-address-copy {grid-column:2;grid-row:1;min-width:0}
.mt-workspace.mt-unified-controls-locked #history .unified-address-copy-button {grid-column:3;grid-row:1}
.mt-workspace.mt-unified-controls-locked #history .mt-manage-address-delete,
.mt-workspace.mt-unified-controls-locked #history .mt-manage-address-restore {grid-column:4;grid-row:1}
.mt-workspace #history .mt-manage-address-open {font-size:13px;font-weight:500;line-height:1.5}
.mt-workspace #history .mt-manage-address-action svg {width:16px;height:16px;display:block}
.mt-workspace.mt-unified-controls-locked #history .mt-unified-organize-upgrade {width:auto;margin-left:auto;padding:6px 8px;border:0;border-radius:6px;font-size:12px;gap:5px;flex:none}

.mt-workspace #history .mt-manage-address-open {width:100%;padding:3px 5px;margin:-3px -5px;border-radius:6px;transition:background .15s}
.mt-workspace #history .mt-manage-address-open:hover {background:var(--mt-surface-soft);text-decoration:none}
.mt-workspace #history .mt-manage-address-open>span {display:block;overflow:hidden;text-overflow:ellipsis}
.mt-workspace #history .mt-manage-address-open .mt-address-open-hint {display:flex;align-items:center;gap:5px;font-size:11px;color:var(--mt-muted);margin-top:3px}
.mt-address-open-hint svg {flex:none}

#unifiedPremiumModal.mt-over-directory {z-index:2100!important;background:rgba(0,0,0,.35)}

#unifiedPremiumModal .unified-premium-dialog {max-width:1000px!important;width:calc(100% - 32px);padding:0!important}
#unifiedPremiumModal .modal-content {max-height:calc(100dvh - 48px);overflow:auto;padding:32px!important;gap:12px}
#unifiedPremiumModal .mail-plan-comparison {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}
#unifiedPremiumModal .mail-plan-summary-label {display:none!important}
#unifiedPremiumModal .mail-plan-comparison article {padding:20px!important;display:flex;flex-direction:column;min-width:0}
#unifiedPremiumModal .mail-plan-comparison h4 {font-size:28px;margin:18px 0}
#unifiedPremiumModal .mail-plan-comparison ul {gap:10px;margin-bottom:20px;flex:1}
#unifiedPremiumModal .mail-plan-comparison li {font-size:13px;line-height:1.45}
#unifiedPremiumModal .btn-primary {background:#19191c!important;color:white!important;border:1px solid #777!important;box-shadow:none!important;min-height:44px}
#unifiedPremiumModal .unified-premium-icon {display:none}
@media(max-width:900px){#unifiedPremiumModal .mail-plan-comparison {grid-template-columns:1fr}#unifiedPremiumModal .unified-premium-dialog{max-width:560px!important}#unifiedPremiumModal .modal-content{padding:24px!important}}
#unifiedPremiumModal.is-trial-complete .mail-plan-comparison {display:grid!important}
.mt-workspace #unified-premium-banner.d-none {display:none!important}

/* Embedded subscription occupies the whole modal, including narrow layouts. */
#unifiedPremiumModal [data-plan-checkout]{width:100%;min-width:0;align-self:stretch}
#unifiedPremiumModal [hidden]{display:none!important}
#unifiedPremiumModal.is-checkout .modal-content{align-items:stretch;padding:48px 12px 12px!important}
.mt-account-embedded .acct-checkout-card,.mt-account-embedded .acct-checkout-summary{background:var(--mt-surface)!important;color:var(--mt-text)!important;border-color:var(--mt-line)!important}
.mt-account-embedded .acct-checkout{width:100%;min-width:0}

/* Plan selection: period, price and action precede the detailed comparison. */
#unifiedPremiumModal [data-plan-selection]{width:100%;min-width:0}
#unifiedPremiumModal .mail-plan-periods{display:flex;justify-content:center;gap:4px;margin:20px auto 30px;padding:4px;border:1px solid var(--mt-line);border-radius:10px;width:max-content;max-width:100%;flex-wrap:wrap}
#unifiedPremiumModal .mail-plan-periods button{border:0;border-radius:7px;background:transparent;color:var(--mt-text);padding:9px 18px;min-height:40px;font-size:13px}
#unifiedPremiumModal .mail-plan-periods button[aria-pressed=true]{background:var(--mt-action);color:var(--mt-action-text,#fff)}
#unifiedPremiumModal .mail-plan-comparison article{position:relative;border:1px solid var(--mt-line);background:var(--mt-surface);color:var(--mt-text);border-radius:16px;text-align:left}
#unifiedPremiumModal .mail-plan-comparison article.is-pro{border:2px solid var(--mt-accent)}
#unifiedPremiumModal .mail-plan-recommended{position:absolute;top:-15px;left:18px;display:flex;gap:6px;align-items:center;background:var(--mt-action);color:var(--mt-action-text,#fff);padding:5px 12px;border-radius:20px;font-size:12px}
#unifiedPremiumModal .mail-plan-comparison h5{font-size:20px;margin:6px 0 12px;color:inherit}
#unifiedPremiumModal .mail-plan-description{font-size:13px;line-height:1.5;min-height:60px;color:var(--mt-muted);margin:0}
#unifiedPremiumModal .mail-plan-comparison h4{font-size:32px;margin:16px 0 4px;color:inherit;white-space:nowrap}
#unifiedPremiumModal .mail-plan-comparison h4 small{font-size:12px;font-weight:400;color:var(--mt-muted)}
#unifiedPremiumModal .mail-plan-billing{font-size:11px;color:var(--mt-muted);margin:0 0 14px;min-height:18px}
#unifiedPremiumModal .mail-plan-comparison article>.btn{width:100%;margin:0 0 20px;min-height:44px;font-size:13px}
#unifiedPremiumModal .mail-plan-free{border:1px solid var(--mt-line);color:var(--mt-text)}
#unifiedPremiumModal .mail-plan-comparison ul{border-top:1px solid var(--mt-line);padding-top:18px;margin-bottom:0}
#unifiedPremiumModal .mail-plan-comparison li i{width:16px;height:16px;font-size:16px;line-height:1;flex:none}
@media(max-width:900px){#unifiedPremiumModal .mail-plan-comparison{gap:28px}#unifiedPremiumModal .mail-plan-description{min-height:0}}

/* The plan title anchors the dialog while audience choices remain centered, like Proton's selector. */
#unifiedPremiumModal .mt-plan-audience{position:relative}
#unifiedPremiumModal #unified-premium-title{position:absolute;inset-inline-start:0;top:3px;margin:0!important;color:var(--mt-text);font-size:18px;line-height:44px;text-align:start}
@media(max-width:700px){#unifiedPremiumModal #unified-premium-title{position:static;margin:0 0 8px!important;line-height:1.3;text-align:center}}

/* Keep the mailbox search focus visible without the browser's heavy native ring. */
.mt-workspace .mailtopbar-search:focus-within{border-color:#2f6fcb!important;box-shadow:0 0 0 3px rgba(47,111,203,.16)!important}
.mt-workspace #mailbox-search-input:focus{border:0!important;outline:0!important;box-shadow:none!important}

/* The mobile reader uses layer 2000; plan selection and its checkout must stay above it. */
#unifiedPremiumModal { z-index:2100!important; }
body:has(#unifiedPremiumModal.show) > .modal-backdrop { z-index:2090!important; }

/* Make opening an address a row action, with separate utility controls. */
.mt-workspace #history .mt-manage-address-row {position:relative;transition:background-color .15s ease}
.mt-workspace #history .mt-manage-address-open {position:static;padding:0;margin:0;border-radius:0;background:transparent!important;text-decoration:none}
.mt-workspace #history .mt-manage-address-open::after {content:"";position:absolute;inset:0;cursor:pointer;z-index:1}
.mt-workspace #history .mt-manage-address-row:has(.mt-manage-address-open:hover),
.mt-workspace #history .mt-manage-address-row:has(.mt-manage-address-open:focus-visible) {background:var(--mt-surface-soft)}
.mt-workspace #history .mt-manage-address-open:focus-visible {outline:none}
.mt-workspace #history .mt-manage-address-open:focus-visible::after {outline:2px solid var(--mt-accent);outline-offset:-2px}
.mt-workspace #history :is(.mt-manage-address-action,.mt-manage-address-grip,.mt-address-visibility) {position:relative;z-index:2}
.mt-workspace #history .mt-manage-address-open .mt-address-open-hint {gap:7px;color:var(--mt-muted)}