@import url("/skins/elastic/styles/styles.css");

/* Ident Group Mail. Elastic provides the application layout and commands. */
:root { --ident-teal:#58d7bb; --ident-blue:#7499ff; --ident-navy:#0d111b; }
body { font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body:not(.task-login) { color:#253047; }
#layout-menu { background:#101827; border-color:#253148; }
#taskmenu a { color:#aebdd4; }
#taskmenu a:hover { background:#21314a; color:white; }
#taskmenu a.selected,#taskmenu a.selected:hover { background:#234947; color:#85ecd2; }
#taskmenu .action-buttons a,#taskmenu .action-buttons a:hover { color:#101f1a; background:#58d7bb; }
#layout-menu #logo { max-width:40px; max-height:40px; }
#layout-sidebar { background:#f2f5fa; border-color:#dce3ee; }
#layout-list { background:#fff; border-color:#dce3ee; }
#layout-content { background:#fff; }
#layout>div>.header,#layout>div>.footer { background:#f6f8fc; border-color:#dce3ee; color:#344866; }
#layout>div>.header a.button,.menu.toolbar a { color:#3c577b; }
.searchbar { background:#f2f5fa; border-color:#dce3ee; }
.searchbar input { color:#20304b; }
.listing li.selected,.listing tr.selected td,.listing li.selected>div,.listing li.selected>a { background:#d9f2ec; color:#153e35; }
.listing tr:hover td { background:#eff4fb; }
.folderlist li.mailbox>a { border-radius:5px; margin:2px 7px; padding-left:12px; }
.folderlist li.mailbox.selected>a,.folderlist li.mailbox.selected>div>a { color:#154c3c; background:#d9f2ec; }
.folderlist li.mailbox .unreadcount { background:#d9f2ec; color:#154c3c; }
.messagelist td { border-color:#e5eaf2; }
.messagelist tr.unread td.subject span.subject { color:#142b4c; font-weight:700; }
.btn-primary { background:#226b5c; border-color:#226b5c; }
.btn-primary:hover,.btn-primary:focus { background:#195646; border-color:#195646; }
.form-control { border-color:#c2cddd; border-radius:6px; }
.form-control:focus { border-color:#2d9a83; box-shadow:0 0 0 3px rgba(45,154,131,.15); }
.popover,.ui-dialog { border-radius:9px; }
html.dark-mode body:not(.task-login) { color:#d2ddec; }
html.dark-mode #layout-sidebar { background:#111b2b; border-color:#293851; }
html.dark-mode #layout-list,html.dark-mode #layout-content { background:#151f30; border-color:#293851; }
html.dark-mode #layout-menu { background:#090f19; }
html.dark-mode #layout>div>.header,html.dark-mode #layout>div>.footer,html.dark-mode .searchbar { background:#18253a; border-color:#293851; color:#c2d2e9; }
html.dark-mode .menu.toolbar a,html.dark-mode #layout>div>.header a.button { color:#a7c3e9; }
html.dark-mode .searchbar input { color:#e0ebfa; }
html.dark-mode .listing tr.selected td,html.dark-mode .listing li.selected,html.dark-mode .listing li.selected>a,html.dark-mode .listing li.selected>div { background:#254942; color:#d3ffed; }
html.dark-mode .listing tr:hover td { background:#20314c; }
html.dark-mode .folderlist li.mailbox.selected>a,html.dark-mode .folderlist li.mailbox.selected>div>a { color:#a6f3da; background:#254942; }
html.dark-mode .folderlist li.mailbox .unreadcount { background:#254942; color:#a6f3da; }
html.dark-mode .messagelist td { border-color:#293851; }
html.dark-mode .messagelist tr.unread td.subject span.subject { color:#eef5ff; }
html.dark-mode .form-control { background:#101a29; color:#e0ebfa; border-color:#3c506a; }

/* Mail sign in */
body.task-login { background:#eef2f6; color:#233044; overflow:auto; height:auto; min-height:100vh; }
html.dark-mode body.task-login { background:#101722; color:#e9f0f8; }
.task-login #layout { height:auto; min-height:100vh; }
.task-login #layout-content.ident-login { background:transparent; display:flex; align-items:center; justify-content:center; padding:32px 20px; min-height:100vh; overflow:visible; }
.mail-login-grid { width:100%; max-width:410px; margin:0; }
.mail-signin { padding:36px; background:#fff; border:1px solid #d1dae5; border-radius:10px; box-shadow:0 8px 25px rgba(28,50,75,.07); text-align:left; }
html.dark-mode .mail-signin { background:#192536; border-color:#36465b; box-shadow:0 8px 25px rgba(0,0,0,.16); }
.mail-wordmark { display:flex; align-items:center; gap:10px; color:#26374d; font-size:24px; font-weight:750; letter-spacing:-.04em; text-decoration:none; margin-bottom:35px; }
html.dark-mode .mail-wordmark { color:#eef3fa; }
.mail-wordmark:hover { text-decoration:none; color:#246a5c; }
html.dark-mode .mail-wordmark:hover { color:#8ce3d1; }
.mail-mark { width:34px; height:34px; border-radius:8px 8px 2px 8px; display:grid; place-items:center; background:#58d7bb; color:#08291f; font-size:24px; letter-spacing:-.06em; }
.mail-signin h1 { font-size:22px; letter-spacing:-.025em; font-weight:650; margin:0 0 12px; color:#243347; }
html.dark-mode .mail-signin h1 { color:#eef3fa; }
.mail-signin>p { font-size:13px; line-height:1.6; color:#52667c; margin-bottom:26px; }
html.dark-mode .mail-signin>p { color:#bdcde1; }
.task-login #login-form { top:auto; position:static; width:100%; max-width:none; margin:0; }
.task-login #login-form .form-control { background:#f8fafc; color:#22354b; border:1px solid #b5c3d4; border-radius:5px; min-height:44px; font-size:14px; }
html.dark-mode .task-login #login-form .form-control { background:#101b2a; color:#eef4fc; border-color:#526a88; }
.task-login #login-form .form-control::placeholder { color:#56697e; opacity:1; }
html.dark-mode .task-login #login-form .form-control::placeholder { color:#aebfd5; }
.task-login #login-form .input-group-text { background:#e9eef5; color:#516a86; border-color:#b5c3d4; }
html.dark-mode .task-login #login-form .input-group-text { background:#263950; color:#bbcee8; border-color:#526a88; }
.task-login #login-form .form-control:focus { border-color:#268d76; box-shadow:0 0 0 2px rgba(38,141,118,.18); }
.task-login #rcmloginsubmit { width:100%; padding:12px; margin-top:12px; border-radius:5px; font-size:13px; font-weight:650; text-transform:none; }
.task-login #login-footer { color:#6c7e92; font-size:12px; }
html.dark-mode .task-login #login-footer { color:#b2c4db; }
.mail-signin-links { display:flex; justify-content:center; gap:28px; padding-top:23px; font-size:12px; }
.mail-signin-links a { color:#36586e; }
html.dark-mode .mail-signin-links a { color:#aec5dc; }
.mail-copyright { text-align:center; font-size:11px; color:#62758b; margin-top:20px; }
html.dark-mode .mail-copyright { color:#96aac3; }
@media(max-width:480px) { .mail-signin { padding:28px; }.task-login #layout-content.ident-login { padding:24px 18px; } }

/* Explicit mail control contrast */
#taskmenu .action-buttons a,html.dark-mode #taskmenu .action-buttons a,
#taskmenu .action-buttons a:hover,html.dark-mode #taskmenu .action-buttons a:hover,
#taskmenu .action-buttons a.selected,html.dark-mode #taskmenu .action-buttons a.selected {
  background:#58d7bb!important; color:#08291f!important; opacity:1;
}
.btn-primary,html.dark-mode .btn-primary { color:#fff!important; background:#226454!important; border-color:#226454!important; }
.btn-primary:hover,html.dark-mode .btn-primary:hover,.btn-primary:focus,html.dark-mode .btn-primary:focus { color:#fff!important; background:#174c3d!important; border-color:#174c3d!important; }
.btn-secondary { color:#24354d!important; background:#e5ebf4!important; border-color:#b6c5d8!important; }
html.dark-mode .btn-secondary { color:#f1f5fc!important; background:#334763!important; border-color:#607895!important; }
.btn-secondary:hover,.btn-secondary:focus { color:#15283f!important; background:#cbd7e8!important; }
html.dark-mode .btn-secondary:hover,html.dark-mode .btn-secondary:focus { color:#fff!important; background:#425b7c!important; }
.btn-danger,html.dark-mode .btn-danger { color:#fff!important; background:#a22d3b!important; border-color:#a22d3b!important; }
.btn-success,html.dark-mode .btn-success { color:#fff!important; background:#226454!important; border-color:#226454!important; }
.btn-info,html.dark-mode .btn-info { color:#fff!important; background:#285a86!important; border-color:#285a86!important; }
.btn-warning,html.dark-mode .btn-warning { color:#34220b!important; background:#edbd69!important; border-color:#edbd69!important; }
.btn-dark,html.dark-mode .btn-dark { color:#fff!important; background:#28394f!important; border-color:#566d88!important; }
.btn-outline-primary { color:#174d3e!important; background:#edf7f3!important; border-color:#347763!important; }
html.dark-mode .btn-outline-primary { color:#c4f4e5!important; background:#19382e!important; border-color:#56977e!important; }
.btn-link { color:#205d84!important; }html.dark-mode .btn-link { color:#9fccf1!important; }
.btn-light,.btn-outline-secondary { color:#24354d!important; background:#edf2f8!important; border-color:#aabbce!important; }
html.dark-mode .btn-light,html.dark-mode .btn-outline-secondary { color:#f0f5fc!important; background:#263951!important; border-color:#617a97!important; }
.btn:disabled,.btn.disabled { color:#526078!important; background:#e0e7f0!important; border-color:#b5c1d2!important; opacity:1!important; }
html.dark-mode .btn:disabled,html.dark-mode .btn.disabled { color:#bfcde0!important; background:#26364c!important; border-color:#485e7a!important; opacity:1!important; }
#taskmenu a,html.dark-mode #taskmenu a { color:#c0d0e5; }
.menu.toolbar a,.header a.button.icon { color:#365372; }
html.dark-mode .menu.toolbar a,html.dark-mode .header a.button.icon { color:#c2d6f0; }
.menu.toolbar a.selected { color:#103c30; background:#caeae1; }
html.dark-mode .menu.toolbar a.selected { color:#c7f7e7; background:#294b43; }
.menu.toolbar a.disabled,.header a.button.disabled { color:#61718a!important; opacity:1!important; }
.menu.toolbar .dropbutton.disabled { opacity:1!important; }
html.dark-mode .menu.toolbar a.disabled,html.dark-mode .header a.button.disabled { color:#9fb1c9!important; opacity:1!important; }
.popupmenu .listing li>a { color:#293b54; }
html.dark-mode .popupmenu .listing li>a { color:#d1dfef; }
.popupmenu .listing li>a:not(.disabled):hover { color:#123c32; background:#d9f2ec; }
html.dark-mode .popupmenu .listing li>a:not(.disabled):hover { color:#e1fff5; background:#294b43; }
button:focus-visible,a:focus-visible { outline:2px solid #268b76; outline-offset:2px; }
html.dark-mode button:focus-visible,html.dark-mode a:focus-visible { outline-color:#79ddc6; }
.task-login #rcmloginsubmit,html.dark-mode .task-login #rcmloginsubmit { color:#08291f!important; background:#58d7bb!important; border-color:#58d7bb!important; }

@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }