/* CXO Vault Mail — pure-black monochrome theme overlay (scoped to Elastic dark mode) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Cormorant+Garamond:wght@400;500;600&display=swap');

html.dark-mode,
html.dark-mode body,
html.dark-mode #layout,
html.dark-mode #layout-menu,
html.dark-mode #layout-content,
html.dark-mode .toolbar,
html.dark-mode .header,
html.dark-mode .footer,
html.dark-mode .scroller,
html.dark-mode .formcontent,
html.dark-mode .boxlist,
html.dark-mode .menu,
html.dark-mode #messagelist,
html.dark-mode .watermark,
html.dark-mode .iframe-wrapper { background-color: #000 !important; }

html.dark-mode { color: #e6e6e6 !important; }
html.dark-mode body,
html.dark-mode input,
html.dark-mode button,
html.dark-mode select,
html.dark-mode textarea,
html.dark-mode .listing { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; }

/* task rail + side/list panels: very dark, hairline borders */
html.dark-mode #layout-menu,
html.dark-mode #taskmenu { background: #000 !important; border-right: 1px solid rgba(255,255,255,.08) !important; }
html.dark-mode #taskmenu a { color: #8f8f8f !important; }
html.dark-mode #taskmenu a:hover,
html.dark-mode #taskmenu a.selected { color: #fff !important; }
html.dark-mode #layout-sidebar,
html.dark-mode #layout-list { background: #070707 !important; border-color: rgba(255,255,255,.08) !important; }

/* generic separators */
html.dark-mode .listing li,
html.dark-mode table.listing td,
html.dark-mode .header,
html.dark-mode .footer,
html.dark-mode .toolbar,
html.dark-mode .formcontent fieldset,
html.dark-mode .propform { border-color: rgba(255,255,255,.08) !important; }

/* rows */
html.dark-mode .listing li:hover,
html.dark-mode table.listing tbody tr:hover { background: #111 !important; }
html.dark-mode .listing li.selected,
html.dark-mode table.listing tbody tr.selected,
html.dark-mode .listing li.focused { background: #1c1c1c !important; color: #fff !important; }

/* links / accents -> monochrome */
html.dark-mode a { color: #d8d8d8 !important; }
html.dark-mode a:hover { color: #fff !important; }
html.dark-mode .listing li.unread,
html.dark-mode table.listing tr.unread td { color: #fff !important; font-weight: 600 !important; }

/* primary buttons -> white on black; secondary -> outline */
html.dark-mode .btn-primary,
html.dark-mode button.mainaction,
html.dark-mode .ui.btn-primary { background: #fff !important; color: #000 !important; border-color: #fff !important; }
html.dark-mode .btn-secondary,
html.dark-mode button.btn:not(.btn-primary) { background: transparent !important; color: #e0e0e0 !important; border: 1px solid rgba(255,255,255,.22) !important; }

/* inputs */
html.dark-mode input.form-control,
html.dark-mode textarea.form-control,
html.dark-mode select.custom-select,
html.dark-mode .ui.input { background: #0a0a0a !important; color: #fff !important; border: 1px solid rgba(255,255,255,.18) !important; }
html.dark-mode input.form-control:focus,
html.dark-mode textarea.form-control:focus { border-color: rgba(255,255,255,.6) !important; box-shadow: none !important; }

/* login screen */
html.dark-mode.task-login,
html.dark-mode .task-login,
html.dark-mode #layout.prelogin,
html.dark-mode #login-form,
html.dark-mode #login-form .box-inner,
html.dark-mode #login-form .formcontent { background: #000 !important; }
html.dark-mode #logo { max-height: 60px !important; width: auto !important; }

/* serif display for headings, matching the marketing site */
html.dark-mode h1,
html.dark-mode h2,
html.dark-mode .formtitle,
html.dark-mode #message-title,
html.dark-mode .boxtitle { font-family: 'Cormorant Garamond', Georgia, serif !important; letter-spacing: .3px; }

/* dialogs / popovers */
html.dark-mode .ui.dialog,
html.dark-mode .popupmenu,
html.dark-mode .popover,
html.dark-mode .ui.menu { background: #0a0a0a !important; border: 1px solid rgba(255,255,255,.12) !important; }

/* scrollbars */
html.dark-mode ::-webkit-scrollbar { width: 10px; height: 10px; }
html.dark-mode ::-webkit-scrollbar-thumb { background: #222; border-radius: 0; }
html.dark-mode ::-webkit-scrollbar-track { background: #000; }