.email-view{padding:2.5rem 0 4rem}.email-shell{background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:0 18px 55px rgba(20,20,25,.08);overflow:hidden}.email-head{display:flex;justify-content:space-between;align-items:center;padding:1.6rem 1.8rem;background:linear-gradient(135deg,var(--surface),var(--surface-2));border-bottom:1px solid var(--border)}.email-head h2{margin:0 0 .3rem;font-size:1.35rem}.email-address{color:var(--text-2);font-size:.9rem}.email-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:.7rem 1rem;border-radius:12px;cursor:pointer;transition:.2s}.email-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.email-btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.email-btn.danger{color:#b42318;margin-top:1.4rem}.email-create{padding:1.2rem 1.8rem;background:var(--surface-2);border-bottom:1px solid var(--border)}.email-create form{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.email-create input,.email-tools input,.email-tools select,.email-compose input,.email-compose textarea,.email-compose select{background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;padding:.78rem .9rem;color:var(--text);font:inherit}.email-create input{min-width:190px}.email-create small{display:block;color:var(--text-2);margin-top:.65rem}.email-tools{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;padding:1rem 1.8rem;border-bottom:1px solid var(--border)}.email-tools input{flex:1;min-width:220px}.email-tools select{min-width:230px}.email-status{padding:.85rem 1.8rem;color:var(--text-2);min-height:1.2rem}.email-status.error{color:#b42318}.email-status.success{color:#16794c}.email-compose{margin:1.2rem 1.8rem;padding:1.3rem;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}.email-compose-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.email-compose-head strong,.email-compose-head span{display:block}.email-compose-head span{font-size:.82rem;color:var(--text-2);margin-top:.25rem}.email-compose form,.email-compose label{display:flex;flex-direction:column;gap:.4rem}.email-compose form{gap:.85rem}.email-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.email-compose input,.email-compose textarea,.email-compose select{width:100%;box-sizing:border-box}.email-compose textarea{resize:vertical;min-height:150px}.email-compose-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.email-compose-actions span{font-size:.8rem;color:var(--text-2)}.email-list{min-height:280px}.email-row{display:grid;grid-template-columns:12px 1fr auto;gap:1rem;align-items:center;padding:1rem 1.8rem;border-bottom:1px solid var(--border);cursor:pointer;transition:.15s}.email-row:hover{background:var(--surface-2)}.email-row>div{min-width:0}.email-row strong,.email-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-row span{color:var(--text-2);font-size:.9rem;margin-top:.25rem}.email-row time{color:var(--text-2);font-size:.78rem;white-space:nowrap}.email-row.unread{background:color-mix(in srgb,var(--accent) 6%,transparent)}.email-row.unread strong{font-weight:750}.email-dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.email-row:not(.unread) .email-dot{opacity:.25}.email-empty{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.45rem;color:var(--text-2);text-align:center}.email-empty strong{color:var(--text);font-size:1.05rem}.email-empty-icon{font-size:2rem;color:var(--accent);margin-bottom:.3rem}.email-reader{padding:1.8rem}.email-reader h3{margin:1.4rem 0 1rem;font-size:1.35rem}.email-meta{color:var(--text-2);font-size:.9rem;line-height:1.9}.email-body{margin:1.6rem 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.email-guest-gate{padding:4rem 1.8rem;text-align:center;max-width:620px;margin:2rem auto}.email-glyph{font-size:2.5rem;margin-bottom:.75rem}.email-guest-gate h2{margin:.3rem 0 .7rem}.email-guest-gate p{color:var(--text-2);line-height:1.65;margin:0 auto 1.4rem;max-width:500px}@media(max-width:700px){.email-view{padding:1rem 0 3rem}.email-head,.email-create,.email-tools,.email-status{padding-left:1rem;padding-right:1rem}.email-compose{margin:1rem;padding:1rem}.email-form-grid{grid-template-columns:1fr}.email-row{grid-template-columns:10px 1fr;padding:1rem}.email-row time{grid-column:2}.email-compose-actions{align-items:flex-start;flex-direction:column}.email-reader{padding:1rem}}