/* Gmail-inspired visual system. Roundcube retains all routing and panel behavior. */
:root {
 --cm-bg:#f6f8fc;--cm-surface:#fff;--cm-panel:#fff;--cm-text:#202124;--cm-muted:#5f6368;
 --cm-line:#e0e3e7;--cm-hover:#eaf1fb;--cm-selected:#d3e3fd;--cm-primary:#0b57d0;--cm-on-primary:#fff;
 --cm-input:#fff;--cm-search:#eaf1fb;--cm-unread:#f2f6fc;--cm-compose:#c2e7ff;--cm-compose-text:#001d35;
 --cm-shadow:0 2px 10px #20212414;--cm-focus:#1a73e8;--cm-radius:16px;
}
html.dark-mode {
 color-scheme:dark;--cm-bg:#111315;--cm-surface:#1e1f20;--cm-panel:#202124;--cm-text:#e3e3e3;--cm-muted:#c4c7c5;
 --cm-line:#444746;--cm-hover:#303134;--cm-selected:#004a77;--cm-primary:#a8c7fa;--cm-on-primary:#062e6f;
 --cm-input:#1e1f20;--cm-search:#282a2c;--cm-unread:#292b2e;--cm-compose:#004a77;--cm-compose-text:#c2e7ff;
 --cm-shadow:0 3px 14px #0004;--cm-focus:#a8c7fa;
}
html {font-family:Arial,"Helvetica Neue",system-ui,sans-serif;font-size:14px;}
body {font-family:Arial,"Helvetica Neue",system-ui,sans-serif;background:var(--cm-bg);color:var(--cm-text);}
a {color:var(--cm-primary);}
button,input,select,textarea {font-family:inherit;}
:focus-visible {outline:2px solid var(--cm-focus);outline-offset:3px;}
#layout {background:var(--cm-bg);}
body.cm-app #layout {height:calc(100% - 64px);}
#cm-topbar {height:64px;display:flex;align-items:center;gap:16px;padding:0 20px 0 12px;background:var(--cm-bg);color:var(--cm-text);}
.cm-top-brand {width:292px;flex:0 0 292px;display:flex;align-items:center;gap:14px;}
.cm-top-brand>span {font-size:22px;line-height:1.1;letter-spacing:-.4px;color:var(--cm-muted);}
.cm-top-brand small {display:block;font-size:10px;letter-spacing:.4px;line-height:1.4;margin-top:3px;}
.cm-top-search {flex:1;max-width:760px;min-width:0;}
.cm-top-actions {display:flex;align-items:center;gap:12px;margin-left:auto;}
.cm-icon-button {background:transparent;border:0;border-radius:50%;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--cm-muted);padding:0;cursor:pointer;flex-shrink:0;}
.cm-icon-button:hover {background:var(--cm-hover);}
.cm-avatar {width:36px;height:36px;border-radius:50%;background:#00695c;color:white;border:3px solid var(--cm-surface);outline:1px solid var(--cm-line);font:600 15px Arial;cursor:pointer;}
#layout-menu {background:var(--cm-bg);color:var(--cm-muted);border:0;}
#layout-menu .popover-header {background:var(--cm-bg);border:0;}
#layout-menu #logo {width:34px;height:30px;margin:12px auto;}
#taskmenu a {color:var(--cm-muted);font-weight:500;transition:background .15s ease;}
#taskmenu a:hover {background:var(--cm-hover);color:var(--cm-text);}
#taskmenu a.selected {background:var(--cm-selected);color:var(--cm-text);}
#taskmenu a:before {font-size:20px;}
#taskmenu .special-buttons a {color:var(--cm-muted);}
#taskmenu a.logout {color:var(--cm-muted);}
#layout-sidebar:not(.sidebar-right) {background:var(--cm-bg);border:0;}
#layout-sidebar>.header,#layout-list>.header,#layout-content>.header {background:var(--cm-surface);color:var(--cm-text);border-color:var(--cm-line);font-weight:500;}
#layout-sidebar:not(.sidebar-right)>.header {background:var(--cm-bg);border:0;min-height:54px;}
#layout-sidebar .header-title.username {margin:0!important;padding:0 0 0 12px!important;text-align:left;max-width:calc(100% - 44px);font-size:12px;font-weight:500;}
#owner-mailboxes {font:500 12px Arial,sans-serif;color:var(--cm-text);padding:0 18px 0 0;width:100%;height:44px;max-width:100%;text-overflow:ellipsis;}
#owner-mailboxes option {background:var(--cm-surface);color:var(--cm-text);}
.cm-compose-slot {padding:4px 16px 18px 8px;}
.cm-compose-slot .action-buttons {display:block;}
.cm-compose-slot a.compose {display:flex!important;align-items:center;justify-content:flex-start;gap:14px;min-height:56px;width:max-content;max-width:100%;padding:0 24px 0 18px;border-radius:16px;background:var(--cm-compose)!important;color:var(--cm-compose-text)!important;font-size:14px;font-weight:600;box-shadow:0 1px 2px #0001;text-decoration:none;}
.cm-compose-slot a.compose:before {content:""!important;display:block;width:26px;height:26px;background:url('plus.svg') center/26px no-repeat;flex-shrink:0;}
.cm-compose-slot a.compose .inner {display:inline!important;}
.cm-compose-slot a.compose:hover {box-shadow:0 2px 6px #0003;background:var(--cm-compose)!important;}
#mailboxlist li {border:0!important;}
#mailboxlist li>div,#directorylist li>div,#savedsearchlist li>div {border:0;border-radius:0 24px 24px 0;margin-right:12px;min-height:34px;line-height:34px;}
#mailboxlist li a {color:var(--cm-text);font-size:14px;line-height:34px;}
#mailboxlist li a:before {color:var(--cm-muted);font-size:17px;margin-right:12px;}
#mailboxlist li.selected>div,#directorylist li.selected>div,#savedsearchlist li.selected>div {background:var(--cm-selected)!important;color:var(--cm-text)!important;}
#mailboxlist li.selected>a,#mailboxlist li.selected>div>a {font-weight:600;color:var(--cm-text);}
#mailboxlist li>div:hover,#directorylist li>div:hover {background:var(--cm-hover);}
#mailboxlist .unreadcount {background:transparent!important;color:var(--cm-text);font-size:12px;font-weight:600;right:14px;}
#layout-sidebar>.footer {background:var(--cm-bg);border:0;color:var(--cm-muted);font-size:11px;}
#layout-list,#layout-content {background:var(--cm-surface);border-color:var(--cm-line);}
#layout-list>.footer,#layout-content>.footer {background:var(--cm-surface);border-color:var(--cm-line);color:var(--cm-muted);font-size:12px;font-weight:400;}
#layout-list .header .toolbar a,#layout-content .header .toolbar a {color:var(--cm-muted);border-radius:50%;}
#layout .header a.button {color:var(--cm-muted);}
#layout .header a.button:hover {background:var(--cm-hover);}
.searchbar {background:var(--cm-search);border:0;color:var(--cm-text);}
#cm-topbar .searchbar {height:48px;line-height:48px;border-radius:24px;margin:0;padding:0 8px;position:relative;}
.searchbar input,.searchbar input:focus {color:var(--cm-text);background:transparent;box-shadow:none;}
.searchbar input::placeholder {color:var(--cm-muted);opacity:1;}
.searchbar a,.searchbar .icon,.searchbar .input-group-text {color:var(--cm-muted);}
#cm-topbar .searchbar:focus-within {background:var(--cm-surface);box-shadow:0 1px 4px #0003;}
#messagelist {background:var(--cm-surface);color:var(--cm-text);}
#messagelist tbody tr {background:var(--cm-surface);color:var(--cm-text);border-bottom:1px solid var(--cm-line);}
#messagelist tbody tr.unread {background:var(--cm-unread);font-weight:600;}
#messagelist tbody tr.selected,#messagelist tbody tr.focused.selected {background:var(--cm-selected)!important;color:var(--cm-text)!important;}
#messagelist tbody tr:hover {box-shadow:inset 0 1px var(--cm-line),inset 0 -1px var(--cm-line),0 1px 3px #0002;position:relative;z-index:1;}
#messagelist td {border-color:var(--cm-line);color:inherit;}
#messagelist .subject {font-size:14px;}
#messagelist .date,#messagelist .size {font-size:12px;color:var(--cm-muted);}
#messagelist .fromto {color:var(--cm-text);}
#messagelist .flag span.flagged {color:#f4b400;}
#messagelist .attachment {color:var(--cm-muted);}
.listing-info {color:var(--cm-muted);font-size:14px;line-height:1.7;}
.listing-info:before {color:var(--cm-line);}
.column-resizer {background:transparent;}
.column-resizer:hover {background:var(--cm-selected);}
@media(min-width:1201px) {
 #layout-menu {width:72px;flex:0 0 72px;}
 #layout-menu>.popover-header {display:none;}
 #taskmenu a {margin:4px 8px;border-radius:18px;width:56px;padding:10px 3px;min-height:58px;}
 #taskmenu a .inner {font-size:10px;}
 #layout-sidebar:not(.sidebar-right) {min-width:240px;max-width:240px;flex:0 0 240px;}
 #layout-list {min-width:330px;max-width:38%;border-radius:16px 0 0 16px;overflow:hidden;margin:0 0 16px 0;}
 #layout-content {border-radius:0 16px 16px 0;overflow:hidden;margin:0 16px 16px 0;}
 body.task-settings #layout-content,body.action-compose #layout-content {border-radius:16px;}
 body.cm-nav-collapsed #layout-sidebar:not(.sidebar-right) {display:none;}
 body.cm-nav-collapsed .cm-top-brand {width:56px;flex-basis:56px;}
 body.cm-nav-collapsed .cm-top-brand>span,body.cm-nav-collapsed .cm-top-brand>img {display:none;}
 body.task-mail.action-none #layout-list .header {border:0;}
}
@media(min-width:769px) and (max-width:1200px) {
 .cm-top-brand {width:240px;flex-basis:240px;}
 #layout-menu {background:var(--cm-bg);}
 #layout-list,#layout-content {border-radius:14px;overflow:hidden;margin:0 8px 12px 0;}
 #layout-sidebar {margin-bottom:12px;}
}
@media(max-width:768px) {
 #cm-topbar {height:56px;padding:0 12px;gap:8px;}
 .cm-top-brand {width:auto;flex-basis:auto;gap:10px;}
 .cm-top-brand>span {font-size:20px;}
 .cm-top-brand small {display:none;}
 .cm-top-brand>img {width:30px;}
 .cm-top-actions {gap:8px;}
 .cm-top-search {display:none;}
 body.cm-app #layout {height:calc(100% - 56px);}
 #layout-list,#layout-content,#layout-sidebar {border-radius:0;margin:0;border:0;}
 #layout .header {min-height:52px;height:52px;line-height:52px;}
 #layout-list>.searchbar {margin:6px 12px 10px;border-radius:24px;min-height:48px;line-height:48px;}
 #layout-list>.searchbar input {font-size:16px;}
 #mailboxlist li>div {min-height:44px;line-height:44px;}
 #mailboxlist li a {line-height:44px;}
 #owner-mailboxes {font-size:13px;}
 #layout-list>.footer,#layout-content>.footer {padding-bottom:env(safe-area-inset-bottom);}
 #taskmenu .action-buttons a.compose {background:var(--cm-compose);color:var(--cm-compose-text);border-radius:16px;}
 #taskmenu a {border-radius:0 24px 24px 0;}
 .floating-action-buttons a.compose,.floating-action-button.compose {background:var(--cm-compose)!important;color:var(--cm-compose-text)!important;border-radius:16px!important;box-shadow:0 3px 8px #0003;}
}
@media(max-width:480px) {
 #layout-menu {background:var(--cm-surface);}
 #layout-menu .popover-header {background:var(--cm-surface);padding:14px;}
 #layout-menu a {min-height:48px;}
 #messagelist tbody tr {min-height:74px;}
 #messagelist .subject {font-size:14px;line-height:1.5;}
 #messagelist .fromto {font-size:15px;}
 .cm-top-brand .cm-nav-toggle {display:none;}
}
/* Sign-in: same two-column composition as the MFA surface. */
body.task-login {background:#f0f4f9;color:var(--cm-text);min-height:100svh;height:auto;overflow:auto;}
html.dark-mode body.task-login {background:#0e0e0e;}
body.task-login #layout {display:grid;place-items:center;min-height:100svh;height:auto;padding:48px 24px;background:transparent;overflow:visible;}
html:root body.task-login #layout-content {display:grid;text-align:left;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;width:min(100%,1040px);max-width:1040px;margin:auto;padding:48px;border-radius:28px;background:var(--cm-surface);box-shadow:none;overflow:visible;}
.cm-auth-intro {min-width:0;}
.cm-auth-brand {display:flex;align-items:center;gap:12px;margin-bottom:44px;}
html:root body.task-login #logo {position:static;top:auto;left:auto;right:auto;transform:none;width:44px;height:40px;max-width:none;max-height:none;margin:0;}
.cm-auth-brand strong {display:block;font-size:17px;font-weight:500;letter-spacing:-.25px;}
.cm-auth-brand span {display:block;font-size:12px;color:var(--cm-muted);line-height:1.5;margin-top:3px;}
.cm-auth-intro h2 {font-size:36px;font-weight:400;line-height:1.25;letter-spacing:-.8px;margin:0 0 20px;}
.cm-auth-intro>p {font-size:16px;line-height:1.6;color:var(--cm-muted);margin:0;}
html:root body.task-login #login-form {position:static;top:auto;left:auto;right:auto;transform:none;width:100%;max-width:none;margin:0;padding-top:76px;}
.cm-auth-form-heading h2 {font-size:18px;font-weight:500;margin:0 0 8px;}
.cm-auth-form-heading p {font-size:14px;line-height:1.5;color:var(--cm-muted);margin-bottom:24px;}
html:root body.task-login #login-form table,html:root body.task-login #login-form tbody {display:block;width:100%;}
html:root body.task-login #login-form tr {display:block;margin:0 0 20px;}
html:root body.task-login #login-form td.title {display:block!important;width:100%;padding:0 0 7px;text-align:left;font-size:13px;color:var(--cm-muted);}
html:root body.task-login #login-form td.title label {margin:0;}
html:root body.task-login #login-form td.input {display:block;position:relative;width:100%;padding:0;}
body.task-login .input-group-prepend {display:none;}
body.task-login input.form-control {height:56px;border:1px solid #747775!important;background:var(--cm-input)!important;color:var(--cm-text)!important;font-size:16px;border-radius:4px!important;padding:16px;width:100%;box-shadow:none;}
body.task-login input.form-control:focus {outline:2px solid var(--cm-primary);outline-offset:-2px;border-color:var(--cm-primary)!important;box-shadow:none;}
body.task-login input.form-control::placeholder {color:var(--cm-muted);opacity:.8;font-size:14px;}
body.task-login #rcmloginpwd {padding-right:52px;}
.cm-password-toggle {position:absolute;right:5px;top:6px;width:44px;height:44px;border:0;background:transparent;color:var(--cm-muted);border-radius:50%;padding:10px;cursor:pointer;}
.cm-password-toggle:hover {background:var(--cm-hover);}
body.task-login .formbuttons {display:flex;justify-content:flex-end;margin:24px 0 0;}
html:root body.task-login #rcmloginsubmit {width:auto!important;min-width:118px;min-height:44px;border:0;border-radius:24px;padding:12px 28px;background:var(--cm-primary);color:var(--cm-on-primary);font-size:14px;line-height:1.45;font-weight:600;text-transform:none!important;box-shadow:none;}
html:root body.task-login #rcmloginsubmit:hover {filter:brightness(.95);box-shadow:0 1px 3px #0002;}
body.task-login #login-footer {color:var(--cm-muted);font-size:12px;margin-top:30px;text-align:left;}
body.task-login .login-guard-row {margin:8px 0 0;min-height:20px;font-size:12px;color:var(--cm-muted);}
body.task-login #login-guard-status {font-size:12px;line-height:1.6;}
body.task-login #login-guard-widget {max-width:100%;}
body.task-login #messagestack {max-width:min(90vw,540px);}
@media(max-width:860px) {
 html:root body.task-login #layout-content {padding:36px;gap:36px;}
 .cm-auth-intro h2 {font-size:30px;}
}
@media(max-width:680px) {
 body.task-login #layout {padding:24px 16px;}
 html:root body.task-login #layout-content {grid-template-columns:1fr;gap:32px;max-width:520px;padding:32px;border-radius:24px;}
 html:root body.task-login #login-form {padding:0;}
 .cm-auth-brand {margin-bottom:28px;}
 .cm-auth-form-heading {display:none;}
 .cm-desktop-break {display:none;}
}
@media(max-width:420px) {
 body.task-login,html.dark-mode body.task-login {background:var(--cm-surface);}
 body.task-login #layout {padding:0;display:block;}
 html:root body.task-login #layout-content {padding:28px 24px;border-radius:0;min-height:100svh;align-content:start;gap:32px;}
 .cm-auth-intro h2 {font-size:28px;}
 .cm-auth-intro>p {font-size:15px;}
 html:root body.task-login #rcmloginsubmit {width:100%!important;}
}
@media(max-width:340px) {html:root body.task-login #layout-content {padding:24px 20px;}.cm-auth-brand strong {font-size:16px;}.cm-auth-intro h2 {font-size:27px;}}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {transition:none!important;scroll-behavior:auto!important;}}

/* Native Elastic has stronger dark/state selectors. These color-only overrides
   keep the shared palette authoritative without changing panel visibility. */
html:root body:not(.task-login) {background-color:var(--cm-bg);color:var(--cm-text);}
html:root body #layout-menu {background:var(--cm-bg);border-color:transparent;}
html:root body #layout-menu .popover-header {border-color:transparent;}
html:root body #layout-menu .special-buttons {background:transparent;}
html:root body #layout-menu .special-buttons a:not(:focus) {background:transparent;color:var(--cm-muted);}
html:root body #taskmenu a {color:var(--cm-muted);}
html:root body #taskmenu a.selected {background:var(--cm-selected);color:var(--cm-text);}
html:root body #taskmenu a:hover,html:root body #layout-menu .special-buttons a:hover {background:var(--cm-hover);color:var(--cm-text);}
html:root body #taskmenu .action-buttons a.compose {color:var(--cm-compose-text);background:var(--cm-compose);}
html:root body #layout-sidebar:not(.sidebar-right) {background:var(--cm-bg);border-color:transparent;}
html:root body #layout-list,html:root body #layout-content,html:root body #layout-sidebar.sidebar-right {background:var(--cm-surface);border-color:var(--cm-line);}
html:root body #layout > div > .header,html:root body #layout > div > .footer {background:var(--cm-surface);color:var(--cm-text);border-color:var(--cm-line);}
html:root body #layout-sidebar:not(.sidebar-right) > .header,html:root body #layout-sidebar:not(.sidebar-right) > .footer {background:var(--cm-bg);border-color:transparent;}
html:root body #layout > div > .footer {color:var(--cm-muted);}
html:root body #layout .header :is(a.button,.toolbar a) {color:var(--cm-muted);}
html:root body #layout .header a:not(.disabled):is(:hover,:focus-visible),html:root body #layout .header .dropbutton:not(.disabled):hover {background:var(--cm-hover);color:var(--cm-text);}
html:root body #layout .header .toolbar a.selected {background:var(--cm-selected);color:var(--cm-primary);}
html:root body :is(#mailboxlist,#directorylist,#savedsearchlist) li,html:root body :is(#mailboxlist,#directorylist,#savedsearchlist) li a {color:var(--cm-text);background-color:transparent;}
html:root body :is(#mailboxlist,#directorylist,#savedsearchlist) li.selected {background:transparent;color:var(--cm-text);}
html:root body :is(#mailboxlist,#directorylist,#savedsearchlist) li.selected > a,html:root body :is(#mailboxlist,#directorylist,#savedsearchlist) li.selected > div {background:var(--cm-selected);color:var(--cm-text);}
html:root body :is(#mailboxlist,#directorylist,#savedsearchlist) li.selected > div > a {color:var(--cm-text);background:transparent;}
html:root body :is(#mailboxlist,#directorylist,#savedsearchlist) li:not(.selected) > a:hover {background:var(--cm-hover);color:var(--cm-text);}
html:root body #mailboxlist li.mailbox .unreadcount {color:var(--cm-text);font-weight:600;}
html:root body #mailboxlist li.selected ul,html:root body #mailboxlist li.selected ul div.treetoggle {color:var(--cm-muted);background:transparent;}
html:root body .searchbar {background-color:var(--cm-search);border-color:var(--cm-line);color:var(--cm-text);}
html:root body .searchbar :is(a,input),html:root body .searchbar form::before {color:var(--cm-muted);}
html:root body .searchbar input,html:root body .searchbar input:focus {color:var(--cm-text);background-color:transparent;}
html:root body .searchbar a.selected {color:var(--cm-primary);}
html:root body #cm-topbar .searchbar:focus-within {background:var(--cm-surface);}
html:root body #messagelist tbody td,html:root body #messagelist tbody td a {color:var(--cm-text);border-color:var(--cm-line);}
html:root body #messagelist tbody tr:not(.selected) td {background:transparent;}
html:root body #messagelist tbody tr.selected td {background:var(--cm-selected);color:var(--cm-text);}
html:root body #messagelist tbody tr.selected td a,html:root body #messagelist tbody tr.selected td.subject span.msgicon.status {color:var(--cm-text);}
html:root body #messagelist :is(.date,.size),html:root body #messagelist .attachment span {color:var(--cm-muted);}
html:root body #messagelist .fromto {color:var(--cm-text);}
html:root body #messagelist tr.flagged:not(.deleted) td {color:var(--cm-text);}
html:root body #messagelist tr.flagged:not(.deleted) span.attachment span {color:var(--cm-muted);}
html:root body #messagelist span.flagged,html:root body #messagelist .flag span.flagged {color:#f4b400;}
html:root body #messagelist tr.deleted :is(td,td a,.date,.fromto,.size,span.flag,span.msgicon.status,span.attachment span) {color:var(--cm-muted);}
html:root body.task-settings :is(#settings-menu,#sections-table,#identities-table,#subscription-table,#responses-table) :is(li,td,li a,td a) {color:var(--cm-text);border-color:var(--cm-line);background-color:transparent;}
html:root body.task-settings :is(#settings-menu,#sections-table,#identities-table,#subscription-table,#responses-table) :is(li.selected,li.selected > a,tr.selected td) {color:var(--cm-text);background:var(--cm-selected);}
html:root body.task-settings :is(#settings-menu,#sections-table,#identities-table,#subscription-table,#responses-table) :is(li:not(.selected) > a:hover,tr:not(.selected):hover td) {background:var(--cm-hover);}
html:root body .listing-info,html:root body .listing span.secondary {color:var(--cm-muted);}
html:root body .listing-hover-menu {background:var(--cm-panel);border-color:var(--cm-line);box-shadow:var(--cm-shadow);}
html:root body .listing-hover-menu a.button {color:var(--cm-muted);}
html:root body .listing-hover-menu a.button:hover {background:var(--cm-hover);color:var(--cm-text);}
html:root body :is(.menu.pagenav.pagenav-list,.menu.pagenav.pagenav-list + .navlist) {background:var(--cm-surface);border-color:var(--cm-line);}
html:root body .menu.pagenav :is(a,.pagenav-text) {color:var(--cm-muted);}
html:root body .quota-widget .bar {background:var(--cm-line);border-color:var(--cm-line);}
html:root body .quota-info .root {color:var(--cm-muted);background:transparent;}
html:root body .iframe-loader {background:var(--cm-surface);}
html:root body .iframe-loader .spinner-border {color:var(--cm-primary);border-color:currentColor var(--cm-line) currentColor currentColor;}
html:root body.task-login #login-footer {color:var(--cm-muted);}
html:root body.task-login #rcmloginsubmit,html:root body.task-login #rcmloginsubmit:hover:not(:disabled) {background:var(--cm-primary);color:var(--cm-on-primary);}
@media (max-width:480px) {
 html:root body #layout-menu {background:var(--cm-surface);}
}
/* A full-width inbox until a message is selected; native preview returns on selection. */
@media(min-width:1201px) {
 body.task-mail.action-none:not(.cm-has-message) #layout-content {display:none;}
 body.task-mail.action-none:not(.cm-has-message) #layout-list {max-width:none;width:auto!important;flex:1;border-radius:16px;margin-right:16px;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist td.subject {display:grid;grid-template-columns:190px minmax(0,1fr) 75px;gap:16px;align-items:center;height:46px;padding:0 16px;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist td.subject>.fromto {grid-column:1;grid-row:1;width:auto;max-width:none;font-size:14px;line-height:46px;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist td.subject>.date {grid-column:3;grid-row:1;float:none;text-align:right;margin:0;padding:0;line-height:46px;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist td.subject>.subject {grid-column:2;grid-row:1;display:block;margin:0;line-height:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist td.subject>.size {display:none;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist .subject .msgicon {display:none;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist td.flags {vertical-align:middle;padding-top:0;}
}
@media(min-width:769px) and (max-width:1200px) {
 body.cm-nav-collapsed #layout-sidebar:not(.sidebar-right) {display:none;}
}
html:root #messagelist tr.flagged td.subject span.subject a {color:var(--cm-text);}
html:root .floating-action-buttons a.compose,html:root a.compose[id$="-clone"] {background:var(--cm-compose)!important;color:var(--cm-compose-text)!important;border-radius:16px!important;box-shadow:0 3px 8px #0003;}
html:root a.compose[id$="-clone"]:before {content:"";display:block;width:26px;height:26px;margin:15px;background:url('plus.svg') center/26px no-repeat;}
/* The theme chooser is also available before authentication. */
.cm-login-theme {position:fixed;top:16px;right:20px;z-index:5;border:1px solid var(--cm-line);border-radius:22px;background:var(--cm-surface);color:var(--cm-muted);height:40px;padding:0 15px;display:flex;gap:8px;align-items:center;font-size:12px;cursor:pointer;}
@media(max-width:680px) {.cm-login-theme {top:12px;right:12px;width:36px;height:36px;padding:8px;border:0;}.cm-login-theme span {display:none;}}
@media(min-width:1201px) {
 #taskmenu a {width:68px;margin:4px 2px;padding-left:1px;padding-right:1px;}
 #taskmenu a .inner {font-size:9px;text-overflow:clip;}
 #mailboxlist li {border-radius:0 24px 24px 0;margin-right:12px;overflow:hidden;}
 #mailboxlist li>div {margin-right:0;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist-header .toolbar {text-align:left;justify-content:flex-start;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist tr {display:flex;align-items:center;min-height:46px;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist td {border-bottom:0;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist td.selection {display:flex!important;width:38px;min-width:38px;height:46px;align-items:center;justify-content:center;padding:0;order:0;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist td.selection input {position:static;appearance:auto;opacity:1;width:16px;height:16px;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist td.flags {position:static;display:flex;align-items:center;width:30px;min-width:30px;order:1;padding:0;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist td.flags .attachment {display:none;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist td.subject {flex:1;min-width:0;order:2;}
}
@media(min-width:1201px) {
 body.task-mail.action-none:not(.cm-has-message) #messagelist-header {justify-content:flex-start;padding-left:14px;}
 body.task-mail.action-none:not(.cm-has-message) #messagelist td {border:0!important;}
}
#taskmenu a {box-sizing:border-box;}
html:root #messagelist .flag .flagged,html:root #messagelist .flag .unflagged {display:inline-block;width:18px;height:18px;vertical-align:middle;background-position:center;background-repeat:no-repeat;background-size:18px;}
html:root #messagelist .flag .flagged:before,html:root #messagelist .flag .unflagged:before {content:none!important;}
html:root #messagelist .flag .flagged {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.8 5.7 6.3.9-4.6 4.4 1.1 6.2L12 17.3l-5.6 2.9 1.1-6.2-4.6-4.4 6.3-.9z' fill='%23fbbc04' stroke='%23fbbc04' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");}
html:root #messagelist .flag .unflagged {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.8 5.7 6.3.9-4.6 4.4 1.1 6.2L12 17.3l-5.6 2.9 1.1-6.2-4.6-4.4 6.3-.9z' fill='none' stroke='%23808488' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");}
body.task-login #login-form {min-width:0;}
@media(max-width:680px) {body.task-login #layout-content {grid-template-columns:minmax(0,1fr);}}