:root[data-theme="dark"] {
    --primary-green: #6fb6a7;
    --primary-green-rgb: 111,182,167;
    --primary-red: #c78178;
    --primary-red-rgb: 199,129,120;
    --primary-txt: #e3e7ee;
    --secondary-btn: #6b7688;
    --primary-bg: #111418;
    --text-light: #f1f4f8;
    --text-muted: #d5dbe5;
    --neutral-bg-1: #1b1624;
    --neutral-bg-2: #181d23;
    --neutral-bg-3: #20262e;
    --neutral-border: #353e4d;
    --neutral-border-2: #2c3441;
    --neutral-hover: #2a313b;
    --hero-glow: #28433f;
    --hero-shadow: #0d1014;
    --field-bg: rgba(255,255,255,0.05);
    --field-bg-strong: rgba(255,255,255,0.07);
    --surface-overlay: rgba(255,255,255,0.04);
    --surface-overlay-strong: rgba(255,255,255,0.08);
    --surface-line: rgba(227,231,238,0.16);
    --text-dim: rgba(227,231,238,0.64);
    --shadow-strong: rgba(0,0,0,0.55);
    --shadow-soft: rgba(0,0,0,0.42);
    --alert-warning-bg: #4b3e28;
    --alert-warning-border: #8d7750;
    --alert-warning-text: #f0e0bc;
    --alert-success-bg: #1d352a;
    --alert-success-border: #3f6856;
    --alert-success-text: #d4eadf;
    --alert-info-bg: #1a2d38;
    --alert-info-border: #466475;
    --alert-info-text: #d7e8f3;
    --alert-danger-bg: #3a2327;
    --alert-danger-border: #7a5559;
    --alert-danger-text: #f0d9dc;
    --input-border: #414a58;
    --price-border: #2d3642;
    --mobile-divider: #222933;
    --accent-contrast: #182026;
    --accent-contrast-soft: #243038;
    --accent-green-contrast: #003b2c;
    --accent-green-contrast-soft: #0f4a3a;
    --accent-red-contrast: #400b00;
    --card-elevated: #242b34;
    --card-muted: #2a3138;
    --chart-accent-1: #6fb6a7;
    --chart-accent-2: #c78178;
    --chart-accent-3: #cfb67a;
    --chart-accent-4: #8bb2bf;
    --chart-accent-5: #b08fb9;
    --chart-accent-6: #7f93ad;
    --chart-grid: rgba(227,231,238,0.12);
    --chart-tick: rgba(227,231,238,0.78);
    --chart-tooltip-bg: #20262e;
    --chart-tooltip-title: #f1f4f8;
    --chart-tooltip-body: #d5dbe5;
    --dialog-accent-1: #668da0;
    --dialog-accent-2: #a88a6f;
}

html[data-theme="dark"] body {
    color: var(--text-muted);
    background-color: var(--primary-bg);
}

html[data-theme="dark"] .desktop_text_container h2:not(.choklad) {
    color: var(--text-light);
}

html[data-theme="dark"] a {
    color: var(--text-light);
}

html[data-theme="dark"] a:hover {
    color: var(--text-light);
}

html[data-theme="dark"] #top {
    background-color: var(--neutral-bg-1);
}

html[data-theme="dark"] #top li {
    color: var(--text-muted);
}

html[data-theme="dark"] #top li:not(.aktiv):not(.locale_select):hover,
html[data-theme="dark"] .aktiv {
    border-bottom-color: var(--primary-green);
}

html[data-theme="dark"] #hero {
	background:
		radial-gradient(ellipse 90% 100% at -5% 55%, rgba(3, 133, 110, 0.82) 0%, transparent 50%),
		radial-gradient(ellipse 80% 90% at 105% 40%, rgba(191, 58, 43, 0.82) 0%, transparent 50%),
		radial-gradient(ellipse 55% 55% at 48% 0%, rgba(232, 195, 185, 0.22) 0%, transparent 50%),
		radial-gradient(ellipse 60% 60% at 80% 100%, rgba(191, 58, 43, 0.45) 0%, transparent 50%),
		#302e32;
}

html[data-theme="dark"] #hero h1,
html[data-theme="dark"] #hero p,
html[data-theme="dark"] #hero_price h1,
html[data-theme="dark"] #hero_price p {
    color: var(--text-light);
}

html[data-theme="dark"] #hero_price {
	background:
		radial-gradient(ellipse 90% 100% at -5% 55%, rgba(3, 133, 110, 0.82) 0%, transparent 50%),
		radial-gradient(ellipse 80% 90% at 105% 40%, rgba(191, 58, 43, 0.82) 0%, transparent 50%),
		radial-gradient(ellipse 55% 55% at 48% 0%, rgba(232, 195, 185, 0.22) 0%, transparent 50%),
		radial-gradient(ellipse 60% 60% at 80% 100%, rgba(191, 58, 43, 0.45) 0%, transparent 50%),
		#302e32;
}

html[data-theme="dark"] #footer {
    background-image: url(imgs/bg_2.jpg);
    color: var(--text-muted);
}

html[data-theme="dark"] #footer a {
    color: var(--text-muted);
}

html[data-theme="dark"] .footer-jmd-logo--light {
    display: none;
}

html[data-theme="dark"] .footer-jmd-logo--dark {
    display: inline-block;
}

html[data-theme="dark"] .grey {
    background-color: var(--neutral-bg-3);
    border-top: 1px solid var(--neutral-border);
    border-bottom: 1px solid var(--neutral-border);
    color: var(--text-muted);
}

html[data-theme="dark"] .vad_ar_sektion {
    background: linear-gradient(180deg, rgba(27,22,36,0.96) 0%, rgba(24,29,35,0.98) 100%);
    color: var(--text-muted);
}

html[data-theme="dark"] .vad_ar_heading {
    color: var(--text-light);
}

html[data-theme="dark"] .vad_ar_intro {
    color: var(--text-dim);
}

html[data-theme="dark"] .vad_ar_cards {
    gap: 24px;
}

html[data-theme="dark"] .vad_ar_card {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

html[data-theme="dark"] .vad_ar_fa_stack {
    color: var(--primary-green);
}

html[data-theme="dark"] .vad_ar_card .fa-ban {
    color: var(--primary-red) !important;
}

html[data-theme="dark"] .vad_ar_card h3 {
    color: var(--text-light);
}

html[data-theme="dark"] .vad_ar_card p {
    color: var(--text-dim);
}

html[data-theme="dark"] .vad_ar_solution {
    border-top-color: var(--surface-line);
    color: var(--text-light);
}

html[data-theme="dark"] .vad_ar_solution strong {
    color: var(--text-light);
}

html[data-theme="dark"] .vad_ar_solution_link {
    color: var(--primary-green);
}

html[data-theme="dark"] .vad_ar_solution_link:hover {
    color: #89c8bb;
}

html[data-theme="dark"] .overview-block__container {
    --block-bg: var(--accent-green-contrast-soft);
}

html[data-theme="dark"] .overview-block__wrapper,
html[data-theme="dark"] .overview-block__corner-accent {
    color: var(--text-light);
}

html[data-theme="dark"] .overview-block__wrapper p {
    color: rgba(241,244,248,0.82);
}

html[data-theme="dark"] .thumb_container {
    background-color: var(--neutral-bg-2);
}

html[data-theme="dark"] .thumb_container:hover {
    background-color: var(--neutral-hover);
}

html[data-theme="dark"] .jmd_platta,
html[data-theme="dark"] .loginbox,
html[data-theme="dark"] .support_inner,
html[data-theme="dark"] .addon1,
html[data-theme="dark"] .addon2,
html[data-theme="dark"] .gdpr_bumper,
html[data-theme="dark"] .toast {
    background-color: var(--neutral-bg-3);
    color: var(--text-muted);
    border-color: var(--neutral-border);
}
html[data-theme="dark"] .faq1 {
    background-color: transparent;
    color: var(--text-muted);
    border-bottom-color: var(--neutral-border);
}
html[data-theme="dark"] .faq1[aria-expanded="true"] {
    background-color: var(--accent-green-contrast-soft);
    border-bottom-color: transparent;
}
html[data-theme="dark"] .faq2 {
    background-color: var(--accent-green-contrast-soft);
    border-left-color: var(--primary-green);
    border-bottom-color: var(--neutral-border);
    color: var(--text-muted);
}

html[data-theme="dark"] .loginbox__title {
    color: var(--text-light);
}

html[data-theme="dark"] .addon1 b,
html[data-theme="dark"] .addon2 b {
    color: var(--text-muted);
}

html[data-theme="dark"] .pricing-feature-band {
    background: rgba(32, 38, 46, 0.94);
    border-color: var(--neutral-border);
    box-shadow: 0 22px 55px var(--shadow-soft);
    color: var(--text-light);
}

html[data-theme="dark"] .pricing-feature-band__item {
    background: linear-gradient(180deg, #2a313b 0%, #242b34 100%);
    border-color: var(--neutral-border);
}

html[data-theme="dark"] .pricing-feature-band__item p {
    color: var(--text-light);
}

html[data-theme="dark"] .pricing-feature-band__icon {
    background: rgba(var(--primary-green-rgb), 0.14);
    color: var(--primary-red);
    box-shadow: inset 0 0 0 1px rgba(var(--primary-green-rgb), 0.14);
}

html[data-theme="dark"] .pricing-notes {
    background: var(--neutral-bg-3);
    border-color: var(--neutral-border);
    color: var(--text-muted);
}

html[data-theme="dark"] .pricing-notes em,
html[data-theme="dark"] .pricing-notes p {
    color: var(--text-dim);
}

html[data-theme="dark"] .pricing-overview__content {
    background: linear-gradient(180deg, #242b34 0%, #20262e 100%);
    border-color: var(--neutral-border);
    box-shadow: 0 20px 48px var(--shadow-soft);
}

html[data-theme="dark"] .pricing-overview__intro p,
html[data-theme="dark"] .pricing-overview__detail-card p,
html[data-theme="dark"] .pricing-overview__detail-example {
    color: var(--text-dim);
}

html[data-theme="dark"] .pricing-overview__intro h2 {
    color: var(--text-light);
}

html[data-theme="dark"] .pricing-overview__detail-card {
    background: #2a313b;
    border-color: var(--neutral-border);
}

html[data-theme="dark"] .pricing-overview__detail-card--accent {
    background: linear-gradient(135deg, #34303a 0%, #2c3238 100%);
    border-color: #4c5560;
}

html[data-theme="dark"] .pricing-overview__detail-card h3 {
    color: var(--text-light);
}

html[data-theme="dark"] .pricing-overview__price-card {
    background: linear-gradient(180deg, #6fb6a7 0%, #7fc1b4 100%);
    color: var(--accent-green-contrast-soft);
    box-shadow: 0 24px 50px rgba(var(--primary-green-rgb), 0.16);
}

html[data-theme="dark"] .pricing-overview__price-card:after {
    background: rgba(255,255,255,0.14);
}

html[data-theme="dark"] .pricing-overview__price-chip {
    background: rgba(0,59,44,0.08);
    border-color: rgba(0,59,44,0.16);
    color: var(--accent-green-contrast-soft);
}

html[data-theme="dark"] .pricing-overview__price-chip em,
html[data-theme="dark"] .pricing-overview__price-amount,
html[data-theme="dark"] .pricing-overview__price-old,
html[data-theme="dark"] .pricing-overview__price-note {
    color: var(--accent-green-contrast-soft);
}

html[data-theme="dark"] .faq1 i {
    color: var(--text-dim);
}

html[data-theme="dark"] .alert-warning {
    background-color: var(--alert-warning-bg) !important;
    border-color: var(--alert-warning-border) !important;
    color: var(--alert-warning-text);
}

html[data-theme="dark"] .alert-success {
    background-color: var(--alert-success-bg);
    border-color: var(--alert-success-border);
    color: var(--alert-success-text);
}

html[data-theme="dark"] .alert-info {
    background-color: var(--alert-info-bg);
    border-color: var(--alert-info-border);
    color: var(--alert-info-text);
}

html[data-theme="dark"] .alert-danger {
    background-color: var(--alert-danger-bg);
    border-color: var(--alert-danger-border);
    color: var(--alert-danger-text);
}

html[data-theme="dark"] .find_inner {
    color: var(--text-light);
}

html[data-theme="dark"] .link-search-button {
    background-color: var(--secondary-btn);
    color: var(--accent-contrast);
    text-shadow: none;
}

html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] #support_search,
html[data-theme="dark"] .otc input[type="number"],
html[data-theme="dark"] .otc input[type="text"] {
    background-color: var(--field-bg);
    color: var(--text-muted);
    border-color: var(--input-border);
}

html[data-theme="dark"] .otc div::before {
    background: var(--primary-green);
}

html[data-theme="dark"] .price_details {
    background-color: var(--primary-bg);
}

html[data-theme="dark"] .price_features {
    border-color: var(--price-border);
}

html[data-theme="dark"] .price_features i {
    color: var(--primary-red);
}

html[data-theme="dark"] .bg-primary-green,
html[data-theme="dark"] .primaryBtn,
html[data-theme="dark"] .adminknapp {
    color: var(--accent-green-contrast) !important;
    text-shadow: none;
    box-shadow: 0 6px 14px rgba(0,0,0,0.18);
}

html[data-theme="dark"] .bg-primary-red,
html[data-theme="dark"] .adminknapp_rod {
    color: var(--accent-red-contrast) !important;
    text-shadow: none;
    box-shadow: 0 6px 14px rgba(0,0,0,0.18);
}

html[data-theme="dark"] .bg-primary-green a,
html[data-theme="dark"] .bg-primary-green h1,
html[data-theme="dark"] .bg-primary-green h2,
html[data-theme="dark"] .bg-primary-green h3,
html[data-theme="dark"] .bg-primary-green p,
html[data-theme="dark"] .bg-primary-green strong,
html[data-theme="dark"] .bg-primary-red a,
html[data-theme="dark"] .bg-primary-red h1,
html[data-theme="dark"] .bg-primary-red h2,
html[data-theme="dark"] .bg-primary-red h3,
html[data-theme="dark"] .bg-primary-red p,
html[data-theme="dark"] .bg-primary-red strong {
    color: inherit;
}

html[data-theme="dark"] .pricing-addon-card__header {
    background: var(--primary-red);
    color: var(--accent-contrast);
}

html[data-theme="dark"] .pricing-addon-card__header h3 {
    color: var(--accent-contrast);
}

html[data-theme="dark"] .pricing-addon-card {
    background: var(--neutral-bg-3);
    border-color: var(--neutral-border);
    box-shadow: 0 18px 34px var(--shadow-soft);
}

html[data-theme="dark"] .pricing-addon-card__body {
    background: linear-gradient(180deg, #242b34 0%, #20262e 100%);
    color: var(--text-dim);
}

html[data-theme="dark"] .pricing-addon-card__body b {
    color: var(--text-light);
}

html[data-theme="dark"] .pricing-addon-card__body em {
    color: var(--text-dim);
}

html[data-theme="dark"] .pricing-section-heading h2,
html[data-theme="dark"] .pricing-cta__title {
    color: var(--text-light);
}

html[data-theme="dark"] .pricing-cta__button {
    background: var(--primary-green);
    color: var(--accent-contrast);
    box-shadow: 0 10px 22px rgba(var(--primary-green-rgb), 0.16);
}

html[data-theme="dark"] .pricing-cta__button:hover {
    background: #7ebeb1;
    box-shadow: 0 14px 26px rgba(var(--primary-green-rgb), 0.2);
}

html[data-theme="dark"] .playVideo {
    background: rgb(var(--primary-green-rgb));
    background: linear-gradient(
        0deg,
        rgba(var(--primary-green-rgb), 1) 4%,
        rgba(27,22,36,0.95) 25%,
        rgba(24,29,35,1) 80%,
        rgba(17,20,24,1) 100%
    );
}

html[data-theme="dark"] .gdpr-choklad {
    color: var(--primary-green);
}

html[data-theme="dark"] .gdpr-4-rubrik {
    color: var(--primary-red);
}

html[data-theme="dark"] .desktop_text_container .choklad,
html[data-theme="dark"] .h2_feature,
html[data-theme="dark"] .redo_container .choklad,
html[data-theme="dark"] .support_inner h3,
html[data-theme="dark"] .sendusemail,
html[data-theme="dark"] .sendusemail h2 {
    color: var(--text-light);
}

html[data-theme="dark"] .greenText,
html[data-theme="dark"] .greenText h2,
html[data-theme="dark"] .greenLeaf,
html[data-theme="dark"] .bg-primary-green .h2_feature,
html[data-theme="dark"] .bg-primary-red .h2_feature {
    color: var(--accent-green-contrast);
}

html[data-theme="dark"] .schema2:after {
    color: var(--primary-bg);
}

html[data-theme="dark"] .footer_tre,
html[data-theme="dark"] .halvdel:nth-last-child(2),
html[data-theme="dark"] .price_features:nth-child(-n+5) {
    border-color: var(--neutral-border-2);
}

html[data-theme="dark"] #mobile_menu {
    background-color: var(--primary-bg);
}

html[data-theme="dark"] #mobile_menu li {
    border-bottom-color: var(--mobile-divider);
}

html[data-theme="dark"] .toast {
    box-shadow: 0 10px 30px var(--shadow-strong);
}

html[data-theme="dark"] .lanklogo .st1,
html[data-theme="dark"] .lanklogo .st2,
html[data-theme="dark"] .lanklogo .st3 {
    fill: var(--text-light) !important;
}

html[data-theme="dark"] body {
    background-color: var(--primary-bg) !important;
    color: var(--primary-txt);
}

html[data-theme="dark"] .fullDashbox,
html[data-theme="dark"] .statsDashBox,
html[data-theme="dark"] .Dashbox32,
html[data-theme="dark"] .Dashbox66,
html[data-theme="dark"] .statsbox,
html[data-theme="dark"] .gc-calendar,
html[data-theme="dark"] .gc-calendar .gc-calendar-header,
html[data-theme="dark"] .tab_active,
html[data-theme="dark"] .dashbox,
html[data-theme="dark"] .front {
    background-color: var(--neutral-bg-2) !important;
    border-color: var(--neutral-border) !important;
    color: var(--primary-txt);
}

html[data-theme="dark"] .setSettings,
html[data-theme="dark"] .settingsTable td,
html[data-theme="dark"] .settings-section-card,
html[data-theme="dark"] .statsknappar,
html[data-theme="dark"] .fontSelector,
html[data-theme="dark"] #editor_frame,
html[data-theme="dark"] .admin-profile-banner-wrap {
    background-color: var(--neutral-bg-3) !important;
    border-color: var(--neutral-border) !important;
    color: var(--primary-txt);
}

html[data-theme="dark"] .tab_inactive {
    background-color: var(--neutral-bg-3) !important;
    border-color: var(--neutral-border) !important;
    color: var(--primary-txt);
}

html[data-theme="dark"] .tab_inactive:hover {
    background-color: var(--neutral-hover) !important;
}

html[data-theme="dark"] .tab_active {
    border-bottom-color: var(--neutral-bg-2) !important;
}

html[data-theme="dark"] #tab_toolbox.tab_active {
    border-bottom-color: var(--neutral-bg-2) !important;
}

html[data-theme="dark"] #toolbox_start ul li {
    border-right-color: var(--neutral-border) !important;
}

html[data-theme="dark"] #toolbox_start ul li:hover {
    background-color: var(--neutral-hover) !important;
}

html[data-theme="dark"] #leads_alternating tr:nth-child(odd),
html[data-theme="dark"] .rightsTbl tr:nth-child(even),
html[data-theme="dark"] .shopify_table tbody tr:nth-child(odd),
html[data-theme="dark"] #contact_content tr:nth-child(even),
html[data-theme="dark"] .faktura_settings tr:nth-child(odd) {
    background-color: var(--surface-overlay) !important;
}

html[data-theme="dark"] .settingsTable td:last-child,
html[data-theme="dark"] .setSettings.is-active {
    background-color: var(--surface-overlay-strong) !important;
}

html[data-theme="dark"] .setSettings:hover {
    background-color: var(--neutral-hover) !important;
}

html[data-theme="dark"] .settings-icon-btn,
html[data-theme="dark"] .connect-meta {
    background-color: var(--neutral-bg-3) !important;
    border-color: var(--neutral-border) !important;
    color: var(--primary-txt) !important;
}

html[data-theme="dark"] .flex_items {
    background-color: var(--card-muted) !important;
    color: var(--text-muted) !important;
    border: 1px solid var(--neutral-border);
}

html[data-theme="dark"] .shadeBox {
    background-color: var(--card-elevated);
    color: var(--text-light);
    box-shadow: 0 24px 60px var(--shadow-strong);
    border: 1px solid var(--neutral-border);
}

html[data-theme="dark"] .shadeBox h2,
html[data-theme="dark"] .shadeBox b,
html[data-theme="dark"] .shadeBox strong {
    color: var(--text-light);
}

html[data-theme="dark"] .shadeBox textarea,
html[data-theme="dark"] .shadeBox input,
html[data-theme="dark"] .shadeBox select {
    background-color: var(--field-bg-strong);
    color: var(--text-light);
    border-color: var(--input-border);
}

html[data-theme="dark"] .flex .flex_items:hover:not(.aktiv_items) {
    background-color: var(--accent-contrast-soft) !important;
    border-color: var(--primary-green) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .aktiv_items,
html[data-theme="dark"] button.flex_items.aktiv_items {
    background-color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
    color: white !important;
}

html[data-theme="dark"] .aktiv_items i {
    color: white !important;
}

html[data-theme="dark"] .fakturtable tr:hover {
    background-color: var(--field-bg-strong) !important;
}

html[data-theme="dark"] .toggle_row,
html[data-theme="dark"] .blobContent,
html[data-theme="dark"] .gallerySettings,
html[data-theme="dark"] .percentage_outer,
html[data-theme="dark"] .insta_tooltip_settings,
html[data-theme="dark"] .iconpicker-popover,
html[data-theme="dark"] .popover_content {
    border-color: var(--neutral-border) !important;
}

html[data-theme="dark"] .blobContent {
    background-color: var(--card-elevated) !important;
    border-left-color: var(--neutral-border) !important;
    border-bottom-color: var(--neutral-border) !important;
}

html[data-theme="dark"] .contact-editor-field {
    background: var(--card-elevated) !important;
    border-color: var(--neutral-border) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .contact-editor-required,
html[data-theme="dark"] .contact-editor-required label,
html[data-theme="dark"] .contact-editor-toprow b {
    color: var(--text-light) !important;
}

html[data-theme="dark"] .contact-editor-remove {
    background: var(--neutral-bg-3) !important;
    border-color: var(--neutral-border) !important;
    color: var(--primary-red) !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background-color: var(--field-bg) !important;
    color: var(--primary-txt) !important;
    border: 1px solid var(--neutral-border) !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: var(--text-dim) !important;
}

html[data-theme="dark"] .toggle_row {
    background-color: var(--neutral-bg-3) !important;
    color: var(--text-muted);
}

html[data-theme="dark"] .toggle_row_label {
    color: var(--text-light);
}

html[data-theme="dark"] .toggle_row select {
    background-color: var(--field-bg) !important;
    border-color: var(--neutral-border) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .related-toggle-section {
    border-left-color: var(--neutral-border);
}

html[data-theme="dark"] .time-select-container {
    background-color: var(--card-muted);
    border: 1px solid var(--neutral-border);
    color: var(--text-light);
}

html[data-theme="dark"] .time-select-input {
    color: var(--text-light) !important;
}

html[data-theme="dark"] .time-simulator-suggestions-title {
    color: var(--text-light);
}

html[data-theme="dark"] .time-simulator-suggestion {
    background-color: var(--card-muted);
    border-color: var(--neutral-border);
    color: var(--text-light);
}

html[data-theme="dark"] .time-simulator-suggestion:hover,
html[data-theme="dark"] .time-simulator-suggestion:focus {
    border-color: var(--primary-green);
    background-color: rgba(3, 133, 110, 0.18);
}

html[data-theme="dark"] .time-simulator-suggestion-text {
    color: var(--text-muted);
}

html[data-theme="dark"] .profiles_tooltip,
html[data-theme="dark"] .profiles_tooltip_hover {
    border-bottom-color: var(--primary-green) !important;
}

html[data-theme="dark"] .event_bg2,
html[data-theme="dark"] .btnval-container .steps-container .step.in-progress,
html[data-theme="dark"] .btnval-container .steps-container .line.next-step-in-progress,
html[data-theme="dark"] .btnval-container .steps-container .line.prev-step-in-progress {
    color: var(--primary-green) !important;
    background-color: var(--primary-green) !important;
}

html[data-theme="dark"] .tab_active i,
html[data-theme="dark"] .tab_inactive i,
html[data-theme="dark"] .stats_percent {
    color: var(--primary-green) !important;
    background-color: transparent !important;
}

html[data-theme="dark"] .dashbox a,
html[data-theme="dark"] .event_bg1,
html[data-theme="dark"] .percentage_inner,
html[data-theme="dark"] .gc-calendar .gc-calendar-header button.next,
html[data-theme="dark"] .gc-calendar .gc-calendar-header button.prev {
    background-color: var(--secondary-btn) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .awesome,
html[data-theme="dark"] .flex_blocktype i,
html[data-theme="dark"] .settingsTable td i,
html[data-theme="dark"] .insta_trashcan,
html[data-theme="dark"] .dropping_red {
    color: var(--text-light) !important;
}

html[data-theme="dark"] .adminknapp:hover {
    color: white !important;
}

html[data-theme="dark"] .adminknapp_rod:hover {
    color: white !important;
}

html[data-theme="dark"] .insta_trashcan:hover {
    filter: brightness(0.92);
}

html[data-theme="dark"] .dropping {
    outline-color: var(--primary-green) !important;
}

html[data-theme="dark"] .tipsBox {
	background:
		radial-gradient(ellipse 90% 100% at -5% 55%, rgba(3, 133, 110, 0.82) 0%, transparent 50%),
		radial-gradient(ellipse 80% 90% at 105% 40%, rgba(191, 58, 43, 0.82) 0%, transparent 50%),
		radial-gradient(ellipse 55% 55% at 48% 0%, rgba(232, 195, 185, 0.22) 0%, transparent 50%),
		radial-gradient(ellipse 60% 60% at 80% 100%, rgba(191, 58, 43, 0.45) 0%, transparent 50%),
		#302e32;
    box-shadow: 0 4px 10px var(--shadow-soft);
}

html[data-theme="dark"] #sortable li,
html[data-theme="dark"] #sortable_tiktok li,
html[data-theme="dark"] #sortable_some li,
html[data-theme="dark"] #gallery_sortable li {
    background-color: var(--card-elevated);
    border: 1px solid var(--neutral-border);
    color: var(--text-muted);
    border-radius: 10px;
}

html[data-theme="dark"] #sortable li.listblocks,
html[data-theme="dark"] #sortable_tiktok li.listblocks {
    padding: 9px 10px 9px 14px;
    box-sizing: border-box;
}

html[data-theme="dark"] #sortable li:hover,
html[data-theme="dark"] #sortable_tiktok li:hover,
html[data-theme="dark"] #sortable_some li:hover,
html[data-theme="dark"] #gallery_sortable li:hover {
    background-color: var(--neutral-hover);
}

html[data-theme="dark"] #sortable li.editingThisBlock,
html[data-theme="dark"] #sortable_tiktok li.editingThisBlock,
html[data-theme="dark"] #sortable_some li.editingThisBlock,
html[data-theme="dark"] #gallery_sortable li.editingThisBlock,
html[data-theme="dark"] .blockitem1.editingThisBlock {
    background: rgba(var(--primary-red-rgb), 0.18) !important;
    border-color: rgba(var(--primary-red-rgb), 0.52) !important;
    box-shadow: 0 0 0 1px rgba(var(--primary-red-rgb), 0.18);
    color: var(--text-light) !important;
}

html[data-theme="dark"] #profileSelect,
html[data-theme="dark"] #globalProfileSelect,
html[data-theme="dark"] #profileSelect-button,
html[data-theme="dark"] #globalProfileSelect-button,
html[data-theme="dark"] .ui-selectmenu-menu .ui-widget-content,
html[data-theme="dark"] .ui-menu.customicons {
    background-color: var(--card-elevated) !important;
    color: var(--text-light) !important;
    border-color: var(--neutral-border) !important;
}

html[data-theme="dark"] .ui-selectmenu-button.ui-button,
html[data-theme="dark"] .ui-widget-content .ui-state-default,
html[data-theme="dark"] .ui-widget-header .ui-state-default,
html[data-theme="dark"] .ui-state-default {
    background: var(--card-elevated) !important;
    color: var(--text-light) !important;
    border-color: var(--neutral-border) !important;
}

html[data-theme="dark"] .ui-state-default a,
html[data-theme="dark"] .ui-widget-content .ui-state-default a,
html[data-theme="dark"] .ui-menu-item-wrapper {
    color: var(--text-light) !important;
}

html[data-theme="dark"] .admin-profile-banner__copy,
html[data-theme="dark"] .admin-profile-banner__text {
    color: var(--text-muted);
}

html[data-theme="dark"] .admin-profile-banner__eyebrow {
    color: var(--text-dim);
}

html[data-theme="dark"] .admin-profile-banner__title {
    color: var(--text-light);
}

html[data-theme="dark"] #toolbox {
    background: linear-gradient(180deg, #181d23 0%, #141920 100%);
}

html[data-theme="dark"] #toolbox .toolbox_surface {
    color: var(--text-light);
}

html[data-theme="dark"] .toolbox_intro {
    background: linear-gradient(135deg, var(--neutral-bg-1) 0%, #263247 100%);
    box-shadow: 0 20px 44px var(--shadow-soft);
}

html[data-theme="dark"] .toolbox_item {
    background: var(--card-elevated);
    border-color: var(--neutral-border);
    box-shadow: 0 14px 32px var(--shadow-soft);
}

html[data-theme="dark"] .toolbox_item:hover,
html[data-theme="dark"] .toolbox_item:focus-visible {
    border-color: rgba(var(--primary-green-rgb), 0.52);
    box-shadow: 0 18px 40px rgba(0,0,0,0.34);
}

html[data-theme="dark"] .toolbox_item_active {
    background: rgba(var(--primary-green-rgb), 0.12);
    border-color: rgba(var(--primary-green-rgb), 0.56);
    box-shadow: 0 18px 40px rgba(var(--primary-green-rgb), 0.12);
}

html[data-theme="dark"] .toolbox_item_icon,
html[data-theme="dark"] .toolbox_item_arrow,
html[data-theme="dark"] .toolbox_label,
html[data-theme="dark"] .toolbox_panel_subtitle,
html[data-theme="dark"] .toolbox_hint,
html[data-theme="dark"] .toolbox_hint i {
    color: var(--text-muted);
}

html[data-theme="dark"] .toolbox_item_title,
html[data-theme="dark"] .toolbox_panel_title {
    color: var(--text-light);
}

html[data-theme="dark"] .toolbox_item_value {
    color: var(--text-dim);
}

html[data-theme="dark"] .toolbox_backbtn {
    background: var(--neutral-hover);
    color: var(--text-light);
}

html[data-theme="dark"] .toolbox_backbtn:hover,
html[data-theme="dark"] .toolbox_backbtn:focus-visible {
    background: #343d49;
}

html[data-theme="dark"] .toolbox_panel_body {
    background: var(--card-elevated);
    box-shadow: inset 0 0 0 1px var(--surface-line), 0 18px 42px var(--shadow-soft);
}

html[data-theme="dark"] .toolbox_input {
    background: var(--field-bg-strong);
    color: var(--text-light);
    border-color: var(--input-border);
}

html[data-theme="dark"] .toolbox_input:focus {
    background: var(--neutral-bg-2);
    border-color: rgba(var(--primary-green-rgb), 0.72);
    box-shadow: 0 0 0 4px rgba(var(--primary-green-rgb), 0.14);
}

html[data-theme="dark"] .toolbox_inline_action {
    background: var(--secondary-btn);
    color: var(--text-light);
}

html[data-theme="dark"] .toolbox_inline_action:hover,
html[data-theme="dark"] .toolbox_inline_action:focus-visible {
    background: #7a8799;
}

html[data-theme="dark"] .ui-state-hover,
html[data-theme="dark"] .ui-widget-content .ui-state-hover,
html[data-theme="dark"] .ui-widget-header .ui-state-hover,
html[data-theme="dark"] .ui-state-focus,
html[data-theme="dark"] .ui-widget-content .ui-state-focus,
html[data-theme="dark"] .ui-widget-header .ui-state-focus,
html[data-theme="dark"] .ui-button:hover,
html[data-theme="dark"] .ui-button:focus {
    background: var(--neutral-hover) !important;
    color: var(--text-light) !important;
    border-color: var(--neutral-border) !important;
}

html[data-theme="dark"] .lb-dialog-card {
    background: linear-gradient(180deg, var(--card-elevated) 0%, var(--neutral-bg-3) 100%);
    border-color: var(--neutral-border);
    box-shadow: 0 28px 80px var(--shadow-strong);
}

html[data-theme="dark"] .lb-dialog-accent {
    background: linear-gradient(90deg, var(--dialog-accent-1) 0%, var(--dialog-accent-2) 100%);
}

html[data-theme="dark"] .lb-dialog-title {
    color: var(--text-light);
}

html[data-theme="dark"] .lb-dialog-message {
    color: var(--text-muted);
}

html[data-theme="dark"] .lb-dialog-btn-secondary {
    background: var(--neutral-hover);
    color: var(--text-light);
}

html[data-theme="dark"] .lb-dialog-btn-secondary:hover,
html[data-theme="dark"] .lb-dialog-btn-secondary:focus-visible {
    background: var(--card-muted);
}

html[data-theme="dark"] .lb-dialog-btn-primary {
    background: var(--primary-green);
    color: var(--accent-contrast);
    box-shadow: 0 12px 24px rgba(var(--primary-green-rgb), 0.18);
}

html[data-theme="dark"] .lb-dialog-btn-primary:hover,
html[data-theme="dark"] .lb-dialog-btn-primary:focus-visible {
    background: var(--text-light);
    color: var(--accent-contrast-soft);
}

html[data-theme="dark"] .note-editor.note-frame,
html[data-theme="dark"] .note-editor.note-airframe {
    border-color: var(--neutral-border) !important;
    background-color: var(--card-elevated) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .note-toolbar {
    background-color: var(--neutral-bg-1) !important;
    border-bottom-color: var(--neutral-border) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .note-btn,
html[data-theme="dark"] .note-dropdown-menu,
html[data-theme="dark"] .note-modal-content {
    background-color: var(--card-elevated) !important;
    border-color: var(--neutral-border) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .note-btn:hover,
html[data-theme="dark"] .note-btn:focus,
html[data-theme="dark"] .note-btn.active,
html[data-theme="dark"] .note-btn:active {
    background-color: var(--neutral-hover) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .note-editable,
html[data-theme="dark"] .note-editable p,
html[data-theme="dark"] .note-editable div,
html[data-theme="dark"] .note-editable span,
html[data-theme="dark"] .note-editable li {
    background-color: var(--card-elevated) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .note-statusbar,
html[data-theme="dark"] .note-editor.note-frame .note-status-output .alert,
html[data-theme="dark"] .note-editor.note-airframe .note-status-output .alert {
    background-color: var(--neutral-bg-3) !important;
    border-top-color: var(--neutral-border) !important;
    color: var(--text-muted) !important;
}

html[data-theme="dark"] .gc-calendar .gc-calendar-month-year,
html[data-theme="dark"] .gc-calendar table.calendar td .day-number {
    color: var(--primary-txt) !important;
}

html[data-theme="dark"] .gc-calendar table.calendar th {
    color: var(--primary-green) !important;
}

html[data-theme="dark"] .gc-calendar table.calendar th::before,
html[data-theme="dark"] .gc-calendar table.calendar tr:not(:last-child) td::before {
    background-color: var(--surface-line) !important;
}

html[data-theme="dark"] .gc-calendar table.calendar a:hover {
    background-color: var(--primary-green) !important;
    color: var(--text-light) !important;
}

html[data-theme="dark"] .gc-calendar table.calendar a:hover .day-number {
    color: var(--text-light) !important;
}

html[data-theme="dark"] .ehandel-tab-trigger.is-active,
html[data-theme="dark"] .ehandel-tab-trigger:hover,
html[data-theme="dark"] .ehandel-tab-trigger:focus-visible {
    background-color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
}

html[data-theme="dark"] .ehandel-card {
    background-color: var(--card-elevated) !important;
    color: var(--primary-txt) !important;
}

html[data-theme="dark"] .ehandel_selector.ehandel-provider-card {
    background-color: var(--neutral-bg-3) !important;
    border-color: var(--neutral-border) !important;
    color: var(--primary-txt) !important;
}

html[data-theme="dark"] .plainlinkssettings:first-child {
    border-right-color: var(--neutral-border) !important;
}
html[data-theme="dark"] .link-input {
    border: none !important;
    background: white;
    color: #333;
}