/* Shared account communication surfaces. All selectors are scoped. */
.auth-session-options{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:2px 0 6px}
.auth-page .auth-remember{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--up-text);margin:0}
.auth-page .auth-remember input{width:19px;height:19px;accent-color:#8060ce;cursor:pointer;flex-shrink:0}
.auth-remember strong{display:block;font-size:12px;font-weight:650}.auth-remember small{display:block;font-size:10px;color:var(--up-muted);line-height:1.8;margin-top:3px}
.auth-session-options .auth-forgot{margin:0;font-size:11px}.auth-remember input:focus-visible{outline:3px solid #00b2ff80;outline-offset:3px}
.mail-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:20px;align-items:start}
.mail-studio .mail-designs{border:0;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}
.mail-studio .mail-design{display:block;position:relative;cursor:pointer}.mail-design>input{position:absolute;opacity:0;width:1px;height:1px}
.mail-design-card{display:block;padding:9px;border:2px solid var(--up-border);border-radius:13px;background:var(--up-input);transition:border-color .15s,box-shadow .15s}
.mail-studio.adm .mail-design>input[type=radio]{width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden}
.mail-design>input:checked+.mail-design-card{border-color:#8060ce;box-shadow:0 0 0 3px #8060ce18}.mail-design>input:focus-visible+.mail-design-card{outline:3px solid #00b2ff80;outline-offset:3px}
.mail-mini{display:block;border-radius:8px;overflow:hidden;background:#eef2ff;padding:8px;height:96px;box-shadow:inset 0 0 0 1px #dce1eb}
.mail-mini>b{display:block;background:#31205b;border-radius:4px 4px 0 0;height:22px;margin:-2px -2px 10px;border-bottom:3px solid #8766d8}.mail-mini>span{display:block;height:5px;background:#c1cbdc;margin:6px 5px;border-radius:5px}.mail-mini>span:nth-of-type(2){width:60%}.mail-mini>em{display:block;width:40%;height:11px;background:#8060ce;margin:9px 5px;border-radius:3px}
.mail-mini-classic{background:#edf5fa}.mail-mini-classic>b{background:#123d59;border-color:#087ea4}.mail-mini-classic>em{background:#087ea4}
.mail-mini-minimal{background:#f5f5f5}.mail-mini-minimal>b{background:#fff;border-color:#202b3c}.mail-mini-minimal>em{background:#202b3c}
.mail-design-name{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:10px;font-size:11px;color:var(--up-text)}.mail-design-name>i{color:#8060ce;opacity:0}.mail-design>input:checked+.mail-design-card .mail-design-name>i{opacity:1}
.mail-preview{display:grid;gap:12px;position:sticky;top:95px}.mail-preview .adm-card-title{margin:0}.mail-preview iframe{display:block;width:100%;height:510px;border:1px solid var(--up-border);border-radius:12px;background:#eef2ff}
.mail-studio .mail-test{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.mail-test form{align-items:end}.mail-studio .mail-test h2{margin-bottom:6px}
.mail-guide ol{list-style:decimal;padding-inline-start:25px;margin:0;display:grid;gap:15px}.mail-guide li{padding-inline-start:6px;color:var(--up-muted);font-size:12px;line-height:2}.mail-guide li strong{display:block;color:var(--up-text);font-size:13px}.mail-guide-links{display:flex;gap:16px;flex-wrap:wrap;font-size:11px}.mail-guide code{overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate}.mail-studio .adm-note{margin-top:14px}
/* A single quiet inbox surface, shared by customers and the administrator. */
.notification-center{gap:22px;max-width:1160px;margin-inline:auto;width:100%}
.notification-header,.notification-heading{display:flex;align-items:center;gap:16px;min-width:0}.notification-header{justify-content:space-between;flex-wrap:wrap}.notification-heading{flex:1 1 360px}.notification-heading>div{min-width:0}.notification-center h1{margin:0 0 5px}.notification-heading p{font-size:12px;color:var(--up-muted);line-height:1.9}
.notification-order{--note-accent:#947be7;--note-tint:#8060ce16}.notification-ticket{--note-accent:#0b9eab;--note-tint:#06b6d416}.notification-payment{--note-accent:#15976b;--note-tint:#10b98116}
.notification-center .notification-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--note-tint,#8060ce16);color:var(--note-accent,#947be7);font-size:17px;flex-shrink:0}.notification-heading>.notification-symbol{width:50px;height:50px;font-size:22px}
.notification-inbox{border:1px solid var(--up-border);border-radius:18px;background:var(--up-card);overflow:hidden;min-width:0}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 22px 14px}.notification-tabs{display:flex;gap:5px;padding:4px;background:var(--up-input);border:1px solid var(--up-border);border-radius:10px}.notification-center .notification-tabs a{display:flex;align-items:center;gap:9px;border-radius:7px;padding:7px 12px;font-size:12px;color:var(--up-muted);text-decoration:none}.notification-center .notification-tabs a[aria-current]{background:var(--up-card);color:var(--up-text);box-shadow:0 1px 5px #0001;font-weight:750}.notification-tabs span{font-size:10px;padding:0 5px;font-variant-numeric:tabular-nums}.notification-center .notification-read-all{background:transparent;border-color:transparent;color:var(--up-muted)}
.notification-types{display:flex;gap:5px;flex-wrap:wrap;padding:0 22px 16px;border-bottom:1px solid var(--up-border)}.notification-center .notification-types a{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:7px;font-size:11px;color:var(--up-muted);text-decoration:none}.notification-center .notification-types a[aria-current]{background:#8060ce16;color:var(--up-text);font-weight:700}.notification-center .notification-types a:hover{background:var(--up-input)}.notification-type-count{border-radius:5px;background:var(--up-input);padding:0 5px;font-size:10px;font-variant-numeric:tabular-nums}
.notification-feed{min-width:0}.notification-row{display:flex;align-items:center;gap:15px;padding:19px 22px;border-bottom:1px solid var(--up-border);border-inline-start:3px solid transparent;min-width:0}.notification-row:last-child{border-bottom:0}.notification-row.is-unread{border-inline-start-color:var(--note-accent);background:linear-gradient(var(--note-tint),var(--note-tint))}.notification-content{flex:1;min-width:0}.notification-title{display:flex;align-items:center;gap:10px;min-width:0}.notification-center .notification-title h2{font-size:13px;font-weight:700;margin:0;line-height:1.9;overflow-wrap:anywhere}.notification-unread-dot{width:6px;height:6px;background:var(--note-accent);border-radius:50%;flex-shrink:0}.notification-content p{font-size:12px;color:var(--up-muted);line-height:1.9;margin:4px 0 0;overflow-wrap:anywhere}.notification-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--up-muted);margin-top:7px}.notification-meta time{font-variant-numeric:tabular-nums}.notification-row form{flex-shrink:0}.notification-center .notification-open{background:transparent;border-color:transparent;color:var(--up-muted);padding:9px}.notification-row.is-read .notification-symbol{filter:saturate(.55)}.notification-empty{text-align:center;display:grid;gap:13px;justify-items:center;padding:55px 20px}.notification-empty .notification-symbol{width:60px;height:60px;font-size:25px;border-radius:20px}.notification-empty p{font-size:12px;color:var(--up-muted)}
.notification-footer{padding:16px 22px;border-top:1px solid var(--up-border)}.notification-footer>small{display:block;font-size:10px;color:var(--up-muted)}.notification-footer .adm-pager{padding-top:12px}.mail-diagnostics{display:grid;gap:8px;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--up-border)}.mail-diagnostics>div{display:grid;grid-template-columns:minmax(100px,180px) minmax(0,1fr);gap:12px}.mail-diagnostics dt{font-weight:700}.mail-diagnostics dd{margin:0;overflow-wrap:anywhere;color:var(--up-text)}
@media(max-width:1100px){.mail-workspace{grid-template-columns:1fr}.mail-preview{position:static}.mail-preview iframe{height:530px}}
@media(max-width:650px){.notification-heading{gap:12px}.notification-toolbar{padding:14px;gap:8px}.notification-center .notification-read-all{font-size:10px;padding:7px}.notification-types{padding:0 14px 14px;gap:3px}.notification-center .notification-types a{padding:6px 8px;font-size:10px}.notification-row{padding:16px 13px;gap:11px;align-items:flex-start}.notification-center .notification-row .notification-symbol{width:34px;height:34px;font-size:14px;border-radius:10px}.notification-row form{align-self:center}.notification-center .notification-open{padding:8px;min-width:32px}.notification-open>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.notification-meta{gap:5px 12px}.notification-footer{padding:14px}.notification-footer .adm-pager{justify-content:space-between}.mail-workspace{gap:15px}.mail-design-card{padding:6px}.mail-design-name{font-size:10px}.mail-preview iframe{height:550px}.mail-test form,.mail-test label,.mail-test button{width:100%}.mail-mini{height:83px}.mail-mini>b{height:18px}.mail-diagnostics>div{grid-template-columns:1fr;gap:2px}}
@media(prefers-reduced-motion:reduce){.notification-center *,.mail-studio *{transition:none!important;transform:none!important}}
/* Additional layouts have distinct silhouettes in the template chooser. */
.mail-mini-editorial{background:#f2ece2;border-radius:0}.mail-mini-editorial>b{background:#fffdf8;border-bottom:3px double #9b4935;margin:0 4px 12px}.mail-mini-editorial>span{border-radius:0;border-inline-start:3px solid #9b4935}.mail-mini-editorial>em{background:#9b4935;border-radius:0}
.mail-mini-midnight{background:#0e1726}.mail-mini-midnight>b{background:#172438;border-top:3px solid #7dd3fc;border-bottom:0}.mail-mini-midnight>span{background:#516681}.mail-mini-midnight>em{background:#7dd3fc}
.mail-mini-botanical{background:#eef4ed;border-radius:18px 3px 18px 3px}.mail-mini-botanical>b{background:#e2eddf;border-bottom:0;margin:0 0 12px}.mail-mini-botanical>span{background:#b1c8b5}.mail-mini-botanical>em{background:#2f634d;border-radius:10px}
.mail-mini-ribbon{background:#fff1ed}.mail-mini-ribbon>b{background:#b73952;border:0;margin:8px 0 12px;border-radius:6px}.mail-mini-ribbon>em{background:#b73952}
.mail-mini-blueprint{background:#edf3fb;border:1px solid #2855a0;border-radius:0}.mail-mini-blueprint>b{background:#fff;border-bottom:2px solid #2855a0;border-radius:0}.mail-mini-blueprint>span{border-radius:0}.mail-mini-blueprint>em{background:#2855a0;border-radius:0}
.mail-studio .mail-color-field{display:flex;align-items:center;gap:8px;min-width:0}.mail-studio .mail-color-field>input[type=color]{width:44px;height:42px;flex:0 0 44px;padding:4px;cursor:pointer}.mail-studio .mail-color-field>input[type=text]{width:100%;min-width:0}.mail-studio textarea{resize:vertical}
.mail-studio .adm-card-title{flex-wrap:wrap}
