/* GPSHub Mail 1.0.0 — Elastic 1.6 child skin. Interface chrome only.
   No selectors for message content, editor bodies or printable documents. */
:root {
  --gh-bg:#f5f7f8; --gh-surface:#fff; --gh-ink:#172b36; --gh-muted:#60717d;
  --gh-line:#dfe6e9; --gh-accent:#147d73; --gh-action:#126e65;
  --gh-hover:#edf5f3; --gh-selected:#deefeb; --gh-nav:#122e32;
  --gh-on-accent:#fff; --gh-focus:#147d73;
  --gh-font:'Avenir Next','Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
}
html.dark-mode {
  --gh-bg:#142126; --gh-surface:#1b2b30; --gh-ink:#e3edeb; --gh-muted:#a8bbb9;
  --gh-line:#34494c; --gh-accent:#79d2ba; --gh-action:#9bdfcd;
  --gh-hover:#243f41; --gh-selected:#2b4d4b; --gh-nav:#0e2327;
  --gh-on-accent:#122e32; --gh-focus:#9bdfcd;
}
html:root .task-login:not(#messagebody, #messagebody *, #composebody, #composebody *) {font-family:var(--gh-font);color:var(--gh-ink);background:var(--gh-bg);-webkit-font-smoothing:antialiased;}
html:root #layout-menu:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root #layout-sidebar:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root #layout-list:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root #layout>div>.header:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root #layout>div>.footer:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .task-settings #layout-content:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .task-addressbook #layout-content:not(#messagebody, #messagebody *, #composebody, #composebody *) {font-family:var(--gh-font);}
html:root #layout-sidebar:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:var(--gh-bg);border-color:var(--gh-line);}
html:root #layout-list:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root #layout-content:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:var(--gh-surface);border-color:var(--gh-line);}
html:root #layout>div>.header:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root #layout>div>.footer:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:var(--gh-surface);border-color:var(--gh-line);color:var(--gh-ink);}
html:root #layout-menu:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root #taskmenu:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root #taskmenu .special-buttons:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:var(--gh-nav);}
html:root #layout-menu #logo:not(#messagebody, #messagebody *, #composebody, #composebody *) {width:38px;height:38px;object-fit:contain;margin:15px auto;padding:0;opacity:1;}
html:root #taskmenu a:not(#messagebody, #messagebody *, #composebody, #composebody *) {color:#c4d6d6;transition:background-color 130ms,color 130ms;}
html:root #taskmenu a:not(.disabled):hover:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root #taskmenu a:focus-visible:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root #taskmenu a.selected:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:#23464a;color:#fff;}
html:root #taskmenu a.compose:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:#147d73;color:#fff;margin:0 6px 9px;border-radius:8px;}
html:root #taskmenu a.compose:not(.disabled):hover:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:#1b8b80;}
html:root #taskmenu .special-buttons a:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:var(--gh-nav);}
html:root #taskmenu .special-buttons a.logout:not(#messagebody, #messagebody *, #composebody, #composebody *) {color:#e4bfbb!important;}
html:root #layout-menu .popover-header:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:var(--gh-nav)!important;}
html:root #layout-sidebar>.header:not(#messagebody, #messagebody *, #composebody, #composebody *) {font-weight:650;letter-spacing:.015em;}
html:root #mailboxlist:not(#messagebody, #messagebody *, #composebody, #composebody *) {padding:16px 10px;}
html:root #mailboxlist li:not(#messagebody, #messagebody *, #composebody, #composebody *) {border:0;}
html:root #mailboxlist li>a:not(#messagebody, #messagebody *, #composebody, #composebody *) {border-radius:7px;margin:3px 0;}
html:root .listing li a:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .listing tbody td:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .listing tbody td a:not(#messagebody, #messagebody *, #composebody, #composebody *) {color:var(--gh-ink);}
html:root .listing li:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .listing tbody td:not(#messagebody, #messagebody *, #composebody, #composebody *) {border-color:var(--gh-line);}
html:root .listing li>a:hover:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .listing tr:hover td:not(#messagebody, #messagebody *, #composebody, #composebody *) {background-color:var(--gh-hover);}
html:root .listing li.selected:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .listing li.selected>a:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .listing tr.selected td:not(#messagebody, #messagebody *, #composebody, #composebody *) {background-color:var(--gh-selected);color:var(--gh-ink);}
html:root #mailboxlist .unreadcount:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:var(--gh-selected);color:var(--gh-action);border-radius:5px;font-weight:650;}
html:root #messagelist td.subject:not(#messagebody, #messagebody *, #composebody, #composebody *) {padding-top:11px;padding-bottom:11px;}
html:root #messagelist tr.unread td:not(#messagebody, #messagebody *, #composebody, #composebody *) {font-weight:650;}
html:root #messagelist td.subject span.fromto:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root #messagelist td.subject span.date:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .listing span.secondary:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .listing-info:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .pagenav-text:not(#messagebody, #messagebody *, #composebody, #composebody *) {color:var(--gh-muted);}
html:root #messagelist td.subject span.msgicon.status.unread:not(#messagebody, #messagebody *, #composebody, #composebody *):before ,html:root #messagelist td.flags span.flagged:not(#messagebody, #messagebody *, #composebody, #composebody *):before {color:var(--gh-accent);}
html:root .searchbar:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:var(--gh-surface);color:var(--gh-muted);border-color:var(--gh-line);}
html:root .searchbar input:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:transparent;color:var(--gh-ink);}
html:root .menu.toolbar a:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .menu.pagenav a:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root #layout>div>.header a.button:not(#messagebody, #messagebody *, #composebody, #composebody *) {color:var(--gh-ink);}
html:root .menu a:not(.disabled):hover:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .menu a:focus-visible:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:var(--gh-hover);}
html:root .form-control:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .custom-select:not(#messagebody, #messagebody *, #composebody, #composebody *) {background-color:var(--gh-surface);color:var(--gh-ink);border-color:var(--gh-line);border-radius:6px;}
html:root .form-control:focus:not(#messagebody, #messagebody *, #composebody, #composebody *) {border-color:var(--gh-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--gh-focus) 18%,transparent);}
html:root .btn-primary:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:var(--gh-action);border-color:var(--gh-action);color:var(--gh-on-accent);font-weight:600;}
html:root .btn-primary:not(:disabled):hover:not(#messagebody, #messagebody *, #composebody, #composebody *) {filter:brightness(1.08);}
html:root .btn-secondary:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:var(--gh-surface);border-color:var(--gh-line);color:var(--gh-ink);}
html:root .popover:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .popover-header:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .popover-body:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .ui-dialog:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .ui-dialog .ui-dialog-titlebar:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .ui-dialog .ui-dialog-content:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .ui-dialog .ui-dialog-buttonpane:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:var(--gh-surface);color:var(--gh-ink);border-color:var(--gh-line);}
html:root a:focus-visible:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root button:focus-visible:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root select:focus-visible:not(#messagebody, #messagebody *, #composebody, #composebody *) {outline:2px solid var(--gh-focus);outline-offset:3px;}
html:root .listing li.droptarget>a:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .listing tr.droptarget>td:not(#messagebody, #messagebody *, #composebody, #composebody *) {outline:2px dashed var(--gh-focus);background:var(--gh-selected);}
/* Login: a calm workspace entrance, not an imitation inbox. */
html:root .task-login #layout-content:not(#messagebody, #messagebody *, #composebody, #composebody *) {display:block;overflow:auto;padding:0;background:var(--gh-bg);text-align:left;}
html:root .task-login .gh-login:not(#messagebody, #messagebody *, #composebody, #composebody *) {min-height:100dvh;display:flex;flex-direction:column;max-width:1500px;margin:auto;padding:0 64px;}
.gh-masthead {display:flex;align-items:center;justify-content:space-between;padding:36px 0;border-bottom:1px solid var(--gh-line);gap:24px;}
.gh-brand {display:inline-flex;align-items:center;gap:12px;color:var(--gh-ink);font-size:22px;font-weight:700;letter-spacing:-.7px;text-decoration:none!important;}
.gh-brand:hover {color:var(--gh-accent);}
.gh-brand img {width:40px;height:40px;}
.gh-brand-mail {font-weight:400;color:var(--gh-muted);letter-spacing:-.4px;}
.gh-domain {font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:var(--gh-muted);}
.gh-login-main {display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:center;gap:88px;flex:1;padding:72px 0;max-width:1110px;width:100%;margin:auto;}
.gh-eyebrow {font-size:11px;letter-spacing:.19em;font-weight:700;color:var(--gh-accent);margin:0 0 23px;}
.gh-intro h1 {font-size:clamp(36px,3.8vw,54px);line-height:1.23;font-weight:650;letter-spacing:-1.8px;max-width:540px;margin:0 0 26px;text-wrap:balance;}
.gh-summary {color:var(--gh-muted);font-size:16px;line-height:1.9;max-width:410px;margin:0;}
.gh-intro-note {display:flex;align-items:center;gap:10px;color:var(--gh-muted);font-size:12px;margin-top:52px;}
.gh-status-dot {height:7px;width:7px;background:var(--gh-accent);border-radius:50%;flex:none;}
.gh-signin {background:var(--gh-surface);padding:40px 36px 28px;border:1px solid var(--gh-line);border-radius:14px;box-shadow:0 12px 34px #102d3210;}
.gh-signin .gh-eyebrow {margin-bottom:14px;}
.gh-signin h2 {font-size:26px;font-weight:650;letter-spacing:-.7px;margin:0 0 12px;color:var(--gh-ink);}
.gh-form-hint {font-size:13px;line-height:1.7;color:var(--gh-muted);margin-bottom:24px;}
html:root .task-login #login-form:not(#messagebody, #messagebody *, #composebody, #composebody *) {width:auto;max-width:none;margin:0;padding:0;text-align:left;position:static;top:auto;left:auto;transform:none;}
html:root .task-login #login-form .form-group:not(#messagebody, #messagebody *, #composebody, #composebody *) {margin-bottom:18px;}
html:root .task-login #login-form .input-group-text:not(#messagebody, #messagebody *, #composebody, #composebody *) {background:var(--gh-bg);border-color:var(--gh-line);color:var(--gh-muted);}
html:root .task-login #login-form .form-control:not(#messagebody, #messagebody *, #composebody, #composebody *) {min-height:48px;font-size:14px;}
html:root .task-login #rcmloginsubmit:not(#messagebody, #messagebody *, #composebody, #composebody *) {min-height:48px;width:100%;border-radius:7px;margin-top:7px;letter-spacing:.04em;}
html:root .task-login #login-footer:not(#messagebody, #messagebody *, #composebody, #composebody *) {margin:0;color:var(--gh-muted);}
.gh-signin-note {font-size:11px;line-height:1.7;color:var(--gh-muted);border-top:1px solid var(--gh-line);padding-top:19px;margin:22px 0 0;}
.gh-login-footer {display:flex;justify-content:space-between;border-top:1px solid var(--gh-line);padding:24px 0;color:var(--gh-muted);font-size:11px;gap:20px;}
@media(min-width:1025px) {html:root #layout-sidebar:not(#messagebody, #messagebody *, #composebody, #composebody *) {min-width:210px;} html:root #layout-list:not(#messagebody, #messagebody *, #composebody, #composebody *) {min-width:330px;} html:root #layout>div>.header:not(#messagebody, #messagebody *, #composebody, #composebody *) {height:58px;line-height:58px;}}
@media(max-width:1024px) {.gh-login-main {gap:36px;}html:root .task-login .gh-login:not(#messagebody, #messagebody *, #composebody, #composebody *) {padding:0 32px;} .gh-intro h1 {font-size:38px;}}
@media(max-width:767px) {
 html:root .task-login .gh-login:not(#messagebody, #messagebody *, #composebody, #composebody *) {padding:0 22px;}
 .gh-masthead {padding:24px 0;}.gh-domain {display:none;}.gh-brand {font-size:20px;}
 .gh-login-main {display:block;padding:34px 0;max-width:440px;}.gh-intro {margin-bottom:28px;}
 .gh-intro .gh-eyebrow,.gh-intro-note,.gh-summary {display:none;}.gh-intro h1 {font-size:29px;letter-spacing:-.8px;margin:0;}
 .gh-signin {padding:28px 23px 22px;border-radius:11px;}.gh-signin h2 {font-size:24px;}
 .gh-login-footer {padding:20px 0;}.gh-brand img {width:34px;height:34px;}
 html:root #taskmenu a:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root .menu.toolbar a:not(#messagebody, #messagebody *, #composebody, #composebody *) ,html:root #mailboxlist li>a:not(#messagebody, #messagebody *, #composebody, #composebody *) {min-height:44px;}
 html:root #taskmenu a.compose:not(#messagebody, #messagebody *, #composebody, #composebody *) {margin:0;border-radius:0;}
}
@media(prefers-reduced-motion:reduce) {html:root #taskmenu a:not(#messagebody, #messagebody *, #composebody, #composebody *) {transition:none;}}