@import url("../../elastic/styles/styles.min.css");

@font-face{font-family:MKSignika;src:url("../fonts/signika-latin-variable.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:MKOswald;src:url("../fonts/oswald-latin-variable.woff2") format("woff2");font-weight:200 700;font-style:normal;font-display:swap}

:root{color-scheme:light;--mk-bg:#f7f8fa;--mk-panel:#fff;--mk-soft:#f1f3f6;--mk-hover:#e9edf2;--mk-selected:#e5edff;--mk-line:#d9dee7;--mk-line-strong:#b8c1ce;--mk-muted:#657084;--mk-quiet:#8994a5;--mk-text:#111318;--mk-sidebar:#101216;--mk-sidebar-soft:#20242b;--mk-sidebar-text:#d7dce5;--mk-accent:#275efe;--mk-danger:#d54343;--mk-success:#21a46b;--mk-radius:14px;--mk-shadow:0 18px 55px rgba(26,35,50,.14)}
html.dark-mode{color-scheme:dark;--mk-bg:#0d0f12;--mk-panel:#12151a;--mk-soft:#171b21;--mk-hover:#1e242c;--mk-selected:#202b43;--mk-line:#2a3039;--mk-line-strong:#404957;--mk-muted:#aeb8c7;--mk-quiet:#7f8a9a;--mk-text:#f6f7f9;--mk-sidebar:#090b0e;--mk-sidebar-soft:#191d23;--mk-sidebar-text:#e3e7ed;--mk-accent:#7196ff;--mk-danger:#ff7777;--mk-success:#62d6a4;--mk-shadow:0 18px 65px rgba(0,0,0,.42)}

html,body{background:var(--mk-bg);color:var(--mk-text);font-family:MKSignika,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
body{--body-bg-color:var(--mk-bg);--body-color:var(--mk-text);--layout-border:var(--mk-line);--layout-sidebar-bg-color:var(--mk-sidebar);--layout-list-bg-color:var(--mk-panel);--layout-content-bg-color:var(--mk-bg);--menu-hover-bg-color:var(--mk-hover);--list-selected-bg-color:var(--mk-selected);--list-hover-bg-color:var(--mk-soft);--input-bg-color:var(--mk-panel);--input-border-color:var(--mk-line);--input-color:var(--mk-text);--button-bg-color:var(--mk-panel);--button-border-color:var(--mk-line);--button-color:var(--mk-text);--primary-color:var(--mk-accent)}
html,html.dark-mode{scrollbar-color:#505b69 transparent!important;scrollbar-width:thin!important}
html:not(.touch) *::-webkit-scrollbar{width:10px;height:10px}
html:not(.touch) *::-webkit-scrollbar-track,html.dark-mode:not(.touch) *::-webkit-scrollbar-track{background:transparent!important}
html:not(.touch) *::-webkit-scrollbar-thumb{min-height:44px;border:3px solid transparent;border-radius:999px;background:linear-gradient(180deg,#596675,#414b57);background-clip:content-box}
html:not(.touch) *::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7698f4,#5877cf);background-clip:content-box}
html:not(.touch) *::-webkit-scrollbar-button{display:none;width:0;height:0}
html:not(.touch) *::-webkit-scrollbar-corner{background:transparent}
h1,h2,h3,.boxtitle,.header-title,.listing-info .name{font-family:MKOswald,MKSignika,sans-serif;letter-spacing:-.015em}
a{color:var(--mk-text)}a:hover{color:var(--mk-accent)}
*:focus-visible{outline:3px solid var(--mk-accent)!important;outline-offset:2px!important;box-shadow:none!important}
::selection{background:var(--mk-accent);color:#fff}

#layout,#layout-list,#layout-content,.popover,.menu,.dropdown-menu,.modal-content{background-color:var(--mk-panel);color:var(--mk-text)}
#layout-sidebar{border-color:#252a31;background:var(--mk-sidebar);color:var(--mk-sidebar-text)}
#layout-list{border-color:var(--mk-line);background:var(--mk-panel)}
#layout-content{background:var(--mk-bg)}
.header,.footer,.toolbar,.listbox .listing thead td,.listbox .listing thead th{border-color:var(--mk-line);background:color-mix(in srgb,var(--mk-panel) 96%,transparent);color:var(--mk-text)}
.header{min-height:64px}.header-title{font-size:1.42rem}
.menu a,.dropdown-menu a,.listing li,.listing tbody td{color:var(--mk-muted);border-color:var(--mk-line)}
.menu a:hover,.menu a:focus,.dropdown-menu a:hover,.dropdown-menu a:focus,.listing li:hover,.listing tr:hover td{background:var(--mk-soft);color:var(--mk-text)}
.listing .selected,.listing .selected td,.listing tr.selected td{background:var(--mk-selected)!important;color:var(--mk-text)!important;box-shadow:inset 4px 0 var(--mk-accent)}
.listing .unread,.listing .unread td{color:var(--mk-text);font-weight:680}

#taskmenu{padding-top:12px;background:var(--mk-sidebar)}
#taskmenu a{min-height:56px;color:var(--mk-sidebar-text);font-size:1.03rem;border-radius:10px;margin:3px 8px}
#taskmenu a:hover,#taskmenu a.selected{background:var(--mk-sidebar-soft);color:#fff}
#taskmenu a:before{font-size:1.35rem}
#layout-menu #logo{width:46px;height:46px;max-width:46px;max-height:46px;margin:12px auto 8px;object-fit:contain}
#folderlist li>a{padding-top:.78rem;padding-bottom:.78rem;border-radius:9px;margin:2px 8px;color:var(--mk-muted)}
#folderlist li.selected>a,#folderlist li>a:hover{background:var(--mk-selected)!important;color:var(--mk-text)!important;box-shadow:inset 4px 0 var(--mk-accent)}

input:not([type=checkbox]):not([type=radio]),textarea,select,.custom-select,.form-control{border:1px solid var(--mk-line);border-radius:10px;background:var(--mk-panel);color:var(--mk-text)}
input:hover,textarea:hover,select:hover,.form-control:hover{border-color:var(--mk-line-strong)}
input:focus,textarea:focus,select:focus,.form-control:focus{border-color:var(--mk-accent);background:var(--mk-panel);color:var(--mk-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--mk-accent) 18%,transparent)}
.btn,.button{min-height:42px;border:1px solid var(--mk-line);border-radius:10px;background:var(--mk-panel);color:var(--mk-text);font-weight:650;box-shadow:none}
.btn:hover,.button:hover{border-color:var(--mk-line-strong);background:var(--mk-soft);color:var(--mk-text)}
.btn-primary,.button.mainaction,.floating-action-buttons a.button{border-color:var(--mk-text)!important;background:var(--mk-text)!important;color:var(--mk-panel)!important;box-shadow:0 10px 28px rgba(20,25,34,.22)!important}
.btn-primary:hover,.button.mainaction:hover,.floating-action-buttons a.button:hover{opacity:.88}
.btn-danger{border-color:var(--mk-danger);background:transparent;color:var(--mk-danger)}
.alert-success,.confirmation{border-color:var(--mk-success);background:color-mix(in srgb,var(--mk-success) 12%,var(--mk-panel));color:var(--mk-text)}
.alert-danger,.error,.warning{border-color:var(--mk-danger);background:color-mix(in srgb,var(--mk-danger) 12%,var(--mk-panel));color:var(--mk-text)}
#messagestack{right:18px;bottom:18px;display:grid;width:min(390px,calc(100vw - 36px));max-height:calc(100vh - 36px);gap:9px}
#messagestack>div:not(.voice),.ui.alert{min-height:56px;margin:0;padding:11px 13px;border:1px solid var(--mk-line-strong);border-left:3px solid var(--mk-accent);border-radius:13px;background:color-mix(in srgb,var(--mk-accent) 8%,var(--mk-panel))!important;color:var(--mk-text)!important;box-shadow:0 14px 38px rgba(0,0,0,.32);opacity:1}
#messagestack>div:not(.voice)>i.icon,.ui.alert>i.icon{display:grid;flex:0 0 34px;width:34px;height:34px;margin:0 11px 0 0;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--mk-accent) 14%,transparent);color:var(--mk-accent)!important}
#messagestack>div:not(.voice)>i.icon:before,.ui.alert>i.icon:before{width:auto;height:auto;margin:0;color:inherit!important;font-size:16px;line-height:1}
#messagestack>div:not(.voice)>span,.ui.alert>span{min-width:0;color:inherit;font-size:13px;font-weight:600;line-height:1.45}
#messagestack>div.alert-success,.ui.alert:is(.alert-success,.confirmation,.boxconfirmation){border-left-color:var(--mk-success);background:color-mix(in srgb,var(--mk-success) 9%,var(--mk-panel))!important}
#messagestack>div.alert-success>i.icon,.ui.alert:is(.alert-success,.confirmation,.boxconfirmation)>i.icon{background:color-mix(in srgb,var(--mk-success) 15%,transparent);color:var(--mk-success)!important}
#messagestack>div.alert-warning,.ui.alert:is(.alert-warning,.warning,.boxwarning){border-left-color:#f3b94c;background:color-mix(in srgb,#f3b94c 9%,var(--mk-panel))!important}
#messagestack>div.alert-warning>i.icon,.ui.alert:is(.alert-warning,.warning,.boxwarning)>i.icon{background:color-mix(in srgb,#f3b94c 15%,transparent);color:#f3b94c!important}
#messagestack>div.alert-danger,.ui.alert:is(.alert-danger,.error,.boxerror){border-left-color:var(--mk-danger);background:color-mix(in srgb,var(--mk-danger) 9%,var(--mk-panel))!important}
#messagestack>div.alert-danger>i.icon,.ui.alert:is(.alert-danger,.error,.boxerror)>i.icon{background:color-mix(in srgb,var(--mk-danger) 15%,transparent);color:var(--mk-danger)!important}
#messagestack>div.loading{border-left-color:var(--mk-muted);background:var(--mk-panel)!important}
#messagestack>div.loading>i.icon{background:var(--mk-soft);color:var(--mk-muted)!important}
#messagestack a,.ui.alert a:not(.btn){color:inherit!important;text-decoration:underline;text-underline-offset:2px}
#messagestack .btn,.ui.alert .btn{min-height:36px;margin-left:auto;border:1px solid var(--mk-line-strong);border-radius:9px;background:var(--mk-soft)!important;color:var(--mk-text)!important}
@media(max-width:480px){#messagestack{right:12px;bottom:12px;left:12px;width:auto}#messagestack>div:not(.voice),.ui.alert{min-height:54px;border:1px solid var(--mk-line-strong);border-left-width:3px;border-radius:12px}}
.popupmenu,.popover{padding:6px!important;border:1px solid var(--mk-line-strong)!important;border-radius:13px!important;background:var(--mk-panel)!important;box-shadow:0 18px 48px rgba(0,0,0,.4)!important;color:var(--mk-text)!important}
.popupmenu .menu,.popover .menu{margin:0!important;padding:2px!important;background:transparent!important}
.popupmenu .menu li,.popover .menu li{margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.popupmenu .menu li+li,.popover .menu li+li{margin-top:2px!important}
.popupmenu .menu li>a,.popover .menu li>a{display:flex!important;min-height:40px;align-items:center;padding:0 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--mk-muted)!important;box-shadow:none!important;transition:background-color .15s ease,color .15s ease}
.popupmenu .menu li>a:not(.disabled):hover,.popupmenu .menu li>a:not(.disabled):focus,.popover .menu li>a:not(.disabled):hover,.popover .menu li>a:not(.disabled):focus{background:var(--mk-hover)!important;color:var(--mk-text)!important;outline:0!important}
.popupmenu .menu li>a.disabled,.popover .menu li>a.disabled{opacity:.42}

.messagelist td,.contactlist td{padding-top:1rem;padding-bottom:1rem}
#messagelist .subject{font-size:1rem;color:var(--mk-text);font-weight:600}
#messagelist .fromto{font-size:.95rem;color:var(--mk-text)}
#messagelist .date{font-size:.79rem;color:var(--mk-muted)}
#messagelist .msgicon.status{color:var(--mk-accent)}
#layout-list .toolbar a,#layout-content .toolbar a{padding-inline:.7rem}
#layout-list .searchbar{margin:14px;border:1px solid var(--mk-line);border-radius:12px;background:var(--mk-soft)}
#layout-list .searchbar input{background:transparent;border:0}
#message-header{padding:20px 24px;border-color:var(--mk-line);background:var(--mk-panel);color:var(--mk-text)}
.message-part,.message-htmlpart,.message-partheaders{border-color:var(--mk-line);background:var(--mk-panel);color:var(--mk-text)}
.message-part iframe{background:#fff}
#message-content{padding:12px 20px}
.task-mail:is(.action-show,.action-preview) #message-header{margin:16px;padding:22px 24px;border:1px solid var(--mk-line);border-radius:14px;background:var(--mk-panel);box-shadow:var(--mk-shadow)}
.task-mail:is(.action-show,.action-preview) #message-content{max-width:100%;padding:0 16px 24px;overflow-x:hidden}
.task-mail:is(.action-show,.action-preview) .message-part,.task-mail:is(.action-show,.action-preview) .message-htmlpart,.task-mail:is(.action-show,.action-preview) .message-partheaders{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.task-mail:is(.action-show,.action-preview) .message-part iframe{max-width:100%}

#compose-content,.compose-headers,.attachmentslist{background:var(--mk-panel);border-color:var(--mk-line)}
.compose-headers{padding:12px 18px}
.tox .tox-toolbar,.tox .tox-toolbar__primary,.tox .tox-edit-area__iframe,.tox .tox-statusbar{border-color:var(--mk-line)!important;background:var(--mk-soft)!important}
.tox .tox-edit-area__iframe{background:var(--mk-panel)!important}
.ui-dialog,.modal-content{border:1px solid var(--mk-line);border-radius:16px;box-shadow:var(--mk-shadow)}
.settings-default-icon,.preferences-default-icon,.folders-default-icon,.identities-default-icon,.responses-default-icon{color:var(--mk-muted)}

/* Native Roundcube controls inside the approved three-pane mail shell. */
@media(min-width:769px){
body.task-mail.action-none #layout{display:grid!important;grid-template-columns:238px minmax(390px,458px) minmax(0,1fr);grid-template-rows:100vh;width:100vw;height:100vh;overflow:hidden;background:var(--mk-bg)}
html:has(body.task-mail.action-none),body.task-mail.action-none{overflow:hidden}
body.task-mail.action-none #layout-menu{display:none!important}
body.task-mail.action-none #layout-sidebar,body.task-mail.action-none #layout-list,body.task-mail.action-none #layout-content{position:static!important;inset:auto!important;width:auto!important;height:100vh!important;min-width:0!important;max-width:none!important;flex:none!important;transform:none!important;margin:0!important}
body.task-mail.action-none #layout-sidebar{grid-column:1;display:flex!important;flex-direction:column;border-right:1px solid var(--mk-line);background:var(--mk-sidebar);color:var(--mk-sidebar-text)}
body.task-mail.action-none #layout-list{grid-column:2;display:flex!important;flex-direction:column;border-right:1px solid var(--mk-line);background:var(--mk-panel)}
body.task-mail.action-none #layout-content{grid-column:3;display:flex!important;flex-direction:column;background:var(--mk-bg)}
body.task-mail.action-none .mk-mail-brand{display:flex;align-items:center;gap:12px;height:76px;margin:0 16px;padding:0 8px;border-bottom:1px solid #252a31;color:#fff;font-weight:700}
body.task-mail.action-none .mk-mail-brand img{width:36px;height:36px;object-fit:contain}
body.task-mail.action-none .mk-compose-button{display:flex;align-items:center;justify-content:center;min-height:46px;margin:20px 16px 14px;border:0;border-radius:11px;background:#fff;color:#111318;font-weight:700;text-decoration:none}
body.task-mail.action-none .mk-compose-button{font-size:0}
body.task-mail.action-none .mk-compose-button:before{content:"Ny besked";font-size:1rem}
body.task-mail.action-none .mk-compose-button:after{content:"＋";margin-left:auto;padding-right:16px;font-size:1.1rem}
body.task-mail.action-none #layout-sidebar>.header{display:none!important}
body.task-mail.action-none #folderlist-content{flex:1;padding-top:0}
body.task-mail.action-none #folderlist li>a{margin:3px 14px;padding:.78rem 12px;color:var(--mk-sidebar-text);border-radius:9px}
body.task-mail.action-none #folderlist li.selected>a,body.task-mail.action-none #folderlist li>a:hover{background:var(--mk-sidebar-soft)!important;color:#fff!important;box-shadow:none!important}
body.task-mail.action-none #layout-sidebar>.footer{position:static!important;display:block;height:auto;padding:14px 16px 18px;border-top:1px solid #252a31;background:transparent}
body.task-mail.action-none .mk-sidebar-actions{display:grid;gap:4px;margin-top:10px}
body.task-mail.action-none .mk-sidebar-link{display:block;padding:7px 9px;border-radius:8px;color:var(--mk-sidebar-text);text-decoration:none}
body.task-mail.action-none .mk-sidebar-link:hover{background:var(--mk-sidebar-soft);color:#fff}
body.task-mail.action-none #layout-list>.header{order:2;display:flex;min-height:78px;padding:12px 18px;align-items:center;background:var(--mk-panel)}
body.task-mail.action-none #layout-list>.header .header-title{display:flex!important;flex-direction:column;align-items:flex-start;font-size:2.15rem;line-height:1}
body.task-mail.action-none #layout-list>.header .header-title:before{display:none!important;content:none!important}
body.task-mail.action-none #layout-list>.header .toolbar{display:none!important}
body.task-mail.action-none #layout-list>.header .refresh{margin-left:auto}
body.task-mail.action-none #mailsearchform{order:1;align-self:stretch;width:auto!important;flex:none;margin:14px 16px!important;min-height:44px}
body.task-mail.action-none #messagelist-content{order:3;flex:1;min-height:0}
body.task-mail.action-none #layout-list>.footer{order:4;position:static!important;flex:none}
body.task-mail.action-none #messagelist tr{height:var(--mk-fitted-row-height,90px)}
body.task-mail.action-none #messagelist td{padding-top:13px;padding-bottom:13px}
body.task-mail.action-none #messagelist .fromto{font-size:.98rem;font-weight:650}
body.task-mail.action-none #messagelist .subject{font-size:.92rem}
body.task-mail.action-none #messagelist tr.selected td{box-shadow:inset 3px 0 var(--mk-text)!important;background:var(--mk-selected)!important}
body.task-mail.action-none #layout-content>.header{flex:none;min-height:78px;padding:12px 20px;background:var(--mk-panel)}
body.task-mail.action-none #layout-content>.iframe-wrapper{flex:1;min-height:0;background:var(--mk-bg)}
body.task-mail.action-none #layout-content iframe{background:var(--mk-bg)}
}

/* Attachment dialogs and attachment-row actions. */
.ui-dialog.mk-attachment-dialog{width:min(560px,calc(100vw - 28px))!important;overflow:hidden;border:1px solid var(--mk-line)!important;border-radius:18px!important;background:var(--mk-panel)!important;color:var(--mk-text)!important;box-shadow:0 28px 80px rgba(0,0,0,.5)!important}
.ui-dialog.mk-attachment-dialog .ui-dialog-titlebar{display:flex;min-height:64px;align-items:center;padding:0 20px;border:0!important;border-bottom:1px solid var(--mk-line)!important;border-radius:0!important;background:var(--mk-panel)!important;color:var(--mk-text)!important}
.ui-dialog.mk-attachment-dialog .ui-dialog-title{font:600 22px/1.15 MKOswald,sans-serif}
.ui-dialog.mk-attachment-dialog .ui-dialog-titlebar-close{position:absolute;right:14px;top:12px;display:grid;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;place-items:center;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--mk-muted)!important}
.ui-dialog.mk-attachment-dialog .ui-dialog-titlebar-close:hover{background:var(--mk-hover)!important;color:var(--mk-text)!important}
.ui-dialog.mk-attachment-dialog .ui-dialog-content{height:auto!important;min-height:0!important;padding:20px!important;overflow:visible!important;background:var(--mk-panel)!important;color:var(--mk-text)!important}
.ui-dialog.mk-attachment-dialog :is(input[type="text"],input:not([type])){height:48px!important;padding:0 14px!important;border:1px solid var(--mk-line)!important;border-radius:11px!important;background:var(--mk-soft)!important;color:var(--mk-text)!important;box-shadow:none!important}
.ui-dialog.mk-attachment-dialog :is(input[type="text"],input:not([type])):focus{border-color:var(--mk-accent)!important;outline:0!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mk-accent) 18%,transparent)!important}
.ui-dialog.mk-attachment-dialog label{color:var(--mk-muted)!important;font-weight:600}
.ui-dialog.mk-attachment-dialog .ui-dialog-buttonpane{margin:0!important;padding:14px 20px!important;border:0!important;border-top:1px solid var(--mk-line)!important;background:var(--mk-panel)!important}
.ui-dialog.mk-attachment-dialog .ui-dialog-buttonset{display:flex!important;flex-direction:row-reverse;gap:9px}
.ui-dialog.mk-attachment-dialog .ui-dialog-buttonpane button{min-height:44px;margin:0!important;padding:0 18px!important;border:1px solid var(--mk-line)!important;border-radius:10px!important;background:transparent!important;color:var(--mk-text)!important;box-shadow:none!important}
.ui-dialog.mk-attachment-dialog .ui-dialog-buttonpane button:first-child{border-color:var(--mk-accent)!important;background:var(--mk-accent)!important;color:#fff!important}
.ui-dialog.mk-attachment-dialog .ui-dialog-buttonpane button:hover{background:var(--mk-hover)!important}.ui-dialog.mk-attachment-dialog .ui-dialog-buttonpane button:first-child:hover{background:color-mix(in srgb,var(--mk-accent) 86%,#fff)!important}
.ui-dialog.mk-attachment-dialog .ui-resizable-handle{display:none!important}
.ui-dialog.mk-attachment-properties-dialog table{width:100%;overflow:hidden;border:1px solid var(--mk-line);border-radius:12px;border-collapse:separate;border-spacing:0;background:var(--mk-bg)}
.ui-dialog.mk-attachment-properties-dialog tr+tr>*{border-top:1px solid var(--mk-line)}
.ui-dialog.mk-attachment-properties-dialog :is(th,td){height:46px;padding:0 14px!important;border-left:0!important;border-right:0!important;background:transparent!important;color:var(--mk-text)!important;text-align:left}.ui-dialog.mk-attachment-properties-dialog th{width:110px;color:var(--mk-muted)!important;font-weight:600}
body.task-mail.action-compose #attachment-list li{display:flex!important;min-height:42px;align-items:center;gap:6px;padding:4px 5px 4px 10px;border:1px solid var(--mk-line)!important;border-radius:10px;background:var(--mk-soft)!important;color:var(--mk-text)!important}
body.task-mail.action-compose #attachment-list li>*{min-width:0}body.task-mail.action-compose #attachment-list .attachment{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.task-mail.action-compose #attachment-list :is(.dropbutton,.dropdown,.delete){display:grid!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;margin:0!important;padding:0!important;place-items:center;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--mk-muted)!important;box-shadow:none!important}
body.task-mail.action-compose #attachment-list :is(.dropbutton,.dropdown,.delete):hover{background:var(--mk-hover)!important;color:var(--mk-text)!important}body.task-mail.action-compose #attachment-list :is(.dropbutton,.dropdown):focus-visible{outline:2px solid var(--mk-accent)!important;outline-offset:1px}
@media(max-width:600px){.ui-dialog.mk-attachment-dialog{width:calc(100vw - 20px)!important}.ui-dialog.mk-attachment-dialog .ui-dialog-content{padding:16px!important}.ui-dialog.mk-attachment-dialog .ui-dialog-buttonpane{padding:12px 16px!important}}

.task-login #layout{background:var(--mk-bg)}
.task-login #layout-content{display:flex!important;min-height:100vh;flex-direction:column;align-items:flex-end!important;justify-content:center!important;padding:0 10vw;background:linear-gradient(90deg,var(--mk-sidebar) 0 55%,var(--mk-panel) 55% 100%)}
.task-login #layout-content:before{content:"En bedre arbejdsdag\A begynder i indbakken.";white-space:pre;position:absolute;left:6vw;top:50%;transform:translateY(-50%);max-width:44vw;color:#fff;font:600 clamp(2.8rem,5vw,5.4rem)/.98 MKOswald,sans-serif;letter-spacing:-.035em}
.task-login #logo{position:absolute!important;left:6vw;top:44px!important;width:190px;max-height:54px;margin:0}
#login-form{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:min(440px,38vw);max-width:none!important;margin:0!important;padding:44px;border:1px solid var(--mk-line);border-radius:18px;background:var(--mk-panel);box-shadow:var(--mk-shadow);text-align:left}
#login-form::before{content:"Velkommen tilbage";display:block;margin-bottom:8px;color:var(--mk-text);font:600 2.8rem/1 MKOswald,sans-serif;letter-spacing:-.025em}
#login-form::after{content:"Sikker adgang til MK Branding Webmail";display:block;margin-top:24px;padding-top:18px;border-top:1px solid var(--mk-line);color:var(--mk-quiet);font-size:.82rem;text-align:center}
#login-form .form-group{margin-bottom:17px}
#login-form input{min-height:54px;padding-inline:16px;background:var(--mk-soft)!important;color:var(--mk-text)!important;font-size:1rem}
#login-form .input-group-text{border-color:var(--mk-line)!important;background:var(--mk-soft)!important;color:var(--mk-muted)!important}
#login-form .button{min-height:52px;width:100%}
#rcmloginsubmit{font-size:0!important;text-transform:none!important;border-color:var(--mk-text)!important;background:var(--mk-text)!important;color:var(--mk-panel)!important}
#rcmloginsubmit::after{content:"Log ind  →";font-size:1rem;line-height:1}
#login-footer{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:auto;margin:16px 0 0;color:var(--mk-quiet);text-align:center}

@media(max-width:1024px){.task-login #layout-content{padding-right:5vw}.task-login #layout-content:before{left:4vw;font-size:clamp(2.4rem,5vw,4rem)}#login-form{width:min(420px,44vw);padding:34px}.popover,.modal-dialog{max-width:calc(100vw - 28px)}}
@media(max-width:768px){html,body{font-size:15px}.task-login #layout-content{display:flex!important;padding:22px;align-items:center!important;justify-content:center!important;background:var(--mk-bg)}.task-login #layout-content:before{display:none}.task-login #logo{position:static!important;width:190px;margin:0 auto 28px}.task-login #layout-content{flex-direction:column}.task-login #login-form{width:min(470px,100%);padding:30px 22px;border-radius:16px}.task-login #login-form::before{font-size:2.25rem}#login-footer{position:static;width:auto;margin-top:18px}.header-title{font-size:1.2rem}.btn,.button{min-height:44px}.modal-dialog{margin-inline:10px}.form-group.row{margin-inline:0}.messagelist td{padding-top:.82rem;padding-bottom:.82rem}#message-header{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){*:focus-visible{outline:3px solid CanvasText!important}.btn,.button,input,textarea,select{border:1px solid CanvasText}}
@media(max-width:768px){.mk-mail-brand,.mk-compose-button,.mk-sidebar-actions{display:none!important}}

/* Pixel-aligned production shell based on the approved inbox mockup. */
@media(min-width:769px){
body.task-mail.action-none #layout{grid-template-columns:238px 458px minmax(0,1fr)}
body.task-mail.action-none #layout-sidebar{padding:0 14px 14px;background:#090b0d}
body.task-mail.action-none .mk-mail-brand{height:78px;margin:0 2px;padding:0 8px;gap:11px}
body.task-mail.action-none .mk-mail-brand img{width:34px;height:34px;border-radius:10px;background:#fff}
body.task-mail.action-none .mk-compose-button{height:44px;margin:20px 2px 16px;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.2)}
body.task-mail.action-none .mk-compose-button{min-height:50px;padding:0 8px 0 18px;justify-content:flex-start;letter-spacing:.01em}
body.task-mail.action-none .mk-compose-button:after{display:grid;width:32px;height:32px;margin-left:auto;padding:0;place-items:center;border-radius:9px;background:#111316;color:#fff}
body.task-mail.action-none #folderlist-content{overflow:visible}
body.task-mail.action-none #mailboxlist{display:grid;gap:4px}
body.task-mail.action-none #mailboxlist li{border:0!important}
body.task-mail.action-none #mailboxlist li>a{display:flex;min-height:42px;align-items:center;margin:0;padding:0 13px;border:0!important;border-radius:10px;color:#9ea4ab}
body.task-mail.action-none #mailboxlist li.selected{background:transparent!important;box-shadow:none!important}
body.task-mail.action-none #mailboxlist li.selected>a{background:linear-gradient(100deg,rgba(113,150,255,.16),#181b20 58%)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(113,150,255,.16),0 7px 20px rgba(0,0,0,.2)!important}
body.task-mail.action-none #mailboxlist li>a:hover{background:#181b20!important;color:#fff!important;box-shadow:none!important}
body.task-mail.action-none #mailboxlist li.mailbox .unreadcount{margin-left:auto;padding:2px 8px;border-radius:10px;background:#fff;color:#111316;font-size:11px}
body.task-mail.action-none #layout-sidebar>.footer{padding:12px 2px 0;border-color:#292d32}
body.task-mail.action-none .mk-sidebar-actions{gap:4px;margin:0}
body.task-mail.action-none .mk-sidebar-link{min-height:40px;padding:10px 13px;color:#9ea4ab}
body.task-mail.action-none .mk-sidebar-link:hover{background:#181b20;color:#fff}
body.task-mail.action-none .mk-profile{display:block;margin-top:12px;padding:14px 8px 4px;border-top:1px solid #292d32}
body.task-mail.action-none .mk-profile-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#fff;color:#111316;font:700 21px MKOswald}
body.task-mail.action-none .mk-profile>span:last-child{display:grid;min-width:0}
body.task-mail.action-none .mk-profile b,body.task-mail.action-none .mk-profile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.task-mail.action-none .mk-profile small{color:#8c949e;font-size:11px}
body.task-mail.action-none #layout-list{position:relative!important;overflow:visible!important}
body.task-mail.action-none #layout-list>.searchbar{z-index:5;order:1;align-self:stretch;width:auto!important;min-width:0;min-height:44px;margin:14px 16px!important;overflow:visible;border-color:var(--mk-line);border-radius:12px;background:var(--mk-soft);box-shadow:none}
body.task-mail.action-none #layout-list>.searchbar form{width:100%}
body.task-mail.action-none #mailsearchform{width:100%!important;height:42px;margin:0!important;color:var(--mk-text);font-size:15px}
body.task-mail.action-none #layout-list>.searchbar:focus-within{border-color:var(--mk-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mk-accent) 24%,transparent)}
body.task-mail.action-none #mailsearchform:focus{border:0!important;outline:0!important;box-shadow:none!important}
body.task-mail.action-none #searchmenu{position:absolute!important;z-index:60;left:16px;top:66px;width:420px;max-height:calc(100vh - 92px);margin:0;padding:18px;border:1px solid var(--mk-line-strong);border-radius:16px;background:var(--mk-panel);box-shadow:var(--mk-shadow);overflow:auto}
body.task-mail.action-none #searchmenu.hidden{display:none!important}
body.task-mail.action-none #searchmenu .formcontent{padding:0;background:transparent}
body.task-mail.action-none #searchmenu .proplist{display:grid;gap:8px;margin:0 0 16px;padding:0}
body.task-mail.action-none #searchmenu .proplist>li{min-height:34px;padding:0;border:0;background:transparent}
body.task-mail.action-none #searchmenu .form-group{margin:0 0 10px}
body.task-mail.action-none #searchmenu .form-group label{color:var(--mk-muted);font-size:12px}
body.task-mail.action-none #searchmenu select{min-height:44px;border-radius:10px;background:var(--mk-soft)}
body.task-mail.action-none #searchmenu .formbuttons{margin:16px 0 0;padding:0;border:0}
body.task-mail.action-none #searchmenu .formbuttons button{width:100%;min-height:46px;border-radius:11px}
body.task-mail.action-none #layout-list>.header{min-height:78px;padding:0 16px;border-color:var(--mk-line);background:var(--mk-panel)}
body.task-mail.action-none #layout-list>.header .header-title{margin-left:0!important;font-size:2.15rem}
body.task-mail.action-none #layout-list>.header .refresh{width:40px;height:40px;border:1px solid var(--mk-line);border-radius:10px;background:var(--mk-panel)}
body.task-mail.action-none #layout-list>.header .refresh{font-size:0!important}
body.task-mail.action-none #layout-list>.header .refresh:before{font-size:1.2rem!important}
body.task-mail.action-none #messagelist-content{background:var(--mk-panel)}
body.task-mail.action-none #messagelist tr{height:var(--mk-fitted-row-height,92px);border-color:var(--mk-line);background:var(--mk-panel)}
body.task-mail.action-none #messagelist tr:hover td{background:var(--mk-hover)!important}
body.task-mail.action-none #messagelist tr.selected td{background:var(--mk-selected)!important;box-shadow:inset 3px 0 var(--mk-accent)!important}
body.task-mail.action-none #messagelist tr.focused:not(.selected) td{border-color:var(--mk-line)!important;box-shadow:none!important}
body.task-mail.action-none #messagelist tr.focused td{border-top-color:var(--mk-line)!important;border-bottom-color:var(--mk-line)!important}
body.task-mail.action-none #messagelist td.subject{position:relative;height:92px;padding:11px 38px 10px 70px!important;border-color:var(--mk-line)}
body.task-mail.action-none #messagelist .mk-message-avatar{position:absolute;left:18px;top:16px;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;font-size:11px;font-weight:700}
body.task-mail.action-none #messagelist .mk-avatar-0{background:#263956;color:#b9d2ff}
body.task-mail.action-none #messagelist .mk-avatar-1{background:#41294c;color:#ecc2ff}
body.task-mail.action-none #messagelist .mk-avatar-2{background:#203d31;color:#a9e9c5}
body.task-mail.action-none #messagelist .mk-avatar-3{background:#4a3020;color:#ffd0ad}
body.task-mail.action-none #messagelist .fromto{display:block;padding-right:70px;color:var(--mk-text);font-size:13px;font-weight:700}
body.task-mail.action-none #messagelist .date{position:absolute;right:17px;top:16px;color:#747c86;font-size:11px}
body.task-mail.action-none #messagelist .subject a{display:block;margin-top:4px;overflow:hidden;color:var(--mk-text);font-size:13px;font-weight:600;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
body.task-mail.action-none #messagelist .mk-message-preview{display:block;margin-top:3px;overflow:hidden;color:var(--mk-muted);font-size:11px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
body.task-mail.action-none #messagelist td.flags{position:absolute;right:10px;bottom:13px;width:24px;border:0;background:transparent!important}
body.task-mail.action-none #messagelist tr.selected td.flags,
body.task-mail.action-none #messagelist tr.focused td.flags{background:transparent!important;box-shadow:none!important}
body.task-mail.action-none #messagelist td.flags.mk-flags-empty{display:none!important}
body.task-mail.action-none #messagelist td.subject.mk-has-attachment::after{position:absolute;right:15px;bottom:12px;color:var(--mk-muted);content:"\f0c6";font-family:"Font Awesome 5 Free";font-size:14px;font-weight:900}
body.task-mail.action-none #layout-list>.footer{height:54px;border-color:var(--mk-line);background:var(--mk-panel)}
body.task-mail.action-none #layout-content>.header{min-height:78px;margin-top:72px;padding:0 24px;border-color:var(--mk-line);background:var(--mk-panel)}
body.task-mail.action-none.mk-no-message-selected #layout-content{background:#090b0d!important}
body.task-mail.action-none.mk-no-message-selected #layout-content>.header{display:none!important}
body.task-mail.action-none.mk-no-message-selected #layout-content>.iframe-wrapper{visibility:visible!important}
body.task-mail.action-none #layout-content>.header .toolbar{display:flex!important;width:100%;max-width:100%;height:auto;margin:0;padding:0;align-items:center;flex-flow:row nowrap!important;gap:5px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
body.task-mail.action-none #layout-content>.header .toolbar>li{display:flex;min-height:40px;align-items:center;border:0!important;background:transparent!important;box-shadow:none!important}
body.task-mail.action-none #layout-content>.header .toolbar>li.spacer{display:none!important}
body.task-mail.action-none #layout-content>.header .toolbar .dropbutton{display:flex;align-items:center}
body.task-mail.action-none #layout-content>.header .toolbar a{min-width:40px;height:40px;padding:0 12px;border:0!important;border-radius:9px;background:transparent!important;color:var(--mk-muted);box-shadow:none!important;transition:background-color .16s ease,color .16s ease,transform .16s ease}
body.task-mail.action-none #layout-content>.header .toolbar a:not(.dropdown){display:flex!important;width:auto!important;align-items:center;justify-content:center;gap:7px}
body.task-mail.action-none #layout-content>.header .toolbar a.hidden{display:none!important}
body.task-mail.action-none #layout-content>.header .toolbar a:not(.dropdown):before{position:static!important;display:inline-block;margin:0;line-height:1}
body.task-mail.action-none #layout-content>.header .toolbar a:not(.dropdown) .inner{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;line-height:1;font-size:13px}
body.task-mail.action-none #layout-content>.header .toolbar a.dropdown{width:26px!important;min-width:26px;padding:0;border:0!important;border-radius:8px}
body.task-mail.action-none #layout-content>.header .toolbar a:not(.disabled):hover{background:color-mix(in srgb,var(--mk-accent) 9%,transparent)!important;color:var(--mk-text);box-shadow:none!important;transform:translateY(-1px)}
body.task-mail.action-none #layout-content>.header .toolbar a:focus-visible{outline:2px solid color-mix(in srgb,var(--mk-accent) 72%,transparent);outline-offset:1px}
body.task-mail.action-none #layout-content>.header .toolbar .dropbutton{display:flex;align-items:center;border:0!important;border-radius:9px;background:transparent!important;box-shadow:none!important;transition:background-color .16s ease}
body.task-mail.action-none #layout-content>.header .toolbar .dropbutton:hover{background:color-mix(in srgb,var(--mk-accent) 9%,transparent)!important}
body.task-mail.action-none #layout-content>.header .toolbar .dropbutton:hover>a{background:transparent!important;transform:none}
body.task-mail.action-none #layout-content>.header .toolbar .dropbutton>a:first-child{border-radius:9px 0 0 9px}
body.task-mail.action-none #layout-content>.header .toolbar .dropbutton>a.dropdown{border-radius:0 9px 9px 0}
body.task-mail.action-none #layout-content>.header .toolbar a:is(.delete,.markmessage,.more){width:40px!important;min-width:40px!important;padding:0!important}
body.task-mail.action-none #layout-content>.header .toolbar a:is(.delete,.markmessage,.more) .inner{display:none!important}
@media(min-width:769px){body.task-mail.action-none #layout-content>.header .toolbar a:is(.select,.threads,.options){display:none!important}}
body.task-mail.action-none #layout-content>.iframe-wrapper,body.task-mail.action-none #layout-content iframe{background:var(--mk-bg)}
body.task-mail.action-none .listing-hover-menu{display:none!important}
body.task-mail.action-none #layout-content>.header .toolbar a.reply .inner,body.task-mail.action-none #layout-content>.header .toolbar a.reply-all .inner,body.task-mail.action-none #layout-content>.header .toolbar a.forward .inner{font-size:0}
body.task-mail.action-none #layout-content>.header .toolbar a.reply .inner:after{content:"Svar";font-size:13px}
body.task-mail.action-none #layout-content>.header .toolbar a.reply-all .inner:after{content:"Svar alle";font-size:13px}
body.task-mail.action-none #layout-content>.header .toolbar a.forward .inner:after{content:"Videresend";font-size:13px}
body.task-mail.action-compose{background:var(--mk-bg)}
@media(min-width:769px){body.task-mail.action-compose #layout{display:grid!important;grid-template-columns:78px minmax(560px,1fr) 300px;background:var(--mk-bg)}body.task-mail.action-compose #layout-menu{position:static!important;grid-column:1;width:auto!important;height:100vh;background:var(--mk-sidebar)}body.task-mail.action-compose #layout-content{position:static!important;grid-column:2;width:auto!important;max-width:none!important;height:100vh;background:var(--mk-bg)}body.task-mail.action-compose #layout-sidebar{position:static!important;grid-column:3;width:auto!important;max-width:none!important;height:100vh;border-left:1px solid var(--mk-line);background:var(--mk-panel)}}
body.task-mail.action-compose #layout-content>.header{min-height:72px;padding:0 22px;border-bottom:1px solid var(--mk-line);background:var(--mk-panel)}
body.task-mail.action-compose #toolbar-menu{display:flex!important;height:100%;align-items:center;gap:5px;border:0;background:transparent}
body.task-mail.action-compose #toolbar-menu>li{border:0!important;background:transparent!important}
body.task-mail.action-compose #toolbar-menu a{min-height:40px;padding:0 12px;border:0!important;border-radius:9px;background:transparent!important;color:var(--mk-muted)!important;box-shadow:none!important}
body.task-mail.action-compose #toolbar-menu a:not(.disabled):hover{background:var(--mk-hover)!important;color:var(--mk-text)!important}
body.task-mail.action-compose #toolbar-menu .dropbutton:has(>a[href="#languages"]){display:flex!important;align-items:stretch;gap:0!important;overflow:hidden;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;transition:background-color .16s ease,border-color .16s ease}
body.task-mail.action-compose #toolbar-menu .dropbutton:has(>a[href="#languages"]):hover{border-color:var(--mk-line)!important;background:var(--mk-hover)!important}
body.task-mail.action-compose #toolbar-menu .dropbutton:has(>a[href="#languages"]):focus-within{border-color:var(--mk-line)!important;box-shadow:none!important;outline:0!important}
body.task-mail.action-compose #toolbar-menu .dropbutton:has(>a[href="#languages"])>a{min-height:40px;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important}
body.task-mail.action-compose #toolbar-menu .dropbutton:has(>a[href="#languages"])>a:first-child{padding-right:7px!important}
body.task-mail.action-compose #toolbar-menu .dropbutton:has(>a[href="#languages"])>a[href="#languages"]{display:grid!important;width:28px!important;min-width:28px!important;padding:0!important;place-items:center}
body.task-mail.action-compose #toolbar-menu .dropbutton:has(>a[href="#languages"])>a:hover{background:transparent!important;color:var(--mk-text)!important}
body.task-mail.action-compose #compose-content{width:min(920px,calc(100% - 40px));height:auto;min-height:calc(100vh - 112px);margin:20px auto;padding:0 0 22px;overflow:auto;border:1px solid var(--mk-line);border-radius:17px;background:var(--mk-panel);box-shadow:0 18px 50px rgba(0,0,0,.2)}
body.task-mail.action-compose #compose-headers{padding:22px 24px 12px;border:0;border-bottom:1px solid var(--mk-line);background:transparent}
body.task-mail.action-compose #compose-headers .form-group{margin:0 0 13px;align-items:center}
body.task-mail.action-compose #compose-headers label{color:var(--mk-muted);font-size:12px;font-weight:700;letter-spacing:.03em}
body.task-mail.action-compose #compose-headers :is(input,select,.recipient-input){min-height:44px;border:1px solid var(--mk-line-strong)!important;border-radius:10px!important;background:var(--mk-soft)!important;color:var(--mk-text)!important;box-shadow:none!important}
body.task-mail.action-compose #compose-headers :is(input,select,.recipient-input):focus,body.task-mail.action-compose #compose-headers .recipient-input.focus{border-color:var(--mk-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mk-accent) 20%,transparent)!important}
body.task-mail.action-compose #composebodycontainer{margin:20px 24px;border:1px solid var(--mk-line);border-radius:12px;background:var(--mk-bg);overflow:hidden}
body.task-mail.action-compose #composebody{min-height:360px;padding:20px;border:0!important;background:var(--mk-bg)!important;color:var(--mk-text)!important;font-size:15px;line-height:1.65;box-shadow:none!important}
body.task-mail.action-compose #compose-content>.footer{padding:0 24px;border:0;background:transparent}
body.task-mail.action-compose button.send{min-height:44px;padding:0 20px;border:0;border-radius:10px;background:var(--mk-accent)!important;color:#fff!important;box-shadow:0 10px 24px color-mix(in srgb,var(--mk-accent) 24%,transparent)}
body.task-mail.action-compose #layout-sidebar>.header{min-height:72px;border-bottom:1px solid var(--mk-line);background:var(--mk-panel);color:var(--mk-text)}
body.task-mail.action-compose #layout-sidebar>.scroller{padding:16px}
body.task-mail.action-compose #compose-attachments,body.task-mail.action-compose #compose-options{margin-bottom:14px;padding:16px;border:1px solid var(--mk-line);border-radius:12px;background:var(--mk-soft)}
@media(max-width:768px){body.task-mail.action-compose #compose-content{width:100%;min-height:calc(100vh - 58px);margin:0;border:0;border-radius:0;box-shadow:none}body.task-mail.action-compose #compose-headers{padding:16px 14px 8px}body.task-mail.action-compose #composebodycontainer{margin:14px}body.task-mail.action-compose #compose-content>.footer{padding:0 14px 14px}}

/* Compose canvas: keep the global navigation/toolbars intact and modernise only the message form. */
@media(min-width:769px){
body.task-mail.action-compose #compose-content{display:grid;grid-template-rows:minmax(0,1fr) auto;width:calc(100% - 40px);height:calc(100vh - 112px);min-height:560px;max-width:980px;margin:20px auto;padding:0;overflow:hidden}
body.task-mail.action-compose #compose-content>.formcontent{display:flex;min-height:0;flex-direction:column;overflow:hidden}
}
body.task-mail.action-compose #compose-headers{display:flex;flex:0 0 auto;flex-direction:column;gap:11px;padding:22px 26px 20px}
body.task-mail.action-compose #compose-headers .form-group{display:grid!important;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;width:100%;margin:0!important}
body.task-mail.action-compose #compose-headers .form-group.hidden{display:none!important}
body.task-mail.action-compose #compose-headers .form-group>label,body.task-mail.action-compose #compose-headers .form-group>div{width:auto!important;max-width:none!important;padding:0!important;flex:none!important}
body.task-mail.action-compose #compose-headers label{font-size:12px;text-transform:uppercase;letter-spacing:.08em}
body.task-mail.action-compose #compose-headers :is(input,select,.recipient-input){width:100%;min-height:46px}
body.task-mail.action-compose #compose-headers .input-group{display:flex;width:100%;gap:7px}
body.task-mail.action-compose #compose-headers .input-group>*{min-width:0}
body.task-mail.action-compose #compose-headers .input-group-append,body.task-mail.action-compose #compose-headers .input-group-prepend{display:flex;flex:0 0 auto;gap:6px;margin:0}
body.task-mail.action-compose #compose-headers .btn{width:46px!important;min-width:46px;min-height:46px;padding:0;border:1px solid var(--mk-line-strong)!important;border-radius:10px!important;background:var(--mk-soft)!important;color:var(--mk-muted)!important;box-shadow:none!important}
body.task-mail.action-compose #compose-headers .btn:hover{border-color:var(--mk-accent)!important;background:var(--mk-hover)!important;color:var(--mk-text)!important}
body.task-mail.action-compose #composebodycontainer{position:relative;display:flex;min-height:0;flex:1 1 auto;flex-direction:column;margin:0 26px 18px;border-radius:14px}
body.task-mail.action-compose #composebodycontainer>.editor-toolbar{position:static!important;z-index:auto;order:1;display:flex;flex:0 0 42px;width:100%!important;height:42px!important;align-items:center;padding:0 12px;border:0;border-bottom:1px solid var(--mk-line);background:var(--mk-soft)}
body.task-mail.action-compose #composebodycontainer>.editor-toolbar a{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;color:var(--mk-muted)}
body.task-mail.action-compose #composebodycontainer>.editor-toolbar a:hover{background:var(--mk-hover);color:var(--mk-text)}
body.task-mail.action-compose #composebodycontainer>#composebody{position:static!important;order:2;width:100%!important;height:auto!important;min-height:180px;flex:1 1 auto;padding:22px 24px;resize:none;overflow:auto;border-radius:0!important;background:var(--mk-bg)!important;font-size:16px;line-height:1.65}
body.task-mail.action-compose #compose-content>.formbuttons{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:12px;padding:12px 26px 16px;border-top:1px solid var(--mk-line);background:var(--mk-panel)}
body.task-mail.action-compose #compose-content>.formbuttons button.send{display:inline-flex;min-width:116px;align-items:center;justify-content:center;margin:0;padding:0 22px;border-radius:11px;font-size:15px;font-weight:700}
body.task-mail.action-compose #compose-content>.formbuttons .extwin{display:inline-flex;min-height:44px;align-items:center;margin:0;padding:0 16px;border:1px solid var(--mk-line)!important;border-radius:10px;background:transparent!important;color:var(--mk-muted)!important;text-decoration:none;box-shadow:none!important}
body.task-mail.action-compose #compose-content>.formbuttons .extwin:hover{border-color:var(--mk-line-strong)!important;background:var(--mk-hover)!important;color:var(--mk-text)!important}
@media(max-width:768px){
body.task-mail.action-compose #compose-content{display:grid;grid-template-rows:minmax(0,1fr) auto;height:calc(100vh - 58px);overflow:hidden;padding:0}
body.task-mail.action-compose #compose-content>.formcontent{display:flex;min-height:0;flex-direction:column;overflow:hidden}
body.task-mail.action-compose #compose-headers{gap:9px;padding:15px 14px}
body.task-mail.action-compose #compose-headers .form-group{grid-template-columns:1fr;gap:5px}
body.task-mail.action-compose #composebodycontainer{margin:0 14px 12px}
body.task-mail.action-compose #compose-content>.formbuttons{min-height:64px;padding:10px 14px 12px}
body.task-mail.action-compose #compose-content>.formbuttons button.send{min-width:104px}
}

/* Compose controls: neutralise Elastic's wrapping input groups and clipped task menu. */
@media(min-width:769px){
body.task-mail.action-compose #layout{grid-template-columns:108px minmax(560px,1fr) 300px}
body.task-mail.action-compose #layout-menu{box-sizing:border-box;padding:12px 10px 10px;overflow:hidden}
body.task-mail.action-compose #layout-menu .popover-header{display:flex;justify-content:center;padding:0;border:0;background:transparent}
body.task-mail.action-compose #layout-menu #logo{width:42px;height:42px;margin:0 auto 8px}
body.task-mail.action-compose #layout-menu .mk-shell-name{display:block;margin:0 0 14px;color:var(--mk-sidebar-text);font-size:12px;font-weight:700;line-height:1.25;text-align:center;white-space:nowrap}
body.task-mail.action-compose #taskmenu{display:flex;height:calc(100vh - 88px);flex-direction:column;padding:0;background:transparent}
body.task-mail.action-compose #taskmenu :is(.action-buttons,.special-buttons){display:contents}
body.task-mail.action-compose #taskmenu .special-buttons:before{content:"";flex:1}
body.task-mail.action-compose #taskmenu a{box-sizing:border-box;width:100%;min-height:58px;margin:3px 0;padding:8px 4px;border:0!important;border-radius:11px;background:transparent;color:var(--mk-sidebar-text);font-size:12px;line-height:1.15;text-align:center;overflow:visible;white-space:normal}
body.task-mail.action-compose #taskmenu a:before{display:block;margin:0 auto 5px;font-size:20px;line-height:22px}
body.task-mail.action-compose #taskmenu a .inner{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.task-mail.action-compose #taskmenu a:hover,body.task-mail.action-compose #taskmenu a.selected{background:var(--mk-sidebar-soft)!important;color:#fff!important}
}
body.task-mail.action-compose #compose-headers .input-group{display:flex!important;flex-wrap:nowrap!important;align-items:stretch;gap:8px}
body.task-mail.action-compose #compose-headers .input-group>:is(select,.recipient-input){width:auto!important;min-width:0!important;flex:1 1 auto!important}
body.task-mail.action-compose #compose-headers #_from{height:48px;padding:0 15px;border-radius:11px!important;font-size:15px;font-weight:600}
body.task-mail.action-compose #compose-headers .input-group-append{width:44px!important;min-width:44px;flex:0 0 44px!important}
body.task-mail.action-compose #compose-headers .input-group-text{display:grid!important;width:44px!important;height:48px;min-width:44px!important;padding:0!important;place-items:center;border-radius:11px!important}
body.task-mail.action-compose #compose_to .recipient-input{display:flex!important;min-height:48px;padding:5px 7px!important;align-items:center;gap:5px;overflow:hidden!important;border-radius:11px!important}
body.task-mail.action-compose #compose_to .recipient-input>li.recipient{display:inline-flex;max-width:min(260px,55%);height:36px;align-items:center;margin:0!important;padding:0 7px 0 11px;border:1px solid color-mix(in srgb,var(--mk-accent) 30%,var(--mk-line));border-radius:9px;background:color-mix(in srgb,var(--mk-accent) 11%,var(--mk-soft));color:var(--mk-text)}
body.task-mail.action-compose #compose_to .recipient-input .recipient .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
body.task-mail.action-compose #compose_to .recipient-input .recipient .email{display:none!important}
body.task-mail.action-compose #compose_to .recipient-input .recipient .remove{display:grid;width:24px;height:24px;min-width:24px;margin-left:5px;place-items:center;border:0!important;border-radius:7px;background:transparent!important;color:var(--mk-muted)!important}
body.task-mail.action-compose #compose_to .recipient-input .recipient .remove:hover{background:var(--mk-hover)!important;color:var(--mk-text)!important}
body.task-mail.action-compose #compose_to .recipient-input>li.input{display:flex!important;min-width:120px;flex:1 1 140px;align-items:center;margin:0!important;padding:0!important}
body.task-mail.action-compose #compose_to .recipient-input>li.input>input{width:100%!important;height:34px!important;min-height:34px!important;padding:0 7px!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.task-mail.action-compose #compose_subject input{height:48px;padding:0 15px;font-size:15px}

/* Final compose polish: one calm outline per field and a native-looking utility area. */
body.task-mail.action-compose #compose-headers .input-group{gap:0!important;border:1px solid var(--mk-line)!important;border-radius:12px;background:var(--mk-soft);box-shadow:none!important;overflow:hidden}
body.task-mail.action-compose #compose-headers .input-group:focus-within{border-color:var(--mk-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mk-accent) 16%,transparent)!important}
body.task-mail.action-compose #compose-headers .input-group>:is(select,.recipient-input){border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.task-mail.action-compose #compose-headers .input-group-append{width:42px!important;min-width:42px;flex-basis:42px!important;border-left:1px solid var(--mk-line)}
body.task-mail.action-compose #compose-headers .input-group-text{width:42px!important;height:48px;min-width:42px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--mk-muted)!important}
body.task-mail.action-compose #compose-headers .input-group-text:hover{background:var(--mk-hover)!important;color:var(--mk-text)!important}
body.task-mail.action-compose #compose_subject input{border-color:var(--mk-line)!important;border-radius:12px!important;background:var(--mk-soft)!important;box-shadow:none!important}
body.task-mail.action-compose #compose_subject input:focus{border-color:var(--mk-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mk-accent) 16%,transparent)!important}
body.task-mail.action-compose #compose_to .recipient-input>li.recipient{height:34px;padding:0 5px 0 11px;border:0;border-radius:9px;background:color-mix(in srgb,var(--mk-accent) 13%,var(--mk-panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mk-accent) 28%,var(--mk-line))}
body.task-mail.action-compose #compose_to .recipient-input .recipient .remove{display:grid!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-height:24px!important;align-self:center;margin:0 0 0 5px!important;padding:0!important;place-items:center;line-height:1!important;transform:none!important}
body.task-mail.action-compose #compose_to .recipient-input .recipient .remove:before{display:block!important;width:auto!important;height:auto!important;margin:0!important;font-size:13px!important;line-height:1!important;transform:none!important}
@media(min-width:769px){
body.task-mail.action-compose #taskmenu .special-buttons:before{margin:0 0 8px;border-bottom:1px solid color-mix(in srgb,var(--mk-sidebar-text) 13%,transparent)}
body.task-mail.action-compose #taskmenu .special-buttons a{display:grid!important;grid-template-columns:22px minmax(0,1fr);width:100%;min-height:42px;height:42px;margin:2px 0;padding:0 9px;align-items:center;border:0!important;border-radius:9px;background:transparent!important;box-shadow:none!important;font-size:11px;text-align:left}
body.task-mail.action-compose #taskmenu .special-buttons a:before{display:block;margin:0;font-size:16px;line-height:1;text-align:center}
body.task-mail.action-compose #taskmenu .special-buttons a .inner{padding-left:6px;text-align:left}
body.task-mail.action-compose #taskmenu .special-buttons a.logout{color:var(--mk-danger)}
body.task-mail.action-compose #taskmenu .special-buttons a:hover{background:var(--mk-sidebar-soft)!important}
}

/* Contact picker opened from the compose recipient field. */
.ui-dialog:has(#directorylist){width:min(560px,calc(100vw - 28px))!important;overflow:hidden;border:1px solid var(--mk-line)!important;border-radius:18px!important;background:var(--mk-panel)!important;box-shadow:0 28px 80px rgba(0,0,0,.48)!important}
.ui-dialog:has(#directorylist) .ui-dialog-titlebar{display:flex;min-height:64px;align-items:center;padding:0 20px;border:0!important;border-bottom:1px solid var(--mk-line)!important;border-radius:0!important;background:var(--mk-panel)!important;color:var(--mk-text)!important}
.ui-dialog:has(#directorylist) .ui-dialog-title{font:600 22px/1.15 MKOswald,sans-serif}
.ui-dialog:has(#directorylist) .ui-dialog-title:after{content:none}
.ui-dialog:has(#directorylist) .ui-dialog-titlebar-close{position:absolute;right:14px;top:12px;display:grid;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;place-items:center;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--mk-muted)!important}
.ui-dialog:has(#directorylist) .ui-dialog-titlebar-close:hover{background:var(--mk-hover)!important;color:var(--mk-text)!important}
.ui-dialog:has(#directorylist) .ui-dialog-content{height:min(540px,calc(100vh - 190px))!important;padding:16px 18px 0!important;overflow:hidden!important;background:var(--mk-panel)!important;color:var(--mk-text)!important}
.ui-dialog:has(#directorylist) .listbox{display:grid;height:100%;grid-template-rows:auto auto minmax(0,1fr) auto;border:0!important;background:transparent!important}
.ui-dialog:has(#directorylist) #contactsearchbox{margin:0 0 12px!important;border:1px solid var(--mk-line)!important;border-radius:11px!important;background:var(--mk-soft)!important;overflow:hidden}
.ui-dialog:has(#directorylist) #contactsearchbox:focus-within{border-color:var(--mk-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mk-accent) 16%,transparent)!important}
.ui-dialog:has(#directorylist) #searchform{height:44px!important;padding:0 44px 0 14px!important;border:0!important;background:transparent!important;color:var(--mk-text)!important;box-shadow:none!important}
.ui-dialog:has(#directorylist) #directorylist{margin:0 0 12px;padding:4px;border:1px solid var(--mk-line);border-radius:12px;background:var(--mk-bg)}
.ui-dialog:has(#directorylist) #directorylist li{border:0!important;background:transparent!important}
.ui-dialog:has(#directorylist) #directorylist li+li{margin-top:2px}
.ui-dialog:has(#directorylist) #directorylist a{display:flex;min-height:44px;align-items:center;padding:0 12px;border:0!important;border-radius:9px;background:transparent!important;color:var(--mk-muted)!important}
.ui-dialog:has(#directorylist) #directorylist a:hover,.ui-dialog:has(#directorylist) #directorylist .selected a{background:var(--mk-hover)!important;color:var(--mk-text)!important}
.ui-dialog:has(#directorylist) #contacts-table{width:100%;background:transparent;color:var(--mk-text)}
.ui-dialog:has(#directorylist) .pagenav{display:flex;min-height:52px;align-items:center;justify-content:center;gap:8px;margin:0!important;padding:8px 0;border-top:1px solid var(--mk-line);background:transparent!important}
.ui-dialog:has(#directorylist) .pagenav a{display:grid;width:38px;height:36px;min-height:36px;margin:0;place-items:center;border:0!important;border-radius:9px;background:transparent!important;color:var(--mk-muted)!important}
.ui-dialog:has(#directorylist) .pagenav a:not(.disabled):hover{background:var(--mk-hover)!important;color:var(--mk-text)!important}
.ui-dialog:has(#directorylist) .pagenav a.disabled{opacity:.28}
.ui-dialog:has(#directorylist) .ui-dialog-buttonpane{margin:0!important;padding:14px 18px!important;border:0!important;border-top:1px solid var(--mk-line)!important;background:var(--mk-panel)!important}
.ui-dialog:has(#directorylist) .ui-dialog-buttonset{display:flex!important;flex-direction:row-reverse;gap:9px}
.ui-dialog:has(#directorylist) .ui-dialog-buttonpane button{min-height:44px;margin:0!important;padding:0 18px;border-radius:10px!important}
.ui-dialog:has(#directorylist) .ui-dialog-buttonpane .insert{border-color:var(--mk-accent)!important;background:var(--mk-accent)!important;color:#fff!important}
.ui-dialog:has(#directorylist) .ui-dialog-buttonpane .cancel{border:1px solid var(--mk-line)!important;background:transparent!important;color:var(--mk-muted)!important}
.ui-dialog:has(#directorylist) .ui-resizable-handle{display:none!important}
@media(max-width:600px){.ui-dialog:has(#directorylist){width:calc(100vw - 20px)!important}.ui-dialog:has(#directorylist) .ui-dialog-content{height:calc(100vh - 180px)!important;padding-inline:12px!important}.ui-dialog:has(#directorylist) .ui-dialog-buttonpane{padding:12px!important}}

/* The compose view uses the same MK Branding navigation shell as the inbox. */
@media(min-width:769px){
body.task-mail.action-compose #layout{grid-template-columns:238px minmax(560px,1fr) 300px}
body.task-mail.action-compose #layout-menu{padding:0 14px 14px;background:#090b0d}
body.task-mail.action-compose #layout-menu>:not(.mk-compose-shell){display:none!important}
body.task-mail.action-compose .mk-compose-shell{display:flex;height:100%;min-height:0;flex-direction:column;color:var(--mk-sidebar-text)}
body.task-mail.action-compose .mk-compose-brand{display:flex;height:72px;flex:0 0 72px;align-items:center;gap:11px;margin:0 2px;padding:0 8px;border-bottom:1px solid #252a31;color:#fff;font-weight:700}
body.task-mail.action-compose .mk-compose-brand img{width:34px;height:34px;border-radius:10px;background:#fff;object-fit:contain}
body.task-mail.action-compose .mk-compose-new{display:flex;height:50px;min-height:50px;align-items:center;margin:20px 2px 16px;padding:0 8px 0 18px;border-radius:12px;background:#fff;color:#111318;font-weight:700;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.2);cursor:default}
body.task-mail.action-compose .mk-compose-new b{display:grid;width:32px;height:32px;margin-left:auto;place-items:center;border-radius:9px;background:#111316;color:#fff;font-size:18px;font-weight:500}
body.task-mail.action-compose .mk-compose-folders{display:grid;gap:4px}
body.task-mail.action-compose .mk-compose-folders a{display:flex;min-height:42px;align-items:center;gap:8px;padding:0 13px;border:0;border-radius:10px;color:#9ea4ab;text-decoration:none}
body.task-mail.action-compose .mk-compose-folders a:before{display:block;width:23.5938px;flex:0 0 23.5938px;color:inherit;font-family:Icons;font-size:20px;font-style:normal;font-weight:900;line-height:1;text-align:center}
body.task-mail.action-compose .mk-compose-folders .inbox:before{content:"\f01c"}
body.task-mail.action-compose .mk-compose-folders .drafts:before{content:"\f303"}
body.task-mail.action-compose .mk-compose-folders .sent:before{content:"\f1d8"}
body.task-mail.action-compose .mk-compose-folders .junk:before{content:"\f7a4"}
body.task-mail.action-compose .mk-compose-folders .trash:before{content:"\f2ed"}
body.task-mail.action-compose .mk-compose-folders a span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.task-mail.action-compose .mk-compose-folders a:hover{background:#181b20;color:#fff}
body.task-mail.action-compose .mk-compose-utilities{display:grid;gap:4px;margin:0 2px;margin-top:auto;padding:16px 8px;border-top:1px solid #252a31}
body.task-mail.action-compose .mk-compose-utilities a{display:flex;min-height:38px;align-items:center;padding:0 7px;border-radius:8px;color:#b7c1d0;text-decoration:none}
body.task-mail.action-compose .mk-compose-utilities a:hover{background:#181b20;color:#fff}
body.task-mail.action-compose .mk-compose-utilities .logout{color:#ff7777}
body.task-mail.action-compose .mk-compose-profile{display:flex;flex-direction:column;gap:5px;margin:0 2px;padding:17px 8px 8px;border-top:1px solid #252a31;color:#fff}
body.task-mail.action-compose .mk-compose-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:MKOswald,MKSignika,sans-serif;font-size:15px}
body.task-mail.action-compose .mk-compose-profile small{color:#8290a5;font-size:11px}
}
@media(max-width:768px){body.task-mail.action-compose .mk-compose-shell{display:none!important}}
}

.task-mail:is(.action-show,.action-preview){background:var(--mk-bg)}
.task-mail:is(.action-show,.action-preview) #message-header{max-width:880px;margin:24px auto 0;padding:28px 30px 24px;border-color:var(--mk-line);border-radius:18px 18px 0 0;background:var(--mk-panel);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.task-mail:is(.action-show,.action-preview) #message-header h2.subject{margin:0 0 18px;color:var(--mk-text);font:600 clamp(26px,3vw,38px)/1.08 MKOswald,sans-serif;letter-spacing:-.025em}
.task-mail:is(.action-show,.action-preview) #message-header .header{min-height:54px;background:transparent}
.task-mail:is(.action-show,.action-preview) #message-header .contactphoto{width:48px;height:48px;border-radius:14px;content:url('../images/logo-small.svg');background:#fff}
.task-mail:is(.action-show,.action-preview) #message-header .header-summary{color:var(--mk-muted);font-size:13px}
.task-mail:is(.action-show,.action-preview) #message-header .header-links{margin-top:7px}
.task-mail:is(.action-show,.action-preview) #message-content{max-width:880px;margin:0 auto 24px;padding:0 30px 30px;border:1px solid var(--mk-line);border-top:0;border-radius:0 0 18px 18px;background:var(--mk-panel);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.task-mail:is(.action-show,.action-preview) .message-part{padding-top:24px;border:0;background:var(--mk-panel);font-size:15px;line-height:1.75}
.task-mail:is(.action-show,.action-preview) .message-htmlpart{background:transparent!important;color:var(--mk-text)!important;overflow-wrap:anywhere;word-break:break-word}
.task-mail:is(.action-show,.action-preview) .message-part .pre{padding:0!important;background:transparent!important;color:var(--mk-text)!important;white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word}
.task-mail:is(.action-show,.action-preview) .ui.alert.boxinformation{display:flex;align-items:center;gap:12px;margin:20px 0 0;padding:16px 18px;border:1px solid var(--mk-line);border-radius:14px;background:var(--mk-soft)!important;color:var(--mk-text)!important}
.task-mail:is(.action-show,.action-preview) .ui.alert.boxinformation i.icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--mk-panel)}
.task-mail:is(.action-show,.action-preview) .ui.alert.boxinformation .boxbuttons{margin-left:auto}
.task-mail:is(.action-show,.action-preview) .ui.alert.boxinformation .btn{min-height:38px;border-radius:9px;background:var(--mk-text)!important;color:var(--mk-panel)!important}

/* Shared MK Branding workspace for Contacts and Settings. */
@media(min-width:769px){
html:has(body.task-addressbook),html:has(body.task-settings),body.task-addressbook,body.task-settings{overflow:hidden}
body.task-addressbook #layout,body.task-settings #layout{display:grid!important;grid-template-columns:238px 250px 330px minmax(0,1fr);grid-template-rows:100vh;width:100vw;height:100vh;overflow:hidden;background:var(--mk-bg)}
body.task-addressbook #layout-menu,body.task-settings #layout-menu,body.task-addressbook #layout-sidebar,body.task-settings #layout-sidebar,body.task-addressbook #layout-list,body.task-settings #layout-list,body.task-addressbook #layout-content,body.task-settings #layout-content{position:static!important;inset:auto!important;width:auto!important;height:100vh!important;min-width:0!important;max-width:none!important;transform:none!important;margin:0!important}
body.task-addressbook #layout-menu,body.task-settings #layout-menu{grid-column:1;display:flex!important;flex-direction:column;padding:0 14px 14px;border-right:1px solid #252a31;background:#090b0d;color:var(--mk-sidebar-text)}
body.task-addressbook #layout-menu .popover-header,body.task-settings #layout-menu .popover-header{display:flex;align-items:center;height:78px;margin:0 2px;padding:0 8px;border-bottom:1px solid #252a31;background:transparent}
body.task-addressbook #layout-menu #logo,body.task-settings #layout-menu #logo{width:34px;height:34px;max-width:34px;max-height:34px;margin:0;border-radius:10px;background:#fff;object-fit:contain}
body.task-addressbook .mk-shell-name,body.task-settings .mk-shell-name{position:absolute;top:28px;left:66px;color:#fff;font-weight:700;pointer-events:none}
body.task-addressbook #taskmenu,body.task-settings #taskmenu{display:flex!important;width:100%!important;max-width:none!important;flex:1;flex-direction:column;padding:16px 0 0;background:transparent}
body.task-addressbook #taskmenu a,body.task-settings #taskmenu a{display:flex!important;width:calc(100% - 4px)!important;max-width:none!important;min-height:46px;flex:0 0 auto;align-items:center;gap:12px;margin:3px 2px;padding:0 13px;border-radius:9px;color:var(--mk-sidebar-text);text-decoration:none}
body.task-addressbook #taskmenu a .inner,body.task-settings #taskmenu a .inner{display:block!important;font-size:.96rem}
body.task-addressbook #taskmenu a:before,body.task-settings #taskmenu a:before{width:24px;margin:0;font-size:1.05rem;text-align:center}
body.task-addressbook #taskmenu .selected,body.task-settings #taskmenu .selected{background:var(--mk-sidebar-soft)!important;color:#fff!important}
body.task-addressbook #taskmenu .light-mode,body.task-settings #taskmenu .light-mode{margin-top:auto}
body.task-addressbook #taskmenu .special-buttons,body.task-settings #taskmenu .special-buttons{position:static!important;inset:auto!important;display:block!important;width:100%!important;max-width:none!important;margin-top:auto}
body.task-addressbook #taskmenu .theme,body.task-settings #taskmenu .theme,body.task-addressbook #taskmenu .about,body.task-settings #taskmenu .about,body.task-addressbook #taskmenu .logout,body.task-settings #taskmenu .logout{height:42px!important;min-height:42px!important;margin-block:2px;border:0!important;background:transparent!important;box-shadow:none!important}
body.task-addressbook #taskmenu .theme:hover,body.task-settings #taskmenu .theme:hover,body.task-addressbook #taskmenu .about:hover,body.task-settings #taskmenu .about:hover,body.task-addressbook #taskmenu .logout:hover,body.task-settings #taskmenu .logout:hover{background:var(--mk-sidebar-soft)!important;color:#fff!important}
body.task-addressbook #taskmenu .logout,body.task-settings #taskmenu .logout{color:#ff7777}
body.task-addressbook #layout-sidebar,body.task-settings #layout-sidebar{grid-column:2;display:flex!important;flex-direction:column;border-right:1px solid var(--mk-line);background:var(--mk-panel)}
body.task-addressbook #layout-list,body.task-settings #layout-list{grid-column:3;display:flex!important;flex-direction:column;border-right:1px solid var(--mk-line);background:var(--mk-panel)}
body.task-addressbook #layout-content,body.task-settings #layout-content{grid-column:4;display:flex!important;flex-direction:column;background:var(--mk-bg)}
body.task-addressbook #layout-sidebar>.header,body.task-settings #layout-sidebar>.header,body.task-addressbook #layout-list>.header,body.task-settings #layout-list>.header{min-height:78px;padding:12px 18px;border-bottom:1px solid var(--mk-line);background:var(--mk-panel)}
body.task-addressbook .header-title,body.task-settings .header-title{font-size:1.65rem;color:var(--mk-text)}
body.task-addressbook #layout-sidebar .listing,body.task-settings #layout-sidebar .listing,body.task-addressbook #layout-list .listing,body.task-settings #layout-list .listing{padding:10px}
body.task-addressbook #layout-sidebar .listing li,body.task-settings #layout-sidebar .listing li,body.task-addressbook #layout-list .listing tr td,body.task-settings #layout-list .listing tr td{border:0;border-radius:9px;color:var(--mk-muted)}
body.task-addressbook #layout-sidebar .listing .selected,body.task-settings #layout-sidebar .listing .selected,body.task-addressbook #layout-list .listing .selected,body.task-settings #layout-list .listing .selected{background:var(--mk-selected)!important;color:var(--mk-text)!important;box-shadow:none!important}
body.task-addressbook #layout-list>.searchbar{margin:14px!important;border-color:var(--mk-line);background:var(--mk-soft)}
body.task-addressbook #layout-list>.footer,body.task-settings #layout-list>.footer{position:static!important;margin-top:auto;border-top:1px solid var(--mk-line);background:var(--mk-panel)}
body.task-addressbook #layout-content>.header,body.task-settings #layout-content>.header{min-height:78px;padding:12px 20px;border-bottom:1px solid var(--mk-line);background:var(--mk-panel)}
body.task-addressbook #layout-content>.iframe-wrapper,body.task-settings #layout-content>.iframe-wrapper{flex:1;min-height:0;background:var(--mk-bg)}
body.task-addressbook #layout-content iframe,body.task-settings #layout-content iframe{background:var(--mk-bg)}
body.task-settings #layout-list .listing td{min-height:52px;padding:15px 14px;font-size:.96rem}
body.task-addressbook #contacts-table .contact{min-height:64px;padding:12px}
}

@media(max-width:768px){
body.task-addressbook #layout-menu,body.task-settings #layout-menu{background:var(--mk-sidebar)}
body.task-addressbook #taskmenu a,body.task-settings #taskmenu a{color:var(--mk-sidebar-text)}
body.task-addressbook #layout-sidebar,body.task-settings #layout-sidebar,body.task-addressbook #layout-list,body.task-settings #layout-list{background:var(--mk-panel)}
}

@media(max-width:768px){
.task-mail.action-none #messagelist td.subject{position:relative;min-height:88px;padding:12px 12px 11px 58px!important}
.task-mail.action-none #messagelist .mk-message-avatar{position:absolute;left:12px;top:13px;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;font-size:10px;font-weight:700}
.task-mail.action-none #messagelist .mk-avatar-0{background:#263956;color:#b9d2ff}.task-mail.action-none #messagelist .mk-avatar-1{background:#41294c;color:#ecc2ff}.task-mail.action-none #messagelist .mk-avatar-2{background:#203d31;color:#a9e9c5}.task-mail.action-none #messagelist .mk-avatar-3{background:#4a3020;color:#ffd0ad}
.task-mail.action-none #messagelist .fromto{padding-right:76px;font-size:13px}.task-mail.action-none #messagelist .date{position:absolute;right:10px;top:13px;font-size:10px}
.task-mail.action-none #messagelist .subject a{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-mail.action-none #messagelist .mk-message-preview{display:block;margin-top:4px;overflow:hidden;color:var(--mk-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
}