/* Suhoo Staff Mail — a presentation layer over the original Elastic components. */
@font-face{font-family:SuhooInter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--suhoo-lime:#a5f478;--suhoo-forest:#123526;--suhoo-ink:#1a2b22;--suhoo-muted:#7a877d;--suhoo-line:#e7ece5;--suhoo-paper:#f4f6f2;--suhoo-soft:#edf7e8}
html,body{background:var(--suhoo-paper)!important;color:var(--suhoo-ink);font-family:SuhooInter,Inter,Arial,sans-serif}
body{font-size:13px;-webkit-font-smoothing:antialiased}
input,textarea,select,button,.popover,.ui-dialog{font-family:SuhooInter,Inter,Arial,sans-serif}
::selection{background:#d4f7bd;color:#173521}
a{color:#285a34}a:hover{color:#153e21}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6abb46!important;outline-offset:3px}
input[type=checkbox],input[type=radio]{accent-color:#4f9338}
.btn-primary,.btn-primary.disabled,.btn-primary:disabled{background:var(--suhoo-forest);border-color:var(--suhoo-forest);box-shadow:none}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:#285439!important;border-color:#285439!important;box-shadow:none!important}
.btn-secondary{background:#f1f5ee;border-color:#e2e9dd;color:#38513b}
.form-control,.custom-select{border-color:#dfe7da;border-radius:9px;color:var(--suhoo-ink)}
.form-control:focus,.custom-select:focus{border-color:#83bd65;box-shadow:0 0 0 3px #a5f47824}
.popover,.popupmenu,.ui-dialog{border-color:var(--suhoo-line);border-radius:13px;box-shadow:0 12px 40px #17331c15;overflow:hidden}
.popupmenu .listing li>a:hover,.listing li.selected>a,.listing tr.selected>td{background:#e7f5df;color:#203d22}
.ui-dialog .ui-dialog-titlebar{background:#f4f8f1;border-bottom-color:var(--suhoo-line)}
#taskmenu .theme{display:none!important}

/* Login: the native form, token and error handling stay intact. */
body.task-login{overflow:auto!important;background:#fafbf8!important}
body.task-login #layout{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;min-height:100dvh;height:auto!important;padding:24px;overflow:visible!important;max-width:1800px;margin:auto}
.suhoo-welcome{position:relative;display:flex;flex-direction:column;background:var(--suhoo-lime);border-radius:25px;padding:34px 42px 26px;min-height:calc(100dvh - 48px);overflow:hidden;color:#113423}
.suhoo-login-brand{display:block;width:190px;max-width:48%;position:relative;z-index:1}
.suhoo-login-brand img{width:100%;height:auto}
.suhoo-welcome-copy{margin-top:clamp(50px,9vh,100px);position:relative;z-index:1}
.suhoo-welcome-label{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:650;letter-spacing:1.65px;margin-bottom:24px}
.suhoo-welcome-label i{width:5px;height:5px;border-radius:50%;background:#245932}
.suhoo-welcome h1{font-size:clamp(50px,5.3vw,82px);font-weight:650;line-height:1.025;letter-spacing:-3.5px;margin:0 0 24px;color:#123526}
.suhoo-welcome h1 span{color:#426e39}
.suhoo-welcome-copy p{font-size:13px;font-weight:450;line-height:1.8;margin:0;color:#355d32}
.suhoo-welcome-art{width:clamp(230px,30vw,410px);height:auto;max-width:90%;align-self:flex-end;margin-top:8px;margin-right:-22px;flex-shrink:1}
.suhoo-welcome-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid #26532430;padding-top:20px;font-size:10px;font-weight:500;letter-spacing:.1px;gap:12px}
.suhoo-welcome-footer>span:last-child{font-size:21px;font-weight:400}
body.task-login #layout-content{grid-column:2;grid-row:1;display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:none!important;width:100%;height:auto!important;min-height:calc(100dvh - 48px);padding:52px clamp(24px,4.6vw,82px);margin:0!important;background:#fff!important;border:1px solid #edf0e8;border-radius:25px;overflow:visible;box-shadow:none}
body.task-login #layout-content>#logo{display:none!important}
body.task-login #login-form{position:static!important;top:auto!important;width:100%;max-width:385px;margin:0;padding:0;color:var(--suhoo-ink);text-align:left!important}
.suhoo-login-intro{margin-bottom:38px}
.suhoo-eyebrow{display:block;font-size:10px;font-weight:650;letter-spacing:2px;color:#789073;margin-bottom:18px}
.suhoo-login-intro h2{font-family:SuhooInter,Inter,Arial,sans-serif;font-size:38px;line-height:1.1;letter-spacing:-1.6px;font-weight:600;margin:0 0 15px;color:#1b3022}
.suhoo-login-intro p{font-size:13px;line-height:1.7;color:var(--suhoo-muted);margin:0}
body.task-login #login-form table,body.task-login #login-form tbody,body.task-login #login-form tr,body.task-login #login-form td{display:block!important;width:100%;padding:0;border:0;background:transparent}
body.task-login #login-form td.title{height:auto!important;clip:auto!important;overflow:visible!important;position:static!important;opacity:1;visibility:visible;text-align:left}
body.task-login #login-form td.title label{display:block!important;margin:0 0 10px;font-size:12px;font-weight:550;color:#3d4e3e}
body.task-login #login-form .input-group-prepend{display:none!important}
body.task-login #login-form input:focus-visible{outline:0!important}
body.task-login #login-form tr{margin:0 0 23px}
body.task-login #login-form input.form-control{display:block;width:100%!important;height:53px;border:1px solid #dfe6d9!important;border-radius:10px!important;background:#fbfcf9!important;padding:0 17px!important;font-size:13px!important;font-weight:400;line-height:1.4;color:#1d3422;box-shadow:none;transition:border-color .16s,box-shadow .16s}
body.task-login #login-form input.form-control:focus{background:white!important;border-color:#84b967!important;box-shadow:0 0 0 3px #a5f47825}
body.task-login #login-form input.form-control::placeholder{color:#a1aba0;font-weight:400;opacity:1}
body.task-login #login-form #rcmloginpwd{padding-right:68px!important}
.suhoo-password-field{position:relative}
.suhoo-password-toggle{position:absolute;right:13px;top:0;bottom:0;margin:auto;border:0;background:none;color:#6b8166;font-size:10px;font-weight:600;padding:8px;cursor:pointer;height:36px;line-height:20px;border-radius:5px}
.suhoo-password-toggle:hover{color:#1c4824;background:#eef6e8}
body.task-login #login-form .formbuttons{margin:31px 0 0;padding:0}
body.task-login #rcmloginsubmit{display:flex!important;align-items:center;justify-content:space-between;width:100%;height:53px;border:0!important;border-radius:10px!important;background:var(--suhoo-forest)!important;color:white!important;padding:0 19px!important;font-size:13px!important;font-weight:550;box-shadow:none!important;transition:background .16s}
body.task-login #rcmloginsubmit:hover{background:#285439!important}
body.task-login #rcmloginsubmit:before{display:none!important}
body.task-login #rcmloginsubmit>span{font-size:21px;font-weight:400;line-height:1}
.suhoo-login-help{font-size:11px!important;line-height:1.8!important;text-align:left!important;color:#8b9689!important;margin:25px 0 0!important}
body.task-login #login-footer{border-top:1px solid var(--suhoo-line);padding:24px 0 0!important;margin:38px 0 0!important;line-height:1.8;font-size:10px!important;color:#929c8f;text-align:left!important;background:transparent}
body.task-login #login-footer a{color:#476b3c;font-weight:500}
body.task-login #messagestack{z-index:9999;max-width:430px;right:40px;left:auto;bottom:30px}

/* Workspace surfaces and native controls. */
body:not(.task-login) #layout{background:var(--suhoo-paper)}
#layout-menu{background:var(--suhoo-forest)!important;border:0!important}
#layout-menu .popover-header{background:transparent!important;border:0}
#layout-menu .popover-header img{width:42px;height:42px;max-width:42px;max-height:42px;padding:0}
#taskmenu{background:transparent!important}
#taskmenu a{color:#c8d9cb!important;border-radius:10px;transition:background .15s,color .15s}
#taskmenu a:hover{background:#ffffff15!important;color:#fff!important}
#taskmenu a.selected{background:#ffffff16!important;color:#c7f5b0!important}
#taskmenu a.compose{background:var(--suhoo-lime)!important;color:#173c23!important;box-shadow:none!important;border-radius:12px!important}
#taskmenu a.compose:hover{background:#c0ff9b!important;color:#15331f!important}
#taskmenu a.logout{color:#bdcfbf!important}
#taskmenu a.logout:hover{background:#ffffff13!important;color:white!important}
#layout-sidebar{background:var(--suhoo-paper)!important;border-color:var(--suhoo-line)!important}
#layout-sidebar>.header{background:transparent;border-color:var(--suhoo-line);color:#365039}
#layout-sidebar .header-title.username{font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;color:#3e533e}
.suhoo-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:#d9edce;color:#335929;flex-shrink:0;font-size:13px;font-weight:600;margin-right:10px}
.suhoo-folder-caption{padding:28px 22px 13px;font-size:9px;font-weight:650;letter-spacing:1.8px;color:#97a18e}
.folderlist li>a,.folderlist li .virtual{border:0!important;color:#67755f;font-size:12px;font-weight:450}
.folderlist li>a:before{color:#82907a}
.folderlist li.selected>a,.folderlist li.selected>.virtual{background:#e0efd6!important;color:#294f25!important;font-weight:600}
.folderlist li.selected>a:before{color:#446e31!important}
.folderlist li>a:hover{background:#eaf0e5!important;color:#344e2c}
.folderlist li .unreadcount{background:#e4ebdf!important;color:#64795a;border-radius:6px;font-size:9px;min-width:19px;line-height:18px;box-shadow:none}
.folderlist li.selected .unreadcount{background:#fff!important;color:#436235}
#layout-sidebar .footer{background:transparent;border-color:var(--suhoo-line);color:#8b9782;font-size:10px}
#layout-list,#layout-content{background:#fff!important;border-color:var(--suhoo-line)!important}
.header,.footer{border-color:var(--suhoo-line)!important}
#layout-list>.header,#layout-content>.header{background:#fff!important;color:#263f2b;border-color:var(--suhoo-line)}
#layout-list .header-title{font-weight:600;letter-spacing:-.5px;color:#2d452c}
.header a.button.icon:before,.toolbar a:before{color:#82917d}
.header a.button.icon:hover:before,.toolbar a:hover:before{color:#3e6830}
.toolbar a{color:#53684b}
.toolbar a:hover{background:#f0f6eb!important;color:#35572c}
.searchbar{background:#fff!important;border-color:var(--suhoo-line)!important;padding:15px 19px!important}
.searchbar input{border:1px solid #e9ede4!important;background:#f5f7f2!important;border-radius:9px!important;height:36px!important;font-size:11px!important;color:#41553b;box-shadow:none!important}
.searchbar form:before{color:#94a18b}
.messagelist{font-size:12px;color:#687363}
.messagelist tr{background:#fff}
.messagelist tr:nth-child(even){background:#fff}
.messagelist td{border-color:#edf0e9!important}
.messagelist tr.selected td,.messagelist tr.selected.focused td{background:#edf7e6!important;color:#244722!important}
.messagelist tr:hover td{background:#f6f9f2}
.messagelist .subject span.subject{font-weight:550;color:#2c4029}
.messagelist .fromto,.messagelist .date{color:#97a18f}
.messagelist .unread .subject span.subject,.messagelist tr.unread .subject span.subject{font-weight:650;color:#243e22}
.messagelist .message .msgicon.unread:before{color:#68a548}
.messagelist .flagged:before{color:#b28d46!important}
.messagelist tr.flagged td,.messagelist tr.flagged span.fromto,.messagelist tr.flagged span.date,.messagelist tr.flagged span.subject{color:#3e5635!important}
.messagelist tr.flagged td.subject a,.messagelist tr.flagged td.subject span.subject a{color:#3e5635!important}
.messagelist .threads:before{color:#7e9670}
.listing tr.selected .subject,.listing tr.selected .fromto{color:#284b22}
.pagenav,.listbox>.footer{background:#fff;border-color:var(--suhoo-line);color:#96a08e;font-size:10px}
.quota-widget{color:#94a08a}
.quota-widget:before{color:#72a94c}
#message-header{padding:28px 30px 23px;border-color:var(--suhoo-line);background:#fff}
#message-header .subject{font-size:23px;font-weight:600;letter-spacing:-.6px;color:#233b25;line-height:1.4}
#message-header .headers-table{color:#74836b;font-size:12px}
#message-header .headers-table td.header-title{color:#9aa590}
#message-header a{color:#3d6131}
#message-header .flagged:before{color:#b28d46!important}
#messagebody{padding:18px 30px;line-height:1.8;color:#40533a}
#messagebody .message-part div.pre{font-family:SuhooInter,Inter,Arial,sans-serif!important;font-size:13px;line-height:1.85}
#message-objects div{border-radius:9px}
#compose-content{background:#fff}
#compose-content .form-group{border-color:var(--suhoo-line)}
#composeheaders{padding:20px 28px;background:#fff;border-color:var(--suhoo-line)}
#composeheaders .input-group-text{background:#f6f9f2;color:#7d8e72;border-color:var(--suhoo-line);font-size:11px}
#composeheaders .form-control,#composeheaders .recipient-input{background:#fff;color:#34492b}
#compose-subject{font-size:17px;font-weight:550;color:#273f24}
#composebody{font-size:14px;line-height:1.8;color:#34472e}
#compose-attachments{padding:24px!important;border-color:var(--suhoo-line)}
#compose-attachments .btn{font-size:11px;border-radius:8px;padding:9px 12px}
#compose-options{padding:18px 22px;color:#7a886e;font-size:11px}
#compose-toolbar .send,#messagetoolbar .send{background:var(--suhoo-lime)!important;border-radius:9px;color:#1a3d20!important}
#compose-content .btn.send{border-radius:9px;padding:10px 19px;font-size:12px}

@media(min-width:1025px){
  body:not(.task-login):not(.action-print) #layout{padding:14px;gap:12px}
  body:not(.task-login) #layout-menu{position:relative;width:76px;min-width:76px;flex:0 0 76px;border-radius:18px;overflow:hidden}
  #layout-menu .popover-header{height:85px;display:flex;align-items:center;justify-content:center;padding:0!important}
  #taskmenu{position:static!important;width:100%!important;min-width:0;padding:0 12px}
  #taskmenu a{margin:4px 0 12px;padding:10px 0 8px;width:52px;min-width:0;max-width:52px;line-height:1.3;font-size:9px}
  #taskmenu a:before{font-size:19px;margin-bottom:6px;line-height:1.3}
  #taskmenu .action-buttons{display:block;margin:0 0 25px;padding:0}
  #taskmenu a.compose{height:48px;padding:13px 0}
  #taskmenu a.compose:before{margin:0;font-size:19px}
  #taskmenu a.compose .inner{display:none}
  #taskmenu .special-buttons{position:absolute!important;left:12px!important;right:12px!important;bottom:5px!important;width:52px!important;background:transparent!important}
  #layout-sidebar:not(.sidebar-right){flex:0 0 230px;min-width:210px;max-width:270px;border-right:0!important}
  #layout-sidebar>.header{height:72px;min-height:72px;padding:0 12px;display:flex;align-items:center;border-bottom:0}
  #layout-sidebar .header-title.username{margin:0;line-height:1.4;white-space:nowrap}
  #layout-sidebar .sidebar-menu{margin-left:auto;flex-shrink:0}
  .folderlist{padding:0 10px}
  .folderlist li>a{border-radius:9px;margin:3px 0;min-height:43px;line-height:43px;padding-left:11px;padding-right:11px}
  .folderlist li>a:before{margin-right:12px}
  #layout-list{border:1px solid var(--suhoo-line);border-radius:16px;overflow:hidden;min-width:310px;max-width:34%;flex:3.4}
  #layout-list>#messagelist-header{height:72px;min-height:72px;padding:0 16px}
  #layout-list #messagelist-header>.header-title{display:inline-block!important;font-size:19px;line-height:72px;position:absolute;left:19px!important;right:auto!important;top:0!important;width:auto!important;max-width:calc(100% - 165px)!important;text-align:left!important;margin:0!important}
  #messagelist-header>.toolbar.menu{display:flex;align-items:center;position:absolute;right:48px;top:20px;height:32px;padding:0;border:0}
  #layout-list #messagelist-header>.toolbar.menu>a{width:28px!important;min-width:28px!important;max-width:28px!important;padding:6px 4px;line-height:1;font-size:0}
  #messagelist-header>.toolbar.menu>a:before{font-size:14px;margin:0;line-height:20px}
  #messagelist-header>.toolbar.menu>a .inner{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  #messagelist-header>.refresh{float:right;margin-left:auto}
  .messagelist td{padding-top:18px!important;padding-bottom:17px!important}
  .messagelist td.subject{padding-left:18px!important;padding-right:18px!important}
  .messagelist .subject span.subject{font-size:12px;line-height:1.5}
  .messagelist .fromto{font-size:11px;line-height:1.7}
  .messagelist .date{font-size:10px}
  #layout-content{border:1px solid var(--suhoo-line);border-radius:16px;overflow:hidden;min-width:0}
  #layout-content>.header{min-height:72px;height:72px;display:flex;align-items:center;padding:0 17px}
  #layout-content>.header .toolbar{width:100%;display:flex;align-items:center}
  .toolbar a{border-radius:7px;padding:10px 11px;font-size:10px}
  .toolbar a:before{margin-bottom:5px;font-size:16px}
  .column-resizer{width:10px}
  #layout-sidebar.sidebar-right{min-width:230px;max-width:255px;flex:0 0 240px;background:#fff!important;border:1px solid var(--suhoo-line)!important;border-radius:16px;overflow:hidden}
  .task-settings #layout-sidebar,.task-addressbook #layout-sidebar{border-radius:16px}
  .task-settings #layout-list,.task-addressbook #layout-list{min-width:270px}
}
@media(min-width:1025px) and (max-width:1270px){#layout-sidebar:not(.sidebar-right){flex-basis:200px;min-width:185px}.suhoo-avatar{width:29px;height:29px;margin-right:8px}#layout-list{min-width:280px}.toolbar a{padding:10px 8px}}
@media(max-width:1024px){
  body:not(.task-login) #layout{padding:0;gap:0}
  #layout-menu .popover-header img{margin:7px auto}
  #layout-menu .popover-header{height:60px}
  .suhoo-avatar{display:none}
  .suhoo-folder-caption{padding:17px 20px 9px}
  #layout-list .header-title{font-size:16px}
  .folderlist li>a{margin:2px 10px;border-radius:8px}
}
@media(max-width:900px) and (min-width:641px){
  body.task-login #layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px;gap:16px}
  .suhoo-welcome{padding:28px;min-height:calc(100dvh - 32px)}
  .suhoo-welcome h1{font-size:54px;letter-spacing:-2.7px}
  .suhoo-welcome-copy{margin-top:65px}
  .suhoo-welcome-copy p{font-size:11px}
  .suhoo-welcome-label{font-size:8px;letter-spacing:1px}
  .suhoo-welcome-footer{font-size:9px}
  body.task-login #layout-content{min-height:calc(100dvh - 32px);padding:35px 30px}
  .suhoo-login-intro h2{font-size:31px}
  .suhoo-login-intro p{font-size:11px}
}
@media(max-width:640px){
  body.task-login #layout{display:flex!important;flex-direction:column;gap:0;padding:0;min-height:100dvh}
  .suhoo-welcome{display:block;min-height:0;border-radius:0;padding:29px 27px 31px;overflow:hidden}
  .suhoo-login-brand{width:155px;max-width:60%;margin-bottom:31px}
  .suhoo-welcome-copy{margin:0;max-width:90%}
  .suhoo-welcome-label{font-size:8px;letter-spacing:1.3px;margin-bottom:16px}
  .suhoo-welcome h1{font-size:37px;line-height:1.05;letter-spacing:-1.5px;margin-bottom:0;max-width:310px}
  .suhoo-welcome h1 br{display:none}
  .suhoo-welcome h1 span{display:block;margin-top:4px}
  .suhoo-welcome-copy p,.suhoo-welcome-footer,.suhoo-welcome-art{display:none}
  body.task-login #layout-content{display:flex!important;flex:1;min-height:0;padding:37px 27px 32px;border:0;border-radius:0;background:#fff!important;align-items:stretch}
  body.task-login #login-form{max-width:440px;margin:0 auto}
  .suhoo-login-intro{margin-bottom:28px}
  .suhoo-eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:13px}
  .suhoo-login-intro h2{font-size:29px;letter-spacing:-1.1px;margin-bottom:11px}
  .suhoo-login-intro p{font-size:12px}
  body.task-login #login-form tr{margin-bottom:20px}
  body.task-login #login-form input.form-control{height:51px}
  body.task-login #login-form .formbuttons{margin-top:27px}
  .suhoo-login-help{font-size:10px!important;margin-top:22px!important}
  body.task-login #login-footer{margin-top:29px!important;padding-top:20px!important;font-size:9px!important}
  body.task-login #messagestack{max-width:calc(100vw - 28px);left:14px;right:14px;bottom:20px}
  #message-header{padding:22px 20px}
  #message-header .subject{font-size:20px}
  #messagebody{padding:14px 20px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}