.container.s-ai3i2c{background-color:var(--system-color-light);border-radius:inherit;width:100%;height:100%;font-family:var(--system-font-family);color:var(--system-color-light-contrast);flex-direction:column;font-size:13px;display:flex;overflow:hidden}.titlebar.s-ai3i2c{background:linear-gradient(#f6f6f6,#e8e8e8);border-bottom:1px solid #c8c8c8;align-items:center;min-height:38px;padding:8px 12px;display:flex}body.dark .titlebar.s-ai3i2c{background:linear-gradient(#3a3a3c,#2c2c2e);border-bottom-color:#1c1c1e}.toolbar-actions.s-ai3i2c{gap:4px;display:flex}.toolbar-btn.s-ai3i2c{color:#6e6e73;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px}.toolbar-btn.s-ai3i2c:hover{background:#0000000f}.main.s-ai3i2c{flex:1;display:flex;overflow:hidden}.folder-sidebar.s-ai3i2c{background:#f2f2f7;border-right:1px solid #d1d1d6;width:160px;min-width:160px;padding:8px 0;overflow-y:auto}body.dark .folder-sidebar.s-ai3i2c{background:#1c1c1e;border-right-color:#38383a}.folder-item.s-ai3i2c{width:100%;color:var(--system-color-light-contrast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.folder-item.s-ai3i2c:hover{background:#0000000a}.folder-item.active.s-ai3i2c{color:#fff;background:#007aff}.folder-icon.s-ai3i2c{font-size:14px}.folder-name.s-ai3i2c{flex:1}.folder-badge.s-ai3i2c{color:#fff;background:#007aff;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600}.folder-item.active.s-ai3i2c .folder-badge:where(.s-ai3i2c){color:#007aff;background:#fff}.message-list.s-ai3i2c{border-right:1px solid #d1d1d6;width:280px;min-width:280px;overflow-y:auto}body.dark .message-list.s-ai3i2c{border-right-color:#38383a}.email-item.s-ai3i2c{cursor:pointer;text-align:left;width:100%;color:var(--system-color-light-contrast);background:0 0;border:none;border-bottom:1px solid #0000000f;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.email-item.s-ai3i2c:hover{background:#00000008}.email-item.active.s-ai3i2c{color:#fff;background:#007aff}.unread-dot.s-ai3i2c{background:#007aff;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.email-item.active.s-ai3i2c .unread-dot:where(.s-ai3i2c){background:#fff}.email-info.s-ai3i2c{flex:1;min-width:0}.email-header.s-ai3i2c{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.email-from.s-ai3i2c{font-size:13px;font-weight:600}.email-date.s-ai3i2c{color:#86868b;flex-shrink:0;font-size:11px}.email-item.active.s-ai3i2c .email-date:where(.s-ai3i2c){color:#ffffffb3}.email-subject.s-ai3i2c{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:13px;font-weight:500;overflow:hidden}.email-preview.s-ai3i2c{color:#86868b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.email-item.active.s-ai3i2c .email-preview:where(.s-ai3i2c){color:#ffffffb3}.email-item.unread.s-ai3i2c .email-from:where(.s-ai3i2c){font-weight:700}.message-preview.s-ai3i2c{flex:1;min-width:0;padding:20px;overflow:hidden auto}.preview-header.s-ai3i2c{border-bottom:1px solid #d1d1d6;margin-bottom:16px;padding-bottom:12px}.preview-header.s-ai3i2c h2:where(.s-ai3i2c){word-wrap:break-word;overflow-wrap:break-word;margin:0 0 8px;font-size:18px;font-weight:600}body.dark .preview-header.s-ai3i2c{border-bottom-color:#38383a}.preview-meta.s-ai3i2c{color:#86868b;justify-content:space-between;font-size:12px;display:flex}.preview-from.s-ai3i2c strong:where(.s-ai3i2c){color:var(--system-color-light-contrast)}.preview-body.s-ai3i2c{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;font-size:14px;line-height:1.6}.empty-state.s-ai3i2c,.no-selection.s-ai3i2c{color:#86868b;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}