@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --rasil-bg:#f4f3ee;
  --rasil-surface:#fbfaf6;
  --rasil-panel:#ebeae4;
  --rasil-text:#11110f;
  --rasil-soft:#4f4e49;
  --rasil-faint:#77756e;
  --rasil-rule:#d2d0c7;
  --rasil-rule-strong:#b8b5aa;
}
html.dark-mode{
  --rasil-bg:#090909;
  --rasil-surface:#11110f;
  --rasil-panel:#161614;
  --rasil-text:#f1f0eb;
  --rasil-soft:#b8b6af;
  --rasil-faint:#7e7c76;
  --rasil-rule:#2a2a26;
  --rasil-rule-strong:#3b3b35;
}
html,body{
  background:var(--rasil-bg)!important;
  color:var(--rasil-text)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
::selection{background:var(--rasil-text);color:var(--rasil-bg)}
button,input,textarea,select{font:inherit}
a{color:var(--rasil-text)}
a:hover{color:var(--rasil-soft)}

#layout,
#layout-menu,
#layout-sidebar,
#layout-list,
#layout-content,
#layout-content .header,
#layout-content .footer,
#layout-list .header,
#layout-list .footer,
#layout-sidebar .header,
#layout-sidebar .footer{
  background:var(--rasil-bg)!important;
  color:var(--rasil-text)!important;
  border-color:var(--rasil-rule)!important;
}
#layout-menu{
  background:var(--rasil-surface)!important;
  border-right:1px solid var(--rasil-rule-strong)!important;
}
#taskmenu a,
#taskmenu .button{
  color:var(--rasil-soft)!important;
  border-radius:0!important;
}
#taskmenu a:hover,
#taskmenu .selected{
  color:var(--rasil-text)!important;
  background:transparent!important;
}
#taskmenu .selected{
  box-shadow:inset 2px 0 0 var(--rasil-text);
}
#layout-menu #logo,
.popover-header #logo{
  filter:brightness(0)!important;
}
html.dark-mode #layout-menu #logo,
html.dark-mode .popover-header #logo{
  filter:brightness(0) invert(1)!important;
}
#layout-menu .popover-header{
  background:var(--rasil-surface)!important;
  border-color:var(--rasil-rule)!important;
}

.listing,
.listing li,
.listing tbody,
.listing tr,
.listing td,
.listing th,
.messagelist,
.messagelist tbody,
.messagelist tr,
.messagelist td{
  background:var(--rasil-bg)!important;
  color:var(--rasil-text)!important;
  border-color:var(--rasil-rule)!important;
}
.listing tr:hover td,
.messagelist tr:hover td,
.listing li:hover{
  background:var(--rasil-panel)!important;
}
.listing .selected,
.messagelist tr.selected td,
.listing li.selected{
  background:var(--rasil-panel)!important;
  color:var(--rasil-text)!important;
}
.listing .unread,
.messagelist .unread{font-weight:600!important}
.listing .secondary,
.listing .date,
.messagelist .date,
.messagelist .size,
.message-header .header-title,
.text-muted,
.text-secondary{
  color:var(--rasil-faint)!important;
}

.toolbar,
.toolbar-menu,
.popupmenu,
.menu,
.dropdown-menu,
.popover,
.modal-content{
  background:var(--rasil-surface)!important;
  color:var(--rasil-text)!important;
  border-color:var(--rasil-rule-strong)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.toolbar a,
.toolbar button,
.popupmenu a,
.menu a,
.dropdown-menu a{
  color:var(--rasil-soft)!important;
}
.toolbar a:hover,
.toolbar button:hover,
.popupmenu a:hover,
.menu a:hover,
.dropdown-menu a:hover{
  background:var(--rasil-panel)!important;
  color:var(--rasil-text)!important;
}

input.form-control,
textarea.form-control,
select.form-control,
.custom-select,
.input-group-text,
.form-control,
.searchbar input,
#searchform input{
  background:var(--rasil-surface)!important;
  color:var(--rasil-text)!important;
  border:1px solid var(--rasil-rule-strong)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
input:focus,
textarea:focus,
select:focus,
.form-control:focus{
  border-color:var(--rasil-text)!important;
  box-shadow:none!important;
  outline:1px solid var(--rasil-text)!important;
  outline-offset:1px!important;
}
input::placeholder,textarea::placeholder{color:var(--rasil-faint)!important}

.btn,
.button,
button{
  border-radius:0!important;
  box-shadow:none!important;
}
.btn-primary,
.button.mainaction,
button.mainaction{
  background:var(--rasil-text)!important;
  border-color:var(--rasil-text)!important;
  color:var(--rasil-bg)!important;
}
.btn-primary:hover,
.button.mainaction:hover,
button.mainaction:hover{
  background:transparent!important;
  border-color:var(--rasil-text)!important;
  color:var(--rasil-text)!important;
}
.btn-secondary,
.btn-light{
  background:transparent!important;
  border-color:var(--rasil-rule-strong)!important;
  color:var(--rasil-text)!important;
}
.btn-secondary:hover,
.btn-light:hover{
  background:var(--rasil-panel)!important;
}

.header-title,
.boxtitle,
.panel-title,
h1,h2,h3,h4,h5,h6{
  font-family:"Barlow Condensed",Inter,sans-serif!important;
  color:var(--rasil-text)!important;
  font-weight:500!important;
}
.header-title{
  text-transform:uppercase;
  letter-spacing:.06em;
}
#layout-content .header,
#layout-list .header,
#layout-sidebar .header{
  border-bottom:1px solid var(--rasil-rule)!important;
}

.message-header,
.message-part,
.message-partheaders,
.message-htmlpart,
#messagebody,
#messageheader{
  background:var(--rasil-surface)!important;
  color:var(--rasil-text)!important;
  border-color:var(--rasil-rule)!important;
}

body.task-login{
  min-height:100vh;
  background:var(--rasil-bg)!important;
}
body.task-login #layout{
  min-height:100vh;
  display:grid;
  place-items:center;
  background:var(--rasil-bg)!important;
}
body.task-login #layout-content{
  width:min(100% - 40px,460px)!important;
  max-width:460px!important;
  margin:0!important;
  padding:44px 38px 34px!important;
  background:var(--rasil-surface)!important;
  border:1px solid var(--rasil-rule-strong)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.task-login #logo{
  display:block;
  width:min(220px,72%)!important;
  height:auto!important;
  max-height:150px!important;
  margin:0 auto 30px!important;
  filter:brightness(0)!important;
}
html.dark-mode body.task-login #logo{
  filter:brightness(0) invert(1)!important;
}
body.task-login #login-form table{width:100%!important}
body.task-login #login-form td.title{
  width:100%!important;
  display:block!important;
  padding:0 0 6px!important;
  color:var(--rasil-soft)!important;
  font-size:.72rem!important;
}
body.task-login #login-form td.input{
  width:100%!important;
  display:block!important;
  padding:0 0 18px!important;
}
body.task-login #login-form input{
  min-height:46px!important;
  width:100%!important;
  background:var(--rasil-bg)!important;
  color:var(--rasil-text)!important;
  border:1px solid var(--rasil-rule-strong)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.task-login #login-form input:focus{
  border-color:var(--rasil-text)!important;
  outline:1px solid var(--rasil-text)!important;
}
body.task-login #rcmloginsubmit{
  width:100%!important;
  min-height:46px!important;
  margin-top:6px!important;
  font-family:"Barlow Condensed",Inter,sans-serif!important;
  font-size:.82rem!important;
  font-weight:600!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
body.task-login #login-footer{display:none!important}
body.task-login:before{
  content:"RASĪL";
  position:fixed;
  top:24px;
  left:28px;
  color:var(--rasil-text);
  font-family:"Barlow Condensed",Inter,sans-serif;
  font-size:1rem;
  font-weight:600;
  letter-spacing:.16em;
}
body.task-login:after{
  content:"PRIVATE AL-ILM MAIL";
  position:fixed;
  bottom:22px;
  left:28px;
  color:var(--rasil-faint);
  font-family:"Barlow Condensed",Inter,sans-serif;
  font-size:.68rem;
  letter-spacing:.18em;
}

@media(max-width:768px){
  body.task-login:before,
  body.task-login:after{left:18px}
  body.task-login #layout-content{padding:34px 24px 28px!important}
}


/* Rasīl mockup layout — wide branded rail + full inbox workspace */
@media screen and (min-width:1025px){
  body.task-mail #layout{
    background:var(--rasil-bg)!important;
  }

  body.task-mail #layout-menu{
    width:232px!important;
    min-width:232px!important;
    max-width:232px!important;
    display:flex!important;
    flex-direction:column!important;
    background:var(--rasil-surface)!important;
    border-right:1px solid var(--rasil-rule-strong)!important;
  }

  body.task-mail #layout-menu .popover-header.rasil-brand{
    height:112px!important;
    min-height:112px!important;
    padding:18px 16px!important;
    display:grid!important;
    grid-template-columns:58px 1fr!important;
    align-items:center!important;
    gap:12px!important;
    text-align:left!important;
    background:var(--rasil-surface)!important;
    border-bottom:1px solid var(--rasil-rule)!important;
  }

  body.task-mail #layout-menu .popover-header #logo{
    width:58px!important;
    max-width:58px!important;
    height:58px!important;
    max-height:58px!important;
    padding:0!important;
    object-fit:contain!important;
  }

  .rasil-brand-copy{
    display:flex;
    flex-direction:column;
    min-width:0;
  }
  .rasil-brand-copy strong{
    font-family:"Barlow Condensed",Inter,sans-serif;
    color:var(--rasil-text);
    font-size:1.35rem;
    font-weight:500;
    letter-spacing:.22em;
    line-height:1;
  }
  .rasil-brand-copy small{
    margin-top:7px;
    color:var(--rasil-faint);
    font-family:"Barlow Condensed",Inter,sans-serif;
    font-size:.62rem;
    font-weight:600;
    letter-spacing:.18em;
  }

  body.task-mail #taskmenu{
    display:flex!important;
    flex:1!important;
    flex-direction:column!important;
    min-height:0!important;
    padding:0!important;
  }

  body.task-mail #taskmenu .action-buttons{
    display:block!important;
    padding:18px 14px!important;
    border-bottom:1px solid var(--rasil-rule)!important;
  }

  body.task-mail #taskmenu .action-buttons .compose{
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    margin:0!important;
    padding:0 14px!important;
    background:var(--rasil-text)!important;
    color:var(--rasil-bg)!important;
    border:1px solid var(--rasil-text)!important;
    border-radius:0!important;
    font-family:"Barlow Condensed",Inter,sans-serif!important;
    font-size:.95rem!important;
    font-weight:600!important;
    letter-spacing:.04em!important;
    text-transform:none!important;
  }
  body.task-mail #taskmenu .action-buttons .compose:before{
    color:inherit!important;
    margin-right:8px!important;
  }
  body.task-mail #taskmenu .action-buttons .compose:hover{
    background:transparent!important;
    color:var(--rasil-text)!important;
  }

  .rasil-folder-panel{
    flex:1!important;
    min-height:0!important;
    overflow:auto!important;
    padding:10px 0!important;
    border-bottom:1px solid var(--rasil-rule)!important;
  }
  .rasil-folder-panel .folderlist{
    background:transparent!important;
  }
  .rasil-folder-panel .folderlist li{
    background:transparent!important;
    border:0!important;
  }
  .rasil-folder-panel .folderlist li a{
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 16px!important;
    color:var(--rasil-soft)!important;
    border-radius:0!important;
    font-size:.84rem!important;
  }
  .rasil-folder-panel .folderlist li a:hover{
    background:var(--rasil-panel)!important;
    color:var(--rasil-text)!important;
  }
  .rasil-folder-panel .folderlist li.selected > a,
  .rasil-folder-panel .folderlist li.selected > div > a{
    background:var(--rasil-panel)!important;
    color:var(--rasil-text)!important;
    box-shadow:inset 2px 0 0 var(--rasil-text)!important;
  }
  .rasil-folder-panel .unreadcount,
  .rasil-folder-panel .count{
    margin-left:auto!important;
    min-width:22px!important;
    height:22px!important;
    display:inline-grid!important;
    place-items:center!important;
    padding:0 6px!important;
    border-radius:999px!important;
    background:var(--rasil-text)!important;
    color:var(--rasil-bg)!important;
    font-size:.68rem!important;
  }

  body.task-mail #taskmenu > .mail,
  body.task-mail #taskmenu > .contacts,
  body.task-mail #taskmenu > .settings{
    display:inline-flex!important;
    width:auto!important;
    min-height:42px!important;
    align-items:center!important;
    padding:0 12px!important;
    margin:0!important;
    color:var(--rasil-soft)!important;
  }
  body.task-mail #taskmenu > .mail{
    display:none!important;
  }
  body.task-mail #taskmenu > .contacts,
  body.task-mail #taskmenu > .settings{
    border-top:1px solid var(--rasil-rule)!important;
  }
  body.task-mail #taskmenu .special-buttons{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:48px!important;
    padding:0 8px!important;
    border-top:1px solid var(--rasil-rule)!important;
    background:var(--rasil-surface)!important;
  }
  body.task-mail #taskmenu .special-buttons a{
    width:42px!important;
    height:42px!important;
    margin:0!important;
  }

  body.task-mail #layout-list{
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:420px!important;
    background:var(--rasil-bg)!important;
    border-right:1px solid var(--rasil-rule)!important;
  }

  body.task-mail #messagelist-header{
    height:74px!important;
    min-height:74px!important;
    padding:0 22px!important;
    justify-content:flex-start!important;
    background:var(--rasil-bg)!important;
  }
  body.task-mail #messagelist-header .rasil-inbox-title{
    display:block!important;
    flex:0 0 auto!important;
    margin:0!important;
    text-align:left!important;
    font-family:"Barlow Condensed",Inter,sans-serif!important;
    font-size:2rem!important;
    font-weight:500!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
    color:var(--rasil-text)!important;
  }
  .rasil-account{
    margin-left:auto!important;
    padding:0 8px!important;
    color:var(--rasil-soft)!important;
    font-size:.76rem!important;
    font-weight:500!important;
  }

  body.task-mail #mailsearchform{
    margin:14px 22px 16px!important;
    min-height:42px!important;
    background:transparent!important;
  }
  body.task-mail #mailsearchform input{
    min-height:42px!important;
    background:var(--rasil-surface)!important;
    border:1px solid var(--rasil-rule-strong)!important;
    color:var(--rasil-text)!important;
  }

  body.task-mail #messagelist-content{
    border-top:1px solid var(--rasil-rule)!important;
  }
  body.task-mail #messagelist td{
    height:54px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    border-bottom:1px solid var(--rasil-rule)!important;
    background:var(--rasil-bg)!important;
  }
  body.task-mail #messagelist tr:hover td{
    background:var(--rasil-panel)!important;
  }
  body.task-mail #messagelist tr.selected td{
    background:var(--rasil-panel)!important;
  }

  body.task-mail #layout-content:not(.selected){
    display:none!important;
  }
  body.task-mail #layout-content.selected{
    flex:1 1 52%!important;
    min-width:420px!important;
    background:var(--rasil-surface)!important;
  }
}


/* Rasīl login — approved mockup, canonical login layer */
body.task-login,
body.task-login #layout{background:#090909!important}
body.task-login:before,
body.task-login:after{display:none!important;content:none!important}
body.task-login #layout{
  min-height:100vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.task-login #layout-content{
  width:min(100% - 40px,470px)!important;
  max-width:470px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-3vh)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}
body.task-login #logo{
  display:block!important;
  position:static!important;
  top:auto!important;
  width:218px!important;
  max-width:218px!important;
  height:auto!important;
  max-height:none!important;
  margin:0 auto 22px!important;
  filter:none!important;
}
body.task-login .rasil-login-lockup{margin:0 0 34px!important;text-align:center!important}
body.task-login .rasil-login-lockup strong{
  display:block!important;color:#f1f0eb!important;
  font-family:"Barlow Condensed",Inter,sans-serif!important;
  font-size:2rem!important;font-weight:500!important;line-height:1!important;
  letter-spacing:.28em!important;padding-left:.28em!important
}
body.task-login .rasil-login-lockup small{
  display:block!important;margin-top:10px!important;color:#8b8982!important;
  font-family:"Barlow Condensed",Inter,sans-serif!important;
  font-size:.72rem!important;font-weight:500!important;
  letter-spacing:.24em!important;padding-left:.24em!important
}
body.task-login #login-form{
  position:static!important;top:auto!important;width:100%!important;
  max-width:100%!important;margin:0!important
}
body.task-login #login-form table,
body.task-login #login-form tbody{display:block!important;width:100%!important}
body.task-login #login-form tr{
  display:block!important;position:relative!important;width:100%!important;
  margin:0 0 14px!important
}
body.task-login #login-form td.title{
  position:absolute!important;width:1px!important;height:1px!important;
  overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;
  padding:0!important;border:0!important
}
body.task-login #login-form td.input{
  display:block!important;position:relative!important;width:100%!important;
  padding:0!important;background:transparent!important
}
body.task-login #login-form td.input:before{
  position:absolute!important;z-index:2!important;left:18px!important;top:50%!important;
  transform:translateY(-50%)!important;width:20px!important;color:#f1f0eb!important;
  font-family:Icons!important;font-size:1.05rem!important;font-weight:900!important;
  line-height:1!important;text-align:center!important;pointer-events:none!important
}
body.task-login #login-form tr:nth-child(1) td.input:before{content:"\f007"!important}
body.task-login #login-form tr:nth-child(2) td.input:before{content:"\f023"!important}
body.task-login #login-form td.input:after{display:none!important;content:none!important}
body.task-login #login-form input.form-control{
  display:block!important;width:100%!important;height:58px!important;min-height:58px!important;
  margin:0!important;padding:0 16px 0 54px!important;box-sizing:border-box!important;
  background:#151513!important;background-color:#151513!important;color:#f1f0eb!important;
  border:1px solid #3a3934!important;border-radius:0!important;box-shadow:none!important;
  -webkit-box-shadow:none!important;caret-color:#f1f0eb!important;font-size:.92rem!important
}
body.task-login #login-form input.form-control::placeholder{color:#aaa8a1!important;opacity:1!important}
body.task-login #login-form input.form-control:focus{
  background:#151513!important;color:#fff!important;border-color:#f1f0eb!important;
  outline:1px solid #f1f0eb!important;outline-offset:1px!important;box-shadow:none!important
}
body.task-login #login-form input.form-control:-webkit-autofill,
body.task-login #login-form input.form-control:-webkit-autofill:hover,
body.task-login #login-form input.form-control:-webkit-autofill:focus,
body.task-login #login-form input.form-control:-webkit-autofill:active{
  -webkit-text-fill-color:#f1f0eb!important;caret-color:#f1f0eb!important;
  -webkit-box-shadow:0 0 0 1000px #151513 inset!important;
  box-shadow:0 0 0 1000px #151513 inset!important;
  border-color:#3a3934!important;transition:background-color 999999s ease-out 0s!important
}
body.task-login #login-form .formbuttons{width:100%!important;margin:12px 0 0!important;padding:0!important}
body.task-login #rcmloginsubmit{
  position:relative!important;display:block!important;width:100%!important;
  height:62px!important;min-height:62px!important;margin:0!important;padding:0 54px!important;
  box-sizing:border-box!important;background:#f1f0eb!important;color:#11110f!important;
  border:1px solid #f1f0eb!important;border-radius:0!important;box-shadow:none!important;
  font-family:"Barlow Condensed",Inter,sans-serif!important;font-size:1.05rem!important;
  font-weight:600!important;letter-spacing:.10em!important;text-transform:uppercase!important
}
body.task-login #rcmloginsubmit:before{display:none!important}
body.task-login #rcmloginsubmit:after{
  content:"→"!important;display:block!important;position:absolute!important;right:20px!important;
  top:50%!important;transform:translateY(-52%)!important;color:#11110f!important;
  font-family:Inter,sans-serif!important;font-size:1.45rem!important;font-weight:400!important;line-height:1!important
}
body.task-login #rcmloginsubmit:hover,
body.task-login #rcmloginsubmit:focus{
  background:#090909!important;color:#f1f0eb!important;border-color:#f1f0eb!important;
  outline:none!important;box-shadow:none!important
}
body.task-login #rcmloginsubmit:hover:after,
body.task-login #rcmloginsubmit:focus:after{color:#f1f0eb!important}
body.task-login #login-footer{display:none!important}
@media(max-width:560px){
  body.task-login #layout-content{width:min(100% - 32px,470px)!important;transform:translateY(-2vh)!important}
  body.task-login #logo{width:184px!important;max-width:184px!important}
}


/* Login final micro-polish */
body.task-login #login-form tr::before,
body.task-login #login-form tr::after,
body.task-login #login-form td.title::before,
body.task-login #login-form td.title::after{
  display:none!important;
  content:none!important;
}
body.task-login #login-form td.input > *:not(input){
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
body.task-login #login-form td.input:before{
  top:50%!important;
  transform:translateY(-43%)!important;
  font-size:1rem!important;
}
body.task-login .rasil-login-lockup{
  margin-bottom:36px!important;
}
body.task-login .rasil-login-lockup strong{
  font-size:2.45rem!important;
  letter-spacing:.30em!important;
  padding-left:.30em!important;
}
body.task-login .rasil-login-lockup small{
  margin-top:11px!important;
  font-size:.86rem!important;
  letter-spacing:.25em!important;
  padding-left:.25em!important;
}

/* Rasīl mailbox chrome micro-fixes */
@media screen and (min-width:1025px){
  body.task-mail #layout-menu .popover-header.rasil-brand{
    display:grid!important;
    grid-template-columns:52px 1fr!important;
    align-items:center!important;
    column-gap:14px!important;
    padding:18px 16px!important;
    text-align:left!important;
  }
  body.task-mail #layout-menu .popover-header #logo{
    width:52px!important;
    max-width:52px!important;
    height:52px!important;
    max-height:52px!important;
    justify-self:center!important;
    align-self:center!important;
    object-fit:contain!important;
  }
  body.task-mail .rasil-brand-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.task-mail .rasil-brand-copy strong{
    margin:0!important;
    padding:0!important;
    font-size:1.5rem!important;
    line-height:1!important;
    letter-spacing:.20em!important;
  }
  body.task-mail .rasil-brand-copy small{
    margin:8px 0 0!important;
    padding:0!important;
    font-size:.72rem!important;
    line-height:1!important;
    letter-spacing:.17em!important;
    color:#8b8982!important;
    white-space:nowrap!important;
  }

  body.task-mail .rasil-folder-panel,
  body.task-mail .rasil-folder-panel .folderlist,
  body.task-mail .rasil-folder-panel .folderlist ul,
  body.task-mail .rasil-folder-panel .folderlist li{
    width:100%!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.task-mail .rasil-folder-panel .folderlist li > a,
  body.task-mail .rasil-folder-panel .folderlist li > div > a{
    width:100%!important;
    box-sizing:border-box!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body.task-mail .rasil-folder-panel .folderlist li.selected,
  body.task-mail .rasil-folder-panel .folderlist li.selected > a,
  body.task-mail .rasil-folder-panel .folderlist li.selected > div,
  body.task-mail .rasil-folder-panel .folderlist li.selected > div > a{
    background:#1a1a18!important;
  }

  body.task-mail #mailsearchform{
    position:relative!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.task-mail #mailsearchform form{
    position:relative!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  body.task-mail #mailsearchform form:before{
    left:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    color:#8b8982!important;
  }
  body.task-mail #mailsearchform input{
    width:100%!important;
    box-sizing:border-box!important;
    padding-left:38px!important;
  }

  body.task-mail #taskmenu > .contacts,
  body.task-mail #taskmenu > .settings{
    width:100%!important;
    min-height:46px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 16px!important;
    overflow:hidden!important;
    color:#aaa8a1!important;
    background:#11110f!important;
    border-top:1px solid #2a2a26!important;
  }
  body.task-mail #taskmenu > .contacts .inner,
  body.task-mail #taskmenu > .settings .inner{
    display:inline!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  body.task-mail #taskmenu > .contacts:before,
  body.task-mail #taskmenu > .settings:before{
    flex:0 0 auto!important;
    margin:0!important;
    width:18px!important;
  }

  body.task-mail #taskmenu .special-buttons{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    min-height:48px!important;
    padding:0!important;
    background:#11110f!important;
    border-top:1px solid #2a2a26!important;
  }
  body.task-mail #taskmenu .special-buttons a{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    margin:0!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    color:#aaa8a1!important;
    background:#11110f!important;
    border:0!important;
    overflow:hidden!important;
  }
  body.task-mail #taskmenu .special-buttons a + a{
    border-left:1px solid #2a2a26!important;
  }
  body.task-mail #taskmenu .special-buttons a:before{
    margin:0!important;
    color:inherit!important;
    flex:0 0 auto!important;
  }
  body.task-mail #taskmenu .special-buttons a .inner{
    display:inline!important;
    max-width:none!important;
    overflow:visible!important;
    white-space:nowrap!important;
    color:inherit!important;
  }
  body.task-mail #taskmenu .special-buttons .logout,
  body.task-mail #taskmenu .special-buttons .logout:before{
    color:#aaa8a1!important;
  }
  body.task-mail #taskmenu .special-buttons a:hover{
    color:#f1f0eb!important;
    background:#181816!important;
  }
}

/* Rasīl rail alignment pass */
@media screen and (min-width:1025px){
  body.task-mail #layout-menu .popover-header.rasil-brand{
    min-height:166px!important;
    height:166px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    padding:16px 12px!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  body.task-mail #layout-menu .popover-header #logo{
    width:76px!important;
    max-width:76px!important;
    height:76px!important;
    max-height:76px!important;
    margin:0 auto 13px!important;
    padding:0!important;
    object-fit:contain!important;
  }
  body.task-mail .rasil-brand-copy{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }
  body.task-mail .rasil-brand-copy strong{
    display:block!important;
    width:auto!important;
    margin:0!important;
    padding-left:.22em!important;
    font-size:1.75rem!important;
    line-height:1!important;
    letter-spacing:.22em!important;
    text-align:center!important;
  }
  body.task-mail .rasil-brand-copy small{
    display:block!important;
    width:auto!important;
    margin:9px 0 0!important;
    padding-left:.18em!important;
    font-size:.78rem!important;
    line-height:1!important;
    letter-spacing:.18em!important;
    color:#8b8982!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  body.task-mail #taskmenu .action-buttons{
    padding:16px 0!important;
  }
  body.task-mail #taskmenu .action-buttons .compose{
    width:100%!important;
    margin:0!important;
    border-left:0!important;
    border-right:0!important;
  }

  body.task-mail #mailsearchform,
  body.task-mail #mailsearchform form{
    overflow:hidden!important;
  }
  body.task-mail #mailsearchform form:before,
  body.task-mail #mailsearchform form:after{
    display:none!important;
    content:none!important;
  }
  body.task-mail #mailsearchform input{
    padding-left:16px!important;
    background:#11110f!important;
    border:1px solid #2f2f2b!important;
    color:#f1f0eb!important;
  }

  body.task-mail #taskmenu > .contacts,
  body.task-mail #taskmenu > .settings{
    min-height:48px!important;
    height:48px!important;
    width:100%!important;
    padding:0 14px!important;
    gap:9px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  body.task-mail #taskmenu > .contacts .inner,
  body.task-mail #taskmenu > .settings .inner{
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    line-height:48px!important;
    font-size:.74rem!important;
  }

  body.task-mail #taskmenu .special-buttons{
    grid-template-columns:1fr 1fr!important;
    height:50px!important;
    min-height:50px!important;
  }
  body.task-mail #taskmenu .special-buttons a{
    height:50px!important;
    min-width:0!important;
    padding:0 6px!important;
    gap:5px!important;
    overflow:visible!important;
  }
  body.task-mail #taskmenu .special-buttons a:before{
    width:16px!important;
    min-width:16px!important;
    flex:0 0 16px!important;
    font-size:.92rem!important;
  }
  body.task-mail #taskmenu .special-buttons a .inner{
    display:block!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:.68rem!important;
    line-height:1!important;
  }
}

/* Rasīl mailbox chrome source fixes */
@media screen and (min-width:1025px){
  body.task-mail #layout-menu .popover-header.rasil-brand{
    width:100%!important;
    min-height:188px!important;
    height:188px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    place-items:center!important;
    align-content:center!important;
    justify-content:center!important;
    row-gap:12px!important;
    padding:18px 0!important;
    margin:0!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }
  body.task-mail #layout-menu .popover-header.rasil-brand > *{
    position:static!important;
    float:none!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
  }
  body.task-mail #layout-menu .popover-header.rasil-brand #logo{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:88px!important;
    max-width:88px!important;
    height:88px!important;
    max-height:88px!important;
    margin:0 auto!important;
    padding:0!important;
    justify-self:center!important;
    align-self:center!important;
    object-fit:contain!important;
  }
  body.task-mail #layout-menu .popover-header.rasil-brand .rasil-brand-copy{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    justify-self:center!important;
  }
  body.task-mail .rasil-brand-copy strong{
    display:block!important;
    margin:0!important;
    padding-left:.22em!important;
    font-size:1.92rem!important;
    line-height:.95!important;
    letter-spacing:.22em!important;
    text-align:center!important;
  }
  body.task-mail .rasil-brand-copy small{
    display:block!important;
    margin:10px 0 0!important;
    padding-left:.18em!important;
    font-size:.82rem!important;
    line-height:1!important;
    letter-spacing:.18em!important;
    color:#8b8982!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  body.task-mail #mailsearchform,
  body.task-mail #mailsearchform form{
    position:relative!important;
    overflow:hidden!important;
  }
  body.task-mail #mailsearchform form:before,
  body.task-mail #mailsearchform form:after,
  body.task-mail #mailsearchform a:before,
  body.task-mail #mailsearchform a:after{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.task-mail #mailsearchform a{
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    overflow:hidden!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
  }
  body.task-mail #mailsearchform input{
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
    background:#11110f!important;
    border:1px solid #2f2f2b!important;
    color:#f1f0eb!important;
    outline:0!important;
    box-shadow:none!important;
  }

  body.task-mail #taskmenu > .contacts,
  body.task-mail #taskmenu > .settings,
  body.task-mail #taskmenu .special-buttons,
  body.task-mail #taskmenu .special-buttons a{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    box-shadow:none!important;
  }
  body.task-mail #taskmenu > .contacts,
  body.task-mail #taskmenu > .settings{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    background:#11110f!important;
    color:#aaa8a1!important;
    border:0!important;
    border-top:1px solid #292925!important;
  }
  body.task-mail #taskmenu > .contacts:hover,
  body.task-mail #taskmenu > .settings:hover{
    background:#181816!important;
    color:#f1f0eb!important;
  }
  body.task-mail #taskmenu .special-buttons{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    overflow:hidden!important;
    background:#11110f!important;
    border:0!important;
    border-top:1px solid #292925!important;
  }
  body.task-mail #taskmenu .special-buttons a{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 5px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:#11110f!important;
    color:#aaa8a1!important;
    border:0!important;
  }
  body.task-mail #taskmenu .special-buttons a + a{
    border-left:1px solid #292925!important;
  }
  body.task-mail #taskmenu .special-buttons a:hover{
    background:#181816!important;
    color:#f1f0eb!important;
  }
  body.task-mail #taskmenu .special-buttons .logout,
  body.task-mail #taskmenu .special-buttons .logout:hover,
  body.task-mail #taskmenu .special-buttons .logout:before{
    color:inherit!important;
  }
}

/* Rasīl search + preview functional fix */
@media screen and (min-width:1025px){
  body.task-mail #layout-menu .popover-header.rasil-brand{
    min-height:206px!important;
    height:206px!important;
  }
  body.task-mail #layout-menu .popover-header.rasil-brand #logo{
    width:102px!important;
    max-width:102px!important;
    height:102px!important;
    max-height:102px!important;
  }
  body.task-mail .rasil-brand-copy strong{
    font-size:2.08rem!important;
  }
  body.task-mail .rasil-brand-copy small{
    font-size:.88rem!important;
  }

  /* Roundcube puts #mailsearchform on the form itself */
  body.task-mail #mailsearchform{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body.task-mail #mailsearchform::before{
    content:"\f002"!important;
    display:block!important;
    position:absolute!important;
    left:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:18px!important;
    height:18px!important;
    margin:0!important;
    padding:0!important;
    color:#8b8982!important;
    font-family:Icons!important;
    font-size:.9rem!important;
    font-weight:900!important;
    line-height:18px!important;
    text-align:center!important;
    pointer-events:none!important;
    z-index:2!important;
  }
  body.task-mail #mailsearchform::after,
  body.task-mail #mailsearchform a::before,
  body.task-mail #mailsearchform a::after{
    display:none!important;
    content:none!important;
  }
  body.task-mail #mailsearchform input{
    padding-left:42px!important;
  }

  /* Preview request succeeds; keep its pane visible instead of hiding it */
  body.task-mail #layout-content,
  body.task-mail #layout-content:not(.selected),
  body.task-mail #layout-content.selected{
    display:flex!important;
    flex:0 0 46%!important;
    min-width:420px!important;
    flex-direction:column!important;
    background:#0d0d0c!important;
    border-left:1px solid #2a2a26!important;
  }
  body.task-mail #layout-content .iframe-wrapper{
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    background:#0d0d0c!important;
  }
  body.task-mail #messagecontframe{
    display:block!important;
    width:100%!important;
    height:100%!important;
    border:0!important;
    background:#0d0d0c!important;
  }
}

/* Rasīl search icon + preview polish */
@media screen and (min-width:1025px){
  body.task-mail #mailsearchform{
    position:relative!important;
  }
  body.task-mail #mailsearchform::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:15px!important;
    top:50%!important;
    width:10px!important;
    height:10px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-58%)!important;
    border:1.5px solid #8b8982!important;
    border-radius:50%!important;
    background:transparent!important;
    z-index:3!important;
    pointer-events:none!important;
    box-sizing:border-box!important;
  }
  body.task-mail #mailsearchform::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:24px!important;
    top:50%!important;
    width:6px!important;
    height:1.5px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(3px) rotate(45deg)!important;
    transform-origin:left center!important;
    background:#8b8982!important;
    border:0!important;
    z-index:3!important;
    pointer-events:none!important;
  }
  body.task-mail #mailsearchform input{
    padding-left:38px!important;
  }
}

/* Monochrome scrollbars across Rasīl, including framed message preview */
html,
body,
*{
  scrollbar-color:#4a4944 #11110f;
  scrollbar-width:thin;
}
::-webkit-scrollbar{
  width:10px;
  height:10px;
}
::-webkit-scrollbar-track{
  background:#11110f;
}
::-webkit-scrollbar-thumb{
  background:#4a4944;
  border:2px solid #11110f;
  border-radius:0;
}
::-webkit-scrollbar-thumb:hover{
  background:#6a6861;
}

/* Framed mail preview must not inherit Elastic blue/teal overflow chrome */
body.task-mail.action-preview,
body.action-preview{
  background:#0d0d0c!important;
  color:#f1f0eb!important;
  overflow-x:hidden!important;
}
body.task-mail.action-preview #messagebody,
body.action-preview #messagebody,
body.task-mail.action-preview .message-part,
body.action-preview .message-part{
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-wrap:anywhere!important;
}

/* Rasīl targeted mail/compose polish — no generic state overrides */
@media screen and (min-width:1025px){
  /* These are mobile/sidebar navigation controls, not search icons */
  body.task-mail #messagelist-header .task-menu-button,
  body.task-mail #messagelist-header .back-sidebar-button.folders{
    display:none!important;
  }

  /* Keep only the Rasīl-controlled magnifier */
  body.task-mail #mailsearchform{
    position:relative!important;
  }
  body.task-mail #mailsearchform::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:14px!important;
    top:50%!important;
    width:10px!important;
    height:10px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-60%)!important;
    border:1.5px solid var(--rasil-faint)!important;
    border-radius:50%!important;
    background:transparent!important;
    box-sizing:border-box!important;
    pointer-events:none!important;
    z-index:3!important;
  }
  body.task-mail #mailsearchform::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:23px!important;
    top:50%!important;
    width:6px!important;
    height:1.5px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(2px) rotate(45deg)!important;
    transform-origin:left center!important;
    background:var(--rasil-faint)!important;
    border:0!important;
    pointer-events:none!important;
    z-index:3!important;
  }
  body.task-mail #mailsearchform input{
    padding-left:38px!important;
  }

  /* Compose only */
  body.task-mail.action-compose #layout-content{
    flex:1 1 64%!important;
    min-width:0!important;
    background:var(--rasil-bg)!important;
    border-right:1px solid var(--rasil-rule)!important;
  }
  body.task-mail.action-compose #layout-sidebar{
    flex:0 0 34%!important;
    min-width:320px!important;
    max-width:430px!important;
    background:var(--rasil-surface)!important;
    border-left:1px solid var(--rasil-rule)!important;
  }

  body.task-mail.action-compose #layout-content > .header,
  body.task-mail.action-compose #layout-sidebar > .header{
    min-height:72px!important;
    height:72px!important;
    padding:0 22px!important;
    display:flex!important;
    align-items:center!important;
    background:var(--rasil-bg)!important;
    border-bottom:1px solid var(--rasil-rule)!important;
  }
  body.task-mail.action-compose #layout-sidebar > .header{
    background:var(--rasil-surface)!important;
  }

  body.task-mail.action-compose #layout-content .header-title,
  body.task-mail.action-compose #layout-sidebar .header-title{
    font-family:"Barlow Condensed",Inter,sans-serif!important;
    font-size:1.4rem!important;
    font-weight:500!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    color:var(--rasil-text)!important;
  }

  body.task-mail.action-compose #messagetoolbar{
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:2px!important;
  }
  body.task-mail.action-compose #messagetoolbar a{
    min-height:34px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    background:transparent!important;
    color:var(--rasil-soft)!important;
    border:0!important;
  }
  body.task-mail.action-compose #messagetoolbar a:hover{
    background:var(--rasil-panel)!important;
    color:var(--rasil-text)!important;
  }

  body.task-mail.action-compose #compose-content{
    padding:24px!important;
    background:var(--rasil-bg)!important;
  }
  body.task-mail.action-compose #compose-headers{
    margin:0 0 18px!important;
  }
  body.task-mail.action-compose #compose-headers .compose-headers{
    display:block!important;
  }
  body.task-mail.action-compose #compose-headers .form-group.row{
    margin:0 0 12px!important;
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
  }
  body.task-mail.action-compose #compose-headers .col-2,
  body.task-mail.action-compose #compose-headers .col-10{
    width:auto!important;
    max-width:none!important;
    flex:none!important;
    padding:0!important;
  }
  body.task-mail.action-compose #compose-headers label.col-form-label{
    margin:0!important;
    padding:0!important;
    font-family:"Barlow Condensed",Inter,sans-serif!important;
    font-size:.72rem!important;
    font-weight:600!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    color:var(--rasil-faint)!important;
  }

  body.task-mail.action-compose #compose-headers .input-group,
  body.task-mail.action-compose .recipient-input,
  body.task-mail.action-compose #compose-subject,
  body.task-mail.action-compose #_from{
    min-height:44px!important;
    background:var(--rasil-surface)!important;
    border:1px solid var(--rasil-rule-strong)!important;
    border-radius:0!important;
    color:var(--rasil-text)!important;
    box-shadow:none!important;
  }
  body.task-mail.action-compose .recipient-input{
    width:100%!important;
    padding:4px 8px!important;
    box-sizing:border-box!important;
  }
  body.task-mail.action-compose .recipient-input input{
    color:var(--rasil-text)!important;
    background:transparent!important;
  }
  body.task-mail.action-compose .input-group-text{
    min-width:42px!important;
    justify-content:center!important;
    background:transparent!important;
    color:var(--rasil-soft)!important;
    border-color:var(--rasil-rule-strong)!important;
    border-radius:0!important;
  }

  body.task-mail.action-compose #composebodycontainer{
    margin-top:8px!important;
  }
  body.task-mail.action-compose #composebody{
    min-height:430px!important;
    width:100%!important;
    padding:18px!important;
    box-sizing:border-box!important;
    resize:vertical!important;
    background:var(--rasil-surface)!important;
    color:var(--rasil-text)!important;
    border:1px solid var(--rasil-rule-strong)!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  body.task-mail.action-compose #compose-content > .formbuttons{
    margin-top:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  body.task-mail.action-compose #compose-content > .formbuttons .send{
    min-width:150px!important;
    min-height:46px!important;
    padding:0 20px!important;
    background:var(--rasil-text)!important;
    color:var(--rasil-bg)!important;
    border:1px solid var(--rasil-text)!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-family:"Barlow Condensed",Inter,sans-serif!important;
    font-size:.9rem!important;
    font-weight:600!important;
    letter-spacing:.1em!important;
    text-transform:uppercase!important;
  }

  body.task-mail.action-compose #layout-sidebar .scroller{
    padding:20px!important;
  }
  body.task-mail.action-compose #compose-attachments{
    min-height:170px!important;
    padding:18px!important;
    background:var(--rasil-bg)!important;
    border:1px dashed var(--rasil-rule-strong)!important;
    border-radius:0!important;
  }
  body.task-mail.action-compose #compose-attachments .upload-form{
    text-align:center!important;
  }
  body.task-mail.action-compose #compose-attachments .attach{
    margin-top:8px!important;
    background:transparent!important;
    color:var(--rasil-text)!important;
    border:1px solid var(--rasil-rule-strong)!important;
    border-radius:0!important;
  }

  body.task-mail.action-compose #compose-options{
    margin-top:22px!important;
  }
  body.task-mail.action-compose #compose-options .form-group.row{
    margin:0!important;
    min-height:44px!important;
    display:grid!important;
    grid-template-columns:1fr 140px!important;
    align-items:center!important;
    gap:14px!important;
    border-bottom:1px solid var(--rasil-rule)!important;
  }
  body.task-mail.action-compose #compose-options .col-6{
    width:auto!important;
    max-width:none!important;
    flex:none!important;
    padding:0!important;
  }
  body.task-mail.action-compose #compose-options label{
    margin:0!important;
    color:var(--rasil-soft)!important;
  }
  body.task-mail.action-compose #compose-options select{
    width:100%!important;
    min-height:34px!important;
    background:var(--rasil-bg)!important;
    color:var(--rasil-text)!important;
    border:1px solid var(--rasil-rule-strong)!important;
    border-radius:0!important;
  }
}

/* Rasīl exact cleanup: selected mail, search glyph, rail overflow */
@media screen and (min-width:1025px){
  /* Kill Elastic's own search glyph; keep only Rasīl's wrapper magnifier */
  body.task-mail #mailsearchform form::before,
  body.task-mail #mailsearchform form::after{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.task-mail #mailsearchform form{
    width:100%!important;
    min-width:0!important;
    display:block!important;
  }
  body.task-mail #mailsearchform input{
    width:100%!important;
    box-sizing:border-box!important;
    padding-left:38px!important;
  }

  /* Rail must never create horizontal overflow */
  body.task-mail #layout-menu,
  body.task-mail #taskmenu{
    overflow-x:hidden!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.task-mail #taskmenu > *,
  body.task-mail #taskmenu a,
  body.task-mail #taskmenu .rasil-folder-panel,
  body.task-mail #taskmenu .folderlist,
  body.task-mail #taskmenu .folderlist ul,
  body.task-mail #taskmenu .folderlist li{
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Selected mail: monochrome, never Elastic cyan */
  html.dark-mode body.task-mail #messagelist tr.selected td,
  html.dark-mode body.task-mail #messagelist tr.selected td a,
  html.dark-mode body.task-mail #messagelist tr.selected td.subject a,
  html.dark-mode body.task-mail #messagelist tr.selected td.subject span,
  html.dark-mode body.task-mail #messagelist tr.selected td.subject span.msgicon.status{
    color:#f1f0eb!important;
  }
  html.dark-mode body.task-mail #messagelist tr.selected td{
    background:#1b1b18!important;
    border-color:#34342f!important;
  }
  html.dark-mode body.task-mail #messagelist tr.selected:hover td{
    background:#20201d!important;
  }
}