.eyebrow{font-size:10px;letter-spacing:1.7px;color:#60754b;font-weight:700;margin-bottom:9px}.inbox-heading h1{display:flex;align-items:center;gap:11px}.heading-count{font-size:13px;letter-spacing:0;color:#4f7037;background:#eaf2df;border:1px solid #dce8cf;border-radius:7px;min-width:30px;text-align:center;padding:3px 8px}.inbox-heading{margin-bottom:26px}
.reader-subject h2:focus{outline:none}
.mail-reader.has-message{animation:page-enter .22s ease both}
.inbox-layout{display:grid;grid-template-columns:155px minmax(290px,.95fr) minmax(310px,1.15fr);border:1px solid #dce4ec;border-radius:14px;background:white;min-height:650px;overflow:hidden;box-shadow:0 5px 24px #172a3e04}.mail-folders{padding:24px 12px;background:#fafcf8;border-right:1px solid #e3e9df;display:flex;flex-direction:column;gap:6px}.mail-folder-title{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#697b60;padding:0 12px 16px}.mail-folder{border:0;background:transparent;color:#5c6c5c;display:flex;align-items:center;gap:9px;text-align:left;padding:11px 10px;border-radius:8px;width:100%;font-size:12px;line-height:1.5}.mail-folder svg{width:17px;height:17px;flex-shrink:0}.mail-folder>span{flex:1}.mail-folder b{font-size:11px;font-weight:550;color:#687b5b}.mail-folder.active{color:#355b23;background:#e9f2de;font-weight:650}.mail-folder.active b{background:#fff9;border-radius:4px;padding:1px 5px;color:#355b23}.mail-folder-note{border-top:1px solid #e2e9dc;margin:110px 9px 0;padding-top:20px;font-size:11px;color:#66745e;line-height:1.8}.mail-folder-note>svg{width:23px;height:23px;display:block;color:#698750;margin-bottom:12px}.mail-folder-note strong{display:block;color:#4b6140;font-size:12px}.mail-folder-note p{margin:7px 0 0}
.mail-list-panel{border-right:1px solid #e4e9f0;min-width:0;display:flex;flex-direction:column}.mail-list-head{display:flex;justify-content:space-between;align-items:center;padding:22px 20px 16px}.mail-list-head>div{display:flex;align-items:baseline;gap:10px}.mail-list-head h2{font-size:16px;margin:0}.mail-list-head span{font-size:11px;color:#627188}.mail-search{display:flex;align-items:center;gap:8px;padding:0 16px 18px;border-bottom:1px solid #e7ecf1}.mail-search>svg{width:17px;height:17px;color:#6a7a8f;flex-shrink:0}.mail-search input{width:100%;min-width:0;border:0;background:#f5f7fa;padding:10px;border-radius:7px;color:#33455c;font-size:13px}.mail-search input::placeholder{color:#66758a}.mail-search .btn{font-size:11px;padding:5px 8px}.mail-results{flex:1;max-height:650px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c8d2dd transparent}.mail-row{position:relative;display:flex;align-items:flex-start;padding:0 8px 0 10px;border-bottom:1px solid #eef1f5;background:#fff;min-width:0}.mail-row.unread{background:#fafff4}.mail-row.selected{background:#f0f6e7;box-shadow:inset 3px 0 #97be69}.mail-star{background:none;border:0;color:#8290a1;margin-top:18px;flex-shrink:0;padding:6px;border-radius:5px;display:grid;place-items:center}.mail-star svg{width:15px;height:15px}.is-starred{color:#996c12!important}.is-starred svg{fill:#f1cc69;stroke:#99701f}.mail-open{display:flex;text-align:left;gap:10px;flex:1;min-width:0;background:none;border:0;padding:19px 9px 19px 5px;color:#4f6074}.mail-avatar{background:#edf1f8;color:#5b7295;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;font-size:11px;font-weight:650}.mail-row:nth-child(3n+2) .mail-avatar{background:#f3ede5;color:#916c44}.mail-row:nth-child(3n) .mail-avatar{background:#f0edf7;color:#81669a}.mail-copy{display:block;flex:1;min-width:0}.mail-topline{display:flex;gap:10px;align-items:baseline;justify-content:space-between}.mail-topline strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-topline time{font-size:10px;white-space:nowrap;color:#657388}.mail-row.unread .mail-topline strong{font-weight:700;color:#2b3e54}.mail-subject{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.6;margin:5px 0 4px;color:#34465f}.mail-row.unread .mail-subject{font-weight:650}.mail-snippet{font-size:12px;color:#637187;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.65}.mail-bottomline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;font-size:10px;color:#647386}.mail-bottomline>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-bottomline .badge{font-size:9px;padding:3px 6px;flex-shrink:0}.mail-pagination{padding:13px 18px;border-top:1px solid #e6ebf1;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#607087;font-size:11px}.mail-pagination .icon-button{font-size:23px;min-width:29px;min-height:29px;line-height:1}.mail-empty{text-align:center;padding:72px 22px}.mail-empty>span{display:grid;place-items:center;width:46px;height:46px;background:#eff5e8;border-radius:13px;margin:0 auto 20px;color:#76945d}.mail-empty svg{width:24px;height:24px}.mail-empty h3{font-size:15px;color:#3a4d62;margin-bottom:11px}.mail-empty p{font-size:12px;color:#637287;line-height:1.8;margin-bottom:20px}
.mail-reader{min-width:0;background:#fff}.reader-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 25px;text-align:center;background:radial-gradient(ellipse at 50% 35%,#f8fbf2 0,white 65%)}.reader-empty-icon{width:86px;height:86px;border:1px solid #dce8d0;border-radius:24px;background:linear-gradient(135deg,#f0f8e7,#fcfff8);display:grid;place-items:center;box-shadow:0 8px 30px #7894500c;transform:rotate(-6deg);margin-bottom:30px}.reader-empty-icon svg{width:34px;height:34px;color:#79945e;transform:rotate(6deg)}.reader-empty h2{font-size:22px;letter-spacing:-.6px;color:#34465b;margin-bottom:12px}.reader-empty p{font-size:13px;color:#617188;line-height:1.85}.reader-hint{font-size:11px;color:#687d5a;margin-top:32px;border-top:1px solid #e8eee2;padding-top:19px}.reader-toolbar{min-height:74px;border-bottom:1px solid #e9edf2;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:10px;flex-wrap:wrap}.reader-kicker{font-size:9px;font-weight:650;letter-spacing:1.3px;color:#607087}.reader-toolbar .btn{font-size:10px;padding:6px 8px}.reader-toolbar .btn svg{width:13px;height:13px}.reader-back{display:none}.reader-content{padding:27px;max-height:740px;overflow:auto;overflow-wrap:anywhere}.reader-subject{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.reader-subject h2{font-size:24px;letter-spacing:-.6px;line-height:1.45;flex:1;margin-bottom:0}.reader-subject .badge{margin-top:6px}.reader-sender{display:flex;gap:10px;align-items:center;padding:24px 0;border-bottom:1px solid #edf0f4;flex-wrap:wrap}.reader-sender>div{flex:1;min-width:130px;font-size:12px}.reader-sender strong{color:#3e5068}.reader-sender p{font-size:11px;color:#627188;margin:3px 0 0}.reader-sender time{font-size:10px;color:#657287}.mail-body{font-size:15px;line-height:1.9;white-space:pre-wrap;color:#35485f;padding:27px 0 38px;min-height:170px;overflow-wrap:anywhere}.reader-delivery{border-top:1px solid #e9eef3;padding-top:25px}.reader-delivery>h3{font-size:12px;margin-bottom:25px;color:#40556d}.reader-delivery .timeline-item{font-size:12px}.reader-delivery .timeline-item strong{text-transform:capitalize}.reader-delivery time{color:#65758a;font-size:11px}.inbox-source-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#627286;padding:17px 3px}.inbox-source-note svg{height:16px;width:16px;flex-shrink:0;margin-top:2px}
@media(hover:hover) and (pointer:fine){.mail-folder:hover{background:#edf3e7;color:#355a26;transform:translateX(2px)}.mail-row:hover{background:#f2f7eb}.mail-star:hover{background:#f8ecc7;color:#996c12;transform:scale(1.12)}.mail-row:hover .mail-avatar{transform:translateY(-2px)}}
@media(min-width:1600px){.inbox-layout{grid-template-columns:180px minmax(350px,.9fr) minmax(400px,1.15fr)}.mail-topline strong,.mail-subject{font-size:14px}.mail-snippet{font-size:13px}.mail-folder{font-size:13px}}
@media(max-width:1250px){.inbox-layout{grid-template-columns:minmax(290px,1fr) minmax(310px,1.05fr)}.mail-folders{grid-column:1/-1;flex-direction:row;align-items:center;gap:5px;border-right:0;border-bottom:1px solid #e4eadd;padding:10px;overflow-x:auto}.mail-folder-title,.mail-folder-note{display:none}.mail-folder{width:auto;white-space:nowrap;gap:8px;font-size:12px;padding:9px 11px}.mail-folder b{margin-left:5px}.reader-toolbar{padding:13px}.reader-content{padding:22px}.reader-subject h2{font-size:22px}.reader-kicker{display:none}}
@media(max-width:950px){.inbox-layout{grid-template-columns:minmax(0,1fr);min-height:580px}.mail-reader.reader-empty{display:none}.mail-list-panel{border-right:0}.inbox-layout.reading .mail-list-panel{display:none}.inbox-layout.reading .mail-folders{display:none}.reader-back{display:inline-flex}.reader-kicker{display:block}.reader-toolbar{padding:13px 20px;flex-wrap:nowrap}.mail-results{max-height:620px}.mail-row{padding-left:15px}.mail-open{padding:19px 12px 19px 7px}.mail-topline strong{font-size:13px}.mail-subject{font-size:14px}.mail-snippet{font-size:13px}.mail-topline time{font-size:11px}.mail-bottomline{font-size:11px}.mail-bottomline .badge{font-size:10px}.mail-folder{flex-shrink:0}.inbox-heading p{font-size:13px}}
@media(max-width:760px){.eyebrow{font-size:10px}.inbox-heading .btn{min-height:42px}.inbox-heading h1{font-size:30px}.inbox-layout{border-radius:12px}.mail-list-head{padding:20px 18px 15px}.mail-list-head h2{font-size:17px}.mail-list-head span{font-size:12px}.mail-search input{font-size:16px}.mail-folder{font-size:12px}.mail-avatar{width:32px;height:32px}.mail-copy{min-width:0}.mail-topline strong{font-size:12px}.mail-star{padding:5px;margin-top:18px}.mail-open{padding-right:5px}.mail-row{padding-left:7px;padding-right:8px}.mail-bottomline{gap:5px}.reader-content{padding:22px 20px}.reader-toolbar{padding:12px;gap:5px}.reader-toolbar .actions{gap:4px}.reader-toolbar .btn{font-size:10px;padding:6px}.reader-kicker{display:none}.reader-sender time{margin-left:44px}.reader-subject h2{font-size:24px}.mail-body{font-size:15px}.inbox-source-note{font-size:11px;line-height:1.7}.mail-reader{min-height:570px}}