:root{--ink:#2b4760;--paper:#fff;--brand:#4279a7;--line:#d9e3ec}.mail-header{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;background:#315777;color:#fff}.mail-header>a:first-child{font-size:25px;font-weight:700}.mail-header span{font-size:11px;color:#aec9df}.mail-header>a:last-child{font-size:12px}.mail-shell{display:grid;grid-template-columns:190px 1fr 360px;min-height:90vh}.mail-folders{padding:25px 20px;background:#edf4f8;border-right:1px solid #d9e3ec}.mail-folders>button{font-size:12px;width:100%;border-radius:5px}.mail-folders h2{font-size:13px;margin:35px 0 20px}.mail-folders>div{display:flex;justify-content:space-between;font-size:12px;padding-bottom:15px;border-bottom:1px solid #d9e3ec}.mail-folders p{font-size:12px;line-height:3.3;margin:15px 0 50px}.mail-folders small{font-size:10px;color:#8aa3b6;line-height:1.9}.mail-list{padding:25px;border-right:1px solid #d9e3ec}.mail-list header{border-bottom:1px solid #d9e3ec;padding-bottom:20px}.mail-list h1{font-size:25px;letter-spacing:-1px;margin-bottom:20px}.mail-list input{font-size:11px;border-radius:25px;background:#f2f6fa;border:0}.mail-message{border-bottom:1px solid #d9e3ec;padding:20px 0}.mail-message>button{background:transparent;color:#2b4760;padding:0;display:block;width:100%;text-align:left}.mail-message h3{font-size:17px;margin:8px 0}.mail-message small{font-size:10px;color:#8aa3b6}.mail-message p{font-size:11px;color:#8aa3b6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mail-message .record-actions button{padding:5px 10px;border-radius:5px;font-size:10px}.mail-reader{background:#fafcfe}.mail-preview{padding:35px;min-height:340px;border-bottom:1px solid #d9e3ec;overflow-wrap:anywhere}.mail-envelope{font-size:65px;color:#aec4d7}.mail-preview h2{font-size:27px;margin:20px 0;line-height:1.5}.mail-preview p{font-size:12px;line-height:1.9;color:#8aa3b6;white-space:pre-wrap}.mail-compose{padding:25px}.mail-compose h2{font-size:18px;margin-bottom:25px}.mail-compose input,.mail-compose textarea{border-radius:5px;font-size:12px}.mail-compose button{width:100%;border-radius:5px;font-size:12px}@media(max-width:1050px){.mail-shell{grid-template-columns:150px 1fr 290px}.mail-folders{padding:25px 15px}.mail-reader .mail-preview{padding:25px}}@media(max-width:700px){.mail-shell{display:flex;flex-direction:column}.mail-folders{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.mail-folders>button{width:auto}.mail-folders h2,.mail-folders p,.mail-folders small{display:none}.mail-folders>div{padding:0;border:0;gap:15px}.mail-list{padding:25px 24px;border-bottom:1px solid #d9e3ec}.mail-reader .mail-preview{min-height:220px;padding:25px 24px}.mail-compose{padding:25px 24px}.mail-header span{display:none}.mail-header{padding:0 24px}}
.saved-card{padding:18px 0;border-bottom:1px solid var(--line,#ddd)}.saved-card h3{margin:8px 0}.saved-card p{font-size:13px;opacity:.8}