:root{
  --classic-blue:#0878bd;--classic-blue-soft:#e2f2fc;--classic-green:#7ac356;
  --canvas:#edf1f4;--surface:#fff;--surface-soft:#f7f9fa;--ink:#17212d;--muted:#667383;--subtle:#96a0aa;--line:#d6dde3;
  --primary:var(--pw-accent,var(--classic-blue));--primary-dark:color-mix(in srgb,var(--primary) 82%,#00395e);--primary-soft:color-mix(in srgb,var(--primary) 10%,var(--surface));--primary-contrast:var(--pw-accent-text,#fff)
}
body.app-page .global-header{background:var(--pw-header-override,linear-gradient(90deg,color-mix(in srgb,var(--classic-blue) 82%,#00395e),var(--classic-blue)));border-bottom-width:var(--pw-header-divider-width,3px);border-bottom-style:var(--pw-header-divider-style,solid);border-bottom-color:var(--pw-header-divider-color,color-mix(in srgb,var(--classic-blue) 70%,#fff));box-shadow:none}
body.app-page .global-navigation{align-items:stretch;gap:2px;padding-right:4px}
body.app-page .global-navigation a{min-width:76px;flex-direction:column;gap:2px;padding:7px 10px 4px;font-size:var(--pw-text-2xs)}
body.app-page .global-navigation a:not(.compose-nav).active{color:var(--classic-blue);background:#fff}
body.app-page .global-navigation .compose-nav{height:auto;margin:5px 6px;background:color-mix(in srgb,var(--classic-blue) 86%,var(--pw-accent));border-radius:calc(var(--pw-radius) * .55)}
body.app-page .global-navigation a .pw-icon,body.app-page .global-tools .pw-icon{filter:drop-shadow(0 1px 0 rgba(255,255,255,.18))}
body.app-page[data-icon-set="classic"] .global-navigation .pw-icon{stroke-width:1.25}
body.app-page .mail-workspace{padding:7px 6px 9px}
body.app-page :is(.folder-panel,.message-list-panel,.reading-panel,.widget-panel){border:1px solid color-mix(in srgb,var(--classic-green) 70%,var(--line));border-radius:calc(var(--pw-radius) * .55);box-shadow:none}
body.app-page .folder-panel{background:#fff}
body.app-page .folder-panel-header,body.app-page .widget-panel-header{min-height:52px;border-bottom:1px solid var(--classic-green)}
body.app-page .folder-item{min-height:32px;border-radius:3px}
body.app-page .folder-item.active{color:#075f94;background:var(--classic-blue-soft);box-shadow:none}
body.app-page .folder-item>.pw-icon{color:var(--classic-blue)}
body.app-page .message-row{min-height:64px}
body.app-page .widget-card{border-color:color-mix(in srgb,var(--classic-green) 72%,var(--line));border-radius:4px}
body.app-page .widget-card summary{color:#fff;background:linear-gradient(90deg,var(--classic-green),#91cf68);border-radius:3px 3px 0 0}

body.app-page .mail-app[data-nav-style="line"] .global-navigation a:not(.compose-nav).active{background:transparent;border-radius:0;box-shadow:inset 0 -3px var(--pw-accent)}
body.app-page .mail-app[data-nav-style="pill"] .global-navigation a:not(.compose-nav).active{background:color-mix(in srgb,var(--pw-header-text) 14%,transparent);border-radius:999px;box-shadow:none}
body.app-page .mail-app[data-nav-style="background"] .global-navigation a:not(.compose-nav).active{background:color-mix(in srgb,var(--pw-header-text) 11%,transparent);border-radius:calc(var(--pw-radius) * .7);box-shadow:none}

@media(max-width:900px){body.app-page .global-navigation a{flex-direction:row;padding-inline:8px}body.app-page .mail-workspace{padding:5px}}