/* K-Line Ultra (black/navy) · barevná adaptace podle dodané předlohy.
   Všechna rozložení, velikosti, ikony, typografie, animace a chování
   dědí beze změny z Dark Ultra. Tento list mění jen barevné hodnoty. */

html[data-theme="ultra-blue"] {
  color-scheme: dark;
  --bg: #030812;
  --bg-soft: #061323;
  --panel: rgba(5, 20, 37, .94);
  --panel-solid: #071729;
  --panel-alt: rgba(8, 29, 52, .94);
  --sidebar: #030c17;
  --topbar: rgba(3, 11, 22, .96);
  --input: rgba(6, 23, 42, .95);
  --text: #f0f7ff;
  --text-2: #c5d8ee;
  --muted: #91a9c5;
  --border: rgba(64, 128, 192, .22);
  --border-strong: rgba(76, 154, 230, .37);
  --accent: #238df1;
  --accent-strong: #0965c3;
  --accent-soft: rgba(24, 108, 213, .17);
  --accent-glow: rgba(16, 104, 222, .27);
  --accent-2: #76d2fa;
  --ultra-cyan: #79d5fa;
  --ultra-teal: #70bedf;
  --ultra-ice: #e5f5ff;
  --ultra-overlay: rgba(2, 10, 22, .88);
  --ultra-panel-glow: rgba(21, 91, 167, .19);
  --shadow: 0 24px 58px rgba(0, 3, 11, .44);
  --shadow-button: 0 14px 36px rgba(4, 66, 154, .28);
  --ultra-soft-bg-0: #02070f;
  --ultra-soft-bg-1: #030d1a;
  --ultra-soft-bg-2: #061628;
  --ultra-soft-bg-3: #091d33;
  --ultra-soft-panel: rgba(6, 20, 36, .94);
  --ultra-soft-panel-strong: rgba(5, 17, 31, .98);
  --ultra-soft-panel-alt: rgba(8, 27, 49, .92);
  --ultra-soft-line: rgba(67, 128, 189, .24);
  --ultra-soft-line-strong: rgba(81, 158, 226, .34);
  --ultra-soft-divider: rgba(103, 158, 207, .15);
  --ultra-soft-glow: rgba(24, 108, 202, .17);
  --ultra-soft-glow-2: rgba(38, 132, 220, .09);
  --ultra-soft-text: #e7f3ff;
  --ultra-soft-text-2: #b8cce4;
  --ultra-soft-text-3: #819ab8;
  --kl-menu-glow: #317dbd;
  --kl-menu-glow-soft: rgba(31, 100, 180, .17);
}

/* Hlavní stránka: téměř černý podklad s tlumenými námořnickými přechody. */
html[data-theme="ultra-blue"] body {
  background:
    radial-gradient(circle at 12% 0%, rgba(12, 69, 143, .16), transparent 22rem),
    radial-gradient(circle at 88% 7%, rgba(22, 81, 150, .11), transparent 18rem),
    radial-gradient(circle at 82% 63%, rgba(8, 41, 92, .17), transparent 26rem),
    linear-gradient(180deg, #02060e 0%, #030915 31%, #04101f 72%, #061323 100%);
}
html[data-theme="ultra-blue"] .workspace::before {
  background:
    radial-gradient(circle at 16% 9%, rgba(14, 66, 126, .10), transparent 18rem),
    radial-gradient(circle at 84% 13%, rgba(15, 81, 158, .09), transparent 14rem),
    radial-gradient(circle at 86% 68%, rgba(11, 59, 121, .12), transparent 22rem),
    linear-gradient(180deg, rgba(200,231,255,.012), rgba(255,255,255,0) 18%),
    linear-gradient(120deg, rgba(3, 12, 26, .95), rgba(4, 13, 26, .88) 35%, rgba(6, 20, 39, .95) 100%);
}

/* Levé menu, horní lišta a profil: stejný povrch / hloubka, nové barvy. */
html[data-theme="ultra-blue"] .sidebar {
  background: linear-gradient(180deg, rgba(2, 9, 19, .99), rgba(3, 11, 22, .985) 48%, rgba(2, 9, 17, .995));
  border-right-color: rgba(42, 103, 165, .18);
  box-shadow: 18px 0 44px rgba(0, 2, 10, .36), inset -1px 0 0 rgba(97, 159, 226, .05);
}
html[data-theme="ultra-blue"] .sidebar::before {
  background: linear-gradient(180deg, rgba(128, 193, 249, .018), rgba(255,255,255,0) 12%),
    radial-gradient(circle at 0% 0%, rgba(18, 76, 157, .11), transparent 34%);
}
html[data-theme="ultra-blue"] .topbar {
  border-bottom-color: rgba(48, 111, 181, .23);
  background: linear-gradient(180deg, rgba(2, 8, 17, .98), rgba(3, 12, 25, .91));
  box-shadow: 0 14px 36px rgba(0, 1, 9, .3), inset 0 -1px 0 rgba(104, 163, 221, .045);
}
html[data-theme="ultra-blue"] .drawer {
  border-left-color: rgba(65, 123, 185, .23);
  background: linear-gradient(180deg, rgba(4, 15, 29, .985), rgba(3, 11, 23, .99));
  box-shadow: -30px 0 82px rgba(0, 1, 8, .49), -10px 0 24px rgba(0, 4, 11, .22), inset 1px 0 0 rgba(101, 160, 226, .04);
}
html[data-theme="ultra-blue"] .drawer::before {
  background: linear-gradient(180deg, rgba(176,216,255,.026), transparent 14%), radial-gradient(circle at 100% 0%, rgba(31,112,193,.08), transparent 28%);
}
html[data-theme="ultra-blue"] :is(.drawer-head,.setting-section,.dialog-head,.dialog-actions,.global-search-head,.marketplace-promotion-actions) {
  border-color: rgba(67, 123, 180, .18) !important;
}

/* Levé navigační položky včetně aktivní sekce. */
html[data-theme="ultra-blue"] .nav-label { color: #809bb8; }
html[data-theme="ultra-blue"] .nav-item { color: #bfd2e8; }
html[data-theme="ultra-blue"] .nav-item::after {
  background: linear-gradient(90deg, transparent, rgba(90,149,206,.16) 14%, rgba(59,110,168,.10) 72%, transparent);
  box-shadow: 0 2px 6px rgba(0,2,9,.23);
}
html[data-theme="ultra-blue"] .nav-item:not(.active):hover {
  color: #f5faff;
  background: linear-gradient(90deg, rgba(11, 38, 72, .75), rgba(7, 27, 53, .26) 78%);
  box-shadow: inset 2px 0 0 rgba(66, 138, 216, .25), inset 0 1px 0 rgba(145,200,253,.05), 0 10px 22px rgba(0,3,15,.16);
}
html[data-theme="ultra-blue"] .nav-item.active {
  color: #f6fbff;
  background: linear-gradient(92deg, rgba(8, 62, 130, .97), rgba(9, 47, 96, .92) 54%, rgba(5, 29, 64, .9));
  box-shadow: inset 3px 0 0 rgba(47, 148, 246, .62), inset 0 1px 0 rgba(130,202,255,.12), 0 12px 20px rgba(0,5,22,.19), 0 0 18px rgba(30,105,206,.13);
}
html[data-theme="ultra-blue"] .nav-item.active::before {
  background: linear-gradient(90deg, transparent, rgba(25, 118, 227, .13));
}
html[data-theme="ultra-blue"] .nav-item svg { color: #a5c4e4; }
html[data-theme="ultra-blue"] .nav-item.active svg { color: #e7f6ff; }
html[data-theme="ultra-blue"] :is(.nav-item .count,.sidebar .badge,.sidebar .nav-counter,.nav-item > small:last-child) {
  border-color: rgba(68, 120, 178, .2);
  background: linear-gradient(180deg, rgba(10, 30, 53, .95), rgba(4, 16, 33, .98));
  color: #d7ebff;
}
html[data-theme="ultra-blue"] .admin-nav-group {
  border-color: rgba(71, 124, 185, .19);
  background: linear-gradient(180deg, rgba(5, 20, 38, .87), rgba(4, 13, 28, .95));
}
html[data-theme="ultra-blue"] .admin-nav-group-icon {
  border-color: rgba(76, 140, 204, .21);
  background: linear-gradient(180deg, rgba(12, 36, 63, .93), rgba(5, 18, 35, .98));
}

/* Karty přeprav, všechna běžná okna a tabulky. Jen barvy pozadí a hran. */
html[data-theme="ultra-blue"] :is(
  .metric-card,.panel,.offer-card,.vehicle-card,.document-row,.contact-card,
  .auction-card,.stat-card,.company-card,.public-profile-card,.settings-panel,
  .app-dialog,.market-control-dialog-shell,.missed-message-reminder-card,
  .notification-item,.helper-box,.subscription-card,.drawer-badge-progress,
  .drawer-interface-mode,.dashboard-widget,.load-row,.record-preview-card,
  .calendar-hero-card,.calendar-main-card,.calendar-side-card,
  .calendar-detail-card,.calendar-editor-card,.calendar-upcoming-card,
  .calendar-search-card,.calendar-settings-card,.calendar-kira-card,
  .finance-panel,.transport-detail-shell,.dialog,.notification-panel
) {
  border-color: rgba(52, 113, 178, .28) !important;
  background: linear-gradient(158deg, rgba(6, 23, 43, .96), rgba(6, 19, 36, .93) 56%, rgba(3, 13, 27, .985)) !important;
}
html[data-theme="ultra-blue"] :is(
  .metric-card,.panel,.offer-card,.vehicle-card,.document-row,.contact-card,
  .auction-card,.stat-card,.company-card,.public-profile-card,.settings-panel,
  .app-dialog,.market-control-dialog-shell,.missed-message-reminder-card,
  .notification-item,.helper-box,.subscription-card,.drawer-badge-progress,
  .drawer-interface-mode
) {
  box-shadow: 0 18px 42px rgba(0,3,13,.26), 0 0 0 1px rgba(93,162,226,.035), inset 0 1px 0 rgba(142,204,255,.045) !important;
}
html[data-theme="ultra-blue"] :is(.offer-card,.vehicle-card,.auction-card,.contact-card,.stat-card,.panel,.metric-card)::before {
  background: linear-gradient(140deg, rgba(41, 119, 205, .075), transparent 38%, transparent 70%, rgba(32, 109, 194, .045) 100%);
}
html[data-theme="ultra-blue"] :is(.offer-card,.vehicle-card).marketplace-highlighted {
  border-color: rgba(63, 132, 201, .35) !important;
  background: linear-gradient(160deg, rgba(9, 36, 65, .97), rgba(6, 26, 49, .94) 48%, rgba(4, 16, 32, .985) 100%) !important;
  box-shadow: 0 0 0 1px rgba(120,190,255,.045), 0 18px 42px rgba(0,2,11,.29), 0 0 18px rgba(25,111,222,.11), inset 0 1px 0 rgba(142,210,255,.06) !important;
}
html[data-theme="ultra-blue"] :is(.offer-card,.vehicle-card).marketplace-highlighted::after {
  box-shadow: inset 0 0 0 1px rgba(77,153,221,.17), 0 0 18px rgba(19,94,190,.10);
}
html[data-theme="ultra-blue"] :is(
  .section-filters,.configurable-filters,.filter-builder,.filter-builder-item,
  .filter-set-head,.load-filter-tabs,.offer-data-grid,.marketplace-filter-panel,
  .marketplace-toolbar,.header-info-setting-card,.kline-header-info-card
) {
  border-color: rgba(50, 114, 179, .26);
  background: linear-gradient(180deg, rgba(5, 20, 38, .95), rgba(3, 15, 30, .97));
}
html[data-theme="ultra-blue"] :is(
  .mini-route,.detail-list span,.company-card dl div,.profile-overview-stats > button,
  .switch-row,.offer-data-grid > div,.filter-chip,.quick-action,
  .subscription-card,.drawer-interface-mode,.drawer-badge-progress
) {
  border-color: rgba(59, 115, 177, .19);
  background: linear-gradient(180deg, rgba(10, 33, 58, .9), rgba(4, 17, 35, .97));
}
html[data-theme="ultra-blue"] .helper-box {
  border-color: rgba(59, 128, 198, .25) !important;
  background: linear-gradient(160deg, rgba(8, 30, 55, .91), rgba(5, 19, 37, .97)) !important;
}

/* Tlačítka, pole, volby a mini-okna. Výraznější jen primární akce. */
html[data-theme="ultra-blue"] :is(
  .live-clock-open,.profile-button,.sync-chip,.plan-chip,.language-switch,
  .global-search,.icon-button,.button-secondary,.mini-button,.theme-card,
  .field input,.field select,.field textarea,.ai-form input,
  .suggestion-row button,.global-search-results,.promotion-toggle-switch,
  .promotion-active-chip,.promotion-wallet-balance,
  .promotion-free-grid > span,.promotion-pending-topups article,
  .promotion-wallet-history article,.promotion-admin-metrics > span
) {
  border-color: rgba(62, 120, 183, .25);
  background: linear-gradient(180deg, rgba(10, 32, 57, .94), rgba(5, 20, 38, .98));
  box-shadow: inset 0 1px 0 rgba(145,204,255,.05), 0 10px 24px rgba(0,4,15,.19), 0 0 0 1px rgba(100,173,238,.02);
}
html[data-theme="ultra-blue"] :is(.button-secondary,.mini-button,.icon-button) {
  border-color: rgba(73, 132, 191, .26);
  color: #deefff;
}
html[data-theme="ultra-blue"] .button-primary {
  background: linear-gradient(135deg, #0a56ad, #0b4b99 52%, #1174ce 110%);
  border-color: rgba(84, 171, 243, .44);
  box-shadow: 0 12px 28px rgba(1, 43, 108, .33), inset 0 1px 0 rgba(178,225,255,.14), 0 0 16px rgba(20,106,207,.16);
}
html[data-theme="ultra-blue"] .button-primary:hover {
  box-shadow: 0 14px 32px rgba(1,48,120,.34), inset 0 1px 0 rgba(183,226,255,.17), 0 0 18px rgba(29,118,228,.2);
}
html[data-theme="ultra-blue"] :is(
  .button-secondary:hover,.icon-button:hover,.mini-button:hover,
  .profile-button:hover,.global-search:focus-within,.field input:focus,
  .field select:focus,.field textarea:focus,.ai-form input:focus
) {
  border-color: rgba(95, 170, 235, .39);
  box-shadow: 0 0 0 1px rgba(47,132,224,.13), 0 12px 28px rgba(0,2,12,.18), inset 0 1px 0 rgba(149,204,255,.055);
}
html[data-theme="ultra-blue"] select option,
html[data-theme="ultra-blue"] select optgroup { background-color: #071a30; color: #eff8ff; }
html[data-theme="ultra-blue"] select option:checked { background: #0a5baa; color: #fff; }

/* Výběrová / vysouvací menu: zachovat jejich tvar, dělení řádků a 3D stín. */
html[data-theme="ultra-blue"] :is(
  .kline-select-picker,.load-multi-list:not([hidden]),
  .country-suggestion-menu,.place-suggestion-menu,.language-switch-menu,
  .registry-suggestion-menu,.kline-time-picker,.kline-date-picker
) {
  border-color: rgba(75, 138, 201, .29) !important;
  background:
    radial-gradient(ellipse 70% 44% at 94% 4%, rgba(30, 100, 178, .14), transparent 80%),
    radial-gradient(ellipse 48% 36% at 100% 100%, rgba(24, 77, 142, .10), transparent 86%),
    linear-gradient(138deg, rgba(5, 20, 39, .985), rgba(9, 30, 55, .97) 55%, rgba(4, 15, 31, .995) 100%) !important;
  box-shadow:
    0 24px 60px rgba(0,2,9,.52),
    0 0 18px rgba(25, 96, 174, .14),
    inset 0 1px 0 rgba(158,206,255,.07),
    inset 0 12px 22px rgba(31, 96, 169, .10),
    inset 0 -1px 0 rgba(0,3,13,.43) !important;
}
html[data-theme="ultra-blue"] :is(.kline-select-picker-head,.kline-time-picker-head,.kline-date-picker-head) {
  border-color: rgba(79, 136, 199, .21) !important;
  background: linear-gradient(180deg, rgba(43, 104, 171, .12), transparent 88%) !important;
}
html[data-theme="ultra-blue"] :is(.kline-select-search input,.load-multi-open) {
  border-color: rgba(75, 143, 209, .24) !important;
  background: linear-gradient(140deg, rgba(10, 34, 62, .82), rgba(5, 19, 38, .90)) !important;
  box-shadow: inset 0 2px 10px rgba(0,2,12,.28), 0 0 0 1px rgba(157,206,255,.028) !important;
}
html[data-theme="ultra-blue"] :is(
  .kline-select-option,.country-suggestion-menu button,
  .place-suggestion-menu button,.language-switch-option,.load-multi-list label
) { color: #deefff; }
html[data-theme="ultra-blue"] :is(
  .kline-select-option,.country-suggestion-menu button,
  .place-suggestion-menu button,.language-switch-option,.registry-suggestion-menu button
)::after {
  background: linear-gradient(90deg, transparent 2%, rgba(107,159,208,.20) 21%, rgba(72,119,167,.12) 72%, transparent 98%) !important;
  box-shadow: 0 2px 5px rgba(0,3,13,.30) !important;
}
html[data-theme="ultra-blue"] .load-multi-list label + label {
  border-top-color: rgba(93,148,200,.18) !important;
}
html[data-theme="ultra-blue"] :is(
  .kline-select-option:hover,.kline-select-option.is-keyboard,
  .country-suggestion-menu button:hover,.country-suggestion-menu button.keyboard-active,
  .place-suggestion-menu button:hover,.place-suggestion-menu button.keyboard-active,
  .language-switch-option:hover,.registry-suggestion-menu button:hover,
  .kline-time-option:hover,.load-multi-list label:hover
) {
  background: linear-gradient(95deg, rgba(34,92,158,.19), rgba(13,46,91,.15) 70%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(167,217,255,.055), 0 6px 14px rgba(0,3,13,.19) !important;
}
html[data-theme="ultra-blue"] :is(
  .kline-select-option.is-selected,.language-switch-option.is-active,
  .load-multi-list label:has(input:checked),.kline-time-option.is-active,
  .kline-time-option[aria-selected="true"],
  .country-suggestion-menu button[aria-selected="true"],
  .place-suggestion-menu button[aria-selected="true"]
) {
  border-color: rgba(47, 131, 218, .40) !important;
  background: linear-gradient(105deg, rgba(8, 83, 171, .88), rgba(6, 59, 131, .85) 58%, rgba(5, 37, 88, .91)) !important;
  box-shadow: 0 0 0 1px rgba(30,110,211,.23), 0 7px 16px rgba(0,14,38,.35), inset 0 1px 0 rgba(174,215,255,.19), inset 0 -2px 8px rgba(1,16,44,.25) !important;
  color: #f3f9ff !important;
}
html[data-theme="ultra-blue"] :is(.kline-select-option.is-selected b,.load-multi-list label:has(input:checked)::after) {
  border-color: rgba(104,187,250,.59) !important;
  background: linear-gradient(155deg,#177ed8,#1055a6 75%,#0a3778) !important;
  box-shadow: 0 0 12px rgba(26,105,196,.35), inset 0 1px 0 rgba(208,234,255,.28) !important;
}
html[data-theme="ultra-blue"] :is(
  .kline-select-list,.load-multi-list,.country-suggestion-menu,
  .place-suggestion-menu,.language-switch-menu,.registry-suggestion-menu,.kline-time-picker-list
) { scrollbar-color: rgba(73, 119, 169, .58) transparent; }
html[data-theme="ultra-blue"] :is(
  .kline-select-list,.load-multi-list,.country-suggestion-menu,
  .place-suggestion-menu,.language-switch-menu,.registry-suggestion-menu,.kline-time-picker-list
)::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(73, 127, 182, .82), rgba(34, 68, 110, .88)) padding-box !important;
}

/* Skleněné chaty: původní průhlednost a rozmazání, pouze modrý tón. */
html[data-theme="ultra-blue"] .dock-chat {
  border-color: rgba(59, 125, 192, .27);
  background: rgba(4, 17, 35, .62) !important;
}
html[data-theme="ultra-blue"] .dock-chat :is(.dock-chat-head,.dock-compose) {
  background: rgba(8, 30, 56, .48) !important;
}
html[data-theme="ultra-blue"] :is(.chat-pane,.chat-pane-head,.chat-compose,.conversation-list,.chat-emoji-picker,.chat-color-picker,.chat-wallpaper-picker) {
  border-color: rgba(58, 123, 189, .22);
  background-color: rgba(5, 19, 36, .88);
}


/* ===== Ultra Blue v2 · světlejší matné sklo podle nové reference ===== */
html[data-theme="ultra-blue"] {
  --panel: rgba(12, 30, 52, .60);
  --panel-solid: rgba(9, 24, 43, .78);
  --panel-alt: rgba(15, 38, 66, .56);
  --sidebar: rgba(5, 15, 28, .90);
  --topbar: rgba(8, 21, 39, .76);
  --input: rgba(14, 35, 61, .52);
  --border: rgba(106, 167, 226, .24);
  --border-strong: rgba(103, 177, 245, .40);
  --accent: #2f9bff;
  --accent-strong: #1875d6;
  --accent-soft: rgba(50, 146, 244, .16);
  --accent-glow: rgba(41, 136, 232, .20);
  --accent-2: #8fe1ff;
  --ultra-overlay: rgba(4, 14, 27, .68);
  --ultra-panel-glow: rgba(57, 127, 203, .11);
  --shadow: 0 28px 62px rgba(0, 6, 18, .34);
  --shadow-button: 0 18px 36px rgba(10, 70, 146, .20);
  --ultra-soft-panel: rgba(12, 31, 53, .58);
  --ultra-soft-panel-strong: rgba(11, 29, 49, .72);
  --ultra-soft-panel-alt: rgba(19, 44, 74, .52);
  --ultra-soft-line: rgba(108, 170, 229, .22);
  --ultra-soft-line-strong: rgba(118, 188, 248, .36);
  --ultra-soft-divider: rgba(132, 184, 230, .13);
  --ultra-soft-glow: rgba(74, 143, 216, .10);
  --ultra-soft-glow-2: rgba(96, 171, 240, .05);
}
html[data-theme="ultra-blue"] body {
  background:
    radial-gradient(circle at 13% 0%, rgba(45, 117, 205, .16), transparent 24rem),
    radial-gradient(circle at 89% 8%, rgba(43, 124, 214, .12), transparent 20rem),
    radial-gradient(circle at 82% 62%, rgba(24, 85, 163, .12), transparent 24rem),
    linear-gradient(180deg, #08111d 0%, #0a1829 34%, #0d2136 69%, #10273f 100%);
}
html[data-theme="ultra-blue"] .workspace::before {
  background:
    radial-gradient(circle at 18% 11%, rgba(72, 145, 223, .12), transparent 18rem),
    radial-gradient(circle at 86% 16%, rgba(59, 137, 223, .10), transparent 15rem),
    radial-gradient(circle at 85% 72%, rgba(43, 112, 194, .11), transparent 20rem),
    linear-gradient(180deg, rgba(224,242,255,.038), rgba(255,255,255,0) 18%),
    linear-gradient(120deg, rgba(8, 21, 38, .80), rgba(11, 28, 49, .58) 37%, rgba(13, 32, 55, .76) 100%);
}
html[data-theme="ultra-blue"] .sidebar {
  background: linear-gradient(180deg, rgba(7, 19, 34, .92), rgba(9, 24, 42, .84) 48%, rgba(8, 21, 38, .90));
  border-right-color: rgba(104, 166, 224, .16);
  box-shadow: 18px 0 44px rgba(0, 6, 18, .28), inset -1px 0 0 rgba(206, 235, 255, .04);
  backdrop-filter: blur(18px) saturate(120%);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
}
html[data-theme="ultra-blue"] .topbar {
  border-bottom-color: rgba(106, 169, 228, .18);
  background: linear-gradient(180deg, rgba(8, 20, 37, .74), rgba(10, 24, 43, .62));
  box-shadow: 0 16px 34px rgba(0, 6, 18, .24), inset 0 -1px 0 rgba(214, 238, 255, .035);
  backdrop-filter: blur(18px) saturate(120%);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
}
html[data-theme="ultra-blue"] .drawer {
  border-left-color: rgba(106, 170, 227, .18);
  background: linear-gradient(180deg, rgba(10, 24, 42, .84), rgba(9, 22, 38, .80));
  box-shadow: -30px 0 82px rgba(0, 5, 16, .34), -10px 0 24px rgba(0, 7, 19, .16), inset 1px 0 0 rgba(213, 237, 255, .04);
  backdrop-filter: blur(20px) saturate(118%);
  -webkit-backdrop-filter: blur(20px) saturate(118%);
}
html[data-theme="ultra-blue"] :is(
  .metric-card,.panel,.offer-card,.vehicle-card,.document-row,.contact-card,
  .auction-card,.stat-card,.company-card,.public-profile-card,.settings-panel,
  .app-dialog,.market-control-dialog-shell,.missed-message-reminder-card,
  .notification-item,.helper-box,.subscription-card,.drawer-badge-progress,
  .drawer-interface-mode,.dashboard-widget,.load-row,.record-preview-card,
  .calendar-hero-card,.calendar-main-card,.calendar-side-card,
  .calendar-detail-card,.calendar-editor-card,.calendar-upcoming-card,
  .calendar-search-card,.calendar-settings-card,.calendar-kira-card,
  .finance-panel,.transport-detail-shell,.dialog,.notification-panel
) {
  border-color: rgba(109, 171, 229, .24) !important;
  background:
    linear-gradient(165deg, rgba(17, 42, 71, .54), rgba(12, 30, 52, .42) 56%, rgba(9, 23, 40, .60)) !important;
  box-shadow:
    0 20px 48px rgba(0, 7, 20, .28),
    0 8px 22px rgba(0, 8, 22, .14),
    0 0 0 1px rgba(194, 226, 255, .02),
    inset 0 1px 0 rgba(230, 245, 255, .06),
    inset 0 -1px 0 rgba(0, 0, 0, .08) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
}
html[data-theme="ultra-blue"] :is(.offer-card,.vehicle-card,.auction-card,.contact-card,.stat-card,.panel,.metric-card)::before {
  background: linear-gradient(145deg, rgba(118, 183, 242, .06), rgba(255,255,255,0) 36%, rgba(61, 139, 220, .045) 100%);
}
html[data-theme="ultra-blue"] :is(.offer-card,.vehicle-card).marketplace-highlighted {
  border-color: rgba(117, 188, 247, .30) !important;
  background: linear-gradient(165deg, rgba(24, 54, 88, .60), rgba(14, 35, 60, .48) 52%, rgba(10, 26, 44, .66) 100%) !important;
  box-shadow: 0 22px 52px rgba(0, 6, 18, .30), 0 0 0 1px rgba(201, 231, 255, .025), inset 0 1px 0 rgba(237, 248, 255, .065) !important;
}
html[data-theme="ultra-blue"] :is(
  .section-filters,.configurable-filters,.filter-builder,.filter-builder-item,
  .filter-set-head,.load-filter-tabs,.offer-data-grid,.marketplace-filter-panel,
  .marketplace-toolbar,.header-info-setting-card,.kline-header-info-card
) {
  border-color: rgba(107, 171, 230, .22) !important;
  background: linear-gradient(180deg, rgba(18, 43, 71, .48), rgba(11, 28, 49, .56)) !important;
  box-shadow: 0 18px 40px rgba(0, 8, 20, .24), inset 0 1px 0 rgba(229, 244, 255, .05) !important;
  backdrop-filter: blur(18px) saturate(124%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(124%) !important;
}
html[data-theme="ultra-blue"] :is(
  .mini-route,.detail-list span,.company-card dl div,.profile-overview-stats > button,
  .switch-row,.offer-data-grid > div,.filter-chip,.quick-action,
  .subscription-card,.drawer-interface-mode,.drawer-badge-progress,
  .live-clock-open,.profile-button,.sync-chip,.plan-chip,.language-switch,
  .global-search,.icon-button,.button-secondary,.mini-button,.theme-card,
  .field input,.field select,.field textarea,.ai-form input,.suggestion-row button,
  .global-search-results,.promotion-toggle-switch,.promotion-active-chip,.promotion-wallet-balance,
  .promotion-free-grid > span,.promotion-pending-topups article,.promotion-wallet-history article,
  .promotion-admin-metrics > span
) {
  border-color: rgba(108, 172, 231, .20) !important;
  background: linear-gradient(180deg, rgba(22, 50, 80, .42), rgba(11, 28, 47, .52)) !important;
  box-shadow: inset 0 1px 0 rgba(236, 247, 255, .045), 0 14px 28px rgba(0, 8, 20, .18), 0 0 0 1px rgba(210, 235, 255, .018) !important;
  backdrop-filter: blur(16px) saturate(122%);
  -webkit-backdrop-filter: blur(16px) saturate(122%);
}
html[data-theme="ultra-blue"] .button-primary {
  background: linear-gradient(135deg, rgba(41, 141, 242, .94), rgba(21, 109, 206, .94) 56%, rgba(10, 82, 176, .96) 110%);
  border-color: rgba(139, 210, 255, .42);
  box-shadow: 0 16px 30px rgba(9, 66, 141, .24), inset 0 1px 0 rgba(223, 244, 255, .14), 0 0 16px rgba(52, 147, 244, .10);
}
html[data-theme="ultra-blue"] :is(
  .button-secondary:hover,.icon-button:hover,.mini-button:hover,
  .profile-button:hover,.global-search:focus-within,.field input:focus,
  .field select:focus,.field textarea:focus,.ai-form input:focus
) {
  border-color: rgba(124, 196, 249, .40) !important;
  box-shadow: 0 0 0 1px rgba(72, 164, 241, .14), 0 16px 30px rgba(0, 7, 20, .20), inset 0 1px 0 rgba(232, 246, 255, .06) !important;
}
html[data-theme="ultra-blue"] :is(
  .kline-select-picker,.load-multi-list:not([hidden]),
  .country-suggestion-menu,.place-suggestion-menu,.language-switch-menu,
  .registry-suggestion-menu,.kline-time-picker,.kline-date-picker
) {
  border-color: rgba(117, 186, 244, .28) !important;
  background:
    radial-gradient(ellipse 70% 44% at 94% 4%, rgba(74, 153, 234, .12), transparent 80%),
    radial-gradient(ellipse 50% 38% at 100% 100%, rgba(64, 131, 218, .09), transparent 86%),
    linear-gradient(140deg, rgba(18, 43, 73, .56), rgba(11, 29, 49, .48) 56%, rgba(10, 24, 42, .64) 100%) !important;
  box-shadow:
    0 28px 60px rgba(0, 8, 22, .30),
    0 8px 20px rgba(0, 8, 22, .14),
    inset 0 1px 0 rgba(232, 246, 255, .07),
    inset 0 10px 20px rgba(80, 151, 231, .06) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
}
html[data-theme="ultra-blue"] :is(.kline-select-picker-head,.kline-time-picker-head,.kline-date-picker-head) {
  border-color: rgba(117, 184, 242, .18) !important;
  background: linear-gradient(180deg, rgba(104, 174, 242, .10), transparent 88%) !important;
}
html[data-theme="ultra-blue"] :is(.kline-select-search input,.load-multi-open) {
  border-color: rgba(114, 182, 241, .22) !important;
  background: linear-gradient(140deg, rgba(24, 54, 87, .46), rgba(13, 32, 54, .58)) !important;
  box-shadow: inset 0 2px 10px rgba(0, 5, 16, .16), 0 0 0 1px rgba(223, 242, 255, .015) !important;
}
html[data-theme="ultra-blue"] :is(
  .kline-select-option:hover,.kline-select-option.is-keyboard,
  .country-suggestion-menu button:hover,.country-suggestion-menu button.keyboard-active,
  .place-suggestion-menu button:hover,.place-suggestion-menu button.keyboard-active,
  .language-switch-option:hover,.registry-suggestion-menu button:hover,
  .kline-time-option:hover,.load-multi-list label:hover
) {
  background: linear-gradient(95deg, rgba(81, 158, 236, .16), rgba(34, 91, 161, .11) 70%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(239, 248, 255, .045), 0 8px 16px rgba(0, 8, 22, .12) !important;
}
html[data-theme="ultra-blue"] :is(
  .kline-select-option.is-selected,.language-switch-option.is-active,
  .load-multi-list label:has(input:checked),.kline-time-option.is-active,
  .kline-time-option[aria-selected="true"],
  .country-suggestion-menu button[aria-selected="true"],
  .place-suggestion-menu button[aria-selected="true"]
) {
  border-color: rgba(79, 167, 247, .44) !important;
  background: linear-gradient(105deg, rgba(39, 137, 238, .74), rgba(23, 108, 210, .74) 58%, rgba(14, 77, 171, .82)) !important;
  box-shadow: 0 0 0 1px rgba(58, 152, 239, .22), 0 10px 18px rgba(0, 12, 35, .28), inset 0 1px 0 rgba(233, 247, 255, .16) !important;
  color: #f6fbff !important;
}
html[data-theme="ultra-blue"] .dock-chat {
  border-color: rgba(111, 177, 234, .22);
  background: rgba(12, 30, 52, .46) !important;
  backdrop-filter: blur(20px) saturate(126%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(126%) !important;
}
html[data-theme="ultra-blue"] .dock-chat :is(.dock-chat-head,.dock-compose) {
  background: rgba(20, 47, 77, .34) !important;
}
html[data-theme="ultra-blue"] :is(.chat-pane,.chat-pane-head,.chat-compose,.conversation-list,.chat-emoji-picker,.chat-color-picker,.chat-wallpaper-picker) {
  border-color: rgba(108, 174, 232, .20);
  background-color: rgba(11, 28, 47, .66);
  backdrop-filter: blur(18px) saturate(124%);
  -webkit-backdrop-filter: blur(18px) saturate(124%);
}


/* ===== Ultra Blue v3 · chaty, Kira panel a Komunikace jako průhledné sklo ===== */
html[data-theme="ultra-blue"] :is(
  .chat-pane,
  .conversation-list,
  .dock-chat,
  .ai-drawer,
  .kira-side-drawer,
  .messages-layout,
  .messages-layout .conversation-list,
  .messages-layout .chat-pane
) {
  border-color: rgba(114, 178, 235, .22) !important;
  background: linear-gradient(165deg, rgba(20, 47, 77, .40), rgba(13, 31, 53, .34) 58%, rgba(10, 24, 42, .46)) !important;
  box-shadow: 0 24px 56px rgba(0, 8, 22, .26), 0 8px 20px rgba(0, 8, 22, .12), inset 0 1px 0 rgba(236, 247, 255, .06), inset 0 -1px 0 rgba(0,0,0,.06) !important;
  backdrop-filter: blur(22px) saturate(128%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(128%) !important;
}
html[data-theme="ultra-blue"] :is(
  .chat-pane-head,
  .chat-compose,
  .conversation-list-head,
  .dock-chat-head,
  .dock-compose,
  .chat-context-selector,
  .chat-compose-context,
  .kira-side-drawer .dock-chat-head,
  .kira-side-drawer .dock-compose,
  .kira-side-drawer-content
) {
  border-color: rgba(116, 181, 238, .18) !important;
  background: linear-gradient(180deg, rgba(26, 58, 92, .28), rgba(14, 33, 56, .22)) !important;
  box-shadow: inset 0 1px 0 rgba(241, 249, 255, .045), 0 10px 20px rgba(0, 8, 22, .10) !important;
  backdrop-filter: blur(20px) saturate(126%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(126%) !important;
}
html[data-theme="ultra-blue"] :is(.dock-messages,.chat-stream,.conversation-records) {
  background: transparent !important;
}
html[data-theme="ultra-blue"] :is(.conversation-search,.conversation-record,.conversation-tabs button,.conversation-search-results > button) {
  border-color: rgba(113, 177, 235, .20) !important;
  background: linear-gradient(180deg, rgba(24, 54, 86, .30), rgba(12, 29, 49, .36)) !important;
  box-shadow: inset 0 1px 0 rgba(242, 249, 255, .04), 0 12px 24px rgba(0, 8, 22, .10) !important;
  backdrop-filter: blur(18px) saturate(124%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(124%) !important;
}
html[data-theme="ultra-blue"] :is(.conversation-tabs button:hover,.conversation-record:hover,.conversation-search-results > button:hover) {
  border-color: rgba(127, 195, 248, .30) !important;
  background: linear-gradient(180deg, rgba(35, 76, 120, .32), rgba(16, 38, 63, .42)) !important;
  box-shadow: 0 16px 30px rgba(0, 8, 22, .14), inset 0 1px 0 rgba(244, 250, 255, .05) !important;
}
html[data-theme="ultra-blue"] :is(.conversation-tabs button.active,.conversation-search:focus-within) {
  border-color: rgba(88, 171, 247, .36) !important;
  background: linear-gradient(180deg, rgba(48, 103, 161, .34), rgba(18, 45, 74, .42)) !important;
  box-shadow: 0 18px 34px rgba(0, 10, 26, .16), 0 0 0 1px rgba(73, 158, 237, .12), inset 0 1px 0 rgba(244, 250, 255, .05) !important;
}
html[data-theme="ultra-blue"] .conversation-record.unread:not(.ai-support-conversation-record) {
  background: linear-gradient(180deg, rgba(40, 92, 146, .34), rgba(16, 40, 67, .40)) !important;
  border-color: rgba(99, 177, 247, .28) !important;
}
html[data-theme="ultra-blue"] :is(.chat-emoji-picker,.chat-color-picker,.chat-wallpaper-picker) {
  border-color: rgba(116, 181, 238, .22) !important;
  background: linear-gradient(165deg, rgba(22, 50, 82, .48), rgba(12, 29, 48, .42) 58%, rgba(10, 24, 42, .54)) !important;
  box-shadow: 0 22px 48px rgba(0, 8, 22, .24), inset 0 1px 0 rgba(243, 249, 255, .06) !important;
  backdrop-filter: blur(24px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(130%) !important;
}
html[data-theme="ultra-blue"] .chat-message p {
  background: linear-gradient(180deg, rgba(29, 66, 106, .42), rgba(16, 38, 63, .46)) !important;
  border-color: rgba(118, 181, 235, .18) !important;
  box-shadow: 0 14px 26px rgba(0, 8, 22, .14), inset 0 1px 0 rgba(244,249,255,.05) !important;
  backdrop-filter: blur(14px) saturate(122%);
  -webkit-backdrop-filter: blur(14px) saturate(122%);
}
html[data-theme="ultra-blue"] .chat-message.user p {
  background: linear-gradient(135deg, rgba(42, 145, 244, .78), rgba(20, 106, 206, .80) 56%, rgba(12, 80, 173, .86)) !important;
  border-color: rgba(133, 208, 255, .32) !important;
}


/* Ultra · všechna výběrová menu ve stylu jazykového menu */
html[data-theme="ultra-blue"] :is(
  .kline-select-picker,
  .load-multi-list:not([hidden]),
  .country-suggestion-menu,
  .place-suggestion-menu,
  .language-switch-menu,
  .registry-suggestion-menu,
  .kline-time-picker,
  .kline-date-picker,
  .load-filter-preset-menu[open] > div
) {
  border-color: rgba(120, 186, 242, .22) !important;
  background:
    radial-gradient(ellipse 72% 46% at 95% 2%, rgba(83, 162, 240, .10), transparent 80%),
    radial-gradient(ellipse 55% 38% at 100% 100%, rgba(69, 137, 217, .07), transparent 84%),
    linear-gradient(142deg, rgba(24, 55, 87, .44), rgba(13, 31, 53, .38) 54%, rgba(10, 24, 41, .50) 100%) !important;
  box-shadow:
    0 22px 52px rgba(0, 8, 22, .28),
    0 8px 18px rgba(0, 8, 22, .12),
    inset 0 1px 0 rgba(236, 247, 255, .08),
    inset 0 -1px 0 rgba(0,0,0,.06) !important;
  backdrop-filter: blur(22px) saturate(126%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(126%) !important;
}
html[data-theme="ultra-blue"] :is(
  .kline-select-option,
  .country-suggestion-menu button,
  .place-suggestion-menu button,
  .language-switch-option,
  .registry-suggestion-menu button,
  .kline-time-option,
  .kline-date-picker .kline-date-option,
  .load-multi-list label
) {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="ultra-blue"] :is(
  .kline-select-option:hover,
  .kline-select-option.is-keyboard,
  .country-suggestion-menu button:hover,
  .country-suggestion-menu button.keyboard-active,
  .place-suggestion-menu button:hover,
  .place-suggestion-menu button.keyboard-active,
  .language-switch-option:hover,
  .registry-suggestion-menu button:hover,
  .kline-time-option:hover,
  .kline-date-picker .kline-date-option:hover,
  .load-multi-list label:hover
) {
  background: linear-gradient(98deg, rgba(76, 152, 229, .16), rgba(34, 91, 161, .10) 72%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(243, 249, 255, .05), 0 8px 16px rgba(0, 8, 22, .12) !important;
}


/* Ultra · bezpečnostní pojistka pro vrstvení pickerů a state menu */
html[data-theme="ultra-blue"] :is(
  .kline-select-picker,
  .kline-select-picker[popover]:popover-open,
  .load-multi-list:not([hidden]),
  .load-multi-list[popover]:popover-open,
  .country-suggestion-menu,
  .place-suggestion-menu,
  .language-switch-menu,
  .registry-suggestion-menu,
  .kline-time-picker,
  .kline-time-picker[popover]:popover-open,
  .kline-date-picker,
  .kline-date-picker[popover]:popover-open,
  .load-filter-preset-menu[open] > div
) {
  z-index: 2147483642 !important;
}

/* K-Line 2026-10-09 · jemné stínované dělicí pruhy ve výběrových menu.
   Výhradně Dark Ultra (ultra) a Ultra (ultra-blue).
   Ponechává barvy, průhlednost, blur, velikosti, pozice i vrstvení.
   ::after používáme pouze u položek bez funkční ikonky/fajfky v pseudo-prvku. */
html:is([data-theme="ultra"], [data-theme="ultra-blue"]) :is(
  .kline-select-picker .kline-select-option,
  .country-suggestion-menu > button,
  .place-suggestion-menu > button,
  .language-switch-menu .language-switch-option,
  .registry-suggestion-menu > button,
  .kline-time-picker .kline-time-option,
  .load-multi-choice .load-multi-options > .load-multi-option,
  .load-filter-preset-menu[open] > div > button
) {
  position: relative;
}
/* Tenký světlejší střed, pozvolné vytracení do stran a měkký stín pod pruhem. */
html:is([data-theme="ultra"], [data-theme="ultra-blue"]) :is(
  .kline-select-picker .kline-select-option,
  .country-suggestion-menu > button,
  .place-suggestion-menu > button,
  .language-switch-menu .language-switch-option,
  .registry-suggestion-menu > button,
  .kline-time-picker .kline-time-option,
  .load-multi-choice .load-multi-options > .load-multi-option,
  .load-filter-preset-menu[open] > div > button
):not(:last-child)::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 11px !important;
  right: 11px !important;
  bottom: 0 !important;
  width: auto !important;
  height: 1px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(157, 188, 218, .12) 13%,
    rgba(171, 203, 231, .24) 49%,
    rgba(157, 188, 218, .12) 87%,
    transparent 100%) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .30), 0 -1px 2px rgba(202, 224, 244, .035) !important;
  opacity: 1 !important;
  pointer-events: none !important;
  transform: none !important;
  z-index: 1;
}
/* Původní ::after indikátor u vícečetného výběru nesmíme přepsat.
   Jemná spodní linka je proto kreslena jako okraj s vlastním přechodem. */
html:is([data-theme="ultra"], [data-theme="ultra-blue"]) .load-multi-list:not([hidden]) > label:not(:last-of-type) {
  border-bottom: 1px solid transparent !important;
  border-image-source: linear-gradient(90deg,
    transparent 0%, rgba(158, 189, 218, .13) 14%,
    rgba(171, 203, 231, .24) 50%, rgba(158, 189, 218, .13) 86%, transparent 100%) !important;
  border-image-slice: 1 !important;
}
/* Samostatné rámečky v menu nevytváříme; řádky zůstávají pohromadě. */
html:is([data-theme="ultra"], [data-theme="ultra-blue"]) .load-multi-choice .load-multi-options {
  gap: 0 !important;
}
/* U Dark Ultra méně modrý, jemně neutrální odstín oddělovačů. */
html[data-theme="ultra"] :is(
  .kline-select-picker .kline-select-option,
  .country-suggestion-menu > button,
  .place-suggestion-menu > button,
  .language-switch-menu .language-switch-option,
  .registry-suggestion-menu > button,
  .kline-time-picker .kline-time-option,
  .load-multi-choice .load-multi-options > .load-multi-option,
  .load-filter-preset-menu[open] > div > button
):not(:last-child)::after {
  background: linear-gradient(90deg,
    transparent 0%, rgba(166, 174, 186, .13) 13%,
    rgba(189, 197, 207, .23) 50%,
    rgba(166, 174, 186, .13) 87%, transparent 100%) !important;
}