@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@500;600;700&family=Onest:wght@400;500;600;700&display=swap");
/* IPSX Почта — тема в стиле Fleet (лайм-акцент, Onest/Unbounded). Светлая по умолчанию, тёмная = html.dark-mode (Elastic). */
:root{--bg:#f3f4f0;--panel:#fff;--raised:#eff1ea;--line:#e1e4db;--text:#14161a;--muted:#5d646e;--accent:#d7f75b;--accent-fg:#121405;--accent-hover:#c9ec3c;--ink:#4a6200;--sel:#f5fadc;--danger:#cf3b2d;--r:18px;--rs:12px}
html.dark-mode{--bg:#0c0d0f;--panel:#15171a;--raised:#1b1e22;--line:#24272c;--text:#f2f3f5;--muted:#a3a7af;--accent-hover:#e4ff7e;--ink:#d7f75b;--sel:#171a12;--danger:#ff6b5e}
body,input,select,textarea,button,.btn,.popupmenu,.listing{font-family:"Onest",system-ui,"Segoe UI",sans-serif!important}
html,body,#layout{background:var(--bg)!important;color:var(--text)}
#layout-menu{background:var(--bg)!important;border-right:1px solid var(--line)}
#layout-sidebar,#layout-list,#layout-content,.sidebar,.content,.frame-content,.formcontent{background:var(--panel)!important;color:var(--text)!important}
#layout-sidebar,#layout-list{border-right:1px solid var(--line)!important}
.header,.header-title,#layout-content>.header,.footer,.searchbar,.toolbar{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
.header-title{font-family:"Unbounded","Onest",sans-serif!important;font-weight:600}
#layout-menu .menu a,#layout-menu .menu a:before{color:var(--muted)!important}
#layout-menu .menu a{border-radius:var(--rs);margin:2px 6px}
#layout-menu .menu a:hover{background:var(--raised)!important;color:var(--text)!important}
#layout-menu .menu a.selected,#layout-menu .menu a.selected:before{background:var(--raised)!important;color:var(--ink)!important}
#layout-menu .menu a.compose{background:var(--accent)!important;color:var(--accent-fg)!important}
#layout-menu .menu a.compose:before{color:var(--accent-fg)!important}
#layout-menu .popover-header img,#layout-menu #logo{max-height:40px}
.listing li,.listing tr,table.messagelist tr,.listing li a,table.messagelist td{border-color:var(--line)!important;color:var(--text)}
.listing li.selected,.listing li.selected>a,table.messagelist tr.selected td,.listing tr.selected td,table.records-table tr.selected td{background:var(--sel)!important;color:var(--text)!important}
.listing li.selected>a,.listing li.selected>a:before{color:var(--ink)!important}
.listing li:hover,table.messagelist tr:hover td{background:var(--raised)!important}
table.messagelist tr.unread .subject a,table.messagelist tr.unread span.fromto{color:var(--text)!important;font-weight:700}
table.messagelist tr.unread td.selection:after,.unread-count,.listing .unreadcount{background:var(--accent)!important;color:var(--accent-fg)!important;border-radius:999px}
.btn-primary,.btn.btn-primary,button.btn-primary,input.btn-primary,.formbuttons .btn.submit{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-fg)!important;border-radius:var(--rs)!important;font-weight:600}
.btn-primary:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}
.btn-secondary,.btn.btn-secondary{background:var(--raised)!important;border-color:var(--line)!important;color:var(--text)!important;border-radius:var(--rs)!important}
.form-control,.custom-select,input[type=text],input[type=password],input[type=email],textarea{background:var(--panel)!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:var(--rs)!important}
.form-control:focus,input:focus,textarea:focus{border-color:var(--ink)!important;box-shadow:0 0 0 3px rgba(150,190,20,.22)!important}
a,.link{color:var(--ink)}
.toolbar a.button,.toolbar a.button:before{color:var(--muted)!important}
.toolbar a.button:hover,.toolbar a.button:hover:before{color:var(--ink)!important}
.popover,.popupmenu,.ui-dialog,.ui-widget-content{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important}
.popupmenu a.active{color:var(--text)!important} .popupmenu a:hover,.popupmenu a.selected{background:var(--raised)!important}
.ui-dialog-titlebar{background:var(--panel)!important}
.boxinformation,.boxconfirmation{border-radius:var(--rs)}
.messagelist .flag span.flagged:before,.flagged .subject a{color:var(--danger)!important}
/* вход */
body.task-login{background:radial-gradient(1200px 600px at 10% -10%,rgba(215,247,91,.35),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(91,212,138,.25),transparent 60%),var(--bg)!important}
html.dark-mode body.task-login{background:radial-gradient(1200px 600px at 10% -10%,rgba(215,247,91,.16),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(91,212,138,.10),transparent 60%),#0c0d0f!important}
body.task-login #layout,body.task-login #layout-content{background:transparent!important}
#login-form{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:34px 30px 26px!important;max-width:420px;width:calc(100% - 32px);box-shadow:0 30px 80px -30px rgba(20,22,26,.35)}
#login-form #logo{max-width:220px;margin:0 0 6px}
#login-form .ipsx-hero{margin:4px 0 18px;text-align:left}
#login-form .ipsx-kicker{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
#login-form .ipsx-hero h1{font-family:"Unbounded","Onest",sans-serif;font-size:26px;font-weight:600;margin:6px 0 4px;color:var(--text)}
#login-form .ipsx-hero p{color:var(--muted);margin:0;font-size:14px}
#login-form table td{padding:6px 0}
#login-form input.form-control{height:46px!important}
#login-form .formbuttons .btn{width:100%;height:48px;font-size:15px}
#login-footer,#login-footer a{color:var(--muted)!important}
@media (max-width:480px){#login-form{padding:26px 18px 20px!important;border-radius:18px}#login-form .ipsx-hero h1{font-size:22px}}
#layout-content .watermark,.watermark,iframe.watermark,#messagecontframe{background-color:var(--panel)!important}
#layout-menu #logo{max-width:44px}
#layout-menu .special-buttons,#layout-menu .special-buttons a{background:var(--bg)!important;color:var(--muted)!important}