@layer components{.email-surface{flex:1;min-width:0;min-height:0;display:flex}.email-box-menu{flex:0 auto;align-items:center;min-width:0;display:flex;overflow:hidden}.email-box-menu .wg-menu-anchor{min-width:0;display:flex}.email-boxes{border-right:1px solid var(--wg-hairline);background:var(--wg-bg);flex-direction:column;flex:0 0 280px;min-width:0;min-height:0;display:none}@media (min-width:1100px){.email-boxes{display:flex}.email-box-menu{display:none}}.email-boxes-list{flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px;display:flex;overflow-y:auto}.email-boxes-head{color:var(--wg-text-3);font-size:var(--wg-text-ui-s);margin:12px 0 4px;padding:0 8px}.email-box{border-radius:var(--wg-radius-row);min-height:28px;color:var(--wg-text-2);font-size:var(--wg-text-ui);transition:background-color var(--wg-t-snap) var(--wg-ease), color var(--wg-t-snap) var(--wg-ease);align-items:center;gap:8px;padding:0 8px;text-decoration:none;display:flex}.email-box:hover{background:var(--wg-surface-2);color:var(--wg-text)}.email-box:active{background:var(--wg-hairline)}.email-box[aria-current=page]{background:var(--wg-selected);color:var(--wg-text)}.email-box[data-unread]{color:var(--wg-text);font-weight:var(--wg-weight-semibold)}.email-box:focus-visible{outline:2px solid var(--wg-accent-line);outline-offset:0}.email-box-lead{width:16px;color:var(--wg-text-3);flex:none;justify-content:center;display:inline-flex}.email-box-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.email-count{color:var(--wg-text);font-size:var(--wg-text-ui-s);font-weight:var(--wg-weight-semibold);font-variant-numeric:tabular-nums;flex:none}.email-boxes-foot{border-top:1px solid var(--wg-hairline);flex-direction:column;gap:2px;padding:8px;display:flex}.email-pill{border:1px solid var(--wg-hairline-2);border-radius:var(--wg-radius-full);height:20px;color:var(--wg-text-2);font-size:var(--wg-text-label);font-weight:var(--wg-weight-medium);white-space:nowrap;flex:none;align-items:center;gap:4px;padding:0 8px;line-height:1;display:inline-flex}.email-pill[data-tone=warn]{border-color:color-mix(in srgb, var(--wg-warn) 40%, transparent);color:var(--wg-warn)}.email-pill[data-tone=danger]{border-color:color-mix(in srgb, var(--wg-danger) 40%, transparent);color:var(--wg-danger)}.email-threads{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}@media (min-width:800px){.email-threads{border-right:1px solid var(--wg-hairline);flex:0 0 380px}}.email-thread-rows{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.email-row{border-bottom:1px solid var(--wg-hairline);color:var(--wg-text-2);font-size:var(--wg-text-ui);cursor:pointer;transition:background-color var(--wg-t-snap) var(--wg-ease);grid-template-columns:8px minmax(0,1fr) auto;gap:2px 8px;padding:10px 16px 10px 12px;text-decoration:none;display:grid;position:relative}.email-row:hover{background:color-mix(in srgb, var(--wg-surface-2) 60%, transparent)}.email-row:active{background:var(--wg-hairline)}.email-row[aria-current=page],.email-row[data-selected]{background:var(--wg-selected)}.email-row:focus-visible{outline:2px solid var(--wg-accent-line);outline-offset:-2px}.email-row-dot{border-radius:var(--wg-radius-full);grid-row:1;align-self:center;width:6px;height:6px}.email-row[data-unread] .email-row-dot{background:var(--wg-ink)}.email-row-who{min-width:0;color:var(--wg-text);text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;overflow:hidden}.email-row[data-unread] .email-row-who{font-weight:var(--wg-weight-semibold)}.email-row-when{grid-area:1/3;align-items:center;gap:6px;display:inline-flex}.email-row-what{grid-area:2/2/auto/4;align-items:center;gap:8px;min-width:0;display:flex}.email-row-subject{max-width:70%;color:var(--wg-text);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.email-row-snippet{min-width:0;color:var(--wg-text-3);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.email-row-box{text-overflow:ellipsis;white-space:nowrap;grid-area:3/2/auto/4;min-width:0;overflow:hidden}.email-more{justify-content:center;padding:12px;display:flex}.email-pane{flex-direction:column;flex:1;min-width:0;min-height:0;display:none}.email-surface[data-open]>.email-threads{display:none}.email-surface[data-open]>.email-pane{display:flex}@media (min-width:800px){.email-pane,.email-surface[data-open]>.email-threads{display:flex}}.email-pane-body{flex:1;min-height:0;overflow-y:auto}.email-read{max-width:760px;margin:0 auto;padding:24px 16px 32px}@media (min-width:640px){.email-read{padding:32px 32px 40px}}.email-subject{color:var(--wg-text);font-size:28px;font-weight:var(--wg-weight-light);letter-spacing:var(--wg-track-display);overflow-wrap:anywhere;margin:0;line-height:34px}.email-read-meta{flex-wrap:wrap;gap:4px 12px;margin:8px 0 0;display:flex}.email-msg{border-top:1px solid var(--wg-hairline);flex-direction:column;gap:8px;margin-top:24px;padding-top:16px;display:flex}.email-msg[data-pending]{opacity:.6}.email-msg-head{align-items:flex-start;gap:8px;display:flex}.email-msg-who{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.email-msg-from{color:var(--wg-text);font-size:var(--wg-text-ui);font-weight:var(--wg-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-msg-from>span{color:var(--wg-text-3);font-weight:400}.email-msg-to{overflow-wrap:anywhere}.email-msg-state{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.email-text{color:var(--wg-text);font-family:var(--wg-font-sans);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:20px}.email-text a{color:var(--wg-text);text-decoration:underline;-webkit-text-decoration-color:var(--wg-hairline-2);text-decoration-color:var(--wg-hairline-2);text-underline-offset:3px}.email-text a:hover{text-decoration-color:currentColor}.email-text a:active{color:var(--wg-text-2)}.email-link{color:var(--wg-text);text-decoration:underline;-webkit-text-decoration-color:var(--wg-hairline-2);text-decoration-color:var(--wg-hairline-2);text-underline-offset:3px}.email-link:hover{text-decoration-color:currentColor}.email-link:active{color:var(--wg-text-2)}.email-quoted{border-left:1px solid var(--wg-hairline-2);color:var(--wg-text-3);margin:0;padding:4px 0 4px 12px}.email-files{border-top:1px solid var(--wg-hairline);margin:0;padding:0;list-style:none}.email-file{border-bottom:1px solid var(--wg-hairline);min-height:32px;font-size:var(--wg-text-ui);align-items:center;gap:8px;display:flex}.email-file-name{min-width:0;color:var(--wg-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.email-held{border-radius:var(--wg-radius-m);background:var(--wg-surface-2);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.email-held>p{color:var(--wg-text-2);font-size:var(--wg-text-ui);flex:240px;margin:0;line-height:20px}.email-reply{border-top:1px solid var(--wg-hairline);flex:none;padding:8px 16px 16px}@media (min-width:640px){.email-reply{padding:12px 24px 16px}}.email-reply-box{max-width:760px;margin:0 auto}.email-reply-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.email-reply-to{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.email-compose{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;padding:24px 16px 32px;display:flex}@media (min-width:640px){.email-compose{padding:32px 32px 40px}}.email-field{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;display:grid}.email-field>label,.email-field>span:first-child{color:var(--wg-text-3);font-size:var(--wg-text-ui)}.email-compose-foot{align-items:center;gap:8px;display:flex}.email-problem{color:var(--wg-danger);font-size:var(--wg-text-ui-s);line-height:16px}.email-rows{border-top:1px solid var(--wg-hairline);margin:0;padding:0;list-style:none}.email-setting-row{border-bottom:1px solid var(--wg-hairline);min-height:44px;font-size:var(--wg-text-ui);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 0;display:flex}.email-setting-name{flex-direction:column;flex:200px;gap:2px;min-width:0;display:flex}.email-setting-name>strong{color:var(--wg-text);font-weight:var(--wg-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-setting-tools{flex:none;align-items:center;gap:2px;margin-left:auto;display:inline-flex}.email-records{border-collapse:collapse;width:100%;font-size:var(--wg-text-ui-s);margin:4px 0 8px}.email-records th{color:var(--wg-text-3);text-align:left;white-space:nowrap;padding:4px 8px 4px 0;font-weight:400}.email-records td{border-top:1px solid var(--wg-hairline);vertical-align:middle;padding:6px 8px 6px 0}.email-record-value{align-items:center;gap:2px;min-width:0;display:flex}.email-record-value>code{max-width:280px;color:var(--wg-text);font-family:var(--wg-font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.email-records-wrap{width:100%;overflow-x:auto}.email-form{flex-direction:column;gap:16px;width:100%;max-width:560px;padding:16px 0 20px;display:flex}.email-address-line{align-items:center;gap:6px;display:flex}.email-address-line>.wg-input:first-child{flex:1;min-width:0}.email-address-line>select{flex:0 260px;min-width:0}.email-form-foot{align-items:center;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.email-box,.email-row{transition:none}}}