.mail-page{padding-bottom:18px}.mail-page .page-head{margin-bottom:18px}.mail-page button,.mail-dialog button,.mail-calendar-shell button{font:inherit;font-weight:400;cursor:pointer}.mail-page img,.mail-dialog img,.mail-calendar-shell img{width:19px;height:19px;flex:none}.mail-shell{--mail-folders:200px;--mail-list:330px;display:grid;grid-template-columns:var(--mail-folders) 5px var(--mail-list) 5px minmax(280px,1fr);height:calc(100vh - 150px);min-height:540px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 28px #17201008}.mail-shell>*{min-width:0}.mail-folders{display:flex;flex-direction:column;background:#fafbf9;overflow-y:auto;padding:14px 10px}.mail-folders>header,.mail-inbox>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px 14px}.mail-folders>header{font-size:12px;color:var(--muted)}.mail-folders header button,.mail-inbox header button,.mail-actions button,.mail-calendar-sources header button{display:grid;place-items:center;border:0;background:transparent;padding:8px;border-radius:8px}.mail-account-title{border:0;background:none;text-align:left;padding:14px 10px 7px;width:100%;font-size:13px!important;color:var(--muted)}.mail-account-title small{display:block;overflow:hidden;text-overflow:ellipsis;font-size:11px;margin-top:3px}.mail-folder{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;background:transparent;padding:10px!important;border-radius:9px;font-size:13px!important;margin:2px 0;color:var(--ink)}.mail-folder span{flex:1;overflow:hidden;text-overflow:ellipsis}.mail-folder.selected{background:var(--accent-soft);color:var(--accent-dark)}.mail-folder:hover,.mail-actions button:hover{background:#eef2e8}.mail-folder small{font-size:11px;color:var(--muted)}.mail-folders footer{margin-top:auto;padding:24px 10px 5px;font-size:11px;color:var(--muted)}.mail-inbox{display:flex;flex-direction:column;padding:16px 8px 8px;border-right:1px solid #f0f1ee}.mail-inbox>header strong{font-size:15px;font-weight:500}.mail-search{display:flex;align-items:center;gap:8px;background:#f4f5f2;border-radius:10px;padding:0 10px;margin:0 5px}.mail-search input{width:100%;min-width:0;border:0;background:transparent;padding:10px 0;font:inherit;font-size:13px;outline-offset:4px}.mail-status{font-size:11px;color:var(--muted);min-height:18px;padding:0 10px;margin:9px 0}.mail-status.error{color:#a32e2b}.mail-list{overflow-y:auto;flex:1}.mail-message-row{width:100%;border:0;border-bottom:1px solid #e9ece5;background:#fff;text-align:left;display:block;padding:14px 12px;border-radius:10px;line-height:1.5;font-size:13px!important}.mail-message-row:hover{background:#f6f8f1}.mail-message-row.selected{background:#edf3df}.mail-message-row b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-message-row.unread b{font-weight:650}.mail-message-row.unread{border-left:3px solid var(--accent);padding-left:9px}.mail-row-top{display:flex;gap:8px;justify-content:space-between}.mail-row-top time{white-space:nowrap;color:var(--muted);font-size:11px}.mail-row-subject{display:flex;align-items:center;gap:4px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-subject img{width:13px;height:13px}.mail-message-row small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.mail-resizer{cursor:col-resize;background:#f3f5ef;touch-action:none}.mail-resizer:hover,.mail-resizer:focus-visible{background:var(--accent);outline:none}.mail-reader{display:flex;flex-direction:column;overflow:auto}.mail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:35px 22px;text-align:center;color:var(--muted);margin:auto;max-width:440px}.mail-empty>img{width:40px;height:40px;opacity:.35}.mail-empty h2{font-size:19px;font-weight:500;color:var(--ink);margin:8px 0}.mail-empty p{font-size:13px;line-height:1.6;margin:0 0 12px}.mail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:3px;border-bottom:1px solid var(--line);padding:10px 15px;background:#fafbf9}.mail-actions [data-mail-action=back]{display:none}.mail-message-head{padding:22px 24px 17px;border-bottom:1px solid #eef0eb;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.mail-message-head h2{font-size:20px;line-height:1.4;font-weight:550;margin:0 0 12px}.mail-message-head b{font-weight:500}.mail-message-head div,.mail-message-head time{color:var(--muted)}.mail-attachment-list{display:flex;gap:8px;flex-wrap:wrap;padding:8px 20px}.mail-attachment-list:empty{display:none}.mail-attachment-list a,.mail-attachment-list button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px;font-size:12px;overflow-wrap:anywhere;max-width:100%}.mail-message-content{flex:1;display:flex;flex-direction:column;min-height:250px}.mail-message-content iframe{border:0;width:100%;flex:1;min-height:400px;background:#fff}.mail-message-content pre{font-family:inherit;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;padding:20px 24px;margin:0}.mail-privacy-note{display:block;text-align:center;font-size:10px;color:var(--muted);padding:10px}.mail-dialog{border:1px solid var(--line);border-radius:20px;padding:0;width:min(540px,calc(100vw - 32px));max-height:92vh;box-shadow:0 24px 80px #1a211c33;color:var(--ink);background:#fff}.mail-dialog-wide{width:min(820px,calc(100vw - 32px))}.mail-dialog::backdrop{background:#1b221c36;backdrop-filter:blur(3px)}.mail-dialog form{display:flex;flex-direction:column;margin:0;max-height:90vh}.mail-dialog form>header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.mail-dialog h2{font-size:20px;font-weight:550;margin:0}.mail-dialog [data-mail-close]{border:0;background:transparent;padding:8px}.mail-form-body{padding:18px 24px;overflow:auto}.mail-form-body>label,.mail-form-body details label,.mail-form-body [data-custom-hosts] label,.mail-form-body [data-calendar-options] label{display:block;font-size:13px;color:var(--muted);margin-bottom:15px}.mail-form-body input:not([type=checkbox]),.mail-form-body select,.mail-form-body textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;margin-top:5px;background:#fff;font-family:inherit;font-size:14px;line-height:1.4;color:var(--ink);box-sizing:border-box}.mail-form-body input:focus,.mail-form-body textarea:focus,.mail-form-body select:focus{outline:2px solid #9abc66;outline-offset:1px}.mail-dialog footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;border-top:1px solid var(--line)}.mail-dialog .form-error{font-size:13px;margin:0;padding:0 24px 12px}.mail-dialog .form-error:empty{display:none}.mail-dialog details{margin:15px 0}.mail-dialog summary{font-size:13px;color:var(--muted);cursor:pointer;margin-bottom:12px}.mail-help{font-size:12px;color:var(--muted);line-height:1.6}.mail-help a{color:var(--blue)}.mail-check{display:flex!important;align-items:center;gap:10px;font-size:13px;margin:12px 0!important;color:var(--ink)}.mail-check input{accent-color:var(--calendar-color,var(--accent-dark));width:16px;height:16px}.mail-recipient>div{display:flex;gap:6px;align-items:center}.mail-recipient button{border:0;background:transparent;padding:9px}.mail-form-body .mail-compose-text{border:0;min-height:250px;margin:0;resize:vertical}.mail-file-button{display:flex!important;align-items:center;gap:7px;cursor:pointer}.mail-form-body>[data-signature-preview]{font-size:11px;color:var(--muted)}.mail-contact-options button{display:flex;flex-direction:column;gap:5px;align-items:flex-start;width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:14px}.mail-contact-options small{color:var(--muted)}.mail-settings-account{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.mail-settings-account>div{flex:1;min-width:180px}.mail-settings-account b{font-weight:500}.mail-settings-account p{margin:5px 0}.mail-settings-account small{color:var(--muted)}.mail-settings-account button{background:none;border:1px solid var(--line);border-radius:8px;padding:8px}.mail-calendar-shell{display:grid;grid-template-columns:190px minmax(0,1fr) 230px;gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.mail-calendar-shell .calendar-card{border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;box-shadow:none;padding:12px!important}.mail-calendar-sources{padding:20px 14px;background:#fafbf9}.mail-calendar-sources>header{display:flex;align-items:center;justify-content:space-between;font-size:14px}.mail-calendar-sources h3{font-size:12px;color:var(--muted);font-weight:500;margin-top:25px}.mail-calendar-sources .button{font-size:12px;display:flex;gap:5px;margin-top:20px;padding:8px}.mail-jump-date{display:block;font-size:12px;color:var(--muted);margin-top:40px}.mail-jump-date input{width:100%;font:inherit;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-top:8px}.mail-calendar-inspector{padding:22px 18px;overflow-wrap:anywhere;font-size:13px}.mail-calendar-inspector h2{font-size:18px;font-weight:500;line-height:1.4}.mail-calendar-inspector pre{white-space:pre-wrap;font:inherit}.mail-calendar-inspector small{color:var(--muted);display:block;margin:20px 0}.mail-calendar-status{font-size:11px;color:var(--muted)}.mail-calendar-shell .fc-toolbar{flex-wrap:wrap;gap:10px}.mail-calendar-shell .fc-toolbar-title{font-size:19px}.mail-calendar-shell .fc-button{font-size:12px!important}.mail-calendar-shell .fc-col-header-cell{font-size:12px}.mail-page .button{font-weight:400!important}
@media(max-width:1200px){.mail-shell{grid-template-columns:170px 4px 280px 4px minmax(220px,1fr)}.mail-calendar-shell{grid-template-columns:160px minmax(0,1fr)}.mail-calendar-inspector{grid-column:1/-1;border-top:1px solid var(--line)}.mail-calendar-inspector>.mail-empty{padding:12px}.mail-calendar-inspector>.mail-empty img{display:none}}
@media(max-width:950px){.mail-shell{grid-template-columns:150px minmax(0,1fr)}.mail-resizer{display:none}.mail-reader{display:none}.mail-reading .mail-reader{display:flex}.mail-reading .mail-inbox{display:none}.mail-actions [data-mail-action=back]{display:grid}.mail-folder{font-size:12px!important}.mail-inbox{border:0}.mail-calendar-shell{grid-template-columns:minmax(0,1fr)}.mail-calendar-sources{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px}.mail-calendar-sources .mail-help,.mail-calendar-sources .mail-jump-date{display:none}.mail-calendar-sources h3{margin:0}.mail-calendar-sources .button{margin:0}.mail-calendar-sources [data-external-calendars]{display:flex;gap:16px}.mail-calendar-shell .calendar-card{border:0;border-top:1px solid var(--line)}}
@media(max-width:560px){.mail-shell{grid-template-columns:minmax(0,1fr);height:calc(100vh - 185px);min-height:500px}.mail-folders{max-height:150px;border-bottom:1px solid var(--line);display:block}.mail-folders>header,.mail-folders footer,.mail-account-title small{display:none}.mail-account{display:inline-block;vertical-align:top;min-width:120px}.mail-account [data-folders]{display:flex;overflow-x:auto;max-width:85vw}.mail-folder{width:auto;white-space:nowrap;padding:7px!important}.mail-reading .mail-folders{display:none}.mail-page .page-head .button{font-size:12px;padding:9px}.mail-page .page-head h1{font-size:30px}.mail-dialog form>header,.mail-form-body,.mail-dialog footer{padding:15px}.mail-dialog footer{flex-wrap:wrap}.mail-message-head{padding:18px}.mail-message-head h2{font-size:18px}}

.mail-message-row{border-radius:0}.mail-message-row.selected{border-radius:8px}.mail-row-subject{display:block;text-overflow:ellipsis}.mail-row-subject img{margin-right:5px;vertical-align:middle}@media(max-width:950px){.mail-no-accounts .mail-reader{display:flex}.mail-no-accounts .mail-inbox{display:none}}

.mail-calendar-shell .fc-timegrid-event,.mail-calendar-shell .fc-daygrid-event{background:color-mix(in srgb,var(--he-event-color,#276fae) 12%,white)!important;border:0!important;border-left:3px solid var(--he-event-color,#276fae)!important;box-shadow:none!important}.mail-calendar-shell .fc-event-main{color:var(--ink)!important}.mail-calendar-shell .fc-event-title{font-weight:500!important}.mail-calendar-shell .fc-timegrid-col.fc-day-today{background:#fff!important}.mail-calendar-shell .fc-timegrid-slot{border-color:#eceee8}.mail-calendar-inspector{display:flex;flex-direction:column}.mail-calendar-inspector>.mail-empty{margin:auto}.mail-actions button{min-width:38px;min-height:38px}.mail-dialog footer .button{display:inline-flex;align-items:center;gap:6px}.mail-file-button:focus-visible{outline:2px solid var(--accent-dark);outline-offset:3px}

/* The legacy mobile calendar minimum width must not clip this embedded workspace. */
.calendar-page .mail-calendar-shell .fc{min-width:0!important;max-width:100%!important;width:100%!important}.mail-calendar-shell>*{min-width:0}.mail-calendar-shell .fc-toolbar-chunk{max-width:100%;min-width:0}.mail-calendar-shell .fc-toolbar-title{white-space:normal}.mail-calendar-sources [data-external-calendars]{flex-wrap:wrap;min-width:0}.mail-calendar-sources .mail-check{overflow-wrap:anywhere;min-width:0}
@media(max-width:560px){.mail-calendar-shell .fc-header-toolbar{flex-direction:column;align-items:flex-start}.mail-calendar-shell .fc-toolbar-chunk{flex-wrap:wrap}.mail-calendar-shell .fc-button{padding:6px!important}.calendar-page .mail-calendar-shell{--calendar-time-rail:54px}.mail-calendar-shell .fc-toolbar-title{font-size:16px}}

@media(max-width:560px){.mail-calendar-shell .fc-toolbar .fc-button-group{display:flex;flex-wrap:wrap;gap:5px;max-width:100%}.mail-calendar-shell .fc-toolbar .fc-button-group>.fc-button{margin-left:0!important}}
.mail-settings-footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
[data-mail-settings-root] h2{font-size:18px;font-weight:500}
[data-mail-settings-root] .mail-settings-account{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
[data-mail-settings-root] .mail-settings-account>div{flex:1;min-width:0;overflow-wrap:anywhere}
[data-mail-settings-root] .mail-settings-account b{font-weight:500}
@media(max-width:700px){[data-mail-settings-root] .mail-settings-account{flex-wrap:wrap}[data-mail-settings-root] .mail-settings-account>div{flex-basis:100%}}