.mail-app{color-scheme:dark;height:100dvh;overflow:hidden;background:#0f1518}.mail-app *{scrollbar-color:rgba(255,255,255,.2) transparent}.mail-shell{display:flex;height:100%;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#121a1f,#0f1518)}.mail-shell__header{display:flex;shrink:0;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:.5rem .75rem}@media (min-width:1024px){.mail-shell__header{padding:.75rem 1rem}}.mail-shell__body{position:relative;display:flex;min-height:0;flex:1;overflow:hidden}.mail-shell__body--mobile-nav{padding-bottom:4rem}@media (min-width:1024px){.mail-shell__body--mobile-nav{padding-bottom:0}}.mail-bulk-bar{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);padding:.5rem 1rem;font-size:.875rem}.mail-bulk-bar button{border-radius:.5rem;padding:.25rem .75rem;color:rgba(255,255,255,.8)}.mail-bulk-bar button:hover{background:rgba(255,255,255,.08)}.mail-sidebar{position:fixed;bottom:0;left:0;top:3.5rem;z-index:50;display:flex;width:18rem;max-width:85vw;flex-direction:column;overflow:hidden;border-right:1px solid rgba(255,255,255,.08);background:#182125;transform:translateX(-100%);transition:transform .2s ease}.mail-sidebar--open{transform:translateX(0)}@media (min-width:1024px){.mail-sidebar{position:static;top:auto;z-index:auto;width:14rem;max-width:none;transform:translateX(0)}}.mail-sidebar__tab{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.375rem;padding:.375rem .5rem;font-size:.75rem;font-weight:500;color:rgba(255,255,255,.6)}.mail-sidebar__tab--active{background:rgba(255,255,255,.15);color:#fff}.mail-sidebar__compose{margin-bottom:.75rem;display:none;width:100%;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;background:#fff;padding:.5rem .75rem;font-size:.875rem;font-weight:600;color:#182125}@media (min-width:1024px){.mail-sidebar__compose{display:flex}}.mail-sidebar__folder{display:flex;width:100%;align-items:center;gap:.5rem;border-radius:.375rem;padding:.5rem .75rem;text-align:left;font-size:.875rem;color:rgba(255,255,255,.7)}.mail-sidebar__folder--active,.mail-sidebar__folder:hover{background:rgba(255,255,255,.1);color:#fff}.mail-sidebar__folder--active{background:rgba(255,255,255,.15)}.mail-sidebar__badge{min-width:1.25rem;border-radius:9999px;background:rgba(255,255,255,.18);padding:.125rem .375rem;text-align:center;font-size:.6875rem;font-weight:600}.mail-sidebar__section{margin-top:1rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.75rem}.mail-pane{display:none;min-height:0;min-width:0;flex:1;flex-direction:column;overflow:hidden}.mail-pane--list{width:100%;shrink:0;border-right:1px solid rgba(255,255,255,.08)}@media (min-width:1024px){.mail-pane--list{display:flex;width:24rem}.mail-pane--reader{display:flex}}.mail-list,.mail-pane--visible{display:flex}.mail-list{min-height:0;flex:1;flex-direction:column}.mail-list__toolbar{shrink:0;border-bottom:1px solid rgba(255,255,255,.08);padding:.75rem}.mail-list__search,.mail-list__toolbar{display:flex;align-items:center;gap:.5rem}.mail-list__search{min-width:0;flex:1}.mail-list__select-all{display:flex;align-items:center;gap:.375rem}.mail-list__hint{border-bottom:1px solid rgba(255,255,255,.05);padding:.375rem .75rem;font-size:.75rem;color:rgba(255,255,255,.35)}.mail-list__items{min-height:0;flex:1;overflow-y:auto}.mail-list__row{display:flex;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.05)}.mail-list__row--active{background:rgba(255,255,255,.08)}.mail-list__row--read{color:rgba(255,255,255,.72)}.mail-list__checkbox{margin:.75rem 0 .75rem .75rem}.mail-list__button{min-width:0;flex:1;padding:.75rem 1rem;text-align:left}.mail-list__button:hover{background:rgba(255,255,255,.04)}.mail-list__unread-dot{height:.5rem;width:.5rem;shrink:0;border-radius:9999px;background:#7dd3fc}.mail-reader{display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden}.mail-reader__toolbar{display:flex;shrink:0;flex-wrap:wrap;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding:.75rem 1rem}.mail-reader__icon-btn,.mail-reader__summarize{border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;color:rgba(255,255,255,.85)}.mail-reader__icon-btn:hover,.mail-reader__summarize:hover{background:rgba(255,255,255,.08)}.mail-reader__summarize{margin-left:auto;border:1px solid rgba(255,255,255,.15)}.mail-reader__folder-select{border-radius:.5rem;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);padding:.375rem .5rem;font-size:.8125rem;color:#fff}.mail-reader__content{min-height:0;flex:1;overflow-y:auto;padding:1rem 1.5rem 1.5rem}.mail-thread{display:flex;flex-direction:column;gap:1rem}.mail-thread__summary{border-radius:.75rem;border:1px solid rgba(125,211,252,.25);background:rgba(125,211,252,.08);padding:1rem}.mail-thread__summary-label{margin-bottom:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7dd3fc}.mail-thread__message{border-radius:.75rem;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);padding:1rem}.mail-thread__message--active{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}.mail-thread__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.mail-thread__meta{display:grid;gap:.375rem;margin-bottom:1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);padding:.75rem .875rem}.mail-thread__meta-row{display:grid;grid-template-columns:4.25rem minmax(0,1fr);gap:.75rem;align-items:start;font-size:.875rem}.mail-thread__meta-label{margin:0;font-weight:600;color:rgba(255,255,255,.45)}.mail-thread__meta-value{margin:0;overflow-wrap:anywhere;color:rgba(255,255,255,.92)}.mail-thread__subject{margin-bottom:.75rem;font-size:1.25rem;font-weight:600;line-height:1.35}.mail-thread__body{color:rgba(255,255,255,.9)}.mail-attachments{margin-bottom:1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);padding:.75rem 1rem}.mail-attachments__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.mail-attachments__list{display:flex;flex-direction:column;gap:.5rem}.mail-attachments__item,.mail-attachments__link{display:flex;align-items:center;gap:.5rem}.mail-attachments__link{min-width:0;flex:1;border-radius:.5rem;padding:.5rem;font-size:.875rem;color:#7dd3fc}.mail-attachments__link:hover{background:rgba(255,255,255,.06)}.mail-attachments__summarize{border-radius:.5rem;padding:.375rem;color:rgba(255,255,255,.6)}.mail-attachments__summarize:hover{background:rgba(255,255,255,.08);color:#fff}.mail-compose{display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden;padding:.75rem 1rem}.mail-compose__header{display:flex;shrink:0;align-items:center;justify-content:space-between;margin-bottom:.75rem}.mail-compose__fields{display:flex;shrink:0;flex-direction:column;gap:.5rem}.mail-compose__input{width:100%;background:rgba(255,255,255,.05);padding:.5rem .75rem;font-size:.875rem;outline:none}.mail-compose__editor,.mail-compose__input{border-radius:.5rem;border:1px solid rgba(255,255,255,.1)}.mail-compose__editor{margin-top:.75rem;min-height:0;flex:1;overflow:hidden;background:#fff;color:#182125}.mail-compose__actions{display:flex;shrink:0;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.mail-compose__send{background:#fff;font-weight:600;color:#182125}.mail-compose__secondary,.mail-compose__send{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem}.mail-compose__secondary{border:1px solid rgba(255,255,255,.2)}.mail-compose__secondary:hover{background:rgba(255,255,255,.08)}.mail-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.4)}.mail-mobile-nav{position:fixed;inset-inline:0;bottom:0;z-index:30;border-top:1px solid rgba(255,255,255,.08);background:#182125}.mail-fab{position:fixed;right:1rem;bottom:5rem;z-index:30;display:flex;height:3.5rem;width:3.5rem;align-items:center;justify-content:center;border-radius:9999px;background:#fff;color:#182125;box-shadow:0 10px 30px rgba(0,0,0,.35)}@media (min-width:1024px){.mail-fab{display:none}}