.mail-page{max-width:1480px;width:100%;margin:0 auto}.mail-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.mail-heading h1{font-size:1.7rem;margin:0 0 .35rem}.mail-heading p{color:var(--tblr-secondary-color);margin:0}.mail-heading-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.mail-scope{width:220px}.mail-banner{padding:.65rem 1rem;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);color:var(--tblr-secondary-color);margin-bottom:1rem;display:flex;gap:.6rem;align-items:center}.mail-filters{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:1rem}.mail-search{max-width:320px}.mail-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(330px,1fr);min-height:560px}.mail-list{border-right:1px solid var(--tblr-border-color);min-width:0}.mail-list-head{display:flex;justify-content:space-between;gap:.5rem;padding:.8rem 1rem;border-bottom:1px solid var(--tblr-border-color);align-items:center;min-height:57px}.mail-row{display:grid;grid-template-columns:20px minmax(0,1fr);gap:.7rem;padding:1rem;border-bottom:1px solid var(--tblr-border-color);background:var(--tblr-bg-surface)}.mail-row:has(.mail-open:hover),.mail-row.selected{background:var(--tblr-secondary-bg)}.mail-row.selected{box-shadow:inset 3px 0 var(--tblr-primary)}.mail-open{border:0;background:none;padding:0;color:inherit;text-align:left;min-width:0;display:grid;gap:.35rem;width:100%}.mail-row-top{display:flex;gap:.5rem;justify-content:space-between;align-items:center}.mail-row-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row time{font-size:.72rem;color:var(--tblr-secondary-color);flex-shrink:0}.mail-subject{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-summary{font-size:.8rem;color:var(--tblr-secondary-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-tags{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;font-size:.72rem;color:var(--tblr-secondary-color)}.mail-tags .badge{font-size:.65rem;letter-spacing:0}.mail-reader{padding:1.4rem;min-width:0}.mail-reader h2{font-size:1.2rem;line-height:1.45;margin-bottom:.75rem;overflow-wrap:anywhere}.mail-reader-meta{font-size:.8rem;color:var(--tblr-secondary-color);overflow-wrap:anywhere}.mail-reason{border:1px solid var(--tblr-border-color);background:var(--tblr-secondary-bg);border-radius:var(--tblr-border-radius);padding:1rem;margin:1.25rem 0}.mail-reason p:last-child{margin-bottom:0}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:.9rem;line-height:1.7;color:var(--tblr-body-color);background:transparent;border:0;padding:0;max-height:55vh;overflow:auto}.mail-operations{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.mail-operations .btn{min-height:36px}.mail-empty{text-align:center;color:var(--tblr-secondary-color);padding:4rem 1.5rem}.mail-empty i{font-size:2rem;display:block;margin-bottom:.7rem}.mail-empty h2{color:var(--tblr-body-color);font-size:1.1rem}.mail-form{display:grid;gap:1rem}.mail-form label{display:grid;gap:.4rem;font-weight:500}.mail-form small{color:var(--tblr-secondary-color);font-weight:400}.mail-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.mail-columns .card{align-self:start}.mail-account{display:flex;gap:.8rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--tblr-border-color)}.mail-account:last-child{border-bottom:0}.mail-account p{margin:.25rem 0;font-size:.8rem;overflow-wrap:anywhere}.mail-account .avatar{flex-shrink:0}.mail-reader-back{display:none}.mail-login{position:fixed;inset:0;z-index:2000;background:var(--tblr-body-bg);display:grid;place-items:center;padding:1rem}.mail-login .card{width:min(400px,100%)}.mail-status{min-height:1rem}.mail-error{color:var(--tblr-danger);margin:.5rem 0;overflow-wrap:anywhere}.mail-rule{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid var(--tblr-border-color)}.mail-rule div{min-width:0;overflow-wrap:anywhere}.mail-inline-actions{display:flex;gap:.4rem;align-items:center}.mail-dialog{max-width:440px;width:calc(100% - 2rem);color:var(--tblr-body-color);background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);padding:1.5rem}.mail-dialog::backdrop{background:#0007}.mail-dialog .mail-operations{justify-content:flex-end;margin-bottom:0}.mail-queue-count{font-variant-numeric:tabular-nums}.mail-reader blockquote{font-size:.8rem;border-left:2px solid var(--tblr-border-color);padding-left:.8rem;color:var(--tblr-secondary-color);margin-top:.7rem}.mail-select-all{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.mail-page input[type=checkbox]{flex-shrink:0}.mail-history{overflow-wrap:anywhere}.mail-loading{padding:3rem;color:var(--tblr-secondary-color)}
.mail-page .btn,#installApp{gap:.4rem}.mail-page .btn>.ti,#installApp>.ti{font-size:1rem;line-height:1;flex-shrink:0}
.mail-banner>span:first-of-type{flex:1;min-width:0}
.review-list{display:grid;gap:.8rem}.review-card{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1.2rem}.review-card:focus-visible{outline:2px solid var(--tblr-primary);outline-offset:2px}.review-copy{min-width:0;flex:1}.review-copy p{margin:.45rem 0;overflow-wrap:anywhere}.review-title{background:none;border:0;color:var(--tblr-body-color);font-weight:600;font-size:1rem;text-align:left;padding:0;margin:.6rem 0 0;overflow-wrap:anywhere}.review-title:hover{text-decoration:underline}.review-operations{display:flex;gap:.5rem;flex-wrap:wrap}.review-shortcuts{margin-left:auto;font-size:.75rem}.assistant-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.mail-assistant{border-top:1px solid var(--tblr-border-color);padding-top:1.3rem;margin-top:1.3rem}.mail-assistant label{display:grid;gap:.4rem;width:100%;font-size:.8rem}.mail-assistant textarea{resize:vertical;min-height:160px}.mail-dates{display:flex;gap:.4rem;flex-wrap:wrap;margin:.5rem 0}.mail-dates .badge{display:inline-flex;align-items:center;gap:.3rem;white-space:normal;text-align:left;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}.mail-banner{flex-wrap:wrap}.starter-brand .brand-logo{width:190px}.starter-sidebar-brand .brand-logo{width:190px}
@media(max-width:767.98px){.review-card{flex-direction:column;align-items:stretch;padding:1rem}.review-operations .btn{flex:1;min-height:42px}.review-shortcuts{display:none}.starter-brand .brand-logo{width:160px}#installApp span{display:none}#installApp{padding:.4rem}.mail-dates .badge{max-width:100%}}
@media(max-width:767.98px){.review-operations [data-review-open]{display:none}}
@media(min-width:768px) and (max-width:991.98px){.mail-layout{height:max(420px,calc(100dvh - 420px))}}
@media(max-width:991.98px){.notice{bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px)}.app-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}
@media(min-width:768px){.mail-layout{height:max(420px,calc(100dvh - 345px));min-height:420px;grid-template-rows:minmax(0,1fr);overflow:hidden}.mail-list,.mail-reader{min-height:0;overflow-y:auto}.mail-list-head{position:sticky;top:0;background:var(--tblr-bg-surface);z-index:1}.mail-body{max-height:none}.mail-page{padding-bottom:2rem}}
@media(max-width:1100px){.mail-layout{grid-template-columns:minmax(260px,.9fr) minmax(300px,1fr)}.mail-reader{padding:1rem}.mail-heading{align-items:flex-start}.mail-heading-actions{justify-content:flex-end}}
@media(max-width:767.98px){.mail-heading{display:block}.mail-heading-actions{margin-top:1rem;justify-content:space-between}.mail-scope{flex:1;width:auto;min-width:0}.mail-layout{display:block;min-height:400px}.mail-reader{display:none}.mail-layout.reading .mail-list{display:none}.mail-layout.reading .mail-reader{display:block}.mail-reader-back{display:inline-flex;margin-bottom:1rem}.mail-list{border-right:0}.mail-columns{grid-template-columns:1fr}.mail-filters{gap:.7rem}.mail-search{max-width:none;width:100%}.mail-filters .starter-segment{width:100%;overflow:auto}.mail-filters .starter-segment button{flex:1;white-space:nowrap;font-size:.8rem;padding:.45rem .55rem}.mail-banner{font-size:.8rem}.mail-page{padding-top:1.2rem}.mail-heading h1{font-size:1.5rem}.mail-operations .btn{min-height:42px}}