.mailbox{grid:"ctrl""list""mesg"/1fr;width:100%;max-width:1500px;margin:0 auto;padding:8px 0 16px;display:grid}@media screen and (width>=1000px){.mailbox{box-sizing:border-box;grid-gap:0 20px;grid:"ctrl ctrl""list mesg"1fr/minmax(320px,390px) 1fr;height:100%}}.message-list-controls{grid-area:ctrl;align-items:center;gap:12px;margin-bottom:12px;padding:2px;display:none}.list-active .message-list-controls{flex-wrap:wrap;display:flex}@media screen and (width>=1000px){.message-list-controls{flex-wrap:wrap;display:flex!important}}.search-group{flex:0 440px;align-items:center;gap:4px;min-width:200px;display:flex}.search-group input{background:var(--selected-color);border-radius:var(--radius-pill);font-family:var(--font-mono);border:1px solid #0000;flex:auto;min-width:0;padding:9px 20px;font-size:13.5px}.search-group input:focus-visible{background:var(--surface-color);border-color:var(--ember);box-shadow:0 0 0 3px var(--ember-soft);outline:none}.search-group button{color:var(--low-color);background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;transition:background-color .15s,color .15s;display:flex}.search-group button:hover:enabled{background:var(--selected-color);color:var(--primary-color)}.search-group button:disabled{color:var(--disabled-color);cursor:default}.list-actions{background:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:2;gap:8px;padding:10px 12px;display:flex;position:sticky;top:0}.list-actions button{flex:1 1 0;justify-content:center;align-items:center;gap:8px;display:flex;min-width:0!important}.list-actions button i{font-size:12px}.message-list{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);grid-area:list;display:none;overflow:hidden}.list-active .message-list{display:block}@media screen and (width>=1000px){.message-list{min-height:0;overflow-y:auto;display:block!important}}.message{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);grid-area:mesg;min-width:0;min-height:0;padding:0 22px 22px;display:none}.message-active .message{display:block}@media screen and (width>=1000px){.message{overflow:auto}.list-active .message{color:var(--low-color);text-align:center;justify-content:center;align-items:center;padding:40px;font-size:14px;display:flex}}.message-list-entry{border-bottom:1px solid var(--border-color);cursor:pointer;outline:none;grid-template:"from date""subject subject"/1fr auto;gap:2px 10px;padding:11px 16px;transition:background-color .1s;display:grid}.message-list-entry:last-child{border-bottom:none}.message-list-entry:first-child{border-style:none none solid}.message-list-entry:last-child:first-child{border-style:none}.message-list-entry:hover{background-color:var(--selected-color)}.message-list-entry:focus{box-shadow:inset 3px 0 0 var(--ember);background-color:var(--selected-color)!important}.message-list-entry:focus-visible{background-color:var(--focused-bg-color)!important}.message-list-entry.selected{background-color:var(--selected-color);box-shadow:inset 3px 0 0 var(--ember)}.message-list-entry .from{color:var(--low-color);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;grid-area:from;font-size:12px;overflow:hidden}.message-list-entry .subject{color:var(--low-color);text-overflow:ellipsis;white-space:nowrap;grid-area:subject;font-size:14px;font-weight:400;overflow:hidden}.message-list-entry .date{color:var(--low-color);text-align:right;white-space:nowrap;grid-area:date;font-size:11.5px}.message-list-entry.unseen .from{color:var(--primary-color);font-weight:700}.message-list-entry.unseen .subject{color:var(--primary-color);font-weight:600}.message-list-entry.unseen .from:before{background:var(--ember);content:"";vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.message-list-entry:not(.unseen){background-color:color-mix(in srgb,var(--bg-color)45%,var(--surface-color))}.message-list-entry:not(.unseen):hover{background-color:var(--selected-color)}.message-list-entry:focus-visible .subject,.message-list-entry:focus-visible .from,.message-list-entry:focus-visible .date{color:var(--focused-color)}.message-close{margin-right:auto!important}@media screen and (width>=1000px){.message-close{display:none!important}}.message .button-bar{background:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:2;align-items:center;margin:0 -22px;padding:14px 22px 12px;position:sticky;top:0}@media screen and (width>=1000px){.message .button-bar{justify-content:flex-end}}.message-header{background:0 0;border:none;margin:0;padding:14px 0 4px}.message-header dt{color:var(--low-color);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.message-header dd{color:var(--primary-color);padding-left:10px}@media screen and (width>=1000px){.message-header{grid-template:auto/6em 1fr;row-gap:3px;display:grid}.message-header dt{text-align:right;grid-column:1;padding-top:3px}.message-header dd{grid-column:2;font-size:14.5px}}.message-body{padding:12px 2px 4px}.message-warn li{margin-left:20px;padding-left:0}.message-warn-severe{font-weight:700}nav.tab-bar{gap:6px;margin:14px 0 6px;display:flex}nav.tab-bar a{border-radius:var(--radius-pill);color:var(--low-color);padding:6px 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s;display:block}nav.tab-bar a.active{background:var(--primary-color);color:var(--bg-color)}nav.tab-bar a:focus,nav.tab-bar a:hover{background:var(--selected-color);color:var(--primary-color);text-decoration:none}nav.tab-bar a.active:focus,nav.tab-bar a.active:hover{background:var(--primary-color);color:var(--bg-color)}nav.tab-bar a:only-child,nav.tab-bar a:only-child:hover,nav.tab-bar a:only-child:focus{border:1px solid var(--border-color);color:var(--low-color);cursor:default;background:0 0;padding:4px 12px;font-size:12px}.attachments{border:1px solid var(--border-color);border-radius:10px;width:100%}.attachments td{padding:3px 10px}
/*# sourceMappingURL=index.b9b422f2.css.map */