/* ===== اَوِستا آی‌تی — Roundcube Elastic brand ===== */
@font-face{font-family:"YekanBakh";src:url("fonts/YekanBakh-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"YekanBakh";src:url("fonts/YekanBakh-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

body,input,select,textarea,button,.btn,.form-control,.custom-select,.popupmenu,.ui-dialog,.ui-widget,.listing,table.messagelist,.toolbar a,#layout-menu,.header-title,.boxtitle,legend,.formcontent{
  font-family:"YekanBakh","Vazirmatn",Tahoma,sans-serif!important}

/* ---- accent: orange instead of blue ---- */
a,a:visited,.link{color:#ff7a33}
a:hover{color:#ff5500}
.btn-primary,.btn.btn-primary,a.button.mainaction,button.mainaction,input.mainaction,.button.mainaction,
.ui-dialog .ui-dialog-buttonpane .ui-button.mainaction,.ui-dialog .ui-dialog-buttonpane .btn-primary,
.formbuttons .btn-primary,#rcmloginsubmit{
  background-color:#ff5500!important;border-color:#ff5500!important;color:#fff!important}
.btn-primary:hover,.btn-primary:focus,a.button.mainaction:hover,button.mainaction:hover,#rcmloginsubmit:hover{
  background-color:#ff7a33!important;border-color:#ff7a33!important}
.form-control:focus,input:focus,textarea:focus,select:focus,.custom-select:focus{
  border-color:#ff5500!important;box-shadow:0 0 0 .2rem rgba(255,85,0,.22)!important}
.custom-control-input:checked~.custom-control-label::before,.custom-switch .custom-control-input:checked~.custom-control-label::before{
  background-color:#ff5500!important;border-color:#ff5500!important}

/* left menu */
#layout-menu a.compose,#layout-menu .compose,#layout-menu .compose:before{color:#ff7a33!important}
#layout-menu a.selected,#taskmenu a.selected,#layout-menu .popover-header a.selected{
  color:#ff7a33!important;background-color:rgba(255,85,0,.12)!important}
#layout-menu a:hover{color:#ff7a33!important}
#layout-menu #logo,#layout-menu .popover-header img{max-height:44px;width:auto}

/* selected / focused rows */
.listing li.selected>a,.listing li.selected,.listing li.selected>div,
table.listing tr.selected td,table.messagelist tr.selected td,table.records-table tr.selected td{
  background-color:rgba(255,85,0,.16)!important}
.listing li.selected>a,.listing li.selected>a:before{color:#ff7a33!important}
table.messagelist tr.unread td.subject span.subject a,table.messagelist tr.unread .subject a{font-weight:700}
.unreadcount,.listing li .unreadcount,.badge-primary,.count{background-color:#ff5500!important;color:#fff!important}
.quota-widget .bar .value,.progress-bar{background-color:#ff5500!important}
table.messagelist tr.flagged td,table.messagelist tr.flagged td a{color:#ff7a33}

/* ---- dark mode: site palette ---- */
html.dark-mode body,html.dark-mode #layout{background-color:#07080c!important}
html.dark-mode #layout-menu{background-color:#0a0d15!important;border-color:rgba(255,255,255,.06)!important}
html.dark-mode #layout-sidebar,html.dark-mode #layout-list{background-color:#0f1523!important;border-color:rgba(255,255,255,.06)!important}
html.dark-mode #layout-content{background-color:#0c101a!important}
html.dark-mode .header,html.dark-mode .footer,html.dark-mode .searchbar,html.dark-mode .header-title{background-color:#0a0d15!important;border-color:rgba(255,255,255,.06)!important}
html.dark-mode .listing li,html.dark-mode table.listing td,html.dark-mode table.messagelist td{border-color:rgba(255,255,255,.05)!important}
html.dark-mode .form-control,html.dark-mode .custom-select,html.dark-mode input.form-control{background-color:#0a0d15!important;border-color:rgba(255,255,255,.1)!important}
html.dark-mode .popupmenu,html.dark-mode .popover,html.dark-mode .ui-dialog{background-color:#0f1523!important;border-color:rgba(255,255,255,.08)!important}

/* ---- login page ---- */
body.task-login{
  background:radial-gradient(ellipse 60% 55% at 50% 0%,rgba(255,85,0,.20),transparent 62%),
             linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px) 0 0/34px 34px,
             linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px) 0 0/34px 34px,#07080c!important}
body.task-login #layout,body.task-login #layout-content{background:transparent!important}
body.task-login #logo{max-width:280px;width:auto;margin:0 auto 22px;display:block}
body.task-login #login-form{
  background:linear-gradient(180deg,#0f1523,#0a0d15);border:1px solid rgba(255,255,255,.08);border-radius:22px;
  padding:30px 28px 24px;box-shadow:0 30px 80px -40px rgba(255,85,0,.35);max-width:400px;margin:0 auto}
body.task-login #login-form table,body.task-login #login-form td{background:transparent!important}
body.task-login #login-form .form-control,body.task-login #login-form input[type=text],body.task-login #login-form input[type=password]{
  background:#07080c!important;border:1px solid rgba(255,255,255,.12)!important;color:#f4f5f9!important;border-radius:12px!important;height:46px}
body.task-login #login-form .input-group-text{background:#07080c!important;border-color:rgba(255,255,255,.12)!important;color:#ff7a33!important}
body.task-login #rcmloginsubmit{border-radius:12px!important;height:46px;font-weight:700;font-size:15px}
body.task-login #login-footer,body.task-login #login-footer a{color:#8b92a1!important}
html:not(.dark-mode) body.task-login #login-form{background:#fff;border-color:rgba(0,0,0,.08)}
html:not(.dark-mode) body.task-login #login-form .form-control{background:#f6f7f9!important;color:#1a1d26!important;border-color:rgba(0,0,0,.12)!important}
html:not(.dark-mode) body.task-login{background:radial-gradient(ellipse 60% 55% at 50% 0%,rgba(255,85,0,.12),transparent 62%),#f4f5f9!important}

/* avb-pre-font: plain-text messages */
#messagebody div.pre,#messagebody pre,.message-part div.pre,.message-part pre,div.pre{font-family:"YekanBakh","Vazirmatn",Tahoma,sans-serif!important;font-size:14px;line-height:2}