/* Mokumax 3:2:2 Engine
   Path theming: <html data-mk-path="leads|sales"> (set by the layout from the persistent cookie).
   Leads = Teal #0D9488, Sales = Emerald #10B981. Every accent in the app reads --mk-accent. */

/* Neutral (Dashboard and everything outside Leads/Sales). */
:root { --mk-accent: #2A62FB; --mk-accent-strong: #3B2BD6; --mk-accent-soft: #f1edff; --mk-accent-ink: #ffffff; }
html[data-theme="dark"] { --mk-accent-soft: #221c3d; --mk-accent-strong: #c4b5fd; }

/* Leads = logo sky blue. Sales = brighter green. Page-wide via <html data-mk-path>, or locally on a card via .mk-eng-scope-*. */
html[data-mk-path="leads"], .mk-eng-scope-leads { --mk-accent: #1a9af0; --mk-accent-strong: #0874b4; --mk-accent-soft: #e7f6fe; --mk-accent-ink: #ffffff; --mk-accent-btn: #0e86d0; --mk-accent-btn-hover: #0a6eab; }
html[data-mk-path="sales"], .mk-eng-scope-sales { --mk-accent: #1ed760; --mk-accent-strong: #0c8f42; --mk-accent-soft: #e7fcee; --mk-accent-ink: #ffffff; --mk-accent-btn: #12b34e; --mk-accent-btn-hover: #0d9440; }
html[data-theme="dark"][data-mk-path="leads"], html[data-theme="dark"] .mk-eng-scope-leads { --mk-accent-soft: #123044; --mk-accent-strong: #8fd9ff; --mk-accent-btn: #1a9af0; --mk-accent-btn-hover: #49b6ff; }
html[data-theme="dark"][data-mk-path="sales"], html[data-theme="dark"] .mk-eng-scope-sales { --mk-accent-soft: #123224; --mk-accent-strong: #8dffb8; --mk-accent-ink: #ffffff; --mk-accent-btn: #1ed760; --mk-accent-btn-hover: #4ae888; }
/* ---- Re-skin the existing shell -------------------------------------------------------- */
/* Active item sits on the black header, so it uses a light logo color rather than the dark text accent. */
html[data-mk-path] .mk-nav-link.active { color: #8eecff !important; }
html[data-mk-path] .mk-nav-link.active::after { background: #00d4ff; height: 3px; box-shadow: 0 0 8px #00c4fc; }
html[data-mk-path="leads"] .mk-nav-link.active { color: #9ae6ff !important; }
html[data-mk-path="leads"] .mk-nav-link.active::after { background: #3ec8ff; box-shadow: 0 0 8px #3ec8ff; }
html[data-mk-path="sales"] .mk-nav-link.active { color: #b8ffd0 !important; }
html[data-mk-path="sales"] .mk-nav-link.active::after { background: #3dff86; box-shadow: 0 0 8px #2ee56a; }
html[data-mk-path] .mk-account-icon,
html[data-mk-path] .mk-account-link.active { background: var(--mk-accent-soft); color: var(--mk-accent-strong); }
html[data-mk-path="leads"] .mk-main .btn-primary,
html[data-mk-path="sales"] .mk-main .btn-primary,
html[data-mk-path="leads"] .mk-eng-btn,
html[data-mk-path="sales"] .mk-eng-btn,
.mk-eng-scope-leads .mk-eng-btn,
.mk-eng-scope-sales .mk-eng-btn {
    background: var(--mk-accent-btn, var(--mk-accent)); border-color: var(--mk-accent-btn, var(--mk-accent)); color: #fff;
}
html[data-mk-path="leads"] .mk-main .btn-primary:hover,
html[data-mk-path="sales"] .mk-main .btn-primary:hover,
html[data-mk-path="leads"] .mk-eng-btn:hover:not(:disabled),
html[data-mk-path="sales"] .mk-eng-btn:hover:not(:disabled),
.mk-eng-scope-leads .mk-eng-btn:hover:not(:disabled),
.mk-eng-scope-sales .mk-eng-btn:hover:not(:disabled) { background: var(--mk-accent-btn-hover, var(--mk-accent-strong)); border-color: var(--mk-accent-btn-hover, var(--mk-accent-strong)); color: #fff; }
html[data-mk-path] .mk-main a:not(.btn):not(.mk-eng-btn):not(.mk-eng-link) { color: var(--mk-accent-strong); }
html[data-mk-path] .mk-main :is(input, select, textarea):focus,
html[data-mk-path] .mk-main .form-control:focus { border-color: var(--mk-accent); box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--mk-accent) 25%, transparent); outline: 0; }
html[data-mk-path] input[type="radio"],
html[data-mk-path] input[type="checkbox"] { accent-color: var(--mk-accent); }

/* ---- Engine pages ---------------------------------------------------------------------- */
.mk-eng { max-width: 1180px; margin: 0 auto; padding: 28px 24px 8px; }
.mk-eng-head { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; justify-content: space-between; margin-bottom: 18px; }
.mk-eng-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--mk-accent-strong, #0b7a70); }
.mk-eng-eyebrow::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--mk-accent, #0d9488); }
.mk-eng h1 { font-size: 1.7rem; font-weight: 750; letter-spacing: -.03em; margin: 4px 0 2px; }
.mk-eng-sub { color: #626d7e; margin: 0; max-width: 62ch; }
html[data-theme="dark"] .mk-eng-sub { color: #aec0d7; }

.mk-eng-unused-stepper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; list-style: none; margin: 0 0 22px; padding: 0; }
.mk-eng-step a {
    display: block; height: 100%; padding: 12px 14px; border: 1px solid #dfe4ec; border-radius: 12px; text-decoration: none;
    color: inherit !important; background: #fff; transition: border-color .15s, box-shadow .15s;
}
html[data-theme="dark"] .mk-eng-step a { background: #192a40; border-color: #38506b; }
.mk-eng-step a:hover { border-color: var(--mk-accent, #0d9488); }
.mk-eng-step.is-current a { border-color: var(--mk-accent, #0d9488); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-accent, #0d9488) 20%, transparent); }
.mk-eng-step-num { display: inline-flex; width: 22px; height: 22px; border-radius: 50%; align-items: center; justify-content: center;
    font-size: .76rem; font-weight: 800; background: #e9edf3; color: #4f5968; margin-right: 8px; }
.mk-eng-step.is-done .mk-eng-step-num { background: var(--mk-accent-btn, var(--mk-accent, #0d9488)); color: #fff; }
.mk-eng-step-title { font-weight: 700; font-size: .92rem; }
.mk-eng-step-hint { display: block; margin-top: 4px; font-size: .78rem; color: #738095; }
@media (max-width: 767px) { .mk-eng-stepper { grid-template-columns: 1fr 1fr; } }

.mk-eng-card { background: #fff; border: 1px solid #e6eaf0; border-radius: 14px; padding: 18px 20px; margin-bottom: 18px; box-shadow: 0 6px 18px rgba(16, 24, 40, .08); }
html[data-theme="dark"] .mk-eng-card { background: #192a40; border-color: #38506b; box-shadow: 0 8px 22px rgba(0, 0, 0, .32); }
.mk-eng-card > h2 { font-size: 1.05rem; font-weight: 720; margin: 0 0 12px; }
.mk-eng-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; margin-bottom: 18px; }
.mk-eng-grid > .mk-eng-card { margin-bottom: 0; }
.mk-dash-spark, .mk-dash-mark { display: none; }
.mk-dash-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 14px; background: #fff; border: 1px solid #e3eaf3; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 18px rgba(16, 24, 40, .06); }
.mk-dash-stats article { background: transparent; border: 0; border-right: 1px solid #e6eef6; border-radius: 0; padding: 10px 14px; box-shadow: none; }
.mk-dash-stats article:last-child { border-right: 0; }
.mk-dash-stats span { display: block; font-size: .68rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; color: #738095; }
.mk-dash-stats strong { display: block; margin-top: 2px; font-size: 1.25rem; font-weight: 780; letter-spacing: -.03em; }
.mk-dash-stats .is-spend strong { color: #0877c8; }
.mk-dash-stats .is-tests strong { color: #2a62fb; }
.mk-dash-stats .is-winners strong { color: #0c8f42; }
.mk-dash-stats .is-on strong { color: #6414dc; }
body .mk-eng-scope-leads.mk-dash-lane { border-color: #3aa0f0; }
body .mk-eng-scope-sales.mk-dash-lane { border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(100deg, #1ed760, #7b15f4) border-box; }
.mk-dash-lane > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.mk-dash-lane > header h2 { margin: 0; font-size: 1.45rem; }
.mk-dash-lane > header p { margin: 2px 0 0; }
.mk-dash .mk-eng-btn.is-small { border-radius: 999px; padding: 7px 14px; }
.mk-dash-flow { display: grid; grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr); gap: 8px; align-items: stretch; }
.mk-dash-stage { min-width: 0; padding: 14px 16px; border-radius: 12px; background: color-mix(in srgb, var(--mk-accent, #1a9af0) 8%, #fff); border: 1px solid color-mix(in srgb, var(--mk-accent, #1a9af0) 32%, #d5e2f0); }
.mk-dash-stage:not(.is-empty) { display: grid; grid-template-columns: minmax(0, 1fr) 68px; gap: 8px; align-items: center; }
.mk-dash-stage.is-empty { background: #f7f9fc; border-style: dashed; }
.mk-dash-kicker { display: flex; align-items: center; gap: 8px; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--mk-accent-strong, #0874b4); }
.mk-dash-stage .mk-eng-money { margin-top: 6px; font-size: 1.45rem; }
.mk-dash-stage .mk-eng-money span { font-size: .82rem; font-weight: 650; }
.mk-dash .mk-eng-pill { margin-top: 8px; background: transparent; color: #3d4d63; padding-left: 0; }
.mk-dash .mk-eng-pill.is-ok { color: var(--mk-accent-strong, #0874b4); }
.mk-dash-stage p { margin: 8px 0 0; color: #5c6b80; font-size: .8rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mk-dash-ring { position: relative; width: 68px; height: 68px; justify-self: end; }
.mk-dash-ring svg { width: 100%; height: 100%; }
.mk-dash-ring circle { fill: none; stroke-width: 3.2; }
.mk-dash-ring-track { stroke: rgba(16, 24, 40, .12); }
.mk-dash-ring-value { stroke: var(--mk-accent, #1a9af0); stroke-linecap: round; transform: rotate(-90deg); transform-origin: 18px 18px; }
.mk-dash-stage.is-held .mk-dash-ring-value { opacity: .35; }
.mk-dash-ring strong { position: absolute; inset: 0; display: grid; place-items: center; font-size: .78rem; font-weight: 800; color: #172033; }
.mk-dash-arrow { display: flex; align-items: center; color: var(--mk-accent, #1a9af0); }
.mk-dash-arrow span { position: relative; display: block; width: 100%; height: 2px; background: currentColor; }
.mk-dash-arrow span::after { content: ""; position: absolute; right: 0; top: 50%; width: 9px; height: 9px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: translateY(-50%) rotate(45deg); }
html[data-theme="dark"] .mk-main:has(.mk-dash) { background: #070b16; color: #e7eef8; }
html[data-theme="dark"] .mk-dash h1 { color: #49d6ff; text-shadow: 0 0 22px rgba(0, 196, 252, .4); }
html[data-theme="dark"] .mk-dash .mk-eng-sub, html[data-theme="dark"] .mk-dash .mk-eng-muted { color: #93a4bd; }
html[data-theme="dark"] body .mk-dash .mk-eng-card { background: #0d1526; border-color: #1b314c; color: #e7eef8; box-shadow: 0 12px 32px rgba(0, 0, 0, .35); }
html[data-theme="dark"] .mk-dash .mk-eng-money { color: #f4fbff; }
html[data-theme="dark"] .mk-dash-stats { background: #10192c; border-color: #1e3d5c; box-shadow: 0 0 18px rgba(0, 160, 255, .08); }
html[data-theme="dark"] .mk-dash-stats article { border-color: #1e3d5c; }
html[data-theme="dark"] .mk-dash-stats span { color: #8eb4d4; }
html[data-theme="dark"] .mk-dash-stats .is-spend strong { color: #7ad7ff; }
html[data-theme="dark"] .mk-dash-stats .is-tests strong { color: #9eb6ff; }
html[data-theme="dark"] .mk-dash-stats .is-winners strong { color: #8dffb8; }
html[data-theme="dark"] .mk-dash-stats .is-on strong { color: #d2b4ff; }
html[data-theme="dark"] body .mk-dash-lane { border-color: #2a6cff; box-shadow: 0 0 22px rgba(42, 108, 255, .22), 0 12px 32px rgba(0, 0, 0, .35); }
html[data-theme="dark"] body .mk-eng-scope-leads.mk-dash-lane { border-color: #2f7dff; box-shadow: 0 0 24px rgba(0, 170, 255, .28), 0 12px 32px rgba(0, 0, 0, .35); }
html[data-theme="dark"] body .mk-eng-scope-sales.mk-dash-lane { background: linear-gradient(#0d1526, #0d1526) padding-box, linear-gradient(100deg, #1ed760, #7b15f4) border-box; box-shadow: 0 0 22px rgba(30, 215, 96, .16), 0 0 22px rgba(123, 21, 244, .16), 0 12px 32px rgba(0, 0, 0, .35); }
html[data-theme="dark"] .mk-dash-lane > header h2 { color: #f4fbff; }
html[data-theme="dark"] .mk-dash .mk-eng-btn.is-small { box-shadow: 0 0 14px color-mix(in srgb, var(--mk-accent, #2a62fb) 45%, transparent); }
html[data-theme="dark"] .mk-dash-stage { background: #0a1222; border-color: color-mix(in srgb, var(--mk-accent, #2a62fb) 55%, #123); box-shadow: inset 0 0 18px color-mix(in srgb, var(--mk-accent, #2a62fb) 12%, transparent), 0 0 16px color-mix(in srgb, var(--mk-accent, #2a62fb) 18%, transparent); }
html[data-theme="dark"] .mk-dash-stage.is-empty { background: #0a1222; }
html[data-theme="dark"] .mk-dash-kicker { color: var(--mk-accent, #49d6ff); }
html[data-theme="dark"] .mk-dash .mk-eng-pill { color: #d5e4f5; }
html[data-theme="dark"] .mk-dash .mk-eng-pill.is-ok { color: #bfffe0; }
html[data-theme="dark"] .mk-dash-stage p { color: #9aadc4; }
html[data-theme="dark"] .mk-dash-ring-track { stroke: rgba(255, 255, 255, .14); }
html[data-theme="dark"] .mk-dash-ring-value { filter: drop-shadow(0 0 4px var(--mk-accent, #49d6ff)); }
html[data-theme="dark"] .mk-dash-ring strong { color: #f4fbff; }
html[data-theme="dark"] .mk-dash-arrow { filter: drop-shadow(0 0 6px var(--mk-accent, #49d6ff)); }
@media (max-width: 900px) {
    .mk-dash-stage:not(.is-empty) { grid-template-columns: minmax(0, 1fr) 58px; }
}
@media (max-width: 720px) {
    .mk-dash-stats { grid-template-columns: 1fr 1fr; }
    .mk-dash-flow { grid-template-columns: 1fr; }
    .mk-dash-arrow { height: 28px; justify-content: center; }
    .mk-dash-arrow span { width: 2px; height: 100%; }
    .mk-dash-arrow span::after { right: auto; left: 50%; top: auto; bottom: 0; transform: translate(-50%, 2px) rotate(135deg); }
}
.mk-dash-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; margin-bottom: 14px; padding: 14px 16px; border-radius: 16px; border: 1px solid #d5deea; background: linear-gradient(105deg, #f4f7ff, #fff 55%); box-shadow: 0 8px 22px rgba(16, 24, 40, .06); }
.mk-dash-hero.is-good { background: linear-gradient(105deg, #e7fbee, #f7fffb 58%); border-color: #b7ebc9; }
.mk-dash-hero.is-watch { background: linear-gradient(105deg, #fff6e4, #fffdf8 58%); border-color: #f3d7a1; }
.mk-dash-hero.is-alert { background: linear-gradient(105deg, #ffefee, #fff8f8 58%); border-color: #f5c2be; }
.mk-dash-hero-main { display: flex; gap: 14px; align-items: center; min-width: 0; }
.mk-dash-status { width: 52px; height: 52px; flex: none; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #5f7390; box-shadow: 0 6px 16px rgba(16, 24, 40, .12); }
.mk-dash-hero.is-good .mk-dash-status { background: linear-gradient(160deg, #3dce74, #0c8f42); }
.mk-dash-hero.is-watch .mk-dash-status { background: linear-gradient(160deg, #ffc14d, #d97706); }
.mk-dash-hero.is-alert .mk-dash-status { background: linear-gradient(160deg, #ff7a72, #d92d20); }
.mk-dash-hero.is-info .mk-dash-status { background: linear-gradient(160deg, #49b6ff, #2346e6); }
.mk-dash-status svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.mk-dash-hero h2 { margin: 0; font-size: 1.35rem; letter-spacing: -.02em; }
.mk-dash-hero-main p { margin: 2px 0 0; color: #3d4d63; }
.mk-dash-hero-side { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.mk-dash-hero-side .mk-eng-muted { margin: 0; font-size: .75rem; }
.mk-dash-help { margin-top: 6px; }
.mk-dash-help summary { display: inline-flex; cursor: pointer; font-size: .78rem; font-weight: 750; color: #2346e6; }
.mk-dash-help p { margin: 6px 0 0; max-width: 62ch; font-size: .84rem; color: #3d4d63; }
.mk-dash-range { margin: 0; }
.mk-dash-range label { display: flex; align-items: center; gap: 8px; font-size: .78rem; font-weight: 700; color: #5c6b80; }
.mk-dash-range select { width: auto; }
.mk-dash-boards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; margin-bottom: 14px; }
.mk-dash-board { padding: 14px 16px; border-radius: 16px; border: 1px solid #d7e6f5; background: linear-gradient(180deg, #f3f9ff, #fff 42%); box-shadow: 0 8px 20px rgba(26, 122, 212, .08); }
.mk-dash-board.is-sales { border: 1px solid transparent; background: linear-gradient(#f4fff8, #fff 46%) padding-box, linear-gradient(120deg, #1ed760, #7b15f4) border-box; box-shadow: 0 8px 20px rgba(18, 160, 80, .08); }
.mk-dash-board > header { display: flex; align-items: center; gap: 8px; }
.mk-dash-board h2 { margin: 0; font-size: 1.15rem; }
.mk-dash-board.is-leads h2 { color: #0874b4; }
.mk-dash-board.is-sales h2 { color: #0c8f42; }
.mk-dash-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); gap: 8px; margin-top: 10px; }
.mk-metric { margin: 0; padding: 10px 12px 8px; border-radius: 12px; background: #fff; border: 1px solid #e4edf6; box-shadow: 0 4px 12px rgba(16, 24, 40, .05); }
.mk-dash-board.is-leads .mk-metric { border-color: #d5e8f8; }
.mk-dash-board.is-sales .mk-metric { border-color: #d7f0e2; }
.mk-dash-metrics strong { display: block; margin-top: 2px; font-size: 1.28rem; font-weight: 780; letter-spacing: -.03em; color: #172033; }
.mk-dash-board.is-leads .mk-dash-metrics strong { color: #0b5f96; }
.mk-dash-board.is-sales .mk-dash-metrics strong { color: #0a7a38; }
.mk-delta { display: inline-flex; align-items: center; gap: 3px; margin-top: 6px; padding: 2px 8px 2px 6px; border: 0; border-radius: 999px; background: #f1f4f8; color: #5c6b80; font: inherit; font-size: .75rem; font-weight: 750; cursor: help; }
.mk-delta svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mk-delta.is-good { background: #e7fbee; color: #067647; }
.mk-delta.is-bad { background: #fdeceb; color: #b42318; }
.mk-delta.is-none { background: transparent; color: #9aa6b5; padding-left: 0; }
.mk-tip { position: relative; display: inline-flex; }
.mk-tip-name, .mk-tip-btn { border: 0; background: transparent; padding: 0; font: inherit; color: #5c6b80; cursor: help; }
.mk-tip-name { font-size: .72rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.mk-tip-btn { width: 18px; height: 18px; border-radius: 50%; background: #e7f6fe; color: #0874b4; font-size: .72rem; font-weight: 800; }
.mk-dash-board.is-sales .mk-tip-btn { background: #e7fcee; color: #0c8f42; }
.mk-tip-bubble { position: absolute; left: 0; bottom: calc(100% + 8px); z-index: 5; width: max-content; max-width: 230px; padding: 8px 10px; border-radius: 10px; background: #172033; color: #f4fbff; font-size: .75rem; font-weight: 650; line-height: 1.35; letter-spacing: 0; text-transform: none; box-shadow: 0 8px 20px rgba(16, 24, 40, .2); opacity: 0; pointer-events: none; transform: translateY(4px); }
.mk-tip:hover .mk-tip-bubble, .mk-tip:focus-within .mk-tip-bubble { opacity: 1; transform: none; }
.mk-dash-change { display: none; }
.mk-dash-more { margin-top: 8px; }
.mk-dash-more summary { cursor: pointer; font-size: .78rem; font-weight: 750; color: #2346e6; }
html[data-theme="dark"] .mk-dash-hero { background: linear-gradient(105deg, #121a33, #0d1526 58%); border-color: #24365a; }
html[data-theme="dark"] .mk-dash-hero.is-good { background: linear-gradient(105deg, #10281c, #0d1526 60%); border-color: #1c6b40; }
html[data-theme="dark"] .mk-dash-hero.is-watch { background: linear-gradient(105deg, #2a2112, #0d1526 60%); border-color: #7a5a1e; }
html[data-theme="dark"] .mk-dash-hero.is-alert { background: linear-gradient(105deg, #2a1416, #0d1526 60%); border-color: #7a3030; }
html[data-theme="dark"] .mk-dash-hero h2, html[data-theme="dark"] .mk-dash-hero-main p, html[data-theme="dark"] .mk-dash-help p { color: #e7eef8; }
html[data-theme="dark"] .mk-dash-help summary, html[data-theme="dark"] .mk-dash-more summary { color: #9ecbff; }
html[data-theme="dark"] .mk-dash-range label, html[data-theme="dark"] .mk-tip-name { color: #9aadc4; }
html[data-theme="dark"] .mk-metric { background: #10192c; border-color: #24385a; box-shadow: none; }
html[data-theme="dark"] .mk-delta { background: #1a2740; color: #b7c6da; }
html[data-theme="dark"] .mk-delta.is-good { background: #123224; color: #8dffb8; }
html[data-theme="dark"] .mk-delta.is-bad { background: #3a1c22; color: #ffb4ab; }
html[data-theme="dark"] .mk-delta.is-none { background: transparent; color: #6e829c; }
html[data-theme="dark"] .mk-dash-board { background: linear-gradient(180deg, #102033, #0d1526 50%); border-color: #24598a; }
html[data-theme="dark"] .mk-dash-board.is-sales { background: linear-gradient(#10261c, #0d1526 52%) padding-box, linear-gradient(120deg, #1ed760, #7b15f4) border-box; }
html[data-theme="dark"] .mk-dash-board.is-leads h2 { color: #8fd9ff; }
html[data-theme="dark"] .mk-dash-board.is-sales h2 { color: #8dffb8; }
html[data-theme="dark"] .mk-dash-board.is-leads .mk-dash-metrics strong { color: #d7f3ff; }
html[data-theme="dark"] .mk-dash-board.is-sales .mk-dash-metrics strong { color: #e7ffef; }
html[data-theme="dark"] .mk-tip-btn { background: #123044; color: #8fd9ff; }
html[data-theme="dark"] .mk-dash-board.is-sales .mk-tip-btn { background: #123224; color: #8dffb8; }
@media (max-width: 720px) {
    .mk-dash-hero { grid-template-columns: 1fr; }
    .mk-dash-hero-side { align-items: flex-start; }
}
.mk-eng-muted { color: #738095; font-size: .86rem; }
.mk-eng-money { font-size: 1.6rem; font-weight: 780; letter-spacing: -.03em; }
.mk-eng-pill { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: .74rem; font-weight: 700; background: #eef1f6; color: #4f5968; }
.mk-eng-pill.is-ok { background: var(--mk-accent-soft, #e6f6f4); color: var(--mk-accent-strong, #0b7a70); }
.mk-eng-pill.is-warn { background: #fff4e0; color: #9a5b00; }
.mk-eng-pill.is-bad { background: #fde8e6; color: #b42318; }
.mk-eng-meter { height: 8px; border-radius: 99px; background: #e9edf3; overflow: hidden; display: flex; margin: 10px 0 6px; }
.mk-eng-meter > span:first-child { background: var(--mk-accent, #0d9488); }
.mk-eng-meter > span:last-child { background: color-mix(in srgb, var(--mk-accent, #0d9488) 45%, #fff); }

.mk-eng-btn { background: linear-gradient(105deg, #0877c8, #2346e6 48%, #6414dc); color: #fff !important; display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 9px; font-weight: 700; font-size: .9rem; border: 1px solid #4a22c0; cursor: pointer; text-decoration: none; }
.mk-eng-btn:hover:not(:disabled):not(.is-ghost):not(.is-danger):not(.is-muted) { background: linear-gradient(105deg, #0669b0, #1b38cc 48%, #5412b8); border-color: #5412b8; color: #fff !important; }
html[data-mk-path="leads"] .mk-eng-btn:hover:not(:disabled),
html[data-mk-path="sales"] .mk-eng-btn:hover:not(:disabled),
.mk-eng-scope-leads .mk-eng-btn:hover:not(:disabled),
.mk-eng-scope-sales .mk-eng-btn:hover:not(:disabled) { background: var(--mk-accent-btn-hover, var(--mk-accent-strong)) !important; border-color: var(--mk-accent-btn-hover, var(--mk-accent-strong)); color: #fff !important; }
.mk-eng-btn:disabled { background: #6b7788 !important; border-color: #6b7788 !important; color: #fff !important; opacity: .85; cursor: not-allowed; }
.mk-eng-btn.is-ghost { background: transparent !important; color: var(--mk-accent-strong, #0b7a70) !important; }
.mk-eng-btn.is-danger, .mk-eng-btn.is-muted { background: transparent !important; color: #475467 !important; border-color: #cfd6e0; }
.mk-eng-btn.is-danger:hover, .mk-eng-btn.is-muted:hover { background: #f1f4f8 !important; color: #263143 !important; }
.mk-eng-btn.is-small { padding: 4px 10px; font-size: .8rem; }

/* Deep link: a small, clean external-link button next to each campaign / ad set / ad. */
.mk-eng-link {
    display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-left: 6px; border-radius: 7px;
    border: 1px solid #d5dbe5; background: transparent; color: #626d7e !important; font-size: .9rem; line-height: 1; text-decoration: none; vertical-align: middle;
}
.mk-eng-link:hover, .mk-eng-link:focus-visible { border-color: var(--mk-accent, #0d9488); color: var(--mk-accent-strong, #0b7a70) !important; background: var(--mk-accent-soft, #e6f6f4); }
html[data-theme="dark"] .mk-eng-link { border-color: #49607d; color: #aec0d7 !important; }

.mk-eng-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.mk-eng-table th { text-align: left; font-size: .74rem; letter-spacing: .05em; text-transform: uppercase; color: #738095; padding: 8px 10px; border-bottom: 1px solid #e6eaf0; }
.mk-eng-table td { padding: 10px; border-bottom: 1px solid #eef1f6; vertical-align: middle; }
html[data-theme="dark"] .mk-eng-table th, html[data-theme="dark"] .mk-eng-table td { border-color: #38506b; }
.mk-eng-table tr.is-selected td { background: var(--mk-accent-soft, #e6f6f4); }
.mk-eng-table tr.is-group td { background: #f5f7fb; font-weight: 750; font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; color: #4f5968; }
html[data-theme="dark"] .mk-eng-table tr.is-group td { background: #21364e; color: #aec0d7; }
.mk-eng-thumb { width: 44px; height: 44px; border-radius: 8px; object-fit: cover; background: #e9edf3; vertical-align: middle; }
.mk-eng-leader { color: var(--mk-accent-strong, #0b7a70); font-weight: 750; font-size: .76rem; }

.mk-eng-alert { border-radius: 12px; padding: 12px 16px; margin-bottom: 16px; border: 1px solid; font-size: .93rem; }
.mk-eng-alert.is-success { background: var(--mk-accent-soft, #e6f6f4); border-color: var(--mk-accent, #0d9488); }
.mk-eng-alert.is-info { background: #eef4ff; border-color: #b7cdf5; }
.mk-eng-alert.is-warning { background: #fff7e6; border-color: #f2c66d; color: #6b4300; }
.mk-eng-alert.is-danger { background: #fef3f2; border-color: #f3b2ac; color: #7a271a; }
html[data-theme="dark"] .mk-eng-alert.is-info { background: #1a3050; border-color: #3b5f95; }
html[data-theme="dark"] .mk-eng-alert.is-warning { background: #3b2e12; border-color: #8a6a1f; color: #f6dfa5; }
html[data-theme="dark"] .mk-eng-alert.is-danger { background: #3d1c1a; border-color: #8a3a34; color: #f6c9c4; }

.mk-eng-form label { font-weight: 650; font-size: .86rem; margin-bottom: 4px; }
.mk-eng-form .mk-eng-field { margin-bottom: 14px; }
.mk-eng-form .field-validation-error, .mk-eng-form .text-danger { font-size: .82rem; }
.mk-eng-choice { display: flex; align-items: flex-start; gap: 10px; padding: 8px 10px; border: 1px solid #e6eaf0; border-radius: 10px; margin-bottom: 8px; cursor: pointer; }
.mk-eng-choice:has(input:checked) { border-color: var(--mk-accent, #0d9488); background: var(--mk-accent-soft, #e6f6f4); }
html[data-theme="dark"] .mk-eng-choice { border-color: #38506b; }
.mk-eng-count { font-weight: 700; font-size: .82rem; }
.mk-eng-count.is-complete { color: var(--mk-accent-strong, #0b7a70); }

/* ---- Sub navigation for the "New campaign" workflow (under the main nav) --------------- */
.mk-eng-actionbar { margin: 0 0 18px; }
.mk-eng-subnav { background: var(--mk-accent-soft); border-bottom: 1px solid color-mix(in srgb, var(--mk-accent) 35%, transparent); }
.mk-eng-subnav-inner { max-width: 1180px; margin: 0 auto; padding: 0 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; min-height: 52px; }
.mk-eng-subnav-back { font-size: .84rem; font-weight: 650; color: var(--mk-accent-strong) !important; text-decoration: none; }
.mk-eng-subnav-back:hover { text-decoration: underline; }
.mk-eng-subnav-title { font-weight: 750; font-size: .95rem; letter-spacing: -.01em; }
.mk-eng-subnav-steps { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0 0 0 auto; padding: 0; }
.mk-eng-subnav-steps a { display: inline-flex; align-items: center; gap: 8px; padding: 14px 12px; font-size: .88rem; font-weight: 650; text-decoration: none; color: #4f5968 !important; border-bottom: 2px solid transparent; }
.mk-eng-subnav-steps a:hover { color: var(--mk-accent-strong) !important; }
.mk-eng-subnav-steps a.is-active { color: var(--mk-accent-strong) !important; border-bottom-color: var(--mk-accent); }
.mk-eng-subnav-num { display: inline-flex; width: 20px; height: 20px; border-radius: 50%; align-items: center; justify-content: center; font-size: .72rem; font-weight: 800; background: rgba(0,0,0,.08); }
.mk-eng-subnav-steps a.is-done .mk-eng-subnav-num, .mk-eng-subnav-steps a.is-active .mk-eng-subnav-num { background: var(--mk-accent-btn, var(--mk-accent)); color: #fff; }
html[data-theme="dark"] .mk-eng-subnav-steps a { color: #aec0d7 !important; }
html[data-theme="dark"] .mk-eng-subnav-num { background: rgba(255,255,255,.14); }
@media (max-width: 767px) { .mk-eng-subnav-steps { margin-left: 0; } }
/* Country multi-select */
.mk-eng-country-list { max-height: 15rem; overflow-y: auto; border: 1px solid var(--mk-border, #d0d7de); border-radius: .5rem; padding: .35rem .6rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: .1rem .75rem; }
.mk-eng-country { display: flex; align-items: center; gap: .45rem; padding: .2rem 0; font-weight: 400; cursor: pointer; }
.mk-eng-country[hidden] { display: none; }

/* "Finish your campaign" checklist */
.mk-eng-progress { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.mk-eng-progress li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.mk-eng-progress a { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: inherit; min-width: 9rem; }
.mk-eng-progress li.is-current a strong { color: var(--mk-accent-strong, #0b7a70); }
.mk-eng-progress li.is-done .mk-eng-subnav-num { background: var(--mk-accent-btn, var(--mk-accent, #0d9488)); color: #fff; }
.mk-eng-progress li.is-current .mk-eng-subnav-num { background: var(--mk-accent-soft, #e6f6f4); color: var(--mk-accent-strong, #0b7a70); outline: 2px solid var(--mk-accent, #0d9488); }

/* Live Creative Test stats */
.mk-eng-live-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; align-items: flex-start; margin-bottom: 12px; }
.mk-eng-live-pills { display: flex; gap: 6px; flex-wrap: wrap; }
.mk-eng-pill.is-blue { background: #e0ecff; color: #1d4ed8; }
.mk-eng-health { padding: 9px 14px; border-radius: 10px; font-weight: 650; font-size: .88rem; margin-bottom: 14px; border: 1px solid transparent; }
.mk-eng-health.is-good { background: #e3f7ea; color: #14633a; border-color: #b7e4c7; }
.mk-eng-health.is-learn { background: #fff4d6; color: #7a5200; border-color: #f3dc9a; }
.mk-eng-health.is-warn { background: #ffe9d6; color: #8a3b00; border-color: #f5c9a3; }
.mk-eng-health.is-bad { background: #fde2e1; color: #9b1c1c; border-color: #f4b8b5; }
.mk-eng-health.is-info { background: #e8effc; color: #1e3a8a; border-color: #c4d4f5; }
.mk-eng-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 16px; }
.mk-eng-stat { --c: #2563eb; display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--c) 28%, transparent); border-top: 4px solid var(--c); background: color-mix(in srgb, var(--c) 8%, #fff); }
.mk-eng-stat-label { font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #5b6676; }
.mk-eng-stat-value { font-size: 1.5rem; font-weight: 800; letter-spacing: -.02em; color: var(--c); line-height: 1.15; }
.mk-eng-stat-sub { font-size: .78rem; color: #5b6676; }
.mk-eng-stat.is-blue { --c: #2563eb; } .mk-eng-stat.is-violet { --c: #7c3aed; } .mk-eng-stat.is-orange { --c: #ea580c; }
.mk-eng-stat.is-green, .mk-eng-stat.is-ctr-good, .mk-eng-stat.is-roas-good { --c: #15803d; }
.mk-eng-stat.is-pink { --c: #db2777; }
.mk-eng-stat.is-ctr-ok, .mk-eng-stat.is-roas-ok { --c: #b45309; }
.mk-eng-stat.is-ctr-bad, .mk-eng-stat.is-roas-bad { --c: #dc2626; }
.mk-eng-stat.is-ctr-none, .mk-eng-stat.is-roas-none { --c: #64748b; }
.mk-eng-bars { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.mk-eng-bar-label { display: flex; justify-content: space-between; gap: 8px; font-size: .82rem; margin-bottom: 4px; }
.mk-eng-bar { --c: #2563eb; height: 10px; border-radius: 99px; background: #e9edf3; overflow: hidden; }
.mk-eng-bar > span { display: block; height: 100%; background: linear-gradient(90deg, color-mix(in srgb, var(--c) 70%, #fff), var(--c)); border-radius: 99px; }
.mk-eng-bar.is-green { --c: #16a34a; }
html[data-theme="dark"] .mk-eng-stat { background: color-mix(in srgb, var(--c) 16%, #192a40); }
html[data-theme="dark"] .mk-eng-stat-label, html[data-theme="dark"] .mk-eng-stat-sub { color: #aab6c8; }
html[data-theme="dark"] .mk-eng-stat-value { color: color-mix(in srgb, var(--c) 55%, #fff); }
html[data-theme="dark"] .mk-eng-bar { background: #2b4059; }

/* Winners analysis */
.mk-eng-periods { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.mk-eng-periods a { padding: 5px 12px; border-radius: 99px; border: 1px solid #d5dce6; font-size: .82rem; font-weight: 650; text-decoration: none; color: #4f5968; }
.mk-eng-periods a.is-active, html[data-theme="dark"] .mk-eng-periods a.is-active { background: var(--mk-accent-btn, var(--mk-accent)); border-color: var(--mk-accent-btn, var(--mk-accent)); color: #fff !important; }
.mk-eng-chart { --c: #2563eb; }
.mk-eng-chart.is-green { --c: #16a34a; }
.mk-eng-chart.is-violet { --c: #7c3aed; }
.mk-eng-chart-bars { display: flex; align-items: flex-end; gap: 3px; height: 96px; padding: 6px 0 2px; border-bottom: 1px solid #e3e8ef; }
.mk-eng-chart-col { flex: 1 1 0; min-width: 4px; height: 100%; display: flex; align-items: flex-end; }
.mk-eng-chart-bar { display: block; width: 100%; border-radius: 4px 4px 0 0; background: linear-gradient(180deg, var(--c), color-mix(in srgb, var(--c) 55%, #fff)); }
.mk-eng-chart-col:hover .mk-eng-chart-bar { filter: brightness(.9); }
.mk-eng-chart-axis { display: flex; justify-content: space-between; font-size: .72rem; color: #738095; margin-top: 3px; }
.mk-eng-rank { display: inline-block; padding: 1px 8px; border-radius: 99px; font-size: .7rem; font-weight: 800; margin-left: 6px; }
.mk-eng-rank.is-star { background: #fff4d6; color: #7a5200; }
.mk-eng-rank.is-cost { background: #e3f7ea; color: #14633a; }
.mk-eng-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mk-eng-num.is-good { color: #15803d; font-weight: 700; } .mk-eng-num.is-ok { color: #b45309; font-weight: 700; } .mk-eng-num.is-bad { color: #dc2626; font-weight: 700; }
.mk-eng-compare { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; }
.mk-eng-compare > div { padding: 10px 12px; border-radius: 10px; background: #f4f6fa; font-size: .85rem; }
.mk-eng-compare .is-up { color: #15803d; font-weight: 800; } .mk-eng-compare .is-down { color: #dc2626; font-weight: 800; }
.mk-eng-creative { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
.mk-eng-creative img { width: 120px; height: 120px; object-fit: cover; border-radius: 10px; }
html[data-theme="dark"] .mk-eng-compare > div { background: #223650; }
html[data-theme="dark"] .mk-eng-periods a { border-color: #38506b; color: #c3cedd; }

/* Long ad names: one line, trimmed with an ellipsis; the full name is in the tooltip. */
.mk-eng-name { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.mk-eng-name.is-cell { max-width: 240px; }
.mk-eng-name-row { display: flex; align-items: center; gap: 6px; min-width: 0; }
.mk-eng-name-row .mk-eng-name { flex: 0 1 auto; min-width: 0; }

.mk-eng-adcell { display: flex; align-items: center; gap: 8px; min-width: 0; }
.mk-eng-adcell .mk-eng-thumb { flex: none; }
.mk-eng-name.is-text { max-width: 300px; }
.mk-eng-name.is-headline { max-width: 190px; }
.mk-eng-actions { white-space: nowrap; }
.mk-eng-actions > * + * { margin-left: 8px; }

/* Image picker: a contained, scrollable box so long image lists never take over the page. */
.mk-eng-picker { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 10px; align-content: start; max-height: 340px; overflow-y: auto; overscroll-behavior: contain; padding: 12px; margin-bottom: 14px; border: 1px solid #dfe5ee; border-radius: 14px; background: #f7f9fc; scrollbar-width: thin; scrollbar-color: #b9c4d4 transparent; }
.mk-eng-picker:focus-visible { outline: 2px solid var(--mk-accent); outline-offset: 2px; }
.mk-eng-picker::-webkit-scrollbar { width: 8px; }
.mk-eng-picker::-webkit-scrollbar-thumb { background: #b9c4d4; border-radius: 99px; }
.mk-eng-picker.is-chosen { max-height: 300px; }
.mk-eng-picker .mk-eng-picker-wide { grid-column: 1 / -1; text-align: center; margin: 0; }
.mk-eng-pick { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px; border-radius: 12px; background: #fff; border: 1px solid #e6ebf2; transition: box-shadow .15s, border-color .15s; min-width: 0; }
.mk-eng-pick:hover { border-color: var(--mk-accent); box-shadow: 0 4px 14px rgba(15, 30, 60, .1); }
.mk-eng-pick img, .mk-eng-pick-empty { width: 92px; height: 92px; object-fit: cover; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: #eef1f6; }
.mk-eng-pick-name { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .74rem; color: #738095; }
html[data-theme="dark"] .mk-eng-picker { background: #1b2e45; border-color: #38506b; }
html[data-theme="dark"] .mk-eng-pick { background: #223650; border-color: #38506b; }
html[data-theme="dark"] .mk-eng-pick img, html[data-theme="dark"] .mk-eng-pick-empty { background: #2c4361; }
/* Text style toolbar (Unicode bold / italic) */
.mk-eng-fmt { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 6px; }
.mk-eng-fmt-btn { min-width: 34px; padding: 3px 9px; border: 1px solid #cfd8e4; border-radius: 8px; background: #fff; color: #263143; font-size: .85rem; line-height: 1.4; cursor: pointer; }
.mk-eng-fmt-btn:hover { border-color: var(--mk-accent); color: var(--mk-accent-strong, #0b7a70); }
.mk-eng-fmt-btn.is-plain { font-size: .76rem; }
.mk-eng-fmt-note { font-size: .76rem; color: #738095; }
html[data-theme="dark"] .mk-eng-fmt-btn { background: #223650; border-color: #38506b; color: #e6edf7; }

/* Emoji picker */
.mk-eng-emoji-wrap { position: relative; display: inline-block; }
.mk-eng-emoji { position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; width: 300px; max-width: 86vw; padding: 8px; border: 1px solid #d5dce6; border-radius: 14px; background: #fff; box-shadow: 0 12px 32px rgba(15, 30, 60, .18); }
.mk-eng-emoji[hidden] { display: none; }
.mk-eng-emoji-tabs { display: flex; gap: 4px; padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid #e6ebf2; }
.mk-eng-emoji-tab { flex: 1; border: 0; border-radius: 8px; background: transparent; padding: 4px 0; font-size: 1.15rem; cursor: pointer; }
.mk-eng-emoji-tab:hover, .mk-eng-emoji-tab.is-active { background: #eaf6f4; }
.mk-eng-emoji-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px; max-height: 190px; overflow-y: auto; scrollbar-width: thin; }
.mk-eng-emoji-item { border: 0; border-radius: 8px; background: transparent; padding: 4px 0; font-size: 1.3rem; line-height: 1.2; cursor: pointer; }
.mk-eng-emoji-item:hover, .mk-eng-emoji-item:focus-visible { background: #eaf6f4; outline: 2px solid var(--mk-accent); outline-offset: -2px; }
html[data-theme="dark"] .mk-eng-emoji { background: #1b2e45; border-color: #38506b; }
html[data-theme="dark"] .mk-eng-emoji-tabs { border-color: #38506b; }
html[data-theme="dark"] .mk-eng-emoji-tab:hover, html[data-theme="dark"] .mk-eng-emoji-tab.is-active, html[data-theme="dark"] .mk-eng-emoji-item:hover { background: #2c4361; }
/* Confirmation popup */
.mk-confirm { border: 0; padding: 0; border-radius: 18px; max-width: 420px; width: calc(100% - 32px); background: #fff; color: #1f2a3a; box-shadow: 0 24px 60px rgba(15, 30, 60, .35); }
.mk-confirm::backdrop { background: rgba(15, 25, 45, .45); backdrop-filter: blur(3px); }
.mk-confirm[open] { animation: mk-confirm-in .16s ease-out; }
@keyframes mk-confirm-in { from { opacity: 0; transform: translateY(8px) scale(.97); } to { opacity: 1; transform: none; } }
.mk-confirm-card { padding: 26px 26px 20px; text-align: center; }
.mk-confirm-icon { width: 52px; height: 52px; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; border-radius: 50%; background: #eef2f7; }
.mk-confirm-title { font-size: 1.15rem; margin: 0 0 6px; }
.mk-confirm-text { margin: 0 0 18px; color: #5a6678; font-size: .92rem; line-height: 1.45; }
.mk-confirm-actions { display: flex; gap: 10px; justify-content: center; }
.mk-confirm-ok { border: 0; border-radius: 10px; padding: 8px 18px; background: #334155; color: #fff; font-weight: 650; cursor: pointer; }
.mk-confirm-ok:hover { background: #1e293b; }
html[data-theme="dark"] .mk-eng-btn.is-danger, html[data-theme="dark"] .mk-eng-btn.is-muted { color: #cbd5e1 !important; border-color: #475569; }
html[data-theme="dark"] .mk-eng-btn.is-danger:hover, html[data-theme="dark"] .mk-eng-btn.is-muted:hover { background: #2c4361 !important; color: #fff !important; }
html[data-theme="dark"] .mk-confirm { background: #1b2e45; color: #e6edf7; }
html[data-theme="dark"] .mk-confirm-icon { background: #2c4361; }
html[data-theme="dark"] .mk-confirm-text { color: #b6c3d4; }
html[data-theme="dark"] .mk-confirm-ok { background: #64748b; }