[data-view=mail] .mail-card{gap:12px;display:grid}[data-view=mail] .mail-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}[data-view=mail] .mail-search{flex:220px;min-width:0}[data-view=mail] .mail-acc{flex:220px;min-width:0;margin:0}[data-view=mail] .mail-acc select{min-height:44px}[data-view=mail] .mail-grid{grid-template-columns:var(--mail-side,196px) 12px minmax(0, 1fr);align-items:stretch;gap:0;display:grid}[data-view=mail] .mail-side{align-content:start;gap:2px;min-width:0;max-height:min(64vh,640px);display:grid;overflow-y:auto}[data-view=mail] .mail-node{gap:2px;min-width:0;display:grid}[data-view=mail] .mail-branch{align-items:center;gap:2px;min-width:0;display:flex}[data-view=mail] .mail-kids{border-left:1px solid var(--line);gap:2px;margin-left:14px;padding-left:8px;display:grid}[data-view=mail] .mail-twist{width:28px;height:36px;color:var(--faint);border-radius:10px;flex:none;place-items:center;display:grid}[data-view=mail] .mail-twist .ico{width:14px;height:14px;transition:transform .15s}[data-view=mail] .mail-twist[aria-expanded=true] .ico{transform:rotate(90deg)}[data-view=mail] .mail-twist--empty{pointer-events:none}[data-view=mail] .mail-fold{width:auto;min-width:0;min-height:40px;color:var(--muted);text-align:left;border-radius:14px;flex:1;align-items:center;gap:8px;padding:0 10px;font-weight:650;display:flex}[data-view=mail] .mail-fold .ico{flex:none;width:18px;height:18px}[data-view=mail] .mail-fold span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}[data-view=mail] .mail-fold b{color:var(--faint);font-size:12px}[data-view=mail] .mail-fold[aria-pressed=true]{background:var(--well);color:var(--text)}[data-view=mail] .mail-fold[aria-pressed=true] b{color:var(--text)}[data-view=mail] .mail-sync{color:var(--faint);margin:8px 4px 0;font-size:12px}[data-view=mail] .mail-split{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;min-height:160px;position:relative}[data-view=mail] .mail-split:after{content:"";background:var(--line);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:5px}[data-view=mail] .mail-split:hover:after,[data-view=mail] .mail-split.is-on:after,[data-view=mail] .mail-split:focus-visible:after{background:var(--text)}[data-view=mail] .mail-main{grid-template-columns:var(--mail-list,280px) 12px minmax(0, 1fr);gap:0;min-width:0;min-height:420px;display:grid}[data-view=mail] .mail-list{align-content:start;gap:4px;min-width:0;display:grid}[data-view=mail] .mail-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:16px;gap:2px;width:100%;padding:10px 12px;display:grid}[data-view=mail] .mail-row:hover{background:var(--glass-2)}[data-view=mail] .mail-row.is-on{background:var(--glass-3);border-color:var(--line)}[data-view=mail] .mail-row b{font-weight:700}[data-view=mail] .mail-row.is-new b{color:var(--text)}[data-view=mail] .mail-row:not(.is-new) b{color:var(--muted);font-weight:600}[data-view=mail] .mail-row span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13.5px;display:flex;overflow:hidden}[data-view=mail] .mail-row span .ico{flex:none;width:14px;height:14px}[data-view=mail] .mail-clip{color:var(--faint);flex:none;display:inline-flex}[data-view=mail] .mail-row small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}[data-view=mail] .mail-read{align-content:start;gap:12px;min-width:0;padding:4px 4px 8px 8px;display:grid}[data-view=mail] .mail-read__h h3{letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:4px;font-size:20px;font-weight:700}[data-view=mail] .mail-read__h p{color:var(--muted);font-size:13.5px}[data-view=mail] .mail-read__h b{color:var(--text)}[data-view=mail] .mail-when{font-size:12.5px}[data-view=mail] .mail-body{white-space:pre-wrap;font:inherit;color:var(--text);overflow-wrap:anywhere;margin:0}[data-view=mail] .mail-html{border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;height:min(68vh,680px)}[data-view=mail] .mail-read__acts{flex-wrap:wrap;gap:8px;display:flex}[data-view=mail] .mail-colhead,[data-view=mail] .mail-back{display:none}[data-view=mail] .mail-empty{padding:12px 0}.mail-files{flex-wrap:wrap;gap:8px;display:flex}.mail-file{background:var(--well);border:1px solid var(--line);border-radius:999px;align-items:center;gap:0;max-width:100%;display:inline-flex}.mail-file>button,button.mail-file{align-items:center;gap:6px;max-width:100%;min-height:36px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex}.mail-file .ico,button.mail-file .ico{flex:none;width:15px;height:15px}.mail-file span,button.mail-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mail-file__x{border-left:1px solid var(--line);place-items:center;width:36px;min-height:36px;display:grid}.mail-file__x .ico{width:14px;height:14px}.mail-compose{gap:12px;display:grid}.mail-compose h2{letter-spacing:-.02em;overflow-wrap:anywhere;padding-right:52px;font-size:22px;font-weight:700}.mail-from{color:var(--muted);margin:0;font-size:13.5px}.mail-from b{color:var(--text)}.mail-via{color:var(--faint);margin:0;font-size:12.5px}.mail-compose textarea{min-height:180px}.mail-err{color:var(--bad);min-height:18px;margin:0;font-size:13px}.mail-err:empty{min-height:0}.mail-compose__foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.drawer:has(.mail-compose){width:min(560px,100vw - 24px)}@media (width<=900px){[data-view=mail] .mail-grid,[data-view=mail] .mail-main{grid-template-columns:1fr}[data-view=mail] .mail-split{display:none}[data-view=mail] .mail-side{max-height:220px;overflow-y:auto}[data-view=mail] .mail-read{border-top:1px solid var(--line);padding:12px 0 0}[data-view=mail] .mail-back{display:inline-flex}[data-view=mail]:not(.is-open) .mail-read,[data-view=mail].is-open .mail-list,[data-view=mail].is-open .mail-side,[data-view=mail].is-open .mail-tools,[data-view=mail].is-open .mail-split{display:none}}@media (width<=760px){.drawer:has(.mail-compose){width:100%}[data-view=mail] .mail-side,[data-view=mail] .mail-colhead,[data-view=mail] .mail-list,[data-view=mail] .mail-read,[data-view=mail] .mail-tools{display:none}[data-view=mail] .mail-side{max-height:none}[data-view=mail][data-pane=boxes] .mail-side{display:grid}[data-view=mail][data-pane=boxes] .mail-tools{display:flex}[data-view=mail][data-pane=boxes] .mail-search{display:none}[data-view=mail][data-pane=list] .mail-colhead{display:flex}[data-view=mail][data-pane=list] .mail-list{display:grid}[data-view=mail][data-pane=list] .mail-tools{display:flex}[data-view=mail][data-pane=mail] .mail-read{border-top:0;padding:0;display:grid}[data-view=mail][data-pane=mail] .mail-back{display:inline-flex}[data-view=mail] .mail-fold{min-height:48px}[data-view=mail] .mail-row{border-bottom:1px solid var(--line);border-radius:0;min-height:64px;padding:12px 8px}}.mail-connect{gap:12px;display:grid}.mail-connect h2{font-size:22px}.mail-connect .btn{justify-content:center}[data-view=mail] .mail-card[hidden],[data-view=mail] .seq-card[hidden]{display:none}[data-view=mail] .seq-card{gap:14px;display:grid}[data-view=mail] .seq-card h3{margin:8px 0 0;font-size:15px}[data-view=mail] .seq-steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}[data-view=mail] .seq-steps li{border:1px solid var(--line);border-radius:16px;gap:8px;padding:12px;display:grid}[data-view=mail] .seq-step__top{justify-content:space-between;align-items:center;gap:12px;display:flex}[data-view=mail] .seq-step__top label{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}[data-view=mail] .seq-step__top input{width:64px}[data-view=mail] .seq-acts{flex-wrap:wrap;gap:8px;display:flex}[data-view=mail] .seq-deals,[data-view=mail] .seq-runs{gap:8px;margin:0;padding:0;list-style:none;display:grid}[data-view=mail] .seq-deals li,[data-view=mail] .seq-runs li{justify-content:space-between;align-items:center;gap:12px;display:flex}[data-view=mail] .seq-deals small,[data-view=mail] .seq-runs small{color:var(--muted);display:block}[data-view=mail] .seq-card textarea,[data-view=mail] .seq-card input[data-subject],[data-view=mail] .seq-card input[data-seq-name],[data-view=mail] .seq-card select,[data-view=mail] .seq-card input[data-camp-name],[data-view=mail] .seq-card input[data-camp-subject]{width:100%}