.mail-page{max-width:1440px;color:var(--ink,#182c42);margin:auto;padding:24px}.mail-page header{margin-bottom:24px}.mail-page h1{font-size:1.65rem;line-height:1.4}.mail-page h2,.mail-card h2{margin:0 0 12px;font-size:1.12rem;line-height:1.5}.mail-page p,.mail-card p{font-size:.9rem;line-height:1.75}.mail-layout{grid-template-columns:210px minmax(260px,1fr) minmax(260px,1fr);align-items:start;gap:20px;display:grid}.mail-kinds{gap:8px;display:grid}.mail-kinds button{text-align:left;color:inherit;cursor:pointer;background:#fff;border:1px solid #d8e1ea;border-radius:10px;padding:14px}.mail-kinds button[aria-pressed=true]{background:#edf6f3;border-color:#176c61;box-shadow:inset 3px 0 #176c61}.mail-kinds small{color:#526476;margin-top:6px;font-size:.75rem;line-height:1.6;display:block}.mail-editor,.mail-preview,.mail-card{background:#fff;border:1px solid #d8e1ea;border-radius:12px;min-width:0;padding:20px}.mail-card{margin:24px 0}.mail-preview{background:#f5f8f7}.mail-preview pre,.mail-version pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.9rem;line-height:1.9}.mail-preview h2{overflow-wrap:anywhere;margin-top:16px}.mail-badge{color:#36566c;background:#e7eef4;border-radius:6px;padding:5px 8px;font-size:.75rem;display:inline-block}.mail-muted,.mail-preview small{color:#526476;line-height:1.7;font-size:.8rem!important}.mail-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.mail-check{align-items:flex-start;gap:8px;font-size:.87rem;line-height:1.6;flex-direction:row!important;display:flex!important}.mail-check input{margin-top:4px;width:auto!important}.mail-editor .native-form,.mail-card .native-form{margin:14px 0}.mail-editor input,.mail-editor textarea,.mail-card input{box-sizing:border-box;max-width:100%}:is(.mail-page button:focus-visible,.mail-page summary:focus-visible,.mail-card summary:focus-visible){outline-offset:3px;outline:3px solid #318878}.mail-page details,.mail-card details{border-top:1px solid #d8e1ea;margin-top:14px;padding-top:14px}.mail-page summary,.mail-card summary{cursor:pointer;font-weight:600;line-height:1.6}.mail-version{border-bottom:1px solid #d8e1ea;padding:12px 0}.mail-status{background:#edf6f3;border-left:3px solid #176c61;padding:12px}.mail-table{overflow:auto}.mail-table table{border-collapse:collapse;width:100%;font-size:.82rem}.mail-table th,.mail-table td{text-align:left;vertical-align:top;border-bottom:1px solid #d8e1ea;padding:12px}.mail-table th{white-space:nowrap;background:#f5f8f7}.mail-table small{color:#526476;margin-top:4px;display:block}.mail-table code{overflow-wrap:anywhere;font-size:.75rem}.mail-token{max-width:540px}.mail-page a,.mail-card a{color:#165f82;text-underline-offset:3px}@media (max-width:1150px){.mail-layout{grid-template-columns:190px minmax(0,1fr)}.mail-preview{grid-column:2}}@media (max-width:680px){.mail-page{padding:16px}.mail-layout{grid-template-columns:1fr}.mail-preview{grid-column:auto}.mail-kinds{grid-template-columns:1fr 1fr}.mail-kinds button{padding:10px}.mail-editor,.mail-preview,.mail-card{padding:16px}}.mail-editor fieldset{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.mail-page button:disabled{opacity:.55;cursor:not-allowed}