.email-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.email-page-head h2{font-size:30px;margin:5px 0 12px}.email-eyebrow{display:block;color:#788a94;font-size:12px;font-weight:800;letter-spacing:.16em}.email-setup-banner,.email-account-settings{margin-bottom:18px;border:1px solid #cfe0dc;border-radius:14px;background:#edf8f6}.email-setup-banner{display:flex;align-items:center;gap:15px;padding:20px}.email-setup-banner>span,.email-account-settings summary>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fff;color:var(--teal);font-size:20px}.email-setup-banner strong,.email-setup-banner small,.email-account-settings strong,.email-account-settings small{display:block}.email-setup-banner small,.email-account-settings small{color:var(--muted);margin-top:3px}.email-account-settings summary{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer;list-style:none}.email-account-settings summary::-webkit-details-marker{display:none}.email-account-settings summary:after{content:'▾';margin-left:auto;color:var(--muted)}.email-account-settings[open] summary:after{content:'▴'}.email-account-list{padding:0 18px 12px}.email-workspace{display:grid;grid-template-columns:minmax(330px,38%) minmax(480px,1fr);min-height:590px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.email-inbox-panel{min-width:0;border-right:1px solid var(--line)}.email-panel-head{height:82px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}.email-panel-head h3,.email-preview-head h3{margin:0;font-size:17px}.email-panel-head small{color:var(--muted)}.email-panel-tools{display:flex;align-items:center;gap:8px}.email-panel-tools>span{padding:6px 9px;border-radius:7px;background:var(--mint);color:#176d67;font-size:11px;font-weight:700;white-space:nowrap}.email-refresh,.email-seen{border:0;border-radius:50%;background:#e9f0ef;color:var(--ink);font-weight:800}.email-refresh{width:32px;height:32px;font-size:18px}.email-inbox-panel #email-inbox{max-height:620px;overflow:auto}.email-message{position:relative;display:flex;align-items:flex-start;gap:12px;padding:18px 14px 18px 20px;border-bottom:1px solid #edf1f0;cursor:pointer;transition:background .15s}.email-message:hover,.email-message.selected{background:#f0f8f7}.email-message.selected:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--teal)}.email-avatar{flex:0 0 38px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#daf1ed;color:#176d67;font-weight:800}.email-message-copy{min-width:0;flex:1}.email-message-copy>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.email-message-copy strong,.email-message-copy b,.email-message-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-message-copy strong{font-size:13px}.email-message-copy time{color:var(--muted);font-size:11px;white-space:nowrap}.email-message-copy b{margin-top:5px;font-size:13px}.email-message-copy small{margin-top:4px;color:var(--muted);font-size:11px}.email-seen{flex:0 0 28px;width:28px;height:28px;margin-top:5px}.email-preview-panel{min-width:0;display:flex;flex-direction:column;padding:26px}.email-reader-empty{display:flex;flex:1;min-height:480px;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted)}.email-reader-empty strong{color:var(--ink);font-size:16px;margin-top:12px}.email-reader-empty p{margin:5px 0}.email-empty-icon{font-size:31px;color:var(--teal)}.email-preview-head{padding-bottom:16px;border-bottom:1px solid var(--line)}.email-preview-head h3{margin:7px 0 9px;font-size:22px}.email-preview-head p{margin:0;color:var(--muted);line-height:1.7}.email-preview-panel .email-reader-actions{order:2;margin:16px 0 0}.email-preview-panel .email-body{order:1;max-height:430px;margin-top:18px;background:#fafcfc}
@media(max-width:980px){.email-workspace{grid-template-columns:1fr}.email-inbox-panel{border-right:0;border-bottom:1px solid var(--line)}.email-inbox-panel #email-inbox{max-height:390px}.email-reader-empty{min-height:300px}}
@media(max-width:620px){.email-page-head{align-items:stretch;flex-direction:column}.email-page-head .btn{width:100%}.email-workspace{border-radius:12px}.email-preview-panel{padding:18px}.email-panel-head{padding:14px}.email-message{padding-left:14px}.email-reader-actions .btn{flex:1}.email-account-settings .email-account{align-items:stretch}}