.email-shell{--email-primary:var(--capsule-color-primary,#5046e5);--email-border:var(--capsule-color-border,#e2e7ef);--email-muted:var(--capsule-color-muted,#748096);--project-muted:var(--email-muted);padding-bottom:2rem}.email-nav{display:flex;gap:.3rem;padding:.4rem;margin-bottom:1.5rem;overflow-x:auto;background:#fff;border:1px solid var(--email-border);border-radius:12px}.email-nav a{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border-radius:8px;color:#657187;font-size:.84rem;font-weight:750;text-decoration:none}.email-nav a:hover,.email-nav a.is-active{background:#eeecff;color:var(--email-primary)}.email-shell .capsule-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none}.email-panel{margin-bottom:1.25rem;background:#fff;border:1px solid var(--email-border);border-radius:14px;box-shadow:0 1px 3px rgba(23,32,51,.05);overflow:hidden}.email-panel>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--email-border)}.email-panel>header h2{margin:0;font-size:1rem;font-weight:800}.email-panel>header p{margin:.2rem 0 0;color:var(--email-muted);font-size:.82rem}.email-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}.email-template-grid article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--email-border);border-radius:12px}.email-template-grid h3{margin:.35rem 0 .2rem;font-size:.95rem}.email-template-grid p{margin:0;color:var(--email-muted);font-size:.82rem}.email-template-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#eeecff;color:var(--email-primary);font-size:1.25rem}.email-filters{display:flex;align-items:end;gap:.75rem;padding:1rem;margin-bottom:1rem;background:#fff;border:1px solid var(--email-border);border-radius:14px}.email-filters>div:first-child{flex:1}.email-filters label{display:block;margin-bottom:.3rem;color:#586274;font-size:.72rem;font-weight:750;text-transform:uppercase}.email-filters a{padding:.65rem;color:var(--email-muted)}.email-table{min-width:900px;margin:0}.email-table th{padding:.85rem;background:#f8f9fc;color:#778196;font-size:.72rem;text-transform:uppercase}.email-table td{padding:.85rem;vertical-align:middle;border-color:#eff1f5}.email-table td small{display:block;color:var(--email-muted)}.email-empty{padding:3.5rem!important;color:var(--email-muted);text-align:center}.email-empty i{display:block;margin-bottom:.5rem;font-size:2rem}.email-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:1.2rem;padding:1.2rem}.email-editor-grid aside{padding-left:1.2rem;border-left:1px solid var(--email-border)}.email-editor-grid aside h3{font-size:.95rem}.email-variable{display:block;width:100%;padding:.6rem;margin-bottom:.5rem;text-align:left;background:#f8f9fc;border:1px solid var(--email-border);border-radius:8px}.email-variable code,.email-variable span{display:block}.email-variable span{margin-top:.2rem;color:var(--email-muted);font-size:.72rem}.email-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:.7rem;padding:1rem;background:rgba(255,255,255,.95);border:1px solid var(--email-border);border-radius:12px}.email-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem}.email-preview{width:100%;min-height:650px;border:0}.email-meta dl{padding:1rem 1.2rem;margin:0}.email-meta dt{color:var(--email-muted);font-size:.72rem;text-transform:uppercase}.email-meta dd{margin-bottom:.85rem;overflow-wrap:anywhere}.email-meta .alert{margin:0 1rem 1rem}.email-attachment{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;color:inherit;border-bottom:1px solid #eff1f5;text-decoration:none}.email-attachment span{flex:1}.email-attachment strong,.email-attachment small{display:block}.email-attachment small{color:var(--email-muted)}@media(max-width:950px){.email-template-grid{grid-template-columns:1fr}.email-detail-grid,.email-editor-grid{grid-template-columns:1fr}.email-editor-grid aside{padding:1rem 0 0;border-left:0;border-top:1px solid var(--email-border)}}@media(max-width:700px){.email-filters{align-items:stretch;flex-direction:column}.email-filters>*{width:100%}.email-template-grid article{grid-template-columns:46px 1fr}.email-template-grid article>.capsule-button{grid-column:1/3}}