/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/brand-fonts/Montserrat-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/brand-fonts/Montserrat-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/brand-fonts/Montserrat-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/brand-fonts/Montserrat-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/brand-fonts/Montserrat-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root { --fitovita-accent:#2f654e; --fitovita-bg:#f7f8f4; --fitovita-panel:#fff; --fitovita-ink:#173e34; --fitovita-muted:#49685d; --fitovita-line:#cbd7d1; }
body { font-family:Montserrat,Arial,sans-serif; }
#layout { background:var(--fitovita-bg);color:var(--fitovita-ink); }
#layout-menu { background:var(--fitovita-panel);border-right:1px solid var(--fitovita-line); }
#taskmenu a { color:var(--fitovita-muted); }
#taskmenu a.selected,#taskmenu a:hover { background:rgba(73,120,96,.12);color:var(--fitovita-accent); }
#taskmenu a.compose { background:var(--fitovita-accent);color:white; }
#layout-sidebar,#layout-list,#layout-content { border-color:var(--fitovita-line); }
#layout-sidebar .header,#layout-list .header,#layout-content .header,.menu.toolbar { background:var(--fitovita-panel);border-color:var(--fitovita-line); }
#layout-sidebar .treelist li.selected>a { background:rgba(73,120,96,.13);color:var(--fitovita-accent); }
.messagelist tbody tr.selected td { background:rgba(73,120,96,.15)!important;color:var(--fitovita-ink)!important; }
.messagelist tbody tr td { border-bottom:1px solid var(--fitovita-line); }
#logo { content:url('/fitovita-brand/logo-light.svg');object-fit:contain; }
body.task-login { background:var(--fitovita-bg);color:var(--fitovita-ink); }
body.task-login #layout { min-height:100vh; }
body.task-login #layout-content { background:var(--fitovita-panel);border:1px solid var(--fitovita-line);border-radius:18px;box-shadow:0 20px 80px rgba(23,62,52,.08);padding:38px;max-width:420px;margin:auto; }
body.task-login #logo { width:260px;max-height:none;height:66px;margin:0 auto 25px; }
body.task-login #login-form { margin:0; }
body.task-login input.form-control { background:var(--fitovita-bg);border:1px solid var(--fitovita-line);color:var(--fitovita-ink);border-radius:7px;min-height:47px; }
body.task-login input.form-control:focus { border-color:var(--fitovita-accent);box-shadow:0 0 0 3px rgba(73,120,96,.13); }
body.task-login #rcmloginsubmit { background:var(--fitovita-accent);border:0;border-radius:7px;min-height:47px;font-weight:600; }
body.task-login #login-footer { color:var(--fitovita-muted);font-size:12px; }

@media(min-width:1000px) {
 body.task-login #layout { display:flex;align-items:center;justify-content:center;padding:80px 50px;gap:75px; }
 body.task-login #layout::before { content:'';display:block;width:420px;height:420px;flex:0 1 420px;background:url('/fitovita-brand/graph.svg?v=fitovita-frame-20261007-6') center/contain no-repeat; }
 body.task-login #layout-content { flex:0 0 390px;width:390px;margin:0; }
}
@media(max-width:600px) {body.task-login #layout-content {width:calc(100% - 34px);padding:28px 22px;box-shadow:none;} body.task-login #logo {width:230px;}}
/* Elastic positions its login elements for the stock full-height layout. */
body.task-login #layout-content { height:auto!important;min-height:0;overflow:visible;display:block; }
body.task-login #logo { position:static!important;top:auto!important;left:auto!important;transform:none!important;margin:0 auto 26px!important;display:block; }
body.task-login #login-form { position:static!important;top:auto!important;left:auto!important;transform:none!important;width:100%;max-width:none;padding:0;margin:0!important; }
body.task-login #login-footer { position:static!important;bottom:auto!important;left:auto!important;transform:none!important;width:auto;margin:22px 0 0!important;text-align:center; }

/* Compact menu uses the site icon; the empty preview retains the graph. */
#layout-menu #logo{
 content:url('/fitovita-brand/favicon.svg?v=fitovita-icon-20261007-7');width:34px;height:34px;max-width:34px;object-fit:contain;
}
/* Complete the domain palette inside Elastic, throughout the application. */
#layout > #layout-sidebar,#layout > #layout-list,#layout > #layout-content {
 background:var(--fitovita-panel);color:var(--fitovita-ink);
}
#layout .header,#layout .footer,#layout .searchbar,#layout .listing thead th {
 background:var(--fitovita-panel)!important;color:var(--fitovita-muted)!important;border-color:var(--fitovita-line)!important;
}
#layout .searchbar input,#layout input.form-control,#layout textarea.form-control,#layout select.form-control {
 background:var(--fitovita-bg)!important;color:var(--fitovita-ink)!important;border-color:var(--fitovita-line)!important;
}
#layout input.form-control:focus,#layout textarea.form-control:focus,#layout select.form-control:focus {
 border-color:var(--fitovita-accent)!important;box-shadow:0 0 0 3px rgba(73,120,96,.12)!important;
}
#layout #taskmenu a.compose{
 color:var(--fitovita-panel)!important;background:var(--fitovita-accent)!important;
}
#layout #taskmenu a.compose::before{color:inherit!important;}
#layout .menu.toolbar a,#layout .menu.toolbar a::before,#layout .listing td,#layout .listing td a {
 color:var(--fitovita-muted)!important;
}
#layout .listing tr.unread td,#layout .listing tr.unread td a {color:var(--fitovita-ink)!important;}
#layout .menu.toolbar a:not(.disabled):hover,#layout .menu.toolbar a:not(.disabled):hover::before {
 color:var(--fitovita-accent)!important;
}
#layout .listing tr.selected td,#layout .listing tr.selected td a {
 background:rgba(73,120,96,.14)!important;color:var(--fitovita-ink)!important;
}
#layout #mailboxlist li.selected>a,#layout #mailboxlist li.selected>a::before {
 background:rgba(73,120,96,.13)!important;color:var(--fitovita-accent)!important;
}
#layout #mailboxlist li>a,#layout #mailboxlist li>a::before {color:var(--fitovita-muted)!important;}
#layout button.mainaction,#layout input.mainaction,#layout a.button.mainaction {
 background:var(--fitovita-accent)!important;border-color:var(--fitovita-accent)!important;color:var(--fitovita-panel)!important;
}
#layout .menu.toolbar a.disabled {opacity:.4;}
#layout .listing td {border-color:var(--fitovita-line)!important;}

/* Keep native menu overrides inside the Fitovita palette. */
#layout #layout-menu {background:var(--fitovita-panel)!important;border-color:var(--fitovita-line)!important;}
#layout #taskmenu a:not(.compose),#layout #taskmenu a:not(.compose)::before {
 color:var(--fitovita-muted)!important;background:transparent!important;
}
#layout #taskmenu a.selected:not(.compose),#layout #taskmenu a.selected:not(.compose)::before,
#layout #taskmenu a:not(.compose):hover,#layout #taskmenu a:not(.compose):hover::before {
 color:var(--fitovita-accent)!important;
}
#layout #taskmenu a.selected:not(.compose),#layout #taskmenu a:not(.compose):hover {
 background:rgba(73,120,96,.12)!important;
}

/* Montserrat: text controls inherit the brand font; icon fonts stay native. */
body,input,textarea,select,button,.form-control {font-family:Montserrat,Arial,sans-serif!important;}
/* Fitovita: an ivory canvas, forest green, and the unchanged approved ice. */
body.task-login #layout{background:var(--fitovita-bg);}
body.task-login #layout-content{padding:48px 38px 36px;max-width:430px;box-shadow:0 18px 65px rgba(23,62,52,.06);background:var(--fitovita-panel)!important;}
body.task-login #logo{height:78px!important;width:290px;max-width:100%;margin-bottom:28px!important;}
body.task-login #login-footer{font-size:12px;letter-spacing:.04em;}
body.task-login input.form-control{border-radius:7px!important;}
body.task-login #login-form .input-group-text{background:var(--fitovita-bg)!important;border-color:var(--fitovita-line)!important;color:var(--fitovita-muted)!important;}
body.task-login #rcmloginsubmit{color:#fff!important;font-weight:600;}
#layout-menu #logo{content:url('/fitovita-brand/favicon.svg?v=20261012-1');}
#layout a{color:var(--fitovita-accent);}
#layout .listing tbody tr td{background:var(--fitovita-panel);}
#layout .listing tbody tr:nth-child(even):not(.selected) td{background:var(--fitovita-bg);}
#layout .treelist li.selected>a{background:rgba(73,120,96,.14)!important;color:var(--fitovita-accent)!important;}
#layout .btn-primary,#layout .btn-primary:hover{background:var(--fitovita-accent);border-color:var(--fitovita-accent);color:var(--fitovita-panel);}
#layout .input-group-text,.ui-dialog,.ui-dialog .ui-dialog-titlebar,.popover,.popupmenu{background:var(--fitovita-panel)!important;color:var(--fitovita-ink)!important;border-color:var(--fitovita-line)!important;}
#layout .input-group-text::before{color:var(--fitovita-muted)!important;}
@media(min-width:1000px){
 body.task-login #layout{gap:60px;padding:80px 40px;}
 body.task-login #layout::before{width:560px;height:395px;flex:0 1 560px;background:url('/fitovita-brand/approved-mockup.png') 100% 53.435%/153.0888% 135.89% no-repeat;clip-path:polygon(38.6% 0,100% 0,100% 100%,0 100%,0 55.48%,14% 55.48%,14% 46.85%,32.82% 46.85%,32.82% 26.03%,38.6% 26.03%);mix-blend-mode:normal;mask-image:url('/fitovita-brand/ice-mask.svg');mask-size:100% 100%;}
 body.task-login #layout-content{width:400px;flex:0 0 400px;}
}
@media(max-width:999px){body.task-login #layout{padding:90px 0 40px;}body.task-login #layout-content{width:calc(100% - 40px);margin:auto;}}
@media(max-width:600px){body.task-login #layout-content{padding:35px 24px 28px;}body.task-login #logo{width:265px;height:72px!important;}}

@media(max-width:999px){body.task-login #layout-content{flex:0 1 430px;max-width:min(430px,calc(100% - 40px));min-width:0;}}
#layout input::placeholder{color:var(--fitovita-muted)!important;opacity:1;}
/* Native selection controls and tabs follow the same domain accent. */
#layout .custom-control-input:checked~.custom-control-label::before{background-color:var(--fitovita-accent);border-color:var(--fitovita-accent);}
#layout .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 3px rgba(73,120,96,.15);}
#layout .nav-tabs .nav-link.active{color:var(--fitovita-accent);background:var(--fitovita-panel);border-color:var(--fitovita-line);}
#layout .nav-pills .nav-link.active{background:var(--fitovita-accent);color:var(--fitovita-panel);}
#layout .page-item.active .page-link{background:var(--fitovita-accent);border-color:var(--fitovita-accent);color:var(--fitovita-panel);}

/* Only light mode is supported on mail.fv96.ru. */
html{color-scheme:light;}
#taskmenu a.theme,.fitovita-theme-switch{display:none!important;}
/* The bottom About/Logout controls share the light navigation background. */
#layout #taskmenu .special-buttons{background:var(--fitovita-panel)!important;border-top:1px solid var(--fitovita-line);}
#layout #taskmenu .special-buttons a:not(.theme){background:var(--fitovita-panel)!important;color:var(--fitovita-muted)!important;}
#layout #taskmenu .special-buttons a:not(.theme)::before{color:inherit!important;}
#layout #taskmenu .special-buttons a:not(.theme):hover,#layout #taskmenu .special-buttons a:not(.theme):focus-visible{background:rgba(73,120,96,.12)!important;color:var(--fitovita-accent)!important;}
