:root { --medpoint-green: #087e68; --medpoint-ink: #15382f; }
body.task-login { background: #eef5f1; color: #15382f; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body.task-login { height:auto!important; min-height:100vh; }
body.task-login #layout { background: radial-gradient(ellipse at 12% 8%,#d8eee2,transparent 55%),radial-gradient(ellipse at 95% 95%,#d4e8ed,transparent 50%),#eef5f1; display:flex; height:auto!important; min-height:100vh; align-items:center; justify-content:center; padding:40px 20px; overflow:auto!important; }
body.task-login #layout-content { background:#fff; border:1px solid #dfe9e3; border-radius:24px; box-shadow:0 20px 70px #143b2b14; width:440px; max-width:100%; height:auto; min-height:0; flex:0 1 440px; padding:40px; margin:0; overflow:visible; }
body.task-login #logo { position:static!important; top:auto!important; width:260px; height:76px; max-width:100%; margin:0 auto 24px; display:block; }
.medpoint-welcome { margin-bottom:28px; text-align:left; }
.medpoint-welcome .eyebrow { color:#087e68; font-size:11px; text-transform:uppercase; letter-spacing:1.8px; font-weight:700; margin-bottom:10px; }
.medpoint-welcome h2 { font-size:27px; line-height:1.25; font-weight:700; letter-spacing:-.6px; margin:0 0 8px; color:#15382f; }
.medpoint-welcome p { color:#64766f; font-size:14px; line-height:1.6; margin:0; }
body.task-login #login-form { position:static!important; top:auto!important; width:100%; max-width:none; margin:0; text-align:left; }
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; width:100%; }
body.task-login #login-form td.title { display:block!important; padding:0 0 7px!important; color:#304c41; font-size:13px; font-weight:600; }
body.task-login #login-form td.input { padding:0 0 19px!important; }
body.task-login #login-form td.input::before,body.task-login #login-form .input-group-prepend { display:none!important; }
body.task-login #login-form .form-group.row { margin-left:0!important; margin-right:0!important; }
body.task-login #login-form input.form-control { width:100%!important; min-width:0; flex:none; min-height:48px; height:48px; border:1px solid #ccdcd3; border-radius:10px!important; padding:12px 14px!important; background:#fbfdfb; font-size:15px; box-shadow:none; color:#173a30; }
body.task-login #login-form input.form-control:focus { border-color:#087e68; box-shadow:0 0 0 3px #087e681a; }
body.task-login #rcmloginsubmit { background:#087e68; border:1px solid #087e68; border-radius:10px; width:100%; min-height:48px; font-weight:650; font-size:15px; margin-top:4px; transition:background .15s,transform .15s; }
body.task-login #rcmloginsubmit:hover { background:#056652; transform:translateY(-1px); }
body.task-login #rcmloginsubmit::before { display:none; }
body.task-login #login-footer { margin-top:24px; border-top:1px solid #edf1ee; padding-top:20px; color:#73847b; font-size:12px; text-align:center; line-height:1.7; }
.medpoint-login-note { color:#73847b; font-size:12px; text-align:center; margin:17px 0 0; }
body:not(.task-login) #taskmenu { background:#133e34; }
body:not(.task-login) #taskmenu a.selected { background:#087e68; }
body:not(.task-login) #taskmenu a:hover { background:#1b5144; }
body:not(.task-login) #taskmenu .special-buttons a { color:#c5e4d8; }
.btn-primary { background-color:#087e68; border-color:#087e68; }
.btn-primary:hover { background-color:#056652; border-color:#056652; }
html.dark-mode body.task-login #layout-content { background:#fff; }
html.dark-mode body.task-login #login-form input.form-control { color:#173a30; background:#fbfdfb; }
@media(max-width:480px) { body.task-login #layout { padding:20px 14px; } body.task-login #layout-content { padding:30px 24px; border-radius:18px; } body.task-login #logo { width:240px; } }
@media(max-height:720px) { body.task-login #layout { align-items:flex-start; } }
@media(prefers-reduced-motion:reduce) { body.task-login #rcmloginsubmit { transition:none; } }

/* Familiar mail workspace. Keep Elastic's native panel navigation and commands. */
body.medpoint-workspace { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
body.medpoint-workspace #layout { background:#f3f6fa; }
body.medpoint-workspace #layout-menu,body.medpoint-workspace #taskmenu { background:#f3f6fa; }
body.medpoint-workspace #taskmenu a { color:#425466; border-radius:14px; margin:4px 6px; }
body.medpoint-workspace #taskmenu a.selected { background:#d9eee6; color:#075b49; }
body.medpoint-workspace #taskmenu a:hover { background:#e3ebe8; color:#174438; }
body.medpoint-workspace #taskmenu .special-buttons a { color:#52665d; }
#medpoint-mail-brand { width:40px; height:40px; border-radius:13px; background:#087e68; color:#fff; display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:750; margin:15px auto 22px; }
body.medpoint-workspace #layout-sidebar { background:#f3f6fa; border-color:#e5eaf0; }
body.medpoint-workspace #layout-sidebar>.header { background:transparent; border-color:transparent; }
body.medpoint-workspace #layout-sidebar .header-title { font-size:13px; color:#425466; }
.medpoint-compose { display:flex; align-items:center; gap:12px; margin:12px 16px 18px; padding:15px 20px; width:calc(100% - 32px); border:0; border-radius:17px; color:#123d31; background:#d8eee4; font-size:15px; font-weight:650; text-align:left; box-shadow:0 2px 4px #173a3010; cursor:pointer; }
.medpoint-compose>span { font-size:26px; line-height:1; }
.medpoint-compose:hover { background:#c8e7d9; box-shadow:0 3px 9px #173a3020; }
.medpoint-compose:focus-visible { outline:3px solid #087e68; outline-offset:3px; }
body.medpoint-workspace .folderlist li a { border-radius:0 20px 20px 0; margin-right:12px; min-height:40px; padding-top:9px; padding-bottom:9px; }
body.medpoint-workspace .folderlist li.selected>a { background:#d9eee6; color:#075b49; font-weight:700; }
body.medpoint-workspace #layout-list>.header,body.medpoint-workspace #layout-content>.header { background:#fff; border-bottom:1px solid #edf0f4; }
body.medpoint-workspace #mailsearchform { background:#edf2f6; border-radius:24px; margin:10px 12px; border:1px solid transparent; }
body.medpoint-workspace #mailsearchform:focus-within { background:#fff; border-color:#a2c7b9; box-shadow:0 2px 8px #1a3c2e14; }
body.medpoint-workspace #quicksearchbox { background:transparent; font-size:15px; }
body.medpoint-workspace #messagelist { font-size:14px; }
body.medpoint-workspace #messagelist tr { background:#f6f9fc; }
body.medpoint-workspace #messagelist tr.unread { background:#fff; }
body.medpoint-workspace #messagelist tr.unread td.subject { font-weight:700; }
body.medpoint-workspace #messagelist tr:hover { background:#edf5f0; box-shadow:inset 0 -1px #c9ded4; }
body.medpoint-workspace #messagelist tr.selected { background:#d9eee6; }
body.medpoint-workspace .listing td { border-color:#edf0f4; }
body.medpoint-workspace .header .toolbar a,body.medpoint-workspace .footer .toolbar a { border-radius:8px; }
body.medpoint-workspace input.form-control:focus,body.medpoint-workspace textarea.form-control:focus { border-color:#4b9d83; box-shadow:0 0 0 2px #087e6815; }
body.medpoint-workspace.action-compose #compose-content { background:#fff; }
body.medpoint-workspace.action-compose #composeheaders { padding:10px 16px; }
body.medpoint-workspace.action-compose #composeheaders input { font-size:15px; }
body.medpoint-workspace.action-compose .send { border-radius:20px; }
@media(min-width:1200px) {
 body.medpoint-workspace #layout-list { border-radius:18px 0 0 18px; overflow:hidden; margin:12px 0; }
 body.medpoint-workspace #layout-content { border-radius:0 18px 18px 0; overflow:hidden; margin:12px 12px 12px 0; }
 body.medpoint-workspace.action-compose #layout-content { border-radius:18px; margin:12px; }
 body.medpoint-workspace #layout-sidebar { min-width:220px; }
}
@media(max-width:767px) {
 body.medpoint-workspace #layout-list,body.medpoint-workspace #layout-content,body.medpoint-workspace #layout-sidebar { margin:0; border-radius:0; }
 body.medpoint-workspace .header { min-height:54px; }
 body.medpoint-workspace .header a.button,body.medpoint-workspace .header .toolbar a { min-width:44px; min-height:44px; }
 body.medpoint-workspace #mailsearchform { margin:8px 10px; min-height:44px; }
 body.medpoint-workspace #quicksearchbox,body.medpoint-workspace input.form-control,body.medpoint-workspace textarea { font-size:16px!important; }
 body.medpoint-workspace #messagelist tr { min-height:72px; }
 body.medpoint-workspace #messagelist td.subject { padding-top:12px; padding-bottom:12px; }
 body.medpoint-workspace.action-compose #composeheaders { padding:8px; }
 body.medpoint-workspace.action-compose #composeheaders input { max-width:100%; }
 body.medpoint-workspace .footer { padding-bottom:env(safe-area-inset-bottom,0px); }
 .medpoint-compose { min-height:52px; }
}
/* Preserve dark mode with equivalent contrast. */
html.dark-mode body.medpoint-workspace #layout,html.dark-mode body.medpoint-workspace #layout-menu,html.dark-mode body.medpoint-workspace #taskmenu,html.dark-mode body.medpoint-workspace #layout-sidebar { background:#182724; }
html.dark-mode body.medpoint-workspace #taskmenu a,html.dark-mode body.medpoint-workspace #layout-sidebar .header-title { color:#d1dfda; }
html.dark-mode body.medpoint-workspace #layout-list>.header,html.dark-mode body.medpoint-workspace #layout-content>.header { background:#202f2c; }
html.dark-mode body.medpoint-workspace #mailsearchform { background:#2b3d38; }
html.dark-mode body.medpoint-workspace #messagelist tr { background:#202c29; }
html.dark-mode body.medpoint-workspace #messagelist tr.unread { background:#283a33; }
html.dark-mode body.medpoint-workspace #messagelist tr.selected,html.dark-mode body.medpoint-workspace #messagelist tr:hover { background:#315647; }
html.dark-mode body.medpoint-workspace.action-compose #compose-content { background:#202c29; }