@font-face {
  font-family: "IRANYekanX";
  src: url("./fonts/IRANYekanX-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekanX";
  src: url("./fonts/IRANYekanX-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekanX";
  src: url("./fonts/IRANYekanX-DemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekanX";
  src: url("./fonts/IRANYekanX-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekanX";
  src: url("./fonts/IRANYekanX-ExtraBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekanX";
  src: url("./fonts/IRANYekanX-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekanXFaNum";
  src: url("./fonts/IRANYekanXFaNum-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekanXFaNum";
  src: url("./fonts/IRANYekanXFaNum-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekanXFaNum";
  src: url("./fonts/IRANYekanXFaNum-DemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekanXFaNum";
  src: url("./fonts/IRANYekanXFaNum-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekanXFaNum";
  src: url("./fonts/IRANYekanXFaNum-ExtraBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekanXFaNum";
  src: url("./fonts/IRANYekanXFaNum-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

/* LUMA shell asset v3 — cache-busted after Pages asset-store repair */
:root {
  color-scheme: light;
  --ink: #182a30;
  --ink-soft: #52666c;
  --muted: #73858a;
  --muted-2: #98a5a6;
  --navy: #0c303c;
  --navy-deep: #08232d;
  --teal: #197b75;
  --teal-deep: #12645f;
  --teal-soft: #e3f0ec;
  --amber: #8a5b2c;
  --amber-soft: #f4eadb;
  --rose: #9a4e5d;
  --rose-soft: #f7e6e7;
  --lavender: #666c93;
  --canvas: #f4f2ec;
  --paper: #fffefa;
  --line: #deded6;
  --line-soft: #ebeae3;
  --line-dark: #c4cbc6;
  --shadow: 0 10px 28px rgba(22, 44, 48, .055);
  --shadow-deep: 0 18px 54px rgba(8, 35, 45, .18);
  --radius: 14px;
  --radius-lg: 19px;
  --font-ui: "IRANYekanX", "Tahoma", "Arial", sans-serif;
  --font-numeric: "IRANYekanXFaNum", "IRANYekanX", "Tahoma", "Arial", sans-serif;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--canvas); scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; color: var(--ink); background: var(--canvas); font-family: var(--font-ui); font-size: 14px; line-height: 1.75; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body, button, input, select, textarea { direction: rtl; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
code, kbd, .domain, .ltr { font-family: var(--font-ui); letter-spacing: 0; }
.ltr, [dir="ltr"] { direction: ltr; }

:focus-visible { outline: 3px solid rgba(25, 123, 117, .35); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.app-root, .dashboard-shell { min-height: 100vh; }
.boot-state, .fatal-state, .noscript-state { min-height: 100vh; display: grid; place-content: center; gap: 8px; padding: 24px; color: var(--ink-soft); text-align: center; }
.boot-state strong, .fatal-state strong { color: var(--navy); font-size: 20px; }
.boot-mark { width: 46px; height: 46px; display: grid; place-items: center; margin: 0 auto 10px; color: #fff; background: var(--navy); border-radius: 12px; font-weight: 800; font-size: 22px; }
.fatal-state code { padding: 8px 12px; color: var(--teal-deep); background: var(--teal-soft); border-radius: 8px; direction: ltr; }

.shell-frame { min-height: 100vh; }
.main-column { min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 10; display: grid; grid-template-columns: minmax(280px, 1fr) auto minmax(360px, 1.2fr); align-items: center; gap: 24px; min-height: 74px; padding: 12px clamp(18px, 4vw, 56px); background: rgba(255, 254, 250, .96); border-bottom: 1px solid rgba(222, 222, 214, .94); box-shadow: 0 2px 18px rgba(25, 43, 47, .025); backdrop-filter: blur(16px); }
.brand-area, .brand-link, .primary-nav, .topbar-tools { min-width: 0; display: flex; align-items: center; }
.brand-area { gap: 13px; }
.brand-link { gap: 10px; padding: 0; color: var(--navy); background: transparent; border: 0; text-align: right; }
.brand-link:hover .brand-type strong { color: var(--teal); }
.brand-mark { width: 36px; height: 36px; display: flex; align-items: end; justify-content: center; gap: 3px; padding: 8px; background: var(--navy); border-radius: 11px; }
.brand-mark i { display: block; width: 4px; border-radius: 3px 3px 1px 1px; background: #8ed2c7; }
.brand-mark i:nth-child(1) { height: 9px; }
.brand-mark i:nth-child(2) { height: 14px; }
.brand-mark i:nth-child(3) { height: 19px; }
.brand-type { display: grid; gap: 0; line-height: 1.15; }
.brand-type strong { font-family: var(--font-numeric); font-size: 16px; letter-spacing: .09em; transition: color .18s ease; }
.brand-type small { color: var(--muted); font-size: 9px; }
.brand-divider { width: 1px; height: 26px; background: var(--line); }
.workspace-label { color: var(--muted); font-size: 11px; white-space: nowrap; }
.primary-nav { justify-content: center; gap: 4px; }
.nav-item { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 7px 12px; color: var(--ink-soft); background: transparent; border: 1px solid transparent; border-radius: 9px; font-size: 12px; font-weight: 700; transition: color .18s ease, background .18s ease, border-color .18s ease; }
.nav-item small { color: var(--muted-2); font-family: var(--font-numeric); font-size: 9px; font-weight: 400; }
.nav-item .icon { color: var(--teal); font-size: 17px; }
.nav-item:hover { color: var(--navy); background: #f2f4ef; border-color: var(--line); }
.nav-item.is-active { color: var(--navy); background: var(--teal-soft); border-color: #c4dfd9; }
.nav-item.is-active small { color: var(--teal-deep); }
.topbar-tools { justify-content: flex-start; gap: 8px; }
.global-search, .explorer-search { min-width: 0; display: flex; align-items: center; gap: 8px; color: var(--muted); background: #fff; border: 1px solid var(--line); border-radius: 9px; transition: border-color .18s ease, box-shadow .18s ease; }
.global-search { width: min(100%, 360px); height: 40px; padding: 0 11px; }
.global-search:focus-within, .explorer-search:focus-within { border-color: #83b9b2; box-shadow: 0 0 0 3px rgba(25, 123, 117, .09); }
.global-search .icon, .explorer-search .icon { flex: 0 0 auto; color: var(--teal); font-size: 18px; }
.global-search input, .explorer-search input { width: 100%; min-width: 0; padding: 0; color: var(--ink); background: transparent; border: 0; outline: 0; font-size: 12px; }
.global-search input::placeholder, .explorer-search input::placeholder { color: #a0acab; }
kbd { padding: 2px 6px; color: var(--muted); background: var(--canvas); border: 1px solid var(--line); border-radius: 5px; font-family: var(--font-ui); font-size: 9px; direction: ltr; white-space: nowrap; }
.command-trigger { height: 40px; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; color: var(--ink-soft); background: transparent; border: 1px solid var(--line); border-radius: 9px; font-size: 11px; white-space: nowrap; }
.command-trigger .icon { color: var(--teal); font-size: 17px; }
.command-trigger:hover { color: var(--navy); background: #fff; border-color: var(--line-dark); }
.secondary-menu { position: relative; flex: 0 0 auto; }
.secondary-menu summary { min-height: 38px; display: inline-flex; align-items: center; gap: 3px; padding: 6px 8px; color: var(--ink-soft); border: 1px solid transparent; border-radius: 8px; cursor: pointer; list-style: none; font-size: 11px; }
.secondary-menu summary::-webkit-details-marker { display: none; }
.secondary-menu summary .icon { color: var(--teal); font-size: 15px; transition: transform .18s ease; }
.secondary-menu[open] summary { color: var(--navy); background: #f2f4ef; border-color: var(--line); }
.secondary-menu[open] summary .icon { transform: rotate(180deg); }
.secondary-menu-panel { position: absolute; z-index: 15; top: calc(100% + 8px); left: 0; width: 238px; padding: 6px; background: var(--paper); border: 1px solid var(--line); border-radius: 11px; box-shadow: var(--shadow-deep); }
.secondary-menu-panel button { width: 100%; display: flex; align-items: center; gap: 8px; padding: 9px; color: var(--ink); background: transparent; border: 0; border-radius: 7px; text-align: right; }
.secondary-menu-panel button:hover { background: var(--teal-soft); }
.secondary-menu-panel button > .icon { width: 25px; color: var(--teal); font-size: 17px; text-align: center; }
.secondary-menu-panel button > span:last-child { min-width: 0; display: grid; gap: 0; }
.secondary-menu-panel strong { font-size: 11px; }
.secondary-menu-panel small { color: var(--muted); font-size: 9px; }
.local-indicator { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; white-space: nowrap; }
.status-dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: #3c9e8c; box-shadow: 0 0 0 3px rgba(60, 158, 140, .13); }

main { max-width: 1460px; margin: 0 auto; padding: 34px clamp(18px, 4vw, 56px) 60px; }
.page { animation: page-in .2s ease both; }
@keyframes page-in { from { opacity: 0; } to { opacity: 1; } }
.eyebrow { display: block; color: var(--teal-deep); font-family: var(--font-numeric); font-size: 10px; line-height: 1.4; letter-spacing: .04em; }
.page h1, .page h2, .page h3, .page p { overflow-wrap: anywhere; }
.page h1 { margin: 6px 0 5px; color: var(--navy); font-size: clamp(25px, 3vw, 36px); line-height: 1.25; letter-spacing: -.045em; }
.page h2 { color: var(--navy); }
.button { min-height: 37px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 12px; border: 1px solid transparent; border-radius: 8px; font-size: 11px; font-weight: 700; transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease; }
.button:hover:not(.button-disabled) { transform: translateY(-1px); }
.button .icon { font-size: 16px; }
.button-dark { color: #f8fffd; background: var(--teal); border-color: var(--teal); }
.button-dark:hover { background: var(--teal-deep); border-color: var(--teal-deep); }
.button-light { color: var(--navy); background: #fff; border-color: var(--line); }
.button-light:hover { background: var(--teal-soft); border-color: #a9cfc8; }
.button-disabled { color: var(--muted-2); background: #f0f1ed; border-color: var(--line); cursor: not-allowed; }
.text-button { display: inline-flex; align-items: center; gap: 5px; padding: 0; color: var(--teal-deep); background: transparent; border: 0; font-size: 11px; font-weight: 700; }
.text-button:hover { color: var(--navy); text-decoration: underline; text-underline-offset: 4px; }
.icon-button { width: 32px; height: 32px; display: inline-grid; place-items: center; padding: 0; color: var(--muted); background: transparent; border: 1px solid var(--line); border-radius: 8px; }
.icon-button:hover, .icon-button.is-favorite { color: var(--teal-deep); background: var(--teal-soft); border-color: #b9d9d3; }
.icon-button.is-favorite { color: #9a6b22; }
.icon-button.large { width: 37px; height: 37px; font-size: 18px; }
.icon { display: inline-block; line-height: 1; }

.pipeline-hero { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 26px 29px; margin-bottom: 16px; background: #e8f1ed; border: 1px solid #d4e2dc; border-inline-start: 5px solid var(--teal); border-radius: var(--radius-lg); }
.pipeline-hero h1 { margin: 5px 0 4px; }
.pipeline-hero p { max-width: 640px; margin: 0; color: var(--ink-soft); font-size: 14px; }
.hero-note { min-width: 265px; display: flex; align-items: center; gap: 11px; padding: 12px 14px; background: rgba(255,255,255,.68); border: 1px solid #ccddd6; border-radius: 11px; }
.hero-note-mark { color: var(--teal-deep); font-family: var(--font-numeric); font-size: 23px; font-weight: 800; line-height: 1; }
.hero-note div { display: grid; gap: 1px; }
.hero-note strong { color: var(--navy); font-size: 12px; }
.hero-note span:last-child { color: var(--muted); font-size: 10px; line-height: 1.6; }
.pipeline-counters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 22px; }
.pipeline-counter { min-width: 0; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; align-items: center; gap: 0 12px; padding: 13px 15px; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 11px; text-align: right; box-shadow: 0 4px 14px rgba(23, 43, 47, .025); transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.pipeline-counter:hover { background: #fff; border-color: #b6d2cc; transform: translateY(-1px); }
.pipeline-counter.is-selected { background: #eef6f2; border-color: #a5cec6; }
.counter-label { color: var(--ink-soft); font-size: 11px; }
.pipeline-counter strong { grid-column: 2; grid-row: 1 / span 2; color: var(--navy); font-family: var(--font-numeric); font-size: 25px; line-height: 1; }
.pipeline-counter small { color: var(--muted); font-size: 9px; }
.pipeline-section, .companies-results, .companies-controls, .secondary-surface { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.pipeline-section { overflow: hidden; }
.pipeline-section-head, .results-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 21px 23px 17px; border-bottom: 1px solid var(--line-soft); }
.pipeline-section-head h2, .results-head h2 { margin: 4px 0 2px; font-size: 19px; line-height: 1.3; letter-spacing: -.03em; }
.pipeline-section-head p, .results-head p { margin: 2px 0 0; color: var(--muted); font-size: 11px; }
.segmented-control { display: flex; flex-wrap: wrap; gap: 3px; padding: 3px; background: #f0f2ed; border: 1px solid var(--line); border-radius: 9px; }
.segment-button { min-height: 32px; padding: 5px 11px; color: var(--muted); background: transparent; border: 0; border-radius: 6px; font-size: 10px; font-weight: 700; white-space: nowrap; }
.segment-button:hover { color: var(--navy); }
.segment-button.is-active { color: var(--navy); background: #fff; box-shadow: 0 2px 7px rgba(25, 43, 47, .08); }

.lead-list-head { display: grid; grid-template-columns: minmax(205px, 1.35fr) minmax(220px, 1.5fr) minmax(130px, .85fr) minmax(100px, .65fr) minmax(112px, .75fr) minmax(140px, .9fr) minmax(190px, 1.2fr); gap: 14px; align-items: center; padding: 11px 18px; color: var(--muted); background: #f7f7f2; border-bottom: 1px solid var(--line-soft); font-size: 10px; }
.lead-list-head span:nth-child(4) { grid-column: 4 / span 2; text-align: center; }
.lead-list-head span:nth-child(6) { grid-column: 6; }
.lead-list { min-width: 0; }
.lead-row { display: grid; grid-template-columns: minmax(205px, 1.35fr) minmax(220px, 1.5fr) minmax(130px, .85fr) minmax(100px, .65fr) minmax(112px, .75fr) minmax(140px, .9fr) minmax(190px, 1.2fr); gap: 14px; align-items: center; padding: 16px 18px; border-bottom: 1px solid var(--line-soft); transition: background .18s ease, box-shadow .18s ease; }
.lead-row:last-child { border-bottom: 0; }
.lead-row:hover { background: #fcfdf9; box-shadow: inset 3px 0 0 var(--teal); }
.lead-row.is-selected { background: #f0f7f3; box-shadow: inset 3px 0 0 var(--teal); }
.lead-identity, .lead-opportunity, .lead-status, .lead-score, .lead-evidence, .lead-next { min-width: 0; }
.lead-title-line { display: flex; align-items: center; gap: 7px; min-width: 0; }
.company-open { min-width: 0; padding: 0; color: var(--navy); background: transparent; border: 0; text-align: right; }
.company-open:hover .company-name { color: var(--teal-deep); }
.company-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 800; line-height: 1.4; }
.company-name-en { display: block; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-family: var(--font-ui); font-size: 9px; font-weight: 400; }
.lead-subline { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 5px 8px; margin-top: 5px; color: var(--muted); font-size: 10px; }
.lead-subline > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lead-identity > .domain { display: block; max-width: 100%; margin-top: 5px; overflow: hidden; color: var(--teal-deep); font-family: var(--font-numeric); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; direction: ltr; text-align: right; }
.field-label { display: block; margin-bottom: 4px; color: var(--muted-2); font-size: 9px; line-height: 1.35; }
.lead-opportunity strong { display: block; color: var(--ink); font-size: 12px; line-height: 1.7; }
.lead-status { display: grid; justify-items: start; gap: 4px; }
.lead-score, .lead-evidence { display: grid; justify-items: start; align-content: center; }
.lead-score strong, .lead-evidence strong { color: var(--navy); font-family: var(--font-numeric); font-size: 21px; line-height: 1; }
.lead-evidence strong { color: var(--teal-deep); }
.lead-score small, .lead-evidence small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.lead-next { padding-inline-start: 11px; border-inline-start: 1px solid var(--line); }
.lead-next strong { display: block; color: var(--ink-soft); font-size: 10px; line-height: 1.6; }
.lead-next.action-ready strong, .lead-next.action-approved strong { color: var(--teal-deep); }
.lead-next.action-research strong { color: var(--amber); }
.lead-next.action-follow-up strong { color: var(--lavender); }
.lead-next.action-rejected strong { color: var(--rose); }
.lead-actions { display: flex; align-items: center; justify-content: flex-start; gap: 5px; min-width: 0; }
.compare-toggle { min-height: 30px; padding: 5px 8px; color: var(--muted); background: transparent; border: 1px solid var(--line); border-radius: 7px; font-size: 9px; white-space: nowrap; }
.compare-toggle:hover, .compare-toggle.is-active { color: var(--teal-deep); background: var(--teal-soft); border-color: #acd1ca; }
.row-open { min-width: 0; padding: 4px 0; overflow: hidden; color: var(--teal-deep); background: transparent; border: 0; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 700; }
.row-open:hover { color: var(--navy); text-decoration: underline; text-underline-offset: 4px; }
.row-open .icon { margin-inline-start: 3px; font-size: 14px; }

.badge, .tier-badge, .wave-badge, .muted-badge, .workflow-badge, .review-badge { width: fit-content; min-height: 21px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 2px 7px; border-radius: 5px; white-space: nowrap; font-size: 9px; line-height: 1.25; }
.badge { border: 1px solid transparent; }
.badge-dot { width: 5px; height: 5px; display: inline-block; border-radius: 50%; background: currentColor; }
.status-ready { color: #216f65; background: #e1f2ed; border-color: #c7e5dd; }
.status-discovery { color: var(--amber); background: var(--amber-soft); border-color: #ead8bb; }
.status-not-ready { color: #6d7779; background: #eef0ed; border-color: #e0e5e1; }
.status-unknown { color: #6d7779; background: #f2f3ef; border-color: #e3e5df; }
.tier-a { color: #7b4d1e; background: var(--amber-soft); }
.tier-b { color: #276f6b; background: var(--teal-soft); }
.tier-c, .tier-d { color: #687579; background: #edf0ee; }
.tier-reject { color: #81535a; background: var(--rose-soft); }
.tier-unknown { color: var(--muted); background: #f1f2ee; }
.wave-badge { color: #456477; background: #edf2f5; font-family: var(--font-numeric); }
.muted-badge { color: var(--muted-2); background: #f3f3ef; }
.workflow-badge { color: var(--teal-deep); background: #e8f3ef; }
.workflow-strong_hypothesis { color: #246d67; background: #e3f1ec; }
.workflow-weak_hypothesis { color: var(--amber); background: var(--amber-soft); }
.workflow-unsupported { color: #7b686b; background: #f3ebeb; }
.workflow-unknown { color: var(--muted); background: #f0f2ee; }
.review-badge { border: 1px solid transparent; }
.review-unreviewed { color: #6d797a; background: #eef1ef; border-color: #e0e6e2; }
.review-approved { color: var(--teal-deep); background: var(--teal-soft); border-color: #c6e2db; }
.review-research { color: var(--amber); background: var(--amber-soft); border-color: #ead8bb; }
.review-rejected { color: var(--rose); background: var(--rose-soft); border-color: #ebcfd2; }
.review-later { color: var(--lavender); background: #ececf5; border-color: #d9daeb; }
.unknown-value { color: var(--muted-2); font-weight: 400; }
.cell-wrap { display: block; overflow: hidden; text-overflow: ellipsis; }

.pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 18px; color: var(--muted); border-top: 1px solid var(--line-soft); font-family: var(--font-numeric); font-size: 10px; }
.pagination-buttons { display: flex; align-items: center; gap: 4px; }
.page-button { min-width: 31px; height: 30px; padding: 4px 7px; color: var(--muted); background: #fff; border: 1px solid var(--line); border-radius: 7px; font-size: 10px; }
.page-button:hover:not(:disabled), .page-button.is-active { color: var(--navy); background: var(--teal-soft); border-color: #afd2cc; }
.page-button:disabled { opacity: .45; cursor: not-allowed; }
.page-gap { padding: 0 3px; color: var(--muted-2); }

.companies-intro, .secondary-intro { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 24px 27px; margin-bottom: 16px; color: #eaf4f1; background: var(--navy); border-radius: var(--radius-lg); }
.companies-intro h1, .secondary-intro h1 { color: #fff; }
.companies-intro p, .secondary-intro p { max-width: 690px; margin: 0; color: #b4cfca; font-size: 13px; }
.companies-intro .eyebrow, .secondary-intro .eyebrow { color: #8bd0c4; }
.page-intro-meta { min-width: 116px; display: grid; justify-items: center; gap: 0; padding: 11px 14px; color: #b8d1cc; background: rgba(255,255,255,.08); border: 1px solid rgba(205, 237, 231, .15); border-radius: 10px; text-align: center; }
.page-intro-meta strong { color: #fff; font-family: var(--font-numeric); font-size: 24px; line-height: 1.1; }
.page-intro-meta span { font-size: 9px; }
.companies-controls { padding: 17px; margin-bottom: 16px; }
.companies-search { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.explorer-search { flex: 1; height: 42px; padding: 0 12px; }
.result-count { flex: 0 0 auto; color: var(--muted); font-family: var(--font-numeric); font-size: 10px; white-space: nowrap; }
.primary-filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.filter-field { min-width: 0; display: grid; gap: 4px; }
.filter-field > span { color: var(--muted); font-size: 9px; }
.filter-field select, .filter-field input { width: 100%; min-height: 37px; padding: 6px 9px; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 7px; outline: 0; font-size: 11px; }
.filter-field select:focus, .filter-field input:focus { border-color: #83b9b2; box-shadow: 0 0 0 3px rgba(25, 123, 117, .08); }
.filter-field input { font-family: var(--font-numeric); }
.advanced-filters { margin-top: 12px; border-top: 1px solid var(--line-soft); }
.advanced-filters summary { display: inline-flex; align-items: center; gap: 6px; padding: 11px 3px 2px; color: var(--teal-deep); cursor: pointer; list-style: none; font-size: 11px; font-weight: 700; }
.advanced-filters summary::-webkit-details-marker { display: none; }
.advanced-filters summary .icon { font-size: 17px; }
.advanced-filters summary b { padding: 2px 6px; color: var(--amber); background: var(--amber-soft); border-radius: 5px; font-size: 9px; font-weight: 500; }
.advanced-filter-content { display: grid; gap: 13px; padding: 13px 3px 3px; }
.filter-grid, .range-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.range-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.check-grid { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 4px 0; }
.check-field { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-soft); font-size: 10px; }
.check-field input { accent-color: var(--teal); }
.advanced-filter-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 5px; color: var(--muted); border-top: 1px solid var(--line-soft); font-size: 9px; }
.results-head { padding: 18px 20px 14px; }
.results-actions { display: flex; align-items: center; gap: 11px; }
.compare-hint { color: var(--muted); font-size: 10px; }
.companies-results { overflow: hidden; }

.secondary-page .page-intro { margin-bottom: 16px; }
.secondary-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-bottom: 14px; }
.secondary-metrics > div { display: grid; gap: 2px; padding: 13px 15px; background: var(--paper); border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow); }
.secondary-metrics strong { color: var(--navy); font-family: var(--font-numeric); font-size: 21px; line-height: 1.1; }
.secondary-metrics span { color: var(--muted); font-size: 10px; }
.secondary-tabs { margin-bottom: 12px; }
.secondary-surface { overflow: hidden; }
.evidence-list-head { grid-template-columns: minmax(220px, 1.4fr) minmax(160px, 1fr) minmax(125px, .7fr) minmax(170px, 1fr) minmax(100px, .65fr); }
.evidence-row { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(160px, 1fr) minmax(125px, .7fr) minmax(170px, 1fr) minmax(100px, .65fr); gap: 14px; align-items: center; padding: 14px 18px; border-bottom: 1px solid var(--line-soft); }
.evidence-row:last-child, .review-row:last-child { border-bottom: 0; }
.evidence-row > div, .review-row > div { min-width: 0; }
.evidence-company { display: grid; gap: 2px; }
.evidence-company > span, .evidence-row small, .review-row small { display: block; color: var(--muted); font-size: 9px; }
.evidence-row > div:not(.evidence-company) { display: grid; gap: 2px; }
.evidence-row > div:not(.evidence-company) strong { color: var(--navy); font-family: var(--font-numeric); font-size: 16px; line-height: 1.2; }
.review-tabs { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px; }
.review-tab { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 5px 10px; color: var(--muted); background: var(--paper); border: 1px solid var(--line); border-radius: 7px; font-size: 10px; }
.review-tab b { color: var(--navy); font-family: var(--font-numeric); font-size: 11px; }
.review-tab:hover, .review-tab.is-active { color: var(--navy); background: var(--teal-soft); border-color: #b4d5cf; }
.review-row { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(200px, 1.3fr) minmax(160px, 1fr) minmax(140px, .8fr); gap: 14px; align-items: center; padding: 15px 18px; border-bottom: 1px solid var(--line-soft); }
.review-company { display: grid; gap: 3px; }
.review-row > div:not(.review-company):not(.review-row-actions) { display: grid; gap: 3px; }
.review-row > div strong { color: var(--ink); font-size: 11px; }
.note-preview { margin: 3px 0 0; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
.review-row-actions { display: flex; align-items: center; justify-content: flex-start; gap: 6px; }
.compare-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: 14px; }
.compare-score-surface { overflow: hidden; }
.compare-scroll { overflow-x: auto; }
.compare-company-head, .compare-metric-row { display: grid; grid-template-columns: 150px repeat(4, minmax(145px, 1fr)); min-width: 730px; }
.compare-company-head > div, .compare-metric-row > * { min-width: 0; padding: 13px 12px; border-inline-start: 1px solid var(--line-soft); }
.compare-company-head > div:first-child, .compare-metric-row > span:first-child { border-inline-start: 0; }
.compare-company-head { background: #f7f7f2; border-bottom: 1px solid var(--line); }
.compare-label, .compare-metric-label { color: var(--muted); font-size: 10px; }
.compare-company { position: relative; display: grid; gap: 3px; }
.compare-company > span { color: var(--muted); font-size: 9px; }
.remove-compare { position: absolute; top: 3px; left: 2px; color: var(--muted); background: transparent; border: 0; font-size: 16px; }
.compare-metric-row { border-bottom: 1px solid var(--line-soft); }
.compare-metric-value { display: grid; gap: 6px; align-content: center; }
.compare-metric-value strong { color: var(--navy); font-family: var(--font-numeric); font-size: 16px; }
.compare-mini-track { height: 5px; overflow: hidden; background: #e5ebe7; border-radius: 5px; direction: ltr; }
.compare-mini-track i { height: 100%; display: block; background: var(--teal); border-radius: inherit; }
.compare-insight-surface { padding-bottom: 8px; overflow: hidden; }
.compare-insight-surface .section-heading { border-bottom: 1px solid var(--line-soft); }
.compare-insight { padding: 14px 18px; border-bottom: 1px solid var(--line-soft); }
.compare-insight:last-child { border-bottom: 0; }
.compare-insight-head { display: flex; align-items: start; justify-content: space-between; gap: 8px; }
.compare-insight-lines { display: grid; gap: 7px; margin-top: 10px; }
.compare-insight-lines > div { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.compare-insight-lines span { color: var(--muted); font-size: 9px; }
.compare-insight-lines strong { max-width: 70%; color: var(--ink); text-align: left; font-size: 10px; }

.workspace-header { padding: 20px 25px 16px; margin-bottom: 16px; color: #edf8f5; background: var(--navy); border-radius: var(--radius-lg); box-shadow: 0 12px 26px rgba(8, 35, 45, .08); }
.detail-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; color: #9ebcb8; font-size: 10px; }
.back-button { display: inline-flex; align-items: center; gap: 5px; padding: 0; color: #c5dfda; background: transparent; border: 0; font-size: 10px; }
.back-button:hover { color: #fff; }
.back-button .icon { font-size: 15px; }
.workspace-head-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.workspace-identity { min-width: 0; }
.workspace-identity .eyebrow { color: #8bd0c4; }
.workspace-identity h1 { margin: 5px 0 0; color: #fff; font-size: clamp(25px, 3.3vw, 38px); }
.workspace-identity .company-name { overflow: visible; white-space: normal; }
.workspace-identity .company-name-en { margin-top: 3px; color: #a5c5c0; font-size: 10px; }
.workspace-english { margin: 2px 0 0; color: #a5c5c0; font-size: 10px; }
.workspace-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 9px; color: #b8d0cc; font-size: 10px; }
.workspace-meta > span + span { position: relative; padding-inline-start: 12px; }
.workspace-meta > span + span::before { content: ""; position: absolute; inset-inline-start: 0; top: 50%; width: 3px; height: 3px; background: #79ada5; border-radius: 50%; }
.workspace-meta .domain { color: #b3e0d7; font-family: var(--font-numeric); overflow-wrap: anywhere; }
.workspace-status { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }
.workspace-actions { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; }
.workspace-actions .button-light { color: var(--navy); }
.workspace-actions .icon-button { color: #d2e7e2; border-color: rgba(206, 235, 230, .26); }
.workspace-actions .icon-button:hover, .workspace-actions .icon-button.is-favorite { color: #fff; background: rgba(255,255,255,.12); border-color: rgba(206, 235, 230, .46); }
.primary-indicators { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-width: 470px; margin-top: 19px; }
.primary-score { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; gap: 0 10px; padding: 10px 12px; background: rgba(255,255,255,.075); border: 1px solid rgba(213, 239, 234, .15); border-radius: 9px; }
.primary-score span { color: #b5d1cb; font-size: 10px; }
.primary-score strong { grid-column: 2; grid-row: 1 / span 2; color: #fff; font-family: var(--font-numeric); font-size: 25px; line-height: 1.05; }
.primary-score small { color: #86b1aa; font-size: 8px; }
.primary-score.evidence-score strong { color: #8bd0c4; }
.workspace-lead-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 360px); gap: 16px; align-items: start; }
.workspace-primary, .workspace-side, .workspace-secondary { min-width: 0; display: grid; gap: 16px; }
.workspace-card, .decision-panel { min-width: 0; overflow: hidden; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 17px 20px 13px; border-bottom: 1px solid var(--line-soft); }
.section-heading > div:first-child { min-width: 0; flex: 1; }
.section-heading h2 { margin: 4px 0 2px; font-size: 18px; line-height: 1.45; letter-spacing: -.03em; }
.section-heading p { max-width: 670px; margin: 3px 0 0; color: var(--muted); font-size: 10px; line-height: 1.75; }
.section-heading > .workflow-badge, .section-heading > .text-button { flex: 0 0 auto; margin-top: 10px; }
.opportunity-card .section-heading h2 { font-size: 21px; }
.opportunity-card .section-heading .eyebrow { color: var(--teal); }
.opportunity-card .section-heading > .workflow-badge { margin-top: 9px; }
.opportunity-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.opportunity-body > div { padding: 17px 20px 20px; }
.opportunity-body > div + div { border-inline-start: 1px solid var(--line-soft); }
.field-label { color: var(--muted); }
.opportunity-body p { margin: 4px 0 0; color: var(--ink-soft); font-size: 12px; line-height: 2; }
.confidence-line { display: inline-flex; align-items: center; gap: 4px; margin-top: 9px; color: var(--muted); font-size: 10px; }
.confidence-line strong { color: var(--teal-deep); font-family: var(--font-numeric); }
.unknown-panel { margin: 15px 20px 20px; padding: 13px 14px; color: var(--muted); background: #f3f4f0; border: 1px dashed #d4d9d4; border-radius: 8px; font-size: 11px; line-height: 1.9; }
.reason-list { padding: 5px 20px 15px; }
.reason-item { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; padding: 13px 0; border-bottom: 1px solid var(--line-soft); }
.reason-item:last-child { border-bottom: 0; }
.reason-index { width: 25px; height: 25px; display: grid; place-items: center; color: var(--teal-deep); background: var(--teal-soft); border-radius: 7px; font-family: var(--font-numeric); font-size: 11px; }
.reason-item strong { display: block; color: var(--ink); font-size: 11px; font-weight: 600; line-height: 1.8; }
.reason-item small { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; }
.decision-panel { color: #eff9f6; background: var(--navy); border-color: var(--navy); }
.decision-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 18px 18px 13px; }
.decision-panel .eyebrow { color: #8bd0c4; }
.decision-panel h2 { margin: 4px 0 2px; color: #fff; font-size: 18px; }
.decision-panel p { margin: 2px 0 0; color: #a6c4bf; font-size: 10px; }
.decision-panel-head > .review-badge { margin-top: 4px; }
.decision-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; padding: 0 18px 16px; }
.decision-action { min-height: 42px; padding: 7px 8px; color: #d5e7e3; background: rgba(255,255,255,.06); border: 1px solid rgba(215, 239, 234, .15); border-radius: 8px; text-align: right; font-size: 10px; font-weight: 700; transition: background .18s ease, border-color .18s ease, color .18s ease; }
.decision-action:hover { color: #fff; background: rgba(255,255,255,.12); border-color: rgba(215, 239, 234, .34); }
.decision-action.is-active { color: #fff; background: rgba(64, 169, 151, .32); border-color: #6bc2b3; }
.decision-action.quick-research { color: #f0d6a9; }
.decision-action.quick-reject { color: #edc1c7; }
.decision-notes { margin: 0 18px 18px; border-top: 1px solid rgba(215, 239, 234, .14); }
.decision-notes summary { display: flex; align-items: center; gap: 6px; padding: 11px 0 1px; color: #b7d4cf; cursor: pointer; list-style: none; font-size: 10px; }
.decision-notes summary::-webkit-details-marker { display: none; }
.decision-notes summary .icon { color: #8bd0c4; }
.decision-notes summary b { margin-inline-start: auto; color: #8bd0c4; font-size: 8px; font-weight: 400; }
.decision-notes-body { display: grid; gap: 9px; padding: 11px 0 0; }
.decision-notes-body label { display: grid; gap: 4px; color: #a6c4bf; font-size: 9px; }
.decision-notes-body select, .decision-notes-body textarea { width: 100%; color: var(--ink); background: #f9fbf8; border: 1px solid transparent; border-radius: 7px; outline: 0; font-size: 10px; }
.decision-notes-body select { min-height: 34px; padding: 5px 8px; }
.decision-notes-body textarea { min-height: 84px; padding: 8px; resize: vertical; line-height: 1.8; }
.decision-notes-body select:focus, .decision-notes-body textarea:focus { border-color: #75bcb0; box-shadow: 0 0 0 3px rgba(117, 188, 176, .14); }
.decision-notes-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #84aaa4; font-size: 8px; }
.decision-notes-footer .button { min-height: 32px; padding: 5px 9px; font-size: 10px; }
.contacts-card .section-heading { padding-bottom: 12px; }
.contact-grid { padding: 4px 20px 12px; }
.contact-row { display: grid; grid-template-columns: 82px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 43px; border-bottom: 1px solid var(--line-soft); }
.contact-row:last-child { border-bottom: 0; }
.contact-row > span:first-child { color: var(--muted); font-size: 10px; }
.contact-value { min-width: 0; overflow-wrap: anywhere; color: var(--teal-deep); font-size: 10px; }
.contact-value a { overflow-wrap: anywhere; }
.contact-value.ltr { font-family: var(--font-numeric); text-align: right; }
.copy-button { width: 26px; height: 26px; display: grid; place-items: center; padding: 0; color: var(--teal); background: var(--teal-soft); border: 0; border-radius: 6px; }
.copy-button:hover { color: #fff; background: var(--teal); }
.contact-list-details summary { display: flex; align-items: center; justify-content: space-between; gap: 7px; cursor: pointer; list-style: none; }
.contact-list-details summary::-webkit-details-marker { display: none; }
.contact-preview { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contact-count { flex: 0 0 auto; color: var(--muted); font-size: 8px; }
.contact-list-more { display: grid; gap: 5px; padding: 8px; margin-top: 6px; background: #f1f6f3; border-radius: 6px; font-size: 9px; }

.workspace-secondary { margin-top: 16px; }
.workspace-disclosure { overflow: hidden; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.workspace-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 21px; color: var(--ink); cursor: pointer; list-style: none; }
.workspace-disclosure > summary::-webkit-details-marker { display: none; }
.workspace-disclosure > summary:hover { background: #fcfdf9; }
.workspace-disclosure > summary > div { min-width: 0; }
.workspace-disclosure > summary h2 { margin: 3px 0 1px; color: var(--navy); font-size: 17px; }
.workspace-disclosure > summary p { margin: 0; color: var(--muted); font-size: 10px; }
.disclosure-chevron { flex: 0 0 auto; color: var(--teal); font-size: 22px; line-height: 1; transition: transform .18s ease; }
.workspace-disclosure[open] > summary { border-bottom: 1px solid var(--line-soft); }
.workspace-disclosure[open] .disclosure-chevron { transform: rotate(180deg); }
.disclosure-content { padding: 0 20px 22px; }
.disclosure-lead { margin: 16px 0; color: var(--ink-soft); font-size: 12px; }
.evidence-intro { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 0 13px; border-bottom: 1px solid var(--line-soft); }
.evidence-intro p { margin: 0; color: var(--muted); font-size: 10px; }
.evidence-family-count { flex: 0 0 auto; color: var(--teal-deep); font-family: var(--font-numeric); font-size: 10px; }
.evidence-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; padding: 16px 0; }
.evidence-card { min-width: 0; padding: 13px; background: #fbfcf8; border: 1px solid var(--line-soft); border-radius: 9px; }
.evidence-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.evidence-class, .evidence-confidence { color: var(--muted); font-size: 9px; }
.evidence-class { padding: 3px 6px; color: var(--teal-deep); background: var(--teal-soft); border-radius: 5px; }
.evidence-strong-inference { color: var(--amber); background: var(--amber-soft); }
.evidence-weak-inference { color: #7b686b; background: #f3ebeb; }
.evidence-unknown { color: var(--muted); background: #f0f2ee; }
.evidence-card h3 { margin: 9px 0 5px; color: var(--ink); font-size: 11px; font-weight: 700; line-height: 1.8; }
.evidence-card blockquote { margin: 8px 0; padding: 7px 9px; color: var(--muted); background: #f4f2eb; border-inline-start: 2px solid #c9d6d0; border-radius: 4px; font-size: 9px; line-height: 1.75; }
.evidence-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 8px; color: var(--muted); border-top: 1px solid var(--line-soft); font-size: 9px; }
.evidence-source-link, .source-url { max-width: 56%; overflow: hidden; color: var(--teal-deep); text-overflow: ellipsis; white-space: nowrap; direction: ltr; }
.evidence-source-link:hover, .source-url:hover { text-decoration: underline; text-underline-offset: 3px; }
.evidence-expand { margin-bottom: 15px; }
.visual-evidence, .source-family-list, .stored-files { padding-top: 16px; border-top: 1px solid var(--line-soft); }
.subsection-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.subsection-head h3 { margin: 3px 0 0; color: var(--navy); font-size: 14px; }
.subsection-head > span { color: var(--muted); font-family: var(--font-numeric); font-size: 9px; }
.screenshot-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.screenshot-tile { min-width: 0; padding: 0; overflow: hidden; color: var(--ink); background: #edf2ee; border: 1px solid var(--line); border-radius: 8px; text-align: right; }
.screenshot-tile:hover { border-color: #92bdb5; box-shadow: 0 4px 13px rgba(20, 55, 57, .11); }
.screenshot-tile img { width: 100%; height: 105px; object-fit: cover; border-bottom: 1px solid var(--line); }
.screenshot-tile > span { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px; padding: 7px; }
.screenshot-tile strong { color: var(--teal-deep); font-family: var(--font-numeric); font-size: 10px; }
.screenshot-tile small { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-size: 8px; }
.source-family-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 16px; }
.source-family-list .subsection-head { grid-column: 1 / -1; margin-bottom: 0; }
.source-family-list article { min-width: 0; padding: 10px; background: #fbfcf8; border: 1px solid var(--line-soft); border-radius: 8px; }
.source-family-list article > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; }
.source-family-list article strong { overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.source-family-list article span, .source-family-list article small { color: var(--muted); font-size: 8px; }
.source-url-list { display: grid; gap: 3px; padding-top: 6px; margin-top: 6px; border-top: 1px solid var(--line-soft); }
.stored-files { margin-top: 16px; }
.stored-file-list { display: flex; flex-wrap: wrap; gap: 5px; }
.stored-file { max-width: 100%; padding: 5px 7px; overflow: hidden; color: var(--teal-deep); background: var(--teal-soft); border-radius: 5px; font-family: var(--font-numeric); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; direction: ltr; }

.material-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; padding: 16px 0; }
.material-card { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 12px; background: #fbfcf8; border: 1px solid var(--line-soft); border-radius: 9px; }
.material-card.is-active { background: #eef6f2; border-color: #a9d0c8; }
.material-card.is-unavailable { opacity: .58; }
.material-card > div { min-width: 0; display: grid; grid-template-columns: 23px minmax(0, 1fr); gap: 0 7px; align-items: center; }
.material-icon { grid-row: 1 / span 2; width: 22px; height: 22px; display: grid; place-items: center; color: var(--teal); background: var(--teal-soft); border-radius: 6px; }
.material-card strong { overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.material-card small { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-size: 8px; }
.material-card .button { min-height: 30px; padding: 5px 8px; font-size: 9px; }
.material-viewer { min-height: 180px; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 9px; }
.material-placeholder, .material-loading { min-height: 210px; display: grid; place-content: center; justify-items: center; gap: 8px; padding: 25px; color: var(--muted); text-align: center; }
.material-placeholder > span { width: 40px; height: 40px; display: grid; place-items: center; color: var(--teal); background: var(--teal-soft); border-radius: 9px; font-size: 21px; }
.material-placeholder h3 { max-width: 730px; margin: 0; color: var(--ink); font-family: var(--font-numeric); font-size: 10px; direction: ltr; overflow-wrap: anywhere; }
.material-placeholder p { margin: 0; font-size: 10px; }
.material-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; color: var(--muted); background: #f3f6f2; border-bottom: 1px solid var(--line); font-family: var(--font-numeric); font-size: 8px; }
.material-meta > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.material-meta .text-button { direction: rtl; font-family: var(--font-ui); }
.loading-line { width: min(360px, 80vw); height: 8px; display: block; background: #e6efeb; border-radius: 5px; }
.loading-line.short { width: min(230px, 55vw); }
.markdown-body { max-width: 920px; padding: 22px 25px 30px; color: var(--ink-soft); direction: rtl; text-align: right; }
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 { margin: 1.1em 0 .45em; color: var(--navy); line-height: 1.45; }
.markdown-body h1 { font-size: 21px; }
.markdown-body h2 { padding-bottom: 5px; border-bottom: 1px solid var(--line); font-size: 17px; }
.markdown-body h3 { font-size: 14px; }
.markdown-body h4 { font-size: 12px; }
.markdown-body p, .markdown-body li { font-size: 11px; line-height: 2; }
.markdown-body ul, .markdown-body ol { padding-right: 20px; }
.markdown-body blockquote { margin: 13px 0; padding: 8px 12px; color: #6f5b3d; background: #fbf4e9; border-inline-start: 3px solid #d9ac6e; border-radius: 5px; }
.markdown-body a { color: var(--teal-deep); text-decoration: underline; text-underline-offset: 3px; }
.markdown-body code { padding: 2px 4px; color: var(--navy); background: #e8efec; border-radius: 4px; font-size: 10px; direction: ltr; }
.markdown-body hr { margin: 20px 0; border: 0; border-top: 1px solid var(--line); }
.demo-strip { display: flex; align-items: center; gap: 12px; padding: 13px; margin-top: 13px; color: var(--ink); background: #edf5f1; border: 1px solid #d5e6df; border-radius: 9px; }
.demo-strip > div { min-width: 0; display: grid; gap: 1px; margin-inline-end: auto; }
.demo-strip strong { font-size: 11px; }
.demo-strip small { color: var(--muted); font-size: 8px; }
.demo-strip .text-button { font-size: 9px; white-space: nowrap; }

.research-details-content { display: grid; gap: 20px; padding-top: 17px; }
.research-block { min-width: 0; padding-top: 1px; }
.research-block + .research-block { padding-top: 19px; border-top: 1px solid var(--line-soft); }
.research-block-head { margin-bottom: 10px; }
.research-block-head h3 { margin: 3px 0 0; color: var(--navy); font-size: 15px; }
.profile-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line-soft); border-inline-start: 1px solid var(--line-soft); }
.profile-field { min-width: 0; display: grid; gap: 4px; padding: 11px 12px; border-inline-end: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.profile-field > span { color: var(--muted); font-size: 9px; }
.profile-field > strong { min-width: 0; color: var(--ink); font-size: 10px; font-weight: 600; line-height: 1.75; overflow-wrap: anywhere; }
.inline-list { display: flex; flex-wrap: wrap; gap: 4px; }
.inline-list span { padding: 2px 5px; color: var(--teal-deep); background: var(--teal-soft); border-radius: 4px; font-size: 8px; }
.address-strip { display: flex; flex-wrap: wrap; gap: 5px; padding-top: 12px; color: var(--muted); font-size: 9px; }
.address-strip > span { padding: 4px 6px; background: #f1f4f0; border-radius: 4px; }
.workflow-detail-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line-soft); border-inline-start: 1px solid var(--line-soft); }
.workflow-detail-grid > div { min-width: 0; padding: 11px 12px; border-inline-end: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.workflow-detail-grid > div > span { display: block; color: var(--muted); font-size: 9px; }
.workflow-detail-grid > div > strong, .workflow-detail-grid > div > p { display: block; margin: 4px 0 0; color: var(--ink); font-size: 10px; line-height: 1.8; }
.workflow-detail-grid ul { padding: 0 14px 0 0; margin: 5px 0 0; color: var(--ink-soft); font-size: 9px; }
.discovery-box { padding: 11px 13px; margin-top: 11px; color: var(--ink-soft); background: #f1f6f3; border-radius: 7px; font-size: 10px; }
.discovery-box > span { color: var(--teal-deep); font-weight: 700; }
.discovery-box ul { margin-bottom: 0; }
.decision-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.decision-role { min-width: 0; display: grid; gap: 5px; padding: 11px; background: #fbfcf8; border: 1px solid var(--line-soft); border-radius: 8px; }
.decision-role > div { display: flex; align-items: center; justify-content: space-between; gap: 5px; }
.decision-role > div span { color: var(--muted); font-size: 9px; }
.decision-role > div small { color: var(--teal-deep); font-size: 8px; }
.decision-role strong { color: var(--ink); font-size: 11px; }
.decision-role p { min-height: 27px; margin: 0; color: var(--ink-soft); font-size: 9px; }
.decision-role footer { padding-top: 5px; border-top: 1px solid var(--line-soft); font-size: 8px; }
.score-disclosure { margin-top: 16px; border-top: 1px solid var(--line-soft); }
.score-disclosure summary { display: flex; align-items: center; gap: 7px; padding: 11px 0 0; color: var(--teal-deep); cursor: pointer; list-style: none; font-size: 10px; font-weight: 700; }
.score-disclosure summary::-webkit-details-marker { display: none; }
.score-disclosure summary .icon { font-size: 16px; }
.score-disclosure summary small { margin-inline-start: auto; color: var(--muted); font-size: 8px; font-weight: 400; }
.score-detail-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; padding-top: 10px; }
.score-detail-grid > div { display: grid; gap: 2px; padding: 8px; background: #f5f6f1; border-radius: 6px; }
.score-detail-grid span { color: var(--muted); font-size: 8px; }
.score-detail-grid strong { color: var(--navy); font-family: var(--font-numeric); font-size: 13px; }
.history-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding-top: 17px; }
.history-grid > div { display: grid; gap: 3px; padding: 11px; background: #fbfcf8; border: 1px solid var(--line-soft); border-radius: 8px; }
.history-grid span, .raw-facts span { color: var(--muted); font-size: 9px; }
.history-grid strong { color: var(--navy); font-family: var(--font-numeric); font-size: 15px; }
.history-grid small { color: var(--teal-deep); font-size: 8px; }
.raw-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding-top: 13px; margin-top: 14px; border-top: 1px solid var(--line-soft); }
.raw-facts > div { min-width: 0; }
.raw-facts p { margin: 3px 0 0; color: var(--ink-soft); font-size: 9px; overflow-wrap: anywhere; }

.empty-state { min-height: 180px; display: grid; place-content: center; justify-items: center; gap: 5px; padding: 25px; color: var(--muted); text-align: center; }
.empty-mark { width: 31px; height: 31px; display: grid; place-items: center; color: var(--teal-deep); background: var(--teal-soft); border-radius: 8px; font-family: var(--font-numeric); font-size: 17px; }
.empty-state h3 { margin: 2px 0 0; color: var(--ink); font-size: 13px; }
.empty-state p { max-width: 480px; margin: 0 0 7px; font-size: 10px; }

.compare-dock { position: fixed; right: 22px; bottom: 18px; z-index: 12; display: flex; align-items: center; gap: 10px; max-width: min(780px, calc(100vw - 44px)); padding: 9px 11px; color: #ddf0eb; background: rgba(8, 35, 45, .97); border: 1px solid rgba(141, 210, 198, .28); border-radius: 10px; box-shadow: var(--shadow-deep); }
.compare-dock > span { flex: 0 0 auto; font-size: 10px; white-space: nowrap; }
.compare-dock > span strong { color: #8bd0c4; font-family: var(--font-numeric); font-size: 14px; }
.compare-dock > div { min-width: 0; display: flex; gap: 4px; overflow: hidden; }
.compare-dock > div button { max-width: 140px; overflow: hidden; padding: 4px 6px; color: #c3dcd7; background: rgba(255,255,255,.08); border: 0; border-radius: 5px; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
.compare-dock .button { min-height: 30px; padding-block: 4px; white-space: nowrap; }
.palette-backdrop, .lightbox-backdrop, .file-viewer-backdrop { position: fixed; inset: 0; z-index: 20; display: grid; place-items: start center; padding: 10vh 20px 20px; background: rgba(8, 35, 45, .56); backdrop-filter: blur(5px); }
.command-palette { width: min(620px, 100%); overflow: hidden; background: var(--paper); border: 1px solid #a7c4bd; border-radius: 13px; box-shadow: var(--shadow-deep); }
.palette-head { display: flex; align-items: center; gap: 9px; padding: 13px 15px; border-bottom: 1px solid var(--line); }
.palette-head > span { color: var(--teal); font-size: 20px; }
.palette-head input { width: 100%; padding: 4px 0; color: var(--ink); background: transparent; border: 0; outline: 0; font-size: 13px; }
.palette-results { max-height: 410px; overflow-y: auto; padding: 7px; }
.palette-result { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px; color: var(--ink); text-align: right; background: transparent; border: 0; border-radius: 8px; }
.palette-result:hover { background: var(--teal-soft); }
.palette-result > span:nth-child(2) { min-width: 0; flex: 1; display: grid; gap: 0; }
.palette-result strong { overflow: hidden; color: var(--navy); text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.palette-result small { color: var(--muted); font-size: 10px; }
.palette-result > .icon { color: var(--teal); }
.palette-avatar, .palette-command { width: 29px; height: 29px; display: grid; place-items: center; flex: 0 0 29px; color: var(--teal-deep); background: var(--teal-soft); border-radius: 7px; }
.palette-command { font-family: var(--font-numeric); }
.palette-footer { display: flex; justify-content: space-between; gap: 10px; padding: 9px 15px; color: var(--muted); background: #f2f5f1; border-top: 1px solid var(--line); font-size: 9px; }
.lightbox-backdrop { place-items: center; padding: 20px; }
.lightbox-dialog { width: min(940px, 100%); max-height: 90vh; display: grid; place-items: center; position: relative; padding: 13px; background: var(--navy-deep); border-radius: 12px; box-shadow: var(--shadow-deep); }
.lightbox-dialog img { max-height: 70vh; width: auto; max-width: 100%; object-fit: contain; border-radius: 6px; }
.lightbox-close { position: absolute; top: 8px; left: 9px; z-index: 1; width: 31px; height: 31px; color: #d9eeea; background: rgba(255,255,255,.1); border: 0; border-radius: 7px; font-size: 20px; }
.lightbox-caption { width: 100%; display: grid; gap: 2px; padding: 12px 3px 0; color: #c2d8d4; text-align: right; }
.lightbox-caption strong { color: white; font-size: 12px; }
.lightbox-caption span, .lightbox-caption small { font-size: 9px; }
.lightbox-caption small { direction: ltr; overflow-wrap: anywhere; }
.file-viewer-backdrop { place-items: center; padding: 26px; }
.file-viewer-dialog { width: min(980px, 100%); max-height: 90vh; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; background: var(--paper); border-radius: 12px; box-shadow: var(--shadow-deep); }
.file-viewer-dialog > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; border-bottom: 1px solid var(--line); }
.file-viewer-dialog h2 { max-width: 700px; margin: 3px 0 0; overflow: hidden; color: var(--navy); font-family: var(--font-numeric); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; direction: ltr; }
.file-viewer-actions { display: flex; align-items: center; gap: 8px; }
.file-viewer-body { overflow: auto; }
.toast { position: fixed; left: 22px; bottom: 20px; z-index: 30; max-width: min(430px, calc(100vw - 44px)); padding: 10px 14px; color: #eaf8f5; background: var(--navy); border: 1px solid rgba(133, 205, 195, .32); border-radius: 8px; box-shadow: var(--shadow-deep); font-size: 10px; animation: toast-in .2s ease both; }
@keyframes toast-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.app-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: 1460px; margin: 0 auto; padding: 0 clamp(18px, 4vw, 56px) 25px; color: var(--muted); font-size: 9px; }
.app-footer code { color: var(--teal-deep); direction: ltr; }

@media (max-width: 1180px) {
  .topbar { grid-template-columns: auto 1fr; gap: 14px 22px; }
  .brand-area { grid-column: 1; }
  .primary-nav { grid-column: 2; justify-content: flex-start; }
  .topbar-tools { grid-column: 1 / -1; justify-content: flex-start; }
  .topbar-tools .global-search { flex: 1; width: auto; max-width: 440px; }
  .workspace-lead-grid { grid-template-columns: minmax(0, 1fr) minmax(285px, 320px); }
  .lead-list-head, .lead-row { grid-template-columns: minmax(180px, 1.2fr) minmax(185px, 1.35fr) minmax(110px, .8fr) minmax(82px, .6fr) minmax(100px, .7fr) minmax(115px, .8fr) minmax(165px, 1.1fr); gap: 10px; }
  .lead-actions { flex-wrap: wrap; }
  .source-family-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  main { padding-top: 25px; }
  .pipeline-hero, .companies-intro, .secondary-intro { align-items: flex-start; flex-direction: column; }
  .hero-note { width: 100%; min-width: 0; }
  .workspace-lead-grid, .compare-layout { grid-template-columns: 1fr; }
  .workspace-side { order: -1; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
  .decision-panel, .contacts-card { min-width: 0; }
  .lead-list-head, .lead-row { grid-template-columns: minmax(180px, 1.2fr) minmax(170px, 1.2fr) minmax(110px, .75fr) minmax(82px, .6fr) minmax(100px, .7fr) minmax(120px, .85fr) minmax(150px, 1fr); }
  .primary-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .range-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .score-detail-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .profile-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .workflow-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .decision-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .screenshot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .material-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .topbar { padding: 10px 15px 11px; }
  .workspace-label, .brand-divider { display: none; }
  .primary-nav { gap: 2px; }
  .nav-item { padding-inline: 9px; font-size: 11px; }
  .nav-item small { display: none; }
  .topbar-tools { flex-wrap: wrap; }
  .topbar-tools .global-search { max-width: none; }
  .command-trigger span, .command-trigger kbd, .local-indicator { display: none; }
  .command-trigger { width: 40px; justify-content: center; padding: 0; }
  .secondary-menu summary span { display: none; }
  .secondary-menu-panel { right: 0; left: auto; }
  main { padding: 20px 14px 45px; }
  .pipeline-hero, .companies-intro, .secondary-intro { padding: 20px; }
  .pipeline-hero p, .companies-intro p, .secondary-intro p { font-size: 12px; }
  .pipeline-counters, .secondary-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pipeline-section-head, .results-head { align-items: flex-start; flex-direction: column; padding: 17px; }
  .segmented-control { width: 100%; }
  .segment-button { flex: 1 1 auto; }
  .lead-list-head { display: none; }
  .lead-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 11px; padding: 15px; }
  .lead-identity { grid-column: 1; grid-row: 1; }
  .lead-status { grid-column: 2; grid-row: 1; justify-items: end; }
  .lead-opportunity { grid-column: 1 / -1; grid-row: 2; padding-top: 13px; margin-top: 12px; border-top: 1px solid var(--line-soft); }
  .lead-score { grid-column: 1; grid-row: 3; padding-top: 12px; margin-top: 10px; border-top: 1px solid var(--line-soft); }
  .lead-evidence { grid-column: 2; grid-row: 3; justify-items: end; padding-top: 12px; margin-top: 10px; border-top: 1px solid var(--line-soft); }
  .lead-next { grid-column: 1 / -1; grid-row: 4; padding: 12px 0 0; margin-top: 10px; border-top: 1px solid var(--line-soft); border-inline-start: 0; }
  .lead-actions { grid-column: 1 / -1; grid-row: 5; justify-content: flex-start; padding-top: 12px; margin-top: 10px; border-top: 1px solid var(--line-soft); }
  .row-open { margin-inline-start: auto; }
  .companies-search { align-items: stretch; flex-direction: column; }
  .result-count { align-self: flex-start; }
  .advanced-filter-content { max-height: 64vh; overflow: auto; }
  .filter-grid, .range-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .advanced-filter-footer { align-items: flex-start; flex-direction: column; }
  .advanced-filters[open] { position: fixed; top: auto; right: 10px; bottom: 10px; left: 10px; z-index: 16; height: min(78vh, calc(100vh - 20px)); max-height: none; padding: 0 14px 12px; background: var(--paper); border: 1px solid var(--line-dark); border-radius: 12px; box-shadow: var(--shadow-deep); }
  .advanced-filters[open] summary { position: sticky; top: 0; z-index: 1; display: flex; padding-top: 13px; background: var(--paper); }
  .results-actions { align-items: flex-start; flex-direction: column; gap: 7px; }
  .workspace-header { padding: 17px 17px 14px; }
  .workspace-head-row { align-items: flex-start; flex-direction: column; gap: 13px; }
  .workspace-actions { width: 100%; justify-content: flex-start; }
  .primary-indicators { width: 100%; max-width: none; margin-top: 15px; }
  .workspace-side { grid-template-columns: 1fr; }
  .workspace-disclosure > summary { padding: 15px 16px; }
  .disclosure-content { padding-inline: 16px; }
  .section-heading { padding-inline: 16px; }
  .opportunity-body { grid-template-columns: 1fr; }
  .opportunity-body > div { padding-inline: 16px; }
  .opportunity-body > div + div { border-top: 1px solid var(--line-soft); border-inline-start: 0; }
  .evidence-card-grid, .material-card-grid, .decision-grid { grid-template-columns: 1fr; }
  .source-family-list { grid-template-columns: 1fr; }
  .source-family-list .subsection-head { grid-column: auto; }
  .screenshot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-detail-grid { grid-template-columns: 1fr; }
  .score-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .history-grid, .raw-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .evidence-intro { align-items: flex-start; flex-direction: column; }
  .demo-strip { align-items: flex-start; flex-wrap: wrap; }
  .demo-strip > div { width: 100%; margin-inline-end: 0; }
  .evidence-row, .review-row { grid-template-columns: minmax(0, 1fr) auto; gap: 9px; padding: 14px; }
  .evidence-list-head { display: none; }
  .evidence-row > div:not(.evidence-company) { grid-column: 1; }
  .evidence-row > div:last-child { grid-column: 2; grid-row: 1; }
  .review-row > div:not(.review-company):not(.review-row-actions) { grid-column: 1; }
  .review-row-actions { grid-column: 2; grid-row: 1 / span 3; flex-direction: column; }
  .compare-hint { white-space: normal; }
  .compare-dock { right: 10px; left: 10px; bottom: 10px; max-width: none; }
  .compare-dock > div { display: none; }
  .app-footer { align-items: flex-start; flex-direction: column; padding-inline: 14px; }
}

@media (max-width: 420px) {
  .brand-type strong { font-size: 14px; }
  .brand-type small { display: none; }
  .primary-nav { justify-content: flex-start; }
  .nav-item { flex: 1; justify-content: center; padding-inline: 6px; }
  .topbar-tools .global-search { height: 38px; }
  .pipeline-counter { padding: 11px; }
  .counter-label { font-size: 10px; }
  .pipeline-counter strong { font-size: 21px; }
  .hero-note { padding: 10px; }
  .page h1 { font-size: 26px; }
  .filter-grid, .range-grid, .profile-grid, .history-grid, .raw-facts { grid-template-columns: 1fr; }
  .primary-filters { grid-template-columns: 1fr; }
  .screenshot-grid { grid-template-columns: 1fr; }
  .primary-indicators { gap: 6px; }
  .primary-score { padding: 8px; }
  .primary-score strong { font-size: 21px; }
  .decision-actions { padding-inline: 14px; }
  .decision-panel-head { padding-inline: 14px; }
  .decision-notes { margin-inline: 14px; }
  .contact-grid { padding-inline: 14px; }
  .section-heading h2, .workspace-disclosure > summary h2 { font-size: 16px; }
  .workspace-meta { display: grid; gap: 4px; }
  .workspace-meta > span + span { padding-inline-start: 0; }
  .workspace-meta > span + span::before { display: none; }
  .material-card { align-items: flex-start; flex-direction: column; }
  .material-card .button { width: 100%; }
  .file-viewer-backdrop, .palette-backdrop { padding: 20px 10px 10px; }
  .file-viewer-dialog > header { align-items: flex-start; }
  .file-viewer-actions .text-button { display: none; }
  .markdown-body { padding: 16px 17px 24px; }
  .pagination { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}