/* TempMail Ace inbox-cards-20261018-v10: FREE / Pro Plus reference cards. */
html[data-atelier]{--mailbox-create:#059669;--mailbox-create-hover:#047857;--mailbox-selected:#6574ff}
html[data-theme=dark][data-atelier]{--mailbox-create:#087f65;--mailbox-create-hover:#096d59;--mailbox-selected:#91a0ff}
html[data-atelier] body #localInboxList .tma-mailbox-card{display:block!important;position:relative;box-sizing:border-box;padding:0!important;margin:0;width:100%;min-width:0;min-height:0;flex-shrink:0;border:1px solid var(--line,#e0e5ee)!important;border-radius:9px;background:var(--paper,#fff)!important;box-shadow:none;overflow:hidden;transition:border-color .16s,box-shadow .16s}
html[data-atelier] body #localInboxList .tma-mailbox-card:hover{border-color:var(--strong-line,#a1adbf)!important}
html[data-atelier] body #localInboxList .tma-mailbox-card:is(.active,.selected,:focus-within){border-color:var(--mailbox-selected)!important;background:var(--paper,#fff)!important;box-shadow:0 2px 5px #315be814}
html[data-atelier] body #localInboxList .inbox-card-content{width:100%;min-width:0;padding:0;display:block}
html[data-atelier] body #localInboxList .tma-card-heading{display:flex;align-items:center;gap:9px;padding:13px 12px 4px;direction:ltr;min-width:0}
html[data-atelier] body #localInboxList .inbox-chip-main{display:block;flex:1;min-width:0;width:0;padding:0!important;margin:0;border:0;border-radius:0;background:transparent!important;color:var(--ink,#142139)!important;min-height:26px;height:auto;text-align:start}
html[data-atelier] body #localInboxList .inbox-email{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;overflow-wrap:normal;word-break:normal;font-size:1rem!important;line-height:1.6;font-weight:600;direction:ltr;unicode-bidi:plaintext}
html[data-atelier] body #localInboxList .tma-source-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;max-width:6rem;padding:1px 9px;border-radius:99px;font-size:.875rem!important;line-height:1.65;font-weight:500;white-space:nowrap}
html[data-atelier] body #localInboxList .tma-source-outlook{color:#9d174d;background:#f9eff6}
html[data-atelier] body #localInboxList .tma-source-gmail{color:#087965;background:#e9f8f0}
html[data-atelier] body #localInboxList .tma-source-domain{color:#315be8;background:#edf2ff}
html[data-atelier] body #localInboxList .tma-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:3px 12px 11px;direction:ltr;color:var(--muted,#66758b);min-height:35px}
html[data-atelier] body #localInboxList :is(.inbox-message-count,.tma-card-created){display:inline-flex;align-items:center;gap:5px;font-size:.875rem!important;line-height:1.5;font-variant-numeric:tabular-nums}
html[data-atelier] body #localInboxList .inbox-message-count.has-messages [data-inbox-count]{color:#e3344b}
html[data-atelier] body #localInboxList .inbox-message-count svg{color:var(--muted,#66758b)}
html[data-atelier] body #localInboxList .tma-card-created{min-width:0}
html[data-atelier] body #localInboxList .tma-card-created time{direction:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem!important}
html[data-atelier] body #localInboxList .tma-card-expiry{margin-inline-start:auto;font-size:.875rem!important;max-width:100%;white-space:nowrap}
html[data-atelier] body #localInboxList .tma-card-expiry.expiry-warning{color:#916000}
html[data-atelier] body #localInboxList .tma-card-expiry.expiry-danger{color:#d5203e}
html[data-atelier] body #localInboxList .tma-card-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line,#e5e9f1)}
html[data-atelier] body #localInboxList :is(button,a).tma-card-action{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;height:auto;width:100%;min-width:0;margin:0;padding:7px 3px!important;border:0;border-radius:0;background:transparent;color:var(--text,#42516a);font-size:.875rem!important;font-weight:500;line-height:1.4;text-decoration:none;white-space:normal;transition:background-color .15s,color .15s;cursor:pointer;box-shadow:none}
html[data-atelier] body #localInboxList .tma-card-action+.tma-card-action{border-inline-start:1px solid var(--line,#e5e9f1)}
html[data-atelier] body #localInboxList .tma-card-action span:not(.copy-icon){min-width:0;font-size:inherit!important;overflow-wrap:anywhere}
html[data-atelier] body .tma-card-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;vertical-align:middle}
html[data-atelier] body #localInboxList .copy-icon{display:inline-flex;width:16px;min-width:16px;align-items:center;justify-content:center}
html[data-atelier] body #localInboxList .tma-action-delete:is(:hover,:focus-visible){color:#dc263d;background:#fff0f2}
html[data-atelier] body #localInboxList .tma-action-verify:is(:hover,:focus-visible){color:#008c6a;background:#eafaf4}
html[data-atelier] body #localInboxList .tma-action-copy:is(:hover,:focus-visible),html[data-atelier] body #localInboxList .tma-action-copy.copy-success{color:#315be8;background:#eef2ff}
html[data-atelier] body #localInboxList .tma-action-share:is(:hover,:focus-visible){color:#7043e9;background:#f4efff}
html[data-atelier] body #localInboxList .tma-card-action:disabled{opacity:.5;cursor:not-allowed}
html[data-atelier] body #localInboxList .inbox-select{position:absolute;inset-block-start:15px;inset-inline-start:10px;z-index:1}
html[data-atelier] body #localInboxList .selection-mode .tma-card-heading{padding-inline-start:35px}
html[data-atelier] body :is(.tma-mailbox-card,.tma-inbox-topbar,.tma-inbox-settings) :is(button,a,input):focus-visible{outline:2px solid var(--mailbox-selected);outline-offset:-3px}
/* History / Create / Settings toolbar. */
html[data-atelier] body #tmaInboxTopbar{width:100%;flex:none}
html[data-atelier] body .tma-inbox-top-actions{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line,#dfe5ef);border-radius:9px;background:var(--paper,#fff)}
html[data-atelier] body .tma-inbox-top-actions.has-settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px}
html[data-atelier] body #tmaInboxTopbar button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;height:auto;width:100%;padding:10px 5px;border:0;border-radius:0;background:transparent;color:var(--text,#42516a);font-size:.9375rem!important;line-height:1.5;font-weight:500;box-shadow:none;white-space:normal;transition:color .15s,background-color .15s}
html[data-atelier] body #tmaInboxTopbar .tma-top-create{background:var(--mailbox-create);color:#fff}
html[data-atelier] body #tmaInboxTopbar .tma-top-create:is(:hover,:focus-visible){background:var(--mailbox-create-hover)}
html[data-atelier] body #tmaInboxTopbar .tma-top-history:is(:hover,:focus-visible){background:var(--accent-soft,#edf2ff);color:var(--accent,#315be8)}
html[data-atelier] body #tmaInboxTopbar .tma-top-settings:is(:hover,:focus-visible){background:#f1edff;color:#7043e9}
html[data-atelier] body #tmaInboxTopbar button:disabled{opacity:.55;cursor:not-allowed}
html[data-atelier] body #tmaInboxTopbar .tma-top-create svg{width:20px;height:20px;flex-basis:20px}
html[data-atelier] body .tma-inbox-limit{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0 3px;color:var(--muted,#66758b);font-size:.875rem;line-height:1.5}
html[data-atelier] body .tma-inbox-limit b{font-weight:500}
html[data-atelier] body .tma-inbox-tier{color:var(--accent,#315be8)}
html[data-atelier] body .tma-inbox-tier>span{color:#ef8c29;font-size:1.125rem;font-weight:600}
html[data-atelier-family=free] body :is(#sideNewInboxWrap,#sideNewInboxBtn,#historyBtn),html[data-atelier-family=plus] body :is(#sideNewInboxWrap,#sideNewInboxBtn,#historyBtn){display:none!important}
/* Native, keyboard-accessible settings dialog, mounted only in Pro Plus. */
html[data-atelier] body #tmaInboxSettings{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--line,#dfe5ef);border-radius:14px;background:var(--paper,#fff);color:var(--ink,#142139);box-shadow:0 18px 65px #07152a24}
html[data-atelier] body #tmaInboxSettings::backdrop{background:#07152a55;backdrop-filter:blur(3px)}
html[data-atelier] body .tma-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
html[data-atelier] body .tma-settings-heading h2{font-size:1.25rem;line-height:1.5;margin:0}
html[data-atelier] body .tma-settings-heading button{display:grid;place-items:center;width:44px;min-height:44px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--muted,#66758b)}
html[data-atelier] body .tma-settings-heading button:hover{background:var(--paper2,#f4f6fa);color:var(--ink,#142139)}
html[data-atelier] body .tma-settings-option{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0;cursor:pointer}
html[data-atelier] body .tma-settings-option>span{display:grid;gap:5px;flex:1}
html[data-atelier] body .tma-settings-option strong{font-size:1rem;line-height:1.5;font-weight:600}
html[data-atelier] body .tma-settings-option>span>span{font-size:.875rem;line-height:1.7;color:var(--muted,#66758b)}
html[data-atelier] body .tma-settings-option input[role=switch]{appearance:none;-webkit-appearance:none;display:block;margin:0;width:44px;min-width:44px;height:26px;min-height:26px;border:0;border-radius:99px;background:#e0e5ee;cursor:pointer;position:relative;transition:background .18s}
html[data-atelier] body .tma-settings-option input[role=switch]::before{content:'';position:absolute;width:20px;height:20px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #14213926;transition:transform .18s}
html[data-atelier] body .tma-settings-option input[role=switch]:checked{background:var(--mailbox-create)}
html[data-atelier] body .tma-settings-option input[role=switch]:checked::before{transform:translateX(18px)}
@media(min-width:881px){
html[data-atelier-family=free] body .app>.body{grid-template-columns:360px 280px minmax(0,1fr)!important;grid-template-areas:'side list reader' 'ad ad ad'!important}
html[data-atelier-family=free][dir=rtl] body .app>.body{grid-template-columns:minmax(0,1fr) 280px 360px!important;grid-template-areas:'reader list side' 'ad ad ad'!important}
html[data-atelier-family=free] body .app>.body:has(#messageList>.empty-state):has(#messageBackdrop.hidden){grid-template-columns:360px minmax(0,1fr)!important;grid-template-areas:'side list' 'ad ad'!important}
html[data-atelier-family=free][dir=rtl] body .app>.body:has(#messageList>.empty-state):has(#messageBackdrop.hidden){grid-template-columns:minmax(0,1fr) 360px!important;grid-template-areas:'list side' 'ad ad'!important}
html[data-atelier] body.studio-plus .studio-workspace{grid-template-columns:360px minmax(0,1fr)!important}
html[data-atelier] body #inboxSidebar{padding-inline:12px!important}}
@media(max-width:1100px) and (min-width:881px){
html[data-atelier-family=free] body .app>.body{grid-template-columns:312px 240px minmax(0,1fr)!important}
html[data-atelier-family=free][dir=rtl] body .app>.body{grid-template-columns:minmax(0,1fr) 240px 312px!important}
html[data-atelier-family=free] body .app>.body:has(#messageList>.empty-state):has(#messageBackdrop.hidden){grid-template-columns:312px minmax(0,1fr)!important}
html[data-atelier-family=free][dir=rtl] body .app>.body:has(#messageList>.empty-state):has(#messageBackdrop.hidden){grid-template-columns:minmax(0,1fr) 312px!important}
html[data-atelier] body.studio-plus .studio-workspace{grid-template-columns:312px minmax(0,1fr)!important}}
@media(max-width:880px){html[data-atelier-family=free] body #localInboxList{display:flex;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;max-height:360px!important;width:100%;scroll-snap-type:none}html[data-atelier-family=free] body #localInboxList .tma-mailbox-card{flex:0 0 auto!important;width:100%!important}html[data-atelier] body #inboxSidebar{min-width:0}}
html[data-theme=dark] body #localInboxList .tma-source-outlook{color:#f7b0d2;background:#3e2439}
html[data-theme=dark] body #localInboxList .tma-source-gmail{color:#8de0c7;background:#123c32}
html[data-theme=dark] body #localInboxList .tma-source-domain{color:#b3c3ff;background:#243556}
html[data-theme=dark] body #localInboxList .inbox-message-count.has-messages [data-inbox-count]{color:#ff859a}
html[data-theme=dark] body #localInboxList .tma-action-delete:is(:hover,:focus-visible){color:#ff97a7;background:#3e2231}
html[data-theme=dark] body #localInboxList .tma-action-verify:is(:hover,:focus-visible){color:#8de0c7;background:#123c32}
html[data-theme=dark] body #localInboxList .tma-action-copy:is(:hover,:focus-visible){color:#bdcbff;background:#243556}
html[data-theme=dark] body #localInboxList .tma-action-share:is(:hover,:focus-visible),html[data-theme=dark] body #tmaInboxTopbar .tma-top-settings:is(:hover,:focus-visible){color:#d4beff;background:#35284e}
/* Include pending 9.1 presentation fixes without requiring its installation. */
html[data-atelier] body.studio-plus .premium-policy-toggle #premiumPolicyLabel{font-size:.875rem!important;line-height:1.6}
html[data-atelier] body .search:has(> #atelierMailSearch),html[data-atelier] body .search:has(> #atelierPlusMailSearch){min-height:3rem;height:auto}
@media(prefers-reduced-motion:reduce){html[data-atelier] body :is(.tma-mailbox-card,.tma-card-action,.tma-inbox-topbar button,.tma-settings-option input,.tma-settings-option input::before){transition:none!important}}
/* The active inbox countdown stays in the existing main header. */
html[data-atelier] body #localInboxList .tma-card-expiry{display:none!important}

/* The exact inbox to be removed is disclosed before the Create action. */
html[data-atelier] body #tmaAutoDeleteNotice{display:grid;gap:6px;margin:14px 0 18px;padding:14px;border:1px solid #e5c781;border-radius:10px;background:#fff8e8;color:#6d4b12;font-size:.875rem;line-height:1.7}
html[data-atelier] body #tmaAutoDeleteNotice strong{font-size:.9375rem}
html[data-atelier] body #tmaAutoDeleteNotice .tma-auto-delete-address{display:block;font-size:1rem;font-weight:600;overflow-wrap:anywhere;text-align:start}
html[data-atelier] body #tmaAutoDeleteNotice p{margin:0;font-size:.875rem;line-height:1.7}
html[data-theme=dark] body #tmaAutoDeleteNotice{background:#302719;color:#f2d49a;border-color:#66502e}
