html,body{height:100%;margin:0;overflow:hidden;background:#101622}#mail-root{height:100dvh;min-height:0}
.webmail-app{--mail-panel:#1b2434;--mail-input:#283850;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;height:100%;max-width:1280px;margin:auto;padding:.5rem;gap:.5rem;color:#e5edf9;background:#101622;font:16px/1.5 sans-serif;overflow:hidden}
.webmail-app *{box-sizing:border-box}.webmail-app header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.webmail-app h1{font-size:1.4rem;margin:0}.webmail-app h2{font-size:1.2rem;margin:.25rem 0}.webmail-app p{margin:.25rem 0}.webmail-app header form{display:flex;gap:.35rem;flex:1;min-width:10rem}.webmail-app header input{flex:1;min-width:0}
.webmail-app button,.webmail-app input,.webmail-app select,.webmail-app textarea{font:inherit;color:inherit;background:var(--mail-input);border:1px solid #637d9f;border-radius:.4rem;padding:.35rem .6rem;min-width:0}.webmail-app button{cursor:pointer}.webmail-app button:disabled{opacity:.5;cursor:default}.webmail-app button:focus-visible,.webmail-app input:focus,.webmail-app textarea:focus{outline:2px solid #93bdff;outline-offset:1px}
.mail-status{font-size:.9rem;min-height:1.4rem;color:#efbc79}.mail-columns{display:grid;grid-template-columns:minmax(14rem,27%) minmax(0,1fr);flex:1;min-height:0;gap:.5rem}.mail-tree{background:var(--mail-panel);overflow-y:auto;overflow-x:hidden;min-height:0;border-radius:.5rem;padding:.5rem}.mail-tree summary{overflow-wrap:anywhere;cursor:pointer}.mail-message-item{display:block;width:100%;text-align:left;margin:.3rem 0;overflow-wrap:anywhere}
.mail-message-pane{display:flex;flex-direction:column;min-width:0;min-height:0;padding:.5rem;background:var(--mail-panel);border-radius:.5rem}.mail-message-pane>p{overflow-wrap:anywhere}.mail-message-controls{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.mail-message-view{flex:1;min-height:0;min-width:0;margin-top:.5rem;overflow:hidden}.mail-plain{font:inherit;margin:0;width:100%;height:100%;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.mail-dialog{color:#e5edf9;background:#1b2434;border:1px solid #83a7d6;border-radius:.65rem;padding:.8rem;width:min(44rem,calc(100vw - 1rem));max-height:calc(100dvh - 1rem);overflow-y:auto;overflow-x:hidden}.mail-dialog::backdrop{background:#0008}.mail-dialog>label{display:flex;flex-direction:column;margin:.4rem 0}.mail-dialog textarea{width:100%;min-height:8rem;resize:vertical}.mail-dialog h2{margin:0 0 .5rem}.mail-dialog .mail-actions{display:flex;flex-wrap:wrap;gap:.5rem}.mail-dialog .mail-inheritance{font-size:.8em;overflow-wrap:anywhere}.mail-draft-status{min-height:1.5em;font-size:.9em}.mail-history-list article{display:flex;gap:.4rem;align-items:center;padding:.4rem 0;border-bottom:1px solid #546b88}.mail-history-list article>button:first-child{flex:1;text-align:left;overflow-wrap:anywhere}
@media(max-width:640px){.mail-columns{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(7rem,30%) minmax(0,1fr)}.mail-dialog{padding:.5rem}.mail-message-controls{font-size:.85em}.mail-message-pane{padding:.4rem}}
.webmail-app button.mail-ai-pending:disabled{opacity:1;cursor:wait;border:.2rem solid transparent;border-image:repeating-linear-gradient(135deg,#ffd33d 0 .35rem,#161616 .35rem .7rem) 1}