/* ParkNuri webmail brand: navy #01172E, green #075D42, lime #C9E76C */
:root { --pn-navy: #01172E; --pn-navy-2: #0b2a4a; --pn-green: #075D42; --pn-green-2: #064b36; --pn-lime: #C9E76C; }
body, button, input, select, textarea, .ui-widget {
  font-family: "NanumSquare", "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}
/* left task bar */
#layout-menu { background-color: var(--pn-navy); }
#layout-menu .popover-header { background-color: var(--pn-navy); }
#taskmenu a { color: #c5d0dc; }
#taskmenu a:hover, #taskmenu a:focus { background-color: var(--pn-navy-2); color: #fff; }
#taskmenu a.selected { background-color: var(--pn-navy-2); color: var(--pn-lime); }
#taskmenu a.compose, #taskmenu .action-buttons a { color: var(--pn-lime); }
/* primary actions and links */
.btn-primary, .btn-primary:focus { background-color: var(--pn-green); border-color: var(--pn-green); color: #fff; }
.btn-primary:hover, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active { background-color: var(--pn-green-2); border-color: var(--pn-green-2); color: #fff; }
a, .btn-link { color: var(--pn-green); }
a:hover, .btn-link:hover { color: var(--pn-green-2); }
.custom-control-input:checked ~ .custom-control-label::before, .custom-switch .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--pn-green); border-color: var(--pn-green); }
.form-control:focus, .custom-select:focus { border-color: var(--pn-green); box-shadow: 0 0 0 .2rem rgba(7, 93, 66, .18); }
/* sign-in page */
body.task-login { background: linear-gradient(160deg, #01172E 0%, #0b2a4a 62%, #075D42 130%); }
body.task-login #layout-content { background: transparent; }
body.task-login #login-form { background: #fff; border-radius: 16px; padding: 34px 30px 26px; box-shadow: 0 18px 50px rgba(0, 0, 0, .28); max-width: 380px; }
body.task-login #logo { max-width: 240px; width: 100%; height: auto; margin-bottom: 18px; }
body.task-login #login-footer { color: #c5d0dc; }
body.task-login #login-footer a { color: var(--pn-lime); }
/* dark mode (follows the viewer's system setting) */
html.dark-mode .btn-primary, html.dark-mode .btn-primary:focus { background-color: var(--pn-green); border-color: var(--pn-green); color: #fff; }
html.dark-mode .btn-primary:hover, html.dark-mode .btn-primary:active { background-color: #0a7a57 !important; border-color: #0a7a57 !important; }
html.dark-mode a, html.dark-mode .btn-link { color: var(--pn-lime); }
html.dark-mode body.task-login #login-form { background: #0d2238; box-shadow: 0 18px 50px rgba(0, 0, 0, .45); }
body.task-login #login-footer, html.dark-mode body.task-login #login-footer { color: #8b99a8; }
/* the logo artwork is navy; show it white wherever it sits on a dark surface */
body.task-login #logo, #layout-menu #logo, #layout-menu .popover-header img, html.dark-mode #logo { filter: brightness(0) invert(1); }