:root{--brand:#141815;--brand-hover:#2e3532;--brand-text:#141815;--brand-strong:#0b0d0c;--brand-border:#d8dad6;--brand-soft:#f4f4f2;--brand-softer:#fafaf9;--brand-tint:#14181512;--surface:#fff;--surface-subtle:#fafaf9;--surface-muted:#f4f4f2;--surface-sunken:#f1f1ee;--surface-page:#f9f9f7;--surface-cool:#f9f9f8;--light:#fff;--text:#141815;--text-muted:#6b7069;--muted:#9a9c98;--text-subtle:#b4b8b3;--on-accent:#fff;--border-subtle:#f0f1f0;--border:#e9eae9;--border-strong:#cfd0cd;--border-input:#d8dad6;--border-cool:#d9dbd9;--dark:#15181a;--dark-2:#212528;--navy:#212528;--ink:#111415;--danger:#b4452f;--danger-strong:#9c3b28;--danger-border:#ce9e99;--danger-border-soft:#eddfde;--danger-soft:#f9f4f4;--danger-softer:#fdfbfb;--success:#2f8f5b;--success-strong:#298051;--success-border:#d4e0d8;--success-soft:#f4f7f5;--warning:#c08a2e;--warning-strong:#946921;--warning-border:#ebdfd4;--warning-soft:#faf6f4;--info:#2f5dae;--info-strong:#2a5399;--info-border:#d4d8e7;--info-soft:#f4f5f8;--purple:#7c3aed;--purple-strong:#6d28d9;--purple-soft:#ede9fe;--tone-blue:var(--info);--tone-green:var(--success);--tone-amber:var(--warning);--tone-purple:var(--purple);--tone-teal:#0d9488;--shadow-warm:#14181514;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}
*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--surface-page);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}
html{font-size:81.25%}@media (max-width:768px){html{font-size:73.125%}}@media (max-width:400px){html{font-size:65%}}.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(--brand);white-space:nowrap;background:0 0;border:0;padding:0;font-weight:500}.graphMailAttachmentLink:hover{color:var(--brand-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:var(--surface);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:var(--surface-page);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%}