:root{--gold:#e9a41c;--gold-hover:#d4940f;--dark:#1c2433;--dark-2:#232c3d;--light:#fff;--text:#1c2433;--muted:#8a8d93;--border:#e2e2de;--danger:#b42318;--tone-blue:#2563eb;--tone-green:#16a34a;--tone-amber:#d97706;--tone-purple:#7c3aed;--tone-teal:#0d9488}
*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;background:#f6f6f3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}
html{font-size:87.5%}@media (max-width:768px){html{font-size:78.75%}}@media (max-width:400px){html{font-size:70%}}.graphMailToolbar{align-items:stretch;gap:.5rem;padding:.75rem 1.25rem;display:flex}@media (max-width:560px){.graphMailToolbar{flex-wrap:wrap}.graphMailToolbar>:first-child{flex:12rem;min-width:0}}.graphMailAttachments{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.graphMailAttachment{border:1px solid var(--border);background:var(--light);border-radius:8px;align-items:center;gap:.5rem;max-width:100%;padding:.35rem .6rem;font-size:.85rem;display:inline-flex}.graphMailAttachmentName{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;font-weight:500;overflow:hidden}.graphMailAttachmentSize{color:var(--muted);font-size:.8rem}.graphMailAttachmentLink{appearance:none;font:inherit;cursor:pointer;color:var(--gold);white-space:nowrap;background:0 0;border:0;padding:0;font-weight:500}.graphMailAttachmentLink:hover{color:var(--gold-hover);text-decoration:underline}.composeAttachmentRemove{appearance:none;width:1.1rem;height:1.1rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:inline-flex}.composeAttachmentRemove:hover:not(:disabled){background:var(--border);color:var(--dark)}.composeAttachmentRemove:disabled{cursor:default;opacity:.5}.attPreviewOverlay{z-index:120;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#141a269e;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.attPreviewCard{background:#fff;border-radius:14px;flex-direction:column;width:min(1000px,100%);height:min(90vh - 100px,100%);display:flex;overflow:hidden;box-shadow:0 24px 60px #10162252}.attPreviewHeader{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.attPreviewName{text-overflow:ellipsis;white-space:nowrap;color:var(--dark);flex:1;font-weight:600;overflow:hidden}.attPreviewActions{align-items:center;gap:.5rem;display:flex}.attPreviewBody{background:#f6f6f3;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.attPreviewFrame{border:0;width:100%;height:100%}.attPreviewImage{object-fit:contain;max-width:100%;max-height:100%}