:root{font:16px/1.6 system-ui,-apple-system,sans-serif;color:#1e293b;background:#fff;--blue:#164d85;--line:#d9e0e7}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding:1rem 2rem}.brand{font-size:1.2rem;font-weight:650;text-decoration:none;color:inherit}nav,.actions,.heading,.detail-bar{display:flex;align-items:center;gap:1rem}nav{flex-wrap:wrap}nav span{color:#526173;font-size:.875rem;overflow-wrap:anywhere}nav form{margin:0}main{padding:2rem;max-width:1440px;margin:auto}h1{font-size:1.6rem;line-height:1.3;margin:0 0 1.5rem}h2{font-size:1.2rem;margin:0;overflow-wrap:anywhere}.heading{justify-content:space-between;margin-bottom:1rem}.heading h1{margin:0}.narrow{max-width:34rem;margin:5vh auto}a{color:var(--blue)}button,.button{display:inline-block;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:4px;padding:.55rem .9rem;font:inherit;text-decoration:none;cursor:pointer;white-space:nowrap}.quiet{background:white;color:var(--blue);border-color:var(--line)}.danger{background:#a32227;border-color:#a32227}button:disabled{opacity:.5;cursor:wait}input,select{font:inherit;border:1px solid #9baabd;border-radius:4px;padding:.55rem .65rem;min-width:0;width:100%;color:inherit;background:white}label{display:flex;flex-direction:column;gap:.3rem;font-size:.875rem}.stack{display:flex;flex-direction:column;gap:1.2rem}.filters{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.filters label{min-width:10rem;max-width:100%}.filters .grow{flex:1}.filters .check{flex-direction:row;align-items:center;min-width:0;padding:.6rem 0}.check input{width:auto}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;margin:1rem 0}th{font-size:.875rem;color:#526173;font-weight:500}th,td{border-bottom:1px solid var(--line);padding:.8rem .6rem;vertical-align:top}td{overflow-wrap:anywhere;max-width:36rem}td button{background:none;color:var(--blue);border:0;padding:0;white-space:normal;text-align:left;text-decoration:underline}dialog{width:min(900px,95vw);max-height:90vh;padding:1.5rem;border:1px solid var(--line);border-radius:6px}dialog::backdrop{background:#0b1c3580}.detail-bar{justify-content:space-between;align-items:flex-start}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;tab-size:4}#metadata{color:#526173;font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere}.error{color:#a32227}#status{min-height:1.6rem}#attachments{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}#attachments:empty{display:none}:focus-visible{outline:3px solid #69a0dc;outline-offset:3px}[hidden]{display:none!important}@media(max-width:650px){header{padding:1rem;align-items:flex-start}main{padding:1.2rem}.filters label{width:100%;min-width:0}.filters .check{width:auto}.heading{align-items:flex-start;flex-wrap:wrap}nav{justify-content:flex-end}nav span{max-width:12rem}.narrow{margin:2vh auto}.actions{flex-wrap:wrap}}
#html-body{display:block;width:100%;height:55vh;border:1px solid var(--line);margin-top:1rem;background:white}td:nth-child(4){font-size:.875rem;color:#526173}
/* The mailbox occupies the available window; each pane scrolls independently. */
.inbox-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.inbox-page>header{padding:.65rem 1.3rem;flex:none}.mail-main{padding:0;max-width:none;margin:0;flex:1;min-height:0}.mail-workspace{height:100%;display:grid;grid-template-columns:220px 370px minmax(0,1fr);position:relative}.mail-sidebar{background:#f6f8fa;border-right:1px solid var(--line);overflow:auto;padding:1rem .6rem;display:flex;flex-direction:column;gap:1rem}.folder-link{display:block;width:100%;text-align:left;background:transparent;color:inherit;border:0;border-radius:4px;padding:.5rem .7rem;white-space:normal;overflow-wrap:anywhere;font-size:.9rem}.folder-link:hover{background:#eaf0f6}.folder-link.active{background:#dfeafa;color:#134777;font-weight:650}.mail-account{margin:.5rem 0}.mail-account>summary{cursor:pointer;padding:.4rem .6rem;overflow-wrap:anywhere;font-size:.9rem}.account-name{font-weight:600}.account-address{display:block;margin:.2rem 0 0 1rem;color:#647184;font-size:.75rem;line-height:1.4}.folder-list{padding:.25rem 0 .25rem .7rem}.folder-status{font-size:.8rem;padding:0 .7rem}.folder-status button{margin-top:.3rem;padding:.2rem .6rem}.bind-link{margin-top:auto;padding:.5rem .7rem;font-size:.875rem;text-decoration:none}.mail-list-pane{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line)}.list-toolbar{padding:1rem 1rem .6rem;border-bottom:1px solid var(--line);flex:none}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.8rem}.list-heading h1{margin:0;font-size:1.15rem;overflow-wrap:anywhere}.list-heading button,.mail-search button{padding:.35rem .65rem;font-size:.875rem}.mail-search{display:flex;gap:.5rem}.mail-search input{font-size:.875rem;padding:.45rem .65rem}.filter-line{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;margin-top:.5rem}.filter-line .check{flex-direction:row;align-items:center;white-space:nowrap;gap:.4rem}.date-filters{font-size:.875rem}.date-filters>summary{cursor:pointer;text-align:right;color:var(--blue)}.date-filters>div{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.date-filters input{font-size:.8rem;padding:.3rem .4rem}.list-toolbar #status{font-size:.8rem;color:#647184;margin:.5rem 0 0;min-height:0;overflow-wrap:anywhere}.list-toolbar #status.error{color:#a32227}.message-scroll{overflow:auto;flex:1;min-height:0}.message-list{list-style:none;margin:0;padding:0}.message-item{display:flex;flex-direction:column;gap:.25rem;width:100%;padding:.8rem 1rem;border:0;border-bottom:1px solid #e5eaf0;border-radius:0;text-align:left;white-space:normal;background:#fff;color:inherit;font-size:.875rem}.message-item:hover{background:#f6f9fc}.message-item[aria-current=true]{background:#edf4fd;box-shadow:inset 3px 0 var(--blue)}.message-top,.message-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;width:100%}.message-sender{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.message-time{font-size:.75rem;color:#647184;white-space:nowrap}.message-subject{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.5}.message-bottom{font-size:.75rem;color:#647184}.message-bottom>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-status{white-space:nowrap}.unread .message-sender,.unread .message-subject{font-weight:650}.unread .read-status{color:var(--blue)}#more{display:block;margin:1rem auto;font-size:.875rem}.mail-reader{min-width:0;min-height:0;overflow:auto;background:white}.reader-empty{display:flex;align-items:center;justify-content:center;margin:0;height:100%;color:#647184;font-size:.9rem}.reader-header{padding:1.5rem 1.7rem 1rem;border-bottom:1px solid var(--line)}.reader-header h2{font-size:1.3rem;line-height:1.5}.reader-header #metadata{margin:.7rem 0}.reader-header #detail-status{font-size:.875rem;min-height:0;margin:.5rem 0}.reader-header .actions{gap:.5rem;flex-wrap:wrap}.reader-header .actions button{font-size:.8rem;padding:.35rem .65rem}.reader-body{padding:1rem 1.7rem 2rem}.reader-body pre{font-size:.95rem;margin:0;line-height:1.7}#html-body{height:65vh;min-height:360px;margin:0;border:0;width:100%}#close-detail,#toggle-folders{display:none}
@media(max-width:1100px){.mail-workspace{grid-template-columns:190px 330px minmax(0,1fr)}.reader-header{padding:1.2rem}.reader-body{padding:1rem 1.2rem}.inbox-page>header{padding:.65rem 1rem}}
@media(max-width:850px){.mail-workspace{grid-template-columns:180px minmax(0,1fr)}.mail-list-pane{border-right:0}.mail-reader{display:none}.mail-reader.is-open{display:block;position:absolute;inset:0 0 0 180px;z-index:2}#close-detail{display:inline-block;font-size:.8rem;padding:.35rem .65rem;margin-bottom:.8rem}}
@media(max-width:600px){.inbox-page>header{padding:.5rem .8rem;align-items:center}.inbox-page nav{gap:.65rem}.inbox-page nav span{max-width:8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem}.inbox-page nav a,.inbox-page nav button{font-size:.8rem}.mail-workspace{grid-template-columns:minmax(0,1fr)}.mail-sidebar{display:none}.nav-open .mail-sidebar{display:flex;position:absolute;inset:0 auto 0 0;width:220px;z-index:3;box-shadow:4px 0 14px #152a4020}.mail-reader.is-open{inset:0}#toggle-folders{display:inline-block}.list-heading h1{font-size:1rem}.reader-header h2{font-size:1.15rem}.mail-main{padding:0}.reader-header{padding:1rem}.reader-body{padding:1rem}.inbox-page .actions{gap:.4rem}}