/* Почта maxsim.space — поверх Elastic. Палитра сайта: чернила, бумага, золото. */
:root{--mx-ink:#06070d;--mx-ink2:#0d0f1a;--mx-ink3:#151827;--mx-paper:#efe9da;--mx-muted:#b8b1a2;--mx-gold:#dcb56b;--mx-gold-d:#8a6a2a;
  --mx-hair:rgba(239,233,218,.12);--mx-serif:'Playfair Display',Georgia,serif;--mx-sans:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif}
body,input,select,textarea,button,.popover,.dropdown-menu{font-family:var(--mx-sans)}
a,a:visited,.link,a.link{color:var(--mx-gold-d)}
html.dark-mode a,html.dark-mode a:visited{color:var(--mx-gold)}
.header .header-title,.formcontent legend,.boxtitle,h1,h2,.ui-dialog-title,.popover-header{font-family:var(--mx-serif);font-weight:400;letter-spacing:-.01em}

/* кнопки */
.btn-primary,.button.mainaction,.btn.btn-primary,button.mainaction,.ui-dialog-buttonset .mainaction,.formbuttons .mainaction{
  background:var(--mx-gold)!important;border-color:var(--mx-gold)!important;color:var(--mx-ink)!important;font-weight:600}
.btn-primary:hover,.button.mainaction:hover,.btn.btn-primary:hover{background:#e7c587!important;border-color:#e7c587!important}
.btn-primary:focus,.button.mainaction:focus{box-shadow:0 0 0 .2rem rgba(220,181,107,.45)!important}
input:focus,select:focus,textarea:focus,.form-control:focus{border-color:var(--mx-gold)!important;box-shadow:0 0 0 .2rem rgba(220,181,107,.25)!important}
.custom-switch .custom-control-input:checked~.custom-control-label:before,.custom-control-input:checked~.custom-control-label:before{background-color:var(--mx-gold)!important;border-color:var(--mx-gold)!important}

/* левое меню: тёмная полоса с золотом */
#layout-menu{background:var(--mx-ink)!important;border-right:1px solid var(--mx-hair)}
#layout-menu #logo{max-height:46px}
#layout-menu .popover-header{background:var(--mx-ink)}
#taskmenu a,#layout-menu .special-buttons a{color:var(--mx-muted)!important}
#taskmenu a:hover,#layout-menu .special-buttons a:hover{color:var(--mx-paper)!important;background:rgba(239,233,218,.05)!important}
#taskmenu a.selected{color:var(--mx-gold)!important;background:rgba(220,181,107,.12)!important;box-shadow:inset 3px 0 0 var(--mx-gold)}
#taskmenu a.compose{background:var(--mx-gold)!important;color:var(--mx-ink)!important;border-radius:6px;margin:.4rem .5rem .8rem;font-weight:600}
#taskmenu a.compose:hover{background:#e7c587!important}
#taskmenu a.compose:before{color:var(--mx-ink)!important}

/* папки и список писем */
#layout-sidebar .header,#layout-list .header,#layout-content .header{border-bottom-color:var(--mx-hair)}
#folderlist-content li.selected>a,#folderlist-content li.selected>div>a,.listing li.selected>a,.listing li.selected{background:rgba(220,181,107,.16)!important;color:inherit}
#folderlist-content li.selected>a:before,.listing li.selected>a:before{color:var(--mx-gold-d)!important}
#folderlist-content li .unreadcount,.listing li .unreadcount{background:var(--mx-gold)!important;color:var(--mx-ink)!important}
table.messagelist tr.selected td,table.records-table tr.selected td,.listing tr.selected td{background:rgba(220,181,107,.16)!important;color:inherit!important}
table.messagelist tr.focused td,table.records-table tr.focused td{background:rgba(220,181,107,.08)}
table.messagelist tr.unread .subject a,table.messagelist tr.unread span.fromto{color:inherit;font-weight:600}
table.messagelist tr.unread td.subject:before,table.messagelist tr.unread .msgicon.status:before{color:var(--mx-gold-d)!important}
table.messagelist tr.flagged td,table.messagelist tr.flagged td a{color:#b4412f}
.searchbar .input-group-prepend .input-group-text,.searchbar input{background:transparent}

/* тёмная тема Elastic: в цвет сайта */
html.dark-mode body,html.dark-mode #layout,html.dark-mode #layout-content,html.dark-mode #layout-list,html.dark-mode #layout-sidebar,html.dark-mode .content,html.dark-mode .frame-content{background-color:var(--mx-ink2)!important}
html.dark-mode #layout-sidebar,html.dark-mode #layout-list{background-color:var(--mx-ink)!important;border-color:var(--mx-hair)!important}
html.dark-mode .header,html.dark-mode .footer,html.dark-mode .toolbar,html.dark-mode #messagestack div{background-color:var(--mx-ink)!important;border-color:var(--mx-hair)!important}
html.dark-mode table.messagelist td,html.dark-mode .listing li{border-color:var(--mx-hair)!important}
html.dark-mode input,html.dark-mode textarea,html.dark-mode select,html.dark-mode .form-control,html.dark-mode .input-group-text{background-color:var(--mx-ink3)!important;border-color:rgba(239,233,218,.2)!important;color:var(--mx-paper)!important}
html.dark-mode .popover,html.dark-mode .ui-dialog,html.dark-mode .dropdown-menu{background:var(--mx-ink3)!important;border-color:var(--mx-hair)!important}
html.dark-mode #folderlist-content li.selected>a:before,html.dark-mode table.messagelist tr.unread td.subject:before{color:var(--mx-gold)!important}

/* экран входа */
body.task-login{background:radial-gradient(ellipse at 50% -10%,#18214a 0,var(--mx-ink) 62%) var(--mx-ink)!important;color:var(--mx-paper)}
body.task-login:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.55;
  background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 78% 12%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 64% 72%,#efe9da 50%,transparent 51%),
  radial-gradient(1px 1px at 28% 82%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 88% 58%,#cfd6f0 50%,transparent 51%),radial-gradient(1.6px 1.6px at 44% 34%,#dcb56b 50%,transparent 51%),
  radial-gradient(1px 1px at 6% 62%,#cfd6f0 50%,transparent 51%),radial-gradient(1.2px 1.2px at 94% 88%,#fff 50%,transparent 51%)}
body.task-login #layout,body.task-login #layout-content{background:transparent!important}
body.task-login #layout-content{color:var(--mx-paper)}
body.task-login #logo{max-width:260px;margin:0 auto 1.4rem;display:block}
body.task-login #login-form{background:rgba(11,12,20,.82);border:1px solid rgba(220,181,107,.38);border-radius:14px;padding:2rem 2rem 1.6rem;
  box-shadow:0 30px 80px rgba(0,0,0,.55);max-width:420px;margin:0 auto;backdrop-filter:blur(6px)}
body.task-login #login-form table td{padding:.35rem 0}
body.task-login #login-form input.form-control{background:rgba(239,233,218,.06)!important;border:1px solid rgba(239,233,218,.22)!important;color:var(--mx-paper)!important;
  height:2.9rem;font-size:1rem;border-radius:8px}
body.task-login #login-form input.form-control::placeholder{color:rgba(239,233,218,.45)}
body.task-login #login-form .input-group-text{background:transparent!important;border-color:rgba(239,233,218,.22)!important;color:var(--mx-gold)!important}
body.task-login #rcmloginsubmit{height:2.9rem;border-radius:8px;font-size:1rem;letter-spacing:.02em;margin-top:.6rem}
body.task-login #login-footer,body.task-login .mx-login-note{color:rgba(239,233,218,.55);text-align:center;font-size:.8rem;letter-spacing:.06em}
body.task-login .mx-login-note{position:fixed;left:0;right:0;bottom:1.2rem}
body.task-login .mx-login-note b{color:var(--mx-gold);font-weight:500}
body.task-login #message .alert,body.task-login .ui.alert{border-radius:8px}
@media (max-width:480px){body.task-login #login-form{padding:1.4rem 1.1rem;margin:0 12px}}