/* ===================== ZOVAN Mail theme for Roundcube Elastic (inbox, compose, settings) ===================== */
body:not(.task-login){font-family:"Poppins","Segoe UI",system-ui,sans-serif;--zb:#0A5BFF;--zb-soft:#E8F0FF;--zn:#071640;--zline:#E1E7F0;--zmuted:#56637A;--zbg:#F4F7FC}
/* left app menu */
body:not(.task-login) #layout-menu{background:linear-gradient(180deg,#0B2A78 0%,#071640 55%)!important;border:0!important}
body:not(.task-login) #layout-menu .popover-header{background:transparent!important;border:0!important}
body:not(.task-login) #layout-menu #logo{border-radius:12px;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}
body:not(.task-login) #taskmenu a{color:#B9C6E4!important;border-radius:12px;margin:2px 8px;width:auto!important;font-weight:500;font-size:11.5px;transition:background .15s,color .15s}
body:not(.task-login) #taskmenu a:before{color:inherit!important}
body:not(.task-login) #taskmenu a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
body:not(.task-login) #taskmenu a.selected{background:rgba(10,91,255,.35)!important;color:#fff!important;box-shadow:inset 3px 0 0 #4D8BFF}
body:not(.task-login) #taskmenu a.compose{background:var(--zb)!important;color:#fff!important;box-shadow:0 10px 20px -10px rgba(10,91,255,.9);margin:6px 8px 12px}
body:not(.task-login) #taskmenu a.compose:hover{background:#0848CC!important}
body:not(.task-login) #taskmenu a.logout{color:#FCA5A5!important}
/* panes */
body:not(.task-login) #layout-sidebar{background:var(--zbg)!important;border-right:1px solid var(--zline)!important}
body:not(.task-login) #layout-list,body:not(.task-login) #layout-content{background:#fff}
body:not(.task-login) .header{background:#fff!important;border-bottom:1px solid var(--zline)!important}
body:not(.task-login) #layout-sidebar > .header{background:var(--zbg)!important}
body:not(.task-login) .header-title{font-weight:600;color:var(--zn)}
body:not(.task-login) #layout-sidebar .header-title.username{font-size:13.5px;color:var(--zmuted);font-weight:500}
/* folders */
body:not(.task-login) #mailboxlist{padding:8px 0}
body:not(.task-login) #mailboxlist li,body:not(.task-login) .listing li{border:0!important}
body:not(.task-login) #mailboxlist li a{border-radius:10px;margin:2px 10px;font-size:14px;color:#24324F;font-weight:500}
body:not(.task-login) #mailboxlist li a:hover{background:#EAF0FA}
body:not(.task-login) #mailboxlist li.selected > a,body:not(.task-login) #mailboxlist li.selected > div > a{background:var(--zb-soft)!important;color:var(--zb)!important;font-weight:600}
body:not(.task-login) #mailboxlist li.selected{background:transparent!important}
body:not(.task-login) #mailboxlist li a:before{color:inherit}
body:not(.task-login) .unreadcount,body:not(.task-login) #mailboxlist .unreadcount{background:var(--zb)!important;color:#fff!important;border-radius:20px!important;font-weight:600;padding:0 8px}
body:not(.task-login) .quota-widget .bar{border-radius:10px;overflow:hidden}body:not(.task-login) .quota-widget .bar .value{background:var(--zb)!important}
/* search */
body:not(.task-login) .searchbar{background:#fff!important;border-bottom:1px solid var(--zline)!important;padding:8px 10px!important}
body:not(.task-login) .searchbar input{background:var(--zbg)!important;border-radius:24px!important;border:1px solid transparent!important;font-family:inherit}
body:not(.task-login) .searchbar input:focus{border-color:var(--zb)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(10,91,255,.12)}
/* message list */
body:not(.task-login) table.messagelist tr td{border-color:#EEF2F7!important}
body:not(.task-login) table.messagelist tr:hover td{background:#F6F9FF}
body:not(.task-login) table.messagelist tr.selected td,body:not(.task-login) table.messagelist tr.focused.selected td{background:var(--zb-soft)!important;color:inherit}
body:not(.task-login) table.messagelist tr.selected td.subject{box-shadow:inset 3px 0 0 var(--zb)}
body:not(.task-login) table.messagelist td.subject{position:relative;padding-left:62px!important}
body:not(.task-login) table.messagelist .fromto{font-weight:500;color:#24324F;font-size:14px}
body:not(.task-login) table.messagelist tr.unread .fromto,body:not(.task-login) table.messagelist tr.unread span.subject a{font-weight:700!important;color:var(--zn)}
body:not(.task-login) table.messagelist span.subject a{color:#3A4763;font-weight:400}
body:not(.task-login) table.messagelist .date{color:var(--zmuted);font-size:12px}
body:not(.task-login) table.messagelist tr.unread .date{color:var(--zb);font-weight:600}
body:not(.task-login) table.messagelist .msgicon.status.unread:before{color:var(--zb)!important}
.zav{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font:600 14px "Poppins",sans-serif;letter-spacing:.02em;pointer-events:none;box-shadow:0 2px 6px -2px rgba(7,22,64,.35)}
body:not(.task-login) table.messagelist.withselection td.subject{padding-left:62px!important}
/* reading pane and buttons */
body:not(.task-login) #layout-content .header{box-shadow:none}
body:not(.task-login) .toolbar a.button,body:not(.task-login) .toolbar a{color:var(--zmuted)}
body:not(.task-login) .toolbar a:not(.disabled):hover{color:var(--zb)!important}
body:not(.task-login) .btn-primary,body:not(.task-login) .button.mainaction,body:not(.task-login) .formbuttons .btn.mainaction,body:not(.task-login) .btn.send{background:var(--zb)!important;border-color:var(--zb)!important;border-radius:10px;font-weight:600}
body:not(.task-login) .floating-action-buttons a.compose,body:not(.task-login) .floating-action-buttons a.button{background:var(--zb)!important;box-shadow:0 10px 24px -10px rgba(10,91,255,.9)}
body:not(.task-login) .listing li.selected,body:not(.task-login) .listing tr.selected td{background-color:var(--zb-soft)!important}
body:not(.task-login) .watermark{opacity:.25;filter:grayscale(1)}
body:not(.task-login) .form-control:focus{border-color:var(--zb);box-shadow:0 0 0 3px rgba(10,91,255,.12)}
/* dark mode */
html.dark-mode body:not(.task-login){--zb-soft:#13254D;--zline:#22304D;--zmuted:#9FB0D3;--zbg:#0E1729}
html.dark-mode body:not(.task-login) #layout-list,html.dark-mode body:not(.task-login) #layout-content,html.dark-mode body:not(.task-login) .header,html.dark-mode body:not(.task-login) .searchbar{background:#0B1222!important}
html.dark-mode body:not(.task-login) #mailboxlist li a,html.dark-mode body:not(.task-login) table.messagelist .fromto,html.dark-mode body:not(.task-login) table.messagelist span.subject a,html.dark-mode body:not(.task-login) .header-title{color:#E6ECF7}
html.dark-mode body:not(.task-login) table.messagelist tr.unread .fromto,html.dark-mode body:not(.task-login) table.messagelist tr.unread span.subject a{color:#fff}
html.dark-mode body:not(.task-login) table.messagelist tr:hover td{background:#111C33}
html.dark-mode body:not(.task-login) #mailboxlist li a:hover{background:#13213D}
html.dark-mode body:not(.task-login) table.messagelist tr td{border-color:#18233A!important}
/* bottom menu buttons: same navy, no grey boxes */
body:not(.task-login) #taskmenu .special-buttons,body:not(.task-login) #taskmenu .special-buttons a{background:transparent!important}
body:not(.task-login) #taskmenu .special-buttons a:hover{background:rgba(255,255,255,.08)!important}
/* empty reading pane: Nginx serves ZOVAN's own watermark page (see nginx-pwa.conf) */
/* reading a message: friendly text instead of typewriter font, nicer header */
body.action-preview #messagebody div.pre,body.action-show #messagebody div.pre,#messagebody .message-part pre{font-family:"Poppins","Segoe UI",system-ui,sans-serif!important;font-size:14.5px;line-height:1.65;color:#24324F;white-space:pre-wrap}
body.action-preview h2.subject,body.action-show h2.subject{font-family:"Poppins",sans-serif;font-weight:700;color:#081536}
body.action-preview .header-headers a,body.action-show .header-headers a{color:#0A5BFF}
html.dark-mode #messagebody div.pre{color:#E6ECF7}