/* Let the research app own the content canvas instead of inheriting theme gutters. */
body.zmt-competitor-intelligence-page main.container,
body.zmt-competitor-intelligence-page .content-wrap,
body.zmt-competitor-intelligence-page .content-layout {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

body.zmt-competitor-intelligence-page article.page-article {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.zmt-competitor-intelligence-page article.page-article > .wp-posts-content {
    margin: 0 !important;
    padding: 0 !important;
}

.zmtci-app {
    --zmtci-bg: #f4f6f7;
    --zmtci-surface: #ffffff;
    --zmtci-ink: #17201f;
    --zmtci-muted: #687472;
    --zmtci-line: #dfe5e3;
    --zmtci-line-strong: #cbd5d2;
    --zmtci-teal: #176d65;
    --zmtci-teal-deep: #11534e;
    --zmtci-teal-soft: #eaf4f1;
    --zmtci-nav: #172220;
    --zmtci-nav-active: #2a3936;
    --zmtci-gold: #e8bd58;
    --zmtci-red: #d9554d;
    --zmtci-green: #379469;
    --zmtci-blue: #3d84b5;
    --zmtci-orange: #eb7543;
    --zmtci-radius: 7px;
    --zmtci-shadow: 0 10px 30px rgba(22, 34, 31, .055);
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 236px minmax(0, 1fr);
    min-height: 100vh;
    background: var(--zmtci-bg);
    color: var(--zmtci-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.45;
}

.zmtci-app *, .zmtci-app *::before, .zmtci-app *::after { box-sizing: border-box; }
.zmtci-app button, .zmtci-app input, .zmtci-app textarea { font: inherit; letter-spacing: 0; }
.zmtci-app button { cursor: pointer; }
.zmtci-app button:disabled, .zmtci-app button[aria-disabled="true"] { cursor: not-allowed; opacity: .48; }

.zmtci-sidebar { display: flex; flex-direction: column; min-height: 100vh; padding: 18px 13px 14px; background: var(--zmtci-nav); color: #eef4f2; }
.zmtci-brand { display: flex; align-items: center; gap: 10px; padding: 0 6px 20px; }
.zmtci-brand-mark { display: grid; width: 36px; height: 36px; place-items: center; border-radius: var(--zmtci-radius); background: var(--zmtci-gold); color: var(--zmtci-nav); font-size: 15px; font-weight: 900; }
.zmtci-brand-copy strong, .zmtci-brand-copy small { display: block; }
.zmtci-brand-copy strong { font-size: 15px; line-height: 1.35; }
.zmtci-brand-copy small { margin-top: 2px; color: #91a29e; font-size: 9px; font-weight: 700; }
.zmtci-sidebar-title { margin: 0; padding: 0 9px 9px; color: #78908a; font-size: 10px; font-weight: 800; }
.zmtci-platform-list { display: grid; gap: 5px; }
.zmtci-platform { display: grid; width: 100%; min-height: 54px; grid-template-columns: 32px minmax(0, 1fr) 10px; align-items: center; gap: 8px; padding: 7px 8px; border: 1px solid transparent; border-radius: var(--zmtci-radius); background: transparent; color: #b8c5c1; text-align: left; }
.zmtci-platform:hover { background: rgba(255, 255, 255, .055); color: #ffffff; }
.zmtci-platform.is-active { border-color: #40524e; background: var(--zmtci-nav-active); color: #ffffff; }
.zmtci-platform-mark, .zmtci-workspace-mark { display: grid; place-items: center; border-radius: var(--zmtci-radius); color: #fff; font-weight: 900; }
.zmtci-platform-mark { width: 32px; height: 32px; font-size: 11px; }
.zmtci-platform-mark.is-douyin { background: #050706; }
.zmtci-platform-mark.is-xhs, .zmtci-workspace-mark.is-xhs { background: var(--zmtci-red); }
.zmtci-platform-mark.is-mp, .zmtci-workspace-mark.is-mp { background: var(--zmtci-green); }
.zmtci-platform-mark.is-channels, .zmtci-workspace-mark.is-channels { background: #2f8b63; }
.zmtci-platform-mark.is-bili, .zmtci-workspace-mark.is-bili { background: var(--zmtci-blue); }
.zmtci-platform-mark.is-kuaishou, .zmtci-workspace-mark.is-kuaishou { background: var(--zmtci-orange); }
.zmtci-workspace-mark.is-douyin { background: #050706; }
.zmtci-platform-copy strong, .zmtci-platform-copy small { display: block; }
.zmtci-platform-copy strong { font-size: 12px; }
.zmtci-platform-copy small { margin-top: 3px; color: #7f938e; font-size: 9px; }
.zmtci-platform.is-active .zmtci-platform-copy small { color: #aebdb9; }
.zmtci-platform-arrow { color: #647873; font-size: 17px; line-height: 1; }
.zmtci-platform.is-active .zmtci-platform-arrow { color: var(--zmtci-gold); }
.zmtci-resource-title { margin: 14px 7px 7px; color: #78908a; font-size: 10px; font-weight: 800; }
.zmtci-resource-panel { padding: 3px 10px; border: 1px solid #354642; border-radius: var(--zmtci-radius); background: #1c2a27; }
.zmtci-resource-row { display: flex; min-height: 36px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #2d3d39; }
.zmtci-resource-row span { color: #81938e; font-size: 9px; }
.zmtci-resource-row strong { color: #e7efec; font-size: 10px; font-weight: 750; text-align: right; }
.zmtci-resource-row .is-points { color: var(--zmtci-gold); font-variant-numeric: tabular-nums; }
.zmtci-online { display: inline-flex; align-items: center; gap: 6px; color: #8ed1aa !important; }
.zmtci-online.is-offline { color: #f0a19a !important; }
.zmtci-online i { width: 7px; height: 7px; border-radius: 50%; background: #62c995; box-shadow: 0 0 0 4px rgba(98, 201, 149, .12); }
.zmtci-online.is-offline i { background: #d9554d; box-shadow: 0 0 0 4px rgba(217, 85, 77, .12); }
.zmtci-recharge { display: grid; width: 100%; min-height: 32px; margin: 9px 0 8px; place-items: center; border: 1px solid #cba84e; border-radius: 5px; background: var(--zmtci-gold); color: #18211f !important; font-size: 10px; font-weight: 850; text-decoration: none !important; }
.zmtci-recharge:hover { background: #f0ca6c; }
.zmtci-sidebar-spacer { flex: 1; }
.zmtci-sidebar-foot { margin: 15px 8px 0; color: #71857f; font-size: 9px; }

.zmtci-workspace { min-width: 0; }
.zmtci-main { width: 100%; padding: 18px 20px 24px; }
.zmtci-workspace-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; }
.zmtci-workspace-title { display: flex; align-items: center; gap: 12px; }
.zmtci-workspace-mark { width: 42px; height: 42px; flex: 0 0 42px; font-size: 12px; }
.zmtci-workspace-head h1 { margin: 0; color: var(--zmtci-ink); font-size: 23px; font-weight: 760; line-height: 1.3; }
.zmtci-workspace-head p { margin: 5px 0 0; color: var(--zmtci-muted); font-size: 11px; }
.zmtci-outline-button { min-height: 34px; padding: 0 13px; border: 1px solid var(--zmtci-line); border-radius: 6px; background: #fff; color: var(--zmtci-ink); font-size: 11px; font-weight: 700; }
.zmtci-outline-button:hover { border-color: #99a7a3; }

.zmtci-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 18px; border-top: 1px solid var(--zmtci-line); border-bottom: 1px solid var(--zmtci-line); background: #fff; }
.zmtci-flow-step { position: relative; display: flex; min-height: 58px; align-items: center; gap: 10px; padding: 0 15px; }
.zmtci-flow-step:not(:last-child)::after { position: absolute; right: 0; width: 1px; height: 28px; background: var(--zmtci-line); content: ""; }
.zmtci-flow-step > span { display: grid; width: 24px; height: 24px; flex: 0 0 24px; place-items: center; border: 1px solid var(--zmtci-line-strong); border-radius: 50%; color: #85918e; font-size: 9px; font-weight: 900; }
.zmtci-flow-step.is-done > span { border-color: var(--zmtci-teal); background: var(--zmtci-teal); color: #fff; }
.zmtci-flow-step.is-current > span { border-color: var(--zmtci-gold); background: #fff7dd; color: #8a6414; }
.zmtci-flow-step strong, .zmtci-flow-step small { display: block; }
.zmtci-flow-step strong { font-size: 11px; }
.zmtci-flow-step small { margin-top: 2px; color: #84908d; font-size: 9px; }

.zmtci-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 17px 0 9px; }
.zmtci-section-heading h2 { margin: 0; font-size: 13px; }
.zmtci-section-heading p { margin: 4px 0 0; color: var(--zmtci-muted); font-size: 10px; }
.zmtci-section-heading > span { color: #8b9693; font-size: 9px; }
.zmtci-section-heading > span strong { color: var(--zmtci-ink); font-size: 10px; }
.zmtci-mode-switch { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--zmtci-line); border-radius: var(--zmtci-radius); background: #fff; box-shadow: var(--zmtci-shadow); }
.zmtci-mode { display: grid; min-height: 72px; grid-template-columns: 32px minmax(0, 1fr) 18px; align-items: center; gap: 10px; padding: 0 15px; border: 0; border-right: 1px solid var(--zmtci-line); background: #fff; color: var(--zmtci-muted); text-align: left; }
.zmtci-mode:last-child { border-right: 0; }
.zmtci-mode:hover { background: #fafcfb; }
.zmtci-mode.is-active { background: var(--zmtci-teal-soft); color: var(--zmtci-ink); box-shadow: inset 0 -3px 0 var(--zmtci-teal); }
.zmtci-mode-number { color: #99a4a1; font-size: 10px; font-weight: 900; }
.zmtci-mode strong, .zmtci-mode small { display: block; }
.zmtci-mode strong { font-size: 12px; }
.zmtci-mode small { margin-top: 4px; color: #7a8784; font-size: 9px; line-height: 1.4; }
.zmtci-mode i { width: 14px; height: 14px; border: 1px solid #b8c3c0; border-radius: 50%; }
.zmtci-mode.is-active i { border: 4px solid var(--zmtci-teal); background: #fff; }

.zmtci-input-layout { display: grid; grid-template-columns: minmax(0, 1fr) 256px; align-items: start; gap: 12px; margin-top: 14px; }
.zmtci-form-surface, .zmtci-summary, .zmtci-result { border: 1px solid var(--zmtci-line); border-radius: var(--zmtci-radius); background: #fff; box-shadow: var(--zmtci-shadow); }
.zmtci-form-head { display: flex; min-height: 59px; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 16px; border-bottom: 1px solid var(--zmtci-line); }
.zmtci-form-head h2, .zmtci-summary h2, .zmtci-result h2 { margin: 0; color: var(--zmtci-ink); font-size: 13px; }
.zmtci-form-head p, .zmtci-summary-head p, .zmtci-result-head p { margin: 4px 0 0; color: var(--zmtci-muted); font-size: 9px; }
.zmtci-form-head h2 { white-space: nowrap; }
.zmtci-form-actions { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 7px; }
.zmtci-command-button { min-height: 30px; padding: 0 10px; border: 1px solid var(--zmtci-teal); border-radius: 5px; background: var(--zmtci-teal); color: #fff; font-size: 10px; font-weight: 800; white-space: nowrap; transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease; }
.zmtci-command-button:hover { border-color: var(--zmtci-teal-deep); background: var(--zmtci-teal-deep); }
.zmtci-command-button:active { transform: scale(.96); }
.zmtci-command-button.is-quiet { border-color: var(--zmtci-line-strong); background: #fff; color: #65716e; }
.zmtci-command-button.is-quiet:hover { border-color: #9daaa6; background: #fafcfb; color: var(--zmtci-ink); }
.zmtci-demo-status { padding: 4px 7px; border-radius: 4px; background: #fff4d4; color: #86611b; font-size: 9px; font-weight: 800; white-space: nowrap; }
.zmtci-form-body { padding: 15px 16px 16px; }
.zmtci-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.zmtci-field { min-width: 0; }
.zmtci-field.is-full { grid-column: 1 / -1; }
.zmtci-field label { display: block; margin-bottom: 6px; color: #485451; font-size: 10px; font-weight: 800; }
.zmtci-field label em { margin-left: 3px; color: #c24e45; font-style: normal; }
.zmtci-field input, .zmtci-field textarea { width: 100%; border: 1px solid var(--zmtci-line-strong); border-radius: 6px; outline: 0; background: #fff; color: var(--zmtci-ink); font-size: 11px; }
.zmtci-field input { height: 37px; padding: 0 11px; }
.zmtci-field textarea { min-height: 72px; padding: 9px 11px; resize: vertical; }
.zmtci-field input:focus, .zmtci-field textarea:focus { border-color: var(--zmtci-teal); box-shadow: 0 0 0 3px rgba(23, 109, 101, .1); }
.zmtci-field input::placeholder, .zmtci-field textarea::placeholder { color: #a4aeab; }
.zmtci-field-help { margin: 6px 0 0; color: #8a9693; font-size: 9px; line-height: 1.45; }
.zmtci-source-types { display: flex; flex-wrap: wrap; gap: 8px; }
.zmtci-source-type { min-height: 30px; padding: 0 11px; border: 1px solid var(--zmtci-line-strong); border-radius: 5px; background: #fff; color: #66726f; font-size: 10px; }
.zmtci-source-type.is-active { border-color: var(--zmtci-teal); background: var(--zmtci-teal-soft); color: var(--zmtci-teal-deep); font-weight: 800; }
.zmtci-source-list { display: grid; gap: 8px; }
.zmtci-source-row { display: grid; grid-template-columns: 31px minmax(0, 1fr) 28px; align-items: center; gap: 8px; }
.zmtci-source-row.is-mine { grid-template-columns: 31px minmax(0, 1fr); }
.zmtci-source-index { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 6px; background: #f0f4f3; color: #71807c; font-size: 9px; font-weight: 900; }
.zmtci-source-row input { width: 100%; height: 37px; padding: 0 11px; border: 1px solid var(--zmtci-line-strong); border-radius: 6px; outline: 0; color: var(--zmtci-ink); font-size: 11px; }
.zmtci-source-row input:focus { border-color: var(--zmtci-teal); box-shadow: 0 0 0 3px rgba(23, 109, 101, .1); }
.zmtci-icon-button { display: grid; width: 28px; height: 28px; place-items: center; border: 0; border-radius: 5px; background: transparent; color: #87928f; font-size: 17px; line-height: 1; }
.zmtci-icon-button:hover { background: #f5eeee; color: #b64d46; }
.zmtci-add-source { min-height: 30px; margin-top: 8px; padding: 0 10px; border: 1px dashed #a9b7b3; border-radius: 5px; background: #fff; color: var(--zmtci-teal); font-size: 10px; font-weight: 800; }
.zmtci-add-source:hover { border-color: var(--zmtci-teal); background: var(--zmtci-teal-soft); }
.zmtci-compare-source-groups { display: grid; gap: 10px; }
.zmtci-source-group { padding: 10px; border: 1px solid var(--zmtci-line); border-radius: 6px; background: #fff; }
.zmtci-source-group.is-mine { border-color: #bed7d1; background: #f4f9f7; }
.zmtci-source-group-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.zmtci-source-group-head strong, .zmtci-source-group-head small { display: block; }
.zmtci-source-group-head strong { color: var(--zmtci-ink); font-size: 10px; }
.zmtci-source-group-head small { margin-top: 2px; color: var(--zmtci-muted); font-size: 9px; }
.zmtci-source-group-count { color: #83908d; font-size: 9px; white-space: nowrap; }

.zmtci-summary { overflow: hidden; }
.zmtci-summary-head { padding: 14px 15px 12px; border-bottom: 1px solid var(--zmtci-line); }
.zmtci-summary-list { padding: 5px 15px; }
.zmtci-summary-list > div { display: flex; min-height: 41px; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #edf0ef; }
.zmtci-summary-list > div:last-child { border-bottom: 0; }
.zmtci-summary-list span { color: var(--zmtci-muted); font-size: 9px; }
.zmtci-summary-list strong { max-width: 168px; overflow: hidden; color: var(--zmtci-ink); font-size: 10px; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.zmtci-cost { padding: 12px 15px; border-top: 1px solid var(--zmtci-line); background: #fafcfa; }
.zmtci-cost > div { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.zmtci-cost span { color: var(--zmtci-muted); font-size: 9px; }
.zmtci-cost strong { color: var(--zmtci-ink); font-size: 17px; font-variant-numeric: tabular-nums; }
.zmtci-cost p { margin: 5px 0 0; color: #84908d; font-size: 11px; line-height: 1.5; }
.zmtci-primary-button, .zmtci-dark-button, .zmtci-text-button { width: calc(100% - 30px); margin-left: 15px; font-weight: 800; }
.zmtci-primary-button, .zmtci-dark-button { min-height: 39px; border-radius: 6px; font-size: 11px; }
.zmtci-primary-button { margin-top: 13px; border: 1px solid var(--zmtci-teal); background: var(--zmtci-teal); color: #fff; }
.zmtci-primary-button:hover { background: var(--zmtci-teal-deep); }
.zmtci-dark-button { margin-top: 7px; border: 1px solid var(--zmtci-nav); background: var(--zmtci-nav); color: #fff; }
.zmtci-dark-button:hover { background: #24312f; }
.zmtci-text-button { min-height: 35px; margin-top: 2px; margin-bottom: 10px; border: 0; background: transparent; color: var(--zmtci-teal); font-size: 10px; }
.zmtci-text-button:not([aria-disabled="true"]):hover { color: var(--zmtci-teal-deep); text-decoration: underline; }

.zmtci-result { margin-top: 14px; overflow: hidden; }
.zmtci-result[hidden] { display: none; }
.zmtci-result-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border-bottom: 1px solid var(--zmtci-line); }
.zmtci-track-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.zmtci-track-actions button{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;color:#245f56;background:#eef7f5;border:1px solid #bcd8d2;border-radius:6px;font-size:9px;font-weight:700;cursor:pointer}.zmtci-track-actions button:hover{border-color:#77aaa1;background:#e4f2ef}.zmtci-track-actions button:focus-visible{outline:2px solid #167568;outline-offset:2px}
.zmtci-report { padding: 20px; color: #26312f; font-size: 13px; line-height: 1.78; }
.zmtci-report h2 { margin: 22px 0 8px; padding-bottom: 7px; border-bottom: 1px solid var(--zmtci-line); font-size: 15px; }
.zmtci-report h2:first-child { margin-top: 0; }
.zmtci-report h3 { margin: 16px 0 6px; font-size: 13px; }
.zmtci-report p { margin: 0 0 10px; }
.zmtci-report ul, .zmtci-report ol { margin: 0 0 12px; padding-left: 21px; }
.zmtci-report li { margin: 4px 0; }
.zmtci-report strong { color: var(--zmtci-ink); }
.zmtci-empty-report { padding: 14px 0; color: var(--zmtci-muted); }
.zmtci-toast { position: fixed; right: 23px; bottom: 21px; z-index: 10000; max-width: min(360px, calc(100vw - 32px)); transform: translateY(14px); padding: 10px 14px; border-radius: 6px; background: #172220; color: #fff; font-size: 10px; opacity: 0; pointer-events: none; transition: transform .18s ease, opacity .18s ease; }
.zmtci-toast.is-visible { transform: translateY(0); opacity: 1; }
.zmtci-toast.is-error { background: #8f332f; }

@media (max-width: 1050px) {
    .zmtci-app { grid-template-columns: 72px minmax(0, 1fr); }
    .zmtci-sidebar { padding: 18px 10px; }
    .zmtci-brand { justify-content: center; padding: 0 0 22px; }
    .zmtci-brand-copy, .zmtci-sidebar-title, .zmtci-platform-copy, .zmtci-platform-arrow, .zmtci-resource-title, .zmtci-resource-panel, .zmtci-sidebar-foot { display: none; }
    .zmtci-platform { grid-template-columns: 1fr; justify-items: center; padding: 7px; }
    .zmtci-input-layout { grid-template-columns: 1fr; }
    .zmtci-summary { display: grid; grid-template-columns: 1fr 1fr; }
    .zmtci-summary-head, .zmtci-cost { border-right: 1px solid var(--zmtci-line); }
    .zmtci-summary-list { border-right: 1px solid var(--zmtci-line); }
    .zmtci-primary-button, .zmtci-dark-button, .zmtci-text-button { width: auto; margin: 0 12px; }
    .zmtci-primary-button { margin-top: 12px; }
    .zmtci-dark-button { margin-top: 12px; }
    .zmtci-text-button { grid-column: 1 / -1; margin-bottom: 7px; }
}

@media (max-width: 680px) {
    .zmtci-app { grid-template-columns: 56px minmax(0, 1fr); }
    .zmtci-sidebar { padding: 14px 8px; }
    .zmtci-brand-mark { width: 34px; height: 34px; }
    .zmtci-platform-list { gap: 7px; }
    .zmtci-platform { min-height: 48px; }
    .zmtci-platform-mark { width: 31px; height: 31px; }
    .zmtci-main { padding: 16px 13px 20px; }
    .zmtci-workspace-head { align-items: center; }
    .zmtci-workspace-head h1 { font-size: 17px; }
    .zmtci-workspace-head p { font-size: 9px; }
    .zmtci-workspace-mark { width: 36px; height: 36px; flex-basis: 36px; font-size: 10px; }
    .zmtci-outline-button { min-height: 31px; padding: 0 9px; font-size: 10px; }
    .zmtci-flow { grid-template-columns: 1fr 1fr; }
    .zmtci-flow-step { min-height: 54px; padding: 0 9px; }
    .zmtci-flow-step:nth-child(2)::after { display: none; }
    .zmtci-flow-step:nth-child(-n + 2) { border-bottom: 1px solid var(--zmtci-line); }
    .zmtci-mode-switch { grid-template-columns: 1fr; }
    .zmtci-mode { min-height: 61px; border-right: 0; border-bottom: 1px solid var(--zmtci-line); }
    .zmtci-mode:last-child { border-bottom: 0; }
    .zmtci-section-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
    .zmtci-form-grid { grid-template-columns: 1fr; }
    .zmtci-field.is-full { grid-column: auto; }
    .zmtci-form-head { align-items: flex-start; flex-direction: column; justify-content: center; gap: 8px; }
    .zmtci-form-actions { width: 100%; flex-wrap: wrap; justify-content: flex-start; }
    .zmtci-summary { display: block; }
    .zmtci-summary-head, .zmtci-summary-list, .zmtci-cost { border-right: 0; }
    .zmtci-primary-button, .zmtci-dark-button, .zmtci-text-button { width: calc(100% - 30px); margin-left: 15px; }
    .zmtci-primary-button { margin-top: 13px; }
    .zmtci-dark-button { margin-top: 7px; }
    .zmtci-text-button { margin-top: 2px; margin-bottom: 10px; }
    .zmtci-result-head { align-items: flex-start; }
    .zmtci-report { padding: 15px; font-size: 12px; }
}

/* Persistent research cockpit. The input and analysis areas share one working surface. */
.zmtci-app {
    grid-template-columns: 214px minmax(0, 1fr);
    -webkit-font-smoothing: antialiased;
}
.zmtci-sidebar { padding-right: 10px; padding-left: 10px; }
.zmtci-main { padding: 16px 18px 26px; }
.zmtci-workspace-head h1, .zmtci-analysis-head h2, .zmtci-analysis-intro h3 { text-wrap: balance; }

.zmtci-research-status {
    display: grid;
    grid-template-columns: minmax(174px, 1.35fr) repeat(5, minmax(76px, .68fr));
    align-items: stretch;
    margin-top: 14px;
    border: 1px solid var(--zmtci-line);
    border-radius: var(--zmtci-radius);
    background: #fff;
    box-shadow: var(--zmtci-shadow);
    overflow: hidden;
}
.zmtci-research-status-title, .zmtci-status-metric { padding: 10px 13px; border-right: 1px solid var(--zmtci-line); }
.zmtci-research-status-title strong, .zmtci-research-status-title small, .zmtci-status-metric span, .zmtci-status-metric strong { display: block; }
.zmtci-research-status-title strong { color: var(--zmtci-ink); font-size: 11px; }
.zmtci-research-status-title small { margin-top: 3px; color: var(--zmtci-muted); font-size: 9px; line-height: 1.4; }
.zmtci-status-metric { display: flex; min-height: 52px; flex-direction: column; justify-content: center; }
.zmtci-status-metric span { color: var(--zmtci-muted); font-size: 9px; }
.zmtci-status-metric strong { margin-top: 3px; overflow: hidden; color: var(--zmtci-ink); font-size: 10px; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.zmtci-status-metric.is-wallet strong { color: var(--zmtci-teal-deep); }
.zmtci-status-note { grid-column: 1 / -1; margin: 0; padding: 6px 13px; border-top: 1px solid var(--zmtci-line); background: #fafcfa; color: #7c8986; font-size: 9px; line-height: 1.45; }

.zmtci-research-cockpit { display: grid; grid-template-columns: minmax(400px, .72fr) minmax(500px, 1fr); align-items: start; gap: 14px; margin-top: 14px; }
.zmtci-form-surface, .zmtci-analysis-center { border: 1px solid var(--zmtci-line); border-radius: var(--zmtci-radius); background: #fff; box-shadow: var(--zmtci-shadow); }
.zmtci-form-footer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(204px, .92fr); gap: 14px; align-items: end; padding: 13px 16px 15px; border-top: 1px solid var(--zmtci-line); background: #fcfdfd; }
.zmtci-form-cost > span { display: block; color: var(--zmtci-muted); font-size: 9px; }
.zmtci-form-cost > strong { display: block; margin-top: 3px; color: var(--zmtci-ink); font-size: 17px; font-variant-numeric: tabular-nums; }
.zmtci-form-cost p { margin: 4px 0 0; color: #84908d; font-size: 9px; line-height: 1.45; }
.zmtci-research-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.zmtci-research-actions .zmtci-primary-button, .zmtci-research-actions .zmtci-dark-button, .zmtci-research-actions .zmtci-text-button { width: 100%; min-height: 36px; margin: 0; }
.zmtci-research-actions .zmtci-text-button { grid-column: 1 / -1; min-height: 28px; }

.zmtci-analysis-center { position: sticky; top: 14px; min-width: 0; overflow: hidden; }
.zmtci-analysis-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px 16px 12px; border-bottom: 1px solid var(--zmtci-line); }
.zmtci-analysis-head h2 { margin: 0; color: var(--zmtci-ink); font-size: 14px; }
.zmtci-analysis-head p { margin: 4px 0 0; color: var(--zmtci-muted); font-size: 9px; line-height: 1.45; }
.zmtci-analysis-commands { display: flex; flex: 0 0 auto; gap: 6px; }
.zmtci-analysis-commands .zmtci-outline-button { min-height: 30px; padding: 0 9px; font-size: 9px; white-space: nowrap; }
.zmtci-analysis-tabs { display: flex; gap: 0; overflow-x: auto; border-bottom: 1px solid var(--zmtci-line); background: #fafcfb; scrollbar-width: thin; }
.zmtci-analysis-tabs button { min-width: 88px; min-height: 39px; padding: 0 12px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #71807c; font-size: 10px; font-weight: 750; white-space: nowrap; transition: color .16s ease, background .16s ease, border-color .16s ease; }
.zmtci-analysis-tabs button:hover { color: var(--zmtci-ink); background: #f2f7f5; }
.zmtci-analysis-tabs button.is-active { border-bottom-color: var(--zmtci-teal); background: #fff; color: var(--zmtci-teal-deep); }
.zmtci-analysis-tabs button:active, .zmtci-outline-button:active, .zmtci-primary-button:active, .zmtci-dark-button:active { transform: scale(.96); }
.zmtci-analysis-body { min-height: 448px; }
.zmtci-analysis-panel { min-height: 448px; max-height: calc(100vh - 166px); overflow: auto; }
.zmtci-analysis-panel[hidden] { display: none; }
.zmtci-analysis-intro { padding: 18px 18px 13px; }
.zmtci-analysis-intro > span { display: block; color: var(--zmtci-teal); font-size: 9px; font-weight: 800; }
.zmtci-analysis-intro h3 { margin: 5px 0 0; color: var(--zmtci-ink); font-size: 17px; line-height: 1.35; }
.zmtci-analysis-intro p, .zmtci-action-intro p { margin: 7px 0 0; color: var(--zmtci-muted); font-size: 11px; line-height: 1.7; text-wrap: pretty; }
.zmtci-blueprint-list { display: grid; gap: 0; padding: 0 18px; }
.zmtci-blueprint-item { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; padding: 12px 0; border-top: 1px solid #edf0ef; }
.zmtci-blueprint-item > span, .zmtci-action-list span { color: var(--zmtci-teal); font-size: 9px; font-weight: 900; font-variant-numeric: tabular-nums; }
.zmtci-blueprint-item strong { display: block; color: var(--zmtci-ink); font-size: 11px; }
.zmtci-blueprint-item p { margin: 3px 0 0; color: var(--zmtci-muted); font-size: 10px; line-height: 1.55; }
.zmtci-analysis-disclaimer, .zmtci-analysis-empty { margin: 12px 18px 18px; padding: 9px 10px; border-left: 2px solid #bed7d1; background: #f4f9f7; color: #64736f; font-size: 9px; line-height: 1.6; }
.zmtci-fact-list { padding: 17px 18px 0; }
.zmtci-fact-list > div { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid #edf0ef; }
.zmtci-fact-list span { color: var(--zmtci-muted); font-size: 10px; }
.zmtci-fact-list strong { color: var(--zmtci-ink); font-size: 10px; font-weight: 750; line-height: 1.55; text-align: right; }
.zmtci-collected-facts { margin: 16px 18px 18px; padding-top: 13px; border-top: 1px solid var(--zmtci-line); }
.zmtci-collected-facts h3, .zmtci-action-intro h3 { margin: 0; color: var(--zmtci-ink); font-size: 11px; }
.zmtci-collected-facts > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 9px 0; border-bottom: 1px solid #edf0ef; }
.zmtci-collected-facts span { color: var(--zmtci-muted); font-size: 10px; }
.zmtci-collected-facts strong { font-size: 10px; text-align: right; }
.zmtci-collected-facts strong.is-success { color: var(--zmtci-green); }
.zmtci-collected-facts strong.is-muted { color: #8a9693; }
.zmtci-action-intro { padding: 18px 18px 7px; }
.zmtci-action-list { display: grid; gap: 7px; padding: 9px 18px 0; }
.zmtci-action-list > div { display: grid; min-height: 43px; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 9px; padding: 0 11px; border: 1px solid var(--zmtci-line); border-radius: 5px; background: #fcfdfd; }
.zmtci-action-list strong { color: var(--zmtci-ink); font-size: 10px; }
.zmtci-analysis-center .zmtci-result { margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.zmtci-analysis-center .zmtci-result-head { padding: 17px 18px 12px; }
.zmtci-analysis-center .zmtci-result h3 { margin: 0; color: var(--zmtci-ink); font-size: 13px; }
.zmtci-analysis-center .zmtci-report { padding: 18px; font-size: 12px; }
.zmtci-analysis-center .zmtci-report h2 { font-size: 14px; }
.zmtci-analysis-center .zmtci-empty-report { margin: 0; border-left: 0; background: transparent; color: var(--zmtci-muted); }
.zmtci-analysis-center .zmtci-empty-report strong { display: block; color: var(--zmtci-ink); font-size: 12px; }
.zmtci-analysis-center .zmtci-empty-report p { margin: 6px 0 0; line-height: 1.7; }

@media (min-width: 961px) {
    .zmtci-app { grid-template-columns: 214px minmax(0, 1fr); }
    .zmtci-sidebar { padding: 18px 10px 14px; }
    .zmtci-brand { justify-content: flex-start; padding: 0 6px 20px; }
    .zmtci-brand-copy, .zmtci-sidebar-title, .zmtci-platform-copy, .zmtci-platform-arrow, .zmtci-resource-title, .zmtci-resource-panel, .zmtci-sidebar-foot { display: initial; }
    .zmtci-platform { grid-template-columns: 32px minmax(0, 1fr) 10px; justify-items: stretch; padding: 7px 8px; }
    .zmtci-resource-panel { display: block; }
}
@media (max-width: 1180px) {
    .zmtci-research-cockpit { grid-template-columns: 1fr; }
    .zmtci-analysis-center { position: static; }
    .zmtci-analysis-panel { max-height: none; }
}
@media (max-width: 960px) {
    .zmtci-research-status { grid-template-columns: minmax(160px, 1.4fr) repeat(4, minmax(72px, .7fr)); }
    .zmtci-status-metric.is-wallet { display: none; }
}
@media (max-width: 680px) {
    .zmtci-research-status { grid-template-columns: 1fr 1fr; }
    .zmtci-research-status-title { grid-column: 1 / -1; }
    .zmtci-status-metric { border-top: 1px solid var(--zmtci-line); }
    .zmtci-status-metric:nth-of-type(3), .zmtci-status-metric:nth-of-type(5) { border-right: 0; }
    .zmtci-status-note { font-size: 10px; }
    .zmtci-form-footer { grid-template-columns: 1fr; gap: 11px; }
    .zmtci-analysis-head { align-items: flex-start; flex-direction: column; }
    .zmtci-analysis-commands { width: 100%; }
    .zmtci-analysis-commands .zmtci-outline-button { flex: 1; }
    .zmtci-analysis-tabs button { min-width: 84px; padding: 0 10px; }
    .zmtci-analysis-body, .zmtci-analysis-panel { min-height: 360px; }
    .zmtci-analysis-intro, .zmtci-fact-list, .zmtci-action-intro { padding-right: 14px; padding-left: 14px; }
    .zmtci-blueprint-list, .zmtci-action-list { padding-right: 14px; padding-left: 14px; }
    .zmtci-analysis-disclaimer, .zmtci-analysis-empty, .zmtci-collected-facts { margin-right: 14px; margin-left: 14px; }
    .zmtci-analysis-center .zmtci-report { padding: 14px; }
}

/* Workbench visual system upgrade. */
.zmtci-app {
    --zmtci-bg: #f2f6f5;
    --zmtci-line: #dce6e2;
    --zmtci-line-strong: #bdcbc6;
    --zmtci-teal-soft: #e6f3ef;
    --zmtci-radius: 8px;
    --zmtci-shadow: 0 12px 32px rgba(17, 46, 40, .07), 0 2px 5px rgba(17, 46, 40, .03);
    grid-template-columns: 224px minmax(0, 1fr);
    font-size: 15px;
}
.zmtci-sidebar { padding: 20px 11px 16px; }
.zmtci-brand { gap: 11px; padding: 0 7px 23px; }
.zmtci-brand-mark { width: 39px; height: 39px; font-size: 16px; }
.zmtci-brand-copy strong { font-size: 16px; }
.zmtci-brand-copy small { font-size: 10px; }
.zmtci-sidebar-title, .zmtci-resource-title { font-size: 11px; }
.zmtci-platform { min-height: 60px; grid-template-columns: 34px minmax(0, 1fr) 12px; gap: 9px; padding: 9px; border-radius: 7px; transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease; }
.zmtci-platform.is-active { box-shadow: inset 3px 0 0 var(--zmtci-gold); }
.zmtci-platform-mark { width: 34px; height: 34px; font-size: 12px; }
.zmtci-platform-copy strong { font-size: 13px; }
.zmtci-platform-copy small { margin-top: 4px; font-size: 10px; }
.zmtci-resource-panel { padding: 4px 11px; }
.zmtci-resource-row { min-height: 39px; }
.zmtci-resource-row span, .zmtci-resource-row strong { font-size: 11px; }
.zmtci-recharge { min-height: 36px; margin: 10px 0 9px; font-size: 11px; transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease; }
.zmtci-recharge:active { transform: scale(.96); }
.zmtci-sidebar-foot { font-size: 10px; }

.zmtci-main { padding: 22px 26px 32px; }

.zmtci-workbench-hero { display: grid; min-height: 108px; grid-template-columns: 68px minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 19px 21px; border: 1px solid var(--zmtci-line); border-radius: var(--zmtci-radius); background: #fff; box-shadow: var(--zmtci-shadow); }
.zmtci-radar-mark { position: relative; width: 66px; height: 66px; overflow: hidden; border: 1px solid #12594f; border-radius: 50%; background: #174f48; }
.zmtci-radar-mark::before, .zmtci-radar-mark::after { position: absolute; z-index: 1; background: rgba(234, 246, 241, .22); content: ""; }
.zmtci-radar-mark::before { top: 32px; right: 8px; left: 8px; height: 1px; }
.zmtci-radar-mark::after { top: 8px; bottom: 8px; left: 32px; width: 1px; }
.zmtci-radar-ring { position: absolute; inset: 11px; border: 1px solid rgba(234, 246, 241, .36); border-radius: 50%; }
.zmtci-radar-ring::after { position: absolute; inset: 7px; border: 1px solid rgba(234, 246, 241, .24); border-radius: 50%; content: ""; }
.zmtci-radar-sweep { position: absolute; z-index: 2; top: 32px; left: 32px; width: 25px; height: 2px; transform-origin: left center; background: var(--zmtci-gold); animation: zmtci-radar-sweep 4.5s linear infinite; }
.zmtci-radar-core { position: absolute; z-index: 3; top: 28px; left: 28px; width: 9px; height: 9px; border: 2px solid #fff; border-radius: 50%; background: var(--zmtci-gold); box-shadow: 0 0 0 4px rgba(232, 189, 88, .18); }
.zmtci-radar-node { position: absolute; z-index: 4; width: 7px; height: 7px; border: 1px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px rgba(23, 79, 72, .55); }
.zmtci-radar-node.is-one { top: 8px; left: 29px; background: #d9554d; }
.zmtci-radar-node.is-two { top: 16px; right: 9px; background: #f3f5f4; }
.zmtci-radar-node.is-three { right: 8px; bottom: 18px; background: #379469; }
.zmtci-radar-node.is-four { bottom: 8px; left: 29px; background: #2f8b63; }
.zmtci-radar-node.is-five { bottom: 17px; left: 9px; background: #3d84b5; }
.zmtci-radar-node.is-six { top: 16px; left: 9px; background: #eb7543; }
.zmtci-workbench-copy { min-width: 0; }
.zmtci-workbench-copy h1 { margin: 0; color: var(--zmtci-ink); font-size: 28px; font-weight: 800; letter-spacing: 0; line-height: 1.28; text-wrap: balance; }
.zmtci-workbench-copy p { max-width: 730px; margin: 7px 0 0; color: var(--zmtci-muted); font-size: 15px; line-height: 1.55; text-wrap: pretty; }
.zmtci-workbench-context { display: flex; flex: 0 0 auto; align-items: center; gap: 15px; }
.zmtci-current-platform-card { display: flex; min-width: 222px; align-items: center; gap: 10px; padding: 5px 0 5px 13px; border-left: 1px solid var(--zmtci-line); }
.zmtci-current-platform-card .zmtci-workspace-mark { width: 39px; height: 39px; flex-basis: 39px; font-size: 12px; }
.zmtci-current-platform-card > div > span, .zmtci-current-platform-card strong, .zmtci-current-platform-card small { display: block; }
.zmtci-current-platform-card > div > span { color: #7b8985; font-size: 10px; }
.zmtci-current-platform-card strong { max-width: 178px; margin-top: 2px; overflow: hidden; color: var(--zmtci-ink); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.zmtci-current-platform-card small { max-width: 178px; margin-top: 2px; overflow: hidden; color: var(--zmtci-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.zmtci-workbench-context .zmtci-outline-button { min-height: 38px; padding: 0 14px; font-size: 12px; white-space: nowrap; transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease; }

.zmtci-flow { margin-top: 20px; border-radius: var(--zmtci-radius); box-shadow: 0 4px 14px rgba(17, 46, 40, .035); overflow: hidden; }
.zmtci-flow-step { min-height: 67px; gap: 12px; padding: 0 17px; }
.zmtci-flow-step > span { width: 28px; height: 28px; flex-basis: 28px; font-size: 11px; }
.zmtci-flow-step strong { font-size: 12px; }
.zmtci-flow-step small { margin-top: 3px; font-size: 10px; }
.zmtci-section-heading { margin: 22px 0 11px; }
.zmtci-section-heading h2 { font-size: 17px; }
.zmtci-section-heading p { margin-top: 5px; font-size: 12px; }
.zmtci-section-heading > span { font-size: 11px; }
.zmtci-section-heading > span strong { font-size: 12px; }
.zmtci-mode-switch { border-radius: var(--zmtci-radius); }
.zmtci-mode { min-height: 94px; grid-template-columns: 38px minmax(0, 1fr) 20px; gap: 12px; padding: 0 18px; transition: color .16s ease, background .16s ease, box-shadow .16s ease; }
.zmtci-mode-number { font-size: 12px; }
.zmtci-mode strong { font-size: 15px; }
.zmtci-mode small { margin-top: 5px; font-size: 11px; line-height: 1.5; }
.zmtci-mode i { width: 17px; height: 17px; }

.zmtci-research-status { margin-top: 17px; grid-template-columns: minmax(202px, 1.4fr) repeat(5, minmax(92px, .72fr)); }
.zmtci-research-status-title, .zmtci-status-metric { padding: 13px 15px; }
.zmtci-research-status-title strong { font-size: 13px; }
.zmtci-research-status-title small { margin-top: 4px; font-size: 11px; }
.zmtci-status-metric { min-height: 61px; }
.zmtci-status-metric span { font-size: 10px; }
.zmtci-status-metric strong { margin-top: 4px; font-size: 12px; }
.zmtci-status-note { padding: 8px 15px; font-size: 11px; }

.zmtci-research-cockpit { gap: 18px; margin-top: 17px; }
.zmtci-form-surface, .zmtci-analysis-center { border-color: #d6e2de; box-shadow: var(--zmtci-shadow); }
.zmtci-form-head { min-height: 76px; padding: 14px 18px; }
.zmtci-form-head h2, .zmtci-summary h2, .zmtci-result h2 { font-size: 17px; }
.zmtci-form-head p, .zmtci-summary-head p, .zmtci-result-head p { margin-top: 5px; font-size: 12px; line-height: 1.5; }
.zmtci-form-actions { flex-wrap: wrap; }
.zmtci-command-button { min-height: 35px; padding: 0 12px; font-size: 12px; }
.zmtci-demo-status { padding: 5px 8px; font-size: 10px; }
.zmtci-form-body { padding: 19px 18px; }
.zmtci-form-grid { gap: 17px; }
.zmtci-field label { margin-bottom: 8px; font-size: 12px; }
.zmtci-field input, .zmtci-field textarea, .zmtci-source-row input { border-radius: 7px; font-size: 14px; }
.zmtci-field input, .zmtci-source-row input { height: 43px; padding: 0 13px; }
.zmtci-field textarea { min-height: 88px; padding: 11px 13px; }
.zmtci-field-help { margin-top: 7px; font-size: 11px; line-height: 1.55; }
.zmtci-source-types { gap: 9px; }
.zmtci-source-type { min-height: 35px; padding: 0 12px; border-radius: 6px; font-size: 12px; transition: color .16s ease, background .16s ease, border-color .16s ease; }
.zmtci-source-list { gap: 10px; }
.zmtci-source-row { grid-template-columns: 36px minmax(0, 1fr) 32px; gap: 9px; }
.zmtci-source-row.is-mine { grid-template-columns: 36px minmax(0, 1fr); }
.zmtci-source-index { width: 36px; height: 36px; border-radius: 7px; font-size: 10px; }
.zmtci-icon-button { width: 32px; height: 32px; border-radius: 6px; font-size: 19px; }
.zmtci-add-source { min-height: 34px; margin-top: 10px; padding: 0 12px; font-size: 12px; }
.zmtci-source-group { padding: 13px; border-radius: 7px; }
.zmtci-source-group-head { margin-bottom: 10px; }
.zmtci-source-group-head strong { font-size: 12px; }
.zmtci-source-group-head small, .zmtci-source-group-count { font-size: 10px; }
.zmtci-form-footer { gap: 16px; padding: 16px 18px 18px; }
.zmtci-form-cost > span { font-size: 11px; }
.zmtci-form-cost > strong { margin-top: 4px; font-size: 21px; }
.zmtci-form-cost p { margin-top: 5px; font-size: 11px; }
.zmtci-research-actions { gap: 9px; }
.zmtci-research-actions .zmtci-primary-button, .zmtci-research-actions .zmtci-dark-button { min-height: 42px; font-size: 13px; transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease; }
.zmtci-research-actions .zmtci-text-button { min-height: 32px; font-size: 12px; }

.zmtci-analysis-center { top: 18px; }
.zmtci-analysis-head { gap: 16px; padding: 18px 19px 15px; }
.zmtci-analysis-head h2 { font-size: 19px; }
.zmtci-analysis-head p { margin-top: 5px; font-size: 12px; line-height: 1.55; }
.zmtci-analysis-commands { gap: 8px; }
.zmtci-analysis-commands .zmtci-outline-button { min-height: 35px; padding: 0 11px; font-size: 11px; }
.zmtci-analysis-tabs button { min-width: 105px; min-height: 46px; padding: 0 15px; font-size: 12px; }
.zmtci-analysis-body, .zmtci-analysis-panel { min-height: 500px; }
.zmtci-analysis-panel { max-height: calc(100vh - 180px); }
.zmtci-analysis-intro { padding: 23px 21px 16px; }
.zmtci-analysis-intro > span { font-size: 11px; }
.zmtci-analysis-intro h3 { margin-top: 6px; font-size: 21px; }
.zmtci-analysis-intro p, .zmtci-action-intro p { margin-top: 8px; font-size: 13px; line-height: 1.7; }
.zmtci-blueprint-list { padding: 0 21px; }
.zmtci-blueprint-item { grid-template-columns: 34px minmax(0, 1fr); gap: 12px; padding: 15px 0; }
.zmtci-blueprint-item > span, .zmtci-action-list span { font-size: 11px; }
.zmtci-blueprint-item strong { font-size: 13px; }
.zmtci-blueprint-item p { margin-top: 4px; font-size: 12px; line-height: 1.6; }
.zmtci-analysis-disclaimer, .zmtci-analysis-empty { margin: 15px 21px 21px; padding: 11px 12px; font-size: 11px; }
.zmtci-fact-list { padding: 20px 21px 0; }
.zmtci-fact-list > div { grid-template-columns: 108px minmax(0, 1fr); gap: 16px; padding: 13px 0; }
.zmtci-fact-list span, .zmtci-fact-list strong, .zmtci-collected-facts span, .zmtci-collected-facts strong { font-size: 12px; }
.zmtci-collected-facts { margin: 19px 21px 21px; padding-top: 16px; }
.zmtci-collected-facts h3, .zmtci-action-intro h3 { font-size: 14px; }
.zmtci-collected-facts > div { padding: 11px 0; }
.zmtci-action-intro { padding: 23px 21px 9px; }
.zmtci-action-list { gap: 0; padding: 10px 21px 0; }
.zmtci-action-list > div { min-height: 49px; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; padding: 0; border: 0; border-bottom: 1px solid #e8eeeb; border-radius: 0; background: transparent; }
.zmtci-action-list strong { font-size: 13px; }
.zmtci-analysis-center .zmtci-result-head { padding: 21px 21px 15px; }
.zmtci-analysis-center .zmtci-result h3 { font-size: 16px; }
.zmtci-analysis-center .zmtci-report { padding: 21px; font-size: 14px; line-height: 1.82; }
.zmtci-analysis-center .zmtci-report h2 { font-size: 17px; }
.zmtci-analysis-center .zmtci-report h3 { font-size: 15px; }
.zmtci-analysis-center .zmtci-empty-report strong { font-size: 14px; }
.zmtci-analysis-center .zmtci-empty-report p { font-size: 13px; }

@keyframes zmtci-radar-sweep { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .zmtci-radar-sweep { animation: none; }
    .zmtci-platform, .zmtci-mode, .zmtci-command-button, .zmtci-recharge, .zmtci-workbench-context .zmtci-outline-button, .zmtci-research-actions .zmtci-primary-button, .zmtci-research-actions .zmtci-dark-button, .zmtci-analysis-tabs button { transition: none; }
}
@media (min-width: 961px) {
    .zmtci-app { grid-template-columns: 224px minmax(0, 1fr); }
    .zmtci-platform { grid-template-columns: 34px minmax(0, 1fr) 12px; }
}
@media (max-width: 1320px) {
    .zmtci-workbench-hero { grid-template-columns: 62px minmax(0, 1fr); }
    .zmtci-radar-mark { width: 62px; height: 62px; }
    .zmtci-workbench-context { grid-column: 1 / -1; justify-content: space-between; padding-top: 13px; border-top: 1px solid var(--zmtci-line); }
    .zmtci-current-platform-card { min-width: 0; padding-left: 0; border-left: 0; }
}
@media (max-width: 1180px) {
    .zmtci-analysis-center { top: auto; }
    .zmtci-analysis-panel { max-height: none; }
}
@media (max-width: 960px) {
    .zmtci-main { padding: 20px; }
    .zmtci-workbench-hero { padding: 17px; }
    .zmtci-workbench-copy h1 { font-size: 24px; }
    .zmtci-workbench-copy p { font-size: 14px; }
    .zmtci-research-status { grid-template-columns: minmax(172px, 1.35fr) repeat(4, minmax(80px, .72fr)); }
}
@media (max-width: 680px) {
    .zmtci-main { padding: 15px 13px 24px; }
    .zmtci-workbench-hero { grid-template-columns: 54px minmax(0, 1fr); gap: 13px; min-height: 0; padding: 15px; }
    .zmtci-radar-mark { width: 54px; height: 54px; }
    .zmtci-radar-mark::before { top: 26px; }
    .zmtci-radar-mark::after { left: 26px; }
    .zmtci-radar-ring { inset: 9px; }
    .zmtci-radar-sweep { top: 26px; left: 26px; width: 19px; }
    .zmtci-radar-core { top: 22px; left: 22px; }
    .zmtci-radar-node.is-one { top: 6px; left: 24px; }
    .zmtci-radar-node.is-two { top: 13px; right: 7px; }
    .zmtci-radar-node.is-three { right: 7px; bottom: 14px; }
    .zmtci-radar-node.is-four { bottom: 6px; left: 24px; }
    .zmtci-radar-node.is-five { bottom: 14px; left: 7px; }
    .zmtci-radar-node.is-six { top: 13px; left: 7px; }
    .zmtci-workbench-copy h1 { font-size: 20px; line-height: 1.35; }
    .zmtci-workbench-copy p { margin-top: 5px; font-size: 12px; line-height: 1.55; }
    .zmtci-workbench-context { grid-column: 1 / -1; align-items: stretch; gap: 10px; padding-top: 11px; }
    .zmtci-current-platform-card { flex: 1; }
    .zmtci-current-platform-card strong { font-size: 12px; }
    .zmtci-workbench-context .zmtci-outline-button { min-height: 36px; padding: 0 11px; }
    .zmtci-flow-step { min-height: 62px; padding: 0 10px; }
    .zmtci-flow-step strong { font-size: 11px; }
    .zmtci-flow-step small { font-size: 10px; }
    .zmtci-section-heading h2 { font-size: 16px; }
    .zmtci-section-heading p { font-size: 11px; }
    .zmtci-mode { min-height: 77px; padding: 0 14px; }
    .zmtci-mode strong { font-size: 14px; }
    .zmtci-mode small { font-size: 10px; }
    .zmtci-research-status-title strong { font-size: 12px; }
    .zmtci-status-metric strong { font-size: 11px; }
    .zmtci-status-note { font-size: 10px; }
    .zmtci-form-head h2, .zmtci-analysis-head h2 { font-size: 16px; }
    .zmtci-form-head p, .zmtci-analysis-head p { font-size: 11px; }
    .zmtci-form-body, .zmtci-form-footer { padding-right: 14px; padding-left: 14px; }
    .zmtci-field input, .zmtci-field textarea, .zmtci-source-row input { font-size: 13px; }
    .zmtci-analysis-tabs button { min-height: 43px; font-size: 11px; }
    .zmtci-analysis-intro h3 { font-size: 18px; }
    .zmtci-analysis-intro p, .zmtci-action-intro p { font-size: 12px; }
    .zmtci-blueprint-item strong, .zmtci-action-list strong { font-size: 12px; }
    .zmtci-blueprint-item p { font-size: 11px; }
    .zmtci-fact-list span, .zmtci-fact-list strong, .zmtci-collected-facts span, .zmtci-collected-facts strong { font-size: 11px; }
.zmtci-analysis-center .zmtci-report { font-size: 13px; }
}

/* Keep form commands within the input column when demo status is visible. */
.zmtci-form-surface { container-type: inline-size; }
.zmtci-form-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}
.zmtci-form-head > :first-child { min-width: 0; }
.zmtci-form-actions {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    justify-content: end;
    max-width: 100%;
    gap: 7px;
}
.zmtci-form-actions .zmtci-demo-status {
    grid-column: 1 / -1;
    justify-self: end;
}
@container (max-width: 780px) {
    .zmtci-form-head { grid-template-columns: minmax(0, 1fr); }
    .zmtci-form-actions { width: 100%; margin-top: 10px; justify-content: start; }
    .zmtci-form-actions .zmtci-demo-status { justify-self: start; }
}

/* Mode-specific research cards. */
.zmtci-mode {
    --zmtci-mode-accent: #168663;
    --zmtci-mode-surface: #ecf8f2;
    --zmtci-mode-ink: #174f3e;
    --zmtci-mode-muted: #537c6d;
    position: relative;
    min-height: 108px;
    grid-template-columns: 28px 40px minmax(0, 1fr) 20px;
    gap: 12px;
    border-right-color: rgba(23, 81, 63, .10);
    background: var(--zmtci-mode-surface);
    color: var(--zmtci-mode-ink);
    transition: transform .18s cubic-bezier(.2, 0, 0, 1), box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.zmtci-mode.is-single { --zmtci-mode-accent: #2879bd; --zmtci-mode-surface: #edf6ff; --zmtci-mode-ink: #174d7b; --zmtci-mode-muted: #5e7c96; }
.zmtci-mode.is-account { --zmtci-mode-accent: #168663; --zmtci-mode-surface: #ecf8f2; --zmtci-mode-ink: #174f3e; --zmtci-mode-muted: #537c6d; }
.zmtci-mode.is-compare { --zmtci-mode-accent: #c16542; --zmtci-mode-surface: #fff2ec; --zmtci-mode-ink: #874124; --zmtci-mode-muted: #956b5b; }
.zmtci-mode:hover { background: var(--zmtci-mode-surface); box-shadow: inset 0 0 0 1px rgba(23, 32, 31, .08); }
.zmtci-mode.is-active { transform: translateY(-2px); background: var(--zmtci-mode-surface); box-shadow: inset 0 0 0 2px var(--zmtci-mode-accent), inset 0 -5px 0 var(--zmtci-mode-accent), 0 10px 22px rgba(23, 42, 38, .11); z-index: 1; }
.zmtci-mode-number { color: var(--zmtci-mode-accent); font-size: 11px; font-variant-numeric: tabular-nums; }
.zmtci-mode strong { color: var(--zmtci-mode-ink); font-size: 15px; }
.zmtci-mode small { color: var(--zmtci-mode-muted); font-size: 11px; }
.zmtci-mode-icon { position: relative; display: grid; width: 40px; height: 40px; place-items: center; border-radius: 9px; background: rgba(255, 255, 255, .75); color: var(--zmtci-mode-accent); box-shadow: inset 0 0 0 1px rgba(23, 32, 31, .06); transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s cubic-bezier(.2, 0, 0, 1); }
.zmtci-mode.is-active .zmtci-mode-icon { background: var(--zmtci-mode-accent); color: #fff; box-shadow: 0 5px 12px rgba(23, 42, 38, .17); transform: scale(1.04); }
.zmtci-mode-icon::before, .zmtci-mode-icon::after, .zmtci-mode-icon i, .zmtci-mode-icon i::after { position: absolute; box-sizing: border-box; content: ""; }
.zmtci-mode.is-single .zmtci-mode-icon::before { top: 9px; left: 10px; width: 15px; height: 20px; border: 2px solid currentColor; border-radius: 3px; }
.zmtci-mode.is-single .zmtci-mode-icon::after { top: 14px; left: 14px; width: 7px; height: 2px; background: currentColor; box-shadow: 0 5px 0 currentColor; }
.zmtci-mode.is-single .zmtci-mode-icon i { right: 8px; bottom: 8px; width: 9px; height: 9px; border: 2px solid currentColor; border-radius: 50%; background: transparent; }
.zmtci-mode.is-single .zmtci-mode-icon i::after { right: -4px; bottom: -3px; width: 5px; height: 2px; transform: rotate(45deg); transform-origin: left center; background: currentColor; }
.zmtci-mode.is-account .zmtci-mode-icon::before { top: 8px; left: 15px; width: 10px; height: 10px; border: 2px solid currentColor; border-radius: 50%; }
.zmtci-mode.is-account .zmtci-mode-icon::after { right: 9px; bottom: 8px; left: 9px; height: 13px; border: 2px solid currentColor; border-radius: 9px 9px 4px 4px; }
.zmtci-mode.is-account .zmtci-mode-icon i { right: 13px; bottom: 13px; left: 13px; height: 2px; background: currentColor; }
.zmtci-mode.is-compare .zmtci-mode-icon::before { top: 10px; left: 8px; width: 10px; height: 19px; border: 2px solid currentColor; border-radius: 3px; box-shadow: 14px 0 0 -2px var(--zmtci-mode-surface), 14px 0 0 0 currentColor; }
.zmtci-mode.is-active.is-compare .zmtci-mode-icon::before { box-shadow: 14px 0 0 -2px var(--zmtci-mode-accent), 14px 0 0 0 currentColor; }
.zmtci-mode.is-compare .zmtci-mode-icon::after { top: 15px; left: 20px; width: 2px; height: 10px; background: currentColor; }
.zmtci-mode.is-compare .zmtci-mode-icon i { top: 18px; left: 16px; width: 10px; height: 2px; background: currentColor; }
.zmtci-mode .zmtci-mode-check { width: 18px; height: 18px; border: 1px solid var(--zmtci-mode-accent); border-radius: 50%; background: rgba(255, 255, 255, .75); box-shadow: none; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease; }
.zmtci-mode.is-active .zmtci-mode-check { border: 5px solid var(--zmtci-mode-accent); background: #fff; }
.zmtci-mode:active { transform: scale(.96); }
@media (max-width: 680px) {
    .zmtci-mode { min-height: 84px; grid-template-columns: 25px 36px minmax(0, 1fr) 18px; gap: 10px; }
    .zmtci-mode-icon { width: 36px; height: 36px; border-radius: 8px; }
    .zmtci-mode.is-single .zmtci-mode-icon::before { top: 8px; left: 9px; width: 13px; height: 18px; }
    .zmtci-mode.is-single .zmtci-mode-icon::after { top: 13px; left: 12px; }
    .zmtci-mode.is-single .zmtci-mode-icon i { right: 7px; bottom: 7px; }
    .zmtci-mode.is-account .zmtci-mode-icon::before { top: 7px; left: 13px; }
    .zmtci-mode.is-account .zmtci-mode-icon::after { right: 8px; bottom: 7px; left: 8px; height: 12px; }
    .zmtci-mode.is-account .zmtci-mode-icon i { right: 11px; bottom: 12px; left: 11px; }
    .zmtci-mode.is-compare .zmtci-mode-icon::before { top: 8px; left: 7px; width: 8px; height: 17px; box-shadow: 13px 0 0 -2px var(--zmtci-mode-surface), 13px 0 0 0 currentColor; }
    .zmtci-mode.is-active.is-compare .zmtci-mode-icon::before { box-shadow: 13px 0 0 -2px var(--zmtci-mode-accent), 13px 0 0 0 currentColor; }
    .zmtci-mode.is-compare .zmtci-mode-icon::after { top: 13px; left: 18px; height: 10px; }
    .zmtci-mode.is-compare .zmtci-mode-icon i { top: 16px; left: 14px; width: 9px; }
    .zmtci-mode .zmtci-mode-check { width: 17px; height: 17px; }
}

/* Keep the final visual overrides responsive on narrow screens. */
@media (max-width: 680px) {
    .zmtci-app {
        width: 100%;
        min-width: 0;
        grid-template-columns: 56px minmax(0, 1fr);
    }
    .zmtci-sidebar { min-width: 0; padding: 14px 8px; }
    .zmtci-workspace, .zmtci-main { min-width: 0; }
    .zmtci-research-status { grid-template-columns: 1fr 1fr; }
    .zmtci-research-status-title { grid-column: 1 / -1; }
    .zmtci-form-footer { grid-template-columns: 1fr; }
}