:root{font-family:"Segoe UI",Arial,sans-serif;color:#1f1f1f;background:#f6f8fc;font-synthesis:none;color-scheme:light;--accent:#0b57d0;--accent-hover:#0848af;--selected:#d3e3fd;--muted:#5f6368;--line:#dce1e8;--error:#b3261e;--surface:#fff}
*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.5}a{color:var(--accent);text-underline-offset:3px}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 20px;border:1px solid transparent;border-radius:7px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s}button:hover,.button:hover{background:var(--accent-hover)}button:disabled{opacity:.55;cursor:wait}.quiet{background:#fff;border-color:var(--line);color:#3c4043}.quiet:hover{background:#edf2fa}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.icon-button{background:transparent;color:#444746;border:0;padding:10px;min-width:44px;border-radius:50%}.icon-button:hover{background:#e8edf5}.icon-button.starred{color:#9b6400}.icon-button.starred .icon{fill:#fbbc04}
input,textarea,select{display:block;width:100%;padding:10px 12px;min-height:44px;border:1px solid #9aa0a6;border-radius:6px;background:#fff;color:inherit;font-size:15px}input[type=checkbox]{display:inline-block;width:18px;min-height:18px;margin-right:8px;vertical-align:middle}label{display:block;font-weight:500;margin:14px 0 6px}label input,label select,label textarea{margin-top:6px}textarea{resize:vertical}input.invalid,textarea.invalid,select.invalid,[aria-invalid=true]{border:2px solid var(--error)}.field-error,.validation-message{color:var(--error);font-size:13px;line-height:1.5;margin-top:5px}.field-error:empty{display:none}.field-error .validation-message{margin:0}.field-hint{display:block;color:var(--muted);font-size:13px;margin:6px 0 14px}.form-errors,.error{padding:14px 16px;border:1px solid #e9b6b2;border-radius:8px;background:#fce8e6;color:#8c1d18;margin:0 0 20px}.form-errors[hidden]{display:none}.form-errors ul{margin:6px 0 0;padding-left:20px}.form-errors .validation-message{color:inherit}.form-errors:focus{outline:2px solid var(--error);outline-offset:3px}[role=status]{color:#146c2e;background:#e6f4ea;border-radius:8px;padding:12px 16px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}main:focus{outline:none}.skip-link{position:fixed;left:12px;top:-60px;z-index:10;background:#fff;padding:10px}.skip-link:not(:focus){opacity:0;pointer-events:none}.skip-link:focus{top:12px;opacity:1;pointer-events:auto}
.topbar{height:72px;padding:12px 28px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #e8edf5}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:650;letter-spacing:-.6px;color:#202124;text-decoration:none;min-width:200px}.brand .icon{width:34px;height:34px;color:var(--accent)}.account-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.account-actions>a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#3c4043;font-size:14px}.account-actions form{margin:0}.topbar-note{margin-left:auto;color:var(--muted);font-size:14px}.app-body:has(.sidebar){display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}.sidebar{padding:24px 12px;min-width:0}.nav-heading{color:var(--muted);font-weight:600;margin:0 16px 14px}.nav-item{display:flex;align-items:center;gap:14px;min-height:46px;padding:10px 16px;margin:3px 0;color:#3c4043;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500}.nav-item:hover{background:#e8edf5}.nav-item.active{background:var(--selected);color:var(--accent);font-weight:650}.nav-divider{height:1px;background:var(--line);margin:20px 12px}.compose-button{display:flex;align-items:center;gap:16px;margin:0 0 18px;padding:16px 20px;border-radius:14px;background:#c2e7ff;color:#001d35;text-decoration:none;font-weight:650;min-height:56px}.compose-button:hover{background:#b0ddfc}main{min-width:0;margin:16px 18px 24px 0;padding:28px;background:var(--surface);border-radius:16px;min-height:calc(100dvh - 112px)}.app-body:not(:has(.sidebar)) main{margin:32px auto;max-width:1100px;min-height:0}.app-body:not(:has(.sidebar)) main:has(.login-panel){max-width:500px;margin:64px auto;padding:40px;border:1px solid var(--line)}h1{font-size:28px;font-weight:650;letter-spacing:-.7px;line-height:1.25;margin:0 0 12px}h2{font-size:18px;font-weight:600;line-height:1.4;margin:0 0 16px}p{margin:10px 0 18px}.page-description{color:var(--muted);margin:0 0 24px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.page-header h1{margin:0}.page-header .search-form{max-width:600px;flex:1}.muted{color:var(--muted)}article,section,.panel{background:#fff;padding:22px;border:1px solid var(--line);border-radius:10px;margin-bottom:24px}.stack{max-width:650px}.stack>button,.stack>form>button{margin-top:14px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.toolbar label{margin:0}.toolbar label input{margin:0}.grow{flex:1;min-width:160px}.search-form{display:flex;align-items:center;gap:12px;margin:0}.search-input{display:flex;align-items:center;flex:1;position:relative;min-width:0}.search-input .icon{position:absolute;left:14px;color:var(--muted)}.search-input input{padding-left:44px;background:#f6f8fc;border-color:var(--line)}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:28px 0 32px}.stats p{display:flex;flex-direction:column;gap:4px;padding:0 20px;margin:0;border-right:1px solid var(--line);color:var(--muted);font-size:13px}.stats p:first-child{padding-left:0}.stats p:last-child{border:0}.stats strong{font-size:24px;line-height:1.4;color:#202124;font-weight:650}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:10px;margin:16px 0 24px}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th,td{padding:14px 18px;border-bottom:1px solid #edf0f5;vertical-align:middle}th{background:#f6f8fc;color:#444746;font-size:13px;font-weight:600}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f6f9ff}td a{text-decoration:none}td a:hover{text-decoration:underline}td button:not(.icon-button){background:#fff;border-color:var(--line);color:#3c4043;padding:5px 12px;font-size:13px;min-height:34px;margin:2px 4px 2px 0}td button:hover{background:#e8edf5}.mail-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;color:var(--muted);font-size:13px}.message-list{border:0;border-radius:0;margin-top:0}.message-list th{background:#fff}.message-list td{padding:12px 10px}.message-list .unread{background:#f2f6fc;font-weight:650}.message-list .unread a{color:#202124}.message-subject{min-width:220px}.message-date{white-space:nowrap;color:var(--muted);font-size:12px}.empty-state{text-align:center;padding:64px 20px;color:var(--muted)}.empty-state>.icon{width:52px;height:52px;color:#9aa0a6;margin-bottom:18px}.empty-state h2{font-size:20px;color:#202124;margin-bottom:8px}.empty-state p{margin:0 0 20px}.empty-state.compact{padding:32px 16px}.folder-management{margin-top:24px}.folder-options{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.folder{background:#f1f3f4;color:#3c4043;border-color:transparent;font-weight:500}.folder.selected{background:var(--selected);color:var(--accent)}.message-text{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.compose{max-width:940px}.compose-header{margin: 14px 0 6px;}.compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compose-grid label{margin-top:0}.compose-footer{border-top:1px solid var(--line);padding-top:12px;margin-top:24px}.attachment{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f8fc;padding:8px 12px;border-radius:6px;margin:8px 0}.attachment span{overflow-wrap:anywhere}.login-panel h1{font-size:28px;margin-top:20px}.login-panel .login-mark .icon{width:42px;height:42px;color:var(--accent)}.login-panel .login-submit{width:100%;margin-top:20px}.login-panel details{border-top:1px solid var(--line);padding-top:16px;margin-top:24px}.login-panel .field-error{margin-bottom:12px}details{margin:18px 0}summary{cursor:pointer;font-weight:500;color:#3c4043;min-height:30px}details[open]>summary{margin-bottom:16px}.account-menu[open]>summary{margin-bottom:0}progress{width:100%;accent-color:var(--accent)}pre,code{overflow-wrap:anywhere}#blazor-error-ui{display:none;position:fixed;bottom:0;background:#fce8e6;color:#8c1d18;padding:16px;width:100%;z-index:100}
@media(min-width:901px){.menu-toggle{display:none}}
@media(max-width:1100px){.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 0}.stats p:nth-child(4){padding-left:0}.stats p:nth-child(3){border:0}.page-header{align-items:flex-start;flex-direction:column}.page-header .search-form{width:100%;max-width:none}}
@media(max-width:900px){.topbar{padding:12px 18px;gap:12px}.brand{min-width:0;font-size:21px}.brand .icon{width:28px;height:28px}.account-actions{gap:12px}.account-actions>a span{display:none}.app-body:has(.sidebar){grid-template-columns:1fr;gap:0}.sidebar{display:none}.menu-open .sidebar{display:block;padding:16px;border-bottom:1px solid var(--line)}main{margin:12px;padding:24px;min-height:calc(100dvh - 96px)}}
@media(max-width:600px){body{font-size:14px}.topbar{height:64px;padding:10px 12px;gap:10px}.brand{font-size:19px;gap:8px}.brand .icon{width:26px;height:26px}.account-actions{gap:4px}.account-actions button{padding:8px 10px}.account-actions>.header-contacts{display:flex;padding:10px;min-width:44px;min-height:44px}.account-actions>.header-contacts span{display:none}.topbar .brand{font-size:0;gap:0}.topbar .account-actions{min-width:0;gap:4px}.account-menu{min-width:0}.topbar-note{display:none}main{margin:8px;padding:20px 16px;border-radius:12px}h1{font-size:24px}section,article,.panel{padding:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}.stats p{padding:0 12px}.stats p:nth-child(odd){padding-left:0;border-right:1px solid var(--line)}.stats p:nth-child(even){border:0}.stats strong{font-size:22px}.search-form{flex-wrap:wrap;gap:8px}.search-input{flex-basis:100%}.search-form button{flex:1}.compose-grid{grid-template-columns:1fr;gap:0}.toolbar .grow{flex-basis:100%}.empty-state{padding:48px 12px}.app-body:not(:has(.sidebar)) main:has(.login-panel){margin:24px 12px;padding:28px 24px}.message-date{white-space:normal}.message-subject{min-width:180px}th,td{padding:12px}.topbar .menu-toggle{min-width:36px;padding:7px}.topbar .icon-button{min-height:36px}}
.archive-heading{display:flex;align-items:center;gap:4px;margin-top:24px}.archive-heading>.nav-item{flex:1;font-size:16px}.archive-heading>.icon-button{display:flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none}.archive-folders{list-style:none;margin:0;padding:0}.archive-folders .nav-item{overflow-wrap:anywhere}.archive-folders .icon{flex-shrink:0}.archive-parent{display:inline-block;font-size:14px;margin-bottom:6px}.archive-folder-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.archive-folder-name{display:flex;align-items:center;gap:10px;min-height:44px;overflow-wrap:anywhere;min-width:0}.archive-folder-name .icon{flex-shrink:0}.archive-folder-row .toolbar{margin:0}.folder-management{scroll-margin-top:20px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

@media(max-width:900px){td button:not(.icon-button),summary{min-height:44px}.topbar .menu-toggle{min-width:44px;min-height:44px}}

.email-address-field{display:flex;align-items:center;min-width:0;border:1px solid #9aa0a6;border-radius:6px;background:#fff}.email-address-field:focus-within{outline:3px solid var(--accent);outline-offset:2px}.email-address-field input{flex:1;width:0;min-width:0;border:0;border-radius:6px;outline:0!important;box-shadow:none}.email-address-suffix{display:flex;align-items:center;min-height:44px;padding:0 12px;border-left:1px solid var(--line);background:#f6f8fc;color:#3c4043;white-space:nowrap;font-size:14px}.toolbar:has(>label){align-items:flex-end}

.form-modal{display:flex;flex-direction:column;width:min(600px,calc(100% - 32px));max-height:min(88dvh,860px);padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:inherit;box-shadow:0 24px 72px #20212444}.form-modal::backdrop{background:#20212466;backdrop-filter:blur(2px)}.form-modal-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line);background:#fff}.form-modal-header h2{margin:0}.form-modal-content{min-height:0;padding:20px 24px 24px;overflow-y:auto}.form-modal-content .stack{max-width:none}.form-modal-content .toolbar{justify-content:flex-end}.page-actions{justify-content:flex-end}
.form-modal:not([open]){display:none}
@media(max-width:600px){.form-modal{width:calc(100% - 20px);max-height:92dvh;border-radius:12px}.form-modal-header{padding:16px}.form-modal-content{padding:16px}}
.mfa-qr{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;max-width:360px}.mfa-qr h2{font-size:18px;margin:0 0 14px}.mfa-qr img{display:block;width:240px;height:240px;max-width:100%;padding:8px;background:#fff;border:1px solid var(--line);border-radius:8px}.mfa-qr p{margin:12px 0 0;color:var(--muted)}
.field-error{display:block;margin:5px 0 12px}
.delivery-state{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;white-space:nowrap}.delivery-accepted{background:#e6f4ea;color:#137333}.delivery-pending{background:#e8f0fe;color:#174ea6}.delivery-partial{background:#fef7e0;color:#8a5b00}.delivery-failed{background:#fce8e6;color:#b3261e}.delivery-status-panel{max-width:720px;margin:24px 0;padding:18px}.delivery-status-panel>p{margin:0 0 12px}.delivery-list{list-style:none;margin:0;padding:0}.delivery-list li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line)}.delivery-recipient-header{display:flex;align-items:center;gap:10px;flex:1 1 300px;min-width:0;overflow-wrap:anywhere}.delivery-list li small{color:var(--muted)}.delivery-uncertain{flex:1 1 100%;margin:0;color:#8a5b00}.delivery-list li button{flex:none}
.account-menu{position:relative;margin:0}.account-menu>summary{display:flex;align-items:center;gap:8px;max-width:240px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:24px;background:#fff;white-space:nowrap;list-style:none}.account-menu>summary::-webkit-details-marker{display:none}.account-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.account-menu>summary .icon{flex:none;width:16px}.account-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:240px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 32px #2021242e}.account-menu-email{margin:4px 8px 8px;padding:8px 0 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;overflow-wrap:anywhere}.account-menu-panel .account-menu-item{justify-content:flex-start;font:inherit;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#3c4043;text-align:left;text-decoration:none}.account-menu-panel>a:hover,.account-menu-panel form button:hover{background:#f1f3f4}.account-menu-panel .icon{width:18px;height:18px}.account-menu-panel form{margin:0}.security-notice{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:16px 18px;border:1px solid #f1d5a5;border-radius:10px;background:#fff8e7;color:#5f4300}.security-notice>.icon{flex:none;width:24px;height:24px;color:#8a5b00}.security-notice strong{display:block}.security-notice p{margin:4px 0 0;color:#6e5a32}.security-notice>a{flex:none;margin-left:auto;font-weight:600}.security-notice a:focus-visible,.account-menu a:focus-visible,.account-menu button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:600px){.account-menu>summary{max-width:150px;padding:8px}.account-menu-email{max-width:100%}.security-notice{align-items:flex-start;flex-wrap:wrap;gap:10px}.security-notice>div{flex:1 1 calc(100% - 40px)}.security-notice>a{margin-left:34px}}

.size-input{display:flex;align-items:stretch;gap:8px}.size-input input{flex:1;min-width:0}.size-input select{width:90px;flex:none}.account-actions>.header-contacts{min-height:44px;border-radius:8px;transition:background .15s}.account-menu-panel .account-menu-item:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

.account-menu-name{margin:8px 8px 0;font-weight:600;overflow-wrap:anywhere}@media(max-width:600px){.topbar .brand{min-height:44px;min-width:44px}}

input::placeholder,textarea::placeholder{color:#6f7680;opacity:1;font-weight:400}
.outgoing-submission{margin:0 0 20px}.outgoing-submission>.delivery-recipient-header{flex-wrap:wrap}.outgoing-submission h2{margin:0;overflow-wrap:anywhere;min-width:0}.outgoing-submission>.muted{margin:12px 0}.outgoing-submission .delivery-list{margin-bottom:12px}

.app-shell{min-height:100dvh;background:var(--app-background,#f6f8fc)}
.admin-theme{--app-background:#f5f3ff;--accent:#6d28d9;--accent-hover:#5b21b6;--selected:#ede9fe;--muted:#62596f;--line:#ddd6eb;--hover:#ede7f7;color:#282133}
.admin-theme .topbar{background:#eee8f8;border-color:var(--line)}.admin-theme .brand{color:#3b225b}
.admin-theme .nav-item:hover,.admin-theme .icon-button:hover,.admin-theme .quiet:hover,.admin-theme .account-menu-panel>a:hover,.admin-theme .account-menu-panel form button:hover{background:var(--hover)}
.admin-theme th{background:#f5f1fc;color:#5b5168}.admin-theme tbody tr:hover{background:#faf8ff}.admin-theme .page-header .search-input input{background:#f0ebf8}

.sidebar nav[aria-label=Mailbox] .nav-item{min-height:44px;padding:8px 16px;margin:0;border-radius:24px}.sidebar nav[aria-label=Mailbox] .nav-item.active{color:#001d35}.compose-button{width:fit-content;min-width:160px;border-radius:16px}.page-header .search-input input{border-color:transparent;border-radius:24px;background:#e9eef6}.page-header .search-input input:focus{background:#fff}.page-header .search-input input::placeholder{color:#646b75}
.compose-header label{margin-top:0}.compose-header input[readonly]{background:#f6f8fc;color:#444746;cursor:text}.message-editor{border:1px solid #9aa0a6;border-radius:12px;overflow:hidden;background:#fff}.message-editor:focus-within{outline:3px solid var(--accent);outline-offset:2px}.message-editor:has([aria-invalid=true]){border:2px solid var(--error)}.editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:8px;background:#f1f5fc;border-bottom:1px solid var(--line)}.editor-toolbar button{min-width:44px;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#3c4043;font-weight:500}.editor-toolbar button:hover{background:#dfe7f3}.editor-toolbar button[aria-pressed=true]{background:var(--selected);color:#001d35}.editor-toolbar button:focus-visible{outline-offset:-3px}.editor-divider{height:24px;width:1px;background:#c4c7c5;margin:0 4px}.editor-content{min-height:280px;max-height:60dvh;overflow-y:auto;padding:18px;outline:none;white-space:pre-wrap;overflow-wrap:anywhere}.editor-content:empty::before{content:attr(data-placeholder);color:#646b75;pointer-events:none}.editor-content p,.editor-content div{margin:0 0 8px}.editor-content blockquote{border-left:3px solid var(--line);margin:8px 0;padding-left:16px;color:var(--muted)}.editor-content[aria-disabled=true]{background:#f6f8fc}.editor-notice{padding:0 18px}.editor-notice[hidden]{display:none}@media(max-width:600px){.editor-content{min-height:240px;padding:14px}.editor-divider{display:none}.editor-toolbar{gap:4px;padding:6px}}