:root{--color-scheme:light;--brand:#141815;--brand-hover:#1e241f;--brand-text:#141815;--brand-strong:#141815;--brand-border:#cfcfcf;--brand-soft:#f1f1f1;--brand-softer:#fafbfa;--brand-tint:#14181512;--focus-ring:#1418152e;--surface:#fff;--surface-subtle:#fafafa;--surface-muted:#f4f4f3;--surface-sunken:#f0f0f0;--surface-page:#f6f7f6;--surface-cool:#f9fafc;--light:#fff;--text:#141815;--text-muted:#757575;--muted:#959595;--text-subtle:#a3a3a3;--on-accent:#fff;--border-subtle:#f0f0f0;--border:#e5e5e4;--border-strong:#cfd0cd;--border-input:#cecfd0;--border-cool:#ced0d2;--dark:#15181a;--dark-2:#1f2326;--navy:#213b6e;--ink:#111415;--on-dark:#fff;--on-dark-muted:#c9c9c9;--danger:#b4452f;--danger-strong:#b4452f;--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:#2f5dae;--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;--tone-blue-soft:var(--info-soft);--tone-green-soft:var(--success-soft);--tone-amber-soft:var(--warning-soft);--tone-purple-soft:var(--purple-soft);--tone-teal-soft:#f3f7f6;--shadow:#14181514;--shadow-popover:#14181524;--shadow-strong:#14181552;--overlay:#1418158c;--overlay-soft:#14181526;--lift-inset:.978;--lift-fill:.962;--lift-hover:.958;--lift-active:.935;--sidebar:#f9f9f7;--on-sidebar:#141815;--on-sidebar-muted:#727271;--sidebar-lift-hover:.9569;--sidebar-lift-active:.9333;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--type-card-title:500 15px / 1.35 var(--font-sans);--type-card-desc:400 13px / 1.5 var(--font-sans);--type-row-label:500 13px / 1.4 var(--font-sans);--type-row-help:400 12.5px / 1.5 var(--font-sans);--type-group:500 12px / 1.4 var(--font-sans);--type-control:500 12.5px / 1 var(--font-sans);--type-tab:400 13px / 1 var(--font-sans);--radius-card:14px;--radius-control:8px;--radius-note:10px;--card-padding:24px;--row-padding-y:14px;--row-gap:24px;--control-height:34px;--tab-height:40px;--switch-w:36px;--switch-h:20px;--switch-knob:16px}
*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}html{color-scheme:var(--color-scheme)}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%}}.mailToolbar{align-items:stretch;gap:.5rem;padding:.75rem 1.25rem;display:flex}@media (max-width:560px){.mailToolbar{flex-wrap:wrap}.mailToolbar>:first-child{flex:12rem;min-width:0}}.mailComposerAttachments{padding:0 1.25rem .85rem}.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;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.attPreviewCard{background:var(--surface);width:min(1000px,100%);height:min(90vh - 100px,100%);box-shadow:0 24px 60px var(--shadow-strong);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.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%}