#nest-mail{padding:24px;border-radius:18px;border:1px solid #000;background:white} .mail-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.mail-heading h2{font:650 25px/1.2 system-ui,sans-serif;letter-spacing:-.6px;margin:5px 0}.mail-heading p{font-size:12px;color:#646474;margin:6px 0}.mail-heading>div:last-child{display:flex;gap:10px;align-items:center}.mail-status-pill{border-radius:20px;background:#f1f1f5;color:#454558;font-size:10px;padding:5px 10px}.mail-heading button,.mail-toolbar button,#mail-more{font-size:12px;border-radius:9px}.mail-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 0 10px}.mail-toolbar>[role=group]{display:flex;gap:3px;background:#f3f3f6;padding:4px;border-radius:10px}.mail-toolbar button{background:transparent;border:0;padding:7px 14px;color:#636373}.mail-toolbar button[aria-pressed=true]{background:#0c0c23;color:#fff}.mail-toolbar label{flex:1;max-width:400px;margin:0}.mail-toolbar input{font-size:12px;height:38px;background:#f8f8fa;border-color:#dcdce3}.mail-toolbar small{margin-left:auto;font-size:10px;color:#666677}.mail-feedback{font-size:11px;color:#626272;min-height:17px;margin:0 0 10px}.mail-layout{display:grid;grid-template-columns:minmax(280px,34%) minmax(0,1fr);height:660px;max-height:78vh;border:1px solid #000;border-radius:13px;overflow:hidden}.mail-list,.mail-reader{min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.mail-list{background:#f8f8fa;border-right:1px solid #e2e2e8}.mail-list-row{border-bottom:1px solid #e6e6ec}.mail-list-row.is-selected{background:#fbefef;box-shadow:inset 3px 0 #d80002}.mail-select{width:100%;border:0;background:transparent;border-radius:0;text-align:left;padding:16px 17px 9px;font-size:12px}.mail-select:hover{background:#f0f0f4}.mail-row-top{display:flex;align-items:baseline;gap:10px;justify-content:space-between}.mail-row-top strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500}.mail-row-top time{white-space:nowrap;font-size:10px;color:#727280}.mail-select>b{display:block;margin:6px 0;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-unread .mail-select strong,.is-unread .mail-select>b{font-weight:750}.mail-select>span:last-child{display:block;font-size:11px;color:#727281;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mail-row-action{padding:0 17px 12px}.mail-row-action button,.mail-person-action button{font-size:10px;padding:6px 9px;border-color:#e3d2d4;color:#a21f29;border-radius:7px;background:white}.mail-contact-note{font-size:10px;color:#656575}.mail-reader{padding:22px;background:#fff}.mail-reader-heading h3{font-size:19px;letter-spacing:-.3px;overflow-wrap:anywhere}.mail-reader-heading [role=group]{display:flex;gap:5px}.mail-reader-heading button{font-size:10px;padding:6px 9px}.mail-reader-heading button[aria-pressed=true]{background:#0c0c23;color:white}.mail-reader-empty{text-align:center;padding:110px 15px;color:#70707e}.mail-reader-empty>span{font-size:35px;color:#d80002}.mail-reader-empty h3{font-size:20px;margin:13px 0 9px;color:#0c0c23}.mail-reader-empty p{font-size:12px;line-height:1.7}.mail-empty{padding:35px 18px;color:#737380;font-size:12px}.mail-footnote{font-size:10px;color:#737380;margin-bottom:0}.mail-connect{padding:50px 20px;text-align:center;background:#f8f8fa;border-radius:12px}.mail-connect p{font-size:12px}.mail-connect button{font-size:12px}#mail-more{margin:12px 16px}.mail-reader .gmail-message{padding:15px;border-radius:12px}.mail-reader .gmail-html-frame{height:400px}.mail-person-action{margin-bottom:10px}@media(max-width:800px){#nest-mail{padding:16px}.mail-layout{grid-template-columns:1fr;height:auto;max-height:none}.mail-list{max-height:380px;border-right:0;border-bottom:1px solid #e2e2e8}.mail-reader{min-height:300px;max-height:650px;padding:15px}.mail-heading{flex-wrap:wrap}.mail-toolbar small{margin-left:0}.mail-reader-empty{padding:55px 10px}.mail-toolbar label{min-width:180px}}