/* YetoMail Interface 1 — scarlet, graphite and a restrained gold signal. */
:root{--yt-ink:#151a24;--yt-red:#d71920;--yt-red-deep:#a90e1b;--yt-gold:#edbd52;--yt-line:#dce0e7;--yt-ring:0 0 0 3px #d7192029;--yt-ease:160ms cubic-bezier(.2,.8,.2,1)}
body :is(.btn,.sf-btn,.swal2-confirm,.swal2-cancel,.swal2-deny){position:relative;isolation:isolate;border-radius:11px 5px 11px 5px!important;border:1px solid var(--sf-border,#dce0e7);font-weight:650;letter-spacing:.015em;min-height:42px;transition:transform var(--yt-ease),box-shadow var(--yt-ease),border-color var(--yt-ease),background-color var(--yt-ease);box-shadow:inset 0 1px 0 #ffffff9c,0 2px 4px #111a2b05}
body :is(.btn,.sf-btn):not(.primary):not(.danger):not(.active){background:linear-gradient(180deg,var(--sf-card,#fff),var(--sf-card-alt,#f7f8fa));color:var(--sf-text,#252a34)}
body :is(.btn,.sf-btn):not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-1px);border-color:#aeb7c6;box-shadow:inset 0 1px 0 #fff8,0 5px 12px #1724390d}
body :is(.btn.primary,.sf-btn.primary,.swal2-confirm){background:linear-gradient(125deg,#e32635 0%,#c41226 65%,#ae1021 100%)!important;border:1px solid #bc1525!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffacb04f,0 5px 12px #9c102421!important}
body :is(.btn.primary,.sf-btn.primary,.swal2-confirm)::after{content:"";position:absolute;right:3px;top:3px;width:7px;height:7px;border-top:1px solid #f5d47ca8;border-right:1px solid #f5d47ca8;border-radius:0 2px 0 0;pointer-events:none}
body :is(.btn.primary,.sf-btn.primary,.swal2-confirm):not(:disabled):hover{background:linear-gradient(125deg,#f13140,#ce1429 65%,#b61023)!important;box-shadow:inset 0 1px 0 #ffd0d063,0 6px 16px #a5162a2e!important}
body :is(.btn.danger,.swal2-deny){background:#d7192009!important;color:#b71528!important;border-color:#dc667648!important}
body :is(.btn,.sf-btn,.swal2-styled):focus-visible{outline:2px solid var(--yt-gold)!important;outline-offset:3px;box-shadow:var(--yt-ring)!important}
body :is(.btn,.sf-btn,.swal2-styled):disabled{opacity:.48!important;transform:none!important;box-shadow:none!important;cursor:not-allowed}
body :is(.btn,.sf-btn) svg{flex-shrink:0;stroke-width:1.8}.mail-filter-tabs .btn{border-radius:9px 5px 0 0!important;transform:none!important}.editor-toolbar .btn{border-radius:6px!important;box-shadow:none!important}.signup-suggestions .btn{border-radius:8px 4px 8px 4px!important}
/* One modal architecture, with separate document and media sizes. */
body .swal2-container.swal2-backdrop-show{background:rgba(10,16,27,.52)!important;backdrop-filter:blur(5px)}
body .swal2-popup.yeto-dialog{display:flex!important;flex-direction:column;align-items:stretch;max-width:calc(100vw - 32px)!important;max-height:92dvh;padding:0!important;border-radius:18px 7px 18px 7px!important;border:1px solid #ffffff30!important;background:var(--sf-card,#fff);box-shadow:0 30px 100px #07102040,0 0 0 1px #10182a18!important;overflow:hidden}
.yeto-dialog .yeto-dialog-brand{order:0;position:relative;flex:0 0 auto;min-height:72px;box-sizing:border-box;padding:14px 28px!important;border:0!important;background:linear-gradient(120deg,#151b27,#232b39)!important;color:#fff;box-shadow:inset 0 -1px 0 #ffffff0d}
.yeto-dialog-brand::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#d71920 0%,#ed2b3a 72%,#edbd52 72%,#edbd52 100%)}
.yeto-dialog .yeto-dialog-brand img{width:140px!important;max-height:42px;object-fit:contain;object-position:left center}.yeto-dialog .yeto-dialog-brand img.light{display:none!important}.yeto-dialog .yeto-dialog-brand img.dark{display:block!important}
.yeto-dialog-module{display:flex;align-items:center;gap:9px;margin-right:28px;color:#d3dae7;font-size:10px;font-weight:600;letter-spacing:1px}.yeto-dialog-module svg{width:16px;height:16px;color:#edbd52}.yeto-dialog-signal{display:flex;gap:3px;margin-left:5px}.yeto-dialog-signal i{width:3px;height:10px;background:#edbd5266;border-radius:1px}.yeto-dialog-signal i:nth-child(2){height:14px;background:#edbd52}.yeto-dialog-signal i:nth-child(3){height:7px;align-self:flex-end;background:#d71920}
.yeto-dialog.swal2-popup .swal2-close{position:absolute;z-index:5;right:12px;top:19px;width:32px;height:32px;margin:0;border:1px solid #ffffff1c;border-radius:8px;background:#ffffff08;color:#dbe1ec;font-size:25px;line-height:1;box-shadow:none}.yeto-dialog .swal2-close:hover{background:#ffffff18;color:#fff}.yeto-dialog .swal2-close:focus-visible{outline:2px solid #edbd52;outline-offset:2px}
.yeto-dialog.swal2-popup .swal2-title{order:2;flex:0 0 auto;margin:0!important;padding:24px 28px 12px!important;font-size:22px!important;letter-spacing:-.025em;font-weight:720;line-height:1.35;text-align:left;color:var(--sf-text,#222936);overflow-wrap:anywhere}
.yeto-dialog.swal2-popup .swal2-html-container{order:4;flex:1 1 auto;min-height:0;overflow-y:auto;max-height:calc(92dvh - 220px);margin:0!important;padding:8px 28px 24px!important;font-size:14px;line-height:1.7;text-align:left;color:var(--sf-text,#303846)}
.yeto-dialog .swal2-icon{order:1;flex:0 0 auto;margin:22px 28px 0!important;width:42px;height:42px;font-size:.6rem;align-self:flex-start}.yeto-dialog .swal2-image{order:3}.yeto-dialog .swal2-input,.yeto-dialog .swal2-select,.yeto-dialog .swal2-textarea,.yeto-dialog .swal2-radio,.yeto-dialog .swal2-checkbox,.yeto-dialog .swal2-file{order:5;flex:0 0 auto;margin-left:28px!important;margin-right:28px!important}.yeto-dialog .swal2-input-label{order:4;margin-left:28px;margin-right:28px;align-self:flex-start}
.yeto-dialog .swal2-validation-message{order:7;flex:0 0 auto;margin:0 28px 16px!important;padding:12px!important;border:1px solid #de7a8940;background:#d7192008!important;border-radius:8px;font-size:12px}
.yeto-dialog.swal2-popup .swal2-actions{order:8;flex:0 0 auto;width:100%;box-sizing:border-box;margin:0!important;padding:17px 28px!important;gap:10px;border-top:1px solid var(--sf-border,#e5e8ee);background:var(--sf-card-alt,#f7f8fa);justify-content:flex-end}.yeto-dialog .swal2-actions .swal2-styled{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:11px 18px!important;font-size:12px!important}.yeto-dialog .swal2-actions svg{width:16px;height:16px}.yeto-dialog .swal2-cancel{background:var(--sf-card,#fff)!important;color:var(--sf-text,#313847)!important;border:1px solid var(--sf-border,#dce0e7)!important}.yeto-dialog .swal2-footer{order:9;margin:0;padding:12px 28px;font-size:12px}
.yeto-dialog :is(.field input,.field select,.field textarea,.swal2-input){border-radius:9px 4px 9px 4px!important;border-color:var(--sf-border,#dce0e7);box-shadow:inset 0 1px 2px #12223b03}.yeto-dialog :is(input,select,textarea):focus{border-color:#ce344a!important;outline:none;box-shadow:0 0 0 3px #d7192012!important}.yeto-dialog .field>span{font-size:12px;font-weight:650}.yeto-dialog .field{margin-bottom:18px}.yeto-dialog .drive-menu{gap:8px}.yeto-dialog .drive-menu .btn{padding:13px 15px;justify-content:flex-start}
/* Media is a wide stage; portrait images no longer stretch the modal vertically. */
body .swal2-popup.yeto-media-dialog{width:min(1120px,calc(100vw - 32px))!important}.yeto-media-dialog .swal2-image{box-sizing:border-box;display:block;width:calc(100% - 48px)!important;height:58dvh!important;max-height:58dvh!important;object-fit:contain;margin:8px 24px 22px!important;padding:12px;background:#101722;border:1px solid #ffffff0b;border-radius:11px}.yeto-media-dialog .swal2-title{font-size:18px!important;padding-bottom:10px!important}.yeto-media-dialog .swal2-html-container:empty{display:none}
body .drive-pdf-dialog.yeto-dialog{width:96vw!important}.drive-pdf-dialog.yeto-dialog .swal2-html-container{display:flex;flex-direction:column;max-height:none;padding:4px 20px 16px!important}.drive-pdf-dialog .drive-pdf-frame{height:60dvh;min-height:220px}.drive-pdf-dialog .swal2-title{font-size:18px!important}.registration-pending{color:#996716!important}.signup-suggestions .btn[data-pending=true]{border-color:#d7a54b80!important;color:#8d6114!important;background:#fbf5e7!important}.pending-signups{margin-top:24px}.pending-signups>header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.pending-signups h2{margin:0;font-size:18px}.pending-signups p{font-size:13px;color:var(--sf-muted,#777)}.pending-signups article{display:flex;gap:16px;justify-content:space-between;align-items:center;border-top:1px solid var(--sf-border,#e5e8ee);padding:14px 0;overflow-wrap:anywhere}.pending-signups small{font-size:11px;color:var(--sf-muted,#777)}
[data-theme=dark] body .btn:not(.primary):not(.danger):not(.active){box-shadow:inset 0 1px 0 #ffffff09,0 2px 5px #00000010}[data-theme=dark] .yeto-dialog .swal2-actions{background:#181c26}[data-theme=dark] .yeto-dialog .swal2-title{color:#eef1f7}[data-theme=dark] .signup-suggestions .btn[data-pending=true]{background:#30271a!important;color:#e8c16c!important}
@media(max-width:600px){body .swal2-popup.yeto-dialog{max-width:calc(100vw - 20px)!important;max-height:94dvh;border-radius:14px 6px 14px 6px!important}.yeto-dialog .yeto-dialog-brand{min-height:64px;padding:12px 18px!important}.yeto-dialog .yeto-dialog-brand img{width:118px!important;max-height:35px}.yeto-dialog-module{font-size:8px;letter-spacing:.5px;margin-right:30px;gap:5px}.yeto-dialog-signal{display:none}.yeto-dialog.swal2-popup .swal2-title{font-size:19px!important;padding:20px 20px 10px!important}.yeto-dialog.swal2-popup .swal2-html-container{padding:6px 20px 20px!important;font-size:13px;max-height:calc(94dvh - 210px)}.yeto-dialog.swal2-popup .swal2-actions{padding:14px 18px!important;gap:8px;flex-wrap:wrap}.yeto-dialog .swal2-actions .swal2-styled{flex:1 1 auto;min-height:44px}.yeto-media-dialog .swal2-image{width:calc(100% - 28px)!important;height:52dvh!important;max-height:52dvh!important;margin:6px 14px 16px!important;padding:6px}.pending-signups article{align-items:flex-start;flex-direction:column;gap:5px}.drive-pdf-dialog.yeto-dialog .swal2-html-container{max-height:none}}
@media(prefers-reduced-motion:reduce){body :is(.btn,.sf-btn,.swal2-styled){transition:none!important;transform:none!important}.swal2-container{backdrop-filter:none!important}}

/* Toast containers never dim, blur or intercept the page. Modal backdrops stay separate. */
body.swal2-toast-shown .swal2-container{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;pointer-events:none!important}body.swal2-toast-shown .swal2-container .swal2-toast{pointer-events:auto!important}

.recipient-contact-field{position:relative}.recipient-contact-results{position:absolute;z-index:35;top:100%;left:0;right:0;max-height:280px;overflow:auto;padding:5px;background:var(--sf-card,#fff);border:1px solid var(--sf-border,#ddd);border-radius:9px;box-shadow:0 10px 28px #17243926}.recipient-contact-results[hidden]{display:none}.recipient-contact-results button{display:flex;flex-direction:column;width:100%;gap:3px;text-align:left;padding:10px 14px;background:transparent;color:var(--sf-text,#222);border:0;border-radius:5px;cursor:pointer}.recipient-contact-results button:hover,.recipient-contact-results button[aria-selected=true]{background:#d7192012}.recipient-contact-results small{color:var(--sf-muted,#737b88)}