:root{--blue:#2446a0;--blue-hover:#19367f;--paper:#f2ecdf;--surface:#fffaf0;--ink:#263651;--muted:#626b7a;--line:#d8d4c9;--selected:#e8edf8;--accent:#866123}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 Arial,Helvetica,sans-serif}h1,h2,h3,p{margin:0}h1{font-size:24px;letter-spacing:-.6px}h2{font-size:20px;line-height:1.35;letter-spacing:-.3px}a{color:inherit}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--blue);border-radius:4px;background:var(--blue);color:#fff;padding:10px 15px;font-size:13px;min-height:42px}button:hover{background:var(--blue-hover)}input{padding:10px 12px;min-height:42px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:4px;min-width:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.secondary{background:transparent;color:var(--blue);border-color:var(--line)}.secondary:hover{background:var(--selected)}.muted{color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--muted);margin-bottom:5px}.shell{display:grid;grid-template-columns:80px 238px minmax(0,1fr);min-height:100dvh}.navigation{position:sticky;top:0;height:100dvh;background:var(--blue);color:white;padding:17px 7px;display:flex;flex-direction:column}.brand{display:block;margin-bottom:27px}.brand img{width:66px;height:55px;object-fit:contain}.navigation nav{display:grid;gap:5px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:5px;padding:8px 2px;text-decoration:none;color:inherit;min-height:52px}.nav-item>span{font-size:22px;line-height:1.1}.nav-item small{font-size:9px}.nav-item.active{background:var(--surface);color:var(--blue)}.nav-item.upcoming{opacity:.58}.logout{margin-top:auto;padding-top:22px}.logout button{width:100%;border:0;background:transparent}.logout button:hover{background:#ffffff18}.mailboxes{background:var(--surface);border-right:1px solid var(--line);padding:27px 17px;display:flex;flex-direction:column;min-width:0}.mailbox-heading{padding:0 5px 24px}.mailbox-heading h1{color:var(--blue)}.all-mail{display:flex;justify-content:space-between;padding:10px 11px;text-decoration:none;border-radius:4px;font-size:13px}.all-mail.selected{background:var(--selected);color:var(--blue);font-weight:700}.all-mail span{font-size:11px}.account{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.account-name{display:block;text-decoration:none;padding:0 5px 10px;overflow-wrap:anywhere}.account-name strong{font-size:13px}.account-name small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.folder{display:flex;gap:10px;align-items:center;min-height:38px;padding:8px 10px;text-decoration:none;border-radius:3px;font-size:12px;overflow-wrap:anywhere}.folder>span{font-size:17px;color:var(--muted)}.folder[aria-current]{background:var(--blue);color:white}.folder[aria-current]>span{color:white}.folder:hover:not([aria-current]){background:var(--selected)}.sync-button{background:transparent;color:var(--blue);border:0;padding:6px 5px;font-size:11px;min-height:34px;margin-top:6px}.sync-button:hover{background:var(--selected)}.sync-time{display:block;color:var(--muted);font-size:9px;padding-left:5px}.pilot-note{margin-top:auto;padding:32px 5px 0;font-size:11px;color:var(--blue)}.pilot-note small{display:block;margin:4px 0 0 13px;font-size:10px;color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:7px}.empty-mailboxes{font-size:12px;color:var(--muted);padding:22px 5px}main{min-width:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:105px;padding:22px 27px;border-bottom:1px solid var(--line)}.search{display:flex;gap:7px;min-width:0}.search input{width:245px;font-size:12px}.mail-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:calc(100dvh - 105px)}.message-list{background:#fbf7ee;border-right:1px solid var(--line);min-width:0}.list-heading{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px}.list-heading small{font-size:10px;color:var(--muted)}.message{display:block;text-decoration:none;padding:19px 19px 17px;border-bottom:1px solid var(--line);border-left:3px solid transparent;overflow-wrap:anywhere}.message-sender{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:var(--muted)}.message strong{display:block;font-size:13px;font-weight:400;margin:7px 0 9px;line-height:1.5}.message.unread strong{font-weight:700;color:var(--blue)}.message time{font-size:10px;color:var(--muted)}.message[aria-current]{background:var(--selected);border-left-color:var(--blue)}.message:hover{background:var(--selected)}.reader{background:#fffdf8;padding:35px 34px;min-width:0;overflow-wrap:anywhere}.reader>.eyebrow{margin-bottom:12px}.reader h2{font-size:23px;line-height:1.4}.meta{display:grid;grid-template-columns:45px minmax(0,1fr);gap:6px 12px;font-size:11px;padding:20px 0;margin:0;border-bottom:1px solid var(--line)}.meta dt{color:var(--muted)}.meta dd{margin:0}.body-text{font:14px/1.9 Arial,Helvetica,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:27px 0 40px}.reader-note{font-size:11px;color:var(--muted);padding-top:18px;border-top:1px solid var(--line)}.reader-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:55vh;text-align:center;gap:12px;color:var(--muted)}.reader-empty h2{font-size:18px;color:var(--ink)}.empty-icon{display:block;color:var(--blue);font-size:38px;line-height:1.2;margin-bottom:10px}.empty{padding:24px 19px;color:var(--muted);font-size:12px}.notice{padding:13px 17px;background:var(--selected);color:var(--blue);font-size:12px}.load-body{padding:27px 0;display:grid;gap:17px}.setup{margin:50px auto;padding:30px;max-width:560px}.setup h2{margin-bottom:17px}.setup p{margin:12px 0}.skip{position:fixed;top:-100px;left:10px;z-index:10;background:var(--surface);padding:12px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.login-page{display:grid;place-items:center;min-height:100dvh;padding:24px}.login-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 15px 55px #19367f0a}.login-brand{padding:22px;background:var(--blue);text-align:center}.login-brand img{height:68px;width:100px;object-fit:contain}.login-content{padding:32px}.login-content h1{margin:8px 0}.login-content>.muted{font-size:13px}.login-form{display:grid;gap:16px;margin-top:25px}.login-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.login-form input{width:100%;font-weight:400}.login-form button{display:flex;justify-content:space-between;margin-top:4px}.login-note{text-align:center;margin-top:22px;font-size:10px;color:var(--muted)}.login-content .notice{margin-top:18px}
@media(min-width:1200px){.message-list{max-height:calc(100dvh - 105px);overflow:auto}.reader{max-height:calc(100dvh - 105px);overflow:auto}}
@media(max-width:1199px){.shell{grid-template-columns:70px 200px minmax(0,1fr)}.brand img{width:56px}.toolbar{flex-wrap:wrap;padding:18px}.search{width:100%}.search input{flex:1;width:auto}.mail-workspace{grid-template-columns:1fr}.message-list{max-height:34vh;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.reader{padding:25px}.mailboxes{padding:24px 12px}.reader-empty{min-height:30vh}}
@media(max-width:600px){.shell{grid-template-columns:54px minmax(0,1fr)}.navigation{grid-column:1;grid-row:1/3;padding:12px 3px}.brand{margin-bottom:16px}.brand img{width:48px;height:44px}.nav-item small{font-size:8px}.nav-item{min-height:47px}.mailboxes{grid-column:2;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding:17px 14px;border-bottom:1px solid var(--line);border-right:0}.mailbox-heading{width:100%;padding:0 0 4px}.mailbox-heading h1{font-size:21px}.all-mail{width:100%}.account{flex:1;min-width:130px;margin:0;padding-top:12px}.account nav{display:flex;flex-wrap:wrap}.folder{padding:6px;font-size:11px;min-height:36px}.pilot-note{display:none}main{grid-column:2}.toolbar{padding:17px 14px;gap:12px}.toolbar h2{font-size:18px}.search input{width:0;padding:9px;font-size:11px}.search button{padding:9px;font-size:11px}.reader{padding:24px 17px}.reader h2{font-size:20px}.message-list{max-height:32vh}.setup{margin:10px auto;padding:25px 18px}.login-content{padding:25px}.meta{grid-template-columns:35px minmax(0,1fr);gap:6px 9px}}
.folder-create{font-size:11px;margin:12px 5px}.folder-create summary{cursor:pointer;color:var(--blue);padding:5px 0}.folder-create form{display:grid;gap:7px;margin-top:8px}.folder-create input{width:100%;font-size:12px}.folder-create button{font-size:11px;min-height:34px;padding:7px}
.settings-page{max-width:760px;margin:35px auto;padding:0 24px 40px}.back-link{display:block;margin-bottom:28px;color:var(--blue);font-size:13px}.settings-page>p{margin:12px 0}.settings-card{margin:24px 0;background:var(--surface);padding:26px;border:1px solid var(--line);border-radius:5px}.settings-card .login-form{grid-template-columns:1fr 1fr}.setup-actions,fieldset{grid-column:1/-1}.setup-actions{display:flex;gap:9px;flex-wrap:wrap}.settings-card select{font:inherit;min-height:42px;padding:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}fieldset{border:1px solid var(--line);padding:16px;display:grid;gap:12px}legend{font-size:12px}.setup-link{display:block;font-size:11px;margin:18px 5px;color:var(--blue)}@media(max-width:600px){.settings-card{padding:18px}.settings-card .login-form{grid-template-columns:1fr}.settings-page{padding:0 15px 30px}}

#authenticator-qr { max-width: 100%; height: auto; background: white; }

.login-form .remember-device { display: flex; flex-direction: row; align-items: center; gap: .65rem; }
.login-form .remember-device input { width: 1.15rem; height: 1.15rem; flex: 0 0 auto; }
.navigation-bottom{margin-top:auto;padding-top:20px;display:grid;gap:5px}.navigation-bottom .logout{margin:0;padding:0}.administration-shell{grid-template-columns:80px minmax(0,1fr)}.administration{width:min(1200px,100%);padding:34px 40px 60px}.administration-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.administration-heading h1{font-size:30px;margin-bottom:8px}.button-link{background:var(--blue);color:white;padding:11px 17px;border-radius:4px;text-decoration:none;white-space:nowrap}.admin-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:28px}.admin-tabs a{padding:12px 0;text-decoration:none;color:var(--muted)}.admin-tabs a[aria-current]{color:var(--blue);border-bottom:3px solid var(--blue);font-weight:700}.section-heading{display:flex;align-items:center;gap:12px;margin:28px 0 16px}.count-badge{border-radius:20px;padding:2px 10px;background:var(--selected);color:var(--blue)}.user-list{display:grid;gap:14px}.user-card{padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.user-overview{display:flex;align-items:center;gap:14px}.user-avatar{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;background:var(--selected);color:var(--blue);font-size:20px;border-radius:50%}.user-identity{min-width:0;flex:1}.user-identity h3{font-size:15px;overflow-wrap:anywhere}.user-identity p,.user-details,.protected-note{font-size:12px;color:var(--muted)}.status-badge{font-size:11px;padding:4px 10px;border-radius:20px;background:#eee8de;color:#655c4d;white-space:nowrap}.status-badge.is-active{background:#e3eee8;color:#305a43}.user-details{display:flex;gap:22px;margin:18px 0 6px;flex-wrap:wrap}.protected-note{margin-top:12px}.user-edit{margin-top:16px;border-top:1px solid var(--line);padding-top:15px}.user-edit summary,.reset-access summary{cursor:pointer;color:var(--blue);font-size:13px}.user-edit .login-form{grid-template-columns:1fr 1fr}.administration select{min-height:42px;padding:8px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font:inherit}.wide{grid-column:1/-1}.permission-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.permission-row strong{flex:1;min-width:130px;font-size:12px}.permission-row small{display:block;color:var(--muted);font-weight:400}.login-form .permission-row label{display:flex;align-items:center;gap:7px}.login-form input[type=checkbox]{width:17px;min-height:17px;height:17px}.reauth-fields{grid-template-columns:1fr 1fr}.invitation-result p{margin:14px 0}.invitation-result label{display:grid;gap:7px}.invitation-result input{width:100%;font-family:monospace}.reset-access{margin-top:22px}.reset-access p{margin-top:12px;font-size:12px;color:var(--muted)}.administration #security p{margin-top:12px}
@media(max-width:900px){.administration-shell{grid-template-columns:70px minmax(0,1fr)}.administration{padding:25px 20px}.administration-heading{align-items:flex-start;flex-direction:column}.administration-heading h1{font-size:26px}}
@media(max-width:600px){.administration-shell{grid-template-columns:54px minmax(0,1fr)}.administration{padding:22px 12px}.user-card{padding:16px}.user-overview{flex-wrap:wrap;gap:10px}.user-avatar{width:34px;height:34px;font-size:16px}.user-identity h3{font-size:13px}.user-edit .login-form,.reauth-fields{grid-template-columns:1fr}.admin-tabs{gap:18px;font-size:12px}.navigation{overflow-y:auto}.navigation-bottom{padding-top:14px}.button-link{font-size:12px}.setup-actions button{width:100%}}
