@layer components{.mail-dialog-header{overflow-wrap:anywhere;border-bottom:1px solid #eeebf2;flex-shrink:0;padding:20px 52px 20px clamp(22px,4vw,44px)}.mail-dialog-context{margin:16px clamp(22px,4vw,44px)}.mail-dialog-draft{padding:22px clamp(22px,4vw,44px) 30px}.mail-dialog-draft .mail-thread{padding-inline:0}.mail-thread{width:100%;min-width:0;padding:8px clamp(22px,4vw,44px) 30px}.mail-thread:focus{outline:none}.mail-shortcut-guide{font-size:12px}.mail-shortcut-guide>div{border-bottom:1px solid #f2eff5;justify-content:space-between;align-items:baseline;gap:18px;padding:8px 0;display:flex}.mail-shortcut-guide dd{text-align:right;color:#7b7584}.mail-shortcut-guide kbd{white-space:nowrap}.mail-conversation{padding:0}.mail-thread-tool-actions{align-items:center;gap:12px;display:flex}.mail-conversation-dialog>.mail-thread,.mail-conversation-dialog>.mail-conversation-body{min-height:0;overflow-y:auto}.mail-thread-tools{color:#98929d;justify-content:space-between;align-items:center;padding:12px 0;font-size:11px;display:flex}.mail-thread-tools button{cursor:pointer;padding:5px}.mail-thread-note{color:#898390;padding:12px 0;font-size:12px;line-height:1.5}.mail-thread-error{color:#b54848;padding:12px 0;font-size:12px;line-height:1.5}.mail-message{position:relative}.mail-message .received-gmail{border-bottom:0;padding:24px 0 28px}.mail-message+.mail-message{border-top:1px solid #eeebf2}.mail-history-row{text-align:left;color:#787681;cursor:pointer;align-items:center;gap:12px;width:100%;min-width:0;padding:14px 0;display:flex}.mail-history-row strong{color:#34313a;text-overflow:ellipsis;white-space:nowrap;max-width:28%;font-size:13px;font-weight:500;overflow:hidden}.mail-history-snippet{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.mail-history-row time{white-space:nowrap;margin-left:auto;font-size:11px}.mail-history-row:hover{background:#faf9fc}.mail-message-controls{color:#8a8492;align-items:center;gap:4px;display:flex}.mail-message-controls>button,.mail-message-menu>summary{cursor:pointer;border-radius:5px;padding:3px;display:flex}.mail-message-menu{position:relative}.mail-message-menu summary{list-style:none}.mail-message-menu summary::-webkit-details-marker{display:none}.mail-message-menu>div{z-index:2;background:#fff;border:1px solid #e9e6ed;border-radius:10px;min-width:145px;padding:5px;position:absolute;top:25px;right:0;box-shadow:0 5px 25px #2b203a15}.mail-message-menu button{cursor:pointer;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:12px;display:flex}.mail-message-menu button:hover{background:#f5f3f8}.mail-response-dock{border-top:1px solid #eeebf2;flex-wrap:wrap;justify-content:flex-start;gap:10px 20px;padding:22px 0;display:flex}.mail-response-options{flex-wrap:wrap;gap:8px;display:flex}.mail-template-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mail-action{color:#524a5c;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e5e1ea;border-radius:8px;flex:0 0 152px;justify-content:center;align-items:center;gap:7px;width:152px;height:36px;padding:0 12px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex;box-shadow:0 1px 2px #2b203a04}.mail-action:hover{background:#f7f5fa;border-color:#d6cedf}.mail-action:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid #8c73ba}.mail-action.is-primary{background:var(--brand);color:var(--brand-foreground);box-shadow:var(--glow-primary);border-color:#0000}.mail-action.is-primary:hover{background:var(--brand-strong);border-color:#0000}.mail-action:disabled{opacity:.45;cursor:default}.mail-action:disabled:not(.is-primary):hover{background:#fff;border-color:#e5e1ea}.mail-compose{background:#fff;border:1px solid #e3dfea;border-radius:12px;margin:0 0 24px;padding:0 22px 18px;box-shadow:0 4px 22px #45335b07}.mail-compose .email-editor{border:0;border-radius:0;margin:0}.mail-compose .email-rich-body{padding:20px 0}.mail-compose .email-format-tools{padding:10px 0}.mail-compose>header{align-items:center;gap:12px;padding:18px 0;font-size:13px;display:flex}.mail-compose>header span{color:#a09aa6;margin-left:auto;font-size:11px}.mail-compose>header button{cursor:pointer;color:#928b9b}.mail-compose-field{border-top:1px solid #f1eef4;align-items:baseline;gap:16px;padding:10px 0;font-size:12px;display:flex}.mail-compose-field>span{color:#9b94a1;flex-shrink:0;width:44px}.mail-compose-field strong{overflow-wrap:anywhere;color:#5a5262;min-width:0;font-weight:500}.mail-compose-field input{background:0 0;outline:none;width:100%;min-width:0}.mail-composer-footer>footer,.mail-compose>footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;display:flex}[data-mail-footer]:not(:empty){background:#fff;border-top:1px solid #eeebf2;flex-shrink:0;padding:12px clamp(22px,4vw,44px)}[data-mail-footer] .mail-composer-footer>footer{margin-top:0}[data-mail-footer] .mail-thread-note,[data-mail-footer] .mail-thread-error{margin:0;padding:6px 0}[data-mail-footer] .mail-undo{margin:0 0 10px}.mail-send-primary{color:#fff;cursor:pointer;background:#ff6800;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 16px;font-size:12px;font-weight:500;display:inline-flex}.mail-send-primary:disabled{opacity:.4;cursor:default}.mail-undo{color:#fff;background:#353142;border-radius:9px;justify-content:space-between;align-items:center;margin-top:16px;padding:13px 16px;font-size:12px;display:flex}.mail-undo button{cursor:pointer;align-items:center;gap:6px;display:flex}.mail-attachment-list,.mail-compose-attachments{color:#81798a;align-items:center;gap:8px;padding:8px 0;font-size:11px;display:flex}.mail-compose-attachments{flex-wrap:wrap}.mail-compose-attachments span{border:1px solid #eee9f2;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;display:flex}.mail-compose-attachments button{cursor:pointer}@media (max-width:640px){.mail-thread{padding-inline:20px}.mail-history-row{flex-wrap:wrap;gap:7px}.mail-history-row strong{max-width:55%}.mail-history-snippet{flex-basis:100%;order:5;padding-left:39px}.mail-history-row time{font-size:10px}.mail-response-options,.mail-template-actions{gap:6px}.mail-action{padding-inline:9px}}}