.xmail-webmail-root{font-family:var(--body-font);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;height:100vh;display:flex;overflow:hidden}.xmail-webmail-root *,.xmail-webmail-root :before,.xmail-webmail-root :after{box-sizing:border-box}.xmail-webmail-root .wm-heading{font-family:var(--heading-font)}.xmail-webmail-root .wm-mono{font-family:var(--mono-font)}.xmail-webmail-root .wm-ai{font-family:var(--ai-font)}.xmail-webmail-grid{flex:1;grid-template-columns:220px minmax(320px,1fr) minmax(420px,1.4fr);min-height:0;display:grid}@media (max-width:1100px){.xmail-webmail-grid{grid-template-columns:64px minmax(320px,1fr) minmax(420px,1.4fr)}.xmail-webmail-grid .wm-folders-label{display:none}}@media (max-width:820px){.xmail-webmail-grid{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.xmail-webmail-grid .wm-pane-folders,.xmail-webmail-grid .wm-pane-list,.xmail-webmail-grid .wm-pane-reader{grid-column:1}.xmail-webmail-grid[data-mobile-view=list] .wm-pane-reader,.xmail-webmail-grid[data-mobile-view=reader] .wm-pane-list,.xmail-webmail-grid[data-mobile-view=reader] .wm-pane-folders{display:none}.wm-pane-folders{border-right:none;border-bottom:1px solid var(--border);flex-direction:column;max-height:none}.wm-pane-folders>nav{flex-direction:row;gap:6px;padding:6px 8px;display:flex;overflow:auto hidden}.wm-pane-folders>nav>button{flex-shrink:0;border-radius:var(--radius-pill)!important;width:auto!important;margin:0!important;padding:6px 12px!important}.wm-pane-folders .wm-folders-label{display:inline!important}.wm-topbar{flex-wrap:wrap;gap:6px;padding:8px 10px}.wm-topbar input[type=search]{order:10;width:100%;max-width:none!important}.wm-pane-reader .wm-topbar{flex-wrap:nowrap}}.wm-mobile-back{display:none}@media (max-width:820px){.wm-mobile-back{display:inline-flex}}.wm-pane-folders,.wm-pane-list,.wm-pane-reader{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.wm-pane-reader{border-right:none}.wm-row{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:4px;padding:12px 14px;transition:background .12s ease-out;display:flex}.wm-row:hover{background:var(--bg-hover)}.wm-row[data-active=true]{background:var(--bg-elevated)}.wm-row[data-unread=true] .wm-row-from,.wm-row[data-unread=true] .wm-row-subject{color:var(--text-primary);font-weight:600}.wm-row:not([data-unread=true]) .wm-row-from,.wm-row:not([data-unread=true]) .wm-row-subject{color:var(--text-secondary)}.wm-row .wm-row-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.45;overflow:hidden}.wm-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:background .12s ease-out,border-color .12s ease-out;display:inline-flex}.wm-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.wm-btn[data-variant=primary]{background:var(--primary);color:var(--primary-fg);border-color:#0000;font-weight:600}.wm-btn[data-variant=primary]:hover{background:var(--primary-hover)}.wm-btn[data-variant=ghost]{background:0 0;border-color:#0000}.wm-btn[data-variant=ghost]:hover{background:var(--bg-hover)}.wm-btn[data-variant=danger]{color:var(--danger);border-color:var(--border)}.wm-input{font:inherit;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);outline:none;width:100%;padding:7px 10px;font-size:13px}.wm-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 25%, transparent)}.wm-textarea{font:inherit;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);resize:vertical;outline:none;width:100%;min-height:96px;padding:10px 12px;font-size:14px;line-height:1.5}.wm-prose{color:var(--text-primary);font-size:14.5px;line-height:1.6}.wm-prose a{color:var(--primary)}.wm-prose img{max-width:100%;height:auto}.wm-prose blockquote{border-left:3px solid var(--border-strong);color:var(--text-secondary);margin:10px 0;padding-left:12px}.wm-prose pre{background:var(--bg-elevated);border-radius:var(--radius-md);font-family:var(--mono-font);padding:10px 12px;font-size:12.5px;overflow-x:auto}.wm-avatar{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--primary-fg);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.wm-pill{border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.wm-pill[data-tone=danger]{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, transparent);background:color-mix(in srgb, var(--danger) 10%, transparent)}.wm-pill[data-tone=warning]{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 30%, transparent);background:color-mix(in srgb, var(--warning) 10%, transparent)}.wm-pill[data-tone=success]{color:var(--success);border-color:color-mix(in srgb, var(--success) 30%, transparent);background:color-mix(in srgb, var(--success) 10%, transparent)}.wm-pill[data-tone=accent]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.xmail-webmail-root ::-webkit-scrollbar{width:8px;height:8px}.xmail-webmail-root ::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}.xmail-webmail-root ::-webkit-scrollbar-track{background:0 0}.xmail-webmail-root ::selection{background:color-mix(in srgb, var(--primary) 35%, transparent)}.wm-topbar{border-bottom:1px solid var(--border);background:var(--bg-surface);align-items:center;gap:8px;padding:10px 14px;display:flex}.wm-pane-header{border-bottom:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}