/* STRADITEX AURUM. Elastic parent skin: CC BY-SA 3.0. */
:root{--wine:#4b1728;--wine-deep:#300d19;--gold:#b99a51;--gold-light:#d4ba7d;--milk:#f5efe3;--paper:#fffcf6;--ink:#391823;--muted:#766861;--line:#e4daca}
body,input,textarea,select,button,.btn,.ui-widget{font-family:Georgia,'Times New Roman',serif}
body{color:var(--ink);background:var(--milk)}
a{color:var(--wine)}a:hover{color:#77263e}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.btn-primary,.btn-primary.disabled,.btn-primary:disabled{background:var(--wine);border-color:var(--wine);color:var(--milk)}
.btn-primary:hover,.btn-primary:active,.btn-primary:not(:disabled):not(.disabled):active{background:#642039;border-color:#642039;color:#fff}
.btn-primary:focus,.form-control:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b99a5126}
.custom-control-input:checked~.custom-control-label::before{background:var(--wine);border-color:var(--wine)}
.form-control{color:var(--ink);border-color:var(--line);background:#fffcf8}
#layout-menu{background:var(--wine-deep);color:var(--milk);border-color:var(--wine-deep)}
#layout-menu .popover-header{background:var(--wine-deep);border-color:#ffffff15}
#layout-menu #logo{width:44px;height:50px;max-width:none;max-height:none;margin:12px auto;object-fit:contain}
#taskmenu a{color:#eddfc8}
#taskmenu a:hover,#taskmenu a.selected{background:var(--wine);color:var(--gold-light)}
#taskmenu a.compose{background:var(--gold-light);color:var(--wine-deep)}
#taskmenu a.compose:hover{background:#e0c98f;color:var(--wine-deep)}
#taskmenu a.logout{color:#eddfc8}
#layout-sidebar{background:var(--milk);border-color:var(--line)}
#layout-sidebar .header,#layout-list .header,#layout-content>.header{background:#f8f2e8;color:var(--wine);border-color:var(--line)}
#layout-sidebar .footer,#layout-list .footer,#layout-content>.footer{background:#f8f2e8;border-color:var(--line);color:var(--muted)}
#layout-list{background:var(--paper);border-color:var(--line)}
#layout-content{background:var(--paper);border-color:var(--line)}
.listing li{border-color:var(--line)}
.listing li.selected,.listing li.selected>div,.listing li.selected>a{background:#e9dec7;color:var(--wine-deep)}
.listing li:hover,.listing li>div:hover{background:#f0e7d8;color:var(--wine)}
.listing li>a,.listing li>div>a,.listing li a:before{color:var(--wine)}
.listing li .unreadcount{background:var(--wine);color:var(--milk);border-radius:10px}
.messagelist td,.messagelist tr.thread td{border-color:var(--line);color:var(--ink)}
.messagelist tr.selected td,.messagelist tr.focused>td{background:#e9dec7;color:var(--wine-deep)}
.messagelist tr.unread td{font-weight:bold}
.messagelist .subject .fromto,.messagelist .subject .date{color:var(--muted)}
.messagelist td.subject span.msgicon.status:before,.messagelist td.subject span.msgicon.flagged:before{color:var(--wine)}
.searchbar,.searchbar input{background:#fcf8ef;color:var(--ink);border-color:var(--line)}
.menu.toolbar a,.header a.button,.footer a.button{color:var(--wine)}
.menu.toolbar a.disabled{color:#8e8177}
.popover,.ui-dialog,.ui-dialog-content,.popupmenu{background:var(--paper);color:var(--ink)}
.popover-header,.ui-dialog-titlebar{background:var(--milk);color:var(--wine);border-color:var(--line)}
.popover .listing li.selected>a{color:var(--wine)}
.ui-dialog-buttonpane{background:var(--milk);border-color:var(--line)}
.watermark{background:var(--paper)}
.aurum-home-link{display:block;padding:13px 8px;text-align:center;font-size:12px;letter-spacing:.12em;color:var(--gold-light)!important;border-bottom:1px solid #ffffff1a}
.task-login #layout{height:auto;min-height:100vh}
.task-login #layout-content.aurum-login{display:grid!important;grid-template-columns:1fr 1fr;flex:none;width:100%;max-width:none;min-height:100vh;height:auto;padding:0;margin:0;overflow:visible;border:0;background:var(--milk)}
.aurum-brand{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:100vh;padding:40px 48px;color:var(--milk);background:linear-gradient(140deg,#4b1728cc,#300d19e6),url(images/ribbons.webp) center/cover}
.aurum-wordmark{position:relative;z-index:1;color:var(--gold-light)!important;font:27px 'Times New Roman',serif;letter-spacing:.15em;text-decoration:none!important}
.aurum-wordmark span{font-size:13px;letter-spacing:.18em;margin-left:8px}
.aurum-brand-center{text-align:center;padding:48px 0 62px}
.task-login #logo{display:block;width:108px;height:118px;max-width:none;max-height:none;margin:0 auto 34px;padding:0;object-fit:contain}
.aurum-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 20px;font-weight:normal;line-height:1.7}
.aurum-brand .aurum-eyebrow{color:var(--gold-light)}
.aurum-brand h2{font:48px/1.12 'Times New Roman',serif;max-width:350px;margin:0 auto;letter-spacing:-.025em;color:var(--milk)}
.aurum-rule{display:block;width:50px;height:1px;background:var(--gold);margin:30px auto 0}
.aurum-company{font-size:9px;letter-spacing:.16em;color:#d7c7b9;margin:0;line-height:1.7;text-align:center}
.aurum-company span{margin:0 8px;color:var(--gold)}
.aurum-form-panel{display:flex;align-items:center;justify-content:center;padding:65px 56px;min-width:0}
.aurum-form-wrap{width:100%;max-width:365px}
.aurum-lock{display:block;color:var(--gold);width:27px;height:29px;margin:0 0 24px}
.aurum-lock svg{width:100%;height:100%}
.aurum-form-panel .aurum-eyebrow{color:var(--muted);margin-bottom:14px}
.aurum-form-panel h1{font:42px/1.1 'Times New Roman',serif;letter-spacing:-.03em;margin:0 0 20px;color:var(--wine);max-width:330px}
.aurum-intro{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 30px;max-width:330px}
.task-login #login-form{width:100%;max-width:none;margin:0;}
.task-login #login-form table{width:100%}
.task-login #login-form .input-group{margin-bottom:16px}
.task-login #login-form .input-group-text{background:#fffcf8;color:var(--gold);border-color:#d9cdb8;border-radius:0}
.task-login #login-form .form-control{height:49px;background:#fffcf8;border-color:#d9cdb8;border-radius:0;font-size:16px;padding:12px 14px}
.task-login #login-form .input-group-append button{color:var(--wine);background:#fffcf8;border-color:#d9cdb8}
.task-login #login-form .btn-primary{height:50px;border-radius:0;margin-top:8px;font-size:15px;letter-spacing:.03em}
.task-login #login-footer{margin:22px 0 0;font-size:12px;color:var(--muted);text-align:start;line-height:1.65}
.aurum-help{margin:0}
.aurum-back{display:inline-block;font-size:13px;color:var(--wine);margin-top:40px;border-bottom:1px solid #cdbb9b;padding-bottom:5px;text-decoration:none!important}
.aurum-back span{margin-right:6px}
.task-login #messagestack{z-index:9999}
/* Elastic fixes individual task buttons to 78px and caps toolbar links at 6rem.
   Match the actual menu column and let long labels wrap instead of clipping. */
#layout-menu #taskmenu{width:100%;min-width:0}
#layout-menu #taskmenu .action-buttons,
#layout-menu #taskmenu .special-buttons{display:block;width:100%}
#layout-menu #taskmenu a{box-sizing:border-box;width:100%;max-width:none;min-width:0;white-space:normal;overflow:visible;text-overflow:clip}
#layout-menu #taskmenu a span.inner{white-space:normal;overflow-wrap:anywhere;word-break:normal;text-overflow:clip}
#layout-menu #taskmenu .special-buttons{background:var(--wine-deep)}
#layout-menu .popover-header{background-color:var(--wine-deep)!important}
/* Elastic absolutely positions the footer. Its containing block must be the
   menu column, so a 100% footer width cannot expand across the mail workspace.
   Preserve the positioned popover used by Elastic on phone-sized screens. */
@media(min-width:481px){#layout-menu{position:relative}}
@media(min-width:1025px){
  #layout-menu{width:126px;min-width:126px;flex-basis:126px}
  #layout-menu #taskmenu a{height:auto;min-height:70px;padding:12px 10px}
  #layout-menu #taskmenu a span.inner{display:block;font-size:14px;line-height:1.35;padding:0}
  #layout-menu .popover-header{height:94px}
  #layout-menu #logo{height:60px;width:52px}
}
@media(max-width:480px){#layout-menu #taskmenu a{height:auto;min-height:44px;line-height:1.4;padding:10px 12px}}
@media(min-width:1200px){#layout-sidebar{width:220px;min-width:220px}}
@media(max-width:900px){.aurum-brand{padding:30px 28px}.aurum-form-panel{padding:48px 32px}.aurum-brand h2{font-size:40px}.aurum-form-panel h1{font-size:36px}.aurum-wordmark{font-size:23px}}
@media(max-width:640px){.task-login #layout-content.aurum-login{display:flex!important;flex-direction:column;min-height:100svh}.aurum-brand{min-height:0;padding:21px 25px 25px;background-position:center 40%}.aurum-wordmark{font-size:22px}.aurum-brand-center{padding:24px 0 0}.task-login #logo{width:55px;height:60px;margin:0 auto 16px}.aurum-brand .aurum-eyebrow{font-size:9px;margin-bottom:9px}.aurum-brand h2{font-size:28px;max-width:none}.aurum-rule,.aurum-company{display:none}.aurum-form-panel{padding:32px 26px 38px;flex:1}.aurum-form-wrap{max-width:390px}.aurum-lock{display:none}.aurum-form-panel h1{font-size:34px;max-width:none;margin-bottom:14px}.aurum-form-panel .aurum-eyebrow{font-size:9px;margin-bottom:12px}.aurum-intro{font-size:14px;margin-bottom:23px;max-width:none}.aurum-back{margin-top:25px}.task-login #login-footer{margin-top:17px}.aurum-home-link{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}