/* VacHunter night palette — explicit components, no CSS inversion filters. */
.vh-theme-toggle {
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:36px;min-width:94px;padding:0 12px;white-space:nowrap;
  border:1px solid #e0ddfc;border-radius:10px;
  color:#605ac9;background:#f4f2ff;
  font:700 11px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  letter-spacing:.05px;cursor:pointer;flex:none;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.vh-theme-toggle:hover {background:#e9e5ff;border-color:#c9c2ff;transform:translateY(-1px)}
.vh-theme-toggle:focus-visible {outline:3px solid #aaa2ff;outline-offset:2px}
.vh-theme-toggle:active {transform:translateY(0)}
.vh-theme-action-row {display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
body.vh-login .vh-theme-toggle {position:fixed;top:24px;right:28px;z-index:50;box-shadow:0 5px 20px #5046a316}
body.vh-telegram .vh-theme-toggle {min-height:40px}
@media(max-width:700px) {
  .vh-theme-toggle {height:34px;min-width:78px;padding:0 8px;font-size:10px}
  body.vh-login .vh-theme-toggle {top:11px;right:13px}
  .vh-theme-action-row {gap:7px}
}
@media(prefers-reduced-motion:reduce){
  .vh-theme-toggle{transition:none}
}

:root[data-vh-theme="dark"] {
  color-scheme:dark;
  --bg:#0b1019;
  --white:#141d2b;
  --ink:#edf2ff;
  --sub:#a1aec6;
  --muted:#8d9bb4;
  --border:#2a354a;
  --violet:#ab9dff;
  --violet-soft:#272342;
  --violet-deep:#c4b5ff;
  --green:#70d8ad;
  --green-bg:#153d34;
  --shadow:0 12px 28px #01061142;
}
html[data-vh-theme="dark"] {background:#0b1019;color:#edf2ff;scrollbar-color:#34435c #0c1420}
html[data-vh-theme="dark"] body {background:#0b1019;color:#edf2ff}
html[data-vh-theme="dark"] :is(input,textarea,select) {color-scheme:dark}
html[data-vh-theme="dark"] :is(input,textarea,select)::placeholder {color:#7f8ca5}
html[data-vh-theme="dark"] :is(button,input,select,textarea,a):focus-visible {outline-color:#aa9dff}
html[data-vh-theme="dark"] .vh-theme-toggle {
  background:#282540;color:#ded6ff;border-color:#554c84;box-shadow:0 4px 20px #0003;
}
html[data-vh-theme="dark"] .vh-theme-toggle:hover {background:#383058;border-color:#8d7feb}
html[data-vh-theme="dark"] :is(.sidebar,.topbar) {background:#101825;border-color:#2a354a;color:#dfe6f8}
html[data-vh-theme="dark"] .brand,
html[data-vh-theme="dark"] .brand-name {color:#f0f3ff}
html[data-vh-theme="dark"] .brand-name small,
html[data-vh-theme="dark"] .brand small,
html[data-vh-theme="dark"] .brand-beta {background:#302953;color:#c6b8ff}
html[data-vh-theme="dark"] :is(.side-section,.menu-heading,.eyebrow,.section-kicker) {color:#98a5bc}
html[data-vh-theme="dark"] :is(.nav-item,.footer-action,.nav-link) {color:#abb7cd}
html[data-vh-theme="dark"] :is(.nav-item:hover,.footer-action:hover,.nav-link:hover) {background:#1c2940;color:#d0c7ff}
html[data-vh-theme="dark"] :is(.nav-item.active,.nav-link.active) {background:#2b2750;color:#cabfff}
html[data-vh-theme="dark"] .nav-count {background:#233146;color:#aab8d1}
html[data-vh-theme="dark"] .nav-item.active .nav-count {background:#41396a;color:#e2d9ff}
html[data-vh-theme="dark"] :is(.stat-card,.sidebar-notice) {
  background:#172335;border-color:#303e53;color:#c4cce2
}
html[data-vh-theme="dark"] :is(.stat-card-head,.stat-connection,.stat-card-copy,.stat-connection,.account-info span,.account small) {color:#9eabc3}
html[data-vh-theme="dark"] .avatar {background:linear-gradient(135deg,#303156,#353d67);color:#d4c9ff}
html[data-vh-theme="dark"] :is(.account,.account-info,.sidebar-notice) {border-color:#29364a}
html[data-vh-theme="dark"] :is(.logout-button,.icon-button) {color:#afbdd6}
html[data-vh-theme="dark"] .logout-button:hover {background:#2b2850;color:#dfd6ff}
html[data-vh-theme="dark"] .topbar-left strong {color:#e4eafa}
html[data-vh-theme="dark"] :is(.crumb-muted,.crumb-slash,.last-sync) {color:#8798b2}

/* Main dashboard: filters, vacancy lists and details. */
html[data-vh-theme="dark"] :is(.list-panel,.detail-panel,.card,.panel,.login-card) {
  background:#141e2d;border-color:#29364a;color:#e9effe;
}
html[data-vh-theme="dark"] :is(.list-top,.detail-intro,.detail-actions,.notes-section,.detail-tabs,.modal-head,.modal-footer) {border-color:#29374c}
html[data-vh-theme="dark"] .vacancy-card {background:#141e2d;border-color:#253248;color:#e8edfb}
html[data-vh-theme="dark"] .vacancy-card:hover {background:#1c293c}
html[data-vh-theme="dark"] .vacancy-card.selected {background:#262341}
html[data-vh-theme="dark"] :is(.vacancy-title,.detail-title,.empty-detail h2,.empty-list strong,.conversation-headline,
  .detail-section h3,.title-row h1,.empty-detail strong,.empty-detail .empty-illustration) {color:#f0f3ff}
html[data-vh-theme="dark"] :is(.vacancy-description,.detail-description,.full-vacancy-body,.rich-text,.detail-header-left) {color:#c2cce0}
html[data-vh-theme="dark"] :is(.vacancy-date,.source-tag,.detail-intro,.detail-muted,.empty-detail p,.loading-state p,
  .empty-list p,.notes-footnote,.full-vacancy-meta,.reply-draft-status) {color:#a1aec6}
html[data-vh-theme="dark"] .search-control {background:#0f1826;border-color:#324158}
html[data-vh-theme="dark"] .search-control:focus-within {background:#172136;border-color:#8b7bf5}
html[data-vh-theme="dark"] :is(.search-control input,.search-control kbd) {color:#e9efff}
html[data-vh-theme="dark"] .search-control kbd {background:#1b2839;border-color:#35425a}
html[data-vh-theme="dark"] .select-wrap select {
  color:#e9eeff;border-color:#36445b;
  background:linear-gradient(45deg,transparent 50%,#a6b3d1 50%) calc(100% - 16px) 25px/5px 5px no-repeat,
  linear-gradient(135deg,#a6b3d1 50%,transparent 50%) calc(100% - 11px) 25px/5px 5px no-repeat,#111b2b;
}
html[data-vh-theme="dark"] .select-wrap span {color:#9facbf}
html[data-vh-theme="dark"] :is(.outline-button,.icon-button,.action,.list-pagination button) {
  background:#1b293b;color:#c6d0e5;border-color:#344359
}
html[data-vh-theme="dark"] :is(.outline-button:hover,.icon-button:hover,.action:hover,.list-pagination button:hover:not(:disabled)) {
  background:#302b52;color:#d7cfff;border-color:#6e61b4
}
html[data-vh-theme="dark"] .result-pill,
html[data-vh-theme="dark"] :is(.mini-pill,.detail-top-badge,.tg-status-chip,.tg-step,.tg-mode) {
  background:#26314a;color:#c4cde6;border-color:#37445a
}
html[data-vh-theme="dark"] :is(.mini-pill.saved,.mini-pill.score,.mini-pill.applied,.tg-status-chip.ok) {
  background:#193c34;color:#85e0b8
}
html[data-vh-theme="dark"] .mini-pill.saved {background:#2c284f;color:#c7baff}
html[data-vh-theme="dark"] :is(.mini-pill.hidden,.mini-pill.salary) {background:#263346;color:#bfcae0}
html[data-vh-theme="dark"] :is(.action.active.saved,.detail-top-badge,.result-pill,.detail-tab.active) {color:#c6baff}
html[data-vh-theme="dark"] .detail-tab {color:#9cabc6}
html[data-vh-theme="dark"] .detail-tabs {border-color:#2a364a}
html[data-vh-theme="dark"] .full-text-button,
html[data-vh-theme="dark"] :is(.vh-reply-test,.vh-read-button) {
  background:#2b294c;color:#cec3ff;border-color:#48416f
}
html[data-vh-theme="dark"] :is(.full-text-button:hover,.vh-reply-test:hover,.vh-read-button:hover) {background:#37315a}
html[data-vh-theme="dark"] :is(.open-original,.vacancy-inline-link) {color:#beb1ff}
html[data-vh-theme="dark"] :is(.notes-section textarea,.reply-editor,.tg-field,.tg-recipient-input,.vh-recipient-input,.vh-message-input) {
  background:#0f1826;border-color:#34445b;color:#f0f3ff;
}
html[data-vh-theme="dark"] :is(.notes-section textarea:focus,.reply-editor:focus,.tg-field:focus,.vh-recipient-input:focus,.vh-message-input:focus) {
  background:#15223a;border-color:#9688ff;
}
html[data-vh-theme="dark"] :is(.detail-meta-warning,.demo-banner,.vh-simulation-notice,.vh-target-warning) {
  background:#3c3121;border-color:#655139;color:#f4d59d
}
html[data-vh-theme="dark"] :is(.demo-banner button,.detail-meta-warning a,.vh-simulation-notice strong) {color:#f6d59d}
html[data-vh-theme="dark"] .demo-banner-label {background:#554223;color:#ffdc9f}
html[data-vh-theme="dark"] .read-only {background:#202d41;border-color:#364861;color:#bccae5}

/* Popups, notes, full text and Telegram keys. */
html[data-vh-theme="dark"] :is(.settings-modal,.full-vacancy-dialog,.modal-head,.modal-content,.modal-footer) {
  background:#151f30;color:#edf2ff;border-color:#354158
}
html[data-vh-theme="dark"] :is(.modal-head p,.db-visual p,.mapping-help,.modal-label,.full-vacancy-meta) {color:#9fadca}
html[data-vh-theme="dark"] :is(.full-vacancy-top,.full-vacancy-footer) {border-color:#324059}
html[data-vh-theme="dark"] :is(.full-vacancy-top h2,.full-vacancy-body,.full-vacancy-footer,.modal-head h2) {color:#edf2ff}
html[data-vh-theme="dark"] :is(.full-vacancy-close,.close-button,.text-button) {background:#253249;color:#dfebff;border-color:#45516c}
html[data-vh-theme="dark"] :is(.path-row input,.wide-select,.mapping-fields select,.tg-field,
  .notes-section textarea,.reply-editor) {background:#0e1725;color:#e7edff;border-color:#35445c}
html[data-vh-theme="dark"] :is(.path-row input:focus,.tg-field:focus,.notes-section textarea:focus) {background:#17233a}
html[data-vh-theme="dark"] :is(.db-visual,.mapping-section,.tg-group,.conversation-placeholder) {
  background:#111b2b;border-color:#354057;color:#bdc8df
}
html[data-vh-theme="dark"] :is(.integration-note,.tg-safety) {
  background:#262440;border-color:#4a426e;color:#e7dcff
}
html[data-vh-theme="dark"] :is(.integration-note strong,.tg-safety strong,.tg-description strong) {color:#ede5ff}
html[data-vh-theme="dark"] :is(.integration-note p,.tg-safety p,.tg-description,.tg-small,.tg-saved) {color:#b6b3d5}
html[data-vh-theme="dark"] :is(.tg-safety-symbol,.tg-mode,.tg-step) {background:#3a315a;color:#dfd4ff}
html[data-vh-theme="dark"] .tg-status-chip {color:#bbcae5}
html[data-vh-theme="dark"] .tg-test-result.success {color:#79d8b1}
html[data-vh-theme="dark"] .tg-test-result.failed {color:#ff9cab}
html[data-vh-theme="dark"] :is(.conversation-placeholder,.integration-note,.vh-next-steps) {border-color:#3a4660}
html[data-vh-theme="dark"] .full-vacancy-dialog::backdrop,
html[data-vh-theme="dark"] .settings-modal::backdrop {background:#02060dd0}

/* Interactive inbox demo on the Git-based preview. */
html[data-vh-theme="dark"] :is(.vh-identity,.vh-recipient,.vh-composer,.vh-thread-card,.vh-message) {
  background:#192538;color:#edf3ff;border-color:#32425a
}
html[data-vh-theme="dark"] :is(.vh-thread-card:hover,.vh-thread-card.active) {background:#252643}
html[data-vh-theme="dark"] .vh-capability {
  background:linear-gradient(145deg,#222443,#172537);border-color:#454368
}
html[data-vh-theme="dark"] :is(.vh-capability-name,.vh-identity-text strong,.vh-thread-card strong,.vh-empty-chat strong,.vh-inbox-placeholder strong,
.vh-empty-inbox strong) {color:#edf2ff}
html[data-vh-theme="dark"] :is(.vh-capability p,.vh-identity-text span,.vh-thread-card p,.vh-thread-bottom>span:first-child,
  .vh-empty-inbox p,.vh-inbox-placeholder p,.vh-send-info) {color:#a9b6cc}
html[data-vh-theme="dark"] :is(.vh-timeline,.vh-recipient-input,.vh-operator-select,.vh-message-input) {
  background:#0f1828;border-color:#354158;color:#e9efff
}
html[data-vh-theme="dark"] .vh-message {background:#26344b;color:#e9f2ff}
html[data-vh-theme="dark"] .vh-message-row.mine .vh-message {background:#534b9b;color:#fff}
html[data-vh-theme="dark"] .vh-message time {color:#a9b9d6}
html[data-vh-theme="dark"] .vh-identity-avatar,
html[data-vh-theme="dark"] .vh-mode {background:#37305b;color:#dcd2ff;border-color:#6359a1}
html[data-vh-theme="dark"] :is(.vh-target-ready,.vh-read-button) {background:#183c32;color:#9be7c4;border-color:#315f4a}
html[data-vh-theme="dark"] .vh-chat-tools {border-color:#32425a}
html[data-vh-theme="dark"] .vh-thread-card {border-color:#304054}

/* Login page, which uses its own CSS file. */
html[data-vh-theme="dark"] body.vh-login {background:#0b1019;color:#eef3ff}
html[data-vh-theme="dark"] body.vh-login .one {background:radial-gradient(circle,#25244b 0,transparent 68%)}
html[data-vh-theme="dark"] body.vh-login .two {background:radial-gradient(circle,#112e3f 0,transparent 73%)}
html[data-vh-theme="dark"] body.vh-login .brand {color:#f2f5ff}
html[data-vh-theme="dark"] body.vh-login :is(.brand-beta,.feature-icon,.card-badge) {background:#302b54;color:#d3c6ff}
html[data-vh-theme="dark"] body.vh-login :is(.lead,.feature-card p,.card-copy,.foot,.card-bottom,.eyebrow) {color:#a8b6cf}
html[data-vh-theme="dark"] body.vh-login .feature-card {background:#182436dc;border-color:#364359;color:#edf3ff}
html[data-vh-theme="dark"] body.vh-login .login-card {background:#172131;border-color:#34425a;color:#eef3ff;box-shadow:0 22px 65px #0006}
html[data-vh-theme="dark"] body.vh-login .login-card label {color:#d2daec}
html[data-vh-theme="dark"] body.vh-login .login-card input:not([type=hidden]) {
  color:#edf2ff;background:#101a29;border-color:#394760
}
html[data-vh-theme="dark"] body.vh-login .login-card input:not([type=hidden]):focus {border-color:#a79aff}
html[data-vh-theme="dark"] body.vh-login .login-card input::placeholder {color:#8090aa}
html[data-vh-theme="dark"] body.vh-login .card-bottom {border-color:#35425b}

/* Integration settings pages, including Vercel's read-only demonstration. */
html[data-vh-theme="dark"] body.vh-integrations .sidebar,
html[data-vh-theme="dark"] body.vh-integrations .topbar {background:#111927;border-color:#2e3b50}
html[data-vh-theme="dark"] body.vh-integrations .card {background:#162233;border-color:#334159;color:#edf2ff}
html[data-vh-theme="dark"] body.vh-integrations .card-top p,
html[data-vh-theme="dark"] body.vh-integrations :is(.subtitle,.card small,.section-title span:not(.provider-state),.account small) {color:#a2b0c8}
html[data-vh-theme="dark"] body.vh-integrations :is(.card label,.card-top h3,.section-title h2) {color:#edf2ff}
html[data-vh-theme="dark"] body.vh-integrations input {
  background:#0e1828;border-color:#3a4860;color:#edf2ff
}
html[data-vh-theme="dark"] body.vh-integrations input:focus {background:#19263a;border-color:#a99bff}
html[data-vh-theme="dark"] body.vh-integrations input::placeholder {color:#7e8ca7}
html[data-vh-theme="dark"] body.vh-integrations .provider-state,
html[data-vh-theme="dark"] body.vh-integrations :is(.chip,.mode) {
  background:#2a2945;border-color:#46426b;color:#cdbfff
}
html[data-vh-theme="dark"] body.vh-integrations .provider-state.ready {background:#183e34;color:#89e1b9;border-color:#3e6858}
html[data-vh-theme="dark"] body.vh-integrations .privacy-note {
  background:#22233d;color:#d4c7ff;border-color:#514c73
}
html[data-vh-theme="dark"] body.vh-integrations .privacy-note p {color:#b7b2d2}
html[data-vh-theme="dark"] body.vh-integrations .privacy-note .lock {background:#41385c;color:#e1d9ff}
html[data-vh-theme="dark"] body.vh-integrations .sidebar-notice {background:#18253b;border-color:#35435b;color:#ced6ec}
html[data-vh-theme="dark"] body.vh-integrations .login-state {background:#1c2a3c;color:#b7c4db}
html[data-vh-theme="dark"] body.vh-integrations .secondary {background:#282b49;color:#d7caff;border-color:#4b476e}
html[data-vh-theme="dark"] body.vh-integrations .secondary:hover {background:#373153}
html[data-vh-theme="dark"] body.vh-integrations .top-return {background:#242a43;color:#d3c7ff;border-color:#4a496b}
html[data-vh-theme="dark"] body.vh-integrations .top-return:hover {background:#343253}
html[data-vh-theme="dark"] body.vh-integrations .preview-banner {background:#3e3123!important;color:#f0d19b!important;border-color:#735c3f!important}
html[data-vh-theme="dark"] body.vh-integrations :is(.section-title span:not(.provider-state),.menu-heading) {color:#9daac4}
html[data-vh-theme="dark"] body.vh-integrations footer {background:#1b2638;border:1px solid #33435a;color:#b8c5df}

/* Simple Telegram feature page in the public preview. */
html[data-vh-theme="dark"] body.vh-telegram {background:#0b1019;color:#e9f2ff}
html[data-vh-theme="dark"] body.vh-telegram :is(.panel,.back) {background:#172234;border-color:#35435d;color:#e2eafb}
html[data-vh-theme="dark"] body.vh-telegram :is(.lead,.desc,.state,.footnote,.panel p,.kicker) {color:#abbad3}
html[data-vh-theme="dark"] body.vh-telegram .notice {background:#3b3024;border-color:#735a42;color:#f3d5a8}
html[data-vh-theme="dark"] body.vh-telegram input {background:#101929;border-color:#36465b;color:#aebbd1}
html[data-vh-theme="dark"] body.vh-telegram .btn {background:#292643;border-color:#534c7e;color:#b9aee2}
html[data-vh-theme="dark"] body.vh-telegram .footer {background:#192539;color:#d6def0;border-color:#35465a}
html[data-vh-theme="dark"] body.vh-telegram .footnote {color:#9fafc9}

/* Keep native affordances legible and stable on smaller screens. */
html[data-vh-theme="dark"] :is(.sidebar,.list-scroll,.detail-panel,.vh-timeline,.full-vacancy-body) {scrollbar-color:#394967 transparent}
@media(max-width:700px){
  html[data-vh-theme="dark"] .topbar {background:#101825}
  html[data-vh-theme="dark"] body.vh-login .vh-theme-toggle {background:#302b52}
}

/* On narrow screens keep the vacancy header compact: the theme control remains accessible by its aria-label. */
@media(max-width:700px){
  body.vh-app .topbar-actions .vh-theme-toggle{
    font-size:0;min-width:36px;width:36px;height:36px;padding:0;overflow:hidden;
  }
  body.vh-app .topbar-actions .vh-theme-toggle::before{
    content:"☾";font-size:18px;line-height:1;
  }
  html[data-vh-theme="dark"] body.vh-app .topbar-actions .vh-theme-toggle::before{
    content:"☀";font-size:18px;
  }
}